/*====================
	ハンバーガメニュー
=====================*/
.menu-ani-button {
	cursor: pointer;
	position:absolute;
	z-index:900;
	width: 90px;/*---線の長さ---*/
	height: 90px;/*---線の太さ長さによって調整---*/
	margin-top: 15px;
	top:0;
	right:3%;
	border: 2px solid #eb6d9a;
	border-radius: 10px;
}
.bar, .bar:before, .bar:after {
	height: 10px;/*---線の太さ---*/
	width: 66%;
	transition: all .25s;
	position: absolute;
	z-index: 999;
	background: #eb6d9a;
	color: #ffffff;
	padding: 0px 10px;
}
.bar {
	right: 15px;
	top: 40px;
}
.bar:before {
	content: "";
	right: 0;
	top: -20px;
}
.bar:after {
	content: "";
	right: 0;
	top: 20px;
}
.menu-animated .bar {
	background-color: transparent;
	transition: all .25s;
}
.menu-animated .bar:before {
	transition: all .25s;
	content: "";
	transform: rotate(45deg);
	top: 0px;
}
.menu-animated .bar:after {
	transition: all .25s;
	content: "";
	transform: rotate(-45deg);
	top: 0px;
}
#head-navi {
	display: block;
	width: 100%;
	background: rgba(252, 252, 252, 0.77);
	z-index: 10;
	position: fixed;
	padding-bottom: 60px;
	top: 0;
	left: 100%;
	right: 0;
	bottom: 0px;
	height: 100%;
	transition: 0.6s;
	overflow-y: scroll;
	overflow-x: hidden;
}
#head-navi.open-navi {
	left: 0px;
	transition: 0.6s;
}
#head-navi > ul {
	display: block;
	padding-top: 10%;
}
#head-navi > ul > li {
	list-style: none;
	display: block;
}
#head-navi > ul > li > a {
	font-size: 29px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin: 50px auto;
	width: 800px;
	border-radius: 60px;
}
#head-navi > ul > li > a.menu-close {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin: 50px auto;
	width: 230px;
	border-radius: 0px;
}
#head-navi > ul > li > a:hover {
	opacity: 0.5;
}
#head-navi > ul > li > a > .img-wrap{
	width:15%;
}
#head-navi > ul > li > a > p{
	width:50%;
}
#head-navi > ul > li > a.menu-close > .img-wrap{
	width:27%;
}
#head-navi > ul > li > a.menu-close > p{
	width:50%;
}
.pink{
    color: #EA6061;
}
@media screen and (max-width:650px) {
	.menu-ani-button {
		width: 40px;/*---線の長さ---*/
		height: 38px;/*---線の太さ長さによって調整---*/
		margin-top: 3px;
		top:0;
		right:5%;
	}
	.bar, .bar:before, .bar:after {
		height: 5px;/*---線の太さ---*/
		width: 64%;
		padding: 0px 4.5px;
	}
	.bar {
		right: 6px;
		top: 15px;
	}
	.bar:before {
		content: "";
		right: 0;
		top: -9px;
	}
	.bar:after {
		content: "";
		right: 0;
		top: 9px;
	}
	#head-navi > ul {
		padding-top: 15%;
	}
	#head-navi > ul > li > a {
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 20px;
		margin: 20px auto;
		width: 295px;
		border-radius: 60px;
	}
	#head-navi > ul > li > a.menu-close {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
		margin: 20px auto;
		width: 150px;
	}
	#head-navi > ul > li > a > .img-wrap > img,#head-navi > ul > li > a.menu-close > .img-wrap > img{
		width:80%;
	}
	#head-navi > ul > li > a.menu-close > .img-wrap > img{
		width:50%;
	}
	#head-navi > ul > li > a > p{
		width:60%;
	}	
}
.dark-orange{
	background: #e69224;
}
.bule{
	background: #036EB8;
}
.menu-orange{
	background:#F8B62D;
}
.pink{
	background:#EB6D9A;
}
.red{
	background: #E73736;
}
.pink02{
	background:#e5004f;
}
.pink03{
	background:#eb7070;
}
.purple{
	background:#BD83CE;
}
.light-green{
	background:#00A29A;
}
.gray{
	background: #9FA0A0;
}
/*----------------------------------------
header
----------------------------------------*/

