﻿/*--------link_font--------*/
@font-face {
    font-family: 'futura';
    font-style: normal;
    font-weight: 400;
    src: url('./Dup/img/futura_pt.woff') format('woff'),
        url('./Dup/img/futura_pt.eot')  format('eot');
    font-display: swap;
}

.linkStyle{color: #000000; text-decoration: underline;}

/*--------all_page--------*/
.add_line_h{line-height: 1.7;}
.add_line_h2{line-height: 1.3;}

#menu_wrap::after{
    background: linear-gradient(to right, rgba(252, 178, 35, 1) 0%,rgba(236, 243, 180, 1) 100%)!important;
}    
#page08 #tel_contact{
    background: linear-gradient(to right, rgba(252, 178, 35, 1) 0%,rgba(255, 233, 73, 1) 100%)!important;
}
#loader:after{
        background: linear-gradient(-135deg, rgba(249, 190, 0, 1) 0%,rgba(240, 249, 155, 1) 100%)!important;
}
/*
 main:before{
     content: " ";
    position: fixed;
    display: inline-block;
    width: 90%;
    height: 69%;
    background: url(./Dup/img/back.png) no-repeat;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0.05;
  }
.other main:before{
    opacity: 0.03;
  }  
  */
  #main_wrap{position: relative;}
h1::after {border-color: rgba(255, 242, 140, .6) transparent transparent transparent!important;}
#intro.on #intro_box #intro_txt {
     background: linear-gradient(-45deg, #ffca64, rgba(247, 180, 50, .75));
}

#intro #intro_box #intro_txt {
    background-color: rgba(138, 188, 225, .8);
}
#intro #intro_box {
    background: linear-gradient(-130deg, #fff28c 40% ,rgba(255, 254, 247, .25) 85%);
}
#intro #intro_box #intro_img {
    border-radius: 0 20px 20px 0;
}
#intro #intro_box #intro_txt {
    border-radius: 20px 0 0 20px;
}
#contents_links {
position: relative;
    z-index: +1;
}
#contents_links .box_wrap .box {
    border-radius: 20px;
}
#contents_links .box_wrap .box a{
    border-radius: 15px;
}
#contents div{
    color: #141414;
}
#contents .con_txt1, #contents .con_txt2{position:relative;}
#contents .con_txt1::before,#contents .con_txt2::before {
     content: " ";
    position: absolute;
    background-color: rgba(155, 206, 33, .35)!important;
    width: 100%;
    height: 93%;
    height: 100%;
    bottom: 0px;
    left: 0;
    border-radius: 10px;
    border: 5px solid rgba(141, 193, 16, .4);
}
#contents h3{
    color: #464646;
    text-shadow: 0 13.36px 8.896px #c4b59d, 0 -2px 1px #fff;
}
#top_cms{
    position:relative;
    z-index: 0;
}
#top_cms .top_cms_box .top_cms_title p {
    font-family: 'futura',sans-serif;
    opacity: 1;
    left: -20px;
    bottom: 24px;
    color: rgba(255, 232, 51, .7);
    font-weight: normal;
}
.top_cms_box {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #f6f6f6;
}
.top_cms_box:before {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 100%;
    height: 100%;
    content: '';
    border: 4px solid #fcb223;
}#footer::after {
    background-color: #000!important;
}
footer #footer_bottom ul li a.font_18 {font-size: 14px;}
footer #footer #map,footer #footer_box h2,footer #footer #footer_box .tel a {display: none;}


.add_contact_btn a {
 font-weight: 700;
 transition: all .2s;
 padding: 10px 40px;
 border-radius: 100px;
 background: #fcb223;
 border: 1px solid transparent;
 display: flex;
 align-items: center;
 font-size: 20px;
width: 175px;
color: #fff;
}
#contents .add_contact_btn a{ 
    justify-content: center;
    width: 230px;
}
.add_contact_btn a:hover {
 background: #f5a60e;
}
.add_contact_btn a > svg {
 width: 34px;
 margin-left: 10px;
 transition: transform .3s ease-in-out;
}
.add_contact_btn a:hover svg {
 transform: translateX(5px);
}
.add_contact_btn a:active {
 transform: scale(0.95);
}

#contents .add_contact_btn::after{
    display: none;
}


/*--------sub_page--------*/
.pager{justify-content: center!important;}
#page_title.page05 {background-position: 50% 16%;}

.cate_list li .cate_no {
    display: none;}
    
#cms_3-a{line-height: 1.6;}
#cms_3-a .slide_img figure{
	position: relative;
	overflow: hidden;
}
#cms_3-a .slide_img figure img{
	position: relative;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#cms_3-a .swiper-slide{
    opacity: 1!important;
}
#cms_3-a .slide_img .thumbnail .swiper-wrapper {
    margin-left: 0!important;
    transform: none!important;
}
#cms_3-a .swiper-button-prev{
	background-image: url("../dup/img/swiper_prev.png")!important;
}
#cms_3-a .swiper-button-next{
	background-image: url("../dup/img/swiper_next.png")!important;
}

