@charset "UTF-8";
/* ========================================================================== Foundation ========================================================================== */
/* Setting
------------------------------------------- */
/*--------------------------------------------------------------
# Setting
--------------------------------------------------------------*/
/* color */
/* text */
@font-face { font-family: "corp-round"; src: url(../font/round.ttf); }

@font-face { font-family: "din-bold"; src: url(../font/DINAlternate-Bold.woff); }

/* Reset
------------------------------------------- */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

::before, ::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* Document */
/* ============================================ */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Remove gray overlay on links for iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Sections */
/* ============================================ */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) */
/* ============================================ */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) */
/* ============================================ */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content */
/* ============================================ */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border: 0; border-top: 1px solid; margin: 0; clear: both; color: inherit; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

address { font-style: inherit; }

/* Text-level semantics */
/* ============================================ */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration: none; color: inherit; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content */
/* ============================================ */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; vertical-align: bottom; }

embed, object, iframe { border: 0; vertical-align: bottom; }

/* Forms */
/* ============================================ */
/** Reset form fields to make them styleable */
button, input, optgroup, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; border: 0; background: transparent; padding: 0; margin: 0; outline: 0; border-radius: 0; text-align: inherit; }

/** Reset radio and checkbox appearance to preserve their look in iOS. */
[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }

