﻿@charset "UTF-8";

/* コンプライアンス */
#training {

	padding-top:    13.6rem;
	padding-bottom: 10rem;

}

#training .bnr {

	width: 81rem;
	margin: 0 auto;
	margin-bottom: 22rem;

}

#training h2 {

	margin-bottom: 20.5rem;

}

#training .safety {

	width: 118rem;

}

#training .safety .txt {

	margin-bottom: 11rem;

}

#training .safety .txt p {

	font-size: 1.8rem;
	line-height: 1.8;
	color: #6D6B69;
	letter-spacing: 0.18em;

}

#training .safety .txt .line1 {

	margin-bottom: 2rem;

}

#training .mark_box {

	width: 87%;
	margin-bottom: 16rem;

}

#training .mark_box .mark1 {

	float: left;
	width: 44%;
	margin-top: 8.5rem;

}

#training .mark_box .mark2 {

	float: right;
	width: 33%;
	margin-bottom: 4rem;

}

#training .mark_box p {

	clear: both;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.7;
	color: #EF7D44;
	letter-spacing: 0.24em;
	margin-left:  1em;
	text-indent: -1em;

}

#training .box_wrap {

	margin-bottom: 18rem;

}

#training .box_wrap .box {
	
	float: left;
	width: 48%;
	min-height: 54rem;
	margin-bottom: 7rem;
	padding: 3rem;
	padding-top: 1.2rem;
	border: 0.2rem solid #555;
	border-radius: 0.2em;

}

#training .box_wrap .box:nth-child(even) {
	
	float: right;

}

#training .box_wrap .box .title {
	
	margin-bottom: 3.8rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	color: #2B728F;
	letter-spacing: 0.24rem;

}

#training .box_wrap .box .img {

	width: 34%;
	margin: 0 auto;
	margin-bottom: 7.5rem;

}

#training .box_wrap .box:nth-child(2) .img {

	width: 36%;
	margin-bottom: 7rem;

}

#training .box_wrap .box:nth-child(4) .img {

	margin-bottom: 11rem;

}

#training .box_wrap .box .img1 {
	
	float: left;
	width: 30%;
	margin: 0;
	margin-left: 12%;
	margin-top: 5rem;
	margin-bottom: 8rem;

}

#training .box_wrap .box .img2 {
	
	float: right;
	width: 28%;
	margin: 0;
	margin-right: 8%;
	margin-bottom: 8rem;

}

#training .box_wrap .box .line {
	
	clear: both;
	font-size: 1.8rem;
	color: #6D6B69;
	letter-spacing: 0.24em;

}

#training h3 {
	
	clear: both;
	position: relative;
	margin-bottom: 17rem;
	padding-left:   0.37em;
	padding-bottom: 0.07em;
	font-size: 5.5rem;
	line-height: 1.2;
	letter-spacing: 0.24em;

}

#training h3:after {
	
	position: absolute;
	top:  0;
	left: 0;
	z-index: -1;
	content: "";
	width:  300%;
	height: 100%;
	background: #9C7E4B;

}

#training h3 span {
	
	position: relative;
	z-index: 2;
	display: inline-block;
	color: #fff;

}

#training .reco {

	margin-bottom: 20.5rem;

}

#training h3 {

	width: 120rem;
	margin: 0 auto;
	margin-bottom: 19rem;

}

#training .reco .img_wrap {
	
	position: relative;
	width: 100%;
	margin-left:    35rem;
	margin-bottom: 8.5rem;

}

#training .reco .img_wrap:after {

	position: absolute;
	top:  5rem;
	left: -50%;
	z-index: -1;
	content: "";
	width:  150%;
	height: 97%;
	background: #A8B8C5;

}

#training .reco .img_wrap .img:nth-child(1) {
	
	float: left;
	width: 69rem;
	margin-right: 6.5rem;

}

