@charset "utf-8";

/*--
中 font-size:96%;
小 font-size:88%;
--*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,300i,400i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:600i&display=swap');
body{
	font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'Lato', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hmenu .logo .img {
    width: 265px;
    display: block;
    max-width: 18vw;
    margin-top: 0.3vw;
}

.post-detail.one-column .post-cnts h2{
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: -.01em;
    background: #fafafa;
    border-left: 5px solid #bc121a;
    padding: 5px 20px 10px 25px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.post-voice .post .post-cat,
.post-head .post-cat{
	display:none;
}
.fixMenu .inner {
    position: relative;
    padding: 0 16px;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}
.hmenu .hLink li{
	font-size:9px;
}
.hmenu .hNavi{

}
body{
color:#333;
font-family:YakuHanJP_Narrow,"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:87.5%;
line-height:1.8;
background:#fff;
-webkit-text-size-adjust: 100%;
font-weight:500;
padding: 16px;
}
body.spContent{
padding: 8px;
}
@media screen and (max-width:767px){
body{
padding: 8px;
}
}

.mincho{
font-family: YakuHanMP, "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-weight:500;
}
.roboto{
font-family:'Roboto Condensed',"游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.crimson{
font-family:'Crimson Text', "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-style: italic;
}


.pc{
display:block !important;
}
.tab-pc{
display:block !important;
}
.tab{
display: none !important;
}
.sp-tab{
display:none !important;
}
.sp{
display:none !important;
}
@media screen and (max-width:980px){
.pc{
display:none !important;
}
.tab{
display:block !important;
}
.sp-tab{
display:block !important;
}


}
@media screen and (max-width:767px){
body{
font-size:9pt;
}
.tab-pc{
display: none !important;
}
.tab{
display: none !important;
}
.sp{
display:block !important;
}
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
.blockLeft{
	float:left;
}

.blockRight{
	float:right;
}
.txtCenter {
text-align: center;
}
.txtRight {
text-align: right;
}
.txtLeft {
text-align: left;
}
#page #content{
padding-bottom:200px;
}
@media screen and (max-width:980px){
#page #content{
padding-bottom:140px;
}
}
@media screen and (max-width:767px){
#page #content{
padding-bottom:60px;
}
}
/*---------------------------------------*/
/* 共通 */
/*---------------------------------------*/
#mainBody{
position: relative; 
}
.spContent #mainBody{
padding-top: 52px;
}
@media screen and (max-width:767px){
#mainBody{
padding-top: 52px;
}
}
.italic{
font-style: italic;
}
.br-w374{
display: none;
}
@media screen and (max-width:374px){
.br-w374{
display: block;
}
}

