@charset "utf-8";
/* 総合TOP用CSS */
@font-face {
	font-family: 'Noto Serif Japanese light';
	font-style: normal;
	font-weight: 100;
	src: url('/css/index/font/NotoSerifCJKjp/NotoSerifJP-ExtraLight.woff') format('woff');
	src: url('/css/index/font/NotoSerifCJKjp/NotoSerifJP-ExtraLight.otf') format('opentype')
}
@font-face {
	font-family: 'Noto Serif Japanese medium';
	font-style: normal;
	font-weight: 500;
	src: url('/css/index/font/NotoSerifCJKjp/NotoSerifJP-Medium.woff') format('woff');
	src: url('/css/index/font/NotoSerifCJKjp/NotoSerifJP-Medium.otf') format('opentype')
}

a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	background:transparent;
}
/*カスタム検索結果*/
/*#gsc-i-id1:placeholder-shown {color: rgba(0,0,0,.4);     font-size: 12px;}
#gsc-i-id1::-webkit-input-placeholder {color: rgba(0,0,0,.4);     font-size: 12px;}
#gsc-i-id1:-moz-placeholder {color: rgba(0,0,0,.4); opacity: 1;     font-size: 12px;}
#gsc-i-id1::-moz-placeholder {color: rgba(0,0,0,.4); opacity: 1;     font-size: 12px;}
#gsc-i-id1:-ms-input-placeholder {color: rgba(0,0,0,.4);     font-size: 12px;}
#___gcse_0 {
  float: left !important;
  border: 1px solid #ddd;
  padding: 9px 0;
}
.cse .gsc-control-cse, .gsc-control-cse {
  background-color: transparent !important;
}
.gsc-control-wrapper-cse {
  width: 147px !important;
}
.gsc-search-button:first-child {
  position: absolute;
  top: -7px;
  right: 2px;
  border: none;
  background-color: #ddd;
  padding: 10px 10px 11px;
}
.gsc-search-button:hover {
  opacity: 1;
}
form.gsc-search-box {
  margin-bottom: 0 !important;
}
.gsc-input-box {
  border: none !important;
  background: transparent !important;
}
.gsib_a {
  padding: 0 !important;
}
.gsc-input-box {
  border: none !important;
  background: transparent !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0 !important;
  position: relative !important;
  top: 0px !important;
}
table.gsc-search-box {
  margin-bottom: 0 !important;
}
td.gsc-input {
  width: 107px;
  float: left;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0 !important;
  padding-top: 2px;
}
input.gsc-input {
	font-size:11px !important;
  border: none;
  height: 18px !important;
  margin: 0 !important;
  background: inherit !important;
  text-indent: .5em !important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  text-align: left;
}*/
/*カスタム検索*/


/* header
============================================================================== */
#header{
	margin: 0 0 20px;
	background:none;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
#header .inner{
	position: relative;
/*	width: 1020px;
*/	height:auto;
	margin: 0 auto;
	padding: 0 !important;
}

#index-header .index-header_top {
  display:table;
  padding-bottom: 16px;
	width: 100%;
}
#index-header .index-header_top h1, .index-header_top .index-top_nav {
  display:table-cell;
  line-height: 1;
}
#index-header .index-header_top h1 {
  vertical-align:top;
  text-align: left;
	padding-top: 40px;
}
#index-header .index-header_top .index-top_nav {
  vertical-align: middle;
}
#index-header .index-header_top .index-top_nav_fst {
	display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content:flex-end;
  -webkit-justify-content:flex-end;
  flex-wrap:wrap;
  margin-bottom: 8px;
  padding-top:2px;
}
#index-header .index-header_top .index-top_nav_fst li {
  padding-left:2px;
}
#index-header .index-header_top .index-top_nav .index-top_nav_fst li:last-child {
  width:152px;
}

#index-header .index-top_nav_scd{
  display:table;
  float: right;
	margin-bottom: 8px;
}
#index-header .index-top_nav_scd li {
  padding-left:15px;
  font-size:12px;
  display: table-cell;
  vertical-align: middle;
}
#index-header .index-top_nav_scd a {
  color:#999;
  text-decoration:none;
}
#index-header .index-top_nav_scd a:hover {
  text-decoration:underline;
}

#index-header .index-top_nav_thd {
  display:table;
  float: right;
}
#index-header .index-top_nav_thd li {
	padding-left:6px;
  display: table-cell;
  vertical-align: top;
}


