@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:500,600,700');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');

img{
	width: 100%;
}
.wrapper{
	position: relative;
}
::selection {
	background: #ccc; /*背景色*/

}
::-moz-selection {
	background: #ccc; /*背景色*/

}
a{
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
a:focus{
	outline:none;
}

html {
	font-size: 62.5%;
	height: 100%;
}

.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.text-b{
	font-weight: bold;
}
.text-c{
	text-align: center;
}

.text-r{
	text-align: right;
}
.text-blue{
	color: #001b88;
}
.text-lightblue{
	color: #0098d2;
}
.text-orange{
	color: #ff6600;
}
.text-orange2{
	color: #ff4800;
}

.text-small{
	font-size: .8em;
}

body {
	line-height: 1.9;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Osaka, "メイリオ", "Meiryo", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.6rem;
	background: #FFF ;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	color: #333;
	box-sizing: border-box;
	letter-spacing: -0.01em;
	height: 100%;
	min-width: 1200px;	
}
#crumb {
	width: 100%;
	padding: 12px 0;
}
#crumb ul {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;	
}
#crumb li {
	float: left;
	font-size: 1.4rem;
	display: inline-block;
}
#crumb li a {
	text-decoration: underline;
}
#crumb li a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.pc-only{
		display: none;
	}
	.sp-only{
		display: block;
	}

	body {
		line-height: 1.7;
		font-size: 1.4rem;
		background: #FFF;
		min-width:auto;
	}
	#crumb {
		width: 100%;
		padding: 12px 0 8px 0;
		border-bottom: 1px solid #DDD;
	}
	#crumb ul {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	#crumb li {
		float: left;
		font-size: 1.3rem;
		display: inline-block;
	}
}

nav.menu{
	width: 100%;
	background: #001b88;
}
nav.menu ul{
	display: flex;
	flex-wrap: wrap;
	width:1000px;
	margin: 0 auto;
	overflow: hidden;
}
nav.menu li{
	width: 14.28571428%;
	height: 110px;
	padding: 0 0;
	text-align: center;
}
nav.menu li:first-child{
	background: url(../img/nav_line.png) no-repeat left center;
	background-size: 1px;
}
nav.menu li a{
	padding: 35px 0 0 0;
	font-size: 1.7rem;
	color: #FFF;
	font-weight: bold;
	height: 110px;
	letter-spacing: -0.03em;
	line-height: 1;
	text-decoration: none;
	display: block;
	background-image: url(../img/nav_line.png),url(../img/nav_hover.png);
	background-repeat: no-repeat,repeat-x;
	background-position: right center,left bottom;
	background-size: 1px,1px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
nav.menu li a span{
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	color: #ff5400;
	letter-spacing: 0.05em;
	margin-top: 14px;
}
nav.menu li a:hover span{
	color: #08a4d7;
}
nav.menu li a:hover{
	background-image: url(../img/nav_line.png),url(../img/nav_hover.png);
	background-repeat: no-repeat,repeat-x;
	background-position: right center,left bottom;
	background-size: 1px,50px;
}
body#top nav.menu li:first-child a,body#news nav.menu li:nth-child(2) a,body#construction nav.menu li:nth-child(3) a,body#performance nav.menu li:nth-child(4) a,body#column nav.menu li:nth-child(5) a,body#faq nav.menu li:nth-child(6) a,body#company nav.menu li:nth-child(7) a{
	background-image: url(../img/nav_line.png),url(../img/nav_hover.png);
	background-repeat: no-repeat,repeat-x;
	background-position: right center,left bottom;
	background-size: 1px,50px;
}
body#top nav.menu li:first-child a span,body#news nav.menu li:nth-child(2) a span,body#construction nav.menu li:nth-child(3) a span,body#performance nav.menu li:nth-child(4) a span,body#column nav.menu li:nth-child(5) a span,body#faq nav.menu li:nth-child(6) a span,body#company nav.menu li:nth-child(7) a span{
	color: #08a4d7;
}

/*
footer
_________________________________________________________*/
#footer{
	width: 100%;
	background: #f8f8f8;

}
.footer-contents{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 40px 0;
}
#footer .footer-address{
	width:320px;
	float: left;
}
#footer .footer-logo{
	width: 300px;
}

