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

input[type="radio"] {
	margin: 3px;
}

/*--------------- top ---------------*/

#mainimg {
	width: 100%;
	height: calc( 100vh - 110px );
	margin: 0 auto;
	padding: 0;
	font-family: "Zen Old Mincho", serif;
	position: relative;
}
@media print,screen and ( max-width: 1155px ) {
	#mainimg { height: calc( 100vh - 50px ); }
}
@media print,screen and ( max-width: 800px ) {
	#mainimg{
		max-height: 180vw;
		overflow: hidden;
	}
}
@media print,screen and ( max-width: 450px ) {
	#mainimg { height: calc( 100vh - 70px ); }
}

#mainimg .ttl_topmain {
	width: 100%;
	margin: 0;
	padding: 0;
	transform: translateX(-50%);
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 0;
}
#mainimg .txt_jp {
	margin: 0 0 0.75em;
	font-size: min( 3.33vw, 29px );
	color: #000000;
	text-align: center;
	font-weight: 700;
	text-shadow: 0 0 8px #fff, 0 0 6px #fff, 0 0 4px #fff, 0 0 2px #fff;
}

#mainimg .txt_en{
	max-width: 550px;
	width: 62.777%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.col_topmain {
	width: 100%;
	max-width: 1260px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	display: flex;
}
@media print,screen and ( max-width: 800px ) {
	.col_topmain{
		padding: 20% 0 0;
		flex-direction: column;
		justify-content: flex-end;
	}
}
.col_topmain .img_topmain {
	width: 41.8%;
	margin: 0;
	padding: 0;
	align-self: flex-end;
	position: relative;
	z-index: 0;
}
#mainimg.wide .col_topmain .img_topmain {
	max-height: calc( 100vh - 235px );
}

@media print,screen and ( max-width: 800px ) {
	.col_topmain .img_topmain {
		width: 100%;
		height: 68%;
		margin: 0 auto;
		
	}
}
.col_topmain .img_topmain::before {
	content: "";
	width: 61.71vw;
	max-width: 810px;
	height: 61.71vw;
	max-height: 810px;
	margin: 0;
	padding: 0;
	background: radial-gradient( closest-side, rgba(178,176,171,0.7) 0, rgba(223,222,222,0) 100% );
	transform: translate(-50%, -50%);
	position: absolute;
	top: 60%;
	left: 55%;
	z-index: -1;
}
@media print,screen and ( max-width: 720px ) {
	.col_topmain .img_topmain::before {
		width: 100vw;
		height: 100vw;
		top: 50%;
		left: 50%;
	}
}
.col_topmain .img_topmain img {
	width: 100%;
	vertical-align: top;
}
@media print,screen and ( max-width: 1180px ) {
	.col_topmain .img_topmain img {
		width: 130%;
		max-width: 500px;
		transform: translateX(-50%);
		position: relative;
		left: 50%;
	}
}
@media print,screen and ( max-width: 800px ) {
	.col_topmain .img_topmain img {
		width: 70%;
		max-width: 360px;
	}
}
.col_topmain .cont_topmain{
	width: 58.2%;
	order: 1;
	position: relative;
	z-index: 0;
}
@media print,screen and ( max-width: 800px ) {
	.col_topmain .cont_topmain {
		width: 100%;
		height: 32%;
		margin: 0 auto;
		order: 0;
		position: static;
		z-index: 1;
	}
}

ul.list_balloon {
	width: 100%;
	height: calc( 100% - 210px );
	margin: 120px 0 0;
	padding: 0;
	list-style: none;
	opacity: 0;
	transition: opacity .6s;
	position: relative;
	z-index: 0;
}
ul.list_balloon.active { opacity: 1; }
@media print,screen and ( max-width: 800px ) {
	ul.list_balloon {
		height: 100%;
		margin: 0;
	}
}
ul.list_balloon li {
	margin: 0;
	padding: 2% 0;
	text-align: center;
	background-color: #ff9f00;
	border-radius: 15px;
	filter: blur( 2px );
	transform: translate(-50%, -50%) translateZ(0) scale(0.95);
	transform-origin: center center;
	opacity: 0.2;
	position: absolute;
	z-index: 0;
}
ul.list_balloon li.animation {
	animation: 6s ease-in 0s anim-balloon;
	z-index: 1;
}
@media print,screen and ( max-width: 800px ) {
	ul.list_balloon li {
		opacity: 0.1;
	}
	ul.list_balloon li.animation {
		animation: 6s ease-in 0s anim-balloon-sp;
	}
}
@keyframes anim-balloon {
	0% {
		filter: drop-shadow(0 0 10px rgba(33,120,168,0.4)) blur( 2px );
		transform: translate(-50%, -50%)  translateZ(0) scale(0.95);
		opacity: 0.2;
	}
	30% {
		filter: drop-shadow(0 0 10px rgba(33,120,168,0.4)) blur( 0 );
		transform: translate(-50%, -50%)  translateZ(0) scale(1);
		opacity: 1;
	}
	80% {
		filter: drop-shadow(0 0 10px rgba(33,120,168,0.4)) blur( 0 );
		transform: translate(-50%, -50%)  translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		filter: drop-shadow(0 0 10px rgba(33,120,168,0.4)) blur( 2px );
		transform: translate(-50%, -50%)  translateZ(0) scale(0.95);
		opacity: 0.2;
	}
}
@keyframes anim-balloon-sp {
	0% {
		filter: blur( 2px );
		transform: translate(-50%, -50%)  translateZ(0) scale(0.95);
		opacity: 0.1;
	}
	30% {
		filter: blur( 0 );
		transform: translate(-50%, -50%)  translateZ(0) scale(1);
		opacity: 1;
	}
	80% {
		filter: blur( 0 );
		transform: translate(-50%, -50%)  translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		filter: blur( 2px );
		transform: translate(-50%, -50%)  translateZ(0) scale(0.95);
		opacity: 0.1;
	}
}

ul.list_balloon li:nth-child(odd)::before {
	content: "";
	width: 35px;
	height: 30px;
	background-color: #ff9f00;
	border-radius: 8px;
	transform: translate(-50%, -50%) skew(20deg, 40deg);
	position: absolute;
	top: calc( 100% - 5px );
	left: 50%;
	z-index: -1;
}
ul.list_balloon li:nth-child(even)::before {
	content: "";
	width: 35px;
	height: 30px;
	background-color: #ff9f00;
	border-radius: 8px;
	transform: translate(-50%, -50%) skew(-20deg, -40deg);
	position: absolute;
	top: calc( 100% - 5px );
	left: 50%;
	z-index: -1;
}
ul.list_balloon li.balloon1 { width: 50%; }
ul.list_balloon li.balloon1 img { width: 71.46%; }
ul.list_balloon li.balloon2 { width: 50%; }
ul.list_balloon li.balloon2 img { width: 82.49%; }
ul.list_balloon li.balloon3,
ul.list_balloon li.balloon13 { width: 50%; }
ul.list_balloon li.balloon3 img,
ul.list_balloon li.balloon13 img { width: 77.74%; }
ul.list_balloon li.balloon4,
ul.list_balloon li.balloon14 { width: 56.475%; }
ul.list_balloon li.balloon4 img,
ul.list_balloon li.balloon14 img { width: 89.13%; }
ul.list_balloon li.balloon5,
ul.list_balloon li.balloon15 { width: 51.398%; }
ul.list_balloon li.balloon5 img,
ul.list_balloon li.balloon15 img { width: 90.48%; }
ul.list_balloon li.balloon6 { width: 51.398%; }
ul.list_balloon li.balloon6 img { width: 90.162%; }
ul.list_balloon li.balloon7 { width: 51.398%; }
ul.list_balloon li.balloon7 img { width: 68.95%; }
ul.list_balloon li.balloon8,
ul.list_balloon li.balloon16 { width: 38.41%; }
ul.list_balloon li.balloon8 img,
ul.list_balloon li.balloon16 img { width: 82.59%; }
ul.list_balloon li.balloon9 { width: 38.41%; }
ul.list_balloon li.balloon9 img { width: 77.62%; }
ul.list_balloon li.balloon10,
ul.list_balloon li.balloon17 { width: 32.28%; }
ul.list_balloon li.balloon10 img,
ul.list_balloon li.balloon17 img { width: 81.22%; }
ul.list_balloon li.balloon11,
ul.list_balloon li.balloon18 { width: 39.94%; }
ul.list_balloon li.balloon11 img,
ul.list_balloon li.balloon18 img { width: 87.72%; }
ul.list_balloon li.balloon12 { width: 50%; }
ul.list_balloon li.balloon12 img { width: 89.45%; }
@media print,screen and ( max-width: 720px ) {
	ul.list_balloon li.balloon1,
	ul.list_balloon li.balloon2,
	ul.list_balloon li.balloon3,
	ul.list_balloon li.balloon12,
	ul.list_balloon li.balloon13 { width: 69.3vw; }
	ul.list_balloon li.balloon4 { width: 78.27vw; }
	ul.list_balloon li.balloon5,
	ul.list_balloon li.balloon6,
	ul.list_balloon li.balloon7,
	ul.list_balloon li.balloon14,
	ul.list_balloon li.balloon15 { width: 71.238vw; }
	ul.list_balloon li.balloon8,
	ul.list_balloon li.balloon9,
	ul.list_balloon li.balloon16 { width: 53.23vw; }
	ul.list_balloon li.balloon10,
	ul.list_balloon li.balloon17 { width: 44.73vw; }
	ul.list_balloon li.balloon11,
	ul.list_balloon li.balloon18 { width: 55.357vw; }
}

