/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=The+Nautigal:wght@400;700&display=swap');
.nautigal{
    font-family: 'The Nautigal', cursive;
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #bb9245;}
.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}
.txt_color3, .hvr_txt_color3:hover{color: #9b9b9b}
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #1ab4cc;}
.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}
.bg_color3, .hvr_bg_color3:hover{background-color: #9b9b9b;}
/*.bg_color4, .hvr_bg_color4:hover{background-color: #c9baa9}*/

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #1ab4cc;}
.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}
.border_color3, .hvr_border_color3:hover{border-color: #9b9b9b;}
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

#fakeloader:before{background-color: #fff;}
.button_container span {
    background: #1ab4cc;
    color: #1ab4cc;
}
.overlay {background: linear-gradient(135deg, rgba(26,180,204,0.9) , rgba(155,155,155,0.9) );}

/* header */
header.scr_header {background-color: rgba(255,255,255,0.5);}
#header{
    padding-top: 10px;
    padding-bottom: 10px;
}
#pc_nav li, #top_pc_nav li, #footer_nav li {max-width: 200px;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a {color: #2c2c2c;}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: rgba(22,22,22,0.5);
}

/* footer */
#footer a[href^="tel:"]{
    color: #1ab4cc;
}
footer{
    background-image: url('./Dup/img/footer.jpg');
}

/* top ----------------------------------------------------------------*/

/* main img */
#main_img:before {background-color: rgba(255,255,255,0.3);}
#top_pc_nav {display: none;}
.menu p.bg_white {
    background: none;
    background-color: rgba(255,255,255,0.5);
}

/* main */
#intro .intro_title h3 br, #contents1_wrap .con_title h3 br, #contents2_wrap .con_title h3 br, #contents3_wrap .con_title h3 br{
    display: none;
}

/* intro */
#intro_wrap {background: none; padding: 7% 0;}
#intro .intro_title{
    padding: 0 7%;
}
#intro .intro_img {
    height: 300px;
}
#intro .intro_txt{
    margin-bottom: 50px;
    padding: 0 7%;
}
#intro .intro_top{
    font-size: 72px;
    opacity: 0.7;
}


/* contents */
#contents3 {
    margin-top: 100px;
}
#contents3 .con_box {
    padding: 5%;
    background-color: rgba(255,255,255,0.6);
    backdrop-filter: blur(5px);
}
#contents3_wrap:before, #contents3_wrap:after {
    height: 140%;
    top: -20%;
}
#contents3_wrap:after {
    background-color: rgba(255,255,255,0.5);
}


/* topcms */
#top_cms.back1:before {z-index: -1;}
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* under page ----------------------------------------------------------------*/
#page_title:before {background-color: rgba(255,255,255,0.5);}

/* cms1 */
.pager li a:hover {
    opacity: 0.6;
}

/* cms2 */

/* cms3 */
#cms_3-a .cate .cate_box:last-of-type {
    border-bottom: 1px dotted;
    border-color: #e6e6e6;
}

/* cms4 */
.g_type1 > div{justify-content: space-around;}
.g_type1 .modal_bt{cursor: pointer}
.g_type1 .modal_bg{top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 9998;}
.g_type1 .modal_box{max-height: 80%;overflow-y: auto;z-index: 9999;}
.g_type1 .close_bt{cursor: pointer}
.g_type1 .cate_box {position: relative;width: 22.99999%!important;margin: 0 1%;margin-bottom: 20px;overflow: hidden; }

@media all and (-ms-high-contrast:none){
.g_type1 .modal_box .box_txt2 a {padding: 8px 10px 2px;}
}

@media screen and (max-width: 768px){
.g_type1 .cate_box {width: 30.99999%!important;}
}
	
@media screen and (max-width: 667px){
.g_type1 .cate_box {width: 47.99999%!important;}
}

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo {opacity: 0;}
.page #logo {opacity: 1;}
header.scr_header #logo {opacity: 1;}
#main_img:before {background-color: rgba(255,255,255,0.5);}
#contents3 .con_box {
    padding: 5%;
    background-color: rgba(255,255,255,0.8);
    backdrop-filter: none;
}

#page_title .page_title_box {width: 50%;background-color: rgba(26,180,204,0.6);}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{height: 100vh;}
#intro .intro_top {
    font-size: 62px;
}
#intro .intro_img {
    height: 150px;
}
#contents3 .con_box {
    padding: 10% 5%;
}
#intro .intro_title h3 br, #contents1_wrap .con_title h3 br, #contents2_wrap .con_title h3 br, #contents3_wrap .con_title h3 br{
    display: block;
}

#page_title .page_title_box {width: 100%;}
#page_left, #page_right {
    height: 200px;
    width: 100%!important;
}

}


/**/
#cms_6-a .cate_box:last-of-type, .cms_6-a .cate_box:last-of-type {
    border-bottom: 1px solid #e6e6e6;
}

/*20230809*/
#contents1 .con_box {margin-top: 5%;}
#contents2 .con_box {margin-top: 5%;}
#contents2 .con_img {order: 2;}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#contents1 .con_box {margin-top: 10%;}
#contents2 .con_box {margin-top: 10%;}
#contents2 .num {left: 55.5%;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1 .con_box {margin-top: 0;}
#contents2 .con_box {margin-top: 0;}
#contents2 .num {left: 50%;}
#contents2 .con_box {order: 2;}
#contents2 .con_img {order: 1;}

}