@charset "utf-8";

/*  Inpage Common
-----------------------------------------------------------------------------*/
.btitle {
    font-size: 20px;
    font-weight: normal;
    padding: 15px;
    border-top: solid 2px #ff4075;
    border-bottom: solid 1px #e5e5e5;
}

/*  Info
-----------------------------------------------------------------------------*/
/*  info --------------------------------*/
#info .box {
    padding: 30px 0 0;
    width: 730px;
    overflow: hidden;
}

#info .box ul {
    width: 780px;
}

#info .box ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#info .box li {
    float: left;
}

#info .col3 {
    padding-bottom: 30px;
    border-bottom: solid 1px #e5e5e5;
}

#info .col3 li {
    padding-right: 35px;
}

#info .col3 li img {
    width: 220px;
    height: auto;
}

#info .col2 li {
    padding: 0 50px 30px 0;
}

#info .col2 li img {
    width: 340px;
    height: auto;
}

#info .sp {
    display: none;
}

#info .wrap {
    margin: 0 0 40px;
    padding: 15px;
    background: #FFF9FB;
}

#info .wrap ul {
    box-sizing: border-box;
    padding: 10px;
    border: solid 1px #fde4ec;
    width: 100%;
    background: #fff;
}

#info .wrap ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#info .wrap li {
    float: left;
}

#info .wrap li a {
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    display: block;
    position: relative;
}

#info .wrap li a:before {
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #BEBEBE;
    top: 8px;
    left: 10px;
    content: "\f0da";
    position: absolute;
}

#info .telbox {
    padding-bottom: 30px;
}

#info .telbox span {
    color: #666;
}

#info .contact_press {
    margin: 0 0 30px;
    padding: 15px;
    background: #f5f5f5;
}

#info .contact_press dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px 10px;
}

#info .contact_press dd {
    box-sizing: border-box;
    padding: 10px 20px 10px 340px;
    border: solid 1px #ccc;
    width: 100%;
    background: #fff;
    position: relative;
}

#info .contact_press .freetel {
    font-size: 30px;
    top: 8px;
    left: 20px;
    position: absolute;
}

#info .contact_press .freetel span {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    vertical-align: top;
    margin: 9px 5px 0 0;
    padding: 2px 5px;
    display: inline-block;
    background: #ff4075;
}

#info .contact_press .time {
    color: #ff4075;
}

/*  Soundness --------------------------------*/
#info_soundness .c_wrapper {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(89%, #f3f3f3), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 89%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#info_soundness .intro_box {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    padding: 25px 0 40px;
}

#info_soundness .intro_box p {
    font-size: 18px;
    color: #00ccff;
    line-height: 26px;
    text-align: left;
    margin: 0 auto;
    padding: 35px 0 53px;
    width: 400px;
}

#info_soundness .dl_box {
    border-radius: 12px;
    margin: 0 142px;
    padding: 20px 20px 20px 25px;
    background: #00ccff;
    position: relative;
}

#info_soundness .dl_box p {
    color: #fff;
    padding: 0 100px 0 0;
}

#info_soundness .dl_box a {
    border-radius: 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
    margin: 10px 120px 0;
    padding: 5px 10px 5px 35px;
    display: block;
    background: #fff;
    position: relative;
}

#info_soundness .dl_box a:before {
    width: 17px;
    height: 17px;
    top: 8px;
    left: 30px;
    background: url(../../images/icon_arrow.png) no-repeat;
    background-size: 100%;
    content: "";
    position: absolute;
}

#info_soundness .dl_box a:hover {
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#info_soundness .dl_box img.pic {
    top: -10px;
    right: 20px;
    position: absolute;
}

#info_soundness .box_point {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin: 0 auto;
    width: 670px;
}

#info_soundness .box_point dt {
    font-size: 20px;
    color: #00ccff;
    line-height: 28px;
    padding: 75px 0 0;
}

#info_soundness .box_point ul {
    padding: 0 0 0 20px;
}

#info_soundness .box_point li {
    font-size: 20px;
    line-height: 27px;
    text-indent: -10px;
    padding: 10px 0 10px 10px;
}

#info_soundness .sign_box {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    padding: 70px 0 0;
}

#info_soundness .last_box {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    text-align: center;
    padding: 70px 0 100px;
}

#info_soundness .last_box p {
    font-size: 16px;
    color: #00ccff;
    line-height: 26px;
    text-align: left;
    margin: 0 auto;
    padding: 45px 0 0;
    width: 454px;
}

/*  Webpolicy
-----------------------------------------------------------------------------*/
#webpolicy .box01 {
    padding: 0 30px 50px;
}

#webpolicy .box01 dt {
    font-weight: bold;
    margin: 0 0 40px;
}

#webpolicy .box01 dd {
    padding: 0 0 20px;
}

#webpolicy .box01 dd h3 {
    font-size: 16px;
    padding: 10px 0 0;
}

#webpolicy .box01 dd h4 {
    font-weight: normal;
    padding: 10px 5px;
}

#webpolicy .box01 dd ul {
    padding: 0 30px;
}

#webpolicy .box01 dd li {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

#webpolicy .box01 dd ul ul {
    padding: 10px 0;
}

/*  Guide
-----------------------------------------------------------------------------*/
/* ７つの約束 */
.seven_box {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    margin: 30px 20px 40px;
    padding: 40px 50px 50px;
    border: solid 3px #FDEDF3;
    background: url(../../images/guide/bg01.gif) no-repeat 26px 24px;
    position: relative;
}

.seven_box h4 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 24px;
    font-weight: normal;
    color: #FF648F;
    line-height: 34px;
    text-align: center;
    margin: 0 0 30px;
}

.seven_box li {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 16px;
    color: #707070;
    padding: 10px 0;
}

/*.seven_box li span {
    font-family: "Trajan Pro", "Trajan", "Cardo", serif;
    font-size: 26px;
    font-style: italic;
    color: #FF648F;
    margin: 0 15px 0 0;
}*/

/*  Privacy --------------------------------*/
#guide_pm h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    padding: 0 0 45px;
}

#guide_pm .box01:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#guide_pm .box01 .pic {
    padding: 0 25px 0 0;
    float: left;
}

#guide_pm .box01 .box {
    overflow: hidden;
}

#guide_pm .box01 .box p {
    padding: 0 0 14px;
}

#guide_pm .box01 .box ul {
    padding: 10px 0 0;
}

#guide_pm .box01 .box li {
    padding: 5px 0 5px 12px;
    position: relative;
}

#guide_pm .box01 .box li:before {
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #BEBEBE;
    top: 6px;
    left: 0;
    content: "\f0da";
    position: absolute;
}

#guide_pm .box01_sub {
    margin: 30px 0 50px;
    padding: 25px;
    background: #FAFAFA;
}

#guide_pm .box01_sub dt {
    font-weight: bold;
    padding: 0 0 10px;
}

#guide_pm .box01_sub dd {
    font-size: 12px;
}

#guide_pm .box02 {
    padding: 20px 10px 40px;
}

#guide_pm .box02 p {
    padding: 0 0 14px;
}

#guide_pm .box03 {
    padding: 50px 30px;
    border-top: solid 1px #e5e5e5;
}

#guide_pm .box03 .box03_sub01 {
    padding: 40px 0 0 430px;
}

#guide_pm .box03 dl {
    padding: 40px 0 0;
}

#guide_pm .box03 dt {
    padding: 0 0 40px;
}

#guide_pm .box03 dd {
    padding: 0 0 20px;
}

#guide_pm .box03 dd ul {
    padding: 0 30px;
}

#guide_pm .box03 dd li {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

#guide_pm .box03 dd ul ul {
    padding: 10px 0;
}

#guide_pm .box04 dt {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 5px;
    background: #f2f2f2;
}

#guide_pm .box04 dd {
    padding: 15px 10px;
}

#guide_pm .box04 dd > p {
    padding-bottom: 10px;
}

#guide_pm .box04 dd .links {
    margin-top: 10px;
    padding: 5px 0 5px 12px;
    position: relative;
}

#guide_pm .box04 dd .links:before {
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #BEBEBE;
    top: 7px;
    left: 0;
    content: "\f0da";
    position: absolute;
}

#guide_pm .box04 dd dl {
    padding: 0 10px;
}

#guide_pm .box04 dd dt {
    padding: 0 0 5px 0;
    border: none;
    background: none;
}

#guide_pm .box04 dd dd {
    padding: 0 10px 20px;
}

#guide_pm .box04 dd dd p {
    padding: 0 0 10px 20px;
}

#guide_pm .box04 dd dd p span {
    margin-left: -15px;
    padding-bottom: 2px;
    display: block;
}

#guide_pm .box05 {
    padding: 50px 30px;
    border-top: solid 1px #e5e5e5;
}

#guide_pm .box05 > dl {
    padding-top: 40px;
}

#guide_pm .box05 dl dt {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

#guide_pm .box05 dl dl dt {
    text-indent: 0;
    padding: 0 0 10px;
}

#guide_pm .box05 dl dd {
    padding: 0 0 15px 10px;
}

#guide_pm .box05 dd .in_text {
    padding-left: 10px;
}

#guide_pm .box05 dd .in_text dd {
    padding: 0 0 10px 10px;
}

#guide_pm .box05 dd .in_text ul {
    padding: 0;
}

#guide_pm .box05 dd div {
    padding-bottom: 10px;
}

#guide_pm .box05 dd dd div {
    width: 550px;
    float: left;
}

#guide_pm .box05 dd dt span, #guide_pm .box05 dd dd span {
    font-size: 12px;
    text-align: center;
    margin-right: 20px;
    border-right: 1px solid #ccc;
    width: 80px;
    display: block;
    float: left;
}

#guide_pm .box05 dd dd {
    text-indent: 0px;
    padding: 0 0 10px 0;
}

#guide_pm .box05 dd ul {
    padding-top: 10px;
}

#guide_pm .box05 dd li {
    text-indent: -24px;
    padding: 0 0 5px 24px;
}

#guide_pm .box05 .sub01 {
    padding: 20px 0 0 360px;
}

/*  Member Policy --------------------------------*/
#guide_mp {
    padding-bottom: 50px;
}

#guide_mp .box01 {
    padding: 0 30px 50px;
}

#guide_mp .box01 ul {
    padding: 10px 30px 0;
}

#guide_mp .box01 ul ul {
    padding-top: 10px;
}

#guide_mp .box01 ul ul li {
    padding: 0 0 10px 0;
}

#guide_mp .box01 ul li {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

#guide_mp .box01 ul .noindent {
    text-indent: 0;
}

#guide_mp .box01 .stitle {
    margin-bottom: 40px;
}

#guide_mp .box01 h4 {
    font-size: 16px;
    padding: 40px 0 0 10px;
}

#guide_mp .box01 h5 {
    font-size: 14px;
    padding: 10px 0 0 10px;
}

#guide_mp .box01 .align_r {
    padding: 30px 0 0;
}

#guide_mp .privacy {
    padding-top: 40px;
}

#guide_mp .privacy dd {
    padding: 10px 30px 0;
}

#guide_mp .privacy .sub01 {
    padding: 20px 0 0 360px;
}

#guide_mp .privacy dl {
    padding-left: 10px;
}

#guide_mp .privacy dl dt {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

#guide_mp .privacy dl dl dt {
    text-indent: 0;
    padding: 0 0 10px;
}

#guide_mp .privacy dd {
    padding: 0 0 15px 10px;
}

#guide_mp .privacy dd div {
    padding-bottom: 10px;
}

#guide_mp .privacy dd dd div {
    width: 535px;
    float: left;
}

#guide_mp .privacy dd dt span, #guide_mp .privacy dd dd span {
    font-size: 12px;
    text-align: center;
    margin-right: 20px;
    border-right: 1px solid #ccc;
    width: 80px;
    display: block;
    float: left;
}

#guide_mp .privacy dd dd {
    text-indent: 0px;
    padding: 0 0 10px 0;
}

#guide_mp .privacy dd ul {
    padding-top: 10px;
}

#guide_mp .privacy dd li {
    text-indent: -24px;
    padding: 0 0 5px 24px;
}

/*  Kiyaku --------------------------------*/
/* index */
#guide_kiyaku .contents_l .box01 {
    padding: 35px 10px;
}

#guide_kiyaku .contents_l ul {
    padding: 0 30px;
}

#guide_kiyaku .contents_l li {
    text-indent: -14px;
    padding: 0 0 14px 14px;
}

#guide_kiyaku .contents_l ul ul {
    padding: 10px 0 0;
}

#guide_kiyaku .contents_l li li {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

/* index2 and index3 */
#guide_kiyaku2 .contents_l dl, #guide_kiyaku2 .contents_l .box02 {
    padding: 10px 10px 30px;
}

#guide_kiyaku2 .contents_l dt {
    font-weight: bold;
}

#guide_kiyaku2 .contents_l dd {
    padding: 10px 0;
}

#guide_kiyaku2 .contents_l .box01 {
    padding: 25px 10px;
}

#guide_kiyaku2 .contents_l ul {
    padding: 10px 16px 0;
}

#guide_kiyaku2 .contents_l li {
    text-indent: -14px;
    padding: 0 0 14px 14px;
}

/*  Member --------------------------------*/
#guide_member {
    font-size: 17px;
    line-height: 28px;
}

#guide_member .topica {
    padding: 0 0 35px;
}

#guide_member .topica dt {
    margin: 0 0 20px;
}

#guide_member .topica dd {
    padding: 5px 15px;
}

#guide_member .anchor {
    font-size: 16px;
    padding: 30px 15px 50px;
}

#guide_member .anchor li {
    padding: 0 0 5px;
}

#guide_member .anchor .txt_b {
    font-weight: normal;
}

#guide_member .anchor span.num {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 13px 0 3px;
    padding: 3px 9px 1px;
    display: inline-block;
    background: #28cdf5;
}

#guide_member .box {
    padding: 0 15px 30px;
}

#guide_member .box .title_pri {
    width: 100%;
    display: table;
    background: #F0F0F0;
}

#guide_member .box .title_pri p {
    font-size: 10px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    width: 70px;
    display: table-cell;
    background: #28cdf5;
}

#guide_member .box .title_pri p span {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 0 3px;
}

#guide_member .box .title_pri h4 {
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    padding: 0 0 0 10px;
    display: table-cell;
}

#guide_member .box img {
    margin: 30px 50px 0 30px;
    width: 150px;
    float: left;
}

#guide_member .box dl {
    margin: 30px 30px 15px;
    overflow: hidden;
}

#guide_member .box dt {
    font-weight: bold;
    color: #1dbee5;
}

#guide_member .box dd {
    padding: 5px 0 15px;
}

#guide_member .catch {
    padding: 30px 30px 0;
}

/* Urana! */
#member_uranai {
    padding: 0 0 50px;
}

#member_uranai .wrap01 {
    padding: 0 0 40px;
    overflow: hidden;
}

#member_uranai .wrap01 .box01 {
    font-size: 12px;
    line-height: 18px;
    border-right: solid 40px #fff;
    width: 260px;
    float: left;
}

#member_uranai .wrap01 .box01 {
    color: #999;
}

#member_uranai .wrap01 .box01 dl {
    padding: 15px 0 0;
}

#member_uranai .wrap01 .box01 dd {
    padding: 0 0 0 10px;
}

#member_uranai .latest {
    padding: 0 0 50px;
    overflow: hidden;
}

#member_uranai .latest h3 {
    color: #fff;
    margin: 0 0 30px;
    padding: 5px 10px;
    background: #99CCFF;
}

#member_uranai .latest .pic {
    font-size: 12px;
    text-align: center;
    width: 300px;
    float: left;
}

#member_uranai .latest .data {
    padding: 0 50px 0 0;
    overflow: hidden;
}

#member_uranai .txt_blue {
    font-weight: bold;
    color: #3399FF;
}

#member_uranai .thanks_box h3 {
    color: #fff;
    margin: 0 0 30px;
    padding: 5px 10px;
    background: #D98CB3;
}

#member_uranai .f_catch {
    font-size: 20px;
    text-align: center;
    padding: 30px 0;
}

#member_uranai .box03 {
    padding: 0 30px;
    overflow: hidden;
}

#member_uranai .box03 img {
    margin: 0 40px 0 0;
    float: left;
}

/*  Feature --------------------------------*/
#guide_feature p.txtbox01 {
    padding: 0 0 30px;
}

#guide_feature .title_pri {
    width: 100%;
    display: table;
    background: #F0F0F0;
}

#guide_feature .title_pri p {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    width: 50px;
    display: table-cell;
    background: #1dbee5;
}

#guide_feature .title_pri h4 {
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    padding: 0 0 0 10px;
    display: table-cell;
}

#guide_feature .feature_wrap, #guide_feature .seven_wrap {
    padding: 25px 10px 30px;
}

#guide_feature .feature_wrap .box {
    padding: 25px 25px 50px;
    overflow: hidden;
}

#guide_feature .feature_wrap .box img {
    margin: 0 0 0 40px;
    float: right;
}

#guide_feature .feature_wrap .privacy {
    border-left: solid 40px #fff;
    width: 100px;
    float: right;
}

#guide_feature .feature_wrap .privacy img {
    margin: 0;
    float: none;
}

#guide_feature .seven_wrap dd {
    padding: 20px 25px 30px;
}

/*  Trouble --------------------------------*/
#guide_trouble {
    padding: 0 0 50px;
}

#guide_trouble .f_catch {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

#guide_trouble .first_box {
    padding: 50px 0 40px;
    overflow: hidden;
}

#guide_trouble .first_box p {
    margin: 0 10px 0 30px;
    float: right;
}