[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] { cursor: default; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Remove arrow in IE10 & IE11 */
select::-ms-expand { display: none; }

/** Remove padding */
option { padding: 0; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the outline style in Safari. */
[type="search"] { outline-offset: -2px; /* 1 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Clickable labels */
label[for] { cursor: pointer; }

/* Interactive */
/* ============================================ */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Remove outline for editable content. */
[contenteditable] { outline: none; }

/* Table */
/* ============================================ */
table { border-collapse: collapse; border-spacing: 0; }

caption { text-align: left; }

td, th { vertical-align: top; padding: 0; }

th { text-align: left; font-weight: bold; }

/* Misc */
/* ============================================ */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* base
------------------------------------------- */
html { overflow-x: hidden; }

body { font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 16px; font-weight: 400; overflow-x: hidden; color: #595959; letter-spacing: 0.04em; line-height: 140%; background: none; }

p { line-height: 180%; }

a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

a:hover { color: #137dcd; text-decoration: none; }

.container { max-width: 1200px; width: 90%; padding: 0; }

/* ========================================================================== Layout ========================================================================== */
.l-header .js-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }

.l-header .js-fixed .p-header__logo { width: 260px; padding: 10px;}

.l-header .js-fixed .navbar-nav .nav-item { border: none; }

.l-header .js-fixed .navbar-nav .nav-item .nav-link { padding: 20px 15px; }

.l-header .js-fixed .navbar-nav .nav-item--course img, .l-header .js-fixed .navbar-nav .nav-item--support img, .l-header .js-fixed .navbar-nav .nav-item--magokoro img, .l-header .js-fixed .navbar-nav .nav-item--simulation img, .l-header .js-fixed .navbar-nav .nav-item--contact img { display: none; }

.l-header .js-fixed .navbar-nav .nav-item--course img.nav-img-sticker, .l-header .js-fixed .navbar-nav .nav-item--support img.nav-img-sticker, .l-header .js-fixed .navbar-nav .nav-item--magokoro img.nav-img-sticker, .l-header .js-fixed .navbar-nav .nav-item--simulation img.nav-img-sticker, .l-header .js-fixed .navbar-nav .nav-item--contact img.nav-img-sticker { display: block; width: 100%; height: auto; }

.l-header .js-fixed .navbar-nav .nav-item--course .nav-link, .l-header .js-fixed .navbar-nav .nav-item--support .nav-link, .l-header .js-fixed .navbar-nav .nav-item--magokoro .nav-link, .l-header .js-fixed .navbar-nav .nav-item--contact .nav-link { padding-top: 25px; }

.l-header.p-header .js-fixed .navbar-nav { max-width: 1000px; }

.p-header { /* googlesearchbox */ }

.p-header__logo { max-width: 350px; width: 35%; padding: 0px 10px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-header__logo { width: 40%; } }

.p-header__logo img { width: 70%; }

.p-header__logo:hover { text-decoration: none; opacity: 0.8; }

.p-header .l-header__information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border-bottom: solid 1px #d9d9d9; }

.p-header .l-header__information ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-header .l-header__information li { font-size: 0.812rem; position: relative; }

.p-header .l-header__information li::after { position: absolute; content: ""; width: 1px; height: 12px; background: #ccc; top: 0; bottom: 0; right: 0; margin: auto; }

.p-header .l-header__information li:first-child::before { position: absolute; content: ""; width: 1px; height: 12px; background: #ccc; top: 0; bottom: 0; margin: auto; left: 0; }

.p-header .l-header__information li a { display: block; padding: 0 10px; }

.p-header .l-header__information li a.active { font-weight: bold; }

.p-header .l-header__information .l-header__information_nav { -ms-flex-preferred-size: 28%; flex-basis: 28%; }

.p-header .l-header__information .l-header__information_nav2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 72%; flex-basis: 72%; }

.p-header .l-header__information .l-header__information_nav2 ul { margin-right: 2%; }

.p-header .l-header__information .l-header__information_nav2 .form-inline { position: relative; }

.p-header .l-header__information .l-header__information_nav2 .form-inline .form-control { font-size: 0.625rem; max-width: 180px; margin-right: 0; }

.p-header .l-header__information .l-header__information_nav2 .form-inline .form-img { background: url(../images/common/ico-search.svg) no-repeat center center/100% auto; text-indent: -9999px; position: absolute; right: 10px; }

.p-header .l-header__information .l-header__information_nav2 .tel { -ms-flex-preferred-size: 20%; flex-basis: 20%; margin-left: 2%; }

.p-header .l-header__information .l-header__information_nav2 .tel a { display: block; }

.p-header .l-header__information .l-header__information_nav2 .tel a img { width: 100%; }

.p-header .l-header__information .l-header__information_nav2 .tel a:hover { opacity: 0.8; }

.p-header .navbar { padding: 0; background: #fff; }

.p-header .navbar-nav { max-width: 800px; }

.p-header .navbar-nav .nav-item { border-left: solid 1px #d9d9d9; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.p-header .navbar-nav .nav-item:hover { background: #fbcccc; }

.p-header .navbar-nav .nav-item img { width: 100%; }

.p-header .navbar-nav .nav-item img.nav-img-sticker { display: none; }

.p-header .navbar-nav .nav-item .nav-link { padding: 0; }

.p-header .navbar-nav .nav-item--magokoro { background: #facccc; }

.p-header .navbar-nav .nav-item--magokoro:hover { background: #ffcccc; }

.p-header .navbar-nav .nav-item--simulation { background: #facccc; }

.p-header .navbar-nav .nav-item--simulation:hover { background: #ffcccc; }

.p-header .navbar-nav .nav-item--contact { background: #595959; }

.p-header .navbar-nav .nav-item--contact:hover { background: #333333; }

.p-header .navbar__sp { display: none; }

.p-header .navbar__sp a, .p-header .navbar__sp button { -ms-flex-preferred-size: 50%; flex-basis: 50%; }

.p-header .navbar__sp label { display: block; margin-bottom: 0; }

.p-header .navbar__sp img { width: 100%; }

.p-header .navbar-toggler { border: none; border-radius: 0; padding: 0; }

.p-header #p-nav-drawer { position: relative; letter-spacing: 0; }

.p-header #p-nav-drawer .nav-unshown { display: none; }

.p-header #p-nav-drawer #nav-close { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.p-header #p-nav-drawer #nav-input:checked ~ #nav-close { display: block; opacity: 0.5; }

.p-header #p-nav-drawer #nav-input:checked ~ #p-nav-content { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.3s; transition: 0.3s; }

.p-header #p-nav-content { position: fixed; top: 0; right: 0; bottom: 0; max-width: 350px; z-index: 100; -webkit-transform: translateX(400px); transform: translateX(400px); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding-left: 50px; border-left: none; -webkit-box-sizing: content-box; box-sizing: content-box; }

.p-header #p-nav-content .fixed-content { position: relative; }

.p-header #p-nav-content .fixed-content label { font-size: 50px; color: #fff; position: absolute; left: -40px; top: 10px; margin-bottom: 0; }

.p-header #p-nav-content .fixed-content .panda-hand { position: absolute; left: -50px; top: 40px; }

.p-header #p-nav-content .fixed-content h2 { background: #333333; color: #fff; font-size: 13px; padding-left: 10px; line-height: 39px; font-weight: bold; width: 100%; z-index: 101; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-header #p-nav-content .fixed-content h2 { position: fixed; top: 0; } }

.p-header #p-nav-content .scroll-content { overflow-y: auto; height: 100vh; padding-top: 38px; }

.p-header #p-nav-content .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

.p-header #p-nav-content .menu-wrapper .menu { background: #ffcccc; text-align: center; border: 1px solid #333333; width: 50%; color: #333333; }

.p-header #p-nav-content .menu-wrapper .menu a { display: block; width: 100%; height: 100%; padding: 21px 0px 17px; }

.p-header #p-nav-content .menu-wrapper .menu a .menu-icon { height: 32px; margin-bottom: 3px; }

.p-header #p-nav-content .menu-wrapper .menu a .menu-icon img { height: 100%; }

.p-header #p-nav-content .menu-wrapper .menu a .menu-txt { font-size: 13px; font-weight: bold; }

.p-header #p-nav-content .menu-wrapper .menu-free-estimate, .p-header #p-nav-content .menu-wrapper .menu-plan-simulation { border-left: none; }

.p-header #p-nav-content .menu-wrapper .menu-line-estimate, .p-header #p-nav-content .menu-wrapper .menu-quickly-deserve { border-right: none; }

.p-header #p-nav-content .menu-wrapper .menu-quickly-deserve .menu-icon { padding-left: 7px; }

.p-header #p-nav-content .service-wrapper .service { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; font-size: 0.875rem; font-weight: bold; border: 1px solid #333333; border-left: none; border-right: none; color: #333333; }

.p-header #p-nav-content .service-wrapper .service a { width: 100%; padding: 15px; }

.p-header #p-nav-content .service-wrapper .service a .service-txt { position: relative; padding-left: 30px; }

.p-header #p-nav-content .service-wrapper .service a .service-txt::after { background-image: url(../images/common/ico-arrow02-r.svg); content: ""; width: 25px; height: 25px; display: inline-block; position: absolute; right: -7px; background-size: contain; }

.p-header #p-nav-content .service-wrapper .service a .service-course::before { background: url(../images/head_navi/head-navi-estimate22.png) no-repeat; width: 20px; height: 20px; background-size: contain; display: inline-block; content: ""; position: absolute; left: 0; }

.p-header #p-nav-content .service-wrapper .service a .service-support::before { background: url(../images/head_navi/head-navi-faq2.png) no-repeat; width: 20px; height: 20px; background-size: contain; display: inline-block; content: ""; position: absolute; left: 0; }

.p-header #p-nav-content .service-wrapper .service a .service-magokoro::before { background: url(../images/head_navi/head-navi-info2.png) no-repeat; width: 20px; height: 20px; background-size: contain; display: inline-block; content: ""; position: absolute; left: 0; }

.p-header #p-nav-content .service-wrapper .magokoro { border-bottom: 2px solid; }

.p-header #p-nav-content .information-wrapper .information { background: #f7f7f7; font-weight: bold; font-size: 12px; border-bottom: 1px solid #000000; border-right: none; border-left: none; position: relative; color: #333333; }

.p-header #p-nav-content .information-wrapper .information a { padding: 10px 15px; display: block; }

.p-header #p-nav-content .information-wrapper .information a .information-ttl { position: relative; }

.p-header #p-nav-content .information-wrapper .information a .information-ttl::after { background: url(../images/common/ico-arrow02-r.svg) no-repeat; content: ""; width: 12px; height: 12px; display: inline-block; position: absolute; right: -4px; background-size: contain; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.p-header #p-nav-content .gsc-search-button-v2 { padding: 13px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-header #p-nav-content .tel { padding: 0px 0 40px; background: #fff; }

.p-header #p-nav-content .tel .number-img { width: 200px; margin-left: 20px; padding-top: 20px;}

.p-header #p-nav-content .tel .number-img img { width: 100%; }

.p-header #p-nav-content .bottom-tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-header #p-nav-content .bottom-tab li { text-align: center; font-size: 12px; background: #f7f7f7; border-left: 1px #fff solid; width: 33.33%; }

.p-header #p-nav-content .bottom-tab li:first-child { background: #e1eff5; border-left: none; font-weight: bold; }

.p-header #p-nav-content .bottom-tab li a { display: block; width: 100%; padding: 12px 0; }

.p-header #___gcse_0 { width: 130px; }

.p-header #___gcse_0 .gsc-control-cse { padding: 0 !important; width: 130px; }

.p-header #___gcse_0 .gsib_a { padding: 0; }

.p-header #___gcse_0 form.gsc-search-box { margin-bottom: 0; }

.p-header #___gcse_0 table.gsc-search-box { margin-bottom: 0; }

.p-header #___gcse_0 table.gsc-search-box td.gsc-input { padding-right: 0; }

.p-header #___gcse_0 .gsc-search-button-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 10px; background-color: #595959; border-color: #595959; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-header .l-header__information { display: none; }
  .p-header .navbar__sp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 34%; flex-basis: 34%; } }

@media screen and (min-width: 0px) and (max-width: 992px) { .p-header .l-header__information li { font-size: 0.625rem; } }

.p-sticker-side { position: fixed; right: 0; top: 180px; background: #fff; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 20px 10px; color: #333333; text-align: center; font-size: 0.812rem; line-height: 1rem; letter-spacing: 0; font-weight: bold; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 10; }

.p-sticker-side__box__line { padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 1px #999999; }

.p-sticker-side__box a { display: block; cursor: pointer; }

.p-sticker-side__box a:hover { color: #25a6e2; }

.p-sticker-side__icon { margin: 0 auto 5px; }

.p-sticker-side__icon__line { width: 30px; margin-bottom: 10px; }

.p-sticker-side__icon__sasato { width: 36px; }

.p-sticker-side__icon__contact { width: 28px; }

.p-sticker-side__icon img { width: 100%; }

.p-bn-lists { padding: 40px 0; margin-top: 80px; background: #f2f2f2; }

.p-bn-lists .slick-slide { padding: 0 5px; }

.p-bn-lists .slick-slide img { width: 100%; }

.p-bn-lists .slick-prev:before, .p-bn-lists .slick-next:before { background: no-repeat 0 0 / 100% auto; width: 18px; height: 18px; position: absolute; }

.p-bn-lists .slick-prev { left: 0; }

.p-bn-lists .slick-prev::before { background-image: url(../images/common/ico-arrow01-l.svg); left: -20px; }

.p-bn-lists .slick-next { right: 0; }

.p-bn-lists .slick-next::before { background-image: url(../images/common/ico-arrow01-r.svg); right: -20px; }

.p-bn-lists .slick-dots { bottom: -35px; }

.p-bn-lists .slick-dots li { width: 7px; height: 7px; margin: 0 8px; }

.p-bn-lists .slick-dots li button::before { content: ""; background: #595959; border-radius: 14px; width: 7px; height: 7px; }

.l-footer { background: #fff;}

.l-footer .slick-slide img { width: 100%; }

.p-footer-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 35px; padding-bottom: 50px; }

.p-footer-info__contact { -ms-flex-preferred-size: 35%; flex-basis: 35%; }

.p-footer-info__contact a { display: block; border: solid 2px #333333; border-radius: 5px; color: #333333; font-weight: bold; text-align: center; position: relative; padding: 20px; }

.p-footer-info__contact a::after { position: absolute; content: ""; right: 15px; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; width: 18px; height: 18px; }

.p-footer-info__contact a:hover { background: #333333; color: #fff; }

.p-footer-info__contact a:hover::after { background-image: url(../images/common/ico-arrow02-r.svg); }

.p-footer-info__tel { -ms-flex-preferred-size: 30%; flex-basis: 30%; }

.p-footer-info__tel img { width: 100%; }

.p-footer-sitemap { padding-bottom: 35px; }

.p-footer-sitemap dl { color: #333333; }

.p-footer-sitemap dl dt { margin-bottom: 10px; }

.p-footer-sitemap dl .collapse { display: block; }

.p-footer-sitemap dl .collapse.show { display: block; }

.p-footer-sitemap dl dd { font-size: 0.875rem; margin-bottom: 8px; }

.p-footer-sitemap dl a { display: block; }

.p-footer-sitemap dl a:hover { color: inherit; }

.p-footer-category ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-footer-category ul li { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; text-align: center; }

.p-footer-category ul li a { display: block; padding: 20px; background: #f2f2f2; }

.p-footer-category ul li a.is-active { color: #333333; font-weight: bold; background: #e1eff5; }

.p-footer-category ul li:nth-child(2) { border-left: solid 1px #fff; border-right: solid 1px #fff; }

.p-footer-nav { padding: 20px 0; }

.p-footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-footer-nav ul li { position: relative; }

.p-footer-nav ul li::after { position: absolute; content: ""; width: 1px; height: 12px; background: #ccc; top: 0; bottom: 0; margin: auto; }

.p-footer-nav ul li:first-child::before { position: absolute; content: ""; width: 1px; height: 12px; background: #ccc; top: 0; bottom: 0; margin: auto; left: 0; }

.p-footer-nav ul li a { font-size: 0.812rem; padding: 0 10px; }

.p-footer address { font-size: 0.875rem; font-family: "Asap", sans-serif; font-weight: 400; text-align: center; color: #fff; padding: 20px 0; background: #595959; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-sticker-side { position: fixed; right: initial; right: auto; left: 0; top: initial; top: auto; bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .p-sticker-side__box__line { padding-bottom: 0px; margin-bottom: 0px; border-bottom: none; margin-right: 15px; padding-right: 15px; border-right: dotted 1px #999999; }
  .p-footer-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 40px; }
  .p-footer-info__contact { margin-bottom: 20px; }
  .p-footer-info__contact a { border: none; background: #fff; }
  .p-footer-info__tel { width: 85%; margin: auto; }
  .p-footer-sitemap { padding-bottom: 30px; }
  .p-footer-sitemap dl dt { border: solid 2px #333333; border-radius: 5px; font-size: 0.875rem; }
  .p-footer-sitemap dl dt a { display: block; padding: 15px; }
  .p-footer-sitemap dl .collapse { display: none; }
  .p-footer-sitemap dl dd { font-size: 0.875rem; margin-bottom: 8px; }
  .p-footer-sitemap dl a { display: block; }
  .p-footer-sitemap dl a:hover { color: inherit; }
  .p-footer-sitemap .p-footer-sitemap-1 dl dt a, .p-footer-sitemap .p-footer-sitemap-2 dl dt a, .p-footer-sitemap .p-footer-sitemap-3 dl dt a, .p-footer-sitemap .p-footer-sitemap-4 dl dt a { position: relative; }
  .p-footer-sitemap .p-footer-sitemap-1 dl dt a::after, .p-footer-sitemap .p-footer-sitemap-2 dl dt a::after, .p-footer-sitemap .p-footer-sitemap-3 dl dt a::after, .p-footer-sitemap .p-footer-sitemap-4 dl dt a::after  { position: absolute; content: ""; background: url("../images/common/ico-arrow03-b.svg") no-repeat 0 0/100% auto; right: 15px; top: 0; bottom: 0; margin: auto; width: 12px; height: 8px; }
  .p-footer-sitemap .p-footer-sitemap-1 dl dt a[aria-expanded="true"]::after, .p-footer-sitemap .p-footer-sitemap-2 dl dt a[aria-expanded="true"]::after, .p-footer-sitemap .p-footer-sitemap-3 dl dt a[aria-expanded="true"]::after, .p-footer-sitemap .p-footer-sitemap-4 dl dt a[aria-expanded="true"]::after { background-image: url("../images/common/ico-arrow03-t.svg"); }
  .p-footer-sitemap .p-footer-sitemap-1 dl dd, .p-footer-sitemap .p-footer-sitemap-2 dl dd, .p-footer-sitemap .p-footer-sitemap-3 dl dd, .p-footer-sitemap .p-footer-sitemap-4 dl dd { margin-bottom: 0; }
  .p-footer-sitemap .p-footer-sitemap-1 dl dd a, .p-footer-sitemap .p-footer-sitemap-2 dl dd a, .p-footer-sitemap .p-footer-sitemap-3 dl dd a, .p-footer-sitemap .p-footer-sitemap-4 dl dd a { padding: 5px 10px; }
  .p-footer-sitemap .p-footer-sitemap-1 dl dd:last-child, .p-footer-sitemap .p-footer-sitemap-2 dl dd:last-child, .p-footer-sitemap .p-footer-sitemap-3 dl dd:last-child, .p-footer-sitemap .p-footer-sitemap-4 dl dd:last-child { margin-bottom: 20px; }
  .p-footer-sitemap .p-footer-sitemap-5 dl { display: -webkit-box; display: -ms-flexbox; display: inline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap; }
  .p-footer-sitemap .p-footer-sitemap-5 dt { background: #F7D5DF; border: none; border-radius: 5px; -ms-flex-preferred-size: 49%; flex-basis: 49%; font-size: 0.812rem; }
  .p-footer-sitemap .p-footer-sitemap-5 dt a { padding: 10px; padding-right: 0; }
  .p-footer-category ul li a { padding: 15px 0; font-size: 0.812rem; }
  .p-footer-nav { padding: 30px 0; }
  .p-footer-nav ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 90%; margin: auto; border-top: dotted 1px #999999; }
  .p-footer-nav ul li { border-bottom: dotted 1px #999999; }
  .p-footer-nav ul li::after { display: none; }
  .p-footer-nav ul li:first-child::before { display: none; }
  .p-footer-nav ul li a { padding: 10px 0; display: block; } }

.p-sec-block { padding: 50px 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-sec-block { padding: 50px 0; } }

.p-harf-block { margin: 60px 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-harf-block .tab-content { padding: 40px 0; } }

/*-----------------------------------------------------------------
breadcrumbs
----------------------------------------------------------------- */
#breadcrumb { background: #595959; padding: 10px 0; }

#breadcrumb ol { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1200px; width: 90%; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { #breadcrumb ol { overflow: scroll; white-space: nowrap; width: 100%; } }

#breadcrumb ol li { position: relative; padding-right: 15px; margin-right: 10px; color: #fff; font-size: 0.812rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { #breadcrumb ol li.home { margin-left: 15px; } }

#breadcrumb ol li::after { content: ""; position: absolute; background: url("../images/common/ico-arrow05-r.svg") no-repeat 0 0/100% auto; width: 4px; height: 8px; right: 0; top: 0; bottom: 0; margin: auto; }

#breadcrumb ol li:last-child::after { display: none; }

#breadcrumb ol li a:hover { color: #25a6e2; }

/*-----------------------------------------------------------------
lower layer header
----------------------------------------------------------------- */
.ttl-box { background: #ffcccc;  color: #333333; padding: 40px 0; margin-bottom: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .ttl-box { padding: 25px 0; } }

.ttl-box .inner { max-width: 1200px; width: 90%; margin: auto; }

.ttl-box__main { background: none; font-size: 1.875rem; line-height: 100%; padding: 0; margin: 0; font-weight: bold; }

@media screen and (min-width: 0px) and (max-width: 768px) { .ttl-box__main { font-size: 1.5rem; } }

.ttl-box__en { font-family: "Asap", sans-serif; font-weight: 600; font-size: 1.25rem; line-height: 1.25rem; margin-top: 15px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .ttl-box__en { font-size: 1rem; line-height: 1rem; margin-top: 7px; } }

/*-----------------------------------------------------------------
tab design
----------------------------------------------------------------- */
.p-tab-block .nav-pills .nav-link { background-color: #f2f2f2; padding: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin: 0 1%; }
.p-tab-block .nav-pills .nav-link:hover { color: #FF0000; }
.p-tab-block .nav-pills .nav-link.active { background: #595959; }
.p-tab-block .nav-pills .nav-link.active1 { background: #FFCCCC; }
.p-tab-block .nav-pills .nav-link.active:hover { color: #f2f2f2; }
.p-tab-block .tab-content { background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-tab-block .tab-content { padding: 30px 0; } }

/*-----------------------------------------------------------------
general text
----------------------------------------------------------------- */
.page-general .p-layer-contents p { margin-bottom: 10px; }

.page-general .p-layer-contents ol li { margin-bottom: 10px; }

.page-general .p-layer-contents ol li:last-child { margin-bottom: 0; }

/*-----------------------------------------------------------------
demand
----------------------------------------------------------------- */
.p-appeal-block { background: #333333; color: #fff; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 50px 0; text-align: center; margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-appeal-block { padding: 40px 0; } }

.p-appeal-block h2 { font-size: 1.625rem; font-weight: bold; margin-bottom: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-appeal-block h2 { font-size: 1rem; } }

.p-appeal-block h2 span { color: #ffc7c7; }

.p-appeal-block p { margin-bottom: 20px; }

.p-appeal-block .p-appeal-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 780px; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-appeal-block .p-appeal-list { display: block; } }

.p-appeal-block .p-appeal-list__btn { background: #ffc7c7; border-radius: 100px; -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 0 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-appeal-block .p-appeal-list__btn { margin-bottom: 20px; } }

.p-appeal-block .p-appeal-list__btn a { color: #333333; display: block; padding: 20px; font-family: corp-round, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro"; font-size: 1.25rem; line-height: 1.25rem; position: relative; width: 100%; }

.p-appeal-block .p-appeal-list__btn a span { display: block; font-size: 0.625rem; line-height: 0.625rem; margin-top: 5px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-appeal-block .p-appeal-list__btn a span { display: none; } }

.p-appeal-block .p-appeal-list__btn a::before { content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; background: no-repeat 0 0 / 100% auto; width: 32px; height: 32px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-appeal-block .p-appeal-list__btn__tel { margin-bottom: 20px; } }

.p-appeal-block .p-appeal-list__btn__tel a::before { background-image: url(../images/common/tel.png); }

.p-appeal-block .p-appeal-list__btn__contact a::before {background-image: url(../images/common/ico-line.svg); }

.p-appeal-block .p-appeal-list__btn__estimate a::before {background-image: url(../images/common/ico-estimate.svg); }

/*-----------------------------------------------------------------
Optional service
----------------------------------------------------------------- */
.p-option__service .row { max-width: 820px; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-option__service .row .col { padding: 3px; } }

.p-option__service .row .p-card1 { border-radius: 10px; height: 100%; margin-bottom: 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-option__service .row .p-card1 { font-size: 0.812rem; line-height: 1.25rem; } }

.p-option__service .row .p-card2 { border-radius: 10px; height: 100%; margin-bottom: 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-option__service .row .p-card2 { font-size: 0.812rem; line-height: 1.25rem; } }

.p-option__service .row .p-card1__icon img { height: 45px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-option__service .row .p-card1__icon img { height: 35px; } }

.p-option__service .row .p-card2__icon img { height: 45px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-option__service .row .p-card2__icon img { height: 35px; } }

.p-option__service .p-btn__option__block { margin: 50px auto 0; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-option__service .p-btn__option__block { margin-top: 40px; } }

/*-----------------------------------------------------------------
moving course mv
----------------------------------------------------------------- */
.p-logo1 img { width: 100%; display: block; margin: auto; border-radius: 10px;}

.p-logo1 img:nth-of-type(1) { max-width: 350px; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-logo1 img:nth-of-type(1) { max-width: 190px; } }

.p-logo1 img:nth-of-type(2) { max-width: 374px; margin-top: 20px; }

.p-logo1 p { margin-top: 30px; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-logo1 p { text-align: left; } }

.p-logo1__list { margin-top: 30px; padding: 30px; background: #ffcccc; border-radius: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo1__list { padding: 20px 0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); border-radius: 0; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo1__list ul { max-width: 1200px; margin: auto; width: 90%; } }

.p-logo1__list ul li { padding: 1.5px 0 1.5px 35px; font-weight: bold; color: #333333; background: url(../images/common/ico-check.svg) no-repeat top left/25px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo1__list ul li { font-size: 0.875rem; background-size: 20px; padding-left: 28px; } }

.p-logo1__list ul li:not(:first-child) { margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo1__list ul li:not(:first-child) { margin-top: 12px; } }


/*-----------------------------------------------------------------
moving course mv
----------------------------------------------------------------- */
.p-logo img { width: 100%; display: block; margin: auto; border-radius: 10px;}

.p-logo img:nth-of-type(1) { max-width: 280px; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-logo img:nth-of-type(1) { max-width: 190px; } }

.p-logo img:nth-of-type(2) { max-width: 374px; margin-top: 20px; }

.p-logo p { margin-top: 30px; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-logo p { text-align: left; } }

.p-logo__list { margin-top: 30px; padding: 30px; background: #ffcccc; border-radius: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo__list { padding: 20px 0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); border-radius: 0; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo__list ul { max-width: 1200px; margin: auto; width: 90%; } }

.p-logo__list ul li { padding: 1.5px 0 1.5px 35px; font-weight: bold; color: #333333; background: url(../images/common/ico-check.svg) no-repeat top left/25px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo__list ul li { font-size: 0.875rem; background-size: 20px; padding-left: 28px; } }

.p-logo__list ul li:not(:first-child) { margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-logo__list ul li:not(:first-child) { margin-top: 12px; } }

/*-----------------------------------------------------------------
image scroll
----------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 768px) { .p-picscr { width: 95vw; overflow-x: scroll; white-space: nowrap; } }

.p-picscr img { width: 70%; display: block; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-picscr img { width: 150%; } }

/* ========================================================================== Object ========================================================================== */
/* Component
------------------------------------------- */
/*----------------------------------------------------------------- 黒ボタン（線） ----------------------------------------------------------------- */
.p-btn__line { border: solid 2px #333333; text-align: center; padding: 20px 0; margin-bottom: 20px; border-radius: 100px; width: 350px; font-weight: bold; color: #333333; }

.p-btn__line:hover { background: #333333; color: #fff; }

/*----------------------------------------------------------------- 黒ボタン（通常） ----------------------------------------------------------------- */
.p-btn__defalut { background: #333333; text-align: center; padding: 20px 0; border-radius: 100px; width: 350px; font-weight: bold; color: #fff; }

.p-btn__defalut:hover { background: #111; color: #fff; }

/*-----------------------------------------------------------------
yellow button
----------------------------------------------------------------- */
.p-btn__sub { background: #fbe660; display: block; font-weight: bold; color: #333333; border-radius: 5px; padding: 15px; position: relative; text-align: left; }

.p-btn__sub::after { position: absolute; content: ""; right: 15px; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; width: 1em; height: 1em; }

.p-btn__sub[role="button"]::after { background-image: url(../images/common/ico-arrow01-b.svg); }

.p-btn__sub[role="button"][aria-expanded="true"]::after { background-image: url(../images/common/ico-arrow01-t.svg); }

/*-----------------------------------------------------------------
black button
----------------------------------------------------------------- */
.p-btn__extra { background: #595959; display: block; font-weight: bold; color: #fff; border-radius: 5px; padding: 15px; position: relative; text-align: left; }

.p-btn__extra::after { position: absolute; content: ""; right: 15px; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow02-r.svg) no-repeat 0 0/100% auto; width: 1em; height: 1em; }

.p-btn__extra:hover { background-color: #333333; color: #fff; }

/*-----------------------------------------------------------------
text link button
----------------------------------------------------------------- */
.p-text__link { position: relative; text-align: left; padding-left: 1.5em; font-weight: bold; }

.p-text__link::after { position: absolute; content: ""; left: 0; top: 2px; margin: auto; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; width: 1em; height: 1em; }

/*-----------------------------------------------------------------
Twitter
----------------------------------------------------------------- */
.p-btn__twitter { background: #25a6e2; display: block; color: #fff; padding: 20px; border-radius: 5px; position: relative; }

.p-btn__twitter::after { position: absolute; content: ""; right: 15px; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow02-r.svg) no-repeat 0 0/100% auto; width: 1em; height: 1em; }

.p-btn__twitter:hover { background-color: #cfd5d8; }

/*-----------------------------------------------------------------
phone number button
----------------------------------------------------------------- */
.p-tel__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 350px; }

.p-tel__btn a { background: #fbe660; border-radius: 100px; color: #333333; display: block; padding: 20px 60px; text-align: center; font-family: corp-round, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro"; font-size: 1.25rem; line-height: 1.25rem; position: relative; width: 100%; }

.p-tel__btn a::before { content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-tel.svg) no-repeat 0 0/100% auto; width: 32px; height: 32px; }

.p-tel__btn a:hover { background-color: #fed900; }

/*-----------------------------------------------------------------
anchor link
----------------------------------------------------------------- */
.p-anker-linklist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.p-anker-linklist ul li { -ms-flex-preferred-size: 23%; flex-basis: 23%; margin: 1%; }

@media screen and (min-width: 0px) and (max-width: 992px) { .p-anker-linklist ul li { -ms-flex-preferred-size: 31%; flex-basis: 31%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-anker-linklist ul li { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.p-anker-linklist ul li a { display: block; padding: 20px; color: #333333; background-color: #fbe660; border-radius: 5px; text-align: center; position: relative; height: 100%; }

.p-anker-linklist ul li a::after { position: absolute; content: ""; background: url(../images/common/ico-arrow01-b.svg) no-repeat 0 0/100% auto; width: 14px; height: 14px; right: 15px; top: 0; bottom: 0; margin: auto; }

.p-anker-linklist ul li a:hover { background-color: #fed900; }

/*-----------------------------------------------------------------
Learn more about courses
----------------------------------------------------------------- */
.p-about-course-more__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.p-about-course-more__block .p-btn__sub { width: 49%; border-radius: 10px; padding: 0; position: relative; }

.p-about-course-more__block .p-btn__sub::before { content: ""; display: block; position: absolute; left: 15px; top: 18px; }

.p-about-course-more__block .p-btn__sub a { padding: 22px 0 22px 55px; display: block; }

.p-about-course-more__block .p-btn__sub__comparison::before { content: url(../../assets/images/common/ico-course-comparison.svg); }

.p-about-course-more__block .p-btn__sub__simulation::before { content: url(../../assets/images/common/ico-simulation02.svg); }

/*-----------------------------------------------------------------
Optional service
----------------------------------------------------------------- */
.p-btn__option { background: #25a6e2; text-align: center; padding: 20px 40px; margin-bottom: 20px; border-radius: 100px; width: 380px; font-weight: bold; color: #fff; }

.p-btn__option:hover { background: #137dcd; color: #fff; }

@media screen and (min-width: 0px) and (max-width: 768px) { /* button */
  .p-btn__line, .p-btn__defalut { width: 100%; }
  /*----------------------------------------------------------------- コースについてもっと知る ----------------------------------------------------------------- */
  .p-about-course-more__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .p-about-course-more__block .p-btn__sub { width: 100%; font-size: 0.875rem; margin-bottom: 10px; }
  .p-about-course-more__block .p-btn__sub__simulation { margin-bottom: 0; } }

/*-----------------------------------------------------------------
accordion menu
----------------------------------------------------------------- */
.btn-ac { display: block; padding: 20px 60px 20px 20px; margin-bottom: 20px; font-weight: bold; border-radius: 4px; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { .btn-ac { padding: 16px 60px 16px 20px; margin-bottom: 10px; } }

.btn-ac[aria-expanded="false"] { background: url(../images/common/ico-arrow01-b.svg) no-repeat center right 15px/16px, #25a6e2; }

.btn-ac[aria-expanded="true"] { margin-bottom: 15px; background: url(../images/common/ico-arrow01-t.svg) no-repeat center right 15px/16px, #25a6e2; }

.collapse__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 20px; }

.collapse__wrap__en { color: #fff; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; font-weight: bold; border-radius: 100px; background: #fa6475; }

.collapse__wrap__txt { width: calc(100% - 40px); margin-left: 10px; }

.p-btn-ac .collapse__wrap { display: block; }

/*-----------------------------------------------------------------
youtube
----------------------------------------------------------------- */
.cm-iframe { width: 80%; height: 0px; display: block; margin: 0 auto 60px; padding-bottom: 46.25%; position: relative; }

@media screen and (min-width: 0px) and (max-width: 576px) { .cm-iframe { width: 100%; padding-bottom: 56.25%; } }

.cm-iframe iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/*-----------------------------------------------------------------
full-youtube
----------------------------------------------------------------- */
.p-cm-iframe { width: 100%; height: 0px; display: block; padding-bottom: 56.25%; position: relative; }

.p-cm-iframe iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.p-table-defalut { width: 100%; border-top: dotted 1px #999999; }

.p-table-defalut tr { border-bottom: dotted 1px #999999; }

.p-table-defalut th { padding: 20px; background: #fcf09f; font-weight: bold; text-align: center; color: #333333; }

.p-table-defalut td { padding: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table-defalut__spblock tr { display: block; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table-defalut__spblock th { display: block; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table-defalut__spblock td { display: block; } }

.p-table-list { width: 100%; }

.p-table-list thead th { background: #fcd7d7; border-bottom: dotted 1px #999999; border-left: dotted 1px #999999; }

.p-table-list thead th:first-child { border-left: none; }

.p-table-list tr { border: dotted 1px #999999; }

.p-table-list th { padding: 20px; background: #f2f2f2; font-weight: bold; text-align: center; color: #333333; vertical-align: middle; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table-list th { padding: 15px; font-size: 0.937rem; } }

.p-table-list td { padding: 20px; border-left: dotted 1px #999999; vertical-align: middle; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table-list td { padding: 15px; font-size: 0.937rem; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table-scroll { overflow: auto; }
  .p-table-scroll::-webkit-scrollbar { height: 5px; }
  .p-table-scroll::-webkit-scrollbar-track { background: #333; }
  .p-table-scroll::-webkit-scrollbar-thumb { background: #999; }
  .p-table-scroll .p-table-list { width: 600px; }
  .p-table-scroll .p-table-list tbody th { width: 150px; } }
  .p-table-scroll .p-table-list tbody td {text-align: center;}
.p-table { width: 100%; border: 1px solid #fff; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table { width: 960px; } }

.p-table tr { width: 100%; border-bottom: 1px dotted #999; }

.p-table tr:nth-of-type(1) { border-bottom: 1px solid #fff; }

.p-table tr th { width: calc(100% / 9); padding: 10px 0; font-size: 0.8125rem; font-weight: bold; text-align: center; vertical-align: middle; background: #fbe660; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table tr th { width: 120px; } }

.p-table tr .fixed01 { position: -webkit-sticky; position: sticky; left: 0; color: #333333; }

.p-table tr .fixed01:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #fbe660; }

.p-table tr .fixed01:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 2; border-bottom: 1px dotted #999; }

.p-table tr td { width: calc(100% / 9); padding: 10px 0; font-size: 0.8125rem; font-weight: bold; text-align: center; border-right: 1px dotted #999; vertical-align: middle; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table tr td { width: 120px; } }

.p-table tr td img { vertical-align: middle; }

.p-table tr td div { display: -webkit-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-table tr td div p { margin: 6px 0 0 5px; font-size: 0.8125rem; line-height: 1.2; }

.p-table tr .premium { color: #fff; background: #7abcff; }

.p-table tr .rakua { color: #fff; background: #f2b574; }

.p-table tr .rakub { color: #fff; background: #e785f2; }

.p-table tr .rakuc { color: #fff; background: #b0de6f; }

.p-table tr .saving { color: #fff; background: #b17ff7; }

.p-table tr .together { color: #fff; background: #ec817e; }

.p-table tr .rebuilding { color: #fff; background: #6cd9d9; }

.p-table tr .small { color: #fff; background: #7a7df7; }

/*-----------------------------------------------------------------
headline
----------------------------------------------------------------- */
.p-heading-top { position: relative; font-weight: bold; margin-bottom: 40px; }

.p-heading-top__eng { font-size: 40px; font-family: "Asap", sans-serif; font-weight: 600; }

.p-heading-top__main { font-size: 20px; padding-bottom: 10px; }

.p-heading-top::before { content: ""; position: absolute; }

/*-----------------------------------------------------------------
headline 1
----------------------------------------------------------------- */
.p-heading1 { text-align: center; margin-bottom: 40px; }

.p-heading1 .p-heading1-main { font-family:  'Mochiy Pop One', sans-serif; line-height: 2.812rem; margin-bottom: 10px; color: #333333; }

.p-heading1 .p-heading1-eng { font-size: 1.75rem; line-height: 1.75rem; font-family: "Asap", sans-serif; font-weight: 600; color: #A40000; }

.p-heading1 h2 { font-size: 2.812rem;}

.p-heading1 h3 { font-size: 1.25rem; margin: 40px 0 30px; }

.p-heading1 h4 { font-size: 1rem; margin: 30px 0 20px; }

/*-----------------------------------------------------------------
headline 2
----------------------------------------------------------------- */
.p-heading2__text { color: #333333; font-weight: bold; padding-bottom: 20px; border-bottom: 4px solid #f2f2f2; position: relative; }

.p-heading2__text::after { content: ""; position: absolute; position: absolute; width: 30px; height: 4px; background: #ffcccc; bottom: -4px; left: 0; }

.p-heading2 h2 { font-size: 1.5rem; margin: 40px 0 30px; }

.p-heading2 h3 { font-size: 1.25rem; margin: 40px 0 30px; line-height:2.5rem;}

.p-heading2 h4 { font-size: 1rem; margin: 30px 0 20px; }

/*-----------------------------------------------------------------
headline 3
----------------------------------------------------------------- */
.p-heading3__text { color: #333333; font-weight: bold; padding-bottom: 20px; border-bottom:3px dotted #ffcccc;}

.p-heading3 h2 { font-size: 1.5rem; margin: 40px 0 30px; }

.p-heading3 h3 { font-size: 1.25rem; margin: 40px 0 30px; }

.p-heading3 h4 { font-size: 1rem; margin: 30px 0 20px; }


/*-----------------------------------------------------------------
headline 4
----------------------------------------------------------------- */
.p-heading4__text { color: #333333; font-weight: bold; background: #ffcccc; padding: 15px; }

.p-heading4 h2 { font-size: 1.5rem; margin: 40px 0 30px; }

.p-heading4 h3 { font-size: 1.25rem; margin: 40px 0 30px; }

.p-heading4 h4 { font-size: 1rem; margin: 30px 0 20px; }

/*-----------------------------------------------------------------
marker
----------------------------------------------------------------- */
.l-pen { color: #333333; }

.l-pen span { font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #FFCCCC)); background: linear-gradient(transparent 40%, #FFCCCC 40%); }

.p-pen { color: #333333; }

.p-pen span { font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #fbe660)); background: linear-gradient(transparent 40%, #fbe660 40%); }

@media screen and (min-width: 0px) and (max-width: 768px) { /*----------------------------------------------------------------- 見出し1 ----------------------------------------------------------------- */
  .p-heading1 { margin-bottom: 30px; }
  .p-heading1 .p-heading1-main { font-size: 1.875rem; line-height: 1.875rem; }
  .p-heading1 .p-heading1-eng { font-size: 1.25rem; line-height: 1.25rem; }
  /*-----------------------------------------------------------------
headline 2
----------------------------------------------------------------- */
  .p-heading2__text::after { width: 24px; }
  .p-heading2 h2 { font-size: 1.25rem; }
  .p-heading2 h3 { font-size: 1.125rem; } }

/*-----------------------------------------------------------------
background color
----------------------------------------------------------------- */
.p-bg-main { background: #F7D5DF; }

.p-bg-light { background: #f2f2f2; }

/*-----------------------------------------------------------------
Emphasized text
----------------------------------------------------------------- */
.p-top__read { font-size: 1.5rem; font-weight: bold; text-align: center; line-height: 2rem; margin-bottom: 40px; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-top__read { font-size: 1rem; line-height: 1.875rem; text-align: left; margin-bottom: 30px; } }

/*-----------------------------------------------------------------
Emphasized text
----------------------------------------------------------------- */
.p-under { font-family:  'Mochiy Pop One', sans-serif; font-size: 1.512rem; margin-bottom: 40px; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-under { text-align: left; } }

/*-----------------------------------------------------------------
Picture
----------------------------------------------------------------- */
.p-image img { border-radius: 20px; width: 100%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-image { border-radius: 10px; } }

/*-----------------------------------------------------------------
list
----------------------------------------------------------------- */
.p-list-dot li { margin-bottom: 10px; position: relative; padding-left: 15px; }

.p-list-dot li::before { content: ""; position: absolute; left: 0; top: 9px; background: #fed900; width: 5px; height: 5px; border-radius: 10px; }

.p-list-dot li:last-child { margin-bottom: 0; }

/*----------------------------------------------------------------- pager ----------------------------------------------------------------- */
.pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pager .active { padding: 10px 15px; background: #fbe660; border-radius: 4px; color: #333333; }

.pager a { padding: 10px 15px; color: #25a6e2; display: block; }

.pager a:hover { text-decoration: underline; }

/*----------------------------------------------------------------- flow ----------------------------------------------------------------- */
.p-comparison { repeat-y top left 27px/2px; }

.p-comparison__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.p-comparison__list:not(:first-child) { margin-top: 30px; }

.p-comparison__list__num { background: #ffcccc; font-weight: bold;border-radius: 100px; text-align: center; color: #333333; font-family: "corp-round"; font-size: 0.75rem; line-height: 0.75rem; padding: 14px; margin-top: -15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.p-comparison__list__num span { display: block; font-size: 140%; line-height: 100%; margin-top: 2px; }

.p-comparison__list__wrap { width: calc(100% - 57.05px); padding-left: 10px; }

.p-comparison__list__wrap__ttl { color: #333333; font-weight: bold; }

.p-comparison__list__wrap__flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-card { margin-bottom: 30px; display: block; }

.p-card:hover { text-decoration: none; color: inherit; }

.p-card:hover .p-card__tit { color: #FF0000; }

.p-card:hover .p-card__thumb img { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.p-card:hover p { color: #666; }

.p-card__thumb { overflow: hidden; border-radius: 10px; }

.p-card__thumb img { width: 100%; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.p-card__tit { font-weight: bold; position: relative; padding-left: 25px; color: #333333; margin: 20px 0 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.p-card__tit::before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; width: 18px; height: 18px; }

.p-card p { font-size: 0.875rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.p-card0 { margin-bottom: 30px; display: block; }

.p-card0:hover { text-decoration: none; color: inherit; }

.p-card0:hover .p-card0__tit { color: #FF0000; }

.p-card0:hover .p-card0__thumb img { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }

.p-card0:hover p { color: #666; }

.p-card0__thumb { overflow: hidden; border-radius: 10px; background-color: #FFCCCC;}

.p-card0__thumb img { width: 100%; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.p-card0__tit { font-weight: bold; position: relative; padding-left: 25px; color: #333333; margin: 20px 0 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.p-card0__tit::before { position: absolute; content: ""; left: 0; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; width: 18px; height: 18px; }

.p-card0 p { font-size: 0.875rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.p-card1 { background: #ffcccc; border-radius: 20px; border-bottom: solid 5px #FFBABCBD; text-align: center; padding: 30px 10px; font-weight: bold; color: #333333; display: block; margin-bottom: 40px; }

.p-card1__icon { margin-bottom: 15px; }

.p-card1__icon img { height: 80px; }

.p-card1:hover { text-decoration: none; background-color: #F5C9CC; color: #ff0000;}


.p-card2 { background: #e1eff5; border-radius: 20px; border-bottom: solid 5px #cfdfe6; text-align: center; padding: 30px 10px; font-weight: bold; color: #333333; display: block; margin-bottom: 40px; }

.p-card2__icon { margin-bottom: 15px; }

.p-card2__icon img { height: 100px; }

.p-card2:hover { text-decoration: none; background-color: #d7ecf5;  color: #ff0000;}

/*-----------------------------------------------------------------
fast navigation
----------------------------------------------------------------- */
.p-card3 { background: #fff; border-radius: 20px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); text-align: center; padding: 30px 10px; font-weight: bold; color: #333333; }

.p-card3 a { display: block; }

.p-card3 a:hover { text-decoration: none; color: #333333; }

.p-card3__icon { width: 70px; height: 70px; margin: auto; margin-top: -65px; margin-bottom: 15px; border-radius: 100px; background: #FFCCCC; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.p-card3__icon img { height: 40px; }

.p-card3__tit { margin-bottom: 20px; }

.p-card3__btn { width: 80%; padding: 10px; }

.p-card3:hover { text-decoration: none; }

.p-card4 { background: #fbe660; border-radius: 5px; }

.p-card4 a { display: block; }

.p-card4__title { color: #333333; padding: 15px; padding-left: 38px; font-weight: bold; position: relative; }

.p-card4__title::before { position: absolute; content: ""; left: 15px; top: 0; bottom: 0; margin: auto; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; width: 1em; height: 1em; }

.p-card4__inner { padding: 0 15px 15px; }

.p-card5 { margin-top: -40px; }

.p-card5 .col-md-4 { margin-top: 40px; }

.p-card5__icon img { background-color: #A4F4F2; border-radius: 10px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-card5 .col-md-4 { margin-top: 20px; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-card5 .col-md-4 br { display: none; } }

.p-card5__text { font-weight: bold; text-align: left; margin-top: 20px; color: #333333; }

.p-card6 { border-radius: 10px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: 100%; }

.p-card6__title { background: #fbe660; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; padding: 20px; color: #333333; }

.p-card6__title a { position: relative; display: block; }

.p-card6__title a::after { content: ""; position: absolute; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; right: 0px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; }

.p-card6__inner { padding: 20px; }

.p-card6__list { padding: 20px; }

.p-card6__list ul li { margin-bottom: 10px; position: relative; padding-left: 15px; }

.p-card6__list ul li::before { content: ""; position: absolute; left: 0; top: 6px; margin: auto; background: url(../images/common/ico-arrow03-r.svg) no-repeat 0 0/100% auto; width: 6px; height: 10px; }

.p-card6__list ul li:last-child { margin-bottom: 0; }

.p-card6__list ul li a { color: #25a6e2; }

.p-card6__list ul li a::after { content: " "; position: absolute; display: inline-block; width: 16px; height: 20px; margin-left: 5px; background: no-repeat 50% 50% / 100% auto; }

.p-card6__list ul li a:hover { text-decoration: underline; }

.p-card6__list ul li a[href$=".pdf"]::after { background-image: url(../images/common/ico-pdf.svg); }

.p-card6__list ul li a[href^="http://"]::after { background-image: url(../images/common/ico-link.svg); }

.p-card7 { border-radius: 10px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: 100%; }

.p-card7 > a { display: block; }

.p-card7 > a .p-card7__title { position: relative; display: block; }

.p-card7 > a .p-card7__title::after { content: ""; position: absolute; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; right: 20px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; }

.p-card7__title { background: #ffcccc; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; padding: 20px; color: #333333; text-align: center;}

.p-card7__inner { padding: 20px; }

.p-card7__inner a { color: #25a6e2; }

.p-card7__inner a:hover { text-decoration: underline; }

.p-card7__inner .p-btn__extra { color: #fff; }

.p-card7__inner .p-btn__extra:hover { text-decoration: none; }

.p-card71 { border-radius: 10px; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: 100%;}

.p-card71 > a { display: block; }

.p-card71 > a .p-card71__title { position: relative; display: block; }

.p-card71 > a .p-card71__title::after { content: ""; position: absolute; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; right: 20px; top: 0; bottom: 0; margin: auto; width: 16px; height: 16px; }

.p-card71__title {  font-size: 1.5rem; background: #ffcccc; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: bold; padding: 20px; color: #333333; text-align: center;}

.p-card71__inner { padding: 20px; }

.p-card71__inner a { color: #25a6e2; }

.p-card71__inner a:hover { text-decoration: underline; }

.p-card71__inner .p-btn__extra { color: #fff; }

.p-card71__inner .p-btn__extra:hover { text-decoration: none; }

.p-card71__inner__text { text-decoration: none; }
/*-----------------------------------------------------------------
anchor link
----------------------------------------------------------------- */
.p-card8 { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-card8 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } }

.p-card8__title { background-color: #fbe660; padding: 30px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #333333; font-weight: bold; -ms-flex-preferred-size: 25%; flex-basis: 25%; font-size: 1rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-card8__title { border-bottom-left-radius: 0px; border-top-right-radius: 10px; padding: 20px; } }

.p-card8__inner { padding: 30px; -ms-flex-preferred-size: 75%; flex-basis: 75%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-card8__inner { padding: 20px; } }

.p-card8__inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.p-card8__inner ul li { margin-right: 20px; margin-bottom: 10px; font-size: 1rem; }

.p-card8__inner ul li a { color: #25a6e2; display: block; position: relative; padding-left: 12px; }

.p-card8__inner ul li a::before { position: absolute; content: ""; background: url(../images/common/ico-arrow03-r.svg) no-repeat 0 0/100% auto; width: 6px; height: 15px; left: 0; top: 6px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-card { margin-bottom: 20px; }
  .p-card__tit { padding-left: 20px; margin: 10px 0 15px; font-size: 0.875rem; }
  .p-card__tit::before { width: 13px; height: 13px; }
  .p-card1 { margin-bottom: 20px; padding: 20px 0; font-size: 0.875rem; border-radius: 10px; }
  .p-card1__icon img { height: 45px; }
  .p-card2 { margin-bottom: 20px; padding: 20px 0; font-size: 0.875rem; border-radius: 10px; }
  .p-card2__icon img { height: 80px; }
  .p-card3 { border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding: 0px; margin-bottom: 10px; background: #595959; }
  .p-card3 a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 15px; color: #fff; font-size: 1.125rem; }
  .p-card3 a::before { content: ""; position: absolute; width: 16px; height: 16px; background: url("../images/common/ico-arrow02-r.svg") no-repeat 0 0/100% auto; right: 20px; top: 0; bottom: 0; margin: auto; }
  .p-card3__icon { width: 40px; height: 40px; margin: 0; margin-right: 10px; }
  .p-card3__icon img { height: 20px; }
  .p-card3__tit { margin-bottom: 0px; }
  .p-card3__btn { display: none; }
  .p-card3:hover { text-decoration: none; }
  .p-card5__text { margin-top: 10px; font-size: 0.875rem; text-align: left; } }

/*-----------------------------------------------------------------
quote form
----------------------------------------------------------------- */
#contents article.form .form { border: none; border-radius: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

#contents article.form .form input { background: #f2f2f2; border-radius: 5px; padding: 14px 14px; border: none; }

#contents article.form .form textarea { background: #f2f2f2; border-radius: 5px; padding: 14px 14px; border: none; }

#contents article.form .form .form-block { padding-bottom: 40px; }

#contents article.form dl.caution { border: none; background-color: #f1f1f1; padding: 20px; }

#contents article.form dl.caution dt { color: #fa3f54; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article.form dl.caution dt { text-align: center; } }

#contents article.form dl.caution dd { margin-bottom: 0; }

#contents article.form dl.caution li { margin-bottom: 10px; }

#contents article.form dl.caution li:last-child { margin-bottom: 0; }

#contents article.form dl.caution li span { font-family: "corp-round"; color: #fff; border-radius: 100px; background-color: #fa3f54; font-size: 0.875rem; display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; margin-right: 10px; }

#contents article.form dl.caution1 { border: none; background-color: #f1f1f1; padding: 20px; }

#contents article.form dl.caution1 dt { color: #fa3f54; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article.form dl.caution1 dt { text-align: center; } }

#contents article.form dl.caution1 dd { margin-bottom: 0; }

#contents article.form dl.caution1 li { margin-bottom: 10px; }

#contents article.form dl.caution1 li:last-child { margin-bottom: 0; }

#contents article.form dl.caution1 li span { font-family: "corp-round"; color: #fa3f54; border-radius: 100px; background-color: #fa3f54; font-size: 0.875rem; display: inline-block; width: 27px; height: 27px; line-height: 27px; text-align: center; margin-right: 10px; }

#contents article.form dl.caution1 li a { font-size:1.25rem; font-weight: bold; color: #0067c0; }

#contents article.form dl.caution1 li p { font-size:1.2rem; font-weight: bold; color: #333333; text-indent: 1.25rem;}


#contents article div.form { }


#contents article div.form h2 { padding: 25px; font-size: 1.25rem; color: #333333; margin-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form h2 { font-size: 1rem; padding: 20px; margin-bottom: 20px; line-height: 1rem; } }

#contents article div.form h3.p-heading3__text { background-color: none; overflow: inherit; font-size: 1.25rem; margin: 40px 0 30px; padding: 0; padding-bottom: 20px; background: url(../images/common/head_dotted.svg) repeat-x bottom left/15px auto; font-size: 1rem; margin: 40px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#contents article div.form h3.p-heading3__text .caution { font-size: 80%; font-weight: normal; }

#contents article div.form .form.mitumori dd input.tel { width: 75px !important; }

#contents article div.form .form.mitumori dd input.zip { width: 75px !important; }

#contents article div.form div.address dt { float: none; }

#contents article div.form div.address dd { padding-bottom: 0; }

#contents article div.form div.address dt a, #contents article div.form div.select.insurance dd p.detail2 a { background: url(../images/common/ico-question.svg) no-repeat center left/15px auto; }

#contents article div.form.mitumori dt { color: #333333; font-size: 1rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form.mitumori dt { font-weight: normal; margin-bottom: 10px; } }

#contents article div.form div.select.date dl { margin: 20px 0; }

#contents article div.form div.select.date dt { float: none; }

#contents article div.form div.select.date dd { padding-bottom: 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form div.select.date dd span { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form input.year { padding: 8px; font-size: 14px; } }

#contents article div.form input.month { width: 60px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form input.month { padding: 8px; width: 50px; font-size: 14px; } }

#contents article div.form input.day { width: 60px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form input.day { padding: 8px; width: 50px; font-size: 14px; } }

#contents article div.form .select dt { float: none; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article div.form .select dt { margin-bottom: 10px; } }

#contents article div.form .select dt span { top: 3px; top: 0; bottom: 0; margin: auto; }

#contents .form.mitumori dt span { font-size: 1rem; }

#contents .form.mitumori dt span.option, #contents .form.mitumori dt span.required { font-size: 0; }

article div.form.mitumori dl + dl { margin-top: 20px; }

/* Attributes */
article div.form.mitumori dl span.required, article div.form.mitumori dl span.option, article div.form.mitumori dl span.done { top: 16px; }

@media screen and (min-width: 0px) and (max-width: 768px) { article div.form.mitumori dl span.required, article div.form.mitumori dl span.option, article div.form.mitumori dl span.done { top: 0px; } }

article div.form.mitumori dt { padding: 0; vertical-align: middle; }


.fixed .formErrorContent { background-color: #fa6475; }

.formError .formErrorContent { padding: 10px; }


article.form div.submit { background-color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { article.form div.submit { padding: 20px; } }

article.form div.submit p.caution { color: #fff; }

article.form div.submit p.caution a { color: #fbe660; }

article.form div.submit .submit { font-size: 1rem; }

article.form div.submit .submit span { background: url(../img/form/ico-submit.svg) no-repeat right center/auto 1em; padding-right: 23px; }

article.form div.submit .submit span span { background: none; }

article.form div.submit .submit span.btn-disabled { border-radius: 100px; line-height: 140%; padding: 12px 16px 20px; color: #fff; background: #999 url(../img/form/ico-back.svg) no-repeat right 20px center/20px auto; }

article.form div.submit .submit span.btn-disabled .em { display: block; line-height: 140%; font-size: 1.25rem; }

article.form div.submit .submit a { font-size: 1.25rem; font-weight: bold; background-color: #fa6475; border-radius: 100px; line-height: 140%; padding: 12px 10px 12px 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { article.form div.submit .submit a { font-size: 1rem; } }

@media screen and (min-width: 0px) and (max-width: 768px) { article.form div.submit .submit.back { margin-bottom: 10px; } }

article.form div.submit .submit.back a { background-color: #999; }

article.form div.submit .submit.back span { background-image: url(../img/form/ico-back.svg); }

/* Confirm*/
#contents article div.form.mitumori.confirm dl { margin: 20px 0; }

#contents article div.form.mitumori.confirm dd { padding: 0; }

#contents article div.form.mitumori.confirm span.required, #contents article div.form.mitumori.confirm span.option, #contents article div.form.mitumori.confirm span.done { top: 0; bottom: 0; margin: auto; }

#contents article div.form.mitumori.confirm div.address dt { padding: 0; }

#contents article div.form.mitumori.confirm div.select.date dt { padding: 0; }

#contents article div.form.mitumori.confirm div.select.date dd { vertical-align: middle; }

#contents article .form ul { margin-bottom: 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { #contents article .form div.submit .submit { display: block; width: 100% !important; }
  #contents article .form div.submit .submit.back { margin-bottom: 10px !important; } }

#contents article .form div.submit .submit a { padding-top: 15px; padding-bottom: 15px; }

/*-----------------------------------------------------------------
Radio button
----------------------------------------------------------------- */
.p-form__radio .p-radio-input { display: none; }

.p-form__radio .p-radio-input + label { position: relative; display: block; border-radius: 5px; background: #f1f1f1; padding: 20px; padding-left: 42px; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-form__radio .p-radio-input + label { margin-bottom: 10px; padding: 15px; padding-left: 42px; } }

.p-form__radio .p-radio-input + label::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; width: 20px; height: 20px; background: #fff; border: 3px solid #d9d9d9; border-radius: 50%; }

.p-form__radio .p-radio-input:checked + label { background: #fbe660; }

.p-form__radio .p-radio-input:checked + label::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 15px; margin: auto; width: 20px; height: 20px; background: url(../img/form/ico-radio-check.svg) no-repeat 0 0/100% auto; border-radius: 50%; }

/*Hide footer banner only on inquiry page */
.footer-mitsumori-none .p-bn-lists, #campaign.friend .p-bn-lists, #page-contact .p-bn-lists, #page-mailsend .p-bn-lists, .page-catalog .p-bn-lists { display: none; }

/*Checkbox fix*/
article.item div.list li li { text-indent: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.modal-header { font-size: 1.25rem; font-weight: bold; color: #333333; }

.modal-footer { background: #f2f2f2; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; }

.modal-footer__tel { max-width: 250px; margin: auto; }

.modal-body .cm-iframe { width: 100%; margin: 0; padding-bottom: 56.25%; }

.contact-personal__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap; }

.contact-personal__box { -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-bottom: 2%; }

.contact-personal__box a { display: block; padding: 20px; background: #f2f2f2; border-radius: 5px; height: 100%; }

.contact-personal__title { text-decoration: underline; color: #137dcd; font-weight: bold; margin-bottom: 10px; }

.contact-personal p { font-size: 0.875rem; }

.p-calender-modal { background: #fff; border-radius: 10px; }

#home #cboxClose, .cboxMitumori #cboxClose, #calendar #cboxClose { top: 20px !important; right: 20px !important; background: url(../images/common/ico-cross.svg) no-repeat 0 0/100% auto; width: 20px; height: 20px; }

/*-----------------------------------------------------------------
news information
----------------------------------------------------------------- */
/*.p-news-list { border-top: dotted 1px #d9d9d9; }*/
.p-news-list {}

/*.p-news-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 0; border-bottom: dotted 1px #d9d9d9; }*/
.p-news-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
@media screen and (min-width: 0px) and (max-width: 768px) { .p-news-list__item { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 0; } }

.p-news-list__date { -ms-flex-preferred-size: 12%; flex-basis: 12%; font-family: din-bold; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-news-list__date { -ms-flex-preferred-size: 40%; flex-basis: 40%; } }

.p-news-list__cate { border-radius: 5px; color: #fff; text-align: center; font-size: 0.75rem; padding: 4px 10px; -ms-flex-preferred-size: 15%; flex-basis: 15%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-news-list__cate { -ms-flex-preferred-size: 40%; flex-basis: 40%; } }

.p-news-list__title { margin-left: 15px; font-size: 0.875rem; -ms-flex-preferred-size: 73%; flex-basis: 73%; font-weight: bold; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-news-list__title { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 0; } }

.p-news-list__title a { display: block; color: #333333; position: relative; }

.p-news-list__title a::after { content: " "; position: absolute; display: inline-block; width: 16px; height: 20px; margin-left: 5px; background: no-repeat 50% 50% / 100% auto; }

.p-news-list__title a[href$=".pdf"]::after { background-image: url(../images/common/ico-pdf.svg); }

.p-news-list__title a:hover { text-decoration: underline; }

.p-news-list .p-cate-important { background-color: #fa3f54; }

.p-news-list .p-cate-news { background-color: #25a6e2; }

.p-news-list .p-cate-ir { background-color: #006cbf; }

.p-news-list .p-cate-campaign { background-color: #ffc61a; }

/*-----------------------------------------------------------------
anchor link
----------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 768px) { .news .p-anker-linklist ul li { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .wp-pagenavi { font-size: 0.875rem; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .wp-pagenavi a { padding: 5px 10px 5px; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .wp-pagenavi span { padding: 5px 10px 5px; } }

/* Project
------------------------------------------- */
/*-----------------------------------------------------------------
main slider
----------------------------------------------------------------- */
.lhmove-mv { position: relative; }

.lhmove-mv .lhmove-slider img { width: 100%; }

.lhmove-mv .lhmove-thumb-wrapper { width: 450px; position: absolute; bottom: 20px; left: 5%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-mv .lhmove-thumb-wrapper { display: none; } }

.lhmove-mv .lhmove-thumb-wrapper .lhmove-thumb img { width: 100%; margin: 0 5px; position: relative; z-index: 1; cursor: pointer; }

.lhmove-mv .lhmove-thumb-wrapper .lhmove-thumb img.slick-current::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: solid 2px #333333; z-index: 2; }

.lhmove-mv .slick-prev { left: -30px; background: url(../images/common/ico-arrow02-l.svg) no-repeat 0 0/100% auto; bottom: 20px; margin: auto; }

.lhmove-mv .slick-next { right: -30px; background: url(../images/common/ico-arrow02-r.svg) no-repeat 0 0/100% auto; bottom: 20px; margin: auto; }

.lhmove-mv .slick-dots li { margin: 0; }

.lhmove-mv .slick-dots li button::before { content: ""; background: #000000; border-radius: 8px; width: 4px; height: 4px; }

/*-----------------------------------------------------------------
Foot information
----------------------------------------------------------------- */
.lhmove-foot { padding-top: 20px ; padding-bottom:10px; background: #A40000; text-align: center; color: #FFFFFF; font-size: 1.575rem; font-weight: bold; position:relative; letter-spacing: 0.1em;  -ms-flex-preferred-size: 28%; flex-basis: 28%; }

.lhmove-foot li { padding: 0px 0; position: relative; -ms-flex-preferred-size: 28%; flex-basis: 28%;}

.lhmove-foot li::after { position: absolute; content: ""; background: #fff; bottom: 0; left: 0; right: 0; width: 100vw; height: 1px; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }

.lhmove-foot .p-news-list__cate { margin-right: 15px; }

.lhmove-foot a { color: #FFFFFF; font-size: 2rem; font-weight: bold; }

.lhmove-foot a .arrow { background: url("../images/common/ico-arrow03-r.svg") no-repeat 50% 80%/auto 70%; display: inline-block; margin-left: 0.5em; width: 6px; height: 1em; }

.lhmove-foot a:hover { color: #fa3f54; }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-foot {padding-top: 0px; padding-bottom:5px;}}

/*
@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-foot 
  .p-header .navbar__sp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 34%; flex-basis: 34%; } }

@media screen and (min-width: 0px) and (max-width: 992px) { .lhmove-foot li { font-size: 1.625rem; } }
*/

/*-----------------------------------------------------------------
Head top information
----------------------------------------------------------------- */
.lhmove-head-top { background: #A40000; text-align: center; color: #FFFFFF; font-size: 1.575rem; font-weight: bold; position:relative; letter-spacing: 0.1em;  -ms-flex-preferred-size: 28%; flex-basis: 28%; }

.lhmove-head-top li { padding: 15px 0; position: relative; -ms-flex-preferred-size: 28%; flex-basis: 28%;}

.lhmove-head-top li::after { position: absolute; content: ""; background: #fff; bottom: 0; left: 0; right: 0; width: 100vw; height: 1px; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }

.lhmove-head-top .p-news-list__cate { margin-right: 15px; }

.lhmove-head-top a { color: #FFFFFF; font-size: 2rem; font-weight: bold; }

.lhmove-head-top a .arrow { background: url("../images/common/ico-arrow03-r.svg") no-repeat 50% 80%/auto 70%; display: inline-block; margin-left: 0.5em; width: 6px; height: 1em; }

.lhmove-head-top a:hover { color: #fa3f54; }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-head-top { display: none; }
  .p-header .navbar__sp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 34%; flex-basis: 34%; } }

@media screen and (min-width: 0px) and (max-width: 992px) { .lhmove-head-top li { font-size: 1.625rem; } }

/*-----------------------------------------------------------------
Important Notices
----------------------------------------------------------------- */
.lhmove-significant { background: #ffcccc; }

.lhmove-significant li { padding: 11px 0; position: relative; }

.lhmove-significant li::after { position: absolute; content: ""; background: #fff; bottom: 0; left: 0; right: 0; width: 100vw; height: 1px; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }

.lhmove-significant .p-news-list__cate { margin-right: 15px; }

.lhmove-significant a { color: #333333; font-size: 0.875rem; font-weight: bold; }

.lhmove-significant a .arrow { background: url("../images/common/ico-arrow03-r.svg") no-repeat 50% 80%/auto 70%; display: inline-block; margin-left: 0.5em; width: 6px; height: 1em; }

.lhmove-significant a:hover { color: #fa3f54; }

/*-----------------------------------------------------------------
fast navigation
----------------------------------------------------------------- */
.lhmove-nav { padding: 60px 0 120px; }

@media screen and (min-width: 0px) and (max-width: 992px) { .lhmove-nav .p-card3__btn { width: 90%; font-size: 14px; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-nav .p-card3__btn { font-size: 13px; } }

.lhmove-nav__sub { margin-bottom: 10px; padding: 0; }

.lhmove-nav__sub a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 20px; border-radius: 20px; position: relative; }

@media screen and (min-width: 0px) and (max-width: 992px) { .lhmove-nav__sub a { padding: 14px 15px; padding-right: 0; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-nav__sub a { padding: 15px; } }

.lhmove-nav__sub a:hover { background: #ffcccc; }

.lhmove-nav__sub a::after { content: ""; position: absolute; background: url(../images/common/ico-arrow01-r.svg) no-repeat 50% 50%/contain; width: 15px; height: 15px; right: 20px; top: 0; bottom: 0; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-nav__sub a::after { display: none; } }

.lhmove-nav__sub .p-card3__icon { margin: 0; margin-right: 20px; width: 50px; height: 50px; }

@media screen and (min-width: 0px) and (max-width: 992px) { .lhmove-nav__sub .p-card3__icon { margin-right: 10px; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-nav__sub .p-card3__icon { width: 40px; height: 40px; margin-right: 10px; } }

.lhmove-nav__sub .p-card3__icon img { height: 28px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .lhmove-nav__sub .p-card3__icon img { height: 20px; } }

.lhmove-nav__sub .p-card3__tit { margin: 0; }

/*-----------------------------------------------------------------
Discounted moving day
----------------------------------------------------------------- */
.lhmove-calender { padding: 70px 0 60px; position: relative; }

.lhmove-calender::before { content: ""; position: absolute; background: url("../img/index/illust-panda@2x.png") no-repeat bottom center/100% auto; top: -95px; left: 0; right: 0; margin: auto; width: 176px; height: 144px; z-index: 2; }

.lhmove-calender .p-heading1 { max-width: 316px; margin: 0 auto 30px; }

.lhmove-calender .p-heading1 img { width: 100%; }

.lhmove-calender__txt { font-weight: bold; text-align: center; margin-bottom: 40px; }

.lhmove-calender__btn { display: block; margin-top: 30px; }

.p-calender .slick-next { top: 45px; right: 25px; background: url(../images/common/ico-arrow02-r.svg) no-repeat 0 0/100% auto; }

.p-calender .slick-prev { top: 45px; left: 25px; background: url(../images/common/ico-arrow02-l.svg) no-repeat 0 0/100% auto; }

.p-calender .slick-disabled { background: none; }

.p-calender .calendar-wrap { margin: 1%; background: #fff; border-radius: 30px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.p-calender .calendar-wrap:focus { outline: 0; }

.p-calender .calendar-box { padding: 20px 20px 30px; }

.p-calender .calendar-box a:focus { outline: 0; }

.p-calender .month { padding: 15px 0; color: #fff; background: #595959; text-align: center; font-size: 1.25rem; font-weight: bold; border-top-left-radius: 30px; border-top-right-radius: 30px; }

.p-calender table { width: 100%; text-align: center; }

.p-calender table th { padding: 8px 0; text-align: center; font-size: 0.875rem; line-height: 0.875rem; font-weight: bold; }

.p-calender table td { padding: 10px 0; text-align: center; font-size: 0.875rem; line-height: 0.875rem; font-family: din-bold; position: relative; z-index: 1; color: #999999; }

.p-calender table td a { color: #595959; display: block; }

.p-calender table tr th:last-child a, .p-calender table tr td:last-child a, .p-calender table tr th:last-child, .p-calender table tr td:last-child { color: #137dcd; }

.p-calender table tr th:first-child a, .p-calender table tr td:first-child a, .p-calender table tr th:first-child, .p-calender table tr td:first-child, .p-calender table tr .holiday { color: #fa3f54; }

.p-calender table .deficit.holiday a { color: #fff; }

.p-calender table .deficit a { color: #fff; position: relative; }

.p-calender table .deficit a::after { content: ""; background: #fa6475; width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; }

.p-calender .txt { background: #e1eff5; border-radius: 8px; padding: 10px 0; font-size: 0.75rem; line-height: 0.75rem; text-align: center; }

.p-calender .txt .red { color: #fa3f54; position: relative; }

.p-calender .txt .blue { color: #137dcd; }

/*-----------------------------------------------------------------
Moving plan simulation
----------------------------------------------------------------- */
.lhmove-simulation { padding: 100px 0; position: relative; margin-bottom: 40px; }

.lhmove-simulation::after { position: absolute; content: ""; background: #ffcccc; border-top-left-radius: 40px; border-bottom-left-radius: 40px; width: 70%; height: 90%; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; }

.lhmove-simulation .row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.lhmove-simulation__tit { margin-bottom: 40px; }

.lhmove-simulation p { font-weight: bold; color: #333333; line-height: 170%; }

.lhmove-simulation__btn { margin-top: 30px; width: 100%; }

.lhmove-simulation__img img { width: 100%; }

.lhmove-simulation__img .img_tab { display: none; }

/*-----------------------------------------------------------------
Moving course list
----------------------------------------------------------------- */
.lhmove-course { text-align: center; background: #f2f2f2; padding: 50px 0; margin-top: 20px; }

.lhmove-course .lhmove-course--icon { margin-top: -70px; margin-bottom: 30px; }

.lhmove-course p { font-weight: bold; color: #333333; width: 90%; margin: auto; }

.lhmove-course .btn { margin-top: 30px; max-width: 350px; width: 90%; }

/*-----------------------------------------------------------------
Option list
----------------------------------------------------------------- */
.lhmove-option .nav-link.active { position: relative; }

.lhmove-option .nav-link.active::after { position: absolute; content: ""; background: url(../images/common/ico-logo.svg) no-repeat 0 0/100% auto; right: 20px; top: 0; bottom: 0; margin: auto; width: 45px; height: 20px; }

.lhmove-option .lhmove-option__content { padding-bottom: 10px; }

.lhmove-option .tab-pane .row { width: 95%; margin: auto; }

/*-----------------------------------------------------------------
new information
----------------------------------------------------------------- */
.lhmove-information { padding-top: 0; }

.lhmove-information__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; }

.lhmove-information__title-wrapper .lhmove-information__title { font-family: corp-round, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro"; font-size: 1.875rem; line-height: 1.875rem; color: #333333; }

.lhmove-information .lhmove-information__btn { display: block; position: relative; font-weight: bold; color: #333333; }

.lhmove-information .lhmove-information__btn::before { content: ""; position: absolute; width: 16px; height: 16px; background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/100% auto; left: -25px; top: -7px; bottom: 0; margin: auto; }

.lhmove-information .lhmove-information__btn:hover { text-decoration: none; color: #25a6e2; }

.lhmove-information__column .nav-pills .nav-item { -ms-flex-preferred-size: 25%; flex-basis: 25%; }

@media screen and (min-width: 0px) and (max-width: 768px) { /*----------------------------------------------------------------- 重要なお知らせ ----------------------------------------------------------------- */
  .lhmove-significant li { padding: 10px 0; }
  .lhmove-significant .p-news-list__cate { margin-right: 0; }
  .lhmove-significant a { display: block; }
  .lhmove-nav { padding-bottom: 90px; }
  /*----------------------------------------------------------------- おトクな引越日 ----------------------------------------------------------------- */
  .lhmove-calender { padding: 60px 0 50px; }
  .lhmove-calender::before { top: -72px; width: 136px; height: 111px; }
  .lhmove-calender .p-heading1 { width: 75%; margin: 0 auto 20px; }
  .lhmove-calender .p-heading1 img { width: 100%; }
  .lhmove-calender__btn { margin-top: 0px; }
  /*----------------------------------------------------------------- お引越しプランシミュレーション ----------------------------------------------------------------- */
  .lhmove-simulation { padding: 40px 0 60px; }
  .lhmove-simulation::before { content: ""; position: absolute; right: 0; top: 20%; width: 38%; height: 60%; background: url(../img/index/simulation-img_sp@2x.png) no-repeat 0 0/100% auto; }
  .lhmove-simulation::after { width: 80%; height: 81%; top: inherit; }
  .lhmove-simulation__tit { margin-bottom: 30px; width: 60%; }
  .lhmove-simulation__tit img { width: 100%; }
  .lhmove-simulation p { width: 60%; }
  .lhmove-simulation p br { display: none; }
  /*----------------------------------------------------------------- オプション一覧 ----------------------------------------------------------------- */
  .lhmove-option { padding: 40px 0 0; }
  .lhmove-option .tab-content { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 20px 0; }
  .lhmove-option .nav-fill .nav-item { -ms-flex-preferred-size: 48%; flex-basis: 48%; margin: 0 1%; }
  .lhmove-option .nav-fill .nav-item .nav-link { font-size: 0.875rem; font-weight: bold; padding: 15px; }
  /*----------------------------------------------------------------- 新着情報 ----------------------------------------------------------------- */
  .lhmove-information { padding-top: 0; }
  .lhmove-information__title-wrapper .lhmove-information__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; }
  .lhmove-information .lhmove-information__btnsp { margin-top: 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .lhmove-information .lhmove-information__btnsp .lhmove-information__btn::before { top: -1px; }
  .lhmove-information__column .nav-pills { background: #595959; padding: 0 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .lhmove-information__column .nav-pills .nav-link { background: none; margin: 0px; color: #fff; padding: 15px 0; display: block; }
  .lhmove-information__column .nav-pills .nav-link.active { background: none; color: #fbe660; position: relative; }
  .lhmove-information__column .nav-pills .nav-link.active::after { position: absolute; content: ""; width: 15px; height: 2px; background: #fbe660; bottom: 0; left: 0; right: 0; margin: auto; }
  .lhmove-information__column .nav-pills .nav-item { -ms-flex-preferred-size: auto; flex-basis: auto; }
  .lhmove-information__column .tab-content { padding: 20px; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } }

@media screen and (min-width: 0px) and (max-width: 992px) { /*----------------------------------------------------------------- オプション一覧 ----------------------------------------------------------------- */
  .lhmove-option .p-card1 { margin-bottom: 15px; }
  .lhmove-option .p-card2 { margin-bottom: 15px; }
  .lhmove-option .nav-link.active::after { right: 5px; }
  /*----------------------------------------------------------------- お引越しプランシミュレーション ----------------------------------------------------------------- */
  .lhmove-simulation .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .lhmove-simulation__img .img_pc { display: none; }
  .lhmove-simulation__img .img_tab { display: block; max-width: 400px; margin: auto; } }

/*-----------------------------------------------------------------
switch tab
----------------------------------------------------------------- */
.l-course-index { left: 50%; right: 50%; width: 100vw; position: relative; margin-left: -50vw; margin-right: -50vw; padding-bottom: 10px; }

.l-course-index__content .p-card-course__container .p-card-course { -ms-flex-preferred-size: 49%; flex-basis: 49%; }

.l-course-index ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.l-course-index ul li { margin: 0 5px; }

.l-course-index .nav-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 28%; max-width: 270px; }

.l-course-index .nav-item .nav-link { width: 100%; border-top-right-radius: 10px; border-top-left-radius: 10px; display: inline-block; padding: 25px 0; font-weight: bold; }

/*-----------------------------------------------------------------
Course introduction
----------------------------------------------------------------- */
.p-card-course { margin: 10px 0; }

.p-card-course a { padding: 35px 30px; width: 100%; height: 100%; display: block; background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; }

.p-card-course a:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background-color: #ffcccc; }

.p-card-course__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.p-card-course .p-course-rakua { color: #f2b574; }

.p-card-course .p-course-rakub { color: #e785f2; }

.p-card-course .p-course-rakuc { color: #b0de6f; }

.p-card-course .p-course-premium { color: #7abcff; }

.p-card-course .p-course-saving { color: #b17ff7; }

.p-card-course .p-course-together { color: #ec817e; }

.p-card-course .p-course-rebuilding { color: #6cd9d9; }

.p-card-course .p-course-small { color: #7a7df7; }

.p-card-course__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.p-card-course__inner { width: 65%; }

.p-card-course__img { width: 30%; }

.p-card-course__img img { width: 100%; height: auto; }

.p-card-course__name { font-size: 1.25rem; font-weight: bold; color: #333333; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.p-card-course__name::after { background: url(../images/common/ico-arrow01-r.svg) no-repeat 0 0/contain; content: ""; display: inline-block; margin-left: 5px; width: 16px; height: 16px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.p-card-course__catch { font-weight: bold; color: #333333; margin-top: 10px; }

.p-card-course__catch span { background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffcccc)); background: linear-gradient(transparent 50%, #ffcccc 0%); }

.p-card-course__title { font-size: 1.25rem; font-weight: bold; color: #333333; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.p-card-course__title::after { no-repeat 0 0/contain; content: ""; display: inline-block; margin-left: 5px; width: 16px; height: 16px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.p-card-course__txt { font-size: 0.875rem; padding-top: 20px; color: #595959; }
.p-card-course__txt span { font-size: 0.9rem; font-weight: bold; color: #595959; }

.p-card-course__en { font-size: 1rem; margin-top: 5px; font-family: "Asap", sans-serif; font-weight: 600; }

/*-----------------------------------------------------------------
Moving work flow
----------------------------------------------------------------- */
.p-course-flow { margin-top: -10px; }

.p-course-flow__box { margin-top: 30px; }

.p-course-flow__img img { width: 100%; }

.p-course-flow__num { position: absolute; background: #25a6e2; border-radius: 100px; text-align: center; color: #333333; font-family: "corp-round"; font-size: 1rem; font-weight: bold;line-height: 0.8rem; padding: 14px; margin-top: -15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.p-course-flow__num span { display: block; font-size: 100%; line-height: 100%; margin-top: 2px; }

.p-course-flow__title { margin-top: 10px; font-weight: bold; text-align: center; color: #333333; }

.p-course-flow__text { font-size: 0.875rem; line-height: 1.25rem; margin-top: 10px; }

@media screen and (min-width: 0px) and (max-width: 768px) { 
  .l-course-index__content .p-card-course__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .l-course-index__content .p-card-course__container .p-card-course { margin: 10px auto; }
  .l-course-index__content .p-card-course__container .p-card-course a { max-width: 400px; }
  .l-course-index .nav-item .nav-link { padding: 12px 0; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 0.875rem; }
  
  .p-card-course a { padding: 13px; }
  .p-card-course__wrapper { display: block; position: relative; }
  .p-card-course__inner { width: 100%; }
  .p-card-course__name { font-size: 1.125rem; width: 68%; }
  .p-card-course__catch { font-size: 0.875rem; margin-bottom: 15px; width: 66%; }
  .p-card-course__txt { padding-top: 10px; }
  .p-card-course__en { display: none; }
  .p-card-course__img { position: absolute; right: 0px; top: 0px; width: 32%; height: 130%; }
  .p-card-course__img img { width: auto; height: 100%; }
  
  .p-course-flow__img img { width: 100%;}
  .p-course-flow__num { padding: 7px; font-size: 0.625rem; line-height: 0.625rem; }
  .p-course-flow__num span { font-size: 0.875rem; line-height: 0.875rem; }
  .p-course-flow p { font-size: 0.875rem; } }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
#page-premium .flow { margin-bottom: 20px; padding: 10px; font-weight: bold; background: #fbe660; }

#page-premium .flow span { color: #fff; margin-left: 10px; padding: 2px 6px; font-size: 0.8125rem; font-weight: normal; border-radius: 2px; background: #707070; }

#page-premium .fl-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 20px 0 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .fl-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

#page-premium .fl-wrap .fl-daskin { width: 30%; border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .fl-wrap .fl-daskin { width: 80%; } }

@media screen and (min-width: 0px) and (max-width: 576px) { #page-premium .fl-wrap .fl-daskin { width: 100%; } }

#page-premium .fl-wrap .fl-daskin div { padding: 201px 20px 10px; position: relative; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .fl-wrap .fl-daskin div { padding: 121px 20px 10px; } }

@media screen and (min-width: 0px) and (max-width: 576px) { #page-premium .fl-wrap .fl-daskin div { padding: 121px 20px 10px; } }

#page-premium .fl-wrap .fl-daskin div::after { content: ""; width: 100%; height: 55px; display: block; background: transparent -webkit-gradient(linear, left top, left bottom, from(#00000000), to(#000000aa)) 0% 0% no-repeat padding-box; background: transparent linear-gradient(180deg, #00000000 0%, #000000aa 100%) 0% 0% no-repeat padding-box; opacity: 0.7; position: absolute; bottom: 0; left: 0; }

#page-premium .fl-wrap .fl-daskin p { color: #fff; font-weight: bold; position: relative; z-index: 1; }

#page-premium .fl-wrap .fl-daskin ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 20px; }

@media screen and (min-width: 0px) and (max-width: 576px) { #page-premium .fl-wrap .fl-daskin ul { padding: 20px; } }

#page-premium .fl-wrap .fl-daskin ul::after { content: ""; width: 30%; display: block; }

#page-premium .fl-wrap .fl-daskin ul li { width: 50%; }

#page-premium .fl-wrap .fl-daskin ul li:nth-child(n + 3) { margin-top: 8px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .fl-wrap .daskin-1 { margin: 0 auto; } }

#page-premium .fl-wrap .daskin-1 div { background: url(../img/course/premium/premium-daskin01@2x.png) no-repeat center/cover; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .fl-wrap .daskin-2 { margin: 20px auto 0; } }

#page-premium .fl-wrap .daskin-2 div { background: url(../img/course/premium/premium-daskin02@2x.png) no-repeat center/cover; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .fl-wrap .daskin-3 { margin: 20px auto 30px; } }

#page-premium .fl-wrap .daskin-3 div { background: url(../img/course/premium/premium-daskin03@2x.png) no-repeat center/cover; }

#page-premium .location-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 30px 0 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .location-flex { margin-bottom: 20px; } }

#page-premium .location-flex ul { -ms-flex-preferred-size: 69.786%; flex-basis: 69.786%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20.5px 24px 20.5px 17px; background: #fbe660; }

@media screen and (min-width: 0px) and (max-width: 576px) { #page-premium .location-flex ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

#page-premium .location-flex ul li { font-weight: bold; }

#page-premium .location-flex ul li:not(:first-child) { margin-left: 1.851%; }

@media screen and (min-width: 0px) and (max-width: 576px) { #page-premium .location-flex ul li:not(:first-child) { margin-left: 0; } }

#page-premium .location-flex p { color: #fff; -ms-flex-preferred-size: 30.214%; flex-basis: 30.214%; padding: 22.5px 10px; font-weight: bold; text-align: center; background: #333; }

#page-premium .location-flex p span { display: block; font-size: 0.75rem; line-height: 0.75rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .col-md-6 { max-width: 50%; padding-left: 5px; padding-right: 5px; } }

#page-premium .col-md-6 .p-card6__title { text-align: center; }

#page-premium .col-md-6 .p-card6__title::after { display: none; }

#page-premium .col-md-6 .p-card6 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .col-md-6 .p-card6 ul { padding: 20px 18px; } }

#page-premium .col-md-6 .p-card6 ul li { width: 58.242%; padding: 9px 0; font-size: 0.875rem; text-align: center; border-radius: 4px; background: #fbe660; }

#page-premium .col-md-6 .p-card6 ul li:not(:first-child) { margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .col-md-6 .p-card6 ul li:not(:first-child) { margin-top: 10px; } }

#page-premium .col-md-6:nth-of-type(3) { width: 100%; max-width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .col-md-6:nth-of-type(3) { margin-top: 10px; } }

#page-premium .col-md-6:nth-of-type(3) ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#page-premium .col-md-6:nth-of-type(3) ul li { width: 28.342%; }

#page-premium .col-md-6:nth-of-type(3) ul li:nth-child(2), #page-premium .col-md-6:nth-of-type(3) ul li:nth-child(3) { margin-top: 0; }

#page-premium .col-md-6:nth-of-type(3) ul li:nth-child(n + 4) { margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .col-md-6:nth-of-type(3) ul li:nth-child(n + 4) { margin-top: 10px; } }

#page-premium .flex-abc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#page-premium .flex-abc div { width: 48.663%; border: 1px solid #e3e3e3; border-radius: 10px; overflow: hidden; }

#page-premium .flex-abc div p { color: #fff; padding: 20px 10px; font-weight: bold; text-align: center; background: #595959; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .flex-abc div p { padding: 10px; } }

#page-premium .flex-abc div ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .flex-abc div ul { padding: 20px 18px; } }

#page-premium .flex-abc div ul li { width: 58.242%; padding: 8px 0; text-align: center; border-radius: 4px; background: #ebebeb; }

#page-premium .flex-abc div ul li:nth-child(2) { margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .flex-abc div ul li:nth-child(2) { margin-top: 10px; } }

#page-premium .flex-abc div:nth-of-type(3) { width: 100%; margin-top: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .flex-abc div:nth-of-type(3) { margin-top: 10px; } }

#page-premium .flex-abc div:nth-of-type(3) ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#page-premium .flex-abc div:nth-of-type(3) ul li { width: 28.342%; }

#page-premium .flex-abc div:nth-of-type(3) ul li:nth-child(2) { margin-top: 0; }

#page-premium .flex-abc div:nth-of-type(3) ul li:nth-child(n + 4) { margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-premium .flex-abc div:nth-of-type(3) ul li:nth-child(n + 4) { margin-top: 10px; } }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
/*-----------------------------------------------------------------

----------------------------------------------------------------- */
#tatekae .p-card5 { margin-top: 0; }

#tatekae .ul-indent { margin-bottom: 40px; }

#tatekae .ul-indent li { padding-left: 1em; text-indent: -1em; }

#tatekae .ul-indent li:not(:first-child) { margin-top: 15px; }

#tatekae .bg-wrap { margin-bottom: 60px; padding: 25px 20px; background: #f1f1f1; }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
#pandalogi .p-tel .p-appeal-list { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 780px; margin-top: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #pandalogi .p-tel .p-appeal-list { display: block; } }

#pandalogi .p-tel .p-appeal-list__btn { background: #fbe660; border-radius: 100px; max-width: 0 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { #pandalogi .p-tel .p-appeal-list__btn { margin-bottom: 20px; } }

#pandalogi .p-tel .p-appeal-list__btn a { color: #333333; display: block; padding: 20px; text-align: center; font-family: corp-round, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro"; font-size: 1.25rem; line-height: 1.25rem; position: relative; width: 100%; }

#pandalogi .p-tel .p-appeal-list__btn a span { display: block; font-size: 0.625rem; line-height: 0.625rem; margin-top: 5px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #pandalogi .p-tel .p-appeal-list__btn a span { display: none; } }

#pandalogi .p-tel .p-appeal-list__btn a::before { content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; background: no-repeat 0 0 / 100% auto; width: 32px; height: 32px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #pandalogi .p-tel .p-appeal-list__btn__tel { margin-bottom: 0; } }

#pandalogi .p-tel .p-appeal-list__btn__tel a::before { background-image: url(../images/common/ico-tel.svg); }

#pandalogi .p-tel .p-appeal-list__btn__contact a::before { width: 24px; background-image: url(../images/common/ico-check.svg); }

#pandalogi .p-tel .p-appeal-list__btn__estimate a::before { width: 24px; background-image: url(../images/common/ico-check.svg); }

#pandalogi .p-card5 { margin-bottom: 60px; }

#pandalogi .bg-wrap { margin: 20px 0 40px; padding: 25px 20px; background: #f1f1f1; }

#pandalogi .p-bold { margin-bottom: 10px; font-weight: bold; color: #333333; }

#pandalogi .mb60 { margin-bottom: 60px; }

#pandalogi .p-size { margin: 30px 0; }

#pandalogi .p-size__head { padding: 11px 0; font-weight: bold; text-align: center; background: #fbe660; }

#pandalogi .p-size__num { padding: 16px 0; text-align: center; background: #f1f1f1; }

#pandalogi .price { margin-top: 20px; text-align: right; }

#pandalogi .p-pic { margin-bottom: 20px; }

#pandalogi .p-pic img { width: 70%; display: block; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { #pandalogi .p-pic img { width: 250px; } }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
#compare .p-comparison { margin-bottom: 40px; }

#compare .p-comparison__list__wrap__flex__course { color: #fff; width: 100%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; font-weight: bold; }

@media screen and (min-width: 0px) and (max-width: 768px) { #compare .p-comparison__list__wrap__flex__course { font-size: 0.75rem; height: 54px; } }

#compare .p-comparison__list__wrap__flex__course span { display: block; font-size: 0.6875rem; font-weight: normal; }

#compare .p-comparison__list__wrap__flex .per25 { width: 25%; }

#compare .p-comparison__list__wrap__flex .per50 { width: 50%; }

#compare .p-comparison__list__wrap__flex .all { color: #333333; background: #fbe660; }

#compare .p-comparison__list__wrap__flex .premium { background: #7abcff; }

#compare .p-comparison__list__wrap__flex .rakua { background: #f2b574; }

#compare .p-comparison__list__wrap__flex .rakub { background: #e785f2; }

#compare .p-comparison__list__wrap__flex .rakuc { background: #b0de6f; }

#compare .p-scr { margin-bottom: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #compare .p-scr { width: 95vw; overflow-x: scroll; white-space: nowrap; } }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
#flow .nav-tabs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -20px 0 40px; border: none; }

@media screen and (min-width: 0px) and (max-width: 768px) { #flow .nav-tabs { margin: -10px 0 26px; } }

#flow .nav-tabs .nav-item { -ms-flex-preferred-size: 24%; flex-basis: 24%; margin-top: 10px; border-radius: 5px; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #flow .nav-tabs .nav-item { -ms-flex-preferred-size: 49%; flex-basis: 49%; margin-top: 10px; } }

#flow .nav-tabs .nav-item:first-child .active { background-color: #7abcff; }

#flow .nav-tabs .nav-item:nth-of-type(2) .active { background-color: #f2b574; }

#flow .nav-tabs .nav-item:nth-of-type(3) .active { background: #e785f2; }

#flow .nav-tabs .nav-item:nth-of-type(4) .active { background-color: #b17ff7; }

#flow .nav-tabs .nav-item:nth-of-type(5) .active { background-color: #ec817e; }

#flow .nav-tabs .nav-item:nth-of-type(6) .active { background-color: #6cd9d9; }

#flow .nav-tabs .nav-item:nth-of-type(7) .active { background-color: #7a7df7; }

#flow .nav-tabs .nav-item a { display: block; padding: 20px 0; font-weight: bold; text-align: center; border-radius: 5px; background: #f2f2f2; position: relative; }

@media screen and (min-width: 0px) and (max-width: 768px) { #flow .nav-tabs .nav-item a { padding: 12.5px 0; font-size: 0.75rem; } }

#flow .nav-tabs .nav-item a::after { content: ""; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; width: 12px; height: 12px; background: no-repeat 0 0 / 100% auto; }

#flow .nav-tabs .nav-item a:hover { color: #595959; }

#flow .nav-tabs .nav-item a.active { color: #fff; }

#flow .nav-tabs .nav-item a.active::after { background-image: url(../images/common/ico-arrow06-b.svg); }

#flow .tab-content .tab-pane .p-coursehead { margin-bottom: 48px; padding: 30px; font-size: 1.5rem; font-weight: bold; position: relative; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #flow .tab-content .tab-pane .p-coursehead { padding: 17px 15px; font-size: 1.125rem; } }

#flow .tab-content .tab-pane .p-coursehead::before { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 17px 14.5px 0 14.5px; position: absolute; bottom: -17px; left: 30px; z-index: 1; }

@media screen and (min-width: 0px) and (max-width: 768px) { #flow .tab-content .tab-pane .p-coursehead::before { left: 20px; } }

#flow .tab-content .tab-pane .p-coursehead::after { content: ""; width: 170px; height: 118px; display: block; position: absolute; top: 0; right: 0; background: no-repeat center / cover; }

@media screen and (min-width: 0px) and (max-width: 768px) { #flow .tab-content .tab-pane .p-coursehead::after { width: 120px; height: 84px; } }

#flow .tab-content .tab-pane .p-coursehead span { display: block; font-size: 1rem; line-height: 1rem; margin-top: 10px; }

#flow .tab-content .tab-pane .p-course-flow { padding-bottom: 20px; }

#flow .tab-content #ac-premium .p-coursehead { background: #ebf5ff; }

#flow .tab-content #ac-premium .p-coursehead::before { border-color: #ebf5ff transparent transparent transparent; }

#flow .tab-content #ac-premium .p-coursehead::after { background-image: url(../img/flow/flow-head-premium@2x.png); }

#flow .tab-content #ac-premium .p-coursehead span { color: #7abcff; }

#flow .tab-content #ac-rakua .p-coursehead { background: #fdf4ea; }

#flow .tab-content #ac-rakua .p-coursehead::before { border-color: #fdf4ea transparent transparent transparent; }

#flow .tab-content #ac-rakua .p-coursehead::after { background-image: url(../img/flow/flow-head-rakua@2x.png); }

#flow .tab-content #ac-rakua .p-coursehead span { color: #f2b574; }

#flow .tab-content #ac-rakub .p-coursehead { background: #fcedfd; }

#flow .tab-content #ac-rakub .p-coursehead::before { border-color: #fcedfd transparent transparent transparent; }

#flow .tab-content #ac-rakub .p-coursehead::after { background-image: url(../img/flow/flow-head-rakub@2x.png); }

#flow .tab-content #ac-rakub .p-coursehead span { color: #e785f2; }

#flow .tab-content #ac-rakuc .p-coursehead { background: #f3f9eb; }

#flow .tab-content #ac-rakuc .p-coursehead::before { border-color: #f3f9eb transparent transparent transparent; }

#flow .tab-content #ac-rakuc .p-coursehead::after { background-image: url(../img/flow/flow-head-rakuc@2x.png); }

#flow .tab-content #ac-rakuc .p-coursehead span { color: #b0de6f; }

#flow .tab-content #ac-saving .p-coursehead { background: #f3ecfe; }

#flow .tab-content #ac-saving .p-coursehead::before { border-color: #f3ecfe transparent transparent transparent; }

#flow .tab-content #ac-saving .p-coursehead::after { background-image: url(../img/flow/flow-head-saving@2x.png); }

#flow .tab-content #ac-saving .p-coursehead span { color: #b17ff7; }

#flow .tab-content #ac-together .p-coursehead { background: #fcecec; }

#flow .tab-content #ac-together .p-coursehead::before { border-color: #fcecec transparent transparent transparent; }

#flow .tab-content #ac-together .p-coursehead::after { background-image: url(../img/flow/flow-head-together@2x.png); }

#flow .tab-content #ac-together .p-coursehead span { color: #ec817e; }

#flow .tab-content #ac-rebuilding .p-coursehead { background: #e9fafa; }

#flow .tab-content #ac-rebuilding .p-coursehead::before { border-color: #e9fafa transparent transparent transparent; }

#flow .tab-content #ac-rebuilding .p-coursehead::after { background-image: url(../img/flow/flow-head-rebuilding@2x.png); }

#flow .tab-content #ac-rebuilding .p-coursehead span { color: #6cd9d9; }

#flow .tab-content #ac-small .p-coursehead { background: #ebecfe; }

#flow .tab-content #ac-small .p-coursehead::before { border-color: #ebecfe transparent transparent transparent; }

#flow .tab-content #ac-small .p-coursehead::after { background-image: url(../img/flow/flow-head-small@2x.png); }

#flow .tab-content #ac-small .p-coursehead span { color: #7a7df7; }

/*-----------------------------------------------------------------
Optional service
----------------------------------------------------------------- */
#option .btn-ac { padding-left: 63px; position: relative; }

@media screen and (min-width: 0px) and (max-width: 768px) { #option .btn-ac { margin-bottom: 20px; } }

#option .btn-ac::before { content: ""; display: block; margin: auto 0; position: absolute; top: 0; left: 22px; bottom: 0; background: no-repeat center / contain; }

#option .air-conditioner::before { width: 30.76px; height: 23px; left: 20px; background-image: url(../img/option/ico2-air-conditioner.svg); }

#option .materials::before { width: 28px; height: 28px; background-image: url(../img/option/ico2-materials.svg); }

#option .memories::before { width: 22px; height: 32px; left: 24px; background-image: url(../img/option/ico2-memories.svg); }

#option .cleaning::before { width: 30.09px; height: 30.27px; background-image: url(../img/option/ico2-cleaning.svg); }

#option .piano::before { width: 28px; height: 28px; background-image: url(../img/option/ico2-piano.svg); }

#option .car::before { width: 32px; height: 23.31px; background-image: url(../img/option/ico2-car.svg); }

#option .trash::before { width: 24.82px; height: 30px; left: 24px; background-image: url(../img/option/icon2-trash.svg); }

#option .seismic-resistance::before { width: 30px; height: 24.67px; background-image: url(../img/option/ico2-seismic-resistance.svg); }

#option .collapse__wrap { display: block; padding-bottom: 40px; }

#option .collapse__wrap p { margin-bottom: 20px; }

/*-----------------------------------------------------------------
Course simulation
----------------------------------------------------------------- */
#page-simulation .p-card-course a:hover { background-color: #f2f2f2; }

#page-simulation .p-appeal-block { margin-top: 0; }

#page-simulation .p-form__radio .p-radio-input + label { font-size: 1.25rem; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-simulation .p-form__radio .p-radio-input + label { font-size: 0.875rem; } }

.p-simulation__intro { font-family: "corp-round"; text-align: center; color: #333333; font-size: 1.875rem; line-height: 2.5rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__intro { font-size: 1.25rem; line-height: 2rem; } }

.p-simulation__intro__num { font-size: 140%; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #fbe660)); background: linear-gradient(transparent 70%, #fbe660 0%); border-radius: 4px; }

.p-simulation__wrapper { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); border: solid 20px #fbe660; margin-top: 50px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__wrapper { border-width: 10px; } }

.p-simulation__head { background: #fbe660; text-align: center; position: relative; }

.p-simulation__head::after { content: ""; }

.p-simulation__panda { position: absolute; top: -50px; left: 0; right: 0; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__panda { width: 60px; }
  .p-simulation__panda img { width: 100%; } }

.p-simulation__catch { padding-top: 90px; padding-bottom: 20px; max-width: 400px; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__catch { width: 70%; padding-top: 60px; padding-bottom: 10px; } }

.p-simulation__catch img { width: 100%; }

.p-simulation__inner { padding: 10vw 0; position: relative; }

.p-simulation__inner::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 7vw 49vw 0 49vw; border-color: #fbe660 transparent transparent transparent; }

.p-simulation__box { padding: 5vw 10vw; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__box { padding: 5vw; } }

.p-simulation__question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; font-size: 1.5rem; font-weight: bold; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__question { font-size: 1rem; margin-bottom: 20px; } }

.p-simulation__num { width: 60px; height: 60px; background: #fbe660; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #333333; font-size: 1.25rem; font-family: "corp-round"; margin-right: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__num { width: 55px; height: 55px; margin-right: 10px; padding: 20px; } }

.p-simulation__answer { position: relative; background: #fbe660; padding: 12vw 5vw 5vw; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-simulation__answer { padding: 10vw 3vw 5vw; } }

.p-simulation__answer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 7vw 47vw 0 49vw; border-color: #fff transparent transparent transparent; }

.p-simulation__answer__head { max-width: 300px; margin: 0 auto 30px; width: 70%; padding-top: 30px; }

.p-simulation__answer__head img { width: 100%; }

.p-simulation .p-card-course { max-width: 600px; margin: 0 auto; }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */

#price .btn-ac { display: -webkit-box; display: -ms-flexbox; display: flex; }

#price .btn-ac[aria-expanded="true"] { margin-bottom: 30px; }

#price .btn-ac span { margin-right: 17px; font-size: 1.875rem; font-family: "Asap", sans-serif; font-weight: 600; }

#price .collapse__wrap { display: block; padding-bottom: 40px; }

#price .collapse__wrap__pic { display: block; margin: 0 auto 30px; border-radius: 20px; width: 60%; max-width: 800px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #price .collapse__wrap__pic { margin-bottom: 20px; } }

#price .collapse__wrap__q { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; font-weight: bold; background: #ebebeb; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #price .collapse__wrap__q { padding: 7px; } }

#price .collapse__wrap__q span { color: #fff; width: 30px; margin-right: 7px; padding: 1px 0; display: block; font-size: 0.875rem; font-family: "corp-round"; text-align: center; border-radius: 100px; background: #137dcd; }

#price .collapse__wrap__non { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; font-weight: bold; background: #ebebeb; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #price .collapse__wrap__non { padding: 7px; } }

#price .collapse__wrap__non span { color: #137dcd; width: 30px; margin-right: 7px; padding: 1px 0; display: block; font-size: 0.875rem; font-family: "corp-round"; text-align: center; border-radius: 100px; background: #137dcd; }

#price .collapse__wrap__a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px 0px 20px 12px; }

#price .collapse__wrap__a span { color: #fff; width: 30px; margin-right: 7px; padding: 4px 0; display: block; font-size: 0.875rem; font-family: "corp-round"; text-align: center; border-radius: 100px; background: #fa6475; }

#price .collapse__wrap .p-bold { margin-bottom: 27px; font-weight: bold; }

#price .collapse__wrap__bnr { display: block; margin: auto; }

#price .collapse__wrap ul { margin-bottom: 30px; }

#price .collapse__wrap .p-bg-light { margin-top: 20px; padding: 20px; }

#price .p-btn__defalut, #price .p-btn__option { width: 400px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #price .p-btn__defalut, #price .p-btn__option { width: 100%; } }


/*----------------------------------------*/
#faq .btn-ac { display: -webkit-box; display: -ms-flexbox; display: flex; }

#faq .btn-ac[aria-expanded="true"] { margin-bottom: 30px; }

#faq .btn-ac span { margin-right: 17px; font-size: 1.875rem; font-family: "Asap", sans-serif; font-weight: 600; }

#faq .collapse__wrap { display: block; padding-bottom: 40px; }

#faq .collapse__wrap__pic { display: block; margin: 0 auto 30px; border-radius: 20px; width: 60%; max-width: 800px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #faq .collapse__wrap__pic { margin-bottom: 20px; } }

#faq .collapse__wrap__q { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; font-weight: bold; background: #ebebeb; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #faq .collapse__wrap__q { padding: 7px; } }

#faq .collapse__wrap__q span { color: #fff; width: 30px; margin-right: 7px; padding: 1px 0; display: block; font-size: 0.875rem; font-family: "corp-round"; text-align: center; border-radius: 100px; background: #137dcd; }

#faq .collapse__wrap__non { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; font-weight: bold; background: #ebebeb; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #faq .collapse__wrap__non { padding: 7px; } }

#faq .collapse__wrap__non span { color: #137dcd; width: 30px; margin-right: 7px; padding: 1px 0; display: block; font-size: 0.875rem; font-family: "corp-round"; text-align: center; border-radius: 100px; background: #137dcd; }

#faq .collapse__wrap__a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px 0px 20px 12px; }

#faq .collapse__wrap__a span { color: #fff; width: 30px; margin-right: 7px; padding: 4px 0; display: block; font-size: 0.875rem; font-family: "corp-round"; text-align: center; border-radius: 100px; background: #fa6475; }

#faq .collapse__wrap .p-bold { margin-bottom: 27px; font-weight: bold; }

#faq .collapse__wrap__bnr { display: block; margin: auto; }

#faq .collapse__wrap ul { margin-bottom: 30px; }

#faq .collapse__wrap .p-bg-light { margin-top: 20px; padding: 20px; }

#faq .p-btn__defalut, #faq .p-btn__option { width: 400px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #faq .p-btn__defalut, #faq .p-btn__option { width: 100%; } }

#faq .p-appeal-block { margin-left: 0; margin-right: 0; border-radius: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #prfaqice .p-appeal-block { margin-top: 40px; } }

/*-----------------------------------------------------------------
History
----------------------------------------------------------------- */
#history .p-table-defalut .year { width: 24%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #history .p-table-defalut .year { width: 100%; } }

#history .p-table-defalut .month { width: 10%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #history .p-table-defalut .month { width: 100%; } }

#history .p-table-defalut .p-bg-light { text-align: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { #history .p-table-defalut .p-bg-light { text-align: left; font-weight: bold; padding: 0; background: #fff; padding-top: 20px; padding-bottom: 10px; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #history .p-table-defalut td { padding: 0; padding-bottom: 20px; } }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
#anzen .p-ind { margin-bottom: 20px; padding-left: 1em; text-indent: -1em; }

#anzen .p-ind2 { margin-bottom: 20px; padding-left: 1.5em; text-indent: -1.5em; }

#anzen .p-fig { max-width: 100%; display: block; margin: 0 auto 20px; }

#anzen .p-name { margin-bottom: 20px; }

#anzen .p-table01 { width: 100%; }

#anzen .p-table01 tr { width: 100%; }

#anzen .p-table01 tr th { width: 50%; padding: 20px; text-align: center; background: #fbe660; }

#anzen .p-table01 tr td { width: 50%; padding: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #anzen .p-scr { width: 95vw; overflow-x: scroll; white-space: nowrap; } }

#anzen .p-scr .p-table02 { width: 100%; }

#anzen .p-scr .p-table02 tr { width: 100%; }

#anzen .p-scr .p-table02 tr th { padding: 20px; text-align: center; background: #fbe660; }

#anzen .p-scr .p-table02 tr .fixed01 { position: -webkit-sticky; position: sticky; left: 0; color: #333333; }

#anzen .p-scr .p-table02 tr .fixed01:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #fbe660; }

#anzen .p-scr .p-table02 tr .fixed01:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 2; }

#anzen .p-scr .p-table02 tr td { padding: 20px; }

#anzen .p-scr .p-table02 tr td:nth-of-type(1) { text-align: center; background: #fbe660; }

#anzen .p-scr .p-table03 { width: 100%; margin-bottom: 20px; }

#anzen .p-scr .p-table03 tr { width: 100%; }

#anzen .p-scr .p-table03 tr th { padding: 20px; text-align: center; background: #fbe660; }

#anzen .p-scr .p-table03 tr .fixed01 { position: -webkit-sticky; position: sticky; left: 0; color: #333333; }

#anzen .p-scr .p-table03 tr .fixed01:before { content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; }

#anzen .p-scr .p-table03 tr .fixed01:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 2; background: #fff; }

#anzen .p-scr .p-table03 tr td { padding: 20px; }

#anzen .p-scr .p-table03 tr td:nth-of-type(1) { text-align: center; background: #fff; }

#anzen table, #anzen tr, #anzen th, #anzen td { border: 1px solid #f2f2f2; border-collapse: collapse; }

/*-----------------------------------------------------------------
quality
----------------------------------------------------------------- */
/*-----------------------------------------------------------------
Company vehicles deployed nationwide
----------------------------------------------------------------- */
#vehicle .powered { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#vehicle .powered li { -ms-flex-preferred-size: 18%; flex-basis: 18%; margin: 1%; }

@media screen and (min-width: 0px) and (max-width: 992px) { #vehicle .powered li { -ms-flex-preferred-size: 30%; flex-basis: 30%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #vehicle .powered li { -ms-flex-preferred-size: 46%; flex-basis: 46%; margin: 2%; } }

#vehicle .powered figure img { width: 100%; }

#vehicle .powered dt { text-align: center; margin-bottom: 20px; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { #vehicle .powered dt { font-size: 0.875rem; margin-bottom: 10px; } }

#vehicle .powered dd p { margin-top: 10px; font-size: 0.875rem; }

/*-----------------------------------------------------------------
One-stop service
----------------------------------------------------------------- */
.page-onestop .btn-ac { position: relative; font-size: 1.125rem; padding-left: 60px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-onestop .btn-ac { font-size: 1rem; } }

.page-onestop .btn-ac::before { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; left: 20px; width: 30px; height: 30px; background: no-repeat 0 0 / contain; }

.page-onestop .btn-ac__electricity::before { background-image: url(../../assets/img/service/onestop/ico_electric.svg); }

.page-onestop .btn-ac__gas::before { background-image: url(../../assets/img/service/onestop/ico_gas.svg); }

.page-onestop .btn-ac__internet::before { background-image: url(../../assets/img/service/onestop/ico_internet.svg); }

.page-onestop .btn-ac__newspaper::before { background-image: url(../../assets/img/service/onestop/ico_newspaper.svg); }

.page-onestop .btn-ac__water::before { background-image: url(../../assets/img/service/onestop/ico_water.svg); }

.page-onestop .btn-ac__air-conditioner::before { background-image: url(../../assets/img/service/onestop/ico_air-conditioner.svg); }

.page-onestop .btn-ac__home-security::before { background-image: url(../../assets/img/service/onestop/ico_home-security.svg); }

.page-onestop .btn-ac__care-welfare::before { background-image: url(../../assets/img/service/onestop/ico_care-welfare.svg); }

.page-onestop .btn-ac__insurance::before { background-image: url(../../assets/img/service/onestop/ico_insurance.svg); }

/*-----------------------------------------------------------------
CM
----------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .ttl-box { margin-bottom: 0; } }

#page-cm .cm-mv { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); background: url(../img/cm/cm_mv.jpg) no-repeat 50% 50%/auto 170%; position: relative; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 0px) and (max-width: 992px) { #page-cm .cm-mv { background-size: 150%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .cm-mv { height: 300px; background-position: 20% 50%; background-size: 120%; } }

@media screen and (min-width: 0px) and (max-width: 576px) { #page-cm .cm-mv { background-position: 20% 50%; background-size: 150%; } }

#page-cm .cm-mv__catch { z-index: 2; position: relative; max-width: 1200px; margin: auto; width: 90%; }

#page-cm .cm-mv__catch p { margin-top: 30px; color: #333333; font-family: corp-round, "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro"; font-size: 1.375rem; line-height: 2.125rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .cm-mv__catch p { font-size: 0.75rem; line-height: 1.25rem; margin-top: 20px; } }

#page-cm .cm-mv__catch img { max-width: 400px; width: 100%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .cm-mv__catch img { max-width: 300px; width: 60%; } }

#page-cm .cm-mv__img { margin: auto; text-align: center; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; }

#page-cm #colorbox.cm_cBox #cboxClose { top: auto; }

#page-cm #colorbox.cm_cBox #cboxClose:hover { background-position: 0; }

#page-cm #colorbox.cm_cBox #cboxTitle { top: auto; }

#page-cm .p-anker-linklist { margin-top: 20px; }

#page-cm .p-anker-linklist ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#page-cm .p-anker-linklist ul li { -ms-flex-preferred-size: 31.2%; flex-basis: 31.2%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .p-anker-linklist ul li { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .p-anker-linklist ul li a { padding: 10px; font-size: 0.875rem; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .p-anker-linklist ul li a::after { right: 10px; } }

#page-cm h3.p-pen { font-size: 1.25rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm h3.p-pen { font-size: 1.125rem; } }

#page-cm .cm_column { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#page-cm .cm_column dl { margin-top: 20px; background: #f2f2f2; padding: 20px; }

#page-cm .cm_column dl dt { color: #333333; margin-bottom: 10px; }

#page-cm .cm_column dl dd { font-size: 16px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .cm_column .img-fluid { margin-bottom: 20px; } }

#page-cm .cm_column audio { max-width: 400px; width: 100%; }

#page-cm .tw_colum h3 { color: #333333; font-size: 1.25rem; font-weight: bold; line-height: 1.75rem; }

#page-cm .tw_colum .p-btn__twitter { margin-top: 30px; max-width: 400px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .tw_colum .p-btn__twitter { margin-bottom: 30px; } }

#page-cm .profile_column { margin: 40px 0; }

#page-cm .profile_column .p-heading1 { text-align: left; margin-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .profile_column .p-heading1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 30px; } }

#page-cm .profile_column .p-heading1 .p-heading1-main { font-size: 2.187rem; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-cm .profile_column .p-heading1 .p-heading1-main { font-size: 1.5rem; line-height: 1.5rem; } }

/*-----------------------------------------------------------------
IR
----------------------------------------------------------------- */
#ir .row { margin-top: 20px; }

#ir .p-btn__defalut { display: block; margin: 40px auto 0; }

/*-----------------------------------------------------------------
IR news
----------------------------------------------------------------- */
#page-ir-news .tab-content > .active { padding-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-news .p-anker-linklist ul li { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-news .p-anker-linklist ul li a { padding: 10px; padding-right: 30px; text-align: left; } }

#page-ir-news .p-anker-linklist ul li span { font-size: 80%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-news .p-anker-linklist ul li span { display: block; } }

#page-ir-news .p-card7__inner { padding: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-news .p-card7__inner { padding: 20px; } }

/*-----------------------------------------------------------------
Final text message
----------------------------------------------------------------- */
#page-ir-briefnote .tab-content > .active { padding-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-briefnote .p-anker-linklist ul li { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-briefnote .p-anker-linklist ul li a { padding: 10px; padding-right: 30px; text-align: left; } }

#page-ir-briefnote .p-anker-linklist ul li span { font-size: 80%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-briefnote .p-anker-linklist ul li span { display: block; } }

#page-ir-briefnote .p-card7__inner { padding: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-briefnote .p-card7__inner { padding: 20px; } }

/*-----------------------------------------------------------------
IR final account briefing
----------------------------------------------------------------- */
#page-ir-material .tab-content > .active { padding-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-material .p-anker-linklist ul li { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-material .p-anker-linklist ul li a { padding: 10px; padding-right: 30px; text-align: left; } }

#page-ir-material .p-anker-linklist ul li span { font-size: 80%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-material .p-anker-linklist ul li span { display: block; } }

#page-ir-material .p-card7__inner { padding: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-material .p-card7__inner { padding: 20px; } }

/*-----------------------------------------------------------------
securities report
----------------------------------------------------------------- */
#page-ir-securities .tab-content > .active { padding-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-securities .p-anker-linklist ul li { -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-securities .p-anker-linklist ul li a { padding: 10px; padding-right: 30px; text-align: left; } }

#page-ir-securities .p-anker-linklist ul li span { font-size: 80%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-securities .p-anker-linklist ul li span { display: block; } }

#page-ir-securities .p-card7__inner { padding: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-securities .p-card7__inner { padding: 20px; } }

/*-----------------------------------------------------------------
IR Calendar
----------------------------------------------------------------- */
#page-ir-calender .p-anker-linklist { margin-bottom: 30px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-calender .p-anker-linklist a { text-align: left; padding: 15px; } }

#page-ir-calender .p-anker-linklist span { font-size: 70%; }

#page-ir-calender .p-news-list__date { -ms-flex-preferred-size: 21%; flex-basis: 21%; }

/*-----------------------------------------------------------------
financial highlights
----------------------------------------------------------------- */
#page-ir-hightlights figure .graph { margin: 0; height: 200px; width: 343px; overflow: hidden; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-hightlights figure .graph { text-align: center; margin: auto; } }

#page-ir-hightlights figure div { margin: 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-ir-hightlights figure .option { display: block; text-align: center; } }

/*-----------------------------------------------------------------
Moving procedure notification email
----------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 768px) { #page-item .p-anker-linklist ul li { -ms-flex-preferred-size: 31%; flex-basis: 31%; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-item .p-anker-linklist ul li a { padding: 10px; font-size: 0.812rem; text-align: left; } }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-item .p-anker-linklist ul li a::after { width: 12px; height: 12px; right: 10px; } }

#page-item .p-table-scroll .l-mail-table-width { width: 30%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-item .p-table-scroll .l-mail-table-width { width: 150px; } }

/*-----------------------------------------------------------------
New home appliance transportation service
----------------------------------------------------------------- */
#page-electronics .electronics-img { max-width: 400px; margin: auto; width: 70%; }

#page-electronics .p-logo__list { background-color: #cfd5d8; }

#page-electronics .p-logo__list ul li { background-image: url(../images/common/arrow.png); }

#page-electronics .p-logo1__list { background-color: #cfd5d8; }

#page-electronics .p-logo1__list ul li { background-image: url(../images/common/arrow.png); }

#page-electronics .p-merit__box { background: #ffcccc; border-radius: 20px; padding: 30px; margin-top: 60px; position: relative; }

#page-electronics .p-merit__box::before { position: absolute; content: ""; top: -40px; left: 0; right: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 30px 40px 0 40px; border-color: #fbe660 transparent transparent transparent; }

#page-electronics .p-merit__box h3 { font-family: "corp-round"; font-size: 1.875rem; line-height: 2.5rem; color: #333333; text-align: center; margin-bottom: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-electronics .p-merit__box h3 { font-size: 1.375rem; line-height: 1.875rem; } }

#page-electronics .p-merit__box p { font-weight: bold; color: #333333; }

/*-----------------------------------------------------------------

----------------------------------------------------------------- */
/*-----------------------------------------------------------------
moving calendar
----------------------------------------------------------------- */
#page-calender .calender.bg { background: none; padding: 0; }

#page-calender .calender .contents-box { padding: 0; margin: 0; }

#page-calender .calender__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-calender .calender__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; display: block; } }

#page-calender .calender__inner .p-calender { -ms-flex-preferred-size: 70%; flex-basis: 70%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-calender .calender__inner .p-calender { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: block; } }

#page-calender .calender__inner .p-calender table th { background: #595959; color: #fff; padding: 15px 0; }

#page-calender .calender__inner .p-calender table th:first-child { color: #fff; border-top-left-radius: 20px; }

#page-calender .calender__inner .p-calender table th:last-child { color: #fff; border-top-right-radius: 20px; }

#page-calender .calender__inner .p-calender table td { padding: 15px 0; }

#page-calender .calender .figure { -ms-flex-preferred-size: 25%; flex-basis: 25%; }

@media screen and (min-width: 0px) and (max-width: 768px) { #page-calender .calender .figure { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: block; margin-bottom: 20px; } }

#page-calender .calender .figure figure img { width: 100%; }

#page-calender .calender .figure ul img { width: 10px; height: 10px; }

/*-----------------------------------------------------------------
Moving procedure notification email
----------------------------------------------------------------- */
#page-smm .p-card6__sasat .p-card6__title { background-color: #25a6e2; color: #fff; }

#page-smm .p-card6__sasat h3 { color: #25a6e2; }

#page-smm .p-card6__line .p-card6__title { background-color: #1dcd00; color: #fff; }

#page-smm .p-card6__line h3 { color: #1dcd00; }

#page-smm .p-card6 h3 { font-weight: bold; margin-bottom: 20px; }

/*-----------------------------------------------------------------
Remote Quotation Service 
----------------------------------------------------------------- */
.p-mv { padding-top: 42px; background: #fbe660; position: relative; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-mv { padding-top: 30px; } }

.p-mv__pc { width: 90%; max-width: 1283px; display: block; margin-left: auto; position: relative; z-index: 1; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-mv__pc { display: none; } }

.p-mv__sp { width: 100%; max-width: 302px; display: none; margin: auto; position: relative; z-index: 1; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-mv__sp { display: block; } }

.p-mv::after { content: ""; width: 100%; height: 48px; display: block; background: #f9dd48; position: absolute; bottom: 0; left: 0; }

.btn-panda { color: #fff; width: 100%; max-width: 450px; display: block; margin: 70px auto 0; padding: 31px 0; font-size: 1.375rem; font-weight: bold; text-align: center; border-radius: 55px; background: url(../../../assets/img/remote/ico-check.svg) no-repeat center right 20px/28px, #25a6e2; position: relative; }

.btn-panda::before { content: ""; width: 108.15px; height: 87.04px; display: block; margin: 0 auto; background: url(../../../assets/img/remote/illust-panda.svg) no-repeat center/cover; position: absolute; top: -57px; left: 0; right: 0; }

.btn-panda:hover { color: #fbe660; }

.btn-panda:nth-of-type(2) { margin-top: 100px; }

.p-bold { font-size: 1.125rem; font-weight: bold; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-bold { font-size: 1rem; text-align: left; } }

.p-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 100px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 60px; } }

.p-point__list { width: 27.5%; padding: 0 20px 40px; border-radius: 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list { width: 100%; } }

.p-point__list__wrap { width: 120px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; margin: 0 auto -60px; border-radius: 100px; position: relative; top: -60px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list__wrap { width: 70px; height: 70px; margin-bottom: -35px; top: -35px; } }

.p-point__list__wrap .ico01 { width: 47px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list__wrap .ico01 { width: 27px; } }

.p-point__list__wrap .ico02 { width: 48px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list__wrap .ico02 { width: 27px; } }

.p-point__list__wrap .ico03 { width: 60px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list__wrap .ico03 { width: 34px; } }

.p-point__list .wrap01 { background: #fad35f; }

.p-point__list .wrap02 { background: #fbe660; }

.p-point__list .wrap03 { background: #faf55f; }

.p-point__list__bold { margin-top: 30px; font-size: 1.25rem; font-weight: bold; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list__bold { font-size: 1.125rem; } }

.p-point__list__txt { margin-top: 20px; text-align: center; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list__txt { margin-top: 15px; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-point__list:not(:first-child) { margin-top: 60px; } }

.p-table2 { width: 100%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table2 { display: block; } }

.p-table2 tr { width: 100%; border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; border-collapse: collapse; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table2 tr { display: block; } }

.p-table2 tr th { width: 15%; padding: 20px; text-align: center; vertical-align: middle; background: #fcf09f; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table2 tr th { width: 100%; display: block; padding: 15px; text-align: left; } }

.p-table2 tr td { width: 85%; padding: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .p-table2 tr td { width: 100%; display: block; padding: 15px 0 20px; } }

.p-table2 tr:nth-of-type(4) th { vertical-align: top; }

.p-flow { width: 100%; max-width: 776px; margin: auto; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow { margin-top: 60px; } }

.p-flow__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.p-flow__list .num { display: none; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list .num { display: block; font-size: 0.75rem; line-height: 0.75rem; padding: 14px; position: absolute; top: -14px; left: 0; } }

.p-flow__list__pic { width: 47.165%; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list__pic { width: 80%; margin: auto; position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

.p-flow__list__pic img { width: 100%; }

.p-flow__list__wrap { width: 47.165%; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list__wrap { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.p-flow__list__wrap .p-course-flow__num { margin-top: 0; position: inherit; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list__wrap .p-course-flow__num { display: none; } }

.p-flow__list__wrap__txt { margin-top: 10px; font-size: 1.125rem; font-weight: bold; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list__wrap__txt { margin-top: 20px; text-align: center; } }

.p-flow__list__wrap__txt .spbr { display: none; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list__wrap__txt .spbr { display: block; } }

.p-flow__list:not(:first-child) { margin-top: 30px; }

@media screen and (min-width: 0px) and (max-width: 576px) { .p-flow__list:not(:first-child) { margin-top: 60px; } }

/*-----------------------------------------------------------------
SDGs
----------------------------------------------------------------- */
.page-sdgs .sdgs-main { margin: 80px auto 60px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-main { margin: 40px auto; } }

.page-sdgs .sdgs-main h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 490px; margin: 80px auto 50px; }

.page-sdgs .sdgs-main h2 img { width: 100%; }

.page-sdgs .sdgs-main .sdgs-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-sdgs .sdgs-main .sdgs-list li { -ms-flex-preferred-size: 14.6%; flex-basis: 14.6%; margin: 1%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-main .sdgs-list li { -ms-flex-preferred-size: 23%; flex-basis: 23%; } }

.page-sdgs .sdgs-main .sdgs-list img { width: 100%; }

.page-sdgs .sdgs-block { margin: 100px 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-block { margin: 60px 0; } }

.page-sdgs .sdgs-block__title { background: #f2f2f2 no-repeat 50% 50% / cover; text-align: center; color: #333333; }

.page-sdgs .sdgs-block__title h2 { font-family: "corp-round"; font-size: 40px; line-height: 1.7; margin-bottom: 25px; padding-top: 80px; position: relative; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-block__title h2 { font-size: 26px !important; padding-top: 65px; } }

.page-sdgs .sdgs-block__title h2 span { color: #25a6e2; }

.page-sdgs .sdgs-block__title h2::before { content: ""; position: absolute; background: no-repeat 50% 50% / contain; width: 70px; height: 60px; margin: auto; left: 0; top: 0; right: 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-block__title h2::before { width: 50px; height: 50px; } }

.page-sdgs .sdgs-block__title p { font-size: 18px; font-weight: 500; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-block__title p { font-size: 16px; } }

.page-sdgs .sdgs-block__inner { background: rgba(255, 255, 255, 0.85); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; text-align: center; padding: 55px 5%; max-width: 600px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-block__inner { padding: 40px 5%; width: 82%; } }

.page-sdgs .sdgs-block.environment .sdgs-block__title { background-image: url(../img/sdgs/environment-bg.png); }

.page-sdgs .sdgs-block.environment .sdgs-block__title h2::before { background-image: url(../img/sdgs/environment-icon.svg); }

.page-sdgs .sdgs-block.environment .sdgs-block__inner { padding-left: 10%; padding-right: 10%; }

.page-sdgs .sdgs-block.region .sdgs-block__title { background-image: url(../img/sdgs/region-bg.png); }

.page-sdgs .sdgs-block.region .sdgs-block__title h2::before { background-image: url(../img/sdgs/region-icon.svg); }

.page-sdgs .sdgs-block.region .sdgs-subbox__list { -ms-flex-preferred-size: 78%; flex-basis: 78%; }

.page-sdgs .sdgs-block.region .sdgs-subbox__icon { -ms-flex-preferred-size: 22%; flex-basis: 22%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-block.region .sdgs-subbox__icon { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.page-sdgs .sdgs-block.region .sdgs-subbox__icon li { -ms-flex-preferred-size: 48%; flex-basis: 48%; }

.page-sdgs .sdgs-block.child .sdgs-block__title { background-image: url(../img/sdgs/child-bg.png); }

.page-sdgs .sdgs-block.child .sdgs-block__title h2::before { background-image: url(../img/sdgs/child-icon.svg); }

.page-sdgs .sdgs-block.society .sdgs-block__title { background-image: url(../img/sdgs/society-bg.png); }

.page-sdgs .sdgs-block.society .sdgs-block__title h2::before { background-image: url(../img/sdgs/society-icon.svg); }

.page-sdgs .sdgs-article { margin: 40px 0; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-article { margin: 30px 0; } }

.page-sdgs .sdgs-article h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; font-size: 20px; font-weight: bold; line-height: 1.7; margin-bottom: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-article h3 { font-size: 18px; margin-bottom: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-article p { font-size: 14px; } }

.page-sdgs .sdgs-article__head { width: calc(100% - 120px); }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-article__head { width: calc(100% - 100px); } }

.page-sdgs .sdgs-article__icon { width: 120px; margin-right: 20px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-article__icon { width: 80px; margin-right: 0; } }

.page-sdgs .sdgs-article__icon img { width: 100%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-article__image { margin-top: 20px; } }

.page-sdgs .sdgs-subbox { background: #f2f2f2; border-radius: 20px; padding: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox { padding: 30px; } }

.page-sdgs .sdgs-subbox__other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox__other { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.page-sdgs .sdgs-subbox__list { -ms-flex-preferred-size: 54%; flex-basis: 54%; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox__list { margin-bottom: 20px; } }

.page-sdgs .sdgs-subbox__list li { font-size: 18px; font-weight: 500; position: relative; padding-left: 1.5em; line-height: 1.6; color: #333333; margin-bottom: 15px; float: none; width: auto; height: auto; text-align: left; background: none; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox__list li { font-size: 16px; } }

.page-sdgs .sdgs-subbox__list li::before { content: ""; position: absolute; left: 0; top: 8px; width: 1em; height: 1em; background: url(../images/common/ico-check.svg) no-repeat 50% 50%/contain; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox__list li::before { top: 5px; } }

.page-sdgs .sdgs-subbox__list li:last-child { margin-bottom: 0; }

.page-sdgs .sdgs-subbox__icon { -ms-flex-preferred-size: 42%; flex-basis: 42%; }

.page-sdgs .sdgs-subbox__icon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox__icon ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.page-sdgs .sdgs-subbox__icon li { -ms-flex-preferred-size: 23%; flex-basis: 23%; margin: 1%; width: auto; height: auto; }

.page-sdgs .sdgs-subbox__icon img { width: 100%; }

.page-sdgs .sdgs-subbox .cool-choice { background: #fff; border-radius: 20px; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox .cool-choice { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; } }

.page-sdgs .sdgs-subbox .cool-choice__text { -ms-flex-preferred-size: 48%; flex-basis: 48%; font-size: 20px; font-weight: 600; line-height: 1.7; color: #333333; }

@media screen and (min-width: 0px) and (max-width: 768px) { .page-sdgs .sdgs-subbox .cool-choice__text { font-size: 16px; text-align: center; margin-bottom: 20px; } }

.page-sdgs .sdgs-subbox .cool-choice__image { -ms-flex-preferred-size: 48%; flex-basis: 48%; padding: 0 5%; }

.page-sdgs .sdgs-subbox .cool-choice__image img { width: 100%; }

.g-footer{
  background:#f7f7f8;
  bottom:0;
  font-size:14px;
  left:0;
  margin:50px auto 0;
  min-width:1000px;
  padding:64px 0;
  position:absolute;
  width:100%
}
.g-footer.hide-map{
  padding:14px 0 24px
}
.g-footer-links{
  align-items:flex-start;
  border-bottom:1px solid #d3d3d5;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  flex-wrap:nowrap;
  font-size:0;
  justify-content:flex-start;
  padding-bottom:24px
}
.g-footer-links__title{
  color:#39393e;
  font-size:14px;
  font-weight:700;
  margin-bottom:6px
}
.g-footer-links__item{
  list-style:none;
  margin-top:9px
}
.g-footer-links__item--subject{
  display:block;
  margin-top:0
}
.g-footer-links__item--subject .g-footer-links__title{
  margin:0
}
.g-footer-links__item--share{
  *zoom:1;
  display:inline-block;
  *display:inline
}
.g-footer-links__item--share:not(:last-child){
  margin-right:14px
}
.g-footer-links__wrapper{
  *zoom:1;
  box-sizing:content-box;
  display:inline-block;
  *display:inline;
  font-size:13px;
  padding-right:36px;
  vertical-align:top;
  width:15%
}
.g-footer-links__wrapper--share{
  padding-right:0;
  width:auto
}
.g-footer-links__link{
  *zoom:1;
  color:#39393e;
  cursor:pointer;
  display:inline-block;
  *display:inline;
  font-weight:400;
  line-height:14px;
  position:relative
}
.g-footer-links__link:visited{
  color:inherit
}
.g-footer-links__note{
  color:#929295;
  font-size:12px;
  line-height:17px
}
.g-footer-links__download{
  margin-top:28px
}
.g-footer-icon{
  *zoom:1;
  display:inline-block;
  *display:inline;
  height:32px;
  position:relative;
  width:32px
}
.g-footer-icon--download{
  height:18px;
  margin-right:7px;
  vertical-align:top;
  width:18px
}
.g-footer-icon--switch{
  color:#39393e;
  font-size:0;
  height:24px;
  line-height:1;
  vertical-align:middle;
  width:24px
}
.g-footer-icon--switch svg path{
  fill:currentColor
}
.g-footer-icon svg{
  display:block;
  height:100%;
  width:100%
}
.g-footer-download{
  *zoom:1;
  background-color:#fff;
  border:1px solid #66666a;
  border-radius:4px;
  box-sizing:border-box;
  color:#39393e;
  display:inline-block;
  *display:inline;
  font-size:14px;
  font-weight:500;
  letter-spacing:1px;
  margin:0 14px 14px 0;
  min-width:172px;
  padding:10px 15px;
  vertical-align:top
}
.g-footer-download:hover,.g-footer-download:visited:hover{
  text-decoration:none
}
.g-footer-download:visited{
  color:inherit
}
.g-footer-qrcode{
  height:38px;
  margin-top:1px;
  vertical-align:top;
  width:38px
}
.g-footer-copyright,.g-footer-qrcode{
  *zoom:1;
  display:inline-block;
  *display:inline
}
.g-footer-copyright{
  color:#66666a;
  font-size:12px;
  font-weight:500;
  position:relative;
  top:2px;
  vertical-align:middle
}
.g-footer-copyright .icp{
  color:#66666a;
  margin-right:36px
}
.g-footer-static{
  align-items:center;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  justify-content:space-between;
  padding-top:14px
}
.g-footer-static__logo{
  *zoom:1;
  display:inline-block;
  *display:inline;
  font-size:0;
  line-height:1;
  vertical-align:middle
}
.g-footer-static__slogan{
  *zoom:1;
  color:#66666a;
  display:inline-block;
  *display:inline;
  font-size:12px;
  font-weight:500;
  margin-bottom:3px;
  margin-left:14px;
  vertical-align:bottom
}
.g-footer-static__right{
  align-items:center;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  justify-content:flex-start
}
.g-footer-static__certificate .hkrma{
  height:56px;
  width:100px
}
.g-footer-static__actions{
  align-items:center;
  display:-moz-flex;
  display:-ms-flex;
  display:flex;
  font-size:14px;
  justify-content:flex-start
}
.g-footer-static__switch{
  *zoom:1;
  display:inline-block;
  *display:inline;
  margin-left:36px
}
.g-footer-static__switch:hover{
  text-decoration:none
}
.g-footer-static__switch:hover .text{
  text-decoration:underline
}
.g-footer-static__switch--mobile{
  display:none
}
.g-footer-static__text,.touchevents .g-footer-static__switch--mobile{
  *zoom:1;
  display:inline-block;
  *display:inline
}
.g-footer-static__text{
  color:#39393e;
  font-size:12px;
  font-weight:700;
  line-height:14px;
  margin-left:10px;
  vertical-align:middle
}
.g-footer-locale{
  margin:24px auto;
  white-space:nowrap;
  width:300px
}
.g-footer-locale span{
  display:block;
  font-size:18px;
  margin-bottom:14px
}
.g-footer-locale .col{
  display:block;
  vertical-align:top
}
.g-footer-locale .col-lan ul{
  min-width:130px
}
.g-footer-locale .col-cur{
  margin-top:24px
}
.g-footer-locale .col-cur ul{
  min-width:160px
}
.g-footer-locale .col ul{
  *zoom:1;
  display:inline-block;
  *display:inline;
  vertical-align:top
}
.g-footer-locale .col ul+ul{
  margin-left:30px
}
.g-footer-locale .col ul li{
  display:block
}
.g-footer-locale .col ul li+li{
  margin-top:10px
}
.g-footer-locale .col ul li label{
  color:#202026;
  cursor:pointer;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  vertical-align:middle
}
.g-footer-locale .col ul li label:hover{
  color:#ee847d
}
.g-footer-locale .col ul li input{
  display:none
}
.g-footer-locale .col ul li input:checked+label{
  color:#ee847d;
  font-weight:600
}
.g-footer-locale .active-currency{
  color:#ee847d;
  font-size:14px;
  font-weight:600
}
.g-footer-locale .note{
  *zoom:1;
  color:#66666a;
  display:inline-block;
  *display:inline;
  font-size:14px;
  font-weight:400;
  white-space:normal
}
.g-footer-locale .note a{
  font-weight:400;
  margin-left:6px
}
.g-footer-locale .button-wrapper{
  margin-top:36px
}
.g-footer-locale .button-wrapper .m-button-pink{
  box-sizing:border-box;
  width:100%
}