@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ヒューマンフローラ
 Style Info : トライアルセット　PCレイアウトCSS設定
=================================================================== */

/* -------------------------------------------------------
index.html
------------------------------------------------------- */
.trial .tokuhon{
margin:40px auto;
text-align:center;
}
.trial .tokuhon p:first-of-type{
margin-top:20px;
}
.trial .tokuhon p:nth-of-type(2){
margin-top:40px;
}

.trial *{box-sizing: border-box;}

#sctrial .cnt03{width:800px;margin: 50px auto; background: #fff;}
#sctrial .cnt03 h3{margin-bottom: 25px; padding: 10px; background: #83b6d6; text-align: center; color: #fff; font-size: 24px; font-weight: bold;}
#sctrial .cnt03>ul>li{background: #c2dbea; padding: 25px; border-radius: 15px;}
#sctrial .cnt03>ul>li>div{display: flex;align-items:center;width: 750px;padding: 10px; border-radius: 10px;background: #fff;  }
#sctrial .cnt03>ul>li>div+div{margin-top: 10px;padding: 25px;}
#sctrial .cnt03 .box_hd .circle{flex-shrink:0;width:80px;height:80px;margin:0 10px;padding: 10px 0;border-radius: 50%;background: #83b6d6; color: #fff;text-align: center;}
#sctrial .cnt03 .box_hd .circle dt{font-size: 16px;line-height:1.1; color: #fff;font-weight: normal;}
#sctrial .cnt03 .box_hd .circle dt b{font-size: 22px;line-height: 1.1; color: #fff;font-weight: normal;}
#sctrial .cnt03 .box_hd .circle dd{font-size: 30px;line-height: 1.1;font-weight: normal;white-space: nowrap;}
#sctrial .cnt03 ul li:nth-of-type(2) .box_hd .circle dd{font-size: 28px;letter-spacing: -0.1em;}
#sctrial .cnt03 ul li:nth-of-type(3) .box_hd .circle dd{font-size: 28px;letter-spacing: -0.1em;}
#sctrial .cnt03 .box_hd h5{flex-shrink:0;width:90px;margin:0 15px;color: #4f77ac;font-size: 34px;font-weight: bold;}
#sctrial .cnt03 .box_hd p{flex: 1;color: #555;font-size: 16px;line-height: 1.7; font-weight: normal;}
#sctrial .cnt03 .box div{align-self:flex-start; }
#sctrial .cnt03 .img{flex-shrink:0;width:200px;}
#sctrial .cnt03 .img img{width:200px;}
#sctrial .cnt03 .item{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: dotted 3px #c2dbea;color: #4f77ac; font-size: 18px;line-height: 1.3;font-weight: bold;}
#sctrial .cnt03 .item .iyaku{display:inline-block;margin:2px 2px 2px 1em;;padding:2px 5px;border:1px #333 solid;font-size:14px;line-height:1.25;font-weight:300;color:#333;}
#sctrial .cnt03 .catch{ margin-bottom: 10px; padding-bottom: 5px; border-bottom: dotted 3px #c2dbea;color: #333333; font-size: 16px;line-height: 1.3; font-weight: bold; }
#sctrial .cnt03 .flow{padding-left:1em;}
#sctrial .cnt03 .flow li{margin-left:0;text-indent: -1em;line-height: 1.3;clear:both;list-style: none;}
#sctrial .cnt03 .flow li+li{padding-top: 1em;}
#sctrial .cnt03 .flow span{display: inline; font-size: 14px;}
#sctrial .cnt03 .flow img{margin:0 0.5em;}
#sctrial .cnt03 .flow .illust01{width:18.05%; float:right;margin-top:-2em;}/*54.16*//*300*/
#sctrial .cnt03 .flow .illust02{width:28.19%; float:left;margin-top:-1em;transform: translateX(-1em);}/*84.56*/
#sctrial .cnt03 .flow .illust03{width:13.41%; float:right;}/*40.22*/
#sctrial .cnt03 .flow .illust04{width:18.05%; float:left;margin-top:-2em;margin-bottom:1em;transform: translateX(-1em);}/*54.16*/
#sctrial .cnt03 .flow .illust05{width:17.32%; float:right;margin-top:-1.5em;margin-right:3em;}/*51.96*/
#sctrial .cnt03 .flow .illust06{width:15.37%; float:right;}/*46.11*/
#sctrial .cnt03 .flow .illust07{width:21.49%; float:left;margin-top:-2em;transform: translateX(-1em);}/*64.47*/
#sctrial .cnt03 .point{clear:both;padding:20px 0 10px;}
#sctrial .cnt03 .point li{display: inline-block;margin-right: 1.5em;font-weight: bold; font-size: 18px;line-height: 1.1;color:#ec6c79;}
#sctrial .sankaku{width: 0; height: 0; border-style: solid; border-width: 20px 35px 0 35px; border-color: #83b6d6 transparent transparent transparent; margin: 7px auto;}

.trial .cv{width:820px;margin: 0 auto;}
.trial .cv .cv_catch{font-weight:bold;font-size:120%;}
.trial .cv .cv_bnr{margin:0;}
.trial .cv .cv_btn{margin-top:10px;}
.trial .cv .cv_list{margin-top:10px;}

.trial .offer{width:840px;margin: 0 auto 3em;}
.trial .offer_top{margin:0;}
.trial .offer_list{width:840px;margin: 2em auto 0;border:1px #ff0000 solid;padding:1em 1.5em;}
.trial .offer_list h3{font-weight:bold;font-size:120%;color:#ff0000;text-align:center;}
.trial .offer_list .strong{color:#004293;}
.trial .offer_list li{padding-left: 1em; text-indent: -1em;}
.trial .offer_list li a{text-decoration: underline;}