@charset "UTF-8";
/* ==================================================
	element
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.top-main-wrap {
		display: block;
		position: relative;
		padding-top: 55px;
		background: #f8f8f1;
	}
	.top-main-wrap .bg-inner {
		background:url("../images/sp-main.jpg") bottom left no-repeat;
		background-size: cover;
		width: 100%;
		height: 340px;
	}
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
		position: relative;
		z-index: 20;
	}
	.top-main-wrap h2 {
		display: block;
		text-align: right;
		padding-top: 11vh;
		margin-left: 15px;
	}
	.top-main-wrap h2 img {
		display: inline-block;
		max-width: 300px;
		height: auto;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.top-main-wrap {
		display: block;
		position: relative;
		padding-top: 80px;
		background: #f8f8f1;
	}
	.top-main-wrap .bg-inner {
		background:url("../images/mainvisual.png") bottom center no-repeat;
		background-size: cover;
		width: 100%;
		height: calc(100vh - 80px);
		min-height: 650px;
	}
	.fix-1200 {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.top-main-wrap h2 {
		display: block;
		text-align: right;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 15vh;
        padding-right: 200px;
	}
	.top-main-wrap h2 img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}
}
@media print, screen and (min-width: 1400px){
    .top-main-wrap h2{
        padding-right: 0;
    }
}
/* ========== end △ */

.fadeIn3 {
  -webkit-animation-name: fadeIn3;
  animation-name: fadeIn3; }
/* ========== end △ */


/* ==================================================
	top-info
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.top-info {
		position: relative;
		z-index: 5;
		background: #f8f8f1;
	}
	.top-info .fix-1200 {
		position: relative;
		z-index: 5;
	}
	.top-info .bg {
		display: block;
		align-items: center;
		padding: 15px 0 40px 0;
	}
	.top-info .bg .lef {
		display: block;
		flex-basis: 15%;
	}
	.top-info .bg .lef h2 {
		display: block;
		font-size: 2.4rem;
		line-height: 1;
		letter-spacing: 1px;
		margin-bottom: 10px;
		margin-left: 6px;
	}
	.top-info .bg .lef .ti {
		display: block;
		font-size: 1.6rem;
		color: #8f8f8f;
		letter-spacing: 1px;
		margin-bottom: 20px;
		margin-left: 6px;
	}
	.info-box {
		display: block;
		flex-basis: 75%;
	}
	.info-box .scr {
		display: block;
		overflow: auto;
		max-height: 160px;
	}
	.info-box dl {
		display: block;
		border-bottom: #e6e6e6 solid 1px;
		padding: 20px 0;
	}
	.info-box dl dt {
		display: block;
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: 1.6rem;
		line-height: 1.2;
		font-weight: 700;
		letter-spacing: 1px;
		flex-basis: 12%;;
	}
	.info-box dl dd {
		display: block;
		flex-basis: 85%;
		font-size: 1.4rem;
		letter-spacing: 1px;
		line-height: 1.5;
	}
	.info-box dl dd a {
		color: #000;
		text-decoration: none;
	}
	.info-box dl dd a:hover {
		text-decoration: underline;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.top-info {
		position: relative;
		z-index: 5;
		background: #f8f8f1;
	}
	.top-info .fix-1200 {
		position: relative;
		z-index: 5;
	}
	.top-info .bg {
		display:flex;
		justify-content: space-between;
		align-items: center;
		padding: 65px 0 100px 0;
	}
	.top-info .bg .lef {
		display: block;
		flex-basis: 15%;
		padding-top: 10px;
	}
	.top-info .bg .lef h2 {
		display: block;
		font-size: 2.4rem;
		line-height: 1;
		letter-spacing: 1px;
		margin-bottom: 10px;
		margin-left: 6px;
	}
	.top-info .bg .lef .ti {
		display: block;
		font-size: 1.6rem;
		color: #8f8f8f;
		letter-spacing: 1px;
		margin-bottom: 20px;
		margin-left: 6px;
	}
	.info-box {
		display: block;
		flex-basis: 75%;
	}
	.info-box .scr {
		display: block;
		overflow: auto;
		max-height: 230px;
	}
	.info-box dl {
		display: flex;
		justify-content: space-between;
		border-bottom: #e6e6e6 solid 1px;
		padding: 20px 0;
		margin-right: 30px;
	}
	.info-box dl dt {
		display: block;
		font-family: 'Barlow Semi Condensed', sans-serif;
		font-size: 1.6rem;
		line-height: 1.2;
		font-weight: 700;
		letter-spacing: 1px;
		flex-basis: 12%;;
	}
	.info-box dl dd {
		display: block;
		flex-basis: 85%;
		font-size: 1.4rem;
		letter-spacing: 1px;
		line-height: 1.5;
	}
	.info-box dl dd a {
		color: #000;
		text-decoration: none;
	}
	.info-box dl dd a:hover {
		text-decoration: underline;
	}
}
/* ========== end △ */


