@charset "utf-8";

/* CSS Document */

html{
	font-size:62.5%;
}
body{
	color: #54483b;
	font-family: 'Sawarabi Mincho', serif;
	font-size: 1.6rem;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	letter-spacing: 0.025em;
	line-height: 1.2;
}
a{
	color: #54483b;
}
img{
	max-width: 80%;
	height: auto;
}
.brownletter{
	color: #54483b;
}
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 53%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
	/**
	animation: fadeout-keyframes 3s ease 0s 1 forwards;
	animation-iteration-count: 1;
	**/
}


 @keyframes fadeout-keyframes {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
}

/*==================================
utility
====================================*/
.confetti {
  position: relative;
  border-radius: 6px;
  width: 100%;
  height: 77px;
}

.confetti > span {
  display: block;
  position: absolute;
  opacity: 0;
}

.confetti > span > span {
  display: block;
  width: 100%;
  height: 100%; }

.confetti > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes rotateY {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes shiny {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}

#app {
    width: 400px;
    margin: 40px auto;
    padding: 28px;
    line-height: 1.5;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color: transparent;
    box-shadow: 2px 2px 5px 0px rgba(200,200,200,1);
}

.shiny-btn {
    position: relative;
    display: block;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
	padding-bottom:7px;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -10%;
    left: -10%;
    width: 40px;
    height: 100%;
    transform: scale(3) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}



.sp-item{
	display:none;
}

.text-canter{
	text-align: center;
}
.fontBlod{
	font-weight:700;
}
.nav-item>a:hover{
	color:#F4A460/*#87645b*/;
}

.nav-item.recruitjob img {
    max-width: 88%;
    vertical-align: top;
    padding-top: 2px;
}
.anim-box.kiran {
  opacity: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.anim-box.kiran::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.anim-box.kiran:hover::before {
  animation: kiran 0.5s linear 1;
}
 
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}



.anim-box.poyopoyo {
  animation: poyopoyo 3s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

 
.anim-box.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

/*==================================
hero-image
====================================*/
.demo-1{
    overflow: hidden;
    width: 100%;
    min-height: 600px;
    background-color: #e9e8dc;
	margin: 0 auto;
}
.hero-main{
	position:relative;
	background-color: #e9e8dc;
}
.inner-content{
	max-width:  100% ;
	height: 54px;
	position: absolute;
    text-align: center;
   	top: 30%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    padding: 0 ;
	z-index:200;
}

.smallletter.newsitem_title{
	font-size:1.7rem;
}

/*.fade-img {
  position:relative;
  width: 250px;
}
.fade-img img {
  position: absolute;
}*/

/*==================================
header
====================================*/
.recruitin{
	position:fixed;
	right:10px;
	bottom: -20px;
	z-index:1000;
	width: 15%;
}
.recruitin>img{
	width: 80%;
}

#headerpc{
	position: sticky;
    top: 0;
	z-index: 100;
	height: 42px;
	font-size: 1.2rem;
}
.header{
  background-image: -moz-linear-gradient( 90deg, rgb(56 46 36 / 88%) 0%, rgb(97 84 70 / 88%) 63%, rgb(138 122 104 / 88%) 100%, rgb(138 122 104 / 88%) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(56 46 36 / 88%) 0%, rgb(97 84 70 / 88%) 63%, rgb(138 122 104 / 88%) 100%, rgb(138 122 104 / 88%) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(56 46 36 / 88%) 0%, rgb(97 84 70 / 88%) 63%, rgb(138 122 104 / 88%) 100%, rgb(138 122 104 / 88%) 100%);
  height: 50px;
  line-height: 50px;
}
.header-line{
	max-width: 1000px;
	margin: 0 auto;
}
.header-line.toppageheader{
	max-width: 1050px;
}

.header.nottoppage{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:100;
	font-size: 1.2rem;
	height: 45px;
}

.nav-list{
	display:flex;
	justify-content: space-between;
}
.nav-item{
	vertical-align: middle;
	line-height: 42px;
	letter-spacing:0;
}
.nav-item>img{
	max-width: 80%;
	vertical-align: middle;
}
.nav{
	position: relative;
}
.nav-item.log>img{
	position: absolute;
    top: 0;
    right: -100px;
    width: 100px;
}
.nav-item.log.jobinformation_top>img{
	position: absolute;
    top: 0;
    left: -150px;
    width: 100px;
	
}
.nav-item>a{
	color:#f9f8e7;
}
.nav-item.current>a{
	color:#F4A460;
	border-bottom: solid 0.7px #F4A460;
	font-weight:bold;
}
/*.nav-item:last-child{
	text-align: left
}*/

.header_barner{
 	max-width: 70%;
	vertical-align: middle;
}
/*==================================
toptopics
====================================*/
.toptopics{
	background-image: url(../image/aboutus-assets/background_aboutus.png);
	padding: 40px 0;
}
.toptopics img{
	max-width: 100%;
}
.toptopics_cover{
	max-width: 850px;
	margin: 0 auto;
	background-image: url("../image/main-assets/background_log.png");
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
}
.topics1{
	text-align: center;
}
.top_topicssub{
	text-align: center;
}
.js-fadein {
	opacity: 0; 
	visibility: hidden;
	transform: translateY(40px);
	transition: all 2s;
  }
  .js-fadein.is-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
  }


/*==================================
originalway
====================================*/
.originalway{
    background-image: url("../image/main-assets/2087628_m.jpg");
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
	
}
.originalway_detail{
	max-width: 850px;
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
  
}
.img-wrap{
	text-align: center;
    top: 20%;
}
.img-animation {
  animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
  position: relative;
}

