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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

/*reset*/

body,h1,h2,h3,h4,h5,h6,ul,li,p,sup{
	padding: 0;
	margin: 0;
}

h2{
	font-size: 1.5rem;
	margin-top: 1.4rem;
	line-height: 1.5;
}

h3{
	font-size: 1.4rem;
}

A{
	color: #000;
}

	A:hover{
		color: #000;
		text-decoration: none;
		opacity: 0.8;
	}

.AttenTxt{
	font-size: 0.66rem;
}

.Lttl{
	font-size: 5rem !important;
	color: #009ba4;
	letter-spacing: -2px;
}

		@media screen and (max-width:768px) {
			ul{
				display: inherit !important;
			}
			img{
				width: 100%;
			}
			.sp_hidden{
				display: none;
			}
			.Lttl{
				font-size: 2.7rem !important;
			}
		}

li{
	list-style: none;
}

@media(max-width:767px) {
	article.container{
		padding: 0;
	}
}

textarea{
	min-height: 100px;
}

/*base*/

body {
	font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
		font-size: 0.86rem;
	color: #282828;
}

/*header*/

header{
	padding: 1rem 0;
	background-color: #FFF;
		color: #009ba4;
}
header .container{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
	header .container A{
		color: #009ba4;
	}

header .container a.navbar-brand{
	width: auto;
}
	header .container a.navbar-brand img{
		width: 155px;
	}

.container .TelInq{
	width: 100%;
	text-align: right;
		font-size: 2.0rem;
		font-weight: 600;
	color: #000;
}
	@media(max-width:768px) {
		header{
			padding-bottom: 0 !important;
		}
			.container .TelInq {
				text-align: center !important;
			}
	}

.TelInq span{
	background-image: url("../img/icon-free.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 36px auto;
	padding-left: 2.4rem;
}

/*gMenu*/
.navbar-brand,
#navbarNav{
	width: 100%;
}

@media(max-width:991px) {
}
	.navbar-toggler .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,155,165,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
		@media(max-width:768px) {
			ul.navbar-nav{
				padding: 0 0 3rem;
			}
			ul.navbar-nav li{
				padding: 1rem 1rem 0;
			}
			ul.navbar-nav li a{
				border-bottom: 1px solid #FFF;
			}
		}
		ul.navbar-nav li a{
			font-size: 1.1rem;
			margin-left: 1rem;
			position: relative;
		}
		ul.navbar-nav li a:before{
			content:'';
			width: 30px;
			height: 30px;
			position: absolute;
			top:0;
			bottom: 0;
			left:0;
			margin: auto;
			background-size: contain;
		}

		ul.navbar-nav li.gm01 a:before{
				background-image: url("../img/icon_hd01.png");
		}
		ul.navbar-nav li.gm02 a:before{
				background-image: url("../img/icon_hd02.png");
		}
		ul.navbar-nav li.gm03 a:before{
				background-image: url("../img/icon_hd03.png");
		}

/*ttl*/

.ttlArea{
	text-align: center;
	padding: 0rem 0 2rem;
}
	.ttlArea h2{
		font-size: 3rem;
			font-weight: 500;
	}
	.ttlArea P{
		font-size: 0.8rem;
	}
	.ttlArea h2:after{
		content: '';
		width: 140px;
		height: 2px;
		display: block;
		margin: 1.2rem auto;
		  background-color: #009ba4;
	}


section.bg_blue	.ttlArea h2{
		color: #FFF;
		font-size: 2rem;
	}
	section.bg_blue	.ttlArea h2:after{
			  background-color: #ffffff;
		}

/*contnar*/

section{
	padding: 5rem 0;
}
section.p0{
	padding: 0;
}
	section.p0 .container{
		padding: 5rem 0;
	}
	@media screen and (max-width:768px) {
		section,
		section.p0 .container{
			padding: 3rem 0;
		}
	}

/*index*/

.mainImg{
	background-image: url("../img/img-main1.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	color: #FFF;
	position: relative;
}

.mainImg .container{
	position: relative;
}

.mainImg .mainCopy h1{
	font-size:3.6rem;
	font-weight: bold;
}
	@media screen and (max-width:768px) {
			.mainImg .mainCopy h1{
				font-size:2.4rem;
				padding-top: 1rem;
			}
		.mainImg .mainCopy p.read{
			padding: 1rem 0 !important;
		}
	}

.mainImg .mainCopy p.read{
	font-size:1.1rem;
	font-weight: 600;
	padding: 2rem 0;
}

.mainImg ul.picttl{
	width: 50%;
	display: -webkit-flex;
	display: flex !important;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.mainImg ul.picttl li{
	font-size: 0.8rem;
	font-weight: bold;
	width: 100%;
	background-color: #FFF;
	border-radius: 2rem;
	text-align: center;
	color: #009ba4;
	padding: 0.5rem;
	margin: 0.5rem;
}

	@media screen and (max-width:768px) {
		.mainImg ul.picttl{
			width: 100%;
			flex-wrap: wrap;
		}
		.mainImg ul.picttl li{
			width: 45%;
			display: block;
		}
	}

.mainImg ul.picttl li:first-child{
	margin-left: 0;
}

.imgDita{
	position: absolute;
	right: -140px;
	bottom: -240px;
}

	@media screen and (max-width:768px) {
		.imgDita{
			position: inherit;
			right: inherit;
			bottom: inherit;
		}
	}

/*TopicsArea*/

.TopicsArea{
	text-align: center;
	color: #009ba4;
}

h2.TopicsTtl{
	font-size:2rem;
}

h2.TopicsTtl span{
	font-size:6rem;
	color: #009ba4;
	margin: 0 -1rem;
}

.TopicsArea h4{
	font-weight: bold;
}
	.TopicsArea p.TtlTxt{
		font-weight: bold;
			margin-top: 9rem;
	}
		.TopicsArea p.leadTxt{
			padding: 0.5rem 0 0 0;
			text-align: left;
			font-size:0.86rem;
				color: #282828;
				line-height: 1.6;
		}
.TopicsArea .bk1{
	background-image: url("../img/icon-topics1.png");
	background-position: top center;
	background-repeat: no-repeat;
}
	.TopicsArea .bk2{
		background-image: url("../img/icon-topics2.png");
		background-position: top center;
		background-repeat: no-repeat;
	}
	.TopicsArea .bk3{
		background-image: url("../img/icon-topics3.png");
		background-position: top center;
		background-repeat: no-repeat;
	}
	.TopicsArea .bk4{
		background-image: url("../img/icon-topics4.png");
		background-position: top center;
		background-repeat: no-repeat;
	}

	@media screen and (max-width:768px) {
		.TopicsArea .bk1,
		.TopicsArea .bk2,
		.TopicsArea .bk3{
			margin-bottom: 3rem;
		}
			.naymiBack{
				background-size: contain;
				padding:15px 15px 450px !important; 
			}
	}

.naymiBack{
	background-image: url("../img/back-nayami.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.naymiTtl{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding-bottom: 2rem;
}

	@media screen and (max-width:768px) {
		.naymiTtl{
			display: inherit;
			padding-bottom: 0;
		}
		.naymiTtl p{
			width: 60% !important;
			padding-right: 0rem;
				margin: auto;
		}
	}

.naymiTtl p{
	width: 26%;
	padding-right: 1rem;
}

.naymiTtl p img{
	width: 100%;
}
.naymiTtl h2{
	font-size: 3.4rem;
	font-weight: bold;
	padding-top: 1rem;
}

.naymiTtl h2:after{
		  background-color: #FFF;
	}

.naymiArea .nayamiBlk{
	border: 1px solid #009ba4;
	padding: 2rem 2rem 2rem 4rem;
	width: 600px;
	position: relative;
	margin-bottom: 3rem;
}
		@media screen and (max-width:768px) {
			.naymiArea .nayamiBlk{
				width: 100%;
				padding: 3rem 1rem 1rem;
			}
				.naymiArea .nayamiBlk.no2{
					margin-left: 0rem !important;
				}
			.naymiArea .nayamiBlk span{
				width: 60px;
				top:-1.8rem !important;
				left:0 !important;
				right: 0;
				margin: auto;
			}
			.SpecTtl{
				font-size: 1.6rem !important;
				text-align: left !important;
			}
			.SpecMainBlk{
				padding: 2rem !important;
			}
				.SpecMainBlk span,
				ul.SpecList li.bk1 span{
					position: inherit !important;
					bottom:inherit !important;
				}
			ul.SpecList li{
				margin-bottom: 1rem !important;
			}
			ul.SpecList li:last-child {
				margin-left: 0rem !important;
				margin-bottom: 0rem;
			}
		}
	.naymiArea .nayamiBlk h4{
		color: #009ba4;
		padding-bottom: 1rem;
	}
	.naymiArea .nayamiBlk.no2{
		margin-left: 3rem;
	}

.naymiArea .nayamiBlk span{
	position: absolute;
	top:1.8rem;
	left:-2rem;
	margin: auto;
}

.SpecTtl{
	color: #efffcc;
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 2rem;
	text-align: center;
}

.SpecMainBlk{
	position: relative;
	background-color: #FFF;
	border-radius: 0.6rem;
	padding: 2rem 2rem 450px;
}

.SpecMainBlk h4{
	border-left:4px solid #009ba4;
	padding:0.5rem 0 0.5rem 0.8rem; 
	color: #009ba4;
	margin-bottom: 2rem;
		font-weight: bold;
}

.SpecMainBlk span{
	position: absolute;
		bottom: 0;
	text-align: center;
	width: 100%;
}

ul.SpecList{
	margin-top: 2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
}

ul.SpecList h4{
	text-align: center;
	color: #009ba4;
	margin-bottom: 2rem;
		font-weight: bold;
}

ul.SpecList li{
	position: relative;
	width: 100%;
	background-color: #FFF;
	border-radius: 0.6rem;
	padding: 2rem;
		min-height: 230px;
}
	ul.SpecList li:first-child{
		margin-right: 1rem;
	}
	ul.SpecList li:last-child{
		margin-left: 1rem;
	}

ul.SpecList li.bk1 span{
	position: absolute;
		bottom: 0;
	text-align: center;
	width: 100%;
}

ul.Area1{
	display: -webkit-flex;
	display: flex !important;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
	flex-wrap: wrap;
}

ul.Area1 li{
	width: 15%;
		min-height: 5rem;
	margin: 0.5rem;
	padding: 1rem;
	text-align: center;
	border-radius: 0.6rem;
	border: 1px solid #FFF;
		color: #FFF;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: center;
				align-items: center;
}

		@media screen and (max-width:768px) {
			ul.Area1 li{
				width: 45%;
				min-height: 4rem;
				font-size:0.72rem;
			}
				.SupportTtl{
						text-align: left !important;
				}
		}

h6.SpTtl{
	padding: 0.5rem;
	text-align: center;
	background-color: #FFF;
	color: #009ba4;
		font-size: 1.3rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.SupportTtl{
	color: #fe8f00;
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: 2rem;
		text-align: center;
}

.SuppotArea{
	margin-top: 2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
}

	@media screen and (max-width:768px) {
		.SuppotArea{
			display: inherit !important;
		}
			.SuppotArea .Txtblk{
				margin-right: 0rem !important;
			}
		.SuppotArea .Txtblk .SupportTelInq{
				font-size:1.6rem !important;
		}
		.SuppotArea .imgblk{
			padding-top: 2rem;
		}
		ul.inqList li{
			min-height: inherit !important;
			text-align: left !important;
		}
			ul.inqList li.no2{
				border-left:0px solid #009ba4 !important;
				border-right:0px solid #009ba4 !important;
				border-top:1px solid #009ba4;
				border-bottom:1px solid #009ba4;
			}
		ul.inqList h4{
			margin: 1rem 0 !important;
		}
	}

.SuppotArea .Txtblk{
	margin-right: 2rem;
}

.SuppotArea .Txtblk .SupportTelInq{
	background-color: #f8f8f8;
	padding: 1rem;
	text-align: center;
		font-size:2.6rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.SuppotArea .Txtblk .SupportTelInq span{
	background-image: url("../img/icon-free.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 50px auto;
	padding-left: 3.6rem;
}

ul.inqList{
	border:1px solid #009ba4;
	padding: 1rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
	margin: 2rem 0;
}

ul.inqList li{
	text-align: center;
	padding: 1rem;
	width: 100%;
	min-height: 12rem;
}

ul.inqList li.no2{
	border-left:1px solid #009ba4;
	border-right:1px solid #009ba4;
}

ul.inqList h4{
	color: #009ba4;
	margin-bottom: 2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

article.bg_gray{
	border-radius: 0.6rem;
	padding: 2rem;
}

.ShowArea{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
}

	@media screen and (max-width:768px) {
		.ShowArea{
			display: inherit !important;
		}
		.ShowArea .Txtblk {
				width: 100% !important;
				padding-right: 0rem !important;
			}
		.ShowArea .imgblk{
			padding-top: 2rem;
		}
		ul.showList li {
			margin: 0 0 1rem !important;
		}
		ul.showList li:last-child{
			margin-bottom: 0 !important;
		}
	}

.ShowArea .Txtblk{
	width: 55%;
	padding-right: 2rem;
}

.ShowArea .imgblk{
	width: 100%;
}

.ShowArea .imgblk img{
	width: 100%;
}

.gMapblk iframe{
	width: 100%;
	height: 120px;
}

ul.showList{
	margin-top: 2rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
}

ul.showList li{
	width: 100%;
	background-color: #FFF;
		border-radius: 0.6rem;
	padding: 2rem 1rem;
	margin: 0.5rem;
	text-align: center;
}

ul.showList li h5{
	font-size: 1.0rem;
	border-bottom: 1px solid #009ba4;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	color: #009ba4;
		min-height: 4rem;
		display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

ul.showList li .ShowTelInq {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.5rem 0;
}
ul.showList li .ShowTelInq span{
	background-image: url("../img/icon-tel.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px auto;
	padding-left: 1.8rem;
}

	@media screen and (max-width:768px) {
		.priceTtl{
			text-align: left !important;
		}
			ul.priceList li {
				margin: 0 0 1rem !important;
				min-height: inherit !important;
			}
				ul.priceList li:last-child{
					margin-bottom: 0rem;
				}
	}

.priceTtl{
	color: #FFF;
	font-size:1.2rem;
	line-height: 1.4;
	margin-bottom: 2rem;
	text-align: center;
}

p.priceTax{
	color: #FFF;
}
ul.priceList{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
}

ul.priceList li{
	width: 100%;
	background-color: #FFF;
		border-radius: 0.6rem;
	padding: 2rem 1rem;
	margin: 0.5rem;
	text-align: center;
		min-height: 43rem;
}

ul.priceList li h5{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: #009ba4;
		min-height: 3rem;
		display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

ul.priceList li p.read{	
	min-height: 3rem;
}
ul.priceList li p.priceblk{
	background-color: #f8f8f8;
		border-radius: 0.6rem;
	text-align: center;
	margin-top: 1rem;
	font-size:1.2rem;
	font-weight: bold;
	padding: 0.5rem 0;
}

ul.priceList li p.priceblk span{
	font-size: 2rem;
	color: #009ba4;
		margin-right: 0.5rem;
}
ul.priceList li p.read2{
	margin-top: 1rem;
	text-align: left;
}

@media screen and (max-width:768px) {
	.formTable{
		width: 100% !important;
	}
	.formTable th{
		display: block;
		width: 100% !important;
		padding-bottom: 0 !important;
	}
	.formTable td{
		display: block;
		width: 100% !important;
	}
}

.formTable{
	padding-top: 2rem;
	width: 80%;
	margin: auto;
}
.formTable table{
	width: 100%;
}
.formTable th{
	width: 20%;
		padding: 1rem;
	font-size: 1rem;
	font-weight: bold;
	color: #009ba4;
}
.formTable td{
	padding: 1rem;
}

input,
textarea{
	border: 0;
	width: 100%;
	padding: 0.5rem;
			border-radius: 0.6rem;
}

.fotmBtnArea{
	margin-top: 2rem;
	width: 40%;
	margin: auto;
}

/*a Btn */
.blcBtn,
[type=button], [type=reset], [type=submit], button{
	width: 100%;
	display: block;
	font-size:1rem;
	background-color: #009ba4;
		border-radius: 0.6rem;	
	padding: 0.8rem 1rem;
	text-align: center;
		color: #FFF;
	margin: 1rem 0;
		max-width: 300px;
}
	.blcBtn:hover{
		color: #FFF;
	}
		@media screen and (max-width:768px) {
				.blcBtn{
					font-size: 1.2rem;
				}
		}

.blkBtnBlue{
	background-color: #28108b;
	padding: 0.8rem 1rem 0.8rem;
	text-align: right;
		color: #FFF;
}
	.blkBtnBlue i{
		padding-left: 1rem;
	}

/*bgcolr*/

.bg_gray{
	background-color: #f8f8f8;
}

.bg_blue{
	background-color: #009ba4;
}


/*footer*/
footer .container{
	padding: 1rem 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
footer .container A{
	margin: 0 0.5rem;
		font-size: 0.9rem;
}

footer .container p{
	width: 100%;
	padding: 0 1rem;
}

footer .container .fLogo{
	width: 30%;
}
	footer .container .fLogo img{
		width: 110px;
	}


		@media(max-width:768px) {
				footer .container .fLogo{
					margin: auto;
					width: 100% !important;
					text-align: center !important;
				}
			footer .container p{
				text-align: center;
			}
			footer .container{
				display: flex;
				flex-wrap: wrap;
			}
			footer .container A{
				width: 100%;
				display: block;
				padding: 1rem 0;
			}
			.CopyArea{
				font-size: 0.6rem !important;
			}
		}
	.CopyArea{
		background-color: #009ba4;
		padding: 1rem 0;
			text-align: center;
			color: #FFF;
			font-size: 0.86rem;
	}