@charset "utf-8";/*共通CSS start*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.siteMain {padding-left:250px;}
}
/*共通CSS end*/.lp_clane {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size:min(1.6vw, 24px);
}

@media only screen and (max-width: 750px) {
	.lp_clane {
		font-size: 3.6vw;
	}
  .lp_clane p,.lp_clane h2,.lp_clane h3 {
    padding-left:10px;
    padding-right:10px;
  }
}


/* .lp_clane_title ------------------------------------------- */
.lp_clane_title {
	margin: 150px auto 80px;
}

.lp_clane_title h2 {
	font-family: 'Catamaran', sans-serif;
	font-size: 320%;
	letter-spacing: -1px;
	margin:20px auto 100px;
}
.lp_clane_title .leadttl {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 175%;
	margin-top: 30px;
	
}
@media only screen and (max-width: 950px) {
  .lp_clane_title {
    margin: 150px auto 80px;
  }
	.lp_clane_title h2 {
    font-size: 350%;
    margin:0 auto 100px;
	}
	.lp_clane_title .leadttl {
    font-size: 175%;
    margin-top: 30px;
	}
}
@media only screen and (max-width: 750px) {
	.lp_clane_title {
		margin: 40px 10px 30px;
	}
	.lp_clane_title h2 {
    font-size: 200%;
    margin:10px auto 50px;
	}
	.lp_clane_title .leadttl {
    font-size: 120%;
    margin-top: 30px;
	}
}



/* .content ------------------------------------------- */
.lp_clane .content {
	text-align:center;
	margin:100px auto 0;
	position: relative;
	max-width:1000px;
}
.lp_clane .contbox {
	margin:100px 0 0;
}

.lp_clane p.obi {
	background:#a0a0a0;
	color:#fff;
	margin-bottom:60px;
	padding: 3px 0;
	font-family: 'Fira Sans', sans-serif;
	font-size:120%;
}
.lp_clane h3 {
	font-family: 'Noto Serif JP', serif;
	font-size:300%;
	letter-spacing: 2px;
}

.lp_clane a .uline {
	text-decoration: underline;
	font-size:min(1.0vw, 16px);
}


@media only screen and (max-width: 750px) {
  .lp_clane p.obi {
		font-size:110%;
	}
  .lp_clane h3  {
    font-size:150%;
  }
  .lp_clane .content {
		margin:50px auto 0;
	}
  .lp_clane .contbox {
    margin:50px 0 0;
  }
  .lp_clane .imgbox {
    margin:0 10px;
  }
  .lp_clane a .uline {
    font-size:2vw;
  }

}


/* 画像１つ、2つ並び、3つ並び ------------------------ */
.lp_clane h4 {
	font-size:96%;
	text-align: left;
	width:60%;
	padding:15px 0 15px 25px;
	margin-top:60px;
}
.lp_clane h4 .underline {
	font-family: 'Noto Serif JP', serif;
	font-size: 150%;
	letter-spacing: 2px;
	display: block;
	padding:0 0 10px;
	border-bottom:solid 1px #000;
	margin:0 auto 10px;
}

.lp_clane ul {margin:0; padding:0;}

.lp_clane ul.item1 p, ul.item2 p, ul.item3 p {
	font-size: min(1.5vw, 22px);
	margin:15px 0 0;
}
.lp_clane ul.item1 li {
	width:100%;
	margin:0 0 40px 0;
}
.lp_clane ul.item1 li img {
	width:50%;
}
.lp_clane ul.item2 li {
	width:49.8%;
	margin:0 0 40px 0;
	display: inline-block;
	vertical-align: top;
}
.lp_clane ul.item3 li {
	width:33%;
	margin:0 0 40px 0;
	display: inline-block;
	vertical-align: top;
}
.lp_clane ul.item2 p {
	padding-left:25px;
}
.lp_clane ul.item2 li:nth-child(2) p{
	padding-left:0;
	padding-right:25px;
}


@media only screen and (max-width: 750px) {
  .lp_clane h4 {
    padding:10px 0 10px 12.5px;
    margin-top:20px;
		font-size:80%;
  }
  .lp_clane h4 .underline {
    padding:0 0 5px;
    margin:0 auto 7px;
		font-size:150%;
  }
  .lp_clane ul.item1 p, ul.item2 p, ul.item3 p {
    margin:8px 0 0;
		font-size:2.15vw;
		padding-left:0;
		padding-right:0;
  }
  .lp_clane ul.item2 p {
    padding-left:3.5%;
  }
  .lp_clane ul.item2 li:nth-child(2) p{
    padding-left:0;
    padding-right:3.5%;
  }
  .lp_clane ul.item1 li {
    width:100%;
    margin:0 0 20px 0;
  }
  .lp_clane ul.item1 li img {
    width:50%;
  }
  .lp_clane ul.item2 li {
    width:49%;
    margin:0 0 20px 0;
    display: inline-block;
  }
  .lp_clane ul.item3 li {
    width:32%;
    margin:0 0 20px 0;
    display: inline-block;
  }

}




.lp_clane .wline {
	height: 14px!important;
}
@media only screen and (max-width: 750px) {
	.lp_clane .wline {
    height: 7px!important;
  }
}




/* 個別調整 ------------------------ */

.lp_clane #intro p {font-size: 90%; line-height: 2.2;}
.lp_clane #intro p.t1 {margin:100px auto;}

