/*
Theme Name: like
Author: 
*/
/*! normalize.css v8.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 iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
}

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

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/**
 * 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
	 ========================================================================== */
/**
 * 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
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: #030303;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 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;
}

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

input,
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/**
 * 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 */
}

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

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

/**
 * 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 in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

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

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

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
  font-size: 62.5%;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

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

a img {
  border: none;
}

a, a:hover, a:visited {
  text-decoration: none;
}

a:hover,
button:hover {
  opacity: 0.8;
}

b,
strong {
  font-weight: 700;
}

button {
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body, h1, h2, h3, h4, h5, a, button, b, p, span {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  line-height: 1em;
}

body, a, button, b, p {
  font-size: 1.6rem;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  body, a, button, b, p {
    font-size: vw(14);
    line-height: 1.5em;
  }
}

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

/* Common */
/*
  Common
*/
.bg_green1 {
  background: url(./img/parts/bg_1.png) repeat;
  background-color: #EBF5E9;
}

.bold {
  font-weight: bold;
}

.site-content {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: -webkit-transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99), -webkit-transform 0.4s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  padding-top: 102px;
}

@media only screen and (max-width: 768px) {
  .site-content {
    padding-top: 60px;
    max-width: 100%;
    min-width: 100%;
  }
}

.content_wrap {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_40 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .mb_40 {
    margin-bottom: 5.33333vw;
  }
}

.mb_60 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  .mb_60 {
    margin-bottom: 8vw;
  }
}

.mb_80 {
  margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  .mb_80 {
    margin-bottom: 10.66667vw;
  }
}

.mb_100 {
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  .mb_100 {
    margin-bottom: 13.33333vw;
  }
}

.mb_120 {
  margin-bottom: 120px;
}

@media only screen and (max-width: 768px) {
  .mb_120 {
    margin-bottom: 16vw;
  }
}

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

@media only screen and (max-width: 768px) {
  .flex_block {
    display: block;
  }
}

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

.align_center {
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-align-items: center;
  -ms-flex-align: center;
}

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

.pc {
  display: block;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

section {
  padding: 100px 0;
}

@media only screen and (max-width: 768px) {
  section {
    padding: 10.66667vw 0;
  }
}

.sec_ttl {
  font-size: 4rem;
  text-align: center;
  position: relative;
  font-weight: bold;
}

.sec_ttl:after {
  content: "";
  background-color: #E35222;
  width: 148px;
  height: 10px;
  display: block;
  border-radius: 5px;
  margin: 23px auto 0;
}

@media only screen and (max-width: 768px) {
  .sec_ttl:after {
    width: 15.46667vw;
    height: 1.33333vw;
    margin: 2.93333vw auto 0;
  }
}

@media only screen and (max-width: 768px) {
  .sec_ttl {
    font-size: 5.33333vw;
  }
}

.pagettl {
  text-align: center;
  font-size: 5rem;
  letter-spacing: 0.2em;
  font-weight: bold;
  margin-top: 70px;
}

@media only screen and (max-width: 768px) {
  .pagettl {
    font-size: 8vw;
  }
}

.page_content {
  padding-top: 102px;
}

@media only screen and (max-width: 768px) {
  .page_content {
    padding-top: 14.66667vw;
  }
}

.inner {
  width: 1520px;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 1520px) {
  .inner {
    padding: 0 8vw 0 8vw;
    width: auto;
  }
}

.inner2 {
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 1200px) {
  .inner2 {
    padding: 0 8vw 0 8vw;
    width: auto;
  }
}

.inner3 {
  width: 1020px;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 1020px) {
  .inner3 {
    padding: 0 18vw 0 18vw;
    width: auto;
  }
}

.inner4 {
  width: 1020px;
  margin: 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 1020px) {
  .inner4 {
    padding: 0 8vw 0 8vw;
    width: auto;
  }
}

header {
  height: 102px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  position: fixed;
  width: 100%;
  z-index: 20;
  top: 0;
  left: 0;
  border-bottom: solid 1px #E35222;
}

@media only screen and (max-width: 768px) {
  header {
    height: 60px;
  }
}

header .menu_contents {
  position: relative;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .menu_contents .logo_wrap {
  z-index: 8;
  width: 205px;
}

@media only screen and (max-width: 768px) {
  header .menu_contents .logo_wrap {
    width: 110px;
  }
}

header .menu_contents .logo_wrap a {
  display: block;
  text-align: center;
}

header .menu_contents .menu_wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 1300px) {
  header .menu_contents .menu_wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 70vw;
    height: 100vh;
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    background: #E35222;
    z-index: 5;
  }
}

