@charset "UTF-8";
/* 
	
CSS page.css */


/*
base #333
blue #005188
*/



/*//////////////////


#index


//////////////////*/

/* common */
#index #loading { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1000000000; text-align: center; background: #fff; }
#index #loading .logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#index #loading img{ width: 292px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#index #mainv.index {margin-top: 100px;position: relative;height: calc(100vh - 145px);}
#index #mainv.index .mainbox{ padding-bottom: 45px; height: 100%; box-sizing: border-box; position: relative; }
#index #mainv.index .mainbox .copybox{display: flex;flex-direction: column;justify-content: center;z-index: 100;color: #06318f;height: 100%;position: relative;padding-left: 6%;padding-bottom: 185px;box-sizing: border-box;}
#index #mainv.index .mainbox .copybox .sub>.inwrap,
#index #mainv.index .mainbox .copybox .main>.inwrap,
#index #mainv.index .mainbox .copybox .en>.inwrap{ display: inline-block; background: rgba(255,255,255,.9); padding: 5px 10px; }
#index #mainv.index .mainbox .copybox .sub>.inwrap{font-weight: bold;font-size: 2.6vh; padding: 2px 15px;}
#index #mainv.index .mainbox .copybox .main{ margin-bottom: 10px;margin-top: 10px; }
#index #mainv.index .mainbox .copybox .main>.inwrap{font-weight: bold;font-size: 8.5vh;line-height: 1.4; font-feature-settings: "palt";letter-spacing: 0.15em;}
#index #mainv.index .mainbox .copybox .en>.inwrap{font-weight: bold;font-size: 2.2vh;letter-spacing: 0.2em;}
#index #mainv.index .mainbox .slidebox{position: absolute;right: 0;top: 0;z-index: 0;width: 82%;height: 100%;}
#index #mainv.index .mainbox .slidebox .inwrap,
#index #mainv.index .mainbox .slidebox .mask2,
#index #mainv.index .mainbox .slidebox .mask-anim2,
#index #mainv.index .mainbox .slidebox .slick-slider,
#index #mainv.index .mainbox .slidebox .slick-list,
#index #mainv.index .mainbox .slidebox .slick-track,
#index #mainv.index .mainbox .slidebox .slick-slide{ height: 100%; }
#index #mainv.index .mainbox .slidebox li .bg{ width: 100%; height: 100%; }
#index #mainv.index .mainbox .slidebox li .bg{ object-fit: cover; font-family: 'object-fit: cover;'; }
#index #mainv.index .mainbox .slidebox li .bg._1{ object-position: bottom; }
#index #mainv.index .mainbox .scrollbox{color: #06318f;position: absolute;bottom: 200px;left: 30px;}
#index #mainv.index .mainbox .scrollbox .scrolltxt{ font-weight: bold; font-size: 1.4rem; letter-spacing: 0.2em; }
#index #mainv.index .mainbox .scrollbox .scrollarr{ width: 100%; height: 64px; position: relative; }
#index #mainv.index .mainbox .scrollbox .scrollarr:after{ content:""; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0; width: 1px; background: #06318f; height: 64px; animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite; }
#index #mainv.index .toptitlebox { background: rgba(255,255,255,.9); padding: 5px 10px; margin-bottom: 0; }
#index #mainv.index .toptitlebox .en{font-size: 3rem;}
#index #mainv.index .bnrlist{position: absolute;right: 0;/*bottom: -45px;*/bottom: -125px;z-index: 100;width: 59%;max-width: 800px;}
#index #mainv.index .bnrlist>.inwrap{display: flex;flex-direction: row;justify-content: flex-end;}
#index #mainv.index .bnrlist>.inwrap>li{display: flex;width: 50%;}
#index #mainv.index .bnrlist>.inwrap>li>.inwrap{display: flex;position: relative;width: 100%;overflow: hidden;}
#index #mainv.index .bnrlist>.inwrap>li>.inwrap>.inwrap{display: flex;align-items: center;justify-content: center;position: relative;z-index: 10;color: #fff;font-weight: bold;line-height: 1.6;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;width: 100%;box-sizing: border-box;padding: 20px 70px;padding-right: 75px;font-size: 1.8rem;}
#index #mainv.index .bnrlist>.inwrap>li>.inwrap>.inwrap:after{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; width: 40px; height: 6px; z-index: 10; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 20px; display: inline-block; }
#index #mainv.index .bnrlist>.inwrap>li>.inwrap:before{content: '';position: absolute;top: 0;left: 0;z-index: 2;background: rgba(6, 4, 149, .4);width: 100%;height: 100%;transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform: scale(0, 1);transform-origin: right top;}
#index #mainv.index .bnrlist>li:nth-child(1)>.inwrap>.inwrap,
#index #mainv.index .bnrlist>li:nth-child(2)>.inwrap>.inwrap{font-size: 1.8rem;}
#index #mainv.index .bnrlist>.inwrap>li>.inwrap .bg{position: absolute;bottom: 0;left: 0;right: 0;top: 0;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';transition: .4s;}
#index #mainv.index .bnrlist>.inwrap>li>.inwrap:hover .bg{ transform: scale(1.05); }
#index #mainv.index .bnrlist>.inwrap>li>.inwrap:hover:before{ transform-origin:left top; transform:scale(1, 1); }
@media screen and (max-width: 1040px) {
	#index #mainv.index .bnrlist{ width: 100%; }
	#index #mainv.index .bnrlist>.inwrap>li>.inwrap>.inwrap{ padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 767px) { 
	#index #mainv.index .bnrlist>.inwrap{display: block; }
	#index #mainv.index .bnrlist>.inwrap>li{ width: 100%; }
	#index #mainv.index .bnrlist>.inwrap>li>.inwrap>.inwrap{padding: 40px 50px;padding-right: 70px;height: 140px;font-size: 1.6rem;}
	#index #mainv.index .bnrlist>.inwrap>li>.inwrap>.inwrap:after{ width: 30px; right: 15px; }
	#index #mainv.index .bnrlist>li:nth-child(1)>.inwrap>.inwrap,
	#index #mainv.index .bnrlist>li:nth-child(2)>.inwrap>.inwrap{font-size: 1.6rem;}
	#index #mainv.index .toptitlebox .en{ font-size: 3rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#index #mainv.index .bnrlist>.inwrap>li>.inwrap>.inwrap{padding: 30px 50px;height: 120px;}
}
@media screen and (max-width: 1200px) {
	#index #mainv.index .mainbox .slidebox{width: 88%;}
	#index #mainv.index .bnrlist{width: 76%;}
	#index #mainv.index .mainbox .copybox .main>.inwrap{ font-size: 7rem; }
}
@media screen and (max-width: 1040px) {
	#index #mainv.index .mainbox{ background: #06318f; }
	#index #mainv.index .mainbox .copybox .sub>.inwrap,
	#index #mainv.index .mainbox .copybox .main>.inwrap,
	#index #mainv.index .mainbox .copybox .en>.inwrap{ padding: 0; background: transparent; }
	#index #mainv.index .mainbox .copybox{height: calc(100vh - 80px);padding-left: 8%;padding-bottom: 0;background: rgba(0,0,0,.3);color: #fff;}
	#index #mainv.index .mainbox .copybox .main>.inwrap{ font-size: 6.6rem; }
	#index #mainv.index {margin-top: 80px;height: auto;}
	#index #mainv.index .mainbox .slidebox{width: 100%;}
	#index #mainv.index .bnrlist{position: static;bottom: 0;width: 100%;max-width: inherit;}
	#index #mainv.index .mainbox{position: relative;height: calc(100vh - 80px);}
	#index #mainv.index .mainbox .scrollbox{bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; }
}
@media screen and (max-width: 767px) { 
	#index #mainv.index .mainbox .copybox{ padding-right: 8%; text-align: center; }
	#index #mainv.index .mainbox .copybox .sub>.inwrap{ font-size: 1.8rem; }
	#index #mainv.index .mainbox .copybox .main{ margin-top: 15px; margin-bottom: 15px; }
	#index #mainv.index .mainbox .copybox .main>.inwrap{ font-size: 5.4rem; }
	#index #mainv.index .mainbox .copybox .en>.inwrap{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px) {
	#index #mainv.index .mainbox .copybox .main>.inwrap{ font-size: 4rem; }
}
@media screen and (max-width: 500px) {
	#index #mainv.index .mainbox .copybox .sub>.inwrap{font-size: 1.5rem;}
	#index #mainv.index .mainbox .copybox .main>.inwrap{ font-size: 3.8rem; }
	#index #mainv.index .mainbox .copybox .en>.inwrap{font-size: 1.4rem;}
	#index #mainv.index .mainbox .scrollbox .scrolltxt{ font-size: 1.2rem; letter-spacing: 0.1em; }
	#index #mainv.index .mainbox .scrollbox .scrollarr{ height: 40px; }
	#index #mainv.index .mainbox .scrollbox .scrollarr:after{ height: 40px; }
}
@keyframes sdl {
	0% { opacity: 1; transform: scale(1, 0); transform-origin: 0 0; }
	30% { transform: scale(1, 1); transform-origin: 0 0; }
	30.1%, 70% { transform: scale(1, 1); transform-origin: 0 100%; }
	100% { opacity: 0; transform: scale(1, 0); transform-origin: 0 100%; }
}