.fixed{
	position: fixed;
	z-index: 999;
}
.head_bg{
	background: #ffffff;
}
.ptpar{
	padding-top: 13%;
}
.ppar2{
	padding: 2% 0;
}
.plpar3{
	padding: 0 0 0 3%;
}
.plpar5{
	padding: 0 0 0 5%;
}
.par87{
	width:87%;
}
.pbpar5{
	padding-bottom: 5%;
}
.ptpar5{
	padding-top: 5%;
}
.ptpar7{
	padding-top: 7%;
}
.logo-up{
	position: relative;
	top:-10%;
}
@media screen and (max-width:650px) {
	.sp-ptpar15{
		padding-top: 15%;
	}
	.sp-par20{
		width:20%;
	}
	.sp-par15{
		width:15%;
	}
	.sp-mrpar3{
		margin-right:3%;
	}
}
@media screen and (max-width: 650px){
  .head-btn{
    width: 36vw
  }
  .logo{
    padding: 0 2%;
  }
}

/*----------------------------------------
tel web btn
----------------------------------------*/
.bt-wrap {
	display:flex;
	justify-content:space-between;
	align-items: flex-end;
	text-align: center;
	padding:6% 0;
	width: 97%;
	margin: auto;
}

.bt_left {
	width:50%;
}
.bt_right {
	width:49%;
}
.pc-hide {
	display:none;
}
.btn-wrap{
	position: absolute;
	bottom: -4%;
	left: 0;
	right: 0;
}
.bt01 {
    display: block;
    width: 92%;
    margin: 5% auto 7%;
}
@media screen and (max-width:650px){
	.bt-wrap {
		width:95%;
		margin:0 auto;
	}
	.bt_left {
		width:49%;
	}
	.bt_right {
		width:48%;
	}
	.pc-hide {
		display:inline;
	}
	.bt01 {
		width: 65%;
	}
}
/*----------------------------------------
course_contents
----------------------------------------*/
.sankaku{
	position: relative;
}

.sankaku:after {
	content: "";
	position: absolute;
	bottom: -30%;
	left: 46%;
	margin-left: -17px;
	border-top: 28px solid #eb6d9a;
	border-right: 54px solid transparent;
	border-left: 54px solid transparent;
	z-index: 1;
}

.course-wrap{
	border: 2px solid #eb6d9a;
}
.bt-course {
	cursor:pointer;
	position:relative;
	border-top: 2px solid #eb6d9a;
	padding: 5.5% 0;
}
.target {
    display: none;
}
.bt-course::before {
	content:url(../images/symbol01.png);
	position:absolute;
	top:50%;
	right:7%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	height:37px;
}
.bt-course.open::before {
	content:url(../images/symbol02.png);
}
.course-text{
	font-size: 47.5px;
	text-align: center;
}
.course-subtext{
	font-size: 38px;
}
.lh1{
	line-height:1;
}
@media screen and (max-width:650px){
	.bt-course::before {
		right:2%;
	}
	.course-text{
		font-size: 21.5px;
	}
	.course-subtext{
		font-size: 16px;
	}
	.sankaku:after {
		bottom: -41%;
		left: 48%;
		margin-left: -17px;
		border-top: 14px solid #eb6d9a;
		border-right: 27px solid transparent;
		border-left: 27px solid transparent;
	}
}
/*----------------------------------------
class-room
----------------------------------------*/
.bt-room {
	cursor:pointer;
	position:relative;
	padding: 1.5% 0 1.5% 12%;
	margin-bottom: 2%;
}
.room-ba01{
	background: #00a395;
}
.room-ba02{
	background: #0080CB;
}
.bt-room::before {
	content:url(../images/symbol03.png);
	position:absolute;
	top:44%;
	left:3%;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	height:37px;
}
.bt-room.open::before {
	content:url(../images/symbol04.png);
}
.class-wrap{
	position: relative;
	border: 1px solid #00A395;
	background: #EFEFEF;
	padding: 2.3% 0 2.3% 6%;
	width: 95.3%;
	margin: 0 auto 6%;
}
.class-wrap::before {
	content:">";
	position:absolute;
	top:44%;
	right:2%;
	font-size: 40px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	height:37px;
}
.room-text01{
	font-size: 36.5px;
	color: white;
}
.room-text02{
	font-size: 36.5px;
	font-weight: bold;
}
.room-text03{
	font-size: 27px;
	padding-top: 0.5%;
}
@media screen and (max-width:650px){
	.room-title-par{
		width: 25%;
		margin: auto;
	}
	.room-par{
		width: 65%;
		margin: auto;
	}
	.bt-room {
		padding: 2.5% 0 2.5% 14%;
	}
	.room-text01{
		font-size: 21.5px;
		color: white;
	}
	.room-text02{
		font-size: 21.5px;
		font-weight: bold;
	}
	.room-text03{
		font-size: 16px;
		padding-top: 0.5%;
	}
	.bt-room::before {
		content:url(../images/sp-symbol01.png);
		top:46%;
		left:2%;
		-webkit-transform:translate(0,-50%);
		transform:translate(0,-50%);
		height:31px;
	}
	.bt-room.open::before {
		content:url(../images/sp-symbol02.png);
	}
	.class-wrap{
		padding: 3.3% 6% 3.3% 6%;
		width: 95.3%;
	}
	.class-wrap::before {
		top:44%;
		right:1.5%;
		font-size: 25px;
		height:37px;
	}
}
/*----------------------------------------
mywidth
----------------------------------------*/
.mywidth {
	width:90%;
	margin:auto;
}
.mywidth02 {
	width:914px;
	margin:auto;
}
.mywidth03 {
	width:884px;
	margin:auto;
}

