@charset "UTF-8";

/* trial
----------------------------------------------- */
.trial_box { position: relative; background: #e4ecf4; min-height: auto; margin: 20% 0 0;}
.trial_box img { width: 80%; margin: 5% auto 0;}
.trial_box p.title { letter-spacing: 2px; line-height: 1.4;font-size: 6.1vw;color: #000000; position: relative; top:-20px; left: 5%;}
.trial_box p.title span {display: block;  font-size: 4vw; letter-spacing: 4px; font-family: "Cormorant Garamond";}
.trial_box p.title:after { content: ""; width: 100px; height: 1px; background: #000; position: absolute; bottom: -15px;}
.trial_box p.txt { padding: 10px 0; width: 100%;font-size: 90%;}
.trial_box .in { padding:5%;}
.trial_box dl.price { width: 100%;border: 1px solid #000; margin: 0 0 5% 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-line-pack: center;align-content: center;}
.trial_box dl.price dt,.trial_box dl.price dd { display: inline-block; vertical-align: top; padding: 10px 0; font-size:3.2vw; width: 50%; text-align: center;}
.trial_box dl.price dt { background: #000; color: #FFF;}
.trial_box dl.price dd { background: #FFF; color: #000;}
.trial_box dl.price dd span.zei { font-size: 60%;}
a.trial_bnr { width: 90%;  background: #000;border: 1px solid #000;border-radius: 10px; color: #FFF;   padding: 20px;  margin: 10% auto ;text-align: center;}
a.trial_bnr:after { content: "\f105"; font-size: 1.6rem; font-family: FontAwesome; margin-left: 20px;}
a.trial_bnr:hover { background: #FFF; color: #000;}
p.trial_txt{font-size: 4.2vw;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin: 3vw auto;text-align: center;}
p.trial_txt span{ background: linear-gradient(transparent 80%, #fcf894 0%);}
p.trial_txt b{ font-weight: bold;color: #c19467;}
.trial_link{background: #d07d91;padding: 2vw;margin: 3vw auto 0;text-align: center;color: #fff;font-size: 4vw;position: relative;}
.trial_link::after{content: "\f107";font-family: icon;position: absolute;right: 5%;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.net-btn{margin: 3% auto;}
.net-btn img{margin:0 auto;}
.line-bn{ margin: 5vw auto;}
/* trial LP 2601
----------------------------------------------- */
.second-content.trial{ width: 100vw;}
.trial > img { width: 100%; height: auto; }
.trial-voice {width: 90%; margin: 16vw auto; }
.trial-voice img{margin: 0 auto 5vw; width: 100%; height: auto;}


/* contact
----------------------------------------------- */
#contact-area {padding-top: 26%;margin-top: -10%;}
#contact-area .midashi02 { padding-left: 2%; }
#contact-area .midashi02:before { left: -100%;}
.free_counseling { position: relative; background: #e4ecf4; min-height: auto; margin: 20% 0;}
.free_counseling img { position: inherit; right: inherit; top: inherit; width: 80%; margin: 0 auto;}
.free_counseling p.title { font-size: 11vw; font-family: "Cormorant Garamond"; color: #000000;position: relative; top:-30px; left: 5%;}
.free_counseling p.title span { font-size: 4vw;display: block; letter-spacing: 4px;}
.free_counseling p.title:after { content: ""; width: 100px; height: 1px; background: #000; position: absolute; bottom: -15px;}
.free_counseling p.txt { padding: 10px 0; width: 100%;}
.free_counseling .in { padding:5%;}
.contact_head p.title { text-align: center; color: #000; font-size: 4.5vw; border: 1px solid #B2B2B2; padding: 10px; width: 100%; letter-spacing: 3px; margin: 0 auto 20px;}
.contact_head p.text { text-align: center; letter-spacing: 2px; font-size: 3.5vw; }
.contact_head a.tel { color: #14569b; font-size: 1.6rem; letter-spacing: 2px;  text-align: center; margin: 20px 0;}
.contact_head p.time { text-align: center; letter-spacing: 0.5px;}
.contact_formbox { border: 1px solid #AEAEAE; padding: 5%; margin: 10% 0;}
.contact_formbox table { width: 100%;}
.contact_formbox .chui {background: #fdfae4;padding: 7%;margin: 10px 0 0;}
.contact_formbox .chui p.ttl { margin: 0!important; font-size: 0.8rem; font-weight: bold;}
.contact_formbox .chui p.txt {  font-size: 0.7rem;}
.contact_formbox p.text { margin: 0!important;}
.contact_formbox p.memo { margin: 0!important; font-size: 1rem;}
.contact_formbox .timebox { border: 1px dashed #B9B9B9; padding: 5%; margin-bottom: 10px;}
.contact_formbox .timebox p.ttl { margin: 0!important; font-size: 3vw; font-weight: bold;}
.contact_formbox .timebox p.txt { margin: 0!important; font-size: 3vw; padding: 4px 0 0;}
.contact_formbox .timebox p.txt span.date1 { background: #E1E1E1; padding: 1px 5px; color: #000!important;}
.contact_formbox .timebox p.txt span.date2 { background: #c1a684; padding: 1px 5px; color: #FFF!important;}
.contact_formbox .privacy_box{	width: 100%;	height: 200px;	padding: 20px;	border: 1px solid #ccc;	overflow: hidden;	overflow-y: scroll;	margin: 10px auto;}
.contact_formbox .privacy_box p { padding: 10px 0;}
.contact_formbox .mailformproTable tr.date_sp { border-bottom: none;}
.contact_att {width:100%;margin:auto;padding: 5%;background-color: #fff;line-height: 1.5;border:1px dashed #ccc;} 
.contact_att p.title {text-align:center;font-size:4vw;font-weight:bold;color: #6C6C6C;}
.contact_att p {text-indent:-1em;padding-left:1em;border-bottom: 1px solid #C4C4C4;padding-bottom:1em;margin-bottom:1em;color: #6C6C6C;}
.contact_att p:last-child { margin-bottom:0em; border-bottom:none; padding-bottom:0em;}
.contact_att p a { display:inline; color:#ae960e; border-bottom:1px solid #ae960e;}
.contact_att p b { font-weight:bold; color:#c30000;}
.contact_att p { margin-bottom:15px;}


/* trial
----------------------------------------------- */
.trial-head-img{ max-width: 100vw; margin-left: -5vw; margin-bottom: 5vw;}
.trial-head{ margin: 0 auto 10vw;text-align: center;}
.trial-head .ttl{  margin: 0 auto ;font-size:5.8vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;}
.trial-head .sub{  margin: 0 auto 5vw;position: relative;}
.trial-head .sub:after{content: "";width: 14vw;position: relative;height: 5vw;margin: 6vw auto;display: block;background: url("../images/trial/intor-deco.jpg") no-repeat;background-size: contain;}
.intor-ttl{width: 70%;margin: 0 auto;}
.ba{width: 80%;margin: 0 auto;}
.ba-img{margin: 5vw auto;}
.ba-txt {font-size: 3.8vw; line-height: 2;}

.trial-ttl{margin: 10vw auto ;font-size:4.2vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;text-align: center;}
.trial-intor-img{display: -webkit-box;display: flex;
-webkit-box-pack: justify;justify-content: space-between;
flex-wrap: wrap;}
.trial-intor-img li{width: 50%;}
.trial-intor-txt{}
.trial-intor-txt .txt{ padding: 10vw 5vw; line-height: 2.5;}
.trial-flow-txt{margin:5vw auto; text-align: center; line-height: 2.5;}

.trial-flow{}
.trial-flow .ttl{margin: -2vw auto 3vw; display: -webkit-box;display: flex;-webkit-box-align: end;align-items: flex-end;font-size: 4.2vw;line-height: 1;}
.trial-flow .ttl img{margin-right: 2vw;}
.trial-flow .ttl small{font-size: 70%;display: block; margin-top: 1.2vw;}
.trial-flow dd{margin: 0 auto 6vw;}

.cam-area{width: 100%; border: 1px solid #ccc; padding: 5vw; margin-bottom: 10vw;}
.cam-area img{margin: 0 auto;}
.camset{ margin: 0 auto 5vw;}
.camset b{font-weight: bold; font-size: 120%;}
.camset .ttl{color: #65606b; font-size:5vw;font-weight: 600; margin:3vw auto; line-height: 2;}
.camset .tx{margin-bottom: 5vw;}




/* PC-size 
======================================================================================*/
@media screen and (min-width: 736px) {
.thanks{text-align: center; margin-bottom: 140px;}

/* trial LP 2601
----------------------------------------------- */
.second-content.trial{width: 760px; margin:100px auto 0;}
.trial > img { width: 100%; height: auto; }
.trial-voice {width: 90%; margin: 0 auto; }
.trial-voice img{margin: 0 auto 50px; width: 100%; height: auto;}

/* trial
----------------------------------------------- */
.trial_box { position: relative; background: #e4ecf4; min-height: 420px; margin: 120px 0 0;}
.trial_box img { position: absolute; right: 30px; top: -30px;width: auto;margin: 0 auto 0;}
.trial_box p.title { font-size: 2.2rem; color: #000000; letter-spacing: 2px; line-height: 1.4; position: relative;position: absolute; top:-30px; left: 30px;}
.trial_box p.title span { display: block; font-size: 1rem; letter-spacing: 4px; font-family: "Cormorant Garamond";}
.trial_box p.title:after { content: ""; width: 100px; height: 1px; background: #000; position: absolute; bottom: -15px;}
.trial_box p.txt { padding: 10px 20px; width: 480px;}
.trial_box .in { padding:90px 0 0 20px;}
.trial_box dl.price { width: 250px; border: 1px solid #000; font-size: 0; margin: 0 0 10px 20px;}
.trial_box dl.price dt,.trial_box dl.price dd { display: inline-block; vertical-align: top; padding: 10px 0; font-size: 0.9rem; width: 50%; text-align: center;}
.trial_box dl.price dt { background: #000; color: #FFF;}
.trial_box dl.price dd { background: #FFF; color: #000;}
.trial_box dl.price dd span.zei { font-size: 60%;}

a.trial_bnr { width: 400px; background: #000; color: #FFF; text-align: center; margin: 80px auto ; font-size: 1.6rem; padding: 20px; border-radius: 10px; border: 1px solid #000;}
a.trial_bnr:after { content: "\f105"; font-size: 1.6rem; font-family: FontAwesome; margin-left: 20px;}
a.trial_bnr:hover { background: #FFF; color: #000;}

p.trial_txt{font-size: 1.4rem;font-family: 游明朝 , "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;margin: 3vw auto;text-align: center;}
p.trial_txt span{ background: linear-gradient(transparent 80%, #fcf894 0%);}
p.trial_txt b{ font-weight: bold;color: #c19467;}
	
.trial_link{padding: 10px;margin: 30px auto 0;font-size: 16px;width: 340px;}
.trial_link::after{right: 5%;}

.line-bn{ margin: 30px auto;}
	
/* contact
----------------------------------------------- */
#contact-area { padding-top: 180px; margin-top: -100px; }

.free_counseling { position: relative; background: #e4ecf4; min-height: 480px; margin: 120px 0;}
.free_counseling img { position: absolute; right: 30px; top: -30px;}
.free_counseling p.title { font-size: 5rem; font-family: "Cormorant Garamond"; color: #000000; letter-spacing: 2px; line-height: 1.4; position: relative;position: absolute; top:-40px; left: 30px;}
.free_counseling p.title span { display: block; font-size: 1.6rem; letter-spacing: 4px;}
.free_counseling p.title:after { content: ""; width: 100px; height: 1px; background: #000; position: absolute; bottom: -15px;}
.free_counseling p.txt { padding: 10px 20px; width: 480px;}
.free_counseling .in { padding: 100px 0 0 20px;}

.contact_head { }
.contact_head p.title { text-align: center; color: #000; font-size: 1.2rem; border: 1px solid #B2B2B2; padding: 10px; width: 300px; letter-spacing: 3px; margin: 0 auto 20px;}
.contact_head p.text { text-align: center; letter-spacing: 4px; font-size: 1rem; }
.contact_head a.tel { color: #14569b; font-size: 1.6rem; letter-spacing: 4px;  text-align: center; margin: 20px 0;}
.contact_head p.time { text-align: center; letter-spacing: 2px;}

.contact_formbox { border: 1px solid #AEAEAE; padding: 30px; margin: 50px 0;}
.contact_formbox table { width: 100%;}
.contact_formbox .chui {background: #fdfae4;padding: 10px 20px;margin: 10px 0 0;}
.contact_formbox .chui p.ttl { margin: 0!important; font-size: 0.9rem; font-weight: bold;}
.contact_formbox .chui p.txt { margin: 0!important; font-size: 0.8rem;}
.contact_formbox p.text { margin: 0!important;}
.contact_formbox p.memo { margin: 0!important; font-size: 0.8rem;}
.contact_formbox .timebox { border: 1px dashed #B9B9B9; padding: 10px 20px; margin-bottom: 10px;}
.contact_formbox .timebox p.ttl { margin: 0!important; font-size: 1.2rem; font-weight: bold;}
.contact_formbox .timebox p.txt { margin: 0!important; font-size: 0.8rem; padding: 4px 0 0;}
.contact_formbox .timebox p.txt span.date1 { background: #E1E1E1; padding: 1px 5px; color: #000!important;}
.contact_formbox .timebox p.txt span.date2 { background: #c1a684; padding: 1px 5px; color: #FFF!important;}

.contact_formbox .privacy_box{	width: 100%;	height: 200px;	padding: 20px;	border: 1px solid #ccc;	overflow: hidden;	overflow-y: scroll;	margin: 10px auto;}
.contact_formbox .privacy_box p { }
.contact_formbox .privacy_box p span {	color: #bc0000;font-weight: bold;}
    
.contact_att {width:100%;margin:20px auto 60px;padding: 30px 40px 40px;background-color: #fff;line-height: 1.5;border:1px dashed #ccc;} 
.contact_att p.title {text-align:center;font-size:18px;font-weight:bold;color: #6C6C6C;}
.contact_att p {text-indent:-1em;padding-left:1em;border-bottom: 1px solid #C4C4C4;padding-bottom:1em;margin-bottom:1em;color: #6C6C6C;}
.contact_att p:last-child { margin-bottom:0em; border-bottom:none; padding-bottom:0em;}
.contact_att p a { display:inline; color:#ae960e; border-bottom:1px solid #ae960e;}
.contact_att p b { font-weight:bold; color:#c30000;}
.contact_att p { margin-bottom:15px;}
  
.trial_btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}  
.trial_btn li{ margin:0 2%; }
.trial_btn li .more01{margin-bottom:10px;}

	
	
/* trial
----------------------------------------------- */
.trial-head-img{ max-width: 100%; margin-left: 0; margin-bottom: 30px;}
.trial-head{ margin: 0 auto 30px;}
.trial-head img{margin: 0 auto;}	
.trial-head .ttl{  margin: 0 auto ;font-size:30px;}
.trial-head .sub{  margin: 0 auto 30px;}
.trial-head .sub:after{width: 60px;height: 30px;margin: 30px auto;}
.intor-ttl{ width: auto;  margin: 0 auto;}
.ba{width: 100%;margin: 0 auto;gap:40px;
	display: -webkit-box;display: flex;
-webkit-box-pack: center;justify-content: center;
-webkit-box-align: center;align-items: center;
-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;	}
.ba-img{margin: 30px 0;}
.ba-txt {font-size: 16px; line-height: 2.5;}

.trial-ttl{margin: 30px auto ;font-size:20px;}
.trial-intor-img{gap:14px 0;}
.trial-intor-img li{width: 50%;}
.trial-intor-txt{margin: 50px auto 80px;}
.trial-intor-txt li{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;}
	.trial-intor-txt li:nth-child(2n){		-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;		}
.trial-intor-txt .txt{ padding: 30px 30px; line-height: 2.5; flex: 1;}
.trial-flow-txt{margin:30px auto;  line-height: 2.5;}

.trial-flow-list{display: -webkit-box;display: flex;flex-wrap: wrap;gap: 20px;}
.trial-flow .ttl{margin: -10px auto 16px;font-size: 18px;}
.trial-flow .ttl img{margin-right: 30px;}
.trial-flow .ttl small{font-size: 70%;display: block; margin-top: 10px;}
.trial-flow dd{margin: 0 auto 30px;}
	
.cam-area{padding: 40px 40px 0;margin-bottom: 80px;}
.camset{ margin: 0 auto 30px;}
.camset .ttl{font-size:20px; margin:20px auto; }
.camset .tx{margin-bottom: 20px;}


	
	
/* end
======================================================================================*/
}