ul.list_balloon li.orange,
ul.list_balloon li.orange::before { background-color: #ff9f00; }
ul.list_balloon li.green,
ul.list_balloon li.green::before { background-color: #adce00; }
ul.list_balloon li.red,
ul.list_balloon li.red::before { background-color: #eb5f56; }
ul.list_balloon li.yellow,
ul.list_balloon li.yellow::before { background-color: #f3c922; }
ul.list_balloon li.position1 {
	top: 20%;
	left: 15%;
}
ul.list_balloon li.position2 {
	top: 40%;
	left: 20%;
}
ul.list_balloon li.position3 {
	top: 84%;
	left: 83%;
}
ul.list_balloon li.position4 {
	top: 10%;
	left: 76%;
}
ul.list_balloon li.position5 {
	top: 28%;
	left: 62%;
}
ul.list_balloon li.position6 {
	top: 50%;
	left: 75%;
}
ul.list_balloon li.position7 {
	top: 49%;
	left: 47%;
}
ul.list_balloon li.position8 {
	top: 62%;
	left: 18%;
}
ul.list_balloon li.position9 {
	top: 70%;
	left: 38%;
}
ul.list_balloon li.position10 {
	top: 76%;
	left: 20%;
}
ul.list_balloon li.position11 {
	top: 15%;
	left: 76%;
}
ul.list_balloon li.position12 {
	top: 66%;
	left: 80%;
}
ul.list_balloon li.position13 {
	top: 12%;
	left: 43%;
}
ul.list_balloon li.position14 {
	top: 33%;
	left: 52%;
}
ul.list_balloon li.position15 {
	top: 30%;
	left: 83%;
}
ul.list_balloon li.position16 {
	top: 60%;
	left: 46%;
}
ul.list_balloon li.position17 {
	top: 78%;
	left: 58%;
}
ul.list_balloon li.position18 {
	top: 87%;
	left: 39%;
}
ul.list_balloon li.position19 {
	top: 31%;
	left: 12%;
}
ul.list_balloon li.position20 {
	top: 52%;
	left: 12%;
}
@media print,screen and ( max-width: 800px ) {
	ul.list_balloon li.position1 {
		top: 22%;
		left: 29%;
	}
	ul.list_balloon li.position2 {
		top: 32%;
		left: 38%;
	}
	ul.list_balloon li.position3 {
		top: 76%;
		left: 71%;
	}
	ul.list_balloon li.position4 {
		top: 24%;
		left: 62%;
	}
	ul.list_balloon li.position6 {
		top: 50%;
		left: 70%;
	}
	ul.list_balloon li.position8 {
		top: 62%;
		left: 23%;
	}
	ul.list_balloon li.position11 {
		top: 24%;
		left: 68%;
	}
	ul.list_balloon li.position12 {
		top: 66%;
		left: 64%;
	}
	ul.list_balloon li.position13 {
		top: 18%;
		left: 43%;
	}
	ul.list_balloon li.position15 {
		top: 69%;
		left: 33%;
	}
	ul.list_balloon li.position18 {
		top: 53%;
		left: 27%;
	}
	ul.list_balloon li.position19 {
		top: 68%;
		left: 31%;
	}
	ul.list_balloon li.position20 {
		top: 74%;
		left: 32%;
	}
}

ul.list_balloon li img {
	vertical-align: top;
	transform: scale(0.95);
	transform-origin: center center;
}
ul.list_balloon li.animation img { animation: 6s ease-in 0s anim-balloonsize; }
@keyframes anim-balloonsize {
	0% {
		transform: scale(0.95);
	}
	40% {
		transform: scale(1);
	}
	90% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.99);
	}
}
.txt_topmain {
	width: 100%;
	margin: 0;
	padding: 0 0 8px;
	color: #000;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
@media print,screen and ( max-width: 800px ) {
	.txt_topmain {
		padding: 10px 0 8px;
		background-color: #eef2f5;
	}
	.txt_topmain::after {
		content: "";
		width: 100%;
		height: 14vw;
		margin: 0;
		padding: 0;
		background: linear-gradient( 180deg, rgba( 238,242,245,0 ) 10%, rgba( 238,242,245,1 ) 90% );
		position: absolute;
		left: 0;
		bottom: calc( 100% - 1px );
	}

}
.txt_topmain .bg_yellow {
	margin: 0 0.4em;
	padding: 0 0.5em 0.05em;
	display: inline-block;
	position: relative;
	z-index: 0;
}
.txt_topmain .bg_yellow::before {
	content: "";
	width: 0;
	height: 100%;
	background-color: #ffe100;
	opacity: 0;
	transition: width .6s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.txt_topmain.active .bg_yellow::before {
	width: 100%;
	opacity: 1;
}

.txt_topmain .small {
	font-size: 13px;
	font-weight: 400;
	margin: 1em 0 0;
	display: inline-block;
}
@media print,screen and ( max-width: 800px ) {
	.txt_topmain .small { margin: 0.5em 0 0; }
}


div#message{
	padding: 80px 0 100px;
	background-color: #fff;
}
@media print,screen and ( max-width: 720px ) {
	div#message{ padding: 40px 0 50px; }
}
.box_message {
	width: 90%;
	max-width: 1120px;
	margin: 0 auto;
	color: #000000;
	background-color: #f6f6f4;
	border-radius: min( 8.33vw, 50px );
	overflow: hidden;
	display: flex;
	align-items: center;
	transition: all .5s ease-in-out;
	opacity: 0;
	position: relative;
	top: 15px;
}
.box_message.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.box_message{
		display: block;
		max-width: 660px;
		padding: 25px 0 0;
	}
}
.left_message1{
	width: 38%;
	text-align: center;
}
@media print,screen and ( max-width: 720px ) {
	.left_message1{
		width: 100%;
		text-align: center;
		margin: 0 0 18px;
	}
}
.left_ttl {
	margin: 0 0 1em;
	padding: 0 10px;
	font-size: min( 7vw, 40px );
	font-weight: 700;
	line-height: 1.15;
	box-sizing: border-box;
}
.left_ttl .ls { letter-spacing: 0.1em; }
@media print,screen and ( max-width: 720px ) {
	.left_ttl{
		margin: 0 0 5px;
	}
}
.txt_left_message{
	font-size: min( 4vw, 15px );
	font-weight: 500;
	line-height: 2;
}

.right_message1 {
	width: 62%;
}
@media print,screen and ( max-width: 720px ) {
	.right_message1{
		width: 100%;
	}
}
.right_message1 img { vertical-align: top; }
.right_message1 iframe {
	width: 100%;
	height: calc( 90vw * 0.62 / 560 * 315 );;
	max-height: 390px;
}
@media only screen and ( max-width: 720px ) {
	.right_message1 iframe {
		height: calc( 90vw / 560 * 315 );
		max-height: unset;
	}
}

div#philosophy{
	margin: 0;
	padding: 0 0 100px;
}
@media print,screen and ( max-width: 720px ) {
	div#philosophy{ padding: 0 0 8%; }
}
.box_philosophy{
	width: 94%;
	max-width: 1056px;
	margin: 0 auto;
	color: #000000;
}

.ttl_philosophy{
	margin: 0 0 50px;
	font-size: min( 7vw, 40px );
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.06em;
	transition: all .5s ease-in-out;
	opacity: 0;
	position: relative;
	top: 15px;
}
.ttl_philosophy.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttl_philosophy {
		margin: 0 0 25px;
	}
}
.wrap_philosophy1{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and ( max-width: 1080px ) {
	.wrap_philosophy1{
		max-width: 700px;
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media print,screen and ( max-width: 720px ) {
	.wrap_philosophy1{
		display: block;
	}
}
dl.box_philosophy1 {
	width: 330px;
	height: 330px;
	background-color: #ffe100;
	border-radius: 50%;
	box-shadow: 7px 7px 5px rgba(0, 0, 000000, 0.2);
	text-align: center;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
dl.box_philosophy1.active {
	opacity: 1;
	top: 0;
}

@media print,screen and ( max-width: 1080px ) {
	dl.box_philosophy1{
		width: 330px;
		margin: 0 0 0 0;
	}
	dl.box_philosophy1:first-of-type {
		margin-right: calc( 100% - 660px );
	}
}
@media print,screen and ( max-width: 720px ) {
	dl.box_philosophy1 {
		width: 100%;
		max-width: 560px;
		height: auto;
		margin: 0 auto;
		padding: 0 0 12%;
		border-radius: 0;
		background-color: #ffe10000;
		box-shadow: none;
	}
	dl.box_philosophy1:first-of-type { margin: 0 auto; }
	dl.box_philosophy1:last-of-type{
		margin: 0 auto;
		padding: 0 0 5%;
	}
}
dl.box_philosophy1 dt{
	margin: 0 0 20px;
	padding: 50px 0 0;
	font-family: "Zen Old Mincho", serif;
	font-size: min( 6.9vw, 30px );
	font-weight: 700;
	color: #ff6400;
	line-height: 1.3;
}
dl.box_philosophy1 dt span {
	letter-spacing: 0.06em;
	display: inline-block;
	position: relative;
	z-index: 0;
}
dl.box_philosophy1 dt span::before {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #ff6400;
	position: absolute;
	left: 0;
	bottom: 0;
}
dl.box_philosophy1:nth-child(2) dt  { margin: 0 0 24px; }
dl.box_philosophy1:nth-child(2) dt span { letter-spacing: 0; }
@media print,screen and ( max-width: 720px ) {
	dl.box_philosophy1 dt{
		width: 100%;
		margin: 0 0 0.8wm;
		padding: 0.2em 0;
		background-color: #ffe100;
		color: #000;
	}
	
	dl.box_philosophy1 dt span::before {
		content: none;
	}
}
dl.box_philosophy1 dd {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: -0.02em;
}
@media print,screen and ( max-width: 720px ) {
	dl.box_philosophy1 dd,
	dl.box_philosophy1 dd p span {
		text-decoration: underline;
		text-decoration-color: #ffe100;
		text-decoration-thickness: 3px;
	}
}
dl.box_philosophy1 dd p { line-height: 1.4; }
dl.box_philosophy1 dd p:last-child { margin-bottom: 0; }
div#explanation{
	height: 434px;
	margin: 0;
	padding: 0;
	background: url(../img/top/bg_explanation.jpg), linear-gradient( 90deg, #f9fafc 50%, #eaedf2 50% );
	background-size: auto 100%, auto auto;
	background-repeat: no-repeat;
	background-position: center top;
}
@media print,screen and ( max-width: 1100px ) {
	div#explanation{ background-position: right 35% top; }
}
@media print,screen and ( max-width: 720px ) {
	div#explanation{
		height: auto;
		background-image: none;
		background: linear-gradient( 90deg, #f9fafc, #f0f4f7 80% );
	}
}
.col_explanation1 {
	width: 90%;
	max-width: 1040px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media print,screen and ( max-width: 720px ) {
	.col_explanation1 {
		width: 100%;
		padding: 10% 0 8%;
		display: block;
	}
}
.mds_topexplanation{
	margin: 0 0 0.4em;
	padding: 0;
	font-size: min( 9.58vw, 40px );
	font-weight: 700;
}
@media print,screen and ( max-width: 720px ) {
	.mds_topexplanation{
		margin: 0 0 1em;
		padding: 0 2%;
		text-align: center;
	}
}
.col_explanation1 .lead {
	width: 90%;
	margin: 0 0 25px;
	font-size: min( 4.9vw, 25px );
	font-weight: bold;
	line-height: 2.04;
}
.col_explanation1 .lead .sp { display: none; }
@media print,screen and ( max-width: 720px ) {
	.col_explanation1 .lead {
		width: 94%;
		margin: 0 auto 1.5em;
		text-align: center;
		line-height: 1.57;
	}
	.col_explanation1 .lead .sp { display: inline; }
}
.col_explanation1 .lead sup { font-size: 0.6em; }
.col_explanation1 .img { display: none; }
@media print,screen and ( max-width: 720px ) {
	.col_explanation1 .img {
		width: 100%;
		margin: 0 auto 5%;
		text-align: center;
		background: linear-gradient( 110deg, #f6f7f9 50%, #eaedf2 80% );
		display: block;
	}
	.col_explanation1 .img img {
		width: 100%;
		max-width: 500px;
		vertical-align: top;
	}
}
.txt_explanation1 {
	margin: 0 0 50px;
	padding: 0;
	font-size: 15px;
	line-height: 1.8;
}
.note_explanation1 { font-size: 0.9em; }
@media print,screen and ( max-width: 720px ) {
	.txt_explanation1 {
		width: 94%;
		margin: 0 auto 0.3em;
	}
	.note_explanation1 {
		width: 94%;
		margin: 0 auto;
		font-size: 0.9em;
	}
}

.marker {
	display: inline-block;
	position: relative;
	z-index: 0;
}
.marker::before {
	content: "";
	width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
	background:linear-gradient( 180deg, rgba(255,225,0,0) calc( 100% - 17px ), rgba(255,225,0,1) calc( 100% - 16px ));
	opacity: 0;
	transition: width .5s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.marker.on::before {
	width: 100%;
	opacity: 1;
}

.col_explanation1 .lead .marker {
	margin: 0 0.2em;
	padding: 0 0.2em;
	display: inline-block;
	position: relative;
	z-index: 0;
}
@media print,screen and ( max-width: 720px ) {
	.col_explanation1 .lead .marker { margin: 0; }
}
.col_explanation1 .lead .marker::before {
	content: "";
	width: 0;
	height: 100%;
	background: linear-gradient( 180deg, rgba(255,225,0,0) calc( 50% - 0.65em ), rgba(255,225,0,1) calc( 50% - 0.65em + 1px ), rgba(255,225,0,1) calc( 50% + 0.7em ), rgba(255,225,0,0) calc( 50% + 0.7em + 1px ));
	opacity: 0;
	transition: width .5s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
}
.col_explanation1 .lead .marker.on::before {
	width: 100%;
	opacity: 1;
}

div#attention{
	margin: 0;
    padding: 100px 0 100px;
    color: #000;
}
@media print,screen and ( max-width: 720px ) {
	div#attention { padding: 10% 0; }
}
.box_attention1{
	width: 94%;
	max-width: 1046px;
	margin: 0 auto;
}

.lead_topattention {
	margin: 0 0 65px;
	font-size: 46px;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
	z-index: 0;
}
.lead_topattention.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.lead_topattention{
		margin: 0 0 10%;
		font-size: min(6.9vw, 50px);
	}
}
.lead_topattention .marker { padding: 0 0.2em; }
.txt_attention1 {
	margin: 0 0 58px;
	font-size: 15px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_attention1{
		margin: 0 0 8%;
		text-align: left;
	}
	.txt_attention1 .iblock { display: inline; }
}

.txt_attention2{
	margin: 0;
	font-size: 15px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_attention2 { text-align: justify; }
	.txt_attention2 .iblock { display: inline; }
}

ul.list_topskill {
	width: 100%;
	max-width: 805px;
	margin: 0 auto 58px;
	padding: 0;
	list-style: none;
}
ul.list_topskill li {
	margin: 0 0 1em;
	padding: 0;
	font-size: min(2.4vw, 21px);
	font-weight: 700;
	display: flex;
	align-items: center;
}
ul.list_topskill li span {
	padding: 0.4em 4em 0.5em;
	background-color: #ffe100;
	border-radius: 3em;
	display: inline-block;
	opacity: 0;
	transition: all .5s;
	position: relative;
	z-index: 0;
	top: 5px;
}
ul.list_topskill li.active span {
	opacity: 1;
	top: 0;
}
ul.list_topskill li span.deco {
	padding: 0;
	background-color: #fff7bd;
}
ul.list_topskill li span.deco.circle {
	width: 2.5em;
	height: 2.5em;
}
ul.list_topskill li span.deco.oval {
	width: 6em;
	height: 2.5em;
}
ul.list_topskill li:nth-child(1) { justify-content: center; }
ul.list_topskill li:nth-child(2) { padding-left: 6.58%; }
ul.list_topskill li:nth-child(2) span.deco.circle { margin: 0 0.8em; }
ul.list_topskill li:nth-child(3) { justify-content: space-between; }
ul.list_topskill li:nth-child(4) { padding-left: 6.58%; }
ul.list_topskill li:nth-child(4) span.deco.circle { margin: 0 0 0 3.5em; }
ul.list_topskill li:nth-child(5) { padding-left: 16.89%; }
ul.list_topskill li:nth-child(5) span.deco.circle { margin: 0 3em 0 0; }
ul.list_topskill li:nth-child(6) { padding-left: 58.577%; }
ul.list_topskill li:nth-child(6) span.deco.oval { width: 7.5em; }
ul.list_topskill li:nth-child(7) { padding-left: 68.323%; }


@media print,screen and ( max-width: 950px ) {
	ul.list_topskill li { margin: 0 0 2.66vw; }
}
@media print,screen and ( max-width: 720px ) {
	ul.list_topskill { margin: 0 auto 12%; }
	ul.list_topskill li {
		margin: 0 0 2.5vw;
		font-size: 3.5vw;
		justify-content: center;
	}
	ul.list_topskill li span { padding: 0.1em 1.2em 0.2em; }
	ul.list_topskill li span.deco.circle {
		width: 1.8em;
		height: 1.8em;
	}
	ul.list_topskill li span.deco.oval {
		width: 4em;
		height: 1.8em;
	}
	ul.list_topskill li:nth-child(2),
	ul.list_topskill li:nth-child(4),
	ul.list_topskill li:nth-child(5) { padding-left: 0; }
	ul.list_topskill li:nth-child(2) span.deco.circle { display: none; }
	ul.list_topskill li:nth-child(2) span.deco.oval { margin-left: 0.6em; }
	ul.list_topskill li:nth-child(3) { justify-content: center; }
	ul.list_topskill li:nth-child(3) span.deco,
	ul.list_topskill li:nth-child(4) span.deco { display: none; }
	ul.list_topskill li:nth-child(5) span.deco.circle { margin: 0 0.6em 0 0; }
	ul.list_topskill li:nth-child(6) { padding-left: 41%; }
	ul.list_topskill li:nth-child(6) span.deco.oval { width: 5em; }
	ul.list_topskill li:nth-child(7) { padding-left: 47.5%; }
}

.inner_box_attention1{
	width: calc(100% - 20px);
	padding: 50px 0;
	border: solid 10px #d4d1c4;
	border-radius: 20px;
	transition: all .8s;
	position: relative;
}

@media print,screen and ( max-width: 720px ) {
	.inner_box_attention1 { padding: 50px 0 25px; }
}
.inner_box_attention1::before{
	content: "";
	width: 0;
	height: 0;
	border-left: 51px solid transparent;
	border-right: 51px solid transparent;
	border-top: 26px solid #d4d1c4;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.cont_box_attention1{
	width: 85%;
	margin: 0 auto;
}

@media print,screen and ( max-width: 720px ) {
	.cont_box_attention1{
		width: 92%;
	}
}

.ttl_attention2 {
	margin: 0 0 50px;
	font-size: min( 5.6vw, 28px );
	font-weight: 700;
	text-align: center;
	line-height: 1.78;
}
@media only screen and ( max-width: 720px ) {
	.ttl_attention2 {
		margin: 0 0 10%;
		line-height: 1.6;
	}
}
.gray {
	background-color: #f2f1ed;
}

div#curriculum{
	margin: 0;
	padding: 115px 0 160px;
	color: #000;
}
@media print,screen and ( max-width: 720px ) {
	div#curriculum{
		padding: 13% 0;
	}
}
.box_curriculum1{
	width: 90%;
	max-width: 1125px;
	margin: 0 auto;
}

.ttlcurriculum{
	margin: 0 0 65px;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlcurriculum.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttlcurriculum{
		margin: 0 0 1em;
		font-size: min(6.9vw, 50px);
	}
}
.txt_curriculum1 {
	margin: 0 0 25px;
	font-size: min( 5.27vw, 25px );
	font-weight: 700;
	text-align: center;
	line-height: 2;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.txt_curriculum1.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.txt_curriculum1{
		margin: 0 0 1em;
		line-height: 1.57;
	}
}
.fadeinblock {
	width: 612px;
	height: 586px;
	margin: 0 auto 40px;
	position: relative;
	z-index: 0;
}
@media print,screen and ( max-width: 720px ) {
	.fadeinblock{
		width: 100%;
		height: 86.18vw;
		margin: 0 auto 10%;
	}
}
.fadeinblock::before {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../img/top/bg_curriculum1.svg);
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 1.5s ease-in;
	transition-delay: 3.2s;
	position: absolute;
	top: 0;
	left: 0;
}
.fadeinblock.active::before { opacity: 1; }

.fadeinblock .block1 {
	width: 36.32vw;
	max-width: 247px;
	transition: all 1.5s;
	transition-delay: 2.5s;
	opacity: 0;
	position: absolute;
	top: calc(9.2% - 20px );
	left: calc( 9.2% - 20px );
}
.fadeinblock.active .block1 {
	opacity: 1;
	top: 9.2%;
	left: 9.2%;
}

.fadeinblock .block2 {
	width: 36.32vw;
	max-width: 247px;
	transition: all 1.5s;
	transition-delay: .5s;
	opacity: 0;
	position: absolute;
	top: calc( 9.2% - 20px );
	right: calc( 9.2% - 20px );
}
.fadeinblock.active .block2 {
	opacity: 1;
	top: 9.2%;
	right: 9.2%;
}

.fadeinblock .block3{
	width: 27.499vw;
	max-width: 187px;
	transition: all 1.5s;
	transition-delay: 2s;
	opacity: 0;
	position: absolute;
	top: calc( 41.5% + 15px );
	left: calc( 8.2% - 20px );
}
.fadeinblock.active .block3 {
	opacity: 1;
	top: 41.5%;
	left: 8.2%;
}
.fadeinblock .block4 {
	width: 27.499vw;
	max-width: 187px;
	opacity: 0;
	transition: all 1.5s;
	transition-delay: 1s;
	position: absolute;
	top: calc( 41.5% + 10px );
	right: calc( 8.2% - 20px );
}
.fadeinblock.active .block4 {
	opacity: 1;
	top: 41.5%;
	right: 8.2%;
}

.fadeinblock .block5{
	width: 44.853vw;
	max-width: 305px;
	opacity: 0;
	transition: all 1.5s;
	transition-delay: 1.5s;
	position: absolute;
	top: calc( 66.7% + 15px );
	right: 25.1%;
}
.fadeinblock.active .block5 {
	opacity: 1;
	top: 66.7%;
	right: 25.1%;
}

.txt_curriculum2 {
	margin: 0;
	font-size: 15px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_curriculum2 { text-align: left; }
	.txt_curriculum2 .iblock { display: inline; }
}
div#basic{
	width: 94%;
	max-width: 1125px;
	margin: 0 auto;
	padding: 0 0 80px;
}

.ttlbasic {
	margin: 0 0 65px;
	font-size: min( 6.94vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlbasic.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttlbasic { margin: 0 0 11%; }
}

.wrap_box_basic1 {
	width: 100%;
	margin: 0;
	display: flex;
}
@media print,screen and ( max-width: 720px ) {
	.wrap_box_basic1 { margin: 0 0 5%; }
}
.col_l_basic1 {
	width: 37%;
	max-width: 416px;
	margin: 0;
	padding: 0;
}
.img_basic1 {
	width: 100%;
	margin: 0;
	padding: 0;
	position: sticky;
	top: 110px;
	left: 0;
}
@media print,screen and ( max-width: 1155px ) {
	.img_basic1 { top: 80px; }
}
.img_basic1 img{
	width: 100%;
}
@media print,screen and ( max-width: 720px ) {
	.col_l_basic1 {
		display: none;
	}
}
.img_basic_penta {
	width: 32.5vw;
	max-width: 342px;
	height: 32.5vw;
	max-height: 342px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
.img_basic_penta .center {
	width: 24%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 43%;
	left: 38%;
}
.img_basic_penta .block1 {
	width: 48.77%;
	transition: all 1.5s;
	position: absolute;
	top: 0%;
	left: 0%;
}

.active .img_basic_penta .block1,
.active .img_basic_penta .block2,
.active .img_basic_penta .block3,
.active .img_basic_penta .block4,
.active .img_basic_penta .block5 { opacity: 0.4; }

@media only screen and ( min-width: 721px ) {
	.img_basic_penta.curriculum5 .block1 {
		opacity: 1;
		filter: drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 6px #fff ) drop-shadow( 0 0 6px #fff );
		transform: translateZ(0);
		scale: 1.3;
		top: -8%;
		left: -8%;
	}
}
@media print,screen and ( max-width: 1050px ) {
	.img_basic_penta.curriculum5 .block1 {
		opacity: 1;
		scale: 1.2;
		top: -4%;
		left: -4%;
	}
}
.img_basic_penta .block2 {
	width: 48.77%;
	transition: all 1.5s;
	opacity: 1;
	position: absolute;
	top: 0%;
	right: 0%;
}
@media only screen and ( min-width: 721px ) {
	.img_basic_penta.curriculum1 .block2 {
		opacity: 1;
		filter: drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 6px #fff ) drop-shadow( 0 0 6px #fff );
		transform: translateZ(0);
		scale: 1.3;
		top: -8%;
		right: -8%;
	}
}
@media print,screen and ( max-width: 1050px ) {
	.img_basic_penta.curriculum1 .block2 {
		opacity: 1;
		scale: 1.2;
		top: -4%;
		right: -4%;
	}
}

.img_basic_penta .block3{
	width: 36.95%;
	transition: all 1.5s;
	opacity: 1;
	position: absolute;
	top: 38%;
	left: 0%;
}
@media only screen and ( min-width: 721px ) {
	.img_basic_penta.curriculum4 .block3 {
		opacity: 1;
		filter: drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 6px #fff ) drop-shadow( 0 0 6px #fff );
		transform: translateZ(0);
		scale: 1.3;
		top: 42%;
		left: -8%;
	}
}
@media print,screen and ( max-width: 1050px ) {
	.img_basic_penta.curriculum4 .block3 {
		opacity: 1;
		scale: 1.2;
		top: 40%;
		left: -4%;
	}
}
.img_basic_penta .block4 {
	width: 36.95%;
	opacity: 1;
	transition: all 1.5s;
	position: absolute;
	top: 38%;
	right: 0%;
}
@media only screen and ( min-width: 721px ) {
	.img_basic_penta.curriculum2 .block4 {
		opacity: 1;
		filter: drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 6px #fff ) drop-shadow( 0 0 6px #fff );
		transform: translateZ(0);
		scale: 1.3;
		top: 42%;
		right: -8%;
	}
}
@media print,screen and ( max-width: 1050px ) {
	.img_basic_penta.curriculum2 .block4 {
		opacity: 1;
		scale: 1.2;
		top: 40%;
		right: -4%;
	}
}

.img_basic_penta .block5{
	width: 60.28%;
	opacity: 1;
	transition: all 1.5s;
	position: absolute;
	right: 19.86%;
	bottom: 0;
}
@media only screen and ( min-width: 721px ) {
	.img_basic_penta.curriculum3 .block5 {
		opacity: 1;
		filter: drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 2px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 4px #fff ) drop-shadow( 0 0 6px #fff ) drop-shadow( 0 0 6px #fff );
		transform: translateZ(0);
		scale: 1.3;
		bottom: -8%;
	}
}
@media print,screen and ( max-width: 1050px ) {
	.img_basic_penta.curriculum3 .block5 {
		opacity: 1;
		scale: 1.2;
		bottom: -4%;
	}
}

.col_r_basic1 {
	width: 63%;
	margin: 0;
	padding: 0;
}
.inner_box_basic1 {
	width: 100%;
	margin: 0 0 8px;
	background-color: #ffffff;
	padding: 45px 0;
}
@media print,screen and ( max-width: 720px ) {
	.col_r_basic1 {
		width: 100%;
	}
	.inner_box_basic1{
		padding: 8% 0;
	}
}
dl.cont_basic1{
	width: 86%;
	margin: 0 auto 35px;
	padding: 0;
	border-left: solid 1px #ffb200;
	position: relative;
}

.inner_box_basic1#curriculum2 dl.cont_basic1{
	border-left: solid 1px #cc9c00;
}

.inner_box_basic1#curriculum3 dl.cont_basic1{
	border-left: solid 1px #e84600;
}

.inner_box_basic1#curriculum4 dl.cont_basic1{
	border-left: solid 1px #ff8500;
}

