@charset "UTF-8";

img {
  vertical-align: bottom;
}

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

GOEMON  CSS
ヘッダ、フッタ　　　各部共通部分

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

#header{
  position: fixed;
  padding:0;
  top:0;
  left:0;
  right:0;

  width: 100%;
  height: 80px;

  z-index: 9 !important;
  display: flex;
  justify-content:center;
  align-items: center;
  background-color: #fff;
  /*background: linear-gradient(to bottom,#171C51,#050928);*/
}

.header-in{
  width: 100%;
  max-width: 1200px;
  padding:0 min(88px,7.5%);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-logo{
  width:251px;
  height:auto;
}

.header-r{
  width: 244px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-size: 0.9rem;
  color:#4B5EA6;
}


@media(max-width:768px){

  #header{
    width: 100vw;
    height:calc(80vw / 5);
  }

  .header-logo{
    width:calc(200vw / 5);
    height:auto;
  }

  .header-r{
    width:calc(170vw / 5);/*calc(192vw / 5)*/
    font-weight: 700;
  }

}

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


フッター
css

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

#footer{
  background-color: #2B5FAC;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footflx{
width: 100%;
max-width: 1200px;
padding:30px min(88px,7.5%);

display: flex;
justify-content: space-between;
align-items: center;
}

.footlogo{
  width: 251px;
  height: auto;
}

.foot-menuflm{
  width: 620px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.9rem;
}

