@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: //meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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: 0;}

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;}
svg {
	fill: currentColor;
    vertical-align: top;
}


body{
font: 19px/1.8 "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-color:#000;
color:#fff;
-webkit-text-size-adjust: none;
letter-spacing: 0.5px;
}
@media only screen and (max-width: 899px){
	body{font-size:16px;}
}

html	{
	font-size:20px;
	scroll-behavior: smooth;
}
@media only screen and (max-width:1433px){
	html	{font-size:1.3vw;}
}
@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:#CD1E6D; }
.closeup_red   {font-weight:bold; color:#e10000; }
.closeup_ylw   {font-weight:bold; color:#ffbf01; }
.closeup_wht   {font-weight:bold; color:#fff; }
.closeup_tx12 {font-size: 12px !important; color: #CD1E6D !important; line-height: 1.4;}
.closeup_tx14 {font-size: 14px !important; color: #CD1E6D !important; line-height: 1.4;}
.closeup_tx16 {font-size: 16px !important; color: #CD1E6D !important; line-height: 1.4;}
.closeup_tx18 {font-size: 18px !important; color: #CD1E6D !important; line-height: 1.4;}
.closeup_tx24 {font-size: 24px !important; color: #CD1E6D !important; line-height: 1.4;}

.tx10      {font-size:10px !important;}
.tx11      {font-size:11px !important; line-height: 1.4;}
.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;}

.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: 'Cormorant Garamond',"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho",serif; font-weight: normal; font-size: 200%;}
.title404_h1 {
    font-size: 250%;
    font-weight: 900;
    margin: 30px 0 0;
    font-family: 'Cormorant Garamond', 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:500px){
	.br_sp	{display:none;}
	.br_pc	{display:block;}
	.tx_ctol {text-align: left !important;} /* テキスト左寄せ499px以下 */
	.img_sp {display:none;}
}

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

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

/* -----------------------------------------------------------
		link
----------------------------------------------------------- */
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#fff;
/* 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:#fff;
}


/**** 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;
    padding: 0px;
    width: 48%;
    margin-bottom: 10px;
    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;
}
.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;
    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 #ccc;
	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: #cd1e1e;
}

*: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%;}
}

#form_check_side span.wpcf7-list-item	{display:inline-block !important;}


/* コンテンツ内リンクボタン（#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: #c5c3c3 !important;
	color: #fff;
}
.button01:hover {
	background-color: #d61518 !important;
	color: #fff !important;
}

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

/* -----------------------------------------------------------
		layout（共通）
----------------------------------------------------------- */
#wrap	{
	max-width:1400px;
	margin:0 auto;
	background:#fff;
}

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

#wrapper-full{
width:100%;
}

#outer	{
	top:0;
	left:0;
}
#outer-page	{
	padding:155px 0 0;
}
@media only screen and (max-width:899px){
	#outer-page	{padding:80px 0 0;}
}

#header{
/*overflow:hidden;*/
}

#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: 0 0 50px;
    min-height: 700px;
}

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

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

#footer {
    clear: both;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

#footer address	{font-size:11px;}

.page-template-page_salonstyle #footer{
margin-top:0;
} 

/* リッチエディタ見出しクラス */
.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_disc li, .li_circle li, .li_square li, .li_decimal li, .li_decimal-lz li, .li_lower-latin li, .li_upper-latin li {list-style-position: outside; margin-bottom: 5px; line-height: 1.6;}
.li_disc ul, .li_circle ul, .li_square ul, .li_decimal ul, .li_decimal-lz ul, .li_lower-latin ul, .li_upper-latin ul {margin-left: 25px;}
.li_disc li	{list-style-type: disc !important;} /* 黒丸 */
.li_disc_sub li	{list-style-type: disc !important;} /* 黒丸 */
.li_circle li	{list-style-type: circle;} /* 白丸 */
.li_square li	{list-style-type: square;} /* 黒四角 */
.li_decimal li	{list-style-type: decimal;} /* 算用数字 */
.li_decimal-lz li	{list-style-type: decimal-leading-zero;} /* 先頭に0をつけた算用数字 */
.li_lower-latin li	{list-style-type: lower-latin;} /* 小文字のアルファベット */
.li_upper-latin li	{list-style-type: upper-latin;} /* 大文字のアルファベット */

/* パンくず */
#kuzu {padding:0; font-size:11px; margin:10px 0; padding:5px 0;}
#kuzu ul {list-style:none; padding:0; margin:0;}
#kuzu li {float:left; margin:0 5px 0 0; padding:0; }
#kuzu h1	{float:right;}
#kuzu br {display: none;}
@media only screen and (max-width: 699px) {
	#kuzu	{margin-bottom:30px;}
}

/* 記事ループ
*****************************************************/
.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 {
    font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
	font-weight:400;
	letter-spacing:-0.01em;
}
h1.title {
    font-family: 'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
	font-weight:600;
    font-size: 40px;
    padding: 20px 0 30px ;
    margin: 0;
    text-align: center;
}
.top_pu0 h2	{}
@media only screen and (max-width:599px){
	h1.title{font-size:170% !important; padding: 15px 0 !important;}
	h1.title img{max-height:23px; width:auto;}
}

.single p	{margin-bottom:10px;}

/*.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;}*/
letter-spacing: 0;
}

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

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

.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: 'Cormorant Garamond',"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho",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: rgb(85 85 85 / 50%);
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
#pagetop a span	{font-size:20px; line-height: 1.0; display:block;}
.grecaptcha-badge	{
	display:none !important;
}

@media only screen and (max-width: 799px){
	#pagetop	{bottom: 20px; right: 10px; z-index:99;}
	.page-template-page_home #pagetop	{bottom: 15vw;}
}

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

