@charset "utf-8";
/* CSS Document */
body{
    line-height: 1.5rem;
    text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
  font-family: 'myfont-Regular'!important;
}
/*フォント*/
@font-face {
  font-family: 'myfont-Medium';
    src: url('../fonts/NotoSansJP-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansJP-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansJP-Medium-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-m {
  font-family: 'myfont-Medium';
}
@font-face {
  font-family: 'myfont-Regular';
    src: url('../fonts/NotoSansCJKjp-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/-NotoSansCJKjp-Regular-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-r {
  font-family: 'myfont-Regular';
}
/*アンドロイド　セリフ体*/
@font-face {
  font-family: 'myfont-SemiBold';
    src: url('../fonts/NotoSerifJP-SemiBold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-SemiBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-SemiBold-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-semiBold {
  font-family: 'myfont-SemiBold';
}
@font-face {
  font-family: 'myfont-Serif_Medium';
    src: url('../fonts/NotoSerifJP-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-Medium-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-m {
  font-family: 'myfont-Serif_Medium';
}
@font-face {
  font-family: 'myfont-Serif_Regular';
    src: url('../fonts/NotoSerifJP-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSerifJP-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSerifJP-Regular-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Serif-r {
  font-family: 'myfont-Serif_Regular';
}
img{
	max-width: 100%;
    height: auto;
}
a {
	text-decoration: none!important;
}
ul {
    list-style: none!important;
    padding: 0;
}
.clear{
	clear: both;
}
/*下から出てくる動き*/
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1650ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.fadein2000 {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 2000ms;
}
.fadein2000.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*========= ナビゲーションのためのCSS ===============*/
.g-nav{
  position:fixed;
  z-index: -1;
  opacity: 0;/*はじめは透過0*/
  top:0;
  width:100%;
  height: 100vh;/*ナビの高さ*/
  background:#f7f7f7;
}
/*アクティブクラスがついたら透過なしにして最前面へ*/
.g-nav.panelactive{
  opacity: 1;
  z-index:999;
}
/*ナビゲーションの縦スクロール*/
.g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 9999999!important; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
/*ナビゲーション*/
.g-nav ul {
    display: none;
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
}
ul.menu1 {
    top: 25%;
	left:35%;
    position: absolute;
    z-index: 999;
}
@media screen and (max-width:1440px) {
ul.menu1 {
    left: 30%;
}
}
@media screen and (max-width:1024px) {
ul.menu1 {
    left: 25%;
}
}
@media screen and (max-width:991px) {
ul.menu1 {
    top: 20%;
    left: 20%;
}
}
@media screen and (max-width:767px) {
ul.menu1 {
    top: 60px;
	left: 4%;
}
}
@media screen and (max-width:425px) {
ul.menu1 {
    top: 95px;
}
}
ul.menu2 {
    top: 25%;
    left: 55%;
    position: absolute;
    z-index: 999;
}
@media screen and (max-width:991px) {
ul.menu2 {
    top: 20%;
}
}
@media screen and (max-width:767px) {
ul.menu2 {
    top: 385px;    
	left: 4%;
}
}
@media screen and (max-width:425px) {
ul.menu2 {
    top: 415px;
}
}
@media screen and (max-width:767px) {
.gnav__wrap_grop {
    margin-left: 20px;
}
}
#g-nav.panelactive ul {
    display: block;
}
/*リストのレイアウト設定*/
#g-nav li{
  list-style: none;
}
.gnav__wrap li a{
  color: #333;
  text-decoration: none;
  padding: 10px 0px 0px 20px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 700;
}
@media screen and (max-width:767px) {
.gnav__wrap li a{
    padding: 5px 0px 0px 20px;
    font-size: 20px;
}
}
.gnav__wrap li a span{
  font-size: 16px;
  font-family: 'myfont-Medium';
}
@media screen and (max-width:767px) {
.gnav__wrap li a span{
  font-size: 13px;
  height: 20px!important;
}
}
@media screen and (max-width:767px) {
.gnav__wrap ul.menu1 li a span{
  font-size: 13px;
  height: 20px!important;
}
}
.gnav__wrap li a:hover{
   color: #cebc83;
  animation: fadeIn 0.8s linear;
}
@media screen and (max-width:767px) {
.gnav__wrap li a:hover{
  animation: fadeIn 0s linear;
}
}
.gnav__wrap li a p{
  font-size: 16px;
  font-family: 'myfont-Medium';
  margin-bottom: 0rem;
}
@media screen and (max-width:1024px) {
.gnav__wrap li a p{
  font-size: 13px;
}
}
@media screen and (max-width:767px) {
.gnav__wrap li a p{
  margin-bottom: 0.3rem;
}
}
#g-nav li a:hover{
 color: #cebc83;
  animation: fadeIn 0.8s linear;
}
/*========= ボタンのためのCSS ===============*/
.openbtn1{
	position:fixed;
	z-index: 9999;/*ボタンを最前面に*/
	top:20px;
    left: 60px;
	cursor: pointer;
    width: 40px;
	height:50px;
}
@media screen and (max-width:1366px) {
.openbtn1{
    width: 35px;
}
}
@media screen and (max-width:1199px) {
.openbtn1{
    left: 30px;
}
}
@media screen and (max-width:991px) {
.openbtn1{
	left: 20px;
    width: 25px;
}
}
@media screen and (max-width:767px) {
.openbtn1{
    left: 15px;
    width: 25px;
    top: 5px;
}
}
/*×に変化*/  
.openbtn1 span{
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 1px;
  background-color: #000;
  width: 45%;
  }
@media screen and (max-width:1199px) {
.openbtn1 span{
  height: 2px;
}
}
@media screen and (max-width:767px) {
.openbtn1 span{
  left: 0px;
}
}
.openbtn1 span:nth-of-type(1) {
    top: 20px;
    width: 100%;
}
.openbtn1 span:nth-of-type(2) {
    top: 40px;
    width: 100%;
}
@media screen and (max-width:1366px) {
.openbtn1 span:nth-of-type(2) {
    top: 35px;
}
}
.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 70%;
}
@media screen and (max-width:991px) {
.openbtn1.active span:nth-of-type(1) {
    height: 2px
}
}
.openbtn1.active span:nth-of-type(2) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 70%;
}
@media screen and (max-width:991px) {
.openbtn1 span:nth-of-type(2) {
    top: 30px;
    height: 2px
}
}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn2{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  width: 50px;
  height:50px;
  cursor: pointer;
  background:#fff;
}
  
/*ボタン内側*/
.openbtn2 span{
  display: inline-block;
  transition: all .4s;/*アニメーションの設定*/
  position: absolute;
  left: 13px;
  height: 2px;
  background-color: #666;
  }
.openbtn2 span:nth-of-type(1) {
  top:22px; 
    width: 50%;
}
.openbtn2 span:nth-of-type(2) {
  top:29px;
    width:30%;
}
/*activeクラスが付与されると線が回転して×に*/
.openbtn2.active span:nth-of-type(1) {
    top: 20px;
    left: 16px;
    transform: translateY(6px) rotate(-45deg);
    width: 35%;
}
.openbtn2.active span:nth-of-type(2) {
    top: 32px;
    left: 16px;
    transform: translateY(-6px) rotate(45deg);
    width: 35%;
}

/*========= レイアウトのためのCSS ===============*/
small{
  color:#fff;
  display: block;
  text-align: center;
}
#header{
  width:100%;
  background:#333;
  color:#fff;
  text-align: center;
  padding: 20px;
}
section{
  padding:100px 30px;
}
section:nth-child(2n){
  background:#f3f3f3; 
}
#footer{
  background:#333;
  padding:20px;
}
/*///////////////Gナビ///////////////*/
div#menu-container {
    text-align: right;
