@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: none;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
dt,dd,li   {text-indent: 0;}
strong	{font-weight:bold;}
p	{line-height:1.8;}
sup	{vertical-align: super; font-size: 70%;}
svg {
	fill: currentColor;
    vertical-align: middle;
}


body{
font: 17px/1.8 'zen-maru-gothic',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight:500;
background-color:#ece6dc;
color:#333;
-webkit-text-size-adjust: none;
}
@media only screen and (max-width:599px){
	body	{font-size:16px;}
}

html	{
	font-size:20px;
	scroll-behavior: smooth;
}
@media only screen and (max-width:1423px){
	html	{font-size:1.4vw;}
}
@media only screen and (max-width:899px){
	html	{font-size:14px;}
}
@media only screen and (max-width:499px){
	html	{font-size:2.8vw;}
}

img	{max-width:100%; height:auto; vertical-align: bottom; border:0;}
.center    {text-align:center;}
.aligncenter    {text-align:center;}
.right     {text-align:right;}
.left	{text-align:left;}
.alignleft {float:left; margin:0 20px 20px 0;}
.alignright{float:right; margin:0 0 20px 20px;}
.children  {margin-top:6px;}
.closeup   {font-weight:bold; color:#ec611e; }
.closeup_tx12 {font-size: 12px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx14 {font-size: 14px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx16 {font-size: 16px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx18 {font-size: 18px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx24 {font-size: 24px !important; color: #ec611e !important; line-height: 1.4;}

.tx10      {font-size:10px !important;}
.tx11      {font-size:11px !important;}
.tx12      {font-size:13px !important;}
.tx13      {font-size:12px !important;}
.tx14      {font-size:14px !important;}
.tx15      {font-size:15px !important;}
.tx16      {font-size:16px !important;}
.tx18      {font-size:18px !important;}
.tx20      {font-size:20px !important;}
.tx22      {font-size:22px !important;}
.tx24      {font-size:24px !important;}
.tx30      {font-size:30px !important;}
.tx40      {font-size:40px !important;}
.tx50      {font-size:50px !important;}

.tx70per      {font-size:70% !important;}
.tx80per      {font-size:80% !important;}
.tx90per      {font-size:90% !important;}
.tx110per     {font-size:110% !important;}
.tx120per     {font-size:120% !important;}
.tx130per     {font-size:130% !important;}
.tx140per     {font-size:140% !important;}
.tx150per     {font-size:150% !important;}
.tx160per     {font-size:160% !important;}
.tx170per     {font-size:170% !important;}
.tx180per     {font-size:180% !important;}
.tx190per     {font-size:190% !important;}
.tx200per     {font-size:200% !important;}

.pa_btm0   {padding-bottom: 0px !important; }
.pa_btm5   {padding-bottom: 5px !important; }
.pa_btm10  {padding-bottom: 10px !important; }
.pa_btm20  {padding-bottom: 20px !important; }
.pa_btm30  {padding-bottom: 30px !important; }

.pa_top10  {padding-top: 10px !important; }
.pa_top20  {padding-top: 20px !important; }
.pa_top30  {padding-top: 30px !important; }

.ma_btm0   {margin-bottom: 0px !important; }
.ma_btm5   {margin-bottom: 5px !important; }
.ma_btm10  {margin-bottom: 10px !important; }
.ma_btm20  {margin-bottom: 20px !important; }
.ma_btm30  {margin-bottom: 30px !important; }
.ma_btm40  {margin-bottom: 40px !important; }
.ma_btm45  {margin-bottom: 45px !important; }
.ma_btm50  {margin-bottom: 50px !important; }
.ma_btm60  {margin-bottom: 60px !important; }
.ma_btm70  {margin-bottom: 70px !important; }
.ma_btm80  {margin-bottom: 80px !important; }
.ma_btm90  {margin-bottom: 90px !important; }
.ma_btm100  {margin-bottom: 100px !important; }

.ma_right10 {margin-right: 10px !important; }
.ma_right20 {margin-right: 20px !important; }
.ma_right30 {margin-right: 30px !important; }

.ma_left10 {margin-left: 10px !important; }
.ma_left20 {margin-left: 20px !important; }
.ma_left30 {margin-left: 30px !important; }


.tx_uline {text-decoration: underline !important;}
.ul_dash {
    background: #E7F4FF none repeat scroll 0 0;
    border-bottom: 1px dashed #aaaaaa;
    line-height: 2;
}

.comingsoon {text-align: center;}
.comingsoon h2 {font-family: "Baskervville","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",'zen-maru-gothic', "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 250%;}
.title404_h1 {
    font-size: 250%;
    font-weight: 900;
    margin: 30px 0 0;
    font-family: 'Lato', sans-serif;
    text-align: center;
}
.title404_h2 {
    font-size: 130%;
    font-weight: normal !important;
    line-height: 1.4;
    margin-bottom: 10px !important;
	border-bottom: none !important;
}
@media only screen and (max-width:599px){
	.title404_h1 {font-size: 160% !important;}
	.title404_h2 {font-size: 120% !important;}
}
@media only screen and (min-width:600px){
	.br_sp	{display:none;}
	.br_pc	{display:block;}
	.img_sp	{display:none;}
	.tx_ctol {text-align: left !important;} /* テキスト左寄せ499px以下 */
}

@media only screen and (max-width:599px){
	.br_sp	{display:block;}
	.br_pc	{display:none;}
	.img_pc	{display:none;}	
	.tx_ctol {text-align: center !important;} /* テキスト中央寄せ500px以上 */
}

/* テキスト強調 */
.marker_line {font-weight: bold;}
.marker_line.y {
    background: linear-gradient(transparent 60%, #fff600 0%);
}

/* -----------------------------------------------------------
		link
----------------------------------------------------------- */
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#333;
/* hover effect */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

a:hover, a:active{
outline: none;
color:#333;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,.pagecont:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

.clear hr { display: none; border: none; height:0px; }/*clearfix*/.clearfix { clear: both; min-height: 1px;/*IE7用…高さが設定されてあれば回避可能*/ zoom: 1; height:auto; background-color:transparent; }.clearfix:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロチEけレベル要素に */ clear: both; height: 0; visibility: hidden; background-color:transparent; }.clearfix { min-height: 1px; }/*-WinIE6 and below *//* Hides from IE-mac \*/* html .clearfix { height: 1%; }/* End hide from IE-mac */


/* フォーム
------------------------------------------------------------*/

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
	font-weight:400 !important;
    padding: 0px;
    width: 48%;
    margin: 5px;
    border: none;
	text-indent: 10px;
	font-size: inherit;
	color: inherit ;
	font: inherit ;
	line-height: 41px;
}
select {
    width: 50%;
    height: 38px;
	padding: 10px;
	display: block;
	position: relative;
	border: 2px solid #eeeeee;
    margin: 5px;
}
.rtb-booking-form select{
	width: 100%;
}
select[multiple="multiple"] {
	height: 100px;
}
select[multiple="multiple"] option {
	height: 20px;
	line-height: 20px;
}
textarea{
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
	font-weight:400 !important;
    padding: 10px 0 0 10px;
    height: 350px;
    width: 98%;
    margin-bottom: 30px;
    font:inherit;
    overflow: auto;
    font-size: inherit;
	color: inherit ;
	font: inherit ;
}  
.rtb-booking-form textarea {
  width: 97% !important;
  max-width: none !important;
  height: 150px;
}
input[type="submit"], .action-button .be-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    border: none;
    cursor:pointer;
    display: inline-block;
    margin:0px 0 10px;
    text-decoration: none;  
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font-size: 12px;
	line-height: 12px;
	padding: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
    background: #333;
	color:#fff;
} 
input[type="submit"]	{
	width:250px;
	box-sizing:border-box;
}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, select {
	border: 1px solid #eeeeee;
	background: #fff;
}
span.wpcf7-list-item {display: block !important;}
.wpcf7-spinner	{
	display:block !important;
	margin:0 auto !important;
}

.wpcf7 .ajax-loader	{
	display:block !important;
	margin:10px auto !important;
}

/* iPhoneリセット*/
input[type="submit"], input[type="button"] { -webkit-appearance: none; }

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #df2042;
}

*:first-child+html input[type="submit"]{padding:3px;}

@media only screen and (max-width:699px){
    input[type="text"], input[type="email"], input[type="password"] {width: 98%;}
}

/* コンテンツ内リンクボタン（#ff878d） */
.button01 {
	display: inline-block;
	height: 38px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	margin-bottom: 10px;
	font-size: 16px;
	border-radius: 5px;
	padding: 0 25px !important;
	border-bottom: medium none !important;
}
.button01::before,
.button01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button01,
.button01::before,
.button01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button01 {
	background-color: #89733f !important;
	color: #fff;
}
.button01:hover {
	background-color: #5c481b !important;
	color: #fff !important;
}

@media only screen and (max-width:400px){
	.button01 {font-size: 14px;}
}

/* -----------------------------------------------------------
		layout（共通）
----------------------------------------------------------- */
#bg_wrap	{}

#wrapper, .inner{
margin:0 auto;
width:90%;
max-width: 1260px;
}
#wrapper .inner	{
	width:100%;
}

#wrapper-full{
width:100%;
}

#outer	{
	top:0;
	left:0;
}
#outer-page	{
	margin-top:126px;
}

@media only screen and (max-width: 1024px)	{
	#outer-page	{margin-top:77px;}
}
@media only screen and (max-width: 699px)	{
}


#content{
float:left;
width:70%;
padding:20px 0 50px;
min-height: 700px;
}
#content.cont_fl_none	{
	float:none;
	margin-right:auto;
	margin-left:auto;
}

#content-t {
    width: 100%;
    padding: 0px 0 50px;
    min-height: 700px;
}
#wrapper-full #content-t	{
	padding-top:0;
}
#sidebar{
float:right;
width:27%;
padding:22px 0 50px;
}
#sidebar-home{
float:right;
width:27%;
padding:0 0 50px;
}

#sidebar-topics{
float:right;
width:27%;
padding:20px 0 50px;
}


/* リッチエディタ見出しクラス */
.editorbox h1	{font-size:180%; font-weight:bold; margin-bottom:10px;}
.editorbox h2	{font-size:160%; font-weight:bold; margin-bottom:10px;}
.editorbox h3	{font-size:130%; font-weight:bold; margin-bottom:10px;}
.editorbox h4	{font-size:110%; font-weight:bold; margin-bottom:10px;}
.editorbox h5	{font-size:100%; font-weight:bold; margin-bottom:10px;}
.editorbox h6	{font-size:90%; font-weight:bold; margin-bottom:10px;}
.editorbox p	{margin-bottom:10px;}

/* 4段組み */
.d-box4 {width:225px; height:auto; margin-right:20px; float:left;}
.d-box4_last {width:225px; height:auto; float:left;}

/* 3段組み */
.d-box3 {float:left; height:auto; margin-right:25px; width:185px;}
.d-box3_last {width:185px; height:auto; float:left;}

/* 2段組み */
.d-box2 {width:325px; height:auto; margin-right:30px; float:left;}
.d-box2_last {width:325px; height:auto; float:left;}