/* PC
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
#header_line	{width: 100%;}
#headerUpper	{margin-bottom:20px;}
#headerUpper ul	{float:left;}
#headerUpper h1	{float:right; font-size:11px;}
#header	{width:90%; max-width:1260px; margin:0 auto; position:relative; padding:20px 0; height:155px; box-sizing:border-box; display:flex; align-items:center;}
#header_line.fixed #header {height:115px;}
#header_right	{
	margin:0;
	position:relative;
	padding:0;
	box-sizing:border-box;
	justify-content:flex-end;
}
#logo		{width:79px; text-align:center; position:absolute; left:50%; top:20px; margin-left:-39.5px;}
#header_line.fixed #logo	{display:none;}
#header_connect	{}
}

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

/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#header_line	{ width: 100%; padding:0; margin: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; height:80px; box-sizing:border-box; display:flex; align-items:center;}
#header_contents, #mb_hd_connect ul	{
	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;		
}
#header_contents	{margin:0; justify-content: space-between; align-items:center;}
#logo		{width:40px; text-align:center; position:absolute; left:50%; top:10px; margin-left:-20px;}
#header_right	{}
}


#header_line	{position: absolute; top:0; left:0; z-index:3; z-index:9998; background:#000;}
#header_line.fixed	{position:fixed;}
.modal_on #header_line	{position:fixed;}

#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: -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;
	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;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#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: #CD1E6D;
	color:#fff;
	padding:6px 40px;
	border:1px solid #CD1E6D;
}
#hd_reserve a:hover	{
	background:#eb075d;
	border-color:#eb075d;
}
#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;
}
#hd_menu	{transition:0.5s; margin-left:40px;}
#hd_menu a	{cursor:pointer;}	
#hd_menu p	{font-size:16px; font-weight:500;}
.menubtn	{
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items:center;
}
.menubtn div	{width:34px; height:34px; margin: 0 20px 0 0; position:relative; }
.menubtn div span	{width:100%; height:0; border-top:2px solid #fff; position: absolute; left:0; transform: rotate(0deg); transition: all .4s;}
.menubtn div span:nth-of-type(1) {top: 4px;}
.menubtn div span:nth-of-type(2) { top: 16px;}
.menubtn div span:nth-of-type(3) { bottom: 4px;}
	
.modal_on #hd_menu .menubtn div span:nth-of-type(1) {
	transform: translateY(20px) rotate(-45deg);
	top: -4px;
}
.modal_on #hd_menu .menubtn div span:nth-of-type(2) {
	display:none;
}
.modal_on #hd_menu .menubtn div span:nth-of-type(3) {
	transform: translateY(-20px) rotate(45deg);
	bottom: -4px;
}

#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){
	#hd_menu	{margin-left:0;}
	.menubtn div	{width:28px; height:28px; margin-right:10px;}
	.menubtn div span:nth-of-type(1)  {top: 2px;}
	.menubtn div span:nth-of-type(2) {top: 13px;}
	.menubtn div span:nth-of-type(3)	{bottom:2px;}
	.modal_on #hd_menu .menubtn div span:nth-of-type(1) 	{top: -7px;}
	.modal_on #hd_menu .menubtn div span:nth-of-type(3) 	{bottom: -7px;}
	#hd_menu p	{font-size:12px;}
	#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_navi	{
	overflow-y: auto;
	display:none;
	padding:155px 0 40px;
    min-height: 100svh;
}
.modal .iziModal-content .icon-close{
    width: 100%;
    font-family: "メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    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;
}
	
h2.iziModal-header-title	{
	text-indent:-100% !important;
}
.iziModal .iziModal-header	{
		box-shadow:none  !important;
	}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons	{
		right:14px !important;
}
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button	{
		width:40px !important;
		height:40px !important;
}
.iziModal .iziModal-button-close{
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M12%2011.293l10.293-10.293.707.707-10.293%2010.293%2010.293%2010.293-.707.707-10.293-10.293-10.293%2010.293-.707-.707%2010.293-10.293-10.293-10.293.707-.707%2010.293%2010.293z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
	opacity:1.0 !important;
}
#topnav	{
	width:90%;
	max-width:1260px;
	margin:0 auto;
	padding:40px 0;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
	justify-content:space-between;
	gap:20px 0;
}
#mainNav	{
	font-size:1.5rem;
    font-weight: 300;
}
#mainNav li:not(:last-child)	{
	margin-bottom:0.4em;
}
#mainNav li a	{
	display:block;
	position:relative;
	padding-left:2.2rem;
}
#mainNav li a:hover	{
	color:#00A8B9;
}
#mainNav li a:after{
	content:"";
	display:block;
	width: 0.9em;
	height: 0.9em;
	background: #ffffff40;
	border-radius:50%;
	left: 0;
	top: 0.5em;
	position: absolute;
	transition:0.5s;
}
#mainNav li a:before	{
    content: "";
    display: block;
    position: absolute;
    top: 0.75em;
    left: 0.35em;
    background-color: #fff;
    width: 0.3em;
    height: 0.4em;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    z-index: 1;
}
#mainNav li a:hover:after	{
	background:#00A8B9;
    box-shadow:0 0 0.4em #00A8B9;
}
#mdl_sidenav	{
	width:380px;
}
#mdl_sidenav li:not(:last-child)	{
	margin-bottom:20px;
}
.mdl_bt_contact	{
    display: block;
    background: url(/img/top_index/bg_btfooter.jpg) no-repeat center center / cover #0d45ad;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    line-height: 1.4;
    padding: 0.8em 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0.4em #597cbc;
    text-shadow: 0em 0em 0.8em #020e26;
}
.mdl_bt_official	{
    display: block;
    background: #fff;
    color: #000;
    font-size: 11px;
    text-align: center;
    line-height: 1.4;
    padding: 10px 20px;
	border-radius:3px;
}
.mdl_bt_official img	{
	width:194px;
}
.mdl_bt_official:hover	{
    color: #000;
}


@media only screen and (max-width:1024px){
	#modal_navi	{padding-top:80px;}
}
@media only screen and (max-width:899px){
	#topnav	{display:block; max-width:380px;}
	#mdl_sidenav	{width:100%; margin:0 0 40px;}
	#mainNav	{font-size:18px;}
}


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

}

	


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



/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, .inner{width:90%;}

	
	.contact{padding:10px 0 10px;}


	nav div.panel{float:none; position:absolute; top:50px; z-index:9999;}
	
	#mainImg img{height:auto; padding:0;}

	#content, #content-t, #content-topics,#content-home, #sidebar, #sidebar-topics, #sidebar-home{clear:both;width:100%;float:none;margin:0 auto;padding:0 0 10px;}
	#content-full	{clear:both;width:100%;float:none;margin:0 auto;padding:0;}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
	p.banner img {max-width: 80%; margin-bottom: 20px;}
	section.widget_search{text-align:center;}
	#footer li{margin-bottom:10px;}
}


/* -----------------------------------------------------------
		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;
}
#sidebar section#side_banner	{
	margin-top:40px;
	text-align:center;
}
#side_banner p.banner	{
	padding-bottom:40px;
}
#side_banner p.banner img{
max-width:190px;
height:auto;
}

p.banner img:hover{
}

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

section.widget h3, section.blog_quote h3 {
    clear: both;
    margin: 0;
    padding: 7px 10px 4px 0px;
    font-size: 120%;
    border-bottom: 2px solid #555;
    letter-spacing: 0;
}

section.widget li a{
display:block;
padding:10px;
border-bottom:1px solid #ccc;
}


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

/* 投稿引用 */
#sidebar-home h2	{font-size:25px; text-align:left; font-family: 'Cormorant Garamond',"ヒラギノ明朝 W3 JIS2004","Hiragino Mincho Pro",YuMincho,"游明朝体","Yu Mincho","ＭＳ Ｐ明朝","MS PMincho","Sawarabi Mincho",serif; font-weight:400; margin:0 0 5px;}
#sidebar-home section	{margin-bottom:20px;}
.blog_quote > div	{margin-bottom:5px; padding:0 0 5px; border-bottom:1px solid #ccc;}
.blog_quote h3	{margin-bottom:20px !important;}
.blog_quote .sd_news_photo	{width:50px; height:50px; overflow:hidden; float:left; margin:0 10px 0 0;}
.blog_quote .sd_news_photo img	{max-width:100%; height:auto;}
.blog_quote .sd_news_text	{width:auto;}
.blog_quote .idx_news_date{}
.blog_quote .idx_news_text{font-size: 14px; display: block; font-weight: bold; padding: 3px 0;}
.blog_quote .info_new	{font-size: 11px;}


/* お知らせ　
-------------*/
.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;
}

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

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



/* -----------------------------------------------------------
		Footer（共通）
----------------------------------------------------------- */
@media only screen and (max-width: 959px){
	.page-template-page_home #footer	{padding-bottom:90px;}
}
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 5px 10px;
border-left:1px dotted #d5d5d5;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}

#bn_recruit	{text-align:center; margin:0 0 30px;}

@media only screen and (min-width: 800px){
	#bottomLinks	{display:none;}
}
#bottomLinks	{position:fixed; bottom:0; left:0; width:100%; padding-top:7px; z-index:3;}
#bottomLinks:not(.fixed)	{opacity:0;}
#bottomLinks ul	{
	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;
	margin:0 2px;
}
#bottomLinks ul li	{
	width : 50% ;
	margin:0;
	padding:0 2px;
	box-sizing:border-box;
	-webkit-filter: drop-shadow(0px -2px 3px rgba(0,0,0,0.15));
	-moz-filter: drop-shadow(0px -2px 3px rgba(0,0,0,0.15));
    filter: drop-shadow(0px -2px 3px rgba(0,0,0,0.15));
}
#bottomLinks a	{
	display:block;
}
#bottomLinks a#btm_bt_line	{
    background: #08C755;
}
#bottomLinks svg	{
	width:24px;
	height:24px;
	fill:#fff;
}
#bottomLinks a span{
	vertical-align:middle; 
	display:inline-block;
}
.btm_bt_icon	{
	margin-right: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;}
}
/* -----------------------------------------------------------
		Footer Contact Button
----------------------------------------------------------- */
#ft_contact_bt	{
	position:fixed;
	bottom:10px;
	left:10px;
	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: 260px;
}
.ftc_bt	{
    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;
    justify-content: center;
    align-items: center;
    flex: 0 0 70px;
    height: 70px;
	border-radius:50%;
	color:#fff;
	font-size:20px;
	background:#CD1E6D;
    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:25px;
	height:25px;
}
.ftc_bt:hover, .ftc_bt:active	{
	color:#fff;
}
#ftc_trigger .ftc_bt div	{
	width:24px;
	height:24px;	
	transition:0.5s;
}
.ftc_open #ftc_trigger .ftc_bt div	{background:url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJtMTIgMTAuOTMgNS43MTktNS43MmMuMTQ2LS4xNDYuMzM5LS4yMTkuNTMxLS4yMTkuNDA0IDAgLjc1LjMyNC43NS43NDkgMCAuMTkzLS4wNzMuMzg1LS4yMTkuNTMybC01LjcyIDUuNzE5IDUuNzE5IDUuNzE5Yy4xNDcuMTQ3LjIyLjMzOS4yMi41MzEgMCAuNDI3LS4zNDkuNzUtLjc1Ljc1LS4xOTIgMC0uMzg1LS4wNzMtLjUzMS0uMjE5bC01LjcxOS01LjcxOS01LjcxOSA1LjcxOWMtLjE0Ni4xNDYtLjMzOS4yMTktLjUzMS4yMTktLjQwMSAwLS43NS0uMzIzLS43NS0uNzUgMC0uMTkyLjA3My0uMzg0LjIyLS41MzFsNS43MTktNS43MTktNS43Mi01LjcxOWMtLjE0Ni0uMTQ3LS4yMTktLjMzOS0uMjE5LS41MzIgMC0uNDI1LjM0Ni0uNzQ5Ljc1LS43NDkuMTkyIDAgLjM4NS4wNzMuNTMxLjIxOXoiLz48L3N2Zz4=) no-repeat center center;
    background-size: 30px auto;
}
.ftc_open #ftc_trigger .ftc_bt div svg	{
	display:none;
}
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:80px;
	opacity:1.0;
}
.ftc_open ul#ftc_list li	{
	position:relative;
	bottom:auto;
}
.ftc_ballon	{
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    flex: 2 0 20%;
    padding: 5px 10px;
    border-radius: 20px;
    text-align: center;
    box-sizing: border-box;
    color: #333;
	background:#fff;
	font-size:11px;
	margin-left:10px;
	position:relative;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
}
.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;
}
@media only screen and (min-width:900px){
	#ft_contact_bt	{display:none;}
}

