/*=============================
靴のカスタマイズ
=============================*/
#Cuntomize01 {
	background: #F1F1F1;
}

@media screen and (max-width: 750px) {
}

#Cuntomize01 .col4Box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#Cuntomize01 .col4Box li {
width: 25%;
text-align: center;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 15px;
}

#Cuntomize01 .col4Box li img {
width: 80%;
}

#Cuntomize01 .col4Box li span {
display: block;
padding-top: 10px;
font-weight: 600;
color: #D5090D;
line-height: 1.5;
}

@media screen and (max-width: 750px) {
#Cuntomize01 .col4Box li {
width: 50%;
text-align: center;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 15px;
}
#Cuntomize01 .col4Box li img {
width: 60%;
}
#Cuntomize01 .col4Box li span {
font-size: 0.85em;
}
}


/* お一人お一人に対応 */
.Cuntomize_taiou {
padding-top: 80px;
padding-bottom: 40px;
position: relative;
}

.Cuntomize_taiou .triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 50px 0 50px;
border-color: #42a36f transparent transparent transparent;
position: absolute;
top:20px;
left: 50%;
transform: translateX(-50%);
}

.Cuntomize_taiou h4 {
text-align: center;
font-size: 1.6em;
margin-bottom: 40px;
line-height: 1.5;
}
.Cuntomize_taiou h4 strong {
border-bottom: 4px solid #42A36F;
padding-bottom: 5px;
font-weight: 200;
}

@media screen and (max-width: 750px) {
.Cuntomize_taiou h4 {
font-size: 1.2em;
margin-bottom: 20px;
}
.Cuntomize_taiou h4 strong {
border-bottom: 2px solid #42A36F;
padding-bottom:0;
}
}

.Cuntomize_taiou ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.Cuntomize_taiou li {
width: 48%;
background: #D7E9DA;
box-sizing: border-box;
margin-bottom: 15px;
padding: 15px;
border-radius: 24px;
font-weight: 300;
}

.Cuntomize_taiou li i {
color:#42A36F;
padding-right: 10px;
}

@media screen and (max-width: 750px) {
.Cuntomize_taiou li {
width: 100%;
background: #D7E9DA;
box-sizing: border-box;
margin-bottom: 15px;
padding: 15px;
border-radius: 24px;
font-weight: 300;
}
}

/* 問題 */
#Customize02 h4 {
font-size: 1.4em;
color: #42A36F;
padding-bottom: 20px;
}

#Customize02 .col2Box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#Customize02 .col2Box li {
width: 50%;
text-align: center;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 15px;
}

#Customize02 .col2Box li.short {
width: 43%;
}

#Customize02 .col2Box li.long {
width: 55%;
}

@media screen and (max-width: 750px) {
#Customize02 .col2Box li {
width: 100%;
padding-bottom: 0;
}
#Customize02 .col2Box li.short {
width: 100%;
}
#Customize02 .col2Box li.long {
width: 100%;
}
}

/*=============================
インソール
=============================*/
#Insole01 {
background: #F1F1F1;
}

#Insole01 h4 {
color: #42A36F;
font-size: 1.4em;
line-height: 1.6;
}

@media screen and (max-width: 750px) {
#Insole01 h4 {
color: #42A36F;
font-size: 1.2em;
line-height: 1.6;
}
}

#Insole01 .triangleWrapper {
position: relative;
padding-bottom: 60px;
}

#Insole01 .triangleWrapper .triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 40px 0 40px;
border-color: #42a36f transparent transparent transparent;
position: absolute;
top:20px;
left: 50%;
transform: translateX(-50%);
}

/*========================
整体
========================*/
#Seitai01 {
	background: #F1F1F1;
}

#Seitai01 .col3Box ul {
display: flex;
flex-wrap: wrap;
justify-content:center;
padding-bottom: 30px;
}

#Seitai01 .col3Box li {
width: 33%;
text-align: center;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 15px;
}

#Seitai01 .col3Box li img {
width: 80%;
}

#Seitai01 .col3Box li span {
display: block;
padding-top: 10px;
line-height: 1.5;
}

#Seitai01 .seitai_lead {
text-align: center;
padding-bottom: 20px;
}

#Seitai01 .seitai_lead li {
line-height: 2em;
color: #42A36F;
font-weight: 200;
font-size: 1.4em;
}

@media screen and (max-width: 750px) {
#Seitai01 .col3Box li {
width: 80%;
text-align: center;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 15px;
}
#Seitai01.col3Box li img {
width: 60%;
}
#Seitai01.col3Box li span {
font-size: 0.85em;
}
#Seitai01 .seitai_lead li {
line-height: 1.5em;
font-weight: 600;
padding-top:15px;
font-size: 1.1em;
}

}


/*===========================
2022.12.30
============================*/
.youtube_link_wrap {
	width: 100%;
	max-width: 960px;
	margin: auto;
	padding-bottom: 40px;
}

.youtube_link_wrap .title {
	text-align: center;
	line-height: 1.4;
	font-size: 1.3em;
}

.youtube_link_wrap .title img {
	display: inline-block;
	height: 20px;
	position: relative;
	top: 2px;
	padding-right: 10px;
}

.youtube_link_wrap .list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 15px 0;
}

.youtube_link_wrap .list .link {
	width: 100%;
	max-width: 240px;
	box-sizing: border-box;
	padding: 7px;
}

@media screen and (max-width: 750px) {
	.youtube_link_wrap .list .link {
		max-width: 100%;
	}
}

.youtube_link_wrap .list .link a {
	display: block;
	line-height: 0;
	padding: 34px 0 36px;
	background-color: #006E89;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-radius: 50px;
	position: relative;
}

.youtube_link_wrap .list .link a::before {
	content: "";
	width: 60px;
	height: 40px;
	background-image: url(../img/icon_youtube_white.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: all 0.3s;
}

.youtube_link_wrap .list .link a:hover::before {
	opacity: 0.3;
}

.youtube_link_wrap .list .link a:hover {
	opacity: 0.8;
}

.youtube_link_wrap .list .link a span {
	font-size: 0.8em;
}

.youtube_link_wrap .small {
	font-size: 0.8em;
	text-align: center;
}

.seitai_textbox {
	text-align: center;
}

#Seitai01 {
	padding-top: 10px;
}

#Seitai01 .sec_title {
	font-size: 1.4em;
	font-weight: 700;
	padding-bottom: 30px;
}

.seitai_textbox .seitai_title {
	color: #00a99d;
	font-weight: 500;
	font-size: 1.2em;
}

.seitai_textbox .text {
	padding: 5px 0 20px;
}