@charset "UTF-8";
@import "common.css";
@import "form.css";
@import "mmaga.css";
@import "blog.css";
@import "calendar.css";
@import "sns.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{font-size: 100%;}
body {font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6",Arial,Roboto,"Droid Sans","Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
line-height:2.2;letter-spacing: 1.5px;color:#333;counter-reset: number 0;
}
body.fontM{font-size: 1rem;}
body.fontL{font-size: 1.2rem;}
/**
明朝の場合はこっち font-family:'fgutsukushiweb','Garamond','Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho','游明朝体','YuMincho','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
 **/
table{font-size:1em;}

/********** container ***********/
.l_gride{margin:0 auto;}
.l_main_navi.sp_menu,.for_sp{display: none !important;}
.for_pc{display: block;}


.l_container {padding-left: 250px;padding-top: 0;}



/********** ヘッダー **********/
.l_header{}
.l_header .logo {
    background: url("../images/header_logo.png") no-repeat  center;background-size: auto;background-size: contain;width: 250px;height: 35px;margin: 30px auto;text-indent:100%;white-space:nowrap;overflow:hidden;
}
.l_header .logo a,.l_header .logo span{display:block;width: 100%;height: 100%;font-weight: bold;}
.l_header .logo span:hover{cursor: pointer;}
.l_header_contents{position: fixed;padding: 0 15px;height: 55px;background: #fff;width: 100%;z-index: 10;
-webkit-box-sizing: border-box;box-sizing: border-box;top: 0;
}

