@charset "UTF-8";
@import"https://fonts.googleapis.com/css?family=Anton";
@import"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

audio:not([controls]) {
  display: none
}

button {
  overflow: visible
}

details {
  display: block
}

input[type=number] {
  width: auto
}

input[type=search] {
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

main {
  display: block
}

summary {
  display: block
}

pre {
  overflow: auto
}

progress {
  display: inline-block
}

small {
  font-size: 75%
}

template {
  display: none
}

textarea {
  overflow: auto
}

[hidden] {
  display: none
}

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

* {
  font-size: inherit;
  line-height: inherit
}

:before, :after {
  text-decoration: inherit;
  vertical-align: inherit
}

*, :before, :after {
  border-style: solid;
  border-width: 0
}

* {
  margin: 0;
  padding: 0
}

:root {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
 /* font: 100%/1.5 sans-serif;*/
   font: 62.5%/1.5 sans-serif;
  text-rendering: optimizeLegibility
}

html {
  background-color: #FFF;
  color: #000
}

a {
  text-decoration: none
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}

button, input, select, textarea {
  background-color: transparent
}

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit
}

button, [type=button], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  /*min-height: 1.5em*/
  min-height: 2.4em
}

code, kbd, pre, samp {
  font-family: monospace, monospace
}

nav ol, nav ul {
  list-style: none
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

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

select::-ms-value {
  color: currentColor
}

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

textarea {
  resize: vertical
}

::selection {
  background-color: #b3d4fc;
  color: #4c2b03;
  text-shadow: none
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute
}

[hidden][aria-hidden=false]:focus {
  clip: auto
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fff
}

body {
  height: 100%;
  color: #000;
  background: #fff;
  word-wrap: break-word;
  /*font-size: 1rem;*/
  font-size: 1.6rem;
  font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%
}

address {
  font-style: normal
}

a {
  cursor: pointer;
  color: #000
}

a:link {
  /*color: #000;*/
  -webkit-transition: .7s;
  transition: .7s
}

a:hover, a:focus, a:active {
  opacity: .5;
  text-decoration: none
}

img{
  max-width: 100%;
  height: auto
}
/* デバイス*/
.pc_none {
  display: none;
}
.sp_none {
  display: inline-block;
}
.pc_none480 {
  display: none;
}

@media screen and (min-width: 0px) and (max-width:768px) {
.pc_none {
  display: inline-block;
}
.sp_none {
  display: none;
}
}
.pc_none640 {
  display: none;
}
.sp_none640 {
  display: inline-block;
}

@media screen and (max-width:640px) {
.pc_none640 {
  display: inline-block;
}
.sp_none640 {
  display: none;
}
}

@media screen and (min-width: 0px) and (max-width:480px) {
.pc_none480 {
  display: inline-block;
}
.sp_none480 {
  display: none;
}
}
.side_req {
    z-index: 2;
}
.wrap {
  position: relative;
  width: 100%
}

.inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 25px
}

.container {
  margin-top: 120px
}

.header {
  z-index: 999;
  /* pointer-events: none; */
  position: relative;
  top: -112px;
  width: 100%
}



.header_inner {
  max-width: 1140px;
  margin: 0 auto
}

.header_inner--lower {
  background-color:#fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header--lower {
  background-color:#fff;
  top: 0
}

.header_body {
  background-image: url(../img/common/header_bg.gif);
  background-position: center;
  background-repeat: no-repeat
}

.header_body--lower {
  background-image: none;
  background-color: #009ed2
}

.header_body_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1140px;
  height: 28px;
  margin: 0 auto;
  color: #FFF;
  font-weight: 700;
  background: #009ed2
}

.header_name {
  padding: 0 3px;
}
@media all and (-ms-high-contrast: none){
  .header_name{
   padding:3px 3px 0;
  }
}
.header_btn {
  position: relative;
  display: block;
  width: 26%;
  /*padding-left: 1rem;*/
  padding-left: 1.6rem;
  background-color: #000;
  color: #FFF
}

.header_btn:after {
  position: absolute;
  top: 50%;
  /*right: .5rem;*/
  right:0.8rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f105"
}

.header_cta>.number {
  color: #009ed2;
  /*font-size: 2rem;*/
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700
}

.header_cta>.number:before {
  position: relative;
  padding-right: 7px;
  content: url(../img/common/icon_freedial.png)
}

.header_cta>.time {
  padding-left: 34px;
  /*font-size: .875rem*/
  font-size: 1.4rem
}

.footer {
  background-color: #E5F5FA;
  position: relative;
  padding: 53px 0 5px;
  border-top: 1px solid gray
}

.footer--lower {
  background: #e4f4fa;
  border-top: none
}

.footer_inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 12px
}

.footer_brand {
  position: relative;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 28.44%
}

.footer_body {
  width: calc(100% - 28.44%);
  padding-left: 11%
}

.footer_logo {
  margin-bottom: 15px
}

.footer_name {
  margin: 0 auto 32px
}

.footer_facebook {
  width: 6.774%;
  /* margin-bottom: 25px */
}

.footer_btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  border: 1px solid #009ed2;
  color: #009ed2;

}

.footer_btn:after {
  padding-left: 20px;
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f105"
}

.footer_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none
}

.footer_nav_item {
  width: 50%;
  margin-bottom: 18px
}

.footer_nav_item.is-about {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.footer_nav_item.is-about .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.footer_nav_item.is-about .wrapper .footer_subnav {
  width: 50%;
  white-space: nowrap;
}

.footer_nav_item.is-product {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.footer_nav_item.is-recruit {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-bottom: 0;
}

.footer_nav_item.is-staff {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

.footer_nav_item.is-sitemap {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  margin-bottom: 0;
}

.footer_nav_item>a {
  font-weight: 700
}

.footer_nav_item>a:before {
  padding-right: 10px;
  content: '■';
  color: #009ed2
}

.footer_subnav {
  padding-left: 25px;
  list-style-type: none
}

.footer_copyright {
  padding-top: 40px;
  font-size: 12px;
  text-align: center
}

.pagetop {
  position: relative;
  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;
  float: right;
 /* width: 5rem;
  height: 5rem;
  margin-top: -10rem;*/
   width: 8rem;
  height: 8rem;
  margin-top: -16rem;
  background: #333
}

.pagetop:after {
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f106";
  font-size: 3.2rem;
  color: #FFF
}

.page-top {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: -50px;
}
@media screen and (max-width: 768px) {
  .page-top {
    right: -10px;
    bottom: 76px;
  }
}
.page-top_inner {
  text-align: right
}

.bt-top {
  display: inline-block;
  width: 43px;
  height: 36px;
  padding: 0 9px;
  background: #009ed2
}


.bt-top>a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.footer_cta {
  display: none
}

.footer_cta>a {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex
}

.footer_cta>a>.number {
  display: inline-block;
  padding-left: 40px;
  font-weight: 700;
  font-family: Anton, sans-serif;
 /* font-size: 1.5rem;*/
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: .32em;
  background-image: url(../img/common/icon_free_w.svg);
  background-size: contain;
  background-repeat: no-repeat
}

.footer_cta>a>.text {
  display: block;
  /*font-size: .75rem*/
  font-size: 1.2rem
}

.breadcrumb {
  width: 100%
}

.breadcrumb_inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 30px 0 20px;
  /*font-size: .875rem;*/
  font-size: 1.4rem;
  line-height: 1
}

.breadcrumb .itemListElement>a.item {
  text-decoration: none
}

.c-btn {
  position: relative;
  display: inline-block;
  width: 309px;
  padding: 15px 0;
  border: 0;
  background-color: #111;
  color: #fff;
  font-weight: 700;
  -webkit-transition: .3s;
  transition: .3s
}

.c-btn:hover {
  opacity: .8
}

.c-btn--primary {
  background-color: #009ed2
}

.c-btn--secondary {
  background-color: #bc1d21
}

.c-btn--highlight {
  background-color: #f24b4b
}

.c-btn--fit {
  background-color: #68713b
}

.c-btn--mail:before {
  /*padding-right: .25em;*/
  padding-right: .4em;
  content: '';
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f0e0"
}

.c-btn--phone:before {
 /* padding-right: .25em;*/
  padding-right: .4em;
  content: '';
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f095"
}

.c-btn--arrow:after {
  /*padding-left: 1em;*/
  padding-left: 1.6em;
  content: '';
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f105"
}

.c-btn--arrow-rev:after {
  /*padding-right: .25em;*/
  padding-right: .4em;
  content: '';
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f104"
}
.drawer-hamburger {
  width: 3.2rem;
}
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger {
  top: 0;
  /*padding: 10px .75rem 18px;*/
  padding: 10px 1.2rem 18px;
  background: #fff
}

.drawer--top .drawer-nav {
  height: 100%;
  overflow-y: auto
}

.drawer-nav {
  padding: 15px
}

.drawer_logo {
  width: 25%;
  margin: 0 auto;
  padding: 15px
}

.drawer-menu>li {
  margin-bottom: 10px;
  border: 1px solid #ccc
}

.drawer-menu>li>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.4rem;
}

.drawer-menu>li>a:after {
  display: inline-block;
  line-height: 1;
  font-family: fontAwesome, sans-serif;
  font-style: normal;
  font-weight: 400;
  content: "\f105";
  color: #009ed2
}

.drawer-menu>li>a.drawer-menu-contact {
  background: #009ed2;
  color: #FFF;
  border: none
}

.drawer-menu>li>a.drawer-menu-contact:after {
  color: #FFF
}

.drawer-menu-item {
 /* padding: .5rem .75rem*/
  padding: .8rem 1.2rem
}

.c-form input[type=text], .c-form input[type=url], .c-form input[type=tel], .c-form input[type=password], .c-form input[type=email], .c-form textarea {
  background: #fff;
  display: inline-block;
  border: 1px solid #EEE;
  width: 80%;
  -webkit-appearance: none;
  border-radius: 1px;
 /* padding: .5rem*/
  padding: .8rem
}

.c-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background: transparent;
  z-index: 1;
  /*padding: .25rem 40px .25rem 10px;*/
  padding: .4rem 40px .4rem 10px;
  border: 1px solid #bfbfbf;
  border-radius: 0;
  position: relative;
  line-height: 1.5
}

