/* --------------------------
 * 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:active,
a:focus {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;}
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;}

.row.no-gutters {}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*="col-"] {padding-right:0;padding-left:0;}

.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;}

iframe.twitter-share-button {width: 80px!important;overflow: hidden;margin: 0px; padding: 0px;display: block;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.fb-like {margin: 0px;padding: 0px;float: left;}
#fb-root { display:none;}

/* --------------------------
 * btn
-------------------------- */
.btn.std {z-index: 0;border: 3px solid #000;background-color: #FFF;display: block;width:360px;height:86px;text-align:center;cursor:pointer;position:relative;overflow:hidden;}
.btn.std.sm {z-index: 0;border: 3px solid #000;background-color: #FFF;display: block;width:210px;height:56px;text-align:center;cursor:pointer;position:relative;overflow:hidden;}
.btn.std a {font-weight: bold;text-align: center;letter-spacing: 1px;font-size:18px;color:#000;text-decoration:none;line-height:80px;transition:all .3s ease;z-index:2;position:relative; display: block;}
.btn.std.sm a {line-height:50px;font-size: 16px;}
.btn.std a span {font-size:10px;margin-left: 25px;}
.btn.std::before {content: '';position: absolute;bottom: 0;left: 0;z-index: 1;width: 160%;height: 100%;background: #000;transform-origin: right top;transform: skewX(-30deg) scale(0, 1);transition: transform .5s;}
.btn.std:hover::before {transform-origin: left top;transform:skewX(-30deg) scale(1, 1);transition: transform .5s;}
.btn.std:hover a {color: #fff;}
.btn.std:hover {transition:.5s;}
@media screen and (max-width: 767px) {
    .btn.std {border: 3px solid #000;width:300px;height:66px;}
    .btn.std a {font-size:18px;line-height:60px;}
}
.btn.min {z-index: 0;background-color: #eee;margin-top: 15px;display: block;width:200px;height:35px;text-align:center;cursor:pointer;position:relative;overflow:hidden;}
.btn.min a {height:35px;text-align: center;font-size:13px;color:#000;text-decoration:none;line-height:35px;transition:all .3s ease;z-index:2;position:relative; display: block;}
.btn.min a .fa { line-height:56px; font-size: 24px; color: #000; position: absolute;right: 20px;top: 0;transition:all .3s ease;}
.btn.min a span {font-size:10px;margin-left: 25px;}
.btn.min::before {content: '';position: absolute;bottom: 0;left: 0;z-index: 1;width: 160%;height: 100%;background: #000;transform-origin: right top;transform: skewX(-30deg) scale(0, 1);transition: transform .5s;}
.btn.min:hover::before {transform-origin: left top;transform:skewX(-30deg) scale(1, 1);transition: transform .5s;}
.btn.min:hover a {color: #fff;}
.btn.std:hover {transition:.5s;}
@media screen and (max-width: 767px) {

}
/* --------------------------
 * scrlTop
-------------------------- */
#scrlTop { opacity: 0;text-align: center; line-height: 60px;z-index: 999;display:block;height: 60px; width: 60px; position: fixed; bottom: 50px; right: 0px; background-color:#000;-webkit-transition: all .5s ease;transition: all .5s ease;}
#scrlTop .fa-chevron-up { color: #fff; font-size: 14px; 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: 40px;height: 40px; width: 40px; position: fixed; bottom: 90px; right: 0px;}
}

/* --------------------------
 * form
-------------------------- */
.formWrapper {margin: 0 auto; max-width: 1440px;font-size: 14px;background-color: #f5f5f5;padding: 50px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
.formWrapper dl {display: block;margin: 0!important;padding: 0!important;}
.formWrapper dl dt {width: 30%!important;margin: 0!important;padding: 25px 0 0!important;float: left;display: block; text-align: right;}
.formWrapper dl dt .label {margin: 0;padding: 0;padding-right: 50px; line-height: 50px;}
.formWrapper dl dt .label span {margin-right: 5px;color: red;}
.formWrapper dl dd {width: 70%!important;margin: 0 0 25px!important;padding: 25px 0 0!important;float: left;display: block;}
.formWrapper input[type="text"],
.formWrapper input[type="email"],
.formWrapper input[type="tel"],
.formWrapper select,
.formWrapper 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;}
.formWrapper input[type="text"]:focus,
.formWrapper input[type="email"]:focus,
.formWrapper input[type="tel"]:focus,
.formWrapper textarea:focus {border: 1px solid #ccc;outline: 0;}
.formWrapper input[type="checkbox"] {display: inline-block;margin-right: 10px; line-height:100px;padding: 0 20px;border-radius: 3px;-webkit-border-radius: 3px;border: #666;}
.formWrapper input::placeholder {color:#999;}
.formWrapper textarea::placeholder {color:#999;}
.formWrapper .note {font-size: 13px; line-height: 1.8em;border: 1px solid #ddd;background-color: #eee;padding: 25px 35px;margin-bottom: 25px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
.formWrapper .note h3 {font-weight: bold;font-size: 16px;margin-bottom: 15px; text-align: center;overflow: hidden;}
.formWrapper .note h3 span {position: relative;display: inline-block;margin: 0 2.5em;padding: 0 2em;text-align: left;}
.formWrapper .note h3 span::before,
.formWrapper .note h3 span::after {position: absolute;top: 50%;content: '';width: 400%;height: 1px;margin-top: -1px;background-color: #ddd;}
.formWrapper .note h3 span::before {right: 100%;}
.formWrapper .note h3 span::after {left: 100%;}
.formWrapper select {line-height: 50px; height: 50px;padding-left: 20px!important;}
.formWrapper input[type="text"],
.formWrapper input[type="email"],
.formWrapper input[type="tel"],
.formWrapper select {width: 50%;}
.formWrapper .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;}
.formWrapper .policy h3 { font-size: 13px; text-align: center; font-weight: bold; margin-bottom: 10px;}
.formWrapper .btnGrp {width: 100%; border-top: 1px solid #ccc;padding-top: 25px;}
.formWrapper .btnGrp ul {text-align: center; font-size: 0;margin: 0 -10px;}
.formWrapper .btnGrp ul li {font-size: 16px;display: inline-block;width: 50%;box-sizing: border-box;padding: 10px;}
.formWrapper .btnGrp ul li input[type=button],
.formWrapper .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;}
.formWrapper .btnGrp ul li input[type=button] {background-color:#000;}
.formWrapper .btnGrp ul li input[type=submit] {background-color:#666;}
.formWrapper .btnGrp ul li input[type=button]:hover { background-color: green;}
.formWrapper .btnGrp ul li input[type=submit]:hover { background-color: red;}
@media screen and (max-width: 767px) {
    .formWrapper {font-size: 14px;padding: 25px 15px 10px;}
    .formWrapper dl {display: block;margin: 0;padding: 0 0px!important;}
    .formWrapper dl dt {padding-top: 0!important;width: 100%!important;float: none;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .formWrapper dl dt .label {padding: 0px; line-height: 1em;padding-left: 15px;}
    .formWrapper dl dt .label span {margin-right: 5px;color: red;}
    .formWrapper dl dd {width: 100%!important;float: none;padding-top: 5px!important;margin: 0;margin-bottom: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}
    .formWrapper .btnGrp ul {margin: 0px 0px;}
    .formWrapper .btnGrp ul li {display: block;width: 100%;box-sizing: border-box;padding: 0px;margin-bottom: 10px;}

    .formWrapper .note {font-size: 12px; line-height: 1.8em;border: 1px solid #ddd;background-color: #eee;padding: 20px;margin-bottom: 25px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}
    .formWrapper .note h3 {font-weight: bold;font-size: 13px;margin-bottom: 15px; text-align: center;overflow: hidden;}
    .formWrapper .note h3 span {position: relative;display: inline-block;margin: 0 2em;padding: 0 1em;text-align: left;}
    .formWrapper .note h3 span::before,
    .formWrapper .note h3 span::after {position: absolute;top: 50%;content: '';width: 400%;height: 1px;margin-top: -1px;background-color: #ddd;}
    .formWrapper .note h3 span::before {right: 100%;}
    .formWrapper .note h3 span::after {left: 100%;}

    .formWrapper input[type="text"],
    .formWrapper input[type="email"],
    .formWrapper input[type="tel"],
    .formWrapper select {width: 100%;}
}