* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/*
*	ヘッダー　ロゴ
*/

header #header-logo-container .header-right-logo {
    display: none;
}

.header-logo-table .header-logo-tablecell2 {
    display: none;
}


header #header-logo-container {
    width: 100%;
    height: 105px;
    margin: 0;
    overflow: hidden;
}

header #header-logo-container .wak-logo {
    display: inline-block;
    width: 161px;
    height: 49px;
    float: left;
    margin: 10px 0 0 10px;
    font-size: 1px;
    text-indent: -9999px;
    background: url(../images/pc/common/wakwak-logo-white.gif) no-repeat;
}

header #header-logo-container h1 a {
    border: 0;
}

#header-logo-container #sp-header-option {
    float: right;
    margin: 8px 0 4px 0;
}

#header-logo-container #sp-login {
    float: left;
    margin-right: 5px;
}

#header-logo-container #sp-login a,
#header-logo-container #sp-search a,
#header-logo-container #sp-menu a {
    width: 50px;
    height: 50px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 1.4);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}

#header-logo-container #sp-login a {
    background-image: url(../images/sp/common/ico_sp_gnav_login.png);
}

#header-logo-container #sp-search {
    float: left;
    margin-right: 5px;
}

#header-logo-container #sp-search a {
    background-image: url(../images/sp/common/ico_sp_gnav_search.png);
}

#header-logo-container #sp-menu {
    float: left;
    margin-right: 10px;
}

#header-logo-container #sp-menu a {
    background-image: url(../images/sp/common/ico_sp_gnav_menu.png);
}

#header-logo-container #sp-header-notice {
    clear: both;
    border: #ea333d dashed 1px;
    font-size: 10px;
    color: #ea333d;
    padding: 0.2em;
    background: #fdf6f6;
    margin: 0 10px;
}

/*
*	グローバルナビ　ユーザー種別
*/

header nav {
    width: 100%;
}

header #global-nav {
    width: 100%;
    display: none;
}

#global-nav-container,
#contents-nav-container {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#global-nav-container li {
    width: 50%;
    height: 45px;
    float: left;
    box-sizing: border-box;
    list-style: none;
    background-color: #0068b7;

    border-top: 0;
    border-right: solid 2px #fff;
    border-bottom: 0;
    border-left: 0;

    text-align: center;
    font-size: 1em;
    letter-spacing: 0.25em;
    color: #fff;
}

#global-nav-container li + li {
    border: 0;
}

#global-nav-container li a {
    display: block;
    width: 100%;
    height: 45px;
    padding: 12px 0 0 0;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
}

#global-nav-container li a.global-nav-active {
    background-color: #173a79;
}

#global-nav-personal-arrow {
    width: 0;
    height: 0;
    margin: 0 auto 0 22%;
    border: 10px solid transparent;
    border-top: 10px solid #173a79;
}

#global-nav-corporate-arrow {
    width: 0;
    height: 0;
    margin: 0 auto 0 72%;
    border: 10px solid transparent;
    border-top: 10px solid #0068b7;
}

#global-nav-container ul::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/*
*	検索ボックス
*/

#header-search-container {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 1em;
    letter-spacing: 0.1em;
    color: #000;
    background-color: #ccc;
}

#header-search-container .search-box {
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px 0;
    border: solid 1px #173a79;
    font-size: 0.9em;
}

#header-search-container .search-submit {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    background-color: #0068b7;
    color: #fff;
    font-size: 1em;
}

/*
*	ヘッダーメニュー
*/

header #contents-nav {
    width: 100%;
    background-color: #c1def3;
    border-bottom: solid 1px #ccc;
    display: none;
}

#contents-nav-container ul li {
    width: 100%;
    float: left;
    box-sizing: border-box;
    list-style: none;
    border-top: solid 1px #173a79;
    border-bottom: solid 1px #173a79;
    text-align: center;
    font-size: 1em;
    letter-spacing: 0.25em;
    color: #000
}

#contents-nav-container ul li + li {
    border-top: 0;
    border-bottom: solid 1px #173a79;
}

#contents-nav-container ul li a {
    display: block;
    padding: 15px 0;
    box-sizing: border-box;
    text-decoration: none;
    letter-spacing: 0;
    color: #000;
}



.tmp_spring #contents-nav-container ul li a span {
    background: url(../images/pc/common/contents-nav_icon_spring.png) left center no-repeat;
    background-size: auto 45%;
    padding: 15px 0 15px 25px;
}
.tmp_summer #contents-nav-container ul li a span {
    background: url(../images/pc/common/contents-nav_icon_summer.png) left center no-repeat;
    background-size: auto 45%;
    padding: 15px 0 15px 25px;
}
.tmp_autumn #contents-nav-container ul li a span {
    background: url(../images/pc/common/contents-nav_icon_autumn.png) left center no-repeat;
    background-size: auto 45%;
    padding: 15px 0 15px 25px;
}
.tmp_winter #contents-nav-container ul li a span {
    background: url(../images/pc/common/contents-nav_icon_winter.png) left center no-repeat;
    background-size: auto 45%;
    padding: 15px 0 15px 25px;
}


#contents-nav-container ul li a.contents-nav-active {
    box-sizing: border-box;
    border-bottom: 0;
    border-left: solid 10px #173a79;
}

/*
*	カルーセルバナー
*/

#slider-container {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}

#slider-container img {
    width: 100%;
}

/*
*	セクション背景色
*/

.section-blue {
    background-color: #4c95cc;
}

.section-lightblue {
    background-color: #8abee6;
}

.section-green {
    background-color: #dcf1ae;
}

.section-white {
    background-color: #fff;
}

.section-darkblue {
    background-color: #0e3273;
}

/*
*	セクション　タイトル文字色
*/

.title-white {
    color: #fff;
    border-bottom: solid 1px #fff;
}

.title-green {
    color: #097c25;
    border-bottom: solid 1px #097c25;
}

.title-darkblue {
    color: #100964;
    border-bottom: solid 1px #100964;
}

/*
*	セクション基本
*/

section .section-container {
    margin: 0 auto;
    padding: 2px 0;
    overflow: hidden;
}

/*
section #h1group{
	margin: 10px 15px;
}
*/

section h1 {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

section .section-title-container {
    text-align: center;
    height: 55px;
}

section h1.char-01 {
    background: url(../images/pc/common/title-char-1.png) no-repeat;
    background-size: 26.5% auto;
    padding: 30px 0 0 70px;
    height: 70px;
    margin: 0 5px;
}

section h1.char-02 {
    background: url(../images/pc/common/title-char-2.png) no-repeat;
    background-size: 30.2% auto;
    padding: 30px 0 0 70px;
    height: 70px;
    margin: 0 5px;
}

section h1.char-03 {
    background: url(../images/pc/common/title-char-3.png) no-repeat;
    background-size: 25% auto;
    padding: 30px 0 0 70px;
    height: 70px;
    margin: 0 5px;
}

section h1.char-04 {
    background: url(../images/pc/common/title-char-4.png) no-repeat;
    background-size: 19% auto;
    padding: 30px 0 0 70px;
    height: 70px;
    margin: 0 5px;
}

/*375px以下用（iPhone6）の記述*/

@media screen and (max-width: 375px) {
    section h1.char-04 {
        font-size: 82%;
        background-size: 22.4% auto;
    }
}

/*320px以下用（iPhone5）の記述*/

@media screen and (max-width: 320px) {
    section h1.char-04 {
        padding-left: 63px;
        background-size: 22.6% auto;
    }
}

/*
*	検討中 （個人のみ）
*/

ul#gateway-exam {
    width: 100%;
    overflow: hidden;
    margin: 20px auto 0 auto;
    padding: 7px 7px 0 3%;
    text-align: center;
}

ul#gateway-exam li {
    width: 46%;
    list-style: none;
    float: left;
    margin: 0 3% 15px 0;
    display: inline-block;
}

.section-blue ul#gateway-exam li:nth-child(3),
.section-blue ul#gateway-exam li:nth-child(4) {
    margin-bottom: 0px;
}

ul#gateway-exam li a img {
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.7);
    max-width: 100%;
    height: auto;
}

ul#gateway-exam li a img:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
}

/*
ul#gateway-exam li a{
	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 5px;
}
ul#gateway-exam li a:hover{
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 1);
}
#gateway-exam .exam-summary{
	margin: 10px 0 0 0;
	text-align: left;
	font-size: 0.7em;
	color: #434343;
}
*/

/*
*	　はじめての方
*/

ul#gateway-potential {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0 0;
    padding: 7px 7px 10px 3%;
}

ul#gateway-potential li {
    width: 94%;
    list-style: none;
    float: left;
    margin: 0 3% 15px 0;
}

ul#gateway-potential li:nth-child(2) {
    margin-bottom: 0px;
}

ul#gateway-potential h2 {
    margin: 20px 0 5px 0;
    font-size: 1.3em;
    font-weight: bold;
}

ul#gateway-potential li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #8fc31f;
    border: solid 1px #8fc31f;
    padding-bottom: 10px;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    color: #fff;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);

    padding-right: 15px;
    padding-left: 15px;
}

/*
*	光コラボ対応サービス
*/

ul#gateway-collabo {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 10px 0;
    padding: 7px 7px 10px 3%;
}

ul#gateway-collabo li {
    width: 94%;
    list-style: none;
    float: left;
    margin: 0 3% 15px 0;
}

ul#gateway-collabo h2 {
    margin: 20px 0 5px 0;
    font-size: 1.3em;
    font-weight: bold;
}

ul#gateway-collabo li a {
    display: block;
    width: 100%;
    height: 160px;
    box-sizing: border-box;
    padding: 10px 30px;
    background-color: #f39800;
    border: solid 1px #f39800;

    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    color: #fff;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
}

/*
*	会員向け （個人のみ）
*/

ul#gateway-member {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 10px 0;
    padding: 7px 7px 10px 3%;
}

ul#gateway-member li {
    width: 94%;
    list-style: none;
    float: left;
    margin: 0 3% 10px 0;
}

ul#gateway-member h2 {
    margin: 20px 0 5px 0;
    font-size: 1.3em;
    font-weight: bold;
}

ul#gateway-member li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: solid 1px #fff;
    padding-bottom: 10px;
    text-decoration: none;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    color: #3377af;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);

    padding-right: 15px;
    padding-left: 15px;
}

/*
*	お知らせ
*/

#info-faq {
    overflow: visible;
    margin: 20px 0 10px 0;
}

#info-faq li {
    list-style: none;
    float: left;
    margin-left: 0;
    width: 100%;
    overflow: auto;
    padding: 0 0 0 0;
    box-sizing: border-box;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

