@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: content-home.css
Css info: コンテンツスタイル
------------------------------------------------------------------------------*/

/*//////////////////////////////////////////////////////// */
/* HOME-------------*/
/*//////////////////////////////////////////////////////// */

/* home-box01--------------------------*/
@media screen and (max-width:767px){/*iphone用指定*/
.home-box01{
	width:100%;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.95);
	padding:30px 15px 70px 15px;	
	margin:0 auto;
	}
}
@media print, screen and (min-width:768px){/*PC用指定*/
.home-box01{
	max-width:1200px;
	width:100%;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.95);
	padding:30px 40px 120px 40px;
	border-radius:20px 20px 0 0;	
	margin:0 auto;
	position: relative;
	}
}	


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_logo{
		text-align: center;
		margin:0 0 45px 0;
		}
		.home-box01 .home-box01_logo img{
			max-width:230px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_logo{
		text-align: center;
		margin:0 0 45px 0;
		}
		.home-box01 .home-box01_logo img{
			max-width:230px;
			width:100%;
			height:auto;
			}	
}	


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_tit-01{
		text-align: center;
		margin:0 0 50px 0;
		overflow: hidden;
		}
		.home-box01 .home-box01_tit-01 span {
			position: relative;
			display: inline-block;
			margin: 0 2.5em;
			padding: 0 1em;
			text-align: left;
			}
		.home-box01 .home-box01_tit-01 span::before,
		.home-box01 .home-box01_tit-01 span::after {
			position: absolute;
			top: 65%;
			content: '';
			width: 400%;
			height: 1px;
			background-color: #558899;
			}
		.home-box01 .home-box01_tit-01 span::before {
			right: 100%;
			}
		.home-box01 .home-box01_tit-01 span::after {
			left: 100%;
			}
		.home-box01 .home-box01_tit-01 img{
			max-width:338px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_tit-01{
		text-align: center;
		margin:0 0 70px 0;
		overflow: hidden;
		}
		.home-box01 .home-box01_tit-01 span {
			position: relative;
			display: inline-block;
			margin: 0 2.5em;
			padding: 0 1em;
			text-align: left;
			}
		.home-box01 .home-box01_tit-01 span::before,
		.home-box01 .home-box01_tit-01 span::after {
			position: absolute;
			top: 65%;
			content: '';
			width: 400%;
			height: 1px;
			background-color: #558899;
			}
		.home-box01 .home-box01_tit-01 span::before {
			right: 100%;
			}
		.home-box01 .home-box01_tit-01 span::after {
			left: 100%;
			}
			.home-box01 .home-box01_tit-01 img{
				max-width:338px;
				width:100%;
				height:auto;
				}
}	


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_txt-01{
		text-align: center;
		margin:0 0 30px 0;
		}
		.home-box01 .home-box01_txt-01 img{
			max-width:463px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_txt-01{
		text-align: center;
		margin:0 0 50px 0;
		}
		.home-box01 .home-box01_txt-01 img{
			max-width:463px;
			width:100%;
			height:auto;
			}	
}	


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .txt-s1{
		font-size:15px;
		text-align: left;
		margin:0 auto 50px auto;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .txt-s1{
		max-width:670px;
		width:100%;
		font-size:16px;
		text-align: left;
		margin:0 auto 50px auto;
		}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .lis-s1{
		font-size:0;
		margin:0 0 40px 0;
		}
		.home-box01 .lis-s1 li{
			display:table;
			width:100%;
			position: relative;
			}
		.home-box01 .lis-s1 li a{
			background:#003366 ;
			display:table-cell;
			vertical-align: middle;
			width:100%;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box01 .lis-s1 li:nth-child(2) a,
		.home-box01 .lis-s1 li:nth-child(4) a{
			background:#558899 ;
			}
			.home-box01 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box01 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box01 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .lis-s1{
		font-size:0;
		margin:0 0 60px 0;
		}
		.home-box01 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:50%;
			position: relative;
			}
		.home-box01 .lis-s1 li a{
			background:#003366 ;
			display:table-cell;
			vertical-align: middle;
			width:100%;
			max-height:360px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box01 .lis-s1 li:nth-child(2) a,
		.home-box01 .lis-s1 li:nth-child(3) a{
			background:#558899 ;
			}
			.home-box01 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border: 20px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box01 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:9px;
				bottom:9px;
				width: 5px;
				height: 5px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box01 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_tit-02,
	.home-box01 .home-box01_tit-03,
	.home-box01 .home-box01_tit-04,
	.home-box01 .home-box01_tit-05{
		text-align: left;
		margin:30px 45px 25px 45px;
		}
		.home-box01 .home-box01_tit-02 img,
		.home-box01 .home-box01_tit-03 img,
		.home-box01 .home-box01_tit-04 img,
		.home-box01 .home-box01_tit-05 img{
			max-width:460px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_tit-02,
	.home-box01 .home-box01_tit-03,
	.home-box01 .home-box01_tit-04,
	.home-box01 .home-box01_tit-05{
		text-align: left;
		margin:60px 45px 30px 45px;
		}
		.home-box01 .home-box01_tit-02 img,
		.home-box01 .home-box01_tit-03 img,
		.home-box01 .home-box01_tit-04 img,
		.home-box01 .home-box01_tit-05 img{
			max-width:460px;
			width:100%;
			height:auto;
			}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_txt-02,
	.home-box01 .home-box01_txt-03,
	.home-box01 .home-box01_txt-04,
	.home-box01 .home-box01_txt-05{
		text-align: left;
		margin:0 45px 50px 45px; 
		}
		.home-box01 .home-box01_txt-02 img,
		.home-box01 .home-box01_txt-03 img,
		.home-box01 .home-box01_txt-04 img,
		.home-box01 .home-box01_txt-05 img{
			max-width:470px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_txt-02,
	.home-box01 .home-box01_txt-03,
	.home-box01 .home-box01_txt-04,
	.home-box01 .home-box01_txt-05{
		text-align: left;
		margin:0 45px 70px 45px;
		}
		.home-box01 .home-box01_txt-02 img,
		.home-box01 .home-box01_txt-03 img,
		.home-box01 .home-box01_txt-04 img,
		.home-box01 .home-box01_txt-05 img{
			max-width:470px;
			width:100%;
			height:auto;
			}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_bana-02{
		text-align: center;
		margin:0 0 35px 0;
		}
		.home-box01 .home-box01_bana-02 img{
			max-width:380px;
			width:100%;
			height:auto;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_bana-02{
		text-align: center;
		margin:0 0 60px 0;
		}
		.home-box01 .home-box01_bana-02 img{
			max-width:380px;
			width:100%;
			height:auto;
			}
		.home-box01 .home-box01_bana-02 a:hover img{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}	
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .home-box01_bana-01{
		text-align: center;
		margin:0 0 50px 0;
		}
		.home-box01 .home-box01_bana-01 img{
			max-width:380px;
			width:100%;
			height:auto;
			}	
		.iframe{
			margin-bottom: 40px;
			}
		iframe {
			width: 100%;
			max-width: fit-content;
			height: 100%;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .home-box01_bana-01{
		max-width:920px;
		margin:0 auto 70px auto;
		}
		.home-box01 .home-box01_bana-01 a{
			display:block;
			background: url("../images/common/home-box01_bana-01.png") 0 0 no-repeat;
			background-size:contain;
			padding-top:15.21%;/*140÷920×100*/
			height:0;
			margin:0;
			}
			.home-box01 .home-box01_bana-01 img{
				display:none;
				}
		.home-box01 .home-box01_bana-01 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}	
		.iframe{
			margin-bottom: 50px;
		}
}



@media screen and (max-width:991px){/*Tablets用指定*/
	.home-box01 .photo{
		text-align: left;
		}
	.home-box01 .facebook{
		text-align: center;
		}
		.home-box01 .facebook .facebook-in {
			width: 100%;
			max-width: 500px;
			margin:0 auto;
			}
}
@media screen and (min-width:992px) and (max-width:1199px){/*PC MIn用指定*/
	.home-box01 .photo{
		width:80%;
		margin: auto;
		}
	.home-box01 .facebook{
		float:right;
		width:25%;/*280÷1120×100*/
		}
		.home-box01 .facebook .facebook-in {
			width: 100%;
			max-width: 500px;
			}
}
@media print, screen and (min-width:1200px) {/*PC MAx用指定*/
	.home-box01 .photo{
		width:80%;
        margin: auto;
		}
	.home-box01 .facebook{
		float:right;
		width:44.6%;/*500÷1120×100*/
		}
		.home-box01 .facebook .facebook-in {
			width: 100%;
			max-width: 500px;
			}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .photo .lis-s2 {
		font-size:0;
		margin:0 0 70px 0;
		}
		.home-box01 .photo .lis-s2 li{
			display:inline-block;
			width:50%;
			margin:0;
			}
			.home-box01 .photo .lis-s2 li img{
				max-width:560px;
				width:100%;
				height:auto;
				}
}
@media screen and (min-width:768px) and (max-width:991px){/*Tablets用指定*/
	.home-box01 .photo .lis-s2 {
		font-size:0;
		margin:0 0 70px 0;
		}
		.home-box01 .photo .lis-s2 li{
			display:inline-block;
			width:33.33%;
			margin:0;
			}
		.home-box01 .photo .lis-s2 li:nth-child(4){
			display:none;
			}
			.home-box01 .photo .lis-s2 li img{
				max-width:560px;
				width:100%;
				height:auto;
				}
}
@media screen and (min-width:992px) {/*PC MIn用指定*/
	.home-box01 .photo .lis-s2 {
		font-size:0;
		margin:0;
		}
		.home-box01 .photo .lis-s2 li{
			display:inline-block;
			width:50%;
			margin:0;
			}
			.home-box01 .photo .lis-s2 li img{
				max-width:560px;
				width:100%;
				height:auto;
				}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box01 .facebook .fb-page{
		display:none;
		}
	.home-box01 .facebook .home-box01_btn-facebook{
		margin:20px 0 0 0;
		}
		.home-box01 .facebook .home-box01_btn-facebook a{
			display:inline-block;
			padding:15px 10px;
			border:1px solid #999999;
			background:#ffffff;
			}
			.home-box01 .facebook .home-box01_btn-facebook img{
				max-width:238px;
				width:100%;
				height:auto;
				}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box01 .facebook .home-box01_btn-facebook{
		display:none;
		}
}





/* home-box02--------------------------*/
@media screen and (max-width:767px){/*iphone用指定*/
.home-box02{
	background: #fff4f4;
	padding:70px 0 35px 0;
	margin:0;
	position: relative;
	}	
	.home-box02-in{
		margin:0 15px;
		}		
}
@media print, screen and (min-width:768px){/*PC用指定*/
.home-box02{
	background-color: #fff4f4;
	padding:120px 40px 60px 40px;
	margin:0;
	position: relative;
	}	
	.home-box02-in{
		max-width:1120px;
		width:100%;
		margin:0 auto;
		}	
}	
	

@media screen and (max-width:767px){/*iphone用指定*/
	.home-box02 .tit-s1{
		font-size:24px;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin:0 0 30px 0;
		}
		.home-box02 .tit-s1 span{
			display:block;
			font-size:11px;
			font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", メイリオ, sans-serif;
			font-weight:bold;
			color:#228888;
			margin:10px 0 0 0;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box02 .tit-s1{
		font-size:34px;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin:0 0 50px 0;
		}
		.home-box02 .tit-s1 span{
			display:block;
			font-size:13px;
			font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", メイリオ, sans-serif;
			font-weight:bold;
			color:#228888;
			margin:15px 0 0 0;
			}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box02 .lis-s1{
		font-size:0;
		margin:0 0 40px 0;
		}
		.home-box02 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:80%;
			position: relative;
			}
		.home-box02 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:170px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box02 .lis-s1 li.s1 a,
		.home-box02 .lis-s1 li.s3 a{
			background:#5b5547;
			}
			.home-box02 .lis-s1 li a span{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:18px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:60px 0 0 0;
				}
			.home-box02 .lis-s1 li.s1 a span{
				background:url("../images/common/home-box03_ico-01.png") center 50px no-repeat;
				background-size:34px 38px;
				}
			.home-box02 .lis-s1 li.s2 a span{
				background:url("../images/common/home-box03_ico-02.png") center 50px no-repeat;
				background-size:35px 35px;
				}
			.home-box02 .lis-s1 li.s3 a span{
				background:url("../images/common/home-box03_ico-03.png") center 50px no-repeat;
				background-size:32px 37px;
				}
			.home-box02 .lis-s1 li.s4 a span{
				background:url("../images/common/home-box03_ico-04.png") center 50px no-repeat;
				background-size:30px 37px;
				}
			.home-box02 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box02 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box02 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box02 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box02 .lis-s1{
		font-size:0;
		margin:0 0 40px 0;
		}
		.home-box02 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:25%;
			position: relative;
			}
		.home-box02 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:280px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box02 .lis-s1 li.s1 a,
		.home-box02 .lis-s1 li.s3 a{
			background:#5b5547;
			}
			.home-box02 .lis-s1 li a span{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:22px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:30px 0 0 0;
				}
			.home-box02 .lis-s1 li.s1 a span{
				background:url("../images/common/home-box03_ico-01.png") center 70px no-repeat;
				background-size:34px 38px;
				}
			.home-box02 .lis-s1 li.s2 a span{
				background:url("../images/common/home-box03_ico-02.png") center 70px no-repeat;
				background-size:35px 35px;
				}
			.home-box02 .lis-s1 li.s3 a span{
				background:url("../images/common/home-box03_ico-03.png") center 70px no-repeat;
				background-size:32px 37px;
				}
			.home-box02 .lis-s1 li.s4 a span{
				background:url("../images/common/home-box03_ico-04.png") center 70px no-repeat;
				background-size:30px 37px;
				}
			.home-box02 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box02 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box02 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box02 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}
}


@media screen and (max-width:479px){/*iphone用指定*/
	.home-box02 .btn-s1 a{
		background:#279a9a;
		background-size:auto;
		display:block;
		max-width:400px;
		width:80%;
		height:100px;
		box-sizing: border-box;
		padding:0;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:18px;
		line-height:18px;
		text-align:center;
		color:#ffffff;
		margin:0 auto;
		text-decoration:none;
		position: relative;
		}
		.home-box02 .btn-s1 a::before{
			content: "";
			position: absolute;
			right:0;
			bottom:0;
			width: 0px;
			height: 0px;
	        border: 15px solid;
			border-color: transparent #000000 #000000 transparent;
			}
		.home-box02 .btn-s1 a::after{
			content: "";
			position: absolute;
			right:5px;
			bottom:7px;
			width: 3px;
			height: 3px;
	        border: 1px solid;
			border-color: #fff #fff transparent transparent;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
		.home-box02 .btn-s1 a span{
			display: block;
			font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
			font-size:15px;
			line-height:15px;
			color:#eeddaa;
			padding:35px 0 5px 0;
			}
		.home-box02 .btn-s1 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
}
@media print, screen and (min-width:480px){/*PC用指定*/
	.home-box02 .btn-s1 a{
		background:url("../images/common/home-box03_bg_01.png") left 0 no-repeat , #279a9a;
		background-size:139px 120px , auto;
		display:block;
		max-width:560px;
		width:80%;
		height:120px;
		box-sizing: border-box;
		padding:0 0 0 150px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:26px;
		line-height:26px;
		text-align:left;
		color:#ffffff;
		margin:0 auto;
		text-decoration:none;
		position: relative;
		}
		.home-box02 .btn-s1 a::before{
			content: "";
			position: absolute;
			right:0;
			bottom:0;
			width: 0px;
			height: 0px;
	        border: 15px solid;
			border-color: transparent #000000 #000000 transparent;
			}
		.home-box02 .btn-s1 a::after{
			content: "";
			position: absolute;
			right:5px;
			bottom:7px;
			width: 3px;
			height: 3px;
	        border: 1px solid;
			border-color: #fff #fff transparent transparent;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
		.home-box02 .btn-s1 a span{
			display: block;
			font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
			font-size:16px;
			line-height:16px;
			color:#eeddaa;
			padding:35px 0 5px 0;
			}
		.home-box02 .btn-s1 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
}




/* home-box03--------------------------*/
@media screen and (max-width:767px){/*iphone用指定*/
.home-box03{
	/*background: #eee4cc url("../images/common/bg_s2.png") 0 0 repeat;*/
	padding:35px 15px 70px 15px;
	margin:0;
	position: relative;
	}	
}
@media print, screen and (min-width:768px){/*PC用指定*/
.home-box03{
	/*background: #eee4cc url("../images/common/bg_s2.png") 0 0 repeat;*/
	padding:60px 40px 120px 40px;
	margin:0;
	position: relative;
	}	
	.home-box03-in{
		max-width:1120px;
		width:100%;
		margin:0 auto;
		}	
}	
	

@media screen and (max-width:767px){/*iphone用指定*/
	.home-box03 .tit-s1{
		font-size:24px;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin:0 0 30px 0;
		}
		.home-box03 .tit-s1 span{
			display:block;
			font-size:11px;
			font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", メイリオ, sans-serif;
			font-weight:bold;
			color:#228888;
			margin:10px 0 0 0;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box03 .tit-s1{
		font-size:34px;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin:0 0 50px 0;
		}
		.home-box03 .tit-s1 span{
			display:block;
			font-size:13px;
			font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", メイリオ, sans-serif;
			font-weight:bold;
			color:#228888;
			margin:15px 0 0 0;
			}
}


@media screen and (max-width:479px){/*iphone用指定*/
	.home-box03 .lis-s1{
		font-size:0;
		margin:0;
		}
		.home-box03 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:80%;
			position: relative;
			}
		/*.home-box03 .lis-s1 li.s1{
			width:100%;
			}*/
		.home-box03 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:170px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box03 .lis-s1 li.s1 a,
		.home-box03 .lis-s1 li.s3 a,
		.home-box03 .lis-s1 li.s4 a{
			background:#5b5547;
			}
			.home-box03 .lis-s1 li a span{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:18px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:60px 0 0 0;
				}
			.home-box03 .lis-s1 li.s1 a span{
				background:url("../images/common/home-box04_ico-01.png") center 20px no-repeat;
				background-size:39px 28px;
				}
			.home-box03 .lis-s1 li.s2 a span{
				background:url("../images/common/home-box04_ico-02.png") center 20px no-repeat;
				background-size:29px 33px;
				padding:95px 0 23px 0;
				}
			.home-box03 .lis-s1 li.s3 a span{
				background:url("../images/common/home-box04_ico-03.png") center 20px no-repeat;
				background-size:37px 33px;
				padding:70px 0 23px 0;
				}
			.home-box03 .lis-s1 li.s4 a span{
				background:url("../images/common/home-box04_ico-04.png") center 20px no-repeat;
				background-size:36px 35px;
				}
			.home-box03 .lis-s1 li.s5 a span{
				background:url("../images/common/home-box04_ico-05.png") center 20px no-repeat;
				background-size:34px 34px;
				padding:95px 0 23px 0;
				}
			.home-box03 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box03 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box03 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box03 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}	
}
@media screen and (min-width:480px) and (max-width:767px){/*iphone用指定*/
	.home-box03 .lis-s1{
		font-size:0;
		margin:0;
		}
		.home-box03 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:80%;
			position: relative;
			}
		/*.home-box03 .lis-s1 li.s1,
		.home-box03 .lis-s1 li.s2{
			width:50%;
			}*/
		.home-box03 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:170px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box03 .lis-s1 li.s1 a,
		.home-box03 .lis-s1 li.s3 a{
			background:#5b5547;
			}
			.home-box03 .lis-s1 li a span{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:18px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:45px 0 0 0;
				}
			.home-box03 .lis-s1 li.s1 a span{
				background:url("../images/common/home-box04_ico-01.png") center 20px no-repeat;
				background-size:39px 28px;
				}
			.home-box03 .lis-s1 li.s2 a span{
				background:url("../images/common/home-box04_ico-02.png") center 20px no-repeat;
				background-size:29px 33px;
				padding:65px 0 23px 0;
				}
			.home-box03 .lis-s1 li.s3 a span{
				background:url("../images/common/home-box04_ico-03.png") center 20px no-repeat;
				background-size:37px 33px;
				padding:60px 0 23px 0;
				}
			.home-box03 .lis-s1 li.s4 a span{
				background:url("../images/common/home-box04_ico-04.png") center 20px no-repeat;
				background-size:36px 35px;
				}
			.home-box03 .lis-s1 li.s5 a span{
				background:url("../images/common/home-box04_ico-05.png") center 20px no-repeat;
				background-size:34px 34px;
				padding:65px 0 23px 0;
				}
			.home-box03 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box03 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box03 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box03 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}	
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box03 .lis-s1{
		font-size:0;
		margin:0;
		}
		.home-box03 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:25%;
			position: relative;
			}
		.home-box03 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:280px;
			padding:0;
			margin:0;
			text-decoration:none;

			position: relative;
			}
		.home-box03 .lis-s1 li.s1 a,
		.home-box03 .lis-s1 li.s3 a,
		.home-box03 .lis-s1 li.s5 a{
			background:#5b5547;
			}
			.home-box03 .lis-s1 li a span{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:22px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:70px 0 0 0;
				}
			.home-box03 .lis-s1 li.s1 a span{
				background:url("../images/common/home-box04_ico-01.png") center 70px no-repeat;
				background-size:39px 28px;
				}
			.home-box03 .lis-s1 li.s2 a span{
				background:url("../images/common/home-box04_ico-02.png") center 70px no-repeat;
				background-size:29px 33px;
				padding:95px 0 23px 0;
				}
			.home-box03 .lis-s1 li.s3 a span{
				background:url("../images/common/home-box04_ico-03.png") center 70px no-repeat;
				background-size:37px 33px;
				padding:70px 0 23px 0;
				}
			.home-box03 .lis-s1 li.s4 a span{
				background:url("../images/common/home-box04_ico-04.png") center 70px no-repeat;
				background-size:36px 35px;
				}
			.home-box03 .lis-s1 li.s5 a span{
				background:url("../images/common/home-box04_ico-05.png") center 70px no-repeat;
				background-size:34px 34px;
				padding:95px 0 23px 0;
				}
			.home-box03 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box03 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box03 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box03 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}	
}




