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

*{
    font-family:sans-serif;
    -webkit-font-family:sans-serif;
}

.wrap {
	background-image: url("img/bg00.jpg");
	background-repeat: repeat;
	animation: fadein 3s forwards;
}

@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

  /*ここからフェードエリア*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 1.5s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*ここまでフェードエリア*/

/*-------------------追加分-----------------------*/

.Firstview {
  width: 100%;
  height: 600px;
  background-image:url("img/top_pc.jpg");
  min-height: 120vh;
  margin-top: -80px;
  background-size: cover;
	background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 80px;
  font-weight: bold;
}

.Firstview img{
	opacity: 0;
}

.Section {
	position:relative;
  width: 100vw;
  height: 100vh;
	
}

.Section__Inner {
  position: absolute;
  top: 0; /* topを設定する。 */
  left: 0; /* leftを設定する。 */
  width: 100%;
  height: 100%;
  clip-path:inset(1%);
}

.Section-Image {
  background-image: url("img/image_tp02.jpg");
  position: fixed; /* fixedに変更する。それ以外は同じ。 */
  top: 0;
  left: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}


.Section-Image2 {
background-image: url("img/image_tp03.jpg");
  position: fixed; /* fixedに変更する。それ以外は同じ。 */
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 120vh;
  background-size: cover;
  background-position: center;
}

.Section-Image-back {
	background-image: url("img/bg00.jpg");
	background-repeat: repeat;
}

.Section-Content {
  width: 100%;
  display: flex;
  justify-content: center;
}

.Section-Text {
  width: 100%;
  max-width: 800px;
  padding: 32px;
  text-align: center;
	line-height: 3em;
	color: #454545;
}

.Section-Text img {
	width: 50% !important; 
	margin: 0 auto;
}

.OtherSection {
  width: 100%;
  height: 600px;
  background-color: lightgray;
}


.contents .title {
	text-align: center;
	padding-bottom: 15px;
}

/*-------------------追加分-----------------------*/


/*----------------allメニューバーここから------------------*/

.head_top {
      position: fixed;
      z-index: 999;
      left: 0;
      right: 0;
}

.topbox {
        margin-top: -30px;
    }


.yoyaku_btn {
	display: block;
	position: fixed;
	right: 80px;
	top:20px;
	z-index: 2;
}

.yoyaku_btn p {
	border: solid 2px #696969;
	background-color: #fff;
	border-radius: 10px;
	padding:7px 0; 
}

.yoyaku_btn p a {
	text-decoration: none;
	color: #454545;
	letter-spacing: 0.1em;
	font-size: 12px;
	padding:20px;
}

.menu ul {
    list-style: none;
}

.menu ul li {
	border-bottom: solid 1px #252525;
}

.mntop {
	border-top: solid 1px #252525;
}

.menu ul li a {
  display:block;
  padding: 2em;
  color:#444;
  text-decoration:none;
  letter-spacing: 0.2em; 
  font-size: 10px;
}

nav{
 max-width: 100%;
 height: 70px;
 position: relative;
 z-index: 10;
 margin-top: 25px;
}

.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 170px;
 padding: 0 1em;
}


/*ナビゲーション部分*/
 
.menu ul li a {
display:block;
padding: 2em;
  color:#444;
  text-decoration:none;
    letter-spacing: 0.2em;
    font-size: 14px;
}

.menu ul {
    list-style: none;
    margin-top: -117px;
    padding-top: 120px;;
}

.menu{
  text-align:center;
  background-color:#D9D9D9;
    height: 102vh;
	pointer-events: none;
	opacity:0;
	transition: opacity .3s linear;
}
 
/*OPEN時の動き*/
.menu.open {
pointer-events:auto;
	opacity: 1;
}
 
/*トグルボタンのスタイルを指定*/
#Toggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    width: 60px;
    height: 40px;
    cursor: pointer;
    z-index: 3;
    right:15px;
}
 