#guide_trouble .first_box p img {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    border: solid 4px #fff;
}

#guide_trouble .first_box .box {
    font-size: 12px;
    margin: 30px 0 0;
    padding: 25px;
    background: #FAFAFA;
}

#guide_trouble .title_pri {
    width: 100%;
    display: table;
    background: #F0F0F0;
}

#guide_trouble .title_pri p {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    width: 50px;
    display: table-cell;
    background: #1dbee5;
}

#guide_trouble .title_pri h4 {
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    padding: 0 0 0 10px;
    display: table-cell;
}

#guide_trouble .box01 {
    padding: 20px 15px 50px;
}

#guide_trouble .point {
    color: #1dbee5;
}

#guide_trouble .box01 .pic, #guide_trouble .box02 .pic {
    text-align: center;
    margin: 0 0 0 30px;
    float: right;
}

#guide_trouble .box02 .pic p {
    font-size: 10px;
    color: #959595;
    line-height: 14px;
    text-align: left;
    width: 150px;
}

#guide_trouble p.att {
    font-size: 12px;
    margin: 10px 0 20px;
    padding: 25px;
    background: #FAFAFA;
}

#guide_trouble .box02 {
    padding: 20px 15px 50px;
}

#guide_trouble .box02 ul {
    padding: 25px 0 25px 15px;
}

#guide_trouble .box03 {
    padding: 20px 15px 50px;
}

#guide_trouble .box03 .sp {
    display: none;
}

#guide_trouble .box03 .pc {
    text-align: center;
    padding: 0 0 35px;
}

/*  Flow more --------------------------------*/
#guide_flow #tab_btn {
    zoom: 1;
    margin-bottom: 80px;
    overflow: hidden;
    position: relative;
}

#guide_flow #tab_btn:after {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 36px;
    color: #999999;
    top: 190px;
    left: 460px;
    display: block;
    content: "or";
    position: absolute;
}

#guide_flow #tab_btn li {
    cursor: pointer;
}

#guide_flow #tab_btn .text {
    font-size: 20px;
    color: #999999;
    text-align: center;
    padding-top: 20px;
}

#guide_flow #tab_btn li.active .text, #guide_flow #tab_btn li:hover .text {
    color: #ff79ae;
}

#guide_flow #tab_btn .text p {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 42px;
    font-weight: normal;
    line-height: 56px;
    padding: 8px 0 10px;
}

#guide_flow #tab_btn .text span {
    font-size: 14px;
    display: block;
}

#guide_flow #tab_btn .active {
    color: #ff79ae;
}

#guide_flow .hide {
    display: none;
}

#guide_flow .stepflow {
    text-align: center;
    padding: 0 0 60px;
}

#guide_flow .stepflow li {
    vertical-align: top;
    display: inline-block;
    position: relative;
}

#guide_flow .stepflow li:first-child {
    padding: 0 60px 0 0;
}

#guide_flow #telpage .stepflow li:first-child {
    padding: 0 100px 0 0;
}

#guide_flow .stepflow li:nth-child(n+3) {
    padding: 0 50px 0 40px;
}

#guide_flow #homepage .stepflow li:nth-child(2) {
    padding: 0 40px 0 0;
}

#guide_flow #homepage .stepflow li:nth-child(3) {
    padding: 0 25px 0 0;
}

#guide_flow #homepage .stepflow li:nth-child(4) {
    padding: 0 20px 0 30px;
}

#guide_flow #homepage .stepflow li:nth-child(n):not(:nth-child(3)):after,
#guide_flow #telpage .stepflow li:nth-child(n):not(:nth-child(2)):after {
    font: normal normal normal 40px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 20%;
    right: 0;
    display: inline-block;
    content: "\f105";
    position: absolute;
}

/*#guide_flow .stepflow p.pic {
    -webkit-border-radius: 200px;
    border-radius: 200px;
    font-family: "Trajan Pro", "Trajan", "Cardo", serif;
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    line-height: 50px;
    text-align: center;
    width: 110px;
    height: 110px;
    display: inline-block;
    background: #FF79AE;
}*/

#guide_flow .stepflow p.pic span {
    font-variant: small-caps;
}

#guide_flow .stepflow p.pic span {
    font-size: 18px;
    line-height: 24px;
}

#guide_flow .stepflow p.txtbox {
    font-size: 16px;
    font-weight: bold;
    color: #FF4075;
    padding: 10px 0 0;
    border-left: solid 10px #fff;
}

#guide_flow .title_step {
    margin: 0 0 30px;
    width: 100%;
    display: table;
    background: #F0F0F0;
}

/*#guide_flow .title_step p {
    font-family: "Trajan Pro", "Trajan", "Cardo", serif;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    padding: 0 0 5px;
    width: 120px;
    display: table-cell;
    background: #FF79AE;
}*/

#guide_flow .title_step p span {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 0 3px;
}

#guide_flow .title_step h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
    padding: 0 0 0 20px;
    display: table-cell;
}

#guide_flow .title_step h3 span {
    color: #ff4075;
}

#guide_flow .box {
    padding: 0 40px;
    min-height: 250px;
    position: relative;
}

#guide_flow .box p.pic {
    top: 0;
    right: 0;
    position: absolute;
}

#guide_flow .no02 .dummy_btn {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    margin: 15px 0;
    padding: 20px 0;
    width: 272px;
    background: url(../../images/entry_btn.gif) no-repeat left top;
}

#guide_flow .no01 p.pic, #guide_flow .no03 p.pic {
    top: -70px;
}

#guide_flow .no03 .box {
    padding: 0 40px 30px;
}

#guide_flow .point {
    color: #ff4075;
}

#guide_flow .box dt {
    font-size: 19px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 0 20px;
}

#guide_flow .box dd p {
    font-size: 17px;
    line-height: 28px;
    padding: 0 300px 14px 0;
}

#guide_flow .box dd .btn02, #guide_flow .box dd .btn02:visited {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 5px 25px 5px 25px;
    display: inline-block;
    background: #45cbff;
    position: relative;
    text-align: center;
}

#guide_flow .faq {
    margin: 0 auto;
    padding: 0 0 100px;
    width: 890px;
}

#guide_flow .faq > dt {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 12px 0 12px 24px;
    border: solid 1px #ccc;
    cursor: pointer;
    position: relative;
}

#guide_flow .faq dd dt {
    font-size: 16px;
    font-weight: normal;
    color: #ff4075;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 4px 0 4px 48px;
    background: url(../../images/question.gif) no-repeat 5px top;
}

#guide_flow .faq > dt:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f067";
    position: absolute;
}

#guide_flow .faq > dt.open:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f068";
    position: absolute;
}

#guide_flow .faq > dd {
    padding: 15px 0 22px 0;
    border: 1px solid #CCCCCC;
    border-top: none;
    display: none;
}

#guide_flow .faq dd dd {
    font-size: 17px;
    padding: 4px 0 4px 48px;
    margin: 20px 0 10px;
    line-height: 28px;
    background: url(../../images/answer.gif) no-repeat 5px top;
}

#guide_flow .faq dd p {
    padding: 0 0 15px;
}

#guide_flow .faq dd p.catch {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

#guide_flow .faq dd ol {
    list-style: none;
    margin-bottom: 10px;
}

#guide_flow .faq dd ol li {
    margin: 0;
}

#guide_flow .faq dd dl {
    padding: 0 20px;
}

#guide_flow .faq dd dl:nth-child(n):not(:first-child) {
    padding-top: 10px;
    border-top: 1px solid #eee;
}


#guide_flow .pageft {
    padding: 0 0 50px;
    border-top: solid 1px #e7e7e7;
    width: 970px;
    clear: both;
    overflow: hidden;
}

#guide_flow .pageft h3 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    font-weight: normal;
    color: #8c8c8c;
    margin: 25px 0;
    padding: 0 0 0 10px;
    border-left: solid 2px #8c8c8c;
}

#guide_flow .pageft ul {
    width: 1000px;
}

#guide_flow .pageft ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#guide_flow .pageft li {
    border-right: solid 30px #fff;
    float: left;
}

#guide_flow .pageft li img {
    width: 220px;
    height: auto;
}

/*  Flow index --------------------------------*/
#guide_flow .flowttl {
    margin-bottom: 80px;
}

#guide_flow .flowsttl {
    background: url(../../images/flow_subttl.png) no-repeat;
    max-height: 88px;
    color: #fff;
    font-size: 26px;
    padding: 24px 0 40px;
    margin: 0 auto;
    text-align: center;
}

#guide_flow .flowstep {
    margin: 30px auto;
    position: relative;
}

#guide_flow .flowstep:after {
    display: block;
    width: 269px;
    height: 518px;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../../images/flow_img.png) no-repeat;
}

#guide_flow .flowstep li dl {
    background: #f6f5f3;
    padding: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

#guide_flow .flowstep li:not(:last-child):after {
    display: block;
    content: "";
    text-align: center;
    height: 30px;
    background: url(../../images/flow_steparrow.png) top center no-repeat;
}

#guide_flow .flowstep li dl dd {
    margin-left: 20px;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

#guide_flow .flowstep li h4 {
    color: #fff;
    background: #10c5f5;
    font-size: 20px;
    font-weight: normal;
    width: 80px;
    height: 80px;
    display: table;
    border-radius: 50%;
}

#guide_flow .flowstep li h4 span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#guide_flow .flowstep li h4 small {
    display: block;
    text-align: center;
    font-size: 16px;
}

#guide_flow .flowstep li dd p {
    margin-left: 20px;
    font-size: 17px;
}

#guide_flow .flowstep li dd p strong {
    display: block;
    font-size: 26px;
    margin-bottom: 16px;
}

#guide_flow .flowbtn {
    margin: 50px auto 100px;
    text-align: center;
    width: 90%;
}

#guide_flow .flowbtn dt {
    color: #634f2c;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 40px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#guide_flow .flowbtn dl.amazonpay {
    margin-top: 47px;
}

#guide_flow .flowbtn dl.amazonpay dt span:first-of-type {
    color: #1dbee5;
    margin-right: 10px;
    font-family: 'MS Pゴシック';
    font-size: 16px;
}

#guide_flow .flowbtn dl.amazonpay dd {
    font-size: 12px;
}

#guide_flow .flowbtn dl.amazonpay dd img {
    display: block;
    margin: 20px auto 15px;
}

#guide_flow .flowbtn dt:before, #guide_flow .flowbtn dt:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 36px;
    height: 1px;
    background-color: #634f2c;
}

#guide_flow .flowbtn dt:before {
    left: 0;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

#guide_flow .flowbtn dt:after {
    right: 0;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#guide_flow .flowbtn .btn {
    display: block;
    margin: 20px auto;
    background: #79cbfd;
    padding: 20px 0;
    border: none;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 32px;
}

#guide_flow .flowbtn .btn:hover {
    opacity: 0.8;
}

#guide_flow .flowbtn .btn br {
    display: none;
}

#guide_flow .flowbtn .suggest {
    display: block;
    margin-bottom: 10px;
    color: #999;
}

#guide_flow .flowbtn .tel {
    color: #000;
    font-size: 32px;
}

#guide_flow .flowbtn .tel:before {
    display: inline-block;
    vertical-align: bottom;
    content: "";
    margin-right: 5px;
    width: 44px;
    height: 33px;
    background: url(../../images/freedial.png) no-repeat;
}

#guide_flow .flowbtn .pc-hide {
    display: none;
}

#guide_flow .flowbtn dl {
    position: relative;
}

#guide_flow .flowbtn.box02 dl:after {
    display: inline-block;
    content: "";
    width: 186px;
    height: 162px;
    background: url(../../images/flow_img02.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

#guide_flow .flowbtn.box03 dl:after {
    display: inline-block;
    content: "";
    width: 139px;
    height: 164px;
    background: url(../../images/flow_img03.png) no-repeat;
    position: absolute;
    right: 20px;
    bottom: 0;
}

#guide_flow .flowbtn.box04 dl:after {
    display: inline-block;
    content: "";
    width: 156px;
    height: 169px;
    background: url(../../images/flow_img04.png) no-repeat;
    position: absolute;
    right: 20px;
    bottom: 0;
}

#guide_flow .flow_price {
    padding: 0 0 40px;
    background: url(../../images/flow_pricebg.jpg) bottom no-repeat;
    padding-bottom: 40px;
}

#guide_flow .flow_price .price_wrap {
    display: flex;
    padding: 30px;
    justify-content: space-between;
    align-items: stretch;
}

#guide_flow .flow_price .price_wrap dl {
    flex-basis: 47.5%;
    background: #f6f5f3;
    border-radius: 20px;
    text-align: center;
    padding: 30px 0 20px;
}

#guide_flow .flow_price .price_wrap dl dt {
    margin-bottom: 30px;
    color: #1dbee5;
    font-size: 27px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#guide_flow .flow_price .price_wrap dl h4 {
    font-size: 20px;
    margin: 30px auto 20px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#guide_flow .flow_price .price_wrap dl ul {
    display: flex;
    padding: 0 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

#guide_flow .flow_price .price_wrap dl.price ul {
    width: 50%;
    margin: 0 auto;
}

#guide_flow .flow_price .price_wrap dl ul li {
    margin-bottom: 10px;
}

#guide_flow .flow_price .price_wrap dl.price h4 {
    margin: 40px auto 0;
}

#guide_flow .flow_price .price_wrap dl.price p {
    margin: 40px auto;
}

#guide_flow .flow_way {
    background: url(../../images/flow_waybg.jpg) bottom no-repeat;
    padding-bottom: 40px;
    position: relative;
}

#guide_flow .flow_way:before {
    display: block;
    position: absolute;
    content: "";
    background: url(../../images/flow_wayimg.png) no-repeat;
    width: 421px;
    height: 462px;
    left: 20px;
    bottom: 45px;
}

#guide_flow .flow_way ul {
    margin: 20px 0 0 45%;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#guide_flow .flow_way ul li {
    margin-bottom: 20px;
}


#guide_flow .flow_promise {
    background: url(../../images/flow_promicebg.jpg) bottom no-repeat;
    padding-bottom: 40px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #666666;
}

#guide_flow .flow_promise .promise_wrap {
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#guide_flow .flow_promise ol {
    flex-basis: 50%;
    font-size: 17px;
    line-height: 2;
}

#guide_flow .flow_promise ul {
    flex-basis: 50%;
    font-size: 13px;
}

#guide_flow .flow_promise ul li {
    margin-bottom: 40px;
}

#guide_flow .flow_promise ul dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#guide_flow .flow_promise ul dt {
    margin-right: 20px;
}


#guide_flow .relatedlink ul {
    margin: 50px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#guide_flow .relatedlink li {
    margin-bottom: 30px;
}


/*  Faq --------------------------------*/
#guide_faq h3 {
    margin-bottom: 30px;
}

#guide_faq .faq {
    margin: 0 20px 50px 20px;
}

#guide_faq .faq dt {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 12px 40px 12px 57px;
    border: solid 1px #ccc;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

#guide_faq .faq dt.bg_b {
    background: #f6f6f6;
}

#guide_faq .faq dt:before {
    top: 8px;
    left: 10px;
    content: url(../../images/question.png);
    position: absolute;
}

#guide_faq .faq dt:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f067";
    position: absolute;
}

#guide_faq .faq dt.open:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f068";
    position: absolute;
}

#guide_faq .faq dd {
    font-size: 17px;
    line-height: 28px;
    padding: 15px 30px 22px 61px;
    border: 1px solid #CCCCCC;
    border-top: none;
    display: none;
    background: url(../../images/answer.gif) no-repeat 16px 16px;
}

#guide_faq .faq dd p {
    padding: 0 0 15px;
}

#guide_faq .faq .point {
    color: #ff4075;
}

#guide_faq .faq span {
    font-weight: bold;
}

#guide_faq .faq .example {
    margin-top: 10px;
    padding-top: 20px;
    border-top: dotted 1px #ccc;
}

#guide_faq .faq ul {
    margin-bottom: 25px;
}

#guide_faq .faq .example p {
    padding-bottom: 10px;
}

#guide_faq .faq .example .sst {
    text-indent: -28px;
    margin-left: 28px;
}

#guide_faq .faq .note {
    color: #828282;
    padding-left: 15px;
    position: relative;
}

#guide_faq .faq .note:before {
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    top: -2px;
    left: 0px;
    display: inline-block;
    content: "\f105";
    position: absolute;
}

#guide_faq .faq .pay {
    text-align: center;
    margin: 0 auto 20px;
    width: 400px;
}

#guide_faq .pay li {
    padding: 5px;
    background: #FFF0F6;
}

#guide_faq .pay .arrow {
    padding: 0 5px 5px 5px;
    background: none;
}

#guide_faq .pay .arrow:before {
    font: normal normal normal 34px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #9e9e9e;
    line-height: 18px;
    top: 6px;
    left: -5px;
    display: inline-block;
    content: "\f107";
    position: relative;
}

#guide_faq ul li .card {
    margin: 10px 0 20px;
}

#guide_faq dl .indent_style01 {
    padding-left: 20px;
}

#guide_faq .s_text {
    font-weight: normal;
    padding: 5px 0 0 15px;
    display: block;
}

#guide_faq dd p.pic01 {
    text-align: center;
    padding: 25px 0;
}

#guide_faq dd p.pic01 img {
    width: 320px;
}

#guide_faq .faq dd .dummy_btn {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    margin: 15px 0;
    padding: 20px 0;
    width: 272px;
    background: url(../../images/entry_btn.gif) no-repeat left top;
}