/* -----------------------------------------------------------
		トップページ
----------------------------------------------------------- */

#mainImg{height:auto; position:relative;}
#mainImg img, #mainImg_sp img	{
	width:100%;
}

#top_mv	{
	background:url(/img/top_index/bg_mv.jpg) no-repeat center center / cover;
	width:100%;
	height:1051px;
}
#top_mv .inner	{
	position:relative;
	height:100%;
	overflow:hidden;
}
#top_mv_model {
	position:relative;
	height: 502px;	
	margin:295px 0 0;
}
#top_mv_model > li	{
	opacity: 0;
	position: absolute;
	display: block;
}
#top_mv_model > li:nth-of-type(1) {
	left: -642px;
	top: 0;
}
#top_mv_model > li:nth-of-type(2) {
	right: -642px;
	top: 241px;
}
#top_mv_model > li.run {
	opacity: 1;
}
#top_mv_model > li:nth-of-type(1).run {
	animation: slideDownMV 2.4s ease-out forwards, bounceDownMV 1.6s ease-in-out 2.4s forwards;
}
#top_mv_model > li:nth-of-type(2).run {
	animation: slideUpMV 2.4s ease-out forwards, bounceUpMV 1.6s ease-in-out 2.4s forwards;
}
@keyframes slideDownMV {
  0% {
    left: -642px;
    top: 0;
    opacity: 0;
  }
  100% {
    left: calc(50% - 321px);
    top: 0;
    opacity: 1;
  }
}
@keyframes slideUpMV {
  0% {
    right: -642px;
    top: 241px;
    opacity: 0;
  }
  100% {
    right: calc(50% - 321px);
    top: 241px;
    opacity: 1;
  }
}
@keyframes bounceDownMV {
  0% {
    top: 0;
  }
  50% {
    top: 5px;
  }
  100% {
    top: 0px;
  }
}
@keyframes bounceUpMV {
  0% {
    top: 241px;
  }
  50% {
    top: 236px;
  }
  100% {
    top: 241px;
  }
}

#top_mv_mss01	{
	font-size:1.8rem;
	font-weight:400;
	text-align:center;
	position:absolute;
	left:1rem;
	top:1rem;
}
#top_mv_mss01 span, #top_mv_mss01 strong	{
	display:block;
	line-height:1.4;
	text-align:center;
}
#top_mv_mss01 strong	{
	font-weight:200;
	font-size:452%;
	line-height:1.1;
}
#top_mv_mss02	{
	position:absolute;
	right:1rem;
	top:1rem;
	text-align:center;
}
#top_mvmss02_mv	{
	width:380px;
	margin-bottom:1.5rem;
}
#top_mvmss02_tx	{
	font-size:1.8rem;
	font-weight:400;
}
#top_mv_mss02 span	{
	display:block;
	line-height:1.4;
	text-align:center;
}
#top_mv_mss02 strong	{
	font-weight:400;
	font-size:200%;
	line-height:1.1;
	letter-spacing:0.05em;
}
#top_mv_mss03	{
	position:absolute;
	left:0;
	bottom:90px;
	text-align:center;
	width:100%;
	font-size:1.8rem;
	line-height:1.8;
	font-weight:400;
}
#top_mv_mss03 img,#top_mv_mss03 span	{
	display:inline-block;
}
#top_mvmss03_mvsp	{
	display:none;
}
.topmv_movie	{
	width:100%;
    aspect-ratio: 64 / 36;
}


@media only screen and (max-width: 1299px){
	#top_catch img	{width: 35vw;}
	#top_catch h1	{font-size: 6vw;}
}
@media only screen and (max-width: 1024px){
	#top_mvmss02_mv	{width:22rem;}
}
@media only screen and (max-width: 899px){
	#top_mv_model	{height:28.7rem;}
	#top_mv_model li	{width:36.7rem;}
	@keyframes slideDownMV {
	  0% {left: -36.7rem; top: 0; opacity: 0;}
	  100% {left: calc(50% - 18.35rem); top: 0; opacity: 1;}
	}
	@keyframes slideUpMV {
	  0% {right: -36.7rem; top: 13.78rem; opacity: 0;}
	  100% {right: calc(50% - 18.35rem); top: 13.78rem; opacity: 1;}
	}
	@keyframes bounceDownMV {
	  0% {top: 0;}
	  50% {top: 0.35rem;}
	  100% {top: 0px;}
	}
	@keyframes bounceUpMV {
	  0% {top: 13.78rem;}
	  50% {top: 13.28rem;}
	  100% {top: 13.78rem;}
	}
	#top_mv_mss03	{bottom:40px;}
	#top_mv_mss03 img	{width:320px;}
	#top_mvmss02_mv	{display:none;}
	#top_mvmss03_mvsp	{display:block; width:22rem; margin:1rem auto 0;}
}
@media only screen and (max-width: 699px){
	#top_mv_mss01	{font-size:1.4rem;}
	#top_mv_mss01 strong	{font-size:350%;}
	/*#top_mv_model	{height:352px;}
	#top_mv_model li	{width:449px;}*/
}
@media only screen and (max-width: 469px){
	#top_mv	{height:70rem; background-size: auto 110%; background-position: bottom -40px center;}
	#top_mv_mss01	{left:0; top:2rem;}
	#top_mv_mss02	{right:0; top:5rem;}
	#top_mv_mss03	{font-size:1.4rem;}
	#top_mv_mss03 span	{margin-top:0.2em;}
	#top_mv_model	{margin-top:18rem;}
}

@media only screen and (max-width: 399px){
	#top_mv	{height:220vw;}
	#top_mvmss03_mvsp	{max-width:320px; width:100%;}
	#top_mv_mss03	{bottom:9vw;}
}

.topcont	{
	padding:6rem 0;
	scroll-margin-top: 115px;
}
.topcont_wht	{
	padding:0 0 6rem;
	scroll-margin-top: 115px;
}
.topcont_tpshort	{
	padding:4rem 0 6rem;
	scroll-margin-top: 115px;
}
.topcont_short	{
	padding:4rem 0;
	scroll-margin-top: 115px;
}
.cta	{
	padding:3rem 0;
}
.ov_hidden	{
	overflow:hidden;
}
.tit_mincho	{
	font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
    font-weight: 400;
    letter-spacing: -0.01em;
}
.top_titdouble	{
	text-align:center;
	margin-bottom:3rem;
}
.top_titdouble h2	{
    font-size: 1.8em;
    line-height: 1.4;
    margin-bottom: 1rem;
}
.top_titdouble p	{
    font-size: 0.8em;
	font-weight:600;
	letter-spacing:0.2em;
    line-height: 1.4;
}
.top_subtitbrw	{
	font-size:95%;
	text-align:center;
	color:#a87a3c;
    line-height: 1.4;
	font-weight:500;
}
.bg_gradbl	{
	background:url(/img/top_index/bg_gradbl.jpg) repeat-x top center / auto 9.2rem;
}
.bg_gradwh	{
	background:url(/img/top_index/bg_gradwh.jpg) repeat-x top center / auto 9.2rem;
}
.bg_shifttop	{
	background-position:top 2.5rem left 50%;
}

.pg_modal	{
	display:none;
}
.pgmd_header	{
    position: fixed;
	top:0;
	left:0;
	z-index:9999;
	background:#000;
    width: 100%;
	padding:20px 0;
}
.cls_modal	{
	background:	rgba(255,255,255,0.9);
	border: 0;
	padding: 0;
	cursor: pointer;
	border-radius: 50%;
	padding:5px;
    transform: rotateZ( 0deg ) ;
	transition:0.5s;
	margin:0 auto 0 0;
}
.cls_modal:hover	{
    transform: rotate(180deg);
}
.cls_modal svg	{
	width: 55px;
	height: 55px;
	fill: #000;
}
html.iziModal-isOverflow body, html.iziModal-isAttached body	{
	overflow:clip !important;	
}
.pgmd_cont	{
	padding-top:113px;
}
.pgmd_cont .topcont	{
	padding:3rem 0;
}
.pgmd_cont .topcont_wht	{
	padding:0 0 3rem;
}