@media screen and (max-width:650px){
	.mywidth02 {
		width:95%;
		margin:auto;
	}
	.mywidth03 {
		width:90%;
		margin:auto;
	}
}
/*----------------------------------------
サイト固有
----------------------------------------*/
.Target{
	display:none;
}
.relative {
	position:relative;
}

/*===============================================
kyo-wrap
===============================================*/
.kyo-wrap {
	width:800px;
	margin:10% auto;
}
.kyo-item {
	margin-top:3%;
}
.kyo-bt {
	position:relative;
	background:#0075c1;
	padding:2% 2%;
	cursor:pointer;
}
.kyo-bt::after {
	content:url(../images/arrow.png);
	position:absolute;
	top:50%;
	right:2%;
	height:46px;
	transform:translate(0,-50%);
}
.kyo-bt.open::after {
	transform:translate(0,-50%) rotate(90deg);
}
.kyo-bt h3 {
	color:white;
	font-size:35px;
	line-height: 1em;
	text-align: left;
	font-weight:bold;
	webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.kyo-bt h3 span {
	font-size:0.8em;
	vertical-align: baseline;
}
.kyo-item p {
	font-size:30px;
	font-weight:bold;
	text-align: center;
	padding-top:2%;
}
.kyo-item p span {
	font-size:0.8em;
	font-weight:normal;
}
.kyo-bt-wrap {
	width:85%;
	margin:0 auto;
}
.kyo-bt-wrap a {
	display:block;
	margin:5% 0;
}
@media screen and (max-width:650px){
	.kyo-wrap {
		width:95%;
	}
	.kyo-bt::after {
		transform:translate(0,-50%) scale(0.5);
	}
	.kyo-bt.open::after {
		transform:translate(0,-50%) rotate(90deg) scale(0.5);
	}
	.kyo-bt h3 {
		font-size:20px;
	}
	.kyo-item p {
		font-size:15px;
		font-weight:normal;
	}
}
/*----------------------------------------
共通
----------------------------------------*/
*{
	margin:0;
	padding:0;
	word-break: break-all;
	vertical-align:middle;
	font-size:1em;
	box-sizing:border-box;
}
td,th,p{
	color:#555555;
}
a{ 
	text-decoration:none;
}
a:hover{ 
	opacity:0.8;
}
.col a{
	color:#008cff;
}
img{
	max-width: 100%;
	height:auto;
	border:none;
	vertical-align: middle;
}
html {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
body{
	min-width:950px;/*背景が消えるバグ防止*/
	background-color:#FFF;
}
.pc-width{
	width:950px !important;
	margin:auto !important;
}
.sp-width{
	width:650px !important;
	margin:auto !important;
}

.fl{
	float:left !important;
}
.fr{
	float:right !important;
}
.cf:after{
	clear:both;
}
.cf{
	overflow:hidden;
}
.title{
	background-color:#0074C5;
}
.back-blue-closs{
	background:url(../images/closs02.png);
}
.back-note{
	background:url(../images/back-note.png);
}
.back-par{
	background:url(../images/back-par.png);
}
.back-closs{
	background:url(../images/closs.png);
}
.back-closs02{
	background:url(../images/background.png);
}
.back-blue{
	background-color:#0074bd;
}
.back-red{
	background-color:#a20d23;
}
.back-hight-blue{
	background-color:#DAEEF1;
}
.back-down-blue{
	background-color:#122F89;
}
.back-down-green{
	background-color:#004ea2;
}
.back-pink{
	background-color:#FA77B6;
}
.back-white{
	background-color:white;
}
.back-dark-blue{
	background-color:#004098;
}
.w100{
	width:100%;
}
.h100{
	height:100%;
}
.red{
	color:red;
}
.white{
	color:white;
}
.blue{
	color:#0074D2;
}
.bold{
	font-weight:bold;
}
h3{
	font-size:25px;
}
h4{
	font-size:20px;
}
.block{
	display:block;
}
.inline-block{
	display:inline-block;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt15{
	margin-top:15px !important;
}
.mt20{
	margin-top:20px !important;
}
.mt30{
	margin-top:30px;
}
.mt5per{
	margin-top:5%;
}
.mt10per{
	margin-top:10%;
}
.mt15per{
	margin-top:15%;
}


.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb15{
	margin-bottom:15px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px;
}
.mb70{
	margin-bottom:70px;
}
@media screen and (max-width:650px){
	.sp-mt15 {
		margin-top:15px;
	}
	.sp-mb15 {
		margin-bottom:15px;
	}
}
.pt5{
	padding-top:5px !important;
}
.pt10{
	padding-top:10px !important;
}
.pt15{
	padding-top:15px !important;
}
.pt20{
	padding-top:20px !important;
}
.pt30{
	padding-top:30px !important;
}
.pt40{
	padding-top:40px !important;
}
.pt130{
	padding-top:130px !important;
}
.pb5{
	padding-bottom:5px !important;
}
.pb10{
	padding-bottom:10px !important;
}
.pb15{
	padding-bottom:15px !important;
}
.pb20{
	padding-bottom:20px !important;
}
.pb30{
	padding-bottom:30px !important;
}
.pb40{
	padding-bottom:40px !important;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px !important;
}
.pr5{
	padding-right:5px !important;
}
.pr10{
	padding-right:10px !important;
}
.pr20{
	padding-right:20px !important;
}
.p5{
	padding:5px !important;
}
.p10{
	padding:10px !important;
}
.p15{
	padding:15px !important;
}
.p20{
	padding:20px !important;
}
.p30{
	padding:30px !important;
}
.vtop{
	vertical-align:top;
}
.vbottom{
	vertical-align:bottom;
}
.vmiddle{
	vertical-align:middle;
}
.radius5{
	border-radius:5px;
}
.radius10{
	border-radius:10px;
}
/*----------------------------------------
カラム操作
----------------------------------------*/
.ng-margin5{
	margin-left:-5px;
	margin-right:-5px;
}
.ng-margin10{
	margin-left:-10px;
	margin-right:-10px;
}
.ng-margin15{
	margin-left:-15px;
	margin-right:-15px;
}
.ng-margin20{
	margin-left:-20px;
	margin-right:-20px;
}
.ng-margin25{
	margin-left:-25px;
	margin-right:-25px;
}
.ng-margin30{
	margin-left:-30px;
	margin-right:-30px;
}
.ng-margin35{
	margin-left:-35px;
	margin-right:-35px;
}
.ng-margin40{
	margin-left:-40px;
	margin-right:-40px;
}
.col-wrapp{
	width:100%;
	display:table;
}
.col-wrapp.colla{
	border-collapse:collapse;
}
.col-wrapp.fixed{
	table-layout: fixed;
}
.col-wrapp .col{
	display:table-cell;
}
.ng-margin5 .col-wrapp{
	border-spacing:5px 0px !important;
}
.ng-margin10 .col-wrapp{
	border-spacing:10px 0px !important;
}
.ng-margin15 .col-wrapp{
	border-spacing:15px 0px !important;
}
.ng-margin20 .col-wrapp{
	border-spacing:20px 0px !important;
}
.ng-margin25 .col-wrapp{
	border-spacing:25px 0px !important;
}
.ng-margin30 .col-wrapp{
	border-spacing:30px 0px !important;
}
.ng-margin35 .col-wrapp{
	border-spacing:35px 0px !important;
}
.ng-margin40 .col-wrapp{
	border-spacing:40px 0px !important;
}
.sp-only{
	display:none !important;
}
.pc-only{
	display:block;
}
.pc-only.col{
	display:table-cell;
}
.pc-only.col-wrapp{
	display:table;
}
.col-wrapp.colla{
	border-collapse:collapse;
}
.col-wrapp.fixed{
	table-layout: fixed;
}
.border-sp2{
	border-spacing:2px 2px;
}
.border-sp5{
	border-spacing:5px 5px;
}
.border-sp10{
	border-spacing:10px 10px;
}
	.flex {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.row {flex-direction:row;   }
	.row-r {flex-direction:row-reverse;}
	.column {flex-direction:column;}
	.column-r {flex-direction:column-reverse;}
	/*===コンテンツの折返し===*/
	.wrap {flex-wrap:wrap;}
	.wrap-r {flex-wrap:wrap-reverse;}
	.no-wrap {flex-wrap:nowrap;}
	/*===コンテンツの水平方向揃え ===*/
	.flex-left {justify-content:flex-start;}
	.flex-right {justify-content:flex-end;}
	.flex-center {justify-content:center;}
	.flex-space-b {justify-content:space-between;}
	.flex-space-a {justify-content:space-around;}
	.flex-space-e {justify-content:space-evenly;}
	/*===コンテンツの垂直方向揃え ===*/
	.flex-top {align-items:flex-start;}
	.flex-middle {align-items:center;}
	.flex-bottom {align-items:flex-end;}
/*===============================================
スマフォ画面の横幅が650pxまで
===============================================*/
@media screen and (max-width:650px){
	.pc-only{
		display:none !important;
	}
	.sp-only{
		display:block !important;
	}
	.sp-only.col-wrapp{
		display:table !important;
	}
	.sp-only.col{
		display:table-cell !important;
	}
	.sp_hide,.sp_tb_hide{
		display:none !important;
	}
	.pc_hide{
		display:block !important;
	}
	.pc_tb_hide{
		display:table !important;
	}
	html{
		overflow-x : hidden;
		overflow-y : auto;
	}
	body{
		min-width:0;
		overflow-x : hidden;
		overflow-y : auto;
	}
	.pc-width{
		width:100% !important;
	}
	.sp-width{
		width:100% !important;
	}
	h3{
		font-size:20px;
	}
	h4{
		font-size:15px;
	}
}
/*----------------------------------------
フォーム
----------------------------------------*/
#lp-form {
	padding:20px 0 10%;
}
.lp-form-title h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
  margin-top: 30px;
	margin-bottom: 10px;
	padding: 11px 10px 8px 22px;
	border: 1px solid #ccc;
	/*border-radius: 0 5px 5px 0;*/
	border-left: 7px solid #004ea2;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.lp-form-table {
	width:100%;
	margin-bottom:50px;
	border-radius: 5px;
	border-spacing: 10px;
}
.lp-form-table th,.lp-form-table td {
	font-size:14px;
	padding:15px 10px;
	text-align: left;
}
.lp-form-table th {
	position:relative;
	width:30%;
	font-weight:normal;
	vertical-align: top;
}
.lp-form-table td {
	width:70%;
	border-bottom:1px solid #ccc;
	position: relative;
}
.lp-form-table td.border-none {
	border-bottom:none;
}
.form-text {
	font-size:14px;
	line-height: 1.5em;
}
.color-red {
	color:red;
}
.under-line {
	text-decoration: underline;
}
.hissu {
	position:absolute;
	top:15px;
	right:-7px;
	font-size:13px;
	background:red;
	color:white;
	padding:2px 10px;
}
input[type="radio"] + label {
	padding-left:5px;
	padding-right:10px;
	line-height:2em;
}
input[type="text"], input[type="password"], input[type="email"], textarea,select{
	border:1px solid #CCCCCC;
	padding:8px;
	box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.2) inset;
	border-radius: 5px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
	border:1px solid #0682c5;
}
.address {
	display: block;
	margin-bottom:20px;
}
.link {
	text-decoration:underline;
	padding-left:10px;
}
.link::before {
	content:"";
	background:url(../images/cli.svg) no-repeat;
	width:25px;
	height:15px;
	vertical-align: middle;
	display:inline-block;
}
.pravacy{
    background: #EEE;
    padding: 20px;
    line-height: 1.5rem;
    margin: 30px 0;
    height: 200px;
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	font-size:14px;
}
.pravacy a{
	color:blue;
	text-decoration:underline;
}
.submit {
	cursor: pointer;
	background-color: #004ea2;
	border-radius: 5px;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	margin:5% auto 0;
	padding: 15px;
	text-align: center;
	max-width: 250px;
}
.submit:hover{
	background-color: red;
	color: #fff;
}
label[for="doui"] {
	font-size:14px;
}
label[for="doui"]::after {
	content:"必須";
	font-size:13px;
	background:red;
	color:white;
	padding:2px 10px;
	margin-left:5px;
}
.form_item{
    padding: 10px 10px 8px 15px;
    background-color: #004ea2;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    color: #fff;
}
input[type="checkbox"]{
	/*transform: scale(1.4);*/
  
}
input[type="checkbox"] + label {
	padding-left:10px;
	padding-right:5px;
	line-height:2.2em;
}
.form textarea {
    width: 390px;
    height: 88px;
    border: 1px solid #969696;
    background: #f8f7f2;
    vertical-align: middle;
    margin: 10px 0 0;
}
@media screen and (max-width:650px){
  input[type="checkbox"]{
	transform: scale(1.4);
}

	#lp-form {
		width:100%;
		padding:25px 0 60px;
	}
	.lp-form-title h3 {
		font-size:16px;
		margin-bottom:20px;
		padding: 11px 10px 8px 10px;
		font-weight: normal;
	}
	.lp-form-table {
		margin-bottom:20px;
		border:none;
		border-radius: 0;
		border-spacing: 0;
	}
	.lp-form-table th,.lp-form-table td {
		padding:15px 10px;
		text-align: left;
		width:100%;
		display:block;
	}
	.lp-form-table td {
		border-bottom:none;
		border-bottom: 1px solid #ccc;
	}
	.form-text {
		font-size:12px;
	}
	.hissu {
		position:absolute;
		top:15px;
		right:10px;
		font-size:13px;
		background:red;
		color:white;
		padding:2px 10px;
	}
	input[type="radio"] + label {
		padding-left:5px;
		padding-right:10px;
		line-height:2em;
	}
	input[type="text"], input[type="password"], input[type="email"], textarea,select{
		border:1px solid #CCCCCC;
		padding:8px;
		box-shadow: 5px 5px 5px -5px rgba(0,0,0,0.2) inset;
		border-radius: 5px;
		width:100%;
	}
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
		border:1px solid #0682c5;
	}
	input[name="yyyy"],input[name="mm"],input[name="dd"] {
		width:50% !important;
		margin-bottom:10px;
	}
	.lp-form-table select {
		width:100% !important;
	}
    .lp-form-table select.room2{
		width:75% !important;
	}

	.pravacy{
		margin: 15px auto;
		padding:10px;
		width:95%;
		font-size:12px;
	}
	.sp-br {
		display:none;
	}
	.pc-br {
		display:inline;
	}
	.sp-p0 {
		padding:0;
	}
	.sp-par35 {
		width:35%;
	}
	.sp-par40 {
		width:40%;
	}
	.sp-par45 {
		width:45%;
	}
	.sp-par50 {
		width:50%;
	}
}
/*===============================================
thanks page
===============================================*/
#thanks-page {
	background:#ccc;
}
.thanks-wrap {
	width:500px;
	height:380px;
	text-align: center;
	margin:auto;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	padding:30px 15px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.check {
	display:block;
	width:100px;
	margin:auto;
}
.thanks-wrap h2 {
	font-size:25px;
	font-weight:normal;
	line-height: 1em;
	padding:35px 0;
}
.thanks-wrap p {
	font-size:18px;
}
.thanks-back {
	width:50%;
	background:#8cc63f;
	margin:20px auto;
	border-radius:5px;
}
.thanks-back a {
	padding:20px 0;
	color:white;
	display:block;
	font-size:15px;
}
@media screen and (max-width:650px){
	.thanks-wrap {
		width:95%;
		height:40%;
	}
	.check {
		width:70px;
	}
	.thanks-wrap h2 {
		font-size:25px;
	}
	.thanks-wrap p {
		font-size:16px;
	}
	.thanks-back {
		width:80%;
	}
	.thanks-back a {
		padding:15px 0;
	}
}


.head-btn{
  align-self: center;
  margin-right: 2%;
}
.head-btn a:hover{
  opacity: .8
}
.logo_qua img{
  margin-top: 12px;
}

@media screen and (max-width: 650px){
  .head-btn{
    width: 45vw
  }
  .ptpar{
    padding-top: 17%;
  }
  .logo_qua img{
    margin-top: 0;
    padding-top: 0;
  }
}
@media screen and (max-width: 480px){
  .logo_qua img{
    margin-top: -7px;
    padding-top: 0;
  }
}

.blc-1{
  margin: 0 0 60px;
}
.h3-a{
  color: #004ea2;
  font-weight: bold;
  font-size: 40px;
  margin: 20px 0;
}

.blc-2{
  margin: 30px 0 30px;
}
.blc-3{
  margin: 30px 0 60px;
}
.h3-b{
  color: #fff;
  background:#004ea2;
  padding: 1% 2%;
  font-size: 25px;
  margin-bottom: 30px;
}
.list-dot li{
  list-style: none;
  padding-left: 1.0em;
  text-indent: -1.0em;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px){
  .h3-a{
    font-size: 24px;
  }
  .h3-b{
    font-size: 20px;
    padding: 8px 10px; 
  }
}


/*COMMON*/
.ta-c{text-align: center;}
.txt h4{
  font-size: 20px;
  margin-bottom: 10px;
}

.title-main{
  color: #FFF;
  background-color: #004ea2;
  font-size: 22px;
  padding: 0 2% 1.5px;
}
.title-sub{
  color: #004ea2;
  font-size: 22.5px;
  line-height: 1.5;
  font-weight: bold;
  padding: 0px 5px 4px 2px;
  margin: 10% 0 10px;
  position: relative;
  border-bottom: 2px dotted;
}

.title-sub:before{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background:url(../images/heading3_bg002.png) no-repeat 0 7px;
}
.title-sub.blc_green:before{
  background:url(../images/heading3_bg002_green.png) no-repeat 0 7px;
}
.title-sub.blc_orange:before{
  background:url(../images/heading3_bg002_orange.png) no-repeat 0 7px;
}
.title-sub.blc_pink:before{
  background:url(../images/heading3_bg002_pink.png) no-repeat 0 7px;
}


@media screen and (max-width: 559px){
  .title-sub{
    font-size: 20px;
  }
 .txt h4{
    font-size: 16px;
  }
}
@media screen and (max-width: 980px){
  .inner{
    padding: 0 2%;
  }
}

/*テーブル*/
table.acatable{
  width: 100%;
  margin: 20px 0 50px;
  border-spacing: 0;
}
@media screen and (max-width: 650px){
    table.acatable{
        margin-bottom: 20px;
    }
    .title-sub{
        margin-top: 16%; 
    }
   
}
table.acatable tr td{
  border: solid 1px #dcdcdc;
  padding: 6px 1.5%;
  vertical-align: middle;
  background: #FFF;
}
table.acatable tr th{color:#FFF;}
table.acatable tr th,table.acatable tr td{background:#004ea2;padding: 12px 1.5%;border-bottom: solid 1px #fff; vertical-align: middle;}
/*COLOR table*/
table.blc_green tr th{background:#00a040!important}
.title-sub.blc_green {
    color: #00a040
}
table.blc_orange tr th{background:#f39800!important}
.title-sub.blc_orange {
    color: #f39800
}
table.blc_pink tr th{background:#e50060!important}
.title-sub.blc_pink {
    color: #e50060
}
/*/COLOR table*/

table.acatable tr td{background:#FFF}
table.acatable tr th+td{
  border-left:none;
}
table.acatable tr:last-child td{border-bottom: solid 1px #dcdcdc!important; }
table.acatable tr td a:link{color:#009c84;text-decoration-line: underline;}
.c-aca{
  color: #009c84;
}
.c-qua,table.acatable tr td .c-qua a:link{
  color: #0080c8;
}
table.acatable tr td a img{
  width: 255px;
  padding-top: 5px;
}

/*上へ戻る*/
.gotop {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 3vw;
  bottom: 11vh;
  background: #fff url(../images/totop.png);
  background-repeat: no-repeat;
  background-position:center;
  background-size: 45%;
  border:solid 2px #065baa;
  z-index: 99;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.3s
}
.visible {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.3s;
}

@media screen and (min-width: 330px){
.gotop {bottom: 14vh;}
}
@media screen and (min-width: 800px){
.gotop {bottom: 4vh;}
}



/*---------------------------------
アコーディオンボックス
--------------------------------*/

.voice{
  background: #8da6ce;
}
.bt-voice{
  display: block;
  font-size: 30px;
  text-align: right;
  padding: 20px;
  padding-right: 40px;
	cursor:pointer;
  position: relative;
}
.bt-voice:hover{
  color: #009c84
}
.bt-voice:after{
  color: #000;
  content:"▶︎"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.7em;
}
.bt-voice.open::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}
@media screen and (max-width: 650px){
  .bt-voice{
    font-size: 20px;
    padding-right: 26px;
  }
}


.youtube3{
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  background: #004098;
  padding: 16px 24px 40px;
}

@media screen and (max-width: 767px){
  .youtube3{
    padding: 10px 0 12px;
}
  .youtube3 iframe{
        width: 90vw;
    height: 50.625vw;
  }
}

.note{
    font-size: 90%;
}
#contents_10{
    font-size: 12px;
}

@media screen and (max-width: 650px){
    .lp-form-table select.room2{
        width: 80%!important
    }
    input[type="text"].henkan,input[type="text"].room2{
        width: 50%;
    }
}


.end-form{
    text-align: center;
    margin: 70px auto;
}
.end-form span{
    background: red;
    color: white;
    padding: 20px 30px;
    font-size: 26px;
    font-weight: bold;
}
@media screen and (max-width: 650px){
    .end-form{
        margin: 50px auto;
    }
    .end-form span{
        font-size: 20px
    }
}

.btn-off{
    pointer-events: none;
     filter: grayscale(100%);
    opacity: .4;
}
.bottom-end{
    margin-top:10%!important
}


/*キラキラボタン*/
.head-btn02{
    margin-right: 0;
    display: flex;
  align-self: center;
}
.head-btn02 a:hover{
  opacity: .8
}
.button {
    overflow: hidden;
    text-transform: none;
    margin: 0;
    padding: 0 1em;
    max-width: 360px;
    width: 100%;
    color: white;
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #ffa41e, #ff8319);
    border: solid 5px #ea7b1f;
    cursor: pointer;
    font-size: 29px;
    letter-spacing: -1px;
    font-weight: bold;
    height: 88px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.button.shiny:after {
    position: absolute;
    top: -200%;
    left: -150%;
    content: "";
    height: 500%;
    width: 80px;
    background: rgba(255, 255, 255, 0.4);
    transform: rotate(55deg);
   animation: 3s shine infinite linear;
}

@keyframes shine {
  0% {
    left: -100%;
  }
  30% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

@media screen and (max-width: 650px){
    .button.shiny:after {
        width: 10vw;
    }
    .head-btn02{
        width: 48.5vw;
        margin-right: -2vw;
    }
    .button {
        padding: 0 .5em;
        border-radius: 1.5vw;
        font-size: 4vw;
        height: 12.5vw;
        border: solid 3px #ea7b1f;
        letter-spacing: -1.2px;
    }
}
/*---------------------------------
確認画面
--------------------------------*/
.submit.confirm{
    margin-top: 40px;
    display: flex;
    width: 50%;
    justify-content: center;
    border: none;
}
.back {
    cursor: pointer;
    background-color: #999;
    border-radius: 5px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    margin:15px auto 0;
    display: flex;
    padding: 15px;
    text-align: center;
    width: 50%;
    max-width: 250px;
    justify-content: center;
    border: none;
}
.back:hover{
    background-color: black;
    color: #fff;
}
.h4-confirm{
    padding: 0 10px;
    margin-bottom: 20px;
}
.head-confirm{
    padding-bottom: 10px;
}
.head-confirm .plpar3{
    padding-left: 0;
}
#lp-confirm{
    padding: 2% 0 7%
}
.mt0{margin-top: 0!important}
@media screen and (max-width: 650px){
    .head-confirm .plpar3{
        padding-left: 3%;
    }
    #lp-confirm{
        padding: 2% 0 12%
    }
}
.fs12{font-size: 12px;}