@charset "UTF-8";
/* ===================================================
	Services / 489ban / Terms of service CSS
====================================================== */

/* ---------------------------------------------------
	Global Header Overwrite
------------------------------------------------------ */
#g_header { position: absolute;}

/* ---------------------------------------------------
	Contents Overwrite
------------------------------------------------------ */
#contents { padding: 200px 0 0 !important;}

@media screen and (max-width: 600px) {
#contents { padding: 200px 0 0 !important;}
}

/* ---------------------------------------------------
Section Function Rules
------------------------------------------------------ */
.sec_function_rules { background-color: #f9f8f6; font-size: 16px;}
.sec_function_rules div { padding: 35px 0; border-top: 1px solid #e2d7c8; line-height: 1.8;}
.sec_function_rules div.inner { padding: 50px 0; border-top: none;}
.sec_function_rules .terms_list > p { padding: 0 0 30px;}
.sec_function_rules h2 { padding: 0 0 15px; font-size: 20px; color: #ff7c00; font-weight: bold;}
.sec_function_rules .terms_list div ul { padding: 20px 0;}
.sec_function_rules .terms_list div ol { padding-left: 10px;}
.sec_function_rules .terms_list div ol > li { padding-left: 1.5em; list-style: none; counter-increment: number; position: relative;}
.sec_function_rules .terms_list div ol > li:not(:first-of-type) { padding-top: 10px;}
.sec_function_rules .terms_list div ul > li { padding-left: 1.5em; counter-increment: number_sub; position: relative;}
.sec_function_rules .terms_list div ol > li:before { content: counter(number) "."; position: absolute; top: 10px; left: 0;}
.sec_function_rules .terms_list div ol > li:first-of-type:before { top: 0;}
.sec_function_rules .terms_list div ul > li:before { content: "(" counter(number_sub) ")"; position: absolute; top: 0; left: 0;}
.sec_function_rules .terms_list div dl { padding: 10px 0 0; counter-increment: list;}
.sec_function_rules .terms_list div dt { padding: 0 0 0 1.5em; font-weight: bold; position: relative;}
.sec_function_rules .terms_list div dt::before { content: counter(list) "."; position: absolute; top: 0; left: 0;}
.sec_function_rules .terms_list div dd { padding-left: 1.5em;}
.sec_function_rules .terms_list > ul { border-top: 1px solid #e2d7c8;}
.sec_function_rules .terms_list > ul li { padding: 20px 0 0;}
.sec_function_rules .list_02 { display: table; width: 100%; margin: 80px 0 40px; border: 1px solid #e5e4e2;}
.sec_function_rules .list_02 dt,
.sec_function_rules .list_02 dd { display: table-cell; vertical-align: middle;}
.sec_function_rules .list_02 dt { width: 300px; text-align: center; font-size: 18px; font-weight: bold; background-color: #f2f2f2;}
.sec_function_rules .list_02 dd dl { display: table; width: 100%; border-bottom: 1px solid #e5e4e2; background-color: #fff;}
.sec_function_rules .list_02 dd dl dt,
.sec_function_rules .list_02 dd dl dd { display: table-cell; padding: 10px 25px;}
.sec_function_rules .list_02 dd dl dt { width: 320px; border-right: 1px solid #e5e4e2; background-color: #f8f8f8; text-align: left; font-size: 16px;}
.sec_function_rules .list_02 dd dl:nth-last-of-type(1) { border-bottom: none;}
.sec_function_rules .detail { border: none; padding: 0; line-height: inherit;}
.sec_function_rules .detail h4 { padding: 0 0 5px; font-size: 18px; font-weight: bold;}
.sec_function_rules .detail div { display: flex; align-items: stretch; border: 1px solid #e5e4e2; padding: 0; line-height: inherit;}
.sec_function_rules .detail div dt { font-weight: bold;}
.sec_function_rules .detail div > dl { display: table; width: 50%; min-height: 296px; padding: 0; box-sizing: border-box;}
.sec_function_rules .detail div > dl:nth-of-type(1) { border-right: 1px solid #e5e4e2;}
.sec_function_rules .detail div > dl > dt,
.sec_function_rules .detail div > dl > dd { display: table-cell; padding: 20px; box-sizing: border-box;}
.sec_function_rules .detail div > dl > dt { width: 250px; border-right: 1px solid #e5e4e2; background-color: #f2f2f2; vertical-align: middle; }
.sec_function_rules .detail div > dl > dd { background-color: #fff;}
.sec_function_rules .detail div > dl > dd dl { padding: 0;}
.sec_function_rules .detail div > dl > dd ul { padding: 0 0 20px;}
.sec_function_rules .detail div > dl > dd ul li { padding-left: 1em; text-indent: -1em;}
.sec_function_rules .detail div > dl > dd ul li::before { content: "・";}
.sec_function_rules .detail >ul { padding: 10px 0 100px;}
.sec_function_rules .detail >ul li { padding-left: 1em; text-indent: -1em; font-family: "游ゴシック";}
.sec_function_rules .detail >ul li::before { content: "※";}

@media screen and (max-width: 600px) {
.sec_function_rules div { padding: 20px 0;}
.sec_function_rules .terms_list div dt { padding: 0 0 0 1.2em;}
.sec_function_rules .terms_list div dd { padding-left: 1.2em;}
.sec_function_rules .terms_list div ol { padding-left: 0;}
.sec_function_rules .terms_list div ol > li { padding-left: 1.2em;}
.sec_function_rules .list_02,
.sec_function_rules .list_02 dt,
.sec_function_rules .list_02 dd { display: block;}
.sec_function_rules .list_02 dt { width: 100%; padding: 20px 0;}
.sec_function_rules .list_02 dd dl,
.sec_function_rules .list_02 > dd dl dt,
.sec_function_rules .list_02 > dd dl dd { display: block;}
.sec_function_rules .list_02 dd dl dt,
.sec_function_rules .list_02 dd dl dd { width: 100%; padding: 10px; box-sizing: border-box; font-weight: normal;}
.sec_function_rules .list_02 dd dl dt { border-right: none;}
.sec_function_rules .detail div { display: block; }
.sec_function_rules .detail div > dl,
.sec_function_rules .detail div > dl > dt,
.sec_function_rules .detail div > dl > dd { display: block;}
.sec_function_rules .detail div > dl { min-height: auto; width: 100%;}
.sec_function_rules .detail div > dl:nth-of-type(1) { border-right: none;}
.sec_function_rules .detail div > dl > dt { border-right: none; width: auto; padding: 10px 20px;}
.sec_function_rules .detail div > dl > dd { padding-bottom: 0;}
}