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

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');

.weight100{font-weight:100}
.weight300{font-weight:300}
.weight400{font-weight:400}
.weight500{font-weight:500}
.weight600{font-weight:600}
.weight700{font-weight:700}
.weight900{font-weight:900}


body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;;
}

a img{
	border: none;
}



/***************
pc-----
***************/

.onlyPC {
  display: block;
}

.onlySP {
  display: none;
}



header{
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 50px;
	background: #222
}






/*メニュー*/

nav{
 width: 30%;
 height: 0;
 position: fixed;
 top: 0px;
 right: 0px;
 z-index: 1000;
}
 
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 0;
 padding: 0 1em;
}
 
/*ナビゲーション部分*/
 
.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul li a {
display:block;
padding: 2em;
color:#505050;
text-decoration:none;
list-style: none;
font-size: 18px;
letter-spacing: 6px
}
 
 
.menu ul li a:hover{
	color:#67c3ff;
}
 
 
.menu{
  text-align:center;
  height: 100vh;
  background-color:rgba(255,255,255,0.9);
  padding: 100px 0 0 0;
  transition: 0.5s ease;/*滑らかに表示*/
  -webkit-transform: translateX(150%);/*画面より100%外へ押し出し非表示にさせる*/
 -ms-transform: translateX(150%);/*画面より100%外へ押し出し非表示にさせる*/
}
 
/*OPEN時の動き*/
.menu.open{
 -webkit-transform: translateX-(0%);
 -ms-transform: translateX-(0%);
 transform: translateX(0%);/*メニューを元の位置へ戻す*/
 
}
 
/*トグルボタンのスタイルを指定*/
.Toggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
	/*position: absolute;*/
    width: 35px;
    height: 24px;
    cursor: pointer;
    z-index: 3;
	right:30px;
	top:22px;
}
 
.Toggle span {
    display: block;
    position: absolute;
    width: 35px;
    border-bottom: solid 1px #fff;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
    transition: .35s ease-in-out;			/*変化の速度を指定*/ 
}
.Toggle span.black {
    display: block;
    position: absolute;
    width: 40px;
    border-bottom: solid 1px #000;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
    transition: .35s ease-in-out;			/*変化の速度を指定*/ 
}

 /*各ボーダー少しずつずらす*/