.inner_box_basic1#curriculum5 dl.cont_basic1{
	border-left: solid 1px #c64330;
}
@media print,screen and ( max-width: 720px ) {
	dl.cont_basic1{
		width: 92%;
		display: flex;
		flex-wrap: wrap;
	}
}

dl.cont_basic1 dt {
	margin: 0 0 14px;
	padding: 0 0 0 12px;
	font-size: min(6.8vw, 28px);
	font-weight: 700;
	color: #ffb200;
	line-height: 1.2;
	border-left: solid 8px #ffb200;
}

.inner_box_basic1#curriculum2 dl.cont_basic1 dt {
	color: #cc9c00;
	border-left-color: #cc9c00;
}

.inner_box_basic1#curriculum3 dl.cont_basic1 dt {
	color: #e84600;
	border-left-color: #e84600;
}

.inner_box_basic1#curriculum4 dl.cont_basic1 dt {
	color: #ff8500;
	border-left-color: #ff8500;
}

.inner_box_basic1#curriculum5 dl.cont_basic1 dt {
	color: #ff7b68;
	border-left-color: #ff7b68;
}
@media print,screen and ( max-width: 720px ) {
	dl.cont_basic1 dt{
		width: 100%;
	}
}

dl.cont_basic1 dd {
	width: 100%;
	margin: 0;
	padding:  0 0 0 20px;
	box-sizing: border-box;
}
dl.cont_basic1 dd .lead {
	margin: 0 0 2em;
	padding: 0;
	font-weight: 700;
}
@media print,screen and ( max-width: 720px ) {
	dl.cont_basic1 dd .img_basic1_sp {
		width: 30vw;
		max-width: 150px;
		margin: 0;
		padding: 0;
		position: relative;
		top: -3%;
		float: right;
	}
}
@media print,screen and ( max-width: 420px ) {
	dl.cont_basic1 dd .img_basic1_sp { top: 0; }
}

