@charset "UTF-8";

p,
dl,
table,
ul,
ol {
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

ul {
	padding-left: 0;
	margin-bottom: 0;
}

ul li {
	list-style: none;
}

a {
	color: #222222;
	text-decoration: none;
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}

a:hover {
	color: #ff2c2c;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

body {
	padding: 0;
	margin: 0;
}

.sp {
	display: none;
}

section p,
section li {
	/*margin-bottom: 0;*/
	line-height: 1.72;
	color: #212121;
	font-size: 18px;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #d80000;
}

.bold {
	font-weight: bold;
}

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

blockquote {
	background: #f2f2f2;
	padding: 20px;
	margin: 0;
}

.require {
	color: #f00012;
}

#content {
	overflow: hidden;
	box-sizing: border-box;
}

.container {
	padding-top: 1px;
	padding-bottom: 1px;
}

.section-title {
	margin-top: -50px;
}

h2 {
	margin: 0;
	padding: 0;
	text-align: center;
}



.sectContent {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 32px;
}

.letterWidth {
	max-width: 600px;
	margin: 0 auto 30px;
}

.bullets li {

	margin-bottom: 8px;
}

.bullets li span {
	border-bottom: dashed 2px #3e3e3e;
	display: inline;
}

.bullets li:before {
	display: block;
	display: inline-block;
	content: "";
	background: url(../images/checkbox.png) no-repeat 0 center;
	background-size: 100% auto;
	width: 25px;
	height: 22px;
	margin-right: 8px;
	margin-bottom: -3px;
}

.sectCTA {
	background: url(../images/cta_bg.jpg) repeat-x center 0;
	background-size: 2.5px auto;
}

.sectCTA1 {
	background: #fff;
}

.sectCTA .section-title {
	background: none;
}

.box {
	background: url(../images/grid.jpg) repeat 0 0;
	background-size: 27.5px auto;
	padding: 25px 40px 14px;
	margin: 24px 0;
	box-shadow: 0 0 16px rgba(88, 76, 69, 0.26);
}

.box h3 {
	margin: 0;
	font-size: 32px;
	line-height: 1.3;

	background: #ff0000;
	color: #fff;
	padding: 24px 40px;
	margin: -25px -40px 35px;
	text-align: center;
}

.box h3 span {
	display: block;
}

.box .small {
	font-size: 24px;
	/* line-height: 1.3; */
	margin-bottom: 7px;
}

.box .small.highlight {
	background: #fff;
	color: red;
	display: inline-block;
	padding: 0px 8px;
	border-radius: 2px;
	/* float: left; */
	margin-bottom: 16px;
}

.box .big {}

.box ul {
	padding: 0;
	margin: 0;
	margin-bottom: 22px;
}

.box .boxContent p {
	font-size: 16px;
}

.box dt {
	background: #156dc7;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	padding: 4px 8px;
	line-height: 1;
	margin-bottom: 4px;
	display: inline-block;
}

.box dd {
	margin: 0;
	margin-bottom: 16px;
}

.bulletWrap {
	background: url(../images/grid.jpg) repeat 0 0;
	background-size: 27.5px auto;
	border: 4px solid #b38b34;
	border: 4px solid #0095cf;
	padding: 12px 40px 29px;
	margin: 0 0 24px;
}

.bullet li {
	font-weight: bold;
	font-size: 1.24em;
	text-indent: -35px;
	padding-left: 35px;
	margin-bottom: 8px;
	border-bottom: 2px dotted #b7b7b7;
	line-height: 1.3;
	padding-bottom: 9px;
}

.bullet li:before {
	content: "";
	display: block;
	display: inline-block;
	background: url(../images/bullet.jpg) no-repeat 0 0;
	background-size: 100% auto;
	width: 26px;
	height: 26px;
	margin-right: 8px;
	margin-bottom: -5px;
}

.price {
	font-size: 1.72em;
}

table {
	border: 1px solid #060606;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
	margin-bottom: 24px;
}

table th {
	border: 1px solid #060606;
	padding: 8px 16px;
	background: #f2f2f2;
}

table td {
	border: 1px solid #060606;
	padding: 8px 16px;
	text-align: center;
}

table thead th {
	background: #ff4545;
	color: #fff;
}

.plan {
	margin-bottom: 72px;
}

.faq dt {
	margin-bottom: 8px;
	font-weight: bold;
}

.faq dd {
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.para1 p,
.para2 p {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 28px;
}

.msg {
	background: #282828;
	text-align: center;
	padding: 15px;
	margin-bottom: 30px;
}

.msg h1 {
	margin: 0;
	padding: 0;
	color: #fff;
}

.msg h1 .thanks {
	display: block;
	color: #f00;
}

.logo {
	display: block;
	color: #f00;
	background: #f00;
	display: inline-block;
	color: #fff;
	padding: 5px 15px;
	line-height: 1;
	border-radius: 4px;
	font-size: 94%;
}

#presentFlow {
	text-align: center;
	margin: 0 auto 32px;
	padding: 0 15px;
}

#sectProfile .boxContent {
	position: relative;
}

