@charset "UTF-8";

@media screen and (max-width: 768px){ #container_yp{ padding-bottom: 0; } }
.fadein_yp{
	filter:alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
    -webkit-transform: translate(0, 80px);
	transform: translate(0, 80px);
    -webkit-transition: all 800ms;
	transition: all 800ms;
}
.fadein_yp.scrollin_yp{
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* #pageTitle_yp
---------------------------------------------------------------------------------------------------------*/
#pageTitle_yp{ padding: 30px 50px; }
#pageTitle_yp .wrapC_yp #main_yp{
	position: relative;
	left: 50%;
	width: 3460px;
	margin-left: -1730px;
}
#pageTitle_yp .wrapC_yp .bx-wrapper{
	position: relative;
	margin: 0 auto;
}

/* ↓2020/1/8 修正 */
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-controls_yp{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	max-width: 1100px;
	margin: auto;
	z-index: 0;
}
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-prev_yp,
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-next_yp{
	background-image: url(../img/home/slide_control.png);
	background-repeat: no-repeat;
}
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-prev_yp{
	left: 0;
	background-position: 0 0;
}
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-next_yp{
	right: 0;
	background-position: -48px 0;
}
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-controls-direction_yp a{
	position: absolute;
	top: 45%;
	outline: 0;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	z-index: 10;
}
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-pager_yp,
#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-controls-direction_yp a.disabled_yp{ display: none; }
@media screen and (max-width: 1239px){ #pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-controls_yp{ max-width: 980px; } }
@media screen and (max-width: 999px){
	#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-controls_yp{ max-width: 920px; }
	#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-prev_yp,
	#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-next_yp{
		-moz-background-size: cover;
		background-size: cover;
	}
	#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-next_yp{ background-position: -35px 0; }
	#pageTitle_yp .wrapC_yp #main_yp .bx-wrapper_yp .bx-controls-direction_yp a{
		width: 35px;
		height: 35px;
	}
}
/* ↑2020/1/8 修正 */

@media screen and (max-width: 950px){
	#pageTitle_yp .wrapC_yp #main_yp{
		width: 2800px;
		margin-left: -1400px;
	}
}
@media screen and (max-width: 768px){
	#pageTitle_yp .wrapC_yp #main_yp{
		left: inherit;
		width: 100%;
		margin-left: inherit;
	}
	#pageTitle_yp .wrapC_yp #main_yp img{ width: 100%; }
}

/* #message_yp
---------------------------------------------------------------------------------------------------------*/
#message_yp.contents_yp{
	text-align: center;
	margin-top: 30px;
}
#message_yp p{
	display: inline-block;
	text-align: left;
	font-size: 1.1em;
	line-height: 3em;
	letter-spacing: 0.2em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#message_yp p strong{ font-size: 1.1em; }
@media screen and (max-width: 768px){
	#message_yp.contents_yp{ margin-top: 0; }
	#message_yp p{
		text-align: center;
		line-height: 2em;
		letter-spacing: 0.1em;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}
}