#guide_faq .faq dd .dummy_btn02 {
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    text-align: center;
    text-decoration: none;
    margin: 15px 0;
    padding: 8px;
    border: 1px solid #cd9a02;
    width: 220px;
    display: block;
    background: #ffd62a url(../../images/order_bg.gif) repeat-x scroll left top;
}

/*  Pay
-----------------------------------------------------------------------------*/
#pay .btnbox01, #pay1 .btnbox01, #pay2 .btnbox01, #pay3 .btnbox01 {
    text-align: right;
}

#pay .btnbox01 a, #pay1 .btnbox01 a, #pay2 .btnbox01 a, #pay3 .btnbox01 a {
    position: relative;
}

.paymovie_box .pc {
    margin: 0 auto 50px;
    width: 560px;
}

.paymovie_box .sp {
    display: none;
}

/*  Pay --------------------------------*/
/* Pay and Pay1*/
#pay {
    font-size: 17px;
    line-height: 28px;
    padding: 0 0 50px;
}

#pay .price_box {
    padding: 0 370px 70px 0;
    background: url(../../images/price_img03.jpg) no-repeat right 20px;
}

#pay .price_box:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#pay .price_box h3 {
    margin: 0 0 20px;
}

#pay .price_box .wrap01 {
    padding: 10px 20px 10px;
    background: #F9F9F9;
    overflow: hidden;
}

#pay .price_box .wrap01 .fl, #pay .price_box .wrap01 .fr {
    box-sizing: border-box;
    width: 49%;
}

#pay .price_box .wrap01 dt {
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    margin: 15px 0 20px;
    padding: 0 0 0 5px;
    border-left: solid 1px #1dbee5;
}

#pay .price_box .price {
    font-size: 12px;
    letter-spacing: 0;
}

#pay .price_box .price span {
    font-size: 30px;
    font-weight: bold;
    color: #1dbee5;
}

#pay .price_box .price span span {
    font-size: 15px;
    font-weight: normal;
    color: #333;
}

#pay .price_box .wrap01 .att {
    font-size: 10px;
    color: #919191;
    line-height: 14px;
    text-indent: -10px;
    padding: 15px 0 10px 0;
}

#pay .price_box .case dl {
    width: auto;
}

#pay .price_box .case dt {
    font-size: 12px;
    line-height: 18px;
    padding: 0;
}

#pay .price_box .box01 {
    padding: 20px 0;
    overflow: hidden;
}

#pay .price_box .box01 dl.pic, #pay1 .price_box .box01 dl.pic {
    -webkit-border-radius: 55px;
    border-radius: 55px;
    margin: 0 7px;
    border: solid 2px #28cdf5;
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
}

#pay .price_box .box01 dl.pic dt,
#pay1 .price_box .box01 dl.pic dt {
    font-size: 12px;
    font-weight: bold;
    color: #28cdf5;
    text-align: center;
    padding: 18px 0 0;
}

#pay.contents .price_box .box01 dl.dl_amazon dt {
    padding: 8px 0;
}

#pay .price_box .box01 dl.pic dt span {
    display: block;
    font-weight: normal;
    line-height: 0;
    margin-bottom: 2px;
}

#pay.contents .price_box .box01 dl.dl_amazon dd {
    font-size: 20px;
    padding-top: 3px;
}

#pay .price_box .box01 dl.pic dd, #pay1 .price_box .box01 dl.pic dd {
    font-size: 24px;
    font-weight: bold;
    color: #28cdf5;
    text-align: center;
    padding: 8px 0 0;
}

#pay .about_amazon {
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    padding: 17px 20px;
    font-size: 14px;
    margin-top: 35px;
}

#pay .about_amazon h5 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
}

#pay .about_amazon h5 span {
    color: #91c9ff;
    font-weight: bold;
    margin-right: 10px;
}

#pay .about_amazon img {
    float: right;
    margin-top: 20px;
}

#pay .about_amazon p {
    width: 330px;
    line-height: 1.7em;
}

#pay .price_box .box01 li:first-child dl.pic dd, #pay1 .price_box .box01 li:first-child dl.pic dd {
    font-size: 32px;
}

#pay .price_box .box01 li:nth-child(2) dl.pic dd, #pay1 .price_box .box01 li:nth-child(2) dl.pic dd {
    font-size: 20px;
    padding: 3px 0 0;
}

#pay .price_box .box01 li:nth-child(4) dl.pic dd, #pay1 .price_box .box01 li:nth-child(4) dl.pic dd {
    font-size: 20px;
    padding: 3px 0 0;
}

#pay .price_box .btnbox01 {
    padding: 20px 0 0;
}

#pay .method_box {
    padding: 0 370px 100px 0;
    background: url(../../images/price_img04.jpg) no-repeat right top;
}

#pay .method_box h3 {
    margin: 0 0 20px;
}

#pay .method_box .box01 {
    padding: 0 0 50px;
}

#pay .method_box .box01 .point {
    font-weight: bold;
    color: #ff4075;
}

#pay .method_box .box02 dl {
    padding: 20px 0 0;
}

#pay .method_box .box02 dt {
    font-size: 16px;
    color: #ff4075;
    padding: 0 0 15px;
}

#pay .method_box .btnbox01 {
    padding: 20px 0 0;
}

#pay .method_box .sp_pic {
    display: none;
}


#pay .flowbtn,
#pay2 .flowbtn {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

#pay .flowbtn dt,
#pay2 .flowbtn dt {
    color: #634f2c;
    font-size: 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 40px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#pay .flowbtn dt:before, #pay .flowbtn dt:after,
#pay2 .flowbtn dt:before, #pay2 .flowbtn dt:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 36px;
    height: 1px;
    background-color: #634f2c;
}

#pay .flowbtn dt:before,
#pay2 .flowbtn dt:before {
    left: 0;
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

#pay .flowbtn dt:after,
#pay2 .flowbtn dt:after {
    right: 0;
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

#pay .flowbtn .btn,
#pay2 .flowbtn .btn {
    display: block;
    margin: 20px auto;
    background: #79cbfd;
    padding: 20px 0;
    border: none;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 32px;
}

#pay .flowbtn .btn:hover,
#pay2 .flowbtn .btn:hover {
    opacity: 0.8;
}

#pay .flowbtn .btn br,
#pay2 .flowbtn .btn br {
    display: none;
}

#pay .flowbtn .suggest,
#pay2 .flowbtn .suggest {
    display: block;
    margin-bottom: 10px;
    color: #999;
}

#pay .flowbtn .tel,
#pay2 .flowbtn .tel {
    color: #000;
    font-size: 32px;
}

#pay .flowbtn .tel:before,
#pay2 .flowbtn .tel:before {
    display: inline-block;
    vertical-align: bottom;
    content: "";
    margin-right: 5px;
    width: 44px;
    height: 33px;
    background: url(../../images/freedial.png) no-repeat;
}

#pay .flowbtn .pc-hide,
#pay2 .flowbtn .pc-hide {
    display: none;
}

#pay .flowbtn dl,
#pay2 .flowbtn dl {
    position: relative;
}


/* Pay1 */
#pay1 {
    font-size: 17px;
    line-height: 28px;
    padding: 0 0 50px;
}

#pay1 .price_box {
    padding: 30px 10px 70px;
    overflow: hidden;
}

#pay1 .price_box .box01 {
    padding: 25px 0 0;
}

#pay1 .price_box .wrap01 {
    padding: 10px 20px 20px;
    background: #F9F9F9;
    overflow: hidden;
}

#pay1 .price_box .wrap01 dl {
    width: 100%;
}

#pay1 .price_box .wrap01 dl:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#pay1 .price_box .price span {
    font-size: 30px;
    font-weight: bold;
    color: #ff4075;
}

#pay1 .price_box .wrap01 dt {
    font-size: 15px;
    font-weight: bold;
    color: #555555;
    margin: 15px 0 10px;
    padding: 0 0 0 5px;
    border-left: solid 1px #FD4F75;
}

#pay1 .price_box .wrap01 > dl > dd {
    width: 49%;
    float: left;
}

#pay1 .price_box .wrap01 .price {
    font-size: 12px;
    padding: 10px 0 0;
}

#pay1 .price_box .wrap01 .price p {
    font-size: 10px;
    color: #919191;
    line-height: 14px;
    text-indent: -10px;
    padding: 5px 0 0 10px;
}

#pay1 .price_box .wrap01 .case dl {
    width: auto;
}

#pay1 .price_box .wrap01 .case dt {
    font-size: 12px;
    margin: 0;
    border: none;
}

#pay1 .price_box .case dt span {
    color: #ff4075;
}

#pay1 .price_box .case dd {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 0 0 10px;
}

#pay1 .price_box .case dd .align_r {
    font-size: 10px;
    color: #919191;
    padding: 5px 0 0;
}

#pay1 .price_box .box01 li {
    padding: 0 0 25px;
    overflow: hidden;
}

#pay1 .price_box .box01 dl.data {
    padding: 0 0 0 20px;
    overflow: hidden;
}

#pay1 .price_box .box01 .data dt {
    font-size: 18px;
    color: #ff4075;
    padding: 15px 0 10px;
}

/* pay2 */
#pay2 {
    font-size: 17px;
    line-height: 28px;
}

#pay2 .hd_box {
    padding: 30px 10px 80px;
}

#pay2 .hd_box img {
    margin: 0 0 0 45px;
    float: right;
}

#pay2 .anchor {
    font-size: 16px;
    padding: 30px 15px 40px;
}

#pay2 .anchor li {
    padding: 0 0 5px;
}

#pay2 .anchor span {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin: 0 13px 0 0;
    padding: 3px 11px 1px;
    display: inline-block;
    background: #28cdf5;
}

#pay2 .stitle02 {
    margin: 0 0 30px;
}

#pay2 .box_sub {
    padding: 0 10px 30px;
}

#pay2 .box_sub dd {
    padding: 15px 15px 30px;
}

#pay2 .box01 {
    padding: 0 10px 30px;
    overflow: hidden;
}

#pay2 .box01 img {
    margin: 0 0 30px 40px;
    float: right;
}

#pay2 #anchor05 .box01 img {
    margin: 40px 0 80px 20px;
}

#pay2 p.address {
    padding: 15px;
    border: solid 1px #D7D7D7;
}

#pay2 #anchor01 .box_sub ul {
    overflow: hidden;
}

#pay2 #anchor01 .box_sub li {
    width: 50%;
    float: left;
}

#pay2 #anchor07 .wrap01 {
    padding: 30px 10px 60px;
    overflow: hidden;
}

#pay2 #anchor07 .wrap01 .box02 {
    border-right: solid 30px #fff;
    width: 470px;
    float: left;
}

#pay2 #anchor07 .wrap01 .box03 {
    font-size: 10px;
    color: #666;
    line-height: 16px;
    overflow: hidden;
}

#pay2 #anchor07 .box_sub dd {
    padding: 15px 15px 0;
}

#pay2 .btnbox01 {
    text-align: right;
    padding: 0 10px 50px;
}

#pay2 .btnbox01 a {
    position: relative;
}

#pay2 .att {
    font-size: 12px;
    color: #919191;
}

/* pay3 */
#pay3 {
    font-size: 17px;
    line-height: 28px;
}

#pay3 .hd_box {
    padding: 30px 10px 80px;
}

#pay3 .anchor {
    font-size: 16px;
    padding: 30px 15px 0;
}

#pay3 .anchor li {
    padding: 0 0 5px;
    text-align: center;
    display: inline-block;
    width: 30%;
}

#pay3 .anchor li:nth-child(2) {
    margin: 0 4%;
}

#pay3 .anchor li a {
    text-decoration: none;
}

#pay3 .anchor li img {
    padding-bottom: 0.5em;
}

#pay3 .stitle02 {
    margin: 0 0 30px;
}

#pay3 .box_sub {
    padding: 0 10px 30px;
}

#pay3 .box_sub dd {
    padding: 15px 15px 30px;
}

#pay3 .box01 {
    padding: 0 10px 30px;
    overflow: hidden;
}

#pay3 .box01 img {
    margin: 0 40px 30px 0;
    float: left;
}

#pay3 p.address {
    padding: 15px;
    border: solid 1px #D7D7D7;
    margin-bottom: 30px;
}

#pay3 p.notes {
    color: #e282ad;
    margin-bottom: 30px;
}

#pay3 #anchor03 .box_sub ul {
    overflow: hidden;
}

#pay3 #anchor03 .box_sub li {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}


/*  Point --------------------------------*/
#pay_point {
    font-size: 17px;
    line-height: 28px;
    padding: 0 0 40px;
}

#pay_point .note {
    font-size: 12px;
    color: #919191;
    line-height: 18px;
    text-indent: -1em;
    padding: 10px 0 0 1em;
    display: block;
}

#pay_point .box01, #pay_point .box02, #pay_point .box03, #pay_point .box04 {
    padding: 30px 30px 50px;
}

#pay_point .box01 .pic {
    margin: 0 0 0 40px;
    float: right;
}

#pay_point .box01 .btn01 {
    margin: 10px 0 0;
}

#pay_point .box01 ul {
    padding: 0 0 20px;
}

#pay_point .box01 li {
    text-indent: -1em;
    padding: 20px 0 0 1em;
}

#pay_point .box02 ul {
    padding: 10px 10px 25px;
}

#pay_point .box02 dd {
    padding: 15px;
}

#pay_point .box02 p {
    padding: 0 0 10px 130px;
    position: relative;
}

#pay_point .box02 p strong {
    width: 130px;
    top: 0;
    left: 0;
    display: block;
    position: absolute;
}

#pay_point .terms_area {
    margin: 0 0 60px;
    border: solid 1px #ccc;
}

#pay_point .terms_area div {
    font-size: 12px;
    line-height: 18px;
    padding: 20px;
}

#pay_point .terms_area > p {
    text-align: center;
}

#pay_point .terms_area ul {
    padding: 10px 15px 0;
}

#pay_point .terms_area ul ul {
    padding-top: 10px;
}

#pay_point .terms_area ul ul li {
    padding: 0 0 10px 0;
}

#pay_point .terms_area ul li {
    text-indent: -14px;
    padding: 0 0 10px 14px;
}

#pay_point .terms_area ul .noindent {
    text-indent: 0;
}

#pay_point .terms_area .sstitle {
    margin: 0px 0 20px;
}

#pay_point .terms_area h4 {
    font-size: 14px;
    padding: 20px 0 0 0;
}

#pay_point .terms_area h5 {
    font-size: 14px;
    padding: 10px 0 0 10px;
}

#pay_point .terms_area .align_r {
    padding: 20px 0;
}

/*  PP --------------------------------*/
#pay_pp .catch_box {
    padding: 0 0 60px;
}

#pay_pp .catch_box h3 {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 30px;
}

#pay_pp .catch_box h3 span {
    font-size: 18px;
    color: #FF79AE;
    padding: 0 0 5px;
    display: inline-block;
}

#pay_pp #outline {
    width: 730px;
}

#pay_pp #outline:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#pay_pp .about {
    width: 230px;
    float: right;
}

#pay_pp .regist {
    width: 460px;
    float: left;
}

#pay_pp #outline dt {
    font-size: 16px;
    font-weight: bold;
    color: #ff4075;
    padding: 5px 10px;
    border-bottom: solid 1px #ccc;
}

#pay_pp #outline .about dd {
    padding: 10px;
}

#pay_pp #outline li {
    text-indent: -14px;
    padding: 10px 0 10px 24px;
    border-bottom: dotted 1px #ccc;
}

#pay_pp #outline li span {
    font-weight: bold;
    color: #ff4075;
}

#pay_pp #list {
    width: 730px;
    overflow: hidden;
}

#pay_pp #list .read {
    font-size: 12px;
    color: #999;
    padding: 30px 0 0;
}

#pay_pp #list ul {
    width: 755px;
}

#pay_pp #list ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#pay_pp #list li {
    border-top: solid 40px #fff;
    border-right: solid 21px #fff;
    width: 229px;
    float: left;
}

#pay_pp #list dt {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    color: #ff4075;
    padding: 10px 20px;
    background: #fff0f6;
    position: relative;
}

#pay_pp #list dt span {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    color: #fff;
    padding: 10px 15px;
    top: 0;
    right: 0;
    display: inline-block;
    background: #ff4075;
    position: absolute;
}

#pay_pp #list dd {
    text-align: center;
    padding: 10px 0 0;
}

#pay_pp #list dd img {
    margin: 0 auto;
    width: 220px;
}

#pay_pp #list strong {
    text-align: left;
    padding: 10px;
    border-bottom: dotted 1px #ccc;
    display: block;
}

#pay_pp #list p {
    text-align: left;
    padding: 10px;
}

/*  Cprof
-----------------------------------------------------------------------------*/
/*  company --------------------------------*/
#company h3 {
    text-align: center;
    padding: 0 0 20px;
}

#company .box01 dl {
    position: relative;
}

#company .box01 dt {
    font-weight: bold;
    color: #999;
    text-align: right;
    padding: 15px 0 0;
    width: 230px;
    position: absolute;
}

#company .box01 dt:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #1dbee5;
    padding: 0 0 0 23px;
    display: inline-block;
    content: "\f0da";
}

#company .box01 dd {
    padding: 15px 0 15px 250px;
    border-top: dotted 1px #ccc;
}

#company .box01_sub {
    margin: 30px 0;
    padding: 25px;
    background: #FAFAFA;
}

#company .box01_sub dt {
    font-weight: bold;
    padding: 0 0 10px;
}

#company .box01_sub dd {
    font-size: 12px;
}