.dis_table	{display:table;}
.d-box-one-half	{width:50%; display:table-cell; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-one-third	{width:33%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-two-third	{width:66%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-one-fifth	{width:20%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-one-fourth	{width:25%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
.d-box-three-fourth	{width:75%; float:left; overflow:hidden; vertical-align:middle; box-sizing:border-box;}
@media only screen and (max-width: 859px) {
	.d-box-one-third	{width:50%;}
	.d-box-two-third	{width:100%; display:block; margin-bottom:20px;}
	.d-box-one-fourth	{width:100%; display:block; margin-bottom:20px;}
	.d-box-three-fourth	{width:100%; display:block; margin-bottom:20px;}
}
@media only screen and (max-width: 767px) {
	.d-box-one-half	{width:100%; display:block; margin-bottom:20px; float: left;}
	.d-box-one-half img {max-width:auto;}
	.d-box-one-third	{width:100%; display:block; margin-bottom:20px;}
}

/* リストデザイン */
.li_circle li {
    padding-left: 1.5em;
	line-height:1.8;
    position: relative;
}
.li_circle li:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    background: #333;
    left: 0;
    top: .5em;
    border-radius: 50%;
}
.li_dotted li	{
    padding-left: 1.2em;
    position: relative;
    line-height: 1.7;
}
.li_dotted li:before	{
    content:"";
    position: absolute;
	width:2px;
	height:2px;
	border-radius:50%;
	background:#333;
    left: 0.5em;
    top: 0.8em;
	margin-top:-1px;
}

/* パンくず */
#kuzu {padding:0; font-size:11px; margin:10px 0; padding:5px 0;}
#kuzu ul {list-style:none; padding:0; margin:0; clear: both; min-height: 1px; zoom: 1; height: auto;}
#kuzu li {float:left; margin:0 5px 0 0; padding:0; }
#kuzu h1	{float:right;}
#kuzu br {display: none;}

/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h1, h2, h3, h4, h5, h6 {
	font-weight:700;
}
h2.title {
    font-size: 60px;
	line-height:1.0;
    margin: 0 0 60px;
    text-align: center;
}
.subtitle	{
    text-align: center;
	font-size:30px;
	margin-bottom:60px;
}
h2.title + .subtitle	{
	margin-top:-50px;
}
#pagetit	{
	padding:40px 0;
	margin-bottom:40px;
}
#pagetit .subtitle	{
	margin-bottom:0;
}

@media only screen and (max-width:699px){
	h2.title{font-size:40px; margin-bottom:40px;}
	.subtitle	{font-size:16px; margin-bottom:40px;}
	h2.title + .subtitle	{margin-top:-30px;}
	#pagetit	{padding:20px 0;}
}


/*.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(//www.saloncms.com/template/default-image/images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}*/

.postbox p	{
	margin-bottom:1em;
}

.postcont	{
	margin:0 0 40px;
}

.posttitle {	
    font-size:130%;
	line-height:1.4;
	margin-bottom:0.5rem;
}

/* .post p{min-height: 1em;} */

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

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

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

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignleft{
margin: 0 30px 20px 0;
display:inline;
}
img.alignright{
margin: 0 0 20px 30px;
display:inline;
}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}

.page-subtit	{font-family: 'Lato',"ヒラギノ角ゴ W7 JIS2004","游ゴシック","メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif; font-size:27px; border-bottom:1px solid #000; padding:0 0 10px; margin:0 0 20px;}

#pagetop	{bottom: 30px; position: fixed; right: 30px; z-index:99;}
#pagetop a	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(244,128,163,.7);
    color: #fff;
    text-align: center;
    border-radius: 50%;
	cursor:pointer;
}
#pagetop a span	{font-size:20px; line-height: 1.0; display:block;}

@media only screen and (max-width: 1024px){
	#pagetop	{bottom: 70px; right: 10px; z-index:99;}
}

/* -----------------------------------------------------------
		Header（共通）
----------------------------------------------------------- */

/* PC
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
#header_line	{width: 100%; background:#ece6dc; }
#headerUpper	{margin-bottom:20px;}
#headerUpper ul	{float:left;}
#headerUpper h1	{float:right; font-size:11px;}
#header	{width:90%; max-width:1280px; margin:0 auto; position:relative; padding:20px 0;}
#header_contents/*, #header_right*/	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items: flex-start;
}
#header_contents	{
}
#header_right	{
	margin:0;
	position:relative;
	padding:0;
	box-sizing:border-box;
	justify-content:space-between;
	flex: 2;
}
#logo		{width:25.4rem; margin:0; text-align:left;}
#sm_logo	{display:none;}
#mb_hd_connect	{display:none;}
	
.hd_top #logo a	{display:none;}
#header_line.hd_top.fixed #logo a	{display:block;}
}

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

/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#header_line	{ width: 100%; padding:0; margin:0; background: rgba(255,255,255,0);}
#headerUpper	{margin-bottom:10px;}
#headerUpper ul	{float:left;}
#headerUpper h1	{float:right; font-size:11px;}
#header		{width:90%; margin:0 auto; position:relative; padding:10px 0;}
#header h1 {font-size:10px; font-weight:inherit; flex:2;}
#header_contents/*, #header_right*/	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;		
}
#header_contents	{margin:0; justify-content: space-between; align-items:center;}
#logo		{width: calc(100% - 65px); max-width: 254px; margin:0; text-align:left;}
#pc_logo	{display:none;}
#header_right	{
	margin:0;
	position:relative;
	padding:0;
	box-sizing:border-box;
	justify-content:space-between;
	flex: 2;
}
#header_right ul	{justify-content:flex-end;}
#header_right ul li i	{font-size:24px; display:block; padding:0;}
.md_hd_cncbt	{text-align:center;}
.md_hd_cncbt span	{font-size:10px;}
#mdh_bt_tel span, #mdh_bt_res span	{display:block;}
.md_hd_cncbt a	{display:block; width:45px; color:#fff; padding:8px 0; height:54px; box-sizing:border-box;}
}


#header_line	{position: fixed; top:0; left:0; z-index:3; z-index:9999; transition:0.5s;}
#header_line.fixed	{background: rgba(236, 230, 220, 0.98);}
#header_line_inn	{max-width:1400px; margin:0 auto;}
.modal_on #header_line.fixed	{background:transparent;}
.page-template-page_collection.modal_on #header_line	{background:transparent;}
.modal_on #header_line #logo	{opacity:0;}
.modal_on #header_line h1	{opacity:0;}

#headerUpper	{background:#000; color:#fff; padding:10px 0; }
#headerUpper a	{color:#fff;}
#headerUpper ul li	{display:inline-block; margin:0 30px 0 0; font-size:14px;}
#headerUpper ul li i	{font-size:20px;}

#header h1{
}

#header h2{
float:right;
padding:5px 0;
font-size:11px;
font-weight:normal;
text-align:right;
}

/* コンタクト
----------------------------------*/
.contact{
float:right;
padding:20px 0 0;
text-align:right;
color:#fff;
font-size:90%;
width: 240px;
}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
}


/* -----------------------------------------------------------
		Header Button（共通）
----------------------------------------------------------- */
#header_connect	{padding:10px 0;}
#header_connect ul	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
#header_connect li	{}
#header_connect li a	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content:center;
}
#header_connect li p	{width:100%; text-align:center; font-family: 'Lato', sans-serif;}
#header_connect li img	{width:18px;}
#header_connect li svg	{margin: 0px 10px 0 0;}
#header_connect li i, #header_connect li span	{display:block; width: 100%;text-align: center;}
#header_connect li i	{font-size: 21px; margin: 3px 0 3px;}
#header_connect li span	{font-size:9px; line-height:1.0;}
#hd_reserve a	{
	background: #f480a3;
	color:#fff;
	padding:6px 40px;
	border-radius:9999px;
	transition:0.5s;
}
#hd_reserve a:hover	{
	background:#86c362;
}
#hd_seminar	{
	margin-left:10px;
}
#hd_seminar a	{
	background: #fff;
	color:#CD1E6D;
	padding:6px 40px;
	border:1px solid #CD1E6D;
}
#hd_seminar a:hover	{
	background:#fae8f0;
}
#hd_line	{
	margin-left:10px;
}
#hd_line a	{
	background:#08C755;
	color:#fff;
	padding:6px 20px;
	border:1px solid #08C755;
	width:217px;
	text-align:center;
	box-sizing:border-box;
}
#hd_line a:hover	{
	background:#01e639;
	border-color:#01e639;
	color:#fff;
}
#header_connect li#hd_menu	{margin-left:25px;}
#hd_menu a	{cursor:pointer;}	
#hd_menu p	{font-size:14px; margin-top:2px;}
.menubtn_pc div	{width:60px; height:21px; margin: 0; position:relative; }
.modal_on #hd_menu .menubtn_pc div	{height:41px;}
.menubtn_pc div span	{width:100%; height:0; border-top:1px solid #333; position: absolute; left:0; transform: rotate(0deg); transition: all .4s;}
.menubtn_pc div span:nth-of-type(1) {top: 0px;}
.menubtn_pc div span:nth-of-type(2) { top: 10px;}
.menubtn_pc div span:nth-of-type(3) { bottom: 0px;}
	
.modal_on #hd_menu .menubtn_pc div span:nth-of-type(1) {
	transform: translateY(20px) rotate(-25deg);
	top: 0px;
}
.modal_on #hd_menu .menubtn_pc div span:nth-of-type(2) {
	display:none;
}
.modal_on #hd_menu .menubtn_pc div span:nth-of-type(3) {
	transform: translateY(-20px) rotate(25deg);
	bottom: 0;
}

#hd_reserve a, #hd_seminar a, #hd_line a	{
	transition:0.5s;
}
.modal_on #hd_reserve a, .modal_on #hd_seminar a, .modal_on #hd_line a	{
	display:none;
}


@media only screen and (min-width: 1025px){
}
@media only screen and (max-width: 1024px){
	.menubtn_pc div	{width:40px; height:21px;}
	.modal_on #hd_menu .menubtn_pc div	{height:21px;}
	.menubtn_pc div span:nth-of-type(2)	{top:10px;}
	.modal_on #hd_menu .menubtn_pc div span:nth-of-type(1)  {top: -10px;}
	.modal_on #hd_menu .menubtn_pc div span:nth-of-type(3)	{bottom: -10px;}
	#hd_reserve a, #hd_seminar a, #hd_line a	{max-width:170px; padding:6px 10px; box-sizing:border-box; font-size:14px;}
}
@media only screen and (max-width:959px){
}
@media only screen and (max-width:899px){
	#hd_reserve, #hd_seminar, #hd_line	{display:none;}
}
@media only screen and (max-width: 499px){
	#header_connect li	{margin-left:10px;}
	#header_connect li span.hd_sns_detail	{display:none;}	
}
@media only screen and (max-width: 349px){
	#header_connect li	{margin-left:5px;}
}




/* -----------------------------------------------------------
		Main Navigation（共通）
----------------------------------------------------------- */
.modal	{
	display:none;
}
#mbnav_connect {
	margin: 10px 0 0;
}
#mbnav_connect ul {}
#mbnav_connect ul li {
	margin: 0 0 10px;
}
#mbnav_connect ul li a {
	display: block;
	padding: 8px 0;
	text-align: center;
	font-size: 110%;
	border-radius: 100px;
	/*max-width: 300px;*/
	margin: 0 auto;
	color: #fff;
}
#mbnav_connect ul li a svg {
	width: 1.6em;
	height: 1.6em;
	margin: 0 0.5em 0 0;
}
.mbnav_reserve a {
	background: #ea5514;
}
.mbnav_line a {
	background: #066c3a;
}

