@charset "UTF-8";
/* CSS Document */

/*
Theme Name: SUNNYpoint
Author: Newtral Works -john
Version: 1.0
*/

/* Noto Sansの読み込み  */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 共通CSS */
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, form, p, table, th, td, address, input, textarea, button, article, footer, header, menu, nav, section {box-sizing: border-box;}
article, footer, header, menu, nav, section{display:block;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tr, th, td, article, aside, footer, header, menu, nav, section {margin:0;padding:0;border:0;font-size:100%;}
li {display:list-item;list-style:none;}
a {text-decoration:none;color:black;cursor:pointer;}
img {width:100%;height:auto;vertical-align:bottom;}
.clearfix:after {content:" ";display:block;clear:both;}
.container {width:100%;max-width:1400px;margin:0 auto;}
@media (max-width:1100px) and (min-width:641px){
  .container{padding-left:50px;padding-right:50px;}
}
@media (max-width:640px){.container {padding:0 20px;}}
.tb {display:none;}
body {
  color:#444444;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:200;
  font-size:15px;
}
h1, h2, h3 {font-weight:200;}
.orange {color:#f6921e;}
.big {font-size:60px;font-weight:100;}
.fontsize30{font-size:30px;}
.smallLetters{font-size:12px;}
@media (max-width:640px){.telephone{text-decoration:underline;color:blue;}}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}

.w700 {
    width: 700px;
}

.w800 {
    width: 800px;
}

.w900 {
    width: 900px;
}


/* fonts */
@font-face {font-family: 'CONDENSEicon';src: url(../font/CONDENSEicon.otf);}
.fontIcon {font-family:'CONDENSEicon';}


/* BASICAL RESPONSIVE */
@media (max-width:640px){.pc {display:none;} .sp {display:block;}}
@media (min-width:640px){.sp {display:none;}}

/* MAIN */
@media (min-width:641px){#main {padding-top:62px;}}
@media (max-width:640px){#main {padding-top:48.04px;}}

/* HEADER */
#header {
  width:100%;
  position:fixed;
  background-color:white;
  z-index:100;
}
.header-wrapper {
  border-bottom: 1px solid #dcdcdc;
}
.header-container {
  height:62px;
  max-width:1000px;
  margin : 0 auto;
}
.headerLeft, #headerLogo, #globalNav {
  float:left;
}
#headerLogo {
  margin-top:13px;
  width:117px;
  height:31px;
}
#globalNav li {
  float:left;
}
#globalNav li+li {
  margin-left:35px;
}
#globalNav ul {
  margin-left:125px;
  margin-top:23px;
}
.headerRight {
  float:right;
  margin-top:12px;
}
.headerBtns li {
  float:left;
}
.applyBtn {
  margin-right:10px;
  width:85px;
  height:40px;
  border-radius:50px;
  background-color:#f6921e;
  text-align:center;
}
.applyBtn a {
    color:white;
    font-size:12px;
    line-height: 40px;
}
.loginBtn a {
  font-size:13px;
}
.loginBtn {
  width:85px;
  height:40px;
  border-radius:50px;
  background-color:#fff;
  border:solid 2px lightgray;
  text-align:center;
}
.loginBtn a {
  line-height: 36px;
}

.otoiawaseBtn {
    width: 165px;
    height: 40px;
    border-radius: 50px;
    background-color: #fff;
    border: solid 2px #44b9d8;
    text-align: center;
}

.otoiawaseBtn a {
  font-size:13px;
  line-height: 36px;
  color: #44b9d8;
}

.appyyBtn a, .loginBtn a {
  text-align:center;
  vertical-align:middle;
}
.header-container_sp {
  display:none;
}

.boxmokuji {
    position: relative;
    line-height: 1.8;
    padding: 6px 12px !important;
    margin: 0 auto 20px auto !important;
    border: 1px solid silver;
    background: #f9f9f9;
    box-sizing: border-box;
}

.boxmokuji a {
    color: #29abe2;
}

.spsystemimg {
    display: none;
}

@media (max-width:1024px) and (min-width:641px) {
    .header-container {
      display:none;
    }
    .header-container_tb {
      display:block;
      height:62px;
      padding-left:50px;
      padding-right:50px;
    }
    .headerLeft_tb {
      float: left;
    }
    #headerLogo_sp {
      margin-top:15px;
      width:117px;
      height:31px;
    }
    .menuBar_tb {
      float:right;
      width: 30px;
      height:24px;
      background:url('../img/menubar.png') no-repeat;
      background-size:contain;
      margin-top:20px;
    }
    .headerLogin_tb {
      float:right;
      width: 120px;
      height: 32px;
      border: solid 1px lightgray;
      border-radius: 50px;
      margin-right: 18.75px;
      text-align: center;
      margin-top: 16px;
    }
    .headerLogin_tb img {
      width:13px;
      height:auto;
      margin-top:5px;
    }
    .headerLogin_tb span {
      font-size:15px;
      margin-top:6px;
      padding-left:3px;
    }
    .snavvy-links {
      max-width: 640px;
      margin: 0 auto;
    }
}

@media (max-width:640px){
  .header-container_sp {
    display: block;
    width:100%;
    height:48.04px;
    padding-left:20px;
    padding-right:20px;
  }
  .headerLeft_sp {
    float:left;
    width:110.15px;
    height:29.29px;
    margin-top:5px;
  }
  .menuBar_sp {
    float:right;
    width: 24.6px;
    height:18.75px;
    background:url('../img/menubar.png') no-repeat;
    background-size:contain;
    margin-top:15px;
  }
  .headerLogin_sp {
    float:right;
    width:90.82px;
    height:29.29px;
    border:solid 1px lightgray;
    border-radius:50px;
    margin-right:18.75px;
    text-align:center;
    margin-top:11px;
  }
  .headerLogin_sp img {
    width:10.54px;
    height:auto;
    margin-top:6px;
  }
  .headerLogin_sp span {
    font-size:13px;
    margin-top:6px;
  }
}
/* /HEADER */

/* BOUNCE EFFECT */
@media (min-width:641px){
  .hoverBounce {
    -webkit-transition: .3s ease-in-out;
  	transition: .3s ease-in-out;
  }
  .hoverBounce:hover {
    -webkit-animation: bounce 2s ease-in-out;
  	animation: bounce 2s ease-in-out;
  }
  @-webkit-keyframes bounce {
  	5%  { -webkit-transform: scale(1.1, .9); }
  	10% { -webkit-transform: scale(.9, 1.1) translateY(-2px); }
  	15% { -webkit-transform: scale(1, 1); }
  }
  @keyframes bounce {
  	5%  { transform: scale(1.1, .9); }
  	10% { transform: scale(.9, 1.1) translateY(-2px); }
  	15% { transform: scale(1, 1); }
  }
}
/* /BOUNCE EFFECT */

/* NAV EFFECT */
@media (min-width:641px){
  .navEffect {
    overflow:hidden;
  }
  .navEffect a span {
    position: relative;
  	display: inline-block;
  	-webkit-transition: -webkit-transform 0.3s;
  	-moz-transition: -moz-transform 0.3s;
  	transition: transform 0.3s;
  }
  .navEffect a span::before {
    position: absolute;
  	top: 100%;
  	content: attr(data-hover);
  	font-weight: 500;
  	-webkit-transform: translate3d(0,0,0);
  	-moz-transform: translate3d(0,0,0);
  	transform: translate3d(0,0,0);
  }
  .navEffect a:hover span,
  .navEffect a:focus span {
    -webkit-transform: translateY(-100%);
  	-moz-transform: translateY(-100%);
  	transform: translateY(-100%);
  }
  .footerNav a span::before {color:lightgray;}
}
footer .navEffect a span::before {
  font-weight: 200;
}
/* /NAV EFFECT */

/* btnSlide EFFECT */
@media (min-width:641px){
  .btnSlide {
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition:all .3s;
    overflow:hidden;
  }
  .btnSlide::before {
    content: '';
  	position: absolute;
  	z-index: 3;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	transition: all 0.3s;
    width:0;
    height:100%;
    top:0;
    left:0;
    background:#fff;
  }
  .btnSlide:hover > p, .btnSlide:active > p {
    color:#f6921e;
    z-index:5;
  	-webkit-transition: all 0.5s;
  	-moz-transition: all 0.5s;
  	transition: all 0.5s;
    position: relative;
  }
  .btnSlide:hover::before,
  .btnSlide:active::before {
    width:100%;
  }
}
/* /btnSlide EFFECT */

/* FOOTER -TOP- */
.top-footerWrapper {
  width:100%;
  background-color:#181818;
  height:190px;
}
.inner {
  max-width:1000px;
  width:100%;
  margin:0 auto;
}
.top-footerRight {
  float:right;
  text-align:left;
  margin-top:30px;
}
.top-footerRight img {
  width: 165px;
  height: auto;
}
.top-footerRight p {
  margin-top:14px;
  color:#696969;
  font-size:12px;
  text-align:center;
}
.top-footerLeft li a {
  color:#696969;
  font-size:14px;
}
.top-footerLeft {
  float:left;
  max-width: 775px;
  padding-bottom: 40px;
}
#top-footerNav {
  margin-top:60px;
}
#top-footerNav li {
  float:left;
  margin-right:40px;
}
.top-footerNav2 {
  line-height: 2em;
}
.top-footerNav2 li {
  margin-right:40px;
}
.top-footerNav2 li:last-child {
  margin-right:0;
}
#footer .activemedia {
  color: #696969;
  margin: 30px 0 15px;
}
#footer .activemedia > * {
  display: inline-block;
  vertical-align: middle;
}
#footer .activemedia img {
  width: 235px;
}
#footer .activemedia span {
  margin-left: 1em;
}

@media (max-width:640px) {
  .top-footerWrapper {
    height:250px;
  }
  .top-footerLeft {
    float:none;
    padding-bottom: 0;
  }
  #top-footerNav {
    margin-top:0;
    padding-top:30px;
  }
  #top-footerNav li {
    margin-right: 15px;
  }
  .top-footerLeft li a {
    /*font-size:12px;*/
    font-size: 3.2vw;
  }
  .top-footerNav2 {
    margin-top: 15px;
  }
  .top-footerNav2 li:last-child {
    margin-top: 13px;
  }
  .top-footerRight {
    float: none;
    margin-top: 0;
  }
  .top-footerRight a {
    display:block;
  }
  .top-footerRight a img {
    width: 136px;
    height: auto;
    margin-top: 30px;
  }
  .top-footerRight p {
    margin-top: 10px;
  }
  #footer .activemedia img {
    width: 180px;
  }
	.top-footerRight .bnr {
		margin: 15px 0 20px;
	}
	.top-footerRight .bnr a img {
		margin-top: 0;
	}
}
/* /FOOTER -TOP- */

/* FOOTER -OTHERS- */
.common-footerWrapper {
  width:100%;
  background-color:#181818;
  /*height:285px;*/
}
.common-footerLeft2 {
  clear:both;
  float:left;
  margin-top:40px;
}
.footerBtns li {
  float:left;
}
.footerLogin {
  background-color:#444444;
  border:none;
}
.footerLogin a {
  line-height: 40px;
}
.common-footerLeft2 .footerBtns li a {
  color:#fff;
  font-size:12px;
}

#common-footerNav {
  margin-top:60px;
}
#common-footerNav li {
  float:left;
  margin-right:40px;
}
#common-footerNav2 {
  margin-top:15px;
}
#common-footerNav2 li {
  float:left;
  margin-right:40px;
}

.cnvBtnWrapper {
	padding-top: 72px;
}
.cnvBtnblock {
	background: #fff;
	border-top: #bebebe 1px solid;
	padding: 15px 0;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-transition: bottom .4s ease;
	transition: bottom .4s ease;
}
.cnvBtnblock.is-hidden {
	bottom: -95px;
}
.cnvBtnblock .btn {
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
	text-align: center;
}
.cnvBtnblock .btn li {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	width: 280px;
	margin: 0 8px;
}
.cnvBtnblock .btn li a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	display: block;
	padding: 12px 20px 10px;
	border-radius: 2px;
	position: relative;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}
.cnvBtnblock .btn li a:hover {
	opacity: .6;
}
.cnvBtnblock .btn li a:after {
	content: "";
	display: block;
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border-top: #fff 2px solid;
	border-right: #fff 2px solid;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -3.5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cnvBtnblock .btn li a.dl {
	background: rgb(124,203,0);
	background: -moz-linear-gradient(right, rgba(124,203,0,1) 0%, rgba(94,154,0,1) 100%);
	background: -webkit-linear-gradient(right, rgba(124,203,0,1) 0%,rgba(94,154,0,1) 100%);
	background: linear-gradient(to left, rgba(124,203,0,1) 0%,rgba(94,154,0,1) 100%);
}
.cnvBtnblock .btn li a.inq {
	background: rgb(244,127,0);
	background: -moz-linear-gradient(left, rgba(244,127,0,1) 0%, rgba(244,186,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(244,127,0,1) 0%,rgba(244,186,0,1) 100%);
	background: linear-gradient(to right, rgba(244,127,0,1) 0%,rgba(244,186,0,1) 100%);
}
.cnvBtnblock .btn li a.seminer {
	background: rgb(255,151,151);
	background: -moz-linear-gradient(left, rgba(255,151,151,1) 0%,rgba(255,119,119,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,151,151,1) 0%,rgba(255,119,119,1) 100%);
	background: linear-gradient(to left, rgba(255,151,151,1) 0%,rgba(255,119,119,1) 100%);
}
.cnvBtnblock .btn li a.seminer span {
	display: block;
	font-size: 10px;
	line-height: 1.2;
	width: 37px;
	padding: 7px 0px 6px;
	background: #ff0000;
	border-radius: 37px;
	position: absolute;
	top: -8px;
	left: -5px;
}

.res_star {
	max-width: 1140px;
	margin: 0 auto 35px;
}
.res_star .bnr a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 17.36842%;
	background: url('../img/bnr_res-star_pc.jpg') no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.res_star .bnr a:hover {
	opacity: .7;
}


@media (max-width:1024px) and (min-width:641px) {
  .common-footerWrapper {
    height:auto;
  }
  .top-footerLeft {
    max-width: calc(100% - 165px);
    padding-bottom: 40px;
  }
  #common-footerNav, .top-footerNav2 {
    line-height:2;
  }
	.cnvBtnblock .btn li {
		width: 255px;
	}
}

@media (max-width:640px){
  .common-footerWrapper {
    height:auto;
  }
  #common-footerNav {
    margin-top:0;
    padding-top:30px;
  }
  #common-footerNav li {
    margin-right: 15px;
  }
  .common-footerLeft2 {
    float:none;
  }
  .common-footerRight {
    padding-bottom:25px;
  }
  .footerBtns li {
    width: calc((100% - 10px)/2);
  }
  .common-footerLeft2 .footerBtns li a {
    font-size:20px;
    font-weight: 100;
  }
	.cnvBtnWrapper {
		display: none;
	}
}
/* /FOOTER -OTHERS- */

/* FOOTER SUB- */
.fsWrapper {
  padding-top:50px;
  padding-bottom:60px;
}
.fsContainer {
  padding-top:40px;
  padding-bottom:45px;
  position:relative;;
}
.fsBox {
  position:relative;
  width:100%;
  height:auto;
}
.fsBoxText {
  position:absolute;
  color:white;
  font-size:28px;
  top:37%;
  left:7%;
  font-weight:300;
  letter-spacing: 2px;
}
.fsNotion {
  position:absolute;
  font-size:11px;
  top:77%;
  left:0;
  font-weight:300;
}
@media (max-width:1000px){
  .fsBoxText {
    font-size:2.8vw;
  }
  .fsNotion {
    font-size:1vw;
    left:7%;
  }
}
.fsBtn {
  height:90px;
  width:380px;
  background-color:#f6921e;
  border-radius:50px;
  text-align:center;
  position:relative;
  margin:0 auto;
}
.fsBtn p {
  color:white;
  text-align:center;
  display:inline-block;
}
.fsBtn-p1 {
  font-size:16px;
  position:absolute;
  top:20px;
  left:120px;
}
.fsBtn-p2 {
  font-size:27px;
  position:absolute;
  top:42px;
  left:100px;
}
.fsBtnPointer {
  width:33px;
  height:47px;
  position:absolute;
  top:20px;
  left:50px;
}
.fsMsg {
  margin-top:36px;
  font-size:32px;
  text-align:center;
}

@media (max-width:640px){
  .fsContainer {
    padding:12px 20px 20px 20px;
  }
  .fsBox {
    width:auto;
    height:145px;
    background:url('../img/footerSub-box_sp.png') no-repeat;
    background-size:100% 100%;
    margin-left: -20px;
    margin-right: -20px;
  }
  .footerSub-mock {
    width:164px;
    height:183px;
    top:0;
    right:20px;
  }
  .fsMsg {
    margin-top: 20px;
    font-size: 5.5vw;
    font-weight:300;
  }
  .fsBtn_sp {
    width:90%;
    height:80px;
    background-color:#f6921e;
    border-radius:50px;
    text-align:center;
    margin:0 auto;
  }
  .fsBtnPointer_sp img {
    width:33px;
    height:47px;
  }
  .fsBtnInner_sp {
    display:flex;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
    padding-top: 16px;
  }
  .fsBtnP {
    color:white;
    padding-left:10px;
  }
  .fsBtn-p1_sp {
    font-size:16px;
  }
  .fsBtn-p2_sp {
    font-size:24px;
  }
  .fsNotion {
    line-height: 1.5;
  }
  .fsContainer_sp {
    padding-top:40px;
    padding-bottom:40px;
  }
  .fsWrapper {
    padding-top:0;
  }
  .fsBox_sp {
    width:100%;
    height:auto;
    position: relative;
  }
  .fsBox_sp p {
    font-size: 4vw;
    padding-left: 20px;
    color:#fff;
    display: inline-block;
    position: absolute;
    top: 26%;
    left: 20px;
    letter-spacing: 2px;
    line-height: 1.5;
  }
  .fsNotion {
    padding-left: 20px;
    padding-right: 20px;
    position:static;
    font-size:11px;
  }
}
/* /FOOTER SUB- */

/* HEADING- */
.heading02 {
  font-weight: normal;
}
.heading02 > span {
  display: block;
}
/* /HEADING- */

/* BREADCRUMB- */
.breadCrumb {
	max-width: 1000px;
	margin: 15px auto 0;
}
.breadCrumb .breadCrumb_list {
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadCrumb .breadCrumb_list li {
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
	padding-left: 2em;
	position: relative;
}
.breadCrumb .breadCrumb_list li a:hover {
	text-decoration: underline;
}
.breadCrumb .breadCrumb_list li:first-child {
	padding-left: 0;
}
.breadCrumb .breadCrumb_list li:before {
	content: "";
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border-top: #444 1px solid;
	border-right: #444 1px solid;
	display: block;
	position: absolute;
	top: 50%;
	left: .8em;
	margin-top: -3px;
	transform: rotate(45deg);
}
.breadCrumb .breadCrumb_list li:first-child:before {
	display: none;
}

@media (max-width: 1100px) and (min-width: 641px) {
	.breadCrumb {
		max-width: none;
		padding: 0 45px;
	}
}

@media (max-width: 640px) {
	.breadCrumb {
		padding: 0 20px;
	}
	.breadCrumb .breadCrumb_list li {
		font-size: 11px;
	}
	.breadCrumb .breadCrumb_list li:before {
		left: .5em;
	}
}

/* /BREADCRUMB- */


/* TOP-PAGE */

/* SECTION1　お客様とつながる */
.top-s1Wrapper {
  background:url('../img/uploads/2022/05/bc355d8acffdb15cdae4208cf41c9461.jpg') no-repeat center center;
  background-size: cover;
}
.top-s1Container {
  min-height:90vh;
  max-width:1000px;
  position:relative;
}
.top-s2Container {
  min-height:120px;
  max-width:1000px;
  position:relative;
}

.top-s3Container {
  min-height:50px;
  max-width:1000px;
  position:relative;
}

.top-links li {
	position: absolute;
}
.top-links li a {
	display: block;
	-webkit-transition: .4s ease;
	transition: .4s ease;
}
.top-links li a:hover {
	-webkit-animation: bounce 2s ease-in-out;
	animation: bounce 2s ease-in-out;
	opacity: .7;
}
.top-links li img {
	width: auto;
}
.top-links li.link01 {
	top: 86px;
	right: 26.5%;
}
.top-links li.link02 {
	top: 189px;
	left: 16.2%;
}
.top-links li.link03 {
	top: 276px;
	left: -13.3%;
}
.top-s1Left {
  float:left;
}
.top-s1Text {
/*  text-align:center;*/
  padding-top:75px;
}
.top-s1Text p {
  font-size:25px;
  font-weight:100;
  margin-top:21px;
  margin-bottom: 0.5em;
}
.top-s1Text h2 {
  font-size:32px;
  font-weight:200;
}
.top-section1_tb,
.top-section1_sp {
  display:none;
}

@media (min-width:641px){
}

@media (max-width:1100px) and (min-width:641px){
  .top-section1,
  .top-section1_sp{
    display:none;
  }
  .top-section1_tb {
    display:block;
    position:relative;
  }
  .top-s2-0Title {
    margin-top: 35px !important;
  }
	.top-section1_tb > img {
		position: relative;
		z-index: 1;
	}
	.top-section1_tb .top_link_tb {
		display: block;
		position: absolute;
		z-index: 2;
	}
	.top-section1_tb .top_link_tb a {
		display: block;
		-webkit-transition: .4s ease;
		transition: .4s ease;
	}
	.top-section1_tb .top_link_tb a:hover {
		-webkit-animation: bounce 2s ease-in-out;
		animation: bounce 2s ease-in-out;
		opacity: .7;
	}
	.top-section1_tb .top_link_tb.link01 {
		width: 12.1875%;
		top: 15.92592%;
		right: 30.9375%;
	}
	.top-section1_tb .top_link_tb.link02 {
		width: 18.04687%;
		top: 35%;
		left: 24.29687%;
	}
	.top-section1_tb .top_link_tb.link03 {
		width: 15.70312%;
		top: 50.92592%;
		left: 0;
	}
}

@media (max-width:640px){
  .top-section1,
  .top-section1_tb {
    display:none;
  }
  .top-section1_sp {
    display:block;
    position:relative;
  }
	.top-section1_sp .top-s1Wrapper_sp img {
		position: relative;
		z-index: 1;
	}
	.top-section1_sp .top_link_sp {
		position: absolute;
		z-index: 2;
	}
	.top-section1_sp .top_link_sp.link01 {
		width: 20.4%;
		top: 21.54017%;
		right: 29.33333%;
	}
	.top-section1_sp .top_link_sp.link02 {
		width: 25.6%;
		top: 38.72767%;
		left: 16.13333%;
	}
	.top-section1_sp .top_link_sp.link03 {
		width: 16.53333%;
		top: 57.9241%;
		left: 0;
	}

  .top-s1Text {
    position: absolute;
    padding:2em 0 0 2em;
		z-index: 2;
  }
  .top-s1Text p {
    font-size:15px;
  }
  .top-s1Text h2 {
    font-size:22px;
  }
}

/* /SECTION1　お客様とつながる */


/* SECTION2-0　サニポだからできること */
.top-s2-0Container {
  max-width:1000px;
  margin:0 auto;
}
.top-s2-0Sunnypoint {
  width:236px;
  height:62px;
}
.top-s2-0Title {
  margin-top:62px;
  text-align:center;
}
.letterspacing {
  letter-spacing:-15px;
}
.top-s2-0Title p {
  font-size:40px;
  display:inline-block;
  padding-bottom:9px;
  padding-left: 10px;
}
.top-s2-0Mock {
  padding-left:8.5%;
  padding-right:8.5%;
  margin-top:39px;
}
.top-s2-0Wrapper {
  margin-top:31px;
  display:flex;
}
.top-s2-0Box {
  flex-basis:calc(100% / 3);
  padding-left:25px;
  padding-right:25px;
  text-align:center;
}
.top-s2-0Box h3 {
  font-size:24px;
  font-weight:200;
  text-align:center;
  display:inline-block;
}
.top-s2-0Box p {
  margin-top:23px;
  font-size:15px;
  font-weight:100;
  line-height:1.8;
  text-align:left;
}
.top-s2-0BoxTitle1::before {
  background: url(../img/top-point-iconO.png) no-repeat;
  content: "";
  padding-left: 31px;
  padding-bottom: 37px;
  margin-right: 10px;
  background-size: 100%;
  display: inline-block;
  vertical-align: text-top;
}
.top-s2-0BoxTitle2::before {
  background: url(../img/top-msg-iconO.png) no-repeat;
  content: "";
  padding-left: 37px;
  padding-bottom: 24px;
  margin-right: 10px;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
}
.top-s2-0BoxTitle3::before {
  background: url(../img/top-reserve-iconO.png) no-repeat;
  content: "";
  padding-left: 30px;
  padding-bottom: 30px;
  margin-right: 10px;
  background-size: 100%;
  display: inline-block;
  vertical-align: sub;
}
.top-s2-0Box a:hover + p {
  text-decoration: underline;
  color:#f6921e;
}
.top-s2-0Box p:hover {
    text-decoration: underline;
    color:#f6921e;
}

@media (min-width:641px){#top-s2-0BoxText1 {margin-top:16px;}}
@media (max-width:640px){
  .top-s2-0Title {
    margin-top: 35px;
  }
  .top-s2-0Sunnypoint {
    width: 125px;
    height: auto;
  }
  .top-s2-0Title p {
    font-size: 18px;
    padding-bottom: 7px;
    padding-left: 3px;
  }
  .top-s2-0Mock {
    margin-top:25px;
  }
  .top-s2-0Wrapper {
    flex-direction: column;
  }
  .top-s2-0Box {
    padding-top:25px;
    padding-left: 0;
    padding-right: 0;
  }
  .top-s2-0Box p {
    margin-top: 10px;
  }
  .top-s2-0Box h3 {
    font-size:18px;
  }
  .top-s2-0BoxTitle1::before {
    padding-left: 25px;
    padding-bottom: 30px;
  }
  .top-s2-0BoxTitle2::before {
    padding-left: 33px;
    padding-bottom: 20px;
  }
  .top-s2-0BoxTitle3::before {
    padding-left: 26px;
    padding-bottom: 26px;
  }
}
/* /SECTION2-0　サニポだからできること */

/* SECTION2 */
.top-s2Title {
  margin-top:50px;
  margin-bottom: 50px;
  text-align:center;
}

#top-s2Title1 {
  font-size:1.5em;
  font-weight:100;
}

.top-s2Title1 {
  font-size:1.5em;
  font-weight:100;
}

#top-s2Title2 {
  margin-top:10px;
  font-size:46px;
  font-weight:100;
}

