@charset "UTF-8";
/* =========================================================
　◆common
========================================================= */
a {
    cursor: pointer;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

button, input, select, textarea{
    font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cboxClose_reset {
    background: rgba(0, 0, 0, 0) url("https://www.macromill.com/assets/images/icon_modal_close.png") no-repeat scroll 0 0 / 100% auto;
    height: 24px;
    opacity: 1;
    right: 0;
    top: 0;
    transition: opacity 0.3s ease 0s;
    width: 24px;
    border: 0 none;
    font-size: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
}

/* =========================================================
　◆overwrite & variation
========================================================= */
#spNav {
    display: none;
}

.ly_head #spNav {
    display: none;
}

.ly_head.is_fixed {
    position: relative;
}

@media screen and (min-width: 1460px) {
    .ly_body_column2 .ly_main {
        margin-top: 48px;
    }
}

@media screen and (min-width: 1008px) {
    .ly_body_column2 .ly_main {
        margin-top: 48px;
    }
}

@media screen and (min-width: 648px) and (max-width: 1007px) {
    .ly_body_column2 .ly_main {
        margin-top: 48px;
    }
}

@media screen and (max-width: 647px) {
    .ly_body_column2 .ly_main {
    }
}

.el_ttlLv2half {
    font-size: 23px;
    line-height: 1.5;
}

.un_el_ttlLv2half {
    padding: 0px 0px 9px; 
    border-bottom: 3px solid #4c6480;
}

.un_el_ttlLv3 {
    border-left: 1px solid #546e8c;
    padding: 3px 12px;
}

.hp_mgnTopML {
    margin-top: 60px !important;
}

.hp_mgnBtmSSS {
    margin-bottom: 10px !important;
}

.un_el_ttlLv2_type2_half {
    color: #323c46;
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: calc(48px - (2.4rem * 1.5 - 2.4rem) / 2);
}

.un_el_ttlLv2_type2_half {
    border-bottom: 3px solid #e3e3e1;
    font-size: 23px;
    padding-bottom: 9px;
    position: relative;
    width: 100%;
}
.un_el_ttlLv2_type2_half::before {
    background: #0b52a4 none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 48px;
}

@media screen and (max-width: 647px) {
    .un_el_ttlLv2_type2_half {
        padding-bottom: 3.8%;
    }
}

/* =========================================================
　◆new wrapper
　◇https://www.macromill.com/contact/ja/menu.html
========================================================= */
a.category_button_box_linkS .category_button_box_caption_styleS,
a.category_button_box_linkL .category_button_box_caption_styleL {
    color: #0b52a4;
    text-decoration: none;
}

a.category_button_box_linkS .category_button_box_caption_styleS:hover,
a.category_button_box_linkS .category_button_box_caption_styleS:visited,
a.category_button_box_linkS .category_button_box_caption_styleS:active {
    color: #0b52a4;
    text-decoration: underline;
}

a.category_button_box_linkL .category_button_box_caption_styleL:hover,
a.category_button_box_linkL .category_button_box_caption_styleL:visited,
a.category_button_box_linkL .category_button_box_caption_styleL:active {
    color: #0b52a4;
    text-decoration: underline;
}

.category_button_box_wrapper {
    margin-top: 2%;
}

.category_button_box_wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.category_button_box {
    width:100%;
    float:left;
    border:solid 1px #0051a4;
    margin-left:2%;
    padding:20px;
    border-radius:0.5em;
    color:#fff;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.4);
    /*background: linear-gradient(#0051a4, #003f81);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051a4', endColorstr='#003f81',GradientType=0 ); /* IE6-9 */
}

.category_button_box:first-child {
    width:100%;
    float:left;
    border:solid 1px #0051a4;
    margin-left:0%;
} 

