@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
html {
  font-size: 62.5%;
}
body{
font-family:Avenir, "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 1.6em;
font-weight:normal;
}

.wrap{
border-top: solid 5px #313131;
width:100%;
min-width:960px;
overflow:hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/*header*/
header{
width:100%;
height:100px;
padding: 18px 0 0 0;
}
header .head_info li{
float:left;
height:29px;
font-size:1.3rem;
position:relative;
left:130px;
}
.head_info li.head_phone{
color:#b5a267;
font-size:3.2rem;
line-height:29px;
margin-right:20px;
}
.head_info li.head_phone a{
color:#b5a267;
font-size:3.2rem;
line-height:29px;
margin-right:20px;
text-decoration:none;
}

.head_info li.head_phone span{
color:#ffffff;
background-color:#b5a267;
font-size:1.1rem;
padding:7px;
vertical-align:top;
margin:0 10px 0 0;
}
.head_info li.head_phone img{
vertical-align:bottom;
margin:0 15px 0 0;
}
.head_info li.head_hours span{
width: 250px;
/*position:absolute;*/
bottom:0;
}

header .left{
float:left;
}
header .right{
float:right;
position:relative;
}

/*navi*/
header nav{
  margin: 0;
  padding: 0;
  width:660px;
  height: 25px;
  position:relative;
  bottom:-6px;
}

header nav ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header nav li{
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;;
  float:left;
  margin: 0;
  padding: 0;
}

header nav a{
  display: block;
  width: 100%;
  height: 25px;
  background-image: url(/images/header_nav_bg_v2_g.png);
  background-repeat: no-repeat;
    text-decoration:none;
}
header li.menu1 {width: 118px}
header li.menu2 {width: 148px}
header li.menu3 {width: 131px}
header li.menu4 {width: 87px}
header li.menu5 {width: 176px}

header .menu1 a{background-position: 0 0;}
header .menu2 a{background-position: -118px 0;}
header .menu3 a{background-position: -266px 0;}
header .menu4 a{background-position: -397px 0;}
header .menu5 a{background-position: -484px 0;}

header .menu1 a:hover{background-position: 0 -25px;}
header .menu2 a:hover{background-position: -118px -25px;}
header .menu3 a:hover{background-position: -266px -25px;}
header .menu4 a:hover{background-position: -397px -25px;}
header .menu5 a:hover{background-position: -484px -25px;}

.menu5_info {
	position: absolute;
	right: 0;
	top: 30px;
	color: #b5a267;
	font-size: 15px;
}

/*main*/

#menu2,
#menu3,
#menu4{
text-align:center;
}

#main_img{
	color:#ffffff;
	height:400px;
	background: url(/images/img_main.jpg);
	/*background-size:100%;*/
	background-position: 50% 40%;
	/*
		background-size: 70%;
		background-position: 320px -75px;
	*/
}

.main_copy1{
text-align:center;
padding-top:80px;
font-size:5.5rem;
letter-spacing:0.03em;
line-height:1.4;

text-shadow: 0 0 50px #2E2E2E;
}
.main_copy2{
text-align:center;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
padding-top:10px;
letter-spacing:0.05em;
line-height:2.0;

text-shadow: 0 0 50px #2E2E2E;
}


#menu1{
  background: url(/images/menu1_bg.png) repeat;
  	/*height:330px;*/
}
#menu1 h2{
margin-bottom:30px;
}
#menu1 .inner_wrap{
padding:30px 0 80px;
}
#menu1 ul{
width:960px;
}
#menu1 ul li{
float:left;
/*margin-right:28px; 5列時*/
margin-right:20px;/*3列時*/
margin-bottom:10px;/*複数行時*/
background: url(/images/menu1_namebg.png) no-repeat;
/*width:169px; 5列時*/
/*width:219px; 4列時*/
width:300px; /*3列時*/
height:139px;
text-align: center;
position:relative;
}
#menu1 ul li .name{
/*font-size:1.9rem; 5列時*/
/*font-size:2.0rem;4列時*/
font-size:2.4rem;/*3列時*/
padding-top: 22px;
padding-top: 20px;/*3.4列時*/
}
#menu1 ul li .name span{
/*font-size:1.1rem; 5列時*/
font-size:1.2rem; /*3.4列時*/
margin-right: 10px;
display: inline-block;
vertical-align: middle;
/*position:relative;
position:absolute;3列時
    left: 30px;3列時
    top: 26px;3列時*/
}
#menu1 ul li .Affiliation{
/*font-size:1.4rem; 5列時*/
/*font-size:1.5rem;4列時*/
font-size:1.6rem;/*3列時*/
padding-top: 48px;
}

#menu1 ul li:last-child{
margin-right:0;
}

#menu1 ul.second_stg li:first-child{
margin-left:160px;
}


#menu2{
  background: url(/images/img_sub.jpg) repeat;
  background-size:100%;
  background-position: 50% 20%;
  height:335px;
  color:#ffffff;
}
#menu2 h2,
#menu2 p{
text-align:center;
line-height:1.4;
text-shadow: 0 0 50px #2E2E2E;
}
#menu2 h2{
padding-top:40px;
 margin:0 0 20px 0 ;
}



#menu3{
  background:#313131;
  color:#ffffff;
/*  height:400px;*/
    box-sizing: border-box;
}
#menu3 .inner_wrap{
padding:50px 0 0 0;
}
#menu3 h2{
margin:0 0 40px 0 ;
color:#b5a267;
}
#menu3 p{
text-align:center;
line-height:1.8em;
margin-bottom:40px;
}
#menu3 ul li{
float:left;
width:480px;
height:65px;
margin-bottom:40px;
}
#menu3 ul li .capt{
border:1px solid #ffffff;
width:128px;
height:38px;
text-align:center;
float:left;
margin-right:20px;
}
#menu3 ul li .data{
float:left;
}