/* ==================================================
	topbox01
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.topbox01 {
		display: block;
		background: url("../images/to1-bg.jpg") top center no-repeat;
		position: relative;
		padding: 35px 0 65px 0;
	}
	.topbox01::after {
		position: absolute;
		right: 0;
		bottom: 0;
		content: "";
		background: url("../images/wave1.jpg") top center repeat-x;
		height: 65px;
		width: 100%;
	}
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.topbox01 h2 {
		display: block;
		text-align: center;
		position: relative;
		background: url("../images/hanamaru.png") top center no-repeat;
		padding-top: 97px;
		padding-bottom: 25px;
	}
	.topbox01 h2 span {
		display: inline-block;
		position: relative;
		z-index: 5;
		font-size: 2rem;
		line-height: 1.2;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.topbox01 .ti {
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	.topbox01 .ti img {
		display: inline-block;
	}
	.topbox01 p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 25px;
	}
	.topbox01 .bt {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 240px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.topbox01 {
		display: block;
		background: url("../images/to1-bg.jpg") top center no-repeat;
		position: relative;
		padding: 115px 0 150px 0;
	}
	.topbox01::after {
		position: absolute;
		right: 0;
		bottom: 0;
		content: "";
		background: url("../images/wave1.jpg") top center repeat-x;
		height: 65px;
		width: 100%;
	}
	.fix-1200 {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	.topbox01 h2 {
		display: block;
		text-align: center;
		position: relative;
		background: url("../images/hanamaru.png") top center no-repeat;
		padding-top: 110px;
		padding-bottom: 55px;
	}
	.topbox01 h2 span {
		display: inline-block;
		position: relative;
		z-index: 5;
		font-size: 2.4rem;
		line-height: 1.2;
		font-weight: bold;
		letter-spacing: 2px;
	}
	.topbox01 .ti {
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}
	.topbox01 .ti img {
		display: inline-block;
	}
	.topbox01 p {
		display: block;
		text-align: center;
		font-size: 1.5rem;
		line-height: 2.1;
		max-width: 600px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 55px;
	}
	.topbox01 .bt {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 320px;
	}
	.topbox01 .bt .btn1 {
		width: 320px;
		padding: 22px 0;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1200px) {
	.fix-1200 {
		margin-left: 4%;
		margin-right: 4%;
	}
}
/* ========== end △ */
.bg-01 {
	background: #f8f8f1;
}

