@charset "utf-8";
/* -------------- from base-styles.css ---------------------------*/
/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

table { 
	border-collapse: collapse; 
	border-spacing: 0;
}

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

/* form */
input[type="text"],
input[type="password"] {
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
resize: none;
padding: 0;
border: 0;
outline: none;
background: transparent;
}
button,
input[type="button"]
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}


html{
font-size: 62.5%;
box-sizing: border-box;
}

body {
font-family:"YakuHanJP",'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
line-height:1.8;
color: #222;
min-width:100%;
width:100%;
margin: 0;
}


article,header,footer {
width:100%;
}
a { transition:opacity .2s; }
a,a:visited { color: #222; text-decoration: none; }
a.underbar { text-decoration: underline; }
a.disabled{
    pointer-events: none;
}
a:hover { opacity: .8; }
p a{
border-bottom: #222 1px dotted;
padding-bottom: 2px;
}

rt,rp {
font-size: 40%;
-webkit-transform:scale(0.8);
}
rp{padding:0;}
ruby {
ruby-overhang: auto;
ruby-align:center;
ruby-position: inline;
}

/*縦書き*/
.text-vertical{
writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
-moz-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
font-family:sans-serif!important;
}

#all {
font-size: 1.5rem; /*スマホ基本フォントサイズ*/
}

img{max-width: 100%;}

/* margin */
.mt-0{ margin-top: 0!important; }
.mt-02em{ margin-top: .2rem!important; }
.mt-05em{ margin-top: .5rem!important; }
.mt-1em{ margin-top: 1rem!important; }
.mt-2em{ margin-top: 2rem!important; }
.mt-3em{ margin-top: 3rem!important; }
.mt-4em{ margin-top: 4rem!important; }
.mt-5em{ margin-top: 5rem!important; }
.mt-6em{ margin-top: 6rem!important; }
.mt-7em{ margin-top: 7rem!important; }
.mt-8em{ margin-top: 8rem!important; }
.mr-0{ margin-right: 0!important; }
.mr-02em{ margin-right: .2rem!important; }
.mr-05em{ margin-right: .5rem!important; }
.mr-1em{ margin-right: 1rem!important; }
.mr-2em{ margin-right: 2rem!important; }
.mr-3em{ margin-right: 3rem!important; }
.mr-4em{ margin-right: 4rem!important; }
.mb-0{ margin-bottom: 0 !important; }
.mb-05em{ margin-bottom: .5rem!important; }
.mb-1em{ margin-bottom: 1rem!important; }
.mb-2em{ margin-bottom: 2rem!important; }
.mb-3em{ margin-bottom: 3rem!important; }
.mb-4em{ margin-bottom: 4rem!important; }
.mb-5em{ margin-bottom: 5rem!important; }
.mb-6em{ margin-bottom: 6rem!important; }
.ml-0{ margin-left: 0!important; }
.ml-02em{ margin-left: .2rem!important; }
.ml-05em{ margin-left: .5rem!important; }
.ml-1em{ margin-left: 1rem!important; }
.ml-2em{ margin-left: 2rem!important; }
.ml-3em{ margin-left: 3rem!important; }
.ml-4em{ margin-left: 4rem!important; }
.mg-0{margin: 0!important;}

/* padding */
.pt-0{ padding-top: 0 !important; }
.pt-05em{ padding-top: .5rem!important; }
.pt-1em{ padding-top: 1rem!important; }
.pt-2em{ padding-top: 2rem!important; }
.pt-3em{ padding-top: 3rem!important; }
.pt-4em{ padding-top: 4rem!important; }
.pt-5em{ padding-top: 5rem!important; }
.pt-6em{ padding-top: 6rem!important; }
.pr-0{ padding-right: 0 !important; }
.pr-02em{ padding-right: .2rem!important; }
.pr-05em{ padding-right: .5rem!important; }
.pr-1em{ padding-right: 1rem!important; }
.pr-2em{ padding-right: 2rem!important; }
.pr-3em{ padding-right: 3rem!important; }
.pr-4em{ padding-right: 4rem!important; }
.pb-0{ padding-bottom: 0 !important; }
.pb-05em{ padding-bottom: .5rem!important; }
.pb-1em{ padding-bottom: 1rem !important; }
.pb-2em{ padding-bottom: 2rem !important; }
.pb-3em{ padding-bottom: 3rem!important; }
.pb-4em{ padding-bottom: 4rem!important; }
.pb-5em{ padding-bottom: 5rem!important; }
.pb-6em{ padding-bottom: 6rem!important; }
.pl-0{ padding-left: 0 !important; }
.pl-02em{ padding-left: .2rem!important; }
.pl-05em{ padding-left: .5rem!important; }
.pl-1em{ padding-left: 1rem!important; }
.pl-2em{ padding-left: 2rem!important; }
.pl-3em{ padding-left: 3rem!important; }
.pl-4em{ padding-left: 4rem!important; }
.pd-0{ padding: 0!important; }

