@charset "utf-8";
/* CSS Document */
body{
	color:#000 !important;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","YuGothic","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif !important;
	letter-spacing: inherit;
}
@media screen and (max-width: 1200px){
body{
}
}

img{max-width: 100%;height: auto;}

.sp_none{
	display: block;
}
@media screen and (max-width: 1200px){
.sp_none{
	display: none;
	}
}
.pc_none{
	display: none;	
}
@media screen and (max-width: 1200px){
.pc_none{
	display: block;
	}
}
@media screen and (max-width: 1200px){
.sp_center{
	text-align: center;
	}
.sp_m_auto{
	margin: 0 auto;
	}	
}
.f_bold{font-weight: bold !important;}
.contact_box{
    background: #fff;
    box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.1);
    border-radius: 20px;/*margin-bottom: 50px;*/
    border: 1px solid #009CD0;
    margin: 50px 0 20px;
}
.contact_box h4{
	background: #009CD0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;letter-spacing: 0.05em;
	padding: 15px 30px;border-radius: 20px 20px 0 0;}
	
.contact_col{padding: 25px;
display: flex;flex-wrap: wrap;justify-content: space-between;

}
.contact_col > div{width: 50%;padding: 0 10px;}


@media screen and (max-width: 1200px){
	.contact_box{border-radius: 12px;}
	.contact_col{font-size: 28px;}
.contact_box h4{border-radius: 10px 10px 0 0;
	font-size: 36px;}
	
	.contact_col > div{width: 100%;}
}