#info-faq li + li {
    border-top: 0;
    border-bottom: solid 1px #ccc;
}

#info-faq h2 {
    display: inline;
    float: left;
    margin: 4px 0 0 0;
    padding: 2px 0 0 15px;
    font-size: 1.1em;
    font-weight: bold;
}

#info-faq dl {
    word-break: break-word;
}

.info-faq-title {
    overflow: hidden;
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #ccc;
}

.info-faq-title .list {
    float: right;
    margin: 0 0 0 0;
    padding: 7px 15px 5px 15px;
    text-decoration: none;
    color: #fff;
}

.info-faq-title .color-info {
    background-color: #100964;
    margin: 0 15px 0 0;
}

.info-faq-title .title-color-info {
    color: #100964;
}

.info-faq-title .color-maintenance {
    background-color: #e60012;
    margin: 0 15px 0 0;
}

.info-faq-title .title-color-maintenance {
    color: #e60012;
}

.info-faq-title .color-faq {
    background-color: #037d21;
    margin: 0 15px 0 0;
}

.info-faq-title .title-color-faq {
    color: #037d21;
}

.info-faq-title .top5 {
    float: left;
    font-size: 1.75em;
    line-height: 1em;
    margin: 2px 0 0 5px;
    font-weight: bold;
    color: #037d21;
}

#info-faq dt {
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    font-size: 0.875em;
    letter-spacing: 0.2em;
    font-weight: bold;
    border-top: 0;
}

#info-faq dd {
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    font-size: 0.875em;
    letter-spacing: 0.2em;
    line-height: 160%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#info-faq dd a {
    color: #4c95cc;
}

/*
*	税表示
*/

.section-salestax {
    background-color: #f9d3c8;
    border-top: dashed 1px #ff0036;
    border-bottom: dashed 1px #ff0036;
    text-align: center;
    /*font-size: 0.875em;	change*/
    color: #ff0036;
    letter-spacing: 0.1em;
    padding: 0 15px;
    font-size: 75%;
    margin-top: 20px;
}

.section-salestax2 {
    background-color: #fff8f8;
    border-top: dashed 1px #de0000;
    border-bottom: dashed 1px #de0000;
    text-align: center;
    /*font-size: 0.875em;	change*/
    color: #de0000;
    letter-spacing: 0.1em;
    padding: 0 15px;
    font-size: 75%;
    margin-top: 2px;
}

/*
*	フッターお申込み
*/

.section-entry {
    background-color: rgba(76, 149, 0204, 0.8);
    overflow: hidden;
    height: 60px;
}

div.entry-container {
    position: relative;
}

ul#gateway-entry {
    width: 65%;
    display: inline-block;
    overflow: hidden;
    margin: 5px auto 0 auto;
    padding: 7px 0 10px 3%;
}

ul#gateway-entry li {
    width: 43%;
    list-style: none;
    float: left;
    margin: 0 3% 10px 0;
}

ul#gateway-entry h2 {
    margin: 0;
    font-size: 65%;
}

ul#gateway-entry h2 span {
    font-size: 10px;
    margin-right: 2px;
}

ul#gateway-entry li a#entry-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
    background-color: rgba(255, 251, 203, 0.8);
    border: solid 1px #fff;

    text-decoration: none;
    text-align: center;
    font-size: 1.375em;
    font-weight: bold;
    color: #e05c00;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
}

ul#gateway-entry li a#faq-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
    background-color: rgba(161, 195, 31, 0.8);
    border: solid 1px #8fc31f;

    text-decoration: none;
    text-align: center;
    font-size: 1.375em;
    font-weight: bold;
    color: #fff;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
}

/* UPボタン単体　*/

.section-upbtn {
    /*background-color: rgba(255, 255, 255, 0.8);*/
    height: 120px;
    overflow: hidden;
    /*min-width: 1280px;	change*/
    width: 120px;
    /* position: fixed;
	right: 40px;
	bottom: 40px; */
}

div.upbtn-container {
    /*height: 160px;
	position: relative;
	height: 120px;
	position: relative;	change*/
}

/*
*	ホームボタン
*/

a#top-button {
    display: block;
    position: absolute;
    /*top: 35px;	change*/
    right: 0;
    width: 58px;
    height: 58px;
    box-sizing: border-box;
    /*padding: 0 0 0 0;	change*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #092c6b;
    box-shadow: 0 0 8px #fff;
    text-align: center;
    text-decoration: none;
    margin: 10px 10px 0 0;
}

a#top-button:hover {
    background-color: #0a62a5;
}

div.up-arrow {
    display: block;
    width: 37px;
    /*height: 40px;	change*/
    margin: 10px auto 10px auto;
    padding: 30px 0 0 0;
    background: url(../images/pc/common/up-arrow.png) no-repeat;
    background-size: 35px;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
}

/*
*	フッター
*/

footer {
    margin-top: 10px;
}

#footer-menu {
    overflow: hidden;
    /*margin: -10px 0 -10px 0;	*/
}

#footer-menu li {
    list-style: none;
    float: left;
    margin-left: 0;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    box-shadow: -1px -1px 1px 1px rgb(14, 87, 115);
}

#footer-menu h2 {
    cursor: pointer;
    display: block;
    font-size: 13.6px;
    font-weight: bold;
    margin: 0;
    padding: 10px 10px 10px 20px;
    background-color: #4c95cc;
    color: #fff;
}

#footer-menu h2:after {
    content: attr(data-mark);
    float: right;
    margin-right: 10px;
    color: white;
    text-shadow: 2px 3px 3px #5a5e61;
}

#footer-menu dl {
    border: solid 1px;
    overflow: hidden;
    display: none;
}

#footer-menu dt {
    display: block;
    width: 100%;
    float: left;
    border-top: 0;
}

#footer-menu dt + dt {
    border-top: solid 1px #fff;
    ;
}

#footer-menu dt a {
    display: block;
    box-sizing: border-box;
    padding: 10px 10px 10px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 0.875em;
}

div#footer-logos {
    text-align: center;
    margin: 80px auto 0 auto;
}

div#footer-logos img {
    margin: 0 10px;
    border: none;
}

footer #footer-bottom .wak-logo {
    display: inline-block;
    width: 161px;
    height: 49px;
    float: left;
    margin: 10px 0 0 10px;
    font-size: 1px;
    text-indent: -9999px;
    background: url(../images/pc/common/wakwak-logo-white.gif) no-repeat;
    background-size: 85% auto;
}

footer #footer-bottom h2.nttme-logo {
    display: inline-block;
    width: 149px;
    height: 35px;
    float: right;
    margin: 15px 0 0 0;
    font-size: 1px;
    text-indent: -9999px;
    background: url(../images/pc/common/nttme-logo-white.gif) no-repeat;
    background-size: 85% auto;
}

footer #notification-num{
	display: block;
	margin: 0;
	text-align: center;
	color: #707070;
}
footer #footer-copyright {
    display: block;
    margin: 20px 0 0 0;
    text-align: center;
    color: #707070;
}

/****************************************
*
*　サブページ以下
*
************************/

ul.reg-list,
.simple_ul {
    list-style-type: disc;
    padding: 0 0 0 30px;
    margin: 0 15px 0 5px;
    word-break: break-word;
}

ul.reg-list li,
.simple_ul li {
    margin: 10px 0 10px 0;
}

ol.reg-list {
    list-style-type: decimal;
    padding: 0 0 0 30px;
}

ol.reg-list li {
    /*margin: 10px 0 10px 0;*/
    margin-top: 10px;
    margin-bottom: 0;
}

ul.reg-list-none {
    list-style-type: none;
    /*padding: 0 0 0 30px;*/
}

ul.reg-list-none li {
    margin: 10px 0 10px 0;
}

ol.reg-list-none {
    list-style-type: none;
    padding: 0 0 0 30px;
}

ol.reg-list-none li {
    margin: 10px 0 10px 0;
}

ul.reg-list-circle {
    list-style-type: circle;
    padding: 0 0 0 30px;
}

ul.reg-list-circle li {
    margin: 10px 0 10px 0;
}

.deital-btn {
    display: block;
    box-sizing: border-box;
    width: 150px;
    margin: 10px auto;
    padding: 5px 0;
    border: solid 1px #173a79;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #173a79;
}

.deital-btn:hover {
    border: solid 1px #173a79;
    color: #ffffff;
    background-color: #c5e6ff;
}

.sub-title-general {
    display: block;
    box-sizing: border-box;
    padding: 15px 0 15px 0;
    background-color: #ffffff;
    text-align: left;
    font-size: 1.25em;
    margin-bottom: 15px;
}

.title-mark {
    display: inline-block;
    width: 15px;
    height: 10px;
    margin: 0 10px 0 0;
    padding: 0;
    background-color: #173a79;
}

.border-box-container {
    border: solid 1px #cccccc;
    box-sizing: border-box;
    padding: 20px;
    margin: 10px 15px;
    overflow: hidden;
    background-color: #fff;
}

/* 点線枠 */

.border-box-container-dashed {
    border: dashed 1px #cccccc;
    box-sizing: border-box;
    padding: 20px;
    margin: 10px 15px;
}

.point-box{
	background:url(../../images/wak/course_plus/point.gif) no-repeat;
	background-size:100% 100%;
	padding:35px 20px 20px;
	margin: 0 0 10px 0;
}

/****************************************
*
* 第一階層 ワンカラム
*
************************/

.reg-title h1,
.reg-title-general {
    display: block;
    box-sizing: border-box;
    padding: 10px 10px;
    background-color: #173a79;
    text-align: center;
    font-size: 1.2em;
    color: #ffffff;
}

.title-80-black {
    color: #535353;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.title-90-black {
    color: #1b1b1b;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 15px;
    font-size: 18px;
}

.title-100-black {
    color: #000000;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 15px;
}

/*
*　ボタンサイズ
*/

ul.column-3 li {
    width: 31%;
    list-style: none;
    float: left;
    margin: 0 0 20px 0;
}

ul.column-2 li {
    list-style: none;
    float: left;
}

ul.column-1-100 li {
    width: 100%;
    list-style: none;
    float: left;
}

/*
*　ボタン色
*/

.bnner-lightblue {
    background-color: #0068b7;
    border: solid 1px #0068b7;
}

.bnner-green {
    background-color: #8fc31f;
    border: solid 1px #8fc31f;
}

