@charset "UTF-8";/*!
Theme Name: xxxxx.xx
Author: xxxxx.xx
Description:
Version: 1.0.0
*/
/****** download font *****/
@font-face {
  font-family: SawarabiMincho;
  src: url('../fonts/Sawarabi_Mincho/SawarabiMincho-Regular.ttf') format("truetype");
}
@font-face {
  font-family: SawarabiGothic;
  src: url('../fonts/Sawarabi_Gothic/SawarabiGothic-Regular.ttf') format("truetype");
}
@font-face {
  font-family: NotoSerifJP;
  src: url('../fonts/Noto_Serif_JP/NotoSerifJP-ExtraLight.otf') format('opentype');
}
/****** common Setting *****/
*{
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
  list-style-type:none;
  text-decoration: none;
}
a:visited { 
  color: #000000; 
}
html{
  width:100%;
  height:100%;
  margin:0px;
  padding:0;
  font-size:100%;
  font-family: 'NotoSerifJP';
}
body {
  width:100%;
  height:100%;
  margin: 0px;
  padding:0px;
  font-family: "游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
body.noscroll {
  position: fixed;
  overflow-y: scroll;
}
.wrapper{
  width:100%;
  height: 100%;
}
h1{
  font-size:calc(0.9em + (2vw - 7.2px));
  position: relative;
  left:calc(0px + (1vw - 3.6px));
  width: 110%;
}
@media(min-width:960px){
  h1{
    width: calc(110% + (1vw - 9.6px));
  }
}
h2,h3{
  font-size: 8px;
}
.textShowMin960{
  display: none;
}
.textShowMax960{
  display: block;
}
.text-show-more{
  width: 100%;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  position: relative;
  /* top: -3px; */
  font-size: calc(1.0em + (3vw - 10.8px));
  padding: 10px 0px;
  font-family: 'SawarabiGothic';
}
.text-show-more-rev{
  width: 100%;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin: 15px 0px;
  font-size: calc(1.0em + (2vw - 7.2px));
}
.text-show-more-rev img{
  display: none;
}
.text-show-more-pin{
  width: 8%;
  margin-top:calc(1px + (1vw - 3.6px));
}
.reserve-contact-section .text-show-more{
  top:10px;
  color:#ffffff; 
  font-family: 'SawarabiGothic';
}
.reserve-contact-outline{
  width: 100%;
  padding: 0px 30px;
  margin-top: 15px;
  font-family: 'SawarabiGothic';
}
.reserve-contact-inner-form{
  width: 100%;
  border-radius: 5px;
  background-color: #386530;
  padding: 5px;
}
.reserve-contact-inner-form-detail{
  background-color: #386530;
  border:1px solid #ffffff;
  border-radius: 5px;
  padding:30px 15px 10px;
}
select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  outline: none;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  width: 100%;
  height: 36px;
  margin: 0px;
  padding:5px 42px 5px 5px;
  /*iosの場合、16Px未満だと勝手にズームアップしてしまうので、16pxにする*/
  font-size: 16px;
}
select::-ms-expand {
    display: none;
}
.sel{
  position: relative;
}
.sel:before{
  content: "";
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: 15px;
  width: 0px;
  height: 0px;
  border-top:12px solid #404040;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  pointer-events: none;
}
input[type='text'] {
  width: 100%;
  height: 36px;
  border-radius: 5px;
  outline: none;
  margin: 0px;
  padding: 0px 4px;
  width: 100%;
  font-size: 16px;
  border:1px solid #22401d;
}
textarea {
  width: 100%;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  padding: 5px;
  border-radius: 5px;
  outline: none;
  resize: none;
  font-size: 16px;
  border:1px solid #22401d;
}
button {
  width: 100%;
  font-size: 1.2rem;
  padding: 10px;
  border-radius: 5px;
  background-color: #cecbcb;
  border: none;
  box-shadow: 2px 2px 3px 0 #8a8282;
}
.underLine{
  text-decoration:underline;
  text-decoration-color:#000000;
}
/****** loading Section ******/
.loading-wrapper{
  width: 100%;
  height: 100%;
  z-index: 10;
}
.loading-logo{
  width: 100%;
  height: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
}
#disp-01 {
  max-width: 100%;
  max-height:100%;
}
.loading-logo {
    animation: fadeIn 5s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

/****** article ******/
article{
  display:none;
  margin-bottom: 30px;
}
/****** header Section ******/
header{
  width: 100%;
}
.inner-header{
  position: relative;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items: center;
}
.logoMj01{
  position: relative;
  top: 1px;
  left: -5px;
}
.logoMj02{
  position: relative;
  left: -4px;
  top: -1px;
}
.logoMj03{
  position: relative;
  left: -4px;
  top: -1px;
  font-size: 1em;
}
.logoMj04{
  position: relative;
  font-size: 1em;
  left: -6px;
  top: -2px;
}
.logoMj05{
  position: relative;
  font-size: 1em;
  left: -11px;
}
.logoMj06{
  position: relative;
  font-size: 1em;
  left: -13px;
  top: 2px;
}
.head-left-logo-exp{
  letter-spacing:0.05em;
  position: relative;
  left: calc(-5px + (4vw - 14.4px));
}
@media(min-width:960px){
.head-left-logo-exp{
  left: calc(18px + (2vw - 19.2px));
}
  
}
.head-left-logo-exp h2{
  font-size:calc(8px + (1vw - 3.6px));
}
.headerLeftLine{
  position: relative;
  width: calc(136px + (10vw - 36px));
  left: calc(-5px + (4vw - 14.4px));
}
@media(min-width:960px){
  .headerLeftLine{
    position: relative;
    width: calc(350px + (10vw - 96px));
    left: calc(15px + (5vw - 48px));
  } 
}
.headerLeftLine img{
  max-width: 68%;
}
/*ヘッダー部左*/
.header-left-logo{
  margin-left: 20px;
  font-family: 'NotoSerifJP';
}
/*ヘッダー部中央*/
.header-center-logo{
  width: 100%;
  position: absolute;
  text-align: center;
  top: 25px;
  z-index: 1;
}
.header-center-logo img{
  max-width: calc(25% - (10vw - 36px));
  position: relative;
  top: calc(0px - (10vw - 36px));
}
@media(max-width:640px){
  .inner-header{
    height:70px;
  }
}
@media(min-width:641px){
  .inner-header{
    height:calc(90px + (2vw - 7.2px));
  }
  .header-center-logo{
    top:calc(50% + (5vw - 32.5px));
  }
}
/*ヘッダー部右（ハンバーガーメニュー）*/
.hbg-menu {
  display: none;
  margin-right: 20px;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 30;
  top: -5px;
  right: 10px;
  font-family: 'SawarabiMincho';
}
.hbg-menu-line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 1px;
  background-color: #111;
  transition: all .6s;
}
.hbg-menu-line1 {
  top: 14px;
}
.hbg-menu-line2 {
  top: 20px;
}
.hbg-menu-line3 {
  top: 26px;
}
.hbg-menu-guide{
  font-size: 60%;
  top: 30px;
  position: absolute;
  left: 5px;
}
/*ヘッダー部ナビ*/
.gnav {
  position: fixed;
  right: -100vw;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
  transition: all .6s;
  z-index: 20;
  overflow-y: auto;
  font-family: 'SawarabiMincho';
}
.gnavList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gnavList img{
  max-width: 80%;
}
.gnavItem {
  text-align: center;
  /*padding: 0 14px;*/
}
.gnavItem a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  color: #111;
  width:100vw;
  font-size: 1.2em;
}
.gnavImg{
  width:45px;
  margin-right: 10px;
}
.gnavExp{
  width: 75px;
  text-align: left;
}
.gnavItem a:hover {
  background-color: #eee;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .gnav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hbg-menu-line1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hbg-menu-line2 {
  width: 0;
  left: 50%;
}
.nav-open .hbg-menu-line3 {
  transform: rotate(-45deg);
  top: 20px;
}
@media(min-width:560px){
  .header-right-nav-bgMeue{
    display:none;
  }
}
a {
  color: #000000;
}
.header-right-nav-listMenu{
  display: none;
  width: 100%;
}
@media(min-width:560px){
  .header-right-nav-listMenu{
    display: block;
  }
}
.listItem{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 50px;
}
.listItem li{
  width: 10%;
  list-style: none;
  text-align: center;
  margin-left:30px;
}
.listItem li img{
  max-width: 100%;
}
@media(min-width:800px){
  .listItem li img{
    max-width: calc(5em - (5vw - 40px));
  }
}
.listItemInner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.listnavExp{
  font-size: 0.8em;
}
@media(min-width:640px){
  .listnavExp{
    font-size:1.0em;
  }
}
/****** mainVisual Section ******/
.main-visual-section{
  position: relative;
  width:100%;
  z-index: 0;
}
.main-visual-section img{
  max-width: 100%;
}
.main-visual-section picture{
  max-width: 100%;
}
.main-vidual-back-color{
  position: absolute;
  color: #ffffff;
  width: 72px;
  height: 240px;
  top: -3px;
  left: 26px;
  background-color: #ffffff;
}
.main-vidual-back-colo::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.main-visual-sentence01,.main-visual-sentence02,.main-visual-sentence03{
  position: absolute;
  color:#ffffff;
  letter-spacing: -0.1em;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;  
  text-align: center;
  font-family: 'NotoSerifJP';
}
.main-visual-sentence01-line.d1,
.main-visual-sentence01-line.d2,
.main-visual-sentence01-line.d3,
.main-visual-sentence01-line.d4,
.main-visual-sentence01-line.d5,
.main-visual-sentence01-line.d6,
.main-visual-sentence01-line.d8,
.main-visual-sentence01-line.d9,
.main-visual-sentence01-line.d10,
.main-visual-sentence01-line.d11,
.main-visual-sentence01-line.d13,
.main-visual-sentence01-line.d14,
.main-visual-sentence01-line.d15,
.main-visual-sentence01-line.d16{
  font-size: calc(1.3em + (3vw - 10.8Px));
}
.main-visual-sentence01-line.d7,
.main-visual-sentence01-line.d12{
  font-size: calc(1.0em + (2vw - 7.2px));
  margin: calc(5px + (3vw - 10.8px)) 0px;
}
.main-visual-sentence02-line.d30,
.main-visual-sentence02-line.d31,
.main-visual-sentence02-line.d32,
.main-visual-sentence02-line.d33,
.main-visual-sentence02-line.d34,
.main-visual-sentence02-line.d35,
.main-visual-sentence02-line.d36,
.main-visual-sentence02-line.d37,
.main-visual-sentence02-line.d41,
.main-visual-sentence03-line.d50,
.main-visual-sentence03-line.d51,
.main-visual-sentence03-line.d52,
.main-visual-sentence03-line.d55,
.main-visual-sentence03-line.d56{
  font-size: calc(1.2em + (3vw - 10.8px));
}
.main-visual-sentence02-line.d38,
.main-visual-sentence02-line.d39,
.main-visual-sentence02-line.d40,
.main-visual-sentence03-line.d53,
.main-visual-sentence03-line.d54
{
  font-size: calc(1.3em + (3vw - 10.8px));
}
.main-visual-sentence01{
  left: 18%;
  top: 7%;
  padding: 5px 0px;
  background-color: #0000004d;
  white-space: nowrap;
  transition: all .3s;
}
.main-visual-sentence02{
  left: 13%;
  top: 11%;
  padding: 5px 0px;
  background-color: #0000004d;
  white-space: nowrap;
}
.main-visual-sentence03{
  left: 8%;
  top:11%;
  padding:5px 0px;
  background-color: #0000004d;
  white-space: nowrap;
 }
