@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
	--color-red: #C1272D;
	--color-dark-yl: #8C6239;
	--color-orange: #FBB03B;
}
body.page-template-page-giri-put{
	font-size: 15px;
	font-family: "Noto Sans JP", serif;
}
.p-relative{
	position: relative;
}
.noto-seri{
	font-family: "Noto Serif JP", serif;
}
.fs-20{
	font-size: 20px;
}
.fs-18{
	font-size: 18px;
}
.fs-12{
	font-size: 12px;
}
.fs-10{
	font-size: 10px;
}
.color-dark-yl{
	color: var(--color-dark-yl);
}
.bg-orange{
	background: var(--color-orange);
}
.bg-white{
	background: #fff;
}
.fw-400{
	font-weight: 400 !important;
}
.wrap-giri a{
	color: #000;
}
.wrap-giri a:hover{
	color: #000;
	opacity: .8;
	text-decoration: none;
}
.container-giri{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
.pd-sec-giri{
	padding-left: 15px;
	padding-right: 15px;
}
/*.thumb-intro{
	background: #f2f2f2;
}*/
.desc-intro{
	font-size: 32px;
	color: var(--color-red);
	margin: 25px 0 40px 0;
}
.sec-2{
	
	padding: 0px 0px 30px 0px;
	margin-top: 20px;
}
.bg-sec2{
	padding-top: 45px;
	background-image: url(/wp-content/themes/storefront/assets/images/bg-sec-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.sec-2 .item-thumb{
	margin-bottom: 30px;
}
.sec-2 .item-thumb:last-child{
	margin-bottom: 0;
}
.sec-3{
	position: relative;
/*    top: -145px;*/
    z-index: 200;
}
.cont-sec-3{
	font-size: 26px;
	position: relative;
	z-index: 99;
	margin-bottom: 0;
	padding-top: 20px;
	line-height: 1.3;
}
.thumb-sec-3 {
  /*  position: absolute;
    bottom: 28%;
    right: 0;*/
    position: relative;
/*    top: 55px;*/
}
.wave-sec-3{
	margin-top: -30px;
}
.thumb-sec-3 img{
/*	max-width: 360px;*/
	width: 100%;
}
#sec-4 {
    position: relative;
    margin-top: -220px;
    z-index: 100;
    padding-top: 150px;
    padding: 195px 0 65px 0;
}
.l-customer {
    max-width: 446px;
    width: 100%;
    margin: auto;
}
.item-customer {
    display: flex;
    padding: 15px 10px;
    background: #fff;
    margin-bottom: 60px;
    border-radius: 5px;
    position: relative;
}
.item-customer:last-child{
	margin-bottom: 0;
}
.item-customer:nth-child(odd){
	flex-direction: row-reverse;
}
/*.sec-4 .item-customer:nth-child(2){
	margin-bottom: 80px;
}
.sec-10 .item-customer:nth-child(2){
	margin-bottom: 120px;
}*/
.box-thumbcus {
    width: 190px;
}
.box-thumbcus img{
	max-width: 175px;
	width: 100%;
	display: block;
	margin: auto;
}
.sec-4 .item-customer:nth-child(1) .box-thumbcus img{
	max-width: 172px;
}
.sec-4 .item-customer:nth-child(2) .box-thumbcus img{
	max-width: 169px;
}
.sec-4 .item-customer:nth-child(3) .box-thumbcus img{
	max-width: 190px;
}
.sec-10 .item-customer:nth-child(2) .box-thumbcus img{
	max-width: 190px;
}
.sec-10 .item-customer:nth-child(3) .box-thumbcus img{
	max-width: 150px;
}
/*.item-customer:nth-child(even) .box-thumbcus img {
    margin-left: auto;
}*/
.cont-cus {
    width: calc(100% - 190px);
    padding-right: 15px;
}
.cont-cus p:last-child{
	margin-bottom: 0;
}
.item-customer:nth-child(odd) .cont-cus{
	padding-left: 15px;
	padding-right: 0;
}
.box-thumbcus{
	position: absolute;
    right: 15px;
    bottom: 0;
}
.item-customer:nth-child(odd) .box-thumbcus{
	left: 15px;
}
.box-thumbcus .box{
	position: relative;
}
.info-cus {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}
.age-cus {
    margin-bottom: 0;
    background: #fff;
    padding: 3px 12px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
.start-cus{
	max-width: 125px;
	width: 100%;
	display: block;
	margin: auto;
}
.box-btn-page{
	padding: 0 35px;
}
.box-btn-page img{
	max-width: 430px;
	width: 100%;
	display: block;
	margin: auto;
}
.sec-5 .box-btn-page{
	margin: 65px 0;
}
.text-sec5 {
    position: absolute;
    right: 15px;
    max-width: 470px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.wave-sec6{
	margin-top: -80px;
}

.box-l-reason {
    background: #10364c;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 90px;
    position: relative;
    z-index: 999;
}
.l-reason {
    margin-left: 65px;
    padding-left: 20px;
    counter-reset: my-sec-counter;
}
.l-reason li{
	position: relative;
	margin-bottom: 65px;
}
.l-reason li:nth-child(2){
	margin-bottom: 30px;
}
.l-reason li:last-child{
	,margin-bottom: 50px;
}
.num-item-resoan {
	position: absolute;
	left: -85px;
	margin-bottom: 0;
}
.num-item-resoan img{
    height: 64px;
}
.box-sm-cont{
	margin-left: 60px;
	margin-bottom: 0;
	padding-left: 20px;
}
.box-l-instructor .box-sm-cont{
	margin-left: 60px;
	margin-bottom: 0;
	max-width: 380px;
	padding-left: 0;
	margin: auto;
}
.l-thumb-sec7 {
    float: right;
    max-width: 160px;
    width: 100%;
    margin-left: 10px;
}
.l-thumb-sec7 .item-thumb {
    margin-bottom: 6px;
}
.l-thumb-sec7 .item-thumb:last-child{
	margin-bottom: 10px;
}
.box-l-curriculum{
	position: relative;
	background: var(--color-red);
	color: #fff;
	clear: right;
}
.l-curriculum li{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}
.l-curriculum li:last-child{
	border-bottom: none;
	margin-bottom: -1px;
}
.wave-sec7-top{
	position: relative;
	margin-top: -142px;
}
.thumb-tit-sec {
    position: absolute;
    left: 15px;
    top: 0;
    width: 50px;
}
.box-l-instructor{
	margin-top: 25px;
}
.box-author {
    display: flex;
    justify-content: space-between;
}
.box-name {
    max-width: calc(100% - 180px);
    width: 100%;
    margin-top: 30px;
}
.name-author{
	line-height: 1;
}
.box-name .jp{
	font-size: 24px;
}
.box-name .en{
	font-size: 16px;
	font-weight: 300;
}
.thumb-author {
    max-width: 180px;
    width: 100%;
}
.cont-instr{
	margin-top: 18px;
	font-size: 16px;
	font-weight: 500;
}
.sec-9{
	margin-top: 40px;
}
.tit-intro-sec9{
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 50px;
	line-height: 1.3;
}
.intro-training{
	margin: 55px 0 25px 0;
	font-size: 26px;
}
.wrap-training {
    background: #000;
    padding-top: 50px;
}
.tit-training{
	font-size: 55px;
	color: #fff;
	max-width: 600px;
	width: 100%;
	margin: auto;
}
.subtit-training{
	font-size: 24px;
	color: #2CE2FC;
}
.thumb-train{
	padding: 40px 15px 75px 15px;
}
.thumb-train-sm{
	position: absolute;
    bottom: -140px;
    left: 15px;
}
.thumb-train-sm img{
	max-width: 320px;
	width: 100%;
}
.icon-triangle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    border-top: 26px solid #fff;
}
#sec-10 {
    padding: 50px 0;
}
.box-tit-cus{
	margin-bottom: 55px;
}
.tit-customer{
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	color: #fff;
}
.tit-customer:before{
	position: absolute;
	content: '';
	height: 45px;
	width: 2px;
	left: -30px;
	top: 2px;
	background: #fff;
	transform: rotateZ(-20deg);
}
.tit-customer:after{
	position: absolute;
	content: '';
	height: 45px;
	width: 2px;
	right: -30px;
	top: 2px;
	background: #fff;
	transform: rotateZ(20deg);
}
.sec-11{
	padding: 40px 0 50px 0;
}
.wrap-sec-11 {
    margin: 0px auto 30px auto;
    color: #000;
    max-width: 446px;
    width: 100%;
}
.tit-sec11 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}
.box-info-sec11{
	display: flex;
	gap: 15px;
}
.item-info-sec11{
	width: 50%;
}
.item-address p{
	font-size: 15px;
}
.wrap-iframe iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.wrap-iframe::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}
.l-footer {
    margin-left: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
}
.l-footer li{
	font-size: 15px;
	font-weight: bold;
}
.sec-7{
	z-index: 999;
	position: relative;
}
.wrap-footer{
	padding: 30px 0;
	background: #FFF6F3;
}