/* #concept_yp
---------------------------------------------------------------------------------------------------------*/
#concept_yp.contents_yp{
	width: 100%;
	max-width: 1660px;
	background: url(../img/home/concept_bk.gif) no-repeat right top;
	padding: 60px 2% 0 0;
	margin: 60px auto 80px;
}
#concept_yp h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px;
}
#concept_yp h2 span{
	display: block;
	background: url(../img/common/icon_line.gif) no-repeat center bottom;
	font-family: 'Marcellus', serif;
	font-size: 2.4em;
	letter-spacing: 0.1em;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#concept_yp .movie_yp{
	float: left;
	width: calc(100% - 500px);
	position: relative;
}
#concept_yp .movie_yp video{
	width: 100%;
	height: auto;
}
#concept_yp .text_yp{
	float: right;
	width: 500px;
	text-align: right;
	padding-top: 50px;
}
#concept_yp .text_yp p{
	display: inline-block;
	text-align: left;
	line-height: 2.5em;
	letter-spacing: 0.2em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#concept_yp .text_yp .btn_yp{
	width: 52px;
	height: 203px;
	display: block;
	text-align: right;
	font-size: 0.9em;
	margin-top: 250px;
}
#concept_yp .text_yp .btn_yp a{
	display: block;
	background: url(../img/common/btn_bk_y.png) no-repeat center bottom;
	background-size: contain;
	padding: 5px 5px 40px;
	margin: auto;
}
@media screen and (max-width: 979px){
	#concept_yp.contents_yp{
		background: #F6FAFA url(../img/common/bk_white.gif) repeat-y right top;
		padding: 40px 0 0;
		margin: 60px auto 80px;
	}
	#concept_yp .movie_yp{
		float: none;
		width: 100%;
	}
	#concept_yp .text_yp{
		float: none;
		width: 100%;
		text-align: center;
	}
	#concept_yp .text_yp p{
		text-align: center;
		padding-bottom: 30px;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}
	#concept_yp .text_yp .btn_yp{
		width: 277px;
		height: 52px;
		text-align: center;
		font-size: 1em;
		margin-top: 0;
	}
	#concept_yp .text_yp .btn_yp a{
		background: url(../img/common/btn_bk_x.png) no-repeat center center;
		background-size: contain;
		padding: 10px 5px;
	}
}
@media screen and (max-width: 768px){
	#concept_yp.contents_yp{
		padding: 30px 0 0;
		margin: 20px auto 40px;
	}
	#concept_yp h2{ margin-bottom: 20px; }
	#concept_yp h2 span{ font-size: 2em; }
	#concept_yp .text_yp{ padding-top: 30px; }
	#concept_yp .text_yp p{
		line-height: 2em;
		letter-spacing: 0.1em;
	}
}

/* #style_yp
---------------------------------------------------------------------------------------------------------*/
#style_yp .box_yp{
	float: left;
	width: 48%;
	padding-bottom: 70px;
}
#style_yp .box_yp:nth-child(even){ float: right; }
#style_yp .box_yp h3{
	width: 180px;
	background: url(../img/common/icon_stripe.png) no-repeat 74% top;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
	margin: 0 auto 20px;
}
#style_yp .box_yp h3 span{
	display: inline-block;
	padding-right: 15px;
}
#style_yp .box_yp h3 em{
	display: block;
	font-size: 17px;
	letter-spacing: 0.1em;
}
#style_yp .box_yp h3 strong{
	font-family: 'Crimson Text', serif;
	display: inline-block;
	font-size: 28px;
	font-weight: normal;
}
#style_yp .box_yp img{
	display: block;
	margin: auto;
}
#style_yp .box_yp h4{
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
	padding: 1em;
}
#style_yp .box_yp p{
	font-size: 0.95em;
	padding: 0 1em;
}
#style_yp .box_yp .btn_yp a{
	font-family: 'Crimson Text', serif;
	display: block;
	width: 202px;
	background: url(../img/common/btn_bk.png) no-repeat center center;
	background-size: contain;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 8px 10px 12px;
	margin: 40px auto 1em;
}
#style_yp .box_yp .btn_yp a span{
	background: url(../img/common/icon_arrow_yellow.png) no-repeat left center;
	padding-left: 40px;
}
@media screen and (max-width: 600px){
	#style_yp .box_yp{
		float: none;
		width: 100%;
		border-bottom: solid thin #DDD;
		padding-bottom: 20px;
		margin-bottom: 40px;
	}
	#style_yp .box_yp:nth-child(even){ float: none; }
	#style_yp .box_yp:last-child{
		border-bottom: none;
		padding-bottom: 0;
	}
	#style_yp .box_yp h3 em{ font-size: 16px; }
	#style_yp .box_yp h3 strong{ font-size: 24px; }
	#style_yp .box_yp h4{
		line-height: 1.6em;
		padding: 1em 0.5em;
	}
	#style_yp .box_yp .text_yp{ display: none; }
	#style_yp .box_yp .btn_yp a{ margin: 1em auto; }
}

