@charset "utf-8";

/* commmon */

body {
    font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:25px;
	font-size:16px;
	color:#333;
}

ul,li{list-style: none;}
a{text-decoration: none;}
.inner{width:1060px; padding:0 20px; margin:0 auto; box-sizing: border-box; overflow: hidden;}
.article_l{float: left; margin-right:20px;}
.article_r{overflow:hidden;}
.article_r > a > img{padding-top: 12px;}
.article_wrapper{overflow: hidden;}
.center{text-align: center;}


.btn{
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	padding:5px 24px;
	margin-top:px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;}

.btn:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;}

.btn01{
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	font-weight:500;
	padding:5px 24px;
	text-decoration:none;
	text-shadow:0px 0px 0px #810e05;}

.btn01:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}

.btn02{
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #142039;
  border: 2px solid #142039;
  color: #fff;
  padding:0px 15px;
  margin-top:10px;
}

.btn02::before,
.btn02::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #142039;
}

.btn02,.btn02::before,.btn02::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn02:hover {
  background-color: #fff;
  border-color: #142039;
  color: #142039;
}

.btn02::before {
  top: 0;
}
.btn02::after {
  bottom: 0;
}
.btn02:hover::before,
.btn02:hover::after {
  height: 0;
  background-color: #142039;
}

/* header */
header{background-color: #142039;z-index: 100;position: relative;width: 100%;}
.fixed{position: fixed;top: 0;left: 0;}/* 追従 */
header .btn,header .btn01{width:160px;text-align: center;}
nav .btn,nav .btn01{width:160px;text-align: center;}
.header_wrapper{border-bottom:1px solid #E8F3FF;}

.header_l{float:left;}
.header_r{float:right; overflow: hidden; padding-top:13px;display: flex;}
.header_r .article_r + .article_r {margin-left: 10px;}
.header_r .btn,.header_r .btn01{border:2px solid #fff;}
.nav{width:1020px; margin:0 auto; box-sizing: border-box;}
.nav{padding:3px 0 4px; display: flex;}
.nav li{border-right:1px solid #fff;padding:0 10px; text-align: center; color:#fff;cursor:pointer;position: relative;z-index: auto;}
.nav li{flex-grow: 1;}
.nav li:last-child{flex-grow: 2;}
.nav li:first-child{border-left:1px solid #fff;}
.nav li a{color:#fff; font-size:14px;display: block;}
.nav li a:hover,.nav li:hover{text-decoration: underline;}

.toggle_box{display: none; color:#fff;background-color:#142039;position: absolute;left:-8px;width: 180px;z-index:555;}

.toggle_box .subnav li{padding:5px 0; border:none;}
.toggle_box .subnav li:last-child{padding-bottom: 10px;}
.toggle_box .subnav li:first-child{padding-top: 10px;}
.toggle_box .subnav {display: flex;flex-direction:column;}
.toggle_box .subnav li a {position: relative; display: block;z-index: auto;}



.breadcrumb{background: #f0f0f0;}
.breadcrumb ul{width:1020px; margin:0 auto; padding:4px 0;}
.breadcrumb ul li{display:inline-block; font-size:12px;}
.breadcrumb ul li a{color:#646464;}

/* contents */
.trademark{font-size:12px; color:#7C7C7C;}

/* footer */
footer{width:100%; margin:0 auto; text-align: center; background:#142039; padding:50px 0 0;}
footer ul{background: rgba(255,255,255,1.00); padding:7px 0;}
footer ul li{display: inline-block;}
footer ul li br{display:none;}
footer ul li a{color:#666; text-decoration: none; border-right:1px solid #888; font-size:13px; padding-right:20px; margin-right:20px; font-weight: 400;}
footer ul li a:hover{text-decoration: underline;}
footer ul li:last-child a{border: none;}
.contact{font-size:30px; margin-bottom:20px; color:#fff;}
.line{max-width:600px; margin:0 auto; border-bottom: 1px solid #fff;}
.tel{color:#fff; font-size:20px; margin:15px auto 25px;}
.copyright{font-size:11px; color:#fff; padding:7px 0 4px 0;}
footer .btn,footer .btn01{width:170px; margin-bottom:40px; padding:10px 40px; border:2px solid #fff;}
footer .btn{margin-right:8px;}

#page-top {position: fixed;bottom: 27px;right: 20px;font-size:25px;line-height:2.3;font-weight:bolder;}
#page-top a {background: #97D0FF;text-decoration: none;color: #ffffff;width: 60px;height:60px;text-align: center;display: block;border-radius: 100%;}
#page-top a:hover {text-decoration: none;font-weight:bolder;opacity: 0.9;}

@media screen and ( max-width:479px ){

}