@charset "UTF-8";
/* CSS Document */
.tx-c {
	text-align: center;
	margin: 0 auto;
}
a:hover {
	text-decoration: none;
	opacity: 0.8 !important;
	cursor: pointer;
}
a p:hover {
	opacity: 0.5 !important;
	transition-duration: 0.5s
}
.present_header {
	/*background: url("../img/crp-main-bg.jpg") no-repeat center top;*/
	/*background:url(../img/20211011/crp-main-bg.jpg) no-repeat center top;*/
	width:100%;
	/*height: 465px;
	padding: 0;*/
}
.number{
	font-family: sans-serif;
}
@media screen and (max-width: 767px) {
.present_header{
	/*position: relative;
	background:url(../img/s/20211011/crp-main-bg-sp.png) no-repeat center top;
	background-size: cover;*/
	width:100%;
	/*height: 0;
	padding-bottom: 170.90%;*/
}

}

.header_day{
	margin:226px auto 0 auto;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 330px;
	height: 25px;
	/*background:url(../img/20210325/crp-day.png) no-repeat center top;*/
	background-size: contain;
}

@media screen and (max-width: 767px) {
.header_day{
	position: absolute;
	bottom:0.3%;
	left:0;
	right:0;
	margin:0 auto;
	padding: 0;
	width: 66.4%;
	height: 0;
	background-size:contain;
	padding-bottom: 8.03%;
}
}

#crp-product {
	width: 770px;
    margin: 0 auto;
	}
@media screen and (max-width: 767px) {
#crp-product {
	width: 100%;
    margin: 0 auto;
	}
}
.touroku {
	width: 770px;
	margin:0 auto;}
@media screen and (max-width: 767px) {
.touroku {
	width: 100%;
	margin:0 auto;
	}
}
/**/
#crp-product .crp-product-left {
	/*width:376px;*/
	width:196px;
	float: left;
}
#crp-product .crp-product-right {
	width:574px;
	/*width:394px;*/
	float: right;
}

#crp-product .crp-product-left-left,
#crp-product .crp-product-left-right,
#crp-product .crp-product-right-left,
#crp-product .crp-product-right-right {
	/*width: 182px;*/
	width:178px;
	height:auto;
	text-align: center;
	padding-bottom:20px;
}

.crp-product-right-right.add2021 {
	float: left !important;
	margin-left:20px;
}


#crp-product img.crp-product-pop {
	 margin-left:0px; 
	position: relative;
	z-index: 8;
}

#crp-product img.crp-product1-img {
	width:208px;
	/*margin-top: -53px;*/
	margin-top: 0px;
	position: relative;
	z-index: 5;
}
#crp-product img.crp-product2-img {
	width:232px;
	margin-top: 0px;
	position: relative;
	z-index: 6;
}
#crp-product img.crp-product34-img {
	width:232px;
	/*margin-top: -10px;*/
	margin-top: 0px;
	position: relative;
	z-index: 7;
}
#crp-product img.crp-product35-img {
	width:232px;
	/*margin-top: -25px;*/
	margin-top: 0px;
	position: relative;
	z-index: 7;
}
#crp-product img.crp-product36-img {
	width:232px;
	/*margin-top: -35px;*/
	margin-top: 0px;
	position: relative;
	z-index: 7;
}



#crp-product img.crp-product-cmt {
	/*width:110px;*/
	width:inherit;
	margin-bottom:15px;
}

#crp-product img.crp-product-cmt.add2021 {
	/*width:110px;*/
	width:150px;
	margin-top:3px;
}

/**/
#crp-product .crp-product-left-left {
	background:url(../img/20210325/crp-p1-bg.png) no-repeat center bottom;
	background-size:cover;
}
#crp-product .crp-product-left-right {
	background: url(../img/20210325/crp-p2-bg.png) no-repeat center bottom;
	background-size: cover;
}
#crp-product .crp-product-right-left {
	background: url(../img/20210325/crp-p3-bg.png) no-repeat center bottom;
	background-size: cover;
}
#crp-product .crp-product-right-right {
	background: url(../img/20210325/crp-p4-bg.png) no-repeat center bottom;
	background-size: cover;
}
#crp-product .crp-product-right-right.add2021bg {
	background:url(../img/20210325/crp-p5-bg.png) no-repeat center bottom;
	background-size: cover;
}


@media screen and (max-width: 767px) {
#crp-product .crp-product-left {
	width:100%;
	float:none;
}
#crp-product .crp-product-right {
	width:100%;
	float:none;
}

#crp-product .crp-product-left-left,
#crp-product .crp-product-left-right,
#crp-product .crp-product-right-left,
#crp-product .crp-product-right-right {
	width: 94.66%;
	height: auto;
	margin:10px auto;
	padding-top: 100%;
	position: relative;
}

.crp-product-right-right.add2021 {
	float:none !important;
	margin-left:0;
}

#crp-product img.crp-product-pop {
	position: absolute;
	top:5%;
	left:8%;
	margin:0;
	width:42.82%;
}

#crp-product img.crp-product1-img {
	width:43.38%;
	margin-top: 0;
	position: absolute;
	top:4.8%;
	right:8%;
}
#crp-product img.crp-product2-img {
	width:49.01%;
	margin-top: 0;
	position: absolute;
	top:8.0%;
	right:4.27%;
}
#crp-product img.crp-product34-img {
	width:47.32%;
	margin-top: 0;
	position: absolute;
	top:7.0%;
	right:5.63%;
}
#crp-product img.crp-product35-img {
	width:47.32%;
	margin-top: 0;
	position: absolute;
	top:3.6%;
	right:5.63%;
}
#crp-product img.crp-product36-img {
	width:47.32%;
	margin-top: 0;
	position: absolute;
	top:4.0%;
	right:5.63%;
}


#crp-product img.crp-product-cmt {
	position: absolute;
	bottom:40%;
	left:8.53%;
	width:38.30%;
	margin-bottom:0;
}

#crp-product img.crp-product-cmt.add2021 {
	/*width:110px;*/
	width:38.30%;
	margin-top:0;
}

#crp-product .crp-product-left-left {
	background:url(../img/s/crp-p1-bg.png) no-repeat center bottom;
	background-size: contain;
}
#crp-product .crp-product-left-right {
	background: url(../img/s/crp-p2-bg.png) no-repeat center bottom;
	background-size: contain;
}
#crp-product .crp-product-right-left {
	background: url(../img/s/crp-p3-bg.png) no-repeat center bottom;
	background-size: contain;
}
#crp-product .crp-product-right-right {
	background: url(../img/s/crp-p4-bg.png) no-repeat center bottom;
	background-size: contain;
}

#crp-product .crp-product-right-right.add2021bg {
	background:url(../img/s/20210325/crp-p5-bg.png) no-repeat center bottom;
	background-size: contain;
}

}

/* ===========================================
	MODAL
=========================================== */
.modal-inner .crp-pop-title2,
.modal-inner .crp-pop-txt2,
.modal-inner .crp-pop-copy2,
.modal-inner .crp-pop-illust2,
.modal-inner .crp-pop-graph2,
.modal-inner .crp-pop-btn2 {
	position: absolute;
}

