@charset "UTF-8";
/* --------------------------
 * font
-------------------------- */
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'游ゴシック','YuGothic',sans-serif;}
.mincho {font-family:'游明朝','YuMincho','ヒラギノ明朝 Pro W3', 'HiraMinPro-W3','ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;}

/* --------------------------
 * adjustment
-------------------------- */
body {font-size:14px;line-height:1.8em;margin: 0;padding: 0;overflow-x: hidden;color: #000;}
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
.trans { transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
.nowrap {overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.cover { background-size: cover; background-position: center; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;}
.contain { background-size: cover; background-position: center; background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-ms-background-size: contain;}
.bold { font-weight:bold;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.radius {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}
hr {border-top: 1px solid #eee;margin: 0 0 75px;padding: 0;}

a {text-decoration: none;}
a:hover {text-decoration: none;}
a.alpha img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;}
a.alpha:hover img {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
figure {margin: 0;padding: 0;display: block;line-height: 0;}
figure img { height:auto; width:100%;}
ul {margin: 0;padding: 0; list-style: none;}
ul li {margin: 0;padding: 0;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;}
h1,h2,h3,h4,h5,p {margin: 0;padding: 0;font-weight: normal;font-size: 14px;}
div,p,span {box-sizing: border-box;-webkit-box-sizing: border-box;}

.video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;} /* 16:9 */
.video43 {position: relative;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;} /* 4:3 */
.video iframe,
.video43 iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

/* --------------------------
 * bootstrap
-------------------------- */
.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"] {padding-right:0;padding-left:0;}
.row.no-gutters.recommend > [class^="col-"],
.row.no-gutters.recommend > [class*="col-"] {padding:0!important;margin: 0!important;}


/* --------------------------
 * btn
-------------------------- */
.btn.std {margin-top: 10px;display: block;width:100%;height:40px; border: 1px solid #000;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;}
.btn.std a {padding-left: 25px;text-align: left;font-weight: bold;font-size:15px;color:#000;text-decoration: none!important;line-height:38px;transition:all .3s ease;z-index:2;position:relative; display: block;}
.btn.std a .fa { line-height:38px; font-size: 18px; position: absolute;right: 20px;top: 0;transition:all .3s ease;}
.btn.std a span {font-size:10px;margin-left: 25px;}
.btn.std::before {content: '';width:100%;height:100%;left:-100%;background:rgba(0,0,0,0.5);position:absolute;transition:all .3s ease;z-index:1;}
.btn.std:hover::before {left:0;}
.btn.std:hover a {color: #fff;}
.btn.std:hover a .fa { right: 10px;color: #fff;}
.btn.std:hover {border: 1px solid rgba(0,0,0,0.5);transition:all .5s ease;}
@media screen and (max-width: 767px) {
    .btn.std {height:35px;}
    .btn.std a {font-size:13px;line-height:33px;padding-left: 20px;}
    .btn.std a .fa { line-height:31px; font-size: 16px;right: 20px;}
    .btn.std a span {font-size:10px;margin-left: 15px;}
}

.btn.round {max-width: 200px;margin: 0 auto;display: block;width:100%;height:40px; text-align:center;cursor:pointer;position:relative;overflow:hidden;}
.btn.round a {border: 1px solid #222;text-align: center;font-weight: bold;font-size:14px; letter-spacing: 1px;color:#222;text-decoration:none;line-height:38px;transition:all .3s ease;z-index:2;position:relative; display: block;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 20px;-webkit-border-radius: 20px;}
.btn.round a:hover {color: #fff; background-color:#1DACE0;border: 1px solid #1DACE0;}

.btn.color {display: block;max-width:300px;margin: 0 auto 50px;height:60px;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;background-color: #1DACE0;border-radius: 5px;-webkit-border-radius: 5px;}
.btn.color a {padding-left: 25px;text-align: left;font-weight: bold;font-size:15px;color:#FFF;text-decoration:none;line-height:60px;transition:all .3s ease;z-index:2;position:relative; display: block;}
.btn.color a .fa { line-height:58px; font-size: 24px; position: absolute;right: 20px;top: 0;transition:all .3s ease;}
.btn.color a span {font-size:10px;margin-left: 25px;}
.btn.color::before {content: '';width:100%;height:100%;left:-100%;background:rgba(0,0,0,0.5);position:absolute;transition:all .3s ease;z-index:1;}
.btn.color:hover::before {left:0;}
.btn.color:hover a {color: #fff;}
.btn.color:hover a .fa { right: 10px;color: #fff;}
.btn.color:hover {transition:all .5s ease;}
@media screen and (max-width: 767px) {
    .btn.color {height:50px;width: 100%;max-width: inherit;}
    .btn.color a {font-size:14px;line-height:48px;padding-left: 20px;}
    .btn.color a .fa { line-height:48px; font-size: 24px;right: 20px;}
    .btn.color a span {font-size:10px;margin-left: 15px;}
}

.btnSet {width: 640px;margin: 0 auto 50px;height: 60px;}
.btnSet ul {width: 100%;}
.btnSet ul li {width: 50%;padding: 0 10px;display: block;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;p}
.btnSet ul li a {position: relative;display: block;border-radius: 5px;border: 1px solid #1DACE0;-webkit-border-radius: 5px;height: 60px;line-height: 60px; font-size: 16px;color: #1DACE0;transition:all .3s ease;font-weight: bold;}
.btnSet ul li a span {margin-right: 20px;font-size: 12px;letter-spacing: 1px;}
.btnSet ul li a .fa {position: absolute; top: 50%; margin-top: -12px;font-size: 24px;}
.btnSet ul li a:hover {background-color: #1DACE0; color: #fff;}
.btnSet ul li:nth-child(1) a {text-align: right;padding-right: 30px;}
.btnSet ul li:nth-child(2) a {text-align: left;padding-left: 30px;}
.btnSet ul li:nth-child(1) a .fa {left: 25px;}
.btnSet ul li:nth-child(2) a .fa {right: 25px;}
.btnSet ul li a:hover {}
@media screen and (max-width: 767px) {
    .btnSet {width: 100%;margin: 0;height: 50px;}
    .btnSet ul li {padding: 0;}
    .btnSet ul li a {height: 50px;line-height: 50px; font-size: 13px;}
    .btnSet ul li a span {display: none;}
    .btnSet ul li a .fa {position: absolute; top: 50%; margin-top: -7px;font-size: 14px;}
    .btnSet ul li:nth-child(1) {padding-right: 5px;}
    .btnSet ul li:nth-child(2) {padding-left: 5px;}
    .btnSet ul li:nth-child(1) a {text-align:center;padding-right: 0px;}
    .btnSet ul li:nth-child(2) a {text-align:center;padding-left: 0px;}
    .btnSet ul li:nth-child(1) a .fa {left: 15px;}
    .btnSet ul li:nth-child(2) a .fa {right: 15px;}

}

/* --------------------------
 * table
-------------------------- */
.table {border: none!important;}
.table tr th {color: #313131; font-weight: bold;}
.table tr th,
.table tr td {line-height:2em; text-align: center; font-size: 15px;border-left: none!important;}

.table.table-bordered {border-top: 2px solid #999!important;}
.table.table-bordered tr th,
.table.table-bordered tr td {padding: 20px; vertical-align: middle; text-align: left;border-right: none!important;}
.table.table-bordered tr th {color: #000;font-weight: bold;}
.table.table-bordered a {color: #1DACE0;margin: 10px 0 0;display: block;}
.table.table-bordered .fa {color: #1DACE0;margin-right: 10px;}
@media screen and (max-width: 767px) {
    .table.table-bordered tr th,
    .table.table-bordered tr td {padding: 10px; vertical-align: middle;}
    .table-responsive .table.table.table-bordered {margin-bottom: 0!important;}
}

.table.table-condensed {margin-bottom:25px!important;border-top: 1px solid #ddd;border-right: 1px solid #ddd!important;}
.table.table-condensed tr th,
.table.table-condensed tr td {padding: 10px!important; font-size: 13px;border-bottom: 1px solid #ddd!important;border-left: 1px solid #ddd!important; vertical-align: middle!important;}
.table.table-condensed tr th {background-color: #1DACE0;color: #fff; vertical-align: middle!important;}
@media screen and (max-width: 1140px) {
    .table.table-condensed tr th,
    .table.table-condensed tr td {padding: 10px 10px; font-size: 13px;}
    .table.table-condensed.none {margin-bottom:0!important;}
    .table-responsive .table.table.table-condensed {margin-bottom: 0!important;}
    .table-responsive {margin-bottom: 40px;}
}



/* --------------------------
 * scrlTop
-------------------------- */
#scrlTop { opacity: 0;text-align: center; line-height: 55px;z-index: 999;display:block;height: 50px; width: 50px; position: fixed; bottom: 50px; right: 50px; background-color: #1DACE0; -webkit-transition: all .5s ease;transition: all .5s ease;border-radius: 3px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}
#scrlTop .fa { color: #fff; font-size: 24px; cursor: pointer;}
#scrlTop.on {opacity: 1;-webkit-transition: all .5s ease;transition: all .5s ease;cursor: pointer;display:block;}
#scrlTop.on:hover { opacity: 0.5;}
@media screen and (max-width: 767px) {
    #scrlTop {line-height: 45px;height: 40px; width: 40px; position: fixed; bottom: 85px; right: 15px;-moz-border-radius: 20px;-webkit-border-radius: 25px;}
}

/* --------------------------
 * form
-------------------------- */
.formWrap {font-size: 14px;}
.formWrap dl {display: block;margin: 0;padding: 0;}
.formWrap dl dt {width: 35%;margin: 0;padding: 0;float: left;display: block; text-align: right;}
.formWrap dl dt .label {padding-right: 50px; line-height: 50px;}
.formWrap dl dt .label span {margin-right: 5px;color: red;}
.formWrap dl dd {width: 65%;margin: 0;padding: 0;float: left;display: block;margin-bottom: 25px;}
.formWrap input[type="text"],
.formWrap input[type="email"],
.formWrap input[type="tel"],
.formWrap textarea {box-sizing: border-box;width: 100%;border: 1px solid #FFF;background-color: #FFF; color: #000!important; font-size: 14px; line-height:50px;padding: 0 20px;border-radius: 3px;-webkit-border-radius: 3px;}
.formWrap input[type="text"]:focus,
.formWrap input[type="email"]:focus,
.formWrap input[type="tel"]:focus,
.formWrap textarea:focus {border: 1px solid #ccc;outline: 0;}
.formWrap input[type="checkbox"] {margin-right: 10px; line-height:100px;padding: 0 20px;border-radius: 3px;-webkit-border-radius: 3px;border: #666;}
.formWrap input::placeholder {color:#999;}
.formWrap textarea::placeholder {color:#999;}
.formWrap .policy { font-size: 12px;background-color: #FFF;padding: 20px;height: 100px;display: block;overflow: scroll; line-height: 1.6em;margin-bottom: 25px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
.formWrap .policy h3 { font-size: 13px; text-align: center; font-weight: bold; margin-bottom: 10px;}
.formWrap .btnGrp {width: 100%; border-top: 1px solid #ccc;padding-top: 25px;}
.formWrap .btnGrp ul {text-align: center; font-size: 0;margin: 0 -10px;}
.formWrap .btnGrp ul li {font-size: 16px;display: inline-block;width: 50%;box-sizing: border-box;padding: 10px;}
.formWrap .btnGrp ul li input[type=button],
.formWrap .btnGrp ul li input[type=submit] { letter-spacing: 2px;font-size: 14px;height: 50px;line-height: 50px;width: 100%;display: inline-block;border:none;color: #FFF;transition:all 0.3s;-webkit-transition:all 0.3s;border-radius: 3px;-webkit-border-radius: 3px;}
.formWrap .btnGrp ul li input[type=button] {background-color:#000;}
.formWrap .btnGrp ul li input[type=submit] {background-color:#666;}
.formWrap .btnGrp ul li input[type=button]:hover { background-color: green;}
.formWrap .btnGrp ul li input[type=submit]:hover { background-color: red;}
@media screen and (max-width: 767px) {
    .formWrap {font-size: 14px;}
    .formWrap dl {display: block;margin: 0;padding: 0 25px;}
    .formWrap dl dt {width: 100%;float: none;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .formWrap dl dt .label {padding-right: 0px; line-height: 50px;padding-left: 15px;}
    .formWrap dl dt .label span {margin-right: 5px;color: red;}
    .formWrap dl dd {width: 100%;float: none;margin-bottom: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .formWrap .btnGrp ul {margin: 0px 25px;}
    .formWrap .btnGrp ul li {display: block;width: 100%;box-sizing: border-box;padding: 0px;margin-bottom: 10px;}
}