body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,address,caption,table,th,td,img{margin:0;padding:0}a:link{color:#fff;}a:visited{color:#fff;text-decoration:none}a:hover{color:#fff;text-decoration:none}img{border:none;vertical-align:bottom;line-height:0}embed,object{outline:none}object{vertical-align:middle;outline:none}address,caption,cite,code,dfn,th,var{font-weight:normal;font-style:normal}em,strong{font-weight: 600;font-style:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset{border:none}input,textarea,select,label{font-size:100%;font-family:inherit;vertical-align:middle}label{cursor:pointer}textarea{overflow:auto}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1}hr{display:none}q:before,q:after{content:''}abbr,acronym{border:none;font-variant:normal}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;vertical-align:top}header,nav,aside,section,article,footer,address,figure,figcaption,hgroup,hr,legend,menu,summary{display:block}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
/*# sourceMappingURL=default_pc.min.css.map */


html{overflow-y:scroll;height:100%}
body{
	width:100%;
	height:100%;
	color:#3a3a3a;
	font-family: "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", NotoSans, メイリオ, Meiryo, sans-serif !important;
	/*font-family:"Hiragino Maru Gothic ProN",'ヒラギノ丸ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;*/
	font-size:16px;
	font-weight: 200;
	line-height:28px;
	letter-spacing: 1.4px;
	background:#fff;
	-webkit-text-size-adjust:100%
	min-width:320px
}

.entry-content strong {
    color: #6a6a6a;
}

header {
	position: relative !important;
}

.demo {
	background-color: #1688c5;
	border-radius: 10px;
	color: white;
	font-size: 20px;
	padding: 10px 10px;
}
.staff {
	color: red;
	font-style: bold;
	font-size: 20px;
}

.fa {
	font-weight: 600;
}

#nav-toggle span{
	background:white;
}
#nav-toggle span:before, #nav-toggle span:after {
	background:white;
}

.site-branding .site-title, .site-branding .site-text-logo {
	color:white;
	text-decoration:none;
}

.site-header {
	color:white;
	text-decoration:none;
	background:rgba(0, 168, 128, 0.9);
}

.site-header a:link {
	color:white;
	text-decoration:none;
}

.site-header a:visited {
	color:white;
	text-decoration:none;
}

.site-branding .no-logo-img.has-desc, .site-branding .has-logo-img {

	margin-left: 20px;
}



#headercq{
	background-color: #e3f3ed;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	height: 798px;
	overflow: hidden;
}


#blogname{
	width: 100%;
	min-width: 300px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	overflow:hidden;
	text-align: center;
}
#blogname img {
	max-width: 1000px;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
	image-rendering: crisp-edges;
}
#blogname .top {
	max-width: 1200px;
	max-height: 500px;
	padding-bottom: calc(100%*500/1200);/* calc(100*ImageHeight/ImageWidth)% */
	background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/pc/ripitto_top_pc.png') no-repeat center center;
	background-size: 100% auto;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
	image-rendering: crisp-edges;
}
#blogname h1{
	padding-left: 100px;
	padding-right: 20px;
	padding-top: 100px;
	font-size: 60px;
	line-height: 127%;
	margin-bottom: 25px;
	text-align:center;
}

#blogname h1 a {
	color : rgb(255,255,255);
}


#blogname .first-letter {
	color : rgb(247,90,111);
}

#blogname .last-letter {
	color: rgb(10,145,215);
}

#blogname p{
	font-size: 18px;
	padding-left:100px;
	text-align:center;
}
#blogname h3{
	letter-spacing: 1.6px;
	font-weight: 200;
	vertical-align: top;
	margin: 0;
	padding-top:30px;
	padding-left:100px;
}

#blogname .letterCenter {
	text-align: center;
	margin: 0 auto;
	font-size:1.5em;
}

#blogname .word {
	display:inline-block;
	margin : 0 auto;
	margin-top : 10px;
	width : 200px;
	height : 50px;
	border : 2px solid #FFF;
	overflow : hidden;
	padding-top:10px;
	text-align : center;
	transition : .2s;
	border-radius : 50px;
	color:#FFF;
	opacity:0;
}

.stepflex {
	display:flex;
	flex-direction:row;
	margin-bottom: 20px;
}


.stepRflex {
	display:flex;
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	margin-bottom: 20px;
}


#step ul{
	flex-direction:column;
}

