/* all page */
/*font*/


/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #d28b0e;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body, .txt_color_nomal {color: #7e4201;}
.txt_color1{color: #F4BD5D;} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #a67c52} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #F4BD5D;} /* メインカラー */
.bg_color2{background-color: #ffe5b0;} /* サブカラー */
.bg_color3{background-color: #a67c52} /* アクセントカラー1 */
.bg_color4{background-color: #FFF7F0;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #F4BD5D;}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #a67c52}
.border_color4{border-color: #c9baa9}

.hvr_bg_color4:hover {background-color: #7e4201;}
.hvr_txt_color4:hover{color: #fffbec;}

#wrap {
    background-color: #fffbec;
}
#fakeloader:before{
    background-color: rgba(255,255,255,0.7)!important;
}
.overlay {
    background: linear-gradient(135deg, rgba(231,130,38,0.9) , rgba(255,227,132,0.8) )!important;
}
.nav_menu_more:first-of-type a .icon:before {
    content: "\f075";
}
.button_container span {
    background: #7e4201;
    color: #7e4201;
}
.overlay-menu .right .nav_menu_more a{
    background-color: #f49f5d;
}

/* header */
header.scr_header {background-color: rgba(255,255,255,0.8)!important;}
#pc_nav li a {color: #7e4201;}
#pc_nav li a::after, #footer_nav li a::after {background: rgba(126,66,1,0.5);}
#pc_nav li:last-of-type a{
    background-color: #f4bd5d;
    border: 1px solid #f4bd5d;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    transition: all .3s;
}
#pc_nav li:last-of-type a:hover{
    background-color: #fff;
    color: #f4bd5d;
}
#pc_nav li:last-of-type a::after{
    display: none;
}
header.scr_header #logo {max-width: 250px;}

/* top ----------------*/

/* main img */
#video{margin-bottom:-9px;}
#main_img:before {background-color: rgba(255,255,255,0.3);}
.menu p.bg_white{
    border-radius: 100%;
    background-color: rgba(255,250,239,0.8);
}
#top_pc_nav li a{
	transition: transform 0.5s ease 0.1s;
	font-weight: bold;
	background-color: #F4BD5D;
	border-radius: 5px;
	padding: 5px 10px;
}
#top_pc_nav li a:hover{
	transform: translateY(-6px);
}
#top_pc_nav li a::after {
    display: none;
}

/* main */
.back1:before, .back2:before, #intro .num, #contents1 .num, #contents2 .num, #contents3 .num{display: none;}
.fadein{
    opacity : 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
	transition:transform 1.5s ease,opacity 2s ease;
}
.fadein.scrollin{
    opacity : 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* intro */
#intro_wrap {background: none;}
.intro_motif{
    top: -130px;
    left: 45%;
    max-width: 200px;
    z-index: 1;
	animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
	transition: 0.5s ease-in-out;
}
.intro_motif02{
    top: 130px;
    left: -60px;
    max-width: 180px;
	animation: fuwafuwa 3.5s infinite ease-in-out .8s alternate;
	transition: 1.0s ease-in-out;
}
.intro_motif03{
    top: 50vh;
    right: 40px;
    max-width: 140px;
	animation: fuwafuwa 4s infinite ease-in-out .8s alternate;
	transition: 1.5s ease-in-out;
}
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-5deg);
  }
  50% {
    transform:translate(0, -9px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(5deg);
  }
}
#intro_wrap .intro_title{
    position: relative;
    z-index: 1;
}

/* contents */
#contents1 .con_img, #contents2 .con_img, #contents3 .con_box{
    border-radius: 30px;
}
#contents1 .con_box {
    margin-top: 15%;
}
.con_btn a{
    margin: 0;
}
.line:before {
    background-color: rgba(244,189,93,0.7)!important;
}
.con1_motif{
    top: 20px;
    right: 90px;
    max-width: 150px;
	animation: fuwafuwa 3.0s infinite ease-in-out .8s alternate;
	transition: 1.0s ease-in-out;
}
.con1_motif02{
    bottom: 20px;
    right: 120px;
    max-width: 120px;
	animation: fuwafuwa 3.5s infinite ease-in-out .8s alternate;
	transition: 1.0s ease-in-out;
}
.con2_motif{
    top: 70px;
    left: 100px;
    max-width: 130px;
	animation: fuwafuwa 4s infinite ease-in-out .8s alternate;
	transition: 1.5s ease-in-out;
}

