@charset "utf-8";

#mainvisual{
	width: 100%;
	position: relative;
}
.pagelogo{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 38%;
	max-width: 305px;
}
#mainvisual .slick-slide{
	margin: 0;
}

.btnul{
	text-align: center;
}
.btnul li{
	display: inline-block;
	width: 28%;
	margin: 0 1.5%;
	max-width: 200px;
	border-radius: 10px;
	border: 1px solid #db7b2e;
	background: #fff;
	vertical-align: middle;
}
.btnul li a{
	color: #db7b2e;
	font-size: 16px;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  width: 100%;
  line-height: 1.3;
  box-sizing: border-box;
  display: block;
}
.linkarea{
	padding: 0 0 120px 0;
	margin-top: -10px;
}
.nowpage{
	background: #db7b2e!important;
}
.nowpage a{
	color: #fff!important;
	cursor: default;
}
.nowpage a:hover{
	opacity: 1;
}
.s11_slider_cover{
	position: absolute;
	right: 0;
	top: 0;
	width: 72%;
}
.slick-slide{
	margin: 0;
}
@media only screen and (max-width: 640px) {
	.btnul li a {
	    font-size: 16px;
	}
}
@media only screen and (max-width: 480px) {
	.linkarea {
	    padding: 40px 0 10px;
	}
	.btnul li {
	    display: block;
	    width: 100%;
	    margin: 0 auto 15px;
	    max-width: 250px;
	}
	.btnul {
	    margin-bottom: 70px;
	}
}
.lead{
	text-align: center;
    padding: 60px 0;
    width: 100%;
	max-width: 660px;
    font-size: 14px;
	margin: 0 auto;
}
.pagetitle{
	margin-bottom: 35px;
}
.backgroundtexture{
	background: url(../img/p3/background.gif);
}

.blockpadding{
	padding-top: 30px;
}


/*タイトル関連*/
.spottitle{
	display: flex;
  flex-direction: row;
}
.spoticon{
	width: 120px;
}
.spottextarea{
	width: calc(100% - 120px);
	display: flex;
  flex-direction: column;
}
.spottext{
	margin-top: auto;
	margin-bottom: 10px;
	font-size: 20px;
	padding: 15px;
	border-top: 5px #e5805b dotted;
	border-bottom: 5px #e5805b dotted;
}
.spottext_s{
	font-size: 16px;
	padding-right: 15px;
}
.contentsarea{
	margin: 30px 0 60px 0;
}
.leftborder{
	border-left: #ef845d 5px solid;
	font-size: 25px;
	padding-left: 15px;
}
.catch_s{
	font-size: 16px;
	font-weight: bold;
}
.catch_l{
	float: left;
	font-weight: bold;
}
.catch_r{
	float: right;
}

.left {
  float: left;
}
.right{
	float: right;
}

.specarea {
    padding: 20px;
    width: 100%;
    background: #eee;
}
.spectitle {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.specarea table th div {
    width: 90px;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    display: block;
    text-align: center;
    background: #db7b2e;
    padding: 2px 5px;
    font-size: 12px;
}
.specarea table th {
    width: 70px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
.specarea table td {
    width: calc(100% - 70px);
    box-sizing: border-box;
    padding: 0 15px 5px;
}
.specarea .map iframe {
  width: 100%;
  max-width: 300px;
  border: 1px solid #aaa;
  box-sizing: border-box;
}

.relative {
  position: relative;
}
.whitecom {
  position: absolute;
}
.whitecom p {
  font-size: 11px;
  line-height: 18px;
  background: linear-gradient(transparent 0px, #fff 0%);
  display: inline;
  padding: 6px;
}


.spec {
  width: 100%;
  padding: 20px;
  background: #efefef;
}
.spectitle {
  color: #413d3c;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.specmap {
  float: left;
  width: 49%;
}
.specimg {
  width: 49%;
  float: right;
}
.specmap iframe {
    width: 100%;
    border: 1px solid #aaa;
    box-sizing: border-box;
}
.spec table th span {
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
    width: 80px;
    height: 20px;
    line-height: 20px;
    background: #db7b2e;
    margin-bottom: 3px;
}
.spec table td {
    line-height: 20px;
    padding-left: 10px;
}

table td{
	word-break: break-all;
}

@media only screen and (max-width: 768px) {
	.spottext{
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 640px) {
	.spoticon{
		width: 80px;
	}
	.spottextarea{
		width: calc(100% - 80px);
	}
	.spottext{
		font-size: 17px;
	}
	.spottext_s{
		font-size: 14px;
	}
}

@media only screen and (max-width: 480px) {
	.specimg{
		width: 100%;
	}
}



/*section1*/
#section1_1 .catch_l{
	width:370px;
}
#section1_1 .catch_r{
	width: calc(100% - 410px);
}
#section1_1 .left{
	width:53%;
}
#section1_1 .right{
	width:43%;
}
.s1 .whitecom {
    bottom: 10px;
    right: 10px;
}
.s2{
	margin-top: 40px;
	text-align: right;
}
.s2 img,.s3 img{
	width: 57%;
}
.s2 .whitecom {
	top:10px;
	right:50%;
}
.s3{
	margin-top: -70px;
}
.s3 .whitecom {
    bottom: 10px;
		padding-left: 50%;
}
@media only screen and (max-width: 768px) {
	#section1_1 .catch_l,#section1_1 .catch_r{
		width:100%;
	}
	#section1_1 .catch_r{
		padding-top: 15px;
	}
	#section1_1 .left,#section1_1 .right{
		width:100%;
	}
	#section1_1 .right{
		margin-top: 30px;
	}
}
@media only screen and (max-width: 640px) {
	.s3 .whitecom {
			padding-left: 35%;
	}
}