/*	margin: 90px 65px 0px 0px;*/
	padding: 90px 65px 0px 0px;
	z-index: 990;
    position: absolute;
    right: 0;
}
@media screen and (max-width:1440px) {
div#menu-container {
    padding: 40px 65px 0px 0px;
}
}
@media screen and (max-width:1199px) {
div#menu-container {
    padding: 40px 35px 0px 0px;
}
}
@media screen and (max-width:991px) {
div#menu-container {
    padding: 40px 40px 0px 0px;
    position: fixed;
    margin-top: -260px;
}
}
@media screen and (max-width:768px) {
div#menu-container {
    margin-top: -308px;
}
}
@media screen and (max-width:767px) {
div#menu-container {
    padding: 20px 20px 0px 0px;
    margin-top: -133px;
}
}
@media screen and (max-width:428px) {
div#menu-container {
    margin-top: -110px;
}
}
ul.nav_menu {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 15px;
    margin-top: 37px;
    line-height: 2.5rem;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:1199px) {
ul.nav_menu {
    font-size: 14px;
    line-height: 2.0rem;
    margin-top: 20px;
}
}
@media screen and (max-width:991px) {
ul.nav_menu {
    display: none;
}
}
@media screen and (max-width:767px) {
ul.nav_menu {
    margin-top: 30px;
    line-height: 2.4rem;
}
}
ul.nav_menu li a:hover{
  color: #cebc83;
  animation: fadeIn 0.8s linear;
}
.main_top-page {
	background-image: url("../img/main.png");
	background-repeat: no-repeat;
    background-size: cover;
	height: 1016px;
    margin-top: -35px;
}
@media screen and (max-width:1440px) {
.main_top-page {
    height: 735px;
    margin-top: 0px;
}
}
@media screen and (max-width:1366px) {
.main_top-page {
    height: 630px;
    margin-top: 0px;
}
}
@media screen and (max-width:1199px) {
.main_top-page {
    height: 600px;
    margin-top: 0px;
}
}
@media screen and (max-width:1024px) {
.main_top-page {
    height: 550px;
}
}
@media screen and (max-width:991px) {
.main_top-page {
    height: 750px;
	background-color: #f7f7f7;
    background-size: 0%;
    margin-top: 250px;
}
}
@media screen and (max-width:768px) {
.main_top-page {
    height: 780px;
    background-color: #f7f7f7;
    background-size: 0%;
    margin-top: 300px;
}
}
@media screen and (max-width:767px) {
.main_top-page {
    height: 600px;
    margin-top: 200px;
}
}
@media screen and (max-width:428px) {
.main_top-page {
    margin-top: 160px;
    height: 490px;
}
}
@media screen and (max-width:375px) {
.main_top-page {
    height: 445px;
}
}
@media screen and (max-width:360px) {
.main_top-page {
    height: 430px;
}
}
@media screen and (max-width:320px) {
.main_top-page {
    height: 390px;
}
}
@media screen and (max-width:767px) {
img.top_logo {
    width: 62%;
    height: auto;
}
}
@media screen and (max-width:767px) {
.h_top-logo {
    margin-top: -70px;
}
}
@media screen and (max-width:428px) {
.h_top-logo {
    margin-top: -52px;
}
}
p.main-title {
    font-size: 55px;
    font-family: 'myfont-Serif_Medium';
    line-height: 6rem;
    position: absolute;
    top: 43%;
    left: 7.6%;
    z-index: 91;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:1440px) {
p.main-title {
    left: 5%;
    font-size: 50px;
    top: 50%;
}
}
@media screen and (max-width:1199px) {
p.main-title {
    font-size: 36px;
    line-height: 5rem;
    top: 46%;
}
}
@media screen and (max-width:991px) {
p.main-title {
    font-size: 35px;
    top: 16%;
    line-height: 4.5rem;
}
}
@media screen and (max-width:767px) {
p.main-title {
    top: 100px;
    font-size: 31px;
    line-height: 2.9rem;
    left: 4%;
}
}
@media screen and (max-width:425px) {
p.main-title {
    top: 110px;
}
}
/*メイン画像のフェードインで表示*/
img.main-img {
    display: block;
    margin: auto;
}
.main_img {
    position: relative;
    left: 41%;
    margin-top: 150px;
	z-index: 10;
}
@media screen and (max-width:1440px) {
.main_img {
    width: 350px!important;
    margin-top: 75px;
	height: 540px;
    left: 38%;
}
}
@media screen and (max-width:1366px) {
.main_img {
    width: 300px!important;
    margin-top: 50px;
    height: 540px;
    left: 39%;
}
}
@media screen and (max-width:1199px) {
.main_img {
    width: 290px!important;
    margin-top: 60px;
}
}
@media screen and (max-width:1024px) {
.main_img {
    width: 250px!important;
}
}
@media screen and (max-width:991px) {
.main_img {
    width: 100%!important;
    left: 0%;
    margin-top: -7%;
    height: 750px;
}
}
@media screen and (max-width:991px) {
.main_img img{
	width: 337px;
	height: auto;
	left: 0%;
	display: block;
	margin: auto;
    margin-top: 10%;
}
}
@media screen and (max-width:767px) {
.main_img img{
    margin-top: -4%;
    width: 300px;
}
}
@media screen and (max-width:458px) {
.main_img img{
    width: 55%!important;
    margin-top: 0%;
}
}
@media screen and (max-width:767px) {
.main_img {
    width: 100%!important;
    margin-top: 8%;
	left: 0%;
    height: 550px;
}
}
@media screen and (max-width:414px) {
.main_img {
    margin-top: 12%;
}
}
@media screen and (max-width:375px) {
.main_img {
    margin-top: 9%;
}
}
@media screen and (max-width:320px) {
.main_img {
    height: 400px;
}
}
@media screen and (max-width:767px) {
.slider-main.slick-initialized.slick-slider {
    margin-top: 0px;
}
}
@media screen and (max-width: 458px) {
.slider-main.slick-initialized.slick-slider {
    padding-top: 15px;
}
}
.full.slick-initialized.slick-slider {
    padding: 18%;
}
.full a {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0;
  text-decoration: none;
}
.slider-main.slick-initialized.slick-slider {
    z-index: 980;
}
@media screen and (max-width:991px) {
.slider-main.slick-initialized.slick-slider {
    margin-top: -85px;
}
}
.main_img_box {
    background-color: #fff;
    width: 26.551%;
    min-width: 430px;
/*    width: 27%;*/
    padding: 20px;
    position: absolute;   
/*    position: relative;*/
    left: 29%;
    margin-top: -150px;
}
@media screen and (max-width:1440px) {
.main_img_box {
    left: 116%;
	margin-top: -170px;
    padding: 15px;
}
}
@media screen and (max-width:1366px) {
.main_img_box {
    left: 115%;
    margin-top: -140px;
}
}
@media screen and (max-width:1199px) {
.main_img_box {
    min-width: 338px;
    left: 101%;
    margin-top: -160px;
}
}
@media screen and (max-width:1024px) {
.main_img_box {
    min-width: 365px;
    left: 94%;
    margin-top: -155px;
}
}
@media screen and (max-width:991px) {
.main_img_box {
    width: 90%;
    left: 0;
    position: sticky;
    margin-left: -10%;
	display: block;
    margin: auto;
    margin-top: 0%;
}
}
@media screen and (max-width:375px) {
.main_img_box {
    min-width: 300px;
}
}
.main_img_box p{
    font-family: 'myfont-Medium';
    letter-spacing: 0.08rem;
    margin-bottom: 0.3rem;
}
@media screen and (max-width:1440px) {
.main_img_box p{
    font-size: 14px;
    margin-bottom: 0rem;
}
}
@media screen and (max-width:1199px) {
.main_img_box p{
    margin-bottom: 0rem;
}
}
@media screen and (max-width:458px) {
.main_img_box p{
    font-size: 2.8vw;
}
}
@media screen and (max-width:425px) {
.main_img_box p{
    font-size: 2.7vw;
}
}
@media screen and (max-width:375px) {
.main_img_box p{
    font-size: 2.6vw;
}
}
p.main_t {
    color: #6c6c6c;
    font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}
