body{ -webkit-font-smoothing: subpixel-antialiased; } p{ font-size:14px; line-height: 1.5; word-wrap : break-word; overflow-wrap : break-word; /*word-break: keep-all;*/ } img{ max-width: 100%; } .contents{ /*font-feature-settings : "palt";*/ } /*.head-img-in .contents{ padding-top: 110px; padding-bottom: 110px; }*/ .main.kit{ padding-top: 80px; padding-bottom: 114px; max-width: 1100px; margin-left: auto; margin-right: auto; } .concept-box{ margin-bottom: 114px; } .concept-ttl{ font-size: 32px; font-weight: bold; color: #0D2EA1; margin-bottom: 44px; line-height: 1.6em; text-align: center; } .concept-text{ font-size: 18px; line-height: 1.6em; color: #0D2EA1; text-align: center; } .merit-wrap{ margin-bottom: 114px; } .merit-ttl{ font-size: 32px; font-weight: bold; color: #0D2EA1; margin-bottom: 44px; line-height: 1.6em; text-align: center; } .merit-box{ background: #FFFEE5; padding: 48px 40px; box-sizing: border-box; } .merit-box dl{ margin-bottom: 32px; } .merit-box dl:last-child{ margin-bottom: 0; } .merit-box dl dt{ display: flex; align-items: flex-start; margin-bottom: 8px; } .merit-box dl dt .icon{ width: 24px; margin-right: 12px; } .merit-box dl dt .icon img{ width: 100%; height: 100%; } .merit-box dl dt .text{ font-size: 28px; line-height: 1.3em; font-weight: bold; color: #0D2EA1; width: calc(100% - 24px - 12px); } .merit-box dl dd{ font-size: 16px; line-height: 1.6em; color: #333; width: 100%; } .kit-ttl{ font-size: 32px; font-weight: bold; color: #0D2EA1; margin-bottom: 44px; text-align: center; } .kit-list > li{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 60px; } .kit-list > li:last-child{ margin-bottom: 0; } .kit-img{ width: 49%; } .kit-img img{ width: 100%; } .kit-text{ width: 49%; } .kit-text h3.h3-txt{ margin-bottom: 25px; } .nav-list{ text-align: left; font-size: 0;; } .nav-list li{ margin-right: 12px; background: #E6E6E6; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; padding-right: 20px; border-radius: 5px; color:#333; font-size: 14px; line-height: 1; text-align: center; margin-bottom: 19px; display: inline-block; } .nav-list li:last-child{ margin-right: 0; } .osusume-text{ font-size: 16px; line-height: 1.6em; color: #333; margin-bottom: 20px; } .info-text{ margin-top: 20px; font-size: 16px; line-height: 1.6em; color: #333; } .kit-info.indent{ font-size: 16px; line-height: 1.6em; } .kit-info.indent{ padding-left: 1em; text-indent: -1em; margin-bottom: 12px; font-weight: 500!important; } .kit-text .kit-info.indent.last{ margin-bottom: 20px; } .set-text{ font-size: 16px; line-height: 1.6em; margin-bottom: 12px; } .br-mini{ color: #0D2EA1; } .bottom-btn{ font-weight: bold; position: relative; display: block; width: 100%; margin-top: 24px; } .bottom-btn a{ color: #fff; display: inline-block; background: #0D2EA1; position: relative; text-align: left; padding: 14px 20px 13px 20px; width: 300px; box-sizing: border-box; font-size: 16px; border-radius: 3px 3px 3px 3px; } .bottom-btn a .yajirushi{ position: absolute; top: 50%; right: 17px; transform: translateY(-50%); width: 8px; } .bottom-btn a .yajirushi img{ display: block; width: 100%; } .kit-box.title{ margin-bottom: 114px; } .head-img-in .text-box .nav-list{ text-align: left; margin-top: 16px; } .head-img-in .text-box li{ background: #fff; } /*.head-img-in .contents.ex{ padding-top: 60px; padding-bottom: 60px; }*/ .osusume-wrap{ margin-bottom: 114px; } .osusume-box{ background: #FFFEE5; padding: 48px 40px; box-sizing: border-box; } .osusume-box p.osusume-text{ display: flex; align-items: flex-start; margin-bottom: 32px; } .osusume-box p.osusume-text:last-child{ margin-bottom: 0; } .osusume-box p.osusume-text .icon{ width: 24px; margin-right: 12px; } .osusume-box p.osusume-text .icon img{ width: 100%; height: 100%; } .osusume-box p.osusume-text .text{ font-size: 28px; line-height: 1.3em; font-weight: bold; color: #0D2EA1; width: calc(100% - 24px - 12px); } .osusume-ttl{ font-size: 32px; font-weight: bold; color: #0D2EA1; margin-bottom: 44px; line-height: 1.6em; text-align: center; } .newlink-btn a{ /*opacity: 1!important;*/ } @media screen and (max-width: 900px) { /*.head-img-in .contents{ padding-top: 8.5vw; padding-bottom: 8.5vw; }*/ .main.kit{ padding-top: 18.6vw; padding-bottom: 26.6vw; } .main.kit.ex{ padding-top: 13.3vw; } .concept-box{ margin-bottom: 26.6vw; } .concept-ttl{ font-size: 6.4vw; margin-bottom: 10.6vw; line-height: 1.6em; text-align: center; } .concept-text{ font-size: 4.2vw; line-height: 1.6em; text-align: center; } .merit-wrap{ margin-bottom: 26.6vw; } .merit-ttl{ font-size: 6.4vw; margin-bottom: 10.6vw; line-height: 1.6em; text-align: center; } .merit-box{ padding: 9.3vw 6.4vw; box-sizing: border-box; } .merit-box dl{ margin-bottom: 6.4vw; } .merit-box dl:last-child{ margin-bottom: 0; } .merit-box dl dt{ display: flex; } .merit-box dl dt .icon{ width: 6.4vw; margin-right: 3.2vw; } .merit-box dl dt .icon img{ width: 100%; height: 100%; } .merit-box dl dt .text{ font-size: 5.8vw; line-height: 1.3em; width: calc(100% - 6.4vw - 3.2vw); } .merit-box dl dd{ font-size: 4.2vw; line-height: 1.6em; width: 100%; } .kit-ttl{ font-size: 6.4vw; margin-bottom: 10.6vw; line-height: 1.6em; text-align: center; } .kit-list > li{ display: block; margin-bottom: 16vw; } .kit-list > li:last-child{ margin-bottom: 0; } .kit-img{ width: 100%; } .kit-img img{ width: 100%; } .kit-text{ width: 100%; margin-top: 5.3vw; } .kit-text h3.h3-txt{ margin-bottom: 6.4vw; } .nav-list li{ margin-right: 2vw; background: #E6E6E6; padding-top: 1vw; padding-bottom: 1vw; padding-left: 5.3vw; padding-right: 5.3vw; border-radius: 1vw; font-size: 3.7vw; line-height: 1; text-align: center; display: inline-block; margin-bottom: 5.3vw; } .nav-list li:last-child{ margin-right: 0; } .kit-info{ font-size: 4.2vw; } .kit-info.indent{ margin-bottom: 3.2vw; font-weight: 500; } .kit-text .kit-info.indent.last{ margin-bottom: 5.3vw; } .osusume-text{ font-size: 3.7vw; line-height: 1.6em;; margin-bottom: 5.3vw; } .info-text{ margin-top: 5.3vw; font-size: 4.2vw; line-height: 1.6em;; } .kit-text .kit-info.indent:last-child{ margin-bottom: 0; } .set-text{ font-size: 4.2vw; line-height: 1.6em; margin-bottom: 3.2vw; } .bottom-btn{ font-weight: bold; position: relative; display: block; text-align: center; width: 100%; margin-top: 6.4vw; } .bottom-btn a{ padding: 3.7vw 5.3vw; display: block; position: relative; border-radius: 1vw 1vw; font-weight: 600; width: 100%; font-size: 4.2vw; } .kento-box, .kento-box.ex{ margin-top: 0; } .kit-box.title{ margin-bottom: 26.6vw; } .head-img-in .text-box .nav-list{ text-align: left; margin-top: 4.5vw; } /*.head-img-in .contents.ex{ padding-top: 9vw; padding-bottom: 9vw; }*/ .osusume-ttl{ font-size: 6.4vw; margin-bottom: 10.6vw; line-height: 1.6em; text-align: center; } .osusume-box{ background: #FFFEE5; padding: 9.3vw 6.4vw; box-sizing: border-box; } .osusume-box p.osusume-text{ margin-bottom: 6.4vw; } .osusume-box p.osusume-text:last-child{ margin-bottom: 0; } .osusume-box p.osusume-text .icon{ width: 6.4vw; margin-right: 3.2vw; } .osusume-box p.osusume-text .icon img{ width: 100%; height: 100%; } .osusume-box p.osusume-text .text{ font-size: 5.8vw; line-height: 1.3em; width: calc(100% - 6.4vw - 3.2vw); } .osusume-ttl{ font-size: 6.4vw; margin-bottom: 10.6vw; line-height: 1.6em; text-align: center; } } .kaizen-ttl{ font-size: 32px; font-weight: bold; color: #0D2EA1; margin-bottom: 44px; text-align: center; } .kaizen-flex{ display: flex; justify-content: space-between; align-items: flex-start; } .kaizen-flex .box{ width: 49%; background: #EFF2FF; margin-bottom: 114px; } .kaizen-flex .box .kaizen-head{ background: #0D2EA1; padding-top: 20px; padding-bottom: 20px; text-align: center; } .kaizen-flex .box .kaizen-head .text{ font-size: 28px; font-weight: bold; color: #fff; display: inline-block; vertical-align: middle; line-height: 1; } .kaizen-flex .box .kaizen-head .yajirushi{ width: 20px; margin-left: 16px; display: inline-block; vertical-align: middle; line-height: 1; } .kaizen-flex .box .kaizen-head .yajirushi.ptn2{ margin-left: 0; margin-right: 16px; } .kaizen-flex .box .kaizen-head .yajirushi img{ width: 100%; } .kaizen-flex .box .kaizen-box{ padding: 24px 40px; box-sizing: border-box; } .kaizen-flex .box .kaizen-box dl{ margin-bottom: 20px; } .kaizen-flex .box .kaizen-box dl:last-child{ margin-bottom: 0; } .kaizen-flex .box .kaizen-box dl dt{ margin-bottom: 8px; color: #0D2EA1; font-size: 24px; line-height: 1.3em; font-weight: bold; } .kaizen-flex .box .kaizen-box dl dd{ font-size: 16px; line-height: 1.6em; color: #333; } @media screen and (max-width: 900px) { .kaizen-ttl{ font-size: 6.4vw; margin-bottom: 10.6vw; line-height: 1.6em; text-align: center; } .kaizen-flex{ display: block; margin-bottom: 26vw; } .kaizen-flex .box{ width: 100%; margin-bottom: 10.6vw; } .kaizen-flex .box .kaizen-head{ padding-top: 5.3vw; padding-bottom: 5.3vw; text-align: center; } .kaizen-flex .box .kaizen-head .text{ font-size: 5.8vw; font-weight: bold; line-height: 1; } .kaizen-flex .box .kaizen-head .yajirushi{ width: 8.26vw; margin-left: 4.13vw; } .kaizen-flex .box .kaizen-head .yajirushi.ptn2{ margin-left: 0; margin-right: 4.13vw; } .kaizen-flex .box .kaizen-head .yajirushi img{ width: 100%; } .kaizen-flex .box .kaizen-box{ padding: 6.4vw 6.4vw; box-sizing: border-box; } .kaizen-flex .box .kaizen-box dl{ margin-bottom: 5.3vw; } .kaizen-flex .box .kaizen-box dl:last-child{ margin-bottom: 0; } .kaizen-flex .box .kaizen-box dl dt{ margin-bottom: 2.13vw; font-size: 5.3vw; line-height: 1.3em; font-weight: bold; } .kaizen-flex .box .kaizen-box dl dd{ font-size: 4.2vw; line-height: 1.6em; } } .kit-bottom{ padding-top: 114px; border-top: 1px solid #0D2EA1; } .kit-bottom .kit-bottom-box{ width: 100%; margin-bottom: 60px; } .kit-bottom .kit-bottom-box.last{ margin-bottom: 0; } .kit-bottomflex{ display: flex; justify-content: space-between; align-items: flex-start; } .kit-bottom .kit-bottomflex .kit-bottom-box{ width: 49%; } .kit-bottom .kit-bottom-box .newlink-btn{ max-width:380px; margin-top: 32px; margin-left: 0; } .br-mini{ color: #0D2EA1; } .kit__text{ font-size: 16px; line-height: 1.6em; margin-bottom: 10px;; padding-left: 1em; text-indent: -1em; } .kit__text .bold{ font-weight: bold; } .kit__text.indent{ padding-left: 1em; text-indent: -1em; margin-bottom: 12px; } .kit-bottom-box .kit__text:last-child{ margin-bottom: 0; } @media screen and (max-width: 900px) { .kit-bottom{ padding-top: 26.6vw; border-top: 1px solid #0D2EA1; } .kit-bottom .kit-bottom-box{ width: 100%; margin-bottom: 28.7vw; } .kit-bottom .kit-bottom-box.last{ margin-bottom: 0; } .kit-bottomflex{ display: block; } .kit-bottom .kit-bottomflex .kit-bottom-box{ width: 100%; } .kit-bottom .kit-bottom-box .newlink-btn{ max-width:none; width: 100%; margin-top: 6.4vw; margin-left: 0; } .br-mini{ color: #0D2EA1; } .kit__text{ font-size: 4.2vw; line-height: 1.6em; margin-bottom: 2.13vw;; padding-left: 1em; text-indent: -1em; } .kit__text .bold{ font-weight: bold; } .kit__text.indent{ padding-left: 1em; text-indent: -1em; margin-bottom: 2.13vw; } .kit-bottom-box .kit__text:last-child{ margin-bottom: 0; } }