/*  specific trade --------------------------------*/
#specific h3 {
    text-align: center;
    padding: 0 0 20px;
}

#specific .box01 dl {
    position: relative;
}

#specific .box01 dt {
    font-weight: bold;
    color: #999;
    text-align: right;
    padding: 15px 0 0;
    width: 320px;
    position: absolute;
}

#specific .box01 dt:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #1dbee5;
    top: 18px;
    right: -17px;
    display: inline-block;
    content: "\f0da";
    position: absolute;
}

#specific .box01 dd {
    padding: 15px 0 15px 350px;
    border-top: dotted 1px #ccc;
}

#specific .box01 dd li {
    padding: 15px 0;
    border-top: dotted 1px #ccc;
}

#specific .box01 dd li:first-child {
    padding-top: 0;
    border-top: none;
}

#specific .box01 dd li:last-child {
    padding-bottom: 0;
}

#specific .box01 dd li span {
    font-weight: bold;
    color: #000;
}

/*  shikin --------------------------------*/
#shikin h3 {
    text-align: center;
    padding: 0 0 20px;
}

#shikin .box01 dl {
    position: relative;
}

#shikin .box01 dt {
    font-weight: bold;
    color: #999;
    text-align: right;
    padding: 15px 0 0;
    width: 260px;
    position: absolute;
}

#shikin .box01 dt:after {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #1dbee5;
    top: 18px;
    right: -17px;
    display: inline-block;
    content: "\f0da";
    position: absolute;
}

#shikin .box01 dd {
    padding: 15px 0 15px 290px;
    border-top: dotted 1px #ccc;
}

#shikin .box01 dd li {
    padding: 15px 0;
    border-top: dotted 1px #ccc;
}

#shikin .box01 dd li:first-child {
    padding-top: 0;
    border-top: none;
}

#shikin .box01 dd li:last-child {
    padding-bottom: 0;
}

#shikin .box01 dd li span {
    font-weight: bold;
    color: #000;
}

/*  houhou
-----------------------------------------------------------------------------*/
/*  houhou --------------------------------*/
#houhou .box01 {
    padding: 0 10px 20px;
}

#houhou .box01 p {
    padding: 20px 0 0;
}

#houhou #lead_txt {
    padding: 0 280px 20px 10px;
    background: url(../../images/houhou.jpg) no-repeat right 20px;
}

#houhou .box01 h4 {
    margin: 20px 0 0;
}

#houhou .box01 dl {
    margin: 15px 0 0;
    padding: 5px 20px;
    border: solid 1px #ccc;
}

#houhou .box01 dt {
    position: relative;
}

#houhou .box01 dt span {
    padding: 15px 0 0 70px;
    display: block;
}

#houhou .box01 dt img {
    width: 55px;
    height: auto;
    top: 15px;
    position: absolute;
}

#houhou .box01 dd {
    padding: 0 0 15px 70px;
    border-bottom: dotted 1px #ccc;
    min-height: 35px;
}

#houhou .box01 dd:last-child {
    border-bottom: none;
}

#houhou .list {
    padding: 40px 0 0;
}

#houhou .list ul {
    border-bottom: solid 40px #fff;
    width: 100%;
}

#houhou .list ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#houhou .list li {
    width: 25%;
    float: left;
}

#houhou .list li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    margin: 2px;
    padding: 20px 0;
    border: solid 1px #999;
    display: block;
    background: url(../../images/btn_bg.gif) repeat-x left top #f0efea;
}

#houhou .list li a:hover {
    background: url(../../images/btn_bg_over.gif) repeat-x left top #e7e6e1;
}

#houhou .list li a.line2 {
    padding: 9px 0;
}

#houhou .list li a img {
    width: 80px;
    height: auto;
}

#houhou .list li a span {
    padding: 5px 0 0;
    display: block;
}

/*  houhou_zoom --------------------------------*/
#houhou_zoom .contents_l {
    width: 730px;
}

#houhou_zoom .contents_l:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#houhou_zoom .houhou_title {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0 0 20px;
    padding: 5px 15px;
    background: #f2f2f2;
}

#houhou_zoom .houhou_title span {
    font-size: 12px;
    padding: 0 10px;
}

#houhou_zoom #houhou_cat {
    width: 240px;
    float: right;
}

#houhou_zoom #houhou_text {
    width: 480px;
    float: left;
}

#houhou_zoom #houhou_cat dt {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin: 20px 0 0;
    padding: 7px 14px;
    background: #f2f2f2;
}

#houhou_zoom #houhou_cat dd {
    font-size: 12px;
    padding: 10px 0 0;
}

#houhou_zoom #houhou_cat dd a {
    color: #ff4075;
    text-decoration: none;
}

#houhou_zoom #houhou_cat dd a:hover {
    color: #000;
    text-decoration: underline;
}

#houhou_zoom #houhou_cat ul {
    border-bottom: solid 5px #fff;
    width: 240px;
}

#houhou_zoom #houhou_cat ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#houhou_zoom #houhou_cat li {
    border-left: solid 6px #fff;
    float: left;
}

#houhou_zoom #houhou_cat li:first-child {
    border-left: none;
}

#houhou_zoom #houhou_cat li img {
    width: 55px;
    height: auto;
}

#houhou_zoom #houhou_text div {
    padding: 0 0 20px;
}

#houhou_zoom #houhou_text p {
    line-height: 25px;
    padding: 20px 10px 10px;
}

#houhou_zoom #houhou_text .note {
    font-size: 12px;
    color: #999;
}

#houhou_zoom .sp_only {
    display: none;
}

/* carousel */
#houhou_zoom #related_area {
    padding: 20px 10px 30px;
    border-top: solid 1px #ccc;
}

#houhou_zoom #related_area h3 {
    font-size: 16px;
    font-weight: bold;
    color: #1dbee5;
    padding: 0 0 10px;
}

#houhou_zoom #fortune_carousel {
    margin: 0 auto;
    width: 800px;
    position: relative;
}

#houhou_zoom #fortune_carousel .prev, #houhou_zoom #fortune_carousel .next {
    display: block;
    position: absolute;
}

#houhou_zoom #fortune_carousel .prev {
    top: 60px;
    left: -40px;
}

#houhou_zoom #fortune_carousel .next {
    top: 60px;
    right: -40px;
}

/*  Guide
-----------------------------------------------------------------------------*/
#guide h3 {
    margin: 0 0 30px;
}

#guide .box {
    width: 730px;
    overflow: hidden;
}

#guide .box ul {
    width: 750px;
}

#guide .box ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#guide .box li {
    box-sizing: border-box;
    padding: 0 20px 20px 0;
    float: left;
}

#guide .box img {
    width: 100%;
    height: auto;
}

#guide .col2 {
    margin: 0 0 25px;
    padding: 0 0 5px;
    border-bottom: solid 1px #e7e7e7;
}

#guide .col2 li {
    width: 375px;
}

#guide .col4 {
    padding: 0 0 30px;
}

#guide .col4 li {
    width: 187px;
}

/*  beginner --------------------------------*/
#guide_beginner {
    max-width: 100%;
}

#guide_beginner .st {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 26px;
    font-weight: normal;
    color: #1dbee5;
    line-height: 30px;
    text-align: center;
}

#guide_beginner .sst {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 16px;
    color: #1dbee5;
    padding: 2px 0 2px 10px;
    border-left: solid 1px #1dbee5;
}

#guide_beginner .box {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1100px;
    min-width: 970px;
}

#guide_beginner .box:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

/* catch */
#guide_beginner #beginner_catch .photo {
    text-align: center;
    margin: 20px 0 0;
    position: relative;
}

#guide_beginner #beginner_catch .photo > img {
    width: 100%;
    width: 970px;
    height: auto;
}

#guide_beginner #beginner_catch .photo h3 {
    width: 100%;
    top: 70px;
    position: absolute;
}

#guide_beginner #beginner_catch .photo > p {
    width: 100%;
    bottom: 60px;
    position: absolute;
}

#guide_beginner #beginner_catch .txt {
    text-align: center;
    padding: 40px 0 80px;
}

#guide_beginner #beginner_catch .txt:last-child {
    padding: 0;
}

#guide_beginner #beginner_catch .txt p {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 16px;
    line-height: 28px;
    margin: 0 auto;
    padding: 40px 0 0;
    width: 640px;
}

#guide_beginner #beginner_catch .txt a {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #999;
    text-decoration: none;
    margin: 80px 0 40px;
    padding: 8px 30px;
    border: solid 1px #e7e7e7;
    display: inline-block;
}

#guide_beginner #beginner_catch .txt a:hover {
    color: #bbb;
    border: solid 1px #efefef;
}

#guide_beginner #beginner_catch .txt a span {
    font-size: 12px;
    padding: 0 0 0 5px;
}

/* about */
#guide_beginner #beginner_about {
    padding: 40px 0;
    background: #fefbef;
}

#guide_beginner #beginner_about .box {
    box-sizing: border-box;
    padding: 40px 10px 0;
}

#guide_beginner #beginner_about .box div {
    box-sizing: border-box;
    text-align: center;
    width: 50%;
    float: left;
}

#guide_beginner #beginner_about .box div img {
    margin: 0 auto;
    height: auto;
    max-width: 444px;
}

#guide_beginner #beginner_about .box div dl {
    text-align: left;
    margin: 0 auto;
    padding: 20px 0 0;
    max-width: 444px;
}

#guide_beginner #beginner_about .box div dd {
    padding: 20px 0;
}

/* event */
#guide_beginner #beginner_event {
    padding: 0 0 60px;
}

#guide_beginner #beginner_event h3 {
    padding: 40px 0;
}

#guide_beginner #beginner_event > p {
    box-sizing: border-box;
    font-size: 12px;
    margin: 0 auto;
    padding: 0 40px 40px;
    max-width: 1050px;
}

#guide_beginner #beginner_event .box {
    padding: 0 40px;
    max-width: 1050px;
}

#guide_beginner #beginner_event .box p {
    width: 66%;
    max-width: 645px;
    float: left;
}

#guide_beginner #beginner_event .box ul {
    box-sizing: border-box;
    padding: 0 0 0 6px;
    width: 33%;
    max-width: 314px;
    float: right;
}

#guide_beginner #beginner_event .box .column3 {
    padding: 10px 0 0;
    width: 100%;
    max-width: 970px;
}

#guide_beginner #beginner_event .box .column3 li {
    padding: 0 0 0 17px;
    width: 32%;
    float: left;
}

#guide_beginner #beginner_event .box .column3 li:first-child {
    padding: 0;
}

#guide_beginner #beginner_event .box img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

#guide_beginner #beginner_event .box span {
    font-size: 12px;
    padding: 5px 0 10px;
    display: block;
}

/* tel */
#guide_beginner #beginner_tel {
    background: #dfecf5;
}

#guide_beginner #beginner_tel h3 {
    padding: 40px 0;
}

#guide_beginner #beginner_tel .box {
    position: relative;
}

#guide_beginner #beginner_tel .pic {
    width: 54%;
    right: 0;
    bottom: 0;
    position: absolute;
}

#guide_beginner #beginner_tel .pic img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

#guide_beginner #beginner_tel .cts {
    box-sizing: border-box;
    padding: 0 0 0 40px;
    width: 440px;
}

#guide_beginner #beginner_tel .txt {
    padding: 0 0 60px;
}

#guide_beginner #beginner_tel .txt p {
    padding: 20px 0 0;
}

#guide_beginner #beginner_tel .price {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin: 30px 0 0;
    padding: 30px 0 20px;
    width: 100%;
    background: #f8f8f8;
}

#guide_beginner #beginner_tel .price:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#guide_beginner #beginner_tel .price dl {
    width: 240px;
    display: inline-block;
}

#guide_beginner #beginner_tel .price dt {
    font-size: 16px;
    padding: 2px 10px;
    border-left: solid 1px #1dbee5;
}

#guide_beginner #beginner_tel .price dd {
    font-size: 20px;
    padding: 10px;
}

#guide_beginner #beginner_tel .price dd span {
    font-size: 38px;
    color: #1dbee5;
}

#guide_beginner #beginner_tel .price p {
    color: #666;
    text-align: center;
    clear: both;
}

#guide_beginner #beginner_tel .price p span {
    font-size: 12px;
    line-height: 14px;
    padding: 5px 0 0;
    display: block;
}

#guide_beginner #beginner_tel .price p span br:first-child {
    display: none;
}

#guide_beginner #beginner_tel .txt a {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #999;
    text-decoration: none;
    margin: 30px 0 10px;
    padding: 8px 40px;
    border: solid 1px #999;
    display: inline-block;
}

#guide_beginner #beginner_tel .txt a:hover {
    color: #777;
    border: solid 1px #777;
}

#guide_beginner #beginner_tel .txt a span {
    font-size: 12px;
    padding: 0 0 0 15px;
}

/* compare */
#guide_beginner #beginner_compare {
    background: #000;
}

#guide_beginner #beginner_compare .box {
    position: relative;
}

#guide_beginner #beginner_compare .pic {
    width: 45%;
    left: 0;
    bottom: 0;
    position: absolute;
}

#guide_beginner #beginner_compare .pic img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

#guide_beginner #beginner_compare .cts {
    box-sizing: border-box;
    color: #fff;
    padding: 0 40px 80px 0;
    width: 520px;
    float: right;
}

#guide_beginner #beginner_compare .cts h3 {
    font-size: 36px;
    color: #fff;
    line-height: 42px;
    padding: 70px 0 20px;
}

#guide_beginner #beginner_compare .cts p {
    padding: 20px 0 0;
}

#guide_beginner #beginner_compare .cts ul {
    padding: 40px 0 20px;
    width: 100%;
}

#guide_beginner #beginner_compare .cts li {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    margin: 0 2px;
    padding: 35px 0;
    border: solid 1px #fff;
    width: 30%;
    display: inline-block;
}

#guide_beginner #beginner_compare .cts li span {
    font-size: 26px;
    display: block;
}

#guide_beginner #beginner_compare .cts a {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin: 20px 0 40px;
    padding: 8px 30px;
    border: solid 1px #fff;
    display: inline-block;
}

#guide_beginner #beginner_compare .cts a:hover {
    color: #ccc;
    border: solid 1px #ccc;
}

#guide_beginner #beginner_compare .cts a span {
    font-size: 12px;
    padding: 0 0 0 15px;
}

/* campaign */
#guide_beginner #beginner_campaign {
    padding: 20px 0 0;
    background: #fed4de;
}

#guide_beginner #beginner_campaign .box {
    position: relative;
}

#guide_beginner #beginner_campaign .pic {
    box-sizing: border-box;
    padding: 0 0 0 20px;
    width: 45%;
    left: 0;
    bottom: 0;
    position: absolute;
}

#guide_beginner #beginner_campaign .pic img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

#guide_beginner #beginner_campaign .cts {
    box-sizing: border-box;
    padding: 0 0 40px 60px;
    width: 60%;
    float: right;
}

#guide_beginner #beginner_campaign .cts h3 {
    font-size: 30px;
    color: #fff;
    line-height: 36px;
    text-align: left;
    padding: 40px 0 20px 20px;
}

#guide_beginner #beginner_campaign .cts dl {
    position: relative;
}

#guide_beginner #beginner_campaign .cts dt {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    padding: 24px 0;
    border: solid 1px #000;
    width: 130px;
    position: absolute;
}

#guide_beginner #beginner_campaign .cts dt strong {
    font-size: 36px;
    font-weight: normal;
    display: block;
}

#guide_beginner #beginner_campaign .cts dd {
    padding: 0 20px 0 150px;
}

#guide_beginner #beginner_campaign .cts dd p {
    padding: 0;
}

#guide_beginner #beginner_campaign .cts dd div {
    padding: 50px 0 0;
}

#guide_beginner #beginner_campaign .cts dd div p {
    font-size: 12px;
    line-height: 20px;
}

#guide_beginner #beginner_campaign .cts dd div ul {
    font-size: 12px;
    line-height: 20px;
}

#guide_beginner #beginner_campaign .cts dd div h4 {
    font-size: 16px;
    padding: 0 0 5px;
}

#guide_beginner #beginner_campaign .cts dd .code {
    font-size: 18px;
    padding: 20px 0;
}

#guide_beginner #beginner_campaign .cts dd .code br {
    display: none;
}

#guide_beginner #beginner_campaign .cts span.pc {
    font-size: 18px;
    color: #000;
    display: inline;
}

#guide_beginner #beginner_campaign .cts span.sp {
    font-size: 18px;
    color: #000;
    display: none;
}

#guide_beginner #beginner_campaign .cts span {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    padding: 10px 0;
    display: block;
}

/* movie */
#guide_beginner #beginner_movie .box {
    background: url(../../images/movie.jpg) no-repeat -15px bottom;
}

#guide_beginner #beginner_movie h3 {
    font-size: 36px;
    color: #000;
    padding: 50px 0 60px;
}

#guide_beginner #beginner_movie .movie_area {
    width: 660px;
    float: right;
}

#guide_beginner #beginner_movie .movie_area:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#guide_beginner #beginner_movie .movie_area div {
    padding: 0 30px 30px 0;
    float: left;
}

#guide_beginner #beginner_movie .movie_area p {
    text-align: center;
    clear: both;
}

#guide_beginner #beginner_movie .movie_area a {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #999;
    text-decoration: none;
    margin: 20px 0 70px;
    padding: 8px 30px;
    border: solid 1px #e7e7e7;
    display: inline-block;
    background: #fff;
}

#guide_beginner #beginner_movie .movie_area a:hover {
    color: #bbb;
    border: solid 1px #efefef;
}