.c-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  /*padding: 1rem 0*/
  padding: 1.6rem 0
}

.c-form__title {
  position: relative;
  width: 30%;
  font-weight: 700
}

.c-form__body {
  width: 70%
}

.c-form__required {
  display: inline-block;
  position: absolute;
  right: 1rem;
 /* margin-right: .25rem;
  padding: .25rem;*/
  margin-right: .4rem;
  padding: .4rem;
  border-radius: 2px;
  background: #f24b4b;
  color: #fff;
  /*font-size: .75rem*/
  font-size: 1.2rem
}

.c-form__subitem {
  /*margin-bottom: 1rem*/
  margin-bottom: 1.6rem
}

.c-form__subitem__title {
  display: inline-block;
  /*margin-right: 1rem*/
  margin-right: 1.6rem
}

.c-form__subitem__body {
  display: inline-block;
  line-height: 1
}

.c-form__btnbox {
  /*padding-top: 2rem;*/
  padding-top: 3.2rem;
  text-align: center
}

.c-form__btn {
  /*margin: 0 .5rem;
  padding: 1rem 2.5rem;*/
  margin: 0 .8rem;
  padding: 1.6rem 4rem;
  border-radius: 3px;
  color: #fff;
  background: #009ed2;
  cursor: pointer
}

.c-form__caution {
 /* padding-left: 1rem;
  margin-bottom: 2rem*/
   padding-left: 1.6rem;
  margin-bottom: 3.2rem
}

select.c-select__large {
  padding-right: 100px
}

.c-form select {
  width: 100%;
  border: none
}

.c-form__item {
  border-bottom: 1px solid #eee
}

.c-gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden
}

.c-gmap iframe, .c-gmap object, .c-gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.c-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style-type: none
}

.c-grid--top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.c-grid--middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.c-grid--bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.c-grid--stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.c-grid--baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.c-grid--left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

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

.c-grid--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.c-grid--between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.c-grid__item--1of12 {
  width: 8.33333%
}

.c-grid__item--2of12 {
  width: 16.66667%
}

.c-grid__item--3of12 {
  width: 25%
}

.c-grid__item--4of12 {
  width: 33.33333%
}

.c-grid__item--5of12 {
  width: 41.66667%
}

.c-grid__item--6of12 {
  width: 50%
}

.c-grid__item--7of12 {
  width: 58.33333%
}

.c-grid__item--8of12 {
  width: 66.66667%
}

.c-grid__item--9of12 {
  width: 75%
}

.c-grid__item--10of12 {
  width: 83.33333%
}

.c-grid__item--11of12 {
  width: 91.66667%
}

.c-grid__item--12of12 {
  width: 100%
}

.c-grid--gutters {
  margin: -1%;
  margin-top: 0;
  margin-bottom: 0
}

.c-grid--gutters>.c-grid__item {
  padding: 1%
}

.list {
  padding-left: 1em
}

.list .title {
  /*font-size: 1.125rem;*/
  font-size: 1.8rem;
  font-weight: 700
}

.list--l {
  /*font-size: 1.125rem;*/
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 700
}

.list--n {
  list-style-type: none;
  padding-left: 0
}

.list_brackets>li {
  padding: 10px 0;
  list-style-type: none;
  /* list-style-position: inside;
  counter-increment: cnt */
}

.list_brackets>li:before {
  /* content: "(" counter(cnt) ") " */
}

.list_circle {
  /* counter-reset: cnt; */
  list-style: none;
  /*padding-left: 2rem*/
  padding-left: 3.2rem
}

.list_circle>li {
  position: relative
}

.list_circle>li:before {
  /* position: relative;
  top: 4px;
  content: counter(cnt);
  counter-increment: cnt;
  color: #222;
  display: block;
  float: left; */
 /* margin-right: .25em;*/
  /* margin-right: .4em;
  line-height: 20px;
  text-align: center;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #000 */;
  /*font-size: .75em*/
 /*  font-size: 1.2em */
}

.ie .list_circle>li:before {
  line-height: inherit
}

.c-mq--sp {
  display: none
}

.c-mq--pc {
  display: block
}

.c-table {
  width: 100%
}

.c-table td, .c-table th {
  text-align: left;
  padding: 1rem
}

.c-table tr {
  border-bottom: 1px solid #e1e1e1
}

.c-table tr:last-child {
  border-bottom: none
}

.c-table tr:hover {
  background: #f9f9f9
}

.c-table--border {
  width: 100%
}

.c-table--border td, .c-table--border tr {
  text-align: left;
  /*padding: 1rem;*/
  padding: 1.6rem;
  border-left: 1px solid #e1e1e1
}

.c-table--border td:first-child, .c-table--border th:first-child {
  border: 0
}

.c-table--border tr {
  border-bottom: 1px solid #e1e1e1
}

.c-table--border tr:last-child {
  border-bottom: none
}

.c-table--padding td, .c-table--padding th {
  /*padding: 2rem 1rem*/
  padding: 3.2rem 1.6rem
}

.text {
  position: relative;
  width: 300px;
  /*font-size: 1rem;*/
  font-size: 1.6rem;
  line-height: 1.75
}

.text--m {
 /* font-size: 1.125rem*/
 font-size: 1.8rem
}

.text--l {
  margin-bottom: 26px;
  /*font-size: 1.375rem;*/
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.64
}

.logo_header {
  display: inline-block;
  width: 120px;
  height: 112px;
  padding: 10px 20px;
  background: #FFF
}

.logo_header--lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 468px;
  height: 115px;
  padding: 0 20px
}

.logo_header .mark {
  width: 76px
}