/*section1_2*/
#section1_2 .catch_l{
	width:320px;
}
#section1_2 .catch_r{
	width: calc(100% - 360px);
}
#section1_2 .left{
	width:40%;
}
#section1_2 .right{
	width:54%;
}
.s4{
	text-align: right;
}
.s4 img {
	width: 80%;
}
.s5{
	margin: 20px 0;
}
.s5 img{
	width: 70%;
}
.s5 .whitecom {
  bottom: 20px;
	padding-left: 60%;
}
.s6 img{
	width: 80%;
}
.s6 .whitecom {
  bottom: 10px;
	left: 10px;
}
@media only screen and (max-width: 768px) {
	#section1_2 .catch_l,#section1_2 .catch_r{
		width:100%;
	}
	#section1_2 .catch_r{
		padding-top: 15px;
	}
	#section1_2 .left,#section1_2 .right{
		width:100%;
	}
	#section1_2 .left{
		margin-top: 30px;
	}
}


/*section2*/
#section2 .left{
	width:30%;
}
#section2 .right{
	width:66%;
}
.s7 .whitecom {
  bottom: 60px;
	left: 40px;
}
#section2 .spec .left {
  width: 35%;
}
#section2 .spec .right {
  width: 62.5%;
}

@media only screen and (max-width: 840px) {
	#section2 .spec .left {
		width: 100%;
    margin-bottom: 15px;
	}
	#section2 .spec .right {
	  width: 100%;
	}
	#section2 .specmap iframe {
    width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	#section2 .left,#section2 .right{
		width:100%;
	}
	#section2 .left{
		padding-bottom: 10px;
	}
}


/*section3*/
#section3 .left{
	width:50%;
}
#section3 .right{
	width:45%;
}
#section3 .spec .left {
  width: 35%;
}
#section3 .spec .right {
  width: 62.5%;
}
#section3 .spec{
	margin-top: 30px;
}

@media only screen and (max-width: 840px) {
	#section3 .spec .left {
		width: 100%;
    margin-bottom: 15px;
	}
	#section3 .spec .right {
	  width: 100%;
	}
	#section3 .specmap iframe {
    width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	#section3 .left,#section3 .right{
		width:100%;
	}
	#section3 .left{
		padding: 15px 0;
	}
	#section3 .spec .right{
		padding-top: 15px;
	}
}


