@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Noto+Sans+JP:wght@100;300;400&family=Open+Sans+Condensed:wght@300&display=swap');

.num {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #656464!important;
}
body{font-family: 'Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}
.hannari {font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}




/* color---------------------------------------------------------------------------------------------*/
.linkStyle{color: #81d8d0;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}

body,.txt_color_nomal{color: #565656;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #434343} /* メインカラー */
.txt_color2{color: #81d8d0} /* サブカラー */
.txt_color3{color: #434343} /* アクセントカラー1 */
.txt_color4{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #9c9c9c} /* メインカラー */
.bg_color2{background-color: #CDB6BC} /* サブカラー */
.bg_color3{background-color: #434343} /* アクセントカラー1 */
.bg_color4{background-color: #FFF7F0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #9c9c9c}
.border_color2{border-color: #CDB6BC}
.border_color3{border-color: #434343}
.border_color4{border-color: #FFF7F0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #565656;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #9c9c9c} /* メインカラー */
.hvr_txt_color2:hover{color: #CDB6BC} /* サブカラー */
.hvr_txt_color3:hover{color: #434343} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFF7F0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #9c9c9c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #CDB6BC} /* サブカラー */
.hvr_bg_color3:hover{background-color: #434343} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FFF7F0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #9c9c9c}
.hvr_border_color2:hover{border-color: #CDB6BC}
.hvr_border_color3:hover{border-color: #434343}
.hvr_border_color4:hover{border-color: #FFF7F0}




/* design ---------------------------------------------------------------------------------------------*/
.font_14 {font-size: 15px;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-size: 14px;}


/* ---------- main_img ---------- */
#video{margin-bottom:-10px;}
#main_img:before { background-color: rgba(70,70,70,0.35);}
#main_img .menu .bg_white {background-color: transparent;}


/* ---------- header ---------- */
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{background: rgba(136,226,218,0.69);}
.top header.scr_header ul li a {color: #fff;}
header.scr_header {background-color: rgba(67,67,67,0.5)!important;}


/* ---------- top---------- */
.back1:before {z-index: -1;}
.back1:before, .back2:before, #fakeloader {background-image: url(./Dup/img/bg1.png);background-repeat: repeat;background-size: auto;}
.back1:before, .back2:before {opacity: 0.7;background-color: #fff!important;}
.more_btn {background-color: rgba(227,227,227,0.5);}
.line:before{background-color: rgba(136,226,218,0.69)!important;height: 2px!important;}

#intro_wrap, .shadow{box-shadow: 11px 13px 25px rgba(0,0,0,0.02)!important;}
#contents3_wrap:after {background-color: rgba(136,226,218,0.3)!important;}
#info_contact .con_img:before{background-color: rgba(103,103,103,0.45)!important;}

footer.bg_color2 {background-color: #ffffff;}
#copyright{background-color: #333}


/* ---------- 下層---------- */
#page_title .page_title_box{background-color: rgba(67,67,67,0.89)!important;}
#page_title:before{background-color: rgba(103,103,103,0.30)!important;}
#page10 .more_btn{background-color: transparent;}


/* ---------- cms---------- */
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 22px;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 50px;
	border-left: none!important;
    border-bottom: solid 1px #ccc;
    color: #333;
    font-weight: normal;
    position: relative;
}
.cate_title::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: #333;
}
.top_cms_box .cate_title::before{bottom: 0px;}
#cms_2-b  .border_so10-l {border-left: 1px solid #9c9c9c;}
.cms_6-c .border_color1 {border-color: #ffffff;}


/* 2021_04_22 */
footer .tel_bt, footer .tel_bt a, #page7 .tel_txt a{color: #000080!important;}



/* IE */
@media all and (-ms-high-contrast: none){ 
	.cate_list li, #page9 .more, #page10 .more_btn{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#header .d_flex{padding-top: 15px;padding-bottom: 15px;}
	.overlay{
		background-image: url(./Dup/img/bg1.png)!important;
		background-repeat: repeat!important;
		background-size: auto!important;
		background-color: #fff!important;
	}
	.overlay ul li a, .overlay .txt_white:not(.bg_color1), .button_container.active span:nth-of-type(1){color: #333!important;}
	.button_container.active .top, .button_container.active .bottom{background: #333!important;}
	#overlay .left, #overlay .right {border-color: #c7c7c7;}
	.nav_menu_more:first-of-type a .icon:before{content: "\f879"!important;}
	#nav_menu .mg_b-50px .nav_menu_more:last-of-type {display: none;}
	#overlay .left li:before{color: #464646;}
	
	#intro{margin-bottom: 100px;}
	#contents1 .num{top: -56px;}
	#contents2 .num{top: -34px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	.font_14 {font-size: 14px;}
	#main_img .menu .bg_white{display: none}
	main{padding: 0 0 35px;}
	#intro_wrap::before{display: none}
	#contents1 .num, #contents2 .num{top: -89px;}
	
	.page_title_box{width: 64%!important;padding: 20px;padding-bottom: 24px!important;}
	.page_title_box h2{font-size: 20px;}
	.cate_title{font-size: 18px;margin-bottom: 30px;}
}