#sectVoice .container {
	background: url(../images/bg_stripe.jpg) repeat center 0;
	background-size: 17.5px auto;
	padding-top: 1px;
}

.voiceWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 -15px;
}

.voice {
	text-align: center;
	width: 50%;
	padding: 0 15px 24px;
	box-sizing: border-box;
}

.ytWrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}

.ytWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sectVoice .ytWrap {
	text-align: center;
	margin-bottom: 2.5em;
}

#sectVoice .ytWrap iframe {
	border: 4px solid #ff0000;
	box-sizing: border-box;
}

#sectVoice h2 {
	height: 283px;
	background: url(../images/voice_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sect1 h2 {
	height: 284px;
	background: url(../images/sect1_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sect2,
#sect5,
#sectSchedule {
	background: #e5e5e5;
}

#sect2 h2 {
	height: 276px;
	background: url(../images/sect2_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sect3,
#sectPresent {
	background: #ff4141;
}

#sect3 h2 {
	height: 267px;
	background: url(../images/sect3_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sect3 p,
#sect3 li {
	color: #fff;
}

#sect4 {}

#sect4 h2 {
	height: 280px;
	background: url(../images/sect4_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sectProfile h2 {
	height: 234px;
	background: url(../images/profile_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sectProgram h2 {
	height: 200px;
	background: url(../images/program_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sectProgram .box h3 {
	background-image: url(../images/ico_movie.png);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 28px auto;
	padding-left: 54px;
	text-align: left;
}

#sectProgram .boxContent {
	position: relative;
}

#sect5 h2 {
	height: 478px;
	background: url(../images/sect5_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

.page-online #sect5 h2 {
	height: 478px;
	background: url(../images/sect5_h_2_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sectDetails h2 {
	height: 234px;
	background: url(../images/details_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
	padding-bottom: 35px;
}

.page-online #sectDetails h2 {
	height: 234px;
	background: url(../images/details_h_pc_2.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
	padding-bottom: 35px;
}

#sectSchedule h2 {
	height: 234px;
	background: url(../images/schedule_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sectSchedule h3 {
	text-align: center;
	background: #060606;
	color: #fff;
	padding: 16px 32px;
	border-radius: 100px;
	max-width: 500px;
	margin: 0 auto 30px;
	position: relative;
}

#sectSchedule h3 img {
	transform: translateY(3px);
}

#sectSchedule h3:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-top: 8px solid #060606;
}

body.page-online #sectSchedule .sectContent {
	position: relative;
}

body.page-online #sectSchedule .sectContent:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(229, 229, 229, 0.8) url(../images/shimekiri.png) no-repeat center center;
	background-size: 750px auto;
	/* height: 100px; */
	position: absolute;
	top: 0;
	max-width: 100vw;
}

#sectPresent h2 {
	height: 267px;
	background: url(../images/present_h_pc.png) no-repeat center 0;
	background-size: 1800px auto;
	text-align: center;
	text-indent: -9999em;
	font-size: 0;
}

#sectPresent .marker {
	background: linear-gradient(transparent 75%, #cedaff 75%);
}

#sectPresent .container {
	background: url(../images/bg_stripe.jpg) repeat center 0;
	background-size: 17.5px auto;
	padding-top: 1px
}

#sectPresent .sectContent {
	padding: 15px;
	/* margin: 0 15px 33px; */
}

@keyframes anime {
	0% {
		transform: scale(.95);
		opacity: 1
	}

	90% {
		opacity: .1
	}

	to {
		transform: scale(1.2, 1.5);
		opacity: 0
	}
}

.btn a:before {
	animation: anime 2s ease-out 0s infinite normal none running;
}

.btn a:after {
	animation: anime 2s ease-out 1s infinite;
}

.btn a:before,
.btn a:after {
	content: "";
	position: absolute;
	z-index: -10;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border-radius: 112px;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid rgba(255, 255, 255, 0.28);
}

.btn a:after {
	content: "";
	position: absolute;
	top: -5px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(37, 136, 30, 0.1);
	border-radius: 112px;
	transition: all 0.2s ease 0s;
	transform: translate3d(0px, 0px, 0px);
}

table .btn {
	margin: 0;
}

table .btn a {
	max-width: 100%;
	height: 70px;
	display: block;
	margin: 0 auto;
	width: 202.5px;
	background: url(../images/cta_btn2.png) no-repeat center 0;
	background-size: 100% auto;
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	text-indent: -9999em;
}

table .btn a:hover {
	background-image: url(../images/cta_btn2_on.png);
	transform: translateY(4px);
}

table .btn a.disabled {
	background-image: url(../images/cta_btn_disabled.png);
}

table .btn a.disabled:hover {
	transform: none;
}

table .btn a:before,
table .btn a:after {
	display: none;
}

.marker {
	background: linear-gradient(transparent 75%, #fff799 75%);
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.b {
	font-weight: 700;
}

#sectProfile .container {
	background: url(../images/bg_stripe.jpg) repeat center 0;
	background-size: 17.5px auto;
	padding-top: 1px;
}

/*
==============================
Preloader CSS
==============================
*/
.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999;
}

.folding-cube {
	left: 0;
	width: 60px;
	height: 60px;
	position: absolute;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	top: 50%;
	right: 0;
	margin: -60px auto 0;
}

.folding-cube .cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.folding-cube .cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ff2c2c;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.folding-cube .cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg);
}

.folding-cube .cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg);
}

