@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500&display=swap');
.font1,
#main_menu li a,
.cms_title h2,
.page_title h2,
#cms_2-c .cate_sub_title,
#f_menu li a,
.effect,
#page10 .cate ul li a,
.foot_tel_bt a,
#overlay a,
.qa_type1 .cate_box .open_bt .box_title1::before{
    font-family: 'Quicksand', sans-serif;
}

/*
#page-top,
#fixed_right_banner{
    position:absolute;
}
*/


/*modal test*/
#top_modal_contents_test .modal_bt{
    cursor: pointer;
}
#top_modal_contents_test .modal_bg{
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.9);
    z-index: 9998;
}
#top_modal_contents_test .modal_box{
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    overflow-y: auto;
    z-index: 9999;
    height:100%;/*test*/
    
}
#top_modal_contents_test .close_bt{
    top: 20px;
	right: 20px;
    cursor: pointer;
}
#top_modal_contents_test .cate_box {
    position: relative;
    overflow: hidden;
}

/*--all page---------------------------
-------------------------------------*/

:root{
    --color1:#9fd1c8;
}


.linkStyle{
    color:#333;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    overflow:hidden;
}
#header{
    z-index:99;
    transition:all 0.5s ease;
}
#header #logo{
    margin:auto;
    padding-bottom:10px;
    transition:all 0.5s ease;
}
#header.scr_header{
    background-color:var(--color1);
    
}
#header.scr_header #logo img{
    width:100px;
    transition:all 0.5s ease;
}

.sns_link{
    border-left:0;
}
.foot_tel_bt .fa-envelope{
    display:none;
}


/*--top page---------------------------
-------------------------------------*/
#main_img:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    top:0;
    left:0;
    z-index:2;
}

#aisatsu > div{
    background-color: rgba(82,54,20,0.4)!important;
    text-shadow: 0 0 30px #764c14;
}
/*modal*/
.modal_wrap{
	top: 0;
	left: 0;
	opacity: 0.95;
	z-index: 9999;
}

.modal_wrap .modal_scroll{
	overflow-y: auto;
}

.modal_wrap .close_bt{
	top: 20px;
	right: 20px;
	cursor: pointer
}

.more_box{
    cursor:pointer;
}
#top_cms .cms_title h2::before{
    display:none;
}
#top_cms .cms_title h2::after{
    background-color:#333;
}
.cms_box > div:nth-of-type(2){
    border-right:0;
    border-left:0;
    border-bottom:0;
}
.effect.effect-1{
    color:#333;
}
.effect.effect-1:before{
    top:2px;
}

/*--under page---------------------------
-------------------------------------*/

#main_img2{
    margin-bottom:150px;
}
#main_img2 .page_title{
    background-color: rgba(82,54,20,0.15)!important;
}
.page_title h2{
    left: 50%;
    top: 45%;
    transform: translate(-50%,0);
    color:var(--color1);
}
.page_title h2 span,
#page10 .cate ul li a span{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#cms_2-c .cate_img1{
    height:400px;
}

/*faq*/
.qa_type1 .cate_box {
	border-radius: 10px;
	border: 1px solid #909090;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 1px;
	background-color: #5c5c5c;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #f57f40;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	border-top:1px solid;
}

#page9 .cate_box{
    border-left:0;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#header{
    padding-top:5px;
}
#header #logo{
    margin-left:1%;
    padding-bottom: 5px;    
}
.button_container{
    top:30px;
}
.button_container span{
    box-shadow:none;
}

#cms_2-c .cate_img1 {
    height: 250px;
}

.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}

/*top_modal_contents_test*/
#top_modal_contents_test .modal_box {
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#header.scr_header #logo img{
    width:80px;
}
.button_container {
    top: 25px;
}
.modal_scroll .width_100per{
    position:absolute;
    top: 0;
    left: 0;
    transform: none;
}

.contact_sp{
   right:65px;
   bottom:10px;
   z-index:2;
}
.contact_sp a{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:var(--color1)!important;
}

#main_img2 {
    margin-bottom: 100px;
}
.page_title h2{
    top:40%;
}

#cms_2-c .cate_img1 {
    height: 150px;
}

.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 73px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.2em 1.2em;
}


/*top_modal_contents_test*/
#top_modal_contents_test .modal_box {
    top: 0;
    left: 0;
    transform: none;
}
}