#Toggle span {
    display: block;
    position: absolute;
    width: 40px;
    border-bottom: solid 3px #666;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
    transition: .35s ease-in-out; /*変化の速度を指定*/
 
}
 /*各ボーダー少しずつずらす*/
#Toggle span:nth-child(1) {
    top:15px;
    left:10px;
}
 #Toggle span:nth-child(2) {
    top: 27px;
    left:10px;
}

#Toggle.active span:nth-child(1) {
    top: 23px;
/* 1番目のspanをマイナス45度に */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
#Toggle.active span:nth-child(2),
#Toggle.active span:nth-child(3) {
    top: 23px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu_text {
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.3em;
	padding-top: 15px;
	padding-left: 3px;
	color: #444;
}

::-webkit-full-page-media, :future, :root .menu_text {
  margin-top: -24px;
}

/*----------------allメニューバーここまで------------------*/


.logo {
	display: block;
	position: fixed;
	z-index: 1;
}

.logo a img {
	width: 85px;
	padding-top: 20px;
	color: #454545;
}


/*---------オールスライダーここから------------*/

.slider{
    margin:0 auto;
	width: 100%;
}
.slider img{
   width: 100%; 
	height: auto;
	border-radius: 20px;
	padding: 0 7px;
}

.slider2{
    margin:0 auto;
	width: 100%;
}
.slider2 img{
   width: 100%; 
	height: auto;
	padding: 0 7px;
}
/*slick setting*/

.title h5 {
	font-size:3em;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 200px;
	color: #3E3E3E;
}

.topsliderbox {
	margin-bottom: 25%;
}



/*---------オールスライダーここまで-----------*/


/*---------オールHowtoご利用方法ここから-----------*/



.howto_slider img{
	border-radius: 20px;
	padding: 0 5px;
}
/*slick setting*/

.title h5 {
	font-size:3em;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 200px;
	color: #3E3E3E;
}

.howto_sliderbox {
	width: 100%;
    margin: 0 auto;
	padding-top: 10%;
	padding-bottom: 700px;
}

/*---------オールHowtoご利用方法ここまで-----------*/


.menu_slc {
	width: 100%;
	height: auto;
	text-align: center;
}

.menu_flex {
	width:95%;
}

.menu_flex ul {
	display: flex;
	flex-basis:auto;
	justify-content:space-around;
	flex-wrap: wrap;

}

.menu_flex ul li  {
	list-style-type: none;
	margin: 0 auto;
	padding-top: 10px;
}


/*---------オール最新情報ここから-----------*/

.contents {
	width: 100%;
	height: auto;
}

.onetopic {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	padding-top: 20px;
	border-bottom: 1px solid #000;
}

.onetopic ul{
	display: flex;
    -webkit-align-items: center;
    align-items: center;
	flex-basis:auto;
}


.onetopic ul li img {
	width: 60%;
	margin: 0 auto;
	
}

.onetopic ul li {
	width: 100%;
}

.onetopic ul li p {
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 30px;
}

.onetopic ul li span {
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 30px;
	font-weight: 300;
	color: #727272;
}


.onetopic ul li a:hover {
	border-bottom: 1px solid #000;
}

/*---------オール最新情報ここまで-----------*/



/*---------オールよくある質問ここから-----------*/