a:hover .category_button_box {
    background:rgba(0, 0, 0, 0) linear-gradient(#fff, #fff) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: #0051a4;
}

.category_button_box .category_button_icon {
    display:table-cell;
    vertical-align: middle;
    padding-right: 15px;
    text-align: center;
    width: 55px;
}

.category_button_box .category_button_icon .fa {
    width:70px;
    height:70px;
    font-size:70px;
    color:#fff;
}

a:hover .category_button_box .category_button_icon .fa {
    color: #0051a4;
}

.category_button_box .category_button_icon .fa-download {
    width:70px;
    height:70px;
    font-size:70px;
    color:#fff;
    position:relative;
    top:0.08em;
}

.category_button_box .category_button_icon_estimate {
    background-image: url("https://www.macromill.com/assets/lower/contact/ja/images/fukidashi_white.png");
    background-repeat: no-repeat;
    background-size: 70px 70px;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    width: 85px!important;
}

a:hover .category_button_box .category_button_icon_estimate {
    background-image: url("https://www.macromill.com/assets/lower/contact/ja/images/fukidashi.png");
    background-repeat: no-repeat;
    background-size: 70px 70px;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    width: 85px!important;
}

.category_button_box .category_button_caption {
    display:table-cell;
    vertical-align: middle;
    font-size:15px;
    padding-left:15px;
    border-left:solid 1px #fff;
}

a:hover .category_button_box .category_button_caption {
    border-left:solid 1px #0051a4;
}

.category_button_box .category_button_caption_free {
    display:table;
    background-color:#fff;
    color:#0051a4;
    padding:0.5em 0.5em 0.5em 0.6em;
    border-radius:0.25em;
    font-size:85%;
    margin-bottom:0.25em;
    line-height: 1;
}

a:hover .category_button_box .category_button_caption_free {
    background-color:#0051a4;
    color:#fff;
}

.category_button_box .category_button_action_button {
    display:table;
    text-align: center;
    background-color: #f99200;
    width: ;
    border-radius: 20px;
    margin: 20px auto 0px;
    padding:5px 20px;
    font-size:15px;
    color:#fff;
}

.category_button_box_link {
    display:block;
    width:49%;
    float:left;
    margin-left:2%;
    background: linear-gradient(#0051a4, #003f81);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051a4', endColorstr='#003f81',GradientType=0 ); /* IE6-9 */
    border-radius:0.5em;
    /*background-image: url("https://www.macromill.com/assets/lower/contact/ja/images/icon_gnav_arrow_blue.png");
    background-repeat: no-repeat;
    background-position: 360px 50%;*/
    /*background-size:5px auto;*/
}

.category_button_box_link:first-child {
    width:49%;
    float:left;
    margin-left:0%;
} 

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

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

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

@media screen and (min-width: 648px) and (max-width: 1007px) {
    .category_button_box_wrapper {
        margin-top:0;
    }

    .category_button_box_link {
        width:100%;
        float:none;
        margin-left:0;
    }

    .category_button_box_link:first-child {
        width:100%;
        float:none;
    }

    .category_button_box {
        margin-top:15px;
        background: linear-gradient(#0051a4, #003f81);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051a4', endColorstr='#003f81',GradientType=0 ); /* IE6-9 */
    }
}

@media screen and (max-width: 647px) {
    .category_button_box_wrapper {
        margin-top:0;
    }

    .category_button_box_link {
        width:100%;
        float:none;
        margin-left:0;
    }

    .category_button_box_link:first-child {
        width:100%;
        float:none;
    }

    .category_button_box {
        margin-top:15px;
        background: linear-gradient(#0051a4, #003f81);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051a4', endColorstr='#003f81',GradientType=0 ); /* IE6-9 */
    }
}

/* =========================================================
　◆bottom buttons area
　◇https://www.macromill.com/contact/ja/menu.html
========================================================= */
.category_button_box_linkS {
    display:block;
    width:49%;
    float:left;
    margin-left:2%;
    background-repeat: no-repeat;
    background-position: 360px 50%;
    /*background-size:5px auto;*/
}

.category_button_box_linkS:first-child {
    width:49%;
    float:left;
    margin-left:0%;
} 

.category_button_box_linkS:hover  {
    background-repeat: no-repeat;
    background-position: 360px 50%;
}

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

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

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

@media screen and (min-width: 648px) and (max-width: 1007px) {
    .category_button_box_linkS {
        float:none;
        margin-left:0;
    }

    .category_button_box_linkS:first-child {
        float:none;
        margin-left:0;      
    }
}

@media screen and (max-width: 647px) {
    .category_button_box_linkS {
        float:none;
        margin-left:0;
    }

    .category_button_box_linkS:first-child {
        float:none;
        margin-left:0;      
    }
}

.category_button_box_linkL {
    display:block;
    width:auto;
    float:left;
    margin-left:2%;
    background-repeat: no-repeat;
    background-position: 360px 50%;
    /*background-size:5px auto;*/
    white-space: nowrap;
}

.category_button_box_linkL:first-child {
    width:auto;
    float:left;
    margin-left:0%;
} 

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

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

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

@media screen and (min-width: 648px) and (max-width: 1007px) {
}

@media screen and (max-width: 647px) {
    .category_button_box_linkL {
        display:block;
        width:auto;
        float:left;
        margin-left:2%;
        background-repeat: no-repeat;
        background-position: 360px 50%;
        /*background-size:5px auto;*/
        white-space: normal;
    }

    .category_button_box_linkL:first-child {
        width:auto;
        float:left;
        margin-left:0%;
    } 
}

.category_button_box_linkL:hover  {
    background-repeat: no-repeat;
    background-position: 360px 50%;
}

.category_button_box_styleS_wrapper {
    float:left;
    /*border:solid 1px #0051a4*/;
    background: linear-gradient(#0051a4, #003f81);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051a4', endColorstr='#003f81',GradientType=0 ); /* IE6-9 */
    border-radius: 0.5em;
}

.category_button_box_styleS_wrapper:first-child {
    float:left; 
}

a.category_button_box_linkS:hover .category_button_box_styleS_wrapper,
a.category_button_box_linkL:hover .category_button_box_styleS_wrapper {
    float:left;
    /*border:solid 1px #0051a4*/;
    background: linear-gradient(#fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-radius: 0.5em;
}

a.category_button_box_linkS:hover .category_button_box_styleS_wrapper .category_button_box_styleS .fa,
a.category_button_box_linkL:hover .category_button_box_styleS_wrapper .category_button_box_styleS .fa {
    color: #0051a4;
}

.category_button_box_styleS {
    display:table-cell;
    width:65px;
    height:65px;
    border:solid 1px #0051a4;
    margin-left:2%;
    border-radius:0.5em;
    color:#0051a4;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.4);

    text-align:center;
    vertical-align: middle;
}

.category_button_box_styleS:first-child {
    display:table-cell;
    width:65px;
    height:65px;
    /*border:solid 1px #0051a4;*/
    margin-left:0%;
    text-align:center;
    vertical-align: middle;
}

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

}

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

}

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

}

@media screen and (min-width: 648px) and (max-width: 1007px) {
    .category_button_box_wrapper .category_button_box_linkS,
    .category_button_box_wrapper .category_button_box_linkL {
        margin-top:15px;
        width:100%;
        float:none;
    }
}

@media screen and (max-width: 647px) {
    .category_button_box_wrapper .category_button_box_linkS,
    .category_button_box_wrapper .category_button_box_linkL {
        margin-top:15px;
        width:100%;
        float:none;
    }
}

.category_button_box_styleS .fa {
    font-size:35px;
    color:#fff;
}

[class^="category_button_box_"] .fa-pencil-square-o {
    position:relative;
    left:0.1em;
}

.category_button_box_styleS .category_button_box_styleS_icon_mm_logo {
    background-image: url("https://www.macromill.com/assets/lower/contact/ja/images/mm_logo_white.png");
    background-size:35px 35px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    height:35px;
    margin:0 auto;
}

a:hover .category_button_box_styleS .category_button_box_styleS_icon_mm_logo {
    background-image: url("https://www.macromill.com/assets/lower/contact/ja/images/mm_logo.png");
    background-size:35px 35px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    height:35px;
    margin:0 auto;
}

.category_button_box_caption_styleS {
    display:table-cell;
    color:#0051a4;
    text-align:left;
    vertical-align: middle;
    height: 65px;
    padding-left: 10px;
    font-size: 15px;
}

.category_button_box_caption_wrapper_styleL {
    float: left;
}

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

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

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

@media screen and (min-width: 648px) and (max-width: 1007px) {
}

@media screen and (max-width: 647px) {
    .category_button_box_caption_wrapper_styleL {
        float:none;
        display:table-cell;
    }
}

.category_button_box_caption_styleL {
    display:table-cell;
    vertical-align:middle;
    height:65px;
    color:#0051a4;
    font-size: 15px;    
    padding-left: 10px;
}

/* =========================================================
　◆form
========================================================= */
form {
    font-size: 15px;
}

.inquiry_style hr {
    margin:1em 0;
    border:solid 1px #dce6f0;
    border-width:1px 0 0 0;
}

.inquiry_table_style {
    width:100%;
}

.input_style_just,
.input_style_large,
.input_style_small,
.input_style_superSmall {
    border: solid 1px #6482a0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size:15px;
}

.input_style_just {
    /*width:100%;*/
    /*min-height:50px;*/
    padding: 0.5em;
    border-radius: 0.25em;
}

.input_style_large {
    width:100%;
    /*min-height:50px;*/
    padding: 0.5em;
    border-radius: 0.25em;
}

.input_style_small {
    width:40%;
    /*min-height:50px;*/
    padding: 0.5em;
    border-radius: 0.25em;
}

.input_style_superSmall {
    width:20%;
    /*min-height:50px;*/
    padding: 0.5em;
    border-radius: 0.25em;
}

.inquiry_table_style tbody tr td:first-child {
    width: 28%;
    vertical-align:top;
}

@media only screen and (max-width: 648px) {
    .inquiry_table_style tbody tr td,
    .inquiry_table_style tbody tr td:first-child {
        width: 100%;
    }

    .inquiry_table_style tbody tr td input:first-child,
    .inquiry_table_style tbody tr td select:first-child,
    .inquiry_table_style tbody tr td textarea,
    .document__label {
        margin-top: 0.5em;
    }

    .input_style_large {
        width:100%;
        /*min-height:50px;*/
        padding: 0.75em;
    }

    .input_style_small {
        width:100%;
        /*min-height:50px;*/
        padding: 0.75em;
    }

}

/* =========================================================
　◆form / landscape box
========================================================= */
.ly_main_style {
    position: relative;
}

.ly_main_style #Contact {
    position: relative;
}

.ly_main_style #Contact #kantan_box {
    position: absolute;
    right: 0;
    margin-top: 0px;
    z-index: 100;
}

@media screen and (max-width: 1007px) {
    #kantan_box,
    #landscape_area {
        display:none;
    }
}

