@charset "UTF-8";
.red {
  color: #c40000; }

.kon {
  color: #0057a4; }

.purple {
  color: #9455B4; }

.blue {
  color: #009FE9; }

.yellow {
  color: #FC0; }

.green {
  color: #090; }

.white {
  color: #fff; }

.black {
  color: #000; }

/*----------------------------------------------------
******transition******
----------------------------------------------------*/
/*----------------------------------------------------
******font-size******
----------------------------------------------------*/
/*----------------------------------------------------
******CLEARFIX******
----------------------------------------------------*/
/*----------------------------------------------------
******COLS******
----------------------------------------------------*/
/*----------------------------------------------------
******margin******
----------------------------------------------------*/
/*----------------------------------------------------
******padding******
----------------------------------------------------*/
/*----------------------------------------------------
******element******
----------------------------------------------------*/
/*@import url(“print.css”) print;*/
.sans, .obiBox .obiBoxInr .txtBox .lBox .en, .titleBox .en, .baseTitle_1 .en, #mvTop .catchBox .en .inrSpan, .art_1 .topWork li .txtBox .en, .newUL_wrap .newsUL li .date, .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle p span, .newsBar .date, #newsPager a {
  font-family: 'Open Sans', sans-serif; }

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

body,
html {
  width: 100%;
  height: 100%;
  font-family: YakuHanJP,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: 500; }

html {
  font-size: 62.5%; }

body {
  font-size: 1.8rem;
  background: #fff;
  color: #333;
  *font-size: small;
  *font: x-small;
  vertical-align: top;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1; }
  @media screen and (max-width: 765px) {
    body {
      font-size: 1.6rem; } }
  body.ipad {
    min-width: auto !important; }

main,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

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

table {
  font-size: inherit;
  font-size: 100% !important; }

img {
  border: none; }

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

hr {
  display: none; }

a {
  color: #454545;
  text-decoration: none;
  cursor: pointer;
  outline: none !important; }
  a[href^="tel:"] {
    cursor: default; }
  a img:hover {
    opacity: 0.8; }
  a:link {
    color: #454545;
    text-decoration: none;
    outline: none; }
  a:hover {
    color: #0da2f8 !important; }
  a img {
    background-color: transparent; }
  a:hover img {
    background-color: transparent;
    text-decoration: none; }

ins {
  background-color: #ff9;
  color: #333;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #333;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #333;
  cursor: help; }

#contents {
  padding-bottom: 120px; }
  @media screen and (max-width: 765px) {
    #contents {
      padding-bottom: 60px; } }

p {
  line-height: 1.8;
  margin-bottom: 1em;
  word-break: break-all;
  letter-spacing: 0.08em; }

li {
  line-height: 1.8; }
  li img {
    background-color: transparent;
    text-decoration: none; }

::-moz-selection {
  background-color: #00A0E9;
  color: #FFF;
  /* Safari */ }

::selection {
  background-color: #00A0E9;
  color: #FFF;
  /* Safari */ }

::-moz-selection {
  background-color: #00A0E9;
  color: #FFF;
  /* Firefox */ }

input::-ms-clear {
  visibility: hidden; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%; }

#sideWrap {
  width: 250px;
  float: left;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  #sideWrap + #main {
    width: calc(100% - 330px);
    float: right; }
  #sideWrap #side {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 100%; }
  #sideWrap #sideInr {
    display: block; }
    #sideWrap #sideInr .sideTitle {
      background: #ffa3ac;
      font-weight: bold;
      padding: 1.5em 0.5em;
      color: #fff;
      font-weight: bold; }
    #sideWrap #sideInr .sideNav .sideUL {
      margin-bottom: 1em;
      width: 100%; }
      #sideWrap #sideInr .sideNav .sideUL li {
        width: 100%; }
        #sideWrap #sideInr .sideNav .sideUL li:last-child a {
          border-bottom: none !important; }
        #sideWrap #sideInr .sideNav .sideUL li a {
          border-bottom: 1px solid #eee;
          display: block;
          padding: 0.8em 0.5em;
          width: 100%; }
          #sideWrap #sideInr .sideNav .sideUL li a:hover {
            background: #f7f7f7; }
        #sideWrap #sideInr .sideNav .sideUL li.cr a {
          background: #ffbfc5; }
  #sideWrap #sideOpenBTN {
    display: none;
    text-align: center;
    padding: 5px 10px;
    color: #fff;
    background: #87a2e6;
    position: relative; }
    #sideWrap #sideOpenBTN:after {
      color: #FFF;
      content: "+";
      position: absolute;
      top: 50%;
      right: 2em;
      display: block;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

@media screen and (max-width: 765px) {
  body {
    min-width: initial !important;
    min-width: auto !important; } }

@media screen and (max-width: 1025px) {
  #main {
    width: 100% !important;
    float: none !important; }
  #sideWrap {
    width: 100%;
    float: none;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto; }
    #sideWrap #sideInr {
      display: none;
      width: 100% !important; }
    #sideWrap #sideOpenBTN {
      display: block; } }

.sp * {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%; }

@media screen and (max-width: 765px) {
  input[type="text"],
  input[type="submit"],
  input[type="reset"],
  input[type="hidden"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="file"],
  input[type="button"] {
    -webkit-appearance: none; } }

/*----------------------------------------------------
☆☆CLEAR☆☆
--------------------------------------------------*/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }

.clearfix:after {
  clear: both; }

.clear_noie {
  display: inline !important;
  display: none;
  clear: both;
  line-height: 0px; }

/*----------------------------------------------------
☆☆LOADING☆☆
--------------------------------------------------*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6b6b6b;
  z-index: 2147000000;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  will-change: opacity; }
  #loading.off {
    opacity: 0;
    visibility: hidden; }
  #loading .skip {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
    padding: 3px 15px;
    border-radius: 1000px;
    border: 1px solid #fff;
    font-size: 100%; }
    #loading .skip:hover {
      cursor: pointer !important; }
  #loading .centerBox, #loading .cautionBox {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%; }
    #loading .centerBox #svgLogo, #loading .cautionBox #svgLogo {
      display: inline-block;
      width: 500px; }

.sessionOn #loading .skip,
.sessionOn #loading .centerBox,
.sessionOn #loading .cautionBox {
  display: none !important; }

/*----------------------------------------------------
******HEADER******
----------------------------------------------------*/
#header {
  height: 140px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  z-index: 99951; }
  @media screen and (max-width: 1000px) {
    #header {
      height: 65px; } }
  #header .inr {
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #eee; }
    #header .inr #logo {
      height: 140px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 9; }
      @media screen and (max-width: 1000px) {
        #header .inr #logo {
          height: 65px; } }
      #header .inr #logo a {
        display: block;
        height: 100%;
        background: #fff; }
    #header .inr #g-nav {
      height: auto;
      position: absolute;
      top: 0;
      right: 0;
      background: #fff;
      border-bottom: 1px solid #F6F6F6;
      width: 100%;
      z-index: 8; }
      @media screen and (max-width: 1000px) {
        #header .inr #g-nav {
          height: 40px; } }
      #header .inr #g-nav > ul {
        display: block;
        font-size: 0;
        text-align: right; }
        @media screen and (max-width: 1000px) {
          #header .inr #g-nav > ul {
            display: none !important; } }
        #header .inr #g-nav > ul > li {
          font-size: 13px;
          position: relative;
          display: inline-block;
          border-left: 1px solid #E9E9E9; }
          #header .inr #g-nav > ul > li > a {
            display: block;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            height: 90px;
            line-height: 90px;
            padding: 0 25px; }
            #header .inr #g-nav > ul > li > a img {
              vertical-align: middle; }
          #header .inr #g-nav > ul > li .inrUL {
            position: absolute;
            top: 90px;
            left: 0;
            display: none;
            z-index: 99992;
            width: 100%; }
            #header .inr #g-nav > ul > li .inrUL li {
              width: 100%; }
              #header .inr #g-nav > ul > li .inrUL li a {
                width: 100%;
                display: inline-block;
                background: rgba(0, 0, 0, 0.65);
                border-bottom: 1px solid #000;
                text-align: left;
                position: relative; }
                #header .inr #g-nav > ul > li .inrUL li a:after {
                  -webkit-transition: all 0.5s ease-out;
                  -o-transition: all 0.5s ease-out;
                  transition: all 0.5s ease-out;
                  -webkit-transition-delay: 0s;
                  -o-transition-delay: 0s;
                  transition-delay: 0s;
                  content: "";
                  display: block;
                  width: 50%;
                  height: 100%;
                  background: #ffa3ac;
                  opacity: 0;
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  z-index: 99; }
                #header .inr #g-nav > ul > li .inrUL li a:hover:after {
                  opacity: 1;
                  width: 100%; }
                #header .inr #g-nav > ul > li .inrUL li a .inrUL_inr {
                  font-size: 12px;
                  letter-spacing: 0;
                  width: 100%;
                  color: #fff;
                  padding: 1em 0.6em;
                  display: inline-block;
                  border: none;
                  line-height: 1.4em;
                  position: relative;
                  z-index: 100; }

/*----------------------------------------------------
******MENU-TRIGGER BASE******
----------------------------------------------------*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.menu-trigger {
  position: relative;
  width: 50px;
  height: 65px; }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ffa3ac;
    border-radius: 4px;
    will-change: transform, top, right, bottom, left; }
  .menu-trigger span:nth-of-type(1) {
    top: 0; }
  .menu-trigger span:nth-of-type(2) {
    top: 20px; }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0; }

/*----------------------------------------------------
******SP SETTEING******
----------------------------------------------------*/
#header .inr .spBTN_NavR {
  position: absolute !important;
  -webkit-transform: scale(0.35);
  -ms-transform: scale(0.35);
  transform: scale(0.35);
  top: 0;
  right: 0;
  display: none;
  width: 50px;
  height: 44px;
  z-index: 99990; }

#header .inr .spBTN_NavR.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  -ms-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg); }

#header .inr .spBTN_NavR.active span:nth-of-type(2) {
  left: 200%;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-animation: a .8s forwards;
  animation: a .8s forwards; }

@-webkit-keyframes a {
  to {
    height: 0; } }

@keyframes a {
  to {
    height: 0; } }

#header .inr .spBTN_NavR.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  -ms-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg); }

/*----------------------------------------------------
******spNav******
----------------------------------------------------*/
#spNav {
  background: transparent;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 99950;
  opacity: 0; }

#spNav,
#spNav #inrBox {
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s; }

#spNav #inrBox {
  width: 75%;
  margin-left: 75%;
  overflow: scroll;
  padding-top: 45px; }

@media screen and (max-width: 1000px) {
  #spNav.open {
    background: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 1; }
  #spNav.open,
  #spNav.open #inrBox {
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s; }
  #spNav.open #inrBox {
    margin-left: 25%;
    background: #fff; }
  #spNav.open #inrBox .spUL {
    width: 100%;
    height: 100%;
    background: #fff; } }

#spNav .spUL > li > a {
  font-size: 1.5rem;
  display: block;
  color: #333;
  border-bottom: 1px dotted #bbb;
  padding: 1.2em 1em; }

#spNav .spUL > .li_contact {
  background: #ffa3ac; }
  #spNav .spUL > .li_contact a {
    font-weight: bold;
    color: #fff !important; }

#spNav .spUL li > ul li a {
  font-size: 1.3rem;
  display: block;
  color: #333;
  border-bottom: 1px dotted #bbb;
  padding: 0.8em 1em 0.8em 3em;
  background: #f5f5f5; }
  #spNav .spUL li > ul li a:before {
    content: "∟ ";
    color: #ccc; }

#spNav_head {
  text-align: center;
  padding: 30px 0;
  border-bottom: 3px solid #ffa3ac; }
  #spNav_head #spNav_head_title {
    margin-bottom: 25px; }
    #spNav_head #spNav_head_title a img {
      width: 65%;
      max-width: 300px; }
  #spNav_head .add {
    font-size: 11px;
    margin-bottom: 10px; }
  #spNav_head .tel {
    font-size: 11px;
    margin-bottom: 0px; }
    #spNav_head .tel a {
      text-decoration: underline; }

@media screen and (max-width: 1000px) {
  #header .inr .spBTN_NavR {
    display: block !important; } }

