@charset "utf-8";


/* 共通 */
body{
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
a{
  text-decoration: none;
}
img{
	max-width: 100%;
}

.wrap{
  max-width: 960px;
  margin: 0 auto;
  padding: 0px 15px;
}
.swiper-container {
  max-width:100%;
  overflow: hidden;
}
.pc{
  display: block;
}
.sp{
  display: none;
}
@font-face {
	font-family:'shingo_b';
	font-weight:bold;
	src:url('../fonts/A-OTF-ShinGoPro-Bold.otf') format('opentype');
}
@font-face {
	font-family:'shingo_r';
	font-weight:normal;
	src:url('../fonts/A-OTF-ShinGoPro-Regular.otf') format('opentype');
}
@font-face {
	font-family:'shingo_el';
	font-weight:normal;
	src:url('../fonts/A-OTF-ShinGoPro-ExLight.otf') format('opentype');
}
@font-face {
	font-family:'tga_font';
	font-weight:bold;
	src:url('../fonts/texgyreadventor-bold.otf') format('opentype');
}
@font-face {
	font-family:'tga_font_r';
	font-weight: normal;
	src:url('../fonts/texgyreadventor-regular.otf') format('opentype');
}

.fix{
  height: 80px;
  z-index: 111;
}
.fix .btn_event{
  text-align: right;
    }
.fix .btn_event,
.fix ul{
  position: fixed;
  right: 0px;
}
.fix ul li{
  float: left;
}

.ttl{
  max-width: 760px;
  margin: 0 auto 40px;
  text-align: center;
}
.ttl p{
  font-size: 40px;
  padding-top: 20px;
  margin-bottom: 20px;
  font-family:'tga_font';
}
.ttl h3{
  font-size: 20px;
  font-family:'shingo_r';
  padding-bottom: 20px;
}

.ttl p.color1{
  color: #fff;
}
.ttl p.color1 span{
  color: #3e3b3b;
}
.ttl p.color2{
  color: #2dbdd3;
}
.ttl p.color2 span{
  color: #3e3b3b;
}
.ttl p.color3{
  color: #fff;
}
.ttl p.color3 span{
  color: #2dbdd3;;
}
.color_w{
  color: #fff;
}
.color_c{
  color: #2dbdd3;
}

.brackets_w{
  position: relative;
}
.brackets_w:before{
  position: absolute;
  content: url(../images/brackets_lw.png);
  top: 0px;
  left: 0px;
}
.brackets_w:after{
  position: absolute;
  content: url(../images/brackets_rw.png);
  top: 0px;
  right: 0px;
}

.brackets_c{
  position: relative;
}
.brackets_c:before{
  position: absolute;
  content: url(../images/brackets_lc.png);
  top: 0px;
  left: 0px;
}
.brackets_c:after{
  position: absolute;
  content: url(../images/brackets_rc.png);
  top: 0px;
  right: 0px;
}
.banner{
  margin: 30px auto;
}
.banner p{
  font-size: 1.5rem;
  color: #000;
  margin: 50px 0px;
  text-align: center;
  line-height: 1.8;
}
.banner p span.star{
  color:#ff0000;
}
.banner p a{
  display: inline-block;
  padding: 0px 5px;
  border-radius: 5px;
  background-color: #2dbdd3;
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
}
.magazine{
  margin: 20px 0px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
.magazine a.button{
  padding:15px 50px;
  background-color: #fb4f00;
  color:#fff;
  border-radius: 10px;
}

/* /共通 */

header{
  height: 80px;
  position: relative;
}
header .fix{
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(255,255,255,0.8);
}
header .logo{
  width: 20%;
  padding: 1% 0% 0% 1%;
  float: left;
      max-width: 140px;
}

main{
  background: url(../images/main_pc.jpg) center center;
  background-size: cover;
}
main .main_txt{
  text-align: center;
  padding: 5% 20px 3.5%;
}
.banner_box{
  max-width: 990px;
  margin-bottom:60px;
  display: flex;
  justify-content: left;
}
.banner_box li:nth-child(1){
  width: 49%;
  margin-right: 2%;
  margin: auto;
}
.banner_box li:nth-child(2){
  width: 49%;
}


.banner_box .left{
  float: left;
width: 66.7%;
}
.banner_box .right{
  float: right;
width: 31.5%;
}
/* content_movie */
.content_movie1{
  padding: 60px 0px;
  background: url(../images/stripe.jpg);
}
.content_movie1_inner{
  background: #2dbdd3;
  padding-top: 60px;
}

.content_movie1_inner .tv_wrap{
  max-width: 541px;
  margin: 0 auto;
  padding-bottom: 40px;
  position: relative;
}
.content_movie1_inner .tv_wrap #movie{
  top: 145px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 20px;
}


/* content_about */
.content_about{
  padding: 0px 0px 60px;
  background: url(../images/stripe2.jpg);
}
.content_about_inner{
  background: #fff url(../images/bg01_l.jpg) top left no-repeat;
}
.content_about_inner2{
  background: url(../images/bg01_r.jpg) top right no-repeat;
}
.content_about .wrap{
  padding-top: 60px;
}
.content_about .wrap .ttl{
  margin-bottom: 150px;
}


.content_about .imgtxt{
  margin-bottom: 100px;
}
.content_about .imgtxt.mb0{
  margin-bottom: 0px;
  padding-bottom: 100px;
}

.content_about .imgtxt .img{
  width: 50%;
  float: left;
}
.content_about .imgtxt .txt{
  width: 47%;
  float: right;
  line-height: 1.8;
}
.content_about .imgtxt .txt .point{
  text-align: right;
}
.content_about .imgtxt .txt .subttl{
  text-align: right;
}

.content_about .txtimg{
  margin-bottom: 100px;
}
.content_about .txtimg .img{
  width: 50%;
  float: right;
}
.content_about .txtimg .txt{
  width: 46%;
  float: left;
  line-height: 1.8;
}

.content_about .wrap .point{
  font-size: 50px;
  font-family:'tga_font_r';
  color: #2dbdd3;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  margin-top: -10px;
}
.content_about .wrap .subttl{
  font-size: 25px;
  font-family:'shingo_el';
  margin-bottom: 25px;
}
.content_about .wrap .spec{
  font-size: 15.5px;
}

.content_about .cap{
  font-size: 12px;
}


/* content_htu */
.content_htu{
  padding: 0px 0px 60px;
  background: url(../images/stripe2.jpg);
}
.content_htu_inner{
  background: #3e3b3b;
  padding: 60px 0px;
}
.content_htu .tv_wrap{
  max-width: 541px;
  margin: 0 auto;
  padding-bottom: 40px;
  position: relative;
}
.content_htu .tv_wrap #movie{
  width: 100%;
  top: 145px;
  position: absolute;
  box-sizing: border-box;
  padding: 0px 20px;
}


/*content_event*/
.content_event{
  padding: 60px 0px;
  background: url(../images/wave_gb.jpg) left bottom repeat-x #2dbdd3;
}
.content_event_inner{
  background: url(../images/bg02_l.png) left top no-repeat;
}
.content_event_inner2{
  background: url(../images/bg02_r.png) right top no-repeat;
}
.content_event .ttl{
  margin-bottom: 60px;
}

.content_event .images{
  padding-bottom: 30px;
}
.content_event .images li{
  width: 48.5%;
  float: left;
}
.content_event .images li:nth-child(2n+1){
  margin-right: 3%;
}
.content_event .images li:nth-child(-n+2){
  margin-bottom: 3%;
}


/*content_voice*/
.content_voice{
  padding: 60px 0px;
  background: url(../images/wabe_wb.jpg) left bottom repeat-x #fafafa;
}
.content_voice .ttl{
  margin-bottom: 60px;
}
.content_voice .imgarea li img{
width:100%;
}

/*content_schedule*/
.content_schedule{
  padding: 80px 0px 30px;
}
.content_schedule .sc_area table{
  width: 100%;
}

.content_schedule th{
  background: #2dbdd3;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 20px 0px;
}
.content_schedule .day{
  width: 10%;
  border-radius: 10px 0px 0px 0px;
}
.content_schedule .time{
  width: 10%;
}
.content_schedule .area{
  width: 10%;
}
/* .content_schedule .shop{
  width: 18%;
} */
.content_schedule .spot{
  width: 20.5%;
}
.content_schedule .map{
  width: 11%;
}
.content_schedule .res{
  width: 9.5%;
  border-radius: 0px 10px 0px 0px;
}
.content_schedule table td{
  text-align: center;
  color: #0595cb;
  font-size: 16px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 10px;
  line-height: 1.6;
}
.content_schedule table tr:nth-child(even){
  background: #fafafa;
}
.content_schedule td.shop a{
  color: #0595cb;
}
.content_schedule td.res a{
  background: #2dbdd3;
  color: #fff;
  font-size: .9rem;
  display: block;
  padding: 0px;
  border-radius: 5px;
}
.content_schedule td.res a.friend{
  background: #f3b2c9;
  font-size: .8rem;
  border-radius: 5px;
  display: block;
  padding: 1px;
  margin-top: 5px;
  line-height: 1.2;
}
.content_schedule .news{
}
.content_schedule .news .menu{
    border:1px solid #ff0000;
    color: #ff0000;
    padding:0px;
    line-height: 1.5em;
    display: flex;
    margin:15px auto;
}
.content_schedule .news .menu.green{
    border:1px solid #a2c875;
    color:#a2c875;
}
.content_schedule .news .menu.black{
    border:1px solid #1b1b1b;
    color:#1b1b1b;
}