#index-header .index-header_global_nav {
  background:#002059;
  font-size:14px;
  font-weight:bold;
  border-bottom:1px solid #fff;;
}
#index-header .index-header_global_nav ul {
  display:table;
  width: 100%;
  line-height:1;
}
#index-header .index-header_global_nav ul li {
  display:table-cell;
}
#index-header .index-header_global_nav a {
  color:#fff;
  text-decoration:none;
  padding: 25px 0 27px;
  display: block;
  position:relative;
}
#index-header .index-header_global_nav a:hover:after {
  content:'';
  width:100%;
  height:5px;
  position:absolute;
  left: 0;
  bottom:0;
  background:#fff;
}

#index-header02 {
	position: fixed;
top: -300px;
width: 100%;
background: #fff;
left: 0;
z-index: 9999;
border-bottom: 1px solid #ddd;
transition: 0.3s;
}
#index-header02 a {
	opacity: 1.0;
	transition: 0.2s;
}
#index-header02 a:hover {
	opacity: 0.6;
	transition: 0.2s;
}
#index-header02.visible {
	top:0;
	transition: 0.3s;
}
#index-header02 .index-inner {
	margin:0 auto;
	display: table;
}
#index-header02 .index-inner > * {
	display: table-cell;
	vertical-align: middle;
}
.index-header02_logo {
	width:490px;
}
.index-header02_logo_ao,.index-header02_logo_aka,.index-header02_logo_yoga {
	width:82px;
	border-left:1px solid #ddd;
	padding: 18px 0 18px 20px;
}
.index-header02_search {
	border-left: 1px solid #ddd;
    padding-left: 18px;
}

.index-global_nav{
    width: 1020px;
    margin: 0 auto;
    text-align: center;
}


.index-global_nav ul {
	display: table;
	width: 100%;
}
.index-global_nav ul li {
	display:table-cell;
	font-size:15px;
	font-weight: bold;
	color: #292929;
	padding-bottom:14px;
}
.index-global_nav ul li a {
	position: relative;
	text-decoration: none;
	display: block;
	padding:4px 22px;
	border-left:1px solid #b9b9b9;
}
.index-global_nav ul li:first-child a {
	border-left:none;
}
.index-global_nav ul li a:after {
	content: '';
    width: 100%;
    height: 5px;
    background: #292929;
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
	opacity: 0;
	transition: 0.2s;
}
.index-global_nav ul li a:hover:after, .index-global_nav ul li.current a:after  {
		opacity: 1.0;
		transition: 0.2s;
}
.index-global_nav ul li a::before {
	content: '';
display: inline-block;
position: absolute;
bottom: -9px;
left: 50%;
width: 0;
height: 0;
margin-left: -8px;
border-top: 6px solid transparent;
border-right: 8px solid transparent;
border-bottom: 9px solid #292929;
border-left: 8px solid transparent;
opacity: 0;
transition: 0.2s;
}
.index-global_nav ul li a:hover:before, .index-global_nav ul li.current a:before  {
		opacity: 1.0;
		transition: 0.2s;
}
#header .breadcrumb {
    padding-top: 12px;
    width: 1020px;
    margin: 0 auto 10px;
    text-align: left;
    overflow: hidden;
}

.index-hero {
	display: table;
	overflow: hidden;
	height: 357px;
	width: 1020px;
    margin: 0 auto;
    text-align: center;
}

.index-hero a {
	opacity: 1.0;
	transition: 0.2s;
}
.index-hero a:hover {
	opacity: 0.6;
	transition: 0.2s;
}
.index-top_slider {
	display: table-cell;
	width: 778px;
}
.index-top_slider ul li a {
	display: block;
}
.index-hero_banner {
	display: table-cell;
	vertical-align: top;
	padding-left: 7px;
}
.index-hero_banner ul {
	padding: 9px 7px;
	background: #f2f2f2;
}
.index-hero_banner ul li {
	margin-bottom: 7px;
}

.index-hero_banner ul li:first-child {
	margin-bottom: 7px;
}
.index-hero_banner ul li:last-child {
	margin-bottom: 0;
}

.index-hero .index-top_slider li {
  display: none;
}
.index-hero .bx-viewport li {
  display: block !important;
}
.index-hero .bx-pager {
	display: inline-block !important;
position: absolute;
left: 10px;
bottom: 0;
width: auto;
background: #fff;
border-radius: 7px 7px 0 0;
padding: 10px 10px 6px;
box-shadow: 3px 2px 2px #555;
}
.index-hero .bx-wrapper { overflow: hidden; }
.index-hero .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cacaca;
		opacity: 1.0;
}
.index-hero .bx-wrapper .bx-pager.bx-default-pager a:hover, .index-hero .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #060606;
		opacity: 1.0;
}

