/*改行//////////////////*/
@media screen and (min-width:1201px) {
.br::before {
	content: "\A" ;
  white-space: pre ;
  margin: 0 !important;
  display: inline !important
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
			box-sizing: border-box;
}
}
@media screen and (max-width:1200px) {}
.spbr::before {
	content: "\A" ;
  white-space: pre ;
  display: inline;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
}
@media screen and (max-width:767px) {
.sp768br::before {
	content: "\A" ;
  white-space: pre ;
  display: inline;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
}

/*img//////////////////*/
@media screen and (min-width:1201px) {
    img {
  width: 100%;
}
}
@media screen and (max-width:1200px) {
img {
  width: 100%;
}
}

/*body//////////////////*/
body {
   width: 100%;
   /* max-width: 1200px; */
   margin: 0 auto;
   font-family: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
   text-align: center;
   font-size: 1rem;
   color: #444;
   font-weight: 400;
}



/* Top /////////////////*/

@media screen and (min-width:1201px) {
.top {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
  height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}
    }

/*.heroBanner /////////////////*/
@media screen and (min-width:1201px) {
	.heroBanner {
	  /*background: url(../images/KV_pc.jpg);
	  background-size: 114vh;
	  background-position-y: -48vh;
	  background-position-x: 5vh;
	*/
	  background: url(../images/pcTop.jpg);  
	  background-repeat: no-repeat;
	  /*height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
	  background-size: cover;
	  background-position: center;
	  height: 1340px;
	}
}

@media screen and (max-width:767px) {
    .heroBanner {
        background: url(../images/KV_pc.jpg);
        /* background-size: 67vh; */
        /* background-position-y: -16vh; */
        /* background-position-x: -10vh; */
        background-repeat: no-repeat;
        /* height: 70vh; */
height: 81vh;
        position: relative;
        background-size: contain;
        background-position: bottom;
    }    
}

@media screen and (min-width:768px) and (max-width:1024px) {
		.heroBanner {
		  background: url(../images/KV_pc.jpg);
		  background-size: 65vh;
		  background-position-y: -19vh;
		  background-position-x: -3vh;
		  background-repeat: no-repeat;
		  /*height: 55vh;*/
		  height: 100vh;
		  position: relative;
		}
}


@media screen and (min-width:1025px) and (max-width:1200px) {
.heroBanner {
  background: url(../images/KV_pc.jpg);
  background-size: 110vh;
  background-position-y: -46vh;
  background-position-x: -8vh;
  background-repeat: no-repeat;
  height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
}
    }

/*.heroBanner .logo /////////////////*/
@media screen and (min-width:1201px) {
.heroBanner .logo {
  position: absolute;
  top: 20px;
  left: 4vw;
  width: 12vw;
}}
@media screen and (max-width:1200px) {
.heroBanner .logo {
  position: absolute;
  top: 2vh;
  left: 3vw;
  width: 20vw;
}
 }

/*kv_Inner/////////////////*/
@media screen and (min-width:1201px) {
#kv_Inner {
  width: 100vw;
  position: absolute;
  /* left: 18vw; */
  bottom: 0vh;
  /* height: 32vh; */
  background-color: rgba(239, 225, 202, 0.49);
  padding: 20px 0;
  /* border-radius: 4vw 0 4vw 0; */
}
}
@media screen and (max-width:1200px) {
#kv_Inner {
  width: 100%;
  position: absolute;
  /* right: 0; */
  padding: 10px 0;
  bottom: 0;
  /* height: 40vh; */
  background-color: rgba(239, 225, 202, 0.49);
}
}

/*kv_h2/////////////////*/
@media screen and (max-width:1200px) {
#kv_h2
{position: absolute;bottom: 36vh;margin: auto;left: 10vw;width: 78vw;z-index: 100;}
}
@media screen and (min-width:1201px) {
#kv_h2
{position: absolute;top: 50vh;margin: auto;right: 2vw;width: 50vw;z-index: 100;}
}

/*kv_h1/////////////////*/
@media screen and (min-width:1201px) {
#kv_h1
{position: absolute;/*top: 30vh*/top: 15vh;margin: auto;right: 12vw;width: 85vh;z-index: 100;min-width: 550px;}
}
@media screen and (min-width:1025px) and (max-width:1200px) {
#kv_h1
{position: absolute;top: 24vh;margin: auto;right: 4vw;width: 58vw;z-index: 100;}
}
@media screen and (max-width:1024px) {
#kv_h1
{position: absolute;bottom: 19vh;margin: auto;right: 1vw;width: 90vw;z-index: 100;}
}

/* Top Inner /////////////////*/
@media screen and (min-width:1201px) {
.topInner {
    width: 80%;
    max-width: 1024px;
    margin: 0 auto 0;
    padding: 20px 0;
}
.topInner h2 {
   /* margin-bottom: -1vw; */
   margin: auto;
   /* padding: 4%; */
   width: 70%;
}
.wrappertopInner{
    /* width: 99%; */
    margin: 0 0 0 3%;0%; */
    margin: auto;
    }
.wrappertopInner ul{
  padding: 0vw 0vw 0vw 0vw;
}
.wrappertopInner ul li {
    float: left;
    margin-bottom: 1.0vw;
    text-align: left;
    width: 33%;
    height: 5.2vw;
}
.innerWrap_icon {
  display:inline-block;
  vertical-align:middle;
  width: 20%;
  float: left;
}
.innerWrapContent {
 width: 60%;
 margin: 0;
 color: #c70049;
 line-height: 1.3;
 float: left;
 width: 80%;
 padding: 0% 5%;
}
 .topInner .big {
	font-weight: 600;
	font-size: 1.5rem;
}
.topInner .small {
  font-weight: 500;
  font-size: 1.0rem;
}
    }
@media screen and (max-width:767px) {
.topInner {
    width: 96%;
    margin: 0 auto 0;
}
.topInner h2 {
   margin-bottom: 1vw;
   /* margin: auto; */
   /* padding: 4%; */
   width: 90%;
}
.wrappertopInner{
    width: 100%;
    /* margin: 0 0 0 1%; */0%; */
    margin: auto;
    }
.wrappertopInner ul{
  padding: 0vw 1vw 0vw 3vw;
}
.wrappertopInner ul li {
    float: left;
    margin-bottom: 1.2vw;
    text-align: left;
    width: 50%;
    height: 10vh;
}
.innerWrap_icon {
  display:inline-block;
  vertical-align:middle;
  width: 12%;
  float: left;
}

.byouin .innerWrap_icon {
  /* display:inline-block; */
  /* vertical-align:middle; */
  width: 14%;
  /* float: left; */
}

.byouin .innerWrapContent{
    width: 60%;
    /* margin: 0; */
    color: #c80049;
    /* line-height: 1.2; */
    /* float: left; */
    width: 80%;
    padding: 0% 0 4% 0;
    font-size: 1.4em;
    text-align: right;
}

.innerWrapContent {
 width: 60%;
 margin: 0;
 color: #c80049;
 line-height: 1.2;
 float: left;
 width: 80%;
 padding: 0% 3%;
}
 .topInner .big {
	font-weight: 600;
	font-size: 1.0rem;
	padding: 0 0 1vh 0;
}
.topInner .small {
  font-weight: 500;
  font-size: 0.8rem;
  /* margin: 2vh 0 0 0; */
}
    }