.l_header_contents #btn_menu{display: none;}
.l_header{overflow-x: hidden;}
.l_header_contents{width: 250px;height: 100%;left: 0;padding: 0;z-index: 100;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.l_main_navi {
    position: fixed;
    display: block;
    width: 250px;
    top: 96px;
    left: 0;
    z-index: 100;
    overflow: hidden;
    background: transparent;
    height: 100%;
}

.l_main_navi ul{border-top: 1px solid #eee;}
.l_main_navi a,.l_main_navi .hasChild > span{padding: 18px 50px 18px 30px;color:#000;display:block;position:relative;background: #fff;line-height: 1;text-decoration: none;
    font-weight: bold;border-bottom: 1px solid #eee;font-size: 16px;
}
.l_main_navi .hasChild > span{cursor: pointer;}


.navi_help ul{display: flex;}
.navi_help ul li{ display: inline-block;width: 50%; }

.navi_help ul li a{ font-size: 14px;text-align: center;}
.navi_help ul li a:nth-of-type(1) {padding: 15px 0 15px 30px;}
.navi_help ul li a:nth-of-type(2) {padding: 15px 30px 15px 0;}

.btn_contact{padding: 20px;}
.btn_contact span{background: #005bac;border:2px solid #005bac;color: #fff;text-align: center;padding: 20px;display: block;cursor: pointer;font-weight: bold;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.btn_contact span:hover{background: #fff;border:2px solid #005bac;color: #005bac;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}

.area_sub_navi{width: 484px;position: fixed;
top: 0;background: rgba(0,91,172,0.85);z-index: -1;
    padding-top: 144px;height: 734px;color: #333;left: -234px;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;opacity: 0;
}
.area_sub_navi.active{
left: 250px;z-index: 99;opacity: 1;
}
.area_sub_navi ul{max-width: 380px;margin: 0 auto;}
.area_sub_navi ul li{margin-bottom: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;font-weight: bold;
}
.area_sub_navi ul li a{text-decoration: none;text-align: center;display: block;position: relative;font-size: 18px;line-height: 1;padding: 112px 0 0;height: 58px;background-color: #fff;background-repeat: no-repeat;-webkit-transition: background 0.2s ease-in;transition: background 0.2s ease-in;
}
.area_sub_navi ul.business_navi,
.area_sub_navi ul.access_navi,
.area_sub_navi ul.csr_navi{display: none;}
.area_sub_navi ul.business_navi.active,
.area_sub_navi ul.access_navi.active,
.area_sub_navi ul.csr_navi.active{display: block;}
.area_sub_navi ul.business_navi li a,
.area_sub_navi ul.access_navi li a{padding: 32px 0 10px;}
.area_sub_navi ul.business_navi span.sub,
.area_sub_navi ul.access_navi span.sub{display: block;margin-top: 10px;font-size: 15px;font-weight: normal;}

.area_sub_navi ul.csr_navi li a,.area_sub_navi ul.company_navi li a{padding: 42px 0 0;}

.area_sub_navi ul li a:hover{background-color: #daeeff;}
.contact_navi ul li.web a::after,.contact_navi ul li.access a::after{
    position: absolute;content: "";width: 0;height: 0;right: 10px;bottom: 10px;
    border-color:transparent transparent #005bac transparent;
    border-width:0 0 13px 13px;border-style:solid;
}

.contact_navi ul li.company{text-align: left;padding: 25px 20px 20px;background: #fff;height: 170px;}
.contact_navi ul li.company span{display: block;line-height: 1;}
.area_sub_navi ul li span.c_blue{font-size: 18px;}
.contact_navi ul li.company .tel{font-size: 20px;padding-left: 7px;margin-bottom: 8px;}
.contact_navi ul li.company .fax{font-size: 16px;padding-left: 10px;}
.contact_navi ul li.company .time{font-weight: normal;padding-top: 10px;font-size: 14px;line-height: 1.5;
}
.contact_navi ul li.company a{display: inline;padding: 0;}

.contact_navi ul li.web a{
    background-image:url(../images/contact_web.png);background-position: center 38px;
}
.contact_navi ul li.access a{
    background-image:url(../images/contact_access.png);background-position: center 36px;
}
.area_sub_navi ul li span.c_blue,.csr_navi a,.company_navi a{color: #005bac;}
.area_sub_navi p.btn_navi_close{color: #fff;text-align: center;font-weight: bold;font-size: 16.5px;line-height: 1;
}
.area_sub_navi p.btn_navi_close span{line-height: 24px;cursor: pointer;}
.area_sub_navi p.btn_navi_close span::before{content: "×";margin-right: 13px;font-size: 24px;vertical-align: bottom;}

/****/
@media screen and (max-width: 980px) {
    .l_header .logo{width: 180px;height: 24px;}
    .l_header_contents,.l_main_navi{width: 200px;}
    .area_sub_navi{left: -284px;}
    .area_sub_navi.active{left: 200px;}
    .l_container{padding-left: 200px;}
    .l_main_navi a, .l_main_navi .hasChild > span{padding: 18px 20px;}
    .btn_contact,.btn_contact span{padding: 20px 10px;}
}

/********** 文字サイズ変更 *********/
.fontsize{color: #545555;text-align: center;font-size: 16px;
position: absolute;bottom: 96px;width: 100%;background-color: rgba(255,255,255,0.5);padding:20px 0;}
.fontsize span{display: inline-block;border: 1px solid #545555;-webkit-border-radius: 3px;border-radius: 3px;vertical-align: bottom;}
.fontsize p.font{display: inline-block;margin-left: 5px;}
.fontsize span.middle{font-size: 15px;line-height: 23px;width: 23px;}
.fontsize span.large{font-size: 17px;line-height: 31px;width: 31px;}
.fontsize span:hover{cursor: pointer;}
.fontsize span.middle,.fontL .fontsize span.large{background-color: #545555;color: #fff;}
.fontL .fontsize span.middle{color: #545555;background-color:#fff;}

/********** コンテンツ *********/
.l_contents{margin-right:auto;margin-left:auto;}
.l_breadcrumb{}
.l_breadcrumb ul{text-align:left;}
.l_breadcrumb li{display:inline-block;}
.l_column{}
.l_column_sub{width:180px;}
.l_column_main{width:780px;}

/********** フッター **********/
.l_footer{}
.l_footer .l_copy .logo{ background: url("../images/logo.png") no-repeat 50% 50%;
    background-size: contain;width: 150px;display: inline-block;
}
.l_footer .cont{margin-right:auto;margin-left:auto;}
.l_footer .cont ul{}
.l_footer .cont li{}


.footer_navi {background: #005bac;color: #fff;padding: 0px 0;font-size: 87.5%;line-height: 1;}
.footer_navi  .l_wrap{display: flex;flex-wrap: wrap;padding: 0 20px;line-height: 1;
}
.footer_navi a{color: #fff;}
.footer_navi h2{font-size: 112.5%;font-weight: bold;}
.footer_navi .box{border-left: 1px solid #2673b8;padding-top: 10px;padding-left: 20px;margin-bottom: 35px;
-webkit-box-sizing: border-box;box-sizing: border-box;height: 230px;width: 50%;
}
.footer_navi ul{padding: 10px;}
.footer_navi ul li{/*padding-top: 20px;*/padding-top: 14px;}
.footer_navi ul li a{position: relative;line-height: 1.5;}
.footer_navi ul li a::before{content: "-";position: absolute;left: -12px;}
.footer_navi .box.tail a::before{content: none;}
.footer_navi .box.tail ul,.footer_navi .box.tail ul li{padding-top: 0;}
.footer_navi .box.tail ul li{padding-bottom: 30px;margin-top: -5px;}
.footer_navi .box.tail a{font-size: 100%;font-weight: bold;text-decoration: none;
}
@media screen and (max-width: 980px) {
    .footer_navi ul li{padding-top: 20px;}
    .footer_navi ul li a{line-height: 1;}
}

/* copyright */
.l_footer .copyright{padding-left: 0px;
-webkit-box-sizing: border-box;box-sizing: border-box;color: #545555;font-size: 10px;width: 100%;
}
.l_copy{background: #f6f6f6;padding: 0 15px;line-height: 1;}
.l_gotop{display: none;}
.copyright .pc{display: none;}
.l_footer .l_copy .logo {
    background: url("../images/footer_logo.png") no-repeat 50% 50%;
    width: 250px;height: 35px;
}
.l_footer .l_copy .l_wrap{display: flex;padding: 18px 0 17px;}
.l_footer .copyright{text-align: left;max-width: calc(100% - 20px);padding-top: 14px;}






.l_wrap{padding-left: 20px;padding-right: 20px;}



/***/
.csr_title .area_title{max-width: 1610px;max-height: 534px;
padding-top: 30px;
}



/**/

@media screen and (min-width: 980px) {
  .l_wrap,.l_copy,.footer_navi .l_wrap{padding-left: 1%;padding-right:  1%;} 
  .footer_navi .box{width: 150px;}
}

@media screen and (min-width: 1670px) {
  .l_wrap,.l_copy{padding-left: 100px;padding-right: 100px;}
  .footer_navi .l_wrap {padding: 0;max-width: 1290px;
        margin-left: 100px;
   }  

}/*最大padding*/




/***改行(PCできてからコメントアウト外して調節)***//*
@media screen and (min-width: 680px){	
  br.pc { display:block; }
  br.sp { display:none; }
}
@media screen and (max-width: 680px){	
  br.pc { display:none; }
  br.sp { display:block; }
}*/




.l_gotop{position: fixed;bottom: 50px;right: 40px;width: 49px;height: 49px;}
.l_gotop a{text-indent:100%;white-space:nowrap;overflow:hidden;display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);background-color: #005bac;position: relative;-moz-transition: all 0.3s ease;-webkit-transition:  all 0.3s ease;transition:  all 0.3s ease;border: 1px solid #fff;
}
/*.l_gotop a:hover{background-color: #80c2fe;}*/
.l_gotop a::before{
    position:absolute;content:"";width:0;height:0;
    right: 10px;bottom: 15px;border-color: transparent transparent #fff transparent;
    border-width: 0px 15px 18px 15px;border-style:solid;
}
.l_gotop a::after{
    position:absolute;content:"";width:0;height:0;
    right: 10px;bottom: 9px;border-color: transparent transparent #005bac transparent;
    border-width: 0px 15px 18px 15px;border-style:solid;
}