@charset "utf-8";
/* CSS Document */
/*-------------------------------------------

    One day all

-------------------------------------------*/
#oneday .flexbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 50px;
}
#oneday .flexbox {justify-content: center;}
#oneday .flexbox li {position: relative;width: 31rem;margin: 0 1rem 8rem;}
#oneday .flexbox li h3 {
	display: flex;
	position: absolute;
	top: -2rem;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,0);
	width: 100%;
	max-width: 26.3rem;
	height: 3.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 3.4rem;
}
#oneday .flexbox li h3 span:nth-of-type(1) {
	width: 40%;
	border-radius: .5rem 0 0 .5rem;
	background: #EEE;
	color: #ED6500;
	font-size: 1rem;
}
#oneday .flexbox li h3 span:nth-of-type(2) {
	width: 60%;
	border-radius: 0 .5rem .5rem 0;
	background: #ED6500;
	color: #fff;
	font-size: 1.6rem;
}
#oneday .flexbox li a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border: .1rem solid #F79E10;
	border-radius: 1rem;
	color: #000;
}
#oneday .flexbox li a:hover::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
	background: #ED6500;
}
#oneday .flexbox li figure {position: absolute;left: 0;bottom: 0;}
#oneday .flexbox li figure img {width: 100%;}
#oneday .flexbox li figcaption {
	position: absolute;
	right: .5rem;
	bottom: .5rem;
	transform: rotate(-8deg);
	width: 100%;
	font-family: '851mkpop';
	font-size: 2.8rem;
	text-align: right;
	line-height: 1.4;
}
#oneday .flexbox li figcaption span {color: #ED6500;}
#oneday #special.main_wrap {margin-top: 50px;}
#oneday #special .special_content {justify-content: center;}
/*-------------------------------------------

    One day single page

-------------------------------------------*/
#oneday-sg .mv {
	position: relative;
	width: 100%;
	height: 37.2rem;
	margin-bottom: 12rem;
	background: no-repeat center / cover;
}
#oneday-sg .mv.oneday01 {background-image: url("../images/page/oneday/case1/mv_pc.jpg");}
#oneday-sg .mv.oneday02 {background-image: url("../images/page/oneday/case2/mv_pc.jpg");}
#oneday-sg .mv.oneday03 {background-image: url("../images/page/oneday/case3/mv_pc.jpg");}
#oneday-sg .mv.oneday04 {background-image: url("../images/page/oneday/case4/mv_pc.jpg");}
#oneday-sg .mv.oneday05 {background-image: url("../images/page/oneday/case5/mv_pc.jpg");}
#oneday-sg .mv div {
	position: absolute;
	left: 0;
	bottom: 4rem;
	width: 100%;
	padding: 1rem 1rem 1rem 7%;
	background: rgba(237,101,0,.8);
}
#oneday-sg .mv div p {
	position: absolute;
	top: -1.5rem;
	width: 10rem;
	padding: .8rem;
	border: .2rem solid #000;
	background: #fff;
	font-weight: bold;
	font-size: 1.3rem;
	text-align: center;
}
#oneday-sg .mv div h2 {
	display: flex;
	align-items: center;
	margin-left: 11rem;
	color: #fff;
	font-size: 1.3rem;
}
#oneday-sg .mv div h2 span {margin-right: 2rem;font-size: 2em;}
#oneday-sg .flexbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3.5rem;
	padding: 6.4rem 0;
	border-radius: 1rem;
	box-shadow: .3rem .3rem .5rem rgba(0,0,0,.1);
	background: #FFFAEA;
}
#oneday-sg .flexbox.vertical {padding-top: 0;}
#oneday-sg .flexbox:last-child {margin-bottom: 7rem;}
#oneday-sg .orange {border-left: #ED6500 solid 2.3rem;}
#oneday-sg .green {border-right: #03AFB4 solid 2.3rem;}
#oneday-sg .content {width: 50%;}
#oneday-sg figure {width: 45%;}
#oneday-sg .vertical figure {width: 30%;margin: 0 auto;}
#oneday-sg figure.house {width: 19rem;margin: 0 auto;}
#oneday-sg figure img {width: 100%;}
#oneday-sg h2 {
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	font-weight: 500;
	font-size: 8.7rem;
}
#oneday-sg .orange h2 {padding-left: 2rem;border-bottom: .1rem solid #ED6500;color: #ED6500;}
#oneday-sg .green h2 {border-bottom: .1rem solid #03AFB4;color: #03AFB4;}
#oneday-sg h2 span {margin-left: 3rem;padding: .5rem 1rem;font-size: 1.3rem;}
#oneday-sg .orange h2 span {border: .1rem solid #ED6500;color: #ED6500;}
#oneday-sg .green h2 span {border: .1rem solid #03AFB4;color: #03AFB4;}
#oneday-sg h3 {
	margin-bottom: 2.4rem;
	padding-bottom: 3.5rem;
	font-size: 3.2rem;
	letter-spacing: .1em;
	line-height: 1.4;
}
#oneday-sg .orange h3 {margin-left: 2rem;border-bottom: .1rem dashed #ED6500;}
#oneday-sg .green h3 {margin-right: 2rem;border-bottom: .1rem dashed #03AFB4;}
#oneday-sg h3:nth-last-of-type(1) {padding-bottom: 0;border-bottom: 0;}
#oneday-sg h3 span {
	display: block;
	margin-top: 2rem;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.6;
}
#oneday-sg .content div {display: flex;align-items: center;}
#oneday-sg .orange .content div {padding-left: 2rem;}
#oneday-sg .content div figure {width: 5.8rem;margin-left: 4rem;}
#oneday-sg p.fukip {
    position: relative;
	width: 70%;
    padding: 1rem 2rem;
	border: #000 solid 1px;
    border-radius: 1rem;
	background: #fff;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.8;
}
#oneday-sg p.fukip:before {
    content: "";
    position: absolute;
    right: -18px;
    bottom: 50%;
    transform: translate(0,50%);
    border-left: 17px solid #000;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}
