@charset "utf-8";
html, body, h1, h2, h3,h4,h5, p, ul, li,dl,dt,dd{
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family:
    "Hiragino Kaku Gothic ProN",
    Meiryo,
    sans-serif;
}
a{
 text-decoration:none;
 }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul,li,ol{
 list-style:none;
 }
img {
  border: 0;
  vertical-align: bottom;
 }
 
 input {
  vertical-align: bottom;
}
 /* reset
--------------------------------------------------*/
#pannkuzu{
width:100%;
padding:10px 0;
}

#pannkuzu a{
color:#00F;	
}

/*  共通部分
---------------------------------------------------------- */
body {
  color: #222;
  font: 14px/1.3 ; /*font指定のショートハンド*/
  -webkit-text-size-adjust: 100%; /*古いiOS対応*/
  background:url(%E5%85%83%E7%94%BB%E5%83%8F/bacmin.jpg);
}
#content{
width:960px;
margin:0 auto;	
background:#FFF;
}
a {
  color: #222;
}

/*  レイアウト
----------------------------------------------------------*/
/*  Header  */

#header {

  text-align: right;
  padding-top: 20px;
}
h1 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  color: #FFF;
}

/* 3本線の描画 */
.btn {
  width:25px;
  height: 25px;
  border-radius: 20px;
  background: #fff;
  position: relative;
}
.btn a {
  display: block;
  width: 25px;
  height: 25px;
}
.btn-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 350%;
  width: 25px;
  height: 4px;
  margin: -2px 0 0 -50px;
  background: #2196F3;
  transition: .2s;
}
.btn-icon:before, .btn-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 4px;
  margin-left: -50px;
  background: #2196F3;
  transition: .3s;
}
.btn-icon:before {
  margin-top: -24px;
}
.btn-icon:after {
  margin-top: 20px;
}


/*クリックしたら追加されるスタイル*/
span.close {
  background: transparent;
}
span.close:before, span.close:after {
  margin-top: 0;
}
span.close:before {
  transform: rotate(-45deg);
}
span.close:after {
  transform: rotate(-135deg);
}

/*スライドで出てくるメニュー*/
#menu {
  background: #ADADAD;
  width: 100%;
  height: 100vh;
  display: none;
}

#menu h2{
text-align:center;
padding-top:20px;
}

#menu ul li{
text-align:center;
font-size: 3em;
line-height: 80px;
color:#aa8241;	
}


#menu ul li a{
text-align:center;
line-height: 80px;
color:#aa8241;	
}


#globalHeader {
width:100vw;
border-bottom: 1px solid #ccc;
padding:10px 0;
}

h2#submein img{
max-width:100%;	
}

#globalHeader h1{
width:960px;
height:50px;
margin:0 auto;
background:url(img/logo_pc.png) no-repeat;
background-size:contain;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#header-sp,#menu{
display:none;	
}

.mein{
	max-width:100%;
	height:1000px;
	background:url(img/mein2.jpg) no-repeat;
	animation:mein 20s infinite; /*アニメ名前・アニメの長さ・アニメの*/
    background-size:cover;
	margin:0 auto;
    }


@keyframes mein{
0%{background:url(img/sli01.jpg) no-repeat;}
40%{background:url(img/sli02.jpg) no-repeat;}
80%{background:url(img/sli03.jpg) no-repeat;}	
100%{background:url(img/sli04.jpg) no-repeat;}	
}
/*  メイン画像
---------------------------------------------------------- */
.menu{
height:10vh;
background:#F5F4F4;
background-size:cover;
margin-top:10px;
}

#panel{
width:980px;
margin:0 auto;
overflow:hidden;
}

#panel li{
float:left;
width:240px;
height:10vh;
text-align:center;
color:#ADADAD;
box-sizing:border-box;
}

#panel li a{
height:10vh;
line-height:10vh;
color:#ADADAD;
display:block;
}

#panel li a:hover{
line-height:10vh;
opacity:0.5;
color:#810C0C;
}
/*  content  */


#slide img {
  max-width: 100%; /*フルードイメージ*/
}

<!--aleft-->
.alert{
padding:10px;
background:#CCCCCC;
	
}
.alert p{
border-radius:5px;
background:#FFF;
border:solid 1px #999999;	
}

.alert p a {
  background: url(img/icon_alert_2x.png) no-repeat 10px 10px; /*最初から高画質ディスプレイ用に大きいサイズを使用*/
  display: block;
  padding: 12px 20px 12px 40px;
  background-size: 21px;
}

section.seminar toggle p{
padding:5px 10px;	
}



.indexBoxes{
margin-bottom:20px;	
background:url(img/b2.jpg) no-repeat;
background-size:cover;
padding-bottom:30px;
}
#box4{
overflow:hidden;
	
}
.indexBoxes dl{
width:50%;
height:410px;
float:left;
}