/*----------------------------------------------------
******FOOTER******
----------------------------------------------------*/
#footer {
  overflow: hidden;
  background: #ffa3ac;
  position: relative; }
  #footer:after {
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.08);
    position: absolute;
    bottom: -500px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) rotate(25deg);
    transform: translateX(-50%) rotate(25deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    height: 500px;
    width: 200%; }
  #footer .f_links {
    background: #fff;
    padding: 10px 0; }
    #footer .f_links .f_links_p {
      text-align: center;
      margin-bottom: 0; }
    #footer .f_links a {
      font-size: 14px;
      display: inline-block;
      padding: 0 1em;
      line-height: 1em;
      border-left: 1px solid #ccc; }
    #footer .f_links a:last-child {
      border-right: 1px solid #ccc; }
  #footer .inr .inrinr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    @media screen and (max-width: 765px) {
      #footer .inr .inrinr {
        padding-top: 30px; } }
    @media screen and (max-width: 765px) {
      #footer .inr .inrinr {
        padding-bottom: 30px; } }
    #footer .inr .inrinr > div {
      width: 50%;
      padding: 15px 40px; }
      @media screen and (max-width: 765px) {
        #footer .inr .inrinr > div {
          width: 100%; } }
    #footer .inr .inrinr .lBox {
      border-right: 1px solid rgba(255, 255, 255, 0.2); }
      @media screen and (max-width: 765px) {
        #footer .inr .inrinr .lBox {
          border-right: none; } }
      #footer .inr .inrinr .lBox h6 {
        text-align: center; }
        #footer .inr .inrinr .lBox h6 a {
          font-size: 1.8rem;
          color: #fff !important;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 765px) {
            #footer .inr .inrinr .lBox h6 a {
              font-size: 1.6rem; } }
          #footer .inr .inrinr .lBox h6 a:hover {
            text-decoration: underline !important; }
    #footer .inr .inrinr .rBox {
      font-size: 1.4rem;
      text-align: center;
      color: #fff; }
      @media screen and (max-width: 765px) {
        #footer .inr .inrinr .rBox {
          font-size: 1.2rem; } }
      #footer .inr .inrinr .rBox p {
        margin-bottom: 0; }
        #footer .inr .inrinr .rBox p a {
          color: #fff; }
  #footer .inr .copy {
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0; }
    #footer .inr .copy small {
      color: #fff;
      font-size: 12px;
      letter-spacing: 0; }

#scrollTopBtn {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  position: fixed;
  opacity: 0;
  width: 70px;
  height: 70px;
  bottom: 15px;
  right: 15px;
  background: no-repeat center center url(../img/sensyu/cmn/scrollTopBtn.png);
  background-size: cover;
  visibility: hidden;
  overflow: hidden;
  border-radius: 5px;
  z-index: 99990; }
  #scrollTopBtn.on {
    opacity: 0.85;
    visibility: visible;
    cursor: pointer; }
  #scrollTopBtn.on:hover {
    opacity: 1;
    cursor: pointer; }
  @media screen and (max-width: 765px) {
    #scrollTopBtn {
      width: 50px;
      height: 50px;
      bottom: 10px;
      right: 10px; } }

/*----------------------------------------------------
******MV******
----------------------------------------------------*/
.mv {
  padding: 80px 30px 80px 30px; }
  @media screen and (max-width: 1000px) {
    .mv {
      padding: 90px 30px 60px 30px; } }

#mvPage {
  height: 400px;
  margin-top: 90px;
  background: no-repeat center center; }
  @media screen and (max-width: 1000px) {
    #mvPage {
      height: 300px; } }
  @media screen and (max-width: 1000px) {
    #mvPage {
      margin-top: 40px; } }

.news #mvPage {
  background-image: url(/group/web_parts/img/sensyu/newsBG.jpg); }

.info #mvPage {
  background-image: url(/group/web_parts/img/sensyu/infoBG.jpg); }

.recruit #mvPage {
  background-image: url(/group/web_parts/img/sensyu/recruitBG.jpg); }

.bussiness #mvPage {
  background-image: url(/group/web_parts/img/sensyu/bussinessBG.jpg); }

.sitemap #mvPage {
  background-image: url(/group/web_parts/img/sensyu/sitemapBG.jpg); }

.privacy #mvPage {
  background-image: url(/group/web_parts/img/sensyu/privacyBG.jpg); }

.inquiry #mvPage {
  background-image: url(/group/web_parts/img/sensyu/inquiryBG.jpg); }

/*----------------------------------------------------
******ETC******
----------------------------------------------------*/
.whiteBox {
  padding: 50px 50px 50px 50px;
  background: #fff;
  border: 1px solid #ccc;
  border-top: 3px solid #ffa3ac; }
  @media screen and (max-width: 20px) {
    .whiteBox {
      padding: 50px 30px 20px 30px; } }
  .whiteBox h3 {
    font-size: 3rem;
    text-align: center;
    font-weight: bold;
    color: #ffa3ac; }
    @media screen and (max-width: 765px) {
      .whiteBox h3 {
        font-size: 2.4rem; } }

.obiBox {
  position: relative;
  border-top: 1px solid #ccc;
  overflow: hidden; }
  .obiBox.obiBox_color {
    background-color: rgba(255, 163, 172, 0.02); }
  .obiBox.bg_guidlineColor {
    background-color: rgba(255, 163, 172, 0.08); }
  .obiBox .obiBoxInr {
    padding-top: 80px;
    padding-bottom: 80px; }
    @media screen and (max-width: 765px) {
      .obiBox .obiBoxInr {
        padding-top: 50px; } }
    @media screen and (max-width: 765px) {
      .obiBox .obiBoxInr {
        padding-bottom: 50px; } }
    .obiBox .obiBoxInr .txtBox {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-line-pack: stretch;
      align-content: stretch; }
      .obiBox .obiBoxInr .txtBox .lBox {
        border-right: 1px solid #ccc;
        width: 350px; }
        @media screen and (max-width: 765px) {
          .obiBox .obiBoxInr .txtBox .lBox {
            border-right: none; } }
        @media screen and (max-width: 765px) {
          .obiBox .obiBoxInr .txtBox .lBox {
            width: 100%; } }
        .obiBox .obiBoxInr .txtBox .lBox .jp strong {
          font-size: 2.8rem;
          letter-spacing: 0.08em; }
          @media screen and (max-width: 765px) {
            .obiBox .obiBoxInr .txtBox .lBox .jp strong {
              font-size: 2.4rem; } }
        .obiBox .obiBoxInr .txtBox .lBox .en {
          font-size: 1.6rem;
          font-style: italic;
          color: #ffa3ac; }
          @media screen and (max-width: 765px) {
            .obiBox .obiBoxInr .txtBox .lBox .en {
              font-size: 1.4rem; } }
      .obiBox .obiBoxInr .txtBox .rBox {
        width: calc(100% - 350px);
        padding-left: 45px; }
        @media screen and (max-width: 765px) {
          .obiBox .obiBoxInr .txtBox .rBox {
            width: 100%; } }
        @media screen and (max-width: 765px) {
          .obiBox .obiBoxInr .txtBox .rBox {
            padding-left: 0; } }
        .obiBox .obiBoxInr .txtBox .rBox .title strong {
          font-size: 2.2rem;
          color: #ffa3ac; }
          @media screen and (max-width: 765px) {
            .obiBox .obiBoxInr .txtBox .rBox .title strong {
              font-size: 1.8rem; } }
        .obiBox .obiBoxInr .txtBox .rBox .txt {
          margin-bottom: 0; }
  .obiBox .imgList {
    width: 110%; }
    .obiBox .imgList ul li img {
      width: 100%;
      vertical-align: top; }
  .obiBox .imgList_3 ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0; }
    .obiBox .imgList_3 ul > li {
      width: calc(33.33333%);
      padding-left: 0;
      padding-right: 0; }
    @media screen and (max-width: 765px) {
      .obiBox .imgList_3 ul {
        margin-left: 0;
        margin-right: 0; }
        .obiBox .imgList_3 ul > li {
          width: calc(33.33333%);
          padding-left: 0;
          padding-right: 0; } }
  .obiBox .imgList_4 ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0; }
    .obiBox .imgList_4 ul > li {
      width: calc(25%);
      padding-left: 0;
      padding-right: 0; }
    @media screen and (max-width: 765px) {
      .obiBox .imgList_4 ul {
        margin-left: 0;
        margin-right: 0; }
        .obiBox .imgList_4 ul > li {
          width: calc(25%);
          padding-left: 0;
          padding-right: 0; } }

.ancBox {
  margin-left: auto;
  margin-right: auto; }
  .ancBox ul li a {
    display: block;
    text-align: center;
    border-left: 1px solid #E9E9E9; }
    .ancBox ul li a span {
      font-size: 1.8rem;
      display: inline-block;
      position: relative;
      padding: 10px 0 25px;
      font-weight: bold;
      line-height: 1.4em; }
      @media screen and (max-width: 765px) {
        .ancBox ul li a span {
          font-size: 1.25rem; } }
      .ancBox ul li a span:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-top: 8px solid #ffa3ac;
        border-right: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid transparent; }
  .ancBox ul li a:last-child {
    border-right: 1px solid #E9E9E9; }
  .ancBox.ancBox_2 {
    width: 90%;
    max-width: 600px; }
    .ancBox.ancBox_2 ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      overflow: hidden;
      margin-left: 0;
      margin-right: 0; }
      .ancBox.ancBox_2 ul > li {
        width: calc(50%);
        padding-left: 0;
        padding-right: 0; }
      @media screen and (max-width: 765px) {
        .ancBox.ancBox_2 ul {
          margin-left: 0;
          margin-right: 0; }
          .ancBox.ancBox_2 ul > li {
            width: calc(50%);
            padding-left: 0;
            padding-right: 0; } }
  .ancBox.ancBox_3 {
    width: 90%;
    max-width: 780px; }
    .ancBox.ancBox_3 ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      overflow: hidden;
      margin-left: 0;
      margin-right: 0; }
      .ancBox.ancBox_3 ul > li {
        width: calc(33.33333%);
        padding-left: 0;
        padding-right: 0; }
      @media screen and (max-width: 765px) {
        .ancBox.ancBox_3 ul {
          margin-left: 0;
          margin-right: 0; }
          .ancBox.ancBox_3 ul > li {
            width: calc(33.33333%);
            padding-left: 0;
            padding-right: 0; } }
  .ancBox.ancBox_4 {
    width: 90%;
    max-width: 850px; }
    .ancBox.ancBox_4 ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      overflow: hidden;
      margin-left: 0;
      margin-right: 0; }
      .ancBox.ancBox_4 ul > li {
        width: calc(25%);
        padding-left: 0;
        padding-right: 0; }
      @media screen and (max-width: 765px) {
        .ancBox.ancBox_4 ul {
          margin-left: 0;
          margin-right: 0; }
          .ancBox.ancBox_4 ul > li {
            width: calc(25%);
            padding-left: 0;
            padding-right: 0; } }

.ckBox_IMG img {
  width: 75%;
  max-width: 100%; }

.titleBox_whiteBox {
  margin-top: -80px;
  padding: 60px 200px 60px 0;
  display: inline-block;
  position: relative;
  margin-bottom: 5px; }
  @media screen and (max-width: 765px) {
    .titleBox_whiteBox {
      margin-top: -30px; } }
  @media screen and (max-width: 765px) {
    .titleBox_whiteBox {
      padding: 30px 60px 30px 0; } }
  .titleBox_whiteBox:after {
    height: 80px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    width: 1000px;
    z-index: 1; }
    @media screen and (max-width: 765px) {
      .titleBox_whiteBox:after {
        height: 30px; } }
  .titleBox_whiteBox .titleBox {
    position: relative;
    z-index: 9; }

.titleBox_whiteBox_center {
  max-width: 1080px;
  padding: 60px 0px 60px 0;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 80%;
  overflow: hidden;
  display: block !important; }
  @media screen and (max-width: 765px) {
    .titleBox_whiteBox_center {
      max-width: 600px; } }
  @media screen and (max-width: 765px) {
    .titleBox_whiteBox_center {
      padding: 30px 0px 30px 0; } }
  .titleBox_whiteBox_center .mark {
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important; }
  .titleBox_whiteBox_center * {
    text-align: center !important; }
  .titleBox_whiteBox_center .en {
    margin-right: 0 !important; }

.pageContet {
  padding: 70px 90px 70px 90px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 765px) {
    .pageContet {
      padding: 35px 20px 35px 20px; } }

.x_item {
  -webkit-transition: all 1.5s ease-out;
  -o-transition: all 1.5s ease-out;
  transition: all 1.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  display: block;
  position: fixed;
  height: 500px;
  width: 200vw;
  background: #ffa3ac;
  opacity: 0;
  top: 50%;
  left: 35%;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  z-index: -1; }

.x_item_ON {
  opacity: 0.1; }

#x_1 {
  -webkit-transform: translateX(-50%) rotate(25deg);
  -ms-transform: translateX(-50%) rotate(25deg);
  transform: translateX(-50%) rotate(25deg); }

#x_2 {
  -webkit-transform: translateX(-50%) rotate(-25deg);
  -ms-transform: translateX(-50%) rotate(-25deg);
  transform: translateX(-50%) rotate(-25deg); }