/* home-box04--------------------------*/
@media screen and (max-width:767px){/*iphone用指定*/
.home-box04{
	width:100%;
	box-sizing: border-box;
	padding:0px 0 0 0;
	background-color: #ffffff;
	position: relative;
	}	
	.home-box04-in{
		width:100%;
		box-sizing: border-box;
		background-color: #E6F8F0;
		padding:70px 15px;
		margin:0px;
		position: relative;
		}	
}
@media print, screen and (min-width:768px){/*PC用指定*/
.home-box04{
	width:100%;
	box-sizing: border-box;
	padding:0px 0 0 0;
	background-color: #E6F8F0;
	position: relative;
	}	
	.home-box04-in{
		max-width:1120px;
		width:100%;
		box-sizing: border-box;
		padding:120px 40px 100px 40px;
		margin:0 auto;
		position: relative;
		}
}	
	

@media screen and (max-width:767px){/*iphone用指定*/
	.home-box04 .tit-s1{
		font-size:24px;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin:0 0 30px 0;
		}
		.home-box04 .tit-s1 span{
			display:block;
			font-size:11px;
			font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", メイリオ, sans-serif;
			font-weight:bold;
			color:#228888;
			margin:10px 0 0 0;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box04 .tit-s1{
		font-size:34px;
		text-align: center;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin:0 0 50px 0;
		}
		.home-box04 .tit-s1 span{
			display:block;
			font-size:13px;
			font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", メイリオ, sans-serif;
			font-weight:bold;
			color:#228888;
			margin:15px 0 0 0;
			}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box04 .txt-s1{
		font-size:15px;
		text-align: left;
		margin:0 auto 30px auto;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box04 .txt-s1{
		max-width:920px;
		font-size:16px;
		text-align: left;
		margin:0 auto 50px auto;
		}
}


@media screen and (max-width:767px){/*iphone用指定*/
	.home-box04 .lis-s1{
		font-size:0;
		margin:0 auto 40px auto;
		}
		.home-box04 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:80%;
			position: relative;
			}
			/*.home-box04 .lis-s1 li.s1::before{
				content: "";
				position: absolute;
				z-index:1;
				left:0;
				top:0;
				width: 0px;
				height: 0px;
				border: 40px solid;
				border-color: #bb0066 transparent transparent #bb0066;
				}
			.home-box04 .lis-s1 li.s1 span.s2{
				position: absolute;
				z-index:2;
				left:2px;
				top:22px;
				font-size:13px;
				color:#ffffff;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				}*/
		.home-box04 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:170px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box04 .lis-s1 li.s1 a,
		.home-box04 .lis-s1 li.s4 a{
			background:#5b5547;
			}
			.home-box04 .lis-s1 li a span.s1{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:15px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:60px 0 0 0;
				}
			.home-box04 .lis-s1 li.s1 a span.s1{
				background:url("../images/common/home-box05_ico-01.png") center 50px no-repeat;
				background-size:40px 33px;
				}
			.home-box04 .lis-s1 li.s2 a span.s1{
				background:url("../images/common/home-box05_ico-02.png") center 50px no-repeat;
				background-size:40px 31px;
				}
			.home-box04 .lis-s1 li.s3 a span.s1{
				background:url("../images/common/home-box05_ico-03.png") center 50px no-repeat;
				background-size:33px 27px;
				}
			.home-box04 .lis-s1 li.s4 a span.s1{
				background:url("../images/common/home-box05_ico-04.png") center 50px no-repeat;
				background-size:39px 35px;
				}
			.home-box04 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box04 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box04 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box04 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}
}
@media print, screen and (min-width:768px){/*PC用指定*/
	.home-box04 .lis-s1{
		font-size:0;
		margin:0 auto 40px auto;
		}
		.home-box04 .lis-s1 li{
			display:inline-block;
			vertical-align: top;
			width:25%;
			position: relative;
			}
			/*.home-box04 .lis-s1 li.s1::before{
				content: "";
				position: absolute;
				z-index:1;
				left:0;
				top:0;
				width: 0px;
				height: 0px;
				border: 40px solid;
				border-color: #bb0066 transparent transparent #bb0066;
				}
			.home-box04 .lis-s1 li.s1 span.s2{
				position: absolute;
				z-index:2;
				left:2px;
				top:22px;
				font-size:13px;
				color:#ffffff;
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
				}*/
		.home-box04 .lis-s1 li a{
			background:#279a9a;
			display:table;
			width:100%;
			height:280px;
			padding:0;
			margin:0;
			text-decoration:none;
			position: relative;
			}
		.home-box04 .lis-s1 li.s1 a,
		.home-box04 .lis-s1 li.s4 a{
			background:#5b5547;
			}
			.home-box04 .lis-s1 li a span.s1{
				display:table-cell;
				vertical-align: middle;
				margin:auto;
				font-size:22px;
				line-height: 1.2;
				text-align:center;
				color:#ffffff;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				padding:30px 0 0 0;
				}
			.home-box04 .lis-s1 li.s1 a span.s1{
				background:url("../images/common/home-box05_ico-01.png") center 70px no-repeat;
				background-size:40px 33px;
				}
			.home-box04 .lis-s1 li.s2 a span.s1{
				background:url("../images/common/home-box05_ico-02.png") center 70px no-repeat;
				background-size:40px 31px;
				}
			.home-box04 .lis-s1 li.s3 a span.s1{
				background:url("../images/common/home-box05_ico-03.png") center 70px no-repeat;
				background-size:33px 27px;
				}
			.home-box04 .lis-s1 li.s4 a span.s1{
				background:url("../images/common/home-box05_ico-04.png") center 70px no-repeat;
				background-size:39px 35px;
				}
			.home-box04 .lis-s1 li a br{
				line-height: 1.2;
				}
			.home-box04 .lis-s1 li a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			.home-box04 .lis-s1 li a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
			.home-box04 .lis-s1 li a:hover{
				opacity: 0.8;
				-ms-filter:"alpha(opacity=80)";
				-moz-opacity: 0.8;
				}
}


