@charset "UTF-8";


/* リセット */
*, *:before, *:after {
    box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {
	margin:0;
	padding:0;
	font-weight:normal;
}
em {font-style: normal;}
li,dt,dd {list-style: none;}
img {
	border: none;
	max-width:100%;
	vertical-align:top;
}
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6;
	padding:0;
	margin:0;
	color:#3A3A3A;
	-webkit-text-size-adjust: 100%;
	background:url("../img/bg_body.png") repeat;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
body#faq_price {
	background:none;
}
.caution {
	color:#DD0000;
}
a{
	color:#FF9900;
	text-decoration:underline;
}
a:visited{color:#FF9900;}
a:active{color:#FF9900;}
a:hover{
	color:#49d2f7;
	text-decoration:none;
}
table th,
table td{line-height:130%;}


/* module CSS
------------------------------------------ */
.tL {text-align: left;}
.tR {text-align: right;}
.tC {text-align: center;}
.fL {float: left;}
.fR {float: right;}
.pd00 {padding-bottom: 0 !important;}
.pd05 {padding-bottom: 5px !important;}
.pd10 {padding-bottom: 10px !important;}
.pd20 {padding-bottom: 20px !important;}
.pd30 {padding-bottom: 30px !important;}
.pd40 {padding-bottom: 40px !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.fz12 {font-size: 12px !important;}
.fz14 {font-size: 14px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}


/* Clearfix
------------------------------------------ */
.clearfix {zoom: 100%;}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clr{clear:both; height:0; margin:0; padding:0; line-height:100%; font-size:0;}


/* PCページ 非表示化
------------------------------------------ */
.pcbr{display:none;}
.pc_none {display:none;}

/* 横幅に応じてブロックで改行
------------------------------------------ */
span.blockbr {display: inline-block;}

/* LAYOUT
------------------------------------------ */
#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 900px;
}
.wrap{
	width: 900px;
	margin: 0 auto;
}

/* セクション(白色)
------------------------------------------ */
.section {
	width:900px;
	margin:0 auto 40px;
}
	.section .block{
		padding-bottom:12px;
	}
	.section p{
		padding-bottom:8px;
	}


/* セクション(灰色)
------------------------------------------ */
.gray {
	width:auto;
	margin:0 auto;
	padding:40px 0 50px 0;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#f1f1f1;
}
	.gray .block{
		width:900px;
		margin:0 auto;
		padding-bottom:12px;
	}

/* セクション(青)～ガイドページ
------------------------------------------ */
.guide {
	width:auto;
	margin:0 auto 60px;
	padding:0;
	border-bottom:1px solid #e6e6e6;
	background:#1a96d5;
}
	.guide .block{
		width:900px;
		margin:0 auto;
		padding-bottom: 0;
	}


/* <H> title
------------------------------------------ */
h2 {
	text-align:center;
	font-size:42px;
	line-height:110%;
	margin:0 0 48px 0;
}
h2 span{
	font-size:24px;
}
.section h3{
	font-size:30px;
	line-height:110%;
	text-align:center;
	padding:60px 0 20px 0;
}
.section h3.lh{
	line-height:1030%;
}
.section h3 span{
	font-size:30px;
}
.step h3 em {
	color: #ff0;
	font-weight: bold;
}

/*.section h4{
	font-size:24px;
	border-left:4px solid #c7962d;
	background:#faf5eb;
	padding:9px 0 6px 8px;
	margin:8px 0 8px 0;
}*/
.section h5{
	font-size:18px;
	padding:10px 0;
}


.section .hd_blue {
	color: #fff;
	background-color: #04a6f7;
	padding: 10px 0;
	margin-bottom: 1.0em;
}
.link_more {
	margin-top: 1.0em;
}
.link_more a {
	font-size: 24px;
}


/* <p>
------------------------------------------ */
.section p {
	font-size:16px;
	padding-bottom:8px;
}
.section p:last-child {
	padding-bottom:0;
}
span.icon {
	color:#00A0EB;
}


/* Header
------------------------------------------ */
.head{
	width:900px;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
}

	#wrapper:not(:has(.header__menu)) .head {
		margin-bottom:48px;
	}

	.head h1{
		width:320px;
		float:left;
	}


	/* 公式サイトに戻るボタン
	------------------------------------------ */
	.button_official{
		float:right;
		width:300px;
	}
	.button_official a{
		background:#1a96d5;
		color: #FFFFFF;
		display: block;
		font-size: 14px;
		line-height:120%;
		text-align: center;
		text-decoration: none;
		padding: 8px 0 6px 0;
	}
	.button_official a span{
		font-size:14px;
	}
	.button_official a:hover {
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	.button_official a img{
		margin-left: 3px;
	}

	/* ナビゲーション
	　 ★フッターエリア
	------------------------------------------ */
	.header__navigation {
		background: #00a0eb;
		padding: 23px 0 0;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 1000;
	}
	.header__navigation .container {
		position: relative;
	}
	/* .gnav__list {
		*zoom: 1;
	} */
	.gnav__list:before,
	.gnav__list:after {
		content: " ";
		display: table;
	}
	.gnav__list:after {
		clear: both;
	}
	.gnav__list__item {
		float: left;
		font-size: 20px;
		margin: -10px 30px 0 0;
	}
	.gnav__list__item a {
		color: #FFFFFF;
		display: block;
		padding: 8px 0;
		text-decoration: none;
	}
	.gnav {
		float: left;
	}
	.gnav__list__item--logo {
		margin:-22px 40px 0 10px;
		padding: 0;
	}

	/* ★ヘッダーエリア
	------------------------------------------ */
	.header__menu{
		background:#fff;
		text-align:center;
		border-top: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
		margin-bottom: 60px;
	}
	.header__menu nav ul{
		width:900px;
		margin:0 auto;
		overflow: hidden;
	}

	.header__menu nav ul li{
		display: table;
		float: left;
		box-sizing: border-box;
		width:300px;
		height: 82px;
		border-left:1px solid #f2f2f2;
		letter-spacing: 0;
		text-align: center;
	}
	.header__menu nav ul li:last-child{
		border-right:1px solid #f2f2f2;
	}
	.header__menu nav ul li a,
	.header__menu nav ul li p{
		display: table-cell;
		height: 100%;
		color:#29abe2;
		text-decoration:none;
		font-size:14px;
		font-weight: bold;
		border-top: solid 6px #29abe2;
		padding: 20px 0 0 0;
	}
	.header__menu nav ul li p span,
	.header__menu nav ul li a span{
		font-size:12px;
		font-weight: normal;
	}
	.header__menu nav ul li a:hover{
		color:#FFF;
		background:#3eb3e5;
	}

	.header__menu nav ul li.active{
		display:block;
		color:#000102;
		background:#49d2f7;
		text-decoration:none;
		padding:12px 0 6px 0;
		font-size:21px;
	}
	.header__menu nav ul li.active span{
		font-size:12px;
	}

	.clone_menu {
		position: fixed;
		top: 0;
		left:0;
		right:0;
		margin: auto;
		z-index: 1000;
	}
	.clone_menu .header__menu nav ul {
		max-width: 100%;
	}
	.clone_menu .header__menu nav ul li{
		height: 62px;
		width: 33%;
	}
	.clone_menu .header__menu nav ul li:nth-child(2){
		width:34%;
	}
	.clone_menu .header__menu nav ul li a,
	.clone_menu .header__menu nav ul li p{
		padding: 10px 0 0 0;
	}


/* ページトップへ戻る
------------------------------------------ */
#pagetop {
    position: fixed;
    bottom: 30px;
    right: 20px;
}


/* リスト
------------------------------------------ */
.section ul li{
	padding-bottom:4px;
	text-indent:-1em;
	padding-left:1em;
}
.section div.point{
	background:#fefedb;
	border:3px solid #FFCC00;
	padding:21px 18px 12px 18px;
	margin:18px 0 10px 0;
	border-radius:4px;
}


/* TOP エントリーにあたって
------------------------------------------ */
.section .about_entry {
	background-color: #FFF;
	border: solid 4px #ffc8d1;
}
.section .about_entry h3 {
	background-color: #e7415d;
	color: #FFF;
	font-weight: bold;
	font-size: 40px;
	padding: 24px 0 10px 0;
}
.section .about_entry h3 span {
	font-size: 30px;
}
.section .about_entry .inner {
	padding: 24px 24px 12px;
	margin-bottom: 2.0em;
}
.section .about_entry .inner:last-child {
	margin-bottom: 0;
}

.section .about_entry .catch {
	color: #e7415d;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	margin-bottom: 0.5em;
}
.section .about_entry h4 {
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 24px;
}
.section .about_entry .inner ul {
	font-size: 18px;
}
.section .about_entry .inner ul li {
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-bottom: 1.0em;
}
.section .about_entry .inner ul li:last-child {
	margin-bottom: 0;
}
.section .about_entry .inner ul li.important {
	background-color: rgb(255, 253, 220);
	padding:0.7em 1.0em 0.7em 1.5em;/* インデント 1.0em + 地色の左余白 0.5em追加 */
	margin-left: -0.5em;/* 横幅の調整 0.5em */
	margin-right: -0.5em;/* 同上 */
	border-radius: 10px;
}

.section .about_entry .inner ul li .sublist ,
.section .about_entry .inner ul li .loginnote_btn {
	text-indent: 0;
	/*font-size: 16px;*/
}

.section .about_entry .inner ul li .sublist dl {
	/* text-indent: 0; */
	margin-bottom: 1.0em;
}
.section .about_entry .inner ul li .sublist dl:first-child {
	margin-top: 1.0em;
}
.section .about_entry .inner ul li .sublist dl:last-child {
	margin-bottom: 0;
}
/* .section .about_entry .inner ul li .sublist dl dt {
	font-weight: bold;
} */
.section .about_entry .inner ul li .sublist dl dd {
	margin-bottom: 0.5em;
}
.section .about_entry .inner ul li .sublist dl dd:last-child {
	margin-bottom: 0;
}

.section .about_entry .inner ul li em {
	font-style: normal;
	color: #dd0000;
	font-weight: bold;
}
.section .about_entry .inner ul li .underline {
	text-decoration: underline;
}
.section .about_entry .inner .importantBox {
	font-size: 18px;
	background-color: rgb(255, 253, 220);
	padding:0.7em 1.0em 0.7em 1.5em;
	border-radius: 10px;
}
.section .about_entry .inner .importantBox h5 {
	font-size: 20px;
	margin: 0.8em 0 1.2em 0;
	padding: 0 0 0 0.75em;
	border-left: solid 4px #3A3A3A;
	line-height: 1.4;
}
.section .about_entry .inner .importantBox ol {
	margin-left: 1.2em;
}
.section .about_entry .inner .importantBox ol li {
	list-style: decimal;
	margin-bottom: 0.5em ;
}

/* Botton */
.loginnote_btn {
	margin-top: 0.5em;
}
a.btn_red {
	background-color: #dd0000;
	display: inline-block;
	padding: 0.5em 1.0em;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-size: 14px;
	margin-right: 0.3em;
}
a.btn_red:hover {
	opacity: 0.8;
}


/* TOP インフォメーション枠
------------------------------------------ */
.section .information {
	border-top: solid 4px #1a96d5;
	background: #FFF;
	padding: 38px 16px 40px 16px;
	box-shadow: 0 2px 0 rgba(204,204,204,0.1);
}


/* TOP お申し込み期間枠
------------------------------------------ */
.period {
	border:4px solid #1484b8;
	margin-bottom:3.0em;
}
	.period h3 {
		color:#fff;
		background-color:#1484b8;
		font-weight:bold;
		padding:0.5em 0;
	}
	.period p.date {
		text-align:center;
		padding:1.0em;
		font-size:28px;
		font-weight:bold;
		line-height:1.0em;
	}
	.period p.note {
		text-align:left;
		padding:0 1.0em 1.0em;
	}

p.notes {
	background-color:#f9f9f9;
	padding:1.0em;
	margin-bottom:1.0em;
	border-radius:8px;
	border:1px solid #eee;
	font-size:20px;
	line-height:30px;
}

/* TOP 自動エントリー
------------------------------------------ */
.section .autoentry {
	border: solid 4px #e7415d;
	background: #FFF;
	padding: 30px;
	color: #e7415d;
	/*margin-bottom: 60px;*/
}
.section .autoentry h3 {
	font-size: 48px;
	text-align: center;
	padding: 0;
	line-height: 100%;
	margin:0 0 24px 0;
	font-weight: bold;
}
.section .autoentry h3 span {
	font-size: 48px;
}
.section .autoentry p {
	font-size: 18px;
	font-weight: bold;
}


/* TOP エントリー種別
------------------------------------------ */
.entry_plan{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* ms-flex-wrap: wrap; */
	flex-wrap: wrap;
}
	/* TOP エントリー種別　～基本設定～
	------------------------------------------ */
	.entry_plan .plan{
		/* width:49%; */
		/*width: 33%; */
		/*width: 24%;*/
		width:calc((100% - 40px) / 3);
		margin:0;
		text-align: center;
		text-decoration: none;
		margin-bottom:32px;
		background-color: #fff;

		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		flex-direction: column;
	}
	.entry_plan .plan.btnOff{
		opacity: 0.5;
		pointer-events: none;
	}
	.entry_plan .plan.style00 {
		padding:8px 16px 16px;
	}
	.entry_plan .plan:hover{
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	.entry_plan .plan.style00:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	
	/* .entry_plan .plan .inner{
		position: relative;
		margin: 0 0 24px;
	}
	.entry_plan .plan .inner:after{
		content: '';
		position: absolute;
		bottom: -16px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-top: 16px solid #FFF;
	} */
	.entry_plan .plan h3 {
		padding-top: 20px;
	}
	.entry_plan .plan .inner h3 {
		font-size:24px;
		font-weight:bold;
		line-height:130%;
		text-align:center;
		padding:12px 4px 12px;
		min-height: 150px;
		vertical-align: middle;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		flex-direction: column;
	}
	.entry_plan .plan.style00 h3{
		font-size:30px;
		line-height:120%;
	}
	.entry_plan .plan h3.lh01{
		padding:50px 4px 32px 4px;
	}
	.entry_plan .plan h3.lh02{
		line-height:110%;
		padding:24px 4px 10px 4px;
	}
	.entry_plan .plan h4{
		font-size:26px;
		line-height:100%;
		font-weight:bold;
		text-align:center;
		background:none;
		padding:0 0 12px;
	}
	.entry_plan .plan dl {
		border-top:dashed 1px #ccc;
		padding:1.0em 0 14px;
		margin:0 16px;
		color: #333;
		border-top: solid 1px #ccc;
	}
	.entry_plan .plan dl dt{
		font-size:18px;
		margin-bottom:0.4em;
		text-align:center;
	}
	.entry_plan .plan dl dt+dd {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4em;
	}
	.entry_plan .plan dl dd{
		font-size:24px;
		text-align:center;
	}

	/* 種目 */
	.entry_plan .plan .item-type {
		/* border-top: none; */
		font-size: 16px;
		line-height: 1.2em;
		text-align: left;
		padding: 1em 0;
		/* border-radius: 5px; */
		/* border-top:solid 1px #ccc; */
		border-radius: 0;
		border-top: dashed 1px #ccc;
	}
	.entry_plan .plan .item-type dt {
		margin-bottom: 0.5em;
		/* background-color: #eee; */
		padding: 0.3em 0;
	}
	.entry_plan .plan .item-type li {
		text-align: left;
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 0;
	}

		.entry_plan .plan .item-type li:last-child {
			padding-bottom: 0;
		}
		.entry_plan .plan .item-type li:before {
			content: "・";
		}
		.entry_plan .plan .item-type p.note{
			padding-top: 0.5em;
			font-size: 12px;
			text-align: left;
			text-indent: -1.0em;
			padding-left: 1.0em;
		}

	.entry_plan .plan dl dd.end{
		font-size:24px;
		text-align:center;
		color:#ff0000;
		font-weight: 700;
	}
	.entry_plan .plan dl dd.cat03 {
		font-size:28px;
		font-weight: bold;
		line-height: 100%;
	}
	.entry_plan .plan > p {
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
	}


	/* 矢印 */
	.entry_plan .plan > p.arrow {
		margin-top: auto;
		position: relative;
		padding: 1.2em 0 0.2em;
	}
	.entry_plan .plan > p.arrow:after {
		content: '';
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		height: 0;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-top: 16px solid #FFF;
	}

	.entry_plan .plan > p.arrow.arrow_01:after {
		display: none;
	}

	.entry_plan .plan > p.arrow span {	
		display: inline-block;
		background: url("../img/icon_arrow01.png") no-repeat left center;
		padding:4px 0 0 20px;
		/* line-height: 1.0; */
	}
	.entry_plan .plan.style00 > p {
		font-size: 14px;
		text-align: left;
		background: none;
	}

	/* TOP エントリー種別　～ボタンのカラースタイル～
	------------------------------------------ */
	.entry_plan .style00{
		background:#1484b8;
		color:#fff;
	}
	.entry_plan .style01{
		color:#1aa9eb;
		border: 8px solid #1aa9eb;
	}
	.entry_plan .style02{
		color:#f3a11a;
		border: 8px solid #f3a11a;
	}
	.entry_plan .style03{
		color:#50b442;
		border: 8px solid #50b442;
	}
	.entry_plan .style04{
		color:#e4308d;
		border: 8px solid #e4308d;
	}
	.entry_plan .style05{
		color:#8630e3;
		border: 8px solid #8630e3;
	}
	.entry_plan .style06{
		color:#0f5f85;
		border: 8px solid #0f5f85;
	}

	.entry_plan .style06 span.item{
		display: block;
		background-color: #0f5f85;
		color: #fff;
		font-size: 18px;
		width: 80%;
	}

	.entry_plan .style06{
		color:#0f5f85;
		border: 8px solid #0f5f85;
	}

	.entry_plan .style07{
		color:#a38b77;
		border: 8px solid #a38b77;
	}

	.entry_plan .plan.style01 > p.arrow {background-color: #1aa9eb;}
	.entry_plan .plan.style02 > p.arrow {background-color: #f3a11a;}
	.entry_plan .plan.style03 > p.arrow {background-color: #50b442;}
	.entry_plan .plan.style04 > p.arrow {background-color: #e4308d;}
	.entry_plan .plan.style05 > p.arrow {background-color: #8630e3;}
	.entry_plan .plan.style06 > p.arrow {background-color: #0f5f85;}
	.entry_plan .plan.style07 > p.arrow {background-color: #a38b77;}
	.entry_plan .plan.style01 .item-type li:before {color: #1aa9eb;}
	.entry_plan .plan.style02 .item-type li:before {color: #f3a11a;}
	.entry_plan .plan.style03 .item-type li:before {color: #50b442;}
	.entry_plan .plan.style04 .item-type li:before {color: #e4308d;}
	.entry_plan .plan.style05 .item-type li:before {color: #8630e3;}
	.entry_plan .plan.style06 .item-type li:before {color: #0f5f85;}


	/* TOP エントリー種別　～自動エントリ～
	------------------------------------------ */
	@keyframes bgcolor {
		0% { background-color: #00c0e5; }
		50% { background-color: #DD0000; }
		100% { background-color: #00c0e5; }
  	}
	.change{
		color:#FFFFFF;
		background:#DD0000;
		border-radius: 20px;
		animation: bgcolor 3s infinite;
		padding:50px 50px;
		margin:10px 15px 10px 10px;
	}
	.change h4{
		font-size:42px;
		padding-bottom:24px;
		text-align:center;
		background:none;
		border:none;
		font-weight:bold;
	}
	.change p{
		font-size:21px;
		font-weight:bold;
	}
	/*  TOP エントリー種別　～エントリーボタン～
	------------------------------------------ */
     .button_area {
		padding:0 20px;
	}
        .button {
		font-size: 24px;
		width:100%;
		margin: 10px 10px 10px 10px;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		border: 1px solid #9c9c9c;
		border: 1px solid rgba(0, 0, 0, 0.3);
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
		box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
        }
        .button,
        .button span {
		-moz-border-radius: .3em;
		border-radius: .3em;
		vertical-align:middle;
        }
        .button span {
		border-top: 1px solid #fff;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		display: block;
		padding: 0.5em 0;
		-moz-background-size: 3px 3px;
		-webkit-background-size: 3px 3px;
		background-size: 3px 3px;
        }

        .button span.orange {
		padding:15px 0 12px 0;
	}

        .button:hover {
		box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
        }
        .button:visited,
        .button:active {
		color:#FFFFFF;
	}
        .button:active {
		/* When pressed, move it down 1px */
		position: relative;
		top: 1px;
        }
        .button .ponta {
		font-size:14px;
		padding:4px 0 0 0;
	}
        .button .entry {
		font-size:18px;
		background:#FFFFFF;
		-moz-border-radius: 100px;
		border-radius: 100px;
		padding:4px 0;
		margin:8px 10px 0 10px;
	}
        .button-blue .entry{
		color:#42749d;
	}
        .button-orange .entry{
		color:#FF6600;
		margin-top:10px;
	}

        .button-blue {
		color: #fff;
		background: #305b7f;
		margin-bottom:10px;
        }
        .button-blue:hover {
		color: #fff;
		background: #4477a1;
        }

        .button-orange {
		color: #fff;
		line-height:110%;
		background: #FF6600;
 		margin:0 0 20px 0;
       }
        .button-orange:hover {
		color: #fff;
		background: #ff8a00;
        }

	ul.comment{
		padding:8px 12px 0 12px;
		margin:0;
	}
	ul.comment li{
		padding:0 0 8px 0;
		text-indent:-3.2em;
		margin:0 0 0 3em;
	}

	/* 枠付き
	------------------------------------------ */
	.section .box01 {
		border:solid 16px #f2fafe;
		padding: 16px 16px 40px 16px;
		background-color: #FFF;
	}
	.section .box01 h2 {
		padding-top: 24px;
		margin-bottom: 24px;
	}
	.section .box01 ul li {
		padding: 0 10px 4px 1.5em;
		font-size: 14px;
	}
	.section .box01 ul li.emphasis {
		border: solid 2px #dd0000;
		padding: 14px 10px 14px 1.5em;
		margin-bottom: 16px;
		font-weight: bold;
		line-height: 150%;
	}
	.section .box01 ul li.emphasis .caution {
		font-size: 16px;
	}


	/* 個人情報
	------------------------------------------ */
	.section .privacy p {
		font-size: 14px;
		line-height: 150%;
	}


	/* お気に入り登録
	------------------------------------------ */
	.section .favorite {
		background-color: #fff;
		padding: 1.0em;
	}
	.section .favorite p {
		text-align: center;
		line-height: 1.5em;
	}
	.section .favorite a.btn_fav  {
		font-size:18px;
		color:#fff;
		background-color:#3bbbb6;
		border-radius:5px;
		padding:12px 10px;
		display:block;
		margin: 1.0em auto;
		width: 70%;
		text-align:center;
		text-decoration: none;
	}
	.section .favorite a.btn_fav:hover {
		opacity: 0.7;
	}



/* 申込ガイド
------------------------------------------ */

	/* 申込ガイド ～タブ～
	------------------------------------------ */
	.guide__menu{
		background:#FFFFFF;
		overflow: hidden;
	}
	.guide__menu nav{
		width:900px;
		text-align:center;
		margin:0 auto;
	}

	.guide__menu nav ul li{
		float:left;
		text-align:center;
		margin:0;
		padding:0;
		text-indent:0em;
		margin-left:0em;

	}
	.guide__menu nav ul li:last-child{
		float:right;
	}
	.guide__menu nav ul li.end{
		margin-right:0;
	}
	.guide__menu nav ul li a{
		font-size:24px;
		line-height:100%;
		text-decoration:none;
	}
	.guide__menu nav ul li a{
		width:446px;
		display:block;
		padding:20px 0;
		border:1px solid #1a96d5;
		border-bottom:none;
		border-radius:6px 6px 0 0;
		color:#00a0eb;
	}
	.guide__menu nav ul li.active{
		width:446px;
		display:block;
		padding:20px 0;
		border:1px solid #1a96d5;
		border-bottom:none;
		border-radius:6px 6px 0 0;
		color:#FFFFFF;
		background:#1a96d5;
		font-size:24px;
		line-height:100%;
	}
	.guide__menu nav ul li.active_end{
		width:290px;
		display:block;
		border:1px solid #00a0eb;
		border-bottom:none;
		border-radius:6px 6px 0 0;
		color:#FFFFFF;
		background:#00a0eb;
		font-size:18px;
		line-height:100%;
		padding:24px 0 0 0;
		height:42px;
	}

	/* .guide__menu nav ul li.active span{
		font-size:12px;
	} */
	.guide__menu nav ul li.end a{
		padding:24px 0 0 0;
		height:42px;
	}

	.guide__menu nav ul li i.arrow {
		display: inline-block;
		width: 20px;
		height: 18px;
	}
	.guide__menu nav ul li a i.arrow {
		background:url("../img/icon_arrow03.png") no-repeat left center;
	}
	.guide__menu nav ul li.active i.arrow {
		background:url("../img/icon_arrow01.png") no-repeat left center;
	}

	/* .guide__menu nav ul li a span{
		font-size:12px;
	} */
	.guide__menu nav ul li a:hover{
		color:#FFFFFF;
		background:#1a96d5;
	}
	.guide__menu nav ul li a:hover i.arrow {
		background:url("../img/icon_arrow01.png") no-repeat left center;
	}

	/* 申込ガイド ～見出し～
	------------------------------------------ */
	.guide .block h3{
		color:#FFFFFF;
		padding:24px 0;
	}
	.guide .block h3 span{
		font-size:24px;
	}
	.guide .block h3.loppi{
		line-height:68px;
	}



	/* 申込ガイド ～ブロック要素～
	------------------------------------------ */
	.step{
		background:#FFFFFF;
		border:2px solid #f7f7f7;
		border-radius:5px;
		padding:0;
		margin:0 0 40px 0;
	}

		.step h2{
			font-size:38px;
			padding:60px 0 0 0;
			margin-bottom: 32px;
		}

		.step h3 {
			font-size:20px;
			color:#FFFFFF;
			text-align:left;
			position:relative;
			padding:15px 0 15px 25px;
			line-height:100%;
			background:#1a96d5;
			box-shadow:
				10px 0 0 0 #1a96d5,
				-10px 0 0 0 #1a96d5,
				0 3px 3px 0 rgba(0,0,0,0.1);
			border-bottom:1px solid #1785bd;
			border-radius:2px 2px 0 0;
			margin-top:10px;
		}
		.step h3:before{
			content:" ";
			position:absolute;
			top:100%;
			left:-10px;
			width:0;
			height:0;
			border-width:0 10px 6px 0;
			border-style:solid;
			border-color:transparent;
			border-right-color:#0474a8;
		}
		.step h3:after{
			content:" ";
			position:absolute;
			top:100%;
			left:100%;
			width:0;
			height:0;
			border-width:6px 10px 0 0;
			border-style:solid;
			border-color:transparent;
			border-top-color:#0474a8;
		}

		.step ul{
			padding:12px 12px 12px 12px;
		}
		.step ul li{
			text-indent:0em;
			margin-left:0em;
			padding:12px 0 12px 0;
		}
		.step ul li .photo{
			position: relative;
			box-sizing: border-box;
			width:300px;
			float:left;
			padding: 10px 0 0 16px;
		}
		.step ul li .photo img{
			max-width:100%;
		}
		.step ul li .photo .numb {
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			font-family: 'Oswald', sans-serif;
			width: 44px;
			height: 44px;
			border-radius: 44px;
			top: 0px;
			left: 0px;
			background: #009cf2;
			color: #FFF;
			font-size: 20px;
			font-weight: bold;
		}
		.step ul li .txt{
			width:550px;
			float:left;
			padding:20px 0 0 0;
		}
		.step p{
			padding:0 0 10px 24px;
		}
		.step .text_area{
			padding:20px 20px 20px 0;
		}
		.step .text_area h4{
			font-size:18px;
			background:none;
			border:none;
			padding:0 0 4px 24px;
			margin:0;
		}
		.step .text_area h4 span{
			color:#009FE8;
		}
		.step .inform{
			font-size:18px;
			line-height:130%;
			color:#FFFFFF;
			background:#DD0000;
			border-radius:4px;
			padding:12px 16px;
			margin:4px 4px 16px 24px;
		}

		.step .pay h4{
			font-size: 24px;
			border:none;
			background:none;
			color:#009FE8;
			text-align:center;
			padding:30px 0 0 0;
		}
		.entry_arrow {
			margin: 1.0em auto;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 30px 50px 0 50px;
			border-color: #acd9ff transparent transparent transparent;
		}
	
	/* 申込ガイド ～ブロック要素～PONTAポイント
	------------------------------------------ */
		.pontapoint{
			background:#fefdc7;
			border:2px dashed #FF9900;
			border-radius:6px;
			padding:24px 24px 20px 24px;
			margin:0 0 46px 0;
			text-align:center;
		}
		.pontapoint p{
			font-size:21px;
			line-height:150%;
			color:#FF6600;
			padding-bottom:20px;
		}
		.pontapoint p span{
			font-size:30px;
			color:#DD0000;
		}
		.pontapoint .button{
			width:80%;
			margin:0 auto;
		}
	h3.notice{
		font-size:21px;
		text-align:left;
		padding: 0 0 20px 0;
	}

/* 2019/05/09  */
.step p.btn {
	text-align:center;
	padding:1.0em;
}
	a.btn_confirm {
		display:inline-block;
		text-align:center;
		background-color:#f35184;
		color:#fff;
		text-decoration:none;
		border-radius:4px;
		padding:1.0em 5.0em;
		font-size:18px;
		font-weight:bold;
	}
	a.btn_confirm:hover {
		opacity:0.8;
	}

	#pay {
		margin-top: -62px;
		padding-top: 62px;
	}



/* エントリーについてのQ&A
------------------------------------------ */
.faq{
	background:#FFFFFF;
	border:2px solid #f7f7f7;
	padding: 32px 16px;
}
.faq h3{
	color:#00A0EB;
	line-height:100%;
	border:1px solid #DDDDDD;
	border-left:4px solid #00A0EB;
	text-align:left;
	padding:8px 0 4px 10px;
	margin:0 0 20px 0;
}

	/* アコーディオン
	------------------------------------------ */
	dl.accordion {
		margin-bottom: 40px;
		background: #fff;
	}
		dl.accordion dt {
			font-size:16px;
			margin:0 0 4px 0;
			padding:4px 1em 10px 3em;
			text-indent: -2em;
			background:#00A0EB;
			/*border-radius:4px;*/
			color: #FFFFFF;
			cursor: pointer;
			}
			dl.accordion dt span {
				position:relative;
				top: 6px;
				display:inline-block;
				margin-right:6px;
				width:24px;
				height:24px;
				background: url("../img/icon_faq01.png") no-repeat top left;
				}
			dl.accordion dt.active span {
				background: url("../img/icon_faq02.png") no-repeat top left;
				}
			/* dl.accordion dt a {
			} */
			dl.accordion dt:hover {
				background:#49D2F7;
				color:#3A3A3A;
				}
			dl.accordion dt.active {
				background:#49D2F7;
				color:#3A3A3A;
				cursor:inherit
				}

		dl.accordion dd {
			margin:0;
			padding:8px 12px 30px 15px;
			color: #333
			}
		dl.accordion dd:last-child {
			padding-bottom:0;
		}

		dl.accordion dd .link{
			color:#49D2F7;
			padding-top:5px;
		}
		dl.accordion strong.red {
			color: #d00;
		}
	
	
	
	/* 当選後のお支払い手数料詳細
	------------------------------------------ */
	#faq_price .wrap {
		min-height: calc(100vh - 93px);
	}
	/* .faq_price{} */
	.faq_price h1{
		text-align:center;
		padding:40px 0;
	}
	.faq_price table{
		margin:0 auto;
		text-align:center;
		border-top:1px solid #3366cc;
		border-left:1px solid #3366cc;
	}
	.faq_price table th{
		color:#FFFFFF;
		background:#00A0EB;
	}
	.faq_price table th,
	.faq_price table td{
		border-right:1px solid #3366cc;
		border-bottom:1px solid #3366cc;
		padding:8px 12px;
		white-space:nowrap;
	}
	.faq_price table td.pricestyle01{
		text-align:left;
	}

/* Copyright
------------------------------------------ */
.copyright {
	font-size:10px;
	text-align:center;
	margin-bottom:0;
	padding: 0 0 3px 0;
	background-color: #0b476f;
	color: #FFF;
}
.copyright .logo{
	padding:10px 0;
	margin-bottom: 3px;
	background-color: #FFF;
}
	/* 尾形追加 2018/04/11  */
	/* .entry_plan .plan.wide {
		width:auto;
	} */
	.entry_plan a.plan {
		/* width:auto; */
		margin-top:1.0em;
		margin-bottom:0.5em;
	}
	ul.note_entry {
		text-align:left;
	}

		/* =======================
		・アンカーリンクした部分が固定ヘッダで隠れてしまうので、ズラすためのCSS。
		・62pxはヘッダの高さ。
		 ======================= */
		.anchor-contents {
			margin-top:-62px;
			padding-top:62px;
		}

.procedure_notes {
	border: 3px solid #d00;
	background-color: #fff0f0;
	/* color: #d00; */
}
.procedure_notes em {
	color: #d00;
	font-weight: bold;
}
.procedure_notes h2 {
	margin-bottom: 0;
	background-color: #d00;
	color: #fff;
	padding: 0.2em 0;
	font-size:38px;
}
.procedure_notes .inner {
	padding: 1.5em;
}
.procedure_notes dl:not(:last-child),
.procedure_notes p {
	font-size: 18px;
	margin-bottom: 1.0em;
}

.procedure_notes dl:last-child {
	margin-bottom: 0;
}
.procedure_notes dl dt {
	font-weight: bold;
	margin-bottom: 0.3em;
}
.procedure_notes dl dd {
	line-height: 1.5em;
}
.procedure_notes dl a {
	color: #d00;
	font-weight: bold;
	text-decoration: none;
}
.procedure_notes dl a:hover {
	text-decoration: underline;
}
.procedure_notes .caution-text {
	color: #d00;
	line-height: 1.3em;
	text-align:center;
	font-size:32px;
	font-weight: bold;
}
.procedure_notes .btn {
	text-align: center;
}

/* オレンジボタン */
a.btn_orange {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	background-color:#ff9900;
	color:#000000;
	padding:13px;
	border-radius: 3px;
	border:1px solid #ff5500;
	font-weight:bold;
	width: 50%;
}

.login_lead {
	font-size: 16px;
	margin-top: 4.0em;
	margin-bottom: 2.0em;
	padding: 0 1.0em;
	line-height: 1.5em;
}
.warning {
	border:3px solid #d00;
	padding: 2.0em;
	background-color: #fff0f0;
	margin-bottom: 5.0em;
}
.warning h2 {
	color: #d00;
	line-height: 1.3em;
}
.warning em {
	color: #d00;
}
.warning p {
	line-height: 1.5em;
	font-size: 18px;
}



/* お問い合わせ */
.contact {
	background-color:#FFFFFF;
	border:2px solid #f7f7f7;
	border-radius:5px;
	padding:3.0em 2.0em;
	margin:0 0 40px;
}
.contact h2 {
	margin-bottom: 1.0em;
}
.contact h3 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	border-left: 5px solid #1a96d5;
	padding:0.2em 0 0.2em 0.5em;
	margin-bottom: 1.0em;
}
.contact h4 {
	font-weight: bold;
}
.contact .inner {
	margin-bottom: 4.0em;
}
.contact .mail,
.contact .tell{
	font-size: 290%;
	font-weight: bold;
	color: #D5387D;
	text-align: center;
	padding-bottom: 0;
}
.contact .mailto {
	text-align: center;
	margin-bottom: 0.5em;
}
.contact .info {
	font-size: 1.5em;
	font-weight: bold;
}
.contact .info,
.contact .infotime {
	text-align: center;
}



/* フォームでのお問い合わせ */
.contact-form em {
	color: #ff0000;
}
.contact-form dl.note {
	background-color: #f3f3f3;
	padding: 2.0em;
	margin-top: 2.0em;
}
.contact-form dl.note dt {
	text-align: center;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
.contact-form dl.note dd {
	line-height: 1.5em;
	text-indent: -1.0em;
	padding-left: 1.0em;
	font-size: 16px;
}
.contact-form dl.note dd:not(:last-child) {
	margin-bottom: 0.5em;
}

/* 電話によるお問い合わせ */
.phone-contact h4 {
	margin-bottom: 0.5em;
}
.phone-contact article:not(:last-child) {
	margin-bottom: 3.0em;
}
.phone-contact article dl {
	text-align: center;
}
.phone-contact article dl dt {
	font-weight: bold;
	margin-bottom: 1.0em;
	font-size: 1.0rem;
}
.phone-contact article dl .tell {
	line-height: 1.0em;
	
}

/* ボタン　ピンク */
a.btn_pink {
	display: inline-block;
	text-align: center;
	font-size: 16px;
	background-color:#f35184;
	color:#fff;
	padding:13px;
	border-radius: 3px;
	font-weight:bold;
	width: 250px;
	text-decoration: none;
}



/* マイページはこちら */
.btn_mypage {
	text-align: center;
	background-color: #fdffde;
	padding: 1.5em 0;
	margin:0 12px 4.0em;
}
a.mypage {
	background-color: #0067bd;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	padding:1.5em 4.0em;
	line-height: 0;
	border-radius: 5px;
	font-size: 18px;
}
a.mypage:hover {
	opacity: 0.8;
}
.btn_mypage p.note {
	padding-top: 0.5em;
	padding-left: 0;
	font-size: 14px;
}

.bnr2col {
	display: flex;
	justify-content: space-between;
	margin: 0 0 1em 0;
	
}
.bnr2col > div {
	width: calc((100% - 2em) / 2);
	margin: 0 0 1em 0;
}


/* ★☆★☆★　Smart Phone (max-width: 768px)　★☆★☆★
------------------------------------------------------------------------------------ */

@media screen and (max-width: 768px){

/* LAYOUT
------------------------------------------ */
/* body {} */
#wrapper {
	width: 100%;
	min-width: 100%;
}
.wrap{
	width: 100%;
}

	/* ナビゲーション
	------------------------------------------ */
/*
	.header__navigation {
		position: relative;
		left: auto;
		bottom: auto;
		padding: 0;
	}
	.gnav {
		background: #00a0eb;
		border-top:1px solid #FFFFFF;
		float: none;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	.gnav__list {
		margin: 0 auto;
		text-align: center;
		width: 72.41379310344827%;
		padding: 4px 0;
	}
	.gnav__list__item {
		display: inline-block;
		float: none;
		font-size: 12px;
		line-height:100%;
		padding:0 2px;
		margin:0 2px 0 2px;
	}
	.gnav__list__item a {
		color: #FFFFFF;
		text-decoration:none;
	}
	.gnav__list__item a:hover {
	}
	.gnav__list__item--logo {
		display: none;
	}
*/

	/* スマホページ 非表示化
	------------------------------------------ */
		.smp_none {display:none;}
		.pc_none {display:inline;}



	/* <H> TITEL
	------------------------------------------ */
		.wrap h2 {
			font-size:24px;
			margin: 0 0 30px 0;
		}
		.wrap h2 span{
			font-size:18px;
		}
		.section h3{
			font-size:18px;
			line-height:120%;
			padding:18px 0 10px 0;
		}
		.section h4{
			font-size:16px;
			padding-top:6px;
		}
		.section h5{
			font-size:18px;
			padding:6px 0 0 0;
		}

	/* セクション(白色)
	------------------------------------------ */
		.section {
			width:auto;
			margin:0 auto 24px 0;
		}
			.section .block{
				padding:0 12px 12px;
			}

	/* セクション(灰色)
	------------------------------------------ */
		.section.gray {
			padding:20px 0;
		}
			.section.gray .block{
				width:auto;
				margin:0 auto;
				padding-bottom:12px;
			}
			.section.gray p.lead {
				text-align:center;
				margin-bottom:10px;
				padding:0 10px;
			}
	/* セクション(青)～ガイドページ
	------------------------------------------ */
	.guide {
		width:auto;
		margin:0 auto;
		padding:0;
		border-bottom:1px solid #e6e6e6;
		background:#00a0eb;
	}
		.guide .block{
			width:100%;
			margin:0 auto;
			padding-bottom:12px;
		}

	/* <p>
	------------------------------------------ */
	.section p{
		font-size:14px;
	}

	/* Header
	------------------------------------------ */
	.head{
		width:80%;
	}
	#wrapper:not(:has(.header__menu)) .head {
		margin-bottom:30px;
	}
	.head h1{
		text-align:center;
		float:none;
		margin:0 auto 20px auto;
		width: 100%;
	}
	.head h1 img{
		max-width: 100%;
		text-align:center;
		margin:0 auto;
	}
	.header__menu{
		text-align:center;
		margin-bottom: 30px;
	}
/*
	.header__menu nav{
		display:none;
	}
*/
	.header__menu nav ul{
		width:100%;
	}
	.header__menu nav ul li{
		width:33%;
		height: 62px;
		display: table;
		line-height: 120%;
	}
	.header__menu nav ul li:nth-child(2){
		width:34%;
	}
	.header__menu nav ul li a,
	.header__menu nav ul li p{
		display: table-cell;
		vertical-align: middle;
		font-size: 12px;
		padding: 0 0 0 0;
	}
	.header__menu nav ul li a span,
	.header__menu nav ul li p span{
		display: none;
	}

	.clone_menu .header__menu nav ul li a,
	.clone_menu .header__menu nav ul li p{
		padding: 0 0 0 0;
	}

	/* 公式サイトに戻るボタン
	------------------------------------------ */
	.button_official{
		width: 100%;
		max-width: 430px;
		float:none;
		margin:0 auto;
		text-align:center;
	}


	/* ページトップへ戻る
	------------------------------------------ */
	#pagetop {
		bottom: 20px;
		right: 10px;
	}
	#pagetop img {
	    width: 44px;
	}

	/* リスト
	------------------------------------------ */
		.section div.point ul li{
			font-size:14px;
		}


	/* TOP インフォメーション枠
	------------------------------------------ */
	.section .information {
		padding: 12px;
		margin: 0 12px;
	}

	/* TOP エントリーにあたって
	------------------------------------------ */
	.section .about_entry {
		margin: 0 12px;
		padding: 0;
	}
	.section .about_entry h3 {
		font-size: 24px;
		padding: 12px 10px 10px 10px;
	}
	.section .about_entry h3 span {
		font-size: 18px;
	}
	.section .about_entry h4 {
		font-size: 24px;
		margin-bottom: 12px;
	}
	.section .about_entry .inner {
		padding: 12px;
	}
	.section .about_entry .inner ul {
		font-size: 14px;
	}
	.section .about_entry .inner .importantBox {
		font-size: 14px;
	}
	.section .about_entry .inner .importantBox h5 {
		font-size: 16px;
	}
	.loginnote_btn {
		text-align: center;
	}
	.loginnote_btn a.btn_red {
		margin-bottom: 0.3em;
	}

	/* TOP エントリー種別
	------------------------------------------ */
		/* TOP エントリー種別　～基本設定～
		------------------------------------------ */
		.entry_plan .plan{
			width:100%;
			float:none;
			margin:0 0 20px 0;
			/* padding: 4px 4px 16px 4px; */
		}
		.entry_plan .plan.style00 {
			padding:4px 10px 16px 10px;
		}
		.entry_plan .plan.plan00{
			height: auto !important;
		}
		.entry_plan .plan .inner:after{
			bottom: -12px;
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
			border-top: 12px solid #FFF;
		}

		.entry_plan .plan dl{
			padding:1em 0 1em;
		}
		.entry_plan .plan dl dt{
			font-size:18px;
			margin-bottom: 0.3em;
		}
		.entry_plan .plan dl dd{
			font-size:18px;
		}
		.entry_plan .plan dl dd.cat03 {
			font-size:20px;
		}
		.entry_plan .plan .item-type {
			padding: 1.0em 0 1.0em;
		}
		.entry_plan .plan h3{
			font-size:30px;
			padding: 16px 0 8px;
		}
		.entry_plan .plan .inner h3{
			font-size:28px;
			padding: 16px 0 8px;
			min-height:auto;
		}
		.entry_plan .plan.style00 h3{
			font-size:20px;
		}
		.entry_plan .plan.style00 h3 span{
			font-size:20px;
		}
		.entry_plan .plan h4{
			font-size:22px;
			line-height:120%;
			padding-bottom: 8px;
		}
		.entry_plan .plan > p.arrow {
			font-size: 20px;
			line-height:120%;
			background-size: 12px;
			background-position-y: 5px;
			padding-top: 1.0em;
		}
		.entry_plan .plan > p.arrow:after {
			border-left: 12px solid transparent;
			border-right: 12px solid transparent;
			border-top: 12px solid #FFF;
		}

		/* TOP 自動エントリー
		------------------------------------------ */
		.section .autoentry {
			border: solid 2px #e7415d;
			padding: 20px;
			/*margin-bottom: 60px;*/
		}
		.section .autoentry h3 {
			font-size: 24px;
			margin:0 0 16px 0;
		}
		.section .autoentry h3 span {
			font-size: 24px;
		}
		.section .autoentry p {
			font-size: 14px;
		}


		/*  TOP エントリー種別　～エントリーボタン～
		------------------------------------------ */
	    .button {
			font-size: 16px;
		}
	    .button .ponta {
			font-size:12px;
			padding:0;
		}
	    .button .entry {
			font-size:14px;
		}


	/* 枠付き
	------------------------------------------ */
	.section .box01 {
		border:solid 8px #f2fafe;
		padding: 8px 8px 16px;
		background-color: #FFF;
		margin: 0 12px;
	}
	.section .box01 h2 {
		padding-top: 16px;
		margin-bottom: 16px;
	}

	/* お気に入り登録
	------------------------------------------ */
	.section .favorite p {
		text-align: left;
	}
	.section .favorite a.btn_fav  {
		margin: 0.5em 0 0;
		width: auto;
	}


	/* 申込ガイド
	------------------------------------------ */
		.guide{
			background:none;
			/*margin:-20px;*/
			padding:0 12px;
			border:none;
		}


		/* 申込ガイド ～タブ～
		------------------------------------------ */
		.guide__menu{
			background:#FFFFFF;
			padding:0 9px;
		}
		.guide__menu nav{
			width:100%;
			text-align: center;
		}

		.guide__menu nav ul li{
			float:none;
			text-align:center;
			padding:0;
			margin:0;
			text-indent:0em;

		}
		.guide__menu nav ul li:last-child {
			float:none;
		}
		.guide__menu nav ul li a{
			font-size:14px;
			line-height:110%;
			width:100%;
			display:block;
			padding:15px 0 15px 0;
			margin:0 0 8px 0;
			background:#1a96d5;
			border:1px solid #0b7db3;
			border-radius: 3px;
			color:#FFFFFF;
		}
		.guide__menu nav ul li.active,
		.guide__menu nav ul li.active_end{
			display: none;
		}

		.guide__menu nav ul li a:hover{
			color:#000102;
			background:#49d2f7;
		}

		.guide__menu nav ul li i.arrow {
			display: none;
		}

		/* 申込ガイド ～見出し～
		------------------------------------------ */
		.guide .block h3{
			font-size:20px;
			color:#1a96d5;
			padding:20px 0 10px 0;
			border:none;
		}
		.guide .block h3 span{
			font-size:14px;
		}
		.guide .block h3.loppi{
			padding:30px 0 30px 0;
			line-height:100%;
		}



		/* 申込ガイド ～ブロック要素～
		------------------------------------------ */
		.wrap .section .step h2{
			font-size:18px;
			padding:20px 0 0 0;
			margin-bottom: 16px;
		}
		.section .step h3{
			font-size:16px;
			line-height:120%;
			padding:12px 0 10px 0;
		}

		.step ul li{
			padding-right:5px;
		}
		.step ul li .photo{
			max-width:100%;
			float:none;
			margin: 0 auto;
			text-align:center;
		}
		.step ul li .photo img{
			max-width:100%;
		}
		.step ul li .txt{
			width:100%;
			float:none;
			padding:10px 0 0 0;
		}
		.step p{
			font-size:14px;
			padding:0 0 10px 0;
		}
		.step .text_area{
			padding:20px 10px 20px 10px;
		}
		.step .inform{
			font-size:16px;
			margin:4px 0 12px 0;
			padding:12px 6px 12px 10px;
		}
		.step .pay h4{
			color:#009FE8;
			padding:30px 10px 0 10px;
			line-height: 125%;
		}
		.step .text_area h4{
			font-size:14px;
			font-weight:normal;
			text-shadow:1px 0 1px #3A3A3A;
			background:none;
			border:none;
			padding:0 0 4px 0;
			margin:0;
		}
		.step .text_area h4 span{
			text-shadow:1px 0 1px #009FE8;
		}

		/* 申込ガイド ～ブロック要素～PONTAポイント
		------------------------------------------ */
			.pontapoint{
				background:#fefdc7;
				border:2px dashed #FF9900;
				border-radius:6px;
				margin:0 0 20px 0;
				padding:0 0 16px 0;
			}
			.pontapoint p{
				font-size:16px;
				line-height:150%;
				color:#FF6600;
				padding:12px 25px 12px 25px;
			}
			.pontapoint p span{
				font-size:20px;
				color:#DD0000;
			}
			.pontapoint .button{
				width:100%;
				margin:0 auto;
			}

/* 2019/05/09 */
	a.btn_confirm {
		display:block;
		padding:1.0em;
		font-size:16px;
	}

/* エントリーについてのQ&A
------------------------------------------ */
.faq{
	padding: 20px 10px;
}
.faq h3{
	padding:8px 8px;
}
	/* アコーディオン
	------------------------------------------ */
	dl.accordion {
		margin-bottom: 40px;
		background: #fff;
	}
		dl.accordion dt {
			text-indent: -2em;
			font-size:14px;
			padding:10px 0.5em 12px 2.5em;
			margin: 0 0 8px 0;
			}
			dl.accordion dt span {
				position:relative;
				top: 4px;
				display:inline-block;
				margin-right:10px;
				width:18px;
				height:18px;
				background: url(../img/icon_faq01.png) no-repeat top left;
				background-size: 18px 18px;
				}
			dl.accordion dt.active span {
				background: url(../img/icon_faq02.png) no-repeat top left;
				background-size: 18px 18px;
				}
			dl.accordion dt:hover {
				background:#49D2F7;
				color:#3A3A3A;
				}
			dl.accordion dt.active {
				background:#49D2F7;
				color:#3A3A3A;
				cursor:inherit
				}

		dl.accordion dd {
			margin:0;
			padding:8px 8px 20px 8px;
			color: #333
			}
		dl.accordion dd:last-child {
			padding-bottom:0;
		}



		.faq_price h1{
			font-size:18px;
			line-height:130%;
			padding:20px 0 20px 0;
		}

		.faq_price table{
				display: block;
				border:none;
				margin:0;
			}
				.faq_price table thead{
					display: none;
				}
				.faq_price table tbody{
					display: block;
				}
		.faq_price table tbody tr{
						display: block;
						margin-bottom: 1.5em;
					}
		.faq_price table tbody th,
		.faq_price table tbody td{
			display: list-item;
			border: none;
			white-space:normal;
					}
		.faq_price table tbody th{
			margin-bottom: 5px;
			list-style-type: none;
			color:#FFFFFF;
			background:#00A0EB;
					}
		.faq_price table tbody td{
			list-style-type: none;
			padding: 4px;
			text-align:left;
					}
		.faq_price table tbody td:nth-of-type(1):before { content: "[支払方法]"; }
		.faq_price table tbody td:nth-of-type(2):before { content: "[申込時]"; }
		.faq_price table tbody td:nth-of-type(3):before { content: "[支払手数料(当選後：参加料の5%)]"; display:block; }

		.faq_price table tbody td:nth-of-type(4):before { content: "[その他手数料]"; }

		.faq_price table tbody td:nth-of-type(5):before { content: "[その他手数料(当選後)]"; }

		.faq_price table td ul li{
			padding-right:12px;
		}


	/* 尾形追加 2018/04/11 */
	.entry_plan a.plan {
		margin-top:0;
	}
	ul.note_entry {
		text-align:left;
	}




	.procedure_notes {
		margin: 0 12px;
		margin-bottom: 2.0em;
	}
	.procedure_notes h2 {
		margin-bottom:0;
	}
	.procedure_notes .inner {
		padding: 1.5em 1.2em;
	}
	.procedure_notes dl {
		font-size: 16px;
		margin-bottom: 1.5em;
	}
	.procedure_notes dl dt {
		text-align: left;
		font-size: 18px;
	}
	.procedure_notes .caution-text {
		line-height: 1.3em;
		text-align:center;
		font-size:20px;
		font-weight: bold;
	}
	.procedure_notes .btn {
		text-align: center;
		margin-bottom: 2.0em;
	}
	
	/* オレンジボタン */
	a.btn_orange {
		display: block;
		padding:14px 0;
		width: auto;
	}
	
	.btn_mypage {
		padding: 1.0em 0;
	}
	a.mypage {
		display: block;
		padding:1.5em 0;
		margin: 0 1.0em;
	}
	.btn_mypage p.note {
		text-indent: -1.0em;
		padding-left: 1.0em;
		padding-top: 0.5em;
		margin: 0 1.0em;
		font-size: 14px;
		text-align: left;
	}

.warning {
	padding: 1.5em;
	margin-bottom: 2.0em;
}
.warning h2 {
	color: #d00;
	line-height: 1.3em;
	text-align: left;
}


.contact {
	padding:2.0em 1.0em;
	margin:0 0 20px;
}
.contact h2 {
	margin-bottom: 1.0em;
}
.contact h3 {
	font-size: 18px;
	padding:0.2em 0 0.2em 0.5em;
	margin-bottom: 1.0em;
}
.contact .inner {
	margin-bottom: 2.0em;
}
.contact .mail,
.contact .tell{
	font-size: 20px;
	text-align: left;
}
.contact .mailto,
.contact .info,
.contact .infotime {
	text-align: left;
}

/* フォームでのお問い合わせ */
.contact-form dl.note {
	padding: 1.0em;
	margin-top: 1.0em;
}
.contact-form dl.note dt {
	font-size: 16px;
}
.contact-form dl.note dd {
	font-size: 14px;
}
.contact .info {
	font-size: 16px;
}

/* 電話によるお問い合わせ */
.phone-contact article dl {
	text-align: left;
}
.phone-contact article dl dt {
	font-weight: normal;
	margin-bottom: 0.5em;
}

.bnr2col {
	flex-wrap: wrap;
	margin: 0 0 0 0;
}
.bnr2col > div {
	width: 100%;
	text-align:center;
	margin: 0 0 1em 0;
}

	
	/* ↓media screen閉じタグ
	------------------------------------------ */
}

/* ふるさと納税
------------------------------------------ */

.entry_plan_01{
	/* width:49%; */
	/*width: 33%; */
	/*width: 24%;*/
	width: 100%;
	margin:0;
	text-align: center;
	text-decoration: none;
	margin-bottom: 2em;
	background-color: #fff;
}

.entry_plan_01 .style07{
	border: 8px solid #a38b77;
	text-align: center;
}

.entry_plan_01 .arrow_1{
	background-color: #a38b77;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	padding: 0.3em;
	margin-bottom: 0.7em;
}


.entry_plan_01 .important_01{
	background-color: #f8b62c;
	color: #573317;
	padding: 0.5em;/* インデント 1.0em + 地色の左余白 0.5em追加 */
	border-radius: 10px;
	display: block;
	overflow: hidden;
	font-size: min(4.2vw, 16px);
	width: min(90%, 650px);
	margin: 0 auto;
}

.entry_plan_01 .important_01 p{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.30em;
}

@media screen and (max-width: 768px){
  .entry_plan_01 .important_01 p{
    font-size: 16px;
  }
}

.entry_plan_01 .container{
	display: grid;
	width: min(90%, 650px);
	grid-template-columns: 300px 1fr;
	grid-template-rows: auto;
	padding: 1em;
	gap: 2em;
	text-align: left;
	margin: 0 auto;
}


@media screen and (max-width: 768px) {
  .entry_plan_01 .container{
	grid-template-columns: none;
	gap: 0em;
  }
}

.entry_plan_01 .gridbox{
	line-height: 1.5em;
}

.entry_plan_01 .gridbox .item-type_01{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
  .entry_plan_01 .gridbox .item-type_01{
	padding-bottom: 0.5em;  }
}

.entry_plan_01 .gridbox.center01{
	align-content: center;
}

.entry_plan_01 .item-type_01:before{
	content:"●";
	color: #a38b77;
	padding-right: 0.2em;
}

.entry_plan_01 .gridbox p.note_01{
	font-weight: bold;
	font-size: 14px;
}

@media screen and (max-width: 769px){
  .entry_plan_01 .gridbox p.note_01{
   padding-bottom: 1.2em;
	}
}

@media screen and (min-width: 769px){
  .sp_01 {
    display: none;
	}
}

.entry_plan_01 .btn-brown a{
	display: block;
	border-radius: 100vw;
	overflow: hidden;
	padding: 1em;
	font-size: min(4.2vw, 16px);
	font-weight: bold;
	width: min(100%, 600px);
	margin: 0 auto;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.entry_plan_01 .btn-brown a{
	background-color: #a38b77;
}

.entry_plan_01 .btn-brown a:hover {
		opacity: 0.7;
}

.entry_plan_01 .btn-brown.center01{
	align-content: center;
}

