*:not(br), *:not(img) {
	border:0;margin:0;padding:0;
	border-collapse:collapse;
	box-sizing: border-box;
}

html {
	min-width:320px;
	overflow-x:hidden;
}

header {
	width:100%;
	position: fixed;
	z-index: 9999;
	box-shadow: 0 2px 5px -2px rgba(0,0,0,0.3);
	background:#fff;
}

.headline {
	height:230px;
	background:#ccc;
	background: url('../img/service/back.jpg');
	background-size:cover;
	position:relative;
}

.headline:before {
	background: rgba(255,255,255,0.5);
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	content: '';
}

.menu_left {
	width:30vw;height:auto;
	min-width:200px;
	max-height:120px;
	float:left;
}
.menu_right {
	float:right;
	text-align:right;
}
.menu_left img {
/*	padding:20px 40px;*/
}
.menu_left > a img {
	padding: 20px;
	max-height:120px;
}

/*
 * a {color:#ec727d;text-decoration:none;}
a.st {color:#ec727d;font-weight:bold;}
a:link {color:#ec727d;}
a:visited {color:#ec727d;}
a:hover {color:#444;text-decoration:none;}
a:active {color:#ec727d;}
**/
a:hover img {
	filter: Alpha(opacity=70);
	opacity: 0.7;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7 ease;
}

#sp_logo {
	text-align:center;
	padding:10px 0 0;
}
#sp_logo img {
	max-width:220px;
	display:inline-block;
}

body {
	width:100%;height:100%;
	background:#fff;
	font-size: 16px;
    font-family: Urbanist, 'Zen Kaku Gothic Antique', sans-serif;
	color:#333;
	font-weight: 400;
	line-height: 2.2;
}

nav {
	position: relative;
	background: #fff;
	border-bottom:#f9f9f9 1px solid;
}

nav::after {
	clear:both;
}

#social_links {
	background:rgba(0,0,0,0.1);
}

.submenu li {
	width:25%;
	display:inline-block;
}

.menu {
 display: flex;
/* justify-content: space-between;*/
	list-style:none;
	flex-direction: row;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
position:relative;
}
 
.menu li {
 transition: all .2s ease;
}

.menu > li {
height:120px;
transition: all .2s linear;
border-top: none;
}

.menu > li > a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding: 20px 15px;
white-space: nowrap;
}

.menu li > a > img {
padding: 0 10px;
	border-left:1px solid #ccc;
}

.menu li:first-child > a > img {
	border-left:none;
}

.menu > li:hover {
border-top: #00a497 5px solid;
}

.menu a {
	color:#00a497;
	width:100%;height:100%;
	display:block;
	text-decoration:none;
}
 
.menu > li > a {
	text-align:center;
	line-height:1;
}
.menu > li > br {
	line-height:1;
}
 
.menu > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
 padding: 0;
}
 
.megamenu {
/* background: #fffdc7;*/
	background: #fff;
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 100%;
 top: 120px;
 right: 0px;
 transition: all .2s ease-in;
 z-index: 999;
border-bottom: 1px solid #ccc;
position:absolute;
display:block;
}
 
.menu_content, .menu_content2 {
	max-width:1280px;
	margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
}
 
.menu_content li {
 width: calc( (100% / 5) );
 padding: 0;
	list-style:none;
}
.menu_content2 li {
 width: calc( (100% / 4) );
 padding: 0;
	list-style:none;
}
 
.menu_content a, .menu_content2 a {
 border-left: none;
}
 
.menu_content-img {
/* margin: 0 0 10px;*/
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
transition: all .2s ease-in;
}
 
.menu_content-img:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.shadow {
	box-shadow: 0 3px 7px -2px rgba(0,0,0,0.3);
}

.round {
	border-radius:5px;
}

.round2 {
	border-radius:100%;
	padding:5px;
	border:3px solid #00a497;
}

.round3 {
	padding:5px;
	border:3px solid #00a497;
}
.round_base_img_01 {
position:relative;
display:block;
z-index:2;
}
.round_over_img_01 {
position:absolute;
width:100%;height:100%;
display:block;
z-index:3;
left:0;top:0;bottom:0;right:0;
margin:auto;

background-image: radial-gradient(rgba(255, 255, 255,0.3),rgba(255,255,255,1));
background-position: center;
background-size: cover;
}