#top_func .inner	{
	background:url(/img/top_index/bg_func.jpg) no-repeat top center / 100% auto;
	padding:6rem 0 0;
}
#top_func_tit	{
	text-align:center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
    align-items: center;
    margin-bottom: 2.3rem;
}
.top_func_tit01	{
	width:10.25rem;
	margin-right:0.25rem;
}
#top_func_tit h2	{
	font-size:2.4rem;
    font-weight: 300;
    line-height: 1.4;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	text-align:left;
}
.top_func_tit02	{
    width: 30.9rem;
	margin-right:0.5rem;
}
.top_func_tit03	{
	width:16.05rem;
}
#top_funcbox	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
}
#top_funcbox01	{
	margin-right:0.5rem;
}
#top_funcbox01 h3	{
	font-size:1.8rem;
	line-height:1.2;
	text-align:left;
	padding-bottom:0.6em;
	margin-bottom:0.4em;
	border-bottom:2px solid #fff;
}
#top_funcbox01 h3 span	{
	font-size:3rem;
}
#top_funcbox01 h3 strong	{
	font-size:7.5rem;
	line-height:1.0;
	font-weight:400;
	text-shadow: 0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e,
	0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e;
}
.top_funcb01_tit01	{
	padding:0.6em 0 0;
	position:relative;
}
.top_funcb01_tit01:before	{
	content:"";
	background:url(/img/top_index/dotarrow_r.png) no-repeat center center / contain;
	width:2.15rem;
	height:3.9rem;
	position:absolute;
	right:-2.85rem;
	top:0;
}
.top_func_li	{
	margin-top:20px;
	counter-reset: topfunc-counter;
}
.top_func_li li:not(:last-child)	{
	margin-bottom:0.63em;
}
.top_func_li li	{
	display:block;
	font-size:105%;
	line-height:1.4;
	border:1px solid #00abbd;
	padding:0.2em 0.6em 0.3em;
	border-radius:4px;
}
.top_func_li li span	{
	position:relative;
	padding-left:1.2em;
}
.top_func_li li span:before	{
	content: counter(topfunc-counter);
	counter-increment: topfunc-counter;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.4em;
	width: 1.4em;
	color: #fff;
	font-size: 70%;
	line-height: 1.0;
	position: absolute;
	top: 0.35em;
	left: 0;
}
#top_funcbox01 .top_func_li	{
	max-width: 15.2em;
}
#top_funcbox02	{
	margin-top:8rem;
	width:22.25rem;
}
#top_funcbox02_inn	{
	position:relative;
}
#top_funcbox02_inn:before	{
	content:"";
	background:url(/img/top_index/bg_funcbox.jpg) no-repeat center center / contain;
	width:35rem;
	height:24.8rem;
	position:absolute;
	left:50%;
	bottom:-7.5rem;
	margin-left:-17.5rem;
	z-index:-1;
}
#top_funcbox03	{
	margin-top:5rem;
	margin-left:0.8rem;
}
#top_funcbox03 h3	{
	font-size:1.8rem;
	line-height:1.2;
	text-align:left;
}
#top_funcbox03 h3 span	{
	font-size:2.4rem;
}
#top_funcbox03 h3 strong	{
	font-size:5rem;
	line-height:1.0;
	font-weight:400;
	text-shadow: 0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e,
	0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e;
}
#top_funcb03_tit01	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items: flex-end;
	margin-bottom:0.7em;
}
#top_funcb03_tit01 p	{
	font-size:1.5rem;
	line-height:1.2;
	text-align:left;
}
#top_funcb03_tit01 p strong	{
	line-height:1.0;
	font-weight:400;
	text-shadow: 0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e,
	0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e;
}
.top_funcb03_tit01_01	{
	position:relative;
	margin-right:0.4em;
}
.top_funcb03_tit01_01 strong	{
	font-size:6rem;
}
.top_funcb03_tit01_01 span	{
	position:absolute;
	left: 6rem;
	top: 2.2rem;
	display: block;
	width: 3em;
}
#top_funcb03_tit01 .top_funcb03_tit01_02 strong	{
	font-size:2rem;
	text-shadow: 0.1em 0.1em 1em #072a8e ,
	-0.1em 0.1em 0.8em #072a8e ,
	0.1em -0.1em 0.8em #072a8e ,
	-0.1em -0.1em 0.8em #072a8e,
	0.1em 0.1em 0.8em #072a8e ,
	-0.1em 0.1em 0.8em #072a8e ,
	0.1em -0.1em 0.8em #072a8e ,
	-0.1em -0.1em 0.8em #072a8e,
	0.1em 0.1em 0.8em #072a8e ,
	-0.1em 0.1em 0.8em #072a8e ,
	0.1em -0.1em 0.8em #072a8e ,
	-0.1em -0.1em 0.8em #072a8e,
	0.1em 0.1em 0.8em #072a8e ,
	-0.1em 0.1em 0.8em #072a8e ,
	0.1em -0.1em 0.8em #072a8e ,
	-0.1em -0.1em 0.8em #072a8e;
}
#top_funcb03_tit02	{
	font-size:1.8rem;
	font-weight:600;
	line-height:1.2;
	text-align:left;
	padding-bottom:0.4em;
	margin-bottom:0.7em;
	border-bottom:2px solid #fff;
	background: linear-gradient(90deg, #9b732e, #f6dd70 35%, #b58c1c 64%, #b58b1d);
	background: -webkit-linear-gradient(0deg, #9b732e, #f6dd70 35%, #b58c1c 64%, #b58b1d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.top_funcb03_tit03	{
	padding:0.4em 0 0 2.85rem;
	position:relative;
}
.top_funcb03_tit03:before	{
	content:"";
	background:url(/img/top_index/dotarrow_l.png) no-repeat center center / contain;
	width:2.15rem;
	height:3.9rem;
	position:absolute;
	left:0;
	top:0;
}
#top_funcbox03 .top_func_li li	{
	display:block;
	text-align:left;
    max-width: 8em;
	margin-right:auto;
	margin-left:auto;
}

#top_func_grbt	{
	max-width:850px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:space-between;
	margin:0 auto 4rem;
}
.top_funcgr_01	{
	width:45%;
}
#top_func_grbt h3	{
	font-size:2.15rem;
	line-height:1.2;
	text-align:left;
	padding-bottom:0.6em;
	margin-bottom:0.8em;
	border-bottom:2px solid #fff;
}
#top_func_grbt h3 span	{
	font-size:3.5rem;
}
#top_func_grbt h3 strong	{
	font-size:9rem;
	line-height:1.0;
	font-weight:400;
	text-shadow: 0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e,
	0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e;
}
.top_funcgr_01_01	{
	margin-bottom:1.5rem;
}
.top_funcgr_02	{
	width:54%;
	display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
}
.top_funcgr_02_01 .top_func_li li	{
	margin-left:1.6em;
}
.top_func_liv2	{
	margin-top:20px;
}
.top_func_liv2 li:not(:last-child)	{
	margin-bottom:1.25em;
}
.top_func_liv2 li	{
	display:block;
	font-size:82%;
	line-height:1.6;
	border:1px solid #00abbd;
	padding:0.2em 0.5em 0.3em;
	border-radius:4px;
}
.top_func_liv2 li strong	{
	font-weight:400;
	position:relative;
	font-size:134%;
    padding-left: 1.2em;
}
.top_func_liv2 li strong span	{
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.4em;
	width: 1.4em;
	color: #fff;
	font-size: 70%;
	line-height: 1.0;
	position: absolute;
	top: 0.35em;
	left: 0;
}
.top_funcgr_01_02 .top_func_liv2 li	{
	display:block;
	text-align:left;
    max-width: 18em;
	margin-right:auto;
}
.top_funcgr_02_01	{
	margin-left:1rem;
}
.top_funcgr_02_02	{
	margin-bottom:1.5rem;
}

#top_func_grip	{
	max-width:850px;
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
	justify-content:space-between;
	margin:0 auto ;
}
.top_funcip_01	{
	width:50%;
	text-align:center;
}
.top_funcip_02	{
	width:50%;
	display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
#top_func_grip h3	{
	display:inline-block;
	font-size:2rem;
	line-height:1.2;
	text-align:left;
}
#top_func_grip h3 span	{
	font-size:2.75rem;
}
#top_func_grip h3 strong	{
	font-size:5.65rem;
	line-height:1.0;
	font-weight:400;
	text-shadow: 0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e,
	0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e;
}
#top_funcip_tit01	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
	justify-content:center;
    margin-bottom: 0.7em;
}
#top_funcip_tit01 p	{
	font-size:2.2rem;
	line-height:1.2;
	text-align:left;
}
#top_funcip_tit01 p strong	{
	line-height:1.0;
	font-weight:400;
	text-shadow: 0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e,
	0.03em 0.03em 0.25em #072a8e ,
	-0.03em 0.03em 0.25em #072a8e ,
	0.03em -0.03em 0.25em #072a8e ,
	-0.03em -0.03em 0.25em #072a8e;
}
.top_funcip_tit01_01	{
	position:relative;
	margin-right:0.4em;
}
.top_funcip_tit01_01 strong	{
	font-size:6.75rem;
}
.top_funcip_tit01_01 span	{
	position:absolute;
    left: 6.6rem;
    top: 1.6rem;
	display: block;
	width: 3em;
}
#top_func_grip .top_funcip_tit01_02 strong	{
	font-size:2rem;
	text-shadow: 0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e,
	0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e,
	0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e;
}
#top_funcip_tit02	{
	font-size:2rem;
	font-weight:600;
	line-height:1.2;
	text-align:center;
	padding-bottom:0.4em;
	margin-bottom:0.7em;
	border-bottom:2px solid #fff;
	background: linear-gradient(90deg, #9b732e, #f6dd70 35%, #b58c1c 64%, #b58b1d);
	background: -webkit-linear-gradient(0deg, #9b732e, #f6dd70 35%, #b58c1c 64%, #b58b1d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.top_funcip_02_01	{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	gap:0 1.25em;
}
#top_funcbox_ver2 .top_funcip_02_01 .top_func_li li:not(:last-child)	{
	margin-bottom: 0.625em;
}