/* #sec_1 */
#index #swrap_1 {background: url(../img/index/s1_bg1.jpg) no-repeat;background-size: cover;padding-top: 415px;/*margin-top: -200px;*/margin-top: -150px;padding-bottom: 160px;color: #fff;}
#index #sec_1 .titlebox{text-align: center;margin-bottom: 50px;}
#index #sec_1 .titlebox .title{display: inline-block;font-weight: bold;font-size: 3.6rem;position: relative;padding: 0 65px;line-height: 1.6;letter-spacing: 0.15em;text-indent: 0.15em;}
#index #sec_1 .titlebox .title:before{ content: ""; background: url(../img/index/s1_title1_left.svg) no-repeat; background-size: contain; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 20px; height: 40px; }
#index #sec_1 .titlebox .title:after{ content: ""; background: url(../img/index/s1_title1_right.svg) no-repeat; background-size: contain; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; width: 20px; height: 40px; }
#index #sec_1 .copy{ text-align: center; }
#index #sec_1 .txt{text-align: center;font-size: 1.8rem;}
@media screen and (max-width: 1200px) {
	#index #sec_1 .titlebox .title{font-size: 3.4rem;}
}
@media screen and (max-width: 1040px) {
	#index #swrap_1 {padding-top: 160px;margin-top: 0;padding-bottom: 140px;}
	#index #sec_1 .titlebox{margin-bottom: 40px;}
	#index #sec_1 .titlebox .title{font-size: 2.6rem;padding: 0 45px;}
	#index #sec_1 .titlebox .title:before{  width: 14px; height: 24px; }
	#index #sec_1 .titlebox .title:after{ width: 14px; height: 24px; }
	#index #sec_1 .txt{font-size: 1.6rem;}
}
@media screen and (max-width: 767px) { 
	#index #swrap_1 {padding-top: 100px;padding-bottom: 90px;}
	#index #sec_1 .txt{text-align: left;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#index #swrap_1 {padding-top: 80px;padding-bottom: 70px;}
	#index #sec_1 .txt{font-size: 1.5rem;}
}

