@charset "utf-8";

/*	Reset normalize.css
------------------------------------------------------------ */ 
/*! normalize.css v2.0.1 | MIT License | git.io/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/ * Corrects block display not defined in IE8/9. */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}

/* Corrects inline-block display not defined in IE8/9. */

audio,canvas,video {display : inline-block}
    
/* Prevents modern browsers from displaying 'audio' without controls */

audio:not([controls]) { display: none;height: 0}

/* Addresses styling for 'hidden' attribute not present in IE8/9. */

[hidden] {display: none}


/* =============================================================================
   Base
   ========================================================================== */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0} /*上方向のmarginを0にします */


/* =============================================================================
   Links
   ========================================================================== */

/* Addresses `outline` inconsistency between Chrome and other browsers. */

a:focus { outline: thin dotted}

/* Improves readability when focused and also mouse hovered in all browsers. */

a:hover,a:active { outline : 0}


/* =============================================================================
   Typography
   ========================================================================== */
/* 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */

html {
	/* 日本語のfont-familyへの対応 */
	font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;

	font-size : 105%;
	line-height : 1.5;
}
/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}

/*Addresses styling not present in IE 8/9, Safari 5, and Chrome.*/

abbr[title] { border-bottom : 1px dotted}

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.*/

b, strong { font-weight : bold}

/*Addresses styling not present in Safari 5 and Chrome.*/
dfn { font-style: italic}

/*Addresses styling not present in IE 8/9.*/
mark { background: #ff0;
color: #000}

/* Corrects font family set oddly in Safari 5 and Chrome.*/
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em}

/*Improves readability of pre-formatted text in all browsers.*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word}


/*Sets consistent quote types.*/
q {quotes: “\201C” “\201D” “\2018” “\2019”;}

/*Addresses inconsistent and variable font size in all browsers.*/
small {font-size: 80%;}

/*Prevents `sub` and `sup` affecting `line-height` in all browsers.*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}

sup {top: -0.5em}
sub {bottom: -0.25em}


/*=================================================================
   Embedded content
=================================================================*/
/*Removes border when inside `a` element in IE 8/9.*/


img {
/*
max-width :100%;*/ /* フルードイメージへの対応 */
vertical-align: middle; /* 追加箇所 */
border: 0}

/* IE8 max-widthバグへの対応*/
/* .ie8 img{width: auto; height: auto} */

/* Corrects overflow displayed oddly in IE 9.*/
svg:not(:root) {overflow: hidden}


/* =============================================================================
   Figures
   ========================================================================== */

/*Addresses margin not present in IE6/7/8/9, S5, O11*/

figure {margin: 0}


/* =============================================================================
   Forms
   ========================================================================== */


/* Define consistent border, margin, and padding*/

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/* 1. Corrects color not being inherited in IE 8/9.
 2. Remove padding so people aren’t caught out if they zero out fieldsets. */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */}

/* 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */

button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */}

/*Addresses Firefox 4+ setting `line-height` on `input` using `!important` in  the UA stylesheet.*/

