@charset "utf-8";
@media screen and (max-width : 768px){
	img { width: 100%; }
	.pc{
		display: none;
	}
	br.sp{
		display: block;
	}
	#contents_area,
	.section,
	.block {
		position: relative;
		z-index: 1;
	}
	.section {
		margin: auto;
		color: #000;
	}

	#footer_topic_path,
	footer,
	#footer-sp {
		position: relative;
		z-index: 2;
	}

	footer,
	#footer-sp {
		background: #fff;
	}

	footer .guaranteed {
		margin-bottom: 0;
		padding-bottom: 50px;
	}

	.btn_pagetop {
		border: solid 1px #fff;
	}

	.link_special {
		margin: 11% 0;
		text-align: center;
	}
	.link_special a {
		display: inline-block;
		border: 1px solid #444;
		padding: 10px 26px;
		text-align: center;
		color: #444 !important;
		font-size: 14px;
		line-height: 20px;
	}
	.link_special span {
		display: inline-block;
		padding-right: 26px;
		background: url(../../../img/linkbox_arrow_sp.png) no-repeat right center;
		background-size: 20px auto;
	}


	/* ----------------------------------------
		section_top
	---------------------------------------- */
	#section_top{
		width: 100%;
		height:auto;
		background: url(../img/top_bg_sp.jpg) top center no-repeat;
		background-size: 100% auto;
	}
	#section_top .thanks_message {
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
	}
	#section_top .thanks_message img {
		width: 100%;
		height: auto;
	}
	
	#section_top .section_inner{
		width: 94%;
		margin: 0 3%;
	}
	#section_top h3{
		width: 100%;
		padding-top: 7%;
		text-align: center;
		margin-bottom: 4.7%;
	}
	#section_top h3 span.logo{
		width: 60%;
		display: block;
		margin: 0 auto 3%;
	}
	#section_top h3 span.about{
		display: block;
		font-size:6.5vw;
		font-weight: 700;
	}
	#section_top .copy{
		margin: 0 auto 48%;
		width: 94%;
		text-align: center;
		font-size:2.7vw;
		font-weight: bold;
		line-height: 2.0;
	}
	#section_top .bnr_present{
		width: 100%;
		margin: 0 auto 3%;
		position: relative;
	}
	#section_top .bnr_present .bnr_inner{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
	}
	#section_top .bnr_present .col_l{
		width: 100%;
		padding-top: 13%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		background: rgba(255,255,255,0.7);
		border: #ea8400 solid 6px;
		box-sizing: border-box;
	}
	#section_top .bnr_present .col_l .p1{
		position: absolute;
		top:8%;
		left:11%;
		color:#ea8400;
		font-size:4.5vw;
		font-weight: bold;
		line-height: 1.2;
	}
	#section_top .bnr_present .col_r{
		width: 100%;
		padding-top: 13%;
		background: #ea8400;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	#section_top .bnr_present .col_r .p1{
		position: absolute;
		top:53%;
		left:3%;
		color:#fff;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		display: flex;
		align-items: center;
	}
	#section_top .bnr_present .col_r p span.f_small{
		display: block;
		font-size:2.2vw;
	}
	#section_top .bnr_present .col_r p span.f_big{
		display: block;
		font-size:5.1vw;
		margin-left: 5px;
	}
	#section_top .bnr_present .col_r .p2{
		position: absolute;
		top:79%;
		left:3%;
		width: 94%;
		color:#fff;
		font-size:1vw;
		line-height: 1.2;

	}
	#section_top .bnr_present .image{
		position: absolute;
		top:-3.5%;
		left:60%;
		width: 40%;
	}
	#section_top .item{
		width: 100%;
	}
	#section_top .item p{
		font-size:5.2vw;
		font-weight: 700;
		text-align: center;
		margin-bottom: 30px;
	}
	#section_top .item_inner{
		display: flex;
		align-items: top;
	}
	#section_top .item_inner .col{
		width: 50%;
	}
	#section_top .item_inner .col img{
		max-width: 100%;
		/*height: 55%;*/
	}
	#section_top .item_inner .col p{
		margin-top: 10px;
		font-size:3.932vw;
		font-weight: bold;
		line-height: 1.2;
		text-align: center;
	}
	#section_top .item_inner .col p span{
		display: block;
		font-size:2.991vw;
		font-weight: medium;
	}

	/* ----------------------------------------
	section_event
	---------------------------------------- */
	#section_event .block{
		width: 100%;
		padding-top: 100%;
		height: 0;
		position: relative;
	}
	#section_event .block + .block{
		margin-top: 7.6%;
	}
	#section_event .block_inner{
		width: 100%;
	}
	#section_event .block:nth-child(1) {
		background: #cbedff url(../img/event_bg01_sp.png) bottom center no-repeat;
		background-size: 100% auto;
	}
	#section_event .block:nth-child(2){
		background: #cbedff url(../img/event_bg02_sp.png) bottom center no-repeat;
		background-size: 100% auto;
	}
	#section_event .block:nth-child(3){
		background: #cbedff url(../img/event_bg03_sp.png) bottom center no-repeat;
		background-size: 100% auto;
	}
	#section_event .block:nth-child(4){
		background: #cbedff url(../img/event_bg04_sp.png) bottom center no-repeat;
		background-size: 100% auto;
	}
	#section_event .block .date{
		position: absolute;
		left:3%;
		top:3%;
		width: 94%;
	}
	#section_event ul.caption{
		position: absolute;
		top:30%;
		left:3%;
		width: 94%;
	}
	#section_event ul.caption li{
		position: relative;
		font-size:2.564vw;
		line-height: 1.4;
		font-weight: medium;
		padding-left: 18px;
	}
	#section_event ul.caption li:before{
		position: absolute;
		top:2px;
		left:0;
		content:'';
		width: 12px;
		height: 12px;
		background: #000;
	}
	#section_event ul.caption li.red{
		color:#c80000;
	}
	#section_event ul.caption li.red:before{
		background: #c80000;
	}


	/* ----------------------------------------
	section_bnr
	---------------------------------------- */
	#section_bnr{
		margin: 0 0 11%;
	}
	#section_bnr div{
		width: 94%;
		margin: 0 3%;
	}
	#section_bnr div img{
		width: 100%;
	}
	#section_bnr div + div{
		margin-top: 5.1%;
	}

}