@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
@import url(../icomoon/style.css);
@import "https://cdn.jsdelivr.net/fontawesome/4.7.0/css/font-awesome.min.css";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

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

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

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

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

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

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

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

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

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

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

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

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

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

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

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

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

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

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

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

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

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

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

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

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

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

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

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

/**************************************************
	mixins
***************************************************/
/*
/* Custom easing functions.
/* http://easings.net/ja
/* http://webdesign-dackel.com/2015/04/04/sass-easing-variables/
*/
/**************************************************
 constants 定数やフォントを定義
***************************************************/
/* font-size */
/* Colors */
/* Viewport */
/* font mixins */
/**************************************************
  helpers
***************************************************/
._clearfix { zoom: 1; }

._clearfix:after { content: ''; display: block; clear: both; overflow: auto; }

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

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

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

._float-l { float: left !important; }

._float-r { float: right !important; }

._clear { clear: both !important; }

._hidden { display: none !important; }

._disp-ib { display: inline-block !important; }

._margin0 { margin: 0 !important; }

._marginT10 { margin-top: 10px; }

._marginT20 { margin-top: 20px; }

._marginT30 { margin-top: 30px; }

._marginT40 { margin-top: 40px; }

._marginT50 { margin-top: 50px; }

._marginT60 { margin-top: 60px; }

._marginT70 { margin-top: 70px; }

._marginT80 { margin-top: 80px; }

._padding0 { padding: 0 !important; }

._border0 { border: none !important; }

._fixed { position: fixed !important; }

._absolute { position: absolute !important; }

._static { position: static !important; }

._xsmall { font-size: 75% !important; }

._small { font-size: 88% !important; }

._large { font-size: 113% !important; }

._xlarge { font-size: 133% !important; }

._nowrap { white-space: nowrap !important; }

._nobg { background: none !important; }

._full { width: 100% !important; }

/**************************************************
 components
***************************************************/
/**************************************************
 components - title
***************************************************/
/* 基本タイトル */
.basic-title { font-weight: 600; line-height: 1.2; }

.basic-title.-lineUnder, .basic-title-lineUnder { position: relative; padding-bottom: 20px; font-size: 200%; }