.bnner-white {
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

/*
*　テキスト装飾
*/

.border-bottom-white {
    border-bottom: solid 1px #fff;
}

/*
* ボタン用li
*/

.section-container ul.link-button {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 0 0;
    padding: 7px 7px 10px 3%;
}

.section-container ul.link-button li {
    width: 94%;
    list-style: none;
    float: left;
    margin: 0 3% 15px 0;
}

/*
.section-container ul.link-button li+ li{
	margin-left: 10px;
}
*/

.section-container ul.link-button li h2 {
    margin: 20px 0 20px 0;
    font-size: 1em;
    padding-bottom: 5px;
}

.section-container ul.link-button li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 15px 15px 15px;

    text-decoration: none;
    text-align: left;
    font-size: 14.6px;
    font-weight: normal;
    color: #fff;

    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
}

.section-container ul.link-button li a:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
}

li.list-break {
    margin-left: 0px !important;
}

/*
*	オンライン会員サポート
*/

ul.oinline-support-list {
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px 15px;
    margin: 10px 0 0 0;
    border-radius: 10px;

}

ul.oinline-support-list li {
    width: auto;
    list-style: disc;
    float: left;
    margin: 10px 30px 5px 30px;
    color: #000;
}

.procedure-height {
    height: 300px;
}

.member-height {
    height: 600px;
}

/************************
*
*  ツーカラム
*
************************/

.left-column-container {
    width: 100%;
    font-size: 0.875em;
    letter-spacing: 0.1em;
    line-height: 180%;
}

.left-column-container #h1group,
.left-column-container div p.subtitle,
.left-column-container p.subtitle,
.left-column-container a.subtitle,
.left-column-container div #atfirst,
.left-column-container div.kind,
.left-column-container dl.style-table,
.section-container dl.style-table {
    margin: 10px 15px;
}

.left-column-container ul li {
    width: 100%;
}

.sp-accordion {
    width: 100%;
}

.sp-accordion dt {
    box-sizing: border-box;
    padding: 15px;
    border-right: solid 1px #ccc;
    background-color: #c1def3;
}

.sp-accordion dd {
    /*border: solid 1px #ccc;
	padding: 5px;*/
}

.sp-accordion dd a {
    /*display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;	*/
}

.left-column-container dl.style-table,
.section-container dl.style-table {
    border: solid 1px #cccccc;
    padding: 20px;
}

.left-column-container a:hover {
    color: #000;
}

.left-column-container .img_config img {
    display: block;
    margin: 10px 15px;
    max-width: 92%;
    height: auto;
}

.left-column-container div.img_config {
    text-align: center;
}

/************************
*  [追加]
*  スクロールテキスト
*
************************/

.scroll_text_privacy_box {
    overflow: auto;
    width: 100%;
    height: 400px;
    list-style: none;
    margin: 10px 0;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
    border: solid 1px #ccc;
}

/************************
*  [追加]
*  テキスト装飾
*
************************/

.emphasis_red {
    color: #F00;
    font-weight: bold;
}

.simple_red {
    color: #F00;
}

.simple_blue {
    color: #5200FF;
}

.simple_green {
    color: #008000;
}

/* 追加CSS部品　追加 */

.support-menu-container {
    width: 100%;
}

/*
*	ツリーメニュー
*/

.topic-path {
    width: 100%;
}

.topic-path-container {
    margin: 10px 15px;
    font-size: 0.8em;
    padding: 0 5px;
}

.topic-path-container a {
    line-height: 2em;
    /*margin: 0 10px;*/
    margin-right: 10px;
}

/* 関連メニュー　右 */

ul.relative-menu {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

ul.relative-menu li {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    list-style: none;
    background-color: #ffffff;
}

ul.relative-menu li + li {
    border-top: 0;
}

ul.relative-menu li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    text-decoration: none;
    color: #000000;
}

.relative-menu a.submenu-1:hover {
    color: #000000;
    background-color: #c5e6ff;
}

ul.relative-menu li a.root-submenu {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background-color: #8fc31f;
}

ul.relative-menu li a.submenu-1 {
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 0.85em;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
}

/* 追加パーツ 1 start */

.uneven-list li {
    padding: 6px 0;
}

.uneven-list li a {
    display: block;
}

.uneven-list li:nth-child(even) {
    background: #ffffff;
}

.uneven-list li:nth-child(odd) {
    background: #f1f1f2;
}

/* 追加パーツ 1 end */

/* 追加パーツ 4 赤枠 start */

.double-border-red {
    box-sizing: border-box;
    padding: 5px;
    border: solid 3px #bc1d29;
    margin: 20px 0 30px;
}

.double-border-red div:first-child {
    box-sizing: border-box;
    padding: 10px;
    border: solid 2px #bc1d29;
    color: #5e1319;
}

/* 追加パーツ 4　赤枠 end */

/* 追加パーツ5 フォームボタン start */

