/* CSS Document */

.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}

body,p{
	margin:0;
	font-family: 游ゴシック, "游ゴシック Light", "Yu Gothic Light", 游ゴシック体, YuGothic, sans-serif;
}

.online_btn{
	font-size:21px;
	font-weight:bold;
	color:#FFF;
	display:inline-block;
	padding:5px 70px;
	background:#b71b52;
	border:1px solid #FFF;
	border-radius:5px;
	text-decoration:none;
}
.online_btn i{
	font-size: 25px;
    margin-right: 10px;
    vertical-align: -1px;
}

.online_btn:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.online_btn_s{
	font-size:14px;
	padding:3px 20px;
}

.bl_1{
	background:url(img/top_img.jpg) no-repeat top center;
	min-height:700px;
}

.bl_1 .logo{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
    width: 90%;
    padding: 10px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bl_1 .txt1{
	color:#b71b52;
	font-weight: bold;
	font-size:28px;
	line-height:1.6;
	display:block;
	width:950px;
	position: absolute;
    top: 160px;
    left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}

.bl_1 .txt2{
	text-align:center;
	background-color: rgba(91,91,103,0.8);
	position: absolute;
    top: 340px;
	padding:10px 0;
	width:100%;
	color:#FFF;
	font-size:35px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	
}
.bl_1 .txt2 span{
	color:#c6e9ec;
}

.bl_1 .bl_1a{
	width:600px;
	background: rgba(0,0,20,0.4);
	border:2px solid #FFF;
	padding: 25px 0;
	text-align:center;
	position: absolute;
    top: 480px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.bl_1 .bl_1a p{
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	margin:0 0 20px;
}
.bl_1 .bl_1a p br{ display:none;}

.bl_2{
	width:1150px;
	margin:-30px auto 10px;
	background-color: rgba(198,233,236,0.7);
	padding:30px 0;
	text-align:center;
}

.bl_2 h3{
	display:inline-block;
	color:#24aab7;
	font-size:19px;
	background:#FFF;
	padding:5px 20px;
	border-radius:25px;
}
.bl_2 p{
	font-size:16px;
	margin-bottom:35px;
	line-height:1.8;
}
.bl_2 p span{
	font-weight:bold;
	color:#b71b52;
}

.bl_3{
	width:95%;
	max-width:860px;
	margin:10px auto 50px;
	padding:30px 20px 0;
	background:url(img/kigyou_merit.png) no-repeat right bottom;
}
.bl_3 p{
	font-size:16px;
	margin-top:30px;
}
.bl_3 p span{
	font-size:125%;
	font-weight:bold;
	color:#921815;
}
.bl_3 .txt1{
	font-weight:bold;
	color:#b71b52;
	margin: 0 0 8px;
	font-size:18px;
}
.bl_3 .txt2{
	font-weight:bold;
	color:#585858;
	font-size:23px;
	display:inline;
	padding:0 5px;
	margin-left:-5px;
	line-height:1.3;
	background: transparent linear-gradient(transparent 65%, #ffff66 0%) repeat scroll 0 0;
}
.bl_3 .txt2 br{ display:none;}

.bl_4{
	background:#24aab7;
	text-align:center;
	padding:30px;
	position: relative;
	z-index: 0;
}
.bl_4:after{
	content: "";
	position: absolute;
	bottom: -30px;
    left: 50%;
    margin-left: -35px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 35px 0 35px;
	border-color: #24aab7 transparent transparent transparent;
}

.bl_4 p{
	color:#FFF;
	font-weight:bold;
	font-size:20px;
}
.bl_4 p span{
	color:#ed7300;
}
.bl_4 .txt1{
	background:#ed7300;
	font-size:16px;
	padding:8px 20px;
	margin:15px auto 40px;
	display:inline-block;
}

.bl_5{
	background:#f8f8f8;
	padding:60px 0 10px;
	text-align:center;
}
.bl_5 .txt1{
	margin:30px 0;
	font-size:21px;
	color:#888888;
	font-weight:bold;
}
.bl_5 .txt1 span{
	color:#b71b52;
	margin:0 5px;
}
.bl_5 .txt1 br{ display:none;}


.bl_5 .bl_5a{
	width:900px;
	background:#FFF;
	border:2px solid #b3b3b3;
	border-radius:8px;
	padding:10px;
	margin:30px auto;
}

.bl_5 .bl_5a h3{
	color:#8b8b8b;
	border-bottom:2px dotted #b3b3b3;
	padding:2px 0 5px;
	margin:0 auto 20px;
}
.bl_5 .bl_5a p{
	text-align:left;
	font-size:16px;
	margin:20px 40px;
}

.bl_5 .bl_5a h4{
	background:#24aab7;
	color:#FFF;
	font-size:18px;
	display:inline-block;
	margin:20px auto;
	padding:5px 30px;
}

.bl_5 .bl_5a ul{
	margin:20px auto;
	width:825px;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.bl_5 .bl_5a li{
	list-style:none;
	position: relative;
	float:left;
	border:4px solid #e8f6f7;
	border-radius:8px;
	width:220px;
	margin-right:70px;
	padding:10px 0;
}
.bl_5 .bl_5a li:last-child{
	margin-right:0;
}

.bl_5 .bl_5a li:not(:last-child):after {
	content: "";
	position: absolute;
	top: 50%; right: -50px;
	margin-top: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #24aab7;
}
.bl_5 .bl_5a li h5{
	margin:5px 0;
	font-size:18px;
	letter-spacing:-1px;
}

.bl_5 .bl_5a li p{
	color:#24aab7;
	font-weight:bold;
	margin:10px 17px;
	font-size:14px;
	text-align:justify;
}

.bl_5 .bl_5a li h6{
	margin:0;
	font-size:17px;
	color:#b2b2b2;
}
.bl_5 .bl_5a li h6 span{
	color:#24aab7;
	margin-left:5px;
}

.bl_5 .bl_5b{
	width:800px;
	margin:50px auto 20px;
	background:#FFF;
	border-radius:8px;
	padding:5px 10px;
	position: relative;
}


.bl_5 .bl_5b h4{
	display:inline-block;
	font-size:16px;
	color:#939393;
	line-height:1.4;
	position: absolute;
	top: 50%;left:25px;
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	margin:0;
	padding:0;	
}

.bl_5 .bl_5b ul{
	margin: 0 10px 0 120px;
    border-left: 2px solid #CCC;
    padding: 15px 0 5px 40px;
}

.bl_5 .bl_5b li{
	font-size:15px;
	text-align:left;
	line-height:1.5;
	margin-bottom:10px;
}
.bl_5 .bl_5b li span{
	background: transparent linear-gradient(transparent 75%, #ffff66 0%) repeat scroll 0 0;
}

.bl_5 .txt2{
	font-size:16px;
	font-weight:500;
	margin:30px 0 0;
}

.bl_5 .h6{
	font-size:18px;
	color:#b3b3b3;
	font-weight:bold;
	display:inline-block;
	border-bottom:1px solid #CCC;
	padding:20px 20px 1px;
	margin:0
}
.bl_5 .tel{
	font-size:26px;
	color:#24aab7;
	font-weight:bold;
	margin:0 auto 10px;
}

.bl_6{
	background:url(img/bottom_img.jpg) no-repeat top center;
}
.bl_6 .bl_6inner{
	background-color: rgba(0,0,20,0.5);
	min-height:240px;
	text-align:center;
	padding:20px;
}

.bl_6 .bl_6inner p{
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	margin:20px auto;
}
.bl_6 .bl_6inner .txt1{ font-size:24px; margin-top:50px;}
.bl_6 .bl_6inner .txt1 br{ display:none;}

.footer{
	background:#212b39;
	height:120px;
}
.footer .inner{
	width:950px;
	margin:0 auto;
	padding:20px 0 0;
	font-size:13px;
}
.footer .inner p{
	color:#FFF;
	float:left;
	margin:20px 0;
}

.footer .inner ul{
	float:right;
	color:#FFF;
	margin:20px 0;
}
.footer .inner li{
	list-style-type:none;
	float:left;:
}
.footer .inner li:last-child{
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #FFF;
}
.footer .inner li a{
	color:#FFF;
	text-decoration:none;
}
.footer .inner li a:hover{
	color:#b71b52;
}

#page-top {
    color: rgb(255, 255, 255);
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 55px;
    height: 50px;
    display: none;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
    z-index: 9;
    padding: 5px 3px;
    background: rgb(128, 129, 126);
}
#page-top a {
    display: block;
    text-decoration: none;
    color: #FFF;
    line-height: 140%;
}
#page-top i {
    display: block;
    font-size: 20px;
}

a{
	/* transition: all 0.3s ease 0s; */
    -webkit-transition: all 0.3s ease 0s;
    -khtml-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

@media screen and (max-width: 1024px){
	*, *:before, *:after {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	.bl_1 .txt1{width:85%;}
	.bl_2{width: 95%;}
	
}


@media screen and (max-width: 767px){
	
	.online_btn{
		font-size:16px;
		padding:5px;
		width:90%;
	}
	.online_btn i{
		font-size: 20px;
	}

	.bl_1{ background-size:120%; background-position: top left; min-height:370px;}
	.bl_1 .logo{width:100%;}
	.bl_1 .logo img{width:100px;}
	.bl_1 .txt1{ font-size:14px; width:90%; top: 80px;}
	.bl_1 .txt2{ top: 155px; font-size:18px; padding:2px 0;}
	
	.bl_1 .bl_1a{top: 200px; width: 95%; padding: 10px;background: rgba(0,0,20,0.7);}
	.bl_1 .bl_1a p{font-size:16px; margin:5px 0 10px;}
	.bl_1 .bl_1a p br{ display:inherit;}
	
	.bl_2{width:100%; padding: 5px 10px;}
	.bl_2 h3{font-size:15px; letter-spacing:-1px;}
	.bl_2 p { font-size: 14px; margin: 0 10px 20px; line-height: 1.5; text-align: left;}
	
	
	.bl_3{ width:100%; padding: 10px 15px 50px; background-size:70px; background-position : right 10px bottom 10px; margin:0;}
	.bl_3 .txt1 { margin: 0 0 5px; font-size: 15px;}
	.bl_3 .txt2 {font-size: 20px; margin:0;}
	.bl_3 .txt2 br{ display:inherit;}
	.bl_3 p { font-size: 13px; margin-top: 15px;}
	.bl_3 p .pc_only{ display:none;}
	
	.bl_4 { padding:20px 10px;}
	.bl_4:after { bottom: -25px;}
	.bl_4 p { font-size: 14px; letter-spacing: -1px;}
	.bl_4 .txt1 { font-size: 14px; margin: 15px auto 20px;}
	
	.bl_5 { padding: 40px 10px 10px;}
	.bl_5 img{width:90px;}
	.bl_5 .txt1 { margin: 10px 0; font-size: 17px; letter-spacing: -1px;}
	.bl_5 .txt1 br{ display:inherit;}
	
	.bl_5 .bl_5a{width:100%; margin:0;}
	.bl_5 .bl_5a h3 { padding: 0 0 1px; margin: 0 auto 10px; font-size: 15px;}
	.bl_5 .bl_5a p { font-size: 14px; margin: 5px;}
	.bl_5 .bl_5a h4 { font-size: 16px; margin: 20px auto 0;}
	
	.bl_5 .bl_5a ul{width:100%; margin:0; display:block;}
	.bl_5 .bl_5a li{width: 100%; margin: 10px 0 25px; float: none;}
	
	.bl_5 .bl_5a li:not(:last-child):after {
		top:120%;
		left: 50%;
		margin-left: -20px;
		border-width: 15px 20px 0 20px;
		 border-color: #24aab7 transparent transparent transparent;
	}
	.bl_5 .bl_5a li:first-child:after{ top:116%;}
	.bl_5 .bl_5a li:last-child{ margin-bottom:5px;}
	
	.bl_5 .bl_5b{width:95%;}
	.bl_5 .bl_5b h4 {
		position:static; 
		text-align:left; 
		display: block;
		padding: 10px 20px 5px;
		border-bottom:2px solid #CCC;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.bl_5 .bl_5b h4 br{ display:none;}
	.bl_5 .bl_5b ul {
		border:none;
		margin:15px 5px 0;
		padding: 0 5px 0 30px;
	}
	.bl_5 .txt2 { font-size: 13px; font-weight: 600;}
	
	.bl_6{ background-size:150%;}
	.bl_6 .bl_6inner { padding: 10px 10px 0; min-height:165px;}
	.bl_6 .bl_6inner p { font-size: 15px; margin: 5px auto 15px;}
	.bl_6 .bl_6inner .txt1 { font-size: 16px; margin: 15px 0 0; line-height: 1.5;}
	.bl_6 .bl_6inner .txt1 br{ display:inherit;}
	
	
	
	.footer .inner{ width:100%; padding: 0; text-align:center;}
	.footer .inner ul { display: inline-block;float: none; margin: 0 auto; padding: 20px;}
	.footer .inner p {float:none; margin: 20px 0 0; text-align: center;}
	
	#page-top { height: 60px;}
	
}

@media screen and (max-width: 320px){
	.bl_1 .txt2{font-size:15px;}
}