@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;
}

/*Sp切替*/
		.Sp-blk{
			display: none !important;
		}
		.Sp-hid{
			display: block !important;
		}
@media(max-width:768px) {
		.Sp-blk{
			display: block !important;
		}
		.Sp-hid{
			display: none !important;
		}
	.Sp-flex-block{
			display: block !important;
	}
		.Sp-flex-block li.img {
			width: 100% !important;
			padding-bottom: 2rem;
		}
	.h-linkBtn{
		display: none;
	}
	}


/*	font*/

.Min{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.red-text{
	color: #d90000;
}

.atten{
	font-size: 0.76rem;
	padding-top: 1rem;
}

.bld{
	font-weight: bold;
}

/*	A*/

A{
	color: #000;
}

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

/*	List*/

li{
	list-style: none;
}

ul.ChkList{
	padding: 1.5rem;
	border: 1px solid #eee;
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.2);*/
	margin-top: 1rem;
}
ul.ImgList{
	padding: 1.5rem;
	border: 1px solid #eee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	margin-top: 1rem;
	background-color: #FFF;
		line-height: 2;
}
ul.ChkList li{
	line-height: 2;
	background-image: url("../img/icon-check.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 1.5rem;
}

	@media(max-width:768px) {
				ul.ChkList li{
					background-position: left top 6px !important;
				}
		}
	ul.ChkList li.bg-blue{
		background-image: none;
		padding: 2rem !important;
		margin-top: 1rem;
	}
	ul.ImgList li{
		width: 100%;
	}
	ul.ImgList li.img{
		width: 40%;
	}
		ul.ImgList li.img img{
			width: 100%;
		}
	ul.ImgList li.img + li{
		width: 100%;
	}
	ul.ImgList h5{
		font-size:1.6rem;
		padding: 0 0 1rem;
	}
	ul.ImgListNonB li{
		width: 100%;
	}
	ul.ImgListNonB li.img{
		width: 70%;
	}
		ul.ImgListNonB li.img img{
			width: 100%;
		}
ul.gropeList li{
	width: 100%
}
	ul.gropeList li:first-child{
		padding-right: 1rem;
	}
	ul.gropeList li:last-child{
		padding-left: 1rem;
	}
	ul.gropeList li p{
		padding: 1rem;
		border-bottom: 1px solid #e6e6e6;
	}
		ul.gropeList li p A{
			background-image: url("../img/icon-window.png");
			background-position: right center;
			background-repeat: no-repeat;
			width: 100%;
			display: block;
		}

	@media(max-width:768px) {
			ul.gropeList{
				display: block;
			}
		ul.gropeList li:first-child {
				padding-right: 0;
			}
		ul.gropeList li:last-child {
				padding-left:0;
			}
		.subCntblk,
		.subCntblk-gray,
		.subCntblk-gray .SubCnt-inblk{
			padding: 1rem !important;
		}
		.subCntblk h5 {
			font-size: 1rem !important;
			}
		
	}

.subCntblk{
	padding: 1.5rem;
	border: 1px solid #eee;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	margin-top: 1rem;
	background-color: #FFF;
		line-height: 2;
}
	.subCntblk h5{
		background-color: #edf6f9;
		padding: 1rem;
		margin-bottom: 1rem;
	}
	.subCntblk ul.ImgList{
		border: 0px solid #eee;
		box-shadow: none;
		margin-top: 0rem;
			padding: 0;
	}

.subCntblk-gray{
	padding: 1.5rem;
	margin-top: 1rem;
	background-color: #f2f2f2;
}

	.subCntblk-gray .SubCnt-inblk{
		padding: 1.5rem;
		margin-top: 1rem;
		background-color: #fff;
	}
		.subCntblk-gray .SubCnt-inblk .Stepttl{
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
				padding-bottom: 1rem;
		}
			.subCntblk-gray .SubCnt-inblk .Stepttl p{
				width: 100%;
			}
	.subCntblk-gray .SubCnt-inblk .step{
		color: #FFF;
		background-color: #00a0e9;
		text-align: center;
		padding:0.3rem 0.7rem; 
		line-height: 1;
			margin-right: 1rem;
		display: block;
	}
		.subCntblk-gray .SubCnt-inblk .step span{
			font-size: 2rem;
			display: block;
		}
		.subCntblk-gray h5{
			padding: 0;
			background-color: #f2f2f2;
		}

/*table*/

	@media(max-width:768px) {
		th{
			display: block;
			width: 100% !important;
			padding: 0.5rem 0 0 !important;
			color: #00a0e9;
				font-size: 1rem;
		}
		td{
			display: block;
			width: 100% !important;
			padding: 0 0 0.5rem !important;
		}
		td ul.flex{
			display: block;
		}
		.table-area-comp th:before {
			display: none;
		}
		.table-area-comp td ul.flex li:last-child {
			padding-left: 0 !important;
		}
		.table-area-comp td ul.flex li:first-child {
			padding-right: 0 !important;
				white-space: normal !important;
		}
}

.table-area table{
	width: 100%;
		border-top:1px solid #cecece;
		border-right:1px solid #cecece;
}
	.table-area th{
		background-color: #f8d7e5;
		padding: 0.25rem;
			border-left:1px solid #cecece;
			border-bottom:1px solid #cecece;
	}
	.table-area td{
		padding: 0.25rem;
			border-left:1px solid #cecece;
			border-bottom:1px solid #cecece;
	}

.table-area-form {
	padding-top: 1rem;
}
.table-area-form table{
	width: 100%;
		border-top:0px;
		border-right:0px;
}
	.table-area-form th{
		background-color: #f8d7e5;
		padding: 1rem;
			border-left:0px;
			border-bottom:0px;
	}
	.table-area-form td{
		padding: 1rem;
			border-left:0px;
			border-bottom:0px;
	}
		p.required span{
			color: #00a0e9;
				padding-right: 0.5rem;
		}
			p.required{
				padding-top: 2rem;
			}

.table-area-comp{
	padding: 2rem 0;
}
.table-area-comp table{
	width: 100%;
		border-top:0;
		border-right:0;
}
	.table-area-comp th{
		position: relative;
		width: 20%;
		background-color: none;
		padding: 0.5rem 1rem 1rem 1rem;
			border-left:0;
			border-bottom:0;
		vertical-align: text-top;
	}
		.table-area-comp th:before{
			position: absolute;
			content: '';
			border-left:2px solid #cecece;
			height: 40px;
			top:0;
			bottom:0;
			left:0;
		}
	.table-area-comp td{
		padding: 1rem;
			border-left:0;
			border-bottom:0;
	}

		.table-area-comp td ul.flex li:first-child{
			padding-right: 1rem;
			white-space: nowrap
		}
		.table-area-comp td ul.flex li:last-child{
			padding-left: 1rem;
		}

.table-area-inptform {
	padding-top: 1rem;
}
.table-area-inptform table{
	width: 100%;
		border-top:0px;
		border-right:0px;
}
	.table-area-inptform th{
		white-space: nowrap;
		padding: 1rem;
			border-left:0px;
			border-bottom:0px;
		font-size: 1rem;
	}
	.table-area-inptform th span{
			color: #00a0e9;
				padding-right: 0.5rem;
		}

	.table-area-inptform td{
		padding: 1rem;
			border-left:0px;
			border-bottom:0px;
	}


/*	Flex*/

.flex{
	display: -webkit-flex;
	display: flex;
}

@media(max-width:768px) {
	.sp-blk{
		display: block !important;
	}
	
}

/*Img*/

.imgArea-center{
	padding: 1rem 0;
	text-align: center;
}
.nb-img img{
	width: 100%;
	margin:0.5rem 0;
}

@media(max-width:768px) {
	.imgArea-center img{
		width: 100%;
	}
}

/*base*/

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

/*tamplate*/

.ContentsHeader{
	padding: 0;
	height: 220px;
	overflow: hidden;
		position: relative;
}
	.ContentsHeader .container{
		position: absolute;
		left:0;
		right:0;
		bottom:0;
			margin: auto;
		padding: 0;
	}
			.ContentsHeader .container .Cntttl{
				padding: 1rem 0;
				position: relative;
			}
			.ContentsHeader .container .Cntttl:after{
				content: '';
				display: block;
				width: 840px;
				height: 50px;
				background-color: #FFF;
					position: absolute;
					right: 0;
					bottom: 0;
			}
			.ContentsHeader .container .Cntttl h1{
				color: #FFF;
				font-weight: bold;
					width: 280px;
			}

		.ContentsHeader img{
			width: 100%;
		}
		@media(max-width:768px) {
			aside{
				width: 100% !important;
					margin-right: 0 !important;
				padding: 0 0 4rem 0 !important;
			}
				aside li a {
					padding: 1rem !important;
				}
			.SideNav{
				padding: 0.5rem;
			}
			.inCnt{
				width: 100% !important;
				padding: 0.5rem !important;
			}
			
			.ContentsHeader {
				height: auto !important;
			}
			
			.ContentsHeader .container{
				top:0;
						display: -webkit-flex;
						display: flex;
						-webkit-justify-content: center;
						justify-content: center;
						-webkit-align-items: center;
						align-items: center;
			}
			
			.ContentsHeader .container .Cntttl{
					width: 100% !important;
					text-align: center;
			}
				.ContentsHeader .container .Cntttl h1{
					width: 100% !important;
				}
			.ContentsHeader .container .Cntttl:after{
				content: none;
			}
					ul.nav-tabs .nav-item{
						width: 49% !important;
					}
			.inCnt .CntIntro{
				display: block;
			}
			.inCnt .Clumn-Area {
				display: block;
			}
			.SideBlk{
				display: none;
			}
			
		}

	aside{
		width: 280px;
		border-top:4px solid #00a0e9;
		padding: 4rem 0 0 0;
			margin-right: 20px;
	}
		aside li a{
			width: 100%;
			display: block;
			padding: 1rem 0;
			border-bottom: 1px solid #cecece;
		}
		aside li a:hover{
			color: #00a0e9;
			border-bottom: 1px solid #00a0e9;
		}
			aside li.active a{
				font-weight: bold;
				color: #f19ec2;
					font-size: 0.92rem;
			}
			aside nav h5{
				color: #00a0e9;
				font-size:1rem;
					font-weight: bold;
				display: flex;
				align-items: center;
				padding:3rem 0 1rem;
			}
			aside nav h5:after {
				border-top: 2px solid #00a0e9;
				content: "";
				flex-grow: 1;
			}
			aside nav h5:after {
				margin-left: 1rem;
			}
			aside ul.Catg li.active a{
				font-weight: bold;
				color: #00a0e9;
					font-size: 0.92rem;
			}
			.SideBlk{
				border: 1px solid #cecece;
					padding-top: 2rem;
				width: 100%;
				position: relative;
					margin-top: 2rem;
				box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
					padding: 1.2rem;
					border-radius: 0.25rem;
			}
				.SideBlk img{
					width: 100%;
				}
			.SideBlk h3{
				font-size: 2rem;
				font-weight: bold;
					padding: 0.8rem 0;
			}
				.SideBlk h3 span{
					font-size: 0.8rem;
					font-weight: normal;
						display: block;
				}
				.SideBlk p{
					padding-top: 1rem;
				}

					.SideBlk .ttl-center{
						text-align: center;
						font-weight: bold;
					}
					.SideBlk .ttl-center p{
						font-size: 1rem;
					}

	.inCnt{
		width: 840px;
		padding: 0 0 4rem;
		position: relative;
	}
	/*.inCnt section{
		padding: 0 0 4rem;
	}*/

	@media(max-width:768px) {
			.inCnt .Tab-Area,
			.inCnt .Tab-AreaIn{
				width: 96% !important;
			}
		}
		.inCnt section:last-child{
			padding-bottom: 0rem;
		}
		.inCnt .Tab-Area{
			position: absolute;
			top:-50px;
			width: 100%;
			padding: 0;
		}
		.inCnt .Tab-AreaIn{
			position: absolute;
			padding: 0.5rem;
			top:-50px;
			width: 100%;
		}
					ul.nav-tabs{
						width: 100%;
						display: -webkit-flex;
						display: flex;
						-webkit-justify-content: flex-start;
						justify-content: flex-start;
						-webkit-align-items: center;
						align-items: center;
					}
					ul.nav-tabs .nav-item{
						width: 50%;
					}
					ul.nav-tabs .nav-item a.nav-link{
						border: 0;
						background-color: #00a0e9;
						border-radius: 0;
						height: 50px;
						color: #FFF;
							background-image: url("../img/icon-arrow02w.png");
							background-position: right 1rem center;
							background-repeat: no-repeat;
					}
					ul.nav-tabs .nav-item a.nav-link.active,
					ul.nav-tabs .nav-item a.nav-link:hover{
						border: 0;
						background-color: #FFF;
						border-radius: 0;
						color: #00a0e9;
							font-size: 1.0rem;
							font-weight: 500;
							background-image: none;
					}
						ul.nav-tabs .nav-item a.nav-link:hover:after{
							content: none;
						}
					.tab-content{
						padding: 4rem 0 0 0;
					}
		.inCnt .CntIntro{
			padding: 2rem 0;
		}
			.inCnt .CntIntro .readArea{
				width: 100%;
			}
	@media(max-width:768px) {
			.inCnt .CntIntro .ImgArea {
				padding-top: 1rem;
				padding-left: 0rem !important;
				width: 100% !important;
			}
		}



				.inCnt .CntIntro .readArea h3{
					font-size: 1.4rem;
					font-weight: bold;
					color: #00a0e9;
					line-height: 1.4;
				}
				.inCnt .CntIntro .readArea h3 + P{
					padding-top: 1rem;
					line-height: 1.6;
				}
			.inCnt .CntIntro .ImgArea{
				padding-left: 2rem;
				width: 70%;
			}
				.inCnt .CntIntro .ImgArea img{
					width: 100%;
				}

			.inCnt .Clumn-Area{
				border: 1px solid #00a0e9;
				margin-top: 2rem;
			}
			.inCnt .Clumn-Area h4{
				color: #FFF;
				position: relative;
					background-color: #00a0e9;
				padding: 0.25rem 1rem;
			}
				.inCnt .Clumn-Area h4 span{
					position: absolute;
						font-size: 0.86rem;
					right: 1rem;
					top:0.5rem;
					margin: auto;
				}
					.inCnt .Clumn-Area ul{
						padding: 1rem;
							line-height: 2;
							font-weight: 500;
					}
				.inCnt .Clumn-Area .TtlArea{
					color: #FFF;
					position: relative;
						background-color: #00a0e9;
					padding:1rem;
						font-size: 1.6rem;
					font-weight: bold;
					display: flex;
								-webkit-justify-content: flex-start;
								justify-content: flex-start;
								-webkit-align-items: center;
								align-items: center;
				}
					.inCnt .Clumn-Area .TtlArea span{
						display: block;
						font-size: 0.86rem;
					}
				.inCnt .Clumn-Area .clmun-blk{
					padding: 1rem;
				}
			.inCnt .Clumn-Area ul.ChkList{
				margin-top: 0;
				border: 0px solid #eee;
			}

		.inbg_gray article{
			background-color: #FFF;
			padding: 2rem;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
			margin-bottom:2rem;
		}

			@media(max-width:768px) {
				.inbg_gray article{
					padding: 2rem 1rem !important;
				}
					.inqArea .inqttl h5{
						font-size: 1.5rem !important;
					}
				.inqArea .inqttl h5 + P{
					letter-spacing: -1px;
				}
				.inqArea .cntInqArea {
					display: block !important;
				}
					.inqArea .cntInqArea .Tokyo{
						border-right: 0px !important;
						border-bottom: 1px solid #cecece;
							margin-bottom: 1rem;
					}
			}
			.inbg_gray article:last-child{
				margin-bottom:0rem;
			}
		.PanLink{
			padding: 1rem;
				font-size: 0.8rem;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
		}
		.inqArea{
			padding: 1.5rem !important;
			border: 1px solid #eee;
			box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
			margin-top: 1rem;
				position: relative;
			text-align: center;
			}
		.inqArea .inqttl{
			padding-bottom: 1.6rem;
		}
			.inqArea .inqttl h5{
				font-size: 1.8rem;
				padding-bottom: 1rem;
				 border-bottom: 1px solid #cecece;
				position: relative;
			}
			.inqArea .inqttl h5:after{
				content: '';
				width: 200px;
				height: 3px;
				background-color: #00a0e9;
					position: absolute;
				bottom: -3px;
				left: 0;
				right: 0;
				margin: auto;
			}
				.inqArea .inqttl h5 + P{
					padding-top: 1rem;
					font-size: 0.92rem;
						font-weight: 500;
				}
					.inqArea .cntInqArea{
						padding-bottom: 1.6rem;
					}
					.inqArea .cntInqArea .Tokyo{
						width: 100%;
						border-right: 1px solid #cecece;
					}
					.inqArea .cntInqArea .Oosaka{
						width: 100%;
					}
					.inqArea .cntInqArea dl{
						position: relative;
						padding: 0 1.6rem;
						margin: 0;
					}
					.inqArea .cntInqArea dt{
						background-color: #f19ec2;
						color: #FFF;
						text-align: center;
						width: auto;
							max-width: 100px;
							padding: 0.16rem 1rem;
							border-radius: 2rem;
						margin: 0 auto 0.5rem;
					}
						.inqArea .cntInqArea dd.TelArea A{
							color: #00a0e9;
							font-size: 1.2rem;
								font-weight: bold;
						background-image: url("../img/icon-tel.png");
						background-position: left center;
						background-repeat: no-repeat;
						padding-left: 2rem;
					}
						.inqArea .bluBtn{
							width: 80%;
							margin: auto;
						}
			.PanLink a{
				color: #00a0e9;
			}
			.PanLink a:after{
				content: '>';
				padding: 0 1rem;
			}

/*header*/

header{
	position: relative;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

header .container{
		background-color: #FFF;
	position: fixed;
	padding: 0;
	height: 85px;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
	z-index: 100;
		font-weight: bold;
}

header .container .hLogo{
		width: 100%;
		padding: 0 0 0 1rem;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
}

header .container .hLogo P{
	margin-left: auto;
}

header .navbar-brand {
	width: 138px;
}
	header .navbar-brand img{
		width: 100%;
	}

header .container P{
	width: 100%;
}
	header .navbar{
		padding: 0;
	}

		@media(max-width:768px) {
				header .container{
					position: relative;

				}
			header .navbar-toggler{
				position: absolute;
				right:1rem;
				top:0;
				bottom: 0;
				margin: auto;
			}
			header .container .hLogo{
				position: absolute;
				left:0;
				top:0;
				bottom: 0;
				margin: auto;
				}
			
			header .navbar-brand {
				width: 100px;
			}
				header .container .hLogo P{
					display: none;
				}
		}

/*gMenu*/
#navbarNav{
	width: 100%;
}
	#navbarNav .nav-item{
		margin: 0 0 0 1.4rem;
	}
		#navbarNav .nav-item:first-child{
			margin: 0;	
		}
	a.nav-link,
	a.inqBtn{
		width:auto;
		height: 85px;
	}
	a.nav-link{
		padding-left: 1.4rem !important;
		padding-right: 1rem !important;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
		background-image: url("../img/icon-arrow01.png");
		background-position: left center;
		background-repeat: no-repeat;
		position: relative;
	}
	a.nav-link:hover{
		color: #00a0e9;
		opacity: 1;
	}
		a.nav-link:hover:after{
			content: '';
			width: 100%;
			height: 3px;
			background-color: #00a0e9;
				position: absolute;
			bottom: 0;
				margin-left: -1.6rem;
		}

	a.inqBtn{
					display: -webkit-flex;
				display: flex;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-align-items: flex-end;
				align-items: flex-end;
			background-image: url("../img/icon-mail.png");
			background-position: top 20px center;
			background-repeat: no-repeat;
				padding-left: 0.5rem !important;
				padding-right: 0.5rem !important;
			font-size: 0.7rem;
			background-color: #00a0e9;
			color: #FFF;
			margin: 0 !important;
	}
		a.inqBtn:hover{
			color: #FFF;
		}
		a.inqBtn:hover:after{
			content: none;
		}
			@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,160,233,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
		#navbarNav{
			-webkit-justify-content: flex-end;
			justify-content: flex-end;
		}
		@media(max-width:768px) {
			.navbar-collapse{
				background-color: #00a0e9;
				position: absolute;
				top:80px;
					z-index: 101;
			}
			ul.navbar-nav{
				padding: 2rem 0;	
			}
			#navbarNav .nav-item {
 				   margin: 0;
				padding: 0 1rem;
			}
			a.nav-link {
				padding: 1rem;
				color: #FFF;
				border-bottom: 1px solid #FFF;
			}
			a.nav-link, a.inqBtn {
				height: auto;
			}
			a.inqBtn {
				background-position: left 1rem center;
				border:1px solid #FFF;
				margin-top: 1rem !important;
			}
			
		}