.cancel-button {
    width: 200px;
    display: inline-block;
    text-align: center;
    border-width: 1px;
    border: solid 1px #949494;
    text-decoration: none;
    line-height: 1.1;
    color: #FFFFFF;
    font-size: 1.2em;
    background-color: #A8A8A8;
    background-image: -webkit-linear-gradient(top, #ababab 0%, #bcbcbc 48%, #A8A8A8 49%, #A8A8A8 82%, #b6b6b6 100%);
    background-image: -moz-linear-gradient(top, #ababab 0%, #bcbcbc 48%, #A8A8A8 49%, #A8A8A8 82%, #b6b6b6 100%);
    background-image: -o-linear-gradient(top, #ababab 0%, #bcbcbc 48%, #A8A8A8 49%, #A8A8A8 82%, #b6b6b6 100%);
    background-image: linear-gradient(top, #ababab 0%, #bcbcbc 48%, #A8A8A8 49%, #A8A8A8 82%, #b6b6b6 100%);
    box-shadow: inset 0 0 1px 1px #ccc, 0 0 1px 3px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 1px #757575;
    border-radius: 1px;
    padding: 20px 0;
    margin: 5px 5px;
}

.cancel-button:hover {
    color: #FFFFFF;
    background-color: #b0b0b0;
    background-image: -webkit-linear-gradient(top, #b3b3b3 0%, #c4c4c4 48%, #b0b0b0 49%, #b0b0b0 82%, #bebebe 100%);
    background-image: -moz-linear-gradient(top, #b3b3b3 0%, #c4c4c4 48%, #b0b0b0 49%, #b0b0b0 82%, #bebebe 100%);
    background-image: -o-linear-gradient(top, #b3b3b3 0%, #c4c4c4 48%, #b0b0b0 49%, #b0b0b0 82%, #bebebe 100%);
    background-image: linear-gradient(top, #b3b3b3 0%, #c4c4c4 48%, #b0b0b0 49%, #b0b0b0 82%, #bebebe 100%);
    box-shadow: inset 0 0 1px 1px #d6d6d6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 1px #7d7d7d;
}

.cancel-button:active {
    color: #FFFFFF;
    background-color: #a0a0a0;
    background-image: -webkit-linear-gradient(top, #9b9b9b 0%, #A8A8A8 100%);
    background-image: -moz-linear-gradient(top, #9b9b9b 0%, #A8A8A8 100%);
    background-image: -o-linear-gradient(top, #9b9b9b 0%, #A8A8A8 100%);
    background-image: linear-gradient(top, #9b9b9b 0%, #A8A8A8 100%);
    padding: 20px 0;
}

.submit-button {
    width: 200px;
    display: inline-block;
    text-align: center;
    border: solid 1px #695a41;
    text-decoration: none;
    line-height: 1.1;
    color: #FFFFFF;
    font-size: 1.2em;
    background-color: #EB9705;
    background-image: -webkit-linear-gradient(top, #f09a05 0%, #e3a435 48%, #EB9705 49%, #EB9705 82%, #faa512 100%);
    background-image: -moz-linear-gradient(top, #f09a05 0%, #e3a435 48%, #EB9705 49%, #EB9705 82%, #faa512 100%);
    background-image: -o-linear-gradient(top, #f09a05 0%, #e3a435 48%, #EB9705 49%, #EB9705 82%, #faa512 100%);
    background-image: linear-gradient(top, #f09a05 0%, #e3a435 48%, #EB9705 49%, #EB9705 82%, #faa512 100%);
    box-shadow: inset 0 0 1px 1px #fbb338, 0 0 1px 3px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 1px #757575;
    border-radius: 1px;
    padding: 20px 0;
    margin: 5px 5px;
}

.submit-button:hover {
    color: #FFFFFF;
    background-color: #faa106;
    background-image: -webkit-linear-gradient(top, #faa30b 0%, #e5aa43 48%, #faa106 49%, #faa106 82%, #fbab21 100%);
    background-image: -moz-linear-gradient(top, #faa30b 0%, #e5aa43 48%, #faa106 49%, #faa106 82%, #fbab21 100%);
    background-image: -o-linear-gradient(top, #faa30b 0%, #e5aa43 48%, #faa106 49%, #faa106 82%, #fbab21 100%);
    background-image: linear-gradient(top, #faa30b 0%, #e5aa43 48%, #faa106 49%, #faa106 82%, #fbab21 100%);
    box-shadow: inset 0 0 1px 1px #fcbd51, 0 0 1px 3px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 1px #976103;
}

.submit-button:active {
    color: #FFFFFF;
    background-color: #dc8d05;
    background-image: -webkit-linear-gradient(top, #d28705 0%, #EB9705 100%);
    background-image: -moz-linear-gradient(top, #d28705 0%, #EB9705 100%);
    background-image: -o-linear-gradient(top, #d28705 0%, #EB9705 100%);
    background-image: linear-gradient(top, #d28705 0%, #EB9705 100%);
    padding: 20px 0;
}

/* 追加パーツ５　フォームボタン　end */

/* 追加パーツ７　注釈 start */

.comment {
    font-size: 0.875em;
    color: #4a4a4a;
    /*#808080;*/
}

.comment p {
    text-indent: -1em;
    padding-left: 1em;
}

.comment2 {
    font-size: 0.875em;
    color: #4a4a4a;
    /*#808080;*/
}

.comment2 p {
    text-indent: -2em;
    padding-left: 2em;
}

.comment3 {
    font-size: 0.875em;
    color: #4a4a4a;
    /*#808080;*/
}

.comment3 p {
    text-indent: -2.5em;
    padding-left: 2.5em;
}

/* 追加パーツ７　注釈 end */

/* 追加パーツ９　h3 start (個人のみ)*/

.reg-title-general-smaller {
    display: block;
    box-sizing: border-box;
    padding: 15px 0 15px 0;
    background-color: #ffffff;
    text-align: left;
    font-size: 1em;
    margin-bottom: 15px;
}

/* 追加パーツ９　h3 end */

/* 日付リスト　下線あり start　*/

.date-list-border-bottom {
    width: 100%;
}

.date-list-border-bottom dt {
    box-sizing: border-box;
    padding: 5px 0 0 0;
    width: 100%;
}

.date-list-border-bottom dd {
    border-bottom: solid 1px #cccccc;
    box-sizing: border-box;
    padding: 0 0 5px 0;
    width: 100%;
}

.date-list-border-bottom dd a {
    text-decoration: none;
}

/* 日付リスト　下線あり end　*/

/* 日付リスト　下線なし start　*/

.date-list-no-border {
    width: 100%;
}

.date-list-no-border dt {
    box-sizing: border-box;
    padding: 5px 0 0 0;
    width: 100%;
}

.date-list-no-border dd {
    box-sizing: border-box;
    padding: 0 0 5px 0;
    width: 100%;
}

.date-list-no-border dd a {
    text-decoration: none;
}

/* 日付リスト　下線なし end　*/

/* 故障メンテナンス用日付　 start　*/

.maintenance-date {
    display: block;
    text-align: right;
    margin: 10px 0;
}

/* 故障メンテナンス用日付　 end　*/

.maintenance-title {
    box-sizing: border-box;
    margin: 2em 0;
    padding: 15px 0;
    background: #f0f0f0;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
}

/* 故障メンテナンス用リスト　下線なし start　*/

.maintenance-list-no-border {
    width: 100%;
    margin: 10px 0;
}

.maintenance-list-no-border dt {
    box-sizing: border-box;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.maintenance-list-no-border dd {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 5px 0;
}

.maintenance-list-no-border dd a {
    text-decoration: none;
}

/* 日付リスト　下線なし end　*/

/*　テキストセンタリング start */

.centering-text {
    display: block;
    text-align: center;
    margin-top: 10px;
}

/*　テキストセンタリング end */

/* アイコン用 start */

/* personal top用 start */

.icon-guide {
    display: inline-block;
    margin-right: 10px;
    height: 20px;
}

.icon-guide-2 {
    display: inline-block;
    margin-right: 10px;
    height: 22px;
}

i.icon-switch {
    margin: 0 10px 0 0;
}

.icon-pcman {
    width: 1.8em !important;
    height: 1.3em !important;
    line-height: 1em !important;
    margin: 0 10px 0 0;
    text-align: left;
}

i.icon-laptop {
    font-size: 1em;
    line-height: 1em;
}

i.icon-man {
    font-size: 1.5em;
    position: absolute;
    top: -0.3em;
    left: 0.6em;
    line-height: 1em;
}

i.icon-truck-big {
    font-size: 1.3em;
    margin-right: 20px;
}

/* personal top用 end */

i.icon-faq {
    font-size: 1.5em;
    margin-right: 10px;
}

i.icon-contact {
    font-size: 1.5em;
    margin-right: 10px;
}

.icon-csinfo {
    width: 1.5em !important;
    height: 1.3em !important;
    line-height: 1.2em !important;
    margin: 0 10px 0 0;
}

i.icon-csinfo-memo {
    font-size: 1.2em;
}

i.icon-csinfo-pen {
    font-size: 1.2em;
    line-height: 1.2em;
    position: absolute;
    top: -0.5em;
    left: 0.5em;
}

i.icon-reflesh {
    font-size: 1.2em;
    margin-right: 10px;
}

i.icon-cancel {
    font-size: 1.2em;
    margin-right: 10px;
}

i.icon-internet {
    font-size: 1.2em;
    margin-right: 10px;
}

.icon-hp {
    width: 1.2em !important;
    ;
    height: 1.2em !important;
    line-height: 1.2em !important;
    padding: 0 !important;
    margin: 0 10px 0 0;
    font-size: 1em;
}

i.icon-pc {
    font-size: 1.2em;
    line-height: 1em;
}

.icon-hp-letter {
    font-size: 0.2em;
    position: absolute;
    top: 0.5em;
    left: 0.3em;
    line-height: 0.4em;
}

i.icon-mail {
    font-size: 1.2em;
    margin-right: 10px;
}

.icon-option {
    width: 1.2em;
    height: 1.2em !important;
    line-height: 1.2em !important;
    padding: 0 !important;
    margin: 0 10px 0 0;
    font-size: 1em;
}

i.icon-plus {
    font-size: 0.5em;
    position: absolute;
    top: -0.2em;
    left: 2em;
    line-height: 0.5em;
}

i.icon-tshooting {
    font-size: 1.2em;
    margin-right: 10px;
}

i.icon-truck {
    font-size: 1.2em;
    margin-right: 10px;
}

i.icon-user {
    font-size: 1.2em;
    margin-right: 10px;
}

i.icon-users {
    font-size: 1.2em;
    margin-right: 10px;
}

.icon-mcafee {
    display: inline-block;
    margin-right: 5px;
}

.icon-mailvirus {
    display: inline-block;
    margin-right: 5px;
}

.icon-mailplus {
    width: 1.5em !important;
    height: 1.3em !important;
    line-height: 1.2em !important;
    margin: 0 10px 0 0;
}

i.icon-mailplus-mail {
    font-size: 1.2em;
}

i.icon-mailplus-plus {
    font-size: 0.7em;
    line-height: 0.7em;
    position: absolute;
    top: -0.1em;
    right: -0.4em;
    ;
}

.icon-mailnameplus {
    width: 1.5em !important;
    height: 1.3em !important;
    line-height: 1.2em !important;
    margin: 0 10px 0 0;
}

i.icon-mailnameplus-mail {
    font-size: 1.2em;
}

i.icon-mailnameplus-plus {
    font-size: 0.7em;
    line-height: 0.7em;
    position: absolute;
    top: -0.1em;
    right: -0.4em;
    ;
}

.icon-mailnameplus-name {
    position: absolute;
    top: 0.6em;
    left: 0.7em;
    font-size: 0.6em;
    line-height: 0.6em;
    font-weight: bold;
}

i.icon-wakwakphone {
    font-size: 1.2em;
    margin-right: 10px;
}

.icon-wakwaktvphone {
    width: 1.5em !important;
    height: 1.3em !important;
    line-height: 1.2em !important;
    margin: 0 10px 0 0;
}

i.icon-wakwaktvphone-pc {
    font-size: 1.2em;
}

i.icon-wakwaktvphone-radio {
    font-size: 0.7em;
    line-height: 0.7em;
    position: absolute;
    top: -0.1em;
    right: -0.4em;
    ;
}

i.icon-wakwaktvphone-smile {
    font-size: 0.6em;
    line-height: 0.6em;
    position: absolute;
    top: 0.45em;
    left: 0.7em;
}

i.icon-visit {
    font-size: 1.2em;
    margin-right: 10px;
}

i.icon-signal {
    font-size: 1.2em;
    margin-right: 10px;
}

.icon-addressplus {
    width: 1.5em !important;
    height: 1.3em !important;
    line-height: 1.2em !important;
    margin: 0 10px 0 0;
}

i.icon-addressplus-refresh {
    font-size: 1.2em;
}

i.icon-addressplus-pc-left {
    font-size: 0.8em;
    line-height: 0.8em;
    position: absolute;
    top: -0.1em;
    left: -0.5em;
    ;
}

i.icon-addressplus-pc-right {
    font-size: 0.8em;
    line-height: 0.8em;
    position: absolute;
    top: 0.7em;
    right: -0.5em;
    ;
}

.icon-domain {
    margin: 0 10px 0 0;
    font-size: 0.4em;
    line-height: 1em;
    display: inline-table;
    box-sizing: border-box;
    padding: 0.2em;
    border: solid 3px;
}

/* アイコン用 end */

/*　緊急速報 start */

#emergent-announce div {
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px;
    border: dashed 1px #ac212c;
    color: #a40000;
    background-color: #fddfaf;
}

/*　緊急速報 end */

/* コンテンツ見出し */

h2.contents-title {
    font-size: 1.2em;
    box-sizing: border-box;
    margin-bottom: 5px;
    padding-left: 20px;
    border-left: solid 10px #3377af;
}

/* コンテンツ見出し */

/*  アイコン確認用　*/

.icon_check_text {
    color: #000;
    font-size: 15px;
    font-weight: normal;
    padding: 15px;
}

ul.icon_check {
    width: 95%;
    overflow: hidden;
    margin: 20px auto 10px auto;
    padding: 7px 7px 10px 7px;
}

.icon_check li {
    list-style: none;
    float: left;
    width: 90%;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    width: 48%;
}

ul.icon_check h2 {
    margin: 20px 0 20px 0;
    font-size: 20px;
}

ul.icon_check h2 img {
    margin-bottom: 10px;
}

ul.icon_check li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    color: #3377af;
    background-color: #eee;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
}

ul.icon_check li a:hover {
    color: #3377af;
    background-color: #bfbfbf;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
}

/*  アイコン確認用　*/

ul.faq-in-list {
    margin: 1em 0;
    padding-left: 20px;
    list-style-type: disc;
}

ol.faq-in-list {
    margin: 1em 0;
    padding-left: 40px;
    list-style-type: decimal;
}

.section-container div.one-column-container {
    display: block;
    min-height: 200px;
    box-sizing: border-box;
    padding: 7px 15px 15px 15px;
    left: 3%;
    text-decoration: none;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    position: relative;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
    overflow: hidden;
    width: 94%;
}

.section-container div.one-column-container h2 {
    margin: 20px 0 20px 0;
    font-size: 1em;
    padding-bottom: 5px;
}

.section-container div.one-column-container .login-button a {
    float: left;
    box-sizing: border-box;
    margin: 10px 0;
    padding: 10px 20px;
    font-weight: bold;
    color: #ffffff;
    background-color: #8fc31f;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
}

.section-container div.one-column-container .login-button a:hover {
    cursor: pointer;
    background-color: #8fc911;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0);
}

.section-container div.one-column-container .login-notes a {
    float: right;
    margin: 10px 0;
    color: #ffffff;
}

.section-container div.one-column-container .login-notes a:hover {
    text-decoration: none;
}

.form-table .radio {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 10px 20px 10px 0;
}

.form-table .textarea {
    width: 100%;
    border: solid 1px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1em;
}

/************************
*  [追加]
*  画像のセンタリング
*
************************/

.img_center {
    display: block;
    margin: 5px auto;
    max-width: 100%;
    height: auto;
}

/* login_border_on */

.login_border_on {
    overflow: hidden;
    margin: 20px 0 10px 10px;
    padding: 10px 13px 13px 13px;
    border: solid 1px #ccc;
}

.section-container .two_column_login_button a {
    display: inline-block;
    float: left;
    width: 100px;
    height: 45px;
    text-align: center;
    outline: none;
    position: relative;
    background-color: #8885cf;
    border-radius: 4px;
    color: #fff;
    line-height: 52px;
    box-shadow: 0 3px 0 #4c4992;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
}

.two_column_login_button::before,
.two_column_login_button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.two_column_login_button,
.two_column_login_button::before,
.two_column_login_button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.section-container .two_column_login_button a:hover {
    cursor: pointer;
    background-color: #A17ECC;
    box-shadow: 0px 3px 0px #64428D;
}

.section-container .two_column_login_button a:active {
    top: 3px;
    box-shadow: none;
}

.section-container .two_column_login_notes a {
    float: right;
    margin: 10px 0;
    color: #000;
    font-size: 85%;
}

.section-container .two_column_login_notes a:hover {
    text-decoration: none;
}

/* login_border_on end */

/* login_border_on */

.login_border_off {
    width: 95%;
    overflow: hidden;
    margin: 20px 0 10px 10px;
    padding: 10px 13px 13px 13px;
}

.section-container .two_column_login_button a {
    display: block;
    float: left;
    width: 100px;
    height: 45px;
    text-align: center;
    outline: none;
    position: relative;
    background-color: #8885cf;
    border-radius: 4px;
    color: #fff;
    line-height: 52px;
    box-shadow: 0 3px 0 #4c4992;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-weight: bold;
}

.two_column_login_button::before,
.two_column_login_button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.two_column_login_button,
.two_column_login_button::before,
.two_column_login_button::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.section-container .two_column_login_button a:hover {
    cursor: pointer;
    background-color: #A17ECC;
    box-shadow: 0px 3px 0px #64428D;
}

.section-container .two_column_login_button a:active {
    top: 3px;
    box-shadow: none;
}

.section-container .two_column_login_notes a {
    float: right;
    margin: 10px 0;
    color: #000;
    font-size: 85%;
}

.section-container .two_column_login_notes a:hover {
    text-decoration: none;
}

/* login_border_on end */

/* 文字の太さ */

.simple_bold {
    font-weight: bold;
}

/* ボタンを長く */

.button_long_ver {
    text-align: center;
}

.long_ver {
    width: 70%;
    margin: 15px 0;
}

/* マーカー文字の種類を指定(※) */

ul.reg-list-note {
    padding: 15px;
}

ul.reg-list-note li {
    list-style-type: none;
    text-indent: -1em;
    margin-left: 1em;
}

ul.reg-list-note li:before {
    content: "※";
}

/* マーカー文字の種類を指定(*) */

ul.reg-list-asterisk li {
    list-style-type: none;
    text-indent: -1em;
    margin-left: 1em;
}

ul.reg-list-asterisk li:before {
    content: "* ";
    display: inline-block;
    width: 1em;
    text-indent: 0;
}

/* マーカー文字の種類を指定(1)(2)… */

ul.reg-list-decimal-bracket {
    padding: 15px;
}

ul.reg-list-decimal-bracket li {
    list-style-type: none;
    text-indent: -2em;
    margin-left: 2em;
    counter-increment: cnt;
}

ul.reg-list-decimal-bracket li:before {
    content: '('counter(cnt)')';
    display: inline-block;
    width: 2em;
    text-indent: 0;
}

/* マーカー文字の種類を指定(1)(2)… ol.Ver */

ol.reg-list-decimal-bracket {
    /*padding: 15px;*/
    padding-right: 25px;
}

ol.reg-list-decimal-bracket li {
    list-style-type: none;
    text-indent: -2em;
    margin-left: 2em;
    counter-increment: cnt;
}

ol.reg-list-decimal-bracket li:before {
    content: '('counter(cnt)')';
    display: inline-block;
    width: 2em;
    text-indent: 0;
}

/* 文字の大きさ */

.title_bold {
    font-size: 110%;
    font-weight: bold;
}

/* title-80-blackの線なし */

.title-80-black-no-line {
    color: #535353;
    margin-bottom: 10px
}

/* Englishを右寄せ */

.left-column-container .english p {
    text-align: right;
}

/* ヘルプデスクTELの横並び */

.help_icn {
    float: left;
    padding-right: 15px;
}

.help_info {
    padding: 10px;
}

/* 税抜き */

.taxin {
    float: right;
    font-weight: normal;
}

/* 文字を小さく */

.note,
.small {
    font-size: x-small;
}

/* 日付リスト　枠線 start　*/

.date-list-border-box {
    width: 100%;
    border: solid 1px #cccccc;
}

.date-list-border-box::after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.date-list-border-box dt {
    box-sizing: border-box;
    padding: 10px;
    width: 20%;
    float: left;
}

.date-list-border-box dd {

    box-sizing: border-box;
    padding: 10px;
    width: 80%;
    float: left;
}

.date-list-border-box dd a {
    text-decoration: none;
}

/* 日付リスト　枠線 end　*/

/* box内カラーあり */

.border-box-container-color {
    border: solid 1px #cccccc;
    padding: 20px;
    margin: 0 0 10px 0;
    background-color: lightyellow;
}

/**
 * ローカルナビ　アコーディオン 
 */

/* 全体 */

.right-menu-container {
    width: 100%;
    margin-top: 30px;
}

/* naviタイトル */

.right-menu-container p.root-submenu {
    display: block;
    padding: 15px;
    background-color: #173a79;
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    width: 100%;
}

/*初期表示アコーディオン閉じる*/

.right-menu-container nav ul ul {
    display: none;
}

/* マウスホバー */

.right-menu li:hover {
    background-color: #c5e6ff;
}

/* 「現在のページ」のリンクにクラスをつける */

.right-menu li.right-menu-current {
    color: #000000;
    background-color: #c5e6ff;
}

/*メニューの各要素の設定*/

/*基本設定*/

.right-menu li {
    text-decoration: none;
    border-bottom: solid 1px #ccc;
    list-style: none;
    cursor: pointer;
    color: #061838;
    background-color: #fff;
    display: block;
    -webkit-box-sizing: border-box;
    /* 枠からはみださない：Webkit系用 */
    -moz-box-sizing: border-box;
    /* 枠からはみださない：Firefox用 */
    box-sizing: border-box;
    /* 枠からはみださない：標準 */
}

.right-menu li a {
    text-decoration: none;
    color: #061838;
    display: block;
    mergin: 0px;
    -webkit-box-sizing: border-box;
    /* 枠からはみださない：Webkit系用 */
    -moz-box-sizing: border-box;
    /* 枠からはみださない：Firefox用 */
    box-sizing: border-box;
    /* 枠からはみださない：標準 */
}

.right-menu li.right-menu-current a {
    color: #000000;
    background-color: #c5e6ff;
}

/*インデント設定*/

.right-menu .shift-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 10px;
    mergin: 0px;
}

.right-menu .shift-2 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
    mergin: 0px;
}

.right-menu .shift-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 10px;
    mergin: 0px;
}

/*メニュー段階毎の色等の装飾設定*/

.right-menu .menu-lv1 {
    text-decoration: none;
    display: block;
    color: #fff;
    background-color: #0068b7;
    font-weight: bold;
    font-size: 13.6px;
    width: 100%;
}

.right-menu .menu-lv1 a {
    /*lv1の時だけ文字の色が違うので設定*/
    color: #fff;
}

.right-menu .menu-lv2 {
    text-decoration: none;
    display: block;
    color: #061838;
    background-color: #79b8e7;
    font-weight: bold;
    font-size: 13.6px;
    width: 100%;
}

.right-menu .menu-lv3 {
    text-decoration: none;
    display: block;
    color: #061838;
    background-color: #ffffff;
    font-size: 13.6px;
    width: 100%;
}

/* 横線 */

nav ul.right-menu {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

/* 重なった線削除 */

.right-menu li ul li:last-child {
    border: none;
}

/* SPサイズの時プラスアイコンがズレる時 */

.navi_indent::before {
    content: "\A";
    white-space: pre;
}

/* join/index step1~の調整 */

.clearfix {
    list-style-type: none;
    margin: 15px 0;
}

.clearfix li {
    margin: 15px 0;
}

/* TOPにリンク追加 */

.section-container p.parsonal_top_text_1,
.section-container p.parsonal_top_text_2 {
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    width: 96%;
    margin: 15px 0;
}

.section-container p.parsonal_top_text_1 a {
    text-decoration: none;
    color: #fff;
}

.section-container p.parsonal_top_text_2 a {
    text-decoration: none;
    color: #097c25;
}

/* アコーディオン開閉の+- */

.right-menu-container nav li i.fa-plus-circle,
footer #footer-menu i.fa-plus-circle {
    margin: 5px;
}

.right-menu-container nav li i.fa-minus-circle,
footer #footer-menu i.fa-minus-circle {
    margin: 5px;
}

/* フッターTOP */

a#top-button-2 {
    /* display: block; */
    display: none;
    position: absolute;
    /* top: 10px; */
    left: 75%;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #092c6b;
    box-shadow: 0 0 8px #fff;
    text-align: center;
    text-decoration: none;
}

a#top-button-2:hover {
    background-color: #0a62a5;
}

div.up-arrow-2 {
    display: block;
    /*width: 37px;
	height: 40px;
	margin: 10px auto 10px auto;
	padding: 30px 0 0 0;
	background: url(../images/pc/common/up-arrow.png) no-repeat;
	background-size: 35px;	*/
    font-size: 10px;
    line-height: 4px;
    color: #fff;
    font-weight: bold;
}

.section-entry div #top-button-2 i {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
}

/* ページ内アコーディオン */

.left-column-container a.toggle-more,
.one_page_layout a.toggle-more {
    display: block;
    box-sizing: border-box;
    /*margin: 10px 0;
	padding: 5px 0;	*/
    text-align: right;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

.left-column-container a.toggle-more:hover,
.one_page_layout a.toggle-more:hover {
    cursor: pointer;
    font-weight: bold;
    color: #666;
}

div #plan1,
div #plan2,
div #plan3,
div #plan4,
div #plan5,
div #plan6,
div #plan7,
div #plan8,
dd#docomo1,
dd#docomo2,
dd#docomo3,
dd#docomo4,
dd#docomo5,
dd#for_collabo1,
dd#for_collabo2,
dd#for_collabo3,
dd#for_collabo4,
dd#for_collabo5,
dd#osm1,
dd#osm2,
dd#osm3,
dd#osm4,
dd#adsl_isdn1,
dd#adsl_isdn2,
dd#adsl_isdn3,
dd#adsl_isdn4,
dd#adsl_isdn5,
dd#adsl_isdn6,
dd#adsl_isdn7,
dd#dial_mobile1,
dd#dial_mobile2,
dd#dial_mobile3,
dd#dial_mobile4,
dd#forbiz1,
dd#forbiz2,
dd#forbiz3,
dd#forbiz4,
dd#forbiz5 {
    display: none;
}

.left-column-container a.toggle-more:after,
.one_page_layout a.toggle-more:after {
    content: "\f055";
    font-family: FontAwesome;
}

.left-column-container a.active:after,
.one_page_layout a.active:after {
    content: "\f056";
    font-family: FontAwesome;
}

.left-column-container a.toggle-more p,
.one_page_layout dt a.toggle-more p {
    text-align: left;
}

/* ページ内アコーディオン枠つき */

dl.style-table dt dl dd a.toggle-more {
    display: block;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
}

dl.style-table dt dl dd a.toggle-more:hover {
    cursor: pointer;
    font-weight: bold;
    background-color: #666;
    color: #fff;
}

dl.style-table dt dl dd div#more_text01,
dl.style-table dt dl dd div#more_text02 {
    display: none;
}

dl.style-table dt dl dd a.toggle-more:after {
    content: "\f055";
    font-family: FontAwesome;
}

dl.style-table dt dl dd a.toggle-more:before {
    content: "もっと見る";
    margin: 5px;
}

dl.style-table dt dl dd a.active:after {
    content: "\f056";
    font-family: FontAwesome;
}

dl.style-table dt dl dd a.active:before {
    content: "閉じる";
    margin: 5px;
}

/* support/faq のインデント追加 */

.faq_answer {
    margin-left: 10px;
}

/* 関連ページ */

p.ralative-menu {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background-color: darkgreen;
    padding: 15px;
    text-align: left;
    margin-top: 15px;
}

ul.ralative-menu-right {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

ul.ralative-menu-right li {
    text-decoration: none;
    display: block;
    color: #061838;
    font-size: 13.6px;
    width: 100%;
    padding: 10px 10px 10px 15px;
    border-bottom: solid 1px #ccc;
}

ul.ralative-menu-right li a {
    text-decoration: none;
    color: #061838;
    display: block;
    box-sizing: border-box;
}

ul.ralative-menu-right li:hover {
    background-color: rgb(166, 227, 157);
}

/* ヘッダーIP画像 */

.header-right-logo li {
    float: right;
    list-style: none;
}

header div h2.IP_img {
    background: none;
}

header div h2.IP_img_else {
    background: none;
}

/* スマホサイズの時のみマージン追加 */

.sp_margin {
    margin: 10px 15px;
    width: auto;
}

/* newタイトル */

/* a */

.heading_1_title {
    width: 100%;
    background-color: #173a79;
    color: #fff;
    font-size: 1.5em;
    padding: 10px 15px;
    margin-bottom: 15px;
}

/* b */

.heading_2_title {
    border-left: 10px solid #173a79;
    border-bottom: 2px solid #cdcdcd;
    color: #535353;
    font-size: 1.3em;
    padding: 5px 15px;
    margin: 25px 0 15px;
}

/* c */

.heading_3_title {
    position: relative;
    color: #535353;
    font-size: 1.2em;
    margin-top: 25px;
    margin-bottom: 15px;
    padding-left: 1.8em;
}

.heading_3_title::before {
    content: "■";
    color: #173a79;
    font-size: 1.5em;
    vertical-align: bottom;
    position: absolute;
    left: 0px;
    top: 0px;
}

/* d */

.heading_4_title {
    font-size: 1.2em;
    margin: 15px 0;
}

/* d2 */

.heading_4_title_sub {
    font-size: 14px;
    margin: 15px 0 5px;
}

/* e */

.jp_yen_title {
    font-weight: bold;
    font-size: 1.17em;
    margin-top: 15px;
    margin-left: 12px;
    display: flex;
}

span .fa-gray {
    color: #777;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

span .fa-white {
    color: #fff;
    font-size: 1.17em;
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    text-align: center;
}

.jp_yen_title div {
    float: left;
}

.jp_yen_title + p {
    margin-left: 45px;
}

/* f */

.boxin_title_1 {
    border-bottom: 2px solid #cdcdcd;
    color: #535353;
    font-weight: bold;
    font-size: 1.17em;
    margin-bottom: 15px;
}

/* g */

.boxin_title_2 {
    color: #535353;
    font-weight: bold;
    font-size: 1.17em;
    margin: 15px 0;
}

/* h */

.boxin_title_3 {
    position: relative;
    color: #535353;
    font-weight: bold;
    padding-left: 1.8em;
    margin: 15px 0;
}

.boxin_title_3::before {
    content: "■";
    color: #173a79;
    font-size: 1.5em;
    vertical-align: bottom;
    position: absolute;
    left: 0;
    top: 0;
}

/* i */

.boxin_title_4 {
    font-weight: bold;
    margin: 15px 0 5px;
}

/* k */

.catch_copy {
    border-bottom: 2px solid #cdcdcd;
    color: #535353;
    font-weight: bold;
    margin: 15px 0;
    font-size: 1.2em;
}

/* m */

.boxin_title_noline {
    color: #535353;
    font-weight: bold;
    font-size: 1.17em;
    margin-bottom: 5px;
}

/* new h */

.global_navi {
    border-left: 10px solid #173a79;
    color: #535353;
    font-weight: bold;
    padding: 0 15px;
    margin: 15px 0;
    font-size: 1.2em;
}

/* a2 */

.heading_1_title_sub {
    width: 100%;
    background-color: #173a79;
    color: #fff;
    font-size: 1.3em;
    padding: 10px 15px;
    margin: 15px 0;
}

/* z */

.each_category_diamond {
    font-size: 1.5em;
    margin-bottom: 10px;
    padding: 0;
}

.each_category_diamond::before {
    content: "◆";
    color: #173a79;
    padding-right: 10px;
}

/* 画像の回りにmargin と 画像縮小 */

.illustration img {
    margin: 5px 0;
    max-width: 100%;
    height: auto;
}

/* prl/course/fletstv.html 青枠 */

#sky {
    background-color: #e8f2ff;
    border: 1px solid #b2cef3;
    padding: 17px;
    margin-bottom: 30px;
}

/* 追加パーツ 4 赤枠のタイトル部分に余白追加 */

.double-border-red div p {
    margin-bottom: 5px;
}

/* 追加パーツ 4 赤枠の！ */

.double-border-red div img {
    vertical-align: middle;
    margin-right: 5px;
}

/* <p class="simple_bold">の時だけ上にマージン追加(マージンがいらないときはspanを使う) */

p.simple_bold {
    margin-top: 10px;
}

/* 1カラムのページのみ(関連ページ・ナビもなし) */

.one_page_layout {
    letter-spacing: 0.1em;
    line-height: 180%;
    font-size: 0.875em;
}

/* prl/course/hikaridenwa point3の下の注釈 */

.contents .ex {
    padding-left: 1em;
    text-indent: -1em;
}

dl.ex dt {
    float: left;
}

dl.ex dd {
    padding-left: 2em;
    margin-bottom: 0.5em;
}

/* アイコンとテキストの横並び */

div.icon_side {
    margin-top: 20px;
}

div.icon_side p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

* html .icon_side p {
    display: inline;
    zoom: 1;
}

*:first-child + html .icon_side p {
    display: inline;
    zoom: 1;
}

div.icon_side p + p {
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
    font-size: 20px;
}

/* brだと空きすぎてしまうとき */

.text_margin {
    margin: 10px;
}

.text_margin_top {
    margin: 10px 0;
}

/* ntt_w,ntt_e ボックスのなかのulのマージン */

.example {
    margin-left: 18px;
}

/* 下矢印(くの字) */

.arrow_down {
    text-align: center;
}

.arrow_down i {
    font-size: 25px;
    color: #535353;
}

/* step1~ */

.flow_step_1 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 1;
}

.flow_step_1::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_2 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 2;
}

.flow_step_2::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_3 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 3;
}

.flow_step_3::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_4 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 4;
}

.flow_step_4::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_5 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 5;
}

.flow_step_5::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_6 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 6;
}

.flow_step_6::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_7 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 7;
}

.flow_step_7::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_8 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 8;
}

.flow_step_8::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_9 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 9;
}

.flow_step_9::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

.flow_step_10 {
    position: relative;
    padding: 0 0 .5em 2em;
    counter-increment: section 10;
}

.flow_step_10::before {
    position: absolute;
    top: 0;
    left: 0;
    content: counter(section);
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: darkgreen;
    border-radius: 100%;
    color: #fff;
    font-size: .9em;
    text-align: center;
}

/* 画像左寄せ */

.img_left {
    text-align: left;
}

.img_left img {
    margin: 5px 0;
    max-width: 100%;
    height: auto;
}

/* 半角英数字の折り返し */

code {
    word-break: break-word;
}

/* お問合せ */

.form-table-2 dt {
    line-height: 1.8em;
    font-weight: bold;
    background-color: #e8f2ff;
    margin: 0.5em 0;
    padding: 0.5em 1em 0.5em 1em;
}

.form-table-2 dd {
    margin: 0.5em 0;
    padding: 0.5em 1em 0.5em 1em;
    background-color: #fff;
}

.th_indispensable br {
    display: none;
}

.birth_year {
    width: 3em;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.birth_month_day {
    width: 2em;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form_complete {
    background: #E8F2FF;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.form_complete .emphasis_black,
.form_complete .emphasis_red {
    font-size: 1.5em;
}

/* 黒枠の！ */

.border-box-container dl dd img {
    vertical-align: middle;
    margin-right: 5px;
}

/* ページ内リンク アイコン */

/* サンプル(先頭にアイコン追加)
.in_page_link::before {
  	content: "\f078";
  	font-family: FontAwesome;
  	color: #000;
  	margin-right: 5px;
  	text-decoration: none;
  	display: inline-block;
}
*/

/* 外部リンク アイコン */

/* サンプル(先頭にアイコン追加)
.page_link::before {
  	content: "\f078";
  	font-family: FontAwesome;
  	color: #000;
  	margin-right: 5px;
  	text-decoration: none;
  	display: inline-block;
}
*/

/* iOSでinput要素にCSSが効かない時の対処 */

.search-submit {
    -webkit-appearance: none;
    border-radius: 0;
}

/* 文章のインデント */

.text_indent {
    margin-left: 2em;
    text-indent: -1em;
}

/* 一重赤枠 */

.red_border_box {
    border: 1px solid #f00;
    padding: 20px;
    margin: 10px 15px;
}

.single_red_box {
    border: 1px solid #f00;
    padding: 7px;
    margin: 5px 0;
}

/* 文字色　黄色 */

.simple_yellow {
    color: #fff136;
}

/* margin 0px */

.no_margin {
    margin-top: 0;
}

/* support/help 画像とテキストの横並び */

.help_info_post {
    display: flex;
}

/**
 * support_help
 */

#support_help_english span {
    font-size: 1.384em;
}

#support_help_english .english_notice {
    line-height: 1.4em;
}

#support_help_english table {
    margin-top: 1.3em;
}

#support_help_english table th {
    padding: 0.2em 0 0;
    width: 60px;
}

#support_help_english table td.call,
#support_help_english table td.hours {
    font-size: 1.384em;
    padding-bottom: 0;
}

#support_help_english table td.call span,
#support_help_english table td.hours span {
    font-size: 1.538em;
}

#support_help_english table td.call span::before,
#support_help_english table td.hours span::before {
    font-size: 1.538em;
    content: "\A";
    white-space: pre;
}

#support_help_english table td.note {
    padding: 0 0 10px;
}

#support_help_english #address {
    font-size: 1.384em;
}

#support_help_english #faq dl dt {
    background-color: #ecf0ff;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 1.153em;
    display: flex;
}

