@charset "utf-8";
body{font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;color : #454545;font-size : 95%;line-height : 1.8;background : url( '../image/bg-body.png' ) repeat 0 0;-webkit-text-size-adjust: 100%;}
a:link, a:visited{color : #4040ff;text-decoration : none;}
a:hover, a:active{color : #4040ff;text-decoration : underline;}
strong{font-weight:bold;}
.clear{clear:both;}
.head-task{background-color:#0181CC;color:#fff;font-size:12px;text-align:center;}
.headarea{width:100%;max-width:1030px;margin:0 auto;text-align:left;background-color:#fff;padding:0.5%;}
.head-tel{text-align:center;padding:1.5%;border-top:2px solid #dde6ed;background-color: #eef9ff;border-bottom:4px solid #0082ca;font-size:16px;}
.inner{width:100%;max-width:1030px;margin:0 auto;}
ul.navi{list-style: none;margin:1% 0.5% !important;height:40px;}
ul.navi li{width:24.8%;float:left;text-align: center !important;line-height:1.3 !important;border-left:1px solid #ccc;height:38px;font-size:14px;font-weight:bold;}
ul.navi li a{text-decoration: none;color:#333;display: block;padding:1.5% 0.5%;}
ul.navi li a:hover{color:#0082ca;}
ul.navi li:last-child{border-right:1px solid #ccc;}
li:nth-child(3) a, li:nth-child(4) a{padding:3% 0.5% 0.5% 0.5% !important;}
.headbnr{background-color: #b5ddf8;overflow: hidden;}
.headbnr img{width:100%;height:auto;max-width:1030px;margin:0 auto;}
.reason{background-image:url(../image/bg_blue.gif);overflow: hidden;padding:1%;}
.reason h2{height:auto;text-align:center;margin:0 auto;}
.reason h2 img{width:100%;max-width:678px;}
.reason ul.box li{margin: 1% 2% 1% 0;background: #fff;border-radius: 8px;font-size:16px;line-height:1.6;position: relative;top: -5px;width:30.9%; float:left;box-shadow: 2px 2px 2px #5085b0;-webkit-box-shadow: 2px 2px 2px #5085b0;-moz-box-shadow:2px 2px 2px #5085b0;overflow: hidden;border:3px solid #fff;}
.reason ul.box li:last-child{margin: 1% 0 1% 0;}
.reason ul.box li .box-title1 {background: #0181cc url(../image/reason1-2.png) no-repeat 100% 0;background-size:68px 74px;}
.reason ul.box li .box-title2 {background: #0181cc url(../image/reason2-2.png) no-repeat 100% 0;background-size:68px 74px;}
.reason ul.box li .box-title3 {background: #0181cc url(../image/reason3-2.png) no-repeat 100% 0;background-size:68px 74px;}
.reason ul.box li h3 img{width:100%;height:auto;max-width:280px;}
.reason ul.box li p {padding: 5%;margin: 0;}
.gold{background-color:#F4E475;text-align:center;overflow: hidden;}
.gold img{width:100%;height:auto;max-width:900px;}
.mark5 img{width:100%;height:auto;max-width:1016px;}
.gold2{text-align:left;background-color:#F9F2AE;padding-top:10px;overflow: hidden;}
img.cent{width:100%;height:auto;}
.yellowbox{margin:1%; padding:1% 1% 2% 1%;border:5px solid #fff000;background-color:#fff;overflow: hidden;border-radius: 10px;}
.yellowbox ul{list-style:none;}
.yellowbox ul li.name{width:24%;float:left;margin-right:1%;}
.yellowbox ul li.txt{width:50%;float:left;margin-right:1%;line-height:1.6}
.yellowbox ul li.txt img{width:100%;height:auto;max-width:362px;}
.yellowbox ul li.price{width:24%;float:left;}
.yellowbox ul li img{width:100%;height:auto;}
.yellowbox ul li h4{font-size:21px;font-weight:bold;color:#000;}
.blue{color:#0181CC;}
.red{color:#C00;}
.s12{font-size:12px;}
.balloon {position: relative;display: inline-block;margin: 1.5em 0 1.5em 15px;padding: 7px 15px;min-width: 120px;max-width: 90%;color: #555;font-size: 16px;background: #FFF;border-radius: 15px;box-shadow: 2px 2px 2px #b4a700;-webkit-box-shadow: 2px 2px 2px #b4a700;-moz-box-shadow:2px 2px 2px #b4a700;}
.balloon:before{content: "";position: absolute;top: 50%;left: -35px;margin-top: -12px;border: 17px solid transparent;border-right: 23px solid #FFF;z-index: 2;}
.balloon p {margin: 0;padding: 0;text-align: left;}
ul.bln{list-style:none;margin:0 15%; }
ul.bln li.ill{width:34%;float:left;}
ul.bln li.ill img{width:100%;height:auto;max-width:228px;}
ul.bln li.txt{width:66%;float:left;}
.blue2{background-color:#0181CC;text-align:center;padding:1% 2%;}
.blue2 img{width:100%;height:auto;max-width:819px;}
.blue3{background-color:#EFFAFE;text-align:center;padding:0 2%;}
.blue3 img{width:100%;height:auto;max-width:920px;}
h2.faq{background-color:#FFF2D5;color : #FF8F00;font-size : 32px;text-align:center;font-weight:bold;padding:10px;}
h2.contact{background-color:#FFF2D5;color : #333;font-size : 32px;text-align:center;font-weight:bold;padding:20px;margin-bottom:15px;}

.pink{background-color: #FFF9E9;padding:2% 2% 5% 2% !important;overflow: hidden;}
.balloon1{position: relative;display: inline-block;margin: 1.5em 15px 1.5em 0;padding: 7px 10px;min-width: 120px;max-width: 100%;color: #555;font-size: 16px;background: #FFF;border-radius: 15px;box-shadow: 2px 2px 2px #FFE9B0;-webkit-box-shadow: 2px 2px 2px #FFE9B0;-moz-box-shadow:2px 2px 2px #FFE9B0;}
.balloon1:before{content: "";position: absolute;top: 50%;left: 100%;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #fff;}
.balloon1 ul {margin: 0;padding: 0;list-style:none;}
.balloon2{position: relative;display: inline-block;margin:1.5em 0 1.5em 15px;padding: 7px 20px;min-width: 120px;max-width: 100%;color: #555;font-size: 16px;background: #fff;border-radius: 15px;box-shadow: 2px 2px 2px #FFE9B0;-webkit-box-shadow: 2px 2px 2px #FFE9B0;-moz-box-shadow:2px 2px 2px #FFE9B0;height:auto;}
.balloon2:before{content: "";position: absolute;top: 50%;left: -30px;margin-top: -15px;border: 15px solid transparent;border-right: 15px solid #fff;}
.balloon2 ul {margin: 0;padding: 0;list-style:none;}
ul.bln2{list-style:none;margin:0 12%;}
ul.bln2 li.ill{width:26%;float:left;}
ul.bln2 li.ill img{width:100%;height:auto;max-width:210px;}
ul.bln2 li.txt{width:72%;float:left;}
ul.qa{list-style:none;}
ul.qa li.question{height:auto;min-height:68px;background: url(../image/question.png) no-repeat 0 50%;background-size:66px 64px;border-bottom:2px solid #0181CB;position:relative;}
ul.qa li.question p{padding:0 0 0 84px;font-weight:bold;color:#0181CB;position:absolute;top: 50%;line-height: 1.5em;margin-top: -1.5em;}
ul.qa li.answer{height:auto;min-height:68px;background: url(../image/answer.png) no-repeat 0 5%;background-size:66px 64px;}
ul.qa li.answer p{padding:5px 0 0 84px;}
.blue4{background-color:#2896D1;text-align:center;padding:2%;overflow: hidden;}
.blue4 img{width:100%;height:auto;max-width:886px;}
.mb5{margin-bottom:5%;}
.sho{color:#F6ED12;font-size: 20px;text-align:center;font-weight:bold;padding:2%;}
.borderbox{border:1px solid #ccc;margin:4px 0 8px 0;padding:4px 8px;overflow: hidden;border-radius: 6px;}
.footer{background-color: #eef9ff;overflow: hidden; border-top:8px solid #0082ca;height:auto;text-align:left;padding-bottom:1.5%;}
.footer ul{list-style:none;margin:2%;}
.footer ul li.logo{width:38%;float:left;}
.footer ul li.logo img{width:100%;height:auto;max-width:344px;}
.footer ul li.address{width:40%;float:left;font-size:14px;line-height:1.4;margin:0 1%;}
.footer ul li.mark{width:20%;float:left;}
.footer ul li.mark img{width:100%;height:auto;max-width:153px;}
.footerc{clear:both;text-align:center;font-size:12px;height:86px;padding:10px;color:#999;background-color:#FAFAFA;overflow: hidden;border-top:1px solid #eee;}
.footerc2{clear:both;text-align:center;font-size:12px;padding:10px;color:#999;background-color:#FAFAFA;overflow: hidden;border-top:1px solid #eee;}
#page_top{width: 60px;height: 60px;position: fixed; right: 0;bottom: 100px; opacity: 0.6;}
#page_top2{width: 60px;height: 60px;position: fixed; right: 0;bottom: 60px; opacity: 0.6;}
#page_top a, #page_top2 a{width: 60px;height: 60px;text-decoration: none;}
#page_top a::before, #page_top2 a::before{font-family: FontAwesome; content: '\f139';font-size: 60px;color: #3fefee;}
#footerFloatingMenu {display: block; width: 100%;position: fixed;left: 0px; bottom: 2px;z-index: 9999;text-align: center;padding: 0 auto;}
#footerFloatingMenu ul{list-style:none;}
#footerFloatingMenu ul li.tel{width:70%;float:left;background-color: #0052A5;overflow: hidden;height:62px;}
#footerFloatingMenu ul li.tel img{width:100%;height:auto;max-width:720px;margin:0 auto;}
#footerFloatingMenu ul li.mail{width:30%;float:left;background-color: #0085CE;overflow: hidden;height:62px;}
#footerFloatingMenu ul li.mail img{width:100%;height:auto;max-width:280px;margin:0 auto;}


/* --responsive------------------------------------------- */
.pc, .brpc { display: block !important; }
.sp, .brsp, .brssp { display: none !important; }

@media screen and ( max-width : 950px ){
.brsp{ display: block !important;}
.reason ul.box li p {font-size:14px;line-height:1.4;padding: 3% 5%;}
.reason ul.box li .box-title1, .reason ul.box li .box-title2, .reason ul.box li .box-title3 {background-size:53px 58px;}
.yellowbox ul li.name{width:29%;float:left;margin-right:1%;}
.yellowbox ul li.txt{width:40%;float:left;margin-right:1%;}
.yellowbox ul li.price{width:29%;float:left;}
ul.bln, ul.bln2{margin:0 2%; }
.balloon2{margin:0.5em 0 0.5em 15px;padding: 7px;}
ul.qa li.question, ul.qa li.answer{background-size:50px 49px;}
ul.qa li.question p{padding:0 0 0 60px;font-size:15px;line-height:1.4;}
ul.qa li.answer p{padding:5px 0 0 60px;font-size:14px;line-height:1.4;}
}

@media screen and ( max-width : 750px ){
.pc, .brssp, .brpc{ display: none !important; }
.sp{ display: block !important;}
ul.navi li{width:49.5%;font-size:13px;}
ul.navi li:nth-child(even){border-right:1px solid #ccc;}
li:nth-child(3), li:nth-child(4){border-top:1px solid #ccc;}
h1 img{width:276px;height:auto;}
.headbnr{padding-top:5px;}
h2.faq, h2.contact{font-size : 22px;padding:10px;}
.yellowbox{margin:2% 5% !important;}
.yellowbox ul li.name{width:90%;float:none;margin:0 5%;}
.yellowbox ul li.name ul li{width:50%;float:left;}
.yellowbox ul li.txt{width:90%;float:none;margin:0 5%;clear:both;}
.plan{padding:2%;}
.plan img{width:100%;height:auto;max-width:612px;}
.plan .txt{font-size:14px;}
#footerFloatingMenu ul li.tel, #footerFloatingMenu ul li.mail{width:50%;height:auto;}
#footerFloatingMenu ul li.tel img, #footerFloatingMenu ul li.mail img{width:100%;height:auto;max-width:274px;}
}

@media screen and ( max-width : 600px ){
.head-tel{font-size:14px;line-height:1.4;}
.reason ul.box li, .reason ul.box li:last-child{width:90%; float:none;margin:0 auto;margin-bottom:3%;}
.reason ul.box li h3 img{max-width:220px;}
.reason ul.box li p {font-size:13px;line-height:1.4;padding: 3% 5%;}
.yellowbox ul li h4{font-size:20px;}
.yellowbox ul li p{font-size:14px;}
ul.bln li.ill{width:46%;}
ul.bln li.txt{width:54%;}
.balloon {font-size:14px;line-height:1.4;padding: 7px;}
.sho{font-size: 18px;}
.footer ul li.logo{width:90%;float:none;margin:0 5%;}
.footer ul li.logo img{max-width:280px;}
.footer ul li.address{width:60%;float:left;font-size:13px;line-height:1.3;margin:0 5%;}
.footer ul li.mark{width:30%;float:left;}
}
@media screen and ( max-width : 480px ){
.brssp{ display: block !important;}
.yellowbox ul li h4{font-size:17px;}
ul.bln2{margin:0; }
.balloon2{padding:0 5px 5px 5px;}
ul.qa li.question, ul.qa li.answer{background-size:30px 29px;}
ul.qa li.question p{padding:0 0 0 32px;font-size:13px;line-height:1.3;}
ul.qa li.answer p{padding:5px 0 0 32px;font-size:13px;line-height:1.3;}
.sho{font-size: 16px;}
}
@media screen and ( max-width : 320px ){
ul.navi li{font-size:12px;}
}