/*---------------------------------------*/
/* hmenu */
/*---------------------------------------*/
#index #header{
position: relative;
}
#page #header{
position: absolute;
width: 100%;
z-index: 10;
}
.spContent #header{
display: none;
}
@media screen and (max-width:767px){
#header{
display: none;
}
}
.fixMenu{
background: #fff;
position: fixed;
width: 100%;
top: 0;
left: 0;
box-sizing: border-box;
box-shadow: 0 2px 4px rgba(0,0,0,.1);
z-index: 999;
}
.fixMenu .inner{
position: relative;
padding: 0 16px;
}
.spContent .fixMenu .inner{
padding: 0 8px;
}
@media screen and (max-width:767px){
.fixMenu .inner{
padding: 0 8px;
}
}
.hmenu{
max-width: 1200px;
width: 95%;
margin: 0 auto;
height: 100px;
position: relative;
}
@media screen and (max-width:980px){
.hmenu{
height: 80px;
}
}
.spContent .hmenu{
width: 97%;
height: 60px;
}
@media screen and (max-width:767px){
.hmenu{
width: 97%;
height: 60px;
}

}
#index #header .hmenu{
max-width: 1300px;
width: 100%;
}
.hmenu .logo{
padding-top: 18px;
}
@media screen and (max-width:980px){
.hmenu .logo{
padding-top: 16px;
}
}
.spContent .hmenu .logo{
padding-top: 9px;
}
@media screen and (max-width:767px){
.hmenu .logo{
padding-top: 9px;
}

}
#index #header .hmenu .logo{
padding-top: 7px;
}
.hmenu .logo .img{
width: 265px;
display: block;
}
@media screen and (max-width:980px){
.hmenu .logo .img{
width: 200px;
}
}
.spContent .hmenu .logo .img{
width: 170px;
}
@media screen and (max-width:767px){
.hmenu .logo .img{
width: 170px;
}
}
.hmenu .logo .img img{
width: 100%;
height: auto;
}
.hmenu .logo .txt{
display: none;
}
#index #header .hmenu .logo .txt{
font-size: 71.5%;
display: block;
color: #333;
margin-bottom: 3px;
}
.hmenu h1 .none{
display: none;
}
.hmenu .hLink{
position: absolute;
top: 2px;
right: 0;
}
.spContent .hmenu .hLink{
display: none;
}
@media screen and (max-width:767px){
.hmenu .hLink{
display: none;
}
}
.hmenu .hLink li{
float: left;
font-size: 85.5%;
margin-right: 35px;
}
.hmenu .hLink li:last-child{
margin-right: 0;
}
@media screen and (max-width:1150px){
.hmenu .hLink li{
margin-right: 25px;
}
.hmenu .hLink li:last-child{
margin-right: 0;
}
}
.hmenu .hLink li .icon{
font-size: 10px;
padding-right: 8px;
}
.hmenu .hNavi{
position: absolute;
top: 38px;
right: 0;
}
.spContent .hmenu .hNavi{
display: none;
}
@media screen and (max-width:767px){
.hmenu .hNavi{
display: none;
}
}
.hmenu .hNavi li{
float: left;
margin-right: 50px;
position: relative;
font-weight: bold;
font-size: 107%;
letter-spacing: 0.15em;
}
.hmenu .hNavi li:last-child{
margin-right: 0;
}
@media screen and (max-width:1150px){
.hmenu .hNavi li{
margin-right: 25px;
}
.hmenu .hNavi li:last-child{
margin-right: 0;
}
}
@media screen and (max-width:980px){
.hmenu .hNavi li{
margin-right: 15px;
font-size: 93%;
letter-spacing: 0.1em;
}
.hmenu .hNavi li:last-child{
margin-right: 0;
}
}
.hmenu .hNavi li a:after{
content: "";
display: block;
width: 0;
height: 2px;
position: absolute;
background: #4367a6;
bottom: -10px;
left: 0;
transition: all 0.3s ease;
}
@media screen and (max-width:980px){
.hmenu .hNavi li a:after{
bottom: -6px;
}
}
.hmenu .hNavi li a:hover:after{
width: 100%;
}
.hmenu .hNavi li.on a:after{
width: 100%;
}
#page #header .hmenu .hNavi li a:after{
background: #fff;
}
/*---------------------------------------*/
/* spNavi */
/*---------------------------------------*/
.spNavi{
display: none;
}
.spContent .spNavi{
display: block;
}
@media screen and (max-width:767px){
.spNavi{
display: block;
}
}
a.c_nav-bt{
position:fixed;
top: 15px;
right: 5%;
width: 25px;
height: 25px;
text-align: center;
opacity: 1;
z-index: 10000;
cursor:pointer;
}
#panel-btn-icon{
display: block;
position: absolute;
top: 50%;
left:0;
width: 25px;
height: 3px;
background: #333333;
transition: .2s;
border-radius:2px;
}
#panel-btn-icon:before, #panel-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 25px;
height: 3px;
background: #333333;
transition: .3s;
border-radius:2px;
}
#panel-btn-icon:before{
margin-top: -9px;
}
#panel-btn-icon:after{
margin-top:7px;
}
#panel-btn .close{
background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
margin-top: 0;
}
#panel-btn .close:before{
transform: rotate(-45deg);
background: #fff;
}
#panel-btn .close:after{
transform: rotate(-135deg);
background: #fff;
}
div.accordion{
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.4);
z-index: 9999;
}
.accordion .inbox{
background-color:#000;
margin: 0 0 0 25%;
padding:50px 5% 40px;
width:auto;
height: auto;
}
/* メニュースタイル*/
.accordion .inbox .menu{
margin-bottom: 20px;
}
.accordion .inbox .menu li{
padding:5px 0;
font-size:12pt;
line-height:1.1;
margin-bottom:10px;
}
.accordion .inbox .menu li .en{
display:block;
font-size:10pt;
letter-spacing:0.05em;
margin-top:5px;
}
.accordion .inbox .link li{
margin-bottom: 5px;
}
.accordion .inbox .link li .icon{
padding-right: 10px;
font-size: 10px;
}
/*---------------------------------------*/
/* footer */
/*---------------------------------------*/
#footer .footerUpper{
text-align: center;
}
#footer .footerUpper .txt{
margin-bottom: 30px;
}
@media screen and (max-width:767px){
#footer .footerUpper .txt{
margin-bottom: 15px;
}
}
#footer .footerUpper .logo{
width: 120px;
margin: 0 auto -84px;
}
@media screen and (max-width:767px){
#footer .footerUpper .logo{
width: 80px;
margin: 0 auto -55px;
}
}
#footer .footerUpper .logo img{
width: 100%;
height: auto;
}
#footer .infoBox{
background: #f7f7f7;
color: #000;
padding: 128px 0 25px;
}
@media screen and (max-width:767px){
#footer .infoBox{
padding: 56px 0 0;
}
}
#footer .areaInner{
max-width: 1205px;
width: 95%;
}
@media screen and (max-width:980px){
#footer .areaInner{
max-width: 600px;
}
}
@media screen and (max-width:767px){
#footer .areaInner{
width: 90%;
}
}
#footer .infoBox .imgArea{
width: 465px;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width:1150px){
#footer .infoBox .imgArea{
width: 42.3%;
}
}
@media screen and (max-width:980px){
#footer .infoBox .imgArea{
width: 300px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .imgArea{
position: static;
width: 100%;
}
}
#footer .infoBox .imgArea .img{
margin-bottom: 16px;
}
@media screen and (max-width:767px){
#footer .infoBox .imgArea .img{
margin-bottom: 5px;
}
}
#footer .infoBox .imgArea .img img{
width: 100%;
height: auto;
}
@media screen and (max-width:767px){
#footer .infoBox .imgArea .copyright{
font-size: 8pt;
}
}
#footer .infoBox .navi,
#footer .infoBox .inner{
max-width: 610px;
margin: 0 0 0 auto;
}
#footer .infoBox .navi{
position: relative;
}
@media screen and (max-width:1250px){
#footer .infoBox .navi,
#footer .infoBox .inner{
max-width: 510px;
}
}
@media screen and (max-width:1150px){
#footer .infoBox .navi,
#footer .infoBox .inner{
max-width: 480px;
}
}
@media screen and (max-width:980px){
#footer .infoBox .navi,
#footer .infoBox .inner{
max-width: inherit;
}
}
@media screen and (max-width:980px){
#footer .infoBox .navi{
margin-left: 0;
}
}
#footer .infoBox .navi .ttl{
font-size: 178.5%;
position: absolute;
top: 0;
left: 0;
line-height: 1;
}
@media screen and (max-width:980px){
#footer .infoBox .navi .ttl{
position: static;
margin-bottom: 20px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .navi .ttl{
font-size: 15pt;
}
}
#footer .infoBox .navi .fMenu,
#footer .infoBox .navi .fLink,
#footer .infoBox .inner .info{
margin-left: 125px;
}
@media screen and (max-width:1150px){
#footer .infoBox .navi .fMenu,
#footer .infoBox .navi .fLink,
#footer .infoBox .inner .info{
margin-left: 100px;
}
}
@media screen and (max-width:980px){
#footer .infoBox .navi .fMenu,
#footer .infoBox .navi .fLink,
#footer .infoBox .inner .info{
margin-left: 0;
}
}
#footer .infoBox .navi .fMenu{
max-width: 400px;
margin-bottom: 35px;
}
@media screen and (max-width:980px){
#footer .infoBox .navi .fMenu{
max-width: inherit;
margin-bottom: 15px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .navi .fMenu{
margin-bottom: 5px;
}
}
#footer .infoBox .navi .fMenu li{
float: left;
margin-right: 35px;
margin-bottom: 10px;
}
@media screen and (max-width:980px){
#footer .infoBox .navi .fMenu li{
margin-right: 25px;
}
#footer .infoBox .navi .fMenu li:last-child{
margin-right: 0;
}
}
@media screen and (max-width:767px){
#footer .infoBox .navi .fMenu li{
margin-bottom: 5px;
margin-right: 20px;
}
}
#footer .infoBox .navi .fMenu li:first-child{
width: 100%;
margin-right: 0;
margin-bottom: 25px;
}
@media screen and (max-width:980px){
#footer .infoBox .navi .fMenu li:first-child{
margin-bottom: 10px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .navi .fMenu li:first-child{
margin-bottom: 5px;
}
}
#footer .infoBox .navi .fLink{
margin-bottom: 85px;
}
@media screen and (max-width:1250px){
#footer .infoBox .navi .fLink{
margin-bottom: 65px;
}
}
@media screen and (max-width:980px){
#footer .infoBox .navi .fLink{
margin-bottom: 45px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .navi .fLink{
margin-bottom: 20px;
}
}
#footer .infoBox .navi .fLink li{
float: left;
font-size: 85.5%;
margin-right: 35px;
}
@media screen and (max-width:767px){
#footer .infoBox .navi .fLink li{
font-size: 8pt;
}
}
#footer .infoBox .navi .fLink li .icon{
font-size: 10px;
padding-right: 8px;
}


