.nav_wrap a {
  display: inline-block;
  margin-right: 10px; /* ボタン間の余白を調整 */
}

@charset "utf-8";


body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:125%;/* 20px */
	line-height:1.7;
	background:#fafafa;
	color: #111;
  font-feature-settings: "palt";
  text-align: justify;
}
h1 {
  height: 532px;
  background: url(../images/header3.png) center center no-repeat;
  text-indent: -9999px;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
h2 {
	margin: 2.5em auto;
	}
img {
	display:block;
	margin:0 auto;
	max-width: 100%;
}

.video-container {
  display: flex;
  justify-content: center;
  align-items: center;
}


.large {
	font-size:120%;
	}

.xlarge {
	font-size:144%;
	}

.xxlarge {
	font-size:172.8%;
	}
.small {
	font-size:82.5%;
	}
.xsmall {
	font-size:62.5%;
	}
.xxsmall {
	font-size:56.25%;
	}	
.u {
	text-decoration:underline;
}
.red {
	color:red;
	color: #e62e8a;
}
.highlight {
	background-color:#fff266;
}
.redhigh {
	color:red;
	color: #e62e8a;
	background-color:#fff266;
	}
.pics{
	float: right;
	width: 300px;
}
.txtcenter {
	display: block;
	text-align: center;
}
.nomt {margin-top: 0;}
.pconly{display: inline-block;}
.sponly{display: none;}
strong {
	font-weight:bold;
	}
#wrapper {
	margin:0 auto;
	background: url("../images/bg_wrapper.png") center center repeat-y;
}
main {
}
.container{
}
footer {
	margin:5em auto 0;
	padding:20px 0;
	background: #009999;
	color: #fff;
	text-align:center;
	font-size: smaller;
}
footer a {
	color:#fff;
	text-decoration:underline;
}

footer a:hover {text-align: center;
}
address {
	font-style:normal;
}
.copys {
	display: flex;
	justify-content: space-between;
	margin: 20px auto 0;
	width: 900px;
}


/*
 *		apply
 */


.apply {
	margin: 0 auto;
	padding:2em 0;
	width:920px;
	max-width: 100%;
	}

.apply.nopadb {
	padding-bottom: 0;
}

.btn {
	display:block;
	margin:1em auto 1.5em;
	width: 780px;
	max-width: 100%;
	height: 180px
	background: transparent;
}

.btn img {
	filter: drop-shadow(0 0 2px rgba(0,0,0,0.5));

	animation-name:btn-animation-f;
	animation-iteration-count: infinite;
	animation-duration:2s;
}

.btn_tomov img {
	animation: none;
}

.btn_tomov:hover img {
	opacity: 0.6;
}

.btn:hover {
	animation-duration:0.8s;	
}

@keyframes btn-animation-f {
	0% { transform:scale(1,1)}
	20% {transform:scale(1.02,1.02)}
	40% { transform:scale(1,1)}
	60% {transform:scale(1.02,1.02)}
	80% { transform:scale(1,1)}
	85% { transform:skewX(10deg)}
	90% {transform:skewX(-10deg)}
	95% { transform:skewX(10deg)}
	100% {transform:skewX(-10deg)}
}




/*
 *		text
 */	

.wrap_text {
	margin: 0 auto;
	width:820px;
	max-width: 100%;
}

h2.hold {
/*	margin-top: 1.5em;*/
}

h2.hold img {
	width: 900px;
}

/*
 *		特典
 */	

.bonus h2:first-of-type {
	margin-top: 0;
}

.bonus.bonus_st h2:first-of-type {
	margin-top: 2.5em;
}




.wrap_bonus {
	margin: 0 auto;
	padding:20px 0 30px;
	width:820px;
	max-width: 100%;
	background: rgb(255,234,191);
	background: linear-gradient(90deg, rgba(255,234,191,1) 0%, rgba(255,255,255,1) 70%, rgba(255,234,191,1) 100%);
	background: #f6f3ef;
}


.con_bonus {
	margin: 0 auto 30px;
	width: 760px;
	max-width: 100%;
}

.con_bonus:last-of-type {
	margin-bottom: 0;
}

.con_bonus p {
	padding: 30px;
	background: #fff;
}