@media screen and (max-width: 1140px) {
	.onepress-menu a:* {
		color:#333;
		text-decoration:none;
	}

	#blogname h1{
		padding-left: 100px;
		padding-right: 20px;
		padding-top: 100px;
		font-size: 50px;
		line-height: 127%;
		margin-bottom: 25px;
		text-align:center;
	}
}


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

	#headercq{
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		position: relative;
		padding: 0 0;
		margin: 0 0 0 0;
		height: 340px;
		overflow: hidden;

	}

	#blogname .top {
		width: 100%;
		height: 300px;
		padding-bottom: calc(100%*500/1200);/* calc(100*ImageHeight/ImageWidth)% */
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/pc/ripitto_top.png') no-repeat center center;
		background-size: 100% auto;
		image-rendering: -moz-crisp-edges;         /* Firefox */
		image-rendering:   -o-crisp-edges;         /* Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
		image-rendering: crisp-edges;
	}

	#blogname h1{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		font-size: 200%;
		line-height: 127%;
		margin-bottom: 25px;
	}
	#blogname p{
		font-size: 18px;
		padding-left:10px;
	}


	#blogname h3{
		letter-spacing: 1.6px;
		font-weight: 200;
		display: inline-block;
		vertical-align: top;
		margin: 0;
		padding-left:0;
	}

	#blogname .word {
		display:inline-block;
		margin : 0 auto;
		margin-top : 10px;
		width : 150px;
		height : 50px;
		border : 2px solid #FFF;
		overflow : hidden;
		padding-top:10px;
		text-align : center;
		transition : .2s;
		border-radius : 50px;
		color:#FFF;
		opacity:0;
	}


	.stepflex {
		display:flex;
		flex-direction:column;
		justify-content: center;
		-webkit-justify-content: center;
	}


	.stepRflex {
		display:flex;
		flex-direction:column;
		justify-content: center;
		-webkit-justify-content: center;
	}

	.image-crossfader-innerme video {
		position: absolute;
		top: 40% !important;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: 100% !important;
		height:auto !important;
		z-index: -100;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
		transition: 1s opacity;
	}

	.image-crossfader-innerme-us video {
		position: absolute;
		top: 40% !important;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: 100% !important;
		height:auto !important;
		z-index: -100;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
		transition: 1s opacity;
	}

	.shortmode {
		display: none !important;
	}
}


#blogname .letter {
	display: inline-block;
	position: relative;
	float: left;
	transform: translateZ(25px);
	transform-origin: 50% 50% 25px;
}

#blogname .letter.out {
	transform: rotateX(90deg);
	transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#blogname .letter.behind {
	transform: rotateX(-90deg);
}

#blogname .letter.in {
	transform: rotateX(0deg);
	transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
	color: #8e44ad;
}

.belize {
	color: #2980b9;
}

.pomegranate {
	color: #c0392b;
}

.green {
	color: #16a085;
}

.midnight {
	color: #2c3e50;
}


input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	border: 10px solid #22b573;
	border-radius: 100%;
	text-indent: 90px;
	font: normal normal 30px/60px "Helvetica";
	white-space: nowrap;
	color: #22b573;
	user-select: none;
}
input[type="checkbox"] + label:after {
	content: "";
	position: absolute;
	width: 0px;
	height: 25px;
	border-bottom: 10px solid #22b573;
	border-left: 10px solid #22b573;
	top: 25%;
	left: 50%;
	transform-origin: bottom left;
	transform: rotate(-45deg);
	opacity: 0;
}

input[type="checkbox"]:checked + label {
	border: 10px solid #22b573;
}
input[type="checkbox"]:checked + label:after {
	opacity: 1;
	width: 70px;
}

input[type="checkbox"] {
	display: none;
}


.image-crossfader-inner video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height:auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	-webkit-filter: grayscale(100%) brightness(50%);
	-moz-filter: grayscale(100%) brightness(50%);
	-o-filter: grayscale(100%) brightness(50%);
	-ms-filter: grayscale(100%) brightness(50%);
	background-size: cover;
	transition: 1s opacity;
}
.image-crossfader-innerme video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height:500px;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	transition: 1s opacity;
}

.image-crossfader-innerme {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 1;
	transform: scale(1);
	transition:
	opacity 3.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),
	transform 3.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.image-crossfader-innerme::before{
	/* 透過した黒を重ねる */
	background-color: rgba(69,160,189,0.8);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.image-crossfader-innerme-us video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height:500px;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	transition: 1s opacity;
}