@media screen and (min-width:768px) and (max-width:1200px) {
.topInner {
    /* width: 96vw; */
    /* margin: 0 0 20vh 0; */
}
.topInner h2 {
   margin-bottom: 1vw;
   /* margin: auto; */
   /* padding: 4%; */
   width: 90%;
}
.wrappertopInner{
    width: 80%;
    margin: auto;0%; */
    margin: auto;
    }
.wrappertopInner ul{
  padding: 0vw 1vw 0vw 3vw;
}
.wrappertopInner ul li {
    float: left;
    margin-bottom: 1.2vw;
    text-align: left;
    width: 50%;
    height: 10vh;
}
.innerWrap_icon {
  display:inline-block;
  vertical-align:middle;
  width: 12%;
  float: left;
}
.innerWrapContent {
 width: 60%;
 margin: 0;
 color: #c80049;
 line-height: 1.2;
 float: left;
 width: 80%;
 padding: 0% 0 10px 3%;
 font-size: 28px;
}
 .topInner .big {
	font-weight: 600;
	font-size: 1.0rem;
	padding: 0 0 1vh 0;
}
.topInner .small {
  font-weight: 500;
  font-size: 0.8rem;
  /* margin: 2vh 0 0 0; */
}
    }



/* wrapCvBtn /////////////////*/
@media screen and (min-width:1201px) {
.wrapCvBtn {
	/* width: 100%; */
	/* margin: 0 auto; */
	/* padding: 0 5%; */
}
.wrapCvBtn ul {
  /* padding: 0; */
}
.wrapCvBtn li {
  text-align: center;
}
}
@media screen and (max-width:1200px) {
.wrapCvBtn {
	width: 94vw;
	margin: 0 auto;
	/* padding: 0 0 2vw; */
}
.wrapCvBtn ul {
  padding: 0;
}
.wrapCvBtn li {
  text-align: center;
}
.wrapCvBtn a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05rem;
}
.merit .topInner .big,
.commitment .topInner .big,
.experience .topInner .big {
  display: inline;
}
}

/*yellow-line//////////////////*/
@media screen and (min-width:1201px) {
.yellow-line {
  background: linear-gradient(transparent 50%, #fff3b2 50%);
  font-size: inherit;
  font-weight: 700;
}
}
@media screen and (max-width:1200px) {
.yellow-line {
  background: linear-gradient(transparent 50%, #fff3b2 50%);
  font-size: inherit;
  font-weight: 700;
}
}

/*section//////////////////*/
@media screen and (min-width:1201px) {
section {
	padding-bottom: 4vw;
	/* border-bottom: 1px solid #acacac; */
	width: 60%;
	max-width: 1024px;
	margin: 2vw auto 0;
}}
@media screen and (max-width:1200px) {
section {
  padding-bottom: 8vh;
  /* margin-bottom: 8vw; */
  /* border-bottom: 1px solid #acacac; */
  width: 92%;
  margin: 4vw auto 0;
}
}

/*section.menu//////////////////*/
@media screen and (min-width:1201px) {
section.menu {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
    }
@media screen and (max-width:1200px) {
section.menu {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
}


/*fukidashi//////////////////*/
@media screen and (min-width:1201px) {
.fukidashi {
  position: relative;
  display: inline-block;
  padding: 2.5vw 9vw 3vw;
  color: #8a0033;
  background: #efe1ca;
  border-radius: 0 0 380vw 380vw / 0 0 160vw 160vw;
  font-size: 2.8rem;
  line-height: 1.2;
  width: 98%;
  max-width: 1200px;
  letter-spacing: 0.05rem;
  margin: 0 auto 4vw;
  text-align: center;
}
}
@media screen and (min-width:768px) and (max-width:1200px) {
.fukidashi {
  position: relative;
  display: inline-block;
  padding: 4vw 1vw 6vw;
  color: #8a0033;
  background: #efe1ca;
  border-radius: 0 0 380vw 380vw / 0 0 160vw 160vw;
  font-size: 1.9rem;
  line-height: 1;
  width: 98vw;
  letter-spacing: 0.05rem;
  margin: 0 auto 2vw;
  text-align: center;
  line-height: 1.3;
}
}
@media screen and (max-width:767px) {
.fukidashi {
  position: relative;
  display: inline-block;
  padding: 2vw 1vw 4vw;
  color: #8a0033;
  background: #efe1ca;
  border-radius: 0 0 380vw 380vw / 0 0 160vw 160vw;
  font-size: 1.1rem;
  line-height: 1;
  width: 98vw;
  letter-spacing: 0.05rem;
  margin: 0 auto 8vw;
  text-align: center;
  line-height: 1.3;
}
}
/*fukidashi::before//////////////////*/
@media screen and (min-width:1201px) {
.fukidashi::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 4vw solid #efe1ca;
}
}
@media screen and (max-width:1200px) {
.fukidashi::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 30px solid #efe1ca;
}
}

/*h2//////////////////*/
@media screen and (min-width:1201px) {
h2 {
	font-size: 3.6rem;
	font-weight: 600;
	/* margin-bottom: 3vw; */
	line-height: 0.8;
}

h2 span {
	font-size: 1.2rem;
	font-weight: 600;
	/* text-align: left; */
}
    }
@media screen and (max-width:1200px) {
h2 {
	/* font-size: 2.0rem; */
	/* font-weight: 600; */
	/* color: #c70049; */
	/* line-height: 1.3; */
	width: 85vw;
	margin: 0 auto -6vw;
}
h2 span {
	font-size: 0.9rem;
	font-weight: 500;
	/* color: #000; */
	display: block;
	/* text-align: left; */
	/* margin-top: 2vw; */
	/* letter-spacing: 0.05rem; */
	line-height: 0.8;
}
}
@media screen and (max-width:1200px) {
section h2 .spbr {
  display: inline;
}
.troubleInner, .inHouseInner, .improveInner, .meritInner,
.exampleInner, .facilityInner, .expertInner, .commitmentInner,
.durationInner01, .magazineInner, .reviewInner, .questionInner,
.experienceInner {
  /* width: 90vw; */
  /* margin: 0 auto 12vw; */
}
}

/*h3//////////////////*/
@media screen and (min-width:1201px) {
h3 {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.3;
	padding: 1vw 0;
	letter-spacing: 0.05rem;
	/* width: 100%; */
}
        }
@media screen and (max-width:1200px) {
h3 {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.04rem;
	padding: 2vw 0 2vw 0;
	/* height: 0vw; */
	text-align: left;
	/* display: inline-block; */
	/* margin: auto; */
}
    }

/*p//////////////////*/
@media screen and (min-width:1201px) {
p {
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.05rem;
	text-align: left;
}
}
@media screen and (max-width:1200px) {
p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: 0.05rem;
	text-align: left;
}
       }

/*scrolltop//////////////////*/
@media screen and (min-width:1201px) {
#scrolltop {
  background: rgba(0,0,0,.7);
  text-align: center;
  color: #fff;
  padding: 10px;
  position: fixed;
  right: 15px;
  z-index: 90;
}
    }
@media screen and (max-width:1200px) {
#scrolltop {
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  font-weight: 700;
  padding: 10px;
  position: fixed;
  right: 15px;
  z-index: 90;
  bottom: 0px;
  font-size: 15px;
}
}



