@charset "UTF-8";
/* Body */
body {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #f1e594 url("../../img/bg_top.png") no-repeat center top /100% auto;
	margin:0;
	font-style: normal;
	font-weight: 300;
	color: #231815;
}
img{
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
a{
	transition: all 0.3s linear;
	color: #00498a;
	text-decoration: none;
}
i{
	font-style: normal;
}
#codeset{
	position: absolute;
	height:0;
	bottom:-1px;
}
.b81c22{
	color: #b81c22;
}
.e60012{
	color:#e60012;
}
/* Container */
.container{
	box-sizing: border-box;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.flex{
	display: flex;
}
.list-wrap{
	flex-wrap: wrap;
}
.txt-center{
	text-align: center;
}
.devide{
	margin-top:5.5em;
}
h1.page-title,
.section-title{
	font-size:2.1875em;
	padding:0;
}
h2.section-title{
	text-align: center;
}
h2.section-title small{
	font-size:65.7142857%;
}
h1.page-title{
	border-radius: 6px;
}
.block-title{
	font-size:1.75em;
}
.d77{
	color: #d71718;
}
.sf{
	font-size: .75em;
}
.srf{
	font-size: .875em;
}
/* header */
header#HD {
	width: 100%;
	padding: 1.25em 0;
}
header#HD .container{
	align-items: center;
	justify-content:space-between;
}
.logo {
	font-weight: bold;
	line-height: 0;
}
header#HD .container strong{
	display:inline-block;
}
/* index Section */
.section{
	padding:2.5em 0 4em;
	line-height: 1.55;
}
.links a.btn:after{
	content: "▼";
	display: block;
	width:.8em;
	height:.8em;
	font-size:.8em;
	position: absolute;
	transform: rotate(-90deg);
}
a.btn{
	display: block;
	padding:1.5em 1em;
	border-radius: 2.5em;
	color: #fff;
	text-align: center;
	background-color: #f07811;
	max-width: 28em;
	margin:0 auto;
	position: relative;
}
.container.links a.btn{
	font-size: 1.375em;
}
#SEC4{
	background-color: #fff;
	padding: 0;
}
#SEC4 div[class*="vol30"]{
	padding:2.5em 0 4em;
}
#SEC4 .section-title{
	margin:1em auto;
}
#SEC4 .vol301,#SEC4 .vol305{
	background-color: #f8f8f8;
}
#SEC4 .vol302{
	background-color: #fff6fa;
}
#SEC4 .vol303{
	background-color: #f6ffff;
}
#SEC4 .vol304{
	background-color: #fffff6;
}
#SEC4 .block-title{
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#SEC4 div[class*="vol30"] .block-title.imgs .img.ttl{
	max-width: 300px;
	width:60%;
}
#SEC4 div[class*="vol30"] .block-title.imgs .img.timer{
	max-width: 150px;
}
#SEC4 .vol301 .block-title{
	color:#9AB730;
	font-size:2.1875em;
}
#SEC4 .vol301 .block-title small{
	display:flex;
	justify-content: center;
	align-items: center;
	height: 3em;
	width:3em;
	box-sizing: border-box;
	border-radius: 50%;
	font-size: 45.714285%;
	background-color: #9AB730;
	color:#fff;
	margin-right:1em;
}
#SEC4 .vol301 .lead{
	margin: 1em auto;
	font-size:1.4375em;
}
#SEC4 .vol301 .w-box{
	margin: 2.75em auto;
	background-color: #fff;
	text-align: center;
	font-size: 1.125em;
	padding: 1.5em 1em 0;
	box-sizing: border-box;
	max-width: 600px;
	border-radius: 5.94445em;
}
#SEC4 .vol301 .w-box h4{
	display: inline-block;
	min-width: 75%;
	background-color: #9AB730;
	color: #fff;
	padding: .625em 1.5em;
	box-sizing: border-box;
	border-radius: .625em;
	margin-bottom: 2.555556em;
	position: relative;
	z-index: +1;
}
#SEC4 .vol301 .w-box h4:after{
	content: " ";
	display: block;
	position: absolute;
	left:50%;
	bottom: -1.75em;
	height:2.555556em;
	width:1.333333em;
	background: url('../../img/ooo.png') no-repeat center top;
	background-size: cover;
	transform: translateX(-50%);
}
#SEC4 .vol301 .w-box .flex{
	max-width: 450px;
	line-height: 1px;
	margin:0 auto;
	align-items: flex-end;
}
#SEC4 .vol301 .img-txt img{
	max-width: 444px;
	width: 100%;
	margin-bottom: .5em;
}
#SEC4 .vol301 .wgb-box{
	margin: 2.75em auto .5em;
	box-sizing: border-box;
	border-radius: .75em;
	border: 1px solid #9AB730;
	background-color: #fff;
	padding: 1.5em 2em;
	max-width: 400px;
}
#SEC4 .vol301 .t400r{
	font-size: .75em;
	text-align: right;
}
#SEC4 .vol302 .pc-flex .img{
	margin: 1em auto;
}
#SEC4 .wrb-box{
	margin: 1.75em auto;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	border-radius: .75em;
	background-color: #fff;
	padding: 1em 1.5em;
	max-width: 800px;
	font-size:1.4375em;
}
#SEC4 .vol302 .wrb-box{
	border: 1px solid #E04876;
	color: #E04876;
}
.w800-box{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
#SEC4 h4.flex{
	align-items: center;
	font-size: 1.25em;
	margin:.5em 0 .25em;
}
#SEC4 .vol302 h4.flex{
	margin-bottom: .5em;
}
#SEC4 h4.flex .logo-m{
	margin-right: 1.25em;
}
#SEC4 h4.flex .logo-m img{
	height: 1.875em;
	width: auto;
}
#SEC4 .vol302 .w800-box header,
#SEC4 .vol303 .w800-box header,
#SEC4 .w800-box .pc-float .img,
#SEC4 .w800-box .pc-float .txt{
	margin:0 auto .5em;
}
#SEC4 .w800-box .pc-float .mov p{
	margin:.25em auto 0em;
}
#SEC4 .w800-box .pc-float .txt strong{
	font-size: 1.25em;
	display: inline-block;
	margin-top:.5em;
}
#SEC4 .pc-flex .img small,
#SEC4 .w800-box .pc-float .txt small{
	font-size: .8125em;
}
#SEC4 .w800-box .pc-float .mov{
	margin-top: 1.5em;
	padding: 1.5em 1em;
	box-sizing: border-box;
}
#SEC4 .vol302 .w800-box .pc-float .mov{
	background-color: #FFE7F1;
}
#SEC4 .vol303 .w800-box .pc-float .mov{
	background-color: #E8F7FF;
}
#SEC4 .w800-box .pc-float .mov iframe{
	display: block;
	margin:auto;
}
#SEC4 .vol303 .pc-flex .img:nth-child(2) small{
	display: block;
	margin:1em 0 1.5em;
}
#SEC4 .vol303 .wrb-box{
	border: 1px solid #00A4D3;
	color: #00A4D3;
}
#SEC4 .vol303 h4.flex + p{
	margin-bottom: 1em;
}
#SEC4 .vol304 .wrb-box{
	border: 1px solid #FF9300;
	color: #FF9300;
}
#SEC4 .vol304 .txt-option{
	text-align: right;
	padding: 1.5em 0;
	line-height: 1;
}
#SEC4 .vol304 .txt-option:before{
	content: " ";
	display:inline-block;
	height:1.5em;
	width:2.5em;
	background: url("../../img/arl.png") no-repeat left bottom;
	background-size:auto 100%;
	transform: translateY(.325em);
}
#SEC4 .vol305 h2{
	display:flex;
	max-width:100%;
	width:18em;
	justify-content: center;
	background-color: #9AB730;
	color: #fff;
	padding: .625em 1.5em;
	box-sizing: border-box;
	border-radius: .625em;
	margin:0 auto 1em;
	position: relative;
	font-size: 1.4375em;

}
#SEC4 .vol305 h2::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0px 10px;
  border-color: #9AB730 transparent transparent transparent;
  position: absolute;
  bottom: -.75em;
  left:50%;
	transform: translateX(-50%);
}
#SEC4 .vol305 .pc-flex .img{
	margin:1.25em 0;
}
#SEC4 .vol305 .pc-flex .img img{
	display: block;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
}
#SEC4 .vol305 .wgb-box{
	box-sizing: border-box;
	max-width: 800px;
	background-color: #fff;
	border:5px solid #9AB730;
	border-radius: 1.875em;
	margin:2.75em auto 0;
	padding: 0 0 2.5em;
}
#SEC4 .vol305 .wgb-box header{
	background-color:#9AB730;
	color:#fff;
	border-top-left-radius: 1.5em;
	border-top-right-radius: 1.5em;
	overflow: hidden;
}
#SEC4 .vol305 .wgb-box header h3{
	font-size: 2.1875em;
	margin-bottom: .5em;
}
#SEC4 .vol305 .wgb-box header .lead{
	font-size: 1.25em;
}
#SEC4 .vol305 .wgb-box header .adr-box{
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #fff;
}
#SEC4 .vol305 .wgb-box header .adr-box .pc-flex{
	font-size: 1.25em;
}
#SEC4 .vol305 .wgb-box header .adr-box .pc-flex a{
	color:#fff;
}
#SEC4 .vol305 .wgb-box header .adr-box .pc-flex .tel,
#SEC4 .vol305 .wgb-box header .adr-box .pc-flex .mail{
	display: flex;
	align-items: center;
}
#SEC4 .vol305 .wgb-box header .adr-box .pc-flex .tel:before{
	content: ' ';
	display:inline-block;
	background: url("../../img/ico_telw.png") no-repeat left center;
	background-size:auto 100%;
	width:2em;
	height:1.25em;
}
#SEC4 .vol305 .wgb-box header .adr-box .pc-flex .mail:before{
	content: ' ';
	display:inline-block;
	background: url("../../img/ico_mailw.png") no-repeat left center;
	background-size:auto 100%;
	width:2em;
	height:1em;
}
#SEC4 .vol305 .wgb-box .inner-content{
	position: relative;
}
#SEC4 .vol305 .wgb-box .inner-content h4{
	font-size: 1.4375em;
	margin:.5em 0 0;
}
#SEC4 .vol305 .wgb-box .inner-content p{
	margin-top:2em;
}
#SEC4 .vol305 .wgb-box .inner-content span.cls{ 
	font-size: 1.4375em;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	background-color: #DC000C;
	width:3.913043em;
	height:3.913043em;
	box-sizing: border-box;
	border-radius: 50%;
	position: absolute;
	left: -1em;
	top:-1em;
	border:1px solid #fff;
}
#SEC4 .vol305 .wgb-box .inner-content span.cls:after{
	content: "▼";
	display: block;
	width:1em;
	height:1em;
	font-size:1em;
	position: absolute;
	color: #DC000C;
	transform: rotate(-45deg);
	right:3px;
	bottom: 7.5%;
	z-index: +1;
}
.links a.btn:after{
	right:2.5em;
	top:calc(50% - .155em);
}
footer {
	background-color: #fff;
	padding:.5em 0;
}
.footer-bnr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	max-width: 940px;
	margin: auto;
	padding: 30px;
}