.folding-cube .cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg);
}

.folding-cube .cube2:before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.folding-cube .cube3:before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.folding-cube .cube4:before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}

	90%,
	100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}

@keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0deg);
		transform: perspective(140px) rotateX(0deg);
		opacity: 1;
	}

	90%,
	100% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}

section {
	position: relative;
}

.customBtn {
	max-width: 900px;
	margin: 0 auto;
	transform: translateX(-5%);
	transition: bottom 0.3s ease-in-out 0s;
}

.sectCTA {
	z-index: 100;
	overflow: hidden;
}

.sectCTA .customBtn {
	width: 100%;
	padding: 16px 8px 3px;
	z-index: 100000;
	position: relative;
	padding-left: 8%;
}

.sectCTA .customBtn.static {
	position: static;
	width: 100%;
	padding: 0;
}

.sectCTA .table {
	margin: 0 -80px;
}

.queryFormTable {
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
	max-width: 800px;
}

.queryFormTable tr {
	border-bottom: 1px solid #ccc;
}

.queryFormTable th {
	background: #eaeaea;
	padding: 16px;
	width: 40%;
	border-right: 1px solid #ccc;
	text-align: left;
}

.queryFormTable td {
	padding: 16px;
}

input[type=text],
input[type=email],
textarea {
	padding: 16px;
	width: 100%;
	box-sizing: border-box;
	font-size: 18px;
	border: 6px solid #717171;
	max-width: 600px;
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 1.72em;
}

form label {
	text-align: center;
	font-weight: bold;
	margin: 8px auto;
	display: block;
}

textarea {
	height: 12em;
}

.required {
	background: #ff0081;
	padding: 1px 6px;
	font-size: 0.8em;
	color: #fff;
}

