@charset "UTF-8";

/* ==== common ==== */
ul,
li,
ol {
    list-style: none;
}

img,
a {
    display: inline-block;
}

img {
    max-width: 100%;
    margin: auto;
}

#wrap_page,
header,
footer,
header #inner_header,
footer #inner_footer,
#wrap_dbtn ul,
main#content {
  /*  max-width: 750px !important;*/
  max-width: 100% !important;
}

main#content {
    display: block;
    position: relative;
    width: 100%;
     /*max-width: 1000px;*/
    margin: 0 auto;
    font-family: 'Noto Sans CJK JP', sans-serif;
    line-height: 1.5;
    color: #223344;
    font-size: 16px;
    background: #F5F6F7;
}

.c_e51c51 {
    color: #e51c51;
}

.common_btn_area {
    text-align: center;
}

.btn_area {
    display: flex;
    justify-content: space-between;
    margin-top: 2.9%;
}

.btn_area li {
    margin-right: 1.885%;
}

.btn_area li:last-child {
    margin-right: 0;
}
main#content * {box-sizing: border-box;}
.whiteSection {max-width: 960px;margin: auto;background: #fff;padding: 24px;border-radius: 8px;}

.sp {
    display: none;
}

.pc {
    display: block;
}

@media (max-width:750px) {
    .whiteSection {}
    .sp {display: block;}
    .pc {display: none;}

}

/* ==== kv ==== */
.kv_area {position: relative;background:#32A071 url(../img/mv_bg.png) center bottom;padding: 24px 12px;}
.kv_area .kvBox {max-width: 537px;margin: auto;}
.kv_area .kvBox .subTtl {color: #fff;font-size: 16px;text-align: center;margin-bottom: 12px;}
.kv_area .kvBox .kv_bg {}
.kv_area .kvBox .kv_bg img {}


@media (max-width:750px) {
    .kv_area {}
    .kv_area .kvBox {}
    .kv_area .kvBox .subTtl {}
    .kv_area .kvBox .kv_bg {}
    .kv_area .kvBox .kv_bg img {}
}

.sectionInner {padding-top: 40px;}
.sectionInner .sectionTtl {font-size: 24px;font-weight: bold;text-align: center;}
.red {color: #D01848;}
.big {font-size: 2em;}
.tBold {font-weight: bold;}
.indent {padding-left: 1em;text-indent: -1em;}
/* ==== section01 ==== */
#s01 {}
#s01 .sectionInner {}
#s01 .sectionInner .sectionTtl {}
#s01 .sectionInner .subTtl {font-size: 16px;margin-top: 10px;text-align: center;}
#s01 .sectionInner .contentList {display: flex;justify-content: space-between;margin-top: 16px;}
#s01 .sectionInner .contentList .contentItem {border: 4px solid #E5E9F0;border-radius: 8px;position: relative;width: 448px;padding: 32px 0 16px;}
#s01 .sectionInner .contentList .contentItem .flag {position: absolute;top: -4px;left: 24px;}
#s01 .sectionInner .contentList .contentItem .flag img {}
#s01 .sectionInner .contentList .contentItem .imgBox {text-align: center;}
#s01 .sectionInner .contentList .contentItem .imgBox img {}
#s01 .sectionInner .contentList .contentItem .txt {font-size: 16px;font-weight: bold;text-align: center;}
#s01 .sectionInner .contentList .contentItem .attention {color: #D01848;margin-top: 8px;}
#s01 .sectionInner .contentList .contentItem .attention .big {}

@media (max-width:750px) {
  .sectionInner {}
  .sectionInner .sectionTtl {}
  .red {}
  .big {}
  #s01 {}
  #s01 .sectionInner {}
  #s01 .sectionInner .sectionTtl {}
  #s01 .sectionInner .subTtl {}
  #s01 .sectionInner .contentList {flex-wrap: wrap;}
  #s01 .sectionInner .contentList .contentItem {width: 100%;}
  #s01 .sectionInner .contentList .contentItem+.contentItem {margin-top: 16px;}
  #s01 .sectionInner .contentList .contentItem .flag {left: 16px;}
  #s01 .sectionInner .contentList .contentItem .flag img {}
  #s01 .sectionInner .contentList .contentItem .imgBox {}
  #s01 .sectionInner .contentList .contentItem .imgBox img {}
  #s01 .sectionInner .contentList .contentItem .txt {}
  #s01 .sectionInner .contentList .contentItem .attention {}
  #s01 .sectionInner .contentList .contentItem .attention .big {}
}

/* ==== section02 ==== */
#s02 {}
#s02 .sectionInner {}
#s02 .sectionInner .sectionTtl {}
#s02 .sectionInner .stepList {display: flex;justify-content: space-between;margin-top: 24px;}
#s02 .sectionInner .stepList .stepItem {background: #F5F6F7;border-radius: 8px;width: 448px;padding: 32px 32px 16px;}
#s02 .sectionInner .stepList .stepItem .ttl {text-align: center;font-weight: bold;font-size: 18px;}
#s02 .sectionInner .stepList .stepItem .imgBox {width: 148px;margin:1em auto;}
#s02 .sectionInner .stepList .stepItem .imgBox img {}
#s02 .sectionInner .stepList .stepItem .txt {font-size: 16px;}
#s02 .sectionInner .stepList .stepItem .txt+.txt {margin-top: .5em;}
#s02 .sectionInner .stepList .stepItem .btn_area {margin-top: 12px;}
#s02 .sectionInner .stepList .stepItem .btn_area li {}
#s02 .sectionInner .stepList .stepItem .btn_area li a {}
#s02 .sectionInner .stepList .stepItem .btn_area li a img {}
#s02 .sectionInner .stepList .stepItem .btn_area li:last-child {}
#s02 .sectionInner .stepList .stepItem .btnBox {}
#s02 .sectionInner .stepList .stepItem .btnBox a {text-align: center; transition: .3s ease; color: #fff;font-weight: bold;font-size: 18px;line-height: 1; display: flex;justify-content: center;align-items: center;padding: 16px 32px;background: #D01848;width: 257px;margin:1em auto .5em;  height: 50px;border-radius: 8px;}
#s02 .sectionInner .stepList .stepItem .btnBox a:hover {opacity: .7;}
#s02 .sectionInner .stepList .stepItem .notice {font-size: 12px;text-align: center;}


@media (max-width:750px) {
  #s02 {}
  #s02 .sectionInner {}
  #s02 .sectionInner .sectionTtl {}
  #s02 .sectionInner .stepList {flex-wrap: wrap;}
  #s02 .sectionInner .stepList .stepItem {width: 100%;}
  #s02 .sectionInner .stepList .stepItem+.stepItem {margin-top: 16px;}
  #s02 .sectionInner .stepList .stepItem .ttl {}
  #s02 .sectionInner .stepList .stepItem .imgBox {}
  #s02 .sectionInner .stepList .stepItem .imgBox img {}
  #s02 .sectionInner .stepList .stepItem .txt {}
  #s02 .sectionInner .stepList .stepItem .btn_area {}
  #s02 .sectionInner .stepList .stepItem .btn_area li {}
  #s02 .sectionInner .stepList .stepItem .btn_area li a {}
  #s02 .sectionInner .stepList .stepItem .btn_area li a img {}
  #s02 .sectionInner .stepList .stepItem .btn_area li:last-child {}
  #s02 .sectionInner .stepList .stepItem .btnBox {}
  #s02 .sectionInner .stepList .stepItem .btnBox a {}
  #s02 .sectionInner .stepList .stepItem .notice {}

  .btn_area {flex-wrap: wrap;max-width: 202px;margin: auto;justify-content: center;}
  .btn_area li {margin-right: 0;width: 160px;}
  .btn_area li:last-child {margin-top: 8px;width: 100%;}


}

/* ==== section03 ==== */
#s03 {}
#s03 .sectionInner {}
#s03 .sectionInner .sectionTtl {}
#s03 .sectionInner .accBox {background: #F5F6F7;padding:24px;margin-top: 24px;}
#s03 .sectionInner .accBox .method_area {}
#s03 .sectionInner .accBox .method_area .method_btn {}
#s03 .sectionInner .accBox .method_area .method_btn+.method_btn {margin-top: 16px;}
#s03 .sectionInner .accBox .method_area .method_btn a {display: flex;width: 100%;height: 88px;align-items: center;padding-left: 65px; color: #223344; font-size: 18px;font-weight: bold; background: #fff;position: relative;border: 1px solid #E5E9F0;border-radius: 8px;}
#s03 .sectionInner .accBox .method_area .method_btn a:after {content: "";position: absolute;display: block;width: 20px;top: 50%;right: 34px;transform: translate(0,-50%);transition: .3s ease; height: 20px;background: url(../img/ico_open.png) center/cover no-repeat;}
#s03 .sectionInner .accBox .method_area .method_btn a.arrow_change:after {transform: translate(0,-50%) rotate(45deg);}
#s03 .sectionInner .accBox .method_area .method_btn a .flag {position: absolute;width: 40px;top: -1px;left: 9px;}
#s03 .sectionInner .accBox .method_area .method_btn a .flag img {}
#s03 .sectionInner .accBox .method_area .accInner {}
#s03 .sectionInner .accBox .method_area .accInner .method_list {display: flex;flex-wrap: wrap;}
#s03 .sectionInner .accBox .method_area .accInner .method_list li {width: 196px;margin-top: 48px;background: #fff;padding: 16px 24px;position: relative;}
#s03 .sectionInner .accBox .method_area .accInner .method_list li+li {margin-left: 16px;}
#s03 .sectionInner .accBox .method_area .accInner .method_list li:nth-child(5) {margin-left: 0;}
#s03 .sectionInner .accBox .method_area .accInner .method_list li:nth-child(n+5) {}
#s03 .sectionInner .accBox .method_area .accInner .method_list li h3 {font-size: 16px;font-weight: bold;position: absolute;top: 0;left: 0;transform: translate(0,-110%);}
#s03 .sectionInner .accBox .method_area .accInner .method_list li .inner {}
#s03 .sectionInner .accBox .method_area .accInner .method_list li .method_img {width: 148px;}
#s03 .sectionInner .accBox .method_area .accInner .method_list li .method_img img {}
#s03 .sectionInner .accBox .method_area .accInner .method_list li .txt {font-size: 14px;margin-top: 16px;}

@media (max-width:750px) {
  #s03 {}
  #s03 .sectionInner {}
  #s03 .sectionInner .sectionTtl {}
  #s03 .sectionInner .accBox {}
  #s03 .sectionInner .accBox .method_area {}
  #s03 .sectionInner .accBox .method_area .method_btn {}
  #s03 .sectionInner .accBox .method_area .method_btn a {height: auto;padding: 15px 65px;}
  #s03 .sectionInner .accBox .method_area .method_btn a:after {right: 24px;}
  #s03 .sectionInner .accBox .method_area .method_btn a .flag {}
  #s03 .sectionInner .accBox .method_area .method_btn a .flag img {}
  #s03 .sectionInner .accBox .method_area .accInner {overflow-x: scroll;width: 100%;}
  #s03 .sectionInner .accBox .method_area .accInner .method_list {flex-wrap: nowrap;}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li {}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li:nth-child(5) {margin-left: 16px;}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li h3 {}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li .inner {}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li .inner .method_img {}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li .inner .method_img img {}
  #s03 .sectionInner .accBox .method_area .accInner .method_list li .inner .txt {}
}


/* ==== section04 ==== */
.whiteSection+.whiteSection {margin-top: 64px;}
#s04 {}
#s04 .sectionInner {}
#s04 .sectionInner .sectionTtl {}
#s04 .sectionInner .itemList {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;}
#s04 .sectionInner .itemList .item {width: 448px;border: 4px solid #E5E9F0;border-radius: 8px;padding: 24px 32px;}
#s04 .sectionInner .itemList .item:nth-child(n+3) {margin-top: 1em;}
#s04 .sectionInner .itemList .item .imgBox {text-align: center;}
#s04 .sectionInner .itemList .item .imgBox img {}
#s04 .sectionInner .itemList .item .ttl {font-size: 23px;font-weight: bold;text-align: center;margin-bottom: 12px;}
#s04 .sectionInner .itemList .item .txt {}
#s04 .sectionInner .itemList .item .notice {font-size: 12px;}

@media (max-width:750px) {
  .whiteSection+.whiteSection {margin-top: 40px;}
  #s04 {}
  #s04 .sectionInner {padding-top: 16px;}
  #s04 .sectionInner .sectionTtl {}
  #s04 .sectionInner .scrollBox {overflow-x: scroll;width: 100%;}
  #s04 .sectionInner .itemList {flex-wrap: nowrap;width: fit-content;}
  #s04 .sectionInner .itemList .item {width: 295px;}
  #s04 .sectionInner .itemList .item+.item {margin-left: 16px;}
  #s04 .sectionInner .itemList .item:nth-child(n+3) {margin-top: 0;}
  #s04 .sectionInner .itemList .item .imgBox {}
  #s04 .sectionInner .itemList .item .imgBox img {}
  #s04 .sectionInner .itemList .item .ttl {}
  #s04 .sectionInner .itemList .item .txt {}
}


/* ==== bannerSection ==== */
.graySection {max-width: 960px;margin:64px auto 0;}
.bannerSection {background: #E51C51;border-radius: 8px;padding: 50px;display: flex;width: 100%;color: #fff;}
.bannerSection .imgBox {margin-left: 84px;}
.bannerSection .imgBox img {}
.bannerSection .txtBox {width: 432px;margin-left: 94px;}
.bannerSection .txtBox .mainTxt {font-size: 20px;font-weight: bold; line-height: 2;}
.bannerSection .txtBox .txt {font-size: 14px;margin-top: 24px;}
.bannerSection .txtBox .btn_area {}
.bannerSection .txtBox .btn_area li {}
.bannerSection .txtBox .btn_area li a {}
.bannerSection .txtBox .btn_area li a img {}
.bannerSection .txtBox .btn_area li:last-child {}

@media (max-width:750px) {
  .graySection {padding:0 24px;margin: 0;}
  .bannerSection {padding: 24px;flex-wrap: wrap;margin:40px auto 0;}
  .bannerSection .imgBox {margin-left: 0;width: 100%;text-align: center;margin-bottom: 16px;}
  .bannerSection .imgBox img {width: auto;}
  .bannerSection .txtBox {margin-left: 0;width: 100%;}
  .bannerSection .txtBox .mainTxt {}
  .bannerSection .txtBox .txt {margin: 16px 0;}
  .bannerSection .txtBox .btn_area {max-width: 100%;flex-wrap: nowrap;}
  .bannerSection .txtBox .btn_area li {margin-right: 1.885%;width: auto;}
  .bannerSection .txtBox .btn_area li a {}
  .bannerSection .txtBox .btn_area li a img {}
  .bannerSection .txtBox .btn_area li:last-child {width: auto;margin-top: 0;}
}


/* ==== noticeSection ==== */
.noticeSection {padding: 64px 0 40px;line-height: 2;}
.noticeSection .sectionTtl {font-weight: bold; font-size: 24px;padding-bottom: 16px;border-bottom: 1px solid #E5E9F0;margin-bottom: 32px;}
.noticeSection .ttl {font-weight: bold;}
.noticeSection .txt {}
.noticeSection .txt+.ttl,.noticeSection .txt.mt {margin-top: 2em;}
.noticeSection .indent {}
.noticeSection .link {display: inline;color: #D01848;text-decoration: underline;}

@media (max-width:750px) {
  .noticeSection {padding: 40px 0;}
  .noticeSection .sectionTtl {}
  .noticeSection .ttl {}
  .noticeSection .txt {}
  .noticeSection .txt+.ttl,.noticeSection .txt.mt {}
  .noticeSection .indent {}
  .noticeSection .indent2 {}
}

/* 終了告知パーツ */
#style_campaign_end {
	padding: 20px 0;
	background-color: #F5F5F5;
}
#style_campaign_end .campaign_end {
	overflow: hidden;
	/* width: 285px; */
	margin: 0 auto;
	line-height: 1.5;
}
#style_campaign_end .campaign_img {
	float: left;
	width: 33px;
}
#style_campaign_end img {
	padding-top: 7px;
	width: 100%
}
#style_campaign_end .campaign_end p {
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding-left: 3%;
	/* width: 240px; */
}
#style_campaign_end .campaign_current {
	margin-top: 10px;
	padding: 0 4%;
}
#style_campaign_end .campaign_current a {
	color: #444444;
	max-width: 280px;
	display: block;
	margin: 0 auto;
	border: solid 1px #808080;
	padding: 12px;
	border-radius: 5px;
	background-color: white;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
}
#style_campaign_end .campaign_current p {
	position: relative;
}
#style_campaign_end .campaign_current p::after {
	position: absolute;
	top: 42%;
	right: 5px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 641px) {
	#style_campaign_end .campaign_end {
		width: 350px;
	}
	#style_campaign_end .campaign_end p{
		width: 300px;
		font-size: 18px;
	}
}
/* /終了告知パーツ */

