/* ver 1.1.10 (2012/11/15) */
@charset "utf-8";
@import url(reset.css);

*{
    
}
html{
        font-size:10px;
        height: 100%;
        
}
/*		spMode text
-----------------------------------*/

body {
	font-size:1.4rem;
	line-height:1.4;
	color:#333333;
        height: 100%;
}

/* text size
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%


/* link style */
a:link{
	color: #1e71c7;
	text-decoration: none;
}
a:visited{
	color: #1e71c7;
	text-decoration: none;
}
a:hover{
	color: #1e71c7;
	text-decoration: underline;
}



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


/* note */
.note_01 li {
	text-indent: -1em;
	padding-left: 1em;
}

/* layout styles END */

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

/* input styles START */

/* radio & checkbox btn */
.sel_btn_01 {
	vertical-align: top;
	margin-top:2px;
	margin-right: 5px;
}
* html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}
*:first-child+html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}

/* input styles END */

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

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/*overflow: hidden;*/
	/* 上記のoverflow: hidden;はDreamweaver上でレイアウトを正しく表示させるためのCSSです。
	   Dreamweaverで編集する際にコメントアウトを外して使用してください。
	   また、編集が完了した際にはコメントアウトしておいてください。 */
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */

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

/* header */



#header{
    position: fixed;
    z-index: 9999;
        top: 0;
    width: 100%;
}

.gmenu01-box-text01{
    
}
.gmenu01-box-text02{
    
}
.gmenuhover:before,
.gmenuhover:after{
  position: absolute;
  top: 1.3em;
  content: "";
  display: inline-block;
  width: 80px;
  height: 2px; 
  background: #fcd500;
  transition: 2s;
}
.gmenuhover:before{
  left: 50%;
}

.gmenuhover:after{
  right: 50%;
}
.gmenuhover:hover:before,
.gmenuhover:hover:after{
  width: 50%;
  max-width: 286px;
}

.logo-area{
    
    float: left;
    padding-left: 13px;
    padding-top: 10px;
    width: 230px;
}
.contact-area{
    float: right;
    padding-right: 10px;
    width: 180px;
}
.contact-area .lang{
    text-align: right;
    background: #fff;
    opacity: 0.5;
    width: 85px;
    display: inline-block;
    margin-left: 93px;
    margin-bottom: 10px;
    
}
.contact-area .lang p{
    color: #808080;
    opacity: 1;
    text-align: center;
    position: relative;
}
.contact-area .lang p:after{
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #5e5d5a;
    border-right: 1px solid #5e5d5a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 7px;
    top: 5px;
}
.contact-area .menu-contact{
    background: #01b297;
    opacity: 0.75;
    width: 130px;
    height: 18px;
    text-align: center;
    padding: 11px 0;
    float: left;
    margin-right: 10px;
}
.contact-area .menu-contact p{
    
}
.contact-area .menu-contact p a{
    display: inline-block;
    width: 130px;
    color: #fff;
    opacity: 1;
}
.contact-area .gmenu{
    float: left;
}

/*ヘッダー別*/
#recruite_inner_area {
    background: rgba(0, 0, 0, 0) url("../img/rec_h_bg01.gif") no-repeat scroll left top;
    margin: 30px auto 0;
    width: 960px;
}
#recruite_inner_area li {
    float: right;
    margin-left: 2px;
}
#about_inner_area {
    background: rgba(0, 0, 0, 0) url("../img/ab_h_bg01.gif") no-repeat scroll left top;
    margin: 87px auto 0;
    width: 960px;
}
#about_inner_area li {
    float: right;
    margin-left: 2px;
}
.lang {
    float: left;
    margin: 9px 30px 0 0;
    text-align: right;
    width: 200px;
}
.lang a:link {
    color: #fff;
}
.lang a:visited {
    color: #fff;
}
.lang p {
    font-size: 87%;
}
.lang img {
    padding-right: 5px;
    vertical-align: top;
}


/*ボタン*/

.gmenu-buttonbox{
    background: #3c3e3d;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 10500;
}

.gmenu-button,
.gmenu-button span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.gmenu-button {
	position: relative;
	width: 18px;
	height: 12px;
        margin: 15px 11px;
}
.gmenu-button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
}
.gmenu-button span:nth-of-type(1) {
	top: 0;
}
.gmenu-button span:nth-of-type(2) {
	top: 5px;
}
.gmenu-button span:nth-of-type(3) {
	bottom: 0;
}
.gmenu-button.active span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-315deg);
	transform: translateY(5px) rotate(-315deg);
}
.gmenu-button.active span:nth-of-type(2) {
	opacity: 0;
}
.gmenu-button.active span:nth-of-type(3) {
	-webkit-transform: translateY(-5px) rotate(315deg);
	transform: translateY(-5px) rotate(315deg);
}
.gmenu-over{
    position: absolute;
    padding: 30px 20px 30px 20px;
    margin: 0 auto;
    top: 51px;
    /* left: 0; */
    right: 31px;
    bottom: 0;
    z-index: 10005;
    width: 820px;
    height: 500px;
    background: #fff;
    display: none;
}
.over-element{
    position: fixed;
    width: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 9998;
    opacity: 0.8;
    height: 16384px;
    background-color: rgb(0, 0, 0);
    display: none;
}

/*ラインボタン*/

/*ボタン*/



.line-buttonbox{
    background: #3c3e3d;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top:-20px;
    z-index: 10501;   
}
.line-button,
.line-button span {
	display: inline-block;
	box-sizing: border-box;
}
.line-button {
	position: relative;
	width: 18px;
	height: 12px;
        margin: 15px 11px;
}
.line-button span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
}
.line-button span:nth-of-type(1) {
	-webkit-transform: translateY(5px) rotate(-315deg);
	transform: translateY(5px) rotate(-315deg);
        top: 0;
}
.line-button span:nth-of-type(2) {
	opacity: 0;
        top: 5;
}
.line-button span:nth-of-type(3) {
        -webkit-transform: translateY(-5px) rotate(315deg);
	transform: translateY(-5px) rotate(315deg);
        bottom: 0;
}

/*ボタンエンド*/

.gmenu01-box{
    width: 400px;
    height: 190px;
    display: inline-block;
    vertical-align: top;
}
.gmenu01-box a{
    width: 400px;
    height: 190px;
    display: block;
    position: relative;
}
.gmenu01-box a:hover{
    text-decoration: none;
}

.gcommunication-img{
   margin-top: 33px;
}
.gsports-img{
        margin-top: 42px;
    margin-bottom: 14px;
    margin-left: 19px;
}

.gmenu01-box-text01{
    font-size: 2rem;
    display: block;
    text-align: center;
    padding-top: 21px;
    color: #000000;
}
.gmenu01-box-text02{
        font-size: 1.3rem;
    display: block;
    text-align: center;
    padding-top: 11px;
    color: #000000;
}

