@charset "UTF-8";
@media screen and (max-width: 1024px) { .u-pc { display: none !important; } }

@media screen and (min-width: 1025px) { .u-sp { display: none !important; } }

/*! Reset
--------------------------------------------------------------*/
* { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
*:focus { outline: none; }

table { border-collapse: collapse; }

h1, h2, h3, h4, h5, h6 { font-size: 16px; line-height: 28px; font-weight: normal; margin: 0; }

ul, ol { list-style: none; }

button { border: 0; -webkit-box-shadow: none; box-shadow: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button, input, select, textarea { outline: none; }

input[type="submit"], input[type="button"] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]:focus, input[type="button"]:focus { outline-offset: -2px; }

sup { vertical-align: super; font-size: smaller; }

sub { vertical-align: sub; font-size: smaller; }

/*! Format
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p { word-break: break-word; }

a { outline: 0; text-decoration: none; color: inherit; -webkit-text-decoration-skip: objects; }
a:hover { text-decoration: none; }
a:focus { outline: none; }

iframe { width: 100%; border: none; }

img { max-width: 100%; height: auto; vertical-align: middle; outline: none; }

table { border-collapse: collapse; }

.clearfix::after { display: block; clear: both; content: ""; }

/*! Set html, body
--------------------------------------------------------------*/
html { min-height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-tap-highlight-color: transparent; font-size: 62.5%; }
html.fixed { overflow-y: hidden; }
@media screen and (max-width: 1024px) { html { overflow-x: hidden; } }

body { min-height: 100%; background: #FFF; color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic Std”, “ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { ::i-block-chrome, body { -webkit-font-feature-settings: 'pkna'; font-feature-settings: 'pkna'; } }
/*! Custom placeholder
--------------------------------------------------------------*/
input::-webkit-input-placeholder-shown, textarea::-webkit-input-placeholder-shown, select::-webkit-input-placeholder-shown { color: #199630; }
input:-ms-input-placeholder-shown, textarea:-ms-input-placeholder-shown, select:-ms-input-placeholder-shown { color: #199630; }
input::-ms-input-placeholder-shown, textarea::-ms-input-placeholder-shown, select::-ms-input-placeholder-shown { color: #199630; }
input::placeholder-shown, textarea::placeholder-shown, select::placeholder-shown { color: #199630; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder { color: #199630; }
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder { color: #199630; opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder { color: #199630; opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #199630; }

/*! Prevent Superscripts and Subscripts from Affecting Line-Height
--------------------------------------------------------------*/
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }

sub { top: 0.4em; }

canvas { width: 100%; }

.t-right { text-align: right; }

.t-center { text-align: center; }

/* clears the 'Arrow' from Internet Explorer */
select::-ms-expand { display: none; }

section, main { display: block; }

/*header*/
#header { width: 100%; height: 82px; background-size: 1px 16px; position: relative; }

#header:before { background-color: #cc0022; content: ""; display: block; height: 1px; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; }

#header:after { background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/header_arc_bg_right.png) repeat-x center bottom; content: ""; display: block; height: 100%; position: absolute; bottom: 0; right: 0; z-index: 1; }

@media (min-width: 960px) and (max-width: 2400px) { #header:after { width: 33%; } }
@media (min-width: 2401px) and (max-width: 4000px) { #header:after { width: 40%; } }
#header #headerwrapper { width: 990px; height: 16px; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/header_arc_bg_center.png) no-repeat center bottom; background-size: 960px 16px; margin: 0 auto; padding: 82px 0 0; position: relative; z-index: 2; }

#header #headerwrapper #logo { position: absolute; top: 50%; left: 21px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#header #headerwrapper #logo a { display: block; }

#header #headerwrapper #logo a img { width: auto; height: auto; }

#header #headerwrapper #group_logo { position: absolute; right: 19px; top: 16px; }

.english #header #headerwrapper #group_logo { right: 19px; }

@media screen and (max-width: 1024px) { #header { width: 100%; height: 54px; }
  #header #headerwrapper { width: 100%; height: 100%; padding: 0; background-position: left bottom; }
  #header #headerwrapper #logo { position: static; -webkit-transform: none; transform: none; }
  #header #headerwrapper #logo a { padding: 5px 0 0 10px; }
  #header #headerwrapper #logo a img { height: 39px; }
  #header #ctl11_GroupLogoArea { display: none; } }
#topicpath_area { max-width: 990px; margin: 0 auto; padding-bottom: 15px; }
#topicpath_area::after { content: ""; display: table; clear: both; }

#topicpath_area #topicpath { margin: 0 21px 0; padding-top: 11px; }

#topicpath_area #topicpath li { display: inline-block; font-size: 12px; line-height: 18px; margin: 0 0 5px 5px; }

#topicpath_area #topicpath li a { background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/topicpath_arrow.gif) no-repeat right center; padding: 0 15px 0 0; color: #6666AA; }

#topicpath_area #topicpath li a:visited { color: #6666AA; }

#topicpath_area #topicpath li a:hover { color: #444488; }

#topicpath_area #topicpath li a:active { color: #444488; }

/*footer*/
#footer { width: 100%; /*ie8 fix*/ margin: 0 auto; height: 69px; background: #ffffff; position: relative; border-top: 1px solid #999; }

#footer ul { width: 990px; margin: 10px auto; font-size: 12px; line-height: 100%; padding: 0 21px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#footer ul:after { content: ""; display: table; clear: both; }

#footer ul li { float: left; }

#footer ul li a { display: block; height: 14px; background: no-repeat 0 0 transparent; }

#footer ul li a:hover { background-repeat: no-repeat; background-position: left top; }

#footer ul li a:hover img { visibility: hidden; _display: none; }

#footer ul #fn_sitepolicy a { width: 123px; }

#footer ul #fn_sitepolicy a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_about_on.gif); }

#footer ul #fn_sitepolicy a:active, #footer ul #fn_sitepolicy a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_about_ac.gif); }

#footer ul #fn_private a { width: 125px; }

#footer ul #fn_private a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_private_on.gif); }

#footer ul #fn_private a:active, #footer ul #fn_private a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_private_ac.gif); }

#footer ul #fn_solicitation a { width: 73px; }

#footer ul #fn_solicitation a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_solicitation_on.gif); }

#footer ul #fn_solicitation a:active, #footer ul #fn_solicitation a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_solicitation_ac.gif); }

#footer ul #fn_guidance { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_guidance_on.gif); }

#footer ul #fn_guidance a { width: 125px; background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_guidance_on.gif); }

#footer ul #fn_guidance a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_guidance_on.gif); }

#footer ul #fn_guidance a:active, #footer ul #fn_guidance a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_guidance_ac.gif); }

#footer ul #fn_sitemap { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_sitemap_on.gif); }

#footer ul #fn_sitemap a { width: 93px; background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_sitemap_on.gif); }

#footer ul #fn_sitemap a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_sitemap_on.gif); }

#footer ul #fn_sitemap a:active, #footer ul #fn_sitemap a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_sitemap_ac.gif); }

#footer ul #fn_about_e { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_about_e_on.gif); }

#footer ul #fn_about_e a { width: 118px; background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_about_e_on.gif); }

#footer ul #fn_about_e a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_about_e_on.gif); }

#footer ul #fn_about_e a:active, #footer ul #fn_about_e a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_about_e_ac.gif); }

#footer ul #fn_privacy_e { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_privacy_e_on.gif); }

#footer ul #fn_privacy_e a { width: 105px; background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_privacy_e_on.gif); }

#footer ul #fn_privacy_e a:hover { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_privacy_e_on.gif); }

#footer ul #fn_privacy_e a:active, #footer ul #fn_privacy_e a.ac { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/footernavi_privacy_e_ac.gif); }

#footer #copy_area { background: #cc0022; width: 100%; height: 36px; }

#footer #copy_area #copy { width: 990px; position: relative; margin: 0 auto; }

#footer #copy_area #copy #footerlogo { position: absolute; top: 12px; left: 21px; }

#footer #copy_area #copy #copyright { position: absolute; /* top: 12px; */ top: 5px; right: 21px; color: #ffffff; font-size: 72%; text-align: right; font-family: 'Helvetica', 'Arial'; }

@media screen and (max-width: 1024px) { footer { position: relative; z-index: 1200; background: #fff; }
  #footer { z-index: 1200; width: 100%; height: auto; min-width: 320px; border-top: none; }
  #footer #copy_area { width: 100%; height: 65px; position: relative; top: 0; z-index: 1; }
  #footer #copy_area #copy { width: 100%; padding-top: 5px; }
  #footer #copy_area #copy #footerlogo { display: none; }
  #footer #copy_area #copy #copyright { position: relative; text-align: center; line-height: 130%; z-index: 1; right: 0; }
  .ui-box-fixed { z-index: 1000; background: rgba(255, 255, 255, 0.9) !important; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: opacity 0.4s 0s ease, visibility 0s 0.4s ease; transition: opacity 0.4s 0s ease, visibility 0s 0.4s ease; }
  .ui-box-fixed.show { -webkit-transition: opacity 0.8s 0s ease, visibility 0s 0s ease; transition: opacity 0.8s 0s ease, visibility 0s 0s ease; pointer-events: unset; opacity: 1; visibility: visible; }
  .ui-box-fixed .ui-box__row-2 { width: 100%; }
  .ui-box-fixed .ui-box__row-2 .btn-link, .ui-box-fixed .ui-box__row-2 .btn-link-style2 { -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; font-size: 14px; line-height: 20px; height: auto; padding: 5px 0; width: calc(50% - 3px) !important; margin: 0 !important; } }
.footer_link_m { width: 100%; border-radius: 3px; margin: 0 auto 18px; }

.footer_link_m:after { content: ""; display: table; clear: both; }

.footer_link_m li { float: left; width: 50%; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/mobile_icon_arrow_r.png) 10px center no-repeat; background-size: 6px 12px; }

.footer_link_m li:nth-child(1) { border-radius: 3px 0 0 0; }

.footer_link_m li:nth-child(1) a { border-right: 1px solid #ccc; border-top: 1px solid #ccc; }

.footer_link_m li:nth-child(2) { border-radius: 0 3px 0 0; border-right: 0; }

.footer_link_m li:nth-child(2) a { border-top: 1px solid #ccc; }

.footer_link_m li:nth-child(3) { border-radius: 0 0 3px 0; }

.footer_link_m li:nth-child(3) a { border-right: 1px solid #ccc; }

.footer_link_m li:nth-child(4) { border-radius: 0 0 3px 0; border-right: 0; }

.footer_link_m li a { display: block; padding: 8px 4px 8px 25px; color: #333; border-bottom: 1px solid #ccc; }

.footer_link_m p { border-top: 1px solid #ccc; text-align: center; padding: 0; }

.footer_link_m p .icon { width: 14px; margin-right: 10px; }

.footer_link_m p a { color: #333; display: block; padding: 8px; }

.group_logo_m { padding: 0 20px 18px; }

.ui-box { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 27px 0 32px; position: relative; }
.ui-box__row-1 { font-size: 22px; font-weight: bold; text-align: center; padding-bottom: 21px; }
.ui-box__row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.ui-box__row-2 .btn-link, .ui-box__row-2 .btn-link-style2 { max-width: 50%; margin-left: 12px; margin-right: 12px; }
.ui-box__row-2 .btn-link:first-child, .ui-box__row-2 .btn-link-style2:first-child { margin-left: 0; }
.ui-box__row-2 .btn-link:last-child, .ui-box__row-2 .btn-link-style2:last-child { margin-right: 0; }
.ui-box .circle-price { position: absolute; top: -90px; right: -70px; }
@media screen and (max-width: 1024px) { .ui-box { padding: 24px; margin: 0 20px; }
  .ui-box__row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 22px; text-align: left; padding-bottom: 25px; }
  .ui-box__row-1 .desc { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; max-width: 100%; padding: 13px 15px 0 0; }
  .ui-box .circle-price { right: 24px; top: 2px; }
  .ui-box__row-2 { display: block; }
  .ui-box__row-2 .btn-link, .ui-box__row-2 .btn-link-style2 { width: 100%; max-width: 100%; margin: 0 0 16px; }
  .ui-box__row-2 .btn-link:last-child, .ui-box__row-2 .btn-link-style2:last-child { margin: 0; }
  .ui-box-fixed { position: fixed; left: 0; bottom: 0; width: 100%; margin: 0; }
  .ui-box-fixed .ui-box__row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .ui-box-fixed .ui-box__row-2 .btn-link, .ui-box-fixed .ui-box__row-2 .btn-link-style2 { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; margin: 0 10px 0 0; }
  .ui-box-fixed .ui-box__row-2 .btn-link:last-child, .ui-box-fixed .ui-box__row-2 .btn-link-style2:last-child { margin-right: 0; } }

.ui-box-contact { position: fixed; right: 0; bottom: 30px; z-index: 90; background: #E73134; border-radius: 4px; width: 163px; padding: 15px 16px 20px 17px; color: #FFF; font-weight: bold; }
.ui-box-contact__row-1 { font-size: 12px; line-height: 14px; padding-bottom: 5px; }
.ui-box-contact__row-2 { font-size: 14px; line-height: 20px; padding-bottom: 15px; }
@media screen and (max-width: 1024px) { .ui-box-contact { display: none; } }

.ui-date { background: #fff; color: #199630; width: 350px; height: 60px; max-width: 100%; font-size: 16px; font-weight: bold; line-height: 22px; padding: 9px 30px 0 10px; text-align: center; position: relative; }
.ui-date::after { content: ''; background: #199630 url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_arrow_right.svg) center center/10px auto no-repeat; width: 30px; position: absolute; right: 0; height: 100%; top: 0; }
.ui-date__line-2 { font-size: 13px; }

.ui-list, .ui-list-bullet { padding-bottom: 12px; }
.ui-list ul, .ui-list-bullet ul { list-style: none; }
.ui-list ul li, .ui-list-bullet ul li { display: block; position: relative; font-size: 16px; font-weight: bold; line-height: 24px; padding: 0 0 12px 14px; }
.ui-list ul li:last-child, .ui-list-bullet ul li:last-child { padding-bottom: 0; }
.ui-list ul li::before, .ui-list-bullet ul li::before { content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 24px; background: #8CB719; }
.ui-list ul li.has-image, .ui-list-bullet ul li.has-image { position: relative; padding-right: 50px; }
.ui-list ul li.has-image img, .ui-list-bullet ul li.has-image img { position: absolute; top: 0; right: 0; max-width: 50%; }
.ui-list ul li.lspacing-narrow, .ui-list-bullet ul li.lspacing-narrow { letter-spacing: -0.9px; }
.ui-list ul li.has-box, .ui-list-bullet ul li.has-box { position: relative; }
.ui-list ul li.has-box .text, .ui-list-bullet ul li.has-box .text { display: inline-block; width: 48%; }
.ui-list ul li .box-red, .ui-list-bullet ul li .box-red { position: absolute; top: 0; right: 0; width: 48%; display: inline-block; border: 1px solid #E73134; color: #E73134; padding: 5px; font-size: 10px; line-height: 22px; }

.ui-list-check { padding-left: 20px; }
.ui-list-check ul { list-style: none; }
.ui-list-check ul li { display: block; padding: 0 0 23px 40px; position: relative; font-size: 16px; line-height: 24px; font-weight: bold; }
.ui-list-check ul li:last-child { padding-bottom: 0; }
.ui-list-check ul li::before { content: ''; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_check.svg) 0 0/100% auto no-repeat; position: absolute; top: 0; left: 0; width: 29.5px; height: 29.5px; }
@media screen and (max-width: 1024px) { .ui-list-check ul li { font-size: 14px; padding-bottom: 13px; } }

.ui-list-number ul { counter-reset: number; }
.ui-list-number ul li { display: block; padding: 0 0 22px 35px; position: relative; }
.ui-list-number ul li:last-child { padding-bottom: 0; }
.ui-list-number ul li::before { counter-increment: number; content: counter(number); position: absolute; top: 0; left: 0; width: 26px; height: 26px; background: #7FBE26; color: #FFF; text-align: center; line-height: 26px; border-radius: 50%; }

.ui-list-bullet ul li::before { top: 7px; width: 8px; height: 8px; background: #8CB719; border-radius: 50%; }
.ui-list-bullet ul li.item-first { font-weight: normal; padding-left: 0; }
.ui-list-bullet ul li.item-first::before { content: none; }

.ui-cont { max-width: 1040px; margin: 0 auto; }

.ui-cont-2 { max-width: 900px; margin: 0 auto; }

.bg-under-yellow, .bg-under { position: relative; z-index: 1; border-bottom: 12px solid #fff; top: -7px; }
.bg-under-yellow span, .bg-under span { position: relative; z-index: 10; top: 8px; }

.bg-under-yellow { border-bottom: 8px solid #FCC800; }

.btn-scroll, .btn-link, .btn-link-style2 { display: inline-block; background: #E73134; height: 60px; width: 342px; font-size: 20px; font-weight: bold; line-height: 30px; color: #FFF; border-radius: 6px; position: relative; padding: 15px 30px 0; -webkit-transition: .3s; transition: .3s; text-align: center; }
.btn-scroll::after, .btn-link::after, .btn-link-style2::after { content: ''; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_arrow_right.svg) center center/100% auto no-repeat; width: 11px; height: 18px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.btn-scroll:hover, .btn-link:hover, .btn-link-style2:hover { opacity: 0.8; }

.btn-link-style2 { background: #FFF; color: #E73134; border: 1px solid #E73134; }
.btn-link-style2::after { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_arrow_right_2.svg); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 11px; height: 18px; }
.btn-link-style2:hover { background: RGB(231 49 52/5%); }

.btn-scroll { background: #FFF; color: #E73134; width: 330px; border: 1px solid #E73134; padding-top: 14px; }
.btn-scroll::after { background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_arrow_down_2.svg); width: 18px; height: 11px; }
.btn-scroll:hover { opacity: 1; background: rgba(231, 49, 52, 0.05); }

.btn-contact { background: #FFF; border-radius: 4px; color: #E73134; display: inline-block; padding: 16px 16px; font-size: 14px; line-height: 20px; font-weight: bold; text-align: center; }

.text-green { color: #199630; }

@media screen and (min-width: 1025px) and (max-width: 1206px) { body { min-width: 1206px; } }
@media screen and (max-width: 1024px) { .ui-cont-2, .ui-cont { padding-left: 20px; padding-right: 20px; max-width: 700px; }
  .btn-scroll, .btn-link, .btn-link-style2 { font-size: 16px; height: 46px; padding: 8px 30px 0; } }
sup { font-size: 60%; top: -0.8em; }

.ui-banner { background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/bg_banner.png) top center no-repeat; min-height: 736px; position: relative; }
.ui-banner__main { position: relative; max-width: 1206px; margin: 0 auto; }
.ui-banner__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ui-banner__row-2 { text-align: center; padding: 29px 0; font-size: 20px; line-height: 40px; font-weight: bold; }
.ui-banner__text { -webkit-box-flex: 0; -ms-flex: 0 1 58.3%; flex: 0 1 58.3%; width: 58.3%; max-width: 58.3%; padding-top: 100px; }
.ui-banner__text .line-1 { font-size: 18px; line-height: 24px; margin: 0 0 19px; letter-spacing: -1px; }
.ui-banner__text .line-1 strong { font-size: 16px; color: #FFF; padding: 4px 10px; background-color: #199630; border-radius: 4px; margin-right: 8px; }
.ui-banner__text .line-2 { margin: 0 0 20px; position: relative; }
.ui-banner__text .line-2 img.logo { width: 615px; }
.ui-banner__text .line-2 .sticker { text-align: center; line-height: 16px; position: absolute; top: -78px; right: 19px; width: 129px; height: 78px; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/img_23.png); background-repeat: no-repeat; background-size: contain; padding-top: 12px; }
.ui-banner__text .line-2 .sticker .text-1 { font-size: 16px; font-weight: 700; color: #199630; }
.ui-banner__text .line-2 .sticker .text-2 { font-size: 14px; font-weight: 700; }
.ui-banner__text .line-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; margin-bottom: 21px; }
.ui-banner__text .line-col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 83px; flex: 0 0 83px; width: 83px; text-align: center; padding-top: 3px; }
.ui-banner__text .line-col-1 img { width: 60px; }
.ui-banner__text .line-col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; width: 500px; padding-left: 20px; text-align: center; position: relative; }
.ui-banner__text .line-col-2 .line-item { position: relative; padding: 0 50px; font-size: 20px; line-height: 32px; min-height: 77px; font-weight: bold; }
.ui-banner__text .line-col-2 .line-item::after, .ui-banner__text .line-col-2 .line-item::before { content: ''; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/bg_right_01.png) right center/100% auto no-repeat; position: absolute; top: 0; width: 64px; height: 100%; }
.ui-banner__text .line-col-2 .line-item::after { right: -10px; }
.ui-banner__text .line-col-2 .line-item::before { left: -10px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.ui-banner__text .line-col-2 .line-item p:nth-child(1) { margin-bottom: 4px; }
.ui-banner__text .line-col-2 .line-item img { height: 34px; position: relative; top: -8px; }
.ui-banner__text .line-col-2 .line-item .text-2 { font-size: 27px; }
.ui-banner__text .line-col-2 .line-item .text-3 { font-size: 32px; }
.ui-banner__text .line-col-2 .line-item-2 .text-4 { position: absolute; left: 20px; bottom: -20px; font-size: 12px; width: calc( 100% - 20px ); text-align: center; }
.ui-banner__text .line-3 { font-size: 13px; line-height: 22px; margin: 0 0 5px; padding-right: 10px; }
.ui-banner__text .line-3__image { position: absolute; top: 130px; right: 80px; }
.ui-banner__text .line-3__image .camera { max-width: 425px; }
.ui-banner__text .line-3__image-2 .circle-price { position: absolute; top: -60px; right: -60px; }
.ui-banner__text .line-3 .text-red { color: #E73134; text-decoration: underline; }
.ui-banner__image { -webkit-box-flex: 0; -ms-flex: 0 0 445px; flex: 0 0 445px; width: 445px; max-width: 100%; padding-top: 100px; }
.ui-banner__image img { max-width: 425px; }
.ui-banner .ui-box { max-width: 900px; margin: 0 auto; }
.ui-banner .ui-date { position: absolute; top: 0; right: 0; display: block; }
@media screen and (max-width: 1024px) { .ui-banner__main { padding: 0 20px 20px; max-width: 700px; }
  .ui-banner__row { display: block; }
  .ui-banner__text { width: 100%; max-width: 100%; padding-top: 30px; }
  .ui-banner__text .line-cols { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 10px; }
  .ui-banner__text .line-col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; width: 70px; }
  .ui-banner__text .line-col-1 img { width: 48px; }
  .ui-banner__text .line-col-2 { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; }
  .ui-banner__text .line-col-2 .line-item { font-size: 12px; line-height: 18px; padding: 0 25px; min-height: 47px; width: 250px; }
  .ui-banner__text .line-col-2 .line-item::before { width: 34px; top: 3px; -webkit-transform: scale(1.15) rotateY(180deg); transform: scale(1.15) rotateY(180deg); }
  .ui-banner__text .line-col-2 .line-item::after { width: 34px; top: 3px; -webkit-transform: scale(1.15); transform: scale(1.15); }
  .ui-banner__text .line-col-2 .line-item p:nth-child(1) { margin-bottom: 5px; }
  .ui-banner__text .line-col-2 .line-item img { height: 20px; top: -4px; }
  .ui-banner__text .line-col-2 .line-item .text-2 { font-size: 15px; }
  .ui-banner__text .line-col-2 .line-item .text-3 { font-size: 17px; }
  .ui-banner__text .line-col-2 .line-item-2 .text-4 { width: 240px; position: static; display: block; padding-top: 5px; }
  .ui-banner__text .line-2 { margin-bottom: 15px; }
  .ui-banner__text .line-2 .sticker { position: initial; width: 100%; background: unset; background-color: #fff; display: block; height: auto; padding: 5px 0; margin-top: 25px; }
  .ui-banner__text .line-2 .sticker .text-1 { font-size: 14px; }
  .ui-banner__text .line-3 { padding-right: 0; }
  .ui-banner__text .line-3::after { display: block; clear: both; content: ""; }
  .ui-banner__text .line-3 p:nth-child(2) { padding-top: 10px; }
  .ui-banner__text .line-3 p:nth-child(3) { padding-top: 0; }
  .ui-banner__text .line-3__image { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; float: none; margin: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .ui-banner__text .line-3__image .camera { width: 50%; }
  .ui-banner__text .line-3__image-2 { width: 50%; text-align: center; }
  .ui-banner__text .line-3__image-2 .circle-price { position: inherit; width: 118px; }
  .ui-banner__row-2 { font-size: 16px; line-height: 28px; padding: 20px 0 30px; }
  .ui-banner .ui-date { width: 100%; } }
@media screen and (min-width: 481px) and (max-width: 1024px) { .ui-banner__text .line-3__image { position: relative; top: 0; right: 0; left: 0; margin: 0 auto 10px; max-width: 425px; }
  .ui-banner__text .line-3__image .camera { width: 100%; }
  .ui-banner__text .line-3__image-2 .circle-price { position: absolute; } }
@media screen and (min-width: 481px) { .ui-banner .desc br.u-sp-2 { display: none; } }
@media screen and (max-width: 480px) { .ui-banner__text .line-1 { font-size: 12px; line-height: 19px; white-space: nowrap; }
  .ui-banner__text .line-1 strong { font-size: 15px; margin-right: 5px; padding: 4px 8px; } }

.ui-section-01 { background: #F4F0F0; padding: 55px 0 83px; position: relative; }
.ui-section-01::after { content: ''; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_arrow_down.svg) bottom center/100% auto no-repeat; position: absolute; top: calc( 100% - 5px ); left: 0; right: 0; margin: 0 auto; width: 51px; height: 45px; }
.ui-section-01__heading { font-weight: bold; text-align: center; }
.ui-section-01__heading .line-1 { font-size: 36px; line-height: 44px; margin: 0 0 13px; }
.ui-section-01__heading .line-2 { font-size: 38px; line-height: 57px; color: #199630; margin: 0 0 48px; }
.ui-section-01__heading .line-2 .bg-green { display: inline-block; background: #199630; color: #FFF; padding: 0 20px; margin: 0 9px; }
.ui-section-01__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ui-section-01__col { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); margin-left: 20px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ui-section-01__col:first-child { margin-left: 0; }
.ui-section-01__col:last-child { margin-right: 0; }
.ui-section-01__col .image { -webkit-box-flex: 0; -ms-flex: 0 0 222px; flex: 0 0 222px; }
.ui-section-01__col .text { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; font-weight: bold; font-size: 14px; line-height: 24px; padding: 25px 24px 10px 29px; }
.ui-section-01__col .text .line-1 { font-size: 18px; line-height: 29px; margin: 0 0 9px; }
.ui-section-01__col .text .line-1 .bg-under-yellow { font-size: 22px; color: #199630; }
@media screen and (max-width: 1024px) { .ui-section-01 { padding: 40px 0 60px; }
  .ui-section-01__heading .line-1 { font-size: 20px; line-height: 32px; }
  .ui-section-01__heading .line-2 { font-size: 20px; line-height: 36px; margin-bottom: 30px; }
  .ui-section-01__row { display: block; }
  .ui-section-01__col { margin: 0 0 16px; }
  .ui-section-01__col:last-child { margin: 0; }
  .ui-section-01__col .image { -webkit-box-flex: 0; -ms-flex: 0 0 104px; flex: 0 0 104px; }
  .ui-section-01__col .text { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; font-size: 14px; line-height: 24px; padding: 15px 16px 10px 18px; }
  .ui-section-01__col .text .line-1 { font-size: 14px; line-height: 24px; margin-bottom: 5px; }
  .ui-section-01__col .text .line-1 .bg-under-yellow { font-size: 20px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) { .ui-section-01__col .text .line-2 br.u-sp-2 { display: none; } }

.ui-section-02 { background: #7FBE26; color: #FFF; padding: 71px 0 80px; text-align: center; font-size: 34px; line-height: 52px; font-weight: bold; }
.ui-section-02__row-2 { font-size: 42px; padding-top: 18px; }
.ui-section-02__row-2 span { display: inline-block; padding-bottom: 2px; border-bottom: 12px solid #FCC800; }
@media screen and (max-width: 1024px) { .ui-section-02 { font-size: 20px; line-height: 32px; padding-bottom: 60px; }
  .ui-section-02__row-2 { font-size: 24px; line-height: 42px; } }

.ui-section-03 { background: #F4F0F0; padding: 75px 0 80px; }
.ui-section-03__row-1 { font-size: 36px; font-weight: bold; line-height: 44px; text-align: center; padding-bottom: 24px; }
.ui-section-03__row-2 { padding: 0 50px 32px; }
.ui-section-03__row-3 { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 45px 170px 42px 144px; margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ui-section-03__row-3 .title { font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 28px; text-align: center; }
.ui-section-03__row-3 .desc { font-size: 14px; line-height: 24px; padding-top: 12px; }
.ui-section-03__row-3 .ui-section-03__col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 295px; flex: 0 0 295px; }
.ui-section-03__row-3 .ui-section-03__col-1 .image { text-align: center; }
.ui-section-03__row-3 .ui-section-03__col-1 img { width: 244px; }
.ui-section-03__row-3 .ui-section-03__col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 114px; flex: 0 0 114px; padding: 65px 29px 0 0; }
.ui-section-03__row-3 .ui-section-03__col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 252px; flex: 0 0 252px; }
.ui-section-03__row-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 16px; }
.ui-section-03__row-4 .ui-section-03__col { -ms-flex-preferred-size: calc(100%/3 - 8px); flex-basis: calc(100%/3 - 8px); padding: 8px; background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); }
.ui-section-03__row-4 .title { font-size: 16px; font-weight: bold; line-height: 20px; padding: 5px 0 15px; text-align: center; }
.ui-section-03__row-4 .caption { font-size: 14px; line-height: 18px; padding-top: 10px; text-align: right; }
.ui-section-03__row-5 { font-size: 14px; line-height: 16px; padding-bottom: 42px; letter-spacing: -0.4px; }
.ui-section-03__row-7 { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ui-section-03__row-7 .image { -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; width: 41%; }
.ui-section-03__row-7 .list { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; max-width: 100%; padding-top: 25px; }
@media screen and (max-width: 1024px) { .ui-section-03 { padding: 60px 0; }
  .ui-section-03__row-1 { font-size: 24px; line-height: 42px; padding-bottom: 15px; white-space: nowrap; }
  .ui-section-03__row-2 { font-size: 14px; line-height: 21px; padding: 0 0 45px; }
  .ui-section-03__row-3 { padding: 30px 24px 70px; text-align: center; position: relative; margin-bottom: 16px; }
  .ui-section-03__row-3 .title { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
  .ui-section-03__row-3 .desc { position: absolute; bottom: 10px; width: 100%; left: 0; padding: 0 24px; }
  .ui-section-03__row-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; }
  .ui-section-03__row-4 .ui-section-03__col { -webkit-box-flex: 0; -ms-flex: 0 0 calc( 50% - 8px ); flex: 0 0 calc( 50% - 8px ); margin: 0 16px 16px 0; }
  .ui-section-03__row-4 .ui-section-03__col:nth-child(2n) { margin-right: 0; }
  .ui-section-03__row-4 .ui-section-03__col:nth-child(4) { background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; -ms-flex-item-align: center; align-self: center; }
  .ui-section-03__row-6 { font-size: 24px; padding-bottom: 18px; }
  .ui-section-03__row-7 { padding: 24px; } }
@media screen and (min-width: 481px) and (max-width: 1024px) { .ui-section-03__row-3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .ui-section-03__row-3 .ui-section-03__col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44%; }
  .ui-section-03__row-3 .ui-section-03__col-1 img { width: 100%; }
  .ui-section-03__row-3 .ui-section-03__col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 17%; flex: 0 0 17%; width: 17%; padding: 0; -ms-flex-item-align: center; align-self: center; }
  .ui-section-03__row-3 .ui-section-03__col-2 img { width: 50%; }
  .ui-section-03__row-3 .ui-section-03__col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; }
  .ui-section-03__row-3 .ui-section-03__col-3 img { width: 100%; } }
@media screen and (max-width: 700px) { .ui-section-03__row-7 { display: block; }
  .ui-section-03__row-7 .image { width: 100%; }
  .ui-section-03__row-7 .list { padding-left: 0; } }
@media screen and (max-width: 480px) { .ui-section-03__row-3 .ui-section-03__col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 126px; flex: 0 0 126px; }
  .ui-section-03__row-3 .ui-section-03__col-1 img { width: 112px; }
  .ui-section-03__row-3 .ui-section-03__col-2 { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; padding: 35px 0 0; }
  .ui-section-03__row-3 .ui-section-03__col-2 img { width: 39px; }
  .ui-section-03__row-3 .ui-section-03__col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 103px; flex: 0 0 103px; }
  .ui-section-03__row-3 .ui-section-03__col-3 img { width: 103px; } }
@media screen and (max-width: 320px) { .ui-section-03__row-3 { padding-bottom: 90px; } }

.ui-section-04 { background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/bg_section_04.png) top center no-repeat; padding: 62px 0 60px; }
@media screen and (max-width: 1024px) { .ui-section-04 { padding: 40px 0; background-image: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/bg_section_04_sp.png); background-size: cover; }
  .ui-section-04 .ui-box { margin: 0; } }

.ui-section-05 { padding: 80px 0 45px; text-align: center; }
.ui-section-05__row-1 { padding-bottom: 20px; }
.ui-section-05__row-1 img { width: 380px; }
.ui-section-05__row-2 { font-size: 36px; font-weight: bold; line-height: 44px; padding-bottom: 57px; }
.ui-section-05__row-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ui-section-05__row-3 .btn-scroll { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-left: 12px; margin-right: 12px; }
.ui-section-05__row-3 .btn-scroll:first-child { margin-left: 0; }
.ui-section-05__row-3 .btn-scroll:last-child { margin-right: 0; }
@media screen and (max-width: 1024px) { .ui-section-05 { padding: 60px 0; }
  .ui-section-05__row-2 { font-size: 24px; line-height: 42px; padding-bottom: 30px; white-space: nowrap; }
  .ui-section-05__row-3 { display: block; }
  .ui-section-05__row-3 .btn-scroll { width: 100%; margin: 0 0 16px; }
  .ui-section-05__row-3 .btn-scroll:last-child { margin: 0; } }

.ui-section-06 { background: #E6F4D9; padding: 75px 0 80px; }
.ui-section-06__row-1 { font-size: 32px; font-weight: bold; line-height: 40px; text-align: center; padding-bottom: 34px; }
.ui-section-06__row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 62px; }
.ui-section-06__col { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); margin-left: 20px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; position: relative; }
.ui-section-06__col:first-child { margin-left: 0; }
.ui-section-06__col:last-child { margin-right: 0; }
.ui-section-06__col::after { content: ''; background: url(https://www.sompo-japan.co.jp/hinsurance/smilingroad/images/icon_arrow_down.png) 0 0/100% auto no-repeat; width: 65px; height: 60px; position: absolute; top: calc(100% + 6px); left: 0; right: 0; margin: 0 auto; }
.ui-section-06__col .image { height: 279px; text-align: center; padding-top: 55px; }
.ui-section-06__col .image-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 46px 77px 0; }
.ui-section-06__col .image-items .image-item { margin-left: 20px; margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }
.ui-section-06__col .image-items .image-item:first-child { margin-left: 0; }
.ui-section-06__col .image-items .image-item:last-child { margin-right: 0; }
.ui-section-06__col .image-items .image-item span { display: block; height: 170px; }
.ui-section-06__col .image-items .image-item strong { display: block; font-size: 20px; line-height: 25px; }
.ui-section-06__col .img-01 { width: 277px; }
.ui-section-06__col .img-02 { width: 156px; }
.ui-section-06__col .img-03 { width: 158px; }
.ui-section-06__col .img-04 { width: 96px; }
.ui-section-06__col .heading { background: #199630; color: #FFF; font-size: 24px; font-weight: bold; line-height: 30px; padding: 10px 0; text-align: center; }
.ui-section-06__col .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 8px 0; font-weight: bold; text-align: right; }
.ui-section-06__col .price-prev { font-size: 22px; line-height: 28px; padding: 0 12px 15px 0; }
.ui-section-06__col .price-value { font-family: Helvetica, sans-serif; font-size: 82px; line-height: 98px; color: #199630; }
.ui-section-06__col .price-value-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.ui-section-06__col .price-value-name .name { font-size: 20px; line-height: 25px; color: #333; padding: 0 8px 15px 12px; }
.ui-section-06__col .price-unit { font-size: 16px; line-height: 20px; text-align: center; padding: 0 0 13px; }
.ui-section-06__col .price-unit .unit { display: block; font-size: 40px; line-height: 49px; }
.ui-section-06__col .info { background: #F7F7F7; padding: 0 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 232px; }
.ui-section-06__col .info .info-image { margin-right: 24px; }
.ui-section-06__col .info .desc { font-size: 14px; line-height: 26px; }
.ui-section-06__col .info .title { font-size: 20px; font-weight: bold; line-height: 25px; padding-bottom: 5px; }
.ui-section-06__col .info .date { text-align: right; }
.ui-section-06__row-3 { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 60px 0 52px; border: 1px solid #199630; }
.ui-section-06__row-3 .line-1 { text-align: center; font-size: 28px; font-weight: bold; line-height: 35px; padding: 15px 20px 16px; }
.ui-section-06__row-3 .line-1 .text-green { display: inline-block; font-size: 36px; }
.ui-section-06__row-3 .line-1 .text-green i { font-style: normal; position: relative; display: inline-block; }
.ui-section-06__row-3 .line-1 .text-green i::before { content: ''; position: absolute; top: -16px; left: 0; right: 0; margin: 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #199630; }
.ui-section-06__row-3 .line-1 p:nth-child(2) { margin-top: 25px; }
.ui-section-06__row-3 .line-1 p:nth-child(3) { margin-top: 5px; }
.ui-section-06__row-3 .line-2 { max-width: 800px; margin: 0 auto; letter-spacing: -0.6px; text-align: center; }
@media screen and (max-width: 1024px) { .ui-section-06 { padding: 60px 0; }
  .ui-section-06__row-1 { font-size: 24px; line-height: 42px; padding-bottom: 15px; }
  .ui-section-06__row-2 { display: block; }
  .ui-section-06__col { margin: 0 0 16px; }
  .ui-section-06__col:last-child { margin: 0; }
  .ui-section-06__col .info { padding: 24px; }
  .ui-section-06__col .image { padding: 40px 0; height: auto; }
  .ui-section-06__col .heading { font-size: 20px; padding: 8px 0; }
  .ui-section-06__col .price { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 245px; padding: 11px 0 14px; margin: 0 auto; }
  .ui-section-06__col .price .price-prev { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: left; padding: 0; font-size: 16px; line-height: 24px; }
  .ui-section-06__col .price .price-prev br { display: none; }
  .ui-section-06__col .price .price-value { -webkit-box-flex: 0; -ms-flex: 0 0 177px; flex: 0 0 177px; font-size: 72px; line-height: 86px; }
  .ui-section-06__col .price .price-unit { -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; }
  .ui-section-06__col .price .price-value-name { position: relative; }
  .ui-section-06__col .price .price-value-name .name { position: absolute; left: 0; bottom: 0; padding: 0 0 15px; }
  .ui-section-06__col .image-items { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .ui-section-06__col .image-items .image-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; margin: 0 10px; }
  .ui-section-06__col .info { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .ui-section-06__col .info .info-image { margin-top: 22px; margin-right: 13px; width: 62px; }
  .ui-section-06 .img-01 { width: 200px; }
  .ui-section-06 .img-02 { width: 112px; }
  .ui-section-06 .img-03 { width: 132px; }
  .ui-section-06__row-3 { padding: 40px 20px 30px; font-size: 14px; line-height: 24px; }
  .ui-section-06__row-3 .line-1 { font-size: 20px; line-height: 46px; }
  .ui-section-06__row-3 .line-1 .text-green { font-size: 24px; }
  .ui-section-06__row-3 .line-1 .text-green i::before { top: -4px; }
  .ui-section-06__row-3 .line-1 p:last-child { margin-top: 0; }
  .ui-section-06__row-3 .line-2 { padding: 0 4px; } }

.ui-section-07 { padding: 75px 0 80px; }
.ui-section-07__row-1 { font-size: 32px; font-weight: bold; line-height: 40px; text-align: center; padding-bottom: 63px; }
.ui-section-07__row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 22px; }
.ui-section-07__col { margin-left: 12.5px; margin-right: 12.5px; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; max-width: 100%; position: relative; border: 1px solid #199630; border-radius: 4px; padding: 57px 25px 42px; }
.ui-section-07__col:first-child { margin-left: 0; }
.ui-section-07__col:last-child { margin-right: 0; }
.ui-section-07__col .title { position: absolute; top: -27px; left: 24px; width: calc( 100% - 47px ); background: #199630; color: #FFF; border-radius: 4px; font-size: 24px; font-weight: bold; line-height: 30px; padding: 10px 0; text-align: center; }
.ui-section-07__col .ui-list, .ui-section-07__col .ui-list-bullet { min-height: 184px; }
.ui-section-07__col .ui-list img, .ui-section-07__col .ui-list-bullet img { width: 55px; }
.ui-section-07__col .image { padding-bottom: 16px; }
.ui-section-07__col .caption { font-size: 14px; line-height: 18px; text-align: right; }
@media screen and (max-width: 1024px) { .ui-section-07 { padding: 60px 0; }
  .ui-section-07__row-1 { font-size: 24px; line-height: 42px; padding-bottom: 41px; }
  .ui-section-07__row-2 { display: block; }
  .ui-section-07__col { margin: 0 0 47px; }
  .ui-section-07__col:last-child { margin: 0; }
  .ui-section-07__col .title { font-size: 20px; padding: 8px 0; }
  .ui-section-07__col .ui-list, .ui-section-07__col .ui-list-bullet { min-height: 50px; padding-bottom: 24px; }
  .ui-section-07__row-3 .title { font-size: 20px; padding: 8px 0; }
  .ui-section-07__row-3 .list { padding: 24px; display: block; }
  .ui-section-07__row-3 .list ul { width: 100%; max-width: 100%; }
  .ui-section-07__row-3 .list ul:first-child { padding-bottom: 16px; } }

.ui-section-08 { background: #F4F0F0; padding: 75px 0 82px; }
.ui-section-08__row-1 { font-size: 32px; font-weight: bold; line-height: 40px; text-align: center; padding-bottom: 37px; }
.ui-section-08__row-2 { background: #199630; border-radius: 4px; color: #FFF; font-size: 24px; font-weight: bold; line-height: 30px; padding: 10px 0; text-align: center; margin-bottom: 27px; }
.ui-section-08__row-3 { font-size: 22px; line-height: 28px; margin-bottom: 26px; text-align: center; }
.ui-section-08__row-4 { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 40px 60px 21px; margin-bottom: 60px; }
.ui-section-08__row-4_2 { padding-top: 30px; padding-bottom: 16px; }
.ui-section-08__row-5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; }
.ui-section-08__col { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); margin-left: 12px; margin-right: 12px; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; max-width: 100%; }
.ui-section-08__col:first-child { margin-left: 0; }
.ui-section-08__col:last-child { margin-right: 0; }
.ui-section-08__col .info { padding: 19px 24px; min-height: 234px; }
.ui-section-08__col .name { line-height: 23px; font-weight: bold; margin-bottom: 7px; }
.ui-section-08__col .name strong { padding-left: 3px; }
.ui-section-08__col .name span:last-of-type { padding-left: 3px; }
.ui-section-08__col .desc { letter-spacing: -0.7px; }
.ui-section-08__row-6 { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 39px 0; margin-top: 30px; }
.ui-section-08__row-6 .info { max-width: 640px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
.ui-section-08__row-6 .info .image { -webkit-box-flex: 0; -ms-flex: 0 0 164px; flex: 0 0 164px; width: 164px; max-width: 100%; }
.ui-section-08__row-6 .info .image img { max-width: 122px; }
.ui-section-08__row-6 .info .desc { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; width: 100%; max-width: 100%; padding-top: 12px; letter-spacing: -0.7px; }
@media screen and (max-width: 1024px) { .ui-section-08 { padding: 60px 0; }
  .ui-section-08__row-1 { font-size: 24px; line-height: 42px; padding-bottom: 15px; }
  .ui-section-08__row-2 { font-size: 20px; padding: 16px 24px; margin-bottom: 15px; }
  .ui-section-08__row-3 { font-size: 14px; line-height: 24px; margin-bottom: 22px; }
  .ui-section-08__row-4 { padding: 10px 19px; margin-bottom: 45px; }
  .ui-section-08__row-5 { display: block; margin-bottom: 48px; }
  .ui-section-08__col { margin: 0 0 16px; background: none; border-top-right-radius: 4px; border-top-left-radius: 4px; overflow: hidden; }
  .ui-section-08__col .image img { width: 100%; }
  .ui-section-08__col:last-child { margin: 0; }
  .ui-section-08__col .info { min-height: 50px; background: #fff; }
  .ui-section-08__row-6 { padding: 24px; }
  .ui-section-08__row-6 .info { display: block; }
  .ui-section-08__row-6 .info .image { width: 100%; text-align: center; padding-bottom: 20px; }
  .ui-section-08__row-6 .info .image img { width: 80px; }
  .ui-section-08__row-6 .info .desc { padding-top: 0; } }
@media screen and (min-width: 481px) { .ui-section-08 .u-sp-2 { display: none; } }

.ui-section-09 { background: #E6F4D9; padding: 56px 0 59px; }
.ui-section-09 .ui-cont { background: #FFF; border-radius: 4px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); padding: 48px 70px 19px; position: relative; }
.ui-section-09 .ui-cont:nth-child(1) { padding-bottom: 0; }
.ui-section-09 .ui-cont:nth-child(2) { padding-top: 19px; margin-top: 16px; }
.ui-section-09__row-1 { font-size: 30px; line-height: 40px; font-weight: bold; padding-bottom: 25px; text-align: center; }
.ui-section-09__row-1 img { width: 32px; margin-right: 10px; }
.ui-section-09__row-2 { padding-bottom: 76px; }
.ui-section-09__row-2 .title { font-size: 22px; font-weight: bold; padding-bottom: 8px; }
.ui-section-09__row-2 .desc { letter-spacing: -0.6px; }
.ui-section-09__row-2 .desc-sub { font-size: 15px; }
.ui-section-09__row-3 { text-align: center; }
.ui-section-09 .row-approval-number { position: absolute; top: calc( 100% + 10px ); right: 0; z-index: 2; }
@media screen and (max-width: 1024px) { .ui-section-09 { padding: 60px 20px 55px; }
  .ui-section-09__row-1 { font-size: 20px; line-height: 30px; }
  .ui-section-09__row-1 span { display: inline-block; position: relative; padding-left: 40px; }
  .ui-section-09__row-1 span img { position: absolute; top: 8px; left: 0; }
  .ui-section-09__row-2 { padding-bottom: 24px; }
  .ui-section-09__row-2 .title { font-size: 16px; padding-bottom: 16px; }
  .ui-section-09__row-3 p:first-child { white-space: nowrap; }
  .ui-section-09 .ui-cont { padding: 35px 24px; } }