@charset "UTF-8";
/* =============================================================================
【重要】直接編集禁止 / DO NOT EDIT THIS FILE DIRECTLY
修正は dcms_media/css/sass/custom-ai.scss に対して行い、コンパイルしてください。
============================================================================= */
/* =============================================================================
INDEX (目次)
- SYSTEM SETTINGS & MIXINS ..... 設計の土台・ブレイクポイント
- COLOR SETTINGS & USAGE ....... 変数・カラーマップ
- TYPOGRAPHY CLASSES ........... 文字サイズ・インデント
- COLOR UTILITIES .............. 文字色・背景色の自動生成
- LAYOUT & DISPLAY ............. 表示切り替え (only-xx)
- FLEXBOX SYSTEM ............... グリッド・整列
- SPACING UTILITIES ............ 余白 (Margin / Padding)
- COMPONENTS & ELEMENTS ........ 共通パーツ (ボタン・画像)
- SECTION STYLES ............... 各セクション固有の装飾 (作業エリア)
============================================================================= */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
TYPOGRAPHY CLASSES (文字・サイズ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
color: #ffffff;
font-size: clamp(15px, 15px + 1 * (100vw - 375px) / (1200 - 375), 16px);
line-height: 1.4;
letter-spacing: 0.64px;
text-align: left;
position: relative;
}
#common #wrapper.box-ai {
background-image: none;
background-color: #1B79C0;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
/* 画面の高さを最低100%確保する */
}
#container {
margin-bottom: 0;
overflow: initial;
}
.u-no-palt {
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
}
h1,
.u-h1,
h2,
.u-h2,
.ai-title__main,
h3,
.u-h3,
h4,
.u-h4,
h5,
.u-h5,
h6,
.u-h6 {
font-weight: 700;
line-height: 1.3;
}
h1,
.u-h1 {
font-size: clamp(30px, 30px + 20 * (100vw - 375px) / (1200 - 375), 50px);
}
h2,
.u-h2,
.ai-title__main {
font-size: clamp(26px, 26px + 9 * (100vw - 375px) / (1200 - 375), 35px);
}
h3,
.u-h3 {
font-size: clamp(22px, 22px + 4 * (100vw - 375px) / (1200 - 375), 26px);
}
h4,
.u-h4 {
font-size: clamp(20px, 20px + 0 * (100vw - 375px) / (1200 - 375), 20px);
}
h5,
.u-h5 {
font-size: 18px;
}
h6,
.u-h6 {
font-size: 16px;
}
.u-fz10 {
font-size: 10px !important;
}
.u-fz11 {
font-size: 11px !important;
}
.u-fz12 {
font-size: 12px !important;
}
.u-fz13 {
font-size: 13px !important;
}
.u-fz14 {
font-size: 14px !important;
}
.u-fz15 {
font-size: 15px !important;
}
.u-fz16 {
font-size: 16px !important;
}
.u-fz17 {
font-size: 17px !important;
}
.u-fz18 {
font-size: 18px !important;
}
.u-fz19 {
font-size: 19px !important;
}
.u-fz20 {
font-size: 20px !important;
}
.u-fz21 {
font-size: 21px !important;
}
.u-fz22 {
font-size: 22px !important;
}
.u-fz23 {
font-size: 23px !important;
}
.u-fz24 {
font-size: 24px !important;
}
.u-fz25 {
font-size: 25px !important;
}
.u-fz26 {
font-size: 26px !important;
}
.u-fz27 {
font-size: 27px !important;
}
.u-fz28 {
font-size: 28px !important;
}
.u-fz29 {
font-size: 29px !important;
}
.u-fz30 {
font-size: 30px !important;
}
.u-fz31 {
font-size: 31px !important;
}
.u-fz32 {
font-size: 32px !important;
}
.u-fz33 {
font-size: 33px !important;
}
.u-fz34 {
font-size: 34px !important;
}
.u-fz35 {
font-size: 35px !important;
}
.u-fz36 {
font-size: 36px !important;
}
.u-fz37 {
font-size: 37px !important;
}
.u-fz38 {
font-size: 38px !important;
}
.u-fz39 {
font-size: 39px !important;
}
.u-fz40 {
font-size: 40px !important;
}
.u-fz41 {
font-size: 41px !important;
}
.u-fz42 {
font-size: 42px !important;
}
.u-fz43 {
font-size: 43px !important;
}
.u-fz44 {
font-size: 44px !important;
}
.u-fz45 {
font-size: 45px !important;
}
.u-fz46 {
font-size: 46px !important;
}
.u-fz47 {
font-size: 47px !important;
}
.u-fz48 {
font-size: 48px !important;
}
.u-fz49 {
font-size: 49px !important;
}
.u-fz50 {
font-size: 50px !important;
}
.u-fz51 {
font-size: 51px !important;
}
.u-fz52 {
font-size: 52px !important;
}
.u-fz53 {
font-size: 53px !important;
}
.u-fz54 {
font-size: 54px !important;
}
.u-fz55 {
font-size: 55px !important;
}
.u-fz56 {
font-size: 56px !important;
}
.u-fz57 {
font-size: 57px !important;
}
.u-fz58 {
font-size: 58px !important;
}
.u-fz59 {
font-size: 59px !important;
}
.u-fz60 {
font-size: 60px !important;
}
.u-fz61 {
font-size: 61px !important;
}
.u-fz62 {
font-size: 62px !important;
}
.u-fz63 {
font-size: 63px !important;
}
.u-fz64 {
font-size: 64px !important;
}
.u-fz65 {
font-size: 65px !important;
}
.u-fz66 {
font-size: 66px !important;
}
.u-fz67 {
font-size: 67px !important;
}
.u-fz68 {
font-size: 68px !important;
}
.u-fz69 {
font-size: 69px !important;
}
.u-fz70 {
font-size: 70px !important;
}
.u-fz71 {
font-size: 71px !important;
}
.u-fz72 {
font-size: 72px !important;
}
.u-fz73 {
font-size: 73px !important;
}
.u-fz74 {
font-size: 74px !important;
}
.u-fz75 {
font-size: 75px !important;
}
.u-fz76 {
font-size: 76px !important;
}
.u-fz77 {
font-size: 77px !important;
}
.u-fz78 {
font-size: 78px !important;
}
.u-fz79 {
font-size: 79px !important;
}
.u-fz80 {
font-size: 80px !important;
}
.u-fz81 {
font-size: 81px !important;
}
.u-fz82 {
font-size: 82px !important;
}
.u-fz83 {
font-size: 83px !important;
}
.u-fz84 {
font-size: 84px !important;
}
.u-fz85 {
font-size: 85px !important;
}
.u-fz86 {
font-size: 86px !important;
}
.u-fz87 {
font-size: 87px !important;
}
.u-fz88 {
font-size: 88px !important;
}
.u-fz89 {
font-size: 89px !important;
}
.u-fz90 {
font-size: 90px !important;
}
.u-fz91 {
font-size: 91px !important;
}
.u-fz92 {
font-size: 92px !important;
}
.u-fz93 {
font-size: 93px !important;
}
.u-fz94 {
font-size: 94px !important;
}
.u-fz95 {
font-size: 95px !important;
}
.u-fz96 {
font-size: 96px !important;
}
.u-fz97 {
font-size: 97px !important;
}
.u-fz98 {
font-size: 98px !important;
}
.u-fz99 {
font-size: 99px !important;
}
.u-fz100 {
font-size: 100px !important;
}
@media screen and (max-width: 979.8px) {
.u-fz10-tab {
font-size: 10px !important;
}
.u-fz11-tab {
font-size: 11px !important;
}
.u-fz12-tab {
font-size: 12px !important;
}
.u-fz13-tab {
font-size: 13px !important;
}
.u-fz14-tab {
font-size: 14px !important;
}
.u-fz15-tab {
font-size: 15px !important;
}
.u-fz16-tab {
font-size: 16px !important;
}
.u-fz17-tab {
font-size: 17px !important;
}
.u-fz18-tab {
font-size: 18px !important;
}
.u-fz19-tab {
font-size: 19px !important;
}
.u-fz20-tab {
font-size: 20px !important;
}
.u-fz21-tab {
font-size: 21px !important;
}
.u-fz22-tab {
font-size: 22px !important;
}
.u-fz23-tab {
font-size: 23px !important;
}
.u-fz24-tab {
font-size: 24px !important;
}
.u-fz25-tab {
font-size: 25px !important;
}
.u-fz26-tab {
font-size: 26px !important;
}
.u-fz27-tab {
font-size: 27px !important;
}
.u-fz28-tab {
font-size: 28px !important;
}
.u-fz29-tab {
font-size: 29px !important;
}
.u-fz30-tab {
font-size: 30px !important;
}
.u-fz31-tab {
font-size: 31px !important;
}
.u-fz32-tab {
font-size: 32px !important;
}
.u-fz33-tab {
font-size: 33px !important;
}
.u-fz34-tab {
font-size: 34px !important;
}
.u-fz35-tab {
font-size: 35px !important;
}
.u-fz36-tab {
font-size: 36px !important;
}
.u-fz37-tab {
font-size: 37px !important;
}
.u-fz38-tab {
font-size: 38px !important;
}
.u-fz39-tab {
font-size: 39px !important;
}
.u-fz40-tab {
font-size: 40px !important;
}
.u-fz41-tab {
font-size: 41px !important;
}
.u-fz42-tab {
font-size: 42px !important;
}
.u-fz43-tab {
font-size: 43px !important;
}
.u-fz44-tab {
font-size: 44px !important;
}
.u-fz45-tab {
font-size: 45px !important;
}
.u-fz46-tab {
font-size: 46px !important;
}
.u-fz47-tab {
font-size: 47px !important;
}
.u-fz48-tab {
font-size: 48px !important;
}
.u-fz49-tab {
font-size: 49px !important;
}
.u-fz50-tab {
font-size: 50px !important;
}
.u-fz51-tab {
font-size: 51px !important;
}
.u-fz52-tab {
font-size: 52px !important;
}
.u-fz53-tab {
font-size: 53px !important;
}
.u-fz54-tab {
font-size: 54px !important;
}
.u-fz55-tab {
font-size: 55px !important;
}
.u-fz56-tab {
font-size: 56px !important;
}
.u-fz57-tab {
font-size: 57px !important;
}
.u-fz58-tab {
font-size: 58px !important;
}
.u-fz59-tab {
font-size: 59px !important;
}
.u-fz60-tab {
font-size: 60px !important;
}
.u-fz61-tab {
font-size: 61px !important;
}
.u-fz62-tab {
font-size: 62px !important;
}
.u-fz63-tab {
font-size: 63px !important;
}
.u-fz64-tab {
font-size: 64px !important;
}
.u-fz65-tab {
font-size: 65px !important;
}
.u-fz66-tab {
font-size: 66px !important;
}
.u-fz67-tab {
font-size: 67px !important;
}
.u-fz68-tab {
font-size: 68px !important;
}
.u-fz69-tab {
font-size: 69px !important;
}
.u-fz70-tab {
font-size: 70px !important;
}
.u-fz71-tab {
font-size: 71px !important;
}
.u-fz72-tab {
font-size: 72px !important;
}
.u-fz73-tab {
font-size: 73px !important;
}
.u-fz74-tab {
font-size: 74px !important;
}
.u-fz75-tab {
font-size: 75px !important;
}
.u-fz76-tab {
font-size: 76px !important;
}
.u-fz77-tab {
font-size: 77px !important;
}
.u-fz78-tab {
font-size: 78px !important;
}
.u-fz79-tab {
font-size: 79px !important;
}
.u-fz80-tab {
font-size: 80px !important;
}
.u-fz81-tab {
font-size: 81px !important;
}
.u-fz82-tab {
font-size: 82px !important;
}
.u-fz83-tab {
font-size: 83px !important;
}
.u-fz84-tab {
font-size: 84px !important;
}
.u-fz85-tab {
font-size: 85px !important;
}
.u-fz86-tab {
font-size: 86px !important;
}
.u-fz87-tab {
font-size: 87px !important;
}
.u-fz88-tab {
font-size: 88px !important;
}
.u-fz89-tab {
font-size: 89px !important;
}
.u-fz90-tab {
font-size: 90px !important;
}
.u-fz91-tab {
font-size: 91px !important;
}
.u-fz92-tab {
font-size: 92px !important;
}
.u-fz93-tab {
font-size: 93px !important;
}
.u-fz94-tab {
font-size: 94px !important;
}
.u-fz95-tab {
font-size: 95px !important;
}
.u-fz96-tab {
font-size: 96px !important;
}
.u-fz97-tab {
font-size: 97px !important;
}
.u-fz98-tab {
font-size: 98px !important;
}
.u-fz99-tab {
font-size: 99px !important;
}
.u-fz100-tab {
font-size: 100px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-fz10-sp {
font-size: 10px !important;
}
.u-fz11-sp {
font-size: 11px !important;
}
.u-fz12-sp {
font-size: 12px !important;
}
.u-fz13-sp {
font-size: 13px !important;
}
.u-fz14-sp {
font-size: 14px !important;
}
.u-fz15-sp {
font-size: 15px !important;
}
.u-fz16-sp {
font-size: 16px !important;
}
.u-fz17-sp {
font-size: 17px !important;
}
.u-fz18-sp {
font-size: 18px !important;
}
.u-fz19-sp {
font-size: 19px !important;
}
.u-fz20-sp {
font-size: 20px !important;
}
.u-fz21-sp {
font-size: 21px !important;
}
.u-fz22-sp {
font-size: 22px !important;
}
.u-fz23-sp {
font-size: 23px !important;
}
.u-fz24-sp {
font-size: 24px !important;
}
.u-fz25-sp {
font-size: 25px !important;
}
.u-fz26-sp {
font-size: 26px !important;
}
.u-fz27-sp {
font-size: 27px !important;
}
.u-fz28-sp {
font-size: 28px !important;
}
.u-fz29-sp {
font-size: 29px !important;
}
.u-fz30-sp {
font-size: 30px !important;
}
.u-fz31-sp {
font-size: 31px !important;
}
.u-fz32-sp {
font-size: 32px !important;
}
.u-fz33-sp {
font-size: 33px !important;
}
.u-fz34-sp {
font-size: 34px !important;
}
.u-fz35-sp {
font-size: 35px !important;
}
.u-fz36-sp {
font-size: 36px !important;
}
.u-fz37-sp {
font-size: 37px !important;
}
.u-fz38-sp {
font-size: 38px !important;
}
.u-fz39-sp {
font-size: 39px !important;
}
.u-fz40-sp {
font-size: 40px !important;
}
.u-fz41-sp {
font-size: 41px !important;
}
.u-fz42-sp {
font-size: 42px !important;
}
.u-fz43-sp {
font-size: 43px !important;
}
.u-fz44-sp {
font-size: 44px !important;
}
.u-fz45-sp {
font-size: 45px !important;
}
.u-fz46-sp {
font-size: 46px !important;
}
.u-fz47-sp {
font-size: 47px !important;
}
.u-fz48-sp {
font-size: 48px !important;
}
.u-fz49-sp {
font-size: 49px !important;
}
.u-fz50-sp {
font-size: 50px !important;
}
.u-fz51-sp {
font-size: 51px !important;
}
.u-fz52-sp {
font-size: 52px !important;
}
.u-fz53-sp {
font-size: 53px !important;
}
.u-fz54-sp {
font-size: 54px !important;
}
.u-fz55-sp {
font-size: 55px !important;
}
.u-fz56-sp {
font-size: 56px !important;
}
.u-fz57-sp {
font-size: 57px !important;
}
.u-fz58-sp {
font-size: 58px !important;
}
.u-fz59-sp {
font-size: 59px !important;
}
.u-fz60-sp {
font-size: 60px !important;
}
.u-fz61-sp {
font-size: 61px !important;
}
.u-fz62-sp {
font-size: 62px !important;
}
.u-fz63-sp {
font-size: 63px !important;
}
.u-fz64-sp {
font-size: 64px !important;
}
.u-fz65-sp {
font-size: 65px !important;
}
.u-fz66-sp {
font-size: 66px !important;
}
.u-fz67-sp {
font-size: 67px !important;
}
.u-fz68-sp {
font-size: 68px !important;
}
.u-fz69-sp {
font-size: 69px !important;
}
.u-fz70-sp {
font-size: 70px !important;
}
.u-fz71-sp {
font-size: 71px !important;
}
.u-fz72-sp {
font-size: 72px !important;
}
.u-fz73-sp {
font-size: 73px !important;
}
.u-fz74-sp {
font-size: 74px !important;
}
.u-fz75-sp {
font-size: 75px !important;
}
.u-fz76-sp {
font-size: 76px !important;
}
.u-fz77-sp {
font-size: 77px !important;
}
.u-fz78-sp {
font-size: 78px !important;
}
.u-fz79-sp {
font-size: 79px !important;
}
.u-fz80-sp {
font-size: 80px !important;
}
.u-fz81-sp {
font-size: 81px !important;
}
.u-fz82-sp {
font-size: 82px !important;
}
.u-fz83-sp {
font-size: 83px !important;
}
.u-fz84-sp {
font-size: 84px !important;
}
.u-fz85-sp {
font-size: 85px !important;
}
.u-fz86-sp {
font-size: 86px !important;
}
.u-fz87-sp {
font-size: 87px !important;
}
.u-fz88-sp {
font-size: 88px !important;
}
.u-fz89-sp {
font-size: 89px !important;
}
.u-fz90-sp {
font-size: 90px !important;
}
.u-fz91-sp {
font-size: 91px !important;
}
.u-fz92-sp {
font-size: 92px !important;
}
.u-fz93-sp {
font-size: 93px !important;
}
.u-fz94-sp {
font-size: 94px !important;
}
.u-fz95-sp {
font-size: 95px !important;
}
.u-fz96-sp {
font-size: 96px !important;
}
.u-fz97-sp {
font-size: 97px !important;
}
.u-fz98-sp {
font-size: 98px !important;
}
.u-fz99-sp {
font-size: 99px !important;
}
.u-fz100-sp {
font-size: 100px !important;
}
}
.u-fw100 {
font-weight: 100 !important;
}
.u-fw200 {
font-weight: 200 !important;
}
.u-fw300 {
font-weight: 300 !important;
}
.u-fw400 {
font-weight: 400 !important;
}
.u-fw500 {
font-weight: 500 !important;
}
.u-fw600 {
font-weight: 600 !important;
}
.u-fw700 {
font-weight: 700 !important;
}
.u-fw800 {
font-weight: 800 !important;
}
.u-fw900 {
font-weight: 900 !important;
}
.u-indent10 {
text-indent: -1em;
padding-left: 1em;
}
.u-indent15 {
text-indent: -1.5em;
padding-left: 1.5em;
}
.u-indent20 {
text-indent: -2em;
padding-left: 2em;
}
.u-text-nowrap {
white-space: nowrap;
}
.txt_cll {
text-align: center;
}
@media screen and (max-width: 979.8px) {
.txt_cll {
text-align: left;
}
}
.txt_ccl {
text-align: center;
}
@media screen and (max-width: 689.8px) {
.txt_ccl {
text-align: left;
}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
COLOR & BACKGROUND UTILITIES (文字色・背景色の自動生成)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-fc__main {
color: #1B79C0 !important;
}
.u-bg__main {
background-color: #1B79C0 !important;
}
.u-fc__accent01 {
color: #FF6E00 !important;
}
.u-bg__accent01 {
background-color: #FF6E00 !important;
}
.u-fc__accent02 {
color: #7BAD0C !important;
}
.u-bg__accent02 {
background-color: #7BAD0C !important;
}
.u-fc__accent03 {
color: #143143 !important;
}
.u-bg__accent03 {
background-color: #143143 !important;
}
.u-fc__txt01 {
color: #333 !important;
}
.u-bg__txt01 {
background-color: #333 !important;
}
.u-fc__txt02 {
color: #666 !important;
}
.u-bg__txt02 {
background-color: #666 !important;
}
.u-fc__wht {
color: #ffffff !important;
}
.u-bg__wht {
background-color: #ffffff !important;
}
.u-fc__blk {
color: #000 !important;
}
.u-bg__blk {
background-color: #000 !important;
}
.u-fc__line {
color: #CCCCCC !important;
}
.u-bg__line {
background-color: #CCCCCC !important;
}
.u-fc__bg {
color: #F4F4F4 !important;
}
.u-bg__bg {
background-color: #F4F4F4 !important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
LAYOUT & DISPLAY UTILITIES (表示切り替え)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.only-pc {
display: block;
}
@media screen and (max-width: 979.8px) {
.only-pc {
display: none;
}
}
.only-pc-tab {
display: block;
}
@media screen and (max-width: 689.8px) {
.only-pc-tab {
display: none;
}
}
.only-pc-sp {
display: block;
}
@media screen and (max-width: 979.8px) {
.only-pc-sp {
display: none;
}
}
@media screen and (max-width: 689.8px) {
.only-pc-sp {
display: block;
}
}
.only-tab {
display: none;
}
@media screen and (max-width: 979.8px) {
.only-tab {
display: block;
}
}
@media screen and (max-width: 689.8px) {
.only-tab {
display: none;
}
}
.only-tab-sp {
display: none;
}
@media screen and (max-width: 979.8px) {
.only-tab-sp {
display: block;
}
}
.only-sp {
display: none;
}
@media screen and (max-width: 689.8px) {
.only-sp {
display: block;
}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
FLEXBOX SYSTEM (グリッド・整列)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-flex {
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--gap);
}
.u-flex > [class*=col] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.u-gap1 {
--gap: 1px;
}
.u-gap2 {
--gap: 2px;
}
.u-gap3 {
--gap: 3px;
}
.u-gap4 {
--gap: 4px;
}
.u-gap5 {
--gap: 5px;
}
.u-gap6 {
--gap: 6px;
}
.u-gap7 {
--gap: 7px;
}
.u-gap8 {
--gap: 8px;
}
.u-gap9 {
--gap: 9px;
}
.u-gap10 {
--gap: 10px;
}
.u-gap11 {
--gap: 11px;
}
.u-gap12 {
--gap: 12px;
}
.u-gap13 {
--gap: 13px;
}
.u-gap14 {
--gap: 14px;
}
.u-gap15 {
--gap: 15px;
}
.u-gap16 {
--gap: 16px;
}
.u-gap17 {
--gap: 17px;
}
.u-gap18 {
--gap: 18px;
}
.u-gap19 {
--gap: 19px;
}
.u-gap20 {
--gap: 20px;
}
.u-gap21 {
--gap: 21px;
}
.u-gap22 {
--gap: 22px;
}
.u-gap23 {
--gap: 23px;
}
.u-gap24 {
--gap: 24px;
}
.u-gap25 {
--gap: 25px;
}
.u-gap26 {
--gap: 26px;
}
.u-gap27 {
--gap: 27px;
}
.u-gap28 {
--gap: 28px;
}
.u-gap29 {
--gap: 29px;
}
.u-gap30 {
--gap: 30px;
}
.u-gap31 {
--gap: 31px;
}
.u-gap32 {
--gap: 32px;
}
.u-gap33 {
--gap: 33px;
}
.u-gap34 {
--gap: 34px;
}
@media screen and (max-width: 979.8px) {
.u-gap1-tb {
--gap: 1px;
}
.u-gap2-tb {
--gap: 2px;
}
.u-gap3-tb {
--gap: 3px;
}
.u-gap4-tb {
--gap: 4px;
}
.u-gap5-tb {
--gap: 5px;
}
.u-gap6-tb {
--gap: 6px;
}
.u-gap7-tb {
--gap: 7px;
}
.u-gap8-tb {
--gap: 8px;
}
.u-gap9-tb {
--gap: 9px;
}
.u-gap10-tb {
--gap: 10px;
}
.u-gap11-tb {
--gap: 11px;
}
.u-gap12-tb {
--gap: 12px;
}
.u-gap13-tb {
--gap: 13px;
}
.u-gap14-tb {
--gap: 14px;
}
.u-gap15-tb {
--gap: 15px;
}
.u-gap16-tb {
--gap: 16px;
}
.u-gap17-tb {
--gap: 17px;
}
.u-gap18-tb {
--gap: 18px;
}
.u-gap19-tb {
--gap: 19px;
}
.u-gap20-tb {
--gap: 20px;
}
.u-gap21-tb {
--gap: 21px;
}
.u-gap22-tb {
--gap: 22px;
}
.u-gap23-tb {
--gap: 23px;
}
.u-gap24-tb {
--gap: 24px;
}
.u-gap25-tb {
--gap: 25px;
}
.u-gap26-tb {
--gap: 26px;
}
.u-gap27-tb {
--gap: 27px;
}
.u-gap28-tb {
--gap: 28px;
}
.u-gap29-tb {
--gap: 29px;
}
.u-gap30-tb {
--gap: 30px;
}
.u-gap31-tb {
--gap: 31px;
}
.u-gap32-tb {
--gap: 32px;
}
.u-gap33-tb {
--gap: 33px;
}
.u-gap34-tb {
--gap: 34px;
}
}
@media screen and (max-width: 689.8px) {
.u-gap1-sp {
--gap: 1px;
}
.u-gap2-sp {
--gap: 2px;
}
.u-gap3-sp {
--gap: 3px;
}
.u-gap4-sp {
--gap: 4px;
}
.u-gap5-sp {
--gap: 5px;
}
.u-gap6-sp {
--gap: 6px;
}
.u-gap7-sp {
--gap: 7px;
}
.u-gap8-sp {
--gap: 8px;
}
.u-gap9-sp {
--gap: 9px;
}
.u-gap10-sp {
--gap: 10px;
}
.u-gap11-sp {
--gap: 11px;
}
.u-gap12-sp {
--gap: 12px;
}
.u-gap13-sp {
--gap: 13px;
}
.u-gap14-sp {
--gap: 14px;
}
.u-gap15-sp {
--gap: 15px;
}
.u-gap16-sp {
--gap: 16px;
}
.u-gap17-sp {
--gap: 17px;
}
.u-gap18-sp {
--gap: 18px;
}
.u-gap19-sp {
--gap: 19px;
}
.u-gap20-sp {
--gap: 20px;
}
.u-gap21-sp {
--gap: 21px;
}
.u-gap22-sp {
--gap: 22px;
}
.u-gap23-sp {
--gap: 23px;
}
.u-gap24-sp {
--gap: 24px;
}
.u-gap25-sp {
--gap: 25px;
}
.u-gap26-sp {
--gap: 26px;
}
.u-gap27-sp {
--gap: 27px;
}
.u-gap28-sp {
--gap: 28px;
}
.u-gap29-sp {
--gap: 29px;
}
.u-gap30-sp {
--gap: 30px;
}
.u-gap31-sp {
--gap: 31px;
}
.u-gap32-sp {
--gap: 32px;
}
.u-gap33-sp {
--gap: 33px;
}
.u-gap34-sp {
--gap: 34px;
}
}
.u-gap35 {
--gap: 35px;
}
.u-gap40 {
--gap: 40px;
}
.u-gap45 {
--gap: 45px;
}
.u-gap50 {
--gap: 50px;
}
.u-gap55 {
--gap: 55px;
}
.u-gap60 {
--gap: 60px;
}
.u-gap65 {
--gap: 65px;
}
.u-gap70 {
--gap: 70px;
}
.u-gap75 {
--gap: 75px;
}
.u-gap80 {
--gap: 80px;
}
.u-gap85 {
--gap: 85px;
}
.u-gap90 {
--gap: 90px;
}
.u-gap95 {
--gap: 95px;
}
.u-gap100 {
--gap: 100px;
}
@media screen and (max-width: 979.8px) {
.u-gap5-tb {
--gap: 5px;
}
.u-gap10-tb {
--gap: 10px;
}
.u-gap15-tb {
--gap: 15px;
}
.u-gap20-tb {
--gap: 20px;
}
.u-gap25-tb {
--gap: 25px;
}
.u-gap30-tb {
--gap: 30px;
}
.u-gap35-tb {
--gap: 35px;
}
.u-gap40-tb {
--gap: 40px;
}
.u-gap45-tb {
--gap: 45px;
}
.u-gap50-tb {
--gap: 50px;
}
.u-gap55-tb {
--gap: 55px;
}
.u-gap60-tb {
--gap: 60px;
}
.u-gap65-tb {
--gap: 65px;
}
.u-gap70-tb {
--gap: 70px;
}
.u-gap75-tb {
--gap: 75px;
}
.u-gap80-tb {
--gap: 80px;
}
.u-gap85-tb {
--gap: 85px;
}
.u-gap90-tb {
--gap: 90px;
}
.u-gap95-tb {
--gap: 95px;
}
.u-gap100-tb {
--gap: 100px;
}
}
@media screen and (max-width: 689.8px) {
.u-gap5-sp {
--gap: 5px;
}
.u-gap10-sp {
--gap: 10px;
}
.u-gap15-sp {
--gap: 15px;
}
.u-gap20-sp {
--gap: 20px;
}
.u-gap25-sp {
--gap: 25px;
}
.u-gap30-sp {
--gap: 30px;
}
.u-gap35-sp {
--gap: 35px;
}
.u-gap40-sp {
--gap: 40px;
}
.u-gap45-sp {
--gap: 45px;
}
.u-gap50-sp {
--gap: 50px;
}
.u-gap55-sp {
--gap: 55px;
}
.u-gap60-sp {
--gap: 60px;
}
.u-gap65-sp {
--gap: 65px;
}
.u-gap70-sp {
--gap: 70px;
}
.u-gap75-sp {
--gap: 75px;
}
.u-gap80-sp {
--gap: 80px;
}
.u-gap85-sp {
--gap: 85px;
}
.u-gap90-sp {
--gap: 90px;
}
.u-gap95-sp {
--gap: 95px;
}
.u-gap100-sp {
--gap: 100px;
}
}
.u-flex .col10 {
width: 10%;
}
.u-flex .col11 {
width: 11%;
}
.u-flex .col12 {
width: 12%;
}
.u-flex .col13 {
width: 13%;
}
.u-flex .col14 {
width: 14%;
}
.u-flex .col15 {
width: 15%;
}
.u-flex .col16 {
width: 16%;
}
.u-flex .col17 {
width: 17%;
}
.u-flex .col18 {
width: 18%;
}
.u-flex .col19 {
width: 19%;
}
.u-flex .col20 {
width: 20%;
}
.u-flex .col21 {
width: 21%;
}
.u-flex .col22 {
width: 22%;
}
.u-flex .col23 {
width: 23%;
}
.u-flex .col24 {
width: 24%;
}
.u-flex .col25 {
width: 25%;
}
.u-flex .col26 {
width: 26%;
}
.u-flex .col27 {
width: 27%;
}
.u-flex .col28 {
width: 28%;
}
.u-flex .col29 {
width: 29%;
}
.u-flex .col30 {
width: 30%;
}
.u-flex .col31 {
width: 31%;
}
.u-flex .col32 {
width: 32%;
}
.u-flex .col33 {
width: 33%;
}
.u-flex .col34 {
width: 34%;
}
.u-flex .col35 {
width: 35%;
}
.u-flex .col36 {
width: 36%;
}
.u-flex .col37 {
width: 37%;
}
.u-flex .col38 {
width: 38%;
}
.u-flex .col39 {
width: 39%;
}
.u-flex .col40 {
width: 40%;
}
.u-flex .col41 {
width: 41%;
}
.u-flex .col42 {
width: 42%;
}
.u-flex .col43 {
width: 43%;
}
.u-flex .col44 {
width: 44%;
}
.u-flex .col45 {
width: 45%;
}
.u-flex .col46 {
width: 46%;
}
.u-flex .col47 {
width: 47%;
}
.u-flex .col48 {
width: 48%;
}
.u-flex .col49 {
width: 49%;
}
.u-flex .col50 {
width: 50%;
}
.u-flex .col51 {
width: 51%;
}
.u-flex .col52 {
width: 52%;
}
.u-flex .col53 {
width: 53%;
}
.u-flex .col54 {
width: 54%;
}
.u-flex .col55 {
width: 55%;
}
.u-flex .col56 {
width: 56%;
}
.u-flex .col57 {
width: 57%;
}
.u-flex .col58 {
width: 58%;
}
.u-flex .col59 {
width: 59%;
}
.u-flex .col60 {
width: 60%;
}
.u-flex .col61 {
width: 61%;
}
.u-flex .col62 {
width: 62%;
}
.u-flex .col63 {
width: 63%;
}
.u-flex .col64 {
width: 64%;
}
.u-flex .col65 {
width: 65%;
}
.u-flex .col66 {
width: 66%;
}
.u-flex .col67 {
width: 67%;
}
.u-flex .col68 {
width: 68%;
}
.u-flex .col69 {
width: 69%;
}
.u-flex .col70 {
width: 70%;
}
.u-flex .col71 {
width: 71%;
}
.u-flex .col72 {
width: 72%;
}
.u-flex .col73 {
width: 73%;
}
.u-flex .col74 {
width: 74%;
}
.u-flex .col75 {
width: 75%;
}
.u-flex .col76 {
width: 76%;
}
.u-flex .col77 {
width: 77%;
}
.u-flex .col78 {
width: 78%;
}
.u-flex .col79 {
width: 79%;
}
.u-flex .col80 {
width: 80%;
}
.u-flex .col81 {
width: 81%;
}
.u-flex .col82 {
width: 82%;
}
.u-flex .col83 {
width: 83%;
}
.u-flex .col84 {
width: 84%;
}
.u-flex .col85 {
width: 85%;
}
.u-flex .col86 {
width: 86%;
}
.u-flex .col87 {
width: 87%;
}
.u-flex .col88 {
width: 88%;
}
.u-flex .col89 {
width: 89%;
}
.u-flex .col90 {
width: 90%;
}
.u-flex .col91 {
width: 91%;
}
.u-flex .col92 {
width: 92%;
}
.u-flex .col93 {
width: 93%;
}
.u-flex .col94 {
width: 94%;
}
.u-flex .col95 {
width: 95%;
}
.u-flex .col96 {
width: 96%;
}
.u-flex .col97 {
width: 97%;
}
.u-flex .col98 {
width: 98%;
}
.u-flex .col99 {
width: 99%;
}
.u-flex .col100 {
width: 100%;
}
@media screen and (max-width: 979.8px) {
.u-flex .col10-tb {
width: 10%;
}
.u-flex .col11-tb {
width: 11%;
}
.u-flex .col12-tb {
width: 12%;
}
.u-flex .col13-tb {
width: 13%;
}
.u-flex .col14-tb {
width: 14%;
}
.u-flex .col15-tb {
width: 15%;
}
.u-flex .col16-tb {
width: 16%;
}
.u-flex .col17-tb {
width: 17%;
}
.u-flex .col18-tb {
width: 18%;
}
.u-flex .col19-tb {
width: 19%;
}
.u-flex .col20-tb {
width: 20%;
}
.u-flex .col21-tb {
width: 21%;
}
.u-flex .col22-tb {
width: 22%;
}
.u-flex .col23-tb {
width: 23%;
}
.u-flex .col24-tb {
width: 24%;
}
.u-flex .col25-tb {
width: 25%;
}
.u-flex .col26-tb {
width: 26%;
}
.u-flex .col27-tb {
width: 27%;
}
.u-flex .col28-tb {
width: 28%;
}
.u-flex .col29-tb {
width: 29%;
}
.u-flex .col30-tb {
width: 30%;
}
.u-flex .col31-tb {
width: 31%;
}
.u-flex .col32-tb {
width: 32%;
}
.u-flex .col33-tb {
width: 33%;
}
.u-flex .col34-tb {
width: 34%;
}
.u-flex .col35-tb {
width: 35%;
}
.u-flex .col36-tb {
width: 36%;
}
.u-flex .col37-tb {
width: 37%;
}
.u-flex .col38-tb {
width: 38%;
}
.u-flex .col39-tb {
width: 39%;
}
.u-flex .col40-tb {
width: 40%;
}
.u-flex .col41-tb {
width: 41%;
}
.u-flex .col42-tb {
width: 42%;
}
.u-flex .col43-tb {
width: 43%;
}
.u-flex .col44-tb {
width: 44%;
}
.u-flex .col45-tb {
width: 45%;
}
.u-flex .col46-tb {
width: 46%;
}
.u-flex .col47-tb {
width: 47%;
}
.u-flex .col48-tb {
width: 48%;
}
.u-flex .col49-tb {
width: 49%;
}
.u-flex .col50-tb {
width: 50%;
}
.u-flex .col51-tb {
width: 51%;
}
.u-flex .col52-tb {
width: 52%;
}
.u-flex .col53-tb {
width: 53%;
}
.u-flex .col54-tb {
width: 54%;
}
.u-flex .col55-tb {
width: 55%;
}
.u-flex .col56-tb {
width: 56%;
}
.u-flex .col57-tb {
width: 57%;
}
.u-flex .col58-tb {
width: 58%;
}
.u-flex .col59-tb {
width: 59%;
}
.u-flex .col60-tb {
width: 60%;
}
.u-flex .col61-tb {
width: 61%;
}
.u-flex .col62-tb {
width: 62%;
}
.u-flex .col63-tb {
width: 63%;
}
.u-flex .col64-tb {
width: 64%;
}
.u-flex .col65-tb {
width: 65%;
}
.u-flex .col66-tb {
width: 66%;
}
.u-flex .col67-tb {
width: 67%;
}
.u-flex .col68-tb {
width: 68%;
}
.u-flex .col69-tb {
width: 69%;
}
.u-flex .col70-tb {
width: 70%;
}
.u-flex .col71-tb {
width: 71%;
}
.u-flex .col72-tb {
width: 72%;
}
.u-flex .col73-tb {
width: 73%;
}
.u-flex .col74-tb {
width: 74%;
}
.u-flex .col75-tb {
width: 75%;
}
.u-flex .col76-tb {
width: 76%;
}
.u-flex .col77-tb {
width: 77%;
}
.u-flex .col78-tb {
width: 78%;
}
.u-flex .col79-tb {
width: 79%;
}
.u-flex .col80-tb {
width: 80%;
}
.u-flex .col81-tb {
width: 81%;
}
.u-flex .col82-tb {
width: 82%;
}
.u-flex .col83-tb {
width: 83%;
}
.u-flex .col84-tb {
width: 84%;
}
.u-flex .col85-tb {
width: 85%;
}
.u-flex .col86-tb {
width: 86%;
}
.u-flex .col87-tb {
width: 87%;
}
.u-flex .col88-tb {
width: 88%;
}
.u-flex .col89-tb {
width: 89%;
}
.u-flex .col90-tb {
width: 90%;
}
.u-flex .col91-tb {
width: 91%;
}
.u-flex .col92-tb {
width: 92%;
}
.u-flex .col93-tb {
width: 93%;
}
.u-flex .col94-tb {
width: 94%;
}
.u-flex .col95-tb {
width: 95%;
}
.u-flex .col96-tb {
width: 96%;
}
.u-flex .col97-tb {
width: 97%;
}
.u-flex .col98-tb {
width: 98%;
}
.u-flex .col99-tb {
width: 99%;
}
.u-flex .col100-tb {
width: 100%;
}
}
@media screen and (max-width: 689.8px) {
.u-flex .col10-sp {
width: 10%;
}
.u-flex .col11-sp {
width: 11%;
}
.u-flex .col12-sp {
width: 12%;
}
.u-flex .col13-sp {
width: 13%;
}
.u-flex .col14-sp {
width: 14%;
}
.u-flex .col15-sp {
width: 15%;
}
.u-flex .col16-sp {
width: 16%;
}
.u-flex .col17-sp {
width: 17%;
}
.u-flex .col18-sp {
width: 18%;
}
.u-flex .col19-sp {
width: 19%;
}
.u-flex .col20-sp {
width: 20%;
}
.u-flex .col21-sp {
width: 21%;
}
.u-flex .col22-sp {
width: 22%;
}
.u-flex .col23-sp {
width: 23%;
}
.u-flex .col24-sp {
width: 24%;
}
.u-flex .col25-sp {
width: 25%;
}
.u-flex .col26-sp {
width: 26%;
}
.u-flex .col27-sp {
width: 27%;
}
.u-flex .col28-sp {
width: 28%;
}
.u-flex .col29-sp {
width: 29%;
}
.u-flex .col30-sp {
width: 30%;
}
.u-flex .col31-sp {
width: 31%;
}
.u-flex .col32-sp {
width: 32%;
}
.u-flex .col33-sp {
width: 33%;
}
.u-flex .col34-sp {
width: 34%;
}
.u-flex .col35-sp {
width: 35%;
}
.u-flex .col36-sp {
width: 36%;
}
.u-flex .col37-sp {
width: 37%;
}
.u-flex .col38-sp {
width: 38%;
}
.u-flex .col39-sp {
width: 39%;
}
.u-flex .col40-sp {
width: 40%;
}
.u-flex .col41-sp {
width: 41%;
}
.u-flex .col42-sp {
width: 42%;
}
.u-flex .col43-sp {
width: 43%;
}
.u-flex .col44-sp {
width: 44%;
}
.u-flex .col45-sp {
width: 45%;
}
.u-flex .col46-sp {
width: 46%;
}
.u-flex .col47-sp {
width: 47%;
}
.u-flex .col48-sp {
width: 48%;
}
.u-flex .col49-sp {
width: 49%;
}
.u-flex .col50-sp {
width: 50%;
}
.u-flex .col51-sp {
width: 51%;
}
.u-flex .col52-sp {
width: 52%;
}
.u-flex .col53-sp {
width: 53%;
}
.u-flex .col54-sp {
width: 54%;
}
.u-flex .col55-sp {
width: 55%;
}
.u-flex .col56-sp {
width: 56%;
}
.u-flex .col57-sp {
width: 57%;
}
.u-flex .col58-sp {
width: 58%;
}
.u-flex .col59-sp {
width: 59%;
}
.u-flex .col60-sp {
width: 60%;
}
.u-flex .col61-sp {
width: 61%;
}
.u-flex .col62-sp {
width: 62%;
}
.u-flex .col63-sp {
width: 63%;
}
.u-flex .col64-sp {
width: 64%;
}
.u-flex .col65-sp {
width: 65%;
}
.u-flex .col66-sp {
width: 66%;
}
.u-flex .col67-sp {
width: 67%;
}
.u-flex .col68-sp {
width: 68%;
}
.u-flex .col69-sp {
width: 69%;
}
.u-flex .col70-sp {
width: 70%;
}
.u-flex .col71-sp {
width: 71%;
}
.u-flex .col72-sp {
width: 72%;
}
.u-flex .col73-sp {
width: 73%;
}
.u-flex .col74-sp {
width: 74%;
}
.u-flex .col75-sp {
width: 75%;
}
.u-flex .col76-sp {
width: 76%;
}
.u-flex .col77-sp {
width: 77%;
}
.u-flex .col78-sp {
width: 78%;
}
.u-flex .col79-sp {
width: 79%;
}
.u-flex .col80-sp {
width: 80%;
}
.u-flex .col81-sp {
width: 81%;
}
.u-flex .col82-sp {
width: 82%;
}
.u-flex .col83-sp {
width: 83%;
}
.u-flex .col84-sp {
width: 84%;
}
.u-flex .col85-sp {
width: 85%;
}
.u-flex .col86-sp {
width: 86%;
}
.u-flex .col87-sp {
width: 87%;
}
.u-flex .col88-sp {
width: 88%;
}
.u-flex .col89-sp {
width: 89%;
}
.u-flex .col90-sp {
width: 90%;
}
.u-flex .col91-sp {
width: 91%;
}
.u-flex .col92-sp {
width: 92%;
}
.u-flex .col93-sp {
width: 93%;
}
.u-flex .col94-sp {
width: 94%;
}
.u-flex .col95-sp {
width: 95%;
}
.u-flex .col96-sp {
width: 96%;
}
.u-flex .col97-sp {
width: 97%;
}
.u-flex .col98-sp {
width: 98%;
}
.u-flex .col99-sp {
width: 99%;
}
.u-flex .col100-sp {
width: 100%;
}
}
.u-flex.is-col-1 > * {
width: 100%;
}
.u-flex.is-col-2 > * {
width: calc((100% - var(--gap)) / 2 - 0.1px);
}
.u-flex.is-col-3 > * {
width: calc((100% - var(--gap) * 2) / 3 - 0.1px);
}
.u-flex.is-col-4 > * {
width: calc((100% - var(--gap) * 3) / 4 - 0.1px);
}
.u-flex.is-col-5 > * {
width: calc((100% - var(--gap) * 4) / 5 - 0.1px);
}
.u-flex.is-col-6 > * {
width: calc((100% - var(--gap) * 5) / 6 - 0.1px);
}
@media screen and (max-width: 979.8px) {
.u-flex.is-col-1-tb > * {
width: 100%;
}
.u-flex.is-col-2-tb > * {
width: calc((100% - var(--gap)) / 2 - 0.1px);
}
.u-flex.is-col-3-tb > * {
width: calc((100% - var(--gap) * 2) / 3 - 0.1px);
}
}
@media screen and (max-width: 689.8px) {
.u-flex.is-col-1-sp > * {
width: 100%;
}
.u-flex.is-col-2-sp > * {
width: calc((100% - var(--gap)) / 2 - 0.1px);
}
.u-flex.is-col-3-sp > * {
width: calc((100% - var(--gap)) / 3 - 0.1px);
}
}
@media screen and (max-width: 979.8px) {
.u-flex.is-stack-tb > * {
width: 100%;
}
}
@media screen and (max-width: 689.8px) {
.u-flex.is-stack-sp > * {
width: 100%;
}
}
.fd-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (max-width: 979.8px) {
.fd-row-tb {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 689.8px) {
.fd-row-sp {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.fd-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 979.8px) {
.fd-row-reverse-tb {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media screen and (max-width: 689.8px) {
.fd-row-reverse-sp {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.fd-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 979.8px) {
.fd-column-tb {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 689.8px) {
.fd-column-sp {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.fd-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media screen and (max-width: 979.8px) {
.fd-column-reverse-tb {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media screen and (max-width: 689.8px) {
.fd-column-reverse-sp {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.jsc-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 979.8px) {
.jsc-start-tb {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (max-width: 689.8px) {
.jsc-start-sp {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.jsc-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 979.8px) {
.jsc-end-tb {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (max-width: 689.8px) {
.jsc-end-sp {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.jsc-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 979.8px) {
.jsc-center-tb {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 689.8px) {
.jsc-center-sp {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.jsc-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 979.8px) {
.jsc-space-between-tb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 689.8px) {
.jsc-space-between-sp {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.jsc-space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media screen and (max-width: 979.8px) {
.jsc-space-around-tb {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (max-width: 689.8px) {
.jsc-space-around-sp {
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.jsc-space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
@media screen and (max-width: 979.8px) {
.jsc-space-evenly-tb {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
@media screen and (max-width: 689.8px) {
.jsc-space-evenly-sp {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
}
.al-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 979.8px) {
.al-start-tb {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 689.8px) {
.al-start-sp {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.al-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 979.8px) {
.al-center-tb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 689.8px) {
.al-center-sp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.al-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media screen and (max-width: 979.8px) {
.al-end-tb {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media screen and (max-width: 689.8px) {
.al-end-sp {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.al-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media screen and (max-width: 979.8px) {
.al-stretch-tb {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
@media screen and (max-width: 689.8px) {
.al-stretch-sp {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.al-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
@media screen and (max-width: 979.8px) {
.al-baseline-tb {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media screen and (max-width: 689.8px) {
.al-baseline-sp {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
/* [ 使い方：基本構造 ]
* -----------------------------------------------------------------------------
* 親要素に「.u-flex」を付与し、必要に応じて「.gap(数値)」や「.is-col-(列数)」を組み合わせます。
* 例1：横並び（2列）で間に20pxの余白
* ...
* 例2：スマホでは1段（スタック）、タブレット以上で3列
* ...
* -----------------------------------------------------------------------------*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SPACING UTILITIES (MARGIN & PADDING)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ============================================
* margin（4px刻み）
* ============================================ */
.u-mt0 {
margin-top: 0px;
}
.u-mt4 {
margin-top: 4px;
}
.u-mt8 {
margin-top: 8px;
}
.u-mt12 {
margin-top: 12px;
}
.u-mt16 {
margin-top: 16px;
}
.u-mt20 {
margin-top: 20px;
}
.u-mt24 {
margin-top: 24px;
}
.u-mt28 {
margin-top: 28px;
}
.u-mt32 {
margin-top: 32px;
}
.u-mt36 {
margin-top: 36px;
}
.u-mt40 {
margin-top: 40px;
}
.u-mt44 {
margin-top: 44px;
}
.u-mt48 {
margin-top: 48px;
}
.u-mt52 {
margin-top: 52px;
}
.u-mt56 {
margin-top: 56px;
}
.u-mt60 {
margin-top: 60px;
}
.u-mt64 {
margin-top: 64px;
}
.u-mt68 {
margin-top: 68px;
}
.u-mt72 {
margin-top: 72px;
}
.u-mt76 {
margin-top: 76px;
}
.u-mt80 {
margin-top: 80px;
}
.u-mt84 {
margin-top: 84px;
}
.u-mt88 {
margin-top: 88px;
}
.u-mt92 {
margin-top: 92px;
}
.u-mt96 {
margin-top: 96px;
}
.u-mt100 {
margin-top: 100px;
}
.u-mt104 {
margin-top: 104px;
}
.u-mt108 {
margin-top: 108px;
}
.u-mt112 {
margin-top: 112px;
}
.u-mt116 {
margin-top: 116px;
}
.u-mt120 {
margin-top: 120px;
}
.u-mt124 {
margin-top: 124px;
}
.u-mt128 {
margin-top: 128px;
}
.u-mt132 {
margin-top: 132px;
}
.u-mt136 {
margin-top: 136px;
}
.u-mt140 {
margin-top: 140px;
}
.u-mt144 {
margin-top: 144px;
}
.u-mt148 {
margin-top: 148px;
}
.u-mt152 {
margin-top: 152px;
}
.u-mt156 {
margin-top: 156px;
}
.u-mt160 {
margin-top: 160px;
}
.u-mt164 {
margin-top: 164px;
}
.u-mt168 {
margin-top: 168px;
}
.u-mt172 {
margin-top: 172px;
}
.u-mt176 {
margin-top: 176px;
}
.u-mt180 {
margin-top: 180px;
}
.u-mt184 {
margin-top: 184px;
}
.u-mt188 {
margin-top: 188px;
}
.u-mt192 {
margin-top: 192px;
}
.u-mt196 {
margin-top: 196px;
}
.u-mt200 {
margin-top: 200px;
}
@media screen and (max-width: 979.8px) {
.u-mt0-tab {
margin-top: 0px !important;
}
.u-mt4-tab {
margin-top: 4px !important;
}
.u-mt8-tab {
margin-top: 8px !important;
}
.u-mt12-tab {
margin-top: 12px !important;
}
.u-mt16-tab {
margin-top: 16px !important;
}
.u-mt20-tab {
margin-top: 20px !important;
}
.u-mt24-tab {
margin-top: 24px !important;
}
.u-mt28-tab {
margin-top: 28px !important;
}
.u-mt32-tab {
margin-top: 32px !important;
}
.u-mt36-tab {
margin-top: 36px !important;
}
.u-mt40-tab {
margin-top: 40px !important;
}
.u-mt44-tab {
margin-top: 44px !important;
}
.u-mt48-tab {
margin-top: 48px !important;
}
.u-mt52-tab {
margin-top: 52px !important;
}
.u-mt56-tab {
margin-top: 56px !important;
}
.u-mt60-tab {
margin-top: 60px !important;
}
.u-mt64-tab {
margin-top: 64px !important;
}
.u-mt68-tab {
margin-top: 68px !important;
}
.u-mt72-tab {
margin-top: 72px !important;
}
.u-mt76-tab {
margin-top: 76px !important;
}
.u-mt80-tab {
margin-top: 80px !important;
}
.u-mt84-tab {
margin-top: 84px !important;
}
.u-mt88-tab {
margin-top: 88px !important;
}
.u-mt92-tab {
margin-top: 92px !important;
}
.u-mt96-tab {
margin-top: 96px !important;
}
.u-mt100-tab {
margin-top: 100px !important;
}
.u-mt104-tab {
margin-top: 104px !important;
}
.u-mt108-tab {
margin-top: 108px !important;
}
.u-mt112-tab {
margin-top: 112px !important;
}
.u-mt116-tab {
margin-top: 116px !important;
}
.u-mt120-tab {
margin-top: 120px !important;
}
.u-mt124-tab {
margin-top: 124px !important;
}
.u-mt128-tab {
margin-top: 128px !important;
}
.u-mt132-tab {
margin-top: 132px !important;
}
.u-mt136-tab {
margin-top: 136px !important;
}
.u-mt140-tab {
margin-top: 140px !important;
}
.u-mt144-tab {
margin-top: 144px !important;
}
.u-mt148-tab {
margin-top: 148px !important;
}
.u-mt152-tab {
margin-top: 152px !important;
}
.u-mt156-tab {
margin-top: 156px !important;
}
.u-mt160-tab {
margin-top: 160px !important;
}
.u-mt164-tab {
margin-top: 164px !important;
}
.u-mt168-tab {
margin-top: 168px !important;
}
.u-mt172-tab {
margin-top: 172px !important;
}
.u-mt176-tab {
margin-top: 176px !important;
}
.u-mt180-tab {
margin-top: 180px !important;
}
.u-mt184-tab {
margin-top: 184px !important;
}
.u-mt188-tab {
margin-top: 188px !important;
}
.u-mt192-tab {
margin-top: 192px !important;
}
.u-mt196-tab {
margin-top: 196px !important;
}
.u-mt200-tab {
margin-top: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-mt0-sp {
margin-top: 0px !important;
}
.u-mt4-sp {
margin-top: 4px !important;
}
.u-mt8-sp {
margin-top: 8px !important;
}
.u-mt12-sp {
margin-top: 12px !important;
}
.u-mt16-sp {
margin-top: 16px !important;
}
.u-mt20-sp {
margin-top: 20px !important;
}
.u-mt24-sp {
margin-top: 24px !important;
}
.u-mt28-sp {
margin-top: 28px !important;
}
.u-mt32-sp {
margin-top: 32px !important;
}
.u-mt36-sp {
margin-top: 36px !important;
}
.u-mt40-sp {
margin-top: 40px !important;
}
.u-mt44-sp {
margin-top: 44px !important;
}
.u-mt48-sp {
margin-top: 48px !important;
}
.u-mt52-sp {
margin-top: 52px !important;
}
.u-mt56-sp {
margin-top: 56px !important;
}
.u-mt60-sp {
margin-top: 60px !important;
}
.u-mt64-sp {
margin-top: 64px !important;
}
.u-mt68-sp {
margin-top: 68px !important;
}
.u-mt72-sp {
margin-top: 72px !important;
}
.u-mt76-sp {
margin-top: 76px !important;
}
.u-mt80-sp {
margin-top: 80px !important;
}
.u-mt84-sp {
margin-top: 84px !important;
}
.u-mt88-sp {
margin-top: 88px !important;
}
.u-mt92-sp {
margin-top: 92px !important;
}
.u-mt96-sp {
margin-top: 96px !important;
}
.u-mt100-sp {
margin-top: 100px !important;
}
.u-mt104-sp {
margin-top: 104px !important;
}
.u-mt108-sp {
margin-top: 108px !important;
}
.u-mt112-sp {
margin-top: 112px !important;
}
.u-mt116-sp {
margin-top: 116px !important;
}
.u-mt120-sp {
margin-top: 120px !important;
}
.u-mt124-sp {
margin-top: 124px !important;
}
.u-mt128-sp {
margin-top: 128px !important;
}
.u-mt132-sp {
margin-top: 132px !important;
}
.u-mt136-sp {
margin-top: 136px !important;
}
.u-mt140-sp {
margin-top: 140px !important;
}
.u-mt144-sp {
margin-top: 144px !important;
}
.u-mt148-sp {
margin-top: 148px !important;
}
.u-mt152-sp {
margin-top: 152px !important;
}
.u-mt156-sp {
margin-top: 156px !important;
}
.u-mt160-sp {
margin-top: 160px !important;
}
.u-mt164-sp {
margin-top: 164px !important;
}
.u-mt168-sp {
margin-top: 168px !important;
}
.u-mt172-sp {
margin-top: 172px !important;
}
.u-mt176-sp {
margin-top: 176px !important;
}
.u-mt180-sp {
margin-top: 180px !important;
}
.u-mt184-sp {
margin-top: 184px !important;
}
.u-mt188-sp {
margin-top: 188px !important;
}
.u-mt192-sp {
margin-top: 192px !important;
}
.u-mt196-sp {
margin-top: 196px !important;
}
.u-mt200-sp {
margin-top: 200px !important;
}
}
.u-mr0 {
margin-right: 0px;
}
.u-mr4 {
margin-right: 4px;
}
.u-mr8 {
margin-right: 8px;
}
.u-mr12 {
margin-right: 12px;
}
.u-mr16 {
margin-right: 16px;
}
.u-mr20 {
margin-right: 20px;
}
.u-mr24 {
margin-right: 24px;
}
.u-mr28 {
margin-right: 28px;
}
.u-mr32 {
margin-right: 32px;
}
.u-mr36 {
margin-right: 36px;
}
.u-mr40 {
margin-right: 40px;
}
.u-mr44 {
margin-right: 44px;
}
.u-mr48 {
margin-right: 48px;
}
.u-mr52 {
margin-right: 52px;
}
.u-mr56 {
margin-right: 56px;
}
.u-mr60 {
margin-right: 60px;
}
.u-mr64 {
margin-right: 64px;
}
.u-mr68 {
margin-right: 68px;
}
.u-mr72 {
margin-right: 72px;
}
.u-mr76 {
margin-right: 76px;
}
.u-mr80 {
margin-right: 80px;
}
.u-mr84 {
margin-right: 84px;
}
.u-mr88 {
margin-right: 88px;
}
.u-mr92 {
margin-right: 92px;
}
.u-mr96 {
margin-right: 96px;
}
.u-mr100 {
margin-right: 100px;
}
.u-mr104 {
margin-right: 104px;
}
.u-mr108 {
margin-right: 108px;
}
.u-mr112 {
margin-right: 112px;
}
.u-mr116 {
margin-right: 116px;
}
.u-mr120 {
margin-right: 120px;
}
.u-mr124 {
margin-right: 124px;
}
.u-mr128 {
margin-right: 128px;
}
.u-mr132 {
margin-right: 132px;
}
.u-mr136 {
margin-right: 136px;
}
.u-mr140 {
margin-right: 140px;
}
.u-mr144 {
margin-right: 144px;
}
.u-mr148 {
margin-right: 148px;
}
.u-mr152 {
margin-right: 152px;
}
.u-mr156 {
margin-right: 156px;
}
.u-mr160 {
margin-right: 160px;
}
.u-mr164 {
margin-right: 164px;
}
.u-mr168 {
margin-right: 168px;
}
.u-mr172 {
margin-right: 172px;
}
.u-mr176 {
margin-right: 176px;
}
.u-mr180 {
margin-right: 180px;
}
.u-mr184 {
margin-right: 184px;
}
.u-mr188 {
margin-right: 188px;
}
.u-mr192 {
margin-right: 192px;
}
.u-mr196 {
margin-right: 196px;
}
.u-mr200 {
margin-right: 200px;
}
@media screen and (max-width: 979.8px) {
.u-mr0-tab {
margin-right: 0px !important;
}
.u-mr4-tab {
margin-right: 4px !important;
}
.u-mr8-tab {
margin-right: 8px !important;
}
.u-mr12-tab {
margin-right: 12px !important;
}
.u-mr16-tab {
margin-right: 16px !important;
}
.u-mr20-tab {
margin-right: 20px !important;
}
.u-mr24-tab {
margin-right: 24px !important;
}
.u-mr28-tab {
margin-right: 28px !important;
}
.u-mr32-tab {
margin-right: 32px !important;
}
.u-mr36-tab {
margin-right: 36px !important;
}
.u-mr40-tab {
margin-right: 40px !important;
}
.u-mr44-tab {
margin-right: 44px !important;
}
.u-mr48-tab {
margin-right: 48px !important;
}
.u-mr52-tab {
margin-right: 52px !important;
}
.u-mr56-tab {
margin-right: 56px !important;
}
.u-mr60-tab {
margin-right: 60px !important;
}
.u-mr64-tab {
margin-right: 64px !important;
}
.u-mr68-tab {
margin-right: 68px !important;
}
.u-mr72-tab {
margin-right: 72px !important;
}
.u-mr76-tab {
margin-right: 76px !important;
}
.u-mr80-tab {
margin-right: 80px !important;
}
.u-mr84-tab {
margin-right: 84px !important;
}
.u-mr88-tab {
margin-right: 88px !important;
}
.u-mr92-tab {
margin-right: 92px !important;
}
.u-mr96-tab {
margin-right: 96px !important;
}
.u-mr100-tab {
margin-right: 100px !important;
}
.u-mr104-tab {
margin-right: 104px !important;
}
.u-mr108-tab {
margin-right: 108px !important;
}
.u-mr112-tab {
margin-right: 112px !important;
}
.u-mr116-tab {
margin-right: 116px !important;
}
.u-mr120-tab {
margin-right: 120px !important;
}
.u-mr124-tab {
margin-right: 124px !important;
}
.u-mr128-tab {
margin-right: 128px !important;
}
.u-mr132-tab {
margin-right: 132px !important;
}
.u-mr136-tab {
margin-right: 136px !important;
}
.u-mr140-tab {
margin-right: 140px !important;
}
.u-mr144-tab {
margin-right: 144px !important;
}
.u-mr148-tab {
margin-right: 148px !important;
}
.u-mr152-tab {
margin-right: 152px !important;
}
.u-mr156-tab {
margin-right: 156px !important;
}
.u-mr160-tab {
margin-right: 160px !important;
}
.u-mr164-tab {
margin-right: 164px !important;
}
.u-mr168-tab {
margin-right: 168px !important;
}
.u-mr172-tab {
margin-right: 172px !important;
}
.u-mr176-tab {
margin-right: 176px !important;
}
.u-mr180-tab {
margin-right: 180px !important;
}
.u-mr184-tab {
margin-right: 184px !important;
}
.u-mr188-tab {
margin-right: 188px !important;
}
.u-mr192-tab {
margin-right: 192px !important;
}
.u-mr196-tab {
margin-right: 196px !important;
}
.u-mr200-tab {
margin-right: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-mr0-sp {
margin-right: 0px !important;
}
.u-mr4-sp {
margin-right: 4px !important;
}
.u-mr8-sp {
margin-right: 8px !important;
}
.u-mr12-sp {
margin-right: 12px !important;
}
.u-mr16-sp {
margin-right: 16px !important;
}
.u-mr20-sp {
margin-right: 20px !important;
}
.u-mr24-sp {
margin-right: 24px !important;
}
.u-mr28-sp {
margin-right: 28px !important;
}
.u-mr32-sp {
margin-right: 32px !important;
}
.u-mr36-sp {
margin-right: 36px !important;
}
.u-mr40-sp {
margin-right: 40px !important;
}
.u-mr44-sp {
margin-right: 44px !important;
}
.u-mr48-sp {
margin-right: 48px !important;
}
.u-mr52-sp {
margin-right: 52px !important;
}
.u-mr56-sp {
margin-right: 56px !important;
}
.u-mr60-sp {
margin-right: 60px !important;
}
.u-mr64-sp {
margin-right: 64px !important;
}
.u-mr68-sp {
margin-right: 68px !important;
}
.u-mr72-sp {
margin-right: 72px !important;
}
.u-mr76-sp {
margin-right: 76px !important;
}
.u-mr80-sp {
margin-right: 80px !important;
}
.u-mr84-sp {
margin-right: 84px !important;
}
.u-mr88-sp {
margin-right: 88px !important;
}
.u-mr92-sp {
margin-right: 92px !important;
}
.u-mr96-sp {
margin-right: 96px !important;
}
.u-mr100-sp {
margin-right: 100px !important;
}
.u-mr104-sp {
margin-right: 104px !important;
}
.u-mr108-sp {
margin-right: 108px !important;
}
.u-mr112-sp {
margin-right: 112px !important;
}
.u-mr116-sp {
margin-right: 116px !important;
}
.u-mr120-sp {
margin-right: 120px !important;
}
.u-mr124-sp {
margin-right: 124px !important;
}
.u-mr128-sp {
margin-right: 128px !important;
}
.u-mr132-sp {
margin-right: 132px !important;
}
.u-mr136-sp {
margin-right: 136px !important;
}
.u-mr140-sp {
margin-right: 140px !important;
}
.u-mr144-sp {
margin-right: 144px !important;
}
.u-mr148-sp {
margin-right: 148px !important;
}
.u-mr152-sp {
margin-right: 152px !important;
}
.u-mr156-sp {
margin-right: 156px !important;
}
.u-mr160-sp {
margin-right: 160px !important;
}
.u-mr164-sp {
margin-right: 164px !important;
}
.u-mr168-sp {
margin-right: 168px !important;
}
.u-mr172-sp {
margin-right: 172px !important;
}
.u-mr176-sp {
margin-right: 176px !important;
}
.u-mr180-sp {
margin-right: 180px !important;
}
.u-mr184-sp {
margin-right: 184px !important;
}
.u-mr188-sp {
margin-right: 188px !important;
}
.u-mr192-sp {
margin-right: 192px !important;
}
.u-mr196-sp {
margin-right: 196px !important;
}
.u-mr200-sp {
margin-right: 200px !important;
}
}
.u-ml0 {
margin-left: 0px;
}
.u-ml4 {
margin-left: 4px;
}
.u-ml8 {
margin-left: 8px;
}
.u-ml12 {
margin-left: 12px;
}
.u-ml16 {
margin-left: 16px;
}
.u-ml20 {
margin-left: 20px;
}
.u-ml24 {
margin-left: 24px;
}
.u-ml28 {
margin-left: 28px;
}
.u-ml32 {
margin-left: 32px;
}
.u-ml36 {
margin-left: 36px;
}
.u-ml40 {
margin-left: 40px;
}
.u-ml44 {
margin-left: 44px;
}
.u-ml48 {
margin-left: 48px;
}
.u-ml52 {
margin-left: 52px;
}
.u-ml56 {
margin-left: 56px;
}
.u-ml60 {
margin-left: 60px;
}
.u-ml64 {
margin-left: 64px;
}
.u-ml68 {
margin-left: 68px;
}
.u-ml72 {
margin-left: 72px;
}
.u-ml76 {
margin-left: 76px;
}
.u-ml80 {
margin-left: 80px;
}
.u-ml84 {
margin-left: 84px;
}
.u-ml88 {
margin-left: 88px;
}
.u-ml92 {
margin-left: 92px;
}
.u-ml96 {
margin-left: 96px;
}
.u-ml100 {
margin-left: 100px;
}
.u-ml104 {
margin-left: 104px;
}
.u-ml108 {
margin-left: 108px;
}
.u-ml112 {
margin-left: 112px;
}
.u-ml116 {
margin-left: 116px;
}
.u-ml120 {
margin-left: 120px;
}
.u-ml124 {
margin-left: 124px;
}
.u-ml128 {
margin-left: 128px;
}
.u-ml132 {
margin-left: 132px;
}
.u-ml136 {
margin-left: 136px;
}
.u-ml140 {
margin-left: 140px;
}
.u-ml144 {
margin-left: 144px;
}
.u-ml148 {
margin-left: 148px;
}
.u-ml152 {
margin-left: 152px;
}
.u-ml156 {
margin-left: 156px;
}
.u-ml160 {
margin-left: 160px;
}
.u-ml164 {
margin-left: 164px;
}
.u-ml168 {
margin-left: 168px;
}
.u-ml172 {
margin-left: 172px;
}
.u-ml176 {
margin-left: 176px;
}
.u-ml180 {
margin-left: 180px;
}
.u-ml184 {
margin-left: 184px;
}
.u-ml188 {
margin-left: 188px;
}
.u-ml192 {
margin-left: 192px;
}
.u-ml196 {
margin-left: 196px;
}
.u-ml200 {
margin-left: 200px;
}
@media screen and (max-width: 979.8px) {
.u-ml0-tab {
margin-left: 0px !important;
}
.u-ml4-tab {
margin-left: 4px !important;
}
.u-ml8-tab {
margin-left: 8px !important;
}
.u-ml12-tab {
margin-left: 12px !important;
}
.u-ml16-tab {
margin-left: 16px !important;
}
.u-ml20-tab {
margin-left: 20px !important;
}
.u-ml24-tab {
margin-left: 24px !important;
}
.u-ml28-tab {
margin-left: 28px !important;
}
.u-ml32-tab {
margin-left: 32px !important;
}
.u-ml36-tab {
margin-left: 36px !important;
}
.u-ml40-tab {
margin-left: 40px !important;
}
.u-ml44-tab {
margin-left: 44px !important;
}
.u-ml48-tab {
margin-left: 48px !important;
}
.u-ml52-tab {
margin-left: 52px !important;
}
.u-ml56-tab {
margin-left: 56px !important;
}
.u-ml60-tab {
margin-left: 60px !important;
}
.u-ml64-tab {
margin-left: 64px !important;
}
.u-ml68-tab {
margin-left: 68px !important;
}
.u-ml72-tab {
margin-left: 72px !important;
}
.u-ml76-tab {
margin-left: 76px !important;
}
.u-ml80-tab {
margin-left: 80px !important;
}
.u-ml84-tab {
margin-left: 84px !important;
}
.u-ml88-tab {
margin-left: 88px !important;
}
.u-ml92-tab {
margin-left: 92px !important;
}
.u-ml96-tab {
margin-left: 96px !important;
}
.u-ml100-tab {
margin-left: 100px !important;
}
.u-ml104-tab {
margin-left: 104px !important;
}
.u-ml108-tab {
margin-left: 108px !important;
}
.u-ml112-tab {
margin-left: 112px !important;
}
.u-ml116-tab {
margin-left: 116px !important;
}
.u-ml120-tab {
margin-left: 120px !important;
}
.u-ml124-tab {
margin-left: 124px !important;
}
.u-ml128-tab {
margin-left: 128px !important;
}
.u-ml132-tab {
margin-left: 132px !important;
}
.u-ml136-tab {
margin-left: 136px !important;
}
.u-ml140-tab {
margin-left: 140px !important;
}
.u-ml144-tab {
margin-left: 144px !important;
}
.u-ml148-tab {
margin-left: 148px !important;
}
.u-ml152-tab {
margin-left: 152px !important;
}
.u-ml156-tab {
margin-left: 156px !important;
}
.u-ml160-tab {
margin-left: 160px !important;
}
.u-ml164-tab {
margin-left: 164px !important;
}
.u-ml168-tab {
margin-left: 168px !important;
}
.u-ml172-tab {
margin-left: 172px !important;
}
.u-ml176-tab {
margin-left: 176px !important;
}
.u-ml180-tab {
margin-left: 180px !important;
}
.u-ml184-tab {
margin-left: 184px !important;
}
.u-ml188-tab {
margin-left: 188px !important;
}
.u-ml192-tab {
margin-left: 192px !important;
}
.u-ml196-tab {
margin-left: 196px !important;
}
.u-ml200-tab {
margin-left: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-ml0-sp {
margin-left: 0px !important;
}
.u-ml4-sp {
margin-left: 4px !important;
}
.u-ml8-sp {
margin-left: 8px !important;
}
.u-ml12-sp {
margin-left: 12px !important;
}
.u-ml16-sp {
margin-left: 16px !important;
}
.u-ml20-sp {
margin-left: 20px !important;
}
.u-ml24-sp {
margin-left: 24px !important;
}
.u-ml28-sp {
margin-left: 28px !important;
}
.u-ml32-sp {
margin-left: 32px !important;
}
.u-ml36-sp {
margin-left: 36px !important;
}
.u-ml40-sp {
margin-left: 40px !important;
}
.u-ml44-sp {
margin-left: 44px !important;
}
.u-ml48-sp {
margin-left: 48px !important;
}
.u-ml52-sp {
margin-left: 52px !important;
}
.u-ml56-sp {
margin-left: 56px !important;
}
.u-ml60-sp {
margin-left: 60px !important;
}
.u-ml64-sp {
margin-left: 64px !important;
}
.u-ml68-sp {
margin-left: 68px !important;
}
.u-ml72-sp {
margin-left: 72px !important;
}
.u-ml76-sp {
margin-left: 76px !important;
}
.u-ml80-sp {
margin-left: 80px !important;
}
.u-ml84-sp {
margin-left: 84px !important;
}
.u-ml88-sp {
margin-left: 88px !important;
}
.u-ml92-sp {
margin-left: 92px !important;
}
.u-ml96-sp {
margin-left: 96px !important;
}
.u-ml100-sp {
margin-left: 100px !important;
}
.u-ml104-sp {
margin-left: 104px !important;
}
.u-ml108-sp {
margin-left: 108px !important;
}
.u-ml112-sp {
margin-left: 112px !important;
}
.u-ml116-sp {
margin-left: 116px !important;
}
.u-ml120-sp {
margin-left: 120px !important;
}
.u-ml124-sp {
margin-left: 124px !important;
}
.u-ml128-sp {
margin-left: 128px !important;
}
.u-ml132-sp {
margin-left: 132px !important;
}
.u-ml136-sp {
margin-left: 136px !important;
}
.u-ml140-sp {
margin-left: 140px !important;
}
.u-ml144-sp {
margin-left: 144px !important;
}
.u-ml148-sp {
margin-left: 148px !important;
}
.u-ml152-sp {
margin-left: 152px !important;
}
.u-ml156-sp {
margin-left: 156px !important;
}
.u-ml160-sp {
margin-left: 160px !important;
}
.u-ml164-sp {
margin-left: 164px !important;
}
.u-ml168-sp {
margin-left: 168px !important;
}
.u-ml172-sp {
margin-left: 172px !important;
}
.u-ml176-sp {
margin-left: 176px !important;
}
.u-ml180-sp {
margin-left: 180px !important;
}
.u-ml184-sp {
margin-left: 184px !important;
}
.u-ml188-sp {
margin-left: 188px !important;
}
.u-ml192-sp {
margin-left: 192px !important;
}
.u-ml196-sp {
margin-left: 196px !important;
}
.u-ml200-sp {
margin-left: 200px !important;
}
}
.u-mb0 {
margin-bottom: 0px;
}
.u-mb4 {
margin-bottom: 4px;
}
.u-mb8 {
margin-bottom: 8px;
}
.u-mb12 {
margin-bottom: 12px;
}
.u-mb16 {
margin-bottom: 16px;
}
.u-mb20 {
margin-bottom: 20px;
}
.u-mb24 {
margin-bottom: 24px;
}
.u-mb28 {
margin-bottom: 28px;
}
.u-mb32 {
margin-bottom: 32px;
}
.u-mb36 {
margin-bottom: 36px;
}
.u-mb40 {
margin-bottom: 40px;
}
.u-mb44 {
margin-bottom: 44px;
}
.u-mb48 {
margin-bottom: 48px;
}
.u-mb52 {
margin-bottom: 52px;
}
.u-mb56 {
margin-bottom: 56px;
}
.u-mb60 {
margin-bottom: 60px;
}
.u-mb64 {
margin-bottom: 64px;
}
.u-mb68 {
margin-bottom: 68px;
}
.u-mb72 {
margin-bottom: 72px;
}
.u-mb76 {
margin-bottom: 76px;
}
.u-mb80 {
margin-bottom: 80px;
}
.u-mb84 {
margin-bottom: 84px;
}
.u-mb88 {
margin-bottom: 88px;
}
.u-mb92 {
margin-bottom: 92px;
}
.u-mb96 {
margin-bottom: 96px;
}
.u-mb100 {
margin-bottom: 100px;
}
.u-mb104 {
margin-bottom: 104px;
}
.u-mb108 {
margin-bottom: 108px;
}
.u-mb112 {
margin-bottom: 112px;
}
.u-mb116 {
margin-bottom: 116px;
}
.u-mb120 {
margin-bottom: 120px;
}
.u-mb124 {
margin-bottom: 124px;
}
.u-mb128 {
margin-bottom: 128px;
}
.u-mb132 {
margin-bottom: 132px;
}
.u-mb136 {
margin-bottom: 136px;
}
.u-mb140 {
margin-bottom: 140px;
}
.u-mb144 {
margin-bottom: 144px;
}
.u-mb148 {
margin-bottom: 148px;
}
.u-mb152 {
margin-bottom: 152px;
}
.u-mb156 {
margin-bottom: 156px;
}
.u-mb160 {
margin-bottom: 160px;
}
.u-mb164 {
margin-bottom: 164px;
}
.u-mb168 {
margin-bottom: 168px;
}
.u-mb172 {
margin-bottom: 172px;
}
.u-mb176 {
margin-bottom: 176px;
}
.u-mb180 {
margin-bottom: 180px;
}
.u-mb184 {
margin-bottom: 184px;
}
.u-mb188 {
margin-bottom: 188px;
}
.u-mb192 {
margin-bottom: 192px;
}
.u-mb196 {
margin-bottom: 196px;
}
.u-mb200 {
margin-bottom: 200px;
}
@media screen and (max-width: 979.8px) {
.u-mb0-tab {
margin-bottom: 0px !important;
}
.u-mb4-tab {
margin-bottom: 4px !important;
}
.u-mb8-tab {
margin-bottom: 8px !important;
}
.u-mb12-tab {
margin-bottom: 12px !important;
}
.u-mb16-tab {
margin-bottom: 16px !important;
}
.u-mb20-tab {
margin-bottom: 20px !important;
}
.u-mb24-tab {
margin-bottom: 24px !important;
}
.u-mb28-tab {
margin-bottom: 28px !important;
}
.u-mb32-tab {
margin-bottom: 32px !important;
}
.u-mb36-tab {
margin-bottom: 36px !important;
}
.u-mb40-tab {
margin-bottom: 40px !important;
}
.u-mb44-tab {
margin-bottom: 44px !important;
}
.u-mb48-tab {
margin-bottom: 48px !important;
}
.u-mb52-tab {
margin-bottom: 52px !important;
}
.u-mb56-tab {
margin-bottom: 56px !important;
}
.u-mb60-tab {
margin-bottom: 60px !important;
}
.u-mb64-tab {
margin-bottom: 64px !important;
}
.u-mb68-tab {
margin-bottom: 68px !important;
}
.u-mb72-tab {
margin-bottom: 72px !important;
}
.u-mb76-tab {
margin-bottom: 76px !important;
}
.u-mb80-tab {
margin-bottom: 80px !important;
}
.u-mb84-tab {
margin-bottom: 84px !important;
}
.u-mb88-tab {
margin-bottom: 88px !important;
}
.u-mb92-tab {
margin-bottom: 92px !important;
}
.u-mb96-tab {
margin-bottom: 96px !important;
}
.u-mb100-tab {
margin-bottom: 100px !important;
}
.u-mb104-tab {
margin-bottom: 104px !important;
}
.u-mb108-tab {
margin-bottom: 108px !important;
}
.u-mb112-tab {
margin-bottom: 112px !important;
}
.u-mb116-tab {
margin-bottom: 116px !important;
}
.u-mb120-tab {
margin-bottom: 120px !important;
}
.u-mb124-tab {
margin-bottom: 124px !important;
}
.u-mb128-tab {
margin-bottom: 128px !important;
}
.u-mb132-tab {
margin-bottom: 132px !important;
}
.u-mb136-tab {
margin-bottom: 136px !important;
}
.u-mb140-tab {
margin-bottom: 140px !important;
}
.u-mb144-tab {
margin-bottom: 144px !important;
}
.u-mb148-tab {
margin-bottom: 148px !important;
}
.u-mb152-tab {
margin-bottom: 152px !important;
}
.u-mb156-tab {
margin-bottom: 156px !important;
}
.u-mb160-tab {
margin-bottom: 160px !important;
}
.u-mb164-tab {
margin-bottom: 164px !important;
}
.u-mb168-tab {
margin-bottom: 168px !important;
}
.u-mb172-tab {
margin-bottom: 172px !important;
}
.u-mb176-tab {
margin-bottom: 176px !important;
}
.u-mb180-tab {
margin-bottom: 180px !important;
}
.u-mb184-tab {
margin-bottom: 184px !important;
}
.u-mb188-tab {
margin-bottom: 188px !important;
}
.u-mb192-tab {
margin-bottom: 192px !important;
}
.u-mb196-tab {
margin-bottom: 196px !important;
}
.u-mb200-tab {
margin-bottom: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-mb0-sp {
margin-bottom: 0px !important;
}
.u-mb4-sp {
margin-bottom: 4px !important;
}
.u-mb8-sp {
margin-bottom: 8px !important;
}
.u-mb12-sp {
margin-bottom: 12px !important;
}
.u-mb16-sp {
margin-bottom: 16px !important;
}
.u-mb20-sp {
margin-bottom: 20px !important;
}
.u-mb24-sp {
margin-bottom: 24px !important;
}
.u-mb28-sp {
margin-bottom: 28px !important;
}
.u-mb32-sp {
margin-bottom: 32px !important;
}
.u-mb36-sp {
margin-bottom: 36px !important;
}
.u-mb40-sp {
margin-bottom: 40px !important;
}
.u-mb44-sp {
margin-bottom: 44px !important;
}
.u-mb48-sp {
margin-bottom: 48px !important;
}
.u-mb52-sp {
margin-bottom: 52px !important;
}
.u-mb56-sp {
margin-bottom: 56px !important;
}
.u-mb60-sp {
margin-bottom: 60px !important;
}
.u-mb64-sp {
margin-bottom: 64px !important;
}
.u-mb68-sp {
margin-bottom: 68px !important;
}
.u-mb72-sp {
margin-bottom: 72px !important;
}
.u-mb76-sp {
margin-bottom: 76px !important;
}
.u-mb80-sp {
margin-bottom: 80px !important;
}
.u-mb84-sp {
margin-bottom: 84px !important;
}
.u-mb88-sp {
margin-bottom: 88px !important;
}
.u-mb92-sp {
margin-bottom: 92px !important;
}
.u-mb96-sp {
margin-bottom: 96px !important;
}
.u-mb100-sp {
margin-bottom: 100px !important;
}
.u-mb104-sp {
margin-bottom: 104px !important;
}
.u-mb108-sp {
margin-bottom: 108px !important;
}
.u-mb112-sp {
margin-bottom: 112px !important;
}
.u-mb116-sp {
margin-bottom: 116px !important;
}
.u-mb120-sp {
margin-bottom: 120px !important;
}
.u-mb124-sp {
margin-bottom: 124px !important;
}
.u-mb128-sp {
margin-bottom: 128px !important;
}
.u-mb132-sp {
margin-bottom: 132px !important;
}
.u-mb136-sp {
margin-bottom: 136px !important;
}
.u-mb140-sp {
margin-bottom: 140px !important;
}
.u-mb144-sp {
margin-bottom: 144px !important;
}
.u-mb148-sp {
margin-bottom: 148px !important;
}
.u-mb152-sp {
margin-bottom: 152px !important;
}
.u-mb156-sp {
margin-bottom: 156px !important;
}
.u-mb160-sp {
margin-bottom: 160px !important;
}
.u-mb164-sp {
margin-bottom: 164px !important;
}
.u-mb168-sp {
margin-bottom: 168px !important;
}
.u-mb172-sp {
margin-bottom: 172px !important;
}
.u-mb176-sp {
margin-bottom: 176px !important;
}
.u-mb180-sp {
margin-bottom: 180px !important;
}
.u-mb184-sp {
margin-bottom: 184px !important;
}
.u-mb188-sp {
margin-bottom: 188px !important;
}
.u-mb192-sp {
margin-bottom: 192px !important;
}
.u-mb196-sp {
margin-bottom: 196px !important;
}
.u-mb200-sp {
margin-bottom: 200px !important;
}
}
.u-my0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.u-my4 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.u-my8 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.u-my12 {
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.u-my16 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.u-my20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.u-my24 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.u-my28 {
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.u-my32 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.u-my36 {
margin-top: 36px !important;
margin-bottom: 36px !important;
}
.u-my40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.u-my44 {
margin-top: 44px !important;
margin-bottom: 44px !important;
}
.u-my48 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.u-my52 {
margin-top: 52px !important;
margin-bottom: 52px !important;
}
.u-my56 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.u-my60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.u-my64 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.u-my68 {
margin-top: 68px !important;
margin-bottom: 68px !important;
}
.u-my72 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.u-my76 {
margin-top: 76px !important;
margin-bottom: 76px !important;
}
.u-my80 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.u-my84 {
margin-top: 84px !important;
margin-bottom: 84px !important;
}
.u-my88 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.u-my92 {
margin-top: 92px !important;
margin-bottom: 92px !important;
}
.u-my96 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.u-my100 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
.u-my104 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.u-my108 {
margin-top: 108px !important;
margin-bottom: 108px !important;
}
.u-my112 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.u-my116 {
margin-top: 116px !important;
margin-bottom: 116px !important;
}
.u-my120 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.u-my124 {
margin-top: 124px !important;
margin-bottom: 124px !important;
}
.u-my128 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.u-my132 {
margin-top: 132px !important;
margin-bottom: 132px !important;
}
.u-my136 {
margin-top: 136px !important;
margin-bottom: 136px !important;
}
.u-my140 {
margin-top: 140px !important;
margin-bottom: 140px !important;
}
.u-my144 {
margin-top: 144px !important;
margin-bottom: 144px !important;
}
.u-my148 {
margin-top: 148px !important;
margin-bottom: 148px !important;
}
.u-my152 {
margin-top: 152px !important;
margin-bottom: 152px !important;
}
.u-my156 {
margin-top: 156px !important;
margin-bottom: 156px !important;
}
.u-my160 {
margin-top: 160px !important;
margin-bottom: 160px !important;
}
.u-my164 {
margin-top: 164px !important;
margin-bottom: 164px !important;
}
.u-my168 {
margin-top: 168px !important;
margin-bottom: 168px !important;
}
.u-my172 {
margin-top: 172px !important;
margin-bottom: 172px !important;
}
.u-my176 {
margin-top: 176px !important;
margin-bottom: 176px !important;
}
.u-my180 {
margin-top: 180px !important;
margin-bottom: 180px !important;
}
.u-my184 {
margin-top: 184px !important;
margin-bottom: 184px !important;
}
.u-my188 {
margin-top: 188px !important;
margin-bottom: 188px !important;
}
.u-my192 {
margin-top: 192px !important;
margin-bottom: 192px !important;
}
.u-my196 {
margin-top: 196px !important;
margin-bottom: 196px !important;
}
.u-my200 {
margin-top: 200px !important;
margin-bottom: 200px !important;
}
.u-mx0 {
margin-right: 0px !important;
margin-left: 0px !important;
}
.u-mx4 {
margin-right: 4px !important;
margin-left: 4px !important;
}
.u-mx8 {
margin-right: 8px !important;
margin-left: 8px !important;
}
.u-mx12 {
margin-right: 12px !important;
margin-left: 12px !important;
}
.u-mx16 {
margin-right: 16px !important;
margin-left: 16px !important;
}
.u-mx20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.u-mx24 {
margin-right: 24px !important;
margin-left: 24px !important;
}
.u-mx28 {
margin-right: 28px !important;
margin-left: 28px !important;
}
.u-mx32 {
margin-right: 32px !important;
margin-left: 32px !important;
}
.u-mx36 {
margin-right: 36px !important;
margin-left: 36px !important;
}
.u-mx40 {
margin-right: 40px !important;
margin-left: 40px !important;
}
.u-mx44 {
margin-right: 44px !important;
margin-left: 44px !important;
}
.u-mx48 {
margin-right: 48px !important;
margin-left: 48px !important;
}
.u-mx52 {
margin-right: 52px !important;
margin-left: 52px !important;
}
.u-mx56 {
margin-right: 56px !important;
margin-left: 56px !important;
}
.u-mx60 {
margin-right: 60px !important;
margin-left: 60px !important;
}
.u-mx64 {
margin-right: 64px !important;
margin-left: 64px !important;
}
.u-mx68 {
margin-right: 68px !important;
margin-left: 68px !important;
}
.u-mx72 {
margin-right: 72px !important;
margin-left: 72px !important;
}
.u-mx76 {
margin-right: 76px !important;
margin-left: 76px !important;
}
.u-mx80 {
margin-right: 80px !important;
margin-left: 80px !important;
}
.u-mx84 {
margin-right: 84px !important;
margin-left: 84px !important;
}
.u-mx88 {
margin-right: 88px !important;
margin-left: 88px !important;
}
.u-mx92 {
margin-right: 92px !important;
margin-left: 92px !important;
}
.u-mx96 {
margin-right: 96px !important;
margin-left: 96px !important;
}
.u-mx100 {
margin-right: 100px !important;
margin-left: 100px !important;
}
.u-mx104 {
margin-right: 104px !important;
margin-left: 104px !important;
}
.u-mx108 {
margin-right: 108px !important;
margin-left: 108px !important;
}
.u-mx112 {
margin-right: 112px !important;
margin-left: 112px !important;
}
.u-mx116 {
margin-right: 116px !important;
margin-left: 116px !important;
}
.u-mx120 {
margin-right: 120px !important;
margin-left: 120px !important;
}
.u-mx124 {
margin-right: 124px !important;
margin-left: 124px !important;
}
.u-mx128 {
margin-right: 128px !important;
margin-left: 128px !important;
}
.u-mx132 {
margin-right: 132px !important;
margin-left: 132px !important;
}
.u-mx136 {
margin-right: 136px !important;
margin-left: 136px !important;
}
.u-mx140 {
margin-right: 140px !important;
margin-left: 140px !important;
}
.u-mx144 {
margin-right: 144px !important;
margin-left: 144px !important;
}
.u-mx148 {
margin-right: 148px !important;
margin-left: 148px !important;
}
.u-mx152 {
margin-right: 152px !important;
margin-left: 152px !important;
}
.u-mx156 {
margin-right: 156px !important;
margin-left: 156px !important;
}
.u-mx160 {
margin-right: 160px !important;
margin-left: 160px !important;
}
.u-mx164 {
margin-right: 164px !important;
margin-left: 164px !important;
}
.u-mx168 {
margin-right: 168px !important;
margin-left: 168px !important;
}
.u-mx172 {
margin-right: 172px !important;
margin-left: 172px !important;
}
.u-mx176 {
margin-right: 176px !important;
margin-left: 176px !important;
}
.u-mx180 {
margin-right: 180px !important;
margin-left: 180px !important;
}
.u-mx184 {
margin-right: 184px !important;
margin-left: 184px !important;
}
.u-mx188 {
margin-right: 188px !important;
margin-left: 188px !important;
}
.u-mx192 {
margin-right: 192px !important;
margin-left: 192px !important;
}
.u-mx196 {
margin-right: 196px !important;
margin-left: 196px !important;
}
.u-mx200 {
margin-right: 200px !important;
margin-left: 200px !important;
}
.u-m0 {
margin: 0px !important;
}
.u-m4 {
margin: 4px !important;
}
.u-m8 {
margin: 8px !important;
}
.u-m12 {
margin: 12px !important;
}
.u-m16 {
margin: 16px !important;
}
.u-m20 {
margin: 20px !important;
}
.u-m24 {
margin: 24px !important;
}
.u-m28 {
margin: 28px !important;
}
.u-m32 {
margin: 32px !important;
}
.u-m36 {
margin: 36px !important;
}
.u-m40 {
margin: 40px !important;
}
.u-m44 {
margin: 44px !important;
}
.u-m48 {
margin: 48px !important;
}
.u-m52 {
margin: 52px !important;
}
.u-m56 {
margin: 56px !important;
}
.u-m60 {
margin: 60px !important;
}
.u-m64 {
margin: 64px !important;
}
.u-m68 {
margin: 68px !important;
}
.u-m72 {
margin: 72px !important;
}
.u-m76 {
margin: 76px !important;
}
.u-m80 {
margin: 80px !important;
}
.u-m84 {
margin: 84px !important;
}
.u-m88 {
margin: 88px !important;
}
.u-m92 {
margin: 92px !important;
}
.u-m96 {
margin: 96px !important;
}
.u-m100 {
margin: 100px !important;
}
.u-m104 {
margin: 104px !important;
}
.u-m108 {
margin: 108px !important;
}
.u-m112 {
margin: 112px !important;
}
.u-m116 {
margin: 116px !important;
}
.u-m120 {
margin: 120px !important;
}
.u-m124 {
margin: 124px !important;
}
.u-m128 {
margin: 128px !important;
}
.u-m132 {
margin: 132px !important;
}
.u-m136 {
margin: 136px !important;
}
.u-m140 {
margin: 140px !important;
}
.u-m144 {
margin: 144px !important;
}
.u-m148 {
margin: 148px !important;
}
.u-m152 {
margin: 152px !important;
}
.u-m156 {
margin: 156px !important;
}
.u-m160 {
margin: 160px !important;
}
.u-m164 {
margin: 164px !important;
}
.u-m168 {
margin: 168px !important;
}
.u-m172 {
margin: 172px !important;
}
.u-m176 {
margin: 176px !important;
}
.u-m180 {
margin: 180px !important;
}
.u-m184 {
margin: 184px !important;
}
.u-m188 {
margin: 188px !important;
}
.u-m192 {
margin: 192px !important;
}
.u-m196 {
margin: 196px !important;
}
.u-m200 {
margin: 200px !important;
}
/*margin auto*/
.u-mx-auto {
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 979.8px) {
.u-mx-auto-tab {
margin-right: auto;
margin-left: auto;
}
}
@media screen and (max-width: 689.8px) {
.u-mx-auto-sp {
margin-right: auto;
margin-left: auto;
}
}
.u-ml-auto {
margin-left: auto;
}
@media screen and (max-width: 979.8px) {
.u-ml-auto-tab {
margin-left: auto;
}
}
@media screen and (max-width: 689.8px) {
.u-ml-auto-sp {
margin-left: auto;
}
}
.u-mr-auto {
margin-right: auto;
}
@media screen and (max-width: 979.8px) {
.u-mr-auto-tab {
margin-right: auto;
}
}
@media screen and (max-width: 689.8px) {
.u-mr-auto-sp {
margin-right: auto;
}
}
.u-mt-auto {
margin-top: auto;
}
@media screen and (max-width: 979.8px) {
.u-mt-auto-tab {
margin-top: auto;
}
}
@media screen and (max-width: 689.8px) {
.u-mt-auto-sp {
margin-top: auto;
}
}
/*margin 0*/
.u-mt0 {
margin-top: 0 !important;
}
@media screen and (max-width: 979.8px) {
.u-mt0-tab {
margin-top: 0 !important;
}
}
@media screen and (max-width: 689.8px) {
.u-mt0-sp {
margin-top: 0 !important;
}
}
.u-mb0 {
margin-bottom: 0 !important;
}
@media screen and (max-width: 979.8px) {
.u-mb0-tab {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 689.8px) {
.u-mb0-sp {
margin-bottom: 0 !important;
}
}
.u-mr0 {
margin-right: 0 !important;
}
@media screen and (max-width: 979.8px) {
.u-mr0-tab {
margin-right: 0 !important;
}
}
@media screen and (max-width: 689.8px) {
.u-mr0-sp {
margin-right: 0 !important;
}
}
.u-ml0 {
margin-left: 0 !important;
}
@media screen and (max-width: 979.8px) {
.u-ml0-tab {
margin-left: 0 !important;
}
}
@media screen and (max-width: 689.8px) {
.u-ml0-sp {
margin-left: 0 !important;
}
}
/* ============================================
* padding（4px刻み）
* ============================================ */
.u-pt0 {
padding-top: 0px;
}
.u-pt4 {
padding-top: 4px;
}
.u-pt8 {
padding-top: 8px;
}
.u-pt12 {
padding-top: 12px;
}
.u-pt16 {
padding-top: 16px;
}
.u-pt20 {
padding-top: 20px;
}
.u-pt24 {
padding-top: 24px;
}
.u-pt28 {
padding-top: 28px;
}
.u-pt32 {
padding-top: 32px;
}
.u-pt36 {
padding-top: 36px;
}
.u-pt40 {
padding-top: 40px;
}
.u-pt44 {
padding-top: 44px;
}
.u-pt48 {
padding-top: 48px;
}
.u-pt52 {
padding-top: 52px;
}
.u-pt56 {
padding-top: 56px;
}
.u-pt60 {
padding-top: 60px;
}
.u-pt64 {
padding-top: 64px;
}
.u-pt68 {
padding-top: 68px;
}
.u-pt72 {
padding-top: 72px;
}
.u-pt76 {
padding-top: 76px;
}
.u-pt80 {
padding-top: 80px;
}
.u-pt84 {
padding-top: 84px;
}
.u-pt88 {
padding-top: 88px;
}
.u-pt92 {
padding-top: 92px;
}
.u-pt96 {
padding-top: 96px;
}
.u-pt100 {
padding-top: 100px;
}
.u-pt104 {
padding-top: 104px;
}
.u-pt108 {
padding-top: 108px;
}
.u-pt112 {
padding-top: 112px;
}
.u-pt116 {
padding-top: 116px;
}
.u-pt120 {
padding-top: 120px;
}
.u-pt124 {
padding-top: 124px;
}
.u-pt128 {
padding-top: 128px;
}
.u-pt132 {
padding-top: 132px;
}
.u-pt136 {
padding-top: 136px;
}
.u-pt140 {
padding-top: 140px;
}
.u-pt144 {
padding-top: 144px;
}
.u-pt148 {
padding-top: 148px;
}
.u-pt152 {
padding-top: 152px;
}
.u-pt156 {
padding-top: 156px;
}
.u-pt160 {
padding-top: 160px;
}
.u-pt164 {
padding-top: 164px;
}
.u-pt168 {
padding-top: 168px;
}
.u-pt172 {
padding-top: 172px;
}
.u-pt176 {
padding-top: 176px;
}
.u-pt180 {
padding-top: 180px;
}
.u-pt184 {
padding-top: 184px;
}
.u-pt188 {
padding-top: 188px;
}
.u-pt192 {
padding-top: 192px;
}
.u-pt196 {
padding-top: 196px;
}
.u-pt200 {
padding-top: 200px;
}
@media screen and (max-width: 979.8px) {
.u-pt0-tab {
padding-top: 0px !important;
}
.u-pt4-tab {
padding-top: 4px !important;
}
.u-pt8-tab {
padding-top: 8px !important;
}
.u-pt12-tab {
padding-top: 12px !important;
}
.u-pt16-tab {
padding-top: 16px !important;
}
.u-pt20-tab {
padding-top: 20px !important;
}
.u-pt24-tab {
padding-top: 24px !important;
}
.u-pt28-tab {
padding-top: 28px !important;
}
.u-pt32-tab {
padding-top: 32px !important;
}
.u-pt36-tab {
padding-top: 36px !important;
}
.u-pt40-tab {
padding-top: 40px !important;
}
.u-pt44-tab {
padding-top: 44px !important;
}
.u-pt48-tab {
padding-top: 48px !important;
}
.u-pt52-tab {
padding-top: 52px !important;
}
.u-pt56-tab {
padding-top: 56px !important;
}
.u-pt60-tab {
padding-top: 60px !important;
}
.u-pt64-tab {
padding-top: 64px !important;
}
.u-pt68-tab {
padding-top: 68px !important;
}
.u-pt72-tab {
padding-top: 72px !important;
}
.u-pt76-tab {
padding-top: 76px !important;
}
.u-pt80-tab {
padding-top: 80px !important;
}
.u-pt84-tab {
padding-top: 84px !important;
}
.u-pt88-tab {
padding-top: 88px !important;
}
.u-pt92-tab {
padding-top: 92px !important;
}
.u-pt96-tab {
padding-top: 96px !important;
}
.u-pt100-tab {
padding-top: 100px !important;
}
.u-pt104-tab {
padding-top: 104px !important;
}
.u-pt108-tab {
padding-top: 108px !important;
}
.u-pt112-tab {
padding-top: 112px !important;
}
.u-pt116-tab {
padding-top: 116px !important;
}
.u-pt120-tab {
padding-top: 120px !important;
}
.u-pt124-tab {
padding-top: 124px !important;
}
.u-pt128-tab {
padding-top: 128px !important;
}
.u-pt132-tab {
padding-top: 132px !important;
}
.u-pt136-tab {
padding-top: 136px !important;
}
.u-pt140-tab {
padding-top: 140px !important;
}
.u-pt144-tab {
padding-top: 144px !important;
}
.u-pt148-tab {
padding-top: 148px !important;
}
.u-pt152-tab {
padding-top: 152px !important;
}
.u-pt156-tab {
padding-top: 156px !important;
}
.u-pt160-tab {
padding-top: 160px !important;
}
.u-pt164-tab {
padding-top: 164px !important;
}
.u-pt168-tab {
padding-top: 168px !important;
}
.u-pt172-tab {
padding-top: 172px !important;
}
.u-pt176-tab {
padding-top: 176px !important;
}
.u-pt180-tab {
padding-top: 180px !important;
}
.u-pt184-tab {
padding-top: 184px !important;
}
.u-pt188-tab {
padding-top: 188px !important;
}
.u-pt192-tab {
padding-top: 192px !important;
}
.u-pt196-tab {
padding-top: 196px !important;
}
.u-pt200-tab {
padding-top: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-pt0-sp {
padding-top: 0px !important;
}
.u-pt4-sp {
padding-top: 4px !important;
}
.u-pt8-sp {
padding-top: 8px !important;
}
.u-pt12-sp {
padding-top: 12px !important;
}
.u-pt16-sp {
padding-top: 16px !important;
}
.u-pt20-sp {
padding-top: 20px !important;
}
.u-pt24-sp {
padding-top: 24px !important;
}
.u-pt28-sp {
padding-top: 28px !important;
}
.u-pt32-sp {
padding-top: 32px !important;
}
.u-pt36-sp {
padding-top: 36px !important;
}
.u-pt40-sp {
padding-top: 40px !important;
}
.u-pt44-sp {
padding-top: 44px !important;
}
.u-pt48-sp {
padding-top: 48px !important;
}
.u-pt52-sp {
padding-top: 52px !important;
}
.u-pt56-sp {
padding-top: 56px !important;
}
.u-pt60-sp {
padding-top: 60px !important;
}
.u-pt64-sp {
padding-top: 64px !important;
}
.u-pt68-sp {
padding-top: 68px !important;
}
.u-pt72-sp {
padding-top: 72px !important;
}
.u-pt76-sp {
padding-top: 76px !important;
}
.u-pt80-sp {
padding-top: 80px !important;
}
.u-pt84-sp {
padding-top: 84px !important;
}
.u-pt88-sp {
padding-top: 88px !important;
}
.u-pt92-sp {
padding-top: 92px !important;
}
.u-pt96-sp {
padding-top: 96px !important;
}
.u-pt100-sp {
padding-top: 100px !important;
}
.u-pt104-sp {
padding-top: 104px !important;
}
.u-pt108-sp {
padding-top: 108px !important;
}
.u-pt112-sp {
padding-top: 112px !important;
}
.u-pt116-sp {
padding-top: 116px !important;
}
.u-pt120-sp {
padding-top: 120px !important;
}
.u-pt124-sp {
padding-top: 124px !important;
}
.u-pt128-sp {
padding-top: 128px !important;
}
.u-pt132-sp {
padding-top: 132px !important;
}
.u-pt136-sp {
padding-top: 136px !important;
}
.u-pt140-sp {
padding-top: 140px !important;
}
.u-pt144-sp {
padding-top: 144px !important;
}
.u-pt148-sp {
padding-top: 148px !important;
}
.u-pt152-sp {
padding-top: 152px !important;
}
.u-pt156-sp {
padding-top: 156px !important;
}
.u-pt160-sp {
padding-top: 160px !important;
}
.u-pt164-sp {
padding-top: 164px !important;
}
.u-pt168-sp {
padding-top: 168px !important;
}
.u-pt172-sp {
padding-top: 172px !important;
}
.u-pt176-sp {
padding-top: 176px !important;
}
.u-pt180-sp {
padding-top: 180px !important;
}
.u-pt184-sp {
padding-top: 184px !important;
}
.u-pt188-sp {
padding-top: 188px !important;
}
.u-pt192-sp {
padding-top: 192px !important;
}
.u-pt196-sp {
padding-top: 196px !important;
}
.u-pt200-sp {
padding-top: 200px !important;
}
}
.u-pr0 {
padding-right: 0px;
}
.u-pr4 {
padding-right: 4px;
}
.u-pr8 {
padding-right: 8px;
}
.u-pr12 {
padding-right: 12px;
}
.u-pr16 {
padding-right: 16px;
}
.u-pr20 {
padding-right: 20px;
}
.u-pr24 {
padding-right: 24px;
}
.u-pr28 {
padding-right: 28px;
}
.u-pr32 {
padding-right: 32px;
}
.u-pr36 {
padding-right: 36px;
}
.u-pr40 {
padding-right: 40px;
}
.u-pr44 {
padding-right: 44px;
}
.u-pr48 {
padding-right: 48px;
}
.u-pr52 {
padding-right: 52px;
}
.u-pr56 {
padding-right: 56px;
}
.u-pr60 {
padding-right: 60px;
}
.u-pr64 {
padding-right: 64px;
}
.u-pr68 {
padding-right: 68px;
}
.u-pr72 {
padding-right: 72px;
}
.u-pr76 {
padding-right: 76px;
}
.u-pr80 {
padding-right: 80px;
}
.u-pr84 {
padding-right: 84px;
}
.u-pr88 {
padding-right: 88px;
}
.u-pr92 {
padding-right: 92px;
}
.u-pr96 {
padding-right: 96px;
}
.u-pr100 {
padding-right: 100px;
}
.u-pr104 {
padding-right: 104px;
}
.u-pr108 {
padding-right: 108px;
}
.u-pr112 {
padding-right: 112px;
}
.u-pr116 {
padding-right: 116px;
}
.u-pr120 {
padding-right: 120px;
}
.u-pr124 {
padding-right: 124px;
}
.u-pr128 {
padding-right: 128px;
}
.u-pr132 {
padding-right: 132px;
}
.u-pr136 {
padding-right: 136px;
}
.u-pr140 {
padding-right: 140px;
}
.u-pr144 {
padding-right: 144px;
}
.u-pr148 {
padding-right: 148px;
}
.u-pr152 {
padding-right: 152px;
}
.u-pr156 {
padding-right: 156px;
}
.u-pr160 {
padding-right: 160px;
}
.u-pr164 {
padding-right: 164px;
}
.u-pr168 {
padding-right: 168px;
}
.u-pr172 {
padding-right: 172px;
}
.u-pr176 {
padding-right: 176px;
}
.u-pr180 {
padding-right: 180px;
}
.u-pr184 {
padding-right: 184px;
}
.u-pr188 {
padding-right: 188px;
}
.u-pr192 {
padding-right: 192px;
}
.u-pr196 {
padding-right: 196px;
}
.u-pr200 {
padding-right: 200px;
}
@media screen and (max-width: 979.8px) {
.u-pr0-tab {
padding-right: 0px !important;
}
.u-pr4-tab {
padding-right: 4px !important;
}
.u-pr8-tab {
padding-right: 8px !important;
}
.u-pr12-tab {
padding-right: 12px !important;
}
.u-pr16-tab {
padding-right: 16px !important;
}
.u-pr20-tab {
padding-right: 20px !important;
}
.u-pr24-tab {
padding-right: 24px !important;
}
.u-pr28-tab {
padding-right: 28px !important;
}
.u-pr32-tab {
padding-right: 32px !important;
}
.u-pr36-tab {
padding-right: 36px !important;
}
.u-pr40-tab {
padding-right: 40px !important;
}
.u-pr44-tab {
padding-right: 44px !important;
}
.u-pr48-tab {
padding-right: 48px !important;
}
.u-pr52-tab {
padding-right: 52px !important;
}
.u-pr56-tab {
padding-right: 56px !important;
}
.u-pr60-tab {
padding-right: 60px !important;
}
.u-pr64-tab {
padding-right: 64px !important;
}
.u-pr68-tab {
padding-right: 68px !important;
}
.u-pr72-tab {
padding-right: 72px !important;
}
.u-pr76-tab {
padding-right: 76px !important;
}
.u-pr80-tab {
padding-right: 80px !important;
}
.u-pr84-tab {
padding-right: 84px !important;
}
.u-pr88-tab {
padding-right: 88px !important;
}
.u-pr92-tab {
padding-right: 92px !important;
}
.u-pr96-tab {
padding-right: 96px !important;
}
.u-pr100-tab {
padding-right: 100px !important;
}
.u-pr104-tab {
padding-right: 104px !important;
}
.u-pr108-tab {
padding-right: 108px !important;
}
.u-pr112-tab {
padding-right: 112px !important;
}
.u-pr116-tab {
padding-right: 116px !important;
}
.u-pr120-tab {
padding-right: 120px !important;
}
.u-pr124-tab {
padding-right: 124px !important;
}
.u-pr128-tab {
padding-right: 128px !important;
}
.u-pr132-tab {
padding-right: 132px !important;
}
.u-pr136-tab {
padding-right: 136px !important;
}
.u-pr140-tab {
padding-right: 140px !important;
}
.u-pr144-tab {
padding-right: 144px !important;
}
.u-pr148-tab {
padding-right: 148px !important;
}
.u-pr152-tab {
padding-right: 152px !important;
}
.u-pr156-tab {
padding-right: 156px !important;
}
.u-pr160-tab {
padding-right: 160px !important;
}
.u-pr164-tab {
padding-right: 164px !important;
}
.u-pr168-tab {
padding-right: 168px !important;
}
.u-pr172-tab {
padding-right: 172px !important;
}
.u-pr176-tab {
padding-right: 176px !important;
}
.u-pr180-tab {
padding-right: 180px !important;
}
.u-pr184-tab {
padding-right: 184px !important;
}
.u-pr188-tab {
padding-right: 188px !important;
}
.u-pr192-tab {
padding-right: 192px !important;
}
.u-pr196-tab {
padding-right: 196px !important;
}
.u-pr200-tab {
padding-right: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-pr0-sp {
padding-right: 0px !important;
}
.u-pr4-sp {
padding-right: 4px !important;
}
.u-pr8-sp {
padding-right: 8px !important;
}
.u-pr12-sp {
padding-right: 12px !important;
}
.u-pr16-sp {
padding-right: 16px !important;
}
.u-pr20-sp {
padding-right: 20px !important;
}
.u-pr24-sp {
padding-right: 24px !important;
}
.u-pr28-sp {
padding-right: 28px !important;
}
.u-pr32-sp {
padding-right: 32px !important;
}
.u-pr36-sp {
padding-right: 36px !important;
}
.u-pr40-sp {
padding-right: 40px !important;
}
.u-pr44-sp {
padding-right: 44px !important;
}
.u-pr48-sp {
padding-right: 48px !important;
}
.u-pr52-sp {
padding-right: 52px !important;
}
.u-pr56-sp {
padding-right: 56px !important;
}
.u-pr60-sp {
padding-right: 60px !important;
}
.u-pr64-sp {
padding-right: 64px !important;
}
.u-pr68-sp {
padding-right: 68px !important;
}
.u-pr72-sp {
padding-right: 72px !important;
}
.u-pr76-sp {
padding-right: 76px !important;
}
.u-pr80-sp {
padding-right: 80px !important;
}
.u-pr84-sp {
padding-right: 84px !important;
}
.u-pr88-sp {
padding-right: 88px !important;
}
.u-pr92-sp {
padding-right: 92px !important;
}
.u-pr96-sp {
padding-right: 96px !important;
}
.u-pr100-sp {
padding-right: 100px !important;
}
.u-pr104-sp {
padding-right: 104px !important;
}
.u-pr108-sp {
padding-right: 108px !important;
}
.u-pr112-sp {
padding-right: 112px !important;
}
.u-pr116-sp {
padding-right: 116px !important;
}
.u-pr120-sp {
padding-right: 120px !important;
}
.u-pr124-sp {
padding-right: 124px !important;
}
.u-pr128-sp {
padding-right: 128px !important;
}
.u-pr132-sp {
padding-right: 132px !important;
}
.u-pr136-sp {
padding-right: 136px !important;
}
.u-pr140-sp {
padding-right: 140px !important;
}
.u-pr144-sp {
padding-right: 144px !important;
}
.u-pr148-sp {
padding-right: 148px !important;
}
.u-pr152-sp {
padding-right: 152px !important;
}
.u-pr156-sp {
padding-right: 156px !important;
}
.u-pr160-sp {
padding-right: 160px !important;
}
.u-pr164-sp {
padding-right: 164px !important;
}
.u-pr168-sp {
padding-right: 168px !important;
}
.u-pr172-sp {
padding-right: 172px !important;
}
.u-pr176-sp {
padding-right: 176px !important;
}
.u-pr180-sp {
padding-right: 180px !important;
}
.u-pr184-sp {
padding-right: 184px !important;
}
.u-pr188-sp {
padding-right: 188px !important;
}
.u-pr192-sp {
padding-right: 192px !important;
}
.u-pr196-sp {
padding-right: 196px !important;
}
.u-pr200-sp {
padding-right: 200px !important;
}
}
.u-pl0 {
padding-left: 0px;
}
.u-pl4 {
padding-left: 4px;
}
.u-pl8 {
padding-left: 8px;
}
.u-pl12 {
padding-left: 12px;
}
.u-pl16 {
padding-left: 16px;
}
.u-pl20 {
padding-left: 20px;
}
.u-pl24 {
padding-left: 24px;
}
.u-pl28 {
padding-left: 28px;
}
.u-pl32 {
padding-left: 32px;
}
.u-pl36 {
padding-left: 36px;
}
.u-pl40 {
padding-left: 40px;
}
.u-pl44 {
padding-left: 44px;
}
.u-pl48 {
padding-left: 48px;
}
.u-pl52 {
padding-left: 52px;
}
.u-pl56 {
padding-left: 56px;
}
.u-pl60 {
padding-left: 60px;
}
.u-pl64 {
padding-left: 64px;
}
.u-pl68 {
padding-left: 68px;
}
.u-pl72 {
padding-left: 72px;
}
.u-pl76 {
padding-left: 76px;
}
.u-pl80 {
padding-left: 80px;
}
.u-pl84 {
padding-left: 84px;
}
.u-pl88 {
padding-left: 88px;
}
.u-pl92 {
padding-left: 92px;
}
.u-pl96 {
padding-left: 96px;
}
.u-pl100 {
padding-left: 100px;
}
.u-pl104 {
padding-left: 104px;
}
.u-pl108 {
padding-left: 108px;
}
.u-pl112 {
padding-left: 112px;
}
.u-pl116 {
padding-left: 116px;
}
.u-pl120 {
padding-left: 120px;
}
.u-pl124 {
padding-left: 124px;
}
.u-pl128 {
padding-left: 128px;
}
.u-pl132 {
padding-left: 132px;
}
.u-pl136 {
padding-left: 136px;
}
.u-pl140 {
padding-left: 140px;
}
.u-pl144 {
padding-left: 144px;
}
.u-pl148 {
padding-left: 148px;
}
.u-pl152 {
padding-left: 152px;
}
.u-pl156 {
padding-left: 156px;
}
.u-pl160 {
padding-left: 160px;
}
.u-pl164 {
padding-left: 164px;
}
.u-pl168 {
padding-left: 168px;
}
.u-pl172 {
padding-left: 172px;
}
.u-pl176 {
padding-left: 176px;
}
.u-pl180 {
padding-left: 180px;
}
.u-pl184 {
padding-left: 184px;
}
.u-pl188 {
padding-left: 188px;
}
.u-pl192 {
padding-left: 192px;
}
.u-pl196 {
padding-left: 196px;
}
.u-pl200 {
padding-left: 200px;
}
@media screen and (max-width: 979.8px) {
.u-pl0-tab {
padding-left: 0px !important;
}
.u-pl4-tab {
padding-left: 4px !important;
}
.u-pl8-tab {
padding-left: 8px !important;
}
.u-pl12-tab {
padding-left: 12px !important;
}
.u-pl16-tab {
padding-left: 16px !important;
}
.u-pl20-tab {
padding-left: 20px !important;
}
.u-pl24-tab {
padding-left: 24px !important;
}
.u-pl28-tab {
padding-left: 28px !important;
}
.u-pl32-tab {
padding-left: 32px !important;
}
.u-pl36-tab {
padding-left: 36px !important;
}
.u-pl40-tab {
padding-left: 40px !important;
}
.u-pl44-tab {
padding-left: 44px !important;
}
.u-pl48-tab {
padding-left: 48px !important;
}
.u-pl52-tab {
padding-left: 52px !important;
}
.u-pl56-tab {
padding-left: 56px !important;
}
.u-pl60-tab {
padding-left: 60px !important;
}
.u-pl64-tab {
padding-left: 64px !important;
}
.u-pl68-tab {
padding-left: 68px !important;
}
.u-pl72-tab {
padding-left: 72px !important;
}
.u-pl76-tab {
padding-left: 76px !important;
}
.u-pl80-tab {
padding-left: 80px !important;
}
.u-pl84-tab {
padding-left: 84px !important;
}
.u-pl88-tab {
padding-left: 88px !important;
}
.u-pl92-tab {
padding-left: 92px !important;
}
.u-pl96-tab {
padding-left: 96px !important;
}
.u-pl100-tab {
padding-left: 100px !important;
}
.u-pl104-tab {
padding-left: 104px !important;
}
.u-pl108-tab {
padding-left: 108px !important;
}
.u-pl112-tab {
padding-left: 112px !important;
}
.u-pl116-tab {
padding-left: 116px !important;
}
.u-pl120-tab {
padding-left: 120px !important;
}
.u-pl124-tab {
padding-left: 124px !important;
}
.u-pl128-tab {
padding-left: 128px !important;
}
.u-pl132-tab {
padding-left: 132px !important;
}
.u-pl136-tab {
padding-left: 136px !important;
}
.u-pl140-tab {
padding-left: 140px !important;
}
.u-pl144-tab {
padding-left: 144px !important;
}
.u-pl148-tab {
padding-left: 148px !important;
}
.u-pl152-tab {
padding-left: 152px !important;
}
.u-pl156-tab {
padding-left: 156px !important;
}
.u-pl160-tab {
padding-left: 160px !important;
}
.u-pl164-tab {
padding-left: 164px !important;
}
.u-pl168-tab {
padding-left: 168px !important;
}
.u-pl172-tab {
padding-left: 172px !important;
}
.u-pl176-tab {
padding-left: 176px !important;
}
.u-pl180-tab {
padding-left: 180px !important;
}
.u-pl184-tab {
padding-left: 184px !important;
}
.u-pl188-tab {
padding-left: 188px !important;
}
.u-pl192-tab {
padding-left: 192px !important;
}
.u-pl196-tab {
padding-left: 196px !important;
}
.u-pl200-tab {
padding-left: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-pl0-sp {
padding-left: 0px !important;
}
.u-pl4-sp {
padding-left: 4px !important;
}
.u-pl8-sp {
padding-left: 8px !important;
}
.u-pl12-sp {
padding-left: 12px !important;
}
.u-pl16-sp {
padding-left: 16px !important;
}
.u-pl20-sp {
padding-left: 20px !important;
}
.u-pl24-sp {
padding-left: 24px !important;
}
.u-pl28-sp {
padding-left: 28px !important;
}
.u-pl32-sp {
padding-left: 32px !important;
}
.u-pl36-sp {
padding-left: 36px !important;
}
.u-pl40-sp {
padding-left: 40px !important;
}
.u-pl44-sp {
padding-left: 44px !important;
}
.u-pl48-sp {
padding-left: 48px !important;
}
.u-pl52-sp {
padding-left: 52px !important;
}
.u-pl56-sp {
padding-left: 56px !important;
}
.u-pl60-sp {
padding-left: 60px !important;
}
.u-pl64-sp {
padding-left: 64px !important;
}
.u-pl68-sp {
padding-left: 68px !important;
}
.u-pl72-sp {
padding-left: 72px !important;
}
.u-pl76-sp {
padding-left: 76px !important;
}
.u-pl80-sp {
padding-left: 80px !important;
}
.u-pl84-sp {
padding-left: 84px !important;
}
.u-pl88-sp {
padding-left: 88px !important;
}
.u-pl92-sp {
padding-left: 92px !important;
}
.u-pl96-sp {
padding-left: 96px !important;
}
.u-pl100-sp {
padding-left: 100px !important;
}
.u-pl104-sp {
padding-left: 104px !important;
}
.u-pl108-sp {
padding-left: 108px !important;
}
.u-pl112-sp {
padding-left: 112px !important;
}
.u-pl116-sp {
padding-left: 116px !important;
}
.u-pl120-sp {
padding-left: 120px !important;
}
.u-pl124-sp {
padding-left: 124px !important;
}
.u-pl128-sp {
padding-left: 128px !important;
}
.u-pl132-sp {
padding-left: 132px !important;
}
.u-pl136-sp {
padding-left: 136px !important;
}
.u-pl140-sp {
padding-left: 140px !important;
}
.u-pl144-sp {
padding-left: 144px !important;
}
.u-pl148-sp {
padding-left: 148px !important;
}
.u-pl152-sp {
padding-left: 152px !important;
}
.u-pl156-sp {
padding-left: 156px !important;
}
.u-pl160-sp {
padding-left: 160px !important;
}
.u-pl164-sp {
padding-left: 164px !important;
}
.u-pl168-sp {
padding-left: 168px !important;
}
.u-pl172-sp {
padding-left: 172px !important;
}
.u-pl176-sp {
padding-left: 176px !important;
}
.u-pl180-sp {
padding-left: 180px !important;
}
.u-pl184-sp {
padding-left: 184px !important;
}
.u-pl188-sp {
padding-left: 188px !important;
}
.u-pl192-sp {
padding-left: 192px !important;
}
.u-pl196-sp {
padding-left: 196px !important;
}
.u-pl200-sp {
padding-left: 200px !important;
}
}
.u-pb0 {
padding-bottom: 0px;
}
.u-pb4 {
padding-bottom: 4px;
}
.u-pb8 {
padding-bottom: 8px;
}
.u-pb12 {
padding-bottom: 12px;
}
.u-pb16 {
padding-bottom: 16px;
}
.u-pb20 {
padding-bottom: 20px;
}
.u-pb24 {
padding-bottom: 24px;
}
.u-pb28 {
padding-bottom: 28px;
}
.u-pb32 {
padding-bottom: 32px;
}
.u-pb36 {
padding-bottom: 36px;
}
.u-pb40 {
padding-bottom: 40px;
}
.u-pb44 {
padding-bottom: 44px;
}
.u-pb48 {
padding-bottom: 48px;
}
.u-pb52 {
padding-bottom: 52px;
}
.u-pb56 {
padding-bottom: 56px;
}
.u-pb60 {
padding-bottom: 60px;
}
.u-pb64 {
padding-bottom: 64px;
}
.u-pb68 {
padding-bottom: 68px;
}
.u-pb72 {
padding-bottom: 72px;
}
.u-pb76 {
padding-bottom: 76px;
}
.u-pb80 {
padding-bottom: 80px;
}
.u-pb84 {
padding-bottom: 84px;
}
.u-pb88 {
padding-bottom: 88px;
}
.u-pb92 {
padding-bottom: 92px;
}
.u-pb96 {
padding-bottom: 96px;
}
.u-pb100 {
padding-bottom: 100px;
}
.u-pb104 {
padding-bottom: 104px;
}
.u-pb108 {
padding-bottom: 108px;
}
.u-pb112 {
padding-bottom: 112px;
}
.u-pb116 {
padding-bottom: 116px;
}
.u-pb120 {
padding-bottom: 120px;
}
.u-pb124 {
padding-bottom: 124px;
}
.u-pb128 {
padding-bottom: 128px;
}
.u-pb132 {
padding-bottom: 132px;
}
.u-pb136 {
padding-bottom: 136px;
}
.u-pb140 {
padding-bottom: 140px;
}
.u-pb144 {
padding-bottom: 144px;
}
.u-pb148 {
padding-bottom: 148px;
}
.u-pb152 {
padding-bottom: 152px;
}
.u-pb156 {
padding-bottom: 156px;
}
.u-pb160 {
padding-bottom: 160px;
}
.u-pb164 {
padding-bottom: 164px;
}
.u-pb168 {
padding-bottom: 168px;
}
.u-pb172 {
padding-bottom: 172px;
}
.u-pb176 {
padding-bottom: 176px;
}
.u-pb180 {
padding-bottom: 180px;
}
.u-pb184 {
padding-bottom: 184px;
}
.u-pb188 {
padding-bottom: 188px;
}
.u-pb192 {
padding-bottom: 192px;
}
.u-pb196 {
padding-bottom: 196px;
}
.u-pb200 {
padding-bottom: 200px;
}
@media screen and (max-width: 979.8px) {
.u-pb0-tab {
padding-bottom: 0px !important;
}
.u-pb4-tab {
padding-bottom: 4px !important;
}
.u-pb8-tab {
padding-bottom: 8px !important;
}
.u-pb12-tab {
padding-bottom: 12px !important;
}
.u-pb16-tab {
padding-bottom: 16px !important;
}
.u-pb20-tab {
padding-bottom: 20px !important;
}
.u-pb24-tab {
padding-bottom: 24px !important;
}
.u-pb28-tab {
padding-bottom: 28px !important;
}
.u-pb32-tab {
padding-bottom: 32px !important;
}
.u-pb36-tab {
padding-bottom: 36px !important;
}
.u-pb40-tab {
padding-bottom: 40px !important;
}
.u-pb44-tab {
padding-bottom: 44px !important;
}
.u-pb48-tab {
padding-bottom: 48px !important;
}
.u-pb52-tab {
padding-bottom: 52px !important;
}
.u-pb56-tab {
padding-bottom: 56px !important;
}
.u-pb60-tab {
padding-bottom: 60px !important;
}
.u-pb64-tab {
padding-bottom: 64px !important;
}
.u-pb68-tab {
padding-bottom: 68px !important;
}
.u-pb72-tab {
padding-bottom: 72px !important;
}
.u-pb76-tab {
padding-bottom: 76px !important;
}
.u-pb80-tab {
padding-bottom: 80px !important;
}
.u-pb84-tab {
padding-bottom: 84px !important;
}
.u-pb88-tab {
padding-bottom: 88px !important;
}
.u-pb92-tab {
padding-bottom: 92px !important;
}
.u-pb96-tab {
padding-bottom: 96px !important;
}
.u-pb100-tab {
padding-bottom: 100px !important;
}
.u-pb104-tab {
padding-bottom: 104px !important;
}
.u-pb108-tab {
padding-bottom: 108px !important;
}
.u-pb112-tab {
padding-bottom: 112px !important;
}
.u-pb116-tab {
padding-bottom: 116px !important;
}
.u-pb120-tab {
padding-bottom: 120px !important;
}
.u-pb124-tab {
padding-bottom: 124px !important;
}
.u-pb128-tab {
padding-bottom: 128px !important;
}
.u-pb132-tab {
padding-bottom: 132px !important;
}
.u-pb136-tab {
padding-bottom: 136px !important;
}
.u-pb140-tab {
padding-bottom: 140px !important;
}
.u-pb144-tab {
padding-bottom: 144px !important;
}
.u-pb148-tab {
padding-bottom: 148px !important;
}
.u-pb152-tab {
padding-bottom: 152px !important;
}
.u-pb156-tab {
padding-bottom: 156px !important;
}
.u-pb160-tab {
padding-bottom: 160px !important;
}
.u-pb164-tab {
padding-bottom: 164px !important;
}
.u-pb168-tab {
padding-bottom: 168px !important;
}
.u-pb172-tab {
padding-bottom: 172px !important;
}
.u-pb176-tab {
padding-bottom: 176px !important;
}
.u-pb180-tab {
padding-bottom: 180px !important;
}
.u-pb184-tab {
padding-bottom: 184px !important;
}
.u-pb188-tab {
padding-bottom: 188px !important;
}
.u-pb192-tab {
padding-bottom: 192px !important;
}
.u-pb196-tab {
padding-bottom: 196px !important;
}
.u-pb200-tab {
padding-bottom: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-pb0-sp {
padding-bottom: 0px !important;
}
.u-pb4-sp {
padding-bottom: 4px !important;
}
.u-pb8-sp {
padding-bottom: 8px !important;
}
.u-pb12-sp {
padding-bottom: 12px !important;
}
.u-pb16-sp {
padding-bottom: 16px !important;
}
.u-pb20-sp {
padding-bottom: 20px !important;
}
.u-pb24-sp {
padding-bottom: 24px !important;
}
.u-pb28-sp {
padding-bottom: 28px !important;
}
.u-pb32-sp {
padding-bottom: 32px !important;
}
.u-pb36-sp {
padding-bottom: 36px !important;
}
.u-pb40-sp {
padding-bottom: 40px !important;
}
.u-pb44-sp {
padding-bottom: 44px !important;
}
.u-pb48-sp {
padding-bottom: 48px !important;
}
.u-pb52-sp {
padding-bottom: 52px !important;
}
.u-pb56-sp {
padding-bottom: 56px !important;
}
.u-pb60-sp {
padding-bottom: 60px !important;
}
.u-pb64-sp {
padding-bottom: 64px !important;
}
.u-pb68-sp {
padding-bottom: 68px !important;
}
.u-pb72-sp {
padding-bottom: 72px !important;
}
.u-pb76-sp {
padding-bottom: 76px !important;
}
.u-pb80-sp {
padding-bottom: 80px !important;
}
.u-pb84-sp {
padding-bottom: 84px !important;
}
.u-pb88-sp {
padding-bottom: 88px !important;
}
.u-pb92-sp {
padding-bottom: 92px !important;
}
.u-pb96-sp {
padding-bottom: 96px !important;
}
.u-pb100-sp {
padding-bottom: 100px !important;
}
.u-pb104-sp {
padding-bottom: 104px !important;
}
.u-pb108-sp {
padding-bottom: 108px !important;
}
.u-pb112-sp {
padding-bottom: 112px !important;
}
.u-pb116-sp {
padding-bottom: 116px !important;
}
.u-pb120-sp {
padding-bottom: 120px !important;
}
.u-pb124-sp {
padding-bottom: 124px !important;
}
.u-pb128-sp {
padding-bottom: 128px !important;
}
.u-pb132-sp {
padding-bottom: 132px !important;
}
.u-pb136-sp {
padding-bottom: 136px !important;
}
.u-pb140-sp {
padding-bottom: 140px !important;
}
.u-pb144-sp {
padding-bottom: 144px !important;
}
.u-pb148-sp {
padding-bottom: 148px !important;
}
.u-pb152-sp {
padding-bottom: 152px !important;
}
.u-pb156-sp {
padding-bottom: 156px !important;
}
.u-pb160-sp {
padding-bottom: 160px !important;
}
.u-pb164-sp {
padding-bottom: 164px !important;
}
.u-pb168-sp {
padding-bottom: 168px !important;
}
.u-pb172-sp {
padding-bottom: 172px !important;
}
.u-pb176-sp {
padding-bottom: 176px !important;
}
.u-pb180-sp {
padding-bottom: 180px !important;
}
.u-pb184-sp {
padding-bottom: 184px !important;
}
.u-pb188-sp {
padding-bottom: 188px !important;
}
.u-pb192-sp {
padding-bottom: 192px !important;
}
.u-pb196-sp {
padding-bottom: 196px !important;
}
.u-pb200-sp {
padding-bottom: 200px !important;
}
}
.u-py0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.u-py4 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.u-py8 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.u-py12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.u-py16 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.u-py20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.u-py24 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.u-py28 {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.u-py32 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.u-py36 {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.u-py40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.u-py44 {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.u-py48 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.u-py52 {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.u-py56 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.u-py60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.u-py64 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.u-py68 {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.u-py72 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.u-py76 {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.u-py80 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.u-py84 {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.u-py88 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.u-py92 {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.u-py96 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.u-py100 {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.u-py104 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.u-py108 {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.u-py112 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.u-py116 {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.u-py120 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.u-py124 {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.u-py128 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.u-py132 {
padding-top: 132px !important;
padding-bottom: 132px !important;
}
.u-py136 {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.u-py140 {
padding-top: 140px !important;
padding-bottom: 140px !important;
}
.u-py144 {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.u-py148 {
padding-top: 148px !important;
padding-bottom: 148px !important;
}
.u-py152 {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.u-py156 {
padding-top: 156px !important;
padding-bottom: 156px !important;
}
.u-py160 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.u-py164 {
padding-top: 164px !important;
padding-bottom: 164px !important;
}
.u-py168 {
padding-top: 168px !important;
padding-bottom: 168px !important;
}
.u-py172 {
padding-top: 172px !important;
padding-bottom: 172px !important;
}
.u-py176 {
padding-top: 176px !important;
padding-bottom: 176px !important;
}
.u-py180 {
padding-top: 180px !important;
padding-bottom: 180px !important;
}
.u-py184 {
padding-top: 184px !important;
padding-bottom: 184px !important;
}
.u-py188 {
padding-top: 188px !important;
padding-bottom: 188px !important;
}
.u-py192 {
padding-top: 192px !important;
padding-bottom: 192px !important;
}
.u-py196 {
padding-top: 196px !important;
padding-bottom: 196px !important;
}
.u-py200 {
padding-top: 200px !important;
padding-bottom: 200px !important;
}
@media screen and (max-width: 979.8px) {
.u-py0-tab {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.u-py4-tab {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.u-py8-tab {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.u-py12-tab {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.u-py16-tab {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.u-py20-tab {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.u-py24-tab {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.u-py28-tab {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.u-py32-tab {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.u-py36-tab {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.u-py40-tab {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.u-py44-tab {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.u-py48-tab {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.u-py52-tab {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.u-py56-tab {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.u-py60-tab {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.u-py64-tab {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.u-py68-tab {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.u-py72-tab {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.u-py76-tab {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.u-py80-tab {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.u-py84-tab {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.u-py88-tab {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.u-py92-tab {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.u-py96-tab {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.u-py100-tab {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.u-py104-tab {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.u-py108-tab {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.u-py112-tab {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.u-py116-tab {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.u-py120-tab {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.u-py124-tab {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.u-py128-tab {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.u-py132-tab {
padding-top: 132px !important;
padding-bottom: 132px !important;
}
.u-py136-tab {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.u-py140-tab {
padding-top: 140px !important;
padding-bottom: 140px !important;
}
.u-py144-tab {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.u-py148-tab {
padding-top: 148px !important;
padding-bottom: 148px !important;
}
.u-py152-tab {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.u-py156-tab {
padding-top: 156px !important;
padding-bottom: 156px !important;
}
.u-py160-tab {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.u-py164-tab {
padding-top: 164px !important;
padding-bottom: 164px !important;
}
.u-py168-tab {
padding-top: 168px !important;
padding-bottom: 168px !important;
}
.u-py172-tab {
padding-top: 172px !important;
padding-bottom: 172px !important;
}
.u-py176-tab {
padding-top: 176px !important;
padding-bottom: 176px !important;
}
.u-py180-tab {
padding-top: 180px !important;
padding-bottom: 180px !important;
}
.u-py184-tab {
padding-top: 184px !important;
padding-bottom: 184px !important;
}
.u-py188-tab {
padding-top: 188px !important;
padding-bottom: 188px !important;
}
.u-py192-tab {
padding-top: 192px !important;
padding-bottom: 192px !important;
}
.u-py196-tab {
padding-top: 196px !important;
padding-bottom: 196px !important;
}
.u-py200-tab {
padding-top: 200px !important;
padding-bottom: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-py0-sp {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.u-py4-sp {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.u-py8-sp {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.u-py12-sp {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.u-py16-sp {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.u-py20-sp {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.u-py24-sp {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.u-py28-sp {
padding-top: 28px !important;
padding-bottom: 28px !important;
}
.u-py32-sp {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.u-py36-sp {
padding-top: 36px !important;
padding-bottom: 36px !important;
}
.u-py40-sp {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.u-py44-sp {
padding-top: 44px !important;
padding-bottom: 44px !important;
}
.u-py48-sp {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.u-py52-sp {
padding-top: 52px !important;
padding-bottom: 52px !important;
}
.u-py56-sp {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.u-py60-sp {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.u-py64-sp {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.u-py68-sp {
padding-top: 68px !important;
padding-bottom: 68px !important;
}
.u-py72-sp {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.u-py76-sp {
padding-top: 76px !important;
padding-bottom: 76px !important;
}
.u-py80-sp {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.u-py84-sp {
padding-top: 84px !important;
padding-bottom: 84px !important;
}
.u-py88-sp {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.u-py92-sp {
padding-top: 92px !important;
padding-bottom: 92px !important;
}
.u-py96-sp {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.u-py100-sp {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.u-py104-sp {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.u-py108-sp {
padding-top: 108px !important;
padding-bottom: 108px !important;
}
.u-py112-sp {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.u-py116-sp {
padding-top: 116px !important;
padding-bottom: 116px !important;
}
.u-py120-sp {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.u-py124-sp {
padding-top: 124px !important;
padding-bottom: 124px !important;
}
.u-py128-sp {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.u-py132-sp {
padding-top: 132px !important;
padding-bottom: 132px !important;
}
.u-py136-sp {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.u-py140-sp {
padding-top: 140px !important;
padding-bottom: 140px !important;
}
.u-py144-sp {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.u-py148-sp {
padding-top: 148px !important;
padding-bottom: 148px !important;
}
.u-py152-sp {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.u-py156-sp {
padding-top: 156px !important;
padding-bottom: 156px !important;
}
.u-py160-sp {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.u-py164-sp {
padding-top: 164px !important;
padding-bottom: 164px !important;
}
.u-py168-sp {
padding-top: 168px !important;
padding-bottom: 168px !important;
}
.u-py172-sp {
padding-top: 172px !important;
padding-bottom: 172px !important;
}
.u-py176-sp {
padding-top: 176px !important;
padding-bottom: 176px !important;
}
.u-py180-sp {
padding-top: 180px !important;
padding-bottom: 180px !important;
}
.u-py184-sp {
padding-top: 184px !important;
padding-bottom: 184px !important;
}
.u-py188-sp {
padding-top: 188px !important;
padding-bottom: 188px !important;
}
.u-py192-sp {
padding-top: 192px !important;
padding-bottom: 192px !important;
}
.u-py196-sp {
padding-top: 196px !important;
padding-bottom: 196px !important;
}
.u-py200-sp {
padding-top: 200px !important;
padding-bottom: 200px !important;
}
}
.u-px0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.u-px4 {
padding-right: 4px !important;
padding-left: 4px !important;
}
.u-px8 {
padding-right: 8px !important;
padding-left: 8px !important;
}
.u-px12 {
padding-right: 12px !important;
padding-left: 12px !important;
}
.u-px16 {
padding-right: 16px !important;
padding-left: 16px !important;
}
.u-px20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.u-px24 {
padding-right: 24px !important;
padding-left: 24px !important;
}
.u-px28 {
padding-right: 28px !important;
padding-left: 28px !important;
}
.u-px32 {
padding-right: 32px !important;
padding-left: 32px !important;
}
.u-px36 {
padding-right: 36px !important;
padding-left: 36px !important;
}
.u-px40 {
padding-right: 40px !important;
padding-left: 40px !important;
}
.u-px44 {
padding-right: 44px !important;
padding-left: 44px !important;
}
.u-px48 {
padding-right: 48px !important;
padding-left: 48px !important;
}
.u-px52 {
padding-right: 52px !important;
padding-left: 52px !important;
}
.u-px56 {
padding-right: 56px !important;
padding-left: 56px !important;
}
.u-px60 {
padding-right: 60px !important;
padding-left: 60px !important;
}
.u-px64 {
padding-right: 64px !important;
padding-left: 64px !important;
}
.u-px68 {
padding-right: 68px !important;
padding-left: 68px !important;
}
.u-px72 {
padding-right: 72px !important;
padding-left: 72px !important;
}
.u-px76 {
padding-right: 76px !important;
padding-left: 76px !important;
}
.u-px80 {
padding-right: 80px !important;
padding-left: 80px !important;
}
.u-px84 {
padding-right: 84px !important;
padding-left: 84px !important;
}
.u-px88 {
padding-right: 88px !important;
padding-left: 88px !important;
}
.u-px92 {
padding-right: 92px !important;
padding-left: 92px !important;
}
.u-px96 {
padding-right: 96px !important;
padding-left: 96px !important;
}
.u-px100 {
padding-right: 100px !important;
padding-left: 100px !important;
}
.u-px104 {
padding-right: 104px !important;
padding-left: 104px !important;
}
.u-px108 {
padding-right: 108px !important;
padding-left: 108px !important;
}
.u-px112 {
padding-right: 112px !important;
padding-left: 112px !important;
}
.u-px116 {
padding-right: 116px !important;
padding-left: 116px !important;
}
.u-px120 {
padding-right: 120px !important;
padding-left: 120px !important;
}
.u-px124 {
padding-right: 124px !important;
padding-left: 124px !important;
}
.u-px128 {
padding-right: 128px !important;
padding-left: 128px !important;
}
.u-px132 {
padding-right: 132px !important;
padding-left: 132px !important;
}
.u-px136 {
padding-right: 136px !important;
padding-left: 136px !important;
}
.u-px140 {
padding-right: 140px !important;
padding-left: 140px !important;
}
.u-px144 {
padding-right: 144px !important;
padding-left: 144px !important;
}
.u-px148 {
padding-right: 148px !important;
padding-left: 148px !important;
}
.u-px152 {
padding-right: 152px !important;
padding-left: 152px !important;
}
.u-px156 {
padding-right: 156px !important;
padding-left: 156px !important;
}
.u-px160 {
padding-right: 160px !important;
padding-left: 160px !important;
}
.u-px164 {
padding-right: 164px !important;
padding-left: 164px !important;
}
.u-px168 {
padding-right: 168px !important;
padding-left: 168px !important;
}
.u-px172 {
padding-right: 172px !important;
padding-left: 172px !important;
}
.u-px176 {
padding-right: 176px !important;
padding-left: 176px !important;
}
.u-px180 {
padding-right: 180px !important;
padding-left: 180px !important;
}
.u-px184 {
padding-right: 184px !important;
padding-left: 184px !important;
}
.u-px188 {
padding-right: 188px !important;
padding-left: 188px !important;
}
.u-px192 {
padding-right: 192px !important;
padding-left: 192px !important;
}
.u-px196 {
padding-right: 196px !important;
padding-left: 196px !important;
}
.u-px200 {
padding-right: 200px !important;
padding-left: 200px !important;
}
@media screen and (max-width: 979.8px) {
.u-px0-tab {
padding-right: 0px !important;
padding-left: 0px !important;
}
.u-px4-tab {
padding-right: 4px !important;
padding-left: 4px !important;
}
.u-px8-tab {
padding-right: 8px !important;
padding-left: 8px !important;
}
.u-px12-tab {
padding-right: 12px !important;
padding-left: 12px !important;
}
.u-px16-tab {
padding-right: 16px !important;
padding-left: 16px !important;
}
.u-px20-tab {
padding-right: 20px !important;
padding-left: 20px !important;
}
.u-px24-tab {
padding-right: 24px !important;
padding-left: 24px !important;
}
.u-px28-tab {
padding-right: 28px !important;
padding-left: 28px !important;
}
.u-px32-tab {
padding-right: 32px !important;
padding-left: 32px !important;
}
.u-px36-tab {
padding-right: 36px !important;
padding-left: 36px !important;
}
.u-px40-tab {
padding-right: 40px !important;
padding-left: 40px !important;
}
.u-px44-tab {
padding-right: 44px !important;
padding-left: 44px !important;
}
.u-px48-tab {
padding-right: 48px !important;
padding-left: 48px !important;
}
.u-px52-tab {
padding-right: 52px !important;
padding-left: 52px !important;
}
.u-px56-tab {
padding-right: 56px !important;
padding-left: 56px !important;
}
.u-px60-tab {
padding-right: 60px !important;
padding-left: 60px !important;
}
.u-px64-tab {
padding-right: 64px !important;
padding-left: 64px !important;
}
.u-px68-tab {
padding-right: 68px !important;
padding-left: 68px !important;
}
.u-px72-tab {
padding-right: 72px !important;
padding-left: 72px !important;
}
.u-px76-tab {
padding-right: 76px !important;
padding-left: 76px !important;
}
.u-px80-tab {
padding-right: 80px !important;
padding-left: 80px !important;
}
.u-px84-tab {
padding-right: 84px !important;
padding-left: 84px !important;
}
.u-px88-tab {
padding-right: 88px !important;
padding-left: 88px !important;
}
.u-px92-tab {
padding-right: 92px !important;
padding-left: 92px !important;
}
.u-px96-tab {
padding-right: 96px !important;
padding-left: 96px !important;
}
.u-px100-tab {
padding-right: 100px !important;
padding-left: 100px !important;
}
.u-px104-tab {
padding-right: 104px !important;
padding-left: 104px !important;
}
.u-px108-tab {
padding-right: 108px !important;
padding-left: 108px !important;
}
.u-px112-tab {
padding-right: 112px !important;
padding-left: 112px !important;
}
.u-px116-tab {
padding-right: 116px !important;
padding-left: 116px !important;
}
.u-px120-tab {
padding-right: 120px !important;
padding-left: 120px !important;
}
.u-px124-tab {
padding-right: 124px !important;
padding-left: 124px !important;
}
.u-px128-tab {
padding-right: 128px !important;
padding-left: 128px !important;
}
.u-px132-tab {
padding-right: 132px !important;
padding-left: 132px !important;
}
.u-px136-tab {
padding-right: 136px !important;
padding-left: 136px !important;
}
.u-px140-tab {
padding-right: 140px !important;
padding-left: 140px !important;
}
.u-px144-tab {
padding-right: 144px !important;
padding-left: 144px !important;
}
.u-px148-tab {
padding-right: 148px !important;
padding-left: 148px !important;
}
.u-px152-tab {
padding-right: 152px !important;
padding-left: 152px !important;
}
.u-px156-tab {
padding-right: 156px !important;
padding-left: 156px !important;
}
.u-px160-tab {
padding-right: 160px !important;
padding-left: 160px !important;
}
.u-px164-tab {
padding-right: 164px !important;
padding-left: 164px !important;
}
.u-px168-tab {
padding-right: 168px !important;
padding-left: 168px !important;
}
.u-px172-tab {
padding-right: 172px !important;
padding-left: 172px !important;
}
.u-px176-tab {
padding-right: 176px !important;
padding-left: 176px !important;
}
.u-px180-tab {
padding-right: 180px !important;
padding-left: 180px !important;
}
.u-px184-tab {
padding-right: 184px !important;
padding-left: 184px !important;
}
.u-px188-tab {
padding-right: 188px !important;
padding-left: 188px !important;
}
.u-px192-tab {
padding-right: 192px !important;
padding-left: 192px !important;
}
.u-px196-tab {
padding-right: 196px !important;
padding-left: 196px !important;
}
.u-px200-tab {
padding-right: 200px !important;
padding-left: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-px0-sp {
padding-right: 0px !important;
padding-left: 0px !important;
}
.u-px4-sp {
padding-right: 4px !important;
padding-left: 4px !important;
}
.u-px8-sp {
padding-right: 8px !important;
padding-left: 8px !important;
}
.u-px12-sp {
padding-right: 12px !important;
padding-left: 12px !important;
}
.u-px16-sp {
padding-right: 16px !important;
padding-left: 16px !important;
}
.u-px20-sp {
padding-right: 20px !important;
padding-left: 20px !important;
}
.u-px24-sp {
padding-right: 24px !important;
padding-left: 24px !important;
}
.u-px28-sp {
padding-right: 28px !important;
padding-left: 28px !important;
}
.u-px32-sp {
padding-right: 32px !important;
padding-left: 32px !important;
}
.u-px36-sp {
padding-right: 36px !important;
padding-left: 36px !important;
}
.u-px40-sp {
padding-right: 40px !important;
padding-left: 40px !important;
}
.u-px44-sp {
padding-right: 44px !important;
padding-left: 44px !important;
}
.u-px48-sp {
padding-right: 48px !important;
padding-left: 48px !important;
}
.u-px52-sp {
padding-right: 52px !important;
padding-left: 52px !important;
}
.u-px56-sp {
padding-right: 56px !important;
padding-left: 56px !important;
}
.u-px60-sp {
padding-right: 60px !important;
padding-left: 60px !important;
}
.u-px64-sp {
padding-right: 64px !important;
padding-left: 64px !important;
}
.u-px68-sp {
padding-right: 68px !important;
padding-left: 68px !important;
}
.u-px72-sp {
padding-right: 72px !important;
padding-left: 72px !important;
}
.u-px76-sp {
padding-right: 76px !important;
padding-left: 76px !important;
}
.u-px80-sp {
padding-right: 80px !important;
padding-left: 80px !important;
}
.u-px84-sp {
padding-right: 84px !important;
padding-left: 84px !important;
}
.u-px88-sp {
padding-right: 88px !important;
padding-left: 88px !important;
}
.u-px92-sp {
padding-right: 92px !important;
padding-left: 92px !important;
}
.u-px96-sp {
padding-right: 96px !important;
padding-left: 96px !important;
}
.u-px100-sp {
padding-right: 100px !important;
padding-left: 100px !important;
}
.u-px104-sp {
padding-right: 104px !important;
padding-left: 104px !important;
}
.u-px108-sp {
padding-right: 108px !important;
padding-left: 108px !important;
}
.u-px112-sp {
padding-right: 112px !important;
padding-left: 112px !important;
}
.u-px116-sp {
padding-right: 116px !important;
padding-left: 116px !important;
}
.u-px120-sp {
padding-right: 120px !important;
padding-left: 120px !important;
}
.u-px124-sp {
padding-right: 124px !important;
padding-left: 124px !important;
}
.u-px128-sp {
padding-right: 128px !important;
padding-left: 128px !important;
}
.u-px132-sp {
padding-right: 132px !important;
padding-left: 132px !important;
}
.u-px136-sp {
padding-right: 136px !important;
padding-left: 136px !important;
}
.u-px140-sp {
padding-right: 140px !important;
padding-left: 140px !important;
}
.u-px144-sp {
padding-right: 144px !important;
padding-left: 144px !important;
}
.u-px148-sp {
padding-right: 148px !important;
padding-left: 148px !important;
}
.u-px152-sp {
padding-right: 152px !important;
padding-left: 152px !important;
}
.u-px156-sp {
padding-right: 156px !important;
padding-left: 156px !important;
}
.u-px160-sp {
padding-right: 160px !important;
padding-left: 160px !important;
}
.u-px164-sp {
padding-right: 164px !important;
padding-left: 164px !important;
}
.u-px168-sp {
padding-right: 168px !important;
padding-left: 168px !important;
}
.u-px172-sp {
padding-right: 172px !important;
padding-left: 172px !important;
}
.u-px176-sp {
padding-right: 176px !important;
padding-left: 176px !important;
}
.u-px180-sp {
padding-right: 180px !important;
padding-left: 180px !important;
}
.u-px184-sp {
padding-right: 184px !important;
padding-left: 184px !important;
}
.u-px188-sp {
padding-right: 188px !important;
padding-left: 188px !important;
}
.u-px192-sp {
padding-right: 192px !important;
padding-left: 192px !important;
}
.u-px196-sp {
padding-right: 196px !important;
padding-left: 196px !important;
}
.u-px200-sp {
padding-right: 200px !important;
padding-left: 200px !important;
}
}
.u-p0 {
padding: 0px !important;
}
.u-p4 {
padding: 4px !important;
}
.u-p8 {
padding: 8px !important;
}
.u-p12 {
padding: 12px !important;
}
.u-p16 {
padding: 16px !important;
}
.u-p20 {
padding: 20px !important;
}
.u-p24 {
padding: 24px !important;
}
.u-p28 {
padding: 28px !important;
}
.u-p32 {
padding: 32px !important;
}
.u-p36 {
padding: 36px !important;
}
.u-p40 {
padding: 40px !important;
}
.u-p44 {
padding: 44px !important;
}
.u-p48 {
padding: 48px !important;
}
.u-p52 {
padding: 52px !important;
}
.u-p56 {
padding: 56px !important;
}
.u-p60 {
padding: 60px !important;
}
.u-p64 {
padding: 64px !important;
}
.u-p68 {
padding: 68px !important;
}
.u-p72 {
padding: 72px !important;
}
.u-p76 {
padding: 76px !important;
}
.u-p80 {
padding: 80px !important;
}
.u-p84 {
padding: 84px !important;
}
.u-p88 {
padding: 88px !important;
}
.u-p92 {
padding: 92px !important;
}
.u-p96 {
padding: 96px !important;
}
.u-p100 {
padding: 100px !important;
}
.u-p104 {
padding: 104px !important;
}
.u-p108 {
padding: 108px !important;
}
.u-p112 {
padding: 112px !important;
}
.u-p116 {
padding: 116px !important;
}
.u-p120 {
padding: 120px !important;
}
.u-p124 {
padding: 124px !important;
}
.u-p128 {
padding: 128px !important;
}
.u-p132 {
padding: 132px !important;
}
.u-p136 {
padding: 136px !important;
}
.u-p140 {
padding: 140px !important;
}
.u-p144 {
padding: 144px !important;
}
.u-p148 {
padding: 148px !important;
}
.u-p152 {
padding: 152px !important;
}
.u-p156 {
padding: 156px !important;
}
.u-p160 {
padding: 160px !important;
}
.u-p164 {
padding: 164px !important;
}
.u-p168 {
padding: 168px !important;
}
.u-p172 {
padding: 172px !important;
}
.u-p176 {
padding: 176px !important;
}
.u-p180 {
padding: 180px !important;
}
.u-p184 {
padding: 184px !important;
}
.u-p188 {
padding: 188px !important;
}
.u-p192 {
padding: 192px !important;
}
.u-p196 {
padding: 196px !important;
}
.u-p200 {
padding: 200px !important;
}
@media screen and (max-width: 979.8px) {
.u-p0-tab {
padding: 0px !important;
}
.u-p4-tab {
padding: 4px !important;
}
.u-p8-tab {
padding: 8px !important;
}
.u-p12-tab {
padding: 12px !important;
}
.u-p16-tab {
padding: 16px !important;
}
.u-p20-tab {
padding: 20px !important;
}
.u-p24-tab {
padding: 24px !important;
}
.u-p28-tab {
padding: 28px !important;
}
.u-p32-tab {
padding: 32px !important;
}
.u-p36-tab {
padding: 36px !important;
}
.u-p40-tab {
padding: 40px !important;
}
.u-p44-tab {
padding: 44px !important;
}
.u-p48-tab {
padding: 48px !important;
}
.u-p52-tab {
padding: 52px !important;
}
.u-p56-tab {
padding: 56px !important;
}
.u-p60-tab {
padding: 60px !important;
}
.u-p64-tab {
padding: 64px !important;
}
.u-p68-tab {
padding: 68px !important;
}
.u-p72-tab {
padding: 72px !important;
}
.u-p76-tab {
padding: 76px !important;
}
.u-p80-tab {
padding: 80px !important;
}
.u-p84-tab {
padding: 84px !important;
}
.u-p88-tab {
padding: 88px !important;
}
.u-p92-tab {
padding: 92px !important;
}
.u-p96-tab {
padding: 96px !important;
}
.u-p100-tab {
padding: 100px !important;
}
.u-p104-tab {
padding: 104px !important;
}
.u-p108-tab {
padding: 108px !important;
}
.u-p112-tab {
padding: 112px !important;
}
.u-p116-tab {
padding: 116px !important;
}
.u-p120-tab {
padding: 120px !important;
}
.u-p124-tab {
padding: 124px !important;
}
.u-p128-tab {
padding: 128px !important;
}
.u-p132-tab {
padding: 132px !important;
}
.u-p136-tab {
padding: 136px !important;
}
.u-p140-tab {
padding: 140px !important;
}
.u-p144-tab {
padding: 144px !important;
}
.u-p148-tab {
padding: 148px !important;
}
.u-p152-tab {
padding: 152px !important;
}
.u-p156-tab {
padding: 156px !important;
}
.u-p160-tab {
padding: 160px !important;
}
.u-p164-tab {
padding: 164px !important;
}
.u-p168-tab {
padding: 168px !important;
}
.u-p172-tab {
padding: 172px !important;
}
.u-p176-tab {
padding: 176px !important;
}
.u-p180-tab {
padding: 180px !important;
}
.u-p184-tab {
padding: 184px !important;
}
.u-p188-tab {
padding: 188px !important;
}
.u-p192-tab {
padding: 192px !important;
}
.u-p196-tab {
padding: 196px !important;
}
.u-p200-tab {
padding: 200px !important;
}
}
@media screen and (max-width: 689.8px) {
.u-p0-sp {
padding: 0px !important;
}
.u-p4-sp {
padding: 4px !important;
}
.u-p8-sp {
padding: 8px !important;
}
.u-p12-sp {
padding: 12px !important;
}
.u-p16-sp {
padding: 16px !important;
}
.u-p20-sp {
padding: 20px !important;
}
.u-p24-sp {
padding: 24px !important;
}
.u-p28-sp {
padding: 28px !important;
}
.u-p32-sp {
padding: 32px !important;
}
.u-p36-sp {
padding: 36px !important;
}
.u-p40-sp {
padding: 40px !important;
}
.u-p44-sp {
padding: 44px !important;
}
.u-p48-sp {
padding: 48px !important;
}
.u-p52-sp {
padding: 52px !important;
}
.u-p56-sp {
padding: 56px !important;
}
.u-p60-sp {
padding: 60px !important;
}
.u-p64-sp {
padding: 64px !important;
}
.u-p68-sp {
padding: 68px !important;
}
.u-p72-sp {
padding: 72px !important;
}
.u-p76-sp {
padding: 76px !important;
}
.u-p80-sp {
padding: 80px !important;
}
.u-p84-sp {
padding: 84px !important;
}
.u-p88-sp {
padding: 88px !important;
}
.u-p92-sp {
padding: 92px !important;
}
.u-p96-sp {
padding: 96px !important;
}
.u-p100-sp {
padding: 100px !important;
}
.u-p104-sp {
padding: 104px !important;
}
.u-p108-sp {
padding: 108px !important;
}
.u-p112-sp {
padding: 112px !important;
}
.u-p116-sp {
padding: 116px !important;
}
.u-p120-sp {
padding: 120px !important;
}
.u-p124-sp {
padding: 124px !important;
}
.u-p128-sp {
padding: 128px !important;
}
.u-p132-sp {
padding: 132px !important;
}
.u-p136-sp {
padding: 136px !important;
}
.u-p140-sp {
padding: 140px !important;
}
.u-p144-sp {
padding: 144px !important;
}
.u-p148-sp {
padding: 148px !important;
}
.u-p152-sp {
padding: 152px !important;
}
.u-p156-sp {
padding: 156px !important;
}
.u-p160-sp {
padding: 160px !important;
}
.u-p164-sp {
padding: 164px !important;
}
.u-p168-sp {
padding: 168px !important;
}
.u-p172-sp {
padding: 172px !important;
}
.u-p176-sp {
padding: 176px !important;
}
.u-p180-sp {
padding: 180px !important;
}
.u-p184-sp {
padding: 184px !important;
}
.u-p188-sp {
padding: 188px !important;
}
.u-p192-sp {
padding: 192px !important;
}
.u-p196-sp {
padding: 196px !important;
}
.u-p200-sp {
padding: 200px !important;
}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ユーティリティ（汎用クラス）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-w180 {
max-width: 180px;
width: 100%;
}
@media screen and (max-width: 689.8px) {
.u-w180 {
max-width: none;
}
}
.u-w260 {
max-width: 260px;
width: 100%;
}
@media screen and (max-width: 689.8px) {
.u-w260 {
max-width: none;
}
}
.u-w300 {
max-width: 300px;
width: 100%;
}
@media screen and (max-width: 689.8px) {
.u-w300 {
max-width: none;
}
}
.u-w360 {
max-width: 360px;
width: 100%;
}
@media screen and (max-width: 689.8px) {
.u-w360 {
max-width: none;
}
}
.img100 img {
max-width: 100%;
width: auto;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
COMPONENTS & ELEMENTS (共通パーツ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.text-link a,
a.text-link {
text-decoration: underline;
color: #5FBDD4;
}
.text-link a:hover,
a.text-link:hover {
opacity: 0.6;
}
.c-button a {
background-color: #FF6E00;
border: solid 1px #FF6E00;
border-radius: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
font-size: 20px;
font-weight: 900;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
width: 100%;
height: 100%;
padding: 10px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.c-button a:hover {
opacity: 0.7;
text-decoration: none;
}
.c-button a .c-button__icon {
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-button a .c-button__icon img {
width: 100%;
height: auto;
display: block;
}
.c-button.-dl a {
background-color: #FF6E00;
background: -webkit-gradient(linear, left top, left bottom, from(#FF9800), to(#FF6600));
background: linear-gradient(to bottom, #FF9800 0%, #FF6600 100%);
}
.c-button.-trial a {
border: solid 1px #7BAD0C;
background: -webkit-gradient(linear, left top, left bottom, from(#8CBD1C), to(#77A90C));
background: linear-gradient(to bottom, #8CBD1C 0%, #77A90C 100%);
}
.c-button.-more-wht, .c-button.-more-main {
width: 180px;
}
.c-button.-more-wht a, .c-button.-more-main a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 40px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50px;
border-width: 1px;
border-style: solid;
font-weight: 400;
font-size: 12px;
}
.c-button.-more-wht a {
border-color: #ffffff;
background: #ffffff;
color: #1B79C0;
}
.c-button.-more-main a {
border-color: #1B79C0;
background: #1B79C0;
color: #ffffff;
}
.lp-button-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lp-button-caption {
color: #ffffff;
text-align: center;
font-size: clamp(14px, 14px + 2 * (100vw - 375px) / (1200 - 375), 16px);
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 8px;
padding: 0 20px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.lp-button-caption::before, .lp-button-caption::after {
content: "";
position: absolute;
height: 35px;
width: 2px;
background-color: #ffffff;
bottom: -5px;
}
.lp-button-caption::before {
left: 0;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
}
.lp-button-caption::after {
right: 0;
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
@media screen and (max-width: 689.8px) {
.lp-button-caption {
gap: 5px;
font-size: clamp(12px, 12px + 2 * (100vw - 375px) / (1200 - 375), 14px);
}
}
.ojf-cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ojf-contain img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SECTION STYLES (ここから作業エリア)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ------------------------------------------
box Ai用 inner設定
------------------------------------------ */
.ai-inner {
max-width: 1120px;
width: 94%;
margin-left: auto;
margin-right: auto;
}
/* ------------------------------------------
見出し設定
------------------------------------------ */
.ai-title__main {
text-align: center;
padding-bottom: 20px;
position: relative;
margin-bottom: 24px;
}
.ai-title__main::before {
content: "";
position: absolute;
background-color: #ccc;
border-radius: 2px;
height: 2px;
width: 3rem;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ai-title__underline {
padding-bottom: 16px;
border-bottom: solid 1px #CCCCCC;
}
/* ------------------------------------------
footer
------------------------------------------ */
#footer_wrapper {
width: 100%;
}
.y-ufooter {
margin-bottom: 90px;
margin-top: 0;
padding: 20px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 979.8px) {
.y-ufooter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
}
#copyright {
color: #666;
line-height: 1.3;
}
/* ------------------------------------------
MV（メインビジュアル）
------------------------------------------ */
.ai-fv {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 120px 0;
}
@media screen and (max-width: 979.8px) {
.ai-fv {
padding: 80px 0;
}
}
.ai-fv__inner {
max-width: 1120px;
width: 94%;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 32px;
}
@media screen and (max-width: 979.8px) {
.ai-fv__inner {
gap: 24px;
}
}
.ai-fv__body {
width: 55%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
@media screen and (max-width: 979.8px) {
.ai-fv__body {
width: 63%;
}
}
@media screen and (max-width: 689.8px) {
.ai-fv__body {
width: 100%;
}
}
.ai-fv__main-image {
width: 40%;
margin-right: -5%;
}
@media screen and (max-width: 979.8px) {
.ai-fv__main-image {
width: 35%;
}
}
@media screen and (max-width: 689.8px) {
.ai-fv__main-image {
width: 100%;
}
}
.ai-fv__main-image img {
max-width: 100%;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.ai-fv__logo {
display: inline-block;
width: 50%;
background-color: #ffffff;
padding: 20px;
}
.ai-fv__title {
font-size: clamp(28px, 28px + 22 * (100vw - 375px) / (1200 - 375), 50px);
font-weight: 700;
line-height: 1.3;
}
.ai-fv__info {
font-size: 16px;
font-weight: 400;
line-height: 1.9;
}
.ai-fv__catch {
font-size: clamp(18px, 18px + 8 * (100vw - 375px) / (1200 - 375), 26px);
font-weight: 700;
line-height: 1.6;
}
.ai-fv__action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.ai-fv__action .c-button {
max-width: 240px;
width: calc(50% - 16px);
}
@media screen and (max-width: 689.8px) {
.ai-fv__action .c-button {
max-width: none;
width: 100%;
}
}
@media screen and (max-width: 689.8px) {
.ai-fv__action .c-button a {
font-size: 18px;
}
}
.ai-fv__action .c-button a .c-button__icon {
width: 18px;
height: 18px;
}
/* ------------------------------------------
Box AIとは
------------------------------------------ */
.ai-feature__content {
background: -webkit-gradient(linear, left top, left bottom, from(#4087EE), to(#1B79C0));
background: linear-gradient(to bottom, #4087EE 0%, #1B79C0 100%);
padding: 100px 0;
}
@media screen and (max-width: 979.8px) {
.ai-feature__content {
padding: 100px 0 0;
}
}
@media screen and (max-width: 689.8px) {
.ai-feature__content {
padding: 80px 0 0;
}
}
/*画像はみ出し設定*/
.ai-flex-row {
width: 100%;
}
.ai-flex-row__inner {
max-width: 1120px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
padding: 0 0 0 20px;
}
.ai-flex-row.over-left .ai-flex-row__inner {
padding: 0 20px 0 0;
}
@media screen and (max-width: 979.8px) {
.ai-flex-row__inner {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
gap: 0;
padding: 0 20px !important;
}
}
.ai-flex-row__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 0 41%;
flex: 1 0 41%;
max-width: 780px;
z-index: 2;
}
@media screen and (max-width: 979.8px) {
.ai-flex-row__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
margin-bottom: 40px;
}
}
@media screen and (max-width: 979.8px) {
.ai-flex-row__text h3 {
text-align: center;
}
}
.ai-flex-row__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 36%;
flex: 0 0 36%;
z-index: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1159.8px) {
.ai-flex-row__image {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
.ai-flex-row__image img {
width: min(690px, 100% + (100vw - 1120px) / 2);
height: auto;
max-width: none;
display: block;
-webkit-filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.2));
}
.over-right .ai-flex-row__image img {
margin-right: calc((100vw - 1120px) / -2.1);
margin-left: auto;
}
@media screen and (max-width: 1159.8px) {
.over-right .ai-flex-row__image img {
margin-right: calc((100vw - 100%) / -31 + 20px);
}
}
.over-left .ai-flex-row__image img {
margin-left: calc((100vw - 1120px) / -2.1);
margin-right: auto;
}
@media screen and (max-width: 1159.8px) {
.over-left .ai-flex-row__image img {
margin-left: calc((100vw - 100%) / -31 + 20px);
}
}
@media screen and (max-width: 979.8px) {
.ai-flex-row {
margin-bottom: 80px;
}
.ai-flex-row:last-child {
margin-bottom: 0;
}
.ai-flex-row__image img {
width: 100% !important;
max-width: 500px;
margin: 0 auto !important;
margin-right: auto !important;
margin-left: auto !important;
}
}
/* ------------------------------------------
Box AIでできること
------------------------------------------ */
.c-txt-box {
background-color: #ffffff;
color: #333;
padding: 40px;
}
@media screen and (max-width: 689.8px) {
.c-txt-box {
padding: 20px;
}
}
/* ------------------------------------------
Box AIの機能紹介
------------------------------------------ */
.c-card-function {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background: #1B79C0;
-webkit-box-shadow: -5px -5px 10px 0 rgba(255, 255, 255, 0.1), 20px 20px 50px 0 #005798;
box-shadow: -5px -5px 10px 0 rgba(255, 255, 255, 0.1), 20px 20px 50px 0 #005798;
}
.c-card-function__icon {
height: 70px;
width: 70px;
padding: 14px;
background-color: #ffffff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-card-function__icon img {
max-width: 100%;
width: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.c-card-function__title {
font-size: 16px;
font-weight: 700;
}
/* ------------------------------------------
ライセンス別のBox AI機能
------------------------------------------ */
.ai-license-table {
width: 100%;
table-layout: auto;
border-collapse: collapse;
border: 2px dotted #CCCCCC;
}
.ai-license-table th,
.ai-license-table td {
padding: 12px;
vertical-align: middle;
background-color: #ffffff;
border: 2px dotted #CCCCCC;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ai-license-table thead th {
color: #ffffff;
white-space: nowrap;
font-size: 14px;
min-width: 130px;
}
.ai-license-table thead th:first-child {
width: 230px;
background-color: #ffffff;
color: #333;
}
.ai-license-table thead th:nth-child(2) {
background-color: #6694B7;
}
.ai-license-table thead th:nth-child(3) {
background-color: #438CC3;
}
.ai-license-table thead th:nth-child(n+4) {
background-color: #3D7FB1;
}
.ai-license-table tbody th {
background-color: #ffffff;
color: #1B79C0;
text-align: center;
white-space: nowrap;
font-family: 15px;
}
.ai-license-table tbody td {
background-color: #ffffff;
color: #333;
}
.ai-license-table.u-text-nowrap th,
.ai-license-table.u-text-nowrap td {
white-space: nowrap;
}
.text-circle {
position: relative;
display: inline-block;
width: 39px;
height: 39px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.text-circle::before {
position: absolute;
content: "";
width: 38px;
height: 38px;
border: solid 7px #0CAD3A;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*scroll*/
@media screen and (min-width: 1200px) {
.c-table-scroll-pc {
overflow-x: auto;
}
}
@media screen and (min-width: 1200px) {
.c-table-scroll-pc table {
min-width: 1200px;
}
}
@media screen and (max-width: 979.8px) {
.c-table-scroll-tb {
overflow-x: auto;
}
}
@media screen and (max-width: 979.8px) {
.c-table-scroll-tb table {
min-width: 600px;
}
}
@media screen and (max-width: 689.8px) {
.c-table-scroll-sp {
overflow-x: auto;
}
}
@media screen and (max-width: 689.8px) {
.c-table-scroll-sp table {
min-width: 600px;
}
}
/* ------------------------------------------
Box AIで実現する「働き方改革」！
------------------------------------------ */
.c-card-panel {
background: #ffffff;
-webkit-box-shadow: 20px 20px 50px 0 #DDD;
box-shadow: 20px 20px 50px 0 #DDD;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
padding: 16px;
}
.c-card-panel.--lg {
padding: 40px 16px;
}
.c-card-panel__icon {
height: 70px;
width: 70px;
padding: 14px;
background-color: #1B79C0;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-card-panel__icon img {
max-width: 100%;
width: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.c-card-panel__img {
width: 100%;
height: 160px;
}
.c-card-panel__img img {
max-width: 100%;
width: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}
.c-card-panel__title {
font-size: 16px;
font-weight: 700;
color: #1B79C0;
}
.c-card-panel__text {
color: #666;
}
/* ------------------------------------------
エンタープライズのためのBox
------------------------------------------ */
.c-enterprise-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
background: #1B79C0;
-webkit-box-shadow: -5px -5px 10px 0 rgba(255, 255, 255, 0.1), 20px 20px 50px 0 #005798;
box-shadow: -5px -5px 10px 0 rgba(255, 255, 255, 0.1), 20px 20px 50px 0 #005798;
}
@media screen and (max-width: 689.8px) {
.c-enterprise-box {
padding: 40px 20px;
}
}
.c-card-enterprise {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.c-card-enterprise__icon {
height: 80px;
width: 80px;
padding: 20px 16px;
background-color: #ffffff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-card-enterprise__icon img {
max-width: 100%;
width: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.c-card-enterprise__title {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
text-align: center;
}
/* ------------------------------------------
Box社とは
------------------------------------------ */
.ai-overview {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 80px;
padding-top: 80px;
}
.ai-overview__mission {
text-align: center;
line-height: 2;
}
@media screen and (max-width: 979.8px) {
.ai-overview__mission {
text-align: left;
}
}
/* ------------------------------------------
アーチ領域
------------------------------------------ */
.c-arch__wht {
position: relative;
z-index: 1;
background-color: #ffffff;
/* スラッシュの後ろ（縦の半径）を大きくすると、カーブが急になります */
border-radius: 2000px 2000px 0 0/350px 350px 0 0;
margin: 0 -200px;
padding: 210px 210px 0;
}
@media screen and (max-width: 979.8px) {
.c-arch__wht {
border-radius: 800px 800px 0 0/120px 120px 0 0;
margin: 0 -100px;
padding: 80px 100px 0;
}
}
@media screen and (max-width: 689.8px) {
.c-arch__wht {
border-radius: 400px 400px 0 0/100px 100px 0 0;
margin: 0 -80px;
padding: 80px 80px 0;
}
}
.c-arch__main {
position: relative;
z-index: 1;
background-color: #1B79C0;
border-radius: 2000px 2000px 0 0/350px 350px 0 0;
margin: 0 -200px;
padding: 210px 200px 0;
}
@media screen and (max-width: 979.8px) {
.c-arch__main {
border-radius: 800px 800px 0 0/120px 120px 0 0;
margin: 0 -100px;
padding: 80px 100px 0;
}
}
@media screen and (max-width: 689.8px) {
.c-arch__main {
border-radius: 400px 400px 0 0/100px 100px 0 0;
margin: 0 -80px;
padding: 80px 80px 0;
}
}
.ai-container__heaading {
padding-top: 150px;
}
@media screen and (max-width: 979.8px) {
.ai-container__heaading {
padding-top: 100px;
}
}
.c-arch-content {
padding-bottom: 150px;
}
@media screen and (max-width: 979.8px) {
.c-arch-content {
padding-bottom: 100px;
}
}
/* ------------------------------------------
CTCがすすめるクラウドシステムについて
------------------------------------------ */
.c-card-lineup {
background: #ffffff;
-webkit-box-shadow: 20px 20px 50px 0 #DDD;
box-shadow: 20px 20px 50px 0 #DDD;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
padding: 30px;
}
.c-card-lineup__logo {
width: 100%;
height: 50px;
}
.c-card-lineup__logo img {
max-width: 100%;
width: auto;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin-left: auto;
margin-right: auto;
}
.c-card-lineup__title {
font-size: 16px;
font-weight: 700;
color: #333;
text-align: center;
}
.c-card-lineup .c-button {
width: 100%;
}
.c-card-lineup .c-button a {
padding: 10px 20px;
}
/* ------------------------------------------
管理画面用
------------------------------------------ */
#tinymce.mce-content-body .ai-title__main,
#tinymce.mce-content-body p {
color: #333 !important;
}
/* =============================================================================
* END OF FILE
* ============================================================================= *//*# sourceMappingURL=custom-ai.css.map */