@charset "Shift_JIS";

/* ============================================================
default
============================================================ */

.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #e50038}
.f-red { color: #e50038}
.f-blue { color: #0993b2}

/* 
:root {
	--fs50: 5rem;
	--fs30: 3rem;
	--fs25: 2.5rem;
	--fs20: 2rem;
	--fs14: 1.4rem;
	--fs16: 1.6rem;
	--fs17: 1.7rem;
	--fs18: 1.8rem;
}
 */
:root {
	--fs50: 3.75rem;
	--fs30: 2.25rem;
	--fs25: 1.875rem;
	--fs20: 1.5rem;
	--fs14: 1.05rem;
	--fs16: 1.2rem;
	--fs17: 1.275rem;
	--fs18: 1.35rem;
}

html {
	font-size: 62.5%;
}
h1 {
	margin: 8px 0;
}
.pcnone {
	display: none !important;
}
#wrapInner {
	width: 100%!important;
}
#inner950,
.inner950 {
	display: block;
	width: 950px;
	margin: 0 auto;
}

div#overlay {
	display:none;
}

/* div#title
-------------------------------------------------------------*/

#title {
	width: 100%;
	min-width: 960px;
	background-color: #fdfdfe;
	background-image: url(../images/bg_main_1.png),url(../images/bg_main_2.png);
	background-repeat: no-repeat,repeat;
	background-position: center bottom, center bottom;
	background-size: auto 651px;
	text-align:center;
	overflow:hidden;
	padding:0 0 0;
	height:650px;
}
#title p {
	width: 659px;
	margin: 0 auto;
}
#title p img {
	position: relative;
	top: 80px;
	left: 107px;
	width: 464px;
}

/* .attention_box
-------------------------------------------------------------*/

.attention_box {
	padding: 60px 0 30px;
	color: #000;
}
.attention_box .title_attention_mini {
	margin-top: 40px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold !important;
}
.attention_box h2 {
	margin-bottom: 25px;
	text-align: center;
}
.attention_box h3 {
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 1.9rem;
	text-align: left;
}
.attention_box ul li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 18px;
	font-size: 1.6rem;
	text-align: left;
	font-weight: normal;
	line-height: 1.5;
}
.attention_box ul li::before {
	content: "";
	position: absolute;
	top: 0.18em;
	left: 0;
	width: 14px;
	height: 14px;
	background-color: #000;
	border-radius: 50%;
}
.attention_box p {
	margin-top: 40px;
	font-size: 1.6rem;
	font-weight: normal;
}

.attention_box div.banner {
	text-align: center;
}

/* #inquiry_info */

#inquiry_info {
	margin: 30px auto 20px;
	padding: 20px;
	border: 2px solid #333;
	text-align: center;
}
#inquiry_info h3,
#inquiry_info dd {
	margin: 0;
	text-align: center;
}
#inquiry_info dt {
	margin: 15px 0;
	font-weight: bold;
}
#inquiry_info dt,
#inquiry_info dd {
	line-height: 1.3;
	font-size: 1.6rem;
}
#inquiry_info dd span.notice {
	font-size: 1.3rem;
}

/* #anchorLinkBlock
-------------------------------------------------------------*/

#anchorLinkBlock {
	overflow: hidden;
}

/* ============================================================
contents
============================================================ */

#wrapInner {
	font-feature-settings: 'palt';
}

/* ul.ss_list
-------------------------------------------------------------*/

#wrapInner ul.ss_list {
	display: flex;
	justify-content: space-between;
}
#wrapInner ul.ss_list li {
	position: relative;
	width: 170px;
}
#wrapInner ul.ss_list li::after {
	content: '';
	position: absolute;
	top: 180px;
	left: -39px;
	width: 30px;
	height: 0;
	width: 0;
	border-left: 12px solid #a49049;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
#wrapInner ul.ss_list li:empty::after,
#wrapInner ul.ss_list li:first-child::after {
	content: none;
}