.gmenuhover{
    text-align: center;
}
.gmenuhover:hover{
    background: #f6f6f6;
    transition: 0.3s;
}
.gmenuhover:before,
.gmenuhover:after{
  position: absolute;
  top: 1.3em;
  content: "";
  display: inline-block;
  width: 40px;
  height: 2px; 
  background: #000;
  transition: 0.3s;
  top: 150px;
}
.gmenuhover:before{
  left: 50%;
}
.gmenuhover:after{
  right: 50%;
}
.gmenuhover:hover:before,
.gmenuhover:hover:after{
  width: 100px;
  background: #fcd500;
}
.gmenuhover.sports:hover:before,
.gmenuhover.sports:hover:after{
  width: 56px;
  background: #7a36cf;
}
.gmenu-bar01{
    display: inline-block;
        height: 190px;
            margin: 0;
}
.gmenu-bar01 img{
    vertical-align: top;
        margin: 0;
}

/**/

.gmenu02{
    margin-top: 22px;
    padding-top: 28px;
    border-top: 1px solid #eaeaea;
}

.gmenu02-box{
    width: 196px;
    float: left;
    height: 173px;
    background:url(../img/gmenu_bar.png) no-repeat left top;
    padding-left: 5px;
    padding-right: 5px;
}
.gmenu02-box:first-child{
    padding-left: 0;
    background:none;
}
.gmenu02-box{
    text-align: center;
}
.gmenu02-box a{
    display: block;
    height: 173px;
}
.gmenu02-box a:hover{
    background: #eeeeee;
    text-decoration: none;
}
.gmenu02-box-img{
    margin-top: 41px;
}
.gmenu02-box-img.infoimg{
    margin-top: 49px;
    margin-left: 17px;
}
.gmenu02-box-text01{
    margin-top: 34px;
    color: #000;
    line-height: 1;
    font-size: 1.6rem;
}
.gmenu02-box-text02{
    color: #000;
    margin-top: 8px;
    line-height: 1;
    font-size: 1.3rem;
}

.gmenu03{
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid #eaeaea;
}
.gmenu03-box{
    width: 755px;
    margin: 0 auto;
}
.gmenu03-box ul li{
    display: inline-block;
     margin-left: 14px;
}
.gmenu03-box ul li:first-child{
   margin-left: 0; 
}

.gmenu03-box ul li a{
    display: block;
    color: #000;
    font-size: 1.4rem;
    padding: 10px 20px;
    
}
.gmenu03-box ul li a:hover{
    background: #eeeeee;
}

/*システムステーションの「LINE＠」*/
.line-detail{
    position: relative;
    display: none;
}
.line-detail-box{
    width: 860px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 107px;
    z-index: 10065;
    background: #fff;
}

.line-over{
    width: 702px;
    margin: 0 auto;
    padding: 70px 0 80px;
        height: 1830px;
    box-sizing: border-box;
}
.line-over .line-over-box:first-child{
    margin-top: 0;
}
.line-over .line-over-box{
    margin-top: 16px;
}

.line-over-element{
    position: fixed;
    width: 100%;
    padding: 0px;
    margin: 0px;
    top: 0px;
    left: 0px;
    z-index: 9999;
    opacity: 0.8;
    background-color: rgb(0, 0, 0);
    height: 20000px;
}
.line-over-text01{
    font-size: 2.8rem;
    text-align: center;
    line-height: 1;
    margin-bottom: 46px;
}
.line-over-text02{
    line-height: 31px;
}
.line-over-imgbox{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}
.line-over-text03{
    font-size: 1.7rem;
        padding-bottom: 6px;
    padding-left: 6px;
}

.line-over-imgbox li{
    display: inline-block;
    margin-left: 25px;
}
.line-over-imgbox li:first-child{
    margin-left: 0;
}
.line-over-box{
    border: 3px solid #47cd47;
    border-radius: 18px;
    padding: 25px 15px 30px 30px;
    
}
.line-over-boxtitle{
    text-align: center;
    font-size: 2.2rem;
    color: #008600;
}
.line-over-boxtitleborder{
        width: 80px;
    border-bottom: 2px solid #00c300;
    height: 2px;
    display: block;
    text-align: center;
    margin: 17px auto 21px auto;
}
.line-over-boxtext01{
    margin-left: 10px;
}


.line-over-boxtext01 span{
    vertical-align: top;
    margin-top: 9px;
    display: inline-block;
}
.line-over-boxtext01 img{
    padding: 0 4px;
}
.line-over-boxlink{
    margin-top: 25px;
    margin-left: -17px;
    margin-bottom: 15px;
    text-align: center;
}
.line-over-boximg{
    margin: 17px 0 6px;
}

.line-over-setumei01{
    padding-bottom: 6px;
}

.line-over-setumei01 li{
       width: 139px;
    display: inline-block;
    vertical-align: top;
    margin-left: 17px;
    padding-left: 7px;
}
.line-over-setumei01 li:first-child{
    margin-left: 0px;
}
.line-over-setumei01 li img{
    vertical-align: top;
 }
.line-over-setumei01 li p{
    display: inline-block;
    vertical-align: top;
    width: 93px;
    margin-left: 4px;
}
.line-over-setumei02{
    width: 629px;
    margin: 0 auto;
}
.line-over-setumei02 li{
       width: 163px;
    display: inline-block;
    vertical-align: top;
    margin-left: 35px;
}
.line-over-setumei02 li:first-child{
    margin-left: 42px;
}
.line-over-setumei02 li img{
    vertical-align: top;
 }
.line-over-setumei02 li p{
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-left: 4px;
}
.line-over-setumei-single01{
    
}

.line-over-setumei-single02{
    margin-top: 4px;
}


/*footer*/

.tel-box{
    padding:50px 0 57px 0;
}
.tel-text{
    text-align: center;
    font-size: 1.4rem;
}
.tel-boxinner{
    width: 656px;
    margin: 45px auto 0 auto;
}
.tel-bar{
    height: 80px;
    width: 2px;
    border-left: 2px #eeeeee dotted;
    float: left;
    margin: 0 38px;
}
.tel-left{
    float: left;
    width: 262px;
    padding-top: 14px;
    margin-left: 10px;
    position: relative;
}
.tel-right{
    padding-top: 14px;
    float: left;
    width: 300px;
        padding-top: 14px;
}
.tel-right img{
    vertical-align: top;
    margin-left: 12px;
}

.contact-btn-box{
    margin-left: 23px;
    display: inline-block;
}
.contact-btn{
    text-align: center;
    width: 218px;
    display: inline-block;
    height: 33px;
    padding-top: 17px;
    position: relative;
    color: #000 !important;
}
.contact-btn.black{
    border: 1px solid #aaaaaa;
}
.contact-btn.black:after{
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #434343;
    border-right: 1px solid #434343;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 14px;
    top: 23px;
}





#footer{
	background:#f4f4f4;
	width:100%;
	bottom:0;
        padding: 30px 0 22px;
}
.footer-box{
    width: 960px;
    margin: 0 auto;
}

.footer-box01-title{
    font-size: 1.6rem;
    padding-bottom: 25px;
}
.footer-box02-title{
    font-size: 1.6rem;
    padding-bottom: 10px;
}
.footer-box02-title{
    font-size: 1.6rem;
}

.footer-box02-titleimg{
    padding-bottom: 28px;
}
.footer-box01{
    padding-bottom: 40px;
    border-bottom: #b3b3b3 1px dotted;
}
.footer-box02{
        padding-top: 33px;
    padding-bottom: 103px;
}
.footer-box01 li{
    width: 240px;
    float: left;
    margin-bottom: 17px;
}
.footer-box02 li{
    width: 240px;
    float: left;
    margin-bottom: 17px;
}
.footershop{
    color: #6c6c6c;
    padding-bottom: 7px;
    line-height: 1;
        font-size: 1.3rem;
}
.footerfaceline{
    box-sizing: border-box;
}