.mb-05em-sp{ margin-bottom: .5rem!important; }
.mt-1em-sp{ margin-top: 1rem!important; }
.mt-2em-sp{ margin-top: 2rem!important; }
.mb-1em-sp{ margin-bottom: 1rem!important; }
.mb-2em-sp{ margin-bottom: 2rem!important; }
.pt-1em-sp{ padding-top: 1rem!important; }


/* Container */
.wrapper{
width: 90%;
display: block;
position:relative;
margin:0 auto;
letter-spacing: -0.5em;/* i-b 隙間埋め用 */
display: block\9; /* i-b 隙間埋め用 IE 8,9対応 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
.wrapper:after{
content:"";
display: block;
clear:both;
box-sizing: border-box;
}
.w100{
max-width: 100%!important;
width: 100%!important;
}

/* flex */
.flex{ display: flex; }
.flex.justify-start {justify-content:flex-start;}
.flex.justify-end {justify-content:flex-end;}
.flex.justify-center {justify-content:center;}
.flex.justify-between {justify-content:space-between;}
.flex.justify-around {justify-content:space-around;}
.flex.align-stretch {align-items:stretch;}
.flex.align-start {align-items:flex-start;}
.flex.align-end {align-items:flex-end;}
.flex.align-center {align-items:center;}
.flex.align-baseline {align-items:baseline;}
.wrapper.flex:after{ content:none; }

.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12{
display:inline-block;
vertical-align:middle;
position: relative;
padding: 1.851%;
width:100%;
letter-spacing: normal;/* i-b 隙間埋め用 */
box-sizing: border-box;
}
.wrap-pd-0 .col1,.wrap-pd-0 .col2,.wrap-pd-0 .col3,.wrap-pd-0 .col4,.wrap-pd-0 .col5,.wrap-pd-0 .col6,.wrap-pd-0 .col7,.wrap-pd-0 .col8,.wrap-pd-0 .col9,.wrap-pd-0 .col10,.wrap-pd-0 .col11,.wrap-pd-0 .col12{
padding: 0;
}
.wrap-pd-5px .col1,.wrap-pd-5px .col2,.wrap-pd-5px .col3,.wrap-pd-5px .col4,.wrap-pd-5px .col5,.wrap-pd-5px .col6,.wrap-pd-5px .col7,.wrap-pd-5px .col8,.wrap-pd-5px .col9,.wrap-pd-5px .col10,.wrap-pd-5px .col11,.wrap-pd-5px .col12{
padding: 5px;
}
.wrap-pd-10px .col1,.wrap-pd-10px .col2,.wrap-pd-10px .col3,.wrap-pd-10px .col4,.wrap-pd-10px .col5,.wrap-pd-10px .col6,.wrap-pd-10px .col7,.wrap-pd-10px .col8,.wrap-pd-10px .col9,.wrap-pd-10px .col10,.wrap-pd-10px .col11,.wrap-pd-10px .col12{
padding: 10px;
}
.wrap-pd-0,.wrap-pd-5px,.wrap-pd-10px{
letter-spacing: -0.5em;/* i-b 隙間埋め用 */
text-align: center;
}
.col12.wrap-pd-0,
.col12.wrap-pd-5px,
.col12.wrap-pd-10px{
width:96.29%;
}

/* display */
.db{display: block!important;}
.di{display: inline!important;}
.dib{display: inline-block!important;}
.dt{display: table !important;}
.dtc{display: table-cell !important;vertical-align:middle;}

/* overflow */
.over-hidden{
overflow:hidden;
}

/* text-align */
.text-right{ text-align: right!important; }
.text-left{ text-align: left!important; }
.text-center{ text-align: center!important; }

/* v-align */
.vertical-top{ vertical-align: top!important; }
.vertical-bottom{ vertical-align: bottom; }
.vertical-middle{ vertical-align: middle; }

/* float */
.fl{ float:left; }
.fr{ float:right; }
.fi{ float:inherit; text-align: center;}

/* on off */
/*.on-sp { display:block; }*/
.on-sp { display:inline-block; }
.off-sp { display:none!important; }
.on-tb { display:none; }
.off-tb { display:none; }
.on-pc { display:none; }
.off-pc { display:inline-block; }










@media screen and (min-width:835px) {

#all {
font-size: 1.6rem; /*タブレット基本フォントサイズ*/
}

/* on off */
.on-sp { display:none!important; }
.off-sp { display:inline-block!important; }
.on-tb { display:inline-block; }
.off-tb { display:none; }
.on-pc { display:none!important; }
.off-pc { display:inline-block; }

.mb-0-tb{ margin-bottom: 0!important; }
.mb-05em-sp{ margin-bottom: 0!important; }
.mt-1em-tb{ margin-top: 1em!important; }
.mt-1em-sp{ margin-top: 0!important; }
.mt-2em-sp{ margin-top: 0!important; }
.mb-1em-sp{ margin-bottom: 0!important; }
.mb-2em-sp{ margin-bottom: 0!important; }
.mt-2em-tb{ margin-top: 2em!important; }
.mb-2em-tb{ margin-bottom: 2em!important; }
.ml-1em-tb{ margin-left: 1em!important; }
.pt-1em-sp{ padding-top: 0!important; }


/* column*/
.wrapper{width: 100%;}
.col1,.col2,.col3,.col4,.col5,.col6,
.col7,.col8,.col9,.col10,.col11,.col12 {
padding:20px;
}
.col1 { width:8.3333%; }
.col2 { width:16.6666%; }
.col3 { width:25%; }
.col4 { width:33.3333%; }
.col5 { width:41.6666%; }
.col6 { width:50%; }
.col7 { width:58.333%; }
.col8 { width:66.666%; }
.col9 { width:74.999%; }
.col10 { width:83.333%; }
.col11 { width:91.666%; }
.col12 { width:100%; }

}/*@media screen and (min-width:835px)*/