input[type=submit],
input[type=reset],
input[type=button] {
	outline: none;
	background: #ccc;
	border-radius: 8px;
	padding: 64px 24px;
	border: 0;
	box-shadow: 0 0 10px rgba(105, 105, 105, 0.95);
	cursor: pointer;
	font-weight: bold;
}

input[type=submit] {
	background: #00ad7d url(../images/btn_icon.png) no-repeat 265px center;
	background-size: 44px auto;
	color: #fff;
	width: 100%;
	box-shadow: 0 8px 0 0 #187155;
	text-indent: 44px;
}

.btnWrap {
	position: relative;
	transition: all 0.2s ease 0s;
}

@keyframes anime {
	0% {
		transform: scale(.95);
		opacity: 0.5
	}

	90% {
		opacity: .1
	}

	to {
		transform: scale(1.2, 1.2);
		opacity: 0
	}
}



.footer-area {
	text-align: center;
	padding: 0px 0;
	background: #222222;
	padding-bottom: 64px;
	color: #7b7b7b;
}

.footer-area h4 {
	line-height: 22px;
	margin-bottom: 30px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 35px;
}

.footer-area h4 span {
	color: #ff2c2c;
}

.footer-area ul li {
	display: inline-block;
	line-height: 1;
	border-right: 1px solid #a7a7a7;
	padding-right: 7px;
	margin-right: 4px;
}

.footer-area ul li:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.footer-area ul li a {
	color: #a7a7a7;
	font-size: 14px;
	text-decoration: underline;
}

.footer-area ul li a:hover {
	text-decoration: none;
}

.footer-area .copyright {
	margin-bottom: 0;
	font-size: 14px;
	margin-top: 8px;
	line-height: 1;
}

#fbLike {
	text-align: center;
	background: url(../images/fb-like.jpg) no-repeat center 0;
	background-size: 100% auto;
	height: 109px;
	max-width: 860px;
	margin: 0 auto 24px;
	padding: 60px 16px 16px;
	box-sizing: border-box;
}

.presentStep {
	max-width: 860px;
	margin: 0 auto 24px;
	border: 1px solid rgba(5, 5, 5, 0.2);
	padding: 16px;
	box-sizing: border-box;
	text-align: center;
}

.presentStep .h {
	margin-bottom: 16px;
}

.presentStep iframe {
	width: 100% !important;
	box-sizing: border-box;
}