.modal-inner#modal-5 {
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	left: 0;
	width: 100%;
	padding: 0;
}

.modal-inner#modal-5.active {
	display: -webkit-box;
	display: flex;
}
.modal-inner#modal-3 .modal-content {
	width: 970px;
	height: 600px;
	padding: 0;
	position: relative;
	background:url(../img/20210325/crp-pop3-bg.png) no-repeat center top;
}
.modal-inner#modal-5 .modal-content {
	width: 970px;
	height: 300px;
	padding: 0;
	position: relative;
}

/* MODALMediaQueries  */
@media screen and (max-width: 767px) {


.modal-inner#modal-3 .modal-content {
	/*widh:94.66% !important;*/
	height:auto;
	margin: 20px 10px 80px;
	background:url(../img/s/20210325/crp-pop3-bg.png) no-repeat center top;
	background-size:contain;
}

.modal-inner#modal-5 .modal-content {
	width: 100%;
	height: auto;
	margin: 20px 0 80px 0;
}
}

/* Modal detail */
.modal-content-bg3 {widh:970px; height: 300px; background:none;}
.modal-content-bg5 {widh:970px; height: 300px; background:url(../img/20210325/crp-pop5-bg.png) no-repeat center top;}

.modal-content-bg5 {
	position: relative;
}
.modal-content-bg3 .crp-pop-title.add {width:248px; top:24px; left:44px;}
.modal-content-bg5 .crp-pop-title {width:323px; top:54px; left:20px;}

.modal-content-bg3 .crp-pop-txt.add {top:154px;}
.modal-content-bg5 .crp-pop-txt {width:321px; top:200px; left:20px;}

.modal-content-bg3 .crp-pop-copy.add {width:410px;top:10px; }
.modal-content-bg5 .crp-pop-copy {width:422px; top:18px; left:375px;}

.modal-content-bg3 .crp-pop-illust.add {width:446px; bottom:30px; left:436px;}
.modal-content-bg5 .crp-pop-illust {width:326px; top:63px; padding:0 48px}

.modal-content-bg5 .crp-pop-graph.add {width:174px; bottom:95px; right:0;}

/* MODALMediaQueries  */
@media screen and (max-width: 767px) {
.modal-content-bg3 {widh:94.66%; height: auto; background:none;padding-top: 174.40%}
.modal-content-bg3.add {widh:94.66%; height: auto; background:none;padding-top: 100%}
.modal-content-bg5 {widh:94.66%; height: auto; background:url(../img/s/20210325/crp-pop5-bg.png) no-repeat center top; padding-top: 182.0%;}

.modal-content-bg5 {
	position: relative;
	background-size:contain;
}

.modal-content-bg3 .add-ttl-box {
	position:absolute;
	top:5.73%;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	/*background:#1da1e7;*/

}

.modal-content-bg3 .crp-pop-title.add {width:48%; height:auto; position:static;}
.modal-content-bg3 .crp-pop-title {top:2.0%;}
.modal-content-bg5 .crp-pop-title {width:81%; top:3.73%; left:0; right:0; margin: 0 auto;}

.modal-content-bg3 .crp-pop-txt.add {width:43%; position:static;}
.modal-content-bg3 .crp-pop-txt {top:23.0%;width:80%;}
.modal-content-bg5 .crp-pop-txt {width:86%;top:22.5%; left:0;}

.modal-content-bg3 .crp-pop-copy.add {width:90.27%; top:37.0%; left:0; right:0; margin: 0 auto;}
.modal-content-bg5 .crp-pop-copy {width:85.27%; top:35.0%; left:0; right:0; margin: 0 auto;}

.modal-content-bg3 .crp-pop-illust.add {width:90%; top:49.0%; padding:0; left:0;}
.modal-content-bg5 .crp-pop-illust {width:84%; top:40.5%; padding:0 }

.modal-content-bg5 .crp-pop-graph.add {width:42.87%; bottom:0.15%; left:6.5%;}
}

/**/
.btn-inq-list {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	/*background:#e4c5c5;*/
}

.btn-inq-list li {
	margin:0 !important;
	margin-right:10px !important;
	margin-top:10px !important;
	width:49%;
	list-style:none !important;
}

.btn-inq-list li:nth-child(2n) {
 margin-right:0 !important;
}

.btn-inq-list li:nth-child(-n+2) {
 margin-top:0 !important;
}

.btn-inq-list li p {
	padding:5px 0;
	background:#003592;
	/*padding: 10px 24px;*/
	color: #fff;
	font-size: 14px;
	text-align:center;
	/*line-height: 1;*/
	/*text-decoration: none;*/
	border-radius: 5px;
	/*margin: 20px 0 0 0;*/
}

.btn-inq-list li a {
	display:block;
	text-decoration:none !important;
}

.btn-inq-list li a:hover {
	opacity:0.7;
	border-radius: 5px;
}

@media screen and (max-width: 767px) {
.btn-inq-list {
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	/*background:#e4c5c5;*/
}

.btn-inq-list li {
	margin-right:0 !important;
	margin-top:0 !important;
	margin-bottom:10px !important;
	width:100%;
}

.btn-inq-list li:nth-child(2n) {
 margin-right:0 !important;
}

.btn-inq-list li:nth-child(-n+2) {
 margin-bottom:10px !important;
}	
}

@media screen and (min-width: 768px) {
    
    
	.btn_area {
		display: flex;
		    /*width: 560px;*/
		margin: 0 auto;
		text-align: center;
	}
    .btn_area li {width: 270px;}
    .btn_area p {
		border: solid 2px;
		
		border-radius: 5px;
		padding: 20px;
        position: relative;
	}
    .btn_area .red p {
		border: solid 2px #F00;
        color: #F00;
		border-radius: 5px;
		padding: 20px;
	}
	.btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    transform: rotate(45deg);
	}
    .btn_area .red p:after {
    border-right: solid 2px #F00;
    border-bottom: solid 2px #F00;
	}
}
@media screen and (max-width: 767px) {
	.btn_area {
		display: flex;
		    /*width: 560px;*/
		margin: 0 auto;
		text-align: center;
	}
    .btn_area li {width: 100%;}
    .btn_area p {
		border: solid 2px;
		
		border-radius: 5px;
		padding: 20px;
        position: relative;
	}
    .btn_area .red p {
		border: solid 2px #F00;
        color: #F00;
		border-radius: 5px;
		padding: 20px;
	}
	.btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    transform: rotate(45deg);
	}
    .btn_area .red p:after {
    border-right: solid 2px #F00;
    border-bottom: solid 2px #F00;
	}
}