@media screen and (min-width:1080px) {
.wrapper{max-width: 1080px;}
.col12{max-width: 1080px;}


#all {
font-size: 1.7rem; /*PC基本フォントサイズ*/
}

/* on off */
.off-tb { display:inline-block; }
.on-pc { display:inline-block!important; }
.off-pc { display:none; }


}/*@media screen and (min-width:1080px)*/




@media screen and (max-width:834px) {

.col1-sp { width:8.3333%; }
.col2-sp { width:16.6666%; }
.col3-sp { width:25%; }
.col4-sp { width:33.3333%; }
.col5-sp { width:41.6666%; }
.col6-sp { width:50%; }
.col7-sp { width:58.333%; }
.col8-sp { width:66.666%; }
.col9-sp { width:74.999%; }
.col10-sp { width:83.333%; }
.col11-sp { width:91.666%; }
.col12-sp { width:100%; }

}/*@media screen and (max-width:834px)*/



/* basic design */

/* Text */
.small { font-size:80%; }
.smaller { font-size:70%; }
.big{font-size: 115%; }
.bigger{font-size: 125%; }
.big-16{font-size: 106%; }
.big-18{font-size: 160%; }
.strong{font-weight: bold; }
.normal { font-weight: normal;}
.caption{ font-size:71%; padding-top:1rem; }
.caution { font-size: 82%; margin-top: 1rem;}



#pagetop { position:fixed; bottom:20px; right:20px; cursor:pointer; opacity:0.8; }

.sup{font-size:70%;vertical-align: super;}
.sub{font-size:70%;}

ul.list-circle, ul.list-decimal,ul.list-disc{
list-style-type: circle;
list-style-position:outside;
padding-left: 1.5rem;
}
ul.list-circle li, ul.list-decimal li{margin-bottom: .5em;}
ul.list-decimal{list-style-type: decimal;padding-left: 2rem;}
ul.list-disc{list-style-type: disc;}