button,input {line-height: normal; /* 1 */}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`  and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type `input` and others. */

button,
input[type="button"],  /* 1 */
input[type="reset"], 
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */}/
}

/*Re-set default cursor for disabled elements. */
button[disabled],
input[disabled] {cursor: default}


/* 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none}

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0}

/* 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers. */
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */}
ul, ol { list-style : none;}

/*	Elements elements.css
------------------------------------------------------------ */ 

/*	Float
------------------------------------------------------------ */ 
.fl { float:left; padding-right:1em; }
.fr { float:right; padding-left:1em; }
.clear { clear:both; }
/*	Text Align
------------------------------------------------------------ */
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
/*	Font
------------------------------------------------------------ */
.font_pink { color:#FC748B; }
.font_blue { color:#00BBCA; }
.font_blue2 { color:#3795C8; }
.font77 { font-size:0.77em;line-height: 1.2em; }
.font84 { font-size:0.84em;line-height: 1.2em; }
.font92 { font-size:0.92em;line-height: 1.5em; }
.font100 { font-size:1em; }
.font108 { font-size:1.08em; }
.font115 { font-size:1.15em; }
.font123 { font-size:1.23em; }
.font138 { font-size:1.38em; }
.font154 { font-size:1.54em; }
.font169 { font-size:1.69em; }
.font185 { font-size:1.85em; }

/*
vw
相対指定。ビューポートの幅の何パーセントか。

vh
相対指定。ビューポートの高さの何パーセントか。

vmin
相対指定。ビューポートの「幅か高さの短い方」の何パーセントか。

vmax
相対指定。ビューポートの「幅か高さの長い方」の何パーセントか。
*/
.txt5{  font-size: 3vw;}
.txt6{  font-size: 4vh;}
.txt7{  font-size: 5vmin;}
.txt8{  font-size: 6vmax;}

.font_through { text-decoration:line-through;}
.font_bold { font-weight:bold;}
/*	Padding
------------------------------------------------------------ */ 
.pt05 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt100 { padding-top:100px !important; }
.pb50 { padding-bottom:50px !important; }
.pb100 { padding-bottom:100px !important; }
.pr50 { padding-right:50px !important; }
.pl50 { padding-left:50px !important; }
/*	Margin
------------------------------------------------------------ */
.mt-30 { margin-top:-30px !important; }
.mt-40 { margin-top:-40px !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important;}


.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 {	margin-right:15px !important;	}
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important;	}
.mr60 {	margin-right:60px !important;	}
.mr70 {	margin-right:70px !important;	}
.mr80 {	margin-right:80px !important;	}
.mr90 {	margin-right:90px !important;	}
.mr100 {	margin-right:100px !important;	}

.mb01 {	margin-bottom:1px !important;	}
.mb05 {	margin-bottom:5px !important;	}
.mb10 {	margin-bottom:10px !important;	}
.mb15 {	margin-bottom:15px !important;	}
.mb20 {	margin-bottom:20px !important;	}
.mb30 {	margin-bottom:30px !important;	}
.mb40 {	margin-bottom:40px !important;	}
.mb50 {	margin-bottom:50px !important;	}
.mb60 {	margin-bottom:60px !important;	}
.mb70 {	margin-bottom:70px !important;	}
.mb80 {	margin-bottom:80px !important;	}
.mb90 {	margin-bottom:90px !important;	}
.mb100 { margin-bottom:100px !important;	}


.ml05 {	margin-left:5px !important;	}
.ml10 {	margin-left:10px !important;	}
.ml15 {	margin-left:15px !important;	}
.ml20 {	margin-left:20px !important;	}
.ml25 {	margin-left:25px !important;	}
.ml30 {	margin-left:30px !important;	}
.ml40 {	margin-left:40px !important;	}
.ml50 {	margin-left:50px !important;	}
.ml60 {	margin-left:60px !important;	}
.ml70 {	margin-left:70px !important;	}
.ml80 {	margin-left:80px !important;	}
.ml90 {	margin-left:90px !important;	}
.ml100 { margin-left:100px !important;	}
.ml120 { margin-left:120px !important;	}
.ml250 { margin-left:250px !important;	}

/*
.bordering01 {
  text-stroke: 1px #000;
  -webkit-text-stroke: 1px #000;
  font-size: 40px !important;
  color: #fff;
}

.bordering02 {
  color:#EA5B66;
  font-size: 15px !important;
  text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
*/
/* https://find-a.jp/seotimes/emphasis_design/ */
.emphasis_design23 span {
  background-color: #4d9bc1;
  color: #fff;
  margin: 0 0.03em;
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  line-height: 1.7;
  border-radius: 100vh;
}

/*	Body
------------------------------------------------------------ */
img, object, embed, video {
	max-width: 100%;
}
html,body {
}
.disp {	display: inline; }
.pcv{ display:block; }
.spv{ display:none; }


body {
	margin:0 auto;
	text-align:center;
}
iframe {
	margin:0 auto;
	text-align:center;
	width:100%;
	height:500px;
}
p {
	color:#000;
	font-size:1.2em;
	line-height:1.5;
}
/* @end */


/* base */
/* ======================================================== */
header,
footer,
#sogo_gnav,
#about,
#nayami,
#nayami_base,
#method,
#pay,
#mira_point,
#miradry,
#miradry_base,
#feature,
#videoarea,
#mira_about,
#mira_about_base,
#notice,
#faq,
#introduct,
#introduct_base
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
}
#header_base,
#sogo_gnav_base,
#footer_base,
#about_base,
#method_base,
#pay_base,
#mira_point_base,
#feature_base,
#video_base,
#notice_base,
#faq_base,
.banner
{
	position:relative;
	clear:both;
	width:1100px;
	margin:0 auto;
}
.arrow1{
	clear:both;
	margin:0 auto;
	text-align:center;
	width: 100px;
	height:100px;
	border: 20px solid;
	border-color:  transparent transparent #8BC1DF #8BC1DF;
	transform: rotate(-45deg);
	margin-bottom:3em;
}
.arrow2{
	clear:both;
	margin:0 auto;
	text-align:center;
	width: 100px;
	height:100px;
	border: 20px solid;
	border-color:  transparent transparent #8f8f8f #8f8f8f;
	transform: rotate(-45deg);
	margin-bottom:5em;
}
/* @end */


/* @Header
------------------------------------------------------------ */
header {
	background-color:#00BBCA;
	position:fixed;
	z-index:999;
	height:110px;
}
#header_base .header_logo {
	float:left;
	width:379px;
	padding:10px 0 0 0;
	text-align: right;
}
#header_base h1{
	line-height:0;
	font-size:10px;
	color:#FFF;
	padding:0 0 20px 0;
}
#head_nav{
	position:relative;
	float:right;
}
#head_tel,
#head_inquiry{
	margin:0;
	margin:15px 0 10px 12px;
	float:right;
}
/* spnav */
/*
#sphead_tel,
#sphead_mail
{
	display: none;
}
*/
.spmenu{ display:none; }

/* @mainimg
------------------------------------------------------------ */
.mainimg {
	clear:both;
	display:block;
	margin:0 auto;
	padding-top:110px;
	background-color:#FFF;
	background-image:url("../../img/main_image_bg.png");
	background-repeat:no-repeat;
	background-position:center top;
    height:auto;
	margin-bottom:0;
}
/* @end */

/* @banner
------------------------------------------------------------ */
.bnr img {
  width: 100%;
}
/* @end */


/* common nav */
/*
#spsogo_gnav ul{
	display:none;
}
*/
#sogo_gnav {
	background:#F3F9FC;
	border-top:5px solid #8BC1DF;
	border-bottom:5px solid #8BC1DF;
	height:117px;
	margin-bottom:0;
}
#sogo_gnav_base {
}
#sogo_gnav ul{
	position:relative;
	clear:both;
	display:block;
	width:100%;
	list-style:none;
	background-color:#F3F9FC;
}
#sogo_gnav ul{
	margin:0;
	padding:0;
}
#sogo_gnav li{
	float:left;
	width:20%;
	box-sizing: border-box;
	margin:15px 0;
}
#sogo_gnav li a{
	text-align:center;
	text-decoration:none;
	display:block;
	padding:10px 0;
	line-height:1.2em;
	cursor: pointer;
}
#sogo_gnav li a{
	background-color:#F3F9FC;
	background-image:url("../../img/line_01.png");
	background-position:left top;
	background-repeat:no-repeat;
	font-size:20px;
	color:#8f8f8f;
	font-weight:bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#sogo_gnav li:first-child a{
	background-image:none;
}
/* @end */

/* @group video_area
------------------------------------------------------------ */
#videoarea {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#00BAC8;
	padding: 2em 0;
	margin-bottom:2em;	
}
#videoarea .video_l {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:43%;
	padding:1em;
	margin:1em 1.4em 1em 1em;
}
#videoarea .video_r {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:43%;
	padding:1em;
	margin:1em;
}
#videoarea .video_l iframe, #videoarea .video_r iframe {
	width:470px;
	height:275px;
	object-fit: contain;	
}
#videoarea p {
	text-align:left;
}
/* @end */

/* position: fixed でヘッダ固定するとアンカーがズレる。直す。
------------------------------------------------------------ */
#about, #method, #mira_point, #miradry, #doctor, #clinic, #mira_about {
	margin-top: -110px;/* ヘッダの高さ = 50px */
	padding-top: 110px;/* ヘッダの高さ = 50px */
}
/* @end */

/* @section about  2024-07-08add
------------------------------------------------------------ */
#about h2 {
	clear: both;
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	font-size:3em;
	padding:0.25em 0;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:center;
}
/* @end */

/* @section nayami
------------------------------------------------------------ */
#nayami h2 {
	margin:0 auto;
	width:80%;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	font-size:3em;
	padding:0.25em 0;
	margin-top: 1em;
	margin-bottom:1em;
	text-align:center;
}
#nayami .nayami_bg {
	background-image:url("../../img/img_nayami_bg.png");
	background-repeat:repeat;
	background-position:center top;
	margin-bottom: 3em;
}
/*
#nayami {
	background-image:url("../../img/img_nayami_bg.png");
	background-repeat:repeat;
	background-position:center top;
}
*/
/* @end */


/* @section about @section method 
------------------------------------------------------------ */
/*
#method h2 {
	margin-bottom:0;
}
*/
#method h2 {
	clear: both;
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	font-size:3em;
	font-feature-settings: "palt";
	padding:0.25em 0;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:center;
}
.textbox_08 {
	margin:0 auto;
	width:90%;
	text-align:left;
}
/* @end */

/* @section pay 2025-07-07 add */
#pay {
	background-color: #E1DCD1;
	padding: 100px 0;
	margin-top: 50px;
	margin-bottom: 50px;
}
#pay h2 {
	clear: both;
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	font-size:3em;
	font-feature-settings: "palt";
	padding:0.25em 0;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:center;
}

#pay .text {
  line-height: 1.5;
  margin-bottom: 50px;
}
#pay ul {
	display:block;
	margin: 0 auto;
	padding: 0;
	width:90%;
}
#pay .list li {
  margin-bottom: 25px;
  border-radius: 20px;
  background-color: #FFF;
  padding: 50px;
}
#pay .list li:last-child {
  margin-bottom: 0;
}
#pay .list li {
  text-align: center;
  margin-bottom: 25px;
}
#pay .list li p {
  text-align: center;
  margin-bottom: 25px;
}
#pay .list img {
  width:inherit;	
  max-height: 75px;
}
#pay .list p img {
  height: inherit;
}
/* @end */

/* @section miradry 
------------------------------------------------------------ */
/*
#miradry h2 {
	margin-bottom:200px;
}
*/
#miradry h2 {
	clear: both;
	margin:0 auto;
	width:80%;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	font-size:3em;
	padding:0.25em 0;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:center;
}
/* @end */

/* @section mira_point 
------------------------------------------------------------ */
#mira_point h3 {
	margin-bottom:100px;
}
#mira_point span {
	display: block;
	font-size:20px;
	font-weight:bold;
	color: #FF8000;
}
#mira_point {
	background-color: #8BF6FF;
	padding-bottom: 100px;
	margin-top: 50px;
	margin-bottom: 100px;
}
#mira_point ul {
	display:block;
	clear:both;
	margin:0 auto;
	text-align: center;
}
#mira_point ul li {
	display:inline-block;
	background-color: #FFF;
	border-radius: 5%;
	vertical-align:  middle;
	text-align: left;
	font-size:15px;
	color: #00BBCA;
	width:25%;
	height:400px;
	margin:0.5em 3em 5em 0.5em;
	padding:0.5em;
}
.circle_number {
	background-color: #FFFA7C;
	width: 100px;
	height: 100px;
	padding-top: 10px;
	font-size:50px;
	font-weight:bold;
	color: #FF8000;
	border: 5px solid #FF8000;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;

	margin-top: -50px;
	margin-left: -50px;
	z-index: 10;	
}
#mira_point ul li img {
	display:block;
	margin:0 auto;
	width:94%;
}
/* @end */


/* @miradry feature
------------------------------------------------------------ */
#feature {
	clear:both;
	display:block;
	margin:0 auto;
    height:1000px;
	background-color:#FFF;
	background-image:url("../../img/img_miradry_feature_bg.png");
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom:2em;
}
#feature .feature_l {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:43%;
	padding:1em;
	margin:1em 1.4em 1em 1em;
}
#feature .feature_r {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:43%;
	padding:1em;
	margin:1em;
}
#feature p {
	text-align:left;
}
#feature .feature_title {
	display: block;
	font-size:20px;
	font-weight:bold;
	color:#FC748B;
}
/* @end */


/* @miradry about
------------------------------------------------------------ */
#mira_about {
	clear:both;
	display:block;
	margin:0 auto;
    /*height:auto;*/
	background-color:#FFF;
	background-image:url("../../img/img_miradry_about_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	margin-bottom:2em;
}
#mira_about h3 {
	/*padding-top:3em;*/
}
#mira_about p {
	text-align:left;
}

.textbox_05 {
	clear:both;
	margin:0 auto;
	width:70%;
	background-color:#FFF;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	border-radius: 1em;
	padding:2em;
	margin-bottom:3em;
}
.textbox_06 {
	clear:both;
	margin:0 auto;
	width:70%;
	background-color:#ECD15A;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	border-radius: 1em;	
	padding:2em;
	margin-bottom:3em;
}
.textbox_06 ul {
	padding-left:1.5em;
}
.textbox_06 ul li {
	background-image:url("../../img/img_miradry_recommend_arrow.png");
	background-repeat:no-repeat;
	background-position:left top;
	color:#333;
	font-size:1.5em;
	line-height:2;
	padding-left:2em;
	text-align:left;
}
.textbox_07 {
	clear:both;
	margin:0 auto;
	width:60%;
	background-color:#FFF;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	-o-border-radius: 5em;
	-ms-border-radius: 5em;
	border-radius: 5em;	
	padding:0.25em;
	margin-bottom:3em;
	text-align:center;
}
/* @end */


/* @section notice
------------------------------------------------------------ */
#notice {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_notice_bg.jpg");
	background-repeat:repeat-y;
	background-position:center bottom;
	padding-bottom:23em;
}
#notice h3 {
	margin:0 auto;
	color:#8F8F8F;
	font-size:2.5em;
	margin-bottom:1.5em;
}
#notice h3:before {
	margin:0 auto;
    background-color: #8F8F8F; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 6px; /* 線幅 */
	margin-bottom:0.5em;
}
#notice h3:after {
	margin:0 auto;
    background-color: #8F8F8F; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 6px; /* 線幅 */
	margin-top:0.5em;
}
/* head */
.miradry-notes {
  padding: 20px;
}

.miradry-notes_box {
  border: 2px solid #8BC1DF;
}

.miradry-notes_box + .miradry-notes_box {
  margin-top: 20px;
}

.miradry-notes_box h4.box_hd {
  background: #8BC1DF;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
}

.miradry-notes_box .box_bd_init {
  padding: 20px;
}

.miradry-notes_box .box_bd_init > * + * {
  margin-top: .5em;
}

.miradry-notes_box h4.p-accordion_hd {
position: relative;
padding: .5em 2em .5em .5em;
transition: .25s; }
.miradry-notes_box h4.p-accordion_hd .icon {
display: block;
position: absolute;
top: 50%;
right: .5em;
width: 1em;
height: 1em;

transform: translateY(-50%) rotate(90deg);
transition: .25s; 

}
/*
.miradry-notes_box h4.p-accordion_hd .icon > svg {
  fill: currentColor; }
*/
.miradry-notes_box h4.p-accordion_hd.is-open .icon {
top: 50%;
right: 1em;
width: 1em;
height: 1em;

transform: translateY(-50%) rotate(270deg); 
transition: .25s; 
}



.miradry-notes_box h4.p-accordion_hd:hover {
opacity: .7; }
/* //head */

/* body */
.p-accordion_bd {
display: none; }
.miradry-notes {
padding: 20px;
}

.miradry-notes_box .box_bd_init .notice_box {
	clear:both;
	margin:0 auto;
	width:96.5%;
	/*border:3px solid #8BC1DF;*/
	background-color:#FFF;
	padding:1em;
	margin-bottom:1em;
	text-align:center;
}
.miradry-notes_box .box_bd_init .notice_box h5 {
	background-color:#EBEBEB;
	-webkit-border-radius:10em;
	border-radius:10em;
	padding:0.25em;
	font-size:1.25em;
	color:#000;
	font-weight:normal;
	margin-bottom:1em;
	text-align:left;
}
.miradry-notes_box .box_bd_init .notice_box p {
	text-align:left;
}
.miradry-notes_box .box_bd_init .notice_box ul {
	padding-left:1.5em;
}
.miradry-notes_box .box_bd_init .notice_box ul li {
	color:#333;
	font-size:1.2em;
	list-style-type:disc;
	line-height:2;
	padding-left:1em;
	text-align:left;
}

.textbox_09 {
	clear:both;
	margin:0 auto;
	width:70%;
	background-color:#EFDB7A;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
	border-radius: 1em;
	padding:2em;
	margin-bottom:3em;
}
.textbox_09 ul {
	padding-left:1.5em;
}
.textbox_09 ul li {
	color:#333;
	font-size:1.2em;
	list-style-type:disc;
	line-height:2;
	padding-left:1em;
	text-align:left;
}
/* //body */


/* @end */


/* @group faq
------------------------------------------------------------ */
#faq {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_faq_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	padding-top:5em;
	padding-bottom:5em;
}
#faq ul {
	padding:0;
	margin-bottom:5em;
	margin:0 auto;
}
#faq ul li {
	text-align:left;
}
.question {
	clear:both;
	background-color:#ECD15A;
	-moz-border-radius:10em;
	-webkit-border-radius:10em;
	border-radius:10em;
	padding:1em;
	color:#000;
	font-size:1em;
}
.answer {
	clear:both;
	background-color:#FFF;
	-moz-border-radius:10em;
	-webkit-border-radius:10em;
	border-radius:10em;
	margin-top:-0.5em;
	margin-left:5em;
	margin-bottom:2em;
	padding:1em;
	color:#000;
	font-size:1em;
	line-height:2;
}
span.q {
	display:inline-block;
	float:left;
	font-size:2em;
	color:#FFF;
	line-height:0;
	font-weight:bold;
	padding-top:0.25em;
	padding-right:0.5em;
}
span.a {
	display:inline-block;
	float:left;
	font-size:2em;
	color:#FF9999;
	line-height:0;
	font-weight:bold;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:1em;
}
.textbox_01 {
	margin:0 auto;
	width:90%;
	text-align:left;
}
/* @end */


/* @section introduct
------------------------------------------------------------ */
#introduct h2 {
	margin:0 auto;
	background-color: #8F8F8F;
	color:#FFF;
	font-size:2.5em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight:bold;
	padding:1em 0;
	margin-bottom:1.5em;
}
#introduct h3 {
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8F8F8F;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8F8F8F;
	font-size:2.5em;
	font-weight: bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1.5em;
	text-align:center;
}
#introduct p.ttl_concept {
	margin:0 auto;
	width:95%;
	color:#00BBCA;
	font-size:1.7em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1.5em;
	text-align:center;
}
#introduct p.ttl_concept:before {
	margin:0 auto;
    background-color: #00BBCA; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 5px; /* 線幅 */
	margin-bottom:0.5em;
}
#introduct p.ttl_concept:after {
	margin:0 auto;
    background-color: #00BBCA; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 5px; /* 線幅 */
	margin-top:0.5em;
}
#introduct p {
	color:#000;
	font-weight:normal;
	font-size:1em;
	line-height:1.5;
	text-align:left;
}
.textbox_02 {
	margin:0 auto;
	width:70%;
	text-align:left;
}
.textbox_03 {
	margin:0 auto;
	width:90%;
	border:3px solid #00BBCA;
	padding:1em;
	margin-bottom:2em;
	text-align:left;
}
/* @end */


/* &banner
------------------------------------------------------------ */
.banner {
	margin-bottom:5em;
}
.banner ul {
	/*font-size: 0;*/
	padding:0;
	margin:0;
}
.banner li {
	display: inline-block;
	width: 46%;
	padding:10px;
}  
/* @end */


/* DETAIL BUTTON 
------------------------------------------------------------ */
.detail_btn a {
	display:block;
	margin:0 auto;
	width:60%;
	font-size:1em;
	line-height:0;
	color:#FFF;
	text-decoration:none;
	padding:1.5em 0;
	/*margin-bottom:2em;*/
	text-align:center;
	background: linear-gradient(to bottom,  #00bbca 1%,#00a1af 68%);


	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
.detail_btn a:hover {
	background: linear-gradient(to bottom,  #00bbca 1%,#00a1af 68%);

}
@media screen and (max-width: 768px) {
.detail_btn a {
	width:90%;
}
}

/* @end */


/* @dl
------------------------------------------------------------ */
dl.dlstyle_01 {
    overflow: hidden;
    zoom: 1;
}
dl.dlstyle_01 dt {
    width: 10em;
    float: left;
	color:#00BBCA;
    clear: both;
    font-weight: bold;
}
dl.dlstyle_01 dd {
    padding: 0 0 5px 120px;
}
dl.dlstyle_02 {
    overflow: hidden;
    zoom: 1;
}
dl.dlstyle_02 dt {
    width: 10em;
    float: left;
	color:#000;
    clear: both;
    font-weight: bold;
}
dl.dlstyle_02 dd {
    padding: 0 0 1em 120px;
	color:#000;
}
.border01 {
	border-bottom:1px dotted #00BBCA;
	margin-bottom:0.5em;
}
/* @end */



/* @table
------------------------------------------------------------ */
table {
}
td.td30 {
	width:30%;
	vertical-align:top;
}
td.td70 {
	width:70%;
	vertical-align:top;
}
/* @end */


/* @group inside link
------------------------------------------------------------ */
.inside_link img {
    width: 28%;    /* 横幅を割合で指定 */
    height: auto;  /* 高さは自動指定 */
	margin-top:2em;
	margin-bottom:0;
}
/* @end */


/* @group page top
------------------------------------------------------------ */
.page_top {
	position:fixed;
	bottom:0;
	right:0;
}
/* @end */


/* @group copy
------------------------------------------------------------ */
.copy{
	font-size:1em;
	color:#999;
	text-align:center;
}
/* @end */


/* @footer
------------------------------------------------------------ */
footer {
	background-color:#00BBCA;
}
#footer_base .footer_inq {
	display:none;
}
#footer_base p.logo{
	float:left;
	width:379px;
	line-height:0;
	font-size:0;
	padding:10px 0 20px 0;
}
#foot_nav{
	position:relative;
	float:right;
}
#foot_tel,
#foot_inquiry{
	margin:0;
	margin:15px 0 10px 12px;
	float:right;
}
/* spnav */
#spfoot_tel,
#spfoot_mail
{
	display: none;
}
#foot_end{
	position:relative;
	clear:both;
}
/* !snsBtn
---------------------------------------------------------- */
.snsBtn {
    position: fixed;
	right:0;
	bottom: 300px;
	z-index:9;
/*
	width: 100px;
    height: 300px;
    */
}	
@media screen and (max-width: 768px) {
.snsBtn {
	position: fixed;
	right:0;
	bottom: 150px;
	z-index:9;
}
.snsBtn img {
	width:50px;
}
}

/* @footer end */

/* 1100px -> 768 -------------------------------------------------------------- */
@media screen and (max-width:1100px){
.pcv{ display:block; }
.spv{ display:none; }
.spmenu{ display:none; }
/*
p {
	color:#999;
	font-weight:bold;
	font-size:1em;
	line-height:1.5;
}
*/
.mt-40 { margin-top:0 !important; }
/* base */
/* ======================================================== */
header,
footer,
#sogo_gnav,
#about,
#nayami,
#nayami_base,
#method,
#pay,	
#mira_point,
#miradry,
#miradry_base,
#feature,
#videoarea,
#mira_about,
#mira_about_base,
#notice,
#faq,
#introduct,
#introduct_base
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
}
#header_base,
#sogo_gnav_base,
#footer_base,
#about_base,
#method_base,
#pay_base,	
#mira_point_base,
#feature_base,
#video_base,
#notice_base,
#faq_base,
.banner
{
	position:relative;
	clear:both;
	width:90%;
	margin:0 auto;
}
/* @end */


/* @Header
------------------------------------------------------------ */
header {
	background-color:#00BBCA;
	position:fixed;
	z-index:999;
	height:80px;
}
/*	
#header_base h1{
	width: 80%;
	padding: 0 5% 0 0;
	font-size:10px;
	color:#FFF;
	text-align: center;
	margin: 0 auto;
	float: none;
}
#header_base h1 img{
	max-width: 100%;
}
*/
#header_base .header_logo {
	margin: 0 auto;
	float: none;
	width:80%;
	padding:0;
	text-align: center;
}
#header_base .header_logo h1 {
	line-height:0;
	font-size:10px;
	color:#FFF;
	padding:0;
}
#header_base .header_logo img {
	max-width: 100%;
}	

#head_tel,
#head_inquiry{
	display: none;
}
#head_nav{
	/*
	width: 100%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #FDF2FD;
	height: 44px;
	box-sizing: border-box;
	*/
	height: 0;
	display: none;
}
/* spnav */
#sphead_tel,
#sphead_mail
{
	/*
	position: absolute;
	top: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
	display: inherit;
	z-index: 9999;
	*/
	display: none;
}
/*
#sphead_tel{
	right: 45px;
}
#sphead_mail{
	right: 0;
}
*/
/* ---------------------------- */

/* common nav */
#sogo_gnav li a {
	font-size:0.95em;
}

/*
#spsogo_gnav_base {
}
#spsogo_gnav{
	position:relative;
	clear:both;
	display:block;
	width:100%;
	list-style:none;
}
#spsogo_gnav ul{
	display:block;
}
#spsogo_gnav ul{
	margin:0;
	padding:0;
	clear:both;
	border-bottom:1px solid #D9D9D9;
}
#spsogo_gnav li{
	float:left;
	width:20%;
	box-sizing: border-box;
	margin:10px 0;
	border-right:1px solid #D9D9D9;
}
#spsogo_gnav li.sgnav_long{
	float:left;
	width:40%;
	box-sizing: border-box;
	margin:10px 0;
	border-right:1px solid #D9D9D9;
}
#spsogo_gnav li a,
#spsogo_gnav li.sgnav_long a{
	color:#666;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:0.8em;
	padding:10px 0;
	line-height:1.2em;
	cursor: pointer;
}
#spsogo_gnav li a,
#spsogo_gnav li.sgnav_long a{
	background:#FFF;
	font-size:0.8em;
	color:#666;
}
#spsogo_gnav li:last-child {
	border-right:none;
}
#spsogo_gnav li a:hover,
#spsogo_gnav li.sgnav_long a:hover{
	background:#F9F9FB;
	color:#666;
}
*/
/* @end */

	
/* @group video_area
------------------------------------------------------------ */	
#videoarea {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#00BAC8;
	padding: 2em 0;
	margin-bottom:2em;	
}
#videoarea .video_l {
	border:none;
	background-color:none;
	float:none;
	margin: 0 auto;
	text-align: center;
	width:100%;
	padding:0.5em;
	margin-bottom: 1em;
}
#videoarea .video_r {
	border:none;
	background-color:none;
	float:none;
	margin: 0 auto;
	text-align: center;
	width:100%;
	padding:0.5em;
}

#videoarea .video_l iframe, #videoarea .video_r iframe {
	width:100%;
	height:400px;
	object-fit: contain;	
}
/*
#videoarea p {
	text-align:left;
}
*/
/* @end */

/* position: fixed でヘッダ固定するとアンカーがズレる。直す。
------------------------------------------------------------ */
#about, #method, #mira_point, #miradry, #doctor, #clinic, #mira_about {
	margin-top: -80px;/* ヘッダの高さ = 50px */
	padding-top: 80px;/* ヘッダの高さ = 50px */
}
/* @end */


/* @section nayami
------------------------------------------------------------ */
#nayami {
/*
	background-image:url("../../img/img_nayami_bg.png");
	background-repeat:repeat;
	background-position:center top;
*/
	background-image:none;
}
/* @end */

/* @section pay 2025-07-07 add */	
#pay {
	/*
	background-color: #E1DCD1;
	*/
	padding: 100px 0;
	margin-top: 50px;
	margin-bottom: 50px;
}
/* @end */		
	
/* @section mira_point 
------------------------------------------------------------ */
/*
#mira_point h3 {
	margin-bottom:100px;
}
#mira_point h4 {
	font-size:20px;
	font-weight:bold;
	color: #FF8000;
	margin-bottom:1em;
}
#mira_point {
	background-color: #8BF6FF;
	padding-bottom: 100px;
	margin-bottom: 100px;
}
#mira_point ul {
	display:block;
	clear:both;
	margin:0 auto;
	text-align: center;
}
*/
#mira_point ul li {
	/*
	display:inline-block;
	background-color: #FFF;
	border-radius: 5%;
	vertical-align:  middle;
	text-align: left;
	font-size:15px;
	color: #00BBCA;
	*/
	width:40%;
	/*
	height:400px;
	margin:0.5em 3em 5em 0.5em;
	padding:0.5em;
	*/
}
/*
.circle_number {
	background-color: #FFFA7C;
	width: 100px;
	height: 100px;
	padding-top: 10px;
	font-size:50px;
	font-weight:bold;
	color: #FF8000;
	border: 5px solid #FF8000;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;

	margin-top: -50px;
	margin-left: -50px;
	z-index: 10;	
}
#mira_point ul li img {
	display:block;
	margin:0 auto;
	width:94%;
}
*/
/* @end */	


/* @miradry feature
------------------------------------------------------------ */
/*
#feature {
	clear:both;
	display:block;
	margin:0 auto;
    height:1000px;
	background-color:#FFF;
	background-image:url("../../img/img_miradry_feature_bg.png");
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom:2em;
}
*/
#feature .feature_l {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:43%;
	padding:0.5em;
	margin:1em 1em 1em 0.5em;
}
#feature .feature_r {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:43%;
	padding:0.5em;
	margin:1em 0.5em;
}
/*
#feature p {
	text-align:left;
}
*/
/* @end */


/* @miradry about
------------------------------------------------------------ */
/*
#mira_about {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_miradry_about_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	margin-bottom:2em;
}
#mira_about h3 {
}
#mira_about p {
	text-align:left;
}
*/
.textbox_05 {
/*
	clear:both;
	margin:0 auto;
*/
	width:80%;
/*
	background-color:#FFF;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
	padding:2em;
	margin-bottom:3em;
*/
}
.textbox_06 {
/*
	clear:both;
	margin:0 auto;
*/
	width:80%;
/*
	background-color:#ECD15A;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
	padding:2em;
	margin-bottom:3em;
*/
}
/*
.textbox_06 ul {
	padding-left:1.5em;
}
.textbox_06 ul li {
	background-image:url("../../img/img_miradry_recommend_arrow.png");
	background-repeat:no-repeat;
	background-position:left top;
	color:#333;
	font-size:1.5em;
	line-height:2;
	padding-left:2em;
	text-align:left;
}
*/
.textbox_07 {
/*
	clear:both;
	margin:0 auto;
*/
	width:60%;
/*
	background-color:#FFF;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	-o-border-radius: 5em;
	-ms-border-radius: 5em;	
	padding:0.25em;
	margin-bottom:3em;
	text-align:center;
*/
}
/* @end */



/* @section notice
------------------------------------------------------------ */
#notice {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_notice_bg_sp.jpg");
	background-repeat:repeat-y;
	background-position:center bottom;
	padding-bottom:23em;
}
#notice h3 {
/*
	margin:0 auto;
	color:#8F8F8F;
*/
	font-size:2em;
/*
	margin-bottom:1.5em;
*/
}
/* @end */


/* @group faq
------------------------------------------------------------ */
#faq {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_faq_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	padding-top:5em;
	padding-bottom:5em;
}
/*
#faq ul {
	padding:0;
	margin:0;
	margin-bottom:5em;
	margin:0 auto;
}
#faq ul li {
	text-align:left;
}
*/
.question {
/*
	clear:both;
	background-color:#ECD15A;
*/
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
/*
	padding:1em;
	color:#000;
	font-size:1em;
*/
}
.answer {
/*
	clear:both;
	background-color:#FFF;
*/
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
	border-radius:2em;
/*
	margin-top:-0.5em;
	margin-left:5em;
	margin-bottom:2em;
	padding:1em;
	color:#000;
	font-size:1em;
	line-height:2;
*/
}
/*
span.q {
	display:inline-block;
	float:left;
	font-size:2em;
	color:#FFF;
	line-height:0;
	font-weight:bold;
	padding-top:0.25em;
	padding-right:0.5em;
}
span.a {
	display:inline-block;
	float:left;
	font-size:2em;
	color:#FF9999;
	line-height:0;
	font-weight:bold;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:1em;
}
.textbox_01 {
	margin:0 auto;
	width:90%;
	text-align:left;
}
*/
/* @end */

/* @section introduct
------------------------------------------------------------ */
.textbox_02 {
/*
	margin:0 auto;
*/
	width:90%;
/*
	text-align:left;
*/
}
/* @end */



/* &banner
------------------------------------------------------------ */
.banner {
	margin-bottom:5em;
}
.banner ul {
	/*font-size: 0;*/
	padding:0;
	margin:0;
}
.banner li {
	display: inline-block;
	width: 45%;
	padding:10px;
}
/* @end */


/* @group page top
------------------------------------------------------------ */
.page_top {
	position:fixed;
	bottom:120px;
	right:0;
}
/* @end */


/* @group copy
------------------------------------------------------------ */
.copy{
	clear:both;
	display:block;
	font-size:1em;
	color:#999;
	text-align:center;
	padding-bottom:100px;
}
/* @end */


/* @footer
------------------------------------------------------------ */
footer {
	background-color:#00BBCA;
	
	position: fixed;
    bottom: 0;
    width: 100%;
    height:100px;
}
/* add */
#footer_base p img {
	clear:both;
	display:none;
}
#foot_nav{
	display:none;
	float:none;
}
#foot_tel,
#foot_inquiry{
	clear:both;
	display:none;
}
/* //add */

#footer_base .footer_inq {
	display:block;
}
#footer_base .footer_inq ul{
	position:relative;
	clear:both;
	margin:0 auto;
	width:100%;
	margin-top:20px;
	list-style:none;
}
#footer_base .footer_inq ul{
	margin:0;
	padding:0;
}
#footer_base .footer_inq li{
	float:left;
	width:48%;
	box-sizing: border-box;
	background-color:#FFF4FA;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;	
	border-radius: 0.3em;
	margin:5px;
}
#footer_base .footer_inq li a{
	text-align:center;
	display:block;
	padding:10px 0;
	cursor: pointer;
}

#foot_end{
	position:relative;
	clear:both;
}

}
/* ---------------------------- */



/* スマホ設定　768px
------------------------------------------------------------ */
@media screen and (max-width:768px) {
html,body {
	background-color:#FFF;
	min-width:100%;
	/*font-size : 87.5%;*/
	font-size : 92%;
}
.pcv{ display:none; }
.spv{ display:block; }
.spmenu{ display:block; }
/*	Float
------------------------------------------------------------ */ 
.fl { float:none; margin:0 auto; padding:0; text-align:center; }
.fr { float:none; margin:0 auto; padding:0; text-align:center; }
/*	scale
------------------------------------------------------------ */
.img_zoom40 {zoom: 40%;}
.img_zoom60 {zoom: 60%;}
.img_zoom70 {zoom: 70%;}
.pl50 { padding-left:0 !important; }
.mt-40 { margin-top:0 !important; }
/*
p {
	color:#000;
	font-size:1.2em;
	line-height:1.5;
}
*/
/* base */
/* ======================================================== */
header,
footer,
#sogo_gnav,
#about,
#nayami,
#nayami_base,
#method,
#pay,	
#mira_point,
#miradry,
#miradry_base,
#feature,
#videoarea_sp,
#mira_about,
#mira_about_base,
#notice,
#faq,
#introduct,
#introduct_base
{
	position:relative;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
}
/*#header_base,*/
#sogo_gnav_base,
#footer_base,
#about_base,
#method_base,
#pay_base,	
#mira_point_base,
#feature_base,
#video_base_sp,
#notice_base,
#faq_base,
.banner
{
	position:relative;
	clear:both;
	width:95%;
	margin:0 auto;
}
/* @end */
header {
	background-color:#00BBCA;
	position:fixed;
	z-index:999;
	height:0;
}
#header_base .header_logo {
	float:none;
	margin: 0 auto;
	width:83%;
	padding:0;
	text-align: left;
}
#header_base .header_logo img {
	max-width: 80%;
}
#header_base h1 {
	font-size:10px;
	line-height:1;
	color:#FFF;
	padding:0;
	margin: 0;
}	
	
#sogo_gnav{
	display:none;
}
#spsogo_gnav{
	display:none;
}
/* @end */
	
/* @group video_area
------------------------------------------------------------ */	
#videoarea_sp {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#00BAC8;
	padding: 2em 0;
	margin-bottom:2em;	
}
#videoarea_sp div {
	margin: 0 auto;
	text-align: center;
	width:100%;
	margin-bottom: 1em;
}
#videoarea_sp iframe {
	width:90%;
	height:250px;
	object-fit: contain;
}	
#videoarea_sp p {
	text-align:left;
}

/* @end */

/* position: fixed でヘッダ固定するとアンカーがズレる。直す。
------------------------------------------------------------ */
#about, #method, #mira_point, #miradry, #doctor, #clinic, #mira_about, #introduct {
	margin-top: -60px;
	padding-top: 60px;
}
/* @end */



/* @mainimg
------------------------------------------------------------ */
.mainimg {
	padding-top:60px;
	background-color:#FFF;
	background-image:none;
}
/* @end */



/* @internal link
------------------------------------------------------------ */
#internal_base .internal_nav {
	display:block;
}
#internal_base .internal_nav ul{
	position:relative;
	clear:both;
	margin:0 auto;
	width:100%;
	margin-top:0;
	list-style:none;
}
#internal_base .internal_nav ul{
	margin:0;
	padding:0;
}
#internal_base .internal_nav li{
	float:left;
	width:49%;
	box-sizing: border-box;
	background-color:#8BC1DF;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	border-radius: 0.5em;
	margin:1px;
}
#internal_base .internal_nav li a{
	text-align:center;
	display:block;
	padding:0 0;
	cursor: pointer;
}
/* @end */



/* @section about
------------------------------------------------------------ */
table.sp_table  {
	width:100%;
}
table.sp_table td {
	display: block;
	width:100%;
}
td.td30 {
	width:100%;
	vertical-align:top;
}
td.td70 {
	width:100%;
	vertical-align:top;
}
/* @end */

/* @table
------------------------------------------------------------ */
table.table_style {
	margin:0 auto;
	width:100%;
	background-color:#fff;
}
table.table_style th.th03 {
	width:30%;
	padding: 5px;
	font-size:1em;
	font-weight:normal;
	color:#5B5B5B;
	background-color:#DFEFF7;
	line-height: 1.2;
	text-align:left;
}
table.table_style td.td01 {
	width:70%;
	padding: 5px;
	color:#000;
	background-color:#FBDDE9;
	text-align: left;
}
table.table_style td.td02 {
	width:70%;
	padding: 5px;
	color:#000;
	background-color:#8BC1DF;
	text-align: left;
}
table.table_style td .bold_style {
	font-size:16px;
	font-weight:bold;
	color: #E22130;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
table.table_style td .bold_style span {
	display: inline-block;
	background-color: #FFF;
	padding: 2px 5px;
	margin-bottom: 3px;
	margin-right: 3px;
	color: #E22130;
	text-shadow: none;
	font-size: 14px;
	font-weight: bold;
}
table.table_style td .bold_style2 span {
	display: inline-block;
	background-color: #5968EC;
	padding: 2px 5px;
	margin-bottom: 3px;
	margin-right: 3px;
	color: #FFF;
	text-shadow: none;
	font-size: 14px;
	font-weight: bold;
}	
/* @end */



/* @section about
------------------------------------------------------------ */
#about h2 {
	/*
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	*/
	font-size:1.5em;
	padding:0.5em 0;
	margin-top:2em;
	margin-bottom:1.5em;
	text-align:center;
}
#about .about_answer {
	background-image:url("../../img/img_about_icon.png");
	background-repeat:no-repeat;
	background-position:left top;
	background-size: 80px;
	font-size:1.2em;
	font-weight: bold;
	line-height:1.6;
	color:#EC6C76;
	padding:1em 0 1.7em 6em;
	text-align:left;
}
/* @end */
	
/* @section nayami
------------------------------------------------------------ */	
#nayami h2 {
	width:95%;
	/*
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	*/
	font-size:1.5em;
	padding:0.5em 0;
	margin-top:3em;
	margin-bottom:0.5em;
	text-align:center;
}
#nayami .nayami_bg {
	background-image:none;
	margin-bottom: 1.5em;
}	
	
/* @end */	
	
	
/* @section method 
------------------------------------------------------------ */
/*
#method h2 {
	margin-bottom:1em;
}
*/
#method h2 {
	/*
	clear: both;
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	*/
	font-size:1.25em;
	padding:0.5em 0;
	margin-top:3em;
	font-feature-settings: "palt";
	margin-bottom:0.5em;
	text-align:center;
}
#method h3 {
	margin:0 auto;
	background-color: #F3F9FC;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#666;
	font-size:1.1em;
	padding:0.5em 0;
	margin-bottom:0.5em;
	text-align:center;
}
.textbox_08 {
	margin:0 auto;
	width:90%;
	text-align:left;
}
.textbox_04 {
	width:70%;
	background-color:#F4A8AD;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	border-radius: 0.2em;
	padding:0.25em;
	margin-bottom:0.25em;
}

/* @end */
	
/* @section pay 2025-07-07 add*/

#pay {
	background-color: #E1DCD1;
	padding: 50px 0;
	margin-top: 50px;
	margin-bottom: 50px;
}
#pay h2 {
	/*
	clear: both;
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	*/
	font-size:1.25em;
	font-feature-settings: "palt";
	padding:0.25em 0;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:center;
}

#pay .text {
  line-height: 1.5;
  margin-bottom: 50px;
}
#pay ul {
	/*
	display:block;
	margin: 0 auto;
	padding: 0;
	*/
	width:95%;
}	
#pay .list li {
  margin-bottom: 25px;
  border-radius: 10px;
  background-color: #FFF;
  padding: 15px;
}
#pay .list li:last-child {
  margin-bottom: 0;
}
#pay .list li  {
  text-align: center;
  margin-bottom: 25px;
}
#pay .list li p {
  text-align: center;
  margin-bottom: 25px;
}
#pay .list img {
  width:inherit;	
  max-height: 10vh;
}
#pay .list p img {
  height: inherit;
}	
/* @end */	
	
	
/* @section miradry 
------------------------------------------------------------ */
/*
#miradry h2 {
	margin-bottom:100px;
}
*/
#miradry h2 {
	width:95%;
	/*
	clear: both;
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8BC1DF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8BC1DF;
	*/
	font-size:1.5em;
	padding:0.5em 0;
	margin-top:1em;
	margin-bottom:0.5em;
	text-align:center;
}
/* @end */	
	
	
/* @section mira_point 
------------------------------------------------------------ */
#mira_point h3 {
	margin-bottom:50px;
}
#mira_point h4 {
	font-size:18px;
	font-weight:bold;
	color: #FF8000;
	margin-bottom:0.2em;
}
#mira_point {
	background-color: #8BF6FF;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
#mira_point ul {
	display:block;
	clear:both;
	margin:0 auto;
	text-align: center;
}

#mira_point ul li {
	display:block;
	background-color: #FFF;
	border-radius: 5%;
	vertical-align:  middle;
	text-align: left;
	font-size:15px;
	color: #00BBCA;
	
	width:85%;
	height:auto;
	margin:0;
	margin-bottom: 2em;
	padding:0.5em;
}

.circle_number {
	background-color: #FFFA7C;
	width: 50px;
	height: 50px;
	padding-top: 5px;
	font-size:20px;
	font-weight:bold;
	color: #FF8000;
	border: 5px solid #FF8000;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;

	margin-top: -30px;
	margin-left: -30px;
	z-index: 10;	
}
#mira_point ul li img {
	/*
	display:block;
	margin:0 auto;
	*/
	width:70%;
}

/* @end */	


/* @miradry feature
------------------------------------------------------------ */
#feature {
	clear:both;
	display:block;
	margin:0 auto;
    /*height:1000px;*/
	background-color:#FFF;
	background-image:url("../../img/img_miradry_feature_bg_sp.png");
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom:2em;
}
#feature h3 {
	margin:0 auto;
	background-color: #00BBCA;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#FFF;
	font-size:1.5em;
	padding:1em 0;
	margin-top:2em;
	margin-bottom:1.5em;
	text-align:center;
}
#feature .feature_l {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:97%;
	padding:0.25em;
	margin:1em 0;
}
#feature .feature_r {
	border:3px solid #E8E8E8;
	background-color:#FFF;
	float:left;
	width:97%;
	padding:0.25em;
	margin:1em 0;
}
/*
#feature p {
	text-align:left;
}

#feature .feature_title {
	display: block;
	font-size:20px;
	font-weight:bold;
	color:#FC748B;
}
*/
/* @end */



/* @miradry about
------------------------------------------------------------ */
/*
#mira_about {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_miradry_about_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	margin-bottom:2em;
}
*/
#mira_about h3 {
	margin:0 auto;
	background-color: #FFF;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#00BBCA;
	font-size:1.5em;
	padding:1em 0;
	margin-top:2em;
	margin-bottom:1.5em;
	text-align:center;
}
/*
#mira_about p {
	text-align:left;
}
*/
.textbox_05 {
/*
	clear:both;
	margin:0 auto;
*/
	width:90%;
/*
	background-color:#FFF;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
*/
	padding:0.5em;
/*
	margin-bottom:3em;
*/
}
.textbox_06 {
/*
	clear:both;
	margin:0 auto;
*/
	width:90%;
/*
	background-color:#ECD15A;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;	
*/
	padding:0.5em;
/*
	margin-bottom:3em;
*/
}
.textbox_06 ul {
	padding-left:0.5em;
}
.textbox_06 ul li {
	background-image:url("../../img/img_miradry_recommend_arrow.png");
	background-repeat:no-repeat;
	background-position:left top;
	color:#333;
	font-size:1.2em;
	line-height:2;
	padding-left:2.5em;
	text-align:left;
}
.textbox_07 {
/*
	clear:both;
	margin:0 auto;
*/
	width:80%;
/*
	background-color:#FFF;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	-o-border-radius: 5em;
	-ms-border-radius: 5em;	
	padding:0.25em;
	margin-bottom:3em;
	text-align:center;
*/
}
/* @end */



/* @section notice
------------------------------------------------------------ */
#notice {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:none;
	padding-bottom:0;
}
#notice h3 {
/*
	margin:0 auto;
	color:#8F8F8F;
*/
	font-size:1.5em;
/*
	margin-bottom:1.5em;
*/
}
/* head */
.miradry-notes_box .box_hd {
/*
background: #8BC1DF;
color: #fff;
*/
font-size: 1.2em;
/*
text-align: center;
*/
}
.miradry-notes_box .box_bd_init {
padding: 5px;
}

/* body */
.miradry-notes_box .box_bd_init .notice_box {
/*
	clear:both;
	margin:0 auto;
*/
	width:90%;
/*
	background-color:#FFF;
	padding:1em;
	margin:0;
	margin-bottom:1em;
	text-align:center;
*/
}
.miradry-notes_box .box_bd_init .notice_box p {
	text-align:left;
}
.miradry-notes_box .box_bd_init .notice_box ul {
	padding-left:1em;
}
.miradry-notes_box .box_bd_init .notice_box ul li {
	color:#333;
	font-size:1.2em;
	list-style-type:disc;
	line-height:1.6;
	padding-left:0.25em;
	text-align:left;
}
.textbox_09 {
/*
	clear:both;
	margin:0 auto;
*/
	width:80%;
	background-color:#EFDB7A;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	border-radius: 0.5em;
	padding:1em;
	margin-bottom:3em;
}
.textbox_09 ul {
	padding-left:0.5em;
}
.textbox_09 ul li {
	color:#333;
	font-size:1.2em;
	list-style-type:disc;
	line-height:1.6;
	padding-left:0.25em;
	text-align:left;
}
/* //body */

/* @end */


/* @group faq
------------------------------------------------------------ */
#faq {
	clear:both;
	display:block;
	margin:0 auto;
	background-color:#FFF;
	background-image:url("../../img/img_faq_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
	padding-top:5em;
	padding-bottom:5em;
}
#faq h3 {
	margin:0 auto;
	background-color: #FFF;
	border:5px solid #00BBCA;
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
	border-radius:2em;
	color:#00BBCA;
	font-size:1.5em;
	padding:0.5em 0;
	margin-top:0;
	margin-bottom:1.5em;
	text-align:center;
}
/*
#faq ul {
	padding:0;
	margin:0;
	margin-bottom:5em;
	margin:0 auto;
}
#faq ul li {
	text-align:left;
}
*/
.question {
/*
	clear:both;
	background-color:#ECD15A;
*/
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
/*
	padding:1em;
	color:#000;
	font-size:1em;
*/
}
.answer {
/*
	clear:both;
	background-color:#FFF;
*/
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
	border-radius:2em;
/*
	margin-top:-0.5em;
	margin-left:5em;
	margin-bottom:2em;
	padding:1em;
	color:#000;
	font-size:1em;
	line-height:2;
*/
}
/*
span.q {
	display:inline-block;
	float:left;
	font-size:2em;
	color:#FFF;
	line-height:0;
	font-weight:bold;
	padding-top:0.25em;
	padding-right:0.5em;
}
span.a {
	display:inline-block;
	float:left;
	font-size:2em;
	color:#FF9999;
	line-height:0;
	font-weight:bold;
	padding-top:0.5em;
	padding-right:0.5em;
	padding-bottom:1em;
}
.textbox_01 {
	margin:0 auto;
	width:90%;
	text-align:left;
}
*/
/* @end */


/* @section introduct
------------------------------------------------------------ */
#introduct h2 {
	margin:0 auto;
	background-color: #8F8F8F;
	color:#FFF;
	font-size:2em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight:bold;
	padding:1em 0;
	margin-bottom:1.5em;
}
#introduct h3 {
	margin:0 auto;
	background-color: #F3F9FC;
	border:5px solid #8F8F8F;
	-moz-border-radius:5em;
	-webkit-border-radius:5em;
	border-radius:5em;
	color:#8F8F8F;
	font-size:2em;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1em;
	text-align:center;
}
#introduct p.ttl_concept {
	margin:0 auto;
	width:95%;
	color:#00BBCA;
	font-size:1.5em;
	font-weight: bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1.5em;
	text-align:center;
}
#introduct p.ttl_concept:before {
	margin:0 auto;
    background-color: #00BBCA; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 5px; /* 線幅 */
	margin-bottom:0.5em;
}
#introduct p.ttl_concept:after {
	margin:0 auto;
    background-color: #00BBCA; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 5px; /* 線幅 */
	margin-top:0.5em;
}
#introduct p {
	color:#000;
	font-weight:normal;
	font-size:1em;
	line-height:1.5;
	text-align:left;
}
.textbox_02 {
	margin:0 auto;
	width:95%;
	text-align:left;
}
.textbox_03 {
	margin:0 auto;
	width:90%;
	border:3px solid #00BBCA;
	padding:1em;
	margin-bottom:2em;
	text-align:left;
}
/* @end */

/* @dl
------------------------------------------------------------ */
dl.dlstyle_01 {
    overflow: hidden;
    zoom: 1;
}
dl.dlstyle_01 dt {
    width: 7em;
    float: left;
	color:#00BBCA;
    clear: both;
    font-weight: bold;
}
dl.dlstyle_01 dd {
    padding: 0 0 5px 5em;
}
dl.dlstyle_02 {
    overflow: hidden;
    zoom: 1;
}
dl.dlstyle_02 dt {
    width: 7em;
    float: left;
	color:#000;
    clear: both;
    font-weight: bold;
}
dl.dlstyle_02 dd {
    padding: 0 0 1em 4em;
	color:#000;
}
.border01 {
	border-bottom:1px dotted #00BBCA;
	margin-bottom:0.5em;
}
/* @end */


/* &banner
------------------------------------------------------------ */
.banner {
	margin-bottom:5em;
}
.banner ul {
	/*font-size: 0;*/
	padding:0;
	margin:0;
}
.banner li {
	display: inline-block;
	width: 45%;
	padding:2px;
}
/* @end */


/* @group page top
------------------------------------------------------------ */
.page_top_sp {
	position:fixed;
	bottom:80px;
	right:0;
}
.page_top_sp img {
	width:80%;
}
/* @end */


/* @group copy
------------------------------------------------------------ */
.copy{
	clear:both;
	display:block;
	font-size:0.8em;
	color:#999;
	text-align:center;
	padding-bottom:80px;
}
/* @end */


/* @footer
------------------------------------------------------------ */
footer {
	background-color:#00BBCA;
	
	position: fixed;
    bottom: 0;
    width: 100%;
    height:80px;
}
#footer_base .footer_inq ul{
	position:relative;
	clear:both;
	display:block;
	margin:0 auto;
	width:100%;
	margin-top:20px;
	list-style:none;
}
#footer_base .footer_inq ul{
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
}
#footer_base .footer_inq li{
	float:left;
	width:46%;
	box-sizing: border-box;
	background-color:#FFF4FA;
	-moz-border-radius: 0.1em;
	-webkit-border-radius: 0.1em;
	-o-border-radius: 0.1em;
	-ms-border-radius: 0.1em;
	border-radius: 0.1em;
	margin:5px;
}
#footer_base .footer_inq li a{
	text-align:center;
	display:block;
	padding:2px 0;
	cursor: pointer;
}


}


/*footer link*/
.footerArea02 {
	background:#f5f5f5;
	color:#5e4c39;
	/*height:465px;*/
	height:600px;
}
.ftLink {
	max-width:1100px;
	margin:0 auto;
	padding:0 10px;
}
.ftNav {
	width:24%;
	float:left;
	position:relative;
	background:#fff;
	/*height:465px;*/
	height:600px;
	padding-right:14px;
	padding-top:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
.ftNav ul li + li {
	margin-top:16px;
}
.ftNav ul li a {
	font-size:12px;
	color:#5e4c39;
	line-height: 1.2;
	text-decoration:none;
}
.ftNav ul li a:hover {
	text-decoration: underline;
}
.ftNav:before {
	background:#fff;
	width:1100px;
	/*height:465px;*/
	height:600px;
	top:0;
	right:100%;
	content:"";
	z-index:2;
	position:absolute;
}
@media screen and (max-width: 959px) {
.footerArea02 {
	background:#f5f5f5;
	color:#5e4c39;
	height: auto;
	padding-bottom:10px;
}

.ftNav {
	width:100%;
	float:none;
	height:auto;
	margin-bottom: 20px;
}
}

.ftLinkbox {
	overflow:hidden;
	/*padding-left:40px;*/
	padding-left:20px;
}
.ftLinkbox > ul {
	margin-left:-50px;
}
.ftLinkbox li {
	margin-top:8px;
	text-align: left;
}
.ftLinkbox > ul > li {
	float:left;
	width:50%;
	padding-left:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.ftLinkIn01 {
	padding:30px 0 0;
}
.ftLinkIn01 + .ftLinkIn01 {
	margin-top:10px;
}
/*add*/
.ftLinkIn01 ul {
	padding-left:0;
}
/*//add*/
.ftLinkIn01 ul li {
	background:url(../img/ico_ftlink.png) right center no-repeat;
	/*padding-left:10px;*/
	padding-left:0;
	line-height:1.5;
	font-size:12px;
	color:#5e4c39;
}
.ftLinkIn01 ul li a {
	display:block;
	font-size:12px;
	color:#5e4c39;
	text-decoration:none;
}
.ftLinkIn01 ul li a:hover {
	text-decoration: underline;
}
.footLinkBg {
	background:none !important;
}
@media screen and (max-width: 959px) {
.ftLinkbox {
	overflow:hidden;
	padding:0 10px;
}
.ftLinkbox > ul {
	margin-left:0;
}
.ftLinkbox > ul > li {
	float:none;
	width:100%;
	padding-left:0;
}
.ftLinkIn01 {
	padding:10px 0 0;
}
.ftLinkTit {
	margin-bottom:10px;
	cursor:pointer;
	background: url(../img/ico_down.png) right center no-repeat;
	padding:5px 0;
	border-bottom:1px solid #5e4c39;
}
.ftLinkTit.on {
	background: url(../img/ico_up.png) right center no-repeat;
}
.ftLinkIn01 + .ftLinkIn01 {
	margin-top:10px;
}
.ftLinkIn01 ul {
	display:none;
}
.ftLinkIn01 ul li {
	background:url(../img/ico_ftlink.png) right center no-repeat;
	padding-left:0;
	line-height:1.5;
	border-bottom:1px solid #5e4c39;
}
.ftLinkIn01 ul li + li {
	margin-top:5px;
}
.ftLinkIn01 ul li a {
	display:block;
	font-size:12px;
	padding:5px 0;
	color:#5e4c39;
	text-decoration:none;
}
}
/*//footer link*/