#topnav {
	width: 100%;
}
.menu-trigger {
	background: #fff;
	color: #333;
	padding: 5px 0;
	margin: 0;
	width: 50px;
	height: 54px;
	border: none;
	display: block;
	position: relative;
}
.menu-trigger div {
	width: 24px;
	height: 18px;
	margin: 5px auto 5px;
	position: relative;
}
.menu-trigger div span {
	width: 100%;
	height: 2px;
	background: #333;
	position: absolute;
	left: 0;
	transition: all .4s;
}
.menu-trigger div span:nth-of-type(1) {
	top: 2px;
}
.menu-trigger div span:nth-of-type(2) {
	top: 9px;
}
.menu-trigger div span:nth-of-type(3) {
	bottom: 0px;
}
.modal_on div .menu-trigger span:nth-of-type(1) {
	transform: translateY(20px) rotate(-45deg);
	top: -11px;
}
.modal_on div .menu-trigger span:nth-of-type(2) {
	display: none;
}
.modal_on div .menu-trigger span:nth-of-type(3) {
	transform: translateY(-20px) rotate(45deg);
	bottom: -13px;
}
.modal .iziModal-content .icon-close {
	width: 100%;
	margin-bottom: 10px;
	font-size: 40px;
	line-height: 1.0;
	padding: 0px 5px;
	font-weight: normal;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	box-sizing: border-box;
	text-align: right;
}
#modal .iziModal-content .icon-close:hover,
#modal-custom .iziModal-content .icon-close:focus {
	color: black;
}
#mdl_navigation {
	padding-top: 126px;
}
.mdlr0	{
	max-width:600px;
	margin:0 auto 2rem;
	text-align:center;
}
#mainNav {
	display:inline-block;
	clear: both;
	float: none;
	margin: 0 0 20px;
	padding: 0;
	font-size: 26px;
}
#mainNav a.menu {
	width: 50px;
	display: block;
	height: 40px;
	line-height: 50px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

#mainNav a#menu:hover {
	cursor: pointer;
}
#mainNav li {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	line-height: 1.2;
	position: relative;
}
#mainNav li strong {
	font-weight: 700;
}
#mainNav li img {
	height: 10px;
	width: auto;
}
#mainNav li a {
	color: #000;
	position: relative;
}
#mainNav>li>a:after {
	content: "";
	position: absolute;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background: #f480a3;
	top: 50%;
	left: 0;
	margin-top: -0.6em;
	z-index: 1;
}
#mainNav>li>a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.1em;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	background-image: url("data:image/svg+xml;utf8,<svg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='m14.523 18.787s4.501-4.505 6.255-6.26c.146-.146.219-.338.219-.53s-.073-.383-.219-.53c-1.753-1.754-6.255-6.258-6.255-6.258-.144-.145-.334-.217-.524-.217-.193 0-.385.074-.532.221-.293.292-.295.766-.004 1.056l4.978 4.978h-14.692c-.414 0-.75.336-.75.75s.336.75.75.75h14.692l-4.979 4.979c-.289.289-.286.762.006 1.054.148.148.341.222.533.222.19 0 .378-.072.522-.215z' fill='%23ffffff' /></svg>");
	background-size: 0.7em 0.7em;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 2;
}
#mainNav>li>a:hover:after	{
	background:#86c362;
}
#mainNav ul#main_subnav li:first-child {
	border-top: none;
}
#mainNav li li:first-child {
	border-top: 0;
}
#mainNav li a,
#mainNav ul li.current-menu-item li a {
	display: block;
	padding: 0.6em 0.5em 0.6em 2em;
	text-align: left;
	color: #333;
}
ul#mainNav li a:hover	{
	color:#86c362;
}
#mainNav .panel ul li li {
	float: left;
	border: 0;
}
#mainNav ul.sub-menu	{
	margin:0 0 0.5em 2em;
	font-size:90%;
}
#mainNav ul.sub-menu a	{
	padding: 0.4em 0.5em 0.4em 1.5em;
}
#mainNav ul.sub-menu li a:before	{
	content:"";
	width:1em;
	height:1px;
	background:#333;
	position:absolute;
	left:0;
	top:1.0em;
}

.accordionBtn {
	display: block;
	position: absolute;
	top: 0.1em;
	right: 0;
	padding: 10px 0 10px 10px;
	text-align: center;
}
.accordionBtn span {
	display: block;
	text-align: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ea5514;
	position: relative;
}
.accordionBtn span:before,
.accordionBtn span:after {
	position: absolute;
}
.accordionBtn span:before {
	content: "";
	width: 8px;
	height: 2px;
	background: #fff;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -4px;
}
.accordionBtn span:after {
	content: "";
	width: 2px;
	height: 8px;
	background: #fff;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -1px;
}
.accordionBtn.active span:after {
	display: none;
}

.mn_smtit	{
	font-size: 1em;
	line-height: 1.2;
}
#mdl_sns_nav {
	font-size: 1em;
	text-align: center;
	margin: 0;
	position: relative;
}
#mdl_sns_nav li {
	margin: 0 0.5rem;
	display: inline-block;
	text-align: center;
}
#mdl_sns_nav li a {
	display: block;
	line-height: 1.0;
	font-size: 2.6em;
	padding: 0.5rem 0 0;
	background: transparent !important;
	border-bottom: none !important;
	color: #333;
}
#mdl_sns_nav li svg {
	width: 1em;
	height: 1em;
}


@media only screen and (max-width: 1024px){
	#mdl_navigation {padding-top: 60px;}
	#mainNav	{font-size:1.25em;}
}



/* -----------------------------------------------------------
		共通部分可変調整
----------------------------------------------------------- */

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	#content, #content-topics,#content-home, #sidebar, #sidebar-topics, #sidebar-home{clear:both;width:95%;float:none;margin:0 auto;padding:0 0 10px;}
	#wrapper #content	{width:100%;}
}




/* -----------------------------------------------------------
		Side Contents（共通）
----------------------------------------------------------- */
#sidebar section{
margin:0 0 20px 0;
padding:0;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:10px;}

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

p.banner img:hover{
}

#sidebar p {margin-bottom: 0px;}

section.widget h3, section.blog_quote h3 {
    font-size: 120%;
    line-height: 1.4;
    clear: both;
    margin: 0;
    padding: 7px 10px 7px 0px;
    border-bottom: 0;
    border-bottom: 3px solid #333;
}

section.widget:not(.widget_tags) li a{
display:block;
padding:10px;
border-bottom:1px dotted #333;
}
section.widget:not(.widget_tags) li a:hover	{
	color:#f480a3;
}
section.widget_tags ul	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin:20px 0 0 !important;
}
section.widget_tags li a:before	{
	content:"#";
}
section.widget_tags li	{
	margin:0 6px 3px 0;
}
section.widget_tags li a	{
	border:1px solid #949494;
	background:transparent;
	border-radius:3px;
	padding:1px 8px;
    color: #333;
	font-size:90%;
}
section.widget_tags li a:hover	{
	background-color: #efefef;
}



#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* 投稿引用 */
#sidebar-home h2	{font-size:25px; text-align:left; margin:0 0 5px;}
#sidebar-home section	{margin-bottom:20px;}
.blog_quote > div	{margin-bottom:5px; padding:0 0 5px;}
.blog_quote h3	{margin-bottom:20px !important;}
.blog_quote div a	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	width:100%;
}
.blog_quote div.dis_flex	{
    align-items: center;
	margin-bottom:5px; 
	padding:0 0 5px;
}
.blog_quote a:hover	{color:#f480a3;}
.blog_quote .sd_news_photo	{flex:0 0 80px; margin-right:10px; height:80px; border-radius:10px; overflow:hidden;}
.blog_quote .sd_news_photo img	{max-width:80px; height:auto;}
.blog_quote .sd_news_text	{flex:2;}
.blog_quote .idx_news_date{font-size:11px;}
.blog_quote .idx_news_text{font-size: 90%; display: block; line-height:1.4; font-weight: bold; padding: 0;}
.blog_quote .info_new	{font-size: 10px; line-height:1.2;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#fff;
background:#fff url(//www.saloncms.com/template/default-image/images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(//www.saloncms.com/template/default-image/images/arrowWhite.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#fff;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, sans-sans-serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ W7 JIS2004','ＭＳ Ｐゴシック',sans-sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}



/* -----------------------------------------------------------
		Footer（共通）
----------------------------------------------------------- */
#footer	{
	margin:6rem 0 0;
} 
#footerCont{
	background:#ffc0d3;
	width:100%;
	padding:2rem 0;
	margin:-2rem 0 0;
	position:relative;
	z-index:1;
}
#ft_logo	{
	width:25.4rem;
	margin:0 auto 1rem;
}
#ft_res_li	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
	max-width:44rem;
	margin:2rem auto 2.5rem;
}
#ft_res_li > li	{
	width:48%;
}
#ft_res_li > li:nth-of-type(2)	{
	margin-left:4%;
}
.ft_res_bt	{
	background:#f480a3;
	color:#fff;
	border-radius:999px;
	padding:0.4rem 0;
	height:100%;
	box-sizing:border-box;
}
#ft_res_li li a:hover	{
	color:#fff;
	background:#86c362;
}
.ft_res_tel	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;	
}
.ft_res_res	{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
	font-size:1.4rem;
    font-weight: 700;
}
.ft_res_ico	{
	margin-right:1rem;
}
.ft_res_ico svg	{
	width:2rem;
	height:2rem;
}
.ft_res_tel strong, .ft_res_tel span	{
	display:block;
    margin-bottom: 0.3rem;
}
.ft_res_tel strong	{
	font-size:1.55rem;
	line-height:1.0;
}
.ft_res_tel span	{
    font-size: 80%;
	line-height:1.0;
}
#footerNav	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content:center;
	gap:0.6em 1em;
	margin-bottom:1rem;
	font-size:90%;
}
#footerNav li	{
	font-weight:700;
}
#footerNav li strong	{
	font-weight:700;
}
#footerNav li a:hover	{
	color:#f480a3;
}
#footerNav .menu-item-has-children	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#footerNav li ul.sub-menu	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#footerNav li ul.sub-menu:before	{
	content:"（";
	margin-right:0.25em;
}
#footerNav li ul.sub-menu:after	{
	content:"）";
	margin-left:0.25em;
}
#footerNav li ul.sub-menu li:not(:last-child):after	{
	content:"/";
	margin:0 0.25em;
}
#ft_data	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content:center;
	align-items:center;
	gap:1em 2em;
	font-size:1.125em;
	font-weight:700;
	margin: 0 0 2rem;
}
#ft_sns	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content:center;
	font-size:200%;
	font-weight:normal;
	gap:0 0.6em;
}
#ft_sns li	{
	line-height:1.0;
}
#ft_sns svg	{
	width:1em;
	height:1em;
}
#ft_sns li a:hover	{
	color:#f480a3;
}
#footer address	{
	font-size:11px;
	text-align:center;
}

#bottomLinks	{
	position:fixed;
	bottom:0;
	left:0;
	z-index:99;
	width:100%;
}
#bottomLinks ul	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	margin:0;
	border-top:1px solid #fff;
}
#bottomLinks ul li	{
    flex: 2 0 50%;
	box-sizing:border-box;
}
#bottomLinks ul li:nth-of-type(2)	{
	border-left:1px solid #fff;
}
#bottomLinks ul li a	{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
    background: #f480a3;
	color:#fff;
	text-align:center;
	font-size:100%;
	padding:0.6em 0;
	height:100%;
	box-sizing:border-box;
}
#bottomLinks svg	{
    width: 1.2em;
    height: 1.2em;
    margin: 0 0 0.2em ;
}
.ft_btm_tel p:first-child	{
	font-size:120%;
	line-height:1.0;
}
.ft_btm_tel p:nth-of-type(2)	{
	font-size:70%;
	line-height:1.0;
}


@media only screen and (min-width: 1025px){
	#bottomLinks	{display:none;}
}
@media only screen and (max-width: 1024px){
	#footerCont	{padding-bottom:5em; margin-top:0;}
	#ft_res_li	{display:none;}
	#footerNav	{display:none;}
}
@media only screen and (max-width: 599px){
	#footerNav li	{font-size:100%;}
	#ft_data	{display:block; text-align:center; font-size:100%;}
}