.foot-menu{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.foot-menuitem{
  width: fit-content;
}

.foot-copyright{
  position: relative;
  font-size:0.8rem;
  margin: 10px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.foot-copyrightlink{
  position: absolute;
  top:0;
  right: 3%;
  width: 10px;
  height: 10px;
  color: #fff;
  font-size: 0.8rem;
}


.footerup_item{
  padding:0 38px;
  margin: 0;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 4px;
  border: solid #fff;
  border-width: 0 1px 0 0;
}

.footerup_item:nth-of-type(5){
border-width: 0 0 0 0;
}


@media(max-width:880px) and (min-width:551px){
  .footerup_item{
    margin: 0 0 18px 0;
  }
}

@media(max-width:768px){

  .footflx{
    width: 100%;
    max-width: none;
    padding:0;
    
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    }

  .footlogo{
    margin: 8vw 0;
    width:calc(351vw / 5);
    height:auto;
  }

  .foot-menuflm{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .foot-menu{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .foot-menuitem{
    width:100%;
    padding:4vw 0;
    text-align: center;
    border: solid #fff;
    border-width: 1px 0 0 0;
    font-size: 1rem;
  }

  .foot-copyright{
    margin:0;
    padding: 3vw 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: solid #fff;
    border-width: 1px 0 0 0;
    font-size: 0.8rem;
  }

  .footerup_item{
    margin:0.5vw 2.6vw 3.6vw 2.6vw;
    color: #fff;
    font-size: 1.1rem;
    letter-spacing: 0.5vw;
    border-width: 0 0 0 0;  
  }

  .footerup_item:nth-of-type(1){
    border-width: 0 1px 0 0;  
  }

}


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

GOEMON CSS
section1
PC

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

/*section1*/
.gmn-sec1{
  /*background-color: #000002;*/
  margin: 80px auto 0 auto;
  /*padding:min(60px,5%) min(84px,7%) min(30px,2.5%) min(84px,7%);*/
  padding:min(30px,2.5%) min(30px,2.5%) min(30px,2.5%) min(30px,2.5%);
  
  width:100%;
  /*max-width: 1200px;*/
  aspect-ratio:2 / 1;

  display: flex;
  justify-content:center;
  align-items: center;

  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/gmn-sec1bg.jpg');
  background-size:cover;
}

.gmn-sec1_flm{
  width: 100%;
  max-width: 1000px;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content:space-between;
}

.gmn-sec1_txtflm{
  width: auto;
  height: auto;
}

.gmn-sec1_itxt{
  width:574px;
  height: auto;
  
}

.gmn-sec1_itxtmt{
  margin: 12px 0 0 0;
}


.anime .blur{
  animation-name: none;
}
.action .blur{
  -webkit-animation-name: blur;
  animation-name: blur;
  animation-duration: 0.5s;/*1.5s*/
  animation-fill-mode: both;
  animation-delay : 0.3s;/*0.3s*/
  animation-timing-function:linear;
}


@keyframes blur {
  0% {
  -ms-filter: blur(6px);
	filter: blur(6px);
  }
  100% {
    -ms-filter: blur(0);
    filter: blur(0);
  }
}

@media(max-width:768px){
  .gmn-sec1_itxt{
    width:100%;
  }
}

.gmn-sec1_itxtflex{
  margin: 42px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gmn-sec1_img{
  width: calc(320vw / 12);
  max-width: 320px;
}

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

GOEMON CSS
section1
SP

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

@media(max-width:768px){
  .gmn-sec1{
    /*background-color: #000002;*/
    margin: 16vw auto 0 auto;
    /*padding:calc(10vw / 5) calc(32vw / 5) calc(28vw / 5) calc(32vw / 5);*/
    padding:calc(10vw / 5) 1.5vw calc(28vw / 5) 1.5vw;
    width:100%;
    max-width: none;
    aspect-ratio:500 / 550;
    background-image:url('../image/gmn-sec1bg_sp.jpg');
  }

  .gmn-sec1_txtflm{
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .gmn-sec1_itxtflex{
    margin: calc(42vw / 5) 0 0 0;
    padding:0 4vw;
  }

  .gmn-sec1_itxt{
    width:100%;
  }
  
  .gmn-sec1_itxtmt{
    margin: 2vw 0 0 0;
  }

}


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

GOEMON CSS
section2
PC

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

.gmn-sec2{
  margin:0 auto;
  padding:0;
  width:100%;

  display: flex;
  justify-content:center;
  align-items: center;
  
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/gmn-sec2bg.png');
  background-size:cover;
}

.gmn-sec2_l{
  margin:0 auto;
  padding:0;
  width:100%;

  display: flex;
  justify-content:center;
  align-items: center;
  
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/gmn-sec2bg_line.png');
  background-size:cover;
}

.gmn-sec2flm{
  margin:0 auto;
  padding:min(4%,48px) 0 min(4%,48px) 0;
  width:100%;
  max-width: 1200px;
  aspect-ratio:1200 / 461;

  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.gmn-sec2flm_l{
  margin:0 auto;
  padding:min(4%,48px) 0 min(4%,48px) 0;
  width:100%;
  max-width: 1200px;
  aspect-ratio:1200 / 361;

  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.gmn-sec2_cap{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
}

.gmn-sec2_regattention{
  margin: 24px 0 0 0;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  color:#1F2160;
}

.gmn-sec2_regattention2{
  margin: 24px auto 0 auto;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;
  color:#1F2160;
}

/*
.gmn-sec2_regattention::before{
  position: absolute;
  content: "／";
  width: 1.4rem;
  height: auto;
  top:0;
  right: -1.4rem;
}

.gmn-sec2_regattention::after{
  position: absolute;
  content: "＼";
  width: 1.4rem;
  height: auto;
  top:0;
  left: -1.4rem;
}*/

.gmn-sec2_reg{
  margin: 14px 0 0 0;
  max-width: 700px;
  width: 80vw;
  height: 42px;
  padding:0 12px;
  border: 1px #333 solid;
  border-radius: 3px;
}

.gmn-sec2_reg::placeholder{
  text-align: center;
  color:#333;
}

.gmn-sec2_regbtn{
  margin: 32px 0 0 0;
  max-width: 700px;
  width: 80vw;
  height: 54px;
  border-radius: 24px;
  background-color: #FF0000;
  box-shadow: 0px 7px 0px -3px #C50018;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 2px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gmn-sec2_regbtn:hover{
  transform: translateY(4px);
  box-shadow: 0px 3px 0px -3px #C50018;
}

.gmn-sec2_regyellow{
color: #FFF000;
}

/*LINE BTN********************/

.gmn-sec2_lineicon{
  margin: 0 10px 12px 0;
  width: 37px;
  height: 36px;
}

.gmn-sec2_regbtn_line{
  margin: 18px 0 0 0;
  max-width: 500px;
  width: 42vw;
  height: 54px;
  border-radius: 24px;
  background-color: #70C55E;
  box-shadow: 0px 7px 0px -3px #46B42F;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 3px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gmn-sec2_regbtn_line:hover{
  transform: translateY(4px);
  box-shadow: 0px 3px 0px -3px #46B42F;
}


.gmn-sec2attention{
  margin:24px 0 0 0;
  font-size: 0.9rem;
  line-height: 1.8;
  letter-spacing: 2px;
  text-align: center;
}

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

GOEMON CSS
section2
SP


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

@media(max-width:768px){

  .gmn-sec2{
    padding:0;
    width:100%;
    max-width: none;

    background-image:url('../image/gmn-sec2bg_sp.png');
  }

  .gmn-sec2_l{
    padding:0;
    width:100%;
    max-width: none;

    background-image:url('../image/gmn-sec2bg_line_sp.png');
  }

  .gmn-sec2flm{
    margin:0 auto;
    padding:min(6%,74px) 0 min(6%,74px) 0;
    width:100%;
    max-width: none;
    aspect-ratio:501 / 460;
  }

  .gmn-sec2flm_l{
    margin:0 auto;
    padding:min(6%,74px) 0 min(6%,74px) 0;
    width:100%;
    max-width: none;
    aspect-ratio:501 / 371;
  }
  
  .gmn-sec2_cap{
    font-size:1.8rem;
    font-weight: 700;
  }
  
  .gmn-sec2_regattention{
    margin: 3vw 0 0 0;
    position: relative;
    font-size: 1.2rem;
    letter-spacing: 1px;
    color:#1F2160;
  }

  .gmn-sec2_reg{
    margin: 1.5vw 0 0 0;
    max-width:none;
    width: calc(440vw / 5);
    height: 50px;  
  }
  
  .gmn-sec2_reg::placeholder{
    text-align: center;
    color:#333;
  }
  
  .gmn-sec2_regbtn{
    margin: 24px 0 0 0;
    max-width:none;
    width: calc(440vw / 5);
    height: auto;
    padding:2vw 2vw;
    border-radius: 34px;
    box-shadow: 0px 6px 0px -3px #C50018;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 0px;

  }

  .gmn-sec2_lineicon{
    margin: 0 10px 0 0;
    width: 37px;
    height: 36px;
  }

  .gmn-sec2_regbtn_line{
    margin: 2vw 0 0 0;
    max-width:none;
    width: calc(440vw / 5);
    height: auto;
    padding:2vw 2vw;
    border-radius: 34px;
    box-shadow: 0px 6px 0px -3px #46B42F;
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 0px;

  }

  .gmn-sec2attention{
    margin:5vw 0 0 0;
    font-size: 0.7rem;
    line-height: 1.7;
    letter-spacing: 1px;
  }

}


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


GOEMON CSS
section3
PC


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

.gmn-sec3{
  position: relative;
  margin:0 auto;
  padding:min(1%,12px) 0 min(7.5%,90px) 0;
  width:100%;
}

.gmn-sec3::before{
  position: absolute;
  content: "";
  width: 87%;/*84*/
  height: 75%;
  top:20%;
  left: 0;
  background-color: #F3FBFE;
}

.gmn-sec3flm{
  margin: 0 auto;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1000px;
  /*padding: 0  min(6%,74px) min(4%,48px) min(6%,74px);*/
  padding: 0;
}

.gmn-sec3_cap1{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
}

.gmn-sec3flx1{
  width: 100%;
  margin: 32px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gmn-sec3flx2{
  margin: 32px 0 0 0;
  display: flex;
  justify-content:flex-start;
  align-items: center;
}

.gmn-sec3_img{
  width: 500px;
  height: auto;
}

.gmn-sec3_img2{
  width: 500px;
  height: auto;
}

.gmn-sec3_cap2{
  text-align: center;
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
}


.gmn-sec2_txtbox1{
  padding: 0;
  width:fit-content;
  line-height: 1.8;
  color:#1F2160;
  letter-spacing: 1px;
}

.gmn-sec3_txt1{
  font-size:1.6rem;
  font-weight: 700;
}

.gmn-sec3_txt2{
  font-size:1.8rem;
  font-weight: 900;
  letter-spacing: 2px;
}

.gmn-sec3_txt3{
  font-size:1.6rem;
  font-weight: 700;
}

.gmn-sec2_txtboxa{
  margin: 32px 0 20px 0;
  width:84%;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: 1px;
}

.gmn-sec3_cap3{
  text-align:left;
  font-size:2.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
}

.gmn-sec2_txtboxa p{
  margin: 14px 0;
}

.gmn-sec2_txtcolora{
  color:#3F6EB4;
  font-weight: 700;
}

.gmn-sec2_txtcolorb{
  color:#C50018;
}

.gmn-sec2_txt2mgn{
  margin: 10px 0 0 0;
}

.gmn-sec2_txtbox2{
  padding:0 0 0 min(32px,3%);
  width:fit-content;
  line-height: 1.5;
  letter-spacing: 2px;
  color:#1F2160;
}



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


GOEMON CSS
section3
SP


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

@media(max-width:768px){

  .gmn-sec3{
    position: relative;
    margin:0 auto;
    padding:2.4vw 0 2vw 0;/*2.4vw 0 10vw 0*/
    width:100%;
  }
  
  .gmn-sec3::before{
    position: absolute;
    content: "";
    width: 96%;/*84%*/
    height: 84%;/*75%*/
    top:14%;/*20%*/
    left: 0;
    background-color: #F3FBFE;
  }
  
  .gmn-sec3flm{
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
   /*padding: 0  min(6%,74px) min(4%,48px) min(6%,74px);*/
    padding: 0  6vw 10vw 6vw;/*6vw*/
  }
  
  .gmn-sec3_cap1{
    font-size:2.1rem;
    font-weight: 700;
  }
  
  .gmn-sec3flx1{
    margin:8vw 0 0 4vw;/*6vw 0 0 6vw  6vw 0 0 3vw*/
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .gmn-sec3flx2{
    margin:6vw 0 0 4vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .gmn-sec3_img{
    margin:0 -5.8vw 0 0;
    width: calc(440vw / 5);
    height: auto;
  }

  .gmn-sec3_img2{
    margin:0 0 0 -10vw;/*0 0 0 -6vw*/
    width: calc(440vw / 5);
    height: auto;
  }

  .gmn-sec3_cap2{
    font-size:2.3rem;
    font-weight: 700;
  }
  
  .gmn-sec2_txtbox1{
    margin: 4vw 0 0 0;
    padding: 0;
    line-height: 1.6;
    letter-spacing: 1px;
  }
  
  .gmn-sec3_txt1{
    font-size:1.3rem;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1.8;
  }
  
  .gmn-sec3_txt2{
    font-size:1.9rem;
    font-weight: 900;
  }

  .gmn-sec3_txt3{
    font-size:1.5rem;
    font-weight: 700;
  }
  
  .gmn-sec2_txtboxa{
    margin: 4vw 0 4vw 4vw;/*4vw 0 0 0*/
    width:96%;/*84*/
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 1px;
  }
  
  .gmn-sec2_txtboxa p{
    margin: 14px 0;
  }
  
  .gmn-sec3_cap3{
    text-align:center;
    font-size:2.2rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .gmn-sec2_txtbox2{
    margin: 4vw 0 0 0;
    padding: 0 0 0 0;
    width:fit-content;
    line-height: 1.6;
    letter-spacing: 1px;
  }
  
}



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

GOEMON CSS
section4
PC

*****************************************************/
.gmn-sec4{
  margin:0 auto;
  padding:min(4%,48px) 0 min(4%,48px) 0;
  width:100%;
  background-color: #DFF4FC;
}

.gmn-sec4flm{
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.gmn-sec4_cap1{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 2px;
  color:#1F2160;
}

.gmn-sec4_whatis{
  margin: 12px 0 0 0;
  font-size:0.9rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  color:#A78700;
  letter-spacing: 4px;
}

.gmn-sec4_txtbox{
  margin: 32px 0 0 0;
  width: fit-content;
  text-align: center;

  font-size: 1.3rem;
line-height: 1.7;
}

.gmn-sec4_txt1{

}

.gmn-sec4_txtc1{
  color:#3F6EB4;
  font-weight: 700;
}

.gmn-sec4_txtc2{
  color:#1F2160;
  font-size: 1.8rem;
  font-weight: 700;
}

.gmn-sec4_compabox{
  margin: 36px 0 0 0;
  padding:24px 32px 32px 32px;
  width: 100%;
  background-color: #fff;

  display: flex;
  justify-content: space-between;

}

.gmn-sec4_conpl{
  width: calc(50% - 16px);

  display: flex;
  flex-direction: column;
}
.gmn-sec4_conpr{
  width: calc(50% - 16px);

  display: flex;
  flex-direction: column;
}

.gmn-sec4_conplth{
  width: 100%;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;

  color:#fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;

  background-image: url("../image/gmn-sec4_ttlbg1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.gmn-sec4_conprth{
  width: 100%;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;

  color:#fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 2px;

  background-image: url("../image/gmn-sec4_ttlbg2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.gmn-sec4_conpltd{
  position: relative;
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;


  background-color: #DFF4FC;
  color:#232E84;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.dw-arr_l{
  position: relative
}

.dw-arr_l::before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;

  bottom:-20px;
  left: 50%;
  transform: translateX(-50%);

  border-top: 20px solid #DFF4FC;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
}

.gmn-sec4_conpltd:nth-of-type(3){margin: 20px 0 0 0;}

.gmn-sec4_conpltd:nth-of-type(4){margin: 20px 0 0 0;}


.gmn-sec4_conprtd{
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  background-color: #FEE3E1;
  color:#A71527;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 1px;
  
}

.dw-arr_r{
  position: relative
}

.dw-arr_r::before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;

  bottom:-20px;
  left: 50%;
  transform: translateX(-50%);

  border-top: 20px solid #FEE3E1;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
}

.gmn-sec4_conprtd:nth-of-type(3){margin: 20px 0 0 0;}

.gmn-sec4_conprtd:nth-of-type(4){margin: 20px 0 0 0;}

.gmn-sec4_txtb{
  font-size: 1.6rem;
  font-weight: 700;
}

.gmn-sec4_txtboxlast{
  margin: 32px 0 0 0;
  width:100%;
  height: auto;
  padding: 20px 0;
  background-color: #1F2160;
  color: #fff;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gmn-sec4_lasttxt1{
  color: #FFF000;
}

.gmn-sec4_lasttxt2{
  font-size: 2rem;
  color: #FFF000;
}

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

GOEMON CSS
section4
SP

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

@media(max-width:768px){

  .gmn-sec4{
    padding:6vw 0 10vw 0;
  }
  
  .gmn-sec4flm{
    max-width: none;
  }
  
  .gmn-sec4_cap1{
    font-size:1.9rem;
    font-weight: 700;
    line-height: 1.6;
  }
  
  .gmn-sec4_whatis{
    margin: 3vw 0 0 0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }

  .gmn-sec4_txtbox{
    margin: 4vw 0 0 0;
    width: fit-content;
    font-size: 1.3rem;
    line-height: 1.8;
  }
  
  .gmn-sec4_txt1{
  
  }
  

  .gmn-sec4_txtc2{
    margin: 2vw 0 0 0;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.6;
  }
  
  .gmn-sec4_compabox{
    margin: 6vw auto 0 auto;
    padding:3vw 3vw 3vw 3vw;/*24px 32px 32px 32px;*/
    width: 90vw;  
  }

  .gmn-sec4_conpl{
    width: calc(50% - 1.4vw);
  }
  .gmn-sec4_conpr{
    width: calc(50% - 1.4vw);
  }
  
  .gmn-sec4_conplth{
    width: 100%;
    height: 12vw;
    padding:0 0 3vw 0;
    font-size: 1.3rem;
    letter-spacing: 1px;
    background-image: url("../image/gmn-sec4_ttlbg1_sp.png");
  }
  
  .gmn-sec4_conprth{
    width: 100%;
    height: 12vw;
    padding:0 0 3vw 0;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
    background-image: url("../image/gmn-sec4_ttlbg2_sp.png");
  }

  .gmn-sec4_conpltd{
    width: 100%;
    height: 32vw;
    display: flex;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
  }
  
  .dw-arr_l::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
  
    bottom:-4vw;
    left: 50%;
    transform: translateX(-50%);
  
    border-top:4vw solid #DFF4FC;
    border-right:7vw solid transparent;
    border-left:7vw solid transparent;
  }
  
  .gmn-sec4_conpltd:nth-of-type(3){margin: 4vw 0 0 0;}
  
  .gmn-sec4_conpltd:nth-of-type(4){margin: 4vw 0 0 0;}
  
  
  .gmn-sec4_conprtd{
    width: 100%;
    height: 32vw;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
  }
  
  .dw-arr_r::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
  
    bottom:-4vw;
    left: 50%;
    transform: translateX(-50%);
  
    border-top: 4vw solid #FEE3E1;
    border-right: 7vw solid transparent;
    border-left: 7vw solid transparent;
  }
  
  .gmn-sec4_conprtd:nth-of-type(3){margin: 4vw 0 0 0;}
  
  .gmn-sec4_conprtd:nth-of-type(4){margin: 4vw 0 0 0;}


  .gmn-sec4_txtb{
    font-size: 1.4rem;
    font-weight: 700;
  }
  
  .gmn-sec4_txtboxlast{
    margin: 5vw 0 0 0;
    width:90vw;
    height: auto;
    padding:4vw 0;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 1px;
    text-align: center;
  }

  .gmn-sec4_lasttxt2{
    font-size: 2.1rem;
    color: #FFF000;
    font-weight: 900;
    letter-spacing: 2px;
  }
  
}



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

GOEMON CSS
section5
PC

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

.gmn-sec5{
  position: relative;
  margin:0 auto;
  padding:min(1%,12px) 0 min(4%,48px) 0;
  width:100%;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.gmn-sec5_cap1{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  line-height: 1.6;
  color:#1F2160;
}

.gmn-sec5_whatis{
  margin: 12px 0 0 0;
  font-size:0.9rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  color:#A78700;
  letter-spacing: 4px;
}

.gmn-sec5_txtbox{
  margin: 32px 0 0 0;
  width: fit-content;
  text-align: center;

  color:#1F2160;
  font-size: 1.3rem;
  letter-spacing: 2px;
  line-height: 1.6;
}

.gmn-sec5_cap2{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  line-height: 1.6;
  color:#1F2160;
}

.gmn-sec5_itembox{
  margin: 36px 0 0 0;
  padding: 24px 24px;
  width: calc(1000vw / 12);
  max-width: 1000px;
  background-color: #DCDCDC;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.gmn-sec5_box1{
  width: 100%;
  display: flex;
  justify-content: center;

  font-size: 1.3rem;
  color:#1F2160;
  letter-spacing: 2px;
  text-align: center;
}

.gmn-sec5_box1txt2{
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.gmn-sec5_box2{
  margin: 18px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gmn-sec5_item{
  width: 18.5%;
  height: auto;
}


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

GOEMON CSS
section5
SP

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

@media(max-width:768px){

  .gmn-sec5{
    padding:3vw 0 8vw 0;
  }

  .gmn-sec5_cap1{
    font-size:2rem;
    font-weight: 700;
    line-height: 1.6;
  }
  
  .gmn-sec5_whatis{
    margin: 2vw 0 0 0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }

  .gmn-sec5_txtbox{
    margin: 4vw 0 0 0;
    font-size: 1.2rem;
    line-height: 1.8;
  }
  
  .gmn-sec5_cap2{
    margin: 2vw 0 0 0;
    font-size:2.4rem;
    font-weight: 700;
    line-height: 1.4;
  }

  .gmn-sec5_itembox{
    margin: 4vw 0 0 0;
    padding:calc(16vw / 5) calc(12vw / 5);
    width: 94vw;
    max-width: none;
  }
  
  .gmn-sec5_box1{
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
  
  .gmn-sec5_box1txt2{
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .gmn-sec5_box2{
    margin: 2vw 0 0 0;
    width: 100%;
  }
  
  .gmn-sec5_item{
    width: 18.5%;
    height: auto;
  }

}

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

GOEMON CSS
section6
PC

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

.gmn-sec6{
  position: relative;
  margin:0 auto;
  padding:min(4%,48px) 0 min(4%,48px) 0;
  width: 100%;
  background-color: #232E84;

  display: flex;
  justify-content: center;
}

.gmn-sec6::before{
  position: absolute;
  content: "";
  width: 0;
  height: 0;

  bottom:-44px;
  left: 50%;
  transform: translateX(-50%);

  border-top: 44px solid #232E84;
  border-right: 75px solid transparent;
  border-left: 75px solid transparent;
}

.gmn-sec6flm{
  margin: 0 auto;
  width:calc(1020vw / 12);
  max-width:1020px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.gmn-sec6_cap1{
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:2.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  color:#fff;
}

.gmn-sec6_whatis{
  margin: 12px 0 0 0;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:0.9rem;
  font-weight: 700;
  text-align: center;
  color:#A78700;
  letter-spacing: 4px;
}

.gmn-sec6flx{
  margin: 24px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media(max-width:1000px){
  .gmn-sec6flx{
    flex-wrap: wrap;
  }
}

.gmn-sec6_itemflm{
  margin: 10px 10px;
  width: 320px;
  padding: 24px 24px;
  height: 458px;

  background-color: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.gmn-sec6_merit{
  margin:0;
  font-size:0.9rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  color:#A78700;
  letter-spacing: 2px;
}

.gmn-sec6_meritnum{
  width: 44px;
  height: 44px;
  margin:0;
  font-size:1.6rem;
  font-weight: 700;
  background-color:#A78700;
  color: #fff;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gmn-sec6_merittxt1{
  margin: 12px 0 0 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1F2160;
    letter-spacing: 1px;
    text-align: center;
}

.gmn-sec6_mritimg{

}

.gmn-sec6_merittxt2{
  width: 100%;
  height:108px;
  margin: 24px 0 0 0;
  font-size: 0.9rem;
}

.gmn-sec6_txt1{
  width: fit-content;
  margin: 32px 0 0 0;
  line-height: 1.6;
  color: #fff;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 2px;
}

.gmn-sec6_cap2{
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:2.8rem;
  font-weight: 700;
  color:#FFF000;
  text-align: center;
  letter-spacing: 2px;
}

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

GOEMON CSS
section6
SP

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

@media(max-width:768px){
  .gmn-sec6{
    padding:min(4%,48px) 0 min(4%,48px) 0;
  }
  
  .gmn-sec6::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
  
    bottom:calc(-35.8vw / 5);
    left: 50%;
    transform: translateX(-50%);
  
    border-top: calc(36vw / 5) solid #232E84;/* 36*/
    border-right: calc(62vw / 5) solid transparent; /*124/2 = 62*/
    border-left: calc(62vw / 5) solid transparent;
  }
  
  .gmn-sec6flm{
    margin: 0 auto;
    width:100vw;
    max-width:none;
  }
  
  .gmn-sec6_cap1{
    font-size:2rem;
    font-weight: 700;
    text-align: center;
  }
  
  .gmn-sec6_whatis{
    margin: 0 0 0 0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .gmn-sec6flx{
    margin: 4vw 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .gmn-sec6_itemflm{
    margin:3vw 0;
    width: 88vw; /*440px*/
    padding:calc(40vw / 5)  calc(28vw / 5) calc(18vw / 5)  calc(28vw / 5);
    height: 125vw;/*440*/

  }
  
  .gmn-sec6_merit{
    margin:0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .gmn-sec6_meritnum{
    width: calc(56vw / 5);
    height: calc(56vw / 5);
    margin:5px 0 0 0;
    font-size:2rem;
    font-weight: 700;
  }
  
  .gmn-sec6_merittxt1{
    margin: 2vw 0 0 0;
    font-size: 1.8rem;
    font-weight: 900;
    color: #1F2160;
    letter-spacing: 1px;
    text-align: center;
  }
  
  .gmn-sec6_mritimg{
    margin: 2vw 0;
    width:calc(154vw / 5);
    height:auto;
  }
  
  .gmn-sec6_merittxt2{
    width: 100%;
    height:37vw;/*108px;*/
    margin: 4vw 0 0 0;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 1px;
  }
  
  .gmn-sec6_txt1{
    width: fit-content;
    margin: 3vw 0 0 0;
    line-height: 1.4;
    font-size: 1.4rem;
    text-align: center;
    letter-spacing: 2px;
  }
  
  .gmn-sec6_cap2{
    font-size:2rem;
    font-weight: 700;
    letter-spacing: 2px;
  }

}

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

GOEMON CSS
section7
PC

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

.gmn-sec7{
  margin: 0 auto;
  width:100%;
  aspect-ratio:1200 / 498;

  /*padding:0 min(8%,96px);*/
  display: flex;
  justify-content: center;
  align-items: center;

  background-image: url("../image/gmn-sec7bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.gmn-sec7flm{
  width:100%;
  max-width: 1000px;
  min-width: 768px;
  padding: 0;
}

.gmn-sec7logo1{
  margin:0;
  width:calc(602vw / 12);
  min-width: 602px;
  height: auto;
}

.gmn-sec7logo2{
  margin: 20px 0 0 0;
  width:calc(602vw / 12);
  min-width: 602px;
  height: auto;
}



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

GOEMON CSS
section7
SP

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

@media(max-width:768px){

  .gmn-sec7{
    margin: 0 auto;
    width:100vw;
    max-width:none;
    aspect-ratio:501 / 368;/*501 / 313*/
    padding: 0;
    background-image: url("../image/gmn-sec7bg_sp.png");
  }
  
  .gmn-sec7flm{
  width: 100%;
  height: 100%;
  max-width:initial;
  min-width:initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:0 3vw;
  }
  
  .gmn-sec7logo1{
    margin: 4vw 0 0 0;
    width:93.6vw;
    min-width:initial;
    max-width:initial;
    height: auto;
  }
  
  .gmn-sec7logo2{
    margin:0.5vw 0 0 0;
    width:54vw;
    min-width:initial;
    max-width:initial;
    height: auto;
  }

}


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


GOEMON CSS
section8
PC

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


.gmn-sec8{
  margin:0 auto;
  padding:min(4%,48px) 0 min(4%,48px) 0;
  width: 100%;
  background-color: #DFF4FC;

  display: flex;
  justify-content: center;
}



.gmn-sec8flm{
  margin: 0 auto;
  width:calc(1020vw / 12);
  max-width:1020px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.gmn-sec8_cap1{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  line-height: 1.6;
  color:#1F2160;
}

.gmn-sec8_cap1g{
  color:#A78700;
}

.gmn-sec8_whatis{
  margin: 12px 0 0 0;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:0.9rem;
  font-weight: 700;
  text-align: center;
  color:#A78700;
  letter-spacing: 4px;
}

.gmn-sec8flx{
  margin: 24px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media(max-width:1100px){
  .gmn-sec8flx{
    flex-wrap: wrap;
  }
}

.gmn-sec8_itemflm{
  margin: 10px 10px;
  width: 320px;
  padding: 24px 24px;
  height: 550px;

  background-color: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.gmn-sec8_point{
  margin:0;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:1.4rem;
  font-weight: 700;
  text-align: center;
  color:#A78700;
  letter-spacing: 2px;
}

.gmn-sec8_pointbar{
  width: 30px;
  height: auto;
  margin:2px 0 0 0;
  border:solid #A78700;
  border-width: 0 0 2px 0;
}

.gmn-sec8_merittxt1{
    margin: 24px 0 0 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1F2160;
    letter-spacing: 1px;
    text-align: center;
}

.gmn-sec8_merittxt12{
  margin: 4px 0 0 0;
  font-size: 0.7rem;
  color: #1F2160;
  letter-spacing: 1px;
  text-align: center;
}


.gmn-sec8_mritimg{
  margin: 24px 0;
}

.gmn-sec8_merittxt2{
  width: 100%;
  height:138px;
  margin: 1px 0 0 0;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 1px;
}


.gmn-sec8_txt1{
  width: fit-content;
  margin: 32px 0 0 0;
  line-height: 1.6;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
}

.gmn-sec8_txt2{
  font-size: 1.6rem;
}

.gmn-sec8_cap2g{
  color:#A78700;
}

.gmn-sec8_cap2b{
  color:#3F6EB4;
}

.gmn-sec8_txt3{
  width: fit-content;
  margin: 2px 0 0 0;
  line-height: 1.6;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
}

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

GOEMON CSS
section8
SP

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

@media(max-width:768px){

  .gmn-sec8{
    margin:0 auto;
    padding:5vw 0 5vw 0;
  }
  
  .gmn-sec8flm{
    margin: 0 auto;
    width:100%;
    max-width:none;

  }
  
  .gmn-sec8_cap1{
    font-size:1.9rem;
    font-weight: 700;
    line-height: 1.6;
  }
  
  .gmn-sec8_whatis{
    margin: 2vw 0 0 0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }

  .gmn-sec8flx{
    margin: 4vw 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  
  .gmn-sec8_itemflm{
    margin:2vw 0;
    width: 88vw;
    padding:calc(20vw / 5) calc(24vw / 5);
    height:calc(560vw / 5);
  }


  .gmn-sec8_point{
    font-size:1.6rem;
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .gmn-sec8_pointbar{
    width:calc(38vw / 5);
    height: auto;
    margin:1px 0 0 0;
    border-width: 0 0 2px 0;
  }
  
  .gmn-sec8_merittxt1{
      margin: 2vw 0 0 0;
      font-size: 1.6rem;
      font-weight: 900;
      letter-spacing: 1px;
  }
  
  .gmn-sec8_merittxt12{
    margin: 1px 0 0 0;
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  
  
   .gmn-sec8_mritimg{
    width: calc(135vw / 5);
    height: calc(141vw / 5);
    margin: 1vw 0;
  }
  
  .gmn-sec8_merittxt2{
    width: 100%;
    height:calc(182vw / 5);
    margin: 1vw 0 0 0;
    font-size: 1.2rem;
    line-height: 1.6;
    letter-spacing: 2px;
  }
  
  .gmn-sec8_txt1{
    width: fit-content;
    margin: 4vw 0 0 0;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 1px;
  }

  .gmn-sec8_txt3{
    width: fit-content;
    margin: 2vw 0 0 0;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 1px;
  }

}

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


GOEMON CSS
sectio9
PC

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

.gmn-sec9{
  margin:0 auto;
  padding:min(4%,48px) 0 min(4%,48px) 0;
  width: 100%;
  background-color: #DFF4FC;

  display: flex;
  justify-content: center;
}

.gmn-sec9flm{
  margin: 0 auto;
  width:100%;
  max-width:1200px;

  display: flex;
  flex-direction:column;
  align-items: center;
}

.gmn-sec9_cap1{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  line-height: 1.6;
  color:#1F2160;
  letter-spacing: 2px;
}

.gmn-sec9_cap1g{
  color:#A78700;
}

.gmn-sec9_whatis{
  margin: 12px 0 0 0;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:0.9rem;
  font-weight: 700;
  text-align: center;
  color:#A78700;
  letter-spacing: 4px;
}

.gmn-sec9_customflx{
  margin: 26px 0 0 0;
  width: calc(800vw / 12);
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gmn-sec9_custom{
  position: relative;
  margin: 16px 0 0 0;
  width: 100%;
  height:170px;
  padding: min(19px,2.3%) min(19px,2.3%) min(19px,2.3%) 160px;
  background-color: #fff;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gmn-sec9_evan{
  padding: min(19px,2.3%) 160px min(19px,2.3%) min(19px,2.3%) ;
  }

.gmn-sec9_customicon{
  position: absolute;
  top:19px;
  left:min(19px,2.3%);
  width: 131px;
  height: 131px;
}

.gmn-sec9_customicon_e{
  position: absolute;
  top:19px;
  right:min(19px,2.3%);
  width: 131px;
  height: 131px;
}

.gmn-sec9_customtxtbox{
  width: fit-content;
}

.gmn-sec9_customage{
  font-size: 0.8rem;
  color: #1F2160;
}

.gmn-sec9_customtxt{
  margin: 12px 0 0 0;
  font-size: 1.05rem;/*1.2rem*/
  font-weight: 500;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数を指定 */
}

.gmn-sec9_cap2{
  margin: 36px 0 0 0;
  font-size:2rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  color:#1F2160;
  letter-spacing: 1px;
}

.gmn-sec9_customflx2{
  margin: 26px 0 0 0;
  width: calc(800vw / 12);
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  flex-wrap: wrap;
}

.gmn-sec9_custom2{
  position: relative;
  margin: 16px 0 0 0;
  width: 47%;
  height:106px;
  padding: 16px 16px 16px 116px;
  background-color: #fff;

  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gmn-sec9_customicon2{
  position: absolute;
  top:8px;
  left:16px;
  width: 90px;
  height: 90px;
}

.gmn-sec9_customtxtbox2{
  width: fit-content;
}

.gmn-sec9_customage2{
  font-size: 0.7rem;
  color: #1F2160;
}

.gmn-sec9_customtxt2{
  margin: 8px 0 0 0;
  font-size: 0.8rem;
  font-weight: 700;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数を指定 */
}


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

GOEMON CSS
section９
SP

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

@media(max-width:768px){

  .gmn-sec9{
    padding:8vw 0 6vw 0;
  }
  
  .gmn-sec9flm{
    margin: 0 auto;
    width:100%;
    max-width:none;
  }
  
  .gmn-sec9_cap1{
    font-size:1.9rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 1px;
  }
  
  .gmn-sec9_whatis{
    margin: 2vw 0 0 0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }

  .gmn-sec9_customflx{
    margin: 0 0 0 0;
    width: 88vw;
    max-width: none;
  }
  
  .gmn-sec9_custom{
    position: relative;
    margin:13vw 0 0 0;
    width: 100%;
    height:calc(250vw / 5);
    padding:calc(24vw / 5)  calc(24vw / 5) calc(24vw / 5) calc(24vw / 5);
  }
  
  .gmn-sec9_customicon{
    position: absolute;
    top:-10vw;
    left:-4vw;
    width:calc(84vw / 5);
    height:calc(84vw / 5);
  }

  .gmn-sec9_customicon_e{
    position: absolute;
    top:-10vw;
    right:-4vw;
    width:calc(84vw / 5);
    height:calc(84vw / 5);
  }
  
  .gmn-sec9_customtxtbox{
    width: 100%;
  }
  
  .gmn-sec9_customage{
    width: 100%;
    font-size: 1rem;
  }
  
  .gmn-sec9_customtxt{
    margin: 1vw 0 0 0;
    font-size: 1.2rem;
    font-weight: 500;
  
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 行数を指定 */
  }
  
  .gmn-sec9_cap2{
    margin: 4vw 0 0 0;
    font-size:2rem;
    font-weight: 700;
    letter-spacing: 1px;
  }
  
  .gmn-sec9_customflx2{
    margin: 3vw 0 0 0;
    width: 88vw;;
    max-width: none;
  }
  
  .gmn-sec9_custom2{
    position: relative;
    margin: 2vw 0 0 0;
    width: 49%;
    height:calc(124vw / 5);
    padding: 1vw 1vw 1vw 13vw;
    background-color: #fff;
  
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .gmn-sec9_customicon2{
    top:6vw;
    left:1vw;
    width:12vw;
    height:12vw;
  }
  
  .gmn-sec9_customtxtbox2{
    width: fit-content;
  }
  
  .gmn-sec9_customage2{
    font-size: 0.7rem;
  }
  
  .gmn-sec9_customtxt2{
    margin: 1vw 0 0 0;
    font-size: 0.8rem;
    font-weight: 700;
  
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 行数を指定 */
  }

}


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


GOEMON CSS
section10

PC

*****************************************************/
.gmn-sec10{
  margin:0 auto;
  width:100%;

  display: flex;
  justify-content:center;
  align-items: center;
  
  background-repeat:no-repeat;
  background-position:center;
  background-image:url('../image/gmn-sec10bg.png');
  background-size:cover;
}

.gmn-sec10flm{
  margin:0 auto;
  padding:min(6%,74px) 0 min(6%,74px) 0;
  width:100%;
  max-width: 1200px;
  aspect-ratio:1200 / 531;

  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}


.gmn-sec10_cap1{
  font-size:2.6rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  text-align: center;
  line-height: 1.6;
  color:#1F2160;
  letter-spacing: 2px;
}

.gmn-sec10_cap1g{
  color:#A78700;
}

.gmn-sec10_whatis{
  margin: 12px 0 0 0;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN', sans-serif;
  font-size:0.9rem;
  font-weight: 700;
  text-align: center;
  color:#A78700;
  letter-spacing: 4px;
}

.gmn-sec10_txtbox{
  margin: 32px 0 0 0;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 1px;
  text-align: center;
}

.gmn-sec10_txtboxblue{
  color: #3F6EB4;
  font-weight: 700;
}

.gmn-sec10_cap2{
  margin: 24px 0 0 0;
  font-size:2.1rem;
  font-weight: 700;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  text-align: center;
  line-height: 1.8;
  color:#1F2160;
  letter-spacing: 2px;
}

.gmn-sec10_cap3{
  margin: 8px 0 0 0;
  font-size:2.1rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 2px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}


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

GOEMON CSS
section10
SP

*****************************************************/
@media(max-width:768px){

  .gmn-sec10{
    margin:0 auto;
    padding:4vw 0 4vw 0;
    width:100%;
    max-width:none;
    aspect-ratio:501 / 587;
    background-image:url('../image/gmn-sec10bg_sp.png');
  }

  .gmn-sec10flm{
    margin:0 auto;
    padding:0;
  }
  
  .gmn-sec10_cap1{
    font-size:2.1rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 2px;
  }

  
  .gmn-sec10_whatis{
    margin: 2vw 0 0 0;
    font-size:1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .gmn-sec10_txtbox{
    margin: 4vw 0 0 0;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 1px;
    text-align: center;
  }
  
  .gmn-sec10_cap2{
    margin: 2vw 0 0 0;
    font-size:2rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 2px;
  }
  
  .gmn-sec10_cap3{
    margin: 0.5vw 0 0 0;
    font-size:2rem;
    font-weight: 700;
    letter-spacing:1px;
  }


}




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

GOEMON会員
各ページ共通
css
PC

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

.gm-pagebk{
  width: 100%;
  margin:80px 0 0 0;/*head+menu 100px+60px */
  padding:50px 0 66px 0 ;/*head+menu 100px+60px */
  background-color: #DFF4FC;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gm-pagebk2{
  width: 100%;
  margin:160px 0 0 0;/*head+menu 100px+60px */
  padding:50px 0 20px 0 ;/*head+menu 100px+60px */
  background-color: #DFF4FC;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gm-pagebk_q{
  width: 100%;
  margin:100px 0 0 0;/*head+menu 100px+60px */
  padding:50px 0 66px 0 ;/*head+menu 100px+60px */
  background-color: #DFF4FC;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gm-pagebk3{
  width: 100%;
  margin:0;/*head+menu 100px+60px */
  padding:12px 0 66px 0 ;/*head+menu 100px+60px */
  background-color: #DFF4FC;

  display: flex;
  justify-content: center;
  align-items: center;
}

.gm-mainflm{
  max-width: 1000px;
  width:calc(100% - 20px);

  display: flex;
  flex-direction: column;
  align-items: center;
}

/*main caption*/
.gm-maincapttl{
  /*margin: 0 auto;*/
  max-width:1000px;
  max-height:150px;
  width:100%;
  height:15vw;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  color:#fff;
}

.gm-maincapttl_q{
  /*margin: 0 auto;*/
  max-width:1000px;
  max-height:300px;
  width:100%;
  height:30vw;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 3px;
  color:#fff;
}

.gm-maincapttl_s{font-size: 1.2rem;letter-spacing: 2px;}
.gm-maincapttl_ss{font-size: 1rem;font-weight: 400;letter-spacing: 2px;}


/*sub caption*/
.gm-mainsubttl{
  margin:32px 0 0 0;
  padding:10px 0 ;
  max-width:1000px;
  width:100%;
  height: auto;
  background-color:#232E84;

  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  color:#fff;

  display: flex;
  justify-content: center;
}




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

GOEMON会員
各ページ共通
css
SP

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

@media(max-width:768px){
  .gm-pagebk{
    margin:calc(80vw / 5) 0 0 0;/*head+menu 100px+60px */
    padding:calc(40vw / 5) 0 calc(66vw / 5) 0 ;/*head+menu 100px+60px */
  }
  
  .gm-pagebk2{
    margin:calc(195vw / 5) 0 0 0;/*head+menu 100px+60px */
    padding:calc(50vw / 5) 0 calc(20vw / 5) 0 ;/*head+menu 100px+60px */
  }
  
  .gm-pagebk_q{
    margin:calc(115vw / 5) 0 0 0;/*head+menu 100px+60px */
    padding:calc(36vw / 5) 0 calc(36vw / 5) 0 ;/*head+menu 100px+60px */
  }
  
  .gm-pagebk3{
    width: 100%;
    margin:0;/*head+menu 100px+60px */
    padding:calc(12vw / 5vw) 0 calc(66vw / 5) 0 ;/*head+menu 100px+60px */
  }

  .gm-mainflm{
    max-width:initial;
    width:90vw;/*calc(440px / 5);*/
  }

  /*main caption*/
.gm-maincapttl{
  /*margin: 0 auto;*/
  max-width:initial;
  max-height:initial;
  width:100%;
  height:25.7vw;

  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 3px;
  color:#fff;
}

  .gm-maincapttl_q{
    /*margin: 0 auto;*/
    max-width:initial;
    max-height:initial;
    width:100%;
    height:53vw;
  

    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 3px;
    color:#fff;
    text-align: center;
  }
  
  .gm-maincapttl_s{font-size: 1.2rem;letter-spacing: 2px;}
  .gm-maincapttl_ss{font-size: 1rem;font-weight: 400;letter-spacing: 2px;}


/*sub caption*/
.gm-mainsubttl{
  margin:6.4vw 0 0 0;
  padding:2vw 0 ;
  max-width:inherit;
  width:100%;


  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 2px;
  color:#fff;

  display: flex;
  justify-content: center;
}


/*sub caption*/
.gm-mainsubttl_txts{
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing:0;
  color:#fff;
}

}


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

GOEMON会員
問い合わせ　等々
css
PC

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

.gm-telconflx{
  margin: 32px 0 0 0;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*tel ***********************************/
.gm-telflm{
width: 490px;
height: 200px;
padding: 26px 28px;
color:#1F2160;
background-color: #fff;

display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}

.gm-telcap{
  width: 100%;
  border: #1F2160 solid 2px;
  padding:6px 0;

  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.gm-telnum{
  width: 100%;
  color:#FF0000;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.gm-teltime{
font-size: 1rem;
letter-spacing: 3px;
}

/*contact ************************/

.gm-contactflm{
width: 490px;
height: 200px;
padding: 26px 28px;
color:#1F2160;
background-color: #fff;

display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}

.gm-contactcap{
  width: 100%;
  border: #1F2160 solid 2px;
  padding:6px 0;

  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 3px;
}

.gm-contactbtn{
  width: 100%;
  background-color:#FF0000;
  border-radius: 21px;
  padding:6px 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
}

.gm-contacttime{
  font-size: 1.2rem;
  letter-spacing: 3px;
}

.gm-contacttime2{
  font-size: 1.4rem;
  letter-spacing: 2px;
}


/********************/
/*contact.htlml*/

.gm-contact_topttl{
  background-color: #002884;
  background-image: url("../image/gm-contactbg.png");
}

.gm-contact_fin_topttl{
  background-color: #002884;
  background-image: url("../image/gm-contactbg.png");
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 10px;
  text-align: center;
}

.gm-contact_textarea{
  padding: 12px 24px;
  width: 100%;
  height:250px;
  border: solid #DCDCDC 1px;
  border-radius: 4px;
}

 .gm-contact_returnbtn{
  margin: 60px 0 20px 0;
  width: 290px;
  height: 60px;
  border-radius: 30px;
  background-color: #1F2160;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1.3rem;
  color: #fff;
  letter-spacing: 3px;
 }

 .gm-contact_returnbtn2{
  margin: 60px 0 20px 0;
  width: 290px;
  height: 60px;
  border-radius: 30px;
  background-color: #2B5FAC;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 1.3rem;
  color: #fff;
  letter-spacing: 3px;
 }

 .gm-contact_finflm{
  margin:16px 0 0 0;
  padding:min(3.6%,36px) min(6.8%,68px);
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
}

.gm-contact_txtbig{
  margin: 8px 0;
  color:#FF0000;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 10px;
  text-align: center;
}

.gm-contact_txttime{
color:#232E84;
font-size: 1.2rem;
letter-spacing: 3px;
text-align: center;
}


.gm-contact_txtbig2{
  margin: 8px 0;
  color:#FF0000;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 10px;
  text-align: center;
}

.gm-teltime2{
  text-align: center;
  color:#232E84;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 4px;
  }

/*****************************/
/*rule.html*/
.gm-rule_topttl{
  background-color: #002884;
  background-image: url("../image/gm-rulebg.png");
}

/*****************************/
/*privacy.html*/
.gm-privacy_topttl{
  background-color: #002884;
  background-image: url("../image/gm-privacybg.png");
}


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

GOEMON会員
問い合わせ　等々
css
SP


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

@media(max-width:768px){

  .gm-contact_topttl{
    background-image: url("../image/gm-contactbg_sp.png");
  }
  
  .gm-contact_fin_topttl{
    background-image: url("../image/gm-contactbg_sp.png");
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 8px;
    text-align: center;
  }

  .gm-telconflx{
    width: 90vw;
    height: auto;
    margin: calc(12vw / 5) 0 0 0;
    padding:calc(26vw / 5) calc(26vw / 5);
    display: flex;
    flex-direction: column;
    align-items: center;

    background-color: #fff;
  }

  /*tel ***********************************/
.gm-telflm{
  width: 100%;
  height: calc(162vw / 5);/*calc(142vw / 5)*/
  padding: 0;
  }

  .gm-contactflm{
    margin:calc(24vw / 5) 0 0 0 ;
    width: 100%;
    height: calc(162vw / 5);
    padding: 0;
  }

  .gm-contact_finflm{
    margin:16px 0 0 0;
    padding:min(3.6%,36px) min(1.2%,12px);
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
  }

  .gm-contact_txtbig{
    margin: 8px 0;
    color:#FF0000;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
  }
  
  .gm-contact_txttime{
    margin:  0 0 4vw 0;
  color:#232E84;
  font-size: 1rem;
  letter-spacing: 3px;
  text-align: center;
  }


  .gm-contact_txtbig2{
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 4px;
  }
  
  .gm-teltime2{
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 3px;
    }
  

}

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

GOEMON会員
アンケートページ　等々
css
PC

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

.gm-qust_topttl{
  background-image: url("../image/gm-regendyes.png");
}

.gm-qust_topttl_fin{
  background-image: url("../image/gm-regendbg.png");
  font-size: 2.8rem;
  font-weight: 900;
  letter-spacing:20px;
  text-align: center;
}

.gm-qust_txt1{
  text-align: center;
  font-size: 1.1rem;
  letter-spacing: 2px;
  line-height: 1.6;
}

  .sw-quest_formbg{
    margin:16px 0 0 0;
    padding:min(4%,40px) min(6.8%,68px);
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);
  }
  
  .sw-quest_formbg2{
    margin:20px auto;
    padding: 4% 8%;
    width: 100%;
    height: auto;
    max-width: 820px;
    background-color: #fff;
    border-radius: 24px;
  
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .sw-quest_txt1{
    margin: 30px 0 20px 0;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 3px;
    text-align: center;
  }

  .gm-contact_text001{
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.6;
    letter-spacing: 2px;
  }
  
  .sw-udline{
    padding:8px 0;/*4px 0*/
    background-image: linear-gradient(transparent 80%, #FCF050 0)
  }

  .gm-quest_sexageflx{
    display: flex;
    flex-direction: row;
  }
  
  .gm-quest_sex{
  }

  .gm-quest_age{
    margin: 0 0 0 60px;
  }

  .gm-quest_rekivalflx{
    display: flex;
    flex-direction: row;
  }
  
  .gm-quest_reki{
  }

  .gm-quest_val{
    margin: 0 0 0 60px;
  }

  .sw-quest_txt2{
    margin: 32px 0 0 0;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 3px;
  }
  
  .gm-quest_txt3{
    width: 100%;
    padding: 10px 0;
    margin: 12px 0 12px 0;
    color: #FF0000;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    border: 2px solid #ff0000;
  }
  
  .gm-quest_txt4{
    margin:12px 0 0 0;/*16px 0 0 0s*/
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 2px;
    text-align: center;
  }

  .gm-quest_txt5{
    margin:32px 0 0 0;/*16px 0 0 0s*/
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 2px;
    text-align: center;
  }

  .sw-quest_blank{
    margin:0 0 0 4px;
    background-color: #FF0000;
    color:#fff;
    font-weight: 400;
    font-size: 0.8rem;
    padding: 3px 3px;
    border-radius: 2px;
    letter-spacing: 1px;
  }
  
  .sw-quest_txt10{
    margin: 0 0 20px 0;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 3px;
    text-align: center;
  }
  
  
  .sw-inputarea{
    margin: 0;
    width: 100%;
    padding: 0 4%;
    height:40px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    letter-spacing: 2px;
  }
  /*
  .sw-inputarea:placeholder-shown{
    color:#ccc;
  }*/
  
  .sw-selectarea{
    margin: 0;
    width: 212px;
    padding: 0 4%;
    height:40px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    letter-spacing: 2px;
  }

  select:invalid { color: #666; }
  select option { color: #333; }
  
  .sw-inputarea21{
    width: 100%;
    padding: 0 4%;
    height:40px;
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 3px;
  letter-spacing: 2px;
  }
  
  
  input[type="checkbox"]{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    }
  
  
  label{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    }
  
    .sw-radio{
      display: none;/*◎を消す*/
      margin:0;
      width: 24px;/*36px*/
      height: 24px;/*36px*/
  
      position: relative;
      vertical-align: sub;
    }
  
    .sw-radio::before, .sw-radio::after{
      content: "";
      display: block;
      border-radius: 50%;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
    }
  
    .sw-radio::before{
      margin:0;
      width: 24px;/*36px*/
      height: 24px;/*36px*/
      background-color:#fff;
      border: 1px solid #000;
      left: 0px;
    }
  
    .sw-radio::after{
      margin:0;
      width: 13.33px;/*20px;*/
      height: 13.33px;/*20px;*/
      border: 1px solid #000;
      background-color:#fff;
      left: 5.4px;
    }
  
  .sw-radio_flm{
    width: 100%;
    display: flex;
    justify-content:flex-start;/*space-between;*/
    align-items: center;
    flex-wrap: wrap;
  }
  
  .sw-radio_flm1{
    width: 100%;
    display: flex;
    justify-content:flex-start;
    align-items: center;
  
  }
  
  .sw-radioflx{
    margin:0;
    display: flex;
    align-items: center;
  }

  .sw-woman{
    margin:0 0 0 16px;
  }
  
  .sw-radio_label{
    margin: 0 0 0 0;
    width: 100px;
    height: 40px;
    background-color: #fff;
    border: #ccc solid 1px;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 3px;
    color: #000;
    text-align: center;
      
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sw-radio_label2{
    margin: 0 10px 10px 0;
    padding:0 12px;
    width: fit-content;
    height: 40px;
    background-color: #fff;
    border: #ccc solid 1px;
    border-radius: 3px;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 3px;
    color: #000;
    text-align: center;
      
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .sw-contact_fin{
  margin:20px auto 20px auto;
  width: 80%;
  max-width: 760px;
  padding: 3% 0;
  background-color: #002884;
  border-radius: 12px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 1.8;
  
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  }
  
  .sw-contact_fintxt1{
    margin: 40px 0;
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 4px;
    text-align: center;
  }
  
  .bt-contactbox dl{
    margin: 10px 0;
  }
  
  .bt-contactbox dt{
   font-weight: 700;
  }
  
  .bt-contactbox ul,.bt-contactbox li{
    color:#000;
    line-height: 1.3;
   }
  
.gm-quest_btn{
  margin:50px auto 0 auto;
  width: 35vw;
  max-width: 350px;
  height: 60px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #FF0000;
  border-radius: 30px;

  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
}

.gm-quest_fin_btn{
  margin:32px auto 0 auto;
  width: 43vw;
  max-width: 430px;
  height: 60px;

  display: flex;
  justify-content: center;
  align-items: center;

  background-color: #FF0000;
  border-radius: 30px;

  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 4px;
  text-align: center;
}


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

GOEMON会員
アンケートページ　等々
css
SP


***************************************************/
  
  @media(max-width:768px){
    .sw-quest_formbg{
      margin: calc(16vw / 5) 0 0 0;
      padding:calc(30vw / 5) calc(16vw / 5);
      width: 100%;
      max-width:initial;
    }

    .sw-quest_txt2{
      margin: calc(28vw / 5) 0 0 0;
      font-size: 1.1rem;
      font-weight: 700;
      line-height: 1.8;
      letter-spacing: 3px;
    }

    .gm-qust_txt1{
      text-align: center;
      font-size: 1rem;
      letter-spacing: 1px;
      line-height: 1.6;
    }

    .gm-contact_text001{
      font-size: 0.85rem;
      letter-spacing: 0;
      line-height: 1.6;
    }
  
    .sw-quest_txt1{
      margin: 4vw 0 4vw 0;
      color: #fff;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 2px;
      text-align: center;
    }

    .gm-quest_txt3{
      padding: 10px 0;
      margin: 12px 0 12px 0;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 2px;
    }

    .gm-quest_txt5{
      margin:calc(22vw / 5) 0 0 0;/*16px 0 0 0s*/
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: 1px;
      text-align: center;
    }
  
    .sw-quest_txt10{
      margin: 0 0 2vw 0;
      font-size: 1rem;
      font-weight: 400;
      letter-spacing: 1px;
      text-align: center;
    }

    .sw-inputarea{
      padding: 0 4%;
      height:calc(60vw / 5);
    }

    .gm-quest_sexageflx{
      width: 100%;
      display: flex;
      flex-direction: column;
    }
    
    .gm-quest_sex{
    }
  
    .gm-quest_age{
      margin: 0 0 0 0;
    }

    .sw-selectarea{
      margin: 0;
      width: 100%;
      padding: 0 4%;
      height:calc(60vw / 5);
    }

    .gm-quest_rekivalflx{
      display: flex;
      flex-direction: column;
    }

    .gm-quest_reki{
    }
  
    .gm-quest_val{
      margin: 0 0 0 0;
    }

    .gm-quest_btn{
      margin:calc(35vw / 5) auto 0 auto;
      width:calc(350vw / 5) ;
      max-width:initial;
      height:calc(60vw / 6) ;
    
      border-radius:calc(26vw / 5);
    
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 4px;
    }
    
    .gm-quest_fin_btn{
      margin:calc(35vw / 5) auto 0 auto;
      width:calc(350vw / 5) ;
      max-width:initial;
      height:calc(60vw / 6) ;
    
      border-radius:calc(26vw / 5);
  
      font-size: 1.3rem;
      font-weight: 700;
      letter-spacing: 1px;
      text-align: center;
    }

  
    .sw-contact_fin{
      margin:4vw auto;
      width: 90vw;
      max-width:none;
      padding: 2% 0;
      font-size: 1.1rem;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 1.6;
      
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      }
      
      .sw-contact_fintxt1{
        margin: 5vw 0;
        font-size: 1rem;
        line-height: 1.6;
        letter-spacing: 2px;
        text-align: center;
      }
  
    
      .sw-radio{
        margin:0;
        width: 6vw;
        height: 6vw;
      }
    
    
      .sw-radio::before{
        margin:0;
        width: 6vw;
        height:6vw;
      }
    
      .sw-radio::after{
        margin:0;
        width: 3.4vw;
        height: 3.4vw;
        left: 1.3vw;
      }


      .sw-radio_flm{
        width: 100%;
        justify-content:space-between;
        align-items: center;
        flex-wrap: wrap;
      }

    
    .sw-radio_flm1{
      width: 100%;
      display: flex;
      justify-content:space-between;
      align-items: center;
    }
    
    .sw-radioflx{
      margin: 1vw 0 4vw 0;
      display: flex;
      align-items: center;
    }
    
    .sw-radioflxwoman{
      margin: 1vw 0 4vw 0;
    }











    .sw-radio_label{
      margin: 0 0 0 0;
      width:calc(175vw / 5);
      width:calc(185vw / 5);
      height:calc(60vw / 5);
      font-size: 1rem;

    }
  
    .sw-radio_label2{
      margin: 0 0 2vw 0;
      width:calc(175vw / 5);
      width:calc(185vw / 5);
      height:calc(60vw / 5);
      font-size: 1rem;
    }
  }
  

  
    input[type="checkbox"]:checked + .sw-radio_label2{
      background-color: #FF0000;
      color:#fff;
    }
  
  
    input[type="checkbox"]:checked::after {
      background-color: #FF0000;
    }
  
    input[type="radio"]:checked + .sw-radio_label{
      background-color: #FF0000;
      color:#fff;
    }
    
    
    input[type="radio"]:checked::after {
      background-color: #FF0000;
    }
  

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

GOEMON会員
アンケートページ　等々
css
SP


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

@media(max-width:550px){

  .gm-qust_topttl{
    background-image: url("../image/gm-regendyes_sp.png");
  }
  
  .gm-qust_topttl_fin{
    background-image: url("../image/gm-regendbg_sp.png");
    font-size: 2.6rem;
    font-weight: 900;
    letter-spacing:12px;
    text-align: center;
  }

  .sw-paymag{
    margin: 8vw 0 0 0;
  }

  .sw-payinput{
    width:42vw;
    height: 2rem;
    border-radius: 3px;
  }
  
  .sw-payth{
    width: 41vw;
    height: 2rem;
  }
  
}

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

GOEMON会員
会社概要
css
PC

****************************************************************/
.gm-outline_topttl{
  background-color: #002884;
  background-image: url("../image/gm-outlinebg.png");
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: 12px;
}

.gm-outline_flm{
  margin: 28px 0 0 0;
  width: 100%;
  background-color: #fff;
  padding: min(4.2% ,42px) min(2.6% , 26px);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.35);

  display: flex;
  flex-direction: column;
}

@media(max-width:768px){
 
}

.gm-outline_item{
  width:100%;
  display: flex;
  align-items: center;
  padding:10px 0 10px 0;
  border:solid #EEEFEF;
  border-width: 0 0 1px 0;

  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 1.6;
}

.gm-outline_ith{
  width: 24.2%;
  max-width:242px;

  font-weight: 700;
}

.gm-outline_itd{
  width: 85.8%;
  max-width:858px;
}


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

GOEMON会員
会社概要
css
SP

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

@media(max-width:550px){
  .gm-outline_flm{
    margin: calc(20vw / 5) 0 0 0;
  }

  .gm-outline_item{
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding:10px 0 10px 0;
    border:solid #EEEFEF;
    border-width: 0 0 1px 0;
  
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 1.6;
  }
  
  .gm-outline_ith{
    width: 100%;
    max-width:initial;
  
    font-weight: 700;
  }
  
  .gm-outline_itd{
    width: 100%;
    max-width:initial;
  }
}

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

GOEMON会員
メール
css
PC


****************************************************************/
  
.gm-mailflm{
  margin:0 0 0 0;
  width: 100%;
  padding:min(5%,50px) min(4.8%,48px);
  height: auto;
  background-color: #fff;
  border-radius: 0px;
  /*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);*/
}

.gm-mailsubflm{
  width: 100%;
  background-color: #232E84;
  padding:12px 28px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.gm-mail_fromdate{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-size: 0.8rem;
  font-weight: 700;
}

.gm-mail_from{
  margin: 0 10px 0 0;
  font-size: 0.7rem;
  font-weight: 400;
}

.gm-mail_date{
  margin: 0;
  font-weight: 400;
}


.gm-mail_time{
  margin: 0 0 0 10px;
  font-size: 0.7rem;
  font-weight: 400;
}

.gm-mail_title{
  margin: 8px 0 0 0;
}

.gm-mailbody{
width: 100%;
padding: 20px 24px;

line-height: 1.6;
letter-spacing: 1px;
font-size: 1rem;
}


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

GOEMON会員
メール
css
SP

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

@media(max-width:550px){

.gm-mailflm{
  margin:0 0 0 0;
  width: 100%;
  padding:min(5%,50px) min(4%,40px);
}

.gm-mailsubflm{
  width: 100%;
  background-color: #232E84;
  padding:12px 14px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 2px;
}

.gm-mail_fromdate{
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;

  font-size: 0.8rem;
  font-weight: 700;
}

.gm-mail_from{
  margin: 0 10px 0 0;
  font-size: 0.7rem;
  font-weight: 400;
}

.gm-mail_time{
  margin: 0 0 0 10px;
  font-size: 0.7rem;
  font-weight: 400;
}

.gm-mail_title{
  margin: 8px 0 0 0;
  padding:8px 0 0 0;
  border: #fff solid;
  border-width: 1px 0 0 0;
}

.gm-mailbody{
  width: 100%;
  padding: 20px 0;

  line-height: 1.6;
  letter-spacing:1px;
  font-size: 1rem;
}

.gm-mailbody a{
  color:#002884;
}

}