#footer #footer-nav{
	overflow: hidden;
	float: right;
	width: 630px;
}
#footer #footer-nav ul:last-child{
	margin-top: 30px;
}
#footer .footer-address__text{
	font-size: 1.3rem;
	margin-top: 15px;
}
#footer .contact{
	background: #FFF;
	padding: 15px;
	text-align: center;
	margin-top: 10px;
}
#footer .contact-tel{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 400;
	font-size: 4rem;
	letter-spacing: 0.02em;
	line-height: 1;
	background: url(../img/icon_tel.png) no-repeat 12px center;
	background-size: 30px;
	padding-left: 40px;
}
#footer .contact-time{
	font-size: 1.3rem;
	line-height: 1;
	margin-top: 5px;
}
#footer .contact-time span{
	font-size: 1.5rem;
	font-weight: bold;

}
#footer .contact-link{
	width: 270px;
	margin:15px auto 0 auto; 

}
#footer .contact-link a{
	display: block;
	width: 270px;
	color: #FFF;
	background: #ff6600 url(../img/arrow.png) no-repeat 95% center;
	background-size: 7px;
	padding: 13px 0;
	line-height: 1;
	text-decoration: none;
	font-size: 1.4rem;
	letter-spacing: 0.01em;
	border: 3px solid #ff6600;
	border-radius: 100px;
	-webkit-transition: 0.2s;
	transition: 0.2s;

}
#footer .contact-link a:hover{

	background: #FFF url(../img/arrow_ov.png) no-repeat 96% center;
	background-size: 7px;
	color: #ff6600;
}
#footer .footer-copy{
	background: #001b88;
	color: #FFF;
	padding: 10px 0;
	font-size: 1.2rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-align: center;
}
#footer ul{
	width: 210px;
	float: left;
}
#footer li{
	font-size: 1.4rem;
	padding: 0 0 18px 0;
}
#footer .footer-nav__sub a{
	font-weight: normal;
	background: none;
	background: url(../img/line_footer.png) no-repeat left center;
	background-size: 10px;
	font-size: 1.3rem;
	color: #333
}
#footer li a{
	font-weight: bold;
	display: block;
	color: #001b88;
	padding: 0 0 0 20px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	line-height: 1;

}
#footer li a:hover{
	opacity: 0.5;
}