/* ==================================================
	topbox02
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.topbox02 {
		display: block;
		position: relative;
		padding-top: 35px;
		padding-bottom: 60px;
	}
	.topbox02::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		background: url("../images/wave2.jpg") center center repeat-x;
		width: 100%;
		height: 65px;
	}
	.topbox02 .ti {
		display: block;
		margin-bottom: 75px;
	}
	.topbox02 .ti h2 {
		display: block;
		position: relative;
		padding-top: 120px;
		text-align: center;
	}
	.topbox02 .ti h2::before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		margin: auto;
		content: "";
		background: url("../images/class.png") center center no-repeat;
		width: 195px;
		height: 143px;
	}
	.topbox02 .ti h2 span {
		display: block;
		font-weight: bold;
		line-height: 1.2;
		font-size: 2.1rem;
		letter-spacing: 1px;
		position: relative;
		z-index: 5;
		padding-bottom: 30px;
	}
	.topbox02 .ti p {
		display: block;
		flex-basis: 54%;
		font-size: 1.4rem;
		line-height: 1.9;
	}
	.topbox02 .list {
		display: block;
		padding-bottom: 20px;
	}
	.topbox02 .list li {
		display: block;
		background: #FFF;
		border-radius: 10px 10px 0 0;
		overflow: hidden;
		margin-bottom: 25px;
	}
	.topbox02 .list li:nth-child(1) {
		margin-left: 0px;
	}
	.topbox02 .list li img {
		width: 100%;
	}
	.topbox02 .list li h3 {
		display: block;
		position: relative;
		text-align: center;
		font-weight: bold;
		line-height: 1.2;
		font-size: 1.8rem;
		letter-spacing: 1px;
		padding: 24px 0 28px 0;
		margin: 0 27px;
	}
	.topbox02 .list li h3 span {
		display: inline-block;
		position: relative;
	}
	.topbox02 .list li h3 span::before {
		position: absolute;
		left: -80px;
		top: -40px;
		content: "";
		background: url("../images/tp2ico2.png") center center no-repeat;
		width: 72px;
		height: 79px;
	}
    .topbox02 .list li:first-of-type h3 span::before{
		background: url("../images/tp2ico1.png") center center no-repeat;
    }
    .topbox02 .list li:last-of-type h3 span::before{
		background: url("../images/tp2ico3.png") center center no-repeat;
    }
	.topbox02 .list li p {
		display: block;
		margin: 0 27px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.topbox02 .list li .bt {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 220px;
		padding-bottom: 30px;
	}
	.topbox02 .list li .btn1 {
		display: block;
	}
	.topbox02 .bnrs {
		display: block;
	}
	.topbox02 .bnrs img {
		width: 100%;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.topbox02 {
		display: block;
		position: relative;
		padding-top: 50px;
		padding-bottom: 110px;
	}
	.topbox02::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		background: url("../images/wave2.jpg") center center repeat-x;
		width: 100%;
		height: 65px;
	}
	.topbox02 .ti {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 75px;
	}
	.topbox02 .ti h2 {
		display: block;
		position: relative;
		padding-left: 215px;
		flex-basis: 37%;
	}
	.topbox02 .ti h2::before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url("../images/class.png") center center no-repeat;
		width: 195px;
		height: 143px;
	}
	.topbox02 .ti h2 span {
		display: block;
		font-weight: bold;
		line-height: 1.2;
		font-size: 2.4rem;
		letter-spacing: 1px;
	}
	.topbox02 .ti p {
		display: block;
		flex-basis: 54%;
		font-size: 1.4rem;
		line-height: 1.9;
	}
	.topbox02 .list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: 60px;
	}
	.topbox02 .list li {
		display: block;
		background: #FFF;
		border-radius: 10px 10px 0 0;
		overflow: hidden;
		margin-left: 29px;
  		flex-basis: calc((100% - (29px * 2)) / 3 - .01px);
		margin-bottom: 29px;
	}
	.topbox02 .list li:nth-child(1) {
		margin-left: 0px;
	}
	.topbox02 .list li img {
		width: 100%;
	}
	.topbox02 .list li h3 {
		display: block;
		position: relative;
		text-align: center;
		font-weight: bold;
		line-height: 1.2;
		font-size: 2rem;
		letter-spacing: 1px;
		padding: 24px 0 38px 0;
		margin: 0 27px;
	}
	.topbox02 .list li h3 span {
		display: inline-block;
		position: relative;
	}
	.topbox02 .list li p {
		display: block;
		margin: 0 27px;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.topbox02 .list li .bt {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 320px;
		padding-bottom: 40px;
	}
	.topbox02 .list li .btn1 {
		display: block;
	}
	.topbox02 .bnrs {
		display: block;
	}
	.topbox02 .bnrs img {
		width: 100%;
	}
}

.topbox02 .list li h3 span::before {
	position: absolute;
	left: -80px;
	top: -40px;
	content: "";
	background: url("../images/tp2ico1.png") center center no-repeat;
	width: 72px;
	height: 79px;
}
.topbox02 .list li:nth-child(2) h3 span::before{
	background: url("../images/tp2ico2.png") center center no-repeat;
}
.topbox02 .list li:nth-child(3) h3 span::before{
	background: url("../images/tp2ico3.png") center center no-repeat;
}
.topbox02 .list li:nth-child(4) h3 span::before{
	background: url("../images/tp2ico4.png") center center no-repeat;
}
.topbox02 .list li:nth-child(5) h3 span::before{
	background: url("../images/tp2ico5.png") center center no-repeat;
}
/* ========== end △ */


