@charset "UTF-8";
@charset "UTF-8";
/* CSS Document */


body{ font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;  font-size: 14px; line-height: 1.6;-webkit-text-size-adjust: 100%;color:#47474c;}
*{ min-height: 0;min-width: 0;}
img{ display: block; max-width: 100%;}
hr.dot{border: 0; border-top: dotted 2px #BDBDBD;}

.fnt-mncho{font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

[v-cloak]{
  display: none;
}

/*
body {
    animation: fadeIn 1.75s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.75s ease 0s 1 normal;
}
*/

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.inner{ width: 1100px; margin: 0 auto;box-sizing: border-box;}
section + section{ padding: 35px 0;}
/* #under section + section{ padding: 20px 0;} */
#g-nav
.fnt-pnk{ color: #E41B5B;}
.fnt-gry{ color: #9B9A9A;}

/*パンクズリスト*/
.breadcrumb{ width: 1200px; margin: 0 auto; display: flex;}
.breadcrumb dd{ padding: .85em .5em; line-height: 1;}
.breadcrumb dd:not(:last-child)::after{ content: ">";}

.breadcrumb dd span{ padding-right: 1em; font-size: .88em; font-weight: bold;}

/*====================================================
 header
====================================================*/

#sp-menu { display: none;}
#sp-menu-block { display: none;}
#tel-menu { display: none;}
#sp-tel-block { display: none;}

#container {width: 100%; overflow: hidden; overflow-scrolling: touch; -webkit-overflow-scrolling: touch;}
header { width: 100%; z-index: 880; -webkit-transition: background ease-in-out 0.1s, height ease-in-out 0.1s; transition: background ease-in-out 0.1s, height ease-in-out 0.1s; display: flex; align-items: center;position: fixed; top: 0;}
.header-inner{width: 100%; margin: 0 auto;display: flex; align-items: center; justify-content: space-between;padding: 1.5em 6em 1.5em 2.5em;}
.header-inner p.logo{ display: none;}
#site-header.page .header-inner p.logo{ display: block; width: 20%;}
#site-header.page .header-inner p.logo img{width: 100%;}
.head-reg{
  position: absolute;
  right: -7px;
  top: 4em;
  width: 15%;
}
.head-reg a{
  display: block;
  background: #dd6276;
  border-radius: 3em;
  padding: 0.7vw;
  width: 100%;
  padding: 0.8em;
}
.head-reg img,.head-reg svg{width:100%;margin:0 auto;display:block;}
/* .head-reg{width: 70px;right:0;} */
/* .head-reg a{padding:1em;} */
/*header-fixed*/
header.fixed { background:rgba(255,255,255,1); box-shadow: 0 0 4px rgba(120,120,120,0.4);}

#under.no-main header{background: rgba(255,255,255,1);box-shadow: 0 0 5px rgba(120,120,120,0.5);}


/*======================
 g-Nav
=======================*/

/*nav-fixed*/
header.fixed #g-nav { }
header.fixed #g-nav li a { color: #534741;}
header.fixed #g-nav li a:hover {}
header.fixed .header-btn { }
header.fixed .header-btn a {background: #6aa545;}
header.is-ab { position: absolute;}

/*nav*/
/* #g-nav{ padding:0 35px 0 18%;width:80%;} */

#g-nav ul {
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex; 
  /* -webkit-box-pack: center; 
  -ms-flex-pack: center;  */
  justify-content: flex-end; 
  /* -ms-flex-line-pack: center;  */
  align-content: center;  
  /* -webkit-box-align: center; 
  -ms-flex-align: center;  */
  align-items: center; 
  /* -ms-flex-wrap: nowrap;  */
  flex-wrap: nowrap;
}
#g-nav li a {
  display: block; 
  padding: 0 .5em; 
  -webkit-transition: color ease-in-out 0.3s; transition: color ease-in-out 0.3s; font-family: 'Playfair Display', serif; 
  font-size: .8em; 
  font-weight: 700; text-align: center;letter-spacing:1px;color:#47474c;line-height:1.7;
}
#g-nav li a span {
  z-index: 2; font-size: .6em; display: block;font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight:normal;
  letter-spacing: 0;
}
#g-nav ul::before,#g-nav ul::after{content:""; display: table;}
#g-nav ul::after{clear: both;}
#g-nav ul li > ul{ display: block; list-style: none; position: absolute; z-index: 999; top: 150%; left: 0; right: 0; margin: 0; padding: 0;}
#g-nav ul li > ul li{ overflow: hidden; height: 0; padding: 0; transition: .2s;background: rgba(255,255,255,1);display: flex; flex-direction: column; justify-content: center; align-items: center;}
#g-nav ul li > ul li a{ display: block;text-align: center; padding: 0; font-size: .88em;}
#g-nav ul li:hover > ul li{ overflow: visible; height: 3em;box-shadow: 0 3px 3px rgba(120,120,120,0.4);border-bottom:1px solid#eee;}
#g-nav ul li:hover > ul li:hover{ background: rgba(255,255,255,.9);box-shadow: 0 3px 3px rgba(120,120,120,0.4);border-bottom:1px solid#eee;}

@media (min-width:769px){
  .header-inner {
    padding: 1.5em 6em 1.5em 1.5em;
  }
  .head-reg{
    top: 0;
    right: 0;
    width: 7%;
  }
  .head-reg a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dd6276;
    border-radius: 0;
  }
  .head-reg img{
    max-width: 55px;
  }
}/*  */

@media (min-width:1024px){
  #g-nav li a {
    font-size: 1.1em; 
    padding: 0 1em; 
  }
  .head-reg{width: 90px;}
  .header-inner {
    padding: 1.5em 8em 1.5em 1.5em;
  }
}/*  */

@media screen and (max-width: 1600px){
/* #g-nav{ padding:0 50px 0 14%;} */
/* #g-nav li a {padding: 0 1.5em;} */
/* .head-reg{width: 90px;right:0;}
.head-reg a{padding:1em;} */
}
@media screen and (max-width: 1440px){
/* #g-nav{ padding:0 70px 0 12%;} */
/* #g-nav li a {padding: 0 1.25em;} */
/* .head-reg{width: 85px;right:0;}
.head-reg a{padding:1em;} */
}
@media screen and (max-width: 1280px){
/* #g-nav{ padding:0 100px 0 6%;} */
/* #g-nav li a {padding: 0 1em;} */
/* .head-reg{width: 80px;right:0;}
.head-reg a{padding:1em;} */
}
@media screen and (max-width: 1024px){
/* .header-inner{padding: 1.5em 2em 1.5em 1.5em;} */
/* .head-reg{width: 6.5%;right: -1em;}
.head-reg a{display: block;background:#dd6276;padding:.9em;width:100%;} */
/* .head-reg img,.head-reg svg{width:100%;margin:0 auto;display:block;} */

#g-nav{ padding:0 0 0 0%;width:80%;}
/* #g-nav li a {padding: 0 1.25em;} */
}
.head-mail { width: 30px;}
.head-mail svg{ width: 100%;}


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

header{position: fixed; top: 0;z-index: 998; display: flex; align-items: center; padding: 1.5em 0 1.5em;}

header.bgchange{ background: rgba(255,255,255,0);}

.header-inner{ width: 100%;}
.header-inner p.logo{ display: block;}
#sp-menu {
  position: fixed;
  right: 4vw;
  top: 0;
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  cursor: pointer;
  text-align: center;
  z-index: 999;
  /* background: #dd6276;*/
}
#sp-menu.open{background: #fff;}
#sp-menu.fixed span { background: #333;}
#sp-menu span { display: block; width: 40px; height: 1px; background: #333;position: absolute; left: 20px; -webkit-transition: all .3s; transition: all .3s;-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
#sp-menu span.txt {width: 100%; height: auto;background:none;display:block;font-family: 'roboto', sans-serif; font-weight: 200; letter-spacing: .3em; font-size: 1.9vw;text-align:center;color:#333;position: absolute; left:51%;bottom: .2em;transform: translate(-49%,0);}
#sp-menu.open span {background: #fff; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
#sp-menu.open span.txt {display:none;}