header .menu_contents .menu_wrap .menu_list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .menu_contents .menu_wrap .menu_list .menu_item a {
  font-size: 2.5rem;
  margin-right: 35px;
  color: #E35222;
}

@media only screen and (max-width: 1300px) {
  header .menu_contents .menu_wrap .menu_list .menu_item a {
    color: #fff;
  }
}

@media only screen and (max-width: 768px) {
  header .menu_contents .menu_wrap .menu_list .menu_item a {
    font-size: 6.66667vw;
    margin-right: 0;
  }
}

header .menu_contents .menu_wrap .menu_list .menu_item:last-child a {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  header .menu_contents .menu_wrap .menu_list .item_contact {
    margin-top: 8vw;
  }
}

header .menu_contents .menu_wrap .menu_list .item_contact a {
  border: solid 1px #E35222;
  padding: 10px 40px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 2rem;
}

header .menu_contents .menu_wrap .menu_list .item_contact a:before {
  content: "";
  background: url(img/common/icon_mail.svg) no-repeat center/contain;
  width: 38px;
  height: 28px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: text-bottom;
}

@media only screen and (max-width: 768px) {
  header .menu_contents .menu_wrap .menu_list .item_contact a {
    font-size: 4vw;
    border: solid 1px #fff;
    padding: 2.66667vw 8vw;
  }
  header .menu_contents .menu_wrap .menu_list .item_contact a:before {
    background: url(img/common/icon_mail_wh.svg) no-repeat center/contain;
    width: 7.46667vw;
    height: 5.6vw;
  }
}

header .menu_contents .menu_wrap .menu_list .item_contact a:hover {
  background-color: #E35222;
  opacity: 1;
  color: #fff;
}

header .menu_contents .menu_wrap .menu_list .item_contact a:hover:before {
  background: url(img/common/icon_mail_wh.svg) no-repeat center/contain;
}

header .menu_contents .menu_active {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  padding-top: 80px;
}

header .menu_contents .menu_active .menu_list {
  display: block;
  text-align: center;
}

header .menu_contents .menu_active .menu_list .menu_item {
  margin-bottom: 5.33333vw;
}

header .menu_contents .menu_button_wrap {
  display: none;
  z-index: 10;
}