@media screen and (max-width:980px){
#footer .infoBox .inner{
margin-left: 0;
position: relative;
min-height: 275px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .inner{
min-height: inherit;
}
}
@media screen and (max-width:980px){
#footer .infoBox .inner .info{
margin-left: 350px;
}
}
@media screen and (max-width:767px){
#footer .infoBox .inner .info{
margin-left: 0;
margin-bottom: 15px;
}
}
#footer .infoBox .inner .name{
margin-bottom: 5px;
}
#footer .infoBox .inner .address{
letter-spacing: 0.06em;
margin-bottom: 5px;
}
#footer .infoBox .inner .address .brPoint{
display: none;
}
@media screen and (min-width:1250px){
.hmenu .hNavi li a:link, 
.hmenu .hNavi li a:visited {
font-size: 12px;
}
}
@media screen and (max-width:1250px){
#footer .infoBox .inner .address .brPoint{
display: block;
}

}
#footer .infoBox .inner .map{
font-size: 78.5%;
margin-bottom: 5px;
}
@media screen and (max-width:767px){
#footer .infoBox .inner .map{
font-size: 8pt;
}

}
#footer .infoBox .inner .map .icon{
font-size: 15px;
padding-right: 6px;
position: relative;
top: 2px;
}
html .sec-detail {
    padding: 43px 0 115px 0;
}
html .pointer-events-none.relative.mt-2,
html .relative.flex.items-center{
	display:none;
}
.hmenu .hNavi{

}