.image-crossfader-innerme-us {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 1;
	transform: scale(1);
	transition:
	opacity 3.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),
	transform 3.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.image-crossfader-innerme-us::before{
	/* 透過した黒を重ねる */
	/*background-color: rgba(69,160,189,0.8);*/
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.image-crossfader-innerme-us.is-visible {
	z-index: 1;
	opacity: 1;
	transform: scale(1.06);
}

.image-crossfader-innerme.is-visible {
	z-index: 1;
	opacity: 1;
	transform: scale(1.06);
}

.stopfade {
	opacity: .5;
}


.image-crossfader-inner {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 1;
	transform: scale(1);
	transition:
	opacity 3.5s cubic-bezier(0.455, 0.03, 0.515, 0.955),
	transform 3.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.image-crossfader-inner::before{
	/* 透過した黒を重ねる */
	/*background-color: rgba(69,69,69,0.85);*/
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}

.image-crossfader-inner.is-visible {
	z-index: 1;
	opacity: 1;
	transform: scale(1.06);
}

.myflex {
	display:flex;
}


.leftbox {
	font-size: 200%;
	font-weight: 600;
	border-radius: 80px;
	height: 80px;
	align-items: center;
	justify-content: center;
	width: 80px;
	display: flex;
	background: #00b582;
	color:white;
}

.profile {
	font-size: 200%;
	font-weight: 600;
	height: 80px;
	align-items: center;
	justify-content: center;
	width: auto;
	padding:5px;
	display: flex;
	background: #FFFFFF;
	color:white;
}

.rightbox {

	width:70%;
}

.sticky-header .header-fixed {
	top: 0px;
	left: 0px;
}

.container {
	width:100%;
	max-width:100% !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-right: auto;
	margin-left: auto;
}

img{border-style:none}
a{text-decoration:underline;  font-weight: 600;outline:none;cursor:pointer;color:#2d3940;transition:all 0.3s ease 0s}
a:link,a:visited{color:#1688c5;}
a:hover{text-decoration:none;outline:none}
a:active{outline:none}
a.hover{text-decoration:none}

.ttl{text-align:center}

.point {
	margin-top: 0px;
	font-size: 30px;
}

.sub_copy {
	width: 80%;
	text-align: left;
	margin: 0 auto;
}

.sub_copy section:before {
	width: 44px;
	content:'★';
	border-radius: 22px;
	background: orange;
	color: red;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	margin-left:-40px; /* 1文字分、左に寄せる */
}

.btn-group{

	text-align:center;
	/*position: absolute;*/
	bottom: 0px;
	/*left:-20px;*/
	/*width: 100%;*/
	max-width: 600px;
}

.relative {
	position: relative;
}

.freebtn-group {
    text-align: center;
		display: inline-block;;
    /* position: absolute; */
    bottom: 10px;
    /* left: -20px; */
    /* width: 100%; */
    max-width: 600px;
}


.freebtn-group button{
	border: 0px solid #fe843a;
	border-radius: 0px;
	padding: 20px 0;
	font-size: 26px;
	color: #fff;
	font-weight: 600er;
	position: relative;
  display: inline-block;
  vertical-align: middle;
	text-align: center;
	background: rgb(0,167,228);
	text-decoration:none;

	width:100%;
	min-width:336px;
	height:90px;
	margin-top: 40px;
	cursor: pointer;
}

.freebtn-group button:hover {
	opacity: 0.7;
	transition: 0.3s;
	font-weight: 600;
}


.btn-group button{
	border: 0px solid #fe843a;
	border-radius: 0px;
	padding: 20px 0;
	font-size: 26px;
	color: #fff;
	font-weight: 600er;
	display: block;
	text-align: center;
	background: #f54d15;

	text-decoration:none;

	width:100%;
	min-width:336px;
	height:90px;
	margin-top: 40px;
	cursor: pointer;
}

.btn-group button:hover {
	opacity: 0.7;
	transition: 0.3s;
	font-weight: 600;
}

.text_red {
	color: rgb(212,57,109);
	font-weight: 600;
	font-size: 1.4em;
}

.text_orange {
	color: red;
	font-weight: 600;
}

.text_blue {
	color: rgb(92,165,197);
	font-weight: 600;
}

.text_green {
	color: #42ce9f;
	font-weight: 600;
	font-size: 1.375rem;
}

p.txt {
	font-size:100%;
	line-height: 1.5;
	text-align: left;
}

.first_view {
		width: 100%;
		text-align: center;
		margin: 0 auto;
}

.first_view ul {
		width: 100% !important;
}

.re1,.re2,.re3,.re4{
	image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering:   -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
  image-rendering: crisp-edges;
}

.ipadframe {
	border-bottom: 40px solid #333;
  border-radius: 26px;
  border-top: 40px solid #333;
  border-right: 35px solid #333;
  border-left: 35px solid #333;
}

@media screen and (min-width: 1200px) {
	.first_view ul{
		max-width:1500px !important;
		width: 100% !important;
		display: flex;
		flex-direction: row !important;
		align-items: center;
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	.first_view li {
		width :33%;
		margin: 0 !important;
		padding: 0 !important;
	}
}
@media screen and (min-width: 769px and max-width: 1199px) {
	.first_view ul{
		display: flex;
		flex-direction: column !important;
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	.first_view li {
		width :100%;
	}


			#appLoadingIndicator {
				max-width:1200px;
			}
			.re1 {
				background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/pc/+----re1.jpg') no-repeat center center;
				padding-bottom: calc(100%*1939/2400);/* calc(100*ImageHeight/ImageWidth)% */
				background-size: 100% auto;
			}
			.re2 {
				background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/pc/+----re2.jpg') no-repeat center center;
				padding-bottom: calc(100%*1231/2400);/* calc(100*ImageHeight/ImageWidth)% */
				background-size: 100% auto;
			}
			.re3 {
				background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/pc/+----re3.jpg') no-repeat center center;
				padding-bottom: calc(100%*1574/2400);/* calc(100*ImageHeight/ImageWidth)% */
				background-size: 100% auto;
			}
			.re4 {
				background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/pc/+----re4.jpg') no-repeat center center;
				padding-bottom: calc(100%*1574/2400);/* calc(100*ImageHeight/ImageWidth)% */
				background-size: 100% auto;
			}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
	.first_view ul{
		display: flex;
		flex-direction: column !important;
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	.first_view li {
		width :100%;
	}
	.ipadframe {
		border-bottom: 20px solid #333;
	  border-radius: 16px;
	  border-top: 20px solid #333;
	  border-right: 18px solid #333;
	  border-left: 18px solid #333;
	}

	#appLoadingIndicator {
		max-width:740px;
	}
	.re1 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/tablet/+----re1.jpg') no-repeat center center;
		padding-bottom: calc(100%*2131/1600);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
	.re2 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/tablet/+----re2.jpg') no-repeat center center;
		padding-bottom: calc(100%*1517/1595);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
	.re3 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/tablet/+----re3.jpg') no-repeat center center;
		padding-bottom: calc(100%*2131/1600);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
	.re4 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/tablet/+----re4.jpg') no-repeat center center;
		padding-bottom: calc(100%*2130/1600);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
}
@media screen and (max-width: 480px) {
	.first_view ul{
		display: flex;
		flex-direction: column !important;
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}
	.first_view li {
		width :100%;
	}

	.ipadframe {
		border-bottom: 15px solid #333;
		border-radius: 12px;
		border-top: 15px solid #333;
		border-right: 13px solid #333;
		border-left: 13px solid #333;
	}

	#appLoadingIndicator {
		width:100%;
		margin: 0;
	}
	.re1 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/phone/+----re1.jpg') no-repeat center center;
		padding-bottom: calc(100%*3722/750);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
	.re2 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/phone/+----re2.jpg') no-repeat center center;
		padding-bottom: calc(100%*2065/750);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
	.re3 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/phone/+----re3.jpg') no-repeat center center;
		padding-bottom: calc(100%*3009/750);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
	.re4 {
		background: url('https://billiards.hot-yoyaku.net/e_repeat_gen/hp/phone/+----re4.jpg') no-repeat center center;
		padding-bottom: calc(100%*3009/750);/* calc(100*ImageHeight/ImageWidth)% */
		background-size: 100% auto;
	}
}


#stage{
	width:100%;
	position:relative
}

#mv{
	position:relative;
	width:100vw;
	background-color:rgb(0,169,150);
	array+=("30 18 * * * php /var/www/html/virtual/${subdomain}-hot-yoyaku/docs/e_repeat/server/_data/rfm_mail_relation/CronAlert.php")

	background-position: center;
	background-repeat: no-repeat;
	background-size:auto 100%;
}

#mv img {
	margin: 0 auto;
}

#mv img.topimg {
	width:1200px;
}

#mv p {
	display:none;
}

.landtop {
	display:block;
	text-align:ttcenter;
	position: relative;
	bottom: 0;
}
.porttop {
	display:none;
}

@media only screen and (orientation:portrait){
	/* Portraitモード（縦向き）用 */
	#mv{
		position:relative;
		background:#f9f5e4;
		width:100%;
		/*background-image: url(http://e-repeat.hot-yoyaku.net/wp-content/uploads/2017/05/top1.jpg);*/
		background-position: center;
		background-repeat: no-repeat;
		background-size:100% auto;


	}
	.landtop {
		display:none;
	}
	.porttop {
		display:block;
	}
}

#mv .inner_block{
	position:relative;width:100%;

	overflow: hidden;

}

#mv .inner_block .txt01 .badge{
	position:absolute;
	top:145px;
	right: 30px;
	border-radius: 50%;
	height: 95px;
	width: 95px;
	background-color: #4c898f;/* 円の色 */
}

.limited-badge{
  width: 160px;
  position: absolute;
  bottom:70px;
  right: 0px;
  margin:auto 0;
}
.limited-badge{
  background: rgba(10,220,10,0.8);
	width:160px;
	height: 160px;
	border-radius: 80px;
	display: flex;          /* 2 */
  justify-content: center;/* 3 */
  align-items: center;
}
.limited-badge p{
	width:160px;
	text-align: center;
	display: inline-block;
	margin: 10px 0;
  vertical-align: middle;
  color: #fff;
  font-size: 30px !important;
  font-weight: 600;
  line-height: 1.3;
}

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

	.limited-badge{
		width:100px;
		height: 100px;
		border-radius: 50px;
	}

	.limited-badge p{
	  width:100%;
		font-size: 22px !important;
	}
}