.top-s2Title2 {
  margin-top:10px;
  font-size:46px;
  font-weight:100;
}
.top-s2Wrapper {
  max-width:1000px;
  margin-top:50px;
  margin-bottom:100px;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  justify-content: center;
}
.top-s2Box {
  flex-basis:calc(100% / 3);
  justify-content:space-between;
  margin-right:50px;
}
.top-s2Box:last-child {
  margin-right:0;
}
.top-s2Box h3 {
  font-size:16px;
  font-weight:400;
  margin-top:25px;
  text-align:center;
  transition: all .2s ease-out;
}
.top-s2Box p {
  margin-top:27px;
  text-align:center;
  transition: all .2s ease-out;
}
/* 投稿部分ホバーエフェクト */
.top-s2Box img {
  transition: all .2s ease-out;
}
.top-s2Box div:hover > img {
  opacity:0.7;
}
.top-s2Box div:hover > h3 {
  color: orange;
}
.top-s2Box div:hover > p {
  color: orange;
  text-decoration: underline;
}
.top-s2Box div:hover > img {
    opacity: 0.8;
}

@media (max-width:640px){
  .top-s2Title {
    margin-top:40px;
  }
  #top-s2Title1 {
    font-size: 16px;
  }
  .big {
    font-size: 24px;
    font-weight: 100;
    margin: 0 3px;
  }
  #top-s2Title2 {
    font-size: 18px;
  }
  .top-s2Wrapper {
    flex-direction: column;
    margin-bottom:50px;
  }
  .top-s2Box {
    flex-basis:auto;
    margin-right:0;
    margin-top: 30px;
  }
  .top-s2Box:first-child {
    margin-top:0;
  }
  .top-s2Box h3 {
    margin-top:20px;
  }
  .top-s2Box p {
    margin-top: 10px;
    font-size: 14px;
  }
}
/* /SECTION2 */


/* SECTION3 */
.top-s3Container {
  padding-top: 230px;
  padding-bottom: 230px;
}
.top-s3Wrapper {
  background:url('../img/main02img.png') no-repeat center center;
  background-size:cover;
}
.top-s3Title p {
  color:white;
  font-size:50px;
  text-align:center;
  line-height:1.2;
  font-weight:100;
}
.top-wfWrapper {
  width:100%;
  max-width:1000px;
  margin:0 auto;
  margin-top:60px;
  background:url('../img/top-flow-box.png') no-repeat;
  background-size:100% 100%;
  display:flex;
}
.top-wfBox {
  flex-basis:calc(100% / 3);
  justify-content:space-between;
  padding:28px 10px 37px 30px;
}
.top-wfStep {
  width:82px;
  height:35px;
  margin:0 auto;
  text-align:center;
  font-size:16px;
  color:white;
  padding-top:5px;
}
#top-wfStep1 {
  background:url('../img/top-flow-step1.png') no-repeat;
  background-size:100% auto;
}
#top-wfStep2 {
  background:url('../img/top-flow-step2.png') no-repeat;
  background-size:100% auto;
}
#top-wfStep3 {
  background:url('../img/top-flow-step3.png') no-repeat;
  background-size:100% auto;
}
.top-wfTitle {
  text-align:center;
  font-size:22px;
  color:white;
  margin-top:15px;
  font-weight:100;
}
.top-wfText {
  color:white;
  font-size:15px;
  margin-top:22px;
  line-height:1.7;
}
.top-s3Contact{
  margin-top:50px;
}
.top-s3ContactCatch {
  color:white;
  text-align:center;
  font-size:20px;
}
.top-s3ContactBtn {
  margin-top:11px;
  margin-left:auto;
  margin-right:auto;
  font-size: 16px;
  width:321px;
  height:60px;
  background-size:100% auto;
  position:relative;
  background-color: #44b9d8;
  color: #ffffff;
  text-align: center;
  padding: 20px 30px;
  font-weight: 400;
  z-index: 2;
  line-height: 50px;
}
.top-s3ContactBtn p {
  position:absolute;
  top:15px;
  left:75px;
  color:white;
}
.top-s3ContactText {
  color:white;
  margin-top:25px;
  padding-bottom:100px;
  text-align:center;
}
.top-s2Container.container {
    text-align: center;
}
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
}
.button:hover {
  background-color: #fff;
  border-color: #44b9d8;
  color: #44b9d8;
}
.button::before,
.button::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #333;
}
.button::before {
  right: 0;
}
.button::after {
  left: 0;
}
.button:hover::before,
.button:hover::after {
  width: 0;
  background-color: #44b9d8;
}

@media (max-width:640px){
  .top-s3Container {
    padding-top:35px;
  }
  .top-s3Title p {
    font-size:26px;
  }
  .top-wfWrapper {
    width:100%;
    margin-top:30px;
    background:url('../img/top-flow-box_sp.png') no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
  }
  .top-wfBox {
    padding:25px 25px 0 25px;
  }
  .top-wfBox:nth-child(2) {
    padding-top:50px;
    padding-bottom:35px;
  }
  .top-wfBox:nth-child(3) {
    padding-top:10px;
    padding-bottom:20px;
  }
  .top-wfTitle {
    font-size:18px;
  }
  .top-wfText {
    font-size: 13px;
    margin-top: 15px;
  }
  .top-s3Contact {
    margin-top:30px;
  }
  .top-s3ContactCatch {
    font-size: 19px;
  }
  .top-s3ContactBtn {
    font-size: 20px;
    width: 280px;
    background: url('../img/top-flow-btn_sp.png') no-repeat;
    background-size: 100% auto;
  }
  .top-s3ContactBtn p {
    top:12px;
  }
  .top-s3ContactText {
    margin-top: 5px;
    padding-bottom: 40px;
    font-size: 12px;
    text-align:left;
    line-height: 1.5;
    margin-left:auto;
    margin-right:auto;
  }
}
/* /SECTION3 */


/* SECTION4 */
#price{
  margin-top: 0px;
}
.top-s4Inner {
  max-width:1000px;
  margin:0 auto;
}
.top-s4Title {
  margin-top:50px;
  margin-bottom:60px;
}
.top-s4Title h2 {
  font-size:28px;
  font-weight:100;
  text-align:center;
  margin-bottom: 0.5em
}
.top-price{
  max-width: 1000px;
  display: flex;
  text-align: center;
  line-height: 1.8em;
}
.top-price_pc{
  width: 41%;
  margin-right: 1%;
  background-color: #fafafa;
  padding: 60px 30px;
}
.top-price_tb{
  width: 58%;
  background-color: #fafafa;
  padding: 60px 30px;
}
.price-price_pc{
  width: 41%;
  margin-right: 1%;
  background-color: #fafafa;
  padding: 60px 30px;
}
.price-price_tb{
  width: 58%;
  background-color: #fafafa;
  padding: 60px 30px;
}
.top-price h3{
  font-size: 30px;
}
.top-price hr{
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
  border: none;
  color: #d1d1d1;
  margin: 40px 0;
}
.top-price ul{
  width: auto;
  margin: 0 auto;
  margin-bottom: 30px;
}
.top-price ul li{
  display: inline-block;
  margin: 0 1em;
  text-align: center;
  font-size: 13px;
}

.price_big{
  font-size: 30px;
}
.price_small{
  font-size: 13px;
  font-weight: lighter;
}
.price_medium{
  font-size: 18px;
  margin-bottom: 1em;
}
.price_light{
  font-weight: lighter;
}
.price_two{
  display: inline-block;
  width: 49%;
}
.border{
  border-left: 1px solid #ddd;
}
.price_left{
  width: 50px;
  float: left;
  text-align: center;
  clear: both;
  margin: 0.5em 0;
  }
.price_right{
  float: right;
  text-align: left;
  }
.center{
  text-align: center;
  line-height: 2em;
}

.price-content {
	margin-top: 30px;
}
.top-section4 .price-content {
	margin: 0 0 90px;
}
.price-content .price-head {
	width: 82%;
	margin: 0 auto 40px;
	padding-bottom: 40px;
	text-align: center;
	position: relative;
}
.price-content .price-head:after {
	content: "";
	display: block;
	height: 4px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: -webkit-linear-gradient(to right, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 40%,rgba(191,191,191,1) 40%,rgba(191,191,191,1) 100%);
	background: -moz-linear-gradient(to right, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 40%,rgba(191,191,191,1) 40%,rgba(191,191,191,1) 100%);
	background: linear-gradient(to right, rgba(229,229,229,1) 0%,rgba(229,229,229,1) 40%,rgba(191,191,191,1) 40%,rgba(191,191,191,1) 100%);
}
.price-content .price-head .hdg {
	color: #3f3f3f;
	font-size: 48px;
	line-height: 1.2;
	margin-bottom: 5px;
}
.price-content .price-head .lead {
	color: #f48300;
	font-size: 28px;
}
.price-content .price-table {
	overflow-x: auto;
  overflow-y: hidden;
}
.price-content .price-body {
	width: 1000px;
	display: table;
	table-layout: fixed;
}
.price-content .price-body > * {
	display: table-cell;
	vertical-align: bottom;
}
.price-content .price-body .pc-cntrll {
	width: 28%;
}
.price-content .price-body .pc-cntrll * {
	color: #464646;
	font-size: 16px;
}
.price-content .price-body .pc-cntrll .item {
	padding-left: 7%;
	line-height: 55px;
	border-bottom: #dfdfdf 1px solid;
}
.price-content .price-body .pc-cntrll .childItem,
.price-content .price-body .pranCol .plan .childItem {
	display: none;
	background: #f3f3f3;
}
.price-content .price-body .pc-cntrll .item:first-child {
	border-top: #dfdfdf 1px solid;
}
.price-content .price-body .pc-cntrll .item a {
	display: block;
	position: relative;
}
.price-content .price-body .pc-cntrll .item a:after {
	content: "";
	box-sizing: border-box;
	width: 9px;
	height: 9px;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	display: block;
	position: absolute;
	top: 50%;
	right: 7%;
	margin-top: -4.5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: .3s ease;
	transition: .3s ease;
}
.price-content .price-body .pc-cntrll .item a.open:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.price-content .price-body .pc-cntrll .inList li {
	border-bottom: #dfdfdf 1px solid;
	padding-left: 14%;
}
.price-content .price-body .pc-cntrll .inList li > span {
	line-height: 55px;
	display: inline-block;
	vertical-align: middle;
}
.price-content .price-body .pc-cntrll .inList li .toolchip {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	margin-left: 1em;
	position: relative;
}
.price-content .price-body .pc-cntrll .inList li .blln {
	width: 265px;
	background: #fff;
	border: #f4880a 1px solid;
	border-radius: 8px;
	padding: 15px 10px;
	position: absolute;
	bottom: 32px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}
.price-content .price-body .pc-cntrll .inList li .blln:after {
	content: "";
	box-sizing: border-box;
	width: 17px;
	height: 17px;
	display: block;
	background: #fff;
	border-bottom: #f4880a 1px solid;
	border-right: #f4880a 1px solid;
	position: absolute;
	left: 50%;
	bottom: -8.5px;
	margin-left: -8.5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
}

.price-content .price-body .pc-cntrll .inList li .blln dl {
	color: #464646;
	line-height: 1.6;
}
.price-content .price-body .pc-cntrll .inList li .blln dl dt {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}
.price-content .price-body .pc-cntrll .inList li .blln dl dd {
	font-size: 12px;
}
.price-content .price-body .pranCol .sp-cntrll {
	display: none;
}
.price-content .price-body .pranCol .plan {
	text-align: center;
}
.price-content .price-body .pranCol .plan .hdg {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: #dfdfdf 1px solid;
}
.price-content .price-body .pranCol .plan .item {
	font-size: 30px;
	line-height: 55px;
	border-left: #dfdfdf 1px solid;
	border-bottom: #dfdfdf 1px solid;
}
.price-content .price-body .pranCol .plan .item.top {
	color: #7b7b7b;
	font-size: 32px;
}
.price-content .price-body .pranCol .plan .item.second {
	color: #7b7b7b;
	font-size: 32px;
}
.price-content .price-body .pranCol .plan .item.top strong,
.price-content .price-body .pranCol .plan .item.second strong {
	color: #8ace36;
	font-weight: bold;
	line-height: 1;
}
.price-content .price-body .pranCol .plan .item.second.pdtb {
	padding: 5px 0 4px;
	line-height: 1.1;
}
.price-content .price-body .pranCol .plan .item.second small {
	font-size: 14px;
}
.price-content .price-body .pranCol .plan .item.second .note {
	font-size: 10px;
	display: block;
}
.price-content .price-body .pranCol .plan .inList li {
  font-size: 30px;
	line-height: 55px;
	border-left: #dfdfdf 1px solid;
	border-bottom: #dfdfdf 1px solid;
}
.price-content .price-body .pranCol .plan .iconcheck {
	display: inline-block;
	width: 22px;
}
.price-content .price-body .pranCol .plan .iconcheck img {
	vertical-align: middle;
}
.price-content .price-body .pranCol .cap {
	display: none;
}

@media (max-width:640px){
  .top-s4Title {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .top-price{
      width: 585px;
      -webkit-overflow-scrolling: touch;
      font-size: 10px;
  }
  .top-price_pc{
    padding: 30px 15px;
    width: 49%;
    margin-right: 1%;
  }
  .top-price_tb{
    padding: 30px 15px;
    width: 50%;
  }
  .price-price_pc{
    padding: 30px 15px;
    width: 38%;
    margin-right: 1%;
  }
  .price-price_tb{
    padding: 30px 15px;
    width: 50%;
  }
  .top-s4Title h2 {
    font-size:13px;
    margin-bottom: 1em;
  }
  .top-scrollTable_sp {
    overflow: hidden;
    overflow-x: scroll;
  }
  .top-price h3{
    font-size: 20px;
  }
  .top-price hr{
    margin: 20px 0;
  }
  .top-price ul{
    margin-bottom: 20px;
  }
  .top-price ul li{
    font-size: 10px;
  }
  .price_small{
    font-size: 10px;
  }
  .price_medium{
    font-size: 13px;
  }
  .price_two{
    display: block;
    width: 100%;
    margin: 1em 0;
  }
  .border{
    border-left: none;
    border-top: 1px solid #ddd;
    padding: 2em 0 0 0;
  }
  .price_left{
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
    }
  .price_right{
    text-align: center;
    float: none;
    }
  .center{
    text-align: center;
    line-height: 1em;
  }
	.price-content {
		margin-top: 20px;
	}
	.top-section4 .price-content {
		margin: 0;
	}
	.price-content .price-head {
		width: 100%;
		margin: 0 0 20px;
		padding-bottom: 30px;
	}
	.price-content .price-head .hdg {
		font-size: 32px;
		margin-bottom: 3px;
	}
	.price-content .price-head .lead {
		font-size: 15px;
	}
	.price-content .price-body {
		width: 100%;
		display: block;
	}
	.price-content .price-body > * {
		display: block;
	}
	.price-content .price-body .pc-cntrll {
		display: none;
	}
	.price-content .price-body .pranCol {
		width: 100%;
		display: table;
		table-layout: fixed;
		direction: rtl;
		margin-bottom: 40px;
	}
	.price-content .price-body .pranCol > * {
		display: table-cell;
		width: 50%;
		direction: ltr;
		vertical-align: top;
	}
	.price-content .price-body .pranCol .sp-cntrll {
		display: table-cell;
	}
	.price-content .price-body .pranCol .cap {
		display: table-caption;
		width: 100%;
		text-align: center;
		padding-bottom: 7px;
		border-bottom: #dfdfdf 1px solid;
	}
	.price-content .price-body .pranCol .cap p {
		color: #3f3f3f;
		font-size: 18px;
		font-weight: bold;
	}
	.price-content .price-body .pranCol .plan .hdg {
		display: none;
	}
	.price-content .price-body .sp-cntrll * {
		font-size: 11px;
		letter-spacing: -0.05em;
	}
	.price-content .price-body .sp-cntrll .item {
		padding-left: 2%;
		line-height: 50px;
		border-bottom: #dfdfdf 1px solid;
	}
	.price-content .price-body .sp-cntrll .childItem {
		display: none;
		background: #f3f3f3;
	}
	.price-content .price-body .sp-cntrll .item a {
		display: block;
		position: relative;
	}
	.price-content .price-body .sp-cntrll .item a:after {
		content: "";
		box-sizing: border-box;
		width: 5px;
		height: 5px;
		border-left: #696969 1px solid;
		border-bottom: #696969 1px solid;
		display: block;
		position: absolute;
		top: 50%;
		right: 7%;
		margin-top: -2.5px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	.price-content .price-body .sp-cntrll .item a.open:after {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.price-content .price-body .sp-cntrll .inList li {
		border-bottom: #dfdfdf 1px solid;
		padding-left: 4%;
	}
	.price-content .price-body .sp-cntrll .inList li > span {
		line-height: 50px;
		display: inline-block;
		vertical-align: middle;
	}
	.price-content .price-body .sp-cntrll .inList li .toolchip {
		display: inline-block;
		vertical-align: middle;
		width: 15px;
		margin-left: 1em;
		position: relative;
	}
	.price-content .price-body .sp-cntrll .inList li .blln {
		width: 130px;
		background: #fff;
		border: #f4880a 1px solid;
		border-radius: 8px;
		padding: 10px;
		position: absolute;
		bottom: 21px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		display: none;
	}
	.price-content .price-body .sp-cntrll .inList li .blln:after {
		content: "";
		box-sizing: border-box;
		width: 10px;
		height: 10px;
		display: block;
		background: #fff;
		border-bottom: #f4880a 1px solid;
		border-right: #f4880a 1px solid;
		position: absolute;
		left: 50%;
		bottom: -5px;
		margin-left: -5px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(45deg);
	}
	.price-content .price-body .sp-cntrll .inList li .blln dl {
		color: #464646;
		line-height: 1.6;
	}
	.price-content .price-body .sp-cntrll .inList li .blln dl dt {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 3px;
	}
	.price-content .price-body .sp-cntrll .inList li .blln dl dd {
		font-size: 12px;
	}
	.price-content .price-body .pranCol .plan .item {
		font-size: 20px;
		line-height: 50px;
	}
	.price-content .price-body .pranCol .plan .item.top {
		font-size: 20px;
	}
	.price-content .price-body .pranCol .plan .item.second {
		font-size: 20px;
	}
	.price-content .price-body .pranCol .plan .item.second.pdtb {
		padding: 3px 0;
		min-height: 50px;
	}
	.price-content .price-body .pranCol .plan .item.second small {
		font-size: 12px;
	}
	.price-content .price-body .pranCol .plan .item.second .note {
		text-align: left;
		padding-left: 5px;
	}
	.price-content .price-body .pranCol .plan .inList li {
    font-size: 20px;
		line-height: 50px;
	}
	.price-content .price-body .pranCol .plan .iconcheck {
		width: 20px;
	}
}
/* /SECTION4 */

/* SECTION5 */
.top-s5Wrapper {
  background:url('../img/backlogomark-right.png') no-repeat;
  background-size:contain;
  padding-top:80px;
  padding-bottom:80px;
  background-position: bottom;
}

.top-s5Wrapperl {
  background:url('../img/backlogomark-left.png') no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: top;
}

.top-s5Wrappertopr {
  background:url('../img/backlogomark-right.png') no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: top;
}

.top-s5Wrappersystemback01 {
  background:url('../img/section5img05-01back.png') no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: top;
}

.top-s5Wrappersystemback02 {
  background:url('../img/section5img05-02back.png') no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: top;
}

.top-s5Wrappersystemback03 {
  background:url('../img/section5img05-03back.png') no-repeat;
  background-size: contain;
  padding-top: 80px;
  padding-bottom: 80px;
  background-position: top;
}

.top-s5Wrappersystemback04 {
  background:url('../img/uploads/2022/05/712768784a56d19aad5bd83b972d1533.jpg') no-repeat;
  background-size: contain;
  padding-top: 30px;
  padding-bottom: 40px;
  background-position: top;
  margin-bottom: 50px;
}

.top-s5Wrappersystemback05 {
  background:url('../img/uploads/2022/05/a77a85cd35de08ef9bf754ee7a1fe016.jpg') no-repeat;
  background-size: contain;
  padding-top: 30px;
  padding-bottom: 40px;
  background-position: top;
  margin-bottom: 50px;
}

.top-s5Wrappersystemback06 {
  background:url('../img/uploads/2022/05/6fa108d7dd2b8927b19a368190670e34.jpg') no-repeat;
  background-size: contain;
  padding-top: 30px;
  padding-bottom: 40px;
  background-position: top;
  margin-bottom: 50px;
}

.top-s5Wrapperspacenone {
    background-size: contain;
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: bottom;
}

.h2title {
    text-align: center;
}

.h2title span {
    font-size: 34px;
    letter-spacing: 15px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 60px;
    padding: 40px 0;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    color:#99d0d6;
}

.h2titlespan{
    display: block;
    font-size: 20px;
    letter-spacing: normal;
    color: #7F7F7F;
    margin-bottom: 20px;
    text-align: center;
    line-height: 30px;
    padding: 40px 0;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

hr.short {
    border-width: 1px 0px 0px 0px;
    border-color: gray;
    height: 1px;
    width: 50px;
}

.borderspace {
    padding: 50px;
}

.problem-wrapw {
    max-width: 1000px;
    text-align: center;
    margin: auto;
}

.h3-1border {
    border-bottom: 1px solid;
    width: 47%;
    margin: 0 auto;
}

h3.h3-01 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 5px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 60px;
    padding: 10px 0;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

h3.h3-02 {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: left;
    font-size: 20px;
    color: #d37186;
}

h3.h3-03r {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: right;
    font-size: 20px;
    color: #44b9d8;
}

h3.h3-03l {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: left;
    font-size: 20px;
    color: #44b9d8;
}

.pfonth302{
    text-align: left;
    font-size: 16.4px;
    line-height: normal;
}

.pfonth302box {display: flex;}
p.pfonth302 {flex-basis: 50%;}

.pfonth303r{
    font-size: 16px;
    line-height: 34px;
    text-align: left;
    padding-bottom: 10px;
}

.pfonth303l{
font-size: 18px;
    line-height: 36px;
    text-align: left;
}

.h3-02imgflot {
    width: 50%;
    float: right;
    padding: 0px 20px;
}

h3.h3-04 {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    color: #d37186;
}

.pfonth304 {
    text-align: left;
    font-size: 16.3px;
    line-height: 36px;
}

.pfonth305 {
    font-size: 1.5em;
    font-weight: 100;
    text-align: center;
    padding-bottom: 100px;
}

h3.h3-05r {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: right;
    font-size: 20px;
    color: #d37186;
}

h3.h3-05l {
    margin-bottom: 0px;
    line-height: 40px;
    padding: 10px 0;
    text-align: left;
    font-size: 20px;
    color: #d37186;
}

h3.h3-06r {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: right;
    font-size: 23px;
    font-weight: bold;
}

h3.h3-06l {
    margin-bottom: 0px;
    line-height: 40px;
    padding: 10px 0;
    text-align: left;
    font-size: 23px;
    font-weight: bold;
}

.pfonth306 {
    font-size: 18px;
    line-height: 36px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 25px;
}

.pfonth307 {
    font-size: 35px;
    line-height: normal;
    text-align: center;
    padding-bottom: 10px;
}

.pfonth307 span {
    color: #d37186;
}

.pfonth308 {
    font-size: 18px;
    line-height: normal;
    text-align: center;
    padding-bottom: 10px;
}

.pfonth309 {
    font-size: 1.5em;
    font-weight: 100;
    text-align: center;
    padding-bottom: 100px;
}

.top-s3ContactBtn2.hoverBounce {
    border: solid 1px;
    position: absolute;
    padding: 8px 26px;
    border-radius: 50px;
    color: #44b9d8;
}

.w40 {
    box-sizing: border-box;
    width: 40%;
    float: left;
}

.w45 {
    box-sizing: border-box;
    width: 45%;
    float: left;
}

.w50 {
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.w55 {
    box-sizing: border-box;
    width: 55%;
    float: left;
}

.w60 {
    box-sizing: border-box;
    width: 60%;
    float: left;
}

.boxtextspace01 {
    padding: 20px 40px 20px 30px;
}

.boxtextspace02 {
    padding: 20px 0px 20px 80px;
}

.meritbox001inItem02 img {width: 220px;padding: 0 20px;text-align: center;margin: 0 auto;}

.meritbox001inItem02 {text-align: center;}

.topbox2content {
    height: 340px;
    text-align: initial;
}

.topbox2content img {
    width: 300px;
    padding: 10px 0;
}

.topbox3content {
    height: 340px;
    text-align: initial;
}

.topbox3content img {
    width: 300px;
    padding: 10px 0;
}

.topbox4content {
    height: 500px;
    text-align: center;
}

.topbox4content img {
    width: 300px;
    padding:10px;
}

.imgright {
    text-align: right;
}

.fontred{
    color: #d37186;
    font-size: 40px;
}

.font20{
    font-size: 20px;
}

.backimage01 {
    padding: 70px;
    background: url('../img/section5img03back.png') no-repeat;
    background-size: 100%;
    padding-top: 90px;
    padding-bottom: 0px;
    background-position: center;
}

.backimage01-2 {
    padding: 70px;
    background: url('../img/uploads/2022/05/unnamed-file-1.jpg') no-repeat;
    background-size: 100%;
    padding-top: 90px;
    padding-bottom: 0px;
    background-position: center;
}

.backimage01-3 {
    padding: 70px;
    background: url('../img/uploads/2022/05/haikei-e1652164742983.png') no-repeat;
    background-size: 100%;
    padding-top: 90px;
    padding-bottom: 30px;
    background-position: center;
}

.backimage02 {
    padding: 70px;
    background: url('../img/uploads/2022/05/haikei001-e1652164965944.png') no-repeat;
    background-size: 100%;
    padding-top: 50px;
    padding-bottom: 70px;
    background-position: center;
}

p.midashipasstext {
    font-size: 36px;
}

.meritbox001in {display: flex;}

.meritbox001inItem01 {flex-basis: 58%;text-align: left;padding: 20px;}

.meritbox001inItem02 {flex-basis: 42%;text-align: left;padding: 20px;}

.meritbox001midashi {
	color: #99d0d6;font-size: 18px;
	font-weight: bold;
	padding-bottom: 30px;
}

.meritbox001text {
    font-size: 18px;
    line-height: 34px;
    text-align: left;
    padding-bottom: 10px;}

span.bluemaker {background: linear-gradient(transparent 40%, #99d0d661 60%);}

.imgbox50 {display: flex;}

.imgbox50 img {flex-basis: 50%;width: 300px;height: 200px;object-fit: contain;padding: 30px 10px;vertical-align: baseline;}

span.textbold {
    font-weight: bold;
}

.top-s5Container {
  width:624px;
  position:relative;
}
.top-s5Title {
  font-size:40px;
  text-align:center;
  color:white;
  font-weight:100;
}
.top-s5BtnWrapper {
  display:flex;
  justify-content: space-between;
}
.top-s5BtnWrapper a {
  display: block;
  margin-right:0;
  margin-top: 40px;
  height: 70px;
  flex-basis: calc((100% - 24px) /2 );
}
.top-s5BtnWrapper a:hover .top-s5BtnShort {
	background: #fff;
}
.top-s5BtnWrapper a .top-s5BtnShort:before {
	display: none;
}
.top-s5BtnWrapper .top-s5BtnShort1 {
  margin-right:24px;
}
.top-s5BtnShort {
  width:100%;
  height:70px;
  border-radius:50px;
  border:solid 2px white;
  position:relative;
}
.top-s5Btn1 .top-s5BtnShort1 p {
  text-align: center;
  line-height: 65px;
  font-size:26px;
}
.top-s5BtnShort2 p {
  text-align: center;
  line-height: 65px;
}
.top-s5BtnShort p {
  font-size:22px;
  color:white;
}
.top-s5BtnLong {
  margin-top:60px;
  border-radius:50px;
  background-color:#fff;
  width:100%;
  height:70px;
  text-align:center;
  position:relative;
}
.top-s5BtnLong p {
  display:inline-block;
  line-height:70px;
  vertical-align:middle;
}
.top-s5BtnLongText2 {
padding-right: 5px;
}
.top-s5BtnLongText2 {
  font-size: 26px;
}
.top-s5Msg {
  margin-top:36px;
  font-size:32px;
  color:white;
  text-align:center;
}
.top-s5Info{
  color:white;
  font-size:14px;
  position:absolute;
  top:215px;
  left:60px;
}

@media (max-width:640px){
  .top-s5Container {
    width:100%;
  }
  .top-s5Wrapper {
    padding-top:40px;
    padding-bottom: 40px;
  }
  .top-s5Title {
    font-size:23px;
  }
  .top-s5BtnWrapper a {
    display: block;
    width: calc((100% - 20px)/2);
    margin-top: 25px;
    height: 45px;
  }
  .top-s5Btn1 {
    margin-right:20px;
  }
  .top-s5BtnShort {
    margin-top:0;
    width: 100%;
    height: 45px;
  }
  .top-s5BtnShort p {
    font-size: 12px;
    color: white;
    text-align: center;
    margin-top:0;
    line-height:41px;
  }
  #top-s5Phone {
    font-size:16px;
  }
  .top-s5BtnShort1 p, .top-s5BtnShort2 p {
    position:static;
  }
  .top-s5Info {
    font-size: 8px;
    top: 133px;
    left: 30px;
  }
  .top-s5Btn2 {
    display:block;
  }
  .top-s5BtnLong {
    margin-top: 45px;
    text-align: center;
  }
  .top-s5BtnLong p {
    position:static;
    line-height:22px;
    display:block;
  }
  .top-s5BtnLongText1 {
    font-size: 12px;
    padding-top: 11px;
  }
  .top-s5BtnLongText2 {
    margin-top:0;
    font-size: 22px;
  }
  .top-s5Msg {
    margin-top: 15px;
    font-size: 18px;
  }
  .top-s5Btn1 .top-s5BtnShort1 p {
    line-height:41px;
  }
}
/* /SECTION5 */

/* SECTION6 */
#practical.top-section6 {
	padding-top: 50px;
}
.top-section6 .top-aboutBtn {
	max-width: 625px;
	margin: 0 auto;
}
#practical.top-section6 .top-aboutBtn a {
	color: #fff;
	font-size: 22px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 61px;
	border: #f6921e 2px solid;
	background: #f6921e;
	border-radius: 50px;
	-webkit-transition: .3s;
	transition: .3s;
}
#practical.top-section6 .top-aboutBtn a:hover,
#practical.top-section6 .top-aboutBtn a.active {
	color: #f6921e;
	background: #fff;
}
.top-section6 .top-aboutlead {
	font-size: 22px;
	font-weight: bold;
}
.top-section6 .top-aboutlead em {
	font-size: 28px;
	font-style: normal;
}
.top-section6 .top-aboutlead strong {
	color: #ff6600;
}
.top-section6 .top-aboutBox {
	background: #f9f9f9;
	border: silver 1px solid;
	padding: 6px 12px;
	margin: 1.2em 0;
}
.top-section6 .top-aboutBox.box2 {
	background: #fefee2;
	border-color: #f3ee85;
}

@media (max-width:640px){
	#practical.top-section6 .top-aboutBtn a {
		font-size: 12px;
		line-height: 37px;
	}
	.top-section6 .top-aboutlead {
		font-size: 16px;
	}
	.top-section6 .top-aboutlead em {
		font-size: 18px;
	}
	#practical.top-section6 .top-aboutBtn a:hover {
		color: #fff;
		background: #f6921e;
	}
	#practical.top-section6 .top-aboutBtn a.active {
		color: #f6921e;
		background: #fff;
	}
}
/* /SECTION6 */
/* /TOP */