.indexBoxes dl dt{
text-align:center;	
}

.indexBoxes dl dd{
padding:10px;
line-height:20px;
font-weight:normal;
box-sizing:border-box;
}

.indexBoxes h2{
margin:10px 0;

}
.indexBoxes img{
max-width:100%;

}

.indexBoxes h4,.indexBoxes h5{
padding:8px 0;
text-align:center;
color:#AD8748;
font-size:1.5em;
}


#rctT h4,#rctT h5,#rctT h6{
text-align:center;
}
#rctT h5{
color:#F00;	
margin:10px 0;
}
p.cpl{
text-align:center;
margin:10px 0;

}
p.cpl img{
max-width:100%;	
}

#box1{
width:100%;
margin:15px 0;	
}

#box1 img{
max-width:100%;	
}

#box1 dl{
width:100%;
height:500px;
overflow:hidden;	
}

#box1 dl dt{
width:55%;
float:left;
margin-right:5%;
}


#box1 dl dd{
width:40%;
float:left;
}


#box1 dl h2{
font-size:32px;
color: #aa8241;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin-bottom:50px;
}

#box1 dl p{
line-height:25px;
}

ul#miniboxz{
display:flex;	
}

ul#miniboxz li{
width:30%;	
}

#box2{
width:100%;
margin:15px 0;
padding:10px;
border:solid 2px #000000;
box-sizing:border-box;
}
#box2 h2{
margin:15px 0 10px 10px;
color:#F00;
}
#box2 p{
margin:10px 0;
padding:5px;	
}
#box3{
width:100%;
height:300px;
margin-bottom: 60px
}

#box3 img{
max-width:100%;	
}
#box3 h3{
text-align:center;
padding-top:10px;
margin-bottom:10px;
color:#af8b46;
}

h3.sb img{
max-width:100%;	
}


#box5{
width:100%;
margin:15px 0;	
}

#box5 img{
max-width:100%;	
}

#box5 dl{
width:100%;
height:500px;
overflow:hidden;	
}

#box5 dl dt{
width:55%;
float:left;
margin-right:5%;
}


#box5 dl dd{
width:40%;
float:left;
}


#box5 dl h2{
font-size:32px;
color: #aa8241;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin-bottom:50px;
}

#box5 dl p{
line-height:25px;
}


h3.imin img{
max-width:100%;
}

#flex img{
max-width:100%;	
}

#flex{
	width:100%;
display:flex;
}

dl.soc{
width:100%;
display:flex;
}

dl.soc dt{
width:40%;
margin-bottom:10px;
padding:5px;
}

dl.soc dt{
width:60%;
}

#flex dl{
width:360px;
height:30px;	

}

#flex dl dt,#flex dl dd{
margin-bottom:20px;
text-align:center;
}
#flex dl dt{
text-align:center;	
margin-top:10px;
color:#CCC;
}
.indexBoxes p{
line-height:30px;
padding:0 10px;
}

p.text{
text-align:center;
}
h2 span{
display:block;
margin:15px 0;
padding:10px;
}
.seminar h2,
.information h2 {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-hegiht: 1;
  padding: 12px 10px;
  
}

.seminar h2 span,
.information h2 span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-hegiht: 1;
  padding: 12px 10px;
 
}


dl.informationLink dt {
  color: #777;
  float: left;
  margin-top: 12px;
  padding-left: 10px;
  
}
dl.informationLink dd a {
   background: url(../img/icon_arrow_gray.png) no-repeat 100% 50%;
  border-top: 1px solid #ccc;
  display: block;
  margin: 0;
  padding: 12px 30px 12px 10em;
}

#list ul{
padding:10px;	
}


#list ul li{
line-height:20px;	
}
ul.keep li {
padding-bottom:10px;	
}

#recbox{
margin:15px;	
}

#recbox h2{
text-align:center;
color:#FFF;
background:#00F;
padding:10px 0;
}
#recbox h3{
text-align:center;
background:#00F;
color:#FFF;
line-height:25px;
}

#recbox ul{
border:solid 1px #CCCCCC;
margin:10px 0;	
}

#recbox ul li{
line-height:30px;
padding:5px;
}
#recbox img{
max-width:100%;	
}


/*  アコーディオンメニュー
---------------------------------------------------------- */

.toggle h2 span {
background:url(img/icon_minus_white.png) no-repeat 100% 50%;
}
.toggle.close h2 span {
  background: url(img/icon_plus_white.png) no-repeat 100% 50%;
}
.toggle h2 {
  cursor: pointer;
}
.toggle.close dl {
  display: none; 
}
.indexBoxes h2 {
margin:10px 5px;
  background: linear-gradient(to bottom, #ffffff, #efefef);
  border-top: 1px solid #ccc;
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-hegiht: 1;
  padding: 12px 10px;
}

/*Special*/
#Special{
overflow:hidden;
}
#Special h2{
background:#810C0C;
margin:10px 0;
padding:20px 10px;
color:#FFF;
}