#index #sec_2 .incnt{ max-width: 1440px; width: calc(100% - 120px); }
#index #sec_2 .toptitlebox{ text-align: center; }
#index #sec_2 .txt{ margin-bottom: 50px; text-align: center; }
#index #sec_2 .list{ display: flex; flex-direction: row; }
#index #sec_2 .list>li{width: 33.33%;display: flex;flex-direction: column;position: relative;}
#index #sec_2 .list>li .inwrap{ display: flex; flex-direction: column; }
#index #sec_2 .list>li .inwrap .imgbox{ position: relative; height: 300px; overflow: hidden; }
#index #sec_2 .list>li .inwrap .imgbox{width: 101%;height: 100%;}
#index #sec_2 .list>li .inwrap .imgbox>img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; transition: .4s; }
#index #sec_2 .list>li .inwrap .txtbox{margin-top: -30px;color: #06318f;text-align: center;position: relative;z-index: 10;}
#index #sec_2 .list>li .inwrap .txtbox .en{ font-weight: bold; font-size: 3.6rem; letter-spacing: 0.1em; text-indent: 0.1em; position: relative; line-height: 1.6; margin-bottom: 5px; }
#index #sec_2 .list>li .inwrap .txtbox .en::before{ content: ""; background: #06318f; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 70%; max-width: 225px; height: 1px; }
#index #sec_2 .list>li .inwrap .txtbox .jn{ font-weight: bold; font-size: 2rem; }
#index #sec_2 .list>li .inwrap:hover .imgbox>.inwrap>img{ transform: scale(1.1); }
@media screen and (max-width: 1280px){
	#index #sec_2 .incnt{ width: calc(100% - 80px); }
}
@media screen and (max-width: 1040px) {
	#index #sec_2 .incnt{ width: 88%; }
	#index #sec_2 .list{ display: block; }
	#index #sec_2 .list>li{ width: 100%; display: block; margin-bottom: 40px; }
	#index #sec_2 .list>li:last-child{ margin-bottom: 0; }
	#index #sec_2 .list>li .inwrap{ display: block; }
	#index #sec_2 .list>li .inwrap .txtbox{margin-top: -25px;}
}
@media screen and (max-width: 767px) { 
	#index #sec_2 .txt{ margin-bottom: 40px; text-align: left; }
	#index #sec_2 .list>li .inwrap .txtbox .en{ font-size: 3rem; }
	#index #sec_2 .list>li .inwrap .txtbox .jn{ font-size: 1.8rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#index #sec_2 .list>li{ margin-bottom: 35px; }
}

#index #sec_3 .list>li{ position: relative; }
#index #sec_3 .list>li .encategory{font-weight: bold;font-size: 3.2rem;line-height: 1.6;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;color: #fff;background: #06318f;max-width: 425px;width: 80%;padding: 5px 20px;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;z-index: 100;}
#index #sec_3 .list>li .inbox{ display: flex; flex-direction: row; }
#index #sec_3 .list>li .inbox .txtbox {display: flex;flex-shrink: 0;width: 50%;justify-content: center;padding: 160px 8% 110px;flex-direction: column;box-sizing: border-box;text-align: center;}
#index #sec_3 .list>li .inbox .txtbox .logo{text-align: center;margin-bottom: 0px;}
#index #sec_3 .list>li .inbox .txtbox .txt{ font-size: 1.8rem; text-align: center; }
#index #sec_3 .list>li .inbox .txtbox .bottomlink{ margin-top: 40px; }
#index #sec_3 .list>li .inbox .imgbox{width: 100%;position: relative;display: flex;}
#index #sec_3 .list>li .inbox .imgbox img{ width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
#index #sec_3 .list>li:nth-child(1) .inbox{ color: #fff; background: #000; }
#index #sec_3 .list>li:nth-child(1) .inbox .txtbox .logo img{ max-width: 416px; width: 100%; }
#index #sec_3 .list>li:nth-child(1) .inbox .txtbox .bottomlink .linkbtn._whiteborder._en:before{ content: ''; background:#06318f; } 
#index #sec_3 .list>li:nth-child(2) .inbox{ background: #F7F7F7; flex-direction: row-reverse; }
#index #sec_3 .list>li:nth-child(2) .inbox .txtbox .logo img{ max-width: 388px; width: 100%; }
@media screen and (max-width: 1040px) {
	#index #sec_3 .list>li .inbox{ display: block; }
	#index #sec_3 .list>li .inbox .txtbox {display: block;width: 100%;padding: 140px 8% 100px;}
}
@media screen and (max-width: 767px) { 
	#index #sec_3 .list>li .inbox .txtbox {padding: 100px 8% 70px;}
	#index #sec_3 .list>li .inbox .txtbox .txt{ font-size: 1.6rem; }
	#index #sec_3 .list>li:nth-child(1) .inbox .txtbox .logo img{ width: 88%; }
	#index #sec_3 .list>li:nth-child(2) .inbox .txtbox{ padding-top: 110px; padding-bottom: 60px; }
	#index #sec_3 .list>li:nth-child(2) .inbox .txtbox .logo img{ width: 88%; }
	#index #sec_3 .list>li .encategory{font-size: 2.6rem;max-width: 265px;}
	#index #sec_3 .list>li .inbox .txtbox .bottomlink{ margin-top: 30px; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#index #sec_3 .list>li .encategory{font-size: 2.4rem;}
	#index #sec_3 .list>li .inbox .txtbox .txt{ font-size: 1.5rem; }
	#index #sec_3 .list>li .inbox .txtbox .logo{ margin-bottom: 15px; }
}








