@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
* { margin: 0px; padding: 0px; font-size: 100%;font-size: 14px; }
th { font-weight: lighter; }
img { border: none; vertical-align: bottom; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;padding: 0;border: 0;font-size: 0.85em;font: inherit;vertical-align: baseline;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { height: 101%; }
body { font-size:0.95em; line-height: 1;color: #333;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック","游ゴシック体", "Yu Gothic", "メイリオ",Meiryo, sans-serif; }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
body {min-width: 320px;}

p { font-size: 1em;line-height: 1.7; }
a{text-decoration:none;}

.clearfix:after {content: " ";display:block;clear:both;*zoom: 1;}



.flex{width:100%;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}
.mt_80{margin-top:80px !important;}
.mt_100{margin-top:100px !important;}
.mb_30{margin-bottom:30px !important;}


.bold{font-weight:bold;}
.text-center{text-align:center !important;}
.pc-center{text-align:center;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}

.annotation{font-size:12px;}
.first{margin-top:0 !important;}
.red{color: #e94a4f;}
.green{color: #50b464;}
.pc-br{display:block;}
.sp-br{display:none;}
.underline{ text-decoration:underline;color: #e94a4f;font-weight: normal;}
.underline-green{ text-decoration:underline;color: #50b464;font-weight: normal;}


table{width:100%;}
table th {border-bottom-width: 0px;border-left-width: 0px;}
table tr td {border-bottom-width: 0px;border-left-width: 0px;vertical-align: text-top;}
html{
    scroll-behavior: smooth;
}
ul li{line-height: 1.3;}

img{height: auto;}
.wide{width:88%;margin-right:auto;margin-left:auto;max-width: 1200px;}
.text-small{font-size:0.6em;}

.min{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

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

}

@media screen and ( max-width:767px ){
    .pc-br{display:none;}
    .sp-br{display:block;}
	.pc-center{text-align:left;}
}





/* リンク設定
------------------------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;transition: 0.5s;-webkit-transition:0.5s
}

a:hover, a:active{
outline:none;
opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/**** Clearfix ****/

.nav .panel:before,nav .panel:after, #mainNav:before,#mainNav:after, .newsTitle:before,.newsTitle:after{
content:"";
display:table;
}

nav.panel:after,#mainNav:after,.newsTitle:after{
clear: both;
}

nav.panel,#mainNav,.newsTitle{
zoom: 1;
}


/* レイアウト
------------------------------------------------------------*/


#wrapper, .inner{
margin:0 auto;
}

#content{
}

#sidebar{

}

/* タイポグラフィ
------------------------------------------------------------*/



.post h3{
margin:15px 0 25px;
padding:15px 0;
font-size:120%;
font-weight:bold;
border-bottom:1px solid #000000;
}

.post h4{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}

.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;
font-weight:bold;
}

.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}

.post dt{
font-weight:bold;
}

.post dd{
padding-bottom:10px;
}

.post img{
max-width:100%;height:auto;
}

img.aligncenter{
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}




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

#footer{clear:both;background-color: #C6616D;color:#fff;background-image:url(images/pattern.png); background-repeat:repeat;padding:40px 0 120px;background-color: #C15060;background-color: #D56B7A;background-color: #C86876;} 

/*.page-access #footer{background-color: #F0D2D5;background-color: #FDE7E9;color: #555;background-image: url(images/pattern30.svg);background-size: 100px;}
.page-access #footer ul li a {color: #555;}
.page-access .footer-name {color: #555; font-weight: normal;}
.page-access .footer-tel a { color: #555;}*/

#footer p{line-height: 1.5;}
#footer-text{width: 46%;margin-left:8%;}
#footer-access{width:46%;}
#footer iframe{border-radius: 4px;}