/*section4_1*/
#section4_1 .catch_l{
	width:250px;
}
#section4_1 .catch_r{
	width: calc(100% - 280px);
}
#section4_1 .left{
	width:36%;
}
#section4_1 .right{
	width:62%;
}
.s11 .whitecom1 {
  bottom: 10px;
	left: 20%;
}
.s11 .whitecom2 {
  bottom: 10px;
	right: 10px;
}
#section4_1 .map iframe{
	max-width: none;
}
@media only screen and (max-width: 960px) {
	#section4_1 .left{
		width:46%;
	}
	#section4_1 .right{
		width:52%;
	}
}
@media only screen and (max-width: 768px) {
	#section4_1 .catch_l,#section4_1 .catch_r{
		width:100%;
	}
	#section4_1 .catch_r{
		padding-top: 15px;
	}
	#section4_1 .left,#section4_1 .right{
		width:100%;
	}
	#section4_1 .left{
		padding: 15px 0;
	}
	#section4_1 .spec .right{
		padding-top: 15px;
	}

	#section4_1 .block5speccontents{
		float: left;
		width: calc(100% - 350px);
	}
	#section4_1 .map{
		float: right;
	}
}
@media only screen and (max-width: 640px) {
	#section4_1 .block5speccontents{
		float: none;
		width: 100%;
	}
	#section4_1 .map{
		float: none;
		padding-top: 15px;
	}
}


/*section4_2*/
#section4_2 .left{
	width:50%;
}
#section4_2 .right{
	width:45%;
}
#section4_2 .copy{
	padding: 20px 0 40px 0;
}
#section4_2 .mapsetimg{
	max-width: 300px;
	width: 100%;
}
.s12{
	padding-left: 40px;
}

@media only screen and (max-width: 768px) {
	#section4_2 .left,#section4_2 .right{
		width:100%;
	}
	#section4_2 .left{
		padding: 15px 0;
	}
	#section4_2 .spec .right{
		padding-top: 15px;
	}
	#section4_2 .mapsetimg{
		max-width: none;
	}
	.s12{
		padding-left: 10%;
	}
	.s13_l {
    float: left;
    width: 49%!important;
	}
	.s13_r {
    float: right;
    width: 49%!important;
	}
	.s13_l iframe {
	    width: 100%;
			max-width: none!important;
	    border: 1px solid #aaa;
	    box-sizing: border-box;
	}
}
@media only screen and (max-width: 480px) {
	.s13_r {
    float: none;
    width: 100%!important;
	}
	.s11 .whitecom1 {
	    bottom: 0px;
	    left: 0;
	}
	.whitecom p {
	    font-size: 10px;
	}
}


/*section4_3*/
#section4_3 .catch_l{
	width:270px;
}
#section4_3 .catch_r{
	width: calc(100% - 300px);
}
#section4_3 .left{
	width:60%;
}
#section4_3 .right{
	width:36%;
}
.font11{
	font-size: 11px;
}

.inleft{
	width: 42%;
	float: left;
}
.inright{
	width: 55%;
	float: right;
}

.flexcontainer {
  display: flex;
  justify-content: space-around;
}
.flexitem{
	width: 31.5%;
}

.flexcontainer{
	margin-top: 15px;
}
.s13{
	padding-left: 10%;
}
.s13 .whitecom{
	bottom: 10px;
	left:0;
}
.s14{
	margin-top: 15px;
}
.s14 .whitecom{
	bottom: 10px;
	left:10px;
}
.s20{
	text-align: right;
	margin-top: 15px;
}
@media only screen and (max-width: 840px) {
	#section4_3 .left{
		width:50%;
	}
	#section4_3 .right{
		width:46%;
	}
}

@media only screen and (max-width: 768px) {
	#section4_3 .catch_l,#section4_3 .catch_r{
		width:100%;
	}
	#section4_3 .catch_r{
		padding-top: 15px;
	}
	#section4_3 .left,#section4_3 .right{
		width:100%;
	}
	#section4_3 .left{
		padding: 15px 0;
	}
	#section4_3 .spec .right{
		padding-top: 15px;
	}
	#section4_3 .block5speccontents{
		float: left;
		width: calc(100% - 350px);
	}
	#section4_3 .map{
		float: right;
	}
	.s20{
		margin-top: 0;
	}
}
@media only screen and (max-width: 640px) {
	#section4_3 .block5speccontents{
		float: none;
		width: 100%;
	}
	#section4_3 .map{
		float: none;
		padding-top: 15px;
	}
}
@media only screen and (max-width: 480px) {
	.s13{
		padding-left: 0;
	}
	.inleft{
		width: 47%;
	}
	.inright{
		width: 50%;
	}
	.s13 .whitecom,.s14 .whitecom{
		bottom: 0;
		left: 0;
		width: 100%;
	}
}