@charset "UTF-8";/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
  padding:0;
}



.gallery-list li{
  margin:0 10px 0 0;
}



@media screen and (max-width:768px){
	body{margin: 0;padding: 0; width: 100vw!important;}
}

#video-area{
    
    z-index: -1;/*最背面に設定*/

	max-width: 1980px;
	margin: 0 auto;
    overflow: hidden;
}

#video {

   max-height: 100%;
    max-width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	#video {
margin-top: 100px;
}
}






h1 {
   margin: 0 15px; padding: 0;
   font-size: 24px;font-family:'Noto Sans JP',sans-serif;font-weight: 700;
}
a.test{	
   text-decoration: none;
   color: #4b4b4b;
}
nav.test{
   margin: 0 0 0 auto; float: right;
}
ul.test{
   list-style: none;
   margin: 0 15px;;
   display: flex;
}
li.test{
   margin: 0 0 0 15px;
   font-size: 18px;font-family:'Noto Sans JP',sans-serif;font-weight: 700;
}
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  text-align:center;
  color:#90ffdf;top: 0;
}

/* Loading画像中央配置　*/
#splash_text {
  position: absolute;
  top: 60%;
  left: 50%;
    z-index: 999;
  transform: translate(-50%, -50%);
  color: #90ffdf;
  width: 100%;
	
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 2px;
}

/*割れる画面のアニメーション*/
.loader_cover {
    width: 100%;
    height: 50%;
    background-color: #070707;
    transition: all .2s cubic-bezier(.04, .435, .315, .9);
    transform: scaleY(1);
}
/*上の画面*/
.loader_cover-up {
    transform-origin: center top;
}

/*下の画面*/
.loader_cover-down {
    position: absolute;
    bottom: 0;
    transform-origin: center bottom;
}
/*クラス名がついたらY軸方向に0*/
.coveranime {
    transform: scaleY(0);
}



.grid {	position: relative;	width: 100%; height: auto;}
.grid .half{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half { width:49.375%; }

.grid .half2{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half2 { width:37.375%; }

.grid .half4{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half4 { width: 61.2% }


.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.grid { display:inline-block; } .grid { display:block; }
.pc{display: block;}
.mob{display: none;}
@media screen and (max-width:900px){
	.grid .tall { width:100%; margin-left:0 !important; }
	
	}
@media screen and (max-width:600px){
	.top{margin-top: 75px;}
.m-marg{top:-50px;; padding-bottom:0;}
.pc{display: none;}
.mob{display: block;}
.grid .half{ float:none; width:100%; margin-left:0 !important; }
.grid .fst { clear:none; }
.grid .ssl { padding:0; }

.grid .half4{ position:relative; float:left; margin-left:0% !important; }
.grid .half4 { width: 100% }	
	
	
.grid { position:relative; width:100%; }
.grid .sall{ position:relative; float:left; margin-left:1.25% !important; }
.grid .sall { width:100%; margin-left:0 !important; }
.grid .ssfst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.grid { display:inline-block; } .grid { display:block; }

}




.scroll_d {
	position: relative; top: -100px;}
@media screen and (max-width: 480px) {
.scroll_d {position: relative; top: -10px; margin-top: 120px;}}


.top_logo {
	margin: 15% auto; max-width: 920px;}
@media screen and (max-width: 480px) {
.top_logo {margin: 55% 8%;}}
.btnbox {
	margin: 0 auto; max-width: 220px;
}
@media screen and (max-width: 480px) {
.btnbox {
	margin: 0 auto; max-width: 160px;
}}
.head_sz img{
 width: 220px; position: relative; margin: 0 15px 0;
}

@media screen and (max-width: 480px) {
.head_sz img{
	width: 120px;
}}

.Form {
	position: relative;	max-width: 980px; margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .Form {
   ;
  }
}
.Form-Item {
 position:relative; float:left; margin-left:1.0% !important;  max-width: 32%;
}
@media screen and (max-width: 480px) {
  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap; max-width: 95vw;
  }
}
.Form-Item2 {
 position:relative; float:left; margin-left:1.25% !important; width: 100%;
}
@media screen and (max-width: 480px) {
  .Form-Item2 {

    flex-wrap: wrap;margin-left:5% !important; width: 90%;
  }
}
.Form-Item-Label2 {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
	position: relative; left: 5%;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label2 {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;  left: 0;
  }
}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
	position: relative; left: 15%;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;  left: 0;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #90ffdf;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 260px;
  background: rgba(41,41,41,1.00);
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;	
  }
}
.Form-Item-Textarea {
  border: 1px solid #90ffdf;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 166px;
  flex: 1;
  width: 100%;
  max-width: 92.5%;
  background: rgba(41,41,41,1.00);
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 0px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Btn {
  border-radius: 6px;
margin: 32px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 200px;
  display: block;
  letter-spacing: 0.05em;
  background: #90ffdf;
  color: #000;
	font-family: 'Exo', 'cursive';
  font-weight: bold;
  font-size: 20px; float: left;
}
@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}


