@charset "UTF-8";
/*
Theme Name: 「株式会社カワムラ　 オリジナルWPテーマ」
Theme URI: https://reformkan.com/
Description: 株式会社カワムラ　サイトオリジナルテーマです。
Author: triana,Inc.
Author URI: https://triana.jp/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Noto+Sans+JP:wght@500;900&family=Oswald:wght@500;700&display=swap');
@import url("assets/css/ress.css");
@import url("assets/css/font.css");

/*
    font-family: 'Montserrat', sans-serif; font-weight:800

    font-family: 'Noto Sans JP', sans-serif; font-weight:500;
    font-family: 'Noto Sans JP', sans-serif; font-weight:900;

    font-family: 'Oswald', sans-serif font-weight:500;
font-family: 'Oswald', sans-serif font-weight:700;
*/

/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th,
td { padding:8px; /*line-height:1.4em;*/}
input{ }
.switch {
	visibility: hidden;
}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
*{margin:0; padding:0; }
html{font:62.5%/1.8 ArialMT;}
/* IE11だけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: 'Noto Sans JP', sans-serif;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
    color:#111;
	-moz-font-feature-settings: "pkna" 1;
  -webkit-font-feature-settings: "pkna" 1;
  font-feature-settings: "pkna" 1;
    letter-spacing: 0.05em;
	font-size:1.6rem;
	line-height:1.8;
	}
h1, h2, h3, h4, h5, h6{font-weight: 900;}
b, strong, .textB{font-weight: 900;}
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }
/* ----------- anchor */
a {color:#222; text-decoration:none;}
a:hover {opacity:0.8;}
a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a.telLink:hover{opacity:1; cursor:default;}

/*img{image-rendering : crisp-edges;
  -ms-interpolation-mode : nearest-neighbor;}*/

body{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer {
  margin-top: auto;
}


/*----------------------------------------------------
 heater
----------------------------------------------------*/
header{
width: 100%;
padding:0 0 0 10px;
height:80px;
}

header .h_menuBox{padding:0;}
#nav_btn{display: none;}

@media only screen and (min-width:813px){
header .logo_header{margin-right: 9px;}
header .logo_header a{display: block; max-width:220px; width:100%;}
header .logo_header a img{max-width:220px; width:100%; height: auto;}
header .badges{margin-right: auto;}
header .badges img{width:100%; max-width:280px; height: auto;}

header{
display: flex;
justify-content:space-between;
align-items: center;
}
header .h_menuBox{
margin-right: 80px;
}
header .menu{display: flex; justify-content: center; align-items:center; font-size: 1.6rem; font-weight:900; letter-spacing: 0.1em;}
header .menu > li{display: inline-block; margin-right: 20px;}
header .menu a:hover,header .menu .current > a{color:#d02714; opacity:1;}
}
@media only screen and (max-width:812px){
header{padding:15px 4%; position: relative; height: 60px; display: flex; align-items: center;}	
.h_menuBox{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9; padding:0; border:none; display: none;
overflow: auto;
-webkit-overflow-scrolling: touch;}

header .h_menuBox{
margin-top:0;
display: none;
}
header .logo_header{width:100%; padding-right: 90px;}
header .logo_header a{display: block; max-width:595px; width:100%;}
header .logo_header a img{max-width:595px; width:100%; height: auto;}
header .badges{display: none !important;}
}

/* #btn_menu */
@media only screen and (min-width:813px){
#btn_menu{
position:fixed;
display:block; width: 80px; height: 80px; 
background-color:#d02714; color:#fff;
cursor: pointer;
padding:25px 15px;
z-index:30;
}

#btn_menu:before,
#btn_menu:after{
	position: absolute;
	display: block;
	width: 35px;
	height: 2px;
	content: '';
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	left: 0;
right: 0;
margin: 0 auto;
}
#btn_menu span:first-child{
	position: relative;
	margin: 10px 0;
	display: block;
}

input[type=checkbox]#nav_btn:checked ~ #btn_menu:before{
	-webkit-transform: translateY(2px) rotate(32deg);
	        transform: translateY(2px) rotate(32deg);
}
input[type=checkbox]#nav_btn:checked ~ #btn_menu:after{
	-webkit-transform: translateY(-6px) rotate(-32deg);
	        transform: translateY(-7px) rotate(-32deg);
}

#btn_menu span:last-child{font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: 700;position: absolute; bottom: 10px;
left:0;
display: block;
text-align: center;
right: 0;
margin: 0 auto;}
#btn_menu span:last-child::before{content:"MENU";}
input[type=checkbox]#nav_btn:checked ~ #btn_menu span:last-child::before
{content:"CLOSE";}
#btn_menu{
right:0;
top:0;
}
}

@media only screen and (max-width:812px){
#menuWindow .logo_menu_header{height: 60px;}
#btn_menu{
position:fixed;
display:block; width: 60px; height: 60px; 
background-color:#d02714; color:#fff;
cursor: pointer;
padding:12px 15px;
z-index:30;
}

#btn_menu:before,
#btn_menu:after{
	position: absolute;
	display: block;
	width: 35px;
	height: 2px;
	content: '';
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	left: 0;
right: 0;
margin: 0 auto;
}
#btn_menu span:first-child{
	position: relative;
	margin: 10px 0;
	display: block;
}