@media screen and (max-width:425px) {
p.main_t {
    font-size: 11px;
}
}
p.main_img_box_t {
    padding: 1rem 0px 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	font-size: 14px;
    letter-spacing: 0.08rem;
    margin-bottom: 0rem;
}
@media screen and (max-width:1199px) {
p.main_img_box_t {
    margin-bottom: 1rem;
    margin-bottom: 0rem;
}
}
@media screen and (max-width:991px) {
p.main_img_box_t {
    font-size: 13px;
    padding: 1rem 0px 0px;
}
}
@media screen and (max-width:767px) {
p.main_img_box_t {
    font-size: 11px;
}
}
@media screen and (max-width:360px) {
p.main_img_box_t {
    font-size: 10px;
}
}
@media screen and (max-width:767px) {
p.con1_introdution_t {
    padding: 1.5rem 0px 0px;
    font-size: 13px;
}
}
img.top_logo {
    width: 60%;
    height: auto;
}
@media screen and (max-width:1440px) {
img.top_logo {
    width: 55%;
}
}
@media screen and (max-width:1199px) {
img.top_logo {
    width: 35%;
}
}
@media screen and (max-width:767px) {
img.top_logo {
    width: 93px;
}
}
/*コンテンツ１*/
.con1_bg {
	background-image: url("../img/con1-bg.png");
	background-repeat: no-repeat;
    background-size: 18%;
    background-position: right 30% bottom 15%;
	margin-top: -5%;
}
@media screen and (max-width:1440px) {
.con1_bg {
    background-size: 23%;
}
}
@media screen and (max-width:1199px) {
.con1_bg {
    background-size: 30%;
    background-position: right 20% bottom 15%;
}
}
@media screen and (max-width:991px) {
.con1_bg {
    background-size: 32%;
    background-position: right 14% bottom 20%;
}
}
@media screen and (max-width:767px) {
.con1_bg {
    background-size: 37%;
    background-position: right -3% bottom 17%;
    margin-top: -15%;
}
}
@media screen and (max-width:480px) {
.con1_bg {
    background-size: 45%;
    background-position: right -3% bottom 17%;
}
}
@media screen and (max-width:375px) {
.con1_bg {
    background-position: right -6% bottom 26%;
    background-size: 47%;
}
}
@media screen and (max-width:320px) {
.con1_bg {
    margin-top: -21%;
}
}
h2 {
    position: relative;
	padding: 2rem 0px 0px;
	text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 0.08rem;
    margin-top: 150px;
}
h2:after {
    position: absolute;
    top: -10px;
    left: calc(42% - 30px);
    width: 240px;
    height: 1px;
    content: '';
    border-radius: 3px;
    background: #000;
}
p.con1_introdution_t2 {
    font-size: 30px;
    font-family: 'myfont-Serif_Medium';
    line-height: 3.5rem;
	text-align: center;
    margin-top: 50px;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:1199px) {
p.con1_introdution_t2 {
    font-size: 25px;
	line-height: 3rem;
}
}
@media screen and (max-width:991px) {
p.con1_introdution_t2 {
	line-height: 2.5rem;
	font-size: 22px;
}
}
@media screen and (max-width:767px) {
p.con1_introdution_t2 {
    font-size: 4.6vw;
    line-height: 2.6rem;
}
}
@media screen and (max-width:458px) {
p.con1_introdution_t2 {
    font-size: 4.4vw;
}
}
@media screen and (max-width:425px) {
p.con1_introdution_t2 {
    font-size: 25px;
}
}
/*トップページのみ*/
.cww_bnr_img{
}
.company_wish-with {
	width: 209px;
	height: auto;
}
@media screen and (max-width:767px) {
p.con1_introdution_t2.con1_introdution_t2-top {
    font-size: 4.3vw;
    line-height: 2.4rem;
}
}
@media screen and (max-width:425px) {
p.con1_introdution_t2.con1_introdution_t2-top {
	font-size: 4.3vw;
    line-height: 2.0rem;
}
}
@media screen and (max-width:991px) {
p.con1_introdution_t2.kaso-title {
    font-size: 2.0rem;
}
}
@media screen and (max-width:767px) {
p.con1_introdution_t2.kaso-title {
    font-size: 23px;
}
}
p.con1_introdution_t3 {
    font-size: 19px;
    line-height: 2.0rem;
	margin-top: 50px;
    letter-spacing: 0.08rem;
    text-align: center;
}
@media screen and (max-width:1440px) {
p.con1_introdution_t3 {
    font-size: 16px;
}
}
@media screen and (max-width:1199px) {
p.con1_introdution_t3 {
    line-height: 1.7rem;
}
}
@media screen and (max-width:991px) {
p.con1_introdution_t3 {
    font-size: 15px;
}
}
@media screen and (max-width:767px) {
p.con1_introdution_t3 {
    font-size: 13px;
	margin-top: 35px;
    line-height: 1.5rem;
	text-align: left;
}
}
@media screen and (max-width:360px) {
p.con1_introdution_t3 {
    font-size: 13px;
    letter-spacing: 0.04rem;
}
}
.con1_introdution_line {
    width: 240px;
    border-bottom: solid 1px #000;
    display: block;
    margin: auto;
    margin-top: 130px;
}
@media screen and (max-width:991px) {
.con1_introdution_line {
    margin-top: 70px;
}
}
@media screen and (max-width:767px) {
.con1_introdution_line {
    width: 190px;
    margin-top: 100px;
}
}
p.con1_introdution_t {
    padding: 50px 0px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
	font-size: 14px;
    letter-spacing: 0.08rem;
    margin-bottom: 0rem;
}
@media screen and (max-width:991px) {
p.con1_introdution_t {
	padding: 1.5rem 0px 0px;
}
}
@media screen and (max-width:767px) {
p.con1_introdution_t {
    font-size: 10px;
}
}
.con1_introdution {
    padding-top: 130px;
}
@media screen and (max-width:991px) {
.con1_introdution {
    padding-top: 50px;
}
}
.con2_bg {
    background-color: #f7f7f7;
    margin-top: 100px;
    padding-top: 30px;
    padding-bottom: 50px;
}
@media screen and (max-width:767px) {
.con2_bg {
    padding-top: 50px;
    margin-top: 70px;
}
}
.gold {
    color: #cebc83;
}
/*コンテンツ３*/
.con4_news {
    padding-top: 50px;
}
img.ital_wax {
    display: block;
    margin: auto;
    margin-top: 130px;
}
@media screen and (max-width:991px) {
img.ital_wax {
    margin-top: 100px;
}
}
@media screen and (max-width:767px) {
img.ital_wax {
    margin-top: 40px;
}
}
p.con3_ital_wax_t1 {
    font-family: 'myfont-Serif_Medium';
    margin-top: 160px;
    font-size: 35px;
    letter-spacing: 0.1rem;
}
@media screen and (max-width:1024px) {
p.con3_ital_wax_t1 {
    margin-top: 180px;
}
}
@media screen and (max-width:991px) {
p.con3_ital_wax_t1 {
	margin-top: 100px;
    font-size: 27px;
}
}
@media screen and (max-width:767px) {
p.con3_ital_wax_t1 {
    margin-top: 50px;
    text-align: center;
}
}
p.con3_ital_wax_t2 {
    margin-top: 35px;
	line-height: 2.0rem;
    font-size: 15px;
	letter-spacing: 0.08rem;
}
@media screen and (max-width:1024px) {
p.con3_ital_wax_t2 {
    margin-top: 20px;
    font-size: 13px;
}
}
@media screen and (max-width:991px) {
p.con3_ital_wax_t2 {
    line-height: 1.6rem;
}
}
img.f_bnr {
    display: block;
    margin: auto;
    margin: 150px 0px 100px;
}
p.cope-text {
    background-color: #000;
    margin-bottom: 0rem;
    color: #fff;
    text-align: center;
    padding: 10px;
    letter-spacing: 0.05rem;
}
@media screen and (max-width:767px) {
p.cope-text {
    font-size: 12px;
}
}
p.cope-text a{
    color: #fff;
}