#landscape_area {
    position: absolute;
    background-color: #fcf8e3;
    right:0;
    width:300px;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.4);
    border-radius:0.25em;
    z-index:100;
    top:0;
}

#landscape_area_close_btn {
    position:absolute;
    right:10px;
    top:10px;
}

#landscape_area #Inquirytextarea_wrapper {
    margin:20px;
}

#landscape_area #Inquirytextarea {
    background-color:#fff;
    width:100%;
    /*border:solid 0px #0099ff;*/
    border:solid 1px #ddddc2;
    opacity: 1;
    color: rgb(153, 153, 153);
    font-size:12px;
}

#landscape_area #landscape_logo_wrapper {
    position: relative;
    height: 20px;
    margin-top: 5px;
}

#landscape_area #landscape_logo {
    /*display: table-cell;*/
    /*float: right;
    margin-top: 5px;
    width: 120px;*/
    width: 120px;
    right: 0;
    position: absolute;
}

#landscape_area #jidonyuryoku_wrapper {
    padding-top:15px;
    text-align:center;
}

#landscape_area #jidonyuryoku {
    width: 100px;
}

#landscape_area #jidonyuryoku_clear {
    width: 100px;
}

/* =========================================================
　◆form / checkbox
========================================================= */
.document__label {
    background: rgba(0, 0, 0, 0) url("https://www.macromill.com/assets/lower/contact/ja/images/check.png") no-repeat scroll 0 0 / 23px 22px;
    cursor: pointer;
    display: inline-block;
    line-height: 22px;
    /*margin-left: 20px;*/
    margin-right: 20px;
    padding-left: 30px;
    position: relative;
}