#mv .inner_block .phone {
	width: 200px;
}

#mv .inner_block .pc {
	width: 300px;
}

#mv .inner_block .txt01 .badge .txt {
	position: absolute;
	top: 15;
	left: 10;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size:18px;
	color: #FFFFFF;
	letter-spacing: -1;
	line-height: 1.2em;
	-moz-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
#mv .inner_block .mv_fm{
	width:100%;
	display: none;
	text-align:center;
	position:absolute;
	top:120px;
	left:-400px;
}

#mv .inner_block .mv_m{
	width:100%;
	display: none;
	text-align:center;
	position:absolute;
	top:120px;
	left:461px;
}

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

	#mv .inner_block .header{
		width:100%;
		margin:0 auto 20px auto;
		padding-top: 15px;
	}

	#mv .inner_block .txt01 .badge {
		position: absolute;
		top:145px;
		right: 30px;
		border-radius: 50%;
		height: 70px;
		width: 70px;
		background-color: #4c898f;
	}

	#mv .inner_block .txt01 .badge .txt {
		position: absolute;
		top: 15;
		left: -10;
		right: 0;
		bottom: 0;
		margin: auto;
		font-size: 12px;
		letter-spacing: -1;
		line-height: 1.2em;
		-moz-transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
		-o-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		transform: rotate(30deg);
	}

	#mv .inner_block .txt02 .copytxt{
		font-size:24px;
		color:#FDFDFD;
		font-weight:normal;
		position: relative;
		margin: auto;
		width: 100%;
	}

	#mv .inner_block .header .txtlogo{
		float:left;
		line-height:54px;
		font-size:24px;
		color:#FDFDFD;
		font-weight:normal;
		margin-left:40px;

		padding:5px 20px;
		border:2px solid #fff;
		border-radius:30px;
	}

	#mv .inner_block .header .entry{
		display: none;
	}

	#mv .inner_block .mv_fm{
		display: none;
	}

	#mv .inner_block .mv_m{
		display: none;
	}

	#mv .inner_block .pc {
		display: none;
	}

}
@media screen and (min-width: 415px)  and (max-width: 639px) {

	#mv .inner_block .header{
		width:100%;
		margin:0 auto 40px auto;
		padding-top: 30px;
	}

	#mv .inner_block .pc {
		display: none;
	}

	#mv .inner_block .txt02 .copytxt{
		font-size:32px;
		color:#FDFDFD;
		font-weight:normal;
		position: relative;
		margin: auto;
		width: 100%;
	}

	#mv .inner_block .header .txtlogo{
		float:left;
		line-height:54px;
		font-size:32px;
		color:#FDFDFD;
		font-weight:normal;
		margin-left:40px;

		padding:5px 20px;
		border:2px solid #fff;
		border-radius:30px;
	}

	#mv .inner_block .header .entry{
		float:right;padding:10px 50px;border:2px solid #fff;
		border-radius:30px;
		color:#fff;
		margin-top:8px;
		font-size: 16px;
		cursor: pointer;
	}
}

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

	#mv .inner_block .header{
		width:100%;
		margin:0 auto 40px auto;
		padding-top: 30px;
	}

	#mv .inner_block .txt02 .copytxt{
		font-size:42px;
		color:#FDFDFD;
		font-weight:normal;
		position: relative;
		margin: auto;
		width: 500px;
	}

	#mv .inner_block .header .txtlogo{
		float:left;
		line-height:54px;
		font-size:32px;
		color:#FDFDFD;
		font-weight:normal;
		margin-left:40px;

		padding:5px 20px;
		border:2px solid #fff;
		border-radius:30px;
	}

	#mv .inner_block .header .entry{
		float:right;padding:10px 50px;border:2px solid #fff;
		border-radius:30px;
		color:#fff;
		margin-top:8px;
		font-size: 16px;
		cursor: pointer;
	}
}

@media screen and (min-width: 960px) {

	#mv .inner_block .header{
		width:960px;
		margin:0 auto 40px auto;
		padding-top: 30px;
	}

	#mv .inner_block .txt01 .badge{
		position:absolute;
		top:145px;
		left: 830px;
		border-radius: 50%;
		height: 95px;
		width: 95px;
		background-color: #4c898f;/* 円の色 */
	}

	#mv .inner_block .txt02 .copytxt{
		font-size:42px;
		color:#FDFDFD;
		font-weight:normal;
		position: relative;
		margin: auto;
		width: 500px;
	}

	#mv .inner_block .header .txtlogo{
		float:left;
		line-height:54px;
		font-size:32px;
		color:#FDFDFD;
		font-weight:normal;
		margin-left:40px;

		padding:5px 20px;
		border:2px solid #fff;
		border-radius:30px;
	}

	#mv .inner_block .header .entry{
		float:right;padding:10px 50px;border:2px solid #fff;
		border-radius:30px;
		color:#fff;
		margin-top:8px;
		font-size: 16px;
		cursor: pointer;
	}
}


#mv .inner_block .header .logo{float:left}

#mv .inner_block .header .txt{float:left;line-height:54px;font-size:14px;color:#4c4f52;font-weight: 600;margin-left:40px}


#mv .inner_block .header .entry:hover{
	color: #fd964e;
	background-color: #fff;
	transition: 0.3s;
}


#mv .inner_block .txt01{
	width:100%;
	text-align:center;
}

#mv .inner_block .txt02{width:100%;text-align:center;position:relative;margin-bottom:40px}

#mv .inner_block .txt03{width:100%;text-align:center;margin-bottom:20px}

#mv .inner_block .txt04{
	width:100%;
	text-align:center;
	color:#fff;font-size:18px;
	/*font-weight: 600;*/
	/*letter-spacing: 3px;*/
	margin-bottom: 48px;

}

#mv .inner_block .txt05{width:100%;text-align:center;margin-bottom:40px}

#mv .inner_block .btn-group{
	margin-bottom:40px;
	position: relative;
	z-index: 20;
}