/*ttl*/
	@media(max-width:768px) {
		.inCntttl P {
			display: none;
		}
		.ttlArea-main h2{
			font-size: 1.6rem !important;
				line-height: 1.6;
		}
	}

.ttlArea-main,
.ttlArea{
	text-align: center;
	padding: 0rem 0 2rem;
	position: relative;
		z-index: 99;
}
	.ttlArea-main h2{
		font-size: 1.8rem;
			font-weight: bold;
		color: #00a0e9;
		padding-bottom: 0.5rem;
	}
		.ttlArea-main P{
			font-weight: 500;
		}
	.ttlArea h2{
		font-size: 1.5rem;
			font-weight: bold;
	}
	.ttlArea P{
		font-size: 0.7rem;
	}
	.ttlArea h2:after{
		content: '';
		width: 100px;
		height: 3px;
		display: block;
		margin: 0.8rem auto;
			background-color: #00a0e9;
	}

.ttlArea-cnt h3{
	font-size: 1.6rem;
	border-bottom: 1px solid #cecece;
	position: relative;
	padding: 1rem 0;
}
	.ttlArea-cnt h3:before{
		content: '';
		width: 200px;
		display: block;
		border-bottom: 3px solid #00a0e9;
		position: absolute;
			bottom:-3px;
			left: 0;
	}