.fitIMG_parent {
  position: relative;
  overflow: hidden; }
  .fitIMG_parent img.fitIMG {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    /*IE*/ }

.markParent {
  position: relative; }
  .markParent .mark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    line-height: 0;
    display: block; }
    .markParent .mark img {
      display: block; }

.titleBox .jp {
  font-size: 3.2rem;
  display: inline-block;
  margin-right: 0.3em; }
  @media screen and (max-width: 765px) {
    .titleBox .jp {
      font-size: 2.4rem; } }

.titleBox strong {
  letter-spacing: 0.05em; }

.titleBox .en {
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 2em; }
  @media screen and (max-width: 765px) {
    .titleBox .en {
      font-size: 1.4rem; } }
  .titleBox .en span {
    font-style: italic;
    font-weight: bold; }
  .titleBox .en.keyColor {
    color: #ffa3ac !important; }
  .titleBox .en.white {
    color: #fff; }

.titleBox .mess {
  font-size: 2rem;
  color: #fff;
  display: inline-block; }
  @media screen and (max-width: 765px) {
    .titleBox .mess {
      font-size: 1.6rem; } }

.titleBox.titleBox_news {
  position: relative; }
  .titleBox.titleBox_news .cat_p {
    position: absolute;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    top: 50%;
    right: 0; }
    @media screen and (max-width: 765px) {
      .titleBox.titleBox_news .cat_p {
        position: static; } }
    @media screen and (max-width: 765px) {
      .titleBox.titleBox_news .cat_p {
        text-align: center; } }
    @media screen and (max-width: 765px) {
      .titleBox.titleBox_news .cat_p {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); } }
    @media screen and (max-width: 765px) {
      .titleBox.titleBox_news .cat_p {
        margin-bottom: 30px; } }
    .titleBox.titleBox_news .cat_p a {
      display: inline-block;
      padding: 0 1em;
      font-size: 1.4rem;
      border-left: 1px solid rgba(255, 255, 255, 0.3);
      color: #fff; }
      @media screen and (max-width: 765px) {
        .titleBox.titleBox_news .cat_p a {
          font-size: 1.2rem; } }
    .titleBox.titleBox_news .cat_p a:last-child {
      border-right: 1px solid rgba(255, 255, 255, 0.3); }

.ancParent {
  position: relative; }

.ancPoint {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  padding-top: 160px;
  margin-top: -160px; }
  @media screen and (max-width: 1000px) {
    .ancPoint {
      padding-top: 80px;
      margin-top: -80px; } }

.underLine {
  text-decoration: underline !important; }

#topcontrol {
  z-index: 10000; }
  #topcontrol img {
    vertical-align: bottom; }

.floatingImgR {
  width: 25%;
  float: right;
  padding: 0.5em 0 1em 1em;
  max-width: 100%;
  height: auto !important; }
  @media screen and (max-width: 765px) {
    .floatingImgR {
      width: 40%; } }

.floatingImgL {
  width: 25%;
  float: left;
  padding: 0.5em 1em 1em 0;
  max-width: 100%;
  height: auto !important; }
  @media screen and (max-width: 765px) {
    .floatingImgL {
      width: 40%; } }

.goListPage {
  text-align: center; }
  .goListPage a {
    display: inline-block;
    overflow: hidden;
    border-radius: 100px;
    background: #ffa3ac; }
    .goListPage a .ul_links_li_inr {
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      font-size: 1.8rem;
      color: #fff;
      text-align: center;
      display: block;
      padding: 0.3em 2.5em; }
      @media screen and (max-width: 765px) {
        .goListPage a .ul_links_li_inr {
          font-size: 1.6rem; } }
  .goListPage a:hover .ul_links_li_inr {
    background: #0da2f8; }

/*----------------------------------------------------
******BOX******WPブロックエディタ対応
----------------------------------------------------*/
/*WPブロックエディタ表示ボックス*/
.block-editor-block-list__layout,
.wp-editor {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto; }
  .block-editor-block-list__layout .slide_1 .slideInr .slideInrUL,
  .block-editor-block-list__layout .slide_2 .slideInr .slideInrUL,
  .block-editor-block-list__layout .slide_3 .slideInr .slideInrUL,
  .block-editor-block-list__layout .slide_4 .slideInr .slideInrUL,
  .wp-editor .slide_1 .slideInr .slideInrUL,
  .wp-editor .slide_2 .slideInr .slideInrUL,
  .wp-editor .slide_3 .slideInr .slideInrUL,
  .wp-editor .slide_4 .slideInr .slideInrUL {
    list-style-type: none !important; }
    .block-editor-block-list__layout .slide_1 .slideInr .slideInrUL li,
    .block-editor-block-list__layout .slide_2 .slideInr .slideInrUL li,
    .block-editor-block-list__layout .slide_3 .slideInr .slideInrUL li,
    .block-editor-block-list__layout .slide_4 .slideInr .slideInrUL li,
    .wp-editor .slide_1 .slideInr .slideInrUL li,
    .wp-editor .slide_2 .slideInr .slideInrUL li,
    .wp-editor .slide_3 .slideInr .slideInrUL li,
    .wp-editor .slide_4 .slideInr .slideInrUL li {
      display: inline-block !important;
      width: 25% !important;
      margin-bottom: 20px !important; }
      .block-editor-block-list__layout .slide_1 .slideInr .slideInrUL li img,
      .block-editor-block-list__layout .slide_2 .slideInr .slideInrUL li img,
      .block-editor-block-list__layout .slide_3 .slideInr .slideInrUL li img,
      .block-editor-block-list__layout .slide_4 .slideInr .slideInrUL li img,
      .wp-editor .slide_1 .slideInr .slideInrUL li img,
      .wp-editor .slide_2 .slideInr .slideInrUL li img,
      .wp-editor .slide_3 .slideInr .slideInrUL li img,
      .wp-editor .slide_4 .slideInr .slideInrUL li img {
        width: 100% !important;
        height: auto !important; }

.block_CSS_reset * {
  padding: 0;
  margin: 0;
  list-style-type: none !important; }

.templateMarginSetting_mini {
  margin-top: 30px;
  margin-bottom: 50px; }
  @media screen and (max-width: 765px) {
    .templateMarginSetting_mini {
      margin-top: 20px; } }
  @media screen and (max-width: 765px) {
    .templateMarginSetting_mini {
      margin-bottom: 30px; } }

.baseTitle_1 .inr {
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 3rem;
  margin-right: 0.5em; }
  @media screen and (max-width: 765px) {
    .baseTitle_1 .inr {
      font-size: 2.4rem; } }

.baseTitle_1 .en {
  font-size: 1.8rem;
  color: #ffa3ac;
  font-weight: normal;
  font-style: italic; }
  @media screen and (max-width: 765px) {
    .baseTitle_1 .en {
      font-size: 1.6rem; } }

.baseTitle_2 {
  position: relative;
  padding-bottom: 10px; }
  .baseTitle_2:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ccc;
    z-index: 9; }
  .baseTitle_2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 3px;
    background: #ffa3ac;
    z-index: 10; }
  .baseTitle_2 .inr {
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 2.4rem; }
    @media screen and (max-width: 765px) {
      .baseTitle_2 .inr {
        font-size: 1.8rem; } }

.baseTitle_3 .inr {
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 2rem;
  color: #ffa3ac; }
  @media screen and (max-width: 765px) {
    .baseTitle_3 .inr {
      font-size: 1.7rem; } }

.templateMarginSetting {
  margin-top: 40px;
  margin-bottom: 80px; }
  @media screen and (max-width: 765px) {
    .templateMarginSetting {
      margin-top: 25px; } }
  @media screen and (max-width: 765px) {
    .templateMarginSetting {
      margin-bottom: 45px; } }

.boxTitle {
  margin-bottom: 10px;
  letter-spacing: 0.15em; }

.box5_5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .box5_5 > .lBox {
    width: 48%; }
  .box5_5 > .rBox {
    width: 48%; }
  @media screen and (max-width: 765px) {
    .box5_5 > .lBox {
      width: 100%; }
    .box5_5 > .rBox {
      width: 100%; } }

.box6_4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .box6_4 > .lBox {
    width: 58%; }
  .box6_4 > .rBox {
    width: 38%; }
  @media screen and (max-width: 765px) {
    .box6_4 > .lBox {
      width: 100%; }
    .box6_4 > .rBox {
      width: 100%; } }

.box4_6 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .box4_6 > .lBox {
    width: 38%; }
  .box4_6 > .rBox {
    width: 58%; }
  @media screen and (max-width: 765px) {
    .box4_6 > .lBox {
      width: 100%; }
    .box4_6 > .rBox {
      width: 100%; } }

.box3_3_3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -20px;
  margin-right: -20px; }
  .box3_3_3 > div {
    width: calc(33.33333%);
    padding-left: 20px;
    padding-right: 20px; }
  @media screen and (max-width: 765px) {
    .box3_3_3 {
      margin-left: 0px;
      margin-right: 0px; }
      .box3_3_3 > div {
        width: calc(100%);
        padding-left: 0px;
        padding-right: 0px; } }

.box5_5 > div,
.box6_4 > div,
.box4_6 > div,
.box3_3_3 > div {
  margin-bottom: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
  -ms-flex-preferred-size: auto !important;
  flex-basis: auto !important; }
  @media screen and (max-width: 765px) {
    .box5_5 > div,
    .box6_4 > div,
    .box4_6 > div,
    .box3_3_3 > div {
      margin-bottom: 25px; } }

.box5_5.order_change > .lBox,
.box6_4.order_change > .lBox,
.box4_6.order_change > .lBox,
.box3_3_3.order_change > .lBox {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }
  @media screen and (max-width: 765px) {
    .box5_5.order_change > .lBox,
    .box6_4.order_change > .lBox,
    .box4_6.order_change > .lBox,
    .box3_3_3.order_change > .lBox {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; } }

.box5_5.order_change > .rBox,
.box6_4.order_change > .rBox,
.box4_6.order_change > .rBox,
.box3_3_3.order_change > .rBox {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }
  @media screen and (max-width: 765px) {
    .box5_5.order_change > .rBox,
    .box6_4.order_change > .rBox,
    .box4_6.order_change > .rBox,
    .box3_3_3.order_change > .rBox {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; } }

.slide_1 .slideInrLI img,
.slide_2 .slideInrLI img,
.slide_3 .slideInrLI img,
.slide_4 .slideInrLI img {
  width: 100% !important;
  height: auto !important; }

.slide_2 .slick-slide,
.slide_3 .slick-slide,
.slide_4 .slick-slide {
  margin-left: 10px;
  margin-right: 10px; }
  @media screen and (max-width: 765px) {
    .slide_2 .slick-slide,
    .slide_3 .slick-slide,
    .slide_4 .slick-slide {
      margin-left: 3px; } }
  @media screen and (max-width: 765px) {
    .slide_2 .slick-slide,
    .slide_3 .slick-slide,
    .slide_4 .slick-slide {
      margin-right: 3px; } }

.slide_2 .slick-list,
.slide_3 .slick-list,
.slide_4 .slick-list {
  margin-left: -10px;
  margin-right: -10px; }
  @media screen and (max-width: 765px) {
    .slide_2 .slick-list,
    .slide_3 .slick-list,
    .slide_4 .slick-list {
      margin-left: -3px; } }
  @media screen and (max-width: 765px) {
    .slide_2 .slick-list,
    .slide_3 .slick-list,
    .slide_4 .slick-list {
      margin-right: -3px; } }

.box1_img figure {
  margin-bottom: 30px;
  text-align: center !important;
  display: block !important;
  width: 70% !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important; }
  @media screen and (max-width: 765px) {
    .box1_img figure {
      margin-bottom: 20px; } }
  .box1_img figure img {
    vertical-align: top; }