/*Gnavi*/
@media screen and (min-width:1201px) {
.menu-trigger,
.menu-trigger span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
}
.menu-trigger::before {
  content: '';
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/image_menuDog.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: -23px;
  right: 8px;
}
.menu-trigger{
  position: fixed;
  top: 6%;
  right: 70px;
  width: 50px;
  height: 50px;
  /* background: #000; */
  z-index: 101;
}
.menu-trigger span{
  position: absolute;
  background: #444444;
  width: 30px;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
}
.menu-trigger span:nth-of-type(1){
  top: 15px;
}
.menu-trigger span:nth-of-type(2){
  top: 0;
  bottom: 0;
}
.menu-trigger span:nth-of-type(3){
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1){
  -webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2){
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  -webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
.g-nav{
  display: none;
  position: fixed;
  top: 2%;
  right: 13px;
  background: #efefef;
  width: 165px;
  height: 500px;
  opacity: 0.8;
  z-index: 100;
}
.g-nav .list{
  padding: 85px 20px 20px 20px;
}
.g-nav .list .item{
  border-bottom: 1px solid #444444;
}
.g-nav .list .item a{
  display: block;
  text-align: center;
  text-decoration: none;
  color: #444444;
  padding: 15px 0;
  font-size: 1.2rem;
}
}
@media screen and (max-width:1200px) {
/*Gnavi*/
.menu-trigger,
.menu-trigger span{
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  cursor :pointer;
}
.menu-trigger{
  width: 50px;
  height: 50px;
  background: #efefef;
  z-index: 2;
  position: fixed;
  top: 0;
  right: 0;
  padding: 6px;
  z-index: 101;
}
/* .menu-trigger::before {
  content: '';
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/image_menuDog.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: -23px;
  right: 8px;
} */
.menu-trigger span{
  background: #444444;
  width: 30px;
  height: 1px;
  left: 0;
  right: 0;
  margin: auto;
}

.menu-trigger span:nth-of-type(1){
  top: 15px;
}
.menu-trigger span:nth-of-type(2){
  top: 0;
  bottom: 0;
}
.menu-trigger span:nth-of-type(3){
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1){
  -webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2){
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
  -webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}
.g-nav{
  display: none;
  position: fixed;
  top: 0;
  background: #efefef;
  width: 100%;
  height: 100%;
  opacity: 0.95;
  z-index: 100;
}
.g-nav .list{
  padding: 20% 35px 0 35px;
}
.g-nav .list .item{
  border-bottom: 1px solid #444444;
}
.g-nav .list .item a{
  display: block;
  text-align: center;
  text-decoration: none;
  color: #444444;
  padding: 15px 0;
  font-size: 1.4rem;
}
}

/*wrapper*/
@media screen and (min-width:1201px) {
.wrapper {
	/* width: 100%; */
	/* max-width: 1024px; */
	margin: 0 auto;
	/* background: url(../images/KV_bg_pc.jpg); */
}
}
@media screen and (max-width:1200px) {
.wrapper {
	width: 100%;
	margin: 0 auto;
	/* background: url(../images/bg_01.jpg); */
	/* background-color: white; */
	/* font-size: 5vw; */
	overflow:hidden;
}
}