input[type=checkbox]#nav_btn:checked ~ #btn_menu:before{
	-webkit-transform: translateY(2px) rotate(32deg);
	        transform: translateY(2px) rotate(32deg);
}
input[type=checkbox]#nav_btn:checked ~ #btn_menu:after{
	-webkit-transform: translateY(-6px) rotate(-32deg);
	        transform: translateY(-7px) rotate(-32deg);
}

#btn_menu span:last-child{font-family: 'Open Sans', sans-serif; font-size: 1.4rem; font-weight: 700;position: absolute; bottom: 4px;
left:0;
display: block;
text-align: center;
right: 0;
margin: 0 auto;}
#btn_menu span:last-child::before{content:"MENU";}
input[type=checkbox]#nav_btn:checked ~ #btn_menu span:last-child::before
{content:"CLOSE";}
	
#btn_menu{
top:0;
right:0;
}
}

/* #menuWindow */
#menuWindow .logo_menu_header{padding: 0 0 0 10px;
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
}

#menuWindow .logo_menu_header a{display: block; width:100%; margin-right: 90px;}
#menuWindow .logo_menu_header img{width:100%; height: auto;}
#menuWindow .menubtnBox .btn_reserve i,#menuWindow .menubtnBox .btn_contact i{position: absolute;left: 30px;top: 50%;margin-top: -10px; font-size:1.9rem;}
#menuWindow .menubtnBox .btn_reserve span,#menuWindow .menubtnBox .btn_contact span{color:#fff;line-height: 50px; font-size: 1.6rem; font-weight: 900;}

#menuWindow .m_menu {
    text-align: left;
}	

#menuWindow .m_menu{text-align:left;}
#menuWindow .m_menu > li{margin:0; padding:0; display: block;}
#menuWindow .m_menu > li label{color:#fff; font-weight:900; font-size: 1.6rem; display:block; padding:10px 0;}
	.sub_menu{margin-top: 20px
	}
#menuWindow .m_menu > li > a{color:#fff; font-weight:900; font-size: 1.6rem; display:block; padding:10px 0;}	
#menuWindow .menubtnBox > p{color: #fff; font-weight:900; font-size: 1.6rem; display:block; padding:10px 0;}

#menuWindow .menubtnBox > a:not(:last-child){position: relative;
color: #fff;
text-align: center;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
	background-color: #fff;
margin-bottom: 20px;}
	
#menuWindow .menubtnBox .btn_reserve img{width:100%; max-width: 143.5px;}
#menuWindow .menubtnBox .btn_contact img{width:100%; max-width: 145px;}
#menuWindow .menubtnBox .btn_line img{width:100%; max-width: 160px;}

#menuWindow .menubtnBox > a:not(:nth-of-type(4)) i{margin-right: 10px;/*position: absolute;left: 30px;top: 50%;margin-top: -10px; */font-size:2.2rem;}

#menuWindow .m_menu .down input{display: none !important;}
#menuWindow .m_menu .down li{color: #fff;}
#menuWindow .m_menu .down li a{color: #fff;}
@media only screen and (min-width:813px){
#menuWindow .logo_menu_header a{max-width:220px;}
#menuWindow .logo_menu_header img{max-width:220px;}
#menuWindow .menubtnBox{text-align: center; width:235px;}
#menuWindow .menubtnBox > a:not(:last-child){width:100%; max-width: 235px;}
#menuWindow .menu_wap{width:100%; max-width: 1000px; margin:72px auto 0; display: flex; justify-content: space-between;} 
#menuWindow .menubtnBox .btn_tel{display: flex;color: #fff;margin: 0 10px;height: 50px;width: 330px;}
#menuWindow .menubtnBox .btn_tel p,#menuWindow .menubtnBox .btn_tel > span:last-child{display: none;}
#menuWindow .menubtnBox .btn_tel i{line-height: 50px;font-size: 2.0rem;margin-right: 5px;}
#menuWindow .menubtnBox .btn_tel .no{font-size: 2.9rem;
	font-family: 'Montserrat', sans-serif; font-weight:800;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1.2px;
line-height: 50px;
}
#menuWindow .menubtnBox .btn_tel span:last-child{order: 1; font-size:1.2rem;line-height: 50px;margin-right: 10px;}
#menuWindow{position:fixed; top:0; left:0; width:100%; height:100%; z-index:20; border:none; display: none; background-color: #d02714;}
#menuWindow .m_menu:first-child{}

.h1_log{margin-top: 40px;z-index: 2;}
.h1_log img{width:100%; height: auto; max-width:175px; }	

}