#sp-menu span:nth-child(1) { top: 15px;}
#sp-menu span:nth-child(2) { top: 27px;}
#sp-menu span:nth-child(3) { top: 39px;}

#sp-menu.open span:nth-child(1) { top: 38px; -webkit-transform: rotate(45deg); transform: rotate(45deg);background: #dd6276;}
#sp-menu.open span:nth-child(2) { opacity: 0;}
#sp-menu.open span:nth-child(3) {top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);background: #dd6276;}

@media screen and (max-width: 480px){
#sp-menu {right: 4vw; top: 1vh; width: 45px; height: 45px;}
#sp-menu span {width: 25px; height: 1px;left: 10px;}
#sp-menu span.txt {font-size: 1.9vw;}

#sp-menu span:nth-child(1) { top: 10px;}
#sp-menu span:nth-child(2) { top: 17px;}
#sp-menu span:nth-child(3) { top: 24px;}

#sp-menu.open span:nth-child(1) { top: 22px;}
#sp-menu.open span:nth-child(2) { opacity: 0;}
#sp-menu.open span:nth-child(3) {top: 22px;}
}

#sp-menu-block {display: none; position: fixed; top: -100vh; left: 0; bottom: 0; overflow-y: scroll;
width: 100%; height: 100%; background: rgba(221,98,118,0.8); z-index: 980;
transition: 0.1s; padding: 6.5em 1em 2em;}
#sp-menu-block.slide{top: 0px; height: auto; z-index: 997;}
#site-header p.logo svg { width: 100vw; fill:#79b88f;}

#tel-menu { position: fixed; right: 20%; top: 1.8vh; display: block; width: 38px; height: 38px; cursor: pointer; text-align: center; z-index: 999;margin: 0 auto;}
#tel-menu img{margin: 0 auto .3em;height: 24px;}
#tel-menu p{font-size: 1.9vw;font-family: 'Questrial';letter-spacing:2px;line-height:1;}
#tel-menu.fixed span { background: #fff;}
#tel-menu.open span {display: block; width: 23px; height: 1px; position: absolute; left: 7px;-webkit-transition: all .3s; transition: all .3s;transform-origin: 50% 50%;background: #000;-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
#tel-menu.open img,#tel-menu.open p{display:none;}
#tel-menu.open span:nth-child(1) {top: 19px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#tel-menu.open span:nth-child(2) {top: 19px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

