@charset "UTF-8";
/*================================================================================

media query mixin

================================================================================*/
/*    google font on web
--------------------------------------------------------------------------------*/
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
body { font-family: "Noto Sans JP", "Jost", sans-serif; }

.c-sansSerif { font-family: "Noto Sans JP", "Jost", sans-serif; }

.c-ff--jp { font-family: 'Noto Sans JP', sans-serif; }

.c-ff--en { font-family: 'Jost', "Noto Sans JP", sans-serif; }

@media screen and (max-width: 1260px) { /* 1260px以上*/ }
@media screen and (max-width: 1024px) { /* 1024px以下*/ }
@media screen and (max-width: 820px) { /* 768px以下*/ }
@media screen and (max-width: 700px) { /* 480px以下*/ }
@media screen and (max-width: 320px) { /* 320px以下*/ }
/*================================================================================

reset & default & font

================================================================================*/
/* ress.css • v1.2.2 MIT License github.com/filipelinhares/ress */
/* # ================================================================= # Global selectors # ================================================================= */
html { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ }

*, ::before, ::after { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */ -webkit-box-sizing: inherit; box-sizing: inherit; }

::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; }

* { padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; }

/* # ================================================================= # General elements # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) { display: none; height: 0; }

hr { overflow: visible; /* Show the overflow in Edge and IE */ }

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

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

small { font-size: 80%; /* Set font-size to 80% in `small` elements */ }

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

abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none; /* Remove text decoration in Firefox 40+ */ }

a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }

a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ }

code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ }

b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }

dfn { font-style: italic; /* Address styling not present in Safari and Chrome */ }

/* Address styling not present in IE 8/9 */
mark { background-color: #ff0; color: #000; }

/* https://gist.github.com/unruthless/413930 */
sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: 0em; }

sup { top: -0.5em; }

/* # ================================================================= # Forms # ================================================================= */
input { border-radius: 0; }

/* Apply cursor pointer to button elements */
button, [type="button"], [type="reset"], [type="submit"], [role="button"] { cursor: pointer; }

/* Replace pointer cursor in disabled elements */
[disabled] { cursor: default; }

[type="number"] { width: auto; /* Firefox 36+ */ }

[type="search"] { -webkit-appearance: textfield; /* Safari 8+ */ }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */ }

textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ }

button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */ }

optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */ }

button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ }

button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ }

/* Remove the default button styling in all browsers */
button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; }

/* Style select like a standard input */
select::-ms-expand { display: none; /* Internet Explorer 11+ */ }

select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ }

legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */ }

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

[type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */ }

/* # ================================================================= # Specify media element style # ================================================================= */
img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ }

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

svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ }

audio, canvas, progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */ }

/* # ================================================================= # Accessibility # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
/* Specify the progress cursor of updating elements */
[aria-busy="true"] { cursor: progress; }

/* Specify the pointer cursor of trigger elements */
[aria-controls] { cursor: pointer; }

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] { cursor: default; }

/* # ================================================================= # Selection # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; }

::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; }

/*======================================================================

Defaults Styles

======================================================================*/
html { font-size: 62.5%; }