#training .reco .img_wrap .img:nth-child(2) {
	
	float: left;
	width: 61rem;

}

#training .reco p {

	width: 120rem;
	margin: 0 auto;
	font-size: 1.8rem;
	line-height: 1.8;
	color: #6D6B69;
	letter-spacing: 0.21em;

}

#training .kou {

	margin-bottom: 25.5rem;

}

#training .kou h3 {

	margin-bottom: 16.5rem;

}

#training .kou .box_wrap2 {

	position: relative;
	width: 100%;
	margin-left:    35rem;
	margin-bottom: 8.5rem;

}

#training .kou .box_wrap2:after {

	position: absolute;
	top:  5rem;
	left: -50%;
	z-index: -1;
	content: "";
	width:  150%;
	height: 112%;
	background: #A8B8C5;

}

#training .kou .box_wrap2 .box {

	float: left;
	width: 45rem;
	margin-right: 8rem;

}

#training .kou .box_wrap2 .box.last {

	margin-right: 0;

}

#training .kou .box_wrap2 .box p {

	text-align: center;
	font-size: 3.6rem;
	font-weight: 600;
	color: #6D6B69;
	letter-spacing: 0.24em;

}

#training .syanai {

	margin-bottom: 22.5rem;

}

#training .syanai h3 {

	margin-bottom: 16.5rem;

}

#training .syanai .box_wrap3 {
	
	position: relative;
	width: 120rem;
	margin: 0 auto;

}

#training .syanai .box_wrap3:after {

	position: absolute;
	top:  5rem;
	left: -50%;
	z-index: -1;
	content: "";
	width:  200%;
	height: 99.5%;
	background: #F2F2F2;

}

#training .syanai .box_wrap3 .box {

	float: left;
	width: 42%;
	height: 66.5rem;

}

#training .syanai .box_wrap3 .box:nth-child(even) {

	float: right;

}

#training .syanai .box_wrap3 .box.last {

	height: 55rem;

}

#training .syanai .box_wrap3 .box .img {

	margin-bottom: 1rem;

}

#training .syanai .box_wrap3 .box p {

	font-size: 1.8rem;
	line-height: 1.8;
	color: #6D6B69;
	letter-spacing: 0.23em;
	margin-left:  2em;
	text-indent: -2em;

}

#training .can h3 {

	margin-bottom: 16rem;

}

#training .can .img_wrap1 {
	
	position: relative;
	width: 120rem;
	margin: 0 auto;
	margin-bottom: 3rem;

}

#training .can .img_wrap1:after {

	position: absolute;
	top:  5rem;
	left: -50%;
	z-index: -1;
	content: "";
	width:  200%;
	height: 284%;
	background: #F2F2F2;

}

#training .can .img_wrap1 .img {

	float: left;
	width: 51rem;
	margin-right: 8rem;

}

#training .can  .line1 {
	
	width: 120rem;
	margin: 0 auto;
	margin-bottom: 8rem;
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1.8;
	color: #6D6B69;
	letter-spacing: 0.24em;

}

#training .can .box {
	
	width: 120rem;
	margin: 0 auto;

}

#training .can .box .img {

	width: 51rem;
	margin-bottom: 3rem;

}

#training .can .box p {
	
	margin-bottom: 27.5rem;
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1.8;
	color: #6D6B69;
	letter-spacing: 0.24em;

}

#training .al h3 {

	margin-bottom: 15.7rem;

}

#training .al .img_wrap {

	width: 120rem;
	margin: 0 auto;
	margin-bottom: 4rem;

}

#training .al .img_wrap .img {

	width: 93rem;

}

#training .al p {

	width: 120rem;
	margin: 0 auto;
	margin-bottom: 26rem;
	font-size: 3.6rem;
	font-weight: 600;
	line-height: 1.8;
	color: #6D6B69;
	letter-spacing: 0.24em;

}



/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}