/*TOP_コンテンツ*/

.index-inner {
	width: 1020px;
	margin: 0 auto 40px;
}

.index-open_information{
	margin-bottom:60px;
	padding-top: 24px;
}
.index-open_information .index-inner {
	width: 1020px;
	margin: 0 auto;
}
.index-open_information dt {
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
}
.index-open_information .banner_joyfit,
.index-open_information .banner_gym24h{
	margin: 0 0 20px;
}
.index-open_information .banner_joyfit dt,
.index-open_information .banner_gym24h dt{
	margin: 0 auto 10px;
}
.index-open_information .banner_joyfit dd,
.index-open_information .banner_gym24h dd{
	margin: 0 auto 10px;
}
.index-open_information .banner_joyfit dd:after,
.index-open_information .banner_gym24h dd:after{ content: ""; display: block; clear: both; }
.index-open_information .banner_joyfit dd .banner li,
.index-open_information .banner_gym24h dd .banner li{
	float: left;
	width: 247px;
	padding: 0 0 0 10px;
}
.index-open_information .banner_joyfit dd .banner li.first,
.index-open_information .banner_gym24h dd .banner li.first{
	padding-left: 0;
}
.index-open_information .bx-controls-direction .bx-prev{
	top: 38%;
	left: -28px;
	width: 39px;
	height: 39px;
	background: url(/img/index-img/slide_prev.png) no-repeat 0 0;
	background-size:39px 39px;
}
.index-open_information .bx-controls-direction .bx-next{
	top: 38%;
	right: -28px;
	width: 39px;
	height: 39px;
	background: url(/img/index-img/slide_next.png) no-repeat 0 0;
	background-size:39px 39px;
}
.index-open_information .index-ttl {
	font-family: 'Noto Serif Japanese medium';
	text-align: center;
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 18px;
}
.index-open_information .index-ttl:before {
	content: '';
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 39px;
    z-index: 99;
}
.index-open_information .index-ttl:after {
	content: '';
    width: 100%;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 42px;
    z-index: 98;
}

.index-open_information .index-ttl span {
	display: block;
	font-size: 18px;
	color: #d1d1d1;
	margin-bottom:11px;
}
.index-open_information .index-ttl h2 {
	font-size: 30px;
    color: #292929;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 100;
}

.index-brand {
	position:relative;
	font-family: 'Noto Serif Japanese medium';
	padding: 140px 0 340px;
}
.index-brand .index-inner {
	text-align: center;
	position: relative;
	z-index: 100;
}
.index-brand .index-ttl {
	margin-bottom:62px;
}
.index-brand .index-ttl span {
	font-size: 125px;
	letter-spacing: 14px;
	color:#f2f2f2;
	line-height: 0;
	position: absolute;
top: -20px;
left: 0;
right: 0;
z-index: 99;
opacity: 0.8;
}
.index-brand .index-ttl h2 {
	font-size: 50px;
	letter-spacing: 2px;
	color:#292929;
	position: relative;
	z-index:101;
}
.index-brand .index-inner p {
	font-size:17px;
	line-height: 1.9;
  width: 670px;
	margin:0 auto 72px;
	text-align: center;
}
.index-brand_block ul {
	 display: flex;
   flex-wrap: wrap;
}
.index-brand_block ul li {
    display: inline-table;
    width: 50%;
  }
.index-brand_block ul li a {
	display:block;
	position: relative;
}
.index-brand_block ul li a img {
	position: relative;
	width: 100%;
	z-index: 100;
	opacity: 1.0;
	transition: 0.2s;
}
.index-brand_block ul li a:after {
	content: '';
display: block;
position: absolute;
left: 3px;
top: 3px;
/*width: 331px;
height: 409px;*/
z-index: 99;
/*background: #fff;*/
}
.index-brand_block ul li a:hover img {
	opacity: 0.6;
	transition: 0.2s;
}
.index-brand .block_bg01 {
	position: absolute;
	top:60px;
	left:0;
	opacity: 0;
-webkit-transition: .9s ease;
transition: .9s ease;
}
.index-brand .block_bg01.anime {
	top: 0;
-webkit-transition: .9s ease;
transition: .9s ease;
opacity: 1.0;
}
.index-brand .block_bg02 {
	position: absolute;
	top:160px;
	right:0;
	opacity: 0;
-webkit-transition: .9s ease;
transition: .9s ease;
}
.index-brand .block_bg02.anime {
	top: 100px;
-webkit-transition: .9s ease;
transition: .9s ease;
opacity: 1.0;
}
.index-brand .block_bg03 {
	position: absolute;
	bottom: 40px;
	left:0;
	opacity: 0;
-webkit-transition: .9s ease;
transition: .9s ease;
}
.index-brand .block_bg03.anime {
	bottom: 100px;
-webkit-transition: .9s ease;
transition: .9s ease;
opacity: 1.0;
}
.index-brand .block_bg04 {
	position: absolute;
	bottom: 20px;
	right:0;
	opacity: 0;
-webkit-transition: .9s ease;
transition: .9s ease;
}
.index-brand .block_bg04.anime {
	bottom: 80px;
-webkit-transition: .9s ease;
transition: .9s ease;
opacity: 1.0;
}

