@charset "utf-8";
/* CSS Document */

/*======ADD=====*/
@media screen and (max-width:1300px){
.global-nav {position: fixed;top: 0;left: 0;width: 100%;background-color: #009ef0;color: #fff;
z-index: 1000;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);height: 60px}
.nav-content {display: flex;justify-content: space-between; align-items: center; padding: 10px 20px;}
.nav-left {display: flex;gap: 15px; /* 電話とメールの間隔を調整 */}
.phone-number, .email {text-decoration: none;color: #fff;}
.phone-number{margin-right: 15px}
.phone-number img, .email img{width: 40px;height: 40px}
.phone-number:hover,
.email:hover {color: #ccc;}
.menu-toggle {display: none; /* チェックボックスを非表示 */}
.menu-button {display: flex;flex-direction: column;justify-content: space-between;width: 30px;height: 24px;cursor: pointer;}
.menu-button .line {display: block;width: 100%;height: 4px;background-color: #fff;transition: all 0.3s ease;}
/* メニューの非表示状態 */
.m-menu {position: absolute;top: 60px;left: 0;width: 100%;background-color: #23B4FF;max-height: 0;overflow: hidden;
transition: max-height 0.3s ease, opacity 0.3s ease;opacity: 0;}
.m-menu ul {list-style: none;margin: 0;padding: 0;}
.m-menu li {border-bottom: 1px solid #0087ce;}
.m-menu a {display: block;padding: 10px 20px;text-decoration: none;color: #fff!important;text-align: center}
.m-menu a:hover {background-color: #0087ce;transition: ease .4s}
/* メニューの表示切り替え（アニメーション付き） */
.menu-toggle:checked ~ .m-menu {max-height: 100vh; /* 必要な高さに調整 */height:80vh;opacity: 1;display: block;z-index:999;}
/* ハンバーガーアイコンのアニメーション */
.menu-toggle:checked + .menu-button .line1 { transform: rotate(45deg) translateY(14px);}
.menu-toggle:checked + .menu-button .line2 {opacity: 0;}
.menu-toggle:checked + .menu-button .line3 {transform: rotate(-45deg) translateY(-14px);}
input.menu-toggle[type="checkbox"]:checked + label:before {display: none}
.titlesection {padding: 80px 0 0 0;}
.mflex{display: flex;justify-content:space-around}
.w50{width: 45%!important}
.w30{width: 35%!important}
.w70{width: 62%!important}
.indexcatch, .box, .box3, .inner{padding-left:10px!important;padding-right:10px!important}
}

/*481～999 タブレット*/
@media screen and (min-width: 721px) and (max-width: 1299px){
.hidepc{display:none;}
img{width: 100%; height: auto;}
.ajax-loader,
.title{width: auto !important;}
.img50{width: 50%;}
.img60{width: 60%;}

.gnavi{z-index: 100;position:relative}
.gnavi li{background:#009ef0;border-top:1px solid #66ccff;}
.gnavi p{margin: 0 0;}
.gnavi a {color:#FFF;display:block;line-height:58px;padding: 0 15px;min-width:94px;text-align:center;}
.gnavi a:hover{background: #66ccff;color:#FFF;text-decoration:none;}
.menu {display: none;}
.toggle{background: #009ef0;font-weight:bold;}
/*メインビジュアル*/
.mainvisual{background: url(images/index/mainv_m.jpg) no-repeat center;background-size: cover;min-height: 300px;position:relative;margin: 0 0 20px 0;}
.mvinner h1,
.mvinner p{display:none;}
.contents_visual{background: url(images/contents/subc_head.jpg) no-repeat;min-height:175px;background-size: cover;}
/*インデックス：キャッチ２*/
.box2{background: url(images/index/box_2.jpg) no-repeat top center;background-size: cover;min-height: 200px;margin: 20px 0 0 0;padding: 50px 0;}
.box3{background: url(images/index/box_3.jpg) no-repeat top center;background-size: cover;min-height: 500px;padding: 40px 0;}
.fontface{font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; font-weight: 600;color: #000;text-align: center;font-size: 1.3em;line-height: 1em;}
.contents{padding: 20px; margin: 10px 0;}
.blg_title a{background: #009EF0;color:#FFF !important; display: block;text-align: center;}
/*記事*/
.contents h1,
.contents h2,
.contents h3{font-weight: 900;color: #015c95;}

.contents h1{border-bottom: 1px solid #015c95;background: url(images/contents/h2_bg.png) no-repeat center left;padding: 0 0 0 15px;margin: 0 0 20px 0;}
.contents h2{border-bottom: 1px solid #015c95;border-left: 10px solid #015c95;padding: 0 0 0 10px;margin: 0 0 20px 0;}

.mobprv a{display:block;background: #000}

.sidebook{text-align: center !important;}

/*フッター*/
.fnavi{margin:0 auto 20px auto; text-align: center}
.w50{width: 45%!important}
.w30{width: 35%!important}
.w70{width: 62%!important}
}
@media screen and (min-width: 481px) and (max-width: 720px){.hidepc{display:none;}
img{max-width: 100%; height: auto;margin: auto;}
.fleft30{text-align:center}
.ajax-loader,
.title{width: auto !important;}
.img50{width: 50%;}
.img60{width: 60%;}
.img70{width: 70%;}

.gnavi{z-index: 100;position:relative}
.gnavi li{background:#009ef0;border-top:1px solid #66ccff;}
.gnavi p{margin: 0 0;}
.gnavi a {color:#FFF!important;;display:block;height:50px;line-height:58px;padding: 0 15px;min-width:94px;text-align:center;}
.gnavi a:hover{background: #66ccff;color:#FFF;text-decoration:none;}
.menu {display: none;}
.toggle{background: #009ef0;font-weight:bold;}


/*メインビジュアル*/
.mainvisual{background: url(images/index/mainv_m.jpg) no-repeat center;background-size: cover;min-height: 150px;position:relative;margin: 0 0 20px 0;}
.mvinner h1,
.mvinner p{display:none;}
/*コンテンツ*/
.contents_visual{background: url(images/contents/subc_head.jpg) no-repeat;min-height:100px;background-size: cover;}
.contents{padding: 20px; margin: 10px 0;}
.blg_title a{background: #009EF0;color:#FFF !important; display: block;text-align: center;}
/*記事*/
.contents h1,
.contents h2,
.contents h3{font-weight: 900;color: #015c95;}

.contents h1{border-bottom: 1px solid #015c95;background: url(images/contents/h2_bg.png) no-repeat center left;padding: 0 0 0 15px;margin: 0 0 20px 0;}
.contents h2{border-bottom: 1px solid #015c95;border-left: 10px solid #015c95;padding: 0 0 0 10px;margin: 0 0 20px 0;}
.mobprv a{display:block;background: #000}

/*インデックス：キャッチ２*/
.box2{background: url(images/index/box_2.jpg) no-repeat top center;background-size: cover;min-height: 150px;margin: 20px 0 0 0;padding: 10px 0;}
.box3{background: url(images/index/box_3.jpg) no-repeat top center;background-size: cover;min-height: 250px;padding: 40px 0;}
/*フッター*/
.fnavi{margin:0 auto 20px auto; text-align: center}

.side_link{margin: 0 0 20px 0;}
.side_link h4{text-align: left; color: #FFF;background: #005c97 url(images/contents/side_dt.png) no-repeat 5px center;font-weight: 700;padding: 10px 0 10px 15px;font-size: 1.2em;margin: 0 0 15px 0;}
.sidebook{text-align: center !important;}
.w50{width: 45%!important}
.w30{width: 35%!important}
.w70{width: 62%!important}
}

/*～480 スマホ*/
@media screen and (max-width: 480px){
.w50{width: 45%!important}
.w30{width: 35%!important}
.w70{width: 62%!important}
.hidepc{display:none;}
img{width: 100%; height: auto;}
.ajax-loader,
/*.title{width: auto !important;}*/

.img50{width: 50%;}
.img60{width: 60%;}
.img70{width: 70%;}

.gnavi{z-index: 100;position:relative}
.gnavi li{background:#009ef0;border-top:1px solid #66ccff;}
.gnavi p{margin: 0 0;}
.gnavi a {color:#FFF !important;display:block;line-height:58px;padding: 0 15px;min-width:94px;text-align:center;}
.gnavi a:hover{background: #66ccff;color:#FFF;text-decoration:none;}
.menu {display: none;}
.toggle{background: #009ef0;font-weight:bold;}
/*メインビジュアル*/
.mainvisual{background: url(images/index/mainv_m.jpg) no-repeat center;background-size: cover;min-height: 130px;position:relative;margin: 0 0 20px 0;}
.mvinner h1,
.mvinner p{display:none;}
/*コンテンツ*/
.contents{padding: 10px; margin: 10px 0;}
.contents_visual{background: url(images/contents/subc_head.jpg) no-repeat;min-height:75px;background-size: cover;}
/*記事*/
.contents h1,
.contents h2,
.contents h3{font-weight: 900;color: #015c95;}

.contents h1{border-bottom: 1px solid #015c95;background: url(images/contents/h2_bg.png) no-repeat center left;padding: 0 0 0 15px;margin: 0 0 20px 0;}
.contents h2{border-bottom: 1px solid #015c95;border-left: 10px solid #015c95;padding: 0 0 0 10px;margin: 0 0 20px 0;}

.mobprv a{color: #009ef0 !important;border: 1px solid #efefef;display: block;padding: 10px;margin: 1px 0;position: relative;background: 0 0;overflow: hidden;transition: background-color 0.5s ease-out;}


/*インデックス：キャッチ２*/
.box2{background: url(images/index/box_2.jpg) no-repeat top center;background-size: cover;min-height: 50px;margin: 20px 0 0 0;padding: 10px 0;}
.box3{background: url(images/index/box_3.jpg) no-repeat top center;background-size: cover;min-height: 250px;padding: 40px 0;}

.blg_title a{background: #009EF0;color:#FFF !important; display: block;text-align: center;}
/*フッター*/
.fnavi{margin:0 auto 20px auto; text-align: center}

.side_link{margin: 0 0 20px 0;}
.side_link h4{text-align: left; color: #FFF;background: #005c97 url(images/contents/side_dt.png) no-repeat 5px center;font-weight: 700;padding: 10px 0 10px 15px;font-size: 1.2em;margin: 0 0 15px 0;}
.sidebook{text-align: center !important;}
}