.main-visual-sentence01-line,.main-visual-sentence02-line,.main-visual-sentence03-line {
  animation:show 1s both;
}
span.main-visual-sentence01-line,span.main-visual-sentence02-line,span.main-visual-sentence03-line{
  display:inline-block;
}
.main-visual-sentence10,.main-visual-sentence11{
  position: absolute;
  right: calc(15px + (5vw - 18px));
  color:#ffffff;
  font-size: calc(0.9em + (3vw - 10.8px));
  letter-spacing: 0.1em;
  font-family: 'SawarabiMincho';
}
.main-visual-sentence10{
  top:21%;
}
.main-visual-sentence11{
  top:35%;
}
.main-visual-sentence10-line,.main-visual-sentence11-line {
  animation:show 1s both;
}
span.main-visual-sentence10-line {
  display:inline-block;
}
span.main-visual-sentence11-line {
  display:inline-block;
}
.main-visual-sentence10-line.d1 {
  animation-delay:0.9s;
}
.main-visual-sentence10-line.d2 {
  animation-delay:1.0s;
}
.main-visual-sentence10-line.d3 {
  animation-delay:1.1s;
}
.main-visual-sentence10-line.d4 {
  animation-delay:1.2s;
}
.main-visual-sentence10-line.d5 {
  animation-delay:1.3s;
}
.main-visual-sentence10-line.d6 {
  animation-delay:1.4s;
}
.main-visual-sentence10-line.d7 {
  animation-delay:1.5s;
}
.main-visual-sentence10-line.d8 {
  font-size: 1.5em;
  animation-delay:1.6s;
}
.main-visual-sentence10-line.d9{
  animation-delay:1.7s;
}
.main-visual-sentence11-line.d20 {
  animation-delay:1.3s;
}
.main-visual-sentence11-line.d21 {
  animation-delay:1.4s;
}
.main-visual-sentence11-line.d22 {
  animation-delay:1.5s;
}
.main-visual-sentence11-line.d23 {
  animation-delay:1.6s;
}
.main-visual-sentence11-line.d24 {
  animation-delay:1.7s;
}
.main-visual-sentence11-line.d25 {
  animation-delay:1.8s;
}
.main-visual-sentence11-line.d26 {
  animation-delay:1.9s;
}

