@charset "utf-8";
/* ----------------------------------------------------------------------------
 medlf メドルフ
---------------------------------------------------------------------------- */

* {
  box-sizing: border-box;
  border-collapse: collapse;
  word-wrap: normal;
  word-break: break-all;
}

p, ul, ol, li, dl, dt, dd, a {margin: 0; padding: 0; list-style: none; font-weight: normal;}
body {margin: 0; padding: 0; font: inherit;}
a img {border: none;}
html{scroll-behavior: smooth;}

.fz14 {font-size: 14px; line-height: 1.7;}
.fz15 {font-size: 15px; line-height: 1.6;}
.fz18 {font-size: 18px; line-height: 1.6;}
.fz20 {font-size: 20px; line-height: 1.5;}
.fz22 {font-size: 22px; line-height: 1.5;}
.fz23 {font-size: 23px; line-height: 2.0;}
.fz24 {font-size: 24px; line-height: 1.5;}
.fz28 {font-size: 28px; line-height: 1.5;}
.fz30 {font-size: 30px; line-height: 1.5;}
.fz32 {font-size: 32px; line-height: 1.5;}
.fz35 {font-size: 35px; line-height: 1.5;}

/*Overpass-Regular*/
@font-face {
   font-family: Overpass;
   src: url('../font/overpass/Overpass-Regular.ttf') format("truetype");
   font-weight: 400;
}

/*Overpass-Light*/
@font-face {
   font-family: Overpass;
   src: url('../font/overpass/Overpass-Light.ttf') format("truetype");
   font-weight: 300;
}

/*Overpass-Thin*/
@font-face {
   font-family: Overpass;
   src: url('../font/overpass/Overpass-Thin.ttf') format("truetype");
   font-weight: 100;
}

 @font-face {
  font-family: "NotoSansCJKjp-Light";
  src: url("../font/NotoSansCJKjp-Light.woff2") format("woff2"), url("../font/NotoSansCJKjp-Light.woff") format("woff");
}
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("../font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../font/NotoSansCJKjp-Regular.woff") format("woff");
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url("../font/NotoSansCJKjp-Medium.woff2") format("woff2"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url("../font/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../font/NotoSansCJKjp-Bold.woff") format("woff");
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
/* =======================================================================================
　Form
======================================================================================= */
.formrun {width: 600px; margin: auto;}
label {display: inline-block; margin-bottom: 0.5rem; font-size: 15px; font-family: "NotoSansCJKjp-light"; font-weight: 100; line-height: 1.4; letter-spacing: 0.2em; color: #354869; padding: 0 0 0; margin: 0 auto 5px;}
.text-danger {display: block; font-size: 14px; color: #d9534f!important; padding: 0 0 0; margin: 5px auto 0;}
.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]), .input-group-lg>select.form-control:not([size]):not([multiple]), .input-group-lg>select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem;}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .custom-control, .has-success .form-control-feedback, .has-success .form-control-label, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {color: #4fadb7;}
.has-success .form-control {border-color: #4fadb7;}
textarea {resize: vertical; height: 200px;}
.offset-sm-2 {margin: 0;}
.btn-primary {display: block; width: 400px; margin: auto; padding: 10px 0; color: #ffffff; background-color: #354869; border: 1px solid #354869;}
.btn-primary:hover {color: #354869; background-color: #ffffff; border: 1px solid #354869;}
.btn-primary:active {color: #ffffff; background-color: #354869; border: 1px solid #354869;}
.pull-xs-right {float: none!important;}

@media only screen and (max-width: 1000px) {
.formrun {width: 90%; margin: auto;}
.btn-primary {display: block; width: 70%; margin: auto; padding: 10px 0; color: #ffffff; background-color: #354869; border: 1px solid #354869;}
.btn-primary:hover {color: #354869; background-color: #ffffff; border: 1px solid #354869;}
.btn-primary:active {color: #ffffff; background-color: #354869; border: 1px solid #354869;}
}