/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap');
.font_com, #pc_nav ul li a .en, #pc_nav_fix ul li a .en, #intro .intro_title, #top_contents .con_title, #top_cms .cms_title h3, #page_title h2, #pc_nav_fix ul li a .reserve{
    font-family: 'Klee One', cursive, "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: bold;
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #475939;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #666633;} /* メインカラー */
.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.txt_color3, .hvr_txt_color3:hover{color: #542d06;} /* アクセントカラー1 */
.txt_color4, .hvr_txt_color4:hover{color: #efe5da;} /* アクセントカラー2 */

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #666633;} /* メインカラー */
.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.bg_color3, .hvr_bg_color3:hover{background-color: #542d06;} /* アクセントカラー1 */
.bg_color4, .hvr_bg_color4:hover{background-color: #efe5da;} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #666633;}
.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}
.border_color3, .hvr_border_color3:hover{border-color: #542d06;}
.border_color4, .hvr_border_color4:hover{border-color: #efe5da;}
.border_bk{border-color: #000;}

#wrap{overflow: hidden;}

.banner_fix {
    left: 10px;
    z-index: 5;
    min-width: 33%;
}

/* header */
#header #logo{width: 150px;}
#header #pc_nav_fix ul{font-size: calc(1rem + 2px);}
#header #pc_nav_fix ul li{width: 200px;}

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

/* main img */
#main_img::before{
    content: "";
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
#main_img .scroll_bar {z-index: 3;}
#main_img .catch{
    top: 5%;
    right: 5%;
    z-index: 2;
    width: 13%;
}
/*#head_logo{*/
/*    overflow: hidden;*/
/*}*/
/*#head_logo span{*/
/*    background-color: transparent;*/
/*    background-image: url('./Dup/img/con1.jpg');*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 250%;*/
/*}*/

/* main */

/* intro */
#intro .intro_title{
    position: relative;
}
#intro .intro_title::before{
    content: "Would you like to enjoy “doing nothing”?";
    width: 100%;
    position: absolute;
    z-index: -1;
    font-size: 35px;
    opacity: 0.1;
    top: 5px;
    left: 0;
    transform: translateY(-50%);
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color: #666633;
    font-family: serif;
    letter-spacing: 0.5px;
    text-align: left;
}

.btn {
    width: 50%;
}
.btn a {
    display: block;
    width: 100%;
    max-width: 480px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c2cccc;
    letter-spacing: 0.1em;
    font-size: 15px;
    font-family: 'Klee One', cursive;
    font-weight: bold;
}
.btn a:before {
    content: "";
    display: block;
    position: absolute;
    right: 50px;
    top: 10px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.25, .46, .45, .94);
}
.btn a:hover:before {
    right: 10px;
    transition: all 0.4s cubic-bezier(.25, .46, .45, .94);
}
.btn a:after {
    position: absolute;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background: #222;
    bottom: 0;
    transition: width 0.6s cubic-bezier(.25, .46, .45, .94);
}
.btn a:hover:after {
    width: 100%;
    transition: width 0.6s cubic-bezier(.25, .46, .45, .94);
}

/* contents */
#top_contents::before {z-index: -2;display:none;}
#top_contents .con_box .contents_no {
    top: -20px;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-size: calc(1rem + 22px);
}
#top_contents .box_img_wrap .bg_img{
    width: 100%;
    height: 120%;
    position: absolute;
    top: -30%;
    left: -150px;
    z-index: -1;
}
#top_contents .box_img_wrap .bg_img2{
    width: 100%;
    height: 120%;
    position: absolute;
    bottom: -30%;
    right: -150px;
    z-index: -1;
}

/* topcms */
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* footer */
#top_contact{background-position: top 20% center;}
.footer_img{background-position: bottom 30% center;}


/* under page */
#page_title{
    position: relative;
    background-image: url('./Dup/img/con1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25%;
}
.btn_container a{
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
}

/* cms1 */

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.banner_fix {min-width: 80%;}
#header #pc_nav_fix ul li {width: auto;}
#main_img .catch {
    top: 8%;
    right: 5%;
    width: 22%;
}
#intro {
    padding-bottom: calc(60vw - 20px);
}
#intro .intro_img {
    height: 60vw;
    top: auto;
    bottom: 0;
}
#intro .intro_title::before{font-size: 45px;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.banner_fix {flex-wrap: wrap;}
#header #pc_nav_fix ul li {width: auto;}
#intro .intro_title::before{font-size: 27px;white-space: normal;}
.btn {width: 100%;}
#page_title {background-size: 35%;}

}

/*20220914公開後修正*/
.banner_fix {
    min-width: 40%;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.banner_fix {min-width: 90%;}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.fixed1{max-width: 240px;}

}

/*20220928公開後修正*/
#intro .intro_txt_wrap {
    bottom: 0;
    right: 0;
}