#support_help_english #faq dl dt span {
    font-size: 1.6em;
    display: inline-block;
    margin-right: 0.5em;
    color: #189bd6;
}

#support_help_english #faq dl dd .answer {
    padding: 1em 1em 0.5em;
    font-weight: bold;
    font-size: 1.153em;
    display: flex;
}

#support_help_english #faq dl dd .answer span {
    color: #cc0000;
    display: inline-block;
    margin-right: 0.5em;
    font-size: 1.6em;
}

#support_help_english #faq ol {
    margin: 0 0 0 62px;
}

#support_help_english #faq ol li:first-child {
    margin-bottom: 2.5em;
}

#support_help_english #faq ol .document {
    margin-top: 1em;
}

#support_help_english #faq ol .document img {
    vertical-align: bottom;
    margin-right: 0.5em;
}

/* helpとmovingの不必要な線をとる */

#inqueryform .form-table-support,
.form-table-support dt#no-right-line {
    border: none;
}

.form-table-support dt#no-right-line + dt {
    border-right: none;
}

/* course,helpの線追加 */

.form-table dt.must,
.form-table-support dt.must {
    border-right: solid 1px #000;
}

/* support/statusの！ */

img.exclamation_mark {
    vertical-align: middle;
    margin-right: 5px;
}