#menu3 ul li div span{
line-height:40px;
}
#menu3 ul li .cont_num{
font-size:4.7rem;
}
#menu3 ul li .cont_num a{
font-size:4.7rem;
text-decoration:none;
color:#FFFFFF;
}

#menu3 ul li .cont_mail{
font-size:3.3rem;
letter-spacing:0.05em;
}

.menu3_fax{
/*text-align:right;*/
}
.menu3_fax div{
margin-left:10px;
}
.fax_w{
left:left;
width:250px;
}
.menu3_mail div{
font-size:1.5rem;
}

#menu3 li.menu3_contact_form{
width:100%;
}
.menu3_contact_form .capt{
margin-bottom:50px;
}
.contact_form{
/*float:left;*/
}
.contact_form .form_select{
margin:10px 0;
}
.contact_form table{
    width: 810px;
    margin-left: 150px;
    color:#fff;
    table-layout: fixed;
}
.contact_form table th,
.contact_form table td{
    vertical-align: top;
    padding: 10px 5px;
    padding-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}
.contact_form table th{
    /*width: 128px;*/
    font-size: 14px;
    padding-bottom: 20px;
}
.contact_form table th.cont_txt {
    padding-bottom: 140px;
}
.contact_form table td {
    width: 280px;
    padding-top: 8px;
    font-size: 14px;
}
.contact_form table th.th_r{
    padding-left: 25px;
    padding-right: 0px;
}
.contact_form input[type="radio"] {
   -webkit-transform: scale(1.7);
   transform: scale(1.7);
   margin-right: 0.5em;
}
.contact_form table input[type="text"],
.contact_form table textarea{
width:100%;
}
.contact_form table input[type="text"],
.contact_form table textarea,
.contact_form table select{
    padding:10px;
    background: #787878;
    border: #fff 1px solid;
	color:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#menu3 p.error {
    background: #b5a267;
    color: white;
    padding: 4px;
    margin-top: 0px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    line-height: 1.4em;
    margin-bottom: 4px;
}
#menu3 .contact_form > p.error {
    display: block;
    padding-top: 22px;
    padding-bottom: 20px;
    margin-top: 24px;
    font-size: 16px;
    text-align: center;
    background: none;
    color: #b5a267;
    border: 1px solid #b5a267;
    margin-left: 150px;
    margin-bottom: 24px;
    background: #1e1e1e;
}



.cont_txt{
vertical-align:top;
}
.submit_button{
    text-align: center;
    padding: 15px 85px;
    margin-top: 20px;
    background-color: #b5a267;
    color: #fff;
    border-style: none;
    cursor: pointer;
}
.submit_button:hover {
    background: #837447;
}
.submit_w{
text-align:center;
}
.invisible{
display:none;
}
.visible{
      display: block;
      opacity: 1;
      animation-duration: 0.5s;
      animation-name: fade-in;
      -moz-animation-duration: 0.5s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 0.5s;
      -webkit-animation-name: fade-in;
}
 @keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }


#menu4{
  background:#f9f9f9;
/*  height:200px;*/
  padding:50px 0 0 0;
}
#menu4 .inner_wrap{
margin-bottom:30px;
}
#menu4 h2{
margin-bottom:45px;
}

#menu4 li{
color:#3c3c3c;
margin-bottom:10px;
float:left;
width:470px;
}
#menu4 li div{
float:left;
margin:0 5px 0 0 ;
background:#b5a267;
color:#ffffff;
width:130px;
height:50px;
line-height:50px;
text-align:center;
}
#menu4 .station{
margin:0 0 0 20px;
}
#menu4 .text{
	display: table-cell;
    height: 50px;
    vertical-align: middle;
	line-height:1.5;
}

#maps{
width:100%;
height:400px;
}

footer{
  background:#313131;
  height:60px;
  line-height:60px;
  position:relative;
	margin-top: auto;
}

footer .footer_left{
float:left;
}
footer .footer_left a{
color:#ffffff;
}
footer .footer_left a:hover{
color:#b5a267;
}
footer .footer_right{
float:right;
color:#ffffff;
font-size:1.2rem
}

footer .totop a img{
    height: 60px;
    width: 60px;
	position: absolute;
    right: -10%;
}

/*privacy*/
#privacy{
padding:30px 0 100px 0 ;
line-height:1.5;
background: #f9f9f9;
}
#privacy h2{
margin-bottom:30px;
}
#privacy h3{
font-size:2.2rem;
margin:10px 0;
}
#privacy p{
margin-bottom:30px;
}
#privacy ul{
padding:0 20px ;
margin-bottom:30px;
}

/*common*/
.inner_wrap{
  width:960px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}
h2{
letter-spacing:-0.03em;
font-size:3.9rem;
text-align:center;
}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cf { display: inline-table; }


.information {
    margin-bottom: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.information .date { margin-right: 1em; }
.information dl {
	padding: 20px 20px 15px;
    background: #fff;
	line-height: 1.5;
	width: 48%;
}
.information dl:nth-child(1){
	margin-right: 10px;
}
.information dt,
.information dd {
	margin-bottom: 5px;
}
.information dd {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.information dt { 
	font-weight: bolder;
	color: #b5a267;
}
.information dd .new { color: red; margin-left: 0.5em; }
.information dd a { color: #005AE5; }