#wrapInner ul.ss_list span {
	display: block;
	width: 170px;
}
#wrapInner ul.ss_list span:first-child {
	position: relative;
	margin-bottom: 25px;
	padding: 7px 0 5px;
	font-size: var(--fs17);
	text-align: center;
	border: solid 1px #000;
}
#wrapInner ul.ss_list span:first-child::after {
	content: '';
	position: absolute;
	bottom: -9px;
	left: 75px;
	width: 14px;
	height: 14px;
	border-bottom: solid 1px #000;
	border-left: solid 1px #000;
	background: #f6f4ed;
	background: linear-gradient(45deg, #f6f4ed 0%, #f6f4ed 60%, transparent 60%, transparent 100%);
	transform: scale(0.8,1) rotate(-45deg);
}
#wrapInner ul.ss_list span:last-child {
	margin-top: 20px;
	text-align: left;
	font-size: var(--fs20);
}
#wrapInner ul.ss_list li strong {
	color: #a49049;
	font-weight: bold;
}

/* .sec1
-------------------------------------------------------------*/

#wrapInner .sec1 {
	padding: 15px 0 35px;
	background: #303c40;
	text-align: center;
	color: #303c40;
}

#wrapInner .sec1 p {
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
	font-size: var(--fs30);
}
#wrapInner .sec1 strong {
	color: #a49049;
}
#wrapInner .sec1 span.notice {
	font-size: var(--fs20);
}
#wrapInner .sec1 p:nth-child(1) {
	margin-bottom: 45px;
}
#wrapInner .sec1 ul {
	display: flex;
	justify-content: space-between;
	width: 854px;
	margin: 0 auto 40px;
}
#wrapInner .sec1 p:nth-child(3) {
	margin-bottom: 40px;
	font-weight: bold;
}
#wrapInner .sec1 ol {
	display: flex;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto 40px;
}

/* .sec2
-------------------------------------------------------------*/

#wrapInner .sec2 {
	padding: 130px 0 130px;
	background: url(../images/bg_sec.jpg);
}
#wrapInner .sec2 h2 {
	margin-bottom: 60px;
	text-align: center;
}
#wrapInner .sec2 .sec2_inner {
	margin-bottom: 50px;
	padding: 50px 28px 28px;
	text-align: center;
	background: #f6f4ed;
	border: solid 2px #a49049;
}
#wrapInner .sec2 p.lead {
	margin-bottom: 40px;
	font-size: var(--fs30);
	font-weight: bold;
}

#wrapInner .sec2 h3 {
	position: relative;
	margin: 0 0 20px -28px;
	padding: 9px 0 8px 170px;
	text-align: left;
	background: #a49049;
}
#wrapInner .sec2 h3 img.num {
	position: absolute;
	top: -24px;
	left: 18px;
}
#wrapInner .sec2 h4 {
	margin: 10px 0 0;
	padding: 9px 0 8px;
	text-align: center;
	color: #fff;
	background: #303C40;
}
#wrapInner .sec2 .dl1 {
	display: flex;
	margin: 0 0 0 140px;
	text-align: left;
	font-size: var(--fs25);
}
#wrapInner .sec2 .dl1 dt {
	margin-right: 10px;
}
#wrapInner .sec2 .dl1 span {
	font-size: var(--fs20);
}
#wrapInner .sec2 p.prize {
	margin: 0;
}
#wrapInner .sec2 p.sec2info {
	margin: 5px 0 60px;
	text-align: left;
	color: #aa0000;
}
#wrapInner .sec2 .dl2 {
	position: relative;
	display: flex;
	margin: 40px 0 45px;
	text-align: left;
	font-size: var(--fs30);
	font-weight: bold;
}
#wrapInner .sec2 .dl2 div:nth-child(1) {
	width: 52%;
}
#wrapInner .sec2 .dl2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 405px;
	width: 66px;
	height: 366px;
	background: url(../images/sec2_3_3.png) no-repeat center center;
}
#wrapInner .sec2 .dl2 dt {
	position: relative;
	margin-bottom: 20px;
	padding-left: 75px;
}
#wrapInner .sec2 .dl2 strong {
	position: absolute;
	top: 5px;
	top: -5px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #a49049;
	color: #fff;
	font-size: var(--fs50);
	font-weight: bold;
}
#wrapInner .sec2 .dl2 img {
	display: block;
	margin: 0 auto;
}
#wrapInner .sec2 .dl2 div:nth-child(2) img {
	margin: 0;
	padding-left: 80px;
    padding-top: 15px;
}
#wrapInner .sec2 .dl3 {
	padding: 25px;
	border: solid 2px #a49049;
}
#wrapInner .sec2 .dl3 div {
	overflow: hidden;
}
#wrapInner .sec2 .dl3 div:first-child {
	margin-bottom: 50px;
}
#wrapInner .sec2 .dl3 dt {
	float: left;
	width: 188px;
	padding: 6px 0 4px;
	background: #a49049;
	color: #fff;
	font-size: var(--fs25);
	font-weight: bold;
}
#wrapInner .sec2 .dl3 dd {
	float: right;
	width: 616px;
	text-align: left;
	font-size: var(--fs20);
}

