@charset "utf-8";

/* font
   ----------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Noto+Sans+JP:wght@400;500&display=swap');

.frank,.font_en{font-family: 'Do Hyeon','Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}


/* color
   ----------------------------------------------------------------- */
body, .txt_color_nomal{color: #1e1d1c;font-family: 'Do Hyeon','Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}

.txt_color1 {    color: #1e1d1c;}
.txt_color2 {    color: #064152;}
.txt_color3 {    color: #1e1d1c;}
.txt_color4 {    color: #a2a2a2;}

.bg_color1{background-color: #1e1d1c} /* メインカラー */
.bg_color2{background-color: #064152} /* メインカラー */
.bg_color3{background-color: #575b5d} /* メインカラー */
.bg_color4{background-color: #1d1d1d} /* メインカラー */

.border_color1{border-color: #1e1d1c}
.border_color2{border-color: #064152}
.border_color3{border-color: #575b5d}
.border_color4{border-color: #1d1d1d}

.hvr_bg_color1:hover{background-color: #1e1d1c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #064152} /* メインカラー */
.hvr_bg_color3:hover{background-color: #575b5d} /* メインカラー */
.hvr_bg_color4:hover{background-color: #1d1d1d} /* メインカラー */
.linkStyle{    color: #312e2a;}
.txt_shadow-b {    text-shadow: none;}
.bg_black {   background-color: #0d221e;}

.more a,.pager li a{
	color: #1e1d1c;
	font-family: 'Do Hyeon','Noto Sans JP',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	padding: 14px 0px 10px;
}
.more a:hover,.pager li a:hover{
	color: #1e1d1c;
}
.contact_bt a, .tel_bt a{padding: 16px 0px 13px;}
.head_box .link_box{display: none;}
.contact_bt a,.tel_bt a,.foot_tel_bt a{
	background: #b31313;
    color: #fff;
	border: none;
}
.contact_bt a:hover,.tel_bt a:hover{
	background: #900b0b;
}
.more a:hover, .pager li a:hover,.foot_tel_bt a:hover{
	background: #1e1d1c;
	color: #fff;
}
.button::after{display: none;}
.date{padding: 11px 30px 9px;}

/* footer
   ----------------------------------------------------------------- */
footer.width_1280-1000{
    max-width: none;
	background: #f7f9f9;
	padding: 5% 5% 15px 5%;
}
.link_box.d_none{
	display: block;
	max-width: 300px;
    margin: 30px auto 0px;}
.link_box.d_none .grid_1 {
    width: 15%!important;
}

/* top
   ----------------------------------------------------------------- */
#main_img{    max-height: none;
    min-height: initial;
}
#contents1{position: relative; padding-right: 20%;}
#contents1::before{
	content: "";
    width: 300px;
    height: 300px;
    background-image: url(./Dup/img/illust1.png);
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 9;
}
#contents2 .title{font-size: 90px;}
#contents2 .img5,#contents3 .img6,#contents3 .img7{position: relative;}
#contents2 .img5::before,#contents3 .img6::before,#contents3 .img7::before{
    position: absolute;
    top: -34px;
    left: 20px;
    z-index: 10;
    font-size: 50px;
}
#contents2 .img5::before{content: "01";}
#contents3 .img6::before{content: "02";}
#contents3 .img7::before{content: "03";    left: 40px;}
#contents3{position: relative;}
/*#contents3::after{
	content: "";
	width: 320px;
	height: 412px  ;
	background-image: url(./Dup/img/don.png);
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: 10px;
	z-index: 9;
}*/
.top_cms_wrap{ background: #d41313;}

#top_cms{margin-top: 100px;}
.cms2_title {
	    margin-top: -110px;
    margin-bottom: 100px;
}
.cms2_title h2{font-size: 90px;}

/* all
   ----------------------------------------------------------------- */
header.bg_color4 { background-color: #1d1d1d;}
#logo{max-width: 200px;}
#main_menu ul li a{color: #fff;}
#main_menu ul li a::before {
    background-color: #b5b5b5;
}
#sp_nav .bg_white{background: #1e1d1c;}
.hamburger__icon{background-color: #fff;	}
.fat-nav li a{color: #fff; border-color: #fff}
#page_title .page_box{    margin-top: -63px;z-index: 9;}
#page_title .page_box h2{font-size: 90px;}
#page_title .page_box::before{display: none;}
.cate_title{
	border: none;
	color: #b31313;
}
.cate,.cate .box_item{border-color: #d6e0d9;}
#page10 ul li a{padding-top: 18px;}

@media screen and (max-width: 768px){
	#logo {    max-width: 140px;}
	.hamburger {    top: 20px;}
	#contents2 .title {font-size: 50px;}
	#page_title .page_box {
    padding-left: 20px;
}
#contents1::before{opacity: 0.4;}
#page_title .page_box h2 {
    font-size: 70px;
}
.cms2_title {
    margin-top: -99px;
}
.cms2_title h2 {
    font-size: 70px;
}
}



@media screen and (max-width: 667px){
#contents3 .img7::before {
    left: 20px;
}
#page_title .page_box {
    padding: 0px;
	margin: -23px auto 50px;
	text-align: center;
}
#page_title .page_box h2{line-height: 1em; font-size: 42px;}
#contents1 {
    padding-right: 20px;
}
	#contents1::after{display: block;position: static;}
#contents1::after {
    width: 196px;
    height: 235px;
    margin: 0px auto;
}
}


@media all and (-ms-high-contrast:none) {
	#main_menu ul li a::before{top: 47%;}
	.cate_list li a{padding: 8px 0 10px;}
	.pc_box .contact_bt a{padding: 16px 0 14px;}
	#page8 .mail input{padding: 10px 10px 12px;}
	#page9 .box p a{padding: 5px 5px 6px;}
		#cms_1-e .date{padding-top: 10px; padding-bottom: 10px;}
	.cms_1-e .date{padding-top: 11px; padding-bottom: 10px;}
	.pager li a{padding: 5px 0 4px;}

	#page10 ul li a{
		padding-top: 16px;
		padding-bottom: 15px;
	}

}