.step1.presentStep .marker {
	background: linear-gradient(transparent 75%, #cedaff 75%);
}

.step2.presentStep .content {
	display: flex;
}

.step2.presentStep .way {
	width: 352px;
	background: #f9f0e3;
	margin: 0 26px 0 36px;
}

.step2.presentStep .way2 {
	margin: 0 36px 0 26px;
}

.step2.presentStep .way h3 {
	margin: 0;
}

.step2.presentStep .way div {
	padding: 2px 16px 12px;
	width: 100%;
	box-sizing: border-box;
}

.timeTable p {
	margin: 0;
}

.remain {
	color: red;
	font-weight: bold;
}

.online_txt01 {
	text-align: center;
	margin-top: 3em;
}

.fixedBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 10000;
}

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

	#container {
		overflow: hidden;
	}

	.pc,
	img.pc,
	br.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	img.sp,
	br.sp {
		display: inline;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	section p,
	section li {
		font-size: 16px;
	}



	#mv {
		height: auto;
		margin-bottom: 24px;
	}

	#content {
		width: auto;
	}

	.container {
		padding-bottom: 16px;
	}

	.sectContent {
		width: auto;
		padding: 10px 10px;
	}

	.btn a {
		display: block;
		margin: 0 auto;
		width: 100vw;
		height: 38vw;
		background: url(../images/cta_btn_sp.png) no-repeat center 0;
		background-size: 100% auto;
		-o-transition: .4s;
		-ms-transition: .4s;
		-moz-transition: .4s;
		-webkit-transition: .4s;
		transition: .4s;
		text-indent: -9999em;
		position: relative;
		overflow: hidden;

	}

	.btn a:hover {
		transform: translateY(4px);
	}

	.timeTable {
		display: block;
		font-size: 20px;
	}

	.timeTable tr {
		display: block;
	}

	.timeTable tbody {
		display: block;
	}

	.timeTable thead {
		display: none;
	}

	.timeTable td {
		display: block;
		border: 0;
	}

	.timeTable th {
		display: block;
		border: 0;
	}

	.timeTable .dayHead {
		background: #ff2839;
		color: #fff;
	}

	.timeTable .timeData {
		background: #f2f2f2;
	}

	.timeTable .btnData {
		border-bottom: 1px solid;
		padding-bottom: 16px;
	}

	.timeTable .limit {
		display: inline;
	}

	.timeTable .btn a {
		height: 78.5px;
		width: 262px;
		background: url(../images/cta_btn2_sp.png) no-repeat center 0;
		background-size: 100% auto;
	}

	.timeTable .btn a:hover {
		background-image: url(../images/cta_btn2_sp_on.png);
	}

	.timeTable .btn a.disabled {
		background-image: url(../images/cta_btn2_deactive_sp.png);
	}

	.timeTable p {
		font-size: 20px;
		margin: 0;
	}

	.header {
		position: relative;
		background: url(../images/header.jpg) no-repeat center 0;
		background-size: 100% auto;
		width: 100vw;
		height: 338vw;
	}

	.page-online .header {
		position: relative;
		background: url(../images/header2.jpg) no-repeat center 0;
		background-size: 100% auto;
		width: 100vw;
		height: 338vw;
	}

	.header .btn {
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 148px;
		bottom: 53vw;
	}

	.msg {
		margin-bottom: 0;
	}

	.msg h1 {
		font-size: 20px;
	}

	.voice {
		width: 100%;
		padding-bottom: 0px;
	}

	.voice h3 {
		margin-bottom: 0;
	}


	table th {
		width: auto;
	}

	.hikakuTable {
		margin: 0 0 8px;
	}

	.bulletWrap {
		padding: 8px 16px 8px;
	}

	.box .boxContent {
		padding: 0;
		margin-bottom: 0;
	}

	.box ul {
		margin-bottom: 0;
	}



	.box .big {
		font-size: 22px;
		line-height: 1.3;
	}

	.plan {
		margin-bottom: 32px;
	}

	.box {
		padding: 16px;
		margin: 16px 0;
	}

	.box h3 {
		padding: 16px;
		font-size: 20px;
		margin: -16px -16px 14px;
	}

	.box ul li {
		margin-bottom: 16px;
	}

	.box ul li span {
		border-bottom: dashed 2px #3e3e3e;
		display: inline-block;
		display: inline;
		padding-bottom: 1px;
	}

	#sectProfile .small {
		font-size: 18px;
		line-height: 1.3;
	}

	#sectPrice {
		padding-bottom: 85px;
		padding-bottom: 0px;
	}

	.section-title {
		margin-bottom: 0;
		/*padding: 8px;*/
	}

	.sectCTA .section-title {
		padding: 0;
	}

	.sectCTA .sectContent {
		margin-top: -38px;
	}

	.sectCTA h2 {
		text-align: center;
		padding: 0;
		padding-top: 14px;
	}

	.naname {
		border-width: 5rem 100vw 0 0;
	}

	.video-background {
		max-height: 100%;
		left: 50%;
		transform: translateX(-50%);
	}

	.main-banner {
		height: auto;
		padding: 80px 0;
	}

	.main-banner-text h1 {
		font-size: 20px;
	}

	#sectNayami {
		margin-top: -65px;
	}

	#sectAbout {
		padding-bottom: 85px;
	}

	#sectYoutube>.container {
		margin-top: -145px;
	}

	#sectYoutube .about-youtube {
		padding-left: 0;
	}

	.about-addax {
		padding-top: 17px;
	}

	.merit-area {
		padding-top: 98px;
		padding-bottom: 79px;
	}

	#sectGrowth {
		padding-top: 85px;
		padding-bottom: 85px;
	}

	#sectPrice {
		padding-bottom: 85px;
	}

	#sectPrice .pricingTableRow {
		margin-bottom: 40px;
		margin-top: 10px;
	}

	#sectPrice .pricingTableRow>div {
		margin-bottom: 1em;
	}

	#sectVoice .sectContent {
		margin-top: -111px;
	}

	#sectSanka {
		padding-top: 15px;
	}

	#sectLimit {
		padding-bottom: 85px;
	}

	#sectLimit>.container {
		margin-top: -192px;
	}

	.sectCTA .notice {
		font-size: 12px;
		margin-bottom: 0;
		color: #ff2c2c;
	}

	.table-scroll {
		overflow-x: scroll;
	}

	.table-scroll .table {
		width: 800px;
	}

	.sectCTA .table {
		margin: 0 -80px;
		margin: 0;
	}


	.sectCTA .customBtn.static {
		position: static;
		box-shadow: none;
		width: auto;
	}

	.sectCTA .customBtn input[type=submit] {
		width: 100%;
		padding-top: 23.313%;
		height: 0;
	}

	.queryFormTable,
	.queryFormTable tbody,
	.queryFormTable tr {
		display: block;
	}

	.queryFormTable th {
		display: list-item;
		list-style: none;
		width: 100%;
		box-sizing: border-box;
	}

	.queryFormTable td {
		display: list-item;
		list-style: none;
		width: 100%;
		box-sizing: border-box;
	}

	input[type=submit],
	input[type=reset],
	input[type=button] {
		padding: 40px 16px
	}

	body.pg_raw table th {
		display: list-item;
		list-style: none;
	}

	body.pg_raw table td {
		display: list-item;
		list-style: none;
	}

	#fbLike {
		margin: 15px;
		padding: 36px 8px 0;
		height: 80px;
		word-break: break-all;
	}

	.step2.presentStep .way {
		width: 100%;
		margin: 0;
	}

	.fixedBtn {
		width: 100%;
		height: 60px;
		background: url(../images/fixedbtn_sp.jpg) no-repeat center 0;
		background-size: auto 100%;
		bottom: 0;
		right: 0;
		box-shadow: 0 -1px 16px 0 rgba(35, 35, 35, 0.28);
	}

	.fixedBtn a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.fixedBtn a img {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	#mv {
		max-width: 860px;
		margin: 0 auto 50px;
	}

	.btn a {
		display: block;
		margin: 0 auto;
		width: 788px;
		height: 159px;
		background: url(../images/cta_btn.png) no-repeat center 0;
		background-size: 100% auto;
		-o-transition: .4s;
		-ms-transition: .4s;
		-moz-transition: .4s;
		-webkit-transition: .4s;
		transition: .4s;
		text-indent: -9999em;

	}

	.btn a:hover {
		background-image: url(../images/cta_btn_on.png);
		transform: translateY(4px);
	}

	.btn a.disabled:hover {
		transform: none;
	}

	.header {
		position: relative;
		background: url(../images/header_pc.jpg) repeat-x center 0;
		background-size: 1800px auto;
		width: 100%;
		height: 1377px;
	}

	.page-online .header {
		position: relative;
		background: url(../images/header2_pc.png) repeat-x center 0;
		background-size: 1800px auto;
		width: 100%;
		height: 1377px;
	}

	.header .btn {
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 171px;
	}

	#sectCTA1,
	#sectCTA2 {
		position: relative;
		background: url(../images/cta2_2_pc.jpg) no-repeat center 0;
		background-size: 1800px auto;
		width: 100%;
		height: 572px;
	}

	#sectCTA1 .btn,
	#sectCTA2 .btn {
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 153px;
	}

	#sectCTA3 {
		margin-top: -50px;
		margin-bottom: 40px;
	}

	#sectVoice {
		margin-top: 65px;
	}

	#sectVoice .section-title {
		margin-top: -116px;
		position: relative;
		z-index: 1;
	}

	.voiceIntro {
		margin-top: -108px;
		margin-bottom: 30px;
	}



	.profMatsuwota {
		height: 822px;
		background: url(../images/matsuwota.jpg) no-repeat 0 0;
		background-size: 960px auto;
		margin-bottom: 30px;
	}

	.profMatsuwota .para1 {
		position: absolute;
		left: 320px;
		top: 330px;
	}

	.profMatsuwota .para2 {
		position: absolute;
		left: 640px;
		top: 385px;
	}

	.profNikaidou {
		height: 714px;
		margin-bottom: 30px;
		background: url(../images/nikaidou.jpg) no-repeat 0 0;
		background-size: 960px auto;
	}

	.profNikaidou .para1 {
		position: absolute;
		top: 327px;
		left: 167px;
	}

	.profNikaidou .para2 {
		position: absolute;
		top: 258px;
		left: 518px;
	}

	.profHayashi {
		height: 967px;
		margin-bottom: 30px;
		background: url(../images/hayashi.jpg) no-repeat 0 0;
		background-size: 960px auto;
	}

	.profHayashi .para1 {
		position: absolute;
		top: 350px;
		left: 33px;
	}

	.profHayashi .para2 {
		position: absolute;
		top: 545px;
		left: 527px;
	}

	.sectCTA {
		padding-top: 16px;
	}

	.sectCTA .container {
		padding-bottom: 74px;
	}

	.sectCTA .sectContent {
		margin-top: -28px;
	}

	#fbLike {
		text-align: left;
		padding-left: 115px;
	}
}