/*
 *		企画
 */	

h3.kikaku {
	margin: 2em auto 1em;
}


/*
 *		workshop
 */	

.wrap_workshop {
	margin: 0 auto 100px;
	padding:30px;
	width:820px;
	max-width: 100%;
	background: #f5f5f5;
}


.wrap_workshop ul {
	position: relative;
	margin: 0 auto;
	padding: 30px;
	max-width: 100%;
	background: #fff;
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 9999;
}


.wrap_workshop ul li {
	margin-top: 0.85em;
	padding-bottom: 0.5em;
	padding-left: 1.6em;
	border-bottom: 1px solid #CCC;
	background: url("../images/check01.png") left 0.05em no-repeat;
	background-size: 1em 1em;
	line-height: 1.4;
}


.wrap_workshop ul li:first-of-type {
	margin-top: 0;
}
	
.wrap_workshop ul li:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}


/*
 *		naiyou
 */	

 .naiyou {margin-bottom: 4em;}

.wrap_naiyou > p {
	margin: 0 auto;
	width:760px;
}

 .con_naiyou {
	margin: 0 auto 50px;
	padding:30px;
	width:820px;
	max-width: 100%;
	border: 30px solid #f5f5f5;
}

.wrap_naiyou  h3 {
	margin: 2em auto 1em;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #1a1212;
	text-align: center;
	font-size: 1.5em;
}

.wrap_naiyou h3:first-of-type {
	margin-top: 0;
}

.con_naiyou p {
	padding-bottom: 1em;
	border-bottom: 2px solid #f5f5f5;
}




/*
 *		schedule
 */	

.schedule h2 {
	margin-bottom: 0;
}

.schedule h2.hd_schedule02 {
	margin: 4em auto 1.5em;
}

.hd_schedule {
	width: 900px;
}

.wrap_schedule {
	margin: 0 auto;
	padding:30px 0;
	width:820px;
	max-width: 100%;
}

.schedule table {
	margin: 0 auto 30px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

.schedule table tr:nth-of-type(odd) {
	background: #f5f5f5;
}

.schedule table th {
	padding: 0.5em 0;
	background: #00A0C0;
	color: #fff;
	text-align: center;
}

.schedule table td {
	padding: 1em 2em;
	text-align: left;
}

.wrap_schedule h3 {
	padding: 0.5em;
	background: #f4eee6;
	color:#1a1212;
	font-size: 1.5em;
	line-height: 1;
	vertical-align: bottom;
}

.wrap_schedule h3::before {
	display: inline-block;
	content: '';
	margin-right: 0.5em;
	width: 0.2em;
	height: 1.2em;
	background: #1a1212;
}

.wrap_schedule h3 + p {
	padding: 0.5em;
}

.schedule + .apply {
	margin-bottom: 5em;
	padding-top: 0;
}


/*
 *		voice
 */	

.wrap_voice {
	margin: 0 auto 50px;
	padding:30px 0;
	width:820px;
	max-width: 100%;
	background: rgb(239,240,226);
	background: linear-gradient(90deg, rgba(239,240,226,1) 0%, rgba(255,255,255,1) 50%, rgba(239,240,226,1) 100%);
}

.con_voice {
	margin: 0 auto 30px;
	padding: 20px 0 30px;
	padding: 20px 0 0;
	width: 760px;
	max-width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background: #fff;
}

.con_voice:last-of-type {
	margin-bottom: 0;
}

.con_voice h3 {
    margin: 0 auto;
	padding-bottom: 20px;
    width: 680px;
    border-bottom: 1px solid #CCC;
}

.con_voice h3 img:nth-of-type(2) {
	margin-top: 1em;
}


section.voice > p {
	margin: 2em auto 0;
	width: 820px;
	max-width: 100%;
}
.con_voice p.dis {
	display: none;
}

.txtvoice {
	padding: 20px 30px;
	background: #fff;
	text-align: center;
}

.pic_voice {
	margin: 0 auto;
	width: 300px;
}

.name_voice {
	margin: 1em auto 2em;
}


.att {
	font-size: 75%;
}





/*
 *		profile
 */	


.sign {
	margin:1em auto 1em;
	text-align: right;
}

.sign img {display: inline;}

.profile {
	margin-top: 4em;
}

.con_profile {
	margin: 0 auto;
	padding: 30px;
	width: 820px;
	max-width: 100%;
	border: 20px solid #f5f5f5;
	background: #fff;
}

.shd_profile {
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}

.shd_profile img {
	margin: 0;
}

.pic_profile {
	width: 220px;
}

.pic_profile02 {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	width: 300px;
}


.con_profile p {
	margin-top:1.5em;
	padding-top: 1em;
	border-top: 1px solid #DDD;
}

.recommend .book {
	display: inline-block;
	margin-top: 1em;
}


.flbtn {display: none;}

.optin {
	margin: 4em auto 0;
	padding: 1em;
	width: 800px;
	max-width: 100%;
	height: 80px;
	background: #f5f5f5;
	color: #333;
	font-size: 40%;
	overflow: scroll;
}

/*
 *		特商法
 */	

/* Tokutei Table
------------------------------------------------------*/
.tb01{
	width:720px;
	margin:30px auto 30px;
	background:#ccc;
}
.tb01 .title{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-color:#EBEBEB;
	padding:6px;
	width:25%;
}
.tb01 td{
	font-size: 12px;
	vertical-align: top;
	background-color:#FFFFFF;
	padding:6px;
}

.law #wrapper {
	margin: 0 auto 2em;
	padding: 3em;
	width: 800px;
	background: #fff;
	max-width: 100%;
	font-size: 75%;
}