/* #review_yp
---------------------------------------------------------------------------------------------------------*/
#review_yp{
	width: 100%;
	max-width: 1660px;
	background-image: url(../img/home/review_bk_pc.jpg), url(../img/home/review_bk.gif);
	background-repeat: no-repeat;
	background-position: right top, left bottom;
	padding-top: 160px;
	margin: 50px auto 120px;
}
#review_yp .contents_yp{
	padding: 20px 0;
	max-width: 1140px;
}
#review_yp h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 60px;
}
#review_yp h2 span{
	display: block;
	background: url(../img/common/icon_line.gif) no-repeat center bottom;
	font-family: 'Marcellus', serif;
	font-size: 2.4em;
	letter-spacing: 0.1em;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#review_yp .slide_yp{
	background-color: #FFF;
	padding: 30px;
}
#review_yp .slide_yp h4{
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.6em;
	padding-left: 60px;
	margin-bottom: 1em;
}
/*#review_yp .slide_yp h4.suit_yp{ background: url(../review/img/icon_suit.png) no-repeat left center; }
#review_yp .slide_yp h4.down_yp{ background: url(../review/img/icon_down.png) no-repeat left center; }*/
#review_yp .slide_yp h4.suit_yp{ background: url(/review/img/icon_suit.png) no-repeat left center; }
#review_yp .slide_yp h4.down_yp{ background: url(/review/img/icon_down.png) no-repeat left center; }
#review_yp .slide_yp h4.icon1_yp{ background: url(/review/img/icon/1.png) no-repeat left center; }
#review_yp .slide_yp h4.icon2_yp{ background: url(/review/img/icon/2.png) no-repeat left center; }
#review_yp .slide_yp h4.icon3_yp{ background: url(/review/img/icon/3.png) no-repeat left center; }
#review_yp .slide_yp h4.icon4_yp{ background: url(/review/img/icon/4.png) no-repeat left center; }
#review_yp .slide_yp h4.icon5_yp{ background: url(/review/img/icon/5.png) no-repeat left center; }
#review_yp .slide_yp h4.icon6_yp{ background: url(/review/img/icon/6.png) no-repeat left center; }
#review_yp .slide_yp h4.icon7_yp{ background: url(/review/img/icon/7.png) no-repeat left center; }
#review_yp .slide_yp h4.icon8_yp{ background: url(/review/img/icon/8.png) no-repeat left center; }
#review_yp .slide_yp h4.icon9_yp{ background: url(/review/img/icon/9.png) no-repeat left center; }
#review_yp .slide_yp h4.icon10_yp{ background: url(/review/img/icon/10.png) no-repeat left center; }
#review_yp .slide_yp h4.icon11_yp{ background: url(/review/img/icon/11.png) no-repeat left center; }
#review_yp .slide_yp h4.icon12_yp{ background: url(/review/img/icon/12.png) no-repeat left center; }
#review_yp .slide_yp h4 span{
	display: block;
	font-size: 0.9em;
}
#review_yp .slide_yp p{ font-size: 0.95em; }
#review_yp .bx-controls_yp{ display: none; }
#review_yp .btn_yp a{
	font-family: 'Crimson Text', serif;
	display: block;
	width: 202px;
	background: #FFF url(../img/common/btn_bk.png) no-repeat center center;
	background-size: 100% 100%;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 8px 0 12px;
	margin: 40px auto 1em;
}
#review_yp .btn_yp a span{
	background: url(../img/common/icon_arrow_yellow.png) no-repeat left center;
	padding-left: 40px;
}
@media screen and (max-width: 1280px){ #review_yp{ background-position: left top, left bottom; } }
@media screen and (max-width: 1140px){
	#review_yp .contents_yp{ padding: 10px 30px; }
	#review_yp .bx-controls_yp{ display: block; }
	#review_yp .bx-wrapper_yp{
		position: relative;
		padding: 0;
		*zoom: 1;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
	}
	#review_yp .bx-viewport_yp{ -webkit-transform: translatez(0); }
	#review_yp .bx-wrapper_yp .bx-prev_yp{
		left: -25px;
		background: url(../img/common/icon_control.png) no-repeat left top;
	}
	#review_yp .bx-wrapper_yp .bx-next_yp{
		right: -25px;
		background: url(../img/common/icon_control.png) no-repeat -19px top;
	}
	#review_yp .bx-wrapper_yp .bx-controls-direction_yp a{
		position: absolute;
		top: 50%;
		outline: 0;
		width: 19px;
		height: 32px;
		text-indent: -9999px;
		z-index: 0;
	}
	#review_yp .bx-wrapper_yp .bx-controls-direction_yp a.disabled{ display: none; }
}
@media screen and (max-width: 768px){
	#review_yp{
		background: #F6FAFA url(../img/home/review_bk_sp.jpg) no-repeat left top;
		padding-top: 140px;
		margin: 0 auto 40px;
	}
	#review_yp h2{ text-shadow: 1px 1px 10px #FFF, -1px 1px 10px #FFF, 1px -1px 10px #FFF, -1px -1px 10px #FFF, 1px 1px 0px #FFF; }
	#review_yp h2 span{ font-size: 2em; }
	#review_yp .slide_yp{ padding: 20px; }
	#review_yp .slide_yp h4{ padding-left: 50px; }
	#review_yp .slide_yp h4 span{ font-size: 0.8em; }
	#review_yp .btn_yp a{ margin: 25px auto 1em; }
}

