@charset "utf-8";
/* -------------------------------- *\
    intro
\* -------------------------------- */
.section-intro {
	position: relative;
}
.intro-main {
	position: relative;
}
.intro-main::after {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	height: 118px;
	background-image: url(../../img/yougu/line_intro01.svg);
	background-position: right top;
	background-repeat: no-repeat;
	content: "";
}
.intro-main__logo {
	position: absolute;
	top: 30px;
	left: -20px;
}
.intro-main__title {
	position: absolute;
	top: 23px;
	right: 10%;
	display: flex;
	margin-right: -10px;
	margin-left: -10px;
}
.title-saihou {
	flex-basis: 40%;
	max-width: 40%;
	padding: 0 10px;
}
.title-yougu {
	flex-basis: 60%;
	max-width: 60%;
	padding: 0 10px;
}
.title-saihou img {
	transition: all .3s ease
}
.title-saihou a:hover img{
	opacity: .7;
}
.intro-main__content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.intro-main__wrapper {
	max-width: 1060px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}
.intro-content {
	position: relative;
	padding-bottom: 84px;
}
.intro-content::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	background-image: url(../../img/yougu/bg_intro-l.svg);
	background-repeat: repeat-y;
	content: "";
	z-index: -1;
}
.intro-content::after {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background-image: url(../../img/yougu/bg_intro-r.svg);
	background-repeat: repeat-y;
	content: "";
	z-index: -1;
}
.intro-content__wrapper {
	max-width: 930px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}