#top_hiql .inner	{
	background:url(/img/top_index/bg_hiql.jpg) no-repeat top 10rem left 50% / 100% auto;　
}
#top_hiql h2	{
	font-size:2em;
	line-height:1.8;
	text-align:left;
	display:inline-block;
	margin-bottom:4.5rem;
}
#top_hiql h2 strong	{
	font-size:3.5rem;
	line-height:1.4;
	font-weight:400;
	letter-spacing:0.1em;
	text-shadow: 0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e,
	0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e;
}
#top_hiql_box	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:flex-end;
}
.top_hiql_box01	{
	width:19.25rem;
	margin-right:3.5rem;
	position:relative;
}
.top_hiql_box01:before	{
	content:"";
	background:url(/img/top_index/bg_hiqlbox01.jpg) no-repeat center center / contain;
	width:28.7rem;
	height:14.2rem;
	position:absolute;
	left:50%;
	bottom:-6.4rem;
	margin-left:-14.35rem;
	z-index:-1;
}
.top_hiql_box02	{
	text-align:center;
}
.top_hiql_box02 h3	{
	font-size:1.5rem;
	line-height:1.6;
	font-weight:600;
	margin-top:1.4rem;
}
#top_prob	{
	scroll-margin-top: 115px;
}
#top_prob .inner	{
	background:url(/img/top_index/bg_prob.jpg) no-repeat top 3rem left 50% / 100% auto;　
}
#top_prob h2	{
	font-size:1.8em;
	line-height:1.4;
	text-align:center;
	margin-bottom:4.5rem;
}
.top_prob_li	{
	max-width:1076px;
	margin:0 auto 2rem;
}
.top_prob_li > li:not(:last-child)	{
	margin-bottom:1.4rem;
}
.top_prob_li > li	{
	border:1px solid #00abbd;
	border-radius:3px;
	overflow:hidden;
}
.top_prob_li dl	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.top_prob_li dt	{
	width:18.6rem;
	border-right:1px solid #00abbd;
}
.top_prob_li dd	{
	flex:2;
	padding:0 1.5rem;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	justify-content:center;
}
.top_prob_li dd p	{
	font-weight:500;
	line-height:2.0;
}
.top_prob_arr	{
	width:5.2rem;
	height:2.85rem;
	background:url(/img/top_index/dotarrow_b.png) no-repeat center center / contain;
	margin:0 auto 3rem;
}
.top_prob_aft	{
	position:relative;
	margin-bottom:10rem;
}
.top_prob_aft:before	{
	content:"";
	background:url(/img/top_index/bg_prob_aft.jpg) no-repeat center center / contain;
	width:41.9rem;
	height:25.2rem;
	position:absolute;
	left:50%;
	bottom:-12.6rem;
	margin-left:-20.95rem;
	z-index:-1;
}
.top_prob_aft h3	{
	font-size:3rem;
	line-height:1.8;
	text-align:center;
	letter-spacing:0.08em;
}
.top_prob_aft h3 span	{
	margin-right:0.2em;
}
.top_modelname	{
	width:27.3rem;
	text-align:center;
	margin:0 auto 4.5rem;
}
.top_modelphoto	{
	position:relative;
}
.top_modelphoto:before	{
	content:"";
	background:url(/img/top_index/bg_modelphoto.jpg) no-repeat center center / contain;
	width:51.6rem;
	height:16.2rem;
	position:absolute;
	left:50%;
	bottom:1.8rem;
	margin-left:-25.8rem;
	z-index:-1;
}
#top_grbt .top_modelphoto	{
	width:30.25rem;
	margin:0 auto;
}
.top_model_inn	{
	max-width:1200px;
	margin:0 auto;
}
.top_modelnum	{
	width:5rem;
	margin:0 auto 2.5rem;
}
.top_modeltit	{
    font-size: 1.8rem;
	letter-spacing:0.08em;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 2rem;
}
.top_modeltit span	{
	font-size:66%;
}
.top_modelsubtit	{
    font-size: 1.26rem;
	letter-spacing:0.08em;
    line-height: 1.8;
    text-align: center;
	color:#00abbd;
	padding:0.6em 1em;
	border:1px solid #00abbd;
	border-radius:3px;
    margin-bottom: 4rem;
}
.top_modelsubtit img	{
	height:1em;
	width:auto;
    vertical-align: middle;
    margin: -0.2em 0.2em 0;
}
.top_modelsubtit p	{
	color:#fff;
}
.bt_modelbt	{
	display:block;
    font-size: 1.2rem;
	letter-spacing:0.08em;
    line-height: 1.4;
    text-align: center;
	color:#a87a3c;
	max-width:18em;
	padding:0.4em;
	box-sizing:border-box;
	border:1px solid #a87a3c;
	border-radius:3px;
    margin: 4.5rem auto 0;
	cursor:pointer;
	transition:0.5s;
}
.bt_modelbt:hover	{
	background:#a87a3c;
	color:#fff;
}
.top_grbt_titen	{
	display:block;
	width:90%;
	max-width:20.95rem;
	margin:0 auto;
}
.top_grbt01beaf	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	gap:2.8rem;
	text-align:center;
	margin-bottom:3.5rem;
}
.top_grbt01beaf > li	{
	position:relative;
	width:calc((100% - 2.8rem) / 2);
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.top_grbt01beaf > li:nth-of-type(1):before	{
	content:"";
	background:url(/img/top_index/dotarrow_r.png) no-repeat center center / contain;
	width:1.7rem;
	height:3.05rem;
	position:absolute;
    right: -2.3rem;
    bottom: 0.8rem;
}
.top_grbt01beaf_img	{
	margin-bottom:16px;
}
p.top_grbt01beaf_com, ul.top_grbt01beaf_com li	{
	padding:0.2em;
	border:1px solid #fff;
	border-radius:3px;
	box-sizing:border-box;
}
.top_grbt01beaf_com	{
	font-size:95%;
	line-height:1.6;
	flex:2;
}
p.top_grbt01beaf_com	{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
}
ul.top_grbt01beaf_com	{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap:10px;
}
ul.top_grbt01beaf_com li:nth-of-type(1), ul.top_grbt01beaf_com li:nth-of-type(2)	{
	width:calc((100% - 10px) / 2);
}
ul.top_grbt01beaf_com li:nth-of-type(3)	{
	width:100%;
}
#top_grbt01func	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	align-items:flex-end;
	gap:1.5rem;
	text-align:center;
	max-width:1030px;
	margin:0 auto;
}
.top_grbt01funccol > li:not(:last-child)	{
	margin-bottom:2rem;
}
#top_grbt01func_01, #top_grbt01func_03	{
	flex:2;
}
#top_grbt01func_02	{
	width:9.2rem;
}
#top_grbt01func h4	{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:127%;
	font-weight:500;
	line-height:1.4;
	margin-bottom:0.6em;
}
.top_grbt01funcli li, p.top_grbt01funcli	{
	font-size:126%;
	font-weight:500;
	padding:0.2em;
	border:1px solid #00abbd;
	color:#00abbd;
	border-radius:3px;
	box-sizing:border-box;
	text-align:center;
}
ul.top_grbt01funcli	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.top_grbt01funcli > li	{
	width:50%;
}
.top_grbt02_tit	{
	font-size:126%;
	letter-spacing:0.1em;
	line-height:1.8;
	text-align:center;
	margin:2.8rem 0 4.5rem;
}
.top_grbt03_md	{
    width: 40.45rem;
    margin: 6rem auto 3rem;
	position:relative;
}
.top_grbt03_md:before	{
	content:"";
	background:url(/img/top_index/bg_grbt03_md.jpg) no-repeat center center / contain;
	width:63rem;
	height:25.9rem;
	position:absolute;
	left:50%;
	bottom:-7rem;
	margin-left:-31.5rem;
	z-index:-1;
}
.top_grbt03_btm	{
	display:inline-block;
}
.top_grbt03_btm h4	{
	font-size:1.8rem;
	line-height:1.4;
	text-align:left;
	margin-bottom:0;
	text-align:center;
}
.top_grbt03_btm h4 strong	{
	font-size:1.67em;
	line-height:1.4;
	font-weight:400;
	letter-spacing:0.1em;
	text-shadow: 0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e,
	0.05em 0.05em 0.7em #072a8e ,
	-0.05em 0.05em 0.7em #072a8e ,
	0.05em -0.05em 0.7em #072a8e ,
	-0.05em -0.05em 0.7em #072a8e;
}
.top_grbt03_btm p	{
	text-align:right;
}
#top_grip .top_modelphoto	{
	width:29.95rem;
	margin:0 auto;
}
.top_grip01_img	{
	border:1px solid #fff;
	width:28.9rem;
	margin:0 auto 1.2rem;
}
#top_grip01 p	{
	font-weight:600;
}
.top_grip02_li	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
	gap:1.5rem;
}
#top_grip034_inn	{
	background:url(/img/top_index/bg_grip034_inn.jpg) no-repeat top 13rem left 50% / 100% auto;
}
.top_model_flbox	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:space-between;
}
.top_model_box0	{
	width:calc((100% - 3rem) / 2);
}
.top_menu_tit	{
    font-size: 1.5rem;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    padding: 0.4em 0 0.5em;
    border: 1px solid #fff;
    border-radius: 3px;
	box-sizing:border-box;
	max-width:1200px;
    margin: 0 auto 1.5rem;
}
.top_menu_dt	{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap:10px;
	max-width:1200px;
    margin: 0 auto 1.5rem;
}
.top_menu_dt > li	{
    line-height: 1.4;
    text-align: center;
    color: #00abbd;
    padding: 0.4em 0.5em 0.5em;
	box-sizing:border-box;
    border: 1px solid #00abbd;
}
.top_menu_dt > li:nth-of-type(1)	{
	flex:2;
}
.top_menu_dt > li:nth-of-type(2), .top_menu_dt > li:nth-of-type(3)	{
	flex:0 0 14em;
}
.top_menu_flbox	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:space-between;
	max-width:960px;
	margin:0 auto 4.5rem;
}
.top_menu_box01	{
	width:30%;
	margin-right:3%;
}
.top_menu_box02	{
	flex:2;
}
.top_menu_li	{
	background:url(/img/top_index/bg_menu_line.jpg) repeat-y top 0 left 0.8em;
}
.top_menu_li > li:not(:last-child)	{
	margin-bottom:2.5rem;
}
.top_menu_li dl	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.top_menu_li dt	{
	width:1.9em;
	margin-right:0.8em;
}
.top_menu_com	{
	text-align:center;
}
.top_menu_com h4	{
	font-size:158%;
	line-height:1.4;
	margin-bottom:1em;
}
.top_menu_com p	{
	font-size:84%;
	font-weight:500;
}
.top_voic_box0	{
	border:1px solid #996f36;
	width:calc(100% - 3rem);
	max-width:770px;
	margin:6rem auto 0;
	position:relative;
}
.top_voic_num	{
    position: absolute;
    left: -3.6rem;
    bottom: 2.2rem;
    color: #996f36;
    font-size: 0.8rem;
    font-weight: 100;
    transform: rotate(-90deg);
}
.top_voic_photo	{
	position:absolute;
	top:-1.5rem;
	right:-1.5rem;
	border:2px solid #996f36;
	border-radius:2.25rem 0 2.25rem 0;
	overflow:hidden;
	width:180px;
	box-sizing:border-box;
}
.top_voic_box0 h3 {
	text-align:left;
}
.top_voic_box0 h3 span	{
	display:inline-block;
	font-size:105%;
	line-height:1.4;
	background:#996f36;
	color:#fff;
	padding:0.4em 2em 0.4em 1.4rem;
	border-radius:0 0 2em 0;
	margin-bottom:1.5em;
}
.top_voic_comm	{
	padding:0 1.5rem 30px;
}
.top_voic_comm.top_voic_phbox	{
	padding-right:180px;
	min-height:calc(243px - 3.5em - 1.5rem);
}
.top_voic_comm p	{
	font-size:84%;
	line-height:2.0;
}
.top_voic_comm p strong	{
	color:#fff;
	border-bottom: 2px solid #996f36;
}
.top_voic_txbig	{
	font-size:112.5%;
}
.top_voic_salon	{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items:center;
	justify-content:center;
	gap:1.5rem;
	color:#fff;
	font-size:95%;
	padding:0 0 40px;
}
.top_voic_salon a	{
	color:#fff;
	font-size:89%;
}
.top_voic_salon a:hover	{
	text-decoration:underline;
}
.top_voic_salon02	{
	text-align:center;
}
.top_beaf0	{
	border:1px solid #fff;
	padding:1.75rem 1.75rem 2.25rem;
	max-width:1080px;
	box-sizing:border-box;
	border-radius:3px;
	margin:20px auto 0;
}
.top_beaf_tit	{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-items:center;
	font-size:95%;
	gap:1em 1.5em;
	margin:0 0 2.5rem;
}
.top_beaf_tit h2	{
	letter-spacing:0.08em;
}
.top_beaf01	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.top_beaf02	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	gap:2.6%;
	text-align:center;
}
.top_beaf02 > li:nth-of-type(1)	{
	width:39%;
}
.top_beaf02 > li:nth-of-type(2)	{
	flex:2;
}
.top_beaf02_04	{
	text-align:right;
}
.top_beaf02:not(:last-child)	{
	margin-bottom:2.8rem;
}
.tp_comp_tb	{
	margin:0;
	text-align:center;
}
.tp_comp_tbsp ul	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.tp_comp_tbsp li:nth-of-type(1)	{
	position:sticky;
	top:0;
	left:0;
}
#top_comp2 .top_modelsubtit	{
	margin-bottom:2rem;
}
#top_supp	{
	padding-bottom:0;
}
#top_supp_inn	{
	overflow:hidden;
}
#top_supp_bg	{
	background:url(/img/top_index/bg_supp.jpg) no-repeat center center / cover;
	padding:1.75rem 0;
	margin-top:4.5rem;
}
#top_supp_box	{
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
	position:relative;
}
.top_supp_box01	{
	flex:2;
	background:url(/img/top_index/bg_supp01.jpg) no-repeat center center / cover;
	margin-right:0.7%;
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
}
.top_supp_box02	{
	width:52%;
}
.top_supp_box01_inn	{
	width:22rem;
}
.top_supp_mark	{
	width:13.55rem;
	margin:0 auto;
}
#top_supp_box h3	{
	font-size:2.4rem;
	line-height:1.2;
	text-align:center;
	margin-bottom:1.5rem;
    background: linear-gradient(90deg, #b89062, #eec597 35%, #d2a878 64%, #a97f4d);
    background: -webkit-linear-gradient(0deg, #b89062, #eec597 35%, #d2a878 64%, #a97f4d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#top_supp_box h3 span	{
	letter-spacing:-0.14em;
}
#top_supp_box p	{
	font-size:95%;
}
#top_supp_box:before, #top_supp_box:after	{
	content:"";
	display:block;
	width:64.1rem;
	height:19rem;
	background:url(/img/top_index/img_supp_lignt.jpg) no-repeat center center / contain;
	position:absolute;
	left:50%;
	margin-left:-32.05rem;
	mix-blend-mode:lighten;
}
#top_supp_box:before	{
	top:-9.5rem;
}
#top_supp_box:after	{
	bottom:-9.5rem;
}
#top_supp + *	{
	position:relative;
	z-index:1;
}
#top_cnst	{
	padding-bottom:0;
}
#top_cnst_bg01	{
	display:block;
	width:100%;
	height:530px;
	background:url(/img/top_index/bg_cnst01.jpg) no-repeat center center / cover;
}
#top_cnst_box	{
	background:url(/img/top_index/bg_cnst02.jpg) no-repeat center center / cover;
	padding:3.75rem 0;
}
.top_cnst_flbox	{
	display: flex;
    flex-wrap: nowrap;
	gap:20px 3%;
	max-width:1170px;
	margin:0 auto;
}
.top_cnst_box01	{
    flex-direction: row-reverse;
	align-items:flex-start;
	margin-bottom:3.5rem;
}
.top_cnst_box01_01	{
	flex:2;
}
.top_cnst_box01_02	{
	width:40%;
	margin-top:-11rem;
}
.top_cnst_box02	{
    flex-direction: row;
	align-items:center;
}
.top_cnst_box02_01	{
	flex:2;
}
.top_cnst_box02_02	{
	width:30%;
}
#top_cnst_box h3	{
	font-size:1.8rem;
	font-weight:400;
	line-height:1.4;
	margin-bottom:0.8em;
}
#top_cnst_box p	{
	font-size:95%;
}
#top_cnst_box p:not(:last-child)	{
	margin-bottom:1em;
}



