﻿@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
body{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}

#main_menu ul li a:hover{
	padding-left: 30px;
	color: #36b0f3;
}
#main_menu ul li a:hover::before{width: 20px;}

/* color */
.linkStyle{color: #6fc2ef;}
body,.txt_color_nomal{color: #274074;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #6dbfec} /* メインカラー */
.txt_color2{color: #e2e2e2} /* サブカラー */
.txt_color3{color: #274074} /* アクセントカラー1 */
.txt_color4{color: #f9f9f9} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #6fc2ef} /* メインカラー */
.bg_color2{background-color: #e2e2e2} /* サブカラー */
.bg_color3{background-color: #5f5f5f} /* アクセントカラー1 */
.bg_color4{background-color: #f9f9f9} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #6fc2ef}
.border_color2{border-color: #e2e2e2}
.border_color3{border-color: #5f5f5f}
.border_color4{border-color: #f9f9f9}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #274074;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #6fc2ef} /* メインカラー */
.hvr_txt_color2:hover{color: #e2e2e2} /* サブカラー */
.hvr_txt_color3:hover{color: #5f5f5f} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f9f9f9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #6fc2ef} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e2e2e2} /* サブカラー */
.hvr_bg_color3:hover{background-color: #5f5f5f} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f9f9f9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #6fc2ef}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #5f5f5f}
.hvr_border_color4:hover{border-color: #f9f9f9}

.bnr {
margin-bottom: 50px;
padding: 107px 0 70px;
position: relative;
background: url(../dup/img/bg.jpg) top right / 619px no-repeat #ffffff;
/* background-color: #f9f9f9; */
/* border-top: 3px solid #e4f6fb; */
/* border-bottom: 3px solid #e4f6fb; */
/* background-color: #f9f9f9; */
}
.bnr a {
border: none;
width: 1000px!important;
margin: auto;
}
.bnr h2 {
text-align: left;
padding-left: 105px;
position: relative;
margin-bottom: 20px;
}
.bnr h2:before {
content: "";
width: 86px;
height: 2px;
background-color: #fcc900;
display: block;
position: absolute;
left: 44px;
top: -5px;
transform: rotate( 
-45deg
);
z-index: 2;
}
.bnr h2 span.bnr_txt1 {
display: block;
font-size: 97px;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1px;
font-weight: 500;
color: #6fc2ef;
padding-bottom: 10px;
line-height: 0.8;
}
.bnr h2 span.bnr_txt2 {
display: block;
font-size: 17px;
letter-spacing: 2px;
color: #204184;
/* font-weight: bold; */
padding-left: 13px;
}

#main_img h2 {
line-height: 1.8;
font-size: 25px;
padding: 10px;
background: rgba(174,212,233,0.49);
border-radius: 10px;
display: inline-block;
color: #ffffff;
text-shadow: 2px 2px 1px #204184, -2px 2px 1px #204184, 2px -2px 1px #204184, -2px -2px 1px #204184, 2px 0px 1px #204184, 0px 2px 1px #204184, -2px 0px 1px #204184, 0px -2px 1px #204184;
}
header.grid_3{
box-shadow: 6px 0px 10px rgba(0,0,0,0.08);
padding-top: 25px;
}

#main_menu ul li a::before,.cms_title::before{background-color: #6fc2ef!important;}
#page_title .txt_shadow-b {text-shadow: 3px 3px 8px rgba(0,0,0,0)!important;}
#page_title h2 {color: #204184;}
#page_title .page_box::before{background-color: #6fc2ef!important;}
#page_title p{color: #8ac2dc!important;}
.cate_list li a{color:#404040!important;border-radius: 10px;border-color: #404040!important;}
.button2:hover {box-shadow: 0 0 20px rgba(180,180,180,0) inset;background-color: #404040!important; color:#fff!important;}
.button:hover::after{box-shadow: none!important;}

#contents1{padding-bottom: 0;}
#contents1 h2{
font-weight: bold;
font-size: 26px;
color: #204184;
}
#contents2_wrap {
padding-bottom: 0;
padding-top: 10px;
background-color: #ffffff;
/* text-align: center; */
line-height: 1.7;
}
.foot_tel_bt a, .contact_bt a, .tel_bt a {
color: #ffffff!important;
background: #6fc2ef;
border-color: #6fc2ef!important;
border-radius: 45px;
}
.foot_tel_bt a:hover,.contact_bt a:hover,.tel_bt a:hover{color: #fff!important;opacity: 0.7;}
#cms_2-a .box_title1{color: #204184;}
#cms_2-b .cate_title{border-color: #098ed6!important;}
#cms_2-b .box_title1{border-color: #e0e0e0!important;color: #204184!important;}
#cms_6-c .cate_box,.cms_6-c .cate_box{background-color: #EEF8FF!important}
#cms_6-c .box_title{border-bottom: 2px dotted #6fc2ef!important;color: #2899d6;}
#cms_6-c .cate_title{border-color: #098ed6!important;margin-bottom: 50px;}
#cms_6-c .circle,.cms_6-c .circle{background-color: #fcc900!important;}
.cms_6-c .arrow{background-color: #fcc900!important;}
#cms_6-c .arrow{border-color: #fcc900!important;}
#cms_6-c .cate_box, .cms_6-c .cate_box{background-color: #fffce8!important;}
#form_box dl input, #form_box dl textarea{color: #fff!important;border-color: #e2e2e2!important;}
#page7 h3{color: #7dd6ff!important;}
#page9 a{background-color: #f3a715!important;}
#page10 ul li a{color: #6fc2ef!important;border-radius: 10px;}
#page10 ul li a:hover{color: #fff!important;}
#page7 h3.txt_color3{color: #6fc2ef!important;}
#page7 p.txt_color1{color: #274074!important;}

.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{background-color: #6fc2ef!important;}
.hamburger.active .hamburger__icon{background-color: transparent!important;}
.fat-nav li a,.footer_cms{color: #274074!important;}
.fat-nav li a.border_color1{color: #fff!important;background-color: #6fc2ef;}
.link_box ul{justify-content: center;}
.link_box li.grid_1 {width: 12.33333%!important;margin: 0 5px;}
.top_page_wrap .tel_bt,.top_page_wrap .foot_tel_bt{display: none!important;}

#cms_6-b .cate_title{background-color: #e2f5fb!important;color: #098ed6!important;}
#page8 .mail input{border-radius: 10px;}

/* 2020.09.17 */
.foot_tel_bt a{display: none;}
#page10 ul li a {
    color: #274074!important;
    border-radius: 10px;
    border-color: #333;
}
#page10 ul li a:hover {
    color: #274074!important;
    background-color: #f7f7f7!important;
}
#main_menu ul li a::before, .cms_title::before {background-color: #5f5f5f!important;}

/* 2020.11.09 */
#page_title .title_img{height: 118px;}


/* 2021.02.08 */
.foot_tel_bt a:hover, .contact_bt a:hover, .tel_bt a:hover {
    color: #fff!important;
    opacity: 1;
    background-color: #f3a715;
    border-color: #f3a715!important;
}
#main_menu{padding-bottom: 15px;font-size: 15px;}
#main_menu ul li a::before{display: none}
#main_menu ul li a{padding-left: 0;text-align: center;}
#main_menu ul li a:hover{padding-left: 0;}
#cms_1-a .date{border-color: #fcc900;}
#cms_2-b .cate_box{border-left: 2px solid #6fc2ef;}
#page10 ul li a:hover {
    color: #f3a715!important;
    background-color: #ffffff!important;
    border-color: #f3a715!important;
}
#page8 .mail .border_color1 {border-color: #f3a715;}
#page8 .mail .bg_color1 {background-color: #f3a715;}


/* 2021.03.12 */
.cate_list li {
    position: relative;
    margin: 10px 20px 20px;
}
.cate_list li a {
    position: relative;
    z-index: 2;
    padding: 10px;
    transition: transform ease 0.3s,opacity 0.3s;
}
.cate_list li a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: solid 5px transparent;
    border-top: solid 5px currentColor;
    border-right: solid 5px transparent;
    right: 0;
    left: 0;
    bottom: -4px;
    margin: auto;
}
.cate_list li:hover a {
    opacity: 0.6;
    transform: translateY(-5px);
}



/* IE */
@media all and (-ms-high-contrast: none){
#contents1 h2{background: none;color: #6fc2ef;}
#main_menu ul li a::before{top: 53%;}
.cate_list li a{padding: 10px 0 13px}
#cms_2-a .cate .cate_title{padding-top: 10px;}
#cms_2-b .cate .cate_title,#cms_6-c .cate_title{padding-top: 9px;}
#page9 .box p a{padding: 3px 5px 5px}
#cms_6-b .cate .cate_title{padding: 8px 5px 10px}
#cms_6-b .cate .box_txt1,#cms_6-b .cate .box_txt2{padding: 7px 10px 10px}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.bnr{margin-top: 0;margin-bottom: 0;padding: 50px 0;background-attachment: scroll;}
.bnr a{width: 90%!important;}
.bnr:before{font-size: 129px;left: 8px;bottom: 85%;color: #e4f6fb;}

#main_img h2{font-size: 22px;width: 80%;}
#contents1_wrap{padding-bottom: 50px;padding-top: 50px;}
header.grid_3{padding-bottom: 15px;padding-top: 15px;}
#cms_6-c .cate_box{margin-bottom: 50px;}
header.grid_3{border-right: none;}
.link_box li.grid_1 {margin: 0 15px;max-width: 50px;}

/* 2020.11.09 */
.hamburger__icon{margin-top: 4px;}
.main_box{padding-top: 66px;}
.bnr h2 span.bnr_txt1{font-size: 80px;}
#page_title .title_img{height: 107px;}

/* 2021.02.08 */
#contents2_wrap{padding-bottom: 52px;}
.bnr{background: url(../dup/img/bg.jpg) top right / 50% no-repeat #ffffff;}
	
	
/* 2021.03.12 */
#sitemap{justify-content: center;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.bnr{padding: 60px 0 20px;background: url(../dup/img/bg.jpg) top right / 56% no-repeat #ffffff;}
.bnr a {width: 100%!important;}
.bnr:before{font-size: 75px;letter-spacing: 3px;bottom: 89%;left: 5px;}

#main_img h2{font-size: 15px;width: 83%;}	
#contents1_wrap{padding-bottom: 20px;padding-top: 20px;}
#contents1 h2{font-size: 18px;}
.main_box,#contents2_wrap{background-size: 500px;}
header.grid_3{padding-bottom: 13px;padding-top: 13px;}
.link_box li.grid_1 {max-width: 40px;margin: 0 10px;}
#contents2_wrap{padding-bottom: 20px;}

/* 2020.11.09 */
.main_box{padding-top: 52px;}
.hamburger{top: 9px;}
.bnr h2{padding-left: 47px;}
.bnr h2 span.bnr_txt1{font-size: 50px;}
.bnr h2:before {width: 44px;top: -4px;left: 15px;}
#page_title .title_img{height: 65px;}
#map .ggmap{padding-bottom: 320px;}

/* 2021.03.12 */
.cate_list li {
    width: 100%;
    margin: 0 0 15px;
}
.cate_list li a {
    padding-left: 20px;
    border-bottom: 1px solid;
	border-radius: 0;
}
.cate_list li a::before {
    right: auto;
    left: 0;
    bottom: auto;
    top: 17px;
}	
}

/* 2021.10.29 */ 
/*#page_title .page_box{position: relative}
#page_title .page_box::after {
    content: '';
    display: inline-block;
    width: 47%;
    height: 500px;
    background-image: url(../dup/img/bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
#page_title h2, #page_title p{
	z-index: 2;
    position: relative;
}*/


/* 2021.11.01 */
.footer_wrap{position: relative;width: 100%;min-width: 1000px;}
.footer_wrap::before {
    content: '';
    display: inline-block;
    width: 47%;
    height: 500px;
    background-image: url(../dup/img/bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -102px;
    z-index: -1;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.footer_wrap{min-width: 100%;}
.footer_wrap::before{top: -67px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.footer_wrap {padding-top: 40px;margin-top: 50px;}
.footer_wrap::before {width: 72%;}
}