#mv .inner_block .txt06{
	width:100%;
	text-align:center;
	position: relative;
	z-index: 19;
}

/***/

#stage .ttl{
	padding-top: 43px;
}

#stage .txt01{
	font-size: 36px;
	text-align: center;
	font-weight: 600;
	line-height: 150%;
	color: #333333;
	padding: 43px .4em 0 .1em;
}

#stage .inner_block{
	padding: 10px 15px 20px;
	text-align: center;
	margin: 15px 0 0;
}

#stage ul {
	margin: 0 auto;
	max-width: 1200px;
	width:95%;
	padding: 30px 30px 0 35px;
	border-radius: 8px;
	background: #fff;
	display: flex;
}

@media screen and (min-width: 640px) and (max-width: 959px) {
	#stage ul {
		margin: 0 auto;
		max-width: 1200px;
		width:95%;
		padding: 30px 0px;
		border-radius: 8px;
		background: #fff;
		display: flex;
	}
}

#stage ul li {
	margin-left: 0;
	-webkit-flex: 1;
	flex: 1;
	margin: 0 0 0 25px;
}

#stage .mid_ttl_old {
	text-align: center;
	font-size: 36px;
	color: #4a4a4a;
	font-weight: 600;
	margin-bottom: 9px;
	padding-top: 10px;
	line-height: 1.33333333333;
	/*border-bottom: solid 2px #d3b75b;*/
	clear: both;
}
#stage .mid_ttl {

	padding: 10px 14px;
	background-color: #e3f3ed;
	margin: 1em auto;
	width: 95%;

  font-size: 22px;
  line-height: 1.5em;
  font-weight: bold;
	/*border-bottom: solid 2px #d3b75b;*/
	clear: both;
}
#stage h2.mid_ttl {
	background-color: #fff;
}
#stage h2.mid_ttl::before {
	content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  margin-right: 8px;
  width: 6px;
  height: 100%;
  background: #53b794;
  border-radius: 3px;
}

#stage ul li .txt_area {
	padding: 24px 1px 23px 1px;
}

#stage ul li .txt_area .txt {
	font-size:100%;
	line-height: 1.5;
	color:#3a3a3a;
	text-align: left;
}

#stage ul li .txt_area .txt em {
	color: #ed6a50;
	font-weight: 200;
}

#stage ul li .img {
	margin: 0;
}

#stage ul li .img img {
	width: 100%;
	max-width:300px;
}

#stage .inner_block ul li:after {
	content:"";
	display:block;
	clear:both;
}

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

	#stage section {


	}

	#stage .ttl {
		padding-top: 20px !important;
	}

	#stage .txt01 {
		font-size: 30px;
		line-height: 150%;
		font-weight: 600;
		padding: 0 .4em .1em;
	}

	#capture .ttl {
		padding-bottom: 23px;
		padding-top:20px;
	}

	#stage .inner_block{
		padding: 0;
		text-align: center;
		margin: 0;
	}

	#stage ul {
		padding: 20px 0px;
		display: block !important;
	}

	#stage ul li {
		margin: 30px 0 !important;
	}

	#stage ul li .mid_ttl_old {
		margin: 0;
		padding: 0;
		font-size: 28px;
		line-height: 1.33333333333;
		font-weight: 600;
		line-height: 1.33333333333;
		/*border-bottom: solid 2px #d3b75b;*/
	}
	#stage ul li .mid_ttl {

		padding: 10px 14px;
		background-color: #e3f3ed;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5em;
		margin: 1em 0;
		width: 100%;
	}

	#sec02 ul {
		padding: 20px 12px 0 12px;
		display: block !important;
	}

	#sec02 ul li {
		width: 100%;
		float:left;
		padding:0;
		margin: 2px !important
	}

	#sec02 ul li .img img {
		width: 70%;
		margin-bottom: 60px;
	}

	#sec02 ul li .desc {
		text-align:  left;
		font-size:24px;
		line-height: 1.61538461538;
		color: #1b1b1b;
		font-weight: 600;
		padding: 0px;
		margin:0;
		clear: both;
	}

	#repeat ul li.need .subdesc {
		padding: 10px;
		font-size: 95.857142857%;
		line-height: 1.8em;
		font-weight:normal;
		text-align: left;
		display: block;
		color:#FFF;
	}

	#stage ul li .txt_area {
		padding: 4px 1px 8px 1px;
	}

	#stage ul li .txt {
		margin: 20px 0 0;
		font-size: 92.857142857%;
		line-height: 1.61538461538;
	}

	#stage .subsection {
		display: block !important;
	}

	#pay .detail {
		margin: 20px 12px;
		padding: 0;
	}

	.point {
		margin-top: 15px;
		font-size: 128%;
		padding: 0 10px;
	}


	.sub_copy {
		width: 90%;
		text-align: left;
		margin: 0 auto;
	}

	.sub_copy section:before {
		width: 30px;
		content:'★';
		border-radius:15px;
		background: orange;
		color: red;
		display: inline-block;
		text-align: center;
		font-weight: 600;
		margin-left:-15px; /* 1文字分、左に寄せる */
	}


	.btn-group button{
		border: 0px solid #fe843a;
    border-radius: 0px;
    padding: 20px 0;
    font-size: 26px;
    color: #fff;
    font-weight: 600er;
    display: block;
    text-align: center;
    background: #f54d15;
		text-decoration:none;
		color:#fff;
		width:330px;
		height:90px;
		padding:5px;
		margin-top: 20px;
		cursor: pointer;
	}
}
@media screen and (min-width: 401px) and (max-width: 768px) {

	.btn-group button{
		border: 0px solid #fe843a;
		border-radius: 0px;
		padding: 20px 0;
		font-size: 26px;
		color: #fff;
		font-weight: 600er;
		display: block;
		text-align: center;
		background: #f54d15;

		text-decoration:none;
		color:#fff;
		width: 330px;
		height:90px;
		margin-top: 30px;
		cursor: pointer;
	}
}

/***/

#sec01{
	position:relative;
	width:100%;
	background:#f9f5e4;
}

#sec01 .inner_block .btn-group{

	margin-bottom:50px
}

/***/

#sec02{
	position:relative;
	width:100%;
	background:#FFF;
}

#sec02 ul li .desc {
	text-align: center;
	font-size: 128.571428571%;
	line-height: 1.33333333333;
	color: #1b1b1b;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 9px;
	padding-top: 10px;
	clear: both;
}