/* LOGIN */
.login-wrapper {
  background:url('../img/login-bg.png') no-repeat center center;
  background-size:cover;
  padding-bottom:108px;
  padding-top: 120px;
}
.login-topMsg {
  color:white;
  font-size:24px;
  text-align:center;
  font-weight:200;
}
.login-box {
  background-color:rgba(255,255,255,0.6);
  width:500px;/*
  height:460px;*/
  margin:46px auto 0 auto;
  padding-top: 30px;
  padding-bottom:50px;
}
.login-boxInner {
  width: 440px;
  height:233px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,0.3);
  padding-top:40px;
}
.login-boxInner a {
  display:block;
}
.login-boxInner a p {
  width:360px;
  height:58px;
  background-color:#f6921e;
  color:#fff;
  border-radius:5px;
  text-align:center;
  font-size:17px;
  padding-top:20px;
  margin: 0 auto;
  box-shadow: 0 4px #c57518;
  transition: all .3s ease-out;
}
.login-boxInner a p:hover {
  opacity:0.7;
}
.login-btnUser {
  margin-top:32px;
}
.login-contact {
  margin-top:50px;
}
.login-contact p {
  text-align:center;
  font-weight:300;
}
.login-contactMsg {
  font-size:16px;
  letter-spacing: -0.5px;
}
.login-contactPhone {
  margin-top:8px;
  font-size:46px;
}
.login-contactNotion {
  margin-top:12px;
  font-size:14px;
}
@media (max-width:640px){
  .login-wrapper {
    padding-top:70px;
  }
  .login-wrapper container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .login-box {
    width:100%;
    height:auto;
    margin: 37px auto 0 auto;
  }
  .login-boxInner {
    width: 90%;
    height: auto;;
  }
  .login-boxInner a p {
    width: 90%;
    font-size: 13px;
    padding-top: 22px;
  }
  .login-btnUser {
    margin-bottom: 50px;
  }
  .login-contactPhone {
    font-size: 40px;
  }
}
/* /LOGIN */


/* CONTACT */
.contact-topBg {
  width:100%;
  height:450px;
  background:url('../img/contact-bg.png') no-repeat center center;
  background-size:cover;
}
.contact-topTitle {
  padding-top:175px;
  font-size:90px;
  font-family: 'Open Sans Condensed', sans-serif;
  color:white;
  text-align:center;
  line-height:0.9;
}
.contact-topSubtitle {
  font-size:16px;
  color:white;
  text-align:center;
  margin-top:10px;
}
.contact-iconBox img {
  width:64px;
  height:auto;
  padding-bottom: 10px;
}
.contact-wrapperDial {
  margin-top:73px;
  padding-bottom: 46px;
  border-bottom: solid 1px #e5e5e5;
}
.contact-wrapperMail {
  padding-top: 49px;
}
.contact-wrapperDial, .contact-wrapperMail {
  display:flex;
}
.contact-iconBox {
  margin-right:193px;
}
.contact-phoneNumber {
  margin-top:30px;
  margin-bottom:25px;
  font-size:30px;
}

.contact-phoneNumbertop {
  font-size:16px;
}
.contact-text2 {
  margin-top:15px;
}
.contact-textBox {
  padding-bottom:50px;
}
.contact-iconBox {
  font-size: 14px;
}

@media (max-width:640px){
  .contact-topBg {
    width:100%;
    height:150px;
    background:url('../img/contact-bg_sp.png') no-repeat top right;
    background-size:cover;
  }
  .contact-topTitle {
    padding-top: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:45px;
  }
  .contact-wrapperDial, .contact-wrapperMail {
    flex-direction: column;
  }
  .contact-wrapperDial {
    margin-top: 50px;
  }
  .contact-iconBox {
    width: 64px;
    margin: 0 auto;
  }
  .contact-iconBox img {
    width: 64px;
  }
  .contact-iconBox p {
    text-align: center;
    margin-top: 10px;
    font-size: 4vw;
  }
  .contact-dialText1 {
    text-align: center;
    font-size: 4.5vw;
    margin-top: 40px;
  }
  .contact-phoneNumber {
    font-size: 10vw;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .contact-dialText2 {
    font-size: 3vw;
  }
  .contact-textBox {
    text-align: center;
  }
  .contact-wrapperMail .contact-textBox {
    text-align:left;
    line-height: 1.5;
    font-size:3.7vw;
  }
  .cotact-mailText1 {
    margin-top:40px;
  }
  .contact-text2 {
    margin-top: 0;
  }
}
/* /CONTACT */


/* DOCUMENS */
.document-topBg {
  width:100%;
  height:445px;
  background:url('../img/documents/document-bg.jpg') no-repeat center center;
  background-size:cover;
}
.document-topTitle {
  padding-top:200px;
	color: #f6921e;
  font-size:48px;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align:center;
  line-height:0.9;
}
.document-topSubtitle {
  font-size:11px;
  color:white;
  text-align:center;
  margin-top:10px;
}
.document-main {
	padding: 25px 0 30px;
}
.document-main .lead {
	font-size: 18px;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 60px;
}
.document-main .content {
	max-width: 1030px;
	margin: 0 auto;
}
.document-main .document-wrap {
	width: 100%;
	display: table;
	table-layout: fixed;
	direction: rtl;
}
.document-main .document-wrap > * {
	display: table-cell;
	vertical-align: top;
	direction: ltr;
}
.document-main .document-wrap .formCol {
	width: 46.60194%;
}
.document-main .document-wrap .formCol .text {
	font-size: 11px;
	line-height: 1.9;
}
.document-main .document-wrap .formCol .text a {
	color: #f6921e;
}
.document-main .document-wrap .formCol .text a:hover {
	text-decoration: underline;
}
.document-main .document-wrap .formCol .complete {
	font-size: 11px;
	line-height: 1.7;
	margin: 25px 0 0;
}
.document-main .document-wrap .formCol .complete strong {
	font-size: 20px;
	font-weight: bold;
}
.document-main .document-wrap .formCol .inputBlock {
	margin: 20px 0 0;
}
.document-main .document-wrap .formCol .inputBlock .item {
	font-size: 11px;
	line-height: 1.2;
	margin: 0 0 5px;
}
.document-main .document-wrap .formCol .inputBlock .item > * {
	vertical-align: middle;
}
.document-main .document-wrap .formCol .inputBlock .item .icon {
	display: inline-block;
	width: 17px;
}
.document-main .document-wrap .formCol .inputBlock .item .required {
	font-size: 10px;
}
.document-main .document-wrap .formCol .inputBlock input[type="text"],
.document-main .document-wrap .formCol .inputBlock input[type="email"],
.document-main .document-wrap .formCol .inputBlock textarea {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 5px 10px;
	border: #dcdcdc 1px solid;
}
.document-main .document-wrap .formCol .inputBlock textarea {
	height: 135px;
}
.document-main .document-wrap .formCol .submit {
	width: 85.83333%;
	margin: 15px auto 0;
}
.document-main .document-wrap .formCol .submit input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	background: #f6921e;
	border-radius: 18px;
	cursor: pointer;
}
.document-main .document-wrap .formCol {
	padding-right: 2.65674%;
}
.document-main .document-wrap .documentCol {
	padding-left: 2.65674%;
}
.document-main .document-wrap .heading {
	border-bottom: #dcdcdc 1px solid;
	padding-bottom: 25px;
	margin-bottom: 20px;
}
.document-main .document-wrap .heading .hdg {
	color: #585858;
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: #dcdcdc 1px solid;
	margin-bottom: 20px;
}
.document-main .document-wrap .heading p {
	color: #585858;
	font-size: 16px;
	line-height: 1.8;
}
.document-main .document-wrap .heading p.space {
	margin: 38px 0 10px;
}
.document-main .document-wrap .documentBlock {
	margin: 20px 0 0;
}
.document-main .document-wrap .documentBlock:first-child {
	margin: 0;
}
.document-main .document-wrap .documentBlock .title {
	color: #f6921e;
	font-size: 20px;
	margin: 0 0 10px;
}
.document-main .document-wrap .documentBlock .title .num {
	display: inline-block;
	width: 20px;
	margin-right: 5px;
}
.document-main .document-wrap .documentBlock .documentWrapper {
	overflow: hidden;
}
.document-main .document-wrap .documentBlock .documentWrapper > * {
	float: left;
}
.document-main .document-wrap .documentBlock .documentWrapper .left {
	width: 38.83495%;
	margin-right: 0.97087%;
}
.document-main .document-wrap .documentBlock .documentWrapper .right {
	width: 60.19418%;
}
.document-main .document-wrap .documentBlock .documentWrapper .left .image {
	border: #dedede 1px solid;
	padding: 10px 0;
}
.document-main .document-wrap .documentBlock .documentWrapper .dlBtn {
	max-width: 150px;
	margin: 8px auto 0;
}
.document-main .document-wrap .documentBlock .documentWrapper .dlBtn .btn {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 12px 12px 10px 35px;
	background: #b4b4b4;
	border-radius: 18px;
	position: relative;
}
.document-main .document-wrap .documentBlock .documentWrapper .dlBtn a.btn {
	background: #f6921e;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.document-main .document-wrap .documentBlock .documentWrapper .dlBtn a.btn:hover {
	opacity: .7;
}
.document-main .document-wrap .documentBlock .documentWrapper .dlBtn .btn:before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background: url('../img/documents/icon_dl-off.png') no-repeat;
	background-position: left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -14px;
}
.document-main .document-wrap .documentBlock .documentWrapper .dlBtn a.btn:before {
	background: url('../img/documents/icon_dl-on.png') no-repeat;
	background-position: left top;
	background-size: contain;
}
.document-main .document-wrap .documentBlock .documentWrapper .detail {
	border: #dedede 1px solid;
	padding: 10px 15px 15px;
}
.document-main .document-wrap .documentBlock .documentWrapper .detail dt {
	font-size: 14px;
	text-align: center;
	padding: 0 0 15px;
	margin: 0 0 20px;
	position: relative;
}
.document-main .document-wrap .documentBlock .documentWrapper .detail dt:after {
	content: "";
	display: block;
	width: 73%;
	height: 2px;
	background: #dcdcdc;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.document-main .document-wrap .documentBlock .documentWrapper .detail dd {
	font-size: 14px;
}
.document-main .document-wrap .documentBlock .documentWrapper .detail dd ul {
	padding-left: 1.5em;
}
.document-main .document-wrap .documentBlock .documentWrapper .detail dd ul li {
	list-style-type: disc;
	margin: 8px 0 0;
}

