@charset "utf-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table,td{border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
*,
*::before,
*::after{box-sizing: border-box;}

html{font-size:62.5％; -webkit-overflow-scrolling: touch; overflow: auto; scroll-behavior: smooth;}
body{
    color:#007343; font-size:16px;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    overflow-x: hidden; -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 896px){.pc{display:none!important;} .w100{width:100%;}}
@media screen and (min-width: 897px){.sp{display:none!important;}}
@media print{.sp{display:none!important;}}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

@media screen and (min-width: 897px){
	.hover{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
	.hover:hover{opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}}

/*float*/
.fL{float:left;}.fR{float:right;}
@media screen and (max-width: 896px){
.fL_PC,.fR_PC{float:none!important;}.fL_SP{float:left!important;}.fR_SP{float:right!important;}
}
@media screen and (min-width: 897px){
	.fL_PC{	float:left!important;}.fR_PC{	float:right!important;}
}

/*margin・padding*/
.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb2em{margin-bottom:2em !important;}
.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}
.m_auto{margin:0 auto;}
.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}
.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}
.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}
.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}

/*font*/
.font_xs{font-size:70%;}.font_s{font-size:90%;}.font_l{font-size:120%;}.lh150{line-height:150%;}.lh120{line-height:120%;}.bold{font-weight:bold;}
.textL{text-align:left !important;}.textC{text-align:center !important;}.textR{text-align:right !important;}
.s-1{padding-left:1em; text-indent:-1em;}.s-2{padding-left:2em; text-indent:-2em;}
.blue{color:#0A3E86;}.red{color:#ED1C24;}.white{color:#FFF;}.ore{color:#F15A24;}.green{color:#006837;}.yellow{color:#FFFF00;}.pink{color:#e63f65;}.black{color:#333;}

#pageTOP{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10000;
	}
	
@media screen and (max-width: 896px){
	#pageTOP{
	bottom:30px;
	right:10px;
	z-index:10000;
	}
	
	#pageTOP img{
		width:50px;
		height:50px;
		}
	
}



#wrap{
    max-width:1240px;
    width:100%;
    margin:0 auto;
}

header{
	padding:0 10px;
	}
	
.info{
	width:36%;
	margin:0 auto;
	padding:1em;
	font-weight:bold;
	text-align:center;
	border:#007343 solid 1px;
	line-height:150%;
	}
	
	
h2 {
  position: relative;
  padding: 0 65px;
  margin:0 0 30px 0;
  text-align: center;
  font-size:30px;
  font-weight:bold;
}

h2:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 3px;
  content: '';
  background: #007343;
}

h2 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

ul.link{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  text-align:center;
  margin:0 0 50px;
}

ul.link > li{
  width:120px;
  margin:0 5px 10px;
  box-sizing: border-box;
  border: solid 2px #007343;
}

ul.link > li a{
  display:block;
  padding:1em 0;
  color:#007343;
  background:#fff;
  text-decoration:none;
}

ul.link > li a:hover{
  color:#fff;
  background:#007343;
}

@media screen and (min-width: 897px){
	.spacer {
  	width: 100%;
	}
}	

@media screen and (max-width: 896px){
	h2 {
	padding: 0 40px;
	font-size:22px;
	}
	
    #wrap{
    width:100%;
    max-width:640px;
    margin:0 auto;
    padding:0 1em;
    }
	
	header img{
		width:40%;
		height:auto;
		}
		
	.info{
	width:80%;
	}
	
	ul.link > li{
  	width:110px;
	}
}