#sec02 .title{
	padding-top: 20px;
	font-size: 128%;
}


/***/

#repeat {
	position: relative;
	width: 100%;
	background: #5ca5c5;
	/*background-image:url("http://e-repeat.hot-yoyaku.net/wp-content/uploads/2017/02/f6b32b625245f86f6d991a0b6f276e06.jpg");*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% auto;
}

#repeat .txt01{
	color: #FFF;
}

#repeat ul li {
	background-color: rgb(247,255,32);
}

#repeat ul li .title-str {
	text-align: center;
	font-size: 128.571428571%;
	line-height: 1.33333333333;
	color: #1b1b1b;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 9px;
	padding-top: 10px;
	clear: both;
}

#repeat ul li .desc {
	padding: 30px 20px 20px 20px;
	font-weight: 600
}

#repeat ul li .subdesc {
	padding: 30px 20px 20px 20px;
	font-weight:normal;
	text-align: left;
	display: block;
	color:#555;
}

#repeat ul li.need{
	background-color: #FFF !important;
}

#repeat ul li.need .title-str {
	text-align: center;
	font-size: 128.571428571%;
	line-height: 1.33333333333;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 9px;
	padding-top: 10px;
	clear: both;
}

#repeat ul li.need .subsection {
	display: flex;
}

#repeat ul li.need .col {
	flex:1;
}

#repeat ul li.need .subdesc {
	padding: 10px;
	line-height: 1.5em;
	font-weight:normal;
	text-align: left;
	display: block;
	border-left: 5px solid #e74c3c;
}

/***/

#real {
	position: relative;
	width: 100%;
	background: #FFF;
}

#real .inner_block .btn-group{
	margin-top:50px;
	margin-bottom:74px
}

#real .txt01{

	color: #FFF;
	background-color: #f44336;
}

#real ul li .txt01 {
	color: #f44336 !important;
}

#real ul li .mid_ttl {
	color: #f44336 !important;
}

/***/


#step{
	position:relative;
	width:100%;
	padding-top: 10px;
	/*background:#f1fcf9;*/
	/*background: rgb(212,57,109);*/
	background: white;
}

#step .txt01{

	color: #FFF;
	background: #00b582/*rgb(212,57,109)*/;
}
#step .txt02{
	font-size: 38px;
	text-align: center;
	font-weight: 600;
	line-height: 1.25;
	color: #FFF;
}

#step .img {
	margin: 0;
	padding: 0em 1em;
	padding-top:15px;
	text-align: center;
}

#step .img img {
	width: 100%;
	max-width: 878px;
}

#step .inner_block .btn-group{
	margin-top:50px;
	margin-bottom:74px
}

#step ul li {
	margin-left: 0;
	-webkit-flex: 1;
	flex: 1;
	margin: 0 0 70px 25px;
}

/***/

#capture{
	background-color:#fff;
	margin:0;
	width:100%;
}

#capture header {
	background: #f1f8fc;
}

#capture .ttl{
	padding-top: 43px;
	padding-bottom: 43px;
}

/***/
#case{
	position:relative;
	width:100%;
	/*background-color: #00b582;*/
	background: white;
	background-image:url("https://billiards.e-repeat.hot-yoyaku.net/wp-content/themes/Circuit/img/802fba9ec3875ebae6e009c2b644cae4_m.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% auto;
	padding-top: 10px;
}

#case .point{

	color: #333;
}

#case .txt01{

	color: #FFF;
	background-color: #00b582;
}

#case ul{
	opacity: 0.8;
}

#case ul li .desc {
	text-align:  left;
	font-size:24px;
	line-height: 1.61538461538;
	color: #1b1b1b;
	font-weight: 600;
	padding: 0px;
	margin:0;
	clear: both;
}


.v-position {
	padding:5px;
	width: 100%;
	border: 1px solid #777777;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

@media screen and (min-width: 668px) and (max-width: 1199px) {

	#case ul{
		display: block;
		opacity: 0.8;
	}

	#case .inner_block {
		padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 0px !important;
    padding-left: 12px;
	}

	#case ul li {
		width: 45%;
		display: inline-block;
	}

	#case ul li:last-child {
		padding: 0px;
		margin:0 !important;
	}
}

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

	#case ul{
		flex-direction:column;
		opacity: 0.8;
	}

	#case .inner_block {
		padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 0px !important;
    padding-left: 12px;
	}

	#case ul {
		padding: 0px !important;
	}

	#case ul li:last-child {
		padding: 0px;
		margin:0 !important;
	}
}

/***/

#run{
	background-color:#f6f6f6;
	width:100%;
	/*background-image:url("http://e-repeat.hot-yoyaku.net/wp-content/uploads/2017/02/ef30a135c2918fd489002dc2fa0d1483.png");*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size:100% auto;
}

#run .img {
	margin: 0 auto 25px;
	padding: 1em;
}

#run .img img {
	width: 100%;
	max-width: 878px;
}

#run .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

#run .inner_block ul li .title{
	font-size:22px;
	font-weight: 600;
	color:#333;
	margin-top:0;
	margin-left:28px;
	margin-right:28px;
	margin-bottom:24px
}

#run .inner_block ul li .desc {

	font-weight: 600;
	font-size: 14px;
	line-height: 1.5em;
}

#run .inner_block ul li .title-strong {
	font-size:22px;font-weight: 600;color:#333;margin-top:40px;margin-left:28px;margin-right:28px;margin-bottom:24px;
	color: #333;
	border-bottom:5px solid yellow;
	display: inline-block;
}

#run .inner_block ul li .desc-strong {

	font-weight: 600;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
	border-bottom:5px solid yellow;
	display: inline-block;
}

@media screen and (max-width: 667px) {
	div.flow {

	}

	div.flow ul {
		width: calc(100%-60px);
		overflow: hidden;
		position: relative;
		background-color: #b03;
		background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#fff));
		background: -moz-linear-gradient(left, #fff, #fff);
		background: linear-gradient(left, #fff, #fff);
		border-radius: 3px;
		border: 1px #00b582 solid;
		display: table;
		margin: auto;
		opacity:1;
	}

	div.flow ul li {
		display: block;
		text-align: center;
		padding-left:5px;
		height: 150px;
		font-size: 0.8em;
		vertical-align: middle;
		color: #333333;
	}

	div.flow ul li:not(:last-child) {
		content: '';
		z-index: -1;
		display: block;
		border-bottom: 1px #00b582 solid;
		width: 95%;
	}
}
@media screen and (min-width: 668px)  {
	div.flow {

	}

	div.flow ul {
		overflow: hidden;
		position: relative;
		background-color: #b03;
		background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#fff));
		background: -moz-linear-gradient(left, #fff, #fff);
		background: linear-gradient(left, #fff, #fff);
		border-radius: 3px;
		border: 1px #00b582 solid;
		display: table;
		margin: auto;
		opacity:1;
	}

	div.flow ul li {
		display: table-cell;
		text-align: center;
		margin: 0 !important;
		width: 20%;
		padding-left:0px;
		height: 150px;
		font-size: 0.8em;
		vertical-align: middle;
		color: #333333;
	}

	div.flow ul li:not(:last-child):after,
	div.flow ul li:not(:last-child):before {
		content: '';
		z-index: -1;
		position: absolute;
		display: block;
		border-right: 1px #00b582 solid;
		width: 112px;
		height: 150px;
		right: 5px;
	}

	div.flow ul li:not(:last-child):after {
		top: 51px;
		-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		transform: rotate(20deg);
	}

	div.flow ul li:not(:last-child):before {
		top: -51px;
		-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
		-moz-transform: rotate(-20deg);
		transform: rotate(-20deg);
	}

}

div.flow ul li:not(:last-child) {
	position: relative;
	z-index: 2;
}

/***/
#price{
	position:relative;
	width:100%;
	background:#f1f1f1;
}