.document__check {
    opacity: 0;
    position: absolute;
}

.document__label--checked {
    background: rgba(0, 0, 0, 0) url("https://www.macromill.com/assets/lower/contact/ja/images/check_active.png") no-repeat scroll 0 0 / 23px 22px!important;
}

/* =========================================================
　◆form / request button area
========================================================= */
.el_btn_request2_wrapper {
    width:auto;
    margin:0 auto;
    display:table;
}

.el_btn_request2 {
    float:left;
    width:auto;
}

.el_btn_request2_single .goBack {
    margin:30px 0 0 auto!important;
}

.el_btn_request2_single .goNext {
    margin:30px auto 0 0!important;
}

.el_btn_request2 input,
.el_btn_request2 a {
    background: transparent none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
}

.el_btn_request2 .goBack {
    background-color: #1496c7;
    border: solid 1px #1496c7;
    margin: 30px 5px 0 auto;
    padding: 0px 50px;
    border-radius: 50px;
    width: 250px;
}

.el_btn_request2 .goBack_strict {
    background-color: #1496c7;
    border: solid 1px #1496c7;
    margin: 30px 0 0 0;
    padding: 0px 50px;
    border-radius: 50px;
    width: 250px;
}

.el_btn_request2 .goBack:hover {
    background-color: #ffffff;
    border: solid 1px #1496c7;
    color: #323c46;
    margin: 30px 5px 0 auto;
    padding: 0px 50px;
    border-radius: 50px;
    width:250px;
}