.colorBox {
  border-radius: 5px;
  padding: 20px 30px 20px 30px; }
  @media screen and (max-width: 765px) {
    .colorBox {
      padding: 15px 20px 15px 20px; } }
  .colorBox .colorBoxInr .colorBoxTitle {
    font-size: 2.4rem;
    margin-bottom: 15px; }
    @media screen and (max-width: 765px) {
      .colorBox .colorBoxInr .colorBoxTitle {
        font-size: 1.8rem; } }
    @media screen and (max-width: 765px) {
      .colorBox .colorBoxInr .colorBoxTitle {
        margin-bottom: 10px; } }
  .colorBox .colorBoxInr p {
    margin-bottom: 0; }
  .colorBox.colorBox_1 {
    background: #ffbfc5; }
  .colorBox.colorBox_2 {
    background: #87a2e6; }
    .colorBox.colorBox_2 * {
      color: #fff; }
  .colorBox.colorBox_3 {
    background: #eee; }

.ul_links_5 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }
  .ul_links_5 > li {
    width: calc(20%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .ul_links_5 {
      margin-left: 0;
      margin-right: 0; }
      .ul_links_5 > li {
        width: calc(100%);
        padding-left: 0;
        padding-right: 0; } }

.ul_links_4 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }
  .ul_links_4 > li {
    width: calc(25%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .ul_links_4 {
      margin-left: 0;
      margin-right: 0; }
      .ul_links_4 > li {
        width: calc(100%);
        padding-left: 0;
        padding-right: 0; } }

.ul_links_3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }
  .ul_links_3 > li {
    width: calc(33.33333%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .ul_links_3 {
      margin-left: 0;
      margin-right: 0; }
      .ul_links_3 > li {
        width: calc(100%);
        padding-left: 0;
        padding-right: 0; } }

.ul_links_2 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }
  .ul_links_2 > li {
    width: calc(33.33333%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .ul_links_2 {
      margin-left: 0;
      margin-right: 0; }
      .ul_links_2 > li {
        width: calc(100%);
        padding-left: 0;
        padding-right: 0; } }

.ul_links_1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px; }
  .ul_links_1 > li {
    width: calc(33.33333%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .ul_links_1 {
      margin-left: 0;
      margin-right: 0; }
      .ul_links_1 > li {
        width: calc(100%);
        padding-left: 0;
        padding-right: 0; } }

.ul_links_num {
  list-style-type: none !important; }
  .ul_links_num li {
    margin-bottom: 13px !important; }
    @media screen and (max-width: 765px) {
      .ul_links_num li {
        margin-bottom: 8px !important; } }
    .ul_links_num li a {
      background: #eee;
      display: block !important;
      border-radius: 100px;
      height: 100%;
      padding: 0.3em 1.5em;
      line-height: 1.3; }

/*----------------------------------------------------
******INPUT******
----------------------------------------------------*/
button, input, select, textarea {
  font-family: inherit; }

.imeOff {
  ime-mode: inactive; }

.inputS,
.inputM,
.inputL,
.inputX,
.inputXX,
.textarea_1,
.inputTel {
  background: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 6px 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden; }
  @media screen and (max-width: 765px) {
    .inputS,
    .inputM,
    .inputL,
    .inputX,
    .inputXX,
    .textarea_1,
    .inputTel {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.6; } }

.inputAdd {
  width: 8em;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 3px; }

.inputTel {
  ime-mode: inactive;
  width: 13em; }

.inputS {
  width: 20%; }

.inputM {
  width: 40%; }

.inputL {
  width: 60%; }

.inputX {
  width: 80%; }

.inputXX {
  width: 100%; }

.input1em {
  width: 1em; }

.input2em {
  width: 2em; }

.input3em {
  width: 3em; }

.input4em {
  width: 4em; }

.input5em {
  width: 5em; }

.input6em {
  width: 6em; }

.input7em {
  width: 7em; }

.input8em {
  width: 8em; }

.input9em {
  width: 9em; }

.input10em {
  width: 10em; }

.textarea_1 {
  height: 250px;
  width: 99%;
  resize: vertical; }

/*css radio02*/
.radio02-input {
  display: none; }

.radio02-input + label {
  display: inline-block;
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 1em;
  overflow: hidden; }

.radio02-input + label:hover {
  cursor: pointer; }

.radio02-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.radio02-input:checked + label {
  color: #ffa3ac; }

.radio02-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #ffa3ac;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/*Radio Check*/
label.checkbox_text {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 1em; }

label.checkbox_text {
  padding-left: calc(16px + 5px);
  line-height: 16px; }

/** before after **/
label.checkbox_text:before,
label.checkbox_text:after {
  content: '';
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

label.checkbox_text:after {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  border-right: 2px solid #ffa3ac;
  border-bottom: 2px solid #ffa3ac;
  top: calc(50% - (((10px / 12) * 5) / 2));
  display: block;
  margin-top: calc(((13px / 12) * 5) * -1);
  width: calc(((11px / 12) * 5));
  height: 12px;
  z-index: 1; }

label.checkbox_text:before {
  width: 16px;
  height: 16px;
  left: 0px;
  top: 0;
  border: 1px solid #B3B3B3;
  border-radius: 2px;
  z-index: 3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

label.checkbox_text:after {
  left: calc((20px / 2) - (((17px / 12) * 5) / 2)); }

/** input **/
label.checkbox_text input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 2;
  margin: 0px;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; }

label.checkbox_text input[type="checkbox"] {
  left: calc(16px * -1);
  padding: 0; }

label.checkbox_text input[type="checkbox"] {
  display: block;
  -webkit-box-shadow: 16px 0px #FFF;
  box-shadow: 16px 0px #FFF; }

/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked {
  -webkit-box-shadow: none;
  box-shadow: none; }

label.checkbox_text input[type="checkbox"]:checked:focus {
  opacity: 0.1; }

label.checkbox_text input[type="checkbox"]:checked:focus {
  -webkit-box-shadow: 16px 0px #fff;
  box-shadow: 16px 0px #fff; }

label.checkbox_text input[type="checkbox"]:focus {
  -webkit-box-shadow: 16px 0px #fff;
  box-shadow: 16px 0px #fff; }

:placeholder-shown {
  color: #ccc; }

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

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

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

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

#contents input:focus::-webkit-input-placeholder {
  opacity: 0; }

#contents input:focus:-moz-placeholder {
  opacity: 0; }

#contents input:focus::-moz-placeholder {
  opacity: 0; }

/*----------------------------------------------------
******WIDTH******
----------------------------------------------------*/
.w10 {
  width: 10% !important; }

.w20 {
  width: 20% !important; }

.w25 {
  width: 25% !important; }

.w30 {
  width: 30% !important; }

.w33 {
  width: 33.33% !important;
  width: calc(100% / 3); }

.w40 {
  width: 40% !important; }

.w45 {
  width: 45% !important; }

.w50 {
  width: 50% !important; }

.w60 {
  width: 60% !important; }

.w70 {
  width: 70% !important; }

.w80 {
  width: 80% !important; }

.w90, .cautionBox {
  width: 90% !important; }

.w95 {
  width: 95% !important; }

.w100 {
  width: 100% !important; }

@media screen and (max-width: 765px) {
  .spWidth33 {
    width: 33.33% !important; }
  .spWidth30 {
    width: 30% !important; }
  .spWidth45 {
    width: 45% !important; }
  .spWidth50 {
    width: 50% !important; }
  .spWidth60 {
    width: 60% !important; }
  .spWidth70 {
    width: 70% !important; }
  .spWidth80 {
    width: 80% !important; }
  .spWidth90 {
    width: 90% !important; }
  .spWidth95 {
    width: 95% !important; }
  .spWidth100 {
    width: 100% !important; }
  .spImg50 {
    height: auto !important;
    width: 50% !important; }
  .spImg60 {
    height: auto !important;
    width: 60% !important; }
  .spImg70 {
    height: auto !important;
    width: 70% !important; }
  .spImg80 {
    height: auto !important;
    width: 80% !important; }
  .spImg90 {
    height: auto !important;
    width: 90% !important; }
  .spImg100 {
    height: auto !important;
    width: 100% !important; } }

/*----------------------------------------------------
******DISPLAY******
----------------------------------------------------*/
.block {
  display: block !important; }

.inline {
  display: inline !important; }

.inlineBlock {
  display: inline-block !important; }

.none {
  display: none !important; }

.noBorder {
  border: none !important; }

/*pc*/
.pcBlock {
  display: block; }

.pcInline {
  display: inline; }

.pcInlineBlock {
  display: inline-block; }

.pcTable {
  display: table; }

.pcInlineBlock {
  display: inline-block; }

/*sp*/
.spBlock {
  display: none; }

.spInline {
  display: none; }

.spTable_block {
  display: block; }

.spInlineBlock {
  display: none; }

@media screen and (max-width: 765px) {
  /*pc*/
  .pcBlock {
    display: none; }
  .pcInline {
    display: none; }
  .pcInlineBlock {
    display: none; }
  .pcTable {
    display: block; }
  .pcInlineBlock {
    display: none; }
  /*sp*/
  .spBlock {
    display: block; }
  .spInline {
    display: inline; }
  .spTable_block {
    display: table; }
  .spInlineBlock {
    display: inline-block; } }

/*----------------------------------------------------
******CK-BOX******
----------------------------------------------------*/
.ckBox img {
  max-width: 100% !important;
  height: auto !important; }

/*----------------------------------------------------
******TBL******
----------------------------------------------------*/
.thanksBox {
  padding: 40px 40px 40px 40px;
  border: 1px solid #ccc;
  border-top: 3px solid #ffa3ac; }
  @media screen and (max-width: 765px) {
    .thanksBox {
      padding: 30px 20px 30px 20px; } }

.formTBL table {
  border-top: 3px solid #ffa3ac; }
  .formTBL table th {
    width: 16em; }

.organization_td {
  text-align: center;
  padding: 40px 0 !important; }
  .organization_td img {
    width: 90%;
    max-width: 900px; }

.recBox {
  background: #fff; }
  .recBox table {
    @exten .btm80px; }
    .recBox table thead th {
      font-size: 2.4rem;
      text-align: center; }
      @media screen and (max-width: 765px) {
        .recBox table thead th {
          font-size: 1.8rem; } }

.lineTBL {
  border-collapse: collapse;
  width: 100%; }
  .lineTBL th,
  .lineTBL td {
    vertical-align: top;
    text-align: left;
    font-size: 1.6rem;
    padding: 0.5em 1em 0.5em 0;
    border-bottom: 1px solid #eee; }
    @media screen and (max-width: 765px) {
      .lineTBL th,
      .lineTBL td {
        font-size: 1.4rem; } }
  .lineTBL th {
    font-weight: bold; }
  .lineTBL tr:last-child th,
  .lineTBL tr:last-child td {
    border-bottom: none; }

.wpBlockTBL > table {
  table-layout: fixed; }
  .wpBlockTBL > table > tbody > tr td:nth-child(1) {
    width: 13em; }

.baseTBL > table {
  border-collapse: collapse;
  width: 100%; }
  .baseTBL > table tr.must th:before {
    content: "* ";
    color: red;
    font-size: 1rem; }
  .baseTBL > table th {
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    font-weight: bold; }
  .baseTBL > table th,
  .baseTBL > table td {
    font-size: 1.6rem;
    border: 1px solid #ddd;
    padding: 1em; }
    @media screen and (max-width: 765px) {
      .baseTBL > table th,
      .baseTBL > table td {
        font-size: 1.4rem; } }
  .baseTBL > table thead {
    border-top: 4px solid #ffa3ac; }
  .baseTBL > table thead th,
  .baseTBL > table thead td {
    color: #ffa3ac;
    padding: 1.5em 1em; }

.scrollTBL > table th,
.scrollTBL > table td {
  display: table-cell !important; }

.scrollCaution {
  font-size: 77%; }

.scrollTable::-webkit-scrollbar {
  height: 3px; }

.scrollTable::-webkit-scrollbar-track {
  background: #F1F1F1; }

.scrollTable::-webkit-scrollbar-thumb {
  background: #BCBCBC; }

/*table*/
@media screen and (max-width: 765px) {
  .simpleTBL > table > tbody > tr > th,
  .simpleTBL > table > tbody > tr > td {
    display: block;
    width: 100% !important; }
  .scrollTBL {
    display: block;
    overflow: auto;
    white-space: pre-line;
    padding-bottom: 20px;
    position: relative; }
    .scrollTBL:after {
      content: "\f30b";
      font-weight: 900;
      font-family: "Font Awesome 5 Free";
      display: block;
      position: absolute;
      right: 40px;
      bottom: 3px;
      color: #454545;
      -webkit-animation: scrillTBL_Icon 2s ease-out infinite;
      animation: scrillTBL_Icon 2s ease-out infinite;
      font-size: 10px; }
  @-webkit-keyframes scrillTBL_Icon {
    0% {
      opacity: 1;
      right: 40px; }
    100% {
      opacity: 0;
      right: 0px; } }
  @keyframes scrillTBL_Icon {
    0% {
      opacity: 1;
      right: 40px; }
    100% {
      opacity: 0;
      right: 0px; } }
    .scrollTBL > table {
      min-width: 640px;
      max-width: 1300px; } }

/*----------------------------------------------------
******UL OL******
----------------------------------------------------*/
.baseUL > li {
  margin-left: 1em;
  text-indent: -1em;
  padding: 0.58em 0; }

.baseUL > li:before {
  content: "";
  display: inline-block;
  width: 0.3em;
  height: 0.3em;
  border: 4px solid #ffa3ac;
  border-radius: 100px;
  margin-right: 5px; }

.simpleUL > li {
  padding: 0.6em 0; }

/*ol*/
ol.baseOL {
  margin-bottom: 30px;
  counter-reset: list-count;
  list-style: none;
  counter-reset: number; }
  @media screen and (max-width: 765px) {
    ol.baseOL {
      margin-bottom: 15px; } }
  ol.baseOL > li {
    margin-left: 2.1em;
    text-indent: -2.2em;
    border-bottom: 1px dotted #ccc;
    padding: 0.5em 0; }
  ol.baseOL > li::before {
    content: counter(number, decimal-leading-zero);
    counter-increment: number;
    color: #ffa3ac;
    font-style: normal;
    font-weight: bold;
    font-size: 110%;
    width: 1.5em;
    display: inline-block;
    text-align: right;
    margin-right: 8px; }
  ol.baseOL > li:last-child {
    border-bottom: none; }

/*----------------------------------------------------
******TITLE******
----------------------------------------------------*/
.centerLeft_P,
.centerRight_P {
  text-align: center; }

.leftCenter_P,
.leftRight_P {
  text-align: left; }

.rightCenter_P,
.rightLeft_P {
  text-align: right; }

.txt_XXXXX {
  font-size: 80px;
  font-size: 8rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_XXXXX {
      font-size: 60px;
      font-size: 6rem;
      line-height: 1.6; } }

.txt_XXXX {
  font-size: 72px;
  font-size: 7.2rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_XXXX {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 1.6; } }

.txt_XXX {
  font-size: 60px;
  font-size: 6rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_XXX {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.6; } }

.txt_XX {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_XX {
      font-size: 30px;
      font-size: 3rem;
      line-height: 1.6; } }

.txt_X {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_X {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.6; } }

.txt_LL {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_LL {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.6; } }

.txt_L, #sideWrap #sideInr .sideTitle {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_L, #sideWrap #sideInr .sideTitle {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.6; } }

.txt_MM {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_MM {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.6; } }

.txt_M, .contactStepUL li .jp {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_M, .contactStepUL li .jp {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6; } }

.txt_SS, .cautionBox .lBox .title, .sitemapDL dd .dlUL li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_SS, .cautionBox .lBox .title, .sitemapDL dd .dlUL li a {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.6; } }

.txt_S, .cautionBox .rBox .txt {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6; }
  @media screen and (max-width: 765px) {
    .txt_S, .cautionBox .rBox .txt {
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.6; } }

.pointBox {
  border: 3px solid #da4033;
  border-radius: 4px;
  margin-bottom: 3em;
  padding: 2em;
  position: relative; }
  .pointBox:before {
    background-color: #fff;
    color: #da4033;
    font-family: FontAwesome;
    content: "\f071  POINT";
    font-weight: 700;
    font-size: 116%;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -.7em; }

@media screen and (max-width: 765px) {
  .secTitle .btn {
    display: block;
    width: 30%;
    margin: 30px auto;
    position: static; }
  .dogBox {
    padding: 1em; }
  .centerLeft_P,
  .rightLeft_P {
    text-align: left; }
  .leftCenter_P,
  .rightCenter_P {
    text-align: center; }
  .leftRight_P,
  .centerRight_P {
    text-align: right; } }

/*----------------------------------------------------
******BOX SETTING******
----------------------------------------------------*/
.youtubeBox {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
  margin-bottom: 5em; }
  .youtubeBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*youtubeBox*/
.centerBox, .cautionBox {
  margin-left: auto !important;
  margin-right: auto !important; }

.fadeBlock {
  opacity: 0;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s; }
  .fadeBlock.fadeBlock_ON {
    opacity: 1; }

/*fadeBlcok*/
.max1500 {
  max-width: 1500px; }

.max1300 {
  max-width: 1300px; }

.max1250 {
  max-width: 1250px; }

.max1200 {
  max-width: 1200px; }

.max1000 {
  max-width: 1000px; }

.max900 {
  max-width: 900px; }

.max800, .cautionBox {
  max-width: 800px; }

.max750 {
  max-width: 750px; }

.max767 {
  max-width: 767px; }

.max600 {
  max-width: 600px; }

.max500 {
  max-width: 500px; }

.max400 {
  max-width: 400px; }

.max300 {
  max-width: 300px; }

.max250 {
  max-width: 250px; }

.max200 {
  max-width: 200px; }

.max150 {
  max-width: 150px; }

.max100 {
  max-width: 100px; }

/*----------------------------------------------------
******BTN******
----------------------------------------------------*/
.formBTN {
  padding-top: 20px; }

.btnBox,
.formBTN {
  text-align: center;
  margin-bottom: 2em; }
  .btnBox.btnBox_2 a,
  .btnBox.btnBox_2 button,
  .btnBox.btnBox_3 a,
  .btnBox.btnBox_3 button,
  .btnBox.btnBox_4 a,
  .btnBox.btnBox_4 button,
  .formBTN.btnBox_2 a,
  .formBTN.btnBox_2 button,
  .formBTN.btnBox_3 a,
  .formBTN.btnBox_3 button,
  .formBTN.btnBox_4 a,
  .formBTN.btnBox_4 button {
    margin-left: 5px;
    margin-right: 5px; }
  .btnBox a,
  .btnBox button,
  .formBTN a,
  .formBTN button {
    display: inline-block;
    background: #ffa3ac;
    overflow: hidden;
    border: none;
    border-radius: 100px;
    cursor: pointer; }
    .btnBox a .btnInr,
    .btnBox button .btnInr,
    .formBTN a .btnInr,
    .formBTN button .btnInr {
      font-size: 1.8rem;
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      color: #fff !important;
      display: inline-block;
      padding: 0.3em 1.5em;
      text-align: center;
      font-family: inherit; }
      @media screen and (max-width: 765px) {
        .btnBox a .btnInr,
        .btnBox button .btnInr,
        .formBTN a .btnInr,
        .formBTN button .btnInr {
          font-size: 1.6rem; } }
    .btnBox a:hover .btnInr,
    .btnBox button:hover .btnInr,
    .formBTN a:hover .btnInr,
    .formBTN button:hover .btnInr {
      color: #fff !important;
      background: #ea7783 !important; }
    .btnBox a.whiteBTN,
    .btnBox button.whiteBTN,
    .formBTN a.whiteBTN,
    .formBTN button.whiteBTN {
      background: #fff !important; }
      .btnBox a.whiteBTN .btnInr,
      .btnBox button.whiteBTN .btnInr,
      .formBTN a.whiteBTN .btnInr,
      .formBTN button.whiteBTN .btnInr {
        color: #ffa3ac !important; }
      .btnBox a.whiteBTN:hover .btnInr,
      .btnBox button.whiteBTN:hover .btnInr,
      .formBTN a.whiteBTN:hover .btnInr,
      .formBTN button.whiteBTN:hover .btnInr {
        color: #ffa3ac !important;
        background: #ea7783 !important; }
    .btnBox a.conf,
    .btnBox button.conf,
    .formBTN a.conf,
    .formBTN button.conf {
      background: #ffa3ac;
      border: none;
      color: #fff; }
      .btnBox a.conf.disabled,
      .btnBox button.conf.disabled,
      .formBTN a.conf.disabled,
      .formBTN button.conf.disabled {
        opacity: 1;
        cursor: pointer; }
    .btnBox a.submit,
    .btnBox button.submit,
    .formBTN a.submit,
    .formBTN button.submit {
      background: #ffa3ac;
      border: none;
      color: #fff; }
    .btnBox a.back,
    .btnBox button.back,
    .formBTN a.back,
    .formBTN button.back {
      background: #999;
      border: none;
      color: #fff; }
    .btnBox a.disabled:hover,
    .btnBox button.disabled:hover,
    .formBTN a.disabled:hover,
    .formBTN button.disabled:hover {
      background: #329ac6;
      cursor: pointer; }
  .btnBox button.mini .btnInr,
  .formBTN button.mini .btnInr {
    font-size: 1.6rem; }
    @media screen and (max-width: 765px) {
      .btnBox button.mini .btnInr,
      .formBTN button.mini .btnInr {
        font-size: 1.4rem; } }

_:-ms-input-placeholder,
:root .btnInr {
  padding: 0.4em 2em 0.06em !important; }

/*----------------------------------------------------
******LINK******
----------------------------------------------------*/
.breadcrumbBox {
  top: 90px;
  width: calc(100% - 310px);
  background: rgba(255, 255, 255, 0.33);
  position: fixed;
  right: 0;
  z-index: 99952; }
  @media screen and (max-width: 1000px) {
    .breadcrumbBox {
      top: 39px; } }
  @media screen and (max-width: 1000px) {
    .breadcrumbBox {
      width: calc(100% - 144px); } }
  .breadcrumbBox #breadcrumb {
    padding-right: 30px;
    text-align: right; }
    @media screen and (max-width: 1000px) {
      .breadcrumbBox #breadcrumb {
        padding-right: 15px; } }
    .breadcrumbBox #breadcrumb li {
      height: 50px;
      line-height: 50px;
      display: inline-block; }
      @media screen and (max-width: 1000px) {
        .breadcrumbBox #breadcrumb li {
          height: 20px; } }
      @media screen and (max-width: 1000px) {
        .breadcrumbBox #breadcrumb li {
          line-height: 20px; } }
      .breadcrumbBox #breadcrumb li:last-child a:after {
        content: none; }
      .breadcrumbBox #breadcrumb li a {
        font-size: 1.4rem;
        height: 50px;
        line-height: 50px;
        display: inline-block;
        color: #333 !important;
        text-decoration: none !important;
        position: relative; }
        @media screen and (max-width: 1000px) {
          .breadcrumbBox #breadcrumb li a {
            font-size: 1rem; } }
        @media screen and (max-width: 1000px) {
          .breadcrumbBox #breadcrumb li a {
            height: 20px; } }
        @media screen and (max-width: 1000px) {
          .breadcrumbBox #breadcrumb li a {
            line-height: 20px; } }
        .breadcrumbBox #breadcrumb li a:after {
          content: ">";
          display: inline-block;
          margin: 0 0.5em; }
      .breadcrumbBox #breadcrumb li a:hover {
        color: #ffa3ac !important; }

/*breadcrumbBox*/
/*----------------------------------------------------
******INDENT******
----------------------------------------------------*/
.fLeft {
  float: left !important; }

.fRight {
  float: right !important; }

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

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

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

.btm0, .visionCont_2 .baseUL {
  margin-bottom: 0 !important; }

.btm150px, .art_2 {
  margin-bottom: 150px !important; }

.btm100px, .whiteBox, .recWrap .recBTN_box {
  margin-bottom: 100px !important; }

.btm80px, .obiBox, .obiBox .obiBoxInr .txtBox {
  margin-bottom: 80px !important; }

.btm60px, .ancBox {
  margin-bottom: 60px !important; }

.btm50px, .whiteBox h3, .baseTitle_1, .ckBox, .visionCont_2 .subTitle, .infoIndex_ul li, .newsBar, .ckBox_news, .news .newUL_wrap .cat_p, .contactStepUL, .sitemapDL dd {
  margin-bottom: 50px !important; }

.btm30px, .obiBox .obiBoxInr .txtBox .lBox .en, .obiBox .obiBoxInr .txtBox .rBox .title, .ckBox_P, .ckBox_IMG, .baseTBL,
.baseUL,
.baseOL,
.colorBox,
.linkP,
.ul_links_5,
.ul_links_4,
.ul_links_3,
.ul_links_2,
.ul_links_1, .baseTitle_2, .baseTitle_3, .box5_5,
.box6_4,
.box4_6,
.box3_3_3,
.slide_1,
.slide_2,
.slide_3,
.slide_4,
.box1_img, .art_1 .topWork li .imgBox, .art_1 .topWork li .txtBox, .visionCont_0 .title, .visionCont_0 .rinenBox .rinen_title, .visionCont_1 .lBox .lBoxInr .title, .visionCont_1 .lBox .lBoxInr .txt, .visionCont_2 .title, .cautionBox, .sitemapDL dt, .colsUlTest, .colsDivTest, .colsunEvenTest {
  margin-bottom: 30px !important; }

.btm15px, .art_1 .topWork li .txtBox .txt {
  margin-bottom: 15px !important; }

.btm10px, .infoIndex_ul li .inrBox .indexTitle .jp, .index_nav li .inrBox .indexTitle .jp {
  margin-bottom: 10px !important; }

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

@media screen and (max-width: 765px) {
  .btm150px, .art_2 {
    margin-bottom: 75px !important; }
  .btm100px, .whiteBox, .recWrap .recBTN_box {
    margin-bottom: 50px !important; }
  .btm80px, .obiBox, .obiBox .obiBoxInr .txtBox {
    margin-bottom: 40px !important; }
  .btm60px, .ancBox {
    margin-bottom: 30px !important; }
  .btm50px, .whiteBox h3, .baseTitle_1, .ckBox, .visionCont_2 .subTitle, .infoIndex_ul li, .newsBar, .ckBox_news, .news .newUL_wrap .cat_p, .contactStepUL, .sitemapDL dd {
    margin-bottom: 25px !important; }
  .btm30px, .obiBox .obiBoxInr .txtBox .lBox .en, .obiBox .obiBoxInr .txtBox .rBox .title, .ckBox_P, .ckBox_IMG, .baseTBL,
  .baseUL,
  .baseOL,
  .colorBox,
  .linkP,
  .ul_links_5,
  .ul_links_4,
  .ul_links_3,
  .ul_links_2,
  .ul_links_1, .baseTitle_2, .baseTitle_3, .box5_5,
  .box6_4,
  .box4_6,
  .box3_3_3,
  .slide_1,
  .slide_2,
  .slide_3,
  .slide_4,
  .box1_img, .art_1 .topWork li .imgBox, .art_1 .topWork li .txtBox, .visionCont_0 .title, .visionCont_0 .rinenBox .rinen_title, .visionCont_1 .lBox .lBoxInr .title, .visionCont_1 .lBox .lBoxInr .txt, .visionCont_2 .title, .cautionBox, .sitemapDL dt, .colsUlTest, .colsDivTest, .colsunEvenTest {
    margin-bottom: 15px !important; }
  .btm15px, .art_1 .topWork li .txtBox .txt {
    margin-bottom: 7.5px !important; }
  .btm10px, .infoIndex_ul li .inrBox .indexTitle .jp, .index_nav li .inrBox .indexTitle .jp {
    margin-bottom: 5px !important; }
  .btm5px {
    margin-bottom: 3px !important; } }

/*----------------------------------------------------
******FONT******
----------------------------------------------------*/
.bold {
  font-weight: bold; }

.normal {
  font-weight: normal; }

.vAT {
  vertical-align: top !important; }

.vAM {
  vertical-align: middle !important; }

.vAB {
  vertical-align: bottom !important; }

/*----------------------------------------------------
******PAGER******
----------------------------------------------------*/
#pager {
  text-align: center;
  margin-bottom: 3em; }
  #pager .inr {
    font-size: 0;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 auto;
    max-width: calc(100% - 20em);
    max-width: -webkit-calc(100% - 20em); }
    #pager .inr a {
      -webkit-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      -webkit-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s;
      font-size: 13px;
      background: #eee;
      padding: 0.8em 0.5em 0.5em;
      min-width: 2.5em;
      display: inline-block;
      margin: 0 5px 8px 5px; }
    #pager .inr a:hover {
      background: #ccc;
      cursor: pointer; }
    #pager .inr a.cr {
      color: #fff !important;
      background: #ffa3ac !important; }
    #pager .inr a.cr:hover {
      cursor: default !important; }
    #pager .inr a#prev,
    #pager .inr a#next {
      position: absolute;
      top: 0;
      left: -10em;
      width: 9em; }
    #pager .inr a#prev:not([href]),
    #pager .inr a#next:not([href]) {
      color: #454545 !important;
      background: #F2F2F2 !important; }
    #pager .inr a#prev:not([href]):hover,
    #pager .inr a#next:not([href]):hover {
      cursor: default !important;
      color: #454545 !important;
      background: #F2F2F2 !important; }
    #pager .inr a#next {
      left: auto;
      right: -10em; }
    #pager .inr .newsBackBtn {
      padding-left: 1.5em;
      padding-right: 1.5em; }
  @media screen and (max-width: 765px) {
    #pager .inr {
      max-width: 100%; }
      #pager .inr span {
        margin: 0 2px 5px 2px; }
      #pager .inr a#prev,
      #pager .inr a#next {
        position: static;
        width: 46%;
        margin: 0 1% 25px 1% !important; } }