/* 終了告知パーツ */
#style_campaign_end {
	padding: 30px 0;
	background-color: #F5F5F5;
}
#style_campaign_end .style_campaignBox {
	overflow: hidden;
	max-width: 983px;
	margin: 0 auto;
}
#style_campaign_end .campaign_end {
	/* float: left; */
	overflow: hidden;
	/* width: 520px; */
	/* line-height: 2.2; */
}
#style_campaign_end .campaign_img {
	float: left;
	width: 26px;
}
#style_campaign_end img {
	padding-top: 0;
	width: 100%
}
#style_campaign_end .campaign_end p {
	float: left;
	font-size: 17px;
	font-weight: bold;
	padding-left: 2%;
}
#style_campaign_end .campaign_current {
	float: right;
	width: 310px;
}
#style_campaign_end .campaign_current a {
	color: #444444;
	max-width: 280px;
	display: block;
	margin: 0 auto;
	border: solid 1px #808080;
	padding: 12px;
	border-radius: 5px;
	background-color: white;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
}
#style_campaign_end .campaign_current p {
	position: relative;
}
#style_campaign_end .campaign_current p::after {
	position: absolute;
	top: 42%;
	right: 5px;
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #333333;
	border-right: solid 2px #333333;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
/* /終了告知パーツ */