@charset "utf-8";
/* ------------------------------------------------------------ 共有 ------------------------------------------------------------ */
.flex{display: flex;}
a.view_btn.line{background: #00C755 url(../images/common/icn_1.svg) no-repeat left 10px center; background-size: 50px; border-radius: 100px; text-align: center; font-size: 28px; padding: 17px 50px 20px 27px; display: block;color: #fff; margin: 0 auto; max-width: 335px; width: 100%; position: relative; font-family: corporate-logo-ver2, sans-serif; font-weight: 700; font-style: normal;}
a.view_btn.line span{display: block; width: 22px; height: 22px; position: absolute; top: 50%; transform: translateY(-50%); right: 19px; background: #fff; border-radius: 100px;}
a.view_btn.line span:before{content: ""; display: block; position: absolute; top: 50%; left: 45%; transform: translate(-50%,-50%) rotateZ(-45deg); right: 30px; width: 8px; height: 8px; border-right: 2px solid #30BC55; border-bottom: 2px solid #30BC55;}
.taberu_crew_box .crew_box_pc{display: none;}
.taberu_box{max-width: 390px; position: relative; margin: 0 auto; z-index: 100;box-shadow: 0 0 4px 3px rgba(0,0,0,0.07);}
body:before{content: ""; display: block; position: fixed; width: 100%; height: 100vh; background: url(../images/top/fv_bg_1.jpg) no-repeat center center; background-size: cover; }

.view_btn{transition: 0.5s; opacity: 1;}
.view_btn.thumb-hover{transition: 0.5s; opacity: 0.5;}
/* ------------------------------------------------------------ header ------------------------------------------------------------ */
header {background: #FFFFFF; padding: 10px 14px 10px 16px; position: fixed; width: 100%; z-index: 1000; max-width: 390px;}
header h1{display: inline-block; margin: 0 10px 0 0; width: 158px; height: auto;}
header h1 a{display: block;}
header .link_box{width: calc(100% - 170px); text-align: right; display: inline-block;}
header a.entry{ position: relative; width: 100%; display: inline-block; max-width: 176px;}
/* ------------------------------------------------------------ #entry ------------------------------------------------------------ */
#entry{background: url(../images/top/entry_bg_1.jpg) no-repeat center center; background-size: cover; padding: 39px 0;}
#entry h3 span{ -webkit-text-stroke: 1px #000; text-stroke: 1px #000; background: none; color: #fff; -webkit-text-fill-color: #fff;}
#entry p{text-align: center; font-size: 14px; line-height: 160%;font-family: 'Noto-Sans-JP-Regular'; padding: 20px 0 0;}
#entry .link_box{max-width: 315px; margin: 0 auto; padding: 33px 0 0;}
#entry .link_box a{margin: 20px auto 0; font-size: 24px; padding: 17px 50px 20px 27px; font-family: corporate-logo-ver2, sans-serif; font-weight: 700; font-style: normal;}

/* ------------------------------------------------------------ footer ------------------------------------------------------------ */
footer{background: #F7A7F1; text-align: center; padding: 16px 0 7px;}
footer h3{width: 68.7%; height: auto; margin: 0 auto;}
footer p{font-family: 'Noto-Sans-JP-Regular'; font-size: 14px;line-height: 129%;color: #fff; padding: 4px 0 0; letter-spacing: 0.04em;}

@media only screen and (min-width: 1100px) {
	.taberu_box{ margin: 0 98px 0 auto;}
	/* ------------------------------------------------------------ taberu_box ------------------------------------------------------------ */
	.taberu_crew_box{max-width: 1220px;width: 100%; margin: 0 auto; display: flex; padding: 0 50px;}
	.taberu_crew_box .crew_box_pc{position: fixed; z-index: 1; width: 91%; max-width: 1112px;height: 100vh; display: block;}
	.taberu_crew_box .line_box_pc{ width: 444px; text-align: center; position: relative; height: 100vh;}
	.taberu_crew_box .line_box_pc .text_box{position: absolute; top: 50%; transform: translateY(-50%);}
	.taberu_crew_box .line_box_pc p.bg_white{background: #fff; font-size: 22px;display: inline-block; margin: 17px 0 0; line-height: 140%;}
	.taberu_crew_box .line_box_pc .tt_box{padding: 51px 0 0;}
	.taberu_crew_box .line_box_pc .tt_box p{font-size: 20px; line-height: 160%;}
	.taberu_crew_box .line_box_pc .tt_box p:not(:last-child){padding: 0 0 30px;}
	.taberu_crew_box .line_box_pc a.line{position: relative; margin: 59px auto 0;}

	.taberu_crew_box .line_box_pc .mini_tt{position: absolute; bottom: 24px; font-size: 14px; line-height: 160%; letter-spacing: 0.04em; transform: translateX(-50%); left: 50%; width: 100%;}
	.taberu_crew_box .copy_light{position: absolute; right: 0px; bottom: 0px; z-index: 1; color: #000; writing-mode: vertical-rl; font-size: 11px; padding: 0 0 75px;}	
}

@media only screen and (max-width: 600px) {
	body:before{display: none;}
	header {max-width: 100%;}
	.taberu_box{max-width: 100%;margin: 0 auto;  }
}