#guide_beginner #beginner_movie .movie_area a span {
    font-size: 12px;
    padding: 0 0 0 5px;
}

/*  Campaign
-----------------------------------------------------------------------------*/
#camp .tokubetsu {
    padding: 55px 20px 70px;
}

#camp .tokubetsu dl {
    padding: 40px 0 0;
}

#camp .tokubetsu dt {
    font-size: 16px;
    font-weight: bold;
    color: #2bc4e9;
}

#camp .tokubetsu dd {
    padding: 15px 0 0;
}

#camp .qum {
    padding: 35px 15px 70px;
}

#camp .qum .box {
    padding: 35px 5px 0;
    overflow: hidden;
}

#camp .qum .box .pic {
    padding: 0 26px 0 0;
    float: left;
}

#camp .qum .box dl {
    padding: 10px;
    overflow: hidden;
}

#camp .qum .box dt {
    font-weight: bold;
}

#camp .qum .box dd {
    padding: 5px 0 20px;
}

#camp .qum .box dd li {
    padding: 0 0 7px;
}

#camp .bd {
    padding: 35px 20px 70px;
}

#camp .bd dl {
    margin: 0 65px;
    padding: 32px 43px;
    background: #fff4f8;
}

#camp .bd dt {
    font-size: 16px;
    font-weight: bold;
    color: #ff407b;
    line-height: 28px;
    padding: 0 0 15px;
}

#camp .bd dt span {
    font-size: 24px;
}

#camp .bd .box {
    padding: 50px 0 0;
    overflow: hidden;
}

#camp .bd .box .pic {
    padding: 0 30px 0 0;
    float: left;
}

#camp .first {
    padding: 45px 20px 70px;
}

#camp .first .pic {
    margin: 0 30px 0 0;
    float: left;
}

#camp .first .data {
    overflow: hidden;
}

#camp .first .data h4 {
    margin: 0 0 15px;
}

#camp .first .data .box01 {
    padding: 0 20px 40px;
}

#camp .first .point1 {
    font-weight: bold;
    color: #cb0004;
}

#camp .first .point2 {
    text-decoration: underline;
}

#camp .first .data dl {
    margin: 20px auto;
    border: solid 1px #d9d9d9;
    width: 326px;
    background: #fff7fa;
}

#camp .first .data dt {
    font-weight: bold;
    color: #ff407b;
    padding: 15px 0 0 22px;
    position: absolute;
}

#camp .first .data dd {
    font-size: 22px;
    text-align: center;
    margin: 0 0 0 170px;
    padding: 15px 0;
    background: #fff;
}

#camp .first .data dd.sp {
    display: none;
}

/* 201507 added */
#camp .allprez .deadline_day {
    margin: 20px 20px 60px;
    border: solid 1px #FF4075;
}

#camp .allprez .deadline_day dt {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    padding: 15px 0;
}

#camp .allprez .deadline_day dt span {
    color: #FF4075;
}

#camp .allprez .deadline_day dd {
    color: #ff0000;
    text-align: center;
    padding: 20px 0;
    background: #FFF4F8;
}

#camp .allprez .deadline_day dd a {
    border-radius: 18px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 34px;
    text-decoration: none;
    margin: 0 40px;
    padding: 10px 0;
    display: block;
    background: #DD0000;
}

#camp .allprez .deadline_day dd a:hover {
    opacity: 0.8;
}

#camp .allprez ul {
    margin: 40px 20px;
}

#camp .allprez ul li {
    text-decoration: none;
    margin-bottom: 10px;
    padding: 0 10px 5px 30px;
    position: relative;
}

#camp .allprez ul li:before {
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #333;
    top: 3px;
    left: 0px;
    content: "\f046";
    position: absolute;
}

#camp .friend {
    padding: 0 0 50px;
}

#camp .special {
    padding: 0 0 50px;
}

#camp #special1509 dd ul.bg {
    padding: 20px 20px 40px;
    background: url(/info/camp/img/1509special/bg.jpg) left top no-repeat;
}

#camp #special1509 dd ul.bg li {
    text-indent: -1em;
    margin: 0 0 0.5em 1em;
}

#camp .first .point {
    font-weight: bold;
    color: #FF407B;
}

/*  Announce
-----------------------------------------------------------------------------*/
#announce .st {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 30px;
    font-weight: normal;
    color: #ff4075;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    padding: 50px 0 0;
    border-top: solid 1px #e7e7e7;
    width: 970px;
}

#announce .sst {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 16px;
    color: #ff4075;
    padding: 2px 0 2px 10px;
    border-left: solid 1px #ff4075;
}

#announce .box {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1100px;
    min-width: 970px;
}

#announce .box:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

/* new_price */
#announce #new_price {
    padding: 50px 0 0;
}

#announce #new_price .box {
    position: relative;
}

#announce #new_price .box .pic {
    width: 50%;
    right: 0;
    bottom: 0;
    position: absolute;
}

#announce #new_price .box .pic img {
    vertical-align: top;
    width: 100%;
    height: auto;
}

#announce #new_price .txt {
    padding: 20px 0 0 65px;
    width: 420px;
}

#announce #new_price .txt p {
    padding: 50px 0;
}

#announce #new_price .txt h4 {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 10px;
}

#announce #new_price .txt h4 span {
    font-size: 16px;
}

#announce #new_price .txt h4 strong {
    font-weight: normal;
    color: #ff6c96;
}

#announce #new_price .txt div {
    -webkit-border-radius: 5px;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    background: #f8f8f8;
}

#announce #new_price .txt i {
    font-size: 50px;
    color: #999;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0;
    width: 40px;
    display: block;
}

#announce #new_price .txt div p {
    color: #999;
    padding: 20px 0 15px;
}

#announce #new_price .txt dl {
    text-align: left;
    padding: 30px 10px 0;
    display: inline-block;
}

#announce #new_price .txt dt {
    font-size: 18px;
    padding: 0 0 0 10px;
    border-left: solid 1px #000;
}

#announce #new_price .txt dd {
    font-size: 20px;
    padding: 10px 0 0 12px;
}

#announce #new_price .txt dd span {
    font-size: 28px;
}

#announce #new_price .txt #new dt {
    border-left: solid 1px #ff6c96;
}

#announce #new_price .txt #new dd {
    text-align: center;
}

#announce #new_price .txt #new dd span {
    font-size: 38px;
    font-weight: normal;
    color: #ff6c96;
    line-height: 40px;
}

/* web_entry */
#announce #web_entry {
    background: url(../../images/web_entry.jpg) no-repeat center bottom;
    background-size: cover;
}

#announce #web_entry .st {
    padding: 50px 0;
    background: url(../../images/web_entry_title.png) repeat-x left top;
}

#announce #web_entry .txt {
    padding: 0 0 60px 65px;
    width: 420px;
}

#announce #web_entry .txt p {
    padding: 0 0 50px;
}

#announce #web_entry .txt dl {
    position: relative;
}

#announce #web_entry .txt dt {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    box-sizing: border-box;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding: 36px 10px 24px;
    border: solid 1px #000;
    width: 135px;
    position: absolute;
}

#announce #web_entry .txt dt span {
    font-size: 24px;
    padding: 0 0 5px;
    display: block;
}

#announce #web_entry .txt dd {
    padding: 40px 0 50px 150px;
}

#announce #web_entry .txt .fulltime dt {
    font-size: 26px;
    line-height: 36px;
}

#announce #web_entry .txt .fulltime dt strong {
    color: #ff6c96;
}

#announce #web_entry .txt .fulltime dd {
    padding: 50px 0 40px 150px;
}

#announce #web_entry .txt .note {
    color: #ff6c96;
    text-indent: -1em;
    padding: 30px 0 40px 1em;
}

#announce #web_entry .txt a {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #999;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    padding: 8px 0;
    border: solid 1px #999;
    width: 300px;
    display: block;
}

#announce #web_entry .txt a:hover {
    color: #bbb;
    border: solid 1px #aaa;
}

#announce #web_entry .txt a span {
    font-size: 14px;
    padding: 0 0 0 20px;
}

/* rule */
#announce #rule div {
    box-sizing: border-box;
    font-size: 13px;
    margin: 0 auto;
    padding: 0 65px 50px;
    width: 100%;
    max-width: 1100px;
    min-width: 970px;
}

#announce #rule p {
    padding: 60px 0 30px;
}

#announce #rule dl {
    position: relative;
}

#announce #rule dt {
    position: absolute;
}

#announce #rule dt span {
    width: 100px;
    display: inline-block;
}

#announce #rule dd {
    padding: 0 0 10px 300px;
}

/*  Sitemap
-----------------------------------------------------------------------------*/
#sitemap {
    width: 970px;
    overflow: hidden;
}

#sitemap .box {
    width: 1010px;
}

#sitemap .box:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#sitemap .box div {
    box-sizing: border-box;
    padding: 0 40px 0 0;
    width: 33.33%;
    float: left;
}

#sitemap .box dl {
    padding: 0 0 40px;
}

#sitemap .box dt {
    font-size: 14px;
    font-weight: bold;
    border-top: solid 2px #1dbee5;
}

#sitemap .box dt.biz {
    border-top: solid 2px #369;
}

#sitemap .box dt.free {
    border-top: solid 2px #f30;
}

#sitemap .box dt.mail {
    border-top: solid 2px #fc0;
}

#sitemap .box dt.program {
    border-top: solid 2px #66c;
}

#sitemap .box dt a {
    font-size: 14px;
    padding: 12px 10px 11px;
}

#sitemap .box dd {
    border-bottom: dotted 1px #CDCCCC;
}

#sitemap .box li {
    border-top: dotted 1px #CDCCCC;
}

#sitemap .box a {
    text-decoration: none;
    padding: 10px 10px 9px;
    display: block;
}

#sitemap .box li a:before {
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #d3d3d3;
    padding: 0 10px 0 0;
    display: inline-block;
    content: "\f0da";
}

#sitemap .box ul ul {
    padding: 0 0 5px 15px;
}

#sitemap .box li li {
    border-top: none;
}

#sitemap .box li li a {
    font-size: 12px;
    padding: 0 10px 5px;
}

#sitemap .box li li a:before {
    font: normal normal normal 10px/1 FontAwesome;
}

#sitemap .spec {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    margin: 20px 0 40px;
    padding: 10px 0;
    width: 100%;
    background: #f2f2f2;
    clear: both;
}

#sitemap .spec strong {
    display: block;
}

/*  Notice
-----------------------------------------------------------------------------*/
#notice {
    text-align: center;
}

#notice h2 {
    font-size: 20px;
    color: #ff4075;
}

#notice .box {
    box-sizing: border-box;
    margin: 15px auto 40px;
    padding: 30px 50px;
    border: solid 1px #dbdbdb;
    width: 900px;
}

#notice .box p {
    padding: 30px 75px;
}

/*  Line
-----------------------------------------------------------------------------*/
#line {
    padding: 0 0 100px;
}

#line h3 {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-radius: 10px 10px 10px 10px;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    margin-bottom: 55px;
    padding: 50px 0;
    background: #00C300;
}

#line h3 span {
}

#line .text {
    font-size: 20px;
    padding: 0 0 40px;
    text-align: center;
    margin: 0 auto;
}

#line .intro {
    margin: 50px 120px;
    font-size: 19px;
    line-height: 2;
}

#line .intro span {
    color: #6dbd24;
}

#line .intro p {
    margin-bottom: 30px;
}

#line .about {
    padding: 80px 0 80px;
}

#line .about:after {
    display: block;
    content: "";
    clear: both;
}

#line .about h4 {
    color: #6dbd24;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 60px;
}

#line .about dl dt {
    float: left;
    width: 287px;
}

#line .about dl dd {
    float: right;
    font-size: 19px;
    width: 610px;
    line-height: 2;
}

#line .about dl dd ol {
    margin-top: 50px;
}

#line .about dl dd ol li {
    margin-bottom: 30px;
}

#line .about dl dd ol li span {
    color: #19bfe7;
}

#line .about dl dd p.notes {
    color: #999999;
    font-size: 15px;
    line-height: 1.5;
}

#line .step {
    padding: 40px 0 80px;
}

#line .step:after {
    display: block;
    content: "";
    clear: both;
}

#line .step h4 {
    color: #6dbd24;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 60px;
}

#line .step ol > li {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 40px 20px;
    margin-bottom: 30px;
}

#line .step ol > li a {
    color: #2cb7d4;
}

#line .step ol > li > dl {
    display: table;
}

#line .step ol > li > dl > dt,
#line .step ol > li > dl > dd {
    display: table-cell;
    vertical-align: middle;
}

#line .step ol > li > dl > dt {
    padding-right: 30px;
}

#line .step ol > li > dl > dd p {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 2;
}

#line .step ol > li.step01 > dl > dd li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    color: #999;
}

#line .step ol > li.step01 > dl > dd li dt {
    height: 144px;
    vertical-align: middle;
    text-align: center;
}

#line .step ol > li.step01 > dl > dd .step01btn img {
    padding: 30px 0;
}

#line .step ol > li.step01 > dl > dd .step01btn {
    width: 45%;
}

#line .step ol > li.step01 > dl > dd .step01qr {
    width: 52.5%;
}

#line .faq {
    padding: 40px 0 80px;
}

#line .faq:after {
    display: block;
    content: "";
    clear: both;
}

#line .faq h4 {
    color: #6dbd24;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 60px;
}


#line .faq dt {
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 12px 40px 12px 57px;
    border: solid 1px #ccc;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    color: #3399ff;
    text-align: center;
}

#line .faq dt:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f067";
    position: absolute;
}

#line .faq dt.open:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f068";
    position: absolute;
}

#line .faq dd {
    font-size: 16px;
    line-height: 28px;
    padding: 30px 100px;
    border: 1px solid #CCCCCC;
    border-top: none;
    display: none;
}

#line .faq dd p {
    padding: 0 0 15px;
}


#line .st {
    margin: 0 0 20px 115px;
    padding-left: 170px;
    background: url(../../images/st01.gif) left top no-repeat;
}

#line .st dt {
    font-size: 24px;
    font-weight: bold;
    color: #00c300;
    padding: 25px 0;
}

#line .st dd {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 28px;
}

#line .stamp_list {
    zoom: 1;
    margin: 0 0 50px -25px;
    overflow: hidden;
}

#line .stamp_list li {
    margin: 0 0 20px 25px;
    float: left;
}

#line .link_btn {
    text-align: center;
}

#line .link_btn a {
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-radius: 30px 30px 30px 30px;
    font-size: 16px;
    color: #00c300;
    text-decoration: none;
    padding: 8px 40px;
    border: 4px solid #00c300;
}

#line .link_btn a:hover {
    color: #fff;
    background: #00c300;
}

/*  point_charge
-----------------------------------------------------------------------------*/
#point_charge {
    font-size: 17px;
    line-height: 28px;
    padding: 0 0 40px;
}

#point_charge .box01 {
    padding: 30px 30px 50px;
}

#point_charge dt span {
    padding-left: 20px;
    display: block;
}

#point_charge dd {
    padding: 25px 25px 50px 25px;
}

#point_charge .list01 {
    font-weight: bold;
    padding-top: 30px;
}

#point_charge .box01 p {
    padding-top: 30px;
}

#point_charge .list02 {
    text-indent: -30px;
    margin-left: 30px;
}

/*  reason
-----------------------------------------------------------------------------*/
#reason {
    font-size: 16px;
    line-height: 28px;
    padding-top: 30px;
}

#reason .in_reason {
    margin: 0 auto;
    width: 970px;
}

#reason h2, #reason h3 {
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    padding-bottom: 50px;
}

#reason .navi {
    margin: 0 0 20px -20px;
    overflow: hidden;
}

#reason .navi li {
    margin-left: 20px;
    float: left;
}

#reason .navi li .sp {
    display: none;
}

#reason .main_image {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

#reason .main_image h4 {
    top: 250px;
    right: 0px;
    position: absolute;
}

#reason .main_image .bg {
    width: 970px;
    height: auto;
}

#reason .text {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 820px;
}

#reason .text p {
    margin-bottom: 30px;
}

#reason .check {
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-radius: 30px 30px 30px 30px;
    margin: 30px auto 95px;
    padding: 30px 0;
    border: 2px solid #fc9cb8;
    width: 870px;
    clear: both;
    position: relative;
}

#reason .check div {
    padding: 0 130px;
}

#reason .check img {
    top: -30px;
    left: 25px;
    position: absolute;
}

#reason .media .clearfix {
    margin: 0 auto 35px;
    width: 750px;
}

#reason .media .clearfix ul {
    width: 375px;
    float: left;
}

#reason .media .image {
    margin-bottom: 100px;
}

#reason .privacy {
    margin: 0 auto 100px;
    width: 830px;
    overflow: hidden;
}

#reason .privacy img {
    margin-right: 60px;
    float: left;
}

#reason .privacy div p {
    margin-bottom: 40px;
}

#reason .privacy div span {
    font-size: 14px;
}

#reason .experience {
    margin-bottom: 100px;
    overflow: hidden;
}

#reason .experience .pic {
    font-size: 14px;
    line-height: 24px;
}

#reason .experience .main {
    float: left;
}

#reason .experience .pic .clearfix {
    margin-bottom: 20px;
    overflow: hidden;
}

#reason .experience .clearfix ul {
    float: right;
}

#reason .experience ul li p {
    margin: 5px 0 10px;
}

#reason .experience .pic .spic {
    margin-left: -19px;
    overflow: hidden;
}

#reason .experience .pic .spic + .spic {
    margin-top: 10px;
}

#reason .experience .pic .spic li {
    margin-left: 19px;
    float: left;
}