.law #wrapper h2 {
	font-size: 2em;
}

.law #wrapper h3 {
	margin-top: 2em;
	font-size: 1.25em;
}

.law #wrapper h4 {
	margin-top: 2em;
}

	
@media screen and (max-width: 1023px) {
	
	body {width: 980px;}
	h1 {
	}

	h2 {margin:1.5em auto 1em;}

	main {
		font-size: 200%;
	}

	footer {padding-bottom: 13em;}
	.pconly{display: none;}
	.sponly{display: inline-block;}
	.xlarge {font-size: 125%;}
	.xxlarge{font-size: 150%;}

	.form {padding: 30px 0;}
	.btn {
		margin: 0.5em auto 0.75em;
	}
	.pics {
		float: none;
		margin-bottom: 1em;
		width: initial;
	}

	.apply {padding: 1em 0;}
	
	#wrapper {background: #fff;}

	.wrap_text {width: 900px;max-width: 100%;}

	.wrap_bonus,.wrap_voice,.wrap_video,.con_profile {
		padding: 30px;
		width: 96%;
	}

	.con_bonus,.con_voice,.con_video {
		width: 100%;
	}
	.con_bonus h3 img {width: 100%;}
	.con_voice h3 img {width: 100%;}
	
	.txtvoice {
		flex-direction: column;
	}

	.pic_voice {
		margin: 0 auto 1em;
		width: 480px;
	}
	.name_voice {margin: 1em auto 2em;}

	h2.hold img,
	.hd_schedule {width: 100%;}

	.wrap_workshop{
		width: 96%;
	}

	.con_naiyou {
		width: 96%;
	}

	.naiyou > p {
		width: 96%;
	}

	.wrap_schedule {
		width: 96%;
	}

	.schedule table td {
		padding: 0.5em;
	}

	.schedule table th:first-of-type {
		width: 33%;
	}


	.schedule + .apply {
		margin-bottom: 2.5em;
	}
	
	section.voice > p {
		padding: 0 30px;
		width: 96%;
	}

	.shd_profile {
		flex-direction: column;
	}

	img.pic_profile {
		margin-top: 1em;
		width: 480px;
	}

	.con_profile p {margin-top: 1em;}

	.pic_profile02 {
		float: none;
		margin:0 auto 1em;
		width: 480px;
	}

	
	.flbtn {
		position: fixed;
		display: block;
		opacity: 0;
		bottom: 1em;
		left: calc( (980px - 780px)/2 );
		margin: 0 auto;

		animation-name:btn-animation-f;
		animation-iteration-count: infinite;
		animation-duration:2s;
		animation-delay: 0.5s;
	}
  
	.con_voice p.dis {
		font-size: 0.66em;
	}
  
}