/*title*/
#title{
	background: -moz-linear-gradient(top, #007343, #FFF);
  	background: -webkit-linear-gradient(top, #007343, #FFF);
  	background: linear-gradient(to bottom, #007343, #FFF);
	/*background:#007343;*/
	margin:0 -200%;
	padding:0 200%;
	}

/*timer*/
#coutdown{
	width:50%;
	background:#56af87;
	color:#ffffff;
	padding:16px !important;
	margin:0 auto;
    filter:drop-shadow(0px 0px 4px rgba(0,0,0,.7));
	box-sizing:border-box;
	margin-bottom:130px;
	}
	
.coutdown_inbox{
	background:#ffffff;
	color:#56af87;
	padding:1em;
	margin-top:16px;
	font-size:26px;
	border-radius:10px;
	}

.yycountdown-box{
	margin:0;
	font-weight:bold;
	}
	
.time{
	width:6em;
	text-align:center;
	padding:0.5em 1em;
	margin:0 auto 20px;
	background:#007343;
	color:#fff;
	font-weight:bold;
	}
	
@media screen and (max-width: 896px){
	#coutdown{
	width:90%;
	margin-bottom:50px;
	}
	
	.coutdown_inbox{
	font-size:20px;
	}
}

/*動画リンク*/
.items3 {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack: start;
    justify-content:flex-start;
}

.items3 > .item {
    width:23%;
    margin:0 1% 70px;
	color:#333;
    box-sizing:border-box;
	display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
	flex-direction: column;
	justify-content: normal;
}

.type_box{
	flex-grow: 1;
	line-height:120%;
	font-size:85%;
	color:#666;
	/*padding-left:0.5em;
	text-indent:-0.5em;*/
	}

.type{
	color:#007343;
	display:block;
	margin:0 0 6px 0;
	}
	
.item-img{
	
}

.item-img a > img{
	width:100%;
	margin-top:3px;
    /*border:1px #007343 double;*/
    box-sizing:border-box;
}

.item-img a > img:hover{
	opacity:0.7;
	}
	
.item-body{
    text-align:center;
    padding:0.5em;
}

.item-title{
	font-weight:bold;
	margin:0 0 6px 0;
	}

a:link.btn_ank,a:visited.btn_ank{
	display:inline-block;
	font-size:120%;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	background:#F90;
	color:#fff;
	border:#F60 4px solid;
	border-radius:6px;
	margin:0 auto;
	padding:0.2em 1em 1em;
	}
	
a:hover.btn_ank{
	background:#F60;
	}
	
a .icon{display:block; font-size:300%; margin:0 0 0.2em 0;}

.icon_info{
	display:flex;
	align-items: center;
}

.icon_info img{
	width:35px;
	vertical-align:middle;
	margin:0 6px 0 0;
	}
	
.icon_info p{
	color:#333;
	}

@media screen and (max-width: 896px){	
	.items3 > .item {
    width:45%;
    margin:0 2% 20px;
    box-sizing:border-box;
    }
	
	.icon_info img{
	width:24px;
	}
	
	.icon_info p{
	font-size:12px;
	}

}

/*view*/
.corp-list > a{
	display: block;
	margin-bottom: 2em;
	text-align: center;
}

.title{
	margin: 80px auto 40px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.corp-name{
	font-weight: bold;
	font-size: 20px;
	margin: 0;
}

table.view{
	width:100%;
	margin:0 auto 80px;
	border-collapse:collapse;
	border:1px solid #007343;
	font-size:16px;
	}
	
table.view th{
	background:#007343;
	border-collapse:collapse;
	border-right:1px solid #fff;
	color:#FFF;
	padding:1em;
	box-sizing:border-box;
	font-size:16px;
	}

table.view th:last-child{
	border-right:none;
}
	
table.view td{
	border-collapse:collapse;
	border:1px solid #007343;
	padding:1em;
	box-sizing:border-box;
	width:auto;
	text-align: center;
	color: #333;
	}


	
/*footer*/
footer{
	text-align:center;
	font-size:14px;
	color:#ffffff;
	background:#007343;
	padding:1em 0;
	}

/*アンケート*/
.poll{
	width: 70%;
	border: 2px solid #007343;
	margin: 0 auto 50px;
}

.poll > p{
	background: #007343;
	padding: 1em;
	color: #FFFF00;
	font-weight: bold;
	text-align: center;
	font-size: 130%;
}

.poll > div{
	padding: 1em;
	color: #333;
	line-height: 150%;
}

.poll > div > a{
	display: block;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 896px){
	.poll{
	width: 100%;
	}
}