@media screen and (max-width: 767px){
	.desc-intro{
		font-size: 18px;
	}
	.text-sec5{
		max-width: 280px;
	}
	.thumb-train-sm {
		bottom: -75px;
	}
	.thumb-train-sm{
		max-width: 175px;
	}
	.l-thumb-sec7{
		max-width: 120px;
	}
	.tit-training{
		font-size: 48px;
	}
	.box-l-instructor .box-sm-cont{
		padding-left: 60px;
	}
}

@media screen and (max-width: 575px){
	.wave-sec-3 {
		margin-top: 0;
	}
	.thumb-sec-3{
/*		top: 30px;*/
	}
}

@media screen and (max-width: 500px){
	/*.sec-3{
		top: -85px;
	}*/
	#sec-4{
		margin-top: -150px;
		padding: 150px 0 65px 0;
	}
	.wave-sec6 {
		margin-top: -50px;
	}
	.wave-sec7-top {
		margin-top: -90px;
	}
	.thumb-sec-3{
/*		bottom: 20%;*/
	}
	.box-author {
		flex-direction: column-reverse;
		align-items: center;
		justify-content: center;
	}
	.box-name,
	.thumb-author {
		max-width: 100%;
	}
	.box-name{
		text-align: center;
		margin: 20px 0 0 0;
	}
	.thumb-author{
		width: 180px;
	}

	.box-l-instructor .box-sm-cont {
        padding-left: 20px;
        max-width: 100%;
        margin-left: 60px;
    }
	
}
@media screen and (max-width: 400px){
	.item-customer,
	.item-customer:nth-child(odd) {
		flex-direction: column;
		margin-bottom: 35px;
	}
	.box-thumbcus {
		position: relative;
		right: unset;
		bottom: unset;
		width: 100%;
		margin-bottom: 10px;
	}
	.cont-cus,
	.item-customer:nth-child(odd) .cont-cus {
		width: 100%;
		padding: 0;
	}
	.thumb-cus img{
		width: 175px;
		display: block;
		margin: auto;
	}
	.box-l-reason{
		padding-bottom: 70px;
	}
	
	
}