.copyright{
	background:#444;
}

.copyright > a, .copyright {
	font-size:0.7em;
	color:#fff;
	text-align:center;
}

.corp_footer {
	background:#ccc;
	padding:30px;
}

.main {
	padding-top:120px;
	min-height:100vh;
}

section.space {
	padding: 80px 40px 100px;
}

.content {
	width:100%;
	max-width:1280px;

	margin: 0 auto;
	padding: 80px 40px 100px;
    position:relative;
    z-index:0;
}

.content2 {
	width:100%;

	padding: 0;
	margin: 0 auto;
    position:relative;
    z-index:0;
}

.head_section {
	width: 100%;height:120px;
	margin-bottom: 30px;
	background: url('/wp-content/themes/kobe/img/service/back.png'), #E7E7E7;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 800px;
	background-color:#E7E7E7;
}

.content3 {
	width:100%;
	max-width:1080px;

	margin: 0 auto;
	padding: 20px 30px 20px;
    position:relative;
    z-index:0;
}

.content3 h1 {
	font-size:2.3em;
	color:#00a497;
	letter-spacing:0.1em;
	font-weight: 300;
	margin-bottom:0.5em;
}

.w_wide {
/*	width:97.5%;height:auto;*/
	width:100%;
	margin:auto;
}

.w_full {
	width:100%;
	max-width:1280px;
	margin: 0 auto;
}

.w_hulf {
	width:50%;
	max-width:640px;
}

footer {
	width:100%;
	background:#eee;
	padding: 0 20px;
}

.footer_logo {
	padding: 40px 20px 20px;
	text-align:center;
}
.footer_logo img {
	max-width:270px;
}

.sitemap {
	max-width:1280px;
	margin:0 auto;
	padding:40px 0 60px;
}

.sitemap * a {
	font-size:1em;
	color:#666;
	text-decoration:none;
}

.sitemap ul {
	list-style:none;
	padding:10px;
}

.sitemap > li {
	width:25%;
	display:inline-block;

	vertical-align:top;
	padding:0 10px;
}

.sitemap > li > ul > li {
}

.sitemap > li > ul > li:not(:first-child) {
	text-indent:1.5em;
}

