@charset "UTF-8";

/* --------------------------------
	common
-------------------------------- */
figure {
	padding-top: 20px;
}

#main p {
	font-size: min(22px, 4.5vw);
	padding-top: 20px!important;
}

#sec03 .toshop.smallpad,#sec04 .toshop.smallpad{
    padding-top: 0 !important;
}

.marker {
  background-color: #fff0c1;
  padding: 0 2px;
	line-height: 1;
}

.bg-fff{
	background-color: #fff;
	font-size: min(22px, 4.5vw);
	line-height: 1.6923076923;
    font-weight: 300;
}
.marker2{
	 background-color: #ffd2d9;
	
  padding: 0 2px;
	line-height: 1;
}

#sec02,#sec04,#sec03,#sec05  {
	padding-bottom: 20px;
	padding-top: 40px;
/*	background-color: #e7f5f5;*/
}



#sec02 h2,#sec04 h2,#sec03 h2,#sec04 h2,#sec05 h2{
	color: #E94B63;
} 


.gradation{
	background: linear-gradient(
		180deg,
		#FFE4EE, 
		  #fff5cc
	);
	position: relative;
}
.gradation2{
	background: linear-gradient(
		180deg,
		#fff5cc, 
		  #FFE4EE
	);
	position: relative;
}

.btn .coming-soon {
  color: #f6e59e;
}


#main h2 {
	font-size: min(30px, 5.5vw);
	font-family: "Noto Sans JP", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 1.4;
	font-weight: 400;
}

/*
.title-box{
    display:flex;
    align-items:center;
}
*/



#main h2 img {
	padding-bottom: 20px;
}

#main h3 {
	color: #ff5353;
	font-size: 36px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
/*	padding-top: 40px;*/
	text-align: center;
	line-height: 1.4;
}

.

@media (max-width: 768px) {
	#sec02, #sec03, #sec04, #sec05 {
		padding-bottom: 3rem;
		padding-top: 3rem;
	}
		#sec03 {
		padding-top: 1rem;
	}
	#main h2 {
		font-size: 5.5vw;
	}
	#main h3 {
		font-size: 6vw;
		padding-top: 2rem;
	}
	figure {
		padding-top: 1rem;
	}

	#main p {
		padding-top: 1rem!important;
	}
	


}


/* --------------------------------
	#cover 
-------------------------------- */
#cover {
  position: relative;
  display: inline-block;
  line-height: 0;
  margin: 0;
  padding: 0;
}

#cover img {
  display: block;
  width: 100%;
  height: auto;
}

#sec01 p.monitor-text{
  text-align: center;
/*	color: #e7336e;*/
	padding-top: 0 !important;
	padding-bottom: 0;
}

.bold{
	font-weight:bold;
}

.monitor-text a {
	display: inline-flex;
  color: inherit;
	align-items: center;
  text-decoration: none;
	color: #f55350;
	border-bottom: 1px solid #f55350;
/*	padding-bottom: 15px;  */
}

.monitor-text a .arrow {
  font-size: 12px;      
  margin-left: 0.3em;   
	color: #f55350;
}

.monitor-link {
  margin: 1.0em 0; 
}


@media (max-width: 768px) {
.monitor-text {
	padding-bottom: 8px;
	}
}




/* --------------------------------
	#sec01
-------------------------------- */

    .talk-block {
      display: flex;
      align-items: center;
      margin: 20px 0;
    }

    .talk-block.reverse {
      flex-direction: row-reverse;
    }

    .speaker-photo {
      width: 90px;
      height: auto;
      object-fit: cover;
      flex-shrink: 0;
    }

    .speech-bubble {
		flex: 1;
		font-size: min(22px, 4.5vw);
      background-color: #fff;
/*      border: 1px solid #ccc;*/
      padding: 10px 15px;
      border-radius: 10px;
    }






#sec01 p {
	padding-top: 20px;
    padding-bottom: 20px;
}


.bg-section{
  background-color:#fef5d3; 
  padding:0px 30px 40px;
}


@media (max-width: 768px) {
	#sec01 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}


/* --------------------------------
	.theme
-------------------------------- */

#sec01 .theme {
/*	padding-top: 40px;*/
	padding-bottom: 40px;
	margin-top: 30px;
	color: #f55350;
}

#sec01 .theme  {
	border-top: 1px solid #f55350;
	border-bottom: 1px solid #f55350;
	padding-bottom: 30px;
}

#sec01 .theme p {
/*	color: #d1005b;*/
	padding-top: 30px!important;
}
 .theme-list {
  list-style: none;
  padding-left: 0;
	
}

#sec01 .theme .theme-list li {
  font-size: min(22px, 4.5vw);
}

.theme-list li:nth-child(1)::before { content: "1. "; }
.theme-list li:nth-child(2)::before { content: "2. "; }
.theme-list li:nth-child(3)::before { content: "3. "; }

.pa {
  display: block;    
  margin: 25px 0 10px;      
  line-height: 1;        
}

@media (max-width: 768px) {
	figure {
		padding-top: 3rem;
	}

	#main p {
		padding-top: 1rem!important;
	}
	#sec01 .theme {
		padding-bottom: 2rem;
	}
	#sec01 .theme div {
		padding-bottom: 1rem;
	}
	
	.title-box img{
    width:80px;
    max-width:none;
    height:auto;
    flex-shrink:0;
}
}



/* --------------------------------
	speech-bubble
-------------------------------- */
.reverse .speech-bubble {
  position: relative;
  display: inline-block;
  margin-right: 16px;
  padding: 17px 16px;
  border-radius: 25px;
  background-color: #ffffff;
  text-align: left;
  font-size: min(21px, 4.5vw);
  line-height: 1.7;
  color: #000000;
	letter-spacing: 0.1em;
}

.reverse .speech-bubble::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #ffffff;
  translate: 100% -50%;
  transform: skew(0, -10deg);
  transform-origin: left;
}

.speech-bubble {
  position: relative;
  display: inline-block;
  margin-left: 16px;
  padding: 17px 16px;
  border-radius: 25px;
  background-color: #ffffff;
  text-align: left;
 font-size: min(21px, 4.5vw);
  line-height: 1.7;
  color: #000000;
	letter-spacing: 0.1em;
	box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.speech-bubble::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 8px 16px 8px 0;
  border-color: transparent #ffffff transparent transparent;
  translate: -100% -50%;
  transform: skew(0, -10deg);
  transform-origin: right;
}

/* --------------------------------

-------------------------------- */
/*# sourceMappingURL=style.css.map */