.content_schedule .news .menu .ttl{
    width: 25%;
    background-color: #ff6666;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    margin-right: 5px;

}
.content_schedule .news .menu .txt{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px;
    width: 100%;
}
.content_schedule .news .menu .txt a{
    color:#7695C9;
    float: right;
    text-decoration: underline;
}

/*content_friend*/
.content_friend{
  padding: 60px 0px;
  background: url(../images/wabe_wb.jpg) left bottom repeat-x #fafafa;
}
.content_friend .ttl{
  margin-bottom: 60px;
}

.content_friend .text{
    color: #555;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 50px;
    text-align: center;
}
.content_friend .text .s{
    font-size: .8rem;
    display: block;
}

.content_friend .privilege{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.content_friend .privilege{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.content_friend .privilege li{
    width: calc(100% / 2.2);
    padding:10px 40px;
    margin:0px 0px 30px;
    background-color: #fff;
    border:5px solid #dc8797;
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.content_friend .privilege li img{
    max-height: 200px;
}
/* .content_friend .privilege li:nth-of-type(1),.content_friend .privilege li:nth-of-type(2){
    width: 34%;
} */
.content_friend .privilege li .num{
    position: absolute;
    width: 60px;
    height: 60px;
    color:#fff;
    background-color: #dc8797;
    border-radius: 50%;
    top:10px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: bold;
}
.content_friend .privilege li .txt{
    font-weight: bold;
    text-align: center;
    font-size: 1.1rem;
}
.content_friend .privilege li .txt .fss{
    display: block;
    font-weight: normal;
    font-size: .7rem;
}

.content_friend li:nth-child(n+4){
    padding-top: 30px;
}

.office_area{
  border: 2px solid #2dbdd3;
  border-radius: 10px;
  padding: 15px 0px 0px;
  color: #0595cb;
  margin-bottom: 60px;
}
.office_area .subttl{
  line-height: 1.6;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0px 20px;
  letter-spacing: -0.05em;
}
.office_area table{
  width: 100%;
  text-align: left;
  vertical-align: middle;
  line-height: 1.8;
}

.office_area table tr:nth-child(odd){
  background: #fafafa;
}

.office_area table th,
.office_area table td{
  box-sizing: border-box;
}
.office_area table .txt{
  width: 80%;
  padding: 15px 20px;
}
.office_area table .txt span{
  position: relative;
}
.office_area table .txt span:after{
  content: "▶";
  color: #f98c51;
  font-size: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
}

.office_area table .map{
  width: 10%;
  text-align: center;
  padding-top: 5px;
  padding-right: 10px;
}


.office_area table .res{
  width: 10%;
  padding-left: 10px;
}
.office_area table .res a{
  background: #f98c51;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
}
.ttl p br{
    display: none;
}


@media screen and (max-width: 960px){
  .office_area table .txt{
    width: 65%;
  }
}
@media screen and (max-width: 640px){
  .office_area table .txt{
    width: 25%;
  }
  .content_schedule table td{
    font-size: 13px;
    padding:25px 10px;
  }
  .pc{
    display: none !important;
  }
  .sp{
    display: block !important;
  }
  .magazine{
    flex-direction:column;
  }
  .magazine a.button{
    margin-top:10px;
  }

}

.content_price {
    padding: 80px 0px 0px;
}

.content_price .visit_area .visi_main{
  max-width: 1258px;
  margin: 0 auto 90px;
  padding: 0px 20px;
  position: relative;
}
.content_price .visit_area .visi_main .ttl{
  position: absolute;
  top: 29%;
  left: 19%;
  text-align: left;
}
.content_price .visit_area .visi_main .ttl p{
  padding-top: 0px;
  line-height: 1.6;
}

.content_price .visit_area .visi_main .en_ttl{
  margin-bottom: 10px;
}
.content_price .visit_area .visi_main .en_ttl span{
  color: #000;
}
.content_price .visit_area .visi_main .jp_ttl{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.content_price .visit_area .visi_main .jp_ttl b{
  display: inline-block;
  border-bottom: 3px solid #fff;
  letter-spacing: 0.05em;
}
.content_price .visit_area .visi_main .jp_ttl b span{
  font-size: 20px;
}

.visitcap{
  max-width: 840px;
  margin: 0 auto 30px;
  color: #777777;
  font-size: 14px;
  line-height: 1.8;
}
.visitcap .col_r{
  color: #ea4d54;
}
.visitcap .indent{
  display: block;
  padding-left:1em;
  text-indent:-1em;
}

.content_price .visit_area .visi_main .visi_ttl{
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.content_price .visit_area .visi_main .cap{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.content_price .visit_area .stepvisi{
  max-width: 840px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.content_price .visit_area .stepvisi li{
  width: 30%;
  border: 3px solid #2dbdd3;
  border-radius: 10px;
  padding: 70px 20px 20px;
  position: relative;
}
.content_price .visit_area .stepvisi li .step{
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
}
.content_price .visit_area .stepvisi li .img{
  text-align: center;
  margin-bottom: 20px;
}
.content_price .visit_area .stepvisi li .subttl{
  color: #555555;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.4;
}
.content_price .visit_area .stepvisi li .subspec{
  color: #777777;
  font-size: 14px;
  line-height: 1.6;
}

.content_price .visit_area .stepvisi .arrow{
  width: 5%;
  border: 0px;
  padding: 0px;
  text-align: center;
  color: #ffb21c;
  font-size: 24px;
  display: flex;
  align-items:center;
  justify-content: center;
}
.content_price .visit_area .stepvisi .arrow p{
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #ffb21c;
}

.content_price .visit_area .visit_btn{
  max-width: 830px;
  margin: 0 auto 70px;
}
.content_price .visit_area .visit_btn a{
  width: 100%;
  font-size: 21px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  background: #ffb21c;
  padding: 30px;
  text-align: center;
  border-radius: 50px;
  letter-spacing: 0.1em;
  position: relative;
}
.content_price .visit_area .visit_btn a:after{
  content: "▶";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}


.everobo_wrap{
  padding-top: 20px;
  text-align: center;
  background: url(../images/event_robohon_bg.png) repeat-x;
  margin-bottom: 30px;
}

.event_plan{
  max-width: 920px;
  margin: 0 auto 80px;
  padding: 0px 10px;
  box-sizing: border-box;
}
.event_plan .eventplan_ttl{
  font-size: 30px;
  font-family:'shingo_el';
  text-align: center;
  margin-bottom: 60px;
  line-height: 1.4em;
}
.event_plan .premiumplan_ttl{
  padding-top: 70px;
}
.event_plan table{
  width: 100%;
  text-align: center;
  border-left: 4px solid #ff9e05;
  border-right: 4px solid #d0d0d0;
}

.event_plan .bold{
  font-family: 'ヒラギノ角ゴ ProN W6', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-weight: 600;
}
.event_plan .limi_ttl{
  font-size: 20px;
  margin-bottom: 30px;
}
.event_plan .limi_ttl span{
  font-size: 30px;
}
.event_plan .agree{
  font-size: 30px;
  margin-bottom: 15px;
}
.event_plan .month{
  font-size: 40px;
  margin-bottom: 30px;
  position: relative;
}
.event_plan .month:after{
  content: url(../images/line_wabe.png);
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.event_plan .planspec{
  margin-bottom: 20px;
  line-height: 1.5;
}

.event_plan .plan_btn{
  width: 85%;
  margin: 0 auto;
}
.event_plan .plan_btn a{
  width: 100%;
  display: inline-block;
  background: #fff;
  color: #909090;
  padding: 10px;
  border-radius: 5px;
}

.event_plan .plan_btn a span{
  position: relative;
  padding-left: 25px;
}
.event_plan .plan_btn a span:before{
  content: "";
  background: url(../images/icon_blank2.png);
  display: block;
  width: 17px;
  height: 16px;
  position: absolute;
  left: 0px;
}

.event_plan .limited2{
  position: relative;
}
.event_plan .limited2 .box{
  width: 100%;
  position: absolute;
  font-size: 30px;
  line-height: 1.4;
}
.event_plan .limited2 .box .bulk{
  padding-top: 40%;
}

.event_plan .heart{
  width: 90%;
  margin: 0 auto 15px;
  line-height: 1.6;
}
.event_plan .heart .plan1{
  float: left;
}
.event_plan .heart .plan2{
  float: right;
}
.event_plan .heart .plan1,
.event_plan .heart .plan2{
  font-size: 25px;
}
.event_plan .heart .plan1 span,
.event_plan .heart .plan2 span{
  font-size: 18px;
}
.event_plan .tokuten{
  background: #fff;
  font-size: 24px;
  padding: 12px 10px 10px;
  color: #e30606;
  line-height: 1.3;
  font-weight: bold;
  border-radius: 10px;
}

.event_plan .agree1 .box,
.event_plan .agree2 .box{
  padding-top: 20px;
}

.event_plan .box{
  padding: 30px 40px;
}
.event_plan th{
  width: 50%;
  box-sizing: border-box;
  background: #ffb21c;
}
.event_plan th .box{
  border-right: 4px solid #ff9e05;
  color: #fff;
}

.event_plan .setup .comp_ttl{
  font-size: 27px;
  position: relative;
  margin-bottom: 30px;
}
.event_plan .setup .comp_ttl:after{
  content: url(../images/line_wabe2.png);
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.event_plan .setup .spec{
  text-align: left;
  line-height: 1.6;
}
.event_plan .setup .spec span{
  text-decoration: underline;
}

.event_plan td{
  width: 50%;
  color: #2d2f34;
  box-sizing: border-box;
  background: #dadee1;
}
.event_plan td{
  border-left: 4px solid #d0d0d0;
}

.event_plan .w_ttl{
  padding: 15px;
  background: #fff;
  color: #909090;
  font-size: 20px;
  border-right: 0px;
}

.event_plan .purchase1{
  border-top: 4px solid #ff9e05;
  font-size: 28px;
}
.event_plan .purchase2{
  border-top: 4px solid #d0d0d0;
}
.event_plan .purchase1 .box{
  padding: 10px 40px;
}
.event_plan .purchase2 .box{
  padding: 10px 40px;
  font-size: 20px;
}

.event_plan .setup{
  border-bottom: 4px solid #ff9e05;
}
.event_plan .setup2{
  border-bottom: 4px solid #d0d0d0;
}
.event_plan .setup2{
  position: relative;
}
.event_plan .setup2 .box{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: auto!important;
}


.premiumplan_area{
  border: 3px solid #1ca8bd;
  line-height: 1.6;
}
.premiumplan_area .odd{
  font-size: 20px;
  color: #909090;
  text-align: center;
  padding: 12px;
}
.premiumplan_area .even{
  padding: 30px 12px;
  background: #2dbdd3;
  color: #fff;
}
.premiumplan_area .agreement_ttl{
  font-size: 30px;
  text-align: center;
}

.premiumplan_area .agreement{
  display: flex;
  justify-content: center;
}
.premiumplan_area .agreement .mainprice_txt{
  margin-right: 10px;
}
.premiumplan_area .agreement .subcap{
  padding-top: 18px;
}

.premiumplan_area .mainprice_txt{
  font-size: 40px;
  font-weight: bold;
}
.premiumplan_area .subcap{
  font-size: 20px;
}

.premiumplan_area .even.ta_c{
  text-align: center;
}

.premiumplan_area .gb_area{
  display: flex;
  justify-content: center;
}
.premiumplan_area .gb_area .gb{
  font-size: 30px;
  margin-right: 20px;
  margin-top: 10px;
}

.event_plan .setup2 .ttl2{
  font-size: 25px;
  margin-bottom: 20px;
}
.event_plan .setup2 .c_txt{
  font-size: 20px;
  color: #2dbdd3;
}

.event_plan .heart2{
  margin-bottom: 15px;
  line-height: 1.6;
}
.event_plan .heart2 .plan1{

}
.event_plan .heart2 .plan2{
  float: right;
}
.event_plan .heart2 .plan1,
.event_plan .heart2 .plan2{
  font-size: 25px;
}
.event_plan .heart2 .plan1 span,
.event_plan .heart2 .plan2 span{
  font-size: 18px;
}
.event_plan .agree2 .c_txt{
  font-size: 20px;
  color: #2dbdd3;
}
.event_plan .agree2{
  position: relative;
}
.event_plan .agree2 .box{
  width: 100%;
  height: auto!important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.event_plan .cap{
  font-size: 14px;
  text-align: right;
  padding-top: 10px;
  line-height: 1.6;
}





.cocoroplan{
  max-width: 920px;
  margin: 0 auto 80px;
  padding: 0px 10px;
}
.cocoroplan .cocoro_ttl{
  background: #98ca6a;
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding: 18px 0px;
  border-radius: 12px 12px 0px 0px;
}
.cocoroplan .cocoro_ttl span{
  position: relative;
  padding-left: 40px;
}
.cocoroplan .cocoro_ttl span:before{
  content: url(../images/cocoro.png);
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
}

.cocoroplan .cocoro_bg{
  background: #fafafa;
  padding: 30px;
  line-height: 1.8;
  border-radius: 0px 0px 12px 12px;
}
.cocoroplan .cocoro_bg_in{
  max-width: 745px;
  margin: 0 auto;
}
.cocoroplan .planttl{
  color: #2dbdd3;
  font-size: 20px;
  margin-bottom: 25px;
}
.cocoroplan .cocoro_bg_in .inner{
  max-width: 650px;
  margin: 0 auto;
  font-size: 14px;
}
.cocoroplan .cocoro_bg_in .inner .subttl1{
  margin-bottom: 20px;
}
.cocoroplan .cocoro_bg_in .inner .subttl2{
  font-size: 12px;
}

footer{
  background: url(../images/wave_t.jpg) repeat-x top left #2dbdd3;
}
footer .wrap{
  position: relative;
  max-height: 233px;
  /* overflow-y: hidden; */
}
footer .wrap .page_top{
  position: absolute;
  right: 0px;
  top: -80px;
  width: 90px;
}

footer .wrap .ft_logo{
  width: 25.5%;
  top: 37%;
  left: 23%;
  position: absolute;
}
footer .wrap .ft_txt{
  width: 48%;
  top: 52.5%;
  left: 50%;
  position: absolute;
}


footer address{
  font-size: 12px;
  padding: 60px 10px 20px;
  text-align: center;
  color: #fff;
  background: #2d2f34;
}
footer address ul{
  max-width: 960px;
  margin: 0 auto;
}
footer address ul .prpl{
  float: right;
}
footer address ul .prpl a{
  color: #fff;
  padding-right:10px;
}
footer address ul .copy{
  float: left;
}



.flobtn{
  display: none;
  opacity: 0;
  transition: 0.5s ease-in-out all;
}

.flobtn .sp_event{
  margin-bottom: 10px;
}
.flobtn p{
  z-index: 1111;
}


.vsp{
  display: none;
}
.vsp2{
  display: none;
}
  .sticky-wrapper{
  display: none;
  }

/* TB */
@media screen and (max-width: 960px){
  .vpc2{
    display: none;
  }
  .vsp2{
    display: block;
  }

  .event_plan .box {
    padding: 30px 10px;
  }
  .event_plan .purchase1 .box {
    padding: 10px 10px;
  }

  /* .content_schedule .uk-overflow-auto{
    width: 88%;
    margin-right: 0.5%;
    overflow-x: auto;
    float: left;
  } */
  .content_schedule .uk-overflow-auto{
    width: 88%;
    margin-right: 0.5%;
    overflow-x:scroll;
    float: left;
  }
  .content_schedule .uk-overflow-auto::-webkit-scrollbar {
  height: 10px;
}
  .content_schedule .uk-overflow-auto::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
  .content_schedule .uk-overflow-auto::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #2dbdd3;
}



  .content_schedule .uk-overflow-auto2{
    width: 11.5%;
    float: left;
  }
  .content_schedule .uk-overflow-auto2 td{
    height: 70px;
  }

  .content_schedule .sc_area .uk-table{
    width: 850px;
  }
  .content_schedule .day{
    border-radius: 0px;
  }
  .content_schedule .res{
    width: 100%;
    border-radius: 0px;
    padding:7px 10px;
  }


  .content_price .visit_area .visi_main .ttl{
    top: 19%;
  }
  .content_price .visit_area .visi_main .visi_ttl{
    font-size: 25px;
    padding-bottom: 0px;
  }

  .content_friend .privilege li{
      width: 33%;
  }

  .content_friend .privilege li:nth-child(n+4){
      padding-top: 10px;
  }


}

/* SP */
@media screen and (max-width: 640px){
  .h-dpb{
    display: inline-block;
  }
  .flobtn.stuck{
    display: block;
    opacity: 1;
  }
  .sticky-wrapper{
    width: 21.5%;
    position: fixed;
    bottom: 5%;
    right: 0px;
    display: block;
    z-index: 111;
  }

  .vpc{
    display: none;
  }
  .vsp{
    display: block;
  }

  header{
    height: auto;
  }
  header .logo{
    width: 35%;
    padding-top: 3%;
    padding-left: 3%;
  }
  header .fix{
    position: static;
    height: auto;
  }
  .fix .btn_event{
    padding:0 0 10px 20px;
	  max-width: 200px;
	}
  .fix .btn_event,
  .fix ul{
    width: 53%;
    position: static;
    float: right;
  }
  .fix ul li:nth-child(1){
    width: 30%;
  }
  .fix ul li:nth-child(2){
    width: 70%;
  }

  .event_plan .planspec{
    font-size: 14px;
    line-height: 1.5;
  }


  .ttl p{
    font-size: 8.2vmin;
  }
  .ttl h3{
    font-size: 4.2vmin;
  }



  .premiumplan_area .agreement{
    flex-wrap: wrap;
  }
  .premiumplan_area .agreement p{
    width: 100%;
    text-align: center;
  }
  .premiumplan_area .agreement .mainprice_txt{
    margin-right: 0px;
  }


  .premiumplan_area .gb_area{
    flex-wrap: wrap;
  }
  .premiumplan_area .gb_area p{
    width: 100%;
    text-align: center;
  }

  .premiumplan_area .gb_area .gb{
    margin-right: 0px;
    margin-top: 10px;
  }

  .premiumplan_area .odd{
    font-size: 15px;
  }
  .premiumplan_area .agreement_ttl{
    font-size: 25px;
  }
  .premiumplan_area .mainprice_txt{
    font-size: 30px;
  }
  .premiumplan_area .gb_area .gb{
    font-size: 25px;
  }



  .banner_box {
      margin-bottom: 60px;
      margin-top: 30px;
      flex-wrap: wrap;
  }
  /*
  .banner_box .left {
      float: none;
      width: 100%;
      margin-bottom: 20px;
  }
  .banner_box .right{
      float: none;
      width: 100%;
    }*/


  .banner_box li:nth-child(1){
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }
  .banner_box li:nth-child(2){
    width: 100%;
  }

  .content_about{
    padding-bottom: 45px;
  }
  .content_about .wrap .ttl{
    margin-bottom: 70px;
  }

  .content_about .txtimg,
  .content_about .imgtxt{
    margin-bottom: 60px;
  }
  .content_about .txtimg .img,
  .content_about .imgtxt .img{
    width: auto;
    float: none;
  }
  .content_about .txtimg .txt,
  .content_about .imgtxt .txt{
    width: auto;
    float: none;
  }
  .content_about .wrap .point{
    font-size: 11vmin;
    margin-top: 0px;
  }
  .content_about .wrap .subttl{
    font-size: 5vmin;
  }
  .content_about .wrap .spec{
    font-size: 3.7vmin;
    line-height: 1.7;
  }


  .content_htu_inner{
    padding: 50px 0px 10px;
  }
  .content_htu{
    padding-bottom: 45px;
  }


  .content_event{
    padding: 60px 0px 85px;
    background: url(../images/wave_gb_s.jpg) left bottom repeat-x #2dbdd3;
  }


  .content_voice{
    padding: 60px 0px 30px;
    background: url(../images/wabe_wb_s.jpg) left bottom repeat-x #fafafa;
  }
  .content_voice .imgarea li img{
    width: 100%;
  }

  .content_schedule{
    padding-top: 40px;
  }
  .content_schedule .uk-overflow-auto{
    width: 84.5%;
    margin-right: 0.5%;
    overflow-x: auto;
    float: left;
  }
  .content_schedule .uk-overflow-auto2{
    width: 15%;
    float: left;
  }
  .content_schedule .news .menu{
      font-size: .8rem;
  }
  .content_schedule .news .menu .ttl{
      width: 20%;
  }


  .content_friend{
    padding: 60px 0px 30px;
    background: url(../images/wabe_wb_s.jpg) left bottom repeat-x #fafafa;
  }

  .content_friend .ttl {
    margin-bottom: 20px;
}

  .content_friend .text{
      margin-bottom: 30px;
  }


  .content_friend .privilege li{
      width: 49.2%;
  }

  .content_friend .privilege li:nth-child(n+3){
      padding-top: 10px;
  }

  .cocoroplan .cocoro_ttl span{
    font-size: 25px;
  }
  .cocoroplan .planttl{
    text-align: center;
  }
  .cocoroplan .cocoro_bg{
    border: 1px solid #98ca6a;
    border-top: 0px;
    padding: 20px;
  }
  .cocoroplan .cocoro_btn{
    font-size: 15px;
    text-align: center;
    margin-top: 35px;
  }
  .cocoroplan .cocoro_btn a{
    width: 100%;
    color: #fff;
    display: inline-block;
    background: #2dbdd3;
    padding: 15px;
    border-radius: 10px;
  }
  .cocoroplan .cocoro_btn a span{
    position: relative;
    padding-left: 35px;
  }
  .cocoroplan .cocoro_btn a span:before{
    content: "";
    position: absolute;
    background: url(../images/icon_blank.png);
    background-size: 100% 100%;
    width: 16px;
    height: 14px;
    left: 0px;
    top: 3px;
  }

  footer{
    background: url(../images/wave_t_s.jpg) repeat-x top left #2dbdd3;
  }

  footer .wrap .robo{
    width: 45%;
    margin-left: -20px;
  }
  footer .wrap .ft_logo{
    width: 55%;
    top: 30%;
    left: 38%;
  }
  footer .wrap .ft_txt{
    top: 71%;
    left: 37.5%;
    width: 56%;
  }
  footer .wrap .page_top {
    top: -70px;
    width: 80px;
  }


  footer address{
    padding: 14px 10px;
  }
  footer address ul .prpl{
    float: none;
    text-align: center;
    margin-bottom: 10px;
  }
  footer address ul .copy{
    float: none;
    text-align: center;
  }


  .event_plan,
  .cocoroplan{
    padding: 0px;
  }
  .event_plan .purchase1{
    font-size: 6vmin;
  }
  .event_plan .purchase2 .box {
    font-size: 5vmin;
  }

  .event_plan .limited2 .box .bulk{
    padding-top: 0px;
    font-size: 5vmin;
  }
  .event_plan .limi_ttl{
    font-size: 4vmin;
    line-height: 1.7;
  }
  .event_plan .limi_ttl span{
    font-size: 7vmin;
  }


  .event_plan .agree{
    font-size: 5vmin;
  }
  .event_plan .month{
    font-size: 5.5vmin;
    font-weight: normal;
  }
  .event_plan .plan_btn{
    width: auto;
    font-size: 3.5vmin;
  }

  .event_plan .limited2{
    position: relative;
  }
  .event_plan .limited2 .box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: auto!important;
  }
  .event_plan .month:after {
    content: "";
    width: 100%;
    height: 5px;
    background: url(../images/line_wabe.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
  }
  .event_plan .heart .plan1{
    margin-bottom: 10px;
  }
  .event_plan .heart .plan1,
  .event_plan .heart .plan2 {
    float: none;
  }
  .event_plan .heart .plan1 span,
  .event_plan .heart .plan2 span {
    font-size: 3.5vmin;
  }
  .event_plan .heart .plan1,
  .event_plan .heart .plan2{
    font-size: 4.5vmin;
  }
  .event_plan .tokuten{
    font-size: 3.5vmin;
  }
  .event_plan .heart2 .plan1, .event_plan .heart2 .plan2{
    font-size: 4.5vmin;
  }
  .event_plan .heart2 .plan1 span, .event_plan .heart2 .plan2 span {
    font-size: 3.5vmin;
  }
  .event_plan .heart2 .plan1{
    float: none;
  }
  .event_plan .heart2 .plan2{
    float: none;
  }
  .event_plan .agree2 .c_txt{
    font-size: 3.5vmin;
    line-height: 1.5;
  }

  .event_plan .setup .comp_ttl{
    font-size: 5.5vmin;
    line-height: 1.5;
  }
  .event_plan .setup .spec{
    font-size: 3.5vmin;
  }
  .event_plan .setup .comp_ttl:after {
    content: "";
    width: 100%;
    height: 5px;
    background: url(../images/line_wabe.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
  }
  .event_plan .setup2 .ttl2{
    font-size: 4vmin;
    line-height: 1.5;
    letter-spacing: -0.1em;
  }
  .event_plan .setup2 .c_txt{
    font-size: 3.8vmin;
  }

  .content_price .visit_area .visi_main{
    padding: 0px;
  }
  .content_price .visit_area .visi_main .ttl{
    left: 9%;
  }
  .content_price .visit_area .visi_main .jp_ttl{
    font-size: 20px;
  }
  .content_price .visit_area .visi_main .jp_ttl b span{
    font-size: 15px;
  }

  .content_price .visit_area .visi_main .visi_ttl{
    font-size: 21px;
  }
  .content_price .visit_area .visi_main .cap{
    font-size: 11px;
    line-height: 1.6;
  }

  .content_price .visit_area .stepvisi li{
    width: auto;
  }
  .content_price .visit_area .stepvisi li .step{
    max-width: 80px;
    top: -40px;
  }
  .content_price .visit_area .stepvisi .steparea{
    padding-top: 50px;
  }
  .content_price .visit_area .stepvisi .steparea .box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .content_price .visit_area .stepvisi .steparea .box .img{
    width: 20%;
  }
  .content_price .visit_area .stepvisi .steparea .box .txt{
    width: 76%;
  }
  .content_price .visit_area .stepvisi li .subttl{
    text-align: left;
  }
  .content_price .visit_area .stepvisi li .subspec{
    font-size: 12px;
  }
  .content_price .visit_area .visit_btn a{
    padding: 20px;
    font-size: 18px;
  }

  .content_price .visit_area .stepvisi .arrow{
    width: 100%;
    padding: 8% 0px 16%;
  }
  .content_price .visit_area .stepvisi .arrow p{
    display: inline-block;
    transform: rotate(90deg);
  }
  .ttl p br{
      display:block;
  }

}

/* 動画部分 */
@media screen and (max-width: 640px){
  .content_movie1{
    margin-top:-30px;
    padding: 45px 0px;
  }
  .content_movie1_inner .tv_wrap #movie{
    /* top: 24%; */
    top: 14px;
  }
  .content_movie1_inner .tv_wrap #movie iframe{
    height: 210px;
  }
  .content_htu .tv_wrap #movie{
    top: 24%;
  }
  .content_htu .tv_wrap #movie iframe{
    height: 210px;
  }
  .content_schedule td.res a,.content_schedule td.res a.friend{
    font-size: 12px;
    padding: 15px 10px;
  }
  .content_friend .privilege li{
    width: 48%;
    padding:10px;
    margin-bottom:20px;
  }
  .content_friend .privilege li .num{
      width: 50px;
      height: 50px;
      top:0px;
      left: 0px;
 }
  .content_friend .privilege li .txt{
      font-size: 1rem;
  }
  footer {
    z-index: -1;
  }
  footer .page_top {
    top: -280px;
    z-index: 100;
  }
}
@media screen and (max-width: 400px){
  .content_movie1_inner .tv_wrap #movie iframe{
    height: 180px;
  }
  .content_htu .tv_wrap #movie iframe{
    height: 180px;
  }
}
@media screen and (max-width: 320px){
    .content_schedule td.res a,.content_schedule td.res a.friend{
      font-size: 10px;
      padding: 15px 10px;
    }
  .content_movie1_inner .tv_wrap #movie iframe{
    height: 150px;
  }
  .content_htu .tv_wrap #movie iframe{
    height: 150px;
  }

  .cocoroplan .planttl{
    font-size: 17px;
  }

}



/* 予約 */
#event_reserv{
  padding-top: 80px;
}
#event_reserv th .fss{
  display: block;
  font-size: .7rem;
  line-height: 2;
  margin: 10px;
  color: #e92929;
}
#event_reserv th.email_th:before, #event_reserv th.has_rbh_th:before {
  /* content: "任意";
  background: #ff9e05; */
  content: "必須";
  background: #2dbdd3;
}
#event_reserv .ttl{
  margin-bottom: 80px;
}
#event_reserv .cont_reserv{
  padding: 70px 10px 50px;
  border: 4px solid #2dbdd3;
  margin-bottom: 80px;
}
#event_reserv .cont_reserv_inner{
  max-width: 750px;
  margin: 0 auto;
  position: relative;
}
#event_reserv .cont_reserv_inner table{
  width: 100%;
  border-top: 2px solid #eeeeee;
}