.hmenu .hNavi li a:link, 
.hmenu .hNavi li a:visited {
	font-size: 11.235px;
	font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'Lato', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    float: left;
    position: relative;
    letter-spacing: 1.68525px
}

/* Windows専用のCSS */
.windows .hmenu .hNavi li a:link, 
.windows .hmenu .hNavi li a:visited {
	font-size: 14.98px;
	font-weight:700;
}
.windows .hLink a{
	font-size:11.97px;
	font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'Lato', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
/* Safari専用のCSS */
@supports (-webkit-touch-callout: none) {
	.hmenu .hNavi li a:link,
	.hmenu .hNavi li a:visited {
		font-size: 14.98px;
		letter-spacing:0.15em;
	}
	html .hmenu .hLink a{
		font-size: 11.97px;
	}
}
@supports (-webkit-hyphens: none) {
	.hmenu .hNavi li a:link,
	.hmenu .hNavi li a:visited {
		font-size: 14.98px;
		letter-spacing:0.15em;
	}
	.hmenu .hLink a{
		font-size: 11.97px;
	}
}
@media screen and (max-width:980px){
	@supports (-webkit-touch-callout: none) {
		html .hmenu .hLink{
			top:2px;
		}
		html .hmenu .hNavi li a,
		html .hmenu .hNavi li a:link, 
		html .hmenu .hNavi li a:visited{
		font-weight: 700;
height: auto;
letter-spacing: 1.302px;
line-height: 23.436001px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: left;
text-decoration: none;
text-decoration-line: none;
			font-size: 13.02px;
			letter-spacing:0.1em;
			font-weight:900;
		}
		html .hmenu .hLink a{
			font-size: 11.97px;
		}
	}
	@supports (-webkit-hyphens: none) {
		html .hmenu .hLink{
			top:2px;
		}
		html .hmenu .hNavi li a,
		html .hmenu .hNavi li a:link, 
		html .hmenu .hNavi li a:visited{
		font-weight: 700;
height: auto;
letter-spacing: 1.302px;
line-height: 23.436001px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: left;
text-decoration: none;
text-decoration-line: none;
			font-size: 13.02px;
			letter-spacing:0.1em;
			font-weight:900;
		}
		html .hmenu .hLink a{
			font-size: 11.97px;
		}
	}
}
.hmenu .logo .img,
#page.page　.hmenu .logo .img {
max-width:100%!important;
margin-top: 0!important;
}
@media screen and (min-width:980px){
	.hLink a{
	font-size:9px;
	font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'Lato', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}
	.hmenu .hLink{
	top:2px;
	font-size:10.5px;	
	}
}


@media screen and (max-width:980px){
	.hLink a{
	font-size:9px;
	font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'Lato', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	}
	.hmenu .hNavi li a:link, .hmenu .hNavi li a:visited{
	        font-size: 9.765px;
	        letter-spacing:0.9765px
	}
    .hmenu .hNavi li {
        margin-right: 15px;

        letter-spacing: 0.1em;
    }
    .hmenu .hLink {
	    position: absolute;
	    top: 2px;
	    right: 0;
	}
	.single .hmenu .hLink{
	    top: 0px;
	}
}