/* #works_yp
---------------------------------------------------------------------------------------------------------*/
#works_yp h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 60px;
}
#works_yp h2 span{
	display: block;
	background: url(../img/common/icon_line.gif) no-repeat center bottom;
	font-family: 'Marcellus', serif;
	font-size: 2.4em;
	letter-spacing: 0.1em;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#works_yp .box_yp{
	float: left;
	width: 31.33%;
	margin-right: 2%;
}
#works_yp .box_yp .photo_yp{
	float: left;
	width: 45%;
}
#works_yp .box_yp .text_yp{
	float: right;
	width: 53%;
}
#works_yp .box_yp .text_yp h3{
	font-weight: normal;
	margin-bottom: 1em;
}
#works_yp .box_yp .text_yp h3 span{
	display: block;
	color: #777;
	margin-bottom: 10px;
}
#works_yp .box_yp .text_yp h3 a{
	font-size: 1.1em;
	color: #333;
}
#works_yp .box_yp .text_yp .date_yp{ color: #878787; }
#works_yp .btn_yp a{
	font-family: 'Crimson Text', serif;
	display: block;
	width: 202px;
	background: url(../img/common/btn_bk.png) no-repeat center center;
	background-size: contain;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 8px 10px 12px;
	margin: 60px auto 1em;
}
#works_yp .btn_yp a span{
	background: url(../img/common/icon_arrow_yellow.png) no-repeat left center;
	padding-left: 40px;
}
@media screen and (max-width: 768px){
	#works_yp h2{ margin-bottom: 40px; }
	#works_yp h2 span{ font-size: 2em; }
	#works_yp .box_yp{
		float: none;
		width: 100%;
		border-bottom: solid thin #DDD;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#works_yp .box_yp .photo_yp{
		width: 100%;
		max-width: 160px;
	}
	#works_yp .box_yp .text_yp{
		float: none;
		width: auto;
		margin-left: 180px;
	}
	#works_yp .btn_yp a{ margin: 30px auto 1em; }
}
@media screen and (max-width: 400px){
	#works_yp .box_yp .photo_yp{ max-width: 130px; }
	#works_yp .box_yp .text_yp{ margin-left: 140px; }
}