#event_reserv .requid{
  font-size: 16px;
  color: #e92929;
  margin-bottom: 40px;
line-height: 1.6em;
}
#event_reserv .cont_reserv_inner .image{
    position: absolute;
        top: -30PX;
        right: -50px;
        float: right;
        max-width: 260px;
}
#event_reserv th{
  width: 18em;
  text-align: left;
  color: #7e7e7e;
  border-bottom: 2px solid #eeeeee;
}
#event_reserv th:before{
  content: "必須";
  letter-spacing: 0.2em;
  font-size: 15px;
  color: #fff;
  background: #2dbdd3;
  padding: 3px 8px 3px 10px;
  margin: 0px 15px 0px 10px;
  border-radius: 5px;
  text-align: center;
}

#event_reserv td{
  width: auto;
  text-align: left;
  color: #7e7e7e;
  padding: 15px 0px;
  line-height: 1.6;
  border-bottom: 2px solid #eeeeee;
}
#event_reserv td select{
  padding-left: 0px;
  line-height: 1.6;
  color: #7e7e7e;
}

#event_reserv td.noborder{
  border-bottom: 0px solid #eeeeee;
}

#event_reserv .text input {
  width: 90%;
  font-size: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  border: 1px solid #c5c5c5;
  padding: 8px;
  border-radius: 5px;
}
#event_reserv td.radio label {
	margin-left:1em;
}
#event_reserv td.radio label:first-child {
	margin-left:0;
}