@media (max-width:768px){
	.document-main {
		padding: 18px 0 35px;
	}
	.document-main .lead {
		font-size: 20px;
		line-height: 1.3;
		margin: 0 0 18px;
		padding: 0 6.66666%;
	}
	.document-main .document-wrap .formCol .complete {
		line-height: 1.4;
		text-align: center;
		margin: 0;
	}
	.document-main .lead.comp,
	.document-main .document-wrap .formCol .text.comp {
		display: none;
	}
	.document-main .content {
		margin: 0;
		padding: 0 6.66666%;
	}
	.document-main .document-wrap > * {
		display: block;
	}
	.document-main .document-wrap .heading {
		padding-bottom: 12px;
	}
	.document-main .document-wrap .heading .hdg {
		font-size: 18px;
		margin-bottom: 12px;
	}
	.document-main .document-wrap .heading p {
		font-size: 13px;
	}
	.document-main .document-wrap .heading p.space {
		margin: 0;
	}
	.document-main .document-wrap .documentCol {
		padding-left: 0;
	}
	.document-main .document-wrap .formCol {
		display: table-caption;
		width: 100%;
		margin: 0 0 65px;
		padding-right: 0;
	}
	.document-main .document-wrap .formCol .text {
		font-size: 13px;
	}
	.document-main .document-wrap .formCol .inputBlock .item {
		font-size: 13px;
	}
	.document-main .document-wrap .formCol .inputBlock .item .icon {
		width: 20px;
	}
	.document-main .document-wrap .formCol .inputBlock .item .required {
		font-size: 11px;
	}
	.document-main .document-wrap .formCol .submit {
		max-width: 210px;
		width: auto;
		margin-top: 10px;
	}
	.document-main .document-wrap .formCol .submit input[type="submit"] {
		font-size: 21px;
		padding: 12px 0;
		border-radius: 24px;
	}
	.document-main .document-wrap .heading + .documentBlock {
		margin-top: 0;
	}
	.document-main .document-wrap .documentBlock {
		margin-top: 50px;
	}
	.document-main .document-wrap .documentBlock .title {
		display: table;
	}
	.document-main .document-wrap .documentBlock .title > * {
		display: table-cell;
		vertical-align: top;
	}
	.document-main .document-wrap .documentBlock .title .num {
		white-space: nowrap;
		padding-right: 5px;
		margin-right: 0;
	}
	.document-main .document-wrap .documentBlock .documentWrapper {
		position: relative;
		padding-bottom: 70px;
	}
	.document-main .document-wrap .documentBlock .documentWrapper > * {
		float: none;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .left {
		width: 100%;
		margin-right: 0;
		margin: 0 0 15px;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .left .image {
		padding: 15px 0;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .dlBtn {
		max-width: 250px;
		margin: 0 auto;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .dlBtn .btn {
		font-size: 20px;
		padding: 15px 20px 13px 55px;
		border-radius: 26px;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .dlBtn .btn:before {
		width: 45px;
		height: 45px;
		left: 5px;
		margin-top: -22.5px;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .right {
		width: 100%;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .detail {
		padding: 10px 15px 20px;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .detail dt {
		font-size: 15px;
		padding-bottom:
	}
	.document-main .document-wrap .documentBlock .documentWrapper .detail dd {
		font-size: 15px;
	}
	.document-main .document-wrap .documentBlock .documentWrapper .detail dd ul li {
		margin-top: 10px;
	}
}

@media (max-width:640px){
  .document-topBg {
    width:100%;
    height:150px;
    background:url('../img/documents/documents-bg_sp.jpg') no-repeat top right;
    background-size:cover;
  }
  .document-topTitle {
    padding-top: 50px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:45px;
  }
	.document-topSubtitle {
		font-size: 14px;
	}
}
/* /DOCUMENS */


/* CASE STUDY */
.case_category,
.colum_category{
  margin: 100px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.colum_category {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.case_category li{
  background-color: #f0efed;
  border-radius: 6px;
  width: 100%;
  display: block;
  text-align: center;
  padding: 1em;
  margin: 0 1em;
}
.colum_category li {
	background-color: #f0efed;
  border-radius: 6px;
  width: calc(25% - 1.5em);
  display: block;
  text-align: center;
  padding: 1em;
  margin: 0 1em 1em;
}
.case_category li:first-child {
	margin: 0 1em 0 0;
}
.colum_category li:first-child,
.colum_category li:nth-child(4n + 1){
  margin: 0 1em 1em 0;
}
.case_category li:last-child {
	margin: 0 0 0 1em;
}
.colum_category li:nth-child(4n){
  margin: 0 0 1em 1em;
}
.case_category li a{
  display: block;
  letter-spacing: 2px;
}
.colum_category li a {
	width: 100%;
	height: 100%;
	display: table;
	letter-spacing: normal;
}
.colum_category li a .in {
	display: table-cell;
	vertical-align: middle;
}

.case-topBg {
  width:100%;
  height:270px;
  background:url('../img/case-bg.png') top left;
}
.column-topBg {
  width:100%;
  height:270px;
  background:url('../img/column-bg.jpg') top left;
}
.price-topBg {
  width:100%;
  height:270px;
  background:url('../img/price-bg.jpg') top center;
	background-size: cover;
}
.case-topTitle {
  padding-top:95px;
  font-size:90px;
  font-family: 'Open Sans Condensed', sans-serif;
  color:white;
  text-align:center;
  line-height:0.9;
}
.case-topSubtitle {
  font-size:16px;
  color:white;
  text-align:center;
  margin-top:10px;
}
.case-titleMsg {
  padding-top:100px;
  padding-bottom:49px;
  font-size:36px;
  font-weight:100;
  text-align: center;
}
.case-boxWrapper {
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
.case-box {
  flex-basis:calc((100% - 100px)/3);
  margin-right:50px;
  margin-bottom:50px;
  border:1px solid rgba(220,220,220,0.7);
  text-align: center;
  padding-left:calc(((100% - 100px)/3)*0.07);
  padding-right:calc(((100% - 100px)/3)*0.07);
  position:relative;
  transition:all .3s ease-out;
}
.case-box:nth-child(3n) {
  margin-right:0;
}
.case-box:hover {
    background: rgba(220,220,220, 0.2);
}
.case-img {
  width:100px;
  height:100px;
}
.case-clientImg {
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 50px;
}
.case-title {
  margin-top:25px;
  font-size:1.5em;
  line-height:1.3;
}
.case-client {
  margin-top:20px;
  font-size:0.9em;
}
.case-excerpt {
  margin-top:36px;
  text-align:left;
  line-height:2;
  border-bottom: 1px solid lightgray;
}
.case-readBtn {
  display:block;
  width:140px;
  height:40px;
  margin:21px auto 23px auto;
  border:2px solid #f6921e;
  line-height:38px;
  border-radius:50px;
  transition: all .2s ease-out;
}
.case-readBtn.orange:hover {
    background-color: rgba(246, 146, 30, 0.7);
    color: white;
}
.underlineParent {
  position:relative;
}
.underline {
  position:absolute;
  width:100%;
  border-bottom: 1px solid lightgray;
  bottom:93px;
}
.case-ribbon {
  position:absolute;
  width:44px;
  height:66px;
  background:url('../img/case-ribbon.png');
  top:-5px;
  left:15px;
}
.case-category {
  color:white;
  font-size:12px;
  text-align:center;
  line-height:42px;
}
.column-ribbon {
  position:absolute;
  top:6px;
  left:6px;
}
.column-category {
  color:white;
  font-size:12px;
  text-align:center;
  line-height:30px;
	padding: 0 12px;
	border-radius: 2px 0 0 2px;
	background-color: #181818;
	position: relative;
}
.column-category:after {
	content: "";
	width: 13px;
	display: block;
	position: absolute;
	top: 0;
	bottom: -1px;
	left: calc(100% - 1px);
	background: url('../img/bg-ribbon.jpg') no-repeat;
	background-position: left top;
	background-size: contain;
}

@media (max-width:920px) and (min-width:641px) {
  .case-box {
    flex-basis:calc((100% - 50px)/2);
    padding-left:calc(((100% - 50px)/2)*0.07);
    padding-right:calc(((100% - 50px)/2)*0.07);
  }
  .case-box:nth-child(2n) {
    margin-right:0;
  }
}

@media (max-width:640px){
  .case_category{
    width: 100%;
    margin: 40px auto -10px auto;
    display: flex;
    justify-content: space-between;
  }
	.colum_category {
		margin-top: 40px;
	}
  .case_category li{
    width: 24%;
    font-size: 10px;
    padding: 2em 1em;
    margin: 0;
  }
	.colum_category li {
		width: 24%;
		font-size: 10px;
    padding: 2em 1em;
		margin: 0 0.5% 5px;
	}
  .case_category li:first-child{
    margin: 0 0 0 0;
  }
	.colum_category li:first-child,
	.colum_category li:nth-child(4n + 1) {
		margin: 0 0.5% 5px 0;
	}
  .case_category li:last-child{
    margin: 0 0 0 0;
  }
	.colum_category li:nth-child(4n) {
		margin: 0 0 5px 0.5%;
	}
  .case_category li a{
    display: block;
    letter-spacing: 0;
  }

  .case-topBg {
    width:100%;
    height:135px;
    background:url('../img/case-bg_sp.png') no-repeat;
    background-size:cover;
  }
	.column-topBg {
    width:100%;
    height:135px;
    background:url('../img/column-bg_sp.jpg') no-repeat;
    background-size:cover;
  }
  .price-topBg {
    width:100%;
    height:135px;
    background:url('../img/price-bg_sp.jpg') no-repeat;
    background-size:cover;
  }
  .case-topTitle {
    padding-top: 42px;
    font-size: 35px;
  }
  .case-topSubtitle {
    font-size:12px;
    margin-top:4px;
    font-weight:300;
  }
  .case-topTitle {
    font-family: 'Open Sans Condensed', sans-serif;
  }
  .case-titleMsg {
    font-size: 5.5vw;
    padding-top:60px;
  }
  .case-box {
    flex-basis:100%;
    margin-right:0;
    padding-left:7%;
    padding-right:7%;
  }
  .case-ribbon {
    position:absolute;
    width:calc((100% + 100px)*0.137);
    height:240px;
    background:url('../img/case-ribbon_sp.png') no-repeat;
    background-size:100% auto;
    top:-12px;
    left:20px;
  }
  .case-category {
    color:white;
    font-size:4vw;
    text-align:center;
    line-height:300%;
  }
  .case-img {
    width:calc((100% + 100px)*0.31);
    height:auto;
    margin-top:46px;
  }
  .case-title {
    margin-top: 20px;
    font-size: 6vw;
  }
  .case-client {
    margin-top: 15px;
    font-size: 3.5vw;
  }
  .case-excerpt {
    margin-top:20px;
    font-size: 14px;
    line-height:1.7;
  }
}
@media (max-width:640px) and (min-width:457px){
  .underline {
    display:none;
  }
}
@media (max-width:456px){
  .underline {
    bottom:90px;
  }
}
/* /CASE STUDY */


/* FOOD */
.food-topBg {
  width:100%;
  height:450px;
  background:url('../img/food-bg.png') no-repeat center center;
  background-size:cover;
}
.food-topSubtitle {
  font-size:20px;
  color:white;
  text-align:center;
  padding-top:175px;
}
.food-topTitle {
  margin-top:10px;
  font-size:60px;
  color:white;
  text-align:center;
  line-height:0.9;
  font-weight:100;
}
.food-mainTitleWrapper {
  text-align:center;
}
.food-comment {
  margin:80px auto 0 auto;
  width:250px;
  min-height:65px;
  background:url('../img/food-comment.png') no-repeat top center;
  background-size:100% auto;
}
.food-comment p {
  font-size:26px;
  color:white;
  font-weight:100;
  line-height: 50px;
}
.food-mock1 {
  padding-left:5%;
  padding-right:5%;
  margin-top: 23px;
}
.food-mock1 img {
  width:100%;
  height:auto;
}
.food-mainTitle {
  margin-top:24px;
  font-size:46px;
  font-weight:100;
}
.food-mainTitle .orange {
  font-size:60px;
}
.food-stampStepWrapper {
  margin-top:70px;
  padding-left:10%;
  padding-right:10%;
}
.food-stampStep {
  width:100%;
  height:78px;
  background:url('../img/food-stampStep.png') no-repeat center bottom;
  background-size: 105%;
}
@media (max-width:770px) and (min-width:641px){
  .food-stampStep {
    background-size: 130%;
  }
}
.food-stampStep2, .food-stampStep3 {
  margin-top:20px;
}
.food-stampStepP {
  line-height:35px;
}
.food-stampStepP::before {
  content:'1';
  display:inline-block;
  background-color:#f6921e;
  width:46px;
  height:46px;
  border-radius:50%;
  text-align:center;
  line-height:43px;
  color:white;
  margin-right:24px;
}
.food-stampStepP2::before {
  content:'2';
}
.food-stampStepP3::before {
    content:'3';
}
.food-stampStep3 {
  background:none;
}
.food-mock2 {
  padding-left: 5%;
  padding-right: 5%;
}
.food-mock2 img {
  width:53%;
  height:auto;
  padding-left:116px;
}
.food-price {
  padding-left:10%;
  padding-right:10%;
}
.food-priceTitle {
  font-size:40px;
  text-align:center;
  margin-top:117px;
  font-weight:100;
}
.food-priceTable {
  margin-top:30px;
  width:100%;
  border-collapse:collapse;
  border:2px solid #dcdcdc;
}
.food-priceTable th {
  width:171px;
  text-align:center;
  background:#fff9ea;
  color:#9e7240;
  font-weight:100;
}
.food-priceTable tr {
  border-bottom:1px solid #dcdcdc;
  height:62.5px;
}
.food-priceTable td {
  height:62.5px;
  padding-left:20px;
}

@media (max-width:640px){
  .food-topBg {
    width:100%;
    height:300px;
    background:url('../img/food-bg_sp.png') no-repeat top center;
    background-size:cover;
  }
  .food-topSubtitle {
    padding-top: 105px;
    font-size: 4vw;
  }
  .food-topTitle {
    font-size:10vw;
    margin-top:8px;
  }
  .food-mock1 {
    margin-top: 36px;
  }
  .food-mainTitle {
    font-size:7vw;
    margin-top: 10px;
  }
  .food-mainTitle .orange {
    font-size:10vw;
  }
  .food-comment {
    margin: 40px auto 0 auto;
    width: 145px;
    height: 40px;
    min-height: 40px;
  }
  .food-comment p {
    font-size: 15px;
    line-height: 33px;
  }
  .food-stampStepWrapper_sp {
      margin-top:44px;
  }
  .food-stampStep_sp {
    display:flex;
    width:100%;
    height: 60px;
    background: url('../img/food-stampStep_sp.png') no-repeat center bottom;
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  .food-stampStepImg_sp {
    flex-basis:30px;
    margin-right:15px;
  }
  .food-stampStepP_sp {
    flex-basis:78%;
    font-size:12px;
    padding-top: 4px;
    line-height: 1.5;
  }
  .food-mock2 img {
    padding-left:0;
    width: 100%;
  }
  .food-price {
    padding-left:0;
    padding-right:0;
  }
  .food-priceTitle {
    margin-top: 50px;
  }
  .food-priceTable th, .food-priceTable td {
    font-size:4vw;
    line-height: 1.5;
  }
  .food-priceTable th {
    width:25%;
  }
  .food-priceTable td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/* /FOOD */


/* BEAUTY */
.beauty-topBg {
  width:100%;
  height:500px;
  background:url('../img/beauty-bg.png') no-repeat center center;
  background-size:cover;
  display:flex;
  justify-content:center;
  position:relative;
  padding-top:65px;
}
.beauty-topTitle {
  font-size:46px;
  text-align:center;
  line-height:0.9;
  font-weight:100;
  max-height:48px;
  margin-right:30px;
}
.beauty-mock {
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-290px;
}
.applyNowBtn {
  color:white;
  width:190px;
  height:48px;
  border-radius:50px;
  line-height:46px;
  background:#f6921e;
  text-align:center;
  font-size:18px;
}
.beauty-main .container .inner {
  text-align:center;
}
.beauty-logo {
  width:150px;
  height:auto;
  margin:70px auto 0 auto;
}
.beauty-comment {
  margin:20px auto 0 auto;
  width:370px;
  min-height:65px;
  background:url('../img/beauty-comment.png') no-repeat top center;
  background-size:100% auto;
}
.beauty-comment p {
  font-size:26px;
  color:white;
  font-weight:100;
  line-height: 55px;
}
.beauty-mainTitle {
  margin-top:24px;
  font-size:46px;
  font-weight:100;
}
.beauty-mainTitle .pink {
  font-size:60px;
  color:#e95283;
}
.beauty-videoWrapper {
  padding-top:50px;
  padding-left:50px;
  padding-right:50px;
}
.beauty-video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.beauty-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.beauty-point {
  margin-top:25px;
  display:flex;
}
.beauty-pointBox {
  flex-basis:calc(92% / 3);
  margin-right:4%;
}
.beauty-pointBox:last-child {
  margin-right:0;
}
.beauty-pointIcon {
  width:31px;
  height:31px;
  background:#e95283;
  color:white;
  border-radius:50%;
  line-height:30px;
  margin:0 auto;
}
.beauty-pointTitle {
  margin-top:13px;
  color:#e95283;
  font-weight:400;
  font-size:20px;
}
.beauty-pointText {
  text-align:left;
  margin-top:27px;
  font-size:14px;
  line-height: 1.8;
  letter-spacing: 2px;
}
.beauty-system {
  background:#feeff5;
  margin-top:50px;
}
.beauty-systemTitle {
  padding-top:50px;
  font-size:2.5vw;
  font-weight:100;
  text-align:center;
  line-height: 1.4;
}
.pink {
  color:#e95283;
}
.beauty-systemWrapper {
  width:84.8%;
  margin:0 auto;
  padding-top:33.8px;
  padding-bottom:50px;
}
.beauty-price {
  padding-left:10%;
  padding-right:10%;
}
.beauty-priceTitle {
  font-size:40px;
  text-align:center;
  margin-top:50px;
  font-weight:100;
}
.beauty-priceTable {
  margin-top:30px;
  width:100%;
  border-collapse:collapse;
  border:2px solid #dcdcdc;
}
.beauty-priceTable th {
  width:171px;
  text-align:center;
  background:#feeff5;
  color:#e95283;
  font-weight:100;
}
.beauty-priceTable tr {
  border-bottom:1px solid #dcdcdc;
  height:62.5px;
}
.beauty-priceTable td {
  height:62.5px;
  padding-left:20px;
}
.beauty-moreInfo {
  text-align:center;
  margin-top:35px;
}
.beauty-url {
  color:#e95283;
}
.beauty-priceTableRow2 td {
  height:220px;
  line-height:1.5;
}

@media (max-width:640px){
  .beauty-topBg {
    height:250px;
    background:url('../img/beauty-bg_sp.png') no-repeat center center;
    background-size:cover;
    padding-top:30px;
  }
  .beauty-mock {
    width:292px;
    height:auto;
    margin-left:-146px;
  }
  .beauty-topTitle {
    font-size:21px;
    margin-right:10px;
  }
  .applyNowBtn {
    width: 100px;
    height: 25px;
    line-height: 24px;
    font-size: 11px;
  }
  .beauty-mainTitle {
    font-size:7vw;
    margin-top: 10px;
  }
  .beauty-mainTitle .pink {
    font-size:10vw;
  }
  .beauty-comment {
    margin: 20px auto 0 auto;
    width: 220px;
    height: 40px;
    min-height: 40px;
  }
  .beauty-comment p {
    font-size: 15px;
    line-height: 33px;
  }
  .beauty-logo {
    margin: 30px auto 0 auto;
  }
  .beauty-videoWrapper {
    padding-left:0;
    padding-right:0;
    margin-left:-20px;
    margin-right:-20px;
    padding-top: 30px;
  }
  .beauty-point {
    flex-direction:column;
    padding-left:20px;
    padding-right:20px;
    text-align: left;
    margin-top:0;
  }
  .beauty-pointFlex {
    display:flex;
    justify-content:flex-start;
  }
  .beauty-pointIcon {
    margin-left:0;
    margin-right: 10px;
    text-align:center;
  }
  .beauty-pointTitle {
    margin-top:3px;
  }
  .beauty-pointText {
    font-size: 4vw;
    margin-top:10px;
    line-height:1.5;
    letter-spacing:0;
  }
  .beauty-pointBox {
    margin-top:30px;
  }
  .beauty-systemTitle {
    padding-top: 30px;
    font-size: 5vw;
  }
  .beauty-systemWrapper {
    width:100%;
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .beauty-price {
    padding-left:0;
    padding-right:0;
  }
  .beauty-priceTitle {
    font-size: 6.5vw;
    margin-top: 30px;
  }
  .beauty-priceTable th, .beauty-priceTable td {
    font-size:4vw;
    line-height: 1.5;
  }
  .beauty-priceTable th {
    width:25%;
  }
  .beauty-priceTable td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .beauty-moreInfo {
    text-align:left;
    margin-top:10px;
    font-size:14px;
  }
  .beauty-url {
    color:#e95283;
    font-size:14px;
  }
}
/* /BEAUTY */


/* CASE DETAIL */
.caseD-top {
  padding-left:15px;
  padding-right:15px;
}
.caseD-topBg {
  width:100%;
  height:600px;
  /*background:url('../img/caseD-bg.png') no-repeat;*/
  background-repeat:no-repeat;
  background-size:cover;
}
.caseD-topTitle {
  padding-top:275px;
  font-size:36px;
  color:white;
  text-align:center;
  font-weight:100;
  text-shadow: 2px 2px 5px #000;
}
.caseD-container {
  max-width:800px;
  width:100%;
  padding-top:60px;
  margin:0 auto;
}
.caseD-box {
  border:1px solid #dcdcdc;
  padding-left:8.75%;
  padding-right:8.75%;
  position:relative;
}
.caseD-flexWrapper {
  display:flex;
}
.caseD-client {
  margin-top: 57px;
  margin-left: 27px;
}
.caseD-clientBelonging {
  font-size:13px;
  font-weight:400;
}
.caseD-clientName {
  margin-top:11px;
  font-size:20px;
  font-weight:400;
}
.caseD-text {
  margin-top:25px;
  padding-top:25px;
  border-top:1px solid #dcdcdc;
  line-height:1.6;
  margin-bottom:30px;
}
.caseD-heading {
  margin-top:60px;
  margin-bottom:50px;
  font-size:36px;
  font-weight:200;
  text-align:center;
}
.caseD-heading a {
	text-decoration: underline;
}
.caseD-heading a:hover {
	text-decoration: none;
}
.caseD-heading em {
	color: #f6921e;
	font-style: normal;
}
.caseD-articleText, .caseD-articleImg {
  margin-top: 35px;
  margin-bottom: 35px;
}
.caseD-articleText {
  line-height: 2;
}
.caseD-editorsBox {
  background:#fff9ea;
  padding:20px;
  position:relative;
  margin-top: 107px;
}
.caseD-editorsText {
  border:1px solid #f5e1ca;
  padding:96px 50px 60px 50px;
  color:#9e7240;
  line-height: 2;
}
.caseD-editorsText.column a {
	text-decoration: underline;
}
.caseD-editorsText.column a:hover {
	text-decoration: none;
}
.caseD-editorsNote {
  position:absolute;
  width:113px;
  height:113px;
  top:-30px;
  left:50%;
  margin-left:-56px;
}
.caseD-imgWrapper {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: 50px;
}
.single-backBtn {
  text-align: center;
  width:180px;
  margin-top:40px;
}
.column-wigywig a {
	color: #000;
	text-decoration: underline;
}
.column-wigywig a:hover {
	text-decoration: none;
}
.column-wigywig h3 {
	color: #f6921e;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 15px;
}
.column-wigywig h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 15px;
}

@media (max-width:640px){
  .caseD-topBg {
    width:100%;
    height:250px;
    /*background:url('../img/caseD-bg_sp.png') no-repeat center center;*/
    background-repeat:no-repeat;
    background-position:center center;;
    background-size:cover;
  }
  .caseD-topTitle {
    font-size: 18px;
    line-height:1.5;
    padding-top:0;
    padding-left: 10%;
    padding-right: 10%;
    display: table-cell;
    height: 250px;
    vertical-align: middle;
  }
  .caseD-flexWrapper {
    flex-direction: column;
    text-align: center;
  }
  .caseD-client {
    margin-top: 15px;
    margin-left: 0;
  }
  .caseD-imgWrapper {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
  }
  .case-img {
    width:100%;
    margin-top:0;
  }
  .caseD-heading {
    margin-top:30px;
    margin-bottom:25px;
    font-size:18px;
  }
  .caseD-articleText, .caseD-articleImg {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .caseD-articleText {
    font-size:14px;
  }
  .caseD-heading2 {
    margin-top:60px;
  }
  .caseD-editorsBox {
    margin-top:80px;
    padding: 10px;
  }
  .caseD-editorsText {
    padding: 96px 15px 30px 15px;
    font-size: 14px;
  }
}
/* /CASE DETAIL */



/** food_pro 共通**/
.food_pro-main{
	line-height:2;
	font-size:15px;
	text-align:center;
}
.food_pro-main .container {
	max-width:1000px;
}
.food_pro-main h3{
	font-size:36px;
	font-weight:200;
	line-height:1.3;
	color:#444;
	margin-bottom:35px;
    font-weight:100;
	letter-spacing:-1px;
}
.food_pro-main .intro h3{
	line-height:1.5;
	margin-bottom:0;
}
.food_pro-main h3 .orange{font-weight:500;}
.food_pro-main section,.food_pro-main .intro{padding:70px 0}
.food_pro-main img{
	width:auto;
	max-width:100%;
}
.food_pro-main .bg_gray {background:#F5F5F5;}
.food_pro-main .fl{float:left;}
.food_pro-main .fr{float:right;}
.food_pro-main .pc_blk{display:block;}
/*追記ここから*/
@media (max-width:1024px) and (min-width:641px) {
	.food_pro-main .intro{padding:70px 20px}
}
/*追記ここまで*/
@media (max-width:640px){
	.food_pro-top .sp_blk,.food_pro-main .sp_blk{display:block;}
	.food_pro-main .pc_blk{display:inline;}
	.food_pro-main{line-height:1.7;}
	.food_pro-main h3{
		font-size:18px;
		margin-bottom:20px;
	}
	.food_pro-main section,.food_pro-main .intro{padding:30px 0}
}
@media (max-width:320px){
	.food_pro-main .container{padding:0 15px;}
	.food_pro-main .intro{padding:30px 15px;}
}
/*top*/
.food_pro-topBg {
	width:100%;
	height:450px;
	background:url(../img/food_pro-main_bg_pc.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
.food_pro-topTitle {
	font-size:40px;
	color:white;
	line-height:0.9;
	margin-top:15px;
    font-weight:100;
	letter-spacing:-1.5px;
}
.food_pro-topSubtitle {
	padding-top:175px;
	font-size:20px;
	color:white;
}
@media (max-width:640px){
	.food_pro-topBg {
		height:150px;
		background:url(../img/food_pro-main_bg_sp.jpg) no-repeat center center;
		background-size:cover;
	}
	.food_pro-topTitle {
		font-size:20px;
		line-height:1.3;
		margin-top:10px;
	}
	.food_pro-topSubtitle {
		font-size:12px;
		padding-top: 40px;
	}
}
/*section1*/
.food_pro-section1 .box{
	width:100%;
	max-width:830px;
	position:relative;
	margin:30px auto 0;
	font-size:14px;
	line-height:1;
}
.food_pro-section1 .image{
	display:block;
	margin:0 auto;
	width:53%;
	padding-left:3%;
}
.food_pro-section1 .txt1{
	position:absolute;
	top:65px;
	left:0;
	text-align:left;
}
.food_pro-section1 .txt2{
	position:absolute;
	top:65px;
	right:0;
	text-align:right;
}
.food_pro-section1 li{margin-bottom:15px;}
.food_pro-section1 li:after{
	content:" ";
	display:block;
	clear:both;
}
.food_pro-section1 .txt1 img{
	vertical-align:middle;
	margin-right:15px;
}
.food_pro-section1 .txt2 img{
	vertical-align:middle;
	margin-left:15px;
}
/*追記ここから*/
@media (max-width:1024px) and (min-width:641px) {
	.food_pro-section1 .box{display:none;}
	.food_pro-section1 img.tb{
		display:block;
		margin:30px auto 0;
	}
}
/*追記ここまで*/
@media (max-width:640px){
	.food_pro-section1 .box{margin:10px auto 0;}
	.food_pro-section1 .image{
		width:90%;
		padding:0;
	}
	.food_pro-section1 .txt1,.food_pro-section1 .txt2{
		position:relative;
		top:0;
		left:0;
		text-align:left;
		width:50%;
		float:left;
		margin-top:30px;
	}
	.food_pro-section1 li{
		margin-bottom:10px;
		line-height:1;
	}
	.food_pro-section1 .txt1 img,.food_pro-section1 .txt2 img{
		width:20%;
		margin:0 3% 0 0;

	}
	.food_pro-section1  img{float:left;}
	.food_pro-section1 li span{
		float:right;
		width:77%;
		margin:10px 0 10px;
	}
	.food_pro-section1 .txt1 li:nth-child(2) span{
		margin:5px 0 0px;
	}
	.food_pro-section1 span.sp_blk{
		float:none;
		width:auto;
		margin:0;
	}
}

/*section2*/
.food_pro-section2 .box{
	position:relative;
	padding:0 0 48px 5%;
	width:100%;
	max-width:800px;
	box-sizing:border-box;
	margin:auto;
	line-height:1.3;
}
.food_pro-section2 .box .orange{
	display:block;
	margin-bottom:3px;
}
.food_pro-section2 .txt1{
	position:absolute;
	bottom:0;
	left:0;
}
.food_pro-section2 .txt2{
	position:absolute;
	bottom:220px;
	left:16%;
}
.food_pro-section2 .txt3{
	position:absolute;
	bottom:0;
	left:31%;
}
.food_pro-section2 .txt4{
	position:absolute;
	bottom:200px;
	left:43%;
}
.food_pro-section2 .txt5{
	position:absolute;
	bottom:-10px;
	left:53%;
}
/*追記ここから*/
@media (max-width:849px) and (min-width:641px) {
  .food_pro-section2 .txt2{
  	bottom:205px;
  }
}
@media (max-width:1024px) and (min-width:850px) {
.food_pro-section2 .txt1{
	left:-4%;
}
.food_pro-section2 .txt2{
	left:11%;
	bottom:214px;
}
.food_pro-section2 .txt3{
	left:28%;
}
.food_pro-section2 .txt4{
	left:40%;
	bottom:190px;
}
.food_pro-section2 .txt5{
	left:51%;
}
}
/*追記ここまで*/
@media (max-width:640px){
	.food_pro-section2 .box{padding:0;}
	.food_pro-section2 .box p{display:none;}
}

/*section3*/
.food_pro-section3 .box{
	background:#fff;
	padding:25px 2.5% 10px;
	width:100%;
	box-sizing:border-box;
	margin-top:40px;
}
.food_pro-section3 ul{width:48%;}
.food_pro-section3 li{
	display:block;
	max-width:450px;
	position:relative;
	font-size:18px;
	margin-bottom:15px;
}
.food_pro-section3 li p{
	position:absolute;
	left:26%;
	top:27%;
	/*z-index:100;*/
	line-height:1.3;
	font-size:20px;
	text-align:left;
}
.food_pro-section3 .fr li p{left:38%;}
/*追記ここから*/
@media (max-width:1024px) and (min-width:641px) {
	.food_pro-section3 .box{display:none;}
	.food_pro-section3 img.tb{
		display:block;
		margin-top:40px;
	}
}
/*追記ここまで*/
@media (max-width:640px){
	.food_pro-section3 .box{
		margin-top:20px;
		padding:10px 2.5% 0px;
	}
	.food_pro-section3 ul{width:100%;}
	.food_pro-section3 li{
		max-width:100%;
		margin-bottom:10px;
	}
	.food_pro-section3 li p,.food_pro-section3 .fr li p{
		position:absolute;
		left:20%;
		top:15%;
		line-height:1.3;
		font-size:15px;
	}
}

/*section4*/
.food_pro-section4 .box{
	width:100%;
	max-width:950px;
	position:relative;
	margin:30px auto 0;
	line-height:1.8;
}
.food_pro-section4 .image{
	display:block;
	margin:0 auto;
	width:31%;
	padding-left:5%;
}
.food_pro-section4 .txt1{
	position:absolute;
	top:20px;
	left:0;
	text-align:right;
}
.food_pro-section4 .txt2{
	position:absolute;
	top:20px;
	right:0;
	text-align:left;
}
.food_pro-section4 .txt1 li{
	padding-right:58px;
	margin-bottom:30px;
	background:url(../img/food_pro-img_18.gif) no-repeat right center;
}
.food_pro-section4 .txt2 li{
	padding-left:58px;
	margin-bottom:30px;
	background:url(../img/food_pro-img_18.gif) no-repeat left center;
}
.food_pro-section4 .txt2 li.line1{line-height:48px;}
.food_pro-section4 .txt1 li:nth-child(2),.food_pro-section4 .txt1 li:nth-child(3){margin-right:40px;}
.food_pro-section4 .txt2 li:nth-child(2),.food_pro-section4 .txt2 li:nth-child(3){margin-left:40px;}
/*追記ここから*/
@media (max-width:1024px) and (min-width:641px) {
	.food_pro-section4 .box{display:none;}
	.food_pro-section4 img.tb{
		display:block;
		margin:30px auto 0;
	}
}
/*追記ここまで*/
@media (max-width:640px){
	.food_pro-section4 .box{margin:10px auto 0;	}
	.food_pro-section4 .image{
		width:50%;
		margin-bottom:20px;
	}
	.food_pro-section4 .txt1,.food_pro-section4 .txt2{
		position:relative;
		top:0;
		left:0;
		text-align:left;
		width:100%;
		text-align:left;
	}
	.food_pro-section4 .txt1 li,.food_pro-section4 .txt2 li{
		padding:0 0 0 30px;
		margin:0 0 20px !important;
		background:url(../img/food_pro-img_18.gif) no-repeat left 5px;
		background-size:25px auto;
		line-height:1.5;
	}
	.food_pro-section4 .txt2 li.line1{
		line-height: 30px;
		margin-bottom: 0 !important;
	}
}

/*section5*/
.food_pro-section5 .mt80{margin-top:80px;}
.food_pro-section5 .fl{width:25%;}
.food_pro-section5 .fr{width:67%;}
.food_pro-section5 .fr .box{
	margin-bottom:25px;
	display:table;
	width:100%;
	text-align:left;
	line-height:1.6;
}
.food_pro-section5 .fr .box:last-child{margin:0;}
.food_pro-section5 .fr img{
	display:table-cell;
	vertical-align:top;
}
.food_pro-section5 .fr p{
	display:table-cell;
	padding-left:2%;
	width:90%;
	box-sizing:border-box;
  vertical-align:top;
}
.food_pro-section5 .fr .bld{font-weight:bold;}
/*追記ここから*/
@media (max-width:1024px) and (min-width:641px) {
	.food_pro-section5 .fr p {
		vertical-align: top;
	}
}
/*追記ここまで*/
@media (max-width:640px){
	.food_pro-section5 .mt80{margin:0;}
	.food_pro-section5 .fl{
		float:none;
		width:50%;
		margin:20px auto;
	}
	.food_pro-section5 .fr{
		width:100%;
		float:none;
	}
	.food_pro-section5 .fr p{
		width:88%;
		vertical-align:top;
	}
}

/*section6*/
.food_pro-section6 {
	  background:url(../img/food_pro-img_24_pc.jpg) no-repeat center center;
	  background-size:cover;
}
.food_pro-s6Container {
	  color:#fff;
}
.food_pro-s6Title p {
	  color:white;
	  font-size:50px;
	  text-align:center;
	  line-height:1.2;
	  font-weight:100;
	  margin-bottom:20px;
}
.food_pro-wfWrapper {
	  width:100%;
	  max-width:1000px;
	  margin:0 auto;
	  margin-top:40px;
	  background:url('../img/top-flow-box.png') no-repeat;
	  background-size:100% 100%;
	  display:flex;
}
@media (max-width:1100px){
	  .food_pro-wfWrapper {
		width:90%;
	  }
}
.food_pro-wfBox {
	  flex-basis:calc(100% / 3);
	  justify-content:space-between;
	  padding:37px 20px 37px 40px;
}
.food_pro-wfBox:first-child{
	  padding:37px 20px 37px 30px;
}
.food_pro-wfStep {
	  width:82px;
	  height:35px;
	  margin:0 auto;
	  text-align:center;
	  font-size:16px;
	  color:white;
	  padding-top:5px;
	  line-height: 1;
}
#food_pro-wfStep1 {
	  background:url('../img/top-flow-step1.png') no-repeat;
	  background-size:100% auto;
}
#food_pro-wfStep2 {
	  background:url('../img/top-flow-step2.png') no-repeat;
	  background-size:100% auto;
}
#food_pro-wfStep3 {
	  background:url('../img/top-flow-step3.png') no-repeat;
	  background-size:100% auto;
}
.food_pro-wfText {
	  color:white;
	  font-size:15px;
	  margin-top:22px;
	  line-height:1.7;
	  text-align:left;
}

@media (max-width:640px){
	.food_pro-section6 {
		background:url(../img/food_pro-img_24_sp.jpg) no-repeat center center;
	}
	  .food_pro-s6Container {
		padding:30px 20px;
	  }
	  .food_pro-s6Title p {
		font-size:26px;
	  }
	  .food_pro-s6Container .lead{
		  text-align:left;
		  font-size:13px;
	  }
	  .food_pro-wfWrapper {
		width:100%;
		margin-top:10px;
		background:url('../img/top-flow-box_sp.png') no-repeat;
		background-size: 100% 100%;
		flex-direction: column;
	  }
	  .food_pro-wfBox {
		padding:25px 25px 0 25px;
	  }
	  .food_pro-wfBox:nth-child(2) {
		padding-top:10px;
		padding-bottom:50px;
	  }
	  .food_pro-wfBox:nth-child(3) {
		padding-top:10px;
		padding-bottom:20px;
	  }
	  .food_pro-wfText {
		font-size: 13px;
		margin-top: 15px;
		text-align:left;
		font-size:15px;
	  }
	  #food_pro-wfStep2{margin-top:20px;}
}

/** company 共通**/
.comapny-main{
	line-height:2;
	font-size:15px;
	text-align:center;
	margin-bottom:-30px;
}
.comapny-main img {
	width:auto;
	max-width:100%;
}
.comapny-main .container {
	max-width:1000px;
}
.comapny-main h3{
	font-size:46px;
	font-weight:200;
	line-height:1.3;
	color:#f6921e;
	margin-bottom:50px;
    font-family: 'Open Sans Condensed', sans-serif;
}
.comapny-main h3 span{
	font-size:16px;
	display:block;
	color:#444;
}
.comapny-main section{padding:100px 0 90px;}
.comapny-main .mb30{margin-bottom:30px;}
.comapny-main .mb50{margin-bottom:50px;}
.comapny-main .pc_blk {display:block;}
.comapny-main .bg_gray {background:#F5F5F5;}
.comapny-main table{
	width:100%;
	max-width:800px;
	margin:auto;
	border-collapse:collapse;
	box-sizing:border-box;
	border-bottom: 1px solid #bbb;
}
.comapny-main th, .comapny-main td {
	padding:23px 10px;
	text-align:left;
	box-sizing:border-box;
	vertical-align:top;
}
.comapny-main th {
	font-weight:400;
	white-space:nowrap;
	border-top: 3px solid #bbb;
	width:25%;
}
.comapny-main td {
	border-top: 1px solid #bbb;
}
.comapny-section8 table a {
  text-decoration: underline;
}
.comapny-section11 .bnr {
	width: 320px;
	margin: 0 auto 15px;
}
@media (max-width:640px){
	.comapny-main{
		line-height:1.6;
		text-align:left;
	}
	.comapny-main section{padding:30px 0;}
	.comapny-main h3{
		text-align:center;
		margin-bottom:30px;
		font-size:30px;
	}
	.comapny-main .pc_blk {display:inline;}
	.comapny-main h3 span{font-size:11px;}
	.comapny-main table{font-size:12px;}
	.comapny-main th, .comapny-main td {padding:10px;}
	.comapny-main th {width:auto;}
	.comapny-section3,.comapny-section7,.comapny-section9{text-align:center;}
	.comapny-section11 .bnr {
		width: 165px;
	}
}

/*top*/
.comapny-topBg {
	width:100%;
	height:450px;
	background:url(../img/company-main_bg_pc.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
.comapny-topTitle {
	padding-top:160px;
	font-size:90px;
	font-family: 'Open Sans Condensed', sans-serif;
	color:white;
	line-height:0.9;
}
.comapny-topSubtitle {
	font-size:16px;
	color:white;
	margin-top:10px;
}
@media (max-width:640px){
	.comapny-topBg {
		height:150px;
		background:url(../img/company-main_bg_sp.jpg) no-repeat center center;
		background-size:cover;
	}
	.comapny-topTitle {
		font-size:47px;
		padding-top: 50px;
	}
	.comapny-topSubtitle { font-size:12px;}
}

/*section1*/
.comapny-main .comapny-section1 .container{
	max-width:880px;
}

/*section2*/
.comapny-section2{
	background:url(../img/company-img_01_pc.jpg) no-repeat center top;
	height:800px;
	box-sizing:border-box;
}
.comapny-s2Text{
	text-align:left;
	width:100%;
	max-width:600px;
	padding-top: 20px;
}
@media (max-width:640px){
	.comapny-section2{
		background-image:none;
		background-color:#F5F5F5;
		height:auto;
	}
	.comapny-section2 .container{padding:0;}
	.comapny-section2 p.mb30{margin:10px 20px 0;}
}

/*section3*/
.comapny-section3 .block{
	display:inline-block;
	background:#F5F5F5;
	padding:2px 15px;
	margin-bottom:10px;
}
@media (max-width:640px){
	.comapny-section3 .fontsize30.mb50{	font-size:15px;	}
	.comapny-section3 p:last-child{text-align:left;}
}

/*section4*/
.comapny-section4 .box{
	position:relative;
	font-size:13px;
	line-height:1.4;
}
.comapny-section4 .box img{
	width:50%;
	margin:auto;
}
.comapny-section4 .orange{
	font-size:18px;
	margin-bottom:5px;
}
.comapny-section4 .bld{font-weight:bold;}
.comapny-section4 .box .txt2{
	position:absolute;
	top:100px;
	right:77%;
}
.comapny-section4 .box .txt3{
	position:absolute;
	top:100px;
	left:77%;
}
@media (max-width:640px){
	.comapny-section4 .box img{
		display:block;
		width:80%;
	}
	.comapny-section4 .box .txt1{
		text-align:center;
		font-size:12px;
		margin-bottom:20px;
	}
	.comapny-section4 .box .txt2,.comapny-section4 .box .txt3{
		position:relative;
		top:0;
		right:0;
		left:0;
		width:76%;
		margin-bottom:20px;
		padding-left:22%;
		width:100%;
		box-sizing:border-box;
	}
	.comapny-section4 .box .txt2 img,.comapny-section4 .box .txt3 img{
		position:absolute;
		left:0;
		top:3px;
		width:18%;
	}
	.comapny-section4 .orange{
		margin-bottom:3px;
		font-size:15px;
	}
}

/*section5*/
.comapny-section5 ul{
	text-align:center;
	margin:20px auto 40px;
	line-height:1.3;
}
.comapny-section5 li{
	display:inline-block;
	padding-right:50px;
	background:url(../img/company-img_03.gif) no-repeat right top;
	vertical-align:top;
	font-size:14px;
}
.comapny-section5 li:last-child{
	background:none;
	padding:0;
}
.comapny-section5 li img{margin-bottom:5px;}

/*section9*/
.comapny-section9 img{
	display:inline-block;
	margin:10px 15px;
}
@media (max-width:640px){
	.comapny-section9 img{
		width:40%;
		margin:0 2%;
	}
}

/*section10*/
.comapny-section10 .image {
	margin: 40px 0 0;
}
@media (max-width:640px){
	.comapny-section10 .image {
		background: url(../img/company-img_13-sp.jpg) no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.comapny-section10 .image img {
		display: none;
	}
	.comapny-section10 .image:before {
		content: "";
		display: block;
		padding-top: 53.67231%;
	}
}

/*section11*/
.comapny-section11 .members_block {
	box-sizing: border-box;
	max-width: 780px;
	margin: 0 auto;
	padding: 0 15px;
}
.comapny-section11 .members_block + .members_block {
	margin: 80px auto 0;
}
.comapny-section11 .members_block .members_lyt {
	overflow: hidden;
	text-align: left;
	position: relative;
	padding-top: 50px;
}
.comapny-section11 .members_block .members_lyt .cap {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.comapny-section11 .members_block .members_lyt .cap p {
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding: 0 15px 2px 0;
	border-bottom: #929292 2px solid;
	min-width: 270px;
}
.comapny-section11 .members_block .members_lyt .image {
	box-sizing: border-box;
	width: 25.33333%;
	padding: 5px 3.33333% 0 0;
	float: left;
}
.comapny-section11 .members_block .members_lyt .text {
	width: 74.66667%;
	float: left;
}
.comapny-section11 .members_block .members_lyt .text p {
	line-height: 2;
}
.comapny-section11 .members_block .members_lyt .cap p .sp {
	display: none;
}
.comapny-section11 .members_block .btn {
	margin: 15px 0 0;
	text-align: right;
}
.comapny-section11 .members_block .btn a {
	color: #fff;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	background: #000f50;
	border: #000f50 1px solid;
	width: 275px;
	padding: 4px 0;
	position: relative;
	-webkit-transition: .4s;
	transition: .4s;
}
.comapny-section11 .members_block .btn a:hover {
	color: #000f50;
	background: #fff;
}
.comapny-section11 .members_block .btn a:hover:before {
	border-color: #000f50;
}
.comapny-section11 .members_block .btn a:before {
	content: "";
	box-sizing: border-box;
	width: 7px;
	height: 7px;
	border-top: #fff 1px solid;
	border-right: #fff 1px solid;
	display: block;
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -3.5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .4s;
	transition: .4s;
}
@media (max-width:640px){
	.comapny-section11 .members_block {
		margin: 0;
		padding: 0;
	}
	.comapny-section11 .members_block + .members_block {
		margin: 50px 0 0;
	}
	.comapny-section11 .members_block .members_lyt {
		padding-top: 0;
	}
	.comapny-section11 .members_block .members_lyt .cap {
		position: static;
		margin: 0 0 3px;
	}
	.comapny-section11 .members_block .members_lyt .cap p {
		color: #000;
		font-size: 18px;
		border-bottom: #929292 1px solid;
		padding: 0 0 2px;
		min-width: auto;
	}
	.comapny-section11 .members_block .members_lyt .cap p .sp {
		display: inline;
	}
	.comapny-section11 .members_block .members_lyt .image {
		width: 49.4964%;
		padding: 0;
		margin: 0 auto 10px;
		float: none;
	}
	.comapny-section11 .members_block .members_lyt .text {
		width: 100%;
		float: none;
	}
	.comapny-section11 .members_block .btn {
		width: 89.64028%;
		margin: 10px auto 0;
		text-align: center;
	}
	.comapny-section11 .members_block .btn a {
		display: block;
		width: 100%;
		padding: 4px 0;
	}
	.comapny-section11 .members_block .btn a:hover {
		color: #fff;
		background: #000f50;
	}
	.comapny-section11 .members_block .btn a:hover:before {
		border-color: #fff;
	}
}


/** function 共通**/
.function_wrap .container {
	max-width:1000px;
}
.function_wrap p {
	line-height:1.6;
	font-size:14px;
}
.function_wrap .pc_blk {
	display:block;
}
.function_wrap .bg_gray {
	background:#F5F5F5;
}
.function_wrap .orange {
	font-weight:400;
	font-size:20px;
	margin-bottom:10px;
}
.function_wrap li {
	box-sizing:border-box;
}
.function_wrap img {
	width:auto;
	max-width:100%;
}
.function_wrap .sTitle p {
	font-size:46px;
	font-weight:200;
	text-align:center;
	line-height:1.3;
}
.function_wrap .sSubtitle {
	font-size:20px;
	text-align:center;
	margin:20px 0 45px;
}
.function_wrap .movie {
	position: relative;
	width: 100%;
	max-width:950px;
	padding-top: 56.25%;
	margin:50px auto 30px;
}
.function_wrap .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
  pointer-events: auto;
}
.function_wrap .list {
	text-align:center
}
.function_wrap .list li {
	display:inline-block;
	vertical-align:top;
}
.function_wrap .list li:nth-child(2) {
	 margin:0 45px;
}
.function_wrap .list .orange img {
	display:block;
	margin:0 auto 10px;
}
@media (max-width:640px){
	.function_wrap .pc_blk {display:inline;}
	.function_wrap .sp_blk {display:block;}

	.function_wrap p {
		line-height:1.6;
		font-size:14px;
	}
	.function_wrap .orange{font-size:18px;}
	.function_wrap .sTitle p {font-size:25px;}
	.function_wrap .sSubtitle {
		font-size:16px;
		margin:10px 0 20px;
	}
	.function_wrap .movie {
		margin:20px auto;
	}
	.function_wrap .list {
		text-align:left;
		margin:0 20px;
	}
	.function_wrap .list li {margin:0 0 10px !important;}
	.function_wrap .list li p{font-size:15px;}
	.function_wrap .list li p.orange{font-size:20px;}
	.function-section2,.function-section3,.function-section6,.function-section7,.function-section8{
	 padding:30px 0 !important;
	 }
	.function-section1 .container,.function-section2 .container,.function-section7 .container { padding:0 ;}
}

/* section1 */
.function-s1Wrapper {
	background:url(../img/function-main_bg_pc.jpg) no-repeat center center;
	background-size: cover;
}
.function-s1Container {
	min-height:600px;
	max-width:1000px;
	position:relative;
}
.function-s1Text {
	text-align:center;
	padding-top:55px;
	color:white;
}
.function-s1Text h2 {
	font-size:40px;
	margin-bottom:28px;
	font-weight:200;
	letter-spacing:-2px;
	text-shadow:1px 1px 5px #333;
}
.function-s1Text ul {
	display:table;
	margin:20px auto 25px;
	width:100%;
	max-width:900px;
}
.function-s1Text ul li {
	width:30%;
	display:table-cell;
	font-size:15px;
	text-shadow: 0px 0px 5px #000;
  transition: all .2s ease-out;
}
.function-s1Text ul li:nth-child(2) {
	 width:40%;
	 padding:0 1%;
}
.function-s1Text ul li .title {
	font-size:24px;
}
.function-s1Text ul li .title img {
	vertical-align:middle;
	margin-right:5px;
	text-shadow:none;
}
.function-s1Btn {
	height:48px;
	width:190px;
	background-color:#f6921e;
	border-radius:25px;
	text-align:center;
	display:inline-block;
	color:white;
}
.function-s1Btn p {
	font-size:18px;
	line-height:45px;
}
@media (max-width:640px){
	.function-s1Wrapper {
	background:url(../img/function-main_bg_sp.jpg) no-repeat center center;
	}
	.function-s1Container {
		min-height:100px;
	}
	.function-s1Text {
		padding:30px 3%;
	}
	.function-s1Text h2 {
		font-size:20px;
		margin-bottom:14px;
		font-weight:100;
		line-height:1.7;
	}
	.function-s1Text ul li {
		width:32%;
		font-size:12px;
		letter-spacing:-1.5px;
	}
	.function-s1Text ul li:nth-child(2) { width:36%;}
	.function-s1Text ul li .title {font-size:15px;	}
	.function-s1Text ul li .title img {
		margin-right:3px;
		height:30px;
	}
}
@media (max-width:320px){
	.function-s1Text {
		padding:30px 2.5%;
	}
}

/* section2 */
.function-section2 {
	padding:70px 0 85px;
}
.function-section2 .container {
	max-width:900px;
}
/*追記ここから*/
@media (max-width:1024px) and (min-width:641px) {
	.tb_blk{display:block;}
}
/*追記ここまで*/
@media (max-width:640px){
	.function-section2 .list li{
		width:100%;
		margin:0 0 20px !important;
	}
	.function-section2 .list .orange{
		display:table;
		margin: 0 0 5px;
	}
	.function-section2 .list .orange img{
		display:table-cell;
		margin:0;
	}
	.function-section2 .list .orange span{
		display:table-cell;
		width:90%;
		padding-left:3%;
		vertical-align: middle;
	}
}

/* section3 */
.function-section3 {padding:115px 0 95px;}
.function-section3 .container {
	height:545px;
	position:relative;
}
.function-section3 .function-s3BoxImg {
	width:880px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-880px;
}
.function-section3 .function-s3BoxText {
	width:50%;
	margin-left:50%;
	display:table;
}
.function-section3 .function-s3BoxInnr {
	display:table-cell;
	vertical-align:middle;
	height:545px;
	padding-left:4%;
}
.function-section3 .sTitle p, .function-section3 .sSubtitle {
	text-align:left;
}
.function-section3 p span {
	line-height:2.3;
}
@media (max-width:640px){
	.function-section3 .container {	height:auto;}
	.function-section3 .function-s3BoxImg {
		width:100%;
		position:relative;
		top:0;
		left:0;
		margin-left:0;
	}
	.function-section3 .function-s3BoxText {
		width:100%;
		margin:10px 0;
	}
	.function-section3 .function-s3BoxInnr {
		height:auto;
		padding-left:0;
	}
	.function-section3 .sTitle p, .function-section3 .sSubtitle {text-align:center;	}
	.function-section3 p span {	line-height:1.6;}
	.function-section3 p .pc_blk {
		display:inline-block;
		width:110px;
	}
	.function-section3 img.sp{
		max-width: 110%;
		margin-left: -20px;
	}

}
/* section4 */
.function-section4 {
	padding:115px 0 95px;
}
.function-section4 .container {
	max-width:950px;
}
.function-section4 li {
	width:29%;
	float:left;
	margin:20px 6.5% 20px 0;
}
.function-section4 li:nth-child(3n) {
	margin-right:0;
}
.function-section4 li img {
	display:block;
	margin:auto;
}
.function-section4 li .title {
	text-align:center;
	font-weight:400;
	margin:30px 0 10px;
	font-size:20px;
}
@media (max-width:640px){
	.function-section4 li {
		width:95%;
		float:none;
		margin:20px 2.5% !important;
	}
	.function-section4 li .title {
		margin:0 0 10px;
		font-size:16px;
		font-weight:bold;
	}
	.function-section4 li:first-child .title,
	.function-section4 li:nth-child(3) .title,
	.function-section4 li:nth-child(5) .title{
		margin-top:10px;
	}
  .function-section4 {
    padding: 80px 0 30px 0;
    margin-top: -50px;
  }
}

/* section5 */
.function-section5 .function-s5BoxImg {
	height:655px;
	float:right;
	width:50%;
	position:relative;
}
.function-section5 .function-s5BoxImg img {
	position:absolute;
	right:0;
	bottom:0;
}
.function-section5 .function-s5BoxText {
	padding-top:100px;
	width:50%;
	float:left;
}
.function-section5 .sTitle p, .function-section5 .sSubtitle {
	text-align:left;
}
.function-section5 .mb30 {
	margin-bottom:30px;
}
@media (max-width:640px){
	.function-section5 .function-s5BoxImg {
		height:auto;
		float:none;
		width:100%;
	}
	.function-section5 .function-s5BoxImg img {
		position:relative;
		right:-10%;
		bottom:0;
		width:80%;
	}
	.function-section5 .function-s5BoxText {
		padding-top:30px;
		width:100%;
		float:none;
	}
	.function-section5 .sTitle p, .function-section5 .sSubtitle {text-align:center;}
  #function-msg {
     padding-top: 40px;
     margin-top: -40px;
  }
}

/* section6 */
.function-section6 {
	padding:100px 0;
}
.function-section6 table {
	width:100%;
	margin-top:60px;
	border: 1px solid #DCDCDC;
	border-collapse:collapse;
	box-sizing:border-box;
	font-size:15px;
}
.function-section6 table th, .function-section6 table td {
	padding:15px 10px 15px 20px;
	line-height:1.7;
	border-bottom: 1px solid #DCDCDC;
}
.function-section6 table tr:last-child th, .function-section6 table tr:last-child td {
	border:none;
}
.function-section6 table th {
	color:#9e7240;
	background:#FFF9EA;
	white-space:nowrap;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
.function-section6 table th .reco {
	display:inline-block;
	background:#FF9A00;
	color:#fff;
	padding:0 5px 2px;
	font-size:12px;
	border-radius:10px;
	margin-top:5px;
}
@media (max-width:640px){
	.function-section6 table {margin-top:30px;}
	.function-section6 table th, .function-section6 table td {
		padding:10px;
		border:none;
		box-sizing:border-box;
		display:block;
	}
	.function-section6 table th {white-space:normal;}
}

/* section7 */
.function-section7 {
	padding:0 0 95px 0
}
.function-section7 .container {
	max-width:900px;
}
@media (min-width:641px){
#function-reserve {
  display: block;
  padding-top: 95px;
}}
@media (max-width:640px){
	.function_wrap .function-section7 .list li {
		width:100%;
		display:table;
	}
	.function_wrap .function-section7 .list p{
		display:table-cell;
		vertical-align:middle;
	}
	.function_wrap .function-section7 .list p.orange{
		width:12%;
		padding-right:2%;
	}
	.function_wrap .function-section7 .list p.orange img{
		width:100%;
		margin:0;
	}
  #function-reserve {
     padding-top: 40px;
     margin-top: -40px;
  }
}
@media (max-width:320px){
	.function_wrap .function-section7 .list p{
		vertical-align:top;
	}
}
/* section8 */
.function-section8 {
	padding:115px 0 30px;
}
.function-section8 li {
	width:21%;
	float:left;
	margin:20px 2%;
}
.function-section8 li img {
	display:block;
	margin:auto;
}
.function-section8 li .title {
	text-align:center;
	font-weight:400;
	margin:30px 0 10px;
	font-size:16px;
	letter-spacing:-1px;
}

@media (max-width:640px){
	.function-section8 li {
		width:95%;
		float:none;
		margin:20px 2% 30px;
	}
	.function-section8 li .title {
		margin:5px 0 10px;
		letter-spacing:0;
	}
}

/* wpcf7 */
input, textarea {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"]
{
  width: 100%;
  height: 46px;
  border: 1px solid #dcdcdc;
  padding-left: 20px;
}
.wpcf7 textarea {
  width: 100%;
  height:203px;
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.wpcf7 dl {
  margin-top:38px;
  font-size:14px;
}
.wpcf7 dd {
  margin-top:8px;
}
.wpcf7 .fa {
  margin-right:8px;
  font-size: 16px
}
.required, .notRequired {
  color:white;
  padding-left: 3px;
  padding-right: 4px;
  margin-left:10px;
  font-size:12px;
}
.required {
  background:#f6921e;
  border-radius:2px;
}
.notRequired {
  background:#aaaaaa;
  border-radius:2px;
}
.btnSubmit {
  margin-top:50px;
  text-align: center;
}
.wpcf7-submit {
  color: white;
  background: #f6921e;
  border-radius: 50px;
  width: 100%;
  height: 62px;
  font-size: 20px;
  font-weight: 200;
}
.wpcf7 span.wpcf7-not-valid-tip {
  color:#f6921e;
  margin-top:3px;
}
.wpcf7 .btnSubmit img {
  max-width:16px;
  height:auto;
  margin-top:30px;
  margin-left:0;
}
.wpcf7 div.wpcf7-validation-errors {
  border: none;
  color:#f6921e;
  margin-top: 0;
}
input.wpcf7-submit {
    box-shadow: none;
    text-shadow: none;
    border: none;
    transition: .3s ease-in-out;
}
input.wpcf7-submit:hover {
  opacity:0.7;
  cursor:pointer;
}
.wpcf7-mail-sent-ok{
  display:none !important;
}
@media (max-width:640px){
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"]
  {
    height: 23px;
  }
  .wpcf7 dl {
    margin-top: 25px;
  }
}
/* /wpcf7 */

/* ASIDE BAR */
.seminerBtn {
	width: 110px;
	position: fixed;
	right: 17px;
	bottom: 68px;
	z-index: 1;
}
.seminerBtn a {
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1.32;
	display: block;
	background: linear-gradient(135deg, rgba(255,110,110,1) 0%,rgba(255,197,197,1) 100%);
	border: #fff 2px solid;
	padding: 20px 0 18px;
	border-radius: 110px;
}
.seminerBtn a strong {
	font-size: 18px;
}
.aside-btnWrapper {
  width:100%;
  height:60px;
  position:fixed;
  bottom:0;
  padding-left:20px;
  padding-right:20px;
  background:#fff;
  padding-top:10px;
  border-top:1px solid #dcdcdc;
  display:flex;
  justify-content:space-between;
  z-index:100;
}
.aside-btnWrapper a {
  display:inline-block;
  border-radius:50px;
  vertical-align:middle;
  font-size:13px;
  text-align: center;
}
.aside-btnContact {
  height:40px;
  line-height:39px;
  color:white;
  flex-basis:37%;
  background:#f6921e;
}
.aside-btnCall {
  height:38px;
  line-height:38px;
  flex-basis:48%;
  background:#fff;
  border:1px solid #dcdcdc;
}
.aside-btnDoc {
  height:38px;
  line-height:38px;
  flex-basis:48%;
	color:white;
  background:#5e9a00;
  border:1px solid #dcdcdc;
}
.aside-btnCall .fontIcon {
  font-size: 18px;
  vertical-align: bottom;
}
@media (max-width:640px){
  #footer {
    margin-bottom: 43px;
  }
	.res_star {
		margin: 0 0 15px;
	}
	.res_star .bnr a {
		padding-top: 73.91304%;
		background: url('../img/bnr_res-star_sp.jpg') no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.res_star .bnr a:hover {
		opacity: 1;
	}
}
/* /ASIDE BAR */

/* DROPDOWN MENU */
.dropdown-parent {
  position:relative;
  height:36px;
}
.dropdown li a {
  display:block;
}
#globalNav ul.dropdown {
  margin-left: 0;
  margin-top: 18px;
  padding-top:15px;
  position:absolute;
  display:flex;
  flex-direction:column;
  width:180px;
  opacity:0;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}
.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #dcdcdc;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -54px;
}
.arrow_box:before {
	border-color: rgba(220, 220, 220, 0);
	border-bottom-color: #dcdcdc;
	border-width: 13px;
	margin-left: -55px;
}
#globalNav ul.dropdown .dropdown2 {
  margin-left: 0;
  padding-top:15px;
  padding-bottom:15px;
}
.dropdown li {
  padding-left:20px;
  padding-right:20px;
}
.dropdown-parent:hover {
  font-weight:500;
  cursor:pointer;
}
.dropdown-parent:hover > ul {
  opacity:1 !important;
}
.dropdown li {
  font-weight:200;
  transition: font-weight .2s ease-out;
}
.dropdown li:hover {
  font-weight:500;
}

/* mobile menu */
.mobileMenu-btns {
  display:flex;
  justify-content:space-between;
  margin-bottom:20px !important;
  margin-top: 60px;
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
}
.snavvy-links .links .mobileMenu-btns .mobileMenu-btnApply {
  color:white !important;
  display:inline-block;
  border-radius:50px;
  background-color:#f6921e;
  border:2px solid #f6921e;
  flex-basis:45%;
  height:33px;
  font-size:14px;
  line-height:33px;
  padding:0;
  text-align:center;
}
.snavvy-links .links .mobileMenu-btns .mobileMenu-btnLogin {
  display:inline-block;
  flex-basis:45%;
  height:33px;
  border-radius:50px;
  border:2px solid #dcdcdc;
  font-size:14px;
  text-align:center;
}
.mobileMenu-login img {
  width:10px;
  height:auto;
  vertical-align:middle;
}
.mobileMenu-login span {
  line-height:33px;
}
.mobileMenu-nav {
  height:46px;
  border-top:1px solid #dcdcdc;
}
.mobileMenu-nav a {
  line-height:46px;
  font-size:14px !important;
  padding:0;
}
.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 1;
}
.close:hover {
  opacity: 0.5;
}
.close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #44b9d8;
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
.links li.mobileMenu-navFood {
  padding-top:15px;
}
.links li.mobileMenu-navFood:hover {
  cursor:pointer;
  color:#f6921e;
}
.mobileMenu-navFood .mobileMenu-dropdown {
  margin-left:15px;
  display:none;
}
.mobileMenu-dropdown li:first-child {
  margin-top:10px;
}
.mobileMenu-dropdown li a {
  line-height:30px;
}
.dropdownActive2 {
  display:block !important;
}
.dropdownActive1 {
  height:180px !important;
}
@media (max-width:1024px) and (min-width:641px) {
  .snavvy-links .links .mobileMenu-btns .mobileMenu-btnApply {
    height:40px;
    font-size:16px;
    line-height:40px;
  }
  .snavvy-links .links .mobileMenu-btns .mobileMenu-btnLogin {
    height:40px;
    font-size:16px;
  }
  .mobileMenu-login img {
    width:11px;
    padding-bottom:2px;
  }
  .mobileMenu-login span {
    line-height:40px;
  }
  .close {
    right: 50px;
    top: 46px;
  }
  .mobileMenu-btns {
    margin-top: 100px;
  }
}
/* /mobile menu */

/*THANK YOU PAGE*/
.thankyou-msg {
  text-align:center;
  padding:50px;
  font-size:30px;
  font-weight:300;
  margin-top: 100px;
}
@media (max-width:640px){
  .thankyou-msg {
  padding: 30px;
  font-size: 15px;
  margin-top: 50px;
}
}
/* PRIVACY POICY */
.pPolicy-box {
  width:100%;
  max-width:640px;
  margin:0 auto;
  padding:20px;
}
.pPolicy-title {
  text-align:center;
  font-size:30px;
  font-weight:300;
  margin-top: 50px;
}
.pPolicy-text {
  font-size:14px;
  font-weight:300;
  line-height:1.5;
  margin-top: 50px;
}
@media (max-width:640px){
  .pPolicy-title {
    font-size:22px;
  }
}
/* /PRIVACY POICY* /

/* SITEMAP */
.sitemap-sec {
	max-width: 1000px;
	margin: 40px auto 0;
	padding: 0 0 50px;
}
.sitemap-sec .hdg {
	font-size: 22px;
	padding: 0 0 15px;
	margin: 0 0 40px;
	border-bottom: #c9c9c9 1px solid;
}
.sitemap-sec .sitemap__link {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.sitemap-sec .sitemap__link > li {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}
.sitemap-sec .sitemap__link > li:first-child {
	width: 15%;
	padding-left: 0;
}
.sitemap-sec .sitemap__link > li > .cap {
	font-size: 22px;
	font-weight: bold;
	display: block;
	margin: 0 0 20px;
}
.sitemap-sec .sitemap__link > li .in li {
	margin: 10px 0 0;
}
.sitemap-sec .sitemap__link > li .in li a {
	font-size: 12px;
}
.sitemap-sec .sitemap__link > li .in li a:hover,
.sitemap-sec .dis a:hover {
	text-decoration: underline;
}
.sitemap-sec .dis dt {
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px;
}
.sitemap-sec .dis dd {
	font-size: 12px;
}

@media (max-width: 1100px) and (min-width: 641px) {
	.sitemap-sec {
		max-width: none;
		padding: 0 45px 50px;
	}
}

@media (max-width:640px){
	.sitemap-sec {
		max-width: none;
		padding: 0 20px 65px;
		margin: 20px 0 0;
	}
	.sitemap-sec .hdg {
		font-size: 18px;
		margin: 0 0 35px;
	}
	.sitemap-sec .sitemap__link {
		display: block;
	}
	.sitemap-sec .sitemap__link > li {
		display: block;
		padding-left: 0;
		margin: 80px 0 0;
	}
	.sitemap-sec .sitemap__link > li:first-child {
		width: auto;
		margin-top: 0;
	}
	.sitemap-sec .sitemap__link > li .in li {
		margin: 15px 0 0;
	}
	.sitemap-sec .sitemap__link > li .in li a,
	.sitemap-sec .dis dd {
		font-size: 15px;
	}
	.sitemap-sec .sitemap__link > li .in li a:hover,
	.sitemap-sec .dis a:hover {
		text-decoration: none;
	}
	.sitemap-sec .sitemap__link > li > .cap,
	.sitemap-sec .dis dt {
		font-size: 18px;
	}
}
/* /SITEMAP* /

/* 404 */
.sec-404 {
	max-width: 1000px;
	margin: 120px auto 0;
	padding: 0 0 230px;
	text-align: center;
}
.sec-404 .hdg {
	font-size: 38px;
	margin: 0 0 30px;
}
.sec-404 .text_404 {
	margin: 20px 0;
}
.sec-404 .link_404 {
	margin: 65px 0 0;
}
.sec-404 .link_404 li {
	margin: 25px 0 0;
}
.sec-404 .link_404 li a {
	color: #3f8fcd;
	font-size: 18px;
}
.sec-404 .link_404 li a:hover {
	text-decoration: underline;
}
.twitterbox {
    width: 400px;
    float: left;
    margin-bottom: 30px;
}

@media (max-width: 1100px) and (min-width: 641px) {
	.sec-404 {
		max-width: none;
		padding: 0 45px 230px;
	}
}

@media (max-width:640px){
	.sec-404 {
		max-width: none;
		padding: 0 20px 65px;
		margin: 50px 0 0;
	}
	.sec-404 .hdg {
		font-size: 20px;
	}
	.sec-404 .text_404 {
		line-height: 1.9;
	}
	.sec-404 .link_404 {
		margin: 40px 0 0;
	}
	.sec-404 .link_404 li {
		margin: 15px 0 0;
	}
	.sec-404 .link_404 li a {
		font-size: 15px;
	}
	.sec-404 .link_404 li a:hover {
		text-decoration: none;
	}
}
/* /404* /

/* MODIFICATIONS */
@media (max-width:640px){
  footer.contact-footer {
    margin-bottom: -20px !important;
  }
}
@media (min-width:640px){
  footer {
    margin-bottom: -20px;
  }
}
.function-s1Text ul li a p {
  color:white;
}
.function-s1Text ul li:hover {
  opacity:0.7;
}
.contact-wrapperMail .contact-iconBox {
  margin-top: -100px;
  padding-top: 100px;
}
#common-footerNav ul li {
  line-height:1.8;
}

/* モバイルメニュー修正1129 */
div#snavvy-menu {
    margin-top: 30px;
}

/* reservation page追加 */

#reserv {
  width: 100%;
  overflow: hidden;
}

#reserv .reserv-topBg {
  width: 100%;
  height: 750px;
  background: url(../img/reserv-reserv-Bg.png) no-repeat center center;
  justify-content: center;
  background-size: cover;
  position: relative;
  padding-top: 65px;
  color: white;
  text-align: center;
  font-weight: 100;
}

#reserv .reserv-txt1 .reserv-topTitle{
  font-size: 50px;
  font-family: 'Open Sans Condensed', sans-serif;
}

#reserv .reserv-txt1 .reserv-topSub{
  font-size: 16px;
}

#reserv .reserv-txt2 h2{
  font-size: 50px;
  font-weight: 100;
}

#reserv .reserv-txt2 p{
  font-size: 20px;
  margin-top: 10px;
}

#reserv .reserv-txt2 {
  margin-top: 55px;
}

#reserv .reserv-mock {
  position: absolute;
  bottom: 0;
  left: 0;
  width:100%;
}
#reserv .reserv-mock img{
	margin:0 auto;
	max-width:740px;
}

@media (max-width:641px) {

  #reserv .reserv-topBg {
    width: 100%;
    height: 365px;
    background: url(../img/reserv-reserv-BgSp.png) no-repeat center center;
    background-size: cover;
    justify-content: center;
    position: relative;
    padding-top: 30px;
    color: white;
    text-align: center;
    font-weight: 100;
  }

  #reserv .reserv-txt1 h1{
    font-size: 27px;
    font-family: 'Open Sans Condensed', sans-serif;
  }

  #reserv .reserv-txt1 p{
    font-size: 10px;
    font-weight: 200;
  }

  #reserv .reserv-txt2 h2{
    font-size: 27px;
    font-weight: 200;
    margin-top: 5px;
    line-height: 20px;
  }

  #reserv .reserv-txt2 p{
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }

  #reserv .reserv-txt2 {
    margin-top: 10px;
  }


  #reserv .reserv-mock img {
    width: 340px;
    height: auto;
  }

}
@media (max-width:321px) {
  #reserv .reserv-txt2 h2{
    font-size: 25px;
  }
  #reserv .reserv-mock img {
    width: 320px;
  }
}