@media only screen and (max-width: 768px) {
	#footer{
		width: 100%;
		border-top:1px solid #ddd; 

	}
	.footer-contents{
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
		padding: 20px 0 10px 0;
	}
	#footer .footer-address{
		width:100%;
		float: none;
		text-align: center;
		padding: 30px 0 0 0;	
	}
	#footer .footer-logo{
		width: 60%;
		margin: 0 auto;
	}
	#footer .footer-company{
		color: #001b88;
		font-weight: bold;
		line-height: 1;
		text-align: center;
	}
	#footer #footer-nav{
		overflow: hidden;
		float: none;
		width: 100%;
	}
	#footer #footer-nav li{
		border-bottom: 1px solid #CCC;
	}
	#footer p{
		font-size: 1.3rem;
		margin-top: 10px;	
	}
	#footer .footer-copy{
		border-top: 1px solid #ccc;
		padding: 10px 0 30px 0;
		font-size: 1.2rem;
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-weight: 400;
		letter-spacing: 0.05em;
		text-align: center;
	}
	#footer ul{
		width: 100%;
		float: left;
	}
	#footer li{
		font-size: 1.4rem;
		padding: 0 0;
		background: url(../img/arrow_ov_blue.png) no-repeat 96% center;
		background-size: 5px;
	}
	#footer .footer-nav__sub a{
		font-weight: normal;
		background: none;
		font-size: 1.4rem;

	}
	#footer .footer-nav__sub{
		background: none;
	}
	#footer .footer-nav__sub a:before{
		content: "・";
	}
	#footer li a{
		font-weight: bold;
		display: block;
		padding: 14px 0 14px 14px;
		-webkit-transition: 0.2s;
		transition: 0.2s;
		line-height: 1;

		background: url(../img/arrow_ov_blue.png) no-repeat 96% center;
		background-size: 5px;
	}
	#footer li a:hover{
		opacity: 0.5;
	}
	#footer #footer-nav ul:last-child{
		margin-top: 0;
	}
	#footer .footer-address__text{
		font-size: 1.3rem;
		margin-top: 10px;
	}
	#footer .footer-copy{
		background: #001b88;
		color: #FFF;
		padding: 10px 0;
		font-size: 1.2rem;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 400;
		letter-spacing: 0.05em;
		text-align: center;
	}
	#footer .contact{
		background: #FFF;
		padding: 5px 10px 15px 10px;
		text-align: center;
		margin-top: 10px;

	}

	#footer .contact-tel{
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-weight: 400;
		font-size: 4rem;
		letter-spacing: 0.01em;
		line-height: 0.8;
		width: 100%;
		background:none;
		padding-left: 0;
	}
	#footer .contact-tel:before{
		content: "";
		width: 30px;
		height: 26px;
		margin-right: 10px;
		background: url(../img/icon_tel.png) no-repeat 0 3px;
		background-size: 30px;
		display: inline-block;
	}
	#footer .contact-time{
		font-size: 1.3rem;
		line-height: 1;
		margin-top: 10px;
	}
	#footer .contact-time span{
		font-size: 1.3rem;
		font-weight: bold;

	}
	#footer .contact-link{
		width: 100%;
		margin:15px auto 0 auto; 

	}
	#footer .contact-link a{
		display: block;
		width: 100%;
		color: #FFF;
		background: #ff6600 url(../img/arrow.png) no-repeat 95% center;
		background-size: 7px;
		padding: 13px 0;
		line-height: 1;
		text-decoration: none;
		font-size: 1.4rem;
		letter-spacing: 0.01em;
		border: 3px solid #ff6600;
		border-radius: 100px;
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	#footer .contact-link a:hover{
		background: #FFF url(../img/arrow_ov.png) no-repeat 96% center;
		background-size: 7px;
		color: #ff6600;
	}

}

/* ------------------------
mt
------------------------ */
.mt-7 {
	margin-top: 7px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.pb-100 {
	padding-bottom: 100px !important;
}

.pt-100 {
	padding-top: 100px !important;
}

.mb-95 {
	margin-bottom: 95px !important;
}

.mt-95 {
	margin-top: 95px !important;
}

.pb-95 {
	padding-bottom: 95px !important;
}

.pt-95 {
	padding-top: 95px !important;
}

.mb-90 {
	margin-bottom: 90px !important;
}

.mt-90 {
	margin-top: 90px !important;
}

.pb-90 {
	padding-bottom: 90px !important;
}

.pt-90 {
	padding-top: 90px !important;
}

.mb-85 {
	margin-bottom: 85px !important;
}

.mt-85 {
	margin-top: 85px !important;
}

.pb-85 {
	padding-bottom: 85px !important;
}

.pt-85 {
	padding-top: 85px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.pb-80 {
	padding-bottom: 80px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.mb-75 {
	margin-bottom: 75px !important;
}

.mt-75 {
	margin-top: 75px !important;
}

.pb-75 {
	padding-bottom: 75px !important;
}

.pt-75 {
	padding-top: 75px !important;
}

.mb-70 {
	margin-bottom: 70px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.pb-70 {
	padding-bottom: 70px !important;
}

.pt-70 {
	padding-top: 70px !important;
}

.mb-65 {
	margin-bottom: 65px !important;
}

.mt-65 {
	margin-top: 65px !important;
}

.pb-65 {
	padding-bottom: 65px !important;
}

.pt-65 {
	padding-top: 65px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.pb-60 {
	padding-bottom: 60px !important;
}

.pt-60 {
	padding-top: 60px !important;
}

.mb-55 {
	margin-bottom: 55px !important;
}

.mt-55 {
	margin-top: 55px !important;
}

.pb-55 {
	padding-bottom: 55px !important;
}

.pt-55 {
	padding-top: 55px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.mb-45 {
	margin-bottom: 45px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.fs-20{
	font-size: 20px;
}