.el_btn_request2 .goBack_strict:hover {
    background-color: #ffffff;
    border: solid 1px #1496c7;
    color: #323c46;
    margin: 30px 0 0 0;
    padding: 0px 50px;
    border-radius: 50px;
    width:250px;
}

.el_btn_request2 .goNext {
    background-color: #db7300;
    border: solid 1px #db7300;
    margin: 30px auto 0 5px;
    padding: 0px 50px;
    border-radius: 50px;
    width: 250px;
}

.el_btn_request2 .goNext_strict {
    background-color: #db7300;
    border: solid 1px #db7300;
    margin: 30px 0 0 0;
    padding: 0px 50px;
    border-radius: 50px;
    width: 250px;
}

.el_btn_request2 .goNext:hover {
    background-color: #ffffff;
    border: solid 1px #db7300;
    color: #323c46;
    margin: 30px auto 0 5px;
    padding: 0px 50px;
    border-radius: 50px;
    width: 250px;
}

.el_btn_request2 .goNext_strict:hover {
    background-color: #ffffff;
    border: solid 1px #db7300;
    color: #323c46;
    margin: 30px 0 0 0;
    /*padding: 0px 50px;*/
    padding: 0px;
    border-radius: 50px;
    width: 250px;
}

.el_btn_request2 .goNext:disabled {
    background-color: #db7300;
    border: solid 1px #db7300;
    margin: 30px auto 0 5px;
    padding: 0px 50px;
    border-radius: 50px;
    width: 250px;
    color: #fff;
}

.el_btn_request2_wrapper .el_btn_request2:first-child {
    margin-right: 10px;
} 

@media only screen and (max-width: 648px) {
    .el_btn_request2_wrapper .el_btn_request2:first-child {
        margin-right: 0;
    } 
}

@media only screen and (max-width: 648px) {
    .el_btn_request2 {
        float:none;
        width:auto;
    }

    .el_btn_request2 .goBack {
        background-color: #1496c7;
        border:none;
        margin:30px auto 0 auto;
        padding:0px 50px;
        border-radius:50px;
        width:250px;
    }

    .el_btn_request2 .goNext {
        background-color: #db7300;
        border:none;
        margin:30px auto 0 auto;
        padding:0px 50px;
        border-radius:50px;
        width:250px;
    }
}

@media only screen and (max-width: 648px) {
    td {
        float:left;
    }
}