/*********web予約システム reserv-point**********/
#reserv .reserv-point {
  width: 100%;
  background: url(../img/reserv-reserv-pointBg.png) no-repeat bottom;
  background-size: cover;
  justify-content: center;
  position: relative;
}


#reserv .point-container {
  margin: 35px 2%;
}

@media (min-width:640px){
  #reserv .reserv-pointBox p{
	font-size: 17px;
  }
}

@media (min-width:760px) {
  #reserv .reserv-pointBox p{
	font-size: 20px;
  }
}

  #reserv .reserv-pointBox p {
    color: #74bee4;
	line-height: 30px;
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
  }

@media (min-width:640px) {
  #reserv .pointBoxPlus {
	top: 38%;
  }

  #reserv .pointBoxPlus2 {
	top: 32%;
  }
}

  #reserv .reserv-pointWrap {
    width: 100%;
	max-width:800px;
    margin: 0 auto;
    padding:55px 0 75px;
    text-align: center;
  }

  #reserv .reserv-pointBox {
    width: 30%;
    padding: 15%;
    background: url(../img/reserv-reserv-pointTxtBg.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
	margin:0 1.1%;
  }




  @media (max-width:641px) {
  #reserv .point-container {
	margin: 17px 3%;
  }

  #reserv .reserv-pointWrap {
    padding:25px 1.5% 35px;
  }

  #reserv .reserv-pointBox p{
	font-size: 9px;
    line-height: 1.5;
    letter-spacing: -1px;
	color:#333;
  }
   #reserv .pointBoxPlus {
	top: 35%;
  }
  #reserv .pointBoxPlus2 {
	top: 30%;
  }

  #reserv .reserv-pointBox {
    width: 32%;
    padding: 16%;
	margin:0 ;
  }

  }
  @media (max-width:641px) {
  #reserv .reserv-pointBox p{
    line-height: 1.3;
  }
   #reserv .pointBoxPlus {
	top: 33%;
  }
  #reserv .pointBoxPlus2 {
	top: 28%;
  }
  }
  /*********web予約システム reserv-point**********/
  /*********web予約システム reserv-point2**********/

  #reserv .point2-container {
    margin: 0 auto;
    max-width: 910px;
  }