#wrapInner .sec2 p.notice a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 400px;
	height: 66px;
	margin: 0 auto;
	text-align: center;
	border-radius: 33px;
	background: #a49049;
	border: solid 2px #a49049;
	color: #fff;
	font-size: var(--fs20);
	font-weight: bold;
	text-decoration: none !important;
	transition: all .2s;
}
#wrapInner .sec2 p.notice a:hover {
	background: #fff;
	color: #a49049;
}

#wrapInner .sec2 dt.dt2 {
	margin-bottom: 40px;
	font-size: var(--fs30);
	font-weight: bold;
	color: #a49049;
}
#wrapInner .sec2 p.notice span {
	font-size: var(--fs14);
	font-weight: normal;
}
#wrapInner .sec2 dd.dd2 {
	position: relative;
	margin-top: 40px;
}
#wrapInner .sec2 dd.dd2 p.notice {
	position: absolute;
	right: -30px;
	bottom: -55px;
	font-size: var(--fs14);
	font-weight: normal;
}


/* .sec3
-------------------------------------------------------------*/

#wrapInner .sec3 {
	padding: 100px 0 65px;
	background: #fff;
}
#wrapInner .sec3 dt {
	margin-bottom: 30px;
	text-align: center;
	font-weight: bold;
	font-size: var(--fs30);
}
#wrapInner .sec3 dd {
	position: relative;
	height: 300px;
}
#wrapInner .sec3 p {
	position: absolute;
}
#wrapInner .sec3 p.p1 {
	top: 0;
	left: 144px;
}
#wrapInner .sec3 p.p2 {
	top: 35px;
	left: 400px;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	font-size: var(--fs25);
}
#wrapInner .sec3 p.p3 {
	top: 205px;
	left: 0;
	width: 950px;
	line-height: 1.4;
	text-align: center;
	font-size: var(--fs16);
}
#wrapInner .sec3 ul {
	position: absolute;
	top: 117px;
	left: 370px;
	width: 436px;
	display: flex;
	justify-content: space-between;
}
#wrapInner .sec3 ul a {
	transition: all .2s;
}
#wrapInner .sec3 ul a:hover {
	opacity: 0.8;
}


/* .sec4
-------------------------------------------------------------*/

#wrapInner .sec4 {
	padding: 100px 0 100px;
	background: url(../images/bg_sec.jpg);
}
#wrapInner .sec4 h2 {
	margin-bottom: 60px;
	text-align: center;
}
#wrapInner .sec4 ul.spot {
	padding: 20px 20px 0;
	background: #f6f4ed;
	border: solid 2px #a49049;
}
#wrapInner .sec4 ul.spot li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: solid 1px #a49049;
	overflow: hidden;
}
#wrapInner .sec4 ul.spot li:last-child {
	margin: 0;
	border: none;
}
#wrapInner .sec4 ul.spot p {
	float: left;
	margin-right: 20px;
}
#wrapInner .sec4 ul.spot img {
	width: 280px;
	height: auto;
}
#wrapInner .sec4 dl.info1 {
	overflow: hidden;
}
#wrapInner .sec4 dl.info1 > dt {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: var(--fs30);
}
#wrapInner .sec4 dl.info1 > dd {
	overflow: hidden;
	line-height: 1.5;
	font-size: var(--fs20);
}
#wrapInner .sec4 dl.info1 > dd.text {
	margin-bottom: 15px;
}
#wrapInner .sec4 dl.info2 dt {
	float: left;
	clear: left;
}
#wrapInner .sec4 dl.info2 dd {
	overflow: hidden;
}

/* .sec5
-------------------------------------------------------------*/