.company_wish_which_box {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
@media screen and (max-width:991px) {
.company_wish_which_box {
    width: 80%;
    margin: auto;
    margin-top: 30px;
}
}
@media screen and (max-width:767px) {
.company_wish_which_box {
    width: 90%;
}
}
.col-6.col-md-4.col-xl-1.company_wish-with{
    flex: 5 0 8.333333%!important;
    max-width: 13.333333%!important;
    padding-right: 5px!important;
    padding-left: 5px!important;
}
@media screen and (max-width:991px) {
.col-6.col-md-4.col-xl-1.company_wish-with{
    flex: 0 0 33.333333%!important;
    max-width: 33.333333%!important;
}
}
@media screen and (max-width:767px) {
.col-6.col-md-4.col-xl-1.company_wish-with{
    flex: 0 0 50%!important;
    max-width: 50%!important;
}
}
/*SPの時、非表示にする*/
@media screen and (max-width:767px) {
.col-6.col-md-4.col-xl-1.company_wish-with.company_wish-with-sp-none {
    display: none;
}
}

/*SP 続きを見る　作動位置*/
.company_wish-sp-wrap {
    margin-top: 50px;
}
.grad-btn {
  /*.grad-btnのCSSは表示/非表示の動作には関係ないので、ご自由にどうぞ*/
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 0px; /*隠した状態の高さ*/
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
@media screen and (max-width:767px) {
.grad-trigger:checked ~ .grad-item {
    margin: 0px 0px 50px;
}
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
/*続見る*/

/*READ MORE 動き*/
span.btn-flat {
	display: none;
}
@media screen and (max-width:767px) {
span.btn-flat {
	display:block;
  padding: 15px 30px;
  color: #fff;
  background: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08rem;
    width: 190px;
	margin: auto;
}
span.btn-flat:hover{
  background: #fff;
  color: #cebc83;
  border: 1px solid #cebc83;
  animation: fadeIn 0.8s linear;
}
.btn-read-more {
    margin-top: 50px;
}
.btn-read-more {
	display: block;
    margin: auto;
    text-align: center;
    margin-top: 50px;
}
}
@media screen and (max-width:991px) {
.btn-read-more a span{
	font-size: 13px;
}
}




















.company_wish_which_box img{
    padding: 0px 5px;
}
@media screen and (max-width:1199px) {
.company_wish_which_box img{
    padding: 0px;
}
}
@media screen and (max-width:991px) {
.company_wish_which_box img{
    margin-top: 15px;
}
}
@media screen and (max-width:767px) {
.company_wish_which_box img{
}
}
/*文字が１文字ずつ出てくる*/
#wrapper {
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width:767px) {
#wrapper {
    width: 100%;
}
}
#wrapper2 {
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width:767px) {
#wrapper2 {
    width: 100%;
}
}
.tousyo_box{
	margin-top: 30px;
}
.tousyo_text{
	margin-top: 15px;
}
@media screen and (max-width:767px) {
.tousyo2{
	margin-top: 15px;
}
}
/*コンテンツ４*/
p.con4_news_t {
    padding: 40px 0px 0px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 0.08rem;
    margin-bottom: 0rem;
}
@media screen and (max-width:767px) {
p.con4_news_t {
    padding: 1.5rem 0px 0px;
    font-size: 13px;
}
}
/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one {
  max-width: 1024px;
  margin: 0 auto;
}
.s_01 .accordion_one .accordion_header {
  font-size: 16px;
  letter-spacing: 0.08rem;
  padding: 25px 5% 30px;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
  border-top: solid 1px #d9d8dd;
}
.s_01 .accordion_one .accordion_header span{
  font-size: 13px;
}
@media screen and (max-width:991px) {
.s_01 .accordion_one .accordion_header span{
  font-size: 11px;
}
}
.s_01 .accordion_one .accordion_header:hover {
  opacity: .8;
}
.s_01 .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 30%;
  right: 2%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.s_01 .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #000;
  border-radius: 10px;
  width: 15px;
  height: 1px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #000;
  border-radius: 10px;
  width: 9px;
  height: 1px;
  position: absolute;
  top: 4px;
  left: 2px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
  width: 1px;
  height: 9px;
  top: 0;
  left: 6px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.s_01 .accordion_one .accordion_inner {
  display: none;
  padding: 0px 30px 30px;
  box-sizing: border-box;
}
@media screen and (max-width:991px) {
.s_01 .accordion_one .accordion_inner {
    padding: 10px 0px;
}
}
.s_01 .accordion_one:nth-of-type(2) .accordion_inner {
}
.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
}
.s_01 .accordion_one:nth-of-type(3){
  border-bottom: solid 1px #d9d8dd;
}
.s_01 .accordion_one .accordion_inner .box_one {
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
    font-size: 14px;
}
@media screen and (max-width: 767px) {
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    font-size: 13px;
}
}
@media screen and (max-width: 1024px) {
.s_01 .accordion_one .accordion_header {
    font-size: 18px;
}
.s_01 .accordion_one .accordion_header .i_box {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
}
@media screen and (max-width: 991px) {
.s_01 .accordion_one .accordion_header .i_box {
    margin-top: -10px;
}
}
@media screen and (max-width: 991px) {
.s_01 .accordion_one .accordion_header {
    font-size: 13px;
    padding: 15px 0%;
}
}
@media screen and (max-width: 767px) {
.s_01 .accordion_one .accordion_inner {
	font-size: 13px;
	padding: 20px 0px;
}
}

/*====================================================================
以下は不要です。
====================================================================*/

body {
  font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.8;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  body {
    font-size: 14px;
}
}
.section {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 60px;
}
@media screen and (max-width: 991px) {
.section {
    max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.section {
    padding-top: 40px;
}
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}
/*READ MORE 動き*/
a.btn-flat {
  padding: 15px 30px;
  color: #fff;
  background: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08rem;
}
a.btn-flat:hover{
  background: #fff;
  color: #cebc83;
  border: 1px solid #cebc83;
  animation: fadeIn 0.8s linear;
}
.btn-read-more {
    margin-top: 50px;
}
@media screen and (max-width:767px) {
.btn-read-more {
	display: block;
    margin: auto;
    text-align: center;
    margin-top: 50px;
}
}
@media screen and (max-width:991px) {
.btn-read-more a span{
	font-size: 13px;
}
}
.btn-about-one {
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 100px;
}
@media screen and (max-width:991px) {
.btn-about-one {
    margin-top: 50px;
}
}
@media screen and (max-width:991px) {
.btn-about-one a span{
	font-size: 13px;
}
}
.f_bnr {
    margin: 180px auto 100px;
}
@media screen and (max-width:991px) {
.f_bnr {
	margin: 130px auto 50px;
}
}
@media screen and (max-width:767px) {
.f_bnr {
	margin: 80px auto 30px;
}
}
.swiper-container .swiper-slide {
	position: relative;
}
.swiper-container .swiper-slide .swiper-slide-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 3s ease 0s;
}
/*下層*/
/*フッター前の余白*/
.kaso_page_btm{
 padding-bottom: 120px;
}
@media screen and (max-width:767px) {
.kaso_page_btm{
    padding-bottom: 80px;
}
}
.con1_introdution_line.kaso_top_line {
    margin-top: 30px;
}
@media screen and (max-width:1440px) {
.con1_introdution_line.kaso_top_line {
    margin-top: -50px;
}
}
@media screen and (max-width:767px) {
.con1_introdution_line.kaso_top_line {
    margin-top: 0px;
}
}
/*ユーワンについて*/
.main_kaso_about {
	background-image:url("../img/kaso/about/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}
@media screen and (max-width:1366px) {
.main_kaso_about {
	height: 350px;
}
}
@media screen and (max-width:767px) {
.main_kaso_about {
    height: 270px;
}
}
/*メイン画像上のタイトル*/
p.main-title_kaso {
    font-size: 3.4rem;
    font-family: 'myfont-Serif_Medium';
    line-height: 6.8rem;
    letter-spacing: 0.1rem;
    margin-bottom: 25px;
    padding-top: 200px;
    margin-top: -35px;
    padding: 200px 0px 0px 200px;
}
@media screen and (max-width:1440px) {
p.main-title_kaso {
    font-size: 2.8rem;
    line-height: 4.8rem;
    margin-top: 0px;
    padding: 160px 0px 0px 70px;
}
}
@media screen and (max-width:1366px) {
p.main-title_kaso {
    font-size: 2.5rem;
}
}
@media screen and (max-width:1199px) {
p.main-title_kaso {
    font-size: 2.2rem;
    line-height: 4rem;
    padding: 130px 0px 0px 100px;
}
}
@media screen and (max-width:1024px) {
p.main-title_kaso {
    font-size: 2.2rem;
    line-height: 4rem;
    padding: 130px 0px 0px 45px;
}
}
@media screen and (max-width:991px) {
p.main-title_kaso {
    font-size: 2.0rem;
    top: 16%;
    line-height: 3.5rem;
    padding: 130px 0px 0px 20px;
}
}
@media screen and (max-width:767px) {
p.main-title_kaso {
    font-size: 1.6rem;
    line-height: 3rem;
    padding: 100px 0px 0px 15px;
}
}
@media screen and (max-width:428px) {
p.main-title_kaso {
    font-size: 1.4rem;
    line-height: 2rem;
}
}
p.about_t1 {
    font-size: 35px;
    font-family: 'myfont-Serif_Medium';
    line-height: 4rem;
    margin-top: 50px;
    letter-spacing: 0.08rem;
	text-align: center;
}
@media screen and (max-width:1199px) {
p.about_t1 {
    font-size: 34px;
}
}
@media screen and (max-width:991px) {
p.about_t1 {
	font-size: 25px;
    line-height: 3rem;
}
}
@media screen and (max-width:767px) {
p.about_t1 {
    font-size: 4.4vw;
    line-height: 2.0rem;
	text-align: left;
}
}
/*横幅の余白*/
.kaso-with {
    width: 91%;
    margin: auto;
}
@media screen and (max-width:1199px) {
.kaso-with {
    width: 100%;
}
}
p.about_t2 {
    font-size: 19px;
    line-height: 2.5rem;
    margin-top: 50px;
    margin-bottom: 0rem;
    letter-spacing: 0.08rem;
	text-align: center;
}
@media screen and (max-width:1440px) {
p.about_t2 {
    font-size: 16px;
}
}
@media screen and (max-width:1199px) {
p.about_t2 {
    line-height: 1.7rem;
}
}
@media screen and (max-width:991px) {
p.about_t2 {
    font-size: 15px;
}
}
@media screen and (max-width:767px) {
p.about_t2 {
    font-size: 13px;
    margin: 35px 0px 0px 0%;
    line-height: 1.7rem;
	text-align: left;
}
}

p.about_t3{
    font-size: 14px;
    letter-spacing: 0.08rem;
    margin-bottom: 1.2rem;
	text-align: center;
    margin-top: 10px;
}
@media screen and (max-width:991px) {
p.about_t3{
    font-size: 12px;
}
}
@media screen and (max-width:767px) {
p.about_t3{
    font-size: 10.5px;
	text-align: left;
}
}
.about_con2_img{
	display: block;
	margin: auto;
	margin-top: 100px;
    width: 60%;
    height: auto;
}
@media screen and (max-width:991px) {
.about_con2_img{
	margin-top: 50px;
}
}
@media screen and (max-width:576px) {
.about_con2_img{
    width: 100%;
}
}
.about_t4_box {
    width: 60%;
    margin: auto;
    margin-top: 10px;
}
@media screen and (max-width:991px) {
.about_t4_box {
    width: 61%;
}
}
@media screen and (max-width:767px) {
.about_t4_box {
    width: 100%;
}
}
p.about_t4 {
    font-size: 15px;
    letter-spacing: 0.1rem;
    margin-bottom: 0.2rem;
    font-family: 'myfont-Medium';
}
p.about_t5 {
    font-size: 12px;
    letter-spacing: 0.1rem;
    margin-bottom: 0rem;
    font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width:767px) {
p.about_t5 {
    font-size: 10px;
}
}
/*下層の左ロゴ*/
@media screen and (max-width:991px) {
div#menu-container.header-sp_kaso {
    margin-top: 0px;
}
}
@media screen and (max-width:768px) {
div#menu-container.header-sp_kaso {
    margin-top: -8px;
}
}
@media screen and (max-width:767px) {
div#menu-container.header-sp_kaso {
    margin-top: 67px;
}
}
@media screen and (max-width:458px) {
div#menu-container.header-sp_kaso {
    margin-top: 50px;
}
}
/*イタルワックスについて*/
.main_kaso_italwax {
	background-image:url("../img/kaso/project/italwax/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}
@media screen and (max-width:1366px) {
.main_kaso_italwax {
    height: 350px;
}
}
@media screen and (max-width:767px) {
.main_kaso_italwax {
    height: 270px;
}
}
p.main-title_kaso.main-title_kaso_img {
    padding: 151px 0px 0px 0px;
}
@media screen and (max-width:1440px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 116px 0px 0px 0px;
}
}
@media screen and (max-width:1199px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 94px 0px 0px 0px;
}
}
@media screen and (max-width:1024px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 110px 0px 0px 0px;
}
}
@media screen and (max-width:991px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 117px 0px 0px 0px;
}
}
@media screen and (max-width:576px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 103px 0px 0px 0px;
}
}
@media screen and (max-width:428px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 95px 0px 0px 0px;
    margin-bottom: 15px;
}
}
@media screen and (max-width:414px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 87px 0px 0px 0px;
}
}
@media screen and (max-width:375px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 93px 0px 0px 0px;
}
}
@media screen and (max-width:320px) {
p.main-title_kaso.main-title_kaso_img {
    padding: 100px 0px 0px 0px;
}
}
img.italwax_logo {
	display: block;
 	margin: auto;
    width: 16%;
    height: auto;
}
@media screen and (max-width:428px) {
img.italwax_logo {
    width: 23%;
}
}
@media screen and (max-width:414px) {
img.italwax_logo {
    width: 25%;
}
}
p.about_t2.italwax_t2 {
    text-align: left;
    margin-bottom: 100px;
}
@media screen and (max-width:428px) {
p.about_t2.italwax_t2 {
    margin-bottom: 70px;
}
}
.color_gry {
    background-color: #f6f6f6;
    padding: 100px;
}
@media screen and (max-width:1024px) {
.color_gry {
    padding: 70px 0px;
}
}
@media screen and (max-width:767px) {
.color_gry {
    padding: 50px 0px;
}
}
p.kaso-subtitle {
    font-size: 30px;
    text-align: center;
    font-family: 'myfont-Serif_Regular';
}
@media screen and (max-width:1199px) {
p.kaso-subtitle {
    font-size: 25px;
}
}
@media screen and (max-width:991px) {
p.kaso-subtitle {
    font-size: 23px;
}
}
.italwax_con2_box {
    background-color: #fff;
    box-shadow: 7px 7px 12px 1px rgba(237, 237, 237);
    padding: 20px 10px;
    height: 350px;
}
@media screen and (max-width:1199px) {
.italwax_con2_box {
    height: 360px;
}
}
@media screen and (max-width:991px) {
.italwax_con2_box {
    padding: 20px 11px;
    height: 300px;
    margin-top: -20px;
}
}
@media screen and (max-width:767px) {
.italwax_con2_box {
    height: auto;
    margin-top: -30px;
}
}
.italwax_con2_grop {
    margin: 20px 0px 30px;
}
@media screen and (max-width:767px) {
.italwax_con2_grop {
    margin: 0px;
}
}
p.italwax_con2_t1 {
    font-size: 18px;
    text-align: center;
    font-family: 'myfont-Medium';
    letter-spacing: 0.08rem;
}
@media screen and (max-width:1199px) {
p.italwax_con2_t1 {
    font-size: 16px;
}
}
@media screen and (max-width:991px) {
p.italwax_con2_t1 {
    letter-spacing: 0.03rem;
}
}
img.italwax_con2 {
	display: block;
	margin: auto;
}
p.italwax_con2_t2 {
    margin-top: 10px;
    letter-spacing: 0.08rem;
	text-align: center;
	font-size: 13px;
}
p.kaso-subtitle.kaso-subtitl-mt {
    margin-top: 120px;
}
@media screen and (max-width:991px) {
p.kaso-subtitle.kaso-subtitl-mt {
    margin-top: 70px;
}
}
img.italwax_con3_img {
	display: block;
	margin: auto;
    margin: 50px auto 80px;
}
@media screen and (max-width:991px) {
img.italwax_con3_img {
    margin: 20px auto 70px;
}
}
@media screen and (max-width:767px) {
img.italwax_con3_img {
    margin: 0px auto 20px;
	width:75%;
	height: auto;
}
}
@media screen and (max-width:767px) {
img.italwax_con3_img.italwax_con3_img_sp {
    margin: 0px auto 70px;
}
}
.color_gry_con3 {
    background-color: #f6f6f6;
    padding: 100px;
}
/*コンテンツ4*/
.color_gry_con4 {
    background-color: #f6f6f6;
    padding: 50px 0px 100px;
}
@media screen and (max-width:991px) {
.color_gry_con4 {
    padding: 30px 0px 70px;
}
}
@media screen and (max-width:767px) {
.color_gry_con4 {
    padding: 30px 0px 40px;
}
}
@media screen and (max-width:767px) {
.color_gry_con4 img{
    margin-bottom: 40px;
}
}
/*コンテンツ5*/
.italwax_con5box img{
	display: block;
	margin: auto;
}
.italwax_con5box p{
	font-family: 'myfont-Medium';
    letter-spacing: 0.08rem;
	font-size: 15px;
    margin-top: 15px;
}
@media screen and (max-width:991px) {
.italwax_con5box p{
	font-size: 13px;
    margin-top: 7px;
}
}
p.italwax_con5_t1 {
	font-size: 12px;
    margin-top: -15px;
}
@media screen and (max-width:991px) {
p.italwax_con5_t1 {
	font-size: 10px;
}
}
@media screen and (max-width:767px) {
p.italwax_con5_t1 {
    letter-spacing: 0rem;
}
}
@media screen and (max-width:767px) {
.col-md-4.col-sm-6.col-6.sp-with_l {
    padding-right: 5px;
}
}
@media screen and (max-width:767px) {
.col-md-4.col-sm-6.col-6.sp-with_r {
    padding-left: 5px;
}
}
/*イタルワックスについて>講習案内*/
.training_box p.t1 {
    font-size: 24px;
    font-family: 'myfont-Serif_Medium';
    letter-spacing: 0.08rem;
    margin-top: 70px;
}
@media screen and (max-width:767px) {
.training_box p.t1 {
    font-size: 18px;
}
}
.training_box p.t2 {
    letter-spacing: 0.08rem;
    font-size: 16px;
    margin-bottom: 0rem;
}
@media screen and (max-width:767px) {
.training_box p.t2 {
	font-size: 13px;
}
}
p.t2_small {
    letter-spacing: 0.08rem;
    font-size: 13px;
}
@media screen and (max-width:767px) {
p.t2_small {
	font-size: 11px;
}
}
.training_box p.t3 {
    color: #fff;
}
.training_box p.t3 span.beige{
    background-color: #b29777;
    color: #fff;
    padding: 5px 10px;
    letter-spacing: 0.08rem;
}
.training_box p.t3 span{
    color: #000;
}
.red{
	color: #e03136;
}
.training_box {
    line-height: 2.0rem;	
    letter-spacing: 0.08rem;
}
@media screen and (max-width:767px) {
.training_box {
	letter-spacing: 0.03rem;
    line-height: 1.5rem;
}
}
span.t4_beige {
    background-color: #b29777;
    color: #fff;
    padding: 5px 10px;
    letter-spacing: 0.08rem;
    width: 89px!important;
}
/*ボタン*/
.btn-training_box{
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 100px;
}
a.btn-training {
  padding: 15px 30px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.08rem;
  font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
a.beige_bg {
  background: #b29777;
}
a.btn-pink{
    background: #bc696b;
}
@media screen and (max-width:320px) {
a.btn-training {
    padding: 15px 24px;
}
}
a.btn-training:hover{
  background: #fff;
  color: #cebc83;
  border: 1px solid #cebc83;
  animation: fadeIn 0.8s linear;
}
/*横幅の余白*/
/*講習案内*/
.kaso-with_62 {
    width: 62%;
    margin: auto;
}
@media screen and (max-width:991px) {
.kaso-with_62 {
    width: 100%;
}
}
.btn-instagram_box {
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0.08rem;
    font-size: 14px;
}
@media screen and (max-width:320px) {
.btn-instagram_box {
    margin-top: 20px;
}
}
a.btn-instagram {
    text-align: center;
}
a.btn-instagram:hover {
  color: #cebc83;
  animation: fadeIn 0.8s linear;
}
/*インスタ　ボタン*/
a.btn-training:hover{
  background: #fff;
  color: #cebc83;
  border: 1px solid #cebc83;
  animation: fadeIn 0.8s linear;
}
i.fab.fa-instagram::before {
    color: #b29777;
    font-size: 40px;
}
a.btn-instagram span{
    vertical-align: super;
}
p.t2 {
    font-size: 13px;
    letter-spacing: 0.08rem;
}
/*イタルワックスについて>アンバサダー認定講習*/
th.ambassador_beige {
    vertical-align: top;
	padding: 0px 0px 20px 0px;
}
@media screen and (max-width:767px) {
th.ambassador_beige {
    display: block;
    width: 90px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
}
}
.ambassador_table td {
    padding-left: 20px;
}
@media screen and (max-width:767px) {
.ambassador_table td {
    display: block;
    width: 100%;
    padding-left: 0px;
    font-size: 13px;
}
}
.ambassador_table p.beige {
    background-color: #b29777;
    color: #fff;
    padding: 5px 10px;
    letter-spacing: 0.08rem;
    margin-bottom: 0rem;
}
.ambassador_t11{
	text-align: center;
}
p.ambassador_t1 {
    margin: auto;
    margin-top: 80px;
    line-height: 2.0rem;
    letter-spacing: 0.08rem;
}
p.ambassador_t2 {
    margin-top: 50px;
    line-height: 2.0rem;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:767px) {
p.ambassador_t2 {
    font-size: 13px;
    line-height: 1.7rem;
}
}
.ambassador_box {
    letter-spacing: 0.08rem;
}
.ambassador_box p.t1 {
    padding: 1rem 2rem;
    border-left: 4px solid #000;
}
.ambassador_box p.t1 {
    padding: 0rem 1rem;
    border-left: 4px solid #b29777;
    letter-spacing: 0.08rem;
    margin-top: 50px;
}
@media screen and (max-width:428px) {
.ambassador_box p.t1 {
    font-size: 16px;
}
}
.ambassador_box p.t2 {
    letter-spacing: 0.08rem;
    line-height: 2.0rem;
	margin-bottom: 30px;
	font-size: 16px;
}
@media screen and (max-width:767px) {
p.ambassador_t1,.ambassador_box p.t2 {
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    margin-top: 20px;
    font-size: 13px;
}
}
.ambassador_box p.t3 span.beige{
    background-color: #b29777;
    color: #fff;
    padding: 5px 10px;
    letter-spacing: 0.08rem;	
}
.kaso-with_ambassador{
    width: 70%;
    margin: auto;
}
@media screen and (max-width:1199px) {
.kaso-with_ambassador{
    width: 90%;
}
}
@media screen and (max-width:991px) {
.kaso-with_ambassador{
    width: 100%;
}
}
/*インデントを揃える*/
p.t3.t3_a {
    padding-left: 7.5em;
    text-indent: -7.5em;
}
@media screen and (max-width:767px) {
p.t3.t3_a {
    padding-left: 0em;
    text-indent: 0em;
}
}
.black_bg{
 background-color: #000;
}
.btn-ambassador_box{
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 100px;	
}
@media screen and (max-width:767px) {
.btn-ambassador_box{
    margin-top: 50px;	
}
}
span.hissu {
    color: #e40404;
    font-size: 13px;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:991px) {
span.hissu {
    font-size: 11px;
}
}
span.hissu_black {
    color: #000;
    font-size: 13px;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:991px) {
span.hissu_black {
    font-size: 11px;
}
}
/*講習申し込みフォーム*/
.thanks-box {
	width: 82%;
	margin: auto;
    margin-top: 50px;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:991px) {
.thanks-box {
    width: 74%;
}
}
@media screen and (max-width:767px) {
.thanks-box {
    width: 100%;
}
}
a.contact_btn:hover {
    color: #cebc83;
    animation: fadeIn 0.8s linear;
}
/*フォームの入力欄のヒント　文字カラー*/
input::placeholder,
textarea::placeholder {
	color: #c5cbd1;
}
/* Edge */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: #c5cbd1;
}
/* IE11 & IE10 */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #c5cbd1;
}
table.contact-box tbody{
    padding: 10px 30px;
}
td.contact-mt {
    padding: 25px 0px 20px;
}
@media screen and (max-width: 1199px){
td.contact-mt {
    padding-top: 20px;
}
}
label.checkbox-frame_a {
    margin-top: 50px;
    font-family: 'myfont-Medium';
    line-height: 4rem;
}
@media screen and (max-width: 767px){
label.checkbox-frame_a {
    margin-top: 30px;
    line-height: 3rem;
}
}
@media screen and (max-width:425px){
label.checkbox-frame_a {
    line-height: 2rem;
}
}
.contact-box th {
/*    font-size: 16px;*/
    font-size: 20px;
    padding: 35px 75px 35px 0px;
	width: 100%;
    vertical-align: top;
    display: block;
    line-height: 1.5rem;
}
@media screen and (max-width: 1199px){
.contact-box th {
    font-size: 16px;
}
}
@media screen and (max-width: 991px){
.contact-box th {
    font-size: 14px;
    padding: 25px 20px 25px 0px;
}
}
@media screen and (max-width: 767px){
.contact-box th {
    display: block;
    width: 100%;
    padding: 15px 10px 15px 0px;
}
}
span.campaign_t1 {
    font-family: 'myfont-Bold';
    letter-spacing: 0.05rem;
    line-height: 4rem;
}
@media screen and (max-width:767px){
span.campaign_t1 {
    line-height: 2rem;
}
}
span.campaign_t2 {
	font-size: 18px;
}
@media screen and (max-width: 991px){
span.campaign_t2 {
	font-size: 13px;
}
}
.contact-box td {
	font-size: 20px;
}
td.pd {
    padding: 20px 5px;
    line-height: 2.5rem;
}
@media screen and (max-width: 991px){
td.pd {
    padding: 0px 5px;
}
}
@media screen and (max-width: 767px){
td.pd {
    padding: 0px;
}
}
@media screen and (max-width: 767px){
.contact-box td.pd{
    line-height: 1.4rem!important;
    padding: 0px;
    margin-bottom: 0.5rem;
}
}
@media screen and (max-width: 1199px){
.contact-box td {
    font-size: 17px;
}
}
@media screen and (max-width: 991px){
.contact-box td {
    font-size: 14px;
}
}
@media screen and (max-width: 767px){
.contact-box td {
    display: block;
    width: 100%!important;
    margin: 0px auto;
    padding: 0px 0px 15px 0px;
	font-size: 13px;
    line-height: 1.8rem;
}
}
input.shot {
    border: solid 1px #e5eef8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #e5eef8;
    padding: 15px;
    width: 47%;
}
@media screen and (max-width: 991px){
input.shot {
    padding: 10px;
}
}
@media screen and (max-width: 767px){
input.shot {
    width: 49%!important;
    padding: 5px;
}
}
@media screen and (max-width: 515px){
input.shot {
    width: 48%!important;
}
}
input.middle {
    width: 90%;
    padding: 10px;
}
@media screen and (max-width: 767px){
input.middle {
    width: 100%;
    padding: 5px;
}
}
input.middle_a {
    width: 90%;
    border: solid 1px #e5eef8;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #e5eef8;
    padding: 15px;
}
@media screen and (max-width: 991px){
input.middle_a {
    padding: 10px;
}
}
@media screen and (max-width: 767px){
input.middle_a {
    width: 100%;
    padding: 5px;
}
}
textarea.textarea {
    width: 90%!important;
	height: 150px!important;
}
@media screen and (max-width: 767px){
textarea.textarea {
    width: 100%!important;
}
}
input.small.yuubin_small {
    border: solid 1px #000;
/*    border: solid 1px #c3bebe;*/
    margin-bottom: 20px;
}
@media screen and (max-width: 991px){
input.small.yuubin_small {
    margin-bottom: 10px;
}
}
@media screen and (max-width: 767px){
input.small.yuubin_small {
    margin-bottom: 10px;
    width: 26%;
}
}
table.contact-box {
    margin-top: 70px;
    width: 100%;
    letter-spacing: 0.08rem;
}
input.contact-btn {
    background-color: #000;
    color: #fff;
    border: solid 1px #000;
    padding: 10px;
    width: 150px;
}
@media screen and (max-width: 767px){
input.contact-btn {
    width: 120px;
}
}
/*WAPIL*/
.wapil_logo{
    margin-top: -35px;
    padding: 200px 0px 0px 200px;
}
.main_kaso_wapli {
	background-image:url("../img/kaso/project/wapli/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}
@media screen and (max-width:1199px) {
.main_kaso_wapli {
    height: 400px;
}
}
@media screen and (max-width:991px) {
.main_kaso_wapli {
    background-position: bottom;
}
}
@media screen and (max-width:767px) {
.main_kaso_wapli {
	height: 270px;
	background-position: 70%;
}
}
.wapli_t1{
	color: #b29777;	
	font-size: 15px;
	margin-top: 30px;
    letter-spacing: 0.08rem;
    text-align: center;
}
@media screen and (max-width:1024px) {
.wapli_t1{
    font-size: 13px;
}
}
p.wapli_t2 {
    margin-top: 50px;
    letter-spacing: 0.08rem;
    text-align: center;
}
@media screen and (max-width:991px) {
p.wapli_t2 {
    font-size: 15px;
}
}
@media screen and (max-width:767px) {
p.wapli_t2 {
    font-size: 13px;
}
}
p.club_t4_a {
    background: #bc696b;
    padding: 15px 30px;
}
p.club_t4_b {
    background: #b29777;
    padding: 15px 30px;
}
@media screen and (max-width:991px) {
p.club_t4_b {
    padding: 15px 20px;
}
}
p.club_t4_a,p.club_t4_b {
    width: 67%;
    margin: auto;
}
p.club_t4_a {
    margin-left: 30%;
}
@media screen and (max-width:1199px) {
p.club_t4_a {
    margin-left: 15%;
}
}
@media screen and (max-width:991px) {
p.club_t4_a {
    margin-left: 0%;
}
}
@media screen and (max-width:767px) {
p.club_t4_a {
    width: 80%;
    margin: auto;
    margin-top: 20px!important;
}
}
p.club_t4_b {
    margin-right: 30%;
}
@media screen and (max-width:991px) {
p.club_t4_b {
    margin-right: 0%;
}
}
@media screen and (max-width:767px) {
p.club_t4_b {
    margin-top: -20px!important;
}
}
@media screen and (max-width:1199px) {
p.club_t4_a,p.club_t4_b {
    width: 80%;
}
}
@media screen and (max-width:991px) {
p.club_t4_a,p.club_t4_b {
    width: 100%;
}
}
@media screen and (max-width:767px) {
p.club_t4_a,p.club_t4_b {
    width: 60%;
    margin: auto;
    text-align: center;
}
}
@media screen and (max-width:425px) {
p.club_t4_a,p.club_t4_b {
    width: 70%;
}
}
@media screen and (max-width:375px) {
p.club_t4_a,p.club_t4_b {
    width: 85%;
}
}
@media screen and (max-width:320px) {
p.club_t4_a,p.club_t4_b {
    width: 93%;
}
}
a p.club_t4_a:hover{
  background: #fff;
  color: #bc696b;
  border: 1px solid #bc696b;
  animation: fadeIn 0.8s linear;
}
a p.club_t4_b:hover{
  background: #fff;
  color: #cebc83;
  border: 1px solid #cebc83;
  animation: fadeIn 0.8s linear;
}
a.btn-pink {
  padding: 15px 30px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.08rem;
}
a.btn-pink:hover{
  background: #fff;
  color: #bc696b;
  border: 1px solid #bc696b;
  animation: fadeIn 0.8s linear;
}
a.btn-club {
  padding: 15px 30px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.08rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
@media screen and (max-width:320px) {
a.btn-club {
	padding: 15px 24px;
}
}
.btn-wapli-one {
	display: block;
	margin: auto;
    margin-top: 100px;
	text-align: center;
}
@media screen and (max-width:991px) {
.btn-wapli-one a span{
	font-size: 13px;
    margin-top: 80px;
}
}
img.application {
    width: 267px;
    height: 42px;
}
@media screen and (max-width:1024px) {
img.application {
    width: 25%;
    height: auto;
}
}
@media screen and (max-width:991px) {
img.application {
    width: 38%;
	height: auto;
}
}
/*ユーワンクラブ*/
.kaso-with_62.clubo-with_66 {
    width: 66%;
}
@media screen and (max-width:767px) {
.kaso-with_62.clubo-with_66 {
    width: 100%;
}
}
.club_box {
    margin-top: 70px;
	letter-spacing: 0.08rem;
}
@media screen and (max-width:767px) {
.con1_introdution_t3.kaso-club_subtitle{
	text-align: center!important;
}
}
.club_box p.t1{
    font-size: 20px;
    font-family: 'myfont-Serif_Medium';
    letter-spacing: 0.08rem;
    margin-top: 50px;
}
@media screen and (max-width:767px) {
.club_box p.t1{
	font-size: 16px;
}
}
.club_box p.t2{
    letter-spacing: 0.08rem;
    margin-top: 20px;
    font-size: 16px;
}
@media screen and (max-width:991px) {
.club_box p.t2{
	font-size: 13px;
}
}
.club_box p.t3{
    font-size: 13px;
}
@media screen and (max-width:991px) {
.club_box p.t3{
	font-size: 11px;
}
}
.club_box p.t3 a{
	color: #cebc83;
}
.club_box p.t3 a:hover{
	color: #9f8d51;
}
a.btn-training.btn-pink.club_w,a.btn-training.beige_bg.club_w {
/*    width: 274.2px;*/
}
.btn-club-one_l {
    float: right;
}
@media screen and (max-width:767px) {
.btn-club-one_l {
    float: unset;
}
}
.btn-club-one_l{
    background: #bc696b;
    padding: 8px 0px;
    width: 93%;
    margin: auto;
    margin-top: 50px;
}
.btn-club-one_r {
    background: #b29777;
    padding: 8px 0px;
    width: 93%;
    margin: auto;
    margin-top: 50px;
}
@media screen and (max-width:767px) {
.btn-club-one_l,.btn-club-one_r {
    text-align: center;
}
}
@media screen and (max-width:767px) {
.btn-club-one_l,.btn-club-one_r {
    margin-top: 20px;
}
}
/*新着情報*/
.box_one a {
    border-bottom: solid 1px #000;
}
.box_one a:hover {
	color: #cebc83;
    border-bottom: solid 1px #cebc83;
	animation: fadeIn 0.8s linear;
}
/*長くなってきたら使用する*/
.topics_scroll {
    overflow-y: scroll;
	height: 400px;
}
/*求人情報*/
.main_kaso_recruit {
	background-image:url("../img/kaso/recruit/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}
@media screen and (max-width:1199px) {
.main_kaso_recruit {
    height: 400px;
}
}
@media screen and (max-width:767px) {
.main_kaso_recruit {
    height: 270px;
    background-position: 30%;
}
}
.recruit_t1{
	text-align: center;
    letter-spacing: 0.08rem;
    line-height: 2.0rem;
    margin-top: 70px;
}
@media screen and (max-width:767px) {
.recruit_t1{
    font-size: 13px;
}
}
/*会社概要*/
.company_box{
	width: 100%;
    margin-top: 100px;
    letter-spacing: 0.08rem;
    line-height: 1.8rem;
}
@media (max-width: 767px){
.company_box{   
    margin-top: 50px;
}
}
table tr.company-line {
}
th.company_table-l{
    width: 30%;
    text-align: left;
    vertical-align: top;
    padding: 30px 50px;
    color: #a6a6a6;
    font-size: 16px;
}
@media (max-width: 1199px){
th.company_table-l{
    width: 23%;
    padding: 30px 0px;
}
}
@media (max-width: 991px){
th.company_table-l{
    width: 21%;
	font-size: 14px;
    padding: 16px 0px;
}
}
@media (max-width: 767px){
th.company_table-l{
	padding: 10px 0px 5px;
	width: 100%;
    display: block;
    border-right: solid 1px transparent;
}
}
td.call_table-r-company{
    padding: 30px 5px;
    width: 100%;
    text-align: left;
    font-size: 16px;
}
@media (max-width: 1440px){
td.call_table-r-company{
}
}
@media (max-width: 991px){
td.call_table-r-company{
	padding: 15px 30px;
    font-size: 14px;
}
}
@media (max-width: 767px){
td.call_table-r-company{
    padding: 0px 0px 15px;
	width: 100%;
    display: block;
}
}
.mb{
	margin-bottom: 150px;
}
@media (max-width: 991px){
.mb{
	margin-bottom: 0px;
}
}
/*プライバシーポリシー*/
p.subtitle_t_kaso {
    font-size: 18px;
    margin: 130px 0px 50px;
    line-height: 2.0rem;
    letter-spacing: 0.08rem;
    font-family: 'myfont-Medium';
}
@media (max-width: 1199px){
p.subtitle_t_kaso {
    font-size: 16px;
    margin: 50px 0px 50px;
}
}
@media (max-width: 1024px){
p.subtitle_t_kaso {
    margin: 80px 0px 50px;
}
}
@media (max-width: 991px){
p.subtitle_t_kaso {
    text-align: left;
    margin: 50px 0px 50px;
    line-height: 1.5rem;
}
}
@media (max-width: 767px){
p.subtitle_t_kaso {
    width: 100%;
    font-size: 13px;
    margin: 50px auto 30px;
    line-height: 1.3rem;
    text-align: left;
}
}
p.tprivacy_t2 {
    font-size: 25px;
	color: #cebc83;
	 font-family: 'myfont-Medium';
}
@media (max-width: 991px){
p.tprivacy_t2 {
    font-size: 20px;
}
}
@media (max-width: 767px){
p.tprivacy_t2 {
    font-size: 16px;
    padding: 5px 0px;
}
}
p.privacy_t1 {
    line-height: 1.6rem;
    margin-bottom: 40px;
}
@media (max-width: 991px){
p.privacy_t1 {
    font-size: 14px;
}
}
@media (max-width: 767px){
p.privacy_t1 {
    font-size: 13px;
    line-height: 1.5rem;
}
}
.privacy_box{
    margin-bottom: 40px;
    letter-spacing: 0.08rem;
    font-family: 'myfont-Regular';
}
@media (max-width: 991px){
.privacy_box{
    font-size: 14px;
}
}
@media (max-width: 767px){
.privacy_box{
    font-size: 13px;
}
}
/*会社概要*/
.main_kaso_company {
	background-image:url("../img/kaso/company/main.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
}
@media screen and (max-width:1199px) {
.main_kaso_company {
    height: 400px;
}
}
@media screen and (max-width:991px) {
.main_kaso_company {
    background-position: bottom;
}
}
@media screen and (max-width:767px) {
.main_kaso_company {
	height: 270px;
	background-position: 55%;
}
}
img.company_logo {
    margin: -25px 0px 0px 50px;
}
/*menu*/
.menu{
    height: 20px;
    top: 20px;
    width: 30px;
    z-index: 9999;
    position: fixed;
}
.menu__line{
    background: #000;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    position: fixed;
    width: 100%;
    height: 100vw;
    background: #f7f7f7;
	display: none;
    z-index: 999!important;
}
@media screen and (max-width:1199px) {
.gnav{
    height: 100%;
}
}
.gnav__wrap{
    position: fixed;
    z-index: 9999999!important;
    width: 100%;
    height: 100vh;
    overflow: auto;
}
@media screen and (max-width:767px) {
.gnav__wrap{
    height: 130vh;
}
}



@media screen and (max-width:991px) {
.gnav.panelactive{
    margin-top: -300px;
    height: 100%;
}
}
@media screen and (max-width:767px) {
.gnav.panelactive{
    margin-top: -200px;
    height: 200vw;
}
}
@media screen and (max-width:425px) {
.gnav.panelactive{
    margin-top: -200px;
}
}
@media screen and (max-width:991px) {
.gnav.panelactive.gnav_kaso{
    margin-top: 0px;
}
}
.gnav__menu__item{
    margin: 40px 0;
}
.gnav__menu__item a{
	color: #000;
    font-size: 2em;
    font-weight: bold;
    padding: 40px;
	text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}
form#mailform {
    letter-spacing: 0.08rem;
}
/*サロン登録申請フォーム*/
.contact-box.requestcontact-box th{
	padding: 35px 25px 35px 0px;
}
@media screen and (max-width: 991px){
.contact-box.requestcontact-box th{
	padding: 35px 0px 35px 0px;
    width: 150px;
}
}
@media screen and (max-width: 767px){
.contact-box.requestcontact-box th{
    padding: 15px 10px 15px 0px;
    width: 100%;
}
}
.long{
    width: 100%;
    padding: 10px;
}
@media screen and (max-width: 767px){
.long{
    padding: 5px;
    width: 100%!important;
}
}
a.order_t {
    font-size: 15px;
    font-weight: bold;
    color: #d39e00;
	animation: fadeIn 0.8s linear;
}
@media screen and (max-width: 991px){
a.order_t {
    font-size: 12px;
}
}
a.order_t:hover{
    font-size: 15px;
    font-weight: bold;
    color: #cebc83;
	animation: fadeIn 0.8s linear;
}
@media screen and (max-width: 767px){
span.order_t {
    padding-left: 20px;
}
}
@media screen and (max-width: 360px){
span.order_t {
    padding-left: 16px;
}
}
@media screen and (max-width: 320px){
span.order_t {
    padding-left: 0px;
}
}
.request_box {
    background-color: #f5f5f5;
    padding: 20px;
    margin-top: 100px;
    letter-spacing: 0.08rem;
}
@media screen and (max-width:767px) {
.request_box {
    margin-top: 50px;
}
}
.request_box p{
    margin-bottom: 0.5rem;
}
.request_box p.t2{
	font-size: 16px;
}
@media screen and (max-width:767px) {
.request_box p.t2{
	font-size: 13px;
}
}
@media screen and (max-width:767px) {
ul.t3 {
    font-size: 13px;
}
}
/*
ul.t3 li{
	padding-left: 0.5em;
	text-indent: -0.5em;
}
*/
.request_box p.t1 {
    margin-top: 50px;
    margin-bottom: 0.5rem;
}
ul.t4 li{
	padding-left: 2.5em;
	text-indent: -1.5em;
}
@media screen and (max-width:767px) {
ul.t4 li{
    padding-left: 1.5em;
    text-indent: -1.3em;
}
}
/*申請フォームのボタン*/
.request_box_btn a{
    padding: 15px 30px;
    color: #fff;
    background: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.08rem;
    width: 150px;
	margin-top: 20px;
}
.request_box_btn a:hover{
  background: #fff;
  color: #cebc83;
  border: 1px solid #cebc83;
  animation: fadeIn 0.8s linear;
}
.request_box_btn {
    margin: 20px auto;
}
.certificate {
    display: initial;
}
@media screen and (max-width:767px) {
.certificate {
    display: block;
    margin-top: 10px;
}
}
/*macでも強制的にスクロール表示*/
/*
article.article_box.product_grop_scroll.product_grop_scroll_mac::-webkit-scrollbar {
  width: 12px!important;
}
article.article_box.product_grop_scroll.product_grop_scroll_mac::-webkit-scrollbar-thumb {
  background-color: #1E1C1C!important;
  border-radius: 6px!important;
}
article.article_box.product_grop_scroll.product_grop_scroll_mac::-webkit-scrollbar-track {
  background-color: #999!important;
  border-radius: 6px!important;
}
*/
/*macでも強制的にスクロール表示*/