/* ===================================
基本設定
=================================== */
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);
html{ overflow-y:scroll; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
}
li { list-style: none; }
figure,
figcaption {
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
/* 全ての要素のbox-sizingをデフォルトでborder-boxにする */
:root {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
::before,
::after {
border-width: 0;
border-style: solid;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
/* ===================================
共通
=================================== */
/* フォント */
body {
font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
font-size: 1rem;
}
select,input,button,textarea {
font-family: "Montserrat", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
/* ===================================
画面全体のレイアウト
=================================== */
/* 画面全体の表示設定 */
html {
font-size: 62.5%;
}
body {
overflow: hidden;
color:#333;
font-size: 16px;
font-size: 1.6em;
letter-spacing: 0.11em;
line-height: 1.8;
background: #ffffff none;
}
/* フォームトップの画像 */
.flex{
display: flex;
justify-content: center;
}
.flex img {box-shadow: 0 0 1px #333;}
.flex spam {margin: 0em 0em 1em;}
.flex p {
margin: 2em 2em 1em;
max-width: 540px;
font-weight: 550;
font-size:17px;
}
@media screen and (max-width: 767px) {
.flex {
flex-direction: column;
justify-content: center;
}
.flex spam {text-align:center;}
.flex p {margin: 0em 1em 1em;}
}
/* フォームエリア全体の設定 */
.container {
margin: 0 auto;
}
div.header {
width: 100%;
padding: 24px 0;
-webkit-box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 4px -4px rgba(0, 0, 0, 0.4);
}
.fb-header {
width: 960px;
margin: 0 auto;
text-align: left;
}
.fb-header img {
position: static !important;
width: 30%;
max-width: 220px;
}
.fb-title {
padding: 4% 2%;
font-size: 24px;
line-height: 1.5;
font-weight: bold;
text-align: center;
}
#privacy_policy {
width: 100%;
margin: 0 auto;
padding: 0 3%;
font-size: 12px;
text-align: left;
}
.privacy-text-master br {
display: none;
}
@media screen and (min-width: 768px),print {
#privacy_policy {
max-width: 620px;
}
.privacy-text-master br {
display: block;
}
}
/* ===================================
ヘッダー
=================================== */
.l-header {
width: 100%;
}
.l-header-global {
display: none;
}
@media only screen and (min-width: 1024px), print {
.l-header-global {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 7px 0;
}
}
@media only screen and (min-width: 1024px), print {
.l-header-global__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 20px;
}
}
@media only screen and (min-width: 1024px), print {
.l-header-global__logo a {
display: block;
}
.l-header-global__logo a:hover {
opacity: 0.75;
}
}
.l-header-global__logo .is-spoolplus img {
height: 30px;
}
.l-header-global__logo .is-jpxprime {
margin: 0 0 0 16px;
}
@media only screen and (min-width: 1024px), print {
.l-header-global__logo .is-jpxprime {
margin: 0 0 0 32px;
}
}
.l-header-global__logo .is-jpxprime img {
height: 40px;
}
.l-header-main {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 70px;
background-color: #ffffff;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1024px), print {
.l-header-main {
height: 76px;
border-top: 1px solid #ccc;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.l-header-main__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
height: 30px;
padding: 0 18px;
}
@media only screen and (min-width: 1024px), print {
.l-header-main__logo {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 195px;
height: 40px;
padding: 0 20px;
}
}
.l-header-main__logo a {
display: block;
}
.l-header-main__logo a:hover {
opacity: 0.75;
}
.l-header-main__logo .is-work-happiness {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 105px;
}
@media only screen and (min-width: 768px), print {
.l-header-main__logo .is-work-happiness {
width: 300px;
height: 22px;
}
}
.l-header-main__logo .is-work-happiness img {
max-height: 32px;
vertical-align: top;
}
@media only screen and (min-width: 1024px), print {
.l-header-main__logo .is-work-happiness img {
max-height: 22px;
}
}
.l-header-main__logo .is-spoolplus {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
border-right: 1px solid #efefef;
margin: 0 14px 0 0;
padding: 0 10px 0 0;
}
@media only screen and (min-width: 1024px), print {
.l-header-main__logo .is-spoolplus {
display: none;
}
}
.l-header-main__logo .is-spoolplus img {
max-height: 30px;
vertical-align: top;
}
@media only screen and (min-width: 1024px), print {
.l-header-main__navigation {
padding: 0 20px;
}
}
@media only screen and (min-width: 1024px), print {
.l-header-main__menu {
display: none;
}
}
/* ===================================
フッター
=================================== */
.l-footer {
position: relative;
width: 100%;
margin: 0;
overflow-x: hidden;
}
.l-footer__inner {
width: 100%;
max-width: 1408px;
margin: 30px auto 30px auto;
padding: 0 5%;
}
@media only screen and (min-width: 1024px), print {
.l-footer__inner {
margin: 60px auto 60px auto;
padding: 0 2%;
}
}
@media only screen and (min-width: 1440px), print {
.l-footer__inner {
padding: 0;
}
}
.l-footer__bottom {
border-top: 1px solid #efefef;
margin: 24px 0 0;
padding: 16px 0 0;
text-align: left;
}
@media only screen and (min-width: 1024px), print {
.l-footer__bottom {
margin: 30px 0 0;
padding: 30px 0 0;
text-align: right;
}
}
.l-footer__copyright {
display: block;
color: #666;
font-size: 10px; /*IE9以下で反映されるよう記述*/
line-height: 1;
letter-spacing: 0.05em;
margin: 24px 0 0;
}
@media only screen and (min-width: 1024px), print {
.l-footer__copyright {
margin: 0;
}
}
/* ===================================
共通スタイル
=================================== */
/* 見出し */
h1 {
font-size: 20px;
text-align: center;
line-height: 1.5;
padding: 0 2%;
}
h2 {
font-size: 18px;
}
h2:after {
display: block;
position: relative;
width: 43px;
height: 2px;
margin: 8px 0 0;
background-color: #ac923f;
content: "";
}
.l-form__heading {
width: 100%;
padding: 8px;
color: #fff;
text-align: center;
background-color: #837349;
}
.l-form__heading:after {
content: none;
}
@media only screen and (min-width: 768px), print {
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
.l-form__heading {
font-size: 24px;
}
h2:after {
width: 86px;
height: 2px;
margin: 8px 0 0;
}
}
/* 段落 */
.l-contents p {
margin: 16px 0 0;
}
/* リスト */
.c-ul-style-disc {
margin: 16px 0 0;
list-style-type: none;
}
.c-ul-style-disc li {
position: relative;
margin-left: 0.2em;
padding-left: 1em;
}
.c-ul-style-disc li::before {
display: block;
position: absolute;
left: 0;
top: 0.55em;
width: 6px;
height: 6px;
background-color: #ac923f;
border-radius: 50%;
content: "";
}
/* テーブル */
.c-table {
display: block;
width: 100%;
margin: 16px 0 0;
}
@media only screen and (min-width: 768px), print {
.c-table {
table-layout: fixed;
width: 100%;
border-top: 1px solid rgba(112, 112, 112, 0.3);
border-collapse: collapse;
border-spacing: 0;
}
}
@media only screen and (max-width: 767px), print {
.c-table tr {
display: block;
width: 100%;
}
}
.c-table th {
color: #837349;
font-weight: 600;
width: 100%;
background-color: rgba(172, 146, 63, 0.3);
vertical-align: top;
padding: 8px 16px;
}
@media only screen and (min-width: 768px), print {
.c-table th {
width: 20%;
}
}
.c-table td {
width: 100%;
background-color: #ffffff;
border-bottom: 1px solid rgba(112, 112, 112, 0.3);
padding: 8px 16px;
}
@media only screen and (min-width: 768px), print {
.c-table td {
width: 70%;
}
}
.c-table th,
.c-table td {
display: block;
}
@media only screen and (min-width: 768px), print {
.c-table th,
.c-table td {
display: table-cell;
border-bottom: 1px solid rgba(112, 112, 112, 0.3);
padding: 8px 12px;
}
}
/* セクション */
.p-section__inner {
padding: 0 2%;
}
@media only screen and (min-width: 768px), print {
.p-section__inner {
padding: 0;
}
}
/* ボタン */
.c-button {
position: relative;
display: inline-block;
color: #000;
font-size: 1.6rem;
font-weight: 600;
text-align: center;
text-decoration: none;
line-height: 1.4;
letter-spacing: 0em;
background-color: #fff;
border: 1px solid #666;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
word-break: break-word;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: max(1em + 1rem - 1em,.2em) max(1em + (1rem - 1em)*.2,.4em);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
overflow: hidden;
vertical-align: top;
z-index: 0;
cursor: pointer;
}
.c-button-parent {
color: #000;
background-color: #eae3cf;
border: 1px solid #eae3cf;
margin: 0 auto;
}
.c-button:hover {
opacity: 1;
}
.c-button-parent:hover {
color: #fff;
border: 1px solid #837349;
background-color: #837349;
}
/* 画像 */
.c-image {
text-align: center;
}
.c-image img {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #ccc;
}
/* ===================================
1カラム
=================================== */
.l-main__one-column {
}
.l-main__one-column .l-contents {
}
.l-main__one-column .l-form {
background-color: #eae3cf;
}
.l-main__one-column.--thanks {
text-align: center;
}
/* ===================================
2カラム
=================================== */
.l-main__two-column {
display: block;
}
.l-main__two-column .l-form {
margin: 8% 4% 0;
padding: 0 0 4% 0;
-webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px),print {
.l-main__two-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 1200px;
margin: 0 auto 2%;
padding: 24px 2%;
}
.l-main__two-column .l-contents {
width: 55%;
}
.l-main__two-column .l-form {
width: 40%;
margin: 0;
/* background-color: #eae3cf; */
}
}
/* ===================================
設問エリアのレイアウト
=================================== */
/* 設問エリア全体の設定 */
div.wrapper {
width: 100%;
max-width: 980px;
margin: 0 auto;
padding: 3%;
}
table.items,
tbody,
tr.item {
display: block;
width: 100%;
max-width: 980px;
}
.l-main__two-column table.items,
.l-main__two-column tbody,
.l-main__two-column tr.item {
display: block;
width: 100%;
}
/* 設問の表 */
table.items{
border-top: 1px solid #cccccc;
}
/* 設問の行 */
tr.item {
padding: 0 0 4%;
border-bottom: 1px solid #cccccc;
}
/*設問名のセルのデザイン */
td.label {
display: block;
width: 100%;
padding: 2%;
color: #837349;
font-weight: bold;
background: rgba(172, 146, 63, 0.3) none;
}
/* 設問の入力セルおよび表示セルのデザイン */
td.value {
display: block;
width: 100%;
padding: 2% 0;
background: #fff none;
}
/* 設問の入力例/説明セルのデザイン */
td.comment {
display: block;
width: 100%;
color: #777777;
font-size: 1.4rem;
background: #fff none;
}
@media screen and (min-width: 768px),print {
table.items,
tbody,
tr.item {
display: table;
border-collapse: collapse;
}
/* 2カラムのとき */
.l-main__two-column table.items,
.l-main__two-column tbody,
.l-main__two-column tr.item {
display: block;
width: 100%;
}
/* 設問の行 */
tr.item {
padding: 0;
}
/*設問名のセルのデザイン */
td.label {
display: table-cell;
width: 35%;
max-width: 300px;
padding: 20px;
vertical-align: top;
}
.l-main__two-column td.label {
display: block;
width: 100%;
max-width: 100%;
padding: 8px 16px;
}
/* 設問の入力セルおよび表示セルのデザイン */
td.value {
display: block;
width: 100%;
margin: 0;
padding: 3%;
}
/* 設問の入力例/説明セルのデザイン */
td.comment {
display: block;
width: 100%;
margin: 0;
padding: 0 3% 3%;
font-size: 1.2rem;
line-height: 1.2 ;
}
}
/* 入力セルの「氏」「名」の文字のデザイン */
span.label_name {
padding-right:5px;
}
tr#item_3 td.value {
display: flex;
}
tr#item_3 td.value input {
width: 45%;
}
tr#item_3 td.value input:first-of-type {
margin-right: 2.8%
}
.ex_last_name {
display: inline-block;
width: 52%;
}
.ex_first_name {
display: inline-block;
width: 48%;
}
/* 入力確認画面、完了画面の入力された文字のデザイン */
p.value {
}
/* ボタンの表示エリアの設定 */
div.button_area {
width: 100%;
max-width: 980px;
margin: 0 auto ;
padding: 0 3%;
text-align:center;
}
/* 入力エラーメッセージのデザイン */
div.message {
width: 100%;
max-width: 900px;
margin: 0 auto 4%;
padding: 3%;
border: 3px solid #d63008;
color: #d63008;
font-weight: bold;
line-height: 2;
background:#FFF0E5;
}
/* 公開終了メッセージのデザイン */
div.finished-message {
padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */
margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */
font-weight:bold;
color:Crimson;
background:MistyRose;
}
/* ==========================================================
!Form Parts
========================================================== */
/* !reset
---------------------------------------------------------- */
input,
button,
textarea {
border: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* !default
---------------------------------------------------------- */
legend {
display: block;
width: 100%;
margin: 0 0 4% 0;
font-size: 125%;
text-align: center;
}
fieldset {
}
fieldset > p {
margin: 0 0 4% 0;
}
label {
position: relative;
display: block;
cursor: pointer;
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea {
width: 100%;
padding: 10px 5px 12px 5px;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #cccccc;
border-radius: 2px;
}
input[type="number"].zip01 {
width: 200px;
}
input[type="tel"] {
width: 230px;
}
select {
width: 100%;
padding: 10px 8px 10px 8px;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #cccccc;
border-radius: 2px;
background-color: #fff;
}
/* numberの増減ボタンを消す */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
/* 必須 */
input:required,
textarea:required {
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #cccccc;
background: #ffffff;
}
/* 必須 且つ 入力されていない */
input:required:invalid,
textarea:required:invalid {
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #890000;
background: #89000088;
}
/* focus */
input:focus,
select:focus,
textarea:focus {
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #cccccc;
background: #edf6f8;
}
/* 必須にfocus */
input:required:invalid:focus,
textarea:required:invalid:focus {
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #cccccc;
background: #edf6f8;
}
/* Placeholder Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
color: #999999;
font-style: italic;
}
/* Placeholder Firefox 18- */
:-moz-placeholder {
opacity: 1;
color: #999999;
font-style: italic;
}
/* Placeholder Firefox 19+ */
::-moz-placeholder {
opacity: 1;
color: #999999;
font-style: italic;
}
/* Placeholder IE 10+ */
:-ms-input-placeholder {
color: #999999;
font-style: italic;
}
/* !ラジオボタン、チェックボックス
---------------------------------------------------------- */
input[type="radio"],
input[type="checkbox"] {
border: 2px solid #cccccc;
width: 2em;
height: 2em;
margin: 0 5px 0 0;
line-height: 1;
transform: translate(0, 6px);
}
input[type="radio"] {
border-radius: 50%;
}
/* !ラジオボタン、チェックボックスのクリック範囲にフォーカスしたとき
---------------------------------------------------------- */
.value > input[type="radio"]:focus,
.value > input[type="checkbox"]:focus {
outline: dotted 1px #000000;
}
/* !ラジオボタン チェック印の背景
---------------------------------------------------------- */
.value > input[type="radio"]:checked {
border-color: #837349;
}
/* !ラジオボタン チェックの印
---------------------------------------------------------- */
.value > input[type="radio"]:checked:before {
position: relative;
top: 0.2em;
left: 0.2em;
display: block;
width: 1.3em;
height: 1.3em;
border-radius: 50%;
background: #837349 none;
content: "";
}
/* !チェックボタン チェック印の背景
---------------------------------------------------------- */
input[type="checkbox"]:checked {
border-color: #837349;
background-color: #837349;
}
/* !チェックボタン チェックの印
---------------------------------------------------------- */
input[type="checkbox"]:checked:before {
position: relative;
top: -0.2em;
left: 0.5em;
display: block;
width: 10px;
height: 24px;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
content: "";
transform: rotate(45deg);
}
/* !送信ボタン
---------------------------------------------------------- */
div.button_area {
display: flex;
flex-flow: column-reverse wrap;
justify-content: center;
margin-top: 16px;
}
@media screen and (min-width: 768px),print {
div.button_area {
display: flex;
flex-flow: row nowrap;
gap: 20px;
}
}
input[type=button] {
width: 70%;
margin: 0;
padding: 16px 20px;
border: none;
border-radius: 3px;
color: #fff;
font-size: 123%;
font: inherit;
font-weight: bold;
letter-spacing: 0.1em;
background: #890000;
cursor: pointer;
}
input[type=button]#lf_form_submit_button {
margin: 0 auto;
border: 1px solid #890000;
color: #fff;
background-color: #890000;
cursor: pointer;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-animation: frameIn 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;
animation: frameIn 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;
}
input[type=button]#lf_form_submit_button:hover {
color: #890000;
background-color: #fff;
background-position: right center;
}
input[type=button]#button_confirm_back {
margin: 0 auto 16px;
padding: 16px 20px;
border: 1px solid #eee;
color: #666;
background: #ccc;
cursor: pointer;
}
input[type=button]#button_confirm_submit {
margin: 0 auto 16px;
padding: 16px 20px;
border: 1px solid #890000;
color: #fff;
background-color: #890000;
cursor: pointer;
}
/* ===================================
汎用スタイル
=================================== */
.is-sp-only {
display: block;
}
.is-pc-only {
display: none;
}
@media only screen and (min-width: 768px), print {
.is-sp-only {
display: none;
}
.is-pc-only {
display: block;
}
}
.u-taC {
text-align: center;
}
.u-mt0 { margin-top: 0px !important;}
.u-mt5 { margin-top: 5px !important;}
.u-mt10 { margin-top: 10px !important;}
.u-mt15 { margin-top: 15px !important;}
.u-mt20 { margin-top: 20px !important;}
.u-mt25 { margin-top: 25px !important;}
.u-mt30 { margin-top: 30px !important;}
.u-mt35 { margin-top: 35px !important;}
.u-mt40 { margin-top: 40px !important;}
.u-mt45 { margin-top: 45px !important;}
.u-mt50 { margin-top: 50px !important;}
.u-mt55 { margin-top: 55px !important;}
.u-mt60 { margin-top: 60px !important;}
.u-mt65 { margin-top: 65px !important;}
.u-mt70 { margin-top: 70px !important;}
.u-mt75 { margin-top: 75px !important;}
.u-mt80 { margin-top: 80px !important;}
.u-mt85 { margin-top: 85px !important;}
.u-mt90 { margin-top: 90px !important;}
.u-mt95 { margin-top: 95px !important;}
.u-mt100 { margin-top: 100px !important;}
.u-mb0 { margin-bottom: 0px !important;}
.u-mb5 { margin-bottom: 5px !important;}
.u-mb10 { margin-bottom: 10px !important;}
.u-mb15 { margin-bottom: 15px !important;}
.u-mb20 { margin-bottom: 20px !important;}
.u-mb25 { margin-bottom: 25px !important;}
.u-mb30 { margin-bottom: 30px !important;}
.u-mb35 { margin-bottom: 35px !important;}
.u-mb40 { margin-bottom: 40px !important;}
.u-mb45 { margin-bottom: 45px !important;}
.u-mb50 { margin-bottom: 50px !important;}
.u-mb55 { margin-bottom: 55px !important;}
.u-mb60 { margin-bottom: 60px !important;}
.u-mb65 { margin-bottom: 65px !important;}
.u-mb70 { margin-bottom: 70px !important;}
.u-mb75 { margin-bottom: 75px !important;}
.u-mb80 { margin-bottom: 80px !important;}
.u-mb85 { margin-bottom: 85px !important;}
.u-mb90 { margin-bottom: 90px !important;}
.u-mb95 { margin-bottom: 95px !important;}
.u-mb100 { margin-bottom: 100px !important;}
.u-ml0 { margin-left: 0px !important;}
.u-ml5 { margin-left: 5px !important;}
.u-ml10 { margin-left: 10px !important;}
.u-ml15 { margin-left: 15px !important;}
.u-ml20 { margin-left: 20px !important;}
.u-ml25 { margin-left: 25px !important;}
.u-ml30 { margin-left: 30px !important;}
.u-ml35 { margin-left: 35px !important;}
.u-ml40 { margin-left: 40px !important;}
.u-ml45 { margin-left: 45px !important;}
.u-ml50 { margin-left: 50px !important;}
.u-ml55 { margin-left: 55px !important;}
.u-ml60 { margin-left: 60px !important;}
.u-ml65 { margin-left: 65px !important;}
.u-ml70 { margin-left: 70px !important;}
.u-ml75 { margin-left: 75px !important;}
.u-ml80 { margin-left: 80px !important;}
.u-ml85 { margin-left: 85px !important;}
.u-ml90 { margin-left: 90px !important;}
.u-ml95 { margin-left: 95px !important;}
.u-ml100 { margin-left: 100px !important;}
.u-mr0 { margin-right: 0px !important;}
.u-mr5 { margin-right: 5px !important;}
.u-mr10 { margin-right: 10px !important;}
.u-mr15 { margin-right: 15px !important;}
.u-mr20 { margin-right: 20px !important;}
.u-mr25 { margin-right: 25px !important;}
.u-mr30 { margin-right: 30px !important;}
.u-mr35 { margin-right: 35px !important;}
.u-mr40 { margin-right: 40px !important;}
.u-mr45 { margin-right: 45px !important;}
.u-mr50 { margin-right: 50px !important;}
.u-mr55 { margin-right: 55px !important;}
.u-mr60 { margin-right: 60px !important;}
.u-mr65 { margin-right: 65px !important;}
.u-mr70 { margin-right: 70px !important;}
.u-mr75 { margin-right: 75px !important;}
.u-mr80 { margin-right: 80px !important;}
.u-mr85 { margin-right: 85px !important;}
.u-mr90 { margin-right: 90px !important;}
.u-mr95 { margin-right: 95px !important;}
.u-mr100 { margin-right: 100px !important;}
.u-pt0 { padding-top: 0px;}
.u-pt5 { padding-top: 5px;}
.u-pt10 { padding-top: 10px;}
.u-pt15 { padding-top: 15px;}
.u-pt20 { padding-top: 20px;}
.u-pt25 { padding-top: 25px;}
.u-pt30 { padding-top: 30px;}
.u-pt35 { padding-top: 35px;}
.u-pt40 { padding-top: 40px;}
.u-pt45 { padding-top: 45px;}
.u-pt50 { padding-top: 50px;}
.u-pt55 { padding-top: 55px;}
.u-pt60 { padding-top: 60px;}
.u-pt65 { padding-top: 65px;}
.u-pt70 { padding-top: 70px;}
.u-pt75 { padding-top: 75px;}
.u-pt80 { padding-top: 80px;}
.u-pt85 { padding-top: 85px;}
.u-pt90 { padding-top: 90px;}
.u-pt95 { padding-top: 95px;}
.u-pt100 { padding-top: 100px;}
.u-pb0 { padding-bottom: 0px;}
.u-pb5 { padding-bottom: 5px;}
.u-pb10 { padding-bottom: 10px;}
.u-pb15 { padding-bottom: 15px;}
.u-pb20 { padding-bottom: 20px;}
.u-pb25 { padding-bottom: 25px;}
.u-pb30 { padding-bottom: 30px;}
.u-pb35 { padding-bottom: 35px;}
.u-pb40 { padding-bottom: 40px;}
.u-pb45 { padding-bottom: 45px;}
.u-pb50 { padding-bottom: 50px;}
.u-pb55 { padding-bottom: 55px;}
.u-pb60 { padding-bottom: 60px;}
.u-pb65 { padding-bottom: 65px;}
.u-pb70 { padding-bottom: 70px;}
.u-pb75 { padding-bottom: 75px;}
.u-pb80 { padding-bottom: 80px;}
.u-pb85 { padding-bottom: 85px;}
.u-pb90 { padding-bottom: 90px;}
.u-pb95 { padding-bottom: 95px;}
.u-pb100 { padding-bottom: 100px;}
.u-pr0 { padding-right: 0px;}
.u-pr5 { padding-right: 5px;}
.u-pr10 { padding-right: 10px;}
.u-pr15 { padding-right: 15px;}
.u-pr20 { padding-right: 20px;}
.u-pr25 { padding-right: 25px;}
.u-pr30 { padding-right: 30px;}
.u-pr35 { padding-right: 35px;}
.u-pr40 { padding-right: 40px;}
.u-pr45 { padding-right: 45px;}
.u-pr50 { padding-right: 50px;}
.u-pr55 { padding-right: 55px;}
.u-pr60 { padding-right: 60px;}
.u-pr65 { padding-right: 65px;}
.u-pr70 { padding-right: 70px;}
.u-pr75 { padding-right: 75px;}
.u-pr80 { padding-right: 80px;}
.u-pr85 { padding-right: 85px;}
.u-pr90 { padding-right: 90px;}
.u-pr95 { padding-right: 95px;}
.u-pr100 { padding-right: 100px;}
@media (max-width: 767px) {
.u-sp-mt0 { margin-top: 0px !important;}
.u-sp-mt5 { margin-top: 5px !important;}
.u-sp-mt10 { margin-top: 10px !important;}
.u-sp-mt15 { margin-top: 15px !important;}
.u-sp-mt20 { margin-top: 20px !important;}
.u-sp-mt25 { margin-top: 25px !important;}
.u-sp-mt30 { margin-top: 30px !important;}
.u-sp-mt35 { margin-top: 35px !important;}
.u-sp-mt40 { margin-top: 40px !important;}
.u-sp-mt45 { margin-top: 45px !important;}
.u-sp-mt50 { margin-top: 50px !important;}
.u-sp-mt55 { margin-top: 55px !important;}
.u-sp-mt60 { margin-top: 60px !important;}
.u-sp-mt65 { margin-top: 65px !important;}
.u-sp-mt70 { margin-top: 70px !important;}
.u-sp-mt75 { margin-top: 75px !important;}
.u-sp-mt80 { margin-top: 80px !important;}
.u-sp-mt85 { margin-top: 85px !important;}
.u-sp-mt90 { margin-top: 90px !important;}
.u-sp-mt95 { margin-top: 95px !important;}
.u-sp-mt100 { margin-top: 100px !important;}
.u-sp-mb0 { margin-bottom: 0px !important;}
.u-sp-mb5 { margin-bottom: 5px !important;}
.u-sp-mb10 { margin-bottom: 10px !important;}
.u-sp-mb15 { margin-bottom: 15px !important;}
.u-sp-mb20 { margin-bottom: 20px !important;}
.u-sp-mb25 { margin-bottom: 25px !important;}
.u-sp-mb30 { margin-bottom: 30px !important;}
.u-sp-mb35 { margin-bottom: 35px !important;}
.u-sp-mb40 { margin-bottom: 40px !important;}
.u-sp-mb45 { margin-bottom: 45px !important;}
.u-sp-mb50 { margin-bottom: 50px !important;}
.u-sp-mb55 { margin-bottom: 55px !important;}
.u-sp-mb60 { margin-bottom: 60px !important;}
.u-sp-mb65 { margin-bottom: 65px !important;}
.u-sp-mb70 { margin-bottom: 70px !important;}
.u-sp-mb75 { margin-bottom: 75px !important;}
.u-sp-mb80 { margin-bottom: 80px !important;}
.u-sp-mb85 { margin-bottom: 85px !important;}
.u-sp-mb90 { margin-bottom: 90px !important;}
.u-sp-mb95 { margin-bottom: 95px !important;}
.u-sp-mb100 { margin-bottom: 100px !important;}
.u-sp-pt0 { padding-top: 0px;}
.u-sp-pt5 { padding-top: 5px;}
.u-sp-pt10 { padding-top: 10px;}
.u-sp-pt15 { padding-top: 15px;}
.u-sp-pt20 { padding-top: 20px;}
.u-sp-pt25 { padding-top: 25px;}
.u-sp-pt30 { padding-top: 30px;}
.u-sp-pt35 { padding-top: 35px;}
.u-sp-pt40 { padding-top: 40px;}
.u-sp-pt45 { padding-top: 45px;}
.u-sp-pt50 { padding-top: 50px;}
.u-sp-pt55 { padding-top: 55px;}
.u-sp-pt60 { padding-top: 60px;}
.u-sp-pt65 { padding-top: 65px;}
.u-sp-pt70 { padding-top: 70px;}
.u-sp-pt75 { padding-top: 75px;}
.u-sp-pt80 { padding-top: 80px;}
.u-sp-pt85 { padding-top: 85px;}
.u-sp-pt90 { padding-top: 90px;}
.u-sp-pt95 { padding-top: 95px;}
.u-sp-pt100 { padding-top: 100px;}
.u-sp-pb0 { padding-bottom: 0px;}
.u-sp-pb5 { padding-bottom: 5px;}
.u-sp-pb10 { padding-bottom: 10px;}
.u-sp-pb15 { padding-bottom: 15px;}
.u-sp-pb20 { padding-bottom: 20px;}
.u-sp-pb25 { padding-bottom: 25px;}
.u-sp-pb30 { padding-bottom: 30px;}
.u-sp-pb35 { padding-bottom: 35px;}
.u-sp-pb40 { padding-bottom: 40px;}
.u-sp-pb45 { padding-bottom: 45px;}
.u-sp-pb50 { padding-bottom: 50px;}
.u-sp-pb55 { padding-bottom: 55px;}
.u-sp-pb60 { padding-bottom: 60px;}
.u-sp-pb65 { padding-bottom: 65px;}
.u-sp-pb70 { padding-bottom: 70px;}
.u-sp-pb75 { padding-bottom: 75px;}
.u-sp-pb80 { padding-bottom: 80px;}
.u-sp-pb85 { padding-bottom: 85px;}
.u-sp-pb90 { padding-bottom: 90px;}
.u-sp-pb95 { padding-bottom: 95px;}
.u-sp-pb100 { padding-bottom: 100px;}
}
プライバシーポリシーに同意の上、送信してください。
同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。