#event_reserv .submit{
  padding-bottom: 0px;
}
#event_reserv .submit input{
  display: none;
}
#event_reserv .submit label{
  width: 60%;
  margin: 40px auto 0px;
  display: block;
  color: #fff;
  text-align: center;
  background: #2dbdd3;
  font-size: 21px;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
}

.thanks{
  margin-bottom: 150px;
  text-align: center;
  font-size: 25px;
  line-height: 1.8;
}

#event_reserv .arrow{
  width: 50%;
  position: relative;
}
#event_reserv .arrow:after{
  content: "▼";
  color: #fff;
  position: absolute;
  padding: 10px 5px;
  background: #3e3b3b;
  top: 0px;
  right: 0px;
  font-size: 10px;
  z-index: -1;
  border-radius: 0px 5px 5px 0px;
}
#event_reserv #date{
  padding: 5px 10px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  position: relative;
}
#event_reserv #visitors{
  padding: 5px 10px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  position: relative;
}

#event_reserv .arrow2{
  width: 30%;
  position: relative;
}
#event_reserv .arrow2:after{
  content: "▼";
  color: #fff;
  position: absolute;
  padding: 10px 5px;
  background: #3e3b3b;
  top: 0px;
  right: 0px;
  font-size: 10px;
  z-index: -1;
  border-radius: 0px 5px 5px 0px;
}
#event_reserv #time{
  padding: 5px 10px;
  border: 1px solid #c5c5c5;
  border-radius: 5px;
  position: relative;
}

