@charset "UTF-8";
/* CSS Document */

	#tre-wrapper div {
    font-size: 10px;
    line-height: 1;
	}
	h1,h2,h3,h4,ul,li {
		font-size: inherit;
		font-weight: inherit;
		margin: 0;
	}

@media screen and (min-width: 1px) and (max-width: 767px) {
	
	#container {
		width:100%;
	}
	
	#main_1column {
		width:100%;
	}
}


#tre-wrapper {
	max-width:750px;
	margin:0 auto;
}

#tre-wrapper h2{
	font-weight: bold;
	line-height: 1.5;
	font-size: clamp(18px,3vw,30px);
	color: #294766;
}

#tre-wrapper h2 span{
	font-weight: 0.9em;
}
#tre-wrapper p{
	font-size: clamp(15px,3vw,18px);
	line-height: 1.7;
}
.section-inner{
	width: 90%;
	margin:0 auto;
}
.tre-freelesson{
	padding:4em 0;
	text-align: center;
	color: #294766;
	background: #F0F5FA;
}

.tre-freelesson p{
	font-weight: bold;
	font-size: clamp(18px,3vw,24px)!important;
	line-height: 1.5;
}

.tre-freelesson span{
	font-size: 0.9em;
}

.tre-freelesson div{
	width:90%;
	margin:2em auto 0;/*
	padding:1em 0;*/
}
.tre-introduction{
	background: #fdfdfd;
	padding:60px 0 0;

}

.tre-introduction div{
	width:94%;
	margin:0 auto;
	text-align: center;
}

.tre-introduction h2{
	color: #294766;
}

.tre-introduction ul{
	margin:1em auto;
	text-align: center;
	color: #294766;
}

.tre-introduction li{
	display: block;
	margin-top:1em;
	font-size: clamp(15px,3vw,20px);
	font-weight: bold;
	border:1px solid #666666;
	padding:1em 0;
	line-height: 1;
	background: #F0F5FA;
}

.tre-introduction li:nth-child(even){
	background: #FAF0F5;
}

.tre-introduction p{
	margin-top:1.5em;
	font-weight: bold!important;
}

.tre-section-01 {
	background: #FFF4F9;
	padding:5em 0;
}

.tre-section-01 h2{
	text-align: center;
}

.tre-section-01 img{
	margin:3em 0;
}
.tre-section-01 p{
	margin-top:1em;
}

.tre-section-01 p:first-child{
	margin-top:0;
}

.tre-section-02 {
	background: #ffffff;
	padding:5em 0;
}

.tre-menu {
	margin-top:3em;
	display: flex;
	justify-content: space-between;
}

.tre-menu div{
	width: 48%;
/*	background: #BACAE8; */
	color:#222222;
	text-align: center;
}

.tre-lesson{
	background: #F2F7FF;
	padding: 4em 0;
}

.tre-lymph{
	background: #FFFBF2;
}
.tre-lesson h2{
	text-align: left;
}

.tre-lesson h2 span{
	font-size: 0.8em;
}
.tre-lesson img{
	margin:3em auto;
}
.tre-lesson-detail{
	
}

.bg-wt{
	background: #ffffff;
	font-weight: bold;
	padding:0.5em;
	border: solid 1px #222222;
	margin-top:3em;
}

.tre-lesson-detail h3{
	font-size: clamp(20px,3vw,28px);
	font-weight: bold;
	margin-top:1em;
	line-height: 1.3;
	text-align: center;
}

.tre-lesson-detail ul{
	background: #ffffff;
	padding:1.5em 1em;
	font-size: clamp(15px,3vw,20px);
	line-height: 1.5;
	box-sizing: border-box;
	margin-top:2em;
	border-top:3px solid #999999;
	border-bottom:3px solid #999999;
}

.tre-lesson-detail img{
	margin:2em auto;
}

.tre-lesson-detail-head{
	list-style-type: none;
	font-weight: bold;
	font-size: 1.1em;
}

.tre-lesson-detail-body {
	margin-left: 1em;
	margin-top:0.5em;
}

.tre-lesson-detail-total{
	font-weight: bold;
	list-style-type: none;
	margin-top:1em;
	text-align: right;
}

.tre-lesson-other{
	background:#A1CCEF;
	margin-top:2em;
	font-size: clamp(14px,3vw,18px);
	padding:2em;
	line-height: 1.5;
	box-sizing: border-box;
	border-radius: 1em;
}
.tre-lesson-other h4{
	text-align: center;
	font-weight: bold;
	color: #13639C;
	font-size:clamp(14px,3vw,18px);
	line-height:1.5;
	background: #ffffff;
	padding:0.5em;
}

.tre-lesson-other p{
	margin-top:1em;
	font-size: clamp(14px,3vw,18px)!important;
}

.tre-lavare-merit{
	background: #FFF4F9;
	padding:6em 0;
}

.tre-lavare-merit h2{
	text-align: center;
	margin-top:3em;
}

.tre-lavare-merit h2:first-child{
	margin-top:0;
}

.tre-lavare-merit h2 span{
	font-size: 0.8em;
}

.tre-lavare-merit img{
	margin:3em auto;
}
/*
.tre-lavare-merit p{
	margin-top:1em;
}*/

.tre-lavare-seven {
	padding:6em 0;
	background: #FFFFFF;
}

.tre-lavare-seven h2{
	text-align: center;
}

.tre-lavare-seven h2 span{
	font-size: 0.8em;
}

.tre-lavare-seven ul{
	font-size: clamp(14px,3vw,18px);
	line-height: 1.5;
	list-style-type: none;
	box-sizing: border-box;
}

