@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
body{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}

@font-face {
font-family: "LogoType_G_Condense";
src: url("../dup/img/LogoType_G_Condense.ttf") format("ttf"),url("../dup/img/LogoType_G_Condense.woff") format("woff"),url("../dup/img/LogoType_G_Condense.woff2") format("woff2");
}

#intro_txt h2 span, #contents h2 span, #contents5 h2 span, #YouTube h2 span, #con4_txt h2 span, .cms_title h2, #info h2 span {
    font-family: "LogoType_G_Condense", serif!important;
    font-size: 54px;
    border: none;
    font-weight: normal;
    text-shadow: 2px 2px 1px #d7191c, -2px 2px 1px #d7191c, 2px -2px 1px #d7191c, -2px -2px 1px #d7191c, 2px 0px 1px #d7191c, 0px 2px 1px #d7191c, -2px 0px 1px #d7191c, 0px -2px 1px #d7191c;
    color: #fff;
	text-align: center;
}
#YouTube h2 span{letter-spacing: 15px;}
.cms_title h2{letter-spacing: 13px;margin-bottom: 85px;}


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

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

/* border-color ※!important */
.border_color1{border-color: #42a753}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #ef6520}
.border_color4{border-color: #c9baa9}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #42a753} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #f78e1e} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

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

.hvr_border_color1:hover{border-color: #42a753}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #42a753}
.hvr_border_color4:hover{border-color: #c9baa9}


/* design ---------------------------------------------------------------------------------------------*/
.spinner4{border-radius: 50%;}
#logo {padding-top: 20px;}
#logo .logo{width: 250px;}
header{border-bottom: 1px solid #ddd;box-shadow: 0px 6px 2px -2px rgb(0 0 0 / 20%);background: rgba(255,255,255,1);padding-bottom: 23px;}
header.transform{background-color: #fff!important}
header #header #header_menu li:last-child a span{color: #db3235;background-color: #fde30e;}
#copyright{background-color: #333;}
#main_img .svg_box, .svg_box, .svg_box2{display: none!important;}
footer .bg-mask{background: #ffffff!important;}
#pageTop{position: fixed;right: 10px;z-index: 99;cursor: pointer;}
#pageTop a{display: block;position: relative;width: 99px;height: 102px;}
.more{width: 300px;margin: 60px auto;}
.more a {background-color: #fff;border-radius: 45px;padding: 12px 20px 16px;width: 100%;font-weight: 500;transition: transform .3s;box-sizing: border-box;}
.more a:hover {background-color: #42a753;}
#page8 .tel_wrap.d_flex{justify-content: flex-start;}
#contact_tel a{border-color: #f78e1e;color: #f78e1e;}
#page8 .width_300-max{max-width: 394px;}

/* ---------- top, 下層  ---------- */
.bnr01{width: 77%!important;}
#main_img {
    margin-top: 85px;
	max-height: 100%;
}
#main_img::after {
    content: '';
    display: inline-block;
    width: 22%;
    max-width: 308px;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 19px;
    bottom: 6%;
    z-index: 10;
}
#main_img::after {
    width: 52%;
    max-width: 956px;
    background-image: url(../dup/img/main_txt2.png);
    background-position: center top;
    left: -105px;
    right: 0;
    top: 3%;
    bottom: auto;
    margin: auto;
}

/* intro */
#intro{padding-bottom: 0;z-index: 1;}
#intro_txt {padding-top: 60px;}
#intro_txt .bnr01 {max-width: 900px;}

/* YouTube */
#YouTube{margin-bottom: 100px;}
#YouTube .concept_txt{width: 400px!important;}
.yt{max-width: 900px;}
.video_cms{padding-bottom: 56.25%;height: 0;}

/* contents */
#contents .box figure {
    border: 5px solid #ffa900;
    border-radius: 10px;
    border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
	box-shadow: 7px 7px 0 #d4d4d4;
}
#contents .box:nth-of-type(2) figure {border: 5px solid #f14e6f;}
#contents .box:nth-of-type(3) figure {border: 5px solid #3b7cea;}
#contents h3 {font-size: 23px;font-weight: 900;color: #292929;}

/* con4_txt */
#contents4 {
	background-color: #f9f9f9;
	padding-bottom: 124px;
	padding-top: 84px;
}
#contents4 h2{border-bottom: 4px dashed #c82d23;margin-bottom: 56px;}

/* contents5 */
#contents5{background: #ade23b;padding-top: 86px;padding-bottom: 0;position: relative}
#contents5 .con_inner{position: relative;padding-bottom: 66px;}
#contents5 .con_inner::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../dup/img/con5_item.png);
    background-size: 14%;
    background-position: right 10px bottom;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
	pointer-events: none;
}
#contents5 .width_1280-max{justify-content: center;}
#contents5 h2{border-bottom: 4px dashed #313131;margin-bottom: 10px;}
#contents5 h2 span{letter-spacing: 15px;}
#contents5 .grid_4 {
    width: 32.33333%!important;
    padding: 10px;
	margin-top: 43px;
	transition: .3s;
}
#contents5 .grid_4:hover{
	transform: scale(1.05);
}

/* top_cms */
#top_cms .top_cms_box{width: 100%;margin-bottom: 0}
.top_cms_box.no01{background-color: #fde30e;}
.top_cms_box.no05{background-color: #fff;}

.info_title span, #page_title h2 span{border-radius: 45px;background-color: #f78e1e;}
#page_title{background-position: center;}
#page_title #filter_white{background-color: transparent!important;}
.info_title_box{display: none}
#info, .info_box, #info .width_1280-max{background: #fde30e;}
#info .width_1280-max{padding-bottom: 35px;margin-bottom: 0;}
#info_title_box{display: none}
#info .info_title img{width: 661px}
#info #map iframe{border-radius: 12px;border: 7px solid #000!important;box-sizing: border-box;}
#info .info_txt .txt_color1{color: #fff;}
#info .info_txt h3.txt_color1{color: #333;}
#info .info_txt .tel{
	padding: 20px 0;
    background: #27c445;
    border: 2px solid #333;
    text-align: center;
}


/* cms ---------------------------------------------------------------------------------------------*/
.cate_list li a{
	padding: 10px 20px;
    background-color: #a8e02f;
	color: #fff;
}
.cate_list li a:hover{opacity: 1; transform: translateY(-5px)}
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    font-size: 35px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 5px solid #d61218;
    color: #444444;
    position: relative;
    font-weight: 600;
    box-sizing: border-box;
    letter-spacing: 4px;
    text-align: center;
}
#cms_2-b .cate_img1{padding-top: 30px;}
#cms_2-b .cate_box{background: #f5f5f5;border: 1px solid #ddd;width: 85%!important;}
#cms_2-b .box_title1{background: #0B83BF;color: #fff;display: inline-block;margin: 0 0 1em;padding: 5px 1em;border: none;}
#cms_3-a .cate_txt1{background: #f5f5f5;border: 1px solid #ddd;}
#cms_3-a .cate_box{border-bottom: 2px solid #eee!important;}



/* animation ---------------------------------------------------------------------------------------------*/
.box.anim, #contents5.anim .con_box{
	opacity: 0;
	transform: translate(0, 30px);
	transition: all 500ms;
}
#contents5.anim .con_box:nth-of-type(2){
	transition: all 500ms .3s;
}
#contents5.anim .con_box:nth-of-type(3){
	transition: all 500ms .6s;
}
.box.anim.start, #contents5.start.anim .con_box{
	opacity: 1;
	transform: translate(0, 0);
}
#pageTop a{-webkit-animation: up-down1 ease-in-out 3s infinite alternate;animation: up-down1 ease-in-out 3s infinite alternate;}