#wrapInner .sec5 {
	padding: 130px 0 90px;
	background: #303c40;
}
#wrapInner .sec5 h2 {
	margin-bottom: 70px;
	text-align: center;
}
#wrapInner .sec5 dl {

}
#wrapInner .sec5 dl div {
	position: relative;
	margin-bottom: 50px;
	background: #f6f4ed;
	border: solid 2px #a49049;
}
#wrapInner .sec5 dt {
	position: absolute;
	top: 30px;
	left: 30px;
}
#wrapInner .sec5 p {
	font-size: var(--fs20);
	font-weight: bold;
}
#wrapInner .sec5 p.notice {
	position: absolute;
	right: 0;
	font-size: var(--fs14);
	font-weight: normal;
	color: #fff;
}
#wrapInner .sec5 div.div2 p.notice {
	bottom: -60px;
}
#wrapInner .sec5 div.div3 p.notice {
	bottom: -25px;
}
#wrapInner .sec5 strong {
	font-size: var(--fs25);
	color: #a49049;
}

#wrapInner .sec5 dl div.div1 {
	padding: 60px 0 30px 260px;
}
#wrapInner .sec5 dl div.div1 ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 630px;
	margin-top: 30px;
}
#wrapInner .sec5 dl div.div1 a {
	transition: all .2s;
}
#wrapInner .sec5 dl div.div1 a:hover {
	opacity: 0.8;
}
#wrapInner .sec5 dl div.div2 {
	padding: 50px 30px 25px;
}
#wrapInner .sec5 dl div.div2 p {
	padding: 0 0 35px 70px;
	text-align: center;
}
#wrapInner .sec5 dl div.div3 {
	height: 395px;
}
#wrapInner .sec5 dl div.div3 dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
}
#wrapInner .sec5 dl div.div3 dd p.text {
	font-weight: bold;
	font-size: var(--fs25);
}
#wrapInner .sec5 dl div.div3 dd p.text span {
	font-size: var(--fs20);
}

#wrapInner .sec5 dl div.div3 p.img {
	position: absolute;
	top: 30px;
	right: 30px;
}

#wrapInner .sec5 p.copy {
	text-align: center;
	line-height: 1.4;
	color: #a49049;
	font-size: var(--fs30);
	font-weight: bold;
}

/* .sec6
-------------------------------------------------------------*/

#wrapInner .sec6 {
	padding: 130px 0 90px;
	background: url(../images/bg_sec.jpg);
}
#wrapInner .sec6 h2 {
	margin-bottom: 70px;
	text-align: center;
}
#wrapInner .sec6 .sec6_inner {
	margin-bottom: 50px;
	padding: 50px 28px 28px;
	text-align: center;
	background: #f6f4ed;
	border: solid 2px #a49049;
}
#wrapInner .sec6 dt.dt2 {
	margin-bottom: 5px;
	font-size: var(--fs30);
	font-weight: bold;
	color: #a49049;
}
#wrapInner .sec6 dd.dd2 {
	margin-bottom: 40px;
	font-size: var(--fs25);
	font-weight: bold;
}
#wrapInner .sec6 dd.dd2 strong {
	color: #970000;
}
#wrapInner .sec6 p.notice span {
	font-size: var(--fs14);
	font-weight: normal;
}
#wrapInner .sec6 dd.dd3 {
	position: relative;
}
#wrapInner .sec6 dd.dd3 p.notice {
	position: absolute;
	right: -30px;
	bottom: -55px;
	font-size: var(--fs14);
	font-weight: normal;
}


#wrapInner ol.ss_list li {
	position: relative;
	display: flex;
	justify-content: space-between;
}
#wrapInner ol.ss_list li:not(:last-child) {
	margin-bottom: 50px;
	padding-bottom: 30px;
	border-bottom: dashed 1px #707070;
}
#wrapInner ol.ss_list li:not(:last-child)::after {
	content: '';
	position: absolute;
	bottom: -32px;
	left: 50%;
	width: 30px;
	height: 0;
	width: 0;
	border-top: 12px solid #a49049;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#wrapInner ol.ss_list li p.text {
	position: relative;
	padding-left: 1em;
	text-align: left;
	line-height: 1.5;
	font-size: var(--fs20);
	font-weight: bold;
}
#wrapInner ol.ss_list li p.text em {
	position: absolute;
	top: 0;
	left: 0;
}
#wrapInner ol.ss_list li p.text strong {
	color: #a49049;
}
#wrapInner ol.ss_list li p.text span {
	display: block;
	position: relative;
	padding-left: 1em;
	margin-top: 15px;
	text-align: left;
	font-size: var(--fs18);
	font-weight: normal;
}
#wrapInner ol.ss_list li p.text span + span {
	margin-top: 0;
}
#wrapInner ol.ss_list li p.img {
	margin-left: 30px;
}