@media (min-width:640px) {
  #reserv .point2-container {
	padding:0 50px;
}
}
  #reserv .reserv-point2 h2 {
    font-size: 42px;
    color: #f6921e;
    font-weight: 200;
    margin-bottom: 40px;
    text-align: center;
    line-height: 60px;
  }

  #reserv .reserv-point2Txt {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%;
    margin-top: 20px;
    line-height: 30px;
    font-weight: 100;
  }

  #reserv .reserv-point2Txt p{
    margin-right: 42%;
	width:28%;
	display:inline-block;
  }

  #reserv .reserv-point2Txt p:nth-child(2) {
	width:30%;
    margin-right: 0;
  }

  @media (max-width:641px) {
    #reserv .point2-container {
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }

    #reserv .reserv-point2 h2 {
      font-size: 20px;
      color: #f6921e;
      font-weight: 200;
      margin-bottom: 20px;
      text-align: center;
      line-height: 28px;
    }

    #reserv .reserv-point2Txt {
      display: flex;
      flex-wrap: wrap;
      margin-left: 0px;
      margin-top: 10px;
      line-height: 1.7;
	  padding:0;
    }

    #reserv .reserv-point2Txt p{
      margin-right: 12%;
      font-size: 12px;
      letter-spacing: -0.5px;
      font-weight: 300;
      width: 44%;
    }

    #reserv .reserv-point2Pic img {
      width: 100%;
    }

    #reserv .reserv-point2Txt p:nth-child(2) {
      margin-right: 0;
      width: 44%;
    }
  }
  @media (max-width:321px) {
    #reserv .reserv-point2 h2 {
      font-size: 19px;
	  letter-spacing:-1px;
    }
  }