.footer-box01 ul li:nth-child(4n+1) .footerfaceline,.footer-box01 ul li:nth-child(4n) .footerfaceline{
    padding-left: 0px;
}
.footer-box02 ul li:nth-child(4n+1) .footerfaceline,.footer-box02 ul li:nth-child(4n) .footerfaceline{
    padding-left: 0px;
}

.footerfaceline a{
    margin-right: 11px;
}
.footer-bottom{
    width: 215px;
    margin: 0 auto;
}
.footerfacetube{
    text-align: center;
    margin-top: 4px;
}
.footerpolicylink{
    margin: 23px 0 8px;
}
.footerpolicylink a{
    color: #000;
}
.footerfacetube a:first-child{
    margin-right: 11px;
}
.footerpolicy{
    font-size: 1.1rem;
    text-align: center;
    color: #a6a6a6;
}


/*button*/
.simple-btn01{
    text-align: center;
    width: 198px;
    display: inline-block;
    height: 33px;
    padding-top: 17px;
    font-size: 1.4rem;
    position: relative;
}
.simple-btn01.black{
    border: 1px solid #aaaaaa;
    color: #000 !important;
}
.simple-btn01.black:after{
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #434343;
    border-right: 1px solid #434343;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 11px;
    top: 19px;
}
.simple-btn01:hover{
    cursor: pointer;
}

.simple-btn02{
    text-align: center;
    width: 298px;
    display: inline-block;
    height: 33px;
    padding-top: 17px;
    font-size: 1.4rem;
    position: relative;
}
.simple-btn02.black{
    border: 1px solid #aaaaaa;
    color: #000 !important;
}
.simple-btn02.black:after{
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #434343;
    border-right: 1px solid #434343;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 14px;
    top: 23px;
}

.simple-btn02:hover{
    cursor: pointer;
}


.simple-btn2-box{
    text-align: center;
    margin-top: 37px;
    margin-bottom: 80px;
}

.simple-btn03-box{
    float: left;
}
.simple-btn03-box:first-child{
    margin-right: 34px;
}

.simple-btn03{
    text-align: center;
    width: 298px;
    display: inline-block;
    height: 33px;
    padding-top: 17px;
    font-size: 1.4rem;
    position: relative;
}
.simple-btn03.white{
    border: 1px solid #eeeeee;
    color: #fff;
}
.simple-btn03.white:after{
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 14px;
    top: 23px;
}
.simple-btn03:hover{
    cursor: pointer;
}

.black:hover{
        transition: 0.5s;
        background: #000;
        color: #fff !important;
        text-decoration: none;
        cursor: pointer;
}
.black:hover:after{
        transition: 0.5s;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
}
.white:hover{
        transition: 0.5s;
        background: #fff;
        color: #000;
        text-decoration: none;
        cursor: pointer;
}
.white:hover:after{
        transition: 0.5s;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
}



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

/* top_contents */
#top_contents{
	width:1251px;
	margin:0px auto;
	padding-bottom:12px;	
}

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

/* pagetop */
#pagetop{
	position:fixed;
	right:0px;
	bottom:20px;
	display:none;
/*	margin-top:60px;*/
}
#pagetoplightning{
        width: 60px;
	position:fixed;
	right:30px;
	bottom:30px;
}

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

/* contents_area */
#contents_area{
}
#contents_area h2{
	padding-bottom:23px;
}

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

/* snaviなし */
#contents_inbox{
	width:960px;
	margin:60px auto 0 auto;
}
html.spMode #contents_inbox{
    margin:130px auto 0 auto;
}

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

/* snaviあり */
#main_content{
	float:left;
	width:715px;	
}
#snavi{
	float:right;
	width:225px;
}
#snavi .top{
	background:url(../img/snavi_img01.gif) no-repeat left top;
	text-align:center;
	padding-top:4px;
	height:22px;
	padding-bottom:12px;
}
#snavi .imananban_box {
	margin: 24px 0 0 0;
}
#snavi .imananban_box a {
	color: #333333;
}
#snavi .imananban_box a .imananban{
	background:url(../img/snavi_img01.gif) no-repeat 0 0;
	text-align:center;
	padding-top: 4px;
	width: 225px;
	height:22px;
	padding-bottom:12px;
	display: block;
	color: #333333;
}
#snavi ul{
	background:url(../img/snavi_img02.gif) no-repeat left bottom;
	padding-bottom:13px;
	margin-bottom:20px;
}
#snavi ul li{
	background:url(../img/icon12.png) no-repeat 18px 15px;
	padding:10px 0px;
	border-top:dotted 1px #b9c9ce;
	padding-left:30px;
}

#snavi ul li:first-child{
	border:none;
}
#snavi .link_area{
}
#snavi .link_area > a{
	display:inline-block;
	height:31px;
	margin-bottom:10px;
}
#snavi .link_area > img{
	padding-bottom:10px;
}
	



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

/* pagenate */

.pagenate {
	text-align: center;
	margin-bottom:90px;
	margin-top:20px;

}
.pagenate span {
	display: inline-block;
	vertical-align: middle;
}

.pagenate .prev {
	background:url(../img/icon18.png) no-repeat left 5px;
	padding-left: 15px;
	margin-right: 10px;
}
.pagenate .next {
	background: url(../img/icon12.png) no-repeat right 5px;
	padding-right: 15px;
	margin-left: 10px;
}
.pagenate .page_active {
	padding: 3px 4px 2px;;
	border: solid 1px #009c84;
	background-color: #009c84;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 3px;
	margin-right: 3px;
}
.pagenate .page {
	padding:3px 4px 2px;
	border: solid 1px #009c84;
	background-color: #e2f4f1;
	margin-left: 3px;
	margin-right: 3px;
}
.pagenate div.return {
	text-align:right;
	margin-top:-20px;
}
.pagenate div.return span{
	background:url(../img/icon_return.png) no-repeat left 3px;
	padding-left:20px;	
}