/* Modal Content */
#pgmd_grbt_top	{
	padding:3rem 0;
}
#pgmd_grbt_top .top_modelphoto	{
	width:30.25rem;
	margin:0 auto;
}
.pgmd_lineli	{
	max-width:1196px;
	margin:0 auto;
}
.pgmd_lineli > li	{
}
.pgmd_lineli > li:not(:last-child)	{
	border-bottom:1px solid #00a8b9;
}
.pgmd_lineli > li.li_dashed	{
	border-bottom:1px dashed #00a8b9;
}
.pgmd_lineli li ul	{
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
	justify-content:center;
}
.pgmd_lineli li ul li:nth-of-type(1){
	margin-left:-2.5%;
}
#pgmd_grip_top .top_modelphoto	{
	width:29.95rem;
	margin:0 auto;
}
#pgmd_grip_cont .top_modelsubtit	{
	text-align:left;
}
#pgmd_grip_cont .inner	{
	max-width:1200px;
}
.pgmd_grip_01li	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
	margin-bottom:3rem;
}
.pgmd_grip_02li	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
	gap:1.5rem;
	margin-bottom:3rem;
}
.pgmd_grip_md	{
	margin-bottom:4.5rem;
}
.pgmd_grip_mdtit	{
    font-size: 1.26rem;
    letter-spacing: 0.08em;
    line-height: 1.0;
    text-align: center;
    color: #00abbd;
    padding: 0.6em 1em 0.6em;
    border: 1px solid #00abbd;
    border-radius: 3px;
    margin-bottom: 3rem;
}
.pgmd_grip_mdli li	{
	font-size:95%;
	font-weight:500;
	line-height:1.4;
	padding:0.4em 1em;
	border:1px solid #fff;
	border-radius:3px;
	margin-bottom:1em;
}
.pgmd_grip_md01 {
	max-width:820px;
	margin:0 auto;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:space-between;
	gap:0.95em;
}
.pgmd_grip_md01 .pgmd_grip_mdli	{
	width:calc((100% - 0.95em) / 2);
}
.pgmd_grip_mdflbox	{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content:space-between;
}
.pgmd_grip_md02	{
	width:calc((100% - 3rem) / 2);
}
.pgmd_grip_md02 .pgmd_grip_mdli	{
	max-width:420px;
	margin:0 auto;
}
.pgmd_grip_md03	{
	background:#00a8b9;
	color:#fff;
	font-size:126%;
	font-weight:600;
	padding:0.6em 1em;
	text-align:center;
	max-width:960px;
	margin:0 auto;
	border-radius:3px;
}
.pgmd_grip_extable	{
	max-width:1200px;
	margin:0 auto;
}
.pgmd_grip_extable table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #fff;
	font-size:13px;
	width:100%;
	box-sizing:border-box;
}
.pgmd_grip_extable table tr {
	border-bottom: 1px solid #fff;
}
.pgmd_grip_extable table th,
.pgmd_grip_extable table td {
	padding: .4em 1em;
	vertical-align:middle;
}
.pgmd_grip_extable table th {
	background:#fff;
	color:#000;
	border-right: 1px solid #000;
}
.pgmd_grip_extable table td {
	border-right: 1px solid #fff;
}
.pgmd_grip_extable table th:last-child,
.pgmd_grip_extable table td:last-child{
	border: none;
}
.top_cmpn_list	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	padding-top:30px;
}
.top_cmpn_list li {
	width:50%;
	box-sizing:border-box;
}
.top_cmpn_list li:first-child	{
	padding-right:30px;
	border-right:1px solid #fff;
}
.top_cmpn_list li:nth-of-type(2)	{
	padding-left:30px;	
}
#top_cmpn h2	{
	font-size:20px;
	line-height:1.4;
	font-weight:600;
	margin-bottom:1em;
}
.top_cmpn_list li p	{
	line-height:1.6;
}
.top_cmpn_logo	{
	display:block;
	text-align:center;
	margin:2rem 0 0;
}
#top_company + .cta	{
	padding-top:0;
}