@media only screen and (max-width: 1300px) {
  header .menu_contents .menu_button_wrap {
    display: block;
    position: fixed;
    top: 30px;
    right: 10px;
    width: 45px;
    height: 30px;
  }
  header .menu_contents .menu_button_wrap .menu_button {
    position: relative;
    width: 45px;
    height: 100%;
  }
  header .menu_contents .menu_button_wrap .menu_button span {
    display: block;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    width: 40px;
    height: 4px;
    background-color: #E35222;
    border-radius: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  header .menu_contents .menu_button_wrap .menu_button span:first-child {
    top: 0px;
  }
  header .menu_contents .menu_button_wrap .menu_button span:nth-child(2) {
    top: 12px;
  }
  header .menu_contents .menu_button_wrap .menu_button span:last-child {
    bottom: 0px;
  }
  header .menu_contents .menu_button_wrap .menu_close_button span {
    background-color: #fff;
  }
  header .menu_contents .menu_button_wrap .menu_close_button span:nth-child(2) {
    opacity: 0;
  }
  header .menu_contents .menu_button_wrap .menu_close_button span:first-child {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 20px;
  }
  header .menu_contents .menu_button_wrap .menu_close_button span:last-child {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  header .menu_contents .menu_button_wrap {
    top: 10px;
  }
}

footer .infoarea .flex_block {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

footer .infoarea .info_box {
  height: 242px;
  width: 50%;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box {
    width: 100%;
    height: auto;
  }
}

footer .infoarea .info_box figure {
  width: 200px;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box figure {
    width: 100%;
  }
}

footer .infoarea .info_box .btnarea {
  width: calc(100% - 200px);
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box .btnarea {
    width: 100%;
    padding: 5.33333vw;
  }
}

footer .infoarea .info_box .btnarea .ttl {
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 18px;
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box .btnarea .ttl {
    font-size: 5.33333vw;
    margin-bottom: 4.8vw;
    margin-top: 0;
  }
}

footer .infoarea .info_box .btnarea .intro {
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box .btnarea .intro {
    font-size: 4vw;
    margin-bottom: 3.2vw;
  }
}

footer .infoarea .info_box .btnarea .btn_bgwh {
  width: 390px;
  max-width: 100%;
  height: 76px;
  background-color: #fff;
  line-height: 76px;
  color: #E35222;
  font-size: 2rem;
  display: block;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border-radius: 40px;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box .btnarea .btn_bgwh {
    font-size: 4vw;
    width: 57.6vw;
    height: 9.33333vw;
    line-height: 9.33333vw;
    border-radius: 8vw;
  }
}

footer .infoarea .info_box .btnarea .btn_bgwh img {
  width: 38px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .info_box .btnarea .btn_bgwh img {
    width: 5.06667vw;
    margin-right: 1.33333vw;
  }
}

footer .infoarea .contactarea .btnarea {
  background-color: #E35222;
}

footer .infoarea .contactarea .btnarea .btn_bgwh {
  position: relative;
}

footer .infoarea .contactarea .btnarea .btn_bgwh:before {
  content: "";
  background: url(img/common/icon_mail.svg) no-repeat center/contain;
  width: 38px;
  height: 27px;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .contactarea .btnarea .btn_bgwh:before {
    width: 5.06667vw;
    height: 3.46667vw;
    margin-right: 1.33333vw;
  }
}

footer .infoarea .contactarea .btnarea .btn_bgwh:hover {
  background-color: #E35222;
  opacity: 1;
  color: #fff;
  border: solid 2px #fff;
}

footer .infoarea .contactarea .btnarea .btn_bgwh:hover:before {
  background: url(img/common/icon_mail_wh.svg) no-repeat center/contain;
}

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

footer .infoarea .linearea .btnarea {
  background-color: #26C651;
}

footer .infoarea .linearea .btnarea .btn_bgwh {
  color: #26C651;
}

footer .infoarea .linearea .btnarea .btn_bgwh:before {
  content: "";
  background: url(img/common/icon_line.svg) no-repeat center/contain;
  width: 42px;
  height: 40px;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  footer .infoarea .linearea .btnarea .btn_bgwh:before {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 1.33333vw;
  }
}

footer .infoarea .linearea .btnarea .btn_bgwh:hover {
  background-color: #26C651;
  opacity: 1;
  color: #fff;
  border: solid 2px #fff;
}

footer .infoarea .linearea .btnarea .btn_bgwh:hover:before {
  background: url(img/common/icon_line_wh.svg) no-repeat center/contain;
}

footer .logoarea {
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  footer .logoarea {
    margin-bottom: 6.66667vw;
  }
}

footer .logoarea figure {
  width: 330px;
  margin: 0 auto 30px;
}

@media only screen and (max-width: 768px) {
  footer .logoarea figure {
    width: 45.33333vw;
    margin: 0 auto 4vw;
  }
}

footer .logoarea .text {
  font-size: 3rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #E35222;
}

@media only screen and (max-width: 768px) {
  footer .logoarea .text {
    font-size: 4vw;
  }
}

footer .menu_list {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto 88px;
  border-top: solid 2px #707070;
  padding-top: 36px;
}

@media only screen and (max-width: 768px) {
  footer .menu_list {
    padding-top: 5.33333vw;
    margin: 0 auto 5.33333vw;
  }
}

@media only screen and (max-width: 768px) {
  footer .menu_list ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  footer .menu_list ul .menu_item {
    margin-right: 3.73333vw;
    margin-bottom: 2.66667vw;
  }
}

footer .menu_list ul .menu_item a {
  font-size: 2.5rem;
}

@media only screen and (max-width: 768px) {
  footer .menu_list ul .menu_item a {
    font-size: 4vw;
  }
}

footer .creditarea {
  background-color: #E35222;
  padding: 20px 0;
}

@media only screen and (max-width: 768px) {
  footer .creditarea {
    padding: 2.66667vw 0;
  }
}

footer .creditarea p {
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}

.breadcrumbs {
  font-size: 1.8rem;
  color: #E35222;
  padding-top: 23px;
}

@media only screen and (max-width: 768px) {
  .breadcrumbs {
    font-size: 3.2vw;
    padding-top: 2.66667vw;
  }
}

.breadcrumbs a {
  font-size: 1.8rem;
  color: #E35222;
}

@media only screen and (max-width: 768px) {
  .breadcrumbs a {
    font-size: 3.2vw;
  }
}

.breadcrumbs .item {
  margin-right: 5px;
}

/*
  Item
*/
.blog_list_group {
  margin-bottom: 55px;
}

@media only screen and (max-width: 768px) {
  .blog_list_group {
    margin-bottom: 10.66667vw;
  }
}

.blog_list_group figure {
  width: 303px;
  height: 183px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .blog_list_group figure {
    margin-bottom: 4vw;
    width: 100%;
    height: 39vw;
  }
}

.blog_list_group figure img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog_list_group .textarea {
  width: 64.1%;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 768px) {
  .blog_list_group .textarea {
    width: 100%;
  }
}

.blog_list_group .textarea .date {
  font-size: 2.6rem;
  margin-bottom: 12px;
}

@media only screen and (max-width: 768px) {
  .blog_list_group .textarea .date {
    font-size: 4vw;
    margin-bottom: 2.66667vw;
  }
}

.blog_list_group .textarea .ttl {
  font-size: 3rem;
  line-height: 1.5em;
}

@media only screen and (max-width: 768px) {
  .blog_list_group .textarea .ttl {
    font-size: 4vw;
    margin-bottom: 2.66667vw;
  }
}

.blog_list_group .textarea .btnarea {
  margin-top: auto;
}

.blog_list_group .textarea .cat {
  font-size: 1.8rem;
  color: #fff;
  padding: 8px 20px;
  display: block;
  background-color: #E35222;
  border-radius: 30px;
}

@media only screen and (max-width: 768px) {
  .blog_list_group .textarea .cat {
    font-size: 4vw;
    padding: 1.06667vw 3.73333vw;
    border-radius: 8vw;
  }
}

.blog_list_group .textarea .more {
  font-size: 1.8rem;
  color: #E35222;
  padding: 8px 37px;
  border-radius: 30px;
  border: solid 1px #E35222;
}

@media only screen and (max-width: 768px) {
  .blog_list_group .textarea .more {
    font-size: 4vw;
    padding: 1.06667vw 4.8vw;
    border-radius: 8vw;
  }
}

.blog_list_group .textarea .more:hover {
  background-color: #E35222;
  opacity: 1;
  color: #fff;
}

.ratio_fixed {
  position: relative;
  overflow: hidden;
}

.ratio_fixed:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

.ratio_fixed img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ratio_fixed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Page */
/*
  home
*/
#homepage header {
  border-bottom: none;
}

.home .mv {
  position: relative;
  background: url(img/top/mv.png) no-repeat center/cover;
  height: 740px;
}

@media only screen and (max-width: 768px) {
  .home .mv {
    background: url(img/top/mv_sp.png) no-repeat center/cover;
    height: 139.46667vw;
  }
}

.home .top_blog {
  background-color: #F5F4F4;
  height: 102px;
}

@media only screen and (max-width: 768px) {
  .home .top_blog {
    height: auto;
    padding: 5.33333vw 0;
  }
}

.home .top_blog_ttl {
  font-size: 4rem;
  margin-right: 34px;
}

@media only screen and (max-width: 768px) {
  .home .top_blog_ttl {
    font-size: 8vw;
    text-align: center;
    margin-bottom: 5.33333vw;
    margin-right: 0;
  }
}

.home .top_blog_ttl:after {
  content: "";
  background-color: #707070;
  width: 2px;
  height: 102px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 25px;
}

@media only screen and (max-width: 768px) {
  .home .top_blog_ttl:after {
    content: none;
  }
}

.home .top_blog .date {
  font-size: 3rem;
  color: #fff;
  background-color: #E35222;
  padding: 10px 18px;
  border-radius: 30px;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .home .top_blog .date {
    text-align: center;
    font-size: 4.53333vw;
    padding: 1.33333vw 0;
    border-radius: 8vw;
    margin-bottom: 5.33333vw;
    width: 34.66667vw;
  }
}

.home .top_blog .list_blogttl {
  font-size: 2.5rem;
}

@media only screen and (max-width: 768px) {
  .home .top_blog .list_blogttl {
    font-size: 4.26667vw;
    margin-bottom: 6.66667vw;
  }
}

.home .top_blog .btn_tobloglist {
  text-align: center;
}

.home .top_blog .btn_tobloglist a {
  font-size: 2.4rem;
  color: #707070;
  border: solid #707070 1px;
  padding: 10px 15px;
}

@media only screen and (max-width: 768px) {
  .home .top_blog .btn_tobloglist a {
    font-size: 4.8vw;
    padding: 1.33333vw 2.66667vw;
  }
}

.home #top_about .inner {
  position: relative;
}

.home #top_about .inner .maincopy {
  font-size: 5rem;
  letter-spacing: 0.2em;
  color: #E35222;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .home #top_about .inner .maincopy {
    font-size: 6.66667vw;
    letter-spacing: 0.15em;
  }
}