.index-search {
	margin-top: -70px;
text-align: center;
position: relative;
z-index: 100;
}
.index-search .index-ttl {
	margin-bottom:62px;
	font-family: 'Noto Serif Japanese medium';
}
.index-search .index-ttl span {
	font-size: 125px;
	letter-spacing: 14px;
	color:#f2f2f2;
	line-height: 0;
	position: absolute;
	top: -20px;
	opacity: 0.8;
left: 0;
right: 0;
z-index: 99;
}
.index-search .index-ttl span.anime {
	top: -20px;
	opacity: 0.8;
	-webkit-transition: .9s ease;
transition: .9s ease;
}


.index-search .index-ttl h2 {
	font-size: 50px;
	letter-spacing: 2px;
	color:#292929;
	position: relative;
	z-index:101;
}
.index-search p {
	font-size:17px;
	line-height: 1.9;
	margin-bottom:72px;
	font-family: 'Noto Serif Japanese medium';
}


/* GoogleMAP エリア
============================================================================== */
#googlemap{
	margin: 0 0 22px;
}
#googlemap .map_header{
	width: auto;
	margin: 0 auto;
}
#googlemap .map_header .map_nav {
	background: #ebebeb;
}
#googlemap .map_header .map_nav ul {
	background: #ebebeb;
display: table;
width: 1020px;
margin: 0 auto;
box-sizing: border-box;
}
#googlemap .map_header .map_nav li{
	float: none;
width: 70px;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
display: table-cell;
line-height: 1;
    border-left: 1px solid #fff;
}
#googlemap .map_header .map_nav li:last-child {
	border-right:1px solid #fff;
}
#googlemap .map_header .map_nav li a{
	display: block;
width: auto;
height: auto;
line-height: 1;
text-indent: 0;
overflow: hidden;
background-image: none !important;
padding: 20px 0;
font-size:16px;
font-weight: bold;
text-decoration: none;
position: relative;
}
#googlemap .map_header .map_nav li a::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -8px;
    border-top: 6px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 8px solid transparent;
    opacity: 0;
    transition: 0.2s;
}
#googlemap .map_header .map_nav li.current a::after {
	opacity: 1.0;
	transition: 0.2s;
}

#googlemap .map_header .map_nav li#tab_map07 {
    width: 85px;
}
#googlemap .map_header .map_nav li.current a {
	background:#ffc600 !important;
	color:#fff;
}
#googlemap .map_tab{
	width: auto;
	margin: 0 auto;
}
.index-aed {
	text-align: center;
	font-size: 16px;
	font-family: 'Noto Serif Japanese medium';
}
.index-aed img {
	vertical-align: middle;
	margin-right: 16px;
}



.index-service {
	position:relative;
	font-family: 'Noto Serif Japanese medium';
	padding: 200px 0 60px;
	text-align: center;
}
.index-service .index-ttl {
	margin-bottom:120px;
	position: relative;
}
.index-service .index-ttl span {
	font-size: 125px;
	letter-spacing: 14px;
	color:#f2f2f2;
	line-height: 0;
	position: absolute;
	top: -20px;
	opacity: 0.8;
left: 0;
right: 0;
z-index: 99;
}
.index-service .index-ttl span.anime {
	top: -20px;
opacity: 0.8;
-webkit-transition: .9s ease;
transition: .9s ease;
}
.index-service .index-ttl h2 {
	font-size: 45px;
	letter-spacing: 2px;
	color:#292929;
	position: relative;
	z-index:101;
	line-height: 1.4;
}

