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

body{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}
.pop400, .num{font-family: 'Gilda Display',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important}
.cms_title p{font-size: 44px;}
.cms_title h3{font-size: 20px;margin-top: -10px;}

a[href^="tel:"], #pc_nav li a, #top_pc_nav li a, #footer_nav li a, .hannari, .pop400, #intro_wrap .intro_title h3, #contents1_wrap .con_title h3, #contents2_wrap .con_title h3, #contents3_wrap .con_title h3, #info_contact_wrap .con_title .hannari, #page8 .mail_contact_tel a, .more_btn, .cms_1-a .cate_box .date, #cms_2-a .box_title1, .cate_title, #cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt, #contact_line, .return{font-family: 'hannari Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#page10 .more_btn{text-transform: none;}


/* color---------------------------------------------------------------------------------------------*/
.linkStyle{color: #A2D17D;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #333333;}
.txt_color1{color: #A2D17D} /* メインカラー */
.txt_color2{color: #F1F6E3} /* サブカラー */
.txt_color3{color: #EE8EA0} /* アクセントカラー1 */
.txt_color4{color: #F7F7F7} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #A2D17D}
.border_color2{border-color: #F1F6E3}
.border_color3{border-color: #EE8EA0}
.border_color4{border-color: #F7F7F7}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #A2D17D} /* メインカラー */
.hvr_txt_color2:hover{color: #F1F6E3} /* サブカラー */
.hvr_txt_color3:hover{color: #EE8EA0} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F7F7F7} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #A2D17D}
.hvr_border_color2:hover{border-color: #F1F6E3}
.hvr_border_color3:hover{border-color: #EE8EA0}
.hvr_border_color4:hover{border-color: #F7F7F7}


/* design ---------------------------------------------------------------------------------------------*/
#con_fix{bottom: 36px;right: 75px;z-index: 5;width: 309px;}
#footer p.txt_left.d_inline_b{padding-bottom: 86px;display: block;}

#fakeloader::before{background-color: #F8FBF1;background: url(../dup/img/load_bg.jpg) top center / 100% auto no-repeat #fdfef9;}
#fakeloader .fl{max-width: 324px;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-size: 16px;}
.overlay{background: linear-gradient(135deg, rgba(149,197,111,0.90) , rgba(162,209,125,0.90) )!important;}
.overlay .bg_color1 {background-color: rgba(238,142,160,0.78);}
.overlay .hvr_bg_color2:hover {background-color: #F1F6E3;}


/* ---------- main_img ---------- */
#main_img {
    overflow: hidden;
}
#main_img::after{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 3;
	pointer-events: none;
    border: 13px solid rgba(255,255,255,1);
	box-sizing: border-box;
	filter: blur(1px);
}
#main_img:before{z-index: 2}
#main_img .menu p {background-color: transparent!important;}
#main_img .menu p a{max-width: 352px;}
#main_img .menu ul {
    padding: 10px 20px;
    background-color: rgba(143,206,94,0.75);
    width: 800px;
    margin: auto;
    border-radius: 20px;
}

#main_img:before{background-color: rgba(129,162,140,0.50)!important;}
#main_img:before{background-color: rgba(118,140,125,0.52)!important;}


/* ---------- header ---------- */
.nav_menu_more:first-of-type a .icon:before{display: none}
#top_pc_nav li a{transition: opacity .5s}
#top_pc_nav li a:hover{opacity: 0.4}
#top_pc_nav li a::after{transition: transform .6s;transition-delay: .1s;display: none}
header.scr_header{background-color: rgba(162,209,125,0.82)!important;}


/* ---------- top---------- */
.back1:before,.back2:before {z-index: -1;}
.back1:before, .back2:before {opacity: 0.7;background-color: #f1f6e3!important;}
#top_cms.back1:before{display: none}

.line:before{background-color: #a2d17d!important;height: 2px;}
.line-l:before {display: none}

main.top{background: url(../dup/img/bg1.jpg) top center / 100% auto no-repeat;}
main.top .back1{z-index: 1}
main.top .back1:before, main.top .back2:beforee {width: 60%;}
main.top .back1:before {
    top: auto;
    left: 0;
    bottom: 83px;
    height: 36%;
    border-radius: 0 20px 20px 0;
}
main.top .back2:before {border-radius: 20px 0 0 0;}
#intro{position: relative;}
#intro:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(Dup/img/item1.png);
    background-size: 25%;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -600px;
    right: 0;
    z-index: -1;
	opacity: 0.3;
}
#intro_wrap, #contents3 .con_box {
	box-shadow: rgba(17,12,46,0.1) 0px 48px 70px 0px;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
#intro_wrap, #contents3 .con_box, #info_contact .con_img{border-radius: 15px;}
#intro_wrap{padding-top: 9%;}
#contents3_wrap:after{background-color: rgba(0,0,0,0.15)!important;}
#contents3_wrap:before{background-attachment: fixed;}
#intro .num, #contents3 .num {
	font-size: 45px;
    opacity: 0.9;
    top: 32px;
}
#contents1 .num, #contents2 .num{
	font-size: 45px;
    opacity: 0.9;
    position: static;
    transform: none;
	left: 0;
}
#contents1 .line:before, #contents2 .line:before {
    left: 68px;
    bottom: auto;
    top: -44px;
}
#intro h3:first-letter, #contents1 h3:first-letter, #contents2 h3:first-letter, #contents3 h3:first-letter{color: #ee8ea0;}
#contents1 .fadein_up, #contents2 .fadein_up{
	-webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
#contents3 .con_box{padding-top: 8%;}



/* ---------- topcms---------- */
.top_cms_box:first-of-type, .top_cms_box:nth-of-type(3){background-color: #f7f7f7;}
.cms_title{text-align: center;position: relative;padding-top: 90px;}
.cms_title::before {
    content: '';
    display: inline-block;
    width: 43px;
    height: 57px;
    background-image: url(../dup/img/item2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 11px;
    right: 0;
    margin: auto;
    top: 4px;
	transform: rotate(23deg);
}
.top_cms_box:first-of-type .cms_title{padding-top: 20px;}
.cms_1-a .box_wrap{
	padding: 40px;
    background-color: #fff;
    border-radius: 15px;
}
.top_cms_box{padding-bottom: 150px;}
.more_btn{border-radius: 45px;border: 1px solid;color: #6d6d6d;z-index: 1;transition: all .3s}
.more_btn:before{display: none}
.more_btn:after{top: 0px;border-radius: 45px;transition-delay: 0s!important;width: 100%;background-color: transparent!important;z-index: -1;}
.more_btn:hover{border: 1px solid #a2d17d;color: #fff;transition-delay: 0s!important}
.more_btn:hover:after {background-color: #a2d17d!important;}
#page10 .more_btn:hover{color: #383838;}
#page10 .more_btn:hover:after {background-color: #fff7f0!important;}

.cms_3-b .cate_box {
	width: 48%!important;
    border-left: 3px solid #A2D17D;
    background-color: #fff;
    margin-left: 2%;
	margin-bottom: 15px;
	border-radius: 0 10px 10px 0;
	box-shadow: 1px 1px 5px rgb(0 0 0 / 5%);
}


/* ---------- 下層ページ---------- */
#page_title:before{background-color: rgba(137,148,128,0.37)!important;}
#page_title .page_title_box {
    background-color: rgba(142,187,106,0.50);
    border-top: 2px solid #a2d17d;
    border-bottom: 2px solid #a2d17d;
    min-width: 200px;
    padding-top: 4px;
    padding-bottom: 19px;
}
#page_title .page_title_box h2{font-size: 18px;;}
#page_title .page_title_box .pop400{font-size: 33px;opacity: 1;letter-spacing: 5px;}
#page8 .tel_title{
	font-family: 'hannari Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    color: #83c93e;
    font-weight: bold;
	font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#page10 .more_btn{border: none}
.under .con_box{box-shadow: rgba(17,12,46,0.04) 0px 48px 85px 0px;}


/* ---------- cms---------- */
.cate_list li a{border-radius: 45px;}
.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: 30px;
	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: #8e8e8e;
}
#cms_2-a .cate:last-of-type{margin-bottom: 0}
#cms_5-a .box_wrap{
    background-color: #f7f7f7;
    border: none;
}
#cms_5-a .cate_box{
	border-bottom: 1px dotted #ccc;
	border-left: 2px solid #EE8EA0;
	margin-bottom: 30px;
	padding-bottom: 15px
}



/* IE */
@media all and (-ms-high-contrast: none){
body{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;}
header.scr_header .d_flex{padding-top: 13px!important;}
#main_img .menu ul{padding: 14px 20px 10px!important}
.more_btn{padding-bottom: 11px!important;}
.cate_list li a{padding-bottom: 5px!important}
#contact_tel a{padding-bottom: 24px!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header .d_flex{padding-bottom: 22px;padding-top: 22px;}
header #logo{max-width: 186px;}

#main_img {
    position: relative;
    height: auto;
    width: 100%;
}
#main_img::after{border: 5px solid rgba(255,255,255,1);}
#main_img .menu p{max-width: 272px;}
#intro_wrap{padding-top: 13%;}
#intro_wrap, #contents3 .con_box{box-shadow: rgba(17,12,46,0.10) 0px 20px 37px 0}
#intro .num, #contents3 .num{top: 5px;}
#contents2 .con_box{margin-top: 0;}
#contents3 .con_box{padding-top: 12%;}
	
.top_cms_box:first-of-type{padding-top: 70px;}
.cms_1-a .box_wrap{padding: 25px;}

.page_title_box h2 {font-size: 28px;}
.cms_title p {font-size: 38px;}
.cms_title h3{font-size: 20px;}
#page8 .bnr>div{min-width: 80%;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#con_fix {
    bottom: auto;
    right: 83px;
    width: 65px;
    top: 6px;
    z-index: 10;
	opacity: 1!important
}
#footer p.txt_left.d_inline_b{padding-bottom: 0}
	
header .d_flex{padding-bottom: 10px;padding-top: 10px;}
header #logo{max-width: 154px;padding-bottom: 9px;}

.back1:before, .back2:before, footer.bg_color2 {background-size: 500px;}
.font_14 {font-size: 14px;}
#main_img::after{border: 4px solid rgba(255,255,255,0.48);}
#intro_wrap, #contents3 .con_box{padding-top: 74px;}
#intro_wrap .intro_title h3, #contents3_wrap .con_title h3, #contents1 .con_title h3, #contents2 .con_title h3{font-size: 22px;}
#intro .num, #contents3 .num{top: -3px;}
#contents1 .line:before, #contents2 .line:before{left: 70px}
#contents1 .con_title, #contents2 .con_title{text-align: left;}

.top_cms_box{padding-bottom: 110px;}
.top_cms_box:first-of-type{padding-top: 45px;}
.cms_1-a .box_wrap{padding: 22px;border-radius: 10px;}
.cms_3-b .cate_box{width: 93%!important;border-radius: 0 7px 7px 0;}

.cms_title::before{width: 37px;top: -23px;padding-left: 0;padding-top: 75px;}
.cate_title{font-size: 20px;line-height: 1.9;padding-left: 0;padding-top: 20px;}
.page_title_box {
    width: 73%!important;
    padding: 20px;
	padding-top: 8px!important;
    padding-bottom: 21px!important;
    box-sizing: border-box;
}
#page_title .page_title_box .pop400 {font-size: 21px;letter-spacing: 4px;}
#page_title .page_title_box h2{font-size: 15px;}

#page8 .bnr>div{min-width: 100%;}
#page8 .tel_title{font-size: -webkit-calc(1rem);font-size: calc(1rem);}
}



/* 2021.11.16 修正 */
#main_img .menu p a{max-width: 378px;}
#top_pc_nav{margin-top: 108px;}