@charset "utf-8";
/*------------------------------------------------------------
	group_about
------------------------------------------------------------*/
#conts .top-sec {
		margin: -20px 0 0;
}
#conts .top-sec .head-line09 {
		margin-bottom: 125px;
}
#conts .top-sec .head-line09 .info {
		font-size: 4.5rem;
}
#conts .top-sec .head-line09 .en {
		margin-bottom: 19px;
		color: #29ABE2;
		font-size: 2.5rem;
		font-weight: 500;
		display: block;
		font-family: 'Poppins', sans-serif;
}
#conts .top-sec .content {
		width: 1074px;
}
#conts .top-sec .inner {
		margin-bottom: 210px;
		position: relative;
}
#conts .top-sec .inner .inner__pho {
		width: 580px;
}
#conts .top-sec .inner .inner__pho img, #conts .top-sec .img-box .img-box__pho img {
		border-radius: 20px;
}
#conts .top-sec .inner .inner__text {
		position: absolute;
		right: 40px;
		top: 206px;
		padding: 42px 70px;
		width: 630px;
		background: #fff;
		border-radius: 20px;
		box-sizing: border-box;
}
#conts .top-sec .txt {
		line-height: 2.1;
		padding-right: 30px;
		text-align: justify;
		text-justify: inter-ideograph;
}
#conts .h4-ttl {
		margin-bottom: 27px;
		font-size: 2.3rem;
}
#conts .top-sec .img-box {
		margin: 0 auto 120px;
		max-width: 1200px
}
#conts .top-sec .img-box .img-box__pho {
		float: right;
		width: 48.2%;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .top-sec .img-box .img-box__pho {
				padding-left: 45px;
		}
}
/* //20220520 ito */
#conts .top-sec .img-box .img-box__text {
		padding-top: 58px;
		width: 51.8%;
}
#conts .top-sec .img-box .info-box {
		width: 420px;
		margin: 0 98px 0 auto;
}
#conts .top-sec .img-box .info-box .txt {
		padding-right: 0;
}
#conts .top-sec .img-box01 {
		margin-bottom: 100px;
}
#conts .top-sec .img-box01 .img-box__pho {
		padding-left: 45px;
		float: left;
		width: 54%;
		box-sizing: border-box;
}
#conts .top-sec .img-box01 .img-box__text {
		padding-top: 76px;
		float: right;
		width: 46%;
}
#conts .top-sec .img-box01 .img-box__text .info-box {
		margin: 0 0 0 46px;
		width: 370px;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .top-sec .img-box01 .img-box__text .info-box {
				max-width: calc(100% - 66px);
		}
}
/* //20220520 ito */
#conts .it-sec {
		padding: 110px 0 158px;
}
#conts .it-sec .content {
		width: 1060px;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .it-sec .content {
				max-width: 100%;
		}
}
/* //20220520 ito */
#conts .it-sec .head-line09 {
		margin-bottom: 22px;
		text-align: left;
}
#conts .it-sec .head-line09 .info {
		font-size: 3.4rem;
}
#conts .it-sec .title {
		margin-bottom: 50px;
		font-size: 2.2rem;
}
#conts .it-sec .photo-list {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
}
#conts .it-sec .photo-list li {
		margin: 0 25px 0 0;
		width: 284px;
		text-align: center;
}
#conts .it-sec .photo-list li p {
		line-height: 1.4;
		margin: 0 !important;
		padding: 0 !important;
}