.bn_box {
    margin: 50px 0;
    text-align: center;
    width: 100%;
}
.bn_box ul	{
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
.bn_box ul li	{
}
@media only screen and (max-width: 599px){
	.bn_box	{margin:40px 0 20px;}
	.bn_box ul li	{width:100%; margin:0 0 10px;}
}


/* Floating Menu */
#fl_menu_top {z-index: 999; position: fixed; right: 0; top: 230px;}
#fl_menu_top ul li {margin-bottom: 5px;}

#bn_sm_reserve	{margin:20px 0; text-align:center;}

@media only screen and (min-width: 401px){
	#bn_sm_reserve	{display:none;}
}
@media only screen and (max-width: 400px){
	#fl_menu_top	{display:none;}
	#bn_sm_reserve	{display:block;}
}

/* Google translator */
#flags {margin: 0 auto; width: 90%; text-align: center;}
#sortable {
    float: none !important;
    display: inline-block;
}

/* -----------------------------------------------------------
		Footer Contact Button
----------------------------------------------------------- */
#ft_contact_bt	{
	position:fixed;
	bottom:30px;
	left:30px;
	z-index:999;
}
.ftc_clm	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    width: 340px;
}
.ftc_bt	{
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex: 0 0 100px;
    height: 100px;
	border-radius:50%;
	color:#fff;
	font-size:20px;
	background:#333;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
	cursor:pointer;
}
.ftc_open #ftc_trigger .ftc_bt	{
	background:#999;
}
.ftc_bt svg	{
	width:40px;
	height:40px;
}
.ftc_bt:hover, .ftc_bt:active	{
	color:#fff;
}
#ftc_trigger .ftc_bt div	{
	width:40px;
	height:40px;	
	background:url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_35%22%20transform%3D%22translate(-37.478%20-256.973)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_31%22%20transform%3D%22translate(46.504%20256.973)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_30%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_29%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_29%22%20class%3D%22st0%22%20d%3D%22M44.24%2C25.87l-3.62-3.62c5.13-5.15%2C5.13-13.47%2C0-18.62L44.24%2C0%20C51.37%2C7.15%2C51.37%2C18.72%2C44.24%2C25.87z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_30%22%20class%3D%22st0%22%20d%3D%22M89.77%2C291.78c-3.3-0.07-6.15%2C2.27-6.73%2C5.52v-26.56c-0.33-8.36-13.33-8.36-13.66%2C0%20c0%2C0%2C0%2C46.32%2C0%2C46.32c-7.76%2C0.34-6.84-9.35-6.7-14.46c-14.85%2C15.48-1.62%2C31.14%2C7.14%2C44.97c12.61%2C18.14%2C55.59%2C8.15%2C52.84-13.88%20c0%2C0%2C0-25.93%2C0-25.93c-0.02-6.74-9.86-8.59-12.66-2.63c2.31-9.21-9.64-14.76-13.42-5.41C96.58%2C294.81%2C94.2%2C291.78%2C89.77%2C291.78z%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34%22%20transform%3D%22translate(37.486%20256.973)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_32%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_31%22%20class%3D%22st0%22%20d%3D%22M23.34%2C25.87l3.63-3.62c-5.13-5.15-5.13-13.47%2C0-18.62L23.34%2C0%20C16.21%2C7.15%2C16.21%2C18.72%2C23.34%2C25.87z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center center;
	transition:0.5s;
}
.ftc_open #ftc_trigger .ftc_bt div	{background:url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJtMTIgMTAuOTMgNS43MTktNS43MmMuMTQ2LS4xNDYuMzM5LS4yMTkuNTMxLS4yMTkuNDA0IDAgLjc1LjMyNC43NS43NDkgMCAuMTkzLS4wNzMuMzg1LS4yMTkuNTMybC01LjcyIDUuNzE5IDUuNzE5IDUuNzE5Yy4xNDcuMTQ3LjIyLjMzOS4yMi41MzEgMCAuNDI3LS4zNDkuNzUtLjc1Ljc1LS4xOTIgMC0uMzg1LS4wNzMtLjUzMS0uMjE5bC01LjcxOS01LjcxOS01LjcxOSA1LjcxOWMtLjE0Ni4xNDYtLjMzOS4yMTktLjUzMS4yMTktLjQwMSAwLS43NS0uMzIzLS43NS0uNzUgMC0uMTkyLjA3My0uMzg0LjIyLS41MzFsNS43MTktNS43MTktNS43Mi01LjcxOWMtLjE0Ni0uMTQ3LS4yMTktLjMzOS0uMjE5LS41MzIgMC0uNDI1LjM0Ni0uNzQ5Ljc1LS43NDkuMTkyIDAgLjM4NS4wNzMuNTMxLjIxOXoiLz48L3N2Zz4=) no-repeat center center;
    background-size: 40px auto;
}
ul#ftc_list	{
	position:absolute;
	bottom:0;
	opacity:0;
	z-index:-1;
	transition:0.5s;
}
ul#ftc_list li	{
	position:absolute;
	bottom:0;
	margin-top:10px;
}
.ftc_open ul#ftc_list	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	bottom:110px;
	opacity:1.0;
}
.ftc_open ul#ftc_list li	{
	position:relative;
	bottom:auto;
}
.ftc_ballon	{
    flex: 2 0 20%;
    padding: 5px 5px;
    border-radius: 100px;
    text-align: center;
    box-sizing: border-box;
    color: #333;
	background:#fff;
	font-size:16px;
	margin-left:10px;
	position:relative;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
	font-weight:600;
}
.ftc_ballon span	{
	display:block;
	line-height:1.6;
}
.ftc_bl_s	{
	font-weight:normal;
	font-size:12px;
}
.ftc_ballon:before	{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -4px;
    border: 3px solid transparent;
    border-right-width: 6px;
    border-right-style: solid;
    border-right-color: #fff;
}

/* animation */
#ftc_trigger	{	
	/*animation-play-state: paused;*/
}
#ftc_trigger.ftc_move .ftc_bt	{
	transition: .6s;
	animation: blinking 1s ease-in-out infinite alternate;
}

