/* =========================================================
common
========================================================= */

body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:14px;
line-height:1.7;
color:#333;
-webkit-text-size-adjust:none;
margin:0;
padding:0;
min-width:100%;
letter-spacing:0.8px;
overflow-x:hidden;
}

.hd_style span {
display: none;
}

.pc_br{
display:block;
}

.pc_br2{
display: inline-block;
}
.sp_br{
display: none;
}

.sp{
display:none;
}
.pc{
display:inline-block;
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
display: none!important;
}

#arrow {
position: fixed;
bottom: 13%;
right: 2%;
cursor: pointer;
z-index: 990;
}

img{
image-rendering: -webkit-optimize-contrast;/**/
}

h2, h3, h4{
font-weight:900 !important;	
}

.fontb{
font-weight:900 !important;	
}
.fontm{
font-weight:700 !important;	
}

.fontn{
font-weight:300 !important;	
}

strong{font-weight:700 !important;
}

/* =========================================================
Header
========================================================= */

#header .headercopy{
font-size:12px;
padding:3px 0;
border-bottom:1px #ccc solid;
} 

#header .headercopy p{
width:1300px;
margin:0 auto 0;
} 

#headerin{
width:1300px;

margin:0 auto 0;
position:relative;
}

#headerin h1{
padding:9px 0 0 0;
float:left;

}

#headerin h1 img{
width:150px;

}

#headerin .h_btn1{
float:right;	
}	
#headerin .h_tell{
float:left;	
margin-top:12px;
}

#headerin .h_info{
float:left;
margin-left:10px;
margin-top:15px;
}
#headerin .h_info a{
color:#024c91;
font-weight:bold;
line-height: 1;
text-decoration: none;
text-align: center;
display: block;
padding: 14px 24px 12px 24px;
outline: 2px solid #024c91; 
outline-offset: -2px;
background-color: #fff;
border-radius: 4px;
}
#headerin .h_info a:hover{
color:#fff;
background-color: #024c91;
}
#headerin .h_login{
float:left;
margin-left:10px;
margin-top:15px;
}	

#headerin .h_login a {
background: url(../img/log_icon.png) no-repeat left center;
background-position-x: 24px;
display: block;
padding: 8px 21px 7px 42px;
color: #fff;
text-decoration: none;
background-color: #20abe9;
text-align: center;
border-radius: 4px;
font-weight:bold;
}	


#headerin .h_login a:hover {
opacity : 0.7;
filter : alpha(opacity=70);	
}	

#headerin .h_start{float:left;
margin-left:10px;
margin-top:15px;
}

#headerin .h_start a {
background: url(../img/btn_arrow2.png) no-repeat left center;
background-position-x: 22px;
display: block;
padding: 8px 18px 7px 37px;
color: #fff;
text-decoration: none;
background-color: #f29600;
text-align: center;
border-radius: 4px;
font-weight:bold;
background-size: 6px;
}	

#headerin .h_start a:hover {
opacity : 0.7;
filter : alpha(opacity=70);
}

#header .gnavi{
width:100%;
margin:8px auto 8px;
border-right: 1px dotted #ccc;
}
#header .gnavi ul{
display: flex;
flex-wrap:wrap;
justify-content:center;
}
#header .gnavi li{
font-size:16px;
font-weight:bold;
/*float:left;*/
width:auto;
text-align:center;
padding:0 1.7%;
border-left: 1px dotted #ccc;
box-sizing:border-box;
}

#header .gnavi li a{
color: #333;
text-decoration: none;


}

#header .gnavi li a:hover{
color: #004b90;
text-decoration: none;


}

#header .contact{
width:144px !important;	
}

/* =========================================================
2層共通
========================================================= */

.maincatch{height: 281px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;	
}

.maincatch h2 {
text-align: center;
padding-top: 97px;
font-size:36px;
font-weight:bold;
color:#FFFFFF;
letter-spacing:3px;
}

.nomargin{
margin-right:0 !important;	
}

.plan_btn a:hover{opacity : 0.8;
filter : alpha(opacity=80);	
}

.plan_btn a {
font-weight:900 !important;	
}

.stx{
font-size:12px;
font-style:normal;
letter-spacing: 0;
vertical-align: middle;
}