/*----------------------------------------------------
******scrollBTN******
----------------------------------------------------*/
#scrollBTN {
  color: #fff !important;
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  -ms-transform: translate(-50%, -50%) scale(0.75);
  transform: translate(-50%, -50%) scale(0.75);
  text-decoration: none;
  padding-top: 60px; }
  #scrollBTN span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #scrollBTN span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    -webkit-transform: translate(0, 20px);
    transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }

/*----------------------------------------------------
******iziModal******
----------------------------------------------------*/
.iziModal-navigate-caption {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; }

.iziModal-navigate {
  z-index: 99999 !important; }

.iziModal-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 99998 !important; }

.iziModal {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  z-index: 99999 !important; }
  .iziModal .iziModal_inrWrapp {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }
    @media screen and (max-width: 765px) {
      .iziModal .iziModal_inrWrapp {
        padding-top: 40px !important; } }
    @media screen and (max-width: 765px) {
      .iziModal .iziModal_inrWrapp {
        padding-bottom: 40px !important; } }
  .iziModal .iziModal_inrinrWrapp {
    background: #fff;
    border-radius: 15px;
    overflow: hidden; }
  .iziModal .iziModal-button-close {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
    right: 0px !important;
    top: 10px !important;
    color: #fff;
    position: fixed !important;
    z-index: 999999 !important;
    background: none !important;
    left: auto !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    width: auto !important;
    line-height: 1em !important;
    height: 1em !important;
    float: none !important;
    opacity: 1 !important;
    display: block !important; }
    @media screen and (max-width: 765px) {
      .iziModal .iziModal-button-close {
        font-size: 30px;
        font-size: 3rem;
        line-height: 1.6; } }
    @media screen and (max-width: 765px) {
      .iziModal .iziModal-button-close {
        right: 0px !important; } }
    @media screen and (max-width: 765px) {
      .iziModal .iziModal-button-close {
        top: 0px !important; } }
    .iziModal .iziModal-button-close i {
      line-height: 1em !important;
      height: 1em !important; }
    .iziModal .iziModal-button-close:hover {
      color: #0da2f8; }
    @media screen and (max-width: 765px) {
      .iziModal .iziModal-button-close {
        color: #0da2f8 !important; } }

@media screen and (max-width: 765px) {
  .iziModal_widthSetting {
    width: 80% !important; }
  .iziModal-navigate-prev {
    margin-left: 0 !important;
    width: 35px !important;
    left: 0 !important;
    opacity: 1 !important; }
  .iziModal-navigate-next {
    margin-right: 0 !important;
    width: 35px !important;
    right: 0 !important;
    opacity: 1 !important; } }

/*----------------------------------------------------
******tab******
----------------------------------------------------*/
.tab {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  display: table;
  table-layout: fixed; }

.tab li {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  margin: 0;
  cursor: pointer;
  display: table-cell;
  vertical-align: bottom;
  text-align: center; }
  .tab li .inr {
    background: #eee;
    display: inline-block;
    width: calc(100% - 1px);
    padding-top: 0; }

.tab li.cr {
  border-bottom: none; }
  .tab li.cr .inr {
    background: #ccc;
    padding-top: 0.4em; }

.tabContent {
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  margin: 0;
  padding: 16px;
  background: #ccc;
  position: relative; }

.tabContents .tabContent {
  opacity: 0;
  display: none; }

.tabContents .tabContent.cr {
  opacity: 1;
  display: block; }

/*----------------------------------------------------
☆☆#mvTop☆☆
----------------------------------------------------*/
#mvTop {
  height: 600px;
  margin-top: 90px;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: center center no-repeat;
  background-image: url(../img/sensyu/top/mvBG.jpg);
  background-size: auto; }
  @media screen and (max-width: 765px) {
    #mvTop {
      height: 100vw; } }
  @media screen and (max-width: 1000px) {
    #mvTop {
      margin-top: -15px; } }
  @media screen and (max-width: 765px) {
    #mvTop {
      background-image: url(../img/sensyu/top/mvBG_sp.jpg); } }
  @media screen and (max-width: 765px) {
    #mvTop {
      background-size: cover; } }
  #mvTop .catchBox {
    bottom: 130px;
    position: absolute;
    width: 90%;
    max-width: 1200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99; }
    @media screen and (max-width: 765px) {
      #mvTop .catchBox {
        bottom: 60px; } }
    #mvTop .catchBox .jp {
      text-align: right;
      margin-bottom: 7px; }
      @media screen and (max-width: 765px) {
        #mvTop .catchBox .jp {
          text-align: left; } }
      #mvTop .catchBox .jp .inrSpan {
        background: #ffa3ac;
        color: #fff;
        line-height: 1.1em;
        padding: 5px 0.2em;
        font-weight: bold;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
    #mvTop .catchBox .en {
      text-align: right;
      margin-bottom: 0; }
      @media screen and (max-width: 765px) {
        #mvTop .catchBox .en {
          text-align: left; } }
      #mvTop .catchBox .en .inrSpan {
        background: #ffa3ac;
        color: #fff;
        font-style: italic;
        line-height: 1.4em;
        padding: 0.5em 1em;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
  #mvTop .catchItemBox {
    -webkit-transition: all 0.9s ease-out;
    -o-transition: all 0.9s ease-out;
    transition: all 0.9s ease-out;
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
    top: 0px;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-10px) scale(0.93);
    -ms-transform: translateX(-50%) translateY(-10px) scale(0.93);
    transform: translateX(-50%) translateY(-10px) scale(0.93);
    opacity: 0; }
    @media screen and (max-width: 765px) {
      #mvTop .catchItemBox {
        top: 30px; } }
    #mvTop .catchItemBox .catchItem img {
      vertical-align: top; }
    #mvTop .catchItemBox.scrollAddClass_ON {
      -webkit-transform: translateX(-50%) translateY(0px) scale(1);
      -ms-transform: translateX(-50%) translateY(0px) scale(1);
      transform: translateX(-50%) translateY(0px) scale(1);
      opacity: 1; }