.index-dokodemo {
	position: relative;
	margin-bottom: 100px;
}
.index-dokodemo .index-inner {
	z-index: 100;
	position: relative;
}
.index-dokodemo .index-dokodemo01 {
	height: 150px;
    position: absolute;
    top: -23px;
    right: 0;
    width: 0.1%;
    background: #c5112d;
    -webkit-transition: .9s ease;
	transition: .9s ease;
}
.index-dokodemo .index-dokodemo02 {
    height: 150px;
    position: absolute;
    top: -44px;
    width: 0.1%;
    background: #1f2a5d;
    -webkit-transition: .9s ease;
    transition: .9s ease;
}
.index-dokodemo .index-dokodemo03 {
    height: 150px;
    position: absolute;
    top: 162px;
    width: 0.1%;
    background: #007880;
    -webkit-transition: .9s ease;
    transition: .9s ease;
}

.index-dokodemo .index-dokodemo04 {
    height: 150px;
    position: absolute;
    top: 147px;
    right: 0;
    width: 0.1%;
    background: #000;
    -webkit-transition: .9s ease;
    transition: .9s ease;
}

.index-dokodemo .anime {
	width: 60%;
	-webkit-transition: .9s ease;
	transition: .9s ease;
}
.tatoeba p {
	margin-bottom:35px;
}
.tatoeba_img {
	display: table;
	width: 100%;
	margin-bottom:30px;
}
.tatoeba_img li {
	display: table-cell;
}
.tatoeba_attention {
	width: 750px;
	margin:0 auto 45px;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.tatoeba_attention li {
	margin-bottom: 8px;
}
.index-kuwashiku_btn {
	display: inline-block;
	opacity: 1.0;
	transition: 0.2s;
}
.index-kuwashiku_btn:hover {
	opacity: 0.6;
	transition: 0.2s;
}


.index-intro {

}
.index-intro {
	position:relative;
	font-family: 'Noto Serif Japanese medium';
	overflow: hidden;
	/*background:url(/img/index-img/bgdot.png) 0 0 repeat;*/
	background-size: 2px 2px;
	text-align: center;
	padding-top: 210px;
	background:#f7f7f7;
}

.index-intro .index-ttl {
	margin-bottom:62px;
	position: relative;
}
.index-intro .index-ttl span {
	font-size: 125px;
	letter-spacing: 14px;
	color:#dedede;
	line-height: 0;
	position: absolute;
	top: -20px;
	opacity: 0.9;
left: 0;
right: 0;
z-index: 99;
}
.index-intro .index-ttl span.anime {
	top: -20px;
opacity: 0.9;
-webkit-transition: .9s ease;
transition: .9s ease;
}
.index-intro .index-ttl h2 {
	font-size: 50px;
	letter-spacing: 2px;
	color:#292929;
	position: relative;
	z-index:101;
}
.index-intro p.index-ttl_copy {
	font-size:17px;
	line-height: 1.9;
	width: 615px;
	margin:0 auto 72px;
	text-align: left;
}

.index-intro_ao {
	background:url(/img/index-img/intro_ao.jpg) center 80px no-repeat;
	background-size: 1089px auto;
	transition: 0.6s;
  margin: 0 auto 100px auto;
}
.index-intro_ao .bg-mask {
	height: 100%;
  background: rgba(247,247,247,1.0);
	transition: 0.6s;
}
.index-intro_ao.anime {
	background-position:center 0;
	transition: 0.6s;
}
.index-intro_ao.anime .bg-mask {
  background: rgba(247,247,247,0);
	transition: 0.6s;
}

.index-intro_aka {
	background:url(/img/index-img/intro_aka.jpg) center 80px no-repeat;
	background-size: 1089px auto;
	transition: 0.6s;
  margin: 0 auto 100px auto;
}

.index-intro_aka .bg-mask {
	height: 100%;
  background: rgba(247,247,247,1.0);
	transition: 0.6s;
}
.index-intro_aka.anime {
	background-position:center 0;
	transition: 0.6s;
}
.index-intro_aka.anime .bg-mask {
  background: rgba(247,247,247,0);
	transition: 0.6s;
}

.index-intro_yoga {
	background:url(/img/index-img/intro_yoga.jpg) center 80px no-repeat;
	background-size: 1089px auto;
	transition: 0.6s;
  margin: 0 auto 100px auto;
}
.index-intro_yoga .bg-mask {
	height: 100%;
  background: rgba(247,247,247,1.0);
	transition: 0.6s;
}
.index-intro_yoga.anime {
	background-position:center 0;
	transition: 0.6s;
}
.index-intro_yoga.anime .bg-mask {
  background: rgba(247,247,247,0);
	transition: 0.6s;
}

.index-intro_kuro {
  background:url(/img/index-img/intro_kuro.png) center 80px no-repeat;
  background-size: 1089px auto;
  transition: 0.6s;
}
.index-intro_kuro .bg-mask {
  height: 100%;
  background: rgba(247,247,247,1.0);
  transition: 0.6s;
}
.index-intro_kuro.anime {
  background-position:center 0;
  transition: 0.6s;
}
.index-intro_kuro.anime .bg-mask {
  background: rgba(247,247,247,0);
  transition: 0.6s;
  overflow: hidden;
}



.index-intro .index-inner {
	text-align: center;
	position: relative;
	z-index: 100;
	margin-bottom: 90px;
}
.index-intro_ttl {
	width:615px;
	padding-top:85px;
	margin:0 auto 68px;
	color:#fff;
}
.index-intro_ttl h3 {
	margin-bottom:40px;
}
.index-intro_ttl p {
	font-size:17px;
	text-align: left;
	line-height: 1.8;
}
.index-intro_list {
}
.index-intro_list:after {
	content: "";
  clear: both;
  display: block;
}

.index-intro_kuro .index-intro_list li {
    width: 333px;
    color: #000;
    position: relative;
    min-height: 200px;
}


.index-intro_list li {
	width:333px;
	float:left;
	background:#fff;
	margin-left:10px;
	margin-bottom:10px;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  min-height: 300px;
}


.index-intro_list li img {
	width:100%;
	height:auto;
}
.index-intro_list li:nth-child(3n+1) {
	margin-left:0;
}
.index-intro_kuro .index-intro_list li > div {
	padding: 0;
	background: #000;
}
.index-intro_list li > div {
  padding: 18px;
}
.index-intro_kuro .index-intro_list li h4 {
    height: 87px;
    font-size: 18px;
    line-height: 1.43;
    /*font-weight: bold;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin-bottom: 0;
    color: #fff;
}
.index-intro_list li h4 {
	font-size:18px;
	padding:6px 0;
	margin-bottom:10px;
}
.index-intro_list li p {
	font-size:16px;
	text-align: left;
	text-align: justify;
	line-height: 1.7;
}
.index-intro_list li p a {
	display: inline-block;
	background:url(/img/index-img/intro_a.png) 0 0 no-repeat;
	background-size:26px 26px;
	padding-left:32px;
	color:#292929;
	text-decoration: underline;
	margin-top: 4px;
}

.index-intro_ao .index-intro_list li h4 {
	background:#002059;
	border-radius: 20px;
	color:#fff;
}
.index-intro_aka .index-intro_list li h4 {
	background:#1a1a1a;
	border-radius: 20px;
	color:#fff;
}
.index-intro_yoga .index-intro_list li h4 {
	background:#817b5a;
	border-radius: 20px;
	color:#fff;
}

.index-intro_bottom {
	display: table;
	width:100%;
}
.index-intro_bottom a {
	opacity: 1.0;
	transition: 0.2s;
}
.index-intro_bottom a:hover {
	opacity: 0.6;
	transition: 0.2s;
}
.index-intro_bottom > a {
	display: table-cell;
	text-align: left;
	width: 676px;
}
.index-intro_bottom > div {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.index-intro_bottom > div a {
	display: inline-block;
	width: 86%;
	text-align: center;
	color:#fff;
	padding:20px 0;
	margin-bottom:6px;
	font-size:16px;
	text-decoration: none;
	font-family:"Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	position:relative;
}


.index-intro_ao .index-intro_bottom > div a {
	background:#002059;
}
.index-intro_aka .index-intro_bottom > div a {
	background:#c21632;
}
.index-intro_yoga .index-intro_bottom > div a {
	background:#007880;
}

.index-intro_kuro .index-intro_bottom > div a {
    background: #000;
    margin: 50px auto;
    display: block;
    width: 313px;
  }


.index-intro_bottom > div a:after {
	content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}


/*.index-intro_kuro .index-intro_bottom > div a:after {
    border: 0px;
    border-top: none;
    border-right: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -14px;
    margin-right:12px;
    text-indent: -12px;
    content: '';
    display: inline-block;
    width: 30px;
    height:30px;
    background-image: url(/img/index-img/intro_kuro_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;

}*/


.index-intro_campaign_banner {
	margin-top: 30px;
}











/*重要なお知らせ*/
.index-important_news table {
    width: 1020px; /* 2020-03-03 kato */
    margin: .5em auto;
		line-height: 1.6;
}
.index-important_news table th {
	width: 26%;
background: #5b5b5b;
color: #fff;
/*padding: 21px 14px;*/ /*2020-03-16 kato*/
vertical-align: middle;
font-size: 15px;
text-align: center;
}
.index-important_news table td {
	vertical-align: middle;
background: #f3f3f3;
text-align: left;
/*padding: 14px;*/ /*2020-03-16 kato*/
font-size: 13px;
text-align: center;
}
.index-important_news table td a {
    color: #333;
}
.index-important_news table td ul { /*2020-03-16 kato*/
	padding: 14px;
/*	max-height: 95px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
*/}
.index-important_page {
	width: 1020px;
	margin:0 auto;
	padding-bottom:40px;
  line-height: 2;
}
.index-important_page h2 {
	font-size:20px;
	border-bottom:1px solid #ddd;
	margin-bottom:18px;
	padding-bottom:6px;
}

/*お知らせページ*/
.important_news_page {
    margin-top: 30px;
    overflow: hidden;
    width: 1020px;
    margin: 30px auto 0;
    text-align: left;
}
.important_news_page h2 {
	font-size: 20px;
border-bottom: 1px solid #ddd;
margin-bottom: 18px;
padding-bottom: 6px;
}
.important_news_page_archive {
    width: 195px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    display: none; /* 非表示に修正 2018-06-18 */
}
.important_news_page_archive h3 {
    font-size: 15px;
}
.important_news_page_box {
    padding-bottom: 165px;
    display: block; /* inline-blockからblock修正 2018-06-18 */
    /* padding-left: 35px; */ /* .important_news_page_archiveを非表示にしたので余計な部分コメントアウト 2018-06-18 */
    margin-bottom: 30px;
    /* border-left: 1px solid #ebebeb; */ /* .important_news_page_archiveを非表示にしたので余計な部分コメントアウト 2018-06-18 */
}
.important_news_page_box li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}
.important_news_date {
    margin-right: 9px;
    line-height: 37px;
		font-size: 14px;
}
.important_news_message {
    font-size: 18px;
}

/* facebook 20160524
============================================================================== */

.footer_facebook {
	width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    background: url(/img/index-img/fb_bg.png) repeat-x left top;
    background-size: contain;
}

#footer .banner {
    width: 1020px;
    margin: 0 auto 40px;
}