/* #flow_yp
---------------------------------------------------------------------------------------------------------*/
#flow_yp h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 60px;
}
#flow_yp h2 span{
	display: block;
	background: url(../img/common/icon_line.gif) no-repeat center bottom;
	font-family: 'Marcellus', serif;
	font-size: 2.4em;
	letter-spacing: 0.1em;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#flow_yp .step_yp{
	float: left;
	width: 18%;
	margin: 1%;
}
#flow_yp .step_yp h3{
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#flow_yp .step_yp p{
	font-family : YuGothic, '游ゴシック', sans-serif, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 0.95em;
}
@media screen and (max-width: 768px){
	#flow_yp h2{ margin-bottom: 30px; }
	#flow_yp h2 span{ font-size: 2em; }
	#flow_yp .step_yp{
		float: none;
		width: 100%;
		border-bottom: solid thin #DDD;
		padding-bottom: 20px;
		margin: 0 0 20px;
	}
	#flow_yp .step_yp img{
		float: left;
		max-width: 150px;
		height: auto;
	}
	#flow_yp .step_yp .text_yp{ margin-left: 170px; }
	#flow_yp .step_yp h3{
		text-align: left;
		padding-top: 0;
	}
	#flow_yp .step_yp h3 br{ display: none; }
	#flow_yp .step_yp:last-child{
		border-bottom: none;
		padding-bottom: 0;
		margin: 0;
	}
}
@media screen and (max-width: 400px){
	#flow_yp .step_yp img{ max-width: 120px; }
	#flow_yp .step_yp .text_yp{ margin-left: 130px; }
}

/* #news_yp
---------------------------------------------------------------------------------------------------------*/
#news_yp{
	width: 100%;
	max-width: 1660px;
	background: url(../img/common/bk_gray.gif) no-repeat left top;
	padding: 50px 0 40px;
	margin: 40px auto 0;
}
#news_yp .wrapL_yp{
	float: left;
	width: 18em;
}
#news_yp h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 20px;
}
#news_yp h2 span{
	display: block;
	background: url(../img/common/icon_line.gif) no-repeat center bottom;
	font-family: 'Marcellus', serif;
	font-size: 1.7em;
	letter-spacing: 0.1em;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#news_yp .btn_yp a{
	font-family: 'Crimson Text', serif;
	display: block;
	width: 202px;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 8px 0 12px;
	margin: auto;
}
#news_yp .btn_yp a span{
	background: url(../img/common/icon_arrow_yellow.png) no-repeat left center;
	padding-left: 40px;
}
#news_yp .wrapR_yp{ margin-left: 20em; }
#news_yp .wrapR_yp li{
	border-bottom: solid thin #DDD;
	padding: 0 0.5em 15px;
	margin-bottom: 15px;
}
#news_yp .wrapR_yp li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#news_yp .wrapR_yp li p{ display: inline-block; }
#news_yp .wrapR_yp li .date_yp{
	width: 6em;
	font-family: 'Crimson Text', serif;
	color: #AAA;
}
#news_yp .sp_yp{ display: none; }
@media screen and (max-width: 768px){
	#news_yp{
		background: url(../img/common/bk_gray.gif) repeat left top;
		padding: 30px 0;
	}
	#news_yp .wrapL_yp{
		float: none;
		width: 100%;
	}
	#news_yp .pc_yp{ display: none; }
	#news_yp h2 span{ font-size: 2em; }
	#news_yp .wrapR_yp{ margin-left: 0; }
	#news_yp .wrapR_yp li p{ display: block; }
	#news_yp .sp_yp{ display: block; }
	#news_yp .btn_yp a{
		background: #FFF url(../img/common/btn_bk.png) no-repeat center center;
		background-size: 100% 100%;
		margin: 30px auto 0;
	}
}