@charset "utf-8";

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

 File Name  : layout_sp.css
 Author     : ヒューマンフローラ
 Style Info : WEB限定CP　SPレイアウトCSS設定
=================================================================== */

/* -------------------------------------------------------
index_sp.html
------------------------------------------------------- */

#about .cnt01{background: #fff; border: solid 1px #050368; margin-top: 10px;}
#about .cnt01 h4{text-align: center; font-size: 12px; margin: 0 0 5px;}
#about .cnt01 h4 img{width: 35px; vertical-align: middle; }
#about .cnt01 h2{width: 90%; text-align: center; font-size: 16px; color: #050368; background: #dff1fc; margin: 0 auto 15px; padding: 3px; font-weight: bold;}
#about .cnt01 figure img{width: 100%; max-width: 250px; }
#about .cnt01 p{padding: 15px 3%;}

#about .cnt02{background: #fff; margin-top: 20px; padding: 3%;}
#about .cnt02 h3{color: #fa6f6d; font-size: 14px; padding: 3px 3%; border-top: solid 3px #fa6f6d; background: linear-gradient(#fee8ee, #fdd5d4); text-shadow: 1px 1px 1px #fff; margin-bottom: 15px; font-weight: bold;}
#about .cnt02_1 h3+p{background: url(../images/photo1.jpg) no-repeat top center; background-size: auto 120px; padding-top: 130px;}
#about .cnt02_2{margin-top: 20px;}
#about .cnt02_2 figure{width: 100%; margin: 0 auto 10px;}
#about .cnt02_2 figure img{width: 100%;}
#about .cnt02_2 h5{color: #4f77ac; font-size: 15px; font-weight: bold; line-height: 18px; background: url(../images/ya2_sp.gif) no-repeat; padding-left: 20px; margin: 20px 0 15px;}
#about .cnt02_2 ul{list-style: none; padding: 0 3%; }
#about .cnt02_2 ul li{clear: both;}
#about .cnt02_2 ul li figure{width: 20%; float: left; margin-right: 3%; padding-top: 5px;}
#about .cnt02_2 ul li>div{float: left; width: 75%;}
#about .cnt02_2 ul li h6{font-size: 14px; margin: 0;}
#about .cnt02_2 ul li p{padding-left: 10px;}
#about .cnt02_2 ul li h6.zen{color:#fa6f6d;}
#about .cnt02_2 ul li h6.aku{color:#050368;}
#about .cnt02_3{margin-top: 20px;}
#about .cnt02_3 p{margin-bottom: 15px;}

#about .cnt03{margin-top: 20px; background: #fff;padding: 3%;}
#about .cnt03 .ttlimg{width: 50%; max-width: 150px; margin-bottom: 10px;}
#about .cnt03 ul li{background: #c2dbea; padding: 4%; border-radius: 10px;}
#about .cnt03 ul li.alpha{background: #83B5D6;}
#about .cnt03 ul li div{background: #fff; border-radius: 5px; padding: 3%; }
#about .cnt03 ul li div:nth-of-type(n+2){margin-top: 5px;}
#about .cnt03 ul li h5{border-bottom: dotted 2px #c2dbea; padding-bottom: 5px; color: #4f77ac; margin-bottom: 7px;}
#about .cnt03 ul li h5 b{font-size: 16px; font-weight: bold; margin-left: 5px; line-height: 18px;}
#about .cnt03 ul li h5 span{display: inline-block; line-height: 18px; background: #83b6d6; color: #fff; font-size: 11px; padding: 0 3px; border-radius: 3px}
#about .cnt03 ul li h5 span span{font-weight: bold; font-size: 13px;}
#about .cnt03 ul li .item{color: #4f77ac; font-weight: bold; border-bottom: dotted 2px #c2dbea; padding-bottom: 5px; margin-bottom: 10px;}
#about .cnt03 ul li .item .iyaku{color: #4f77ac; font-weight: normal; border: 1px #4f77ac solid; padding: 0 3px; margin-left: 5px;display: inline-block;font-size:90%;line-height: 1.25;}
#about .cnt03 ul li figure{width:25%; float:left; margin-right:10px;}
#about .cnt03 ul li .btn{text-align: center; width: 60%; float: right; margin-top: 10px;}
#about .cnt03 ul li .btn a{background: #83b6d6; display: block; color: #fff; border-radius: 5px; box-shadow: 1px 1px 3px #ddd; line-height: 22px;}
#about .sankaku{width: 0; height: 0; border-style: solid; border-width: 20px 35px 0 35px; border-color: #83b6d6 transparent transparent transparent; margin: 7px auto;}
#about .cnt03 .plus{width: 24px; margin: 0 auto;}
#about .cnt03 ul li .p_item p:first-child{ width: 80px; line-height: 18px; background: #83b6d6; color: #fff; font-size: 11px; padding: 0 3px; border-radius: 3px; margin: 0 auto 5px; text-align: center;}
#about .cnt03 ul li .p_item p:first-child span{font-weight: bold; font-size: 15px;}
#about .cnt03 ul li .p_item h5{ border: none; padding-bottom: 0; margin-bottom: 0;}
#about .cnt03 ul li .p_item h5 b{margin-left: 0; }