.attention .lb_coler{
  color: #2dbdd3;
}
#event_reserv .graybg{
  padding-top: 40px;
  padding-bottom: 0px;
}
#event_reserv .graybg .privacy_area{
  font-size: 16px;
  background: #eeeeee;
  padding: 20px;
  color: #7e7e7e;
}
#event_reserv .graybg .privacy_area a{
  color: #2dbdd3;
  text-decoration: underline;
}
#event_reserv .graybg .privacy_area .in{
  max-width: 430px;
  margin: 0 auto;
}
#event_reserv .graybg .privacy_area .check{
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #c5c5c5;
  background: #fff;
  border-radius: 5px;
  float: left;
  position: relative;
}
#event_reserv .graybg .privacy_area .checked:before{
  content: "✓";
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #2dbdd3;
}

#event_reserv .graybg .privacy_area .prpl_txt{
  width: 90%;
  float: left;
  margin-left: 10px;
}
#event_reserv .graybg .privacy_area #checkbox{
  display: none;
}
#event_reserv th.nonereq{
  padding-left: 12px;
}
#event_reserv th.nonereq:before{
  content: "";
  display:none;
}


@media screen and (max-width: 640px){


  #event_reserv{
    padding-top: 40px;
  }
  #event_reserv .ttl{
    margin-bottom: 45px;
  }

  #event_reserv .ttl.brackets_c:before {
    position: absolute;
    content: url(../images/brackets_lc2.png);
    top: 0px;
    left: 0px;
  }
  #event_reserv .ttl.brackets_c:after {
    width: auto;
    position: absolute;
    content: url(../images/brackets_rc2.png);
    top: 0px;
    right: 0px;
  }
  #event_reserv .ttl p{
    padding-top: 25px;
  }

  #event_reserv .cont_reserv{
    padding: 0px 0px 50px;
    border: 0px;
  }
  #event_reserv th{
    width: auto;
    border-bottom: 0px;
    display: block;
    padding: 15px 10px 5px;
  }
  #event_reserv th:before{
    content: "必須";
    font-size: 12px;
    padding: 3px 8px 3px 10px;
    margin: 0px 10px;
    border-radius: 5px;
  }


  #event_reserv td{
    width: auto;
    display: block;
    margin: 0px 10px;
    padding: 10px;
  }
  #event_reserv .text input{
    width: 100%;
  }
  #event_reserv td.radio {
    text-align:left;
  }

  #event_reserv .submit{
    padding: 0px;
    margin: 0px 10px;
  }
  #event_reserv .submit label{
    width: auto;
    padding: 15px;
  }
}


#privacypolicy {
  padding-top: 80px;
}

#privacypolicy .ttl {
  margin-bottom: 80px;
}
#privacypolicy .subttl{
  font-size: 25px;
  color: #2dbdd3;
  margin-bottom: 30px;
  line-height: 1.6;
}
#privacypolicy .spec{
  color: #3e3e3e;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 50px;
}
#privacypolicy .spec a{
  color: #2dbdd3;
}

#privacypolicy .inwrap{
  padding: 0px 50px;
}
#privacypolicy .inwrap li{
  margin-bottom: 30px;
  position: relative;
  padding-left: 30px;
}