.home #top_about .inner .text {
  font-size: 2.5rem;
  text-align: center;
  line-height: 3em;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
  .home #top_about .inner .text {
    font-size: 4vw;
  }
}

.home #top_about .inner .bg_img1 {
  width: 375px;
  position: absolute;
  top: 123px;
  right: -100px;
}

@media only screen and (max-width: 1500px) {
  .home #top_about .inner .bg_img1 {
    right: 0;
    width: 315px;
  }
}

@media only screen and (max-width: 768px) {
  .home #top_about .inner .bg_img1 {
    right: -19.2vw;
    top: 18.66667vw;
    width: 41.86667vw;
    top: 34.66667vw;
  }
}

.home #top_about .inner .bg_img2 {
  width: 259px;
  position: absolute;
  bottom: -190px;
  left: -50px;
}

@media only screen and (max-width: 1500px) {
  .home #top_about .inner .bg_img2 {
    left: 0;
    width: 210px;
  }
}

@media only screen and (max-width: 768px) {
  .home #top_about .inner .bg_img2 {
    left: 2.66667vw;
    width: 22.13333vw;
    bottom: -13.33333vw;
  }
}

.home #feature {
  background: url(img/top/bg_pc1.png) no-repeat center/cover;
  padding: 140px 0;
}

@media only screen and (max-width: 768px) {
  .home #feature {
    background: url(img/top/bg_sp1_top.png) no-repeat top/contain, url(img/top/bg_sp1_bottom.png) no-repeat bottom/contain;
    padding: 16vw 0;
  }
  .home #feature .inner {
    background-color: #F8EFED;
  }
}