/* .tab
-------------------------------------------------------------*/

.tab .tab_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.tab .tab_wrap .tab_label {
	position: relative;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	-webkit-order: -1;
	-moz-order: -1;
	-ms-order: -1;
	-o-order: -1;
	order: -1;
	padding: 3px 0 5px;
	border: 2px solid #a79349;
	border-left: none;
	transition: .5s;
	cursor: pointer;
	font-size: var(--fs20);
	color: #a79349;
	text-align: center;
	line-height: 1.2;
}

label[for=TAB01],
label[for=TAB02] ,
label[for=TAB03] {
	padding: 5px 0 7px !important;
	border-top: none !important;
	border-bottom: none !important;
	font-size: var(--fs25) !important;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
}
label[for=TAB01],
label[for=TAB01-1],
label[for=TAB02-1]{
	border-left: 2px solid #a79349 !important;
}
label::after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin: -4px auto 0;
	border: 2px solid;
	border-color:  transparent transparent #a79349 #a79349;
	transform: scale(1,0.9) rotate(-45deg);
	transition: .5s;
}
.tab_label:hover::after {
	border-color:  transparent transparent #fff #fff;
}
input:checked + label::after {
	border-color:  transparent transparent #fff #fff;
}


.tab .tab_wrap .tab_label:hover {
	background: #a79349;
	color: #fff;
}
.tab .tab_wrap input {
	display: none;
}
.tab .tab_wrap .tab_content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
.tab .tab_wrap input:checked + .tab_label {
	background: #a79349;
	color: #fff;
}
.tab .tab_wrap input:checked + .tab_label + .tab_content {
	margin: 15px 0 0;
	padding: 0;
	height: auto;
	transition: .5s opacity;
	opacity: 1;
}


/* kabegami */
#wrapInner #wpDownload {
	margin: 0;
	padding: 15px 0 50px;
	background: #303c40;
}
#wrapInner #wpDownload h2 {
	margin-bottom: 25px;
	text-align: center;
	color: #fff;
	font-size: var(--fs30);
}
#wrapInner #wpDownload p {
	margin-bottom: 15px;
	text-align: center;
	color: #fff;
	font-size: var(--fs20);
}
#wrapInner #wpDownload p:last-of-type {
	font-size: var(--fs30);
	font-weight: bold;
}
#wrapInner #wpDownload div {
	width: 350px;
	margin: 0 auto 50px;
}
#wrapInner #wpDownload div img {
	width: 100%;
	height: auto;
}
#wrapInner #wpDownload ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 950px;
	margin: 0 auto 50px;
}
#wrapInner #wpDownload ul li {
}
#wrapInner #wpDownload ul li a {
	display: block;
	width: 300px;
	padding: 15px 0;
	text-align: center;
	border-radius: 33px;
	background: #a49049;
	border: solid 2px #a49049;
	color: #fff;
	font-size: var(--fs25);
	font-weight: bold;
	text-decoration: none !important;
	transition: all .2s;
}
#wrapInner #wpDownload ul li a:hover {
	background: #fff;
	color: #a49049;
}



#wrapInner p.imginfo {
	margin: 15px 0 0;
	text-align: left;
	color: #aa0000;
	font-size: var(--fs14) !important;
	font-weight: normal;
}



/*終了対応*/
.shuryo {
    margin:20px auto 0;
    background: #d5d6d8;
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px;
    font-size: 24px;
    color: #ff0000;
    font-weight: bold;
}
.yoyakuBtn_shuryo {
    display: block;
    width: 475px;
    margin: 0.5rem auto 0;
    padding: 0.8rem 0;
    color: #999999 !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid #999999;
    background: #d5d6d8;
    font-size: 1rem;
    text-decoration: none !important;
    box-sizing: border-box;
}

.in{
	width:950px;
	margin:20px auto;
	padding:30px 0px
}