@charset "UTF-8";
/* @font-face { font-family: 'logoFont'; src: url('../font/07LogoTypeGothic-Condense_web.woff2') format('woff'); } */

/* Normalize.css
======================================================== */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
/* Soft reset */
figure { margin: 0; }
ul, ol, dd { margin: 0; padding: 0; list-style: none; }
h1, h2 h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }
p { margin: 0; }

/* Common
======================================================== */
html { font-size: 62.5%; }
body { font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif; font-size: 1.6rem; /* 16px */ letter-spacing: 0.05em; color: #333; overflow-x: hidden; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* Link */
a { color: #142fc3; }
a:hover { cursor: pointer; text-decoration: none; opacity: 0.7; }
/* Paragraph */
p { font-size: 1.6rem; line-height: 1.5; padding-bottom: 3rem; }
/* Heading */
h2 { position: relative; margin: 0 0 20px; padding: 20px 15px; color: #fff; font-size: 2.8rem; font-weight: bold; line-height: 1.3; background: #004da0; }
h2:before { position: absolute; top: 5px; left: 0; content: ""; display: block; width: 100%; height: 1px; background: #5990cb; }
h2:after { position: absolute; bottom: 5px; left: 0; content: ""; display: block; width: 100%; height: 1px; background: #5990cb; }
h3 { margin: 0 0 20px; padding: 0 0 10px; color: #333; font-size: 2.6rem; font-weight: bold; line-height: 1.3; border-bottom: 1px solid #004da0; }
h4 { margin: 0 0 20px; padding: 0; color: #004da0; font-size: 2.4rem; font-weight: bold; line-height: 1.3; }
h5 { margin: 0 0 20px; padding: 12px 17px; color: #333; font-size: 2.0rem; font-weight: bold; line-height: 1.3; background: #f1f7f7; }

@media screen and (max-width: 600px) {
  html { font-size: 50%; }
  body { width: 100%; }
  html.open { height: 100%; overflow: hidden; }
  body.open { position: fixed; width: 100%; height: 100%; left: 0; overflow: hidden; }
  p { font-size: 1.5rem; line-height: 1.5; }
  h2 { margin: 0 0 4vw; padding: 3vw 2vw; font-size: 2.5rem; line-height: 1.3; }
  h2:before { top: 1vw; }
  h2:after { bottom: 1vw; }
  h3 { padding: 0 0 2vw; font-size: 2.4rem; }
  h4 { margin: 0 0 4vw; padding: 0; font-size: 2.25rem; }
  h5 { margin: 0 0 5vw; padding: 3vw; font-size: 2.1rem; }
  .SingleColumn ul li { margin-bottom: 3vw; }
  .SingleColumn ul li:before { margin-right: 1vw; }
  #ez-toc-container { margin-bottom: 8vw !important; }
  div#ez-toc-container p.ez-toc-title { line-height: 2.2; }
  .SingleColumn p { line-height: 1.6; padding-bottom: 4rem; }
}

/* Utility classes
======================================================== */
/* Width */
.--Wrap { width: 1000px; margin: 0 auto; }

@media only screen and (min-width:600px) and (max-width:1000px) {
  .--Wrap { width: 100%; }
}

@media screen and (max-width: 600px) {
  .--Wrap { width: 90%; }
}

/* PC or SP */
.--PC { display: block; }
.--PC + br { display: none !important; }
.--SP {  display: none; }
.--SP + br { display: none !important; }
.--DisplayNone { display: none; }
@media screen and (max-width: 600px) {
.--PC { display: none !important; }
.--SP { display: block !important; }
}

/* Space */
.--PaddingTopM { padding-top: 80px; }

/* Alignment */
.--AlignLeft { text-align: left; }
.--AlignCenter { text-align: center; }
.--AlignRight { text-align: right; }

/* Color */
.--ColorWhite { color: #fff; }
.--ColorOrange { color: #f17b00; }
.--ColorGreen { color: #8cc252; }
.--ColorNavy { color: #034099; }
.--ColorRed { color: #f10000; }
.--ColorGradation { background: -webkit-linear-gradient(0deg, #0072c7, #00b342); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Background */
.--BgWhite { background: #fff; }
.--BgBlue { background: #0c3b99; }
.--BgLightBlue { background: #e7f5f6; }
.--BgOrange { background: #f17b00; }
.--BgGreen { background: #8cc252; }

/* Layout */
.--PositionRelative { position: relative; }
.--PositionAbsolute { position: absolute; }
.--DisplayFlex { display: flex; }
.--JustifyContentStart { justify-content: flex-start; }
.--JustifyContentCenter { justify-content: center; }
.--JustifyContentEnd { justify-content: flex-end; }
.--JustifyContentSpaceBetween { justify-content: space-between; }
.--AlignItemsStart { align-items: flex-start; }
.--AlignItemsCenter { align-items: center; }
.--FlexWrapWrap { flex-wrap: wrap; }
.--FlexDirectionColumn { flex-direction: column; }

/* Images */
.--ObjectFitCover { position: relative; display: block; width: 100%; background: #eaeaea; overflow: hidden; object-fit: cover; }
.--ObjectFitCover:before { content: ""; display: block; }
.--ObjectFitCover img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; }

/* Decoration */
.--Balloon { position: relative; display: inline-block; background: #fff; }
.--Balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -50px; border: 50px solid transparent; border-top: 40px solid #fff; }

/* WordPress Default */
.alignright { float: right; margin: 0 0 2rem 2rem; }
.alignleft { float: left; margin: 0 2rem 2rem 0; }
.aligncenter { display: block; margin: 2rem auto; text-align: center; }

.--DropShadow { filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.1)); }
.--BoxShadow { box-shadow: 0 0 8px #e9e9e9; }
.--BorderRadius20px { border-radius: 20px; }
.--BorderRadius10px { border-radius: 10px; }
.--BorderBottomNone { border-bottom: none !important; }
@media screen and (max-width:600px) {
  .--Balloon:before { margin-left: -6vw; border: 6vw solid transparent; border-top: 5vw solid #fff; }
  .alignright { width: 40%; height: auto; }
  .alignleft { width: 40%; height: auto; }
  .aligncenter { /* width: 100% !important; height: auto; */ }
}

/* Button */
.--TopButton a { display: inline-block; margin: 0; padding: 20px 0; width: 70%; color: #fff; font-size: 2.2rem; font-weight: bold; text-decoration: none; text-align: center; border-radius: 40px; }
@media screen and (max-width:600px) {
  .--TopButton a { padding: 2.5vw 0; width: 90%; font-size: 1.8rem; }
}

/* YouTube */
.--YouTube { position: relative; padding-top: 56.25%; /* (16:9) */ }
.--YouTube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width:600px) {
  .Layout__YouTube { margin: 0 auto; width: 90%; }
}

/* TinyMCE Toolbar
======================================================== */
/* Yellow */
.yellow_marker { background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFF88 0%) repeat scroll 0 0; }
/* Red */
.red_marker { background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFABCE 0%) repeat scroll 0 0; }
/* Blue */
.blue_marker { background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #A7F1FF 0%) repeat scroll 0 0; }

/* Header
======================================================== */
.GlobalLayout__Header { position: sticky; position: -webkit-sticky; top: 0; z-index: 99; background: #fff; margin: 0; padding: 0; width: 100%; /* height: 90px; */ border-bottom: 1px solid #e8e8e8; }
.Header { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 20px 0 15px; width: 1140px; }
.Header dl { display: flex; align-items: center;  }
.Header__Logo { display: flex; align-items: flex-start; width: 205px; }
.Header__Logo img { width: 100%; height: auto; }
.Header__Online { display: flex; align-items: flex-start; width: 192px; margin: 0 0 0 23px; }
.Header__Online img { width: 100%; height: auto; }

@media only screen and (min-width:600px) and (max-width:1160px) {
  .Header { padding: 1.75vw 0 1.25vw; width: 100%; }
  .Header__Logo { width: 40%; }
  .Header__Online { width: 38%; margin: 0 0 0 2vw; }
}

@media screen and (max-width: 600px) {
  .GlobalLayout__Header { height: 13vw; margin: 0; padding: 0; }
  .Header { justify-content: flex-start; margin: 0; padding: 0; width: 100%; }
  .Header__Logo { width: 33%; margin-left: 20%; }
  .Header__Online { width: 33%; margin: 0 0 0 4%; }
}

/* Global Navigation
======================================================== */
.HeaderNavi { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; }
.GlobalNavi { display: flex; justify-content: center; margin: 0; padding: 0; }
.GlobalNavi li { display: flex; border: 1px solid #5887cb; border-radius: 3vw; margin: 0 0 0 10px; position: relative; overflow: hidden; }
.GlobalNavi li a { display: flex; justify-content: center; align-items: center; width: 11rem; padding: 1.75rem 0.5rem; color: #686868; font-size: 1.4rem; font-weight: normal; text-decoration: none; text-align: center; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all  0.7s ease; }
.GlobalNavi li a:hover { color: #fff; opacity: 1.0; background: #02409a; }
.GlobalNavi li a:hover:before { transform-origin: left top; transform: scale(1, 1); }
.GlobalNavi li:first-child { background: #f17b00; border: 1px solid #f17b00; }
.GlobalNavi li:first-child a { color: #fff; }
.GlobalNavi li:first-child a span { z-index: 1; }
.GlobalNavi li:first-child a:hover:before { transform-origin: left top; transform: scale(1, 1); }
.GlobalNavi li:first-child a:hover { color: #f17b00; background: #fff; }
.GlobalNavi li:first-child a, .GlobalNavi li:first-chld a:visited { color: #fff; }

@media only screen and (min-width:600px) and (max-width:1160px) {
  .GlobalNavi li { margin: 0 0 0 1vw; }
  .GlobalNavi li a { padding: 0.95vw 0.65vw; width: 9vw; font-size: 1.17vw; }
}
@media only screen and (min-width:600px) and (max-width:720px) {
  .GlobalNavi { flex-wrap: ; }
}
@media screen and (max-width: 600px) {
  .GlobalNavi li:first-child { display: block; }
}

/* Dropdown Menu
======================================================== */
.GlobalNavi li { position: relative; }
.GlobalNavi li a:hover .sub-menu { transform: scaleY(1); /*Gナビメニューにホバーしたら表示*/ }
.GlobalNavi .sub-menu { position: absolute; z-index: 1000; display: none; background: rgba(214,174,88,0.95); top: 45px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 200px; /* box-shadow: 0 0 3px 2px rgba(7,0,2,0.17); */ }
.GlobalNavi .sub-menu li { position: relative; display: flex; flex-direction: column; margin: 0; padding: 0; text-align: center; white-space: nowrap; }
.GlobalNavi .sub-menu li a { display: block; margin: 0 auto; padding: 20px 0; width: 100%; color: #fff; font-size: 1.3rem; text-align: center; border-bottom: 1px solid #fff; }
.GlobalNavi .sub-menu li a:hover { opacity: 0.7; }
.GlobalNavi .sub-menu li a:after { display: none; }
.GlobalNavi .open { display: block !important; }

@media screen and (max-width: 600px) {
  .HeaderNavi { display: initial; justify-content: initial; align-items: initial; position: absolute; top: 0; right: 0; margin-right: 15vw; }
  .NaviSP { transform: initial !important; margin: 0; padding: 0; list-style-type: none; display: flex; flex-direction: column; border-top: 1px solid #a3aece; }
  .NaviSP li { width: 100%; text-align: left; border-bottom: 1px solid #a3aece; }
  .NaviSP li:after { display: none; }
  .NaviSP li a { position: relative; display: block; margin: 0; padding: 4vw 0; font-size: 2.0rem; font-weight: bold; color: #fff; text-decoration: none; }
  .NaviSP li a:hover { transform: initial; -webkit-transition: initial; transition: initial; opacity: 1.0; margin: 0; padding: 4vw 0; text-indent: initial; }
  .NaviSP li.menu-item-has-children a:after { position: absolute; right: 2vw; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: bold; }
  .NaviSP li.menu-item-has-children a.on { color: #1b3450; }
  .NaviSP li.menu-item-has-children a.on:after { content: "\f106"; background: none; }
  .NaviSP .sub-menu { z-index: initial; background: initial; position: initial; top: initial; left: initial; transform: initial; -webkit-transform: initial; -ms-transform: initial; width: initial; box-shadow: initial; margin: initial; }
  .NaviSP .sub-menu li:first-child { border-top: 1px solid #a08653; }
  .NaviSP .sub-menu li:last-child { border-bottom: none; }
  .NaviSP .sub-menu li a { font-size: 1.8rem; font-weight: normal; padding: 3.5vw 0; background: none; }
  .NaviSP .sub-menu li a:after { display: none; }
  .NaviSP .open { display: block; margin: 0; padding: 0; }
/* Hamburger Button */
  .menu-btn { position: fixed; top: 1.0vw; left: 0%; width: 15%; height: 10vw; cursor: pointer; z-index: 101; -webkit-transition: all 3s ease-in-out; transition: all .3s ease-in-out; }
  .menu-btn:after { position: absolute; bottom: -1.5vw; width: 100%; color: #003795; font-size: 1.0rem; text-align: center; white-space: nowrap; content: "メニュー"; transform: scale(0.8); }
  .menu-btn-line { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 3px; width: 50%; background: #003795; -webkit-transition: all 3s ease-in-out; transition: all .3s ease-in-out; }
  .menu-btn-line::before, .menu-btn-line::after { content: ""; height: 3px; width: 100%; background: #003795; position: absolute; left: 0; -webkit-transition: inherit; transition: inherit; }
  .menu-btn-line::before{ top: -2.5vw; }
  .menu-btn-line::after{ top: 2.5vw; }
/* Hamburger Button OnClick */
  .open .sp-nav-item { -webkit-transition: all .5s; transition: all .5s; visibility: visible; opacity: 1; overflow-y: auto; }
  .open .menu-btn { border-color: #fff; }
  .open .menu-btn-line { background-color: transparent; }
  .open .menu-btn-line::before,  .open .menu-btn-line::after { top: 0; background: #fff; }
  .open .menu-btn-line::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); /* × Icon */}
  .open .menu-btn-line::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); /* × Icon */}
  .NaviSP { display: none; }
  body.open .NaviSP { display: block; }
/* Dropdown Menu */
  .sp-nav-item { position: fixed; display: flex; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; background: rgba(3,64,153,0.95); visibility: hidden; opacity: 0; z-index: 100; }
  .sp-nav-item ul { transform: translateY(30%); margin: 15vw 0 0; padding: 0; list-style-type: none; }
  .sp-nav-item li { width: 100%; text-align: center; /* border-bottom: 1px dotted #fff; */ }
}

/* 見出し */
main.TokuToku30 { padding: 0; }
main.TokuToku30 h2 { margin: 0; padding: 40px 0; width: 100%; color: #02409a; font-size: 5.6rem; font-weight: bold; line-height: 1.5; text-align: center; border: none; }
main.TokuToku30 h2.--Balloon:before { display: initial; width: initial; height: initial; background: initial; }
main.TokuToku30 h2.--Balloon:after { display: none; }
main.TokuToku30 h2 span { display: block; font-size: 2.0rem; font-weight: normal; }
main.TokuToku30 .--BgBlack h2:before { display: none !important; }

.TopRegistration h2:before, .TopRegistration h2:after,
.TopReport h2:before, .TopReport h2:after,
.TopFlow h2:before, .TopFlow h2:after { display: none; }

@media only screen and (min-width:600px) and (max-width:1000px) {

}
@media screen and (max-width: 600px) {
  main.TokuToku30 { padding: 0; }
  main.TokuToku30 h2 { padding: 4vw 0 8vw; font-size: 3.2rem; line-height: 1.2; }
  main.TokuToku30 h2 span { font-size: 1.6rem; margin-top: 2vw; }
}

/* MV */
.GlobalLayout__MainVisual { margin: 0; padding: 0; width: 100%; background: url(../../../uploads/2023/02/mv_bg_pc.jpg) no-repeat center top; background-size: cover; }
.MainVisual { margin: 0 auto; padding: 40px 0; width: 1280px; letter-spacing: 0; }
.MainVisual__Text { margin: 0 auto; width: 94%; color: #fff; line-height: 1.5; }
.MainVisual__Text h1 { position: relative; z-index: 1; background: none; border: none; font-size: 6.6rem; font-weight: bold; line-height: 1.2; }
.MainVisual__Text h1 span { display: block; padding: 20px 0; font-size: 3.0rem; }
.MainVisual__Off { position: relative; z-index: 1; margin: 0; padding: 0; width: 730px; }
.MainVisual__Off img { width: 100%; height: auto; }
.MainVisual__Text p { position: relative; z-index: 1; padding: 20px 0 0; width: 46%; font-size: 1.5rem; line-height: 1.55; letter-spacing: 0.05em; }
.MainVisual__Button { width: 46%; }
.MainVisual__Button a { position: relative; z-index: 1; display: block; margin: 0; padding: 20px 0; width: 100%; color: #fff; font-size: 2.8rem; font-weight: bold; text-decoration: none; text-align: center; background: #f17b00; border: 1px solid #fff; border-radius: 40px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all  0.7s ease; }
.MainVisual__Button a small { font-size: 1.5rem; font-weight: 400; }
.MainVisual__Button a:hover { color: #f17b00; opacity: 1.0; background: #fff; }
.MainVisual__Img { top: 15px; right: -2%; }
.MainVisual__ImgMedal { top: 0; right: 100px; width: 28%; height: auto; }
.MainVisual__ImgDevice { margin-top: 130px; width: 100%; height: auto; }

@media only screen and (min-width:600px) and (max-width:1280px) {
  .MainVisual { padding: 3.125vw 0; width: 100%; }
  .MainVisual__ImgMedal { top: 1.5vw; right: 7vw; width: 15.5vw; height: auto; }
  .MainVisual__ImgDevice { margin-top: 11.5vw; width: 55vw; height: auto; }
  .MainVisual__Text h1 { font-size: 5.1vw; }
  .MainVisual__Text h1 span { padding: 3vw 0; font-size: 2.35vw; }
  .MainVisual__Off { width: 57.031vw; }
  .MainVisual__Text p { padding: 3.2vw 0 0; font-size: 1.4vw; }
  .MainVisual__Button { width: ; }
  .MainVisual__Button a { padding: 1.5vw 0; width: 33vw; font-size: 1.5vw; }
}

@media screen and (max-width: 600px) {
  .GlobalLayout__MainVisual { padding-bottom: 0; background: url(../../../uploads/2023/02/mv_bg_sp.jpg) no-repeat center top; background-size: cover; }
  .MainVisual { padding: 4vw 2%; width: 96%; }
  .MainVisual__Text { text-align: center; }
  .MainVisual__Text h1 { font-size: 5.8rem; line-height: 1.2; }
  .MainVisual__Text h1 span { padding: 4vw 0; font-size: 2.4rem; }
  .MainVisual__Off { width: 100%; }
  .MainVisual__Text p { width: 100%; padding: 4vw 0; font-size: 1.5rem; line-height: 1.2; }
  .MainVisual__Button { margin-top: 65vw; width: 100%; }
  .MainVisual__Button a { width: 100%; padding: 2.5vw 0; font-size: 1.9rem; }
  .MainVisual__Img { width: 100%; top: 65vw; right: initial; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
  .MainVisual__ImgMedal { right: 5vw; width: 31%; }
  .MainVisual__ImgDevice { margin: 72vw 5% 0; width: 90%; }
}


/* お申し込み・利用登録 */
main.TokuToku30 .TopRegistration { margin: 0; padding: 40px 0; }
main.TokuToku30 .TopRegistration .--Wrap { padding: 20px 0 40px; }
main.TokuToku30 .TopRegistration h2 { padding: 20px 0 80px; color: #fff; font-size: 4.0rem; background: none; }
.TopRegistration h3 { margin: 0 auto; font-size: 5.0rem; border: none; }
.Registration { display: flex; flex-direction: column; margin-bottom: 20px; }
.Registration__Title { padding: 60px 0 0; font-size: 4.0rem; font-weight: bold; }
.Registration__Text { font-size: 1.6rem; line-height: 1.25; }
.Registration__Text p { margin: 0 auto; padding: 0 0 20px; width: 84%; font-size: 1.6rem; line-height: 1.6; }
.Registration__Text em { display: block; padding: 0 0 30px; color: #dc0000; font-size: 3.3rem; font-weight: bold; font-style: normal; }
.Registration__Text strong { font-size: 3.0rem; }
.Registration__Text strong a { color: #f17b00; }
.Registration__Text p.--ScrollHeading { padding-bottom: 0; }
.Registration__Attention { margin: 0 auto; width: 88%; }
.Registration__Attention p { font-size: 1.4rem; line-height: 2.0; }
.Registration__Attention a { font-size: 1.7rem; }
.Registration__Button { padding: 50px 0; }
.Registration__Button a { position: relative; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all  0.7s ease; }
.Registration__Button a small { font-size: 1.5rem; font-weight: 400; }
.Registration__Button a.--BgOrange { border: 1px solid #f17b00; }
.Registration__Button a.--BgOrange:hover { color: #f17b00; background: #fff; }
.Registration__Button a span { position: relative; z-index: 1; }
.Registration__Button a:hover { opacity: 1.0; }
.Registration__Button a:hover:before { transform-origin: left top; transform: scale(1, 1); }

@media only screen and (min-width:600px) and (max-width:1000px) {
  .Registration__Step, .Registration__Step { flex-wrap: initial; margin: 0 auto; width: 98%; }
  .Registration__Step.Standard dl, .Registration__Step.Premium dl { margin-left: -3vw; }
}
@media screen and (max-width: 600px) {
  main.TokuToku30 .TopRegistration .--Wrap { padding: 2vw 0 4vw; }
  main.TokuToku30 .TopRegistration h2 { padding: 2vw 0 6vw; font-size: 3.2rem; }
  .TopRegistration { padding: 6vw 0; }
  .TopRegistration h2 { padding: 0 0 6vw; font-size: 2.8rem; }
  .TopRegistration h3 { padding: 3vw 0 0; font-size: 2.8rem; }
  .Registration__Title { padding: 6vw 0 0; font-size: 2.8rem; }
  .Registration__Text,
  .Registration__Text p { padding: 0 0 3vw; width: 90%; font-size: 1.5rem; }
  .Registration__Text strong { font-size: 2.0rem; white-space: nowrap; }
  .Registration__Text em { padding: 0 0 4vw; font-size: 2.4rem; }
  .Registration__Button { padding: 8vw 0; }
}

/* NewsPicksの有料版も利用可能 */
.TopNewsPicks { margin-bottom: -20px; }
.NewsPicks { padding: 70px 0; align-items: flex-start; }
.NewsPicks__Img { width: 474px; margin: 0 30px 0 0; }
.NewsPicks__Img img { width: 100%; height: auto; }
.NewsPicks__Text { width: 496px; font-size: 2.1rem; line-height: 1.7; }
.NewsPicks__Text em { display: block; padding: 30px 0 0; font-size: 1.7rem; font-style: normal; }
.NewsPicks__Text small { display: block; font-size: 1.4rem; }
.NewsPicks__LogoSrc { display: none; }
.NewsPicks__LogoSrc.--Draft { display: block; width: 100%; height: auto; }

@media only screen and (min-width:600px) and (max-width:1000px) {
  .NewsPicks__Img { width: 47%; margin: 0 3% 0 0; }
  .NewsPicks__Text { width: 50%; }
}

@media screen and (max-width: 600px) {
  main.TokuToku30 .TopNewsPicks h2 { padding-bottom: 0; }
  .NewsPicks { padding: 8vw 0 15vw; flex-direction: column; }
  .NewsPicks__Img { width: 100%; margin: 0; }
  .NewsPicks__Img img { display: block; margin: 0 auto; width: 80%; }
  .NewsPicks__Text { width: 100%; }
  .NewsPicks__Text, .NewsPicks__Text p { font-size: 1.8rem; line-height: 1.6; }
  .NewsPicks__Text em { padding: 5vw 0 0; font-size: 1.5rem; }
  .NewsPicks__Text small { font-size: ; }
}

/* 社長onlineを１分でご紹介 */
.Introduce { padding: 80px 0; }
.Introduce__YouTube { margin: 0 auto; width: 660px; }
.Introduce__YouTube li:before { display: none !important; }
.SingleColumn .Introduce__YouTube { width: 880px; }

@media only screen and (min-width:600px) and (max-width:880px) {
  .SingleColumn .Introduce__YouTube { width: 100%; }
}

@media screen and (max-width: 600px) {
  .Introduce { padding: 0 0 15vw; }
  .Introduce__YouTube { width: 100%; }
  .SingleColumn .Introduce__YouTube { width: 100%; }
}

/* コンテンツの一部をご紹介 */
.TopColumnFree { margin: 2%; width: 46%; }
.TopColumnFree a { display: flex; flex-direction: column; height: 100%; color: #333; text-decoration: none; }
.TopColumnFree a:hover .TopColumnFree__Img img { transform: scale(1.1); opacity: 0.7; }
.TopColumnFree__Img:before { padding-top: 40%; }
.TopColumnFree__Img img { transition-duration: 0.3s; }
.TopColumnFree__Title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 3% 4%; min-height: 6rem; font-size: 2.0rem; font-weight: 500; line-height: 1.45; }
.TopColumnFree dl { display: flex; flex-wrap: wrap; margin-top: auto; margin-bottom: 20px; }
.TopColumnFree__Date { color: #a8a8a8; font-size: 1.3rem; padding: 0 2rem 0 4%; }
.TopColumnFree__Category span { margin: 0 10px 0 0; padding: 6px 14px; border: 1px solid #ccd6e7; border-radius: 2px; font-size: 1.2rem; }
.TopColumn__Button { padding: 50px 0; }
.TopColumn__Button a { margin: 10px 15%; color: #353535; border: 1px solid #5887cb; }
.TopColumnBottom { margin: 30px auto 60px; }
.TopColumnBottom dt { margin-bottom: 20px; }
.TopColumnBottom a { padding: 20px 0; width: 640px; color: #353535; font-size: 2.2rem; font-weight: bold; text-align: center; text-decoration: none; border: 1px solid #5887cb; border-radius: 35px; position: relative; overflow: hidden; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all  0.7s ease; }
/* .TopColumnBottom a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; background: #5887cb; transform-origin: left bottom; transform: scale(1, 0); transition: transform .3s; } */
.TopColumnBottom a:hover { color: #fff; opacity: 1.0; background: #5887cb; }
.TopColumnBottom a:hover:before { transform-origin: left top; transform: scale(1, 1); }

@media screen and (max-width: 600px) {
  .TopColumn .--PaddingTopM { padding: 0 0 15vw; }
  .TopColumnFree { margin: 0 auto 6vw; width: 86%; }
	.TopColumnFree dl { margin-bottom: 4vw; }
  .TopColumnFree__Date { margin: 1vw 0; padding: 0 2vw 0 4%; }
  .TopColumnFree__Category span { margin: 0 2vw 0 0; padding: 1.5vw 3.5vw; }
  .TopColumn__Button { padding: 0; }
  .TopColumn__Button a { margin: 0 4%; padding: 4.5vw 0; width: 92%; }
  .TopColumnBottom { margin: 6vw auto; width: 100%; }
  .TopColumnBottom dt { margin-bottom: 4vw; }
  .TopColumnBottom a { margin: 0 auto; padding: 4vw 0; width: 84%; font-size: 1.8rem; }
}

/* お客様の声 */
.Customer { padding: 60px 0; }
.Customer dl:nth-child(even) { flex-direction: row-reverse; }
.Customer dt { width: 30%; flex-direction: column; }
.Customer dd { width: 66%; padding: 15px 2% 0; }
.Customer__Img img { display: block; margin: 0 auto; width: 60%; height: auto; }
.Customer__Name { padding: 20px 0; font-size: 1.4rem; line-height: 1.4; text-align: center; }
.Customer__Text { padding: 7% 5%; position: relative; display: inline-block; background: #fff; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1)); border-radius: 10px; font-size: 1.7rem; line-height: 1.7; }
.Customer__Text:before { content: ""; position: absolute; top: 50%; left: -55px; margin-top: -20px; border: 20px solid transparent; border-right: 40px solid #fff; }
.Customer dl:nth-child(even) .Customer__Text:before { left: 100%; border-right: none; border-left: 40px solid #fff; }

@media screen and (max-width: 600px) {
  .TopCustomer { margin-top: 8vw;}
  main.TokuToku30 .TopCustomer h2 { padding-bottom: 4vw; }
  .Customer dl { flex-direction: column; }
  .Customer dl:nth-child(even) { flex-direction: column; }
  .Customer dt { flex-direction: initial; align-items: center; width: 100%; }
  .Customer { padding: 0 0 10vw; }
  .Customer__Img { width: 40%; }
  .Customer__Img img { width: 70%; }
  .Customer__Name { padding: 0; width: 60%; font-size: 1.6rem; text-align: left; }
  .Customer dd { padding-top: 6vw; width: 98%; }
  .Customer__Text { font-size: 1.6rem; line-height: 1.25; }
  .Customer__Text:before { transform:rotate(90deg); top: -10px; left: 40%; }
  .Customer dl:nth-child(even) .Customer__Text:before { transform:rotate(-90deg); }
  .Customer dl:nth-child(even) .Customer__Text:before { top: 0; left: 44%; }
}

/* よくある質問 */
.Body__TokuToku30Faq { padding: 0 0 90px; }
.TokuToku30Faq { margin: 0 0 20px; padding: 0; counter-increment: num; }
.TokuToku30Faq dt { position: relative; display: flex; align-items: center; color: #fff; font-size: 2.0rem; padding: 25px 25px 25px 0; background-color: #000; border: 1px solid #fff; }
.TokuToku30Faq dt:before,
.TokuToku30Faq dd:before { display: inline-block; width: 90px; text-align: center; color: #f17b00; font-size: 3.4rem; font-family: 'Roboto Condensed', sans-serif; }
.TokuToku30Faq dt:before { content: "Q"counter(num); }
.TokuToku30Faq dd { display: none; position: relative; margin: 0; padding: 0; background-color: #1c1c1c; border: 1px solid #fff; border-top: none; }
.TokuToku30Faq dd:before { content: "A"counter(num); position: absolute; top: 20px; }
.TokuToku30Faq dd div { padding: 25px 25px 0 90px; }
.TokuToku30Faq dd div,
.TokuToku30Faq dd div p { color: #fff; font-size: 1.7rem; line-height: 1.5; }
.TokuToku30Faq dd div a,
.TokuToku30Faq dd div p a { color: #f17b00; }
/* アコーディオン */
.--Acd { position: absolute; display: block; width: 100%; height: 100%; cursor: pointer; white-space: nowrap; overflow: hidden; right: 0; top: 50%; transform: translateY(-50%); text-align: right; }
.--Acd:hover { background: #fff; opacity: 0.3; }
.--Acd:after { color: #fff; content: "\2b"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 5.0rem; line-height: 1.5; margin-right: 15px; }
.--Acd:hover:after { color: #000; }
.--Acd.--Selected:after { content: "\f068"; font-size: 3.0rem; line-height: 2.8; margin-right: 20px; }
.TokuToku30Faq__Button { margin: 0 auto; padding: 20px 0 0; width: 67%; }
.TokuToku30Faq__Button a { display: inline-block; margin: 0; padding: 20px 0; width: 100%; color: #fff; font-size: 2.2rem; font-weight: bold; text-decoration: none; text-align: center; background-color: #f17b00; border: 1px solid #f17b00; border-radius: 40px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all  0.7s ease; }
.TokuToku30Faq__Button a small { font-size: 1.5rem; font-weight: 400; }
.TokuToku30Faq__Button a:hover { opacity: 1.0; color: #f17b00; background-color: #fff; }

@media only screen and (min-width:600px) and (max-width:1000px) {
  .TokuToku30Faq { margin: 0 auto 2vw; width: 96%; }
}
@media screen and (max-width: 600px) {
  .Body__TokuToku30Faq { padding: 0 0 10vw; }
  .TokuToku30Faq { margin: 0 0 4vw; }
  .TokuToku30Faq dt { font-size: 1.5rem; line-height: 1.25; padding: 3.5vw 9vw 3.5vw 11vw; }
  .TokuToku30Faq dt:before,
  .TokuToku30Faq dd:before { position: absolute; left: 0; width: 11vw; font-size: 2.0rem; }
  .TokuToku30Faq dd:before { top: 3.5vw; }
  .TokuToku30Faq dd div { padding: 3.5vw 3vw 0 11vw; }
  .TokuToku30Faq dd div,
  .TokuToku30Faq dd div p { font-size: 1.5rem; line-height: 1.25; }
  .--Acd:after { position: absolute; right: 0; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); line-height: 0; font-size: 3.0rem; margin-right: 1.8vw; }
  .--Acd.--Selected:after { font-size: 2.0rem; margin: 0.8vw 2vw 0 0; }
  .TokuToku30Faq__Button { padding: 4vw 0 0; width: 100%; }
  .TokuToku30Faq__Button a { padding: 2vw 0; font-size: 1.8rem; line-height: 1.2; }
  .TokuToku30Faq__Button a span { display: block; }
}

/* Footer
======================================================== */
.GlobalLayout__Footer { margin: 0; padding: 0; width: 100%; background: #fff; text-align: center; border-top: 1px solid #d4d4d4; }
.Footer { padding: 25px 0; }
.GlobalLayout__Footer dl { width: 60%; }
.Footer__Logo { width: 200px; margin-right: 30px; }
.Footer__Logo img { width: 100%; height: auto; }
.Footer__Address { font-size: 1.4rem; line-height: 1.4; text-align: left; }
.Footer__Menu { width: 40%; }
.FooterNavi { display: flex; justify-content: flex-end; flex-wrap: wrap; margin: 0; padding: 0; }
.FooterNavi li { width: 180px; text-align: left; white-space: nowrap; }
.FooterNavi a { position: relative; display: block; margin: 0 10px; padding: 0; color: #0827c0; font-size: 1.4rem; line-height: 1.4; text-decoration: underline; }
.FooterNavi:last-child a { padding-right: 0; }
.FooterNavi a:hover { text-decoration: none; }
.Copyright { margin: 0; padding: 15px 0; width: 100%; color: #fff; font-size: 1.0rem; text-align: center; background: #03409a; }

@media screen and (max-width: 600px) {
  .GlobalLayout__Footer { margin-bottom: 19vw; }
  .Footer { padding: 3vw 0 5vw; flex-direction: column; }
  .GlobalLayout__Footer dl { flex-direction: column; width: 100%; }
  .Footer__Logo { width: 40%; margin: 0 30% 4vw; }
  .Footer__Address { font-size: 1.3rem; text-align: center; }
  .Footer__Menu { width: 100%; }
  .FooterNavi { justify-content: center; }
  .FooterNavi li { width: 40%; }
  .Copyright { padding: 3vw 0; }
  .GlobalLayout__FloatingFooter { position: fixed; z-index: 98; bottom: -2px; left: 0; width: 100%; background: #f17b00; }
  .FloatingFooter { margin: 0 auto; padding: 2.5% 4%; }
  .FloatingFooter__Item { /*display: flex;*/ flex-wrap: wrap; background: #fff; border-radius: 7vw;text-align: center; }
  .FloatingFooter__Item a { /*display: flex;*/ justify-content: space-between; align-items: center; text-decoration: none; padding: 0 11vw; }
  .FloatingFooter__Item a strong { color: #f17b00; font-size: 2.2rem; }
  .FloatingFooter img { width: 30%; height: auto; }
  .FloatingFooter a:hover { opacity: 1.0; }
}

/* TOP修正版 */
.--Wrap { position: relative; z-index: 0; }
.--BgBlack { background-color: #000; }
/* .--BgArrow { background-image: url(/wp-content/uploads/2025/03/bg-area.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; } */
.--BgBlack.--ColorWhite { background: none; }
.--BgArrow { position: relative; /* z-index: -1; */ }
.--BgArrow:before { content: ""; position: absolute; /* z-index: 0; */ top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(/wp-content/uploads/2025/03/bg-area.png); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
.TopReport.--BgArrow:before { background-image: url(/wp-content/uploads/2025/03/bg-area-report.png); }
.--BgBlack.--Introduce,
.--BgBlack.--Introduce + { background-image: none; }
.NewsPicks__Text,
.--ColorWhite { color: #fff !important; }
.--NoBalloon { filter: initial; }
.GlobalLayout__MainVisual { background-color: #000; background-image: none; }
.MainVisual__Img { top: 0; }
.MainVisual__ImgDevice { margin-top: 0; }
.GlobalLayout__Top h2.--NoBalloon:before { display: none; }
.Registration__Text.--ScrollText .--Old { display: none; }
.Registration__Text.--ScrollText .--Draft { display: block; }
.Registration__Text.--ScrollText { margin: 0 auto; width: 88%; height: 30px; /* overflow-y: scroll; */ }
.Registration__Attention.--ScrollText { margin: 10px auto 30px; padding-right: 10px; height: 120px; /* overflow-y: scroll; */ }
.Registration__Text.--ScrollText,
/* .Registration__Attention.--ScrollText { --sb-track-color: #333333; --sb-thumb-color: #c1c1c1; --sb-size: 14px; }
.Registration__Text.--ScrollText::-webkit-scrollbar,
.Registration__Attention.--ScrollText::-webkit-scrollbar { width: var(--sb-size) }
.Registration__Text.--ScrollText::-webkit-scrollbar-track,
.Registration__Attention.--ScrollText::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 3px; }
.Registration__Text.--ScrollText::-webkit-scrollbar-thumb,
.Registration__Attention.--ScrollText::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 3px; } */
.Registration__Text.--ScrollText p,
.Registration__Attention.--ScrollText p { line-height: 1.7; }
.TopColumnBottom a { color: #333; background-color: #fff; border: none; }
.TopCustomer { margin-top: -30px; }
.Customer__Name { color: #fff; }
.Registration__Button { padding: 30px 0 0; }
.Registration__Text em { padding: 0 0 10px; }
.TopRegistration h3 { padding: 30px 0 0; }
.Registration__Text { padding: 10px 0 0; }
.Registration__Manual { padding: 0; }
.simplebar-track.simplebar-vertical { background: #d7d7d7; }

@media screen and (max-width:600px) {
  .TopReport__ImgPC { display: none; }
  .TopReport__ImgSP { display: block; }
  .Registration__Text { width: 100%; }
  .Registration__Text.--ScrollText { margin: 0 auto; width: 88%; height: 6vw; }
  .Registration__Attention.--ScrollText { margin-bottom: 10vw; height: 25vw; }
  .MainVisual__Img { top: 65vw; left: 45%; bottom: 14vw; width: 90%; }
  .--BgArrow:before { display: none; }
  /* .TopReport.--BgArrow:before { background-image: url(/wp-content/uploads/2025/03/bg-area.png); } */
}