@media only screen and (max-width: 1024px){
	.topcont	{scroll-margin-top: 80px;}
	.topcont_wht	{scroll-margin-top: 80px;}
	.topcont_tpshort	{scroll-margin-top: 80px;}
	.topcont_short	{scroll-margin-top: 80px;}
	.pgmd_header	{padding:13px 0; height: 80px; box-sizing:border-box;}
	.cls_modal svg	{width:30px; height:30px;}
	#top_prob	{scroll-margin-top: 80px;}
	#top_funcb03_tit01 p	{font-size:16px;}
	#top_funcb03_tit02	{font-size:24px;}
}
@media only screen and (max-width: 899px){
	.bt_modelbt	{font-size:18px;}
	.pgmd_cont	{padding-top:80px;}
	#top_func	{overflow-x:hidden;}
	#top_func .inner	{background-position: top 30rem right 10%; background-size: 110%;}
	#top_func_tit	{display:block;}
	.top_funcb01_tit01:before	{display:none;}
	.top_func_tit01	{margin:0 auto 1rem;}
	#top_func_tit h2	{display:block; text-align:center;}
	.top_func_tit02, .top_func_tit03	{display:block; text-align:center;}
	.top_func_tit02	{margin:0 auto 0.7em; width:auto;}
	.top_func_tit03	{width:23rem; margin:0 auto 0;}
	#top_funcbox	{display:block; max-width:600px; margin:0 auto;}
	#top_funcbox01	{margin:0; padding-bottom:calc(3rem + 10px); position:relative;}
	#top_funcbox01:before	{content:""; position:absolute; bottom:0; left:50%; margin-left:-2.6rem; width: 5.2rem; height: 2.85rem; background: url(/img/top_index/dotarrow_b.png) no-repeat center center / contain;}
	#top_funcbox01 h3	{text-align:center; margin:0;}
	.top_funcb01_tit01	{text-align:center; padding-top: 1.1em;}
	#top_funcbox01 .top_func_li	{max-width:100%; display:flex; flex-direction: column; flex-wrap: wrap; height: 12.5em; gap: 0 0.63em;}
	#top_funcbox02	{margin:2rem auto 0;}
	#top_funcbox03	{margin:2rem 0 0; padding-top:3rem; position:relative;}
	#top_funcbox03:before	{content:""; position:absolute; top:0; left:50%; margin-left:-2.6rem; width: 5.2rem; height: 2.85rem; background: url(/img/top_index/dotarrow_t.png) no-repeat center center / contain;}
	#top_funcb03_maintit	{text-align:center;}
	#top_funcbox03 h3	{display:inline-block; text-align:left;}
	#top_funcb03_tit01	{justify-content:center;}
	#top_funcb03_tit02	{text-align:center;}
	#top_funcbox03 .top_func_li	{max-width:100%; display:flex; flex-direction: column; flex-wrap: wrap; height: 8em; gap: 0 0.63em;}
	#top_funcbox03 .top_func_li li	{max-width:100%; margin:0 0 12px;}
	.top_funcb03_tit03	{padding:0.4em 0 0;}
	.top_funcb03_tit03:before	{display:none;}
	#top_func_grbt	{display:block; max-width:100%; margin-bottom:5rem;}
	#top_func_grbt h3	{text-align:center;}
	.top_funcgr_01	{width:100%; max-width:362px; margin:0 auto;}
	.top_funcgr_02	{width:100%; display:block;}
	.top_funcgr_02_01	{max-width:360px; margin:0 auto 1rem;}
	.top_funcgr_01_02 .top_func_liv2 li	{max-width:100%;}
	.top_func_grbt_logo img	{max-width:260px;}
	#top_func_grip	{display:block; max-width:100%; margin-bottom:4rem;}
	.top_funcip_01	{width:100%; max-width:360px; margin:0 auto; }
	.top_funcip_02	{width:100%; display:block;}
	.top_funcip_02_01	{max-width:360px; margin:0 auto;}
	.top_funcip_02_01	{justify-content:center; margin-bottom:1rem;}
	.top_funcip_tit03 img	{max-width:210px;}
	#top_hiql h2	{font-size:1.8rem;}
	#top_hiql h2 strong	{font-size: 3.2rem;}
	.top_prob_li	{max-width:600px;}
	.top_prob_li dl	{display:block;}
	.top_prob_li dt	{width:100%;}
	.top_prob_li dd	{padding:2rem 1.5rem;}
	.top_grip02_li	{max-width:500px; margin: 0 auto; flex-direction:column;}
	.top_modelname	{width: 20rem;}
	#top_grbt .top_modelphoto	{width: 22rem;}
	#top_grip .top_modelphoto	{width: 22rem;}
	.top_modelphoto:before	{width:40rem; height:12.6rem; margin-left:-20rem;}
	.top_model_flbox	{display:block;}
	.top_model_box0	{width:100%;}
	.top_grbt01beaf	{display:block; max-width:500px; margin:0 auto 3.5rem;}
	.top_grbt01beaf > li	{width:100%;}
	.top_grbt01beaf > li:nth-of-type(1)	{padding-bottom:4rem; margin:0 0 1rem;}
	.top_grbt01beaf > li:nth-of-type(1):before	{content:""; position:absolute; bottom:0; left:50%; margin-left:-2.6rem; width: 5.2rem; height: 2.85rem; background: url(/img/top_index/dotarrow_b.png) no-repeat center center / contain;}
	#top_grbt01func	{display:block; max-width:500px;}
	#top_grbt01func_02	{margin:1.5rem auto;}
	#top_grip034_inn	{background-position:top 22rem left 50%;}
	#top_grip03	{margin-bottom:6rem;}	
	.top_grbt03_md	{width:30rem;}
	.top_grbt03_md:before	{width: 46.62rem; height: 19.166rem; margin-left:-23.31rem; bottom:-6rem;}
	#top_supp_box	{display:block; max-width:600px; margin:0 auto;}
	.top_supp_box01	{margin:0; aspect-ratio:1/0.988;}
	.top_supp_box02	{width:100%; margin:0 0 1%;}
	.top_cnst_flbox	{display:block;}
	.top_cnst_flbox	{max-width:500px; margin:0 auto;}
	.top_cnst_box01	{margin:-10rem auto 3.5rem;}
	.top_cnst_box01_02	{width:100%; margin:0 0 30px;}
	.top_cnst_box02_02	{width:100%; margin:0 0 30px;}
	#pgmd_grbt_top .top_modelphoto	{width: 22rem;}
	#pgmd_grip_top .top_modelphoto	{width: 22rem;}
	.top_cmpn_list 	{display:block;}
	.top_cmpn_list li	{width:100%;}
	.top_cmpn_list li:first-child	{border-right:none; border-bottom:1px solid #fff; padding:0 0 20px; margin:0 0 20px;}
	.top_cmpn_list li:nth-of-type(2)	{padding:0;}
}
@media only screen and (max-width: 699px){
	#top_funcbox01 .top_func_li, #top_funcbox03 .top_func_li	{display:block; height:auto; max-width:17em; margin:20px auto 0;}
	#top_hiql_box	{display:block;}
	#top_hiql .inner	{background-position:top 4rem left 50%;}
	.top_hiql_box01	{margin:0 auto 5rem;}
	#top_hiql h2	{text-align:center;}
	#top_hiql h2 .br_sp	{display:block;}
	#top_hiql h2 strong	{font-size: 7.5vw;}
	#top_hiql + .cta	{padding-top:0;}
	#top_prob .inner	{background-position:top 2rem left 50%;}
	.top_prob_aft	{margin-bottom:3rem;}
	.top_prob_aft h3	{font-size: 7vw;}
	.top_modeltit	{font-size:20px;}
	.top_modelsubtit	{font-size:16px;}
	.top_menu_dt	{display:block;}
	.top_menu_dt > li	{margin:0 0 10px;}
	.top_menu_flbox	{display:block;}
	.top_menu_box01	{width:100%; text-align:center; margin:0 0 2rem;}
	.top_menu_li	{display:inline-block; text-align:left;}
	.top_voic_box0	{margin-top:3rem;}
	.top_voic_comm.top_voic_phbox	{padding-right:1.5rem; min-height:0;}
	.top_voic_photo	{position:static; float:right; width: 130px; margin:0 0 10px 10px;}
	.top_beaf01	{display:block; max-width:337px; margin:0 auto;}
	.top_beaf02	{display:block; max-width:390px; margin-left:auto; margin-right:auto;}
	.top_beaf02 > li:nth-of-type(1)	{width:100%; margin-bottom:20px;}
	.top_supp_box01_inn	{width:90%;}
	#top_cnst_box	{background-size: 240% auto; background-position: right bottom;}
	#top_cnst_bg01	{height: 46vw; background-position: left -10vw top;}
	.top_cnst_box01	{margin-top:-17vw;}
	.top_cnst_box02_02	{width:185px; margin:0 auto 30px;}
	.mdl_bt_contact	{font-size:20px;}
	.pgmd_grip_mdflbox	{display:block;}
	.pgmd_grip_md02	{width:100%;}
	.pgmd_grip_md02:not(:last-child)	{margin-bottom:4.5rem;}
}
@media only screen and (max-width: 599px){
	#top_voic .inner	{width:94%;}
	.pgmd_lineli li ul	{display:block;}
	.pgmd_lineli li ul li:nth-of-type(1)	{margin:0;}
	.pgmd_lineli li ul li:nth-of-type(2)	{margin:-2vw 0 0;}
	.pgmd_grip_md01	{display:block; width:90%; max-width: 420px; margin:0 auto;}
	.pgmd_grip_md01 .pgmd_grip_mdli	{width:100%;}
	.pgmd_grip_md02 .pgmd_grip_mdli	{width:90%;}
	.pgmd_grip_md03	{font-size:18px;}
	.top_cmpn_logo	{width:270px; margin-right:auto; margin-left:auto;}
}
@media only screen and (min-width: 550px){
	.tp_comp_tbsp	{display:none;}
}
@media only screen and (max-width: 549px){
	.tp_comp_tb	{display:none;}
	.tp_comp_tbsp	{overflow:auto; width:90vw;}
	.tp_comp_tbsp ul	{width:550px; max-width:550px;}
	.tp_comp_tbsp ul li:nth-of-type(1)	{width:42%;}
	.tp_comp_tbsp ul li:nth-of-type(2)	{width:58%;}
}
@media only screen and (max-width: 499px){
	.topcont	{padding:4rem 0;}
	.topcont_wht	{padding:0 0 4rem;}
	.topcont_tpshort	{padding:3rem 0 4rem;}
	.topcont_short	{padding:3rem 0;}
	.cta .inner	{width:100%;}
	.top_modelnum	{width: 4rem; margin-bottom:2rem;}
	#top_grbt03 .top_modelsubtit	{text-align:left;}
	#top_grip02 .top_modelsubtit	{text-align:left;}
	ul.top_grbt01beaf_com	{display:block;}
	ul.top_grbt01beaf_com li:not(:last-child)	{margin-bottom:10px;}
	ul.top_grbt01beaf_com li:nth-of-type(1), ul.top_grbt01beaf_com li:nth-of-type(2)	{width:100%;}
	#top_cosm .inner	{width:100%;}
	.top_voic_salon	{margin:0 1.5rem; padding-bottom:1.5rem; display:block;}
	.top_voic_salon01	{text-align:center; margin-bottom:1rem;}
	.top_voic_num	{font-size:12px;left: -54px;bottom: 36px;}
	.top_voic_box0	{width: calc(100% - 16px); margin:3rem 0 0 16px;}
	#top_comp2 .top_modelsubtit	{text-align:left;}
	.top_supp_box01	{position:relative;display:block;aspect-ratio: auto;padding: 0 0 30px;background-size: 100% auto;background-position: top center;background-color: #282828;}
	.top_supp_box01_inn	{margin:0 auto 1rem; padding-top: 41vw;}
	.top_supp_mark	{width:11rem; margin-bottom:1rem; position:absolute; top:-5rem; left:50%; margin-left:-5.5rem;}
	#top_supp_box h3	{text-shadow: 0.05em 0.05em 0.7em #000;}
}
@media only screen and (max-width: 419px){
	#pgmd_grbt_cont .top_modeltit	{font-size:18px;}
}


/* -----------------------------------------------------------
		Utility
----------------------------------------------------------- */
#utility	{}
#utility dl	{margin-bottom:50px;}
#utility dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:bold;}
#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;}

#contact	{background:#f1f1f1; padding:2rem; color:#000; border-radius:3px;}

#form_message	{margin-bottom:30px;}
#form_contact .need    { background-color:#CD1E6D; color:#FFFFFF; font-size:11px; margin-right:5px; padding:3px 5px; border-radius: 3px; font-weight: normal;}
#form_contact .err     { background:#CD1E6D; 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; background:#fff; border: 1px solid #ccc; }

.recaptchaPolicy	{
	text-align:center;
	margin:20px 0 0;
	font-size:90%;
}
.recaptchaPolicy a	{
	color:#000;
	text-decoration:underline;
}

.menu-open {
	width: auto;
	height: auto;
	font-size: 100%;
    margin-bottom: 15px;
}
.group-situation {
	
}
.schedule-y {
	font-size: 100%;
    width: auto;
	height: auto;
    display: inline-block;
}
.schedule-m {
	font-size: 100%;
    width: auto !important;
	height: auto;
    display: inline-block;
}

@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;}
}
@media only screen and (max-width: 499px){
	.page-id-8311 #wrapper	{width:95%;}
}