@keyframes blinking {
	0% {background: #333;}
	100% {background: #3A91F9;}
}

@media only screen and (min-width:1025px){
	#ft_contact_bt	{display:none;}
}
@media only screen and (max-width:1024px){
	.ftc_clm	{width:260px;}
	#ft_contact_bt	{bottom:10px; left: 10px;}
	#ftc_trigger .ftc_bt div	{width:35px; height:35px;}
	.ftc_open #ftc_trigger .ftc_bt div	{background-size:35px auto;}
	.ftc_open ul#ftc_list	{bottom:80px;}
	.ftc_bt	{flex-basis:70px; height:70px;}
	.ftc_bt svg	{width:40px; height:40px;}
	.ftc_ballon	{font-size:13px;}
	.ftc_ballon span	{line-height:1.4 !important;}
	.ftc_bl_s	{font-size:10px;}
}

/* -----------------------------------------------------------
		Page Common
----------------------------------------------------------- */
.boxcont	{
	margin:0 0 4rem;
}
a.top_linkmore	{
    background:#e95098;
    display: block;
    font-size: 100%;
	text-align:center;
    margin: 40px auto 0;
    padding: 16px 0;
    width: 320px;
    color: #fff;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
a.top_linkmore span	{
	position:relative;
	z-index:2;
}
a.top_linkmore:before	{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background:#ccc;
	height:0;
	transition:0.3s ease-in;
}
a.top_linkmore:hover:before	{
	height:100%;
}
.bg_dark a.top_linkmore	{
}
.bg_dark  a.top_linkmore:hover	{
}
.bg_white a.top_linkmore	{
}
.bg_white  a.top_linkmore:hover	{
}

.pagetitle	{
	width:90%;
	max-width:1260px;
	margin:0 auto 4rem;
	padding:2rem 0 0;
	text-align:center;
}
#pagetit_haveimg	{
	width:100%;
	position:relative;
	overflow:hidden;
	min-height:22.5rem;
	margin-bottom:4rem;
}
#pagetit_noimg	{
	padding-top:2rem;
	margin-bottom:4rem;
}
.pagetit_inn	{
	width:90%;
	max-width:1280px;
	margin:0 auto;
}
.pagetit_titbox	{
	width:57%;
	margin-bottom:5rem;
}
.pagetit_box	{
	width:57%;
}
#pagetit_haveimg .pagetit_inn	{
	text-align:left;
	padding:3rem 0 0;
}
#pagetit_noimg .pagetit_inn	{
	text-align:center;
}
.pagetitle .inner	{
	position:relative;
	z-index:2;
}
.pagetit_main	{
	display:inline-block;
	font-family: mic-32-new-web,'zen-maru-gothic',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:700;
    font-size: 6rem;
    line-height: 1.4;
    background: #F480A3;
    background: linear-gradient(90deg, rgba(244, 128, 163, 1) 0%, rgba(231, 174, 80, 1) 50%, rgba(134, 195, 98, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#pagetit_haveimg .pagetit_main	{
    line-height: 1.0;
}
.pagetit_jp	{
    font-size: 1.8rem;
    line-height: 1.0;
	font-weight:700;
}
.pagetit_img img	{
	max-height:10rem;
	width:auto;
}
.pagetit_img	{
	position:absolute;
	background-size:cover;
	background-repeat:no-repeat;
	width:48.6rem;
	height:22.5rem;
	top:0;
	left:50%;
	margin-left:-8rem;
}
.pagetit_dt	{
	font-size:117%;
	text-align:left;
}
#pagetit_noimg .pagetit_dt	{
	margin:2rem 0 0;
}

.smile_maintit	{
	margin:0 0 2rem;
	text-align:center;
}
.smile_maintit_ico	{
	width:100%;
	background:url(/img/common/ico_smile.png) no-repeat center bottom / 10.2rem auto;
	text-align:center;
	padding-bottom:2.0rem;
	margin-bottom:1.0rem;
}
.smile_maintit_ico p	{
    display: inline-block;
    font-family: mic-32-new-web, 'zen-maru-gothic', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.0;
	text-align:center;
    background: #F480A3;
    background: linear-gradient(90deg, rgba(244, 128, 163, 1) 0%, rgba(231, 174, 80, 1) 50%, rgba(134, 195, 98, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.smile_maintit_txt h2	{
	font-size:165%;
	line-height:1.2;
}

.ptit_double	{
	margin-bottom:60px;
}
.ptit_eg	{
    font-family: "Baskervville","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",'zen-maru-gothic', "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:400;
	font-size:60px;
	line-height:1.2;
}
.ptit_sub	{
	font-size:26px;
	line-height:1.4;
	color:#bbb;
}
.int_link	{
	margin:30px 0;
}
.int_link a	{
	background: #f9f9f9;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
	padding:40px 60px;
	display:flex;
}
.int_link a:hover	{
	background:#d3d3d3;
}
.int_link_L	{
	width:160px;
	margin-right:40px;
}
.int_link_Linn	{
	border-radius:50%;
	overflow:hidden;
}
.int_link_R	{
	flex:2;
	display:flex;
	flex-direction:column;
    justify-content: center;
}
.int_link_ass	{
	font-size:100%;
	line-height:1.4;
}
.int_link_name	{
	font-weight:bold;
	font-size:140%;
	line-height:1.4;
	margin-bottom:0.6em;
}
.int_link_tit	{
	font-weight:bold;
	font-size:140%;
	line-height:1.4;
}
.bt_alllinks	{
    background: #fff;
    border-radius: 100px;
    display: block;
    font-size: 100%;
    text-align: center;
    margin: 20px auto 0;
    padding: 15px 0;
    width: 320px;
    color: #333;
    border: 1px solid #333;
}
.bt_alllinks:hover	{
	background:#efefef;
}
.bt_alllinks span	{
    position: relative;
	padding:0 2em;
}
.bt_alllinks span:before	{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: -0.2em;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.link_topmore	{
	display:block !important;
    display: block;
    font-size: 90%;
	text-align:center;
    letter-spacing: 1px !important;
    margin: 40px auto;
    padding: 10px 0;
    width: 220px;
	background:#333;
    color: #fff !important;
	transition:0.8s;
}
a.link_topmore:hover {
	color:#fff; 
	background:#0074ff;
}
.anchor	{
	scroll-margin-top:126px;
}

.font_noto	{
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 100;
}
.link_other	{
	position:relative;
	text-decoration:underline;
}
.link_other:after	{
	content:"";
	display:inline-block;
	width:0.8em;
	height:0.8em;
	background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M14 4h-13v18h20v-11h1v12h-22v-20h14v1zm10 5h-1v-6.293l-11.646 11.647-.708-.708 11.647-11.646h-6.293v-1h8v8z"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left:0.4em;
	transition:0.5s;
}
.link_other:hover	{
	color:#f480a3;
}
.link_other:hover:after	{
	background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M14 4h-13v18h20v-11h1v12h-22v-20h14v1zm10 5h-1v-6.293l-11.646 11.647-.708-.708 11.647-11.646h-6.293v-1h8v8z" fill="%23f480a3" /></svg>');
}


@media only screen and (min-width: 1025px){
	.link_tel	{pointer-events: none; cursor: default;}
}
@media only screen and (max-width: 1024px){
	.anchor	{scroll-margin-top:63px;}
}
@media only screen and (max-width: 899px){
	.pagetit_img	{width: 24.4rem; height: 11.25rem; left: auto; right: 0; margin-left: 0;}
	.pagetit_box	{width:100%;}
	.pagetit_dt	{font-size:100%;}
	#pagetit_haveimg .pagetit_main	{font-size:5rem;}
	.ptit_eg	{font-size:50px;}
	.ptit_sub	{font-size: 20px;}
	.int_link a	{padding:40px 20px;}
}
@media only screen and (max-width: 699px){
	.bgcont	{padding:50px 0;}
	.ptit_eg	{font-size:40px;}
	.ptit_sub	{font-size: 16px;}
}
@media only screen and (max-width: 599px){
	#pagetit_haveimg .pagetit_inn	{padding-top:4rem;}
	#pagetit_haveimg .pagetit_main	{font-size:3rem; margin-bottom:1rem;}
	#pagetit_noimg	{padding-bottom:2rem;}
	#pagetit_noimg .pagetit_main	{font-size:4rem;}
	.pagetit_jp	{font-size:2.0rem;}
	.pagetit_titbox	{margin-bottom:3rem;}
	.smile_maintit_txt h2	{font-size:135%;}
	.ptit_double	{margin-bottom:20px;}
	.ptit_eg	{font-size:26px;}
	.ptit_sub	{font-size: 12px;}
	.int_link a	{display:block; padding:20px 20px 30px;}
	.int_link_L	{margin:0 auto 20px;}
	.int_link_ass, .int_link_name	{text-align:center;}
	.int_link_name	{font-size:120%;}
	.int_link_tit	{font-size:120%; line-height:1.6;}
}


/* -----------------------------------------------------------
		Layout Box
----------------------------------------------------------- */
.dis_flex	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.dis_flex.alignitem_center	{
	align-items:center;
}
.dis_flex.justifyc_center	{
	justify-content:center;
}
.dis_flex.row-reverse	{
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.flex_separate	{
	justify-content:space-between;
}
.d-box-1of2	{width:50%; overflow:hidden; box-sizing:border-box;}
.d-box-1of3	{width:33.3%; overflow:hidden; box-sizing:border-box;}
.d-box-2of3	{width:66%; overflow:hidden; box-sizing:border-box;}
.d-box-1of5	{width:20%; overflow:hidden; box-sizing:border-box;}
.d-box-2of5	{width:40%; overflow:hidden; box-sizing:border-box;}
.d-box-3of5	{width:60%; overflow:hidden; box-sizing:border-box;}
.d-box-4of5	{width:80%; overflow:hidden; box-sizing:border-box;}
.d-box-1of4	{width:25%; overflow:hidden; box-sizing:border-box;}
.d-box-3of4	{width:75%; overflow:hidden; box-sizing:border-box;}
.flex_separate .d-box-1of2	{width:calc((100% - 40px) / 2);}
.flex_separate .d-box-1of3	{width:calc((100% - 40px) / 3);}
.flex_separate .d-box-2of3	{width:calc(((100% - 40px) / 3) * 2);}
.flex_separate .d-box-1of5	{width:calc((100% - 40px) / 5);}
.flex_separate .d-box-2of5	{width:calc(((100% - 40px) / 5) * 2);}
.flex_separate .d-box-3of5	{width:calc(((100% - 40px) / 5) * 3);}
.flex_separate .d-box-4of5	{width:calc(((100% - 40px) / 5) * 4);}
.flex_separate .d-box-1of4	{width:calc((100% - 40px) / 4);}
.flex_separate .d-box-3of4	{width:calc(((100% - 40px) / 4) * 3);}
.d-box-pl20	{padding-left:20px;}
.d-box-pl40	{padding-left:40px;}
.d-box-pr20	{padding-right:20px;}
.d-box-pr40	{padding-right:40px;}
.d-box-pr60	{padding-right:60px;}
.d-box-plr10	{padding-left:10px; padding-right:10px;}
.d-box-plr20	{padding-left:20px; padding-right:20px;}
@media only screen and (max-width: 859px) {
	.d-box-1of3	{width:50%;}
	.d-box-2of3	{width:100%; display:block; margin-bottom:20px;}
	.d-box-1of4	{width:100%; display:block; margin-bottom:20px;}
	.d-box-3of4	{width:100%; display:block; margin-bottom:20px;}
	.d-box-1of5,.d-box-2of5,.d-box-3of5,.d-box-4of5	{width:100%; display:block; margin-bottom:20px;}
	.flex_separate .d-box-1of3	{width:100%;}
	.flex_separate .d-box-2of3	{width:100%;}
	.flex_separate .d-box-1of4	{width:100%;}
	.flex_separate .d-box-3of4	{width:100%;}
	.flex_separate .d-box-1of5, .flex_separate .d-box-2of5, .flex_separate .d-box-3of5, .flex_separate .d-box-4of5	{width:100%;}
	.d-box-2of3.d-box-pl20, .d-box-2of3.d-box-pl40	{padding-left:0;}
	.d-box-2of3.d-box-pr20, .d-box-2of3.d-box-pr40	{padding-right:0;}
	.d-box-1of4.d-box-pl20, .d-box-1of4.d-box-pl40	{padding-left:0;}
	.d-box-1of4.d-box-pr20, .d-box-1of4.d-box-pr40	{padding-right:0;}
	.d-box-3of4.d-box-pl20, .d-box-3of4.d-box-pl40	{padding-left:0;}
	.d-box-3of4.d-box-pr20, .d-box-3of4.d-box-pr40	{padding-right:0;}
}
@media only screen and (max-width: 767px) {
	.d-box-1of2	{width:100%; display:block; margin-bottom:20px; float: left;}
	.flex_separate .d-box-1of2	{width:100%;}
	.d-box-1of2 img {max-width:auto;}
	.d-box-1of3	{width:100%; display:block; margin-bottom:20px;}
	.flex_separate .d-box-1of3	{width:100%;}
	.d-box-1of2 .d-box-1of2, .d-box-1of2 .d-box-2of3, .d-box-1of2 .d-box-3of4	{margin-bottom:0;}
	.d-box-1of2.d-box-pl20, .d-box-1of2.d-box-pl40	{padding-left:0;}
	.d-box-1of2.d-box-pr20, .d-box-1of2.d-box-pr40, .d-box-1of2.d-box-pr60	{padding-right:0;}
	/* .d-box-plr10, .d-box-plr20	{padding-left:0; padding-right:0;} */
}


/* -----------------------------------------------------------
		トップページ
----------------------------------------------------------- */
#mainImg_ov	{
	width:90%;
	max-width:1280px;
	margin:0 auto 20px;
	padding:6.5rem 0 0;
	position:relative;
}
#mainImg_ov .toptit_grad	{
	font-size:10rem;
	position:absolute;
	left:0;
	top:2rem;
	z-index: 99;
}
#mainImg_R	{
	border-radius:0 3.5rem 3.5rem 0;
	overflow:hidden;
	margin:0 17rem 0 -8rem;
}
#mainImg_L	{
	position:absolute;
	right:4rem;
	top:6.5rem;
	z-index: 99;
    writing-mode: vertical-rl;
}
.top_catch	{
	font-size:2.3rem;
	line-height:1.8;
	font-weight:700;
	white-space: nowrap;
}


@media only screen and (max-width: 899px){
	#mainImg_ov .toptit_grad	{font-size:6rem;}
	#mainImg_R	{margin:0 8rem 0 -5vw;}
	#mainImg_L	{right:0;}
	.top_catch	{font-size:1.7rem;}
}
@media only screen and (min-width: 700px){
	#mainImg	{width:100%; padding:0; margin:0;}
	#mainImg_sp	{display:none;}
}
@media only screen and (max-width: 699px){
	#mainImg	{display:none;}
	#mainImg_sp	{margin:0;}
	#mainImg_sp .slick-slider	{margin:0 !important;}
	#mainImg_ov .slick-dots	{text-align:left; padding-left:20px;}
}
@media only screen and (max-width: 599px){
	#mainImg_L	{top:0;}
	#mainImg_ov .toptit_grad	{top:0;}
	#mainImg_R	{margin-top:-2rem; border-radius: 0 2rem 2rem 0;}
}




.topcont	{
	padding:6rem 0;
}
.topcont_wht	{
	padding:0 0 6rem;
}
.tit_top_basic	{
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 1em;
}
.toptit_grad	{
    display: inline-block;
	font-family: mic-32-new-web, sans-serif;
	font-weight:700;
	line-height:1.0;
	background: #F480A3;
	background: linear-gradient(90deg,rgba(244, 128, 163, 1) 0%, rgba(231, 174, 80, 1) 50%, rgba(134, 195, 98, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.img_rounded	{
	display:inline-block;
	border-radius:3.5rem;
	overflow:hidden;
}
.img_hovercl	{
	position:relative;
}
.img_hovercl:after	{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: #F480A3;
	opacity:0;
	transition:0.5s opacity ease-in-out;
}
a:hover .img_hovercl:after	{
	opacity:0.5;
}

a.link_topmore {
	font-weight:900;
    border-radius: 999px;
    display: block;
    font-size: 112.5%;
	text-align:center;
    margin: 2rem auto 0;
    padding: 0.4em 0;
    width: 100%;
	max-width:500px;
    background: #ea5514;
	color:#fff;
	position:relative;
}
a.link_topmore:hover {
	background:#066c3a; 
	color:#fff !important;
}
.arrow_bt	{
	margin-top:1rem;
}
.arrow_bt p	{
	display:inline-block;
	font-size:126%;
    line-height: 1.0;
	font-weight:700;
	position:relative;
	padding:0.5em 0 0.5em 2.5em;
	transition:0.5s;
}
.arrow_bt p span	{
	width:2em;
	height:2em;
	background-color:#f480a3;
	border-radius:50%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	transition:0.5s;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	align-items:center;
	justify-content:center;
}
.arrow_bt p span svg	{
	width:1em;
	height:1em;
	color:#fff;
}
a:hover .arrow_bt p	{
	color:#86c362;
}
a:hover .arrow_bt p span	{
	background-color:#86c362;
}
.arrtit_vt	{
	position:relative;
	z-index:2;
}
.arrtit_vt_tx	{
    font-size: 36px;
    line-height: 1.8;
    font-weight: 700;
    writing-mode: vertical-rl;
    white-space: nowrap;
	transition:0.5s;
}
.arrtit_vt span	{
	width:5.5rem;
	height:5.5rem;
	background-color:#f480a3;
	border-radius:50%;
	position:absolute;
	right:0;
	top:50%;
	z-index:2;
	margin-top:-2.25rem;
	transition:0.5s;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	align-items:center;
	justify-content:center;
}
.arrtit_vt span svg	{
	width:3.5rem;
	height:3.5rem;
	color:#fff;
}
a:hover .arrtit_vt_tx	{
	color:#86c362;
}
a:hover .arrtit_vt span	{
	background-color:#86c362;
}

.top_info_inn	{
	max-width:1080px;
	width:90%;
	margin:0 auto;
	background:#fff;
	border-radius:1.7rem;
	padding:1rem;
	box-sizing:border-box;
}
.top_info_li {
	width:90%;
	max-width:920px;
	list-style-type:none; 
	margin:0 auto; 
	padding:0;
	font-size:140%;
}
.top_info_li li {
	line-height: 1.8; 
	padding: 0.4em 0;
}
.top_info_li li dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	margin:0;
}
.top_info_li li dt, .top_info_li li dd {
	padding:0; 
	margin:0; 
	line-height:1.4;
}
.top_info_li li dt {
	width:8em;
	font-weight:700;
}
.top_info_li li dd {
	flex:2;
	font-weight:700;
}
.top_info_li a:hover	{
	color:#f480a3;
}
.top_info_btinn	{
	max-width:920px;
	width:calc(90% - 2rem);
	margin:0 auto;
}
.top_info_bt	{
	display:inline-block;
	font-size:117%;
	line-height:1.0;
	padding-left:0.8em;
	margin-bottom:20px;
	position:relative;
}
.top_info_bt:hover	{
	color:#f480a3;
}
.top_info_bt:before	{
    content: "";
    display: block;
    position: absolute;
    top: 0.3em;
    left: 0;
    background-color: #f480a3;
    width: 0.4em;
    height: 0.6em;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    z-index: 0;
    transition:0.5s;
}

.top_abt_inn	{
	width:90%;
	max-width:1020px;
	margin:0 auto;
	padding:3rem 0 0;
	position:relative;
}
#top_about .toptit_grad	{
	font-size:7.5rem;
	position:absolute;
	left:0;
	top:0;
	z-index: 99;
}
.top_abt_box	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items:center;
}
.top_abt_img	{
	width:82%;
}
.top_abt_tit	{
	width:18%;
}
#top_about .arrtit_vt	{
	left:3rem;
}
.top_abt_txt	{
	margin:1.5rem 0 0 18%;
	font-size:126%;
}
.top_spt_maintit	{
	text-align:center;
	margin-bottom:3rem;
}
#top_support .toptit_grad	{
	font-size:7rem;
	margin-bottom:1.5rem;
}
.top_spt_mtit02	{
	font-size:126%;
}
.top_spt_list	{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.top_spt_img	{
	border-radius:3rem;
	overflow:hidden;
	margin-bottom:1.5rem;
	background-color: #ece6dc;
	position:relative;
}
.top_spt_img:after	{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color: #F480A3;
	opacity:0;
	transition:0.5s opacity ease-in-out;
}
a:hover .top_spt_img:after	{
	opacity:0.5;
}
.top_spt_list h3	{
	font-size:115%;
	line-height:1.4;
	text-align:center;
	margin-bottom:0.5em;
}
.top_spt_txt ul	{
	text-align:center;
	font-size:110%;
}
.top_spt_txt li	{
	display:inline-block;
	padding-left:1em;
	position:relative;
}
.top_spt_txt li:before	{
    content: "";
    display: block;
    width: 0.25em;
    height: 0.25em;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 0.5em;
    top: 0.8em;
}
#top_support .arrow_bt	{
	text-align:center;
}
#top_books .toptit_grad	{
	font-size:6rem;
    line-height: 0.9;
	margin-bottom:1.5rem;
}
.top_bks_maintit	{
	font-size:118%;
	font-weight:500;
}
.top_bks_box	{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.top_bks_txt	{
	width:57%;
}
.top_bks_img	{
	flex:2;
	text-align:center;
}
.top_bks_list	{
	font-size:115%;
	margin:1.5rem 0 2rem;
}
.top_bks_list li	{
	padding-left:1.4em;
	position:relative;
}
.top_bks_list li:before	{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.4em;
}
.top_rsc_maintit	{
	text-align:center;
}
#top_research .toptit_grad	{
	font-size:6rem;
	margin-bottom:1.5rem;
}
.top_rsc_box	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items:center;
}
.top_rsc_img	{
	width:89%;
}
.top_rsc_tit	{
	width:11%;
	position:relative;
	z-index:2;
}
.top_rsc_img .img_rounded	{
    aspect-ratio: 23 / 8;
}
.top_rsc_img .img_rounded img	{
	object-fit:cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
#top_research .arrtit_vt span	{
	right:-3rem;
}
.top_rsc_txt	{
	margin:1.5rem 0 0 11%;
	font-size:120%;
}
.top_bks_list	{
	margin:1.5rem 0 2rem;
}
.top_bks_list p	{
	font-size:115%;
}
.top_rsc_list	{
    margin: 1.5rem 0 0;
}
.top_rsc_list li	{
	padding-left:1.4em;
	position:relative;
}
.top_rsc_list li:before	{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: #333;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.4em;
}
.top_ins_maintit	{
	text-align:center;
}
#top_instagram .toptit_grad	{
	font-size:3rem;
	margin-bottom:1.0rem;
}
#top_instagram .toptit_grad svg	{
	width:1em;
	height:1em;
    margin-right: 0.2em;
    margin-bottom: 0.1em;
	fill:#F480A3;
}
#top_instagram #sb_instagram #sbi_images .sbi_item	{
	border-radius:1rem;
}
#top_instagram #sb_instagram .sbi_link .sbi_caption	{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}