/*cource_area*/
@media screen and (min-width: 768px) {
	.cource_area {
		display: flex;
	}
    
    .cource_area img {
       max-width: -webkit-fill-available;
	}

	.cource_area li:nth-child(1) {
    padding-right: 20px;
		position: relative;
	}
	.cource_area .btn_area {
		position: absolute;
            bottom: 4%;
    left: 26%;
	}
    .cource_area .btn_area.ora {
		position: absolute;
            bottom: 4%;
    left: 31%;
	}
    .cource_area .btn_area p {
		border: solid 2px;
		
		border-radius: 5px;
		padding: 20px;
        position: relative;
	}
    .cource_area .btn_area .blue p {
		border: solid 2px #00b4ed;
        color: #00b4ed;
		border-radius: 5px;
		padding: 20px;
            width: 200px;
	}
    .cource_area .btn_area .orange p {
		border: solid 2px #ed7100;
        color: #ed7100;
		border-radius: 5px;
		padding: 20px;
            width: 200px;
	}
	.cource_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-right: solid 2px #00b4ed;
    border-bottom: solid 2px #00b4ed;
    transform: rotate(45deg);
	}
    .cource_area .btn_area .orange p:after {
    border-right: solid 2px #ed7100;
    border-bottom: solid 2px #ed7100;
	}
	.cource_area li:nth-child(2) {
    padding-left: 20px;
		position: relative;
	}
}
@media screen and (max-width: 767px) {
	.cource_area {
		display: block;
	}
    
    .cource_area img {
       max-width: -webkit-fill-available;
	}

	.cource_area li {
    
		position: relative;
		width: 90%;
		margin: 0 auto 20px;;
	}
	.cource_area .btn_area {
		position: absolute;
            bottom: 2%;
    left: 7%;
	}
    .cource_area .btn_area.ora {
		position: absolute;
            bottom: 2%;
    left: 7%;
	}
    .cource_area .btn_area p {
		border: solid 2px;
		
		border-radius: 5px;
		padding: 20px;
        position: relative;
	}
    .cource_area .btn_area .blue p {
		border: solid 2px #00b4ed;
        color: #00b4ed;
		border-radius: 5px;
		padding: 10px 20px;
    width: 260px;
	}
    .cource_area .btn_area .orange p {
		border: solid 2px #ed7100;
        color: #ed7100;
		border-radius: 5px;
		padding: 10px 20px;
    width: 260px;
	}
	.cource_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-right: solid 2px #00b4ed;
    border-bottom: solid 2px #00b4ed;
    transform: rotate(45deg);
	}
    .cource_area .btn_area .orange p:after {
    border-right: solid 2px #ed7100;
    border-bottom: solid 2px #ed7100;
	}
}

/*cap_area*/
@media screen and (min-width: 768px) {
	.cap_area {
		background: url("../img/pink_bg.gif");
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;
	}
	.cap_area_inn {
		width: 1100px;
		margin: 0 auto;
		background: url("../img/cap_01.png");
		height: 782px;
	}
	
	.cap_area .crp-maincopy01 {
    margin: 0;
    padding: 380px 0 0;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}
	
	.cap_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.cap_area .crp-maincopy02 .txt01 {
    font-size: 16px;
		font-weight: bold;
}
	.cap_area .crp-maincopy02 .txt02 {
    font-size: 14px;
}
	
	.cap_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}
	.cap_area li:nth-child(2) {
    padding-left: 20px;
		position: relative;
	}
    
    .cap_area .btn_area {
		display: flex;
		    width: 560px;
		margin: 0 auto;
		text-align: center;
	}
    .cap_area .btn_area li {width: 270px;}
    .cap_area .btn_area p {
		border: solid 2px;
		
		border-radius: 5px;
		padding: 20px;
        position: relative;
	}
    .cap_area .btn_area .red p {
		border: solid 2px #F00;
        color: #F00;
		border-radius: 5px;
		padding: 20px;
	}
	.cap_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    transform: rotate(45deg);
	}
    .cap_area .btn_area .red p:after {
    border-right: solid 2px #F00;
    border-bottom: solid 2px #F00;
	}
}
@media screen and (max-width: 767px) {
	.cap_area {
		background: url("../img/pink_bg.gif");
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;
	}
	.cap_area .tit {
		text-align: center;
	}
	.cap_area .tit img {
		margin: 0 auto;
	}
	.cap_area_inn {
		    width: 90%;
    margin: 0 auto;
    /* background: url(../img/cap_01.png); */
    /* height: 782px; */
    margin: 0 auto;
    background: #FFF;
    border-radius: 15px;
    padding-bottom: 40px;
	}
	
	.cap_area .crp-maincopy01 {
    margin: 0;
    padding: 20px 0 0;
    text-align: center;
    color: #222;
            font-size: 13px;
    line-height: 1.6;
    width: 90%;
    margin: 0 auto;
}
	
	.cap_area .crp-maincopy02 {
        padding: 8px;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.6;
    background: #fffaa5;
    font-weight: bold;
    width: 90%;
    margin: 20px auto;

}
	.cap_area .crp-maincopy02 .txt01 {
    font-size: 16px;
		font-weight: bold;
}
	.cap_area .crp-maincopy02 .txt02 {
    font-size: 14px;
}
	
	.cap_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}
	
    
    .cap_area .btn_area {
		display: block;
		    width: 100%;
		margin: 0 auto;
		text-align: center;
	}
    .cap_area .btn_area li {
		width: 90%;
    margin: 0 auto 10px;}
    .cap_area .btn_area p {
		border: solid 2px;
		
		border-radius: 5px;
		padding: 7px;
        position: relative;
	}
    .cap_area .btn_area .red p {
		border: solid 2px #F00;
        color: #F00;
		border-radius: 5px;
		padding: 7px;
	}
	.cap_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    border-right: solid 2px #000;
    border-bottom: solid 2px #000;
    transform: rotate(45deg);
	}
    .cap_area .btn_area .red p:after {
    border-right: solid 2px #F00;
    border-bottom: solid 2px #F00;
	}
}

