@charset "utf-8";
/*version:20190707*/

/*独自のクラス設定には　bai3-　をつける*/


/*---------------------------------------------------------
３用
---------------------------------------------------------*/
h1 { font-size:42px;   line-height:1.3; font-family:"Times New Roman","ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E", "游明朝", "Yu Mincho", "游明朝体", "YuMincho","ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;   font-weight: 900;}
#contents h1 { font-family: inherit;}

/*悩み部分*/
.nayami_bg {background-repeat:no-repeat; background-size: cover; background-position: right; }
@media screen and (min-width: 320px) and (max-width: 768px) {
.nayami_bg {
	background-repeat:no-repeat;
	background-size: cover;
	background-position: -565px !important;
}
}

/*プロフィール*/
.bai3-profile {  background-color:#F6F6F6;}
.box1 { background-color: #F2F2F2; -webkit-box-shadow: inset 0 0 50px 0 #E1E1E1;-moz-box-shadow:  inset 0 0 50px 0 #E1E1E1;box-shadow: inset 0 0 50px 0 #E1E1E1; padding:20px; margin-top:20px;}



.design_title03 { color: #CC0; font-size:23px; border-left:#CC0 solid 3px; padding-left:10px; font-weight:bold; display:block; text-align:left;}

.googlemap_side {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.googlemap_side iframe,
.googlemap_side object,
.googlemap_side embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*よくある間違い*/
ul.bai3-yokuarumatigai { padding:30px 0;}
ul.bai3-yokuarumatigai li {	width:100%;	background-color: #FFF;	background-image: url(../images/batu.png);	background-repeat: no-repeat;	background-position: center center; padding:20px; margin:0 auto 30px auto;}

@media screen and (min-width: 320px) and (max-width: 768px) {
ul.bai3-yokuarumatigai li {	width:90%;}
}



/*三角のグラフ*/
.bai3-sankakugurahu { background-image:url(../images/arrow02.gif);background-repeat:no-repeat;  min-height:200px; background-size: cover;}
.bai3-sankakugurahu ul li { border:#F00 solid 2px; padding:10px;  border-radius: 8px; background-color:rgba( 255, 255, 255, 0.9 ); font-weight:bold; font-size:17px;}
.bai3-sankakugurahu ul li:last-child { font-size:20px; color:#F00;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.bai3-sankakugurahu { background:url(../images/sp_arrow02.gif) no-repeat center center; background-size: contain; margin-top:30px;}
}






/*比較表*/
table.bai3-hikakuhyou {border-collapse:  collapse; color:#555;}
table.bai3-hikakuhyou td , table.bai3-hikakuhyou th { border:1px solid #CCC; padding: 10px; }
table.bai3-hikakuhyou td.mainchoice { border-left:#FC0342 5px solid; border-right:#FC0342 solid 5px; background-color: #FFFBFB;}
table.bai3-hikakuhyou td.mainchoicelast { border-bottom:#FC0342 5px solid; }
table.bai3-hikakuhyou th.mainchoicetop { border:#FC0342 5px solid; background-color:#FC0342; color:#FFF;}
table.bai3-hikakuhyou tr { background-color:#FFF;}
table.bai3-hikakuhyou tr:nth-child(odd) { background-color:#E6E6E6;}
table.bai3-hikakuhyou th.kuuhaku { border:none; background-color:#F3F3F3;}


/*返金保証*/
.henkin {background: rgb(194,129,13); font-weight:bold;}
.henkin {background: linear-gradient(159deg, rgba(194,129,13,1) 0%, rgba(252,174,4,1) 50%, rgba(194,129,13,1) 100%);}
/*.henkin { border:#808000 solid 10px; font-weight:bold; padding-bottom:20px; background-color:#FFF;}*/

/*お客様の声*/
ul.bai3-topreview li { background-color:rgba( 255, 255, 255, 0.8 );  border-radius: 12px; margin-top:20px; margin-bottom:20px; padding:20px;}
.bai3-review_title { text-align:left; font-size:20px; margin-bottom:15px;}
.bai3-review_title::before {content:'\f10d';	font-family:'Font Awesome 5 Free'	;font-weight:900; margin-right:10px;}



/*棒グラフ*/
.bar{  height: 60px; line-height: 60px;  max-width: 100%;  margin: 0 auto 10px auto;   font-size: 24px; font-weight: bold;  color: white;  padding: 0 0 0 10px;  position: relative;}
.bar::before{  height: 60px; content: '';  width: 100%;  position: absolute;  left: 0;   top: 0;  z-index: -2;  background: #ecf0f1;}
.bar::after{  content: '';  background: #D70050;  height: 60px;  transition: 0.7s;  display: block;  width: 100%;  -webkit-animation: bar-before 1 1.8s;  position: absolute;  top: 0;  left: 0;  z-index: -1;}
.bar1::after{  max-width: 90%;}

@-webkit-keyframes bar-before{  0%{    width: 0px;  }
  100%{    width: 100%;  }}

ul.lay-nayami_check {}
ul.lay-nayami_check li { border-bottom:#F3F3F3 dashed 1px; padding-bottom:15px; margin-bottom:15px; text-align:left; background-repeat:no-repeat; padding-left:35px; background-size: 25px auto;}

/*ステップ*/
.bai3-step {  border-radius: 14px; background-color:#FFF; border:#EBEBEB; padding:10px; margin-top:35px; position:relative;}
.step_num { color:#28ABE1; font-weight:bold; position:absolute; width:50px; font-size:30px; line-height:30px; top:0;}
.step_num span { font-size:12px;}
.step_title { padding:10px 0 0 60px; font-weight:bold; font-size:20px;}
.bai3-step:after   {content: "";  clear: both;   display: block;}
.sye2 img { width:100px; object-fit: cover; }
.sye1 img { width:200px; object-fit: cover; }
.sye2 { width:50%;}
@media screen and (min-width: 320px) and (max-width: 768px) {
.sye2 { width:100%;}
.sye2 img  { float:right;}
.sye1 img { width:100%; object-fit: cover; padding-top:10px;}
.sye2 { margin-left:0px !important;}
}