#mvTop .catchBox .jp .inrSpan {
  font-size: 4.2rem; }
  @media screen and (max-width: 765px) {
    #mvTop .catchBox .jp .inrSpan {
      font-size: 2rem; } }

#mvTop .catchBox .en .inrSpan {
  font-size: 1.6rem; }
  @media screen and (max-width: 765px) {
    #mvTop .catchBox .en .inrSpan {
      font-size: 1rem; } }

#mvTop .catchItemBox {
  left: 44%;
  width: 620px; }
  @media screen and (max-width: 765px) {
    #mvTop .catchItemBox {
      left: 55%; } }
  @media screen and (max-width: 765px) {
    #mvTop .catchItemBox {
      width: 65%; } }

/*----------------------------------------------------
☆☆topPage☆☆
----------------------------------------------------*/
.art_1 {
  margin-bottom: 125px; }
  @media screen and (max-width: 765px) {
    .art_1 {
      margin-bottom: 30px; } }
  .art_1 .topWork {
    padding-left: 120px; }
    @media screen and (max-width: 765px) {
      .art_1 .topWork {
        padding-left: 0; } }
    .art_1 .topWork .topWork_ul_3 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      overflow: hidden;
      margin-left: -14px;
      margin-right: -14px; }
      .art_1 .topWork .topWork_ul_3 > li {
        width: calc(33.33333%);
        padding-left: 14px;
        padding-right: 14px; }
      @media screen and (max-width: 765px) {
        .art_1 .topWork .topWork_ul_3 {
          margin-left: 0;
          margin-right: 0; }
          .art_1 .topWork .topWork_ul_3 > li {
            width: calc(100%);
            padding-left: 0;
            padding-right: 0; } }
    .art_1 .topWork .topWork_ul_4 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      overflow: hidden;
      margin-left: -10px;
      margin-right: -10px; }
      .art_1 .topWork .topWork_ul_4 > li {
        width: calc(25%);
        padding-left: 10px;
        padding-right: 10px; }
      @media screen and (max-width: 765px) {
        .art_1 .topWork .topWork_ul_4 {
          margin-left: 0;
          margin-right: 0; }
          .art_1 .topWork .topWork_ul_4 > li {
            width: calc(100%);
            padding-left: 0;
            padding-right: 0; } }
    .art_1 .topWork li {
      margin-bottom: 0px; }
      @media screen and (max-width: 765px) {
        .art_1 .topWork li {
          margin-bottom: 30px; } }
      .art_1 .topWork li .imgBox {
        padding-top: 60%; }
      .art_1 .topWork li .txtBox .jp {
        font-size: 2.2rem; }
        @media screen and (max-width: 765px) {
          .art_1 .topWork li .txtBox .jp {
            font-size: 2.2rem; } }
        .art_1 .topWork li .txtBox .jp strong {
          line-height: 1.4;
          letter-spacing: 0.08em; }
      .art_1 .topWork li .txtBox .en {
        font-size: 1.4rem;
        font-style: italic;
        font-weight: bold;
        color: #ffa3ac; }
        @media screen and (max-width: 765px) {
          .art_1 .topWork li .txtBox .en {
            font-size: 1.2rem; } }
      .art_1 .topWork li .txtBox .txt {
        font-size: 1.6rem; }
        @media screen and (max-width: 765px) {
          .art_1 .topWork li .txtBox .txt {
            font-size: 1.4rem; } }

.art_2 {
  padding: 90px 60px 40px 60px;
  background: no-repeat center center url(../img/sensyu/top/newsBG.png);
  background-size: cover;
  position: relative; }
  @media screen and (max-width: 765px) {
    .art_2 {
      padding: 50px 20px 40px 20px; } }

.newUL_wrap .newsUL {
  margin-bottom: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }
  .newUL_wrap .newsUL li {
    padding-top: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    .newUL_wrap .newsUL li .date {
      display: inline-block;
      font-weight: bold;
      margin-right: 1em;
      color: #fff;
      vertical-align: top; }
    .newUL_wrap .newsUL li .cat {
      font-size: 1.4rem;
      display: inline-block;
      margin-right: 1em;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.4);
      line-height: 1.2em;
      padding: 0.25em 1em;
      vertical-align: baseline; }
      @media screen and (max-width: 765px) {
        .newUL_wrap .newsUL li .cat {
          font-size: 1.2rem; } }
    .newUL_wrap .newsUL li a {
      width: calc(100% - 8em);
      display: inline-block;
      vertical-align: top; }
      @media screen and (max-width: 765px) {
        .newUL_wrap .newsUL li a {
          width: 100%; } }
      .newUL_wrap .newsUL li a span {
        color: #fff !important;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; }
        @media screen and (max-width: 765px) {
          .newUL_wrap .newsUL li a span {
            white-space: normal; } }
    .newUL_wrap .newsUL li .cat + a {
      width: calc(100% - 13em); }
      @media screen and (max-width: 765px) {
        .newUL_wrap .newsUL li .cat + a {
          width: 100%; } }

.art_3 {
  padding-top: 120px;
  padding-bottom: 120px;
  margin-bottom: 120px;
  background: no-repeat center center url(../img/sensyu/top/companyBG.jpg);
  background-size: cover; }
  @media screen and (max-width: 765px) {
    .art_3 {
      padding-top: 50px; } }
  @media screen and (max-width: 765px) {
    .art_3 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 765px) {
    .art_3 {
      margin-bottom: 50px; } }
  .art_3 .topComp_titleBox {
    padding-top: 50px; }
    @media screen and (max-width: 765px) {
      .art_3 .topComp_titleBox {
        padding-top: 30px; } }
  .art_3 .topComp_cont .topComp_contInr {
    max-width: 1500px;
    width: calc(100% * 1.05);
    background: #fff;
    padding: 30px 30px; }
    .art_3 .topComp_cont .topComp_contInr .topComp_ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: stretch;
      align-content: stretch;
      overflow: hidden;
      margin-left: -2px;
      margin-right: -2px; }
      .art_3 .topComp_cont .topComp_contInr .topComp_ul > li {
        width: calc(25%);
        padding-left: 2px;
        padding-right: 2px; }
      @media screen and (max-width: 765px) {
        .art_3 .topComp_cont .topComp_contInr .topComp_ul {
          margin-left: -2px;
          margin-right: -2px; }
          .art_3 .topComp_cont .topComp_contInr .topComp_ul > li {
            width: calc(50%);
            padding-left: 2px;
            padding-right: 2px; } }
      .art_3 .topComp_cont .topComp_contInr .topComp_ul li {
        margin-bottom: 0; }
        @media screen and (max-width: 765px) {
          .art_3 .topComp_cont .topComp_contInr .topComp_ul li {
            margin-bottom: 4px; } }
        .art_3 .topComp_cont .topComp_contInr .topComp_ul li a {
          -webkit-transition: all 0.5s ease-out;
          -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          display: block;
          padding-top: 150%; }
          .art_3 .topComp_cont .topComp_contInr .topComp_ul li a:hover {
            background: #000; }
          .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle {
            top: 20px;
            position: absolute;
            left: 20px;
            z-index: 9; }
            @media screen and (max-width: 765px) {
              .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle {
                top: 16px; } }
            .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle h3 {
              font-size: 2.4rem;
              padding-left: 20px;
              position: relative;
              line-height: 1.3em; }
              @media screen and (max-width: 765px) {
                .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle h3 {
                  font-size: 1.8rem; } }
              .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle h3:after {
                width: 24px;
                height: 24px;
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                background: no-repeat center center url(../img/sensyu/cmn/arrow.png);
                background-size: cover;
                margin-left: -10px; }
                @media screen and (max-width: 765px) {
                  .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle h3:after {
                    width: 18px; } }
                @media screen and (max-width: 765px) {
                  .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle h3:after {
                    height: 18px; } }
              .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle h3 strong {
                color: #fff;
                letter-spacing: 0.1em;
                line-height: 1em;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }
            .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle p {
              font-size: 1.4rem;
              padding-left: 20px; }
              @media screen and (max-width: 765px) {
                .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle p {
                  font-size: 1.2rem; } }
              .art_3 .topComp_cont .topComp_contInr .topComp_ul li a .liTitle p span {
                color: #fff;
                font-style: italic;
                line-height: 1em;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }

.art_4 .recBNR {
  max-width: 1080px; }

.isoBox {
  padding-top: 30px;
  margin: 0 auto;
  width: 80%;
  max-width: 600px; }
  .isoBox .isoUL {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px; }
    .isoBox .isoUL > li {
      width: calc(50%);
      padding-left: 20px;
      padding-right: 20px; }
    @media screen and (max-width: 765px) {
      .isoBox .isoUL {
        margin-left: -8px;
        margin-right: -8px; }
        .isoBox .isoUL > li {
          width: calc(50%);
          padding-left: 8px;
          padding-right: 8px; } }
    .isoBox .isoUL li {
      text-align: center; }
      .isoBox .isoUL li img {
        width: 50%; }

/*----------------------------------------------------
☆☆RECRUIT☆☆
----------------------------------------------------*/
.recWrap {
  padding-top: 80px;
  border-top: 1px solid #e9e9e9; }
  @media screen and (max-width: 765px) {
    .recWrap {
      padding-top: 50px; } }
  .recWrap .mark {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .recWrap .recBTN_box {
    background: #fff;
    border: 3px solid #ffa3ac;
    padding: 0 30px; }
    .recWrap .recBTN_box .contactBTN {
      text-align: center;
      line-height: 1em;
      margin-bottom: 0;
      padding: 1em 0;
      border-bottom: 1px solid #e9e9e9; }
      .recWrap .recBTN_box .contactBTN a {
        display: inline-block; }
        .recWrap .recBTN_box .contactBTN a .inr {
          color: #ffa3ac;
          font-weight: bold; }
    .recWrap .recBTN_box .telBTN {
      text-align: center;
      margin-bottom: 0;
      line-height: 1em;
      padding: 0.5em 0; }
      .recWrap .recBTN_box .telBTN a {
        display: inline-block;
        margin-left: -2em; }
        .recWrap .recBTN_box .telBTN a .inr {
          font-size: 3rem;
          color: #333;
          font-weight: bold; }
          @media screen and (max-width: 765px) {
            .recWrap .recBTN_box .telBTN a .inr {
              font-size: 2.4rem; } }
          .recWrap .recBTN_box .telBTN a .inr .fa-stack {
            -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0.5);
            -webkit-transform-origin: right 40%;
            -ms-transform-origin: right 40%;
            transform-origin: right 40%; }
            .recWrap .recBTN_box .telBTN a .inr .fa-stack .fa-circle {
              color: #ffa3ac; }
            .recWrap .recBTN_box .telBTN a .inr .fa-stack .fa-phone {
              color: #fff; }

/*----------------------------------------------------
☆☆VISION☆☆
----------------------------------------------------*/
.visionCont_0 .title {
  font-size: 2.8rem;
  text-align: center;
  color: #000;
  font-weight: bold; }
  @media screen and (max-width: 765px) {
    .visionCont_0 .title {
      font-size: 2.4rem; } }

.visionCont_0 .rinenBox {
  padding: 40px 60px 40px 60px;
  margin: 0 auto;
  width: 90%;
  max-width: 649px;
  background: #ffa3ac; }
  @media screen and (max-width: 765px) {
    .visionCont_0 .rinenBox {
      padding: 30px 30px 30px 30px; } }
  .visionCont_0 .rinenBox .rinen_title {
    font-size: 2.2rem;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    letter-spacing: 0.15em;
    line-height: 2em; }
    @media screen and (max-width: 765px) {
      .visionCont_0 .rinenBox .rinen_title {
        font-size: 1.8rem; } }
  .visionCont_0 .rinenBox .rinen_txt {
    font-size: 2.8rem;
    letter-spacing: 0.5em;
    text-align: center;
    color: #fff;
    line-height: 2.5em; }
    @media screen and (max-width: 765px) {
      .visionCont_0 .rinenBox .rinen_txt {
        font-size: 2rem; } }
    @media screen and (max-width: 765px) {
      .visionCont_0 .rinenBox .rinen_txt {
        letter-spacing: 0.35em; } }

.visionCont_1 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .visionCont_1 > .lBox {
    width: 50%; }
  .visionCont_1 > .rBox {
    width: 50%; }
  @media screen and (max-width: 765px) {
    .visionCont_1 > .lBox {
      width: 100%; }
    .visionCont_1 > .rBox {
      width: 100%; } }
  .visionCont_1 .lBox {
    margin-bottom: 0; }
    @media screen and (max-width: 765px) {
      .visionCont_1 .lBox {
        margin-bottom: 40px; } }
    .visionCont_1 .lBox .lBoxInr {
      padding-right: 60px; }
      @media screen and (max-width: 765px) {
        .visionCont_1 .lBox .lBoxInr {
          padding-right: 0; } }
      .visionCont_1 .lBox .lBoxInr .title {
        font-size: 2.8rem;
        color: #000;
        font-weight: bold; }
        @media screen and (max-width: 765px) {
          .visionCont_1 .lBox .lBoxInr .title {
            font-size: 2.4rem; } }
      .visionCont_1 .lBox .lBoxInr .subTitle {
        font-size: 2.2rem;
        color: #ffa3ac;
        font-weight: bold; }
        @media screen and (max-width: 765px) {
          .visionCont_1 .lBox .lBoxInr .subTitle {
            font-size: 1.8rem; } }
      .visionCont_1 .lBox .lBoxInr .txt {
        font-size: 1.6rem;
        line-height: 2; }
        @media screen and (max-width: 765px) {
          .visionCont_1 .lBox .lBoxInr .txt {
            font-size: 1.4rem; } }
  .visionCont_1 .rBox {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
    transform: translateX(10%);
    text-align: right;
    position: relative; }
    @media screen and (max-width: 765px) {
      .visionCont_1 .rBox {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%); } }
    .visionCont_1 .rBox .imgP {
      margin-bottom: 0; }
      .visionCont_1 .rBox .imgP img {
        width: 100%; }

.visionCont_2 .title {
  font-size: 2.8rem;
  color: #000;
  font-weight: bold; }
  @media screen and (max-width: 765px) {
    .visionCont_2 .title {
      font-size: 2.4rem; } }

.visionCont_2 .subTitle {
  font-size: 2.2rem;
  font-weight: bold;
  color: #ffa3ac; }
  @media screen and (max-width: 765px) {
    .visionCont_2 .subTitle {
      font-size: 1.8rem; } }

.visionCont_2 .baseUL {
  font-weight: bold; }

.bg_guidlineColor {
  background-size: 34%;
  background-image: url(/group/web_parts/img/sensyu/info/guidelineBG.png);
  background-position: center right -10%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 765px) {
    .bg_guidlineColor {
      background-size: 60%; } }

/*----------------------------------------------------
☆☆INFO☆☆
----------------------------------------------------*/
.infoIndex_ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px; }
  .infoIndex_ul > li {
    width: calc(50%);
    padding-left: 20px;
    padding-right: 20px; }
  @media screen and (max-width: 765px) {
    .infoIndex_ul {
      margin-left: 0px;
      margin-right: 0px; }
      .infoIndex_ul > li {
        width: calc(100%);
        padding-left: 0px;
        padding-right: 0px; } }
  .infoIndex_ul li .inrBox .imgP {
    margin-bottom: 0; }
    .infoIndex_ul li .inrBox .imgP img {
      vertical-align: top; }
  .infoIndex_ul li .inrBox .indexTitle {
    margin-top: -50px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    position: relative;
    z-index: 9;
    padding-top: 2em;
    padding-bottom: 1.5em; }
    @media screen and (max-width: 765px) {
      .infoIndex_ul li .inrBox .indexTitle {
        margin-top: -30px; } }
    @media screen and (max-width: 765px) {
      .infoIndex_ul li .inrBox .indexTitle {
        margin-bottom: 20px; } }
    .infoIndex_ul li .inrBox .indexTitle:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 80%;
      height: 1px;
      background: #E9E9E9; }
    .infoIndex_ul li .inrBox .indexTitle .jp {
      font-size: 2.4rem;
      line-height: 1.3em;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 765px) {
        .infoIndex_ul li .inrBox .indexTitle .jp {
          font-size: 2.4rem; } }
    .infoIndex_ul li .inrBox .indexTitle .en {
      font-size: 1.4rem;
      color: #ffa3ac;
      font-weight: bold;
      font-style: italic;
      line-height: 1em; }
      @media screen and (max-width: 765px) {
        .infoIndex_ul li .inrBox .indexTitle .en {
          font-size: 1.2rem; } }

.index_nav_3 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px; }
  .index_nav_3 > li {
    width: calc(33.33333%);
    padding-left: 20px;
    padding-right: 20px; }
  @media screen and (max-width: 765px) {
    .index_nav_3 {
      margin-left: -5px;
      margin-right: -5px; }
      .index_nav_3 > li {
        width: calc(33.33333%);
        padding-left: 5px;
        padding-right: 5px; } }

.index_nav li .inrBox .imgP {
  margin-bottom: 0; }
  .index_nav li .inrBox .imgP img {
    vertical-align: top; }

.index_nav li .inrBox .indexTitle {
  background: #fff;
  text-align: center;
  padding-top: 1.5em;
  padding-bottom: 1em; }
  .index_nav li .inrBox .indexTitle .jp {
    font-size: 2.2rem;
    line-height: 1.3em;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 765px) {
      .index_nav li .inrBox .indexTitle .jp {
        font-size: 1.8rem; } }
  .index_nav li .inrBox .indexTitle .en {
    font-size: 1.2rem;
    letter-spacing: 0;
    color: #ffa3ac;
    font-weight: bold;
    font-style: italic;
    line-height: 1em;
    margin-bottom: 0; }
    @media screen and (max-width: 765px) {
      .index_nav li .inrBox .indexTitle .en {
        font-size: 1rem; } }

.index_nav li .inrBox .btnBox a {
  font-size: 1.5rem; }
  @media screen and (max-width: 765px) {
    .index_nav li .inrBox .btnBox a {
      font-size: 1.1rem; } }

/*----------------------------------------------------
☆☆BUSSINESS☆☆
----------------------------------------------------*/
.bussiness .ancParent:last-child .obiBox {
  margin-bottom: 0 !important; }

/*----------------------------------------------------
☆☆NEWS DETAIL☆☆
----------------------------------------------------*/
.newsBar {
  border-bottom: 1px solid #e9e9e9;
  text-align: right;
  position: relative; }
  .newsBar:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -px;
    left: 0;
    width: 70px;
    height: 4px;
    background: #333; }
  .newsBar .cat {
    font-size: 1.6rem;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: #ffa3ac;
    padding: 0.25em 1.5em; }
    @media screen and (max-width: 765px) {
      .newsBar .cat {
        font-size: 1.4rem; } }
  .newsBar .date {
    font-size: 1.8rem;
    color: #ffa3ac;
    font-style: italic; }
    @media screen and (max-width: 765px) {
      .newsBar .date {
        font-size: 1.6rem; } }
  .newsBar.has_cat:after {
    content: none; }

.newsKijiBox {
  margin-bottom: 0; }
  .newsKijiBox h2 strong {
    letter-spacing: 0.08em; }

.ckBox_news {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e9e9e9; }
  @media screen and (max-width: 765px) {
    .ckBox_news {
      padding-top: 30px; } }
  @media screen and (max-width: 765px) {
    .ckBox_news {
      padding-bottom: 30px; } }

/*----------------------------------------------------
☆☆NEWS INDEX☆☆
----------------------------------------------------*/
.news .newUL_wrap .cat_p {
  text-align: center; }
  .news .newUL_wrap .cat_p a {
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    font-size: 1.4rem;
    color: #ffa3ac !important;
    margin: 0 1px;
    display: inline-block;
    border: 1px solid #ffbfc5;
    padding: 0.3em 1.5em;
    cursor: pointer; }
    @media screen and (max-width: 765px) {
      .news .newUL_wrap .cat_p a {
        font-size: 1.3rem; } }
  .news .newUL_wrap .cat_p a:hover {
    background: #ffe2e5; }
  .news .newUL_wrap .cat_p .cr {
    color: #fff !important;
    background: #ffa3ac !important;
    font-weight: bold;
    cursor: default !important; }

.news .newUL_wrap .newsUL li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .news .newUL_wrap .newsUL li .date {
    color: #333; }
    .news .newUL_wrap .newsUL li .date:before {
      content: "";
      display: inline-block;
      height: 17px;
      width: 17px;
      background: no-repeat center center url(/group/web_parts/img/sensyu/cmn/newsItem.jpg);
      background-size: cover;
      margin-right: 5px; }
  .news .newUL_wrap .newsUL li .cat {
    color: #ffa3ac;
    border: 1px solid #ffe2e5; }
  .news .newUL_wrap .newsUL li a span {
    color: #333 !important; }
  .news .newUL_wrap .newsUL li .cat + a {
    width: calc(100% - 15em); }
    @media screen and (max-width: 765px) {
      .news .newUL_wrap .newsUL li .cat + a {
        width: 100%; } }

#newsPager {
  text-align: center; }
  #newsPager a {
    height: 45px;
    line-height: 45px;
    width: 45px;
    font-size: 16px;
    display: inline-block;
    color: #333 !important;
    font-weight: bold;
    border: 1px solid #ccc;
    margin: 0 2px 4px 2px; }
    @media screen and (max-width: 765px) {
      #newsPager a {
        height: 25px; } }
    @media screen and (max-width: 765px) {
      #newsPager a {
        line-height: 25px; } }
    @media screen and (max-width: 765px) {
      #newsPager a {
        width: 25px; } }
  #newsPager a:hover {
    background: #ffe2e5; }
  #newsPager a.cr {
    color: #fff !important;
    background: #ffa3ac !important;
    border: 1px solid #ffa3ac; }

/*----------------------------------------------------
☆☆CONTACT☆☆
----------------------------------------------------*/
.cautionBox {
  padding: 20px;
  background: #f5f8fb;
  display: table; }
  .cautionBox .lBox {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    width: 120px; }
    .cautionBox .lBox .title {
      display: inline;
      font-weight: bold;
      color: #ffa3ac;
      margin-bottom: 0; }
  .cautionBox .rBox {
    display: table-cell;
    padding: 0 15px;
    border-left: 1px solid #ccc; }
    .cautionBox .rBox .txt {
      display: inline;
      line-height: 1.8; }
  @media screen and (max-width: 765px) {
    .cautionBox .lBox {
      text-align: center;
      display: block;
      width: 100%; }
    .cautionBox .rBox {
      display: block;
      width: 100%;
      padding: 15px 0 0 0;
      border-left: 0px solid #ccc;
      border-top: 1px solid #ccc; } }

.formTBL_01 tr {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee; }
  .formTBL_01 tr th,
  .formTBL_01 tr td {
    background: transparent !important;
    border: none !important; }

.formTBL_01 .error th {
  background: #f7b4b5 !important; }

.formTBL_01 .error td {
  background: #fce6e6 !important; }

.formTBL_01 .error input[type="text"],
.formTBL_01 .error input[type="tel"],
.formTBL_01 .error input[type="mail"] {
  background: #fff; }

.contactStepUL {
  font-size: 0; }
  .contactStepUL li {
    display: inline-block;
    width: 32%;
    background: #ffbfc5;
    vertical-align: top;
    padding: 15px;
    position: relative;
    overflow: hidden; }
    .contactStepUL li.li02 {
      width: 36%; }
    .contactStepUL li:before, .contactStepUL li:after {
      content: "";
      display: block;
      width: 20px;
      height: 200%;
      position: absolute;
      top: 50%;
      right: -21px;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: translateY(-50%) rotate(25deg);
      -ms-transform: translateY(-50%) rotate(25deg);
      transform: translateY(-50%) rotate(25deg);
      background: #ffbfc5;
      border-left: 2px solid #fff; }
    .contactStepUL li:after {
      -webkit-transform: translateY(-50%) rotate(-25deg);
      -ms-transform: translateY(-50%) rotate(-25deg);
      transform: translateY(-50%) rotate(-25deg); }
    .contactStepUL li.cr {
      background: #87a2e6;
      color: #fff; }
    .contactStepUL li.ok:before, .contactStepUL li.ok:after {
      background: #87a2e6 !important; }
    .contactStepUL li.li03:after, .contactStepUL li.li03:before {
      content: none; }
    .contactStepUL li .eg {
      font-size: 1.3rem;
      display: block; }
    .contactStepUL li .jp {
      font-weight: bold;
      display: block; }

/*----------------------------------------------------
☆☆sitemap☆☆
----------------------------------------------------*/
.sitemapDL dt .sitemapDL_title {
  position: relative;
  padding-bottom: 10px; }
  .sitemapDL dt .sitemapDL_title:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ccc;
    z-index: 9; }
  .sitemapDL dt .sitemapDL_title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 3px;
    background: #ffa3ac;
    z-index: 10; }
  .sitemapDL dt .sitemapDL_title a,
  .sitemapDL dt .sitemapDL_title span {
    font-weight: bold;
    letter-spacing: 0.15em; }

.sitemapDL dd {
  width: 100%; }
  .sitemapDL dd .dlUL {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px; }
    .sitemapDL dd .dlUL > li {
      width: calc(33.33333%);
      padding-left: 10px;
      padding-right: 10px; }
    @media screen and (max-width: 765px) {
      .sitemapDL dd .dlUL {
        margin-left: -5px;
        margin-right: -5px; }
        .sitemapDL dd .dlUL > li {
          width: calc(50%);
          padding-left: 5px;
          padding-right: 5px; } }
    .sitemapDL dd .dlUL li {
      margin-bottom: 10px; }
      .sitemapDL dd .dlUL li a {
        display: block; }
        .sitemapDL dd .dlUL li a span {
          display: block;
          position: relative;
          padding: 0.5em 1em;
          border: 1px solid #ccc;
          border-radius: 3px; }

.sitemapDL dd:last-child {
  margin-bottom: 0 !important; }

/*----------------------------------------------------
☆☆temp☆☆
----------------------------------------------------*/
.temp #mv {
  background-color: #ccc;
  background-image: url(../img/mv/mv_01.jpg); }

.temp .scrollBarDesign {
  height: 200px; }

.colsWrap {
  overflow: hidden; }

.colsUlTest {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
  background: red; }
  .colsUlTest > li {
    width: calc(25%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .colsUlTest {
      margin-left: -5px;
      margin-right: -5px; }
      .colsUlTest > li {
        width: calc(50%);
        padding-left: 5px;
        padding-right: 5px; } }
  .colsUlTest li {
    background: green; }
    .colsUlTest li a {
      background: blue;
      display: block;
      color: #FFF;
      height: 100%; }

.colsDivTest {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
  background: red;
  color: #FFF; }
  .colsDivTest > div {
    width: calc(33.33333%);
    padding-left: 10px;
    padding-right: 10px; }
  @media screen and (max-width: 765px) {
    .colsDivTest {
      margin-left: -5px;
      margin-right: -5px; }
      .colsDivTest > div {
        width: calc(100%);
        padding-left: 5px;
        padding-right: 5px; } }
  .colsDivTest > div {
    background: green; }
    .colsDivTest > div .inr {
      background: blue;
      height: 100%; }

.colsunEvenTest {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: red;
  color: #FFF; }
  .colsunEvenTest > .lBox {
    width: 30%; }
  .colsunEvenTest > .rBox {
    width: 68%; }
  @media screen and (max-width: 765px) {
    .colsunEvenTest > .lBox {
      width: 100%; }
    .colsunEvenTest > .rBox {
      width: 100%; } }
  .colsunEvenTest > .lBox,
  .colsunEvenTest > .rBox {
    background: green; }
    .colsunEvenTest > .lBox .inr,
    .colsunEvenTest > .rBox .inr {
      background: blue;
      height: 100%; }

#mvTop .catchBox .jp .inrSpan {
  font-size: 4.2rem; }
  @media screen and (max-width: 765px) {
    #mvTop .catchBox .jp .inrSpan {
      font-size: 1.7rem; } }