#reserv .reservation-area01 .reservation-top {
	color: #fff;
	padding: 25px 0;
	margin: 115px 0 155px;
	background: -moz-linear-gradient( 0deg, rgb(244,188,0) 0%, rgb(244,129,0) 99%);
	background: -webkit-linear-gradient( 0deg, rgb(244,188,0) 0%, rgb(244,129,0) 99%);
	background: -ms-linear-gradient( 0deg, rgb(244,188,0) 0%, rgb(244,129,0) 99%);
	position: relative;
}
#reserv .reservation-area01 .reservation-top .content {
	max-width: 1350px;
	margin: 0 auto;
}
#reserv .reservation-area01 .reservation-top .image {
	width: 743px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: -743px;
}
#reserv .reservation-area01 .reservation-top .text {
	padding: 0 3.92592% 0 52%;
}
#reserv .reservation-area01 .reservation-top .text .lead {
	font-size: 34px;
	font-weight: 100;
	margin-bottom: 30px;
	line-height: 1.5;
	letter-spacing: -1px;
}
#reserv .reservation-area01 .reservation-top .text .in {
	font-size: 15px;
	font-weight: 100;
	line-height: 1.9;
}
#reserv .reservation-area01 .reservation-top .text .in em {
	font-size: 34px;
	font-style: normal;
}
#reserv .reservation-images4col {
	max-width: 1000px;
	margin: 70px auto;
	overflow: hidden;
}
#reserv .reservation-images4col .content {
	overflow: hidden;
	margin: 0 -2.38095%;
	position: relative;
}
#reserv .reservation-images4col .content .image {
	box-sizing: border-box;
	width: 50%;
	padding: 0 2.5%;
	margin: 35px 0 0;
	float: left;
}
#reserv .reservation-images4col .content .image:first-child,
#reserv .reservation-images4col .content .image:first-child + .image {
	margin-top: 0;
}
#reserv .reservation-images4col .content .catch {
	text-align: center;
	width: 264px;
	height: 264px;
	background: #f48300;
	border-radius: 100%;
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#reserv .reservation-images4col .content .catch p {
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	line-height: 1.5;
	display: table-cell;
	vertical-align: middle;
}
#reserv .reservation-area02 .reservation-mid {
	background: url('../img/reservation/reservation_bg01.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 40px 0;
	margin: 50px 0;
}
#reserv .reservation-area02 .reservation-mid .content {
	box-sizing: border-box;
	color: #fff;
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	padding: 0 2%;
	display: table;
}
#reserv .reservation-area02 .reservation-mid .content > * {
	display: table-cell;
	vertical-align: middle;
}
#reserv .reservation-area02 .reservation-mid .image {
	width: 20.38461%;
	padding-left: 5%;
	text-align: center;
}
#reserv .reservation-area02 .reservation-mid .image .cap {
	line-height: 1.5;
	margin-top: 5px;
	display: block;
}
#reserv .reservation-area02 .reservation-mid .box {
	border: #fff 1px solid;
	padding: 40px 8.69565% 35px;
}
#reserv .reservation-area02 .reservation-mid .box p {
	font-size: 26px;
	line-height: 1.9;
	text-align: center;
}
#reserv .reservation-area02 .reservation-mid .box p span {
	display: inline-block;
	text-align: left;
}
#reserv .reservation-area02 .reservation-mid .box p em {
	color: #f48300;
	font-weight: bold;
	font-style: normal;
}
#reserv .reservation-area03 .content {
	max-width: 900px;
	margin: 0 auto;
}
#reserv .reservation-area03 .content .logos {
	color: #f48300;
	font-size: 25px;
	font-weight: 100;
	letter-spacing: -0.4em;
	word-spacing: 0.1em;
	text-align: center;
}
#reserv .reservation-area03 .content .logos >* {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: bottom;
	margin: 0 10px;
}
#reserv .reservation-area03 .content .logos img {
	width: auto;
	max-width: 100%;
	height: auto;
}
#reserv .reservation-area03 .content .lead {
	color: #f48300;
	font-size: 40px;
	font-weight: 100;
	text-align: center;
	margin: 25px 0 85px;
}
#reserv .reservation-area03 .content .support-image {
	padding-top: 101.22494%;
	position: relative;
	background: url('../img/reservation/reservation_image07_2.png') no-repeat;
	background-position: center top;
	background-size: contain;
	margin-top: 150px;
}
#reserv .reservation-area03 .content .support-image .text {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -85px;
}
#reserv .reservation-area03 .content .support-image .text p {
	font-size: 40px;
	font-weight: 100;
	margin-top: 35px;
}
#reserv .reservation-area03 .content .support-image .text p:first-child {
	margin-top: 0;
}
#reserv .reservation-area03 .content .support-image .text p em {
	color: #f48300;
	font-style: normal;
}
#reserv .reservation-area03 .content .btn {
	max-width: 657px;
	margin: 60px auto 0;
}
#reserv .reservation-area03 .content .btn a {
	display: block;
}
#reserv .reservation-area03 {
	margin: 0 0 195px;
}
#reserv .reservation-imagetext {
	margin: 90px 0;
	padding: 45px 2%;
}
#reserv .reservation-imagetext.ltor {
	background-image: -moz-linear-gradient( 0deg, rgb(244,129,0) 1%, rgb(244,188,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(244,129,0) 1%, rgb(244,188,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(244,129,0) 1%, rgb(244,188,0) 100%);
}
#reserv .reservation-imagetext.rtol {
	background-image: -moz-linear-gradient( 0deg, rgb(244,188,0) 0%, rgb(244,129,0) 99%);
	background-image: -webkit-linear-gradient( 0deg, rgb(244,188,0) 0%, rgb(244,129,0) 99%);
	background-image: -ms-linear-gradient( 0deg, rgb(244,188,0) 0%, rgb(244,129,0) 99%);
}
#reserv .reservation-imagetext .content {
	width: 100%;
	max-width: 1350px;
	display: table;
	margin: 0 auto;
}
#reserv .reservation-imagetext.rtol .content {
	direction: rtl;
}
#reserv .reservation-imagetext .content > *{
	display: table-cell;
	vertical-align: middle;
	direction: ltr;
}
#reserv .reservation-imagetext .content .image {
	width: 42.14814%;
}
#reserv .reservation-imagetext .content .image img {
	margin-top: -85px;
}
#reserv .reservation-imagetext .content .text {
	color: #fff;
	font-size: 15px;
	font-weight: 100;
	padding: 0 7% 0 0;
}
#reserv .reservation-imagetext.rtol .content .text {
	padding: 0 0 0 7%;
}
#reserv .reservation-imagetext .content .text p {
	margin-top: 30px;
	line-height: 1.9;
}
#reserv .reservation-imagetext .content .text p.lead {
	font-size: 34px;
	letter-spacing: -1px;
	line-height: 1.5;
	margin-top: 0;
}
#reserv .reservation-low .case02 {
	width: 100%;
	max-width: 1010px;
	margin: 50px auto;
	display: table;
}
#reserv .reservation-low .case02 > * {
	display: table-cell;
	vertical-align: middle;
}
#reserv .reservation-low .case02 .image {
	width: 45.14851%;
}
#reserv .reservation-low .case02 .text {
	padding-left: 3.46534%;
}
#reserv .reservation-low .case02 .text .lead {
	font-size: 34px;
	line-height: 1.5;
	font-weight: 200;
	margin-bottom: 30px;
}
#reserv .reservation-low .case02 .text p {
	font-size: 16px;
	line-height: 1.9;
	font-weight: 100;
}
#reserv .reservation-area04 {
	margin: 165px 0 0;
}
#reserv .reservation-area04 .reservation-inq h2 {
	font-size: 32px;
	text-align: center;
	padding-bottom: 60px;
	position: relative;
}
#reserv .reservation-area04 .reservation-inq h2:after {
	content: "";
	width: 12px;
	height: 12px;
	border-right: #444 2px solid;
	border-bottom: #444 2px solid;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -7px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#reserv .reservation-area04 .reservation-inq .content {
	box-sizing: border-box;
	max-width: 1280px;
	padding: 80px 2% 35px;
	margin: 0 auto;
	background: url('../img/reservation/reservation_image16.jpg') no-repeat;
	background-position: right bottom;
}
#reserv .reservation-area04 .reservation-inq .flow {
	width: 56.6875%;
}
#reserv .reservation-area04 .reservation-inq .flow .col {
	box-sizing: border-box;
	margin-top: 55px;
	width: 100%;
	display: table;
	border: #f48300 1px solid;
	padding: 0 20px;
	border-radius: 75px;
	background: #fff;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s;
}
#reserv .reservation-area04 .reservation-inq .flow .col:before {
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 25px 15px 0 15px;
	border-color: #f48300 transparent transparent transparent;
	position: absolute;
	top: -45px;
	left: 50%;
	margin-left: -15px;
}
#reserv .reservation-area04 .reservation-inq .flow .col:first-child {
	margin-top: 0;
}
#reserv .reservation-area04 .reservation-inq .flow .col:first-child:before {
	display: none;
}
#reserv .reservation-area04 .reservation-inq .flow .col:hover {
	background: #f48300;
	color: #fff;
}
#reserv .reservation-area04 .reservation-inq .flow .col >* {
	display: table-cell;
	vertical-align: middle;
}
#reserv .reservation-area04 .reservation-inq .flow .col .num {
	color: #fff;
	text-align: center;
	width: 75px;
	padding: 15px 0;
	-webkit-transition: .3s;
	transition: .3s;
}
#reserv .reservation-area04 .reservation-inq .flow .col .num .inner {
	width: 100%;
	height: 75px;
	display: table;
	background: #f48300;
	border-radius: 100%;
	-webkit-transition: .3s;
	transition: .3s;
}
#reserv .reservation-area04 .reservation-inq .flow .col:hover .num {
	color: #f48300;
}
#reserv .reservation-area04 .reservation-inq .flow .col:hover .num .inner {
	background: #fff;
}
#reserv .reservation-area04 .reservation-inq .flow .col .num .inner span {
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
}
#reserv .reservation-area04 .reservation-inq .flow .col .cell {
	padding: 10px 0 10px 3.57142%;
}
#reserv .reservation-area04 .reservation-inq .flow .col .cell .title {
	color: #f48300;
	font-size: 34px;
	font-weight: 100;
	line-height: 1.5;
	letter-spacing: -1px;
	-webkit-transition: .3s;
	transition: .3s;
}
#reserv .reservation-area04 .reservation-inq .flow .col:hover .cell .title {
	color: #fff;
}
#reserv .reservation-area04 .reservation-inq .flow .col .cell .text {
	font-size: 15px;
	line-height: 1.9;
	padding-left: 1em;
}
#reserv .reservation-area04 .disc {
	text-align: center;
	padding: 50px 0 0;
}
#reserv .reservation-area04 .disc .text {
	font-size: 38px;
	line-height: 1.4;
}
#reserv .reservation-area04 .disc .text em {
	color: #f48300;
	font-size: 52px;
	font-style: normal;
}
#reserv .reservation-area04 .disc .sub {
	font-size: 12px;
	margin-top: 5px;
}
@media (max-width:641px) {
	#reserv .reservation-area01 .reservation-top {
		padding: 0 3% 20px;
		margin: 100px 0 30px;
	}
	#reserv .reservation-area01 .reservation-top .image {
		width: 98.53333%;
		position: static;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin: 0 0 10px -17.54385%;
	}
	#reserv .reservation-area01 .reservation-top .image img {
		margin-top: -70px;
	}
	#reserv .reservation-area01 .reservation-top .text {
		padding: 0;
	}
	#reserv .reservation-area01 .reservation-top .text .lead {
		font-size: 23px;
		font-weight: 200;
		margin-bottom: 10px;
	}
	#reserv .reservation-area01 .reservation-top .text .in {
		font-size: 12px;
		font-weight: 200;
		line-height: 1.8;
	}
	#reserv .reservation-area01 .reservation-top .text .in em {
		font-size: 23px;
	}
	#reserv .reservation-images4col {
		margin: 30px 0;
		padding: 0 4%;
	}
	#reserv .reservation-images4col .content .catch {
		width: 83px;
		height: 83px;
	}
	#reserv .reservation-images4col .content .catch p {
		font-size: 10px;
		font-weight: 200;
	}
	#reserv .reservation-area02 .reservation-mid {
		background: url('../img/reservation/reservation_bg02.jpg') no-repeat;
		padding: 15px 4%;
	}
	#reserv .reservation-area02 .reservation-mid .content {
		display: block;
		padding: 0;
	}
	#reserv .reservation-area02 .reservation-mid .text {
		display: block;
		margin: 10px;
	}
	#reserv .reservation-area02 .reservation-mid .box {
		display: block;
		padding: 20px 2.89855%;
	}
	#reserv .reservation-area02 .reservation-mid .box p {
		font-size: 20px;
		text-align: left;
	}
	#reserv .reservation-area02 .reservation-mid .box p br {
		display: none;
	}
	#reserv .reservation-area02 .reservation-mid .image {
		width: 100%;
		padding-left: 0;
		display: block;
	}
	#reserv .reservation-area02 .reservation-mid .image > * {
		display: inline-block;
		vertical-align: middle;
		margin: 0 5%;
	}
	#reserv .reservation-area02 .reservation-mid .image img {
		width: 28.9855%;
	}
	#reserv .reservation-area02 .reservation-mid .image .cap {
		display: inline-block;
	}
	#reserv .reservation-area03 .content {
		padding: 0 4%;
	}
	#reserv .reservation-area03 .content .logos {
		font-size: 12px;
	}
	#reserv .reservation-area03 .content .logos .logo {
		box-sizing: border-box;
		width: 50%;
		margin: 0;
		padding: 0 5px;
	}
	#reserv .reservation-area03 .content .logos .text {
		display: block;
		margin: 10px 0 0;
	}
	#reserv .reservation-area03 .content .lead {
		font-size: 20px;
		font-weight: 200;
		margin: 20px 0;
	}
	#reserv .reservation-area03 .content .support-image {
		background: url('../img/reservation/reservation_image07_sp.png') no-repeat;
		background-position: center center;
		background-size: contain;
		margin-top: 45px;
	}
	#reserv .reservation-area03 .content .support-image .text {
		margin-top: -15px;
	}
	#reserv .reservation-area03 .content .support-image .text p {
		font-size: 16px;
		font-weight: 200;
		margin-top: 20px;
	}
	#reserv .reservation-area03 .content .btn {
		margin-top: 20px;
	}
	#reserv .reservation-area03 .content .btn a {
		display: block;
		height: 0;
		overflow: hidden;
		padding-top: 27.40471%;
		background: url('../img/button_sp.png') no-repeat;
		background-position: center center;
		background-size: contain;
	}
	#reserv .reservation-area03 {
		margin: 0;
	}
	#reserv .reservation-imagetext {
		margin: 60px 0 40px;
		padding: 0 4% 20px;
	}
	#reserv .reservation-imagetext .content .image {
		width: 100%;
		display: table-caption;
		margin: 0 0 15px;
	}
	#reserv .reservation-imagetext .content .image img {
		margin-top: -30px;
	}
	#reserv .reservation-imagetext .content .text {
		font-size: 12px;
		font-weight: 200;
		padding: 0;
	}
	#reserv .reservation-imagetext.rtol .content .text {
		padding: 0;
	}
	#reserv .reservation-imagetext .content .text p.lead {
		font-size: 23px;
	}
	#reserv .reservation-imagetext .content .text p {
		margin-top: 15px;
	}
	#reserv .reservation-low .case02 {
		margin: 50px 0 0;
		padding: 0 4%;
		display: block;
	}
	#reserv .reservation-low .case02 > * {
		display: block;
	}
	#reserv .reservation-low .case02 .image {
		width: 100%;
		margin: 0 0 20px;
	}
	#reserv .reservation-low .case02 .text {
		padding-left: 0;
	}
	#reserv .reservation-low .case02 .text .lead {
		font-size: 23px;
		margin-bottom: 15px;
	}
	#reserv .reservation-low .case02 .text p {
		font-size: 12px;
		font-weight: 200;
	}
	#reserv .reservation-area04 {
		margin: 30px 0 0;
	}
	#reserv .reservation-area04 .reservation-inq {
		background: url('../img/reservation/reservation_image17.jpg') no-repeat;
		background-position: left top;
		background-size: contain;
		padding: 0 4%;
	}
	#reserv .reservation-area04 .reservation-inq h2 {
		width: 64.7%;
		font-size: 15px;
		font-weight: 200;
		line-height: 1.5;
		padding: 60px 0 20px;
		margin-bottom: 25px;
	}
	#reserv .reservation-area04 .reservation-inq .content {
		padding: 0;
		background: none;
	}
	#reserv .reservation-area04 .reservation-inq .flow {
		width: 100%;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col {
		padding: 0 10px;
		margin-top: 25px;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col .num {
		width: 55px;
		padding: 10px 0;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col .num .inner {
		height: 55px;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col .num .inner span {
		font-size: 10px;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col .cell {
		padding: 8px 0 8px 3px;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col .cell .title {
		font-size: 18px;
		font-weight: 200;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col .cell .text {
		font-size: 12px;
		font-weight: 200;
	}
	#reserv .reservation-area04 .reservation-inq .flow .col:before {
		border-width: 15px 9px 0 9px;
		margin-left: -9px;
		top: -20px;
	}
	#reserv .reservation-area04 .disc {
		padding: 80px 0 20px;
	}
	#reserv .reservation-area04 .disc .text {
		font-size: 20px;
		font-weight: 200;
	}
	#reserv .reservation-area04 .disc .text em {
		font-size: 30px;
	}
}
  /*********web予約システム reserv-point2**********/
  /*********web予約システム function**********/

  #reserv #function {
    margin-top: 190px;
  }

  #reserv .function-title {
    text-align: center;
    margin-bottom: 90px;
  }

  #reserv .function-title h2 {
    font-size: 60px;
    font-family: 'Open Sans Condensed', sans-serif;
  }

  #reserv .function-title p {
    font-size: 16px;
    margin-top: 5px;
  }

  #reserv .function-section1Bg {
    width: 100%;
    background: url(../img/reserv-function-section1Bg.png) no-repeat center center;
    background-size: cover;
    color: white;
    font-weight: 100;
  }

  #reserv .function-section1 {
    max-width: 1360px;
    margin: 0 auto;
	position:relative;
  }

  #reserv .function-section1 h3 {
    font-size: 34px;
    font-weight: 100;
    margin-bottom: 30px;
    line-height: 1.5;
	letter-spacing:-1px;
  }

  #reserv .function-section1 p {
    font-size: 15px;
    font-weight: 100;
    line-height: 1.9;
  }

  #reserv .function-sec1-txt {
    padding: 6% 0 9% 2%;
	width:45.8%;
  }


  #reserv .function-sec1-pic img{
    position: absolute;
    top: -9%;
    right: 50px;
	width:48%;
  }


  @media (min-width:641px) and (max-width:1400px) {

  #reserv .function-section1 h3 {
    font-size:2.4vw;
  }

  #reserv .function-section1 p {
	font-size:1.1vw;
	letter-spacing:-0.5px;
  }
  }
  @media (max-width:768px) {
  #reserv .function-sec1-pic img{
    right: 20px;
  }
  #reserv .function-sec1-txt {
    padding: 6% 0 6% 2%;
  }
  }



  @media (max-width:641px) {
    #reserv #function {
      margin-top: 95px;
    }

    #reserv .function-title {
      text-align: center;
      margin-bottom: 50px;
    }

    #reserv .function-title h2 {
      font-size: 37px;
      font-family: 'Open Sans Condensed', sans-serif;
    }

    #reserv .function-title p {
      font-size: 12px;
    }

    #reserv .function-section1Bg {
      width: 100%;
      background: url(../img/reserv-function-section1BgSp.png) no-repeat center center;
      background-size: cover;
      color: white;
      font-weight: 100;
    }

    #reserv .function-section1 {
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
      margin: 0 auto;
    }

    #reserv .function-section1 h3 {
      font-size: 23px;
      font-weight: 200;
      margin-bottom: 10px;
      line-height: 1.5;
    }

    #reserv .function-section1 p {
      font-size: 12px;
      font-weight: 200;
      line-height: 1.8;
    }

    #reserv .function-sec1-txt {
      padding: 10px 0 50px;
	  width:100%;
    }

    #reserv .function-sec1-pic.pc {
		display:none;
    }
    #reserv .function-sec1-pic.sp {
		display:block;
    }

    #reserv .function-sec1-pic img{
      position: relative;
      top: -20px;
      right: 0%;
      width: 100%;
    }
  }
    @media (max-width:321px) {

    #reserv .function-section1 h3 {
      font-size: 21px;
      line-height: 1.5;
    }
  }
/*********web予約システム 4step**********/
  #reserv .f4stepWrap {
    max-width: 1100px;
    margin: 0 auto;
  }
@media (min-width:640px) {
  #reserv .f4stepWrap {
	  padding:0 50px;
  }
}

  #reserv .f4step {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
  }

  #reserv .f4stepPic {
    margin-right: 5%;
    margin-bottom: 40px;
	width:47.5%;
  }

  #reserv .f4stepPic:nth-child(2n){
    margin-right: 0;
  }

  #reserv .f4stepPic:nth-child(4n){
    margin-right: 0;
  }

  #reserv .f4stepTxt {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-weight: 100;
  }

  @media (max-width:641px) {
    #reserv .f4stepWrap {
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
      margin: 0 auto;
    }

    #reserv .f4step-title {
      font-size: 18px;
      text-align: center;
      margin-top: 25px;
    }

    #reserv .f4step-title h3 {
      line-height: 28px;
    }

    #reserv .f4step {
      display: flex;
      flex-wrap: wrap;
      margin-top: 25px;
      width: 100%;
    }

    #reserv .f4stepPic {
      margin-right: 4%;
      margin-bottom: 4%;
      flex-basis: 47%;
    }

    #reserv .f4stepPic img{
      width: 100%;
    }

    #reserv .f4stepPic:nth-child(2n){
      margin-right: 0;
    }

    #reserv .f4stepPic:nth-child(4n){
      margin-right: 0;
    }

    #reserv .f4stepTxt {
      text-align: center;
      font-size: 14px;
      line-height: 1.6;
      margin-top: 10px;
      font-weight: 200;
    }

    #reserv .f4stepTxt {
      text-align: left;
    }
  }

/*********ここまで　f4step**********/
/*********ここから　function-2**********/

  #reserv #function-2 {
    margin-top: 145px;
    margin-bottom: 145px;
  }

  #reserv .function-2Wrap {
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
  }
@media (min-width:640px) {
  #reserv .function-2Wrap {
	  padding:0 50px;
  }

}

  #reserv .function-2title {
    font-size: 36px;
    font-weight: 100;
  }

  #reserv .function-2Pic {
    margin-top: 45px;
  }

  #reserv .function-2txt {
    font-size: 16px;
    line-height: 30px;
    font-weight: 100;
  }

  @media (max-width:641px) {
    #reserv #function-2 {
      margin-top: 70px;
      margin-bottom: 70px;
    }

    #reserv .function-2Wrap {
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
      text-align: center;
      margin: 0 auto;
    }

    #reserv .function-2title {
      font-size: 18px;
      font-weight: 100;
    }

    #reserv .function-2Pic {
      margin-top: 20px;
    }

    #reserv .function-2Pic img{
      max-width: 100%;
    }

    #reserv .function-2txt {
      text-align: left;
      font-size: 14px;
      line-height: 1.6;
      font-weight: 200;
    }
  }

  /*********ここまで function-2**********/
  /*********ここから function-3**********/

  #reserv .function-3title {
    font-size: 36px;
    text-align: center;
    margin-bottom: 50px;
  }
@media (min-width:640px) {
  #reserv .function-3title {
	  padding:0 50px;
  }
}

  #reserv .function-LS {
    position: relative;
	max-width:1400px;
	margin:0 auto;
  }

@media (min-width:641px) {
  #reserv .function-3Pic1{
    float: left;
    position: absolute;
    top: 0;
	right:64%;
	margin-left:-75px;
  }
}

  #reserv .function-3Pic2 {
    float: right;
    position: absolute;
    top: 0;
	left:64%;
	margin-right:-75px;
  }


  #reserv .function-3Txt{
    text-align: center;
  }

  #reserv .function-3Txt p {
    margin-top: 10%;
    margin-bottom: 10%;
    line-height: 30px;
    font-weight: 200;
  }
@media (min-width:641px){
  #reserv .function-3Txt{
    padding: 2% 36.5% 0;
  }
}
@media (min-width:1000px){
  #reserv .function-3Txt{
    padding: 4% 36.5% 0;
  }
}
  @media (max-width:641px) {

  #reserv .function-3title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 28px;
  }

  #reserv .function-LS {
    position: relative;
  }

  #reserv .function-3Pic1{
    float: none;
    position: none;
    top: 0;
    left: 0;
    margin-left: 0px;
  }

  #reserv .function-3Pic1 img{
    max-width: 100%;
  }

  #reserv .function-3Txt{
    text-align: center;
    padding-top: 0px;
    font-weight: 200;
  }

  #reserv .function-3Txt p {
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 1.6;
    font-size: 14px;
  }

}

  /*********ここまで function-3**********/
  /*********ここから function-4**********/

  #reserv #function-4 {
    padding-top: 220px;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 200px;
  }
@media (min-width:640px) {
  #reserv #function-4 {
	  padding:220px 50px 0;
  }

}

  #reserv .function-4Pic {
    float: left;
	width:46%;
  }

  #reserv .function-4Txt {
    padding-left: 49%;
    margin-top: 40px;
  }
@media (min-width:640px) and (max-width: 768px){
  #reserv .function-4Txt {
    margin-top: 0;
}
}
  #reserv .function-4Txt h3 {
    font-size: 34px;
    line-height: 1.5;
  }

  #reserv .function-4Txt p {
    font-size: 16px;
    margin-top: 30px;
    line-height: 30px;
    font-weight: 100;
  }

  @media (max-width:641px) {
    #reserv #function-4 {
      padding-top: 40px;
      margin: 0 auto;
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
      overflow: hidden;
      margin-bottom: 50px;
    }

    #reserv .function-4Pic {
      float: none;
	  width:100%;
    }

    #reserv .function-4Pic img {
      max-width: 100%;
    }

    #reserv .function-4Txt {
      padding-left: 0px;
      margin-top: 20px;
    }

    #reserv .function-4Txt h3 {
      font-size: 21px;
      line-height: 28px;
    }

    #reserv .function-4Txt p {
      font-size: 14px;
      margin-top: 20px;
      line-height: 1.6;
      font-weight: 200;
    }
  }
  @media (max-width:321px) {
     #reserv .function-4Txt h3 {
      font-size: 20px;
	  letter-spacing:-1px;
	 }

 }
  /*********ここまで function-4**********/
  /*********ここから reserv-case**********/

  #reserv #reserv-case {
    background-color: #f8f8f8;
  }

  #reserv .caseWrap {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
  }
@media (min-width:640px) {
  #reserv .caseWrap {
	  padding:0 50px;
  }

}

  #reserv .caseTitle {
    position: absolute;
    top: -40px;
    left: 0;
	width:100%;
    text-align: center;
  }

  #reserv .caseTitle h2{
    font-size: 60px;
    font-family: 'Open Sans Condensed', sans-serif;
  }

  #reserv .caseTitle p{
    font-size: 16px;
    font-weight: 100;
  }

  #reserv .case-boxWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 130px;
  }

  #reserv .case-box {
    flex-basis: calc((100% - 100px)/3);
    margin-right: 50px;
    margin-bottom: 35px;
    border: 1px solid rgba(220,220,220,0.7);
    padding-left: calc(((100% - 100px)/3)*0.07);
    padding-right: calc(((100% - 100px)/3)*0.07);
    position: relative;
    transition: all .3s ease-out;
    background-color: #fff;
    padding-bottom: 30px;
	text-align:left;
  }

  #reserv .case-box:nth-child(3n) {
    margin-right: 0;
  }

  #reserv .case-ribbon {
    position: absolute;
    width: 44px;
    height: 51px;
    background: url(../img/reserv-case-ribbon.png);
    top: -5px;
    left: 15px;
  }

  #reserv .case-ribbon p{
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 42px;
  }

  #reserv .case-clientImg {
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 30px;
  }

  #reserv .case-Txt {
	  position:relative;
  }

  #reserv .case-Txt h3{
    font-size: 13px;
    margin-top: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 15px;
  }

  #reserv .case-Txt p {
    text-align: left;
    line-height: 2;
    border-bottom: 1px solid rgba(220,220,220,0.7);
	display:inline;
  }

  #reserv .caseBtn {
    padding-bottom: 80px;
  }

  #reserv .case-btn {
    color: #f6921e;
    font-size: 14px;
    display: block;
    width: 147px;
    height: 40px;
    margin: 21px auto 23px auto;
    border: 2px solid #f6921e;
    line-height: 38px;
    border-radius: 50px;
    transition: all .2s ease-out;
    padding-left: 28px;
    background-color: #fff;
  }

  #reserv .case-btn:hover {
    color: white;
    background-color: rgba(246, 146, 30, 0.7);
  }

  #reserv .underline3 {
    height:5px;
	background:#fff;
    width: 100%;
    position: absolute;
    bottom: 2px;
  }
  @media (max-width:641px) {
  #reserv .caseTitle {
    top: -30px;
  }
  #reserv .caseTitle h2{
    font-size: 45px;
  }
  #reserv .case-box,#reserv .case-box:nth-child(3n) {
	  flex-basis: inherit;
	  margin:0 5% 30px;
  }
  #reserv .case-Txt  {
    margin: 0 5%;
  }
  #reserv .caseBtn {
    padding-bottom: 40px;
}
  }

@media (min-width:320px) and (max-width: 640px){
  #reserv .underline {
    bottom: 120px;
    width: 88%;
    display: none;
  }

}

@media (max-width:320px){
#reserv .underline {
  bottom: 120px;
  width: 88%;
}
}
/*********ここまで reserv-case**********/
/*********ここから reserv-price**********/
@media (min-width:641px) {
#reserv .reserv-price {
  text-align: center;
  margin-top: 80px;
  padding:0 50px;
}

#reserv .reserv-price h2 {
  font-size: 40px;
  line-height: 60px;
}

#reserv .reserv-price h2 span{
  font-size: 50px;
  color: #f6921e;
  margin-left: 8px;
}

#reserv .reserv-price p {
  font-size: 12px;
  margin-top: 10px;
  letter-spacing: -1px;
}
}

@media (max-width:641px) {
  #reserv .reserv-price {
    text-align: center;
    margin-top: 45px;
  }

  #reserv .reserv-price h2 {
    font-size: 18px;
    line-height: 36px;
  }

  #reserv .reserv-price h2 span{
    font-size: 30px;
    color: #f6921e;
    margin-left: 5px;
  }

  #reserv .reserv-price p {
    font-size: 8px;
    margin-top: 10px;
    letter-spacing: -1px;
  }
}
/*********ここまで reserv-price**********/

/*********ここから reserv改修**********/
#reserv .reserv-top .mainContent {
	width: 100%;
	height: 685px;
	padding-top: 50px;
}
#reserv .reserv-top .mainContent .heading02 {
	text-align: center;
	margin-bottom: 40px;
}
#reserv .reserv-top .mainContent .heading02 .reserv-topTitle {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 50px;
}
#reserv .reserv-top .mainContent .heading02 .reserv-topSub {
	font-size: 17px;
	letter-spacing: -0.05em;
}
#reserv .reserv-top .mainContent .visual {
	max-width: 1010px;
	margin: 0 auto;
}
#reserv .reserv-top .mainContent .visual .content {
	width: 100%;
	display: table;
	table-layout: fixed;
	direction: rtl;
}
#reserv .reserv-top .mainContent .visual .content > * {
	display: table-cell;
	vertical-align: middle;
	direction: ltr;
}
#reserv .reserv-top .mainContent .visual .content .image {
	width: 50%;
}
#reserv .reserv-top .mainContent .visual .content .image span {
	display: block;
	width: 78.57142%;
	margin-left: auto;
}
#reserv .reserv-top .mainContent .visual .content .text {
	padding-left: 2.97029%;
}
#reserv .reserv-top .mainContent .visual .content .text dt {
	font-size: 40px;
	line-height: 1.2;
	letter-spacing: -0.015em;
	margin-bottom: 10px;
}
#reserv .reserv-top .mainContent .visual .content .text dd {
	font-size: 21px;
	letter-spacing: -0.05em;
}
#reserv .reservation-area05 {
	max-width: 980px;
	margin: 0 auto 130px;
	padding-top: 20px;
}
#reserv .reservation-area05 h2 {
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.05em;
	margin: 0 0 40px;
	position: relative;
}
#reserv .reservation-area05 h2:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-right: #444 1px solid;
	border-bottom: #444 1px solid;
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#reserv .reservation-area05 .clumn {
	width: 100%;
	display: table;
	table-layout: fixed;
}
#reserv .reservation-area05 .clumn.rtol {
	direction: rtl;
}
#reserv .reservation-area05 .clumn > * {
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	direction: ltr;
}
#reserv .reservation-area05 .clumn + .clumn {
	margin-top: 70px;
}
#reserv .reservation-area05 .clumn .text dt {
	font-size: 40px;
	letter-spacing: -0.015em;
	margin-bottom: 15px;
}
#reserv .reservation-area05 .clumn .text dd {
	font-size: 21px;
	letter-spacing: -0.05em;
}
#reserv .reservation-area05 .clumn .image01 + .text {
	padding-left: 40px;
}
#reserv .reservation-area05 .clumn .image02 span {
	display: block;
	margin-right: -40px;
}
#reserv .reservation-area02 .reservation-mid.ver02 {
	background: url('../img/reservation/reservation_bg03.jpg') no-repeat;
	background-position: center center;
	background-size: cover;
}
#reserv .reservation-area02 .reservation-mid.ver02 .content {
	color: #555;
}
#reserv .reservation-area02 .reservation-mid.ver02 .box {
	border-color: #555;
}
#reserv .reservation-area04 .reservation-table {
	max-width: 1010px;
	margin: 100px auto 70px;
}
#reserv .reservation-area04 .reservation-table .content {
	overflow-x: auto;
	overflow-y: hidden;
}
#reserv .reservation-area04 .reservation-table table {
	width: 1010px;
	font-size: 15px;
	letter-spacing: 0.05em;
	text-align: center;
	border-collapse: collapse;
}
#reserv .reservation-area04 .reservation-table table thead th {
	font-weight: bold;
	padding: 0 0 8px;
}
#reserv .reservation-area04 .reservation-table table strong {
	color: #f48300;
	font-weight: bold;
}
#reserv .reservation-area04 .reservation-table table em {
	font-style: normal;
	font-size: 20px;
}
#reserv .reservation-area04 .reservation-table table tbody {
	border-top: #e4e4e4 1px solid;
}
#reserv .reservation-area04 .reservation-table table tbody th,
#reserv .reservation-area04 .reservation-table table tbody td {
	border-bottom: #e4e4e4 1px solid;
	padding: 8px 0;
}
#reserv .reservation-area04 .reservation-table table td {
	border-left: #e4e4e4 1px solid;
}
#reserv .reservation-area04 .reservation-table table tbody .current th {
	font-size: 22px;
}
#reserv .reservation-area04 .reservation-table table tbody .current td {
	font-size: 17px;
}
#reserv .reservation-area04 .reservation-table table tbody .current .mark {
	font-size: 27px;
	display: inline-block;
	line-height: 1;
}
#reserv .reservation-area04 .reservation-table table tbody .current small {
	font-size: 16px;
}
#reserv .reservation-area04 .reservation-table table tbody td small {
	font-size: 12px;
}
#reserv .reservation-area04 .reservation-table .text {
	font-size: 38px;
	letter-spacing: normal;
	text-align: center;
	margin: 50px 0 0;
}