/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .it-sec .photo-list li {
				margin: 0 2% 0 0;
				width: 31%;
		}
}
/* //20220520 ito */
#conts .it-sec .photo-list li .txt-span {
		display: block;
		margin-top: 23px;
		font-size: 2rem;
		line-height: 1.7;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .it-sec .photo-list li .txt-span {
				font-size: 1.6rem;
		}
}
/* //20220520 ito */
#conts .pattern {
		padding: 100px 0 0;
}
#conts .pattern .head-line09 {
		margin: 0 0 78px -43px;
		text-align: left;
}
#conts .pattern .head-line09 .info {
		font-size: 3.4rem;
}
#conts .pattern .sub-box {
		width: 916px;
		display: flex;
		height: 194px;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row;
		margin: 0 0 25px -14px;
		padding: 25px 20px 30px;
		box-sizing: border-box;
		background: #F8FAFC;
		border-radius: 20px;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .pattern .sub-box {
				max-width: 100%;
				padding-right: 0;
		}
}
/* //20220520 ito */
#conts .pattern .sub-box:nth-of-type(2n) {
		background: #FAFAFA;
}
#conts .pattern .sub-box:last-of-type {
		margin-bottom: 0;
}
#conts .pattern .title {
		margin-bottom: 7px;
		color: #29ABE2;
		font-size: 1.4rem;
		font-family: 'Poppins', sans-serif;
		font-weight: 500;
}
#conts .pattern .title .num {
		margin-right: 156px;
		position: relative;
}
#conts .pattern .title .num:before {
		position: absolute;
		left: 40px;
		top: 50%;
		height: 1px;
		width: 97px;
		content: "";
		background: #29ABE2;
}
#conts .pattern .ttl {
		text-align: right;
		font-size: 2.2rem;
		font-weight: 500;
}
#conts .pattern .sub-box .l-box {
		width: 227px;
}
#conts .pattern .sub-box .r-box {
		padding-right: 70px;
		width: 518px;
}
#conts .pattern .sub-box .r-box p {
		line-height: 1.9;
		margin-bottom: 14px;
}
#conts .pattern .sub-box .r-box .font01 {
		font-size: 1.4rem;
		font-weight: 500;
}
#conts .pattern .sub-box .r-box p:last-child {
		margin-bottom: 0;
}
/* 20220520 ito */
@media all and (min-width: 897px) and (max-width: 1280px) {
		#conts .pattern .title .num {
				margin-right: 65%;
		}
		#conts .pattern .title .num:before {
				/* width: 6vw; */
		}
		#conts .pattern .title {
				position: relative;
		}
		#conts .pattern .title .en {
				position: absolute;
				top: 0;
				right: 0;
				padding-left: 20px;
				background: #F8FAFC;
		}
		#conts .pattern .ttl {
				font-size: 2.0vw;
		}
		#conts .pattern .sub-box .l-box {
				width: 30%;
		}
		#conts .pattern .sub-box .r-box {
				padding-right: 6%;
				padding-left: 5%;
				width: 70%;
		}
		#conts .pattern .sub-box .r-box .font01 {
				font-size: 1.3rem;
		}
}
/* //20220520 ito */
@media all and (min-width: 897px) and (max-width: 1279px) {
		#conts .it-sec {
				padding-left: 45px;
		}
}
@media all and (max-width: 896px) {
		#conts .top-sec {
				margin: 0;
				padding-top: 5px;
		}
		#conts .top-sec .head-line09 {
				margin-bottom: 75px;
		}
		#conts .top-sec .head-line09 .info {
				font-size: 1.8rem;
		}
		#conts .top-sec .head-line09 .en {
				margin-bottom: 3px;
				font-size: 1.2rem;
		}
		#conts .top-sec .content {
				width: auto;
		}
		#conts .top-sec .inner {
				margin-bottom: 75px;
		}
		#conts .top-sec .inner .inner__pho {
				width: auto;
				margin: 0 -20px;
		}
		#conts .top-sec .inner .inner__pho img {
				width: 100%;
				border-radius: 0;
		}
		#conts .top-sec .inner .inner__text {
				position: static;
				padding: 47px 0 0;
				width: auto;
				border-radius: 0;
		}
		#conts .top-sec .txt {
				padding-right: 0;
		}
		#conts .h4-ttl {
				margin-bottom: 29px;
				font-size: 1.6rem;
		}
		#conts .top-sec .img-box {
				margin: 0 auto 84px;
				max-width: inherit
		}
		#conts .top-sec .img-box .img-box__pho {
				float: none;
				width: auto;
		}
		#conts .top-sec .img-box .img-box__pho img {
				width: 100%;
				border-radius: 0;
		}
		#conts .top-sec .img-box .img-box__text {
				padding: 50px 20px 0;
				width: auto;
		}
		#conts .top-sec .img-box .info-box {
				width: auto;
				margin: 0;
		}
		#conts .top-sec .img-box .info-box .txt {
				padding-right: 0;
		}
		#conts .top-sec .img-box01 {
				margin-bottom: 90px;
		}
		#conts .top-sec .img-box01 .img-box__pho {
				padding-left: 0;
				float: none;
				width: 100%;
				box-sizing: border-box;
		}
		#conts .top-sec .img-box01 .img-box__text {
				padding: 50px 20px 0;
				float: none;
				width: auto;
		}
		#conts .top-sec .img-box01 .img-box__text .info-box {
				margin: 0;
				width: auto;
		}
		#conts .it-sec {
				padding: 40px 0 78px;
		}
		#conts .it-sec .content {
				width: auto;
		}
		#conts .it-sec .head-line09 {
				margin-bottom: 18px;
				text-align: center;
		}
		#conts .it-sec .head-line09 .info {
				font-size: 1.8rem;
		}
		#conts .it-sec .title {
				margin-bottom: 50px;
				font-size: 1.6rem;
				text-align: center;
		}
		#conts .it-sec .photo-list {
				display: block;
				margin: 0 25px;
		}
		#conts .it-sec .photo-list li {
				margin: 0 0 46px;
				width: 100%;
				text-align: center;
		}
		#conts .it-sec .photo-list li:last-child {
				margin-bottom: 0;
		}
		#conts .it-sec .photo-list li img {
				width: 100%;
		}
		#conts .it-sec .photo-list li .txt-span {
				margin-top: 28px;
				font-size: 1.6rem;
				line-height: 1.7;
		}
		#conts .pattern {
				margin-bottom: -40px;
				padding: 38px 0 0;
		}
		#conts .pattern .head-line09 {
				margin: 0 0 62px;
				text-align: center;
		}
		#conts .pattern .head-line09 .info {
				font-size: 1.8rem;
		}
		#conts .pattern .sub-box {
				width: auto;
				display: block;
				height: auto;
				margin: 0 0 37px;
				padding: 40px 25px 54px;
		}
		#conts .pattern .sub-box:last-of-type {
				margin-bottom: 0;
		}
		#conts .pattern .title {
				margin-bottom: 7px;
				display: inline-block;
				font-size: 1.4rem;
				padding: 0 5px 3px;
				border-bottom: 1px solid #29ABE2;
		}
		#conts .pattern .title .num {
				margin-right: 12px;
		}
		#conts .pattern .title .num:before {
				display: none;
				position: absolute;
				left: 40px;
				top: 50%;
				height: 1px;
				width: 97px;
				content: "";
				background: #29ABE2;
		}
		#conts .pattern .ttl {
				margin-bottom: 22px;
				text-align: left;
				font-size: 1.6rem;
		}
		#conts .pattern .sub-box .l-box {
				width: auto;
		}
		#conts .pattern .sub-box .r-box {
				padding-right: 0;
				width: auto;
		}
		#conts .pattern .sub-box .r-box p {
				line-height: 2.1;
				margin-bottom: 18px;
				text-align: justify;
		}
		#conts .pattern .sub-box .r-box .font01 {
				font-size: 1.4rem;
				line-height: 1.85;
		}
		#conts .pattern .sub-box .r-box p:last-child {
				margin-bottom: 0;
		}
}