#sp-tel-block {display: none; position: fixed; top: -100vh; left: 0; bottom: 0; overflow-y: scroll;
width: 100%; height: 100%; background: rgba(221,98,118,0.8); z-index: 980;
transition: 0.1s; padding: 4em 1em 2em;}
#sp-tel-block.slide{top: 0px; height: auto; z-index: 997;}

#sp-tel-block > ul{padding:2.5em 1em;}
#sp-tel-block > ul li {text-decoration: none;position: relative;padding: 16px 12px 12px 16px;display: flex; flex-wrap: wrap; justify-content: space-between;font-size: 1.1em;letter-spacing: 0;background:#fff;margin-bottom:1em;border-radius:4px;}
#sp-tel-block > ul li a{width:42%;}
#sp-tel-block > ul li a:last-child{width:58%;}
#sp-tel-block > ul li span,.sp_tel_bloc > ul li span {font-size: .7em;color: #95907C;margin-left: 10px;}
#sp-tel-block > ul li i{color:#dd6276;padding-left:1.25em;}
#sp-tel-block > ul li span.tel{font-size:1.25em;font-family: 'Questrial', sans-serif;display:inline;color:#dd6276;}
#sp-tel-block > ul li a{display: block;}


#g-nav { display: none; left: auto; top: auto;　z-index: 201; width: 100%;}
.g-nav-inner{ width: 100%;}
.g-nav ul.base-nav { display: block;height: auto; width: 100%;}
.g-nav ul.base-nav > li { width: 100%; border-bottom: 1px solid #fff; padding: 1.25em 0 1em; color:#fff;}
.g-nav ul.base-nav > li a,.g-nav ul.base-nav > li > p{font-family: 'Playfair Display', serif;font-weight: 700; letter-spacing: .15em; font-size: 1.3em; display: block;padding: 0 20px; -webkit-transition: 0.3s; transition: 0.3s; text-align: center; line-height: 1.6;}
.g-nav ul.base-nav > li a span,.g-nav ul.base-nav > li > p span { display: block; font-weight: 400; font-family: sans-serif; font-size: .65em; letter-spacing: normal;}
.g-nav01::before,.g-nav02::before,.g-nav03::before,.g-nav04::before,.g-nav06::before{font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; position: absolute; top: 50%; right:1.5em; transform: translate(0,-50%); font-size: 1em;color:#fff;}
.g-nav05::before{ content: ""; position: absolute; top: 2em; right:1em; width: 1.25em; height: 1.25em; font-weight: solid; background: url("../imgs/common/sp-nav-plus.svg") no-repeat top center/100%;}
.g-nav05.open::before{ background: url("../imgs/common/sp-nav-close.svg") no-repeat top center/100%;}


.nav-in01{ display: flex; margin: 1.5em auto; justify-content: space-between;}
.nav-in01 > p{ width: 100%;}
.nav-in02{ padding-bottom: 2.5vh;}
.nav-in02 > p:nth-child(1){ width: 70%; margin: 0 auto;}
.nav-in02 > p:nth-child(2){ display: flex; justify-content: space-around; margin-top: 1em;}
.nav-in02 > p:nth-child(2) > span{ width: 47%;}

 ul.ac-nav{ display: none; width: 90%; margin: 0 auto;}
 ul.ac-nav > li:not(:last-child){ border-bottom: 1px dotted #fff;background: rgba(255,255,255,0);}
 .g-nav ul.ac-nav > li a{ font-size: 1em; padding: 1em 0;font-family: 'Noto Serif CJK JP', 'Noto Serif JP', sans-serif;}

#sp-menu-block .key-cam{ width: 100%; display: flex;justify-content: center; }
#sp-menu-block .key-cam div{ width: 46%; line-height: 1; padding:0 2%;}
#sp-menu-block .key-cam div img{ width: 100%;}

.nav-in-login {padding: 12px 5px 12px 10px;margin-top: 0;color: #34ceca;postion:relative;background:#fff;margin-bottom:.25em;}
.nav-in-login p.bdr img {position:absolute;top: 50%;left: -35%; transform: translate(-0%,-50%);width:20%;}
.nav-in-login > p.bdr {text-align:center;font-family: 'Playfair Display', serif;font-weight: 700;font-size: 1.5em;}
.nav-in-login > p.bdr span{font-weight: 400;font-family: sans-serif;font-size: .65em;letter-spacing: normal;display:inline;padding-left:1em;}
}

/*animetion*/
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@media print, screen and (min-width : 769px){
.sp{ display: none !important;}
.pc{ display: block !important;}
}



/*//// modal window ////*/
.modal{display: none;height: 100vh;position: fixed;top: 0;left:0;width: 100%;z-index:9000;overflow:hidden;}
/* 20200812 ms add strat */
.modal.modal-confirm{display: block;}
/* 20200812 ms add end */
.modal-bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal-content{
  background: #fff;
  padding:2.5em 1.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  /* height:80vh; */
  max-height: 92%;
  overflow-y:scroll;
  -webkit-overflow-scrolling: auto;
  overflow-scrolling: auto;
}
.modal-ttl{text-align: center; margin-bottom: 1em;font-family: "Roboto", sans-serif!important; font-weight: 500;font-size: 1.4rem;line-height:1.7;}
.modal-ttl span{display: block;font-size: .7rem;}
.login-form dl{border-top:none;border-left:none;}
.login-form dd{ display: block; padding-bottom: 1em; align-items: center;border:none;width:100%;}
.login-form dd p {text-align: left; font-weight: bold; line-height: 1.2; width: 100%; font-size: .8em;margin-bottom:.5em;}
.login-form dd p span{ display: inline; font-size: .8em; color: #000!important;padding-left:.5em;}
.login-form dd label{ width: 100%;background:#f6f6f6;}
.login-form input[type="text"],.login-form input[type="password"]{ font-size: .9rem; padding:.75em 1em; border: 1px solid #fff; width: 100%; box-sizing: border-box; border-radius: 3px;background:#efefef;}
.login-send{ display: flex; justify-content: center;}
.login-send input{ background: #000; color: #fff; font-weight: bold; font-size: 1rem; padding: .75em 4.5em; border-radius: 3px; text-align: center;margin-bottom:1.5em;}
.pass-at{ text-align: center;}
.pass-at a{ color: #fe8fa4; text-decoration: underline; font-size: .8rem;}
.noweb-at{ text-align: center;font-size: .9rem;font-weight:bold;margin-top:2em;}
.new-send{ display: flex; justify-content: center;}
.new-send a{ background: #fe8fa4; color: #fff; font-weight: bold; font-size: 1rem; padding: .75em 4.5em; border-radius: 3px; text-align: center;margin-top:1em;}
.modal-close{position: absolute; top: 1em; right: 1em; width:30px;height:30px;cursor: pointer;display:block;}
.modal-close span {display: block; width: 100%; height: 1px; background: #000;}
.modal-close span {background: #000; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;position: absolute;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}
.modal-ac-ttl{font-size:1.2em;font-family:'Oswald', sans-serif;font-weight:300;margin-bottom:1.25em;}
.modal-content .kousya{font-size:1.1em;font-weight:bold;margin-bottom:.6em;}
.modal-content .tel{font-family:'Roboto', sans-serif;font-size:1.5em;margin-bottom:.5em;color:#34ceca;}
.modal-content .tel i{padding-right:.5em;color:#34ceca;}
.modal-content .add{font-size:.8em;margin-bottom:1.5em;}
.modal-content iframe{width:100%;height:30vh;}

.qa-box .modal-content{width:90%;}
.qa-box .modal-content .confirm-body .couple-operate {padding: 0;margin-bottom: 0;}
.qa-box .modal-content .secondary-btn {margin-bottom: 0;}
.qa-box .modal-content .caution-txt {
	font-size: 1.1em;
	text-align: center;
}
.qa-box .modal-content .cfm-form-lede .caution-txt {margin: 0;}
.modal-content .cfm-form-lede{padding: 1em 0; border-bottom: 1px dotted #ccc;}
.modal-content .couple-operate li{
  float: none !important;
  width: 100%;
  margin-bottom: 1.2em;
}
.modal-content .couple-operate li:last-child{margin-bottom:0;background:none;/* border:1px solid #000;color:#000; */}
.modal-content .form-operate li:last-child input{
  color:#999;
  font-weight:normal;
  border: 1px solid;
}
.modal-content .primary-btn{background-color:transparent;}

.mypage-point-container .modal-content{background:rgba(0,0,0,0.8);color:#fff;border:1px solid #999;height: 80vh;overflow: scroll;padding:2em 1.25em 0em;}
.mypage-point-container .modal-content section{margin-bottom:2.5em;line-height:1.6;}
.mypage-point-container .modal-content h3{font-size:1.3em;font-family:'Oswald', sans-serif;font-weight:500;margin-bottom:.5em;color:#ff5543;}
.mypage-point-container .modal-content h3 span{font-size:60%;display:block;}
.mypage-point-container .modal-content p{font-size:.8em;}
.mypage-point-container .modal-content ul{display: flex; justify-content:space-between;flex-wrap: wrap;padding-top:1.5em;}
.mypage-point-container .modal-content li{width:29%;text-align:center;margin-bottom:1em}
.mypage-point-container .modal-content li.all{width:100%;}
.mypage-point-container .modal-content li img{margin-bottom:.5em;}
.mypage-point-container .modal-content li p{font-size:.7em;text-align:center;}
.mypage-point-container .modal-close span{background:#fff;}

.form-table{margin-bottom:.25em;width:100%;}
.form-table th,.form-table td{padding:0 0em;display:block;}
.form-table th{font-weight:bold!important;margin-bottom:.5em;text-align:left;}
.qa-box .modal-content .form-table th{margin-bottom: .1em;}
.form-table td{padding:0em 0em;display:block;margin-bottom:1.25em;}
.form-table input,.form-table textarea{
  font-size: inherit;
  border:0px;
  background:#efefef;
  padding:1.1em 1em;
}
.form-supple p:not(:last-child){margin-bottom:1rem;}
.input-list li{margin-top:.4em;margin-right:1em;margin-bottom:.4em;display:inline-block;}
.input-list li label{padding-left:.4em;}
.input,textarea{width:100%;font-size:1.4rem;border-radius:0;border:1px solid #666;}
.input.input-date{width:22%;}
.d-unit{margin:0 .5em;}
.select{padding:8px;font-size:1.6rem;border:1px solid #666;}
.input-head{margin-bottom:1rem;}
.form-operate{padding:0 0;text-align:center;}
.form-operate li{text-align:center;}
.form-operate li input{padding:1em 6em;color:#fff;font-weight:bold;font-size:1em;}
.form-operate li input[disabled]{cursor:not-allowed;background-color:#ccc;}
.form-operate li input.long-word{padding:0.8em 3em;}
.couple-operate li{float:left;width:46%;}
.couple-operate li:last-child{float:right;}
.couple-operate li input{padding:1em 0;width:100%;}
.primary-btn{background-color:#000;}
.secondary-btn{background-color:#ef1b49;}
.caution-txt{color:#ee0000;}
.error-list{padding:1.4em 4%;margin-bottom:2rem;}
.caution-ttl{color:#ee0000;font-size:1.4rem;font-weight:bold;margin-bottom:2rem;text-align:center;}
.restriction{margin-bottom:3rem;text-align:center;}
.stand-btn{text-align:center;}
.back-btn{display:inline-block;background-color:#000;color:#fff;padding:0.8em 4em;text-align:center;margin:0 auto;}
.back-btn .arw{padding-right:1.2em;background-position:100% 50%;background-size:auto 12px;}

.radio-tile-group {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;}
.radio-tile-group .input-container {position: relative;/* height: 4.5rem; */width: 14.5%;margin: 0 0 2em 0;}
.radio-tile-group .input-container .radio-button {opacity: 0;position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;cursor: pointer;z-index:2;}
.radio-tile-group .input-container .radio-tile {display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;width: 100%;height: 100%;border: 1px solid #666;padding: 1em;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;}
.radio-tile-group .input-container .close-tile{color:#bbb;border: 1px solid #ccc;text-decoration: line-through;}
.radio-tile-group .input-container .close-tile.live-tile{color: #000; border: 1px solid #666; text-decoration: none;}
.radio-tile-group .input-container .close-tile .close{background:#ed1c24;color:#fff;font-size:.7em;padding:.2em .6em;line-height:1;position:absolute;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .change-tile .change{background:#000;color:#fff;font-size:.7rem;padding:.2em .6em;line-height:1;position:absolute;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .radio-tile-label {text-align: center;font-size: 1.1em;font-weight: 600;text-transform: uppercase;letter-spacing: 0px;color: #000;font-family:'Roboto', sans-serif;line-height:1.3;}
.radio-tile-group .input-container .close-tile .radio-tile-label {color:#bbb;}
.radio-tile-group .input-container .close-tile.live-tile .radio-tile-label {color:#000;}
.radio-tile-group .input-container .radio-tile-label span{display:block;font-size:60%;font-weight: 600;}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {background-color: #000;border: 1px solid #000;color: white;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {color: white;background-color: #000;}

/* NEW trial FORM
------------------------------------------- */
.form-main {
  margin-bottom: 2rem;
}
.form-main.confirm-body{
  margin-bottom: 0;
}
.form-wrap{margin-bottom:3em;}
.form-wrap .wrap{padding:0;display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;}
.form-wrap .wrap section{width:100%;}
.form-body .wrap{padding:0 1.5em;}
.form-info-wrap {
  background: #efefef;
  padding: 1.5em;
}
.trial-container .form-info-wrap{margin-bottom:3em;}
.form-info-wrap ul {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  justify-content: space-between;
  align-items: center;
}
.form-info-wrap ul:first-child{margin-bottom:2em;}
.form-info-wrap li:first-child p{display: table-cell;width: 140px;height: 140px;overflow: hidden;position: relative;}
.form-info-wrap li:first-child img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;object-fit: cover;}

.form-info-wrap li:first-child.form-info-img-box>p{
  display: block;
  width: 140px;
  height: auto;
  aspect-ratio: 4/5;
  overflow: hidden;
}

.form-info-wrap li.studio img {width: auto;height: 100%;}
.form-info-wrap li:last-child{width: calc( 100% - 155px );padding:0 .5em;position:relative;}
.form-info-wrap ul:last-child li:first-child img{width: auto;height:100%;}
.form-info-wrap li p{line-height:1.2;}
.form-info-wrap li p.inst {font-size: .9em;font-family: 'Oswald', sans-serif;font-weight: 400; margin-bottom: .75em;}
.form-info-wrap li p.info{font-size:.9em;margin-bottom:.25em;}
.form-info-wrap li p.day,.form-info-wrap li p.time,.form-info-wrap li p.genre{font-size:1em;font-weight:bold;margin-bottom:1em;}
.form-info-wrap li p.genre span{padding-left:.75em;margin-left:.75em;border-left:1px solid #999;}
.form-info-wrap li p.name,.form-info-wrap li p.name input{font-size:1.2em!important;font-family:'Oswald', sans-serif;font-weight:500;margin-bottom:.75em;line-height:1.6;}
.trial-container .form-info-wrap li p.name,.form-info-wrap li p.name input{margin-bottom:0!important;}
.form-info-wrap li p.name span{font-size:70%;display:block;font-weight:300;}
.form-info-wrap li p.access{font-size:.9em;margin-bottom:.5em;font-family:'Oswald', sans-serif;font-weight:400;letter-spacing:1px;}
.form-info-wrap li p.add{font-size:.9em;;margin-bottom:.75em;line-height:1.6;}
.form-info-wrap li p.tel{font-family:'Roboto', sans-serif;font-size:1.2em;font-weight:500;margin-bottom:.75em;}
.form-info-wrap li .btn{display:block;text-align:center;padding:.4em;border:1px solid #000;font-size:.8em;}
.form-info-wrap input{background:none;border:none;}
.bag-operate{padding:0 1.5em!important;}
.form-wrap .backbtn{display:block;text-align:center;padding:1em 0;border:1px solid #000;font-size:.8em;margin-top:2em;border-radius:4px;}

.confirm-body .form-table th,.confirm-body .form-table td{text-align:center;}
.confirm-body td.cancel{text-align:left;font-size:.9em;}
.confirm-body .form-operate{width:100%!important;padding:0 3%!important;}

.plain-sec-ttl {
	font-size: 1.8rem;
	font-weight: bold;
	padding-top: .5em;
	margin-bottom: 2em;
	text-align: center;
}

.input_attention {
  font-size: .9em;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  #sp-menu{width: 76px;height: 76px;right: 2.5vh;top: 2.5vh;}
  #sp-menu span {width: 46px;left: 14px;}
  #sp-menu span:nth-child(1) {top: 16px;}
  #sp-menu span:nth-child(2) {top: 30px;}
  #sp-menu span:nth-child(3) {top: 42px;}
  .nav-in-login{margin-bottom:1em;}
  .nav-in-login > p.bdr{font-size:1.4em;}
  #sp-menu.open span:nth-child(1){top: 38px;}
  #sp-menu.open span:nth-child(3){top: 38px;}
  #tel-menu{width: 76px;height: 76px;top: 2.5vh;}
  #tel-menu img{height:54px;}
  #tel-menu.open span {width: 46px;left: 14px;}
  #tel-menu.open span:nth-child(1){top: 38px;}
  #tel-menu.open span:nth-child(2){top: 38px;}

    /*//// modal window ////*/
  .modal-content{background: #fff;padding:3em 2em 3em;width: 80%;}
  .modal-ttl{margin-bottom: 1em;font-size: 2rem;line-height:1.8;}
  .modal-ttl span{font-size: 1rem;}
  .login-form dd{padding-bottom: 2.5em;}
  .login-form dd p {font-size:.9em;margin-bottom:.5em;}
  .login-form dd p span{font-size: .7em; color: #000!important;padding-left:.5em;}
  .login-form input[type="text"],.login-form input[type="password"]{ font-size: 1.1rem; padding:.8em 1em; border: 1px solid #fff; }
  .login-send input{ font-size: 1.4rem; padding:1em 4.5em;margin-bottom:1.5em;}
  .pass-at a{font-size: 1.1rem;}
  .new-send a{ font-size: 1.5rem; padding:1em 4.5em;margin-top:1.5em;}
  .noweb-at{font-size: 1.3rem;margin-top:3em;}
  .modal-close{z-index:9999;width:40px;height:40px;}
  .modal-close span {display: block; width: 100%;}
  .modal-close span:nth-child(1) { top:1.5em;}
  .modal-close span:nth-child(2) { top:1.5em;}
  .modal-ac-ttl{font-size:1.2em;margin-bottom:1.25em;}
  .modal-content .kousya{font-size:1.4em;margin-bottom:.75em;}
  .modal-content .tel{font-size:1.8em;margin-bottom:.5em;}
  .modal-content .add{font-size:1em;margin-bottom:1.5em;}
  .modal-content iframe{height:50vh;}

  .mypage-point-container .modal-content{padding:2em 2em 0em;}
  .mypage-point-container .modal-content section{margin-bottom:2em;line-height:1.6;font-size:1.2em;}
  .mypage-point-container .modal-content h3{font-size:1.6em;margin-bottom:.75em;}
  .mypage-point-container .modal-content ul{padding-top:2.5em;}
  .mypage-point-container .modal-content li{width:26%;text-align:center;margin-bottom:2em}
  .mypage-point-container .modal-content li.all{width:100%;}
  .mypage-point-container .modal-content li.all img{width:80%;margin:0 auto .5em;display:block;}
  .mypage-point-container .modal-content li img{margin-bottom:.5em;}
  .mypage-point-container .modal-content li p{font-size:.8em;}

  /*//// form-table ////*/
  .form-table{margin-bottom:.25em;width:100%;}
  .form-table th,.form-table td{padding:0 0;}
  .form-table th{font-size:1.2em;font-weight:bold;margin-bottom:0;}
  .form-table td{font-size:1.2em;padding:.5em 0;margin-bottom:1em;}
  /* .form-table input,.form-table textarea{padding:.75em 1em;font-size:.75em;} */
  .form-operate li input{
    padding:1em 4em;
    max-width: 24rem;
  }
  .couple-operate li input{padding:1em 0;}

  /* NEW trial FORM
  ------------------------------------------- */
  .form-wrap{margin-bottom:4em;}
  .form-wrap .wrap{padding:0;width: 100%;}
  .form-body .wrap{padding:0 3em;}
  .form-info-wrap{padding:2em 2em;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;margin-bottom:3em;}
  .form-info-wrap ul{width:100%}
  .form-info-wrap ul:first-child{margin-bottom:3em;}
  .form-info-wrap li:first-child p{width: 240px;height: 240px;}
  .form-info-wrap li:last-child{width: calc( 100% - 270px );padding:0 .5em;}
  .form-info-wrap li p.day, .form-info-wrap li p.time, .form-info-wrap li p.genre {margin-bottom: 1.5em;}
  .form-info-wrap li p.tel{margin-bottom:1em;}
  .form-info-wrap li .btn {display:inline;text-align: center;padding: .8em 2em}
  .bag-operate{padding:0 20%!important;}

  .radio-tile-group .input-container {/* height: 8rem; */margin: 0 0 2em 0;}
  .radio-tile-group .input-container .close-tile .close{font-size:1.2rem;top:-.7em;right:-.3em;}
  .radio-tile-group .input-container .change-tile .change{font-size:1.2rem;top:-.7em;right:-.3em;}
  .radio-tile-group .input-container .radio-tile-label {font-size: 1.2rem;}
  .radio-tile-group .input-container .radio-tile-label span{font-size:70%;}

  .key-img { display:inherit!important; justify-content: center;}

  .plain-sec-ttl {
    margin-bottom: 1.5em;
    font-size: 1.45em;
  }

}

@media screen and (min-width: 769px) {
  .g-nav-inner li.member-bt {font-family: 'Playfair Display', serif;font-weight: 700;position: relative;border: 1px solid #95907C;
    padding: 6px 14px 6px 40px;
    font-size: .9em; line-height: 1.3;border-radius: 4px;
    margin: 0 0 0 10px;
    text-align: center;letter-spacing: 1px;
  }
  .g-nav-inner li.mypage-bt{padding: 0 0;position:static;}
  .g-nav-inner li.mypage-bt a{position:relative;display:block;padding: 6px 24px 6px 50px!important;}
  .g-nav-inner li.member-bt img {position: absolute;top: 50%;transform: translate(-0%,-50%);left: -25px;width: 25px;}
  .g-nav-inner li.member-bt span {z-index: 2;font-size: .6em;display: block;font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight: normal;}

  /*//// modal window ////*/
  .modal-content{padding:2.5em 2.5em 3em;width: 60%;}
  _:-ms-fullscreen, :root .modal-content{padding:3em 2.5em 3em;width: 50%;}
  .modal-ttl{margin-bottom: 1em;font-size: 2.4rem;line-height:1.7;}
  .modal-ttl span{font-size: .9rem;}
  .login-form dd{padding-bottom: 1.5em;}
  .login-form dd p {font-size: 1.1em;}
  .login-form dd p span{font-size: .8em;padding-left:.75em;}
  .login-form input[type="text"],.login-form input[type="password"]{font-size: 1.2em; padding:.75em 1em;}
  .login-send input{font-size: 1.4rem; padding: .85em 4.5em;margin-bottom:1.5em;}
  .pass-at a{font-size: 1.1em;}
  .new-send a{ font-size: 1.2em; padding:1em 4.5em;margin-top:1.5em;}
  .noweb-at{font-size: 1.2em;margin-top:2.5em;}
  .modal-close{top: 1em; right: 1em; width:30px;height:30px;}
  .modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
  .modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}

  .qa-box .modal-content{
    /* padding:3.5em 2.5em 4em; */
    /* width:70%; */
    max-width: 36rem;
  }
  @-moz-document url-prefix() {.modal-content .couple-operate ul{margin-bottom:5em;}}
  .modal-content .couple-operate li{width:80%;margin:0 auto 1.2em;display:block;}
  .modal-content .couple-operate li:last-child{width:80%;float:none;}

}

@media screen and (min-width: 1024px) {
  /* #g-nav{ padding-right: 20px;} */

  /*//// form-table ////*/
  .form-main .wrap{padding:0;width:80%;margin:0 auto;display:block;}
  .plain-sec-ttl{font-size:1.3em;text-align:center;}
  .form-lede {margin-bottom: 2.5rem;padding-bottom: 0em;}
  .form-caution{font-size:1em;text-align:center;}
  .form-table th,.form-table td{padding:.5em 0;}
  .form-table th{padding:0 0;/* font-size:1em;margin-bottom: 1em; */text-align:left;}
  /* .form-table td{margin-bottom:2em;} */
  .form-table tr:last-of-type td{
    margin-bottom: .5em;
  }
  .form-table input, .form-table textarea{padding:1.25em 1em;font-size: 1em;}
  .form-operate li{font-size:2.4rem;}
  .supple-btn{font-size:1.8rem;}
  .input-list li{font-size:1.8rem;}
  .input-head{margin-bottom:2rem;}
  .caution-txt{font-size:1em;}
  .caution-ttl{font-size:2em;}
  /* .confirm-body .form-table td{margin-bottom:2em;} */
  .confirm-errbody .form-operate{width:60%!important;padding:0 3%!important;}
  .form-operate li input{font-size:1em;}

  /* NEW trial FORM
  ------------------------------------------- */
  .form-wrap .wrap section:first-child{width:70%;}
  .form-wrap .wrap section:last-child{width:25%;padding-top:0;}

  .form-info-wrap{background:#efefef;padding:2em 1.5em;display:block;border-radius:6px;}
  .form-info-wrap ul,.form-info-wrap li{width:100%!important;display:block;}

  .form-info-wrap li:first-child{margin-bottom:1.5em;}
  .form-info-wrap li:first-child p {
    width: 180px;
    height: 180px;
  }
  .form-info-wrap li:first-child.form-info-img-box>p{
    width: 80%;
    margin: 0 auto 2em;
    max-width: 240px;
  }
  
  .form-info-wrap li:first-child p img{width:100%;height:auto;}
  .form-info-wrap ul:last-child li:first-child p img{width:auto;height:100%;}

  .form-info-wrap{margin-bottom:4em;}
  .form-info-wrap li p.inst{font-size:1.1rem;margin-bottom:.75em;}
  .form-info-wrap li p.name{font-size:1.8em!important;margin-bottom:1em;}
  .form-info-wrap li p.name span{font-size:70%;}
  .form-info-wrap li p.add{font-size:1em;;margin-bottom:1em;}
  .form-info-wrap li p.tel{font-size:1.8em;margin-bottom:1em;}
  .form-info-wrap li .btn{font-size:.9em;}
  .form-operate li input{width:100%;}

  .radio-tile-group .input-container {height: 6rem;margin: 0 0 2em 0;}
  .radio-tile-group .input-container .radio-tile-label {font-size: 1.3em;}
  .sec-lede-desc {margin-bottom: 3em;}

	.form-bottom-desc p{text-align:center;margin-bottom:2em;}
}

@media screen and (min-width: 1280px) {
  .wrap {padding: 0;margin: 0 auto;width: 90%;}

  .g-nav-inner li.member-bt {
    padding: 6px 24px 6px 50px;
    margin: 0 0 0 20px;
  }
  #g-nav li a {
    padding: 0 1.2em;
  }
  .head-reg{width: 100px;}
  .header-inner{
    padding-right: 9em;
  }


  /*//// modal window ////*/
  /* .modal-content{padding:2em 3.5em 2em;width: 50%;} */
  .modal-ttl{font-size: 2.2em;}
  .modal-ttl span{font-size: 40%;}
  .login-form dd{padding-bottom: 2em;}
  .login-form dd p {font-size: 1em;}
  .login-form dd p span{font-size: 70%;padding-left:.75em;}
  .login-form input[type="text"],.login-form input[type="password"]{font-size: 1em; padding:1em 1em;}
  .login-send input{font-size: 1.2em; padding: 1em 4.5em;margin-bottom:1.5em;}
  .pass-at a{font-size: 1em;}
  .noweb-at{font-size: 1em;margin-top:2em;}
  .new-send a{font-size: 1.1em; padding: 1em 4.5em;margin-top:1em;}

  /* .qa-box .modal-content{padding:4.5em 3.5em 5em;width: 60%;} */

  /* NEW trial FORM
  ------------------------------------------- */
  .form-table input, .form-table textarea {padding: 1em 1em;font-size: 1em;}
  .form-info-wrap{padding:2.5em 2em;display:block;}
  .form-info-wrap li p.day, .form-info-wrap li p.time, .form-info-wrap li p.genre {margin-bottom: 1em;}
  .radio-tile-group .input-container .radio-tile-label span{font-size:70%;}

  /* .form-operate li input{font-size:.8em;} */

}

@media screen and (min-width: 1440px) {
  /* .modal-content{padding:4em 3.5em 4em;width: 50%;} */

  /* trial FORM
  ------------------------------------------- */
  /* .form-table th{font-size:1.2em;padding:0 0;margin-bottom: 0;} */
  /* .form-table td{margin-bottom:1.5em;} */
  .bag-operate {padding: 0 30%!important;}

  .form-info-wrap li p.info {margin-bottom: .5em;}
  .form-info-wrap li p.day, .form-info-wrap li p.time, .form-info-wrap li p.genre {margin-bottom: 1.5em;}
  .confirm-errbody .form-operate{width:50%!important;padding:0 3%!important;}

  .radio-tile-group .input-container {height: 5em;margin: 0 0 2em 0;}
  .radio-tile-group .input-container .close-tile .close{font-size:.8em;top:-.7em;right:-.3em;}
  .radio-tile-group .input-container .change-tile .change{font-size:.8em;top:-.7em;right:-.3em;}
  .radio-tile-group .input-container .radio-tile-label {font-size: 1.5em;}
  .radio-tile-group .input-container .radio-tile-label span{font-size:60%;/* display:inline; */padding-left:.4em;}

}