#privacypolicy .ta_r{
  text-align: right;
  padding-bottom: 50px;
}
#privacypolicy li:before{
  position: absolute;
  top: 0px;
  left: 0px;
}
#privacypolicy .n1:before{
  content: "1.";
}
#privacypolicy .n2:before{
  content: "2.";
}
#privacypolicy .n3:before{
  content: "3.";
}
#privacypolicy .n4:before{
  content: "4.";
}
#privacypolicy .n5:before{
  content: "5.";
}
#privacypolicy .n6:before{
  content: "6.";
}
#privacypolicy .n7:before{
  content: "7.";
}

#privacypolicy table{
  width: 100%;
  margin-bottom: 50px;
  font-size: 14px;
}
#privacypolicy table th{
  width: 36%;
  background: #eeeeee;
  color: #909090;
  box-sizing: border-box;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  padding: 20px;

}
#privacypolicy.company-page table th {
    width: 36%;
    background: #2DBDD3;
    color: #fff;
    box-sizing: border-box;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 20px;
      vertical-align: middle;
}
#privacypolicy table td{
  width: 64%;
  background: #dadee1;
  color: #2d2f34;
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  padding: 20px;
  text-align: center;
}
#privacypolicy.company-page table td {
    width: 64%;
    background: #dadee1;
    color: #2d2f34;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    padding: 20px;
    line-height: 1.6em;
    text-align: left;
    /* text-align: center; */
}
#privacypolicy.company-page table td a{
    color: #2d2f34;
    text-decoration: underline;
}
#privacypolicy.company-page table td a:hover{
text-decoration: none;
}
#privacypolicy .subttl2{
  font-size: 20px;
  color: #98ca6a;
  margin-bottom: 20px;
  line-height: 1.6;
}

#privacypolicy .mb30{
  margin-bottom: 30px;
}
#privacypolicy .mb10{
  margin-bottom: 10px;
}

#privacypolicy .privacy_mark{
  background: #fafafa;
  padding: 40px 10%;
  margin-bottom: 100px;
  border-radius: 12px;
}
#privacypolicy .privacy_mark .img{
  width: 13%;
  float: left;
}
#privacypolicy .privacy_mark .txt{
  width: 85%;
  float: right;
  font-size:14px;
  color: #2d2f34;
  line-height: 1.6;
  padding-top: 3%;
}
#privacypolicy .privacy_mark .spec{
  margin-bottom: 0px;
}
#covid19{

}
#covid19 .cont_covid{

}
#covid19 .cont_covid .midashi{
    margin:40px 0px;
    width: 100%;
    padding:40px 0px;
    color:#fff;
    background-color: #2dbdd3;
    text-align: center;
}
#covid19 .cont_covid .btn_cont{
    display: flex;
    max-width: 880px;
    justify-content: space-around;
    margin: 0px auto 40px;

}
#covid19 .cont_covid .btn_cont>div{
    width: 40%;
}
#covid19 .cont_covid .btn_cont>div a{
    border:5px solid #003567;
    border-radius: 10px;
    text-align: center;
    padding:10px 0px;
    display:inline-block;
    width: 100%;
    color:#003567;
}
#covid19 .cont_covid .content{
    padding:40px 0px;
    background-color: #e0ffff;
    width: 100%;
    display: inline-block;
    margin: 0px auto 70px;
    text-align: center;
}
#covid19 .cont_covid .content .container{
    max-width: 880px;
    text-align: center;
    margin:0px auto;
}
#covid19 .cont_covid .content .container h3{
    font-size: 1.8rem;
    color:#003567;
    margin-bottom: 1em;
}
#covid19 .cont_covid .content .container .ttl{
    background-color:#fff;
    max-width: 770px;
    padding:20px 0px;
    border-radius: 20px;
    text-align: center;
    color:#003567;
    font-size: 26px;
}
#covid19 .cont_covid .content .container .plan_cont{
    display: inline-block;
    width: 100%;
    max-width: 770px;
    padding:40px 10px;
}
#covid19 .cont_covid .content .container .plan_cont .plan{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
#covid19 .cont_covid .content .container .plan_cont .plan .image{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    padding:15px;
    display: flex;
    align-items: center;
}
#covid19 .cont_covid .content .container .plan_cont .plan .txt{
    width: calc(100% - 130px);
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding:0px 20px;
    text-align: left;
}
#covid19 .cont_covid .content .container .plan_cont .plan .txt h4{
    font-size:26px;
    margin-bottom: .5em;
    margin-left: -15px;
}
#covid19 .cont_covid .content .container .plan_cont .plan .txt h4+p{
    line-height: 1.5em;
}
#covid19 .cont_covid .cap{
    margin:0px auto 40px;
    display: block;
    max-width: 770px;
    line-height: 2em;
    font-size: .8rem;
    padding:0px 20px;
}


@media screen and (max-width: 640px){
  #privacypolicy {
    padding-top: 40px;
  }
  #privacypolicy .ttl{
    margin-bottom: 45px;
  }
  #privacypolicy .subttl{
    font-size: 22px;
  }
  #privacypolicy .inwrap{
    padding: 0px 10px;
  }
  #privacypolicy .privacy_mark{
    padding: 10px;
  }
  #privacypolicy .privacy_mark .txt{
    padding-top: 0%;
  }
  #privacypolicy .privacy_mark .txt{
    width: 80%;
    font-size:12px;
  }

  #privacypolicy.company-page table th {
      width: 100%;
      display: block;
  }

  #privacypolicy.company-page table td {
    width: 100%;
    display: block;
  }
  #covid19 .cont_covid .btn_cont>div{
      width: 45%;
  }
  #covid19 .cont_covid .content .container h3{
      font-size: 1.5rem;
  }
  #covid19 .cont_covid .content .container .plan_cont .plan .image{
      width: 85px;
      height: 85px;
  }
  #covid19 .cont_covid .content .container .plan_cont .plan .txt{
      width: calc(100% - 95px);
      padding:0px 10px;
  }
  #covid19 .cont_covid .content .container .plan_cont .plan .txt h4{
      font-size: 1em;
      line-height: 1.3em;
  }
    #covid19 .cont_covid .content .container .plan_cont .plan .txt h4+p{
     font-size: .9rem;
 }
 #covid19 .cont_covid .content .container .ttl{
     width: 90%;
     margin: 0px auto 20px;
     font-size: 20px;
     padding:15px 0px;
 }
 #covid19 .cont_covid .content .container .plan_cont{
     padding:40px 10px 0px;
 }
 #covid19 .cont_covid .cap{
     font-size: .9rem;
     width: 90%;
 }
 #event_reserv .requid {
     width: 100%;
 }
 #event_reserv .cont_reserv_inner .image{
     max-width: 100px;
     width: 100%;
     position: relative;
    right: 0px;
    top: 0px;
 }

}
@media screen and (max-width: 640px){
    #covid19 .cont_covid .btn_cont>div a{
        font-size: .9rem;

    }
}

/* IE11ハック */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .event_plan .limited2 .box .bulk{
    padding-top: 30%;
  }
  *::-ms-backdrop, .event_plan .agree2 .box{
    transform: translateY(-0%);
    padding-top: 10%;
  }
  *::-ms-backdrop, .event_plan .setup2 .box{
    transform: translateY(-0%);
    padding-top: 20%;
  }
  *::-ms-backdrop, .slick-prev, .slick-next{
    width: 67px;
    height: 58px;
    background-position: 0px;
    bottom: -71px;
  }
  *::-ms-backdrop, .slick-prev::before, .slick-next::before{
    background-position: 0px;
  }
}





/******************************************
20190523 ロボホンプレミアム　新型へ変更
******************************************/
.content_banner {
  background: url(../images/bnrBg_premier201905_pc.jpg) center center no-repeat;
  background-size: cover;
}
.content_banner:before {
  background: url(../images/stripe.jpg) center center;
  content: "";
  display: block;
  height: 60px;
  width: 100%;
}
/*
.content_banner:after {
  background: url(../images/stripe.jpg) center center;
  content: "";
  display: block;
  height: 60px;
  width: 100%;
}
*/

.content_banner .premier_wave{
  position: relative;
}
/*
.content_banner .premier_wave:before{
  background: url(../images/tbnr_wave01.png) center center;
  content: "";
  display: block;
  height: 17px;
  width: 100%;
  position: absolute;
  top: -17px;
}
.content_banner .premier_wave:after {
  background: url(../images/tbnr_wave02.png) center center;
  content: "";
  display: block;
  height: 17px;
  width: 100%;
  position: absolute;
  bottom: -17px;
}
*/

.content_banner .premier_wave p {
  background: #2dbdd3;
  padding: 10px;
}