@media only screen and (max-width: 1200px) {
	
	/* コンプライアンス */
	#training {

		padding-top:    13.6rem;
		padding-bottom: 10rem;

	}

	#training .bnr {

		width: 84rem;
		margin-bottom: 22rem;

	}

	#training h2 {

		margin-bottom: 20.5rem;

	}
	
	#training .kasou_h2 .line2 {
	
		letter-spacing: 0.15em;
	
	}

	#training .safety {

		width: 118rem;

	}

	#training .safety .txt {

		margin-bottom: 11rem;

	}

	#training .safety .txt p {

		font-size: 2.2rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .safety .txt .line1 {

		margin-bottom: 2rem;

	}

	#training .mark_box {

		width: 87%;
		margin-bottom: 16rem;

	}

	#training .mark_box .mark1 {

		float: left;
		width: 44%;
		margin-top: 8.5rem;

	}

	#training .mark_box .mark2 {

		float: right;
		width: 33%;
		margin-bottom: 4rem;

	}

	#training .mark_box p {

		font-size: 2.2rem;
		line-height: 1.7;
		letter-spacing: 0.08em;
		margin-left:  1em;
		text-indent: -1em;

	}

	#training .box_wrap {

		margin-bottom: 18rem;

	}

	#training .box_wrap .box {
		
		float: left;
		width: 48%;
		min-height: 54rem;
		margin-bottom: 7rem;
		padding: 3rem;
		padding-top: 2.4rem;
		border: 0.2rem solid #555;
		border-radius: 0.2em;

	}

	#training .box_wrap .box:nth-child(even) {
		
		float: right;

	}

	#training .box_wrap .box .title {
		
		margin-bottom: 3.8rem;
		font-size: 2.4rem;
		letter-spacing: 0.12rem;

	}

	#training .box_wrap .box .img {

		width: 34%;
		margin-bottom: 7.5rem;

	}

	#training .box_wrap .box:nth-child(2) .img {

		width: 36%;
		margin-bottom: 7rem;

	}

	#training .box_wrap .box:nth-child(4) .img {

		margin-bottom: 11rem;

	}

	#training .box_wrap .box .img1 {
		
		float: left;
		width: 30%;
		margin-left: 12%;
		margin-top: 5rem;
		margin-bottom: 8rem;

	}

	#training .box_wrap .box .img2 {
		
		float: right;
		width: 28%;
		margin-right: 8%;
		margin-bottom: 8rem;

	}

	#training .box_wrap .box .line {
		
		font-size: 2.2rem;
		letter-spacing: 0.08em;

	}

	#training h3 {
		
		margin-bottom: 17rem;
		padding-left:   0.37em;
		padding-bottom: 0.07em;
		font-size: 5.7rem;
		line-height: 1.2;
		letter-spacing: 0.24em;

	}

	#training .reco {

		margin-bottom: 20.5rem;

	}

	#training h3 {

		width: 120rem;
		margin-bottom: 19rem;

	}

	#training .reco .img_wrap {
		
		width: 100%;
		margin-left:    18%;
		margin-bottom: 8.5rem;

	}

	#training .reco .img_wrap:after {

		top:  5rem;
		left: -50%;
		width:  150%;
		height: 97%;

	}

	#training .reco .img_wrap .img:nth-child(1) {
		
		float: left;
		width: 38%;
		margin-right: 3%;

	}

	#training .reco .img_wrap .img:nth-child(2) {
		
		float: left;
		width: 34%;

	}

	#training .reco p {

		width: 120rem;
		font-size: 2.2rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .kou {

		margin-bottom: 25.5rem;

	}

	#training .kou h3 {

		margin-bottom: 16.5rem;

	}

	#training .kou .box_wrap2 {

		width: 100%;
		margin-left:    18.5%;
		margin-bottom: 8.5rem;

	}

	#training .kou .box_wrap2:after {

		top:  5rem;
		left: -50%;
		width:  150%;
		height: 112%;

	}

	#training .kou .box_wrap2 .box {

		float: left;
		width: 23.5%;
		margin-right: 2%;

	}

	#training .kou .box_wrap2 .box p {

		text-align: center;
		font-size: 3.6rem;
		letter-spacing: 0.24em;

	}

	#training .syanai {

		margin-bottom: 22.5rem;

	}

	#training .syanai h3 {

		margin-bottom: 16.5rem;

	}

	#training .syanai .box_wrap3 {
		
		width: 120rem;

	}

	#training .syanai .box_wrap3:after {

		top:  5rem;
		left: -50%;
		width:  200%;
		height: 99.5%;

	}

	#training .syanai .box_wrap3 .box {

		float: left;
		width: 42%;
		height: 66.5rem;

	}

	#training .syanai .box_wrap3 .box:nth-child(even) {

		float: right;

	}

	#training .syanai .box_wrap3 .box.last {

		height: 55rem;

	}

	#training .syanai .box_wrap3 .box .img {

		margin-bottom: 1rem;

	}

	#training .syanai .box_wrap3 .box p {

		font-size: 2.2rem;
		line-height: 1.8;
		letter-spacing: 0.08em;
		margin-left:  2em;
		text-indent: -2em;

	}

	#training .can h3 {

		margin-bottom: 16rem;

	}

	#training .can .img_wrap1 {
		
		width: 120rem;
		margin-bottom: 3rem;

	}

	#training .can .img_wrap1:after {

		top:  5rem;
		left: -50%;
		width:  200%;
		height: 284%;

	}

	#training .can .img_wrap1 .img {

		float: left;
		width: 51rem;
		margin-right: 8rem;

	}

	#training .can  .line1 {
		
		width: 120rem;
		margin-bottom: 8rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

	#training .can .box {
		
		width: 120rem;

	}

	#training .can .box .img {

		width: 51rem;
		margin-bottom: 3rem;

	}

	#training .can .box p {
		
		margin-bottom: 27.5rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

	#training .al h3 {

		margin-bottom: 15.7rem;

	}

	#training .al .img_wrap {

		width: 120rem;
		margin-bottom: 4rem;

	}

	#training .al .img_wrap .img {

		width: 93rem;

	}

	#training .al p {

		width: 120rem;
		margin-bottom: 26rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

}


