@charset "UTF-8";

/*-----------------------------------

/css/base_sph.css

-----------------------------------*/

/*-------------------------
__base_style
-------------------------*/
/*html,
body{height:100%;}
*/
/*-------------------------
__header_style
-------------------------*/
#header .header_inner{width:auto;}
#header .logo{top:auto;left:auto;position:relative;height:40px;padding:15px 0 15px;}
#header .logo a img{max-height:40px;max-width:310px;}

#navi{text-align:center;padding:0;margin:0;border-top:1px solid #AAA;}
#navi li,
#navi li:not(.inq){font-size:14px;line-height:34px;padding:0;margin:0;}
#navi li:not(.inq){width:30%;}
#navi li.inq{width:40%;}
#navi li.inq a{font-size:14px;line-height:34px;padding:0;display:block;border-radius:0;box-shadow:none;}

#navi2{text-align:center;padding:0;margin:0;border-top:1px solid #AAA;}
#navi2 .btn{display:block;background:#53c82c;width:100%;height:34px;position:relative;}
#navi2 .btn span,
#navi2 .btn::before,
#navi2 .btn::after{display:inline-block;width:35px;height:4px;position:absolute;right:10px;background:rgba(255,255,255,0.4);border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,0.3);}
#navi2 .btn::before,
#navi2 .btn::after{content:"";}
#navi2 .btn span{top:50%;transform:translate(0,-50%);}
#navi2 .btn::before{top:7px;transform:translate(0,0);}
#navi2 .btn::after{bottom:7px;transform:translate(0,0);}
#navi2 ul{background:#FFF;padding:7px 0 0;font-size:0;line-height:0;}
#navi2 li{display:block;margin:0;padding:0;text-align:center;}
#navi2 li a{font-size:14px;line-height:1.5;padding:5px 0;margin:0;width:100%;display:block;}
#navi2 li.inq{padding:5px 0 0;}
#navi2 li.inq a{font-size:14px;line-height:1.5;padding:11px 0 9px 0;margin:0;width:100%;display:block;border-radius:0;box-shadow:none;}

/*
開閉など動作用（with JQuery）
*/
#navi2 ul{height:0;opacity:0;transition:0.5s;}
#navi2 li{display:none;transition:1s;}
#navi2 .btn.open + ul{height:auto;
-webkit-animation:switch_open 0.5s ease-in-out;-moz-animation:switch_open 0.5s ease-in-out;animation:switch_open 0.5s ease-in-out;
-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
#navi2 .btn.open + ul li{display:block;
-webkit-animation:switch_open 0.5s linear;-moz-animation:switch_open 0.5s linear;animation:switch_open 0.5s linear;
-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
@-webkit-keyframes switch_open{
from{opacity:0;height:0;}
to{opacity:1;height:auto;}
}
@-moz-keyframes switch_open{
from{opacity:0;height:0;}
to{opacity:1;height:auto;}
}
@keyframes switch_open{
from{opacity:0;height:0;transform:translateY(-5px);}
to{opacity:1;height:auto;transform:translateY(0);}
}


/*-------------------------
.ms_box
検討リスト
-------------------------*/
#header + .ms_box{box-sizing:border-box;padding:0 55px 0 0;z-index:1200;top:110px;}
#header + .ms_box .ms_box_inner{width:100%;margin:-34px 0 0;padding:0 5px 0 0;text-align:left;}
#header + .ms_box .ms_box_inner p{width:50%;display:inline-block;}
#header + .ms_box .ms_box_inner p a{font-size:13px;margin:0;border-radius:0;padding:9px 0 5px 37px;box-shadow:none;background:rgba(255,255,255,0.2);transform:none;}
#header + .ms_box .ms_box_inner p + p a{margin:0 0 0 3px; }
#header + .ms_box p a.pc{display:none;}
#header + .ms_box p a.sph{display:block;}
#header + .ms_box p a::before{top:7px;left:10px;}


/*-------------------------
__footer_style
-------------------------*/
#footer .inner1{height:auto;}
#footer .menu{width:auto;padding:10px 0;margin:0 70px 0 10px;min-height:40px;}
#footer .menu ul{display:block;}
#footer .menu li{line-height:25px;margin:0 10px 0 0;}
#footer .re_top{width:auto;}
#footer .re_top a{margin:-60px 0 10px;}
#footer .inner2{width:auto;}
#footer .logo{padding:5px 0 20px;margin:0 auto;text-align:center;}
#footer .logo a img{max-width:300px;}
#footer .cr{position:relative;top:auto;right:auto;text-align:center;line-height:40px;}
#footer .cr span{display:none;}

/*-------------------------
コンテンツパターン
ASP
#contents_
静的
.content_main
-------------------------*/
#container_{margin:0;padding:0;background-color:#FFF;}
.contents__wrap{padding-top:110px;}
#contents_{}
#contents_ input{padding:1px;}
#contents_ .asp_pageTitle{font-size:14px;line-height:140%;font-weight:700;color:#FFF;text-align:left;height:16px;overflow:hidden;white-space:nowrap;margin-top:0;margin-bottom:0;padding:5px;background-image: -webkit-gradient(linear, left top, left bottom, from(#909faa), to(#b8c1c8));text-shadow:rgba(0, 0, 0, 0.6) 0 -1px 0;border-top:1px solid #a5b1ba;border-bottom:1px solid #989ea4;}
#contents_ .guide{font-size:16px;font-family:HiraKakuProN-W6;color:#FFF;text-align:center;white-space:nowrap;height:30px;margin:0 0 5px;padding:10px 3px 0 65px;background-color:#b0bccd;overflow:hidden;position:relative;border-top-color:#cdd5df;border-bottom-color:#2d3642;border-style:solid;border-width:1px 0;background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));text-overflow:ellipsis;text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}
#contents_ .guide span{float:left;background:url(/lib/images/asp_sp/common_images/back_btn.png) left center no-repeat;height:28px;width:50px;padding-left:5px;padding-top:2px;position:absolute;left:5px;top:6px;}
#contents_ .guide span a {font-size: 80%;text-decoration: none;color: #FFF;text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}


#content .content_main{width:auto;padding:110px 0 50px;}
#content .pageTitle{font-size:20px;margin:0;}

/*
.topic_path
パンくずリンク
*/
#content .topic_path{padding:0 0 2px;margin:0 5px;}
#content .topic_path ul{padding:0;margin:0;width:100%;overflow-x:auto;text-wrap:none;white-space:nowrap;}
/*#content .topic_path ul.bottom{margin:-5px 0 0;}*/
#content .topic_path li{font-size:12px;line-height:20px;color:#000;display:inline-block;position:relative;padding:0 0 0 15px;}
#content .topic_path li:first-child{padding:0;}
#content .topic_path li::before{content:"";width:10px;height:10px;font-size:0;border:1px solid #AAA;border-top:none;border-left:none;transform:rotate(-45deg);position:absolute;top:50%;left:-2px;margin:-7px 0 0;}
#content .topic_path li:first-child::before{display:none;}
#content .topic_path li a{font-size:12px;line-height:20px;text-decoration:none;color:#000;transition:0.3s;}