.pro-color {
	background: #1D9256;
	padding: 6px 0;
}

.opt-color {
	background: #d3b75b;
	padding: 6px 0;
}

#price ul li {
	margin: 0 !important;
}

#price .inner_block ul li .title{
	font-size:18px;
	font-weight: 600;
	color:#3498db;
	margin-top:40px;
	margin-left:28px;
	margin-right:28px;
	margin-bottom:24px
}

#price .plan-name-box {
	font-size: 21px;
	color: #fff;
	padding: 7px 14px;
	text-align: center;
}

#price .plan-name-box, .price-box {
	font-family: "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", NotoSans, メイリオ, Meiryo, sans-serif !important;
	/*font-family:"Hiragino Maru Gothic ProN",'ヒラギノ丸ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;*/
	font-size:16px;
	line-height:28px;
	letter-spacing: 1.4px;
	font-weight: 600;
}

#price .plan-box-under {

}

#price .price-box-wrapper {
	padding: 16px 16px;
	text-align:center;
}

#price .price-box {
	font-size: 168%;
}

.ttl-little {
	font-size: 0.9rem;
	color: #666;
}

.price-box-option {
	font-size: 18px;
	text-align: left !important;
}

.price-box-money {
	color: rgb(44, 193, 174);
  font-size: 1.5rem;
	text-align: right !important;
}

#price .plan-name-box, .price-box {
	font-family: "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", NotoSans, メイリオ, Meiryo, sans-serif !important;
	/*font-family:"Hiragino Maru Gothic ProN",'ヒラギノ丸ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;*/
	font-size:16px;
	line-height:28px;
	letter-spacing: 1.4px;	font-weight: 600;
}

#price .subsection {
	display: flex;
}

#price .function-list {
	padding: 16px 8px;
	text-align: left;
	flex:1;
}

#price .guest{
	font-size: 85%;
}



#price h4 {
	border-left:4px solid #1D9256;
	font-size: 18px;
	font-weight: 600;
	padding: 6px 3px;
}

#price .func_item {
	line-height:1.7em;
	font-size:12px;
	padding-left:8px;
}


#price h3 {
	font-size: 18px;
	font-weight: 600;
	padding: 6px 3px;
}

#price .pay-per-use-note {
	background-color:#EEE;
	padding: 1em;
	text-align:left;
	font-size: 12px;
}

#pay h3 {
	font-size: 18px;
	font-weight: 600;
	padding: 6px 3px;
}

#price .alignleft {
	display: inline;
	float: left;
	margin-right: 1.3em;
}

#price input[type="checkbox"].on-off ~ div{
	display: none;
}

#price input[type="checkbox"].on-off:checked ~ div{
	display: block;
}


.price-detail {
	width :520px;
	margin: 0 auto;
	text-align: left;
}

.price-flex {
	width :520px;
	display: flex;
	flex-direction: row;
	margin: 0 auto;
}
.price-flex div:first-child {
	width: 50%;
}
.price-flex div:last-child {
	text-align: left;
}

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

	.price-detail {
		width :320px;
		margin: 0 auto;
		text-align: left;
	}

	.price-flex {
		width :320px;
		display: flex;
		flex-direction: column;
		margin: 0 auto;
	}
	.price-flex div:first-child {
		width: 60%;
	}
}

/***/

#discount {
	background: #FFF;
}

#discount .norikae {
	border: 1px solid #777;
	margin: 0 auto;
	max-width: 878px;
	padding: 30px 30px 35px;
	background: #fff;
}

#discount .shinnki {
	margin: 0 auto;
	max-width: 878px;
	padding: 5px 5px 5px;
	margin-top: 50px;
	background: #fff;
}

#discount .shinnki > h3 {
	font-size: 168%;
	font-weight: 600;
	padding: 15px;
	margin-bottom: 45px;
}

#discount h3 {
	font-size: 228%;
	font-weight: 600;
	padding: 15px;
	margin-bottom: 45px;
}

#discount .txt01 {
	font-size: 158%;
	line-height: 1.5em;
	font-weight: 600;
}

#discount .txt02 {
	font-size: 228%;
	color:red;
	line-height: 1.5em;
	font-weight: 600;
}

#discount .txt03 {
	font-size: 75%;
	color:red;
	line-height: 1.5em;
	font-weight: 600;
}

#discount .pay-per-use-note {
	background-color:#EEE;
	padding: 1em;
	text-align:left;
	font-size: 12px;
	margin-top: 20px;
}

/***/

#contact {
	background: #FFFFFF;
	width: 100%;
}

#contact .txt01{
	color: #333;
	font-weight: 200;
}

#contact ul li {
	margin: 0 !important;
}

