@charset "shift_jis";

.top_ttl{width: 100%; margin: auto; text-align: center; padding: 20px 0;}
#animation_container {padding: 50px 0; margin: auto;}

#merits {margin: auto; display: table; border-collapse: separate; 
border-spacing: 50px 0; }
.merit {width: 250px; display: table-cell; padding: 20px;
border: 1px solid #dddddd; background: #fff;
}
.merits_ttl {display: block; font-size: 25px; padding: 5px 0; font-weight: bold; background-color: #0074CD; color: #fff; margin: 20px auto; border-radius: 5px; width: 700px; }
.merit img {padding-bottom: 15px;}
.merit p {padding-top:10px; margin: auto; width: 220px;}
.merit span {padding: 5px; color: #E9446A; font-size: 22px; font-weight: bold;}

#meritsBox {background-color: #eeeeee; width: 100%; text-align: center; padding: 25px 0;}
#suggestion {margin: 50px auto; text-align: center;}
.subttl_suggestion {margin: 20px 0; color:#333333;}

/* suggestion */
article {width: 100%;}
article.type_2 {background:url(../images/bizpage/bg_bkk.jpg) center center no-repeat; padding: 50px 0; border-bottom: 4px solid #F2914A; border-top: 4px solid #F2914A;}
#suggestion .wrapper {width:860px; padding:10px; margin:0 auto; border-left:1px solid white; border-right:1px solid white; background:url(../images/bizpage/bg_side_lines.png) top center no-repeat, url(../images/bizpage/bg_side_lines.png) bottom center no-repeat;}
#suggestion .box {padding:25px 40px; text-align:center; background-color: rgba(255, 255, 255, 0.75);}
#suggestion .box h4 {font-size:30px; font-weight:bold; margin:5px 0 20px 0;}
#suggestion dl.his_plan dt {display:block; float:left; text-align:center; font-size:24px; color:#333333; padding:40px 0 0 0; width:430px;}
#suggestion dl.his_plan dt p {color:#cc3333; font-size:45px; font-weight: bold; margin:0; padding:0; line-height:60px;}
#suggestion dl.his_plan dt p span.num {font-size:65px; margin:0 5px 0 15px;}
#suggestion dl.his_plan dd {display:block; float:right; position:relative; background:#004098; width:340px; height:170px; padding-top:30px; text-align:center; color:#FFF; font-size:20px;}
#suggestion dl.his_plan dd p {margin:0; line-height:140%;}
#suggestion dl.his_plan dd p:nth-of-type(1) {font-size:22px; margin-bottom:5px;}
#suggestion dl.his_plan dd p:nth-of-type(1) span {font-size:26px;}
#suggestion dl.his_plan dd p:nth-of-type(1) span strong {font-size:38px; margin:0 5px;}
#suggestion dl.his_plan dd p:nth-of-type(3) {font-size:24px; margin:20px 0 0 0;}
#suggestion dl.his_plan dd p:nth-of-type(3) span {font-size:45px; margin:20px 5px 0 10px; font-weight: bold;}
#suggestion dl.his_plan dd .special {position:absolute; top:-25px; right:-25px;}

#suggestion dl.else dt {display:block; float:none; width:100%; text-align:center; font-size:20px; color:#363636; padding:25px 0 5px 0;}
#suggestion dl.else dd {display:block; float:left; height:100px; width:230px; padding:10px 5px; text-align:center; color:#004098; font-size:26px; line-height:18px; background:#FFF;}
#suggestion dl.else dd p {font-size: 13px;color:#363636;padding: 10px 0;}
#suggestion dl.else dd:nth-of-type(2), #suggestion dl.else dd:nth-of-type(4) {font-size:30px; line-height:120px; width:30px; background:none; padding:0px;}
#suggestion dl.else dd:nth-of-type(3) p {margin-top:5px;}
#suggestion dl.else dd:nth-of-type(5) p {margin-top:30px; font-size:22px; font-weight:bold;}
#suggestion dl.else dd:nth-of-type(5) p span {font-size:30px;}
#suggestion .box dl:after {display:block; content:''; clear:both;}

/* benefits */
#benefits {width: 100%; margin: -20px auto; text-align: center;}
#benefits .cause {width: 960px; margin:20px auto; text-align: left;}
#benefits h2 {border-top:4px solid #f97c28;}
#benefits dl:nth-of-type(1) {display:block; float:left; border:1px solid #ededed; padding:30px 40px 0 40px; width:320px; margin-bottom:10px;}
#benefits dl:nth-of-type(2) {display:block; float:right; padding:30px 20px 0px 110px; width:400px;  background:url(https://www.his-j.com/kanto/corp/btmlp/images/arrow.png) center left no-repeat;}
#benefits dl dt {display:block; float:left; width:100px; height:100px; padding-bottom:30px; clear:both;}
#benefits dl dd {display:block; float:left; line-height:26px; padding:7px 0 0 15px;}
#benefits dl dd strong {color:#f25c05; font-size:20px; font-weight:bold;}
#benefits dl:nth-of-type(2) dd {line-height:26px; padding:25px 0 0 15px;}
#benefits p.note {clear:both; font-size:13px; text-align: left; color:#666;}

/* customize*/
#customize {background:#cae8ff; text-align:center; padding-bottom:1px; padding: 20px 0;}
#customize h2 {background:none; margin: 20px 0 30px 0;}
#customize h3 {font-size:22px; font-weight:bold; color:#0047a9; line-height:20px; margin:5px 0 0 0;}
#customize p {margin:30px 0; color: #333333;}

/* options */
#options {background:#eff8ff; text-align:center; padding:25px 0 15px 0;}
#options ul li img {margin:0 0 10px 0;}
#options ul {display:block; margin:0 auto; width:800px;}
#options ul li {display:block; width:170px; text-align:center; float:left; margin:0 15px;}
#options:after  {display:block; content:''; clear:both;}
#options h3 {padding: 0 0 20px 0;}

/* supportEtc*/
#supportEtc {background:#eff8ff; padding-bottom: 30px;}
#supportEtc .wrapper {margin: auto; text-align: center; padding: 30px 0; width: 960px;}
#supportEtc p {margin: 0 0 30px 0; font-size: 18px}
#supportEtc ul p{margin-top: 15px;}
#supportEtc li {display: inline-block; vertical-align: middle;padding: 10px 10px; width: 160px; height: 70px; background-color: #004098; color: #fff; margin-bottom: 15px; margin-right: 10px;font-size:18px;font-weight: bold; border-radius: 10px; line-height: 2;}
#supportEtc ul span {border-bottom: 2px solid #fff; padding: 3px;}

#LowerMain {padding-bottom:0;}