dl.cont_basic1 dd .pc_none{
	display: none;
}

dl.cont_basic1 dd .list_basic1 {
	display: flex;
	justify-content: space-between;
}
@media print,screen and ( max-width: 720px ) {
	dl.cont_basic1 dd .pc_none{
		display: block;
	}
	dl.cont_basic1 dd .pc_none img { width: 100%; }
}
@media print,screen and ( max-width: 530px ) {
	dl.cont_basic1 dd .list_basic1{
		width: 100%;
		display: block;
	}
}
ul.inner_list_basic1 {
	width: calc( (100% - 10px ) / 2);
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.inner_list_basic1 + ul.inner_list_basic1 { margin-left: 10px; }

@media print,screen and ( max-width: 530px ) {
	ul.inner_list_basic1{
		width: 100%;
	}
	ul.inner_list_basic1 + ul.inner_list_basic1 { margin: 0; }
}
ul.inner_list_basic1 li {
	margin: 0 0 0.2em;
	padding: 0 0 0 15px;
	text-indent: -15px;
}
ul.inner_list_basic1 li * { text-indent: 0; }
ul.inner_list_basic1 li span.dot {
	width: 15px;
	height: 1em;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	z-index: 0;
}
ul.inner_list_basic1 li span.dot::before {
	content: "";
	width: 5px;
	height: 5px;
	margin: 0;
	padding: 0;
	background-color: #ffb200;
	border-radius: 50%;
	position: absolute;
	top: calc( 50% + 0px );
	left: 0;
}
.inner_box_basic1#curriculum2 ul.inner_list_basic1 li span.dot::before { background-color: #cc9c00; }
.inner_box_basic1#curriculum3 ul.inner_list_basic1 li span.dot::before { background-color: #e84600; }
.inner_box_basic1#curriculum4 ul.inner_list_basic1 li span.dot::before { background-color: #ff8500; }
.inner_box_basic1#curriculum5 ul.inner_list_basic1 li span.dot::before { background-color: #ff7b68; }

.inner_box_basic2{
	width: 86%;
	margin: 0 auto;
	padding: 28px 5.6%;
	color: #fff;
	background-color: #ffb200;
	border-radius: 10px;
	box-sizing: border-box;
}

.inner_box_basic1#curriculum2 .inner_box_basic2{
	background-color: #cc9c00;
}

.inner_box_basic1#curriculum3 .inner_box_basic2{
	background-color: #e84600;
}

.inner_box_basic1#curriculum4 .inner_box_basic2{
	background-color: #ff8500;
}

.inner_box_basic1#curriculum5 .inner_box_basic2{
	background-color: #ff7b68;
}
@media print,screen and ( max-width: 720px ) {
	.inner_box_basic2{
		width: 92%;
	}
}

dl.inner_box_basic2 dt {
	margin: 0 0 8px;
	padding: 0 0 8px;
	color: #ffe100;
	font-size: 20px;
	border-bottom: dotted 2px #fff;
}
.inner_box_basic1#curriculum1 dl.inner_box_basic2 dt { color: #fff; }
dl.inner_box_basic2 dd {
	margin: 0;
	padding: 0;
	line-height: 1.8;
}

div#element{
	width: 94%;
	max-width: 945px;
	margin: 0 auto;
	padding: 90px 0 160px;
}
@media print,screen and ( max-width: 720px ) {
	div#element{
		padding: 12% 0;
	}
}

.ttlelement{
	margin: 0 0 65px;
	font-size: min( 6.94vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlelement.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttlelement { margin: 0 0 10%; }
}
.txt_element1 {
	margin: 0 0 40px;
	font-size: 15px;
	text-align: center;
	line-height: 1.8;
}
.txt_element1:last-child { margin-bottom: 0; }
@media print,screen and ( max-width: 720px ) {
	.txt_element1{
		margin: 0 0 10%;
		text-align: left;
	}
	.txt_element1 .iblock { display: inline; }
}

.img_element1 {
	width: 100%;
	max-width: 602px;
	margin: 0 auto 80px;
}
@media print,screen and ( max-width: 720px ) {
	.img_element1 {
		width: 100%;
		margin: 0 auto 8%;
	}
}
.img_element1 img{
	width: 100%;
}

.inner_ttl_element1{
	margin: 0 0 120px;
	font-size: min( 6.5vw, 26px );
	font-weight: 700;
	color: #ff6400;
	text-align: center;
	opacity: 0;
	transition: all .5s;
	position: relative;
	top: 20px;
}
.inner_ttl_element1.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.inner_ttl_element1 { margin: 0 0 20vw; }
}
.inner_ttl_element1::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	border-top: 32px solid #ff6400;
	position: absolute;
	top: calc(100% + 50px);
	left: 50%;
	transform: translateX(-50%);
}
@media print,screen and ( max-width: 500px ) {
	.inner_ttl_element1::before {
		top: calc( 100% + 5vw );
		border-left-width: 19vw;
		border-right-width: 19vw;
		border-top-width: 9vw;
	}
}
.inner_box_element1{
	width: 100%;
	max-width: 945px;
	margin: 0;
	padding: 40px 0;
	background-color: #f4f3f0;
	border: solid 10px #d4d1c4;
	border-radius: 20px;
	box-sizing: border-box;
	opacity: 0;
	transition: all .5s;
	position: relative;
	top: 20px;
}
.inner_box_element1.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.inner_box_element1 {
		padding: 8% 0;
	}
}

.list_triangle {
	width: 90%;
	max-width: 720px;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
}

.list_triangle > li {
	margin: 0 0 15px;
	position: relative;
	padding: 0px 0px 0px 1.2em;
	font-size: min( 5.2vw, 21px );
	text-indent: -1.2em
}
.list_triangle > li:last-of-type {
	margin: 0;
}
.list_triangle > li * { text-indent: 0; }
.list_triangle > li .num {
	width: 1.2em;
	margin: 0;
	padding: 0;
	color: #ff6400;
	display: inline-block;
}

.txt_element2 {
	max-width: 812px;
	margin: 0 auto 65px;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_element2 { margin: 0 auto 10%; }
}

div#class{
	margin: 0;
	padding: 90px 0;
	background-color: #f2f1ed;
}
@media print,screen and ( max-width: 720px ) {
	div#class{
		padding: 9% 0;
	}
}
.box_class1{
	width: 94%;
	max-width: 1078px;
	margin: 0 auto;
}
@media print,screen and ( max-width: 720px ) {
	.box_class1 { width: 100%; }
}