@media screen and (max-width: 767px) {
	#mv img {
		display: block;
	}

	.letterWidth {
		padding: 0 15px;
	}

	#sectVoice {
		padding: 40px 0 0 0;
		margin-top: 30px;
	}

	#sectVoice .section-title {
		margin-bottom: -52px;
		position: relative;
		text-align: center;
		transform: translateY(-105px);
		z-index: 100;
	}

	#sectDetails h2 {
		padding-bottom: 0;
	}

	#sect5 .container {
		padding-bottom: 48px;
	}

	section .section-title h2 {
		text-align: center;
		margin: 0 auto;
		background: none !important;
		height: auto !important;
	}

	#sectCTA1,
	#sectCTA2 {
		position: relative;
		background: url(../images/cta2_2.jpg) no-repeat center 0;
		background-size: 100% auto;
		width: 100%;
		height: 123vw;
	}

	#sectCTA2 {
		height: 99vw;
	}

	#sectCTA1 .btn,
	#sectCTA2 .btn {
		margin: 0;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 148px;
		bottom: 41vw;
	}

	#sectCTA2 .btn {
		bottom: 14vw;
	}

	#sectCTA3 {
		position: relative;
	}

	#sectCTA3 .sectContent {
		padding: 0px 0px 65px;
	}

	#sectCTA3 .btn {
		margin: 0 auto;
	}

	#sectDetails .container {
		padding-bottom: 40px;
	}

	.voiceIntro {
		margin-left: -15px;
		margin-right: -15px;
		transform: translateY(-105px);
		margin-bottom: -100px;
	}

	.voiceIntro img {
		width: 100%;
	}

	#sectProfile .sectContent,
	#sectProgram .sectContent,
	#sectGift .sectContent {
		padding: 0;
	}

	#sectProfile .container,
	#sectProgram .container,
	#sectGift .container {
		padding-left: 0;
		padding-right: 0px;
	}

	#sectProfile .profWrap,
	#sectProgram .profWrap,
	#sectGift .profWrap {
		padding: 0;
		margin: 0;
	}

	#sectProfile .profWrap {
		padding-bottom: 48px;
	}


	#sectProfile h2,
	#sectGift h2,
	#sectProgram h2 {
		line-height: 0;
		margin-top: -40px;
	}

	.prof {
		margin-bottom: 15px;
	}

	#sectProgram .container,
	#sectGift .container {
		padding-bottom: 0;
	}

	input[type=text],
	input[type=email],
	textarea {
		font-size: 18px;
	}

	input[type=submit],
	input[type=reset],
	input[type=button] {
		font-size: 24px;
		text-indent: 44px;
	}

	input[type=submit] {
		background: #00ad7d url(../images/btn_icon.png) no-repeat 29px center;
		background-size: 29px auto;
	}

}