@media only screen and (max-width:812px){
#menuWindow .logo_menu_header{height: 60px;padding: 15px 4%;
position: relative;
height: 60px;
display: flex;
align-items: center;}
#menuWindow .logo_menu_header a{max-width:595px;}
#menuWindow .logo_menu_header img{max-width:595px;}
#menuWindow .menubtnBox .btn_tel{width:100%; max-width:100%; padding:10px;background-color: #ffef00;text-align: center;color:#d02714;
position: relative;display: inline-block !important;line-height: 1.2; margin-bottom: 45px;}
#menuWindow .menubtnBox > a{width:100%; max-width:100% !important;}
#menuWindow .menubtnBox .btn_reserve img{width:100%; max-width:112px;}
#menuWindow .menubtnBox .btn_reserve::before{
		display: block;
		content: "";
		background: url(assets/img/common/ico_01_cl.png) no-repeat center center;
	background-size: 25px;
		position:absolute;
		width:25px;
		height: 25px;
		left:15px;
		top: 50%;
	margin-top: -11px;
}
#menuWindow .menubtnBox .btn_contact img{width:100%; max-width:117.5px;}
#menuWindow .menubtnBox .btn_contact::before{
		display: block;
		content: "";
		background: url(assets/img/common/ico_02_cl.png) no-repeat center center;
	background-size: 25px;
		position:absolute;
		width:25px;
		height: 25px;
		left:15px;
		top: 50%;
	margin-top: -11px;
}
#menuWindow .menubtnBox .btn_line img{width:100%; max-width: 153px;}
#menuWindow .menubtnBox .btn_line::before{
		display: block;
		content: "";
		background: url(assets/img/common/ico_03_cl.png) no-repeat center center;
	background-size: 24.5px;
		position:absolute;
		width:25px;
		height: 25px;
		left:15px;
		top: 50%;
	margin-top: -11px;
}
	
	#menuWindow .menubtnBox .btn_tel{position: relative;}	
#menuWindow .menubtnBox .btn_tel i{font-size: 2.2rem;margin-right: 5px;
position: absolute;
left: 15px;
top: 20px;}
#menuWindow .menubtnBox .btn_tel span.no{ font-size: 2.9rem;
	font-family: 'Montserrat', sans-serif; font-weight:800;
	color: #d02714;
	letter-spacing: 1.6px;
	display: block;
	margin-top: 5px;
	line-height: 1;
}
#menuWindow .menubtnBox .btn_tel span:last-of-type{font-size: 1.2rem;line-height: 1;}
	#bnrlist .btn_flyey{width:103%;}
	#bnrlist .btn_flyey{margin-left: -3%;}
	
#menuWindow{position:fixed; top:0; left:0; width:100%; height:100%; z-index:29; background-color: #d02714; border:none; display: none; overflow-y: auto;}
#menuWindow .m_menu{margin-bottom: 10px;}
#menuWindow > div{padding: 5px 4%;}
#menuWindow .menubtnBox > p{display: none !important;}	
#menuWindow .m_menu{text-align:left; width:100%; margin:0 auto;}
#menuWindow .m_menu > li{width:100%; margin:0; padding:0; display:block;}
#menuWindow .m_menu > li{border-bottom: 1px solid #fff;}	
#menuWindow .m_menu > li label{color:#fff; font-weight:900; font-size: 3.7vw; display:block; padding:15px 0;}
#menuWindow .m_menu > li > a{color:#fff; font-weight:900; font-size: 3.7vw; display:block; padding:15px 0;}
#menuWindow .m_menu .menu_sub li{color:#fff; font-size: 3.7vw; display:block; padding:10px 0;}
.m_menu .acd-label{
    color: #fff;
    display: block;
    padding: 10px 0;
    position: relative;
}
.m_menu .acd-label:after{
box-sizing: border-box;
content: '\f067';
display: block;
font-family: 'icomoon' !important;
position: absolute;
right: 14px;
top: 50%;
font-size: 1.8rem !important;
margin-top: -19px;
}
.m_menu .menu_sub{
    height:0;
    opacity:0;
    padding:0;
    transition: .5s;
    display: none;
}
.m_menu .toggle:checked + .acd-label:after{
    content: '\f068';
}
.m_menu .toggle:checked + .acd-label + .menu_sub{
    height:auto;
    opacity: 1;
    padding: 0;
    display:block;
}	
ul.sub_menu li{margin-bottom: 10px;}

}

