@charset "UTF-8";
.font-min { font-family: "Noto Serif JP", serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; text-align: justify; text-justify: inter-ideograph; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 2.375vw; } }

body { font-family: "TBUDGothic R", "Zen Kaku Gothic New", YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.6rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.6rem; cursor: pointer; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="submit"], input[type="button"], textarea, select { font-family: inherit; font-size: 1.6rem; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; width: 50px; bottom: 20px; right: 20px; z-index: 9999; opacity: 0; transition: all .5s; transform: translateY(100px); }
.pagetop.is-show { opacity: 1; transform: translateY(0); }

.grecaptcha-badge { bottom: 90px !important; }

.inner { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 6.25%; } }

/* ------------------------------ ヘッダー
------------------------------ */
.header { position: sticky; top: 0; left: 0; z-index: 99999; width: 100%; height: 120px; background: linear-gradient(to bottom right, #0A5D34, #093B24); }
@media screen and (max-width: 960px) { .header { height: 75px; } }
.header .header-in { display: flex; align-items: center; justify-content: space-between; padding: 25px 70px 30px; }
@media screen and (max-width: 1600px) { .header .header-in { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 960px) { .header .header-in { height: 100%; } }
@media screen and (max-width: 750px) { .header .header-in { padding: 0 2.0356234097%; } }
.header .header-logo { width: 100%; max-width: 250px; }
@media screen and (max-width: 960px) { .header .header-logo { max-width: 178px; } }
.header .header-con { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
.header .header-nav { display: flex; align-items: center; justify-content: flex-end; margin-right: 44px; gap: 0 44px; }
@media screen and (max-width: 1600px) { .header .header-nav { gap: 0 20px; margin-right: 20px; } }
@media screen and (max-width: 1300px) { .header .header-nav { gap: 0 5px; margin-right: 5px; } }
@media screen and (max-width: 960px) { .header .header-nav { display: none; } }
.header .header-nav li a { text-decoration: none; font-size: 1.4rem; font-weight: 500; color: #DFB968; }
@media screen and (max-width: 1300px) { .header .header-nav li a { font-size: 1.1rem; } }
.header .header-nav li a:hover { text-decoration: underline; }
.header .header-contact { width: 132px; margin-right: 73px; }
@media screen and (max-width: 1500px) { .header .header-contact { margin-right: 20px; } }
@media screen and (max-width: 1300px) { .header .header-contact { width: 92px; margin-right: 5px; } }
@media screen and (max-width: 960px) { .header .header-contact { display: none; } }
.header .header-contact a { display: block; text-decoration: none; padding: 18px 5px; border: 1px solid #DFB968; font-size: 1.4rem; font-weight: 500; color: #DFB968; text-align: center; }
@media screen and (max-width: 1300px) { .header .header-contact a { font-size: 1.2rem; } }
.header .header-sns { display: flex; align-items: center; gap: 0 40px; }
@media screen and (max-width: 1500px) { .header .header-sns { gap: 0 20px; } }
@media screen and (max-width: 1300px) { .header .header-sns { gap: 0 10px; } }
@media screen and (max-width: 960px) { .header .header-sns { gap: 0 30px; margin-right: 45px; } }
@media screen and (max-width: 750px) { .header .header-sns { gap: 0 20px; margin-right: 25px; } }
.header .header-sns li { width: 28px; }
.header .header-menu { display: none; }
@media screen and (max-width: 960px) { .header .header-menu { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; cursor: pointer; } }
.header .header-menu button { position: relative; width: 32px; height: 16px; margin: 0 auto; }
.header .header-menu span { position: absolute; right: 0; display: block; width: 100%; height: 2px; background-color: #C9A063; transition: all .4s; }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { top: 50%; margin-top: -1px; }
.header .header-menu span:nth-of-type(3) { width: 70%; bottom: 0; }

/* ------------------------------ SPメニュー
------------------------------ */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 75px; left: 0; width: 100%; height: calc(100% - 75px); background: linear-gradient(to bottom right, #0A5D34, #093B24); border-top: 1px solid #DFB968; }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
.nav-menu a, .nav-menu div { display: block; text-decoration: none; color: #DFB968; }
.nav-menu .nav-menu-list { margin-bottom: 40px; }
.nav-menu .nav-menu-list li { border-bottom: 1px solid #DFB968; }
.nav-menu .nav-menu-list li a { padding: 20px 40px; background: url("../img/common/ico_arrow_g.svg") no-repeat right 20px center; background-size: 20px auto; font-size: 1.4rem; font-weight: 500; }
@media screen and (max-width: 750px) { .nav-menu .nav-menu-list li a { padding: 20px 6.3613231552%; } }
.nav-menu .nav-menu-contact { width: 132px; margin: 0 auto 40px; }
.nav-menu .nav-menu-contact a { display: block; text-decoration: none; padding: 18px 5px; border: 1px solid #DFB968; font-size: 1.4rem; font-weight: 500; text-align: center; }
.nav-menu .nav-menu-sns { display: flex; justify-content: center; align-items: center; gap: 0 40px; }
.nav-menu .nav-menu-sns li { width: 48px; }

.js-menuopen { overflow: hidden; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(7px) rotate(-25deg); }
.js-menuopen .header-menu span:nth-child(2) { opacity: 0; }
.js-menuopen .header-menu span:nth-child(3) { width: 100% !important; transform: translateY(-7px) rotate(25deg); }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ フッター
------------------------------ */
.pagettl { background: radial-gradient(#0A5D34, #093B24); }
.pagettl .pagettl-ttl { padding: 50px 20px; font-size: 5.0rem; font-weight: 700; text-align: center; color: #fff; letter-spacing: 0.2em; line-height: 1; }
@media screen and (max-width: 750px) { .pagettl .pagettl-ttl { padding: 3.75% 6.25%; font-size: 2.4615384615rem; } }

/* ------------------------------ フッター
------------------------------ */
.footer { padding: 40px 0 20px; background: linear-gradient(to bottom right, #0A5D34, #093B24); }
@media screen and (max-width: 750px) { .footer { padding: 14.2493638677% 0 4.3256997455%; } }
.footer .footer-in { width: 100%; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 2.0356234097%; } }
.footer .footer-logo { width: 100%; max-width: 136px; margin: 0 auto 30px; }
@media screen and (max-width: 750px) { .footer .footer-logo { width: 33.4217506631%; max-width: 100%; } }
.footer .footer-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 30px; margin-bottom: 60px; }
@media screen and (max-width: 960px) { .footer .footer-nav { display: none; } }
.footer .footer-nav li a { text-decoration: none; font-size: 1.6rem; color: #c9a063; }
.footer .footer-nav li a:hover { text-decoration: underline; }
.footer .copy { font-size: 1.1rem; text-align: center; color: #DFB968; }
@media screen and (max-width: 750px) { .footer .copy { font-size: 1.2rem; } }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.tab { display: none; }
.tab.active { display: block; }

.font-bold, strong { font-family: "TBUDGothic E"; font-weight: 700; }

.cmn-anchor { position: relative; }
.cmn-anchor a { position: absolute; top: -120px; }
@media screen and (max-width: 750px) { .cmn-anchor a { top: -75px; } }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100% !important; }

.ico-web::before { content: url("../img/common/ico_web.svg"); }

.cmn-in { width: 100%; max-width: 1040px; margin: 0 auto; }

.column-menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 30px; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .column-menu { display: block; } }
.column-menu li { position: relative; font-size: 1.8rem; cursor: pointer; }
@media screen and (max-width: 750px) { .column-menu li { padding: 2.8571428571%; background: #fff url("../img/common/ico_arrow_select.svg") no-repeat right 2.8571428571% center; background-size: 1.8571428571% auto; border: 2px solid #000; text-align: center; color: #000; } }
.column-menu li a, .column-menu li span { color: #07512e; text-decoration: none; }
.column-menu li:hover::after, .column-menu li.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; margin-bottom: -5px; background-color: #07512e; }
@media screen and (max-width: 750px) { .column-menu li:hover::after, .column-menu li.active::after { display: none; } }
@media screen and (max-width: 750px) { .column-menu li { display: none; }
  .column-menu li:first-child { display: block; } }

.column-list { display: flex; flex-wrap: wrap; gap: 85px 2.5384615385%; margin: 20px auto; }
@media screen and (max-width: 750px) { .column-list { gap: 50px 7.1428571429%; } }
.column-list li { width: 23.0769230769%; }
@media screen and (max-width: 750px) { .column-list li { width: 46.4285714286%; } }
.column-list li a { display: block; text-decoration: none; color: #000; }
.column-list li a figure img { width: 100%; aspect-ratio: 30 / 17; object-fit: cover; }
.column-list li a p { margin-top: 5px; margin-bottom: 10px; padding: 5px; border: 1px solid #000; text-align: center; line-height: 1; }
.column-list li a dl dt { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000; color: #07512e; }
.column-list li a dl dt div { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.column-list li a dl dd { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.cmn-crown .cmn-crown-ttl { margin-bottom: 20px; font-size: 3.4rem; text-align: center; font-weight: 700; color: #07512e; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-ttl { margin-bottom: 4.2857142857%; font-size: 2.2153846154rem; } }
.cmn-crown .cmn-crown-box { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box { margin-bottom: 8.5714285714%; } }
.cmn-crown .cmn-crown-box .cmn-crown-box-top { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-box-top { margin-bottom: 4.2857142857%; } }
.cmn-crown .cmn-crown-box .cmn-crown-box-top figure { width: 101px; margin: 0 auto 5px; text-align: center; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-box-top figure { width: 28.5714285714%; margin: 0 auto 5px; } }
.cmn-crown .cmn-crown-box .cmn-crown-box-top .cmn-crown-box-ttl { font-size: 2.6rem; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-box-top .cmn-crown-box-ttl { font-size: 1.8461538462rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-box-lead { margin-bottom: 20px; font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-box-lead { font-size: 1.6rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-lead { margin-bottom: 30px; padding-top: 40px; background: url("../img/common/crown_bg001.png") no-repeat left top; background-size: 36.634615384599996% auto; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-lead { padding-top: 7.1428571429%; background-size: 54.4285714286% auto; } }
.cmn-crown .cmn-crown-box .cmn-crown-lead .cmn-crown-lead-bg { padding: 0 70px 40px; background: url("../img/common/crown_bg002.png") no-repeat right bottom; background-size: 36.634615384599996% auto; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-lead .cmn-crown-lead-bg { padding: 0 7.1428571429% 7.1428571429%; background-size: 54.4285714286% auto; } }
.cmn-crown .cmn-crown-box .cmn-crown-lead p { font-size: 3.0rem; color: #07512e; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-lead p { font-size: 1.7230769231rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-link { width: 100%; max-width: 600px; margin: 0 auto; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-link { max-width: 100%; width: 85.7142857143%; } }
.cmn-crown .cmn-crown-box .cmn-crown-link a { display: block; text-decoration: none; padding: 15px; background: #07512e url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 15px auto; font-size: 2.0rem; font-weight: 700; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-link a { padding: 2.5%; background-size: 2.5% auto; background-position: right 2.5% center; font-size: 1.6rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-item { margin-bottom: 70px; }
.cmn-crown .cmn-crown-box .cmn-crown-item:last-child { margin-bottom: 0; }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top { display: flex; align-items: center; margin-bottom: 10px; border-top: 1px solid #07512e; border-left: 20px solid #07512e; background-color: #f2efe4; color: #07512e; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top { border-left-width: 10px; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl { width: 8.5em; display: flex; align-items: center; column-gap: 3px; padding: 0 0 0 10px; line-height: 1.2; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl { width: 6.5em; padding: 0 10px; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl dt { font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl dt { font-size: 1.6rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl dd { flex: 1; padding-left: 0.25em; font-size: 5.5rem; font-weight: 700; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl dd { font-size: 4rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top dl dd._pl0 { padding-left: 0.05em; letter-spacing: -0.25em; text-align: left; }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top .cmn-crown-item-ttl { flex: 1; padding-right: 20px; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top .cmn-crown-item-ttl { font-size: 1.8461538462rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top .cmn-crown-item-ttl span { font-size: 1.6rem; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-top .cmn-crown-item-ttl span { font-size: 1.6rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main { position: relative; display: flex; align-items: flex-start; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main { display: block; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main .cmn-crown-item-point { width: 100%; max-width: 100px; margin: 0 20px; padding: 2px; border: 1px solid #07512e; color: #07512e; font-weight: 700; text-align: center; border-radius: 10px; line-height: 1.2; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main .cmn-crown-item-point { max-width: 100%; margin: 0 auto 10px; font-size: 1.4153846154rem; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl { flex: 1; margin-top: 10px; }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl dt { margin-bottom: 10px; font-size: 1.8rem; color: #07512e; font-weight: 700; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl dt { font-size: 1.7230769231rem; text-align: center; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl dd .cmn-crown-item-sp { display: none; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl dd .cmn-crown-item-sp { display: flex; } }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl dd .cmn-crown-item-sp .cmn-crown-item-fig { width: 34.2857142857% !important; margin-top: 0 !important; margin-left: 2.8571428571% !important; }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main dl dd .cmn-crown-item-sp p { flex: 1; }
.cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main .cmn-crown-item-fig { margin-top: 10px; margin-left: 1.9230769231%; }
@media screen and (max-width: 750px) { .cmn-crown .cmn-crown-box .cmn-crown-item .cmn-crown-item-main .cmn-crown-item-fig { margin: 20px auto 0; } }
.cmn-crown .cmn-crown-box._s .cmn-crown-box-top .cmn-crown-box-ttl { color: #808080; }
.cmn-crown .cmn-crown-box._g .cmn-crown-box-top .cmn-crown-box-ttl { color: #d9a13b; }

.cmn-lens { padding: 50px 0 60px; background: radial-gradient(#0A5D34, #093B24); }
@media screen and (max-width: 750px) { .cmn-lens { padding: 6.25% 0 7.5%; } }
.cmn-lens .cmn-lens-ttl { margin-bottom: 50px; font-size: 3.4rem; text-align: center; font-weight: 700; color: #fff; }
@media screen and (max-width: 750px) { .cmn-lens .cmn-lens-ttl { margin-bottom: 4.2857142857%; font-size: 2.2153846154rem; } }
.cmn-lens .cmn-lens-txt { margin-bottom: 50px; font-size: 2.0rem; color: #fff; }
@media screen and (max-width: 750px) { .cmn-lens .cmn-lens-txt { margin-bottom: 4.2857142857%; font-size: 1.6rem; } }
.cmn-lens .cmn-lens-main { padding: 30px 100px 60px; background-color: #f2efe4; }
@media screen and (max-width: 1040px) { .cmn-lens .cmn-lens-main { padding-right: 50px; padding-left: 50px; } }
@media screen and (max-width: 750px) { .cmn-lens .cmn-lens-main { padding: 4.2857142857% 3.5714285714% 6.4285714286%; } }
.cmn-lens .cmn-lens-main .cmn-lens-heading { margin-bottom: 20px; font-size: 2.6rem; text-align: center; font-weight: 700; color: #07512e; }
@media screen and (max-width: 750px) { .cmn-lens .cmn-lens-main .cmn-lens-heading { margin-bottom: 3.0769230769%; font-size: 1.8461538462rem; } }
.cmn-lens .cmn-lens-main .cmn-lens-table { width: 100%; }
@media screen and (max-width: 750px) { .cmn-lens .cmn-lens-main .cmn-lens-table { table-layout: fixed; font-size: 1.4153846154rem; } }
.cmn-lens .cmn-lens-main .cmn-lens-table tr th, .cmn-lens .cmn-lens-main .cmn-lens-table tr td { border: 1px solid #000000; }
.cmn-lens .cmn-lens-main .cmn-lens-table thead tr th { background-color: #fff; padding: 5px; }
.cmn-lens .cmn-lens-main .cmn-lens-table tbody tr:nth-child(odd) { background-color: #e0ebd6; }
.cmn-lens .cmn-lens-main .cmn-lens-table tbody tr:nth-child(even) { background-color: #aed597; }
.cmn-lens .cmn-lens-main .cmn-lens-table tbody tr td { padding: 15px 30px; vertical-align: middle; }
@media screen and (max-width: 750px) { .cmn-lens .cmn-lens-main .cmn-lens-table tbody tr td { padding: 10px 5px; } }

.cmn-risk { padding: 70px 0; }
@media screen and (max-width: 750px) { .cmn-risk { padding: 4.375% 0 8.75%; } }
.cmn-risk .cmn-risk-ttl { margin-bottom: 30px; font-size: 3.4rem; text-align: center; font-weight: 700; color: #4e9396; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-ttl { margin-bottom: 7.1428571429%; font-size: 2.2153846154rem; } }
.cmn-risk .cmn-risk-heading { margin-bottom: 20px; padding: 10px 20px; border-left: 7px solid #c6c487; font-size: 2.0rem; font-weight: 700; color: #4e9396; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-heading { margin-bottom: 2.8571428571%; font-size: 2.2153846154rem; } }
.cmn-risk .cmn-risk-txt { margin-bottom: 50px; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-txt { margin-bottom: 7.1428571429%; } }
.cmn-risk .cmn-risk-lead { padding: 30px 50px; border: 2px solid #4e9396; font-size: 2.0rem; color: #4e9396; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-lead { padding: 4.2857142857% 7.1428571429%; font-size: 1.7230769231rem; } }
.cmn-risk .cmn-risk-txtlist { margin-bottom: 50px; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-txtlist { margin-bottom: 4.2857142857%; } }
.cmn-risk .cmn-risk-txtlist li { margin-bottom: 10px; padding-left: 1.2em; text-indent: -1.2em; }
.cmn-risk .cmn-risk-list li { margin-bottom: 40px; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-list li { margin-bottom: 5.7142857143%; } }
.cmn-risk .cmn-risk-list li._glare dl dd { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-list li._glare dl dd { display: block; } }
.cmn-risk .cmn-risk-list li._glare dl dd p { flex: 1; }
.cmn-risk .cmn-risk-list li._glare dl dd div { display: flex; justify-content: space-between; width: 58.6538461538%; margin-left: 1.9230769231%; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-list li._glare dl dd div { gap: 30px 0; flex-direction: column; width: 85.7142857143%; margin: 4.2857142857% auto 0; } }
.cmn-risk .cmn-risk-list li._glare dl dd div figure { width: 49.1803278689%; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-list li._glare dl dd div figure { width: 100%; } }
.cmn-risk .cmn-risk-list li._glare dl dd div figure figcaption { margin-top: 10px; text-align: center; }
.cmn-risk .cmn-risk-list li dl dt { display: flex; align-items: center; margin-bottom: 10px; padding-left: 20px; border-left: 7px solid #c6c487; font-weight: 700; line-height: 1; }
.cmn-risk .cmn-risk-list li dl dt span { width: 1em; font-size: 5.0rem; color: #4e9396; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-list li dl dt span { font-size: 3.0769230769rem; } }
.cmn-risk .cmn-risk-list li dl dt p { flex: 1; font-size: 2.0rem; color: #4e9396; }
@media screen and (max-width: 750px) { .cmn-risk .cmn-risk-list li dl dt p { font-size: 1.8461538462rem; } }

.cmn-no { padding: 70px 0 160px; background-color: #f2e9e4; }
@media screen and (max-width: 750px) { .cmn-no { padding: 6.25% 0; } }
.cmn-no .cmn-no-ttl { margin-bottom: 30px; padding: 15px 0; border-top: 1px solid #b0896f; border-bottom: 1px solid #b0896f; font-size: 3.4rem; text-align: center; font-weight: 700; color: #b0896f; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-ttl { margin-bottom: 2.8571428571%; font-size: 2.2153846154rem; } }
.cmn-no .cmn-no-heading { margin-bottom: 20px; padding: 10px 20px; border-left: 7px solid #b0896f; font-size: 2.0rem; font-weight: 700; color: #b0896f; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-heading { margin-bottom: 2.8571428571%; font-size: 2.2153846154rem; } }
.cmn-no .cmn-no-txt { margin-bottom: 40px; font-size: 2.0rem; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-txt { margin-bottom: 10%; font-size: 1.6rem; } }
.cmn-no .cmn-no-list-flex { display: flex; justify-content: space-between; margin-bottom: 50px; gap: 0 5.7692307692%; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-list-flex { flex-direction: column; margin-bottom: 4.2857142857%; } }
.cmn-no .cmn-no-list-flex .cmn-no-list { width: 47.115384615400004%; margin-bottom: 0; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-list-flex .cmn-no-list { width: 100%; } }
.cmn-no .cmn-no-list { margin-bottom: 50px; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-list { margin-bottom: 4.2857142857%; } }
.cmn-no .cmn-no-list li { margin-bottom: 10px; padding-left: 1.2em; text-indent: -1.2em; font-size: 2.0rem; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-list li { font-size: 1.6rem; } }
.cmn-no .cmn-no-lead { margin-bottom: 80px; padding: 20px; background-color: #b0896f; font-size: 2.0rem; color: #fff; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-lead { margin-bottom: 10%; padding: 5.7142857143%; font-size: 1.6rem; } }
.cmn-no .cmn-no-link { display: flex; gap: 0 3.2258064516%; margin-top: 80px; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-link { flex-direction: column; width: 85.7142857143%; margin: 0 auto; gap: 40px 0; } }
.cmn-no .cmn-no-link li { width: 48.3870967742%; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-link li { width: 100%; } }
.cmn-no .cmn-no-link li a { display: block; text-decoration: none; padding: 15px; background: #07512e url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 15px auto; font-size: 2.0rem; font-weight: 700; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .cmn-no .cmn-no-link li a { padding: 2.5%; background-size: 2.5% auto; background-position: right 2.5% center; font-size: 1.6rem; } }

.message._error { margin-bottom: 2rem; padding: 1rem; background-color: #f00; color: #fff; text-align: center; }

.error-message { margin-top: 1rem; color: #f00; }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.tac { text-align: center !important; }

.mab0 { margin-bottom: 0 !important; }

.mab10 { margin-bottom: 10px !important; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

/*# sourceMappingURL=style.css.map */