.basic-title.-lineUnder::after, .basic-title-lineUnder::after { position: absolute; bottom: 0; left: 0; display: block; width: 100px; height: 4px; background-color: #111; content: ''; }

.basic-title.-lineLeft, .basic-title-lineLeft { position: relative; padding-left: 42px; font-size: 125%; }

.basic-title.-lineLeft::after, .basic-title-lineLeft::after { position: absolute; top: 1em; left: 0; display: block; width: 32px; height: 2px; margin-top: -3px; background-color: #111; content: ''; }

.basic-title.-big { font-size: 175%; }

.basic-title.-large { font-size: 150%; }

.basic-title.-midium { font-size: 112.5%; }

/* セクションタイトル */
.section-title { line-height: 1.15; font-size: 1em; text-align: center; }

.section-title > .main { display: block; font-size: 200%; font-weight: 700; letter-spacing: 1px; margin: 10px 0; }

.section-title > .main.-big { font-size: 262.5%; }

.section-title > .sub { display: block; font-size: 150%; font-weight: 500; letter-spacing: 1px; margin: 10px 0; }

.section-title > .sub.-midium { font-size: 112.5%; }

.category-lead > .head { margin: 10px 0; font-size: 200%; font-weight: 700; letter-spacing: 1px; text-align: center; }

.category-lead > .lead { margin: 50px 0 0; line-height: 2; text-align: left; }

@media screen and (max-width: 788px) { /* 基本タイトル */
  .basic-title.-lineUnder { font-size: 156.25%; }
  .basic-title.-lineLeft { font-size: 112.5%; }
  .basic-title.-big { font-size: 137.5%; }
  .basic-title.-large { font-size: 112.5%; }
  .basic-title.-midium { font-size: 100%; }
  /* セクションタイトル */
  .section-title > .main { font-size: 156.25%; }
  .section-title > .main.-big { font-size: 200%; }
  .section-title > .sub { font-size: 112.5%; }
  .section-title > .sub.-midium { font-size: 100%; }
  .category-lead { line-height: 1.3; }
  .category-lead > .head { font-size: 156.25%; }
  .category-lead > .lead { font-size: 93.75%; margin-top: 20px; } }

/**************************************************
 components - btn
***************************************************/
.basic-btn { background-color: #111; color: #fff; display: inline-block; padding: 1.4em 3em 1.5em; font-weight: 500; line-height: 1; font-size: 112.5%; text-align: center; position: relative; cursor: pointer; border: none; border-radius: 0; }

.basic-btn:hover { color: #fff; }

.basic-btn.-noclick { cursor: default; }

.basic-btn.-noclick:hover { opacity: 1; }

.basic-btn.-passive { color: #999; border: solid 2px #ccc; background-color: #fff; }

.basic-btn.-icon-up::after, .basic-btn.-icon-right::after, .basic-btn.-icon-down::after, .basic-btn.-icon-left::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; position: absolute; width: 1em; height: 1em; top: 0; bottom: 0; margin: auto 0; right: 1em; left: auto; }

.basic-btn.-icon-up::after { content: "\e911"; }

.basic-btn.-icon-right::after { content: "\e910"; }

.basic-btn.-icon-down::after { content: "\e90f"; }

.basic-btn.-icon-left::after { content: "\e90e"; }

.basic-btn.-left::after { right: auto; left: 1.2em; }

.basic-btn.-white { background-color: #fff; border: solid 2px #111; color: #111; }

.basic-btn.-gray { background-color: #444; }

.basic-btn.-medium-gray { background-color: #999; }

.basic-btn.-light-gray { background-color: #ccc; color: #111; }

.basic-btn.-slim { font-size: 100%; padding-top: 0.95em; padding-bottom: 1.05em; }

.basic-btn.-slim::after { font-size: 84.375%; line-height: 1.1; }

.basic-btn.-big { display: block; min-width: 0; max-width: 22.3em; margin: 0 auto; font-size: 150%; padding: 1.55em 3em 1.6em; }

.basic-btn.-bdrGray { padding: 1.18em 2.8em 1.28em; border: solid 4px #ccc; }

@media screen and (max-width: 788px) { .basic-btn { font-size: 100%; }
  .basic-btn.-big { font-size: 118.75%; padding: 1.55em 2em 1.6em; } }

/**************************************************
 components - box
***************************************************/
.basic-box { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; border: solid 1px #666; position: relative; }

.basic-box > .inner { max-width: 1020px; margin-left: auto; margin-right: auto; overflow: hidden; }

.basic-box.-padding0 { padding: 0; }

.basic-box.-fill { background-color: #eee; }

.basic-box.-white { background-color: #fff; }

.basic-box.-heavy { border-width: 5px; }

.basic-box.-bdr0 { border: none; }

.basic-box.-bdr2 { border-width: 2px; }

.basic-box.-bdr6 { border-width: 6px; }

.basic-box.-bdrGray { border-color: #eee; }

.basic-box.-bdrGray2 { border-color: #ddd; }

.flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-box.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex-box.-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 640px) { .flex-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .flex-box.-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.caption-box > .head { margin: 15px 0 0; font-size: 87.5%; line-height: 1.7; font-weight: 600; text-align: left; }

.caption-box > .head + .body { margin-top: 7px; }

.caption-box > .body { margin-top: 15px; margin-bottom: 0; font-size: 87.5%; line-height: 1.7; text-align: left; }

.caption-box.-w860 { max-width: 860px; margin-left: auto; margin-right: auto; overflow: hidden; }

/**************************************************
 components - table
***************************************************/
.basic-table { margin: 0; border-collapse: collapse; border: solid 1px #ccc; }

.basic-table th { padding: 10px; background-color: #F1F2E8; font-size: 100%; }

.basic-table th.-left { text-align: left; }

.basic-table th.-nobg { background-color: transparent; }

.basic-table td { padding: 10px; font-size: 100%; }

.basic-table.-heavy { border-width: 5px; }

.basic-table.-nobg th, .basic-table.-nobg td { background: none; }

.basic-table.-underline { border: none; }

.basic-table.-underline th, .basic-table.-underline td { background: none; text-align: left; line-height: 1.75; }

.basic-table.-underline th { padding: 14px 0 15px; vertical-align: top; }

.basic-table.-underline td { padding: 14px 0 15px 10px; }

.basic-table.-underline tr { border-bottom: 1px solid #cccccc; }

.basic-table.-underline.-noBottom tr:last-child { border-bottom: none; }

@media screen and (max-width: 500px) { .basic-table th, .basic-table td { display: block; padding-left: 0; padding-right: 0; }
  .basic-table th { width: auto !important; }
  .basic-table.-underline th { padding: 16px 4px 0; }
  .basic-table.-underline td { padding: 5px 4px 19px; } }

.form-table { margin: 0; border-collapse: collapse; }

.form-table th { padding: 10px 0; font-size: 100%; text-align: left; font-weight: 500; line-height: 1.4; }

.form-table th.top { padding-top: 18px; vertical-align: top; }

.form-table td { padding: 10px 0 10px 10px; font-size: 100%; text-align: left; line-height: 1.4; }

.form-table ul { margin-top: 0; margin-bottom: 0; }

.form-table .required { display: inline-block; margin-left: 0.6em; padding: 3px 5px 4px 4px; background-color: #B41749; font-size: 75%; font-weight: 300; color: #fff; letter-spacing: 0; vertical-align: inherit; }

.form-table .example { display: block; color: #666; font-size: 87.5%; margin: 0.3em 0; }

.form-table .search-zip { margin-left: 1em; }

.form-table .search-zip a { color: #111; text-decoration: underline; }

.form-table .zipsearch-btn { font-size: 87.5%; display: inline-block; margin: 0.5em 0; padding: 0.5em 1.5em; letter-spacing: 1px; border-radius: 3px; background-color: #111; color: #fff; }

.form-table .fa { margin-right: 0.5em; }

@media screen and (max-width: 500px) { .form-table th, .form-table td { display: block; padding-left: 0; padding-right: 0; }
  .form-table th { width: auto !important; padding: 15px 0 0 !important; }
  .form-table td { padding: 8px 0 15px !important; } }

/**************************************************
 components - list
***************************************************/
p.indention, ul.indention li { margin-left: 1em; text-indent: -1em; }

ul.indention { list-style: none; margin: 0; padding-left: 0; }

ul.indention li { line-height: 1.75; }

ul.indention > .noindent { margin-left: 0; text-indent: 0; }

ul.indention > .dot, ul.indention.-dot > li { margin-left: 1.15em; text-indent: -0.9em; }

ul.items { list-style: none; margin: 0; padding-left: 0; }

ul.items > li { line-height: 1.75; }

ul.items > li:not(:last-child) { margin-bottom: 0.25em; }

ul.items.-disc { list-style: disc; padding-left: 1.5em; }

.info-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; margin-left: -15px; margin-right: -15px; }

.info-list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.info-list > .info { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; margin-bottom: 30px; }

.info-list .info-card { padding: 20px; height: 100%; }

.info-list.-white .info-card { background-color: #fff; }

.info-list.-pad0 .info-card { padding: 0; }

.info-list.-gap50 { margin-left: -50px; margin-right: 0; }

.info-list.-gap50 > .info { padding: 0 0 0 50px; }

@media screen and (min-width: 788px) { .info-list > .info { width: 33.33%; }
  .info-list.-column2 > .info { width: 50%; } }

.info-card { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.info-card .title > .main { display: block; font-size: 100%; font-weight: 700; margin-bottom: 0.5em; letter-spacing: 1px; }

.info-card .title > .sub { display: block; font-size: 87.5%; font-weight: 400; margin-bottom: 0.5em; letter-spacing: 1px; }

.info-card .category { background-color: #111; color: #fff; padding: 0.5em 2em; display: inline-block; font-size: 81.25%; margin-bottom: 0.5em; }

.info-card .tag { background-color: #fff; color: #111; padding: 0.5em 2em; display: inline-block; font-size: 81.25%; margin-bottom: 0.5em; }

.info-card .excerpt { font-size: 87.5%; line-height: 1.8; }

.info-card .date { font-size: 81.25%; letter-spacing: 1px; }

.info-card .more { font-size: 87.5%; text-align: right; color: #666; }

.info-card .more > .icon { font-size: 0.7em; margin-left: 0.5em; vertical-align: middle; }

.info-card > .title { margin-top: 0; text-align: center; }

.info-card > .image { position: relative; }

.info-card > .image img { width: 100%; }

.info-card > .image > .tag { position: absolute; left: 0; bottom: 20px; padding: 0.5em; margin: 0; width: calc(100% - 20px - 1em); }

.info-card > .detail { padding: 10px 0; }

.info-card > .detail > p:last-child { margin-bottom: 0; }

.info-list.-blog .info-card { padding: 0; text-align: left; }

.info-list.-blog .info-card p { margin-bottom: 0; }

.info-list.-blog .info-card .title { margin-top: 5px; }

.info-list.-blog .info-card .title > .main { margin-bottom: 0; font-size: 87.5%; line-height: 1.4; }

.info-list.-blog .info-card .category { margin-top: 0; padding: 0.4em 1.5em; }

.info-list.-blog .info-card .excerpt { margin-top: 7px; line-height: 1.7; }

.info-list.-blog .info-card .date { margin-top: 13px; }

.info-list.-blog .info-card .more { margin-top: 16px; font-size: 81.25%; text-align: left; }

.info-list.-blog .info-card > .detail { padding: 18px 18px 26px; }

@media screen and (max-width: 788px) { .info-list.-blog { margin-right: 0; }
  .info-list.-blog > .info { margin-bottom: 15px; padding-right: 0; } }

@media screen and (max-width: 500px) { .info-list.-blog { margin-left: 0; }
  .info-list.-blog > .info { width: 100% !important; padding-left: 0; }
  .info-list.-blog .info-card > .detail { padding: 15px 15px 18px; } }

.info-list2 { list-style: none; padding-left: 0; }

.info-list2 > .info { margin-bottom: 20px; padding: 20px; background-color: #eee; }

.info-list2 .info-card2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; }

.info-list2 .info-card2.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 788px) { .info-list2 > .info { margin-bottom: 10px; padding: 15px; } }

@media screen and (max-width: 500px) { .info-list2 .info-card2 { display: block; } }

.info-card2 > .detail { text-align: left; padding: 0 10px; }

.info-card2 > .detail > .text { margin: 0; line-height: 1.8; }

.info-card2 .title { margin: 0 0 2px; font-size: 150%; line-height: 1.8; }

.info-card2 .category { background-color: #111; color: #fff; padding: 0.58em 2.5em; display: inline-block; font-size: 87.5%; margin-bottom: 0.5em; }

.info-card2 .tag { background-color: #fff; color: #111; padding: 0.58em 2.75em; display: inline-block; font-size: 87.5%; margin-bottom: 0.5em; }

.info-card2 .btnshell { margin: 12px 0 0; font-size: 87.5%; }

.info-card2 .btnshell a { position: relative; display: inline-block; min-width: 9.5em; padding: 8px 10px; border: 1px solid #111; background-color: #fff; text-align: center; }

.info-card2 .btnshell .icon, .info-card2 .btnshell .fa { position: absolute; top: 50%; right: 10px; margin-top: -0.5em; }

.info-card2 .btnshell [class^="icon-angle-"], .info-card2 .btnshell [class*=" icon-angle-"] { font-size: 71.42857%; }

@media screen and (max-width: 788px) { .info-card2 > .detail > .text { font-size: 93.75%; }
  .info-card2 .title { font-size: 112.5%; } }

.info-list2.-swiper > .info { margin-bottom: 0; width: 50%; }

.info-list2.-swiper .info-card2 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.info-list2.-swiper .info-card2 .title { font-size: 150%; }

.info-list2.-swiper .info-card2 .title > .main { display: block; font-size: 66.66667%; font-weight: 700; margin-bottom: 0.5em; letter-spacing: 1px; }

.info-list2.-swiper .info-card2 .title > .sub { display: block; font-size: 58.33333%; font-weight: 400; margin-bottom: 0.5em; letter-spacing: 1px; }

.info-list2.-swiper .info-card2 .category { padding: 0.5em 2em; display: inline-block; font-size: 81.25%; }

@media screen and (max-width: 788px) { .info-list2.-swiper > .info { max-width: 320px; } }

.faq-list { padding: 36px 60px 60px; background-color: #eee; }

.faq-list .box { margin: 0; padding: 14px; background-color: #fff; text-align: left; }

.faq-list .box + .box { margin-top: 8px; }

.faq-list dt, .faq-list dd { position: relative; padding: 0 57px 16px 78px; }

.faq-list dt { margin: 0; padding-top: 16px; font-weight: bold; line-height: 1.5; cursor: pointer; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; }

.faq-list dt:hover { opacity: 0.7; }

.faq-list dt::after { position: absolute; top: 50%; right: 24px; margin-top: -0.5em; vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; }

.faq-list dt.-open::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; }

.faq-list dd { margin: 0; line-height: 2; }

.faq-list .q, .faq-list .a { display: inline-block; position: absolute; font-size: 175%; line-height: 1; }

.faq-list .q { top: 12px; left: 22px; color: #717171; font-weight: normal; }

.faq-list .a { top: 0.1em; left: 25px; }

@media screen and (max-width: 788px) { .faq-list { padding: 18px 10px 10px; }
  .faq-list .basic-title { margin-bottom: 18px; }
  .faq-list .box { padding: 0; }
  .faq-list dt, .faq-list dd { padding-right: 50px; padding-left: 50px; font-size: 93.75%; }
  .faq-list dt::after { right: 18px; }
  .faq-list .q, .faq-list .a { font-size: 160%; }
  .faq-list .q { left: 14px; }
  .faq-list .a { left: 16px; } }

.column-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; margin-left: -15px; }

.column-list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.column-list > li { padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.column-list > li > a, .column-list > li .basic-btn { display: block; }

.column-list > li .basic-btn { min-width: 0; }

.column-list.-gap20 { margin-left: -20px; }

.column-list.-gap20 > li { padding-left: 20px; }

.column-list.-gap30 { margin-left: -30px; }

.column-list.-gap30 > li { padding-left: 30px; }

.column-list.-gap40 { margin-left: -40px; }

.column-list.-gap40 > li { padding-left: 40px; }

.column-list.-column2 li { width: 50%; }

.column-list.-column3 li { width: 33.33%; }

@media screen and (max-width: 788px) { .column-list, .column-list.-gap20, .column-list.-gap30, .column-list.-gap40 { margin-left: -10px; }
  .column-list > li, .column-list.-gap20 > li, .column-list.-gap30 > li, .column-list.-gap40 > li { padding-left: 10px; } }

.summary-list { text-align: left; }

.summary-list > .title { font-size: 125%; font-weight: 700; letter-spacing: 2px; }

.summary-list > .body { margin-top: 10px; margin-left: 0; line-height: 2; }

.summary-list > .body + .title { margin-top: 30px; }

/**************************************************
 components - nav
***************************************************/
.site-nav { position: relative; }

.site-nav li { text-align: center; line-height: 1; padding: 0 1em; font-size: 87.5%; font-weight: 400; letter-spacing: 1px; }

.site-nav li:first-child { padding-left: 0; }

.site-nav li:last-child { padding-right: 0; }

.site-nav li a { display: block; padding: 0.3em; }

.site-nav li a.-passive { opacity: 0.3; color: #666; }

@media screen and (max-width: 767px) { .site-nav ul { display: none; } }

.row-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.row-nav ul.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.row-nav li { position: relative; margin-right: 1.5em; padding-right: 1.5em; }

.row-nav li:last-child { margin-right: 0; padding-right: 0; }

.row-nav li:not(:last-child)::after { position: absolute; top: 50%; right: -0.15em; margin-top: -0.5em; font-weight: normal; line-height: 1; font-family: "fontAwesome"; content: ""; }

.row-nav li a { display: block; padding: 0.4em 0.3em; }

.row-nav.-bc { background-color: #000; }

.row-nav.-bc ul { margin: 0 auto; padding: 9px; max-width: 1020px; }

.row-nav.-bc li { color: #fff; font-size: 75%; font-weight: 400; }

.row-nav.-bc li:not(:last-child)::after { font-size: 116.66667%; }

.row-nav.-bc li a { color: #fff; }

.row-nav.-bc li a.-home { color: #989693; }

.page-nav > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding-left: 0; margin: 0 -4px; }

.page-nav > .list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.page-nav > .list > li { display: block; margin: 0 4px; text-align: center; }

.page-nav > .list > li a { display: block; color: inherit; text-decoration: none; }

.page-nav > .list > li span { display: block; width: 40px; height: 40px; line-height: 40px; background: #eee; }

.page-nav > .list > li span.cur { background: #111; color: #fff; }

.page-nav > .list > li .arrow { width: auto; padding: 0 1em; }

@media screen and (max-width: 500px) { .page-nav > .list { margin: 0 -2px; }
  .page-nav > .list > li { font-size: 87.5%; margin: 0 2px; }
  .page-nav > .list > li span { width: 36px; height: 36px; line-height: 36px; } }

.side-nav > dt { padding-bottom: 15px; border-bottom: 2px solid #666; font-weight: 700; }

.side-nav > dd { margin-left: 0; font-size: 87.5%; line-height: 1.92; }

.side-nav > dd > ul { padding-left: 0; }

.side-nav > dd + dt { margin-top: 50px; }

.side-nav ul { list-style: none; }

.side-nav .recent { margin-top: 5px; }

.side-nav .recent li:not(:last-child) { border-bottom: 1px solid #eee; }

.side-nav .recent a { display: block; padding: 15px 0 13px; }

.side-nav .recent .date { margin: 0 0 7px; font-size: 81.25%; line-height: 1; }

.side-nav .recent .title { margin: 0; line-height: 1.2; }

.side-nav .category > li { margin-top: 5px; }

.side-nav .category > li.list-3 { padding-left: 1em; }

.side-nav .category > li > ul { margin-bottom: 8px; padding-left: 1em; }

/**************************************************
 components - form
***************************************************/
/*フォームパーツ*/
form label { cursor: pointer; }

form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; min-width: 250px; padding: 9px 45px 10px 14px; border: 2px solid #d9d9d9; border-radius: 0; background: #fff url(../img/icon-select.png) no-repeat right 50%; }

form select.-small { min-width: 140px; }

form select::-ms-expand { display: none; }

form textarea { line-height: 1.2; resize: vertical; }

form .column-list.-name { max-width: 400px; }

form .error { margin: 10px 0 0; color: #D40909; font-weight: 600; position: relative; background-color: rgba(180, 23, 73, 0.15); display: inline-block; padding: 5px 8px; border-radius: 3px; font-size: 93.75%; }

form .error-head { padding: 9px; border: 1px solid #D40909; color: #D40909; font-weight: 600; background-color: rgba(180, 23, 73, 0.15); border-radius: 3px; }

::-webkit-input-placeholder { color: #aaa; }

::-moz-placeholder { color: #aaa; opacity: 1; }

:-ms-input-placeholder { color: #aaa; }

:focus::-webkit-input-placeholder { color: transparent; }

:focus::-moz-placeholder { color: transparent; }

.input-text { width: 100%; padding: 13px 14px 15px; border: 2px solid #d9d9d9; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5; }

.input-text.-small { max-width: 140px; }

.input-text.-midium { max-width: 240px; }

.input-text.active { ime-mode: active; }

.input-text.inactive { ime-mode: inactive; }

.label-checkbox { display: inline-block; padding: 2px 2px 2px 28px; background: url(../img/icon-checkbox.png) no-repeat 0 5px; }

.label-checkbox.-select { background-image: url(../img/icon-checkbox-on.png); }

.label-checkbox input { position: absolute; opacity: 0; }

.label-radio { display: inline-block; padding: 2px 2px 2px 28px; background: url(../img/icon-radio.png) no-repeat 0 5px; }

.label-radio.-select { background-image: url(../img/icon-radio-on.png); }

.label-radio input { position: absolute; opacity: 0; }

.label-intext { margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.label-intext.-edu > .txt { width: 5em; }

.label-intext.-other > .txt { min-width: 3.5em; }

.form-list { margin: 0; padding-left: 0; list-style: none; }

.form-list li { padding: 6px 0; }

.form-list.-ib li { display: inline-block; padding: 6px 20px 6px 0; }

.form-list.-ib.-gap8 li { padding-right: 8px; }

.form-list.-column2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; }

.form-list.-column2.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.form-list.-column2 li { width: 50%; padding: 6px 16px 6px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-list.-column2 .fit { width: 100%; }

@media screen and (max-width: 788px) { .form-list.-column2 li { width: 100%; padding-right: 0; } }

.txt-thanks { padding: 30px 0; }

/**************************************************
 components - plugin
***************************************************/
.swiper-carousel { padding: 0 30px; margin: 0 -30px; }

.swiper-carousel::before, .swiper-carousel::after { position: absolute; top: 0; display: block; width: 30px; height: 100%; background-color: #fff; content: ''; z-index: 2; }

.swiper-carousel::before { left: 0; }

.swiper-carousel::after { right: 0; }

.swiper-carousel .swiper-slide { height: auto; }

.swiper-carousel .swiper-button-next, .swiper-carousel .swiper-button-prev { width: 60px; height: 60px; margin-top: -30px; background: rgba(17, 17, 17, 0.5); border-radius: 50%; }

.swiper-carousel .swiper-button-next.swiper-button-disabled, .swiper-carousel .swiper-button-prev.swiper-button-disabled { pointer-events: auto; }

.swiper-carousel .swiper-button-next { right: 0; }

.swiper-carousel .swiper-button-next::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; display: block; margin-left: 0; width: 100%; line-height: 60px; color: #fff; }

.swiper-carousel .swiper-button-prev { left: 0; }

.swiper-carousel .swiper-button-prev::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; display: block; margin-left: 0; width: 100%; line-height: 60px; color: #fff; }

@media screen and (max-width: 1100px) { .swiper-carousel { margin-left: -5px; margin-right: -5px; } }

@media screen and (max-width: 788px) { .swiper-carousel { padding: 0 20px; }
  .swiper-carousel::before, .swiper-carousel::after { width: 20px; }
  .swiper-carousel .swiper-button-next, .swiper-carousel .swiper-button-prev { width: 40px; height: 40px; margin-top: -20px; }
  .swiper-carousel .swiper-button-next::after, .swiper-carousel .swiper-button-prev::after { line-height: 40px; } }

/**************************************************
 base
***************************************************/
/* -----------------------------------------------
　Body
-------------------------------------------------- */
html { -webkit-font-smoothing: antialiased; }

body { min-width: 320px; padding: 0px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 1px; font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'メイリオ', sans-serif; }

body, input, textarea { font-size: 16px; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

main { display: block; }

select, button, textarea, input { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 1px; font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'メイリオ', sans-serif; }

button, input, optgroup, select, textarea { border: solid 1px #eee; border-radius: 3px; padding: 0.5em 0.5em; }

.bodycopy, p.basic { line-height: 1.9; }

.bodycopy strong, p.basic strong { color: #111; }

@media screen and (max-width: 788px) { .bodycopy, p.basic { font-size: 93.75%; } }

@media screen and (max-width: 500px) { br.disp-pc { display: none; } }

br.disp-sp { display: none; }

@media screen and (max-width: 500px) { br.disp-sp { display: inline; } }

a { color: #111; text-decoration: none; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; }

a:hover { opacity: 0.7; }

a.underline { text-decoration: underline; }

a.telink { cursor: default; opacity: 1 !important; }

a.-icon-left { display: inline-block; position: relative; padding-left: 45px; font-weight: 500; }

a.-icon-left::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; position: absolute; width: 1em; height: 0.8em; top: 0; bottom: 0; left: 0; margin: auto 0; }

button, input[type="button"], input[type="submit"] { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; }

button:hover, input[type="button"]:hover, input[type="submit"]:hover { opacity: 0.7; }

.fixed { position: fixed; width: 100%; height: 100%; }

.wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-left: 0; list-style: none; }

.wrap.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

/**************************************************
 structure 構造を定義
***************************************************/
.inbox { padding-top: 90px; }

@media screen and (max-width: 767px) { .inbox { padding-top: 56px; } }

.main > .inner { max-width: 1020px; margin-left: auto; margin-right: auto; overflow: hidden; }

/* サイトヘッダー
-------------------------------------------------- */
.site-header { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 90px; position: fixed; top: 0; left: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0 0 5px rgba(17, 17, 17, 0.2); box-shadow: 0 0 5px rgba(17, 17, 17, 0.2); }

.site-header._static { margin-top: -90px; }

.site-header .inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; position: relative; }

.site-header .logo { margin: 0; padding: 0 20px 0 40px; font-size: 562.5%; line-height: 1; height: 90px; color: #ab1645; }

.site-header .logo a { display: inline-block; color: inherit; }

.site-header .global-nav { position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; line-height: 1; height: 100%; }

.site-header .sp-menuButton { display: none; }

@media screen and (max-width: 800px) { .site-header .logo { padding-left: 20px; } }

@media screen and (max-width: 767px) { .site-header { height: 56px; }
  .site-header._static { margin-top: -56px; }
  .site-header .logo { font-size: 350%; height: 56px; padding: 0 10px; }
  .site-header .sp-menuButton { display: block; position: absolute; top: 0; right: 0; margin: 0; height: 56px; }
  .site-header .sp-menuButton > a { display: block; font-size: 162.5%; height: 26px; padding: 15px; } }

/* グローバルメニュー */
.global-nav { position: relative; }

.global-nav > .container { height: 100%; }

.global-nav li a { display: block; }

.global-nav ul.main { margin: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; list-style: none; padding-left: 0; }

.global-nav ul.main.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.global-nav ul.main > li { width: 110px; text-align: center; line-height: 1; position: relative; }

.global-nav ul.main > li span { display: block; }

.global-nav ul.main > li .jp { font-size: 112.5%; font-weight: 500; letter-spacing: 1px; }

.global-nav ul.main > li .en { font-size: 87.5%; font-weight: 400; letter-spacing: 1px; }

.global-nav ul.main > li > a { padding: 1em; 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; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.global-nav ul.main > li > a.-passive { opacity: 0.3; color: #666; cursor: default; }

.global-nav ul.main > li.-reverse > a { background-color: #111; color: #fff; }

.global-nav ul.main > li:hover > a:not(.-passive) { background-color: #111; color: #fff; opacity: 1; }

.global-nav ul.main > li:hover ul.sub { visibility: visible; opacity: 1; }

.global-nav ul.sub { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; position: absolute; top: auto; left: 0; width: 13em; list-style: none; padding-left: 0; background-color: #444; }

.global-nav ul.sub > li { font-size: 87.5%; text-align: left; }

.global-nav ul.sub > li:not(:first-child) { border-top: 1px solid #fff; }

.global-nav ul.sub > li > a { position: relative; padding: 1.26em 3em 1.29em 1.2em; color: #fff; }

.global-nav ul.sub > li > a::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; font-size: 71.42857%; position: absolute; top: 50%; right: 1.8em; margin-top: -0.44em; }

.global-nav ul.sub > li > a:hover { background-color: #111; color: #fff; opacity: 1; }

@media screen and (max-width: 767px) { .global-nav { display: none; } }

/* スマホメニュー */
.sp-nav { position: fixed; top: 56px; right: 0; width: 100%; height: calc(100% - 56px); }

.sp-nav a, .sp-nav p.head { color: #fff; line-height: 1.2; }

.sp-nav a { display: block; }

.sp-nav p.head { margin: 0; cursor: pointer; }

.sp-nav ul { list-style: none; padding-left: 0; text-align: center; margin: 0; }

.sp-nav ul.main > li .en { font-size: 100%; font-weight: 400; letter-spacing: 1px; }

.sp-nav ul.main > li .head { position: relative; background-color: #111; padding: 0.8em; }

.sp-nav ul.main > li .head::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; font-size: 71.42857%; position: absolute; top: 50%; right: 1.2em; margin-top: -0.44em; }

.sp-nav ul.main > li .head.-open:after { content: "\e911"; }

.sp-nav ul.main > li .head.-passive { color: #666; cursor: default; }

.sp-nav ul.main > li .head.-passive:after { content: ''; }

.sp-nav ul.main > li:not(:first-child) .head { border-top: 1px solid #fff; }

.sp-nav ul.sub { display: none; }

.sp-nav ul.sub > li > a { position: relative; padding: 1em 0.8em; background-color: #444; border-top: 1px solid #fff; font-size: 87.5%; }

.sp-nav ul.sub > li > a::after { vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; font-size: 71.42857%; position: absolute; top: 50%; right: 1.4em; margin-top: -0.44em; }

.sp-nav .swiper-container { max-height: 100%; background-color: #111; }

.sp-nav .swiper-slide { height: auto; }

@media screen and (min-width: 768px) { .sp-nav { display: none !important; } }

@media screen and (max-width: 767px) { .sp-nav { display: none; } }

/* サイトフッター
-------------------------------------------------- */
.site-footer { background-color: #111; color: #fff; }

.site-footer a { color: #fff; }

.site-footer .footer-nav { padding: 1em; }

.site-footer .footer-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; margin: 0 auto; }

.site-footer .footer-nav ul.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.site-footer .footer-nav li { font-size: 87.5%; }

.site-footer .footer-nav li:not(:first-child) { margin-left: 1em; padding-left: 1em; border-left: solid 1px #ccc; }

.site-footer .footer-nav li:last-child { margin-left: auto; border-left: none; }

.site-footer .inner { max-width: 1020px; margin-left: auto; margin-right: auto; overflow: hidden; padding-top: 1em; }

.site-footer .contact-block { font-size: 87.5%; line-height: 1.6; }

.site-footer .contact-block .profile { padding-left: 20px; }

.site-footer .contact-block .title { font-size: 1em; margin: 0; }

.site-footer .contact-block .detail { margin: 0; }

.site-footer .copyright { font-weight: 300; letter-spacing: 1px; }

@media screen and (max-width: 500px) { .site-footer .footer-nav li:not(:last-child) { display: none; }
  .site-footer .footer-nav li:last-child { margin-right: auto; padding-left: 0; } }

/* コンテンツ
-------------------------------------------------- */
.site-container { position: relative; z-index: 1; background-color: #fff; }

.basic-section.-black { background-color: #111; color: #fff; }

.basic-section.-gray { background-color: #eee; }

.basic-section.-back { padding: 20px; font-size: 87.5%; }

.basic-section.-mt { margin-top: 160px; }

@media screen and (max-width: 788px) { .basic-section.-mt { margin-top: 50px; } }

.basic-section > .inner { max-width: 1020px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 40px 15px; text-align: center; }

.basic-section > .inner.-small { max-width: 800px; text-align: left; }

.basic-section > .inner.-w860 { max-width: 860px; text-align: left; }

.basic-section > .inner.-w1140 { max-width: 1140px; text-align: left; }

.basic-section > .inner.-contentTop { padding-top: 80px; }

.basic-section .basic-btn { min-width: 11em; line-height: 1.2; }

.basic-section input.basic-btn, .basic-section button.basic-btn { min-width: 17em; }

@media screen and (max-width: 788px) { .basic-section .basic-btn { display: block; max-width: 11em; min-width: 0; margin-left: auto; margin-right: auto; }
  .basic-section input.basic-btn, .basic-section button.basic-btn { min-width: 300px; }
  .basic-section > .inner.-contentTop { padding-top: 35px; } }

@media screen and (max-width: 330px) { .basic-section input.basic-btn, .basic-section button.basic-btn { min-width: 290px; } }

.basic-section.-mainvisual { position: relative; }

.basic-section.-mainvisual > .inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; height: 100px; width: 100%; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-section.-mainvisual .bg-image { position: fixed; top: 90px; left: 0; z-index: 0; width: 100%; height: calc(100vh - 90px); overflow: hidden; }

.basic-section.-mainvisual .bg-image::before { content: ""; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; background: url("../img/bg_stripe_blue.png"); opacity: 0.4; }

.basic-section.-mainvisual .bg-image::after { content: ""; width: 100%; height: 100%; z-index: 3; position: absolute; top: 0; left: 0; background: rgba(0, 80, 40, 0.2); }

.basic-section.-mainvisual .bg-image img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; min-height: calc(100vh - 90px); max-width: none; width: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; display: block; }

.basic-section.-mainvisual .bg-image img.-centerAll { top: 50%; bottom: auto; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.basic-section.-mainvisual .bg-image img.-centerHorizontal { left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.basic-section.-mainvisual .bg-image img.-centerVertical { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.basic-section.-mainvisual .bg-image img.-fitTop { top: 0; bottom: auto; }

.basic-section.-mainvisual .bg-image img.-fitBottom { top: auto; bottom: 0; }

.basic-section.-mainvisual .bg-image img.-fitLeft { left: 0; right: auto; }

.basic-section.-mainvisual .bg-image img.-fitRight { left: auto; right: 0; }

.basic-section.-mainvisual .scroll { position: absolute; z-index: 11; bottom: 38px; left: 50%; margin: 0 0 0 -30.5px; text-shadow: none; letter-spacing: 0; }

.basic-section.-mainvisual .section-title .main { font-size: 262.5%; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

.basic-section.-mainvisual p { text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); letter-spacing: 1px; }

.basic-section.-mainvisual .swiper-slide > .image { margin: 0; }

@media screen and (max-width: 767px) { .basic-section.-mainvisual .bg-image { top: 56px; height: calc(100vh - 56px); }
  .basic-section.-mainvisual .bg-image img { min-height: calc(100vh - 56px); }
  .basic-section.-mainvisual .scroll { bottom: 20px; width: 50px; height: 50px; margin-left: -25px; }
  .basic-section.-mainvisual .section-title .main { font-size: 225%; } }

@media screen and (max-width: 380px) { .basic-section.-mainvisual .scroll { display: none; } }

.basic-section.-mainvisual.-categoryHead { height: 200px; }

.basic-section.-mainvisual.-categoryHead > .inner { height: 180px; }

.basic-section.-mainvisual.-categoryHead .bg-image { height: 200px; }

.basic-section.-mainvisual.-categoryHead .bg-image img { min-height: 200px; }

.basic-section.-mainvisual.-categoryHead .bg-image::before { background: url("../img/bg_stripe_blue.png"); }

.basic-section.-mainvisual.-categoryHead .bg-image::after { background: none; }

.basic-section.-mainvisual.-categoryHead .section-title .main { font-size: 225%; }

@media screen and (max-width: 788px) { .basic-section.-mainvisual.-categoryHead { height: 160px; }
  .basic-section.-mainvisual.-categoryHead > .inner { height: auto; }
  .basic-section.-mainvisual.-categoryHead .bg-image { height: 160px; }
  .basic-section.-mainvisual.-categoryHead .bg-image img { min-height: 160px; }
  .basic-section.-mainvisual.-categoryHead .section-title .main { font-size: 187.5%; } }

@media screen and (max-width: 370px) { .basic-section.-mainvisual.-categoryHead .section-title .main { font-size: 162.5%; } }

.basic-section.contact-section { letter-spacing: 2px; color: #fff; text-align: center; background: url("../img/contact.jpg") center; background-size: cover; position: relative; }

.basic-section.contact-section::after { display: block; content: ""; width: 100%; height: 100%; background: url("../img/bg_stripe_black_1.png"); position: absolute; top: 0; left: 0; }

.basic-section.contact-section a { color: inherit; }

.basic-section.contact-section .inner { position: relative; z-index: 2; padding: 60px 10px 75px; }

.basic-section.contact-section .section-title { margin-bottom: 15px; }

.basic-section.contact-section .section-title .main { margin-bottom: 13px; letter-spacing: 5px; }

.basic-section.contact-section .contact-tel { margin: 0.5em 0 0.2em; }

.basic-section.contact-section .btnshell { margin: 40px 0 0; }

@media screen and (max-width: 788px) { .basic-section.contact-section .inner { padding: 40px 15px; }
  .basic-section.contact-section .btnshell { margin-top: 25px; } }

.contact-tel { font-size: 325%; font-weight: 500; }

.contact-tel .icon { font-size: 61.53846%; padding: 10px; display: inline-block; border: solid 1px #fff; border-radius: 4px; vertical-align: middle; margin-right: 15px; margin-top: -10px; }

@media screen and (max-width: 788px) { .contact-tel { font-size: 225%; }
  .contact-tel .icon { margin-top: -7px; margin-right: 10px; padding: 7px; } }

@media screen and (max-width: 500px) { .contact-tel { font-size: 175%; } }

.label-section { position: relative; background: center center no-repeat; background-size: cover; color: #fff; text-align: center; }

.label-section .inner { position: relative; z-index: 1; padding: 54px 10px 40px; }

.label-section .section-title { margin-bottom: 0; }

.label-section .section-title > .main { margin: 0 0 5px; }

.label-section .basic { margin: 0 0 25px; }

.label-section .btnshell { margin: 0; }

.label-section .basic-btn { min-width: 11em; }

.label-section::after { display: block; content: ""; width: 100%; height: 100%; background: url("../img/bg_stripe_blue.png"); position: absolute; top: 0; left: 0; }

.label-section.-seminar { background-image: url("../../img/about/bg-title-seminar.jpg"); }

.label-section.-project { background-image: url("../../img/works/bg-label-project.jpg"); }

.label-section.-project .inner { padding-top: 70px; padding-bottom: 60px; }

.label-section.-project .section-title { margin-bottom: 60px; }

@media screen and (max-width: 788px) { .label-section .inner { padding-top: 36px; padding-bottom: 30px; }
  .label-section .basic { margin-bottom: 15px; }
  .label-section.-project .inner { padding-top: 32px; padding-bottom: 30px; }
  .label-section.-project .section-title { margin-bottom: 20px; } }

.blog-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; max-width: 1020px; margin-left: auto; margin-right: auto; overflow: hidden; padding: 40px 15px; }

.blog-section.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.blog-section .primary { width: 65.68627%; }

.blog-section .secondary { width: 27.45098%; }

@media screen and (max-width: 788px) { .blog-section { display: block; }
  .blog-section .primary, .blog-section .secondary { width: 100%; } }

.entry-head > .category { display: inline-block; background-color: #111; color: #fff; margin: 0; padding: 0.56em 2.8em; font-size: 87.5%; }

.entry-head > .tag { display: inline-block; background-color: #eee; margin: 0; padding: 0.56em 2.8em; font-size: 87.5%; }

.entry-head > .title { margin: 16px 0 0; font-size: 225%; }

.entry-head > .sub { margin: 12px 0 0; }

@media screen and (max-width: 788px) { .entry-head > .category, .entry-head > .tag { font-size: 81.25%; }
  .entry-head > .title { font-size: 187.5%; } }

.entry-body { text-align: left; }

.entry-body .basic-title { margin-bottom: 1em; }

.entry-body .basic-title.-lineUnder { margin-bottom: 1.7em; }

.entry-body .basic { line-height: 2; }

.entry-body .basic + .basic-title { margin-top: 2.4em; }

.entry-body .img { margin: 58px 0; text-align: center; }

.entry-body .basic-box.-summary { margin: 58px 0; padding: 54px 60px 60px; }

.entry-body .basic-box.-summarySub { margin-top: 56px; padding: 18px 24px; }

.entry-body .basic-box *:first-child { margin-top: 0; }

.entry-body .basic-box *:last-child { margin-bottom: 0; }

@media screen and (max-width: 788px) { .entry-body .img { margin: 30px 0; }
  .entry-body .basic-box.-summary { margin: 30px 0; padding: 15px; }
  .entry-body .basic-box.-summarySub { margin-top: 15px; padding: 15px; } }

.sites-view { position: relative; margin: 58px 0 0; }

.sites-view img { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sites-view > .pc { width: 88.23529%; background: url(../../img/works/pc.png) no-repeat 0 0; background-size: contain; }

.sites-view > .pc img { padding: 3.55556% 3.55556% 20%; }

.sites-view > .sp { position: absolute; bottom: -5.05464%; right: 0; width: 29.5098%; background: url(../../img/works/phone.png) no-repeat 0 0; background-size: contain; }

.sites-view > .sp img { padding: 21.26246% 16.27907% 36.87708% 17.27575%; }

.sites-view + .lead { margin-top: 8.52941%; text-align: left; line-height: 2; }

.sites-view.-noSp > .pc { margin-left: auto; margin-right: auto; }

@media screen and (max-width: 788px) { .sites-view { margin-top: 40px; } }

.site-banner { position: fixed; bottom: 17.58242%; right: -12px; z-index: 10; }

.site-banner .link { width: 210px; height: 140px; }

.site-banner .image { display: block; }

.site-banner .image > img { border-radius: 5px; }

.site-banner .image > img.disp-pc { display: block; }

.site-banner .image > img.disp-sp { display: none; }

@media screen and (max-width: 788px) { .site-banner { right: -5px; }
  .site-banner .link { width: 125px; height: 90px; }
  .site-banner .image > img.disp-pc { display: none; }
  .site-banner .image > img.disp-sp { display: block; } }

/* レスポンシブ */
/**************************************************
 pages ページ別のスタイルを定義
***************************************************/
.-fadein, .-fadeinUp, .-fadeinDown, .-fadeinLeft, .-fadeinRight { opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1); }

.-fadein.-visible, .-fadeinUp.-visible, .-fadeinDown.-visible, .-fadeinLeft.-visible, .-fadeinRight.-visible { opacity: 1; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

.-visible.-fadeinUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.-visible.-fadeinDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

.-visible.-fadeinLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.-visible.-fadeinRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

.-visible.-blur { -webkit-animation-name: fadeBlur; animation-name: fadeBlur; -webkit-animation-duration: 1s; animation-duration: 1s; }

.-delay1 { -webkit-transition-delay: 0.1s !important; transition-delay: 0.1s !important; -webkit-animation-delay: 0.1s !important; animation-delay: 0.1s !important; }

.-delay2 { -webkit-transition-delay: 0.2s !important; transition-delay: 0.2s !important; -webkit-animation-delay: 0.2s !important; animation-delay: 0.2s !important; }

.-delay3 { -webkit-transition-delay: 0.3s !important; transition-delay: 0.3s !important; -webkit-animation-delay: 0.3s !important; animation-delay: 0.3s !important; }

.-delay4 { -webkit-transition-delay: 0.4s !important; transition-delay: 0.4s !important; -webkit-animation-delay: 0.4s !important; animation-delay: 0.4s !important; }

.-delay5 { -webkit-transition-delay: 0.5s !important; transition-delay: 0.5s !important; -webkit-animation-delay: 0.5s !important; animation-delay: 0.5s !important; }

.-delay6 { -webkit-transition-delay: 0.6s !important; transition-delay: 0.6s !important; -webkit-animation-delay: 0.6s !important; animation-delay: 0.6s !important; }

.-delay7 { -webkit-transition-delay: 0.7s !important; transition-delay: 0.7s !important; -webkit-animation-delay: 0.7s !important; animation-delay: 0.7s !important; }

.-delay8 { -webkit-transition-delay: 0.8s !important; transition-delay: 0.8s !important; -webkit-animation-delay: 0.8s !important; animation-delay: 0.8s !important; }

.-delay9 { -webkit-transition-delay: 0.9s !important; transition-delay: 0.9s !important; -webkit-animation-delay: 0.9s !important; animation-delay: 0.9s !important; }

.-delay10 { -webkit-transition-delay: 1.0s !important; transition-delay: 1.0s !important; -webkit-animation-delay: 1.0s !important; animation-delay: 1.0s !important; }

@-webkit-keyframes fadeInUp { 0% { -webkit-transform: translateY(40px); transform: translateY(40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp { 0% { -webkit-transform: translateY(40px); transform: translateY(40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInDown { 0% { -webkit-transform: translateY(-40px); transform: translateY(-40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInDown { 0% { -webkit-transform: translateY(-40px); transform: translateY(-40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-40px); transform: translateX(-40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInLeft { 0% { -webkit-transform: translateX(-40px); transform: translateX(-40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeInRight { 0% { -webkit-transform: translateX(40px); transform: translateX(40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInRight { 0% { -webkit-transform: translateX(40px); transform: translateX(40px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fadeBlur { 0% { -webkit-filter: blur(10px); filter: blur(10px);
    opacity: 0; }
  100% { -webkit-filter: none; filter: none;
    opacity: 1; } }

@keyframes fadeBlur { 0% { -webkit-filter: blur(10px); filter: blur(10px);
    opacity: 0; }
  100% { -webkit-filter: none; filter: none;
    opacity: 1; } }

/* ボタンエフェクト
-------------------------------------------------- */
@media screen and (min-width: 789px) { .global-nav .-reverse > a { vertical-align: middle; -webkit-transition: all .3s; transition: all .3s; overflow: hidden; }
  .global-nav .-reverse > a:hover > .echoEffect { -webkit-animation: btnEffect 0.75s; animation: btnEffect 0.75s; }
  .global-nav .-reverse > a:hover > .echoEffect::after { -webkit-animation: btnEffect-echo-white 0.75s; animation: btnEffect-echo-white 0.75s; }
  .basic-btn { vertical-align: middle; overflow: hidden; }
  .basic-btn.-hover:hover { opacity: 1; }
  .echoEffect { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
  .echoEffect::before { position: relative; content: ''; display: block; margin-top: 100%; }
  .echoEffect::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
  .basic-btn:hover > .echoEffect { -webkit-animation: btnEffect 0.75s; animation: btnEffect 0.75s; }
  .basic-btn:hover > .echoEffect::after { -webkit-animation: btnEffect-echo-white 0.75s; animation: btnEffect-echo-white 0.75s; }
  .basic-btn.-ghost:hover > .echoEffect::after { -webkit-animation: btnEffect-echo 0.75s; animation: btnEffect-echo 0.75s; }
  @-webkit-keyframes btnEffect { 0% { width: 0%; }
    100% { width: 150%; } }
  @keyframes btnEffect { 0% { width: 0%; }
    100% { width: 150%; } }
  @-webkit-keyframes btnEffect-echo { 0% { background: rgba(17, 17, 17, 0.25); }
    100% { background: transparent; } }
  @keyframes btnEffect-echo { 0% { background: rgba(17, 17, 17, 0.25); }
    100% { background: transparent; } }
  @-webkit-keyframes btnEffect-echo-white { 0% { background: rgba(255, 255, 255, 0.25); }
    100% { background: transparent; } }
  @keyframes btnEffect-echo-white { 0% { background: rgba(255, 255, 255, 0.25); }
    100% { background: transparent; } }
  .mirrorEffect { position: absolute; top: -50%; height: 200%; left: -100px; width: 50px; background: #fff; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); opacity: .2; z-index: 1; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); }
  .basic-btn:hover > .mirrorEffect { -webkit-animation: btnEffect-mirror 0.75s cubic-bezier(0.19, 1, 0.22, 1); animation: btnEffect-mirror 0.75s cubic-bezier(0.19, 1, 0.22, 1); }
  @-webkit-keyframes btnEffect-mirror { 0% { left: -100px; }
    100% { left: 125%; } }
  @keyframes btnEffect-mirror { 0% { left: -100px; }
    100% { left: 125%; } } }

/**************************************************
 pages ページ別のスタイルを定義
***************************************************/
/**************************************************
 default 
***************************************************/
img.-imgBdr { border: 1px solid #eee; }

.basic-section { /* 基本タイトル */ /* セクションタイトル */ }

.basic-section .basic-title { margin-top: 1.8em; margin-bottom: 0.6em; }

.basic-section .section-title { margin-top: 0; margin-bottom: 25px; }

.blog-section { /* 基本タイトル */ }

.blog-section .basic-title { margin-top: 1.8em; }

.faq-list .basic-title { margin: 0 0 36px; }

/**************************************************
 home トップページ
***************************************************/
.home .basic-section.-mainvisual { height: calc(100vh - 90px); min-height: 250px; }

.home .basic-section.-mainvisual > .inner { top: 50%; bottom: auto; overflow: visible; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.home .basic-section.-mainvisual .bg-image img.-sp { display: none; }

.home .basic-section.-mainvisual .swiper-slide { position: relative; height: calc(100vh - 90px); overflow: hidden; }

.home .basic-section.-mainvisual .swiper-slide > .image { min-height: calc(100vh - 90px); }

@media screen and (max-width: 767px) { .home .basic-section.-mainvisual { height: calc(100vh - 56px); }
  .home .basic-section.-mainvisual .swiper-slide { height: calc(100vh - 56px); }
  .home .basic-section.-mainvisual .swiper-slide > .image { min-height: calc(100vh - 56px); } }

@media screen and (max-width: 640px) { .home .basic-section.-mainvisual .bg-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; /* IE・Edge対応 */ }
  .home .basic-section.-mainvisual .bg-image img.-pc { display: none; }
  .home .basic-section.-mainvisual .bg-image img.-sp { display: block; } }

.home .basic-section.about-section .section-title { margin-bottom: 45px; }

.home .basic-section.about-section .section-title > .main { font-size: 162.5%; }

.home .basic-section.about-section .btnshell { margin-top: 72px; }

@media screen and (min-width: 789px) { .home .basic-section.about-section > .inner { padding-top: 100px; padding-bottom: 80px; } }

@media screen and (max-width: 788px) { .home .basic-section.about-section .section-title { margin-bottom: 25px; }
  .home .basic-section.about-section .btnshell { margin-top: 40px; margin-bottom: 0; } }

@media screen and (max-width: 788px) { .home .basic-section.service-section .info-list { margin: 0 0 0 -15px; }
  .home .basic-section.service-section .info-list > .info { width: 33.33%; padding-left: 15px; }
  .home .basic-section.service-section .btnshell { margin: 0; } }

@media screen and (min-width: 789px) { .home .basic-section.service-section > .inner { padding-bottom: 60px; } }

@media screen and (max-width: 640px) { .home .basic-section.service-section .info-list { margin-left: 0; }
  .home .basic-section.service-section .info-list > .info { width: 100%; padding-left: 0; } }

.home .basic-section.works-section .swiper-slide { height: auto; }

.home .basic-section.works-section .info-card2 > .image { width: 53.33333%; max-width: 320px; }

.home .basic-section.works-section .info-card2 > .detail { padding: 15px 30px; }

.home .basic-section.works-section .btnshell { margin: 20px 0 40px; }

@media screen and (min-width: 789px) { .home .basic-section.works-section .section-title { margin-top: 40px; margin-bottom: 50px; } }

@media screen and (max-width: 788px) { .home .basic-section.works-section > .inner:first-child { padding-top: 30px; padding-bottom: 10px; }
  .home .basic-section.works-section > .inner:last-child { padding-top: 30px; }
  .home .basic-section.works-section .btnshell { margin: 0; }
  .home .basic-section.works-section .info-card2 { display: block; }
  .home .basic-section.works-section .info-card2 > .image { width: 100%; margin: 0 auto; }
  .home .basic-section.works-section .info-card2 > .detail { padding: 15px 0 0; }
  .home .basic-section.works-section .info-card2 .category { margin-top: 0; } }

.home .basic-section.home-blog-section .info-list > .info { width: 33.33%; }

.home .basic-section.home-blog-section .btnshell { margin: 20px 0 40px; }

@media screen and (min-width: 789px) { .home .basic-section.home-blog-section .section-title { margin-top: 40px; margin-bottom: 70px; } }

@media screen and (max-width: 788px) { .home .basic-section.home-blog-section > .inner { padding-top: 30px; }
  .home .basic-section.home-blog-section .btnshell { margin: 0; }
  .home .basic-section.home-blog-section .info-list > .info { width: 50%; } }

@media screen and (max-width: 500px) { .home .basic-section.home-blog-section .info-list { margin-left: 0; }
  .home .basic-section.home-blog-section .info-list > .info { width: 100%; padding-left: 0; } }

.home .basic-section.recruit-section .column2 { max-width: 1400px; margin: 0 auto; }

.home .basic-section.recruit-section .column2 > .box { width: 50%; text-align: center; }

.home .basic-section.recruit-section .column2 > .box.-body { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.home .basic-section.recruit-section .column2 > .box.-body > .inner { display: inline-block; padding: 40px 48px; }

.home .basic-section.recruit-section .column2 > .box.-body .btnshell { margin-top: 76px; }

.home .basic-section.recruit-section .column2 > .box.-body .btnshell + .btnshell { margin-top: 27px; }

.home .basic-section.recruit-section .column2 > .box.-bg { min-height: 600px; background: url("../../img/top/recruit.jpg?_241004") center center no-repeat; background-size: cover; }

@media screen and (max-width: 788px) { .home .basic-section.recruit-section .column2 { display: block; position: relative; }
  .home .basic-section.recruit-section .column2::after { display: block; content: ""; width: 100%; height: 100%; background: url("../img/bg_stripe_black_1.png"); position: absolute; top: 0; left: 0; }
  .home .basic-section.recruit-section .column2 > .box { width: 100%; }
  .home .basic-section.recruit-section .column2 > .box.-body { position: relative; z-index: 1; }
  .home .basic-section.recruit-section .column2 > .box.-body > .inner { padding: 30px 15px; }
  .home .basic-section.recruit-section .column2 > .box.-body .btnshell { margin-top: 20px; }
  .home .basic-section.recruit-section .column2 > .box.-body .btnshell + .btnshell { margin-top: 15px; }
  .home .basic-section.recruit-section .column2 > .box.-bg { min-height: 0; position: absolute; top: 0; left: 0; height: 100%; } }

.head-visual { margin-bottom: 20px; }

.head-visual > .image { position: relative; padding-top: 40%; height: 0; margin-right: 200px; background: url("../../img/top/service.jpg") center center no-repeat; background-size: cover; }

.head-visual > .image::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/bg_stripe_white_1.png); }

.head-visual > .box { position: relative; margin-top: -150px; margin-left: 360px; padding: 20px 40px 30px; background-color: #fff; }

.head-visual > .box .section-title { margin-bottom: 20px; text-align: left; }

@media screen and (max-width: 1200px) { .head-visual > .image { margin-right: 16.66667%; padding-top: 50%; }
  .head-visual > .box { margin-left: 30%; } }

@media screen and (max-width: 788px) { .head-visual { margin-bottom: 0; }
  .head-visual > .image { margin-right: 0; padding-top: 64%; }
  .head-visual > .box { margin: -10% 15px 0; padding: 20px; }
  .head-visual > .box .section-title .sub { margin: 0; }
  .head-visual > .box .basic { margin-bottom: 0; } }

/* アクセスマップ */
.accessinfo-block { position: relative; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url("../../img/top/access.jpg") center center no-repeat; background-size: cover; }

.accessinfo-block.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.accessinfo-block::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/bg_stripe_white_2.png); }

.accessinfo-block > .inner { position: relative; z-index: 1; padding: 20px; }

.accessinfo-block .title { margin-bottom: 30px; font-size: 1em; }

.accessinfo-block .title > .en { display: block; font-size: 262.5%; }

.accessinfo-block .title > .ja { display: block; font-size: 112.5%; margin-top: 10px; }

.accessinfo-block .btnshell { margin-top: 48px; }

.map-block { width: 50%; }

#gmap { width: 100%; height: 500px; }

@media screen and (max-width: 640px) { .basic-section.access-section .wrap { display: block; }
  .accessinfo-block, .map-block { width: 100%; }
  #gmap { height: 300px; }
  .accessinfo-block .title { margin-bottom: 20px; }
  .accessinfo-block .btnshell { margin-top: 25px; } }

/**************************************************
 company
***************************************************/
/**************************************************
 about ヘルツについて
***************************************************/
.about .column-list { margin-top: 77px; }

.about .label-section.-seminar { margin-top: 40px; margin-bottom: 30px; }

@media screen and (max-width: 788px) { .about .column-list { margin: 20px auto 0; }
  .about .column-list.-column3 li { width: 100%; margin-top: 10px; padding-left: 0; }
  .about .label-section.-seminar { margin-top: 30px; margin-bottom: 0; } }

.about .basic-section.aboutTop-section > .inner .lead { font-size: 112.5%; text-align: center; }

.about .basic-section.aboutTop-section > .inner .lead + .lead { margin-top: 32px; }

@media screen and (max-width: 788px) { .about .basic-section.aboutTop-section > .inner .lead { font-size: 93.75%; } }

@media screen and (max-width: 500px) { .about .basic-section.aboutTop-section > .inner .lead { font-size: 93.75%; text-align: left; } }

.about .basic-box.-mission { padding: 28px 10px; }

@media screen and (max-width: 788px) { .about .basic-section.aboutTop-section > .inner .lead + .lead { margin-top: 20px; }
  .about .basic-box.-mission { padding: 18px 15px 20px; } }

.about .basic-section.company-section > .inner { padding-bottom: 0; }

.about .basic-section.company-section > .inner:last-child { padding-top: 20px; }

.about .basic-section.company-section .basic-table.-underline { width: 100%; }

.about .basic-section.company-section .basic-table.-underline th { width: 11em; }

@media screen and (max-width: 788px) { .about .basic-section.company-section > .inner:last-child { padding-top: 0; padding-bottom: 40px; } }

.about .basic-section.access-section > .inner { padding-top: 74px; padding-bottom: 0; }

.about .basic-section.access-section > .inner:last-child { padding-top: 24px; }

.about .access-wrap > .image { width: 34.88372%; margin-left: 20px; margin-bottom: 10px; }

.about .access-info .basic-title.-large { margin: 0 0 18px; }

.about .access-info .basic-title.-midium { margin: 24px 0 5px; }

.about .access-info .text { margin: 0; line-height: 2; }

.about .gmap-wrap { height: 0; padding-top: 58.13953%; margin-top: 55px; position: relative; }

.about .gmap-wrap .gmap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.about .gmap-wrap + .access-wrap { margin-top: 94px; }

@media screen and (max-width: 788px) { .about .basic-section.access-section > .inner { padding-top: 35px; padding-bottom: 40px; }
  .about .basic-section.access-section > .inner:last-child { padding-top: 0; }
  .about .access-wrap > .image { margin-left: 10px; }
  .about .gmap-wrap { margin-top: 20px; }
  .about .gmap-wrap + .access-info { margin-top: 40px; } }

.about .basic-section.faq-section > .inner { padding-top: 80px; }

@media screen and (max-width: 788px) { .about .basic-section.faq-section > .inner { padding-top: 35px; } }

.about .basic-section.seminar-section .lead-img { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 32px; margin-bottom: 120px; }

.about .basic-section.seminar-section .lead-img .img:first-child { padding-right: 1.17647%; }

.about .basic-section.seminar-section .info-list2 { max-width: 900px; margin-left: auto; margin-right: auto; overflow: hidden; margin-top: 40px; margin-bottom: 40px; }

.about .basic-section.seminar-section .info-card2 .image { min-width: 240px; }

@media screen and (max-width: 788px) { .about .basic-section.seminar-section .lead-img { margin-top: 20px; margin-bottom: 50px; }
  .about .basic-section.seminar-section .info-list2 { margin-top: 20px; margin-bottom: 0; }
  .about .basic-section.seminar-section .info-card2 .detail { -webkit-box-sizing: border-box; box-sizing: border-box; width: 70%; }
  .about .basic-section.seminar-section .info-card2 .image { min-width: 150px; width: 30%; } }

@media screen and (max-width: 500px) { .about .basic-section.seminar-section .info-card2 .detail { width: 100%; padding: 0; }
  .about .basic-section.seminar-section .info-card2 .image { width: 100%; padding-top: 15px; } }

.about .basic-section.bnr-section > .inner { padding-top: 70px; padding-bottom: 65px; }

.about .basic-section.bnr-section .lead { margin-top: 0; line-height: 1.5; }

.about .basic-section.bnr-section .basic-title { margin: 0 0 26px; }

@media screen and (max-width: 788px) { .about .basic-section.bnr-section > .inner { padding-top: 40px; padding-bottom: 40px; }
  .about .basic-section.bnr-section .lead { text-align: left; }
  .about .basic-section.bnr-section .basic-title { margin-bottom: 15px; } }

.about .bnr-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding-left: 0; margin: 0 -10px; }

.about .bnr-list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.about .bnr-list .bnr, .about .bnr-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.about .bnr-list .bnr { margin: 30px 10px 0; min-width: 330px; }

.about .bnr-list a { width: 100%; padding: 19px; background-color: #fff; }

.about .bnr-list a > img { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.about .bnr-list.-small .bnr { min-width: 240px; }

@media screen and (max-width: 788px) { .about .bnr-list { margin: 0 -5px; }
  .about .bnr-list .bnr { margin: 10px 5px 0; width: 100%; min-width: 0; max-width: 330px; } }

.about .basic-section.-slim .column-list { margin-top: 0; }

@media screen and (max-width: 788px) { .about .basic-section.-slim > .inner { padding-top: 30px; } }

.about .basic-section.privacy-section > .inner { padding-bottom: 65px; }

.about .basic-section.privacy-section .category-lead { margin-bottom: 60px; }

/**************************************************
 service 提供サービス
***************************************************/
.service .basic-section.service-section > .inner:first-child { padding-bottom: 14px; }

.service .basic-section.service-section > .inner:last-child { padding-bottom: 60px; }

@media screen and (max-width: 788px) { .service .basic-section.service-section > .inner:first-child { padding-bottom: 0; }
  .service .basic-section.service-section > .inner:last-child { padding-bottom: 40px; } }

@media screen and (max-width: 500px) { .service .basic-section.service-section > .inner:last-child { padding-top: 0; } }

.service .column-list .head { margin: 0 0 30px; font-size: 112.5%; }

.service .column-list .body { margin: 20px 0 0; font-size: 87.5%; line-height: 2; text-align: left; }

@media screen and (max-width: 500px) { .service .column-list { margin: 0; }
  .service .column-list li { width: 100%; padding-top: 35px; padding-left: 0; } }

.service .service-flow { max-width: 664px; margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; padding-left: 0; }

.service .service-flow > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; }

.service .service-flow > li.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.service .service-flow > li:not(:first-child) { position: relative; margin-top: 50px; }

.service .service-flow > li:not(:first-child)::before { width: 0; height: 0; border: transparent solid; border-width: 15px 8px 0; border-top-color: #999999; content: ''; position: absolute; left: 55px; top: -32px; }

.service .service-flow .img { min-width: 80px; width: 80px; height: 80px; padding: 23px; background-color: #fff; border-radius: 50%; overflow: hidden; }

.service .service-flow .detail { width: 75.3012%; padding-left: 15px; }

.service .service-flow .head { margin: 8px 0 0; font-size: 112.5%; }

.service .service-flow .body { margin: 8px 0 0; font-size: 87.5%; line-height: 1.9; }

@media screen and (max-width: 500px) { .service .service-flow > li { display: block; }
  .service .service-flow > li:not(:first-child)::before { left: 50%; margin-left: -8px; }
  .service .service-flow .img { margin: 0 auto; }
  .service .service-flow .detail { width: 100%; padding-top: 14px; padding-left: 0; }
  .service .service-flow .head { text-align: center; } }

.service .basic-section.flow-section > .inner { padding-top: 52px; padding-bottom: 80px; }

.service .basic-section.flow-section .basic-title { margin: 0 0 48px; }

@media screen and (max-width: 788px) { .service .basic-section.flow-section > .inner { padding-top: 40px; padding-bottom: 24px; }
  .service .basic-section.flow-section .basic-title { margin-bottom: 30px; } }

.service .basic-section.project-section > .inner { padding-top: 100px; padding-bottom: 95px; }

@media screen and (max-width: 788px) { .service .basic-section.project-section > .inner { padding-top: 40px; padding-bottom: 40px; } }

/**************************************************
 works 制作実績
***************************************************/
.works .info-card .title { margin-top: 10px; }

.works .info-card .title > .sub { font-size: 100%; }

.works .info-card .category { margin-top: 10px; padding: 0.3em 1em; }

@media screen and (max-width: 788px) { .works .info-list { margin-right: 0; }
  .works .info-list > .info { width: 50%; margin-bottom: 15px; padding-right: 0; } }

@media screen and (max-width: 500px) { .works .info-list { margin-left: 0; }
  .works .info-list > .info { width: 100%; padding-left: 0; }
  .works .info-card { padding: 15px; } }

.works .basic-section.worksTop-section > .inner .basic-title { margin: 0 0 45px; }

.works .basic-section.worksTop-section > .inner:last-child { padding-top: 45px; padding-bottom: 102px; }

@media screen and (max-width: 788px) { .works .basic-section.worksTop-section > .inner { padding-bottom: 0; }
  .works .basic-section.worksTop-section > .inner .basic-title { margin-bottom: 30px; }
  .works .basic-section.worksTop-section > .inner:last-child { padding-top: 40px; padding-bottom: 40px; } }

.works .worksCategory-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding-left: 0; margin: 0 -8px 50px; }

.works .worksCategory-list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.works .worksCategory-list > li { display: block; margin: 8px; }

.works .worksCategory-list > li > .btn { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .75em 1em; background: #eee; line-height: 1.25; text-align: center; }

.works .worksCategory-list > li > .btn.-current { background: #111; color: #fff; pointer-events: none; }

@media screen and (max-width: 640px) { .works .worksCategory-list { margin: 0 -2px 25px; }
  .works .worksCategory-list > li { margin: 2px; }
  .works .worksCategory-list > li > .btn { font-size: 75%; } }

.works .basic-section.worksDetail-section.-ver2 .inner { padding: 0px; overflow: unset; }

@media screen and (max-width: 640px) { .works .basic-section.worksDetail-section.-ver2 .inner { padding: 0 15px; } }

.works .basic-section.worksDetail-section > .inner:first-child { padding-top: 85px; padding-bottom: 25px; }

.works .basic-section.worksDetail-section > .inner.ver_2 { text-align: left; }

.works .basic-section.worksDetail-section > .inner.ver_2 .info-list { margin-left: -30px; margin-right: 0; }

.works .basic-section.worksDetail-section > .inner.ver_2 .info-list .info { padding: 0; padding-left: 30px; }

.works .basic-section.worksDetail-section > .inner.ver_2 .info-list .info .category, .works .basic-section.worksDetail-section > .inner.ver_2 .info-list .info .sub { display: none; }

.works .basic-section.worksDetail-section > .inner.ver_2 .info-list .info .info-card { padding: 0; background-color: transparent; }

.works .basic-section.worksDetail-section .works-sub { margin-top: 70px; margin-bottom: 70px; }

.works .basic-section.worksDetail-section .works-sub:last-child { margin-bottom: 0; }

.works .basic-section.worksDetail-section .info-list { margin-top: 40px; }

.works .basic-section.worksDetail-section .handle-area .txt + .txt::before { content: '／'; }

@media screen and (max-width: 788px) { .works .basic-section.worksDetail-section > .inner:first-child { padding-top: 40px; padding-bottom: 0; }
  .works .basic-section.worksDetail-section > .inner:last-child { padding-bottom: 25px; }
  .works .basic-section.worksDetail-section .works-sub { margin-top: 40px; margin-bottom: 40px; }
  .works .basic-section.worksDetail-section .info-list { margin-top: 30px; margin-bottom: 0; } }

@media screen and (max-width: 640px) { .works .basic-section.worksDetail-section .column-list.-column3 { margin-top: -20px; margin-left: 0; }
  .works .basic-section.worksDetail-section .column-list.-column3 > li { width: 100%; margin-top: 20px; padding-left: 0; } }

@media screen and (max-width: 500px) { .works .basic-section.worksDetail-section .column-list.-column2 { margin-top: -20px; margin-left: 0; }
  .works .basic-section.worksDetail-section .column-list.-column2 > li { width: 100%; margin-top: 20px; padding-left: 0; } }

.works .basic-box.-summary { margin-top: 54px; margin-bottom: 80px; padding: 38px 40px 42px; }

.works .basic-box.-summary .basic-table.-underline { width: calc(100% - 40px); margin: 0 20px; }

.works .basic-box.-summary .basic-table.-underline th { width: 10em; font-weight: normal; }

.works .basic-box.-summary .basic-box.-white { margin-top: 40px; padding: 36px 40px 38px; text-align: left; }

.works .basic-box.-summary .basic-title { margin: 0 0 30px; }

.works .basic-box.-summary .summary-list { margin: 0; }

@media screen and (max-width: 788px) { .works .basic-box.-summary { margin-top: 30px; margin-bottom: 40px; padding: 15px; }
  .works .basic-box.-summary .basic-table.-underline { width: calc(100% - 20px); margin: 0 10px; }
  .works .basic-box.-summary .basic-box.-white { margin-top: 20px; padding: 15px; } }

.works .basic-box + .lead { margin-top: 60px; text-align: left; line-height: 2; }

.works .acms-entry.-works { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 800px; width: 100%; margin: 0 auto; }

.works .acms-entry.ver_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; margin-top: 60px; }

.works .acms-entry.ver_2 .works-media img { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); }

.works .acms-entry .custom-text:first-of-type { margin-top: 0; }

.works .works-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 60px; }

.works .works-media > img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.works .works-media.-left { margin-right: auto; }

.works .works-media.-center { margin: 0 auto; }

.works .works-media.-right { margin-left: auto; }

.works .works-media.-large { max-width: 100%; margin: 0 auto; width: 100%; }

.works .works-media.-large > img { width: auto; border: solid 1px #eee; }

@media screen and (max-width: 788px) { .works .works-media.-large { width: auto; } }

.works .works-media.-medium { max-width: 50%; padding-right: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.works .works-media.-medium > img { width: auto; border: solid 1px #eee; }

@media screen and (max-width: 788px) { .works .works-media.-medium { width: auto; } }

.works .works-media.-medium:nth-of-type(2n) { padding-right: 0; padding-left: 5px; }

.works .works-media.-medium.-pr { padding-right: 10px; padding-left: 0; }

@media screen and (max-width: 640px) { .works .works-media.-medium.-pr { padding-right: 5px; } }

.works .works-media.-medium.-pl { padding-left: 10px; padding-right: 0; }

@media screen and (max-width: 640px) { .works .works-media.-medium.-pl { padding-left: 5px; } }

.works .works-media.-small { max-width: 33.33333%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 0 10px; margin-top: 20px; }

.works .works-media.-small > img { width: auto; border: solid 1px #eee; }

@media screen and (max-width: 788px) { .works .works-media.-small { width: auto; } }

.works .works-media .caption { font-size: 100%; line-height: 1.5; margin: 0; margin-top: 0.5em; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

.works .works-media .caption.sml { font-size: 87.5%; }

.works .works-media .caption.-med { font-size: 112.5%; }

.works .works-media .caption.-lrg { font-size: 150%; }

.works .works-media .caption.-mega { font-size: 200%; }

.works .works-media .caption.-text_left { text-align: left; }

.works .works-media .caption.-text_center { text-align: center; }

.works .works-media .caption.-text_right { text-align: right; }

.margin-size { display: block; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.margin-size > span { display: block; }

.margin-size > .-size1 { padding: 5px 0; }

.margin-size > .-size2 { padding: 10px 0; }

.margin-size > .-size3 { padding: 15px 0; }

.margin-size > .-size4 { padding: 20px 0; }

.margin-size > .-size5 { padding: 25px 0; }

.margin-size > .-size6 { padding: 30px 0; }

.margin-size > .-size7 { padding: 35px 0; }

.margin-size > .-size8 { padding: 40px 0; }

.margin-size > .-size9 { padding: 45px 0; }

.margin-size > .-size10 { padding: 50px 0; }

.margin-size > .-size11 { padding: 55px 0; }

.margin-size > .-size12 { padding: 60px 0; }

@media screen and (max-width: 788px) { .margin-size > .-size1 { padding: calc(5px * 0.8) 0; }
  .margin-size > .-size2 { padding: calc(10px * 0.8) 0; }
  .margin-size > .-size3 { padding: calc(15px * 0.8) 0; }
  .margin-size > .-size4 { padding: calc(20px * 0.8) 0; }
  .margin-size > .-size5 { padding: calc(25px * 0.8) 0; }
  .margin-size > .-size6 { padding: calc(30px * 0.8) 0; }
  .margin-size > .-size7 { padding: calc(35px * 0.8) 0; }
  .margin-size > .-size8 { padding: calc(40px * 0.8) 0; }
  .margin-size > .-size9 { padding: calc(45px * 0.8) 0; }
  .margin-size > .-size10 { padding: calc(50px * 0.8) 0; }
  .margin-size > .-size11 { padding: calc(55px * 0.8) 0; }
  .margin-size > .-size12 { padding: calc(60px * 0.8) 0; } }

@media screen and (max-width: 640px) { .margin-size > .-size1 { padding: calc(5px * 0.5) 0; }
  .margin-size > .-size2 { padding: calc(10px * 0.5) 0; }
  .margin-size > .-size3 { padding: calc(15px * 0.5) 0; }
  .margin-size > .-size4 { padding: calc(20px * 0.5) 0; }
  .margin-size > .-size5 { padding: calc(25px * 0.5) 0; }
  .margin-size > .-size6 { padding: calc(30px * 0.5) 0; }
  .margin-size > .-size7 { padding: calc(35px * 0.5) 0; }
  .margin-size > .-size8 { padding: calc(40px * 0.5) 0; }
  .margin-size > .-size9 { padding: calc(45px * 0.5) 0; }
  .margin-size > .-size10 { padding: calc(50px * 0.5) 0; }
  .margin-size > .-size11 { padding: calc(55px * 0.5) 0; }
  .margin-size > .-size12 { padding: calc(60px * 0.5) 0; } }

.custom-text { display: block; text-align: left; margin-top: 72px; }

@media screen and (max-width: 640px) { .custom-text { margin-top: 32px; } }

.custom-text .title { font-size: 137.5%; margin: 0; }

@media screen and (max-width: 640px) { .custom-text .title { font-size: 112.5%; } }

.custom-text .text { font-size: 100%; line-height: 1.8; margin: 0; margin-top: 32px; }

@media screen and (max-width: 640px) { .custom-text .text { font-size: 87.5%; margin-top: 16px; } }

.acms-admin-table-admin-edit.-worksmedia > tbody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; }

.acms-admin-table-admin-edit.-worksmedia > tbody.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.acms-admin-table-admin-edit.-worksmedia > tbody th { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.acms-admin-table-admin-edit.-worksmedia .image { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.acms-admin-table-admin-edit.-worksmedia .desc { width: 70%; }

.acms-admin-table-admin-edit.-worksmedia .desc > td { display: block; width: 100%; }

.acms-admin-table-admin-edit.-worksmedia .desc th { width: 150px; padding: 5px 0 10px; }

.custommargin-table .pixcel { padding-left: 1em; }

/**************************************************
 project プロジェクトストーリー
***************************************************/
.project .info-list2 > .info { margin-bottom: 30px; }

.project .info-card2 .image { min-width: 320px; }

.project .info-card2 .detail { position: relative; padding-left: 28px; }

.project .info-card2 .title { font-size: 125%; line-height: 1.4; margin-top: 5px; margin-bottom: 36px; }

.project .info-card2 .category, .project .info-card2 .tag { margin-top: 0; }

.project .info-card2 .btn { position: absolute; bottom: 0; left: 28px; }

@media screen and (max-width: 788px) { .project .info-list2 > .info { margin-bottom: 10px; }
  .project .info-card2 .detail { -webkit-box-sizing: border-box; box-sizing: border-box; width: 70%; padding: 0 0 0 15px; }
  .project .info-card2 .image { min-width: 150px; width: 30%; }
  .project .info-card2 .title { font-size: 112.5%; margin-bottom: 20px; }
  .project .info-card2 .btn { position: static; } }

@media screen and (max-width: 500px) { .project .info-card2 .detail { width: 100%; padding: 0; }
  .project .info-card2 .image { width: 100%; padding-bottom: 15px; } }

.project .basic-section.projectTop-section > .inner:last-child { padding-top: 20px; }

.project .basic-section.projectTop-section .page-nav { margin: 56px 0; }

.project .basic-section.projectDetail-section > .inner { padding-top: 72px; padding-bottom: 80px; overflow: visible; }

.project .basic-section.projectDetail-section .entry-head { text-align: left; }

.project .basic-section.projectDetail-section .entry-head > .title { margin-top: 10px; font-size: 200%; line-height: 1.3; }

.project .basic-section.projectDetail-section .entry-head > .sub { margin-top: 20px; }

.project .basic-section.projectDetail-section .column-list.-site { margin-top: 80px; margin-bottom: 70px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.project .basic-section.projectDetail-section .lead > .sub { margin: 0; }

.project .basic-section.projectDetail-section .lead > .main { margin-top: 14px; line-height: 1.3; }

.project .basic-section.projectDetail-section .lead > .url { margin-top: 24px; }

.project .basic-section.projectDetail-section .lead > .basic { margin: 40px 0 0; }

.project .basic-section.projectDetail-section .entry-body > .project-wrap { margin-top: 70px; }

.project .basic-section.projectDetail-section .entry-body > .project-wrap > .body { width: 63.72549%; }

.project .basic-section.projectDetail-section .entry-body > .project-wrap > .image { width: 31.56863%; }

.project .basic-section.projectDetail-section .basic-box > .project-wrap { margin-top: 25px; }

.project .basic-section.projectDetail-section .basic-box > .project-wrap > .body { width: 61.11111%; }

.project .basic-section.projectDetail-section .basic-box > .project-wrap > .image { width: 35.55556%; }

.project .basic-section.projectDetail-section .project-wrap .body > .basic-title { margin-top: 0; }

.project .basic-section.projectDetail-section .project-wrap .image { text-align: center; }

.project .basic-section.projectDetail-section .sites-view, .project .basic-section.projectDetail-section .sites-view + .lead { margin-top: 0; }

@media screen and (max-width: 788px) { .project .basic-section.projectDetail-section > .inner { padding-top: 40px; padding-bottom: 40px; }
  .project .basic-section.projectDetail-section .entry-head > .title { font-size: 156.25%; }
  .project .basic-section.projectDetail-section .column-list.-site { margin-top: 40px; margin-bottom: 30px; }
  .project .basic-section.projectDetail-section .entry-body > .project-wrap > .body { width: auto; }
  .project .basic-section.projectDetail-section .entry-body > .project-wrap > .image { width: auto; }
  .project .basic-section.projectDetail-section .basic-box > .project-wrap { margin-top: 0; }
  .project .basic-section.projectDetail-section .basic-box > .project-wrap > .body { width: auto; }
  .project .basic-section.projectDetail-section .basic-box > .project-wrap > .image { width: auto; margin-top: 1em; } }

@media screen and (max-width: 500px) { .project .basic-section.projectDetail-section .column-list.-site { margin-left: 0; }
  .project .basic-section.projectDetail-section .column-list.-site li { padding-left: 0; width: 100%; }
  .project .basic-section.projectDetail-section .sites-view + .lead { margin-top: 20px; }
  .project .basic-section.projectDetail-section .entry-body > .project-wrap { margin-top: 40px; } }

.project .swiper-carousel.-otherProject { margin-top: 80px; }

.project .swiper-carousel.-otherProject .swiper-slide a { padding: 20px; }

.project .swiper-carousel.-otherProject .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; }

.project .swiper-carousel.-otherProject .inner.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.project .swiper-carousel.-otherProject .img { width: 43.47826%; }

.project .swiper-carousel.-otherProject .detail { width: 53.04348%; margin: 5px 0; padding-left: 16px; font-size: 87.5%; line-height: 1.7; font-weight: 500; text-align: left; }

@media screen and (max-width: 788px) { .project .swiper-carousel.-otherProject { margin-top: 40px; }
  .project .swiper-carousel.-otherProject .swiper-slide a { padding: 15px; }
  .project .swiper-carousel.-otherProject .inner { display: block; }
  .project .swiper-carousel.-otherProject .img { width: 100%; }
  .project .swiper-carousel.-otherProject .detail { width: 100%; margin: 15px 0 0; padding-left: 0; } }

/**************************************************
 blog ヘルツブログ
***************************************************/
.blog .info-list.-blog > .info { width: 50%; }

.blog .info-list.-blog > .info .image { height: 180px; overflow: hidden; }

.blog .info-list.-blog > .info .image > img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.blog .blog-section.-blogTop .page-nav { margin: 25px 0 55px; }

@media screen and (max-width: 788px) { .blog .blog-section.-blogTop { padding-top: 25px; } }

.blog .blog-section.-blogDetail { padding-bottom: 54px; }

@media screen and (max-width: 788px) { .blog .blog-section.-blogDetail { padding-bottom: 40px; } }

.blog .article { margin-top: 35px; margin-bottom: 35px; padding-bottom: 27px; border-bottom: 2px solid #eee; }

@media screen and (max-width: 788px) { .blog .article { margin-top: 0; margin-bottom: 40px; } }

.blog .entry-head > .date { margin: 0; }

.blog .entry-head > .title { margin-top: 6px; font-size: 150%; line-height: 1.3; }

.blog .entry-head > .category { margin-top: 15px; padding: 0.4em 1.5em; font-size: 81.25%; }

@media screen and (max-width: 788px) { .blog .entry-head > .title { font-size: 125%; } }

.blog .entry-blogbody .img.-main { margin-top: 48px; margin-bottom: 32px; }

.blog .entry-blogbody *:last-child { margin-bottom: 0; }

.blog .entry-blogbody .acms-grid h3 { font-size: 150%; }

.blog .entry-blogbody .acms-grid h5 { font-size: 112.5%; }

.blog .entry-blogbody .acms-grid .basic-title { font-size: 125%; }

.blog .entry-blogbody .acms-grid .basic-title-large-lineLeft, .blog .entry-blogbody .acms-grid .basic-title-sml-lineLeft { position: relative; padding-left: 42px; }

.blog .entry-blogbody .acms-grid .basic-title-large-lineLeft::after, .blog .entry-blogbody .acms-grid .basic-title-sml-lineLeft::after { position: absolute; top: 1em; left: 0; display: block; width: 32px; height: 2px; margin-top: -3px; background-color: #111; content: ''; }

.blog .entry-blogbody .acms-grid .basic-title-large-lineUnder, .blog .entry-blogbody .acms-grid .basic-title-sml-lineUnder { position: relative; padding-bottom: 20px; }

.blog .entry-blogbody .acms-grid .basic-title-large-lineUnder::after, .blog .entry-blogbody .acms-grid .basic-title-sml-lineUnder::after { position: absolute; bottom: 0; left: 0; display: block; width: 100px; height: 4px; background-color: #111; content: ''; }

@media screen and (max-width: 788px) { .blog .entry-blogbody .img.-main { margin-top: 30px; margin-bottom: 20px; } }

.blog .tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; margin-top: 52px; }

.blog .tag-list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.blog .tag-list > .tag { margin-bottom: 10px; margin-right: 10px; }

.blog .tag-list > .tag a { background-color: #eee; color: #666; padding: 0.4em 1em; display: inline-block; font-size: 81.25%; }

@media screen and (max-width: 788px) { .blog .tag-list { margin-top: 35px; } }

.blog .entry-share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; margin-top: 20px; }

.blog .entry-share.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.blog .entry-share > li { margin-right: 10px; }

.blog .entry-share > li > a { display: block; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; }

.blog .entry-share > li.twitter a { background-color: #55acee; font-size: 131.25%; }

.blog .entry-share > li.facebook a { background-color: #3b5998; font-size: 143.75%; }

.blog .entry-author { margin-top: 37px; padding: 10px; background-color: #eee; }

.blog .entry-author > .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.blog .entry-author > .inner.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.blog .entry-author p { margin-top: 0; margin-bottom: 0; }

.blog .entry-author .img { min-width: 80px; }

.blog .entry-author .name { padding-left: 30px; line-height: 1.4; }

@media screen and (max-width: 788px) { .blog .entry-author .name { padding-left: 15px; } }

.blog .related-article .basic-title { margin-bottom: 28px; }

/**************************************************
 recruit 採用情報
***************************************************/
.recruit .basic-section.staffList-section > .inner { padding-top: 85px; padding-bottom: 85px; }

.recruit .basic-section.staffList-section .column-list > li { margin-top: 30px; }

.recruit .basic-section.staffList-section .column-list a { display: block; position: relative; }

.recruit .basic-section.staffList-section .column-list a > .text { width: 87.5%; padding: 14px 20px; position: absolute; bottom: 7.14286%; left: 0; background-color: #fff; text-align: left; line-height: 1.4; -webkit-box-sizing: border-box; box-sizing: border-box; }

.recruit .basic-section.staffList-section .column-list a > .text > p { margin: 0; }

.recruit .basic-section.staffList-section .column-list a > .text > .post { font-weight: 700; }

.recruit .basic-section.staffList-section .column-list a > .text .joined { display: inline-block; font-size: 81.25%; padding: 0 8px; }

@media screen and (max-width: 788px) { .recruit .basic-section.staffList-section > .inner { padding-top: 30px; padding-bottom: 30px; }
  .recruit .basic-section.staffList-section .section-title { margin-bottom: 0; }
  .recruit .basic-section.staffList-section .section-title span { margin-bottom: 0; }
  .recruit .basic-section.staffList-section .column-list { margin-top: 0; }
  .recruit .basic-section.staffList-section .column-list > li { margin-top: 30px; }
  .recruit .basic-section.staffList-section .column-list a > .text { width: 95%; bottom: -20px; left: 2.5%; padding: 10px 10px 12px; text-align: center; }
  .recruit .basic-section.staffList-section .column-list a > .text > .post { margin-bottom: 5px; }
  .recruit .basic-section.staffList-section .column-list a > .text > .name { line-height: 1.2; } }

@media screen and (max-width: 640px) { .recruit .basic-section.staffList-section .column-list > li { width: 50%; } }

@media screen and (max-width: 500px) { .recruit .basic-section.staffList-section .column-list { margin-left: 0; }
  .recruit .basic-section.staffList-section .column-list > li { width: 100%; padding-left: 0; }
  .recruit .basic-section.staffList-section .column-list a { max-width: 320px; margin: 0 auto; } }

.recruit .basic-section.requirement-section { position: relative; background: url("../../img/recruit/bg-label-requirement.jpg") center center no-repeat; background-size: cover; }

.recruit .basic-section.requirement-section > .inner { position: relative; padding-top: 68px; padding-bottom: 45px; color: #fff; }

.recruit .basic-section.requirement-section::before { display: block; content: ""; width: 100%; height: 100%; background: url("../img/bg_stripe_blue.png"); position: absolute; top: 0; left: 0; }

.recruit .basic-section.requirement-section .section-title { margin-bottom: 38px; }

.recruit .basic-section.requirement-section .column-list > li:not(:last-child) > .basic-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: none; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 788px) { .recruit .basic-section.requirement-section > .inner { padding-top: 30px; padding-bottom: 30px; }
  .recruit .basic-section.requirement-section .section-title { margin-bottom: 15px; } }

@media screen and (max-width: 640px) { .recruit .basic-section.requirement-section .column-list { margin: 0; }
  .recruit .basic-section.requirement-section .column-list > li { width: 100%; margin-top: 10px; padding-left: 0; }
  .recruit .basic-section.requirement-section .column-list > li > .basic-btn { max-width: 11em !important; height: auto !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } }

.recruit .entry-body .box { margin-top: 50px; }

.recruit .entry-body .box > .images { margin: 0 55px 20px 0; }

.recruit .entry-body .box > *:last-child { margin-bottom: 0; }

@media screen and (max-width: 788px) { .recruit .entry-body .box { margin-top: 30px; } }

@media screen and (max-width: 500px) { .recruit .entry-body .images { width: 100% !important; margin: 0 0 20px !important; } }

.recruit .basic-section.recruitTop-section > .inner { padding-bottom: 60px; }

.recruit .basic-section.recruitTop-section > .inner .column-list.-requirement { margin-top: 70px; }

.recruit .basic-section.recruitTop-section > .inner .column-list.-requirement .btnshell { margin-top: 0; margin-bottom: 0; }

.recruit .basic-section.recruitTop-section > .inner .column-list.-requirement .basic-btn { padding-left: 2em; padding-right: 2em; }

.recruit .basic-section.recruitTop-section > .inner .column-list.-requirement > li:not(:last-child) .basic-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.recruit .basic-section.recruitTop-section > .inner .notes { margin-top: 50px; }

.recruit .basic-section.recruitTop-section > .inner .notes + .column-list.-requirement { margin-top: 30px; }

@media screen and (max-width: 788px) { .recruit .basic-section.recruitTop-section > .inner { padding-bottom: 30px; }
  .recruit .basic-section.recruitTop-section > .inner .column-list.-requirement { margin-top: 30px; }
  .recruit .basic-section.recruitTop-section > .inner .column-list.-requirement .basic-btn { max-width: 320px; padding-top: 0.7em; padding-bottom: 0.8em; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .recruit .basic-section.recruitTop-section > .inner .notes { margin-top: 20px; } }

@media screen and (max-width: 640px) { .recruit .basic-section.recruitTop-section > .inner .column-list.-requirement { margin-top: 10px; margin-left: 0; }
  .recruit .basic-section.recruitTop-section > .inner .column-list.-requirement > li { width: 100%; margin-top: 20px; padding-left: 0; }
  .recruit .basic-section.recruitTop-section > .inner .notes { margin-top: 15px; }
  .recruit .basic-section.recruitTop-section > .inner .notes + .column-list.-requirement { margin-top: 0; } }

.recruit .basic-section.office-section > .inner { padding-top: 64px; padding-bottom: 45px; text-align: left; }

.recruit .basic-section.office-section .section-title { margin-bottom: 60px; }

.recruit .basic-section.office-section .section-title + .images { margin-bottom: 75px; }

.recruit .basic-section.office-section .basic-title { margin-bottom: 0.5em; }

.recruit .basic-section.office-section .basic-title + .caption-box { margin-top: 60px; }

.recruit .basic-section.office-section .basic { line-height: 2; }

.recruit .basic-section.office-section .column-list { margin-top: 35px; margin-bottom: 35px; }

@media screen and (max-width: 788px) { .recruit .basic-section.office-section > .inner { padding-top: 30px; padding-bottom: 20px; }
  .recruit .basic-section.office-section .section-title { margin-bottom: 35px; }
  .recruit .basic-section.office-section .section-title + .images { margin-bottom: 30px; }
  .recruit .basic-section.office-section .basic-title + .caption-box { margin-top: 30px; }
  .recruit .basic-section.office-section .column-list { margin-top: 30px; margin-bottom: 30px; } }

@media screen and (max-width: 500px) { .recruit .basic-section.office-section > .inner .column-list.-office2, .recruit .basic-section.office-section > .inner .column-list.-office3 { max-width: 320px; margin: 0 auto; }
  .recruit .basic-section.office-section > .inner .column-list.-office2 > li, .recruit .basic-section.office-section > .inner .column-list.-office3 > li { width: 100%; margin-top: 20px; padding-left: 0; } }

.recruit .basic-section.welfare-section > .inner { padding-top: 64px; padding-bottom: 64px; }

.recruit .basic-section.welfare-section .section-title { margin-bottom: 60px; }

.recruit .basic-section.welfare-section .column-list.-sub { margin-top: 56px; margin-bottom: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.recruit .basic-section.welfare-section .column-list.-sub > li { margin-bottom: 20px; }

.recruit .basic-section.welfare-section .column-list.-sub .basic-box { height: 100%; padding: 33px 40px; border-radius: 4px; }

.recruit .basic-section.welfare-section .column-list.-sub .head { margin: 0; font-size: 137.5%; font-weight: 500; letter-spacing: 0.08em; text-indent: 0.08em; }

.recruit .basic-section.welfare-section .column-list.-sub .text { margin: 12px 0 0; font-size: 87.5%; line-height: 1.7; text-align: left; }

.recruit .basic-section.welfare-section .column-list + .section-title { margin-top: 42px; }

@media screen and (max-width: 788px) { .recruit .basic-section.welfare-section > .inner { padding-top: 30px; padding-bottom: 35px; }
  .recruit .basic-section.welfare-section .section-title { margin-bottom: 35px; }
  .recruit .basic-section.welfare-section .column-list.-sub { margin-top: 35px; }
  .recruit .basic-section.welfare-section .column-list.-sub > li { margin-bottom: 10px; }
  .recruit .basic-section.welfare-section .column-list.-sub .basic-box { padding: 15px; }
  .recruit .basic-section.welfare-section .column-list.-sub .head { font-size: 106.25%; }
  .recruit .basic-section.welfare-section .column-list.-sub .text { margin-top: 10px; } }

@media screen and (max-width: 640px) { .recruit .basic-section.welfare-section .column-list.-sub > li { width: 50%; } }

@media screen and (max-width: 500px) { .recruit .basic-section.welfare-section .column-list.-sub { margin-left: 0; }
  .recruit .basic-section.welfare-section .column-list.-sub > li { width: 100%; padding-left: 0; } }

.recruit .basic-section.gallery-section > .inner { padding-top: 85px; padding-bottom: 100px; text-align: left; }

.recruit .basic-section.gallery-section .column-list { margin-top: 0; margin-bottom: 0; }

.recruit .basic-section.gallery-section .column-list + .column-list { margin-top: 35px; }

.recruit .basic-section.gallery-section .caption-box > .body { margin-top: 10px; }

@media screen and (max-width: 788px) { .recruit .basic-section.gallery-section > .inner { padding-top: 45px; padding-bottom: 40px; }
  .recruit .basic-section.gallery-section .column-list + .column-list { margin-top: 30px; } }

@media screen and (max-width: 500px) { .recruit .basic-section.gallery-section > .inner { padding-top: 25px; }
  .recruit .basic-section.gallery-section > .inner .column-list.-office2, .recruit .basic-section.gallery-section > .inner .column-list.-office3 { max-width: 320px; margin: 0 auto; }
  .recruit .basic-section.gallery-section > .inner .column-list.-office2 > li, .recruit .basic-section.gallery-section > .inner .column-list.-office3 > li { width: 100%; margin-top: 20px; padding-left: 0; } }

.recruit .basic-section.requirementDetail-section > .inner:first-child { padding-bottom: 25px; }

.recruit .basic-section.requirementDetail-section > .inner { padding-top: 35px; padding-bottom: 85px; }

.recruit .basic-section.requirementDetail-section > .inner .basic-title { margin: 0 0 55px; }

.recruit .basic-section.requirementDetail-section .basic-table.-underline { width: 100%; }

.recruit .basic-section.requirementDetail-section .basic-table.-underline th { width: 11em; }

.recruit .basic-section.requirementDetail-section .btnshell { margin-top: 90px; }

.recruit .basic-section.requirementDetail-section .column-list > li:not(:last-child) > .basic-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: none; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.recruit .basic-section.requirementDetail-section .column-list .basic-btn { padding-left: 2em; padding-right: 2em; }

@media screen and (max-width: 788px) { .recruit .basic-section.requirementDetail-section > .inner:first-child { padding-top: 25px; padding-bottom: 5px; }
  .recruit .basic-section.requirementDetail-section > .inner { padding-bottom: 40px; }
  .recruit .basic-section.requirementDetail-section > .inner .basic-title { margin-bottom: 15px; }
  .recruit .basic-section.requirementDetail-section .btnshell { margin-top: 20px; } }

@media screen and (max-width: 640px) { .recruit .basic-section.requirementDetail-section .column-list { margin: 0; }
  .recruit .basic-section.requirementDetail-section .column-list > li { width: 100%; margin-top: 10px; padding-left: 0; }
  .recruit .basic-section.requirementDetail-section .column-list > li > .basic-btn { max-width: 11em !important; height: auto !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } }

.recruit .basic-section.staff-section > .inner { padding-top: 80px; padding-bottom: 78px; }

.recruit .basic-section.staff-section .basic-box.-staffHead { padding: 60px 80px; }

.recruit .basic-section.staff-section .basic-box.-staffHead > .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding-left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.recruit .basic-section.staff-section .basic-box.-staffHead > .inner.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text { padding-bottom: 36px; font-weight: 600; text-align: left; }

.recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text > .name { margin: 0; font-size: 200%; }

.recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text > .joined { margin: 24px 0 0; font-size: 150%; }

.recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .image { width: 41.86047%; margin-left: 20px; }

.recruit .basic-section.staff-section .entry-body { margin-top: 76px; }

.recruit .basic-section.staff-section .entry-body .images { width: 47.05882%; }

@media screen and (max-width: 788px) { .recruit .basic-section.staff-section > .inner { padding-top: 40px; padding-bottom: 40px; }
  .recruit .basic-section.staff-section .basic-box.-staffHead { padding: 20px; }
  .recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text { padding: 0; }
  .recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text > .name { font-size: 150%; }
  .recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text > .joined { margin-top: 15px; font-size: 112.5%; }
  .recruit .basic-section.staff-section .entry-body { margin-top: 40px; }
  .recruit .basic-section.staff-section .entry-body .images { margin-right: 20px; } }

@media screen and (max-width: 500px) { .recruit .basic-section.staff-section .basic-box.-staffHead > .inner { display: block; }
  .recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .text { width: 100%; margin: 10px 0 20px; text-align: center; }
  .recruit .basic-section.staff-section .basic-box.-staffHead > .inner > .image { width: 100%; margin: 0; }
  .recruit .basic-section.staff-section .basic-box.-staffHead > .inner ._disp-ib { font-size: 83.33333%; } }

.recruit .basic-section.interview-section > .inner { padding-bottom: 98px; }

.recruit .basic-section.interview-section .entry-body .basic-title.-big { margin-bottom: 38px; line-height: 1.8; }

.recruit .basic-section.interview-section .entry-body .basic-title.-big:first-child { margin-top: 0; }

.recruit .basic-section.interview-section .entry-body > .images { margin: 2em auto; text-align: center; }

.recruit .basic-section.interview-section .entry-body > .images + .basic-title { margin-top: 2.4em; }

.recruit .basic-section.interview-section .entry-body > .caption-box { margin: 2em auto; padding: 0 0 20px; }

.recruit .basic-section.interview-section .box1 > .body { width: 64.70588%; }

.recruit .basic-section.interview-section .box1 > .body > .basic { padding-right: 70px; }

.recruit .basic-section.interview-section .box1 > .caption-box { width: 35.29412%; padding-top: 10px; }

.recruit .basic-section.interview-section .box2 { margin-top: 60px; }

.recruit .basic-section.interview-section .box2 > .images { width: 48.52941%; }

.recruit .basic-section.interview-section .box2 .basic-title.-lineLeft { margin-left: calc(48.52941176% + 55px); }

.recruit .basic-section.interview-section .box4 { margin-top: 112px; }

.recruit .basic-section.interview-section .box4 > .body { width: 50%; }

.recruit .basic-section.interview-section .box4 > .body > .name { margin: 0; font-size: 125%; font-weight: 600; }

.recruit .basic-section.interview-section .box4 > .body > .post { margin: 12px 0 30px; }

.recruit .basic-section.interview-section .box4 > .images { width: 45%; padding-top: 4px; padding-left: 40px; }

@media screen and (max-width: 788px) { .recruit .basic-section.interview-section > .inner { padding-bottom: 40px; }
  .recruit .basic-section.interview-section .box2 { margin-top: 40px; }
  .recruit .basic-section.interview-section .box2 > .images { margin-right: 20px; }
  .recruit .basic-section.interview-section .box2 .basic-title.-lineLeft { margin-left: calc(48.52941176% + 20px); }
  .recruit .basic-section.interview-section .box3 > .caption-box { padding-left: 20px; }
  .recruit .basic-section.interview-section .box4 { margin-top: 40px; }
  .recruit .basic-section.interview-section .box4 > .images { padding-left: 20px; } }

@media screen and (max-width: 500px) { .recruit .basic-section.interview-section .box2 .basic-title.-lineLeft { margin-left: 0; }
  .recruit .basic-section.interview-section .box3 > .caption-box { width: 100%; padding-left: 0; margin-bottom: 20px; }
  .recruit .basic-section.interview-section .box4 { display: block; }
  .recruit .basic-section.interview-section .box4 > .body { width: 100%; }
  .recruit .basic-section.interview-section .box4 > .images { width: 100%; padding: 10px 0 0; margin: 0 !important; text-align: center; } }

.basic-section.-interviewHead { background: transparent center center no-repeat; }

.basic-section.-interviewHead .text { width: 58.82353%; text-align: left; }

.basic-section.-interviewHead .section-title { text-align: left; }

.basic-section.-interviewHead .section-title > .sub { font-weight: 600; }

.basic-section.-interviewHead .basic { line-height: 2; }

.basic-section.-interviewHead.-label .column2 { max-width: 1400px; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.basic-section.-interviewHead.-label .column2 > .box { width: 50%; }

.basic-section.-interviewHead.-label .column2 > .box.-img { min-height: 392px; background: url("../../img/recruit/interview.jpg") center top no-repeat; background-size: cover; }

.basic-section.-interviewHead.-label .column2 > .box.-body { padding: 40px 40px 40px 70px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-section.-interviewHead.-label .section-title { margin-bottom: 0; }

.basic-section.-interviewHead.-label .basic { margin-top: 10px; margin-bottom: 50px; }

.basic-section.-interviewHead.-label .btnshell { margin: 0; }

@media screen and (max-width: 1200px) { .basic-section.-interviewHead.-label .column2 { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } }

@media screen and (max-width: 1020px) { .basic-section.-interviewHead.-label .column2 > .box.-body { padding: 40px 48px; } }

@media screen and (max-width: 640px) { .basic-section.-interviewHead.-label .column2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .basic-section.-interviewHead.-label .column2 > .box { width: 100%; }
  .basic-section.-interviewHead.-label .column2 > .box.-img { height: 0; padding-top: 56%; min-height: auto; }
  .basic-section.-interviewHead.-label .text { width: 100%; }
  .basic-section.-interviewHead.-label .section-title .sub { margin: 0; }
  .basic-section.-interviewHead.-label .section-title .main { margin-bottom: 0; }
  .basic-section.-interviewHead.-label .basic { margin-top: 20px; margin-bottom: 20px; } }

@media screen and (max-width: 500px) { .basic-section.-interviewHead.-label .column2 > .box.-body { padding: 30px 15px; }
  .basic-section.-interviewHead.-label .section-title .sub { font-size: 100%; }
  .basic-section.-interviewHead.-label .section-title .main { font-size: 137.5%; } }

.basic-section.-interviewHead.-title { background-color: #eee; background-image: url("../../img/recruit/bg-title-interview.jpg"); }

.basic-section.-interviewHead.-title > .inner { padding-top: 145px; padding-bottom: 106px; }

@media screen and (max-width: 1000px) { .basic-section.-interviewHead.-title { background-position: 60% center; } }

@media screen and (max-width: 788px) { .basic-section.-interviewHead.-title > .inner { padding-top: 80px; padding-bottom: 70px; } }

@media screen and (max-width: 640px) { .basic-section.-interviewHead.-title { background-size: auto 320px; background-position: 65% top; }
  .basic-section.-interviewHead.-title > .inner { padding-top: 0; padding-bottom: 15px; }
  .basic-section.-interviewHead.-title .text { width: 100%; }
  .basic-section.-interviewHead.-title .section-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 320px; width: 63.72549%; margin-bottom: 10px; }
  .basic-section.-interviewHead.-title .section-title .sub { margin: 0; }
  .basic-section.-interviewHead.-title .section-title .main { margin-bottom: 0; } }

@media screen and (max-width: 500px) { .basic-section.-interviewHead.-title { background-size: auto 250px; background-position: 70% top; }
  .basic-section.-interviewHead.-title .section-title { height: 250px; width: 60.78431%; }
  .basic-section.-interviewHead.-title .section-title .sub { font-size: 106.25%; }
  .basic-section.-interviewHead.-title .section-title .main { font-size: 143.75%; } }

.basic-section.-interviewHead .leadcopy { line-height: 1.8; letter-spacing: 2px; font-size: 112.5%; padding-left: 1em; position: relative; text-indent: -1em; }

.basic-section.-interviewHead .leadcopy span { text-indent: 0; }

.basic-section.-interviewHead .leadcopy::before { content: "“"; font-size: 32px; width: 1.5em; font-weight: 700; vertical-align: bottom; color: #666; }

.basic-section.-interviewHead .leadcopy::after { content: "”"; font-size: 32px; font-weight: 700; vertical-align: top; margin-left: 0.1em; color: #666; }

@media screen and (max-width: 788px) { .basic-section.-interviewHead .leadcopy { font-size: 93.75%; margin-top: -10px; margin-bottom: -20px; } }

@media screen and (max-width: 640px) { .basic-section.-interviewHead .leadcopy + .basic { margin-top: 8px; text-align: right; line-height: 1.5; } }

@media screen and (min-width: 1401px) { .basic-section.-interviewHead { background-size: auto; } }

@media screen and (max-width: 1400px) { .basic-section.-interviewHead { background-size: cover; } }

.basic-section.staff-section .basic-title { margin: 120px 0 60px; }

.basic-section.staff-section .basic-title:first-child { margin-top: 0; }

.basic-section.staff-section .staff-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; margin: 0 -50px 120px; }

.basic-section.staff-section .staff-list.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.basic-section.staff-section .staff-list > li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 50px; }

.basic-section.staff-section .staff-list > li:nth-child(n+3) { margin-top: 80px; }

.basic-section.staff-section .staff-card { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-left: 140px; }

.basic-section.staff-section .staff-card .photo { display: block; position: absolute; top: 0; left: 0; width: 120px; height: 120px; border: 1px solid #ccc; border-radius: 50%; overflow: hidden; }

.basic-section.staff-section .staff-card .profile { display: block; margin: 0; line-height: 1.5; text-align: left; }

.basic-section.staff-section .staff-card .name { display: block; font-size: 112.5%; font-weight: 700; }

.basic-section.staff-section .staff-card .position { display: block; margin: 10px 0 0; }

.basic-section.staff-section .staff-card .text { margin: 10px 0 0; font-size: 87.5%; line-height: 1.75; text-align: left; }

.basic-section.staff-section .staff-card .btn { font-size: 87.5%; text-align: left; font-weight: 700; }

.basic-section.staff-section .staff-card .btn::after { font-size: 68.75%; vertical-align: middle; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; content: ""; vertical-align: baseline; }

.basic-section.staff-section .staff-card.-ceo .profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding-left: 0; }

.basic-section.staff-section .staff-card.-ceo .profile.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.basic-section.staff-section .staff-card.-ceo .name { margin: 0 2em 0 0; }

.basic-section.staff-section .staff-card.-ceo .position { margin: 0; }

@media screen and (max-width: 1020px) { .basic-section.staff-section .basic-title { margin: 80px 0 40px; }
  .basic-section.staff-section .staff-list { margin: 0 -20px 80px; }
  .basic-section.staff-section .staff-list > li { padding: 0 20px; }
  .basic-section.staff-section .staff-card { padding-left: 100px; }
  .basic-section.staff-section .staff-card .photo { width: 80px; height: 80px; }
  .basic-section.staff-section .staff-card .name { font-size: 100%; }
  .basic-section.staff-section .staff-card .position { margin-top: 5px; font-size: 87.5%; }
  .basic-section.staff-section .staff-card .text { margin-top: 5px; line-height: 1.5; } }

@media screen and (max-width: 788px) { .basic-section.staff-section .basic-title { margin: 60px 0 30px; }
  .basic-section.staff-section .staff-list { display: block; margin: 0 0 60px; }
  .basic-section.staff-section .staff-list > li { width: auto; margin-top: 30px; padding: 0; }
  .basic-section.staff-section .staff-list > li:nth-child(n+3) { margin-top: 30px; } }

/**************************************************
 contact お問い合わせ
***************************************************/
.form .basic-title { margin-top: 0; }

.form .basic-section.contactTel-section > .inner { text-align: center; }

.form .basic-section.contactTel-section .basic-box.-tel { margin-top: 36px; padding-top: 25px; padding-bottom: 30px; }

.form .basic-section.contactTel-section .basic-box.-tel > .contact-tel { margin-top: 0; margin-bottom: .5em; }

.form .basic-section.contactTel-section .basic-box.-tel > .contact-tel .icon { border-color: #111; background-color: #fff; }

.form .basic-section.contactTel-section .basic-box.-tel > .info { margin-top: 14px; margin-bottom: 0; }

@media screen and (max-width: 788px) { .form .basic-section.contactTel-section > .inner { padding-top: 40px; padding-bottom: 0; }
  .form .basic-section.contactTel-section .basic-box.-tel { margin-top: 20px; } }

.form .basic-section.contactMail-section > .inner { padding-top: 78px; padding-bottom: 84px; text-align: center; }

.form .basic-section.contactMail-section .basic-title { margin-bottom: 30px; }

.form .basic-section.contactMail-section .basic-title + .lead { margin-bottom: 35px; line-height: 1.7; }

.form .basic-section.contactMail-section .basic-box.-form { margin-top: 75px; padding: 50px 60px 42px; }

.form .basic-section.contactMail-section .basic-box.-form.-confirm { margin-top: 40px; padding-bottom: 36px; }

.form .basic-section.contactMail-section .basic-box.-form.-confirm .form-table th { vertical-align: text-top; }

.form .basic-section.contactMail-section .basic-box.-form.-confirm .form-table th, .form .basic-section.contactMail-section .basic-box.-form.-confirm .form-table td { padding-top: 12px; padding-bottom: 12px; }

.form .basic-section.contactMail-section .basic-box.-form.-entry { margin-top: 40px; }

.form .basic-section.contactMail-section .form-table { width: 100%; }

.form .basic-section.contactMail-section .form-table th { width: 13.8em; }

.form .basic-section.contactMail-section .form-table .view-worksOnly { display: none; }

.form .basic-section.contactMail-section .form-table .view-worksOnly.-show { display: table-row; }

.form .basic-section.contactMail-section .form-table .notes { margin: 10px 0 0; font-size: 93.75%; }

.form .basic-section.contactMail-section .basic-box.-privacy { margin-top: 30px; margin-bottom: 20px; padding: 15px 20px; font-size: 87.5%; max-height: 200px; overflow-y: auto; text-align: left; line-height: 1.4; }

.form .basic-section.contactMail-section .basic-box.-privacy .privacy { margin: 0; }

.form .basic-section.contactMail-section .basic-box.-privacy .note { margin: 0 0 20px; }

.form .basic-section.contactMail-section .basic-box.-privacy .label-checkbox { padding-top: 3px; padding-bottom: 3px; background-position: 0 3px; }

.form .basic-section.contactMail-section .privacy { margin: 0 0 60px; }

.form .basic-section.contactMail-section .privacy > p:first-child { margin-bottom: 0; }

.form .basic-section.contactMail-section .btns-set { max-width: 640px; margin: 40px auto 0; }

.form .basic-section.contactMail-section .btns-set .basic-btn { width: 100%; height: 100%; padding-left: 2em; padding-right: 2em; min-width: 0; max-width: none; }

@media screen and (max-width: 788px) { .form .basic-section.contactMail-section > .inner { padding-top: 40px; padding-bottom: 24px; }
  .form .basic-section.contactMail-section .basic-title { margin-bottom: 20px; }
  .form .basic-section.contactMail-section .basic-title + .lead { margin-bottom: 20px; }
  .form .basic-section.contactMail-section .basic-title + .lead + .btn a { max-width: 18em; }
  .form .basic-section.contactMail-section .basic-box.-form { margin-top: 30px; padding: 10px 20px; }
  .form .basic-section.contactMail-section .basic-box.-form.-confirm { margin-top: 30px; padding-bottom: 10px; }
  .form .basic-section.contactMail-section .basic-box.-form.-entry { margin-top: 30px; }
  .form .basic-section.contactMail-section .basic-box.-privacy { margin-top: 20px; margin-bottom: 20px; padding-top: 20px; padding-bottom: 18px; }
  .form .basic-section.contactMail-section .basic-box.-privacy .note { margin-bottom: 12px; }
  .form .basic-section.contactMail-section .btns-set { margin-top: 20px; } }

@media screen and (max-width: 500px) { .form .basic-section.contactMail-section .basic-box.-form { padding: 5px 15px; }
  .form .basic-section.contactMail-section .btns-set { margin-top: 10px; }
  .form .basic-section.contactMail-section .btns-set .column-list { margin: 0 auto; max-width: 300px; }
  .form .basic-section.contactMail-section .btns-set .column-list > li { width: 100%; margin-top: 10px; padding-left: 0; } }

.e404-section .inner { text-align: center; }

.e404-section .inner .head { margin-bottom: 60px; }

.e404-section .inner .basic-btn { margin-top: 10
 0px; margin-top: 40px; }
/*# sourceMappingURL=site.css.map */