@media (orientation: landscape){
header .h_menuBox{
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}


/* Fmenu */
#menubtnBox picture{margin:0; padding: 0; line-height: 1;}
#menubtnBox .btn_reserve{background-color: #012f8c;}
#menubtnBox .btn_contact{background-color: #d02714}
#menubtnBox .btn_line{background-color: #56a433;}
@media only screen and (min-width:813px){
#menubtnBox{display: flex; height:90px; width:100%; background-color: #fff; justify-content: center; align-items: center; position: fixed; bottom: 0;left: 0;padding: 20px 0; z-index: 2;}
#menubtnBox > a:not(:nth-of-type(3)){position: relative;
width:100%;
max-width: 360px;
/* color: #fff; */
text-align: center;
height: 50px;
display: flex;
align-items: center;
justify-content: center; margin-right: 20px;}
	
	#menubtnBox .btn_reserve img{width:100%; max-width: 127.5px;}
	#menubtnBox .btn_contact img{width:100%; max-width: 131px;}
	#menubtnBox .btn_line img{width:100%; max-width: 159px;}

	#menubtnBox > .btn_reserve i::before{content: ""; display: inline-block;width:25px; height:20px; background: url(assets/img/common/ico_01_w.png) no-repeat center center; background-size: 25px 20px;}
	#menubtnBox > .btn_line i::before{content: ""; display: inline-block;width:25px; height:24px; background: url(assets/img/common/ico_03_w.png) no-repeat center center; background-size: 24.5px 23.5px;}
#menubtnBox > a:not(:nth-of-type(4)) i{margin-right: 10px;/*position: absolute;left: 30px;top: 50%;margin-top: -10px; */font-size:2.2rem;}

	
	
#menubtnBox .btn_tel{display: flex;color: #d02714;margin: 0;height: 50px;/*width: 330px;*/}
#menubtnBox .btn_tel i{order: 2;line-height: 50px;font-size: 2.0rem;margin-right: 5px;}
#menubtnBox .btn_tel .spNone{order: 3; font-size: 2.9rem;
	font-family: 'Montserrat', sans-serif; font-weight:800;
	font-weight: 700;
	color: #d02714;
	letter-spacing: 1.2px;
line-height: 50px;
}
#menubtnBox .btn_tel span:last-child{order: 1; font-size:1.2rem;line-height: 50px;margin-right: 10px;}
}
@media only screen and (max-width:812px){
#menubtnBox {}
#menubtnBox {
    position: fixed;
    bottom: 0;
    left: 0;
	width: 100%;z-index: 20;
	height: 70px;
    border-top: 1px solid #fff;
	background-color: #fff;
	display: flex;
}
#menubtnBox a{width:34%; text-align: center; display: inline-block; padding:15px 5px; color:#fff; height: 70px;}
#menubtnBox i{display: none;}
#menubtnBox .btn_reserve img{width:100%; max-width: 72.5px;}
#menubtnBox .btn_contact img{width:100%; max-width: 76px;}
#menubtnBox .btn_line img{width:100%; max-width: 76px;}
#menubtnBox .btn_tel img{width:100%; max-width: 76px;}
#menubtnBox .btn_tel{background-color:#ffef00;}
}


