@charset "UTF-8";
/* CSS Document */
/* font
=========================================== */
@font-face { /*NotoSansJP*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Regular.ttf"); src: url("../fonts/font/NotoSansJP-Regular.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Regular.woff") format("woff"), url("../fonts/font/NotoSansJP-Regular.ttf") format("truetype"); font-weight: 400; }
@font-face { /*NotoSansJP Thin*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Thin.ttf"); src: url("../fonts/font/NotoSansJP-Thin.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Thin.woff") format("woff"), url("../fonts/font/NotoSansJP-Thin.ttf") format("truetype"); font-weight: 100; }
@font-face { /*NotoSansJPミディアム*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Medium.ttf"); src: url("../fonts/font/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Medium.woff") format("woff"), url("../fonts/font/NotoSansJP-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { /*NotoSansJPボールド*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Bold.ttf"); src: url("../fonts/font/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Bold.woff") format("woff"), url("../fonts/font/NotoSansJP-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { /*NotoSansJPエクストラボールド*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-ExtraBold.ttf"); src: url("../fonts/font/NotoSansJP-ExtraBold.woff2") format("woff2"), url("../fonts/font/NotoSansJP-ExtraBold.woff") format("woff"), url("../fonts/font/NotoSansJP-ExtraBold.ttf") format("truetype"); font-weight: 800; }
@font-face { /*NotoSansJPブラック*/
font-family: 'NotoSansJP'; src: url("../fonts/font/NotoSansJP-Black.ttf"); src: url("../fonts/font/NotoSansJP-Black.woff2") format("woff2"), url("../fonts/font/NotoSansJP-Black.woff") format("woff"), url("../fonts/font/NotoSansJP-Black.ttf") format("truetype"); font-weight: 900; }
@font-face { /*LINE Seed JP Thin*/
font-family: "LINE Seed JP_TTF Thin"; src: url("../fonts/font/LINESeedJP_TTF_Th.ttf"); src: url("../fonts/font/LINESeedJP_TTF_Th.woff2") format("woff2"), url("../fonts/font/LINESeedJP_TTF_Th.woff") format("woff"), url("../fonts/font/LINESeedJP_TTF_Th.ttf") format("truetype"); font-weight: 100; }
@font-face { /*LINE Seed JPボールド*/
font-family: "LINE Seed JP_TTF Bold"; src: url("../fonts/font/LINESeedJP_TTF_Bd.ttf"); src: url("../fonts/font/LINESeedJP_TTF_Bd.woff2") format("woff2"), url("../fonts/font/LINESeedJP_TTF_Bd.woff") format("woff"), url("../fonts/font/LINESeedJP_TTF_Bd.ttf") format("truetype"); font-weight: 700; }
@font-face { /*LINE Seed JPエクストラボールド*/
font-family: "LINE Seed JP_TTF ExtraBold"; src: url("../fonts/font/LINESeedJP_TTF_Eb.ttf"); src: url("../fonts/font/LINESeedJP_TTF_Eb.woff2") format("woff2"), url("../fonts/font/LINESeedJP_TTF_Eb.woff") format("woff"), url("../fonts/font/LINESeedJP_TTF_Eb.ttf") format("truetype"); font-weight: 800; }
/* Link
=========================================== */
a:link, a:visited { color: #000000; text-decoration: none; }

a:hover, a:active { color: #000000; text-decoration: none; }

a { outline: none; transition: 0.3s; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* LAYOUT
=========================================== */
body { overflow: hidden; width: 100%; }

.pc { display: none !important; }

.sp { display: block; }

.view_pc { display: none; }

.view_sp { display: inline; }

body { color: #000000; background: #FFFFFF; font-size: 16px; line-height: 1.5; font-family: YakuHanJP,'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 400; font-style: normal; word-break: break-all; }

img { width: 100%; height: auto; }

table { width: 100%; table-layout: fixed; }

h1, h2, h3, h4, h5, h6 { font-weight: 800; }

.wrap { position: relative; }

input, select { -webkit-appearance: auto; appearance: auto; }

/*共通設定*/
.btn01 { width: 100%; max-width: 400px; height: 100px; margin: 60px auto 0; }

.btn01 a { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; padding: 30px 70px 30px 57px; box-sizing: border-box; position: relative; background: #E6FE52; border: 3px solid #16203E; border-radius: 50px; box-shadow: 0 10px 0 #16203E; }

.btn01 a .btn-text { font-size: 22px; font-weight: 900; color: #16203E; }

.btn01 a .arrow { width: 37px; height: 37px; background: #16203E; border-radius: 50%; position: absolute; top: 50%; right: 32px; transform: translateY(-50%); }

.btn01 a .arrow::before { content: ""; display: block; width: 10px; height: 16px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn01 a:hover { text-decoration: none; }

.btn01.contact_btn { max-width: 340px; }

.btn01.contact_btn a { padding: 20px 37px 25px 67px; justify-content: center; }

.btn01.contact_btn a .icon { width: 40px; height: 40px; background: #16203E; border-radius: 50%; position: absolute; top: 50%; left: 17px; transform: translateY(-50%); }

.btn01.contact_btn a .icon::before { content: ""; display: block; width: 16px; height: 16px; background: url("../img/common/icon_contact.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.btn01.contact_btn a .btn-text { text-align: center; }

.btn01.contact_btn a .btn-text .mini { display: block; font-size: 12px; }

.top-title01 { color: #16203E; font-weight: 800; margin-bottom: 40px; text-align: center; }

.top-title01 .title { display: block; font-size: 56px; line-height: 1.45; text-align: left; }

.top-title01 .sub01 { display: inline-block; padding: 0 2px 25px 20px; box-sizing: border-box; font-size: 24px; line-height: 1.44; position: relative; margin-bottom: 10px; text-align: left; }

.top-title01 .sub01::before { content: ""; display: block; width: 100%; height: 100%; background: url("../img/common/title_sub_sp.svg") no-repeat left bottom; background-size: cover; position: absolute; bottom: 0; left: 0; }

.top-title01 .sub02 { display: block; margin-bottom: 40px; }

.top-title01 .sub02 span { display: inline-block; font-size: 20px; line-height: 1.4; padding-bottom: 8px; position: relative; }

.top-title01 .sub02 span::before { content: ""; display: block; width: 100%; height: 2px; background: #F7658A; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.top-title01.shiro .sub01::before { background: url("../img/common/title_sub_shiro_sp.svg") no-repeat left bottom; background-size: cover; }

.title02 { font-size: 56px; font-weight: 800; line-height: 1.45; color: #16203E; margin-bottom: 40px; }

.tel_box { display: inline-block; padding-left: 44px; box-sizing: border-box; position: relative; }

.tel_box::before { content: ""; display: block; width: 36px; height: 36px; background: url("../img/common/icon_tel.svg") no-repeat center, #16203E; background-size: 16px; border-radius: 50%; position: absolute; top: 6px; left: 0; }

.tel_box .tel .num { font-size: 20px; line-height: 1.6; }

.tel_box .tel-text { font-size: 11px; line-height: 1.6; margin-top: -6px; }

.common_text-bg { display: inline; background: #16203E; padding: 0 5px 3px; border-radius: 4px; color: #fff; line-height: 1.7; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.common_text-bg02 { display: inline-block; padding: 2px 4px 6px; box-sizing: border-box; background: #16203E; border-radius: 4px; color: #fff; margin-bottom: 4px; }

.common_text-bg02:last-child { margin-bottom: 0; }

.sns-icon-list { display: inline-flex; align-items: center; justify-content: center; }

.sns-icon-list .icon { width: 30px; margin-right: 16px; }

.sns-icon-list .icon:last-child { margin-right: 0; }

.sns-icon-list .icon a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; }

.sns-icon-list .icon.icon-fa { height: 30px; }

.sns-icon-list .icon.icon-fa a { background-image: url("../img/common/icon_fa.png"); }

.sns-icon-list .icon.icon-yt { height: 23px; }

.sns-icon-list .icon.icon-yt a { background-image: url("../img/common/icon_yt.png"); }

.under-cont > section { padding: 100px 5%; border-bottom: 2px solid #16203E; }

.under-cont > section:first-child { padding-top: 74px; }

section.bg-gray { background: #EFEFEF; }

section.bg-yellow { background: #FFEEBA; }

.box-shadow { background: #FFFFFF; border: 3px solid #16203E; box-shadow: 0 4px 0 #16203E; border-radius: 10px; }

/*ウェブフォント*/
.thin { font-weight: 100; }

.normal { font-weight: 400; }

.medium { font-weight: 500; }

.bold { font-weight: 700; }

.eBold { font-weight: 800; }

.black { font-weight: 900; }

.common_text { line-height: 1.625; }

.tcenter { text-align: center; }

.tleft { text-align: left; }

.tright { text-align: right; }

.uLine { text-decoration: underline; }

.lineSeed_Th { font-family: "LINE Seed JP_TTF Thin"; font-weight: 100; }

.lineSeed_Bd { font-family: "LINE Seed JP_TTF Bold"; font-weight: 700; }

.lineSeed_Eb { font-family: "LINE Seed JP_TTF ExtraBold"; font-weight: 800; }

/*色*/
.shiro { color: #fff; }

.kon { color: #16203E; }

.yellow01 { color: #E6FE52; }

.yellow02 { color: #E5FE52; }

.pink { color: #F7658A; }

.mt20 { margin-top: 20px; }

.flex { width: 100%; margin: 0; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/*header
---------------------------------------------------------------*/
#header { width: 100%; height: 60px; position: fixed; transition: 0.3s; left: 0; right: 0; top: 0; margin: auto; z-index: 100; }

.fixed #header { background: #fff; }

#header .header_inner { height: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; position: relative; z-index: 100; transition: 0.3s; }

#header:has(.sp-nav-list .navs-list.opon) .header_inner { background: #fff; }

#header .header_inner .logo_box { width: 200px; height: 100%; }

#header .header_inner .logo { width: 100%; height: 100%; }

#header .header_inner .logo a { display: block; width: 100%; height: 100%; background: #FFFFFF; border-bottom-right-radius: 10px; position: relative; }

#header .header_inner .logo a img { display: block; width: 139px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#header .header_inner .logo .logo-text { display: none; }

#header .header_inner .right { width: calc(100% - 270px); height: 100%; justify-content: flex-end; align-items: center; margin-right: 68px; }

#header .header_inner .right .right_top { width: 100%; height: 100%; justify-content: flex-end; align-items: center; }

#header .header_inner .right .right_top .tel_box { display: block; width: 36px; height: 36px; padding-left: 0; }

#header .header_inner .right .right_top .tel_box::before { display: none; }

#header .header_inner .right .right_top .tel_box .tel { width: 100%; height: 100%; }

#header .header_inner .right .right_top .tel_box .tel a { display: block; width: 100%; height: 100%; background: url("../img/common/icon_tel.svg") no-repeat center, #16203E; background-size: 16px; border-radius: 50%; }

#header .header_inner .right .right_top .tel_box .tel a .num { display: none; }

#header .header_inner .right .right_top .tel_box .tel-text { display: none; }

#header .header_inner .right .right_top .btn01.contact_btn { display: none; }

/*gnav*/
.gnav { display: none; }

/* CTA */
#fixed-box-sp { width: 60px; height: 60px; position: fixed; bottom: 10px; left: 10px; z-index: 10; opacity: 0; transition: 0.3s; }

.fixed #fixed-box-sp { opacity: 1; }

#fixed-box-sp a { display: block; width: 100%; height: 100%; border-radius: 50%; background: #16203E; position: relative; }

#fixed-box-sp a img { display: block; width: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* nav
=========================================== */
.sp-nav-btn { width: 36px; height: 36px; background: #16203E; border-radius: 50%; position: relative; z-index: 101; box-sizing: border-box; transition: 0.3s; position: absolute; top: 50%; right: 22px; transform: translateY(-50%); }

.sp-nav-btn .sp-nav-btn_in { width: 14px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.sp-nav-btn span { width: 100%; height: 2px; background: #FFFFFF; border-radius: 1px; position: absolute; left: 0; transition: 0.3s; }

.sp-nav-btn .border01 { top: 0; }

.sp-nav-btn .border02 { top: 50%; transform: translateY(-50%); }

.sp-nav-btn .border03 { bottom: 0; }

.sp-nav-btn.opon .border01 { transform: translate(-50%, -50%) rotateZ(45deg); top: 50%; left: 50%; }

.sp-nav-btn.opon .border02 { display: none; }

.sp-nav-btn.opon .border03 { transform: translate(-50%, 50%) rotateZ(-45deg); bottom: 50%; left: 50%; }

.sp-nav-list .overlay-nav { visibility: hidden; width: 100%; height: 100%; position: fixed; top: 0; right: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; }

.sp-nav-list .overlay-nav.opon { visibility: visible; opacity: 1; }

.sp-nav-list .navs-list { position: fixed; width: 100%; height: 100%; z-index: 99; top: 0; right: -100%; transition: 0.3s; overflow-x: hidden; overflow-y: auto; padding: 80px 28px; box-sizing: border-box; background: #FFFFFF; text-align: center; }

.sp-nav-list .navs-list.opon { right: 0; }

.sp-nav-list .navs-list ul.navs-list_in > li { margin-bottom: 30px; }

.sp-nav-list .navs-list ul.navs-list_in > li:last-child { margin-bottom: 0; }

.sp-nav-list .navs-list ul.navs-list_in > li > a { font-size: 20px; line-height: 1.45; font-weight: 700; color: #16203E; }

.sp-nav-list .navs-list .btn01.contact_btn { margin-top: 30px; }

.sp-nav-list .navs-list .tel_box { margin-top: 30px; }

.sp-nav-list .navs-list .sns-icon-list { margin-top: 30px; }

/* main */
/*-------------------------------------------*/
#main.home_main { width: 100%; padding: 100px 5% 340px; box-sizing: border-box; background: url("../img/main/main_bg_sp.jpg") no-repeat center top; background-size: cover; position: relative; }

#main.home_main .text_box { text-align: center; position: relative; z-index: 1; }

#main.home_main .text_box .main_title { font-size: 40px; line-height: 1.3; }

#main.home_main .text_box .main_title em { display: block; font-size: 80px; margin-top: 20px; }

#main.home_main .text_box .main_title em .dots { background-image: radial-gradient(circle at center, #16203E 12%, transparent 13%); background-position: top right; background-repeat: repeat-x; background-size: 1em 0.3em; padding-top: 5px; }

#main.home_main .text_box .main_title em .mini { font-size: 70px; }

#main.home_main .text_box .btn01.contact_btn { margin-top: 20px; }

#main.home_main .text_box .text { margin-top: 60px; }

#main.home_main .text_box .text p { font-size: 18px; line-height: 1.63; margin-bottom: 29px; }

#main.home_main .text_box .text p .mini { font-size: 12px; }

#main.home_main .text_box .text p:last-child { margin-bottom: 0; }

#main.home_main .main_img.main_img_left { display: none; }

#main.home_main .main_img.main_img_right { width: 100vw; height: 372px; background: url("../img/main/main_img_sp.png") repeat-x center; background-size: cover; position: absolute; bottom: -324px; left: 50%; transform: translateX(-50%); animation: mainBgMove01 80s linear infinite; }

@keyframes mainBgMove01 { 0% { background-position: 0 0; }
  100% { background-position: -960px 0; } }
#main.home_main .main_img.main_img_right img { display: none; }

/* 下層 main */
/*-------------------------------------------*/
#main.kasou { width: 100%; min-height: 240px; padding: 120px 5% 80px; box-sizing: border-box; background: url("../img/main/main_kasou_sp.jpg") no-repeat center; background-size: cover; border-bottom: 2px solid #16203E; }

#main.kasou h1 { font-size: 28px; line-height: 1.43; text-align: center; color: #16203E; }

/*パンくず*/
div#bread { width: 100%; padding: 10px 5% 0; box-sizing: border-box; }

ul.bread-list { font-size: 12px; justify-content: flex-start; }

ul.bread-list li { line-height: 16px; }

ul.bread-list li a { text-decoration: none; line-height: 16px; }

ul.bread-list li a:hover { text-decoration: underline; }

ul.bread-list li::after { content: "＞"; margin: 0 8px; }

ul.bread-list li:last-child::after { display: none; }

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger { position: absolute; left: 0; top: 50px; z-index: -100; }

/* CLEARFIX
=========================================== */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

.cf { min-height: 1px; }

* html .cf { height: 1px; /*¥*/ 	                 /*/ height: auto; overflow: hidden; /**/ }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }

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; }

input[type="date"]::-webkit-date-and-time-value, input[type="time"]::-webkit-date-and-time-value { text-align: left; }

/*ライトボックス設定*/
#fancybox-wrap { padding: 0 !important; width: 100% !important; left: 0 !important; }

div#fancybox-content { border: none; width: 92% !important; padding: 2%; margin: 2%; height: auto !important; }

div#fancybox-outer { background: none; }

#fancybox-close { position: absolute; top: 0 !important; right: 0 !important; }

section { position: relative; }

/* footer */
/*-------------------------------------------*/
#trial-sec { padding: 100px 5%; background: #FFDDE2; }

#trial-sec .wrap { text-align: center; z-index: 1; }

#trial-sec .wrap::before { content: ""; display: block; width: 905px; height: 533px; background: url("../img/common/trial_img_bg.png") no-repeat center bottom; background-size: contain; position: absolute; bottom: -100px; left: -50px; z-index: -1; }

#trial-sec .title { font-size: 34px; line-height: 1.6; }

#trial-sec .title em { display: block; font-size: 66px; line-height: 1.6; }

#trial-sec .title + p.common_text { font-size: 18px; line-height: 2; }

#trial-sec .img01 { width: 294px; margin: 23px auto -10px; }

#trial-sec .img02 { display: none; }

#trial-sec .btn01 { margin-top: 0; }

#trial-sec .tel_box { margin-top: 25px; }

#access-sec { padding: 100px 5%; background: url("../img/common/access_bg_sp.jpg") no-repeat center; background-size: cover; }

#access-sec .top-title01.shiro { text-align: left; }

#access-sec .top-title01.shiro .sub01::before { background: url(../img/common/access_title_sub.svg) no-repeat left bottom; background-size: cover; }

#access-sec .cnt { display: block; }

#access-sec .cnt .access-table tr { background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 3px, transparent 3px, transparent 10px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; }

#access-sec .cnt .access-table tr th, #access-sec .cnt .access-table tr td { padding: 20px 0; box-sizing: border-box; }

#access-sec .cnt .access-table tr th { width: 100px; }

#access-sec .cnt .access-table tr:first-child th, #access-sec .cnt .access-table tr:first-child td { padding-top: 0; }

#access-sec .cnt .img_box { width: 100%; margin-top: 40px; }

#map-sec { width: 100%; aspect-ratio: 94 / 115; position: relative; }

#map-sec iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#footer { padding: 113px 5% 40px; }

#footer .alert_box .midashi { padding: 16px 10px 11px; box-sizing: border-box; background: #F7658A; border-radius: 10px 10px 0 0; font-size: 20px; position: relative; }

#footer .alert_box .midashi::before { content: ""; display: block; width: 30px; height: 27px; background: url("../img/common/icon_alert.png") no-repeat center; background-size: contain; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); }

#footer .alert_box .box_in { padding: 30px 18px; box-sizing: border-box; background: #FFF3F5; border: 2px solid #F7658A; border-radius: 0 0 10px 10px; }

#footer .alert_box .ex-link { display: inline-block; padding-right: 23px; box-sizing: border-box; color: #F7658A; margin-top: 10px; position: relative; }

#footer .alert_box .ex-link::after { content: ""; display: block; width: 16px; height: 16px; background: url("../img/common/icon_link.svg") no-repeat center; background-size: contain; position: absolute; top: 3px; right: 0; }

#footer .footer_box { display: block; margin-top: 40px; }

#footer .footer_box .logo { display: block; }

#footer .footer_box .logo a { display: block; width: 168px; margin: 0 auto; }

#footer .footer_box .logo .logo-text { font-size: 11px; margin-top: 20px; font-weight: 400; text-align: center; }

#footer .footer_box .logo a:hover { text-decoration: none; }

#footer .footer_box .right { justify-content: center; align-items: flex-start; margin-top: 30px; }

#footer .footer_box .right .fax-num { font-size: 12px; line-height: 1.6; margin: 9px 0 0 9px; }

#footer .footer_box .right .sns-icon-list { width: 100%; margin-top: 20px; }

#footer .navs-list { max-width: 400px; margin: 56px auto 0; }

.navs-list > ul.navs-list00 { display: flex; justify-content: center; width: 100%; }

.navs-list > ul.navs-list00 > li { width: 50%; max-width: 90px; font-size: 15px; line-height: 1.4; font-weight: 500; margin: 30px 80px 0 0; }

.navs-list > ul.navs-list00 > li:nth-child(-n+2) { margin-top: 0; }

.navs-list > ul.navs-list00 > li:nth-child(2n) { max-width: 105px; margin-right: 0; }

#footer .bottom_box { display: block; padding-top: 40px; position: relative; margin-top: 60px; }

#footer .bottom_box::before { content: ""; display: block; width: 100vw; height: 2px; background: #16203E; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

#footer .bottom_box .left { display: block; margin-bottom: 40px; }

#footer .bottom_box .left .designation_box { margin-bottom: 40px; }

#footer .bottom_box .left .designation_box div.flex { justify-content: center; align-items: flex-start; }

#footer .bottom_box .left .designation_box div.flex img { width: auto; height: 70px; margin-right: 10px; }

#footer .bottom_box .left .designation_box div.flex img:last-child { margin-right: 0; }

#footer .bottom_box .left .designation_box p { font-size: 11px; margin-top: 20px; text-align: center; }

#footer .bottom_box .left .system_box { width: 100%; max-width: 310px; margin: 0 auto; }

#footer .bottom_box .left .system_box a { display: block; width: 100%; }

#footer .bottom_box .left .system_box a .sub { font-size: 12px; line-height: 1.6; margin-bottom: -4px; }

#footer .bottom_box .left .system_box a .title { font-size: 16px; line-height: 49px; }

#footer .bottom_box .left .system_box a .title em { display: inline-block; font-size: 30px; margin-right: 5px; }

#footer .bottom_box .left .system_box a:hover { text-decoration: none; }

#footer .bottom_box .right { text-align: center; }

#footer .bottom_box .right .link_list { justify-content: center; }

#footer .bottom_box .right .link_list li { font-size: 12px; line-height: 1.42; margin-right: 14px; }

#footer .bottom_box .right .link_list li:last-child { margin-right: 0; }

#footer .bottom_box .right .copyright { font-size: 11px; line-height: 1.45; margin-top: 20px; }

/*parts
=========================================== */
.slider01 { padding-bottom: 80px; margin-bottom: 0 !important; }
.slider01 .slick-track { display: flex; }
.slider01 .slick-track .slick-slide { height: auto; }
.slider01 .slick-list { padding-bottom: 4px; }
.slider01 .slick-prev, .slider01 .slick-next { width: 60px; height: 60px; background: #16203E; border-radius: 50%; border: 2px solid #16203E; box-sizing: border-box; transition: 0.3s; top: auto; bottom: 0; z-index: 1; }
.slider01 .slick-prev::before, .slider01 .slick-next::before { content: ""; display: block; width: 12px; height: 20px; opacity: 1; background: url("../img/common/slide_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.slider01 .slick-prev:hover, .slider01 .slick-prev:focus, .slider01 .slick-next:hover, .slider01 .slick-next:focus { background: #FFFFFF; }
.slider01 .slick-prev:hover:before, .slider01 .slick-prev:focus:before, .slider01 .slick-next:hover:before, .slider01 .slick-next:focus:before { filter: brightness(0) saturate(100%) invert(10%) sepia(65%) saturate(891%) hue-rotate(192deg) brightness(92%) contrast(94%); }
.slider01 .slick-prev { left: 50%; transform: translate(-70px, 0); }
.slider01 .slick-prev::before { transform: translate(-50%, -50%) scale(-1, 1); }
.slider01 .slick-next { right: 50%; transform: translate(70px, 0); }

.slider01 + .btn01 { margin-top: 40px; }

.common_content01 a { display: block; width: 100%; height: 100%; padding: 17px 17px 47px; background: #FFFFFF; border: 3px solid #16203E; box-sizing: border-box; border-radius: 10px; box-shadow: 0 4px 0 #16203E; }
.common_content01 a .img { width: 100%; aspect-ratio: 37 / 25; border-radius: 6px; overflow: hidden; margin-bottom: 30px; }
.common_content01 a .img .in_img { width: 100%; height: 100%; transition: 0.3s; }
.common_content01 a .title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.common_content01 a .info_cate { justify-content: space-between; align-items: center; margin-top: 10px; }
.common_content01 a .info_cate .cate-list { width: auto; padding: 2px 10px; box-sizing: border-box; background: #16203E; border-radius: 100px; margin-top: 10px; }
.common_content01 a .info_cate .cate-list li { font-size: 13px; font-weight: 500; line-height: 1.46; color: #FFFFFF; }
.common_content01 a .info_cate .cate-list li:last-child::after { display: none; }
.common_content01 a .info_cate .cate-list li::after { content: "／"; }
.common_content01 a .info_cate .time { font-size: 12px; line-height: 1.42; margin-top: 13px; }
.common_content01 a .info-table { margin-top: 20px; }
.common_content01 a .info-table tr { background-image: repeating-linear-gradient(90deg, #16203E, #16203E 3px, transparent 3px, transparent 10px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; }
.common_content01 a .info-table tr:first-child th, .common_content01 a .info-table tr:first-child td { padding-top: 0; }
.common_content01 a .info-table tr th, .common_content01 a .info-table tr td { padding: 10px 0; box-sizing: border-box; font-size: 13px; line-height: 1.46; }
.common_content01 a .info-table tr th { width: 80px; }

.lineup01 a { display: block; width: 100%; padding: 15px 17px 21px; box-sizing: border-box; position: relative; }
.lineup01 a .img { width: 100%; aspect-ratio: 148 / 121; overflow: hidden; margin-bottom: 16px; }
.lineup01 a .img .in_img { width: 100%; height: 100%; transition: 0.3s; }
.lineup01 a .info_box .info-list { display: block; margin-top: 18px; }
.lineup01 a .info_box .info-list li { display: flex; align-items: center; width: 100%; margin-bottom: 10px; }
.lineup01 a .info_box .info-list li:last-child { margin-bottom: 0; }
.lineup01 a .info_box .info-list li .midashi { width: 68px; display: inline-block; padding: 2px 0; box-sizing: border-box; background: #E6FE52; border-radius: 16px; font-size: 14px; font-weight: 700; line-height: 1.71; color: #16203E; text-align: center; margin-right: 8px; }
.lineup01 a .info_box .info-list li .text { width: calc(100% - 76px); font-weight: 800; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.lineup01 a .info_box .info { display: block; }
.lineup01 a .info_box .info .cate-list { width: auto; }
.lineup01 a .info_box .info .cate-list li { padding: 2px 20px; box-sizing: border-box; background: #F7658A; border-radius: 16px; font-size: 14px; font-weight: 800; line-height: 1.71; color: #FFFFFF; margin: 0 8px 8px 0; }
.lineup01 a .info_box .info .cate-list li:last-child { margin-right: 0; }
.lineup01 a .info_box .title { font-size: 22px; line-height: 1.45; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lineup01 a .info_box .text_box { padding-top: 24px; margin-top: 24px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left top; background-repeat: repeat-x; background-size: 100% 2px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.lineup01 a .arrow { width: 48px; height: 48px; background: url("../img/p04/arrow.svg") no-repeat top 20px left 24px, #16203E; background-size: 10px; clip-path: ellipse(100% 98% at 100% 98%); position: absolute; bottom: -1px; right: -1px; }

#case-sec { padding: 100px 5%; background: #FFEEBA; }
#case-sec .text01 { text-align: left; }
#case-sec #case-slider { margin-top: 40px; }

#lineup-sec { padding: 100px 5%; background: url("../img/top/bg03_sp.jpg") no-repeat center; background-size: cover; }
#lineup-sec h2 { font-size: 46px; margin-bottom: 40px; }
#lineup-sec h2 .common_text-bg { display: inline-block; padding: 0 20px 5px; line-height: 1.43; margin-bottom: 10px; }
#lineup-sec h2 .common_text-bg:last-child { margin-bottom: 0; }

#blog-sec { padding: 100px 5%; background: #FFEEBA; }

.wrap.twin div#two-side { margin-top: 80px; }
.wrap.twin div#two-side .side_box { margin-bottom: 40px; }
.wrap.twin div#two-side .side_box:last-child { margin-bottom: 0; }
.wrap.twin div#two-side .side_box .side-title { padding: 8px 0 9px; margin-bottom: 16px; border-radius: 100px; box-sizing: border-box; background: #16203E; text-align: center; font-weight: 800; }
.wrap.twin div#two-side .side_box .side-inner select { width: 100%; height: 48px; box-sizing: border-box; padding: 11px 35px 11px 15px; font-size: 16px; line-height: 1.5; font-weight: 400; border: 1px solid #E5E5E5; font-family: 'NotoSansJP'; background: url("../img/common/select_arrow.svg") no-repeat center right 16px, #FFFFFF; background-size: 16px; border-radius: 0; -webkit-appearance: none; appearance: none; cursor: pointer; color: #000000 !important; }
.wrap.twin div#two-side .side_box .side-inner select option { color: #000000 !important; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; width: 40px; height: 40px; margin: 0 2px; background: #FFFFFF; border: 2px solid #16203E; box-sizing: border-box; border-radius: 50%; box-shadow: 0 4px 0 #16203E; text-decoration: none; font-family: "LINE Seed JP_TTF ExtraBold"; font-weight: 800; font-size: 14px; line-height: 38px; color: #16203E; text-align: center; }

.wp-pagenavi { text-align: center; margin-top: 64px; position: relative; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #F7658A; color: #FFFFFF; }
.wp-pagenavi a.page { position: relative; }
.wp-pagenavi span.extend { border: 0; margin: 0; background: transparent; box-shadow: none; width: auto; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { position: relative; color: transparent; }
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { content: ""; display: block; width: 7px; height: 12px; color: transparent; background: url("../img/common/page_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover { color: transparent; }
.wp-pagenavi a.previouspostslink:hover::before, .wp-pagenavi a.nextpostslink:hover::before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(36deg) brightness(107%) contrast(105%); }
.wp-pagenavi a.previouspostslink::before { transform: translate(-50%, -50%) scale(-1, 1); }
.wp-pagenavi a.first, .wp-pagenavi a.last { position: relative; color: transparent; }
.wp-pagenavi a.first::before, .wp-pagenavi a.last::before { content: ""; display: block; width: 14px; height: 12px; color: transparent; background: url("../img/common/page_arrow02.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.wp-pagenavi a.first:hover, .wp-pagenavi a.last:hover { color: transparent; }
.wp-pagenavi a.first:hover::before, .wp-pagenavi a.last:hover::before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(36deg) brightness(107%) contrast(105%); }
.wp-pagenavi a.first { margin-left: 0; }
.wp-pagenavi a.first::before { transform: translate(-50%, -50%) scale(-1, 1); }
.wp-pagenavi a.last { margin-right: 0; }

.post-navigation { margin-top: 64px; }

.post-navigation ul { justify-content: center; align-items: center; position: relative; }

.post-navigation ul > li { width: 64px; height: 64px; }
.post-navigation ul > li a { display: inline-block; width: 100%; height: 100%; background: #FFFFFF; border: 2px solid #16203E; box-sizing: border-box; border-radius: 50%; box-shadow: 0 4px 0 #16203E; color: transparent; position: relative; }
.post-navigation ul > li a:focus, .post-navigation ul > li a:hover { text-decoration: none; background: #F7658A; }
.post-navigation ul > li a:focus::before, .post-navigation ul > li a:hover::before { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(36deg) brightness(107%) contrast(105%); }
.post-navigation ul > li a::before { content: ""; display: block; width: 7px; height: 12px; color: transparent; background: url("../img/common/page_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.post-navigation ul > li.prev a::before { transform: translate(-50%, -50%) scale(-1, 1); }

.post-navigation ul > li.blog-back { width: 165px; height: 64px; margin: 0 20px; }
.post-navigation ul > li.blog-back a { padding-top: 19px; box-sizing: border-box; border-radius: 50px; color: #16203E; font-size: 18px; line-height: 1.44; font-weight: 900; text-align: center; }
.post-navigation ul > li.blog-back a:hover { color: #FFFFFF; }
.post-navigation ul > li.blog-back a::before { display: none; }

.post-navigation ul > li.kara { opacity: 0; pointer-events: none; }

/*TOPページ　p01
=========================================== */
.bg-img-light { width: 100%; height: 222px; position: relative; }
.bg-img-light .bg-img { width: 100vw; height: 100%; background: url("../img/top/bg-img01.png") repeat-x center; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%); animation: bgMove01 100s linear infinite; }
@keyframes bgMove01 { 0% { background-position: 0 0; }
  100% { background-position: -2569px 0; } }
#num_slider { padding: 28px 0 24px; background: #FFFFFF; border-top: 3px solid #16203E; border-bottom: 3px solid #16203E; }
#num_slider .num-list { margin-bottom: 0 !important; }
#num_slider .num-list .num_box { margin-right: 90px; position: relative; }
#num_slider .num-list .num_box::after { content: "／"; display: block; font-size: 30px; line-height: 49px; position: absolute; top: 7px; right: -60px; }
#num_slider .num-list .num_box::before { top: 0; }
#num_slider .num-list .num_box::after { bottom: 0; }
#num_slider .num-list .num_box .num { font-size: 30px; line-height: 1.6; }
#num_slider .num-list .num_box .num em { font-size: 40px; margin-left: 6px; }
#num_slider .num-list .num_box .num .mini { font-size: 16px; margin-left: 6px; }
#num_slider .num-list .num_box .sub { font-size: 12px; line-height: 1.6; margin-bottom: -15px; }
#num_slider .num-list .num_box04 .sub { margin-bottom: -4px; }

#topbox01 { background: #EFEFEF; }
#topbox01 .topbox01_top { padding: 106px 5% 0; position: relative; }
#topbox01 .topbox01_top .midashi_box { margin-bottom: 50px; }
#topbox01 .topbox01_top .midashi_box p { font-size: 26px; line-height: 1.42; }
#topbox01 .topbox01_top .midashi_box img { display: block; width: 230px; margin: -5px 10px 0 auto; }
#topbox01 .topbox01_top h2 { font-size: 32px; text-align: center; margin-bottom: 60px; }
#topbox01 .topbox01_top h2 .common_text-bg { font-size: 46px; }
#topbox01 .topbox01_top .cnt { display: block; }
#topbox01 .topbox01_top .cnt .left { margin-bottom: 40px; }
#topbox01 .topbox01_top .cnt .right p { margin-bottom: 26px; }
#topbox01 .topbox01_top .cnt .right p:last-child { margin-bottom: 0; }
#topbox01 .topbox01_top .img_box { width: 100%; max-width: 340px; margin: 30px auto -160px; position: relative; z-index: 1; }
#topbox01 .topbox01_bottom { padding: 197px 5% 100px; background: url("../img/top/bg01_sp.jpg") no-repeat center top; background-size: cover; clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0); position: relative; }
#topbox01 .topbox01_bottom h2 { font-size: 32px; text-align: center; }
#topbox01 .topbox01_bottom h2 .common_text-bg { font-size: 50px; }
#topbox01 .topbox01_bottom .bg-img-light { margin: 10px 0 50px; }
#topbox01 .topbox01_bottom .point_box { padding: 37px 17px 47px; box-sizing: border-box; background: #FFFFFF; border: 3px solid #16203E; border-radius: 10px; box-shadow: 0 4px 0 #16203E; }
#topbox01 .topbox01_bottom .point_box .point00 { display: block; padding: 40px 0; background-image: repeating-linear-gradient(90deg, #16203E, #16203E 3px, transparent 3px, transparent 10px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; }
#topbox01 .topbox01_bottom .point_box .point00:first-child { padding-top: 0; }
#topbox01 .topbox01_bottom .point_box .point00:last-child { padding-bottom: 0; background: none; }
#topbox01 .topbox01_bottom .point_box .point00 .img_box { width: 100%; max-width: 260px; margin: 0 auto 15px; position: relative; }
#topbox01 .topbox01_bottom .point_box .point00 .img_box .num { width: 149px; height: 159px; padding-top: 41px; box-sizing: border-box; position: absolute; }
#topbox01 .topbox01_bottom .point_box .point00 .img_box .num span { display: block; font-size: 20px; line-height: 1.1; }
#topbox01 .topbox01_bottom .point_box .point00 .img_box .num span em { display: block; font-size: 40px; }
#topbox01 .topbox01_bottom .point_box .point00 .text_box h3 { font-size: 30px; margin-bottom: 10px; }
#topbox01 .topbox01_bottom .point_box .point01.point00 .img_box .num { background: url("../img/top/hukidashi01.png") no-repeat center; background-size: contain; top: -100px; left: -48px; }
#topbox01 .topbox01_bottom .point_box .point02.point00 .img_box .num { background: url("../img/top/hukidashi02.png") no-repeat center; background-size: contain; top: -77px; right: -52px; }

.area_img_box { width: 100%; position: relative; }
.area_img_box p { width: 80px; height: 80px; border-radius: 50%; position: absolute; }
.area_img_box p span { display: block; font-size: 12px; line-height: 1.42; white-space: nowrap; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.area_img_box p.mark01 { width: 90px; height: 90px; padding-top: 4px; background: #E5FE52; border: 2px solid #16203E; box-sizing: border-box; top: 8.5vw; left: 22vw; }
.area_img_box p.mark02 { width: 90px; height: 90px; background: #16203E; top: 49vw; left: -3vw; }
.area_img_box p.mark03 { background: #484848; top: 38vw; right: -3vw; }
.area_img_box p.mark04 { background: #FFFFFF; bottom: -5vw; right: -3vw; }

#topbox02 { padding: 110px 5% 100px; background: #FFEEBA; }
#topbox02 .cnt .text_box { margin-bottom: 40px; }
#topbox02 .cnt .text_box p { margin-bottom: 26px; }
#topbox02 .cnt .text_box p:last-child { margin-bottom: 0; }
#topbox02 .cnt .box { padding: 42px 20px 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); border-radius: 10px; position: relative; margin-top: 57px; }
#topbox02 .cnt .box h3 { display: inline-block; padding: 6px 20px; box-sizing: border-box; background: #16203E; border-radius: 100px; font-size: 18px; line-height: 1.45; white-space: nowrap; position: absolute; top: -17px; left: 50%; transform: translateX(-50%); }
#topbox02 .feat-list { display: block; margin-top: 70px; }
#topbox02 .feat-list .feat01 { min-height: 220px; padding: 47px 17px 32px; box-sizing: border-box; background: #FFFFFF; border: 3px solid #16203E; box-shadow: 0 4px 0 #16203E; border-radius: 10px; margin-bottom: 50px; position: relative; }
#topbox02 .feat-list .feat01:last-child { margin-bottom: 0; }
#topbox02 .feat-list .feat01 .icon { width: 60px; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
#topbox02 .feat-list .feat01 h4 { font-size: 24px; line-height: 1.46; margin-bottom: 20px; }
#topbox02 .feat-list .feat01 h4 .mini { font-size: 16px; }

#topbox03 { padding: 100px 5%; background: url("../img/top/bg02_sp.jpg") no-repeat center; background-size: cover; color: #FFFFFF; }
#topbox03 .cnt { display: block; }
#topbox03 .cnt .text_box { margin-bottom: 40px; }
#topbox03 .cnt .text_box p { margin-bottom: 26px; }
#topbox03 .cnt .text_box p:last-child { margin-bottom: 0; }
#topbox03 .box { padding: 50px 20px 30px; box-sizing: border-box; border: 2px solid #E5FE52; border-radius: 10px; position: relative; margin-top: 57px; }
#topbox03 .box h3 { display: inline-block; padding: 6px 20px; box-sizing: border-box; background: #E6FE52; border-radius: 100px; font-size: 18px; line-height: 1.45; white-space: nowrap; position: absolute; top: -17px; left: 50%; transform: translateX(-50%); }
#topbox03 .box ul li { padding-left: 1em; text-indent: -1em; margin-bottom: 24px; }
#topbox03 .box ul li:last-child { margin-bottom: 0; }
#topbox03 .table_box { margin-top: 60px; }
#topbox03 .table_box h3 span { display: inline-block; font-size: 36px; line-height: 1.45; border-bottom: 2px solid #FFFFFF; }
#topbox03 .table_box .sub_text { font-size: 14px; margin-top: 20px; }
#topbox03 .table_box .hikaku-table { width: 601px; color: #000000; position: relative; margin-top: 72px; table-layout: fixed; border-collapse: collapse; }
#topbox03 .table_box .hikaku-table::before { content: ""; display: block; width: 100%; height: 126px; border: 4px solid #F7658A; border-radius: 10px; box-sizing: border-box; position: absolute; bottom: 58px; left: 0; z-index: 1; }
#topbox03 .table_box .hikaku-table col:nth-child(1) { width: 141px; }
#topbox03 .table_box .hikaku-table col:nth-child(2) { width: 160px; }
#topbox03 .table_box .hikaku-table col:nth-child(3) { width: 100px; }
#topbox03 .table_box .hikaku-table col:nth-child(4) { width: 100px; }
#topbox03 .table_box .hikaku-table col:nth-child(5) { width: 100px; }
#topbox03 .table_box .hikaku-table tr:nth-child(3) th { font-size: 11px; padding: 22px 10px; }
#topbox03 .table_box .hikaku-table tr:nth-child(4) td { background: #FFF2F5; }
#topbox03 .table_box .hikaku-table tr:nth-child(5) td { background: #FFF2F5; }
#topbox03 .table_box .hikaku-table tr:last-child th { font-size: 11px; padding: 22px 10px; border-bottom: 0; border-bottom-left-radius: 10px; }
#topbox03 .table_box .hikaku-table tr:last-child td:last-child { border-bottom: 0; border-bottom-right-radius: 10px; }
#topbox03 .table_box .hikaku-table tr th { width: 141px; padding: 18px 10px 17px; box-sizing: border-box; background: #F6F6F6; border-bottom: 2px solid #EEEEEE; vertical-align: middle; }
#topbox03 .table_box .hikaku-table tr td { padding: 8px 0 7px; box-sizing: border-box; background: #FFFFFF; text-align: center; font-family: "LINE Seed JP_TTF Bold"; font-weight: 700; vertical-align: middle; border-bottom: 2px solid #EEEEEE; border-right: 2px solid #EEEEEE; }
#topbox03 .table_box .hikaku-table tr td:nth-child(2) { width: 160px; font-size: 20px; line-height: 1.6; border-bottom: 2px solid #F7658A; position: relative; }
#topbox03 .table_box .hikaku-table tr td:nth-child(2)::before, #topbox03 .table_box .hikaku-table tr td:nth-child(2)::after { content: ""; display: block; width: 2px; height: 100%; background: #F7658A; position: absolute; top: 0; }
#topbox03 .table_box .hikaku-table tr td:nth-child(2)::before { left: 0; }
#topbox03 .table_box .hikaku-table tr td:nth-child(2)::after { right: -2px; }
#topbox03 .table_box .hikaku-table tr td:last-child { border-right: 0; }
#topbox03 .table_box .hikaku-table tr td.point { font-size: 24px; font-family: "LINE Seed JP_TTF ExtraBold"; font-weight: 800; color: #F7658A; }
#topbox03 .table_box .hikaku-table tr.first th { padding: 12px 0 8px; text-align: center; border-right: 2px solid #EEEEEE; }
#topbox03 .table_box .hikaku-table tr.first th:last-child { font-size: 12px; border-right: 0; border-top-right-radius: 10px; }
#topbox03 .table_box .hikaku-table tr.first th.f-th { width: 141px; padding: 0; background: #FFFFFF; position: relative; border-top-left-radius: 10px; background-image: linear-gradient(to left bottom, transparent calc(50% - 2px), #EEEEEE calc(50% - 1px), #EEEEEE calc(50% + 1px), transparent calc(50% + 2px), #fff); background-repeat: no-repeat; border-right: 0; }
#topbox03 .table_box .hikaku-table tr.first th.f-th span { display: inline-block; font-size: 12px; line-height: 1.42; text-align: left; position: absolute; }
#topbox03 .table_box .hikaku-table tr.first th.f-th span:first-child { top: 10px; right: 8px; }
#topbox03 .table_box .hikaku-table tr.first th.f-th span:last-child { bottom: 10px; left: 15px; }
#topbox03 .table_box .hikaku-table tr.first th.midashi { width: 160px; padding: 0; font-size: 20px; line-height: 1.45; background: #F7658A; border-bottom: 2px solid #F7658A; vertical-align: top; position: relative; border-right: 2px solid #F7658A; }
#topbox03 .table_box .hikaku-table tr.first th.midashi::before { content: ""; display: block; width: calc(100% + 2px); height: 31px; background: #F7658A; border-radius: 10px 10px 0 0; position: absolute; top: -30px; left: 0; }
#topbox03 .table_box .text-list { margin-top: 30px; }
#topbox03 .table_box .text-list li { font-size: 14px; line-height: 1.6; padding-left: 1em; text-indent: -1em; }

#topbox04 { padding: 100px 5%; }
#topbox04 .top-title01 .title { font-size: 36px; line-height: 1.36; text-align: center; }
#topbox04 .top-title01 .title .common_text-bg { font-size: 46px; }
#topbox04 .voice-list .voice00 { display: block; padding: 40px 20px 40px; box-sizing: border-box; background: #F6F6F6; border-radius: 10px; margin-bottom: 20px; }
#topbox04 .voice-list .voice00:last-child { margin-bottom: 0; }
#topbox04 .voice-list .voice00 .text_box { margin-bottom: 40px; }
#topbox04 .voice-list .voice00 .text_box h3 { font-size: 30px; line-height: 1.47; margin-bottom: 20px; }
#topbox04 .voice-list .voice00 .text_box h3 .num { display: block; width: 50px; height: 50px; background: #16203E; border-radius: 50%; font-size: 20px; line-height: 50px; text-align: center; margin: 0 auto 20px; }
#topbox04 .voice-list .voice00 .text_box p { margin-bottom: 26px; }
#topbox04 .voice-list .voice00 .text_box p:last-child { margin-bottom: 0; }
#topbox04 .voice-list .voice01.voice00 { position: relative; }
#topbox04 .voice-list .voice01.voice00 .img_box { position: relative; }
#topbox04 .voice-list .voice01.voice00 .img_box::before { content: ""; display: block; width: 100px; height: 80px; background: url("../img/top/voice_img01.png") no-repeat center; background-size: contain; position: absolute; bottom: -60px; right: -26px; z-index: 1; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img { justify-content: space-between; position: relative; margin-bottom: 22px; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img:last-child { margin-bottom: 0; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img::before { content: ""; display: block; width: 33px; height: 29px; background: url("../img/top/arrow.png") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img .img { width: calc(50% - 6px); position: relative; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img .img span { display: inline-block; padding: 4px 16px; box-sizing: border-box; border-radius: 100px; font-size: 11px; line-height: 16px; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img .befo_img.img span { background: #CCCCCC; }
#topbox04 .voice-list .voice01.voice00 .img_box .ba_img .after_img.img span { background: #F7658A; }
#topbox04 .voice-list .voice02.voice00 .img_box .movie_box { width: 100%; aspect-ratio: 16 / 9; position: relative; }
#topbox04 .voice-list .voice02.voice00 .img_box .movie_box iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#topbox04 .voice-list .voice02.voice00 .img_box .img-list { justify-content: space-between; margin-top: 13px; }
#topbox04 .voice-list .voice02.voice00 .img_box .img-list img { width: calc(50% - 6px); }

#topbox05 { padding: 100px 5% 160px; background: #F6F6F6; }
#topbox05 .cnt .text_box .top-title01 { text-align: left; }
#topbox05 .cnt .text_box .top-title01 .title { line-height: 86px; }
#topbox05 .cnt .text_box .top-title01 .title em { font-size: 80px; }
#topbox05 .cnt .text_box .reason-list li { padding: 25px 23px; box-sizing: border-box; background: #FFF3F5; border: 2px solid #FF93AE; border-radius: 100px; font-size: 18px; line-height: 1.45; position: relative; margin-bottom: 35px; text-align: center; }
#topbox05 .cnt .text_box .reason-list li:last-child { margin-bottom: 0; }
#topbox05 .cnt .text_box .reason-list li .midashi { display: inline-block; padding: 6px 20px; box-sizing: border-box; background: #F7658A; border-radius: 100px; position: absolute; top: -19px; left: 50%; transform: translateX(-50%); white-space: nowrap; }
#topbox05 .cnt .img_box { margin: 28px auto 0; }
#topbox05 .cnt .img_box img { display: block; width: 280px; margin: 0 auto -7px; }
#topbox05 .cnt .img_box .btn01 { margin-top: 0; }

#topbox05 + .bg-img-light { margin: -111px 0; }

#faq-sec { padding: 147px 5% 100px; }
#faq-sec .faq-list .faq_box { padding: 22px 0; box-sizing: border-box; border-bottom: 3px solid #16203E; }
#faq-sec .faq-list .faq_box:first-child { border-top: 3px solid #16203E; }
#faq-sec .faq-list .faq_box .t_text { padding: 0 40px; box-sizing: border-box; position: relative; cursor: pointer; }
#faq-sec .faq-list .faq_box .t_text::before { content: ""; display: block; width: 28px; height: 28px; background: url("../img/top/icon_faq01.png") no-repeat center; background-size: contain; position: absolute; top: -2px; left: 0; }
#faq-sec .faq-list .faq_box .t_text .arrow { display: block; width: 28px; height: 28px; background: #FFFFFF; border: 2px solid #16203E; border-radius: 50%; position: absolute; top: -2px; right: 0; transition: 0.3s; }
#faq-sec .faq-list .faq_box .t_text .arrow::before { content: ""; display: block; width: 12px; height: 7px; background: url("../img/top/faq_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; }
#faq-sec .faq-list .faq_box .t_text.on .arrow { background: #DBDDE1; border: 2px solid #DBDDE1; }
#faq-sec .faq-list .faq_box .t_text.on .arrow::before { transform: translate(-50%, -50%) rotate(180deg); }
#faq-sec .faq-list .faq_box .c_text { display: none; padding: 24px 0 0 40px; box-sizing: border-box; position: relative; }
#faq-sec .faq-list .faq_box .c_text::before { content: ""; display: block; width: 28px; height: 28px; background: url("../img/top/icon_faq02.png") no-repeat center; background-size: contain; position: absolute; top: 22px; left: 0; }

/*無電極ランプとは？　p02
=========================================== */
.page-induction_lamp div#bread { background: #EFEFEF; }

#p02box01 h2 { font-size: 40px; margin-bottom: 32px; }
#p02box01 .text01 { text-align: left; }
#p02box01 .cnt { display: block; margin-top: 32px; }
#p02box01 .cnt .img_box { margin-bottom: 32px; }
#p02box01 .cnt .text_box .list { margin-top: 33px; }
#p02box01 .cnt .text_box .list li { padding-left: 44px; box-sizing: border-box; line-height: 26px; position: relative; margin-bottom: 17px; }
#p02box01 .cnt .text_box .list li:last-child { margin-bottom: 0; }
#p02box01 .cnt .text_box .list li .num { display: inline-block; width: 32px; height: 32px; background: #16203E; border-radius: 50%; font-size: 14px; line-height: 32px; text-align: center; position: absolute; top: -1px; left: 0; }
#p02box01 .box { display: block; margin: 40px 0 66px; }
#p02box01 .box .box_in { background: #FFFFFF; border-radius: 10px; border-width: 3px; border-style: solid; box-sizing: border-box; }
#p02box01 .box .box_in h3 { padding: 6px 0 9px; font-size: 24px; line-height: 1.46; box-sizing: border-box; border-radius: 4px 4px 0 0; }
#p02box01 .box .box_in .text { padding: 16px 0 17px; box-sizing: border-box; font-size: 24px; line-height: 1.33; }
#p02box01 .box .box_in01 { border-color: #4F535E; margin-bottom: 20px; }
#p02box01 .box .box_in01 h3 { background-color: #4F535E; }
#p02box01 .box .box_in02 { border-color: #F7658A; position: relative; }
#p02box01 .box .box_in02::after { content: ""; display: block; width: 20px; height: 34px; background: url("../img/p02/arrow_sp.png") no-repeat center; background-size: contain; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); }
#p02box01 .box .box_in02 img { display: block; width: 90px; position: absolute; top: -18px; right: -7px; z-index: 1; }
#p02box01 .box .box_in02 h3 { background-color: #F7658A; }
#p02box01 .sub_point { font-size: 21px; line-height: 1.43; text-align: left; margin-bottom: 64px; }
#p02box01 .point { max-width: 290px; font-size: 40px; position: relative; margin: 0 auto 30px; }
#p02box01 .point .hukidashi { width: 66px; height: 70px; padding-top: 19px; box-sizing: border-box; background: url("../img/p02/hukidashi01.png") no-repeat center; background-size: contain; position: absolute; top: -48px; left: -24px; z-index: 1; }
#p02box01 .point .hukidashi span { display: block; font-size: 16px; line-height: 1.625; }
#p02box01 .cont_box { padding: 32px 20px 40px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; }
#p02box01 .cont_box h3 { font-size: 29px; line-height: 1.45; margin-bottom: 24px; text-align: left; }
#p02box01 .cont_box .cont_in { display: block; }
#p02box01 .cont_box .cont_in .text_box { margin-bottom: 40px; }
#p02box01 .cont_box .cont_in .text_box .info_box { display: block; background: #FFF2F5; border-radius: 10px; border: 2px solid #F7658A; box-sizing: border-box; margin-top: 24px; }
#p02box01 .cont_box .cont_in .text_box .info_box h4 { display: table; width: 100%; background: #F7658A; border-radius: 4px 0 0 4px; }
#p02box01 .cont_box .cont_in .text_box .info_box h4 p { display: table-cell; font-size: 20px; line-height: 30px; vertical-align: middle; }
#p02box01 .cont_box .cont_in .text_box .info_box h4 p em { display: inline-block; font-size: 26px; }
#p02box01 .cont_box .cont_in .text_box .info_box .text { padding: 10px; box-sizing: border-box; }
#p02box01 .cont_box .cont_in .text_box .info_box .text p { font-size: 20px; line-height: 47px; }
#p02box01 .cont_box .cont_in .text_box .info_box .text p em { display: inline-block; font-size: 28px; }
#p02box01 .cont_box .cont_in .movie_box .movie { width: 100%; aspect-ratio: 295 / 166; border-radius: 10px; overflow: hidden; }
#p02box01 .cont_box .cont_in .movie_box .movie iframe { width: 100%; height: 100%; }
#p02box01 .cont_box .cont_in .movie_box .caption { margin-top: 8px; }

#p02box02 .feat01 { padding: 54px 20px 21px; box-sizing: border-box; position: relative; }
#p02box02 .feat01 .title_box { display: block; margin-bottom: 16px; }
#p02box02 .feat01 .title_box .icon { width: 60px; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); }
#p02box02 .feat01 .title_box h3 { font-size: 24px; line-height: 1.33; text-align: center; }
#p02box02 .feat01 .title_box h3 .mini { display: block; font-size: 16px; line-height: 1.625; }
#p02box02 .cnt { display: block; }
#p02box02 .cnt .top-title01 { margin-bottom: 70px; }
#p02box02 .cnt .feat01 { display: block; }
#p02box02 .cnt .feat01 .info { margin-bottom: 24px; }
#p02box02 .feat-list { margin-top: 50px; }
#p02box02 .feat-list .feat01 { margin-bottom: 50px; }
#p02box02 .feat-list .feat01:last-child { margin-bottom: 0; }

#p02box03 { background: url("../img/p02/bg01_sp.jpg") no-repeat center; background-size: cover; }
#p02box03 h2 { font-size: 39px; margin-bottom: 40px; }
#p02box03 .box { padding-top: 21px; box-sizing: border-box; }
#p02box03 .box .text { width: calc(100% - 80px); margin: 0 auto 16px; }
#p02box03 .box .img { width: 100%; height: 203px; position: relative; }
#p02box03 .box .img img { width: 100%; max-width: 340px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
#p02box03 .btn01 { height: auto; min-height: 80px; margin-top: 40px; }
#p02box03 .btn01 a { padding: 11px 68px 11px 36px; box-shadow: none; }
#p02box03 .btn01 a .btn-text { line-height: 1.18; }
#p02box03 .btn01 a .arrow { width: 33px; height: 33px; right: 30px; }
#p02box03 .btn01 a .arrow::before { width: 8px; height: 13px; }

/*LED照明・水銀灯との違い　p03
=========================================== */
.page-comparison div#bread { position: absolute; color: #FFFFFF; z-index: 1; }
.page-comparison div#bread a { color: #FFFFFF; }

#p03box01 { background: url("../img/p03/bg01_sp.jpg") no-repeat center; background-size: cover; padding-top: 105px; }
#p03box01 .top-title01 { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; margin-bottom: -83px; }
#p03box01 .top-title01 .sub01 { margin-bottom: 10px; }
#p03box01 .top-title01 .title { font-size: 40px; text-align: center; }
#p03box01 .graph_box { padding: 123px 20px 40px; box-sizing: border-box; border-radius: 10px; position: relative; }
#p03box01 .graph_box .box_in { display: block; padding-bottom: 20px; box-sizing: border-box; position: relative; }
#p03box01 .graph_box .box_in::before { content: ""; display: block; width: 1px; height: 100%; background: #707070; position: absolute; top: 0; left: 0; }
#p03box01 .graph_box .box_in .midashi { display: block; font-size: 20px; line-height: 26px; margin: 0 0 8px 7px; text-align: left; }
#p03box01 .graph_box .box_in .graph { align-items: center; }
#p03box01 .graph_box .box_in .graph .line { height: 44px; background: #E3E4E9; }
#p03box01 .graph_box .box_in .graph .num { font-size: 20px; line-height: 29px; margin-left: 8px; }
#p03box01 .graph_box .box_in .graph .num .mini { font-size: 16px; }
#p03box01 .graph_box .box_in01 .graph .line { width: 15%; }
#p03box01 .graph_box .box_in02 .graph .line { width: 56%; }
#p03box01 .graph_box .box_in03 { padding-bottom: 0; }
#p03box01 .graph_box .box_in03 .graph .line { width: 100%; height: 80px; background: #F7658A; padding: 12px 10px 7px; box-sizing: border-box; text-align: center; }
#p03box01 .graph_box .box_in03 .graph .num { font-size: 28px; line-height: 61px; margin-left: 0; }
#p03box01 .graph_box .box_in03 .graph .num em { font-size: 38px; }
#p03box01 .graph_box .sub_text { font-size: 20px; line-height: 1.45; margin-top: 24px; }
#p03box01 .point-text { margin-top: 46px; font-size: 24px; line-height: 1.33; text-align: left; }
#p03box01 .point-text em { display: inline-block; font-size: 28px; line-height: 41px; border-bottom: 2px solid #FFFFFF; }
#p03box01 .point-text em.first { margin-top: 7px; }
#p03box01 .point-text em.last { margin-bottom: 16px; }

#p03box02 .top-title01 { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
#p03box02 .top-title01 .sub01 { margin-bottom: 10px; }
#p03box02 .top-title01 .title { font-size: 34px; text-align: center; }
#p03box02 .case-list .case_box { display: block; padding: 37px 17px 21px; box-sizing: border-box; margin-bottom: 40px; }
#p03box02 .case-list .case_box:last-child { margin-bottom: 0; }
#p03box02 .case-list .case_box .text_box { margin-bottom: 26px; }
#p03box02 .case-list .case_box .text_box .num { display: inline-block; padding: 0 64px 2px 20px; box-sizing: border-box; background: #E6FE52; border-radius: 100px; font-size: 18px; line-height: 26px; position: relative; margin-bottom: 16px; }
#p03box02 .case-list .case_box .text_box .num em { display: block; font-size: 32px; line-height: 52px; position: absolute; top: -16px; right: 17px; }
#p03box02 .case-list .case_box .text_box h3 { font-size: 30px; line-height: 1.33; margin-bottom: 24px; }
#p03box02 .case-list .case_box01 .img_box .area_img_box p { width: 66px; height: 66px; }
#p03box02 .case-list .case_box01 .img_box .area_img_box p.mark01 { width: 85px; height: 85px; top: -2.67vw; left: 16.53vw; }
#p03box02 .case-list .case_box01 .img_box .area_img_box p.mark02 { top: 27.73vw; left: -2.67vw; }
#p03box02 .case-list .case_box01 .img_box .area_img_box p.mark03 { top: 17.87vw; right: -2.67vw; }
#p03box02 .case-list .case_box01 .img_box .area_img_box p.mark04 { width: 72px; height: 72px; background: #EFEFEF; bottom: -2.67vw; right: -2.67vw; }
#p03box02 .case-list .case_box02 .text_box .num-list { display: block; margin-top: 25px; }
#p03box02 .case-list .case_box02 .text_box .num-list li { padding-left: 44px; box-sizing: border-box; line-height: 1.625; position: relative; margin-bottom: 16px; }
#p03box02 .case-list .case_box02 .text_box .num-list li:last-child { margin-right: 0; }
#p03box02 .case-list .case_box02 .text_box .num-list li span { display: inline-block; width: 32px; height: 32px; background: #16203E; border-radius: 50%; font-size: 14px; line-height: 32px; text-align: center; position: absolute; top: 0; left: 0; }
#p03box02 .case-list .case_box02 .img_box { display: block; border-radius: 10px; overflow: hidden; }
#p03box02 .case-list .case_box02 .img_box .img { display: flex; flex-direction: row-reverse; }
#p03box02 .case-list .case_box02 .img_box .img picture { width: calc(100% - 40px); }
#p03box02 .case-list .case_box02 .img_box .img img { width: 100%; }
#p03box02 .case-list .case_box02 .img_box .img p { width: 40px; font-size: 18px; line-height: 40px; text-align: center; writing-mode: vertical-rl; white-space: pre; letter-spacing: -0.3em; }
#p03box02 .case-list .case_box02 .img_box .img.left p { background: #F7658A; }
#p03box02 .case-list .case_box02 .img_box .img.right p { background: #4F535E; text-orientation: upright; }

#p03box03 { background: url("../img/p03/bg02_sp.jpg") no-repeat center; background-size: cover; }
#p03box03 .top-title01 .title { font-size: 46px; line-height: 1.2; }
#p03box03 .box { padding: 38px 17px 21px; box-sizing: border-box; }
#p03box03 .box .box-list { margin-top: 24px; }
#p03box03 .box .box-list .box_in { display: block; padding: 20px; box-sizing: border-box; border-radius: 10px; margin-bottom: 24px; }
#p03box03 .box .box-list .box_in:last-child { margin-bottom: 0; }
#p03box03 .box .box-list .box_in .text_box { margin-bottom: 24px; }
#p03box03 .box .box-list .box_in .text_box h3 { font-size: 24px; line-height: 35px; margin-bottom: 20px; }
#p03box03 .box .box-list .box_in .text_box h3 .mini { font-size: 18px; }
#p03box03 .box .box-list .box_in .text_box .num { display: inline-block; padding: 4px 16px 6px; box-sizing: border-box; border-radius: 100px; margin-bottom: 18px; }
#p03box03 .box .box-list .box_in .img_box { display: block; }
#p03box03 .box .box-list .box_in .img_box .img { padding-bottom: 24px; margin-bottom: 24px; background-image: repeating-linear-gradient(90deg, #8d8d8d, #8d8d8d 2px, transparent 2px, transparent 12px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; }
#p03box03 .box .box-list .box_in .img_box .img:last-child { padding-bottom: 0; margin-bottom: 0; background: none; }
#p03box03 .box .box-list .box_in01 { background: #FFF3F5; }
#p03box03 .box .box-list .box_in01 .text_box .num { background: #F7658A; }
#p03box03 .box .box-list .box_in02 { background: #EFEFEF; }
#p03box03 .box .box-list .box_in02 .text_box .num { background: #16203E; }

#p03box04 .top-title01 .title { font-size: 46px; line-height: 1.2; }
#p03box04 .scroll-hint-icon { top: 120px; }
#p03box04 .hikaku-table { width: 740px; }
#p03box04 .hikaku-table tr th, #p03box04 .hikaku-table tr td { padding: 16px 0; box-sizing: border-box; font-weight: 800; line-height: 26px; }
#p03box04 .hikaku-table tr th { border-bottom: 1px solid #E3E3E3; }
#p03box04 .hikaku-table tr td { width: 310px; padding-left: 44px; padding-right: 20px; position: relative; background: #FCFCFC; border-bottom: 1px solid #D2D2D2; }
#p03box04 .hikaku-table tr td:nth-child(2) { background: #FFF3F5; border-bottom: 1px solid #F2E2E4; }
#p03box04 .hikaku-table tr td::before { content: ""; display: block; width: 16px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 16px; left: 20px; }
#p03box04 .hikaku-table tr td.maru::before { background-image: url("../img/p03/maru.svg"); }
#p03box04 .hikaku-table tr td.maru02::before { background-image: url("../img/p03/maru02.svg"); }
#p03box04 .hikaku-table tr td.sankaku::before { background-image: url("../img/p03/sankaku.svg"); }
#p03box04 .hikaku-table tr td.batsu::before { background-image: url("../img/p03/batsu.svg"); }
#p03box04 .hikaku-table tr.first th { padding: 13px 0 11px; font-size: 18px; line-height: 26px; color: #FFFFFF; text-align: center; border-radius: 10px 10px 0 0; }
#p03box04 .hikaku-table tr.first th:nth-child(2) { width: 310px; background: #F7658A; border-bottom: 1px solid #F7658A; }
#p03box04 .hikaku-table tr.first th:last-child { width: 310px; background: #4F535E; border-bottom: 1px solid #4F535E; }

/*商品紹介　p04
=========================================== */
.edit-midashi01 { font-size: 20px; line-height: 1.45; font-weight: 800; color: #16203E; margin-bottom: 16px; }

.edit-midashi02 { padding: 7px 10px 9px; box-sizing: border-box; background: #16203E; border-radius: 27px; font-size: 16px; line-height: 1.5; font-weight: 800; color: #FFFFFF; text-align: center; margin-bottom: 24px; }

.edit_box hr { color: transparent; border: none; height: 2px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; margin: 30px 0; }

section.editBox .title_box { padding: 16px 17px 23px; box-sizing: border-box; border-radius: 5px 5px 0 0; background: #16203E; }
section.editBox .title_box .info_cate { display: block; margin-bottom: 8px; }
section.editBox .title_box .info_cate .cate-list li { padding: 0 20px 2px; box-sizing: border-box; background: #E6FE52; border-radius: 16px; font-weight: 700; color: #16203E; margin: 5px 5px 0 0; }
section.editBox .title_box .info_cate .cate-list li:last-child { margin-right: 0; }
section.editBox .title_box .info_cate .time { display: block; line-height: 1.2; color: #FFFFFF; margin-top: 12px; }
section.editBox .title_box h2 { font-size: 24px; line-height: 1.33; }
section.editBox .box_in { padding: 24px 17px 21px; box-sizing: border-box; }
section.editBox .box_in .gallery_img { display: block; }
section.editBox .box_in .gallery_img .gallery_main { margin-bottom: 0 !important; }
section.editBox .box_in .gallery_img .gallery_main .slick-prev, section.editBox .box_in .gallery_img .gallery_main .slick-next { width: 48px; height: 48px; background: transparent; border-radius: 50%; border: 2px solid #16203E; box-sizing: border-box; transition: 0.3s; z-index: 1; }
section.editBox .box_in .gallery_img .gallery_main .slick-prev::before, section.editBox .box_in .gallery_img .gallery_main .slick-next::before { content: ""; display: block; width: 8px; height: 12px; opacity: 1; background: url("../img/p05/slide_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
section.editBox .box_in .gallery_img .gallery_main .slick-prev { left: -10px; }
section.editBox .box_in .gallery_img .gallery_main .slick-prev::before { transform: translate(-50%, -50%) scale(-1, 1); }
section.editBox .box_in .gallery_img .gallery_main .slick-next { right: -10px; }
section.editBox .box_in .gallery_img .gallery_main .gallery_main01 .gallery_main_box { width: 100%; aspect-ratio: 22 / 17; }
section.editBox .box_in .gallery_img .gallery_main .img-caption { width: 100%; }
section.editBox .box_in .gallery_img .gallery_main:has(.img-caption) .slick-prev, section.editBox .box_in .gallery_img .gallery_main:has(.img-caption) .slick-next { top: calc(50% - 12px); }
section.editBox .box_in .gallery_img .gallery_thum { padding: 0 24px; box-sizing: border-box; margin-top: 16px; margin-bottom: 0 !important; }
section.editBox .box_in .gallery_img .gallery_thum .slick-prev, section.editBox .box_in .gallery_img .gallery_thum .slick-next { width: 10px; height: 18px; background: url("../img/p05/slide_arrow02.svg") no-repeat center; background-size: contain; transition: 0.3s; z-index: 1; }
section.editBox .box_in .gallery_img .gallery_thum .slick-prev::before, section.editBox .box_in .gallery_img .gallery_thum .slick-next::before { display: none; }
section.editBox .box_in .gallery_img .gallery_thum .slick-prev { left: 0; transform: translate(0, -50%) scale(-1, 1); }
section.editBox .box_in .gallery_img .gallery_thum .slick-next { right: 0; }
section.editBox .box_in .gallery_img .gallery_thum .gallery_thum01 { width: 102px; height: 80px; margin-right: 10px; cursor: pointer; position: relative; transition: 0.3s; }
section.editBox .box_in .gallery_img .gallery_thum .gallery_thum01:last-child { margin-right: 0; }
section.editBox .box_in .gallery_img .gallery_thum .gallery_thum01.slick-current::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.64); position: absolute; left: 0; top: 0; z-index: 2; box-sizing: border-box; }
section.editBox .box_in .info-table tr { display: block; padding-bottom: 20px; margin-bottom: 20px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; }
section.editBox .box_in .info-table tr:last-child { margin-bottom: 0; }
section.editBox .box_in .info-table tr th, section.editBox .box_in .info-table tr td { display: block; line-height: 1.2; }
section.editBox .box_in .info-table tr th { margin-bottom: 8px; }
section.editBox .box_in .keyword_box { margin-top: 40px; padding-top: 40px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left top; background-repeat: repeat-x; background-size: 100% 2px; }
section.editBox .box_in .keyword_box h3 { margin-bottom: 4px; }
section.editBox .box_in .keyword_box .keyword-list li { margin: 12px 10px 0 0; }
section.editBox .box_in .keyword_box .keyword-list li:last-child { margin-right: 0; }
section.editBox .box_in .keyword_box .keyword-list li a { display: inline-block; padding: 2px 12px; box-sizing: border-box; background: #EEEEEE; border-radius: 16px; white-space: nowrap; color: #16203E; }
section.editBox .box_in .keyword_box .keyword-list li a span { display: inline-block; margin-right: 2px; }

.post-type-archive-lineup div#bread, .tax-lineup_cate div#bread, .tax-lineup_keyword div#bread, .single-lineup div#bread { background: #FFEEBA; }

#p04box01 { padding-top: 54px; }
#p04box01 .lineup-all-list .lineup01 { margin-bottom: 24px; }
#p04box01 .lineup-all-list .lineup01:last-child { margin-bottom: 0; }

#lineupBox01 .box_in { padding-bottom: 40px; }
#lineupBox01 .box_in .cnt { display: block; }
#lineupBox01 .box_in .cnt .text_box { margin-top: 40px; }
#lineupBox01 .box_in .cnt .text_box .place_box { padding: 30px 23px 23px; box-sizing: border-box; background: #FFF3F5; border-radius: 10px; border: 1px solid #F87899; position: relative; margin-top: 40px; }
#lineupBox01 .box_in .cnt .text_box .place_box h3 { display: inline-block; padding: 2px 20px 4px; box-sizing: border-box; background: #F7658A; border-radius: 16px; white-space: nowrap; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); z-index: 1; }
#lineupBox01 .box_in .table_box { display: block; margin-top: 48px; }
#lineupBox01 .box_in .table_box .teble_box_in { margin-bottom: 40px; }
#lineupBox01 .box_in .table_box .teble_box_in:last-child { margin-bottom: 0; }
#lineupBox01 .box_in .edit_box { margin-top: 40px; }
#lineupBox01 .other_box { padding: 24px 17px 21px; box-sizing: border-box; background: #FFF3F5; border-radius: 0 0 5px 5px; }
#lineupBox01 .other_box h3 { font-size: 22px; line-height: 1.45; margin-bottom: 35px; text-align: center; }
#lineupBox01 .other_box .btn-list { display: block; }
#lineupBox01 .other_box .btn-list .btn01 { height: 56px; margin-top: 10px; }
#lineupBox01 .other_box .btn-list .btn01:first-child { margin-top: 0; }
#lineupBox01 .other_box .btn-list .btn01 a { justify-content: center; padding: 13px 60px 15px; background: #FF93AE; box-shadow: 0 4px 0 #16203E; }
#lineupBox01 .other_box .btn-list .btn01 a .btn-text { font-size: 18px; line-height: 1.24; }
#lineupBox01 .other_box .btn-list .btn01 a .arrow { width: 34px; height: 34px; right: 16px; }
#lineupBox01 .other_box .btn-list .btn01 a .arrow::before { width: 8px; height: 13px; }

/*導入事例　p05
=========================================== */
.post-type-archive-case_study div#bread, .tax-case_cate div#bread, .tax-case_area div#bread, .single-case_study div#bread { background: #FFEEBA; }

#p05box01 .case-all-list { display: block; }
#p05box01 .case-all-list .common_content01 { margin-bottom: 24px; }
#p05box01 .case-all-list .common_content01:last-child { margin-bottom: 0; }
#p05box01 .case-all-list .common_content01 a { padding-bottom: 21px; }
#p05box01 .case-all-list .common_content01 a .img { aspect-ratio: 4 / 3; margin-bottom: 16px; }
#p05box01 .case-all-list .common_content01 a .info_cate { display: block; margin-top: 8px; }
#p05box01 .case-all-list .common_content01 a .info_cate .cate-list { display: inline-flex; padding: 4px 12px; border-radius: 21px; margin-top: 0; }
#p05box01 .case-all-list .common_content01 a .info_cate .time { display: block; margin-top: 8px; }
#p05box01 .case-all-list .common_content01 a .info-table { margin-top: 16px; }
#p05box01 .case-all-list .common_content01 a .info-table tr:first-child th, #p05box01 .case-all-list .common_content01 a .info-table tr:first-child td { padding-top: 0; }
#p05box01 .case-all-list .common_content01 a .info-table tr:last-child { background: none; }
#p05box01 .case-all-list .common_content01 a .info-table tr:last-child th, #p05box01 .case-all-list .common_content01 a .info-table tr:last-child td { padding-bottom: 0; }
#p05box01 .case-all-list .common_content01 a .info-table tr th, #p05box01 .case-all-list .common_content01 a .info-table tr td { padding: 12px 0; }
#p05box01 .case-all-list .common_content01 a .info-table tr th { width: 109px; }

#caseBox01 .box_in .info-table { margin-top: 40px; }
#caseBox01 .box_in .edit_box { margin-top: 36px; }
#caseBox01 .box_in .bf_box { margin-top: 30px; padding-top: 30px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left top; background-repeat: repeat-x; background-size: 100% 2px; }
#caseBox01 .box_in .bf_box .edit-midashi02 { margin-bottom: 34px; }
#caseBox01 .box_in .bf_box .img_box { display: block; }
#caseBox01 .box_in .bf_box .img_box .img { position: relative; }
#caseBox01 .box_in .bf_box .img_box .img p { min-width: 78px; padding: 4px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.43; white-space: nowrap; border-radius: 100px; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); z-index: 1; }
#caseBox01 .box_in .bf_box .img_box .img .img_in { width: 100%; aspect-ratio: 148 / 99; }
#caseBox01 .box_in .bf_box .img_box .img.img_befo p { background: #CCCCCC; }
#caseBox01 .box_in .bf_box .img_box .img.img_after p { background: #F7658A; }
#caseBox01 .box_in .bf_box .img_box.img_arrow .img.img_after { margin-top: 70px; position: relative; }
#caseBox01 .box_in .bf_box .img_box.img_arrow .img.img_after::before { content: ""; display: block; width: 35px; height: 40px; background: url("../img/p05/arrow_sp.svg") no-repeat center; background-size: contain; position: absolute; top: -61px; left: 50%; transform: translateX(-50%); }
#caseBox01 .box_in .bf_box .img-text { margin-top: 20px; }
#caseBox01 .box_in .comment_box { margin-top: 40px; }
#caseBox01 .box_in .comment_box .box { padding: 24px 16px; box-sizing: border-box; background: #F6F6F6; border-radius: 10px; position: relative; margin-bottom: 20px; }
#caseBox01 .box_in .comment_box .box::before { content: ""; display: block; width: 60px; height: 20px; background: url("../img/p05/hukidashi.svg") no-repeat left bottom; background-size: contain; position: absolute; bottom: -19px; left: 66px; }
#caseBox01 .box_in .comment_box .box h3 { font-size: 24px; line-height: 1.46; margin-bottom: 24px; }
#caseBox01 .box_in .comment_box .manager_box { justify-content: space-between; align-items: flex-start; }
#caseBox01 .box_in .comment_box .manager_box .img { width: 80px; height: 80px; border-radius: 50%; }
#caseBox01 .box_in .comment_box .manager_box .manager_box_in { width: calc(100% - 96px); }
#caseBox01 .box_in .comment_box .manager_box .manager_box_in .name_box { padding-left: 57px; box-sizing: border-box; line-height: 1.625; position: relative; margin-bottom: 8px; }
#caseBox01 .box_in .comment_box .manager_box .manager_box_in .name_box span.cate { display: inline-block; padding: 3px 12px; box-sizing: border-box; background: #E6FE52; border-radius: 100px; font-size: 14px; line-height: 1.14; position: absolute; top: 4px; left: 0; }
#caseBox01 .box_in .comment_box .manager_box .manager_box_in .name_box02 { display: block; }
#caseBox01 .box_in .comment_box .manager_box .manager_box_in .name_box02 .name { font-weight: 800; }
#caseBox01 .box_in .comment_box .manager_box .box_in.full { width: 100%; }

/*選ばれる理由　p06
=========================================== */
.page-reason div#bread { background: #EFEFEF; }

.netis_box { width: 220px; padding: 9px 14px 10px; box-sizing: border-box; background: #16203E; border-radius: 10px; }
.netis_box p { font-size: 14px; line-height: 1.64; }
.netis_box p.sub { font-size: 12px; line-height: 1.58; }
.netis_box p.big { font-size: 28px; line-height: 1.6; margin: -2px 0 -4px; }

#p06box01 { padding-bottom: 80px; }
#p06box01 .cnt { display: block; }
#p06box01 .cnt .text_box { margin-bottom: 32px; }
#p06box01 .cnt .text_box h2.title { margin-bottom: 32px; font-size: 29px; line-height: 32px; text-align: center; }

#p06box02 { background: url("../img/p06/bg01_sp.jpg") no-repeat center; background-size: cover; }
#p06box02 .reason-list .reason01 { display: block; padding: 36px 17px 21px; box-sizing: border-box; margin-bottom: 40px; position: relative; }
#p06box02 .reason-list .reason01:first-child .img_box { padding: 0 10px 40px 0; box-sizing: border-box; position: relative; }
#p06box02 .reason-list .reason01:first-child .img_box .netis_box { position: absolute; bottom: 0; right: 0; z-index: 1; }
#p06box02 .reason-list .reason01:nth-child(2n) .num { background: url("../img/p06/hukidashi02.png") no-repeat center; background-size: contain; left: auto; right: -9px; }
#p06box02 .reason-list .reason01:last-child { margin-bottom: 0; }
#p06box02 .reason-list .reason01 .num { width: 64px; height: 68px; padding-top: 9px; box-sizing: border-box; background: url("../img/p06/hukidashi01.png") no-repeat center; background-size: contain; position: absolute; top: -24px; left: -9px; z-index: 1; }
#p06box02 .reason-list .reason01 .num span { display: block; font-size: 14px; line-height: 23px; }
#p06box02 .reason-list .reason01 .num span em { display: block; font-size: 24px; line-height: 40px; margin-top: -9px; }
#p06box02 .reason-list .reason01 .text_box { margin-bottom: 24px; }
#p06box02 .reason-list .reason01 .text_box h2 { font-size: 24px; line-height: 36px; color: #16203E; text-align: center; margin-bottom: 24px; }
#p06box02 .reason-list .reason01 .text_box h2 em { display: inline-block; font-size: 30px; border-bottom: 2px solid #F7658A; }
#p06box02 .reason-list .reason01 .text_box h2 .mini { font-size: 18px; }

/*会社案内　p07
=========================================== */
.page-company div#bread { background: #EFEFEF; }

#p07box01 .top-title01 { margin-bottom: 55px; }
#p07box01 .top-title01 .title { font-size: 46px; line-height: 1.2; text-align: center; }
#p07box01 .cnt { display: block; }
#p07box01 .cnt .text_box { margin-bottom: 40px; }
#p07box01 .cnt .text_box .box_in { padding: 30px 18px 22px; box-sizing: border-box; background: #FFFFFF; border-radius: 10px; border: 2px solid #F7658A; position: relative; margin-bottom: 30px; }
#p07box01 .cnt .text_box .box_in:last-child { margin-bottom: 0; }
#p07box01 .cnt .text_box .box_in h3 { width: calc(100% - 40px); max-width: 300px; min-width: 260px; display: inline-block; padding: 2px 0 4px; box-sizing: border-box; background: #F7658A; border-radius: 16px; white-space: nowrap; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); z-index: 1; }
#p07box01 .cnt .text_box .box_in .ex-link { display: inline-block; color: #16203E; text-decoration: underline; margin-top: 16px; }
#p07box01 .cnt .text_box .box_in .ex-link::after { content: ""; display: inline-block; width: 16px; height: 24px; background: url("../img/common/icon_link02.svg") no-repeat center bottom; background-size: contain; margin-left: 5px; }
#p07box01 .cnt .img_box { padding: 0 20px 20px 0; box-sizing: border-box; position: relative; }
#p07box01 .cnt .img_box .netis_box { position: absolute; bottom: 0; right: 0; z-index: 1; }

#p07box02 .top-title01 .title { font-size: 36px; text-align: center; }
#p07box02 .box-list .box { padding: 29px 17px; box-sizing: border-box; margin-bottom: 24px; }
#p07box02 .box-list .box:last-child { margin-bottom: 0; }
#p07box02 .box-list .box:last-child h3 { margin-bottom: 16px; }
#p07box02 .box-list .box h3 { font-size: 26px; margin-bottom: 24px; }
#p07box02 .box-list .box .sub_title { display: inline-block; padding: 2px 16px 4px; box-sizing: border-box; background: #E6FE52; border-radius: 44px; font-size: 18px; line-height: 26px; margin-bottom: 24px; }
#p07box02 .box-list .box .btn-list { display: block; margin-top: 24px; }
#p07box02 .box-list .box .btn-list .btn { display: inline-block; margin-bottom: 8px; }
#p07box02 .box-list .box .btn-list .btn:last-child { margin-bottom: 0; }
#p07box02 .box-list .box .btn-list .btn a { display: inline-flex; align-items: flex-start; }
#p07box02 .box-list .box .btn-list .btn a .arrow { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background-color: #16203E; box-sizing: border-box; margin-right: 8px; position: relative; transition: 0.3s; }
#p07box02 .box-list .box .btn-list .btn a .arrow::before { content: ""; display: block; width: 6px; height: 10px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#p07box02 .box-list .box .btn-list .btn a .btn-text { font-weight: 900; line-height: 23px; color: #16203E; text-decoration: underline; margin-top: 1px; }
#p07box02 .cnt { display: block; margin-top: 65px; }
#p07box02 .cnt .img_box { width: 100%; max-width: 300px; margin: 0 auto 24px; }
#p07box02 .cnt .text_box .edit-midashi02 { padding-bottom: 7px; border-radius: 44px; font-size: 18px; line-height: 1.44; }
#p07box02 .cnt .text_box .text p { line-height: 1.625; margin-bottom: 26px; }
#p07box02 .cnt .text_box .text p:last-child { margin-bottom: 0; }
#p07box02 .present_box { width: calc(100% - 40px); padding: 24px 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); border-radius: 10px; position: relative; margin: 24px auto 0; }
#p07box02 .present_box .img { width: 100%; height: 192px; position: relative; }
#p07box02 .present_box .img img { width: auto; max-width: 340px; height: 100%; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 1; }
#p07box02 .present_box .text01 { font-size: 18px; line-height: 1.4; margin-top: 24px; }
#p07box02 .present_box .text01 em { font-size: 21px; }

#p07box03 { background: url("../img/p07/bg01_sp.jpg") no-repeat center; background-size: cover; }
#p07box03 .top-title01 .title { display: inline-block; font-size: 36px; line-height: 34px; }
#p07box03 .box { padding: 29px 17px; box-sizing: border-box; position: relative; }
#p07box03 .box::before { content: ""; display: block; width: 160px; height: 138px; background: url("../img/p07/light02.png") no-repeat center; background-size: contain; position: absolute; top: -101px; left: -47px; }
#p07box03 .box .point { font-size: 24px; line-height: 1.4; margin-bottom: 24px; }
#p07box03 .box p.common_text { line-height: 1.6; }

#p07box04 .top-title01 .title { font-size: 46px; line-height: 1.2; text-align: center; }
#p07box04 .table_box { display: block; }
#p07box04 .table_box .company-table:last-child tr:last-child { margin-bottom: 0; }
#p07box04 .table_box .company-table tr { display: block; margin-bottom: 20px; padding-bottom: 20px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left bottom; background-repeat: repeat-x; background-size: 100% 2px; }
#p07box04 .table_box .company-table tr th, #p07box04 .table_box .company-table tr td { display: block; line-height: 1.2; }
#p07box04 .table_box .company-table tr th { color: #16203E; margin-bottom: 8px; }

#p07box05 { background: url("../img/p07/bg02_sp.jpg") no-repeat center; background-size: cover; }
#p07box05 .top-title01 .title { font-size: 46px; line-height: 1.4; }
#p07box05 .box-list { display: block; }
#p07box05 .box-list .box { padding: 29px 17px 27px; box-sizing: border-box; margin-bottom: 24px; }
#p07box05 .box-list .box:last-child { margin-bottom: 0; }
#p07box05 .box-list .box h3 { font-size: 26px; line-height: 1; margin-bottom: 24px; }
#p07box05 .box-list .box .img-list { justify-content: space-between; margin-top: 24px; }
#p07box05 .box-list .box01 .img-list .img { width: calc(50% - 8px); margin-right: 16px; }
#p07box05 .box-list .box01 .img-list .img:last-child { margin-right: 0; }
#p07box05 .box-list .box01 .img-list .img p { line-height: 20px; margin-top: 16px; }
#p07box05 .box-list .box02 .img-list .img { width: calc(50% - 7px); margin-right: 14px; }
#p07box05 .box-list .box02 .img-list .img:last-child { margin-right: 0; }

#p07box06 .top-title01 .title { font-size: 46px; line-height: 1.2; text-align: center; }
#p07box06 .history-list .history01 { display: block; padding: 16px 20px; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); border-radius: 10px; margin-bottom: 16px; }
#p07box06 .history-list .history01:last-child { margin-bottom: 0; }
#p07box06 .history-list .history01 .year { font-size: 24px; line-height: 35px; margin-bottom: 8px; }
#p07box06 .history-list .history01 .naiyou_box .box_in { align-items: flex-start; margin-bottom: 8px; }
#p07box06 .history-list .history01 .naiyou_box .box_in:last-child { margin-bottom: 0; }
#p07box06 .history-list .history01 .naiyou_box .box_in .day { width: 70px; }
#p07box06 .history-list .history01 .naiyou_box .box_in .text { width: calc(100% - 70px); }

/*ブログ　p08
=========================================== */
.post-type-archive-blog div#bread, .tax-blog_cate div#bread, .tax-blog_keyword div#bread, .single-blog div#bread { background: #EFEFEF; }

#p08box01 #two-side.sp { margin-top: 0; }
#p08box01 .blog-all-list { display: block; margin-top: 64px; }
#p08box01 .blog-all-list .common_content01 { margin-bottom: 23px; }
#p08box01 .blog-all-list .common_content01:last-child { margin-bottom: 0; }
#p08box01 .blog-all-list .common_content01 a { padding: 24px 17px; }
#p08box01 .blog-all-list .common_content01 a .img { aspect-ratio: 3 / 2; margin-bottom: 16px; }
#p08box01 .blog-all-list .common_content01 a .info_cate { display: block; margin-top: 16px; }
#p08box01 .blog-all-list .common_content01 a .info_cate .cate-list { display: inline-flex; padding: 2px 17px; margin-top: 0; }
#p08box01 .blog-all-list .common_content01 a .info_cate .cate-list li { line-height: 19px; }
#p08box01 .blog-all-list .common_content01 a .info_cate .time { display: block; font-size: 13px; line-height: 1.23; margin-top: 8px; }

#toc_container { background: #FFF3F5 !important; border: none !important; padding: 37px 16px 24px !important; border-radius: 10px; margin-bottom: 32px !important; width: 100% !important; font-size: 16px !important; box-sizing: border-box; position: relative; }
#toc_container p.toc_title { display: inline-block; width: calc(100% - 32px); max-width: 300px; padding: 4px 10px !important; box-sizing: border-box; background: #F7658A; border-radius: 100px; font-size: 16px; line-height: 23px; text-align: center; margin: 0 !important; color: #FFFFFF; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); z-index: 1; }
#toc_container ul.toc_list { margin-top: 0 !important; }
#toc_container ul.toc_list > li { padding-left: 40px; box-sizing: border-box; margin-bottom: 17px; }
#toc_container ul.toc_list > li:last-child { margin-bottom: 0; }
#toc_container ul.toc_list > li > a { position: relative; font-size: 18px; line-height: 26px; font-weight: 700; text-decoration: underline; color: #000000; }
#toc_container ul.toc_list > li > a .toc_number { width: 32px; height: 32px; background: #16203E; border-radius: 50%; box-sizing: border-box; font-family: "LINE Seed JP_TTF ExtraBold"; font-weight: 800; font-size: 14px; line-height: 32px; color: #FFFFFF; text-align: center; position: absolute; top: -3px; left: -40px; }

#blogBox01 div#two-side .side_box.pc { display: block !important; }
#blogBox01 .box_in { padding-top: 34px; padding-bottom: 29px; }
#blogBox01 .keyword_box { margin-top: 32px; padding-top: 32px; }
#blogBox01 .keyword_box .keyword-list li a { padding: 1px 11px; background: #FFFFFF; border: 1px solid #16203E; }
#blogBox01 .writer_box { margin-top: 32px; padding-top: 32px; background-image: repeating-linear-gradient(90deg, #16203e, #16203e 2px, transparent 2px, transparent 12px); background-position: left top; background-repeat: repeat-x; background-size: 100% 2px; }
#blogBox01 .writer_box .edit-midashi01 { margin-bottom: 12px; }
#blogBox01 .writer_box .writer_box_in { justify-content: space-between; align-items: center; }
#blogBox01 .writer_box .writer_box_in .img { width: 80px; height: 80px; border-radius: 50%; }
#blogBox01 .writer_box .writer_box_in .name_box { width: calc(100% - 96px); }
#blogBox01 .writer_box .writer_box_in .name_box .cate { margin-top: 4px; }
#blogBox01 .writer_box .text { margin-top: 16px; }
#blogBox01 .writer_box .shikaku-list { margin-top: 16px; }
#blogBox01 .writer_box .shikaku-list li { margin-bottom: 4px; }
#blogBox01 .writer_box .shikaku-list li:last-child { margin-bottom: 0; }

/*お問い合わせ　p09
=========================================== */
.page-contact div#bread { background: #EFEFEF; }

#p09box01 .cnt .text_box { text-align: center; margin-bottom: 9px; }
#p09box01 .cnt .text_box .title { display: inline-block; padding: 0 20px; box-sizing: border-box; font-size: 40px; text-align: center; position: relative; margin-bottom: 26px; }
#p09box01 .cnt .text_box .title .hukidashi { width: 66px; height: 70px; padding-top: 19px; box-sizing: border-box; background: url("../img/p09/hukidashi01.png") no-repeat center; background-size: contain; position: absolute; top: -48px; left: -25px; z-index: 1; }
#p09box01 .cnt .text_box .title .hukidashi span { display: block; font-size: 16px; line-height: 1.625; }
#p09box01 .cnt .text_box .title .common_text-bg { padding-left: 8px; padding-right: 8px; }
#p09box01 .cnt .text_box > p { text-align: left; }
#p09box01 .cnt .img_box { width: 200px; margin: 0 auto -10px; }
#p09box01 .box { padding: 29px 17px 22px; box-sizing: border-box; position: relative; z-index: 1; }
#p09box01 .box h3 { font-size: 28px; margin-bottom: 30px; }
#p09box01 .box .box-list { display: block; }
#p09box01 .box .box-list .box_in { margin-bottom: 32px; }
#p09box01 .box .box-list .box_in:last-child { margin-bottom: 0; }
#p09box01 .box .box-list .box_in h4 { font-size: 22px; line-height: 1.46; margin: 8px 0; }

#p09box02 .top-title01 .title { font-size: 46px; line-height: 1.2; }
#p09box02 .num_box-list { display: block; margin-bottom: 24px; }
#p09box02 .num_box-list .num_box { padding: 29px 16px; box-sizing: border-box; text-align: center; margin-bottom: 24px; }
#p09box02 .num_box-list .num_box:last-child { margin-bottom: 0; }
#p09box02 .num_box-list .num_box .title { font-size: 24px; line-height: 1.625; }
#p09box02 .num_box-list .num_box .tel_box { text-align: left; padding-left: 47px; }
#p09box02 .num_box-list .num_box .tel_box::before { background: url("../img/p09/icon_tel.png") no-repeat center; background-size: contain; top: 7px; }
#p09box02 .num_box-list .num_box .tel_box .tel .num { font-size: 32px; line-height: 1.625; }
#p09box02 .num_box-list .num_box .tel_box .tel-text { font-size: 14px; }
#p09box02 .num_box-list .num_box .tel_box.fax_box::before { background: url("../img/p09/icon_fax.png") no-repeat center; background-size: contain; }
#p09box02 .num_box-list .num_box .tel_box.fax_box .fax-num { font-family: "LINE Seed JP_TTF ExtraBold"; font-weight: 800; font-size: 32px; line-height: 1.625; }
#p09box02 .num_box-list .num_box .tel_box.fax_box .fax-num span { display: none; }
#p09box02 .form_wrap { padding: 29px 17px 45px; box-sizing: border-box; }
#p09box02 .form_wrap .title { font-size: 24px; line-height: 1.625; margin-bottom: 24px; }
#p09box02 .form_wrap .text-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 16px; }
#p09box02 .form_wrap .text-list li:last-child { margin-bottom: 0; }
#p09box02 .form_wrap .form_box { margin-top: 24px; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 45px; position: relative; }
ul.contact-state::before { content: ""; display: block; width: calc(100% - 20px); max-width: 280px; height: 1px; background: #CACACA; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
ul.contact-state > li { display: block; width: calc((100% / 3) - 16px); max-width: 100px; height: 100%; aspect-ratio: 1 / 1; padding-top: 14px; box-sizing: border-box; background: #D4D4D4; border-radius: 50%; position: relative; z-index: 1; margin-right: 16px; }
ul.contact-state > li:last-child { margin-right: 0; }
ul.contact-state > li::before { content: ""; display: block; width: calc(100% + 10px); height: calc(100% + 10px); border: 1px solid #F7658A; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: -1; }
ul.contact-state > li > span { display: block; width: 100%; text-align: center; font-size: 16px; line-height: 28px; font-weight: 700; color: #727272; }
ul.contact-state > li > span em { display: block; margin-top: -7px; }
ul.contact-state > li.state01 { background: #F7658A; }
ul.contact-state > li.state01::before { opacity: 1; }
ul.contact-state > li.state01 > span { color: #FFFFFF; }

ul.contact-state.contact-state02 { display: flex; flex-wrap: wrap; justify-content: center; }
ul.contact-state.contact-state02 > li.state02 { background: #F7658A; }
ul.contact-state.contact-state02 > li.state02::before { opacity: 1; }
ul.contact-state.contact-state02 > li.state02 > span { color: #FFFFFF; }

.state-text { display: none; text-align: center; color: #D92D30; font-weight: 700; font-size: 18px; margin-bottom: 40px; }

.wpcf7-form.custom-wpcf7c-confirmed .state-text { display: block; }
.wpcf7-form.custom-wpcf7c-confirmed ul.contact-state { margin-bottom: 20px; }

.contactTBL { /*お問い合わせ項目*/ /*住所*/ /*添付ファイル*/ /*doui-check*/ /*送信ボタン*/ }
.contactTBL::placeholder { color: #989898; }
.contactTBL th, .contactTBL td { display: block; font-size: 16px; line-height: 24px; }
.contactTBL th { margin-bottom: 16px; }
.contactTBL th .hissu, .contactTBL th .ninni { display: inline-block; font-size: 14px; line-height: 19px; font-weight: 800; padding: 1px 6px 2px; box-sizing: border-box; margin-right: 8px; }
.contactTBL th .hissu { background: #D92D30; color: #FFFFFF; }
.contactTBL th .ninni { background: #E6E6E6; }
.contactTBL td { margin-bottom: 64px; }
.contactTBL input.wpcf7-text, .contactTBL textarea.wpcf7-form-control.wpcf7-textarea, .contactTBL select.wpcf7-form-control.wpcf7-select { width: 100%; height: 48px; padding: 11px 17px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 0; font-family: 'NotoSansJP'; font-size: 16px; font-weight: 400; line-height: 1.5; color: #000000; cursor: pointer; }
.contactTBL input.wpcf7-text.tel01 { max-width: 200px; }
.contactTBL textarea.wpcf7-form-control.wpcf7-textarea { height: 160px; }
.contactTBL .koumoku .wpcf7-list-item { display: block; margin: 16px 0 0 0; }
.contactTBL .koumoku .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; }
.contactTBL .koumoku .wpcf7-list-item label input[type="radio"], .contactTBL .koumoku .wpcf7-list-item label input[type="checkbox"] { width: 16px; height: 16px; background: #FFFFFF; border: 1px solid #E5E5E5; margin-right: 8px; cursor: pointer; }
.contactTBL .koumoku .wpcf7-list-item.first { margin-top: 0; }
.contactTBL .address_box th .sub_text { display: block; font-size: 14px; line-height: 1.22; margin-top: 8px; font-weight: 400; }
.contactTBL .address_box .address-list { margin-top: 24px; }
.contactTBL .address_box .address-list li { margin-bottom: 16px; }
.contactTBL .address_box .address-list li:last-child { margin-bottom: 0; }
.contactTBL .address_box .address-list li .th { line-height: 1.2; margin-bottom: 12px; }
.contactTBL .address_box .address-list li select.wpcf7-form-control.wpcf7-select { width: auto; min-width: 170px; height: 48px; padding: 11px 30px 11px 17px; background: url("../img/p09/select_arrow.svg") no-repeat center right 16px, #FFFFFF; background-size: 10px; -webkit-appearance: none; appearance: none; }
.contactTBL .address_box .address-list li select.wpcf7-form-control.wpcf7-select option { color: #000000; }
.contactTBL .address_box .address-list li.zip1 .td { display: flex; align-items: center; }
.contactTBL .address_box .address-list li.zip1 .td input.wpcf7-text { width: 110px; }
.contactTBL .address_box .address-list li.zip1 .td .sub_text { display: inline-block; font-size: 14px; line-height: 1.22; margin-left: 10px; }
.contactTBL .bikou-list { margin-top: 10px; }
.contactTBL .bikou-list li { padding-left: 1em; text-indent: -1em; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler { border: none; border-radius: 0; margin-bottom: 0; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container { padding: 0; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner { width: auto; text-align: left; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3, .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span { display: none; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: block; content: "※ファイルが選択されていません"; font-size: 15px; font-weight: 400; color: #000000; margin-top: 4px; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { display: block; width: 100%; height: 48px; padding: 14px 0 14px 26px; box-sizing: border-box; background: #000000; border: 0; border-radius: 0; font-size: 16px; font-weight: 700; line-height: 1; color: #FFFFFF; text-align: center; transition: 0.3s; position: relative; }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn::before { content: ""; display: block; width: 16px; height: 20px; background: url("../img/p09/icon_file.png") no-repeat center; background-size: contain; position: absolute; top: 50%; left: calc(50% - 60px); transform: translate(-50%, -50%); filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(235deg) brightness(104%) contrast(101%); }
.contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter { display: none; }
.contactTBL .codedropz-upload-wrapper .wpcf7c-conf.wpcf7c-conf-hidden { display: none; }
.contactTBL .codedropz-upload-wrapper:has(.dnd-upload-status) .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: none; }
.contactTBL .doui-box td { margin-bottom: 40px; }
.contactTBL .doui-box .doui-text { margin-top: 8px; }
.contactTBL .doui-box .doui-text a { color: #2487C4; text-decoration: underline; }
.contactTBL .doui-box .wpcf7-list-item { display: block; margin-left: 0; }
.contactTBL .doui-box .wpcf7-list-item label { display: flex; align-items: center; justify-content: flex-start; }
.contactTBL .doui-box .wpcf7-list-item label span.wpcf7-list-item-label { position: relative; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.contactTBL .doui-box .wpcf7-list-item label input[type="checkbox"] { width: 16px; height: 16px; margin-right: 5px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 100%; cursor: pointer; }
.contactTBL .contact-submit.flex { display: block; }
.contactTBL .contact-submit.flex .btn01 { width: 100%; height: 80px; margin-top: 0; }
.contactTBL .contact-submit.flex .btn01 input.wpcf7-form-control { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; padding: 0 67px 0 37px; box-sizing: border-box; white-space: normal; border-radius: 50px; background-color: #E6FE52; background-image: url("../img/p09/arrow.png"); background-repeat: no-repeat; background-position: center right 26px; background-size: 31px; border: 3px solid #16203E; cursor: pointer; transition: 0.3s; font-family: 'NotoSansJP'; font-size: 22px; line-height: 1.2; color: #16203E; font-weight: 900; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-align: left; }
.contactTBL .contact-submit.flex .btn01:has(.wpcf7c-force-hide) { display: none; }
.contactTBL .contact-submit.flex .btn01.back { margin-top: 20px !important; }
.contactTBL .contact-submit.flex .btn01.back input.wpcf7-form-control { padding: 0 37px 0 67px; background-color: #FFFFFF; background-image: url("../img/p09/arrow_back.png"); background-position: center left 26px; }
.contactTBL .contact-submit.flex .wpcf7c-elm-step2.mt20 { width: 100%; text-align: center; margin-top: 20px; }
.contactTBL .contact-submit.flex input.wpcf7-form-control:focus { outline: none; }

/*確認画面時の表示設定*/
#p09box02 .form_wrap:has(.contactArea.che) { background: #eee; }

.contactArea.che .contactTBL td { margin-bottom: 20px; }
.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .file-text, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox], .contactArea.che input[type=radio] { display: none; }
.contactArea.che input[type=checkbox]:checked, .contactArea.che input[type=radio]:checked { display: inline-block; }
.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label, .contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label, .contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }
.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 185px; margin-top: -185px; }

.wpcf7c-conf { background-color: #D4D4D4 !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; }

.wpcf7 .ajax-loader { display: none !important; }

.wpcf7-spinner { display: none !important; }

/*Thanks・404
=========================================== */
#other { padding: 100px 5%; text-align: center; }
#other h2 { font-size: 24px; margin-bottom: 30px; }
#other p { position: relative; }

/*プライバシーポリシー
=========================================== */
div#pageBox01 { padding: 100px 5%; }

h2.pp-title01 { font-size: 24px; border-bottom: solid 2px; margin-bottom: 30px; padding-bottom: 10px; }

h3.pp-title02 { font-size: 20px; position: relative; margin: 20px 0; padding-left: 10px; }
h3.pp-title02::before { content: ""; width: 2px; height: 65%; background: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 0px) and (max-width: 374px) { .top-title01 .title { font-size: 14.93vw; }
  .top-title01 .sub01 { font-size: 6.4vw; }
  .top-title01 .sub02 span { font-size: 5.33vw; }
  .title02 { font-size: 14.93vw; }
  #main.home_main .text_box .main_title { font-size: 10.67vw; }
  #main.home_main .text_box .main_title em { font-size: 21.33vw; }
  #trial-sec .title { font-size: 9.07vw; }
  #trial-sec .title em { font-size: 17.6vw; }
  #topbox01 .topbox01_top h2 .common_text-bg { font-size: 12.27vw; }
  #topbox01 .topbox01_bottom h2 .common_text-bg { font-size: 13.33vw; }
  #topbox03 .table_box h3 span { font-size: 9.6vw; }
  #topbox04 .top-title01 .title { font-size: 9.6vw; }
  #topbox04 .top-title01 .title .common_text-bg { font-size: 12.27vw; }
  #lineup-sec h2 { font-size: 12.27vw; }
  #topbox05 .cnt .text_box .top-title01 .title { line-height: 22.93vw; }
  .wp-pagenavi > span, .wp-pagenavi > a { width: 10.54vw; height: 10.54vw; line-height: 10vw; }
  .wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { width: 1.87vw; height: 3.2vw; }
  .wp-pagenavi a.first::before, .wp-pagenavi a.last::before { width: 3.73vw; height: 3.2vw; }
  .post-navigation ul > li { width: 17.07vw; height: 17.07vw; }
  .post-navigation ul > li a::before { width: 1.87vw; height: 3.2vw; }
  .post-navigation ul > li.blog-back { width: 44vw; height: 17.07vw; margin: 0 5.33vw; }
  .post-navigation ul > li.blog-back a { padding-top: 5.07vw; }
  #p03box01 .top-title01 .title { font-size: 10.67vw; }
  #p03box01 .graph_box .box_in .graph .num { font-size: 5.25vw; margin-left: 2vw; }
  #p03box01 .graph_box .box_in .graph .num .mini { font-size: 4.27vw; }
  #p03box01 .graph_box .box_in03 .graph .num { font-size: 7.47vw; margin-left: 0; }
  #p03box01 .graph_box .box_in03 .graph .num em { font-size: 10.13vw; }
  #p03box01 .point-text em { font-size: 24px; }
  #p06box01 .cnt .text_box h2.title { font-size: 7.73vw; line-height: 8.53vw; }
  #p07box02 .top-title01 .title { font-size: 9.60vw; }
  #p07box02 .present_box .img { height: 40.53vw; }
  ul.contact-state > li { padding-top: 4vw; }
  ul.contact-state > li > span { font-size: 4.27vw; line-height: 7.5vw; }
  #p09box02 .num_box-list .num_box .tel_box .tel .num { font-size: 8vw; }
  #p09box02 .num_box-list .num_box .tel_box.fax_box .fax-num { font-size: 8vw; } }
@media screen and (min-width: 0px) and (max-width: 355px) { .sp-nav-list .navs-list .btn01.contact_btn a { padding-right: 15px; }
  #footer .bottom_box .left .system_box a .title { font-size: 15px; }
  #footer .bottom_box .left .system_box a .title em { font-size: 28px; } }
@media screen and (min-width: 0px) and (max-width: 340px) { .btn01.contact_btn a .btn-text { font-size: 20px; } }
@media screen and (min-width: 0px) and (max-width: 330px) { #footer .bottom_box .left .designation_box div.flex img { height: 65px; } }
/*safari用
=========================================== */
.safari #p03box02 .case-list .case_box02 .img_box .img p { letter-spacing: 0.1em; }
