@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:     common.css
Created:       2020-09-12
Style Info:    [TW2020] COMMON CSS
----------------------------------------------------------- */
/*@import url("font-awesome_5.12.1_all.css");*/

/* ------------------------------------ */
/* Reset */
/* ------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;line-height:1;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
img {border:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

/* ------------------------------------ */
/* Base */
/* ------------------------------------ */
html {font-size:62.5%;}
body {color:#000;font-size:14px;font:1.4rem/1.4 YuGothic, "Yu Gothic", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;-webkit-text-size-adjust:none;font-weight:500;}
a {color:#000;text-decoration:none;transition:.3s ease;}
a:hover,
a:visited {color:#000;}
a:active,
a:focus {outline:none;}
a img {vertical-align:bottom;}
.clearfix:after {content:"";clear:both;display:block;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.dis_sp {display:none;}
#wrapper {overflow:hidden;position:relative;}
iframe#synalio-iframe{z-index: 300!important;}
@media (min-width:768px) {
	a:hover {text-decoration:none;}
	a[href*="tel:"] {pointer-events:none;cursor:default;text-decoration:none;}
}
@media (max-width:767px) {
	#wrapper {padding-top:50px;}
	.dis_pc {display:none;}
	.dis_sp {display:block;}

	/* リンクタップ時のハイライト表示*/
	a {cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, .2);}

	/* 電話番号リンク　ボタン表示*/
	a.tw_tel_link[href*="tel:"] {display:block;border-radius:5px;font-size:1.6rem;position:relative;overflow:hidden;height:44px;line-height:42px;padding-top:42px;text-decoration:none;font-weight:bold;border:2px solid #000;color:#000;padding-left:10px;background:#fff;}
	a.tw_tel_link[href*="tel:"]:before {position:absolute;content:"";width:17px;top:0;left:10px;height:100%;background:url(../img/common/sp/icon_tel_01.png) center center no-repeat;
		-webkit-background-size: 17px auto;
		background-size: 17px auto;}
	a.tw_tel_link[href*="tel:"]:after {content:"電話で相談する";width:100%;position:absolute;top:0;left:0;line-height:42px;text-align:center;}

}

/* ------------------------------ */
/* Header comming soon */
/* ------------------------------ */
.header20_gnav .nav_list_01 li.commingsoon {position:relative;}
.header20_gnav .nav_list_01 li.commingsoon::before {content:"";position:absolute;top:-18px;width:100%;left:0;text-align:center;color:#999;font-size:1.1rem;font-weight:normal;}
.header20_gnav .nav_list_01 li.commingsoon:hover::before {content:"comming soon!";}
.header20_gnav .nav_list_01 li.commingsoon a {pointer-events:none;}
.header20_gnav .nav_list_01 li.commingsoon:hover a {color:#333;opacity:.65;}
@media screen and (max-width: 767px) {
	.header20_gnav .nav_list_01 li.commingsoon {position:relative;}
	.header20_gnav .nav_list_01 li.commingsoon::before {content:"comming soon";position:absolute;top:50%;margin-top:-10px;right:35px;display: inline-block;background:#ccc;border-radius:3px;color:#fff;font-weight:normal;padding:0 5px;height:20px;line-height:20px;width:100px;left:auto;z-index:10;}
	.header20_gnav .nav_list_01 li.commingsoon a,
	.header20_gnav .nav_list_01 li.commingsoon span {pointer-events:none;padding-right:80px;}
}

/* ------------------------------ */
/* header new */
/* ------------------------------ */
.header20_gnav .nav_list_01 li.newopen {position:relative;}
.header20_gnav .nav_list_01 li.newopen::before {content:"NEW";position:absolute;top:-18px;width:100%;left:0;text-align:center;color:#23afb7;font-size:1.1rem;font-weight:normal;letter-spacing:0;font-weight:bold;z-index:10;
	-webkit-animation:headerGnavNewBlink 1s ease-in-out infinite alternate;
	-moz-animation:headerGnavNewBlink 1s ease-in-out infinite alternate;
	animation:headerGnavNewBlink 1s ease-in-out infinite alternate;
}
@media screen and (max-width: 767px) {
	.header20_gnav .nav_list_01 li.newopen {position:relative;}
	.header20_gnav .nav_list_01 li.newopen::before {top:50%;margin-top:-10px;right:35px;display:inline-block;background:#23afb7;border-radius:3px;color:#fff;padding:0 7px;height:20px;line-height:20px;width:50px;left:auto;font-weight:normal;
		-webkit-animation:headerGnavNewBlink 1s ease-in-out infinite alternate;
		-moz-animation:headerGnavNewBlink 1s ease-in-out infinite alternate;
		animation:headerGnavNewBlink 1s ease-in-out infinite alternate;
	}
	.header20_gnav .nav_list_01 li.newopen a {padding-right:80px;}
}
/* 点滅 */
@-webkit-keyframes headerGnavNewBlink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes headerGnavNewBlink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes headerGnavNewBlink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/* ------------------------------------ */
/* Page top */
/* ------------------------------------ */
.tw_pagetop {display:none;cursor:pointer;z-index:300;cursor:pointer;right:50%;margin-right:-640px;width:40px;height:0;padding-top:40px;background:#222;position:relative;overflow:hidden;}
.tw_pagetop::after {content:"";position:absolute;top:calc(50% - 2px);left:calc(50% - 5px);width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-135deg);}
@media (max-width:1280px) ,print{
	.tw_pagetop {right:15px;margin-right:0;}
}
@media (min-width:768px) ,print{
	.tw_pagetop:hover {opacity:.65;}
}
@media (max-width:767px) {
	.tw_pagetop {right:5px;background-size:100% auto;-webkit-tap-highlight-color:rgba(0, 0, 0, .2);}
}

/* ------------------------------------ */
/* パンくず  (add 2018.06.13) */
/* ------------------------------------ */
.nav_breadcrumb {font-size:1.2rem;line-height:1.4;color:#000;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.nav_breadcrumb > li {display:inline;color:#000;}
.nav_breadcrumb > li a {color:#000;}
.nav_breadcrumb > li strong {font-weight:normal;}
.nav_breadcrumb > li + li:before{color:#000;padding:0 5px 0 10px;content:"＞";}
.nav_breadcrumb > li:last-child span,
.nav_breadcrumb > li:last-child a {font-weight:bold;pointer-events:none;text-decoration:none;cursor:default;}
@media (min-width:1141px) ,print {
	.breadcrumb_area {width:1140px;margin:0 auto;}
}
@media (max-width:1140px) ,print {
	.breadcrumb_area {padding:0 15px;}
}
@media (min-width:768px) ,print{
	.nav_breadcrumb {padding:15px 0px 0px 0px;height:44px;}
	.nav_breadcrumb > li:first-child a {padding-left:20px;background:url(../img/common/icon_breadcrumb_home.png) left center no-repeat;}
	.nav_breadcrumb > li a:hover span {text-decoration:none;}
}
@media only screen and (max-width:767px) {
	.breadcrumb_area {display:block;background:#f4f4f4; padding: 0!important; }
	.breadcrumb_area > nav{-webkit-overflow-scrolling: touch;padding:8px 0;}
	.nav_breadcrumb {line-height:1.6;text-overflow: unset; white-space: nowrap;overflow-y: hidden;overflow-x: scroll; font-size: 11px; padding: 0 10px;-webkit-overflow-scrolling: touch;}
	.nav_breadcrumb > li {display:inline;padding-right:5px;}
	.nav_breadcrumb > li + li:before {padding:0 5px 0 0;}
	.nav_breadcrumb > li:first-child a {padding-left:0;min-height:0;}
	.nav_breadcrumb > li:first-child strong {display:none;}
	.nav_breadcrumb > li .dis_sp ,
	.breadcrumb_nav > li .dis_sp ,
	.nav_breadcrumb > li .dis_sp ,
	.breadcrumb> li .dis_sp ,
	.nav_breadcrumb > li .dis_sp {display: inline;}/* add 2018.11.28 */
}
@media (max-width:360px) {
	/*.breadcrumb_area {padding:10px 5px 5px 10px;}*/
	.nav_breadcrumb > li {padding-right:3px;}
	.nav_breadcrumb > li + li:before {font-size:.847em;}
}

/* ------------------------------------ */
/* ページ内リンク  (add 2018.06.23) */
/* ------------------------------------ */
.index18_localnav {text-align:center;padding:15px 10px 5px 10px;background:#f4f4f4;}
.index18_localnav ul {margin:0;padding:0;}
.index18_localnav li {display:inline-block;margin:0 20px 10px 20px;}
.index18_localnav li a {display:inline-block;font-size:1.5rem;line-height:1.6;}
.index18_localnav.tp li a::before {content:"▼";}
.index18_localnav.btm li a::before {content:"▲";}
@media (max-width:1140px) ,print {
	.index18_localnav li {display:inline-block;margin:0 15px 10px 15px;}
	.index18_localnav li a {font-size:1.4rem;}
}
@media (max-width:767px) {
	.index18_localnav {text-align:left;padding:15px 5px 5px 05px;}
	.index18_localnav li {display:inline-block;margin:0 10px 10px 10px;}
	.index18_localnav li a {font-size:1.2rem;}
}

@media print {
	body {
		-webkit-print-color-adjust: exact;
		min-width: 1140px!important;
		width: 100%;
		position: relative!important;
		-moz-transform: scale(0.94);
		-webkit-transform: scale(0.94);
		transform: scale(0.94);
		transform-origin: 0 0;
	}
}

/* ------------------------------------ */
/* 静的特集終了処理  (add 2018.12.05) */
/* ------------------------------------ */
div#special_end_info{
	display:block;
	background: #e02828;
	padding: 12px 10px 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #fff;
}
div#special_end_info a{
	color: #fff;
	text-decoration: underline;
}
.special_end_link_btn_wrap{
	text-align: center;
}
.special_end_link_btn_wrap .special_end_link_btn{
	padding: 28px 60px;
    background: #999;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
	box-sizing: border-box;
}
.special_end_link_btn_wrap .special_end_link_btn_block{
	padding: 28px 60px;
    background: #999;
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-weight: bold;
	box-sizing: border-box;
}

@media (max-width:767px) {
	div#special_end_info{font-size: 16px;}
	.special_end_link_btn_wrap .special_end_link_btn,
	.special_end_link_btn_wrap .special_end_link_btn_block{
		padding: 14px 20px ;
		font-size: 14px;
	}
}

/* ------------------------------------ */
/* cookie consent by OSANO  (add 2022.03.29) */
/* ------------------------------------ */
/*.cc-revoke.cc-bottom{
	display: none;
}*/
/* ------------------------------------ */
/* Onr Trust cookie consent (add 2022.04.12) */
/* ------------------------------------ */
#ot-sdk-btn-floating.ot-floating-button{
	display: none;
}