/*footer*/
#footer .banner li {
    float: left;
    width: 244px;
    padding: 0 0 0 14px;
}
#footer .banner li a {
    display: block;
		opacity: 1.0;
		transition: 0.2s;
}
#footer .banner li a:hover {
		opacity: 0.6;
		transition: 0.2s;
}
#footer .footer_2nd {
    background: #5a5a5a !important;
}
#footer .footer_nav {
    padding: 2em 0;
    background: #1a1a1a;
}

.card-texts.content-wrapper-common {
	padding-top: 0;
}




/***法人会員header内カスタムサーチ***/
.jws_header #___gcse_0 {
  padding:0;
}

.jws_header .gsc-search-button:first-child {
    top: 0;
    right: 0;
    padding: 3px 10px 4px;
}



/*2019-10-23-古地*/

@media screen and (orientation: portrait) {
   /* ipad 縦向きの場合のスタイル */

.index-global_nav ul li {
  display:table-cell;
  font-size:13px;
  font-weight: bold;
  color: #292929;
  padding-bottom:14px;
}
}


/*--------------------------------

	bnr_minefit

---------------------------------*/
.bnr_minefit { padding-top: 40px; text-align: center; padding-bottom: 60px; }
.bnr_minefit h2 { font-size: 45px; line-height: 1.4; width: 100%; margin-bottom: .5em; font-family: 'Noto Serif Japanese medium'; }
.bnr_minefit p { font-size: 17px; line-height: 1.8; margin-bottom: 1em; font-family: 'Noto Serif Japanese medium'; }
.bnr_minefit a { display: block; max-width: 1020px; margin: 0 auto; }