.gnav {
/*  padding: 0 1.5rem*/
 padding: 0 2.4rem;
 background-color:#fff;
 width: 100%;
}
.gnav-fixed.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 72px;
}

.gnav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 92px;
  max-width: 1140px;
  margin: 0 auto;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.gnav-fixed.is-fixed .gnav_list {
  height: 72px;
}

.gnav_link {
  display: block;
  text-align: center;
  color: inherit
}

.gnav_link>.en {
  display: block;
  font-family: Anton, sans-serif;
  /*font-size: 1.5rem;*/
  font-size: 2rem;
  line-height: 1;
  color: #009ed2
}

.gnav_link>.jp {
  font-size: 1.4rem;
  font-weight: 500
}

.gnav_link.is-active:after {
  content: '';
  width: 100%;
  height: 6px;
  background-color: #323333;
  display: block;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg)
}

.swiper-container {
  width: 100%;
  height: 585px;
  /* height: 693px; */
  overflow: hidden
}




.swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

.swiper-slide>a {
  display: block;
  width: 100%;
  height: 100%
}

/*

.swiper-pagination-bullet {
  border-radius: 0;
  width: 1.8rem;
  height: 1.8rem;
  opacity: 1;
  background-color: #fff
}

.#swiper-pagination-bullet-active {
  background-color: #009ed2
}
*/

.swiper-container-horizontal>.swiper-pagination-bullets {
  /*
  max-width: 1140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 auto;
  text-align: right
  */
}


.swiper-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* max-width: 1140px; */
  height: 100%;
  margin: 0 auto
}

.swiper-button-prev {
  left: 0
}

.swiper-button-next {
  /*right: 0*/
  right: 25%
}

/*-- サムネイル --*/
.swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border-radius: 0;
}
.swiper-container-horizontal > .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  /*margin: 0;*/
}
.swiper-pagination img {
  /*box-shadow: none;
  margin: 0;
  vertical-align: bottom;*/
}
.swiper-pagination {
  /*display: table;*/
  position:absolute;
  top:0 !important;
  right:0 !important;
  z-index:2;
  width: 356px !important;
  margin:0 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: initial;
	left: initial;
  right: 0;
}

.swiper-pagination {
  /*display: table;
  table-layout: fixed;*/
}
.swiper-pagination .swiper-pagination-bullet {
  /*display: table-cell;*/
  /*padding: 2px;*/
  /* margin: 2.5px 0 !important; */
  /* background: transparent; */
  opacity: 1;
  /* padding:3px; */
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: transparent;
  
  padding:0px;
  border: 3px solid #009ed2;
}

/*-- ここまで --*/









.hero_inner {
  position: relative;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}

.hero_catch {
  padding: 85px;
  width: 461px
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url(../img/common/arrow_right.svg)
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url(../img/common/arrow_left.svg)
}

.local-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#009ed2), to(#009ed2));
  background-image: -webkit-linear-gradient(#009ed2, #009ed2);
  background-image: linear-gradient(#009ed2, #009ed2);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: calc((100% - 440px)/2) 100%
}

.local-header_inner {
  max-width: 1140px;
  margin: 0 auto
}

.local-nav {
  margin-bottom: 52px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ccecf6), to(#ccecf6));
  background-image: -webkit-linear-gradient(#ccecf6, #ccecf6);
  background-image: linear-gradient(#ccecf6, #ccecf6);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: calc((100% - 440px)/2) 100%
}

.local-nav_list {
  position: relative;
  padding: 16px 44px 0;
  padding-right: 0;
  line-height: 1;
  background: #ccecf6
}

.local-nav_list:before {
  z-index: 100;
  position: absolute;
  top: 0;
  left: -70px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 70px 86px 0;
  border-color: transparent #ccecf6 transparent transparent
}

.local-nav_inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
  padding-right: 0;
  background-color: #ccecf6
}

.local-nav_item {
  display: inline-block;
  padding-right: 30px;
  padding-bottom: 19px;
  font-weight: 700
}

.local-nav_item>a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%
}

.local-nav_item>a:before {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 5px;
  content: '';
  width: 14px;
  height: 14px;
  background-image: url(../img/common/icon_circle_arrow.svg);
  background-size: contain;
  background-position: center
}

.local-nav_item>a.is-active:after {
  position: absolute;
  bottom: -7px;
  left: 19px;
  display: block;
  content: '';
  width: calc(100% - 19px);
  height: 4px;
  background: #34608f
}

.local-title {
  position: relative;
  width: 440px;
  height: 98px;
  padding-left: 24px;
  background: #009ed2;
  color: #FFF
}

.local-title:after {
  position: absolute;
  top: 0;
  right: -70px;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 98px 70px 0 0;
  border-color: #009ed2 transparent transparent
}

.local-title_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.local-title_box.is-column {
  display: block
}

.local-title_box>.en {
  display: block;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  /*font-size: 2.25rem;
  letter-spacing: .05em*/
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: .03em
}

.local-title_box>.en02 {
  display: block;
  text-transform: uppercase;
  font-family: Anton, sans-serif;
  /*font-size: 2.25rem;
  letter-spacing: .05em*/
  font-size: 3.4rem;
  font-weight: 400;
  letter-spacing: .03em
}

.local-title_box>.jp {
  display: block;
  text-align: right;
  /*padding-left: 1.25em*/
  padding-left: 2.0em
}

.content {
  /* position: relative; */
  width: 100%;
  margin-bottom: 100px
}

.content_inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 120px
}

.content_lead {
  margin-bottom: 50px;
 /* padding: .875rem 0;*/
  padding: 1.4rem 0;
  line-height: 1.75;
  border-top: 1px solid #323333;
  border-bottom: 1px solid #323333
}

.content_box {
  margin-bottom: 80px
}

.content_ttl {
  margin-bottom: 30px;
  /*font-size: 1.375rem;*/
  font-size: 2.2rem;
  font-weight: 700;
  border-bottom: 1px solid #040000
}

.content_ttl>span {
  position: relative
}

.content_ttl>span:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  display: inline-block;
  content: '';
  width: 100%;
  height: 4px;
  background: #009ed2
}

.content_footer {
  padding-top: 20px;
  text-align: right
}

.mac .content_ttl>span:after {
/*  bottom: -.5em*/
  bottom: -.8em
}

.mac.firefox .content_ttl>span:after {
  bottom: -9px
}

.win.firefox .content_ttl>span:after {
  bottom: -7px
}

.win.chrome .content_ttl>span:after {
  bottom: -8px
}

.ie .local-nav_item {
  padding-bottom: 16px
}