#reason .office {
    margin-bottom: 80px;
}

#reason .office ul {
    margin-left: -16px;
    overflow: hidden;
}

#reason .office li {
    font-size: 12px;
    margin-left: 16px;
    float: left;
}

#reason .office li p {
    padding: 8px 0 20px;
}

#reason .system {
    margin-bottom: 70px;
}

#reason .service {
    margin-bottom: 70px;
    overflow: hidden;
}

#reason .service .download {
    margin: 0 auto 30px;
    width: 770px;
    overflow: hidden;
}

#reason .service .download .pic {
    float: left;
}

#reason .service .download .cont {
    width: 500px;
    float: right;
}

#reason .service .download .cont p {
    margin-bottom: 30px;
}

#reason .service .download .cont {
    height: 342px;
    position: relative;
}

#reason .service .download .cont a {
    right: 0;
    bottom: -5px;
    position: absolute;
}

#reason .service .download .cont a:hover {
    -moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

#reason .service .image {
    margin-bottom: 70px;
}

#reason .present_list {
    font-size: 14px;
    overflow: hidden;
}

#reason .present_list li p {
    padding: 5px 0 20px;
}

#reason .present_list li {
    margin-left: 25px;
    float: left;
}

#reason .btn_link {
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-radius: 5px 5px 5px 5px;
    font-size: 14px;
    text-align: center;
    margin-right: 30px;
    width: 260px;
    background: #f3f3f3;
    float: right;
}

#reason .btn_link a {
    text-decoration: none;
    padding: 8px 0;
    display: block;
}

#reason .free .btn_link {
    margin-bottom: 40px;
    background: url(../../images/icon01.gif) 90% 50% no-repeat #f3f3f3;
}

#reason .free .check {
    margin-bottom: 110px;
}

#reason .free .text {
    padding: 0;
}

#reason .trust .bad {
    background: #e5e5e5;
    overflow: hidden;
}

#reason .trust .good {
    background: #fecedc;
    overflow: hidden;
}

#reason .trust .bad p, #reason .trust .good p {
    padding-bottom: 30px;
}

#reason .trust .bad .in_cont div {
    padding: 40px 0 10px;
}

#reason .trust .good .in_cont div {
    padding: 40px 0 30px;
}

#reason .trust .bad img, #reason .trust .good img {
    float: right;
}

#reason .trust .in_cont {
    margin: 0 auto;
    width: 970px;
}

#reason .trust .good {
    margin-bottom: 60px;
}

#reason .trust .check {
    margin-bottom: 100px;
}

#reason .relation {
    margin: 80px 0 50px;
    overflow: hidden;
}

#reason .relation .sp {
    display: none;
}

#reason .relation dt {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

#reason .relation dd ul {
    text-align: center;
}

#reason .relation dd li p {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    padding-top: 15px;
}

#reason .relation dd li span {
    display: none;
}

#reason .relation dd li {
    margin-left: 20px;
    width: 292px;
    display: inline-block;
}

#reason .relation .sp {
    display: none;
}

#reason.index02 .main_image {
    text-align: left;
}

#reason.index02 .main_image h4 {
    top: 35px;
    left: 0px;
    position: absolute;
}

#reason.index02 .main_image {
    margin-bottom: 80px;
}

#reason.index02 .fee {
    margin: 0 auto;
    width: 770px;
}

#reason.index02 .fee dl {
    margin-left: 90px;
    padding-bottom: 50px;
    width: 340px;
    float: left;
}

#reason.index02 .fee div {
    margin-left: -90px;
    overflow: hidden;
}

#reason.index02 .fee div dd p {
    padding-bottom: 30px;
}

#reason.index02 .image {
    padding-bottom: 70px;
}

#reason.index02 .d_payment {
    margin: 0 auto;
    padding-bottom: 40px;
    width: 770px;
}

#reason.index02 .d_payment ul {
    padding: 30px 0;
}

#reason.index02 .comparison {
    padding-bottom: 40px;
}

#reason.index02 .comparison table, #reason.index02 .discount table {
    margin: 0 auto;
    width: 720px;
}

#reason.index02 .comparison p {
    margin: 0 auto 5px;
    width: 770px;
}

#reason.index02 .comparison p span {
    font-size: 12px;
    text-align: right;
    margin: 0 auto;
    padding-top: 10px;
    width: 720px;
    display: block;
}

#reason.index02 .comparison table {
    line-height: 18px;
    border-top: 1px solid #cbcdcc;
    border-left: 1px solid #cbcdcc;
}

#reason.index02 .comparison td, #reason.index02 .comparison th, #reason.index02 .discount td, #reason.index02 .discount th {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 1px solid #cbcdcc;
    border-right: 1px solid #cbcdcc;
}

#reason.index02 .comparison table thead th, #reason.index02 .discount table thead th {
    padding: 5px;
    border-bottom: 2px solid #cbcdcc;
    background: #f9f9f9;
}

#reason.index02 .comparison table thead .tp, #reason.index02 .discount table thead .tp {
    border-bottom: 1px solid #cbcdcc;
    background: #fff;
}

#reason.index02 .comparison table thead .tp {
    font-weight: bold;
}

#reason.index02 .comparison table th {
    font-weight: normal;
    padding: 20px;
    border-bottom: 1px solid #cbcdcc;
    background: #ffe3f1;
}

#reason.index02 .comparison table thead th.abg, #reason.index02 .discount table thead th.abg {
    background: #fff;
}

#reason.index02 .comparison table th.abg, #reason.index02 .discount table th.abg, #reason.index02 .discount table th.price {
    background: #fff0f7;
}

#reason.index02 .comparison table td, #reason.index02 .discount table td {
    background: #f9f9f9;
}

#reason.index02 .comparison table td.price {
    text-align: left;
    padding: 10px 15px;
}

#reason.index02 .comparison table td.price_all {
    padding: 20px 0;
    background: #fff;
}

#reason.index02 .discount table td.price {
    text-align: left;
    padding: 10px 15px;
    background: #fff;
}

#reason.index02 .discount table td.price_all {
    padding: 20px 0;
}

#reason.index02 .comparison table td.abg, #reason.index02 .discount table td.abg {
    background: #fff;
}

#reason.index02 .change .text {
    padding-bottom: 40px;
}

#reason.index02 .change strong {
    color: #454545;
}

#reason.index02 .change .text span {
    text-decoration: underline;
}

#reason.index02 .change table {
    color: #666;
    margin: 0 auto 20px;
    width: 900px;
}

#reason.index02 .change table th {
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
    background: #b8b8b8;
}

#reason.index02 .discount table th {
    font-size: 14px;
    font-weight: normal;
    padding: 20px 0;
    border-bottom: 1px solid #cbcdcc;
    background: #ffe3f1;
}

#reason.index02 .change table .st {
    width: 180px;
}

#reason.index02 .change table td, #reason.index02 .discount table td {
    font-size: 14px;
}

#reason.index02 .change table, #reason.index02 .discount table {
    border-left: 1px solid #cccccc;
}

#reason.index02 .change table {
    border-bottom: 1px solid #cccccc;
}

#reason.index02 .change table th, #reason.index02 .change table td, #reason.index02 .discount table th, #reason.index02 .discount table td {
    line-height: 18px;
    text-align: center;
    border-right: 1px solid #cccccc;
}

#reason.index02 .change table td, #reason.index02 .discount table td {
    padding: 5px 0;
}

#reason.index02 .change table .font_s, #reason.index02 .discount table .font_s {
    font-size: 10px;
}

#reason.index02 .change table .abg01 td, #reason.index02 .change table .abg01 td {
    padding: 5px 0;
    background: #f7f7f7;
}

#reason.index02 .change table span, #reason.index02 .discount table span {
    font-size: 10px;
}

#reason.index02 .change table .abg02 td, #reason.index02 .discount table .abg02 td {
    background: #f3f3f3;
}

#reason.index02 .change .note {
    font-size: 10px;
    line-height: 14px;
    padding: 0 100px 50px 100px;
}

#reason.index02 .point {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-radius: 20px 20px 20px 20px;
    margin: 0 auto 80px;
    padding: 50px 0 55px;
    width: 880px;
    background: #efefef;
}

#reason.index02 .point p {
    padding: 0 50px 30px;
}

#reason.index02 .point p span {
    text-decoration: underline;
}

#reason.index02 .point .pic {
    text-align: center;
    padding-bottom: 25px;
}

#reason.index02 .discount .text {
    padding-bottom: 5px;
}

#reason.index02 .discount table {
    line-height: 18px;
    margin-bottom: 50px;
    border-top: 1px solid #cbcdcc;
    border-left: 1px solid #cbcdcc;
}

#reason.index02 .discount table .none {
    text-align: left;
    padding: 0 60px;
}

#reason.index02 .discount .text .note {
    font-size: 12px;
    text-align: right;
    margin: 0 auto;
    padding-top: 30px;
    width: 720px;
    display: block;
}

#reason.index02 .discount .text p span {
    text-decoration: underline;
}

#reason.index02 .popular {
    margin-bottom: 30px;
}

#reason.index02 .popular .detail {
    padding: 0 60px 50px;
    overflow: hidden;
}

#reason.index02 .popular .detail .table {
    float: left;
}

#reason.index02 .popular .text {
    padding-bottom: 50px;
}

#reason.index02 .popular .detail .pic {
    font-size: 12px;
    color: #999999;
    line-height: 22px;
    float: right;
}

#reason.index02 .popular .questionnaire {
    padding: 0 60px 40px;
    overflow: hidden;
}

#reason.index02 .popular .questionnaire div {
    width: 250px;
    float: right;
}

#reason.index02 .popular .questionnaire div p, #reason.index02 .popular .questionnaire div ul {
    padding-bottom: 20px;
}

#reason .teller_list {
    font-size: 12px;
    line-height: 18px;
    margin-left: -19px;
    padding-bottom: 80px;
    overflow: hidden;
}

#reason .teller_list li {
    margin-left: 19px;
    float: left;
}

#reason .teller_list li span.date_from {
    display: none;
}

#reason .teller_list li p {
    padding: 10px 0 25px;
}

#reason.index03 .main_image {
    margin-bottom: 60px;
}

#reason.index03 .text .note {
    font-size: 14px;
    text-align: right;
    padding-top: 10px;
    display: block;
}

#reason.index03 .image {
    text-align: center;
    padding-bottom: 90px;
}

#reason.index03 .movie {
    padding-bottom: 80px;
    overflow: hidden;
}

#reason.index03 .movie .image {
    padding-bottom: 5px;
}

#reason.index03 .phone .image {
    padding-bottom: 30px;
}

#reason.index03 .qole_style {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-radius: 20px 20px 20px 20px;
    margin: 0 auto 80px;
    padding: 50px 0 55px;
    width: 880px;
    background: #efefef;
}

#reason.index03 .qole_style p {
    padding-bottom: 30px;
}

#reason.index03 .qole_style p, #reason.index03 .qole_style .pic {
    margin: 0 auto;
    width: 770px;
}

#reason .movie .btn_link {
    width: 280px;
}

#reason .movie .btn_link {
    margin-bottom: 40px;
    background: url(../../images/icon01.gif) 240px 50% no-repeat #f3f3f3;
}

#reason .movie .btn_link a {
    padding: 8px 25px 8px 0;
}

#reason .relation li a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* scene
-----------------------------------------------------------------------------*/
#scene, #scene_top {
    font-size: 17px;
    line-height: 28px;
}

#scene .title {
    font-size: 28px;
    line-height: 40px;
}

#scene .pc {
    display: block;
}

#scene .sp {
    display: none;
}

#scene .cont {
    padding-bottom: 90px;
}

#scene .note, #scene .text {
    margin: 0 auto 40px auto;
    width: 750px;
}

#scene h2 {
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    padding-bottom: 20px;
}

#scene .mainimage {
    padding-bottom: 60px;
}

#scene h3 {
    font-size: 28px;
    font-size: 28px;
    font-weight: normal;
    line-height: 30px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 40px;
}

#scene .graph {
    padding-bottom: 90px;
    overflow: hidden;
}

#scene .graph .clearfix {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 870px;
}

#scene .graph .w_image {
    text-align: center;
}

#scene .graph .data {
    font-size: 10px;
    line-height: 16px;
    width: 300px;
    float: left;
}

#scene .graph .data p {
    padding-top: 5px;
}

#scene .graph .text_data {
    margin-left: 20px;
    width: 540px;
    float: right;
}

#scene .graph .text_data p {
    padding-bottom: 30px;
}

#scene .graph .text_data .comment {
    margin-bottom: 30px;
    padding: 30px 30px 30px 60px;
    border: 1px solid #cccccc;
    background: url(../../images/icon01.gif) 18px 18px no-repeat;
}

#scene .scene_topic .sst {
    display: none;
}

#scene .scene_topic img {
    float: left;
}

#scene .scene_topic div {
    padding-left: 10px;
    float: left;
}

#scene .scene_topic {
    zoom: 1;
    padding: 0 0 10px 0;
    background: url(../../images/bg01.jpg) right top no-repeat;
    overflow: hidden;
}

#scene .scene_topic img {
    margin-left: 50px;
}

#scene .scene_topic div ul {
    font-size: 16px;
    padding-bottom: 35px;
}

#scene .scene_topic ul:nth-child(6), #scene .scene_topic ul:nth-child(8), #scene .scene_topic ul:nth-child(10) {
    padding-bottom: 48px;
}

#scene .point {
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-radius: 30px 30px 30px 30px;
    margin: 30px auto 0;
    padding: 30px 0;
    border: 2px solid #fc9cb8;
    width: 870px;
    clear: both;
    position: relative;
}

#scene .point div {
    padding: 0 130px;
}

#scene .point img {
    top: -30px;
    left: 25px;
    position: absolute;
}

#scene .scene_link {
    margin-left: -28px;
}

#scene .scene_link ul {
    padding-bottom: 20px;
    overflow: hidden;
}

#scene .scene_link li {
    vertical-align: top;
    margin-left: 28px;
    padding-bottom: 50px;
    width: 300px;
    display: inline-block;
}

#scene .scene_link li dt {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 10px 0;
}

#scene .howto {
    padding: 0 30px 30px 30px;
    overflow: hidden;
}

#scene .howto div {
    width: 500px;
    float: left;
}

#scene .howto img {
    float: right;
}

#scene .howto ul {
    margin: 25px 0;
    padding: 25px 30px;
    border: 1px solid #cccccc;
}

#scene .howto ul li {
    text-indent: -15px;
    margin-left: 15px;
}

#scene .line {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

#scene .w_image {
    text-align: center;
}

#scene .w_image .pc {
    display: block;
}

#scene .w_image .sp {
    display: none;
}

#scene .w_image img {
    display: inline-block;
}

#scene #fortune_carousel {
    margin: 0 auto;
    width: 800px;
    position: relative;
}

#scene #fortune_carousel .prev {
    top: 60px;
    left: -40px;
}

#scene #fortune_carousel .prev, #scene #fortune_carousel .next {
    display: block;
    position: absolute;
}

#scene #fortune_carousel .next {
    top: 60px;
    right: -40px;
}

#scene .scene_links {
    margin-left: -10px;
    padding: 0 25px 0;
    overflow: hidden;
}

#scene .scene_links li a {
    text-decoration: none;
}

#scene .scene_links ul li {
    line-height: 24px;
    margin-left: 10px;
    width: 222px;
    float: left;
}

#scene .scene_links ul li strong {
    font-size: 18px;
    padding: 8px 0;
    display: block;
}

#scene .text_area {
    margin: 0 auto 30px;
    width: 760px;
}

#scene .text_area p {
    padding-bottom: 25px;
}

#scene .image {
    text-align: center;
    padding-bottom: 40px;
}

#scene .text_area .comment {
    margin-bottom: 30px;
    padding: 30px 30px 30px 60px;
    border: 1px solid #cccccc;
    background: url(../../images/icon01.gif) 18px 18px no-repeat;
}

#scene_top .top_menu {
    margin-left: -60px;
    padding-bottom: 20px;
}

#scene_top .top_menu li {
    vertical-align: top;
    margin-left: 60px;
    width: 450px;
    display: inline-block;
}

#scene_top .c_wrapper {
    padding: 20px 0 0;
}

#scene_top .note {
    text-align: center;
    margin-bottom: 70px;
}

#scene_top .top_menu a {
    text-decoration: none;
}

#scene_top .top_menu strong {
    font-weight: bold;
    padding: 8px 0;
    display: block;
}

#scene_top .top_menu dd {
    padding-bottom: 50px;
}

#scene .relation dt {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

#scene_top .relation dt {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
    padding: 30px 0 0 0;
    padding-bottom: 15px;
    border: none;
    border-top: 1px solid #ccc;
}

#scene .relation, #scene_top .relation {
    margin: 0 0 60px;
    overflow: hidden;
}

#scene .relation .sp, #scene_top .relation .sp {
    display: none;
}

#scene .relation dd ul, #scene_top .relation dd ul {
    text-align: center;
}

#scene .relation dd li p, #scene_top .relation dd li p {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    padding-top: 15px;
}

#scene .relation dd li span, #scene_top .relation dd li span {
    display: none;
}

#scene .relation dd li, #scene_top .relation dd li {
    margin-left: 20px;
    width: 292px;
    display: inline-block;
}

#scene .relation .sp, #scene_top .relation .sp {
    display: none;
}

#scene #fortune_carousel li {
    position: relative;
    padding: 15px 20px 0;
}