/*---------------------------------------
各ページFAQ部分
-------------------------------------- */
.faq-ex_area{
max-width:1000px;
margin:0 auto;
position:relative;
}
.faq-ex_area h2, #topcon2 .faq-ex_area h2{
text-align: left;
font-size:1.3rem;
color:#68cfdf;
padding-bottom: 0px;
}
#topcon2 .faq-ex_area h2{/*トップページのみ*/
margin-top:60px;
}
.faq-ex_area h2 .tt-ico{
display:inline-block;
margin-right:20px;
width:50px;
}
.faq-ex_area h2 .tt-ico img{
width:100%;
max-width:100;
}
.faq-ex_area .more{
position:absolute;
top:8px;
right:0;
}
.faq-ex_area .more a{
color:#fff;
text-decoration:none;
line-height: 1;
display:inline-block;
padding:10px 24px 5px;
border-radius:4px;
background-color: #269eb0;
position:relative;
}
.faq-ex_area .more a:hover{
background-color: #39bdd1;
}
.faq-ex_area .more a:before{
content: "";
display: block;
position: absolute;
right: 10px;
bottom: 38%;
width: 0;
height: 0;
border: 3px solid transparent;
border-top: 3px solid #fff;
transform: rotate(-90deg);
}
.faq-ex_area ul{
padding:0 3%;
border: solid 3px #b1e5ed;
background-color: #fff;
}
.faq-ex_area li{
margin:15px 0;
padding:15px 0;
border-bottom: dotted 1px #4ca0ad;
}
.faq-ex li:last-child {

border-bottom:none;
}
.faq-ex h4{
font-size:1.05rem;
color:#269eb0;
padding-left:32px;
position: relative;
}
.accordion_head{
cursor:pointer;	
}
.accordion_head:hover,
.accordion_head.opened{
color:#39bdd1;
}
.faq-ex h4:before{
content: "Q";
color: #fff;
font-size: 80%;
font-weight: normal;
text-align: center;
position: absolute;
top: -1px;
left: 0;
width: 26px;
padding-top: 3px;
border-radius: 99px;
background-color: #269eb0;
}
.faq-ex .q_conts{
line-height: 1.4;
color:#41696f;
padding:20px;
background-color: #f5f5f5;
}

/*---------------------------------------
SIDE FLOATING
-------------------------------------- */
#side_floating_externalbnr_area{
position:fixed;
left:0;
bottom:25px;
width:60px;
z-index:9;
}
#side_floating_externalbnr_area img{
display:block;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}


/* =========================================================
footer
========================================================= */

#f_bnr_area {
padding:26px 2% 10px;
background-color: #333;
box-sizing:border-box;
}
#f_bnr_area ul{
display: flex;
flex-wrap:wrap;
justify-content:space-between;
max-width:980px;
margin:0 auto;
}
#f_bnr_area li{
width:49%;
margin:0 0 10px;
}

.f_bg{
background: #222;	
}

.footerin{
width:980px;
margin:0 auto;
padding:38px 0 35px;	
}

.flogo{
float:left;
padding-right:90px;
padding-top:40px;	
}

.flogo img{
width:150px;	
}

.flink1{
color:#FFFFFF;
padding-top:0;
letter-spacing:0.8px;
font-size:13px;
float:left;
padding-right:90px;
}


.flink1 li {
list-style: none;
background: url(../img/f_icon2.png) no-repeat left;
padding-left: 14px;
margin-bottom: 6px;
}

.flink1 a{
color:#ccc;
text-decoration:none;
}
.flink1 a:hover{
color:#666;
text-decoration: underline;
}		


.flink2{
float:right;	
}

.flink2 .fcopy1{
color:#ccc;
font-size:13px;
margin-bottom:20px;
padding-bottom:11px;
border-bottom:1px solid #666;
}

.flink2 .ftell img{
width:205px;	
}	

.copyrite{
padding:10px;
font-size:9px;
text-align:center;
background-color:#111;
border-top:1px solid #333;
color:#999;
}

#page-top {
position: fixed;
bottom: 60px;
right: 10px;
font-size: 77%;
}

#page-top img {
width:55px;
}	


@media screen and (max-width:768px) {

    .sp{
    display:inline-block;
    }
    .pc{
    display:none !important;
    }

} /*--------------------------------//mediaquery*/