/* IE */
@media all and (-ms-high-contrast: none){
	#info_title_box .info_title span{padding: 16px 40px 17px}
	#cms_2-b .cate .cate_title, #cms_6-a .cate .cate_title{padding-top: 0}
	#page9 .box_wrap .box p a{padding: 3px 10px 3px}
}

/* ---------- 871px ---------- */
@media screen and (max-width: 871px){
	#main_img{margin-top: 139px;}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.bnr01{width: 88%!important;}
	#intro_sp{height: 0}
	#intro_txt h2 span, #contents h2 span, #contents5 h2 span, #YouTube h2 span, #con4_txt h2 span, .cms_title h2, #info h2 span{font-size: 40px;line-height: 2}
	#main_img{margin-top: 147px;}
	.yt{width: 80%;}
	#contents5 .grid_4{width: 32.33333%!important;}
	#contents5 .con_inner::before{background-position: right bottom;}
	#page_title #filter_white{padding-top: 212px!important;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	.video_cms {padding-bottom: 56.25%;}
	header{padding-bottom: 11px;}
	.drawer-hamburger{transform: translateY(5px);}
	#logo .logo{width: 200px;}
	#main_img{margin-top: 73px;}
	#main_img::before{left: 5px;}
	#main_img::after{width: 55%;left: -56px;}
	
	#intro_txt h2 span, #contents h2 span, #contents5 h2 span, #YouTube h2 span, #con4_txt h2 span, .cms_title h2, #info h2 span{font-size: 29px;letter-spacing: 0px;}
	#YouTube h2 span{letter-spacing: 15px;}
	.cms_title h2{letter-spacing: 12px;margin-bottom: 38px;}
	#intro #intro_txt{padding-top: 38px;padding-bottom: 16px;}
	#YouTube{margin-bottom: 24px;}
	
	#contents h2{margin-bottom: 0;}
	#contents .box .grid_6:nth-of-type(2){order: 1;width: 98.33333%!important;margin-bottom: 35px;}
	#contents .box .grid_6:nth-of-type(1){order: 2;width: 98.33333%!important;}
	#contents .box_wrap{padding-top: 56px;}
	#contents .box{padding: 30px 0px;width: 95%;margin: 0 auto 0;}
	#contents h3{font-size: 17px;}
	
	#contents4{padding-top: 0;padding-bottom: 68px;}
	#contents4 h2{padding-top: 56px;}
	
	#contents5{padding: 64px 3% 0;}
	#contents5 .grid_4{width: 96%!important;padding: 0;padding-right: 9px;margin-top: 30px;}
	#contents5 .bnr01_sp{margin-top: 50px;width: 80%!important;margin-right: auto;}
	#contents5 .con_inner{padding-bottom: 0px;}
	#contents5 .con_inner::before{background-size: 23%;background-position: right bottom 35px;}
	
	#page_title #filter_white{padding-top: 152px!important;}
	#pageTop{right: 5px;}
	#pageTop a{width: 57px;height: 39px;}
	#copyright{padding-top: 26px;padding-right: 15px;}
	.cate_title{font-size: 24px;}
	.cate_title::after{top: -21px;width: 40px;height: 40px;}
	#cms_2-b .cate_box{width: 95%!important;}
	#page8 .tel_wrap.d_flex{justify-content: center;}
	
	#info{padding-right: 0;}
	#info .info_title img{width: 90%;}
}