/*present*/
@media screen and (min-width: 768px) {
	.present_area_st {
		text-align: center;
	}
	.present_area_st img {
            margin: 40px auto 0;
    }
	.present_area {
		/*background: url("../img/pink_bg.gif");
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;*/
    margin-top: 40px;
	}
	.present_area_inn {
		width: 1094px;
		margin: 0 auto;
		border: 3px solid #00b4ed;
    border-radius: 15px;
            overflow: hidden;
            padding-bottom: 30px;
	}
	.present_area_tit {
        font-size: 36px;
        color: #FFF;
        text-align: center;
		width: 1094px;
		margin: 0 auto;
		    background: #00b4ed;
            padding: 20px 0;
    font-weight: bold;
	}
	.goon_present01 {
		text-align: center;
	}
    .goon_present01 img {
        margin: 20px auto;
    }
    .present_area_inn_in {
		width: 1000px;
		margin: 0 auto;
	}
    .ice_ticket {
        display:flex;
        margin-top: 30px;
        
    }
    .ice_ticket img {
        max-width: -webkit-fill-available;
    }
	.present_area .txt_area01 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
        margin-left: 10px;}
	.present_area .txt_area01 p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    margin-left: 40px;
    border-bottom: 1px solid #c7e8fa;
        padding: 0px 48px 0 18px;
    }
    .present_area .txt_area01 p:nth-child(1) {
        background: #c7e8fa;
	}
    .present_area .txt_area03 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    margin-left: 40px;
    border-bottom: 1px solid #c7e8fa;
     padding: 20px 48px 0 18px;}

    .present_area .btn_area {
        margin-left: 46px;
    width: 100%;
    margin-top: 30px;
    }
    .present_area .btn_area .s_blue p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0096e0;
	}
	.present_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    transform: rotate(45deg);
	}
    .present_area .btn_area .s_blue p:after {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
}
@media screen and (max-width: 767px) {
	.present_area_st {
		text-align: center;
	}
	.present_area_st img {
            margin: 40px auto 0;
		width: 70%;
    }
	.present_area {
		/*background: url("../img/pink_bg.gif");
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;*/
    margin-top: 40px;
	}
	.present_area_inn {
		width: 90%;
		margin: 0 auto;
		border: 3px solid #00b4ed;
    border-radius: 15px;
            overflow: hidden;
            padding-bottom: 30px;
	}
	.present_area_tit {
        font-size: 26px;
        color: #FFF;
        text-align: center;
		width: 100%;
		margin: 0 auto;
		    background: #00b4ed;
            padding: 20px 0;
    font-weight: bold;
	}
    .goon_present01 img {
        margin: 20px auto;
    }
    .present_area_inn_in {
		width: 94%;
		margin: 0 auto;
	}
    .ice_ticket {
        display:flex;
        margin-top: 30px;
        
    }
    .ice_ticket img {
        max-width: -webkit-fill-available;
    }
	.present_area .txt_area01 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
        margin-top: 10px;}
	.present_area .txt_area01 p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
    /* margin-left: 40px; */
    border-bottom: 1px solid #c7e8fa;
    padding: 0 18px;
    }
    .present_area .txt_area01 p:nth-child(1) {
        background: #c7e8fa;
	}
    .present_area .txt_area03 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
    margin-left: 0;
    /* border-bottom: 1px solid #c7e8fa; */
    padding: 0 18px;
    margin-top: 10px;}

    .present_area .btn_area {
        margin-left: 0px;
    width: 100%;
    margin-top: 30px;
    }
    .present_area .btn_area .s_blue p {
        color: #FFF;
		border-radius: 5px;
		padding: 10px;
        background: #0096e0;
	}
	.present_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    transform: rotate(45deg);
	}
    .present_area .btn_area .s_blue p:after {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
}


/*smile*/
@media screen and (min-width: 768px) {
    .smile_area_st img {
            margin: 40px auto 0;
    }
	.smile_area {
		/*background: url("../img/pink_bg.gif");
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;*/
    margin-top: 40px;
	}
	.smile_area_inn {
		width: 1094px;
		margin: 0 auto;
		border: 3px solid #ed7100;
    border-radius: 15px;
            overflow: hidden;
            padding-bottom: 30px;
	}
	.smile_area_tit {
        font-size: 36px;
        color: #FFF;
        text-align: center;
		width: 1094px;
		margin: 0 auto;
		    background: #ed7100;
            padding: 20px 0;
    font-weight: bold;
	}
	.goon_smile01 {
		text-align: center;
	}
    .goon_smile01 img {
        margin: 20px auto;
    }
    .smile_area_inn_in {
		width: 1000px;
		margin: 0 auto;
	}
	.smile_area .ice_ticket {
		padding-bottom: 10px;
		border-bottom: dashed 1px #ed7100;
	}
	.smile_area .ice_ticket:last-child {
		padding-bottom: 10px;
		border-bottom: none;
	}
    .ice_ticket {
        display:flex;
        margin-top: 30px;
        
    }
    .ice_ticket img {
        max-width: -webkit-fill-available;
    }
	.smile_area .txt_area01 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
        margin-left: 10px;}
	.smile_area .txt_area01 p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    /*margin-left: 40px;*/
        padding: 0px 48px 0 0;
            margin-bottom: 10px;
    }
    .smile_area .txt_area01 p:nth-child(2) {
        color: #ed7100;
            font-size: 26px;
    line-height: 33px;
        font-weight: bold;
	}
    .smile_area .txt_area01 span {
        font-size: 22px;
    }
    .smile_area .txt_area03 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    margin-left: 40px;
    border-bottom: 1px solid #c7e8fa;
     padding: 20px 48px 0 18px;}

    .smile_area .btn_area {
        margin-left: 46px;
    width: 100%;
    margin-top: 30px;
    }
    .smile_area .btn_area .s_blue p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0096e0;
	}
	.smile_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    transform: rotate(45deg);
	}
    .smile_area .btn_area .s_blue p:after {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
    
    .smile_area .cp_right {
        margin-top: 10px;
        margin-left: 40px;
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
	.smile_area_st img {
            margin: 40px auto 0;
    }
	.smile_area {
		/*background: url("../img/pink_bg.gif");
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;*/
    margin-top: 40px;
	}
	.smile_area .ice_ticket {
		padding-bottom: 10px;
		border-bottom: dashed 1px #ed7100;
	}
	.smile_area .ice_ticket:last-child {
		padding-bottom: 10px;
		border-bottom: none;
	}
	.smile_area_inn {
		width: 90%;
		margin: 0 auto;
		border: 3px solid #ed7100;
    border-radius: 15px;
            overflow: hidden;
            padding-bottom: 30px;
	}
	.smile_area_tit {
        font-size: 24px;
        color: #FFF;
        text-align: center;
		width: 100%;
		margin: 0 auto;
		    background: #ed7100;
            padding: 20px 0;
    font-weight: bold;
	}
    .goon_smile01 img {
        margin: 20px auto -10px;
    }
    .smile_area_inn_in {
		width: 90%;
		margin: 0 auto;
	}
    .ice_ticket {
        display:block;
        margin-top: 30px;
		text-align: center;
        
    }
    .ice_ticket img {
        max-width: 69%;
    }
	.ice_ticket img.img_cus {
        max-width: 100%;
    }
	.smile_area .txt_area01 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
        margin-left: 10px;}
	.smile_area .txt_area01 p {
    margin: 0;
    padding: 0;
    text-align: left;
        font-size: 14px;
    line-height: 1.6;
    /*margin-left: 40px;*/
        padding: 0px;
            margin-bottom: 10px;
    }
    .smile_area .txt_area01 p:nth-child(2) {
        color: #ed7100;
            font-size: 19px;
    line-height: 26px;
        font-weight: bold;
	}
    .smile_area .txt_area01 span {
        font-size: 22px;
    }
    .smile_area .txt_area03 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
    margin-left: 40px;
    border-bottom: 1px solid #c7e8fa;
     padding: 20px 48px 0 18px;}

    .smile_area .btn_area {
        margin-left: 46px;
    width: 100%;
    margin-top: 30px;
    }
    .smile_area .btn_area .s_blue p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0096e0;
	}
	.smile_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    transform: rotate(45deg);
	}
    .smile_area .btn_area .s_blue p:after {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
    
    .smile_area .cp_right {
        /*margin-top: 10px;
        margin-left: 40px;
        font-size: 12px;*/
		margin: 10px auto 0;
    font-size: 12px;
    width: 91%;
    }
}