.sitemap .stick {
	height:30px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

.sitemap_bottom {
	padding: 0 20px 5px;
}

.sitemap_bottom a {
	font-size:0.9em;
	color:#666;
	text-decoration:none;
	padding: 0 20px;
}

ul, li {
	list-style:none;
}

/* image */
img {
	width:auto;height:auto;
	max-width:100%;
	vertical-align:bottom;
}

img.circle {
	width:100%;
	max-width: 240px;
	border-radius: 50%;
	display:block;
	margin: 0 auto;
}

.font_red {
	background:#C13332;
	font-size:0.7em;
	color:#fff;
	padding: 0 5px;
	margin-left:20px;
}

/* text */
/* h1 {
	font-size:2em;
	letter-spacing:0.1em;
	font-weight: 600;
	text-align: center;
	margin-bottom:0.5em;
}*/

h2 {
  font-size: 3em;
	color:#00a497;
  position: relative;
  padding: 1em 1em 0.3em;
	line-height:1.5;
  text-align: center;
    font-family: 'Parisienne', cursive;
	position: relative;
	margin-bottom:1em;
}

h2 span {
	font-size: 0.4em;
	letter-spacing:0.05em;
	color:#333;
	display: block;
	font-family: Urbanist, 'Shippori Mincho', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px #00a497;
  bottom: 0;left:0;right:0;
  width: 48px;
	margin:auto;
}

h3 {
	font-size:1em;
	margin-bottom: 0.75em;
}

h3 span {
	font-size:1.3em;
	font-weight:600;
    font-family: 'Parisienne', cursive;
	color: #00a497;
	text-align:center;
	margin-top: 1em;
	margin-bottom: 0.25em;
}

.foot_adress li{
	line-height:1.5;
	padding: 10px;
}

.foot_adress li > a {
	text-decoration:none;
	color:#333;
}

.rounds_icon {
	width:32px;height:32px;
	text-align:center;
	background:#333;
	color:#fff;
	border-radius:16px;
	font-size:16px;
	padding:8px;
	margin-right:8px;
}

.sub_title {
	font-size:1.25em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:600;
	letter-spacing:0.1em;
	color:#fff;
	background:#1C5337;
	text-align:center;
	padding: 3px 1.5em;
	border-radius:30px;
	display:inline-block;
}

.sub_title2 {
	font-size:1.35em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:600;
	color:#fff;
	padding: 10px 20px 5px 40px;
}

.sub_title_parent {
	margin: 0 auto -2em;	
}

.font_white, .font_white * {
	color:#ffffff;
}

.hint {
	font-size:0.85em;
}

.hint2 {
	font-size:0.6em;
}

.food_mark {
	width:100%;
	display:block;

	border:1px solid #222;
	margin-bottom:20px;

	border-radius: 20px;
}

/* table */
.plan, .service {
	width:100%;
	max-width:1080px;

	margin: 0 auto;
	table-layout:fixed;
}

.plan tr {
	border:0;
	border-bottom:1px dashed #ccc;
}

.plan tr:last-child {
	border:0;
}

.plan th, .plan td {
	padding: 20px 0;
}

.plan th {width:30%;}
.plan td {width:70%;}

.service td {
	width: calc(8/100%);
	font-size:12px;

	text-align:center;
	vertical-align:middle;

	border-right:1px dashed #ccc;
	padding:10px;
	background:#fff;
}

/* faq */
.drop_area {
	cursor:pointer;
	display:block;
	border:1px solid #eee;
}

.drop_area:hover a {
	background:#00a666;
	color:#ffffff;
}

.drop_area a {
width:100%;
height:100%;
display:block;

font-size: 1.2em;
background: #00a497;
padding: 5px 10px;
text-align: left;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.drop_area a i {
	float:right;
	line-height:2;
}
.drop_area a .icons {
	background:#fff;
	color:#00a497;
	padding:7px;
	margin-right:5px;
	border-radius:100%;
}
.drop_area div {
	display:none;
	padding:20px 40px;
}

.border_box {
	padding:20px 40px;
	margin:10px 0;
	border:1px solid #ccc;
}

.border_box2 {
	padding:30px 20px 20px;
	margin:10px 0 10px;
	border:1px solid #ccc;
	border-left:10px solid #ccc;
	border-right:10px solid #ccc;
	background:#fff;
}

/* form */
.tbox {
	width:100%;height:3em;
	border:1px solid #eee;
	padding:0 10px;
}

.selectbox {
	width:100%;height:3em;
	border:1px solid #eee;
	padding:0 10px;
}

.tarea {
	width:100%;height:10em;
	border:1px solid #eee;
	padding:0 10px;

	color:#333;
}

input:focus, textarea:focus {
	border:2px solid #ccc;
}

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

.big_icon, .big2_icon {
	font-size:1.5em;
}

/* content */
.tab-tr, .tab2-tr {display:table-row;}

.tab, .tab2 {display:table;table-layout:fixed;}
.tab_split80 {width:80%;display:table-cell;}
.tab_split75 {width:75%;display:table-cell;}
.tab_split66 {width:66.6%;display:table-cell;}
.tab_split60 {width:60%;display:table-cell;}
.tab_hulf {width:50%;display:table-cell;}
.tab_split33 {width:40%;display:table-cell;}
.tab_split33 {width:33.3%;display:table-cell;}
.tab_split25 {width:25%;display:table-cell;}
.tab_split20 {width:20%;display:table-cell;}
.tab_split12 {width:12.5%;display:table-cell;}

.m_none {margin:0;}
.m_20 {margin:20px auto;}

.p_none {padding:0;}
.p_5 {padding:5px}
.p_10 {padding:10px}
.p_20, .p_20x {padding:20px;}
.p_20v {padding:0 20px;}
.p_20w {padding:20px 0;}
.p_40 {padding:40px}
.p_40v {padding:0 40px;}
.p_40w {padding:40px 0;}
.p_2040 {padding:20px 40px;}
.p_4020 {padding:40px 20px;}

.left {text-align:left;}
.center, .sp_left {text-align:center;}
.right {text-align:right;}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

p, .p_br {
	margin-bottom:30px;
}

.next_button, .f_btn {
	width:90%;height:48px;
	max-width:360px;

	border:1px solid #203744;
	border-radius:5px;
	background:#fff;
	
	margin: 20px auto 20px;
	text-align:center;
	display:block;
	transition: 0.5s ease;
}

.next_button:hover, .f_btn:hover {
	max-width:480px;
	border:1px solid #fff;
	border-radius:5px;
	background:#203744;
	color:#fff;
	
	cursor:pointer;
}

.next_button:hover a, .next_button2:hover a, .f_btn:hover a {
	color:#fff;
}

.next_button::after, .f_btn::after {
	clear:both;
}

.next_button a, .f_btn a {
	width:100%;height:100%;

	font-size:0.85em;
	font-weight:500;
	line-height:48px;
	color:#203744;
	padding-left:40px;

	letter-spacing:0.1em;
	text-decoration:none;
	display:block;

	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	transition: 0.5s ease;
}

.next_button a:hover{
	letter-spacing:0.3em;
}

.next_button a i {
	font-size:1em;
	color:#203744;
	line-height:48px;
	float:right;
	padding-right:20px;
}

.next_button2 a i {
	font-size:1.1em;
	line-height:1;
	color:#203744;
}

.next_button a:hover i, .next_button2 a:hover i  {
	color:#fff;
}

.next_button2 {
	width:95%;height:100%;

	border:1px solid #203744;
	border-radius:5px;
	background:#fff;
	
	margin: 5px auto 5px;
	text-align:center;
	display:inline-block;
	transition: 0.3s ease;
}

.next_button2:hover {
	border:1px solid #fff;
	border-radius:5px;
	background:#203744;
	color:#fff;
	
	cursor:pointer;
}

.next_button2::after {
	clear:both;
}

.next_button2 a {
	width:100%;height:100%;

	font-size:0.95em;
	font-weight:500;
	color:#203744;

	letter-spacing:0.1em;
	text-decoration:none;
	display:block;

	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:20px 20px;

	transition: 0.2s ease;
}

hr.white {
	border-bottom:1px solid #ccc;
}

.line_001 {
	border:0;
	border-top:1px dashed #dddccc;
	margin:20px auto;
}

.line_002 {
	border:0;
	border-top:1px solid #ccc;
	margin:5px auto;
}


.pc_not, #sp_logo {
	display:none;
}


/* link */

/* background */
.bg_000 {
	background:#ffffff;
}

.bg_002 {
	background:#bb8080;
	color:#fff;
}

.bg_003 {
	background:#00a497;
	color:#fff;
}

.bg_004 {
	background:#d9a62e;
	color:#fff;
}

.bg_005 {
	background:#1c5537;
	color:#fff;
}

.bg_006 {
	background:#8a7eb5;
	color:#fff;
}

.bg_001 {
	background:rgba(255,255,255,0.75);
	background-image:url(/img/back.png);
	background-repeat:repeat;
	background-position: center center;
	background-size: 200px 200px;
}

#Shop_banner {
	padding:20px;
}