.Toggle span:nth-child(1) {
    top:5px;
}
 .Toggle span:nth-child(2) {
    top: 15px;
}
 .Toggle span:nth-child(3) {
    top: 25px;
}
.Toggle.active span:nth-child(1) {
    top: 18px;
/* 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: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}



.intoro{
	width: 80%;
	margin: 0 auto 40px;
	padding: 0 10%;
	font-size: 0;
	vertical-align: top;
}

.intoro img{
	width: 100%;
	height: auto;
}

.intoro_copy{
	width: 1366px;
	margin: 0 auto;
	overflow: hidden;
}

.intoro_copyL{
	width: 45%;
	float: left;
	text-align: right;
}


.intoro_copyR{
	width: 47%;
	float: right;
}


.intoro_copyTitle{
	padding: 80px 0 0 0;
	font-size: 28px;
	color: #505050;
	letter-spacing: 3px;
	line-height: 200%
}

.intoro_copyTxt{
	padding: 55px 0 110px 10px;
	font-size: 14px;
	color: #505050;
	letter-spacing: 1px;
	line-height: 240%;
	clear: both;
	background-image: url("../img/concept_img02.jpg");
	background-repeat: no-repeat;
	background-position: bottom 60px right 200px;
}

.intoro_copyImg01{
	width: 78%;
}
.intoro_copyImg01 img{
	width: 100%
}

.intoro_copyImg02{
	width: 1100px;
	margin: 0 auto;
	clear: both;
}
.intoro_copyImg02 img{
	width: 100%;
}

.plan{
	width: 1123px;
	display: block;
	margin: 140px auto 0;
	padding: 50px 15px 80px 15px;
	background-color: #e1f3ff;
	color: #505050;
	border-radius: 50px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	position: relative;
}

.title01{
	position: absolute;
	top: -2%;
	left: 50%;
    transform: translateX(-50%);
}

.plan_h2{
	width: 100%;
	overflow: hidden;
	padding: 100px 0 0 0;
}

.plan_h2L{
	width: 44%;
	padding: 7% 0 0 6%;
	float: left;
	font-size: 22px;
	letter-spacing: 3px;
}

.plan_h2L p{
	background: #fff;
	display: inline-block;
	margin: 0 0 20px 0;
	padding: 0 5px
}

.plan_h2R{
	width: 50%;
	float: right;
	text-align: right;
}

.plan_madori{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.plan_madoriL{
	width: 44%;
	padding: 0 0 0 6%;
	float: left;
}

.plan_madoriL img{
	width: 100%
}



.menseki{
	margin: 40px 0 0 0;
	padding: 10px 0 150px 0;
	background-image: url("../img/plan_img04.png");
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
	clear: both;
}

.mensekiBox{
	background: #fff; 
	margin:0; 
	padding: 10px 20px; 
	display: inline-block; 
	line-height: 190%; 
	font-size: 12px
}




.plan_madoriR{
	width: 40%;
	padding: 50px 0 0 0;
	float: right;
}


.plan_madoriR dl{
	margin: 0 0 30px 0;
	padding: 0;
	width: 360px;
	display: inline-block;
}


.plan_madoriR dt{
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #505050;
	display: inline-block;
}
.plan_madoriR dt img{
	margin: 0;
	padding: 0;
	font-size: 0;
	vertical-align: top
}

.plan_madoriR dd{
	margin: 0;
	padding: 2%;
	width: 96%;
	display: inline-block;
	font-size: 12px;
}

.plan_madoriR dd img{
	width: 33px;
	float: left;
	padding: 0 5px 10px 0;
}



.button_link span:hover {
	text-decoration: none;
	transform: translate(4px, 4px);
}

.madori_point{
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
	clear: both;
}

.madori_pointBOX{
	background: #ffffc8; 
	width: 798px;
	padding: 82px 82px 0 82px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
	box-shadow: 18px 18px 0px 0px rgba(220,220,220,1);
}

.title02{
	position: absolute;
	top: -1%;
	left: 50%;
    transform: translateX(-50%);
}
.madori_pointH2{
	margin: 65px 0 0 0;
	clear: both;
	text-align: center;
	font-size: 22px;
	letter-spacing: 5px;
	color: #67c3ff;
}

.madori_pointH2 span{
	margin: 0 0 20px 0;
	padding: 5px 7px 5px 21px;
	background: #fff;
	display: inline-block;
}

.title02_img01{
	position: absolute;
	top: 7%;
	left: 10%;
}
.title02_img02{
	position: absolute;
	top:7%;
	right: 12%;
}


.laundry{
	width: 800px; 
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden; 
	clear: both
}

.laundry_txt{
	background: #fff; 
	width: 402px; 
	height: 332px; 
	padding: 40px 60px 0 60px;
	float: left;
	color: #505050;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
	font-size: 17px;
	line-height: 200%;
	text-align: justify;
	letter-spacing: 1px;
	background-image: url("../img/plan_img12.png");
	background-repeat: no-repeat;
	background-position: bottom 30px right 60px;
}

.laundry_ph{
	width: 278px; 
	height: 372px; 
	float: right;
}

.madori_point01{
	width: 800px; 
	margin: 0 auto; 
	padding: 80px 0 50px 0; 
	border-bottom: 1px #505050 dotted; 
	overflow: hidden
}
.madori_point01_L{
	width: 490px; 
	float: left
}

.madori_point01_LA{
	width: 490px; 
	clear: both; 
	font-size: 21px
}

.madori_point01_LA img{
	float: left;
	padding-right: 10px;
	width: 65px;
}

.madori_point01_LA span{
	font-weight: 400;
	letter-spacing: 7px;
	padding: 10px 0 0 0;
	display: inline-block;
}
.madori_point01_LA span.point03{
	padding: 10px 0 0 0;
}

.madori_point01_LB{
	width: 410px; 
	padding: 20px 60px 0 20px; 
	clear: both; 
	font-size: 14px;
	line-height: 180%
}


.madori_point01_R{
	width: 310px; 
	float: right;
}





.kodawari{
	width: 1123px;
	display: block;
	margin: 140px auto 0;
	padding: 50px 15px 50px 15px;
	background-color: #f1e9d5;
	color: #505050;
	border-radius: 50px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
	position: relative;
}

.kodawari_title{
	position: absolute;
	top: -2.5%;
	left: 50%;
    transform: translateX(-50%);
}
.kodawari_h2{
	display:block; 
	margin: 210px 0 0 0; 
	clear: both; 
	text-align: center; 
	font-size: 31px;
	color: #b87f40;
}

.kodawari_h2 span{
	background: #fff;
	line-height: 200%;
	letter-spacing: 3px;
	padding: 0 10px;
}

.kodawari_img01{
	position: absolute;
	top: 6%;
	left: 7%;
}
.kodawari_img02{
	position: absolute;
	top: 6%;
	right: 7%;
}


.kodawari_stylist{
	width: 960px; 
	margin: 0 auto; 
	padding: 70px 0 0 0; 
	overflow: hidden;
}

.kodawari_stylistL{
	width:725px;
	float: left
}

.kodawari_stylistL_Tab{
	display: inline-block; 
	font-size: 16px; 
	padding: 10px 30px 10px 20px; 
	background: #ffffc8; 
	border-radius: 10px 30px 0 0;
	-webkit-border-radius: 10px 30px 0 0;
    -moz-border-radius: 10px 30px 0 0;
	clear: both
}

.kodawari_stylistL_Box{
	width: 95%; 
	height: 252px; 
	padding: 3% 0 0 5%; 
	background: #fff; 
	border-radius: 0 0 0 10px; 
	overflow: hidden; 
	line-height: 170%
}
.kodawari_stylistL_txt01{
	width: 390px; 
	float: left; 
	font-size: 14px;
	line-height: 190%;
	padding: 3% 0 0 0;
}
.kodawari_stylistL_txt02{
	width: 270px; 
	padding: 60px 0 0 0; 
	float: right; 
	background-image:url(../img/kodawari_img05.png); 
	background-repeat: no-repeat; 
	background-position:top 10px right 20px; 
	font-size: 14px;
}
.kodawari_stylistL_txt02 p{
	margin: 0;
	padding: 0;
}

.kodawari_stylistL_txt02 span{
	font-size: 28px;
}
.kodawari_stylistR{
	float: right; 
	padding: 16px 0 0 0;
	position: relative;
}
.profile{
	position: absolute;
	top: -30px;
	right: 30px
}

.kodawari_koe{
	width: 980px; 
	margin: 100px auto 0 auto; 
	padding-bottom: 50px;
	overflow:hidden; 
	position: relative
}
.kodawari_koe02{
	width: 980px; 
	margin: 50px auto 0 auto; 
	padding-bottom: 50px;
	overflow:hidden; 
	position: relative
}

.kodawari_koe_H2{
	width: 100%; 
	font-size: 29px; 
	display:inline-block; 
	text-align: center; 
	letter-spacing: 5px; 
	position: relative
}
.kodawari_koe_H2txt{
	background: #fff; 
	color: #b87f40
}
.kodawari_koe_H2img{
	position: absolute; 
	top: 0; 
	right: 60px
}


.kodawari_koeTxt{
	width:495px; 
	float: left; 
	text-align: justify;
	letter-spacing: 1px;
	line-height: 200%;
	font-size: 14px
}

.kodawari_koeTxt p::first-letter {
  font-size: 42px;
  float: left;
  padding: 10px 10px 0 0;
}
 
.kodawari_koeTxt p {
  clear: both;
  margin: 10px;
}

.kodawari_koeTxt span{
	background:linear-gradient(transparent 60%, #fff 60%);
}

.kodawari_koePH{
	padding: 20px 0 0 0; 
	float: right; 
	font-size: 14px
}

.kodawari_koePH img{
	border: 8px #fff solid
}



.wish{
	width: 960px;
	margin: 0 auto;
	padding: 190px 0 0 0;
}
.wish_title{
	text-align: center;
}

.column3-wrap{
  padding: 60px 0 0 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.column3-inner{
	text-align:inherit;
	font-size: 14px;
	line-height: 190%;
  flex-basis:calc((100% - 120px) / 3);
  max-width:calc((100% - 120px) / 3);
}
/* 1段目だけ上下マージンを無くす */
.column3-inner:nth-of-type(1),
.column3-inner:nth-of-type(2),
.column3-inner:nth-of-type(3){
  margin-top:0;	
}
/* 最終行のアイテム数が2つの時、左右に振り分けられるのを防ぐ */
.column3-inner:nth-of-type(3n-1):nth-last-of-type(1){
  margin-right:auto;
  margin-left:60px;
}

.column3-inner img{
	width: 72px
}

.column3-inner p{
	color: #505050;
	font-size: 24px;
	clear: both;
	text-align: center;
	line-height: 160%;
	letter-spacing: 3px;
	font-weight: 400;
}

.column-ph{
	padding: 20px 0 0 0
}
.column-ph img{
	width: 100%
}

/*gmap*/
.gmap{
height: 0;
overflow: hidden;
margin: 100px 0 0 0;
padding-bottom: 30%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.spec{
	width: 940px;
	margin: 78px auto; 
	overflow: hidden
}

.spec_L{
	float: left;
	width: 48%
}

.spec_access{
	width: 134px; 
	display:block
}

.spec_access img{
	width: 100%
}

.spec_time{
	font-size: 28px;
	color: #67c3ff
}

.spec_colona{
	width:90%;
	font-size: 12px;
}

.spec_colona img{
	width: 100%;
	padding: 0 0 10px 0;
}

.spec_R{
	float: right; 
	width: 48%
}
.spec_R img{
	width: 100%
}

footer{
	background: #d1edff;
	color: #505050;
}

.footer_box{
	width: 940px; 
	margin: 0 auto; 
	padding: 50px 0; 
	overflow: hidden
}

.footer_L{
	float: left; 
	width: 48%
}

.footer_name{
	font-size: 21px; 
	letter-spacing: 5px
}

.footer_tel{
	font-size: 21px;
}

.footer_R{
	float: right; 
	width: 48%; 
	padding:90px 0 0 0; 
	text-align: right;
}
.footer_R span{
	font-size: 12px;
}

.footer_sns{
	width: 94px; 
	height: 40px; 
	float: right; 
	overflow: hidden;
}

.footer_sns_L{
	float: left; 
	width: 40px; 
	height: 40px
}
.footer_sns_R{
	float: right; 
	width: 40px; 
	height: 40px
}

.footer_sns_L img,
.footer_sns_R img{
	width: 100%
}


.BT_set{
	width: 660px;
	margin: 0 auto;
	padding: 100px 0 0 0;
	overflow: hidden;
}
.BT_L{
	width: 298px;
	float: left;
}
.BT_R{
	width: 298px;
	float: right;
}

.BT_L img,
.BT_R img{
	width: 100%
}



.BT_set02{
	width: 80%;
	margin: 0;
	padding: 10px 0 30px 0;
	overflow: hidden;
}
.BT_L02{
	width: 49%;
	float: left;
}
.BT_R02{
	width: 49%;
	float: right;
}

.BT_L02 img,
.BT_R02 img{
	width: 100%
}





.BT_set03{
	width: 200px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
}
.BT_L03{
	width: 200px;
	margin: 0 auto 2.5em;
	clear: both;
}
.BT_R03{
	width: 200px;
	margin: 0 auto;
	clear: both;
}

.BT_L03 img,
.BT_R03 img{
	width: 100%
}













/***************
sp-----
***************/

@media screen and ( max-width : 50.75rem ){
	
.onlySP {
	display: block;
}	
.onlyPC {
	display: none!important;
}
	
	
	
	
/*メニュー*/

nav{
 width: 100%;
 height: 0;
 position: fixed;
 top: 0px;
 right: 0px;
 z-index: 1000;
}
 
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 0;
 padding: 0 1em;
}
 
/*ナビゲーション部分*/
 
.menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul li a {
display:block;
padding: 1.0em;
color:#505050;
text-decoration:none;
list-style: none
}
 
 
.menu ul li a:hover{
	color:#67c3ff;
}
 
 
.menu{
  text-align:center;
  height: 100vh;
  background-color:rgba(255,255,255,0.9);
  padding: 30px 0 0 0;
  transition: 0.5s ease;/*滑らかに表示*/
  -webkit-transform: translateY(-150%);/*画面より100%外へ押し出し非表示にさせる*/
 
}
 
/*OPEN時の動き*/
.menu.open {
 -webkit-transform: translateX-(0%);
 transform: translateX(0%);/*メニューを元の位置へ戻す*/
 
}
 
/*トグルボタンのスタイルを指定*/
.Toggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
	/*position: absolute;*/
    width: 35px;
    height: 24px;
    cursor: pointer;
    z-index: 3;
	right:0;
	top:0;
	padding: 10px;
	background: #fff
}
 
.Toggle span {
    display: block;
    position: absolute;
    width: 35px;
    border-bottom: solid 1px #fff;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
    transition: .35s ease-in-out;			/*変化の速度を指定*/ 
}
.Toggle span.black {
    display: block;
    position: absolute;
    width: 40px;
    border-bottom: solid 1px #000;
    -webkit-transition: .35s ease-in-out;	/*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;		/*変化の速度を指定*/
    transition: .35s ease-in-out;			/*変化の速度を指定*/ 
}

 /*各ボーダー少しずつずらす*/
.Toggle span:nth-child(1) {
    top:10px;
}
 .Toggle span:nth-child(2) {
    top: 20px;
}
 .Toggle span:nth-child(3) {
    top: 30px;
}
.Toggle.active span:nth-child(1) {
    top: 18px;
/* 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: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

	
	
	
	
		
.intoro{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	vertical-align: top;
}

.intoro img{
	width: 100%;
	height: auto;
}	
	

	

.intoro_copy{
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}


.intoro_copyR{
	width: 100%;
}


.intoro_copyTitle{
	padding: 15% 0 10% 0;
	font-size: 18px;
	color: #505050;
	line-height: 180%;
	font-weight: 500;
	letter-spacing: 0px
}

.intoro_copyTxt{
	padding: 0 0 50px 0;
	margin: 0 0 20% 0;
	font-size: 12px;
	color: #505050;
	line-height: 200%;
	background-image: url("../img/concept_img02.jpg");
	background-size: 20%;
	background-repeat: no-repeat;
	background-position: bottom 0 right 0;
}


.plan{
	width:90%;
	display: block;
	margin: 0 auto 40px;
	padding: 3% 5% 50px 5%;
	background-color: #e1f3ff;
	color: #505050;
	border-radius: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
	position: relative;
}

.title01{
	position: absolute;
	top: -2%;
	left: 50%;
    transform: translateX(-50%);
}
.plan_h2{
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 0;
}

.plan_h2L{
	width: 100%;
	padding: 7% 0 0 0;
	float: right;
	font-size: 14px;
	letter-spacing: 2px;
}

.plan_h2L p{
	background: #fff;
	display: inline-block;
	margin: 0 0 2% 0;
	padding: 0 0 0 2%;
}

.plan_h2R{
	width: 100%;
	float: left;
}
	.plan_h2R img{
		width: 100%
}

.plan_madori{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.plan_madoriL{
	width: 100%;
	padding: 6% 0;
}

.plan_madoriL img{
	width: 100%
}	
	

.menseki{
	margin: 5%x 0 0 0;
	padding: 10px 0 5% 0;
	background-image: url("../img/plan_img04sp.png");
	background-size: 27%;
	background-repeat: no-repeat;
	background-position: right 0 top 3%;
	overflow: hidden;
	clear: both;
}

.mensekiBox{
	background: #fff; 
	margin:0; 
	padding: 10px 15px; 
	display: inline-block; 
	line-height: 190%; 
	font-size: 12px
}

.plan_madoriR{
	width: 100%;
	padding: 5% 0 0 0;
}


.plan_madoriR dl{
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	display: inline-block;
}


.plan_madoriR dt{
	margin: 0;
	padding: 0;
	width: calc(100% - 2px);
	border: 1px solid #505050;
	display: inline-block;
}
.plan_madoriR dt img{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	vertical-align: top
}

.plan_madoriR dd{
	margin: 0;
	padding: 2%;
	width: 96%;
	display: inline-block;
	font-size: 13px;
}

.plan_madoriR dd img{
	float: left;
	padding: 0 5px 10px 0
}




.madori_point{
	position: relative;
	width: 95%;
	margin: 0 auto;
	padding-bottom: 20px;
	clear: both;
}

.madori_pointBOX{
	background: #ffffc8; 
	width: 90%;
	padding: 5%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	box-shadow: 5px 5px 0px 0px rgba(220,220,220,1);
}

.title02{
	position: absolute;
	top: -0.5%;
	left: 50%;
    transform: translateX(-50%);
}

.title02 img{
	width: 100%		
}	

.madori_pointH2{
	margin: 25% 0 0 0;
	clear: both;
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	color: #67c3ff;
	font-weight: 500
}

.madori_pointH2 span{
	margin: 0 0 10px 0;
	padding: 5px 7px 5px 21px;
	background: #fff;
	display: inline-block;
}

.title02_img01{
	position: absolute;
	top: 3%;
	left: 3%;
	width: 20%;
}
.title02_img02{
	position: absolute;
	top:3%;
	right: 3%;
	width: 20%;
}

.title02_img01 img,
.title02_img02 img{
	width: 100%
}
	

.laundry{
	width: 100%; 
	padding: 10% 0 0 0;
	overflow: hidden; 
	clear: both
}

.laundry_txt{
	background: #fff; 
	width: 80%;  
	padding: 10%;
	height: auto;
	float: left;
	color: #505050;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
	font-size: 12px;
	line-height: 200%;
	text-align: justify;
	letter-spacing: 1px;
}

.laundry_ph{
	width: 100%; 
	height: auto;
}
.laundry_ph img{
	width: 100%
}
	
.madori_point01{
	width: 100%; 
	margin: 0 auto; 
	padding: 20% 0; 
	border-bottom: 1px #505050 dotted; 
	overflow: hidden
}
.madori_point01_L{
	width: 100%; 
	float: left
}

.madori_point01_LA{
	width: 100%; 
	clear: both; 
	font-size: 15px
}

.madori_point01_LA img{
	float: left;
	padding-right: 10px;
	display: block;
	width: 20%
}

.madori_point01_LA span{
	font-weight: 400;
	letter-spacing: 0.1em;
	padding: 15px 0 0 0;
	display: block;
	float: left;
	width: 75%;
	overflow: hidden;
	font-size: 16px;
}
.madori_point01_LA span.point03{
	padding: 15px 0 0 0;
}

.madori_point01_LB{
	width: 100%; 
	padding: 20px 0; 
	clear: both; 
	font-size: 12px;
	line-height: 180%
}


.madori_point01_R{
	width: 100%; 
	float: right;
}





.kodawari{
	width: 90%;
	display: block;
	margin: 0 auto;
	padding: 0 5% 5% 5%;
	background-color: #f1e9d5;
	color: #505050;
	border-radius: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
	position: relative;
}

.kodawari_title{
	position: absolute;
	top: -2.5%;
	left: 50%;
    transform: translateX(-50%);
}
.kodawari_h2{
	display:block; 
	margin: 0 0 0 0; 
	clear: both; 
	text-align: center; 
	font-size: 20px;
}

.kodawari_h2 span{
	background: #fff;
	line-height: 200%;
	letter-spacing: 3px;
	padding: 0 10px;
}

.kodawari_img01{
	position: absolute;
	top: 6%;
	left: 7%;
}
.kodawari_img02{
	position: absolute;
	top: 6%;
	right: 7%;
}


.kodawari_stylist{
	width: 100%; 
	margin: 0; 
	padding: 5% 0 0 0; 
	overflow: hidden;
}

.kodawari_stylistL{
	width:100%;
	float: left
}

.kodawari_stylistL_Tab{
	display: inline-block; 
	font-size: 12px; 
	padding: 10px 30px 10px 20px; 
	background: #ffffc8; 
	border-radius: 10px 30px 0 0;
	-webkit-border-radius: 10px 30px 0 0;
    -moz-border-radius: 10px 30px 0 0;
	clear: both
}

.kodawari_stylistL_Box{
	width: 90%; 
	height: auto;
	padding: 3% 5% 7% 5%; 
	background: #fff; 
	border-radius: 0 10px 10px 10px; 
	overflow: hidden; 
	line-height: 170%
}
.kodawari_stylistL_txt01{
	width: 100%; 
	float: left; 
	font-size: 12px;
	line-height: 190%;
	padding: 3% 0 0 0;
}
.kodawari_stylistL_txt02{
	width: 100%; 
	padding: 10% 0 0 0; 
	float: left;
	background-image:url("../img/sp_profilePH.png"); 
	background-repeat: no-repeat; 
	background-position:right 0 bottom 0;
	background-size:47%;
	font-size: 12px;
}
.kodawari_stylistL_txt02 p{
	margin: 0;
	padding: 0;
}
.kodawari_stylistL_txt02 p span.sp100{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 150%;
	display: block
}

.kodawari_stylistL_txt02 span{
	font-size: 16px;
}
.kodawari_stylistR{
	float: right; 
	padding: 16px 0 0 0;
	position: relative;
}
.profile{
	position: absolute;
	top: -30px;
	right: 30px
}

.kodawari_koe{
	width: 100%; 
	margin: 60px auto 0 auto; 
	padding-bottom: 50px;
	overflow:hidden; 
	position: relative
}
.kodawari_koe02{
	width: 100%; 
	margin: 50px auto 0 auto; 
	padding-bottom: 50px;
	overflow:hidden; 
	position: relative
}

.kodawari_koe_H2{
	width: 80%; 
	margin: 0 auto;
	font-size: 18px; 
	display: block; 
	text-align: center; 
	letter-spacing: 2px; 
	position: relative;
	background: #fff
}
.kodawari_koe_H2txt{
	background: ; 
	color: #b87f40;
	line-height: 180%
}
.kodawari_koe_H2img{
	position: absolute; 
	top: 0; 
	right: -1px
}


.kodawari_koeTxt{
	width:100%; 
	float: left; 
	text-align: justify;
	letter-spacing: 1px;
	line-height: 200%;
	font-size: 12px
}

.kodawari_koeTxt p::first-letter {
  font-size: 3em;
  float: left;
  padding: 10px 10px 0 0;
}
 
.kodawari_koeTxt p {
  clear: both;
  margin: 10px;
}

.kodawari_koeTxt span{
	background:linear-gradient(transparent 60%, #fff 60%);
}

.kodawari_koePH{
	width: 100%;
	padding: 20px 0 0 0; 
	float: right; 
	font-size: 11px
}

.kodawari_koePH img{
	width: 94%;
	border: 3% #fff solid;
	font-size: 12px;
}



.wish{
	width: 90%;
	margin: 0 auto;
	padding: 20% 0 0 0;
}
.wish_title{
	text-align: center;
}
.wish_title img{
	width: 100%
}

.column3-wrap{
  padding: 20px 0 0 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.column3-inner{
	text-align:inherit;
	font-size: 12px;
	line-height: 190%;
	padding-bottom: 15%;
  flex-basis:calc((100%) / 1);
  max-width:calc((100%) / 1);
}
/* 1段目だけ上下マージンを無くす */
.column3-inner:nth-of-type(1),
.column3-inner:nth-of-type(2),
.column3-inner:nth-of-type(3){
  margin-top:0;	
}
/* 最終行のアイテム数が2つの時、左右に振り分けられるのを防ぐ */
.column3-inner:nth-of-type(3n-1):nth-last-of-type(1){
  margin-right:auto;
  margin-left:60px;
}

.column3-inner p{
	color: #505050;
	font-size: 18px;
	clear: both;
	text-align: center;
	line-height: 160%;
	font-weight: 400;
}

.column-ph{
	padding: 20px 0 0 0
}
.column-ph img{
	width: 100%
}


/*gmap*/
.gmap{
height: 0;
overflow: hidden;
padding-bottom: 70%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



.spec{
	width: 90%;
	margin: 10% auto; 
	overflow: hidden;
	color: #505050;
}

.spec_L{
	float: left;
	width: 100%;
	overflow: hidden;
	font-size: 12px;
}

/*スマホだけ*/	
	.footer_spL{
		width: 75%;
		float: left;
	}
	.footer_spR{
		width: 12%;
		float: right;
		padding: 15% 0 0 0
	}
	.footer_spR img{
		width: 100%;
		padding-top: 10px
	}
	
	
.spec_access{
	width: 35%;
	margin-bottom: 10px;
	display:block;
}

.spec_access img{
	width: 100%
}

.spec_time{
	font-size: 32px;
	letter-spacing: 2px;
	color: #67c3ff
}

.spec_colona{
	width:100%;
	font-size: 12px;
}

.spec_colona img{
	width: 100%
}

.spec_R{
	float: right; 
	padding: 20% 0 0 0;
	width: 100%
}
.spec_R img{
	width: 100%
}

footer{
	background: #d1edff;
	color: #505050;
}

.footer_box{
	width: 90%; 
	margin: 0 auto; 
	padding: 25px 0; 
	overflow: hidden
}

.footer_L{
	float: left; 
	width: 100%;
	font-size: 12px;
}

.footer_name{
	font-size: 20px; 
	letter-spacing: 3px;
	font-weight: 500;
	margin: 0 0 5% 0;
}

.footer_tel{
	font-size: 20px;
	letter-spacing: 3px;
	font-weight: 500;
}
	
.footer_tel a{
	text-decoration: none;
	color: #505050
}	


.footer_R{
	float: right; 
	width: 100%; 
	padding:5% 0 0 0; 
	text-align: left;
	font-size: 12px;
}
.footer_R span{
	font-size: 10px;
}
.footer_sns{
	width: 25px; 
	height: 40px; 
	float: right; 
	overflow: hidden;
}

.footer_sns_L{
	float: left; 
	width: 25px; 
	height: 25px
}
.footer_sns_R{
	float: right; 
	width: 25px; 
	height: 25px
}

.footer_sns_L img,
.footer_sns_R img{
	width: 100%
}
	
.BT_set{
	width: 60%;
	margin: 0 auto;
	padding: 10% 0 0 0;
	overflow: hidden;
}
.BT_L{
	width: 100%;
	float: left;
	margin-bottom: 7%
}
.BT_R{
	width: 100%;
	float: right;
}

.BT_L img,
.BT_R img{
	width: 100%
}



.BT_set02{
	width: 100%;
	margin: 0;
	padding: 10px 0 30px 0;
	overflow: hidden;
}
.BT_L02{
	width: 49%;
	float: left;
}
.BT_R02{
	width: 49%;
	float: right;
}

.BT_L02 img,
.BT_R02 img{
	width: 100%
}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
}