@charset "utf-8";

html{
	margin:0 !important;
	margin-top:0 !important;
}
.tb{
	display:none;
}
.sp{
	display:none;
}
img{
	max-width: 100%;
	height:auto;
}





#lp{
	width:100%;
}
.center{
	text-align: center;
}
.wid1000{
	max-width: 1000px;
	margin: 0 auto;
}
.content0{
	background:url("../images/pc/wave1_01.jpg") no-repeat center top;
	padding-top: 150px;
	padding-bottom: 50px;
}

.content1{
	max-width: 1000px;
	margin: 50px auto 0;
	overflow: hidden;
}
.content1 p.img{
	width: 48%;
	float: left;
}
.content1 dl{
	width: 48%;
	float: right;
}
.content1 dl dt{
	text-align: center;
	margin-bottom: 20px;
}

.content-map{
	background: #cce8f1;
	padding: 10px 0 50px;
	margin-top: 50px;
}
.content-map p{
	max-width: 1000px;
	margin: 0 auto;
}

.content2{
	background: #eeeeee;
	padding-top: 50px;
	padding-bottom: 50px;
}
.content2 .img{
	width: 990px;
	margin: 0 auto;
	position: relative;
}
.content2 .img .txt1{
    position: absolute;
    top: 205px;
    right: 23px;
    width: 486px;
}
.content2 .img .txt1 p{
	margin-bottom: 15px;
}
.content2 .img .txt1 p strong{
	font-size: 30px;
	line-height: 1.5em;
}
.content2 .img .txt1 p strong .clr1{
	color: #54b3ce;
	font-size: 30px;
}
.content2 .img .txt1 p strong .clr2{
	color: #ff7f00;
	font-size: 30px;
}
.content2 .img .txt2{
    position: absolute;
    top: 490px;
    right: 413px;
    width: 393px;
}
.content2 .img .txt2 p{
	margin-bottom: 15px;
}
.content2 .img .txt2 p strong{
	font-size: 25px;
	line-height: 1.5em;
}
.content2 .img .txt3{
    position: absolute;
    top: 966px;
    right: 28px;
    width: 786px;
}
.content2 .img .txt3 p{
	font-size: 27px;
	font-weight: bold;
}
.content2 .img .txt3 p strong{
	font-size: 55px;
	color: #ff7f00;
}
.content2 .img .txt3 p span.clr1{
	font-size: 30px;
	color: #ff7f00;
}
.content2 .img .txt4{
    position: absolute;
    top: 1077px;
    right: 20px;
    width: 516px;
}
.content2 .img .txt4 p{
	margin-bottom: 10px;
}
.content2 .img .txt4 p strong{
	font-size: 30px;
}
.content2 .img .txt4 p span.clr1{
	color: #ff7f00;
	font-size: 30px;
}
.content2 .img .txt4 p span.clr2{
	color: #54b3ce;
	font-size: 30px;
}
.content2 .img .txt5{
    position: absolute;
    top: 1266px;
    right: 325px;
    width: 486px;
}
.content2 .img .txt5 p{
	margin-bottom: 10px;
}
.content2 .img .txt5 p strong{
	font-size: 30px;
}
.content2 .img .txt5 p span.clr1{
	color: #ff7f00;
	font-size: 30px;
}
.content2 .img .txt5 p span.clr2{
	color: #54b3ce;
	font-size: 30px;
}

.content3{
	overflow: hidden;
	max-width: 1000px;
	margin: 50px auto 0;
}
.content3 p.left{
	width: 43%;
	float: left;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.2em;
}
.content3 p.left strong{
	font-size: 55px;
	color: #ff7f00;
	line-height: 1.2em;
}
.content3 p.left span.clr1{
	font-size: 35px;
	color: #ff7f00;
	line-height: 1.2em;
}
.content3 p.left span.clr2{
	font-size: 35px;
	color: #54b3ce;
	line-height: 1.2em;
}
.content3 p.right{
	width: 55%;
	float: right;
	margin-top: 20px;
	line-height: 2em;
}