.inCntttl{
	position: relative;
	background-color: #00a0e9;
	color: #FFF;
	padding: 1rem;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
	}
	.inCntttl img{
		padding-right: 1rem;
		border-right: 1px solid #FFF;
		margin-right: 1rem;
	}
	.inCntttl P{
		position: absolute;
		right: 1rem;
	}

.line-ttl{
	position: relative;
	border-left: 4px solid #00a0e9;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
	padding: 0.25rem 0rem 0.25rem 1rem;
	margin-bottom: 1rem;
	}
	.line-ttl h4{
		width: 100%;
	}
	.line-ttl P{
		width: 100%;
		font-weight: 500;
			text-align: right;
	}

	@media(max-width:768px) {
				.line-ttl P{
					display: none;
				}
		}

/*contnar*/

section{
	padding: 4rem 0;
}
	@media screen and (max-width:768px) {
		section{
			padding: 3rem 0;
		}
	}
	a:hover .card-imgtxt{
		opacity: 0.8;
	}

/*index*/

	.indexSlider{
		padding: 0;
		position: relative;
		color: #FFF;
		height: auto;
			max-height: 640px;
		overflow: hidden;
	}
		.indexSlider:after{
			content: '';
			background-image: url("../img/bg-slider.png");
				background-position: center center;
					background-repeat: no-repeat;
			width: 100%;
			height: 40px;
			position: absolute;
			bottom: 0;
			z-index: 100;
			
		}
		@media screen and (max-width:768px) {
			.indexSlider{
				padding: 0;
			}
			.indexSlider .mainCopy{
				top:0 !important;
				left:0 !important;
				right: 0;
				text-align: center;
			}
				.indexSlider h1{
					/*font-size: 1.8rem !important;*/
				}
			.indexSlider .mainCopy{
					border: 0px !important;
					width: 100% !important;
				}
				.indexSlider .mainCopy h2{
					font-size: 1.6rem !important;
					padding-top: 1rem;
				}
					.indexSlider .mainCopy .cp{
						font-size: 1.2rem !important;
					}
			
		}
		.indexSlider .mainCopy{
			position: absolute;
			width: 405px;
			height: 405px;
			border: 1px dotted #FFF;
				top:8.5rem;
				left:0;
				right: 0;
				margin: auto;
				z-index: 99;
			padding: 2.2rem 3rem 3rem;
		}
		.indexSlider .mainCopy h1{
			font-size: 4rem;
				text-align: center;
				font-weight: bold;
			position: relative;
		}
			.indexSlider .mainCopy h1:before{
				content: '';
				width: 6px;
				height: 150px;
				position: absolute;
				left: 0;
				top:0;
				background-image: url("../img/icon-cach-left.png");
			}
			.indexSlider .mainCopy h1:after{
				content: '';
				width: 6px;
				height: 150px;
				position: absolute;
				right: 0;
				top:0;
				background-image: url("../img/icon-cach-right.png");
			}
		.indexSlider .mainCopy h2{
			font-size: 2rem;
			letter-spacing: 1.82rem;
			padding-bottom: 1rem;
				text-align: center;
				font-weight: bold;
		}
		.indexSlider .mainCopy h3{
			font-size: 1rem;
				text-align: center;
				font-weight: bold;
						padding-top: 1rem;
						border-top: 2px solid #FFF;
		}
		.indexSlider .mainCopy .cp{
			font-size: 1.5rem;
				text-align: center;
				font-weight: bold;
		}

	/*Slider*/
	.indexSlider .Slider{
			height: auto;
				min-height: 640px;
				overflow: hidden;
		}
			.indexSlider .Slider img{
				width:100%;
					min-width: 1640px;
					height: auto;
						min-height: 640px;
			}
	.Slider{
		position: relative;
	}
	.swiper-button-next, .swiper-button-prev{
		background-color: #00a0e9;
		border-radius: 20px;
		width: 40px !important;
		height: 40px !important;
	}
		.swiper-button-next:after,
		.swiper-button-prev:after{
			font-size: 1.2rem !important;
			color: #FFF !important;
		}
		.swiper-button-next{
			right:10px !important;
		}
		.swiper-button-prev{
			left:10px !important;
		}

		@media screen and (max-width:768px) {
			.indexSlider .Slider{
				width: 100%;
				height: 460px !important;
					min-height: inherit;
				overflow: hidden;
				text-align: center;
			}
				.indexSlider .Slider .swiper-slide img{
						margin: auto;
					/*width: auto;*/
					width: 100%;
						/*min-width: 1180px !important;*/
					min-width: 375px !important;
					height: auto;
						min-height: 460px;
				}
			.inSlidearea{
				width: auto;
					max-width: 260px;
			}
			
			.inSlidearea .Slider{
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
				.inSlidearea .Slider .swiper-slide img{
					width: 100%;
				}
				.swiper-button-next:after, .swiper-button-prev:after {
					font-size: 0.8rem !important;
				}
				.swiper-button-next, .swiper-button-prev{
					width: 30px !important;
					height: 30px !important;
				}
			}

/*a Btn */
.bluBtn{
	width: 100%;
	font-weight: 500;
	display: block;
	background-color: #00a0e9;
	padding: 1rem;
	text-align: center;
		color: #FFF;
	margin: 1rem 0;
		background-image: url("../img/icon-arrow01w.png");
		background-position: right 10px center;
		background-repeat: no-repeat;
	border-radius: 0.25rem;
	border: 0;
}

	.bluBtn:hover{
		color: #FFF
	}

.grayBtn{
	width: 100%;
	font-weight: 500;
	display: block;
	background-color: #cecece;
	padding: 1rem;
	text-align: center;
		color: #FFF;
	margin: 1rem 0;
		background-image: url("../img/icon-arrow01l.png");
		background-position: right 10px center;
		background-repeat: no-repeat;
	border-radius: 0.25rem;
	border: 0;
}

	.grayBtn:hover{
		color: #000;
	}



/*bgcolr*/

	@media(max-width:768px) {
		.inbg_gray{
			padding: 1rem !important;
		}
		.in-linnbg_gray {
			padding: 0.5rem !important;
		}
		.bg-yellow,.bg-blue,.bg-pink{
			padding: 1rem 0.5rem !important;
		}
	}

.bg_gray{
	background-image: url("../img/back-gray.gif");
	background-repeat: repeat;
	background-color: #f5f5f5;
}
.inbg_gray{
	padding: 2rem;
	background-image: url("../img/back-gray.gif");
	background-repeat: repeat;
	background-color: #f5f5f5;
}
	.inbg_gray .card-imgtxt{
		background-color: #f2f2f2;
				overflow: hidden;
			box-shadow: none;
	}
	.inbg_gray .card-imgtxt P{
		padding: 1rem;
	}
.linnbg_gray{
	border: 3px solid #e6e6e6;
	padding: 0.1rem !important;
		position: relative;
	margin-bottom: 2rem;
}
	.linnbg_gray:after{
		content: '';
		width: 110px;
		height: 58px;
		display: block;
		position: absolute;
		background-image: url("../img/icon-arrow03.png");
		background-position: center center;
		background-repeat: no-repeat;
			bottom: -58px;
			left: 0;
			right: 0;
		margin: auto;
	}
	.in-linnbg_gray{
		border: 1px solid #e6e6e6;
		padding: 2rem;
	}
		@media screen and (max-width:768px) {
				.in-linnbg_gray .ttlArea h2{
					font-size: 2rem !important;
					padding-top: 2rem;
				}
		}
		.in-linnbg_gray .ttlArea h2{
			font-size: 3rem;
		}
.bg-yellow{
	background-color: #ffffce;
	padding: 2rem;
	margin-bottom: 2rem;
}

.bg-blue{
	background-color: #edf6f9;
	padding: 2rem;
	margin-bottom: 1rem;
}
	.bg-blue h5{
		color: #00a0e9;
		font-weight: bold;
			padding-bottom: 1rem;
	}
	.bg-yellow:last-child,
	.bg-blue:last-child{
		margin-bottom: 0rem;	
	}

.bg-pink{
	background-image: url("../img/back-pink.gif");
	background-repeat: repeat;
	background-color: #f4b2cf;
		color: #FFF;
	padding: 1rem;
	text-align: center;
}

/*Index*/

@media(max-width:768px) {
	.sp-blk .office{
		padding-bottom: 2rem;
	}
	.IndexCntBlk .ttl-center{
			height: auto !important;
	}
	.hisArea h3 {
		width: 100% !important;
		margin-bottom: 2rem;
	}
	.hisArea A {
		padding: 2rem 2rem 7rem 2rem !important;
		background-position: bottom 1rem center !important;
	}
}

.IndexCntBlk{
	border-top: 3px solid #00a0e9;
		padding-top: 2rem;
	width: 100%;
	position: relative;
		margin-top: 2rem;
}
	.IndexCntBlk img{
		width: 100%;
	}
	@media(max-width:768px) {
		.IndexCntBlk h3{
			font-size: 1.6rem !important;
		}
	}
.IndexCntBlk h3{
	font-size: 2rem;
	font-weight: bold;
		padding: 0.8rem 0;
}
	.office h3{
		padding: 1.2rem 0 1rem;
	}
	.IndexCntBlk h3 span{
		font-size: 0.8rem;
		font-weight: normal;
			display: block;
	}
	.IndexCntBlk p{
		padding-top: 1rem;
	}
.IndexCntBlk:first-child{
	margin-right: 2rem;
}

.IndexCntBlk .ttl-center{
	text-align: center;
	font-weight: bold;
		height: 8.2rem;
}
	.ttl-center p{
		font-size: 1rem;
	}
	.office:before{
		content: '';
		background-image: url("../img/icon-office.png");
		background-position: center;
		background-repeat: no-repeat;
		width: 74px;
		height: 74px;
			position: absolute;
		top:-2.6rem;
		left:0;
		right:0;
		margin: auto;
	}
	.hopsmall:before{
		content: '';
		background-image: url("../img/icon-hopsmall.png");
		background-position: center;
		background-repeat: no-repeat;
		width: 74px;
		height: 74px;
			position: absolute;
		top:-2.6rem;
		left:0;
		right:0;
		margin: auto;
	}

.hisArea A{
	margin-top: 2rem;
	border: 2px solid #00a0e9;
	padding: 2rem 10rem 2rem 2rem;
		background-image: url("../img/btn_detail.png");
		background-position: right 1rem center;
		background-repeat: no-repeat;
				line-height: 2;
}

.hisArea h3{
	width: 30%;
	background-image: url("../img/icon-history.png");
	background-position: left center;
	background-repeat: no-repeat;
		padding-left: 4rem;
	color: #00a0e9;
				-webkit-justify-content: flex-start;
			justify-content: flex-start;
			-webkit-align-items: center;
			align-items: center;
}

	.card-imgtxt{
		background-color: #FFF;
				overflow: hidden;
		margin: 1rem 0;
			box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	}
		.card-imgtxt h4{
			font-size: 0.86rem;
			padding: 1rem;
				background-image: url("../img/icon-arrow01.png");
				background-position: right 1rem center;
				background-repeat: no-repeat;
		}
		.thumbImg{
			position: relative;
			overflow: hidden;
				height: auto;
						max-height: 200px;
		}
			.card-imgtxt img{
				width: 100%;

			}
/*compmany*/

.Company-header{
	text-align: center;
}

	.Company-header img{
		width: auto;
			max-width: 131px;
	}
		.Company-header h4{
			padding-top: 2rem;
			font-weight: bold;
			font-size: 1.2rem;
				line-height: 2;
		}

@media(max-width:768px) {
		.Company-header h4{
			font-size: 1rem;
		}
	}

/*Business*/

@media(max-width:768px) {
		.Business-header h2{
			font-size: 1.9rem !important;
		}
		.Business-header h2 + P{
			text-align: left !important;
		}
	}

.Business-header h2{
	text-align: center;
	font-size: 3rem;
	letter-spacing: -3px;
	padding: 4rem 0 1.5rem;
		border-bottom: 2px solid #00a0e9;
}
	.Business-header h2 + P{
		font-size: 1rem;
			line-height: 1.8;
		text-align: center;
		padding-top: 1rem;
	}

.hopsmallArea{
	border: 2px solid #00a0e9;
	padding: 2rem !important;
	position: relative;
		margin-top: 5rem;
}
	.hopsmallArea:before{
		content: '';
		background-image: url("../img/icon-hopsmall.png");
		background-position: center;
		background-repeat: no-repeat;
		width: 74px;
		height: 74px;
			position: absolute;
		top:-2.6rem;
		left:0;
		right:0;
		margin: auto;
	}
	@media(max-width:768px) {
		.hopsmallin{
			display: block !important;
		}
		.hopsmallin .hopsmall-read .ttl-center{
			text-align: center !important;
		}
		.hopsmallin .hopsmall-read h3{
			font-weight: bold;
		}

		.hopsmallin .hopsmall-img{
			width: 100% !important;
			padding-left: 0rem !important;
			padding-top: 2rem;
		}
	}
.hopsmallin .hopsmall-read{
	width: 100%;
}
	.hopsmallin .hopsmall-read .ttl-center{
		padding-bottom: 2rem;
	}
	.hopsmallin .hopsmall-read h3{
		font-weight: bold;
	}
		.hopsmallin .hopsmall-read P{
			font-weight: 500;
		}
	.hopsmallin .hopsmall-img{
		width: 70%;
		padding-left: 2rem;
	}
		.hopsmallin .hopsmall-img img{
			width: 100%;
		}

/*Kiyaku*/

.kiyaku-area{
	padding: 2rem !important;
	border: 1px solid #f2f2f2;
	height: 400px;
		overflow-y: scroll;
	margin: 2rem auto;
}

.kiyaku-area h2{
	font-size: 1.4rem;
	padding: 0 0 2rem;
}

.kiyaku-area h3{
	font-size: 1.2rem;
	padding: 1rem 0 0.5rem;
}

/*history*/

@media(max-width:768px) {
	.historyArea{
		margin-bottom: 3rem;
	}
}

.historyArea{
	position: relative;
	padding: 2rem 0 0 0;
}
	.historyArea:before{
		content: '';
		width: 3px;height: 100%;
		background-color: #e6e6e6;
		position: absolute;
		left:1.2rem;
	}
.historyArea .his-blk{
	position: relative;
	z-index: 100;
	background-image: url("../img/icon-history-flag.png");
	background-position: left 15px top 40px;
	background-repeat: no-repeat;
	padding: 2rem 0 2rem 4rem;
	
	
}
	.historyArea .his-blk h5{
		font-size: 1.2rem;
		padding-bottom: 1rem;
	}
	.historyArea .his-blk .flex p{
		width: 100%;
	}
	.historyArea .his-blk .flex .img{
		width: 60%;
		padding-left: 2rem;
	}
	.historyArea .his-blk .flex .img img{
		width: 100%;
	}	

/*footer*/
footer .container,
.CopyArea{
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;
}

		@media(max-width:768px) {
					footer .container,
					.CopyArea{
						display: block;
					}
			footer .container .fLogo,
			footer .container .fgropeLogo{
				width: 100% !important;
			}
				footer .container .fLogo{
					border-right: 0px;
				}
					footer .container .fInqArea{
						padding: 1rem 0 2rem;
						display: block !important
					}
						footer .container .fInqArea .Oosaka{
							padding-top: 2rem;
						}
					footer .container .fInqArea dd.MapLink{
						top: inherit !important;
							bottom: -2rem;
						}
			footer .container .fgropeLogo{
				    padding: 0.5rem 1rem 1rem;
			}
		}
	footer .container{
		padding: 1.2rem 0;
		font-size:0.82rem;
	}
	footer .container .fLogo{
		width: 21%;
		text-align: center;
			font-weight: bold;
		padding-right: 1rem;
			border-right: 2px solid #f2f2f2;
	}
		footer .container .fLogo img{
			width: auto;
				max-width: 100px;
				margin: auto;
				height:38px;
		}
	footer .container .fLogo p span{
		display: block;
		font-size: 10px;
	}
	footer .container .fInqArea{
		width: 100%;
		position: relative;
	}
		footer .container .fInqArea dl{
			position: relative;
			padding: 0 1.6rem;
			margin: 0;
		}
		footer .container .fInqArea dt{
			background-color: #f19ec2;
			color: #FFF;
			text-align: center;
			width: auto;
				max-width: 100px;
				padding: 0.16rem 1rem;
				border-radius: 2rem;
			margin-bottom: 0.5rem;
		}
		footer .container .fInqArea dd.MapLink{
			position: absolute;
			padding-right: 1rem;
			top:1.8rem;
			right:0;
		}
		footer .container .fInqArea dd.MapLink A{
			color: #00a0e9;
			background-image: url("../img/icon-arrow02.gif");
			background-position: left center;
			background-repeat: no-repeat;
				padding-left: 0.5rem;
		}
	footer .container .fgropeLogo{
		width: 43%;
		padding-left: 1rem;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-align-items: center;
			align-items: center;
	}
		footer .container .fgropeLogo A:first-child{
			width: 100%;
			padding-right:0.5rem;
		}
		footer .container .fgropeLogo A:last-child{
			width: 100%;
			padding-left:0.5rem;
		}
		footer .container .fgropeLogo A img{
			width: 100%;
			height:auto;
		}


	.CopyArea{
		background-color: #00a0e9;
			color: #FFF;
	}
	.CopyArea p{
		width: 100%;
		text-align: right;
			font-size: 0.72rem;
	}
			.CopyArea ul.flex{
				width: 100%;
				-webkit-justify-content: flex-start;
				justify-content: flex-start;
				-webkit-align-items: center;
				align-items: center;	
			}
				.CopyArea ul.flex A{
					color: #FFF;
					padding: 0 0.5rem;
				}
					.CopyArea ul.flex A:after{
						content: '|';
							padding-left: 0.5rem;
					}
						.CopyArea ul.flex li:last-child A:after{
							content: none;
						}
			@media(max-width:768px) {
				.CopyArea{
					text-align: center;
				}
					.CopyArea ul.flex{
						display: block;
						padding: 0 1rem 1rem;
				}
						.CopyArea ul.flex li{
							color: #FFF;
							padding: 1rem;
							border-bottom: 1px solid #FFF;
						}
					.CopyArea ul.flex A:after{
						content:none;
					}
				
				.CopyArea p {
					font-size: 0.6rem;
					text-align: center;
				}
				
			}

/*固定系*/

.hopsLinkBtn{
	position: fixed;
	top: 25%;
	bottom: 0;
		right:0;
	margin: auto;
	z-index: 100;
}
#hyperBn{
		/*効かない*/display:none;
		position:absolute;
		left:-9999px;
	}

		@media(max-width:768px) {
			.hopsLinkBtn{
				display: none;
			}
			/*フローティングバナー*/
			#hyperBn{
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 101;
			width: 100%;
			padding: 1.5rem 4rem 1.5rem 1.5rem;
			background-color: white;
			border-top: 1px solid #e5e5e5;
			}
			.hyperBn__close{
			position: absolute;
			top: 1rem;
			right: 0.8rem;
			width: 2.4rem;
			height: 2.4rem;
			}
			.hyperBn__close-inner{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			}
			.hyperBn__close-inner::before{
			transform: translate(-50%, -50%) rotate(45deg);
			}
			.hyperBn__close-inner::after{
			transform: translate(-50%, -50%) rotate(-45deg);
			}
			.hyperBn__close-inner::before, .hyperBn__close-inner::after{
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			width: 1.2rem;
			height: 0.2rem;
			background-color: #888;
			}
			.hyperBn__img img{
			width:100%;
			height:auto;
			}
		}