@media (max-width:641px) {
	#reserv .reserv-top .mainContent {
		height: auto;
		padding-top: 30px;
	}
	#reserv .reserv-top .mainContent .heading02 {
		margin-bottom: 25px;
	}
	#reserv .reserv-top .mainContent .heading02 .reserv-topSub {
		font-size: 16px;
	}
	#reserv .reserv-top .mainContent .visual {
		max-width: none;
		margin: 0;
	}
	#reserv .reserv-top .mainContent .visual .content {
		display: block;
	}
	#reserv .reserv-top .mainContent .visual .content .image span {
		width: 65.22988%;
		margin: 0 auto;
	}
	#reserv .reserv-top .mainContent .visual .content > * {
		display: block;
	}
	#reserv .reserv-top .mainContent .visual .content .image {
		max-width: 375px;
		width: 100%;
		margin: 0 auto;
	}
	#reserv .reserv-top .mainContent .visual .content .text {
		padding-left: 0;
		text-align: center;
		margin-top: 10px;
	}
	#reserv .reserv-top .mainContent .visual .content .text dt {
		font-size: 28px;
		margin-bottom: 8px;
	}
	#reserv .reserv-top .mainContent .visual .content .text dd {
		font-size: 15px;
	}
	#reserv .reservation-area05 {
		margin: 0 0 70px;
		padding: 50px 4% 0;
	}
	#reserv .reservation-area05 .clumn {
		display: block;
	}
	#reserv .reservation-area05 .clumn.rtol {
		direction: ltr;
	}
	#reserv .reservation-area05 .clumn > * {
		width: 100%;
		display: block;
	}
	#reserv .reservation-area05 .clumn + .clumn {
		margin-top: 50px;
	}
	#reserv .reservation-area05 .clumn .text {
		text-align: center;
		margin-top: 5px;
	}
	#reserv .reservation-area05 .clumn .text dt {
		font-size: 28px;
		margin-bottom: 10px;
	}
	#reserv .reservation-area05 .clumn .text dd {
		font-size: 15px;
	}
	#reserv .reservation-area05 .clumn .image01 span {
		width: 65.22988%;
		margin: 0 auto;
	}
	#reserv .reservation-area05 .clumn .image01 + .text {
		padding-left: 0;
	}
	#reserv .reservation-area05 .clumn .image02 span {
		margin-right: 0;
	}
	#reserv .reservation-area02 .reservation-mid.ver02 {
		background: url('../img/reservation/reservation_bg04.jpg') no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#reserv .reservation-area04 .reservation-table {
		margin: 60px 0 0;
		padding: 0 4%;
	}
	#reserv .reservation-area04 .reservation-table .content {
		overflow-x: auto;
		overflow-y: hidden;
	}
	#reserv .reservation-area04 .reservation-table .text {
		font-size: 18px;
		margin: 45px 0 0;
	}
}

/*********ここまで reserv改修**********/




/*****User manual******/

/*top*/
.manual-topBg {
    width:100%;
    height:250px;
    background:url(../img/manual-main_bg_pc.jpg) no-repeat center center;
    background-size:cover;
    text-align:center;
}
.manual-topTitle {
    font-size:40px;
    color:#333;
    line-height:0.9;
    padding-top:100px;
    font-weight:100;
    letter-spacing:1px;
}

@media (max-width:641px){
    .manual-topBg {
        width:100%;
        height:150px;
        background:url(../img/manual-main_bg_pc.jpg) no-repeat center center;
        background-size:cover;
        text-align:center;
    }
    .manual-topBg {
        height:150px;
        background:url(../img/manual-main_bg_sp.jpg) no-repeat center center;
        background-size:cover;
        text-align:center;
    }
    .manual-topTitle {
        font-size:20px;
        padding-top:65px;
        margin-top:10px;
    }
}

.manual-main {
    line-height:2;
    font-size:15px;
    font-family: "メイリオ", meiryo, Arial, Helvetica!important;
    margin: 60px 0 40px 0;
}

.manual-main .contents {
    max-width: 860px;
    margin: 0 auto 0 auto;
}

@media screen and (max-width: 640px){
    .manual-main {
        width:100%;
        line-height:2;
        font-size:15px;
        font-family: "メイリオ", meiryo, Arial, Helvetica!important;
        margin: 20px 0 0 0;
    }
    .manual-main .contents {
        max-width: 100%;
        margin: 0 auto 0 auto;
    }
}

.manual-main a {
    color: #F17F19;
}
.manual-main a:hover {
    color: #F2A642;
    text-decoration: underline;
}

.manual-main h2 {
    clear: both;
    width: 100%;
    color: #333;
    font-size: 32px;
    text-align:center;
    margin-bottom: 20px;
    background: #F2F2F2;
}

.manual-main h3 {
    clear: both;
    width: 100%;
    color: #333;
    font-size: 32px;
    text-align:center;
    margin-bottom: 40px;
}

.manual-main h4 {
    clear: both;
    color: #333;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    margin: 0 25px 40px 25px;
    line-height: 1em;
    padding: 15px 0 10px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

@media screen and (max-width: 640px){
    .manual-main h2 {
        clear: both;
        width: 100%;
        color: #333;
        font-size: 18px;
        text-align:center;
        line-height:1.5em;
        margin-bottom: 20px;
        background: #F2F2F2;
        padding: 5px 0 5px 0;
    }
    .manual-main h3 {
        clear: both;
        width: 100%;
        color: #333;
        font-size: 18px;
        text-align:center;
        margin-bottom: 20px;
    }

    .manual-main h4 {
        clear: both;
        color: #333;
        font-size: 16px;
        text-align: center;
        font-weight: normal;
        margin: 0 25px 20px 25px;
        line-height: 1em;
        padding: 15px 0 10px 0;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }
}


.manual-main .contents ul.left {
    float: left;
    width: 40%;
    margin-left: 10%;
}

.manual-main .contents ul.right {
    width: 40%;
    margin-left: 60%;
}

.manual-main .contents ul.left li,
.manual-main .contents ul.right li {
    font-size: 24px;
    line-height: 2.5em;

}

.manual-main .contents ul.left li:before,
.manual-main .contents ul.right li:before {
    font-family: FontAwesome;
    content: "\f138";
    position: absolute;
    color: #F17F19;
    margin: -2px 0 0 -1.2em;
}

.pbl {
    padding-bottom: 150px;
}

.pbl2 {
    padding-bottom: 70px;
}

@media screen and (max-width: 640px) {
    .manual-main .contents ul.left {
        float: none;
        width: 90%;
        margin-left: 10%;
    }

    .manual-main .contents ul.right {
        clear: both;
        width: 90%;
        margin-left: 10%;
    }

    .manual-main .contents ul.left li,
    .manual-main .contents ul.right li {
        font-size: 21px;
        line-height: 2.5em;

    }

    .manual-main .contents ul.left li:before,
    .manual-main .contents ul.right li:before {
        font-family: FontAwesome;
        content: "\f138";
        position: absolute;
        color: #F17F19;
        margin: -2px 0 0 -1.2em;
    }
    .pbl {
        padding-bottom: 40px;
    }
}



.manual-main .contents dl.screen {
    float: left;
}

.manual-main .contents dl.screen dt {
    width: 380px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin: 0 25px 5px 25px;
    background: #F17F19;
}

.manual-main .contents dl.screen dd {
    width: 380px;
    font-size: 15px;
    line-height: 1.8em;
    padding: 10px 0 0 0;
    margin: 0 25px 5px 25px;
}

.manual-main .contents dl.screen dd.txt {
    margin: 0 25px 40px 25px;
}

.manual-main .contents dl.screen2 {
}

.manual-main .contents dl.screen2 dt {
    width: 810px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin: 0 25px 5px 25px;
    background: #F17F19;
}

.manual-main .contents dl.screen2 dd {
    width: 810px;
    font-size: 15px;
    line-height: 1.8em;
    padding: 10px 0 0 0;
    margin: 0 25px 5px 25px;
}

.manual-main .contents dl.screen2 dd.txt {
    margin: 0 25px 40px 25px;
}

@media screen and (max-width: 640px) {
    .manual-main .contents dl.screen {
        float: none;
    }

    .manual-main .contents dl.screen dt {
        width: 90%;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin: 0 5% 5px 5%;
        background: #F17F19;
    }

    .manual-main .contents dl.screen dd {
        width: 90%;
        font-size: 15px;
        line-height: 1.8em;
        padding: 10px 0 0 0;
        margin: 0 5% 5px 5%;
    }

    .manual-main .contents dl.screen dd.txt {
        margin: 0 5% 25px 5%;
    }

    .manual-main .contents dl.screen2 {
    }

    .manual-main .contents dl.screen2 dt {
        width: 90%;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin: 0 5% 5px 5%;
        background: #F17F19;
    }

    .manual-main .contents dl.screen2 dd {
        width: 90%;
        font-size: 15px;
        line-height: 1.8em;
        padding: 10px 0 0 0;
        margin: 0 5% 5px 5%;
    }

    .manual-main .contents dl.screen2 dd.txt {
        margin: 0 5% 20px 5%;
    }

    .pbl2 {
        padding-bottom: 0px;
    }
}


.clear {
    clear: both
}


.manual-main img {
    width: 100%;
    height: auto;
}

.manual-main strong {
    font-weight: bold;
}

.manual-main ul.footnavi {
    text-align: center;
    margin-top: 30px;
    padding: 13px 0 10px 0;
    border-top: dotted 1px #ccc;
    border-bottom: dotted 1px #ccc;
}

.manual-main ul.footnavi li {
    display: inline;
    margin: 0 40px 0 0;
}
.manual-main ul.footnavi li.btop {
    display: inline;
    margin: 0 100px 0 0;
}

.manual-main ul.footnavi li:before {
    font-family: FontAwesome;
    content: "\f138";
    position: absolute;
    color: #F17F19;
    margin: -2px 0 0 -1.1em;
}

i.fa.fa-numberofstoresicon:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 12px;
    background-image: url(../img/uploads/2022/08/355202.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

i.fa.fa-numberofstoresicon02:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 13px;
    background-image: url(../img/uploads/2022/08/355202.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
}

@media screen and (max-width: 640px){
    .manual-main ul.footnavi {
        text-align: center;
        font-size: 18px;
        line-height:2.2em;
        margin-top: 30px;
        padding: 13px 0 10px 0;
        border-top: dotted 1px #ccc;
        border-bottom: dotted 1px #ccc;
    }

    .manual-main ul.footnavi li {
        display: flex;
        margin: 0 0 0 10%;
    }
    .manual-main ul.footnavi li.btop {
        display: flex;
        margin: 0 0 0 10%;
    }

    .manual-main ul.footnavi li:before {
        font-family: FontAwesome;
        content: "\f138";
        position: absolute;
        color: #F17F19;
        margin: -2px 0 0 -1.1em;
    }
}



/*********reservation記事用**********/
#practical {
	margin:0 0 40px;
    padding: 0 50px;
	line-height: 1.42857143;
}
#practical img{
	width:auto;
}
#practical img.full{
	width:100%;
}
#practical img.alignC{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#practical b,
#practical strong {
    font-weight: 700;
}
#practical ul{
    margin-top: 1.5em;
    margin-bottom: 1.2em;
	padding:0 0 0 40px;
	list-style-type: disc;
}
#practical ul li{
    margin-bottom: 0.8em;
    line-height: 1.65em;
	list-style-type: disc;
}
#practical #practicalInner{
	display:none;
}
#practical #toc_container {
	width: 99%;
	display: table;
	background: #f9f9f9;
	border: 1px solid #aaa;
	margin-bottom: 1em;
	padding: 20px 0;
	font-size: 95%;
}
#practical #toc_container.active {
	width: auto;
	padding: 10px;
}
#practical #toc_container p.toc_title {
	margin: 0;
	text-align: center;
	font-weight: 700;
	color: #333;
}
#practical #toc_container p.toc_title span {
	font-weight: normal;
}
#practical #toc_container p.toc_title span a {
	color: #333;
	text-decoration: none;
}
#practical #toc_container .toc_title + #toc_list {
	margin: 1em 0 0;
	padding: 0 0 0 20px;
	list-style:none;
}
#practical #toc_container #toc_list ul {
	margin:0 0 0 .5em;
	padding: 0 0 0 20px;
}
#practical #toc_container #toc_list li{
	margin:.4em 0 0;
	list-style:none;
}
#practical #toc_container #toc_list li a {
	color: #3f5c9a;
}
#practical h2 {
	margin: 1.5em 0 1.2em;
	padding: 14px 10px 10px;
	background-color: #f5f5f5;
	border-top: 2px solid #444;
	border-bottom: 1px solid #e9e9e9;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.7;
}
#practical h3 {
	margin: 1.5em 0 1.2em;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.9);
	position: relative;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.7;
}
#practical h3:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	width: 30%;
	border-bottom: 1px solid #444;
}
#practical p {
	margin-bottom: 1.2em;
	line-height: 1.8em;
}
#practical a {
	color: #444;
}
#practical a {
	text-decoration: none;
}
#practical a:hover {
	text-decoration: underline;
}

#practical .top_aboutImage {
	margin: 1.2em 0;
}
#practical .top_aboutImage img {
	max-width: 100%;
}
#practical .top_aboutImage.w500 {
	width: 500px;
}
#globalNav li+li {
    margin-left: 75px;
}

.problem-wrapw.w600.classmob div p {
    height: 160px;
    padding: 30px 0px;
}

@media screen and (max-width: 640px){
	#practical {
    	padding: 0 5%;
	}
	#practical img,
	#practical iframe{
		width:100%;
	}
	#practical h2{
		font-size:21px;
	}
	#practical h3{
		line-height: 1em;
	}
	#practical .top_aboutImage.w500 {
		width: 100%;
	}
}

@media (max-width:1100px){
  .top-wfWrapper {
    width:90%;
  }
.top-s3Wrapper {
  background:url('../img/main02img.png') no-repeat center center;
  background-size:contain;
}
.top-s3Container {
    padding-top: 155px;
    padding-bottom: 155px;
}
.w900 {
    width: 800px;
}
.boxtextspace01 {
    padding: 0px 10px 0px 40px;
}
.boxtextspace02 {
    padding: 0px 0px 0px 60px;
}
}
@media (max-width: 1024px) and (min-width: 641px) {
.snavvy-links {
    max-width: 640px;
    margin: 40px auto 40px auto;
}
}

@media (max-width:769px){
.w900 {
    width: 100%;
}
.w800 {
    width: 90%;
}
.backimage01 {
    padding: 70px;
    background: url(../img/section5img03back.png) no-repeat;
    background-size: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
    background-position: bottom;
}
.top-s5Wrappersystemback04 {
    background: url(../img/section5img06-1backw.png) no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 40px;
    background-position: top;
    margin-bottom: 50px;
}
.top-s5Wrappersystemback05 {
    background: url(../img/section5img06-2backw.png) no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 80px;
    background-position: top;
    margin-bottom: 50px;
}
.boxtextspace01 {
    padding: 30px 10px 0px 40px;
}
.boxtextspace02 {
    padding: 30px 20px 20px 40px;
}
.top-footerRight {
    float: none;
    text-align: left;
    margin-top: 30px;
}
.twitterbox {
    width: 400px;
    float: left;
    margin-bottom: 30px;
}
}


@media (max-width: 500px) {
.w500 {
    width: 100%;
}

.w600 {
    width: 90%;
}

.w700 {
    width: 100%;
}

.w800 {
    width: 100%;
}

.w900 {
    width: 100%;
}
.w50 {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    float: none;
    text-align: center;
}
.h2title {
    font-size: 20px;
    letter-spacing: 15px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 60px;
    padding: 0px 0;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    color:#99d0d6;
}
.h2titlespan {
    display: block;
    font-size: 16px;
    letter-spacing: normal;
    color: #7F7F7F;
    margin-bottom: 20px;
    text-align: center;
    line-height: 30px;
    padding: 40px 10px;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.fontred {
    color: #d37186;
    font-size: 20px;
}
.backimage01 {
    padding: 70px 30px;
    background: none;
    background-size: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
    background-position: bottom;
}
.aside-btnWrapper {
  display: none;
}
.seminerBtn {
    display: none;
}
.top-s3Container {
    padding-top: 65px;
    padding-bottom: 65px;
}
.h3-1border {
    border-bottom: 1px solid;
    width: 90%;
    margin: 0 auto;
}
.spnumber div:nth-child(1){
order: 2;
}

.spnumber div:nth-child(2){
order: 1;
}
.topbox2content {
    height: auto;
    text-align: initial;
    display: inline-grid;
}
h3.h3-03r {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    color: #44b9d8;
}
h3.h3-03l {
    margin-bottom: 0px;
    line-height: 60px;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    color: #44b9d8;
}
.backimage02 {
    padding: 30px;
    background: none;
    background-size: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: bottom;
}
.pfonth305 {
    font-size: 1.4em;
    font-weight: 100;
    text-align: center;
    padding-bottom: 0px;
    padding: 0 20px;
    line-height: normal;
}

.top-s2Title1 {
    font-size: 1.5em;
    font-weight: 100;
    padding: 0 30px;
}
.top-s5Wrappersystemback01 {
    background: none;
    background-size: contain;
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: top;
}
.top-s5Wrappersystemback02 {
    background: none;
    background-size: contain;
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: top;
}
.top-s5Wrappersystemback03 {
    background: none;
    background-size: contain;
    padding-top: 20px;
    padding-bottom: 20px;
    background-position: top;
}
.topbox4content {
    height: auto;
    text-align: center;
}
.pfonth307 {
    font-size: 20px;
    line-height: normal;
    text-align: center;
    padding-bottom: 10px;
    padding: 0 10px 10px 10px;
}
.pfonth308 {
    font-size: 18px;
    line-height: normal;
    text-align: center;
    padding-bottom: 10px;
    padding: 0 10px 10px 10px;
}
.top-s5Wrapperl {
    background: url(../img/backlogomark-left.png) no-repeat;
    background-size: contain;
    padding-top: 0px;
    padding-bottom: 80px;
    background-position: top;
}
.top-s5Wrappersystemback04 {
    background: url(../img/section5img06-1backw.png) no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 40px;
    background-position: right;
    margin-bottom: 50px;
}
.w60 {
    box-sizing: border-box;
    width: 100%;
    float: none;
}
.boxtextspace01 {
    padding: 10px 30px 10px 30px;
    background: #ffffff;
}
.top-s5Wrappersystemback05 {
    background: url(../img/section5img06-2backw.png) no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 80px;
    background-position: left;
    margin-bottom: 50px;
}
.boxtextspace02 {
    padding: 10px 30px 10px 30px;
    background: #ffffff;
}
#footer {
    margin-bottom: 0px;
}
#footer .container {
    padding: 10px 20px;
}
.top-footerNav2 li {
    margin-right: 0px;
}
.top-s3ContactBtn {
    margin-top: 11px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    width: 321px;
    height: 60px;
    background-size: 100% auto;
    position: relative;
    padding: 20px 30px;
    text-align: center;
    background-color: #44b9d8;
    color: #ffffff;
    font-weight: 400;
}
.snavvy-links ul.links {
    margin-top: 60px;
    padding-bottom: 90px;
}
.topbox2content img {
    width: 100%;
    padding: 10px 0;
}
.topbox4content img {
    width: 100%;
    padding: 10px 0px;
}
.top-s3ContactBtn2.hoverBounce {
    border: solid 1px;
    position: static;
    padding: 8px 26px;
    border-radius: 50px;
    color: #44b9d8;
    margin: 0 auto;
}
.spsystemimg {
    display: inline;
}
.pcsystemimg {
    display: none;
}
.topbox3content {
    height: auto;
    text-align: initial;
}
.systemspno{
display: grid;
flex-wrap: wrap;
}	
.systemspno div:nth-child(1){
order: 2;
}
.systemspno div:nth-child(2){
order: 1;
}
img.spimg1 {
    width: 60%;
    padding: 10px 0;
}
img.spimg2 {
    width: 100%;
    padding: 10px 0;
}
img.spimg3 {
    width: 50%;
    padding: 10px 0;
}
.twitterbox {
    width: 100%;
    float: left;
}


p.pfonth302 {
    flex-basis: 100%;
}

.pfonth302box {
    display: block;
}

.backimage01-2 {
    padding: 70px 30px;
    background: none;
    background-size: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
    background-position: bottom;
}

.backimage01-3 {
    padding: 70px 30px;
    background: none;
    background-size: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
    background-position: bottom;
}

.meritbox001in {display: block;}

.meritbox001inItem01 {flex-basis: 100%;
    text-align: left;
    padding: 20px;}

.meritbox001inItem02 {flex-basis: 100%;
    text-align: center;
    padding: 20px;}

.imgbox50 {display: block;}

.h3-02imgflot {
	width: 100%;
    float: none;
    padding: 20px 0px;
}

.top-s5Wrappersystemback06 {
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 40px;
    background-position: right;
    margin-bottom: 50px;
}
.borderspace {
    padding: 10px;
}
h3.h3-01 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 5px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 60px;
    padding: 10px 0;
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
}
.problem-wrapw.w600.classmob div p {
    height: 10px;
    padding: 30px 0px;
}
p.midashipasstext {
    font-size: 26px;
    padding: 30px;
}
img.spimg4 {
    width: 90%;
    padding: 10px 0px;
}
}

/*********ここまで reservation記事用**********/

.h2title.on span:nth-child(1) { transition-delay: 0ms;}
.h2title.on span:nth-child(2) { transition-delay: 75ms; }
.h2title.on span:nth-child(3) { transition-delay: 150ms; }
.h2title.on span:nth-child(4) { transition-delay: 225ms; }
.h2title.on span:nth-child(5) { transition-delay: 300ms; }
.h2title.on span:nth-child(6) { transition-delay: 375ms; }
.h2title.on span:nth-child(7) { transition-delay: 450ms; }
.h2title.on span:nth-child(8) { transition-delay: 525ms; }
.h2title.on span:nth-child(9) { transition-delay: 600ms; }
.h2title.on span:nth-child(10) { transition-delay: 675ms; }
.h2title.on span:nth-child(11) { transition-delay: 725ms; }
.h2title.on span:nth-child(12) { transition-delay: 900ms; }
.h2title.on span:nth-child(13) { transition-delay: 975ms; }
.h2title.on span:nth-child(14) { transition-delay: 1025ms; }

.h2title.on span {
	display: inline-block;
	transition-property: opacity, transform;
	transition-duration: 0.5s, 3s;
	transition-timing-function: linear, cubic-bezier(0.075, 0.82, 0.165, 1);
	transform: rotateX(0) rotateY(0);
	/*transform: translateY(0);*/
	opacity: 1;
   animation-timing-function: linear;
   animation-duration: 3s;
   animation-fill-mode: both;
}

.h2title span {
	opacity: 0;
	display: inline-block;
}
.h2title.on span:nth-child(1) { transform: rotateX(359deg) rotateY(359deg);  }
.h2title.on span:nth-child(2) { transform: rotateX(359deg) rotateY(-359deg); }
.h2title.on span:nth-child(3) { transform: rotateX(-359deg) rotateY(-359deg);}
.h2title.on span:nth-child(4) { transform: rotateX(-359deg) rotateY(359deg); }
.h2title.on span:nth-child(5) { transform: rotateX(359deg) rotateY(359deg); }
.h2title.on span:nth-child(6) { transform: rotateX(359deg) rotateY(-359deg); }
.h2title.on span:nth-child(7) { transform: rotateX(-359deg) rotateY(-359deg); }
.h2title.on span:nth-child(8) { transform: rotateX(-359deg) rotateY(359deg); }
.h2title.on span:nth-child(9) { transform: rotateX(359deg) rotateY(359deg); }
.h2title.on span:nth-child(10) { transform: rotateX(350deg) rotateY(-359deg); }
.h2title.on span:nth-child(11) { transform: rotateX(359deg) rotateY(359deg); }
.h2title.on span:nth-child(12) { transform: rotateX(359deg) rotateY(-359deg); }
.h2title.on span:nth-child(13) {transform: rotateX(359deg) rotateY(359deg);}
.h2title.on span:nth-child(14) { transform: rotateX(359deg) rotateY(-359deg); }

.h2title.on:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.h2title.on .h2titlespan {
	transition-duration: 0.65s;
	transition-delay: 1s;
	transform: translateY(0);
	opacity: 1;

}
.h2title .h2titlespan {
	transform: translateY(40px);
	opacity: 0;
}

/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 30px);
    transition : 300ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 画面外にいる状態 */
.fadeinsp {
    opacity : 0;
    transform : translate(0, 30px);
    transition : 300ms;
    }

/* 画面内に入った状態 */
.fadeinsp.scrollinsp {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 画面外にいる状態 */
.fadein img {
    opacity : 0;
    transform : translate(0, 30px);
    transition : all 300ms;
    }
 
/* 画面内に入った状態 */
img.imgeffect {
    opacity : 1;
    transform : translate(0, 0);
    }


@keyframes flipInY {
  from {
    transform:rotate3d(1, 1, 1,359deg);
 
  }
  25%{
    transform:rotate3d(1,1,1,270deg);
  }
  50%{
    transform:rotate3d(1,1,1,180deg);
  }
  75%{
    transform:rotate3d(1,1,1,90deg);
  }
  to {
    transform:rotate3d(1,1,1,0deg);
  }
}

@keyframes flipInY2 {
  from {
    transform:rotate3d(1, 1, 1,-359deg);
 
  }
  25%{
    transform:rotate3d(1,1,1,270deg);
  }
  50%{
    transform:rotate3d(1,1,1,180deg);
  }
  75%{
    transform:rotate3d(1,1,1,90deg);
  }
  to {
    transform:rotate3d(1,1,1,0deg);
  }
}

@media (max-width: 500px) {
	/* 画面外にいる状態 */
.fadeinsp {
    opacity : 1;
    transform : translate(0, 0);
    }

/* 画面内に入った状態 */
.fadeinsp.scrollinsp {
    opacity : 1;
    transform : translate(0, 0);
    }
}