@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Reset
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,
fieldset,input,textarea,select,option,table,th,td,tr,embed,object,figure,figcaption{
	margin:0;
	padding:0;
}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}

html{
	font-size:62.5%;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Body
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body{
	text-align:left;
	background:#fff;
}
body img{vertical-align:top;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div,figure,figcaption{
	color:#000;
	font-size:16px;
	font-size:1.6rem;	
	line-height: 1.8;
}

a{overflow:hidden;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family:'Noto Sans JP','メイリオ','','Hiragino Kaku Gothic Pro',Meiryo,Verdana,sans-serif;
	font-weight:normal;
}


* html body *{
	vertical-align:baseline;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Content
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.content_wrap{
	max-width: 1000px;
	margin: 0 auto;
	padding: 5% 0;
    box-sizing: border-box;
}
.content_wra2{
	max-width: 1000px;
	margin: 0 auto;
	padding: 5% 0;
    box-sizing: border-box;
}
img.fit,
object.fit,
embed.fit,
iframe.fit {
 width: 100%;
 height: auto;
}
/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// information
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

#information_wrap{
	padding-top: 70px;
	position: relative;
	z-index: 2;
}

#information_wrap .infomarion{
	padding: 70px 100px;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	background: #fff;
	box-sizing: border-box;
}
.infomarion h2{
	margin-bottom: 50px;
}

.infomarion .btn{
	margin: 50px auto 0;
}


.news-ttl {
    color: #ccb233;
		padding: 20px 0;
	border-bottom: solid 1px #e5e5e5;	
}
.news-date {
    margin-right: 3%;
}
.news-ttl a {
    color: #000;
    text-decoration: underline;
}
.label1 {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 2% 0;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Title
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/


h2{
	color: #000;
	font-size:2.8rem;
	line-height: 1;
	font-weight: bold;
	font-family: "Noto Serif CJK JP",serif;
	text-align: center;
}

h2 span{
	color: #000;
	padding-top: 30px;
	font-size: 1.7rem;
	font-weight: normal;
	display: block;
	font-family: "Noto Serif CJK JP",serif;
}


h2.under{
	margin-bottom: 30px;
}

.ttl1 {
    font-family: "Noto Serif CJK JP",serif;
    display: block;
    background-color: #000;
    color: #fff;
    font-size: 30px;
    text-align-last: left;
    padding: 1.4% 1.4% 1.4% 3%;
}
.ttl12 {
    display: block;
    font-family: "Noto Serif CJK jp",serif;
    font-size: 30px;
    border-left: 20px solid #ccb233;
    padding-left: 3%;
}
.ttl3 {
    font-family: "Noto Serif CJK jp",serif;
    font-size: 30px;
    background-color: #ccb233;
    position: relative;
    padding-left: 1%;
    border-left: 20px solid #000;
}
/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// btn
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.btn {
    font-family: "Noto Sans CJK JP",sans-serif;
    display: block;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    padding: 5%;
    border: 1px solid #000;
    transition-property: background-color,color;
    transition-duration: .3s;
}
/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// link
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
a:hover{
	opacity: 0.7;
	transition: all 0.3s;
}
a:hover img{
	opacity: 0.7;
	transition: all 0.3s;
}
a.window{
	padding-right: 20px;
	min-height: 20px;
	background: url(../images/icon_window.png) right 8px no-repeat;
	background-size: 16px;
	text-decoration: underline;
}
a.link{
	color: #0b7cc3;
	text-decoration: underline;
}
/*-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// inner
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.inner1{margin-bottom: 1%;}
.inner2{margin-bottom: 2%;}
.inner3{margin-bottom: 3%;}
.inner4{margin-bottom: 4%;}
.inner5{margin-bottom: 5%;}
.inner6{margin-bottom: 6%;}
.inner7{margin-bottom: 7%;}
.inner8{margin-bottom: 8%;}
.inner9{margin-bottom: 9%;}
.inner10{margin-bottom: 10%;}

@media screen and (max-width: 600px) { 
	.content_wrap,.content_wrap2 {
    padding: 5% 0;
	margin: 1.5%;
}
	#information_wrap .infomarion {
    padding: 10% 2%;
}
}