@media screen and (max-width:479px){/*iphone用指定*/
	.home-box04 .btn-s1 a{
		background:#279a9a;
		background-size:auto;
		display:block;
		max-width:400px;
		width:80%;
		height:100px;
		box-sizing: border-box;
		padding:41px 0 0 0;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:18px;
		line-height:18px;
		text-align:center;
		color:#ffffff;
		margin:0 auto;
		text-decoration:none;
		position: relative;
		}
		.home-box04 .btn-s1 a::before{
			content: "";
			position: absolute;
			right:0;
			bottom:0;
			width: 0px;
			height: 0px;
	        border: 15px solid;
			border-color: transparent #000000 #000000 transparent;
			}
		.home-box04 .btn-s1 a::after{
			content: "";
			position: absolute;
			right:5px;
			bottom:7px;
			width: 3px;
			height: 3px;
	        border: 1px solid;
			border-color: #fff #fff transparent transparent;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
		.home-box04 .btn-s1 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
}
@media print, screen and (min-width:480px){/*PC用指定*/
	.home-box04 .btn-s1 a{
		background:url("../images/common/home-box05_bg_01.png") left 0 no-repeat , #279a9a;
		background-size:176px 120px , auto;
		display:block;
		max-width:560px;
		width:80%;
		height:120px;
		box-sizing: border-box;
		padding:47px 0 0 190px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:26px;
		line-height:26px;
		text-align:left;
		color:#ffffff;
		margin:0 auto;
		text-decoration:none;
		position: relative;
		}
		.home-box04 .btn-s1 a::before{
			content: "";
			position: absolute;
			right:0;
			bottom:0;
			width: 0px;
			height: 0px;
	        border: 15px solid;
			border-color: transparent #000000 #000000 transparent;
			}
		.home-box04 .btn-s1 a::after{
			content: "";
			position: absolute;
			right:5px;
			bottom:7px;
			width: 3px;
			height: 3px;
	        border: 1px solid;
			border-color: #fff #fff transparent transparent;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
		.home-box04 .btn-s1 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
}