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




@media screen and (max-width: 737px) {

	

/* contents-top */

.contents-top {
	width: 100%;
}

.contents-top img {
	width: 100%;
	height: auto;
}

/* link01 */

h6.link01 a {
	min-width: 250px;
}

/* main-img-top */

.main-img-top {
}

.main-img-top img {
	width: 100%;
height: 100vh;
}

.main-img-top .box01 {
	width: 100%;
}

.main-img-top .box02 {
	justify-content: flex-end;
	padding-bottom: 80px;
}
	
.main-img-top .box02 .box-text {
	width: 88%;
	padding-top: 0px;
}

.main-img-top .box02 .box-inner {
	flex-direction: column;
	align-items: flex-start;
	gap:10px;
}

.main-img-top h2 {
	font-size: 40px;
letter-spacing: 0.1em;
	margin-bottom: 10px;
	padding-top: 100px;
}
	
.main-img-top h2::before {
	background-image: url("top/images/text-opensp.svg?1");
	width: 100%;
	height: 85px;
}

.main-img-top h3 {
	font-size: 16px;
	padding: 10px 15px 4px;
}

.main-img-top h4 {
	font-size: 35px;
line-height: 1.3;
	padding: 20px 0px;
	font-weight: 300;
}

.main-img-top h5, .main-img-top h6 {
	font-size: 20px;
}

.main-img-top h6 {
	padding: 5px 15px 6px;
}

	
/* contents07 */

.contents07 {
	margin-top: 0px;
	padding: 60px 0px 80px;
	margin-bottom: 40px;
}

.contents07::before {
	background-size: 150% auto;
}

.contents07 .box-inner {
	width: 100%;
}

.contents07 .item-wrap {
  justify-content: center;
	gap:70px 20px;
}

.contents07 .box {
	width: 300px;
}

.contents07 .box::after {
	height: 16px;
	margin-bottom: -35px;
}

.contents07 .box-img {
top: 40px;
}

.contents07 .box-img img {
border-width : 20px;
}

.contents07 .box-text {
	height: 250px;
	padding-top: 20px;
}
	
.contents07 h2 {
	font-size: 21px;
letter-spacing: 0.05em;
	margin-bottom: 40px;
}

.contents07 h3 {
	font-size: 16px;
	margin-bottom: 280px;
}
	
.contents07 .text-box {
	width: 88%;
    margin-bottom: 40px;
	padding: 50px 25px 40px;
    border-radius: 30px;
}	
	
.contents07 .text-box h4 {
    line-height: 1.2;
}	

/* box-tour */

.box-tour {
	width: 88%;
	padding: 50px 25px 40px;
	border-radius: 30px;
	margin-bottom: 70px;
}

.box-tour .box-day {
  justify-content: center;
	gap:20px;
	padding: 30px 0px 25px;
}

.box-tour .box-open {
	padding: 20px 20px;
}

.box-tour h5:nth-child(1) img {
	height: auto;
	width: 100%;
	max-width: 350px;
}

.box-tour h5:nth-child(2) img {
	height: auto;
	width: 60%;
	max-width: 400px;
}

.contents07 .box-tour h2 {
	font-size: 30px;
letter-spacing: 0.2em;
	margin-bottom: 15px;
}

.contents07 .box-tour h4 {
	font-size: 20px;
	padding: 10px 30px 4px;
}

.contents07 .box-tour h6 {
	font-size: 22px;
	margin-bottom: 30px;
}

.contents07 .box-tour p {
	font-size: 20px;
}

	
	
/* contents01 */

.contents01 {
	margin-top: 0px;
	padding: 60px 0px;
}

.contents01::before {
	background-size: 150% auto;
}

.contents01 .box-inner {
	width: 88%;
	position: relative;
	padding: 0px 0px;
	padding-left: 0%;
	padding-top: 60px;
}

.contents01 .box-inner::after {
	background-image: url("top/images/logo01-sp.svg");
	background-size: 80% auto;
	width: 50%;
	height: 35px;
}

.contents01 .box-inner::before {
	display: none;
}

.contents01 p {
	line-height: 2;
	width: 100%;
}

/* contents02 */

.contents02 {
	padding: 50px 0px;
	flex-direction: column;
	gap:40px;
	
}

.contents02 .box-img {
	width: 100%;
}

.contents02 .box-img img {
	border-radius: 0px;
	max-height: 350px;
	object-position: top;
}

.contents02 .box-text {
	width: 88%;
}

.contents02 .midashi02 {
	padding-left: 0%;
}

.contents02 .box-box {
	padding: 30px 25px;
	border-radius: 25px;
}

.contents02 ul li {
	font-size: 18px;
font-weight: 300;
}

.contents02 ul li:not(:last-child) {
	margin-bottom: 15px;
}



/* contents03 */

.contents03 {
	padding-top: 60px;
	margin-bottom: 50px;
}

.contents03 .box-inner {
	width: 88%;
	gap:50px 4%;
}

.contents03 .box {
	width: 48%;
}
	
@media screen and (max-width: 600px) {
	.contents03 .box {
	width: 300px;
}
}

.contents03 h4 {
	font-size: 30px;
	padding-top: 50px;
}

.contents03 h4::before {
	font-size: 45px;
}

.contents03 h5 {
	font-size:20px;
	letter-spacing: 0.1em;
}


/* contents04 */

.contents04 {
background-size: 150% auto;
	padding: 60px 0px 50px;
}

.contents04 .lay01 {
	width: 88%;
	background-image: none;
	padding-bottom: 0px;
	margin-bottom: 50px;
}

.contents04 .lay01 p {
	display: block;
	text-align: left;
}

.contents04 .lay01 p::before,
.contents04 .lay01 p::after {
    display: none;
}

.contents04 .lay02 .box {
	display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
	flex-direction: column;
	gap:40px;
}

.contents04 .lay02 .box:not(:last-child) {
	margin-bottom: 50px;
}

.contents04 .lay02 .box-img {
	width: 100%;
}

.contents04 .lay02 .box-img img {
	max-height: 350px;
}

.contents04 .lay02 .box:nth-child(odd) .box-img img {
	border-radius: 0px;
}

.contents04 .lay02 .box:nth-child(even) .box-img img {
	border-radius: 0px;
}

.contents04 .lay02 .box-text {
	width: 88%;
}

.contents04 .lay02 .box-box {
	padding: 30px 30px;
}

.contents04 .lay02 .box:nth-child(odd) .box-box {
	border-radius: 25px;
}

.contents04 .lay02 .box:nth-child(even) .box-box {
	border-radius: 25px;
}

.contents04 .lay02 .box:nth-child(even) .midashi02 {
	padding-left: 0%;
}


/* contents05 */

.contents05 {
	padding: 60px 0px;
}

.contents05 .lay01 {
  justify-content: center;
	gap:40px;
	margin-bottom: 50px;
}

.contents05 .lay01 .box-img {
	width: 100%;
	text-align: left;
}

.contents05 .lay01 .box-img img {
	width: 90%;
}

.contents05 .lay01 .box-text {
	width: 88%;
}

.contents05 .lay01 .box-box {
border-width : 8px;
	padding: 10px 0px;
	padding-left: 25px;
}

.contents05 .lay02 {
	width: 88%;
	border-radius: 25px;
  justify-content: center;
	padding: 10px 30px;
	margin-bottom: 50px;
}

.contents05 .lay02 .box {
	width: 100%;
	padding: 30px 5px;
}

.contents05 .lay02 .box:last-child {
	padding-left: 5px;
	border-top-style : solid;
	border-left-style : none;
}

.contents05 .lay03 {
	gap:20px 0px;
}

.contents05 .lay03 img {
	height: 75px;
}

.contents05 .lay01 h2 {
	font-size: 20px;
	padding-top: 110px;
	margin-bottom: 40px;
}

.contents05 .lay01 h2::before {
	width: 100%;
	height: 90px;
}

.contents05 .lay01 h3 {
	font-size: 28px;
}

.contents05 .lay01 h6, .contents05 .lay02 h6 {
	font-size: 25px;
}


.contents05 ul li {
	line-height: 1.4;
letter-spacing: 0.05em;
}


/* contents06 */

.contents06 {
	flex-direction: column;
}

.contents06 .lay01 {
	width: 100%;
	padding: 50px 0px;
}

.contents06 .lay02 {
	width: 100%;
}

.contents06 h2 {
	font-size: 50px;
	letter-spacing: 0.05em;
}

.contents06 h3 {
	font-size: 15px;
	padding: 5px 0px 30px;
}
	
	
/* contents08 */

.contents08 {
	padding: 60px 0px 60px;
}

.contents08 .midashi01 {
	margin-bottom: 25px;
}

.news-box {
	width: 88%;
	border-radius: 25px;
	padding: 10px 25px;
}
	
.phone.top {
		width: 100%;
	}	
	
.phone.top p {
		width:100%;
	}	

/* layout02 */

.target {
	width: 88%;
	margin: 0 auto;
}
	
.target .lay02 {
	width: 98%;
}
	
	
.target .lay02 ul li {
	text-indent: -14px;
	margin-left: 14px;
}

.target .lay02 ul li {
	font-size: 15px;
	text-indent: 0px;
	margin-left: 0px;
}

.target .lay02 ul li::before {
top: 3px;
}

	

    .pc-view {
        display: none;
    }
    .sp-view {
        display: inline-block;
    }
   
}