.border_right {
	border-right:1px solid #ccc;
}

	#sp_menu {
	width:60px;height:100%;

	text-align:center;
	display:block;
	cursor:pointer;
	z-index:9998;
	border-left:#ccc 1px solid;
	float:right;
	color:#444;
	}

	#sp_menu:hover {
	background:#ccc;
	}
	
	#sp_menu:hover i {
	color:#fff;
	}
	
	#sp_menu i {
	font-size:1.4em;
	line-height:80px;
	}

	#menu {
		list-style:none;
	background:#fff;
	border: 5px solid #00a497;

	}


	#menu li {
		width:100%;
		border-top:1px dashed #00a497;
		text-align:center;
	}

	#menu li:first-child {
		border-top:none;
	}

	#menu li a {
		width:100%;
		font-size:1.2em;
		font-weight:600;
		color:#00a497;
		padding:10px;
		display:inline-block;
		text-decoration:none;
	}

	#menu li:hover * {
		color:#fff;
		background:#00a497;
	}


@media only screen and (max-width: 767px) {
body{
	font-size:15px;
}

body:not(br), *:not(img) {
	line-height:1.85;
}

#pc_visual_area {
	height: 240px !important;
}

.sm-slider, .sm-slider::after {
	height: 360px !important;
}

.menu {
	display:none;
	height:0;
}