.home #feature .intro {
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.8em;
}

@media only screen and (max-width: 768px) {
  .home #feature .intro {
    font-size: 4vw;
  }
}

.home #feature .groups .group {
  margin-bottom: 130px;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group {
    margin-bottom: 13.33333vw;
  }
}

.home #feature .groups .group figure {
  width: 47.5%;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group figure {
    width: 100%;
    margin-bottom: 6.66667vw;
  }
}

.home #feature .groups .group .textarea {
  width: 48.3%;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea {
    width: 100%;
  }
}

.home #feature .groups .group .textarea .subttl {
  font-size: 2.5rem;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea .subttl {
    font-size: 4vw;
    margin-bottom: 1.33333vw;
    text-align: center;
  }
}

.home #feature .groups .group .textarea h3 {
  font-size: 4rem;
  margin-bottom: 28px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea h3 {
    font-size: 6.66667vw;
    margin-bottom: 4.53333vw;
    text-align: center;
  }
}

.home #feature .groups .group .textarea .text {
  font-size: 1.8rem;
  line-height: 2em;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea .text {
    font-size: 4vw;
    text-align: center;
  }
}

.home #feature .groups .group .textarea h4 {
  font-size: 2.5rem;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea h4 {
    font-size: 5.33333vw;
    margin-bottom: 2.66667vw;
    text-align: center;
  }
}

.home #feature .groups .group .textarea .text_small {
  font-size: 1.6rem;
  line-height: 1.8em;
}

.home #feature .groups .group .textarea .text_small .space {
  display: inline-block;
  width: 10px;
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea .text_small .space.pc {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .home #feature .groups .group .textarea .text_small {
    font-size: 4vw;
  }
}

.home #classroom {
  position: relative;
}

.home #classroom .flag1 {
  width: 660px;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 1500px) {
  .home #classroom .flag1 {
    width: 40vw;
  }
}

@media only screen and (max-width: 768px) {
  .home #classroom .flag1 {
    width: 63.2vw;
    left: -27.2vw;
  }
}

.home #classroom .flag2 {
  width: 660px;
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 1500px) {
  .home #classroom .flag2 {
    width: 40vw;
  }
}

@media only screen and (max-width: 768px) {
  .home #classroom .flag2 {
    width: 63.2vw;
    right: -27.2vw;
  }
}

.home #classroom .imgarea {
  height: 820px;
  position: relative;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
  }
}

.home #classroom .imgarea figure {
  position: absolute;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea figure {
    position: static;
    margin-bottom: 4.8vw;
  }
}

.home #classroom .imgarea .classroom1 {
  width: 380px;
  top: 55px;
  left: 0;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea .classroom1 {
    width: 48%;
  }
}

.home #classroom .imgarea .classroom2 {
  width: 429px;
  top: 0;
  right: 165px;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea .classroom2 {
    width: 48%;
  }
}