.ttlclass1{
	margin: 0 0 40px;
	font-size: min( 6.9vw, 36px );
	font-weight: 700;
	text-align: center;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlclass1.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttlclass1{
		color: #ff6400;
		margin: 0 0 4%;
	}
}
.txt_class1{
	margin: 0 0 65px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_class1{
		width: 94%;
		margin: 0 auto 18px;
		text-align: left;
	}
	.txt_class1 .iblock { display: inline; }
}
.wrap_class1{
	width: 100%;
	display: flex;
}
@media print,screen and ( max-width: 720px ) {
	.wrap_class1{
		display: block;
	}
}
.cont_topclass1 {
	width: calc((100% - 94px) / 3);
	margin: 0 47px 0 0;
	padding: 0 0 65px;
	box-sizing: border-box;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	z-index: 0;
	top: 15px;
}
.cont_topclass1.active {
	opacity: 1;
	top: 0;
}
.cont_topclass1:nth-child(2) { transition-delay: .3s; }
.cont_topclass1:nth-child(3) { transition-delay: .6s; }
.cont_topclass1:nth-child(3n) { margin-right: 0; }
@media print,screen and ( max-width: 720px ) {
	.cont_topclass1 {
		width: 100%;
		margin: 0 0 10%;
		padding: 0 3% 10%;
		border-bottom: solid 0.5px #c2bdb9;
	}
	.cont_topclass1:nth-child(2),
	.cont_topclass1:nth-child(3) { transition-delay: 0s; }

}
.img_class1 {
	width: 100%;
	max-width: 228px;
	margin: 0 auto 20px;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
}
.img_class1 img {
	width: 100%;
	vertical-align: top;
}
.wrap_class1 dl {
	margin: 0 0 20px;
	padding: 0;
}
@media print,screen and ( max-width: 720px ) {
	.wrap_class1 dl { margin: 0 0 30px; }
}
.wrap_class1 dl dt {
	margin: 0 0 20px;
	padding: 0 0 12px;
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	border-bottom: solid 0.5px #c2bdb9;
}
@media print,screen and ( max-width: 720px ) {
	.wrap_class1 dl dt{
		border-bottom: none;
	}
}
.wrap_class1 dl dd {
	margin: 0;
	padding: 0;
	line-height: 2;
}
@media print,screen and ( max-width: 720px ) {
	.wrap_class1 dl dd { line-height: 1.8; }
}

a.btn1.class {
	width: 94%;
	max-width: 295px;
	height: 50px;
	margin: auto auto 0;
	padding: 0;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	background-color: #ffe100;
	box-sizing: border-box;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
	transform: translateZ(0);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0;
}
a.btn1.class::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #727171;
	border-right: solid 2px #727171;
	transform: rotate(45deg);
	position: absolute;
	right: min( 25px, 6% );
	top: 22px;
}
@media only screen and ( min-width: 721px ) {
	a.btn1.class {
		transition: background .4s;
	}
	a.btn1.class:hover { background-color: #fff7b8; }
	a.btn1.class::before { transition: transform .4s; }
	a.btn1.class:hover::before { transform: rotate(45deg) translate( 3px, -3px ); }
}
@media print,screen and ( max-width: 720px ) {
	a.btn1.class {
		max-width: 480px;
		transform: translateX(0);
		position: static;
	}
}
a.btn1.class .inner {
	width: 84%;
	margin: 0 auto;
}
div#online {
	width: 100%;
	max-width: 1260px;
	height: 44.127vw;
	max-height: 556px;
	min-height: 430px;
	margin: 0 auto 70px;
	padding: 0;
	background-image: url(../img/top/bg_online1.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 101% top;
	display: flex;
}

@media print,screen and ( max-width: 1260px ) {
	div#online{ background-position: 108% top; }
}
@media print,screen and ( max-width: 1010px ) {
	div#online{ background-position: right -8vw  top; }
}
@media print,screen and ( max-width: 850px ) {
	div#online{
		height: auto;
		margin: 0 auto 10%;
		max-height: unset;
		background-image: none;
		overflow: hidden;
	}
}

.box_online1 {
	width: 550px;
	margin: 0;
	padding: 0 5%;
	align-self: center;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

@media print,screen and ( max-width: 980px ) {
	.box_online1 {
		width: 89%;
		margin: 0 auto;
		padding: 0;
	}
}
@media print,screen and ( max-width: 850px ) {
	.box_online1 { width: 100%; }
}
.box_ttl_online1{
	margin: 0 0 40px;
	font-size: min( 4.18vw, 46px );
	font-weight: 700;
	text-shadow: 0 0 8px #fff, 0 0 6px #fff, 0 0 4px #fff, 0 0 2px #fff;
}
@media print,screen and ( max-width: 850px ) {
	.box_ttl_online1 {
		width: 90%;
		margin: 0 auto;
		padding: 0.8em 0 0;
		font-size: min( 9.7vw, 46px );
		position: relative;
		z-index: 1;
	}
	.box_ttl_online1 .sp_none { display: none; }
}
.box_online1 .img_toponline { display: none; }
@media print,screen and ( max-width: 850px ) {
	.box_online1 .img_toponline {
		width: 100%;
		height: 73.6vw;
		margin: 0 0 4%;
		display: block;
		position: relative;
		z-index: 0;
	}
	.box_online1 .img_toponline img {
		width: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
	}
}
.box_txt_online{
	max-width: 345px;
	line-height: 2;
	text-shadow: 0 0 8px #fff, 0 0 6px #fff, 0 0 4px #fff, 0 0 2px #fff;
}
@media print,screen and ( max-width: 850px ) {
	.box_txt_online {
		width: 90%;
		max-width: unset;
		margin: 0 auto;
	}
	.box_txt_online .pc_only { display: none; }
}

.box_online2{
	width: 94%;
	max-width: 1110px;
	margin: 0 auto 80px;
}
@media print,screen and ( max-width: 720px ) {
	.box_online2 { margin: 0 auto 14%; }
}
.wrap_online1 {
	width: 100%;
	margin: 0 0 50px;
	display: flex;
	justify-content: space-between;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.wrap_online1.active {
	opacity: 1;
	top: 0;
}

@media print,screen and ( max-width: 980px ) {
	.wrap_online1{
		max-width: 700px;
		margin: 0 auto 50px;
		display: block;
	}
}
@media print,screen and ( max-width: 720px ) {
	.wrap_online1{ margin: 0 auto 9%; }
}
.inner_img_online1{
	width: 50%;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
	order: -1;
}

.inner_img_online1 img{
	width: auto;
	height: 100%;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}

.inner_cont_online1 {
	width: 46%;
	padding: 22px 2.6% 18px;
	background-color: #ffe100;
	border-radius: 10px;
	box-sizing: border-box;
}
@media print,screen and ( max-width: 980px ) {
	.inner_img_online1{
		width: 100%;
		max-width: 100%;
		margin: 0 0 30px;
		order: 2;
	}
	
	.inner_img_online1 img{
		width: 100%;
	}
	
	.inner_cont_online1{
		width: 100%;
		margin: 0 0 30px;
	}
}

.inner_ttl_online1 {
	margin: 0 0 18px;
	padding: 0 0 9px;
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	border-bottom: solid 1px #000;
}

.inner_ttl_online1 span.big {
	margin: 0 0 0 5px;
	font-size: 1.44em;
	line-height: 1;
	display: inline-block;
}

ol.inner_txt_online1{
	margin: 0;
	padding: 0;
	list-style: none;
}
@media print,screen and ( max-width: 980px ) {
	ol.inner_txt_online1 {
		max-width: max-content;
		margin: 0 auto;
	}
}

ol.inner_txt_online1 li {
	margin: 0 0 0.4em;
	padding: 0 0 0 26px;
	font-size: 17px;
	line-height: 1.5;
	text-indent: -26px;
	box-sizing: border-box;
}
ol.inner_txt_online1 li:last-child { margin-bottom: 0; }
ol.inner_txt_online1 li * { text-indent: 0; }
ol.inner_txt_online1 li span.num {
	width: 18px;
	height: 18px;
	margin: 0 8px 0 0;
	padding: 0;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #ff6400;
	border-radius: 50%;
	display: inline-block;
}

a.btn1.online {
	width: 80%;
	max-width: 320px;
	margin: 0 auto;
	padding: 15px 22px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	background-color: #ff6400;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
	transform: translateZ(0);
	display: block;
	position: relative;
}
@media only screen and ( min-width: 721px ) {
	a.btn1.online { transition: background .4s; }
	a.btn1.online:hover { background-color: #ffae7a; }
}
a.btn1.online::before {
	content: '';
	width: 6px;
	height: 6px;
	margin: auto;
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	right: 30px;
	top: calc( 50% - 3px );
}
@media only screen and ( min-width: 721px ) {
	a.btn1.online::before { transition: right .4s; }
	a.btn1.online:hover::before { right: 26px; }
}
@media only screen and ( max-width: 400px ) {
	a.btn1.online::before { right: 6%; }
}

.box_online3{
	width: 94%;
	max-width: 994px;
	margin: 0 auto 100px;
	color: #000;
}
@media print,screen and ( max-width: 760px ) {
	.box_online3 { margin: 0 auto 12%; }
}
dl.wrap_online2{
	width: 100%;
	line-height: 1.8;
	display: flex;
}
@media print,screen and ( max-width: 760px ) {
	dl.wrap_online2{
		margin: 0 0 22px;
		flex-wrap: wrap;
	}
}
dl.wrap_online2 dt {
	width: 150px;
	padding: 30px 0 0;
	color: #ff6400;
	text-align: center;
	line-height: 1.4;
	border-top: solid 1px #ed6400;
}
@media print,screen and ( max-width: 760px ) {
	dl.wrap_online2 > dt {
		width: 100%;
		padding: 0 0 5px 5px;
		text-align: left;
		border-bottom: solid 1px #ed6400;
		border-top: none;
	}
}
dl.wrap_online2 > dd {
	width: calc( 100% - 150px );
	margin: 0 0 0 8px;
	padding: 30px 0 0 25px;
	border-top: dotted 1px #000;
	box-sizing: border-box;
}
dl.wrap_online2 dd.left{
	width: 90px;
	padding: 30px 0 0 25px;
}
dl.wrap_online2 dd.right{
	width: calc( 100% - 240px );
	margin: 0;
	padding: 30px 0 0 50px;
}
@media print,screen and ( max-width: 760px ) {
	dl.wrap_online2 > dd {
		width: 100%;
		padding: 10px 0 0 0;
		border-top: none;
	}
	dl.wrap_online2 dd.left{
		width: 80px;
		margin: 0;
		padding: 10px 10px 0 10px;
	}
	
	dl.wrap_online2 dd.right{
		width: calc( 100% - 80px );
		padding: 10px 0 0 10px;
	}
}

.list_online1{
	max-width: 633px;
	display: flex;
}
.list_online1:last-of-type{
	max-width: 126px;
}
@media print,screen and ( max-width: 720px ) {
	.list_online1{
		max-width: 340px;
		margin: 20px 0 25px;
		display: block;
	}
	.list_online1:last-of-type{
		max-width: 633px;
	}
}
dl.tbl_online1{
	width: 100%;
	margin: 18px 0 40px;
	padding: 0;
	line-height: 1.5;
	border-top: solid 1px #221714;
	border-left: solid 1px #221714;
	border-bottom: solid 1px #221714;
}
dl.tbl_online1:last-of-type{
	border-right: solid 1px #221714;
}
@media print,screen and ( max-width: 720px ) {
	dl.tbl_online1{
		width: 95%;
		margin: 0 auto;
		display: flex;
		border-bottom: none;
		border-right: solid 1px #221714;
	}
	
	dl.tbl_online1:last-of-type{
		border-bottom: solid 1px #221714;
	}
}

dl.tbl_online1 dt{
	width: 100%;
	margin: 0;
	padding: 3px 5px;
	color: #ff6400;
	font-size: 15px;
	text-align: center;
	background-color: #ffe100;
	border-bottom: solid 1px #221714;
	border-top: none;
	box-sizing: border-box;
}
@media print,screen and ( max-width: 720px ) {
	dl.tbl_online1 dt{
		width: 44%;
		border-bottom: none;
		text-align: center;
	}
}
dl.tbl_online1 dd{
	margin: 0;
	padding: 3px 5px;
	color: #000;
	text-align: center;
	background-color: #fff;
}
@media print,screen and ( max-width: 720px ) {
	dl.tbl_online1 dd{
		width: 56%;
		text-align: center;
	}

}
div#door{
	margin: 0;
	padding: 70px 0 110px;
	background-color: #ffe7e1;
	color: #000;
}
@media print,screen and ( max-width: 720px ) {
	div#door{
		padding: 10% 0 15%;
	}
}
.box_door1{
	width: 94%;
	max-width: 1024px;
	margin: 0 auto;
}
@media print,screen and ( max-width: 720px ) {
	.box_door1{
		width: 92%;
	}
}

.ttldoor{
	margin: 0 0 35px;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttldoor.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttldoor{
		margin: 0 0 0.7em;
		color: #ff6400;
	}
}
.txt_door1{
	margin: 0 0 50px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_door1{
		margin: 0 0 25px;
		text-align: left;
	}
}
.wrap_door1 {
	width: 100%;
	margin: 0;
	padding: 70px 6%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	background-color: #ffffff;
}
@media print,screen and ( max-width: 660px ) {
	.wrap_door1{
		display: block;
		padding: 35px 6%;
	}
}
.inner_box_door1{
	width: calc((100% - 60px) / 3);
	margin: 0 30px 60px 0;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.inner_box_door1.active {
	opacity: 1;
	top: 0;
}
.inner_box_door1:nth-of-type(3n-1) { transition-delay: 0.3s; }
.inner_box_door1:nth-of-type(3n){
	margin: 0 0 60px;
	transition-delay: 0.6s;
}
@media print,screen and ( max-width: 960px ) {
	.inner_box_door1 { width: calc((100% - 30px) / 2); }
	.inner_box_door1:nth-of-type(3n) {
		margin: 0 30px 60px 0;
		transition-delay: 0s;
	}
	.inner_box_door1:nth-of-type(3n-2) { transition-delay: 0s; }
	.inner_box_door1:nth-of-type(even) {
		margin: 0 0 60px;
		transition-delay: 0.3s;
	}
	.inner_box_door1:last-of-type { margin-right: 50%; }
}
@media print,screen and ( max-width: 660px ) {
	.inner_box_door1{
		width: 100%;
		margin: 0 0 65px;
	}
	.inner_box_door1:nth-of-type(even),
	.inner_box_door1:last-of-type {
		margin: 0 0 65px;
		transition-delay: 0s;
	}
}

.movi_door {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	cursor: pointer;
	position: relative;
	z-index: 0;
}
.movi_door::after {
	content: "";
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(0,0,0,0.3);
	background-image: url(../img/icon_start_youtube.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24.7% auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.movi_door.iframe::after { content: none; }
.movi_door img {
	width: 100%;
}
.movi_door iframe{
	width: 100%;
	height: calc((( 81vw - 60px )/3)*315/560 );
	max-height: 157px;
}
@media print,screen and ( max-width: 960px ) {
	.movi_door iframe{
		height: calc((( 81vw - 30px )/2)*315/560 );
		max-height: 207px;
	}
}
@media print,screen and ( max-width: 660px ) {
	.movi_door iframe{
		height: calc( 81vw *315/560 );
		max-height: 335px;
	}
}

.inner_box_door1 .submds_topvoice {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	background: linear-gradient( 180deg, rgba(255,255,255,0) calc(50% - 5px), rgba(255,231,225,1) calc( 50% - 4px), rgba(255,231,225,1) calc( 50% + 7px ), rgba(255,255,255,0) calc(50% + 8px) );
}
.inner_box_door1 .submds_topvoice > span {
	padding: 0 3px 0 5px;
	background-color: #fff;
}

.inner_box_door1 dl {
	margin: 0;
	padding: 0;
}
.inner_box_door1 dt{
	margin: 0 0 14px;
	font-size: 19px;
	text-align: center;
}

.inner_box_door1 dt span.label{
	margin: 0 5px 0 0;
	padding: 4px 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	background-color: #ff6400;
	display: inline-block;
}

.inner_box_door1 dt span.small{
	font-size: 0.65em;
}

.inner_box_door1 dd{
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.7;
}
.wrap_door1 .btn_topvoice {
	width: 100%;
	margin: 0;
	padding: 0;
}
a.btn1.door{
	width: 81%;
	max-width: 295px;
	margin: 0 auto;
	padding: 15px 22px;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	background-color: #ffe100;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
	transform: translateZ(0);
	display: block;
	position: relative;
}
@media only screen and ( min-width: 721px ) {
	a.btn1.door { transition: background .4s; }
	a.btn1.door:hover { background-color: #ffef78; }
}
a.btn1.door::before {
	content: '';
	width: 6px;
	height: 6px;
	margin: auto;
	border: 0;
	border-top: solid 2px #727171;
	border-right: solid 2px #727171;
	transform: rotate(45deg);
	position: absolute;
	right: 25px;
	top: 22px;
}
@media only screen and ( min-width: 721px ) {
	a.btn1.door::before { transition: right .4s; }
	a.btn1.door:hover::before { right: 21px; }
}
@media print,screen and ( max-width: 720px ) {
	a.btn1.door{
		max-width: 585px;
	}
}

div#guardian{
	margin: 0;
	padding: 70px 0 110px;
	color: #000;
	background-color: #fff2d4;
}
@media print,screen and ( max-width: 720px ) {
	div#guardian{
		padding: 10% 0 15%;
	}
}
div#guardian .inner_box_door1 .submds_topvoice {
	background: linear-gradient( 180deg, rgba(255,255,255,0) calc(50% - 5px), rgba(255,242,212,1) calc( 50% - 4px), rgba(255,242,212,1) calc( 50% + 7px ), rgba(255,255,255,0) calc(50% + 8px) );
}

div#recommender{
	width: 94%;
	margin: 0 auto;
	padding: 75px 0;
	color: #000;
}
@media print,screen and ( max-width: 720px ) {
	div#recommender{
		padding: 10.5% 0;
	}
}