.intro-content__title {
	max-width: 660px;
	margin: 0 auto 40px;
}
.intro-content__commitment {
	position: relative;
	margin-bottom: 76px;
	padding-bottom: 118px;
}
.intro-content__commitment::after {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: -15px;
	width: 100%;
	height: 118px;
	background-image: url(../../img/yougu/line_intro02.svg);
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.intro-content__item {
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
}
.intro-content__col {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 15px;
	text-align: center;
}
.intro-content__col img {
	max-width: 100%;
	width: auto;
}
.intro-content__wrapper--more {
	max-width: 1040px;
}
@media (max-width: 1260px) {
	.intro-main__wrapper {
		max-width: 880px;
	}
}
@media (max-width: 1100px) {
	.intro-main__content {
		top: 55%;
	}
	.intro-main__wrapper {
		max-width: 780px;
	}
}
@media (max-width: 768px) {
	.intro-main::after {
		bottom: 0;
		height: 84px;
		background-image: url(../../img/yougu/line_intro01_sp.svg);
	}
	.intro-main__logo {
		top: 5px;
		width: 40%;
	}
	.intro-main__title {
		top: 15%;
		left: 50%;
		width: 70%;
		transform: translateX(-50%);
	}
	.intro-main__content {
		top: 60%;
	}
	.intro-main__wrapper {
		padding-right: 10px;
		padding-left: 10px;
	}
	.intro-content {
		padding: 30px 0 50px;
	}
	.intro-content::before {
		width: 100px;
		background-image: url(../../img/yougu/bg_intro-l_sp.svg);
	}
	.intro-content::after {
		width: 150px;
		background-image: url(../../img/yougu/bg_intro-r_sp.svg);
	}
	.intro-content__title {
		margin: 0 auto 20px;
	}
	.intro-content__item {
		margin-right: -10px;
		margin-left: -10px;
	}
	.intro-content__col {
		padding: 0 10px;
	}
	.intro-content__commitment {
		margin-bottom: 50px;
		padding-bottom: 84px;
	}
	.intro-content__commitment::after {
		bottom: 0;
		height: 84px;
		background-image: url(../../img/yougu/line_intro02_sp.svg);
	}
}
@media (max-width: 560px) {
	.intro-main__title {
		width: 80%;
	}
	.intro-content__item {
		display: block;
		margin: 0;
	}
	.intro-content__col {
		max-width: 100%;
		padding: 0;
	}
	.intro-content__col:not(:last-of-type) {
		margin-bottom: 10px;
	}
}

/* -------------------------------- *\
    fit
\* -------------------------------- */
.fit-main {
	position: relative;
}
.fit-main::after {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 118px;
	background-image: url(../../img/yougu/line_fit01.svg);
	background-position: right top;
	background-repeat: no-repeat;
	content: "";
}
.fit-main__content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.fit-main__wrapper {
	max-width: 1160px;
	margin-left: auto;
	padding-left: 20px;
}
.fit-main__title {
	max-width: 900px;
	margin: 0 auto 40px;
}
.fit-main__item {
	position: relative;
	margin-top: -40px;
	padding: 25px;
	background-color: #fff;
	border-radius: 20px;
	font-size: 2rem;
	z-index: 1;
}
.fit-main__item .item-box {
	display: flex;
	align-items: center;
	margin-right: -15px;
	margin-left: -15px;
}
.item-box__title {
	flex-basis: 10%;
	max-width: 10%;
	margin-bottom: 0;
	padding: 0 15px;
	text-align: center;
}
.item-box__content {
	flex-basis: 90%;
	max-width: 90%;
	margin-bottom: 0;
	padding: 0 15px;
	border-left: solid 1px #727171;
}
.fit-content {
	position: relative;
	padding: 40px 0 84px;
}
.fit-content::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	background-image: url(../../img/yougu/bg_fit-l.svg);
	background-repeat: repeat-y;
	content: "";
	z-index: -1;
}
.fit-content::after {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background-image: url(../../img/yougu/bg_fit-r.svg);
	background-repeat: repeat-y;
	content: "";
	z-index: -1;
}
.fit-content__unit {
	position: relative;
	margin-bottom: 36px;
	padding-bottom: 118px;
}
.fit-content__unit--03 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.fit-content__unit::after {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 118px;
	background-image: url(../../img/yougu/line_fit02.svg);
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.fit-content__unit--02::after {
	background-image: url(../../img/yougu/line_fit01.svg);
	background-position: right top;
}
.fit-content__unit--03::after {
	content: none;
}
.fit-content__unit--01 .fit-content__main {
	margin-bottom: 30px;
}
.fit-content__unit--02 .fit-content__main {
	margin-bottom: 60px;
}
.fit-content__more {
	margin-bottom: 15px;
	overflow: hidden;
}
.more-content {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 -50px 40px;
}
.more-content__lead {
	flex-basis: 45%;
	max-width: 45%;
	padding: 0 50px;
}
.more-text {
	text-align: center;
	font-size: 1.7rem;
}
.more-text__inner {
	display: inline-block;
	margin-bottom: 0;
	text-align: left;
}
/* 動画 */
.more-content__movie {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 50px;
}
.movie-text {
	margin-bottom: 10px;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}
.movie-wrapper {
	position: relative;
	width:100%;
	padding-top: 100%;
}
.movie-wrapper video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
/*----------20250405尾崎が足しましたここから----------*/
/*MP4はサーバ直置き禁止のため，ストリーミングサーバらから埋め込みます*/
.responsive-video {
  position: relative;
  padding-bottom: 100%; /* 1:1 アスペクト比 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*----------20250405尾崎が足しましたここまで----------*/    
	

	
@media (width > 60em) {
	.index-movie {
		padding-bottom: 100px;
	}
}
@media (max-width: 768px) {
	.fit-main::after {
		height: 84px;
		background-image: url(../../img/yougu/line_fit01_sp.svg);
	}
	.fit-main__title {
		margin-bottom: 20px;
	}
	.fit-main__item {
		margin-top: 0;
		font-size: 1.6rem;
	}
	.fit-main__item .item-box {
		display: block;
		margin: 0;
	}
	.item-box__title {
		max-width: 100%;
		padding: 0;
	}
	.item-box__content {
		max-width: 100%;
		padding: 0;
		border-left: none;
	}
	.fit-content::before {
		width: 100px;
		background-image: url(../../img/yougu/bg_fit-l_sp.svg);
	}
	.fit-content::after {
		width: 150px;
		background-image: url(../../img/yougu/bg_fit-r_sp.svg);
	}
	.fit-content__unit {
		padding-bottom: 84px;
	}
	.fit-content__unit--03 {
		padding-bottom: 0;
	}
	.fit-content__unit::after {
		height: 84px;
		background-image: url(../../img/yougu/line_fit02_sp.svg);
	}
	.fit-content__unit--02::after {
		background-image: url(../../img/yougu/line_fit01_sp.svg);
	}
	.fit-content__unit--03::after {
		content: none;
	}
	.fit-content__main ,.fit-content__more {
		max-width: 80%;
		margin: 0 auto;
	}
	.more-content {
		display: block;
		margin: 0 0 30px;
	}
	.more-content__lead {
		max-width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}
	.more-text {
		font-size: 1.5rem;
	}
/* 動画 */
	.more-content__movie {
		max-width: 100%;
		padding: 0;
	}
}
@media (max-width: 560px) {
	.fit-content__main, .fit-content__more {
		max-width: 100%;
	}
/* 動画 */
	.more-content__movie {
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}
}

/* -------------------------------- *\
    scissors
\* -------------------------------- */
.scissors-main {
	position: relative;
}
.scissors-main__picture {
	position: relative;
	z-index: -1;
}
.scissors-main__content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.scissors-main__title {
	max-width: 900px;
	margin: 0 auto 30px;
}
.scissors-content {
	position: relative;
	padding-bottom: 130px;
}
.scissors-content::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	background-image: url(../../img/yougu/bg_scissors-l.svg);
	background-repeat: repeat-y;
	content: "";
	z-index: -1;
}
.scissors-content::after {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background-image: url(../../img/yougu/bg_scissors-r.svg);
	background-repeat: repeat-y;
	content: "";
	z-index: -1;
}
.scissors-content__announce {
	margin-top: -80px;
}
.scissors-content__announce {
	position: relative;
	margin-bottom: 60px;
	padding-bottom: 112px;
}
.scissors-content__announce::after {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 112px;
	background-image: url(../../img/yougu/line_scissors01.svg);
	background-position: right top;
	background-repeat: no-repeat;
	content: "";
}
.announce-box {
	padding: 40px 60px 50px;
	border: 4px solid#c5a306;
	background: rgb(245,233,181);
	background: linear-gradient(26deg, rgba(234,199,120,1) 0%, rgba(249,246,206,1) 20%, rgba(234,199,120,1) 36%, rgba(248,248,229,1) 58%, rgba(234,199,120,1) 78%, rgba(255,252,209,1) 90%, rgba(234,199,120,1) 100%);
	border-radius: 20px;
}
.announce-box__logo {
	max-width: 470px;
	margin: 0 auto 50px;
}
.announce-box__content {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	margin-right: -35px;
	margin-left: -35px;
}
.announce-box__lead {
	flex-basis: 65%;
	max-width: 65%;
	padding: 0 35px;
}
.announce-box__lead .lead-title {
	max-width: 480px;
	margin-bottom: 30px;
}
.announce-box__lead .lead-text {
	margin-bottom: 0;
	font-size: 1.9rem;
}
.announce-box__img {
	flex-basis: 35%;
	max-width: 35%;
	padding: 0 35px;
}
.announce-box__img img{
	position: relative;
	top: 0;
	transition:0.3s;
}
.announce-box__img a:hover img{
	top:-15px;
}
.scissors-content__unit {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 112px;
}
.scissors-content__unit::after {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 112px;
	background-image: url(../../img/yougu/line_scissors02.svg);
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.scissors-content__unit--02 {
	margin-bottom: 25px;
}
.scissors-content__unit--02::after {
	background-image: url(../../img/yougu/line_scissors01.svg);
	background-position: right top;
}
.scissors-content__unit--03 {
	margin-bottom: 0;
}
.scissors-content__unit--01 .scissors-content__main {
	margin-bottom: 48px;
}
.scissors-content__unit--01 .scissors-content__lead {
	position: relative;
	margin-bottom: 60px;
}
.scissors-content__text {
	margin-bottom: 0;
	font-size: 1.7rem;
}
.scissors-content__unit--01 .scissors-content__text {
	position: absolute;
	left: 17%;
	bottom: 0;
}
.scissors-content__unit--02 .scissors-content__main {
	margin-bottom: 15px;
}
.scissors-content__unit--03 .scissors-content__lead {
	position: relative;
	margin-bottom: -30px;
}
.scissors-content__unit--03 .scissors-content__text {
	position: absolute;
	left: 17%;
	top: 60%;
	max-width: 410px;
}
@media (max-width: 1260px) {
	.scissors-content__announce {
		margin-top: -30px;
}
}
@media (max-width: 1100px) {
	.scissors-content__announce {
		margin-top: -10px;
}
	.announce-box {
		padding: 30px 50px 40px;
	}
	.announce-box__content {
		margin-right: -25px;
		margin-left: -25px;
	}
	.announce-box__lead {
		padding: 0 25px;
	}
	.announce-box__img {
		padding: 0 25px;
	}
}
@media (max-width: 768px) {
	.scissors-content {
		padding-bottom: 50px;
	}
	.scissors-content__announce {
		margin-top: -100px;
}
	.scissors-content::before {
		width: 100px;
		background-image: url(../../img/yougu/bg_scissors-l_sp.svg);
	}
	.scissors-content::after {
		width: 150px;
		background-image: url(../../img/yougu/bg_scissors-r_sp.svg);
	}
	.scissors-content__announce {
		padding-bottom: 80px;
	}
	.scissors-content__announce::after {
		height: 80px;
		background-image: url(../../img/yougu/line_scissors01_sp.svg);
	}
	.announce-box {
		padding: 20px;
	}
	.announce-box__logo {
		max-width: 300px;
		margin-bottom: 30px;
	}
	.announce-box__content {
		margin-right: -10px;
		margin-left: -10px;
	}
	.announce-box__lead {
		padding: 0 10px;
	}
	.announce-box__lead .lead-title {
		max-width: 240px;
		margin-bottom: 10px;
	}
	.announce-box__lead .lead-text {
		font-size: 1.5rem;
	}
	.announce-box__img {
		padding: 0 10px;
	}
	.scissors-content__unit {
		padding-bottom: 80px;
	}
	.scissors-content__unit::after {
		height: 80px;
		background-image: url(../../img/yougu/line_scissors02_sp.svg);
	}
	.scissors-content__unit--02::after {
		background-image: url(../../img/yougu/line_scissors01_sp.svg);
	}
	.scissors-content__main {
		max-width: 80%;
		margin: 0 auto;
	}
	.scissors-content__text {
		margin-top: 20px;
		font-size: 1.5rem;
	}
	.scissors-content__unit--01 .scissors-content__text {
		position: relative;
		left: 0;
		bottom: 0;
	}
	.scissors-content__unit--03 .scissors-content__lead {
		margin-bottom: 0;
	}
	.scissors-content__unit--03 .scissors-content__text {
		position: relative;
		left: 0;
		top: 0;
		max-width: 100%;
	}
}
@media (max-width: 560px) {
	.scissors-content__announce {
		margin-top: -70px;
}
	.announce-box {
		padding: 20px;
	}
	.announce-box__content {
		display: block;
		margin: 0;
	}
	.announce-box__lead {
		max-width: 100%;
		margin-bottom: 20px;
		padding: 0;
	}
	.announce-box__img {
		max-width: 260px;
		margin: 0 auto;
		padding: 0;
	}
	.scissors-content__main {
		max-width: 100%;
	}
}

/* -------------------------------- *\
    others
\* -------------------------------- */
.section-others {
	margin-bottom: 114px;
	padding-top: 40px;
}
.others-content__title {
	max-width: 900px;
	margin: 0 auto 50px;
}
.others-example {
	display: flex;
	margin-bottom: 70px;
}
.others-example__text {
	flex-basis: 55%;
	max-width: 55%;
}
.others-example__name {
	margin-bottom: 20px;
	font-size: 5rem;
	color: #9ba6bd;
}
.others-example__detail {
	font-size: 1.7rem;
}
.others-example__detail li::marker {
  color: #5185c5;
}
.others-example__img {
	flex-basis: 45%;
}
.others-item__title {
	margin-bottom: 20px;
	font-size: 4rem;
	color: #5185c5;
}
.others-box {
	padding: 60px 50px 30px;
	border: solid 3px #5185c5;
}
.others-box__content {
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.others-box__col {
	flex-basis: 50%;
	max-width: 50%;
	margin-bottom: 30px;
	padding: 0 10px;
}
.others-box__col a {
	display: block;
	padding: 20px;
	transition: .3s;
	border: solid 3px #5185c5;
	border-radius: 22px;
	background-color: #5185c5;
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
}
.others-box__col a:hover {
	background-color: #fff;
	color: #5185c5;
	}
@media (max-width: 768px) {
	.section-others {
		margin-bottom: 60px;
		padding-top: 30px;
	}
	.others-content__title {
		margin-bottom: 40px;
	}
	.others-example {
		display: block;
		margin-bottom: 40px;
	}
	.others-example__text, .others-example__img {
		max-width: 100%;
		margin: 0 auto;
	}
	.others-example__name {
		margin-bottom: 10px;
		font-size: 4rem;
	}
	.others-example__detail {
		font-size: 1.5rem;
	}
	.others-example__img {
		text-align: center;
	}
	.others-example__img img {
		max-width: 480px;
	}
	.others-item__title {
		margin-bottom: 10px;
		font-size: 3rem;
		color: #5185c5;
	}
	.others-box {
		margin-bottom: 20px;
		padding: 40px 20px 10px;
	}
	.others-box__col a {
		font-size: 1.8rem;
	}
}
@media (max-width: 560px) {
	.others-example__name {
		font-size: 3rem;
	}
	.others-item__title {
		font-size: 2rem;
	}
	.others-box {
		padding: 30px 20px 0;
	}
	.others-box__content {
		display: block;
		margin: 0;
	}
	.others-box__col {
		max-width: 100%;
		padding: 0;
	}
	.others-box__col a {
		padding: 15px;
		font-size: 1.7rem;
	}
}


/* ================================================
   実用
   ================================================ */

/* -------------------------------- *\
    intro
\* -------------------------------- */
.intro-main {
	background-image: url(../../img/yougu/bg_intro_s.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.intro-main__jitsuyo {
	padding-top: 15%;
	padding-bottom: 118px;
}
.section-intro--s .intro-main__wrapper {
	position: relative;
}
.intro-main__jitsuyo-title {
	max-width: 900px;
	margin: 0 auto 60px;
}
.jitsuyo-lineup {
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.jitsuyo-lineup__col {
	flex-basis: 33.333%;
	max-width: 33.333%;
	padding: 0 10px 20px;
}
.jitsuyo-lineup__col img {
	transition: all .3s ease
}
.jitsuyo-lineup__col a:hover img{
	transform: scale(1.08);
}
.jitsuyo-ill {
	position: absolute;
	bottom: 20px;
	right: 0;
	max-width: 300px;
}
@media (max-width: 1100px) {
	.section-intro--s .intro-main__wrapper {
		max-width: 880px;
	}
}
@media (max-width: 768px) {
	.section-intro--s .intro-main__title {
		top: 0;
		margin-top: 15%;
	}
	.intro-main__jitsuyo {
		padding-top: 40%;
		padding-bottom: 84px;
	}
	.section-intro--s .intro-main__wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}
	.intro-main__jitsuyo-title {
		margin-bottom: 30px;
	}
	.jitsuyo-lineup {
		justify-content: center;
	}
	.jitsuyo-ill {
		position: relative;
		bottom: 0;
		margin-left: auto;
	}
}
@media (max-width: 560px) {
	.jitsuyo-lineup__col {
		flex-basis: 50%;
		max-width: 50%;
	}
}

/* -------------------------------- *\
    jitsuyo
\* -------------------------------- */
.section-jitsuyo {
	margin-bottom: 114px;
	padding-top: 40px;
}
.jitsuyo-item__unit {
	position: relative;
	margin-bottom: 100px;
	padding-bottom: 118px;
}
.jitsuyo-item__unit::after {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 118px;
	background-image: url(../../img/yougu/line_intro02.svg);
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.jitsuyo-item__unit:nth-child(even)::after {
	left: 0;
	background-image: url(../../img/yougu/line_intro01.svg);
	background-position: right top;
}
.jitsuyo-item__wrapper {
	display: flex;
}
.jitsuyo-item__text {
	flex-basis: 55%;
	max-width: 55%;
}
.jitsuyo-item__name {
	margin-bottom: 20px;
	font-size: 5rem;
	color: #9ba6bd;
}
.jitsuyo-item__detail {
	font-size: 1.7rem;
}
.jitsuyo-item__detail li::marker {
  color: #5185c5;
}
.jitsuyo-item__img {
	flex-basis: 45%;
}
.jitsuyo-item__lead {
	margin-bottom: 20px;
	border-top: solid 2px #5185c5;
	border-bottom: solid 2px #5185c5;
	text-align: center;
	font-size: 2rem;
	color: #5185c5;
}
.jitsuyo-item__img {
	text-align: center;
}
.jitsuyo-item__img img {
	max-width: 480px;
}
.jitsuyo-item__movie {
	max-width: 600px;
	margin: 60px auto;
}
.movie-container {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie-container iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.item-sewingone__main, .item-sewingone__feature, .item-sewingone__feature02 {
	margin-bottom: 50px;
}
.item-sewingone__wrapper, .item-itokiri__wrapper {
	display: flex;
}
.item-sewingone__main .item-sewingone__wrapper {
	align-items: flex-end;
	margin-right: -15px;
	margin-left: -15px;
}
.item-sewingone__main .item-sewingone__img {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 15px;
	text-align: center;
}
.item-sewingone__main .item-sewingone__img img {
	max-width: 480px;
}
.item-sewingone__main .item-sewingone__text {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 15px;
}
.item-sewingone__box {
	border: solid 3px #5185c5;
}
.item-sewingone__box .box-head {
	margin-bottom: 0;
	padding: 5px 10px;
	background-color: #5185c5;
	text-align: center;
	color: #fff;
}
.item-sewingone__box .box-content {
	margin-bottom: 0;
	padding: 10px;
}
.item-sewingone__feature .item-sewingone__wrapper {
	margin-right: -15px;
	margin-left: -15px;
}
.item-sewingone__feature .item-sewingone__img {
	flex-basis: 60%;
	max-width: 60%;
	padding: 0 15px;
	text-align: center;
}
.item-sewingone__feature .item-sewingone__img img {
	max-width: 650px;
}
.item-sewingone__feature .item-sewingone__text {
	flex-basis: 40%;
	max-width: 40%;
	padding: 0 15px;
}
.item-sewingone__feature .item-sewingone__box {
	padding: 20px;
	border: solid 3px #dadada;
	border-radius: 10px;
	background-color: #dadada;
	text-align: center;
}
.item-sewingone__feature .item-sewingone__box img {
	max-width: 480px;
}
.item-sewingone__feature02 .item-sewingone__wrapper {
	margin-right: -15px;
	margin-left: -15px;
}
.item-sewingone__feature02 .item-sewingone__col {
	flex-basis: 33.333%;
	max-width: 33.333%;
	padding: 0 15px;
}
.feature02-img {
	margin-bottom: 10px;
	text-align: center;
}
.feature02-img img {
	max-width: 480px;
}
.feature02-text {
	margin-bottom: 0;
}
.item-sewingone__more .item-sewingone__wrapper, .item-itokiri__more .item-itokiri__wrapper {
	margin-right: -15px;
	margin-left: -15px;
}
.item-sewingone__more .item-sewingone__col, .item-itokiri__more .item-itokiri__col {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 15px;
}
.item-sewingone__inner, .item-itokiri__inner {
	display: flex;
	margin-right: -5px;
	margin-left: -5px;
}
.item-sewingone__inner .item-sewingone__img, .item-itokiri__inner .item-itokiri__img {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 5px;
}
.item-sewingone__inner .item-sewingone__text, .item-itokiri__inner .item-itokiri__text {
	flex-basis: 50%;
	max-width: 50%;
	margin-bottom: 0;
	padding: 0 5px;
}
@media (max-width: 768px) {
	.section-jitsuyo {
		margin-bottom: 80px;
		padding-top: 30px;
	}
	.jitsuyo-item__unit {
		margin-bottom: 60px;
		padding-bottom: 84px;
	}
	.jitsuyo-item__unit::after {
		bottom: 0;
		height: 84px;
		background-image: url(../../img/yougu/line_intro02_sp.svg);
	}
	.jitsuyo-item__unit:nth-child(even)::after {
		background-image: url(../../img/yougu/line_intro01_sp.svg);
	}
	.jitsuyo-item__wrapper {
		display: block;
	}
	.jitsuyo-item__text, .jitsuyo-item__img {
		max-width: 100%;
		margin: 0 auto;
	}
	.jitsuyo-item__name {
		margin-bottom: 10px;
		font-size: 4rem;
	}
	.jitsuyo-item__detail {
		font-size: 1.5rem;
	}
	.item-sewingone__wrapper, .item-itokiri__wrapper {
		display: block;
	}
	.item-sewingone__main .item-sewingone__wrapper {
		margin: 0;
	}
	.item-sewingone__main .item-sewingone__img {
		max-width: 100%;
		padding: 0;
	}
	.item-sewingone__main .item-sewingone__text {
		max-width: 100%;
		padding: 0;
	}
	.item-sewingone__feature .item-sewingone__wrapper {
		margin: 0;
	}
	.item-sewingone__feature .item-sewingone__img {
		max-width: 100%;
		margin-bottom: 20px;
		padding: 0;
	}
	.item-sewingone__feature .item-sewingone__text {
		max-width: 100%;
		padding: 0;
	}
	.item-sewingone__feature .item-sewingone__box {
		max-width: 90%;
		margin: 0 auto;
		padding: 10px;
	}
	.item-sewingone__feature02 .item-sewingone__wrapper {
		margin: 0;
	}
	.item-sewingone__feature02 .item-sewingone__col {
		max-width: 100%;
		margin-bottom: 40px;
		padding: 0;
	}
	.item-sewingone__more .item-sewingone__wrapper, .item-itokiri__more .item-itokiri__wrapper {
		margin: 0;
	}
	.item-sewingone__more .item-sewingone__col, .item-itokiri__more .item-itokiri__col {
		max-width: 100%;
		padding: 0;
	}
	.item-sewingone__inner, .item-itokiri__inner {
		margin-bottom: 40px;
	}
}
@media (max-width: 560px) {
	.jitsuyo-item__name {
		font-size: 3rem;
	}
}