@charset "UTF-8";

/*ipad用表示*/
@media(max-width:820px){

body,html{
		width:95%;
		margin-left:auto;
		margin-right:auto;
		min-width:1200px;
}
	
}

@media screen and (max-width: 620px){

body,html{
		width:100%;
		min-width:initial;
	
}

#wrapper{
	width: 100%;
	height: auto;
	overflow: hidden;
}
a[href*="tel:"] {
		pointer-events: initial;
	}

.wspace_mb5em{
		margin-bottom: 1em;
	}
	


/*------------------------------------------------------------
	ヘッダー　　ナビ意外
------------------------------------------------------------*/
h1{
	width: auto;
	height: 65px;
	margin-top: 14px;
}
h1 img{
		width:auto;
		height: 100%;
}
h1:hover{
	opacity: 0.7;
}
.headwrap{
	width: 100%;
	height: 90px;
	background-color:rgba(255,255,255,0.8);
	position: fixed;
	top:0;
	z-index: 5;
	box-shadow: 10px 5px 5px #999999;
	
}
.header{
	width: 100%;
	max-width: 1200px;
	height: auto;
	max-height: 90px;
	margin: 0 auto;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}


/*------------------------------------------------------------
	ヘッダーナビゲーション
------------------------------------------------------------*/
.btn-gnavi{
	width: 100%;
	height: auto;
	position: static;
/*	top:0;
	right: 0;*/
}	
ul.menubox{
	width: 100%;
	height: 100%;
	display: inline;/*初期値に戻す*/
}
ul.menubox li {
	width: auto;/*156*/
	height: auto;
	text-align: left;
	box-sizing: border-box;
}
ul.menubox li a{
	width: auto;
	height: auto;
	line-height: normal;
	font-weight: bold;
}
.wrapper nav {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    background:#facd89;/*テーマカラー　薄　オレンジ*/
    font-size: 20px;
    box-sizing: border-box;
    z-index: 2
}
	
ul.menubox{
	width: 300px;
	height: 100%;
	margin: 0 ;
	color: #ff7400;
	text-align: left;
	display: inline;
}
	
/*----　↑　ここまでのnavの値は初期値に-----*/

.wrapper nav ul li {
	width: 100%;
	height: 80px;
    display:block;
    padding: 20px 0px 20px 10px;
	text-align: left;
	border-bottom: solid 1px #ea5413;/*テーマカラー　オレンジ*/
	box-sizing: border-box;

}
.wrapper nav ul li a {
	width: 100%;
	height: 60px;
	display: block;
	padding: 20px 0px 20px 10px;
    text-decoration: none;
    color: #ea5413;/*テーマカラーオレンジ*/
	box-sizing: border-box;
	vertical-align: middle;
}
	
.wrapper .btn-gnavi {
    position: fixed;
    top: 20px;
    right: 10px;
    width: 50px;
    height: 50px;
	border-radius: 25px;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
	background-color: #ea5413;/*テーマカラーオレンジ*/
	
}
.wrapper .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms
}
.wrapper .btn-gnavi span:nth-child(1) {
    top: 13px;
	left: 10px;
}
.wrapper .btn-gnavi span:nth-child(2) {
    top: 23px;
	left:10px;
}
.wrapper .btn-gnavi span:nth-child(3) {
    top: 33px;
	left:10px;

}
.wrapper .btn-gnavi.open span {
    background: #facd89;/*テーマカラー　薄　オレンジ*/
}
.wrapper .btn-gnavi.open span {
    width: 42px;
	left:15px;

}
	
/*-----------ホバーでアンダーライン--基準------------- */

ul.menubox li a {
position: static; /*アンダーラインの位置を決めるための基準 */
}

ul.menubox li a::after {
position: static; /*親要素であるaタグを基準に位置を指定*/
left: 0;            /*アンダーラインを各メニュー（aタグ）の左端に指定*/
content: '';        /*本来は、擬似要素に入るテキストなどを’’内に指定。今回はアンダーラインなので何も記載しない*/
width: 100%;        /*アンダーラインを各aタグの幅に合わせる*/
height: 2px;        /*アンダーラインの高さ（太さ）*/
background: none;/*アンダーラインの色  コンセプトカラーオレンジ*/
}