/* ==================================================
	topbox03
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.topbox03 {
		display: block;
		position: relative;
		background: url("../images/tp3-bg.jpg") left top;
		padding-top: 35px;
		padding-bottom: 60px;
	}
	.topbox03::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		width: 100%;
		height: 65px;
		background: url("../images/wave1.jpg") center center;
	}
	.topbox03 .flex {
		display: block;
	}
	.topbox03 .flex figure {
		display: block;
		position: relative;
		flex-basis: 42%;
	}
	.topbox03 .flex figure img {
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.topbox03 .flex .txt {
		display: block;
		flex-basis: 50%;
		margin-bottom: 20px;
	}
	.topbox03 .flex .txt h3 {
		display: block;
		position: relative;
		text-align: center;
		padding-top: 120px;
	}
	.topbox03 .flex .txt h3::before {
		position: absolute;
		left: 0px;
		top: 0;
		right: 0;
		margin: auto;
		content: "";
        background: url(../images/instructor.png) center center/contain no-repeat;
        width: 195px;
		height: 143px;
	}
	.topbox03 .flex .txt h3 span {
		display: block;
		position: relative;
		z-index: 5;
		font-weight: bold;
		line-height: 1.2;
		font-size: 2.1rem;
		letter-spacing: 1px;
		margin-bottom: 25px;
	}
	.topbox03 .flex .txt b {
		display: block;
		font-size: 1.7rem;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.topbox03 .flex .txt b span {
		color: #fd5900;
	}
	.topbox03 .flex .txt p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.topbox03 .flex .txt .bt {
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.topbox03 {
		display: block;
		position: relative;
		background: url("../images/tp3-bg.jpg") left top;
		padding-top: 95px;
		padding-bottom: 140px;
	}
	.topbox03::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		width: 100%;
		height: 65px;
		background: url("../images/wave1.jpg") center center;
	}
	.topbox03 .flex {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.topbox03 .flex figure {
		display: block;
		position: relative;
		flex-basis: 42%;
	}
	.topbox03 .flex figure::before {
		position: absolute;
		top: -70px;
		left:-115px;
		content: "";
		background: url("../images/sousyoku1.png") center center no-repeat;
		width: 336px;
		height: 183px;
		z-index: 4;
	}
	.topbox03 .flex figure::after {
		position: absolute;
		bottom: -70px;
		left:-85px;
		content: "";
		background: url("../images/sousyoku2.png") center center no-repeat;
		width: 173px;
		height: 134px;
		z-index: 1;
	}
	.topbox03 .flex figure img {
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.topbox03 .flex .txt {
		display: block;
		flex-basis: 50%;
	}
	.topbox03 .flex .txt h3 {
		display: block;
		position: relative;
		padding: 91px 0 105px 186px;
	}
	.topbox03 .flex .txt h3::before {
		position: absolute;
		left: -50px;
		top: 0;
		content: "";
		background: url("../images/instructor.png") center center no-repeat;
		width: 225px;
		height: 183px;
	}
	.topbox03 .flex .txt h3 span {
		display: block;
		position: relative;
		font-weight: bold;
		line-height: 1.2;
		font-size: 2.4rem;
		letter-spacing: 1px;
	}
	.topbox03 .flex .txt b {
		display: block;
		font-size: 3.2rem;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	.topbox03 .flex .txt b span {
		color: #fd5900;
	}
	.topbox03 .flex .txt p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-bottom: 40px;
	}
	.topbox03 .flex .txt .bt {
		max-width: 320px;
	}
	.topbox03 .flex .txt .btn1 {
		display: block;
		padding: 22px 0;
	}
}
/* ========== end △ */


/* ==================================================
	topbox04
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.topbox04 {
		display: block;
		position: relative;
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.topbox04::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		background: url("../images/wave2.jpg") center center;
		width: 100%;
		height: 65px;
	}
	.topbox04 h2 {
		display: block;
		text-align: center;
		position: relative;
		padding-top: 130px;
		padding-bottom: 0px;
	}
	.topbox04 h2 span {
		display: inline-block;
		position: relative;
		font-size: 2.1rem;
		line-height: 1.2;
		font-weight: bold;
		padding-bottom: 30px;
	}
	.topbox04 h2::before {
		position: absolute;
		left: 0px;
		top: 0;
		right: 0;
		margin: auto;
		content: "";
		background: url("../images/school.png") center center no-repeat;
		width: 195px;
		height: 143px;
	}
	.topbox04 .mt {
		display: block;
		font-size: 1.4rem;
		line-height: 1.8;
		margin-bottom: 25px;
	}
	.topbox04 ul {
		display: block;
	}
	.topbox04 li {
		display: block;
		flex-basis: 48%;
		margin-bottom: 20px;
	}
	.topbox04 li .imgs {
		display: block;
		position: relative;
	}
	.topbox04 li figure {
		display: block;	
	}
	.topbox04 li figure img {
		width: 100%;
	}
	.topbox04 li .imgs span {
		position: absolute;
		left: 0px;
		bottom: 12px;
		z-index: 5;
		width: 140px;
	}
	.topbox04 li p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-top: 12px;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.topbox04 {
		display: block;
		position: relative;
		padding-top: 40px;
		padding-bottom: 90px;
	}
	.topbox04::after {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		background: url("../images/wave2.jpg") center center;
		width: 100%;
		height: 65px;
	}
	.topbox04 h2 {
		display: block;
		text-align: center;
		padding-bottom: 70px;
	}
	.topbox04 h2 span {
		display: inline-block;
		position: relative;
		font-size: 2.4rem;
		line-height: 1.2;
		font-weight: bold;
		padding-left: 107px;
		padding-top: 66px;
	}
	.topbox04 h2 span::before {
		position: absolute;
		left: -100px;
		top: 0;
		content: "";
		background: url("../images/school.png") center center no-repeat;
		width: 195px;
		height: 143px;
	}
	.topbox04 .mt {
		display: block;
		text-align: center;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-bottom: 45px;
	}
	.topbox04 ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.topbox04 li {
		display: block;
		flex-basis: 48%;
		margin-bottom: 4%;
	}
	.topbox04 li:nth-child(even){
		margin-left: auto;
	}
	.topbox04 li .imgs {
		display: block;
		position: relative;
	}
	.topbox04 li figure {
		display: block;	
	}
	.topbox04 li figure img {
		width: 100%;
	}
	.topbox04 li .imgs span {
		position: absolute;
		left: -17px;
		bottom: 32px;
		z-index: 5;
	}
	.topbox04 li p {
		display: block;
		font-size: 1.4rem;
		line-height: 1.9;
		margin-top: 20px;
	}
}
/* ========== end △ */