.footer-name{color: #fff;display: block;font-size:1.8em;margin-bottom:15px;font-weight:bold;letter-spacing: 0.05em;display: inline-block;}
.footer-tel{position:relative;}
.footer-tel a{color: #fff;font-size: 1.65em;display: block;line-height: 1.3;}
.footer-sns{ position:absolute; bottom:-10px;left: 50%;width: 90px;}
.footer-sns a:first-child{ margin-right:10px;}
.footer-sns a{height:40px;width: 40px;}
.footer-sns a img{display:block;width:100%;}

#footer ul{margin-bottom:40px;}
#footer ul li{display:inline-block;text-align:left;padding:0;margin-right:50px;}
#footer ul li a{line-height: 40px;color: #fff;display: block;}
#footer ul li a:hover{color:#F3D2D7;}

#copyright{margin-top:30px;font-size:13px;padding-bottom: 20px;}

#pagetop{position:fixed;right:15px;bottom:15px;cursor:pointer;}
#pagetop img{width:50px;display: block;margin: 0 auto;background: rgba(243,210,215,0.85);border-radius:50%;}

.floating{position: fixed;bottom:0;left:0;right:0;margin:auto; background: rgba(255,255,255,0.95);border-radius:6px 6px 0 0;padding: 10px 20px;justify-content: center;align-items: center;max-width: 991px;
box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-moz-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-webkit-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-o-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);
-ms-box-shadow: 0 0 10px rgba(136, 133, 133, 0.2);z-index: 100;}
.floating div{padding: 0;max-width: 300px;align-items: center;justify-content: flex-end;}
.floating div p{/*font-weight:bold;font-size:1.1em;*/}
.floating div img{display: block;width: 50px;}
.floating .line-qr img{width: 70px;}
.floating div span{display:block;font-size: 14px;line-height: 1.3;font-weight: normal;}

.floating div.floating-message{padding: 0px;}
.floating-message p{font-weight:bold;font-size:1.2em;line-height:1.5;color:#E86880;color: #E86880;}
.floating-line p:nth-child(2){padding:0 15px;}
.floating div.floating-line{max-width:400px;}
.floating-tel img{margin-right: 10px;}
.floating-tel a{font-weight:bold;font-size:1.4em;line-height:1;color:#E86880;display: block;}
.floating-sp{display:none;}

@media only screen and (max-width:1100px){
	.footer-sns{left: 60%;}
	.floating {border-radius: 0;max-width: 1100px;}
	#pagetop {bottom: 100px;}
}

@media only screen and (max-width:959px){
	#footer{padding: 0;}
	#footer .wide{width:100%;}
	#footer-text{width: 100%;margin:auto;text-align: center; padding:20px 8% 120px;}
	.footer-sns{position: static;margin: 10px auto;width: 100px;}
	.footer-sns a:first-child {margin-right: 20px;}
	
	#footer ul{justify-content:center}
	#footer ul li:last-child{margin-right:0;}
	#footer-access{width: 100%;}
	.floating div.floating-message {max-width: 959px;width: 100%;text-align: center;margin-bottom: 10px;}
	.floating-message br{display:none;}
	.floating div {justify-content: center;}
}
@media only screen and (max-width:767px){
	/*.footer-tel {background: #fff;display: inline-block;padding: 0px 30px;line-height: 40px;height: 40px;
    border-radius: 0px;margin: 5px auto 10px;text-align: center; font-size: 1.25em; color: #3f3f3f;transition: 0.5s;-webkit-transition: 0.5s;}
	.footer-tel:hover{transition: 0.5s;-webkit-transition: 0.5s;border-radius: 0px;background: #ddd;transform: scale(0.95);opacity: 1;}*/
	#footer ul li {margin-right: 0px; width: 33%;}
	#footer ul li a{padding: 0 0px;}
	#footer-access iframe{height:250px;}
	#footer ul {justify-content: flex-start;}
	.floating{display:none;}
	.floating-sp{display:block;position: fixed;bottom: 0;width: 100%;}
	.floating-sp ul{background: rgba(255,255,255,0.9);}
	.floating-sp ul li{width:50%;text-align:center;}
	.floating-sp ul li a{color:#E86880;display: block;height: 40px;line-height: 40px;}
	.floating-sp ul li img{margin-right:10px;width: 30px;vertical-align: middle;}
	#footer-text {padding: 20px 8% 40px;}
	#pagetop {right: 10px;bottom: 50px;}
}
@media only screen and (max-width:500px){
	
	#footer ul li {width: 50%;}
}
@media only screen and (max-width:450px){
.footer-name {font-size: 1.6em;margin-bottom: 10px;}
  #footer-text p{font-size: 0.9em;}
}
@media only screen and (max-width:370px){	
.floating-sp ul li a {font-size: 0.9em;}
.footer-tel { padding: 5px 10px;font-size: 1.1em;width: 100%;}
}

/* メインメニュー　PC用
------------------------------------------------------------*/

nav#mainnav ul{padding:0;text-align: right;display:flex; justify-content:flex-end}
/*nav#mainnav ul li{display:inline-block;}*/
nav#mainnav ul li a{display:block;text-align:center;color: #000;height: 40px;line-height: 40px;padding: 0 0 0 50px;}
nav#mainnav ul li a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;color: #E86880;}


@media only screen and (max-width:1300px){
	nav#mainnav ul li a{padding: 0 0 0 32px;}
}
@media only screen and (max-width:1130px){
	nav#mainnav ul li a{padding: 0 0 0 20px;}

}

@media only screen and (min-width:1025px){

nav div.panel{display:block !important;}

a#menu{display:none;}

}



/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/

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

#header{
margin-top:0px;
width:100%;
z-index:500;
}
	
#headerWrap{
position:relative;
width:100%;
}

#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:70px;
height:70px;
}

#menuBtn{
display:block;
position:absolute;
top:50%;
left:30%;
width:30px;
height:2px;
margin:-1px 0 0 -7px;
background:#E86880;
transition:.2s;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:30px;
height:2px;
background:#E86880;
transition:.3s;
}

#menuBtn:before{
margin-top:-10px;
}

#menuBtn:after{
margin-top:8px;
}

#menuWrap{height: 70px;}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;
top:0;
z-index:100;
}

#mainnav{
position: fixed;
top:0;right: 0;
width:100%;
text-align:right;
z-index:500;
height: 70px;
}

#mainnav ul{
background: rgb(255,255,255,0.95);
padding: 10px 0;
text-align:left;
}
nav#mainnav ul {display: block;}

#mainnav li{margin: 0;width: 100%;}

#mainnav li a img{display:block;margin-bottom:10px;width: 80px;margin: 0 auto 20px;}

nav#mainnav ul li a,nav#mainnav ul li:last-child a{padding: 0px 8%;;text-align:left;height: 50px;line-height: 50px;border-bottom: 0px dashed #fff;color: #E86880;}