/* IE */
@media all and (-ms-high-contrast: none){
#cms_3-a .slide_img .thumbnail .swiper-wrapper .swiper-slide {
    overflow: hidden;
    position: relative;
    height: 80px;
}
#cms_3-a .slide_img .thumbnail .swiper-wrapper .swiper-slide img{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
}


#page08 #tel_txt{background-color: rgba(255, 255, 255, .4);}



/*--------2-c flow--------*/

#cms_2-c #cate0 .box_wrap {
	border: 3px solid #94cf64;
}

#cms_2-c #cate0 .cate_box {
	padding: 30px 0px;
	background-color: #ffffff;
}
#cms_2-c #cate0 .box_description1{
    width: 42%!important;
    padding: 0 0 0 20px;
}
#cms_2-c #cate0 .box_description2{
    width: 100%!important;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
	flex-direction: row;
}
#cms_2-c #cate0 .box_txt1 {
    background-color: #ffffff;
    border-right: 1px solid #94cf64;
    color: #94cf64;
    text-align: center;
    width: 30%;
    font-size: 1.1em;
}
#cms_2-c #cate0 .box_txt2 {
    padding: 10px 20px;
    width: 65%;
}
#cms_2-c #cate0 .cate_box:not(:last-child) {
	border-bottom: 3px solid #94cf64;
	position: relative;
}
#cms_2-c #cate0 .cate_box:not(:last-child)::before,
#cms_2-c #cate0 .cate_box:not(:last-child)::after {
	content: "";
	border: solid rgba(0,0,0,0);
	position: absolute;
	top: 100%;
	left: 17%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 20;
}
#cms_2-c #cate0 .cate_box:not(:last-child)::before {
	border-width: 22px;
	border-top-color: #94cf64;
	width: 0;
	height: 0;
	background-image: none;
	background-size: 0;
}
#cms_2-c #cate0 .cate_box:not(:last-child)::after {
	border-width: 18px;
	border-top-color: #fff;
}

#cms_2-c #cate0{counter-reset: number 0;}

#cms_2-c #cate0 .box_txt1::before {
    counter-increment: number 1;
    content: "step." counter(number);
    background-color: #94cf64;
    padding: 5px 10px;
    font-weight: 700;
    color: #ffffff;
    display: block;
    margin: 0px auto 10px;
    width: 50%;
}
#cms_2-c #cate0 .cate_box:last-of-type:before{
    display: none;
}



/*--------mobile_tb--------*/
@media screen and (max-width: 768px){
    /*
    main:before {
    height: 24%;
    }
    */
    #main_img h2 { width: 70%!important;}
    #intro #intro_box #intro_txt h3::after {font-size: 4vw;}
    
	#contents .con_txt1, #contents .con_txt2 {
    width: 85%;
    margin: 0 auto 30px;
	}
	    
#contents .add_contact_btn{
    margin-left: 0%;
}
	
	footer #footer { padding: 45px;}
	#cms_2-c #cate0 .cate_box {
    padding: 10px 0px;
}
	#cms_2-c #cate0 .box_txt2 {
    width: 60%;
}
    #cms_2-c #cate0 .box_description2 {
    padding: 20px 0;
}
#cms_2-c #cate0 .box_txt1 {
    font-size: 1em;
    padding-right: 12px;
    line-height: 1.5;
}

}

/*--------mobile_sp--------*/
@media screen and (max-width: 667px){
    #main_img h2 { width: 100%!important;}
    #intro #intro_box #intro_txt h3::after {font-size: 5.1vw;}
    #intro h3 {font-size: 4.3vw;text-align:left;}
    #contents .con_txt1, #contents .con_txt2 {
    width: 95%;
    }
    
#contents .add_contact_btn{
    width: 90%;
}
#contents .add_contact_btn a {
    justify-content: center;
    width: 100%;
    font-size: 4.8vw;
    padding: 10px 20px;
}

    #top_cms {
    padding-left: 3%;
    padding-right: 7%;
    }
    #page08 #tel_contact h3{font-size: 3.6vw;}
    footer #footer {padding: 0px 15px 40px;}
    #main_img h2::before {
    background: linear-gradient(to right, rgba(255, 235, 59, .85) 0%,rgba(255, 193, 7,  .8) 100%)!important;
    }
    #menu_wrap nav ul li a {
    padding-top: 20px;
}
#cms_2-c #cate0 .box_txt1 {
    width: 100%;
    border: none;
}
#cms_2-c #cate0 .box_txt2 {
    width: 100%;
}
#cms_2-c #cate0 .cate_box:not(:last-child)::before, #cms_2-c #cate0 .cate_box:not(:last-child)::after {
    left: 50%;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.pager li a{padding:8px 20px 12px;}

}
/*2022/10/26修正*/
#tel_contact iframe {height: 1580px!important}