.content_banner p {
  text-align: center;
}
.content_premium {
  background: url(../images/bg_premium_w1980.png) center top no-repeat;
}
.content_premium p {
  color: #8a8a8a;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 1px;
}
.content_premium .inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 15px 65px;
}
.content_premium .ttlarea {
  height: 605px;
  position: relative;
}
.content_premium .ttlarea p {
  position: absolute;
  left: 9%;
  top: 62%;
}
.content_premium .point li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
}
.content_premium .point li:not(:first-of-type) {
  margin: 85px 0 0;
}
.content_premium .point li:nth-of-type(2) {
  margin-left: 9vw;
}
.content_premium .point li:nth-of-type(3) {
  margin-left: 18vw;
}
.content_premium .point li:before {
  display: block;
  content: "";
  height: 110px;
  width: 110px;
  position: absolute;
  top: -50px;
  left: -40px;
}
.content_premium .point li:first-of-type:before {
  background: url(../images/icon_premium01.png) center top no-repeat;
}
.content_premium .point li:nth-of-type(2):before {
  background: url(../images/icon_premium02.png) center top no-repeat;
}
.content_premium .point li:nth-of-type(3):before {
  background: url(../images/icon_premium03.png) center top no-repeat;
}
.content_premium .point .text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 0 3%;
}
.content_premium .point .text h4 {
  color: #2dbdd3;
  font-size: 40px;
}
.content_premium .point .text h4 span {
  display: block;
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 10px;
}
.content_premium .point .text p {
  width: 35vw;
  max-width: 430px;
  margin: 15px 0 0;
}
.content_newfunction {
  background: url(../images/bg_newfunction01.png) center top no-repeat,
              url(../images/bg_newfunction03.png) right 64% no-repeat,
              url(../images/bg_newfunction04.png) left bottom no-repeat,
              url(../images/bg_newfunction02.png) center top repeat-y;
  background-size: contain, auto, auto, contain;
  padding: 70px 0;
}
.content_newfunction #movie {
  background: url(../images/bg_newfunction_tv.png) center top no-repeat;
  margin: auto;
  height: 568px;
  width: 768px;
  position: relative;
}
.content_newfunction #movie video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
}
.content_newfunction .function_detail {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.content_newfunction .function_detail > li {
  border-radius: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  margin: 25px auto 0;
  padding: 45px;
}
.content_newfunction .function_detail > li:nth-of-type(n+4) {
  width: 48%;
}
.content_newfunction .function_detail > li > .text {
  min-width: 280px;
  width: 40%;
}
.content_newfunction .function_detail > li:nth-of-type(n+4) > .text {
  width: 100%;
}
.content_newfunction .function_detail > li > .pict {
  margin: 0 0 0 4%;
}
.content_newfunction .function_detail > li .ttlarea {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content_newfunction .function_detail > li .ttlarea h4 {
  flex-grow: 1;
  margin: 0 0 0 5%;
}
.content_newfunction .function_detail > li h4 {
  border: 3px solid #ccc;
  border-radius: 6px;
  color: #ccc;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 2px;
  padding: 8px 20px;
  text-align: center;
}
.content_newfunction .function_detail > li p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 18px auto 0;
}
.content_newfunction .function_detail > li p.subttl {
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 2px;
  margin: 18px auto 0;
  text-align: center;
}
.content_newfunction .function_detail > li p.att {
  font-size: 12px;
  margin: 5px 0 0;
}
.content_newfunction .function_detail > li.bg_blue {
  background: #2dbdd3;
  color: #fff;
}
.content_newfunction .function_detail > li.bg_blue h4 {
  border-color: #fff;
  color: #fff;
}
.content_newfunction .function_detail > li.bg_wht {
  background: #fff;
  color: #2dbdd3;
}
.content_newfunction .function_detail > li.bg_wht h4 {
  border-color: #2dbdd3;
  color: #2dbdd3;
}
.content_newfunction .function_detail > li .detail_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.content_newfunction .function_detail > li .detail_column li {
  width: 44%;
}
.content_newfunction .function_detail > li .detail_column li:not(:first-of-type) {
  margin: 0 0 0 12%;
}
.content_newfunction .function_detail > li .detail_column li > .pict {
  margin: 20px 0 0;
}
.content_newfunction .function_detail > li .detail_column li .emp {
  background: #fff;
  border-radius: 10px;
  color: #2dbdd3;
  margin: 32px 0 0;
  padding: 20px;
}
.content_newfunction .function_detail > li .detail_column li .cor_list {
}
.content_newfunction .function_detail > li .detail_column li .cor_list > dt {
  font-size: 17px;
  margin: 17px 0 0;
  position: relative;
}
.content_newfunction .function_detail > li .detail_column li .cor_list > dt:after {
  background: #fff;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.content_newfunction .function_detail > li .detail_column li .cor_list > dt span {
  background: #2dbdd3;
  line-height: normal;
  padding: 0 10px 0 0;
  position: relative;
  z-index: 2;
}
.content_newfunction .function_detail > li .detail_column li .cor_list > dd {
  margin: 10px 0 0 1em;
}
.content_newfunction .function_detail > li .detail_column li .cor_tv {
  line-height: 1.2;
}
.content_newfunction .function_detail > li .detail_column li .cor_tv dt {
  float: left;
}
.content_newfunction .function_detail > li .detail_column li .cor_tv dd {
  margin: 0 0 7px 8em;
}
.content_price .eventplan_ttl {
    font-size: 30px;
    font-family: 'shingo_el';
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.4em;
}
.content_price table {
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  text-align: center;
  width: 100%;
}
.content_price table th,
.content_price table td {
  border-bottom: 1px solid #333;
  line-height: 1.4;
  padding: 25px 0;
  vertical-align: middle;
}
.content_price table tr th:first-of-type,
.content_price table tr td:first-of-type {
  background: #fafafa;
  color: #909090;
  font-size: 16px;
}
.content_price table tr th:nth-of-type(2),
.content_price table tr td:nth-of-type(2) {
  background: #2dbdd3;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.content_price table tr th:nth-of-type(3),
.content_price table tr td:nth-of-type(3) {
  background: #ffb21c;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.content_price table .benefits td:nth-of-type(2),
.content_price table .benefits td:last-of-type {
    vertical-align: top;
    padding: 1em 0 5em 0;
}
.content_price table .benefits td:last-of-type {
  position: relative;
}
.content_price table .benefits span {
  background: #fff;
  border-radius: 10px;
  color: red;
  font-size: 27px;
  line-height: normal;
  width: 180%;
  position: absolute;
  right: 10%;
  bottom: 1em;
  margin: auto;
  padding: 8px 0;
}
.content_price .cap {
  color: #555;
  font-size: 14px;
  margin: 7px 0 0;
}
.content_price .cocoroplan {
  margin: 60px auto 80px;
}
.content_spec {
  padding: 60px 0px 110px;
}
.content_spec table {
  width: 100%;
}
.content_spec thead th {
  background: #2dbdd3;
  color: #fff;
  padding: 20px 10px;
}
.content_spec thead th:first-of-type {
  border-radius: 20px 0 0;
  border-right: 1px solid #b3b3b3;
  overflow: hidden;
}
.content_spec thead th:last-of-type {
  border-radius: 0 20px 0 0;
  border-left: 1px solid #b3b3b3;
  overflow: hidden;
}
.content_spec tbody td {
  border-left: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
  background: #fafafa;
  color: #555;
  font-size: 15px;
  line-height: 1.2;
  padding: 20px 10px;
  vertical-align: middle;
  word-break: break-all;
}
.content_spec tbody td .red {
  color: #ea4d54;
}
.content_spec tbody td:last-of-type {
  border-right: 1px solid #b3b3b3;
}
.content_spec tbody td:last-of-type,
.content_spec tbody td:nth-last-of-type(2) {
  background: #fff;
  color: #2dbdd3;
  text-align: center;
  width: 28%;
}


.content_spec table thead{
  width: 100%;
}
.content_spec thead th,.content_spec table thead tr{
  width: 100%;
}
.content_spec tr{
  width: 100%;
}
.content_spec tbody tr td{
  width: 25% !important;
}
.content_spec tbody td:nth-last-of-type(1) {
  width: 100%;
}
 .content_spec tbody td:nth-last-of-type(2) {
  width: 100%;
}


.content_spec .cap {
  color: #555;
  font-size: 14px;
  margin: 15px 0 0;
}







@media screen and (max-width: 1440px){
  .content_premium {
    background: url(../images/bg_premium_w1440.png) center top no-repeat;
    background-size: cover;
  }
  .content_premium .ttlarea {
    height: 42vw;
  }
  .content_premium .ttlarea p {
    left: -29vw;
    top: 27vw;
    right: 0;
    margin: auto;
    width: 36vw;
  }
}




@media screen and (max-width: 900px){
  .content_premium .point li:nth-of-type(2) {
    left: 0vw;
  }
  .content_premium .point li:nth-of-type(3) {
    left: 0vw;
  }

  .content_premium .ttlarea{
    margin-bottom: 120px;
  }

  .content_premium .ttlarea p{
    top: 37vw;
    margin: 0px;
    left: 5vw;
  }

  .content_premium .point li:before{
    left: -10px;
  }

}


@media screen and (max-width: 640px){

  .content_banner p{
    padding: 20px;
  }
  .content_banner:before,
  .content_banner:after{
    height: 50px;
  }

  .content_premium{
    background: url(../images/spbg.png);
    background-size: cover;
  }

  .content_premium .ttlarea{
    height: auto;
  }
  .content_premium .ttlarea p{
    width: auto;
    position: static;
  }
  .content_premium .imgttl{
    padding: 40px 0px 20px;
  }
  .content_premium .spec{
    padding-bottom: 60%;
  }


  .content_premium .point li{
    flex-wrap: wrap;
  }
  .content_premium .point .text{
    padding-top: 25px;
  }
  .content_premium .point .text p{
    width: auto;
  }
  .content_premium .point .text h4{
    font-size: 30px;
  }
  .content_premium .point .text h4 span{
    font-size: 14px;
  }
  .content_premium .point li:before{
    height: 65px;
    width: 65px;
    top: -30px;
  }
  .content_premium .point li:first-of-type:before {
    background: url(../images/icon_premium01.png) center top no-repeat;
    background-size: 100% 100%;
  }
  .content_premium .point li:nth-of-type(2):before {
    background: url(../images/icon_premium02.png) center top no-repeat;
    background-size: 100% 100%;
  }
  .content_premium .point li:nth-of-type(3):before {
    background: url(../images/icon_premium03.png) center top no-repeat;
    background-size: 100% 100%;
  }



  .content_newfunction .function_detail > li{
    padding: 16px;
    flex-wrap: wrap;
  }
  .content_newfunction .function_detail > li > .text{
    width: auto;
  }
  .content_newfunction .function_detail > li > .pict{
    margin-left: 0px;
  }


  .content_newfunction .ttl{
    margin: 0px 15px;
  }
  .content_newfunction #movie{
    background: url(../images/bg_newfunction_tvsp.png) center top no-repeat;
    background-size: 94% auto;
    max-width: 768px;
    height: 360px;
    width: 100%;
    padding: 15px;
    margin-top: 40px;
  }

  .content_newfunction .function_detail > li h4{
    font-size: 20px;
  }

  .content_newfunction .function_detail > li.spbg_blue {
    background: #2dbdd3;
    color: #fff;
  }
  .content_newfunction .function_detail > li.spbg_blue h4 {
    border-color: #fff;
    color: #fff;
  }
  .content_newfunction .function_detail > li.spbg_wht {
    background: #fff;
    color: #2dbdd3;
  }
  .content_newfunction .function_detail > li.spbg_wht h4 {
    border-color: #2dbdd3;
    color: #2dbdd3;
  }


  .content_newfunction .function_detail > li .detail_column li > .pict {
    margin: 20px 0 30px;
  }
  .content_newfunction .function_detail > li.bg_wht .pict{
    padding-top: 20px;
  }

  .content_htu{
    padding-top: 45px;
  }


  .content_price table tr th:nth-child(1),
  .content_price table tr td:nth-child(1){
    display: block;
    width: 100%;
  }
  .content_price table tr th:nth-child(2),
  .content_price table tr td:nth-child(2){
    display: inline-block;
    width: 50%;
  }
  .content_price table tr th:nth-child(3),
  .content_price table tr td:nth-child(3){
    display: inline-block;
    width: 50%;
  }
  .content_price table tr b{
    font-size: 12px;
    font-weight: normal;
  }

  .content_price table .benefits span{
    font-size: 17px;
  }
  .content_price table .benefits td:nth-of-type(2),
  .content_price table .benefits td:last-of-type{
    padding-bottom: 3.5em;
  }



  .content_spec .ttl p{
    padding-top: 10px;
  }
  .content_spec tbody td.tbg{
    color: #555;
    background: #fafafa;
  }
  .content_spec thead th:first-of-type{
    border-radius: 0px;
  }
  .content_spec thead th:last-of-type{
    border-radius: 0px;
  }
  .content_newfunction .function_detail > li .detail_column{
    flex-wrap: wrap;
  }
  .content_newfunction .function_detail > li .detail_column li{
    width: auto;
  }
  .content_newfunction .function_detail > li .detail_column li:not(:first-of-type){
    margin-left: 0px;
  }

  .content_newfunction .function_detail > li:nth-of-type(n+4){
    width: auto;
  }

  .content_spec tbody td .red {
    display: block;
  }


}


/* movie */
@media screen and (max-width: 640px){
  .content_newfunction #movie video{
    max-width: 355px;
    width: 100%;
    height: 230px;
    top: 40px;
  }
}
@media screen and (max-width: 380px){
  .content_newfunction #movie video{
    max-width: 315px;
    width: 100%;
    height: 180px;
    top: 15px;
  }
}