#Special h4{
font-size: 32px;
margin:25px 0;
font-family: "utsukushi";
color:#E9B76B;
text-align:center;
}

#Special_box01 h2{
text-align:center;
margin:10px 0;
}

#Special p{
padding:5px 10px;
font-size: 16px;
    line-height: 1.5;
}

dl.taqbekiri{
width:100%;
overflow:hidden;
}
dl.taqbekiri dt,dl.taqbekiri dd{
width:50%;
float:left;
text-align:center;
margin-top: 12px;
padding-left: 10px;
box-sizing:border-box;
}
#Special h3{
margin:10px 5px;	
}
#Special h3 img{
max-width:100%;	
}
h5 img{
max-width:100%;	
}

#inquery p{
line-height:20px;
padding:5px;	
}
#inquery_box{
overflow:hidden;	
}
#inquery_box p{
float:left;
margin:50px;	
}
#inquery_box p img{
max-width:100%;
}

table{
width:400px;
height:300px;
border:solid 1px #000000;
background:#FFFFFF;	
float:right;
margin:50px 50px 50px 0;
box-sizing:border-box;

}
th,td{
width:250px;
border:solid 1px #000000;		
}
th{	
}
td{
padding-left:5px;	
}

p.map{
text-align:center;
margin-bottom:30px;	
}




/*  Footer
---------------------------------------------------------- */
footer{
width:100%;
margin-top:10px;
background:#2f2f2f;
}
footer p{
text-align:center;
padding: 15px 0;
line-height:25px;
color:#CCC;

}
#copyright{
  background: #42001e;
  color: #fff;
  font-family: helvetica, arial;
  padding: 15px 0;
  text-align: center;
}
@media screen and (max-width:959px){
container{
MAX-width:100%;
footer{
max-width:100%;
}
#panel{
max-width:100%;	
}
#panel li{
width:25%;

}




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

@keyframes mein{
0%{background:url(img/mli01.jpg) no-repeat;}
60%{background:url(img/mli02.jpg) no-repeat;}
80%{background:url(img/mli03.jpg) no-repeat;}
100%{background:url(img/mli04.jpg) no-repeat;}	
}

.mein{
	max-width:100%;
	height:260px;
    }

#panel{
width:100%;}

#panel li{
float:left;
width:25%;
line-height:10vh;
text-align:center;
box-sizing:border-box;
}

#content{
max-width:100%;	
}

#box1 dl{
width:100%;
height:760px;	
}

#box1 dl dt{
width:100%;
float:mome;
}

#box1 img{
max-width:100%;	
margin-bottom:40px;
}
#box1 dl dd{
width:100%;
float:none;
}

#box1 dl dd h2{
font-size:1,4em;

}

#box3{
margin-bottom: 0;
height:280px;

}
#box3 p,#box1 dl p,#box5 p{
padding:0 5px;
}


#flex{
margin:40px 0;	
}


#box5 dl{
width:100%;
height:760px;
overflow:hidden;	
}

#box5 dl dt{
width:100%;
float:none;
margin-right:0;
}


#box5 dl dd{
width:100%;
float:none;
}
#box5 dd h2{
text-align:center;
margin-top:15px;	
}

#inquery img{
max-width:100%;
padding:0;
}
#inquery{
	width:100%;
	float:none;
	margin:0 auto;
padding:0 2%;
box-sizing:border-box;
}

#inquery_box p{
margin:0;
padding:5px;
	}
h5 #map{
width:100%;

}

.indexBoxes h4{
padding:10px 0;
font-size:0.7em;

}


ul#miniboxz li{
width:33%;
}

ul#miniboxz li img{
max-width:100%;
}

#inquery table{
width:100%;	
margin:30px 0;
}
th{
width:50%;	
}
td{
width:50%;
font-size:12px;
}
#inquery_box02{
width:100%;
margin:0 auto;
}
#Special h3{
font-size:1em;	
}
#menu_box h4{
text-align:left;
padding:5px;
}
.indexBoxes p{	
padding:5px;
}
#menu_box h2{
margin-top:20px;
}

#menu_box ul{
width:100%;
display:block;
overflow:hidden;
}

#menu_box ul li{
width:50%;
float:left;
padding:0;
margin-top:40px;
text-align:center;
}

dl.soc{
display:block;
}

dl.soc dt{
width:100%;
margin-bottom:10px;
padding:5px;
}
dl.soc dd{
width:100%;
}
#Special h2{
font-size:1em;
}

 }