@charset "shift_jis";
div,p,span,ul,li,dl,dt,dd,img,a{
	margin:0;
	padding:0;
}
a img{
	border:0;
}
.text1{
	font-size:15px;
	line-height:150%;
}
.text2{
	font-size:13px;
}
.pc { display: block !important; }
.sp { display: none !important; }

#jaccs_all{
	width:1000px;
	margin:0 auto;
}
.jaccs_title{
	margin-top:10px;
	margin-bottom:10px;
}
.jaccs_text {
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
	margin-top: 5px;
}
.chushaku {
	position: relative;
	left: 6%;
	margin-bottom: 20px;
}

#jaccs_all #jaccs_mainArea{
	padding-left:20px;
	width:955px;
	padding-bottom:30px;
}

#jaccs_all #jaccs_mainArea #btn_area{
	background-image:url(../img_gotocluboff/btn_off_2.jpg);
	background-repeat:no-repeat;
	width:955px;
	height:110px;
	text-indent:-10000em;
	margin-top:15px;
}

#jaccs_all #jaccs_mainArea #btn_area #jaccs_btn{
	width:622px;
	height:85px;
	display:block;
	margin-left:173px;
	padding-top:12px;
}

#jaccs_all #jaccs_mainArea #btn_area #jaccs_btn a{
	width:622px;
	height:85px;
	display:block;
}
#jaccs_all #jaccs_mainArea #btn_area #jaccs_btn a:hover{
	background-image:url(../img_gotocluboff/btn_ov_2.jpg);
	background-repeat:no-repeat;
}

#jaccs_all #jaccs_mainArea #jaccs_app_dl{
	width: 955px;
	height: auto;
	clear: both;
}
.flex{
	display: flex;
}


/* SP */
@media only screen and (max-width: 768px) {
*{ margin:0; padding:0;}
*{box-sizing: border-box;}
.pc { display: none !important; }
.sp { display: block !important; }

#sp_jaccs_mback {
 width: 100%;
 font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.sp_title {
 width: 100%;
 background: #00b050;
 font-size: 5.5vw;
 font-weight: 700;
 padding: 3% 1%;
 color: #fff;
 text-align: center;
}

.sp_main {
 width: 100%;
 padding: 4%;
 color: #1a1a1a;
 font-size: 4vw;
 line-height: 1.6;
}

.sp_chuiwaku {
 width: 100%;
 padding: 3% 4%;
 background: linear-gradient(180deg, #d9f2d0 0%, #eef9ea 100%);
 border: solid 1px #d9f2d0;
 border-radius: 7px;
 margin-bottom: 1em;
}
.sp_txt_l {
 font-size: 4.2vw;
 font-weight: 700;
 color: #00b050;
}
.sp_txt_l_black {
 font-size: 4.9vw;
 font-weight: 700;
 color: #343434;
 text-align: center;
 margin-bottom: 0.5em;
}
.app_dl_btn a img {
 width: 60%;
 margin: 0 auto;
 text-align: center;
}
.sp_txt_sankaku {
 margin: 0.2em;
 font-size: 10vw;
 color: #343434;
 font-weight: 700;
 text-align: center;
}
.sp_main img {
 width: 100%;
 margin: 0 auto;
 text-align: center;
}



/*==================================================
動く
===================================*/

.fadeUp {
animation-name: fadeUpAnime;/*アニメーションの定義名*/
animation-duration:1s;/*アニメーション変化時間 ※デフォルト*/
animation-fill-mode:forwards;/*アニメーションの開始と終了時の状態を指定*/
opacity:0;
}

/*アニメーションの開始から終了までを指定する*/
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* ページトップボタン */
html {
    scroll-behavior: auto;
}

.pagetop_circle {
    height: 11.5vw;
    width: 11.5vw;
    position: fixed;
    right: 2vw;
    bottom: 2vw;
    background: #00b050;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop_arrow {
    height: 3vw;
    width: 3vw;
    border-top: 0.8vw solid #fff;
    border-right: 0.8vw solid #fff;
    transform: translateY(150%) rotate(-45deg);
    margin-left: 4.3vw;
}
}