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

/*
1.全体
2.ヘッダー
3.ナビゲーション
4.コンテンツ
5.サイド
6.フッター
*/


/*------------------------------------
1.全体
------------------------------------*/

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td{ 
	margin: 0;
	padding: 0;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
	font-size: 16px
}
body{
	max-width: 1980px;
	margin: 0 auto
}
input, textarea{
	margin: 0;
	font-size: 100%;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset, img{ 
	border: 0;
}
address, caption, cite, code, dfn, em, th, var{
	font-style: normal;
	font-weight: normal;
}
ol, ul{
	list-style: none;
}
caption,th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after{
	content:'';
}
abbr,
acronym {
	border: 0;
}
u,
ins {
    text-decoration: underline;
}
samll{font-size: 14px}

a:link{color: #1D2087;text-decoration: underline}
a:visited{color: #1D2087;text-decoration: underline}
a:hover{color: #1D2087;text-decoration: none}
a:active{color: #1D2087;text-decoration: underline}
*, *:after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
/*------------------------------------
2.ヘッダー
------------------------------------*/
header{
	width: 100%;
	margin: 0 0 15px 0;
	border-top: 3px solid #0F1A38;
	border-bottom: 1px solid #ddd;
	z-index: 200;
	overflow: hidden;
	clear: both
}
header .header_top{
	margin: 0 auto;
	padding: 0 0 0 30px;
	background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
	overflow: hidden
}
header .logo{
	width: 230px;
	margin: 20px 0 0 0;
	float: left
}
header .logo img{
	max-width: 100%;
	height: auto
}
header .logo img:hover{
	opacity: .7;
    filter: alpha(opacity=70);
}
header .sp_logo{
	display: none
}
header nav{
	width: 800px;
	margin: 0 0 0 30px;
	float: left
}
header nav ul{
	font-size: 0;
	border-left: 1px solid #ddd;
}
header nav ul:first-child{
	border-bottom: 1px solid #ddd;
}
header nav li{
	width: 20%;
	text-align: center;
	border-right: 1px solid #ddd;
	display: inline-block
}
header nav li a{
	padding: 12px 0 8px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header nav li a:link{color: #000;text-decoration: none}
header nav li a:visited{color: #000;text-decoration: none}
header nav li a:hover{color: #fff;text-decoration: none;background-color: #0F1A38}
header nav li a:active{color: #000;text-decoration: none}
header .tel_area a{
	width: 140px;
	height: 89px;
	padding: 13px 0 0 0;
	float: right;
	color: #fff;
	line-height: 1.3;
	background-color: #0F1A38;
}
header .tel_area a:link{colo:#fff;text-decoration: none}
header .tel_area a:visited{colo:#fff;text-decoration: none}
header .tel_area a:hover{colo:#fff;text-decoration: none}
header .tel_area a:active{colo:#fff;text-decoration: none}
header .tel_area a .tel{
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block
}
header .tel_area a .time{
	font-size: 14px;
	text-align: center;
	display: block;
}
@media screen and (max-width:959px){
	header{
		width: 100%;
		margin: 0 0 15px 0;
	}
	header .logo{
		width: 180px;
		margin: 10px auto 0;
		float: none
	}
	header nav{
		width: 100%;
		margin: 0;
		float: none
	}
	header nav ul{
		display: none
	}
	header .tel_area a{
		display: none
	}
}
@media screen and (max-width:320px){
	header .area_logo{
		padding-top: 5px
	}
	header .area_logo img{
		max-width: 230px
	}
}
/*------------------------------------
3.ナビゲーション
------------------------------------*/

/*スマホナビゲーション*/
.menu_box{
	display: none
}
@media screen and (max-width:959px){
	.menu_box{
		display: block
	}
	.lock {
		overflow:hidden
	}
	.modal-content {
		width:96%;
		margin:30px 2%;
		padding:10px 0 0;
		background:#fff;
		position:relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display:none
	}
	.modal-overlay {
		width:100%;
		height:120%;
		position:fixed;
		top:0;
		left:0;
		background-color:rgba(0,0,0,0.75);
		z-index:1;
		display:none
	}
	.modal-wrap {
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		overflow:auto;
		display:none;
		z-index:1000
	}
	/*オープンボタン*/
	.modal-open{
		width: 55px;
		height: 55px;
		padding-top: 15px;
		border-radius: 50%;
		line-height: 55px;
		position: fixed;
		right:20px;
		bottom: 15px;
		text-decoration:underline;
		background-color:#0F1A38;
		z-index: 100000
	}
	.modal-open i{
		padding: 0 0 0 16px;
		color: #fff;
		font-size:25px;
		display: block
	}
	p.close_top{
		text-align: center;
		margin: 10px 0 20px
	}
	p.close_top .modal-close{
		margin-right: 20px;
		padding:10px 20px;
		color: #fff;
		font-size: 14px;
		background-color:#0F1A38
	}
	.modal-content .logo{
		width: 150px;
		margin: 10px auto 0
	}
	.modal-content .logo img{
		max-width: 100%
	}
	.modal-content > ul{
		margin:0;
		padding:0;
		overflow: hidden
	}
	ul.nav_box{
		margin:0;
		padding:15px 0 0;
		overflow: hidden
	}
	ul.nav_box li{
		width: 47%;
		margin:0 0 20px 3%;
		float: left;
		font-size: 14px;
		text-align: center
	}
	ul.nav_box li a{
		color: #000;
		display: block
	}
	p.close_bottom{
		margin: 10px 0 20px;
		text-align: center;
		overflow: hidden
	}
	p.close_bottom a{
		margin: 0 0 20px 0;
		padding:10px 20px;
		color: #fff;
		font-size: 14px;
		text-align: right;
		background-color:#0F1A38;
		display: inline-block
	}
}
/*------------------------------------
4.コンテンツ
------------------------------------*/
.inner{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.inner_700{
	width: 100%;
	max-width: 700px;
	margin: 0 auto
}
.inner_800{
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}
@media screen and (max-width:959px) {
	.inner{
		width: 98%;
		max-width: 98%;
		margin: 0 1%;
		position:relative
	}
	.inner_700{
		width: 98%;
		max-width: 98%;
		margin: 0 1%;
		position:relative
	}
	.inner_800{
		width: 98%;
		max-width: 98%;
		margin: 0 1%;
		position:relative
	}
}

/*------------------------------------
5.サイド
------------------------------------*/

/*------------------------------------
6.フッター
------------------------------------*/
.contact_under{
	margin: 0 auto;
	text-align: center
}
.contact_under .txt_01{
	margin-bottom: 25px;
	color: #0F1A38;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	z-index: 100;
	display: inline-block
}
.contact_under .con {
	padding: 50px 0 50px;
	background:
	linear-gradient(135deg, #0F1A38 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
	linear-gradient(225deg, #0F1A38 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
	background-color:#0F1A38;
	background-size: 64px 128px
}
.contact_under .con .box{
	width: 800px;
	margin: 0 auto;
	overflow: hidden
}
.contact_under .tel{
	width: 48%;
	padding: 15px 0 13px;
	float: left;
	background-color: #fff;
	z-index: 10
}
.contact_under .mail{
	width: 48%;
	padding: 15px 0 13px;
	float: right;
	background-color: #fff;
	z-index: 10
}
.contact_under a{
	font-size: 18px;
	font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.contact_under a i{
	margin-right: 10px
}
.contact_under a:link{color: #0F1A38;text-decoration: none}
.contact_under a:visited{color: #0F1A38;text-decoration: none}
.contact_under a:hover{color: #0F1A38;text-decoration: none;opacity: .7}
.contact_under a:active{color: #0F1A38;text-decoration: none}
footer{
	overflow: hidden;
	clear: both
}
footer .con{
	padding: 35px 0 20px;
	background-color: #eee
}
footer .con ul.nav{
	margin-bottom: 20px;
	text-align: center;
}
footer .con ul.nav li{
	display: inline-block
}
footer .con ul.nav li a{
	padding: 0 15px;
	border-right: 1px solid #a1b0d8
}
footer .con ul.nav li:last-child a{
	border-right: none
}
footer .con ul.nav li a:link{color: #0F1A38;text-decoration: underline}
footer .con ul.nav li a:visited{color: #0F1A38;text-decoration: underline}
footer .con ul.nav li a:hover{color: #0F1A38;text-decoration: none}
footer .con ul.nav li a:active{color: #0F1A38;text-decoration: underline}

footer .con ul.sns{
	margin: 30px auto 0;
	text-align: center;
	display: block
}
footer .con ul.sns a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	display: block
}
footer .con ul.sns .twitter{
	width: 55px;
	height: 55px;
	border-radius: 50%;
	font-size:25px;
	line-height: 55px;
	background-color: #1DA1F2;
	display: inline-block
}
footer .con ul.sns a:link{color: #fff;text-decoration: none}
footer .con ul.sns a:visited{color: #fff;text-decoration: none}
footer .con ul.sns a:hover{color: #fff;text-decoration: none;opacity: .7}
footer .con ul.sns a:active{color: #fff;text-decoration: none}
footer .under{
	padding: 15px 0 10px;
	color: #fff;
	text-align: center;
	background-color: #2b2b2b
}
@media screen and (max-width:959px){
	.contact_under{
		text-align: left;
	}
	.contact_under .txt_01{
		margin:0 2% 20px;
		font-size: 16px
	}
	.contact_under .con {
		text-align: center
	}
	.contact_under .con .box{
		width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.contact_under .tel{
		width: 90%;
		margin: 0 auto 20px;
		padding: 15px 0 13px;
		float: none;
		background-color: #fff;
		z-index: 10
	}
	.contact_under .mail{
		width: 90%;
		margin: 0 auto;
		padding: 15px 0 13px;
		float: none;
		background-color: #fff;
		z-index: 10
	}
	.contact_under a{
		font-size: 16px;
		display: block
	}
	footer .con ul.nav{
		text-align: left;
	}
	footer .con ul.nav li{
		width: 48%;
		margin-bottom: 13px;
		padding: 6px 5px;
		text-align: center;
		background-color: #0F1A38;
		border: 1px solid #0F1A38;
		box-sizing: border-box;
		display: inline-block
	}
	footer .con ul.nav li:nth-child(odd){
		margin: 0 2% 13px 0
	}
	footer .con ul.nav li a{
		padding: 0 15px;
		border-right: none;
		display: block
	}
	footer .con ul.nav li a:link{color: #fff;text-decoration: none}
	footer .con ul.nav li a:visited{color: #fff;text-decoration: none}
	footer .con ul.nav li a:hover{color: #fff;text-decoration: none}
	footer .con ul.nav li a:active{color: #fff;text-decoration: none}
	footer .under{
		padding: 15px 0 90px
	}
}