/* support/mailで使用 紫テーブル */

.purple_table {
    background-color: #e9eaff;
    padding: 10px;
    margin: 5px 0;
}

/* 法人個人で色が変わるボタン */

.button_new_color {
    width: 90%;
    display: inline-block;
    text-align: center;
    border: solid 1px #2D3745;
    text-decoration: none;
    line-height: 1.1;
    color: #FFFFFF;
    font-size: 1.5em;
    background-color: #11469B;
    background-image: -webkit-linear-gradient(top, #3a5fa2 0%, #173a79 100%);
    background-image: -moz-linear-gradient(top, #3a5fa2 0%, #173a79 100%);
    background-image: -o-linear-gradient(top, #3a5fa2 0%, #173a79 100%);
    background-image: linear-gradient(top, #3a5fa2 0%, #173a79 100%);
    box-shadow: inset 0 0 1px 1px #3060A6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
    text-shadow: 1px 1px 1px #757575;
    border-radius: 1px;
    padding: 10px;
    margin: 10px 5px;
}

.button_new_color:hover {
    background-image: -webkit-linear-gradient(top, #436ebb 0%, #1e4894 100%);
    background-image: -moz-linear-gradient(top, #436ebb 0%, #1e4894 100%);
    background-image: -o-linear-gradient(top, #436ebb 0%, #1e4894 100%);
    background-image: linear-gradient(top, #436ebb 0%, #1e4894 100%);
    box-shadow: inset 0 0 1px 1px #4069A6, 0 0 1px 3px rgba(0, 0, 0, 0.15);
}

.button_new_color:active {
    background-image: -webkit-linear-gradient(top, #10408B 0%, #11469B 100%);
    background-image: -moz-linear-gradient(top, #10408B 0%, #11469B 100%);
    background-image: -o-linear-gradient(top, #10408B 0%, #11469B 100%);
    background-image: linear-gradient(top, #10408B 0%, #11469B 100%);
}

/* Q&A */

#contents .faq {
    margin: 1em 0;
    text-align: justify;
}

#contents .faq dt {
    background: #ecf0ff;
    text-indent: -2.6em;
    padding: 5px 20px 5px 50px;
}

#contents .faq dd {
    padding: 5px 20px 5px 15px;
    margin-bottom: 15px;
}

#contents .faq dd div.faq_answer_content {
    display: flex;
}

#contents .faq dd div.faq_answer_a {
    float: left;
    margin-right: 10px;
}

#contents .faq dd div.faq_answer_text {
    float: left;
}

#contents .faq dd.last {
    margin-bottom: 0;
}

#contents .faq dd + div {
    margin-left: 50px;
    padding-right: 20px;
    text-align: justify;
}

span.question-style {
    font-size: 1.6em;
    margin-right: 0.5em;
    color: #189bd6;
    font-weight: bold;
}

span.answer-style {
    font-size: 1.6em;
    color: #cc0000;
    font-weight: bold;
}

ul.answer_ul {
    padding-left: 20px;
}

/* status/cancel_w_flets 赤字下線 */

.red_bottom_border {
    border-bottom: solid 1px #f00;
    color: #f00;
    padding-bottom: 2px;
    display: inline-block;
}

/* privacy.htmlで使用 */

.general {
    list-style: none;
}

/* planボタン */

li.plan_answer_button {
    color: #fff;
    background: #2761cc;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
    font-size: 17px;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
    display: block;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin: 20px 0;
    text-align: center;
}

li.plan_answer_button:hover {
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
}

/* adpls/apply1のテーブル */

#adpls_apply th,
#adpls_apply td {
    vertical-align: top;
}

#adpls_apply .table_in_list li {
    font-size: 12px;
}

#adpls_apply ul .table_in_list {
    padding-left: 10px;
}

#adpls_apply th:first-child {
    width: 19%;
    word-break: break-word;
}

