html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, address, em, img, small, strong, b, i,
dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, canvas, footer,
header, menu, nav, section, time, audio, video, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); */
body {
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #231815;
  font-size: 16px;
  overflow-x: hidden;
}
article, footer, header, menu, nav, section {
  display: block; }

ul {
  list-style: none; }
a {
  margin: 0;
  color: inherit;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
a:link{
  transition: .3s;
}
a:link:hover{
  opacity: 0.7;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0; }

em, b {
  font-style: normal; }

img {
  max-width: 100%;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

input, select {
  vertical-align: middle;
}

a[href^="tel:"]{
  pointer-events: none;
}
.yugo{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media screen and (max-width:767px){
  body{font-size: 14px;}

  a[href^="tel:"]{
    pointer-events: auto;
  }
}
/* /////////////////////////////
    Parts
///////////////////////////// */

.is-pc{display: block;}
.is-sp{display: none;}
.cf::after{content: "";clear: both;display: block;}
.fr{float: right;}
.fl{float: left;}
.ta-c{text-align: center;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}
.auto{display: block;margin: 0 auto;}
.c-white{color: #fff;}
.c-blue{color: #1B2C64;}
.c-blue-l{color: #223984;}
.c-blue-ll{color: #4EA9DC;}
.bg-blue-d{background-color: #215589;}
.bg-blue{background-color: #3E629E;}
.bg-blue-l{background-color: #51A7BC;}
.bg-green-d{background-color: #3F5D67;}
.bg-green{background-color: #ADCCB4;}
.bg-green-l{background-color: #C9E6E2;}
.inline-block{display: inline-block;}
.underline{text-decoration: underline;}
.border-btm{border-bottom: 2px solid;}
a.op1:hover{opacity: 1;}
.op{display: block;cursor: pointer;transition: .3s;}
.op:hover{opacity: 0.7;}
.abs_center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}



.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}
.mb105{margin-bottom: 105px;}
.mb110{margin-bottom: 110px;}
.mb115{margin-bottom: 115px;}
.mb120{margin-bottom: 120px;}
.mb125{margin-bottom: 125px;}
.mb130{margin-bottom: 130px;}
.mb135{margin-bottom: 135px;}
.mb140{margin-bottom: 140px;}
.mb145{margin-bottom: 145px;}
.mb150{margin-bottom: 150px;}
.mb155{margin-bottom: 155px;}
.mb160{margin-bottom: 160px;}
.mb165{margin-bottom: 165px;}
.mb170{margin-bottom: 170px;}
.mb175{margin-bottom: 175px;}
.mb180{margin-bottom: 180px;}
.mb185{margin-bottom: 185px;}
.mb190{margin-bottom: 190px;}
.mb195{margin-bottom: 195px;}
.mb200{margin-bottom: 200px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}
.mt105{margin-top: 105px;}
.mt110{margin-top: 110px;}
.mt115{margin-top: 115px;}
.mt120{margin-top: 120px;}
.mt125{margin-top: 125px;}
.mt130{margin-top: 130px;}
.mt135{margin-top: 135px;}
.mt140{margin-top: 140px;}
.mt145{margin-top: 145px;}
.mt150{margin-top: 150px;}
.mt155{margin-top: 155px;}
.mt160{margin-top: 160px;}
.mt165{margin-top: 165px;}
.mt170{margin-top: 170px;}
.mt175{margin-top: 175px;}
.mt180{margin-top: 180px;}
.mt185{margin-top: 185px;}
.mt190{margin-top: 190px;}
.mt195{margin-top: 195px;}
.mt200{margin-top: 200px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: -10px;}
.mt-15{margin-top: -15px;}
.mt-20{margin-top: -20px;}
.mt-25{margin-top: -25px;}
.mt-30{margin-top: -30px;}
.mt-35{margin-top: -35px;}
.mt-40{margin-top: -40px;}
.mt-45{margin-top: -45px;}
.mt-50{margin-top: -50px;}
.mt-55{margin-top: -55px;}
.mt-60{margin-top: -60px;}
.mt-65{margin-top: -65px;}
.mt-70{margin-top: -70px;}
.mt-75{margin-top: -75px;}
.mt-80{margin-top: -80px;}
.mt-85{margin-top: -85px;}
.mt-90{margin-top: -90px;}
.mt-95{margin-top: -95px;}
.mt-100{margin-top:-100px;}
.mt-105{margin-top:-105px;}
.mt-110{margin-top:-110px;}
.mt-115{margin-top:-115px;}
.mt-120{margin-top:-120px;}
.mt-125{margin-top:-125px;}
.mt-130{margin-top:-130px;}
.mt-135{margin-top:-135px;}
.mt-140{margin-top:-140px;}
.mt-145{margin-top:-145px;}
.mt-150{margin-top:-150px;}
.mt-155{margin-top:-155px;}
.mt-160{margin-top:-160px;}
.mt-165{margin-top:-165px;}
.mt-170{margin-top:-170px;}
.mt-175{margin-top:-175px;}
.mt-180{margin-top:-180px;}
.mt-185{margin-top:-185px;}
.mt-190{margin-top:-190px;}
.mt-195{margin-top:-195px;}
.mt-200{margin-top:-200px;}
.mr5{margin-right: -5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr95{margin-right: 95px;}
.mr100{margin-right: 100px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml95{margin-left: 95px;}
.ml100{margin-left: 100px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}
.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
.pb80{padding-bottom: 80px;}
.pb85{padding-bottom: 85px;}
.pb90{padding-bottom: 90px;}
.pb95{padding-bottom: 95px;}
.pb100{padding-bottom: 100px;}
.pb140{padding-bottom: 140px;}
.pb170{padding-bottom: 170px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt85{padding-top: 85px;}
.pt90{padding-top: 90px;}
.pt95{padding-top: 95px;}
.pt100{padding-top: 100px;}
.pt140{padding-top: 140px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl65{padding-left: 65px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl85{padding-left: 85px;}
.pl90{padding-left: 90px;}
.pl95{padding-left: 95px;}
.pl100{padding-left: 100px;}
.pl200{padding-left: 200px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}
.pr65{padding-right: 65px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 75px;}
.pr80{padding-right: 80px;}
.pr85{padding-right: 85px;}
.pr90{padding-right: 90px;}
.pr95{padding-right: 95px;}
.pr100{padding-right: 100px;}
.pr200{padding-right: 200px;}
.rel{position: relative;}
.abs{position: absolute;}
.bold{font-weight: bold;}
.bold-900{font-weight: 900;}
.auto{margin: 0 auto;}
.font50{font-size: 50px;}
.font49{font-size: 49px;}
.font47{font-size: 47px;}
.font44{font-size: 44px;}
.font40{font-size: 40px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font25{font-size: 25px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font21{font-size: 21px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font17{font-size: 17px;}
.font16{font-size: 16px;}
.font15{font-size: 15px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.font11{font-size: 11px;}
.font10{font-size: 10px;}
.lh10{line-height: 1;}
.lh11{line-height: 1.1;}
.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}
.lh14{line-height: 1.4;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh17{line-height: 1.7;}
.lh18{ line-height: 1.8; }
.lh19{line-height: 1.9;}
.lh20{line-height: 2;}
.lh30{line-height: 3;}
.ls01{letter-spacing: 1px;}
.ls02{letter-spacing: 2px;}
.ls03{letter-spacing: 3px;}
.ls04{letter-spacing: 4px;}
.ls05{letter-spacing: 5px;}
.left{float:left;}
.right{float:right;}
.en{font-family: 'futura-pt', sans-serif;}
/******************
    list
*******************/
.flex_list{
  display: flex;
  justify-content: space-between;
}
.flex_list.start{justify-content: flex-start;}
.flex_list.center{justify-content: center;}
.flex_list.end{justify-content:flex-end;}
.flex_list.around{justify-content:space-around;}
.flex_list.middle {align-items: center;}
.flex_list.bottom {align-items: flex-end;}
.flex_list.wrap{flex-wrap: wrap;}
.flex_list.nowrap{flex-wrap: nowrap;}
.culm-3::after{content:"";display: block;width:30%;}
.w-5{width: 5%}
.w-10{width: 10%}
.w-15{width: 15%}
.w-17{width: 17%}
.w-18{width: 18%}
.w-20{width: 20%}
.w-22{width: 22%}
.w-23{width: 23%}
.w-24{width: 24%}
.w-25{width: 25%}
.w-30{width: 30%}
.w-31{width: 31%}
.w-32{width: 32%}
.w-33{width: 33%}
.w-34{width: 34%}
.w-35{width: 35%}
.w-40{width: 40%}
.w-45{width: 45%}
.w-46{width: 46%}
.w-47{width: 47%}
.w-48{width: 48%}
.w-49{width: 49%}
.w-50{width: 50%}
.w-55{width: 55%}
.w-60{width: 60%}
.w-62{width: 62%}
.w-65{width: 65%}
.w-68{width: 68%}
.w-70{width: 70%}
.w-75{width: 75%}
.w-80{width: 80%}
.w-83{width: 83%}
.w-85{width: 85%}
.w-90{width: 90%}
.w-96{width: 96%}
.w-100{width: 100%}

@media screen and (max-width:1280px){
  .font50{font-size: 36px;}
  .font49{font-size: 35px;}
  .font47{font-size: 34px ;}
  .font44{font-size: 33px;}
  .font40{font-size: 32px;}
  .font38{font-size: 30px;}
  .font36{font-size: 28px;}
  .font34{font-size: 26px;}
  .font32{font-size: 26px;}
  .font30{font-size: 24px;}
  .font28{font-size: 22px;}
  .font25{font-size: 20px;}
  .font24{font-size: 20px;}
  .font22,.font21{font-size: 18px;}
  .font20{font-size: 18px;}
  .font18{font-size: 17px;}
}
@media screen and (max-width:1000px){
  .w-100_tab{width: 100%;}
  .font50{font-size: 34px;}
  .font49{font-size: 33px;}
  .font47{font-size: 32px;}
  .font44{font-size: 30px;}
  .font40{font-size: 28px;}
  .font38{font-size: 26px;}
  .font36{font-size: 24px;}
  .font34{font-size: 22px;}
  .font32{font-size: 22px;}
  .font30{font-size: 20px;}
  .font28{font-size: 18px;}
  .font25{font-size: 18px;}
  .font24{font-size: 17px;}
  .font22{font-size: 17px;}
  .font21,.font20{font-size: 16px;}
  .font18{font-size: 16px;}
  .order1_tab{order: 1;}
  .order2_tab{order: 2;}
  .mb5_tab{margin-bottom: 5px;}
  .mb10_tab{margin-bottom: 10px;}
  .mb15_tab{margin-bottom: 15px;}
  .mb20_tab{margin-bottom: 20px;}
  .mb25_tab{margin-bottom: 25px;}
  .mb30_tab{margin-bottom: 30px;}
  .mb35_tab{margin-bottom: 35px;}
  .mb40_tab{margin-bottom: 40px;}
  .mb45_tab{margin-bottom: 45px;}
  .mb50_tab{margin-bottom: 50px;}
  .mb55_tab{margin-bottom: 55px;}
  .mb60_tab{margin-bottom: 60px;}
  .mb65_tab{margin-bottom: 65px;}
  .mb70_tab{margin-bottom: 70px;}
  .mb75_tab{margin-bottom: 75px;}
  .mb80_tab{margin-bottom: 80px;}
  .mb85_tab{margin-bottom: 85px;}
  .mb90_tab{margin-bottom: 90px;}
  .mb95_tab{margin-bottom: 95px;}
  .mb100_tab{margin-bottom: 100px;}
  .pt30_tab{padding-top: 30px;}
  .mb0_tab{margin-bottom: 0;}
  .mr0_tab{margin-right: 0;}
  .pt0_tab{padding-top: 0;}
  .pb0_tab{padding-bottom: 0;}
}
@media screen and (max-width:767px){
  .font50{font-size: 24px;}
  .font49{font-size: 23px;}
  .font47{font-size: 22px;}
  .font44{font-size: 20px;}
  .font40{font-size: 20px;}
  .font38{font-size: 20px;}
  .font36{font-size: 20px;}
  .font34{font-size: 18px;}
  .font32{font-size: 18px;}
  .font30{font-size: 17px;}
  .font28{font-size: 17px;}
  .font25{font-size: 16px;}
  .font24{font-size: 16px;}
  .font22{font-size: 16px;}
  .font20{font-size: 16px;}
  .font18{font-size: 15px;}
  .font17{font-size: 14px;}
  .font16{font-size: 14px;}
  .font15{font-size: 13px;}
  .font14{font-size: 12px;}
  .font12{font-size: 10px;}
  .is-pc{display: none;}
  .is-sp{display: block;}
  .ta-l_sp{text-align: left;}
  /*
  .mb15,.mb20,.mb25,.mb30,.mb35{margin-bottom: 10px;}
  .mb40,.mb45,.mb50,.mb55{margin-bottom: 20px;}
  .mb60,.mb65,.mb70,.mb75{margin-bottom: 30px;}
  .mb80,.mb85,.mb90,.mb95{margin-bottom: 40px;}
  .mb100,.mb105,.mb110,.mb115{margin-bottom: 50px;}
  .mb120,.mb125,.mb130,.mb135{margin-bottom: 60px;}
  .mb140,.mb145,.mb150,.mb155{margin-bottom: 70px;}
  .mb160,.mb165,.mb170,.mb175{margin-bottom: 80px;}
  .mb180,.mb185,.mb190,.mb195{margin-bottom: 80px;}
  .mb200{margin-bottom: 100px;}
  .mt15,.mt20,.mt25,.mt30,.mt35{margin-top: 10px;}
  .mt40,.mt45,.mt50,.mt55{margin-top: 20px;}
  .mt60,.mt65,.mt70,.mt75{margin-top: 30px;}
  .mt80,.mt85,.mt90,.mt95{margin-top: 40px;}
  .mt100{margin-top: 50px;}
  .pb15,.pb20,.pb25,.pb30,.pb35{padding-bottom: 10px;}
  .pb40,.pb45,.pb50,.pb55{padding-bottom: 20px;}
  .pb60,.pb65,.pb70,.pb75{padding-bottom: 30px;}
  .pb80,.pb85,.pb90,.pb95{padding-bottom: 40px;}
  .pb100{padding-bottom: 50px;}
  .pb140{padding-bottom: 60px;}
  .pb170{padding-bottom: 80px;}
  .pt15,.pt20,.pt25,.pt30,.pt35{padding-top: 10px;}
  .pt40,.pt45,.pt50,.pt55{padding-top: 20px;}
  .pt60,.pt65,.pt70,.pt75{padding-top: 30px;}
  .pt80,.pt85,.pt90,.pt95{padding-top: 40px;}
  .pt100{padding-top: 50px;}
  .pt140{padding-top: 60px;}
  */
  .w-100_sp{width: 100%;}
  .mb0_sp{margin-bottom: 0;}
  .mb10_sp{margin-bottom: 10px;}
  .mb20_sp{margin-bottom: 20px;}
  .mb30_sp{margin-bottom: 30px;}
  .mb40_sp{margin-bottom: 40px;}
  .mb50_sp{margin-bottom: 50px;}
  .mb60_sp{margin-bottom: 60px;}
  .mb70_sp{margin-bottom: 70px;}
  .mb80_sp{margin-bottom: 80px;}
  .mb90_sp{margin-bottom: 90px;}
  .mb100_sp{margin-bottom: 100px;}
  .wrap_sp{flex-wrap: wrap;}
  .mr0_sp{margin-right: 0;}
  .ml0_sp{margin-left: 0;}
}

/* /////////////////////////////////
    header
///////////////////////////////// */
.globalheader{
  width: 100%;
  height: 3.8542vw;
}
.header_logo{
  display: block;
  left: 0.521vw;
  top: 0.521vw;
  z-index: 1;
  width: 6.563vw;
}
.globalnav_btn{
  position: fixed;
  right: 2.084vw;
  top: 2.084vw;
  width: 5.834vw;
  height: 5.834vw;
  z-index: 10001;
  background-color: #223984;
}
.globalnav_btn span {
  position: absolute;
  display: block;
  top: 2.917vw;
  right: 1.875vw;
  width: 2.084vw;
  height:3px;
  border-radius: 2px;
  background-color: #fff;
}
.globalnav_btn span::before {
  content: "";
  position: absolute;
  top: -0.782vw;
  right: 0;
  width: 2.084vw;
  height:3px;
  border-radius: 2px;
  background-color: #fff;
  transition: .3s;
  -webkit-transition: .3s;
}
.globalnav_btn span::after {
  content: "";
  position: absolute;
  bottom: -0.782vw;
  right: 0;
  width: 2.084vw;
  height:3px;
  border-radius: 2px;
  background-color: #fff ;
  transition: .3s;
  -webkit-transition: .3s;
}
.open .globalnav_btn span {
  background-color: #223984;
}
.open .globalnav_btn span::before{
 top: 0;
 left: 0;
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
}
.open .globalnav_btn span::after {
 bottom: 0;
 left: 0;
 -webkit-transform: rotate(-135deg);
 transform: rotate(-135deg);
}
.menu{
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  height: 100vh;
  width: 386px;
  transition: all .5s;
  background-color: #223984;
  transform: translateX(100%);
}
.open .menu {
 transform: translateX(0);
}
.menu nav{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.menu nav ul{
  width: 100%;
  height: 100%;
}
.menu nav li a {
  display: block;
  padding: 4% 0;
  font-size: 18px;;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
}
.menu figure{
  width: 68px;
  right: 44px;
  bottom: 44px;
}
@media screen and (max-width:1280px){
  .menu figure {
    right: 34px;
    bottom: 34px;
    width: 44px;
  }
}
@media screen and (max-width:767px){
  .menu {
    width: 100%;
  }
  .header_logo {
    left: 0;
    top: 10px;
    width: 80px;
  }
  .menu figure {
    width: 50px;
    right: 20px;
    bottom: 20px;
  }
  .globalheader {
    height: 30px;
  }
  .globalnav_btn {
    right: 0;
    top: 0;
    width: 66px;
    height: 66px;
  }
  .globalnav_btn span {
    top: 30px;
    right: 17px;
    width: 30px;
    height: 4px;
  }
  .globalnav_btn span::before {
    top: -10px;
    width: 30px;
    height: 4px;
  }
  .globalnav_btn span::after {
    bottom: -10px;
    width: 30px;
    height: 4px;
  }
  .menu nav li a {
    font-size: 17px;
  }
}
/* /////////////////////////////////
    footer
///////////////////////////////// */
footer{
  padding: 45px 0 40px;
  background-color: #000;
}
footer .footer_logo img{
  width: 200px;
}
.batsu01{left: 20px;top: 20px;}
.batsu02{right: 20px;top: 20px;}
.batsu03{left: 20px;bottom: 20px;}
.batsu04{right: 20px;bottom: 20px;}

@media screen and (max-width:1280px){
  footer{
    padding: 30px 0 25px;
    background-color: #000;
  }
  footer .font18{
    padding-top: 20px;
    font-size: 14px;
  }
  .footer_logo{
    display: block;
    width: 140px;
    margin: 0 auto;
  }
  .batsu01,.batsu02,.batsu03,.batsu04{width: 30px}
}
@media screen and (max-width:767px){
  footer .footer_logo img{
    width: 120px;
  }
  footer p.font20{
    font-size: 12px;
  }
  footer .font18{
    padding-top: 10px;
    font-size: 12px;
  }
  footer span{
    width: 22px;
  }
  .batsu01,.batsu02,.batsu03,.batsu04{width: 20px}
  .batsu01{left: 10px;top: 10px;}
  .batsu02{right: 10px;top: 10px;}
  .batsu03{left: 10px;bottom: 0;}
  .batsu04{right: 10px;bottom: 0;}
}


/* /////////////////////////////////
    common
///////////////////////////////// */
#top{
  display: none;
}
.w-1920{
  /*max-width: 1920px;*/
  margin: 0 auto;
}
.wrapper{
  padding: 0 3.8542vw;
  /*max-width: 1740px;*/
  margin: 0 auto;
}
.low_vidual{
  padding-bottom: 3.8542vw;
}
#loader {
	position: fixed;
	width: 300px;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
#bar {
  position: fixed;
  top: calc(50% - 45px);
  left: calc(50% - 13px);
  transform: translate(-50%,-50%);
  width: 250px;
  height: 130px;
  padding: 1px;
  font-size: 1px;
}
#bar span {
	display: block;
	width: 0;
	height: 100%;
  background-color: #223984;
}
#load-text {
  display: block;
  font-size: 45px;
  font-weight: bold;
  letter-spacing: 3px;
  text-align: center;
  color: #223984;
}
@media screen and (max-width:1000px){
}
@media screen and (max-width:767px){
  .wrapper {
    padding: 0 30px;
  }
  .low_vidual{
    padding-bottom: 30px;
  }
  .page_ttl img{
    width: 40px;
  }

}
.lato{
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
.futura-reg{
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.futura-mid{
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.futura-right{
  font-family: futura-pt, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.futura-bold{
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.futura-conbold{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
}
/* /////////////////////////////////
    top
///////////////////////////////// */
.top .mainviual .wrapper{
  box-sizing: border-box;
  width: calc(100% - 7.7084vw);
  height: calc(100vh - 7.7084vw);
  margin: 0 auto 3.8542vw;
  overflow: hidden;
  background: url(./assets/img/top_mv.png) center / cover no-repeat;
}
.scroll {
  box-sizing: border-box;
  background-color: #223984;
  width: 284px;
  height: 6.459vw;
  line-height: 6.459vw;
  padding: 0 50px 0 64px;
  right: 6.459vw;
  bottom: -3.8542vw;
  color: #fff;
  transform-origin: right bottom;
  transform: rotate(90deg);
}
.scroll::before{
  position: absolute;
  content: "";
  width: 72px;
  height: 3px;
  right: 50px;
  bottom: calc(50% - 2px);
  border-radius: 2px;
  background-color: #fff;
}
.main_contents{
  padding-top: 44px;
}
.main_contents li{
  position: relative;
}
.main_contents li .content_box{
  display: block;
  width: 100%;
  height: 100%;
}
.main_contents li .abs_center{
  width: 100%;
  z-index: 2;
}
.main_contents li a .bg::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.main_contents li:first-child a .bg::after{
  background-color: rgba(33, 85, 137, 0.48);
}
.main_contents li:nth-child(2) a .bg::after{
  background-color: rgba(62, 98, 158, 0.48);
}
.main_contents li:nth-child(3),.main_contents li:nth-child(4){
  height: 28vw;
}
.main_contents li:nth-child(5) {
  box-sizing: border-box;
  height: 24vw;
  /*padding-bottom: 80px;*/
}
.main_contents li:nth-child(6){
  height: 24vw;
}
.main_contents .dl_btn a{
  box-sizing: border-box;
  width: calc(50% - 30px);
  padding: 20px 60px;
  color: #fff;
  background-color: #215589;
  position: relative;
}
.main_contents .dl_btn a::after{
  position: absolute;
  content: "";
  right: 20px;
  top: calc(50% - 7px);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #fff;
}
.magazine_area{
  width: 100%;
  height: 100%;
}
.dl_btn {
  width: 100%;
  bottom: 20px
}
.pagetop {
  padding: 64px 0 94px;
}
.pagetop a{
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: url(./assets/img/pagetop.png) center / cover no-repeat;
}
.pagetop a::after{
  width: 20px;
}
@media screen and (max-width:1280px){
  .main_contents li .icon{
    display: block;
    margin: 0 auto;
  }
  .main_contents li:first-child .icon{
    width: 60px;
  }
  .main_contents li:nth-child(2) .icon{
    width: 52px;
  }
  .main_contents li:nth-child(3) .icon{
    width: 60px;
  }
  .main_contents li:nth-child(4) .icon{
    width: 80px;
    margin: 0 auto 20px;
  }
  .main_contents li:nth-child(5) .icon{
    width: 40px;
    margin: 0 auto 10px;
  }
  .main_contents li:nth-child(6) .icon{
    width: 40px;
    margin: 0 auto 10px;
  }
  .pagetop a {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width:1000px){
  .main_contents li:nth-child(5) {
    /*padding-bottom: 60px;*/
  }
  .top .mainviual .wrapper {
    width: calc(100% - 80px);
    height: calc(100vh - 80px);
  }
  .main_contents .dl_btn a{
    padding: 10px 40px;
  }
  .main_contents .dl_btn a::after{
    right: 15px;
    top: calc(50% - 5px);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #fff;
  }
  .pagetop {
    padding: 30px 0 50px;
  }
  .pagetop a {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width:767px){
  .top .mainviual .wrapper {
    width: calc(100% - 60px);
    height: calc(100vh - 60px);
    margin: 0 auto 30px;
    background: url(./assets/img/top_mv_sp.png) center / cover no-repeat;
  }
  .scroll {
    width: 160px;
    height: 66px;
    line-height: 66px;
    padding: 0 20px 0 30px;
    right: 66px;
    bottom: -30px;
  }
  .scroll::before {
    width: 42px;
    height: 3px;
    right: 20px;
  }
  .main_contents {
    padding-top: 20px;
  }
  .main_contents li:nth-child(3),.main_contents li:nth-child(4){
    height: 200px
  }
  .main_contents li:nth-child(5),.main_contents li:nth-child(6){
    height: 200px
  }
  .main_contents li:first-child .icon img{
    width: 48px;
  }
  .main_contents li:nth-child(2) .icon img{
    width: 39px;
  }
  .main_contents li:nth-child(3) .icon img{
    width: 47px;
  }
  .main_contents li:nth-child(4) .icon img{
    width: 60px;
  }
  .main_contents li:nth-child(5) .icon img{
    width: 34px;
  }
  .main_contents li:nth-child(6) .icon img{
    width: 45px;
  }
  .main_contents .dl_btn a {
    padding: 6px 24px;
  }
  .main_contents .dl_btn a::after {
    right: 8px;
  }
  .pagetop a {
    width: 40px;
    height: 40px;
  }
}


/* /////////////////////////////////
     hobby
///////////////////////////////// */
.product_list .ttl_maru{
  padding: 20px 60px;
  text-align: center;
  max-width: 600px;
  border-radius: 80px;
  margin: -94px auto 100px;
  background-color: #223984;
  color: #fff;
}
.product_list .waku_maru{
  border: 4px solid #223984;
  border-radius: 30px;
  padding: 50px;
}
.product_content.mb350{
  margin-bottom: 350px;
}
.product_content.mb180{
  margin-bottom: 180px;
}
.product_content .num{
  width: 20%;
  text-align: center;
  font-family: vinyl, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.product_content .product_ttl::after{
  content: "";
  position: absolute;
  width: 30px;
  height: 4px;
  background-color: #000;
  left: 0;
  bottom: 0;
}
.product_content .detail{
  width: 80%;
}
.product_content .dot{
  line-height: 32px;
}
.product_content .bx-wrapper{
  margin-bottom: 0;
}
.product_content .bx-wrapper .bx-controls-auto, .product_content .bx-wrapper .bx-pager {
  position: absolute;
  bottom: 10px;
}
.product_content .bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 15px;
  background-color: #9AA5B2;
}
.product_content .bx-wrapper .bx-prev {
  background: url(./assets/img/hobby/cx-arrow_left.png) center / contain no-repeat;
}
.product_content .bx-wrapper .bx-next {
  background: url(./assets/img/hobby/cx-arrow_right.png) center / contain no-repeat;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next,.bx-wrapper .bx-prev, .bx-wrapper .bx-prev {
    background-position: center center !important;
}
.parchace{
  padding: 8%;
  background-color: #F6F5FF;
}
.parchace h2{
  color: #223984;
}
.parchace h2 span{
  background: linear-gradient(transparent 60%, #FFF07B 60%);
}
.btn_black{
  position: relative;
  display: block;
  width: 100%;
  max-width: 510px;
  margin: 0 auto;
  padding: 20px 0;
  color: #fff;
  text-align: center;
  background-color: #363636;
}
.btn_black::before{
  background-image: url(./assets/img/img-arrow.png);
  position: absolute;
  content: "";
  right: 30px;
  top: 50%;
  background-size: contain;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.product_list .btn_black{
  margin-bottom: 150px;
}
.parchace .btn_black{
  margin-top: 8%;
}
.product_list .credit{
  width: 50%;
}
@media screen and (max-width:1920px){
  .product_list {
    font-size: 1vw;
  }
  .product_content .font49 {
    font-size: 3vw;
  }
  .product_content .font47,.parchace .font47 {
    font-size: 2.8vw;
  }
  .product_content .font36,.parchace .font36 {
    font-size: 2vw;
  }
  .product_content .font32 {
    font-size: 1.8vw;
  }
  .waku_maru .font30{
    font-size: 1.7vw;
  }
  .product_content .font25,.parchace .font25,.waku_maru .font25 {
    font-size: 1.5vw;
  }
  .product_content .font24,.parchace .font24 {
    font-size: 1.48vw;
  }
  .product_content .font20,.parchace .font20,.waku_maru .font20 {
    font-size: 1.3vw;
  }
  .product_content .font18,.parchace .font18 {
    font-size: 1.24vw;
  }
  .product_content .font17 {
    font-size: 1.2vw;
  }
  .product_content .font10{
    font-size: 0.6vw;
  }
  .product_content .pb50,.waku_maru .pb50 {
    padding-bottom: 3vw;
  }
  .product_content .mb80 {
    margin-bottom: 4.4vw;
  }
  .product_content .mb40 {
    margin-bottom: 2.2vw;
  }
  .product_content .mb30,.parchace .mb30 {
    margin-bottom: 1.7vw;
  }
  .parchace .mb20{
    margin-bottom: 1.4vw
  }
  .product_content .mr15 {
    margin-right: 1vw;
  }
  .product_content .mr10 {
    margin-right: 0.6vw;
  }
}
@media screen and (max-width:1280px){
  .btn_black {
    max-width: 380px;
    padding: 15px 0;
  }

}
@media screen and (max-width:1000px){
}
@media screen and (max-width:767px){
  .product_list .credit{
    width: 100%;
    max-width: 280px;
  }
  .product_list .ttl_maru {
    padding: 15px 10px;
    font-size: 16px;
    border-radius: 30px;
    margin: -58px auto 60px;
    background-color: #223984;
    color: #fff;
  }
  .product_list .waku_maru {
    border: 2px solid #223984;
    border-radius: 20px;
    padding: 20px;
  }
  .product_list{
    padding: 0 30px;
    font-size: 14px;
  }
  .product_list .wrapper{
    padding: 0
  }

  .product_content .num {
    width: 100%;
    font-size: 40px;
    margin-bottom: 10px;
  }
  .product_content .detail {
    width: 100%;
  }
  .product_content .font47, .parchace .font47 {
    font-size: 20px;
  }
  .product_content .font18, .parchace .font18 {
    font-size: 15px;
  }
  .product_content .font25, .parchace .font25, .parchace .font25,.waku_maru .font25, .parchace .font24 {
    font-size: 18px;
  }
  .product_content .font24, .parchace .font24 {
    font-size: 16px;
}
  .product_content .font20, .parchace .font20,.waku_maru .font20 {
    font-size: 16px;
  }
  .product_content .font17 {
    font-size: 14px;
  }
  .product_content .font10 {
    font-size: 10px;
  }
  .product_content .pb50,.waku_maru .pb50 {
    padding-bottom: 30px;
  }
  .product_content .mb80 {
    margin-bottom: 40px;
  }
  .product_content .mb40 {
    margin-bottom: 20px;
  }
  .parchace .mb20{
    margin-bottom: 10px;
  }
  .product_content .mb30, .parchace .mb30 {
    margin-bottom: 20px;
  }
  .product_content .dot {
    line-height: 24px;
  }
  .product_content .mr15,.product_content .mr10 {
    margin-right: 10px;
  }
  .product_content.mb350 {
    margin-bottom: 80px;
  }
  .product_content.mb180 {
    margin-bottom: 60px;
  }
  .product_list .btn_black {
    margin-bottom: 80px;
  }
  .parchace {
    padding: 50px 30px 80px;
  }
  .product_content .font36, .parchace .font36 {
    font-size: 20px;
  }
  .product_content .bx-wrapper .bx-prev{
    left: 0;
  }
  .product_content .bx-wrapper .bx-next{
    right: 0;
  }
  .btn_black {
    padding: 15px 0;
  }
}


/* /////////////////////////////////
    interview
///////////////////////////////// */

.vw{
  font-size: 0.834vw
}
.vw .font32{
  font-size: 1.906vw;
}
.vw .font28{
  font-size: 1.668vw;
}
.vw .font22{
  font-size: 1.146vw;
}
.vw .font21{
  font-size: 1.094vw;
}
.vw .font16{
  font-size: 0.834vw
}
.vw .mb120{
  margin-bottom: 9.375vw;
}
.vw .mb70{
  margin-bottom: 3.646vw;
}
.vw .mb60{
  margin-bottom:3.125vw;
}
.vw .mb50{
  margin-bottom:2.6042vw;
}

.interview_list > div{
  margin-bottom: 4%;
  overflow: hidden;
}
.interview_list > div:first-child .text_area{
  width: 48%;
  background-color: rgba(88, 150, 125, 0.74);
}
.interview_list > div:nth-child(2) .text_area{
  width: 48%;
  background-color: rgba(127, 175, 199, 0.70);
}
.interview_list > div:nth-child(3) .text_area{
  width: 48%;
  background-color: rgba(64, 88, 119, 0.5);
}
.interview_list > div:nth-child(4) .text_area{
  width: 48%;
  background-color: rgba(217, 112, 91, 0.63);
}
.interview_list > div:nth-child(5) .text_area{
  width: 48%;
  background-color: rgba(239, 166, 93, 0.57);
}
.interview_list .text_area{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.interview_list .text_area .inner{
  color: #fff;
  font-weight: bold;
  width: 92%;
  bottom: 4%;
  left: 5%;
}
.interview_list .text_area.left .inner{
  bottom: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.interview_list .font28{
  line-height: 1.4;
}
.interview_list .text_area .font28.mb40{
  margin-bottom: 4%;
}
.interview_list .name_bdr{
  position: relative;
  padding-top: 10%;
  margin-top: 15%;
}
.interview_list .name_bdr::before{
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #fff;
  left: 0;
  top: 0;
}
.interview_list figure img{
  transition: all .3s;
  -webkit-transition: all .3s;
}
.interview_list a:hover figure img{
  transform: scale(1.2);
}
.interview_list .coming{
  position: absolute;
  width: 100%;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}


/* low */
.yanase .personal {
  background-color: #EFA65D;
}
.nakamura .personal {
  background-color: #65A887;
}
.onishi .personal {
  background-color: #405877;
}
.ohashi .personal {
  background-color: #D9705B;
}
.tanaka .personal {
  background-color: #7FAFC7;
}

.personal{
  margin-top: 100px;
}
.personal .inner{
  padding: 120px 3.8542vw 40px;
  margin: 0 auto;
  max-width: 1500px;
}
.personal figure{
  bottom: 0;
  left:3.8542vw;
}
.personal figure.dammy{
  width: 28%;
  bottom: -7%;
}
.yanase .profile,.onishi .profile,.ohashi .profile,.tanaka .profile{
  padding-left: 540px;
  color: #fff;
}
.nakamura .profile{
  padding-left: 560px;
  color: #fff;
}
.profile .catch{
  box-sizing: border-box;
  width: calc(94% - 300px);
  padding-right: 6%;
  margin-right: 6%;
  border-right: 2px solid;
}
.profile .name{
  box-sizing: border-box;
  width: 300px;
}
.interview_low .interview_list .link_onoshi .text_area{
  width: 100%;
  background-color: rgba(64, 88, 119, 0.5);
}
.interview_low .interview_list .link_ohashi .text_area{
  width: 100%;
  background-color: rgba(217, 112, 91, 0.63);
}
.interview_low .interview_list .link_tanaka .text_area {
  width: 48%;
  background-color: #7FAFC7;
}
.interview_low .interview_list .link_nakamura .text_area{
  width: 48%;
  background-color: #65A887;
}
.interview_low .interview_list .link_yanase .text_area{
  width: 48%;
  background-color: #EFA65D;
}
.interview_low .interview_list .link_tanaka img{
  margin-left: 8vw;
}
.interview_low .interview_list .name_bdr {
  padding-top: 80px;
  margin-top: 40px;
}
.interview_low .interview_list .link_yanase .name_bdr,.interview_low .interview_list .link_onoshi .name_bdr {
  padding-top: 60px;
  margin-top: 50px
}
.interview_low .interview_list .text_area.left .inner{
  height: auto;
  top: auto;
  bottom: 10%;
  left: 5%;
  transform: translate(0,0);
}
.interview_low .interview_list .font40{
  line-height: 2.4;
}
.interview_low .interview_list > div{
  margin-bottom: 0;
}
.interview_low .kakko{
  box-sizing: border-box;
  padding-left: 10%;
  padding-top: 2%;
  padding-bottom: 2%;
}
.interview_low .kakko figure{
  height: 96%;
  top: 0;
  left: 0;
}
.interview_low .kakko figure img{
 width: auto;
 height: 100%;
}
.is-pc-tab{
  display: block;
}
.is-tab-sp{
  display: none;
}
@media screen and (max-width:1920px){
  .interview_list .font28{
    font-size: 1.4vw;
  }
  .interview_list .font21{
    font-size: 1.2vw;
  }
  .interview_list .font17{
    font-size: 1vw;
  }
  .interview_list .font40{
    font-size: 2.2vw;
  }
  .interview_list .coming{
    font-size: 1.8vw;
    letter-spacing: 0.1vw;
  }
  .interview_low .interview_list .name_bdr {
    padding-top: 4vw;
    margin-top: 2vw;
  }
  .interview_low .interview_list .link_yanase .name_bdr,.interview_low .interview_list .link_onoshi .name_bdr {
    padding-top: 3vw;
    margin-top: 2.5vw
  }
  .interview_list .font20 {
    font-size: 1.1vw;
  }
}
@media screen and (max-width:1648px){
}
@media screen and (max-width:1280px){
  .personal figure {
    width: 340px!important;
  }
  .interview_low .page_ttl figure,.interview .page_ttl figure,.hobby .page_ttl figure,.campaign .page_ttl figure{
    width: 40px;
    margin: 0 auto 20px;
  }
  .profile{
    padding-left: 420px !important;
  }
  .profile .catch {
    width: calc(94% - 260px);
  }
  .profile .font15 {
    font-size: 13px;
  }
  .profile .name {
    width: 260px;
  }
}
@media screen and (max-width:1000px){
  .is-pc-tab{
    display: none;
  }
  .is-tab-sp{
    display: block;
  }
  .personal .inner {
    padding: 40px 20px;
  }
  .personal .mb50{
    margin-bottom: 20px;
  }
  .profile .catch {
    width: 100%;
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }
  .profile .name {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 20px 0 20px 0;
    border-left: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .interview_low .kakko {
    padding: 0;
  }
  .vw{
    font-size: 15px;
  }
  .vw .font32 {
    font-size: 22px;
  }
  .vw .font28{
    font-size: 18px;
  }
  .vw .font22{
    font-size: 17px;
  }
  .vw .font21{
    font-size: 16px;
  }
  .vw .font16{
    font-size: 15px;
  }
  .vw .mb120{
    margin-bottom: 80px;
  }
  .vw .mb70{
    margin-bottom: 40px;
  }
  .vw .mb60{
    margin-bottom:30px;
  }
  .vw .mb50{
    margin-bottom:30px;
  }
}
@media screen and (max-width:767px){
  .interview_low .page_ttl figure,.interview .page_ttl figure,.hobby .page_ttl figure,.campaign .page_ttl figure{
    width: 30px;
    margin: 0 auto 10px;
  }
  .vw .mb120{
    margin-bottom: 40px;
  }
  .vw{
    font-size: 14px;
  }
  .vw .font32 {
    font-size: 18px;
  }
  .vw .font28{
    font-size: 18px;
  }
  .vw .font22{
    font-size: 16px;
  }
  .vw .font21{
    font-size: 16px;
  }
  .vw .font16{
    font-size: 14px;
  }
  .interview_list > div{
    margin-bottom: 30px;;
  }
  .interview_list > div:first-child .text_area,.interview_list > div:nth-child(2) .text_area,.interview_list > div:nth-child(3) .text_area,.interview_list > div:nth-child(4) .text_area,.interview_list > div:nth-child(5) .text_area{
    width: 100%;
  }
  .interview_list .text_area.left .inner {
    height: auto;
    top: auto;
    bottom: 4%;
    left: 5%;
    transform: translate(0,0);
  }
  .interview_list .name_bdr {
    padding-top: 4%;
    margin-top: 8%;
  }
  .interview_low .interview_list .name_bdr,.interview_low .interview_list .link_onoshi .name_bdr {
    padding-top: 4%;
    margin-top: 8%;
  }
  .interview_list .font28{
    font-size: 4.6vw;
    line-height: 1.4;
  }
  .interview_list .font21{
    font-size: 4.2vw;
  }
  .interview_list .font17{
    font-size: 3.4vw;
  }
  .interview_list .font40{
    font-size: 5.6vw;
  }
  .interview_list .coming{
    font-size: 5vw;
  }
  .personal .inner {
    padding: 40px 20px 0;
  }
  .interview_list .font20 {
    font-size: 4vw;
  }
  .interview_low .interview_list .link_yanase .text_area{
    width: 100%;
    background-color: rgba(239, 166, 93, 0.57);
  }
  .interview_low .interview_list .link_nakamura .text_area {
    width: 100%;
    background-color: rgba(101, 168, 135, 0.74);
  }
  .interview_low .interview_list .link_tanaka .text_area {
    width: 100%;
    background-color: rgba(127, 175, 199, 0.70);
  }
  .interview_low .interview_list .link_tanaka img{
    margin-left: 0;
  }
  .personal {
    margin-top: 50px;
  }
  .profile {
    padding-left: 0 !important;
  }
  .personal figure {
    width: 100% !important;
    max-width: 240px !important;
    margin: 20px auto;
    position: static;
  }
  .interview_list.pb170{
    padding-bottom: 80px;
  }
}

/* /////////////////////////////////
    campaign
///////////////////////////////// */
.campaign .present {
  padding: 80px 0 60px;
  background-color: #C1E0E8;
}
.campaign .present .text_area{
}
.campaign .present .flag{
  top: -100px;
  left: -40px;
}
.campaign .present .chara{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 37%;
}
.campaign .blue_waku{
  padding: 0 40px;
  font-weight: bold;
  background-color: #223984;
  border-radius: 20px;
  color: #fff;
}
.campaign .tweet{
  margin-bottom: 220px;
}
.tweet_detail{
  height: 48vw;
}
.tweet_row{
  width: calc(100% / 3);
  height: 100%;
  box-sizing: border-box;
}
.tweet_box {
  box-sizing: border-box;
  background-color: #EBF4F9;
  padding: 6%;
  border: 3px solid #fff;
  font-size: 1vw;
  line-height: 2.2;
}
.tweet_box.box01{
  height: 70%;
}
.tweet_box.box02{
  height: 30%;
}
.tweet_box.box03{
  height: 30%;
}
.tweet_box.box04{
  height: 70%;
}
.tweet_box.box05{
  height: 40%;
}
.tweet_box.box06{
  height: 60%;
}
.tweet_box .name{
  margin-bottom: 2vw;
}
.tweet_box .icon{
  width: 10%;
  margin-right: 4%;
}
.tweet_howto{
  background-color: #EBEBEB;
  padding: 210px 0 110px;
}
.fukidashi{
  position: absolute;
  top: -265px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: 100%;
  margin: 0 auto 34px;
  background-color: #FEE861;
  border: 6px solid #363636;
  border-radius: 80px;
  text-align: center;
  padding: 20px 0;
}
.fukidashi::after{
  content: "";
  position: absolute;
  width: 36px;
  height: 38px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -38px;
  background: url(./assets/img/campaign/fukidashi_shita.png) center / cover;
}
.step_box .num{
  width: 100px;
  height: 100px;
  font-family: vinyl, sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #223984;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  top: -50px;
  left: calc(50% - 50px);
}
.step_box .num .abs{
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.tweet_howto .step_box{
  width: 30%;
  padding: 80px 4% 50px;
  box-sizing: border-box;
  border: 5px solid #223984;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
}
.tweet_howto .step_box .icon{
  position: relative;
  height: 140px;
  margin-bottom: 20px;
}
.tweet_howto .step_box .icon img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.tweet_howto .arrow{
  width: 5%;
  position: relative;
}
.tweet_howto .arrow::after{
  content: "";
  position: absolute;
  border-top: 16px solid transparent;
  border-left: 21px solid #223984;
  border-bottom: 16px solid transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.chkbox input{
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.tweet .btn_black::before{
  display: none;
}
.tsubuyaki {
  display: inline-block;
  position: relative;
}
.tsubuyaki::before{
  content: "";
  position: absolute;
  left: -10px;
  bottom: 20%;
  width: 1px;
  height: 60%;
  background-color: #000;
  transform: rotate(-30deg);
}
.tsubuyaki::after{
  content: "";
  position: absolute;
  right: -10px;
  bottom: 20%;
  width: 1px;
  height: 60%;
  background-color: #000;
  transform: rotate(30deg);
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1280px){
  .step_box .num {
    width: 80px;
    height: 80px;
    top: -42px;
    left: calc(50% - 40px);
  }
  .tweet_howto .step_box {
    padding: 40px 2% 30px;
  }
  .tweet_howto .step_box .icon {
    height: 80px;
    margin-bottom: 5px;
  }
  .tweet_howto .step_box:nth-child(3) .icon img{
    height: 60%;
    width: auto;
  }
  .tweet_howto .step_box .icon img{
    height: 80%;
    width: auto;
  }
}
@media screen and (max-width:1000px){
  .tweet_howto .step_box {
    width: 100%;
  }
  .tweet_howto .arrow{
    width: 100%;
    height: 140px;
  }
  .tweet_howto .arrow::after{
    top: calc(50% - 20px);
    border-top: 21px solid #223984;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: none;
  }
}
@media screen and (max-width:767px){
  .campaign .mb200{
    margin-bottom: 100px;
  }
  .campaign .present .flag {
    width: 180px;
    left: 0;
  }
  .campaign .present .chara {
    position: static;
    transform: translate(0);
    -webkit-transform: translate(0);
    width: 50%;
    padding-top: 50px;
    margin: 0 auto;
  }
  .campaign .present .text_area {
    margin-left: 0;
    padding: 20px 0 60px;
  }
  .campaign .present{
    margin-bottom: 80px;
  }
  .campaign .tweet{
    margin-bottom: 130px;
  }
  .fukidashi {
    box-sizing: border-box;
    top: -240px;
    width: calc(100% - 60px);
    padding: 10px 0;
  }
  .tweet_detail {
    height: auto;
  }
  .tweet_row {
    width: 100%;
    height: auto;
  }
  .tweet_box {
    border-width: 3px 6px 3px 6px;
    font-size: 14px;
  }
  .tweet_box .name {
    margin-bottom:20px;
  }
  .tweet_box.box01,.tweet_box.box02,.tweet_box.box03,.tweet_box.box04,.tweet_box.box05,.tweet_box.box06{
    height: auto;
  }
  .tweet_howto .step_box .icon {
    position: relative;
    height: 80px;
  }
}