@media only screen and (max-width: 1024px){
	.top_spt_txt ul	{font-size:100%;}
}
@media only screen and (max-width: 899px){
	.arrtit_vt_tx	{font-size:30px;}
	#top_about .toptit_grad	{font-size:6.5rem; top:-1rem;}
	.top_info_li li dl	{display:block;}
	.top_info_li li dt	{font-size:90%; font-weight:500; margin-bottom: 0.2em;}
	#top_support .toptit_grad	{font-size:6rem;}
	.top_spt_list	{grid-template-columns: repeat(1, 1fr); grid-row-gap: 4rem;}
	.top_spt_box	{display: flex; flex-direction: row; flex-wrap: nowrap; align-items:center;}
	.top_spt_img	{width:45%; max-width: 300px; margin:0 3% 0 0; border-radius: 2rem;}
	.top_spt_txt	{flex:2;}
	.top_spt_list h3	{font-size:130%; margin-bottom:1em;}
	#top_support .top_spt_titpc	{text-align:left;}
	.top_spt_txt ul	{text-align:left;}
	#top_support .arrow_bt	{margin-top:2rem;}
	#top_books .toptit_grad	{font-size:5rem;}
	#top_research .toptit_grad	{font-size:4rem;}
	.top_rsc_tit	{width:18%;}
	.top_rsc_img	{width:82%;}
}
@media only screen and (min-width: 800px){
	.top_bkstit_sp	{display:none;}
}
@media only screen and (max-width: 799px){
	#top_about .arrtit_vt	{left:0;}
	#top_about .arrtit_vt span	{right: -3rem;}	
	.top_bkstit_pc	{display:none;}
	.top_rsc_img .img_rounded	{aspect-ratio: auto;}
}
@media only screen and (min-width: 600px){
	.top_spt_titsp	{display:none;}
}
@media only screen and (max-width: 599px){
	.topcont	{padding:4rem 0;}
	.topcont_wht	{padding:0 0 4rem;}
	.tit_top_basic	{font-size:2.4rem;}
	.img_rounded	{border-radius:2rem;}
	.top_info_li	{font-size:100%;}
	.arrtit_vt span	{width:4rem; height:4rem; margin-top:-2rem;}
	.arrtit_vt span svg	{width: 2.45rem; height: 2.45rem;}
	.arrtit_vt_tx	{font-size:24px;}
	#top_about .toptit_grad	{font-size:4.5rem; top: 0.5rem; right: 0; left: auto;}
	#top_about .arrtit_vt span	{right:-2rem;}
	#top_support .toptit_grad	{font-size:4.5rem;}
	.top_spt_titpc	{display:none;}
	#top_research .arrtit_vt span	{right:-2rem;}
	.top_abt_txt	{font-size:100%; margin:1.5rem 0 0;}
	.top_spt_mtit02	{font-size:110%;}
	#top_books .toptit_grad	{font-size:4rem;}
	.top_bks_box	{display:block;}
	.top_bks_img	{max-width:200px; margin:0 auto 0;}
	.top_bks_txt	{width:100%; margin-top:-20px;}
	.top_bks_maintit	{font-size:100%;}
	.top_bks_list	{font-size:110%;}
	#top_books .arrow_bt	{text-align:center;}
	#top_research .toptit_grad {font-size: 9vw;}
	.top_rsc_txt	{font-size:100%; margin:1.5rem 0 0;}
}



/* -----------------------------------------------------------
		About
----------------------------------------------------------- */
.about_list	{
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.about_li_titline	{
	padding:0.8em 0 0.8em 2.5rem;
	position:relative;
}
.about_li_titline:before	{
	content:"";
	width:1rem;
	height:100%;
	border-radius:9999px;
    background: #F480A3;
    background: linear-gradient(180deg, rgba(244, 128, 163, 1) 0%, rgba(231, 174, 80, 1) 50%, rgba(134, 195, 98, 1) 100%);
	position:absolute;
	top:0;
	left:0;
}
#about h2	{
	font-size:140%;
	line-height:1.0;
	margin-bottom:0.4em;
}
.about_li_titline p	{
    font-family: mic-32-new-web, 'zen-maru-gothic', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:300;
	font-size:94%;
	line-height:1.0;
}
.about_li_txt	{
	font-size:128%;
}
.about_li_txt dl	{
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: 1rem;
    grid-row-gap: 0.5em;
}
.about_li_txt.about_company dl	{
    grid-row-gap: 1em;
}
.about_li_txt.about_company dt	{
	font-weight:700;
}
.about_li_txt ol	{
	list-style-type:decimal;
	margin-left:1em;
}
.about_li_txt ol li:not(:last-child)	{
	margin-bottom:0.5em;
}
.about_li_txt.about_achieve ol li:not(:last-child)	{
	margin-bottom:2em;
}
.about_li_txt p	{
	margin-bottom:0.5em;
}

@media only screen and (max-width: 899px){
	.about_list	{display:block;}
	.about_li_tit	{margin-bottom:2rem;}
	.about_li_txt	{margin-bottom:3rem;}
}
@media only screen and (max-width: 599px){
	.about_li_txt	{font-size:100%;}
	.about_li_txt dl	{display:block;}
	.about_li_txt dl dd	{margin-bottom:0.5em;}
}