.footer-bnr a{
  display: block;
  width: 23%;
  color: #222;
  position: relative;
  padding-bottom: 40px;
  transition: .2s;
}

.footer-bnr a:hover{
  opacity: .7;
}

.footer-bnr a p{
  font-size: 12px;
  margin: 10px 0;
}

.footer-bnr a p{
  font-size: 12px;
  margin: 0;
}

.footer-bnr-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #222;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 12px;
}

.copyright {
	text-align: center;
	font-weight: lighter;
	font-size: .75em;
}

/* PC */
@media (min-width: 481px){
	.container{
		width: 94vw;
	}
	.pc-flex{
		display: flex;
		justify-content: space-between;
	}
	.index .ancrs .pc-flex{
		align-items: center;
	}
	.sp{
		display: none;
	}
	a.btn:hover{
		background-color: #ef6c10;
	}
	.index header{
		height:42.5vw;
	}
	h1.page-title{
		width:61.5vw;
		max-width:780px;
		padding-top: 10vw;
	}
	#SEC4 .vol301 .w-box .flex .img{
		max-width:100px;
		width: 22.222222%;
	}
	#SEC4 .vol301 .w-box .flex .img:nth-child(2){
		max-width:180px;
		width: 40%;
		margin:0 2em;
	}
	#SEC4 .vol301 .t400r{
		margin-right: calc(50% - 200px);
	}
	#SEC4 div[class*="vol30"] .block-title.imgs .img.timer{
		position: absolute;
		right:0;
	}
	#SEC4 .vol302 .pc-flex{
		max-width: 740px;
		margin:2.5em auto 0;
	}
	#SEC4 .vol302 .pc-flex .img{
		max-width: 340px;
		width:45.945945%;
	}
	#SEC4 .vol303 .pc-flex{
		max-width: 575px;
		margin:2.5em auto 0;
	}
	#SEC4 .vol304 .pc-flex{
		max-width: 700px;
		margin:2.5em auto 0;
	}
	#SEC4 .vol303 .pc-flex .img:nth-child(1){
		max-width: 330px;
		width:57.391304%;
	}
	#SEC4 .vol304 .pc-flex .img{
		max-width: 330px;
		width:47.142857%;
	}
	#SEC4 .vol303 .pc-flex .img:nth-child(2){
		max-width: 205px;
		width:35.65217%;
		line-height: 1.25;
	}
	#SEC4 .vol302 .pc-flex{
		align-items: center;
	}
	#SEC4 .vol302 .w800-box .pc-float,
	#SEC4 .vol303 .w800-box .pc-float{
		position: relative;
	}
	#SEC4 .vol302 .w800-box header,
	#SEC4 .vol303 .w800-box header,
	#SEC4 .vol302 .w800-box .pc-float .img,
	#SEC4 .vol303 .w800-box .pc-float .img,
	#SEC4 .vol302 .w800-box .pc-float .txt,
	#SEC4 .vol303 .w800-box .pc-float .txt,
	#SEC4 .w800-box .pc-float .mov p{
		max-width: 600px;
	}
	#SEC4 .vol305 .wgb-box .inner-content:after{
		content: " ";
		display: table;
		clear: both;
	}
	#SEC4 .vol304 .w800-box .pc-flex{
		max-width: 800px;
		margin:.5em auto 0;
		align-items: center;
	}
	#SEC4 .vol304 .w800-box .pc-flex .img{
		max-width: 367px;
		width:calc(48.125 -1em);
	}
	#SEC4 .vol304 .w800-box .pc-flex .ar{
		width:3.75%;
		margin:0 1em;
	}
	#SEC4 .vol305 .pc-flex{
		max-width: 830px;
		margin:1em auto 0;
	}
	#SEC4 .vol305 .pc-flex .img{
		width: 30.120482%;
	}
	#SEC4 .vol305 .wgb-box header,
	#SEC4 .vol305 .wgb-box .inner-content{
		padding: 2rem 3.75rem;
	}
	#SEC4 .vol305 .wgb-box header .adr-box .pc-flex{
		justify-content: center;
	}
	#SEC4 .vol305 .wgb-box header .adr-box .pc-flex .mail{
		margin-left:2em;
	}
	#SEC4 .vol305 .wgb-box .inner-content .img{
		float: right;
		width: 21.970967%;
	}
}
@media (max-width: 939px) and (min-width: 481px) {
	body{
		font-size: 1.666667vw;
	}
	.container{
		width: 96vw;
	}
}
/* Mobile */
@media (max-width: 480px) {
	body{
		line-height: 1.5;
		font-size: 3.15vw;
		font-family: 'Roboto',' Arial','Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		font-weight: 400;
		background-image: url("../../img/bg_top_sp.png");
	}
	.pc{
		display: none;
	}
	p{
		line-height: 1.66667;
	}
	.container{
		width: 90vw;
	}
	header#HD,header#HD .container{
		width:100vw;
	}
	.logo{
		margin:0 0 0 3vw;
		max-width: 17.5vw;
	}
	.index header{
		height:87.5vw;
	}
	h1.page-title{
		padding-top:21vw;
	}
	#SEC4 .w800-box .pc-float .mov{
		padding: 0 0 1.5em;
	}
	#SEC4 .vol301 .w-box .flex .img:nth-child(2){
		margin:0 1em;
	}
	#SEC4 div[class*="vol30"] .block-title.imgs{
		align-items: flex-end;
	}
	#SEC4 div[class*="vol30"] .block-title.imgs .img.timer{
		max-width: 27.5%;
	}
	#SEC4 .vol302 h4.flex .logo-m{
		margin-right: .5em;
	}
	#SEC4 .vol302 .pc-flex,
	#SEC4 .vol303 .pc-flex,
	#SEC4 .vol303 .pc-flex{
		margin:1.5em auto 0;
	}
	#SEC4 .vol302 .w800-box .pc-float .mov{
		margin-top:1.5em;
	}
	#SEC4 .w800-box .pc-float .mov p{
		margin-left:.5em;
	}
	#SEC4 .vol303 .pc-flex .img:nth-child(2) img{
		display: block;
		margin:.25em auto;
		max-width: 75%;
	}
	#SEC4 .vol304 .pc-flex .img small{
		display: block;
		margin:0 0 1em;
	}
	#SEC4 .vol304 .w800-box .pc-flex .ar{
		display: flex;
		justify-content: center;
		margin:.25em auto;
	}
	#SEC4 .vol304 .w800-box .pc-flex .ar img{
		transform: rotate(90deg);
		height: 3em;
	}
	#SEC4 .vol305 .wgb-box header,
	#SEC4 .vol305 .wgb-box .inner-content{
		padding: 1.025rem 1.5rem;
	}
	#SEC4 .vol305 .wgb-box .links{
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	#SEC4 .vol305 .wgb-box header .adr-box a{
		padding: .5em 0;
	}
	#SEC4 .vol305 .wgb-box .inner-content h4{
		margin-top:2em;
	}
	#SEC4 .vol305 .wgb-box .inner-content span.img{
		display: block;
		text-align: center;
	}
  .footer-bnr a{
    width: 48%;
    margin-bottom: 10px;
  }

}
/*Wide PC */
@media (min-width: 941px){
	.container {
		width: 100%;
	}
	.index header{
		max-height: 98vh;
	}
}
@media (min-width: 1500px){
	h1.page-title{
		padding-top: 20vh;
	}
}