/*サイトマップ*/
@media(max-width:768px) {
	.row{
		width:100%;
	}
}
.sitemapArea{
	padding: 0;
}
.sitemapArea h5 {
    color: #00a0e9;
    font-size: 1rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 3rem 0 1rem;
}

.sitemapArea h5:after {
    margin-left: 1rem;
}
.sitemapArea h5:after {
    border-top: 2px solid #00a0e9;
    content: "";
    flex-grow: 1;
}
.sitemapArea ul li{
	width: 100%;
	border-bottom: 1px dotted #cecece;
	padding: 1rem;
}


/*form*/

.btns{
	text-align: center;
	padding: 2rem 0;
	    display: flex;
    align-items: center;
	justify-content: space-between;
}

.btns input{
	margin: 0 1rem;
}

input[type="text"],
textarea{
	padding: 0.25rem;
		border-radius: 0.25rem;
	border:1px solid #cecece;
}

#thanks_box{
	text-align: center;
}
#thanks_box .ttl{
	font-size:2rem;
	color: #00a0e9;
}

.inpSS{
	width: 15%;
}
.inpS{
	width: 20%;
}
.inpM{
	width: 40%;
}
.inpML{
	width: 80%;
}
.inpL{
	width: 90%;
}

.sp_fBnar{
	display: none;
}

@media(max-width:768px) {
		.sp_fBnar{
			display: block;
			padding:1rem;
		}

	.sp_fBnar img{
		width: 100%;
			max-width: 720px;
	}
}

/*230629*/
.indexSlider .mainCopy{
	width: 410px;
}
.hopsmall:before{
	background-image:url("/common/img/icon-hopsmall2306.png");
}
.IndexCntBlk.hopsmall{
	border-top: 3px solid #f18617;
}
.IndexCntBlk.hopsmall .bluBtn{
	background-color: #f18617;
}
.hopsLinkBtn{
	position: fixed;
	left:auto;
	right:auto;
	margin-left:1140px;
	z-index:101;
}
.hopsLinkBtnWrap{
	position: relative;
	width: 1140px;
	margin: 0 auto;
	top: 220px;
}
@media (max-width: 1198px){
	.hopsLinkBtnWrap{
		width:960px;
	}
	.hopsLinkBtn{
		margin-left:960px;
	}
}
@media (max-width: 991px){
	.hopsLinkBtnWrap{
		width:720px;
	}
	.hopsLinkBtn{
		margin-left:720px;
	}
}
@media(max-width:768px) {
	.hopsLinkBtnWrap{
		display:none;
	}
}