.home #classroom .imgarea .classroom3 {
  width: 690px;
  top: 166px;
  right: 410px;
  z-index: 2;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea .classroom3 {
    width: 100%;
  }
}

.home #classroom .imgarea .classroom4 {
  width: 453px;
  left: 0;
  bottom: 0;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea .classroom4 {
    width: 48%;
  }
}

.home #classroom .imgarea .classroom5 {
  width: 584px;
  right: 0;
  bottom: 25px;
}

@media only screen and (max-width: 1439px) {
  .home #classroom .imgarea .classroom5 {
    width: 48%;
  }
}

.home .top_bloglist {
  background: url(img/top/bg_pc2.png) no-repeat center/cover;
  padding: 140px 0;
}

@media only screen and (max-width: 768px) {
  .home .top_bloglist {
    background: url(img/top/bg_sp1_top.png) no-repeat top/contain, url(img/top/bg_sp1_bottom.png) no-repeat bottom/contain;
    padding: 16vw 0;
  }
  .home .top_bloglist .inner3 {
    background-color: #F8EFED;
  }
}

.home .top_bloglist .blog_list {
  position: relative;
}

.home .top_bloglist .blog_list .blog_bg1 {
  position: absolute;
  width: 335px;
  top: -259px;
  right: -330px;
}

.home .top_bloglist .blog_list .blog_bg2 {
  position: absolute;
  width: 330px;
  bottom: -234px;
  left: -150px;
}

@media only screen and (max-width: 768px) {
  .home .top_bloglist .blog_list .blog_bg2 {
    width: 32.53333vw;
    bottom: -26.66667vw;
    left: -8vw;
  }
}

.home .top_bloglist .blog_list .blog_bg3 {
  position: absolute;
  width: 255px;
  bottom: -200px;
  right: -250px;
}

@media only screen and (max-width: 768px) {
  .home .top_bloglist .blog_list .blog_bg3 {
    width: 19.2vw;
    bottom: -21.33333vw;
    right: -10.66667vw;
  }
}

.home .top_bloglist .btn_tolist a {
  font-size: 2rem;
  text-align: center;
  width: 253px;
  height: 71px;
  line-height: 65px;
  color: #E35222;
  border: solid 4px #E35222;
  border-radius: 40px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .home .top_bloglist .btn_tolist a {
    font-size: 4.26667vw;
    width: 45.86667vw;
    height: 13.06667vw;
    line-height: 11.46667vw;
    border-radius: 10.66667vw;
  }
}

.home .top_bloglist .btn_tolist a:hover {
  background-color: #E35222;
  color: #fff;
  opacity: 1;
}

.home #access .access_content .textarea {
  width: 47%;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea {
    width: 100%;
  }
}

.home #access .access_content .textarea .logoarea {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .logoarea {
    margin-bottom: 7.2vw;
  }
}

.home #access .access_content .textarea .logoarea p {
  font-size: 1.6rem;
  color: #E35222;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .logoarea p {
    font-size: 4vw;
    text-align: center;
    margin-bottom: 4vw;
  }
}

.home #access .access_content .textarea .logoarea img {
  width: 211px;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .logoarea img {
    width: 53.33333vw;
  }
}

.home #access .access_content .textarea .tel {
  color: #E35222;
  font-size: 3rem;
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .tel {
    font-size: 5.33333vw;
    margin-bottom: 3.73333vw;
  }
}

.home #access .access_content .textarea .tel .small {
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .tel .small {
    font-size: 4vw;
  }
}

.home #access .access_content .textarea .address {
  font-size: 2.5rem;
  line-height: 1.8em;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .address {
    font-size: 4vw;
  }
}

.home #access .access_content .textarea .transport {
  font-size: 1.5rem;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .transport {
    margin-bottom: 8vw;
    font-size: 4vw;
  }
}

.home #access .access_content .textarea .transport span {
  display: block;
  line-height: 1.5em;
}

.home #access .access_content .textarea .opentime_area {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1em;
}

.home #access .access_content .textarea .opentime_area .opentime {
  font-size: 1.8rem;
  margin-bottom: 33px;
  margin-right: 1em;
  line-height: 1.3em;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .opentime_area .opentime {
    font-size: 4.8vw;
  }
}

.home #access .access_content .textarea .opentime_area .opentime .attention {
  font-size: 1.3rem;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .opentime_area .opentime .attention {
    font-size: 4vw;
  }
}

.home #access .access_content .textarea .opentime_area .opentime .space {
  width: 1em;
  display: inline-block;
}