.el_btn_request input::before {
    background: rgba(0, 0, 0, 0) url("https://www.macromill.com/assets/lower/contact/ja/images/icon_request.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 6px;
    vertical-align: text-top;
    width: 26px;
}

.el_btn_request input {
    /*background: #23cdd2 none repeat scroll 0 0;*/
    background: #db7300 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    border-radius:50px;
}

.el_btn_request2_wrapper .el_btn_request2:first-child {
    margin-left: 10px;
}

@media only screen and (max-width: 648px) {
    .el_btn_request2_wrapper .el_btn_request2:first-child {
        margin-left: 0px;
    }
}

.el_btn_request2 {
    float:right!important;
    width:auto;
}

@media only screen and (max-width: 648px) {
    .el_btn_request2 {
        float:none!important;
        width:auto;
    }
}

.el_btn_request2 .goBack {
    background-color: #ccc;
    border: solid 1px #ccc;
    margin: 30px 0px 0 auto;
    padding: 0px 50px;
    border-radius: 3px;
    width: 250px;
}

.el_btn_request2 .goBack:hover {
    background-color: #ccc;
    border: solid 1px #ccc;
    color: #333;
    margin: 30px 0px 0 auto;
    padding: 0px 50px;
    border-radius: 3px;
    width: 250px;
}

@media only screen and (max-width: 648px) {
    .el_btn_request2 .goBack {
        width: 250px;
    }   
    .el_btn_request2 .goBack:hover {
        margin: 30px 0 0 auto;
        border-radius: 3px;
    }
}

.el_btn_request2 .goNext {
    color: #fff!important;
    background: #0051a4!important;
    /*background: -moz-linear-gradient(top,  #88dd48 0%, #5fb139 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88dd48), color-stop(100%,#5fb139));
    background: -webkit-linear-gradient(top,  #88dd48 0%,#5fb139 100%);
    background: -o-linear-gradient(top,  #88dd48 0%,#5fb139 100%);
    background: -ms-linear-gradient(top,  #88dd48 0%,#5fb139 100%);
    background: linear-gradient(to bottom,  #88dd48 0%,#5fb139 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88dd48', endColorstr='#5fb139',GradientType=0 );*/
    border-color: #0051a4!important;
    border-radius: 0.25em!important;
    width: 400px;
}

.el_btn_request2 .goNext:hover {
    background: #5cc1eb!important;
    color: #fff!important;
    text-decoration: none;
    /*opacity: 0.9;
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;*/
    border-color: #5cc1eb!important;
    border-radius: 0.25em!important;
    cursor: pointer; 
    width: 400px;
}

@media only screen and (max-width: 648px) {
    .el_btn_request2 .goNext {
        border-width: 1px;
        border-style: solid;
        width: 250px;
    }
    .el_btn_request2 .goNext:hover {
        margin: 30px auto 0 0;
        width: 250px;
    }
}

input:link, input:visited, input:active {
    color: #323c46;
    text-decoration: none;
}

a, input {
    /*transition: all 0.3s ease 0s;*/
    transition: none 0s ease 0s;
    font: inherit;
}

label.error {
    background-color: #fcf8e3;
    color: #8a6d3b;
    display: block;
    margin-top: 0.5em;
    padding: 0.5em;
    border:solid 1px #ddddc2;
    border-radius: 0px;
}

input:focus {
    /*outline: 1px #ff0000 dashed;*/
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

input[type=button]:focus {
    /*outline: 1px #ff0000 dashed;*/
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.input_style_large.error,
.input_style_small.error,
.input_style_superSmall.error,
select.error {
    border: solid 1px #d9534f!important;
}

input[type=checkbox],
input[type=radio] {
    margin-right: 0.25em;
}

.required_item {
    /*background-color:#db7300;*/
    background-color:#c62e24;
    color:#fff;
    padding:0.25em 0.75em;
    font-size:80%;
    margin-right:0.5em;
}

.optional_item {
    background-color:#246cdb;
    color:#fff;
    padding:0.25em 0.75em;
    font-size:80%;
    margin-right:0.5em;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

/* =========================================================
　◆login box
========================================================= */
.loginBox {
    background-color: #dce6f0;
    /*margin-bottom: 20px;*/
    padding: 15px;
    text-align: center;
}

@media screen and (max-width: 640px) {
    .loginBox {
        display: none;
    }
}

.loginBoxin {
    overflow: hidden;
    padding: 10px 0;
}

.formIDtxt {
    float: left;
    font-size: 0.85em;
    padding-right: 10px;
    margin-left: 10px;
}

#formId {
    float: left;
    /*height: 20px;*/
    /*line-height: 20px;*/
    margin-right: 2%;
    /*margin-top: 2px;*/
    width: 24%;
}

#formPassword {
    float: left;
    /*height: 20px;*/
    /*line-height: 20px;*/
    margin-right: 2%;
    /*margin-top: 2px;*/
    width: 24%;
}

#getRegistInfo {
    /*background: #0051a4 none repeat scroll 0 0;*/
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    /*color: #ffffff;*/
    cursor: pointer;
    display: block;
    /*font-family: "Lucida Sans",arial,メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;*/
    font-weight: bold;
    padding: 0.5em;
    margin-right: 10px;
    text-align: center;
    text-decoration: none;
    width: 28%;
    float: right;
}

#getRegistInfo:hover {
    /*background: #004286 none repeat scroll 0 0;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    text-decoration: none;
}

/* =========================================================
　◆side menu
========================================================= */
.side_freeCall_wrapper {
    background-color:#0b488d;
    width:100%;
    padding:5px;
}

.side_freeCall_wrapper a:hover {
    text-decoration: none!important;
}

.side_freeCall_box {
    padding:20px 0;
    background-color:#0b407b;
    border-radius:3px;
}

.side_freeCall_text {
    text-align:center;
    color:#fff;
    padding-bottom:5%;
    font-size:16px;
}

.side_freeCall_text span {
    font-size:14px;
}

.side_freeCall_img img {
    opacity: 1;
    width: 90%;
    margin: 0px auto;
}

a:hover .side_freeCall_img img {
    opacity: 1!important;
    width: 90%;
    margin: 0px auto;
}

.side_freeCall_img p {
    text-align: center;
    background-color: rgb(255, 255, 255);
    width: 85%;
    border-radius: 20px;
    margin: 7% auto 0px;
    padding:5px;
    font-size:90%;
}

.marks_box_style {
    border:solid 1px #dce6f0;
    min-height: 125px;
    font-size:85%;
    padding:10px 0;
    margin-top:15px;
    position: relative;
}

.marks_box_style img {
    display:block;
    margin:0 auto;
    text-align:center;
}

.marks_cybertrust img {
    position: relative;
    top: -5px;
    width: 100px;
}

.marks_cybertrust_footer img {
    max-height: 46px;
}

.marks_privacymark img {
    width:55px;
    margin-top:2px;
}

.marks_jmra img {
    margin-top:20px;
}

.marks_box_style .description {
    position: absolute;
    bottom:10px;
    padding:0 10px;
    color:#6482a0;
}

/* =========================================================
　◆layout agreement area
========================================================= */
.agree_privacy_box_style {
    color: #fff!important;
    border-radius: 0.5em;
    padding: 0.25em 0.75em;
}

/* =========================================================
　◆layout privacy policy box
========================================================= */
.pp_wrapper {
    border: solid 1px #ccc;
    padding: 1em;
    margin-top: 1.5em;
    height: 180px;
    overflow: auto;
}

.pp_wrapper * {
    font-size: 100%;
    line-height: 1.5;
}

.pp_wrapper section.hp_mgnTopL {
    margin-top: 36px!important;
}

.pp_wrapper h2 {
    font-size: 110%;
}

.pp_wrapper .un_list_simple {
    list-style:none none inside;
    text-indent:-1em;
}

.pp_wrapper .un_list_simple li {
    padding-left:1em;
}

/* =========================================================
　◆thanks / thanks1,2,3,4 page banners
========================================================= */
.inc_thanks_bnr {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inc_thanks_bnr a {
    display: block;
    margin-right: 24px;
}

.inc_thanks_bnr a:last-of-type {
    margin-right: 0;
}

.inc_thanks_bnr a img {
    width: 100%;
}

@media screen and (max-width: 647px) {
    .inc_thanks_bnr {
        display: block;
    }
    .inc_thanks_bnr a {
        margin-top: 24px;
        margin-right: 0;
    }
    .inc_thanks_bnr a:first-of-type {
        margin-top: 0;
        margin-right: 0;
    }
}

/* =========================================================
　◆elements
========================================================= */
.btn_looks_blue {
    background: rgba(0, 0, 0, 0) linear-gradient(#0051a4, #003f81) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051a4', endColorstr='#003f81',GradientType=0 ); /* IE6-9 */
    border: 1px solid #0051a4;
    color: #ffffff;
}

.btn_looks_blue:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(#003b7a, #002f60) repeat scroll 0 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b7a', endColorstr='#002f60',GradientType=0 ); /* IE6-9 */
    border: 1px solid #0051a4;
    color: #ffffff;
}

/* =========================================================
　◆helper
========================================================= */
.default_style_reset {
    -webkit-appearance: none;
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.cFix:after {
    content: "";
    clear: both;
    display: block;
}

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


/* =========================================================
　◆PMSarea
========================================================= */
.un_pmsBlock{
	border:1px solid #aaa;
	padding:0.8em;
	margin:0.75em 0 1.5em;
}
.un_pmsBlock dl{
	margin-top:0;
	margin-bottom:0.8em;

}
.un_pmsBlock dl:last-child{
	margin-bottom:0!important;
}
.un_pmsBlock dl dt {
	font-weight:bold;
}
.un_pmsBlock dl dd {
	margin:0 0.25em;
}