@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : base.css                                  */
/* -------------------------------------------------- */
/* cf */
/* -------------------------------------------------- */
.cf {
  *zoom: 1; 
  }
.cf:before, .cf:after {
  content: " ";
  display: table; 
  }
.cf:after {
  clear: both; }
.clear{
  clear: both;
  }
.bg_attachment:after{
  background-attachment:fixed !important;
  }
.ipad:after{
  background-size: auto !important;
  background-position: center top !important;
  }
/* wrap */
/* -------------------------------------------------- */
.wrap {
  max-width: 980px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; 
  }
/* other */
/* -------------------------------------------------- */
.fl {
  float: left; 
  }
.fr {
  float: right; 
  }
/* body */
/* -------------------------------------------------- */
body {
  font-size: 16px;
  line-height: 1.7;
  font-family: "游明朝", "ヒラギノ明朝 Pr6 W6", "Times New Roman", YuMincho,"Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
  position: relative;
    color: #333333;
 }

/* img */
/* -------------------------------------------------- */
img {
  width: 100%;
  vertical-align: middle; }

/* a */
/* -------------------------------------------------- */
a {
  color: #333333;
  text-decoration: none; }


/* fotter */
/* -------------------------------------------------- */
footer .sitemap{
  background:#163470;
      color:#fff;

  }
footer .sitemap a{
    color:#fff;
  }
/* section */
/* -------------------------------------------------- */
section .wrap h2 {
  text-align: center; }

