@charset "utf-8";
/* ------------------------------------------------------------
サイト共通設定
------------------------------------------------------------ */
/* デフォルト文字設定 */
body{color:#222222;background: #FFFFFF;font-family: "IBM Plex Sans JP","Yu Gothic",YuGothic,"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;font-weight: 500; font-size:16px;line-height:2.0;}
main{display:block;background: #FFFFFF;}
@media print, screen and (max-width: 767px){body{font-size:15px;}}
/* デフォルトリンク色の設定 */
a{display: inline-flex;align-items: center;justify-content: center;text-decoration:none;outline: none;-webkit-transition: color 0.3s;transition: color 0.3s;}
/* 青いの消す */
a:focus-visible,button:focus-visible,input:focus-visible {outline: 2px dotted #004C97;outline-offset: 1px;}

/*	clearfix */
.clearfix:after{/*for modern browser*/  content: "";  display:block;  clear:both;}
.clearfix{ *zoom:1; } /*for IE6,IE7*/
p#browser{padding:10px 0;background:#000;color:#FFF;text-align:center;}
p#browser span{font-size:86%;}
p {margin: 0;}
ul li a{display: block;}/* 余白除去 */
img {vertical-align:top;}
h2,h3{font-weight: 700;}

/* ------------------------------------------------------------
レイアウト
------------------------------------------------------------ */
/* ----------------------------------------------
ヘッダー
---------------------------------------------- */
#header_fixed{width:100%;position:fixed;z-index:9999;line-height: 1.0;}
h1{position:absolute;right:20px;top:9px;color: #5A6A72;font-size: 12px;font-weight: normal;}

div#wrap_header{width:96%;max-width: 1200px; height:80px;position:relative;margin:30px auto;background: #FFFFFF;border-radius: 40px;}
p#pc_logo{position:absolute;left: 50%;transform: translate(-50%, 0);top:25px;}
p#pc_logo img{width: 198px;height: 30px;}
p#pc_logo a:hover{opacity:0.7;transition: 0.3s;}

/* グローバルナビゲーション */
nav#wrap_nav_main_l{position:absolute;left:70px;top:33px;}
nav#wrap_nav_main_r{position:absolute;right:70px;top:33px;}
ul.nav_main {font-size: 0;}
ul.nav_main li{display: inline-block;font-size: 16px;font-weight: 800;margin-right: 50px;}
ul.nav_main li a{color: #222222;display:block;}
ul.nav_main li a:hover{color:#00A3E2; transition: 0.3s;}
ul.nav_main li:last-child{margin-right: 0;}
div#sp_nav{display: none;}

@media print, screen and (max-width: 1110px){
nav#wrap_nav_main_l{left:30px;}
nav#wrap_nav_main_r{right:30px;}
ul.nav_main li{margin-right: 30px;}
}

@media print, screen and (min-width: 900px){.global_nav{display: none;}}
/* ----------------------------------------------
device
---------------------------------------------- */
@media print, screen and (max-width:900px){
div#pc_nav{display: none;}
div#sp_nav{display: block;} 
/* ----header---- */
#header_fixed{top:0;width:100%;height:75px;background: #FFFFFF;}
/*--h1--*/ 
h1{position:absolute;left: auto;top: 5px;right: 5px;font-size: 10px;color:#5A6A72;}
div#wrap_header{margin:0;}
p#sp_logo{position:absolute;left:20px;top:28px;}
p#sp_logo img{width: 198px;height: 30px;}
    
/*--menu button--*/
.toggle {position: absolute;background:#0068A5;border-radius: 50px; display: block;width: 40px;height: 40px;right: 20px;top: 25px;cursor: pointer;}
.toggle span {display: block;position: absolute;width: 18px;background-color: #FFFFFF; /* 線色 */content: "";display: block;height: 2px;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
.toggle span:nth-child(1) {top: 12px;left: 11px;}
.toggle span:nth-child(2) {top: 19px;left: 11px;}
.toggle span:nth-child(3) {top: 26px;left: 11px;}
.toggle.active span:nth-child(1){top: 18px;left: 11px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.toggle.active span:nth-child(2){opacity: 0;}
.toggle.active span:nth-child(3){top: 18px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

/* .global_nav */
.global_nav {position: fixed;top: 0;left: 0;width: 100%;height:100%;transform: translateY(-100%);z-index: 110;padding-top:75px;text-align: left;transition: all 0.8s;font-weight: bold;line-height: 1.0;z-index: 444;}
#nav_inner{padding: 50px 20px;background: #00A4E3;font-size: 18px;color: #FFFFFF;font-weight: 700;line-height: 1.0;text-align: center;}
.global_nav.active {transform: translateY(0%);}
.global_nav ul li {margin-bottom: 50px;}
.global_nav ul li a{display:block;text-decoration: none;}
.global_nav ul li:last-child{margin-bottom: 0;}
}

/* フッター
---------------------------------------------- */
/* ページトップ
---------------------------------------------- */
ul#float_button{position:fixed;right:20px;bottom:20px;z-index: 100;}
@media print, screen and (max-width: 767px){
ul#float_button{position:fixed;right:auto;top:auto;left:0;bottom:0;z-index: 100;}
}

/* FOOTER INFO
---------------------------------------------- */
div#ftr_info_bg{background: #004C97 url(/common/img/bg_bird_line.png) repeat-x 0 50px;background-size: 147px 34px;color: #FFFFFF;font-weight: 600;}
section#ftr_info{display: grid;grid-template-columns:minmax(300px,34%) 1fr;gap: 6.452%;padding: 134px 20px 100px;width: 1240px;max-width: 100%;margin: 0 auto;}
p#ftr_info_img img{width: 100%;height: auto;}
div#ftr_info_detail table{width: 100%;border: 1px solid #004C97;color: #222222;line-height: 1.0;margin-bottom: 25px;}
div#ftr_info_detail table th,div#ftr_info_detail table td{background: #A7D2EA;border: 1px solid #004C97;text-align: center;padding:20px 0;}
div#ftr_info_detail table td{background: #FFFFFF;}
div#ftr_info_detail table th:first-child{width: 21.429%;}

div#ftr_info_detail p.ftr_info_notice{font-size: 14px;}
div#ftr_info_detail h3{border-top:1px solid #A8B3B9;margin: 21px 0 9px;padding-top: 21px;color: #00A4E3;font-size: 20px; font-family: "Raleway", sans-serif;letter-spacing: 0.1em;line-height: 1.0;}
div#ftr_info_detail ul{display: flex; gap: 20px;margin-top: 21px;}/* 横並び間20px */
div#ftr_info_detail ul li{flex:1;width:auto;}
div#ftr_info_detail ul li:last-child{background:url(/common/img/ftr_contact_form_on.png) no-repeat 0 0;background-size: 100%;}
div#ftr_info_detail ul li:last-child img:hover{opacity: 0;transition: 0.3s;}

/* FOOTER
---------------------------------------------- */
footer{background:#E1EDF4;padding: 0 20px;}
div#ftr_wrap{width: 100%;height: 281px;position: relative;font-weight: 600;line-height: 1.0;}
div#ftr_wrap h2#ftr_logo{position: absolute;top:100px;left:0;}
div#ftr_wrap h2#ftr_logo img{width: 198px;height: auto;}

/* footer SNS --------------*/
div#ftr_wrap ul#ftr_sns{position: absolute;top:160px;left:0;display: flex; gap: 20px;}
div#ftr_wrap ul#ftr_sns li img{width: 30px;height: auto;}
div#ftr_wrap ul#ftr_sns li img:hover{opacity: 0.5;transition: 0.3s;}

/* footer navi --------------*/
div#ftr_wrap ul#ftr_nav{position: absolute;top:100px;right:0;display: flex; gap: 60px;}
div#ftr_wrap ul#ftr_nav li{font-size: 15px;font-weight: 700;}
div#ftr_wrap ul#ftr_nav li a:hover{color: #00A3E2;}
div#ftr_wrap ul#ftr_nav li:last-child{margin-right: 0;}

footer p#small{position: absolute;bottom:60px;right:0;color: #5A6A72;font-size: 12px;}

@media print, screen and (max-width: 876px){
div#ftr_info_detail ul{display: flex;flex-direction:column;gap: 20px;margin-top: 16px;}
div#ftr_info_detail ul li{width: 100%;max-width: 335px;}
div#ftr_info_detail ul li:last-child{background:url(/common/img/ftr_contact_form_on.png) no-repeat 0 0;background-size: 100%;}
    
/* FOOTER
---------------------------------------------- */
footer{padding: 50px 20px;text-align: center;}
div#ftr_wrap{height: auto;position: static;}
div#ftr_wrap h2#ftr_logo{position: static;}
/* footer SNS --------------*/
div#ftr_wrap ul#ftr_sns{position: static;display: flex;justify-content:center;gap:30px;margin: 50px 0;}
div#ftr_wrap ul#ftr_sns li img{width: 30px;height: auto;}
/* footer navi --------------*/
div#ftr_wrap ul#ftr_nav{display: none;}
footer p#small{position: static;font-size: 10px;}
}

@media print, screen and (max-width: 767px){
div#ftr_info_bg{background: #004C97 url(/common/img/bg_bird_line_sp.png) repeat-x 0 30px;background-size: 75px 23px;}
section#ftr_info{display: grid;grid-template-columns:1fr;gap: 30px;padding:80px 20px 70px;width: 100%;max-width: 100%;margin: 0;}
div#ftr_info_detail table{margin-bottom: 19px;font-size: 12px;}
div#ftr_info_detail table th,div#ftr_info_detail table td{padding:15px 0;}
div#ftr_info_detail table th:first-child{width: 96px;}

div#ftr_info_detail p.ftr_info_notice{font-size: 13px;}
div#ftr_info_detail h3{margin:17px 0 10px;padding-top: 20px;}
    
div#ftr_info_detail ul li{margin: 0 auto;}
}

/* 共通非表示
---------------------------------------------- */
@media print, screen and (max-width: 767px){.sp_none{display: none;}}
@media print, screen and (min-width: 768px){.pc_none{display: none;}}

/* パンくず
---------------------------------------------- */
div#breadcrumb{padding: 40px 0 0;margin: 0 0 0 20px;}
div#breadcrumb ul{display:flex;align-items:center;gap:0;line-height: 1.0;font-weight: 800;font-size:14px;}
div#breadcrumb li{display:flex;align-items:center;}
div#breadcrumb li + li::before{content:"";width:5px;height:5px;border-radius:50%;background:#0068A5;margin:0 10px;color: #5A6A72;flex-shrink:0;position:relative;top:-2px;}
div#breadcrumb ul li a{color:#0068A5;}
div#breadcrumb ul li a:hover{color:#AFAAA5;}


@media print, screen and (max-width: 767px){
div#breadcrumb{padding: 30px 0 0;}
div#breadcrumb ul{font-size:12px;}
div#breadcrumb li + li::before{top:-1px;}
div#breadcrumb li:not(:first-child):not(:last-child) {display: none;}
div#breadcrumb li:last-child {max-width: calc(100vw - 140px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

/* コンテンツエリア
---------------------------------------------- */
/* 共通 */
div#wrap_h2{background:#E1EDF4;border-bottom-left-radius: 180px;border-bottom-right-radius: 180px; width: 98%;margin: 0 auto; height: 340px;padding-top: 156px;color: #5A6A72;}
div#wrap_h2 h2{text-align: center;font-size:40px;font-weight: 700;line-height: 1.0;letter-spacing: 0.1em;margin: -6px 0 0 0;}
div#wrap_h2 h2 span{font-size:22px;font-family: "Raleway", sans-serif;display: block;color: #00A4E3; margin-bottom: 20px;background:url(/common/img/h2_ico.png) no-repeat center top;background-size: 20px 20px;padding-top:40px;}

.wrap_content{width: 100%;max-width: 1240px; margin: 0 auto;padding: 140px 20px;}

/* TTL */
.ttl_sky_nbdr{position: relative;font-size: 34px;padding-left: 30px;font-weight: 700;margin:-15px 0 41px 0;}
.ttl_sky_nbdr:before {position: absolute;left: 0;top: 15px; width: 10px;height: 34px;content: '';border-radius: 10px;background: #00A4E3;}

.ttl_sky_b{position: relative;font-size: 34px;padding:0 0 33px 30px;font-weight: 700;margin:-15px 0 53px 0;border-bottom: 2px solid #A8B3B9;}
.ttl_sky_b:before {position: absolute;left: 0;top: 15px; width: 10px;height: 34px;content: '';border-radius: 10px;background: #00A4E3;}

.ttl_sky_b_under{position: relative;font-size: 24px;padding:0 0 20px 0;font-weight: 700;margin:-11px 0 30px;}
.ttl_sky_b_under:before {position: absolute;left: 0;bottom: 0; width: 40px;height: 6px;content: '';border-radius: 10px;background: #00A0DF;}

.ttl_bdr{border-bottom: 2px solid #A4AFB5;font-size: 22px;padding:0 0 33px 0;font-weight: 700;margin:-10px 0 40px;}

.ttl_blu{color: #0068A3;font-size: 26px;font-weight: 700;margin:-12px 0 34px;text-align: center;}

.ttl_sky_bld{color: #00A0DF;font-size: 34px;font-weight: 700;margin:-15px 0 32px;text-align: center;}

/* DL */
.list_dl_style01 dt{font-size: 22px;color: #00A0DF;position: relative;padding: 0 0 0 20px;font-weight: 700;margin: -9px 0 0 0;}
.list_dl_style01 dt:before {content: "";width: 10px;height: 10px;border-radius: 20px;background: #0068A1;position: absolute;left: 0;top: 15px;}
.list_dl_style01 dd{padding: 0 0 0 20px;margin: -1px 0 21px 0;}
.list_dl_style01 dd:last-child{margin: 0;}

.list_dl_style02 dt{color: #0068A5;font-weight: 700;}
.list_dl_style02 dd{margin: 3px 0 33px 0;border-bottom: 2px solid #A8B3B9;padding-bottom: 30px;}
.list_dl_style02 dd:last-child{margin: 0;}
    
/* TABLE */
table.table_style01{width: 100%;margin-bottom: 35px;}
table.table_style01 th,table.table_style01 td{border: 1px solid #A4AFB5;padding: 22px 0;vertical-align: middle;text-align: center;}
table.table_style01 tr th:first-child{width: 24.75%;}
table.table_style01 th{background: #DDE9F0; color: #0068A1;font-weight: 700;}
table.table_style01 td{padding: 20px 0;}

/* 2col */
.col2{display: grid;grid-template-columns: 53.333% 1fr;gap:6.667%;}/* 640 80 */
.col2_02{display: grid;grid-template-columns: 40% 1fr;gap:6.667%;}/* 480 80 */
.col2_50per{display: grid;grid-template-columns: 46.667% 1fr;gap:53px 6.667%;}/* 560 80 */

.col2_50per_box h3{font-size: 26px;font-weight: 700;color: #0068A1;margin: 27px 0 17px;}

.content_box{margin-bottom: 80px;}
.content_box .content_box_txt p{margin-bottom: 23px;}
.content_box .content_box_txt p:last-child{margin-bottom: -8px;}

.content_box02{margin-bottom: 140px;}

.wrap_gry_box{background:#F0F0F0;padding: 40px 20px 25px;text-align: center;font-weight: 700;color: #0068A1;font-size: 18px;border-radius: 12px;}
.wrap_gry_box p{background: url(/common/img/h2_ico.png) no-repeat center top;background-size: 20px 20px;padding-top: 40px;}

.wrap_sky_box{background:#DDE9F0;padding: 40px 20px 30px;text-align: center;border-radius: 12px;}
.wrap_sky_box h3{font-size: 26px;font-weight: 700;color: #0068A1;margin:-12px 0 7px;}

/* BTN */
a.btn_blu_arw{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:64px;background:#0068B2;border-radius:60px;color:#FFF;font-size:18px;font-weight:600;padding: 3px 0 0 0;margin: 0 auto;}
a.btn_blu_arw::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:8px;height:10px;background:url(/common/img/arw_wht.png) no-repeat center center;background-size:contain;}
a.btn_blu_arw:hover{background:#00A3E2;transition: 0.3s;}

@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
div#wrap_h2{border-bottom-left-radius: 80px;border-bottom-right-radius: 80px; width: 100%;margin: 0;margin-top: 75px; height: 170px;padding-top: 31px;}
div#wrap_h2 h2{font-size:30px;margin: -6px 0 0 0;}
div#wrap_h2 h2 span{font-size:20px;font-family: "Raleway", sans-serif;display: block;color: #00A4E3; margin-bottom: 18px;background:url(/common/img/h2_ico.png) no-repeat center top;background-size: 18px 18px;padding-top:36px;}

.wrap_content{padding: 70px 20px;}

/* TTL */
.ttl_sky_nb{font-size: 26px;padding-left: 23px;margin:-12px 0 27px 0;}
.ttl_sky_nb:before {top: 12px; width: 8px;height: 27px;}

.ttl_sky_b{font-size: 26px;padding:0 0 18px 23px;margin:-12px 0 27px 0;}
.ttl_sky_b:before {top: 12px; width: 8px;height: 27px;}

.ttl_sky_b_under{font-size: 19px;padding:0 0 19px 0;margin:-9px 0 20px;}
    
.ttl_bdr{font-size: 18px;padding:0 0 19px 0;margin:-8px 0 30px;}

.ttl_blu{font-size: 21px;margin:-9px 0 22px;}

.ttl_sky_bld{font-size: 26px;margin:-12px 0 18px;}

/* DL */
.list_dl_style01 dt{font-size:18px;padding: 0 0 0 20px;margin: -9px 0 3px 0;}
.list_dl_style01 dt:before {width:8px;height: 8px;top: 12px;}
.list_dl_style01 dd{padding: 0 0 0 20px;margin: -1px 0 20px 0;}
.list_dl_style01 dd:last-child{margin: 0;}
    
.list_dl_style02 dd{margin: 4px 0 24px 0;padding-bottom: 20px;}
    
/* TABLE */
table.table_style01{margin-bottom: 19px;font-size: 12px;}
table.table_style01 th,table.table_style01 td{padding:15px 0;}
table.table_style01 th:first-child{width: 96px;}

/* 2col */    
.col2{grid-template-columns:1fr;gap:30px;}/* 640 80 */
.col2_02{grid-template-columns:1fr;gap:30px;}/* 480 80 */
.col2_50per{grid-template-columns:1fr;gap:30px;}/* 560 80 */
 
.col2_50per_box h3{font-size: 21px;margin: 21px 0 10px;}
    
.content_box{margin-bottom: 50px;}
.content_box .content_box_txt p{margin-bottom: 14px;}
.content_box .content_box_txt p:last-child{margin-bottom: -10px;} 

.content_box02{margin-bottom: 70px;}
    
.wrap_gry_box{padding: 30px 25px 20px;font-size: 16px;}

.wrap_sky_box{padding: 30px 25px 20px;}
.wrap_sky_box h3{font-size: 21px;margin: -9px 0 6px;}

 /* BTN */
a.btn_blu_arw{font-size:16px;}
}

/* Topics
---------------------------------------------- */
ul#topics_list{border-top: 2px solid #A8B3B9;}
ul#topics_list li{display: flex;align-items: center;gap: 30px;border-bottom: 2px solid #A8B3B9;padding: 30px 0;font-weight: 700;}
ul#topics_list li time{color: #5A6A72;}
ul#topics_list li span.cat{color: #0068A5;min-width: 130px;border:2px solid #0068A5;border-radius: 20px;text-align: center;padding-top: 3px;}
ul#topics_list li h3{font-weight: 500;}
ul#topics_list li h3:hover{color: #00A3E2;}

/* wordpress ページネーション */
div.wp-pagenavi{text-align:center;font-size: 16px;font-weight: 700;line-height: 2.7;}
div.wp-pagenavi span{color:#FFFFFF;background:#00A4E3;width: 40px;height: 40px;border-radius: 20px;display:inline-block;margin-right:10px;}
div.wp-pagenavi a{display:inline-block;color:#0068A5;background:#A7D2EA;width: 40px;height: 40px;border-radius: 20px;margin-right:10px;}
div.wp-pagenavi a:last-child{margin-right:0;}
div.wp-pagenavi a:hover{background:#00A4E3;color:#FFFFFF;transition: 0.3s;}

@media print, screen and (max-width: 900px){
}

@media print, screen and (max-width: 900px){
ul#topics_list li{flex-wrap:wrap;align-items: center;gap:20px 25px;padding: 25px 0 15px;}
ul#topics_list li h3{width:100%;}
    
/* wordpress ページネーション */
div.wp-pagenavi{font-size: 15px;line-height: 2.8;}
div.wp-pagenavi a{margin-right:6px;}
}