/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #002b57;}
.txt_color2, .hvr_txt_color2:hover{color: #525970;}
/*.txt_color3, .hvr_txt_color3:hover{color: #a67c52}*/
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/
.txt_color5{color: #002b57;}

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #fff;}
/*.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}*/
.bg_color3, .hvr_bg_color3:hover{background-color: #002b57;}
/*.bg_color4, .hvr_bg_color4:hover{background-color: #c9baa9}*/

/* border-color ※!important */
/*.border_color1, .hvr_border_color1:hover{border-color: #160a0a}*/
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
.border_color3, .hvr_border_color3:hover{border-color: #002b57;}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

body, .txt_color_nomal {
    color: #333!important;
}

#wrap {overflow: hidden;}
#wrap, .header a, #main_menu ul li a, #aisatsu h2, .contents_box2 h2, .contents_box2 p, #top_cms a, #main_img2 h2, #f_menu ul li a, #page2 #contents .txt_white, #page3 #contents .txt_white, #page4 #contents .txt_white, #page5 #contents .txt_white, #page7 #contents .txt_white, #page8 #contents .txt_white, #page10 #contents .txt_white {
    color: #002b57;
}

/* header */
#main_menu.fixed ul li a{
    color: #fff;
}
#main_menu .menu_sub_title {
    color: #a3a7b5;
}

/* top ----------------*/
.top .map iframe {
    width: 100%;
    height: 250px;
}
/* main img */


/* main */
.contents_box::before, .contents_box::after, .contents_box2::before, .contents_box2::after{
    display: none;
}

/* intro */
#aisatsu{background-image: none !important;}
#aisatsu > div {background-color: transparent!important;}
#aisatsu h2 {font-weight: bold;}
#aisatsu .intro_point{background: none;}
/*▼モーダル関連▼*/
.modal_btn .more_box {
    cursor: pointer;
}
.modal_btn .more_line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all .3s ease-in-out;
    transform: translateX(-99%);
}
.modal_btn > span:hover .more_line {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.modal_btn > span i {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1.0rem;
    transition: all 0.3s;
}
.modal_btn > span:hover i {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 0.5rem;
}
.modal_wrap {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.95;
    z-index: 102;
    max-width: 1280px;
    height: auto;
}
.modal_wrap .modal_scroll {
    overflow-y: auto;
}
.modal_wrap .close_bt {
    top: 20px;
    right: 20px;
    cursor: pointer;
}
/*▲モーダル関連▲*/

/* contents */
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {background-image: none!important;}
.contents1a_wrap::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 136px;
	background-image: url("./dup/img/loop.png");
	background-size: auto 100%;
	background-position-y: 0;
	background-position-x: 0;
	background-repeat: repeat-x;
	animation: loop 30s linear infinite;
	opacity: 0.3;
}
@keyframes loop {
	0% {background-position-x: 0;}
	100% {background-position-x: -1000px;}
}
#contents3 .contents_box{margin-left: 0;}
#contents3 .contents_img{margin-left: 40%;}
#contents3 .contents_img[data-aos=fade-right] {
    opacity: 0;
    transform: translate(100px);
}
#contents3 .contents_img[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate(0);
}

/* topcms */
.cms_5-c .box_title1, #cms_5-c .box_title1{
    border-color: #002b57!important;
}
.cms_5-c .box_txt1::before {
    color: #525970!important;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: rgba(0,43,87,0.7);
}

/* footer */
.top #info_map{display: none;}


/* ==================================under page================================== */
/* cms2 */
.about_type2 .cate_title {
	line-height: 1.7;
	position: relative;
}
.about_type2 .cate_title:before {
	content: '';
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 1px;
    bottom: 10px;
    left: 5px;
    background-color: #333;
    z-index: 0;
}
.about_type2 .cate_box .box_item{
	z-index: 1;
}
.about_type2 .cate_box{
	position: relative;
}
.about_type2 .cate_box:nth-of-type(even){
	flex-direction: row-reverse;
}
.about_type2 .cate_box:before {
	content: '';
    position: absolute;
    display: inline-block;
    background-color: #f1f1f1;
    width: 80vw;
    height: 90%;
    bottom: 10px;
    margin: 0 calc(50% - 50vw);
    z-index: 0;
}
.about_type2 .cate_box:nth-of-type(odd):before {	       
    left: 0px;    
}
.about_type2 .cate_box:nth-of-type(even):before {	        
    right: 0px;    
}
/* ----------mobile_sp ---------- */
@media screen and (max-width: 667px){
.about_type2 .cate_box:before {
    height: 95%;
    bottom: auto;
    top: 15px;
}
}


/* cms5 */
.g_type5 .slide_img figure{
	position: relative;
	overflow: hidden;
}
.g_type5 .slide_img figure img{
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.g_type5 .swiper-slide{
    opacity: 1!important;
}
.g_type5 .slide_img .thumbnail .swiper-wrapper {
    margin-left: 0!important;
    transform: none!important;
}
.g_type5 .swiper-button-prev{
	background-image: url("../dup/img/swiper_prev.png")!important;
}
.g_type5 .swiper-button-next{
	background-image: url("../dup/img/swiper_next.png")!important;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_menu ul li {
    padding: 10px 3px;
    max-width: 185px;
}
#f_menu ul li a {
    font-size: 14px;
    letter-spacing: 1px;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo{
    margin: 20px auto;
}
#logo img{
    width: 120px;
}
.button_container {z-index: 50;}
.overlay.open, .overlay {z-index: 40;}
.modal_wrap {
    height: 100%;
    opacity: 1;
}
#contents3 .contents_img {margin-left: 0;}

}


/*20230117公開後修正*/
.banner_fix {
    right: 80px;
    z-index: 5;
    min-width: 33%;
}
#main_img2 .page_title {background-color: #002b57!important;}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.banner_fix {min-width: 80%;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.banner_fix {flex-wrap: wrap;min-width: 75%;}
#logo{width: 100%!important;}
#logo img{width: 170px;}

}


/*20230508*/
#page3 #contents .txt_white{
    color: #fff;
}

/*20230512*/
#page4 #contents .txt_white{
    color: #fff;
}

/*20230523*/
#page4 .cate_box, #page4 .cate_box .box_txt1, #page4 .cate_box .box_txt2 {
    border-color: #cccccc;
    word-break: break-all;
}
#page4 .cate_box:first-of-type {
    border-top: 1px solid #cccccc;
}