#oneday-sg p.fukip:after {
    content: "";
    position: absolute;
    right: -16px;
    bottom: 50%;
    transform: translate(0,50%);
    border-left: 17px solid #fff;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}
#oneday-sg .triangle {
	width: 0;
	height: 0;
	margin: 0 auto 3.5rem;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #F7E19E;
}
@media screen and (min-width:320px) and ( max-width: 767px) {
	#oneday-sg .mv {margin-bottom: 5rem;}
	#oneday-sg .mv.oneday01 {background-image: url("../images/page/oneday/case1/mv_sp.jpg");}
	#oneday-sg .mv.oneday02 {background-image: url("../images/page/oneday/case2/mv_sp.jpg");}
	#oneday-sg .mv.oneday03 {background-image: url("../images/page/oneday/case3/mv_sp.jpg");}
	#oneday-sg .mv.oneday04 {background-image: url("../images/page/oneday/case4/mv_sp.jpg");}
	#oneday-sg .mv.oneday05 {background-image: url("../images/page/oneday/case5/mv_sp.jpg");}
	#oneday-sg .mv div {bottom: 2rem;}
	#oneday-sg .mv div p {width: 8rem;}
	#oneday-sg .mv div h2 {display: block;font-size: 1rem;}
	#oneday-sg .mv div h2 span {display: block;margin: 0 0 1rem;}
	#oneday-sg {padding: 0 2rem;}
	#oneday-sg .content {order: 2;width: 100%;}
	#oneday-sg figure {order: 1;width: 90%;margin: 0 auto 2rem;}
	#oneday-sg figure.house {width: 12rem;margin-bottom: 2rem;}
	#oneday-sg h2 {font-size: 5rem;}
	#oneday-sg h2 span {display: table;margin-left: 0;font-size: 1rem;}
	#oneday-sg h3 {font-size: 2.2rem;}
	#oneday-sg h3 span {margin-top: 1rem;font-size: 1.2rem;}
	#oneday-sg .flexbox {padding: 2.4rem 0;}
	#oneday-sg .flexbox.vertical {padding-top: 2.4rem;}
	#oneday-sg .vertical figure {width: 50%;}
	#oneday-sg .orange,#oneday-sg .green {border-width: 1.5rem;}
	#oneday-sg .green h2,
	#oneday-sg .green h3 {padding-left: 2rem;}
	#oneday-sg .content div {display: block;padding: 0 2rem;}
	#oneday-sg .content div figure {margin: 2rem auto 0;}
	#oneday-sg p.fukip {width: 100%;}
	#oneday-sg p.fukip:before {
		right: 50%;
		bottom: -27px;
		transform: translate(50%,0);
		border-top: 17px solid #000;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	#oneday-sg p.fukip:after {
		right: 50%;
		bottom: -25px;
		transform: translate(50%,0);
		border-top: 17px solid #fff;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
}
/*-------------------------------------------

    One day single page staff interview

-------------------------------------------*/
#oneday-staff {position: relative;margin-bottom: 5rem;}
#oneday-staff figure {position: relative;z-index: 1;width: 26.7rem;margin: 0 auto -4rem;}
#oneday-staff .txtbox {
	position: relative;
	max-width: 71.7rem;
	margin: 0 auto 12.8rem;
	padding: 7rem;
	border: .1rem solid #707070;
	background: #fff;
}
#oneday-staff .txtbox p {margin-bottom: 9rem;font-size: 2.5rem;line-height: 1.4;}
#oneday-staff .txtbox a {
	display: block;
	position: relative;
	max-width: 42.7rem;
	margin: 0 auto;
	padding: 2rem 0;
	border: .1rem solid #ED6500;
	border-radius: 5rem;
	color: #ED6500;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
}
#oneday-staff .txtbox a::after {
	content: "";
	position: absolute;
	right: 2rem;
	bottom: 50%;
	transform: translate(0,50%);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #ED6500;
}
#oneday-staff .txtbox a::before{
	content: "";
    position: absolute;
	right: 3rem;
	bottom: 50%;
	z-index: 1;
	transform: translate(0,50%) rotate(-45deg);
	width: .8rem;
    height: .8rem;
    border-right: .1rem solid #fff;
	border-bottom: .1rem solid #fff;
}
#oneday-staff .btnbox {
	display: flex;
	justify-content: space-between;
	max-width: 66rem;
	margin: 0 auto;
}
#oneday-staff .btnbox a {
	width: 20.6rem;
	height: 20.6rem;
	border-radius: 50%;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	line-height: 1.2;
}
#oneday-staff .btnbox a:nth-of-type(1) {background: #EEC600;}
#oneday-staff .btnbox a:nth-of-type(2) {background: #03AFB4;}
#oneday-staff .btnbox a:nth-of-type(3) {background: #ED6500;}
#oneday-staff .btnbox a img {display: block;width: 4.2rem;margin: 4rem auto 4.7rem;}
@media only screen and ( max-width: 767px) {
	#oneday-staff {padding: 0 2rem;}
	#oneday-staff figure {width: 16.7rem;}
	#oneday-staff .txtbox {margin-bottom: 5rem;padding: 6rem 2rem 2rem;}
	#oneday-staff .txtbox p {margin-bottom: 3rem;font-size: 1.6rem;line-height: 1.8;}
	#oneday-staff .txtbox a {font-size: 1.3rem;line-height: 1.4;}
	#oneday-staff .btnbox a {width: 15.6rem;height: 15.6rem;font-size: 1.6rem;}
	#oneday-staff .btnbox a img {width: 3.2rem;margin: 3rem auto 2.7rem;}
}
@media only screen and ( max-width: 480px) {
	#oneday-staff .btnbox a {width: 11.6rem;height: 11.6rem;font-size: 3.5vw;}
	#oneday-staff .btnbox a img {width: 2rem;margin: 2.5rem auto 2rem;}
}
@media only screen and ( max-width: 320px) {
	#oneday-staff .btnbox a {width: 9.6rem;height: 9.6rem;}
	#oneday-staff .btnbox a img {margin-bottom: 1rem;}
}