/* -----------------------------------------------------------
	アーカイブ・単一記事ページ
----------------------------------------------------------- */
#archive_tandem ul li	 {margin: 0 0 20px; padding: 0; width: auto; float: none;}
.thumL	{border: 1px solid #ccc; float: left; height: 148px; margin: 0; text-align: center; vertical-align: middle; width: 148px; overflow:hidden;}
.thumL img	{max-width:100%; height:auto;}
.title01  {padding:0 0 0 165px;}
.title01 h2 {
    font-size: 120%;
	font-weight:600;
    margin-bottom: 0px !important;
    padding: 5px 0 5px;
    line-height: 1.4;
}
.info_new {
    background: #b42f2f;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 1px 5px 0;
    position: relative;
    top: -2px;
    margin-right: 5px;
    font-weight: normal;
}
.date {font-size:11px; margin-bottom:5px;}
#excerpt p {line-height: 1.6; font-size: 90%;}
h2.title	{
	font-weight:700;
    padding: 11px 10px 4px 0px;
    font-size: 120%;
    border-bottom: 2px solid #555;
	margin:0 0 10px;
}
p.dateLabel	{
	margin:0 0 5px;
	font-size:10px;
}

@media only screen and (max-width: 499px){
	.thumL	{width:118px; height:118px;}
	.title01  {padding:0 0 0 130px;}
}
@media only screen and (max-width: 399px){
	.thumL	{width:98px; height:98px;}
	.title01  {padding:0 0 0 110px;}
	.title01 h3	{padding:0px;}
	.date {margin-bottom:10px;}
}

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 {display: inline-block;}
.post .categories_label {margin-bottom: 10px;}
.categories_label li {
    font-size:11px;
    float: left !important;
    margin: 0 5px 5px 0 !important;
    background-color: #bbb;
    text-align: center;
    padding: 3px 10px !important;
    border-radius: 3px;
}
.categories_label li:hover {background-color: #ccc !important;}
.categories_label a {color: #fff;}
.categories_label a:hover {color: #fff !important;}


.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 {}

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


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

.pagenav a{background:#000; padding:10px 20px; color:#fff; 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;}