/* テーブルがはみ出す */

#airedge_index,
#domain_whois td,
#airedge_index_2 {
    word-break: break-word;
}

#tvphone_index ul.reg-list-asterisk {
    display: flex;
}

/* service/indexのインデント */

h2.icon_indent {
    display: flex;
}

/* テーブルの幅調節 */

#airedge_index th:nth-child(2) {
    width: 80px;
}

#phone_service2 th:first-child {
    width: 33%;
}

#domain_change thead th:last-child {
    width: 1%;
}

#domain_change tbody th:first-child {
    width: 22%;
}

#airedge_index_2 th:first-child {
    width: 30%;
}

#airedge_index_2 th:last-child {
    width: 36%;
}

/* テーブルの上端揃え */

#phone_course th,
#phone_course td,
#phone_service2 th,
#phone_service2 td,
#pc_basic th,
#pc_basic td,
#pc_basic_2 th,
#pc_basic_2 td {
    vertical-align: top;
}

/* テーブル内用list */

/* 黒丸 */

ul.table_in_list {
    list-style-type: disc;
    padding-left: 20px;
}

/* 白丸 */

ul.table_in_list_circle {
    list-style-type: circle;
    padding-left: 10px;
}

/* パンくずの改行削除 */

nav .no_br br {
    display: none;
}

/*
* support/index 青ボタン
*/

.section-container ul.support_4set_2column {
    overflow: hidden;
    margin: 20px 0 0 0;
    padding: 7px 7px 10px 3%;
    width: 100%;
}

.section-container ul.support_4set_2column li h2 {
    margin: 20px 0;
    font-size: 1em;
    padding-bottom: 5px;
}

.section-container ul.support_4set_2column li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 15px 15px 15px;
    text-decoration: none;
    text-align: left;
    font-size: 14.6px;
    font-weight: normal;
    color: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 1);
}

.section-container ul.support_4set_2column li a:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
}

.section-container ul.support_4set_2column li {
    list-style: none;
    float: left;
    margin: 0 3% 15px 0;
    width: 94%;
}


















/* テーブルのクラス */

/* -------- Simple Table -------- */

table.simple_table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin-bottom: 0.5em;
}

table.simple_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 22%;
}

table.simple_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

/* course/wakwak/flets_apply/flets_contact テーブル */

table.simple_table thead tr th {
    display: block;
    margin: 0;
    width: 33%;
}

table.simple_table tbody tr th {
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    background-color: #eee;
    text-align: center;
}

table.simple_table tbody tr td {
    display: block;
    width: 100%;
    margin: 0;
}

table.simple_table tbody tr,
table.simple_table thead tr {
    display: flex;
}

#west .sp_simple_table_top {
    width: 100%;
    margin: 0;
    text-align: center;
}

/* -------- Simple Table normal -------- */

table.simple_table_normal {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
}

table.simple_table_normal th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 22%;
}

table.simple_table_normal td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.simple_table_normal caption {
    font-weight: bold;
    text-align: left;
}

/* -------- small table -------- */

table.small_table {
    border-spacing: 0;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
    font-size: 12px;
}

table.small_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin: 0.5em 0;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 45%;
}

table.small_table td {
    margin: 0.5em 0;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    width: 55%;
    text-align: center;
}

/* テーブルwidthなし */

table.simple_table_no_width {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin-bottom: 0.5em;
}

table.simple_table_no_width th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

table.simple_table_no_width td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

/** 料金テーブル **/

.price_table {
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    line-height: 1%;
    margin-bottom: 10px;
}

.price_table th {
    line-height: 1.4em;
    background-color: #e8f2ff;
    margin: 0.5em 0;
    padding: 10px 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-weight: normal;
    text-align: left;
}

.price_table .small {
    font-weight: normal;
}

.price_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em 0.3em 0.5em 0.5em;
    background-color: white;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    line-height: 1.2em;
}

.price_table td dl dt {
    font-weight: normal;
    margin-bottom: 0.5em;
}

.price_table tbody th {
    background-color: #ffffff;
    font-weight: normal;
    padding: 15px 10px;
}

.price_table tbody th.th_right {
    text-align: right;
}

.price_table .price {
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.461em;
}

/* バックグラウンドなしテーブル */

.no_bg_table {
    margin-left: 1em;
}

.no_bg_table td {
    text-align: left;
    padding: 5px;
}

/* バックグラウンド グレーテーブル */

table.gray_bg_table {
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
    border-collapse: collapse;
}

table.gray_bg_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

table.gray_bg_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.gray_bg_table tbody th {
    background-color: #eee;
}

/* 追加パーツ 4 フォーム start */

/* courseで使用css */

.form-table {
    border: solid 1px #000;
}

.form-table dl {
    display: table;
    width: 100%;
    margin-top: -1px;
    border-top: solid 1px #000;
}