.content4{
	background: #eee;
	margin-top: 80px;
	padding-top: 50px;
	padding-bottom: 200px;
}
.content4 .img{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.content4 .img .txt{
    position: absolute;
    width: 500px;
    top: 792px;
    left: 1px;
}
.content4 .img .txt dl dt{
	color: #ff7f00;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.2em;
}
.content4 .img .txt dl dt strong{
	font-size: 55px;
	line-height: 1.2em;
}
.content4 .img .txt dl dt span{
	color: #54b3ce;
	font-size: 35px;
	line-height: 1.2em;
}
.content4 .img .btn{
    position: absolute;
    bottom: -320px;
    left: 0px;
	width: 100%;
	text-align: center;
}
.content5{
	margin-top: 200px;
}
.content5 .txt{
	max-width: 1000px;
	margin: 20px auto 0;
	overflow: hidden;
}
.content5 .txt .txt1{
	width: 480px;
	float: left;
}
.content5 .txt .txt2{
	width: 480px;
	float: right;
}
.content5 .txt dl dt{
	font-size: 20px;
	font-weight: bold;
}
.content5 .txt dl dt strong{
	font-size: 25px;
	color: #ff7f00;
}

.content6{
	max-width: 1000px;
	margin: 60px auto 0;
	position: relative;
}
.content6 .txt1{
    position: absolute;
    top: 160px;
    right: 50px;
    width: 425px;
}
.content6 .txt2{
    position: absolute;
    bottom: 100px;
    left: 30px;
    width: 425px;
}

.content7{
	margin-top: 100px;
	background: url("../images/pc/wave3_03_bg.jpg") no-repeat center top;
	padding-top: 50px;
	padding-bottom: 400px;
}


.btn2{
	max-width: 1000px;
	margin: 0 auto 200px;
	position: relative;
}
.btn2 p{
	position: absolute;
	top: -100px;
	width: 100%;
	text-align: center;
}

.content8{
	overflow: hidden;
	max-width: 1000px;
	margin: 50px auto 0;
}
.content8 dl{
	width: 480px;
	float: left;
}
.content8 dl dt{
	font-size: 25px;
	font-weight: bold;
}
.content8 dl dt strong{
	color: #ff7f00;
	font-size: 30px;
}
.content8 p{
	width: 480px;
	float: right;
}
.content8-5{
	background: #f6f6f6;
	padding: 0 30px;
}

.content9{
	max-width: 1000px;
	background: #edf6f6;
	border-radius: 10px;
	margin: 50px auto 0;
	padding: 50px 0;
	overflow: hidden;
}
.content9 p.img{
	width: 60%;
	float: left;
}
.content9 dl.txt{
	width: 37%;
	float: right;
	margin-right: 3%
}
.content9 dl.txt dt{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content9 dl.txt dt strong{
	color: #ff7f00;
	font-size: 28px;
}

.content9-5{
	max-width: 1000px;
	margin: 0 auto 0;
}
.content9-5 ul{
	overflow: hidden;
}
.content9-5 ul li{
	float: left;
}
.content9-5 ul li.bg1{
	background: #fdd0e8;
	padding-bottom: 30px;
	width: 34%;
}
.content9-5 ul li.bg2{
	background: #b7ecbc;
	padding-bottom: 30px;
	width: 33%;
}
.content9-5 ul li.bg3{
	background: #bfd7f9;
	padding-bottom: 30px;
	width: 33%;
}
.content9-5 ul li p.img{
	text-align: center;
	margin-top: 30px;
}
.content9-5 ul li p.btn{
	text-align: center;
	margin-top: 20px;
}


.content10{
	margin-top: 100px;
}
.content10 .txt{
	width: 100%;
	position: relative;
}
.content10 .txt .txt1{
    position: absolute;
    width: 30%;
    top: -230px;
    right: 10%;
}
.content10 .txt .txt1 dt{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
}
.content10 .txt .txt1 dt strong{
	color: #ff7f00;
	font-size: 28px;
}
.content11{
	background: #cce8f1;
	padding: 50px 0;
}
.content11 dl{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
}
.content11 dl dt{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}
.content11 dl dt strong{
	color: #ff7f00;
	font-size: 28px;
}
.content12{
	background: #f6f6f6;
	padding: 100px 0 50px;
}
.content12 .bg{
	background: #fff;
	max-width: 1000px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 30px 0;
}
.content12 .bg dl{
	text-align: center;
}
.content12 .bg dl dt{
	font-size: 30px;
	font-weight: bold;
	color: #54b3ce;
}
.content12 .bg dl dt span{
	font-size: 30px;
	font-weight: bold;
	color: #54b3ce;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.content12 .bg p{
	margin: 30px 0 0;
}
.content12-5{
	background: #f6f6f6;
	padding: 50px 0 100px;
}


.content13{
	background: #e3f0f7;
	padding: 50px 0;
}
.content13 dl{
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}
		
.content13 dl dt{
	font-size: 25px;
	font-weight: bold;
	color: #55b4cf;
	margin-bottom: 30px;
}
.content14{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 120px;
}
.content14 .txt{
	width: 350px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.content14 .txt dl{
	margin-bottom: 20px;
}
.content14 .txt dl dt{
	font-size: 20px;
	border-left: 5px solid #55b4cf;
	padding-left: 10px;
}
.content14 .txt dl dd{
	margin-left: 20px;
}
@media all and (max-width: 1100px) {
.content14 .txt dl dt{
	font-size: 16px;
	border-left: 5px solid #55b4cf;
	padding-left: 10px;
}
}
@media all and (max-width: 1000px) {
.content14 .txt{
	width: 300px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.content14 .txt dl dt{
	font-size: 14px;
	border-left: 5px solid #55b4cf;
	padding-left: 10px;
}
.content14 .txt dl dd{
	margin-left: 20px;
	font-size: 14px;
}
}
.content15{
	background: #fdd0e8;
	max-width: 1000px;
	margin: 5px auto 0;
	padding: 50px 0;
	overflow: hidden;
}
.basic-s{
	margin-top: 50px;
}
.basic-r{
	background: #b7ecbc;
}
.basic-h{
	background: #bfd7f9;
}
.content15 p.img{
	width: 61%;
	float: left;
	margin-left: 2%;
}

@media all and (min-width: 960px) {
.content15 .size{
	width: 35%;
}
}
	
	.content15 .size{
	float: left;
	margin-left: 2%;
}
.content15 .size dl{
	overflow: hidden;
}
.content15 .size dl:nth-child(n+2){
	margin-top: 30px;
}

.content15 .size dl dt{
	width: 90px;
	float: left;
}
.content15 .size dl dt span{
	display: block;
	background: #fff;
	color: #d582b6;
	padding: 30px 10px;
	border-radius: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.basic-r .size dl dt span{
	color: #6ab075;
}
.basic-h .size dl dt span{
	color: #7a9fe4;
}

.content15 .size dl dd{
	width: 190px;
	float: left;
	font-size: 13px;
	line-height: 2em;
	margin-left: 20px;
}
.content15 .size dl dd p{
	font-size: 16px;
	font-weight: bold;
}
.content15 .size dl dd p strong{
	font-size: 25px;
}
.content15 .size p.btn{	
	text-align: center;
	margin-top: 20px;
}

.content16{
	background: #f6f6f6;
	border-radius: 10px;
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 50px 0;
	position: relative;
}
.content16 .reco{
	position: absolute;
	top: 0px;
	left: 0px;
}
.content16 .ttl{
	text-align: center;
}
.content16 .item{
	width: 650px;
	overflow: hidden;
	margin: 30px auto 0;
}
.content16 .item .item1{
	width: 300px;
	float: left;
}
.content16 .item .item2{
	float: right;
}
.content16 .item .item1 dl{
	margin-top: 30px;
	overflow: hidden;
}
.content16 .item .item1 dl dt{
	width: 150px;
	background: #0e81a7;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
	float: left;
}
.content16 .item .item1 dl dt strong{
	font-size: 20px;
}
.content16 .item .item1 dl dd{
	width: 135px;
	font-size: 13px;
	padding: 5px 0;
	float: right;
}
.content16 .item .item1 dl dd p{
	font-display: 16px;
	font-weight: bold;
}
.content16 .item .item1 dl dd p strong{
	font-size: 20px;
}
.content16 .item .item1 p.btn{
	text-align: center;
	margin-top: 20px;
}

footer{
	margin-top: 100px;
}
footer p{
	background: #02B4D0;
	padding: 20px;
	color: #fff;
	text-align: center;
	font-size: 12px;
}


/* パソコン・スマホ共通のCSS */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 20px; /*下からのボタンの配置場所を指定*/
    right: 20px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #ccc; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #ddd; /*マウスオーバー時の背景色*/
}

/* パソコンで表示する場合のCSS */
@media (min-width: 768px) {
#PageTopBtn a{
    font-size: 50px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 50px; /*ボタンの幅*/
    height: 50px; /*ボタンの高さ*/
    padding: 10px; /*文字の配置場所の調整*/
}
}

.baneer_present{
	width: 75%; margin: 45px auto 15px;
	text-align: center;
	}

.baneer_present img.bnsp{
	display: none;
	width: 100%;
	}

.baneer_present img.bnpc{
	display: block;
	width: 100%;
	}

/* スマホで表示する場合のCSS */
@media (max-width: 767px) {
#PageTopBtn a{
    font-size: 50px;
}
#PageTopBtn a {
    width: 50px;
    height: 50px;
    padding: 10px;
}
}

.fa-angle-up:before {
    content: "\f106";
    top: 8px;
    position: absolute;
    left: 30%;
}


/* パンくず */
#path {
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	max-width: 1000px;
	padding:  5px 15px 15px;
	margin: 0 auto;
	}
	#path li {
		float: left;
		margin-right: 10px;
	font-size: 12px;
		}
	#path li:after {
		content: ">";
		margin-left: 10px;
		color: #333;
		}
	#path li:last-child:after {content: "";}
	#path a{
		color: #000;
	font-size: 12px;
		}