.ttlrecommender{
	margin: 0 0 0.7em;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlrecommender.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttlrecommender{
		color: #ff6400;
	}
}
.txt_recommender1{
	margin: 0 0 40px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_recommender1{
		max-width: max-content;
		margin: 0 auto 40px;
		text-align: left;
	}
}
.wrap_recommender1{
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
@media print,screen and ( max-width: 700px ) {
	.wrap_recommender1 {
		max-width: 500px;
		justify-content: flex-start;
	}
}
.wrap_recommender1 a {
	width: 220px;
	margin: 0 calc( ( 100% - 880px )/3 ) 50px 0;
	color: #000;
	text-decoration: none;
}
dl.inner_recommender1 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.wrap_recommender1 a:nth-of-type(4n),
.wrap_recommender1 a:last-of-type {
	margin-right: 0;
}
@media print,screen and ( max-width: 960px ) {
	.wrap_recommender1 a,
	.wrap_recommender1 a:nth-of-type(4n) {
		margin-right: min( calc( ( 100% - 660px )/2 ), 30px );
	}
	.wrap_recommender1 a:nth-of-type(3n){
		margin-right: 0;
	}
}
@media print,screen and ( max-width: 700px ) {
	.wrap_recommender1 a {
		width: 50%;
		margin: 0 0 5% 0;
		padding: 0 8px;
		box-sizing: border-box;
	}
	.wrap_recommender1 a:nth-of-type(4n) { margin-right: 0; }
}
dl.inner_recommender1 dt{
	width: 100%;
	max-width: 183px;
	margin: 0 auto 12px;
	border-radius: 50%;
	overflow: hidden;
}
@media print,screen and ( max-width: 700px ) {
	dl.inner_recommender1 dt { width: 88%; }
}

dl.inner_recommender1 dt img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

dl.inner_recommender1 dd {
	font-size: 11px;
	text-align: center;
	margin: 0;
}

dl.inner_recommender1 dd.name {
	font-size: 21px;
	margin: 0 0 8px;
	text-align: center;
	position: relative;
}
@media print,screen and ( max-width: 700px ) {
	dl.inner_recommender1 dd.name { font-size: 18px; }
}
dl.inner_recommender1 dd.name .inner {
	margin: 0;
	padding: 0 14px 0 0;
	display: inline-block;
	position: relative;
	z-index: 0;
}
dl.inner_recommender1 dd.name .inner::before {
	content: "";
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #ff6400;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
@media print,screen and ( min-width: 721px ) {
	dl.inner_recommender1 dd.name .inner::before { transition: right .4s; }
	a:hover dl.inner_recommender1 dd.name .inner::before { right: -3px; }
}
dl.inner_recommender1 dd.name .small {
	margin: 0 0.5em 0 0;
	padding: 0;
	font-size: 0.7em;
	display: inline-block;
}
dl.inner_recommender1 dd .ls { letter-spacing: -0.2em; }

div#lecturer{
	margin: 0;
	padding: 90px 0;
	background-color: #f4f3f0;
}
@media print,screen and ( max-width: 720px ) {
	div#lecturer{
		padding: 13% 0;
	}
}
.box_lecturer1{
	width: 94%;
	margin: 0 auto;
}

.ttllecturer {
	margin: 0 0 0.8em;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttllecturer.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttllecturer{
		color: #ff6400;
	}
}

.txt_lecturer1{
	margin: 0 0 95px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_lecturer1 {
		text-align: left;
	}
}
.wrap_lecturer1 {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto 90px;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.wrap_lecturer1.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.wrap_lecturer1 { margin: 0 auto 12%; }
}
.inner_ttl_lecturer1 {
	width: calc( 100% - 245px );
	max-width: 700px;
	margin: 0 0 40px;
	padding: 0 0 8px 12px;
	font-size: min( 5vw, 20px );
	border-bottom: solid 0.5px #000;
	box-sizing: border-box;
	position: relative;
	float: left;
}
.second .inner_ttl_lecturer1 { float: right; }
@media print,screen and ( max-width: 720px ) {
	.inner_ttl_lecturer1 {
		width: 100%;
		margin: 0 0 25px;
		float: none;
	}
	.second .inner_ttl_lecturer1 { float: none; }
}


.inner_ttl_lecturer1 span.name {
	margin: 0 0.8em 0 0;
	padding: 0;
	font-size: min( 8.5vw, 35px );
	display: inline-block;
	position: relative;
}
@media print,screen and ( max-width: 720px ) {
	.inner_ttl_lecturer1 span.name{ margin: 0 0.4em 0 0; }
}
.inner_ttl_lecturer1 span.name::before{
	content: '';
	width: calc( 100% + 24px );
	height: 3px;
	background: #ffe100;
	position: absolute;
	bottom: -10px;
	left: -12px;
}
.inner_lecturer_img{
	width: 235px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
}
.second .inner_lecturer_img {
	margin: 0 10px 0 0;
	float: left;
}
@media print,screen and ( max-width: 720px ) {
	.inner_lecturer_img {
		width: 100%;
		margin: 0 auto 20px;
		display: flex;
		align-items: center;
		float: none;
	}
	.second .inner_lecturer_img {
		margin: 0 auto 20px;
		float: none;
	}
}
.img_lecturer1{
	width: 100%;
	margin: 0 0 15px;
}
@media print,screen and ( max-width: 720px ) {
	.img_lecturer1 {
		width: 180px;
		margin: 0 15px 0 0;
	}
}
@media only screen and ( max-width: 460px ) {
	.img_lecturer1 { width: 46.2%; }
}
.img_lecturer1 img{
	width: 100%;
	vertical-align: top;
}