/*-----------ホバーでアンダーライン--動き追加------------- */
ul.menubox li a::after {
position: static;
left: 0;
content: '';
width: 100%;
height: 2px;
background: none;
bottom: -15px;
transform: scale(0, 1);
transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;   /*変形の時間*/
}

ul.menubox li a:hover::after {
transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
	
	

/*------------------------------------------------------------
     メイン画像
------------------------------------------------------------*/
.bg-switcher{
	width: 100vw;
    height: 300px;
    overflow: hidden;
	background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: 90px;/*navの高さ*/
	
}
.slider{
	width: 100%;
    height: auto;
	background-position: center center;
    background-size: cover;
}



/*------------------------------------------------------------
	デザインチェック用　画像のみの時
------------------------------------------------------------*/

.test_Imgbox{
	width: 1440px;
	height: auto;
	margin: 0 auto;
	margin-top: 115px;/*navの高さ*/
}
.test_Imgbox_top{
	width: 1440px;
	height: auto;
	margin: 0 auto;
	margin-top: -420px;
}

/*------------------------------------------------------------
	各ページメイン画像
------------------------------------------------------------*/

.img_about{
	background:url("../imgs/img_about.jpg");

}
.img_everyone{
	background:url("../imgs/img_everyone.jpg");	
}

.img_office{
	background: url("../imgs/img_office.jpg");
}
.img_profile{
	background:url("../imgs/img_profile.jpg");
}

.img_contact{
	background:url("../imgs/img_contact.jpg");
	
}

.img_page{
	width: 100%;
	height: 150px;
	margin-top: 90px;/*navの高さ*/
	margin-bottom: 50px;
	background-repeat: no-repeat;
	background-size: cover;	
	background-position: center center;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

.footerwrap{
	width: 100%;
	height:auto;/*190*/
	background-color: #f8b62d;/*footer薄オレンジ*/
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}

.footer{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display:flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
	justify-content:space-between;/*両端から均等に配置*/
}
.footlogo{
	width: 60%;
	height: auto;
	margin: 20px auto;
}
.footlogo img{
		width: 100%;
		height: auto;
}
.footinfobox{
	width: 320px;
	height: auto;
	margin: 20px auto;

	color: #ffffff;
	text-align: right;
}
.footsns{
	display:flex;
	justify-content:center;/*左寄せ→センター*/
	margin-bottom: 10px;
}
.footsns li a{
	font-size: 50px;
	color: #ffffff;
	margin-right: 20px;
}
.footsns li a:hover{
	color:#ea5413; 
	transition: 0.5s;
}
.footadress{
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;	
}
.copyright{
	font-size: 0.8em;
	text-align: center;
}
/*------------------------------------------------------------
    レイアウト
------------------------------------------------------------*/

.contents{
	width: 100%;
	margin-top: 0px;
}

.w1200wrap{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.box_flex1200{
	width: 100%;
	max-width: 1200px;
	height: auto;
	display:flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
	justify-content:space-between;/*両端から均等に配置*/
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.box_flex1200_evenly{
	width: 100%;
	max-width: 1200px;
	height: auto;
	display:flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
	justify-content:space-evenly;/*均等に配置各アイテムの周りに同じ大きさの間隔を置く*/
	margin: 0 auto;
}
.box_flex1200reverse{
	width: 100%;
	max-width: 1200px;
	height: auto;
	display:flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
	flex-direction: row-reverse;/*順番を逆に*/
	justify-content:space-between;/*両端から均等に配置*/
	margin: 0 auto;
}
.box_flex1000{
	width: 100%;
	max-width: 1000px;
	height: auto;
	display:flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
	justify-content:space-between;/*両端から均等に配置*/
	margin: 0 auto;
}
.w740{
	width: 100%;
}
.w400{
	width: 100%;
}
.width100{
	width: 100%;
}

/*------------------------------------------------------------
	共通
------------------------------------------------------------*/
h2{
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 10px;
	text-align: center;
	line-height:1.4em;
}


h3{
	font-weight: bold;
	font-size: 26px;
	line-height: 43px;
	margin-bottom: 15px;
	text-align: left;
}
.h2_greenlinebox{
	width: 100%;
	height: auto;
	border-bottom: solid 5px #acd598;/*薄緑*/
	box-sizing: border-box;
}
.h2_orangelinebox{
	width: 100%;
	height: auto;
	border-bottom: solid 5px  #f8b62d;/*footer薄オレンジ*/
	box-sizing: border-box;
}
.h2_obi{
	width: 95%;
	max-width: 1200px;
	height: auto;
	min-height: 100px;
	border-radius: 50px;
	color: #ffffff;
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: bold;
	margin: 0 auto 50px auto;
	text-align: center;
	padding: 20px;
	display: flex;
	align-items: center;/*天地センター*/
	justify-content: center;/*左右センター*/
}

/*----地色------*/

.bg_dot_orange{
	width: 100%;
	height: auto;
	background: url("../imgs/bg_orangdot.jpg");
	padding: 30px 0;
}
.bg_usu_orange{
	width: 100%;
	height: auto;
	background-color: #f9dcc5;/*footer薄オレンジ*/
	padding: 30px 0;
}

.box_white{
	width: 100%;
	height: auto;
	padding: 30px 0;
}

.bg_dot_green{
	width: 100%;
	height: auto;
	background:url("../imgs/bg_grreen.jpg");
	padding: 30px 0;
}
.bg_usu_green{
	width: 100%;
	height: auto;
	background-color: #f2f6da;/*薄グリーン*/
	padding: 30px 0;
}
/*-----テーブル------*/
table.price{
	width: 95%;
	height: auto;
	margin: 0 auto;
	line-height: 1.4em;
}
table.price thead{
	width: 100%;
	background-color: #f2f6da;/*薄グリーン*/
	font-weight: bold;
}
table.price tr,table.price th,table.price td{
	height:  48px;
	border: solid 1px #23ac38;/*グリーン*/
	vertical-align: middle;
	padding: 0 1em;
}
table.price th{
	font-weight: bold;
	text-align: left;
}
	
.tablew45{
	width: 45%;
}
.tablew55{
	width: 55%;

}
.tablew30{
	width: 30%;
}
.tableattention{
	margin-top: 10px;
	text-align: center;
	font-size: 0.9em;
}
/*------ボタン----------*/
.btnmail{
	width: 100%;
	height: 90px;
	display: flex;
 	justify-content:center;
	margin: 20px auto;
	border: solid 3px #ea5413;/*基準濃いオレンジ*/
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	border-radius: 45px;
	box-sizing: border-box;
	line-height: 90px;
	color: #ea5413;/*基準濃いオレンジ*/	
}
.btnmail:hover{
	background-color:#ea5413;/*基準濃いオレンジ*/
	color: #ffffff;
	transition :0.5s;
}
.btnsend{
	width: 100%;
	height: 90px;
	display: flex;
 	justify-content:center;
	margin: 20px auto;
	background-color: #ea5413;/*基準濃いオレンジ*/
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	font-size: 1.1em;
	border-radius: 45px;
	box-sizing: border-box;
	line-height: 90px;
}
.btnsend:hover{
	background-color: #f8b62d;/*薄オレンジ*/
	color: #ea5413;/*基準濃いオレンジ*/	
	transition :0.5s;
}

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.ichatch{
	width: 80%;
	max-width: 300px;
	height: auto;
	margin: 0 auto;
}
.ichatch img{
	width: 100%;
	height: auto;
}
.box_ichatch{
	width: 100%;
	height: auto;
	/*min-height: 300px;*/
	margin: -50px auto 0 auto;
	position: relative;
	z-index: 2;
	background-image: none;
	margin-bottom: 1em;
}

.box_toplead{
	width: 95%;
	height: auto;
	background-image: none;
	background-position: bottom left;
	padding: 0px 0px 80px 0px;
	margin: 0 auto;

}
.toplead{
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}
.top_message{
	width: 100%;
	height: auto;
	margin: 20px auto;
}
.btn_top_aboutnaru{
	width: 245px;
	height: 109px;
	margin: 75px auto 0px auto;
}
.btn_top_aboutnaru:hover{
	opacity: 0.7;
	transition: 0.5s;
}
.harfArea{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
}
.harfArea2{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
	flex-direction: row-reverse; /* 横並び逆順 */
}
.everyoneimgbox{
	width: 100%;
	height: 300px;
	background-image: url("../imgs/top_img_everyone.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}
.businessimgbox{
	width: 100%;
	height: 300px;
	background-image:url("../imgs/top_img_office.jpg");
	background-repeat: no-repeat;
	background-size: cover;	
}
.harftexbox_R{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content:center;/*右寄せ→センターへ*/
	padding-left: 0px;
	padding: 30px;

	
}
.harftexbox_L{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;/*左寄せ→センターへ*/
	padding-right: 0px;
		padding: 30px;
}

.top_pageinfo{
	width: 100%;
	background-color: #ffffff;
	padding: 1em;
	text-align: center;
	font-size:1.2em;
	line-height: 2em;
	font-weight: normal;
	color: #333333;
	border-radius:30px;
}

.top_pagettle{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.btn_more_page{
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.hover_bg_orange:hover{
	background-color: #ea5413;/*オレンジ*/
	color: #ffffff;
	transition :0.5s;
}
.hover_bg_green:hover{
	background-color: #23ac38;
	color: #ffffff;
	transition :0.5s;
}
.top_pagettle:hover,.btn_more_page:hover{
	opacity: 0.6;
}
.box_topabout{
	width: 100%;
	height: auto;
	padding: 30px;
	background-image: url("../imgs/bg_bokashi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.btn_aboutnikochan{
	width: 300px;
	height: 300px;
	background-image: url("../imgs/top_btn_naru.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
	padding:40px 0px;
	border-radius: 150px;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.btn_aboutnikochan:hover{
	  background-color: rgba(0,0,0,0.3);
 	 background-blend-mode: darken;/*背景画像を黒地に透過*/
		transition :0.5s;
}
.topttl_about{
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	color: #ffffff;
	margin-bottom: 20px;
}
.boldwhitecenter{
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #ffffff;
}
.top_telkochira{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.top_tel{
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
}
.airplan{
	font-size: 1.5em;
	margin-right: 20px;
}

/*------------------------------------------------------------
	なるについてページ
------------------------------------------------------------*/
.ttl_aboutnaru{
	width: 60%;
	height: auto;
	margin: 0 auto 100px auto;
}
.ttl_aboutnaru img{
		width: 100%;
		height: auto;
	}
.bg_gohanbogkasih{
	width: 100%;
	height: auto;
	background-color: rgba(210,114,116,1.00);
	background: url("../imgs/bgricebokashi.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 50px;
	margin-bottom: 100px;

}
.aboutnumberbox{
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 0 20px;
	box-sizing: border-box;
}
.aboutlist ul{
	width: 100%;
	height: auto;

}
.aboutlist li{
	display: flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/	
	margin: 50px 0px;
}
.number{
	width: 61px;
	height: 82px;
	padding: 0 0px 0 0px;
	margin: 0 auto;
}
.numbertexbox{
	width: 100%;
	max-width: 1000px;
	margin-top: 2em;
}
.numbertex{
	font-size: 1.5em;
	line-height: 1.7em;
	font-weight: bold;
	margin-bottom: 10px;
}
.numbertexlist{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 20px;
	
}

/*------------------------------------------------------------
	地域の皆様へ
------------------------------------------------------------*/
.guidancelead{
	width: 95%;
	height: auto;
	margin: 20px auto;
}

.fukidashi_ogange{
	color: #ea5413;/*オレンジ*/
	background:url("../imgs/bg_fukidashi_orange.png");
}
.fukidashi_green{
	color: #23ac38;/*グリーン*/
	background:url("../imgs/bg_fukidashi_green.png");
}
.fukidashi{
	width: 100%;
	height: 90px;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	display: flex;
	align-items: center;/*天地センター*/
	justify-content: center;/*左右センター*/
}

.nayami_box{
	width: 100%;
	height: auto;
	position: static;
	margin-bottom: 100px;
}

.nayami_bgcercle{
	width: 100%;
	height: auto;
	min-height: 150px;
	border-radius: 50%;
	background-color: #f9dcc5;/*footer薄オレンジ*/
	text-align: center;
	padding-top:0em;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	display: flex;
	align-items: center;/*天地センター*/
	justify-content: center;/*左右センター*/
}
.nayami_wspace{
	padding-top: 0em;
}

.nayamibox1{
	width: 100%;
	height: auto;
	position: static;
}
.pic_nayami1{
	width: 30%;
	height: auto;
	margin: -20px auto 20px auto;
}
.pic_nayami1 img{
		width: 100%;
		height: auto;
}
.nayamibox2{
	width: 100%;
	height: auto;
	position: static;

}
.pic_nayami2{
	width: 30%;
	height: auto;
	margin: -20px auto 20px auto;
}
.pic_nayami2 img{
		width: 100%;
		height: auto;
	}
.nayamibox3{
	width: 100%;
	height: auto;
	position: static;
}
.pic_nayami3{
	width: 30%;
	height: auto;
	margin: -20px auto 20px auto;
}
.pic_nayami3 img{
		width: 100%;
		height: auto;
	}

.nayamibox4{
	width: 100%;
	height: auto;
	position: static;
	margin-bottom: 1em;
}

.pic_nayami4{
	width: 30%;
	height: auto;
	margin: -20px auto 20px auto;
}
.pic_nayami4 img{
		width: 100%;
		height: auto;
	}
.nayamibox5{
	width: 100%;
	height: auto;
	position: static;
}
.pleasesoudan{
	width: 100%;
	max-width: 1200px;
	height: auto;
	display: flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/	
	align-items: center;/*天地センター*/
	justify-content: center;/*左右センター*/
}
.naruw125{
	width: 30%;
	max-width: 126px;
	height: auto;
}
.naruw125 img{
		width: 100%;
		height: auto;
	}
.soudan{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	margin-left: 10px;
}

.box_counseling{
	width: 95%;
	max-width: 1200px;
	border-radius: 30px;
	border: solid 5px #f8b62d;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 20px 10px 20px 10px;
	box-sizing: border-box;
}
ul.counseling{
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	margin: 20px auto;
	
}
ul.counseling li{
	width: 95%;
	margin: 10px auto;
	padding: 10px;
	border-bottom: solid 4px #f8b62d;
}
.counseling_comentbox{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/	
	align-items: center;/*天地センター*/
	justify-content: center;/*左右センター*/
}
.counseling_nikomark{
	width: 30%;
	max-width: 145px;
	height: auto;
}
.counseling_nikomark img{
	width: 100%;
	height: auto;
}
.counseling_coment{
	font-size: 1.1em;
	margin-left: 20px;
	line-height: 1.5em;
}
.attention_kome{
	font-size: 2em;
	text-align: center;
	margin: 10px 0 5px 0;
}
.attention{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.4em;
}


/*------------------------------------------------------------
	事業所の皆様へ
------------------------------------------------------------*/
.box_case{
	width: 100%;
	max-width: 1000px;
	height: auto;
	border-radius: 30px;
	margin: 20px auto;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	color: #23ac38;/*グリーン*/
	display: flex;
	align-items: center;/*天地センター*/
	padding:30px 20px 30px 100px;
}
.case1{
	background: url("../imgs/case1.png");
	background-repeat: no-repeat;
	background-color: #d8fccb;	
	background-position: center left 10px;
	background-size: 20%;
}
.case2{
	background: url("../imgs/case2.png");
	background-repeat: no-repeat;
	background-color: #d8fccb;	
	background-position: center left 10px;
	background-size: 20%;
}
.case3{
	background: url("../imgs/case3.png");
	background-repeat: no-repeat;
	background-color: #d8fccb;	
	background-position: center left 10px;
	background-size: 20%;
}
.box_officecontents{
	width: 100%;
	max-width: 580px;
	height: auto;
	min-height: 400px;
	padding: 20px;
	box-sizing: border-box;
	border: solid 5px #acd598;/*薄グリーン*/
	background-color: #ffffff;
	border-radius: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.pic_office img{
	width: 100%;
	max-width: 500px;
	height: auto;
	max-height: 300px;
	border-radius: 15px;
	margin-bottom: 10px;
}
.officeh3{
	font-size: 1.3em;
	line-height: 1.5em;
	
}

/*------------------------------------------------------------
	プロフィールページ
------------------------------------------------------------*/
.box_ttlmassage{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;/*一行に収まらない時に複数行に*/
}
.ttl_daihyomassage{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.ttl_daihyomassage img{
		width: 100%;
		height: auto;
	}
.nikomark_massage1{
	width: 30%;
	max-width: 217px;
	height: auto;
	animation-iteration-count: 3;
	margin: 0 auto;
	border-radius: 50%;
}
.nikomark_massage1 img{
		width: 100%;
		height: auto;
	}
.nikomark_massage2{
	width: 30%;
	max-width: 238px;
	height: auto;
	margin-top: 0px;
	animation-iteration-count: 3;
	border-radius: 50%;
	margin: 0 auto;
}
	.nikomark_massage2 img{
		width: 100%;
		height: auto;
	}
.massagebox1,.massagebox2{
	width: 100%;
	max-width: 770px;
	height: auto;
	margin-bottom: 30px;

}
.massagebox1{
	float: none;
}
.massagebox2{
	float: none;
}
.massageh2{
	text-align: left;
	line-height: 1.6em;
	font-size: 1.6em;
}
.googlemapbpx{
	width: 100%;
	height: auto;
	margin: 50px 0;
	overflow: hidden;
}

	.wspace_pb5em{
		padding-bottom: 1em;
	}
/*------------------------------------------------------------
	問い合わせページ
------------------------------------------------------------*/
.contacttex{
	width: 100%;
	max-width: 900px;
	height: auto;
	margin: 20px auto;
}

/*-------------問い合わせテーブル---------------*/
.formWrap{
	width: 100%;
	/*max-width: 900px;*/
	height:auto; 
	margin: 0 auto;
	margin-bottom: 50px;
}
.formTable{
	width: 100%;
	/*max-width: 900px;*/
	text-align: left;
	line-height: 2em;
	padding-left: 0em;
	padding-right: 0em;
	box-sizing: border-box;
	border-collapse: separate;  /* 表の線と線の間を空ける */
    border-spacing:0em 2em;     /* 表の線と線の間の幅 */
}

.formTable tr{
	width: 100%;
	box-sizing: border-box;
}
.formTable th{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.formTable td{
	display: block;
	width: 100%;
	padding-left: 0px;
	vertical-align: middle;
}

#mailform input[type="text"] {
	width: 100% !important;
	height: 3em;
	font-size: 20px;
	border: solid 3px #f2f6da;
	border-radius:5px;
	padding-left: 0.5em;
	line-height: 1.6em;
	width: 100%;
	box-sizing: border-box;
}
#mailform select{
	width: 100% !important;
	height: 3em;
	font-size: 20px;
	border: solid 3px #f2f6da;
	border-radius:5px;
	padding-left: 0.5em;
	line-height: 1.6em;
	width: 100%;
	box-sizing: border-box;
}
	
#mailform textarea{
	width: 100% !important;
	height: 7em;
	font-size: 18px;
	border: solid 3px #f2f6da;
	border-radius:5px;
	padding: 0.5em;
	line-height: 1.4em;
	box-sizing: border-box;
}


#mailform input[type="submit"] {
	width: 100%;
	height: 90px;
	display: flex;
 	justify-content:center;
	margin: 20px auto;
	background-color: #ea5413;/*基準濃いオレンジ*/
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	font-size: 1.1em;
	border-radius: 45px;
	box-sizing: border-box;
	line-height: 90px;
	border: none;
	}	
	
	
.formTable td, th {
    vertical-align: middle;  /* 中央揃え */
	padding-left: 0.5em;
	line-height: 1.2em;
	box-sizing: border-box;
}

.privacypolicy{
	width: 100%;
	max-width: 900px;
	height: 200px;
	overflow: scroll;
	background-color: #f2f6da;/*薄グリーン*/
	border:  solid 2px #23ac38;/*グリーン*/
	padding: 20px;
	margin: 20px auto;
	font-size: 0.9em;
	line-height: 1.3em;
}
.ttl_ppolicy{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.list_ppolicy{
	margin: 0.5em;
	padding-left: 1em;
}
.list_ppolicy li{
	list-style:circle;
}
.check_ppolicy{
	width: 300px;
	height: auto;
	margin: 50px auto;
	text-align: center;
		display: flex;
 	justify-content:center;
}
.check_ppolicy p{
		width: 100%;
		text-align: center;
		padding-top: 15px;
	}
#mailform input[type="checkbox"] {

	}	
.btnsendmail{
		margin-top: 20px;
	}
.grecaptcha-badge {
	visibility: hidden; 
	}
	
/*------------------------------------------------------------
	問い合わせ完了ページ
------------------------------------------------------------*/

.Thankstexbox{
	width: 100%;
	height: 600px;
	padding: 10px;
	margin: 0 auto;
	
	font-size: 1.4em;
	line-height: 1.7em;
	text-align: center;
}
	
	
	
	
	
	
	
	
}