.lp_clane #topics1 h3 {font-size:220%; line-height:1.2; margin:120px auto 100px;}
.lp_clane #topics1 h3 .h3_1 {font-size: 130%;}
.lp_clane #topics1 h3 .h3_2 {font-size: 70%; font-family: 'Noto Sans JP', sans-serif;font-weight:400;}
.lp_clane #topics1 p.t2 {font-size:105%;line-height: 2;}
.lp_clane #topics1 p.t3 {font-size:100%; margin:60px auto 0;}
.lp_clane #topics1 p.t3 span {display: inline-block; margin:20px auto 10px; text-align: left; line-height:1.8}

.lp_clane #topics2 h3 {font-size:230%;}
.lp_clane #topics2 p.t1 {font-size:80%; margin:0 auto 100px;}

.lp_clane #topics3 h3 {font-size:400%; margin:0 auto 80px;}
.lp_clane #topics3 p.t1 {font-size:220%; line-height: 1.2;font-weight:400;}
.lp_clane #topics3 p.t2 {font-size:140%; line-height: 1.6; margin:0 auto 30px;}
.lp_clane #topics3 .imgbox#t3_1 {margin:0 auto 80px;}
.lp_clane #topics3 .item2 p.t3 {margin-top:0; font-size:min(2.27vw, 34px); line-height: 1.2;}
.lp_clane #topics3 .item2 p.t4 {margin:0 auto 15px; font-size:min(1.33vw, 20px); letter-spacing: 0;}
.lp_clane #topics3 p.t5 {font-size:88%; text-align: left; margin:30px 4%; line-height:1.7;}

.lp_clane #topics4 h3 {font-size:340%; margin:200px auto 80px;}
.lp_clane #topics4 p.t1 {font-size:120%; line-height:1.5; margin:0 auto 240px;}

.lp_clane #topics5 h3 {font-size:280%; line-height:1.1; margin:150px auto 100px;}
.lp_clane #topics5 p.t1 {font-size:116%; margin:0 auto 70px; line-height: 1.8;}
.lp_clane #topics5 img#card {margin:0 auto 100px;}
.lp_clane #topics5 img#map-227 {margin:0 auto 120px;}
.lp_clane #topics5 p.t2 {font-size:116%; margin:0 auto 175px; auto 70px; line-height: 1.8;}

.lp_clane #sns {
	margin-top:175px;
}
.lp_clane #sns p.t1 {font-size:140%; margin:0 auto 100px;}

.lp_clane #sns #instagram {
	display: flex;
	justify-content: center;
	margin:0 auto 100px;
}
.lp_clane #sns #instagram .logobox {
	vertical-align: middle;
	width:16%;
	padding-top:1%;
}
.lp_clane #sns #instagram .logobox img {
	/*max-width:100%;*/
}
.lp_clane #sns #instagram .linkbox {
	font-family: 'Catamaran', sans-serif;
	font-size: 170%;
	line-height: 1.6;
	text-align: left;
	vertical-align: middle;
}
.lp_clane #sns .sline {
	margin:50px auto;
}


@media only screen and (max-width: 750px) {
  .lp_clane #intro p {font-size: 60%; line-height: 2.2; margin:0;}
  .lp_clane #intro p.t1 {margin:50px 0;}

  .lp_clane #topics1 h3 {font-size:140%; line-height:1.2; margin:60px 0 50px;}
  .lp_clane #topics1 p.t2 {font-size:80%;}
  .lp_clane #topics1 p.t3 {font-size:70%; margin:30px 0 0;}
  .lp_clane #topics1 p.t3 span {margin:10px 0 5px;}

  .lp_clane #topics2 h3 {font-size:140%;}
  .lp_clane #topics2 p.t1 {font-size:55%; margin:0 0 25px;}

  .lp_clane #topics3 h3 {font-size:220%; margin:0 0 40px;}
  .lp_clane #topics3 p.t1 {font-size:170%; line-height: 1.2;}
  .lp_clane #topics3 p.t2 {font-size:90%; line-height: 1.6; margin:0 0 15px;}
  .lp_clane #topics3 .imgbox#t3_1 {margin:0 auto 40px;}
  .lp_clane #topics3 .item2 p.t3 {margin-top:0; line-height: 1.2; font-size:3.2vw;}
  .lp_clane #topics3 .item2 p.t4 {margin:0 auto 8px; letter-spacing: 0; font-size:2.1vw;}
  .lp_clane #topics3 p.t5 {font-size:58%; text-align: left; margin:0 3%;}

  .lp_clane #topics4 h3 {font-size:220%; margin:80px auto 50px;}
  .lp_clane #topics4 p.t1 {font-size:90%; line-height:1.5; margin:0 auto 120px;}

  .lp_clane #topics5 h3 {font-size:180%; line-height:1.1; margin:75px auto 50px;}
  .lp_clane #topics5 p.t1 {font-size:75%; margin:0 auto 35px;}
  .lp_clane #topics5 img#card {margin:0 auto 50px;}
  .lp_clane #topics5 img#map-227 {margin:0 auto 60px;}
  .lp_clane #topics5 p.t2 {font-size:75%; margin:0 auto 80px; }
	
  .lp_clane #sns {
    margin-top:80px;
  }
  .lp_clane #sns p.t1 {font-size:90%; margin:0 auto 60px;}
  .lp_clane #sns #instagram {
    margin:0 auto 50px;
  }
  .lp_clane #sns #instagram .logobox {
    vertical-align: middle;
    width:15%;
    padding-top:0;
  }
  .lp_clane #sns #instagram .linkbox {
    font-size: inherit;
  }
	.lp_clane #sns .imgbox img {
		width:50%;
	}
  .lp_clane #sns .sline {
    margin:25px auto;
		min-width: 160px;
  }
	
}