/*goon_plus_area*/
@media screen and (min-width: 768px) {
	.goon_plus_area {
		background: #f8e1e2;
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;
	}
	.goon_plus_area .tit {
		text-align: center;
	}
    .goon_plus_area .tit img {
        margin: 0 auto;
	}
	.goon_plus_area_inn {
		width: 1100px;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
	}
	
	.goon_plus_area .crp-maincopy01 {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}
    .goon_plus_area .crp-maincopy01 span {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 24px;
    line-height: 1.8;
        font-weight: bold;
}
	.goon_plus_area .goon_plus_item_wrap {
		margin: 0 auto;
		width: 800px;
	}
	.goon_plus_area .goon_plus_item_wrap02 {
		margin: 0 auto;
		width: 1020px;
	}
	.goon_plus_area .goon_plus_item {
		/*display:flex;
		justify-content: space-between;*/
		margin: 30px auto;
		overflow: hidden;
	}
	.goon_plus_area .goon_plus_item li {
		float: left;
		text-align: center;
		margin-right: 80px;
		margin-bottom: 30px;
	}
	.goon_plus_area .goon_plus_item li:nth-child(3n) {
		float: left;
		text-align: center;
		margin-right: 0px;
	}
	.goon_plus_area .goon_plus_item02 li {
		float: left;
		text-align: center;
		margin-right: 22px;
		margin-bottom: 30px;
	}
	.goon_plus_area .goon_plus_item02 li:nth-child(3) {
		float: left;
		text-align: center;
		margin-right: 22px;
	}
	.goon_plus_area .goon_plus_item02 li:nth-child(4) {
		float: left;
		text-align: center;
		margin-right: 0px;
	}
	.goon_plus_area .goon_plus_item img {
		margin: 0 auto;
	}
	.goon_plus_area .goon_plus_btn_area .goon_plus_btn p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0f6ab4;
		    padding-left: 50px;
	}
	.goon_plus_area .goon_plus_btn p:before {
		    content: "";
    position: absolute;
        top: 27%;
    left: 20px;
    width: 36px;
    height: 34px;
    background-repeat: no-repeat;
		background: url("../img/goon_plus_btn_bg.gif") ;
	}
    .goon_plus_area .goon_plus_btn .goon_plus_btn p:before {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	
	.goon_plus_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.goon_plus_area .crp-maincopy02 .txt01 {
    font-size: 16px;
		font-weight: bold;
}
	.goon_plus_area .crp-maincopy02 .txt02 {
    font-size: 14px;
}
	
	.goon_plus_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}
	.goon_plus_area li:nth-child(2) {
    padding-left: 20px;
		position: relative;
	}
    
    .goon_plus_area .goon_plus_btn {
		/*display: flex;*/
		    width: 280px;
		margin: 0 auto;
		text-align: center;
	}
    .goon_plus_area .goon_plus_btn li {width: 270px;}
    .goon_plus_area .goon_plus_btn p {
		border: solid 2px;
		font-size: 22px;
		border-radius: 5px;
		padding: 20px;
        position: relative;
		padding-left: 50px;
	}
   
}
@media screen and (max-width: 767px) {
	.goon_plus_area {
		background: #f8e1e2;
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;
	}
	.goon_plus_area .tit {
		text-align: center;
	}
	.goon_plus_area .tit img {
        margin: 0 auto;
	}
	.goon_plus_area img.tit01 {
		width: 50%;
	}
	.goon_plus_area img.tit02 {
		width: 70%;
	}
	.goon_plus_area img.tit03 {
		width: 70%;
	}
	.goon_plus_area_inn {
		width: 90%;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 80px;
	}
	
	.goon_plus_area .crp-maincopy01 {
    margin: 20px 0 -30px;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}
    .goon_plus_area .crp-maincopy01 span {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 21px;
    line-height: 1.8;
        font-weight: bold;
}
	.goon_plus_area .goon_plus_item_wrap {
		margin: 0 auto;
		width: 90%;
	}
	.goon_plus_area .goon_plus_item_wrap02 {
		margin: 0 auto;
		width: 90%;
	}
	.goon_plus_area .goon_plus_item {
		/*display:flex;
		justify-content: space-between;*/
		margin: 30px auto;
		overflow: hidden;
	}
	.goon_plus_area .goon_plus_item li {
		float: left;
		width: 45%;
		margin-bottom: 5%;
		text-align: center;
		margin-right: 30px;
	}
	.goon_plus_area .goon_plus_item li:nth-child(2n) {
		float: left;
		width: 45%;
		margin-bottom: 5%;
		text-align: center;
		margin-right: 0px;
	}
	.goon_plus_area .goon_plus_item img {
		margin: 0 auto;
	}
	/*.goon_plus_area .goon_plus_item_plus {
		padding-bottom: 20px;
	}*/
	.goon_plus_area .goon_plus_btn_area .goon_plus_btn p {
        color: #FFF;
		border-radius: 5px;
		padding: 10px;
        background: #0f6ab4;
		    padding-left: 50px;
	}
	.goon_plus_area .goon_plus_btn p:before {
		    content: "";
    position: absolute;
        top: 15%;
    left: 20px;
    width: 36px;
    height: 34px;
    background-repeat: no-repeat;
		background: url("../img/goon_plus_btn_bg.gif") ;
	}
    .goon_plus_area .goon_plus_btn .goon_plus_btn p:before {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	
	.goon_plus_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.goon_plus_area .crp-maincopy02 .txt01 {
    font-size: 16px;
		font-weight: bold;
}
	.goon_plus_area .crp-maincopy02 .txt02 {
    font-size: 14px;
}
	
	.goon_plus_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}

    
    .goon_plus_area .goon_plus_btn {
		/*display: flex;*/
		    width: 90%;
		margin: 0 auto;
		text-align: center;
	}
    .goon_plus_area .goon_plus_btn li {width: 270px;}
    .goon_plus_area .goon_plus_btn p {
		border: solid 2px;
		font-size: 17px;
		border-radius: 5px;
		padding: 20px;
        position: relative;
		padding-left: 50px;
	}
}


