@charset "UTF-8";

.contentpage .m_img {background-image: url("../images/jyoi/m_img@2x.jpg");}



/*box1
---------------------------------------------------------*/
.box1 .fukidashi_list {
	font-size: 140%;
	font-size: min(140%,2.4vw);
	letter-spacing: .04em;
	line-height: 1.6em;
	display: flex;
    justify-content: center;
	text-align: center;
}
.box1 .fukidashi_list li {
	padding-left: 1.6em;
	padding-bottom: 1.8em;
	background: url("../images/jyoi/fukidashi@2x.png") no-repeat left top;
	background-size: contain;
}
.box1 .fukidashi_list li:nth-child(2) {
	margin: 0 6%;
}

.box1 .img_box {
	width: 100%;
	max-width: 744px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}
.box1 .img_box .abs li {
	width: 16.5%;
	max-width: 120px;
	position: absolute;
	z-index: -1;
	top: 50%;
	transform: translateY(-50%);
}
.box1 .img_box .abs li:nth-child(1) {
	left: 0;
}
.box1 .img_box .abs li:nth-child(2) {
	right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .fukidashi_list {
	font-size: 2.6vw;
}
.box1 .fukidashi_list li:nth-child(2) {
	margin: 0 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .fukidashi_list {
	font-size: 100%;
	letter-spacing: .02em;
    justify-content: space-between;
	margin-top: 1.5em;
}
.box1 .fukidashi_list li:nth-child(2) {
	margin: 0;
}

.box1 .img_box {
	max-width: 100%;
}
.box1 .img_box .abs {
	width: 45%;
	margin: 4% auto 0;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.box1 .img_box .abs li {
	width: 50%;
	position: static;
	transform: none;
}
}



/*box2
---------------------------------------------------------*/
.box2 {
	width: calc(100% - 60px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background: #ffe6e6;
	padding: 120px 0 130px;
	position: relative;
}
.box2 .w600 {
	position: relative;
	z-index: 2;
	width: 50vw;
}
.box2 .title_box {
	text-align: center;
	margin-bottom: 50px;
}
.box2 .title_box .ft_commons {
	font-size: 265%;
	letter-spacing: .08em;
	line-height: 1.2em;
	margin-bottom: .2em;
}
.box2 .com_bg_slide {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box2 {
	width: calc(100% - 5.0vw);
	padding: 10% 0 10%;
}
.box2 .title_box {
	margin-bottom: 6%;
}
.box2 .w600 {
	width: 45vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box2 {
	width: 100%;
	border-radius: 0;
	padding: 12% 0 0;
}
.box2::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 10vw;
	background: #fff;
	left: 0;
	bottom: 0;
}
.box2 .w600 {
	width: 86vw;
}
.box2 .title_box {
	margin-bottom: 5%;
}
.box2 .title_box .ft_commons {
	font-size: 200%;
	margin-bottom: .2em;
}
.box2 .com_bg_slide {
	left: auto;
	top: auto;
	transform: none;
	margin-top: 12%;
	z-index: 1;
}
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}