.menu_left,
.menu_right {
	display:none;
}

#sp_logo {
	height:80px;
	text-align:left;
	padding: 15px 10px 10px 20px;
}

#sp_logo img {
	width:auto;
	max-height:100%;
}

p, .p_br {
	margin-bottom:20px;
}

nav {
	width:100%;height:80px;
	position:fixed;
	display:inline-block;
	border-bottom:1px solid #ccc;
	left:0;top:0;

	z-index:9997;
}

#sp_menu {
	width:60px;height:80px;
	position:fixed;
	display:block;
	top:0;right:0;
	z-index:99999;
}

.main {
	padding-top:80px;
}

.call_img{
	display:none;
}
	.sub_title2 {
		font-size:1.15em;
		padding:5px 10px;
	}
.border_right {
	border:0;	
}

	.p_2040{
		padding:10px 15px;
	}
	.sp_not {
		display:none !important;
	}

	.pc_not {
		display:inline;
	}

	#sp_logo {
		display:block;
	}
	.sp_left {
		text-align:left;
	}

	section {
		padding:10px 0;
	}

section {
	padding:0;
}
.content {
	padding: 30px 15px 45px;
}

.content2 {
	padding: 0;
}

h2 {
	font-size: 2em;
}
h2 span {
	font-size: 0.7em;
}

h2.u_bar {
	font-size:1.2em;
	letter-spacing:0;
}

h3{
	font-size:1.1em;
}
h3 span {
	font-size:1em;
}
	
	hr.line_001 {
		margin: 10px auto;
	}
/* table */
.plan {
	width:100%;
	margin: 0 auto;
}

.plan tr {
	border:0;
}
.plan th, .plan td {
	width:100%;
	vertical-align:top;
	font-size:14px;
	
	display:block;
	padding:10px 10px;
}

.plan td {
	padding:10px 10px 20px;
}
.plan th {
	font-weight:600;
	text-align: left;

	background:#e9e9e9;
}

	.tab > div, .tab-tr > div {
		width:100%;
		display:block;
	}

	.w_full {
		width:100%;
	}

	.sitemap {
		display:none;
	}

.sitemap_bottom {
	padding: 0 0 5px;
}
.sitemap_bottom a {
	font-size:0.8em;
	padding: 0 10px;
}
	
.next_button a {
	font-size: 0.9em;
	letter-spacing: 0;
}
.next_button a i {
}

.tel_style a, 
.tel_style2 a {
    font-size: 2.1em;
}

.index-img_desp {
	font-size:1em;
}
	
.header_image {
	height:320px;
	margin-bottom:30px;
}

.tategaki {
	writing-mode:horizontal-tb;
	min-height:0;
	top:10%;
	left:0;right:0;
	margin:auto;
}

.tategaki li {
	font-size:21px;
	padding:5px 10px 7px;
	text-align:center;
}
.tategaki_img {
	max-width:240px;
	bottom: -30px;
}

.intro_word {
	font-size:21px;
	line-height:1.5;
}
.intro_word > .hint2 {
	font-size:0.7em;
}

.item {
	min-height:25vh;
	max-height:320px;
}

.footer_logo {
	padding: 10px;
}
.footer_logo img {
	max-width:180px;
}

.appeal_area {
}
.appeal_box {
}
.appeal_area > .st_point {
	font-size:1em;
	padding: 10px 20px;
}
.box_points .box-title {
	font-size:1em;
	letter-spacing:0;
}
.box_points p {
	padding:10px;
}
ul.athlete {
  border: solid 3px #ffb03f;
  padding: 10px;
  position: relative;
  margin-top: 1em;
  font-size: 1em;
	line-height:1.35;
}
ul.athlete li {
  line-height: 1.35;
  padding: 0.5em 0 0.5em 1.5em;
  border-bottom: dashed 1px #333;
  list-style-type: none !important;
}
ul.athlete li::before {
	left: 1em;
}

.border_box {
	padding:10px;
	font-size:0.9em;
}
.box_points p {
	padding:20px;
}
.marker {
	font-size:1.25em;
	text-decoration-thickness: 5px;
}
}