@charset "UTF-8";
/*!===========================
style.cssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("wow/animate.css");
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ul, ol { list-style: none; }

button, input, select, textarea { margin: 0; }

html, * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, ::before, ::after { background-repeat: no-repeat; box-sizing: inherit; }

img, embed, iframe, object, audio, video { height: auto; max-width: 100%; }

img { -webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: bottom; }

iframe { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; text-align: left; }

article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

b, strong { font-weight: bold; }

.clear { clear: both; }

.cf:before, .cf:after { content: ""; display: block; }

.cf:after { clear: both; }

.cf { zoom: 1; overflow: hidden; }

.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; }

.table_w { width: 100%; display: table; table-layout: fixed; }

.table_c { display: table-cell; vertical-align: top; }

.fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

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

.align_left { text-align: left !important; }

.align_right { text-align: right !important; }

.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; }

/* ===================================================================
	utility
=================================================================== */
.mt05 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.txt_c { text-align: center; }

/* ===================================================================
	form
=================================================================== */
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }

legend { padding: 0; border: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

@keyframes shiny { 0% { transform: scale(0) rotate(25deg); opacity: 0; }
  50% { transform: scale(1) rotate(25deg); opacity: 1; }
  100% { transform: scale(50) rotate(25deg); opacity: 0; } }
html { font-size: 62.5%; }
@media only screen and (max-width: 768px) { html { font-size: 50%; } }

body { background: #fff; font-size: 1.9em; color: #333; font-family: "Noto Sans JP", sans-serif; -webkit-font-smoothing: antialiased; line-height: 1.5; }

a { color: #333; }

@media only screen and (min-width: 769px) { a:hover { color: #333; text-decoration: none; }
  a, a img { -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
  a img:hover { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } }
.header { position: relative; }
.header .header_pr { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; font-size: 11px; font-size: 1.1rem; border: 1px solid #333; color: #333; padding: 2px 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }

.header__pr { position: absolute; top: 3px; right: 0; z-index: 10; width: 120px; }

.pr_txt { margin-top: 5px; text-align: center; position: relative; z-index: 10; font-size: 1.5rem; }

.index sup { font-size: 10px; font-size: 1rem; }
.index .remarks { margin-top: 10px; font-size: 12px; font-size: 1.2rem; }
.index .cta .cta_txt { text-align: center; font-weight: 700; color: #ec475b; font-size: 19px; font-size: 1.9rem; margin-bottom: 4px; }
.index .indexbtn { animation: indexbtn 1.5s infinite; box-shadow: 0 2px 0 #c10404; border-radius: 5px; position: relative; }
@keyframes indexbtn { 0% { box-shadow: 0 2px 0 #c10404; top: 0px; border-radius: 5px; }
  10% { box-shadow: 0 0 0 #c10404; top: 4px; border-radius: 5px; }
  20% { box-shadow: 0 2px 0 #c10404; top: 0px; border-radius: 5px; }
  30% { box-shadow: 0 0 0 #c10404; top: 4px; border-radius: 5px; }
  40% { box-shadow: 0 2px 0 #c10404; top: 0px; border-radius: 5px; } }
.index .cta_btn a { display: block; text-decoration: none; background: #fc8822; position: relative; text-align: center; color: #fff; font-size: 4vw; font-weight: 700; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; line-height: 1.3; padding: 18px 0; }
.index .cta_btn a::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 25px; height: 100%; background-image: url("img/cta_ico.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; right: 15px; pointer-events: none; }
.index .cta_btn.variable_height a { padding: 8px 0; }
.index .shiny_btn { position: relative; overflow: hidden; }
.index .shiny_btn::after { content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%); animation-name: shiny; animation-duration: 4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; pointer-events: none; }
.index .main_ttl { background: #14cacc; background: -webkit-linear-gradient(right, #14cacc 0%, #37d4a2 100%); background: linear-gradient(to right, #14cacc 0%, #37d4a2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14cacc', endColorstr=' #37d4a2', GradientType=1); text-align: center; color: #fff; font-weight: 700; font-size: 5vw; padding: 12px 10px; position: relative; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -webkit-box-shadow: 0 0 15px rgba(76, 76, 76, 0.15); -moz-box-shadow: 0 0 15px rgba(76, 76, 76, 0.15); box-shadow: 0 0 15px rgba(76, 76, 76, 0.15); }
.index .main_ttl::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #1cccc2 transparent transparent transparent; bottom: -10px; }
.index .section01 .inner { padding: 15px 10px; padding-right: 0; }
.index .section01 .wrap { width: 100%; overflow: scroll; }
.index .section01 .scroll_txt { text-align: right; font-size: 13px; font-size: 1.3rem; background: #e4e4e4; font-weight: 500; padding-top: 3px; padding-bottom: 3px; padding-right: 10px; }
.index .section01 table { width: 730px; border: 1px solid #e4e4e4; }
.index .section01 table th, .index .section01 table td { text-align: center; font-size: 1em; border: 1px solid #e4e4e4; padding: 8px 5px; width: 110px; background: #fff; font-size: 15px; font-size: 1.5rem; }
.index .section01 table thead th { background: #03afb9; color: #fff; padding: 5px; }
.index .section01 table thead tr th:first-child, .index .section01 table tbody tr td:first-child { position: sticky; top: 0; left: 0; z-index: 100; width: 100px; }
.index .section01 table thead tr th:first-child::after, .index .section01 table tbody tr td:first-child::after { content: ""; position: absolute; top: -1px; right: -1px; width: 1px; height: 100%; border-right: 1px solid #e4e4e4; z-index: -1; }
.index .section01 table a { text-decoration: none; }
.index .section01 table a p { color: #10adf6; text-decoration: underline; }
.index .section01 .image img { width: 100px; }
.index .section01 .ico { width: 28px; margin: 0 auto 5px; }
.index .section01 .cta_btn { width: 95%; margin: 0 auto; }
.index .section01 .cta_btn a { display: block; text-decoration: none; font-size: 14px; font-size: 1.4rem; font-weight: 700; background: #ec475b; padding: 1.2em 0.5em; color: #fff; text-align: center; border-radius: 5px !important; line-height: 1.3; }
.index .section01 .cta_btn a::before { display: none; }
.index .section01 .image2 { padding: 20px 20px 10px 10px; }
.index .section02 { background: #e6efef; padding: 20px; }
.index .section02 .acordion_wrap { margin-top: 10px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; padding: 0 15px; }
.index .section02 .acordion_wrap .trigger { font-size: 20px; font-size: 2rem; font-weight: 700; position: relative; color: #03afb9; padding: 15px 0; }
.index .section02 .acordion_wrap .trigger::before { content: "＋"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 30px; font-size: 3rem; font-weight: 400; color: #5f5f5f; }
.index .section02 .acordion_wrap .trigger.active::before { content: "－"; }
.index .section02 .acordion_wrap .acordion_inner { padding: 15px 0; border-top: 2px solid #f5ebe9; font-size: 18px; font-size: 1.8rem; }
.index .section02 .acordion_wrap p strong { color: #ec475b; }
.index .section02 .acordion_wrap .heading { margin: 15px 0; text-align: center; font-weight: 700; color: #eb4d76; font-size: 20px; font-size: 2rem; }
.index .section02 .acordion_wrap ul { margin-top: 10px; }
.index .section02 .acordion_wrap ul li { margin-top: 8px; }
.index .section02 .acordion_wrap ul li:first-child { margin-top: 0; }
.index .section02 .wrap { margin-top: 10px; background: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; padding: 0 15px; width: 100%; margin: 0 auto; }
.index .section02 .wrap .txt { font-size: 22px; font-size: 2.2rem; font-weight: 700; position: relative; color: #03afb9; padding: 15px 0; }
.index .section02 .wrap .inner { background-color: #fff; padding: 15px 0; border-top: 2px solid #e6efef; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }
.index .section02 .wrap .inner .image { width: 100%; margin: 0 auto; }
.index .section02 .wrap .inner p { text-align: left; }
.index .section02 .wrap p strong { color: #ec475b; }
.index .section02 .wrap .heading { text-align: center; font-weight: 700; color: #eb4d76; font-size: 20px; font-size: 2rem; padding: 20px 0 10px; }
.index .section02 .wrap ul { margin-top: 10px; }
.index .section02 .wrap ul li { margin-top: 8px; }
.index .section02 .wrap ul li:first-child { margin-top: 0; }
.index .section03 .block01 .ttl { text-align: center; }
.index .section03 .block01 .ttl span { display: inline-block; border: 1px solid #03afb9; color: #03afb9; font-weight: 700; font-size: 4.5vw; padding: 3px 30px; }
.index .section03 .block01 .image { margin-top: 30px; padding-left: 10px; }
.index .section03 .block02 { width: calc(100% - 16px); margin: 30px auto 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border: 1px solid #03afb9; overflow: hidden; }
.index .section03 .block02 .ttl { text-align: center; font-size: 22px; font-size: 2.2rem; color: #fff; font-weight: 700; padding: 8px; background: #03afb9; }
.index .section03 .block02 .inner { padding: 15px; }
.index .section03 .block02 .heading { text-align: center; }
.index .section03 .block02 .heading span { font-weight: 700; font-size: 4.3vw; background: linear-gradient(transparent 60%, #fff200 60%); }
.index .section03 .block02 .image { margin-top: 10px; }
.index .section04 { padding: 10px 10px 20px; margin-top: 55px; }
.index .section04 .content { margin-top: 30px; background-image: url("img/section04_bg.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; padding-top: calc(700 / 710 * 100%); }
.index .section04 .content .remarks, .index .section04 .content .txt, .index .section04 .content .item { position: absolute; }
.index .section04 .content .remarks { font-size: 14px; font-size: 1.4rem; width: 100%; text-align: center; top: 1vw; }
.index .section04 .content .txt { font-size: 3vw; font-weight: 700; color: #ec475b; top: 12vw; right: 8vw; pointer-events: none; }
.index .section04 .content .item { overflow: hidden; width: 24%; }
.index .section04 .content .item img { width: 100%; }
.index .section04 .content .item_01 { top: 17.5vw; right: 13.4vw; border: 5px solid #feccd4; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; }
.index .section04 .content .item_02 { top: 31.5vw; right: 23vw; }
.index .section04 .content .item_03 { top: 43vw; left: 18vw; }
.index .section04 .content .item_04 { top: 55.5vw; left: 25vw; }
.index .section04 .content .item_05 { top: 70vw; left: 40vw; }
.index .section05 { padding: 20px 10px; overflow: hidden; }
.index .section05 h2 { position: relative; z-index: 10; }
.index .section05 .client_archive { margin-top: 20px; }
.index .section05 .client_archive ul li { position: relative; margin-top: 40px; }
.index .section05 .client_archive ul li:first-child { margin-top: 0; }
.index .section05 .client_archive ul li.down::before { content: ''; position: absolute; top: 200px; left: 0; width: 300%; height: 80%; margin: 0 -80% 0; transform: skewY(15deg); z-index: -1; }
.index .section05 .client_archive ul li.up::before { content: ''; position: absolute; top: 150px; left: 0; width: 300%; height: 80%; margin: 0 -80% 0; transform: skewY(-15deg); z-index: -1; }
.index .section05 .client_archive ul li .name { font-size: 5.5vw; line-height: 1.4; -webkit-box-shadow: 2px 2px 0 #f8ded8; -moz-box-shadow: 2px 2px 0 #f8ded8; box-shadow: 2px 2px 0 #f8ded8; padding-bottom: 10px; }
.index .section05 .client_archive ul li .name a { display: block; text-decoration: none; font-weight: 700; position: relative; padding-left: 80px; }
.index .section05 .client_archive ul li .name a::before { content: ""; position: absolute; width: 70px; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; left: 0; top: 0; pointer-events: none; }
.index .section05 .client_archive ul li .name a span { font-size: 4vw; font-weight: 700; color: #ec475b; display: block; }
.index .section05 .client_archive ul li:nth-child(1) .name a::before { background-image: url("img/client_rank_01.png"); }
.index .section05 .client_archive ul li:nth-child(2) .name a::before { background-image: url("img/client_rank_02.png"); }
.index .section05 .client_archive ul li:nth-child(3) .name a::before { background-image: url("img/client_rank_03.png"); }
.index .section05 .client_archive ul li:nth-child(4) .name a::before { background-image: url("img/client_rank_04.png"); }
.index .section05 .client_archive ul li:nth-child(5) .name a::before { background-image: url("img/client_rank_05.png"); }
.index .section05 .client_archive .overview { padding: 10px 5px; }
.index .section05 .client_archive .overview .image { width: 59.15%; margin: 20px auto 0; }
.index .section05 .client_archive .overview .data { margin-top: 8px; }
.index .section05 .client_archive .overview .data .heading { text-align: center; color: #ec7685; font-size: 19px; font-size: 1.9rem; font-weight: 700; }
.index .section05 .client_archive .overview .data table { width: 100%; background: #fff; border: 1px solid #f8b9c0; margin-top: 5px; }
.index .section05 .client_archive .overview .data table th, .index .section05 .client_archive .overview .data table td { padding: 5px; font-size: 15px; font-size: 1.5rem; }
.index .section05 .client_archive .overview .data table tr th { background: #ec7685; border-bottom: 1px solid #fff; color: #fff; width: 30%; font-size: 16px; font-size: 1.6rem; }
.index .section05 .client_archive .overview .data table tr th:last-child { border-bottom: none; }
.index .section05 .client_archive .overview .data table tr td { border-bottom: 1px solid #f8b9c0; }
.index .section05 .client_archive .overview .data table tr td sup { font-size: 10px; font-size: 1rem; }
.index .section05 .client_archive .overview .data table .ico_wrap { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.index .section05 .client_archive .overview .data table .ico_wrap .ico { width: 30px; }
.index .section05 .client_archive .overview .data table .ico_wrap .txt { padding-left: 5px; }
.index .section05 .client_archive .overview .feature_items { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin-top: -3px; }
.index .section05 .client_archive .overview .feature_items .feature_item { margin-right: 1%; margin-top: 3px; text-align: center; font-size: 15px; font-size: 1.5rem; color: #fff; font-weight: 500; padding: 2px 10px; background: #69b8bc; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; }
.index .section05 .client_archive .overview .feature_items .feature_item:last-child { margin-right: 0; }
.index .section05 .client_archive .recommend { margin-top: 5px; background: #fff; padding: 15px 15px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; }
.index .section05 .client_archive .recommend .heading { text-align: center; }
.index .section05 .client_archive .recommend .heading span { display: inline-block; padding-bottom: 2px; font-size: 20px; font-size: 2rem; font-weight: 700; color: #ec7685; border-bottom: 1px solid #ec7685; }
.index .section05 .client_archive .recommend .items { margin-top: 15px; }
.index .section05 .client_archive .recommend .items .item { position: relative; font-size: 18px; font-size: 1.8rem; font-weight: 500; padding-left: 15px; }
.index .section05 .client_archive .recommend .items .item::before { content: ""; position: absolute; width: 10px; height: 100%; background-image: url("img/ico_check.png"); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; left: 0; top: 6px; pointer-events: none; }
.index .section05 .client_archive .recommend .items .item strong { font-weight: 700; color: #ec7685; }
.index .section05 .client_archive .point { margin-top: 10px; background: #fff; padding: 15px 15px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; }
.index .section05 .client_archive .point .heading { text-align: center; }
.index .section05 .client_archive .point .heading span { display: inline-block; padding-bottom: 2px; font-size: 20px; font-size: 2rem; font-weight: 700; color: #ec7685; border-bottom: 1px solid #ec7685; }
.index .section05 .client_archive .point p { margin-top: 10px; font-size: 19px; font-size: 1.9rem; }
.index .section05 .client_archive .point p .js_marker { font-weight: 700; background-image: linear-gradient(90deg, #fff200, #fff200); background-repeat: no-repeat; background-position: bottom left; background-size: 0 30%; transition: all 1s ease-in-out; }
.index .section05 .client_archive .point p .js_marker.active { background-size: 100% 30%; }
.index .section05 .client_archive .cta_bnr { margin-top: 15px; }
.index .section05 .client_archive .calendar { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; width: 100%; max-width: max-content; margin: 20px auto; background: #fff; }
.index .section05 .client_archive .cta { margin-top: 15px; }
.index .section05 .client_archive .cta .cta_btn { padding: 0 15px; }
.index .section05 .client_archive .cta .cta_btn a { padding: 10px 0; }
.index .section05 .client_archive ul li.pink::before { background: #ffedef; }
.index .section05 .client_archive ul li.blue::before { background: #eaf7fe; height: 80%; }
.index .section05 .client_archive ul li.blue .name { -webkit-box-shadow: 2px 2px 0 #cce6f4; -moz-box-shadow: 2px 2px 0 #cce6f4; box-shadow: 2px 2px 0 #cce6f4; }
.index .section05 .client_archive ul li.blue .overview .data .heading { color: #3193cb; }
.index .section05 .client_archive ul li.blue .overview .data table { border-color: #6bb5df; }
.index .section05 .client_archive ul li.blue .overview .data table th { background: #3193cb; }
.index .section05 .client_archive ul li.blue .overview .data table td { border-color: #6bb5df; }
.index .section05 .client_archive ul li.blue .recommend .heading span, .index .section05 .client_archive ul li.blue .point .heading span { color: #3193cb; border-color: #3193cb; }
.index .section05 .client_archive ul li.blue .recommend .items .item::before, .index .section05 .client_archive ul li.blue .point .items .item::before { background-image: url("img/ico_check_blue.png"); }
.index .section05 .client_archive ul li.blue .recommend .items .item strong, .index .section05 .client_archive ul li.blue .point .items .item strong { color: #3193cb; }
.index .section05 .client_archive ul li.orange::before { background: #fff7ea; height: 80%; }
.index .section05 .client_archive ul li.orange .name { -webkit-box-shadow: 2px 2px 0 #fae4c0; -moz-box-shadow: 2px 2px 0 #fae4c0; box-shadow: 2px 2px 0 #fae4c0; }
.index .section05 .client_archive ul li.orange .overview .data .heading { color: #e89c25; }
.index .section05 .client_archive ul li.orange .overview .data table { border-color: #f7ce8e; }
.index .section05 .client_archive ul li.orange .overview .data table th { background: #e89c25; }
.index .section05 .client_archive ul li.orange .overview .data table td { border-color: #f7ce8e; }
.index .section05 .client_archive ul li.orange .recommend .heading span, .index .section05 .client_archive ul li.orange .point .heading span { color: #e89c25; border-color: #e89c25; }
.index .section05 .client_archive ul li.orange .recommend .items .item::before, .index .section05 .client_archive ul li.orange .point .items .item::before { background-image: url("img/ico_check_orange.png"); }
.index .section05 .client_archive ul li.orange .recommend .items .item strong, .index .section05 .client_archive ul li.orange .point .items .item strong { color: #e89c25; }
.index .section05 .client_archive ul li.green::before { background: #edfaf5; height: 80%; }
.index .section05 .client_archive ul li.green .name { -webkit-box-shadow: 2px 2px 0 #d0eee3; -moz-box-shadow: 2px 2px 0 #d0eee3; box-shadow: 2px 2px 0 #d0eee3; }
.index .section05 .client_archive ul li.green .overview .data .heading { color: #0eac72; }
.index .section05 .client_archive ul li.green .overview .data table { border-color: #bde6d7; }
.index .section05 .client_archive ul li.green .overview .data table th { background: #0eac72; }
.index .section05 .client_archive ul li.green .overview .data table td { border-color: #bde6d7; }
.index .section05 .client_archive ul li.green .recommend .heading span, .index .section05 .client_archive ul li.green .point .heading span { color: #0eac72; border-color: #0eac72; }
.index .section05 .client_archive ul li.green .recommend .items .item::before, .index .section05 .client_archive ul li.green .point .items .item::before { background-image: url("img/ico_check_green.png"); }
.index .section05 .client_archive ul li.green .recommend .items .item strong, .index .section05 .client_archive ul li.green .point .items .item strong { color: #0eac72; }
.index .section05 .client_archive ul li.purple::before { background: #f8f3fd; height: 80%; }
.index .section05 .client_archive ul li.purple .name { -webkit-box-shadow: 2px 2px 0 #e3d9ec; -moz-box-shadow: 2px 2px 0 #e3d9ec; box-shadow: 2px 2px 0 #e3d9ec; }
.index .section05 .client_archive ul li.purple .overview .data .heading { color: #9373af; }
.index .section05 .client_archive ul li.purple .overview .data table { border-color: #cbbcd9; }
.index .section05 .client_archive ul li.purple .overview .data table th { background: #9373af; }
.index .section05 .client_archive ul li.purple .overview .data table td { border-color: #cbbcd9; }
.index .section05 .client_archive ul li.purple .recommend .heading span, .index .section05 .client_archive ul li.purple .point .heading span { color: #9373af; border-color: #9373af; }
.index .section05 .client_archive ul li.purple .recommend .items .item::before, .index .section05 .client_archive ul li.purple .point .items .item::before { background-image: url("img/ico_check_purple.png"); }
.index .section05 .client_archive ul li.purple .recommend .items .item strong, .index .section05 .client_archive ul li.purple .point .items .item strong { color: #9373af; }
.index .section05 .client_archive ul li:last-child { padding-bottom: 0; }
.index .section05 .client_archive.client_pickup { margin: 80px auto 30px; background: #fefff7; border: 1px solid #f3bf2b; border-radius: 5px; position: relative; padding: 20px 5px; }
.index .section05 .client_archive.client_pickup .ttl { position: absolute; left: 50%; transform: translateX(-50%); top: -30px; width: 170px; }
.index .section05 .client_archive.client_pickup ul li { padding: 0; }
.index .section05 .client_archive.client_pickup ul li::before { content: none; }
.index .section05 .client_archive.client_pickup ul li .overview { padding: 0; }
.index .section05 .client_archive.client_pickup ul li .overview .name a::before { background-image: url("img/client_rank_pr.png"); }
.index .section05 .client_archive.client_pickup ul li .overview .data .heading { color: #f3bf2b; }
.index .section05 .client_archive.client_pickup ul li .overview .data table { border: 1px solid #f3bf2b; }
.index .section05 .client_archive.client_pickup ul li .overview .data table tr th { background: #f3bf2b; }
.index .section05 .client_archive.client_pickup ul li .overview .data table tr td { border-bottom: 1px solid #f3bf2b; }
.index .section05 .client_archive.client_pickup ul li .recommend .heading span { color: #f3bf2b; border-color: #f3bf2b; }
.index .section05 .client_archive.client_pickup ul li .recommend .items .item strong { color: #f3bf2b; }
.index .section05 .client_archive.client_pickup ul li .point .heading span { color: #f3bf2b; border-color: #f3bf2b; }
.index .section06 { padding: 20px 10px; }
.index .section06 h2 { margin-left: -5px; margin-right: -5px; }
.index .section06 p { font-size: 18px; font-size: 1.8rem; padding: 0 10px; }
.index .section06 .merit { margin: 20px -10px; position: relative; }
.index .section06 .merit .message { position: absolute; z-index: 10; width: 53.6%; right: 2.67%; top: 25.3%; }
.index .section06 .heading { font-size: 20px; font-size: 2rem; font-weight: 700; color: #0497a0; text-align: center; }
.index .section06 .image_02 { margin-top: 15px; text-align: center; padding: 0 10px; }
.index .section07 { padding: 20px 10px; }
.index .section07 .main_ttl { font-size: 3.5vw; line-height: 1.3; z-index: 20; }
.index .section07 .main_ttl strong { font-size: 5.5vw; color: #fff200; }
.index .section07 .table { margin-right: -10px; }
.index .section07 .wrap { width: 100%; overflow: scroll; padding-bottom: 15px; }
.index .section07 table { width: 800px; border: 1px solid #e4e4e4; margin-top: 20px; }
.index .section07 table th, .index .section07 table td { text-align: center; font-size: 15px; font-size: 1.5rem; border: 1px solid #e4e4e4; padding: 8px 5px; width: 110px; background: #fff; }
.index .section07 table thead th { background: #03afb9; color: #fff; padding-top: 4px; padding-bottom: 4px; }
.index .section07 table tbody tr:first-child { /*border:2px solid $mainColor;*/ background: #fffcee; }
.index .section07 table tbody tr:first-child td { background: #fffdea; }
.index .section07 table tbody td p { margin-top: 3px; line-height: 1.4; font-size: 15px; font-size: 1.5rem; }
.index .section07 table tbody a p { color: #10adf6; font-weight: 500; text-decoration: underline; font-size: 13px; font-size: 1.3rem; }
.index .section07 table tbody .ico { width: 30px; margin: 0 auto; }
.index .section07 table thead tr th:first-child, .index .section07 table tbody tr td:first-child { position: sticky; top: 0; left: 0; z-index: 10; width: 100px; }
.index .section07 table thead tr th:first-child::after, .index .section07 table tbody tr td:first-child::after { content: ""; position: absolute; top: -1px; right: -1px; width: 1px; height: 100%; border-right: 1px solid #e4e4e4; z-index: -1; }
.index .section07 .cta_btn a { font-size: 3vw; padding: 14px 18px 14px 0; }
.index .section07 .cta_btn a::before { width: 14px; right: 10px; }
.index .section08 { position: relative; padding: 20px 10px 20px; }
.index .section08 .wrap { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; padding: 25px 10px; background: #fffde1; }
.index .section08 .client .heading { text-align: center; font-weight: 700; color: #03afb9; font-size: 22px; font-size: 2.2rem; }
.index .section08 .client .name a { text-align: center; font-weight: 700; display: block; text-decoration: none; font-size: 28px; font-size: 2.8rem; }
.index .section08 .client .image { margin: 10px auto 0; }
.index .section08 .txt { margin-top: 15px; font-size: 19px; font-size: 1.9rem; }
.index .section08 .txt strong { font-weight: 700; color: #ec475b; }
.index .section08 .txt sup { font-size: 10px; font-size: 1rem; }
.index .section08 .cta { margin-top: 15px; }
.index .section08 .cta .cta_btn a { padding: 8px 0; }
.index .section09 { padding: 0 10px 20px; }
.index .section09 .inner { padding: 2em; background: #f5f5f5; font-size: 12px; font-size: 1.2rem; color: rgba(0, 0, 0, 0.54); }
.index .section10 { padding: 30px 10px 0; text-align: center; margin-bottom: -40px; }
.index .section10 .inner .main_ttl { margin-bottom: 15px; }
.index .side_effects { padding: 30px 10px 40px; background: #fff; }
.index .side_effects .heading { font-size: 25px; font-size: 2.5rem; font-weight: 700; color: #03afb9; text-align: center; }
.index .side_effects .items { margin-top: 30px; }
.index .side_effects .items .item { background: #fff; margin-top: 20px; border: 1px solid #dcdcdc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; }
.index .side_effects .items .item:first-child { margin-top: 0; }
.index .side_effects .items .item ul li { margin-top: 15px; }
.index .side_effects .items .item ul li:first-child { margin-top: 0; }
.index .side_effects .name { padding: 15px 20px; font-size: 20px; font-size: 2rem; font-weight: 700; border-bottom: 1px solid #dcdcdc; }
.index .side_effects .item_inner { padding: 15px 20px; }
.index .side_effects .item_inner .ico { margin: 0 0 5px; position: relative; padding-left: 1.1em; font-weight: 700; }
.index .side_effects .item_inner .ico::before { content: "・"; position: absolute; top: 0; left: 0; }
.index .side_effects .item_inner .ico span { display: inline-block; font-weight: 700; }
.index .side_effects .item_inner p { font-size: 17px; font-size: 1.7rem; }
.index .fixed_cta { position: fixed; width: 100%; z-index: 100; left: 0; bottom: 0; background: #fff1f5; background: rgba(3, 175, 185, 0.95); padding: 5px 0 8px; }
.index .fixed_cta .heading { text-align: center; }
.index .fixed_cta .heading span { display: inline-block; font-size: 4vw; color: #fff; font-weight: 700; position: relative; padding-left: 40px; }
.index .fixed_cta .heading span::before { content: ""; position: absolute; width: 45px; height: 100%; background-image: url("img/client_rank_01.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; left: -10px; top: 0; pointer-events: none; }
.index .fixed_cta .heading span strong { color: #fff200; font-size: 4.5vw; }
.index .fixed_cta .wrap { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-top: 5px; padding: 0 20px; }
.index .fixed_cta .wrap .image { width: 72px; }
.index .fixed_cta .wrap .btn { width: calc(100% - 72px); padding-left: 10px; }
.index .fixed_cta .wrap .btn .cta_btn a { font-size: 3.1vw; padding: 10px 20px 10px 10px; border-bottom: none; }
.index .fixed_cta .wrap .btn .cta_btn a::before { width: 14px; right: 8px; }

.exitProtection_overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 101; display: none; }

.exitProtection { width: 95% !important; margin: 0 auto; position: fixed; left: 0; right: 0; top: 15%; border: none; z-index: 1000; }
.exitProtection a { outline: none; }
.exitProtection .wrap { position: relative; overflow: auto !important; width: 80vw; margin: 0 auto; height: 100%; padding-top: 40px; padding-top: calc(470 / 400 * 100%); }
.exitProtection div.exitProtection_bg { position: absolute; top: 0; left: 0; justify-content: center; max-width: 100%; z-index: 109; padding-top: 40px; }
.exitProtection div a { max-width: 100%; display: block; outline: none; }
.exitProtection .cta_btn { position: absolute; width: 95%; left: 0; right: 0; z-index: 110; margin: 0 auto; bottom: 50px; }
.exitProtection .cta_btn a { display: block; text-decoration: none; background: #ec475b; border-bottom: 3px solid #c8384a; position: relative; text-align: center; color: #fff; font-size: 3.2vw; font-weight: 700; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px; line-height: 1.3; padding: 12px 0; }
.exitProtection .cta_btn a::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 100%; background-image: url("img/cta_ico.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; right: 10px; pointer-events: none; }
.exitProtection .shiny_btn { position: relative; overflow: hidden; }
.exitProtection .shiny_btn::after { content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%); animation-name: shiny; animation-duration: 4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; pointer-events: none; }
.exitProtection .exitProtection_banner { position: absolute; z-index: 110; justify-content: center; left: 0; right: 0; width: 60.89%; margin: 0 auto; bottom: 125px; }
.exitProtection .modal_close { color: #fff !important; width: 40px; line-height: 40px; display: block; font-size: 20px; font-weight: bold; text-align: center; text-decoration: none; }
.exitProtection .close_btn { width: 40px; height: 40px; position: absolute; top: 0; background: #8d8d8d; z-index: 110; right: 0; }

.ui-dialog-titlebar { display: none; }

.ui-dialog { background: transparent !important; border: none !important; padding: 0 !important; width: 90% !important; }

.footer { background-color: #ddd; color: #555; padding: 10px 20px; margin-bottom: 10px; }
.footer .foot_wrap { display: flex; justify-content: space-around; align-items: center; }
.footer a { color: #555 !important; font-weight: normal; text-decoration: none; letter-spacing: .1em; }

.logo { width: 35%; padding-left: 10px; }

.trigger { font-size: 20px; font-size: 2rem; font-weight: 700; position: relative; color: #03afb9; padding: 5px 0; }
.trigger::before { content: "＋"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 30px; font-size: 3rem; font-weight: 400; color: #5f5f5f; }
.trigger.active::before { content: "－"; }

.click_btn { animation: vertical 2s linear infinite; transform-origin: center; }

@keyframes vertical { 5% { transform: translate(0px, 2px); }
  10% { transform: translate(0px, 0); }
  15% { transform: translate(0px, 2px); }
  20% { transform: translate(0px, 0); } }