.tre-lavare-seven ul h3{
	font-weight: bold;
	font-size: clamp(16px,3vw,20px)!important;
	color: #2463B5;
	line-height: 1.3;
	margin:0.5em 0;
	

}

.tre-lavare-seven ul div{
	font-weight: bold;
	font-size: clamp(20px,3vw,24px)!important;
	color: #5F84B5;
}

.tre-lavare-seven li{
	border: 2px solid #5F84B5;
	background: #FAFAFA;
	border-radius: 1em;
	padding: 1.5em;
	margin-top:1em;
}

.tre-lavare-seven li:first-child{
	margin-top:2em;
}

.tre-lavare-seven li a{
	font-weight: bold;
	margin-top:0.5em;
	border-bottom: 1px solid;
	color: #5F84B5;
}
.tre-dream {
	padding:6em 0;
	background: #ffffff;
}
.tre-dream h2{
	text-align: center;
}

.tre-dream-child{
	margin-top:1em;
}

.tre-dream-child img{
	margin:2em auto;
}

.tre-dream-child h3{
	font-weight: bold;
	font-size: clamp(15px,3vw,18px);
	margin-bottom: 0.5em;
}

.tre-dream a {
	font-size: clamp(15px,3vw,18px);
	font-weight: bold;
	background: #528FCC;
	color: #ffffff;
	text-align: center;
	display: block;
	padding:1em;
	border-radius: 2em;
	margin-top:1.5em;
}

.tre-access {
	padding:5em 0;
	background: #ffffff;
}

.tre-access h2{
	text-align: center;
	margin-bottom: 1em;
}

.tre-access-child {
	margin-top:6em;
}
.tre-access-child h3{
	font-weight: bold;
	font-size: clamp(16px,3vw,18px);	
}

.tre-access-child p{
	line-height: 1.5!important;
	font-size: clamp(15px,3vw,17px)!important;	

}

.tre-access-child img{
	margin:2em 0;
}

.tre-access-child a{
	margin-top: 0.5em;
	display: block;
	font-size: clamp(14px,3vw,18px);
	font-weight: bold;
	color: #5F84B5;
}

.tre-aroma {
	padding:5em 0;
	background: #ffffff;
}

.tre-aroma h2{
	text-align: center;
	margin-bottom: 1em;
}

.tre-aroma p{
	margin-top: 1em;
}

.tre-kikkake{
	padding:6em 0;
	background: #F0F5FA;
}

.tre-kikkake h2{
	text-align: center;
}

.tre-kikkake ul{
	font-size: clamp(16px,3vw,20px);
	font-weight: bold;
	margin-top:2em;
	line-height: 1.5;
	padding-left: 1.5em;
	box-sizing: border-box;
}

.tre-kikkake li:nth-child(even){
	margin-top:0.5em;
}

.tre-kikkake p{
	margin-top:1em;
}

.tre-form {
	padding:5em 0;
	background:#ffffff;
}

.tre-form h2 {
	text-align: center;
}

.tre-form p {
	margin-top:1em;
}

.tre-form table {
	margin-top:2em;
}

.form {
	box-sizing: border-box;
	font-size: clamp(16px,3vw,18px);/*
	margin-top: 1.5em;*/
}

.form th,.form td {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding:1em;
	font-size: clamp(15px,3vw,17px);	
	line-height: 1.5;
}

.form th{
	letter-spacing: 0.05em;
	margin-top: 1.5em;
}

.form td{
	margin-bottom:0;
	
}
span .wpcf7-list-item .last{
	margin-top:1em;
}

.wpcf7-list-item{
	margin:0;
}

.form td p.mail-caution{
	background:#eeeeee;
	font-size:0.8em!important;
	line-height:1.5!important;
	padding: 1em;
}
	
.form-caution p,.form-personal {
	font-size: clamp(14px,3vw,16px)!important;	
}

.form-caution p span{
	font-weight: bold;
	color:#721313;
}

.form-personal{
	line-height:1.7;
	margin-top:3em;
}

.form-personal h3{
	font-weight:normal;
	border-left:10px solid #525898;
	padding-left:0.8em;
	font-size:15px;
}

.form-personal p{
	margin-top:0.8em;
}

.form-submit {
	text-align:center;
	margin-top:2em;
}


.form-submit p span {
	font-weight:bold;
	font-size:1.05em;
	margin:1em 0;
}

.form-submit-head{
	font-weight: bold;
	color:#dd0000;
	font-size: 105%;
}

.form-button{
	font-size:15px;
	line-height:1.7;
	text-align:center;
	margin-top:2em;
}

.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea,.form select {
	 padding: 1em 0.5em;
    box-sizing: border-box;
    width: 100%;
    font-size: 1em;
    border: solid #cccccc 1px;
    color: #222222;
}
.form input[type="radio"] {
	margin-bottom:1em;
}

.form input[type=submit]{
	width:100%;
	box-shadow: none;
	padding:0;
}

@media screen and (min-width: 1025px) {
	input[type=submit]{
	width:100%;
	box-shadow: none;
	padding:0;

	}}
	@media screen and (max-width: 767px) {

	   .page_top2 {
      bottom: 80px;
      color: #fff;
      font-size: 20px;
      z-index: 100;
   }
   .bottom_menu {
      position: fixed;
      bottom: 0;
      left: 0;
      height: 60px;
      height: calc(50px + env(safe-area-inset-bottom));
      width: 100%;
      display: flex;
      z-index: 500;
   }
	   .icon {
      height: 100%;
      width: 100%;
      line-height: 60px;
      line-height: calc(50px + env(safe-area-inset-bottom));
      text-align: center;
      color: #ffffff !important;
      font-weight: bold;
      font-size: 1.4em;
   }
   .ss {
      background: #5884b1;
   }
   .mt {
      background: #7e78b7;
		}}