/*----------------------------------------------------------
    service

    Utility
-----------------------------------------------------------*/
/* Web Font */
@import url(//fonts.googleapis.com/css?family=Quicksand);

.u_col{
	font-size: 0;
	text-align: center;
}
.u_col_item{
	display: inline-block;
	vertical-align: top;
}
.u_col_item:first-child{
	margin-left: 0;
}
.u_webFont{
	font-family: 'Quicksand', sans-serif;
}


/*----------------------------------------------------------
					事業案内_共通
-----------------------------------------------------------*/
.w_Service{
	box-sizing: border-box;
}
.w_Service *{
	box-sizing: border-box;
}

/*----------------------------------------------------------
					事業案内_TOP
-----------------------------------------------------------*/
/********** w_ServiceIntro **********/
.w_ServiceIntro{
	width: 100%;
	min-width: 1280px;
	height: 710px;
}
.w_ServiceIntro_col{
	height: 710px;
}
.w_ServiceIntro_col_item{
	width: 50%;
        margin: 0 auto;
	position: relative;
	height: 710px;
	background-image: url(../service/img/top_bg_left.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.w_ServiceIntro_col_item__sports{
	background-image: url(../service/img/top_bg_right.jpg);
}
.w_ServiceIntro_col_item_inner{
        width: 420px;
	min-width: 420px;
	min-height: 420px;
	max-width: 420px;
	max-height: 420px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f6f6f6;
	background-color: rgba(255, 255, 255, 0.8);
}
.w_ServiceIntro_col_item_inner__sports{
	background-color: rgba(255, 255, 255, 0.8);
}
.w_ServiceIntro_col_item a{
	text-decoration: none;
}
.tmenuhover{
    text-align: center;
}
.tmenuhover:hover{
    background: #f6f6f6;
    transition: 1s;
}
.tmenuhover:before,
.tmenuhover:after{
  position: absolute;
  top: 1.3em;
  content: "";
  display: inline-block;
  width: 40px;
  height: 2px; 
  background: #000;
  transition: 1s;
  top: 174px;
}
.tmenuhover:before{
  left: 50%;
}
.tmenuhover:after{
  right: 50%;
}
.tmenuhover:hover:before,
.tmenuhover:hover:after{
  width: 140px;
  background: #fcd500;
}
.tmenuhover.sports:hover:before,
.tmenuhover.sports:hover:after{
  width: 78px;
  background: #7a36cf;
}
.tmenu01-box-text01{
    font-size: 2.6rem;
    display: block;
    text-align: center;
    padding-top: 18px;
    color: #000000;
}
.tmenu01-box-text02{
    font-size: 1.4rem;
    display: block;
    text-align: center;
    padding-top: 20px;
    color: #000000;
}
.communication-img{
    margin-top: 31px;
}
.sports-img{
    margin-top: 61px;
}
.ServiceIntro_text{
	display: inline-block;
	font-size: 1.8rem;
	line-height: 3rem;
	margin: 26px 10px 16px;
	color: #000;
}
.ServiceIntro_btn{
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	border-width: 1px;
	border-color: #7d7d7d;
	border-style: solid;
	color: #000;
}
.ServiceIntro_btn:after{
	display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
	margin: auto;
    position: absolute;
    right: 11px;
    top: 0;
	bottom: 0;
}
.ServiceIntro_btn:hover{
	color: #fff;
	border-color: transparent;
	transition: background, border, color 0.5s, 0.5s, 0.5s;
	-webkit-transition: background, border, color 0.5s, 0.5s, 0.5s;
}
.ServiceIntro_btn__comm:hover{
	background-color: #fcd500;
}
.ServiceIntro_btn__sports:hover{
	background-color: #7a36cf;
}
.ServiceIntro_btn:hover:after{
	transition: 0.5s;
	border-color: #fff;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_ServiceIntro{
	min-width: 750px;
	height: 1500px;
}
html.spMode .w_ServiceIntro_col{
	height: 1500px;
}
html.spMode .w_ServiceIntro_col_item{
	width: 100%;
	height: 750px;
}
html.spMode .w_ServiceIntro_col_item_inner{
	min-width: 700px;
	min-height: 700px;
	max-width: 700px;
	max-height: 700px;
}
html.spMode .communication-img{
    margin-top: 32px;
}
html.spMode .ServiceIntro_btn{
	width: 400px;
	height: 80px;
	line-height: 80px;
}
html.spMode .ServiceIntro_btn:after{
	display: block;
    width: 14px;
    height: 14px;
    right: 22px;
}

/********** w_ServiceMain **********/
.w_ServiceMain{
	padding: 69px 0 90px;
}
.w_ServiceMain_col{
	min-width: 960px;
	width: 960px;
	margin: 0 auto;
}
.w_ServiceMain_col_item{
	width: 460px;
	margin-left: 40px;
}
.ServiceMain_head{
	font-family: 'MS PMincho','ＭＳ Ｐ明朝', 'MS 明朝','HG明朝E',serif;
	color: #000000;
	font-size: 2.8rem;
	line-height: 1.5;
	text-align: center;
	padding-bottom: 41px !important;
}
.ServiceMain_cap{
	width: 140px;
	max-width: 140px;
	height: 20px;
	max-height: 20px;	
	line-height: 20px;
	background-color: #000000;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	margin: 0 auto;
	border-radius: 10px;
}
.ServiceMain_title{
	font-size: 2.4rem;
	line-height: 1;
	display: block;
	text-align: center;
	margin: 12px auto 22px;
}
.ServiceMain_text{
	font-size: 1.5rem;
	line-height: 3rem;
	margin: 15px auto 24px;
	text-align: left;
}
.w_ServiceMain_list{
	border-top: 1px solid #d6d6d6;
	padding: 10px 4px 0;
}
.w_ServiceMain_list_li dl{
	text-align: left;
	margin-top: 12px;
}
.w_ServiceMain_list_li dl:first-of-type{
	margin-top: 0;
}
.w_ServiceMain_list_li dt{
	width: 40px;
	max-width: 40px;
	height: 20px;
	max-height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #d6d6d6;
	font-size: 1.3rem;
	margin-right: 8px;
}
.w_ServiceMain_list_li dd{
	font-size: 1.4rem;
	line-height: 20px;
}

.w_scholarship{
    text-align: center;
}
.w_scholarship a:hover{
    opacity: 0.7;
}
/*		spMode
----------------------------------------------*/


html.spMode .w_ServiceMain_col{
	min-width: 750px;
	width: 750px;
}
html.spMode .w_ServiceMain_col_item{
	width: 640px;
	margin-left: 0;
	margin-top: 80px;
}
html.spMode .w_ServiceMain_col_item:first-child{
	margin-top: 0;
}
html.spMode .ServiceMain_cap{
	width: 280px;
	max-width: 280px;
	height: 40px;
	max-height: 40px;	
	line-height: 40px;
	border-radius: 20px;
}
html.spMode .ServiceMain_title{
	margin: 24px auto 44px;
}
html.spMode .ServiceMain_text{
	margin: 30px auto 48px;
	max-height: 100%;
}
html.spMode .w_ServiceMain_list{
	padding: 20px 8px 0;
}
html.spMode .w_ServiceMain_list_li dl{
	margin-top: 24px;
}
html.spMode .w_ServiceMain_list_li dl:first-of-type{
	margin-top: 0;
}
html.spMode .w_ServiceMain_list_li dt{
	width: 80px;
	max-width: 80px;
	height: 40px;
	max-height: 40px;
	line-height: 40px;
	margin-right: 16px;
}
html.spMode .w_ServiceMain_list_li dd{
	line-height: 40px;
	width: 528px;
}



/*----------------------------------------------------------
					事業案内_コミュニケーション事業
-----------------------------------------------------------*/
/********** w_SvFirstView **********/
.w_SvFirstView{
	width: 100%;
	min-width: 1280px;
}
.w_SvFirstView_col{
	height: 650px;
	position: relative;
	background-image: url(../service/img/comm_main_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.w_SvFirstView_col.sports{
	height: 650px;
	position: relative;
	background-image: url(../service/img/sports_main_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


.w_SvFirstView_col_item{
        width: 360px;
	min-width: 360px;
	min-height: 360px;
	max-width: 360px;
	max-height: 360px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f6f6f6;
	background-color: rgba(255, 255, 255, 0.8);
}
.w_SvFirstView_col_item.tmenuhover:before,
.w_SvFirstView_col_item.tmenuhover:after{
    top: 234px;
}
.w_SvFirstView_col_item.tmenuhover.sports:before,
.w_SvFirstView_col_item.tmenuhover.sports:after{
    top: 206px;
}
.w_SvFirstView_col_item .communication-img{
    margin-top: 93px;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_SvFirstView{
	min-width: 750px;
}
html.spMode .w_SvFirstView_col{
	height: 750px;
}
html.spMode .w_SvFirstView_col_item{
	min-width: 640px;
	min-height: 640px;
	max-width: 640px;
	max-height: 640px;
}
html.spMode .w_SvFirstView_col_item.tmenuhover:before,
html.spMode .w_SvFirstView_col_item.tmenuhover:after{
    top: 468px;
}
html.spMode .w_SvFirstView_col_item .communication-img{
    margin-top: 186px;
}

/*** under ***/
.w_SvFirstView_col__under{
	height: 400px;
	background-image: url(../service/img/comm_bg01.jpg);
}
.w_SvFirstView_col__under.sports{
	height: 400px;
	background-image: url(../service/img/sports_bg01.jpg);
}

.w_SvFirstView_col_item__under{
	width: 460px;
	min-height: 240px;
	max-width: 460px;
	max-height: 240px;
	background-color: transparent;
	text-align: center;
}
.w_SvFirstView_col_item__under.sports{
	width: 460px;
	min-height: 280px;
	max-width: 460px;
	max-height: 280px;
	background-color: transparent;
	text-align: center;
}


.SvFirstView_head{
	display: block;
	color: #fff;
	text-align: center;
	font-size: 2.8rem;
	line-height: 3.6rem;
	margin-bottom: 25px;
}
.SvFirstView_head span{
	display: inline-block;
	font-size: 2rem;
}
.w_SvFirstView_col_item__under.sports .SvFirstView_head span{
    font-size: 2.4rem;
}   

/*** under ***/
.w_SvFirstView_col__under{
	height: 400px;
	background-image: url(../service/img/comm_bg01.jpg);
}
.w_SvFirstView_col_item__under{
	width: 460px;
	min-height: 240px;
	max-width: 460px;
	max-height: 240px;
	background-color: transparent;
	text-align: center;
}
.SvFirstView_head{
	display: block;
	color: #fff;
	text-align: center;
	font-size: 2.8rem;
	line-height: 3.6rem;
	margin-bottom: 25px;
}
.SvFirstView_head span{
	display: inline-block;
	font-size: 2rem;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_SvFirstView_col__under{
	height: 800px;
}
html.spMode .w_SvFirstView_col_item__under{
	width: 700px;
	min-height: 480px;
	max-width: 700px;
	max-height: 480px;
}
html.spMode .SvFirstView_head{
	margin-bottom: 50px;
}
html.spMode .w_SvFirstView_col_item__under.sports .SvFirstView_head span{
	font-size: 2.2rem;
}
html.spMode .SvFirstView_img img{
	width: 500px;
}

/********** w_CommIntro **********/
.w_CommIntro{
	width: 100%;
	min-width: 1280px;
	background-color: #f4f4f4;
	padding: 56px 0 90px;
}
.w_CommIntro_cont{
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	text-align: center;
}
.CommIntro_head{
	text-align: center;
	font-family: 'MS PMincho','ＭＳ Ｐ明朝', 'MS 明朝','HG明朝E',serif;
	font-size: 3.8rem;
	line-height: 1.5;
	padding-bottom: 0 !important;
	margin-bottom: 37px;
}
.CommIntro_read{
	display: inline-block;
	font-size: 1.8rem;
	line-height: 4rem;
}
.CommIntro_img{
	text-align: center;
	line-height: 0;
	margin: 48px auto 45px;
}
.CommIntro_text{
	width: 790px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.5rem;
	line-height: 3.2rem;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_CommIntro{
	min-width: 750px;
	padding: 56px 0 90px;
}
html.spMode .w_CommIntro_cont{
	width: 700px;
	min-width: 700px;
	margin: 0 auto;
}
html.spMode .CommIntro_head{
	margin-bottom: 74px;
	font-size: 2.8rem;
}
html.spMode .CommIntro_head--sports{
    letter-spacing: -3px;
}
html.spMode .CommIntro_read{
	max-height: 100%;
	text-align: left;
}
html.spMode .CommIntro_img{
	margin: 96px auto 90px;
}
html.spMode .CommIntro_text{
	width: 100%;
	max-height: 100%;
}

/********** w_CommMain **********/
.w_CommMain{
	width: 100%;
	min-width: 1280px;
}
.w_CommMain_col{
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}
.w_CommMain_col_item{
	padding: 53px 0 111px;
	position: relative;
}
.w_CommMain_col_item:nth-child(2){
	padding: 53px 0 97px;
	position: relative;
}
.w_CommMain_col_item:last-child{
	padding-bottom: 31px;
}
.w_CommMain_col_item:before{
	content: " ";
	display: block;
	width: 120px;
	height: 2px;
	background-color: #000000;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.w_CommMain_col_item:first-child:before{
	content: none;
}
.CommMain_head{
	text-align: center;
	font-family: 'MS PMincho','ＭＳ Ｐ明朝', 'MS 明朝','HG明朝E',serif;
	font-size: 2.8rem;
	line-height: 1.5;
	margin-bottom: 50px;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_CommMain{
	min-width: 750px;
}
html.spMode .w_CommMain_col{
	width: 750;
	min-width: 750px;
	margin: 0 auto;
}
html.spMode .w_CommMain_col_item{
	padding: 100px 0 200px;
}
html.spMode .w_CommMain_col_item:nth-child(2){
	padding: 100px 0 200px;
}
html.spMode .w_CommMain_col_item:last-child{
	padding-bottom: 31px;
}
html.spMode .w_CommMain_col_item:before{
	width: 240px;
	height: 4px;
}
html.spMode .w_CommMain_col_item:first-child:before{
	content: none;
}
html.spMode .CommMain_head{
	margin-bottom: 100px;
}

/*** システムステーションがお届けする短編ドラマ ***/
.CommMain_movie{
	width: 634px;
	margin: 0 auto;
}
.CommMain_title{
	width: 668px;
	font-size: 2.4rem;
	line-height: 1;
	display: block;
	margin: 60px auto 30px;
}
.CommMain_text{
	width: 638px;
	font-size: 1.5rem;
	line-height: 3rem;
	margin: 0 auto 14px;
	text-align: left;
}
.w_CommMain_list{
	width: 644px;
	margin: 0 auto;
	border-top: 1px solid #d6d6d6;
	padding: 10px 4px 0;
}
.w_CommMain_list_li dl{
	text-align: left;
	margin-top: 12px;
}
.w_CommMain_list_li dl:first-of-type{
	margin-top: 0;
}
.w_CommMain_list_li dt{
	width: 40px;
	max-width: 40px;
	height: 20px;
	max-height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #d6d6d6;
	font-size: 1.3rem;
	margin-right: 8px;
}
.w_CommMain_list_li dd{
	font-size: 1.4rem;
	line-height: 20px;
}
/*		spMode
----------------------------------------------*/
html.spMode .CommMain_movie{
	width: 634px;
	margin: 0 auto;
}
html.spMode .CommMain_title{
	width: 700px;
	margin: 60px auto 30px;
}
html.spMode .CommMain_text{
	width: 700px;
	margin: 0 auto 28px;
}
html.spMode .w_CommMain_list{
	width: 700px;
	padding: 20px 8px 0;
}
html.spMode .w_CommMain_list_li dl{
	margin-top: 24px;
}
html.spMode .w_CommMain_list_li dl:first-of-type{
	margin-top: 0;
}
html.spMode .w_CommMain_list_li dt{
	width: 80px;
	max-width: 80px;
	height: 40px;
	max-height: 40px;
	line-height: 40px;
	margin-right: 16px;
}
html.spMode .w_CommMain_list_li dd{
	width: 588px;
	line-height: 40px;
}

/*** ダミーお客様の満足のために私たちができること ***/
.w_CommMain_innerCol_item:first-child{
	margin-bottom: 70px;
}
.w_CommMain_innerCol_item:first-child .CommMain_text__bl02{
	margin-right: 45px;
}
.w_CommMain_innerCol_item:first-child .CommMain_img{
	margin-right: 0;
}
.CommMain_text__bl02{
	width: 607px;
	line-height: 3.2rem;
	margin-bottom: 0;
}
.CommMain_img{
	width: 308px;
	margin-right: 45px;
}
.CommMain_img img{
	width: 100%;
	height: auto;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_CommMain_innerCol_item:first-child{
	margin-bottom: 140px;
}
html.spMode .CommMain_text{
	max-height: 100%;
}
html.spMode .w_CommMain_innerCol_item:first-child .CommMain_text__bl02{
	margin-right: 0;
	margin-bottom: 40px;
}
html.spMode .w_CommMain_innerCol_item:first-child .CommMain_img{
	margin-right: 0;
	margin-bottom: 0;
}
html.spMode .CommMain_text__bl02{
	width: 640px;
	margin-bottom: 0;
}
html.spMode .CommMain_img{
	width: 640px;
	margin-right: 0;
	margin-bottom: 40px;
}

/*** 運営店舗一覧 ***/
.CommMain_head__shop{
	margin-bottom: 14px;
}
.CommMain_read{
	width: 634px;
	margin: 0 auto;
	font-size: 1.5rem;
	line-height: 3.2rem;
}
.w_CommMain_shopList{
	margin-top: 26px;
}
.w_CommMain_shopList_inner{
	width: 960px;
	border-top: 1px solid #bfbfbf;
	padding-top: 21px;
	padding-bottom: 75px;
	text-align: left;
	margin-top: 10px;
}
.CommMain_shopList_cap{
	padding-top: 30px;
}
.CommMain_shopList_num{
	font-size: 1.8rem;
	margin-left: 13px;
	vertical-align: bottom;
}
.CommMain_shopList_num span {
	font-size: 1.4rem;
	vertical-align: bottom;
}
.w_CommMain_shopList_inner_item{
	width: 308px;
	padding-left: 10px;
	margin-left: 18px;
	margin-top: 35px;
	line-height: 1.5;
}
.w_CommMain_shopList_inner_item *{
	line-height: inherit;
}
.w_CommMain_shopList_inner_item:nth-child(3n+1){
	margin-left: 0;
}
.w_CommMain_shopList_inner_item:nth-child(-n+3){
	margin-top: 0;
}
.CommMain_shopList_name{
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.CommMain_shopList_add{
	font-size: 1.4rem;
}
.CommMain_shopList_tel{
	font-size: 1.4rem;
	line-height: 20px;
}
.CommMain_shopList_tel span{
	display: inline-block;
	width: 40px;
	height: 20px;
	line-height: 20px;
	background-color: #d6d6d6;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.3rem;
	margin-right: 7px;
}
.CommMain_shopList_icon{
	padding-left: 0;
	margin-top: 10px;
}
/*		spMode
----------------------------------------------*/
html.spMode .CommMain_head__shop{
	margin-bottom: 28px;
}
html.spMode .CommMain_read{
	width: 680px;
	max-height: 100%;
}
html.spMode .w_CommMain_shopList{
	margin-top: 52px;
}
html.spMode .w_CommMain_shopList_inner{
	width: 700px;
	padding-top: 42px;
	padding-bottom: 150px;
	margin: 20px auto 0;
}
html.spMode .CommMain_shopList_cap{
	width: 700px;
	padding-top: 14px;
	margin: 0 auto;
        position: relative;
}
html.spMode .CommMain_shopList_cap::before{
        content: "";
    position: absolute;
    right: 10px;
    width: 30px;
    height: 2px;
    top: 40px;
    background-color: #000000;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition: 0.3s;
}
html.spMode .CommMain_shopList_cap::after{
        content: "";
    position: absolute;
    right: 10px;
    width: 30px;
    height: 2px;
    top: 40px;
    background-color: #000000;
    transition: 0.3s;
}
html.spMode .CommMain_shopList_cap.active::before{
        transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
html.spMode .CommMain_shopList_cap.active::after{
    display: none;
}
html.spMode .w_CommMain_shopList_item{
    border-bottom: 1px solid #bfbfbf;
    padding: 14px 0;
    margin: 0 20px;
}




html.spMode .CommMain_shopList_cap img{
	vertical-align: middle;
}
html.spMode .CommMain_shopList_cap__au img{
	width: 101px;
}
html.spMode .CommMain_shopList_cap__docomo img{
	width: 232px;
}
html.spMode .CommMain_shopList_cap__any img{
	width: 420px;
}
html.spMode .CommMain_shopList_num{
	margin-left: 26px;
	vertical-align: middle;
}
html.spMode .w_CommMain_shopList_inner_item{
	width: 100%;
	padding-left: 0;
	margin-left: 0;
	margin-top: 40px;
}
html.spMode .w_CommMain_shopList_inner_item:first-child{
        margin-top: 0;
}

html.spMode .CommMain_shopList_name{
	margin-bottom: 20px;
}
html.spMode .CommMain_shopList_tel{
	line-height: 40px;
}
html.spMode .CommMain_shopList_tel span{
	width: 80px;
	height: 40px;
	line-height: 40px;
	margin-right: 14px;
}
html.spMode .CommMain_shopList_icon{
	margin-top: 20px;
}
.CommMain_shopList_cap img{
    vertical-align: top;
}

/* Line */
.w_CommMain_line{
	width: 960px;
	height: 260px;
	border-radius: 20px;
	border-width: 3px;
	border-color: #47cd47;
	border-style: solid;
}
.CommMain_line_title{
	width: 236px;
	height: 260px;
	position: relative;
}
.CommMain_line_title span{
	display: block;
	width: 170px;
	height: 30px;
	margin: auto;
	color: #008600;
	font-size: 2rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.CommMain_line_detail{
	width: 718px;
	padding: 38px 54px 0 0;
	font-size: 1.5rem;
	line-height: 3rem;
	text-align: left;
}
.CommMain_line_btn{
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin-top: 13px;
}
.CommMain_line_btn:hover{
	text-decoration: none;
	background-color: #000;
	color: #fff;
	border-color: transparent;
	transition: background, color, border 0.5s, 0.5s, 0.5s;
}
.CommMain_line_btn:hover:after{
	border-color: #fff;
	transition: border 0.5s;
}
/*		spMode
----------------------------------------------*/
html.spMode .w_CommMain_line{
	width: 700px;
	height: auto;
	border-radius: 40px;
	margin: 0 auto;
	padding-bottom: 40px;
}
html.spMode .CommMain_line_title{
	width: 100%;
	height: 150px;
}
html.spMode .CommMain_line_title span{
	width: 340px;
	height: 60px;
}
html.spMode .CommMain_line_detail{
	width: 90%;
	padding: 0;
	margin: 0 auto;
	max-height: 100%;
}
html.spMode .CommMain_line_btn{
	width: 600px;
	height: 100px;
	line-height: 100px;
	margin-top: 26px;
}

/*SPnone
PC版で表示させたくないSPの要素の記述

*/

.sp-logo-area{
    display: none;
}
.sp-topimg{
    display: none;
}

/*---------------------spMode-------------------------------
以下SP記述
*/

html.spMode *:not(img){
   // width: 100%;
}


/*header*/

html.spMode .gmenu02-box-img{
    margin-top: 10px;
}

html.spMode .gmenu-over img{
    width: auto;
}

html.spMode .gcommunication-img{
    margin-top: 10px;
    margin-bottom: 0px;
}
html.spMode .gsports-img{
    margin-top: 10px;
    margin-bottom: 0px;
}
html.spMode .gmenu01-box-text01{
        padding-top: 10px;
}

/*index*/

html.spMode .covervid-wrapper-top{
    display: none;
}

html.spMode .lang,html.spMode .menu-contact,html.spMode .logo-area,html.spMode .jigyo-dot{
    display: none;
}
html.spMode .tmenuhover:before,html.spMode .tmenuhover:after{
    display: none;
}

html.spMode .covervid-wrapper-top{
    display: none;
}

html.spMode .sp-topimg{
    width: 100%;
    display: block;
}
html.spMode .sp-topimg img{
    width: 100%;
    display: block;
}

html.spMode .contact-area{
    width: 120px;
    padding: 0;
}

html.spMode .gmenu-buttonbox{
    background: #009c84;
    width: 120px;
    height: 120px;
}

html.spMode .gmenu-button{
    width: 40px;
    height: 35px;
    margin: 40px;
}

html.spMode .gmenu-button span{
    height: 4px;
}

html.spMode .gmenu-button span:nth-of-type(2){
    top: 16px;
}
html.spMode .gmenu-button.active span:nth-of-type(1) {
	-webkit-transform: translateY(21px) rotate(-315deg);
	transform: translateY(21px) rotate(-315deg);
}
html.spMode .gmenu-button.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(315deg);
	transform: translateY(-10px) rotate(315deg);
}

html.spMode .sp-logo-area{
    display: block;
        float: left;
    padding-left: 20px;
    padding-top: 30px;
    width: 65%;
}
html.spMode .sp-logo-area img{
    width: 100%;
    height: auto;
}

html.spMode .information-left{
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}
html.spMode .information-date{
    
}
html.spMode .information-category{
    
        margin-top: 3px;
}
html.spMode .information-title{
    width: 100%;
    
        padding-top: 20px;
}
html.spMode .information-right ul li{
    padding: 20px 0;
}


html.spMode .information-right ul li:after{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 14px;
    top: 58px;
}


html.spMode .w_SvFirstView,.w_CommIntro{
    width: 100%;
    min-width: 0;
}


html.spMode .CommIntro_img{
    width: 100%;
    min-width: 0;
}
html.spMode .CommIntro_img img{
    width: 100%;
}

html.spMode .w_CommMain{
    width: 100%;
    min-width: 0;
}

html.spMode .w_CommMain_col{
    width: 750px;
   margin: 0 auto;
   min-width: 0;
}




/*index sp*/


html.spMode .jigyo-link{
    width: 100%;
        margin: 0 auto 68px auto;
}

html.spMode .jigyo-link-boxinner01:first-child{
    border-top: 1px solid #7f7f7f; 
}

html.spMode .jigyo-link-boxinner01{
        width: 100%;
        border-bottom: 1px solid #7f7f7f; 
}
html.spMode .jigyo-link-boxinner01 a{
        margin: 0 auto;
}
html.spMode .information-box{
    width: 95%;
}

html.spMode .infotmation-link a{
    
}

html.spMode .infotmation-link-area:after{
        width: 20px;
    height: 20px;
        right: 15px;
    top: 27px;
}

html.spMode .information-right{
    float: none;
    width: 100%;
}
html.spMode .information-left{
    margin-bottom: 60px;
}
html.spMode .information-left img{
    width: 40%;
}

html.spMode .sp-top-content .jigyo-link-boxinner01 a{
    width: auto;
    height: 195px;
}
html.spMode .sp-top-content .communication-img{
    position: absolute;
    left: 68px;
    top:33px;
}
html.spMode .sp-top-content .sports-img{
    position: absolute;
    left: 43px;
    top:0px;
}

html.spMode .sp-top-content .tmenu01-box-text01{
    position: absolute;
    left: 30%;
    top:26px;
    width: 430px;
    font-size: 1.8rem;
}
html.spMode .sp-top-content .tmenu01-box-text02{
    position: absolute;
    left: 30%;
    top:87px;
    width: 430px;
}

html.spMode .jigyo-link-box02{
        width: 100%;
        margin: 30px auto 0 auto;
        font-size: 0;
}
html.spMode .jigyo-link-boxinner02{
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
}
html.spMode .simple-btn01{
    width: 100%;
    height: 95px;
    padding-top: 28px;
    box-sizing: border-box;
}
html.spMode .simple-btn02{
        width: 75%;
    height: 95px;
    padding-top: 30px;
    box-sizing: border-box;
}


html.spMode .jigyo-link-boxinner02:first-child{
        margin-left: 2%;
        margin-right: 2%;
}

html.spMode .simple-btn01.black:after{
    width: 18px;
    height: 18px;
    right: 20px;
    top: 38px;
}
html.spMode .simple-btn02.black:after{
        width: 18px;
    height: 18px;
        right: 20px;
    top: 38px;
}


html.spMode .future-text{
    width: 90%;
}

html.spMode .future-text01{
    
    line-height: 1.8;
}
html.spMode .future-text02{
    
    line-height: 1.8;
}

html.spMode .future-img{
    padding: 50px 0;
}
html.spMode .future-img img{
    width: 100%;
}
html.spMode .recruit-box{
    width: 95%;
}
html.spMode .recruit-title{
    text-align: center;
    
        padding-top: 40px;
    margin-bottom: 30px;
}
html.spMode .recruit-text{
    font-size: 1.3rem;
    line-height: 1.8;
}

html.spMode .recruit-area{
    
}
html.spMode .recruit-box-inner{
    padding: 0;
    margin: 0;
}
html.spMode .simple-btn03-box{
    float: none;
    text-align: center;
}
html.spMode .simple-btn03-box:first-child{
    margin-right: 0px;
    margin: 0px auto 0 auto;
        
}

html.spMode .simple-btn03{
        height: 95px;
    width: 75%;
    margin: 25px auto 0 auto;
    padding-top: 30px;
    box-sizing: border-box;
}

html.spMode .simple-btn03.white:after{
        top: 38px;
            width: 20px;
    height: 20px;
}
html.spMode .tel-box{
    padding: 80px 0;
}
html.spMode .tel-text{
       
    width: 90%;
    margin: 0 auto;
    line-height: 2;
}
html.spMode .tel-boxinner{
    width: 95%;
    margin: 15px auto 0 auto;
}
html.spMode .tel-bar{
    display: none;
}
 html.spMode .contact-btn-box a{
    border: none;
    
}
html.spMode .contact-btn-box a.black:hover{
    background: #fff;
    color: #000 !important;
}

html.spMode .tel-left,html.spMode .tel-right{
    border: 2px solid #b5b5b5;
    display: inline-block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
        margin-top: 40px;
}
html.spMode .tel-right{
    padding:30px 0 20px 55px;
    position: relative;
}
html.spMode .tel-left a,html.spMode .tel-right a{
    padding:20px 60px;
    box-sizing: border-box;
    display: block;
}
html.spMode .tel-right a.contact-btn{
    border: none;
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
        font-size: 2.2rem;
}
html.spMode .tel-left img{
    width: 85%;
}
html.spMode .tel-right img{
    width: 10%;
    margin-left: 0;
}
html.spMode .contact-btn.black:after{
    width: 15px;
    height: 15px;
    top: 40px;
    right: 20px;
}

html.spMode .tel-left:after{
    display: block;
    width: 15px;
    height: 15px;
    border-top: 1px solid #434343;
    border-right: 1px solid #434343;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 20px;
    top: 58px;
}


/*footer sp*/

html.spMode #footer{
    padding: 0;
}

html.spMode .footer-box{
    width: 100%;
}
html.spMode .footer-box01{
    padding: 0;
    border-top: 2px solid #b7b7b7;
    border-bottom: 2px solid #b7b7b7;
    position: relative;
}
html.spMode .footer-box02{
    padding: 0;
    border-bottom: 2px solid #b7b7b7;
    position: relative;
}

html.spMode .footer-box01-title:before,html.spMode .footer-box02-title:before{
    content: "";
    position: absolute;
    right: 40px;
    width: 30px;
    height: 2px;
    top: 50px;
    background-color: #000000;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transition:0.3s;
}
html.spMode .footer-box01-title:after,html.spMode .footer-box02-title:after{
    content: "";
    position: absolute;
    right: 40px;
    width: 30px;
    height: 2px;
    top: 50px;
    background-color: #000000;
    transition:0.3s;
}
html.spMode .footer-box01-title.active:before,html.spMode .footer-box02-title.active:before{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
html.spMode .footer-box01-title.active:after,html.spMode .footer-box02-title.active:after{
    display:none;
}

html.spMode .footer-box01-title{
   
    cursor: pointer;
    padding: 32px 0;
}
html.spMode .footer-box02-title{
    cursor: pointer;
    padding: 40px 0;
}
html.spMode .footer-box01-title,html.spMode .footer-box02-title,html.spMode .footer-box02-titleimg{
    padding-left: 2%;
        height: 104px;
    box-sizing: border-box;
}

html.spMode .footer-box02-titleimg img{
    width: 40%
}

html.spMode .footer-box01 li,html.spMode .footer-box02 li{
    width: 96%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 2%;
    float: none;
    border-bottom: 1px solid #7f7f7f;
}
html.spMode .footer-box01 li:first-child,html.spMode .footer-box02 li:first-child{
    border-top: 1px solid #7f7f7f;
}
html.spMode .footer-box01 li a,html.spMode .footer-box02 li a{
    width: 100%;
    display: inline-block;
}


html.spMode .footershop{
    display: inline-block;
    margin-right: 10px;
}

html.spMode .footerfaceline{
    display: inline-block;
}
html.spMode .footer-box02-title{
    
}
html.spMode .footer-box02-title,html.spMode .footer-box02-title span{
    
}

html.spMode .footer-bottom{
    width: 95%;
    padding-bottom: 30px;
}
html.spMode .footerpolicylink{
    
    text-align: center;
    margin: 40px 0 30px;
}
html.spMode .footerfacetube{
    text-align: center;
    font-size: 0;
    margin-top: 75px;
}
html.spMode .footerfacetube a:first-child{
        margin-right: 65px;
}
html.spMode .footerfacetube a{
    width: 95px;
    height: 95px;
    display: inline-block;
    
}
html.spMode .footerfacetube a img{
    width: 100%;
}
html.spMode .footerpolicy{
    
    padding-bottom: 50px;
}
/*SP gmenu-over*/
html.spMode .gmenu-over{
      position: absolute;
    padding: 20px 20px 20px 20px;
    margin: 0 auto;
    top: 120px;
    right: 0;
    bottom: 0;
    z-index: 10005;
    width: 100%;
    height: 1060px;
    background: #fff;
    display: none; 
        box-sizing: border-box;
}
html.spMode .gmenu01-box,html.spMode .gmenu01-box a{
    width: 100%;
    height: auto;
}
html.spMode .gmenu-bar01{
    height: 2px;
    width: 100%;
    border-top: 1px solid #eaeaea;
    margin: 19px 0 0 0;
    vertical-align: top;
}
html.spMode .gmenu-bar01 img{
    display: none;
}

html.spMode .gmenuhover:before,html.spMode .gmenuhover:after{
    display: none;
}
html.spMode .gmenuhover.sports:before,html.spMode .gmenuhover.sports:after{
    display: none;
}

html.spMode .gmenu02-box{
    width: 46%;
    float: left;
    height: 150px;
    margin: 10px 2%;
    padding: 0;
    position: relative;
}
html.spMode .gmenu02-box:first-child{
    padding-left: auto;
    background:url(../img/gmenu_bar.png) no-repeat left top;
}
html.spMode .gmenu02-box:nth-child(2n+1){
    background:none;
}
html.spMode .gmenu02-box:nth-child(2n){
    background:none;
}
html.spMode .gmenu02-box:nth-child(2n+1):before{
    background:url(../img/gmenu_bar.png) no-repeat left top;
    content: "";
    height: 150px;
    padding: 2px;
    position: absolute;
    right: -20px;
    top: 0;
}


html.spMode .gmenu02-box a{
    height: 100%;
}

html.spMode .gmenu02-box-text01{
    margin-top: 10px;
}

html.spMode .gmenu03{
    padding-top:20px;
}


html.spMode .gmenu03-box ul li:first-child{
    margin-left: 2%;
}
html.spMode .gmenu03-box ul li{
    width: 47%;
    margin-left: 2%;
}
html.spMode .gmenu03-box{
    width: auto;
}

/*SPベースサイズ*/
html.spMode{
    font-size:20px;
    
}
html.spMode body{
    -webkit-text-size-adjust: 100%;
}
html.spMode p{
    max-height: 100%;
}

html.spMode .footerfaceline.CommMain_shopList_icon a{
    margin-right: 0px;
        display: inline-block;
    width: 80px;
}

html.spMode .footerfaceline.CommMain_shopList_icon a img{
    width: 100%;
}

.footer-box.sp-only {
    display: none;
}
.footer-box.pc-only {
    display: block;
}
html.spMode .footer-box.sp-only {
    display: block;
}
html.spMode .footer-box.pc-only {
    display: none;
}