.top-box {
  width: 100%;
  margin-top: -112px;
  padding: 85px 0 100px;
  background-image: url(../img/top/bg_top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.top-box_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.top-news {
  width: 50%;
  background: url(../img/top/bg_news.jpg) no-repeat top center;
  background-size:cover;
  padding:1.5em;
}

.top-news_list {
  width: 100%;
  list-style-type: none;
  background:rgba(255,255,255,0.8);
  padding:1em;
}

.top-news_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9
}
.top-news_item_a{
	display: flex;
}
.top-news_item .tag {
  display: inline-block;
  width: 98px;
  height: 26px;
  line-height: 26px;
  border-radius: 10px;
 /* font-size: .875rem;*/
  font-size: 1.4rem;
  border: 1px solid;
  text-align: center
}

.top-news_item .tag--news {
  border-color: #009ed2;
  color: #009ed2
}

.top-news_item .tag--add {
  border-color: #171c61;
  color: #171c61
}

.top-news_item .new {
  color: #f00
}

.top-news_item .date {
  /*font-size: .875rem*/
  font-size: 1.4rem
}

.top-news_body {
  width: calc(100% - 98px);
  padding-left: 12px
}

.top-news_head {
  margin-bottom: 30px;
  text-align: center
}

.top-news_lead {
  font-weight: 700
}

.top-news_ttl {
  margin-bottom: 30px
}

.top-news_ttl>.en {
  display: block;
  margin-bottom: 30px;
  font-family: Anton, sans-serif;
  font-size: 36px;
  line-height: 1
}

.top-news_ttl>.jp {
  line-height: 1
}

.top-others {
  width: 50%;
  padding-left: 33px
}

.top-others_list {
  list-style-type: none
}

.top-others_item {
  margin-bottom: 45px
}

.top-others_item:last-child {
  margin-bottom: 0
}

.top-fit {
  width: 100%;
  padding: 85px 0 100px;
  background-image: url(../img/top/bg_fit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.top-fit_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 104px
}

.top-fit_brand {
  width: 50%
}

.top-fit_logo {
  width: 214px;
  margin: 0 auto
}

.top-fit_body {
  width: 50%;
  font-weight: 700;
  text-align: center;
  color: #FFF
}

.top-fit_catch {
  margin-bottom: 25px;
  font-size: 21px;
  line-height: 1.4
}

.top-fit_cap {
  margin-bottom: 40px
}

.top-fit_imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1004px;
  margin: 0 auto
}

.top-fit_img {
  padding: 6px;
  background: #FFF
}

.top-nav {
  width: 100%;
  padding: 112px 0 108px;
  background-image: url(../img/top/bg_nav.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.top-nav_list {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 30px;
  width: 648px;
  margin: 0 auto;
  justify-content: space-between;
}

.top-nav_list2 {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.top-nav_item {
  position: relative;
  width: 44%;
  /* margin-right: 11%; */
  margin-bottom: 10%;
  padding: 36px 0 32px;
  text-align: center;
  background: rgba(232, 232, 232, .85)
}


/*
.top-nav_item:nth-child(1), .top-nav_item:nth-child(3) {
.top-nav_item:nth-child(3) {
  background: rgba(0, 158, 210, .75)
}
*/

.top-nav_item:nth-child(1){
	/* background: url(../img/top/nav_list1.jpg) no-repeat top center;
	background-size:cover; */
}
.top-nav_item:nth-child(2){
	/* background: url(../img/top/nav_list2.jpg) no-repeat top center;
	background-size:cover; */
}

.top-nav_item:nth-child(3) {
	margin-right: 0;
	/* background: url(../img/top/nav_list3.jpg) no-repeat top center;
	background-size:cover; */
}

/* .top-nav_item:nth-child(1)>a, .top-nav_item:nth-child(3)>a {
  color: #FFF
} */

.top-nav .top-nav_list2 .top-nav_item:last-child {
	margin-right: 0;
	/* background: url(../img/top/nav_list5.jpg) no-repeat top center;
	background-size:cover; */
}

/* .top-nav .top-nav_list2 .top-nav_item:nth-child(1) {
	background: rgba(232, 232, 232, .85);
	background: url(../img/top/nav_list4.jpg) no-repeat top center;
	background-size:cover;
} */

/* .top-nav .top-nav_list2 .top-nav_item:nth-child(1)>a {
  color: inherit
} */

.top-nav_item:nth-child(1) {
  background-color: rgba(0, 158, 210, .75);
}
.top-nav_item:nth-child(4) {
  background-color: rgba(0, 158, 210, .75);
}
.top-nav_item:nth-child(1) > a,
.top-nav_item:nth-child(4) > a {
  color: #FFF;
}

.top-nav_ttl>.en {
  display: block;
  margin-bottom: 20px;
  font-family: Anton, sans-serif;
  font-size: 36px;
  line-height: 1
}

.top-nav_body {
  padding-top: 7px;
  font-weight: 700;
  line-height: 1.4;
}

.top-blog {
  width: 100%;
  padding: 112px 0 108px;
  background-image: url(../img/top/bg_blog.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.top-blog_inner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 25px
}

.top-blog_head {
  margin-bottom: 30px;
  text-align: center
}

.top-blog_ttl {
  margin-bottom: 34px
}

.top-blog_ttl>.en {
  display: block;
  margin-bottom: 30px;
  font-family: Anton, sans-serif;
  font-size: 36px;
  line-height: 1
}

.top-blog_ttl>.jp {
  line-height: 1
}

.top-blog_lead {
  font-weight: 700
}

.top-blog_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.top-blog_item {
  width: 31.6%;
  padding: 30px 18px 25px;
  background: #FFF;
  border: 1px solid #231815
}

.top-blog_item_ttl {
  font-size: 21px;
  line-height: 1.6
}

.top-blog_item_date {
  text-align: right;
  color: #050505
}

.top-blog_item_body {
  padding-top: 23px;
  font-size: 18px
}

.top-blog_bottom {
  margin-top: 53px;
  text-align: center
}

.about_contact {
  margin-top: 20px
}

.message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
}

.message_pic {
  width: 33.333%
}

.message_body {
  width: calc(100% - 33.333%);
  padding-left: 5.6%
}

.message_name {
  position: relative;
  top: -6px;
  padding-left: 20px;
  max-width: initial;
  width: auto
}

.message_footer {
  padding-top: 35px;
  text-align: right;
  line-height: 2;
}

.philosophy_item {
  margin-bottom: 28px;
  font-size: 1.125rem;
  font-weight: 700
}

.compliance_item {
  margin-bottom: 5px
}

.compliance_subtitle {
  font-size: 1.8rem
  /*font-size: 1.125rem*/
}

.basic_item {
  margin-bottom: 15px
}

.basic_title {
  margin-bottom: 3px
}

.social_lead {
  margin-bottom: 20px
}

.social_url {
  padding: 10px 0;
}

.fw-b {
  font-weight: 700
}

.para {
  /*margin-bottom: 1em*/
   margin-bottom: 1.6em
}

@media screen and (max-width:768px) {
  .inner {
    max-width: initial;
    width: 100%;
    padding: 0 10px
  }
  .header{
  	pointer-events: auto;
  }
  .header_inner {
    max-width: initial;
    width: 100%
  }
  .header_body_inner {
    max-width: initial;
    width: 100%
  }
  .header_name {
    padding: 0 0 0 10px;
    /*font-size: .875rem*/
     font-size: 1.4rem
  }
  .header_btn {
    width: 50%;
   /* font-size: .875rem*/
   font-size: 1.4rem
  }
  .header_cta {
    display: none
  }
  .footer {
    margin-bottom: 80px;
    padding: 20px 0 5px
  }
  .footer_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: initial;
    width: 100%;
    padding: 0 10px
  }
  .footer_brand {
    width: 100%;
    margin-bottom: 20px
  }
  .footer_body {
    width: 100%;
    padding-left: 0
  }
  .footer_logo {
    width: 20%;
    margin-bottom: 0
  }
  .footer_name {
    width: 50%;
    margin-bottom: 10px
  }
  .footer_facebook {
    width: 12%;
    margin-bottom: 10px
  }
  .footer_btn {
    width: 80%;
    position: relative;
  }
  .footer_nav {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .footer_nav_item {
    width: 100%
  }
  .footer_nav_item.is-about .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .footer_nav_item.is-about .wrapper .footer_subnav {
    width: 100%
  }
  .footer_subnav_item {
    border-top: 1px solid #CCC;
    padding: 10px 0
  }
  .footer_copyright {
    padding: 20px 10px 0
  }
  .footer_cta {
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
   /* padding: 1rem 0 .5rem;*/
    padding: 1.6rem 0 .8rem;
    background: #009ed2
  }
  .breadcrumb_inner {
    padding: 10px;
    /*font-size: .75rem/*/
    font-size: 1.2rem
  }
  .c-btn {
    width: 100%
  }
  .c-form input[type=text], .c-form input[type=url], .c-form input[type=tel], .c-form input[type=password], .c-form input[type=email], .c-form textarea {
    width: 100%
  }
  .c-form__item {
    display: block
  }
  .c-form__title {
    width: 100%;
    /*margin-bottom: 1rem*/
     margin-bottom: 1.6rem
  }
  .c-form__body {
    width: 100%
  }
  .c-form__required {
    position: inherit;
    right: 0;
    /*margin-left: 1rem*/
    margin-left: 1.6rem
  }
  .c-mq--sp {
    display: block
  }
  .c-mq--pc {
    display: none
  }
  .logo_header--lower {
    width: 100%;
    height: 96px
  }
  .logo_header .mark {
    /* width: 20% */
    padding: 2%;
  }
  .logo_header .text {
    width: 60%
  }
  .gnav {
    display: none
  }
  .swiper-container {
    height: 360px
  }
  .swiper-button-wrapper {
    width: 100%
  }
  
  .swiper-pagination{
  	top: initial !important;
  	margin:0;
  	display: inline-block;
    position: absolute;
    bottom: 10px !important;
    /* right: -90px !important; */
    width: auto;
  }
  @media screen and (max-width: 768px) {
  .swiper-pagination {
    right: 0;
    text-align: right;
  }
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .swiper-button-next{
  	right: 0;
  }
  .swiper-pagination img{
  	display:none;
  }
  .swiper-pagination-bullet-active {
  	background-color: #009ed2
  }
  .swiper-pagination .swiper-pagination-bullet {
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:10px !important;
	padding: 2px;
	background-color: #009ed2;
	opacity: 1;
}
	.swiper-pagination .swiper-pagination-bullet-active {
		background: transparent;
		opacity: 0.6;
		padding:2px;
}
  .hero_inner {
    width: 100%
  }
  .hero_catch {
    position: absolute;
    top: 30%;
    width: auto;
    height: 100%;
    padding: 0 85px
  }
  .local-header_inner {
    width: 100%
  }
  .local-nav {
    margin-bottom: 26px
  }
  .local-nav_list {
    padding: 16px 10px 0
  }
  .local-nav_item {
    padding-right: 5px;
    /*font-size: .875rem*/
    font-size: 1.4rem
  }
  .local-title {
    width: 100%;
    padding: 0 10px
  }
  .local-title:after {
    display: none
  }
  .local-title_box>.en {
    /*font-size: 2rem;*/
    font-size: 3.2rem;
    letter-spacing: 0
  }
  .local-title_box>.jp {
    /*padding-left: 1em;*/
    padding-left: 1.6em;
    /*font-size: .875rem*/
    font-size: 1.4rem
  }
  .content_inner {
    padding: 0 10px
  }
  .content_ttl {
    /*font-size: 1.25rem*/
    font-size:2.0rem
  }
  .content_ttl>span:after {
    bottom: -10px
  }
  .top-box {
    padding: 40px 0 80px
  }
  .top-box_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .top-news {
    width: 100%;
    margin-bottom: 50px
  }
  .top-news_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .top-news_body {
    width: 100%;
    padding-left: 0
  }
  .top-news_ttl {
    margin-bottom: 10px
  }
  .top-news_ttl>.en {
    margin-bottom: 0
  }
  .top-others {
    width: 100%;
    padding-left: 0
  }
  .top-others_item {
    margin-bottom: 10px
  }
  .top-fit {
    padding: 40px 0 80px
  }
  .top-fit_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .top-fit_logo {
    width: auto;
    margin-bottom: 20px
  }
  .top-fit_body {
    width: 100%
  }
  .top-fit_imgs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .top-fit_img {
    width: 49%;
    margin-bottom: 2%
  }
  .top-nav {
    padding: 40px 0 80px
  }
  .top-nav_list {
    padding: 0;
    width: 100%;
  }
  .top-nav_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
  }
  .top-nav_ttl>.en {
    margin-bottom: 0
  }
  .top-nav_body {
    padding-top: 10px
  }
  .top-blog {
    padding: 40px 0 80px
  }
  .top-blog_inner {
    padding: 0 10px
  }
  .top-blog_ttl {
    margin-bottom: 10px
  }
  .top-blog_ttl>.en {
    margin-bottom: 0
  }
  .top-blog_item {
    width: 100%;
    margin-bottom: 10px
  }
  .top-blog_bottom {
    margin-top: 20px
  }
  .message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    
  }
  .message_pic {
    width: 100%
  }
  .message_body {
    width: 100%;
    padding-left: 0
  }
  .db {
    display: block
  }
}

@media screen and (min-width:1141px) {
  a[href^="tel:"] {
    pointer-events: none
  }
}


ul li{
  list-style: none;
}

.u-list--ls {
  letter-spacing: -0.02em;
}

/* 帯アニメーション */
@keyframes LeftToRight {
  0% {
    opacity: 0;
    transform: translateX(-800px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes RightToLeft {
  0% {
    opacity: 0;
    transform: translateX(800px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@media screen and (min-width:768px) {
  .local-header {
    position: relative;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: LeftToRight;
    -o-animation-name: LeftToRight;
    animation-name: LeftToRight;
  }
  .local-nav {
    position: relative;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: RightToLeft;
    -o-animation-name: RightToLeft;
    animation-name: RightToLeft;
  }
}
.header--lower {
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.header--lower.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #FFF;
}
.header--lower .logo_header .mark {
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.header--lower.is-fixed .logo_header .mark {
  width: 50px;
}

.header--lower .text {
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.header--lower.is-fixed .text {
  width: 250px;
}

.header--lower .logo_header--lower {
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.header--lower.is-fixed .logo_header--lower {
  height: 80px;
}

.header--lower .gnav_list {
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.header--lower.is-fixed .gnav_list {
  height: inherit;
  padding: 10px 0;
}
.header--top .logo_header {
  transition: .7s
}
.header--top.is-fixed .logo_header {
  width: 90px;
  height: 84px;
}
.header--top.is-fixed .gnav_list {
  height: 64px;
}
.header--top.is-fixed .en {
  font-size: 1.8rem;
}
.header--top.is-fixed .jp {
  font-size: 1.2rem;
  line-height: 1;
}

.u-pg {
  margin-bottom: 2em;
}
/* 会社概要 */
.company-table {
  width: 100%;
  font-size: 1.125em;
}
.company-table tr {
  width: 100%;
  border-bottom: 1px dotted #7F7F80;
}
.company-table th {
  width: 170px;
  padding: 15px 0 0 25px;
  text-align: left;
  vertical-align: top;
}
.company-table td {
  padding: 15px 0;
}
.company-office {
  margin-bottom: 50px;
}
/* 採用情報共通 */
.recruit {
  padding-bottom: 11rem;
  background : linear-gradient(0deg, rgba(18, 160, 149, 1) 0%, rgba(55, 187, 216, 1) 100%);
}
.recruit__inner {
  max-width: 1400px;
  padding: 50px;
  margin: 0 auto;
  background: #E5F5FB;
}

@media screen and (max-width: 768px) {
  .recruit__inner {
    padding: 50px 10px;
  }
}
.recruit__container {
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  max-width: 1200px;
}
.work__lead {
  max-width: 904px;
  margin: 0 auto 5rem;
}
.recruit-nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  max-width: 890px;
  margin: 0 auto;
  padding: 50px 0;
}
.recruit-nav__item {
  width: 270px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit-nav__item {
    line-height: 1.4;
    padding: 1.5rem .5rem;
  }
}
.recruit-nav__item > a {
  display: block;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  transform: skewX(-20deg);
}
@media screen and (max-width: 768px) {
  .recruit-nav__item > a {
    transform: skewX(0deg);
  }
}
.recruit-nav__item > a:hover,
.recruit-nav__item > a.is-active {
  background-color: #FFF;
  color: #000;
  opacity: 1;
}

.recruit-nav__item > a > span {
  display: inline-block;
  transform: skewX(20deg);
}
@media screen and (max-width: 768px) {
  .recruit-nav__item > a > span {
    transform: skewX(0deg);
  }
}
.recruit-catch {
  font-size: 2.0rem;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .recruit-catch {
    padding: 5rem 1rem 5rem;
  }
}

.recruit-subnav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  max-width: 904px;
  margin: 0 auto;
  padding: 0 0 50px;
}
.recruit-subnav__item {
  width: 270px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit-subnav__item {
    border-left: 1px solid #fff;
  }
}
.recruit-subnav__item > a {
  display: block;
  /* border: 1px solid #000; */
  background : linear-gradient(0deg, rgba(23, 167, 214, 1) 0%, rgba(0, 107, 217, 1) 99.9%);
  color: #fff;
  transform: skewX(-20deg);
  border-radius: 15px;
}
.recruit-subnav__item > a:hover,
.recruit-subnav__item > a.is-active {
  background-color: #FFF;
  color: #000;
  opacity: 1;
}

.recruit-subnav__item > a > span {
  display: inline-block;
  transform: skewX(20deg);
}
.recruit-subnav__item > a > span::after {
  display: inline-block;
  content: '>';
  transform: rotate(90deg);
  font-size: .75em;
}

.work__table {
  width: 100%;
}
/* スタッフインタビュー */

.interview-item__inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .interview-item__inner {
    display: block;
  }
}
.interview-item__inner.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.interview-item {
  margin-bottom: 50px;
  padding: 10px;
}
.interview-item--01 {
  background : rgba(252, 222, 128, 1);
}
.interview-item--02 {
  background :  rgba(237, 215, 249, 1);
}
.interview-item--03 {
  background :  rgba(206, 221, 249, 1);
}
.interview-item--04 {
  background :  rgba(150, 208, 215, 1);
}
.interview-item--05 {
  background :  rgba(172, 211, 89, 1);
}
.interview-item--06 {
  background :  rgba(255, 243, 63, 1);
}
.interview-item--07 {
  background :   rgba(247, 202, 159, 1);
}
.interview-item__inner {
  padding: 20px;
  border-radius: 10px;
  background: #FFF;
}

.interview-item__block01 {
  width: 300px;
}
@media screen and (max-width: 768px) {
  .interview-item__block01 {
    width: 100%;
  }
}
.interview-item__block02 {
  width: calc(100% - 300px);
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .interview-item__block02 {
    width: 100%;
    padding-left: 0;
  }
}
.interview-item__block02.reverse {
  padding-left: 0;
  padding-right: 20px;
}
.interview-item__number {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 20px;
  font-size: 4.4rem;
  font-weight: bold;
  line-height: 1.5;
}
.interview-item__number.reverse {
  justify-content: flex-end;
}
.interview-item__number > span {
  display: inline-block;
  border-bottom: 3px solid #000;
}
.interview-item__faq {
  margin-bottom: 30px;
}
.interview-item__question {
  margin-bottom: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: -0.02em;
}
.interview-item__question.is-01 {
  border-bottom: 3px solid rgba(252, 222, 128, 1);
}
.interview-item__question.is-02 {
  border-bottom: 3px solid  rgba(237, 215, 249, 1);
}
.interview-item__question.is-03 {
  border-bottom: 3px solid  rgba(206, 221, 249, 1);
}
.interview-item__question.is-04 {
  border-bottom: 3px solid  rgba(150, 208, 215, 1);
}
.interview-item__question.is-05 {
  border-bottom: 3px solid  rgba(172, 211, 89, 1);
}
.interview-item__question.is-06 {
  border-bottom: 3px solid  rgba(255, 243, 63, 1);
}
.interview-item__question.is-07 {
  border-bottom: 3px solid   rgba(247, 202, 159, 1);
}
.interview-bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #323333;
}
.interview-bottom > .hitokoto {
  width: 129px;
}
@media screen and (max-width: 768px) {
  .interview-bottom {
    display: block;
  }
  .interview-bottom > .hitokoto {
  }
}
.interview-bottom__text {
  width: calc(100% - 129px);
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .interview-bottom__text {
    width: 100%;
    padding-right: 0;
  }
}
.interview-item__profile {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .interview-item__profile {
    padding: 20px 0;
  }
}
.interview-item__name {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  text-align: left;
}
.interview-item__name >  .shimei {
  padding-left: 2.0rem;
  font-size: 2.6rem;
  font-weight: bold;
}

/* 旭ハウジングの仕事 */
.work__title {
  position: relative;
  font-size: 2.0rem;
  border-bottom: 1px solid #000;
}


.work__title > .text {
  position: relative;
}
.work__title > .text::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  /* background: #009ed2; */
}


.work__item {
  margin-bottom: 60px;
}
.work__table tr {
  border-bottom: 1px dotted #000;
}
.work__table th {
  padding: 1rem 2rem 1rem 1rem;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
}
.work__item {
  padding: 1rem;
  background : linear-gradient(0deg, rgba(23, 167, 214, 1) 0%, rgba(0, 107, 217, 1) 99.9%);
}
.work__bg {
  background: #FFF;
  padding: 4rem;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .work__bg {
    padding: 2rem;
  }
}

/* アフターサービス */
.afterservice-lead {
  padding: 6rem 0;
  background: #eaf6fa;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-image: url(../img/product/bg_lead.png) ,url(../img/product/bg_house.png), url(../img/product/bg_lead02.png);
  background-repeat: no-repeat;
  background-position: left 50px, bottom, right 50px;
}
@media screen and (max-width: 768px) {
  .afterservice-lead {
    padding: 6rem 1rem;
  }
}
.afterservice-lead__title {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  color: #009ed2;
  border-bottom: 1px solid #009ed2;
}
.afterservice-lead__bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.afterservice-lead__inner {
  max-width: 968px;
  margin: 0 auto;
}
.afterservice-body {
  padding: 5rem 0;
}
.afterservice__inner {
  max-width: 1000px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .afterservice__inner {
    width: 100%;
    padding: 0 10px;
  }
}
.afterservice-title {
  position: relative;
  margin-bottom: 2rem;
  font-size: 2.0rem;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .afterservice-title {
    margin-left: 4rem;
  }
}
.afterservice-title::before {
  position: absolute;
  top: -10px;
  left: -35px;
  content: url(../img/product/bird01.png)
}
.afterservice-title::after {
  position: absolute;
  right: 0;
  top: -25px;
  content: url(../img/product/bird02.png)
}
.afterservice-table {
  width: 100%;
  border: 1px solid #000;
}
.afterservice-item {
  margin-bottom: 50px;
}
.afterservice-item .afterservice-table__head th {
  padding: 1rem;
  white-space: nowrap;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .afterservice-item .afterservice-table__head th {
    white-space: inherit;
  }
}
.afterservice-item .afterservice-table__body td {
  padding: 2rem 2rem;
}
.afterservice-table tr {
  border-bottom: 1px solid #000;
}
.afterservice-table th {
  border-right: 1px solid #000
}
.afterservice-table th:last-child {
  border-right: none;
}
.afterservice-table td {
  border-right: 1px solid #000
}
.afterservice-table td:last-child {
  border-right: none;
}


/* 長期保証と短期保証 */
.afterservice-item--01 .afterservice-table {
  border: 1px solid #009ED2;
}
.afterservice-item--01 .afterservice-table__head {
  border-color: #009ed2;
  background-color: #009ed2;
}
.afterservice-item--01 .afterservice-table__body th {
  background-color: #80CFE9;
}
.afterservice-item--01 .afterservice-table tr {
  border-bottom: 1px solid #009ED2;
}
.afterservice-item--01 .afterservice-table th {
  border-color: #009ED2
}
.afterservice-item--01 .afterservice-table td {
  border-color: #009ED2
}
/* 長期保証 */
.afterservice-item--02 .afterservice-table {
  border: 1px solid #A3CC72;
}
.afterservice-item--02 .afterservice-table__head {
  border-color: #A3CC72;
  background-color: #86C95C;
}
.afterservice-item--02 .afterservice-table__body th {
  background-color: #D2EBC2;
  text-align: left;
  padding: 2rem;
}
.afterservice-item--02 .afterservice-table tr {
  border-bottom: 1px solid #829D61;
}
.afterservice-item--02 .afterservice-table th {
  border-color: #829D61
}
.afterservice-item--02 .afterservice-table td {
  border-color: #829D61
}

/* 長期保証と短期保証 */
.afterservice-item--03 .afterservice-table {
  border: 1px solid #E95377;
}
.afterservice-item--03 .afterservice-table__head {
  border-color: #E95377;
  background-color: #F087A0;
}
.afterservice-item--03 .afterservice-table__body td:first-child {
  white-space: nowrap;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .afterservice-item--03 .afterservice-table__body td:first-child {
    white-space: inherit;
  }
}
.afterservice-item--03 .afterservice-table tr {
  border-bottom: 1px solid #E95377;
}
.afterservice-item--03 .afterservice-table th {
  border-color: #E95377
}
.afterservice-item--03 .afterservice-table td {
  border-color: #E95377
}
.afterservice-item--03 .bg03 {
  background-color: #F8CBD6;
}
.menseki {
  padding: 3rem 0;
}
.menseki__bottom {
  background: #2faa6f;
  color: #FFF;
  text-align: center;
  padding: 1rem 0;
  font-size: 2.5rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .menseki__bottom {
    padding: 1rem;
    font-size: 2.2rem;
  }
}
.mennseki-arrow {
  padding: 2rem 0;
  text-align: center;
}
.mennseki-arrow > img {
  width: 6.4rem;
}
.afterservice-hr {
  width: 100%;
  height: 50px;
  margin-bottom: 50px;
  background-image: url(../img/product/bg_house.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

/* 商品紹介 */
.product-head {
  padding-top: 8rem;
  text-align: center;
}
.product-head__logo {
  display: inline-block;
  width: 148px;
  margin-bottom: 50px;
}
.product-head__catch {
  font-size: 2.6rem;
  font-weight: bold;
}
.product-main {
  width: 100%;
  height: 630px;
  background-image: url(../img/product/product_main.jpg);
  -webkit-background-size: cover;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .product-main {
    height: auto;
  }
}
.product-main__inner {
  height: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .product-main__inner {
    width: 100%;
    padding: 3rem 1rem;
  }
}
.product-main__catch {
  margin-bottom: 50px;
  font-size: 3.6rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .product-main__body {
    position: relative;
    padding: 1rem;
  }
  .product-main__body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, .7);
  }
  .product-main__body__text {
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 768px) {
  .product-main__catch {
    font-size: 3rem;
  }
}
.product-body {
  width: 100%;
  padding: 70px 0;
}
.product-body__inner {
  max-width: 1072px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .product-body__inner {
    padding: 0 1rem;
  }
}
.product-body__head {
  text-align: center;
}
.product-body__title {
  margin-bottom: 50px;
  font-size: 3.0rem;
  background-image: url(../img/product/title_bg.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.concept-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .concept-list {
    display: block;
    padding: 0 10px;
  }
}
.concept-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  width: 30%;
  min-height: 576px;
}
@media screen and (max-width: 768px) {
  .concept-item {
    width: 100%;
    margin-bottom: 3rem;
    min-height: initial;
    height: auto;
  }
}
.concept-item__head {
  position: relative;
  width: 100%;
  height: 174px;
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 20px 0 20px 0;
  background-image: url(../img/product/bg_head.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.concept-item__q {
  font-size: 2.6rem;
  color: #FFF;
  font-weight: bold;
}
.concept-item__title {
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: center;
}
.concept-item__body {
  margin-bottom: 60px;
}
.concept-item__body p {
  padding: .5em 0;
  border-bottom: 2px solid #000;
}
.concept-item__bottom {
  position: relative;
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  background: #ccc;
  border-radius: 10px;
  margin-top: auto;
}
.concept-item__bottom > span {
  position: relative;
  top: 2px;
}

.concept-item__bottom::before {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 16px 10px;
  border-color: transparent transparent #ccc transparent;

}

.concept-item__head--01 {
  background-color: #e1b9e4;
}
.concept-item__body--01 p {
  border-color: #e1b9e4;
}
.concept-item__bottom--01 {
  background-color: #e1b9e4;
  color: #cc2672;
}
.concept-item__bottom--01::before {
  border-color: transparent transparent #e1b9e4 transparent;
}


.concept-item__head--02 {
  background-color: #b5b3d7;
}
.concept-item__body--02 p {
  border-color: #b5b3d7;
}
.concept-item__bottom--02 {
  background-color: #b5b3d7;
  color: #452b80;
}
.concept-item__bottom--02::before {
  border-color: transparent transparent #b5b3d7 transparent;
}

.concept-item__head--03 {
  background-color: #a1aecf;
}
.concept-item__body--03 p {
  border-color: #a1aecf;
}
.concept-item__bottom--03 {
  background-color: #a1aecf;
  color: #1c2a53;
}
.concept-item__bottom--03::before {
  border-color: transparent transparent #a1aecf transparent;
}

.product-example {
  background-color: #e6e5dc;
}
.product-exterior__item {
  margin-bottom: 50px;
}
.product-exterior__title {
  position: relative;
  border-bottom: 2px dotted #582b25;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .product-exterior__title {
    margin-bottom: 6rem;
  }
}
.product-exterior__title--01::before {
  position: absolute;
  left: -10px;
  display: inline-block;
  content: url(../img/product/ill_01.png);
  width: 77px;
  height: 60px;
}
.product-exterior__title--02::before {
  position: absolute;
  left: -10px;
  display: inline-block;
  content: url(../img/product/ill_02.png);
  width: 77px;
  height: 60px;
}
.product-exterior__title--03::before {
  position: absolute;
  left: -10px;
  display: inline-block;
  content: url(../img/product/ill_03.png);
  width: 77px;
  height: 60px;
}
.product-exterior__title--01 > img {
  width: 180px;
  margin-left: 80px;
}
.product-exterior__title--02 > img {
  width: 131px;
  margin-left: 80px;
}
.product-exterior__title--03 > img {
  width: 152px;
  margin-left: 80px;
}
.product-exterior__pics {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 200px;
  width: 800px;
}
@media screen and (max-width: 768px) {
  .product-exterior__pics {
    width: 100%;
    display: block;
    margin-left: 0;
  }
}
.product-exterior__pics__item {
  width: 380px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .product-exterior__pics__item {
    width: 100%;
  }
}
.product__bottom {
  text-align: center;
  margin-bottom: 80px;
}
.product__bottom > a {
  position: relative;
  display: inline-block;
  width: 350px;
  height: 60px;
  line-height: 60px;
  border: 1px solid #000;
  font-size: 2.4rem;
}
.product__bottom > a::after {
  position: absolute;
  right: 2rem;
  content: '>';
}
.interior-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  display: block;
}
.interior-item {
  position: relative;
  width: 47.5%;
  padding: 20px;
  margin-bottom: 30px;
  background: #E9E4DF;
  box-shadow : 3px 3px 3px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .interior-item {
    width: 100%;
  }
}
.interior-item__title {
  position: absolute;
  top: 30px;
  left: 0;
  background: #19191a;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
}
.interior-item__title.reverse {
  left: inherit;
  right: 0;
}
.kitchen {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .kitchen {
    width: 100%;
  }
}
.kitchen-head {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.kitchen-main {
  margin-bottom: 30px;
}
.kitchen-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
.kitchen-item {
  width: 460px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  .kitchen-item {
    width: 100%;
    display: block;
  }
}
.kitchen-item.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.kitchen-item__pic {
  width: 290px;
}
@media screen and (max-width: 768px) {
  .kitchen-item__pic {
    width: 100%;
  }
}
.kitchen-item__body {
  width: calc( 100% - 290px);
}
@media screen and (max-width: 768px) {
  .kitchen-item__body {
    width: 100%;
  }
}
.kitchen-item__title {
  padding-top: 10px;
  font-size: 1.9rem;
  letter-spacing: -0.03em;
  line-height: 1.4;
  
}
.kitchen-item__title:after {
  position: relative;
  top: -10px;
  content: url(../img/product/kitchen_line.png);
  width: 100%;
  height: 6px;
}
.kitchen-item__text {
  line-height: 1.5;
  padding-right: 2rem;
}

.kitchen-item.reverse .kitchen-item__text  {
  padding-right: 0;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .kitchen-item.reverse .kitchen-item__text {
    padding-left: 0;
  }
}
.kitchen-item.reverse .kitchen-item__title  span {
  display: inline-block;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .kitchen-item.reverse .kitchen-item__title  span {
    padding-left: 0;
  }
}


.bathroom {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .bathroom {
    width: 100%;
  }
}
.bathroom-head {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.bathroom-main {
  margin-bottom: 30px;
}
.bathroom-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .bathroom-list {
    display: block;
  }
}
.bathroom-item {
  width: 460px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  .bathroom-item {
    width: 100%;
    display: block;
  }
}
.bathroom-item.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.bathroom-item__pic {
  width: 290px;
}
@media screen and (max-width: 768px) {
  .bathroom-item__pic {
    width: 100%;
  }
}
.bathroom-item__body {
  width: calc( 100% - 290px);
}
@media screen and (max-width: 768px) {
  .bathroom-item__body {
    width: 100%;
  }
}
.bathroom-item__title {
  padding-top: 10px;
  font-size: 1.9rem;
  letter-spacing: -0.03em;
  line-height: 1.4;
}
.bathroom-item__title:after {
  position: relative;
  top: -10px;
  content: url(../img/product/bathroom_line.png);
  width: 100%;
  height: 6px;
}
.bathroom-item__text {
  line-height: 1.5;
  padding-right: 2rem;
}
@media screen and (max-width: 768px) {
  .bathroom-item__text {
    padding-right: 0;
  }
}
.bathroom-item.reverse .bathroom-item__text  {
  padding-right: 0;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .bathroom-item.reverse .bathroom-item__text {
    padding-left: 0;
  }
}
.bathroom-item.reverse .bathroom-item__title  span {
  display: inline-block;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .bathroom-item.reverse .bathroom-item__title  span {
    padding-left: 0;
  }
}
.anshin-head {
  margin-bottom: 50px;
}
.anshin-head__title {
  width: 370px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .anshin-head__title {
    width: 100%;
  }
}
.anshin-head__catch {
  margin-bottom: 3.5rem;
  font-size: 2.6rem;
  font-weight: bold;
}
.anshin-head__text {
  font-size: 1.8rem;
}
.anshin-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .anshin-list {
    display: block;
  }
}
.anshin-item {
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .anshin-item {
    width: 100%;
    margin-bottom: 3rem;
  }
}
.anshin-item__badge > img {
  width: 96px;
  margin-bottom: 2.5rem;
}
.anshin-item__title {
  text-align: center;
  font-size: 3rem;
  border-bottom: 1px solid #000;
  margin-bottom: 2rem;
}
.anshin-item__text {
  text-align: left;
}
.local-nav_list.product  {
  height: 86px;
}

.product-example__inner {
  max-width: 1172px;
}

.product-example-main__list {
  margin-bottom: 6.4rem;
}
.product-example-thumb {}
.product-example-thumb__list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  .product-example-thumb__list {
    display: block;
    margin-bottom: 3rem;
  }
}
.product-example-thumb__title{
  width: 122px;
}
@media screen and (max-width: 768px) {
  .product-example-thumb__title {
    margin-bottom: 1rem;
  }
}
.product-example-thumb__list ul {
  width: calc(100% - 122px);
}
@media screen and (max-width: 768px) {
  .product-example-thumb__list ul {
    width: 100%;
  }
}
.product-example-thumb__list li {
  display: inline-block;
  width: 11rem;
  height: 11rem;
  overflow-y: hidden;
  margin-right: 1.2rem;
  margin-bottom: 1.2rem;
  transition: .3s;
}
@media screen and (max-width: 768px) {
  .product-example-thumb__list li {
    width: 28%;
  }
}
.product-example-thumb__list li:last-child {
  margin-right: 0;
}
.product-example-thumb__list .thumbnail {
  cursor: pointer;
  transition: .3s;
}
.product-example-thumb__list .thumbnail:hover {
  border: 2px solid #323333;
}
.product-example-thumb__list .thumbnail.is-active {
  border: 2px solid #323333;
  cursor: inherit;

}
.product-example-thumb__list li img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; /*IE対策*/
    width: 100%;
    height: 100%;
}
.company-office {
  margin-bottom: 50px;
}
.company-office__box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 22px;
}
.company-office__box.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.company-office__img {
  width: 46%;
}
.company-office__body {
  width: 54%;
  padding-left: 50px;
}
.company-office__item {
  margin-bottom: 20px;
}
.company-office__title {
  border-bottom: 1px dotted #7f7f80;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.company-office__title > .strong {
  font-size: 1.2em;
}
.company-office__table th {
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  padding: 0 30px 5px 0;
}
.company-office__box.reverse .company-office__body {
  padding-left: 0;
  padding-right: 50px;
}
.icon_hp {
  display: inline-block;
  width: 30px;
  height: 14px;
}
.p-gmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 300px;
    overflow: hidden;
}
.p-gmap iframe,
.p-gmap object,
.p-gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-center {
  text-align: center;
}
.main {
  position: relative;

}

.product-example-main__item {
  max-width: 900px;
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .product-example-main__item {
    height: auto;
  }
}
.product-example-main__item img {
  object-fit: cover;
}

  .side_req {
      position: fixed;
      top: 190px;
      right: 0;
      margin-top: 88px;
      width: 60px;
  }
  @media screen and (max-width: 768px) {
  .side_req {
    top: 30%;
  }
}
  .side_req p a, .side_req_detail p a {
      display: block;
      background-color: #000;
      padding: 20px 15px;
      color: #fff;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      border: 1px solid #000;
      transition: .5s all;
      height: 220px;
  }

  .side_req p, .side_req_detail p {
      writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      margin: 0 0 0 auto;
  }
.side_req_z{
	z-index:999;
}

.topbtnbox {
    display: none;
  }
.topBtn {
    display: inline-block;
    width: 43px;
    height: 36px;
    padding: 0 9px;
    background: #009ed2;
  }
  @media screen and (max-width: 768px) {
    .topBtn {
      margin-left: 0;
    }
  }
@media screen and (max-width: 768px) {
  .hero_catch {
    height: auto;
  }
}
.swiper-box {
    position: relative;
    width: 100%;
    z-index: 998;
}
.swiper-container {
    width: calc( 100% - 358px);
    height: 585px;
    margin: 0;
}
@media screen and (max-width: 768px) {
  .swiper-container {
    width: 100%;
    height: 360px;
  }
}
.swiper-pagination {
    position: absolute;
    width: 348px;
    height: 100%;
    right: 0;
}
 @media screen and (max-width: 768px) {
  .swiper-pagination {
    position: relative;
    top: -80px;
    width: 100%;
  }
}
.swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  height: 117px;
  overflow-x: hidden;
  overflow-y: hidden;
  font-size: 0;
  display: block;
}
@media screen and (max-width: 768px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
  }
}
.swiper-pagination .swiper-pagination-bullet img {
  position: relative;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}



.swiper-button-next {
    right: 1rem;
}
.swiper-button-prev {
  left: 1rem;
}


.header--top {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .header--top {
    pointer-events: auto;
  }
}
.gnav {
  pointer-events: auto;
}

/* Slider Pro Custom */
.sp-slide{
    opacity: 0.3;
}
.sp-slide:hover{
    opacity: 0.5;
}
.sp-selected{
    opacity: 1;
}
.sp-buttons{
    position: absolute;
    text-align: center;
    right: inherit;
    bottom: 0;
}
.sp-button{
    background-color: rgba(0, 0, 0, 0.3);
    border: none;
    width: 20px;
    height: 10px;
    border-radius: 5px;
}
.sp-selected-button {
  background-color: #009ed2;
}

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    background-color:#1b94c4;
}