.home #access .access_content .textarea .opentime_area .num p {
  font-size: 2.6rem;
  line-height: 1.3em;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .opentime_area .num p {
    font-size: 4.8vw;
  }
}

.home #access .access_content .textarea .openday {
  font-size: 2.5rem;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .openday {
    font-size: 4.8vw;
    margin-bottom: 5.33333vw;
  }
}

.home #access .access_content .textarea .openday .bold {
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .openday .bold {
    font-size: 4.8vw;
  }
}

.home #access .access_content .textarea .openday .attention {
  font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .textarea .openday .attention {
    font-size: 4vw;
  }
}

.home #access .access_content .textarea .openday .space {
  width: 1em;
  display: inline-block;
}

.home #access .access_content .maparea {
  width: 43%;
  height: 459px;
}

@media only screen and (max-width: 768px) {
  .home #access .access_content .maparea {
    width: 100%;
    height: 84.26667vw;
  }
}

/*
  policy
*/
.policy .intro {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  width: 816px;
  max-width: 100%;
  margin: 0 auto 100px;
  line-height: 2em;
}

@media only screen and (max-width: 768px) {
  .policy .intro {
    font-size: 4vw;
    margin: 0 auto 10.66667vw;
  }
}

.policy .group {
  margin-bottom: 75px;
}

@media only screen and (max-width: 768px) {
  .policy .group {
    margin-bottom: 10.66667vw;
  }
}

.policy .group .ttl {
  font-size: 4rem;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  line-height: 1.8em;
}

@media only screen and (max-width: 768px) {
  .policy .group .ttl {
    font-size: 5.33333vw;
  }
}

.policy .group .text {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.8em;
}

@media only screen and (max-width: 768px) {
  .policy .group .text {
    font-size: 3.73333vw;
  }
}

.policy .group ol {
  padding-left: 3em;
  font-size: 2.8rem;
  line-height: 3em;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .policy .group ol {
    font-size: 3.73333vw;
    line-height: 2em;
    padding-left: 2em;
  }
}

/*
  contact
*/
.contact .intro {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  line-height: 2.5em;
}

@media only screen and (max-width: 768px) {
  .contact .intro {
    font-size: 4vw;
    line-height: 1.8em;
  }
}

.contact .contact_form form .item {
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  .contact .contact_form form .item {
    margin-bottom: 5.33333vw;
  }
}

.contact .contact_form form .item_ttl {
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .contact .contact_form form .item_ttl {
    font-size: 4vw;
    margin-bottom: 2.66667vw;
  }
}

.contact .contact_form form .item .hissu::after {
  content: "";
  background: url(img/common/icon_hissu.svg) no-repeat top/contain;
  width: 14px;
  height: 18px;
  display: inline-block;
}

.contact .contact_form form .item input, .contact .contact_form form .item textarea {
  padding: 16px;
  font-size: 1.6rem;
  width: 100%;
  background-color: #EFECEC;
  border: none;
}

@media only screen and (max-width: 768px) {
  .contact .contact_form form .item input, .contact .contact_form form .item textarea {
    font-size: 4vw;
    padding: 2.66667vw;
  }
}

.contact .contact_form form .item input::-webkit-input-placeholder, .contact .contact_form form .item textarea::-webkit-input-placeholder {
  color: #fff;
  font-weight: bold;
}

.contact .contact_form form .item input:-ms-input-placeholder, .contact .contact_form form .item textarea:-ms-input-placeholder {
  color: #fff;
  font-weight: bold;
}

.contact .contact_form form .item input::-ms-input-placeholder, .contact .contact_form form .item textarea::-ms-input-placeholder {
  color: #fff;
  font-weight: bold;
}

.contact .contact_form form .item input::placeholder, .contact .contact_form form .item textarea::placeholder {
  color: #fff;
  font-weight: bold;
}

.contact .contact_form form .item .attention {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .contact .contact_form form .item .attention {
    font-size: 3.2vw;
  }
}

.contact .contact_form form .item .attention .red {
  color: #DA0000;
  font-size: 1em;
}