/*method_area*/
@media screen and (min-width: 768px) {
	.method_area {
		/*background: #000;*/
		/*width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;*/
		margin: 0 auto;
		position: relative;
	}
    .method_area .tit_top img {
        margin: 0 auto;
		position: absolute;
		top: -84px;
    left: 40%;
	}
	.method_area .tit {
		padding-top: 83px;
		text-align: center;
	}
	.method_area .tit img {
        margin: 0 auto;
	}
	.method_area_inn {
		width: 1100px;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
		border: solid 3px #cccccc;
		margin-top: 100px;
	}
	
	.method_area .crp-maincopy01 {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}
    .method_area .crp-maincopy01 span {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 24px;
    line-height: 1.8;
        font-weight: bold;
}
	.method_area .method_item_wrap {
		margin: 0 auto;
		width: 910px;
	}
	.method_area .method_item_wrap02 {
		margin: 0 auto;
		width: 1020px;
	}
	.method_area .method_item {
		display:flex;
		justify-content: space-between;
		margin: 30px auto;
	}
	.method_area .method_item li {
		text-align: left;
		    width: 436px;
	}
	.method_area .method_item .m_txt {
		font-size: 16px;
	}
	.method_area .method_item .s_txt {
		font-size: 12px !important;
	}
	.method_area .method_item .l_blue {
	    color:#1964c8;
		font-size: 22px;
		font-weight: bold;
		}
	.method_area .method_item img.txc {
		margin: 0 auto;
	}
	.method_area .goon_plus_btn_area .goon_plus_btn p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0f6ab4;
		    padding-left: 50px;
	}
	.method_area .goon_plus_btn p:before {
		    content: "";
    position: absolute;
        top: 27%;
    left: 20px;
    width: 36px;
    height: 34px;
    background-repeat: no-repeat;
		background: url("../img/goon_plus_btn_bg.gif") ;
	}
    .method_area .goon_plus_btn .goon_plus_btn p:before {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	
	.method_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.method_area p {
		margin-top: 1em;
}
	.method_area .txt01_b {
    font-size: 16px;
		font-weight: bold !important;
}
	.method_area .txt01 {
    font-size: 16px;
}
	.method_area .txt02 {
    font-size: 14px;
}
	.oubo_waku {
		border: solid 2px #CCCCCC;
		font-size: 22px;
		border-radius: 20px;
		text-align: center;
		    padding: 5px 0px;
	}
	.oubo_waku span {
		font-size: 16px;
	}
	
	.method_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}

    
    .method_area .goon_plus_btn {
		/*display: flex;*/
		    width: 280px;
		margin: 0 auto;
		text-align: center;
	}
    .method_area .goon_plus_btn li {width: 270px;}
    .method_area .goon_plus_btn p {
		border: solid 2px;
		font-size: 22px;
		border-radius: 5px;
		padding: 20px;
        position: relative;
		padding-left: 50px;
	}
   .method_area .btn_area .s_blue p {
        color: #FFF;
		 border-radius: 10px;
    padding: 15px 20px;
    background: #1964c8;
    text-align: center;
	   font-weight: bold;
	}
	.method_area .btn_area .red p {
        color: #FFF;
		 border-radius: 10px;
    padding: 15px 20px;
    background: #e60012;
    text-align: center;
	   font-weight: bold;
	}
	.method_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    transform: rotate(45deg);
	}
    .method_area .btn_area .s_blue p:after,
	.method_area .btn_area .red p:after{
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	.method_area_inn_receipt {
		width: 910px;
		margin: 0 auto;
        background: #f4f4f4;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
		margin-top: 100px;
	}
	.method_area .receipt01{
		padding-top: 30px;
	} 
	.method_area .receipt02 {
		margin: 20px;
	}
	.method_area .receipt02 img{
		margin: 0 auto;
	} 
	.method_area .receipt_chui {
		text-align: left;
    width: 800px;
    margin: 0 auto;
    text-indent: -1em;
		margin-top: 20px;
	}
	.method_area .receipt_chui p {
		margin-top: 0em;
	}
	.method_area .receipt03 {
		padding : 20px;
	}
	.method_area .receipt03 img{
		    margin: 0 auto;
	}
	.receipt03_wrap {
		width: 700px;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
	}
	.method_area .b_sample_area {
		overflow: hidden;
    width: 540px;
    margin: 0 auto 40px;
	}
	.method_area .b_sample_area li{
		float: left;
    width: 270px;
    text-align: left;
		font-weight: bold;
	}
	
}
@media screen and (max-width: 767px) {
	.method_area {
		/*background: #000;*/
		/*width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;*/
		margin: 0 auto;
		position: relative;
	}
    .method_area .tit_top img {
        margin: 0 auto;
		position: absolute;
		top: -84px;
    left: 20%;
	}
	.method_area .tit {
		padding-top: 83px;
	}
	.method_area .tit {
		text-align: center;
	}
	.method_area .tit img {
        margin: 0 auto;
		width: 80%;
	}
	.method_area img {
		width: 100%:
	}
	.method_area_inn {
		width: 90%;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
		border: solid 3px #cccccc;
		margin-top: 100px;
		padding: 10px;
	}
	
	.method_area .crp-maincopy01 {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 14px;
    line-height: 1.8;
}
    .method_area .crp-maincopy01 span {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 24px;
    line-height: 1.8;
        font-weight: bold;
}
	.method_area .method_item_wrap {
		margin: 0 auto;
		width: 100%;
	}
	.method_area .method_item_wrap02 {
		margin: 0 auto;
		width: 1020px;
	}
	.method_area .method_item {
		display:block;
		justify-content: space-between;
		margin: 30px auto;
	}
	.method_area .method_item li {
		text-align: left;
		    width: 100%;
	}
	.method_area .method_item li:nth-child(2) {
		text-align: left;
		    width: 100%;
		margin-top: 50px;
	}
	.method_area .method_item .m_txt {
		font-size: 14px;
	}
	.method_area .method_item .s_txt {
		font-size: 12px !important;
	}
	.method_area .method_item .l_blue {
	    color:#1964c8;
		font-size: 22px;
		font-weight: bold;
		}
	.method_area .method_item img.txc {
		margin: 0 auto;
	}
	.method_area .method_item .oub_sp img {
		width: 70%;
		margin: 0 auto;
	}
	.method_area .goon_plus_btn_area .goon_plus_btn p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0f6ab4;
		    padding-left: 50px;
	}
	.method_area .goon_plus_btn p:before {
		    content: "";
    position: absolute;
        top: 27%;
    left: 20px;
    width: 36px;
    height: 34px;
    background-repeat: no-repeat;
		background: url("../img/goon_plus_btn_bg.gif") ;
	}
    .method_area .goon_plus_btn .goon_plus_btn p:before {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	
	.method_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.method_area p {
		margin-top: 1em;
		font-size: 14px;
}
	.method_area .txt01_b {
    font-size: 14px;
		font-weight: bold !important;
}
	.method_area .txt01 {
    font-size: 14px;
}
	.method_area .txt02 {
    font-size: 12px;
}
	.oubo_waku {
		border: solid 2px #CCCCCC;
		font-size: 22px;
		border-radius: 20px;
		text-align: center;
		    padding: 5px 0px;
	}
	.oubo_waku span {
		font-size: 16px;
	}
	
	.method_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}

    
    .method_area .goon_plus_btn {
		/*display: flex;*/
		    width: 280px;
		margin: 0 auto;
		text-align: center;
	}
    .method_area .goon_plus_btn li {width: 270px;}
    .method_area .goon_plus_btn p {
		border: solid 2px;
		font-size: 22px;
		border-radius: 5px;
		padding: 20px;
        position: relative;
		padding-left: 50px;
	}
   .method_area .btn_area .s_blue p {
        color: #FFF;
		 border-radius: 10px;
    padding: 15px 20px;
    background: #1964c8;
    text-align: center;
	   font-weight: bold;
	}
	.method_area .btn_area .red p {
        color: #FFF;
		 border-radius: 10px;
    padding: 15px 20px;
    background: #e60012;
    text-align: center;
	   font-weight: bold;
	}
	.method_area .btn_area p:after {
		    content: "";
    position: absolute;
    top: 40%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-right: 15px;
    transform: rotate(45deg);
	}
    .method_area .btn_area .s_blue p:after,
	.method_area .btn_area .red p:after{
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	.method_area_inn_receipt {
		width: 100%;
		margin: 0 auto;
        background: #f4f4f4;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
		margin-top: 100px;
	}
	.method_area .receipt01{
		padding-top: 30px;
	} 
	.method_area .receipt02 {
		margin: 20px;
	}
	.method_area .receipt02 img{
		margin: 0 auto;
	} 
	.method_area .receipt_chui {
		text-align: left;
    width: 90%;
    margin: 0 auto;
    text-indent: -1em;
		margin-top: 20px;
	}
	.method_area .receipt_chui p {
		margin-top: 0em;
	}
	.method_area .receipt03 {
		padding : 20px;
	}
	.method_area .receipt03 img{
		    margin: 0 auto;
	}
	.method_area img.method_img_sp {
		width:70%;
	}
	.receipt03_wrap {
		width: 90%;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
	}
	.method_area .b_sample_area {
		overflow: hidden;
        width: 90%;
    margin: 0 auto 40px;
	}
	.method_area .b_sample_area li{
		float: none;
    width: 270px;
    text-align: left;
		font-weight: bold;
	}
}