ul.list_lecturer1 {
	margin: 0;
	padding: 0;
	list-style: none;
}
@media print,screen and ( max-width: 720px ) {
	ul.list_lecturer1 {
		width: calc( 100% - 195px );
	}
}
@media only screen and ( max-width: 460px ) {
	ul.list_lecturer1 { width: calc( 53.8% - 15px ); }
}
ul.list_lecturer1 li {
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 12px;
	text-indent: -1em;
}
ul.list_lecturer1 li * { text-indent: 0; }
@media print,screen and ( max-width: 720px ) {
	ul.list_lecturer1 li { margin: 0 0 0.5em; }
	ul.list_lecturer1 li:last-child { margin-bottom: 0; }
}

.cont_lecturer1 {
	width: calc( 100% - 245px );
	max-width: 700px;
	margin: 0;
	padding: 0 10px;
	line-height: 2;
	box-sizing: border-box;
	float: left;
}
.first .cont_lecturer1 { margin-bottom: 15px; }
.second .cont_lecturer1 { float: right; }
@media print,screen and ( max-width: 720px ) {
	.cont_lecturer1 {
		width: 100%;
		max-width: unset;
		line-height: 1.8;
		float: none;
	}
	.second .cont_lecturer1 { float: none; }
}
.cont_lecturer2 {
	width: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	float: none;
	clear: both;
}
@media print,screen and ( max-width: 550px ) {
	.cont_lecturer2 { display: block; }
}
.cont_lecturer2 ul.list_books_lecturer {
	width: calc( 100% - 245px );
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
@media print,screen and ( max-width: 550px ) {
	.cont_lecturer2 ul.list_books_lecturer {
		width: 100%;
		margin: 0 0 35px;
		justify-content: center;
	}
}
.cont_lecturer2 ul.list_books_lecturer li {
	width: 120px;
	margin: 0 15px 0 0;
	padding: 0;
}
@media print,screen and ( max-width: 550px ) {
	.cont_lecturer2 ul.list_books_lecturer li {
		width: calc( ( 100% - 15px )/2 );
		max-width: 120px;
	}
}
.cont_lecturer2 ul.list_books_lecturer li:last-child { margin-right: 0; }
.cont_lecturer2 ul.list_books_lecturer li img {
	width: 100%;
	vertical-align: top;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.2) );
}
a.btn1.lecturer {
	width: 235px;
	margin: 0 auto;
	padding: 15px 22px;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	background-color: #ffe100;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
	box-sizing: border-box;
	transform: translateZ(0);
	display: block;
	position: relative;
}
@media only screen and ( min-width: 721px ) {
	a.btn1.lecturer { transition: background .4s; }
	a.btn1.lecturer:hover { background-color: #ffef78; }
}
@media print,screen and ( max-width: 550px ) {
	a.btn1.lecturer{
		width: 80%;
		max-width: 300px;
	}
}
a.btn1.lecturer::after {
	content: '';
	width: 6px;
	height: 6px;
	margin: auto;
	border: 0;
	border-top: solid 2px #727171;
	border-right: solid 2px #727171;
	transform: rotate(45deg);
	position: absolute;
	right: 25px;
	top: 22px;
}
@media only screen and ( min-width: 721px ) {
	a.btn1.lecturer::after { transition: right .4s; }
	a.btn1.lecturer:hover::after { right: 21px; }
}


.box_lecturer2 {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	padding: 26px 0 5px;
	background-color: #e3e3e3;
	opacity: 0;
	transition: opacity .5s;
}
.box_lecturer2.active { opacity: 1; }
@media print,screen and ( max-width: 1032px ) {
	.box_lecturer2 {
		max-width: 660px;
	}
}
.box_list_lecturer{
	width: 94%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
@media print,screen and ( max-width: 1032px ) {
	.box_list_lecturer { max-width: 560px; }
}
@media print,screen and ( max-width: 460px ) {
	.box_list_lecturer { justify-content: flex-start; }
}
dl.inner_box_lecturer1 {
	width: calc( ( 100% - 42px )/8 );
	margin: 0 6px 30px 0;
}
dl.inner_box_lecturer1:last-of-type { margin-right: 0; }

@media print,screen and ( max-width: 1032px ) {
	dl.inner_box_lecturer1{ width: calc((100% - 18px) / 4); }
	dl.inner_box_lecturer1:nth-of-type(4n){
		margin-right: 0;
	}

}
@media print,screen and ( max-width: 460px ) {
	dl.inner_box_lecturer1{
		width: calc((100% - 12px) / 3);
		margin: 0 6px 5% 0;
	}
	dl.inner_box_lecturer1:nth-of-type(4n){ margin-right: 6px; }
	dl.inner_box_lecturer1:nth-of-type(3n){
		margin-right: 0;
	}
}
dl.inner_box_lecturer1 dt{
	width: 100%;
	margin: 0 0 4px;
}

dl.inner_box_lecturer1 dt img{
	width: 100%;
	vertical-align: top;
}

dl.inner_box_lecturer1 dd{
	font-size: min( 4.1vw, 17px );
	margin: 0;
	text-align: center;
}

div#news{
	margin: 0 auto;
	padding: 80px 0 68px;
}
@media print,screen and ( max-width: 720px ) {
	div#news{
		padding: 11% 0 9%;
	}
}