/*//////////////////


#shop.sakaehigashi


//////////////////*/
#shop.sakaehigashi #footer #contactbox { display: none; }
#shop.sakaehigashi #sec_1 .copy{ text-align: center; }
#shop.sakaehigashi #sec_1 .img{ margin-top: 70px; }
#shop.sakaehigashi #sec_1 .img img{ width: 100%; }
@media screen and (max-width: 1040px) {
	#shop.sakaehigashi #sec_1 .img{ margin-top: 40px; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
	#shop.sakaehigashi #sec_1 .img{ margin-top: 30px; }
}
@media screen and (max-width: 500px) { 
}

#shop.sakaehigashi #sec_2 #s2_insec1 .incnt{ max-width: 1440px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
} 
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#shop.sakaehigashi #sec_2 #s2_insec1 .slickbox{ padding-bottom: 0; }
}

#shop.sakaehigashi #sec_2 #s2_insec2 .list>li{ display: flex; flex-direction: row; margin-bottom: 60px; }
#shop.sakaehigashi #sec_2 #s2_insec2 .list>li:last-child{ margin-bottom: 0; }
#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .txtbox{ display: flex; flex-direction: column; justify-content: center; }
#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .imgbox{flex-shrink: 0;margin-left: 8%;width: 56%; min-height: 440px;}
#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
#shop.sakaehigashi #sec_2 #s2_insec2 .list>li:nth-child(2n){ flex-direction: row-reverse; }
#shop.sakaehigashi #sec_2 #s2_insec2 .list>li:nth-child(2n) .imgbox{ margin-left: 0; margin-right: 8%; }
@media screen and (max-width: 1040px) {
	#shop.sakaehigashi #sec_2 #s2_insec2 .list>li{ display: block; }
	#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .txtbox{ display: block; }
	#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .txtbox .copy{ text-align: center; }
	#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .imgbox{margin-left: 0;width: 100%; min-height: inherit; margin-top: 30px;}
	#shop.sakaehigashi #sec_2 #s2_insec2 .list>li .imgbox img{ height: 300px; }
	#shop.sakaehigashi #sec_2 #s2_insec2 .list>li:nth-child(2n) .imgbox{ margin-right: 0%; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#shop.sakaehigashi #sec_2 #s2_insec3 .txt{ text-align: center; font-size: 1.8rem; margin-bottom: 40px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#shop.sakaehigashi #sec_2 #s2_insec3 .txt{ font-size: 1.6rem; margin-bottom: 30px; padding-left: 8%; padding-right: 8%; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}










/*//////////////////


#shop.sportsquest


//////////////////*/
#shop.sportsquest #mainv.under .pagetitlebox { flex-direction: row; justify-content: center; align-items:center; }
#shop.sportsquest #mainv.under .pagetitlebox h1 { width: 700px; }
#shop.sportsquest #footer #contactbox { display: none; }
#shop.sportsquest #pankuzu,
#shop.sportsquest #main{ background: #191919; color: #fff; }
#shop.sportsquest #pankuzu:after{ background: #000000; }
#shop.sportsquest #main .toptitlebox{ color: #fff; }

#shop.sportsquest #sec_1 .copy{ text-align: center; color: #fff; }
#shop.sportsquest #sec_1 .img{ margin-top: 70px; }
#shop.sportsquest #sec_1 .img img{ width: 100%; }
@media screen and (max-width: 1040px) {
	#shop.sportsquest #mainv.under .pagetitlebox h1 { max-width: 600px; width: 84%; }
	#shop.sportsquest #sec_1 .img{ margin-top: 40px; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
	#shop.sportsquest #sec_1 .img{ margin-top: 30px; }
}
@media screen and (max-width: 500px) { 
}

#shop.sportsquest #sec_2 #s2_insec1 .incnt{ max-width: 1440px; }
#shop.sportsquest #sec_2 #s2_insec1 .slickbox li img._1{object-position: left top;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#shop.sportsquest #sec_2 #s2_insec2 .box1{ position: relative; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .incnt{ width: 92%; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .mask{padding-left: 50px;padding-right: 50px;}
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow{font-size: 0;width: 80px;height: 80px;background: #06318f;position: relative;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;z-index: 100;}
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:before{ content: ""; background: url(../img/common/arr1_white.svg) no-repeat; display: inline-block; width: 40px; height: 6px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:after{ content: ""; background: url(../img/common/arr1.svg) no-repeat; display: inline-block; width: 40px; height: 6px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10; opacity: 0; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover{ background: #fff; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover:before{ opacity: 0; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover:after{ opacity: 1; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-prev{ left: -40px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-prev.slick-arrow:before,
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-prev.slick-arrow:after{ transform: scale(-1, 1); }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-next{ right: -40px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-prev{ left: -50px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-next{ right: -50px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .mainimglist>ul{ position: relative; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .mainimglist img{ object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 700px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist{ margin-top: 15px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist img{ object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 200px; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist>ul{width: calc(100% - 300px); margin-left: auto; margin-right: auto; }
#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist>ul{display: flex;flex-direction: row;flex-wrap: wrap;position: relative;width: 100%;}
#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist>ul li.slick-slide{  cursor: pointer; margin-left: 5px; margin-right: 5px; }
@media screen and (max-width: 1040px) {
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .mainimglist img{ height: 500px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .mask{padding-left: 40px;padding-right: 40px;}
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow{ width: 60px; height: 60px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-prev{ left: -30px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-next{ right: -30px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-prev{ left: -30px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-next{ right: -30px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist img{ height: 150px; }
}
@media screen and (max-width: 767px) { 
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .mainimglist img{ height: 350px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .mask{padding-left: 30px;padding-right: 30px;}
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow{ width: 40px; height: 40px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:before,
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:after{ width: 30px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-prev{ left: -20px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-next{ right: -20px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-prev{ left: -20px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-next{ right: -20px; }
} 
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .mainimglist img{ height: 250px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .mask{padding-left: 20px;padding-right: 20px; padding-bottom: 20px;}
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow{ width: 30px; height: 30px; top: auto; bottom: -20px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:before,
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:after{ width: 20px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-prev{ left: -10px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-next{ right: -10px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-prev{ left: -10px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .slick-arrow:hover.slick-next{ right: -10px; }
	#shop.sportsquest #sec_2 #s2_insec2 .box1 .thumbimglist img{ height: 100px; }
}

#shop.sportsquest #sec_2 #s2_insec3 .txt{ text-align: center; font-size: 1.8rem; margin-bottom: 40px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#shop.sportsquest #sec_2 #s2_insec3 .txt{ text-align: left; font-size: 1.6rem; margin-bottom: 30px; padding-left: 8%; padding-right: 8%; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}


#shop.sportsquest #sec_2 #s2_insec3 .onlineshopbnr>.incnt>.inwrap{ background: #fff; color: #000; }
#shop.sportsquest #sec_2 #s2_insec3 .onlineshopbnr>.incnt>.inwrap:after{ background: url(../img/common/arr1_black.svg) no-repeat; }
#shop.sportsquest #sec_2 #s2_insec3 .onlineshopbnr>.incnt>.inwrap:hover{ color: #fff; }
#shop.sportsquest #sec_2 #s2_insec3 .onlineshopbnr>.incnt>.inwrap:hover:after{ background: url(../img/common/arr1_white.svg) no-repeat; }
#shop.sportsquest #sec_2 #s2_insec3 .onlineshopbnr>.incnt>.inwrap:before{ background: #06318f; }
#shop.sportsquest #sec_2 #s2_insec3 .instabnr>.inwrap:before{ background: #06318f; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

/*insta復活後戻す
#shop.sportsquest #sec_2 #s2_insec3 .list{ display: flex; flex-direction: row; margin-left: -20px; margin-bottom: -25px; margin-top: 60px; color: #000; }*/
#shop.sportsquest #sec_2 #s2_insec3 .list{ display: flex; flex-direction: row; justify-content: center; margin-left: -20px; margin-bottom: -25px; margin-top: 60px; color: #000; }
#shop.sportsquest #sec_2 #s2_insec3 .list>li{ margin-left: 20px; margin-bottom: 25px; width: calc(50% - 20px); }
#shop.sportsquest #sec_2 #s2_insec3 .list>li .instabnr,
#shop.sportsquest #sec_2 #s2_insec3 .list>li .instabnr>.inwrap{width: 100%;max-width: 100%;}
#shop.sportsquest #sec_2 #s2_insec3 .list>li .instabnr>.inwrap>.inwrap{ min-height: 173px; }
#shop.sportsquest #sec_2 #s2_insec3 .incnt._1{ max-width: 1180px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#shop.sportsquest #sec_2 #s2_insec3 .list>li .instabnr>.inwrap>.inwrap{ min-height: 140px; }
	#shop.sportsquest #sec_2 #s2_insec3 .list{ display: block; margin-left: 0; margin-top: 30px; }
	#shop.sportsquest #sec_2 #s2_insec3 .list>li{ margin-left: 0; width: 100%; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#shop.sportsquest #sec_2 #s2_insec4 { background: #06318f; color: #fff; }
#shop.sportsquest #sec_2 #s2_insec4 .txt1 { text-align:center; font-size: 2.4rem; margin-bottom: 1em; }
#shop.sportsquest #sec_2 #s2_insec4 .txt2 { font-weight: bold; text-align:center; font-size: 3.2rem; margin-bottom: 1em; }
#shop.sportsquest #sec_2 #s2_insec4 .txt2 span { font-size: 1rem; vertical-align: 0.7em; }
#shop.sportsquest #sec_2 #s2_insec4 .txt2 br { display: none; }
#shop.sportsquest #sec_2 #s2_insec4 img._1 { display: none; }
#shop.sportsquest #sec_2 #s2_insec4 .txt3 { margin-bottom: 2em;  margin-top: 2em; text-align: justify;}
#shop.sportsquest #sec_2 #s2_insec4 .inbox { border: 1px solid #fff; padding:2em;}
#shop.sportsquest #sec_2 #s2_insec4 .txt4 { margin-bottom: 0.7em; font-size: 2rem; font-weight: bold; text-align: center; }
#shop.sportsquest #sec_2 #s2_insec4 .txt5 { text-align: justify; }
@media screen and (max-width: 1040px) {
	#shop.sportsquest #sec_2 #s2_insec4 .txt1 { font-size: 2rem;  }
	#shop.sportsquest #sec_2 #s2_insec4 .txt2 { font-size: 2.4rem; }
	#shop.sportsquest #sec_2 #s2_insec4 .txt2 span { vertical-align: 0.4em; }
}
@media screen and (max-width: 767px) { 
	#shop.sportsquest #sec_2 #s2_insec4 .txt2 br { display: block; }
}
@media screen and (max-width: 639px) { 
	#shop.sportsquest #sec_2 #s2_insec4 .txt1 { text-align:justify; font-size: 1.4rem; }
	#shop.sportsquest #sec_2 #s2_insec4 .txt1 br { display: none; }
	#shop.sportsquest #sec_2 #s2_insec4 .txt2 {  font-size: 2rem; }
	#shop.sportsquest #sec_2 #s2_insec4 .txt2 br { display: block; }
	#shop.sportsquest #sec_2 #s2_insec4 img._1 { margin: 0 auto; display: block; max-width: 360px; width: 100%;}
	#shop.sportsquest #sec_2 #s2_insec4 img._2 { display: none; }
	#shop.sportsquest #sec_2 #s2_insec4 .txt4 {font-size: 1.7rem; }
}
@media screen and (max-width: 500px) { 
	#shop.sportsquest #sec_2 #s2_insec4 .txt2 {  font-size: 1.8rem; }
}



#shop.sportsquest #sec_3 .shopbox .txtbox{ background: #000; }
#shop.sportsquest #sec_3 .shopbox .txtbox .logo{ margin-bottom: 10px; }
#shop.sportsquest #sec_3 .shopbox .txtbox .sitetitle{ color: #fff; }
#shop.sportsquest #sec_3 .shopbox .txtbox .bottomlink a.linkbtn:before{ background: #fff; }
#shop.sportsquest #sec_3 .shopbox .txtbox .bottomlink a.linkbtn:hover{ color: #000; transition-delay: .1s; }
#shop.sportsquest #sec_3 .shopbox .txtbox .bottomlink a.linkbtn:hover>.inwrap:after{ content: ""; background: url(../img/common/arr1_black.svg) no-repeat; transition-delay: .1s; }










/*//////////////////


#company.index


//////////////////*/
#company.index #mainv.under .pagetitlebox+.bg img{object-position: 70% 90%;}

#company.index #sec_1 #s1_insec1 .copy{ color: #000; text-align: center; }
#company.index #sec_1 #s1_insec1 .txt p{ margin-bottom: 30px; font-size: 1.8rem; }
#company.index #sec_1 #s1_insec1 .txt p:last-child{ margin-bottom: 0; }
#company.index #sec_1 #s1_insec1 .nametxt{margin-top: 20px;text-align: right;margin-left: -20px;font-size: 0;letter-spacing: -.4em;}
#company.index #sec_1 #s1_insec1 .nametxt .unit{ display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 1.8rem; letter-spacing: normal; }
#company.index #sec_1 #s1_insec1 .nametxt .name{ display: inline-block; vertical-align: middle; margin-left: 20px; font-weight: bold; font-size: 2.4rem; letter-spacing: normal; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#company.index #sec_1 #s1_insec1 .txt p{ margin-bottom: 20px; font-size: 1.6rem; }
	#company.index #sec_1 #s1_insec1 .nametxt .unit{ font-size: 1.6rem; }
	#company.index #sec_1 #s1_insec1 .nametxt .name{ font-size: 2rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#company.index #sec_1 #s1_insec2>.incnt>.inwrap{ display: flex; flex-direction: row-reverse; }
#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox{display: flex;flex-direction: column;padding-top: 25px;padding-bottom: 25px;position: relative;z-index: 10;}
#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap{display: flex;flex-direction: column;justify-content: center;position: relative;height: 100%;}
#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap>.inwrap{margin-left: -12%;background: #f7f7f7;padding: 40px 12%;box-sizing: border-box;height: 100%;display: flex;flex-direction: column;justify-content: center;}
#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap .enboxtitle{ font-family: 'Kumbh Sans', sans-serif; font-weight: bold; font-size: 3.2rem; letter-spacing: 0.1em; text-indent: 0.1em;line-height: 1.4; margin-bottom: 10px; color: #06318f; }
#company.index #sec_1 #s1_insec2>.incnt>.inwrap .imgbox{flex-shrink: 0;width: 60%;position: relative;z-index: 1;}
#company.index #sec_1 #s1_insec2>.incnt>.inwrap .imgbox img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;object-position: 100% 50%;}
@media screen and (max-width: 1200px) {
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .imgbox{ width: 66%; }
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap>.inwrap{ margin-left: -24%; }
}
@media screen and (max-width: 1040px) {
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap{ display: block; }
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox{display: block;padding-top: 0;padding-bottom: 0;}
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap{display: block;height: auto;}
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap>.inwrap{margin-left: 0;padding: 40px 8%;height:auto;display: block;}
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap .enboxtitle{ font-size: 2.6rem; }
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .imgbox{width: 100%;}
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#company.index #sec_1 #s1_insec2>.incnt>.inwrap .txtbox>.inwrap>.inwrap{padding: 30px 8%;}
}

#company.index #sec_2 #s2_insec1{ margin-bottom: 70px; }
#company.index #sec_2 #s2_insec1 .title{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight: bold;font-size: 7.8rem;line-height: 1.6;margin-bottom: 20px;letter-spacing: 0.1em;text-indent: 0.1em; color: #06318f; text-align: center; }
#company.index #sec_2 #s2_insec1 .txt{ font-size: 2.2rem; font-weight: bold; text-align: center; color: #06318f; letter-spacing: 0.1em;text-indent: 0.1em; }
#company.index #sec_2 #s2_insec1 .txt span{ font-weight: bold; }
#company.index #sec_2 #s2_insec2 .incnt{ max-width: 858px; }
#company.index #sec_2 #s2_insec2 .title{ font-weight: bold; font-size: 2.8rem; text-align: center; letter-spacing: 0.1em;text-indent: 0.1em; margin-bottom: 20px; }
#company.index #sec_2 #s2_insec2 .list{ color: #000; width: 100%; margin-left: -10px; }
#company.index #sec_2 #s2_insec2 .list>ul{margin-left: -20px;width: 100%;overflow: hidden;}
#company.index #sec_2 #s2_insec2 .list>ul>li{background: #f7f7f7;padding: 20px 20px;box-sizing: border-box;margin-left: 20px;height: 348px;width: calc(25% - 20px);display: flex;align-items: center;}
@media screen and (max-width: 1040px) {
	#company.index #sec_2 #s2_insec1 .title{font-size: 4.8rem; }
	#company.index #sec_2 #s2_insec1 .txt{ font-size: 1.8rem; }
	#company.index #sec_2 #s2_insec2 .title{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px) { 
	#company.index #sec_2 #s2_insec1 .title{font-size: 3.8rem; }
	#company.index #sec_2 #s2_insec1 .txt{ font-size: 1.6rem; }
	#company.index #sec_2 #s2_insec2 .title{ font-size: 2rem; }
}
@media screen and (max-width: 639px) { 
	#company.index #sec_2 #s2_insec2 .list>ul>li{ font-size: 2rem; }
	#company.index #sec_2 #s2_insec2 .list{ margin-left: -5px; }
	#company.index #sec_2 #s2_insec2 .list>ul{margin-left: -10px;}
	#company.index #sec_2 #s2_insec2 .list>ul>li{padding: 10px 10px;margin-left: 10px;height: 250px;width: calc(25% - 10px);}
}
@media screen and (max-width: 500px) { 
	#company.index #sec_2 #s2_insec1 .title{font-size: 3.3rem; }
}









/*//////////////////


#company.history


//////////////////*/

#company.history #sec_1{ padding-top: 25px; }
#company.history #sec_1 .inboxtitle{ color: #000; line-height: 1.8; margin-bottom: 0; }
#company.history #sec_1 .img{ margin-top: 55px; }
#company.history #sec_1 .img img{ width: 100%; }
@media screen and (max-width: 1040px) {
	#company.history #sec_1 .img{ margin-top: 40px; }
}
@media screen and (max-width: 767px) { 
	#company.history #sec_1 .inboxtitle{ font-size: 1.8rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}







/*//////////////////


#business.index


//////////////////*/
#business.index #mainv.under .pagetitlebox+.bg>img{object-position: 40% 50%;}

#business.index #sec_1 .copy{ color: #06318f; text-align: center; }
#business.index #sec_1 .box{ color: #06318f; margin-top: 50px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}

#business.index #sec_2 .img{ margin-top: 50px; }
#business.index #sec_2 .img img{ width: 100%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 639px) { 
	#business.index #sec_2 .img{ margin-top: 25px; }
}
@media screen and (max-width: 500px) { 
}

#business.index #sec_3 .list{ display: flex; flex-direction: row; }
#business.index #sec_3 .list>li{ width: 33.33%; display: flex; }
#business.index #sec_3 .list>li .displayitem{ display: flex; flex-direction: column; }
#business.index #sec_3 .list>li .displayitem .imgbox{ margin-bottom: 30px; height: 300px; }
#business.index #sec_3 .list>li .displayitem .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }
#business.index #sec_3 .list>li .displayitem .txtbox{ padding-left: 8%; padding-right: 8%; height: calc(100% - 300px); display: flex; flex-direction: column; }
#business.index #sec_3 .list>li .displayitem .txtbox .bottomlink{ margin-top: auto; }
#business.index #sec_3 .popupitem {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999999999;opacity: 0;visibility: hidden;transition: .6s;}
#business.index #sec_3 .popupitem.is-show { opacity: 1; visibility: visible; }
#business.index #sec_3 .popup-inner {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: calc(100% - 40px);max-width: 1040px;background-color: #fff;z-index: 2;box-sizing: border-box;}
#business.index #sec_3 .popupmain{ padding: 130px 6% 100px; }
#business.index #sec_3 .popup-inner img { width: 100%; }
#business.index #sec_3 .closebtn {position: absolute;right: -10px;top: -10px;width: 80px;height: 80px;display: flex;flex-direction: row;cursor: pointer;align-items: center;justify-content: center;background: #06318f;z-index: 1000;}
#business.index #sec_3 .closebtn:before,
#business.index #sec_3 .closebtn:after{content: "";background: #fff;display: inline-block;height: 2px;width: 52px;position: absolute;top: 38px;bottom: 0;left: 14px;right: 0;}
#business.index #sec_3 .closebtn:before {transform: rotate(44deg);}
#business.index #sec_3 .closebtn:after {transform: rotate(-44deg);}
#business.index #sec_3 .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 1; cursor: pointer; }
#business.index #sec_3 .popuptitle{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight: bold;font-size: 3.6rem;line-height: 1.6;margin-bottom: 20px;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;}
#business.index #sec_3 .popuptitle span{ font-weight: bold; }
#business.index #sec_3 .popuplist{font-size: 1.8rem;}
#business.index #sec_3 .popuplist>li{ display: inline; vertical-align: middle; }
#business.index #sec_3 .popuplist>li:before{ content: "/"; margin: 0 20px; }
#business.index #sec_3 .popuplist>li:first-child:before{ content: none; }
@media screen and (max-width: 1200px) {
	#business.index #sec_3 .list{ display: block; margin-bottom: -40px; overflow: hidden; }
	#business.index #sec_3 .list>li{ width: 100%; display: block; margin-bottom: 40px; }
	#business.index #sec_3 .list>li .displayitem{ display: block; }
	#business.index #sec_3 .list>li .displayitem .txtbox .bottomlink{ margin-top: 25px; }
}
@media screen and (max-width: 1040px) {
	#business.index #sec_3 .popuptitle{font-size: 2.4rem;}
	#business.index #sec_3 .popup-inner {top: 50px;transform: translate(-50%,0);max-height: calc(100vh - 90px);}
	#business.index #sec_3 .popup-inner .popupmain{overflow: scroll;height: calc(100vh - 90px);padding: 90px 8% 80px;position: relative;box-sizing: border-box;}
	#business.index #sec_3 .popup-inner .popupmain::-webkit-scrollbar { display: none; }
}
@media screen and (max-width: 767px) { 
	#business.index #sec_3 .popuptitle{font-size: 2.2rem;}
	#business.index #sec_3 .popuplist{ font-size: 1.6rem; }
	#business.index #sec_3 .popup-inner .popupmain{padding: 70px 8% 40px;}
	#business.index #sec_3 .closebtn {width: 60px;height: 60px;}
	#business.index #sec_3 .closebtn:before,
	#business.index #sec_3 .closebtn:after{width: 32px;top: 28px;left: 14px;}
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#business.index #sec_3 .popuptitle{font-size: 2rem;}
	#business.index #sec_3 .list>li .displayitem .imgbox{ height: 250px; margin-bottom: 25px; }
	#business.index #sec_3 .list>li .displayitem .txtbox{ height: calc(100% - 250px); }
}

#business.index #sec_4 .list{ display: flex; flex-direction: row; margin-left: -35px; margin-bottom: -35px; flex-wrap: wrap; overflow: hidden; }
#business.index #sec_4 .list>li{ margin-left: 35px; margin-bottom: 35px; width: calc(33.33% - 35px); }
#business.index #sec_4 .list>li .img img{ width: 100%; }
#business.index #sec_4 .list>li .title{ margin-top: 15px; text-align: center; font-size: 1.8rem; }
#business.index #sec_4 .list>li.last{ width: calc(66.66% - 35px); }
#business.index #sec_4 .list>li.last .inlist{ text-align: left; }
#business.index #sec_4 .list>li.last .inlist>li{ display: inline-block; vertical-align: middle; }
#business.index #sec_4 .list>li.last .inlist>li:last-child::after{ content: none; }
#business.index #sec_4 .list>li.last .inlist>li:after{ content: "/"; margin: 0 5px 0 10px; }
@media screen and (max-width: 1040px) {
	#business.index #sec_4 .list>li{ width: calc(50% - 35px); }
	#business.index #sec_4 .list>li.last{ width: calc(100% - 35px); }
	#business.index #sec_4 .list>li.last .inlist{ text-align: center; }
}
@media screen and (max-width: 767px) { 
	#business.index #sec_4 .list>li .title{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px) { 
	#business.index #sec_4 .list{ margin-left: -30px; margin-bottom: -30px; }
	#business.index #sec_4 .list>li{ margin-left: 30px; margin-bottom: 30px; width: calc(50% - 30px); }
	#business.index #sec_4 .list>li.last{ width: calc(100% - 30px); }
}
@media screen and (max-width: 500px) { 
	#business.index #sec_4 .list{ display: block; margin-left: 0; }
	#business.index #sec_4 .list>li{ margin-left: 0; width: 100%; }
	#business.index #sec_4 .list>li.last{ width: 100%; }
}

#business.index #sec_5 .img{ margin: 50px 0; }
#business.index #sec_5 .img{ margin: 50px 0; }
#business.index #sec_5 .img img{ width: 100%; }
#business.index #sec_5 .list>li{ margin-bottom: 70px; }
#business.index #sec_5 .list>li:last-child{ margin-bottom: 0; }
#business.index #sec_5 .list>li .box{ background: #f7f7f7; padding: 35px 6%; }
#business.index #sec_5 .list>li .box>dt{ font-weight: bold; font-size: 1.8rem; }
#business.index #sec_5 .list>li .box>dd{ margin-bottom: 15px; }
#business.index #sec_5 .list>li .box>dd:last-child{ margin-bottom: 0; }
#business.index #sec_5 .list>li .box>dd .inlist{ margin-left: -20px; text-align: left; }
#business.index #sec_5 .list>li .box>dd .inlist>li{ margin-left: 20px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#business.index #sec_5 .img{ margin: 30px 0; }
	#business.index #sec_5 .list>li .box{ padding: 30px 8%; }
	#business.index #sec_5 .list>li{ margin-bottom: 40px; }
	#business.index #sec_5 .list>li .box>dt{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
	#business.index #sec_5 .list>li .box{ padding: 25px 8%; }
}










/*//////////////////


#contact.index


//////////////////*/

#contact.index #sec_1 .list>li{ margin-top: 40px; }
#contact.index #sec_1 .list>li .telfax .teltxt .headunit{font-family: 'Kumbh Sans', sans-serif;font-weight: bold;display: inline-block;}
#contact.index #sec_1 .list>li .telfax .teltxt:not(._fax) .headunit{ vertical-align: -4px; font-size: 2.4rem; }
#contact.index #sec_1 .list>li .telfax .teltxt._fax .headunit{ font-size: 2rem; }
#contact.index #sec_1 .list>li .teltxt._fax{ margin-top: 3px; }
#contact.index #sec_1 .list>li .teltxt._fax>.inwrap:before{ content: none; }
#contact.index #sec_1 .list>li .teltxt._fax>.inwrap{font-family: 'Kumbh Sans', sans-serif;font-weight: bold;font-size: 2.8rem;letter-spacing: 0.1em;text-align: center;line-height: 1.4;display: inline-block;vertical-align: -3px;padding-left: 0;}
#contact.index #sec_1 .opentxt{ text-align: center; margin-top: 10px; }
#contact.index #sec_1 .caution{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) { 
	#contact.index #sec_1 .caution{ text-align: left; }
	#contact.index #sec_1 .list>li .teltxt._fax>.inwrap{ font-size: 2.4rem; }
	#contact.index #sec_1 .list>li .teltxt._fax{ margin-top: 0; }
	#contact.index #sec_1 .list>li .telfax .teltxt:not(._fax) .headunit{ font-size: 2rem; }
	#contact.index #sec_1 .list>li .telfax .teltxt._fax .headunit{ font-size: 1.8rem; }
}
@media screen and (max-width: 639px) { 
}
@media screen and (max-width: 500px) { 
}