@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru|Quicksand:600&display=swap&subset=japanese');

/* color */
.txt_color1{color: #3697c7} /* メインカラー */
.txt_color2{color: #c8e8db} /* サブカラー */

/* background-color */
.bg_color1{background-color: #3697c7} /* メインカラー */
.bg_color2{background-color: #c8e8db} /* サブカラー */


/* border-color ※!important */
.border_color1{border-color: #3697c7}
.border_color2{border-color: #c8e8db}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #3697c7} /* メインカラー */
.hvr_txt_color2:hover{color: #c8e8db} /* サブカラー */

/* background-color */
.hvr_bg_color1:hover{background-color: #3697c7} /* メインカラー */
.hvr_bg_color2:hover{background-color: #c8e8db} /* サブカラー */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #3697c7}
.hvr_border_color2:hover{border-color: #c8e8db}

/* other ---------------------------------------------------------------------------------------------*/



body, .font_sans-serif{font-family: 'Quicksand','Kosugi Maru',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
#logo,#logo2{max-width: 300px}
body, .bg_img{background-image: none}

#main_img h2,.cms_title h2,#page_title h2{font-family: 'ten-mincho', 'Quicksand', 'Kosugi Maru',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{transition: 0.3s;color: #f78e1e}
.linkStyle:hover{opacity: 0.7}

.cate_list a{color: #f78e1e;border: solid 1px #f78e1e;border-radius: 5px}
.cate_list a:hover{color: white;background-color: #f78e1e}

.top_cms_box.bg_white,#footer .box,#top_cms.bg_white{background-image: url('./Dup/img/bg_img.jpg')}
/**
header #header .bg_white{background-image: url('./Dup/img/bg_img.png')}
header.sc #header .bg_white{background-color: transparent}
**/
.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: dashed 2px #015077;color: #015077;font-weight: normal}
#cms_5-a .cate_title{margin-bottom: 0}
#page7 .box_item:first-child{width: 30%!important}
#page7 .box_item:last-child{width: 70%!important}
#main_img,#top_contents .bg_color2{position: relative;background-image: url('./Dup/img/bg_img2.jpg');background-size: cover;}
#main_img:before{content: "";display: block;position: absolute;height: 25px;width: 100%;left: 0;bottom: -1px;background-image: url('./Dup/img/nami.png');z-index: 2}
#page_title{position: relative}
footer .box .tel{display: none}
footer .box .mail{width: 100%!important}


/***　IE対処　***/

@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "メイリオ", Meiryo,'Quicksand', 'Kosugi Maru',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
#header .more a{padding-top: 9px;padding-bottom: 7px}
.more a{padding: 8px}
#footer .box .mail a,#footer .box .tel a,#page8 #tel_contact > div:last-of-type > p a{padding: 20px}
#page9 .box p a{padding: 5px 10px}
#page8 #form_box .box h3 span,#page7 .box_wrap .box .box_item{padding: 10px}
#cms_5-a .cate .cate_title span:last-of-type{padding-top: 0}
#cms_1-e .date{padding-top: 10px;padding-bottom: 10px}
}


@media screen and (max-width: 768px){
#main_img:after{display: none}
#page_title:before{height: 100px;width: 120px;top: -20px}
}

@media screen and (max-width: 667px){
#logo{max-width: 200px}
#page_title h2{font-size: 24px}
div:not(#cms_5-a) .cate_title{font-size: 20px;}
#page7 .box_item:first-child,#page7 .box_item:last-child{width: 100%!important}
#main_img{max-height: inherit}
.swiper-container:after{height: 100px;width: 120px;}
#page_title:before{right: -20px}
}