.form-table dt {
    width: 30%;
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
}

.form-table dt:nth-child(2) {
    border-left: solid 1px #000;
}

.form-table dd {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
}

.form-table input.reg-input {
    box-sizing: border-box;
    width: 80%;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form-table select {
    transform: scale(1.2);
    margin: 20px 20px 20px 1em;
    /* before 20px 0 20px 1em;*/
    border: solid 1px;
}

.form-table .postal-code-3 {
    width: 3em;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form-table .postal-code-4 {
    width: 4em;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form-table .must {
    background-color: #ffc8a0;
}

.form-table .checkbox {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 10px 20px 10px 0;
}

.form-table label {
    padding: 6px 0;
}

.form-table label:hover {
    cursor: pointer;
    background-color: #f4f2da;
}

/* 追加パーツ 4 フォーム end */

/* 追加パーツ 4 フォーム start */

/* supportで使用css */

.form-table-support {
    margin: 10px 0;
    border: solid 1px #000;
}

.form-table-support dl {
    display: table;
    width: 100%;
    margin-top: -1px;
    border-top: solid 1px #000;
}

.form-table-support dt {
    width: 50%;
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
}

.form-table-support dt:nth-child(2) {
    border-left: solid 1px #000;
}

.form-table-support dd {
    display: table-cell;
    box-sizing: border-box;
    padding: 10px;
}

.form-table-support input.reg-input {
    box-sizing: border-box;
    width: 80%;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form-table-support select {
    transform: scale(1.2);
    margin: 20px 20px 20px 1em;
    /* before 20px 0 20px 1em;*/
    border: solid 1px;
}

.form-table-support .postal-code-3 {
    width: 3em;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form-table-support .postal-code-4 {
    width: 4em;
    border: solid 1px #aaaaaa;
    padding: 7px 10px;
    font-size: 1em;
}

.form-table-support .must {
    background-color: #ffc8a0;
}

.form-table-support .checkbox {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin: 10px 20px 10px 0;
}

.form-table-support label {
    padding: 6px 0;
}

.form-table-support label:hover {
    cursor: pointer;
    background-color: #f4f2da;
}

.form-table-support .radio {
    -webkit-transform: scale(1);
    transform: scale(1);
    margin: 10px 20px 10px 0;
}

.form-table-support .textarea {
    width: 100%;
    border: solid 1px;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1em;
}

/* 追加パーツ 4 フォーム end */

/**
 * Num table (dl/dt/dd)
 */

dl.num_table {
    padding-left: 10px;
}

dl.num_table dt {
    clear: left;
    float: left;
    color: #189BD6;
    font-size: 1.6em;
    font-weight: bold;
}

dl.num_table dt:nth-child(n + 2) {
    padding: 20px 0;
}

dl.num_table dt.over10 {
    position: relative;
    left: -0.5em;
}

dl.num_table dd {
    margin-left: 40px;
    margin-top: 20px;
    padding: 10px 20px;
    background: #e8eff8;
}

/* -------- Form Table -------- */

/* support/helpで使用css */

table.form_table {
    width: 100%;
}

table.form_table th {
    line-height: 1.8em;
    font-weight: bold;
    background-color: #e8f2ff;
    margin: 0.5em 0;
    padding: 0.5em 1em 0.5em 1em;
    display: block;
    text-align: left;
}

table.form_table td {
    margin: 0.5em 0;
    padding: 0.5em 1em 0.5em 1em;
    background-color: #fff;
    display: block;
}

table.form_table td span.table_form_indent {
    content: "\A";
    white-space: pre;
}

/* faqの矢印つきのテーブル */

.faq_table {
    margin: 10px 0;
    width: 100%;
    text-align: justify;
}

.faq_table td img {
    padding-right: 5px;
}

.faq_table td:nth-child(1) {
    width: 40px;
}

.faq_table td:nth-child(3),
.faq_table tr:nth-child(n+2) td:nth-child(2) {
    padding: 5px 0;
}

/**
 * Num table orange (dl/dt/dd)
 */

dl.num_table_orange {
    padding-left: 10px;
}

dl.num_table_orange dt {
    clear: left;
    float: left;
    color: #e65100;
    font-size: 1.6em;
    font-weight: bold;
}

dl.num_table_orange dt:nth-child(n + 2) {
    padding: 20px 0;
}

dl.num_table_orange dt.over10 {
    position: relative;
    left: -0.5em;
}

dl.num_table_orange dd {
    margin-left: 40px;
    margin-top: 20px;
    padding: 10px 20px;
    background: #e8eff8;
}

/* -------- Simple Table help -------- */

table.simple_table_help {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
}

table.simple_table_help th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

table.simple_table_help td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

/*----------------------policy_table-----------------*/

#contents .policy_table {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
}

#contents .policy_table th {
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    padding: 0.5em;
    background-color: #efefef;
    font-weight: normal;
}

#contents .policy_table td {
    padding: 0.5em;
}

#contents .policy_table td.b_ptn01 {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#contents .policy_table td.b_ptn02 {
    border-right: 1px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

#contents .policy_table td.b_ptn03 {
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

#contents .policy_table td.b_ptn04 {
    border-right: 2px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

/* ------------ヘルプデスク郵送先 #hd------------ */

#contents #hd {
    background-color: #ecfaff;
    padding: 20px;
    margin: 0 0 20px;
}

#contents #hd dl dt {
    font-size: 1.3076em;
    font-weight: bold;
    margin-bottom: 3px;
}

#contents #hd dl dd {
    font-size: 1.1538em;
    line-height: 1.4em;
}

/* ------------Get Adobe Reader #adobe---------- */

#contents #adobe {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 30px 10px;
    margin: 20px 0 30px;
}

#contents #adobe .inner_l p {
    margin: 0;
    padding: 0;
}

#contents #adobe .inner_l p:first-child {
    margin-bottom: 14px;
}

#contents #adobe .inner_r {
    padding-top: 7px;
    display: block;
}

#contents #adobe .inner_r .logo {
    margin-bottom: 7px;
}

/* ------------ご入会に必要な書類 #doc------------ */

#contents #doc_table {
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    margin-top: 10px;
    padding: 0;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
}

#contents #doc_table thead th {
    padding: 10px;
    font-weight: normal;
    background-color: #e8f2ff;
}

#contents #doc_table tbody th {
    padding: 10px;
    background-color: #e8f2ff;
    vertical-align: top;
    text-align: left;
}

#contents #doc_table tbody th a {
    display: block;
    margin-bottom: 10px;
}

#contents #doc_table td {
    padding: 10px;
    vertical-align: top;
}

#contents #doc_table .ptn_01 {
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

#contents #doc_table .ptn_02 {
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

#contents #doc_table .notes {
    text-indent: -1em;
    padding-left: 1em;
    display: block;
}

/* -------- Simple Table aligntop -------- */

table.simple_table_aligntop {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
    table-layout: fixed;
}

table.simple_table_aligntop th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 10px 0.5em 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 28%;
    vertical-align: top;
}

table.simple_table_aligntop td {
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    vertical-align: top;
    width: 72%;
}

/* マカフィー比較 */

.comparison_list_table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 10px 0;
    table-layout: fixed;
}

.comparison_list_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

.comparison_list_table th:first-child {
    width: 22%;
}

.comparison_list_table th:nth-child(n+3) {
    width: 12px;
    line-height: 1.25em;
}

.comparison_list_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

/* doc テーブル */

#join_table,#change_table,#other_table,.doc_table {
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin-bottom: 0.5em;
}

#join_table th,#change_table th,#other_table th,.doc_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

#join_table td,#change_table td,#other_table td,.doc_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

#join_table thead th:nth-child(2),
#change_table thead th:nth-child(2),
#other_table thead th:nth-child(2) {
    width: 82px;
}

/* -------- phone/courseの特殊テーブル -------- */

table.service_phone_table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin-bottom: 0.5em;
}

table.service_phone_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 65%;
}

table.service_phone_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.service_phone_table tbody th {
    background-color: #eee;
}

/* -------- service_table -------- */

table.service_table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
}

table.service_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 45%;
}

table.service_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

/* -------- service_table_3div -------- */

table.service_table_3div {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
}

table.service_table_3div th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

table.service_table_3div td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.service_table_3div caption {
    font-weight: bold;
    text-align: left;
}

/* -------- service_table_conf -------- */

table.service_table_conf {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
}

table.service_table_conf th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

table.service_table_conf td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.service_table_conf th:nth-child(2) {
    width: 7%;
}

table.service_table_conf th:nth-child(3) {
    width: 10%;
}

/* -------- service_table_adpls -------- */

table.service_table_adpls {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin: 5px 0 15px;
}

table.service_table_adpls th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
}

table.service_table_adpls td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.service_table_adpls th:nth-child(2) {
    width: 12%;
}

/* -------- service/pc/basicの特殊テーブル -------- */

table.service_pc_table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0;
    margin-bottom: 0.5em;
    table-layout: fixed;
}

table.service_pc_table th {
    line-height: 1.4em;
    font-weight: normal;
    background-color: #e8f2ff;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-align: left;
    width: 22%;
}

table.service_pc_table td {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
    background-color: #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

table.service_pc_table thead tr th {
    display: block;
    margin: 0;
    width: 33%;
}

table.service_pc_table tbody tr th {
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    background-color: #eee;
    text-align: center;
}

table.service_pc_table tbody tr td {
    display: block;
    width: 100%;
    margin: 0;
}

table.service_pc_table tbody tr,
table.service_pc_table thead tr {
    display: flex;
}

#basic .sp_service_pc_table_top {
    width: 100%;
    margin: 0;
    text-align: center;
}

/* service/domain/priceの黄色テーブル */

.yellow_bg_table {
    background: #FFFBCB;
    width: 100%;
}

.yellow_bg_table tr:nth-child(-n+2) {
    padding: 4px;
    font-size: 13px;
}

.yellow_bg_table tr:last-child td {
    border-top: 2px solid #b6b6b6;
    text-align: right;
}

.yellow_bg_table tr:first-child td:first-child {
    padding-bottom: 10px
}

/* ラジオボタン */

[name=status_x] {
    display: none;
}

[name=status_x] + div {
    display: none;
}

[name=status_x]:checked + div {
    display: block;
}

.second,
.third {
    display: none;
}

/* ラジオボタン用ボックス */

.radio_button_box {
    border: solid 1px #cccccc;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 5px 0;
}

.second .arrow_down,
.third .arrow_down {
    margin: 20px 0;
}

/* わく */

.border-box-container2 {
    border: solid 1px #cccccc;
    margin-top: 10px;
    padding: 0 20px 10px;
    border-radius: 5px;
    background-color: #f8f8f8;
}