/* -------------- from base-styles.css ---------------------------*/

html,
body{
width:100%;
height:100%;
padding:0;
border:none;
}
body{
background-color: #fff;
overflow-x: hidden;
}
article,header {
background-color: #fff;
width:100%;
max-width:100%;
}
#all{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
footer{
width:100%;
max-width:100%;
}
.text_yellow {color: #d1d721;}
.text_green {color: #90a900;}
.marker {
background:linear-gradient(transparent 60%, #e9ec66 0%);
}
.container {
position: relative;
background: #FFF;
padding: 3rem 0;
}



hr {
height: 0;
border:0;
margin: 3rem 0;
border-top:1px solid #e6e6e6;
}
hr.thick {
border-top:4px solid #f0f0f0;
margin: 3rem 0 2rem;
}
hr.line {
border:1px solid #ffffff;
margin: 1rem 0;
}

/* HEADER */
.header .logo a {
display: inline-block;
padding: .8rem 0;
color: #000;
font-size: 1.6rem;
}
.header .logo a img,
.header .logo a strong {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
}

/* FOOTER */
.footer {
padding: 3rem 0;
background: #EEE;
}
.footer .copyright {
font-size: 1.3rem;
text-align: right;
}


/* caption */
.caption.source {
position: relative;
margin-top: 1rem;
padding: 0 0 0 3.5rem;
}
.caption.source > span {
display: inline-block;
position: absolute;
top:0;
left:0;
}



/* TITLE */
.page_title {
padding-top: 2rem;
font-size: 118%;
text-align: center;
border-top: 4px solid #dadf00;
}
.section_title {
margin-bottom: 2rem;
font-size: 124%;
text-align: left;
line-height: 1.5;
vertical-align: top;
}
.section_title strong {
position: relative;
display: block;
padding-left:1.5rem;
}
.section_title strong:after {
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
content: "";
display: block;
width: 3px;
height: 100%;
background: #ccd100;
}
.note {
margin-bottom: .5rem;
padding: .5rem 0 .5rem 32px;
font-size: 106%;
font-weight: bold;
background: url(../images/icon_note.svg) no-repeat 0 8px;
background-size: 24px;
}



/* LINK / BUTTON */
a.allow {
color: #2b80b5;
border: none;
}
a.allow:after {
content: "";
display: inline-block;
margin-left: .5rem;
vertical-align: middle;
width: 9px;
height: 9px;
border-top: 1px solid #2b80b5;
border-right: 1px solid #2b80b5;
transform: rotate(45deg) translateY(-2px);
}
.bottom_nav {
margin-bottom: 5px;
padding-bottom: 10px;
}
.bottom_nav a {
display: inline-block;
margin-right: 2rem;
font-size: 80%;
}
.bottom_nav a:last-child {
margin-right: 0;
}
.bottom_nav a:after {
position: relative;
top:-1px;
content: "";
display: inline-block;
margin-left: .5rem;
vertical-align: middle;
width: 6px;
height: 6px;
border-top: 1px solid #222;
border-right: 1px solid #222;
transform: rotate(45deg);
}
a.btn_trigger,.btn_trigger {
display: inline-block;
margin: 2rem 0;
padding: .4rem 4rem;
text-align: center;
border:1px solid #ccd100;
border-radius: 20px;
color: #222;
}
a.btn_trigger.check,.btn_trigger.check {
border-color: #b9b9b9;
color: #999;
}
a.link_checkbox {
display: inline-block;
position: relative;
padding-left: 25px;
color: #222;
}
a.link_checkbox:before {
position: absolute;
top:3px;
left:0;
content: "";
display: inline-block;
width: 19px;
height: 19px;
background: #dadf00 url(../images/icon_check.svg) no-repeat center center;
background-size: 14px;
}
a.link_checkbox.current:before {
background: #ddd;
}
a.btn_round {
display: inline-block;
margin: 1.5rem 0;
padding: .4rem 4rem;
text-align: center;
border:1px solid #ccd100;
border-radius: 20px;
color: #222;
}
a.btn_round_s {
display: inline-block;
padding: .2rem 1.5rem;
text-align: center;
font-size: 88%;
background: #f0f0f0;
border:1px solid #f0f0f0;
border-radius: 20px;
color: #222;
}
a.btn_round_s.green {
background: #dadf00;
border:1px solid #dadf00;
}
a.btn_round_s.white {
background: #FFF;
border:1px solid #dadf00;
}
a.btn_round_s.gray {
background: #DDD;
color: #b3b3b3;
border:1px solid #DDD;
}
.assist {
font-size: 88%;
}
a.color-link {
color: #2b80b5;
border: none;
}




/* COMMON */

/* input */
.input_area input[type="text"],
.input_area input[type="tel"],
.input_area input[type="password"],
.input_area input[type="email"] {
display: block;
width: 100%;
padding:1rem;
margin: 1rem 0;
background: #f7f7f7;
box-sizing: border-box;
border:none;
font-size: 16px; /* iOSでのフォーカス回避用*/
}
.input_area dl + dl {
margin-top: 1.5rem;
}
.input_area dt {
font-weight: bold;
font-size: 93.3%;
}
.input_area .wrap_pw_input {
position: relative;
}
.input_area input[type="text"].invalid,
.input_area input[type="tel"].invalid,
.input_area input[type="password"].invalid,
.input_area input[type="email"].invalid  {
background: #f2f4a6;
}
.input_area .wrap_pw_input input[type="password"].check {
background: #f2f4a6;
}
.input_area .field-icon {
position: absolute;
top:0px;
right:12px;
display: block;
width: 30px;
height: 38px;
background: url(../images/icon_pwshow.svg) no-repeat center center;
background-size: 26px;
cursor: pointer;
transition: opacity .2s;
}
.input_area .field-icon:hover {
opacity: .7;
}
.input_area .field-icon.hide {
background-image: url(../images/icon_pwhide.svg);
}
.input_area .submit_btn {
position: relative;
margin-top: 4rem;
}
.input_area input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: block;
width: 100%;
padding: 1rem;
box-sizing: border-box;
font-size: 118%;
text-align: center;
background: #dadf00;
color: #333333;
border:none;
border-radius: 6px;
box-shadow: 0 6px 0 rgba(0,0,0,0.06);
cursor: pointer;
transition: all .2s;
}
.input_area .submit_btn:after {
content: "";
position: absolute;
top:40%;
right:20px;
display: block;
width: 11px;
height: 11px;
border-top: 1px solid #939600;
border-right: 1px solid #939600;
transform: rotate(45deg);
}
.input_area input[type="submit"]:hover {
opacity: .8;
}
.input_area .submit_btn.no-check input[type="submit"] {
background: #DDD;
color: #b3b3b3;
box-shadow: none;
cursor: default;
}
.input_area .submit_btn.no-check:after {
border-top: 1px solid #bcc4c7;
border-right: 1px solid #bcc4c7;
}
.input_area .submit_btn.no-check input[type="submit"]:hover {
opacity: 1;
}
.input_area .submit_btn.no-check a {
display: block;
padding: 1rem;
border-radius: 6px;
box-shadow: 0 6px 0 rgba(0,0,0,0.06);
background: #CBCBCB;
color: #666;
font-size: 112%;
text-align: center;
border: none;
}
.input_area .submit_btn.no-check.no-arrow:after,
.input_area .submit_btn.no-arrow:after {
border:none;
}
.input_area .submit_btn.no-check.arrow-back:after{
right:auto;
left:20px;
border-top: 1px solid #888;
border-right: 1px solid #888;
transform: rotate(-135deg);
}

.input_area input[type="checkbox"] {
display: none;
}
.input_area input[type="checkbox"] + label {
display: inline-block;
position: relative;
padding-left: 25px;
cursor: pointer;
}
.input_area input[type="checkbox"] + label:before {
position: absolute;
top:3px;
left:0;
content: "";
display: inline-block;
width: 19px;
height: 19px;
background: #ddd;
}
.input_area input[type="checkbox"]:checked + label:before {
background: #dadf00 url(../images/icon_check.svg) no-repeat center center;
background-size: 14px;
}
.error {
font-size: 71%;
color: #ff0000;
}
.w130 {
max-width: 130px;
}

.input_area .wrap_select {
position: relative;
margin: 1rem 0;
width: 220px;
overflow: hidden;
background: #f7f7f7;
cursor: pointer;
}
.input_area .wrap_select:after {
position: absolute;
top:45%;
right: 20px;
content: "";
display: block;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #677980;
}
.input_area .wrap_select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 250px;
margin: 0;
border: 0;
outline: none;
padding: 1rem;
background: transparent;
font-size: 93.3%;
}
.input_area .wrap_select select.invalid {
    background: #f2f4a6;
}
.input_area .application_name{
border-left:#ccd100 4px solid;
padding-left:12px;
margin:10px 0 20px;
font-size:112%;
font-weight: bold;
}
.input_area .application_name+ul{
margin-top: 0;
}

/* radio */
.input_area input[type="radio"] {
display: none;
}
.input_area input[type="radio"] + label{
padding-left: 30px;
position:relative;
margin-right: 20px;
}
.input_area input[type="radio"] + label::before{
content: "";
display: block;
position: absolute;
top: 2px;
left: 0;
width: 17px;
height: 17px;
border: 1px solid #ABABAB;
border-radius: 50%;
cursor: pointer;
}
.input_area input[type="radio"]:checked + label{
/* color: #d01137; */
}
.input_area input[type="radio"]:checked + label::after{
content: "";
display: block;
position: absolute;
top: 6px;
left: 4px;
width: 11px;
height: 11px;
background: #DADF00;
border-radius: 50%;
}
.card_list {
display: table;
width: 100%;
margin: .8rem 0 3rem;
}
.card_list li {
display: table-row;
}
.card_list li > span {
display: table-cell;
padding: .8rem;
border-top: 1px solid #E6E6E6;
font-size: 86.6%;
vertical-align: middle;
}
.card_list li:last-child span {
border-bottom: 1px solid #E6E6E6;
}
.card_list li > span:first-child {
width: 90px;
}
.card_list li > span:last-child {
width: 16px;
text-align: right;
}
.btn_delete {
position: relative;
top:3px;
display: inline-block;
width: 16px;
height: 16px;
letter-spacing: -9999px;
background: url(../images/icon_delete.svg) no-repeat center center;
background-size: 100%;
cursor: pointer;
}

/* signup_flow */
.signup_flow {
margin-top: 4rem;
background: #f7f7f7;
}
.signup_flow ol {
display: table;
width: 100%;
table-layout: fixed;
}
.signup_flow ol li {
display: table-cell;
padding: 2rem 0 1rem;
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.4;
vertical-align: middle;
font-size: 93.3%;
}
.signup_flow ol li.current {
background: #dadf00;
}
.signup_flow ol li:after {
content: "";
position: absolute;
top:50%;
right:-2px;
display: block;
width: 11px;
height: 11px;
border-top: 1px solid #b0b500;
border-right: 1px solid #b0b500;
transform: rotate(45deg);
z-index: 20;
}
.signup_flow ol li:last-child:after {
display: none;
}
.signup_flow ol li span {
position: absolute;
top:-18px;
left:0;
right:0;
margin: auto;
width: 36px;
height: 36px;
background: rgba(200,204,0,.75);
border-radius: 50%;
padding-top: 5px;
font-size: 113%;
text-align: center;
color: #FFF;
box-sizing: border-box;
}




/* modal */
.modal_inner {
display: none;
}
.rules_detail {
padding: 1rem 1.5rem;
background: #FFF;
font-size: 1.3rem;
box-sizing: border-box;
}
.rules_detail h1 {
font-size: 160%;
}
.rules_detail dl {
margin-top: 2rem;
}
.rules_detail dt {
margin-bottom: .5rem;
counter-increment: num;
font-size: 106%;
font-weight: bold;
}
.rules_detail.auto_number dt:before {
content: counter(num) '. ';
}
.rules_detail dd + dt {
margin-top: 2rem;
}
.rules_detail dd > ul {
margin: 2rem 0 2rem 1rem;
}
.rules_detail dd > ul > li > ol {
margin-left: 1.8rem;
}
.rules_detail dd > ul > li > ol > li {
position: relative;
padding: .5rem 0 0 2.2rem;
}
.rules_detail dd > ul > li > ol > li span {
position: absolute;
left:0;
top:5px;
}

.wrap_iframe {
position: relative;
width: 100%;
height: 75%;
/* overflow:auto; */
}
.wrap_iframe iframe {
overflow: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
width:100%;
height:100%;
border:none;
display:block;
}
.wrap_iframe iframe::-webkit-scrollbar {
background:#CCC!important;
width:10px;
}
.wrap_iframe iframe::-webkit-scrollbar-thumb {
background:#999!important;
border-radius: 50px;
height: 50px;
}

.wrap_confirm {
position: relative;
padding: 3rem 1rem;
background: #FFF;
display: block;
}
.wrap_confirm a,
.wrap_confirm button {
display: inline-block;
margin: 0 1rem;
padding: .5rem 1.5rem;
min-width: 35%;
background: #cbcbcb;
border-radius: 6px;
box-shadow: 0 6px 0 rgba(0,0,0,0.06);
text-align: center;
color: #222;
font-size: 1.5rem;
vertical-align: middle;
border: none;
}
.wrap_confirm button {
padding: .7rem 1.5rem;
cursor: pointer;
transform: opacity .2s;
}
.wrap_confirm button:hover {
opacity: .8;
}
.wrap_confirm a.btn_modal_close,
.wrap_confirm button.btn_modal_close {
background:#dadf00;
}
button.btn_modal_close.icon_btn {
position: absolute;
right:10px;
top:-10px;
display: block;
height: 30px;
width:30px;
max-width: 25px;
padding: 0;
margin: 0;
background: transparent;
border-radius: 0;
box-shadow: none;
cursor: pointer;
}
.wrap_confirm button.btn_modal_close.icon_btn,
.wrap_iframe button.btn_modal_close.icon_btn {
right:0px;
top:-40px;
min-width: 30px;
}
.btn_modal_close.icon_btn:before,
.btn_modal_close.icon_btn:after {
display: block;
content: " ";
position: absolute;
top: 0;
left:15px;
width: 2px;
height: 28px;
background: #585656;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.btn_modal_close.icon_btn:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.btn_modal_close.icon_btn:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}





/* accordion */
.open_contents {
display: none;
}

/* list */
.default_list {
display: table;
width: 100%;
margin: 1.5rem 0 3rem;
}
.default_list li {
display: table-row;
}
.default_list li > span {
display: table-cell;
padding: 1rem;
border-bottom:1px solid #e6e6e6;
font-size: 84%;
}
.default_list li:first-child > span {
border-top:1px solid #e6e6e6;
}
.default_list li > span:first-child {
width: 40%;
font-weight: bold;
}


/* LOGIN */
/* fv */
.fv_title {
position: relative;
background: #f7f7f7;
min-height: 262px;
border-radius: 14px;
}
.fv_title h1 {
position: absolute;
top:50%;
left: 0;
width: 100%;
transform: translateY(-44%);
text-align: center;
z-index: 2;
}
.fv_title h1 strong {
display: block;
margin-top: 1rem;
text-align: center;
font-size: 106%;
}
.fv_title p {
position: absolute;
bottom:0;
right:33px;
width: 183px;
z-index: 1;
}



/* SERVICE */
.header .header_nav {
text-align: right;
}
.header .header_nav a {
margin-left: 5px;
}

/* page nav */
.page_nav {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 18px 0;
border-top:2px solid #f0f0f0;
border-bottom:2px solid #f0f0f0;
}
.page_nav li {
padding: 3px 0;
width: 49%;
}
.page_nav li a {
display: block;
padding: .6rem 0;
text-align: center;
color: #222;
font-size: 88%;
letter-spacing: -0.05em;
border:1px solid #dadf00;
border-radius: 20px;
}
.page_nav li a.current {
background: #dadf00;
cursor: default;
}
.page_nav li a.current:hover {
opacity: 1;
}

.set_menu dl {
padding: 1.5rem;
background: #f6f6f6;
border-radius: 10px;
}
.set_menu dl.top {
border-radius: 10px 10px 0px 0px;
}
.set_menu dl.bottom {
border-radius: 0px 0px 10px 10px;
}
.set_menu dl + dl {
margin-top: 10px;
}
.set_menu dt {
display: table;
width: 100%;
}
.set_menu dt > strong,
.set_menu dt > span {
display: table-cell;
box-sizing: border-box;
}
.set_menu dt > strong {
font-weight: bold;
line-height: 1.5;
}
.set_menu dt > span {
padding-left: 1rem;
text-align: right;
font-size: 76%;
white-space: nowrap;
}
.set_menu dd {
padding-top: 2rem;
}
.set_menu dd a {
margin-right: 5px;
}























































@media screen and (max-width:834px) {
	article a.btn_round_s {
		display: block;
		padding: .6rem 0;
		text-align: center;
		font-size: 88%;
		letter-spacing: -0.05em;
		background: #f0f0f0;
		border:1px solid #f0f0f0;
		border-radius: 20px;
		color: #222;
		box-shadow: 0 6px 0 rgba(0,0,0,0.06);
	}
}/*@media screen and (max-width:834px)*/

@media screen and (min-width:835px) {

.container {
/*padding: 5rem 0; */
}
hr {
margin: 4rem 0;
}
hr.thick {
margin: 4rem 0 3rem;
}

/* HEADER */
.header h1 a {
font-size: 1.8rem;
}
/* FOOTER */
.footer {
padding: 1.5rem 0;
}


/* TITLE */
.page_title {
padding-top: 3rem;
font-size: 141%;
}
.section_title {
padding-right: 8.3%;
font-size: 171%;
text-align: right;
}
.section_title strong {
display: inline-block;
padding-bottom: 35px;
text-align: right
}
.section_title strong:after {
top:auto;
transform: translateY(0);
left:auto;
bottom:0;
right:2px;
width: 90px;
height: 3px;
}

/* LINK / BTN */
.bottom_nav a {
font-size: 76%;
}
a.link_checkbox:before {
top:5px;
}


/* COMMON */
.wrap_pr_2col {
box-sizing: border-box;
padding-right: 16.6%;
}
.input_area dl + dl {
margin-top: 2.5rem;
}
.input_area input[type="checkbox"] + label:before {
top:5px;
}
.input_area .submit_btn.no-check a {
padding: .8rem;
}

/* input */
.input_area input[type="submit"],
.input_area .submit_btn.no-check a {
padding: 1.5rem;
}

/* modal */
.wrap_confirm {
padding: 5rem;
display: inline-block;
}
.wrap_confirm a,
.wrap_confirm button {
min-width: 140px;
}
.wrap_confirm button.btn_modal_close.icon_btn {
min-width: 30px;
}


/* signup_flow */
.signup_flow {
margin-top: 5rem;
}
.signup_flow ol {
width: 80%;
margin: 0 auto;
}
.signup_flow ol li {
padding: 3rem 0 2.5rem;
font-size: 100%;
}
.signup_flow ol li:after {
top:45%;
width: 13px;
height: 13px;
}


/* modal */
.rules_detail {
padding: 2.2rem 3rem;
font-size: 1.5rem;
}


/* ROG IN */
/* fv */
.fv_title {
min-height: 342px;
}
.fv_title h1 img {
width: 220px;
}
.fv_title h1 strong {
font-size: 153%;
}
.fv_title p {
right:292px;
width: 226px;
}



/* SERVICE */
.page_nav {
padding-left: 1.2%;
justify-content: flex-start;
border-top-width: 4px;
border-bottom-width: 4px;
}
.page_nav li {
width: 25%;
padding-right: 7px;
box-sizing: border-box;
}
.page_nav li a {
font-size: 65%;
}
.set_menu dl {
padding: 2.5rem;
}
.set_menu dt > strong {
font-size: 112%;
}
.set_menu dt > span {
font-size: 82%;
}












}/* min-width:835px */





























@media screen and (min-width:1080px) {


/* signup_flow */
.signup_flow ol {
width: 66.6%;
}


/* SERVICE */
.page_nav li a {
font-size: 82%;
}






}/* min-width:1080px */



.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.color-red {
    color: #ff0000;
}
.box_contact {
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    border:1px solid #e4e8eb;
}

/* -------------- from base-styles.css ---------------------------*/
.display-none {
	display: none;
}

.break-word {
	word-wrap: break-word;
}

.overflow-break-word {
	overflow-wrap: break-word;
}

.cursor-pointer{
	cursor: pointer;
}
.cursor-default{
	cursor: default;
}
/* -------------- from base-styles.css ---------------------------*/