nav#mainnav ul li a:before{content:'\f105';font-family: FontAwesome;margin-right:10px;}
nav#mainnav ul li a:hover,nav#mainnav ul li:last-child a:hover{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;background:rgba(213,84,91,0.95);opacity:1;color:#fff;}


.sp-btn{display:block;width:140px;position:fixed;top:0;right:70px;z-index:1000;}
.sp-btn li{width:50%;}
.header-inner .sp-btn li a{display:block;padding: 10px;}
.header-inner .sp-btn li img{display:block;width:100%;}

}

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

#wrapper, .inner{
width:100%;
}
.home #wrapper{padding: 70px 0 0;}

}
@media only screen and (max-width:450px){
	.header-inner .sp-btn li a {padding: 10px 0;}
	#menuBtn {margin: -1px 0 0 0px;}
}
@media only screen and (max-width:350px){
	.header-inner .sp-btn li a {padding: 12.5px 0;}
}




/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

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

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}
}



/* ヘッダー*/
#header{ background:rgba(255,255,255,1);height: 100px;position: relative;position: relative;z-index: 10;}

.header-title{padding-left:4%;margin-right:auto;}
.header-title img{max-width: 320px;}
.header-title-sp{display:none;}
.header-access{text-align: right;margin-bottom: 10px;}
.header-access p{font-size:0.85em;display: flex;align-items: center;justify-content: flex-end;}
.header-line{color:#000;margin-left:15px;}
.header-line:before{content: '';display: inline-block;width: 26px; height: 26px;background-image: url(images/line.png);background-size: contain;vertical-align: middle; margin-right:5px;margin-top: -5px;background-repeat:no-repeat;}
.header-tel span{display: inline-block;font-size:15px;margin-right: 5px;vertical-align: middle;}

.header-tel {font-size: 2em;color:#E86880;font-weight: bold;margin-right: 10px;}
.header-tel:before{content: '';display: inline-block;width: 14px; height: 14px;background-image: url(images/tel.svg);background-size: contain;vertical-align: middle; margin-right:3px;background-repeat:no-repeat;}
.header-tel span{display: inline-block;font-size:15px;margin-right: 5px;vertical-align: middle;}
.header-inner{display: flex;justify-content: flex-end;max-width: 1500px;margin: auto;}
.header-menu{padding-right: 4%;}

@media only screen and (max-width:1200px){
	.header-access {padding: 10px 0px 0;}
	.header-access p{font-size:0.8em;}
	.header-access p.access-link a { font-size: 15px;}
	.header-tel {font-size: 1.8em;}
	.header-title img{width:320px; display:block;}
	
}


@media only screen and (max-width:1024px){
	.header-title{display:none;}
	.header-title-sp{display:block;position:fixed;height: 70px;z-index:1000;top: 0;left: 0;line-height: 70px;}
	.header-title-sp a img{padding: 10px;height: 70px;}
	#header {width: 100%;background: rgba(255,255,255,0.95);height: 70px;position: fixed;top: 0;}	
	.header-inner { padding: 0; height: 70px;background: transparent;align-items: center;}
	.header-access {padding:0;}
	.header-menu{padding-right: 90px;}
}
@media only screen and (max-width:800px){
	.header-access {display: none;}
}

@media only screen and (max-width:450px){
	.header-title {font-size: 1.35em;letter-spacing: 0.05em;}
}

@media only screen and (max-width:350px){
	.header-title {font-size: 1.2em;letter-spacing: 0em;}
}

/* 見出し*/
h2{font-size: 2em;margin:0px 0 50px;color: #E86880;line-height: 1.3;position: relative;text-align:center;font-weight:normal;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.home h2{color:#000;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
h2 span{padding:0px;display:inline-block;line-height: 1.3;font-size: 22px;margin-left: 5px;font-weight: normal;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

h3{font-size: 1.5em;line-height: 1.4;text-align:center;
margin: 35px 0 30px;
font-weight: normal;
color: #000;}
h3 span{padding:0px;display:inline-block;font-size: 0.75em;margin-left: 5px;font-weight: normal;}

h4 { margin: 30px 0 20px;
    font-size: 1.2em;font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.3;
    position: relative;
    font-weight: bold;
}
h5{ margin: 20px 0 5px;
    font-size: 1.1em;font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}
h6{ margin: 10px 0 5px;
    font-size: 1em;font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 1.3;
    font-weight: bold;
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:959px){
	h3 {font-size: 1.3em;margin: 20px 0 10px;}
}
@media only screen and (max-width:767px){
	h2 { margin: 0px 0 30px;font-size: 2em;font-size: 1.7em;line-height: 1.3;}

	h4 { font-size: 1.1em;}
	h2 span{margin-top: 5px;}
}
@media only screen and (max-width:600px){
	h2 {  font-size: 1.6em;}
	.page h2 {margin: 0px auto 20px;}
	h3 {font-size: 1.2em;}
}
@media only screen and (max-width:500px){
	
	h2 {  font-size: 1.5em;}
}
@media only screen and (max-width:400px){
	h2 {  font-size: 1.3em;}
	h3 {font-size: 1.15em;}
}
@media only screen and (max-width:350px){
	h2 { display:block;margin-left:0;}
}



/* トップページ*/
.top-image{position:relative;}
.top-image-on{position: absolute;top: 0;right: 0;margin:auto;width: 50%;background: rgba(237,204,212,0.8);background: rgba(249, 222, 226, 0.7);padding: 0px;display: flex;justify-content: center;align-items: center;height: 700px;}
.top-image-on img{padding: 30px;}
.top-image img{display:block;max-height: 700px;}
.calligraphy-illust-on{position:absolute;bottom:0;right:4%;top: -90px;width: 230px;}
.top-image-on-02{position:absolute;bottom: -50px;left:4%;width: 230px;}
.calligraphy-illust-on img,.top-image-on-02 img{display:block;width:100%;}

.top-calligraphy{padding:80px 0; position:relative;}
.top-calligraphy-illust{width:20%;margin-right:5%;}
.top-calligraphy-illust img{width:100%;display:block;}
.top-calligraphy ul{width:75%;}
.top-calligraphy ul li{background: url(images/top-about-bg.png);background-repeat: no-repeat;background-position: center;background-size: contain;width: 22%;margin-right: 3%;color: #fff;font-weight: bold;text-align: center;font-size: 1.25em;line-height: 1.6;display: flex;align-items: center;justify-content: center;padding-left: 8px;}
.top-calligraphy ul li:last-child{margin-right:0;}
.message{color:#E86880;font-size:1.6em;line-height:1.5;text-align:center;margin-top: 20px;}

@media only screen and (max-width:1200px){	
	.top-calligraphy ul li {width: 23%;margin-right: 2%;}
	.top-image-on img{padding: 10px;}
}
@media only screen and (max-width:1100px){
	.top-image-on img,.top-main{height: 600px;width:auto;}
	.top-image-on {height: 600px;}
}

@media only screen and (max-width:1024px){
	.top-calligraphy{padding:60px 0;}
	.top-calligraphy ul li {width: 25%;margin-right: 0%;font-size: 1.2em;}
	.top-calligraphy-illust {width: 23%;margin-right: 2%;}
}
@media only screen and (max-width:959px){	
	.top-image-on {width: 40%;}
	.top-image-on img{height: 550px;}
	.calligraphy-illust-on{width: 200px;}
	.top-image-on-02{width: 200px;}
	.top-calligraphy ul li { font-size: 1.1em;}
}
@media only screen and (max-width:800px){
	.top-main{width: 80%;height: auto;}
	.top-image-on {height: 100%;}
	.top-image-on-02 {bottom: 20px;}
	.calligraphy-illust-on {bottom: 15px;width: 130px;}
	.top-image {overflow: hidden;}
	.top-image-on img{height: 430px;}
}

@media only screen and (max-width:767px){
	.top-calligraphy .wide > .flex{flex-direction: column-reverse;}
	.top-calligraphy ul { width: 100%;justify-content: center;}
	.top-calligraphy ul li {font-size: 1em;height: 140px;width: 140px;}
	.top-calligraphy-illust { width: 100%; max-width: 300px;margin:50px auto 30px;}
	
	.calligraphy-illust-on {top: -40px;}
}
@media only screen and (max-width:650px){
	.top-calligraphy ul {flex-wrap: wrap;max-width: 300px;margin: auto;}
}
@media only screen and (max-width:600px){
	.top-image-on-02 {bottom: 10px;left: 10px;width: 160px;}
	.top-image-on img { height: 350px;}
	.message {font-size: 1.3em;}

}
@media only screen and (max-width:500px){
	.top-image-on-02 {width: 150px;}
	.top-image-on img { height: 300px;}
	.calligraphy-illust-on {width: 110px;}
	.message{text-align:left;}
	.message br{display:none;}
	.top-calligraphy { padding: 40px 0;}
}
@media only screen and (max-width:430px){
	.top-image-on-02 {width: 120px;}	
	.top-image-on img { height: 250px;}
	.message {font-size: 1.2em;}
}
@media only screen and (max-width:370px){
	.top-image-on-02 {width: 100px;}	
	.top-image-on img { height: 230px;}
	.calligraphy-illust-on {width: 80px;top: -20px;}
	.message {font-size: 1.1em;}
}



.top-btn{position:relative;background-color: #FFEDF1;background-color: #FFF3F4;background-image:url(images/pattern100.png); background-repeat:repeat;padding:80px 0}
.top-text{text-align:center;font-size:1.2em;line-height:2;}
.top-btn .top-btn-list{display:flex; flex-wrap:wrap;margin-top: 50px;justify-content: center;position: relative;}
.top-btn .top-btn-list li{width:30%;margin-bottom:40px;margin-right: 5%;}
.top-btn .top-btn-list li:nth-child(3),.top-btn ul li:nth-child(5){margin-right: 0%;}
.top-btn .top-btn-list li a{position: relative; display:block;}
.top-btn .top-btn-list li p{line-height: 1.5;}
.top-btn .top-btn-list li p.top-btn-title{background:rgba(226,117,128,0.92);background:rgba(223, 111, 132, 0.92);color:#fff;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;width:55%;height: 45%;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;display: flex;justify-content: center;align-items: center;font-size: 1.25em;letter-spacing: 0.05em;border-radius: 4px;}
.top-btn .top-btn-list li img{width:100%;display:block;margin-bottom: 15px;border-radius: 4px;}

.top-insta-btn{color:#fff;text-align:center;background:#E27580;background:rgba(223, 111, 132, 0.92);height: 40px;line-height: 40px;display: inline-block;margin-left: 20px;border-radius: 0px;padding: 0 20px 0 15px;font-size: 0.75em;border-radius: 4px;}
.top-insta-btn span{font-size: 0.85em;}
.top-insta-btn:before{content: '';display: inline-block;width: 24px; height: 24px;background-image: url(images/instagram-white.svg);background-size: contain;vertical-align: middle; margin-right:5px;margin-top:-5px; background-repeat:no-repeat;}

.top-btn h3{display: flex;justify-content: center;align-items: center;}
	
	
.top-insta{ display:flex;justify-content: space-between;margin-top: 30px;position: relative;}
.top-insta li{ width:16%;}
.top-insta li img{width:100%;display:block;}

.top-kazari01,.top-kazari02{position:absolute;width: 200px;border-radius: 4px;}
.top-kazari01 img,.top-kazari02 img{width:100%;}
.top-kazari01{top: -60px;right: 3%;}
.top-kazari02{bottom: 150px;left: 20px;}

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

}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:1024px){
	.top-btn{padding:60px 0}
}
@media only screen and (max-width:959px){
	.top-btn .top-btn-list li p.top-btn-title {width: 70%;font-size: 1.15em;}
	.top-btn .top-btn-list {margin-top: 30px;}
	.top-insta {flex-wrap: wrap;justify-content: center;}
	.top-insta li {width: 30%;margin-right:5%;margin-bottom: 36px;}
	.top-insta li:nth-child(3) {margin-right:0%;}
	.top-insta li:nth-child(4),.top-insta li:nth-child(5) {margin-bottom: 0px;}
	.top-kazari02 {bottom: 20px;}
}
@media only screen and (max-width:767px){
	.top-kazari01, .top-kazari02 {width: 150px;}
	.top-text {text-align: left;font-size: 1.1em;}
	.top-btn .top-btn-list {justify-content: flex-start;}
	.top-btn .top-btn-list li,.top-btn .top-btn-list li:nth-child(3),.top-btn ul li:nth-child(5) {width: 47%;margin-right: 6%;}
	.top-btn .top-btn-list li:nth-child(2n){margin-right: 0%;}
	.top-insta {justify-content: flex-start;}
	.top-insta li,.top-insta li:nth-child(3),.top-insta li:nth-child(4),.top-insta li:nth-child(5)  {width: 47%;margin-right:6%;margin-bottom: 40px;}
	.top-insta li:nth-child(2n) {margin-right:0%;}
	.top-insta li:nth-child(4),.top-insta li:nth-child(5) {margin-bottom: 0px;}
	.top-kazari02 {bottom: 30px;right: 20px;left: auto;}
}
@media only screen and (max-width:500px){
	.top-btn {padding: 40px 0;}
	.top-kazari01, .top-kazari02 {width: 120px;}
	.top-text {font-size: 1.05em;line-height: 1.7;}
	.top-btn .top-btn-list li p.top-btn-title { width: 80%; font-size: 1.1em;}
	.top-btn .top-btn-list li {margin-bottom: 30px;}
	
}
@media only screen and (max-width:400px){
	.top-btn .top-btn-list li p.top-btn-title {width: 60%;font-size: 1.15em;}
	.top-btn .top-btn-list li,.top-btn .top-btn-list li:nth-child(3),.top-btn ul li:nth-child(5),.top-btn .top-btn-list li:nth-child(2n) {width: 100%;margin-right: 0%;}

}



.img-hover{ overflow:hidden;display:block;}
.img-hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;}
.img-hover:hover img{transition: 0.5s ease-out;-webkit-transition:0.5s ease-out;transform:scale(1.1);opacity:1;}
.img-hover:hover{opacity:1;}

.measures{padding: 80px 0;}
.measures-bg{padding: 40px 6%; background:#EBEBEB;border-radius: 4px;}
.measures ul{display:flex;justify-content: space-between;margin-top: 30px;margin-bottom: 40px;}
.measures ul li{width:18%;text-align:center;}
.measures ul li img{width:100%;display:block;margin-bottom:15px;}

.measures-text{width: 65%;text-align: left;}
.measures-photo{width:30%;margin-right:5%;}
.measures-photo img{width:100%;display:block;}

.top-contact{padding: 80px 0;background:#F6E7E9;}
.top-contact-bg{padding: 40px 6%; background:#fff;border-radius: 4px;}
.top-contact-tel{position: relative;position: relative;justify-content: flex-end;}
.top-contact-tel h2{width:240px;height: 240px;margin-right:5%; background:url(images/top-contact-title.png); background-repeat: no-repeat; background-position:center; background-size:100%;display: flex;
flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;position: absolute;top: -90px;left: 0;}
.top-contact-tel h2 span{display:block;margin-left: 0px;font-size: 18px;margin-bottom: 5px;}
.top-contact-tel div{width:70%;}
.lead{font-size:1.6em;line-height:1.5;}
.contact-tel a{font-weight: bold;color:#E86880;font-size: 2.8em;margin-right: 20px;line-height: 1.7;}
.contact-tel span {font-size:16px;}

.top-contact-line{margin-top:50px;}
.top-contact-line h3{text-align:left;}
.top-contact-line ul{margin-top: 40px;}
.top-contact-line ul li{width:29%;margin-right:6.5%;}
.top-contact-line ul li:nth-child(3){margin-right:0%;}


.top-contact-line-title{position:relative;align-items: center;margin-bottom: 30px;}
.top-contact-line-title p{width:70%;position: relative;z-index: 1;font-weight:bold;font-size:1.1em;line-height: 1.4;}
.top-contact-line-title p:first-child{width:20%;margin-right:10%;font-size:2.2em;text-align:center;line-height: 1.2;}
.top-contact-line-title p:first-child span{display:block;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:13px; letter-spacing:0.05em;}

.top-contact-line-title:before{background: url(images/line-step-bg.png);background-repeat: repeat;background-size: auto;background-repeat: no-repeat;background-size: 100px;width: 100px;height: 100px;position: absolute;content: '';display: inline-block;z-index: 0;left: -24px;}

.line-id{font-size:1.05em;margin-bottom: 10px;margin-top: -15px;}
.line-id span{font-size:2em;color:#00BA00;}

.top-contact-line ul li:first-child a{display:block;margin-top:15px;}
.top-contact-line ul li img{display: block;margin: auto;margin-top: auto;width: 200px;margin-top: 20px;}

.step-text{/*height: 80px;*/font-size:0.9em;}

.linkbtn{margin-top: 60px;}
.linkbtn a{display:block;color:#fff;padding: 20px;font-size: 1.15em;line-height:1.3;transition: 0.5s;-webkit-transition:0.5s; position:relative; background: #E27580;margin: auto;width: 350px;text-align:center;border: 2px solid  rgba(230, 133, 151, 0.92);border-radius: 4px;background: rgba(230, 133, 151, 0.92);}



.linkbtn a:hover{transition: 0.5s;-webkit-transition:0.5s;border-radius:0px; background:#fff;color: rgba(230, 133, 151, 0.92);transform:scale(1);opacity:1;border: 2px solid rgba(230, 133, 151, 0.92);border-radius: 4px;}

@media only screen and (max-width:1250px){
	.measures ul{flex-wrap: wrap;max-width:700px;margin: 30px auto 40px;justify-content: center;}
	.measures ul li {width: 30%;margin-right:5%;margin-bottom: 40px;}
	.measures ul li:nth-child(3), .measures ul li:nth-child(5){margin-right:0%;}
}

@media only screen and (max-width:1100px){
	.top-contact-tel div{width:65%;}
	.lead { font-size: 1.4em;}
	.contact-tel a{display:block;line-height: 1.2;margin-top: 10px;}
	.top-contact-line-title p:first-child {width: 20%;margin-right: 10%;font-size: 2em;}
	.top-contact-line-title::before {background-size: 90px;width: 90px;height: 90px;}
}
@media only screen and (max-width:1024px){
	.measures{padding: 60px 0;}
	.lead {font-size: 1.3em;}
	.top-contact{padding: 60px 0;}
	.top-contact-line ul li {width: 100%;margin-right: 0%;margin-bottom: 30px;}
	.top-contact-line ul li:last-child{margin-bottom: 0px;}
	.top-contact-line-title p:first-child {width: 90px;margin-right: 10px;}
	.top-contact-line-title::before { left: -2px;}
	.top-contact-line ul li img {margin: 20px auto;}
	
	
	.top-contact-line ul {max-width: 550px;margin: 40px auto 0;}
}

@media only screen and (max-width:959px){	
	.linkbtn {margin-top: 40px;}
	.linkbtn a {width: 300px;}
	.top-contact-tel h2 {width: 220px;height: 220px;top: -70px;font-size: 1.7em;}
	.top-contact ul li h3 {font-size: 18px;margin: 0px 0 20px;}
	.contact-tel a {font-size: 2.5em;}
}
@media only screen and (max-width:850px){
	.top-contact-tel div {width: 100%;}
	.top-contact-tel h2 {position: static;margin: -80px auto 20px;}
	.top-contact-tel {text-align: center;}
}
  
@media only screen and (max-width:767px){
	.measures p{text-align:left;}
	.measures ul li{text-align:center;}
	
	.measures-text{width: 100%;}
	.measures-photo{width: 100%;margin-right:0%;}
	.measures-photo img {max-width: 350px;margin: 0 auto 30px;}
	
	.linkbtn {margin-top: 30px;}
	.lead {font-size: 1.2em;}
	.top-contact-bg {padding: 40px 6%;}
	.top-contact ul {width: auto;}
	.top-contact ul li:nth-child(2){margin-top:30px;}
	.top-contact ul {max-width: 560px;margin: 30px auto 0px;}
	.top-contact ul li h3 { width: 250px;}

}
@media only screen and (max-width:650px){
	.top-contact ul li h3,.top-contact ul li div{width: 100%;text-align: center;}
	.measures ul {margin: 30px auto 0px;}
	.measures ul li {margin-bottom: 30px;}
	.top-contact-line-title p:nth-child(2){text-align:left;}
	.top-contact-line-title {margin-bottom: 15px;}
	.top-contact-bg { padding: 40px 6% 20px;}
}
@media only screen and (max-width:500px){
	.measures {padding: 40px 0;}
	.measures ul li {font-size: 0.9em;}
	.lead {font-size: 1.1em;text-align: left;}
	.lead br{display:none;}
	.top-contact {padding: 40px 0;}
	.top-contact-tel h2 { width: 200px;height: 200px;font-size: 1.5em;}
	.top-contact-tel h2 span {font-size: 16px;}
	.contact-tel a {font-size: 2.2em;}
	
}
@media only screen and (max-width:450px){
.top-contact-bg {padding: 30px 6% 20px;}
	.top-contact-line-title {flex-wrap: wrap;}
	.top-contact-line-title p:first-child {width: 100%;margin-right: 0px;}
	.top-contact-line-title::before {left: 0; right: 0;margin: auto;top: -20px;}
	.top-contact-line-title p:nth-child(2) {text-align: center;width: 100%;margin-top: 20px;}
  .top-contact ul li:first-child {margin-bottom: 0px;}
  .top-contact ul li:nth-child(3) p br{display:none;}
  .lead {font-size: 1.05em;}
}
  
@media only screen and (max-width:400px){
	.top-contact-tel h2 { width: 180px;height: 180px;font-size: 1.3em;}
	.top-contact .lead {text-align:left;}
	.top-contact .lead br{display:none;}
	.top-contact ul li:nth-child(2) { margin-top: 20px;}
	.top-contact ul li h3 {font-size: 17px;margin: 0px 0 15px;}
	.top-contact ul li p{font-size: 0.9em;}
	.linkbtn a {padding: 15px 10px;font-size: 1em;width: 100%;}
	
}
@media only screen and (max-width:375px){
	.measures ul{justify-content: flex-start;}
	.measures ul li,.measures ul li:nth-child(3), .measures ul li:nth-child(5) {width: 47%;margin-right:6%;margin-bottom: 30px;}
	.measures ul li:nth-child(2n){margin-right:0%;}
}




/* 下層ページ　メイン画像
----------------------------------*/
body{background: #F6E7E9;background: #FDF1F2;background: #FFF7F7;/**/}
.home{ background:transparent;}

#breadcrumb{padding: 10px 0% 50px;text-align: right;position: relative;z-index: 100;max-width: 1500px;margin: auto;width: 92%;}
#breadcrumb a{color: #E86880;}
#breadcrumb li{display: inline-block;}

.page-image{max-width: 900px;margin: auto; position:relative; }
.page-image img{width: 100%;display:block;position: relative;z-index: 1;}
.page-btn-text{text-align: center;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0.05em;font-size: 1.25em;line-height: 2;}
.page-btn{background: url(images/page-btn-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center top;
background-attachment: fixed;}
.page-btn-bg{padding: 80px 0;background: rgba(255,255,255,0.85);}
.page-image .text-center{margin-top:50px;font-size:1.1em;}

@media only screen and (max-width:1024px){
	#breadcrumb{margin-top: 70px;}
	.page-btn{background-attachment: scroll;}
}
@media only screen and (max-width:959px){
	.page-image .text-center{text-align:left !important;}
}
@media only screen and (max-width:767px){
	.page-btn-bg{padding: 40px 0;}
	.page-btn-text{font-size: 1.15em;}
	.page-image .text-center {margin-top: 30px;font-size: 1em;}
}
@media only screen and (max-width:600px){	
	#breadcrumb {padding: 10px 6% 30px;}
	.page-btn-bg{padding: 30px 0;}
	.page-btn-text{text-align: left;line-height: 1.7;letter-spacing: 0;}
	.page-btn-text br{display:none;}

}
@media only screen and (max-width:500px){
	.page-btn-text{font-size: 1.1em;}

}
@media only screen and (max-width:375px){

}

/*-------------------------------------------*/
/*	入会案内
/*-------------------------------------------*/
.bg-white{padding: 70px 6%;background: #fff;margin-top:60px;border-radius:4px;margin-bottom: 60px;}
.guidance{}
.guidance table td,.guidance table th{padding:20px; line-height:1.5;}
.guidance table{border-collapse: separate;border-spacing: 0px 10px;}
.guidance table th{background: #f2f2f2;text-align:left; vertical-align:middle;min-width: 150px; }
.guidance table td{background: #fff;border-bottom: 1px dashed #ccc;}

.guidance .flex{margin-top: 40px;}
.guidance .flex div{width:50%;margin-right:5%;}
.guidance .flex div:nth-child(2){width:45%;margin-right:0%;}
.guidance .flex div img{width:100%;display:block;margin:10px auto;}

.guidance.general .flex div{width:45%;margin-right:5%;}
.guidance.general .flex div:nth-child(2){width:50%;margin-right:0%;}




@media only screen and (max-width:1024px){
	.bg-white {padding: 50px 6%;}
}
@media only screen and (max-width:959px){
	.guidance .flex div {width: 100%;margin-right: 0%;}
	.guidance .flex div:nth-child(2) {width: 100%;margin: 30px auto 0;max-width: 450px;}
	
	.guidance.general .flex {flex-flow: column-reverse;}
	.guidance.general .flex div{width:100%;margin-right:0%;margin: 30px auto 0;max-width: 450px;}
	.guidance.general .flex div:nth-child(2){width: 100%;max-width: 959px;margin: 0 auto 30px;}
}
@media only screen and (max-width:767px){
	.guidance table{border-spacing: 0px 6px;margin-bottom:20px;}
	.guidance table td,.outline table th{width: 100%;display: block;}
	.bg-white {padding: 40px 6%;margin-top: 40px;margin-bottom: 40px;}

}
@media only screen and (max-width:600px){
	.guidance .flex {margin-top: 20px;}
	.guidance table th {min-width: 120px;}
	.guidance table td,.outline table th{padding: 15px 20px;}
	.guidance .flex div img {margin: 0px auto;}
	.guidance.general .flex div { margin: 0px auto 0;}
}
@media only screen and (max-width:400px){
	.guidance table td,.guidance table th{width:100%;display:block;}
	.bg-white {padding: 30px 6%;margin-bottom: 30px;}
}
/*-------------------------------------------*/
/*	アクセス
/*-------------------------------------------*/
/*.page-access{background:#fff;}*/
.bg-white iframe{margin: 30px auto;}
@media only screen and (max-width:767px){
	
}

/*-------------------------------------------*/
/*	講師について
/*-------------------------------------------*/
.page-teacher{background: #fff;}
.teacher{padding:80px 0 0;position: relative;display: flex;max-width: 1600px;margin: 60px auto 0px;}
.teacher .bg-white{text-align:left;width: 65%;margin-top:0;padding: 70px 12% 70px 6%;}
/*.page-teacher .teacher .bg-white{min-height: 1400px;}*/
.teacher h3{text-align:left;margin-top: 80px;}
.teacher .bg-white:before{content: '';display: block;content: '';position: absolute;top: 0;right: 0px;width: 60%;height: 80%;border-radius: 4px;background-color: #F2F0F0;z-index: -100;}
.greeting-photo{width: 35%;right: 6%;top: 150px; position:absolute;}
.greeting-photo img{display: block;width:100%;margin-bottom:40px;}
.greeting-photo img:nth-child(2){width:70%;}

.greeting{margin-top: 40px;}
.greeting p{line-height:2;margin-bottom:30px;}
.greeting p:last-child{margin-bottom:0px;}
.belongs{margin-top:30px;color: #E86880; font-size:1.15em;}
.award {margin-top:30px;border-bottom: 1px dashed #ccc;border-top: 1px dashed #ccc;padding: 30px 0 20px;}
.award li{line-height:1.4;margin-bottom:10px;}
.award li:before{content: '';display: inline-block;width: 12px; height: 12px;background-image: url(images/award.svg);background-size: contain;vertical-align: middle; margin-right:8px;margin-top:-5px; background-repeat:no-repeat;}

.master{margin:30px 0;}
.master dt{margin-bottom:15px;font-size: 1.05em;}
.master dd{border-bottom: 1px dashed #ccc;padding: 0px 0 30px;}
@media only screen and (max-width:1500px){
	/*.page-teacher .teacher .bg-white{min-height: 1300px;}	*/
}
@media only screen and (max-width:1400px){
	/*.page-teacher .teacher .bg-white{min-height: 1240px;}	*/
}
@media only screen and (max-width:1300px){
	/*.page-teacher .teacher .bg-white{min-height: 100px;}*/	
}
@media only screen and (max-width:1024px){
	.teacher {padding: 80px 0 0;}	
}
@media only screen and (max-width:767px){
	.teacher {padding: 0;flex-wrap: wrap;margin: 60px auto;}
	.greeting-photo {width: 100%;position: static;max-width: 450px;margin: 40px auto 0;}
	.teacher .bg-white {width: 100%;margin-top: 0;padding: 0px 6%;}
	.teacher .bg-white::before {display: none;width: 0;height: 0;}
	.teacher h3 {margin-top: 40px;}
	.greeting-photo img:nth-child(2) {width: 100%;margin-bottom:0px;}
	
}
@media only screen and (max-width:600px){
	.teacher {margin: 30px auto;}
	.greeting-photo img {margin-bottom: 20px;}
	.greeting.{margin-top: 30px;}
	.greeting p {line-height: 1.7;}
	
}
@media only screen and (max-width:450px){
	.greeting-photo { width: 88%;margin: 30px auto 0;}
}
/*-------------------------------------------*/
/*	授業内容
/*-------------------------------------------*/
.page-lesson .teacher{max-width: 1500px;}
.page-lesson .teacher .bg-white{min-height: 1050px;}
.page-lesson .teacher .bg-white:before{background-image: url(images/pattern100.png);
  background-repeat: repeat;background-color: transparent;}
.page-lesson .award{margin-bottom:30px;}
@media only screen and (max-width:1300px){ 
	.page-lesson .teacher .bg-white{min-height: 100px;}
}
@media only screen and (max-width:767px){ 
	.page-lesson .bg-white{ background:transparent;}
	.page-lesson .teacher {margin-bottom: 40px;}	
}
@media only screen and (max-width:400px){
	.page-lesson .teacher {margin-bottom: 30px;}
}
  /*-------------------------------------------*/
/*	教室について
/*-------------------------------------------*/
.page-classroom{background: #fff;}
.page-classroom .teacher .bg-white{min-height: 520px;}
@media only screen and (max-width:1400px){
	.page-classroom .teacher .bg-white{min-height: 450px;}
}
@media only screen and (max-width:1200px){
	.page-classroom .teacher .bg-white{min-height: 100px;}
}