/* ==================================================
	topbox06
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.topbox06 {
		display: block;
		position: relative;
		background: url("../images/tp3-bg.jpg");
		padding-top: 35px;
		padding-bottom: 40px;
	}
	.topbox06 h2 {
		display: block;
		text-align: center;
		position: relative;
		padding-top: 120px;
		padding-bottom: 30px;
	}
	.topbox06 h2 span {
		display: inline-block;
		position: relative;
		z-index: 5;
		font-size: 2.1rem;
		line-height: 1.2;
		font-weight: bold;
	}
	.topbox06 h2::before {
		position: absolute;
		left: 0px;
		top: 0;
		right: 0;
		margin: auto;
		content: "";
		background: url("../images/guide.png") center center no-repeat;
		width: 195px;
		height: 143px;
	}
	.topbox06 ul {
		display: block;
	}
	.topbox06 ul li {
		display: block;
		position: relative;
		margin-bottom: 14px;
	}
	.topbox06 ul li img {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.topbox06 {
		display: block;
		position: relative;
		background: url("../images/tp3-bg.jpg");
		padding-top: 50px;
		padding-bottom: 90px;
	}
	.topbox06 h2 {
		display: block;
		text-align: center;
		padding-bottom: 110px;
	}
	.topbox06 h2 span {
		display: inline-block;
		position: relative;
		font-size: 2.4rem;
		line-height: 1.2;
		font-weight: bold;
		padding-left: 107px;
		padding-top: 66px;
	}
	.topbox06 h2 span::before {
		position: absolute;
		left: -100px;
		top: 0;
		content: "";
		background: url("../images/guide.png") center center no-repeat;
		width: 195px;
		height: 143px;
	}
	.topbox06 ul {
		display: flex;
		justify-content: space-between;
	}
	.topbox06 ul li {
		display: block;
		position: relative;
		margin-left: 73px;
  		flex-basis: calc((100% - (73px * 2)) / 3 - .01px);
	}
	.topbox06 ul li:nth-child(1) {
		margin-left: 0px;
	}
	.topbox06 ul li::before {
		position: absolute;
		left: -37px;
		top:0;
		content: "";
		width: 1px;
		height: 100%;
		background: #fd5900;
	}
	.topbox06 ul li:nth-child(1)::before {
		display: none;
	}
	.topbox06 ul li img {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.topbox06 ul li img:hover {
		top: -5px;
		left: -5px;
		box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
	}
}
/* ========== end △ */

.topbox_add{
	background-color: #fff5c7;
	border-radius: 45px;
	padding: 45px 60px;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.topbox_add h2{
	text-align: center;
	margin-bottom: 20px;
}
.topbox_add .txt{
	text-align: center;
}
.topbox_add .inner{
	display: flex;
	justify-content: space-between;
}
.topbox_add .inner a{
	text-decoration: none;
	color: #000;
}
.topbox_add .inner a:hover{
	opacity: .7;
}
.topbox_add .inner dl {
	display: flex;
	flex-direction: column-reverse;
}
.topbox_add .inner dl dt{

	font-size: 17px;
	text-align: center;
	font-weight: 700;
	margin-top: 15px;
}

.topbox_add .inner dl dd{
	display: flex;
	align-items: center;
}
@media (max-width: 639px){
	.topbox_add {
		border-radius: 10px;
		padding: 20px 10px;
	}
	.topbox_add .inner{
		flex-direction: column;
	}
	.topbox_add .inner dl{
		margin-top: 30px;
	}
}