/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer{padding:60px 4% 150px 4%; background-color:#d02714; color:#fff;}
.footWap{margin:0 auto; width:100%; max-width:1000px;}

.footWap h3{font-family: 'Montserrat', sans-serif; font-weight:800;
padding-bottom: 20px; border-bottom: 1px solid #fff; margin-bottom:20px; width:100%;}
.footWap .f_company dl{}
.footWap .f_company dt{font-size: 1.6rem; font-weight: 900; margin-top: 10px;}
.footWap .f_company dd{font-size: 1.4rem;}

@media only screen and (min-width:813px){
.footWap{display: flex;justify-content: space-between;
align-items: flex-start;}
.footWap .f_company{width: 34%;}
.footWap .f_sitemap{ width: 62%; margin-right: 4%;}
.footWap .f_sitemap{display: flex; /*justify-content:space-between;*/ justify-content: flex-start; flex-wrap: wrap;}
	.f_menu{width:32%;}
}

.copyright{font-size: 1.2rem; text-align: center;margin-top:50px;}

.f_menu{
	font-size: 1.4rem;
}

.f_menu .toggle{
    display: none;
}


.f_menu > li{display: inline-block; line-height: 1.4;width: 100%;}
.f_menu a{color:#fff;}
.f_menu > li{padding: 10px 0;}
.f_menu > li.down{padding:0;}
.f_menu > li li{padding: 3px 0;}
.f_logo{display: block;width:100%; max-width:260px; margin-bottom:15px;}
.f_logo img{width:100%; height: auto;}
@media only screen and (min-width:813px){
.f_menu > li{padding: 0 0 10px 0;}
}
@media only screen and (max-width:812px){
.f_menu > li{padding: 10px 0; border-bottom: 1px solid #fff;}
	.footWap .f_sitemap h3{margin-bottom: 0;}
.footWap .f_company{margin-bottom: 40px}
footer{padding:60px 6% 130px;}
.f_logo img{display: block; margin:0 auto 30px;}	
	.footWap .f_sitemap{margin-bottom: 60px;}
.f_menu .acd-label{
    color: #fff;
    display: block;
    padding: 10px 0;
    position: relative;
}
.f_menu .acd-label:after{
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: 'icomoon' !important;
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
.f_menu .f_menu_sub{
    height:0;
    opacity:0;
    padding:0;
    transition: .5s;
    display: none;
}
.f_menu .toggle:checked + .acd-label:after{
    content: '\f068';
}
.f_menu .toggle:checked + .acd-label + .f_menu_sub{
    height:auto;
    opacity: 1;
    padding: 10px;
    display:block;
}	
	
}

/* form */
/* input base */
p.conf{background-color:#f8f8f8; display: block; padding:10px; min-height:40px;}
div.conf{background-color:#f8f8f8; display: block; padding:10px; min-height:40px;}

input, textarea, select{padding:4px 10px;}
textarea, select{padding:10px;}
input, textarea, select{
	text-align:left;
	border:none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size:1.6rem;
}
input[type="text"], input[type="tel"], input[type="mail"], input[type="email"], input[type="password"],textarea {border:solid 1px #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;}
input:focus,textarea:focus {
	background-color:#fff !important;
	outline: 0;
}
input{ min-height:40px;}

input[type=checkbox],
input[type=radio]{ margin-right:5px; vertical-align:middle; min-height:2em;}
input[type=checkbox]{appearance:checkbox; -webkit-appearance: checkbox;}
input[type=radio]{appearance:radio; -webkit-appearance: radio;}
input[type=text],input[type=tel],input[type=password],input[type=email]{
width: 100%; font-size:1.6rem;display:block; background-color:#fff; vertical-align: middle; border:1px solid #ccc;
padding: 11px 15px; font-weight:500;
}
textarea {width:100%; font-size:1.6rem; font-weight: 500; display:block; resize:vertical; background-color:#fff; line-height:1.8; border:1px solid #ccc;padding: 11px 16px;
}
/*td #addr11{margin:-3px 0 0 -3%;}
td #c_message{margin:-7px 0 0 -3%;}*/
select { font-size:1.6rem; display:block; resize:vertical; background-color:#fff; line-height:1.8; border:1px solid #ccc;}


label,
input[type=text], 
input[type=tel],
input[type=email],
input[type=password],
input[type=checkbox],
input[type=radio] { display:inline;}
label{vertical-align:middle;}

input[type=text][disabled]{
    background:#eee;
    cursor:not-allowed; /* 禁止カーソル */
}



.select_label{
	position: relative;
	border:none;
	display: inline-block;
	overflow: hidden;
	margin:0;
	text-align: center;
	font-size:1.6rem;
border: 1px solid #ccc;
background-color:#fff;
}
.select_label select{
	padding:8px 30px 8px 20px;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	width:100%;
	/*text-align: center;*/
}
.select_label select::-ms-expand {
    display: none;
}
.select_label::before{
	position: absolute;
	top: 50%;
	right: 10px;
margin-top:-12px;
font-family: 'icomoon' !important;
  content: "\f078";
font-size:1.3rem;
font-weight:normal;
}

@media only screen and (max-width: 812px){
/*.datepicker {
    margin-bottom: 10px;
}*/
}
input.myError,
textarea.myError{ background:#fff9ad; }
p.myError{color:#d02714; padding-top:5px; display:block; clear:both; font-size:15px;}

.checkbox {
 vertical-align:middle;
display: inherit;
line-height: 1.6;
}
.checkbox span {
 position:relative;
 padding-left:15px;
 display:inline-block;
 line-height:1.6;
}
.checkbox input[type=checkbox] {
 opacity:0;
 height:0;
 width:0;
 margin:0 4px 0 0;
 padding:0;
 min-height:1px;
 border:0;
 border-radius:0;
 font-size:0
}
.checkbox span:before {
 -webkit-transition:border-color .1s linear;
 transition:border-color .1s linear;
 position:absolute;
 top:5px;
 left:-8px;
 display:block;
 width:16px;
 height:16px;
 border:1px solid #bbb;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 content:'';
 background-color:#fff
}
.checkbox input[type=checkbox]:checked~span:before {
 border:1px solid #3e94f6;
 color:#3e94f6;
 font-family:'icomoon' !important;
 content:"\f00c";
 font-size:1.1rem;
 font-weight:400;
 line-height:1.2;
 text-align:center
}
.radioBtn{width: 90%;display: inline-block;}
.radioBtn span{position: relative; padding-left:10px; width:100%; display: inline;}
.radioBtn input[type=radio]{opacity:0;height:0;width:0; margin:0 10px 0 0; padding:0; min-height:1px; border:0; border-radius:0; font-size:0;}
.radioBtn span::before{
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  position: absolute;
  top: 50%;
  left: -14px;
  display: block;
  margin-top: -13px;
  width: 16px;
  height: 16px;
 font-family:'icomoon' !important;
font-size: 1.6rem;
    content: '\f111';
	background-color:#fff;
}

.radioBtn input[type=radio]:checked ~ span::before{
content: "\f192";
font-size: 1.6rem;
font-family:'icomoon' !important;
color: #3e94f6;
text-align: center;
}
 
.checkboxlist01 li{margin-bottom:5px;}

.select_ws{max-width:110px; width: 100%;}
.select_w01{max-width:160px; width: 100%;}
.select_w180{max-width:180px; width: 100%;}
.select_w02{max-width:200px; width: 100%;}
.select_w03{max-width:210px; width: 100%;}
.select_w04{max-width:240px; width: 100%;}
.select_w05{max-width:250px; width: 100%;}
.select_wl{max-width:300px; width: 100%;}
.select_wll{max-width:350px; width: 100%;}
.select_name{max-width:160px; width: 100%;}
@media only screen and (max-width: 812px){
.select_name{max-width:47%; width: 100%;}
}

/* placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #999;
　font-size:1.6rem;
    font-weight: 500;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
  font-size:1.6rem;
    font-weight: 500;
}
::placeholder{ /* Others */
  color: #999;
　font-size:1.6rem;
    font-weight: 500;
}


/*- breadcrumbs --------  */
.breadcrumbsBox{padding:5px 4% 40px 4%;
}
.breadcrumbsBox .color {padding:5px 4% 40px 4%; background-color: #eaeaea;
}

#breadcrumbs{
    width: 100%;
	max-width:1000px;
	margin:0 auto;
    display: block;
    font-size:1.1rem;
}
 
#breadcrumbs > span{
	display: inline;
    padding: 0 10px 0 0;
    vertical-align: middle;
	text-decoration: none;
    font-weight: 900;
    color:#d02714;
}

#breadcrumbs > span:nth-child(n+2)::before{
	display: inline-block;
    margin: auto;
    content: "";
    width: 10px;
    height: 1px;
    background-color: #111;
	margin-right:10px;
    margin-bottom: 4px;
}
#breadcrumbs a{color:#111; font-weight: 500; padding-top: 2px; padding-bottom: 2px; text-decoration: none;}
#breadcrumbs a:hover{padding-top: 0; padding-bottom: 0; border-bottom:none;}
@media only screen and (max-width: 812px) {
#breadcrumbs{font-size:1.0rem;}
}

/*#breadcrumbs a:hover{padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
border-bottom: 1px solid #000;}*/



/*- wap --------  */
.wap01{width:100%; max-width:1000px; margin-left: auto; margin-right: auto;}
.wap02{width:100%; max-width:700px; margin-left: auto; margin-right: auto;}
.wap03{width:100%; max-width:800px; margin-left: auto; margin-right: auto;}

.section_wap{padding:0 4% 0;}

main{margin:0;}
article.under{width:100% ;max-width: 1000px; margin: 0 auto;}

/*- single Page --------  */

.nextBox{}

/*- title --------  */
.title00{font-size: 3.2rem; font-weight: 900; color: #d02714;text-align: center;}

.title01{font-size: 3.2rem; font-weight: 900; color: #d02714; margin-bottom:40px;text-align: center;}

.title02{font-family: 'Noto Sans JP', sans-serif; font-size: 4rem; text-align: left;color:#d02714;letter-spacing: 0.3rem;line-height: 6.5rem;} 	
.title03{font-size: 2.6rem; margin-bottom:40px; font-weight:900; text-align: center;color:#d02714;}
.title04{font-size: 2.6rem; margin-bottom:40px; font-weight:900; text-align: center;color:#d02714;}
.title05{font-size: 18px; margin-bottom:10px; font-weight:900; color:#d02714;}
.under_titleBox{padding:60px 4% 60px 4%; display: flex; justify-content: center; align-items: center;}
@media only screen and (max-width:812px){
	main {margin: 0 auto; width:100%;}
	.title00 span{font-size: 3.8rem; line-height: 1.6;}
	.under_titleBox{min-height:130px; padding:0px 4%;}
	.title02{line-height: 1.6;font-size: 2.5rem;} 	.title00 span{font-size: 3.8rem; line-height: 1.6;}
	.title02{line-height: 1.6;}
	.title01{line-height: 1.5; font-size: 2.8rem;}
}

.marker_Y{background: linear-gradient(transparent 60%, #ff0 60%);}

/*- btn --------  */
.btn01{
display: inline-block;
position: relative;
font-weight:500;
background-color:#009d64;
max-width:306px;
width:100%;
padding:6px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
color:#fff;
font-size:1.4rem;
text-align: center;
min-height: 40px;
}
.btn01::after{
position: absolute;
right:20px;
top:50%;
margin-top:-1.3rem;
font-family: 'icomoon' !important;
content: "\f054";
font-size:1.3rem;
font-weight:normal;
}
.btn02{
display: inline-block;
position: relative;
font-weight:500;
background-color:#0075a9;
max-width:306px;
width:100%;
padding:6px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
color:#fff;
font-size:1.4rem;
text-align: center;
min-height: 40px;
}
.btn02::after{
position: absolute;
right:20px;
top:50%;
margin-top:-1.3rem;
font-family: 'icomoon' !important;
content: "\f054";
font-size:1.3rem;
font-weight:normal;
}
.btn03{
display: inline-block;
position: relative;
font-weight:500;
background-color:#ec7929;
max-width:306px;
width:100%;
padding:6px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
color:#fff;
font-size:1.4rem;
text-align: center;
min-height: 40px;
}
.btn03::after{
position: absolute;
right:20px;
top:50%;
margin-top:-1.3rem;
font-family: 'icomoon' !important;
content: "\f054";
font-size:1.3rem;
font-weight:normal;
}

.btn_more{
	display: inline-block;
	position: relative;
	background-color: #d02714;
	border: 1px solid #d02714;
	max-width: 440px;
	width: 100%;
	padding: 20px 20px;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	min-height: 60px;
	line-height: 1;
}
.btn_more::after{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -7px;
	font-family: 'icomoon' !important;
	content: "\f061";
	font-size: 1.4rem;
	font-weight: 500;
}

.btn_more_w{
display: inline-block;
position: relative;
background-color:#fff;
border: 1px solid #fff;
max-width: 260px;
width: 100%;
padding: 17px 20px;
color: #d02714;
font-family: 'Montserrat',sans-serif;
font-weight: 700;
font-size: 1.4rem;
text-align: center;
min-height: 50px;
line-height: 1;
}
.btn_more_w::after{
position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -7px;
	font-family: 'icomoon' !important;
	content: "\f138";
	font-size: 1.4rem;
	font-weight: 500;
}



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

.view-more-button{
font-size:1.6rem;
display: inline-block;
  text-decoration: none;
  color: #fff;
  border:solid 1px #01368d;
  background-color:#01368d;
  text-align: center;
max-width:260px;
width:100%;
padding:15px 30px;

position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.view-more-button::after{
position: absolute;
right:30px;
top:50%;
margin-top:-8px;
font-family: 'icomoon' !important;
content: "\f061";
font-size:1.4rem;
font-weight:normal;
}
@media only screen and (min-width:813px){
.view-more-button:hover{
  background-color:#fff;
  color: #01368d;
  opacity: 1;
}
}

/*- table --------  */
.table01{width:100%;}
.table01 thead th,.table01 tbody td, .table01 tfoot th{border: none;}
.table01 tbody td,.table01 tbody th{border-bottom:1px solid #ccc;}
.table01 tbody tr td:nth-child(1),.table01 tbody tr th:nth-child(1){font-weight: 900; color:#d02714;}

@media only screen and (min-width:813px){
.table01 th{padding:30px 0; vertical-align: middle;}
.table01 td{padding:30px 10px;}
.table01 tbody tr th{width:20%; text-align: left;}
.table01 tbody tr td{width:85%;}
}
@media only screen and (max-width:812px){
.table01 tbody td{width:100%; display: inline-block;}
.table01 tbody th{width:100%; display: inline-block; text-align: left; padding:10px 10px 0;}
.table01 tbody tr td:nth-child(1),.table01 tbody tr th:nth-child(1){border-bottom:none; padding:10px 10px 0;}
}

.table02{width:100%;}
.table02 thead th,.table02 tbody td, .table02 tfoot th{border: none;}
.table02 tbody td,.table02 tbody th{border-bottom:1px solid #ccc;}
.table02 tbody tr td:nth-child(1),.table02 tbody tr th:nth-child(1){font-weight: 900; color:#d02714;}

@media only screen and (min-width:813px){
.table02 th{padding:15px 0; vertical-align: middle;}
.table02 td{padding:15px 10px;}
.table02 tbody tr th{width:15%; text-align: left;}
.table02 tbody tr td{width:85%;}
}
@media only screen and (max-width:812px){
.table02 tbody td{width:100%; display: inline-block;}
.table02 tbody th{width:100%; display: inline-block; text-align: left; padding:10px 10px 0;}
.table02 tbody tr td:nth-child(1),.table02 tbody tr th:nth-child(1){border-bottom:none; padding:10px 10px 0;}
}
/*.table03{width:100%; border-top:1px solid #DDD;}
.table03 td,.table03 th{padding:10px 15px;}
.table03 thead th,.table03 tbody td, .table03 tfoot th{border: none;}
.table03 tbody td,.table03 tbody th{border-bottom:1px solid #DDD;}
.table03 tbody tr td:nth-child(1),.table03 tbody tr th:nth-child(1){font-weight: 700;}
@media only screen and (min-width:813px){
.table03 tbody tr th{width:30%; text-align: left;}
.table03 tbody tr td:nth-child(2){width:65%;}
}
.table03 .odd td{background-color:#f7f7f7;}
@media only screen and (max-width:812px){
.table03 tbody td{width:100%; display: inline-block;}
.table03 tbody th{width:100%; display: inline-block; text-align: left; padding:10px 15px 0;}
.table03 tbody tr td:nth-child(1),.table03 tbody tr th:nth-child(1){border-bottom:none; padding:10px 15px 0;}
}*/


/*- list --------  */
.list01{list-style:none;}
.list01 li{position:relative; padding-left:1.6rem; margin-bottom:5px;}
.list01 li:before{content:"・"; display:inline-block; line-height:140%; position:absolute; margin-top:3px; left:0;}
.list01 li:last-child{margin-bottom:0;}

/* 枠付き */
.list02{list-style:none; padding: 20px 30px; border:1px solid #ccc; -moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;}
.list02 li{position:relative; padding-left:2.8rem; margin-bottom:5px;}
.list02 li:before{content:"●"; display:inline-block; line-height:140%; position:absolute; margin-top:3px; left:0; color:#094;}
.list02 li:last-child{margin-bottom:0;}

.list03{list-style:none;}
.list03 li{margin-bottom:15px;}
.list03 li:last-child{margin-bottom:0;}

.list_notes{list-style:none; color: #555; font-size: 1.3rem;}
.list_notes li{position:relative; padding-left:1.6rem;}
.list_notes li:before{content:"※"; display:inline-block; line-height:140%; position:absolute; margin-top:3px; left:0;}
.list_notes li:last-child{margin-bottom:0;}

.list_n01{counter-reset:number; list-style:none; }
.list_n01 > li{padding-left:17px; position:relative;}
.list_n01 > li:before{counter-increment: number; content: counter(number) "."; display:inline-block;position:absolute; left:0;}
.list_n01 > li:last-child{margin-bottom:0;}

/* 漢数字 */
.list_n02{counter-reset:number2; list-style:none;}
.list_n02 > li{padding-left:25px; position:relative;}
.list_n02 > li:before{counter-increment: number2; content: counter(number2) ")"; display:inline-block; position:absolute; left:0;}
.list_n02 > li:last-child{margin-bottom:0;}

/* 漢数字 */
.list_n04{counter-reset:number3; list-style:none;}
.list_n04 li{padding-left:25px; position:relative;}
.list_n04 li:before{counter-increment: number3; content: counter(number3,cjk-ideographic) ; display:inline-block; position:absolute; left:0;}
.list_n04 li:last-child{margin-bottom:0;}

/* 漢数字 */
.list_kana{counter-reset:kana; list-style:none; }
.list_kana li{padding-left:20px; position:relative;}
.list_kana li:before{counter-increment: kana; content: counter(kana,katakana) ")"; display:inline-block; position:absolute; left:0;}
.list_kana li:last-child{margin-bottom:0;}

/*wp-pagenavi base*/


@media only screen and (max-width:812px){
.sp_scrolle_wap{border:1px solid #dcdcdd;width:100%; padding:10px;}
.sp_scrolle{
overflow-x: scroll;
width:100%;
max-width:1000px;
}
.sp_scrolle img{
width:640px;
display: block;
margin:0 auto;}
.sp_scrolle table{white-space: nowrap; width:1080px;}

.scroll-hint-icon{width: 150px !important;
height: 90px !important;}
.scroll-hint-text{font-size:11px !important;}
}

.slick-dots li button {      
  background: transparent;   
  border:0;   
  font-size: 0pt; 
}
main.form{margin:0 0 0}

/*----------------------------------------------------
 common
----------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }



.pcNone{ display:none !important;}
.spNone{ display:initial !important;}
.spOnly{display: none !important;}
@media only screen and (max-width:812px){
.pcNone{ display:initial !important;}
.spNone{ display:none !important;}
.spOnly{display:inline !important;}
}

a[href*="tel:"] {
	pointer-events: none;
}

@media only screen and (max-width: 812px) {
	
	a[href*="tel:"] {
		pointer-events: initial;
	}
}

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

.ml0 { margin-left:0 !important;}
.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml12 { margin-left:12px!important;}
.ml13 { margin-left:13px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}
.ml25 { margin-left:25px!important;}
.ml30 { margin-left:30px!important;}

.mr0 { margin-right:0 !important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mr20 { margin-right:20px!important;}
.mr30 { margin-right:30px!important;}

.mt0 { margin-top:0 !important;}
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mt20 { margin-top:20px!important;}
.mt30 { margin-top:30px!important;}
.mt40 { margin-top:40px!important;}
.mt50 { margin-top:50px!important;}
.mt60 { margin-top:60px!important;}

.pt5 { padding-top:5px!important;}
.pt10 { padding-top:10px!important;}
.pt20 { padding-top:20px!important;}
.pt30 { padding-top:30px!important;}
.pt40 { padding-top:40px!important;}

.pb5 { padding-bottom:5px!important;}
.pb10 { padding-bottom:10px!important;}
.pb20 { padding-bottom:20px!important;}
.pb60 { padding-bottom:60px!important;}
.pb100{ padding-bottom: 100px!important;}
.text08{ font-size:0.8rem!important;}
.text09{ font-size:0.9rem!important;}
.text10{ font-size:1rem!important;}
.text11{ font-size:1.1rem!important;}
.text12{ font-size:1.2rem!important;}
.text13{ font-size:1.3rem!important;}
.text14{ font-size:1.4rem!important;}
.text15{ font-size:1.5rem!important;}
.text16{ font-size:1.6rem!important;}
.text18{ font-size:1.8rem!important;}
.text20{ font-size:2rem!important;}
.text24{ font-size:2.4rem!important;}
.text28{ font-size:2.8rem!important;}
.text30{ font-size:3rem!important;}
.textC { text-align:center!important;}
.textR { text-align:right!important;}
.textL{ text-align: left!important;}
.textB {/*font-weight:bolder;*/ font-weight: 900!important;}
.textN{font-weight: 500!important;}
.textU{text-decoration:underline!important;}
.textI{padding-left: 1rem!important; text-indent: -1rem!important;}
.textI2{padding-left: 1.6rem!important; text-indent: -1.6rem!important;}

.bold{font-weight: bold;}

.red { color:#ff0000;}
.blue{ color: #639fdf;}
.yellow{ color: #fffa00;}
.green{ color: #009944;}
.pink{ color: #FF505A;}
.orange{ color: #DE4E2C;}
.brown{ color:#41342b;}
.gray{color:#555;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box48p { width: 48%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box65p { width: 65%;}
.box70p { width: 70%;}
.box75p { width: 75%;}
.box80p { width: 80%;}
.box100p{ width: 100%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

/*a.link { color:#e60012; text-decoration:underline;}
a.link:hover{ text-decoration:none;}*/

a.link{
display: inline;
padding-bottom:2px;
border-bottom:1px solid #727272;
}
a.link:hover{
border: none;
}
@media only screen and (min-width:813px){
a[href*="tel:"].link{
	pointer-events: none;
border-bottom:none;
}
}

a.linkW{
  position: relative;
  display: inline-block;
  text-decoration: none;
color:#fff;
}
a.linkW::after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
}
a.linkW:hover::after{
  content: '';
	display: none;
}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}
@media only screen and (max-width:812px){
.textCsp { text-align:center!important;}
.textRsp { text-align:right!important;}
.textLsp { text-align: left!important;}
.mb20sp{margin-bottom:20px !important;}
}


html.is-fixed,
html.is-fixed body{
    height: 100%;
    overflow: hidden;
}


.index-slider .slick-slide img {
    opacity: 0.6;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.index-slider .slick-current img {
    opacity: 1;
}