/*2021-04-13-古地*/

#joyad_used {
	background: #F2F2F2;
}

#joyad_used .inner {
    width: 1020px;
    margin: 0 auto;
    padding: 100px 0;
}

#joyad_used ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	align-items: baseline;
	width: 1020px;
	/*width: 678px;*/
	margin: 0 auto;
}

#joyad_used ul li{
	width: 320px;
	background: #FFF;
	box-shadow: 0px 8px 16px 0px rgba(10,10,10,0.16), 0px 0px 0px 1px rgba(10,10,10,0.02);
	max-width: 333px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 0 20px;
	margin: 0 7px 12px;
}

/* #joyad_used ul li:first-child, #joyad_used ul li:nth-child(2){
	margin-bottom: 12px;
} */

#joyad_used ul li h3{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 20px auto 10px auto;
}

#joyad_used ul li p{
	margin: 0px 20px;
	font-size: 16px;
	/* text-align: justify; */
	line-height: 1.7;
	height: 106px;
	word-break: break-all;
}

#joyad_used .btn {
	margin: 20px auto 0;
	-webkit-transition: .25s ease;
	transition: .25s ease;
	width: 90%;
	display: block;
	border: #444444 solid 1px;
	padding: 10px 0 10px 0;
	font-size: 16px;
	color: #000;
	position: relative;
	text-decoration:none;
	text-align: center;
}
#joyad_used .btn:after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: #FF0000 solid 2px;
	border-right: #FF0000 solid 2px;
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#joyad_used .btn:hover {
	opacity: .6;
}