.main-visual-sentence01-line.d1 {
  animation-delay:1.5s;
}
.main-visual-sentence01-line.d2 {
  animation-delay:1.6s;
}
.main-visual-sentence01-line.d3 {
  animation-delay:1.7s;
}
.main-visual-sentence01-line.d4 {
  animation-delay:1.8s;
}
.main-visual-sentence01-line.d5 {
  animation-delay:1.9s;
}
.main-visual-sentence01-line.d6 {
  animation-delay:2.0s;
}
.main-visual-sentence01-line.d7 {
  animation-delay: 2.1s;
}
.main-visual-sentence01-line.d8 {
  animation-delay:2.2s;
}
.main-visual-sentence01-line.d9 {
  animation-delay:2.3s;
}
.main-visual-sentence01-line.d10 {
  animation-delay:2.4s;
}
.main-visual-sentence01-line.d11 {
  animation-delay:2.5s;
}
.main-visual-sentence01-line.d12 {
  animation-delay:2.7s;
}
.main-visual-sentence01-line.d13 {
  animation-delay:2.8s;
}
.main-visual-sentence01-line.d14 {
  animation-delay:2.9s;
}
.main-visual-sentence01-line.d15 {
  animation-delay:3.0s;
}
.main-visual-sentence01-line.d16 {
  animation-delay:3.1s;
}
.main-visual-sentence02-line.d30 {
  animation-delay:2.0s;
}
.main-visual-sentence02-line.d31 {
  animation-delay:2.1s;
}
.main-visual-sentence02-line.d32 {
  animation-delay:2.2s;
}
.main-visual-sentence02-line.d33 {
  animation-delay:2.3s;
}
.main-visual-sentence02-line.d34 {
  animation-delay:2.4s;
}
.main-visual-sentence02-line.d35 {
  animation-delay:2.5s;
}
.main-visual-sentence02-line.d36 {
  animation-delay:2.6s;
}
.main-visual-sentence02-line.d37 {
  animation-delay:2.7s;
}
.main-visual-sentence02-line.d38 {
  animation-delay:2.8s;
}
.main-visual-sentence02-line.d39 {
  animation-delay:2.9s;
}
.main-visual-sentence02-line.d40 {
  animation-delay:3.0s;
}
.main-visual-sentence02-line.d41 {
  animation-delay:3.1s;
}


