/* @media screen and (min-width: 767px) { */
	/* 共通 Start*/
	.title-border-bottom1:before {/*　タイトルアンダーバー１ */
		content: '';
		position: absolute;
		left: 50%;
		bottom: -15px;
		display: inline-block;
		width: 50%;
		height: 6px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: white;
		border-radius: 2px;
	}
	.title-border-bottom2:before {/*　タイトルアンダーバー２ */
		content: '';
		position: absolute;
		left: 50%;
		bottom: -10px;
		display: inline-block;
		width: 72px;
		height: 6px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #FCCF00;
		border-radius: 2px;
	}
	.title-border-bottom1,
	.title-border-bottom2 {
		position: relative;
    	display: inline-block;
	}
	/*　コンテンツアンダーバー1 */
	.content-border-bottom1:before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: 0;
		display: inline-block;
		width: 100%;
		height: 6px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #FCCF00;
		border-radius: 2px;
	}
	/* 両端ボーダー */
	.title-border-between {
		position: relative;
		display: inline-block;
		padding: 0 55px;
	}
	.title-border-between:before,
	.title-border-between:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 40px;
		height: 5px;
		background-color: #FCCF00;
	}
	.title-border-between:before {
		left: 0;
	}
	.title-border-between:after {
		right: 0;
	}
	/* パンくず */
	.solution-detail-bread {
		font-size: 14px;
    	padding-top: 15px;
	}
	.solution-detail-bread a {
		color: #000;
		padding: 1em 0;
		text-decoration: none;
	}
	/* ページトップ */
	.solution-detail-top {
		display: block;
		width: 1100px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 20px;
	}
	.solution-detail-top-content {
		background-color: white;
		border-radius: 15px;
    	padding: 90px 50px 80px 50px;
		display: flex;
    	justify-content: space-between;
	}
	.solution-detail-top-content-left {
		width: 53%;
	}
	.solution-detail-top-content-left img {
		width: 100%;
		border-radius: 15px;
	}
	.solution-detail-introduction {
		line-height: 2rem;
		font-size: 17.5px;
    	text-align: left;
	}
	/* 共通 End*/

	/* OYACOplus */
	#solution-detail-middle-top {
		background-color: white;
	}
	#solution-detail-middle-bottom {
		background-color: #F5F5F0;
	}
	.solution-detail-middle-content {
		text-align: center;
		margin: 0 auto;
	}
	.solution-detail-middle-content-title {
		font-size: 36px;
		margin: 0;
	}
	.solution-detail-middle-content-detail-first {
		padding-top: 180px;
	}
	.solution-detail-middle-content-detail {
		padding-bottom: 200px;
	}
	
	.list_point li {
		position: relative;
		padding: 0 0 0 2rem;
		margin: 1rem 0 3rem 4rem;
		line-height: 30px;
		color: #F6AA00;
		text-align: left;
    	font-size: 24px;
	}
	.list_point li span {
		color: black;
		font-size: 16px;
	}
	.list_point li:before {
		counter-increment: list;
		content: counter(list);
		position: absolute;
		left: -60px;
		width: 57px;
		height: 43px;
		text-align: center;
		color: #fff;
		line-height: 30px;
		background: #F6AA00;
		top: 50%;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		border-radius: 8px;
		font-size: 30px;
		padding-top: 14px;
	}
	.content-point,
	.content-vision {
		width: 800px;
		margin: 0 auto;
	}
	.content-service {
		width: 640px;
		margin: 0 auto;
	}
	.content-regist,
	.content-linkage {
		width: 950px;
		margin: 0 auto;
	}
	.list_point {
		list-style: none;
		counter-reset: list;
		display: inline-block;
		padding-top: 3rem;
		padding-left: unset;
	}
	.text-vision,
	.text-regist,
	.text-linkage,
	.text-contact {
		display: inline-block;
    	padding-top: 3rem;
		text-align: left;
	}
	.text-vision {
		font-feature-settings: "palt";
    	line-height: 2rem;
	}
	.content-service-item {
		display: flex;
		padding-top: 3rem;
		align-items: center;
	}
	.img-left {
		width: 35%;
		text-align: left;
	}
	.text-right {
		width: 65%;
		text-align: left;
	}
	.img-right {
		width: 35%;
		text-align: -webkit-right;
	}
	.text-left {
		width: 65%;
		text-align: left;
	}
	.text-right h1,
	.text-left h1 {
		color: #F6AA00;
		font-size: 24px;
	}
	.text-right p,
	.text-left p {
		line-height: 2rem;
	}
	.text-regist,
	.text-linkage,
	.content-contact {
		line-height: 3rem;
		margin-bottom: 45px;
	}
	.img-regist {
		background-color: white;
		border-radius: 15px;
		padding: 40px 140px;
	}
	.img-linkage {
		background-color: white;
		border-radius: 15px;
		padding: 40px 100px;
	}
	.img-linkage-top {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.img-regist p {
		text-align: left;
	}
	.img-linkage-bottom {
		display: flex;
	}
	.img-linkage-bottom-right {
		margin-left: 50px;
		text-align: left;
	}
	.img-linkage-bottom-right p {
		margin-bottom: unset;
		padding-top: 25px;
	}
	.solution-detail-bottom {
		background-color: white;
	}
	.solution-detail-bottom-content {
		text-align: center;
		margin: 0 auto;
	}
	.solution-detail-bottom-content-detail {
		padding-bottom: 150px;
	}
	.solution-detail-bottom-content-detail-first {
		padding-top: 110px;
	}
	.solution-detail-bottom-content-title {
		font-size: 36px;
		margin: 0;
	}
	.img-contact {
		margin-top: 20px;
	}
/* OYACOplus追加css/2024/10/30 */
	.img-mynaportal {
		background-color: white;
		border-radius: 15px;
		padding: 50px 118px;
	}

	/* 交通系ソリューション */
	.transportation-top-right {
		text-align: right;
		width: 47%;
	}
	.transportation-service-list {
		list-style: none;
		display: inline-block;
		padding-top: 3rem;
		padding-left: unset;
	}
	.transportation-service-list li {
		width: 700px;
		position: relative;
		padding: 1rem 1.5rem 1rem 1.4rem;
		margin-bottom: 4rem;
		line-height: 30px;
		text-align: left;
		font-size: 24px;
		border: 1px solid;
	}
	.transportation-service-list li:hover {
		box-shadow: inset 0px -6px 0px 0px #FCCF00;
	}
	.transportation-service-list li span {
		position: absolute;
		right: 20px;
	}
	.transportation-service-list a {
		text-decoration: none;
		color: black;
	}
	.content-issue {
		padding-top: 3rem;
		width: 900px;
    	margin: 0 auto;
	}
	.text-issue {
		font-size: 17px;
	}
	.content-service-description-item {
		width: 900px;
		margin: 0 auto;
	}
	.service-description-item-title {
		border-bottom: 1px solid;
		font-size: 30px;
		padding-bottom: 10px;
		padding-top: 3rem;
		margin-bottom: 45px;
	}
	/* .solution-detail-top-content {
		background-color: white;
		border-radius: 15px;
		padding: 90px 50px;
		display: flex;
		justify-content: space-between;
	} */
	.service-description-item-detail-img {
		background-color: #F5F5F0;
		padding-top: 45px;
		padding-bottom: 45px;
		border-radius: 15px;
	}
	/*20230203*/
	.ecobike{
		width: 100%;
		max-width: 717px;
		margin: 0 auto;
}
	.service-description-item-detail img {
		margin: 0 auto;
		width: 100%;
	}
	.service-description-item-detail-img-cancel {
		background-color: initial;
		padding-top: initial;
		padding-bottom: initial;
		border-radius: initial;
	}
	.service-description-item-detail-text {
		text-align: left;
		line-height: 3rem;
		margin-top: 25px;
	}
	.content-service-description-item-subject {
		font-size: 26px;
	}
	.service-description-item-detail {
		margin-bottom: 140px !important;
	}
	.text-method-linkage,
	.text-example {
		padding-top: 1rem;
		text-align: left;
		padding-bottom: 1rem;
	}
	.illustration-method-linkage {
		display: flex;
		justify-content: space-between;
	}
	.illustration-method-linkage-left,
	.illustration-method-linkage-right {
		width: 440px;/*440*/
		background-color: #F5F5F0;
		border-radius: 15px;
		height: 450px;/*422*/
	}
	.illustration-method-linkage-left h1,
	.illustration-method-linkage-right h1 {
		background-color: white;
		border-radius: 10px;
		color: #F6AA00;
		margin: 20px 15px;
		padding: 10px 18px;
		font-size: 20px;
		text-align: left;
	}
	.illustration-method-linkage-left h2,
	.illustration-method-linkage-right h2 {
		font-size: 18px;
		color: #F6AA00;
		text-align: left;
		margin-left: 40px;
    	margin-bottom: 0;
	}
	.illustration-method-linkage-left ul {
		padding: 0 48px 0 60px;
		margin: 0;
		line-height: 2rem;
	}
	.illustration-method-linkage-right ul {
		padding: 0 48px 35px 60px;
		margin: 0;
		line-height: 2rem;
	}
	.illustration-method-linkage-left li,
	.illustration-method-linkage-right li {
		text-align: left;
	}
	.illustration-method-linkage-left ul li span,
	.illustration-method-linkage-right ul li span {
		display: inline-block;
	}
	.illustration-method-linkage h1 span {
		background: #F6AA00;
		border-radius: 50%;
		color: white;
		font-size: 20px;
		position: unset;
		padding: 0.2em 0.4em;
		margin-right: 3px;
	}s


	/* mytap */
	.content-mytap-point {
		width: 800px;
		margin: 0 auto;
	}
	.content-mytap-vision,
	.content-mytap-certification,
	.content-mytap-map,
	.content-mytap-method {
		width: 900px;
		margin: 0 auto;
	}
	.list-mytap-point {
		list-style: none;
		counter-reset: list;
		display: inline-block;
		padding-top: 3rem;
		padding-left: unset;
		width: 900px;/*追記*/
	}
	.list-mytap-point li {
		position: relative;
		padding: 0 0 0 2rem;
		margin: 1rem 0 3rem 4rem;
		line-height: 30px;
		color: black;
		text-align: left;
		font-size: 20px;
	}
	.list-mytap-point li:before {
		counter-increment: list;
		content: counter(list);
		position: absolute;
		left: -60px;
		width: 57px;
		height: 43px;
		text-align: center;
		color: #fff;
		line-height: 30px;
		background: #F6AA00;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 8px;
		font-size: 30px;
		padding-top: 14px;
	}
	.content-mytap-vision h1 {
		font-size: 24px;
		padding-top: 3rem;
		color: #F6AA00;
	}
	.text-mytap-vision {
		padding-top: 1rem;
		text-align: left;
		line-height: 2rem;
		font-feature-settings: "palt";
	}
	.content-mytap-certification img {
		margin: 0 auto;
	}
	.text-mytap-certification-1 {
		padding-top: 1rem;
		padding-bottom: 2rem;
		line-height: 2rem;
		font-feature-settings: "palt";
		text-align: left;
	}
	.text-mytap-certification-2 {
		padding-top: 2rem;
		text-align: left;
	}
	.content-mytap-map {
		padding-top: 6rem;
	}
	.content-mytap-map img {
		margin-top: 30px;
	}
	.text-mytap-example {
		padding-top: 3rem;
	}
	.text-mytap-method {
		text-align: left;
	}
	.list-mytap-method {
		list-style: none;
		counter-reset: list;
		display: inline-block;
		padding-left: unset;
	}
	.list-mytap-method li {
		position: relative;
		padding: 0 0 0 2rem;
		margin: 1rem 0 0 4rem;
		line-height: 30px;
		color: #F6AA00;
		text-align: left;
		font-size: 24px;
	}
	.list-mytap-method li:before {
		counter-increment: list;
		content: counter(list);
		position: absolute;
		left: -60px;
		width: 57px;
		height: 43px;
		text-align: center;
		color: #fff;
		line-height: 30px;
		background: #F6AA00;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 8px;
		font-size: 30px;
		padding-top: 14px;
	}
	.list-mytap-method li span {
		color: black;
		font-size: 16px;
	}
	.list-mytap-method {
		margin-bottom: 40px;
	}
/* } */
/* スマホ */
@media only screen and (max-width: 750px) {
	/* 共通 Start*/
	.solution-detail-bread {
		font-size: 12px;
	}
	.contents_h_area {
		margin-top: 35px;
	}
	.solution-detail-top {
		width: 90%;
	}
	.contents_h_name {
		font-size: 30px;
	}
	.solution-detail-top-content {
		display: block;
		padding: 15px;
	}
	.solution-detail-top-content-left {
		width: 100%;
	}
	.solution-detail-top-content-right img {
		width: 58%;
	}
	.solution-detail-introduction {
		font-size: 15px;
	}
	.solution-detail-middle-content {
		width: 90%;
	}
	.solution-detail-middle-content-title {
		font-size: 26px;
	}
	.content-service-description-item-subject {
		font-size: 20px;
	}
	.solution-detail-middle-content-detail {
		padding-bottom: 80px;
	}
	.solution-detail-middle-content-detail-first {
		padding-top: 100px;
	}
	.title-border-bottom2:before {
		width: 50px;
	}
	/* 共通 End*/

	/* OYACOplus */
	.content-point {
		width: 85%;
	}
	.list_point {
		padding-top: 1rem;
	}
	.list_point li {
		font-size: 18px;
		padding: unset;
		margin: 1rem 0 3rem 2.5rem;
	}
	.list_point li span {
		font-size: 14px;
	}
	.list_point li:before {
		padding-top: unset;
		font-size: 20px;
		width: 28px;
		height: 28px;
		top: 15%;
    	left: -40px;
	}
	.content-vision {
		width: 90%;
	}
	.text-vision {
		padding-top: 1rem;
		font-size: 14px;
	}
	.content-service {
		width: 90%;
	}
	.text-right h1,
	.text-left h1 {
		font-size: 16px;
	}
	.text-right p,
	.text-left p {
		font-size: 14px;
		line-height: 1.7rem;
	}
	.img-left,
	.img-right {
		width: 37%;
	}
	.img-left img,
	.img-right img {
		width: 100%;
	}
	.text-right,
	.text-left {
		width: 56%;
	}
	.content-service-item {
		justify-content: space-between;
		align-items: flex-start;
	}
	.content-service-item-right img {
		width: 100%;
	}
	.content-regist,
	.content-linkage {
		width: 90%;
	}
	.text-regist,
	.text-linkage,
	.content-contact {
		margin-bottom: unset;
		line-height: 1.5rem;
		padding-top: 1rem;
		font-size: 14px;
	}
	.img-regist,
	.img-linkage {
		padding: 15px 15px;
		margin-top: 10px;
	}
	.img-regist img,
	.img-linkage img {
		width: 100%;
	}
	.img-regist p,
	.img-linkage p {
		font-size: 10px;
		margin-top: 0;
	}
	.img-linkage-top {
		margin-bottom: 20px;
	}
	.img-linkage-bottom img {
		width: 50%;
	}
	.img-linkage-bottom-right {
		margin-left: 10px;
	}
	.img-linkage-bottom-right img {
		width: 100%;
	}
	.text-linkage-bottom-sp {
		font-size: 14px;
	}
	.img-linkage-bottom-sp {
		margin: 0 auto;
		width: 100%;
	}
/* OYACOplus追加css/2024/10/30 */
	.img-mynaportal {
		padding: 20px;
		margin-top: 10px;
	}
	.img-mynaportal img {
		width: 100%;
	}
	.solution-detail-bottom-content{
		width: 90%;
	}

	/* 交通系ソリューション */
	.transportation-top-right {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.transportation-top-right img {
		width: 48%;
	}
	.transportation-service-list {
		padding-top: 1rem;
	}
	.transportation-service-list li {
		width: 90%;
		margin: 0 auto;
		font-size: 18px;
		text-align: center;
		padding: 1.5rem 1rem 1rem 1rem;
		height: 80px;
		margin-bottom: 30px;
		font-feature-settings: "palt";
	}
	.transportation-service-list li span {
		bottom: 5%;
		right: 50%;
	}
	.content-border-bottom1:before {
		display: none;
	}
	.text-issue {
		font-size: 12px;
		text-align: left;
	}
	.content-issue {
		width: 100%;
	}
	.content-issue img {
		margin: 0 auto;
		width: 100%;
	}
	.content-service-description-item {
		width: 100%;
	}
	.service-description-item-title {
		font-size: 22px;
	}
	.service-description-item-detail-text {
		line-height: initial;
		font-size: 14px;
	}
	.service-description-item-detail {
		margin-bottom: 60px !important;
	}
	.text-method-linkage,
	.text-example {
		font-size: 14px;
	}
	.illustration-method-linkage {
		display: block;
	}
	.illustration-method-linkage-left {
		margin-bottom: 30px;
	}
	.illustration-method-linkage-left,
	.illustration-method-linkage-right {
		width: 100%;
		height: auto;/*300px*/
		padding: 15px 0 15px;/*padding-top: 15px;*/
	}
	.illustration-method-linkage-left h1,
	.illustration-method-linkage-right h1 {
		font-size: 16px;
		padding: 10px 8px;
		margin: 0 15px;
	}
	.illustration-method-linkage-left ul {
		line-height: 1.5rem;
		padding: 0 0 0 43px;
		font-feature-settings: "palt";
		font-size: 14px;
	}
	.illustration-method-linkage-right ul {
		line-height: 1.5rem;
		padding: 0 15px 0 40px;
		font-feature-settings: "palt";
		font-size: 14px;
	}
	.illustration-method-linkage-left h2, .illustration-method-linkage-right h2 {
		font-size: 16px;
		margin-left: 25px;
	}

	/* mytap */
	.content-mytap-point {
		width: 100%;
	}
	.list-mytap-point {
		padding-top: 1rem;
		width: 100%;
	}
	.list-mytap-point li {
		font-size: 16px;
		padding: unset;
		margin: 1rem 0 2rem 3rem;
	}
	.list-mytap-point li:before {
		padding-top: unset;
		font-size: 22px;
		width: 28px;
		height: 28px;
		top: 14%;
		line-height: 28px;
		left: -40px;
	}
	.content-mytap-vision {
		width: 100%;
	}
	.content-mytap-vision h1 {
		font-size: 16px;
		font-feature-settings: "palt";
	}
	.text-mytap-vision {
		font-size: 14px;
	}
	.content-mytap-vision,
	.content-mytap-certification,
	.content-mytap-map,
	.content-mytap-method {
		width: 100%;
	}
	.text-mytap-certification-1 {
		font-size: 14px;
		line-height: initial;
    	padding-bottom: 1rem;
	}
	.text-mytap-certification-2 {
		font-size: 14px;
		padding-top: 1rem;
	}
	.content-mytap-certification img {
		width: 100%;
	}
	.text-mytap-method {
		font-size: 14px;
	}
	.list-mytap-method li {
		font-size: 18px;
		padding: unset;
		margin: 1rem 0 0 3rem;
	}
	.list-mytap-method li span {
		font-size: 14px;
	}
	.list-mytap-method li:before {
		padding-top: unset;
		font-size: 22px;
		width: 28px;
		height: 28px;
		top: 15px;
		line-height: 28px;
		left: -41px;
	}
	.text-mytap-example {
		font-size: 14px;
		text-align: left;
	}
	.list-mytap-method-img1 {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.list-mytap-method-img2 {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.list-mytap-method-img3 {
		margin-top: 20px;
	}

}