/* -----------------------------------------------------------
		Support
----------------------------------------------------------- */
.spt_maintit	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	margin:0 0 2rem;
}
.spt_maintit_ico	{
	width:10.2rem;
	background:url(/img/common/ico_smile.png) no-repeat center bottom / 100% auto;
	text-align:center;
	padding-bottom:1.5rem;
	margin-right:1.5rem;
}
.spt_maintit_ico p	{
    display: inline-block;
    font-family: mic-32-new-web, 'zen-maru-gothic', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.0;
    background: #F480A3;
    background: linear-gradient(90deg, rgba(244, 128, 163, 1) 0%, rgba(231, 174, 80, 1) 50%, rgba(134, 195, 98, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.spt_maintit_txt h2	{
	font-size:105%;
}
.spt_maintit_txt h2 span	{
	font-size:165%;
}
.spt_mv	{
	border-radius:2.5rem;
	overflow:hidden;
}
.spt_det	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.spt_reco	{
	width:20.8rem;
	height: 22.5rem;
	margin:-6rem 0 0 2.5rem;
	position:relative;
	z-index:1;
}
#preschool-plan .spt_reco	{
	background:url(/img/support/img_spt01_reco.png) no-repeat center bottom / 100% auto;
}
#after-school-plan .spt_reco	{
	background:url(/img/support/img_spt02_reco.png) no-repeat center bottom / 100% auto;
}
#japanese-education-support .spt_reco	{
	background:url(/img/support/img_spt03_reco.png) no-repeat center bottom / 100% auto;
}
.spt_reco h3	{
	position:absolute;
    top: 5rem;
    left: 2rem;
	font-size:1rem;
    font-weight: 500;
	line-height:1.2;
	text-align:center;
}
.spt_reco h3 strong	{
	color:#f480a3;
	font-size:150%;
    font-weight: 900;
}
.spt_reco h4	{
	padding:12rem 1rem 0;
	font-size:1.2rem;
    font-weight: 500;
	line-height:1.3;
	text-align:center;
}
.spt_reco h4 strong	{
	color:#f480a3;
	font-size:140%;
    font-weight: 900;
    margin: 0.2em 0;
    display: inline-block;
}
.spt_txt	{
	flex:2;
	margin:3rem 0 0 3rem;
	font-size:125%;
}


@media only screen and (max-width: 899px){
	.spt_det	{display:block;}
	.spt_reco	{margin:-6rem auto 0;}
	.spt_txt	{margin:2rem 0 0;}
}
@media only screen and (max-width: 599px){
	.spt_maintit	{display:block;}
	.spt_maintit_ico	{margin:0 auto 1rem;}
	.spt_maintit_txt h2	{text-align:center;}
	.spt_mv	{border-radius:2rem;}
	.spt_reco	{margin-top:-3rem;}
	.spt_txt	{font-size:100%;}
}

/* -----------------------------------------------------------
		Education
----------------------------------------------------------- */
.edc_maindt	{
	font-size:115%;
	margin-bottom:3rem;
}

.edc_resbox	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	margin-bottom:2.5rem;
}
.edc_res_img	{
	width:54%;
	margin-right:2rem;
}
.edc_res_txt	{
	flex:2;
	font-size:110%;
}
.edc_res_txt p + ul	{
	margin-top:1em;
}
.edc_res_numlist	{
	counter-reset: edc_res_num 0;
}
.edc_res_numlist > li	{
	padding-left:2em;
	position:relative;
}
.edc_res_numlist >li:not(:last-child)	{
	margin-bottom:1em;
}
.edc_res_numlist > li:before	{
	counter-increment: edc_res_num 1;
	content: counter(edc_res_num) ".";
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 100;
	font-size:170%;
	position:absolute;
	left:0;
	top:-0.3em;
}
.edc_clil	{
	background:#fff;
	padding:2rem;
	border-radius:2.5rem;
}
.edc_clibox	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.edc_cli_img	{
	width:47%;
	margin-left:2rem;
}
.edc_cli_txt	{
	flex:2;
	font-size:108%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	justify-content:center;
}
.edc_clil h3	{
	font-size:110%;
	line-height:1.2;
	color:#7ec9e8;
	margin-bottom:1.5rem;
}
.edc_cli_txt p, .edc_cli_txt dt, .edc_cli_txt dd	{
	line-height:1.6;
}
.edc_clil dl	{
    display: grid;
    grid-template-columns: 12em 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0.5em;
	margin:0.5em 0;
}
.edc_clil dl dt, .edc_clil dl dd	{
	position:relative;
}
.edc_clil dl dt	{
    padding-left: 1.5em;
}
.edc_clil dl dt:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    background: #333;
    left: 0;
    top: .5em;
    border-radius: 50%;
}
.edc_clil dl dd	{
    padding-left: 0.5em;
}
.edc_clil dl dd:before {
    content: ":";
    position: absolute;
    left: 0;
    top: -0.2em;
}
.edc_themes	{
	font-size:110%;
	text-align:center;
}
.edc_themes_inn	{
	display:inline-block;
	text-align:left;
}
.edc_themes ul	{
	margin-bottom:1em;
}



@media only screen and (max-width: 899px){
	#pagetit_noimg.pagetit_education .pagetit_main	{font-size: 9vw;}
	.edc_resbox	{display:block;}
	.edc_res_img	{width:100%; max-width:470px; margin:0 auto 2rem;}
	.edc_clibox	{display:block;}
	.edc_cli_img	{width:100%; max-width:400px; margin:2rem auto 0;}
	.edc_clil h3	{text-align:center;}
}
@media only screen and (max-width: 599px){
	.edc_res_txt	{font-size:100%;}
	.edc_cli_txt	{font-size:100%;}
	.edc_clil dl	{display:block;}
	.edc_clil dl dd	{padding-left: 0; margin: 0 0 0.5em;}
	.edc_clil dl dd:before	{display:none;}
	.edc_themes	{font-size:100%;}
}


/* -----------------------------------------------------------
		Education
----------------------------------------------------------- */
.ctn_case_list	{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.ctn_case_list > li	{
	text-align:center;
}
.ctn_case_list h3	{
	font-size:125%;
	line-height:1.2;
	margin:0.2em 0 0.6em;
}
.ctn_case_list p	{
	line-height:1.4;
}

@media only screen and (max-width: 899px){
	.ctn_case_list	{display:block;}
	.ctn_case_list > li	{display: flex; flex-direction: row; flex-wrap: nowrap; align-items:center; text-align:left;}
	.ctn_case_img	{width:40%; max-width: 300px; margin:0; border-radius: 2rem;}
	.ctn_case_txt	{flex:2; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content:center;}
	.ctn_case_list h3	{font-size:105%;}
}



/* -----------------------------------------------------------
		Instructor
----------------------------------------------------------- */
.ins_list	{
	max-width:1120px;
	margin:0 auto;
}
.ins_list > li:not(:last-child)	{
	margin-bottom:2rem;
}
.ins_list > li	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.ins_img	{
	width:42%;
	margin-right:3rem;
}
.ins_txt	{
	flex:2;
	padding-top:3.5rem;
	font-size:110%;
}
.ins_txt h3	{
	font-size:110%;
	line-height:1.4;
	margin-bottom:1em;
}
.ins_txt dl	{
    display: grid;
    grid-template-columns: 5em 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}
.ins_txt dt, .ins_txt dd	{
	line-height:1.6;
}
.ins_txt dt h4	{
	background:#e7ae50;
	color:#fff;
	font-size:90%;
	line-height:1.6;
	padding:0.4em;
	border-radius:10px;
	text-align:center;
}
.ins_txt dd	{
	padding-top:0.3em;
}
.ins_comment	{
	margin:1.5em 0 0 6em;
}


@media only screen and (max-width: 899px){
	.ins_list > li	{display:block;}
	.ins_img	{width:100%; max-width:300px; margin:0 auto 2rem;}
	.ins_txt	{width:100%; max-width:600px; margin:0 auto; padding:0;}
	.ins_txt h3	{text-align:center;}
	.ins_comment	{margin-left:0;}
}
@media only screen and (max-width: 599px){
	.ins_txt	{font-size:100%;}
}


/* -----------------------------------------------------------
		Recurit NEW
----------------------------------------------------------- */
.saiyou-box	{
	width:100%; 
	border:1px solid #ccc; 
	box-sizing:border-box;
}
#saiyou-arch .saiyou-box	{
	margin-bottom:20px;
}
.saiyou-tit_box	{
	background:#eee;
	padding:20px 190px 20px 20px;
	box-sizing:border-box;	
	position:relative;
}
.saiyou-tit_box h2	{
	font-size:24px;
}
.saiyou-tit_box h3	{
	font-size:18px;
}
.saiyou-tit_box h4	{
	font-size: 12px;
	position:absolute;
	top:20px;
	right:20px;
}
.saiyou-tit_box h4 span	{
	display:inline-block;
	color:#fff;
	padding:5px 10px;
	margin-left:5px;
}
.saiyou_type_FULL_TIME	{background:#EF517F;}
.saiyou_type_PART_TIME 	{background:#EEAE21;}
.saiyou_type_CONTRACTOR 	{background:#A6CB3F;}
.saiyou_type_STUDENT 	{background:#08A4B1;}
.saiyou_type_OTHER 	{background:#3B3285;}
.saiyou-dt_box	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items:center;
	padding:20px;
	box-sizing:border-box;	
}
.syar_thumb	{
	width:300px;
	margin-right:20px;
}
.syar_thumb + .syar_subtit	{
	width : 70% ;
	width : -webkit-calc(100% - 320px) ;
	width: calc(100% - 320px);
}
.saiyou_pick0	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	/*align-items:center;*/
	margin-bottom:20px;
}
.saiyou_pick0.prp_noimg	{
	justify-content:center;
}
.saiyou_pu_img	{
	width:350px; 
	margin:0 30px 0 0;
}
.saiyou_pu_text	{
	width : 70% ;
	width : -webkit-calc(100% - 380px) ;
	width: calc(100% - 380px);
}
.prp_noimg .saiyou_pu_text	{width:100%;}
.saiyou_pick0 h3	{font-size:140%; font-weight:bold; font-family: 'Lato',"ヒラギノ角ゴ W7 JIS2004","游ゴシック","メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;}

.saiyou-setsumei	{margin-bottom:20px;}
.saiyou_youkou dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:bold;}
.saiyou_youkou dl dd	{padding:10px 10px 9px 25%; border-bottom: 1px dotted #ccc;}
/*#saiyou-arch a.link_topmore	{
	background:#000;
	color:#fff !important;
	border-color:#000;
}
#saiyou-arch a.link_topmore:hover{
	border-color:#000 !important;	
}*/
#saiyou-sh a.link_topmore	{
	background:#a969a6;
	color:#fff !important;
	border-color:#a969a6;
	margin-top:40px;
	font-weight:bold;
}
#saiyou-sh a.link_topmore:hover{
	background:#d64b53 !important;
	border-color:#d64b53 !important;	
}
@media only screen and (max-width: 1024px){
	.saiyou-tit_box	{padding: 70px 30px 30px 30px;}
	.saiyou_pu_img	{width:200px;}
	.saiyou_pu_text	{
		width : 70% ;
		width : -webkit-calc(100% - 230px) ;
		width: calc(100% - 230px);
	}
}
@media only screen and (max-width: 699px){
	.saiyou_pu_img	{width:100%; text-align:center; margin:0 0 10px;}
	.saiyou_pu_text	{width:100%;}
	.saiyou-dt_box	{display:block;}
	.syar_thumb	{width:auto; max-width:300px; margin:0 auto 20px;}
	.syar_thumb + .syar_subtit	{width:100%;}
}
@media only screen and (max-width: 599px){
	.saiyou-tit_box	{padding-right:20px; padding-left:20px; padding-bottom:20px;}
	.saiyou-tit_box h2	{font-size:18px;}
	.saiyou-tit_box h3	{font-size:14px;}
	.saiyou-tit_box h4	{left:10px; right:unset;}
	.saiyou-dt_box	{padding:20px 20px 0;}
	.saiyou_youkou dl dt	{width:100%;}
	.saiyou_youkou dl dd	{width:100%; box-sizing:border-box; padding:10px;}
}

/* -----------------------------------------------------------
		Utility
----------------------------------------------------------- */
#utility	{}
#utility dl	{margin-bottom:50px;}
#utility dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:600;}
#utility dl dd	{padding:10px 10px 9px 25%; border-bottom: 1px solid #ccc;}
#utility dl dd h4	{font-size:100%; font-weight:bold; margin-bottom:5px;}
#u-gmap		{margin:20px 0 0;}
#rec_message	{margin:50px 0 0;}
#rec_message p	{margin-bottom:10px;}
#utility .lk-1colt dt	{width:100%; float:none;}
#utility .lk-1colt dd	{width:100%; padding:10px 10px 9px 10px;}

#form_message	{margin-bottom:30px;}
#form_message h3	{font-size:24px; line-height:1.2; text-align:center; margin-bottom:20px;}
#form_contact .need    { background-color:#df2042; color:#FFFFFF; font-size:11px; margin-right:5px; padding:3px 5px; border-radius: 3px; font-weight: normal;}
#form_contact .err     { background:#FF6868; color:#FFFFFF; }
#form_contact .comp    { background:#f3f3f3; padding:80px 0px 80px 0px; text-align: center; }
#privacy { height:120px; overflow-y:scroll; padding:10px; margin-bottom:10px; border: 1px solid #ccc; background:#fff; }

select#year, select#month	{width:17em; display:inline-block;}
.select_year	{width:17em; display:inline-block;}

.utl_txcenter	{text-align:center; margin: 0 0 30px;}
.utl_txcenter p	{display:inline-block; text-align:left;}



@media only screen and (max-width: 1024px){
	#utility dl dt	{width:100%; padding:10px 10px 5px; box-sizing:border-box;}
	#utility dl dd	{padding:0 10px 10px; box-sizing:border-box;}
	#u-gmap		{width:100%;}
	#u-gmap iframe	{width:100%; height:300px;}
}



/* -----------------------------------------------------------
	アーカイブ・単一記事ページ
----------------------------------------------------------- */
#archive_tandem > ul > li	 {margin: 0 0 20px; width: auto; float: none;}
#archive_tandem ul li a	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#archive_tandem li:hover a:not(.categories_label a){
	color:#f480a3;
}
.thumL	{
	height: 150px; 
	margin: 0; 
	text-align: center; 
	vertical-align: middle; 
	width: 150px;
	border-radius:10px;
	overflow:hidden;
	margin-right:1.6rem;
}
.thumL img	{max-width:100%; height:auto;}
.title01  {
	flex:2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	justify-content:center;
}
.title01 h3 {font-size:110%; font-weight:bold; margin-bottom:0px !important; padding:5px 0 5px; line-height:1.5;}
.info_new {
	background:transparent;
	color:#f480a3;
    border-radius: 2px;
    display: inline-block;
    font-size: 85%;
    padding: 0.2em 0;
    position: relative;
    font-weight: normal;
    margin: 0 0.5em 0 0;
}
.excerpt	{
	font-size:80%; 
}
.excerpt p	{
	line-height:1.6;
}
#archive_tandem .excerpt	{
	margin-top:0.5rem;
}
.date {font-size:90%;}
#tit_blog_sg	{
	padding:0 0 10px;
	margin:0 0 40px;
}
#tit_blog_sg.new_sg	{
    border-bottom: 3px solid #333;
}
#tit_blog_sg .date	{
	text-align:left;
	color:#f480a3;
}

