@charset "utf-8";

/* common */
.pc { display: none !important; }
.pc_menu { display: none; }
.sp { display: block !important; }
.pcbr { display: none; }
.spbr { display: inline; }
.pcimg { display: none !important; }
.spimg { display: inline-block !important; }

/* header */
#wrap {
	padding-bottom: 0;
}



/* main */
#main .mainvisual {
	/* padding-bottom: 60px; */
}

/* content1 */
#main #content1 {
	padding-bottom: 0;
}
#main #content1 h2 {
	font-size: 6vw;
	top: -13px;
}
#main #content1 .arrow1 {
	padding-top: 30px;
}
#main #content1 .arrow1 img {
	width: 90%;
}
#main #content1 ul {
	flex-wrap: wrap;
	width: 95%;
}
#main #content1 ul li {
	width: 48%;
	margin-bottom: 20px;
}
#main #content1 ul li img {
	width: 100%;
}
#main #content1 ul li .text {
	font-size: 5vw;
}
#main #arrow2 {
	padding-bottom: 90px;
}
#main #arrow2 img {
	width: 65%;
}

/* content2 */
#main #content2 {
	padding-bottom: 110px;
}
#main #content2 h2 {
	font-size: 5.75vw;
	line-height: 10vw;
	top: -60px;
}
#main #content2 .large {
	font-size: 11.25vw;
}
#main #content2 .middle {
	font-size: 7.5vw;
}
#main #content2 ul li:last-child {
	margin-bottom: 0;
}
#main #content2 ul li .image {
	width: 93.75%;
	margin: auto;
}
#main #content2 ul li .left,
#main #content2 ul li .right {
	float: none;
}
#main #content2 ul li .box {
	width: 90.625%;
	margin: -30px auto 0;
	padding: 1.5em;
	position: relative;
}
#main #content2 ul li .box h3 {
	position: absolute;
	top: -10px;
	left: 1.5em;
}
#main #content2 ul li .box h3 img {
	width: 70%;
}
#main #content2 ul li .box h4 {
	font-size: 5vw;
}
#main #content2 ul li .box p {
	font-size: 3.5vw;
}
#main #content2 .headline {
	font-size: 6vw;
}
#main #content2-2 {
	padding-bottom: 150px;
}

/* content3 */
#main #content3 {
	
}
#main #content3 h2 {
	margin-bottom: 80px;
	font-size: 8vw;
}
#main #content3 h2 span {
	font-size: 10vw;
}
#main #content3 .box h3 {
	width: 93.75%;
	margin: auto;
	top: -20px;
}
#main #content3 .box h3 img {
	width: 90%;
}
#main #content3 .box .inner .left {
	width: 51.56%;
	margin: auto;
	float: none;
}
#main #content3 .box .inner .right {
	width: 93.75%;
	margin: auto;
	float: none;
}
#main #content3 .box .inner .arrow {
	text-align: center;
}
#main #content3 .box .inner .beforeimage img {
	width: 100%;
	margin-right: 0;
}
#main #content3 .box .inner .details {
	width: 93.75%;
	margin: auto;
	padding-bottom: 35px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#main #content3 .box .inner .details .detail {
	margin-bottom: 20px;
	font-size: 6vw;
	line-height: 1.2;
}
#main #content3 .box .inner .details .detail span {
	font-size: 4vw;
}
#main #content3 .box .inner .details .coodinater {
	display: inline-block !important;
	width: 20%;
}
#main #content3 .box .inner .details .coodinater img {
	width: 100%;
}
#main #content3 .box .inner .details .text {
	display: inline-block !important;
	color: #878787;
	transform: skew(-10deg, 0);
	padding-left: 0.5em;
}

/* content4 */
#main #content4 {
	padding-top: 60px;
}
#main #content4 h2 {
	margin-bottom: 30px;
	font-size: 8vw;
}
#main #content4 h2 span {
	font-size: 15vw;
}
#main #content4 table {
	width: 93.75%;
	margin: auto;
	table-layout: auto;
}
#main #content4 table th {
	padding: 1.0em 0;
	font-size: 3.75vw;
	width: auto;
}
#main #content4 table td {
	padding: 0.5em 0;
	font-size: 3.75vw;
}
#main #content4 table caption {
	font-size: 3.75vw;
	text-align: center;
}
#main #content4 .inner {
	padding-bottom: 0;
}

/* content5 */
#main #content5 {
	margin-bottom: 100px;
	padding: 45px 0;
}
#main #content5 h2 {
	margin-bottom: 30px;
	font-size: 8vw;
}
#main #content5 h2 span {
	font-size: 15vw;
}

/* content6 */
#main #content6 {
	padding-bottom: 0;
}
#main #content6 h2 {
	margin-bottom: 30px;
	font-size: 8vw;
	top: -35px;
}
#main #content6 h2 span {
	font-size: 15vw;
}
#main #content6 .left {
	width: 93.75%;
	margin: 0 auto 70px;
	float: none;
	font-size: 5.25vw;
}
#main #content6 .right {
	width: 93.75%;
	margin: auto;
	float: none;
}
#main #content6 .right img {
	width: 100%;
}

#main #bottom_area_sp {
	display: block;
}
.foot_banner {
	margin-bottom: 0px;
}

/* footer */