.contact .contact_form form .form_btn {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact .contact_form form .form_btn input[type="submit"] {
  width: 392px;
  background-color: #E35222;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 76px;
  height: 76px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .contact .contact_form form .form_btn input[type="submit"] {
    width: 35.2vw;
    font-size: 4vw;
    height: 9.33333vw;
    line-height: 9.33333vw;
  }
}

.contact .contact_form .thanks {
  background-color: #fff;
  padding: 50px 0;
  text-align: center;
  line-height: 1.8em;
}

.thanks .intro {
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  line-height: 2.5em;
}

@media only screen and (max-width: 768px) {
  .thanks .intro {
    font-size: 4vw;
    line-height: 1.8em;
  }
}

.thanks .btn_totop {
  width: 392px;
  display: block;
  background-color: #E35222;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 76px;
  height: 76px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  margin: 0 auto 120px;
}

@media only screen and (max-width: 768px) {
  .thanks .btn_totop {
    width: 35.2vw;
    font-size: 4vw;
    height: 9.33333vw;
    line-height: 9.33333vw;
  }
}

.thanks .btn_totop:hover {
  color: #E35222;
  opacity: 1;
  background-color: #fff;
  border: solid 2px #E35222;
}

/*
  blog
*/
.bloglist .pagenation {
  max-width: 650px;
  margin: 0 auto 120px;
}

.bloglist .pagenation .page_btn a {
  font-size: 2.4rem;
  width: 273px;
  height: 56px;
  line-height: 56px;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  display: block;
}

@media only screen and (max-width: 768px) {
  .bloglist .pagenation .page_btn a {
    font-size: 4vw;
    width: 35.2vw;
    height: 9.33333vw;
    line-height: 9.33333vw;
  }
}

.bloglist .pagenation .page_btn.pre a {
  color: #707070;
  border: solid 1px #707070;
}

.bloglist .pagenation .page_btn.pre a:hover {
  background-color: #707070;
  opacity: 1;
  color: #fff;
}

.bloglist .pagenation .page_btn.next a {
  color: #fff;
  background-color: #E35222;
}

.bloglist .pagenation .page_btn.next a:hover {
  background-color: #fff;
  opacity: 1;
  color: #E35222;
  border: solid 2px #E35222;
}

.post_blog .article .ttl_upper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post_blog .article .ttl_upper .date {
  font-size: 3rem;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .post_blog .article .ttl_upper .date {
    font-size: 4vw;
    margin-right: 3.2vw;
  }
}

.post_blog .article .ttl_upper .category {
  font-size: 2.1rem;
  color: #fff;
  background-color: #E35222;
  padding: 10px 25px;
  border-radius: 30px;
}

@media only screen and (max-width: 768px) {
  .post_blog .article .ttl_upper .category {
    font-size: 4vw;
    margin-right: 3.2vw;
    padding: 1.33333vw 4vw;
  }
}

.post_blog .article .ttl {
  font-size: 4rem;
  line-height: 1.5em;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .post_blog .article .ttl {
    font-size: 4.8vw;
    margin-bottom: 4vw;
  }
}

.post_blog .article .eyecatch {
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  .post_blog .article .eyecatch {
    margin-bottom: 6.66667vw;
  }
}

.post_blog .article .post_contents p {
  font-size: 3rem;
  line-height: 1.8em;
}

@media only screen and (max-width: 768px) {
  .post_blog .article .post_contents p {
    font-size: 4vw;
    line-height: 2em;
  }
}

.post_blog .btn_tolist {
  width: 392px;
  display: block;
  background-color: #E35222;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 76px;
  height: 76px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  margin: 0 auto 120px;
}

@media only screen and (max-width: 768px) {
  .post_blog .btn_tolist {
    width: 41.33333vw;
    font-size: 4vw;
    height: 9.33333vw;
    line-height: 9.33333vw;
    margin: 0 auto 13.33333vw;
  }
}

.post_blog .btn_tolist:hover {
  background-color: #fff;
  opacity: 1;
  color: #E35222;
  border: solid 2px #E35222;
}

/*
  evaluation
*/
.evaluation .link_totable {
  text-align: center;
}

.evaluation .link_totable a {
  font-size: 3rem;
  font-weight: bold;
}

.evaluation .link_totable a:hover {
  color: #E35222;
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .evaluation .link_totable a {
    font-size: 6.66667vw;
  }
}

.evaluation .btn_totop {
  width: 392px;
  display: block;
  background-color: #E35222;
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 76px;
  height: 76px;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  margin: 0 auto 120px;
}

@media only screen and (max-width: 768px) {
  .evaluation .btn_totop {
    width: 35.2vw;
    font-size: 4vw;
    height: 9.33333vw;
    line-height: 9.33333vw;
  }
}

.evaluation .btn_totop:hover {
  color: #E35222;
  opacity: 1;
  background-color: #fff;
  border: solid 2px #E35222;
}
/*# sourceMappingURL=style.css.map */