body,.font_sans-serif{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}

/* color */
.linkStyle{color: #da2626;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color3 .linkStyle{color: #fff;}
body,.txt_color_nomal{color: #6b402d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #da2626} /* メインカラー */
.txt_color2{color: #ff6666} /* サブカラー */
.txt_color3{color: #945e46} /* アクセントカラー1 */
.txt_color4{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #da2626} /* メインカラー */
.bg_color2{background-color: #ff6666} /* サブカラー */
.bg_color3{background-color: #945e46} /* アクセントカラー1 */
.bg_color4{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #da2626}
.border_color2{border-color: #ff6666}
.border_color3{border-color: #945e46}
.border_color4{border-color: #ffffff}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #6b402d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #da2626} /* メインカラー */
.hvr_txt_color2:hover{color: #ff6666} /* サブカラー */
.hvr_txt_color3:hover{color: #945e46} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #da2626} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ff6666} /* サブカラー */
.hvr_bg_color3:hover{background-color: #945e46} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #da2626}
.hvr_border_color2:hover{border-color: #ff6666}
.hvr_border_color3:hover{border-color: #945e46}
.hvr_border_color4:hover{border-color: #ffffff}


.width_1280-max{width: 97%;}

header.bg_white,#intro,main,footer.bg_color3{background: url( "../dup/img/bg.jpg" ) left top / 1280px repeat ;}
footer.bg_color3 .txt_white{color: #6b402d!important;}
#contents .box.border_color1,.info_box{background: url( "../dup/img/bg.png" ) left top / 110px repeat #da2626 ;}
#page_title div{box-shadow: 7px 7px #6b402d;}

header #header #header_menu li a{border-color: transparent!important;}
header #header #header_menu li a:hover{border-color: #da2626!important;}
#logo{max-width: 290px;}
#header{padding-top: 15px;padding-bottom: 20px;}

.intro {border: 10px solid #da2626;}
#intro_txt .bg_color3::before {
	content: '';
	display: inline-block;
	width: 280px;
	height: 150px;
	background-image: url(../dup/img/icon1.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	left: -50px;
	top: -50px;
}
#intro_txt .bg_color3::after {
	content: '';
	display: inline-block;
	width: 369px;
	height: 150px;
	background-image: url(../dup/img/icon2.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	position: absolute;
	right: -76px;
	top: 78%;
}
#intro_txt .bg_color3{position: relative;}
#intro_txt h3,#contents .box.border_color1 h3 span{border-color: #f4d8c3!important;}
#logo2{max-width: 300px;}
#page10 .button-4:hover .eff-4{z-index: 1;}
#contents::after{background-color: rgba(254, 253, 249, 0.46)!important;}
#page7 .box_item:last-child p{color: #6b402d!important;}

/* IE */
@media all and (-ms-high-contrast: none){
#header .fas{transform:translateY(-5px);}
#header .far{transform:translateY(-2px);}
#contents{background-position: center!important;background-attachment: fixed!important;background-repeat: no-repeat!important;}
}
/* IE タブレット以下 */
@media all and (-ms-high-contrast: none) and (max-width: 768px){
#contents{background-attachment: scroll;}
}
/* Edge */
@supports (-ms-ime-align: auto) {
#contents{background-position: center!important;background-attachment: fixed!important;background-repeat: no-repeat!important;}
}
/* Edge タブレット以下 */
@media all and (max-width: 768px){
@supports (-ms-ime-align:auto){
#contents{background-attachment: scroll;}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header #header #header_menu li{width: 16%;}
.width_1280-max {width: 100%;}
#intro_txt .scrollin.bg_color3::before{width: 224px;height: 121px;left: -30px;}
#intro_txt .scrollin.bg_color3::after{width: 305px;height: 129px;top: 85%;right: -41px;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
header.bg_white, #intro, main, footer.bg_color3{background: url(../dup/img/bg.jpg) left top / 500px repeat;}
header.bg_white{border-bottom: 1px solid #fffdf9;}
#header{padding-top: 0;padding-bottom: 0;}
#intro_txt{width: 94%;}
#intro_txt .bg_color3{padding: 25px 20px;}
#intro_txt .scrollin.bg_color3::before {
	width: 134px;
	height: 66px;
	left: -2%;
	top: -30px;
}
#intro_txt .scrollin.bg_color3::after {
	width: 192px;
	height: 74px;
	right: -2%;
	top: 93%;
}
#logo2 {max-width: 208px;margin: auto;}
#wrap{    overflow: hidden;}
}