.mds_topnews {
	margin: 0 0 60px;
	padding: 0;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
@media print,screen and ( max-width: 720px ) {
	.mds_topnews { margin: 0 0 30px; }
}
.col_topnews1 {
	width: 94%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}

.cont_topnews {
	width: 48%;
	max-width: 492px;
	margin: 0;
	padding: 0;
}
@media print,screen and ( max-width: 850px ) {
	.cont_topnews {
		width: 100%;
		max-width: 660px;
		margin: 0 auto;
	}
	.cont_topnews.media { margin-bottom: 40px; }
}

.inner_mds_topnews {
	margin: 0;
	padding: 0 0 25px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
@media print,screen and ( max-width: 720px ) {
	.inner_mds_topnews { padding: 0 0 10px; }
}
.inner_mds_topnews .mds {
	width: calc( 100% - 100px );
	margin: 0;
	padding: 0;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	line-height: 1;
}
@media print,screen and ( max-width: 720px ) {
	.inner_mds_topnews .mds {
		color: #ff6400;
	}

}
.inner_mds_topnews a {
	margin: 0 5px 0 0;
	padding: 0 15px 0 0;
	color: #ff6400;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.inner_mds_topnews a::before {
	content: '';
	width: 9px;
	height: 9px;
	margin: auto;
	border: 0;
	border-top: solid 1px #ff6400;
	border-right: solid 1px #ff6400;
	transform: rotate(45deg);
	position: absolute;
	top: calc( 50% - 4px );
	right: 0;
}
@media only screen and ( min-width: 721px ) {
	.inner_mds_topnews a::before { transition: right .4s; }
	.inner_mds_topnews a:hover::before { right: -3px; }
	.inner_mds_topnews a::after {
		content: "";
		width: 0;
		height: 1px;
		margin: 0;
		padding: 0;
		background-color: #ff6400;
		transition: width .4s;
		position: absolute;
		left: 0;
		bottom: -2px;
	}
	.inner_mds_topnews a:hover::after { width: calc( 100% - 15px ); }
}

.list_topnews {
	margin: 0 0 40px;
	padding: 0;
}
@media print,screen and ( max-width: 720px ) {
	.list_topnews { margin: 0 0 20px; }
}
.list_topnews > a {
	min-height: 85px;
	margin: 0;
	padding: 10px 35px 10px 0;
	color: #000;
	text-decoration: none;
	border-bottom: solid 0.5px #d4d4d5;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
}
.list_topnews > a:first-child { border-top: solid 0.5px #d4d4d5; }
.list_topnews > a::before {
	content: "";
	width: 9px;
	height: 9px;
	margin: 0;
	padding: 0;
	border-top: solid 1px #666667;
	border-right: solid 1px #666667;
	display: block;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 18px;
}
@media only screen and ( min-width: 721px ) {
	.list_topnews > a { transition: background .4s; }
	.list_topnews > a:hover { background-color: #fff9f5; }
	.list_topnews > a::before { transition: right .4s; }
	.list_topnews > a:hover::before { right: 14px; }
}
@media only screen and ( max-width: 450px ) {
	.list_topnews > a { padding: 10px 20px 10px 0; }
	.list_topnews > a::before { right: 8px; }
}
.list_topmedia{
	margin: 0;
	padding: 0;
}
dl.col_news {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.73;
	box-sizing: border-box;
	display: flex;
}
@media print,screen and ( max-width: 720px ) {
	dl.col_news {
		padding: 0 4px;
		flex-wrap: wrap
	}
}
dl.col_news dt {
	width: 84px;
	margin: 0;
	padding: 3px 0 0;
	color: #7d7d7d;
	font-size: 12px;
	text-align: center;
}
@media print,screen and ( max-width: 720px ) {
	dl.col_news dt {
		width: 65px;
		text-align: left;
		align-self: center;
	}
}

dl.col_news dd {
	width: calc( 100% - 84px );
	margin: 0;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
.media dl.col_news dd {
	padding-right: 20px;
	background-image: url(../img/icon_newwindow.svg);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: right bottom 4px;
}

dl.col_news dd .label {
	margin: 0;
	padding: 0;
	color: #ff6400;
}
dl.col_news dd.txt {
	width: calc( 100% - 168px );
	padding: 0;
}
@media print,screen and ( max-width: 720px ) {
	dl.col_news dd{
		width: 100%;
		padding: 0;
	}
	dl.col_news dd .label {
		width: clac( 100% - 65px );
		text-align: left;
		align-self: center;
	}
	dl.col_news dd.txt { width: 100%; }
}

dl.col_news dd .newsttl {
	margin: 0 0 2px;
	padding: 0;
	font-weight: 600;
}
a.link_topnews {
	width: 235px;
	margin: 0 auto;
	padding: 15px 22px;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	background-color: #ffe100;
	filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
	box-sizing: border-box;
	transform: translateZ(0);
	display: block;
	position: relative;
}
@media only screen and ( min-width: 721px ) {
	a.link_topnews { transition: background .4s; }
	a.link_topnews:hover { background-color: #ffef78; }
}
a.link_topnews::after {
	content: '';
	width: 6px;
	height: 6px;
	margin: auto;
	border: 0;
	border-top: solid 2px #727171;
	border-right: solid 2px #727171;
	transform: rotate(45deg);
	position: absolute;
	right: 25px;
	top: 22px;
}
@media only screen and ( min-width: 721px ) {
	a.link_topnews::after { transition: right .4s; }
	a.link_topnews:hover::after { right: 21px; }
}


div#inquiry{
	margin: 0;
	padding: 80px 0 50px;
	color: #000;
	background-color :#f4f3f0;
}
@media print,screen and ( max-width: 720px ) {
	div#inquiry{
		padding: 8% 0 7%;
	}
}
.col_inquiry1 {
	width: 92%;
	max-width: 1123px;
	margin: 0 auto;
}

.ttlinquiry{
	margin: 0 0 1em;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlinquiry.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.ttlinquiry { margin: 0 0 0.7em; }
}
.txt_inquiry1 {
	margin: 0 0 60px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_inquiry1 { margin: 0 0 30px; }
}
.box_inquiry1 {
	max-width: 962px;
	margin: 0 auto 55px;
	border: solid 0.5px #d4d4d5;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	opacity: 0;
	transition: all .8s;
	position: relative;
	top: 15px;
}
.box_inquiry1.active {
	opacity: 1;
	top: 0;
}
@media print,screen and ( max-width: 720px ) {
	.box_inquiry1 {
		border: none;
		display: block;
	}
}

.box_inquiry1 .cont {
	width: 50%;
	padding: 40px 0;
	background-color: rgba(255,255,255,0.7);
	font-weight: 400;
	text-align: center;
}
.box_inquiry1 .cont:first-child { border-right: solid 1px #d4d4d5; }
@media print,screen and ( max-width: 720px ) {
	.box_inquiry1 .cont {
		width: 100%;
		margin: 0 auto 6%;
		padding: 0;
		background-color: unset;
	}
	.box_inquiry1 .cont:first-child { border-right: none; }
}

.mds_inquiry1 {
	margin: 0 0 12px;
	padding: 0;
	font-weight: 600;
}

a.inner_inquiry1 {
	width: max-content;
	margin: 0 auto 18px;
	color: #ff6400;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and ( max-width: 720px ) {
	a.inner_inquiry1 {
		width: 100%;
		max-width: 300px;
		height: 3.6em;
		margin: 0 auto 8px;
		padding: 0 0 0 5%;
		color: #fff;
		background-color: #ff6400;
		border-radius: 70px;
		box-sizing: border-box;
		filter: drop-shadow( 2px 2px 2px rgba(0,0,0,0.3) );
		transform: translateZ(0);
		justify-content: space-between;
	}
}
a.inner_inquiry1 .icon {
	width: 30px;
	margin: 0 5px 0 0;
	padding: 7px 0 0;
}
.box_inquiry1 .cont:first-child a.inner_inquiry1 .icon { width: 22px; }
a.inner_inquiry1 .icon img.pc_none { display: none; }
@media print,screen and ( max-width: 720px ) {
	a.inner_inquiry1 .icon,
	.box_inquiry1 .cont:first-child a.inner_inquiry1 .icon { width: 60px; }
	a.inner_inquiry1 .icon img { width: 30px; }
	a.inner_inquiry1 .icon img.pc_none { display: inline-block; }
	a.inner_inquiry1 .icon img.sp_none { display: none; }
	.box_inquiry1 .cont:first-child a.inner_inquiry1 .icon img { width: 22px; }
}
a.inner_inquiry1 .txt_pc { font-size: 38px; }
@media print,screen and ( max-width: 720px ) {
	a.inner_inquiry1 .txt_pc { display: none; }
}
a.inner_inquiry1 .txt_sp { display: none; }
@media print,screen and ( max-width: 720px ) {
	a.inner_inquiry1 .txt_sp { display: block; }
	a.inner_inquiry1 .txt_sp {
		width: calc( 100% - 40px );
		text-align: left;
	}
}

.box_inquiry2 {
	width: 100%;
	padding: 50px 0;
	background-color: #ffffff;
}
.box_inquiry2 .ttlinquiry { margin: 0 0 0.8em; }
.box_inquiry2 .txt_inquiry1 {
	width: 94%;
	margin: 0 auto 40px;
}
@media only screen and ( max-width: 720px ) {
	.box_inquiry2 .txt_inquiry1 { margin: 0 auto 25px; }
}
.btn_list_topfaq {
	width: 94%;
	max-width: 522px;
	margin: 0 auto 85px;
	display: flex;
	text-align: center;
}
@media only screen and ( max-width: 720px ) {
	.btn_list_topfaq { margin: 0 auto 60px; }
}
.btn_list_topfaq a {
	width: calc((100% - 30px) / 3);
	max-width: 159px;
	margin: 0 15px 0 0;
	padding: 15px 0;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	background-color: #ffe100;
	border-radius: 50px;
	text-decoration: none;
	box-shadow: 2px 2px 2px rgba(0, 0, 000000, 0.2);
	opacity: 0;
	transition: all .8s;
	position: relative;
	top: 10px;
}
.btn_list_topfaq a:last-of-type{
	margin-right: 0;
}
.btn_list_topfaq.active a {
	opacity: 1;
	top: 0;
}
.btn_list_topfaq a:nth-child(2) { transition-delay: .2s; }
.btn_list_topfaq a:nth-child(3) { transition-delay: .4s; }
@media only screen and ( min-width: 721px ) {
	.btn_list_topfaq a:hover { background-color: #ffef78; }
}
@media only screen and ( max-width: 720px ) {
	.btn_list_topfaq a {
		width: calc((100% - 16px) / 3);
		margin: 0 8px 0 0;
	}
}
.btn_list_topfaq a::before {
	content: '';
	width: 6px;
	height: 6px;
	margin: auto;
	border: 0;
	border-top: solid 2px #727171;
	border-right: solid 2px #727171;
	transform: rotate(45deg);
	position: absolute;
	right: 25px;
	top: 22px;
}
@media only screen and ( min-width: 721px ) {
	.btn_list_topfaq a::before { transition: right .4s; }
	.btn_list_topfaq a:hover::before { right: 21px; }
}
@media only screen and ( max-width: 720px ) {
	.btn_list_topfaq a::before { right: 12px; }
}
dl.inner_qa1 {
	width: 94%;
	max-width: 940px;
	margin: 0 auto 40px;
	padding: 0 0 40px;
	border-bottom: solid 0.5px #d4d4d5;
	display: flex;
}
dl.inner_qa1:last-of-type{
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
}
@media print,screen and ( max-width: 720px ) {
	dl.inner_qa1 {
		margin: 0 auto 60px;
		padding: 0;
		border-bottom: none;
		display: block;
	}
	dl.inner_qa1:last-child { margin-bottom: 0; }
}
dl.inner_qa1 dt {
	width: 20%;
	min-width: 200px;
	font-size: 25px;
	font-weight: 700;
}
@media print,screen and ( max-width: 720px ) {
	dl.inner_qa1 dt{
		width: 100%;
		min-width: unset;
		margin: 0 0 1.4em;
		text-align: center;
	}
}
dl.inner_qa1 dd{
	margin: 0;
	padding: 0;
}

.inner_box_qa1 {
	margin: 0 0 30px;
	line-height: 1.8;
}
.inner_box_qa1:last-of-type { margin-bottom: 0; }
@media print,screen and ( max-width: 720px ) {
	.inner_box_qa1{
		margin: 0 auto 15px;
		padding: 0 0 15px;
		border-bottom: dotted 1px #dcdcdc;
	}
	.inner_box_qa1:last-child { border-bottom-style: solid; }
	dl.inner_qa1:last-child .inner_box_qa1:last-child { border-bottom: none; }
}
.cont_q {
	margin: 0 0 8px;
	padding: 0 0 0 45px;
	font-size: 17px;
	color: #ff6400;
	line-height: 1.4;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 5px;
}
.active .cont_q {
	opacity: 1;
	top: 0;
}
.cont_q::before{
	content: "";
	width: 35px;
	height: 28px;
	background-image: url(../img/top/img_q.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.cont_a{
	padding: 0 0 0 45px;
	opacity: 0;
	transition: all .8s ease-in-out;
	transition-delay: .2s;
	position: relative;
	top: 5px;
}
.active .cont_a {
	opacity: 1;
	top: 0;
}

.cont_a::before{
	content: "";
	width: 35px;
	height: 28px;
	background-image: url(../img/top/img_a.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 6px;
}

div#form{
	margin: 0;
	padding: 0 0 70px;
	background-color: #f4f3f0;
}


.box_form1{
	width: 94%;
	max-width: 1123px;
	margin: 0 auto;
	padding: 50px 0 40px;
	background-color: #fff;
}

.ttlform{
	margin: 0 0 0.8em;
	font-size: min( 6.9vw, 40px );
	font-weight: 700;
	text-align: center;
	line-height: 1.42;
	opacity: 0;
	transition: all .8s ease-in-out;
	position: relative;
	top: 15px;
}
.ttlform.active {
	opacity: 1;
	top: 0;
}
.col_iframe_contact {
	width: 94%;
	max-width: 740px;
	margin: 0 auto;
	padding: 0;
}
.col_iframe_contact iframe { height: 1800px; }
@media only screen and ( max-width: 540px ) {
	.col_iframe_contact iframe { height: 1850px; }
}
@media only screen and ( max-width: 470px ) {
	.col_iframe_contact iframe { height: 1980px; }
}
@media only screen and ( max-width: 400px ) {
	.col_iframe_contact iframe { height: 2020px; }
}
@media only screen and ( max-width: 360px ) {
	.col_iframe_contact iframe { height: 2100px; }
}

.txt_form1 {
	width: 94%;
	margin: 0 auto 65px;
	text-align: center;
	line-height: 1.8;
}
@media print,screen and ( max-width: 720px ) {
	.txt_form1 { margin: 0 auto 35px; }
}
.cont_list_contact {
	width: 94%;
	max-width: 734px;
	margin: 0 auto;
	padding: 0;
}
.cont_list_contact dl.list_contact {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	display: flex;
	justify-content: space-between;
}
.cont_list_contact dl.list_contact.bottom { margin: 0 0 40px; }
@media print,screen and ( max-width: 720px ) {
	.cont_list_contact dl.list_contact {
		display: block;
	}
}

.cont_list_contact dl.list_contact dt {
	width: 30%;
	padding: 5px 10px 5px 5%;
	box-sizing: border-box;
	align-self: center;
	position: relative;
	z-index: 0;
}
@media print,screen and ( max-width: 720px ) {
	.cont_list_contact dl.list_contact dt {
		width: 100%;
		padding: 0 5px 8px;
	}
}
.cont_list_contact dl.list_contact dt.require .label { display: none; }
.cont_list_contact dl.list_contact dd {
	width: 70%;
	margin: 0;
	padding: 0 0.8em;
	box-sizing: border-box;
}
@media print,screen and ( max-width: 720px ) {
	.cont_list_contact dl.list_contact dd{
		width: 100%;
		padding: 0 5px;
	}
}

.cont_list_contact dl.list_contact.purpose {
	margin: 0 0 30px;
	padding: 30px 0;
	border-top: solid 0.6px #d4d4d5;
	border-bottom: solid 0.6px #d4d4d5;
}
@media print,screen and ( max-width: 720px ) {
	.cont_list_contact dl.list_contact.purpose {
		margin: 0;
		padding: 13px 0;
	}
}
.cont_list_contact dl.list_contact.purpose dt { padding-top: 0; }
@media print,screen and ( max-width: 720px ) {
	.cont_list_contact dl.list_contact.purpose dd {
		padding: 0 15px;
	}
}
.cont_list_contact dl.list_contact.purpose dd label {
	margin: 0 0 0.8em;
	display: block;
}
.cont_list_contact dl.list_contact.purpose dd :last-child label { margin-bottom: 0; }
@media only screen and ( max-width: 720px ) {
	.cont_list_contact dl.list_contact.purpose dd label { margin: 0 0 0.2em; }
}
dl.list_contact select {
	width: 100%;
	max-width: 344px;
	padding: 15px 20px;
	border: solid 1px #d4d4d5;
	border-radius: 10px;
	box-sizing: border-box;
}

dl.list_contact input[type="text"],
dl.list_contact input[type="email"] {
	width: 100%;
	max-width: 445px;
	padding: 15px 20px;
	border: solid 1px #d4d4d5;
	border-radius: 10px;
	box-sizing: border-box;
}

dl.list_contact textarea{
	width: 100%;
	max-width: 445px;
	min-height: 15em;
	border: solid 1px #d4d4d5;
	border-radius: 10px;
	box-sizing: border-box;
}

.txt_privacy_contact{
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	text-align: center;
}

.txt_privacy_contact a{
	color: #ff6400;
}

.btnarea_contact .btn input {
	width: 81%;
	max-width: 311px;
	margin: 0 auto;
	padding: 15px 22px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	display: block;
	border: none;
	border-radius: 50px;
	background-color: #ff6400;
	cursor: pointer;
	position: relative;
}