/* 修正 ---------------------------------------------------------------------------------------------*/

/* ---------- 2021.05.06 ---------- */
.bnr01, #contents5 .bnr01_sp{opacity: 0}
#intro_txt .bnr01, #intro_txt .bnr01_sp{display: none}
#contents5 .con_box a img{transition: transform .3s}
#contents5 .con_box a:hover img{transform: translateY(-5px)}

#cms_1-a .box_img1 img, #cms_1-a .box_img2 img, #cms_2-b .cate_img1 img, #cms_3-a .cate_img1 {
	border: 5px solid #f14e6f;
    border-radius: 10px;
    border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
    box-shadow: 7px 7px 0 #d4d4d4;
}
#cms_2-b .cate:nth-of-type(1) .cate_img1 img, #cms_1-a .box_img2 img, #cms_3-a .cate_wrap:nth-of-type(2) .cate_img1, #cms_3-a .cate_wrap:nth-of-type(5) .cate_img1 {
    border: 5px solid #ffa900;
}
#cms_2-b .cate:nth-of-type(3) .cate_img1 img, #cms_3-a .cate_wrap:nth-of-type(1) .cate_img1, #cms_3-a .cate_wrap:nth-of-type(4) .cate_img1, #cms_3-a .cate_wrap:nth-of-type(7) .cate_img1 {
    border: 5px solid #3b7cea;
}

/* ---------- 2021.05.13 ---------- */
@media screen and (max-width: 667px){
#YouTube .concept_txt {
    width: 91%!important;
}
#contents5 .con_inner {
    padding-bottom: 80px;
}
#contents5 .con_inner::before {
    background-size: 24%;
    background-position: right top 3px;
}
.bnr01, #contents5 .bnr01_sp{display: none;
}