body { margin: 0; padding: 0; color: #232323; line-height: 2.0; font-size: 16px; font-size: 1.6rem; font-weight: 400; -webkit-text-size-adjust: 100%; background-color: #fff; }
@media screen and (max-width: 820px) { body { line-height: 1.8; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 320px) { body { line-height: 1.5; font-size: 13px; font-size: 1.3rem; } }

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*placeholder*/
::-webkit-input-placeholder-shown { color: #D0D4D6; }
:-ms-input-placeholder-shown { color: #D0D4D6; }
::-ms-input-placeholder-shown { color: #D0D4D6; }
::placeholder-shown { color: #D0D4D6; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color: #D0D4D6; }

/* Firefox 18- */
::-moz-placeholder { color: #D0D4D6; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder { color: #D0D4D6; opacity: 1; }

/* IE 10+ */
::-ms-input-placeholder { color: #D0D4D6; }

img, svg { border: 0; border-style: none; vertical-align: bottom; font-size: 0; line-height: 0; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

ul, dl, ol { list-style-type: none; }

/*    Link
--------------------------------------------------------------------------------*/
a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; color: #232323; text-decoration: none; }

a:link { color: #232323; text-decoration: none; }

a:visited { color: #232323; text-decoration: none; }

a:hover { color: #232323; text-decoration: none; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; opacity: .65; }
@media screen and (max-width: 820px) { a:hover { opacity: 1; } }

a:active { color: #232323; text-decoration: none; }

*:focus { outline: none; }

/*    Base Styles
--------------------------------------------------------------------------------*/
/*  margin */
.mg0a, .mAuto { margin: 0 auto; }

.mgt-20 { margin-top: -20px !important; }

.mgt-10 { margin-top: -10px !important; }

.mgt-5 { margin-top: -5px !important; }

.mgt0 { margin-top: 0 !important; }

.mgt1 { margin-top: 1px !important; }

.mgt2 { margin-top: 2px !important; }

.mgt3 { margin-top: 3px !important; }

.mgt4 { margin-top: 4px !important; }

.mgt5 { margin-top: 5px !important; }

.mgt6 { margin-top: 6px !important; }

.mgt7 { margin-top: 7px !important; }

.mgt8 { margin-top: 8px !important; }

.mgt9 { margin-top: 9px !important; }

.mgt10 { margin-top: 10px !important; }

.mgt12 { margin-top: 12px !important; }

.mgt15 { margin-top: 15px !important; }

.mgt18 { margin-top: 18px !important; }

.mgt20 { margin-top: 20px !important; }

.mgt25 { margin-top: 25px !important; }

.mgt30 { margin-top: 30px !important; }

.mgt32 { margin-top: 32px !important; }

.mgt35 { margin-top: 35px !important; }

.mgt40 { margin-top: 40px !important; }

.mgt45 { margin-top: 45px !important; }

.mgt50 { margin-top: 50px !important; }

.mgt55 { margin-top: 55px !important; }

.mgt60 { margin-top: 60px !important; }

.mgt65 { margin-top: 65px !important; }

.mgt70 { margin-top: 70px !important; }

.mgt75 { margin-top: 75px !important; }

.mgt80 { margin-top: 80px !important; }

.mgt85 { margin-top: 85px !important; }

.mgt90 { margin-top: 90px !important; }

.mgt95 { margin-top: 95px !important; }

.mgt100 { margin-top: 100px !important; }

.mgb-20 { margin-bottom: -20px !important; }

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

.mgb-5 { margin-bottom: -5px !important; }

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

.mgb1 { margin-bottom: 1px !important; }

.mgb2 { margin-bottom: 2px !important; }

.mgb3 { margin-bottom: 3px !important; }

.mgb4 { margin-bottom: 4px !important; }

.mgb5 { margin-bottom: 5px !important; }

.mgb6 { margin-bottom: 6px !important; }

.mgb7 { margin-bottom: 7px !important; }

.mgb8 { margin-bottom: 8px !important; }

.mgb9 { margin-bottom: 9px !important; }

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

.mgb12 { margin-bottom: 12px !important; }

.mgb15 { margin-bottom: 15px !important; }

.mgb18 { margin-bottom: 18px !important; }

.mgb20 { margin-bottom: 20px !important; }

.mgb25 { margin-bottom: 25px !important; }

.mgb30 { margin-bottom: 30px !important; }

.mgb32 { margin-bottom: 32px !important; }

.mgb35 { margin-bottom: 35px !important; }

.mgb40 { margin-bottom: 40px !important; }

.mgb45 { margin-bottom: 45px !important; }

.mgb50 { margin-bottom: 50px !important; }

.mgb55 { margin-bottom: 55px !important; }

.mgb60 { margin-bottom: 60px !important; }

.mgb65 { margin-bottom: 65px !important; }

.mgb70 { margin-bottom: 70px !important; }

.mgb75 { margin-bottom: 75px !important; }

.mgb80 { margin-bottom: 80px !important; }

.mgb85 { margin-bottom: 85px !important; }

.mgb90 { margin-bottom: 90px !important; }

.mgb95 { margin-bottom: 95px !important; }

.mgb100 { margin-bottom: 100px !important; }

.mgl-20 { margin-left: -20px !important; }

.mgl-10 { margin-left: -10px !important; }

.mgl-9 { margin-left: -9px !important; }

.mgl-8 { margin-left: -8px !important; }

.mgl-7 { margin-left: -7px !important; }

.mgl-6 { margin-left: -6px !important; }

.mgl-5 { margin-left: -5px !important; }

.mgl-4 { margin-left: -4px !important; }

.mgl-3 { margin-left: -3px !important; }

.mgl-2 { margin-left: -2px !important; }

.mgl-1 { margin-left: -1px !important; }

.mgl0 { margin-left: 0 !important; }

.mgl1 { margin-left: 1px !important; }

.mgl2 { margin-left: 2px !important; }

.mgl3 { margin-left: 3px !important; }

.mgl4 { margin-left: 4px !important; }

.mgl5 { margin-left: 5px !important; }

.mgl6 { margin-left: 6px !important; }

.mgl7 { margin-left: 7px !important; }

.mgl8 { margin-left: 8px !important; }

.mgl9 { margin-left: 9px !important; }

.mgl10 { margin-left: 10px !important; }

.mgl12 { margin-left: 12px !important; }

.mgl15 { margin-left: 15px !important; }

.mgl18 { margin-left: 18px !important; }

.mgl20 { margin-left: 20px !important; }

.mgl25 { margin-left: 25px !important; }

.mgl30 { margin-left: 30px !important; }

.mgl35 { margin-left: 35px !important; }

.mgl40 { margin-left: 40px !important; }

.mgl45 { margin-left: 45px !important; }

.mgl50 { margin-left: 50px !important; }

.mgl55 { margin-left: 55px !important; }

.mgl60 { margin-left: 60px !important; }

.mgl65 { margin-left: 65px !important; }

.mgl70 { margin-left: 70px !important; }

.mgl75 { margin-left: 75px !important; }

.mgl80 { margin-left: 80px !important; }

.mgl85 { margin-left: 85px !important; }

.mgl90 { margin-left: 90px !important; }

.mgl95 { margin-left: 95px !important; }

.mgl100 { margin-left: 100px !important; }

.mgr0 { margin-right: 0 !important; }

.mgr1 { margin-right: 1px !important; }

.mgr2 { margin-right: 2px !important; }

.mgr3 { margin-right: 3px !important; }

.mgr4 { margin-right: 4px !important; }

.mgr5 { margin-right: 5px !important; }

.mgr6 { margin-right: 6px !important; }

.mgr7 { margin-right: 7px !important; }

.mgr8 { margin-right: 8px !important; }

.mgr9 { margin-right: 9px !important; }

.mgr10 { margin-right: 10px !important; }

.mgr12 { margin-right: 12px !important; }

.mgr15 { margin-right: 15px !important; }

.mgr18 { margin-right: 18px !important; }

.mgr20 { margin-right: 20px !important; }

.mgr25 { margin-right: 25px !important; }

.mgr30 { margin-right: 30px !important; }

.mgr35 { margin-right: 35px !important; }

.mgr40 { margin-right: 40px !important; }

.mgr45 { margin-right: 45px !important; }

.mgr50 { margin-right: 50px !important; }

.mgr55 { margin-right: 55px !important; }

.mgr60 { margin-right: 60px !important; }

.mgr65 { margin-right: 65px !important; }

.mgr70 { margin-right: 70px !important; }

.mgr75 { margin-right: 75px !important; }

.mgr80 { margin-right: 80px !important; }

.mgr85 { margin-right: 85px !important; }

.mgr90 { margin-right: 90px !important; }

.mgr95 { margin-right: 95px !important; }

.mgr100 { margin-right: 100px !important; }

/* padding */
.pdt0 { padding-top: 0 !important; }

.pdt1 { padding-top: 1px !important; }

.pdt2 { padding-top: 2px !important; }

.pdt3 { padding-top: 3px !important; }

.pdt4 { padding-top: 4px !important; }

.pdt5 { padding-top: 5px !important; }

.pdt6 { padding-top: 6px !important; }

.pdt7 { padding-top: 7px !important; }

.pdt8 { padding-top: 8px !important; }

.pdt9 { padding-top: 9px !important; }

.pdt10 { padding-top: 10px !important; }

.pdt12 { padding-top: 12px !important; }

.pdt15 { padding-top: 15px !important; }

.pdt18 { padding-top: 18px !important; }

.pdt20 { padding-top: 20px !important; }

.pdt25 { padding-top: 25px !important; }

.pdt30 { padding-top: 30px !important; }

.pdt35 { padding-top: 35px !important; }

.pdt40 { padding-top: 40px !important; }

.pdt45 { padding-top: 45px !important; }

.pdt50 { padding-top: 50px !important; }

.pdt55 { padding-top: 55px !important; }

.pdt60 { padding-top: 60px !important; }

.pdt65 { padding-top: 65px !important; }

.pdt70 { padding-top: 70px !important; }

.pdt75 { padding-top: 75px !important; }

.pdt80 { padding-top: 80px !important; }

.pdt85 { padding-top: 85px !important; }

.pdt90 { padding-top: 90px !important; }

.pdt95 { padding-top: 95px !important; }

.pdt100 { padding-top: 100px !important; }

.pdb0 { padding-bottom: 0 !important; }

.pdb1 { padding-bottom: 1px !important; }

.pdb2 { padding-bottom: 2px !important; }

.pdb3 { padding-bottom: 3px !important; }

.pdb4 { padding-bottom: 4px !important; }

.pdb5 { padding-bottom: 5px !important; }

.pdb6 { padding-bottom: 6px !important; }

.pdb7 { padding-bottom: 7px !important; }

.pdb8 { padding-bottom: 8px !important; }

.pdb9 { padding-bottom: 9px !important; }

.pdb10 { padding-bottom: 10px !important; }

.pdb12 { padding-bottom: 12px !important; }

.pdb15 { padding-bottom: 15px !important; }

.pdb18 { padding-bottom: 18px !important; }

.pdb20 { padding-bottom: 20px !important; }

.pdb25 { padding-bottom: 25px !important; }

.pdb30 { padding-bottom: 30px !important; }

.pdb35 { padding-bottom: 35px !important; }

.pdb40 { padding-bottom: 40px !important; }

.pdb45 { padding-bottom: 45px !important; }

.pdb50 { padding-bottom: 50px !important; }

.pdb55 { padding-bottom: 55px !important; }

.pdb60 { padding-bottom: 60px !important; }

.pdb65 { padding-bottom: 65px !important; }

.pdb70 { padding-bottom: 70px !important; }

.pdb75 { padding-bottom: 75px !important; }

.pdb80 { padding-bottom: 80px !important; }

.pdb85 { padding-bottom: 85px !important; }

.pdb90 { padding-bottom: 90px !important; }

.pdb95 { padding-bottom: 95px !important; }

.pdb100 { padding-bottom: 100px !important; }

.pdl0 { padding-left: 0 !important; }

.pdl1 { padding-left: 1px !important; }

.pdl2 { padding-left: 2px !important; }

.pdl3 { padding-left: 3px !important; }

.pdl4 { padding-left: 4px !important; }

.pdl5 { padding-left: 5px !important; }

.pdl6 { padding-left: 6px !important; }

.pdl7 { padding-left: 7px !important; }

.pdl8 { padding-left: 8px !important; }

.pdl9 { padding-left: 9px !important; }

.pdl10 { padding-left: 10px !important; }

.pdl12 { padding-left: 12px !important; }

.pdl15 { padding-left: 15px !important; }

.pdl18 { padding-left: 18px !important; }

.pdl20 { padding-left: 20px !important; }

.pdl25 { padding-left: 25px !important; }

.pdl30 { padding-left: 30px !important; }

.pdl35 { padding-left: 35px !important; }

.pdl40 { padding-left: 40px !important; }

.pdl45 { padding-left: 45px !important; }

.pdl50 { padding-left: 50px !important; }

.pdl55 { padding-left: 55px !important; }

.pdl60 { padding-left: 60px !important; }

.pdl65 { padding-left: 65px !important; }

.pdl70 { padding-left: 70px !important; }

.pdl75 { padding-left: 75px !important; }

.pdl80 { padding-left: 80px !important; }

.pdl85 { padding-left: 85px !important; }

.pdl90 { padding-left: 90px !important; }

.pdl100 { padding-left: 100px !important; }

.pdr0 { padding-right: 0 !important; }

.pdr1 { padding-right: 1px !important; }

.pdr2 { padding-right: 2px !important; }

.pdr3 { padding-right: 3px !important; }

.pdr4 { padding-right: 4px !important; }

.pdr5 { padding-right: 5px !important; }

.pdr6 { padding-right: 6px !important; }

.pdr7 { padding-right: 7px !important; }

.pdr8 { padding-right: 8px !important; }

.pdr9 { padding-right: 9px !important; }

.pdr10 { padding-right: 10px !important; }

.pdr12 { padding-right: 12px !important; }

.pdr15 { padding-right: 15px !important; }

.pdr18 { padding-right: 18px !important; }

.pdr20 { padding-right: 20px !important; }

.pdr25 { padding-right: 25px !important; }

.pdr30 { padding-right: 30px !important; }

.pdr35 { padding-right: 35px !important; }

.pdr40 { padding-right: 40px !important; }

.pdr45 { padding-right: 45px !important; }

.pdr50 { padding-right: 50px !important; }

.pdr55 { padding-right: 55px !important; }

.pdr60 { padding-right: 60px !important; }

.pdr65 { padding-right: 65px !important; }

.pdr70 { padding-right: 70px !important; }

.pdr75 { padding-right: 75px !important; }

.pdr80 { padding-right: 80px !important; }

.pdr85 { padding-right: 85px !important; }

.pdr90 { padding-right: 90px !important; }

.pdr95 { padding-right: 95px !important; }

.pdr100 { padding-right: 100px !important; }

.pd0 { padding: 0 !important; }

.floatL { float: left; }

.floatR { float: right; }

.alL, .c-textLeft, .u-left { text-align: left; }

.alC, .c-textCenter, .u-center { text-align: center; }

.alR, .c-textRight, .u-right { text-align: right; }

.vaT, .-vtop { vertical-align: top; }

.vaM, .-vmiddle { vertical-align: middle; }

.vaB, .-vbottom { vertical-align: bottom; }

.c-pos--rel, .rel, .-rel { position: relative; }

.c-pos--ab, .ab, .-ab { position: absolute; }

.c-pos--fix, .fix, .-fix { position: fixed; }

.disnon { display: none; }

.nowrap { white-space: nowrap; }

.w100per { width: 100%; height: auto; }

/*clear*/
.clearfix { clear: both; background: transparent; height: 1px; font-size: 1px; }

/* clearfix micro */
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

/*IE6,7対策 （haslayout対策）*/
.cf { *zoom: 1; }

/*================================================================================

common parts

================================================================================*/
.TODO { height: 1200px; border-top: 1px solid #c00; padding-top: 300px; margin-top: 300px; }

.isDisplay { display: block !important; }

.noDisplay { display: none; }

.-pcOnly, .-pc { display: inline-block; }
@media screen and (max-width: 820px) { .-pcOnly, .-pc { display: none; } }

.-spOnly, .-sp { display: none; }
@media screen and (max-width: 820px) { .-spOnly, .-sp { display: inline-block; } }

.pcOnly, .pc { display: inline-block !important; }
@media screen and (max-width: 820px) { .pcOnly, .pc { display: none !important; } }

.spOnly, .sp { display: none !important; }
@media screen and (max-width: 820px) { .spOnly, .sp { display: inline-block !important; } }

.p-parts .inner { width: 1500px; }

.c-color--main { color: #135866; }

.c-beforeBgColor { background-color: inherit; position: relative; }
.c-beforeBgColor::before { content: ""; width: 100%; height: 100%; display: block; background-color: transparent; position: absolute; top: 0; left: 0; z-index: -1; }
.c-beforeBgColor.-bgGray::before { background-color: #F8F8F8; }
.c-beforeBgColor.-bgWhite::before { background-color: #fff; }
.c-beforeBgColor.-bgBlack::before { background-color: #232323; }
.c-beforeBgColor.-bgBlue::before { background-color: #e5f6fa; }
.c-beforeBgColor.-bgMainColor::before { background-color: rgba(19, 88, 102, 0.1); }

.c-fs24 { font-size: 24px !important; }
@media screen and (max-width: 820px) { .c-fs24 { font-size: inherit; } }

.c-fs12 { font-size: 12px !important; }
@media screen and (max-width: 820px) { .c-fs12 { font-size: inherit; } }

.c-bold { font-weight: bold; }

.c-text-justify { text-align: justify; }

.c-lh14 { line-height: 1.4; }

.c-lh24 { line-height: 2.4; }

.c-maru--small { font-size: 10px; vertical-align: text-bottom; margin-right: 5px; }

.c-ls--reset { letter-spacing: 0 !important; }

.c-paren-open { letter-spacing: -0.08em; margin-left: -0.5em; }

.c-paren-close { letter-spacing: -0.08em; margin-right: -0.5em; }

a[href^="tel"] { color: inherit; text-decoration: none; }

.js-anime--fadein { opacity: 0; }

.c-shadow { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.c-textShadow { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); }

.c-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.c-flex.-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 820px) { .c-flex.-spBlock, .c-flex.-spB { display: block; } }
.c-flex.-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.c-flex.-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.c-flex.-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.c-flex.-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.c-flex.-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.c-flex.-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.c-flex.-mgl20 > li { margin-left: 20px; }
.c-flex.-mgl20 > li:nth-child(1) { margin-left: 0; }
.c-flex.-mgr20 > li { margin-right: 20px; }
.c-flex.-mgr20 > li:last-child { margin-right: 0; }
.c-flex.-mgl10 > li { margin-left: 10px; }
.c-flex.-mgl10 > li:nth-child(1) { margin-left: 0; }
.c-flex.-mgr10 > li { margin-right: 10px; }
.c-flex.-mgr10 > li:last-child { margin-right: 0; }
.c-flex .-col2 > li { -ms-flex-preferred-size: calc(100% / 2); flex-basis: calc(100% / 2); }
.c-flex .-col3 > li { -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); }
.c-flex .-col4 > li { -ms-flex-preferred-size: calc(100% / 4); flex-basis: calc(100% / 4); }
.c-flex .-col5 > li { -ms-flex-preferred-size: calc(100% / 5); flex-basis: calc(100% / 5); }
.c-flex .-flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.c-flex .-lh0 { line-height: 0; }
.c-flex .-mglAuto { margin-left: auto !important; }
.c-flex .-mgrAuto { margin-right: auto !important; }
.c-flex.-column_50_50 { gap: 30px; }
@media screen and (max-width: 820px) { .c-flex.-column_50_50 { display: block; } }
.c-flex.-column_50_50 > .item { -ms-flex-preferred-size: calc(50% - 30px / 2); flex-basis: calc(50% - 30px / 2); }
@media screen and (max-width: 820px) { .c-flex.-column_50_50 > .item + .item { margin-top: 30px; } }
.c-flex.-column_70_30 { gap: 30px; }
@media screen and (max-width: 820px) { .c-flex.-column_70_30 { display: block; } }
@media screen and (max-width: 820px) { .c-flex.-column_70_30 > .item + .item { margin-top: 30px; } }
.c-flex.-column_70_30 > .item:nth-child(1) { -ms-flex-preferred-size: 470px; flex-basis: 470px; }
.c-flex.-column_70_30 > .item:nth-child(2) { -ms-flex-preferred-size: 310px; flex-basis: 310px; }

.c-indent > li { text-indent: -1em; margin-left: 1em; }
.c-indent.-f05 > li { text-indent: -0.5em; margin-left: 0.5em; }
.c-indent.-f07 > li { text-indent: -0.7em; margin-left: 0.7em; }
.c-indent.-f12 > li { text-indent: -1.2em; margin-left: 1.2em; }
.c-indent.-f15 > li { text-indent: -1.5em; margin-left: 1.5em; }
.c-indent.-f2 > li { text-indent: -2em; margin-left: 2em; }
.c-indent.-flexible { display: table; }
.c-indent.-flexible > li { text-indent: inherit; margin-left: inherit; }
.c-indent.-flexible .-head { display: table-cell; }
.c-indent.-flexible .-body { display: table-cell; }

.c-numList { counter-reset: count 0; }
.c-numList > li { position: relative; padding-left: 2em; }
.c-numList > li + li { margin-top: 20px; }
.c-numList > li p { display: inline; }
.c-numList > li::before { content: counter(count) ". "; counter-increment: count 1; display: block; position: absolute; left: 0; text-align: right; width: 2rem; }

.c-list > li { display: block; }
.c-list.-indent > li { margin-left: 1.2em; }

.c-imgBox { position: relative; width: 100%; padding-top: 66.667%; overflow: hidden; }
.c-imgBox.-type1 { padding-top: 66.667%; }
.c-imgBox img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto !important; max-height: 100%; border-radius: 0; }

.c-btnWrap.-indent { margin-left: 1.2em; }

a.c-btn, .c-btn { display: inline-block; position: relative; min-width: 240px; margin: auto; padding: 14px 20px 14px; font-size: 15px; font-weight: normal; text-decoration: none; text-align: left; border-radius: 100vmax; border: 1px solid #D0D4D6; color: #232323; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; line-height: 1.2; overflow: hidden; cursor: pointer; z-index: 1; font-family: 'Roboto', 'Noto Sans JP', sans-serif; }
@media screen and (max-width: 820px) { a.c-btn, .c-btn { display: block; width: 240px; min-width: 240px; margin: auto; padding: 16px 20px 14px; padding-right: 40px; font-size: 16px; } }
a.c-btn::before, a.c-btn::after, .c-btn::before, .c-btn::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
a.c-btn .c-icon, .c-btn .c-icon { width: 13px; height: 13px; overflow: hidden; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 20px; }
a.c-btn .c-icon::before, a.c-btn .c-icon::after, .c-btn .c-icon::before, .c-btn .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; }
a.c-btn .c-icon::before, .c-btn .c-icon::before { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon::after, .c-btn .c-icon::after { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -20px; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-arrow::before, .c-btn .c-icon.-arrow::before { background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-arrow::after, .c-btn .c-icon.-arrow::after { left: -20px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-other::before, .c-btn .c-icon.-other::before { width: 13px; height: 13px; background: url(/assets/img/icon-other.svg) no-repeat; background-size: contain; }
a.c-btn .c-icon.-other::after, .c-btn .c-icon.-other::after { display: none; left: -20px; width: 13px; height: 13px; background: url(/assets/img/icon-other.svg) no-repeat; background-size: contain; }
a.c-btn:hover, .c-btn:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background-color: rgba(255, 255, 255, 0.1); color: #72581B; border-color: #72581B; opacity: 1; }
a.c-btn:hover .c-icon::before, a.c-btn:hover .c-icon::after, .c-btn:hover .c-icon::before, .c-btn:hover .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; opacity: 1; }
a.c-btn:hover .c-icon.-arrow::before, .c-btn:hover .c-icon.-arrow::before { left: 20px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
a.c-btn:hover .c-icon.-arrow::after, .c-btn:hover .c-icon.-arrow::after { left: 0px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
a.c-btn:hover .c-icon.-other::before, .c-btn:hover .c-icon.-other::before { background: url(/assets/img/icon-other-brown.svg) no-repeat; background-size: contain; }
a.c-btn:hover .c-icon.-other::after, .c-btn:hover .c-icon.-other::after { display: none; left: 0px; background: url(/assets/img/icon-other-brown.svg) no-repeat; background-size: contain; }
a.c-btn.-white, a.c-btn.-wh, .c-btn.-white, .c-btn.-wh { color: #fff; border-color: #fff; }
a.c-btn.-white .c-icon.-arrow::before, a.c-btn.-wh .c-icon.-arrow::before, .c-btn.-white .c-icon.-arrow::before, .c-btn.-wh .c-icon.-arrow::before { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
a.c-btn.-white .c-icon.-arrow::after, a.c-btn.-wh .c-icon.-arrow::after, .c-btn.-white .c-icon.-arrow::after, .c-btn.-wh .c-icon.-arrow::after { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
a.c-btn.-white:hover, a.c-btn.-wh:hover, .c-btn.-white:hover, .c-btn.-wh:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #D0D4D6; }
a.c-btn.-wAuto, .c-btn.-wAuto { width: auto; min-width: inherit; padding-left: 40px; padding-right: 40px; }

.c-link--arrow { display: block; width: 100%; height: auto; position: relative; }
.c-link--arrow.-noLink { pointer-events: none !important; }
.c-link--arrow .c-icon { width: 30px; height: 30px; overflow: hidden; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 0px; border: 1px solid #c8c8c8; border-radius: 100%; display: block; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-link--arrow .c-icon::before, .c-link--arrow .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; }
.c-link--arrow .c-icon::before { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 8px; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow .c-icon::after { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -20px; width: 13px; height: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow .c-icon.-arrow::before { left: 8px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow .c-icon.-arrow::after { opacity: 0; left: -40px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; }
.c-link--arrow:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; opacity: 1; color: #72581B; }
.c-link--arrow:hover .c-icon { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background-color: #fff; color: #72581B; border-color: #72581B; }
.c-link--arrow:hover .c-icon::before, .c-link--arrow:hover .c-icon::after { -webkit-transition: 0.5s all ease; transition: 0.5s all ease; opacity: 1; }
.c-link--arrow:hover .c-icon.-arrow::before { opacity: 0; left: 40px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
.c-link--arrow:hover .c-icon.-arrow::after { left: 8px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black .c-icon::before { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black .c-icon::after { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black:hover .c-icon { background-color: rgba(255, 255, 255, 0.1); border-color: #D0D4D6; }
.c-link--arrow.-black:hover .c-icon::before { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-black:hover .c-icon::after { background: url(/assets/img/icon-arrow-white.svg) no-repeat; background-size: contain; }
.c-link--arrow.-large .c-icon { width: 51px; height: 51px; }
.c-link--arrow.-large .c-icon::before, .c-link--arrow.-large .c-icon::after { width: 21px; height: 13px; }
.c-link--arrow.-large .c-icon::before { left: 14px; }
.c-link--arrow.-large .c-icon::after { left: -40px; }
.c-link--arrow.-large:hover .c-icon { width: 51px; height: 51px; }
.c-link--arrow.-large:hover .c-icon::before { left: 44px; }
.c-link--arrow.-large:hover .c-icon::after { left: 14px; }

.c-noLink { pointer-events: none; }

.c-noHover:hover { opacity: 1; }

a.c-link, .c-link { position: relative; padding-left: 15px; cursor: pointer; }
a.c-link::before, a.c-link::after, .c-link::before, .c-link::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
a.c-link::before, .c-link::before { content: ""; position: absolute; top: 9px; left: 0; width: 9px; height: 9px; border-right: 1px solid #232323; border-bottom: 1px solid #232323; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
@media screen and (max-width: 820px) { a.c-link::before, .c-link::before { top: 9px; } }
a.c-link:hover, .c-link:hover { color: #232323; }
a.c-link:hover::before, a.c-link:hover::after, .c-link:hover::before, .c-link:hover::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
a.c-link.-noArrow, .c-link.-noArrow { padding-left: 0; }
a.c-link.-noArrow::before, .c-link.-noArrow::before { display: none; }
a.c-link.-noArrow::after, .c-link.-noArrow::after { content: ""; display: inline-block; width: 12px; height: 12px; }
a.c-link.-anchor::before, .c-link.-anchor::before { -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); left: -5px; margin-top: 1px; }
a.c-link.-other, .c-link.-other { padding-left: 0; padding-right: 5px; }
a.c-link.-other::before, .c-link.-other::before { display: none; }
a.c-link.-other::after, .c-link.-other::after { content: ""; display: inline-block; background: url(../img/icon-other.png) no-repeat; background-size: contain; width: 12px; height: 12px; margin-left: 5px; }
a.c-link.-pdf, .c-link.-pdf { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-pdf::before, .c-link.-pdf::before { display: none; }
a.c-link.-pdf::after, .c-link.-pdf::after { content: ""; display: inline-block; background: url(/assets/img/icon-pdf.svg) no-repeat; background-size: contain; width: 15px; height: 17px; margin-left: 3px; }
a.c-link.-pdf:hover::after, .c-link.-pdf:hover::after { background-image: url(/assets/img/icon-pdf_green.svg); background-size: contain; }
a.c-link.-pptx, .c-link.-pptx { padding-left: 0; padding-right: 5px; text-decoration: underline; }
a.c-link.-pptx::before, .c-link.-pptx::before { display: none; }
a.c-link.-pptx::after, .c-link.-pptx::after { content: ""; display: inline-block; background: url(/assets/img/icon-pptx.svg) no-repeat; background-size: contain; width: 16px; height: 17px; margin-left: 3px; }
a.c-link.-pptx:hover::after, .c-link.-pptx:hover::after { background-image: url(/assets/img/icon-pptx_green.svg); background-size: contain; }
a.c-link.-indent, .c-link.-indent { position: relative; padding-left: 20px; text-indent: 0em; margin-left: -1em; }

.c-link--bullet, a.c-link--bullet { text-decoration: underline !important; display: inline-block; position: relative; padding-left: 20px !important; }
.c-link--bullet::before, a.c-link--bullet::before { display: block !important; content: ""; width: 10px; height: 10px; background-color: #135866; border-radius: 100%; position: absolute; left: 0; top: 12px; }
@media screen and (max-width: 820px) { .c-link--bullet::before, a.c-link--bullet::before { top: 9px; } }
.c-link--bullet + .c-link--bullet, a.c-link--bullet + .c-link--bullet { margin-top: 20px; }

.c-scrollWrap { position: relative; }
@media screen and (max-width: 820px) { .c-scrollWrap { width: calc(100vw - 20px); overflow-x: scroll; } }
@media screen and (max-width: 820px) { .c-scrollWrap .c-table { margin-right: 20px; } }
@media screen and (max-width: 820px) { .c-scrollWrap .c-table.p-testTable { width: 1000px; } }
@media screen and (max-width: 820px) { .c-scrollWrap .c-table th { white-space: nowrap; } }

.c-figScroll { display: none; }
@media screen and (max-width: 820px) { .c-figScroll { display: block; position: absolute; left: 0; right: 0; top: 30px; margin: auto; width: 140px; opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } }
.c-figScroll.isHide { display: block; position: absolute; left: 0; right: 0; top: 30px; margin: auto; width: 170px; opacity: 0; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-figScroll.isHide { width: 120px; } }

.c-table { table-layout: fixed; width: 100%; border-collapse: collapse; }
.c-table.-center tr, .c-table.-center th, .c-table.-center td { text-align: center; }
.c-table.-left tr, .c-table.-left th, .c-table.-left td { text-align: left; }
.c-table.-right tr, .c-table.-right th, .c-table.-right td { text-align: right; }
.c-table tr:first-child th, .c-table tr:first-child td { border-top: 1px solid #c8c8c8; }
.c-table th, .c-table td { padding: 20px 20px; border-bottom: 1px solid #c8c8c8; vertical-align: top; text-align: left; line-height: 1.6; }
@media screen and (max-width: 820px) { .c-table th, .c-table td { display: block; padding: 15px 10px; } }
.c-table th.-nowrap, .c-table td.-nowrap { white-space: nowrap; }
.c-table th.-middle, .c-table td.-middle { vertical-align: middle; }
.c-table th { padding: 20px 20px; background-color: #00a7cb; font-weight: normal; width: 25%; }
@media screen and (max-width: 820px) { .c-table th { width: 100%; padding: 10px 10px; } }
.c-table td { width: 75%; }
@media screen and (max-width: 820px) { .c-table td { width: 100%; padding-left: 10px; padding-right: 10px; } }
.c-table td .c-indent + .c-indent { margin-top: 10px; }

.c-dl_table { display: grid; grid-template-columns: calc(5em + 40px) 1fr; width: 100%; margin: 0 auto; border-collapse: separate; }
.c-dl_table.-em3 { grid-template-columns: calc(3em + 40px) 1fr; }
.c-dl_table.-em4 { grid-template-columns: calc(4em + 40px) 1fr; }
.c-dl_table.-em5 { grid-template-columns: calc(5em + 40px) 1fr; }
.c-dl_table.-em6 { grid-template-columns: calc(6em + 40px) 1fr; }
.c-dl_table.-em7 { grid-template-columns: calc(7em + 40px) 1fr; }
.c-dl_table.-em8 { grid-template-columns: calc(8em + 40px) 1fr; }
.c-dl_table.-em9 { grid-template-columns: calc(9em + 40px) 1fr; }
.c-dl_table.-em10 { grid-template-columns: calc(10em + 40px) 1fr; }
.c-dl_table.-em11 { grid-template-columns: calc(11em + 40px) 1fr; }
.c-dl_table.-em12 { grid-template-columns: calc(12em + 40px) 1fr; }
.c-dl_table.-em13 { grid-template-columns: calc(13em + 40px) 1fr; }
.c-dl_table.-em14 { grid-template-columns: calc(14em + 40px) 1fr; }
.c-dl_table.-em15 { grid-template-columns: calc(15em + 40px) 1fr; }
.c-dl_table dt, .c-dl_table dd { padding: 15px 0; border-bottom: 1px dashed #c8c8c8; margin: 0; }
.c-dl_table dt:last-of-type, .c-dl_table dd:last-of-type { border-bottom: none; }
.c-dl_table dt { color: #135866; font-weight: normal; }

.c-box { background-color: rgba(19, 88, 102, 0.1); padding: 30px 30px; width: 820px; margin: auto; }
@media screen and (max-width: 820px) { .c-box { padding: 18px 18px; width: 100%; } }
.c-box.-border { background-color: transparent; border: 1px solid #135866; }

h1, .c-title { font-size: 40px; font-weight: 500; line-height: 1.35; text-align: left; margin-bottom: 30px; letter-spacing: .1em; }
@media screen and (max-width: 820px) { h1, .c-title { font-size: 28px; } }
h1 .sub, .c-title .sub { font-size: 16px; font-weight: normal; display: block; padding-top: 2px; position: relative; line-height: 1.2; letter-spacing: .08em; }
@media screen and (max-width: 820px) { h1 .sub, .c-title .sub { font-size: 14px; } }
h1 .sub.-space, .c-title .sub.-space { letter-spacing: 1em; }
h1 .sup, .c-title .sup { font-size: 16px; font-weight: normal; display: block; padding-top: 2px; position: relative; line-height: 1.2; }
@media screen and (max-width: 820px) { h1 .sup, .c-title .sup { font-size: 14px; } }
h1.-center, .c-title.-center { text-align: center; }
h1.-center span, .c-title.-center span { text-align: center; }
h1.-wh, h1.-white, .c-title.-wh, .c-title.-white { color: #fff; }
h1.-wh span, h1.-white span, .c-title.-wh span, .c-title.-white span { color: #fff; }
h1.-black, .c-title.-black { color: #232323; }
h1.-black span, .c-title.-black span { color: #232323; }

h2, .c-title2 { font-size: 28px; font-weight: 500; line-height: 1.4; position: relative; }
@media screen and (max-width: 820px) { h2, .c-title2 { font-size: 20px; } }
h2 .sub, .c-title2 .sub { font-size: 16px; font-weight: normal; display: block; margin-top: -3px; position: relative; line-height: 1.2; }
@media screen and (max-width: 820px) { h2 .sub, .c-title2 .sub { font-size: 14px; } }
h2 .sup, .c-title2 .sup { font-size: 16px; font-weight: normal; display: block; margin-bottom: 4px; position: relative; line-height: 1.2; }

h3, .c-title3 { font-size: 24px; font-weight: bold; line-height: 1.4; position: relative; }
@media screen and (max-width: 820px) { h3, .c-title3 { font-size: 20px; } }
h3 .sub, .c-title3 .sub { font-size: 16px; font-weight: normal; display: block; margin-top: -3px; position: relative; line-height: 1.2; }
@media screen and (max-width: 820px) { h3 .sub, .c-title3 .sub { font-size: 14px; } }

h4, .c-title4 { font-size: 20px; font-weight: bold; margin-top: 30px; margin-bottom: 10px; line-height: 1.4; }
@media screen and (max-width: 820px) { h4, .c-title4 { font-size: 18px; } }
h4 .sup, .c-title4 .sup { font-size: 14px; font-weight: normal; display: block; margin-bottom: 4px; position: relative; line-height: 1.2; }

.c-pic { margin-top: 30px; }

.c-caption, .caption { font-size: 12px; font-weight: normal; line-height: 1.4; font-family: 'Roboto', 'Noto Sans JP', sans-serif; }

.c-block--l { margin-bottom: 90px; }
@media screen and (max-width: 820px) { .c-block--l { margin-bottom: 60px; } }

.c-block--m { margin-bottom: 70px; }
@media screen and (max-width: 820px) { .c-block--m { margin-bottom: 50px; } }

.c-block--ms { margin-bottom: 50px; }
@media screen and (max-width: 820px) { .c-block--ms { margin-bottom: 30px; } }

.c-block--s { margin-bottom: 30px; }
@media screen and (max-width: 820px) { .c-block--s { margin-bottom: 20px; } }

.c-block--xs { margin-bottom: 10px; }
@media screen and (max-width: 820px) { .c-block--xs { margin-bottom: 10px; } }

.c-lead { text-align: center; }
@media screen and (max-width: 820px) { .c-lead { text-align: left; } }
.c-lead.-wh { color: #fff; }
.c-lead.-wide { width: 100%; }
.c-lead.-left { text-align: left; }

@media screen and (max-width: 820px) { .c-spLeft { text-align: left !important; } }

@media screen and (max-width: 820px) { .c-spRight { text-align: right !important; } }

@media screen and (max-width: 820px) { .c-spCenter { text-align: center !important; } }

.c-topicPath { background-color: #fff; padding: 16px 0; }
@media screen and (max-width: 820px) { .c-topicPath { padding: 15px 0; overflow-x: scroll; } }
.c-topicPath .inner { width: 1120px !important; }
@media screen and (max-width: 820px) { .c-topicPath .inner { overflow-x: scroll; width: calc(100vw - 20px) !important; margin-left: 20px; } }
.c-topicPath .list { line-height: 1.2; }
@media screen and (max-width: 820px) { .c-topicPath .list { white-space: nowrap; } }
.c-topicPath .list > li { position: relative; padding-right: 15px; margin-right: 15px; margin-left: 0; display: inline; }
@media screen and (max-width: 820px) { .c-topicPath .list > li { line-height: 1.4; white-space: nowrap; } }
.c-topicPath .list > li::before { content: ""; width: 10px; height: 1px; background-color: #c8c8c8; position: absolute; top: 9px; right: -3px; }
@media screen and (max-width: 820px) { .c-topicPath .list > li::before { top: 9px; } }
.c-topicPath .list > li:last-child::before { display: none; }
.c-topicPath .list > li:last-child a, .c-topicPath .list > li:last-child div { pointer-events: none; }
.c-topicPath .list > li:last-child a span, .c-topicPath .list > li:last-child div span { color: #232323; }
.c-topicPath .list > li a { text-decoration: none; display: inline; color: #c8c8c8; }
@media screen and (max-width: 820px) { .c-topicPath .list > li a { display: inline-block; white-space: nowrap; } }
.c-topicPath .list > li span { color: #c8c8c8; font-size: 14px; line-height: 1; font-family: 'Roboto', 'Noto Sans JP', sans-serif; font-weight: 400; }
@media screen and (max-width: 820px) { .c-topicPath .list > li span { font-size: 12px; } }
.c-topicPath .list > li div { line-height: 1; }

.c-pagination .list { 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; }
@media screen and (max-width: 820px) { .c-pagination .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
.c-pagination .list > li a, .c-pagination .list > li span { line-height: 1; font-size: 20px; text-decoration: none; display: block; padding: 20px 18px; color: #232323; position: relative; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li a, .c-pagination .list > li span { padding: 20px 13px; } }
.c-pagination .list > li a.current, .c-pagination .list > li span.current { color: #c8c8c8; }
.c-pagination .list > li a.current::after, .c-pagination .list > li span.current::after { background-color: #135866; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-pagination .list > li a:hover, .c-pagination .list > li span:hover { opacity: 1; color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-pagination .list > li a:hover.current, .c-pagination .list > li span:hover.current { color: #c8c8c8; }
.c-pagination .list > li .c-icon { position: absolute; top: -4px; left: -25px; overflow: hidden; width: 50px; height: 50px; border-radius: 100%; }
@media screen and (max-width: 820px) { .c-pagination .list > li .c-icon { width: 30px; height: 30px; padding: 0; top: 5px; left: 0px; } }
.c-pagination .list > li .c-icon::before { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 0; width: 21px; height: 13px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .c-icon::before { width: 13px; height: 8px; } }
.c-pagination .list > li .c-icon::after { content: ""; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -20px; width: 21px; height: 13px; background: url(/assets/img/icon-arrow.svg) no-repeat; background-size: contain; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .c-icon::after { width: 13px; height: 8px; } }
.c-pagination .list > li .prev .c-icon::before { margin-top: -6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 15px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .prev .c-icon::before { margin-top: -5px; left: 7px; } }
.c-pagination .list > li .prev .c-icon::after { margin-top: -6px; left: 50px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .prev .c-icon::after { margin-top: -5px; left: 32px; } }
.c-pagination .list > li .prev:hover .c-icon::before { left: -35px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 820px) { .c-pagination .list > li .prev:hover .c-icon::before { left: -18px; } }
.c-pagination .list > li .prev:hover .c-icon::after { left: 15px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 820px) { .c-pagination .list > li .prev:hover .c-icon::after { left: 7px; } }
.c-pagination .list > li .next .c-icon { left: 11px; }
@media screen and (max-width: 820px) { .c-pagination .list > li .next .c-icon { left: -4px; } }
.c-pagination .list > li .next .c-icon::before { left: 15px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .next .c-icon::before { left: 7px; } }
.c-pagination .list > li .next .c-icon::after { left: -30px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .next .c-icon::after { left: -18px; } }
.c-pagination .list > li .next:hover .c-icon::before { left: 50px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 820px) { .c-pagination .list > li .next:hover .c-icon::before { left: 32px; } }
.c-pagination .list > li .next:hover .c-icon::after { left: 15px; background: url(/assets/img/icon-arrow-brown.svg) no-repeat; background-size: contain; }
@media screen and (max-width: 820px) { .c-pagination .list > li .next:hover .c-icon::after { left: 7px; } }
.c-pagination .list > li .prev::after { content: ""; display: block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #c8c8c8; position: absolute; top: -4px; left: -25px; right: inherit; bottom: inherit; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .prev::after { width: 30px; height: 30px; top: 5px; left: 0px; } }
.c-pagination .list > li .prev:hover::after { border-color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-pagination .list > li .next::after { content: ""; display: block; width: 50px; height: 50px; border-radius: 100%; border: 1px solid #c8c8c8; position: absolute; top: -4px; left: 11px; right: inherit; bottom: inherit; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
@media screen and (max-width: 820px) { .c-pagination .list > li .next::after { width: 30px; height: 30px; top: 5px; left: -4px; } }
.c-pagination .list > li .next:hover::after { border-color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.c-section_head .inner { min-height: 248px; background: url(/assets/img/pic-head.png) no-repeat center center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 820px) { .c-section_head .inner { min-height: inherit; aspect-ratio: 5.53 / 2; } }
.c-section_head .inner .wrap { margin: 70px 0; background: url(/assets/img/bg-head_title.svg) repeat-y; background-size: cover; width: 100%; }
@media screen and (max-width: 820px) { .c-section_head .inner .wrap { margin: 20px 0; } }
.c-section_head .inner .-title { padding: 25px 0; margin: auto; width: 1120px; margin: auto; font-size: 30px; font-weight: normal; color: #fff; }
@media screen and (max-width: 820px) { .c-section_head .inner .-title { width: 100%; font-size: 24px; line-height: 1.4; padding: 10px 20px; } }
.c-section_head .inner .-title .sub { font-size: 24px; display: block; }
@media screen and (max-width: 820px) { .c-section_head .inner .-title .sub { font-size: 14px; margin-top: 5px; } }
.c-section_head .inner .-title .sup { font-size: 24px; display: block; }
@media screen and (max-width: 820px) { .c-section_head .inner .-title .sup { font-size: 14px; margin-bottom: 5px; } }

.c-tabWrap .inner { width: 1080px; overflow-x: scroll; }
@media screen and (max-width: 820px) { .c-tabWrap .inner { width: 100%; } }
@media screen and (max-width: 820px) { .c-tabWrap .inner-btn { width: calc(100vw - 20px); } }

.c-tab { gap: 20px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; margin-bottom: 15px; }
@media screen and (max-width: 820px) { .c-tab { gap: 10px; } }
@media screen and (max-width: 820px) { .c-tab > li:last-child { padding-right: 20px; } }

.c-tabTarget { position: relative; }
.c-tabTarget .c-tabTarget_content { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; width: 100%; }
.c-tabTarget .c-tabTarget_content.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.c-tab-btn { display: inline-block; position: relative; width: 260px; margin: auto; padding: 18px 20px; font-size: 18px; font-weight: normal; text-decoration: none; text-align: center; border-radius: 100vmax; border: 1px solid #72581B; color: #72581B !important; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; line-height: 1.2; cursor: pointer; z-index: 1; white-space: nowrap; }
@media screen and (max-width: 820px) { .c-tab-btn { width: 200px; padding: 10px 15px; font-size: 14px; } }
.c-tab-btn::before, .c-tab-btn::after { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn::before { content: ''; position: absolute; left: 50%; bottom: -8px; -webkit-transform: translate(-50%, 0) rotate(180deg); transform: translate(-50%, 0) rotate(180deg); width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #72581B transparent; z-index: 1011; opacity: 0; }
.c-tab-btn.isOn { background-color: #72581B; color: #fff !important; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn.isOn::before { opacity: 1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-tab-btn.-wAuto { width: auto; }

.c-wrapCenter { 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; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.c-stepNumber .-text { font-size: 12px; font-weight: 500; line-height: 1; margin-bottom: 5px; }
@media screen and (max-width: 820px) { .c-stepNumber .-text { font-size: 10px; } }
.c-stepNumber .-number { font-size: 52px; line-height: 1; }
@media screen and (max-width: 820px) { .c-stepNumber .-number { font-size: 26px; } }

.c-slideWrap .list-slide .item { border-radius: 6px; border: 1px solid #135866; width: 960px !important; margin: auto 18px; }
@media screen and (max-width: 820px) { .c-slideWrap .list-slide .item { width: 320px !important; margin: auto 10px; } }
.c-slideWrap .list-slide .item a { display: block; position: relative; padding: 20px 30px; padding-right: 70px; height: 100%; }
@media screen and (max-width: 820px) { .c-slideWrap .list-slide .item a { padding: 20px 20px; padding-right: 30px; } }
.c-slideWrap .list-slide .item a::before { content: ""; position: absolute; top: 50%; right: 30px; width: 11px; height: 11px; border-right: 1px solid #72581B; border-bottom: 1px solid #72581B; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); }
@media screen and (max-width: 820px) { .c-slideWrap .list-slide .item a::before { right: 15px; } }
.c-slideWrap .list-slide .item a .titleWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 10px; }
@media screen and (max-width: 820px) { .c-slideWrap .list-slide .item a .titleWrap { display: block; } }
.c-slideWrap .list-slide .item a .titleWrap .-time { font-size: 16px; -ms-flex-preferred-size: 110px; flex-basis: 110px; }
@media screen and (max-width: 820px) { .c-slideWrap .list-slide .item a .titleWrap .-time { font-size: 14px; } }
.c-slideWrap .list-slide .item a .titleWrap .-head { color: #72581B; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.c-slideWrap .list-slide .item a .-text { font-size: 16px; }
.c-slideWrap .slick-dots { 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; gap: 10px; bottom: -15px; }
.c-slideWrap .slick-dots > li { width: 64px; height: 4px; margin: inherit; }
.c-slideWrap .slick-dots > li button::before { width: 64px; height: 4px; border-radius: 100vmax; display: block; opacity: 1; position: relative; top: inherit; left: inherit; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-slideWrap .slick-dots > li.slick-active button::before { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.c-accordion_list > li + li { margin-top: 15px; }
.c-accordion_list > li dl { cursor: pointer; position: relative; }
.c-accordion_list > li dl dt { font-weight: normal; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background-color: #F8F8F8; padding: 10px 20px; position: relative; }
.c-accordion_list > li dl dt::before, .c-accordion_list > li dl dt::after { content: ""; display: block; position: absolute; right: 15px; top: 50%; background-color: #72581B; }
.c-accordion_list > li dl dt::before { width: 19px; height: 2px; }
.c-accordion_list > li dl dt::after { width: 2px; height: 19px; right: 23px; margin-top: -8px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; opacity: 1; }
.c-accordion_list > li dl dd { display: none; padding: 10px 20px; border-bottom: 1px solid #72581B; }
.c-accordion_list > li dl.isOn dt { color: #72581B; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-accordion_list > li dl.isOn dt::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-accordion_list > li dl.isOn dd { display: block; }

.c-list_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 60px; }
.c-list_col2 > li:nth-child(1) { -ms-flex-preferred-size: 340px; flex-basis: 340px; }
.c-list_col2 > li:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
@media screen and (max-width: 820px) { .c-list_col2 > li:nth-child(2) { margin-top: 30px; } }
.c-list_col2.-half { gap: inherit; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.c-list_col2.-half > li { -ms-flex-preferred-size: calc(50% - 60px / 2); flex-basis: calc(50% - 60px / 2); -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; }
.c-list_col2.-half > li:nth-child(1) { -ms-flex-preferred-size: calc(50% - 60px / 2); flex-basis: calc(50% - 60px / 2); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
@media screen and (max-width: 820px) { .c-list_col2.-half > li:nth-child(1) { -ms-flex-preferred-size: inherit; flex-basis: inherit; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
.c-list_col2.-half > li:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: calc(50% - 60px / 2); flex-basis: calc(50% - 60px / 2); }
@media screen and (max-width: 820px) { .c-list_col2.-half > li:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }
.c-list_col2.-half.-reverse > li:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
@media screen and (max-width: 820px) { .c-list_col2.-half.-reverse > li:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
.c-list_col2.-half.-reverse > li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
@media screen and (max-width: 820px) { .c-list_col2.-half.-reverse > li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

/*
google reCAPTCHA
*/
.grecaptcha-badge { z-index: 100; }

/*================================================================================

container

================================================================================*/
/*    div.container
--------------------------------------------------------------------------------*/
/*    header
--------------------------------------------------------------------------------*/
.c-bg_header_overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; z-index: 100; }
.c-bg_header_overlay.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.l-header { position: fixed; top: 0px; left: 0; right: 0; width: 100%; margin: auto; z-index: 1000; font-weight: 400; width: 100%; height: 80px; background-color: rgba(255, 255, 255, 0.8); -webkit-transition: .5s; transition: .5s; -webkit-transform: translateY(-100%); transform: translateY(-100%); }
@media screen and (max-width: 820px) { .l-header { height: 60px; } }
.l-header.isOn { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.l-header .inner { width: calc(100% - 60px); }
@media screen and (max-width: 820px) { .l-header .inner { width: calc(100% - 20px); } }
.l-header .list-header { gap: 25px; margin-top: 7px; }
@media screen and (max-width: 820px) { .l-header .list-header { gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }
.l-header .list-header > li:nth-child(1) { width: 145px; }
@media screen and (max-width: 820px) { .l-header .list-header > li:nth-child(1) { width: 90px; } }
.l-header .list-header > li:nth-child(2) { width: 64px; }
@media screen and (max-width: 820px) { .l-header .list-header > li:nth-child(2) { width: 46.5px; } }

/* Headroom 共通 */
.headroom { will-change: transform; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; }

/* 通常時：pinned のときは表示（top/not-top問わず） */
.headroom--pinned { -webkit-transform: translateY(0); transform: translateY(0); }

/* 下方向スクロールなどで unpinned のときは隠す */
.headroom--unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

/* ★ top-slide が画面に入っているときは、必ず隠す（Headroom より優先） */
.l-header.is-top-slide-visible { -webkit-transform: translateY(-100%) !important; transform: translateY(-100%) !important; }

/*    main
--------------------------------------------------------------------------------*/
body.body-fixed { position: fixed; width: 100%; height: 100%; left: 0; }

.l-container { position: relative; min-width: 1080px; }
@media screen and (max-width: 820px) { .l-container { min-width: inherit; } }

.l-contents.-no-top-margin { padding-top: 0; }

.l-main ul, .l-main ol { list-style-type: none; padding-left: 0; margin-left: 0; }

@media screen and (max-width: 820px) { .l-main.p-sub { padding-bottom: 80px; } }

img.ofi { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; font-family: 'object-fit: cover; object-position: 50% 50%;'; }
img.ofi-top { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0%; object-position: 50% 0%; font-family: 'object-fit: cover; object-position: 50% 0%;'; }

.inner { margin: auto; width: 1080px; position: relative; }
@media screen and (max-width: 820px) { .inner { width: calc(100vw - 40px); } }
.inner.-wide { width: 100%; }
@media screen and (max-width: 820px) { .inner.-wide.-spInner { width: calc(100vw - 40px); } }
.inner.-middle { width: 980px; }
@media screen and (max-width: 820px) { .inner.-middle { width: calc(100vw - 40px); } }
.inner.-short { width: 650px; }
@media screen and (max-width: 820px) { .inner.-short { width: calc(100vw - 40px); } }

.c-section { padding: 100px 0; }
@media screen and (max-width: 820px) { .c-section { padding: 50px 0; } }
.c-section.-nopd { padding: 0; }
.c-section.-no-margin { maring: 0; padding: 0; }

.l-mainColumn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; width: 1120px; position: relative; margin-top: 90px; }
@media screen and (max-width: 820px) { .l-mainColumn { width: calc(100vw - 40px); display: block; margin-top: 30px; } }
.l-mainColumn.-wide { width: 100%; display: block; margin-top: 0px; }
.l-mainColumn .l-columnContents { -ms-flex-preferred-size: 1080px; flex-basis: 1080px; }
.l-mainColumn .l-columnSide { -ms-flex-preferred-size: 270px; flex-basis: 270px; }
@media screen and (max-width: 820px) { .l-mainColumn .l-columnSide { margin-top: 70px; margin-left: -20px; margin-right: -20px; } }

.l-side_banner { display: none !important; }
@media screen and (max-width: 820px) { .l-side_banner { display: block !important; margin-top: 70px; } }

.l-footer_banner { display: block; }
@media screen and (max-width: 820px) { .l-footer_banner { display: none !important; } }

.c-spSlide { /*
PC版、2カラム、3カラム表示で、SP版スライダー
*/ }
.c-spSlide .slide1_arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.c-spSlide .slide1_arrow_prev { width: 12px; height: 23px; background: url(../img/icon_slide_arrow.svg) no-repeat; background-size: cover; left: -22px; }
.c-spSlide .slide1_arrow_next { width: 12px; height: 23px; background: url(../img/icon_slide_arrow.svg) no-repeat; background-size: cover; right: -22px; -webkit-transform: rotate(-185deg); transform: rotate(-185deg); margin-top: -10px; }

/*
.c-picSlide{ padding-bottom: 60px; @include max-screen($breakpoint-tab) { padding-bottom: 0; } & .list{ & li{ margin: 0 15px; @include max-screen($breakpoint-tab) { margin:0 5px; } & .pic{ width: 720px; height: 480px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; @include max-screen($breakpoint-tab) { width: 340px; height: 226px; } .c-menuModal &{ @include max-screen($breakpoint-tab) { width: 300px; } } &.movie{ position: relative; padding-bottom: 62.5%; padding-top: 30px; height: 0; overflow: hidden; @include max-screen($breakpoint-tab) { height: 226px; } & iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; @include max-screen($breakpoint-tab) { height: 226px; } } } } & .text{ width: 720px; text-align: left; margin-top: 20px; margin-bottom: 0px; @include max-screen($breakpoint-tab) { width: 340px; margin-bottom: 0px; } .c-menuModal &{ @include max-screen($breakpoint-tab) { width: 300px; } } } } }
}
*/
.c-modal { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1100; opacity: 0; visibility: hidden; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-modal.isOn { opacity: 1; visibility: visible; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.c-modal .c-modal_bg, .c-modal .bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 0; }
.c-modal .modalBlock { z-index: 1; }
.c-modal .modalInner2 { background-color: #fff; border-radius: 6px; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; padding: 40px 80px 40px; position: relative; }
@media screen and (max-width: 820px) { .c-modal .modalInner2 { padding: 30px 25px 20px; } }
.c-modal .c-modalClose { width: 22px; height: 22px; display: block; position: absolute; top: 20px; right: 20px; background: url(/assets/img/icon-modal_close.svg) no-repeat; background-size: cover; cursor: pointer; z-index: 1; }
@media screen and (max-width: 820px) { .c-modal .c-modalClose { top: 10px; right: 10px; } }
.c-modal .modalBox { -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; width: 500px; height: 70%; min-height: 500px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1011; }
@media screen and (max-width: 820px) { .c-modal .modalBox { width: 90%; height: 80%; } }
.c-modal.-fitHeight .modalBox { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 600px; }
@media screen and (max-width: 820px) { .c-modal.-fitHeight .modalBox { max-height: calc(100vh - 200px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 600px; }
@media screen and (max-width: 820px) { .c-modal.-fitHeight .modalBox .modalInner { max-height: calc(100vh - 200px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner .modalInner2 { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 600px; }
@media screen and (max-width: 820px) { .c-modal.-fitHeight .modalBox .modalInner .modalInner2 { max-height: calc(100vh - 200px); min-height: inherit; } }

/*    aside
----------------------------------------------------------------------------*/
/*    form
----------------------------------------------------------------------------*/
/*    個別
----------------------------------------------------------------------------*/
.p-top { letter-spacing: -.02em; line-height: 1.8; position: relative; }
.p-top .section-main { padding: 0; width: 100%; height: 768px; }
@media screen and (max-width: 820px) { .p-top .section-main { height: 100vh; } }
.p-top .section-main.-fixed { position: fixed; top: 0; left: 0; z-index: -1; }
@media screen and (max-width: 820px) { .p-top .section-main .inner { overflow: hidden; } }
.p-top .section-main .frame-box { position: relative; }
.p-top .section-main .frame-box::before { z-index: 1; content: ""; position: absolute; height: 20px; top: 0; left: 0; right: 0; background: #d9642c; -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 20px, 0 20px); clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 20px, 0 20px); }
@media screen and (max-width: 820px) { .p-top .section-main .frame-box::before { height: 14px; -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 14px, 0 14px); clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 14px, 0 14px); z-index: 10; } }
.p-top .section-main .frame-box::after { z-index: 1; content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 20px; background: #d9642c; -webkit-clip-path: polygon(0 0, 20px 0, 20px calc(100% - 20px), 0 100%); clip-path: polygon(0 0, 20px 0, 20px calc(100% - 20px), 0 100%); }
@media screen and (max-width: 820px) { .p-top .section-main .frame-box::after { width: 14px; -webkit-clip-path: polygon(0 0, 14px 0, 14px calc(100% - 14px), 0 100%); clip-path: polygon(0 0, 14px 0, 14px calc(100% - 14px), 0 100%); } }
.p-top .section-main .frame-box .right-line { z-index: 1; content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 20px; background: #5893c7; -webkit-clip-path: polygon(0 20px, 20px 0, 20px 100%, 0 100%); clip-path: polygon(0 20px, 20px 0, 20px 100%, 0 100%); }
@media screen and (max-width: 820px) { .p-top .section-main .frame-box .right-line { width: 14px; -webkit-clip-path: polygon(0 14px, 14px 0, 14px 100%, 0 100%); clip-path: polygon(0 14px, 14px 0, 14px 100%, 0 100%); } }
.p-top .section-main .frame-box .bottom-line { z-index: 1; content: ""; position: absolute; height: 20px; bottom: 0; left: 0; right: 0; background: #5893c7; -webkit-clip-path: polygon(20px 0, 100% 0, 100% 20px, 0 20px); clip-path: polygon(20px 0, 100% 0, 100% 20px, 0 20px); }
@media screen and (max-width: 820px) { .p-top .section-main .frame-box .bottom-line { height: 14px; -webkit-clip-path: polygon(14px 0, 100% 0, 100% 14px, 0 14px); clip-path: polygon(14px 0, 100% 0, 100% 14px, 0 14px); } }
.p-top .section-main .top-slide { opacity: 1; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-main .top-slide.isHide { opacity: 0; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.p-top .section-main .top-slide .list-item { position: relative; width: 100%; height: 768px; overflow: hidden; background: transparent no-repeat center center / cover; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item { height: 100vh; } }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item0 { background-position: center top; } }
.p-top .section-main .top-slide .list-item.-item0 span { color: #232323; font-weight: 300; line-height: 1; position: absolute; bottom: 0px; text-align: right; white-space: nowrap; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item0 span { text-align: center; width: 100%; margin: auto; display: block; } }
.p-top .section-main .top-slide .list-item.-item0 .text1 { font-size: 34px; right: 92px; bottom: 196px; letter-spacing: .26em; /* font-weight: 300; */ }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item0 .text1 { font-size: 28px; bottom: inherit; top: 253px; right: 0; left: 0; } }
.p-top .section-main .top-slide .list-item.-item0 .text2 { font-size: 22px; bottom: 146px; right: 83px; letter-spacing: .05em; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item0 .text2 { white-space: inherit; font-size: 18px; top: 299px; bottom: inherit; line-height: 2; letter-spacing: .1em; right: 0; left: 0; } }
.p-top .section-main .top-slide .list-item.-item2 { background-position: center top; }
.p-top .section-main .top-slide .list-item.-item2 .-lead { font-size: 126px; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item2 .-lead { font-size: 85px; bottom: 30px; left: 20px; letter-spacing: -.02em; } }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item2 .-lead .sub { padding-right: 0; padding-left: 30px; } }
.p-top .section-main .top-slide .list-item.-item4 .-lead { font-size: 126px; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item4 .-lead { font-size: 85px; bottom: 30px; left: 20px; letter-spacing: -.02em; } }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item.-item4 .-lead .sub { padding-right: 0; padding-left: 30px; } }
.p-top .section-main .top-slide .list-item .-lead { line-height: 1; font-size: 145px; position: absolute; bottom: 94px; right: 40px; color: #fff; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item .-lead { font-size: 85px; text-align: left; right: inherit; left: 30px; bottom: 15px; font-weight: 400; line-height: 0.9; } }
.p-top .section-main .top-slide .list-item .-lead .sub { font-size: 105px; font-weight: 500; padding: 0 35px; }
@media screen and (max-width: 820px) { .p-top .section-main .top-slide .list-item .-lead .sub { font-size: 60px; font-weight: 500; padding: 0; padding-right: 20px; } }
.p-top .section-main .-badge { background-color: #fff; position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: auto; margin-left: -33.3333%; width: 320px; height: 550px; padding: 20px 40px; text-align: center; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.14); box-shadow: 0 0 6px rgba(0, 0, 0, 0.14); }
@media screen and (max-width: 820px) { .p-top .section-main .-badge { -webkit-transform: translateX(0%); transform: translateX(0%); bottom: inherit; top: 14px; left: 14px; margin-left: 0; width: calc(100% - 28px); height: inherit; padding: 8px 10px 20px 12px; z-index: 9; text-align: left; } }
@media screen and (max-width: 700px) { .p-top .section-main .-badge { -webkit-transform: translateX(0%); transform: translateX(0%); bottom: inherit; top: 14px; left: 14px; margin-left: 0; width: calc(100% - 28px); height: inherit; padding: 8px 10px 20px 12px; z-index: 11; text-align: left; } }
.p-top .section-main .-badge .-inner { position: relative; }
.p-top .section-main .-badge .bg-melody { position: absolute; bottom: -25px; left: -40px; width: calc(100% + 80px); aspect-ratio: 640 / 302; background: url(../img/bg-melody1.png) no-repeat center bottom/contain; z-index: -1; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .bg-melody { background-image: url(../img/bg-melody1-sp.png); width: calc(100% + 22px); left: -12px; bottom: -20px; } }
@media screen and (max-width: 700px) { .p-top .section-main .-badge .bg-melody { background-image: url(../img/bg-melody1-sp.png); width: calc(100% + 22px); left: -12px; bottom: -20px; } }
.p-top .section-main .-badge .logo1 { width: 145px; margin: auto; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .logo1 { width: 150px; margin-left: 3px; } }
.p-top .section-main .-badge .text1 { font-size: 35px; font-weight: 300; line-height: 1.4; margin: 22px 0px 23px; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text1 { font-size: 24px; line-height: 1.3; letter-spacing: .04em; margin: 12px 0px 0px; } }
.p-top .section-main .-badge .text1 span.sub { font-size: 25px; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text1 span.sub { font-size: 18px; } }
.p-top .section-main .-badge .text1 span.sub2 { letter-spacing: .098em; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text1 span.sub2 { letter-spacing: .2em; } }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text1 span.sen { letter-spacing: -.08em; margin-left: -.08em; } }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .logo2 { position: absolute; top: -15px; right: -0px; width: 146px; z-index: 1; } }
.p-top .section-main .-badge .text2 { font-size: 16px; font-weight: 300; line-height: 1.3; margin-top: 16px; letter-spacing: .22em; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text2 { font-size: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; margin-left: 1px; line-height: 1; font-weight: 400; } }
.p-top .section-main .-badge .text2 .c-flex { letter-spacing: .3em; margin-bottom: 3px; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text2 .c-flex { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; margin-right: 3px; font-weight: 400; margin-top: 3px; } }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text2 .c-flex > li:nth-child(1) { padding-top: 0px; } }
.p-top .section-main .-badge .text2 .c-flex > li:nth-child(3) { margin-left: -3px; margin-right: -3px; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text2 .c-flex > li:nth-child(3) { margin-left: 0px; margin-right: 0px; line-height: 1; padding-top: 0px; } }
.p-top .section-main .-badge .text2 .sub { font-size: 24px; }
@media screen and (max-width: 820px) { .p-top .section-main .-badge .text2 .sub { font-size: 12px; line-height: 1; } }
.p-top .section-main .-badge .text2 .sub.-orange { color: #d9642c; }
.p-top .section-main .-badge .text2 .sub.-blue { color: #5893c7; }
.p-top .section-main .js-contact { opacity: 1; -webkit-transition: .3s; transition: .3s; }
.p-top .section-main .js-contact.isOff { opacity: 0; -webkit-transition: .3s; transition: .3s; }
.p-top .section-main .-contact { width: 200px; position: fixed; top: 30px; right: 30px; -webkit-transition: .3s ease; transition: .3s ease; -webkit-transform: scale(0.9); transform: scale(0.9); z-index: 10001; display: block; }
@media screen and (max-width: 820px) { .p-top .section-main .-contact { width: 140px; top: inherit; bottom: 1px; right: 1px; } }
.p-top .section-main .-contact:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease; transition: .3s ease; opacity: 1; }
@media screen and (max-width: 820px) { .p-top .section-main .-contact:hover { -webkit-transform: scale(1); transform: scale(1); } }
.p-top .section-content01 { padding-bottom: 140px; }
@media screen and (max-width: 820px) { .p-top .section-content01 { padding-bottom: 42px; } }
.p-top .section-content01 .bg-melody2 { position: absolute; top: 350px; right: 0px; width: 47.5%; aspect-ratio: 227.894 / 133.703; background: url(../img/bg-melody2.svg) no-repeat center bottom/contain; z-index: -1; }
@media screen and (max-width: 820px) { .p-top .section-content01 .bg-melody2 { aspect-ratio: 375 / 220; top: 17.5%; right: 0px; width: 100%; } }
.p-top .section-content01 .bg-melody3 { position: absolute; top: 1553px; left: 0px; width: 48.5%; aspect-ratio: 232.481 / 133.703; background: url(../img/bg-melody3.svg) no-repeat center bottom/contain; z-index: -1; }
@media screen and (max-width: 820px) { .p-top .section-content01 .bg-melody3 { aspect-ratio: 375 / 220; top: 32.1%; left: 0px; width: 100%; } }
.p-top .section-content01 .bg-melody4 { position: absolute; bottom: -150px; left: 0px; width: 52.5%; aspect-ratio: 254.706 / 133.703; background: url(../img/bg-melody4.svg) no-repeat center bottom/contain; z-index: -1; }
@media screen and (max-width: 820px) { .p-top .section-content01 .bg-melody4 { display: none; } }
.p-top .section-content01 .list01 { gap: 100px; margin-left: 100px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .list01 { margin-left: inherit; width: calc(100vw - 40px); margin: auto; } }
.p-top .section-content01 .list01 > li:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.p-top .section-content01 .list01 > li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 295px; flex-basis: 295px; margin-top: -40px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .list01 > li:nth-child(2) { margin-top: 26px; } }
@media screen and (max-width: 820px) { .p-top .section-content01 .list01 > li:nth-child(2) img { width: 156px; display: block; margin: auto; } }
.p-top .section-content01 .list01 > li .-title { font-size: 34px; line-height: 1.8; letter-spacing: .2em; margin-bottom: 40px; font-weight: 400; }
@media screen and (max-width: 820px) { .p-top .section-content01 .list01 > li .-title { font-size: 24px; font-weight: 400; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; line-height: 1.9; } }
.p-top .section-content01 .list01 > li .-text { font-size: 18px; font-weight: 400; letter-spacing: .02em; line-height: 2.2; }
@media screen and (max-width: 820px) { .p-top .section-content01 .list01 > li .-text { font-size: 16px; margin-left: 0; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: .06em; line-height: 2.13; } }
.p-top .section-content01 .list01 > li .-head { font-size: 22px; line-height: 1; text-align: center; margin-top: 30px; white-space: nowrap; }
@media screen and (max-width: 820px) { .p-top .section-content01 .list01 > li .-head { font-size: 20px; margin-top: 20px; } }
.p-top .section-content01 .list01 > li .-head span.cam { letter-spacing: .04em; }
.p-top .section-content01 .contentSection01 { margin-top: 157px; margin-bottom: 443px; position: relative; min-height: 1111px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 { min-height: 620px; margin-bottom: 110px; } }
.p-top .section-content01 .contentSection01 .pic { position: absolute; left: 50%; top: 0; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic { left: inherit; } }
.p-top .section-content01 .contentSection01 .pic1 { width: 672px; top: 0px; margin-left: -581px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic1 { width: 274px; top: 0px; margin-left: 0; } }
.p-top .section-content01 .contentSection01 .pic2 { width: 464px; top: 156px; margin-left: 119px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic2 { width: 190px; top: 97px; right: 0; margin-left: 0; } }
.p-top .section-content01 .contentSection01 .pic3 { width: 320px; top: 326px; margin-left: -624px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic3 { width: 130px; top: 164px; left: 36px; margin-left: 0; } }
.p-top .section-content01 .contentSection01 .pic4 { width: 464px; top: 616px; margin-left: -584px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic4 { width: 190px; top: 388px; margin-left: 0; z-index: 1; } }
.p-top .section-content01 .contentSection01 .pic5 { width: 360px; top: 906px; margin-left: -479px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic5 { width: 130px; top: 577px; left: 40px; margin-left: 0; z-index: 1; } }
.p-top .section-content01 .contentSection01 .pic6 { width: 672px; top: 672px; margin-left: -89px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic6 { width: 274px; top: 453px; right: 0px; margin-left: 0; } }
.p-top .section-content01 .contentSection01 .pic7 { width: 320px; top: 511px; margin-left: 303px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .pic7 { width: 130px; top: 362px; right: 37px; margin-left: 0; } }
.p-top .section-content01 .contentSection01 .-title { font-size: 30px; text-align: center; font-weight: 300; letter-spacing: .2em; margin-top: -50px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .-title { font-size: 16px; margin-top: -20px; } }
.p-top .section-content01 .contentSection01 .-title span { font-size: 60px; font-weight: 200; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .-title span { font-size: 28px; } }
.p-top .section-content01 .contentSection01 .-title .sub1 { color: #d9642c; padding-left: 10px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .-title .sub1 { padding-left: 5px; } }
.p-top .section-content01 .contentSection01 .-title .sub2 { color: #5893c7; padding-right: 10px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection01 .-title .sub2 { padding-right: 5px; } }
.p-top .section-content01 .contentSection02, .p-top .section-content01 .contentSection03 { width: 993px; margin: auto; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02, .p-top .section-content01 .contentSection03 { width: 100%; } }
.p-top .section-content01 .contentSection02 .-inner, .p-top .section-content01 .contentSection03 .-inner { position: relative; background-color: #f4f4f4; padding: 62px 90px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .-inner, .p-top .section-content01 .contentSection03 .-inner { padding: 40px 36px 130px; } }
.p-top .section-content01 .contentSection02 .-title, .p-top .section-content01 .contentSection03 .-title { font-size: 28px; font-weight: 400; line-height: 1.7; margin-bottom: 39px; letter-spacing: .06em; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .-title, .p-top .section-content01 .contentSection03 .-title { font-size: 20px; margin-bottom: 20px; } }
.p-top .section-content01 .contentSection02 .-title.-orange, .p-top .section-content01 .contentSection03 .-title.-orange { color: #d9642c; }
.p-top .section-content01 .contentSection02 .-title.-blue, .p-top .section-content01 .contentSection03 .-title.-blue { color: #5893c7; }
.p-top .section-content01 .contentSection02 .-text, .p-top .section-content01 .contentSection03 .-text { width: 360px; margin-bottom: 30px; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .-text, .p-top .section-content01 .contentSection03 .-text { width: 100%; margin-bottom: 14px; } }
.p-top .section-content01 .contentSection02 .c-indent, .p-top .section-content01 .contentSection03 .c-indent { font-size: 10px; }
.p-top .section-content01 .contentSection02 .pic, .p-top .section-content01 .contentSection03 .pic { position: absolute; mix-blend-mode: multiply; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .pic, .p-top .section-content01 .contentSection03 .pic { position: relative; } }
.p-top .section-content01 .contentSection02 .illust, .p-top .section-content01 .contentSection03 .illust { position: absolute; top: 0; left: 50%; mix-blend-mode: multiply; }
.p-top .section-content01 .contentSection02 .-inner { margin-left: -88px; width: 100%; padding-left: 70px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .-inner { width: calc(100vw - 40px); margin: auto; padding-left: 36px; } }
.p-top .section-content01 .contentSection02 .-text { width: 334px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .-text { width: 100%; } }
.p-top .section-content01 .contentSection02 .pic { top: -191px; right: -174px; width: 668px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .pic { margin-left: 0; width: calc(100% + 30px); top: inherit; right: inherit; position: absolute; bottom: inherit; left: inherit; position: relative; margin-bottom: -390px; } }
@media screen and (max-width: 700px) { .p-top .section-content01 .contentSection02 .pic { margin-left: 0; width: calc(100% + -20px); top: inherit; right: inherit; position: absolute; bottom: 196px; left: 11px; } }
.p-top .section-content01 .contentSection02 .illust1 { width: 174px; margin-left: -165px; top: 2px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .illust1 { margin-left: 0; width: 115px; top: 11px; left: inherit; right: 1px; } }
.p-top .section-content01 .contentSection02 .illust2 { width: 126px; margin-left: 516px; top: -315px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .illust2 { margin-left: 0; width: 78px; top: 905px; left: inherit; right: 76px; } }
@media screen and (max-width: 700px) { .p-top .section-content01 .contentSection02 .illust2 { margin-left: 0; width: 78px; top: 675px; left: inherit; right: 76px; } }
.p-top .section-content01 .contentSection02 .illust3 { width: 140px; margin-left: 193px; top: 423px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .illust3 { margin-left: 0; width: 85px; top: 913px; left: 286px; } }
@media screen and (max-width: 700px) { .p-top .section-content01 .contentSection02 .illust3 { margin-left: 0; width: 85px; top: 688px; left: 66px; } }
.p-top .section-content01 .contentSection02 .kado1 { width: 420px; aspect-ratio: 420 / 236; background: url(../img/kado1.png) no-repeat center center/contain; position: absolute; top: 0; left: 0; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection02 .kado1 { width: 237px; aspect-ratio: 237 / 146; background-image: url(../img/kado1-sp.png); } }
.p-top .section-content01 .contentSection03 { margin-top: 257px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection03 { margin-top: 404px; } }
.p-top .section-content01 .contentSection03 .-inner { margin-left: 85px; width: 100%; padding-left: 563px; padding-right: 0; padding-top: 51px; padding-bottom: 53px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection03 .-inner { padding: 60px 36px 160px; margin-left: 0; width: calc(100vw - 40px); margin: auto; } }
.p-top .section-content01 .contentSection03 .-title { margin-bottom: 30px; }
.p-top .section-content01 .contentSection03 .-text { width: 352px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection03 .-text { width: 100%; } }
.p-top .section-content01 .contentSection03 .pic { width: 714px; top: -146px; left: -172px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection03 .pic { top: inherit; left: inherit; width: 100%; position: relative; bottom: inherit; margin-bottom: -220px; } }
@media screen and (max-width: 700px) { .p-top .section-content01 .contentSection03 .pic { top: inherit; left: 0; width: 100%; position: absolute; bottom: -125px; margin-bottom: 0; } }
.p-top .section-content01 .contentSection03 .illust4 { width: 188px; margin-left: calc(418px - 85px); top: -66px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection03 .illust4 { margin-left: 0; left: -11px; width: 94px; top: -25px; } }
.p-top .section-content01 .contentSection03 .kado2 { width: 420px; aspect-ratio: 420 / 236; background: url(../img/kado2.png) no-repeat center center/contain; position: absolute; bottom: 0; right: -1px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection03 .kado2 { background-image: url(../img/kado2-sp.png); background-position: right top; width: 237px; aspect-ratio: 237 / 146; bottom: inherit; top: 0; } }
.p-top .section-content01 .contentSection04 { width: 993px; margin: auto; margin-top: 177px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 { width: calc(100vw - 40px); margin: auto; margin-top: 204px; } }
.p-top .section-content01 .contentSection04 .-inner { position: relative; background-color: #f4f4f4; padding: 20px 85px 80px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner { padding: 20px 20px 60px; } }
.p-top .section-content01 .contentSection04 .-inner .kado3 { position: absolute; top: 0; left: 0; background: url(../img/kado3.png) no-repeat center center/contain; width: 420px; aspect-ratio: 420 / 236; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .kado3 { left: -1px; width: 237px; aspect-ratio: 237 / 146; background-image: url(../img/kado3-sp.png); background-position: left top; } }
.p-top .section-content01 .contentSection04 .-inner .kado4 { position: absolute; bottom: 0; right: -1px; background: url(../img/kado4.png) no-repeat center center/contain; width: 420px; aspect-ratio: 420 / 236; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .kado4 { width: 237px; aspect-ratio: 237 / 146; background-image: url(../img/kado4-sp.png); background-position: right bottom; } }
.p-top .section-content01 .contentSection04 .-inner .title { font-size: 80px; text-align: center; position: relative; color: #fff; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .title { font-size: 52px; line-height: 1; margin-top: 10px; } }
.p-top .section-content01 .contentSection04 .-inner .title span { display: block; font-size: 18px; line-height: 1; position: absolute; top: 85px; left: 0; right: 0; margin: auto; color: #232323; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .title span { font-size: 11px; top: 26px; } }
@media screen and (max-width: 700px) { .p-top .section-content01 .contentSection04 .-inner .title span { font-size: 11px; top: 50px; } }
.p-top .section-content01 .contentSection04 .-inner .-title { text-align: center; color: #d9642c; margin-top: -18px; line-height: 1.7; letter-spacing: .02em; margin-bottom: 83px; font-weight: 400; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .-title { margin-top: 0; margin-bottom: 72px; } }
.p-top .section-content01 .contentSection04 .-inner .head { text-align: center; font-size: 20px; letter-spacing: .05em; border-bottom: 1px solid; position: relative; padding-bottom: 3px; margin-bottom: 30px; font-weight: 400; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .head { font-size: 16px; font-weight: 400; padding-bottom: 5px; margin-bottom: 20px; } }
.p-top .section-content01 .contentSection04 .-inner .head.-orange { border-color: #d9642c; }
.p-top .section-content01 .contentSection04 .-inner .head.-orange::before { content: ""; display: block; width: 11px; height: 25px; background: url(../img/c4-fig1.png) no-repeat center center/cover; position: absolute; left: 0; right: 0; top: -36px; margin: auto; }
.p-top .section-content01 .contentSection04 .-inner .head.-blue { border-color: #5893c7; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .head.-blue { letter-spacing: -.0em; } }
.p-top .section-content01 .contentSection04 .-inner .head.-blue::before { content: ""; display: block; width: 17px; height: 18px; background: url(../img/c4-fig2.png) no-repeat center center/cover; position: absolute; left: 0; right: 0; top: -36px; margin: auto; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 { gap: 40px; margin-bottom: 107px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_01 { display: block; margin-bottom: 94px; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(1) { -ms-flex-preferred-size: 284px; flex-basis: 284px; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) { text-align: center; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .pic { width: 350px; margin-top: 10px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .pic { width: 100%; margin-bottom: 10px; }
  .p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .pic img { width: 290px; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .-text { position: absolute; top: 0; left: 220px; font-weight: 500; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .-text { position: relative; top: inherit; left: inherit; font-size: 16px; margin-bottom: 9px; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .-text span { font-size: 12px; display: block; font-weight: normal; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .-text span { display: inline; margin-left: 5px; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .c-indent { font-size: 10px; position: absolute; top: 125px; left: 220px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_01 > li:nth-child(2) .c-indent { position: relative; top: inherit; left: inherit; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_02 { display: block; } }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_02 + .c-indent { margin-top: 20px; font-size: 10px; text-align: center; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li { position: relative; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(1) { -ms-flex-preferred-size: 285px; flex-basis: 285px; width: 285px; margin-right: 30px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(1) { margin-right: 0; width: 100%; margin-right: 0; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(1) .c-indent { font-size: 10px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: -.02em; position: absolute; bottom: 0; line-height: 1; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(2) { -ms-flex-preferred-size: 240px; flex-basis: 240px; width: 240px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(2) { width: 247px; margin: auto; margin-top: 17px; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) { -ms-flex-preferred-size: 247px; flex-basis: 247px; width: 247px; background-color: #dee9f4; padding: 10px 10px 10px; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) { margin: auto; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) .head2 { font-size: 14px; font-weight: bold; color: #5893c7; text-align: center; margin: 5px auto 9px; font-weight: 400; }
@media screen and (max-width: 820px) { .p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) .head2 { font-weight: 400; } }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) .c-indent { background-color: #fff; font-size: 14px; padding: 20px 10px; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) .c-indent > li { position: relative; padding-left: 12px; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) .c-indent > li::before { content: ""; display: block; border-radius: 100%; width: 6px; height: 6px; background: #5893c7; position: absolute; left: -12px; top: 10px; }
.p-top .section-content01 .contentSection04 .-inner .list-c4_02 > li:nth-child(3) .c-indent > li + li { margin-top: 10px; }
.p-top .section-content01 .contentSection04 .-inner .p-element01 { width: 100%; margin: auto !important; }
.p-top .section-content02 .inner { width: 890px; margin: auto; }
@media screen and (max-width: 820px) { .p-top .section-content02 .inner { width: calc(100vw - 40px); } }
.p-top .section-content02 .-title { font-size: 34px; font-weight: 400; line-height: 1.8; letter-spacing: 0.16em; text-align: center; margin-bottom: 66px; }
@media screen and (max-width: 820px) { .p-top .section-content02 .-title { font-size: 18px; line-height: 1.7; margin-bottom: 28px; } }
.p-top .section-content02 .list { gap: 50px; }
@media screen and (max-width: 820px) { .p-top .section-content02 .list { display: block; } }
@media screen and (max-width: 820px) { .p-top .section-content02 .list > li + li { margin-top: 34px; } }
.p-top .section-content02 .list > li:nth-child(1) { -ms-flex-preferred-size: 440px; flex-basis: 440px; }
.p-top .section-content02 .list > li:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.p-top .section-content02 .list > li .-head { font-size: 22px; font-weight: 400; margin-top: -5px; margin-bottom: 15px; letter-spacing: .1em; }
@media screen and (max-width: 820px) { .p-top .section-content02 .list > li .-head { text-align: center; font-weight: 400; margin-bottom: 21px; } }
.p-top .section-content02 .list > li .-head span { font-size: 32px; color: #00a7cb; }
@media screen and (max-width: 820px) { .p-top .section-content02 .list > li .-text { font-size: 14px; } }
.p-top .section-content02 .list.-reverse { margin-top: 70px; }
@media screen and (max-width: 820px) { .p-top .section-content02 .list.-reverse { margin-top: 60px; } }
.p-top .section-content02 .list.-reverse > li:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
@media screen and (max-width: 820px) { .p-top .section-content02 .list.-reverse > li:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
.p-top .section-content02 .list.-reverse > li:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: -70px; }
@media screen and (max-width: 820px) { .p-top .section-content02 .list.-reverse > li:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 34px; } }
.p-top .section-contact { border-top: 10px solid #232323; background: url(../img/bg-contact.png) no-repeat center center/cover; border-top: 10px solid #d9642c; border-bottom: 10px solid #5893c7; padding: 45px 0 35px; }
@media screen and (max-width: 820px) { .p-top .section-contact { padding-bottom: 55px; } }
.p-top .section-contact .wrap { text-align: center; }
.p-top .section-contact .wrap .text1 { font-size: 20px; }
@media screen and (max-width: 820px) { .p-top .section-contact .wrap .text1 { font-size: 16px; } }
.p-top .section-contact .wrap .text2 { font-size: 28px; letter-spacing: .06em; }
@media screen and (max-width: 820px) { .p-top .section-contact .wrap .text2 { font-size: 22px; margin-top: 10px; margin-bottom: 18px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } }
.p-top .section-contact .wrap .text3 { font-size: 16px; margin-top: -2px; margin-bottom: 37px; }
@media screen and (max-width: 820px) { .p-top .section-contact .wrap .text3 { margin-bottom: 27px; } }
.p-top .section-contact .wrap a { display: block; position: relative; font-size: 22px; line-height: 1; background-color: #232323; color: #fff; padding: 29px 10px; width: 500px; margin: auto; }
@media screen and (max-width: 820px) { .p-top .section-contact .wrap a { width: 100%; font-size: 16px; padding: 32px 10px; padding-right: 25px; } }
.p-top .section-contact .wrap a::before { content: ""; display: block; border-color: #fff; position: absolute; top: 50%; right: 10px; width: 12px; height: 12px; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

/*    footer
----------------------------------------------------------------------------*/
.pagetop { display: none; position: absolute; bottom: 20px; right: 30px; z-index: 100; cursor: pointer; }
@media screen and (max-width: 820px) { .pagetop { right: 12px; bottom: 30px; } }

.pagetop.fixedF { position: fixed; }

.pagetop a { color: #232323; text-decoration: none; text-align: center; position: relative; display: block; width: 13px; height: 86px; }
.pagetop a::before { content: ""; display: block; width: 13px; height: 86px; background: url(/assets/img/icon-pagetop.svg) no-repeat; background-size: cover; position: absolute; margin: auto; }

.l-footer { position: relative; background-color: #fff; padding-bottom: 40px; }
.l-footer .inner { padding: 40px 50px 0; }
@media screen and (max-width: 820px) { .l-footer .inner { padding: 50px 0px 0px; } }
.l-footer .list-footer1 { padding: 0 50px; }
@media screen and (max-width: 820px) { .l-footer .list-footer1 { padding: 0; display: block; margin-left: 35.4%; } }
@media screen and (max-width: 700px) { .l-footer .list-footer1 { padding: 0; display: block; margin-left: 19%; } }
.l-footer .list-footer1 > li:nth-child(1) { -ms-flex-preferred-size: 440px; flex-basis: 440px; margin-right: auto; }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li:nth-child(1) { width: 290px; } }
.l-footer .list-footer1 > li .list-footerNav1 { gap: 60px; line-height: 1; padding-bottom: 4px; }
@media all and (max-width: 1195px) { .l-footer .list-footer1 > li .list-footerNav1 { gap: 10px; } }
@media all and (max-width: 1088px) { .l-footer .list-footer1 > li .list-footerNav1 { margin-top: 20px; } }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li .list-footerNav1 { display: block; padding-bottom: 0px; margin-top: 0; } }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li .list-footerNav1 > li { margin-top: 0px; } }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li .list-footerNav1 > li + li { margin-top: 30px; } }
.l-footer .list-footer1 > li .list-footerNav1 > li a { font-size: 18px; }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li .list-footerNav1 > li a { font-size: 16px; } }
.l-footer .list-footer1 > li .list-footerNav1 > li a span { font-size: 14px; margin-left: 0px; position: relative; }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li .list-footerNav1 > li a span { font-size: 12px; } }
.l-footer .list-footer1 > li .list-footerNav1 > li a span::before, .l-footer .list-footer1 > li .list-footerNav1 > li a span::after { content: "-"; display: inline; font-size: 18px; margin: auto 5px; }
@media screen and (max-width: 820px) { .l-footer .list-footer1 > li .list-footerNav1 > li a span::before, .l-footer .list-footer1 > li .list-footerNav1 > li a span::after { font-size: 12px; } }
.l-footer .list-footer2 { margin-top: 46px; }
@media screen and (max-width: 820px) { .l-footer .list-footer2 { margin-top: 40px; display: block; } }
@media screen and (max-width: 820px) { .l-footer .list-footer2 > li:nth-child(2) { margin-top: 50px; }
  .l-footer .list-footer2 > li:nth-child(2) a { display: block; width: 252px; margin: auto; margin-bottom: 20px; } }
.l-footer .list-footer2 > li .list-footerNav2 { gap: 40px; line-height: 1; }
@media all and (max-width: 1195px) { .l-footer .list-footer2 > li .list-footerNav2 { gap: 10px; } }
@media all and (max-width: 1135px) { .l-footer .list-footer2 > li .list-footerNav2 { margin-bottom: 10px; } }
@media screen and (max-width: 820px) { .l-footer .list-footer2 > li .list-footerNav2 { display: block; margin-left: 35.4%; margin-bottom: 0px; } }
@media screen and (max-width: 700px) { .l-footer .list-footer2 > li .list-footerNav2 { display: block; margin-left: 19%; margin-bottom: 0px; } }
@media screen and (max-width: 820px) { .l-footer .list-footer2 > li .list-footerNav2 > li { margin-top: 20px; } }
@media screen and (max-width: 820px) { .l-footer .list-footer2 > li .list-footerNav2 > li:nth-child(3) { margin-top: 30px; margin-bottom: 30px; } }
.l-footer .list-footer2 > li .list-footerNav2 > li a { font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
@media screen and (max-width: 820px) { .l-footer .list-footer2 > li .list-footerNav2 > li a { font-size: 12px; } }
.l-footer .list-footer2 > li .list-footerNav2 > li a::after { display: block; margin-top: 1px; }
.l-footer .copyright { line-height: 1; font-size: 12px; letter-spacing: .12em; }
@media screen and (max-width: 820px) { .l-footer .copyright { font-size: 10px; text-align: center; letter-spacing: .06em; line-height: 1.4; } }
.l-footer .copyright small { font-size: 100%; }

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