.img-animation:before {
  animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-opacity {
  0% {
    opacity: 0;
  }
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}
.video-outer{ 
	margin:0 auto;
}

.video-iframe {
    position: relative;
    padding-bottom: 53.9%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	background-color: rgba(0,0,0,0);
}
.video-iframe iframe, .video-iframe object, .video-iframe embed {
    position: absolute;
    top: 100px;
    left:130px ;
    width:80%;
	height: 80%;
	background-color: rgba(0,0,0,0);
}
.toporiginal>.feature_detail{
	padding-bottom:50px;
}
.feature_detail_item.toporiginally{
	text-align: center;
	width: 100%;
	justify-content: space-around;
	display:flex;
}
.toporiginal2{
	max-width:1000px;
	margin:0 auto;
}

.waveroute {
	position:relative;
	overflow:hidden;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
	margin:0 auto;
	width:100%;
	height:auto;
	background-color:#f0dbdb;
}

	.waveroute::before,
	.waveroute::after {
		position:absolute;
		left:-50%;
		width:250%;
		height:200%;
		content:"";
		 background-image:-webkit-linear-gradient( 94deg, rgb(237 201 170) 0%, rgb(255 227 227 / 68%) 100%);
		animation:wave linear 35s infinite;
	}

	.waveroute::before {
		top:-150%;
		border-radius:50% 50% / 50% 70%;
	}

	.waveroute::after {
		top:-146%;
		border-radius:30% 70% / 30% 50%;
		opacity:0.05;
		animation-delay:5s;
	}

@keyframes wave {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
/*==================================
cource
====================================*/
.course_list_top{
	background-image:url("../image/aboutus-assets/background_aboutus.png");
	padding: 40px 0;
	background-size: cover;
}
.courselisttop_cover{
	max-width: 850px;
	margin: 0 auto;
}
.couse_detail{
	display: flex;
	justify-content: space-around;
}
.course_image{
	text-align: right;
	max-width: 350px;
}
.courselist{
	width: 500px;
	padding-top:20px;
}
.course_item{
	font-size:1.8rem;
}
.red{
	color:#F4A460;
	font-size:2.4rem;
}
.corse_item_detail{
	margin-bottom: 40px;
	text-decoration: underline 0.7px #54483b;
}
.corse_item_detail.rightside{
	text-align: right;
}
.fuwafuwa {
 	animation-name:fuwafuwa ;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
.noshow{
	opacity: 0;
}
.devicedetail{
	margin-top: 10px;
}
 
@keyframes fuwafuwa {
 0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,15px)
    }
}
.fuwafuwa>img{
	max-width: 90%;
	top:-15px;
}

.item-outer{
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.item-outer2{
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.5s ease-in-out;
}


.item-outer:hover{
		transform: scale(1.08);
	}
.item-outer2:hover{
		transform: scale(1.12);
	}
/*==================================
line
====================================*/       
.lineimage{
  	width:60%;
	margin:0 auto;
}
.boxline{
	padding:15px 0px;
	margin-top:30px;
}
.showandoff{
 	    max-width: 1000px;
   	    margin: 0 auto;
	text-align:center;
}
.switch_btn{
	margin: 0 auto 30px;
    	background-image: -webkit-linear-gradient( 90deg, rgb(82 70 58) 0%, rgb(105 90 73) 63%, rgb(158 139 117) 100%, rgb(138,122,104) 100%);
    	color: #fff;
    	width: 450px;
    	height: 50px;
    	font-family: serif;
    	font-size: 1.8rem;
    	letter-spacing: 7px;
    	border-radius: 10px;
    	border: #fff;
	cursor:pointer;
}

.c-bnr.radius {
  border-radius: 6px;
  transition-duration: .5s;
}
.c-bnr.radius:hover {
    border-radius: 42px;
    border: solid 0.7px #504438;
    border-color: #504438;
    background: #f7f7f2;
    color: #504438;
    font-weight: bold;
 	transition: all 0.5s ease-in-out;
}
/*==================================
customervoice
====================================*/
.boxline.customervoice{
	padding:15px 0px;
	margin-top:30px;
}
.customervoicebackground{
	background-image: url("../image/customervoicebackground.png");
	background-size:cover;
	background-repeat: repeat;
}

.news_background.customervoice{
	background-image: url(none);
}
.coursepage_title.customervoietitle{
	background-image: url(none);
}
.customervoicedetail{
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 1050px;
	margin: 0 auto;
	
	
}
.customervoiceimage{
	max-width: 30%;
	padding-bottom: 30px;
}

.customervoicebtn{
	text-align: center;
	margin-top: 30px;
	padding-bottom: 30px;
}
/*==================================
shoplist
====================================*/
.shoplist_top{
	background-color: #e0d4c370;
	padding: 40px 0;
}
.shoplisttop_cover{
	max-width: 850px;
	margin: 0 auto;
	background-image: url("../image/main-assets/backgroundpast_log.png");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	
}
.title{
	color: #b08443;
	font-size:3.6rem;
	font-weight:bold;
	margin: 30px 0 50px;
	text-align: center;
}
.shopintroduce{
	width: 40%;
    margin: 0 auto;
    text-shadow: 5px 5px 5px #fff;
   /* border-bottom: solid 1px #b08443;*/
    text-align: center;
}
.shop_top_list{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    margin: 50px auto 0;
    padding-bottom: 50px;
}
.shopname_top{
	margin-bottom: 30px;
	
}
.shopname_top img{
	transition: 0.5s;
	max-width:70%;
}
.shopname_top img:hover{
	transform: scale(1.05, 1.05);
	box-shadow: 56px -14px #d78123;
}

.lastoneshop{
	opacity:0;
}
/*==================================
footer
====================================*/
.footer{
  background-image: -moz-linear-gradient( 90deg, rgba(56,46,36,0.99608) 0%, rgb(97,84,70) 63%, rgb(138,122,104) 100%, rgb(138,122,104) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(56,46,36,0.99608) 0%, rgb(97,84,70) 63%, rgb(138,122,104) 100%, rgb(138,122,104) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(56,46,36,0.99608) 0%, rgb(97,84,70) 63%, rgb(138,122,104) 100%, rgb(138,122,104) 100%);
  padding: 40px 0px 20px;
}
.footerlog{
	margin: 20px auto  30px;
	text-align: center;
}
.footer_content{
	max-width: 950px;
	margin: 0 auto;
}
.copyright{
	text-align: right;
	color:#f9f8e7;
	font-size:1.4rem;
}
/*==================================
aboutus
====================================*/

.ceo_message{
	background-image: url("../image/course-assets/face_background.png");
	background-size:cover ;
	padding-top: 53px;
}
.subtitle{
	font-size:2rem;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 0 50px;
	text-decoration: underline 0.7px;
}
.subtitle.left{
	text-align: left;
}
.ceo_message_detail{
	max-width: 900px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 80px;
}
.ceo_name{
	display:inline-block;
	margin-top: 7px;
}
.message{
	max-width: 65%;
}
.ceo_image{
	text-align: right;
}
.detailmessage{
	margin: 0 0 10px;
}
.company_information{
	background: url("../image/course-assets/body_background.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 80px;
}
.company_information_detail{
	max-width: 665px;
	margin: 0 auto;
}
.companyhistory_table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 0 auto;
    border: solid 0.7px;
}
.table_detail{
	 border: solid 0.7px;
	padding: 7px;
	vertical-align: middle;
}
table{
	margin:0 auto;
}
.company_history{
	background-image: url("../image/aboutus-assets/toschoolpagebackground.jpeg");
	background-position: cover;
	background-repeat: no-repeat;
	padding-bottom: 70px;
}


.history_list{
	max-width: 900px;
	margin: 0 auto;
	
}
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.updown {transform: translateY(-100px);}
.downup {transform: translateY(100px);}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(200px);}
.slide-left {transform: translateX(-200px);}

.history_detail{
	padding: 7px;
    margin-bottom: 10px;
    line-height: 1.7;
	width: 150px;
	text-align: center;
}
.history_detail_content{
	padding: 7px;
    margin-bottom: 10px;
    line-height: 1.7;
	text-align: left;
	flex:1;
}
.underline {
    background: linear-gradient(transparent 95%, #7b6f62 0%);
}
.underline:hover {
	cursor: pointer;
	color: #CC9900;
}

.feature_viorde{
	background-image: url("../image/aboutus-assets/background_aboutus.png");
	padding: 50px 50px 70px;
	background-size: cover;
}
.feature_inner{
	max-width: 950px;
	margin: 0 auto;
}
.feature_title{
	font-weight: bolder;
	font-size:2rem;
	text-align: center;
	margin: 20px;
}
.feature_text{
	max-width: 870px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.feature_detail{
	display: flex;
	padding-bottom: 50px;
	justify-content: space-around;
}
.feature_detail_item{
	display:inline-block;
	width: 250px;
	height: auto;
}
.subtitle2{
	margin: 20px;
}
.resultreson_topictext{
	margin-bottom: 20px;
}

.resultreson_topictext:last-child{
	margin-bottom: 0px;
}

.result_inner{
    max-width: 950px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.result_subtitle{
	text-align: center;
	font-weight:700;
	margin-bottom: 10px;
	margin-top:10px;
}
.result_subtitle2{
	text-align: center;
	font-weight:700;
	margin-bottom: 20px;
	padding-top:50px;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	font-size:2rem;
	
}
.result_subtitle_text{
	padding: 0px 10px 10px;
}
.counseling{
	display:flex;
	max-width: 900px;
	margin: 50px auto 0px;
	padding-bottom: 30px;
}
.caunselling_feautureitem{
	margin-bottom: 10px;
	line-height: 1.3;
}
.picpic{
	max-width:450px;
}
details{
	border:0.7px solid #54483b;
	border-radius: 4px;
	margin: 20px 0;
	background-image: url("../image/shops-assets/howtoreservation.png");
	background-size: cover;
	cursor: pointer;
}
.vertical{
	display:flex;
	flex-wrap: wrap;
	max-width: 50%;
	margin-bottom: 30px;
}
.thereason{
	max-width: 50%;
}
.thereason2{
	max-width: 60%;
	margin-top: 20px;
}
.thereason3{
	margin-top: 50px;
	max-width: 50%;
}

.result_subtitleitem{
	margin-bottom: 10px;
}

.caunselling_feauture{
	line-height: 25px;
	font-weight:600;
}
.face_explain{
	margin-top: 30px;
}
.face_explain:first-child{
	margin-top: 0px;
}
.caunselling_feauture2{
	max-width: 400px;
	margin: 0 auto;
}
.facecourse_reason{
	background-color: #f5f6f1;
}
.bodycourse_reason{
	background-color: #ebeee3;
}
.bodyexplain{
	margin-left: 50px;
	text-align: right;
}
.facemuscle{
	margin-top: 50px;
}
.face_menu.facemuscles{
	background-color: #fff;
}
.face_textad.resultbody{
	margin-bottom: 0;
}
.faceb{
	background-image: url("../image/aboutus-assets/background_aboutus.png");
}
/*==================================
course
====================================*/
.coursepage_title{
	background: url("../image/course-assets/title_baclground.png");
	padding: 77px 0 30px;
	text-align: center;
}
.corse_title_text{
	display:inline-block;
	font-size:3rem;
	color:#b08443;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom: solid 0.7px #b08443;
}
.course_title_subtext{
	text-align: center;
	font-size:1.8rem;
	color:#b08443;
}
.face{
	background: url("../image/course-assets/face_background.png");
	background-size: cover;
}
.body{
	background: url("../image/course-assets/body_background.png");
	background-size: cover;
}
.special_course{
	background: url("../image/course-assets/special_background.png");
	background-size: cover;
}
.facecover{
	max-width: 1050px;
	margin: 0 auto 80px;
}
.facecover1{
	max-width: 1050px;
	margin: 0 auto ;
	padding-bottom: 40px;
}
.facecover_title{
	padding: 0 0 50px 0;
}
.face_title{
	text-align: center;
	text-transform: uppercase;
	font-size:3rem;
	padding: 30px 0;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.face_subtitle{
	text-align: center;
	font-weight:500;
	margin-bottom: 10px;
}
.facecover.facelist{
	display:flex;
	justify-content: space-between;
}
.face-item{
	width: 250px;
	height: auto;
	margin: 0 auto;
	border: 1px solid #ab834b85;
	background: -webkit-linear-gradient(120deg, rgb(239 159 43 / 31%) 0%, rgb(244 240 234 / 94%) 20%,rgb(238 222 198/ 31%) 60%);
	
}
.face_text_detail{
	padding: 20px 10px;
}

.face_menu>img{
	max-width: 100%;
}
.face_text_title{
	font-weight: 600;
	text-decoration: underline 0.7px;
	margin-bottom: 20px;
}
.face_textad{
	margin-bottom: 20px;
	line-height: 18px;
}
.face_textbeforeprice {
    text-align: left;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 10px;
}
.face_textpriceright{
	text-align: center;
	font-weight:600;
	font-size:1.8rem;
	font-family: Verdana, Geneva, "sans-serif";
	text-decoration: underline;
	background-image: linear-gradient(
		70deg,
		#6c3524 45%, /* font color */
		#FFF 50%,
		#6c3524 55% /* font color */
	);
	background-size: 500% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	animation: shine 3s infinite;
}
.face_textprice{
	text-align: center;
	font-weight:600;
	font-size:1.8rem;
	
}

@keyframes shine {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
	}

.btn_reservation{
	text-align: center;
	padding-bottom: 80px;
}
.btn_reservation>img{
	width: 200px;
}
.face-item.special{
	width: 320px;
}

/*==================================
newｓ
====================================*/
.box {
    padding: 80px 0 50px;
}
.comprehensive{
	width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
}
.comprehensive_section{
	width: 500px;
	height: auto;
	background-color:rgba(255,255,255,0.50);
	margin: 30px auto 0;
}
.face_subtitle.news{
    margin-top: 15px;
    line-height: 1.5;
}
.news_subtitle {
    max-width: 900px;
    text-align: center;
    line-height: 1.4;
    margin: 20px auto 10px;
    font-weight: 600;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;

}
.news_background{
	background: url("../image/news-assets/4918753_m.jpg");
	background-size:cover;
}
.box{
	padding: 80px 0;
}
.news-list{
	display: flex;
	max-width: 1050px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.text_small{
	display: inline-block;
	font-size:1.3rem;
}
.news-item{
	max-width: 26%;
    margin: 0 auto 50px;
    background-color: rgba(255,255,255,0.53);
    padding: 10px 1px 10px 20px;
}
.newsitem_title img{
	width: 20px;
	height: 20px;
}
.newsitem_title.comprehensive_title{
	text-align: center;
}
.newsitem_title{
	text-align: center;
	font-weight:600;
	font-size:1.8rem;
	margin-bottom: 5px;	
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	line-height: 1.5;
}
.news-item_btn{
	text-align: center;
    width: 85%;
    margin-top: 15px;
}
.newsitem_titleline{
	margin-top:15px;
}
.news-item_btnline{
	text-align: center;
    width: 85%;
    margin-top: 0px;
}
.animation{
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
	.keyframe0{
    animation-name: anim_h;
}

@keyframes anim_h {
    0% {

        transform: translate(0px, 0);
    }
    100% {
        transform: translate(15px, 0);
    }
}



/*==================================
shop
====================================*/
.howtoreservation{
	background-image: url("../image/shops-assets/reservationway_background.png");
	background-size: cover;
	background-position: center;
	padding: 50px 0;
}
.howtoresevationdetail{
	max-width: 950px;
	margin: 0 auto;
}
.resevationtext{
	text-align: center;
	font-weight: 600;
	text-decoration: underline 0.7px;
	margin-bottom:40px ;
	font-size: 1.7rem;
}
.twowayresevation{
	display:flex;
	justify-content: space-between;
}
.firstway{
	background-image: url("../image/shops-assets/howtoreservation.png");
	 background-size: contain;
    background-repeat: no-repeat;
    padding: 40px 20px;
}

.first_title{
	margin-bottom: 10px;
    font-weight: 600;
    text-decoration: underline 0.7px;
}
.first_detail{
	margin: 10px;
    line-height: 1.4;
}
.shopinfo_detail>a{
	text-decoration: underline dotted 1px;
	color:#9e7335;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:700;
}
.resevationstrong{
	font-weight:600;
}
.shopback{
	background-image: url("../image/aboutus-assets/background_aboutus.png");
	background-size: cover;
}
.shoparea_tokyo{
	background-size: cover;
	padding: 50px 0 30px;
}
.kanagawa_area{
	background-size: cover;
	padding: 0px 0 30px;
}
.saitama_area{
	background-size: cover;
	padding: 0px 0 30px;
}
.tokyoarea_shops{
	max-width: 950px;
	margin: 0 auto;
}
.omotesando_shop{
	background: linear-gradient(45deg, rgb(238 212 204),#f0e6d3a6,#f9f8e5,#f1e4e3a6, rgb(238 179 97 / 56%));
    background-size: 200% 200%;
    animation: bggradient 10s ease infinite;
    background-repeat: no-repeat;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
	border: solid 0.5px #5F4040;
}

@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.ziyugaoka_shop{
	background-image: url("../image/shops-assets/ziyugaokashop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.ginza_shop{
	background-image: url("../image/shops-assets/ginzashop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.shinjuku_shop{
	background-image: url("../image/shops-assets/shinjukushop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.futako_shop{
	background-image: url("../image/shops-assets/futakoshop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.ikebukuro_shop{
	background-image: url("../image/shops-assets/ikebukuroshop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.tachikawa_shop{
	background-image: url("../image/shops-assets/tachikawashop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.ebisu_shop{
	background-image: url("../image/shops-assets/ebisushop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.kinshicho_shop{
	background-image: url("../image/shops-assets/kinsgichoshop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.comingsoonpage{
	text-align: center;
}
.yokohama_shop{
	background-image: url("../image/shops-assets/yokohamashop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.omiya_shop{
	background-image: url("../image/shops-assets/omiyashop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.funabashi_shop{
	background-image: url("../image/shops-assets/funabasishop.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}


.shop_btn{
	display:flex;
	max-width: 700px;
	margin: 10px auto;
	justify-content: space-between;
}
.shop_btn>.shopinbtn{
	width: 250px;
}
.shopname{
	 font-size: 2rem;
    font-weight: 600;
    text-decoration: underline 0.7px;
    line-height: 2;
}
.shop_btn2{
	display:flex;
	max-width: 800px;
	margin: 0px auto;
	justify-content: space-between;
}
.shopinfo_list{
	display:inline-block;
	margin-bottom: 15px;
}
.shopinfo_title{
	width: 120px;
    text-align: left;
    position: relative;
    vertical-align: top;
	font-weight: 500;
}
.shopinfo_detail{
	flex:1;
}
.shop_info{
	max-width: 450px;
	text-align: left;
}
.mapcoming {
    background-color: #f5f7f2;
    text-align: center;
    width: 250px;
    height: 200px;
  
}
.mapletter{
	line-height: 200px;
}
.cancelpolicy{
	background-image: url("../image/shops-assets/cancelpolicy_background.png");
	background-size:cover; 
	padding: 80px 0;
}
.cancelpolicy_inner{
	max-width: 950px;
	margin: 0 auto;
	line-height: 1.5;
}
.cancelpolicy_main{
	margin: 20px 0;
}
.cancelpolicy_title{
	font-size:1.7rem;
	margin-bottom: 10px;
}
.cancelpolicy_title.smallsize{
	margin: 0;
	font-size:1.6rem;
}
/*==================================
jobinformagtion
===================================*/
.jobinformationtop{
	background-image: url("../image/main-assets/background_log.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.jobinformation_image{
	width: 50%;
}

.background1{
	background-color: rgba(228,123,20,1.00);
	padding: 20px;
	margin-bottom: 20px;
	color:#fff;
}
.afterapplying{
	max-width: 800px;
	margin: 0 auto;
}
/*==================================
jobinformation
====================================*/
.applynewway{
	margin-top:60px;
}
.jobinformation_heroimage{
	text-align:center;
	/*background-image: url("../image/jobinformation/background.jpeg");*/
	background-position: center;
	backgroun-size:cover;
	background-color: #fed000;
}
.lettercolor{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-color:#000000;
	font-weight: 500;
}
.letteronly{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 500;
}
.bigletter{
	font-size:3.6rem;
}
.subtitle.bigletter{
	text-decoration: underline 3px;
}
.subtitlejobinformation{
	display: block;
	text-align: center;
	font-size:2rem;
	font-weight:bold;
	margin-top: 10px;
	text-decoration: none;
}
.jobinfromationceo{
	text-align: right;
	margin: 10px 0;
}
.fourcase{
	background-color: #fed000;
	padding: 30px 0;
	margin-top:20px;
}

.fourcasefeature{
	margin-bottom: 25px;
}
.positionchange{
	position:relative;
	top:-10px;
}
.spancebetween{
	justify-content: space-between;
}
.interview{
	/*background-image: url("../image/jobinformation/background.jpeg");*/
	background-size: cover;
	background-repeat: repeat;
	background-color: #fed000;
}
.interviewlist{
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0;
}
.effectjobinformation{
	background-color: #f7e5e1;
	text-align: center;
	padding-bottom:30px;
}
.jobinformationeffect_title{
	max-width: 850px;
	font-size:2.4rem;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1.5px solid #ff6d00;
	font-weight:bold;
}
.jobinformationeffect_sub{
	max-width: 750px;
    font-size: 2rem;
    text-align: left;
    margin: 10px auto 0;
    padding-bottom: 50px;
    
}
.jobinformationeffect_sub.nomargin{
	padding-bottom: 20px;
}
.subsub{
	max-width: 750px;
	margin: 0 auto 50px;
	text-align: left;
	font-size:1.8rem;
}
.img80{
	max-width: 80%;
	margin: 0 auto;
	padding: 30px 0 ;
	text-align: center;
}
.bgcor{
	background-color: #fb8231;
	text-align: center;
}
.onedaytitle{
	background-image: url("../image/onedayschedules-assets/22158719_m.jpg");
	padding: 50px 0;
	text-align: center;
}
.corse_title_text.lettercolor{
	color:#000;
}
.course_title_subtext.lettercolor{
	color:#000;
}
.motivationforwork{
	max-width: 950px;
	font-size:2.4rem;
	text-align: left;
	margin: 10px auto;
	font-weight:bold;
	text-decoration: underline 5px #fa6604;
}
.detailwork {
    background-color: #fdceae;
    max-width: 950px;
    margin: 0 auto 30px;
    padding: 10px 20px;
    line-height: 1.6;
    font-weight: 600;
}

.bgcor>img{
	max-width: 70%;
}
.mailre{
	margin: 20px;;
}
.applyto{
	max-width: 750px;
	margin: 20px auto;
	display:flex;
	justify-content: space-around;
}
.applyto img{
	max-width: 100%;
}
.applyimage{
	position:relative;
}
.applyposition{
	position:fixed;
	bottom:10px;
	right:-10px;
	z-index:100000;
}
.applyposition2{
	position:fixed;
	top:20%;
	right:-60px;
	z-index:100000;
	margin-right: -10px;
	
}
.icons{
	margin-bottom: 10px;
	width: 53%;
	text-align: right;
}
.applyaddress{
	text-decoration: underline 1px solid;
	display:inline-block;
	font-size: 2rem;
}
.congratulatorymoney{
	border:#f98f31 solid 3px;
	 background-image: -moz-linear-gradient( 94deg, rgba(255,232,206,0.99608) 0%, rgb(251,184,160) 100%);
	  background-image: -webkit-linear-gradient( 94deg, rgba(255,232,206,0.99608) 0%, rgb(251,184,160) 100%);
	  background-image: -ms-linear-gradient( 94deg, rgba(255,232,206,0.99608) 0%, rgb(251,184,160) 100%);
	max-width: 750px;
	margin: 30px auto;
	padding-bottom: 20px
}
.glow_banner {
	  color: #fff;
	  font-size: 30px;
	  font-family:"Haruhi Gakuen", sans-serif;
	  letter-spacing: 2px;
	  margin: 0 auto;
	  padding: 10px;
	  text-shadow: 0 0 15px #ffdd65, 0 0 10px #ffdd65,0 0 5px #fff;
	}
.glow_bannernew {
	  color: #ED9A23;
	  font-size: 30px;
	  font-family:"Haruhi Gakuen", sans-serif;
	  letter-spacing: 2px;
	  margin: 0 auto;
	  padding: 10px;
	  text-shadow: 0 0 15px #ffdd65, 0 0 10px #ffdd65,0 0 5px #fff;
	  margin-bottom: 70px;
	}
.congmoney{
	font-size: 3.6rem;
	font-weight: bold;
}
.congratulatorymoney>.applyaddress{
	text-decoration: none;
}

.header.letteronly.schoolheader{
	background: #141257;
}
.school_heroimage {
    text-align: center;
    background-color: #fff;
	
}
.schooltopmessage{
	padding: 100px 0 ;
	background-image: url("../image/schooltop-assets/schoolmessagebackground.png");
	background-size: cover;
}
.schooltopics{
	padding: 100px 0 ;
	background-color:#fff;
	background-size: cover;
}
.schoolcoursedetail{
	padding: 100px 0;
}
.schoolcoursedetail{
	background-image:url("../image/schooltop-assets/coursepoint.png");
}
.scholdetailitem{
	display: flex;
	max-width: 900px;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	
}
.coursedetailitem{
	margin-bottom: 30px;
}

.coursenameimage{
	display:inline-block;
	vertical-align: middle;
}
.footer.schoolfooter{
	background: #141257;
}
.schoolcoursepage_title{
	padding: 30px 0;
	text-align: center;
}
.face_title.schooltitle{
	font-weight: bold;
}
.onedayschoolcourse{
	background-image: url("../image/schooltopcourse-assets/1datbackground.png");
}
.face_text_detail.onedaycourse{
	background-color: #fff;
}
.schoolcoreseprice{
	font-size:2rem;
	text-align: center;
	font-weight:bold;
}
.face_textbeforeprice.text-canter{
	text-align: center;
}
.header-line.pc-item.schoolpage{
	max-width: 800px;
	
}
.body.maincourse{
	background-image: url("../image/schooltopcourse-assets/maincoursebackground.png");
}
.special_course.sp-inner.advancingcourse{
	background-image: url("../image/schooltopcourse-assets/advancecoursebackground.png");
}
.feature_viorde.toschollpage{
	background-image: url("../image/aboutus-assets/toschoolpagebackground.jpeg");
	padding: 50px 50px 70px;
	background-size:cover ;
}

@media screen and (max-width:768px){
	html{
		scroll-padding-top: 50px; 
	}
	.school_heroimage.sp-item{
		padding-top: 70px;
	}
	.pc-item{
		display:none;
	}
	.sp-inner{
		padding: 0 20px;
		box-sizing: border-box;
	}
	.pc-item{
		display: none;
	}
	.sp-item{
		display: block;
	}
	.fontBlod{
		font-weight:bold;
	}
	.title{
		font-size:2.4rem;
		margin: 30px 0;
	}
	.start p {
		position: fixed;
		left: 55%;
		top: 50%;
		transform: translate(-50%, -50%);
		display: none;
		z-index: 9999;
		width: 280px;
		/**
		animation: fadeout-keyframes 3s ease 0s 1 forwards;
		animation-iteration-count: 1;
		**/
	}
	.video-outer {
		margin: 20px auto;
	}

/*==================================
header
====================================*/
	.hero-main{
		margin-top:50px;
	}
	.demo-1{
   	 	min-height:600px;
		padding:10px;
		box-sizing: border-box;
	}

	.header-position{
		z-index:120;
	}

	.header{
		position:fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		padding: 20px 20px 16px;
		background-color: #fff;
		box-sizing: border-box;
		z-index: 300;
	}
	.header-inner.wrapper.sp-item.schoolsppage{
		background-color: #141257;
	}

	.sp-header-logo{
		width: 150px;
		height: auto;
	}
	
	.sp-header-logo {
			width: 150px;
			height: auto;
			position: absolute;
			top: -10px;
		}
	.inner-content{
		width: 80%;
	}
/*---------------------------
 * navigation
 --------------------------*/	
	.navigation{
		display:none;
		position: fixed;
		top:0px;
		left: 0;
		width: 100%;
		height: 120%;
		padding: 100px 0 100px;
		background-color:#f6f3e8ed;
	
	}
	.nav-list{
		display: block;
		text-align: center;
	}
	.nav-item{
		padding:15px 0;
		border-bottom: solid 1px  #54483b;
	}
	.nav-item:last-child{
		border-bottom: none;
	}
	.nav-item>a{
		color:  #54483b;
		font-size: 1.6rem;
		text-transform: uppercase;
		line-height: 2;
		
	}


/*---------------------------
 * btn-trigger
 --------------------------*/	
	.btn-close{
		display: block;
	}

	.btn-trigger{
		display: block;
		-webkit-appearance:none;
		appearance:none;
		position: absolute;
		top:4px;
		right: 20px;
		width: 50px;
		height: 50px;
		background-image: -webkit-linear-gradient( 90deg, rgb(56 46 36 / 78%) 0%, rgb(97 84 70 / 87%) 63%, rgb(138 122 104 / 48%) 100%, rgb(138 122 104 / 8%) 100%);
		border:solid 2px #907850;
		z-index:200;
		
		
	}
	.btn-trigger span{
		position: absolute;
		display: block;
		width: 45px;
		height: 2px;
		background-color: #b08443;
		transition: all 0.5s;
	}
	

	.btn-trigger span:first-of-type{
		top: 0;
	}
	.btn-trigger span:nth-of-type(2){
		top: 10px;
	}
	.btn-trigger span:last-of-type{
		bottom: 0;
	}
	use{
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}
	.btn-trigger.active use:nth-of-type(1) {
    -webkit-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
	}

	.btn-trigger.active use:nth-of-type(2) {
		opacity: 0;
	}
	.btn-trigger.active use:nth-of-type(3) {
		-webkit-transform: translateX(35px) translateY(-15px) rotate(45deg);
		transform: translateX(35px) translateY(-15px) rotate(45deg);
	}
	.feature_detail_item.toporiginally{
		max-width: 100%;
	}
	.originalway{
		background-size: cover;
		background-color:#cac9bf;
	}
	.originalway_detail{
		padding-top: 12%;
	}
	.video-iframe{
		position: relative;
		margin: 0px;
		padding-bottom: 31%;
		height: 80px;
		overflow: hidden;
	}
	.video-iframe iframe, .video-iframe object, .video-iframe embed {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0);
	}
	.course_list_top {
		background-size: cover;
	}
	.couse_detail{
		display:block;
	}
	.course_list_top {
		padding: 20px 0;
	}
	.courselist {
		width: 100%;
	}
	.course_item {
		font-size: 1.6rem;
	}
	.course_image {
		text-align: center;
		max-width: 100%;
	}
	.shoplist_top {
		padding: 20px 0;
	}
	.corse_title_text{
		font-size:2.5rem;
	}
	.shopname_top img:hover{
		transform: scale(1.1, 1.1);
		box-shadow: 23px -7px #F4A460;
	}
	.shopname_top {
		max-width: 50%;
	}
	
	.shoplisttop_cover{
		max-width: 100%;
		margin: 0 auto;
	}
	.shopname_top {
		text-align: center;
	}
	.footer{
		padding-right:20px;
		padding-left:20px;
	}
	.toporiginal>.feature_detail{
		padding-top: 30px;
		padding-bottom:0px;
	}
	.feature_detail{
		padding-bottom: 5px;
}
/*==============================
	aboutus
===============================*/
	.ceo_message{
		background-image: url("../image/course-assets/face_background.png");
		background-size:contain ;
	}
	.subtitle.left {
		text-align: center;
	}
	.ceo_message {
		padding-top: 50px;
	}
	.message {
	   max-width:100%
	}
	.ceo_message_detail{
		display:block;
	}
	.ceo_image {
		text-align: center;
		padding-top:0px;
	}
	.companyhistory_table {
		max-width: 100%;
	}
	.company_information_detail {
		padding-bottom: 50px;
	}
	.slide-right {
   	 transform: translateX(0px);
	}
	.feature_viorde {
		padding: 30px 20px 50px;
	}
	.feature_detail {
		display:block;
		text-align: center;
	}
	.subtitle2 {
		text-align: left;
	 	margin: 30px 0px 30px;
	}
	.feature_detail_item {
		margin-bottom: 20px;
	}
	
	.waveroute::before, .waveroute::after {
    	height: 250%;
    	width: 150%;
	}
	
	.company_history {
		background-position: top;
		background-size: cover;
		background-repeat: repeat;
	}
	.history_detail {
		width: 80px;
	}
	.feature_title {
		margin: 20px 0 40px;
	}
	.feature_title.companymind{
		padding-top:30px;
	}
	.feature_detail.spversioncompanymind{
		margin-top:30px;
	}
	.feature_text {
		text-align: left;
	}
	.resultreson{
		background-color: #effle9;
	}
	.facecourse_reason{
		background-color: #e6e8d6;
	}
	.musclesofface{
		text-align: center;
	}
/*==============================
	cource
===============================*/	
	.coursepage_title {
		margin-top: 50px;
	}
	.face {
		background-size: cover;
		background-position: center;
	}
	.face_subtitle {
		margin-bottom: 30px;
	}
	.facecover.facelist {
		display: block;
	}
	.face-item {
		margin-bottom: 50px;
	}
	.face_menu{
		text-align: center;
	}
	.comprehensive_section {
		max-width: 100%;
	}
	.news-list{
		display:block;
	}
	.news-item{
		max-width: 100%;
		text-align: center;
		padding:10px 0;
	}
	.news-item_btn {
		text-align: right;
		width: 75%;
		padding-right: 30px
	}
	.face-item.special{
		width: 250px;
	}
	.result_inner>.feature_title{
		padding-top:30px;
	}
	.counseling {
		display:block;
		max-width: 900px;
		margin: 10px auto 0px;
		text-align: center;
		padding-bottom: 0px;
	}
	details {	
		margin: 20px 5px;
	}
	.detail2{
		margin: 20px 5px 0;
	}
	.resultreson_topictext {
		margin: 20px 0px;
	}
	.result_subtitle{
		line-height: 1.3;
	}
	.thereason {
		max-width: 100%;
	}
	.thereason2{
		max-width: 100%;
		text-align: left;
	}
	.thereason3 {
		margin-top: 20px;
		max-width: 100%;
	}
	.face_explain {
     margin-top: 0px;
	}
	.bodyexplain {
	 margin: 10px 0;
	text-align: center;
	}
	.text-canter {
		text-align: center;
		margin: 20px 0;
	}
	.caunselling_feauture {
		text-align: left;
	}
	.caunselling_feauture.face_explain.anim-box{
		text-align: center;
	}
/*---------------------------
 * shop
 --------------------------*/	
	
	.howtoreservation {
		background-image: url(../image/shops-assets/reservationway_background.png);
		background-size: cover;
		background-position: center;
		padding: 20px 20px 50px;
	}
	.resevationtext{
		padding-top:40px;
	}
	.twowayresevation {
		display:block;
	}
	.firstway {
		background-image: url(../image/shops-assets/sp_reservation_background.png);
		background-size:100% 98%;;
		background-repeat: no-repeat;
		padding: 10px;
		margin-bottom: 50px;
	}

	.firstway:last-child{
		margin-bottom: 0;
	}
	.tokyoarea_shops {
		max-width: 950px;
		margin: 0 auto;
		padding-bottom: 40px;

	}
	

	
	.ziyugaoka_shop{
		background-image: url("../image/shops-assets/sp_ziyugaokashop.png");
	}
	.ginza_shop{
		background-image: url("../image/shops-assets/sp_ginzashop.png");
	}
	.shinjuku_shop{
		background-image: url("../image/shops-assets/sp_shinjukushop.png");
	}
	.futako_shop{
		background-image: url("../image/shops-assets/sp_futakoshop.png");
	}
	.ikebukuro_shop{
		background-image: url("../image/shops-assets/sp_ikebukuroshop.png");
	}
	.tachikawa_shop{
		background-image: url("../image/shops-assets/sp_tachikawa.png");
	}

	.ebisu_shop{
		background-image: url("../image/shops-assets/sp_ebisushop.png");
		margin-bottom: 0px;
	}
	.kinshicho_shop{
		background-image: url("../image/shops-assets/sp_kinshicho.png");
		margin-bottom: 0px;
		margin-top: 30px;
	}
	.comingsoonpage{
		text-align: center;
	}
	.yokohama_shop{
		background-image: url("../image/shops-assets/sp_yokohamashop.png");
	}
	.omiya_shop{
		background-image: url("../image/shops-assets/sp_omiyashop.png");
	}
	.funabashi_shop{
		background-image: url("../image/shops-assets/sp_funabasi.png");
	}
	.shop_btn{
		display:block;
	}
	.shopname{
		text-align: center;
	}
	.shopinbtn {
		text-align: center;
		margin: 0 auto;
	}
	.mapcoming{
		margin: 0 auto 10px;
	}
	.shopinbtn>a>img{
		max-width: 100%;
	}
	.shop_btn2{
		display:block;
	}
	.shopinfo_title{
		font-weight: 700;
	}
	.shopinfo_title.businesshours{
		width: 110px;
	}
	.shopinfo_detail{
		font-weight: 700;
	}
	.map-outer {
		text-align: center;
		margin-bottom: 20px;
	}
	.shop_info{
		max-width: 550px;
	}
	.cancelpolicy {
		padding: 40px 0;
	}
	.smallletter{
		font-size: 1.4rem;
	}
	.jobinformation_heroimage,.effectheroimage {
		margin-top: 60px;
	}
	.effectheroimage.text-canter{
		margin-bottom: 0;
	}
	.img80{
		max-width: 100%;
		padding-left: 10px;
	}
	.img80>img{
		max-width: 100%;
		
	}
	.bgcor>img{
		max-width: 100%;
		
	}
	.iconitem>img{
		max-width: 35%;
		margin: 0 auto 30px;
	}
	.effectimg>img{
		max-width: 60%;
		margin: 30px 0;
	}
	.fourcasefeature>img{
		max-width: 90%;
		
	}
	.interviewitem img{
		max-width: 100%;
	}
	.interview>.subtitle{
		padding-bottom: 30px;
	}
	.onedaytitle { 
		margin-top: 60px;
		
	}
	.effectimg{
		max-width: 80%;
		margin:20px auto  ;
	}
	.mailre{
		margin-top:20px;
	}
	.mailre.effectimg{
		margin-top: 20px;
	}
	.iconitem {
    max-width: 50%;
    /* text-align: center; */
    margin: 0 auto 30px;
}
	.applyto{
		display:block;
	}
	.applyposition{
		position:fixed;
		bottom:10px;
		left:18%;
		z-index:100000;
	}
	.applyposition2{
		position:fixed;
		bottom:7px;
		z-index:100000;
		top:unset;
	}
	.flex{
		max-width:100%;
		justify-content: space-around;
		margin-bottom: 10px;
		flex-wrap:nowrap;
		box-sizing: border-box;
	}
	.splinebottom{
		max-width:50%;
		padding-left: 10px;
		box-sizing: border-box;
	}
	.spyoutubebottom{
		max-width:50%;
		padding-right: 30px;
		box-sizing: border-box;
	}
	
	.spgoods{
		margin-bottom: 20px;
	}
	.jobinformationtopmessage{
		margin-bottom: 15px;
	}
	.congratulatorymoney{
		margin: 0;
	}
	.effectjobinformation.sp-inner{
		padding-bottom: 20px;
	}
	
	.header.spschool{
		background: #141257;
	}
	.schooltopics {
		padding: 30px 0;
	}
	.showbigger{
		max-width: 95%;
	}
	.schooltopmessage {
		padding: 53px 0;
	}
	.scholdetailitem {
		display: block; 
	}
	.showsmaller{
		max-width: 65%
	}
	.coursename{
		margin-bottom: 30px;
	}
	.schoolcoursedetail {
		padding: 50px 0;
	}
	.moreshowsmaller{
		max-width: 55%;
	}
	.navigation.text-center.schoolpagenavi{
		background-color: #142484;
	}
	.schoolcoursepage_title{
		padding-top: 80px;
	}
	.nav-item.schoolnavi>a{
		color:#fff;

	}
	.applystudypic{
		max-width: 100%;
	}
	.glow_bannernew {
		margin-bottom: 25px;
		font-size: 160%;
	}
	.news-item_btnline {
    		text-align: right;
    		width: 80%;
    		margin-top: 0px;
	}
	.switch_btn {
    		width: 350px;
		letter-spacing: 0px;
	}
	.shoparea_tokyo {
   	 background-size: cover;
   	 padding: 50px 0 0px;
	}
	.feature_detail {
    padding-bottom: 0px;
}
	
	.shopname_top img{
	transition: 0.5s;
	max-width:80%;
}
.confetti {
  position: relative;
  border-radius: 6px;
  height: 77px;
}
	.customervoiceimage{
		max-width:100%;
		text-align: center;
	}


}