/* topcms */
.cms_1-a .cate_box .box_img1{
    border-radius: 50px;
    background-color: #fad595;
}
.more_btn{
	background-color: #F4BD5D;
	border-radius: 30px;
	color: #fff;
	transition: transform 0.5s ease 0.1s;
}
.more_btn:hover:before, .more_btn:hover:after {
    display: none;
}
.more_btn:hover{
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	transform: translateY(-6px);
	transition-delay: 0s;
}

/* footer */
#info_contact .con_box {
    width: 36.5%;
}
#info_contact .con_box a {
    display: block;
}
#info_contact .con_box a .con_img2{
    border-radius: 100%;
    display: block;
}
#info_contact .con_img2::before{
    content: "";
    background-color: rgba(166,124,82,0.6);
    width: 70%;
    height: 70%;
    position: absolute;
    top: 15%;
    left: 15%;
    z-index: 1;
    border-radius: 100%;
}


/* under page */
#page_title:before {
    background-color: rgba(255,255,255,0.4);
}
#page_title .page_title_box{
    background-color: transparent;
    background-image: url('./Dup/img/page_title.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
}
#page_title .page_title_box h2, #page_title .page_title_box p {color: #7e4201;}
.page .con_box{
    border-radius: 30px;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */
.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#logo {
		opacity: 0;
	}
	.page #logo {
		opacity: 1;
		max-width: 270px;
	}
	header.scr_header #logo {
		opacity: 1;
	}
    #contents1 .con_box, #contents2 .con_box {
        margin-top: 0;
    }
    .intro_motif {
        top: -100px;
        max-width: 150px;
    }
    .intro_motif02 {
        top: 60px;
        max-width: 110px;
    }
    .intro_motif03 {
        right: 0;
        max-width: 100px;
    }
    .con1_motif {
        top: -80px;
        right: 10px;
        max-width: 90px;
    }
    .con1_motif02 {
        bottom: 70px;
        right: auto;
        left: 50px;
        max-width: 150px;
    }
    .con2_motif {
        top: auto;
        bottom: 0;
        left: 140px;
        max-width: 110px;
    }
    #page_title .page_title_box {
        width: 45%;
    }
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.page #logo {
		max-width: 200px;
	}
    .menu p.bg_white{
        max-width: 100px;
    }
    .menu p a{
        max-width: 70px;
    }
    header.scr_header #logo {
        max-width: 180px;
    }
    #info_contact .con_box {
        width: 90%;
    }
    #contents1 .line:before, #contents2 .line:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .con_btn a{
        margin: 0 auto;
    }
    .intro_motif {
        top: -40px;
        max-width: 110px;
    }
    .intro_motif02 {
        top: 0;
        max-width: 80px;
        left: -50px;
    }
    .intro_motif03 {
        top: 90vh;
    }
    .con1_motif {
        top: -50px;
        right: 5px;
        z-index: 1;
    }
    .con1_motif02 {
        bottom: -50px;
        max-width: 120px;
    }
    .con2_motif {
        bottom: -110px;
        left: 20px;
        max-width: 90px;
    }
    #footer .con_box h2{
        text-align: left;
        font-size: 20px;
        letter-spacing: 1px;
    }
    #info_contact .con_box a .con_img2 {
        z-index: 1;
    }
    #page_title .page_title_box {
        width: 64.5%;
        letter-spacing: 0.5px;
        padding: 20px 3px;
    }
    #page_title .page_title_box h2{
        font-size: 20px;
    }
    #page_title:before {
        background-color: rgba(255,255,255,0.6);
    }
    #cms_3-c .cate_title {
        letter-spacing: 1px;
    }
    
}

/* IE */
@media all and (-ms-high-contrast: none){
    #top_pc_nav li a{
        padding-top: 10px;
    }
    .qa_type5 .faq_no{
        line-height: 3;
    }
    .qa_type5 .box_title1, .qa_type5 .box_txt1{
        padding-top: 5px;
    }
}