.main-visual-sentence03-line.d50 {
  animation-delay:2.5s;
}
.main-visual-sentence03-line.d51 {
  animation-delay:2.6s;
}
.main-visual-sentence03-line.d52 {
  animation-delay:2.7s;
}
.main-visual-sentence03-line.d53 {
  animation-delay:2.8s;
}
.main-visual-sentence03-line.d54 {
  animation-delay:2.9s;
}
.main-visual-sentence03-line.d55 {
  animation-delay:3.0s;
}
.main-visual-sentence03-line.d56 {
  animation-delay:3.1s;
}
@keyframes show {
	0% {
		transform:translate(0.5em,-0.8em) skew(10deg,40deg) rotateY(100deg);
		opacity:0;
	}
	100% {
		transform:translate(0,0) skew(0deg,0deg) rotateY(0deg);
		opacity:1;
	}
}
.main-visual-img{
  width:100%;
}
.main-img{
  z-index: 0;
}
@media(max-width:640px){
  .max640{
    display: block;
  }
  .min641{
    display: none;
  }
  .min960{
    display: none;
  }
}
@media(min-width:641px){
  .max640{
    display: none;
  }
  .min641{
    display: block;
  }
  .min960{
    display: none;
  }
}
@media(min-width:960px){
  .max640{
    display: none;
  }
  .min641{
    display: none;
  }
  .min960{
    display: block;
  }
}
.main-img-sepa-line{
  width: 100%;
  position: relative;
  top: calc(-15px - (10vw - 36px));
}
.personal-text{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  padding-right: calc(20px + (10vw - 36px));
  color: #000000;
}
.personal-text-01{
  font-size: calc(10px + (1vw - 3.6px));
  margin-right: 5px;
  letter-spacing: 1px;
  font-family: 'SawarabiMincho';
}
.personal-text-02{
  font-size: calc(14px + (1vw - 3.6px));
  letter-spacing: 1px;
  font-family: 'SawarabiMincho';
}
/****** message Section ******/
.message-section{
  position: relative;
  width:100%;
  margin-top:20px;
  z-index: 0;
}
.message-section img{
  max-width: 100%;
}
.message-section picture{
  max-width: 100%;
}
.message-init-char{
  font-size: 1.5em;
  padding: 2px;
  font-family: 'SawarabiGothic';
}
.cloud01{
  position: absolute;
  top: calc(-19px - (5vw - 18px));
  left: calc(43.5% - (3vw - 10.8px));
}
.drop01{
  position: relative;
  top: -7px;
  left: 2px;
  width: calc(8px + (1vw - 3.6px));
}
.drop02{
  position: relative;
  top: 5px;
  left: 0px;
  width: calc(8px + (1vw - 3.6px));
}
.person01{
  position: relative;
  top: -10px;
  left: 21px;
}
.chiar01{
  position: relative;
  left: calc(-13px - (7vw - 25.2px));
  top: calc(0px + (2vw - 7.2px));
}
.person02{
  position: relative;
  top: calc(-10px - (3vw - 10.8px));
  left: calc(21px + (3vw - 10.8px));
}
.chiar02{
  position: relative;
  left:calc(-15px - (5vw - 18px));
}
.direction{
  position: relative;
  left: calc(-15px - (3vw - 10.8px));
}
.message-title{
  position: absolute;
  width: 85%;
  z-index: 1;
  top: -20px;
  font-family: 'SawarabiMincho';
}
.message-title-head{
  font-size:calc(6.0em + (10vw - 36px));
  font-weight: 200;
  color: #808080;  
  opacity: 0.7;
}
.message-title-body{
  font-size:calc(3.5em + (10vw - 36px));
  font-weight: 200;
  letter-spacing: 0.1em;
  color: #808080; 
  opacity: 0.7;
}
/********** cmn **********/
.message-body-head-info{
  opacity: 0;
}
.message-body-body{
  opacity: 0;
}
/********** 02 **********/
#messageSectionShowBlock02 .person01,
#messageSectionShowBlock02 .chiar01{
  opacity: 0;
}
/********** 03 **********/
#messageSectionShowBlock03 .cloud01,
#messageSectionShowBlock03 .drop01,
#messageSectionShowBlock03 .drop02
{
  opacity: 0;
}
/********** 04 **********/
#messageSectionShowBlock04 .person02,
#messageSectionShowBlock04 .chiar02,
#messageSectionShowBlock04 .direction{
  opacity: 0;
}
/********** 05 **********/
#messageSectionShowBlock05 .messageImgage03,
#messageSectionShowBlock05 .messageImgage04,
#messageSectionShowBlock05 .kansogaku-site-img,
#messageSectionShowBlock05 .kansogaku-site-text
{
  opacity: 0;
}
.messageImgage04Upper{
  position: absolute;
  z-index: 1;
  top: calc(-15px + (5vw - 18px));
  right: calc(13% + (5vw - 18px));
  width: calc(32% - (10vw - 36px));
  text-align: center;
  padding: 2px 5px;
}
@media(min-width:960px){
  .messageImgage04Upper{
    position: relative;
    top: 0px;
    right: 0px;
    width: calc(32% - (10vw - 36px));
    text-align: center;
    padding: 2px 5px;
  }
}
.kansogaku-site-access{
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.kansogaku-site-img{
  width:40%;
}
.kansogaku-site-text{
  background-color: #386530;
  width: calc(120px + (10vw - 36px));
  padding: 2px;
  margin-top: 8px;
  box-shadow: 3px 3px 0 0 #534d4d;
  color: #ffffff;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  letter-spacing: 6px;
  font-size: calc(8px + (2vw - 7.2px));
  font-family: 'NotoSerifJP';
}
@media(min-width:450px){
  .kansogaku-site-text{
    width: calc(140px + (10vw - 36px));
  }
}
@media(min-width:960px){
  .kansogaku-site-text{
    font-size: calc(8px + (2vw - 19.6px));
  }
}
.message-body{
  position: relative;
  z-index: 1;
  text-align: center;
  top:-18px;
  font-family: 'SawarabiMincho';
}
.message-body-head-info{
  width: 100%;
  margin-top:25px;
}
#messageSectionShowBlock02 .message-body-head-info .person01{
  max-width: 7%;
}
#messageSectionShowBlock02 .message-body-head-info .chiar01{
  max-width: 10%;
}
#messageSectionShowBlock03 .message-body-head-info .cloud01{
  max-width: 11%;
}
#messageSectionShowBlock04 .message-body-head-info .person02{
  max-width: 11%;
}
#messageSectionShowBlock04 .message-body-head-info .chiar02{
  max-width: 10%;
}
#messageSectionShowBlock04 .message-body-head-info .direction{
  max-width: 5%;
}
.message-body-head-info img{
  max-width: 12%;
}
.message-body-body{
  font-size: calc(1.45em + (2vw - 7.2px));
  font-weight: 100;
  letter-spacing: 0.5vw;
  width: 78%;
  text-align: left;
  margin: calc(0px + (1vw - 3.6px)) 0px calc(10px + (1vw - 3.6px));
}
@media(min-width:500px){
  .message-body-body{
    margin: calc(0px + (1vw - 3.6px)) 0px calc(10px + (3vw - 10.8px));
  }
}
.message-img{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
  width: 100%;
  z-index: 1;
}
.messageImageContainer{
  position: relative;
  display: flex;
  justify-content: center;
}
.messageImgage{
  padding:0px 0px 20px 0px;
  max-width: 40%;
  box-sizing: content-box;
}
.messageImgage02{
  border-top-right-radius: 20px;
}
.messageImgage03{
  border-bottom-left-radius: 20px;
}
.message-body-anime01,.message-body-anime02,.message-body-anime03{
  animation:messageShow 1s both;
}
.message-body-anime-person{
  animation:messagePersonShow 1s both;
}
.message-body-anime-chiar{
  animation:messageChiarShow 1s both;
}
.message-body-anime-dorp{
  animation:messageDropShow 1s both;
}
.message-body-anime-cloud{
  animation:messageCloudShow 1s both;
}
span.message-body-anime01,
span.message-body-anime02,
span.message-body-anime03,
span.message-body-anime-dorp,
span.message-body-anime-cloud{
  display:inline-block;
}
/****************************** Block-02 ******************************/
##messageSectionShowBlock02 .message-body-anime-person .person01{
  animation-delay:0.6s;
}
##messageSectionShowBlock02 .message-body-anime-chiar .chiar01{
  animation-delay:1.0s;
}
.message-body-anime01 .message-body-body{
  animation-delay:1.5s;
}
/****************************** Block-03 ******************************/
.message-body-anime-cloud .cloud01{
  animation-delay:0.6s;
}
.message-body-anime-dorp .drop01{
  animation-delay:1.0s;
}
.message-body-anime-dorp .drop02{
  animation-delay:1.5s;
}
.message-body-anime02 .message-body-body{
  animation-delay:1.8s;
}
/****************************** Block-04 ******************************/
#messageSectionShowBlock04 .message-body-anime-person .person02{
  animation-delay:0.6s;
}
#messageSectionShowBlock04 .message-body-anime-chiar .chiar02{
  animation-delay:1.0s;
}
#messageSectionShowBlock04 .message-body-anime-chiar .direction{
  animation-delay:1.3s;
}
.message-body-anime03.message-body-body{
  animation-delay:1.5s;
}
/****************************** 04 ******************************/
@keyframes messageShow {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes messagePersonShow {
	0% {
        transform: translateY(-20px);
		opacity:0;
	}
	100% {
        transform: translateY(0px);
		opacity:1;
	}
}
@keyframes messageChiarShow {
	0% {
        transform: translateX(15px);
		opacity:0;
	}
	100% {
        transform: translateX(0px);
		opacity:1;
	}
}
@keyframes messageCloudShow {
	0% {
        transform: translateX(-20px);
		opacity:0;
	}
	100% {
        transform: translateX(0px);
		opacity:1;
	}
}
@keyframes messageDropShow {
	0% {
        transform: translateY(-10px);
		opacity:0;
	}
	100% {
        transform: translateY(0px);
		opacity:1;
	}
}
.message-img-anime-intro{
  position: relative;
}
#messageSectionShowBlock02 .message-img-anime-intro{
  padding-top:0px;
}
.message-img-anime {
  animation:messageImgShow 1s both;
}
span.message-img-anime {
  display:inline-block;
}
/*
.message-img-anime.messageImgage01 {
  animation-delay:3.0s;
}
.message-img-anime.messageImgage02{
  animation-delay:3.0s;
}
*/
.message-img-anime .messageImgage03{
  animation-delay:1.0s;
}
.message-img-anime .kansogaku-site-img{
  animation-delay:1.0s;
}
.message-img-anime .kansogaku-site-text{
  animation-delay:1.0s;
}
@keyframes messageImgShow {
	0% {
        transform:translate(0,2em);
		opacity:0;
	}
	100% {
        transform:translate(0,0);
		opacity:1;
	}
}
/****** service Section ******/
.service-section{
  position: relative;
  width:100%;
  margin-top:40px;
  transition : all 1s;  
  opacity : 1;
  z-index: 0;
  font-family: 'NotoSerifJP';
}
.section-line{
  width:100%;
  z-index: 1;
  position: relative;
}
.section-line-01{
  width: 100%;
  height: 300px;
  background-color: #ffffff17;
  position: absolute;
  top: 400px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-02{
  width: 100%;
  height: 40px;
  background-color: #ffffff17;
  position: absolute;
  top: 737px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-03{
  width: 100%;
  height: 100px;
  background-color: #ffffff17;
  position: absolute;
  top: 1000px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-04{
  width: 100%;
  height: 60px;
  background-color: #ffffff17;
  position: absolute;
  top: 1500px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-05{
  width: 100%;
  height: 20px;
  background-color: #ffffff17;
  position: absolute;
  top: 1573px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-06{
  width: 100%;
  height: 150px;
  background-color: #ffffff17;
  position: absolute;
  top: 1900px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-07{
  width: 100%;
  height: 20px;
  background-color: #ffffff17;
  position: absolute;
  top: 2060px;
  z-index: 0;
  transform: skewY(-46deg);
}
.section-line-08{
  width: 100%;
  height: 5px;
  background-color: #ffffff17;
  position: absolute;
  top: 2086px;
  z-index: 0;
  transform: skewY(-46deg);
}
.service-section img{
  max-width: 100%;
}
.service-section picture{
  max-width: 100%;
}
.section-disp{
  position: absolute;
  width:100%;
  z-index: 1;
  top:-10px;
}
.service-img{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
  width: 100%;
  background-color: #386530;
}
.serviceImageContainerHead{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.service-title{
  position: relative;
  color: #ffffff;
  text-align: center;
  margin-top:30px;
  font-family: 'SawarabiMincho';
}
.service-title-head{
  font-size:7.0em;
  font-weight: 200;
}
@media(min-width:500px){
  .service-title-head{
    font-size:calc(10em + (10vw - 50px));
  }
}
.service-title-body{
  font-size:4em;
  font-weight: 200;
  letter-spacing: 0.1em;
}
@media(min-width:500px){
  .service-title-body{
    font-size:calc(5.5em + (3vw - 15px));
  }
}
.service-title-underline{
  width:50px;
  height: 2px;
  background-color: #ffffff;
  margin: auto;
  margin-top:-8px;
}
.serviceImgage{
  width: 100%;
  text-align: center;
  margin-top:40px;
  margin-bottom: calc(0px + (20vw - 72px));
}
.serviceImgage img{
  max-width: 40%;
}
.serviceImageContainerDetail{
  margin-top:50px;
  width:90%;
  background-color:#ffffff;
  border-radius: 10px;
  padding:5px;
  opacity: 0;
  z-index: 1;
}
.service-contents-inner{
  width:100%;
  background-color: #ffffff;
  border-radius: 5px;
  border:3px solid #386530;
  padding: 5px;
}
.service-contents-head{
  position: relative;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 0px;
}
.service-contents-number{
  position: relative;
  width: 30%;
  margin: 30px 0px 15px 0px;
  left: 43%;
}
#serviceSectionShowBlock01 .service-contents-img{
  width: 60%;
  margin-right: 10px;
}
#serviceSectionShowBlock02 .service-contents-img{
  width: 60%;
  margin-left: 10px;
}
#serviceSectionShowBlock03 .service-contents-img{
  width: 60%;
  margin-right: 10px;
}
#serviceSectionShowBlock04 .service-contents-img{
  width: 60%;
  margin-left: 10px;
}
#serviceSectionShowBlock04{
  margin-bottom: 100px;
}
.service-contents-img-line01{
  width: 16%;
  position: absolute;
  left: calc(77% + (1vw - 3.6px));
  top: 78%;
}
.service-contents-img-line02{
  width: 23%;
  position: absolute;
  right: 63%;
  top: 70%;
}
.service-contents-img-line03{
  width: 21%;
  position: absolute;
  left: 73%;
  top:92%;
}
.service-contents-img-line04{
  width: 20%;
  position: absolute;
  right: 65%;
  top: 84%;
}
.service-contents-title{
  width: 35%;
  padding-bottom: 2px;
  text-align: center;
}
.service-contents-numer{
  width: 45%;
}
.service-contents-title-n01_L1{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(3.2em + (3vw - 10.8px));
  position: absolute;
  right: 1%;
  top: 18%;
  letter-spacing: 10.5px;
  white-space: nowrap;
}
.service-contents-title-n01_L2{  
  font-size: calc(2.5em + (3vw - 10.8px));
  padding: 2px;
  position: absolute;
  writing-mode: vertical-rl;
  right: 14%;
  top:45%;
  white-space: nowrap;
}
.service-contents-title-n01_L3{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(3.0em + (3vw - 10.8px));
  position: absolute;
  top: 30%;
  right: 25%;
  white-space: nowrap;
  letter-spacing: 0.2em;
}
.service-contents-title-n02_L1{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(3.0em + (3vw - 10.8px));
  position: absolute;
  left: 2%;
  top: 19%;
  letter-spacing: 8px;
  white-space: nowrap;
}
.service-contents-title-n02_L2{  
  font-size: calc(2.5em + (5vw - 18px));
  padding: 2px;
  position: absolute;
  writing-mode: vertical-rl;
  left: calc(14% - (3vw - 10.8px));
  top: 30%;
  white-space: nowrap;
}
.service-contents-title-n02_L3{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(3.2em + (3vw - 10.8px));
  position: absolute;
  top: 9%;
  left: 25%;
  white-space: nowrap;
  letter-spacing: 0.4em;
}
.service-contents-title-o1{
  writing-mode: vertical-rl;
  font-size: 0.8em;
  white-space: nowrap;
}
.service-contents-title-o2{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(2.8em + (3vw - 10.8px));
  position: absolute;
  right: 1%;
  top: 8%;
  letter-spacing: 5.5px;
  white-space: nowrap;
}
.service-contents-title-o3{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(2.8em + (3vw - 10.8px));
  position: absolute;
  right: 14%;
  top: 14%;
  letter-spacing: 5.9px;
  white-space: nowrap;
}
.service-contents-title-o4{
  -ms-writing-mode:tb-rl;
  writing-mode: vertical-rl;
  font-size: calc(2.8em + (3vw - 10.8px));
  position: absolute;
  top: 25%;
  right: 27%;
  white-space: nowrap;
  letter-spacing: 0.5em;
}
.service-contents-title-o5{
  writing-mode: vertical-rl;
  font-size: 0.7em;
  white-space: nowrap;
}
/****** scroll guide ******/
.scrollGuide{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #80808080;
  z-index: 10;
  text-align: center;
}
.scrollGuide img{
  max-width: 50%;
  position: relative;
  top: 10px;
}
.service-contents-wrapper{
  width: 100%;
  height: auto;
}
.service-contents-outline{
  width: 100%;
  padding:0px 30px;
}
@media(max-width:360px){
  .service-contents-outline{
    padding:0px 30px;
  }
}
@media(min-width:361px){
  .service-contents-outline{
    padding:calc(0px + (2vw - 7.2px)) calc(30px + (2vw - 7.2px));
  }
}
.service-contents-outline-text{
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  font-size:calc(16px + (3vw - 10.8px));
}
.service-contents-body {
  display: none;
}
.service-contents-text {
  font-size: calc(2.0em + (2vw - 7.2px));
  width: 100%;
  padding: 0px 35px;
  text-align:justify;
  margin-bottom: 15px;
}
.service-contents-text-l1{
  font-size: 1.5em;
  position: relative;
  top: -2px;
  left: -3px;
  font-family: 'SawarabiGothic';
}
.service-contents-Line-Visual{
  width: 10%;
  position: relative;
  left: 45%;
  margin: 10px 0px 5px 0px;
}
.service-contents-Line-Margin{
  width: 7%;
  position: relative;
  left: 47%;
  margin: 15px 0px 2px 0px;
}
.service-contents-text-n03{
  width: 100%;
  position: relative;
  top: 22px;
  display: flex;
  justify-content: center;
  font-family: 'SawarabiGothic';
}
.service-contents-text-n03 p{
  width: 50%;
  background-color: #ffffff;
  text-align: center;
  font-size: calc(1.0em + (2vw - 7.2px));
}
.service-contents-body-outline{
  width: 100%;
  padding: 10px;
}
.service-contents-body-detail{
  width: 100%;
  padding: 5px;
  border-top: 1px solid #386530;
}
.service-contents-p01{
  width: 100%;
  text-align: center;
  margin: calc(10px + (3vw - 10.8px)) 0px calc(20px + (3vw - 10.8px));
}
.service-contents-p02{
  width: 100%;
  text-align: left;
  padding: 0px 15px;
  font-family: 'SawarabiGothic';
}
.service-contents-p02 table{
  width:100%;
  text-align: left;
}
.service-contents-p02 td:first-child{
  width:9%;
  text-align: center;
  padding: 4px;
}
.service-contents-place01{
  text-align: center;
  font-size: calc(1.0em + (2vw - 7.2px));
  font-family: 'SawarabiGothic';
}
.service-contents-place01 img{
  max-width: calc(12% - (1vw - 3.6px));
  margin-right: 7px;
}
.service-contents-place02{
  padding: 5px;
}
.service-contents-place02 img{
  box-shadow: 3px 2px 4px 0px #5f5f5f;
  width:100%;
}
.service-contents-place02-img{
  position: relative;
  text-align: center;
}
.service-contents-place02-img img{
  max-width: calc(35% - (2vw - 7.2px));
  position: absolute;
  top: calc(-17px - (3vw - 10.8px));
  left: 36%;
}
.service-contents-place-img01{
  margin-right: 5px;
}
.service-contents-place-img02{
  margin-left: 5px;
}
.service-contents-mark{
  width: calc(100% - (3vw - 10.8px));
}
.price-l00{
  font-size: calc(0.8em + ( 2vw - 7.2px));
}
.price-l01{
  font-size: calc(2.0em + (5vw - 18px)); 
}
.price-l02{
  font-size: calc(2.5em + (3vw - 10.8px));
  font-family: 'SawarabiGothic';
}
.price-l03{
  font-size: calc(3.5em + (5vw - 18px));
  font-family: 'SawarabiGothic';
}
.img-disp-modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
}
.img-disp-modal-bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.img-disp-modal-content{
  background: #ffffff;
  top:50%;
  left: 50%;
  padding: 15px;
  position: absolute;
  transform: translate(-50%,-50%);
  width: 85%;
  z-index: 200;
  border-radius: 10px;
}
.img-disp-modal-content-inner{
  padding: 10px;
  width: 100%;
  position: relative;
  text-align: center;
  overflow: scroll;  
}
.img-disp-modal-content-inner::-webkit-scrollbar{
  display: none;
}
.img-disp-modal-content img{
  max-width: 100%;
  margin-bottom: 10px;
}
.service-caution-text{
  display: none;
}
.min960Text{
  text-align: left;
}
/****** reserve-contact Section ******/
.reserve-contact-section{
  position: relative;
  width:100%;
  transition : all 1s;  
  opacity : 1;
  z-index: 0;
  margin-bottom: 40px;
  font-family: 'NotoSerifJP';
}
.reserve-contact-section img{
  max-width: 100%;
}
.reserve-contact-section picture{
  max-width: 100%;
}
.reserve-contact-disp{
  position: absolute;
  width:100%;
  z-index: 1;
  top:-60px;
}
.reserve-contact-img{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap:wrap;
  width: 100%;
  z-index: 0;
  background-color: #ffffff;
}
.reserve-contactImageContainerHead{
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.reserve-contact-title{
  width: 100%;
  position: relative;
  color: #000000;
  text-align: center;
  margin-top:30px;
  font-family: 'SawarabiMincho';
}
.reserve-title{
  width: 100%;
  position: relative;
  left: -10%;
}
.reserve-contact-title-div{
  width: 40%;
  height: 2px;
  background-color: #000000;
  transform: skewY(-10deg);
  position: absolute;
  left: 31%;
}
.contact-title{
  width: 80%;
  text-align: right;
}
.reserve-contact-title-underline{
  position: relative;
  width:50px;
  height: 2px;
  background-color: #000000;
  margin: auto;
  margin-top:10px;
}
.reserve-contact-title-head{
  font-size:6.0em;
  font-weight: 200;
}
.reserve-contact-title-body{
  font-size:3.5em;
  font-weight: 200;
  letter-spacing: 0.1em;
}
.reserve-contactImgage{
  width: 100%;
  text-align: center;
  margin-top:40px;
  margin-bottom: calc(0px + (20vw - 72px));
}
.reserve-contactImgage img{
  max-width: 40%;
}
.reserve-contact-express-outline{
  width:100%;
  padding: 0px 50px;
  margin-top: 50px;
}
.reserve-contact-express-outline-upper{
  font-size: calc(2.0em + (3vw - 10.8px));
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  text-align: justify;
}
.reserve-contact-express-outline-down{
  font-size: calc(0.8rem + (2vw - 7.2px));
  padding: 0px 10px;
  text-align: justify;
  color: #ffffff;
}
.reserve-contact-list{
  width: 100%;
  text-align: left;
  padding: 0px 15px;
}
.reserve-guide{
  width: 100%;
  padding: 10px;
}
.reserve-contact-list-title{
  padding: 10px;
  border: 1px solid #000000;
  border-radius: 50px;
  text-align: center;
  font-size: calc(1em + (2vw - 7.2px));
}
.reserve-contact-list-text{
  width: 100%;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 5px;
}
.form-name{
  width:100%;
  margin-bottom: 5px;
}
.form-require{
  background-color: #ffffff;
  color: #bb0606;
  padding: 2px 5px;
  border-radius: 5px;
  position: relative;
  font-size: calc(0.8em + (2vw - 7.2px));
  font-weight: bold;
}
.form-non-require{
  background-color: #ffffff;
  color: #386530;
  padding: 2px 5px;
  border-radius: 5px;
  position: relative;
  font-size: calc(0.8em + (2vw - 7.2px));
  font-weight: bold;
  
}
.form-name span:nth-child(2),.form-name p:nth-child(1){
  font-size: calc(0.9em + (2vw - 7.2px));
  color: #ffffff;
  font-family: 'SawarabiGothic';
  padding: 0px 0px 5px;
}
.form-parts{
  width:100%;
  position: relative;
  margin-bottom: 15px;
}
.form-div-line{
  border:1px solid #ffffff;
  text-align: center;
  margin: 20px 10px  
}
.add-comnts{
  position: relative;
  top: -10px;
  margin-bottom: 20px;
}
.add-comnts-text{
  color: #ffffff;
  font-size: calc(8px + (1vw -3.6px));
}
.reserve-contact-list-body-detail{
  width: 100%;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.reserve-contact-list-body-detail table{
  width: 100%;
}
.reserve-contact-list-body-detail-inner{
  width: 100%;
  text-align: center;
  padding: 0px 10px;
}
.reserve-contact-list-body-detail-01{
  width: 100%;
  display: flex;
  justify-content:space-between;
  align-items: center;
}
.reserve-contact-list-body-detail-02{
  width: 100%;
  text-align: justify;
  font-size: calc(0.7em + (2vw - 7.2px));
  padding: calc(10px + (2vw - 7.2px)) 10px calc(10px + (3vw - 10.8px));
}
.reserve-contact-list-body-detail-font{
  font-size: calc(0.9em + (2vw - 7.2px));
}
.detail01{
  margin-left: calc(50px + (40vw - 148px));
  width: 12%;
}
.detail01 img{
  max-width: 100%;
}
.detail02{
  margin-right: calc(50px + (40vw - 148px));
  font-size:calc(0.9em + (2vw - 7.2px));
  white-space: nowrap;
}
.reserve-contact-form-title{
  width: 100%;
  text-align: center;
  margin-top: 35px;
  font-size:calc(1.0em + (2vw - 7.2px));
  font-family: 'SawarabiGothic';
}
.reserve-contact-form-title img{
  max-width: 8%;
}
.form-send{
  display: none;
  width: 100%;
  padding:0px 10px;
}
.form-send table{
  width: 100%;
}
.form-send table td{
  width: 50%;
  padding:0px 5px;
}
.divArea01{
  width: 100%;
  display: none;
}
.divArea02{
  width: 100%;
  margin-top: 45px;
}
.divAreaLeft{
  width: 100%;
  display: none;
}
.divAreaRight{
  width:100%;
}
.img-disp-js-modal-close{
  font-family: 'SawarabiGothic';
}
@media(min-width:960px){
  .personal-text{
    margin-top: 5px;
    padding-right: 25px;
  }
  .divArea01{
    margin-top: 60px;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 100px;
    padding: 0px 0px 0px calc(30px + (9vw - 86.4px));
    height: 50px;
  }
  .divArea01 a{
    display: flex;
    flex-direction: column;
  }
  .linkArea01{
    position: relative;
    left: calc(18% + (1vw - 9.6px));
  }
  .linkArea01 img:nth-of-type(1){
    width: 30%;
  }
  .linkArea01 h3:nth-last-of-type(1){
    writing-mode: vertical-rl;
    white-space: nowrap;
    padding: 10px;
    font-size: 13px;
  }
  .linkArea02{
    position: relative;
    right: calc(26% + (1vw - 9.6px));
  }
  .linkArea02 img:nth-of-type(1){
    width: 30%;
  }
  .linkArea02 h3:nth-of-type(1){
    writing-mode: vertical-rl;
    white-space: nowrap;
    padding: 10px;
    font-size: 14px;    
  }
  
  .divArea02{
    width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .divAreaLeft{
    display: block;
  }
  .divAreaLeft  #messageSectionShowBlock01{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -117px;
  }
  .divAreaLeftImg img{
    max-width: 100%;
  }
  .divAreaRight #messageSectionShowBlock01,
  .divAreaRight .serviceImageContainerHead,
  .divAreaRight .section-disp,
  .divAreaRight .section-line,
  .divAreaRight .service-contents-p02,
  .divAreaRight .reserve-contact-disp,
  .divAreaRight .reserve-contactImageContainerHead{
    display: none;
  }
  /****** main Visual section ******/
  .header-center-logo{
    display: none;
  }
  .detail-link{
    display: none;
  }
  .main-img-sepa-line{
    display: none;
  }
  .main-img{
    margin-left: 20%;
  }
  .main-visual-sentence01{
    top: calc(11% + (10vw - 96px));
    left: calc(7% + (1vw - 9.6px)); 
    background-color: transparent;
    color: #000000;
  }
  .main-visual-sentence01-line.d1, 
  .main-visual-sentence01-line.d2, 
  .main-visual-sentence01-line.d3, 
  .main-visual-sentence01-line.d4, 
  .main-visual-sentence01-line.d5, 
  .main-visual-sentence01-line.d6, 
  .main-visual-sentence01-line.d8, 
  .main-visual-sentence01-line.d9, 
  .main-visual-sentence01-line.d10, 
  .main-visual-sentence01-line.d11,
  .main-visual-sentence01-line.d13,
  .main-visual-sentence01-line.d14,
  .main-visual-sentence01-line.d15,
  .main-visual-sentence01-line.d16{
    font-size: calc(22px + (1vw - 9.6px));
  }
  .main-visual-sentence01-line.d7,
  .main-visual-sentence01-line.d12 {
    font-size: calc(18px + (1vw - 9.6px));
    margin: 18px;
  }
  .main-visual-sentence02{
    top: calc(20% + (1vw - 9.6px));
    left: calc(28% + (1vw - 9.6px));
  }
  .main-visual-sentence02-line.d30, 
  .main-visual-sentence02-line.d31, 
  .main-visual-sentence02-line.d32, 
  .main-visual-sentence02-line.d33, 
  .main-visual-sentence02-line.d34, 
  .main-visual-sentence02-line.d35, 
  .main-visual-sentence02-line.d36, 
  .main-visual-sentence02-line.d37, 
  .main-visual-sentence02-line.d41, 
  .main-visual-sentence03-line.d50, 
  .main-visual-sentence03-line.d51, 
  .main-visual-sentence03-line.d52, 
  .main-visual-sentence03-line.d55, 
  .main-visual-sentence03-line.d56 {
    font-size: calc(18px + (1vw - 9.6px));
  }
  .main-visual-sentence02-line.d38, 
  .main-visual-sentence02-line.d39, 
  .main-visual-sentence02-line.d40, 
  .main-visual-sentence03-line.d53, 
  .main-visual-sentence03-line.d54 {
    font-size: calc(25px + (1vw - 9.6px));
  }
  .main-visual-sentence03{
    top: calc(20% + (1vw - 9.6px));
    left: calc(24% + (1vw - 9.6px));
  }
  .main-visual-sentence10 {
    top: 34%;
  }
  .main-visual-sentence10, 
  .main-visual-sentence11{
    font-size:calc(25px + (1vw - 9.6px));
  }
  .main-visual-sentence11{
    top: 55%;
  }
  /****** message section *******/
  .message-img{
    margin-bottom: 100px;
  }
  .message-title,
  .service-title,
  .reserve-title,
  .contact-title{
    position: relative;
    width: 300px; 
    top: 0px;   
    text-align: center;
  }
  .message-title-head{
    font-size:80px;
    font-weight: 200;
    color: #000000;  
    opacity: 1;
  }
  .message-title-body{  
    font-size:45px;
    font-weight: 200;
    letter-spacing: 0.1em;
    color: #000000; 
    opacity: 1; 
  }
  #messageSectionShowBlock02 .message-img-anime-intro{
    padding-top: 50px;
  }
  .messageImgage03{
    display: none;
  }
  .messageImgage04{
    display: none;
  }
  #messageSectionShowBlock05{
    text-align: center;
  }
  .message-profile{
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    padding: 0px 50px;
    border-radius: 10px;
  }
  .message-profile-head{
    font-size: 35px;
  }
  .message-profile-body{
    font-size: 25px;
  }
  .message-body-body{
    font-size: 22px;
  }
  .person01{
    position: relative;
    top: -10px;
    left: 21px;
    width: 40px;
  }
  .chiar01{
    position: relative;
    left: -30px;
    top: 15px;
    width: 55px;
  }
  .cloud01{
    position: absolute;
    top: -25px;
    left: 45%;
    width: 65px;
  }
  .drop01{
    position: relative;
    top: -7px;
    left: 2px;
    width: 12px;
  }
  .drop02{
    position: relative;
    top: 5px;
    left: 0px;
    width: 12px;
  }
  .person02{
    position: relative;
    top: -15px;
    left: 35px;
    width: 70px;
  }
  .chiar02{
    position: relative;
    left: -23px;
    top: 6px;
    width: 53px;
  }
  .direction{
    position: relative;
    left: -17px;
    width: 34px;
    top: -2px;
  }
  /****** service section *******/
  .serviceImageContainerHead{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }
  .service-title-head{
    font-size: 80px;
    color: #000000;
  }
  .service-title-body{
    font-size: 45px;
    letter-spacing: 0.1em;
    color: #000000;
  }
  .service-img{
    flex-direction: row;
    align-items: flex-start;
    padding: 40px 0px 0px;
  }
  .serviceImageContainerDetail{
    width:415px;
    margin: 25px;
  }
  .service-contents-outline-text{
    font-size: 20px;
  }
  .service-contents-title-n01_L1{
    font-size: 32px;
  }
  .service-contents-title-n01_L2{
    font-size: 25px;
  }
  .service-contents-title-n01_L3{
    font-size: 32px;
  }
  .serviceImgage{
    width: auto;
    margin-top: 40px;
    margin-bottom: 0px;
  }
  .serviceImgage img{
    max-width: 80%;
  }
  .service-contents-outline{
    padding: 10px 25px;
  }
  .service-contents-outline-text{
    font-size: 20px;
  }
  .service-contents-title-n01_L1{
    font-size: 32px;
  }
  .service-contents-title-n01_L2{
    font-size: 25px;
  }
  .service-contents-title-n02_L3{
    font-size: 32px;
  }
  .service-contents-title-n01_L3{
    font-size: 32px;
  }
  .service-contents-title-n02_L2{
    font-size: 25px;
    left: 56px;
    top: 75px;
  }
  .service-contents-title-n02_L1{
    font-size: 32px;
  }
  .text-show-more{
    font-size: 20px;
    line-height: 0px;
    top:0px;
    font-family: 'SawarabiGothic';
  }
  .service-contents-img-line02{
    width: 21%;
    right: 64%;
    top: 74%;
  }
  .service-contents-title-o2{
    font-size: 32px;
  }
  .service-contents-title-o3{
    font-size: 32px;
  }
  .service-contents-title-o4{
    font-size: 32px;
  }
  .service-contents-img-line03{
    width: 19%;
    left: 73%;
    top: 102%;
  }
  .service-contents-img-line04{
    width: 18%;
    right: 65%;
    top: 91%;
  }
  .service-contents-text-n03 p{
    font-size: 16px;
    font-family: 'SawarabiGothic';
  }
  .service-contents-p01{
    margin-top: 10px;
    margin-bottom:20px;
    height: 123px;
  }
  .service-contents-place01{
    font-size: 16px;
  }
  .service-contents-place01 img{
    max-width: 10%;
  }
  .service-contents-place02-img img{
    max-width: 30%;
    top: -20px;
    left: 36%;
  }
  .price-l00{
    font-size: 13px;
  }
  .price-l01{
    font-size: 20px;
    position: relative;
    top: 45px;
  }
  .price-l02{
    font-size: 20px;
    position: relative;
    top: 45px;
    font-family: 'SawarabiGothic';
  }
  .price-l03{
    font-size: 32px;
    position: relative;
    top: 45px;
    font-family: 'SawarabiGothic';
  }
  .service-contents-mark{
    width: 90%;
  }
  .service-contents-text{
    font-size: 16px;
  }
  #serviceSectionShowBlock04{
    margin-bottom: 0px;
  }
  .service-caution-text{
    display: block;
    padding-top: 15px;
    width:960px;
  }
  .service-caution-text .service-contents-p02{
    display: block;
    font-family: 'SawarabiGothic';
  }
  .service-contents-p02 td:first-child{
    width: 3%;
  }
  .textShowMin960{
    display: block;
  }
  .textShowMax960{
    display: none;
  }
  /****** reserve/contact section *******/
  .divAreaLeft .reserve-contactImageContainerHead{
    display: flex;
    flex-direction: row;
    position: relative;
    top: 70px;
    margin-top: 50px;
  }
  .reserve-contactImgage{
    width: 100%;
    text-align: center;
    margin-bottom: calc(0px + (20vw - 72px));
  }
  .reserve-contactImgage img{
    max-width: 34%;
    position: relative;
    top: 30px;
    left: 23%;
  }
  .reserve-title{
    position: relative;
    left: -4%;
  }
  .reserve-contact-title-div{
    width: 14%;
    height: 2px;
    transform: skewY(-30deg);
    left: 21%;
    top: 127px;
  }
  .contact-title{
    position: relative;
    right: 26px;
  }
  .reserve-contact-express-outline-upper{
    font-size: 22px;
    margin-bottom: 10px;
  }
  .reserve-contact-form-title{
    font-size: 30px;
    font-family: 'SawarabiGothic';
  }
  .form-name span:nth-child(2), .form-name p:nth-child(1){
    font-size: 25px;
  }
  select{
    font-size: 20px;
    height: 60px;
  }
  .reserve-contact-express-outline-down{
    font-size: 22px;
  }
  .text-show-more-rev{
    font-size: 24px;
  }
  .text-show-more-pin{
    width: 6%;
  }
  .form-name span:nth-child(2), .form-name p:nth-child(1){
    font-size: 25px;
  }
  input[type='text'] {
    height: 55px;
    font-size: 30px;
  }
  textarea{
    font-size: 30px;
  }
  button{
    margin-top: 17px;
  }
  .reserve-contact-list-title{
    font-size: 25px;
  }
  .reserve-contact-list-body-detail-02{
    font-size: 20px;
  }
  .reserve-contact-list-text{
    padding: 30px 40px;
  }
  .reserve-contact-inner-form-detail{
    padding: 63px 60px 30px;
  }
  .form-require{
    font-size: 24px;
  }
  .form-non-require{
    font-size: 24px;
  }
  .form-parts{
    margin-bottom: 25px;
  }
  .reserve-contact-list-body-detail-font{
    font-size: 25px;
  }
  .detail01{
    margin-left: 225px;
    width: 8%;
  }
  .detail02{
    margin-right: 225px;
    font-size: 25px;
    white-space: nowrap;
  }
  .img-disp-modal-content{
    padding: 25px;
    width: auto;
  }
  .img-disp-modal-content img{
    max-height: 500px;
  }
  .modalContentscrollGuide{
    display: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
    background-color: #000000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.5;
    padding: 3px;
  }
  .modalContentscrollGuide::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
  }
}