@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
.ul{list-style: none; }
.li {list-style: none;}

.title2:hover, .sp:hover, video:hover {
    cursor: pointer;
}


  .video-container {
      position: relative;
      width: 100%;
      max-width: 880px;
      margin: 0 auto;
    }

    .video-content {
      width: 100%;
      height: auto;
      display: none;
    }

    .video-content.sp {
      display: block;
    }

    .video-banner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
      width: 100%;
      height: auto;
      z-index: 2;
    }

    @media (min-width: 750px) {
      .video-content.sp {
        display: none;
      }
      .video-content.pc {
        display: block;
      }
    }

/*スマホ*/
@media screen and (max-width:750px){
	
.accordion-button {
    transition: opacity 0.3s ease;
    cursor: pointer; /* 手のひらマークを表示 */
}

.accordion-button:hover {
    opacity: 0.8; /* 20％の透過効果 */
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease; /* スムーズな開閉アニメーション */
}

/* コンテンツが表示されるときに最大高さを設定 */
.accordion-content.open {
    max-height: 1000px; /* コンテンツの高さに合わせて適宜調整 */
}


body {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; }
	
.header {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 12px 0px;position: fixed;background: #FFFFFF;z-index: 2;text-align: center}

h1 {
  font-size: 2em;
  margin: 0 0;padding: 0px 0px 0px 0px; }

h2 {
  font-size: 1.5em;
  margin: 0; }

h3{margin: 20px auto 0px auto;padding: 0px 0px 0px 0px;font-weight:inherit;font-style:inherit;font-size:100%;}
h4{margin: 0 auto;}
form {
  width: 80%;
  margin: 0 auto;
}

.input-group {
  display: flex;
  align-items: center;
}

[name="password"] {
  width: 100%; /* 7割 */
  padding: 16px 0;
  font-size: 16px;
  margin-right: 0%; /* スペース2% */
}

[name="Login"] {
  width: 100%; /* 3割 */
  padding: 16px;
  font-size: 16px;
  cursor: pointer;
  background-color: #4D4D4D; /* ボタン背景色 */
  color: #fff; /* ボタンテキスト色 */
  border: none;
}

.error {
  font-size: 16px;
  color: #F00;
  padding: 5px 0;
}

  [name="password"], [name="Login"] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; /* スペース調整 */
  }

  .input-group {
    flex-direction: column;
  }

.video3 {width:100%;margin:0% auto 20px auto; padding: 0% 0px 0px 0px;text-align:center;}	
	
.img70 { width: 70%;margin: 0px auto;}
.img80 { width: 80%;margin: 0px auto;}
.mainbg {width:100%;margin: 0px 0px 0px 0px;padding: 55px 0px 30px 0px;background-image:url("../img/top/bg-sp.jpg") ;background-repeat: no-repeat;background-position : center top;
background-size: cover;}

.limitedbg{width:70%;text-align: center;position: relative;height:140px;margin: 0px auto;}
.limited{width:100%;text-align: center;position: absolute;height: 0px;margin: 20px auto 0px auto;left: 0%;top: 10px;}

.contentmain{width: 100%;height: auto;margin: 0px auto 20px auto;}
	
.botantop{text-align: center;padding: 20px 0px 0px 0px;margin:0px auto 0px auto;}   
.botan{text-align: center;padding: 60px 0px 0px 0px;margin:0px auto 0px auto;}
.botan2{text-align: center;padding: 60px 0px 0px 0px;margin:0px auto 0px auto;} 
	
	
.botan1{text-align: center;width:80%;height:80px;background: linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%); 
font-size:130%;line-height: 140%;color:#C4161D;padding: 0px 0px 0px 0px;margin:0px auto 30px auto;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 15px 10px 0 rgba(0, 0, 0, .4);line-height:80px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}    
	
.pass{width:80%;margin: 20px auto 0px auto ;height:auto;padding: 30px 0px 30px 0px;background: linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%);
background:rgba(255,255,255,0.8);text-align:center;border: 2px solid #D3A12D}
	
.pass2{width:80%;margin: 20px auto 0px auto ;height:auto;padding: 10px 0px 0px 0px;text-align:center;}
	
.main{width:80%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 30px 30px 50px 30px;background: linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%);background:rgba(255,255,255,0.8);text-align:center;border-bottom: 8px solid #fad00c;border-left: 8px solid #fad00c;border-right: 8px solid #fad00c;box-sizing:border-box;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.box1{width:80%;margin: 30px auto 0px auto;background:linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%); padding: 20px 0px 20px 0px;text-align:center;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;;display: grid;}

.box2{width:100%;height: auto;margin: 40px auto 30px auto;background: linear-gradient(to right, #1B3663 0%, #3398e6 50%, #1B3663 100%); padding: 0px 0px 10px 0px;color:#fefacd; text-align:center;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	

#flexbox {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 90%;
    height: 140px;
    padding: 10px;
    margin: 20px auto 10px auto;
}

.box-item1, .box-item2, .box-item3 {
    width: 32%;
    font-size: 180%;
    color: #fff;
    outline: 1px solid #fff;
    outline-offset: -7px;
    font-weight: 600;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
    display: grid;
    place-items: center;
    text-align: center;
    transition: background-color 0.3s ease;
}

.box-item1 { background: #6E9BC5; }
.box-item2 { background: #E58582; }
.box-item3 { background: #85AC52; }

.box-item1:hover { background: rgba(110, 155, 197, 0.8); }
.box-item2:hover { background: rgba(229, 133, 130, 0.8); }
.box-item3:hover { background: rgba(133, 172, 82, 0.8); }

.box-item1 a, .box-item2 a, .box-item3 a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    text-align: center;
    display: grid;
    place-items: center;
}

.box-item1 a:hover, .box-item2 a:hover, .box-item3 a:hover,
.box-item1 a:visited, .box-item2 a:visited, .box-item3 a:visited {
    color: inherit;
    text-decoration: none;
}

.title1{width:80%;height:80px;text-align: center;margin: 100px auto 30px auto;padding:0px 0.5%;background:#6E9BC5; font-size:140%;line-height:80px;color:#fff;text-align:center;padding:10px 0px 10px 0px;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);}  

.title2{width:80%;height:80px;text-align: center;margin: 100px auto 30px auto;padding:0px 0.5%;background:#E58582; font-size:140%;line-height:80px;color:#fff;text-align:center;padding:10px 0px 10px 0px;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);}  
	
.title3{width:80%;height:80px;text-align: center;margin: 100px auto 30px auto;padding:0px 0.5%;background:#85AC52; font-size:140%;line-height:80px;color:#fff;text-align:center;padding:10px 0px 10px 0px;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);} 

/*フッター */
.footer1{clear: both;width: 100%;height: auto;margin: 0px auto 0px auto;background-color:#fff;   bottom: 0px; padding: 0px 0px 5px 0px;border-bottom: 1px solid #000;}
.navi2{width:60%;margin: 0px auto 0px auto;padding: 30px 0% 0px 0%;}
.flex-container2 {width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap; }
.flex-item2 {padding: 30 0 30px 0;flex-basis: 100%;box-sizing: border-box;margin: 10px auto 20px;}
.flex-item3 {padding: 0 0 30px 0;flex-basis: 100%;box-sizing: border-box;}
/* scroll */
.page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
	
.cap{width: 80%;height: auto;margin: 0px auto;text-align: left;padding: 30px 0px 20px 0px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size: 70%;}
	
.font{font-size:140%;lfont-weight:700;text-align:center;line-height: 140%;padding: 30px 0px 10px 0px;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font1{width: 100%;font-size:100%;text-align:left;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;margin: 0px auto 10px;}
	
.font11{width: 80%;font-size:100%;text-align:left;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;margin: 0px auto;}
	
.font1111{width: 80%;font-size:100%;text-align:left;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;margin: 30px auto 0px;}

.font111{font-size:140%;text-align:center;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font2{font-size:130%;text-align:center;color:#000;font-weight:400;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font33{font-size:100%;text-align:left;font-weight:700;color:#C4161D;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font4{font-size:100%;text-align:left;font-weight:400;color:#000;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font55{font-size:100%;text-align:center;font-weight:400;color:#000;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;margin:10px auto 10px auto;}
	
.formtext{width:80%;text-align:left;font-weight:400;margin: 20px auto 0px auto;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
.cap{width: 80%;height: auto;margin: 0px auto;text-align: left;padding: 30px 0px 60px 0px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:80%}

	
.content{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; border-top: 2px solid #35ADBE;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;-webkit-backface-visibility: hidden; backface-visibility:hidden;}



a img.opacity,.hoverimg a img{-webkit-transition: all .3s;transition: all .3s;}
.hoverimg a:hover img{ opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
.sp { display: block !important; }
.pc { display: none !important; }

p { margin: 0px; }
h2 { margin: 0px; }
h1 { margin: 0px; }
.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b8 { margin-bottom: 8px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b35 { margin-bottom:35px; }
.b45 { margin-bottom:45px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t5 { margin-top: 5px; }

.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t35 { margin-top:35px; }
.t45 { margin-top:45px; }
.t55 { margin-top:55px; }
.t100 { margin-top:103px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l5 { margin-left: 5px; }
.l8 { margin-left: 8px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l55 { margin-left:55px; }
    
.sb20 { margin-bottom:20px; }
.sb10 { margin-bottom:10px; }
.st10 { margin-top:10px; }
.st8 { margin-top:10px; }
.st-20 { margin-top:-10px; }
.st20 { margin-top:20px; }
    
 }

@media only screen and (min-width:751px) and (max-width:1200px) {
html {
transition: transform 0.3s;
transform: scale(0.7);
transform-origin: left top;
height: calc(100% / 0.7);
width: calc(100% / 0.7);
}}

@media print, screen and (min-width:751px){

body {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; }
h1{margin: 0px auto 0px auto;font-size:10px;padding: 0px 0px 0px 0px;text-align:right;color:#444;font-weight : normal;}
h2{margin: 0 auto;}
h3{margin: 50px auto 0px auto;padding: 0px 0px 0px 0px;font-weight:inherit;font-style:inherit;font-size:100%;}
h4{margin: 0 auto;}
/* ヘッダー*/
ul{list-style: none;margin: 0;padding: 0;}
li{list-style: none;margin: 0;padding: 0;}
.headertop{margin: 1px auto 5px;width:1150px;height: auto;text-align:center;}
.hdrleft{float: left;width: 360px;height: auto;padding: 10px 0px 0px 0px;font-size:12px;text-align:left;line-height: 100%;}

.hdrright {float: right;width:auto;margin: 0px auto 0px auto;}
.hdrright:after {content: "";clear: both;display: block;}
.hdrright a {display: block;text-decoration: none;color: #fff;}
.hdrright ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright li {float: right;list-style: none;width: 140px;text-align: center;line-height: 32px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 5px 0px 0px 2px;}

.hdrright1 {float: right;width:auto;margin: 0px auto 0px auto;}
.hdrright1:after {content: "";clear: both;display: block;}
.hdrright1 a {display: block;text-decoration: none;color: #fff;}
.hdrright1 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright1 li {float: right;list-style: none;width: 91px;text-align: center;line-height: 0px;-webkit-box-sizing: border-box;;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 5px 0px 0px 1px;}

.hdrright2 {float: right;width:auto;margin: 0px auto 0px auto;}
.hdrright2:after {content: "";clear: both;display: block;}
.hdrright2 a {display: block;text-decoration: none;color: #fff;}
.hdrright2 ul{list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright2 li {float: right;list-style: none;width: 133px;height: 34px;text-align: center;line-height: 32px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:90%;  margin: 5px 0px 0px 1px;}
.hdrright2 li:nth-child(1) {width: 170px;}
/* 
.hdrright{float: right;width: 580px;height: auto;padding: 0px 0px 10px 0px;text-align: right;}
.hdrright ul{text-align: right;list-style: none;padding: 0px 0px 0px 0px;margin: 0px; }
.hdrright ul li{float: right;display: inline; list-style: none;padding: 5px 3px 0px 0px;margin: 0px; }
*/

/* グローバルナビ*/
.gnavi2 {width:984px;margin: 15px auto 0px auto;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.gnavi2_bg {width:100%;margin: 0px auto 0px auto;background-color:#1FB6C4;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; transition:all 0.5s ease;}

.gnavi2:after {content: "";clear: both;display: block;background-color:#80EDFF;}
.gnavi2 li {float: left;width: 164px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;color: #fff;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.gnavi2 a {display: block;text-decoration: none;color: #fff;}

.gnavi2 li:nth-child(6) { border-right: 1px solid #fff;}
.gnavi2 li:nth-child(12) { border-right: 1px solid #fff;}
/* グローバルナビ*/
/* ホーバー*/
.hvr-fade11 {
  display: inline-block;
   height: 32px;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  transition-duration: 0.4s;
  transition-property: color, background-color;
  background: #1FB6C4;
}
.hvr-fade11:hover, .hvr-fade:focus, .hvr-fade:active {
color: #fff;
background: #80EDFF;}
/* ホーバー*/

.video3 {width:100%;margin:0% auto 20px auto; padding: 0% 0px 0px 0px;text-align:center;}	
.gnavibg {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; height:60px;background: url(../navi/navibg.jpg) ;background-color: #00041F;background-repeat: no-repeat;background-position: center center;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
.gnavi ul{margin: 0px auto 0px auto;padding: 0px 0px 0px 0px; }
.gnavi li{float:left;text-align: center;margin: 0px 0px 0px auto;padding: 0px 0px 0px 0px; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}

img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;}


.gnavi1 {width:984px;margin: 15px auto 15px auto;}
.gnavi1_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}

.gnavi1:after {content: "";clear: both;display: block;}
.gnavi1 li {float: left;width: 196px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;}
.gnavi1 a {display: block;text-decoration: none;color: #000;}
.gnavi1 li:nth-child(8) {font-size: 13px;}

.video3 {max-width:100%;margin:0% auto 30px auto; padding: 0% 0px 0px 0px;text-align:center;}
/* グローバルナビ*/
.gnavi {width:984px;margin: 15px auto 0px auto;}
.gnavi_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}

.gnavi:after {content: "";clear: both;display: block;}
.gnavi li {float: left;width: 164px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;background:#000}
.gnavi a {display: block;text-decoration: none;color: #000;}
.gnavi li:nth-child(8) {font-size: 13px;}


.gnavi1 {width:984px;margin: 15px auto 15px auto;}
.gnavi1_bg {width:100%;margin: 0px auto 0px auto;background-image:url(../navi/navibg.jpg);}

.gnavi1:after {content: "";clear: both;display: block;}
.gnavi1 li {float: left;width: 196px;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 32px;font-size:90%; color: #fff;margin: 0px 0px 0px auto;background:#000}
.gnavi1 a {display: block;text-decoration: none;color: #000;}
.gnavi1 li:nth-child(8) {font-size: 13px;}


.gw{
	clear:both;
    width: 980px;
	height: auto;
	margin: 0px auto 40px auto;
	padding: 20px 0px 30px 0px;
	text-align:center;
 }
 
	
	
	
form {
  width: 80%;
  margin: 0 auto;
}

.input-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

[name="password"] {
  width: 68%; /* 7割 */
  padding: 16px;
  font-size: 16px;
  margin-right: 2%; /* スペース2% */
}

[name="Login"] {
  width: 30%; /* 3割 */
  padding: 16px;
  font-size: 16px;
  cursor: pointer;
  background-color: #4D4D4D; /* ボタン背景色 */
  color: #fff; /* ボタンテキスト色 */
  border: none;
}

.error {
  font-size: 16px;
  color: #F00;
  padding: 5px 0;
}

	
.mainbg {width:100%;margin: 0px 0px 0px 0px;padding: 0px 0px 50px 0px;background-image:url("../img/top/bg-pc.jpg") ;background-repeat: no-repeat;background-position : center top;
background-size: cover;}

.limitedbg{max-width:850px;width:80%;text-align: center;position: relative;height:260px;margin: 0px auto;}
.limited{width:100%;text-align: center;position: absolute;height: 0px;margin: 0px auto 0px auto;left: 0%;top: 30px;}

.contentmain{width: 100%;height: auto;margin: 10px auto 20px auto;}
	
.botan1{text-align: center;max-width:700px;width:80%;height:80px;background: linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%); 
font-size:230%;line-height: 140%;color:#C4161D;padding: 20px 0px 10px 0px;margin:0px auto 30px auto;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 15px 10px 0 rgba(0, 0, 0, .4);line-height:80px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}    
	
.pass{max-width:900px; width:80%;margin: 40px auto 0px auto ;height:auto;padding: 30px 0px 30px 0px;background: linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%);
background:rgba(255,255,255,0.8);text-align:center;border: 2px solid #D3A12D}
	
.pass2{max-width:900px; width:80%;margin: 20px auto 0px auto ;height:auto;padding: 30px 0px 30px 0px;text-align:center;}
	
.main{max-width:1200px; width:80%;margin: 0px auto 0px auto ;height:auto;text-align:center;padding: 30px 30px 70px 30px;background: linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%);background:rgba(255,255,255,0.8);text-align:center;border-bottom: 8px solid #fad00c;border-left: 8px solid #fad00c;border-right: 8px solid #fad00c;box-sizing:border-box;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.box1{max-width:1200px; width:80%;margin: 100px auto 0px auto;background:linear-gradient(to right, #D3A12D 0%, #F5DB87 50%, #D3A12D 100%); padding: 20px 0px 20px 0px;text-align:center;height:60px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;line-height:60px;}

.box2{width:100%;height: auto;margin: 40px auto 30px auto;background: linear-gradient(to right, #1B3663 0%, #3398e6 50%, #1B3663 100%); padding: 0px 0px 10px 0px;color:#fefacd; text-align:center;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	

#flexbox {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: 90%;
    height: 140px;
    padding: 10px;
    margin: 20px auto 10px auto;
}

.box-item1, .box-item2, .box-item3 {
    width: 32%;
    font-size: 180%;
    color: #fff;
    outline: 1px solid #fff;
    outline-offset: -7px;
    font-weight: 600;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
    display: grid;
    place-items: center;
    text-align: center;
    transition: background-color 0.3s ease;
}

.box-item1 { background: #6E9BC5; }
.box-item2 { background: #E58582; }
.box-item3 { background: #85AC52; }

.box-item1:hover { background: rgba(110, 155, 197, 0.8); }
.box-item2:hover { background: rgba(229, 133, 130, 0.8); }
.box-item3:hover { background: rgba(133, 172, 82, 0.8); }

.box-item1 a, .box-item2 a, .box-item3 a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    text-align: center;
    display: grid;
    place-items: center;
}

.box-item1 a:hover, .box-item2 a:hover, .box-item3 a:hover,
.box-item1 a:visited, .box-item2 a:visited, .box-item3 a:visited {
    color: inherit;
    text-decoration: none;
}



.title1{max-width:600px; width:80%;height:80px;text-align: center;margin: 100px auto 30px auto;padding:0px 0.5%;background:#6E9BC5; font-size:180%;line-height:80px;color:#fff;text-align:center;padding:10px 0px 10px 0px;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);}  

.title2{max-width:600px; width:80%;height:80px;text-align: center;margin: 100px auto 30px auto;padding:0px 0.5%;background:#E58582; font-size:180%;line-height:80px;color:#fff;text-align:center;padding:10px 0px 10px 0px;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);}  
	
.title3{max-width:600px; width:80%;height:80px;text-align: center;margin: 100px auto 30px auto;padding:0px 0.5%;background:#85AC52; font-size:180%;line-height:80px;color:#fff;text-align:center;padding:10px 0px 10px 0px;outline:1px solid #fff;outline-offset: -7px;font-weight:600; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);} 

	
/*フッター */
.footer1{clear: both;width: 100%;height: auto;margin: 0px auto 0px auto;background-color:#fff;   bottom: 0px; padding: 0px 0px 5px 0px;border-bottom: 1px solid #000;}
.navi2{max-width:980px;width:90%;margin: 0px auto 0px auto;padding: 30px 0% 0px 0%;}
.flex-container2 {max-width: 980px;width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; }
.flex-item2 {padding: 0 0 30px 0;flex-basis: 32%;box-sizing: border-box;}
.flex-item3 {padding: 0 0 30px 0;flex-basis: 40%;box-sizing: border-box;}
	
	



/* scroll */
.page-top {clear:both;position: fixed;bottom: 20px;right: 20px;font-size: 70%;z-index:99}
	
.cap{max-width:980px;width: 80%;height: auto;margin: 0px auto;text-align: left;padding: 30px 0px 20px 0px;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-size:80%}
	
.font{font-size:140%;lfont-weight:700;text-align:center;line-height: 140%;padding: 30px 0px 10px 0px;color:#000;ffont-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font1{font-size:140%;text-align:center;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font11{font-size:160%;text-align:center;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font1111{font-size:160%;text-align:center;padding: 30px 0px 0px 0px;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font111{font-size:240%;text-align:center;color:#000;font-weight:600;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

.font2{font-size:130%;text-align:center;color:#000;font-weight:400;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font33{font-size:120%;text-align:left;font-weight:700;color:#C4161D;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font4{font-size:100%;text-align:left;font-weight:400;color:#000;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
	
.font55{font-size:140%;text-align:center;font-weight:400;color:#000;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;margin:10px auto 10px auto;}
	
.formtext{width:80%;text-align:left;font-weight:400;margin: 20px auto 0px auto;font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}


	
.content{clear:both ;margin: 0px auto ;height:auto;text-align:center;padding: 0px 0px 0px 0px; border-top: 2px solid #35ADBE;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

img { max-width: 100%;margin: 0px auto 0px;padding: 0px 0px 0px 0px;vertical-align: bottom;-webkit-backface-visibility: hidden; backface-visibility:hidden;}



a img.opacity,.hoverimg a img{-webkit-transition: all .3s;transition: all .3s;}
.hoverimg a:hover img{ opacity:0.7;}
a img.opacity:hover{opacity:0.3;}
.pc { display: block !important; }
.sp { display: none !important; }

p { margin: 0px; }
h2 { margin: 0px; }

.b { margin: 0px; }
.b1 { margin: 1px; }
.b2 { margin-bottom: 2px; }
.b5 { margin-bottom: 5px; }
.b8 { margin-bottom: 8px; }
.b10 { margin-bottom:10px; }
.b15 { margin-bottom:15px; }
.b20 { margin-bottom:20px; }
.b25 { margin-bottom:25px; }
.b35 { margin-bottom:35px; }
.b45 { margin-bottom:45px; }

.t { margin-top: 0px; }
.t1 { margin-top: 1px; }
.t5 { margin-top: 5px; }
.t10 { margin-top:10px; }
.t15 { margin-top:15px; }
.t20 { margin-top:20px; }
.t25 { margin-top:25px; }
.t35 { margin-top:25px; }
.t45 { margin-top:45px; }
.t55 { margin-top:55px; }
.t100 { margin-top:103px; }

.l { margin-left: 0px; }
.l1 { margin-left: 1px; }
.l5 { margin-left: 5px; }
.l8 { margin-left: 8px; }
.l10 { margin-left:10px; }
.l15 { margin-left:15px; }
.l20 { margin-left:20px; }
.l55 { margin-left:55px; }
.br-2s {display:block;}
.br-s { display:none; }

}