﻿@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Noto+Serif+JP:wght@300;400;500;600&display=swap');

body,.font_Quick{font-family: 'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}

.tel_bt a{font-family: 'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}

#page_title,.top_cms_title,.more a,#top_contact_box p,.l-gh__scrollnav,.top_info_title{font-family: 'Cormorant Garamond','Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}

.tel_bt a{font-family: 'Noto Serif JP',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
#top_contact_box .tel_bt a,#top_contact_box .con_bt{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}



/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #8fd277;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #484a4e;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #8fd277} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #c0c0c0} /* アクセントカラー1 */
.txt_color4{color: #fffaf0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #93d27d} /* メインカラー */
.bg_color2{background-color: #e6e6e6} /* サブカラー */
.bg_color3{background-color: #c0c0c0} /* アクセントカラー1 */
.bg_color4{background-color: #fffaf0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #93d27d}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #c0c0c0}
.border_color4{border-color: #fffaf0}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #484a4e;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #93d27d} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #c0c0c0} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fffaf0} /* アクセントカラー2 */

.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #93d27d} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c0c0c0} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fffaf0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

.hvr_border_color1:hover{border-color: #93d27d}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #c0c0c0}
.hvr_border_color4:hover{border-color: #fffaf0}


/* design ---------------------------------------------------------------------------------------------*/
#main_img {
    max-height: 900px;
}

#logo img{width: 80%!important;}
#fix_menu .sns_links li{width: 30px;}

#loading_line .line{background-color: #fffaf0;}
#page_title .title_box{border: none;background-color: rgba(255,250,240,0.93);}
#page_title::before{background: rgba(255,255,255,0.2)}
#footer::before{background: rgba(255,255,255,0.4)}
footer .txt_white{color: #52555a!important;}
#top_contact_box .top .box{background-color: rgba(255,250,240,0.9);}
#top_contact_box .top .txt_white{color: #a2a0a0;}
#top_contact_box .top .txt_box::before{background: #a2a0a0;}

#top_contents1{padding: 100px 5% 100px;}
#top_contents1 h2 {
    text-align: center;
    padding-top: 130px;
    padding-bottom: 15px;
    border-bottom: solid 1px #8fd277;
    background-image: url(./Dup/img/img1.png);
    background-size: 179px;
    background-position: top center;
    background-repeat: no-repeat;
}
#top_contents2{position: relative}
#top_contents2::before{
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	left: 0;
	top: -1px;
	height: 65px;
	background-image: url(../dup/img/bg1.png);
	background-size: 100% 100%;
	z-index: 10;
}

#top_contact_box .btn_box:last-of-type{display: none;}
#top_contact_box .btn_box{margin-bottom: 0;}
#top_contact_box p{padding-right: 0;display: block;}
#top_contact_box .tel_bt{
	max-width: 500px;
    height: 61px;
    padding: 10px 10px;
    margin: auto;
    width: 80%!important;
    margin-top: 20px;
    font-size: -webkit-calc(1rem + 9px);
    font-size: calc(1rem + 9px);
}

.top_cms_title p,.top_info_title p,#page_title .title_box p{font-size: -webkit-calc(1rem - 5px);font-size: calc(1rem + 5px);}
#top_contact_box p{font-size: -webkit-calc(1rem - 3px);font-size: calc(1rem + 3px);}

#tel_fix{bottom: 30px;right: 70px;z-index: 10;width: 300px;}


.cms_6-b .cate_box .box_txt1,#cms_6-b .cate_box .box_txt1{background-color: #fffaf0;color: #484a4e;}
#cms_2-c .cate_box{background-color: #fffaf0;margin-bottom: 50px;padding-bottom: 10px;}
#cms_2-c .txt_color3 {color: #afafaf;}
#cms_2-a .box_item:nth-of-type(2){background-color: #fffaf0}



/* IE */
@media all and (-ms-high-contrast: none){
#pagr9 a{padding-bottom: 7px!important}
.tel_bt a i{top: 61%!important;}
#cms_6-b .cate .cate_title{padding: 10px 5px 12px!important;}
#cms_2-a .cate .cate_title{padding-top: 10px!important;}
#cms_1-e .date,.cms_1-e .date{padding-top: 10px!important;}
.more a{padding-bottom: 11px;}
#top_contact_box .tel_bt a{padding-top: 9px;}
#top_contact_box a i{transform: translateY(-99%);}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo h1.logo{max-width: 179px;}
	
#top_contents1{padding: 100px 50px;}
#top_contents2{padding: 140px 0;}

.overlay{background: rgba(255,255,255,0.9);}
.overlay nav{height: 80%;}
.overlay-menu .sns_links_tb{justify-content: center;}
.tb_sns_wrap .sns_links_tb li{width: 40px;}

.foot_sns .sns_links_tb li{width: 40px;}

#tel_fix {bottom: 121px;right: -20px;}
#copyright{padding-top: 63px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
#logo h1.logo{max-width: 155px;}

#top_contents1{padding: 50px 30px 30px;}
#top_contents1 h2{padding-top: 95px;background-size: 136px;font-size: -webkit-calc(1rem + 2px);font-size: calc(1rem + 2px);}
#top_contents2{padding: 130px 0;}
	
.overlay{top: 28px;}
.tb_sns_wrap .sns_links_tb li{width: 30px;}
	
.foot_sns.tb_sns_wrap .sns_links_tb li{width: 30px;}

.pagetop_active.pagetop_active .l-gh__scrollnav-pagetop-text{color: #484a4e;}
.pagetop_active.pagetop_active .l-gh__scrollnav-pagetop-arr .head{border-bottom: 4.5px solid #484a4e;}

#footer{padding-top: 40px;}
#logo2{width: 31%!important;}

#copyright{padding-top: 0;padding-bottom: 88px;}
#tel_fix {bottom: 15px;right: 50%;transform: translateX(50%);width: 72%;}
}