#contact .contact-group{
	text-align:right;
	margin: 25px auto;
	color: #333;
	width:100%;
	position: absolute;
	bottom: 10px;
	width: 100%;
	max-width: 600px;
}

#contact .css_btn_class6 {
	font-size: 16px;
	font-family: "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", NotoSans, メイリオ, Meiryo, sans-serif !important;
	/*font-family:"Hiragino Maru Gothic ProN",'ヒラギノ丸ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;*/
	font-size:16px;
	line-height:28px;
	letter-spacing: 1.4px;	font-weight: 200;
	border-radius: 3px;
	padding: 9px 18px;
	text-decoration: none;
	background-color: #1688c5;
	color: #ffffff;
	display: inline-block;
	text-align:center;
	font-weight: 600;
}

#contact button:hover {
	opacity: 0.7;
	transition: 0.3s;
	font-weight: 600;
}

#contact a {
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

#contact a:visited {
	color: #52ccb8;
}

#contact a:link {
	color: #52ccb8;
}

#contact .operator {
	position: relative;
	width: 500px;
}

/***/

#pay .detail-inner {
	background-color:#f7f7f7;
	padding: 10px 15px 20px;
	margin-top: 0px;
}

#pay .detail {
	background-color:#f7f7f7;
	margin: 0 auto;
	margin-bottom: 15px;
	max-width: 878px;
	padding: 35px 30px 0px 30px;
	text-align: left;
	font-size: 85%;
	max-width: 878px;
}

#pay .detail .crecard{
	height:90px;
	display-block;
	background-color:#f7f7f7;
}

/***/




/*****ここから会話のCSS*****/
.talk-wrap{
 display: block;
 clear: both;
 margin:0 auto 3px auto;
padding-left: 10px;
 }
.talk-wrap p{
 margin:0;
 }
 .left-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 background: no-repeat;
 background-size: 100%;
 background-position: center;
 float:left;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/
 border: 3px solid #fff; /*左のアイコンの枠の設定*/
 margin-bottom: 10px;
 }

 .talk-left p {
	 text-align: left;
 }

 .talk-right p {
	text-align: left;
 }

 .talk-left{
 float:left;
 margin-left: 20px;
 position: relative;
 background: #fff; /*左の会話の背景色*/
 border: 1px solid #aaa;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 margin-bottom: 10px;
 text-align: left;
 }
.talk-left:beforea {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-right-color: #aaa;
 position: absolute;
 left: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-left:aftera {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-right-color: #fff;
 position: absolute;
 left: -16px;
 top: 25%;
 margin-top: -8px;
}
 .right-icon{
 width: 100px;
 height: 100px;
 border-radius: 50%;
 -webkit-border-radius:50%;
 background: no-repeat;
 background-size: 100%;
 background-position: center;
 float:right;
 display:inline-block;
 box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/
 border: 3px solid #FFF; /*右のアイコンの枠の設定*/
 margin-bottom: 10px;
 }
 .talk-right{
 float:right;
 margin-right: 20px;
 position: relative;
 background: #fff; /*右の会話の背景色*/
 border: 1px solid #aaa;
 padding: 3%;
 border-radius: 10px;
 width: 70%;
 margin-top:10px;
 margin-bottom:10px;
 }
 .talk-right:beforea {
 content: "";
 display: inline-block;
 border: 10px solid transparent;
 border-left-color: #aaa;
 position: absolute;
 right: -20px;
 top: 25%;
 margin-top: -9px;
}
.talk-right:aftera {
 content: "";
 display: inline-block;
 border: 9px solid transparent;
 border-left-color: #fff;
 position: absolute;
 right: -16px;
 top: 25%;
 margin-top: -8px;
}
.talk-end{
 clear:both;
}
/*****レスポンシブ設定*****/
@media screen and (max-width: 480px){
 .left-icon{
 width: 80px;
 height: 80px;
 }
 .talk-left{
 width: 65%;
 }
 .right-icon{
 width: 80px;
 height: 80px;
 }
 .talk-right{
 width: 65%;
 }
 }
 @media screen and (max-width: 380px){
 .left-icon{
 width: 70px;
 height: 70px;
 }
 .talk-left{
 width: 65%;
 }
 .right-icon{
 width: 70px;
 height: 70px;
 }
 .talk-right{
 width: 65%;
 }
 }

/***/

.support_icon {
	padding: 4px 3px;
	margin-left: 7px;
	border-radius: 10px;
	width: 60px;
	height: 60px;
	background-color: rgb(13,115,65);
	color: #FFF;
	display: inline-block;
	font-family: "Hiragino Maru Gothic ProN",'ヒラギノ丸ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
}

.course_support {
	font-size: 0.95rem;
}

.no_br BR {
	display: none;
}

.support_icon BR {
	display: block;
}
.support_icon SMALL {
	font-size: 0.7rem;
}


.white_block dl {
	display: table;
	width: 100%;
	border-bottom:1px solid #e5e5e5;
	vertical-align: middle;
}

.table_dl dt, .table_dl dd {
	display: table-cell;
	padding: 30px 25px 30px 0;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: #fff;
}


.entry_center {
	text-align: center !important;
}

.contactmail {
	color: #333;
	font-size: 1.5em;
}
.contactmail p {
	font-size: 1.5em;
}

footer{
	position:relative;
	background:#469ba2;
	color:#fff;
	font-size:14px;
	padding:0 0 50px 0;
}

footer .footer-up {
	background-color: #e9eff0;
	height: 50px;
	padding: 25px 20px 0 20px;
}

footer .footer-up a {
	color: #000000;
	text-decoration: underline;
	font-size: 14px;
	line-height: 26px;
	margin-right: 10px;
}

footer .footer-up a::before {
	content: "";
	display: inline-block;
	border: 5px solid transparent;
	border-left-color: #000;
}

footer .footer-bottom {
	height: 100%;
	color: #fff;
	background-color: #469ba2;
	height: 50px;
	padding: 25px 20px 0 20px;
}

footer .footer-bottom a, footer .footer-bottom span, footer .footer-bottom p {
	color: #ffffff;
	font-size: 14px;
	line-height: 26px;
}

footer .footer-bottom span {
	font-weight: 800;
}

footer .footer-bottom a {
	font-weight: 100;
	margin-left: 10px;
}

footer .footer-copyright {
	float: right;
}

/*# sourceMappingURL=layout_pc.min.css.map */