@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@800&display=swap');

#main_img.active h2 span, #intro .title_top2, #intro #intro_box #intro_txt h3 span, #intro #intro_box #intro_txt h3, #contents div h4{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#contents_links .box_wrap .box a p span, #top_cms .top_cms_box .top_cms_title p, #page_title.active > div p, #page10 .box a > div p {font-family: 'Alegreya Sans SC', sans-serif;}


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #ff591c;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #181818;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ff591c} /* メインカラー */
.txt_color2{color: #ffeac8} /* サブカラー */
.txt_color3{color: #181818} /* アクセントカラー1 */
.txt_color4{color: #ffffff} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: #5b5b5b} /* 黒背景 */
.bg_color1{background-color: #ff591c} /* メインカラー */
.bg_color2{background-color: #f3f3f3} /* サブカラー */
.bg_color3{background-color: #181818} /* アクセントカラー1 */
.bg_color4{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #ff591c}
.border_color2{border-color: #ffeac8}
.border_color3{border-color: #181818}
.border_color4{border-color: #ffffff}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #181818;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ff591c} /* メインカラー */
.hvr_txt_color2:hover{color: #ffeac8} /* サブカラー */
.hvr_txt_color3:hover{color: #181818} /* アクセントカラー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: #ff591c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ffeac8} /* サブカラー */
.hvr_bg_color3:hover{background-color: #181818} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ffffff} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ff591c}
.hvr_border_color2:hover{border-color: #ffeac8}
.hvr_border_color3:hover{border-color: #181818}
.hvr_border_color4:hover{border-color: #ffffff}




/* design ---------------------------------------------------------------------------------------------*/
/* ---------- all---------- */
#loader::after, #menu_wrap::after, #main_img h2::before, #cms_5-a .cate .cate_title, .sm-slider::after, #menu_wrap::after, #tel_contact, #page10 .box a::after{
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ff6b4a), color-stop(80%, #ff6025))!important;
    background: linear-gradient( 126deg, #ff6b4a 20%, #ff6025 80%)!important;
}
.sm-slider::after{opacity: 0.1}
#loader img{width: 344px;}
h1 img {width: 280px;}
#main_nav ul li a, #footer_bottom .font_bold {font-weight: 500;}
#footer::after {background-color: #606060!important;}


/* top ---------------------------------------------------------------------------------------------*/
#main_img::after{
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ff9d58), color-stop(80%, #ff6025))!important;
    background: linear-gradient( 126deg, #ff9d58 20%, #ff6025 80%)!important;
    opacity: 0.01;
}
#main_img h2 span{
    letter-spacing: 4px;
	font-weight: 400;
	text-shadow: 5px 4px 9px rgb(0 0 0 / 40%);
}
#intro{
	background: url( "../dup/img/bg1.jpg" ) center / cover no-repeat;
	background-attachment: fixed;
}
#intro .title_top1{
	padding-top: 80px;
}
#intro .title_top2{
    font-size: 30px;
	letter-spacing: 3px;
}
#intro .txt_top {
    padding: 0 9%;
}
#intro_txt::before {
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background: -webkit-gradient(linear, left top, right top, color-stop(20%, #ff6b4a), color-stop(80%, #ff6025));
    background: linear-gradient( 126deg, #ff6b4a 20%, #ff6025 80%);
	z-index: -1;
}
#intro #intro_box #intro_txt h3 span, #contents div h4{font-size: 25px;}

#contents::before{
	background-image: url(../dup/img/con_bg.png);
}


/* under ---------------------------------------------------------------------------------------------*/
#page10 .box a > div p{opacity: 0.08;}


/* cms ---------------------------------------------------------------------------------------------*/
.cate_list li a{color: #3a3a3a;}
.cate_list li .cate_no{opacity: 0.15;}

#cms_2-b .cate_box {border-left: 1px solid #ff591c;box-shadow: 10px 11px 0 #efefef;}
#cms_6-c {counter-reset: number 0;}
#cms_6-c .cate_box {
    position: relative;
    padding-top: 50px;
	padding-bottom: 30px;
    padding-left: 20px;
}
#cms_6-c .cate_box:before {
    counter-increment: number 1;
    content: "0" counter(number);
    display: inline-block;
    position: absolute;
    top: -131px;
    left: -5px;
    z-index: 1;
    font-size: 108px;
    font-weight: 500;
    color: #ff6025;
}
#cms_6-c .cate_box {
    box-shadow: 4px 4px 1px rgba(0,0,0,0.15);
    border: 2px solid #363636;
}
#cms_6-c .box_title {
	color: #282828;
    font-weight: 600;
    display: inline-block;
	background: linear-gradient(transparent 60%, #ffeac8 60%);
}
#cms_6-c .circle, #cms_6-c .arrow{display: none}


/* IE */
@media all and (-ms-high-contrast: none){
#intro{background: url(../dup/img/bg1_ie.jpg) center / cover no-repeat;background-attachment: scroll;}
#contents_links .box_wrap .box a p span{padding: 10px 20px 6px!important}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#intro {
    background: url(../dup/img/bg1_sp.jpg) center / cover no-repeat;
    background-attachment: scroll;
}
#intro .txt_top{margin-bottom: 142px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
body{font-size: 14px}
#loader img {width: 64%;}
h1{padding: 11px;}
h1 img {width: 185px;}
#main_img{padding-top: 73vh;}
#intro .txt_top{margin-bottom: 68px;}
#intro .title_top1{
	padding-top: 40px;
	animation-name: fadein;
    animation-duration: 1.0s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
	}
#intro .title_top2{font-size: 21px;}	
#intro #intro_box #intro_txt h3 span, #contents div h4{font-size: 20px;}
#top_cms .top_cms_box .top_cms_title p{font-size: 57px;}
#cms_6-c .cate_box:before{top: -58px; font-size: 55px;}
footer #footer #footer_box{padding: 10px 20px;padding-left: 20px;}
}