#visit_reserv .attention{
  margin-bottom:40px;
}

#visit_reserv .attention p{
  color:#7e7e7e;
  font-size: 14px;
  line-height: 1.6em;
  list-style-type: disc;
  margin-bottom:10px;
  position: relative;
  padding-left: 15px;
}
#visit_reserv .attention p:before{
  content: "■";
  color: #2dbdd3;
  font-size: 10px;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
#visit_reserv .attention .fs{
  font-size: 20px;
  font-weight: bold;
  padding-left: 0px;
  text-align: center;
}
#visit_reserv .attention .fs:before{
  content: "";
}

#visit_reserv .attention .r_color{
  color: #e41f1f;
}
#visit_reserv .attention .lb_color{
  color: #2dbdd3;
  text-decoration: underline;
}
#visit_reserv .wifiset { display: none; }
::placeholder {
  color: #c5c5c5;
}

#visit_reserv .rinput{
  display: inline-block;
}
#visit_reserv input.radio{
  width: 17px;
  position: relative;
  border-radius: 50%;
  margin-right: 5px;
}
#visit_reserv .radiotxt{
  margin-right: 15px;
}
#visit_reserv input.radio:checked:before{
  content: "●";
  color: #2dbdd3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


/* thanks */
.submit_thanks{
  text-align: center;
  font-family: 'shingo_r';
}
.submit_thanks .check{
  margin-bottom: 30px;
}
.submit_thanks .en_txt{
  font-size: 20px;
  font-family: 'tga_font';
  margin-bottom: 10px;
}
.submit_thanks .jp_txt{
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.6;
}

.submit_thanks .thanks{
  color: #3e3b3b;
  font-size: 16px;
}
.submit_thanks .thanks a{
  color: #2dbdd3;
  text-decoration: underline;
}
.submit_thanks .thank_area{
  position: relative;
}
.submit_thanks .thank_area .robo{
  position: absolute;
  top: 70px;
  right: -7%;
}


.txt_col1 .en_txt{
  color: #98ca69;
}
.txt_col1 .jp_txt{
  color: #98ca69;
}

.txt_col2 .en_txt{
  color: #ffc905;
}
.txt_col2 .jp_txt{
  color: #ffc905;
}


@media screen and (max-width: 1000px){
  .submit_thanks .thank_area .robo{
    display: none;
  }
}
#reserv{
  font-size: 16px;
}
footer{
  background: none;
}
.white_bg{
  background-color: #fff;
}
.lblue_bg{
  background-color: #e2ebf6;
}
.blue_bg{
  background-color: #00479d;
  color: #fff;
}
.tac{
  text-align: center;
}
.fwb{
  font-weight: bold;
}
.dib{
  display: inline-block;
}
#event_reserv.lblue_bg{ 
  display: flex;
  flex-flow: column;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
header.blue_bg{
  height: auto;
  padding: 5vw 0;
  text-align: center;
}
header.blue_bg h1{
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.4rem;
}
header.blue_bg h1 span{
  display: block;
}
#event_reserv.lblue_bg > div{
  width: 90%;
  margin:0 auto 80px;
  color:#00479d;
}
#event_reserv.lblue_bg .title{
  font-weight: bold;
  font-size: 2.4rem;
}
#event_reserv.lblue_bg .txt_area .title{
  margin-bottom: 30px;
}
#event_reserv.lblue_bg .mes_area{
  display: flex;
  align-items:center;
}
#event_reserv.lblue_bg .robo{
  margin-bottom: -0.5vw;
  width: 42%;
  margin-right: -2%;
  margin-top: auto;
  padding-top: 50px;
}
#event_reserv.lblue_bg .txt_area{
  width: 61%;
  line-height: 3.2rem;
  padding: 5%;

}
#event_reserv.lblue_bg .tel_area{
  padding: 5%;
}
#event_reserv.lblue_bg .cyuitxt{
  font-size: 1.4rem;
}
#event_reserv.lblue_bg .tel_area .title,
#event_reserv.lblue_bg .tel_area .tel{
  margin-bottom: 20px;
}
#event_reserv.lblue_bg .tel_area .tel a{
  padding: 2% 10%;
  font-weight: bold;
  font-size: 2.6rem;
  max-width: 850px;
}
.reserv footer{
  padding: 3% 0;
}
@media screen and (max-width: 768px){
  #reserv{
      font-size: 10px;
  }
  #event_reserv.lblue_bg .mes_area{
      flex-direction: column;
  }
  #event_reserv.lblue_bg .txt_area h2{
      text-align: center;    
  }
  #event_reserv.lblue_bg .robo{
      width: 90%;
      margin-left: auto;
      padding-top: 0;
   }
  #event_reserv.lblue_bg .txt_area{
      width: 100%;
  }
  #event_reserv.lblue_bg > div {
      margin: 0 auto 40px;
  }
  #event_reserv.lblue_bg .tel_area .tel a{
      font-size: 2rem;
  }
  #event_reserv.lblue_bg .tel_area .title{
      line-height: 3.2rem;
  }

}