/* リセットCSS */
* {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.qa-container {
  margin: 50px auto 0;
  max-width: 400px;
  width: 90%;
}

.qa-list:not(:first-child) {
  margin-top: 10px;
}

.question-title {
  background: #DDD;
  cursor: pointer;
  padding: 20px 40px;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #454545;
  font-weight: 500;
}

.question-title:before {
  position: absolute;
  display: block;
  content: 'Q';
  top: 19px;
  left: 16px;
  color: #4459b6;
  font-size: 16px;
}

.question-title:after {
  position: absolute;
  display: block;
  content: '';
  top: 35%;
  right: 22px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #454545;
  border-right: 2px solid #454545;
  transform: rotate(135deg);
  transition: all .3s ease-in-out;
}

.question-title.open:after {
  transform: rotate(-45deg);
  top: 45%;
}

.answer-text {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  display: none;
  padding: 20px 40px;
  position: relative;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #454545;
  font-weight: 600;
}

.answer-text:before {
  position: absolute;
  display: block;
  content: 'A';
  top: 20px;
  left: 16px;
  color: #BB595A;
}
/*---------オールよくある質問ここまで-----------*/


/*-------------------------------------スマホここから-------------------------------------------*/

@media screen and (max-width: 640px) {
	
	
.Firstview img {
	width: 70%;
}

	
	.content2 img{
		width: 25%;
		margin: 0 auto;
	}
	
	.content2 p {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.2em;
		padding-top: 5px;
		color: #393939;
	}
	
	.content2 .step_tx {
		font-size: 18px;
		font-weight: 600;
		color: #313131;
	}
	
	.content2 .tx_spacing {
		padding-bottom: 25px;
	}
	
/*---------スマホトップここから------------*/  
	
/*---------スマホトップここまで------------*/ 
	
	
	
	.Section-Text img {
		width: 90%;
		margin: 0 auto;
}

	.Section-Text .yomigana {
		font-size: 16px;
		letter-spacing: 0.3em;
}
	
	.Section-Text h1 {
		font-size: 24px;
		letter-spacing: 0.1em;
		padding-top:5%;
		padding-bottom: 5%;
		line-height: 40px;
		color:#454545;
	}
	
	.Section-Text p {
		font-size: 14px;
		padding-top: 10%;
		line-height: 25px;
		font-weight: 500;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	
	p.sl_tx {
		letter-spacing: 0.1em;
		color: #313131;
		padding-bottom: 10px;
	}
	
/*---------スマホfirst_boxここまで------------*/  
	

/*---------スマホ最新情報ここから-----------*/

.topic_box {
	width: 80%;
	margin: 0 auto;
}
	
/*---------スマホ最新情報ここまで-----------*/
	

/*---------スマホSERVICEここから------------*/
	
	.eng_title {
		text-align: center;
		letter-spacing: 0.2em;
	}
	
	h2 {
		text-align: center;
		letter-spacing: 0.2em;
		color: #454545;
		padding-top: 2%;
		font-size: 24px;
	}
	
	
	.btn {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 3% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn a {
		color: #454545;
		text-decoration-line: none;
		padding: 5% 30%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	
	.btn a:hover {
		background-color:#636363;
		color: #fff;
		border: none;
	}
	
	
	.btn2 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		margin-top: -70px;
		padding-bottom:150px;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn2 a {
		color: #454545;
		text-decoration-line: none;
		padding: 4% 25%;
		border: 2px solid #454545;
		border-radius: 20px;
		font-size: 14px;
	}
	
	.btn2 a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}
		
	
	.btn3 {
		padding-top: 10%;
	}
	
	.btn_slider {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 4% 0 5% 0;
		border-radius: 10px;
		font-size: 14px;
		letter-spacing: 0.2em;
	}
	
	.btn_slider a {
		color: #454545;
		text-decoration-line: none;
		padding: 5% 20%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn_slider a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}
	

/*---------スマホSERVICEここまで------------*/
	

/*---------スマホSNSフォローここから------------*/
	.follow {
		width: 100%;
		margin: 0 auto;
		padding-top: 10%;
		padding-bottom: 20%;
	}
	
	.follow img {
		max-width: 10%;
		margin: 0 auto;
	}
	
	.follow p {
		text-align: center;
		color: #454545;
		letter-spacing: 0.2em;
		font-size: 14px;
		padding-top: 2%;
	}
	
	.follow p strong {
		font-size: 18px;
	} 
	
	.follow p span {
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 0.3em;
		color: #E28989;
	}
/*---------スマホSNSフォローここまで------------*/
	
	
/*---------スマホメニューセレクトここから------------*/
	
	.menu_flex {
		margin-bottom: 100px;
	}

.menu_flex ul {
		padding-left: 10px;
	}
	
.menu_flex ul li  {
	width: 60%;
}
	
	
/*---------スマホメニューセレクトここまで------------*/
	

/*---------スマホパララックスここから------------*/
	
	

.front_content2{
	height: 160vh;
}
	
	
.title img{
	width: 45%;
	margin: 0 auto;
	padding-top:20px; 
}
	
.parallax_content{
    height: 100%;
    background-image: none;
  }
  .parallax::before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, -1px);
    transform: translate3d(0, 0, -1px);
    width: 100%;
    min-hieght: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
  }
  .parallax_content.img_bg_01::before{
    background-image: url("img/cheki01.png")
  }
  .parallax_content.img_bg_02::before{
    background-image: url("img/image_tp01.png");
  }
  .parallax_content.img_bg_03::before{
    background-image: url("img/image_tp02.png");
  }
	
  .parallax_content.img_bg_04::before{
    background-image: url("img/image_tp01.png");
  }
	
.front_content2 img {
	width: 90px;
	margin: 0 auto;
	padding-top:50px;
}

	.front_content2 p {
		width: 80%;
		margin: 0 auto;
		font-size: 14px;
	}


/*---------スマホパララックスここまで------------*/	
	
	
/*---------スマホスタジオ紹介ここから------------*/

/*----スマホスライダーここから----*/
	
	.topsliderbox {
	width: 80%;
    margin: 0 auto;
	padding-top: 10%;
	padding-bottom: 55%;
}
	

/*----スマホスライダーここまで----*/
	
	.booth_box {
		width: 80%;
		margin: 0 auto;
	}
	
	.booth_box .bt_title {
		font-size: 24px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400
	}
	
	.booth_box p span {
		font-size: 12px;
	}
	
    .booth_box p {
		font-size: 12px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
		.booth_box2 {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 150px;
	}
	
	.booth_box2 .bt_title {
		font-size: 24px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box2 p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400
	}
	
	.booth_box2 p span {
		font-size: 12px;
	}
	
    .booth_box2 p {
		font-size: 12px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
	
/*---------スマホスタジオ紹介ここまで------------*/
	
	
/*---------スマホ魅力ここから------------*/


	.point_tx {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}
	
	.point_tx p {
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 16px;
		color: #1F1F1F;
	}
	
	.point {
		width: 100%;
		position: relative;
		margin-bottom: 500px;
	}
	
	.point2 {
		width: 100%;
		position: relative;
		margin-bottom: 1000px;
	}
	
		
	.point3 {
		width: 100%;
		position: relative;
		margin-bottom: 1500px;
	}
	
	.fl {
		width: 45%;
		z-index: 99;
		position: absolute;
		top:50px;
		left: 10%;
	}
	
	.fl p strong {
		font-size: 20px;
	}
	
	.fl p {
		width: 210px;
		line-height: 24px;
		font-size: 14px;
		letter-spacing: 0.2em;
		color: #1F1F1F;
		padding-top: 5px;
	}
	
	.fr img {
		width: 50%;
		z-index: 98;
		position: absolute;
		top: 100px;
		left: 45%;
		
	}

	
/*---------スマホ魅力ここまで------------*/
	
	
/*---------スマホご利用方法ここから------------*/	
	
	.howto_box {
	padding-top: 40%;
}
	.howto_slider li {
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.2em;
		padding: 0 10px;
	}
	
	.howto_slider li span {
		font-size: 12px;
		font-weight: 400;
	}
	
/*---------スマホご利用方法ここまで------------*/
	
	
/*---------スマホ店舗のご案内ここから-----------*/

.detail_box {
	padding-top: 25%;
}

.detail_box img {
	width: 90%;
	margin: 0 auto;
	padding-top: 10%;
}

.detail_box .dt_tx {
	font-size: 13px;
	font-weight: 500;
	color: #454545;
	letter-spacing: 0.3em;
	text-align: center;
	padding-top: 5%;
	line-height: 30px;
}

	.btn3 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		border-radius: 10px;
		padding-top: 10%;
		padding-bottom: 30%;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn3 a {
		color: #454545;
		text-decoration-line: none;
		padding: 5% 30%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn3 a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}
/*---------スマホ店舗のご案内ここまで-----------*/
	

/*---------スマホよくある質問ここから-----------*/
.qa_box {
	padding-top: 25%;
}
/*---------スマホよくある質問ここまで-----------*/
	

/*-------------------------------------スマホここまで-------------------------------------------*/
}


/*-----------------------------------タブレットここから------------------------------------------*/

@media screen and (min-width:641px) and ( max-width:1023px){
	
	
	.Firstview img {
		width: 70%;
	}

	
	.content2 img{
		width: 25%;
		margin: 0 auto;
	}
	
	.content2 p {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.2em;
		padding-top: 5px;
		color: #393939;
	}
	
	.content2 .step_tx {
		font-size: 18px;
		font-weight: 600;
		color: #313131;
	}
	
	.content2 .tx_spacing {
		padding-bottom: 25px;
	}

	
/*---------タブレット最新情報ここから-----------*/

.topic_box {
	width: 50%;
	margin: 0 auto;
}
	
/*---------タブレット最新情報ここまで-----------*/
	

/*---------タブレットSERVICEここから------------*/
	
	.eng_title {
		text-align: center;
		letter-spacing: 0.2em;
	}
	
	h2 {
		text-align: center;
		letter-spacing: 0.2em;
		color: #454545;
		padding-top: 2%;
	}
	
	
	
	.btn {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 3% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn a {
		color: #454545;
		text-decoration-line: none;
		padding: 3% 20%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	
	.btn a:hover {
		background-color:#48A243;
		color: #fff;
		border: none;
	}
	
	
	.btn_slider {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 5% 0 15% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn_slider a {
		color: #454545;
		text-decoration-line: none;
		padding: 5% 20%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn_slider a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}

/*---------タブレットSERVICEここまで------------*/


	
	
/*---------タブレットSNSフォローここから------------*/
	.follow {
		width: 100%;
		margin: 0 auto;
		padding-top: 10%;
		padding-bottom: 20%;
	}
	
	.follow img {
		max-width: 10%;
		margin: 0 auto;
	}
	
	.follow p {
		text-align: center;
		color: #454545;
		letter-spacing: 0.2em;
		font-size: 14px;
		padding-top: 2%;
	}
	
	.follow p strong {
		font-size: 18px;
	} 
	
	.follow p span {
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 0.3em;
		color: #E28989;
	}
/*---------タブレットSNSフォローここまで------------*/
	
	

	
/*---------タブレットメニューセレクトここから------------*/
	
	
.menu_flex ul li  {
	width: calc(100% / 2);
}
	
.menu_flex ul li a img {
	width: 70%;
	margin: 0 auto;
	padding-left: 10px;
	}

/*---------タブレットメニューセレクトここまで------------*/
	
	
	
/*---------タブレットパララックスここから------------*/	
	
.title img{
	width: 30%;
	margin: 0 auto;
	padding-top:20px; 
}

/*---------タブレットパララックスここまで------------*/	
	
	.slider2 img {
		width: 60%;
		margin: 0 auto;
	}
	
	
/*---------タブレットスタジオ紹介ここから------------*/

/*----タブレットスライダーここから----*/
	
	.topsliderbox {
	width: 80%;
    margin: 0 auto;
	padding-top: 10%;
	padding-bottom: 55%;
}
/*----タブレットスライダーここまで----*/
	
	.booth_box {
		width: 80%;
		margin: 0 auto;
	}
	
	.booth_box .bt_title {
		font-size: 24px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400
	}
	
	.booth_box p span {
		font-size: 12px;
	}
	
    .booth_box p {
		font-size: 12px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
		.booth_box2 {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 150px;
	}
	
	.booth_box2 .bt_title {
		font-size: 24px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box2 p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400
	}
	
	.booth_box2 p span {
		font-size: 12px;
	}
	
    .booth_box2 p {
		font-size: 12px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
	
	
/*---------タブレットスタジオ紹介ここから------------*/

/*----タブレットスライダーここから----*/
	
	.topsliderbox {
	width: 70%;
    margin: 0 auto;
	padding-top: 5%;
	padding-bottom: 40%;
}
/*----タブレットスライダーここまで----*/
	
	.booth_box {
		width: 50%;
		margin: 0 auto;
	}
	
	.booth_box .bt_title {
		font-size: 26px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400;
	}
	
	.booth_box p span {
		font-size: 14px;
	}
	
    .booth_box p {
		font-size: 12px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
	.booth_box2 {
		width: 48%;
		margin: 0 auto;
		padding-bottom: 150px;
	}
	
	.booth_box2 .bt_title {
		font-size: 26px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box2 p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400
	}
	
	.booth_box2 p span {
		font-size: 14px;
	}
	
    .booth_box2 p {
		font-size: 14px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
	
/*---------タブレットスタジオ紹介ここまで------------*/
	
	
/*---------タブレット魅力ここから------------*/

		.point_tx {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}
	
	.point_tx p {
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 16px;
		color: #1F1F1F;
	}
	
	.point_tx {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}
	
	.point_tx p {
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 16px;
		color: #1F1F1F;
	}
	
	.point {
		width: 100%;
		position: relative;
		margin-bottom: 500px;
	}
	
	.point2 {
		width: 100%;
		position: relative;
		margin-bottom: 1000px;
	}
	
		
	.point3 {
		width: 100%;
		position: relative;
		margin-bottom: 1500px;
	}
	
	
	.fl {
		width: 45%;
		z-index: 99;
		position: absolute;
		top:100px;
		left: 25%;
	}
	
	.fl img {
		width: 50%;
	}
	
	.fl p strong {
		font-size: 24px;
	}
	
	.fl p {
		width: 210px;
		line-height: 24px;
		font-size: 16px;
		letter-spacing: 0.2em;
		color: #1F1F1F;
		padding-top: 10px;
	}
	
	.fr img {
		width: 30%;
		z-index: 98;
		position: absolute;
		top: 100px;
		left: 50%;
		
	}
/*---------タブレット魅力ここまで------------*/
	
	
/*---------タブレットご利用方法ここから------------*/
		
	.howto_box {
		width: 100%;
		margin: 0 auto;
	    padding-top: 10%;
	}
	
	.howto_slider li {
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 0.2em;
		padding: 0 10px;
	}
	
	.howto_slider li span {
		font-size: 14px;
		font-weight: 400;
	}
	
	
	.howto_slider img{
		width: 90%;
		margin: 0 auto;
		border-radius: 20px;
	}
/*slick setting*/

	.title h5 {
		font-size:3em;
		letter-spacing: 0.1em;
		text-align: center;
		margin-bottom: 50px;
		margin-top: 200px;
		color: #3E3E3E;
	}

	.howto_sliderbox {
		width: 70%;
    	margin: 0 auto;
		padding-top: 5%;
		padding-bottom: 700px;
	}
	
/*---------タブレットご利用方法ここまで------------*/
	
	
/*---------タブレット店舗のご案内ここから-----------*/

.detail_box {
	padding-top: 10%;
}

.detail_box img {
	width: 70%;
	margin: 0 auto;
	padding-top: 5%;
}

.detail_box .dt_tx {
	font-size: 14px;
	font-weight: 500;
	color: #454545;
	letter-spacing: 0.3em;
	text-align: center;
	padding-top: 4%;
	line-height: 35px;
}
	
	.btn2 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 10% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn2 a {
		color: #454545;
		text-decoration-line: none;
		padding: 3% 20%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn2 a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}

	.btn3 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 10% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn3 a {
		color: #454545;
		text-decoration-line: none;
		padding: 3% 20%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn3 a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}
/*---------タブレット店舗のご案内ここまで-----------*/
	
	

/*---------タブレットよくある質問ここから-----------*/
.qa_box {
	padding-top: 10%;
}
/*---------タブレットよくある質問ここまで-----------*/
	
	
}
/*-------------------------------------タブレットここまで-------------------------------------------*/


/*-------------------------------------PCここから----------------------------------------------*/
	

@media screen and (min-width: 1024px) {
	
	
.Firstview img {
	width: 40%;
}

	
.content2 img{
		width: 10%;
		margin: 0 auto;
	}
	
	.content2 p {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.2em;
		padding-top: 5px;
		color: #393939;
	}
	
	.content2 .step_tx {
		font-size: 18px;
		font-weight: 600;
		color: #313131;
	}
	
	.content2 .tx_spacing {
		padding-bottom: 25px;
	}

/*---------PCパララックスここから------------*/  
.title img {
	width: 20%;
	margin: 0 auto;
	padding: 5% 0 ;
}
	
/*---------PCタイトルここから------------*/ 	
	.eng_title {
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 20px;
		color: #454545;
	}
	
	h2 {
		text-align: center;
		font-size: 30px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-top: 1%;
	}

/*---------PCタイトルここまで------------*/ 
	
	
	
/*---------PC最新情報ここから-----------*/

.topic_box {
	width: 50%;
	margin: 0 auto;
}
	
/*---------PC最新情報ここまで-----------*/
	
	
/*---------PCSERVICEここから------------*/
	
	
	.btn {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 3% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn a {
		color: #454545;
		text-decoration-line: none;
		padding: 2% 15%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	
	.btn a:hover {
		background-color:#48A243;
		color: #fff;
		border: none;
	}
	
	.btn_slider {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 5% 0 10% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn_slider a {
		color: #454545;
		text-decoration-line: none;
		padding: 7% 20%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn_slider a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}
	
	

/*---------PCSERVICEここまで------------*/
	
	
/*---------PCSNSフォローここから------------*/
	.follow {
		width: 100%;
		margin: 0 auto;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
	.follow img {
		max-width: 5%;
		margin: 0 auto;
	}
	
	.follow p {
		text-align: center;
		color: #454545;
		letter-spacing: 0.2em;
		font-size: 20px;
		padding-top: 2%;
	}
	
	.follow p strong {
		font-size: 30px;
	} 
	
	.follow p span {
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 0.3em;
		color: #E28989;
	}
/*---------PCSNSフォローここまで------------*/
	

/*---------PCメニューセレクトここから------------*/
	
.menu_flex {
	margin-bottom: 150px;
	}
	
.menu_flex ul li  {
	width: calc(100% / 3);
}
	
.menu_flex ul li a img {
	width: 60%;
	margin: 0 auto;
	padding-left: 10px;
	}

/*---------PCメニューセレクトここまで------------*/
	
	

/*---------PCスタジオ紹介ここから------------*/

/*----PCスライダーここから----*/
	
	.topsliderbox {
	width: 60%;
    margin: 0 auto;
	padding-top: 5%;
	padding-bottom: 35%;
}
	
	
	.slider2 img {
		width: 80%;
		margin: 0 auto;
	}
	
	
/*----PCスライダーここまで----*/
	
	.booth_box {
		width: 50%;
		margin: 0 auto;
	}
	
	.booth_box .bt_title {
		font-size: 30px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box p strong {
		font-size: 20px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400;
	}
	
	.booth_box p span {
		font-size: 16px;
	}
	
    .booth_box p {
		font-size: 14px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
	.booth_box2 {
		width: 48%;
		margin: 0 auto;
		padding-bottom: 150px;
	}
	
	.booth_box2 .bt_title {
		font-size: 30px;
		letter-spacing: 0.2em;
		color: #454545;
	}
	
	.booth_box2 p strong {
		font-size: 18px;
		letter-spacing: 0.2em;
		color: #454545;
		font-weight: 400
	}
	
	.booth_box2 p span {
		font-size: 16px;
	}
	
    .booth_box2 p {
		font-size: 14px;
		letter-spacing: 0.2em;
		color: #454545;
		padding-bottom: 2%;
		line-height: 26px;
	}
	
/*---------PCスタジオ紹介ここまで------------*/
	
	
/*---------PC魅力ここから------------*/

	.point_tx {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}
	
	.point_tx p {
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 16px;
		color: #1F1F1F;
	}
	
	.point_tx {
		width: 100%;
		margin: 0 auto;
		padding-top: 50px;
	}
	
	.point_tx p {
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 16px;
		color: #1F1F1F;
	}
	
	.point {
		width: 100%;
		position: relative;
		margin-bottom: 500px;
	}
	
	.point2 {
		width: 100%;
		position: relative;
		margin-bottom: 1000px;
	}
	
		
	.point3 {
		width: 100%;
		position: relative;
		margin-bottom: 1500px;
	}
	
	
	.fl {
		width: 45%;
		z-index: 99;
		position: absolute;
		top:100px;
		left: 30%;
	}
	
	.fl img {
		width: 40%;
	}
	
	.fl p strong {
		font-size: 24px;
	}
	
	.fl p {
		width: 210px;
		line-height: 24px;
		font-size: 16px;
		letter-spacing: 0.2em;
		color: #1F1F1F;
		padding-top: 10px;
	}
	
	.fr img {
		width: 25%;
		z-index: 98;
		position: absolute;
		top: 100px;
		left: 50%;
		
	}
/*---------PC魅力ここまで------------*/
	
	
/*---------PCご利用方法ここから------------*/
		
	.howto_box {
		width: 60%;
		margin: 0 auto;
	    padding-top: 10%;
	}
	
	.howto_slider li {
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 0.2em;
		padding: 0 10px;
	}
	
	.howto_slider li span {
		font-size: 14px;
		font-weight: 400;
	}
	
	
	.howto_slider img{
		width: 90%;
		margin: 0 auto;
		border-radius: 20px;
	}
/*slick setting*/

	.title h5 {
		font-size:3em;
		letter-spacing: 0.1em;
		text-align: center;
		margin-bottom: 50px;
		margin-top: 200px;
		color: #3E3E3E;
	}

	.howto_sliderbox {
		width: 60%;
    	margin: 0 auto;
		padding-top: 5%;
		padding-bottom: 700px;
	}
	
/*---------PCご利用方法ここまで------------*/
	
	
/*---------PC店舗のご案内ここから-----------*/

.detail_box {
	padding-top: 10%;
}

.detail_box img {
	width: 50%;
	margin: 0 auto;
	padding-top: 5%;
}

.detail_box .dt_tx {
	font-size: 18px;
	font-weight: 500;
	color: #454545;
	letter-spacing: 0.3em;
	text-align: center;
	padding-top: 4%;
	line-height: 35px;
}
	
	
	.btn2 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding-bottom:150px;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn2 a {
		color: #454545;
		text-decoration-line: none;
		padding: 3% 15%;
		border: 2px solid #454545;
		border-radius: 20px;
		font-size: 14px;
	}
	
	.btn2 a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}

	.btn3 {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		padding: 5% 0 10% 0;
		border-radius: 10px;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	
	.btn3 a {
		color: #454545;
		text-decoration-line: none;
		padding: 3% 15%;
		border: 2px solid #454545;
		border-radius: 20px;
	}
	
	.btn3 a:hover {
		background-color:#454545;
		color: #fff;
		border: none;
	}
/*---------PC店舗のご案内ここまで-----------*/
	
	

/*---------PCよくある質問ここから-----------*/
.qa_box {
	padding-top: 10%;
}
/*---------PCよくある質問ここまで-----------*/
	
	

/*-------------------------------------PCここまで-------------------------------------------*/
	}