/*overview_*/
@media screen and (min-width: 768px) {
	.overview_area {
		background: #f8e1e2;
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;
	}
    .overview_area .tit {
		text-align: center;
	}
	.overview_area .tit img {
        margin: 0 auto;
	}
	.overview_area_inn {
		width: 1100px;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
	}
	
	.overview_area .crp-maincopy01 {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}
    .overview_area .crp-maincopy01 span {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 24px;
    line-height: 1.8;
        font-weight: bold;
}
	.overview_area .overview_item_wrap {
		margin: 0 auto;
		width: 1000px;
	}
	.overview_area .overview_item_wrap02 {
		margin: 0 auto;
		width: 1020px;
	}
	.overview_area .overview_item {
		display:flex;
		justify-content: space-between;
		margin: 30px auto;
	}
	.overview_area .overview_item li {
		text-align: center;
	}
	.overview_area .overview_item img {
		margin: 0 auto;
	}
	.overview_area .overview_btn_area .overview_btn p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0f6ab4;
		    padding-left: 50px;
	}
	.overview_area .overview_btn p:before {
		    content: "";
    position: absolute;
        top: 27%;
    left: 20px;
    width: 36px;
    height: 34px;
    background-repeat: no-repeat;
		background: url("../img/overview_btn_bg.gif") ;
	}
    .overview_area .overview_btn .overview_btn p:before {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	
	.overview_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.overview_area .crp-maincopy02 .txt01 {
    font-size: 16px;
		font-weight: bold;
}
	.overview_area .crp-maincopy02 .txt02 {
    font-size: 14px;
}
	
	.overview_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}

    
    .overview_area .overview_btn {
		/*display: flex;*/
		    width: 280px;
		margin: 0 auto;
		text-align: center;
	}
    .overview_area .overview_btn li {width: 270px;}
    .overview_area .overview_btn p {
		border: solid 2px;
		font-size: 22px;
		border-radius: 5px;
		padding: 20px;
        position: relative;
		padding-left: 50px;
	}
   /* Outline */
.overview_area .crp-outline {
	margin-top: 40px;
	width: 100%;
	background: #fff;
	padding: 0; 
}
.overview_area .crp-outline .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
.overview_area .crp-outline .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.overview_area .crp-outline .cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	margin: 0;
	padding:4px 0; 
	background: #063991;
	text-align: center;
	font-size:24px;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
.overview_area .crp-outline h3 {
	color:#222;
	font-size: 24px;
	line-height: 1;
	text-align: left;
	margin-bottom: 10px;
}
.overview_area .crp-outline h4 {
	color:#222;
	font-size: 14px;
	line-height: 1;
	text-align: left;
	margin: 20px 0 10px 0;
}
.overview_area .crp-outline a {
	color: #003592;
	text-decoration: underline;
}
.overview_area .crp-outline a:link {
	color: #003592;
	text-decoration: underline;
}
.overview_area .crp-outline a:visited {
	color: #999999;
	text-decoration: underline;
}
.overview_area .crp-outline a:hover {
	color: #fff;
	background: #003592;
	text-decoration: none;
}
.overview_area .crp-outline dl, dt, dd {
	box-sizing: border-box;
}
.overview_area .crp-outline dl {
	font-size: 14px;
	line-height: 1.8;
	color: #222222;
	/*border-bottom: 1px solid #ddd;*/
	background: #FFF;
	margin: 50px 30px 10px 30px;
}
.overview_area .crp-outline dt,
.overview_area .crp-outline dd {
	padding: 0px 15px 0 15px;
	/*border-top: 1px solid #ddd;*/
	
}
.overview_area .crp-outline dt {
	width: 28%;
	float: left;
	font-weight: bold;
	border-right: 3px #e4007f soild;
	color: #e4007f;
	font-size: 24px;
	    padding: 0px 15px 0 15px;
	margin-top: 20px;
}
.overview_area .crp-outline dd {
	margin-left: 28%;
	/*padding-bottom: 16px;*/
	background: #fff;
	border-left: solid #e4007f 3px;
	margin-top: 20px;
}
.overview_area .crp-outline dd:after {
	content: '';
	display: block;
	clear: both;
}
	.overview_area .mag_t {
		margin-top:1em;
	}
	.overview_area .d_margin {
		padding-left:2.7em;
	}
	.overview_area .txt-ind {
		    text-indent: -2.7em;
    padding-left: 2.7em;
		
	}
.overview_area .crp-outline dd ul {}
.overview_area .crp-outline dd ul li{
	list-style: none;
	margin-left: 1em;
	/*margin-bottom: 8px;*/
}
.overview_area .crp-outline hr.terms-dl-hr {
	height:36px;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}