/* iPadPro */
@media only screen and (max-width: 1024px) {



}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {
	
	#training .kasou_h2 .line2 {
	
		letter-spacing: 0.06em;
	
	}

}


/* iPad */
@media only screen and (max-width: 768px) {
	
	/* コンプライアンス */
	#training {

		padding-top:    13.6rem;
		padding-bottom: 10rem;

	}

	#training .bnr {

		width: 60%;
		margin-bottom: 22rem;

	}

	#training h2 {

		margin-bottom: 20.5rem;

	}
	
	#training .kasou_h2 .line2 {
	
		letter-spacing: 0.06em;
	
	}

	#training .safety {

		width: 88%;

	}

	#training .safety .txt {

		margin-bottom: 11rem;

	}

	#training .safety .txt p {

		font-size: 2.4rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .safety .txt .line1 {

		margin-bottom: 2rem;

	}

	#training .mark_box {

		width: 87%;
		margin-bottom: 16rem;

	}

	#training .mark_box .mark1 {

		float: left;
		width: 44%;
		margin-top: 8.5rem;

	}

	#training .mark_box .mark2 {

		float: right;
		width: 33%;
		margin-bottom: 4rem;

	}

	#training .mark_box p {

		font-size: 2.4rem;
		line-height: 1.7;
		letter-spacing: 0.08em;

	}

	#training .box_wrap {

		margin-bottom: 20rem;

	}

	#training .box_wrap .box {
		
		float: left;
		width: 48%;
		min-height: 58rem;
		margin-bottom: 7rem;
		padding: 3rem;
		padding-top: 2.4rem;

	}

	#training .box_wrap .box:nth-child(even) {
		
		float: right;

	}

	#training .box_wrap .box .title {
		
		margin-bottom: 3.8rem;
		font-size: 2.6rem;
		letter-spacing: 0.12rem;

	}

	#training .box_wrap .box .img {

		width: 34%;
		margin-bottom: 7.5rem;

	}

	#training .box_wrap .box:nth-child(2) .img {

		width: 36%;
		margin-bottom: 7rem;

	}

	#training .box_wrap .box:nth-child(4) .img {

		margin-bottom: 11rem;

	}

	#training .box_wrap .box .img1 {
		
		float: left;
		width: 30%;
		margin-left: 12%;
		margin-top: 5rem;
		margin-bottom: 8rem;

	}

	#training .box_wrap .box .img2 {
		
		float: right;
		width: 28%;
		margin-right: 8%;
		margin-bottom: 8rem;

	}

	#training .box_wrap .box .line {
		
		font-size: 2.4rem;
		letter-spacing: 0.08em;

	}

	#training h3 {
		
		width: 100%;
		margin-left: 6%;
		margin-bottom: 17rem;
		padding-left:   0.37em;
		padding-bottom: 0.07em;
		font-size: 6rem;
		line-height: 1.2;
		letter-spacing: 0.18em;

	}

	#training .reco {

		margin-bottom: 24rem;

	}

	#training h3 {

		margin-bottom: 19rem;

	}

	#training .reco .img_wrap {
		
		width: 100%;
		margin-left: 6%;
		margin-bottom: 8.5rem;

	}

	#training .reco .img_wrap:after {

		top:  5rem;
		left: -50%;
		width:  150%;
		height: 97%;

	}

	#training .reco .img_wrap .img:nth-child(1) {
		
		float: left;
		width: 43%;
		margin-right: 4%;

	}

	#training .reco .img_wrap .img:nth-child(2) {
		
		float: left;
		width: 38%;

	}

	#training .reco p {

		width: 88%;
		margin: 0 auto;
		font-size: 2.4rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .kou {

		margin-bottom: 36rem;

	}

	#training .kou h3 {

		margin-bottom: 16.5rem;

	}

	#training .kou .box_wrap2 {

		width: 100%;
		margin-left: 6%;
		margin-bottom: 8.5rem;

	}

	#training .kou .box_wrap2:after {

		top:  5rem;
		left: -50%;
		width:  150%;
		height: 112%;

	}

	#training .kou .box_wrap2 .box {

		float: left;
		width: 27%;
		margin-right: 3%;

	}

	#training .kou .box_wrap2 .box p {

		font-size: 3.6rem;
		letter-spacing: 0.24em;

	}

	#training .syanai {

		margin-bottom: 26rem;

	}

	#training .syanai h3 {

		margin-bottom: 16.5rem;

	}

	#training .syanai .box_wrap3 {
		
		width: 88%;
		margin: 0 auto;

	}

	#training .syanai .box_wrap3:after {

		top:  5rem;
		left: -50%;
		width:  200%;
		height: 99.5%;

	}

	#training .syanai .box_wrap3 .box {

		float: left;
		width: 47%;
		height: 70rem;

	}

	#training .syanai .box_wrap3 .box:nth-child(even) {

		float: right;

	}

	#training .syanai .box_wrap3 .box.last {

		height: 65rem;

	}

	#training .syanai .box_wrap3 .box .img {

		margin-bottom: 1.5rem;

	}

	#training .syanai .box_wrap3 .box p {

		font-size: 2.4rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .can h3 {

		margin-bottom: 16rem;

	}

	#training .can .img_wrap1 {
		
		width: 88%;
		margin: 0 auto;
		margin-bottom: 3rem;

	}

	#training .can .img_wrap1:after {

		top:  5rem;
		left: -50%;
		width:  200%;
		height: 284%;

	}

	#training .can .img_wrap1 .img {

		float: left;
		width: 47.5%;
		margin-right: 5%;

	}
	
	#training .can .img_wrap1 .img:nth-child(2) {

		margin-right: 0;

	}

	#training .can  .line1 {
		
		width: 88%;
		margin: 0 auto;
		margin-bottom: 8rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.18em;

	}

	#training .can .box {
		
		width: 88%;
		margin: 0 auto;

	}

	#training .can .box .img {

		width: 47.5%;
		margin-bottom: 3rem;

	}

	#training .can .box p {
		
		margin-bottom: 27.5rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

	#training .al h3 {

		margin-bottom: 15.7rem;

	}

	#training .al .img_wrap {

		width: 88%;
		margin: 0 auto;
		margin-bottom: 4rem;

	}

	#training .al .img_wrap .img {

		width: 100%;

	}

	#training .al p {

		width: 88%;
		margin: 0 auto;
		margin-bottom: 26rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {
	
	/* 改行 */
	.sp_kasou {
	
		display: none;
	
	}
	
	/* 見出し */
	.kasou_h2 {
	
		padding-bottom: 0.2em;
	
	}
	
	#training .kasou_h2 .line2 {
		
		padding-top: 0.3em;
		line-height: 1;
		letter-spacing: 0.06em;
	
	}

}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {
	
	/* コンプライアンス */
	#training {

		padding-top:    13rem;
		padding-bottom: 6rem;
		overflow-x: hidden;

	}

	#training .bnr {

		width: 80%;
		margin-bottom: 13rem;

	}

	#training h2 {

		margin-bottom: 12rem;

	}
	
	#training .kasou_h2 .line2 {
	
		letter-spacing: 0.12em;
	
	}

	#training .safety {

		width: 88%;

	}

	#training .safety .txt {

		margin-bottom: 8rem;

	}

	#training .safety .txt p {

		font-size: 2.8rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .safety .txt .line1 {

		margin-bottom: 2rem;

	}

	#training .mark_box {

		width: 88%;
		margin-bottom: 16rem;

	}

	#training .mark_box .mark1 {

		float: left;
		width: 45%;
		margin-top: 8.5rem;

	}

	#training .mark_box .mark2 {

		float: right;
		width: 45%;
		margin-bottom: 4rem;

	}

	#training .mark_box p {

		font-size: 2.8rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .box_wrap {

		margin-bottom: 18rem;

	}

	#training .box_wrap .box {
		
		float: none;
		width: 100%;
		min-height: 30rem;
		margin-bottom: 8rem;
		padding: 4rem;

	}

	#training .box_wrap .box:nth-child(even) {
		
		float: none;

	}

	#training .box_wrap .box .title {
		
		margin-bottom: 3.8rem;
		font-size: 3.5rem;
		letter-spacing: 0.12rem;

	}

	#training .box_wrap .box .img {

		width: 34%;
		margin-bottom: 7.5rem;

	}

	#training .box_wrap .box:nth-child(2) .img {

		width: 36%;
		margin-bottom: 7rem;

	}

	#training .box_wrap .box:nth-child(4) .img {

		margin-bottom: 11rem;

	}

	#training .box_wrap .box .img1 {
		
		float: left;
		width: 30%;
		margin-left: 12%;
		margin-top: 5rem;
		margin-bottom: 8rem;

	}

	#training .box_wrap .box .img2 {
		
		float: right;
		width: 28%;
		margin-right: 8%;
		margin-bottom: 8rem;

	}

	#training .box_wrap .box .line {
		
		font-size: 2.8rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training h3 {
		
		margin-left: 6%;
		margin-bottom: 17rem;
		padding-left:   0.37em;
		padding-top: 0.2em;
		padding-bottom: 0.25em;
		font-size: 5rem;
		line-height: 1.2;
		letter-spacing: 0.1em;

	}

	#training .reco {

		margin-bottom: 22rem;

	}

	#training h3 {

		margin-bottom: 19rem;

	}

	#training .reco .img_wrap {
		
		margin-left: 6%;
		margin-bottom: 8.5rem;

	}

	#training .reco .img_wrap:after {

		top:  5rem;
		left: -50%;
		width:  150%;
		height: 97%;

	}

	#training .reco .img_wrap .img:nth-child(1) {
		
		float: left;
		width: 43%;
		margin-right: 4%;

	}

	#training .reco .img_wrap .img:nth-child(2) {
		
		float: left;
		width: 38%;

	}

	#training .reco p {

		width: 88%;
		font-size: 2.8rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .kou {

		margin-bottom: 33rem;

	}

	#training .kou h3 {

		margin-bottom: 16.5rem;

	}

	#training .kou .box_wrap2 {

		margin-left: 0;
		margin-bottom: 8.5rem;

	}

	#training .kou .box_wrap2:after {

		top:  5rem;
		left: -50%;
		width:  150%;
		height: 104%;

	}

	#training .kou .box_wrap2 .box {

		float: none;
		width: 65%;
		margin: 0 auto;
		margin-bottom: 10rem;

	}
	
	#training .kou .box_wrap2 .box.last {
	
			margin: 0 auto;
			margin-bottom: 10rem;
	
	}

	#training .kou .box_wrap2 .box p {

		font-size: 4.4rem;
		letter-spacing: 0.08em;

	}

	#training .syanai {

		margin-bottom: 28rem;

	}

	#training .syanai h3 {

		margin-bottom: 16.5rem;

	}

	#training .syanai .box_wrap3 {
		
		width: 88%;

	}

	#training .syanai .box_wrap3:after {

		top:  5rem;
		left: -50%;
		width:  200%;
		height: 101%;

	}

	#training .syanai .box_wrap3 .box {

		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 10rem;

	}

	#training .syanai .box_wrap3 .box:nth-child(even) {

		float: none;

	}

	#training .syanai .box_wrap3 .box.last {

		height: auto;

	}

	#training .syanai .box_wrap3 .box .img {

		margin-bottom: 1.5rem;

	}

	#training .syanai .box_wrap3 .box p {
	
		margin-left:  1.5em;
		text-indent: -1.5em;
		font-size: 2.8rem;
		line-height: 1.8;
		letter-spacing: 0.08em;

	}

	#training .can h3 {

		margin-bottom: 16rem;

	}

	#training .can .img_wrap1 {
		
		width: 88%;
		margin: 0 auto;
		margin-bottom: 3rem;

	}

	#training .can .img_wrap1:after {

		top:  5rem;
		left: -50%;
		width:  200%;
		height: 284%;

	}

	#training .can .img_wrap1 .img {

		float: left;
		width: 47.5%;
		margin-right: 5%;

	}
	
	#training .can .img_wrap1 .img:nth-child(2) {

		margin-right: 0;

	}

	#training .can  .line1 {
		
		width: 88%;
		margin: 0 auto;
		margin-bottom: 8rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.18em;

	}

	#training .can .box {
		
		width: 88%;
		margin: 0 auto;

	}

	#training .can .box .img {

		width: 47.5%;
		margin-bottom: 3rem;

	}

	#training .can .box p {
		
		margin-bottom: 27.5rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

	#training .al h3 {

		margin-bottom: 15.7rem;

	}

	#training .al .img_wrap {

		width: 88%;
		margin: 0 auto;
		margin-bottom: 4rem;

	}

	#training .al .img_wrap .img {

		width: 100%;

	}

	#training .al p {

		width: 88%;
		margin: 0 auto;
		margin-bottom: 26rem;
		font-size: 3.6rem;
		line-height: 1.8;
		letter-spacing: 0.24em;

	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {

	#training .reco h3 {
	
		letter-spacing: 0.02em;
	
	}

}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}