@media only screen and (max-width: 499px){
	.thumL	{width:120px; height:120px;}
}
@media only screen and (max-width: 399px){
	.thumL	{width:98px; height:98px;}
	.title01 h3	{padding:0px;}
}

ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
border:0;
}


.categories_label li {
	display: inline-block;
    font-size:11px;
    margin: 0 5px 5px 0;
    background-color: #86c362;
	color:#fff;
    text-align: center;
    padding: 3px 10px;
    border-radius: 3px;
}
.sg_categories li  {
	display: inline-block;
    margin: 0 5px 5px 0;
}
.sg_categories a  {
    font-size:11px;
    background-color: #86c362;
	color:#fff;
    text-align: center;
    padding: 3px 10px 5px;
    border-radius: 3px;
}




.single_title {text-align: center;}
.single_title h2 {
    font-size: 250% !important;
    font-weight: 400 !important;
    padding: 20px 0 0 !important;
    line-height: 1.0;
}

.single_title ul {display: table-cell;}
.single_title li {float: left; margin: 0 10px;}
.single_title a {}

.thum_blog_sg	{
	margin-top:20px;
	border-radius:10px;
	overflow:hidden;
}
.addtoany_header	{
	font-size:90%;
	line-height:1.2;
	font-weight:bold;
	margin:40px 0 10px !important;
}

@media only screen and (max-width: 767px) {
	.single_title h2 {font-size: 200% !important;}
}
@media only screen and (max-width: 499px) {
	.single_title h2 {padding: 30px 0 0px;}
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 70px 0 20px;
}

.pagenav a{background:#f480a3; color:#fff; padding:10px 20px; border-radius:3px;}

.prev{float:left}

.next{float:right;}

#hs_pagenav	{
width:200px;
margin: 20px auto 30px;
}


#hs_pagenav .prev ,#hs_pagenav .next	{
width:100px;
-moz-transition:0.1s ease-out;
-webkit-transition:0.1s ease-out;
-o-transition:0.1s ease-out;
-ms-transition:0.1s ease-out;
}

#hs_pagenav .prev ,#hs_pagenav .next{
width:65px;
}

#hs_pagenav .prev:hover{
text-indent:-5px;
}
#hs_pagenav .next:hover{
text-indent:5px;
}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {display: inline-block;}


.wp-pagenavi {
	clear: both;
	text-align: center;
	margin:40px 0 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background:#777;
	color:#fff;
	padding: 3px 10px;
	min-width: 2.2em;
	box-sizing: border-box;
	margin: 2px;
	border-radius:6px;
}

.wp-pagenavi span.current {
	background: #f480a3;
	color:#fff;
}

@media only screen and (max-width: 599px){
	.wp-pagenavi a.first, .wp-pagenavi a.last	{display:none;}
}


.post_content h1,.post_content h2,.post_content h3,.post_content h4,.post_content h5,.post_content h6 {
    margin: 2em 0 1em;
    line-height: 1.4
}
.post_content h1 span,.post_content h2 span,.post_content h3 span,.post_content h4 span,.post_content h5 span,.post_content h6 span	{
	scroll-margin-top: 90px;
}

.post_content p + p {
    margin-top: 1em;
}

.post_content h1 {
    background: #f480a3;
    color: #fff;
    padding: .2em 1em;
    font-size: 150%
}

.post_content h2 {
    background: #b8b8b8;
    color: #222;
    padding: .2em 1em;
    font-size: 150%
}

.post_content h3 {
    color: #222;
    padding: .2em 0;
    border-bottom: solid 2px #f480a3;
    font-size: 130%
}

.post_content h4 {
    font-size: 110%;
    padding: .2em 0;
    border-bottom: dotted 1px #222
}

.post_content h5 {
    font-size: 110%;
    color: #f480a3
}


.post_content ul,.post_content ol {
    padding-left: 2em;
    margin: 15px 0
}

.post_content ul li {
    list-style-type: disc
}

.post_content ol li {
    list-style-type: decimal
}

.post_content a {
    color: #1877f2;
    text-decoration: underline
}

.post_content blockquote {
    background-color: #f7f7f7;
    padding: 30px 30px 20px;
    border-radius: 10px;
    margin: 15px 0;
    position: relative;
    line-height: 2em
}

#toc_container	{
	width:100% !important;
	box-sizing:border-box;
}
.toc_list li	{
    padding-left: 1.4em !important;
    position: relative;
}
.toc_list li span.toc_number	{
    position: absolute;
    left: 0;
    top: 0;
	margin:0 !important;
}
#toc_container ul ul	{
	margin-left:0 !important;
}
.toc_list li li	{
    padding-left: 2.0em !important;
}
.toc_list li li li	{
    padding-left: 3.0em !important;
}
span[id^="anchor"] {
	scroll-margin-top: 90px;
}

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


/* -----------------------------------------------------------
		Column
----------------------------------------------------------- */
#column_pick_slide	{}
#column_pick_slide li	{padding:0 10px;}
#column_pick_slide li div	{
	position:relative;
	border-radius:10px;
	overflow:hidden;
}
#column_pick_slide li div h2	{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:6em;
	line-height:1.5;
	padding:10px;
	overflow:hidden;
	box-sizing:border-box;
	color:#fff;
	text-shadow:-2px 1px 5px #333333;
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000', GradientType=0 );
}
#column_pick_slide .slick-arrow	{
	color:#fff;
	text-shadow:-2px 1px 13px #333333;
}
#column_trouble	{
    padding: 3rem 0;
}
#archive_tile > h1	{
    font-size: 120%;
    line-height: 1.4;
    clear: both;
    margin: 0;
    padding: 10px 10px 7px 0px;
    border-bottom: 3px solid #333;
}
#archive_tile > ul	{
	width:100%;
	margin-top:20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
}
#archive_tile > ul > li	{
	background:#fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	border-radius:10px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
#archive_tile li:hover a:not(.categories_label a){
	color:#f480a3;
}
.title02	{
	padding:10px; 
	flex:2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.title02 .tit_info	{margin-bottom:10px;}
.title02 .tit_info a	{font-size:120%;}
.title02 .info_new	{margin-right:10px;}
#archive_tile .categories_label a:before, .single-column .categories_label li a:before	{
	content:"#";
}
#archive_tile .excerpt	{
	margin-bottom:20px;
    flex: 2;
}
a.link_topmore.bt_column_more	{
	width:90%;
	margin-bottom:3rem;
}

#clm_bt_tagarea 	{
	background:#f480a3;
	padding:40px 0;
	margin:40px 0;
    font-family: "ヒラギノ角ゴ W7 JIS2004" , "zen-maru-gothic","游ゴシック","メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
#clm_bt_tagarea h2	{
	font-size:24px;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
	position:relative;
	margin-bottom:40px;
}
ul.clm_bt_taglist li	{
	display:inline-block;
	background:#fff;
	border-radius:3px;
	padding:5px 15px;
	margin:0 5px 10px 0;
}
ul.clm_bt_taglist li:hover	{
    background: #fff;
}
ul.clm_bt_taglist li a:before	{
	content:"#";
}
#side_ranking	{counter-reset: number;}
#side_ranking .rank0	{position:relative;}
#side_ranking .rank0:after	{content: counter(number); counter-increment: number; width:20px; height:20px; line-height:20px; text-align:center; position:absolute; top:0; left:0; z-index: 2; color:#fff; font-size:10px; background:#f480a3; border-radius:10px 0 5px 0;}

.sd_clm_rank	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items:center;
}

/* いいねボタン */
#arch_clm_ur	{position:absolute; left:0; bottom:10px; width:100%; padding:0 10px; box-sizing:border-box;}
.post-ratings	{font-size:16px; font-weight:bold; vertical-align:middle;}
.post-ratings span	{margin:0 5px;}
.post-ratings img	{vertical-align:middle;}

@media only screen and (max-width: 899px){
}
@media only screen and (max-width: 499px){
	#archive_tile > ul	{display:block;}
	#archive_tile > ul > li	{
		width:100%;	
		margin:0 0 20px;
	}
}