.overview_area .crp-outline hr.terms-dl-hr-small {
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}
.overview_area .crp-outline a.terms-btn {
	background:#003592;
	padding: 10px 24px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	border-radius: 20px;
	margin: 20px 0 0 0;
}
.overview_area .crp-outline a.terms-btn:hover {
	opacity:0.6;
}
.overview_area .crp-outline .addess-txt {
	color: #003592;
	font-size: 18px;
	font-weight: 600;
}
.overview_area .crp-outline .crp-tel-link {
	color: #003592;
	font-size: 18px;
	font-weight: 600;
}
.overview_area .crp-outline .caption {
	font-size: 11px;
}
.overview_area .crp-outline .m-b{
	margin-bottom:8px;
}
.overview_area .crp-outline .caption {
	font-size: 11px;
}
.overview_area .jikou_area li {
	text-indent: -1em;
	padding-left: 1em;
	}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 240em;
}
/* Icon */
.cp_actab label::after {
	position: absolute;
	top: 19px;
	right: 10px;
	display: block;
	width: 16px;
	height: 9px;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	/*content: '';
	display: block;
	width: 16px;
	height: 9px;
	background: url("../img/crp-outline-arr.png") no-repeat center top;
	background-size: contain;*/
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(180deg);
}
.cp-actab-small-text {
	font-size:14px;
}
	
}
@media screen and (max-width: 767px) {
	.overview_area {
		background: #f8e1e2;
		width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 40px;
    margin-top: 40px;
	}
    .overview_area .tit {
		text-align: center;
	}
	.overview_area .tit img {
        margin: 0 auto;
	}
	.overview_area .tit img.tit03 {
		width: 80%;
	}
	.overview_area_inn {
		width: 90%;
		margin: 0 auto;
        background: #FFF;
		/*background: url("../img/cap_01.png");
		height: 782px;*/
        border-radius: 15px;
		padding-bottom: 40px;
	}
	.overview_area .d_margin {
		padding-left:2.7em;
	}
	.overview_area .crp-maincopy01 {
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 16px;
    line-height: 1.8;
}
    .overview_area .crp-maincopy01 span {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #222;
    font-size: 24px;
    line-height: 1.8;
        font-weight: bold;
}
	.overview_area .overview_item_wrap {
		margin: 0 auto;
		width: 100%;
	}
	.overview_area .overview_item_wrap02 {
		margin: 0 auto;
		width: 100%;
	}
	.overview_area .overview_item {
		display:flex;
		justify-content: space-between;
		margin: 30px auto;
	}
	.overview_area .overview_item li {
		text-align: center;
	}
	.overview_area .overview_item img {
		margin: 0 auto;
	}
	.overview_area .overview_btn_area .overview_btn p {
        color: #FFF;
		border-radius: 5px;
		padding: 20px;
        background: #0f6ab4;
		    padding-left: 50px;
	}
	.overview_area .overview_btn p:before {
		    content: "";
    position: absolute;
        top: 27%;
    left: 20px;
    width: 36px;
    height: 34px;
    background-repeat: no-repeat;
		background: url("../img/overview_btn_bg.gif") ;
	}
    .overview_area .overview_btn .overview_btn p:before {
    border-right: solid 2px #FFF;
    border-top: solid 2px #FFF;
            border-bottom: none;
	}
	
	.overview_area .crp-maincopy02 {
    padding: 16px 0;
    text-align: center;
    color: #222;
    font-size: 18px;
    line-height: 1.8;
		background: #fffaa5;
		font-weight: bold;
		width:677px;
		    margin: 20px auto;
}
	.overview_area .crp-maincopy02 .txt01 {
    font-size: 16px;
		font-weight: bold;
}
	.overview_area .crp-maincopy02 .txt02 {
    font-size: 14px;
}
	
	.overview_area_btn {
	position: absolute;
	width: 270px;
    bottom: 29px;
    left: 23%;
	}
.overview_area .txt-ind {
		    text-indent: -2.7em;
    padding-left: 2.7em;
	}
    .overview_area .overview_btn {
		/*display: flex;*/
		    width: 280px;
		margin: 0 auto;
		text-align: center;
	}
    .overview_area .overview_btn li {width: 270px;}
    .overview_area .overview_btn p {
		border: solid 2px;
		font-size: 22px;
		border-radius: 5px;
		padding: 20px;
        position: relative;
		padding-left: 50px;
	}
   /* Outline */
.overview_area .crp-outline {
	margin-top: 40px;
	width: 100%;
	background: #fff;
	padding: 0; 
}
.overview_area .crp-outline .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
}
.overview_area .crp-outline .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.overview_area .crp-outline .cp_actab label {
	position: relative;
	display: block;
	cursor: pointer;
	margin: 0;
	padding:4px 0; 
	background: #063991;
	text-align: center;
	font-size:24px;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
.overview_area .crp-outline h3 {
	color:#222;
	font-size: 24px;
	line-height: 1;
	text-align: left;
	margin-bottom: 10px;
}
.overview_area .crp-outline h4 {
	color:#222;
	font-size: 14px;
	line-height: 1;
	text-align: left;
	margin: 20px 0 10px 0;
}
.overview_area .crp-outline a {
	color: #003592;
	text-decoration: underline;
}
.overview_area .crp-outline a:link {
	color: #003592;
	text-decoration: underline;
}
.overview_area .crp-outline a:visited {
	color: #999999;
	text-decoration: underline;
}
.overview_area .crp-outline a:hover {
	color: #fff;
	background: #003592;
	text-decoration: none;
}
.overview_area .crp-outline dl, dt, dd {
	box-sizing: border-box;
}
.overview_area .crp-outline dl {
	font-size: 14px;
	line-height: 1.8;
	color: #222222;
	/*border-bottom: 1px solid #ddd;*/
	background: #FFF;
	margin: 0;
}
.overview_area .crp-outline dt,
.overview_area .crp-outline dd {
	padding: 0px 15px 0 15px;
	/*border-top: 1px solid #ddd;*/
	
}
.overview_area .crp-outline dt {
	width: 90%;
    float: none;
    font-weight: bold;
    border-right: 3px #e4007f soild;
    color: #e4007f;
    font-size: 19px;
    padding: 0;
    border-top: #e4007f solid 1px;
    margin: 0 auto;
	    margin-bottom: 5px;
	padding-top: 5px;
}
.overview_area .crp-outline dd {
	/*margin-left: 28%;*/
	/*padding-bottom: 16px;*/
	background: #fff;
	/*border-left: solid #e4007f 3px;*/
	margin-bottom: 20px;
}
.overview_area .crp-outline dd:after {
	content: '';
	display: block;
	clear: both;
}
	.overview_area .mag_t {
		margin-top:1em;
	}
.overview_area .crp-outline dd ul {}
.overview_area .crp-outline dd ul li{
	list-style: none;
	margin-left: 0em;
	/*margin-bottom: 8px;*/
}
.overview_area .crp-outline hr.terms-dl-hr {
	height:36px;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}
.overview_area .crp-outline hr.terms-dl-hr-small {
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}
.overview_area .crp-outline a.terms-btn {
	background:#003592;
	padding: 10px 24px;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	border-radius: 20px;
	margin: 20px 0 0 0;
}
.overview_area .crp-outline a.terms-btn:hover {
	opacity:0.6;
}
.overview_area .crp-outline .addess-txt {
	color: #003592;
	font-size: 18px;
	font-weight: 600;
}
.overview_area .crp-outline .crp-tel-link {
	color: #003592;
	font-size: 18px;
	font-weight: 600;
}
.overview_area .crp-outline .caption {
	font-size: 11px;
}
.overview_area .crp-outline .m-b{
	margin-bottom:8px;
}
.overview_area .crp-outline .caption {
	font-size: 11px;
}
.overview_area .jikou_area li {
	text-indent: -1em;
	padding-left: 1em;
	}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 240em;
}
/* Icon */
.cp_actab label::after {
	position: absolute;
	top: 19px;
	right: 10px;
	display: block;
	width: 16px;
	height: 9px;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	/*content: '';
	display: block;
	width: 16px;
	height: 9px;
	background: url("../img/crp-outline-arr.png") no-repeat center top;
	background-size: contain;*/
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(180deg);
}
.cp-actab-small-text {
	font-size:14px;
}
}
@media screen and (min-width: 768px) {
	#web_oubo,#yuso_oubo{
	margin-top:-70px; padding-top:70px;
		}
}
@media screen and (max-width: 767px) {
	#web_oubo,#yuso_oubo{
	margin-top:-70px; padding-top:70px;
		}
}

/*追加modal用*/
@media screen and (min-width: 768px) {
	.modal_wrap {
		position: relative;
	}
	.modal_inner {
		position: absolute;
    	top: -150px;
    	left: 40%;
	}
}
@media screen and (max-width: 767px) {
	.modal_wrap {
		position: relative;
	}
	.modal_inner {
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -136px;
    width: 80%;
	}
}
/*追加modal用*/