/* media別 */
/* -------------------------------------------------- */
@media screen and (min-width: 751px) {
  /*------------- PC start -------------*/
  .sp {
    display: none;
    }
a{
    -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  }
a:hover{
  opacity:0.7;
  }
/* header */
/* -------------------------------------------------- */
.h_fixed{
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
  }
.h_fixed + section{
  margin-top:149px;
  }
header {
  background: #ffffff;
  padding-top: 13px;
  padding-bottom: 15px;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  height:70px;
  }
header .wrap {
  position: relative;
  }
header.h_zoom{
	height:40px;
  padding:5px 0;
  }
header .wrap h2 {
  width: 7.29167%;
  margin:0 2.042%;
  display: inline-block;
  vertical-align: middle;
    -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  }
header.h_zoom .wrap h2{
  width: 4.08163%;
  }
header .wrap h2 img {
  max-width: 70px; }
header .wrap .title {
  width: 22.5%;
  display: inline-block;
  vertical-align: middle; }
header .wrap .title img {
  max-width: 216px; }
header .wrap .tel {
  width: 19.69387%;
  position: absolute;
  top: 20%;
  right: 28.91983%;
  text-align:right;
    -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  }
header.h_zoom .wrap .tel{

  width: 16.0299%;
  top:8.5%;
  right: 17.73702%;
  }
header .wrap .tel img {
  max-width: 193px;
  }
header .wrap .btn {
  width: 25.61224%;
  position: absolute;
  top: 0;
  right: 2.042%;
  text-align:right;
    -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  }
header.h_zoom .wrap .btn{
  width: 14.42943%;

  }
header .wrap .btn img {
  max-width: 251px; }

/* nav */
/* -------------------------------------------------- */
nav {
  background: rgba(22,52,112,0.8);
  opacity:1;
  }
nav ul {
  width: 100%;
  max-width: 976px;
  margin-left: auto;
  margin-right: auto;
    text-align: center;
  border-left:2px solid #60759e;
  border-right:2px solid #60759e;}
nav ul li {
  float: left;
  max-width:122px;
  width:12.5%;


  }

nav ul li a {
  box-sizing:border-box;
  display: block;
  text-align: center;
  border-left:1px solid #60759e;
  border-right:1px solid #60759e;
  padding: 11px 0 13px;

  position:relative
  }
nav ul li a:after{
  content:'';
  position:absolute;
  display:block;
  width:calc(100% + 2px);
  height:4px;
  bottom:0;
  left:-1px;
  background-color:transparent;
    -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  }

nav ul li a:hover:after{
  background:#fff;
  }

/* fotter */
/* -------------------------------------------------- */
footer .wrap .wrapinner{
  width:38.2653%;
  max-width:375px;
  margin:40px auto;
  }
footer .wrap .wrapinner figure.logo{
  width:37.06666%;
  max-width:139px;
  }
footer .wrap .wrapinner > div{
  width:56.53333%;
  max-width:212px;
  }
footer .wrap .wrapinner > div dl{
  font-size:14px;
  margin:20px 0; 
  line-height:1;
  }
footer .wrap .wrapinner > div dl dt{
  margin-bottom:6px;
  }
  
footer .wrap .wrapinner > div dl dd{
  line-height:1.8;
}

  
footer .sitemap a:hover{
  text-decoration:underline;
  }
footer .sitemap >div{
  width:100%;
  max-width:780px;
  margin:0 auto;
  padding:20px 0;
  }
footer .sitemap >div >ul{
  float:left;
  width:29%;
  font-size:14px;
  }
footer .sitemap >div >ul:last-child{
  width:auto;
  }
footer .sitemap >div >ul > li{
  margin-bottom:20px;
  line-height:1;
  }
footer .sitemap >div >ul > li >ul{
  font-size:12px;
  list-style:disc;
  list-style-position:inside;
  
  }
footer .sitemap >div >ul > li >ul li{
  margin-top:13px;
  }
footer .sitemap #copyright{
  font-size:12px;
  text-align:center;
  padding:0 0 10px;
  max-width:100%;
  width:auto;
  }
  
/*下層共通
--------------------------*/
section.under .tit_wrap{
  background:#fff;
  padding:40px 0;
  }
section.under .tit_wrap h2{
  max-width:980px;
  width:100%;
  margin:auto;
  text-align:center;
  
  }
section.under .bg_blue{
  background:rgba(22,52,112,0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99163470,EndColorStr=#99163470);
  padding:70px 0;
  color:#fff;
  }
section.under .bg_white{
  background:rgba(255,255,255,0.9);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
  padding:70px 0;
  }
  /*------------- PC END -------------*/
 }

@media screen and (max-width:750px) {
  /*------------- SP start -------------*/
  .pc {
    display: none; }

  /* body */
  /* -------------------------------------------------- */
  body {
    font-size: 14px; }

  /* wrap */
  /* -------------------------------------------------- */
  .wrap {
    max-width: 750px;
    width: 93.75%;
    margin-left:auto;
    margin-right:auto;
    }
/* header */
/* -------------------------------------------------- */
header {
  background: rgba(255,255,255,0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
  position:fixed;
  top:0;
  width:100%;
  z-index:200;
}
header .wrap {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  height:50px; 
  }
header .wrap h2 {
  width: auto;
  height:50px;
  display: inline-block;
  vertical-align: middle;
  margin-right:2%
  }
header .wrap h2 img{
  height:100%;
  width:auto;
  }
header .wrap .title {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  max-width: 216px;
  }

/*.menu
------------------------------*/
#menu_bt_box{
float:right;

  }
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 40px;
	height: 30px;
 display:block;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #163470;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 13px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger::after {
	position: absolute;
	left: 0;
	bottom: -20px;
	content: 'MENU';
	display: block;
	width: 100%;
	color: #163470;
  font-size:12px;
	text-decoration: none;
	text-align: center;
	transition: all .4s;
}
.menu-trigger.active::after {
	content: 'CLOSE';
	bottom: -20px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}
/* nav */
/* -------------------------------------------------- */

nav {
  width: 100%;
  z-index:100;
  position:fixed;
  top:70px;
  display:none;
  height:calc(100% - 70px);
  overflow-y:auto;
  }
nav ul{
   height:100%;
  }
nav ul li a {
  background:rgba(22,52,112,0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99163470,EndColorStr=#99163470);
  box-sizing:border-box;
  display: block;
  text-align: center;
  border-bottom:1px solid #60759e;
  padding:10px 0 10px;
  position:relative
  }
nav ul li a img{
  max-width:138px;
  margin:auto;
  }
nav ul li.sp a{
  background:rgba(255,159,35,0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ff9f23,EndColorStr=#99ff9f23);
  border-bottom:none;
  }
nav ul li.sp a img{
  max-width:288px;
  
  }
.h_fixed + section{
  margin-top:70px;
  }
/* fotter */
/* -------------------------------------------------- */
footer .wrap .wrapinner{
  margin:40px auto;
  text-align:center;
  }
footer .wrap .wrapinner figure.logo{
  width:33.57487%;
  max-width:139px;
  float:none;
  display:inline-block;
  vertical-align:middle;
  }
footer .wrap .wrapinner > div{
  width:53%;
  max-width:212px;
    float:none;
  display:inline-block;
  vertical-align:middle;
  text-align:left;
  margin-left:5%
  }
footer .wrap .wrapinner > div dl{
  font-size:12px;
  margin:10px 0; 
  line-height:1;
  }
footer .wrap .wrapinner > div dl dt{
  margin-bottom:5px;
  }
  
  footer .wrap .wrapinner > div dl dd{
	  line-height:1.8;
  }
  
footer .sitemap #copyright{
  font-size:12px;
  text-align:center;
  padding:10px 0 ;
  max-width:100%;
  width:auto;
  }

/*下層共通
--------------------------*/
section.under .tit_wrap{
  background:#fff;
  padding:20px 0;
  }
section.under .tit_wrap h2{
    max-width: 750px;
    width: 93.75%;
    margin-left: auto;
    margin-right: auto
  }
section.under .bg_blue{
  background:rgba(22,52,112,0.8);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99163470,EndColorStr=#99163470);
  padding:40px 0;
  color:#fff;
  }
section.under .bg_white{
  background:rgba(255,255,255,0.9);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
  padding:40px 0;
  }
 }