@media screen and (max-width: 460px){
		.contact_col{font-size: 14px;}
.contact_box h4{font-size: 18px;}
	.contact_col{padding: 15px;}
		.contact_col > div{padding: 0;}
}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.tel{width: 430px;margin: 15px 0 25px;}
.tel .ruby{font-size: 12px;display: block;text-align: center;letter-spacing: 0.1em}
.tel .num{font-size: 40px;letter-spacing: 0.03em;font-weight: 500;margin-left: 10px;line-height: 1.1;border-bottom: 1px solid #009CD0;}
.tel img{width: 25px;vertical-align: baseline;}
.contact_box .info{font-size: 14px;text-indent: -1.3em;padding-left: 1.3em;}

@media screen and (max-width: 1200px){
.tel{width: 100%;margin: 15px 0 25px;}
.tel .ruby{font-size: 20px;display: block;text-align: center;letter-spacing: 0.1em}
.tel .num{font-size: 56px;letter-spacing: 0.03em;font-weight: 500;margin-left: 15px;line-height: 1.1;border-bottom: 1px solid #009CD0;}
.tel img{width: auto;vertical-align: bottom;}
	.tel .navi{font-size: 20px;}
.contact_box .info{font-size: 24px;text-indent: -1.3em;padding-left: 1.3em;margin-bottom: 40px;}


}
@media screen and (max-width: 710px){
.tel .ruby{font-size: 12px;display: block;text-align: center;letter-spacing: 0.1em;padding-left: 1vw;}
.tel .num{font-size: 32px;margin-left: 5px;}
.tel img{width: 25px;}
.tel .navi{font-size: 10px;text-align: center;padding: 10px 0 0 0;}
.contact_box .info{font-size: 12px;text-indent: -1.3em;padding-left: 1.3em;margin-bottom: 20px;}


}
@media screen and (max-width: 389px){

.tel .num{font-size: 27px;margin-left: 5px;}
}
/* ボタン */
.btn_01 a {
	display: block;
	background:url( "../images/icon_link.png") 95% center no-repeat,#009CD0;
	width: 400px;max-width: 100%;
	margin: 15px 0;
	padding: 20px;
	border-radius: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
    transition: all 0.3s ease;
	    box-shadow: 0px 5px 15px 0px rgb(0 156 208 / 50%);
}
@media screen and (max-width: 1200px){
	.btn_01 a{max-width: 100%;width: 100%;margin: 15px auto;padding: 15px;font-size: 32px;border-radius: 60px;background-image: url("../images/icon_link_s.png");}
}
@media screen and (max-width: 460px){
	.btn_01 a{font-size: 16px;padding: 8px;background-image: url("../images/icon_link.png");}
}
.btn_01 a:hover {
  opacity: .75;

}
/* ボタン */
/**引用**/


/**index**/
.core-site-content .box-txtimg--col-uneven {
    align-items: center;
}
.core-site-content .box-txtimg--col-uneven .box-txtimg__txt {}
@media screen and (min-width: 769px) {
    .core-site-content .box-txtimg--col-uneven .box-txtimg__img {
        width: 610px;
    }
}
@media screen and (min-width: 769px) {
.core-site-content .box-card--img .box-card__item .box-card__txt {
        padding: 20px 24px 82px;
}
.core-site-content .box-card--img .box-card__item .box-card__txt .box-card__data {
    position: absolute;
    bottom: 48px;
    left: 24px;
}
}
/**index**/

/**記事**/
.core-site-content .box-txtimg {
    align-items: center;
}
.core-site-content .txt-lead + .txt-emp {
    margin-top: 32px;
}
.core-site-content .txt-emp + *:not(.txt-emp) {
    margin-top: 10px;
}
.core-site-content .txt-emp + .hdg-lv4 {
    margin-top: 32px;
}
.core-site-content .hdg-lv4 + *:not(.hdg-lv4) {
    margin-top: 10px;
}
.core-site-content .box-img +  *[class^="txt"] {
    margin-top: 10px;
}
@media screen and (min-width: 769px) {
    .article-body .box-img {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}
.backbtn {
    margin-top: 60px;
}
@media screen and (min-width: 769px) {
.backbtn {
    margin-top: 90px;
}
}

/*目次*/
.core-site-content .menu_contents h4.link--anchor a {
    position: relative;
}
.core-site-content .menu_contents h4.link--anchor a::after {
	content: '\e900';
	font-family: 'tohogas-renewal' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 12px;
	color: #009CD0;
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 7px;
    margin-top: -2px;
}
@media screen and (min-width: 769px) {
    .core-site-content .menu_contents h4.link--anchor a::after {
        font-size: 16px;
        right: -24px;
        transition: .2s;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
    }
}
@media screen and (min-width: 769px) {
    .core-site-content .menu_contents h4.link--anchor a:hover {
            color: #009CD0
    }
    .core-site-content .menu_contents h4.link--anchor a:hover::after {
            top: 55%;
    }
}
/*目次*/

/**フッターコンテンツ**/
.core-site-content .box-related-link__content > div {
    border: none!important;
    padding-bottom: 0;
}
.core-site-content .box-related-link .lst-num {
	padding-left: 1em;
	margin: 10px 0 0;
}
@media screen and (min-width: 769px) {
    .core-site-content .box-related-link__inner {
        padding: 35px 45px 35px;
    }
	.core-site-content .box-related-link .lst-num {
		padding-left: 2em;
        margin: 10px 0 30px;
	}
}
/**フッターコンテンツ**/


/**追従ボタン**/
.core-site-content .btn-cov {
    transition: all 0.9s ease;
    position: fixed;
    width: 73%;
    bottom: 20px;
    left: 5%;
    margin: auto;
    z-index: 200;
}
@media screen and (min-width: 769px) {
    .core-site-content .btn-cov {
        transition: all 0.9s ease;
        position: fixed;
        width: 666px;
        right: 0;
        left: 0;
    }
}
.core-site-content .btn-cov.is-hidden {
	opacity: 0;
	visibility: hidden;
}
.core-site-content .btn-cov.on-hidden {
	opacity: 0;
	visibility: hidden;
}
.core-site-content .btn-cov a {

    
    display: block;
    color: #f0eb43;

    
    background-color: #002060;
    font-size: 14px;
    width: 100%;
    padding: 11px 0;
    border-radius: 10em;
    box-shadow: 00px 0px 5px 0px rgba(0, 32, 96, 1);
    line-height: 1.2;
    text-align: center;
    max-width: initial;
    span {
        font-size: 12px;
        color: #FFF;
        margin-bottom: 5px;
        display: block;
    }
}
@media screen and (min-width: 769px) {
    .core-site-content .btn-cov a {
        font-size: 24px;

        padding: 15px 0;
    }
    .core-site-content .btn-cov a span {
        font-size: 16px;
    }
    .core-site-content .btn-cov a:hover {
        opacity: 0.7;
        
    }
}
/**追従ボタン**/

/**pagetop**/
.core-site-content .btn-btnback {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 10;
	transition: all 0.9s ease;
}
.core-site-content .btn-btnback.is-hidden {
	opacity: 0;
	visibility: hidden;
}
.core-site-content .btn-btnback.on-hidden {
	opacity: 0;
	visibility: hidden;
}

@media screen and (min-width: 1080px) {
    .core-site-content .btn-btnback {
        position: fixed;

        right: 32px;
        transition: .15s;
        border-radius: 50%;
    }
}
@media screen and (min-width: 625px) {
    .core-site-content .btn-btnback {

    }
}
@media screen and (min-width: 380px) {
    .core-site-content .btn-btnback {

    }
}

.core-site-content .btn-btnback a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #009CD0;
    box-shadow: 0 4px 12px #008BBA;
}
@media screen and (min-width: 1080px) {
    .core-site-content .btn-btnback a {
        width: 64px;
        height: 64px;
        box-shadow: 0 6px 18px #008BBA;
        position: relative;
        transition: .15s;
    }
}

.core-site-content .btn-btnback i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
}
@media screen and (min-width: 1080px) {
    .core-site-content .btn-btnback i {
        position: absolute;
        width: 16px;
        height: 16px;
        font-size: 16px;
        transition: .15s;
    }
}

.core-site-content .btn-btnback i:before {
    content: '\e900';
    position: absolute;
    font-family: 'tohogas-renewal' !important;
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    top: 0;
    left: 0;
    line-height: 1;
    font-size: 14px;
    color: #fff;
}

@media screen and (min-width: 1080px) {
    .core-site-content .btn-btnback i:before {
        font-size: 16px;
    }
}





