#scene #fortune_carousel p.status_online,
#scene #fortune_carousel p.status_working,
#scene #fortune_carousel p.status_offline,
#scene #fortune_carousel p.status_close,
#scene #fortune_carousel p.status_event {
    position: absolute;
    top: 0;
    left: 0;
}


/*  basic
-----------------------------------------------------------------------------*/
#basic {
    margin: 0 auto;
    width: 970px;
}

#basic .mainimage.pc {
    display: block;
}

#basic .mainimage.sp {
    display: none;
}

#basic .mainimage {
    text-align: center;
    padding: 30px 0 50px;
}

#basic #howto {
    padding-top: 30px;
}

#basic .st {
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 20px;
}

#basic .text {
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    padding-bottom: 30px;
}

#basic .about a, #basic .howto li a {
    text-decoration: none;
}

#basic .howto li:hover, #basic .about dt:hover {
    opacity: 0.8;
}

#basic .about {
    font-size: 17px;
    line-height: 28px;
    padding-bottom: 40px;
}

#basic .about ul {
    margin-left: -12px;
}

#basic .about dt strong {
    font-weight: bold;
    padding: 10px 0;
    display: block;
}

#basic .about li {
    vertical-align: top;
    margin-left: 27px;
    padding-bottom: 30px;
    width: 292px;
    display: inline-block;
}

#basic .relation {
    margin: 0 0 50px;
    overflow: hidden;
}

#basic .relation ul li:hover {
    opacity: 0.8;
}

#basic .relation .sp {
    display: none;
}

#basic .relation dt {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 20px;
    border-top: 1px solid #cccccc;
}

#basic .relation dd ul {
    text-align: center;
}

#basic .relation dd li p {
    font-size: 16px;
    line-height: 26px;
    text-align: left;
    padding-top: 15px;
}

#basic .relation dd li span {
    display: none;
}

#basic .relation dd li {
    margin-left: 20px;
    width: 292px;
    display: inline-block;
}

#basic .relation .sp {
    display: none;
}

#basic .howto {
    padding: 0 10px 50px 10px;
}

#basic .howto ul {
    margin-left: -18px;
}

#basic .howto li {
    vertical-align: top;
    margin-left: 35px;
    display: inline-block;
}

#basic .howto .category {
    font-size: 14px;
    color: #fff;
    padding: 4px 8px;
    background: #1dbee5;
    position: absolute;
}

#basic .howto li:hover .name span {
    color: #000;
}

#basic .howto .name {
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}

#basic .howto .name span {
    font-size: 10px;
    font-weight: normal;
    display: block;
}

#basic .howto li {
    padding-bottom: 20px;
}

#basic .howto li:hover {
    opacity: 0.8;
}

/*  guide_top
-----------------------------------------------------------------------------*/
#guide_top .box {
    font-size: 17px;
    line-height: 28px;
}

#guide_top .box ul {
    margin-bottom: 25px;
    padding-top: 30px;
    overflow: hidden;
}

#guide_top .box li {
    letter-spacing: 0px;
    float: left;
}

#guide_top .box li a {
    text-decoration: none;
}

#guide_top .box.col2 {
    margin-left: -26px;
}

#guide_top .box.col2 li {
    margin-left: 26px;
    padding-bottom: 25px;
    width: 352px;
}

#guide_top .box.col3 {
    margin-left: -28px;
    padding-bottom: 25px;
}

#guide_top .box.col3 li {
    margin-left: 28px;
    width: 224px;
}

#guide_top .box.col3 li img {
    width: 224px;
}

#guide_top .box li p {
    font-weight: bold;
    padding-top: 15px;
}

#guide_top .box li p.icon_beg {
    padding-left: 40px;
    background: url(../../images/icon_beginner.gif) 5px 13px no-repeat;
}

#guide_top .box li span {
    padding-top: 8px;
    display: block;
}

#guide_top .wrap {
    margin: 0 0 40px;
    padding: 15px;
    background: #f3fdff;
}

#guide_top .wrap ul {
    box-sizing: border-box;
    padding: 10px;
    border: solid 1px #b3eaf8;
    width: 100%;
    background: #fff;
}

#guide_top .wrap ul:after {
    height: 0;
    display: block;
    clear: both;
    content: " ";
}

#guide_top .wrap li {
    float: left;
}

#guide_top .wrap li a {
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    display: block;
    position: relative;
}

#guide_top .wrap li a:before {
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: inherit;
    color: #BEBEBE;
    top: 8px;
    left: 10px;
    content: "\f0da";
    position: absolute;
}

#guide_top .telbox {
    padding-bottom: 30px;
}

#guide_top .telbox span {
    color: #666;
}

#guide_top .contact_press {
    margin: 0 0 30px;
    padding: 15px;
    background: #f5f5f5;
}

#guide_top .contact_press dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px 10px;
}

#guide_top .contact_press dd {
    box-sizing: border-box;
    padding: 10px 20px 10px 340px;
    border: solid 1px #ccc;
    width: 100%;
    background: #fff;
    position: relative;
}

#guide_top .contact_press .freetel {
    font-size: 30px;
    top: 8px;
    left: 20px;
    position: absolute;
}

#guide_top .contact_press .freetel span {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    vertical-align: top;
    margin: 9px 5px 0 0;
    padding: 2px 5px;
    display: inline-block;
    background: #1dbee5;
}

#guide_top .contact_press .time {
    color: #1dbee5;
}

/*  basic
-----------------------------------------------------------------------------*/
#basic .nav_st {
    font-size: 28px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 30px;
    border-top: 1px solid #cccccc;
}

#basic .basic_st {
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    padding: 30px 0 0;
}

#basic .cont {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    padding: 10px 0 0;
}

#basic .cont .text {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    padding: 30px 70px 0;
}

#basic .basic_title {
    box-sizing: border-box;
    font-weight: normal;
    color: #fff;
    text-align: center;
    padding: 66px 0 0;
    height: 225px;
    background: url(../../images/inpage_title_bg.jpg) no-repeat center top;
    position: relative;
}

#basic .basic_title a {
    top: 0;
    right: 0;
    position: absolute;
}

#basic .basic_title .cat {
    font-size: 14px;
    padding: 7px 20px 4px;
    display: inline-block;
    background: #1dbee5;
}

#basic .basic_title strong {
    font-size: 52px;
    font-weight: normal;
    color: #000;
    line-height: 58px;
    padding: 12px 0 0;
    display: block;
}

#basic .basic_title .en {
    font-family: 'Times New Roman', 'Times', serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    display: block;
}

#basic .point {
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-radius: 30px 30px 30px 30px;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin: 30px auto 0;
    padding: 30px 0;
    border: 2px solid #fc9cb8;
    width: 870px;
    clear: both;
    position: relative;
}

#basic .point div {
    padding: 0 30px 0 130px;
}

#basic .point img {
    top: -30px;
    left: 25px;
    position: absolute;
}

/* about --------------------------------*/
#basic_about .fig {
    padding: 20px 0 0;
    position: relative;
}

#basic_about .fig span {
    font-size: 10px;
    color: #999;
    right: 80px;
    bottom: 30px;
    position: absolute;
}

#basic_about #box03 {
    width: 100%;
    overflow: hidden;
}

#basic_about #box03 .text {
    padding-right: 0;
    width: 420px;
    float: left;
}

#basic_about #box03 .fig {
    width: 460px;
    float: right;
}

#basic_about #box03 span {
    right: 0;
    bottom: 10px;
}

#basic_about #box04 {
    padding: 40px 0 0;
}

#basic_about #history_data {
    text-align: left;
    padding: 40px 50px 0 175px;
    min-height: 640px;
    background: url(../../images/about_history_bg.png) no-repeat 50px 40px #fff;
    position: relative;
}

#basic_about #history_data dt {
    font-size: 13px;
    position: absolute;
}

#basic_about #history_data dt strong {
    display: none;
}

#basic_about #history_data dd li {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    letter-spacing: 0;
    margin: 2px 0 0 140px;
    padding: 0 0 0 10px;
    border: 1px solid #ccc;
    position: relative;
}

#basic_about #history_data dd li:before {
    width: 20px;
    height: 13px;
    top: 7px;
    left: -15px;
    display: block;
    background: url(../../images/about_history_arr.png) no-repeat 0 0;
    content: " ";
    position: absolute;
}

#basic_about #history_data dt:nth-of-type(1) li:nth-of-type(1) {
    margin-top: 5px;
}

#basic_about #history_data dt:nth-of-type(1) li:nth-of-type(2) {
    margin-top: 40px;
}

#basic_about #history_data dt:nth-of-type(1) li:nth-of-type(3) {
    margin-top: 20px;
}

#basic_about #history_data dd:nth-of-type(1) li:nth-of-type(2) {
    margin-top: 40px;
}

#basic_about #history_data dd:nth-of-type(1) li:nth-of-type(3) {
    margin-top: 20px;
}

#basic_about #history_data dd:nth-of-type(2) li {
    margin-top: 4px;
}

#basic_about #history_data dt:nth-of-type(3) li {
    margin-top: 2px;
}

#basic_about #history_data dd:nth-of-type(3) li {
    margin-top: 6px;
}

#basic_about #history_data dd:nth-of-type(3) li:nth-of-type(1) {
    margin-top: 25px;
}

/* houhou --------------------------------*/
#basic_houhou .type .text {
    text-align: center;
    padding: 20px 0 0;
}

#basic_houhou .type dl {
    vertical-align: top;
    padding: 30px 0 40px;
    width: 230px;
    display: inline-block;
}

#basic_houhou .type dl dt strong {
    box-sizing: border-box;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    font-size: 52px;
    font-weight: normal;
    color: #fff;
    line-height: 54px;
    margin: 0 auto;
    padding: 50px 0 0;
    width: 170px;
    height: 170px;
    display: block;
    background: #ff4075;
}

#basic_houhou .type dl:nth-of-type(2) {
    padding: 30px 80px 0;
}

#basic_houhou .type dl:nth-of-type(2) dt strong {
    background: #ffc8d7;
}

#basic_houhou .type dl:nth-of-type(3) dt strong {
    color: #ff4075;
    border: 1px solid #ffc8d7;
    background: #fff;
}

#basic_houhou .type dl dt span {
    font-size: 12px;
    line-height: 18px;
    display: block;
}

#basic_houhou .type dl dd {
    text-align: left;
    padding: 20px 0 0;
}

#basic_houhou .type ul {
    padding: 0 0 10px;
}

#basic_houhou .type ul li span {
    color: #ff4075;
    width: 175px;
    display: inline-block;
}

#basic_houhou .type ul li strong {
    font-family: 'MS Pゴシック';
    font-size: 18px;
}

#basic_houhou .type dd p {
    padding: 20px 0 0;
}

#basic_houhou #box03 .text {
    padding-bottom: 50px;
}

#basic_houhou #box04 {
    padding-top: 40px;
}

#basic_houhou #box04 .question {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
    text-align: center;
    padding: 0 70px;
    display: inline-block;
}

#basic_houhou #box04 .yes {
    color: #ff4075;
}

#basic_houhou #box04 .question dt {
    font-size: 18px;
    line-height: 24px;
    padding: 30px 0 0;
}

#basic_houhou #box04 .question dd {
    padding: 40px 0 0;
}

#basic_houhou #box04 .question dd .yes, #basic_houhou #box04 .question dd .no {
    font-size: 46px;
    line-height: 48px;
    padding: 0 30px;
}

#basic_houhou #box04 .result {
    margin: 0 auto;
    padding: 50px 0 0;
    width: 880px;
    overflow: hidden;
}

#basic_houhou #box04 .result dl {
    box-sizing: border-box;
    text-align: left;
    padding: 20px;
    border: 1px solid #ccc;
    border-left: none;
    width: 25%;
    float: left;
}

#basic_houhou #box04 .result dl:nth-child(even) {
    background: #ececec;
}

#basic_houhou #box04 .result dl:first-child {
    border-left: 1px solid #ccc;
}

#basic_houhou #box04 .result dt {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 26px;
    font-weight: bold;
}

#basic_houhou #box04 .result dd {
    font-size: 14px;
    line-height: 22px;
    padding: 15px 0 0;
}

#basic_houhou #box04 .result dd p {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

#basic_houhou #box04 .result > p {
    font-size: 10px;
    color: #666;
    line-height: 20px;
    text-align: left;
    padding: 15px 0 0;
    clear: both;
}

#basic_houhou #box04 .point {
    margin: 80px auto;
}

/* whats --------------------------------*/
#basic_whats #box01 .text {
    padding-bottom: 40px;
}

#basic_whats #box02 .basic_st {
    padding-top: 80px;
}

#basic_whats #box02 ul {
    text-align: center;
    padding: 50px 0 0;
}

#basic_whats #box02 li {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-sizing: border-box;
    font-size: 28px;
    color: #fff;
    vertical-align: middle;
    margin: 0 10px;
    padding: 68px 0;
    width: 160px;
    height: 160px;
    display: inline-block;
    background: #ff4075;
}

#basic_whats #box02 li span {
    text-align: left;
    display: inline-block;
}

#basic_whats #box02 li:nth-of-type(2) {
    padding: 54px 0;
    background: #FFA8C0;
}

#basic_whats #box03 .basic_st {
    padding-top: 100px;
}

#basic_whats #box03 ul {
    text-align: center;
    padding: 30px 0 0;
}

#basic_whats #box03 li {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-sizing: border-box;
    font-size: 28px;
    color: #fff;
    margin: 0 20px;
    padding: 68px 0;
    width: 160px;
    height: 160px;
    display: inline-block;
    background: #ff4075;
}

#basic_whats #box03 li:nth-of-type(1) {
    background: #e3e3e3;
}

#basic_whats #box03 li:nth-of-type(3) {
    color: #FFA8C0;
    border: 1px solid #FFA8C0;
    background: #fff;
}

#basic_whats #box04 .basic_st {
    padding-top: 100px;
}

#basic_whats #box04 ul {
    text-align: center;
    padding: 30px 0 0;
}

#basic_whats #box04 li {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    box-sizing: border-box;
    vertical-align: top;
    margin: 0 15px;
    padding: 45px 0 0;
    width: 260px;
    height: 260px;
    display: inline-block;
    background: #ff4075;
}

#basic_whats #box04 dt {
    font-size: 28px;
}

#basic_whats #box04 dd {
    letter-spacing: -0.05em;
    line-height: 25px;
    text-align: center;
}

#basic_whats #box04 dd p {
    letter-spacing: 0;
    text-align: left;
    padding: 15px 0 0;
    display: inline-block;
}

#basic_whats #box04 dd span {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    padding: 15px 45px;
    display: inline-block;
}

#basic_whats #box04 li:nth-of-type(1) {
    color: #fff;
}

#basic_whats #box04 li:nth-of-type(1) dd span {
    color: #000;
}

#basic_whats #box04 li:nth-of-type(2) {
    background: #FFC8D7;
}

#basic_whats #box04 li:nth-of-type(3) {
    border: 1px solid #FFA8C0;
    background: #fff;
}

#basic_whats #box04 li:nth-of-type(3) dt {
    color: #ff4075;
}

#basic_whats #box04 li:nth-of-type(4) {
    background: #FFE8EE;
}

#basic_whats #box04 li:nth-of-type(4) dt {
    color: #ff4075;
}

#basic_whats #box04 li:nth-of-type(5) {
    background: #f4f4f4;
}

#basic_whats #box04 li:nth-of-type(5) dd {
    color: #ff4075;
}

#basic_whats #box04 li:nth-of-type(5) dd span {
    color: #000;
}

#basic_whats #box05 .basic_st {
    padding-top: 80px;
}

#basic_whats #box05 li {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 60px 0 0;
    width: 400px;
    display: inline-block;
}

#basic_whats #box06 .basic_st {
    padding-top: 80px;
}

#basic_whats .point {
    margin-bottom: 70px;
    margin-top: 60px;
}

/* fortune_teller --------------------------------*/
#basic_fortune_teller #box01 .text {
    padding-bottom: 40px;
}

#basic_fortune_teller #box02 .text:nth-of-type(2) {
    padding-bottom: 40px;
}

#basic_fortune_teller #box03 .basic_st {
    padding-top: 80px;
}

#basic_fortune_teller #box03 .text:nth-of-type(2) {
    padding-bottom: 40px;
}

#basic_fortune_teller #box04 .basic_st {
    padding-top: 80px;
}

#basic_fortune_teller #box04 div {
    text-align: center;
    padding: 30px 0 0;
}

#basic_fortune_teller #box04 div dl {
    font-size: 14px;
    text-align: left;
    padding: 0 15px;
    display: inline-block;
}

#basic_fortune_teller #box05 .basic_st {
    padding-top: 80px;
}

#basic_fortune_teller #box05 h4 {
    font-size: 20px;
    font-weight: normal;
    padding-top: 40px;
}

#basic_fortune_teller #box05 ul {
    text-align: center;
    padding: 30px 0 50px;
}

#basic_fortune_teller #box05 li {
    display: inline-block;
}

#basic_fortune_teller #box05 li p {
    font-size: 30px;
    vertical-align: top;
    padding: 70px 0 0;
    display: inline-block;
}

#basic_fortune_teller #box05 dl {
    vertical-align: top;
    display: inline-block;
}

#basic_fortune_teller #box05 dt {
    font-size: 15px;
    color: #999;
    padding: 0 0 5px;
}

#basic_fortune_teller #box05 dd {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 22px;
    padding: 30px 0 0;
    width: 100px;
    height: 100px;
}

#basic_fortune_teller #box05 li:nth-of-type(2) {
    padding: 0 65px;
}