/* contactInformation */
@media screen and (min-width:1201px) {
.contactInformation{
  width: 100%;
  margin: 4vh auto 0;
}
    .contactInformation address {
  width: 90%;
  margin: 0 auto 2vw;
}
.contactInformation .tell, .contactInformation .tellContent {
  display: inline-block;
  width: 6%;
}
.contactInformation .tellContent a {
  text-decoration: none;
  color: #990000;
  margin-left: 1vw;
}
.contactInformation .tellContent {
  font-style: normal;
  font-size: 2.8rem;
  font-weight: 700;
  width: 42%;
  text-align: left;
}
.tellContent02 {
  text-align: left;
  display: inline-block;
  font-style: normal;
  line-height: 1.4 !important;
  /* float: left; */
  padding: 0;
  margin: 0;
  /* width: 30%; */
}
.receptionTime {
  font-size: 1rem;
  font-weight: 600;
  color: #990000;
}
.tellContent02 .except {
  font-size: 0.8rem;
  font-weight: 500;
  color: #990000;
}
.contactInformation ul li {
	/* float: left; */
	font-size: 1.6rem;
	margin: 0 auto 4vw;
	border-radius: 26px;
}
.contactInformation ul li p a {
	color: #ffffff;
	text-decoration: none;
	padding: 18px 0;
	display: block;
  font-size: 1.4rem;
  line-height: 1.3;
}
.contactInformation .contactInformationInner01 {width: 68%;height: 6vw;background: #00905b;box-shadow: 0 6px 0 #007147;/* margin: 0 auto; */}
.contactInformation .contactInformationInner02 {width: 26%; background: #c70049; box-shadow: 0 6px 0 #990000;}
.contactInformation .contactInformationInner03 {width: 26%; background: #c70049; box-shadow: 0 6px 0 #990000;}
.contactInformation .contactInformationInner01:hover,
.contactInformation .contactInformationInner02:hover,
.contactInformation .contactInformationInner03:hover {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  box-shadow: 0 0 0 transparent;
}
    }
@media screen and (max-width:1200px) {
.contactInformation .tell, .contactInformation .tellContent {
  display: inline-block;
}
.contactInformation .tell {
  margin-right: 1vw;
  /* margin-left: -6%; */
}
.contactInformation .tellContent a {
  text-decoration: none;
  color: #c70049;
  margin-left: 0px;
  margin-right: 2vw;
}
.contactInformation .tellContent {
  font-style: normal;
  font-size: 1.8rem;
  font-weight: 700;
  /* margin-top: -30px; */
}
.tellContent02 {
  text-align: left;
  display: inline-block;
  font-style: normal;
  line-height: 1.0 !important;
  color: #c70049;
}
.receptionTime {
  font-size: 0.9rem;
}
.tellContent02 .except {
  font-size: 0.7rem;
}
.contactInformation address {
  width: 98%;
  margin: 4vh auto 4vw;
}
.contactInformation img {
  width: 6vw;
}
.contactInformation ul li {
	font-size: 4vw;
	border-radius: 18px;
	margin: 0 auto 4vw;
	padding: 3vw 0 4vw 0;
}
.contactInformation ul li p {line-height: 1.5;}
.contactInformation ul li p a {
	color: #ffffff;
	text-decoration: none;
	padding: 18px 0;
	display: block;
  font-size: 1.5rem;
  line-height: 1.3;
}
.contactInformation .contactInformationInner01 {
  width: 100%;
  background: #00905b;
  box-shadow: 0 6px 0 #007147;
  text-align: center;
}
.contactInformation .contactInformationInner02 {
  width: 49%;
  background: #c70049;
  box-shadow: 0 6px 0 #990000;
  text-align: center;
  margin-right: 1%;
}
.contactInformation .contactInformationInner03 {
  width: 49%;
  background: #c70049;
  box-shadow: 0 6px 0 #990000;
  text-align: center;
  margin-left: 1%;
}
.contactInformationInner01 span {
	font-size: 1.2rem;
}
.contactInformationInner02 span, .contactInformationInner03 span {
  font-size: 1.2rem;
}
.contactInformationInner02 img, .contactInformationInner03 img {
  width: 7%;
  margin-left: 2%;
}
.contactInformationInner01 img {
  width: 4%;
  margin-left: 2%;
}
.contactInformation .contactInformationInner01:active,
.contactInformation .contactInformationInner02:active,
.contactInformation .contactInformationInner03:active {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  box-shadow: 0 0 0 transparent;
}
}





/* contactInformation */
@media screen and (min-width:1201px) {
.contactInformationInner01 a {
  text-decoration: none;
  font-weight: 400;
  display: block;
  text-align: center;
  color: #ffffff;
  /* vertical-align: bottom; */
  /* top: 50%; */
  /* height: 10vw; */
  padding: 2vw 4vw;
  /* margin: auto; */
  font-weight: 700;
  letter-spacing: 0.05rem;
}
.contactInformationInner01 a span {
  font-size: 1.6rem;
  /* padding: 10vw; */
  /* top: 10vw; */
}
.contactInformationInner02 a,.contactInformationInner03 a {
  text-decoration: none;
  font-weight: 400;
  display: block;
  text-align: center;
  color: #ffe63f;
  padding: 22px 0;
}
.contactInformationInner02 a span, .contactInformationInner03 a span {
  font-size: 1.6rem;
}
}

/* trouble */
@media screen and (min-width:1201px) {
    .trouble {
     /* width: 72%; */
     margin: 0 auto 4vh;
}
.trouble .inner01 {
    /* width: 90%; */
    margin: 0 auto 1vw;
}
.trouble .inner02 {
	/* width: 90%; */
	margin: 0 auto 1vw;
}
.trouble .inner01 .pict {
	float: left;
	margin-right: 1vw;
	width: 20%;
}

.trouble .inner02 .pict {
	float: right;
	margin-left: 1vw;
	width: 20%;
}

.trouble .inner01 h3, .trouble .inner02 h3,
.trouble .inner01 .contents, .trouble .inner02 .contents {
  text-align: left;
  line-height: 1.6;
  /* font-size: 1.1rem; */
}
.trouble .inner01 h3 {
  padding-top: 0.5vw;
  font-size: 1.4rem;
}
.trouble .inner02 h3 {
  padding-top: 3px;
  font-size: 1.4rem;
}
.trouble .inner03 ul {
  width: 100%;
  margin: 0 auto 2vh;
}
.trouble .inner03 li {
	float: left;
	margin: 0 1.1% 0;
	text-align: center;
	width: 31%;
}
.trouble .inner03 img {
	margin-bottom: 8px;
}
.trouble .inner03 li span {
  font-size: 1.3rem;
  font-weight: 600;
}
}



@media screen and (max-width:767px) {
/* trouble */
/.troubleInner .pict {
  width: 44%;
  /* margin: 0 14px 0 0; */
}
.troubleInner div {
  text-align: left;
  margin-bottom: 2vw;
}
.troubleInner .inner03 {
  text-align: center;
}
.troubleInner .inner03 ul {
  margin-top: 15px;
}
.troubleInner .inner03 li {
  font-size: 1.6rem;
  font-weight: 600;
  /* margin: 4vw; */
  margin-bottom: 4vh;
}

.troubleInner .inner03 img{
  margin-bottom: 2vw;
}

.troubleInner .inner03 li:last-child {
  margin-bottom: 0;
}
.troubleInner .inner03 {
  margin-bottom: 0;
}
.troubleInner .inner03 p {
  text-align: left;
  margin: 2vh 0;
}

.trouble .inner01 .pict {
	float: left;
	/* margin-right: 4vw; */
	width: 45%;
}

.trouble .inner02 .pict {
	float: right;
	/* margin-left: 4vw; */
	width: 45%;
}
}


@media screen and (min-width:768px) and (max-width:1200px) {
/* trouble */
/.troubleInner .pict {
  width: 44%;
  /* margin: 0 14px 0 0; */
}
.troubleInner div {
  text-align: left;
  margin-bottom: 2vw;
}
.troubleInner .inner03 {
  text-align: center;
}
.troubleInner .inner03 ul {
  margin-top: 15px;
}
.troubleInner .inner03 li {
  font-size: 1.6rem;
  font-weight: 600;
  /* margin: 4vw; */
  margin-bottom: 4vh;
}

.troubleInner .inner03 img{
  margin-bottom: 2vw;
}

.troubleInner .inner03 li:last-child {
  margin-bottom: 0;
}
.troubleInner .inner03 {
  margin-bottom: 0;
}
.troubleInner .inner03 p {
  text-align: left;
  margin: 2vh 0;
}

.trouble .inner01 .pict {
	float: left;
	/* margin-right: 4vw; */
	width: 20%;
}

.trouble .inner02 .pict {
	float: right;
	/* margin-left: 4vw; */
	width: 20%;
}
}


/* inHouse */
@media screen and (min-width:1201px) {
.inHouse .inHouseInner {
  /* width: 90%; */
  max-width: 840px;
  margin: 0 auto;
}
.inHouse .title {
  padding: 7px 3px;
}
.inHouse .bold {
  font-weight: 700;
}
.inHouse .room {
  background: rgb(255, 255, 255, 0.5);
}
.inHouse .pink {
  color: #c70049;
}
.inHouse .table01 {
  width: 45%;
  float: left;
  margin: 0 2%;
}
.inHouse .table02 {
  width: 45%;
  float: right;
  margin: 0 2%;
}
.inHouse .left {
  float: left;
}
.inHouse .right {
  float: right;
}
.inHouse .title p {
  font-size: 2rem;
}
.inHouse .title .pixel20 {
  font-size: 20px;
}
.inHouse .contentInner {
  border-bottom: 1px solid #4b4b4b;
  padding: 7px 3px;
}
}
@media screen and (max-width:1200px) {
/* inHouse */
.inHouse .table01 {
  margin-bottom: 12vw;
}
.inHouse .inHouseInner {
  /* width: 90%; */
  margin: 0 auto;
}
.inHouse .title {
  padding: 0 1%;
}
.inHouse .bold {
  font-weight: 700;
}
.inHouse .room {
  background: rgb(255, 255, 255, 0.5);
}
.inHouse .pink {
  color: #c70049;
}
.inHouse .left {
  float: left;
}
.inHouse .right {
  float: right;
}
.inHouse .title p {
  font-size: 1.8rem;
  line-height: 1;
}
.inHouse .title .pixel20 {
  font-size: 1.2rem;
}
.inHouse .contentInner {
  border-bottom: 1px solid #4b4b4b;
  padding: 7px 1%;
}
}

/* improve */
@media screen and (min-width:1201px) {
    .improveInner {
  /* width: 72%; */
  /* margin: 2vw auto 0; */
}
.improve .inner01 {
    /* width: 95%; */
    margin: 0 auto 4vw;
}
.improve .inner01 .pict {
	float: left;
	margin-right: 4vw;
	width: 36%;
}
.improve .inner01 .pict img {
  /* width: 90%; */
}
.improve .inner01 div {
	text-align: left;
	/* margin-left: 12px; */
	margin-bottom: 4vw;
	position: relative;
	top: 0px;
}
.improve .inner03 {
  margin: 0 auto 4vw;
  width: 100%;
}
.improve .inner03 .adjustment .comparison01 {
  /* margin: 1vw 0 12px; */
  letter-spacing: 0.05rem;
}
.improve .inner03 .description {
  font-size: 0.8rem;
  text-align: left;
  position: relative;
  top: 1vw;
  /* right: 10px; */
}
.improve .inner03 .comparison {
  width: 32%;
  float: left;
  margin: 0 0.5%;
  background: #fff;
}
.improve .inner03 h4 {
  color: #fff;
  background: #888888;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 2vw 0 1.6vw;
  border-radius: 0 4vw 0 0;
}
.improve .inner03 .aikennoyuka {
  background: #c70049;
  font-weight: 700;
}
.improve .inner03 .comparisonInner {
  padding: 1vw 2vw 4vw;
  border-radius: 0 0 0 4vw;
  background-color: #f7f7f7;
  height: 13vw;
}
.improve .inner03 .adjustment02 {
  padding: 20px 40px 97px;
}
.improve .inner03 .comparison01 {
  font-size: 0.9rem;
  font-weight: 600;
}
.improve .inner03 .comparison02 {
  font-size: 2rem;
  font-weight: 700;
}
.improve .inner03 .comparison03 {
  font-size: 0.9rem;
  text-align: left;
}
}

@media screen and (min-width:1201px) {
.inner02_20{
        margin: 0 0 16vh 0;
    }
.inner02_20 h3 {
	padding-bottom: 1vw;
}
.inner02_20 img {
	width:100%;
}
.inner02_20 .contents {
     width: 60%;
     margin: 1vw auto 0;
     text-align: left;
}
}

@media screen and (max-width:1200px) {
.inner02_20{
        margin: 0 0 12vh 0;
    }
.inner02_20 h3 {
	padding-bottom: 1vw;
    width: 92%;
    text-align: center;
    font-size: 1.1rem;
    margin: auto;
}
.inner02_20 img {
	width:100%;
}
.inner02_20 .contents {
     width: 92%;
    margin: 1vw auto 0;
    text-align: left;
}
}


@media screen and (max-width:1200px) {
/* improve */
.improveInner div {
  margin-bottom: 4vw;
}
.improveInner .pict {
  margin: 0 auto 6vw;
  width: 70%;
}
.improveInner .inner01 {
  margin-bottom: 25px;
}
.improveInner .inner01 div p {
  text-align: left;
}

.improve .inner03 {
  /* margin: 0 auto 4vw; */
}
.improve .inner03 .adjustment .comparison01 {
  /* margin: 0 0 0; */
}
.improve .inner03 .description {
  font-size: 0.8rem;
  text-align: left;
  position: relative;
  top: 3vw;
  right: 1%;
}
.improve .inner03 .comparison {
  width: 32%;
  float: left;
  margin: 0 0.5%;
  background: #fff;
}
.improve .inner03 h4 {
  color: #fff;
  background: #888888;
  padding: 2.5vh 0 4vw;
  height: 8vh;
  border-radius: 0 4vw 0 0;
  letter-spacing: 0.05rem;
}
.improve .inner03 .aikennoyuka {
  background: #c70049;
  font-weight: 700;
  font-size: 1.1rem;
}
.improve .inner03 .mat {
  padding: 3vh 0 0;
  font-size: 0.65rem;
  /* padding: 0.02vh; */
}
.improve .inner03 .aikennoyuka {
  /* padding: 20px 0 35px; */
  font-size: 1.4rem;
}

.improve .inner03 .adjustment02 {
  padding: 13px 12% 23px;
}
.improve .inner03 .adjustmentSp03 {
  padding-bottom: 24px;
  margin-top: 12px;
  margin-bottom: 8px;
}

  .adjustmentSp03 .comparison01 {
  margin-bottom: 18px;
  margin-top: 4px;
}
.improve .inner03 .comparison01 {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.3;
  height: 4.0vh;
  vertical-align: top;
  margin: 0.5vh 0 0 0;
}
.improve .inner03 .comparison02 {
  font-size: 1.7rem;
  font-weight: 700;
}
.improve .inner03 .comparison03 {
  font-size: 0.9rem;
  text-align: left;
  margin-top: 2vw;
}

.improveInner .inner02 .pict {
  margin-bottom: 2vw;
  width: 100%;
}
.improveInner .inner02 .contents {
  text-align: left;
}
}

@media screen and (min-width:768px) and (max-width:1200px) {
.improve .inner03 .comparisonInner {
  padding: 1vw 1vw 2vw;
  border-radius: 0 0 0 4vw;
  background-color: #f7f7f7;
  height: 27vh;
}
}

@media screen and (max-width:767px) {
.improve .inner03 .comparisonInner {
  padding: 1vw 1vw 2vw;
  border-radius: 0 0 0 4vw;
  background-color: #f7f7f7;
  height: 70vw;
}
}


/* merit */
@media screen and (min-width:1201px) {
.merit .topInner {
  margin: -40px 0 0px -42px;
  width: 1024px;
}
.merit .topInner h2 {
  margin-left: -18px;
}
.meritInner {
    /* margin: 4vw auto 0; */
    /* width: 72%; */
}
.meritInner div {
    /* width: 85%; */
    text-align: left;
    margin: 0 auto 3vw;
    position: relative;
}

.meritInner h3{
	width: 100%;
	margin: 0.5vw 0 0 0;
	line-height: 1;
	padding: 0.5vw;
}
.meritInner h3 span {
	font-size: 1.6rem;
	color: #c80049;
	/* position: absolute; */
	/* top: 18vw; */
	/* right: 0%; */
}
.meritInner div p {
	/* position: absolute; */
	/* top: 22vw; */
	/* font-size:1.2rem; */
	font-weight: 400;
	/* right: 0%; */
	/* margin: 0; */
	/* padding: 0; */
}
}
@media screen and (max-width:1200px) {
/* merit */
.maritInner .inner01, .maritInner .inner02, .maritInner .inner03,
.maritInner .inner04, .maritInner .inner05, .maritInner .inner06 {
  position: relative;
  margin-bottom: 25px;
}
.meritInner div {
  /* float: left; */
  margin-bottom: 8vw;
  width: 100%;
}
.meritInner div h3 {
  /* padding-bottom: 2vw; */
}
.meritInner div img {
  /* margin-bottom: 2vw; */
}
.meritInner div span {
  /* position: absolute; */
  /* left: 0%; */
  /* right: 0%; */
  font-size: 1.2rem;
  /* line-height: 0.5; */
}
.meritInner .inner06 {
  margin-bottom: 30px;
}
}


/* example */
@media screen and (min-width:1201px) {
.example {
  /* width: 72%; */
  /* margin: 2vw auto; */
}

.example figure {
  float: left;
}
.exampleInner .inner {
  margin-bottom: 4vw;
  position: relative;
  background: #fff;
  padding: 4vw auto;
}
.exampleInner .inner:last-child {
  margin-bottom: 0;
}
.exampleInner .inner div {
  margin-bottom: 1vw;
}
.exampleInner .inner div figure {
  margin: 0 4vw 0 0vw;
  width: 16%;
}

.exampleInner .inner div figure img{
  width: 90%;
}

.exampleInner .inner div p {
  color: #c70049;
  /* float: left; */
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  line-height: 1.3;
  /* margin-top: 20px; */
  maegin-left: 5vw;
}

.exampleInner .inner img{
    width: 47%;
    margin: 1%;
}

.exampleInner .inner div .residents {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

     .exampleInner .arrow {
         /* width:100%; */
         /* text-align: center; */
       }

/*
.exampleInner .arrow::before {
	 content: url(../images/image_07_arrow.png);
	 position: absolute;
	 top: 50%;
	 left: 490px;
}
*/
}
@media screen and (max-width:1200px) {
/* example */
.exampleInner div {
  margin-bottom: 25px;
}
.exampleInner .arrow img {
  width: 48.5%;
}
.exampleInner .inner:last-child {
  margin-bottom: 0;
}

.example figure {
  float: left;
}
.exampleInner .inner {
  margin-bottom: 20px;
  position: relative;
  background: #fff;
  /* padding: 0 4vw 4vw; */
  margin: 0 0 10vw 0;
}
.exampleInner .inner:last-child {
  margin-bottom: 10vw;
}
.exampleInner .inner div {
  margin-bottom: 15px;
}
.exampleInner .inner div figure {
  margin: 0 2vw 0 0;
  width: 30vw;
}
.exampleInner .inner div p {
  color: #c70049;
  /* float: left; */
  text-align: left;
  font-size: 1.2rem;
  font-weight: 700;
  /* letter-spacing: -1px; */
  line-height: 1.4;
}
.exampleInner .inner div .residents {
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  /* line-height: 0.9; */
  /* letter-spacing: 0px; */
}
.exampleInner .arrow::after {
  /* content: ""; */
  background: url(../images/image_07_arrow.png);
  background-repeat: no-repeat;
  background-size: 50%;
  width: 15%;
  height: 18%;
  /* position: relative; */
  top: 147px;
  left: 47%;
}
}


/* facility ////////////////////*/
@media screen and (min-width:1201px) {
.facility {
	 /* width: 72%; */
	 /* margin: 0 0 70vw 0; */
}
.facility .inner01 {
	position: relative;
	/* width: 97%; */
	/* margin: 2vw auto; */
}
.facility .inner01 .pict {
  /* float: left; */
  /* margin-bottom: 3vw; */
  /* width: 60%; */
}
.facility.inner01 div {
	text-align: left;
	position: absolute;
	top: 140px;
	right: 1vw;
}
.facility .place {
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 2vw;
}
.facility .place p {
	font-size: 1.0rem;
	font-weight: 600;
	/* margin-bottom: 2vw; */
}

.facility .place p span{
	font-size: 1.0rem;
	font-weight: 300;
	margin-left: 2vw;
}

.facility .other {
	/* width: 99%; */
	/* margin: 20vw auto; */
}
.facility .other .inner{
	float: left;
	/* margin: 0 0.5vw; */
	width: 33%;
	padding: 0.5%;
	height: 20vw;
}
}


@media screen and (max-width:1200px) {
.facility {
	 /* width: 72%; */
	 /* margin: 0 0 70vw 0; */
}
.facility .inner01 {
	position: relative;
	/* width: 97%; */
	margin: 4vw auto;
}
.facility .inner01 .pict {
  /* float: left; */
  /* margin-bottom: 3vw; */
  /* width: 60%; */
}
.facility.inner01 div {
	text-align: left;
	position: absolute;
	top: 140px;
	right: 1vw;
}
.facility .place {
	font-size: 0.8rem;
	font-weight: 600;
	margin-bottom: 4vw;
}
.facility .place p {
	font-size: 1.0rem;
	font-weight: 600;
	/* margin-bottom: 2vw; */
}

.facility .place p span{
	font-size: 0.9rem;
	font-weight: 400;
	/* margin-bottom: 2vw; */
}

.facility .other {
	/* width: 99%; */
	/* margin: 20vw auto; */
}
.facility .other .inner{
	float: left;
	/* margin: 0 0.5vw; */
	width: 33%;
	padding: 0.5%;
	height: 34vw;
}
}

/* expert */
@media screen and (min-width:1201px) {
.expert {/* width: 80%; *//* margin: 0 auto; */}

.expertInner .expertContent {
  background: #fff;
  /* padding: 4vw 0 4vw 0; */
  margin: 4vw auto;
}
.expertInner .expertContent:last-child {
  /* margin-bottom: 0; */
}
.expertInner .expertContent figure,
.expertInner .expertContent div {
  float: left;
  width: 15%;
  /* margin: 4vw; */
}
.expertInner .expertContent div {
  text-align: left;
  width: 80%;
 padding:0 0 0 5%
}
.expertInner .expertContent h3 span {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  margin-top: 10px;
}
.expertInner .expertContent p {
  font-size: 1.2rem;
  letter-spacing: 0px;
  font-weight: 700;
  color: #c70049;
}
.expertInner .expertContent .expert01 {
  margin: 0 3vw;
}
.expertInner .expertContent .expert02 {
  margin:30px 0 0 30px;
}
.expertInner .expertContent .expert03 {
  margin:23px 0 0 30px;
}
}
@media screen and (max-width:1200px) {
/* expert */
.expertInner .expertContent {
  /* background: #fff; */
  /* padding: 20px 0px 20px 4%; */
  margin-bottom: 6vw;
}
.expertInner .expertContent:last-child {
  margin-bottom: 10vw;
}
.expertInner .expertContent div {
  float: left;
  width: 70%;
}
.expertInner .expertContent figure {
  float: left;
  width: 26%;
}
.expertInner .expertContent div {
  text-align: left;
}
.expertInner .expertContent h3 {
  font-size: 1rem;
}
.expertInner .expertContent h3 span {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2vw;
}
.expertInner .expertContent p {
  font-size: 1rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  color: #c70049;
  line-height: 1.2;
}
.expertInner .expertContent .expert {
  margin: 0px 0 0 3%;
}
}

/* commitment */
@media screen and (min-width:1201px) {
.commitment {/* width: 80%; *//* margin: 0 auto; */}

.commitmentInner {
  /* margin-bottom: 2vw; */
}
.commitmentInner div {
  /* width: 80vw; */
  text-align: left;
  margin: 0 auto 3vw;
  position: relative;
}
.commitmentInner h3 span {
	font-size: 1.2rem;
	color: #c80049;
	/* position: absolute; */
	/* top: 28vw; */
	/* left: 27vw; */
}
.commitmentInner div p {
	/* position: absolute; */
	/* top: 85px; */
	/* left: 385px; */
}
.commitmentInner .inner01 p {
    /* top: 30vw; */
    /* left: 27.5vw; */
    /* width: 60%; */
    /* height: 100%; */
    /* background-color: #ffffffa6; */
    font-size: 1.0rem;
}
.commitment .topInner {
  margin: -40px 0 0px -42px;
  width: 1024px;
}
.commitmentInner .topInner h2 {
  margin-left: -18px;
}
}
@media screen and (max-width:1200px) {

/* commitment */
.commitmentInner img {
  /* margin-bottom: 5px; */
}
.commitmentInner h3 span {
  /* font-size: 1.2rem; */
}
.commitmentInner .inner01, .commitmentInner .inner02, .commitmentInner .inner03, .commitmentInner .inner04 {
  position: relative;
  margin-bottom: 4vw;
}
.commitmentInner .inner04 {
  /* margin-bottom: 30px; */
}
.commitmentInner div {
  float: left;
  margin: 0 0 22px;
}
.commitmentInner div h3 {
  /* padding-bottom: 6px; */
}
.commitmentInner p {
  text-align: left;
  font-size: 0.9rem;
  margin: 0 0 6vw 0;
}
.commitmentInner .inner06 {
  margin-bottom: 30px;
}
}


/* duration */
@media screen and (min-width:1201px) {
.durationInner01 {
  margin-bottom: 2vw;
}
.durationInner01 p {
  text-align: left;
  /* width: 95%; */
  margin: 0 auto;
}
.durationInner02 {
  background: #f3f3f3;
  padding: 2vw 2vw;
  /* margin-bottom: 8px; */
}
.durationInner02 li {
  position: relative;
  text-align: left;
  height: 14vw;
}
.durationInner02 li::after {
  content: "";
  display: block;
  /* padding-top: 195px; */
}
.durationInner02 .inner05::after {
  /* padding-top: 155px; */
}
.durationInner02 li div {
  width: 100%;
  height: 100%;
}
.durationInner02 h3 {
  /* position: absolute; */
  left: 47%;
  font-size: 1.0rem;
  /* top: 0.2vw; */
}
.durationInner02 .inner01 figure .clock::before {content: url(../images/image_11_pict01.png);}
.durationInner02 .inner02 figure .clock::before {content: url(../images/image_11_pict02.png);}
.durationInner02 .inner03 figure .clock::before {content: url(../images/image_11_pict03.png);}
.durationInner02 .inner04 figure .clock::before {content: url(../images/image_11_pict04.png);}
.durationInner02 .inner05 figure .clock::before {content: url(../images/image_11_pict05.png);}
.durationInner02 .clock {
  /* position: absolute; */
  /* top: 8px; */
  left: 0px;
}
.durationInner02 figure .time {
  font-size: 1.2rem;
  position: absolute;
  top: 0.5vw;
  left: 5.2vw;
}
.durationInner02 figure img {
  position: absolute;
  top: 0;
  left: 12vw;
  width: 20%;
}
.durationInner02 p {
  position: absolute;
  top: 5.2vw;
  left: 47%;
  font-size: 0.9rem;
}
.duration .attention {
  font-size: 0.8rem;
  /* color: #444444; */
  text-align: left;
}
}


@media screen and (max-width:1200px) {
/* duration */
.durationInner01 {
  margin-bottom: 8vw;
}
.durationInner01 .inner01 p {
  text-align: left;
}
.durationInner02 {
  background: #efefef;
  padding: 2vw 4vw 4vw;
  margin: 0 auto 4vw;
}

.durationInner02 ol li {
  position: relative;
}

.durationInner02 ol li::before {
  content: "";
  display: block;
  /* padding-top: 70%; */
}
.durationInner02 ol li div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.durationInner02 h3 {
  width: 64%;
  text-align: left;
  /* position: absolute; */
  /* top: 5vw; */
  left: 36%;
  font-size: 0.9rem;
  line-height: 1.5;
  float: right;
}
.durationInner02 .time {
  /* position: absolute; */
  font-size: 4vw;
  /* top: 1vw; */
  /* left: 36%; */
  float: right;
  width: 64%;
  text-align: left;
}
.durationInner02 img {
  width: 30%;
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  float: left;
}
.duration .attention {
  color: #444444;
  text-align: left;
  font-size: 0.8rem;
  /* width: 90%; */
  margin: 0 auto 6vw;
}
}


@media screen and (min-width:1201px) {
/* duration */
.durationInner01 {
  margin-bottom: 8vw;
}
.durationInner01 .inner01 p {
  text-align: left;
}
.durationInner02 {
  background: #efefef;
  padding: 2vw 4vw 4vw;
  margin: 0 auto 1vw;
}

.durationInner02 ol li {
  position: relative;
}

.durationInner02 ol li::before {
  content: "";
  display: block;
  /* padding-top: 70%; */
}
.durationInner02 ol li div {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.durationInner02 h3 {
  width: 64%;
  text-align: left;
  /* position: absolute; */
  /* top: 5vw; */
  left: 36%;
  font-size: 0.9rem;
  line-height: 1.5;
  float: right;
  font-size: 1.2rem;
}
.durationInner02 .time {
  /* position: absolute; */
  font-size: 2vw;
  /* top: 1vw; */
  /* left: 36%; */
  float: right;
  width: 64%;
  text-align: left;
}
.durationInner02 img {
  width: 30%;
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  float: left;
}
.duration .attention {
  color: #444444;
  text-align: left;
  font-size: 0.8rem;
  /* width: 90%; */
  margin: 0 auto 6vw;
}
}



@media screen and (max-width:500px) {
.durationInner02 ol li {
  height: 60vw;
}
    .durationInner02 p {
  width: 64%;
  text-align: left;
  position: absolute;
  top: 23.5vw;
  left: 36%;
  font-size: 0.8rem;
  float: left;
}
}


@media screen
and (min-width:501px)
and (max-width:1200px)
{
.durationInner02 ol li {
  height: auto;
  margin: 1vh 0 3vh 0;
}
    .durationInner02 p {
  width: 64%;
  text-align: left;
  /* position: absolute; */
  top: 13vw;
  left: 36%;
  font-size: 0.85rem;
  float: right;
}
}

@media screen
and (min-width:1201px)
{
.durationInner02 ol li {
  height: auto;
  margin: 1vh 0 3vh 0;
}
    .durationInner02 p {
  width: 64%;
  text-align: left;
  /* position: absolute; */
  top: 9vw;
  left: 36%;
  font-size: 0.95rem;
  float: right;
}
}

/* magazine */
@media screen and (min-width:1201px) {
.magazineInner {
	/* width: 90%; */
	margin: 0 auto 4vw;
	font-size: 1.2rem;
	font-weight: 600;
}
.subMagazine {
  margin-top: 2vw;
}
.subMagazine p {
  float: left;
  padding: 0 1% 0;
  width: 33%; /* 20191014 24%→33% 千葉*/
  font-size: 0.8rem;
  font-weight: 500;
}
.magazineInner .sp {
  font-size: 0.9rem;
  font-weight: 600;
  color: #c70049;
}
}

@media screen and (max-width:1200px) {
/* magazine */
.subMagazine img {
  margin: 0 1vw 1vw;
  /* height: 40vw; */
}
.magazine .large {
  margin-bottom: 20px;
  font-size: 0.8rem;
}
.subMagazine .subMagazineInner {
  float: left;
  width: 48%;
  margin: 0 1% 20px 1%;
}
.magazineInner .sp {
  font-size: 0.9rem;
  font-weight: 600;
  color: #c70049;
}
}


/* review */
@media screen and (min-width:1201px) {
.review figure {
  float: left;
}
.reviewInner .inner {
  margin-bottom: 40px;
  position: relative;
  background: #fff;
  padding: 0 0 2vw 0;
}
.reviewInner .inner:last-child {
  margin-bottom: 0;
}
.reviewInner .inner div {
  margin-bottom: 20px;
}
.reviewInner .inner div figure {
  margin: 0 3vw 0 0;
  witdh: 30%;
}
.reviewInner .inner div p {
  width: 70%;
  color: #c70049;
  float: left;
  text-align: left;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 1.6;
  margin-bottom: 1vw;
}
.reviewInner .inner div .residents {
  /* width: 70%; */
  color: #000;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.6;
  text-align: left;
}
.reviewInner .inner .description {
  text-align: left;
  /* line-height: 2; */
  /* padding-right: 35px; */
}
}
@media screen and (max-width:1200px) {

/* review */
.review figure {
  float: left;
}
.review h2 span {
  display: none;
}
.reviewInner .inner {
  /* margin-bottom: 20px; */
  position: relative;
  background: #fff;
  padding: 0 0 4vw 0;
}
.reviewInner .inner:last-child {
  margin-bottom: 0;
}
.reviewInner .inner div {
  margin-bottom: 3vw;
}
.reviewInner .inner div figure {
  margin: 0 3% 0 0;
  width: 28%;
}
.reviewInner .inner div p {
  color: #c70049;
  float: left;
  text-align: left;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  width: 68%;
  font-weight: 600;
}
.reviewInner .inner div .residents {
  color: #000;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 1.6;
  text-align: left;
  margin-top: 2vw;
}
.reviewInner .inner .description {
  text-align: left;
  padding-right: 1vw;
  /* font-size: 3.6vw; */
  letter-spacing: 0.05rem;
  margin-bottom: 6vw;
}
}


/* question */
@media screen and (min-width:1201px) {
.questionInner {
  text-align: left;
  /* width: 95%; */
  margin: 0 auto 6vh;
}
.questionInner .question {
  padding: 1vw 2vw;
  background: #666666;
  color: #fff;
}
.questionInner .answer {
  padding: 1vw 2vw 3vw 2vw;
}
.questionInner .inner05 .answer {
  padding-bottom: 0;
}
}
@media screen and (max-width:1200px) {
/* question */
.questionInner {
  text-align: left;
  /* width: 90vw; */
  margin: 0 auto 12vw;
}
.questionInner .question {
  padding: 3vw 2vw;
  background: #666666;
  color: #fff;
  font-size: 1.2rem;
  /* width: 90vw; */
}
.questionInner .answer {
  padding: 2vw 1vw 8vw 2vw;
}
.questionInner .inner05 .answer {
  padding-bottom: 0;
}
.questionInner .answer h3 {
  padding-bottom: 6px;
  font-size: 1.2rem;
}
}


/* experience */
@media screen and (min-width:1201px) {
.experienceInner {
  margin-bottom: 60px;
}
.experienceInner .inner01 p {
  text-align: left;
  /* width: 95%; */
  margin: 0 auto 40px;
}
.experienceInner .btn a {
	color: #ffffff;
	text-decoration: none;
	padding: 1vw 4vw;
	display: block;
	font-size: 0.8rem;
	line-height: 1.3;
	font-weight: 400;
	text-align: center;
}
.experienceInner .btn {
  width: 60%;
  margin: 0 auto;
  background: #bd8400;
  box-shadow: 0 6px 0 #946700;
  font-size: 1.rem;
  border-radius: 26px;
}
.experienceInner .btn:hover{
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  box-shadow: 0 0 0 transparent;
}
.experienceInner .btn span {
  font-size: 1.6rem;
  margin: 0 0 1vw 0;
}
.experience {
  border: none;
  margin-bottom: 0;
}
.experience .topInner {
  margin: 0 auto;
  /* width: 1024px; */
}
.experience .topInner h2 {
  margin-left: -18px;
}
}
@media screen and (max-width:1200px) {
/* experience */
.experienceInner {
  margin-bottom: 12vw;
}
.experienceInner .inner01 {
  margin-bottom: 6vw;
}
.experienceInner .inner01 p {
  text-align: left;
}
.experienceInner .btn a {
	color: #ffffff;
	text-decoration: none;
	padding: 0vw 4vw 2vw;
	display: block;
	font-size: 0.8rem;
	line-height: 1.3;
	font-weight: 400;
	text-align: center;
}
.experienceInner .btn {
  margin: 0 auto;
  background: #bd8400;
  /* font-size: 1.5rem; */
  border-radius: 18px;
  box-shadow: 0 6px 0 #946700;
}
.experienceInner .btn span {
  font-size: 1.4rem;
  line-height: 2;
}

.experienceInner .btn:active {
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  box-shadow: 0 0 0 transparent;
}


.experience {
  border: none;
  margin-bottom: 0;
}
}


/* footer */
@media screen and (min-width:1201px) {
footer div {
  width: 100%;
  padding: 50px 0px 30px;
  background: #4b4b4b;
  color: #fff;
  line-height: 3;
}

footer div p,footer div small{
margin:auto;
font-size:0.8rem;
text-align:center;
letter-spacing:0.1rem;
}

}
@media screen and (max-width:1200px) {
/* footer */
footer div {
  width: 100%;
  padding: 8vw 5vw 4vw;
  background: #4b4b4b;
  color: #fff;
  line-height: 3;
}
}

    .kega_description{
     width: 98%;
     max-width: 840px;
     margin: 0 auto;
     text-align: left;
     padding: 3vw 0;
     font-size: 0.8rem;
    }

    .kega_description a{
color:#666;
        text-decoration: none;
    }

    .description a{
color:#666;
        text-decoration: none;
    }

.kome{
    font-size: 0.6rem;
    vertical-align: top;
    text-align: left;
}

.kome_description{
    font-size: 0.6rem;
    vertical-align: top;
    text-align: left;
    margin: 0 6vw;
}


.Showroom_img{
    width: 90%;
    margin:0 auto 4vw;
}

@media screen and (min-width:1201px) {
	.byouin{
		position: relative;
		/* float: right; */
		display: flex;
		align-items: center;
		width: 49%;
		margin: 0 0 0 auto;
		display: none;
	}
	.byouin	.innerWrap_icon {
    display: inline-block;
    vertical-align: middle;
    width: 11%;
    float: left;
}
	.byouin .innerWrapContent {
    width: 60%;
    margin: 0;
    color: #c70049;
    line-height: 1.3;
    float: left;
    width: 80%;
    padding: 0% 0 10px 5%;
    font-size: 2.0em;
}
}

@media screen and (min-width:768px) and (max-width:1200px) {
	.byouin{
		position: relative;
		/* float: right; */
		display: flex;
		align-items: center;
		width: 45%;
		margin: 0 0 0 auto;
	}
	.byouin	.innerWrap_icon {
    display: inline-block;
    vertical-align: middle;
    width: 16%;
    float: left;
}
	.byouin.innerWrapContent {
    width: 60%;
    margin: 0;
    color: #c70049;
    line-height: 1.3;
    float: left;
    width: 80%;
    padding: 0% 5%;
}
}

@media screen and (max-width:767px) {
	.byouin{
		position: relative;
		/* float: right; */
		display: flex;
		align-items: center;
		width: 60%;
		margin: 0 0 0 auto;
}
	.byouin	.innerWrap_icon {
    display: inline-block;
    vertical-align: middle;
    width: 16%;
    float: left;
}
	.byouin .innerWrapContent {
    width: 60%;
    margin: 0;
    color: #c70049;
    line-height: 1.3;
    float: left;
    width: 80%;
    padding: 0% 0 9px 2%;
    font-size: 1.2em;
      text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;

}
}

@media screen and (min-width:768px) {
    .pc{display: block !important;}
    .sp{display: none !important;}
    .contents{width: 1100px;margin: 0 auto;}
}
@media screen and (max-width:767px) {
    .pc{display: none !important;}
    .sp{display: block !important;}
    .contents{width: 100%;}
}

img.ui-datepicker-trigger {width: auto !important;}

.slide,
.slide2,
.slide3 {
    display: grid;
    /*grid-template-columns: repeat(3, 1fr);*/
    gap: rem(15);
    margin-top: rem(25);
    overflow-x: scroll;
    overflow-y: hidden;
}
.slide div {
    width: 2039px;
    height: 394px;
}
.slide2 div {
    width: 550px;
    height: 602px;
}
.slide3 div {
    width: 1910px;
    height: 600px;
}
.swipe{
	width: 195px !important; 
	height: 50px !important;
	text-align: left;
}

h2 {
    color: #633b29;
    font-size: 40px;
    line-height: 1.4;
    margin: 3em 0 1.3em 0;
    text-align: center;
}
h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
    margin: 3em 0 1.3em 0;
    color: #cb0271;
    text-align: center;
}
dl{text-align: left;line-height: 1.5;}
dt{font-weight: bold;}
dd{margin-bottom: 1em;}
.short-item {
    flex-shrink: 0;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 480px) {
    h2 {
        color: #633b29;
        font-size: 18px;
        width: 100%;
    }
    .short-item {
        padding: 0 1em;
    }
}
.padding1em{padding: 1em;}