.button {
  display: inline-block;
  padding: .5em 4em;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .3s;
}
.button:hover {
  box-shadow: 0 0 45px rgba(255, 255, 255, .6);
}


.btn06{
    /*矢印の基点とするためrelativeを指定*/
  position: relative;
	width: 260px;
    /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  background: #90ffdf;
  color:#111;
    padding: 10px 40px 10px 30px;
  border-radius:25px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .2s;
}

.btn06:hover{
  background: #fff;
	 box-shadow: 0 0 45px rgba(255, 255, 255, .6);
}

/* 矢印が右に移動して現在地に戻る */

.btnarrow2::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #111;
    border-right: 2px solid #111;
    transform: rotate(45deg);
}

/*hoverした際のアニメーション*/
.btnarrow2:hover::after{
  animation: arrow .5s;
}

@keyframes arrow {
  50% {
    right: 10px;
  }
  100% {
    right: 13px;
  }
}

.mid_ttl{color: #90ffdf; text-align: center; font-size: 2.6rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px;}
@media screen and (max-width:768px){.mid_ttl{color: #90ffdf; text-align: center; font-size: 2.4rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px; line-height: 1.2em;}}
.sum_ttl{color: #90ffdf; text-align: center; font-size: 3.2rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px;;}
@media screen and (max-width:768px){.sum_ttl{color: #90ffdf; text-align: center; font-size: 2.2rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin: 0 5px 25px;}}

.mid_txt{text-align: center; font-size: 1.2rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin-bottom: 25px;}
@media screen and (max-width:768px){.mid_txt{text-align: center; font-size: 1.1rem; font-weight: 700; font-family:'Noto Sans JP',sans-serif; margin: 0 5px 25px; line-height: 1.7em;}}

.vs_txt{font-family:'Noto Sans JP',sans-serif; font-weight: 700; font-size: 1.6em;}
@media screen and (max-width:768px){.vs_txt{
	text-align: center;
	width: 100%;}}

.art_txt{font-family:'Noto Sans JP',sans-serif; font-weight: 700; font-size: 1.8rem;}
@media screen and (max-width:768px){.art_txt{
	font-size: 1.2rem;
	width: 100%;}}

.sp_box{margin: 0 auto; max-width: 400px;}
@media screen and (max-width:768px){.sp_box{max-width: 320px;}}
.sp_ttl{text-align: center; color: #90ffdf; font-size: 1.8em}
@media screen and (max-width:768px){.sp_ttl{text-align: center; color: #90ffdf; font-size: 1.8em}}



.gl_ttl{text-align:center;margin-top:-30px;margin-bottom:70px}
@media screen and (max-width:768px){.gl_ttl{margin-bottom:48px}}

.gl_ttl .title{margin:auto;font-family:countach,sans-serif;font-weight:400;font-style:italic;font-size:6rem;line-height:1}
@media screen and (max-width:768px){.gl_ttl .title{font-size:3.8rem}}
.gl_ttl .title2{margin:auto;font-family:countach,sans-serif;font-weight:400;font-style:italic;font-size:6rem;line-height:1}
@media screen and (max-width:768px){.gl_ttl .title2{font-size:2.8rem}}


.gl_ttl .title.__ja{font-family:toppan-bunkyu-midashi-go-std,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-style:normal}
@media screen and (max-width:768px){.gl_ttl .title.__ja{font-size:4rem}}


@-webkit-keyframes headingLine{0%{width:0;opacity:0}10%{opacity:1}100%{width:100px;opacity:1}}
@keyframes headingLine{0%{width:0;opacity:0}10%{opacity:1}100%{width:100px;opacity:1}}
@-webkit-keyframes headingLine--sp{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}
@keyframes headingLine--sp{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}
@-webkit-keyframes headingLine_middle{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}
@keyframes headingLine_middle{0%{width:0;opacity:0}10%{opacity:1}100%{width:80px;opacity:1}}


.gl_txt{position:relative;padding:30px;display:inline-block}.gl_txt:before,.gl_txt:after{content:attr(data-text);position:absolute;top:0;margin:auto;overflow:hidden;padding:30px;clip:rect(0,0,0,0);will-change:transform}.gl_txt:before{left:3px;text-shadow:-3px 0 #90ffdf;-webkit-animation:glitchBefore 2s linear 0s infinite alternate;animation:glitchBefore 2s linear 0s infinite alternate}.gl_txt:after{left:-3px;text-shadow:-3px 0 #AF0000;-webkit-animation:glitchAfter 2s linear 0s infinite alternate;animation:glitchAfter 2s linear 0s infinite alternate}.gl_txt.__ja{padding:32px}@-webkit-keyframes glitchBefore{0%{clip:rect(58px,800px,35px,30px)}5%{clip:rect(3px,800px,95px,30px)}10%{clip:rect(22px,800px,24px,30px)}15%{clip:rect(102px,800px,17px,30px)}20%{clip:rect(83px,800px,19px,30px)}25%{clip:rect(7px,800px,61px,30px)}30%{clip:rect(49px,800px,106px,30px)}35%{clip:rect(148px,800px,115px,30px)}40%{clip:rect(145px,800px,107px,30px)}45%{clip:rect(9px,800px,108px,30px)}50%{clip:rect(93px,800px,21px,30px)}55%{clip:rect(133px,800px,99px,30px)}60%{clip:rect(77px,800px,103px,30px)}65%{clip:rect(96px,800px,69px,30px)}70%{clip:rect(64px,800px,9px,30px)}75%{clip:rect(41px,800px,2px,30px)}80%{clip:rect(1px,800px,107px,30px)}85%{clip:rect(48px,800px,63px,30px)}90%{clip:rect(86px,800px,38px,30px)}95%{clip:rect(67px,800px,113px,30px)}100%{clip:rect(120px,800px,126px,30px)}}@keyframes glitchBefore{0%{clip:rect(58px,800px,35px,30px)}5%{clip:rect(3px,800px,95px,30px)}10%{clip:rect(22px,800px,24px,30px)}15%{clip:rect(102px,800px,17px,30px)}20%{clip:rect(83px,800px,19px,30px)}25%{clip:rect(7px,800px,61px,30px)}30%{clip:rect(49px,800px,106px,30px)}35%{clip:rect(148px,800px,115px,30px)}40%{clip:rect(145px,800px,107px,30px)}45%{clip:rect(9px,800px,108px,30px)}50%{clip:rect(93px,800px,21px,30px)}55%{clip:rect(133px,800px,99px,30px)}60%{clip:rect(77px,800px,103px,30px)}65%{clip:rect(96px,800px,69px,30px)}70%{clip:rect(64px,800px,9px,30px)}75%{clip:rect(41px,800px,2px,30px)}80%{clip:rect(1px,800px,107px,30px)}85%{clip:rect(48px,800px,63px,30px)}90%{clip:rect(86px,800px,38px,30px)}95%{clip:rect(67px,800px,113px,30px)}100%{clip:rect(120px,800px,126px,30px)}}@-webkit-keyframes glitchAfter{0%{clip:rect(33px,800px,71px,30px)}5%{clip:rect(68px,800px,136px,30px)}10%{clip:rect(36px,800px,113px,30px)}15%{clip:rect(141px,800px,56px,30px)}20%{clip:rect(86px,800px,79px,30px)}25%{clip:rect(92px,800px,37px,30px)}30%{clip:rect(87px,800px,70px,30px)}35%{clip:rect(14px,800px,134px,30px)}40%{clip:rect(133px,800px,130px,30px)}45%{clip:rect(99px,800px,46px,30px)}50%{clip:rect(53px,800px,39px,30px)}55%{clip:rect(97px,800px,105px,30px)}60%{clip:rect(58px,800px,34px,30px)}65%{clip:rect(68px,800px,45px,30px)}70%{clip:rect(50px,800px,62px,30px)}75%{clip:rect(106px,800px,8px,30px)}80%{clip:rect(110px,800px,5px,30px)}85%{clip:rect(143px,800px,123px,30px)}90%{clip:rect(63px,800px,37px,30px)}95%{clip:rect(12px,800px,41px,30px)}100%{clip:rect(46px,800px,80px,30px)}}@keyframes glitchAfter{0%{clip:rect(33px,800px,71px,30px)}5%{clip:rect(68px,800px,136px,30px)}10%{clip:rect(36px,800px,113px,30px)}15%{clip:rect(141px,800px,56px,30px)}20%{clip:rect(86px,800px,79px,30px)}25%{clip:rect(92px,800px,37px,30px)}30%{clip:rect(87px,800px,70px,30px)}35%{clip:rect(14px,800px,134px,30px)}40%{clip:rect(133px,800px,130px,30px)}45%{clip:rect(99px,800px,46px,30px)}50%{clip:rect(53px,800px,39px,30px)}55%{clip:rect(97px,800px,105px,30px)}60%{clip:rect(58px,800px,34px,30px)}65%{clip:rect(68px,800px,45px,30px)}70%{clip:rect(50px,800px,62px,30px)}75%{clip:rect(106px,800px,8px,30px)}80%{clip:rect(110px,800px,5px,30px)}85%{clip:rect(143px,800px,123px,30px)}90%{clip:rect(63px,800px,37px,30px)}95%{clip:rect(12px,800px,41px,30px)}100%{clip:rect(46px,800px,80px,30px)}}@-webkit-keyframes glitch{0%{transform:skewX(0deg)}5%{transform:skewX(2deg);opacity:.75}10%{transform:skewX(0deg);opacity:1}15%{transform:skewX(-5deg);opacity:.75}20%{transform:skewX(0deg);opacity:1}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg)}}@keyframes glitch{0%{transform:skewX(0deg)}5%{transform:skewX(2deg);opacity:.75}10%{transform:skewX(0deg);opacity:1}15%{transform:skewX(-5deg);opacity:.75}20%{transform:skewX(0deg);opacity:1}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg)}}@-webkit-keyframes glitchOnce{0%{transform:skewX(0deg);opacity:0}5%{transform:skewX(2deg);opacity:.15}10%{transform:skewX(0deg);opacity:.25}15%{transform:skewX(-5deg);opacity:.35}20%{transform:skewX(0deg);opacity:.75}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg);opacity:1}}@keyframes glitchOnce{0%{transform:skewX(0deg);opacity:0}5%{transform:skewX(2deg);opacity:.15}10%{transform:skewX(0deg);opacity:.25}15%{transform:skewX(-5deg);opacity:.35}20%{transform:skewX(0deg);opacity:.75}45%{transform:skewX(3deg);opacity:.75}50%{transform:skewX(0deg);opacity:1}55%{transform:skewX(0deg);opacity:.75}60%{transform:skewX(0deg);opacity:1}75%{transform:skewX(2deg)}80%{transform:skewX(0deg)}85%{transform:skewX(-8deg);opacity:.75}90%{transform:skewX(0deg);opacity:1}100%{transform:skewX(0deg);opacity:1}}








.sec_st2{background: url(../red.png); height: 1000px;}
@media screen and (max-width:768px){.sec_st2{background:url(../bg_1.png); height: auto;}}
.in_sec_st2{position: relative; max-width: 1920px; height: 1000px; margin: 0 auto;}
@media screen and (max-width:768px){.in_sec_st2{position: relative; max-width: 1920px; height:auto; margin: 0 auto;}}

.com_st{background: #AF0000; padding: 45px 70px; margin-top:90px;}
@media screen and (max-width:768px){.com_st{background: #AF0000; padding: 0px; margin-top:0px;}}	
	
.com11_st{ height: 1280px; background: url(../back5.png) no-repeat;  padding: 5% 0 0 0;}
@media screen and (max-width:768px){.com11_st{height: auto; background: url(../back5.png) no-repeat;  padding: 5% 0 0 0;}}



	.s1280{ height: 1280px; }
@media screen and (max-width:768px){.s1280{height: auto;}}