#basic_fortune_teller #box05 li:nth-of-type(1) dl:nth-of-type(1) dd {
    color: #fff;
    background: #ff4075;
}

#basic_fortune_teller #box05 li:nth-of-type(1) dl:nth-of-type(2) dd {
    color: #ff4075;
    border: 1px solid #ff4075;
}

#basic_fortune_teller #box05 li:nth-of-type(2) dl:nth-of-type(1) dd {
    background: #ffc8d7;
}

#basic_fortune_teller #box05 li:nth-of-type(2) dl:nth-of-type(2) dd {
    padding: 40px 0 0;
    background: #f4f4f4;
}

#basic_fortune_teller #box05 li:nth-of-type(3) dl:nth-of-type(1) dd {
    color: #ffc8d7;
    padding: 40px 0 0;
    border: 1px solid #ffc8d7;
}

#basic_fortune_teller #box05 li:nth-of-type(3) dl:nth-of-type(2) dd {
    background: #ffe8ee;
}

#basic_fortune_teller #box06 .basic_st {
    padding-top: 80px;
}

#basic_fortune_teller #box06 .text:nth-of-type(3) {
    padding-bottom: 40px;
}

#basic_fortune_teller #box07 {
    padding-bottom: 100px;
}

#basic_fortune_teller #box07 .basic_st {
    padding-top: 80px;
}

#basic_fortune_teller #box07 .text:nth-of-type(2) {
    padding-bottom: 40px;
}

/* howto --------------------------------*/
#basic_howto #box01 .text {
    padding-bottom: 40px;
    padding-top: 60px;
}

#basic_howto #box02 .basic_st {
    padding-top: 80px;
}

#basic_howto #box02 div {
    padding: 40px 0 0;
}

#basic_howto #box02 dl {
    text-align: left;
    vertical-align: top;
    padding: 0 20px;
    width: 415px;
    display: inline-block;
}

#basic_howto #box02 strong {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0 0;
    display: block;
}

#basic_howto #box02 dd {
    padding: 10px 0 30px;
}

#basic_howto #box02 .style .basic_sst {
    font-size: 22px;
    font-weight: normal;
    padding: 0 0 15px;
}

#basic_howto #box02 .style div {
    padding: 0;
}

#basic_howto #box02 .style table {
    margin: 0 auto;
    border-collapse: collapse;
    width: 870px;
}

#basic_howto #box02 .style th, #basic_howto #box02 .style td {
    border: 1px solid #999;
}

#basic_howto #box02 .style thead th {
    font-size: 18px;
    font-weight: bold;
    color: #ff4075;
    padding: 20px;
}

#basic_howto #box02 .style tbody tr:nth-child(odd) th, #basic_howto #box02 .style tbody tr:nth-child(odd) td {
    background: #f6f6f6;
}

#basic_howto #box02 .style tbody th {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 4px;
    width: 170px;
}

#basic_howto #box02 .style tbody td {
    font-family: 'MS Pゴシック';
    font-size: 20px;
    font-weight: bold;
}

#basic_howto #box02 .style img {
    vertical-align: middle;
}

#basic_howto #box02 .style span {
    line-height: 20px;
    vertical-align: middle;
    padding: 10px;
    display: inline-block;
}

#basic_howto #box02 .style tfoot th, #basic_howto #box02 .style tfoot td {
    line-height: 24px;
    text-align: left;
    border: none;
}

#basic_howto #box02 .style tfoot td {
    font-size: 14px;
    vertical-align: top;
    padding: 15px 10px;
}

#basic_howto #box02 .style .sp {
    display: none;
}

#basic_howto #box03 .basic_st {
    padding-top: 100px;
}

#basic_howto #box03 .text {
    padding-bottom: 40px;
}

#basic_howto #box03 .point {
    margin-top: 60px;
}

#basic_howto #box04 .basic_st {
    padding-top: 100px;
}

#basic_howto #box04 .box04_type {
    text-align: center;
    padding: 20px 0 60px;
}

#basic_howto #box04 dl {
    text-align: left;
    vertical-align: top;
    padding: 0 8px;
    width: 160px;
    display: inline-block;
}

#basic_howto #box04 dt {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho Pro W3", "HG明朝E", "MS P明朝", "MS PMincho", "MS 明朝", serif;
    box-sizing: border-box;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-size: 18px;
    letter-spacing: -0.025em;
    text-align: center;
    padding: 40px 0;
    width: 160px;
    height: 160px;
}

#basic_howto #box04 dt span {
    text-align: left;
    display: inline-block;
}

#basic_howto #box04 dl:nth-of-type(1) dt {
    background: #FFE8EE;
}

#basic_howto #box04 dl:nth-of-type(2) dt {
    background: #E2E2E2;
}

#basic_howto #box04 dl:nth-of-type(3) dt {
    color: #fff;
    background: #ff4075;
}

#basic_howto #box04 dl:nth-of-type(4) dt {
    background: #FFC8D7;
}

#basic_howto #box04 dl:nth-of-type(5) dt {
    padding-top: 52px;
    border: 1px solid #FFC8D7;
}

#basic_howto #box04 dd {
    font-size: 14px;
    line-height: 24px;
    padding: 15px 0 0;
}

#basic_howto .checkcheet {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 0 auto;
    width: 830px;
    background: #FFE8EE;
    position: relative;
}

#basic_howto .checkcheet div {
    text-align: center;
    padding: 20px 80px 20px 0;
}

#basic_howto .checkcheet .check_sst {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

#basic_howto .checkcheet img {
    top: -20px;
    right: 30px;
    position: absolute;
}

#basic_howto .checkcheet p {
    text-align: left;
    padding: 10px 0 15px;
    width: 580px;
    display: inline-block;
}

#basic_howto .checkcheet a {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-decoration: none;
    padding: 5px;
    width: 560px;
    display: inline-block;
    background: #fff;
}

#basic_howto .checkcheet a:hover {
    color: #fff;
    background: #ff4075;
}

#basic_howto #box05 .basic_st {
    padding-top: 80px;
}

#basic_howto #box05 .text {
    padding-bottom: 40px;
}

#basic_howto #box05 .example {
    width: 100%;
    overflow: hidden;
}

#basic_howto #box05 .example div {
    padding: 0 37px;
    width: 410px;
    float: left;
}

#basic_howto #box05 .example div:nth-of-type(2) {
    float: right;
}

#basic_howto #box05 .example h4 {
    font-size: 20px;
    font-weight: normal;
    padding: 30px 0 20px;
}

#basic_howto #box05 .example dl {
    position: relative;
}

#basic_howto #box05 .example dt {
    position: absolute;
}

#basic_howto #box05 .example dl:nth-of-type(odd) dt {
    right: 0;
    position: absolute;
}

#basic_howto #box05 .example dt span {
    font-size: 10px;
    color: #999;
    display: block;
}

#basic_howto #box05 .example dd {
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 22px;
    text-align: left;
    padding: 9px 80px 0;
    height: 81px;
    background: url(../../images/howto_example02.gif) no-repeat 55px 0;
}

#basic_howto #box05 .example dl:nth-of-type(odd) dd {
    background: url(../../images/howto_example01.gif) no-repeat 65px 0;
}

#basic_howto #box05 .example dd i, #basic_howto #box05 .example li i {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-family: 'Times New Roman', 'Times Roman', serif;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    text-align: center;
    margin: 0 0 0 2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #ff4075;
}

#basic_howto #box05 .example ul {
    padding: 10px 0 0;
}

#basic_howto #box05 .example li {
    letter-spacing: 0;
    text-align: left;
    padding: 20px 0 0 40px;
    position: relative;
}

#basic_howto #box05 .example li i {
    text-align: center;
    top: 22px;
    left: 10px;
    position: absolute;
}

#basic_howto #box05 .point {
    margin-top: 60px;
}

#basic_howto #box06 .basic_st {
    padding-top: 80px;
}

#basic_howto #box06 .text {
    text-align: center;
    padding-bottom: 50px;
}

#basic_howto #box06 dl {
    text-align: left;
    vertical-align: top;
    width: 270px;
    display: inline-block;
}

#basic_howto #box06 dl:nth-of-type(2) {
    padding: 0 40px;
}

#basic_howto #box06 dt {
    font-size: 20px;
    line-height: 22px;
    min-height: 55px;
}

#basic_howto #box06 dd {
    padding: 0 0 40px;
}

#basic_howto #box06 .point {
    margin-bottom: 70px;
    margin-top: 60px;
}

/* telephone --------------------------------*/
#basic_telephone #box02 .basic_st {
    padding-top: 40px;
}

#basic_telephone #box02 .text:nth-of-type(2) {
    padding-bottom: 50px;
}

#basic_telephone #box03 .process {
    margin: 20px auto 0;
    width: 830px;
    height: 480px;
    background: url(../../images/telephone_process.png) no-repeat 0 0;
}

#basic_telephone #box03 .process ul {
    height: 450px;
    position: relative;
}

#basic_telephone #box03 .process li {
    text-align: left;
    width: 200px;
    position: absolute;
}

#basic_telephone #box03 .process li p {
    font-size: 18px;
    text-indent: -1em;
    padding: 0 0 0 1em;
}

#basic_telephone #box03 .process li span {
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    padding: 10px 0 0;
    display: inline-block;
}

#basic_telephone #box03 .process li:nth-of-type(1) {
    text-align: center;
    width: 300px;
    top: 15px;
    left: 250px;
}

#basic_telephone #box03 .process li:nth-of-type(2) {
    width: 220px;
    top: 180px;
    right: 0;
}

#basic_telephone #box03 .process li:nth-of-type(3) {
    width: 250px;
    top: 180px;
    left: 0;
}

#basic_telephone #box03 .process li:nth-of-type(3) p {;
}

#basic_telephone #box03 .process .note {
    font-size: 12px;
}

#basic_telephone #box03 .point {
    margin-top: 60px;
}

#basic_telephone #box04 .basic_st {
    padding-top: 110px;
}

#basic_telephone #box04 h4 {
    font-size: 18px;
    font-weight: bold;
    padding: 30px 0 20px;
}

#basic_telephone #box04 table {
    font-size: 12px;
    margin: 0 auto;
    border-collapse: collapse;
    width: 800px;
}

#basic_telephone #box04 table th, #basic_telephone #box04 table td {
    box-sizing: border-box;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}

#basic_telephone #box04 table th {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding: 5px 0;
}

#basic_telephone #box04 thead tr:nth-child(2) td {
    padding: 0 15px;
}

#basic_telephone #box04 thead td {
    font-size: 16px;
    font-weight: bold;
    width: 350px;
}

#basic_telephone #box04 thead td img {
    display: block;
}

#basic_telephone #box04 tbody td {
    letter-spacing: -0.05em;
    line-height: 20px;
    padding: 5px 15px;
}

#basic_telephone #box04 .good {
    background: #ffe8ee;
}

#basic_telephone #box04 .note {
    font-size: 12px;
    color: #999;
    padding: 10px 0 0;
}

#basic_telephone #box05 .basic_st {
    padding-top: 70px;
}

#basic_telephone #box05 h4 {
    font-size: 18px;
    font-weight: bold;
    padding: 40px 0 10px;
}

#basic_telephone #box05 table {
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
    border-collapse: collapse;
    width: 690px;
}

#basic_telephone #box05 table th, #basic_telephone #box05 table td {
    box-sizing: border-box;
    letter-spacing: 0;
    margin: 0;
    padding: 10px 0;
    border: 1px solid #000;
}

#basic_telephone #box05 table th {
    font-weight: normal;
    width: 15%;
}

#basic_telephone #box05 table td {
    width: 17%;
}

#basic_telephone #box05 table thead td {
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
}

#basic_telephone #box05 table tbody tr:nth-of-type(3) th, #basic_telephone #box05 table tbody tr:nth-of-type(3) td, #basic_telephone #box05 table tbody tr:nth-of-type(4) th, #basic_telephone #box05 table tbody tr:nth-of-type(4) td {
    background: #ffe8ee;
}

#basic_telephone #box05 .note {
    font-size: 10px;
    text-align: right;
    margin: 0 auto 30px;
    width: 690px;
}

#basic_telephone #box05 .point {
    margin-top: 60px;
}

#basic_telephone #box06 .basic_st {
    padding-top: 80px;
}

#basic_telephone #box06 div {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 30px auto 80px;
    width: 880px;
    background: #ffe8ee;
}

#basic_telephone #box06 div dl {
    text-align: left;
    padding: 50px 30px;
    position: relative;
}

#basic_telephone #box06 div dt {
    font-size: 28px;
}

#basic_telephone #box06 div img {
    top: 50px;
    right: 30px;
    position: absolute;
}

#basic_telephone #box06 div dl:nth-of-type(2) img {
    top: 100px;
}

#basic_telephone #box06 div dd {
    padding: 20px 0 0;
    width: 530px;
}

/* amazon --------------------------------*/
#amazon .sp {
    display: none;
}

#amazon .blc1 {
    margin-bottom: 90px;
}

#amazon .title {
    font-family: 'Times New Roman';
    font-variant: normal;
}

#amazon h3 {
    border-radius: 10px;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    margin-bottom: 55px;
    padding: 50px 0;
    background: #333e48;
}

#amazon h3.title_new {
    position: relative;
    padding: 26px 0;
}

#amazon h3 span.new {
    background: #fff;
    color: #303030;
    font-weight: bold;
    font-size: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    line-height: 74px;
    margin-right: 20px;
}

#amazon h4 {
    color: #ff9900;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    line-height: normal;
}

#amazon .intro {
    font-size: 17px;
    margin: 0 0 64px 19px;
}

#amazon .blc2 .intro {
    margin-right: 19px;
}

#amazon .intro .amazonpay {
    padding-top: 30px;
}

#amazon .blc1 .intro p .amazonpay {
    margin: 0 auto 50px;
    display: block;
}

#amazon .intro p {
    width: 490px;
}

#amazon .step {
    margin-bottom: 85px;
}

#amazon .step h4 {
    margin-bottom: 20px;
}

#amazon .step dl {
    font-size: 0;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 25px;
    border-radius: 10px;
}

#amazon .step dl:last-of-type {
    margin-bottom: 0;
}

#amazon .step dl dt,
#amazon .step dl dd,
#amazon .step dl dd img,
#amazon .step dl dd p {
    display: inline-block;
    vertical-align: middle;
}

#amazon .step dl dt {
    margin-right: 21px;
}

#amazon .step dl dd {
    font-size: 18px;
    line-height: 26px;
}

#amazon .step dl dd img {
    margin-right: 25px;
}

#amazon .step dl dd p {
    width: 510px;
}

#amazon .step .step01 dd p {
    line-height: 34px;
}

#amazon .step dl dd p .note {
    margin-top: 18px;
    font-size: 15px;
    color: #999999;
    display: block;
}

#amazon .faq {
    margin-bottom: 35px;
}

#amazon .faq h4 {
    margin-bottom: 30px;
}

#amazon .faq dt {
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin-top: 30px;
    padding: 12px 40px 12px 57px;
    border: solid 1px #ccc;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    color: #00ccff;
    text-align: center;
}

#amazon .faq dt:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f067";
    position: absolute;
}

#amazon .faq dt.open:after {
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    color: #D3D3D3;
    top: 18px;
    right: 18px;
    display: inline-block;
    content: "\f068";
    position: absolute;
}

#amazon .faq dd {
    font-size: 16px;
    line-height: 28px;
    padding: 25px 160px;
    border: 1px solid #CCCCCC;
    border-top: none;
    display: none;
}

#amazon .blc1 .faq dd {
    padding: 25px 130px;
}

#amazon .faq dd p {
    padding-bottom: 10px;
}

#amazon .note_list {
    color: #999999;
    font-size: 14px;
    margin-top: 40px;
}

#amazon .note_list h5 {
    text-align: center;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 20px;
}

#amazon .note_list ul {
    width: 600px;
    margin: 0 auto;
    line-height: 2em;
}

#amazon .note_list a {
    color: #999999;
}

/*  review
-----------------------------------------------------------------------------*/
#review
.voice_list {
    display: flex;
    flex-wrap: wrap;
}

#review .voice_list li {
    box-sizing: border-box;
    width: 310px;
    margin: 0 20px 20px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#review .voice_list li:nth-child(3n) {
    margin-right: 0;
}

#review .voice_list .voice_item_head a {
    padding: 18px 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
}

#review .voice_list .voice_item_head a:after {
    content: '';
    width: 94%;
    height: 3px;
    background-image: linear-gradient(to right, #f1f1f1, #f1f1f1 1px, #c4c4c4 2px, #e2e2e2 3px, transparent 4px, transparent 6px);
    background-size: 6px 3px;
    background-repeat: repeat-x;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#review .voice_list .voice_item_head a img {
    width: 55px;
    margin-right: 12px;
}

#review .voice_list .voice_item_head a .teller_name {
    margin-right: 12px;
    font-weight: bold;
}

#review .voice_list .voice_item_head a .teller_name span {
    font-weight: normal;
    font-size: 13px;
}

#review .voice_list .voice_item_head a .teller_name span {
    color: #999;
    display: block;
}

#review .user_comment {
    padding: 18px;
}

#review .user_comment > div {
    padding-left: 40px;
    background: url(../../images/icon_voice.gif) no-repeat 4px 0;
    background-size: 21px 28px;
    margin-bottom: 12px;
}

#review .user_comment > div dt {
    font-weight: bold;
}

#review .user_comment > div dd {
    font-size: 13px;
    color: #999;
}

/*  media
-----------------------------------------------------------------------------*/
#media #media_carousel li div:nth-child(2) {
    padding: 10px 15px;
}