/* 20250723 土屋追記　ここから */
	.index-global_nav > ul {
		position: relative;
	}
	.index-global_nav .index-shop_wrap {
		display: none;
		position: absolute;
		top: 2.4em;
		left: 0;
		z-index: 1;
		background: #E3E3E3;
		width: 100%;
		padding: 20px;
		transition: 0.2s;
	}
	.index-global_nav .index-shop_wrap.js__on {
		display: flex;
	}
	.index-global_nav .area_block {
		flex: 1;
	}
	.index-global_nav .area_block li {
		display: block;
		background: #fff;
		border-radius: 5px;
		padding: 0;
		margin-right: 10px;
		/* transition: all 0.5s 0s ease; */
		transition: 0.2s;
	}
	.index-global_nav .area_block li + li {
		margin-top: 10px;
	}
	.index-global_nav .area_block li.js__on {
		background: #000;
		border-radius: 5px 0 0 5px;
		margin-right: 0;
	}
	.index-global_nav .area_block li a {
		padding: 15px 10px;
		text-align: left;
		border: none;
		font-size: 16px;
		font-weight: 600;
		transition: 0.2s;
		cursor: pointer;
	}
	.index-global_nav .area_block li.js__on a {
		color: #fff;
	}
	.index-global_nav .shop_block {
		background: #fff;
		padding: 30px 20px;
		width: 78%;
		max-height: 470px;
    	overflow-y: scroll;
	}
	.index-global_nav .shop_block .shop_list_wrap {
		display: none;
		margin-top: 30px;
	}
	.index-global_nav .shop_block .shop_list_wrap.js__on {
		display: block;
	}
	.index-global_nav .shop_block .prefecture {
		font-size: 16px;
		font-weight: 600;
		border-bottom: 2px solid #000;
		text-align: left;
		margin-top: 30px;
		padding-bottom: 10px;
	}
	.index-global_nav .shop_block ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0 20px;
	}
	.index-global_nav .shop_block ul li {
		display: block;
		width: calc(50% - 10px);
		border-bottom: 1px solid #000;
		padding-bottom: 0;
	}
	.index-global_nav .shop_block ul li a {
		padding: 20px 10px;
		text-align: left;
		border: none;
		cursor: pointer;
		font-size: 16px;
		font-weight: 500;
	}
	.index-global_nav .shop_block ul li a:hover {
		opacity: .7;
	}

	.index-global_nav .shop_block .bl_btn {
		box-shadow: unset;
		font-size: 16px;
		font-weight: 500;
		width: 300px;
		height: 50px;
	}
	.index-global_nav .area_block a:before,
	.index-global_nav .area_block a:after,
	.index-global_nav .shop_block a:before,
	.index-global_nav .shop_block a:after,
	.index-global_nav .shop_block .bl_btn:before,
	.index-global_nav .shop_block .bl_btn:after {
		content: "";
		position: absolute;
		right: 15px;
		display: block;
		width: 10px;
		height: 2px;
		background: #000;
		border-radius: 1px;

		left: unset;
		bottom: unset;
		opacity: 1;
		margin-left: 0;
		border: none;
	}
	.index-global_nav .shop_block .bl_btn:before,
	.index-global_nav .shop_block .bl_btn:after {
		background: #E60012;
	}
	.index-global_nav .area_block a:before,
	.index-global_nav .shop_block a:before,
	.index-global_nav .shop_block .bl_btn:before {
		top: calc(50% - 3px);
		transform: translateY(-50%) rotate(45deg);
	}
	.index-global_nav .area_block a:after,
	.index-global_nav .shop_block a:after,
	.index-global_nav .shop_block .bl_btn:after {
		top: calc(50% + 3px);
		transform: translateY(-50%) rotate(-45deg);
	}
	.index-global_nav .area_block li.js__on a:before,
	.index-global_nav .area_block li.js__on a:after {
		background: #fff;
		/*right: 25px;*/
	}

/* 20250723 土屋追記　ここまで */