@charset "utf-8";

/* CSS Document */
body.common {
	padding-top: 0;
}


#contents {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	/*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#contents img {
	width: 100%;
}

#contents a {
	text-decoration: none !important;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

#contents a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#contents .active a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pc_only {}

.sp_only,
.sp_only2 {
	display: none !important;
}

.resp_img img+img {
	display: none;
}

@media screen and (max-width: 767px) {
	.pc_only {
		display: none !important;
	}

	.sp_only {
		display: block !important;
	}

	.sp_only2 {
		display: inline-block !important;
	}

	.resp_img img {
		display: none;
	}

	.resp_img img+img {
		display: block;
	}
}

.p-center {
	text-align: center;
}



.container {
	color: #333333;
}


.c-mainImg {
	padding-top: calc(640 / 1600 * 100%);
}

#contents .p-mainImg {
	background-image: url(../img/main_img_pc.jpg);
}

.c-mainImgTxt--center {
	top: calc(50% - calc(215 / 1600 * 100%));
	bottom: 0;
	margin: auto;
	text-align: center;
}

#contents .p-mainImg .p-main__ttl img {
	width: 30%;
	max-width: 352px;
}

@media screen and (max-width: 767px) {
	.c-mainImg {
		padding-top: calc(600 / 750 * 100%);
	}

	.c-mainImgTxt--center {
		top: calc(264 / 750 * 100%);
	}

	#contents .p-mainImg {
		background-image: url(../img/main_img_sp.jpg);
	}

	#contents .p-mainImg .p-main__ttl img {
		width: 58.666666%;
		max-width: 440px;
		margin: 0 auto;
	}
}

#contents .p-contents {
	clear: both;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 10.41666666%;
}

@media screen and (max-width: 767px) {
	#contents .p-contents {
		margin: 0 auto 1.6%;
	}
}

#contents .sec {
	position: relative;
	clear: both;
	width: 100%;
}

#contents .sec_inner {
	clear: both;
	width: 100%;
	display: -webkit-flex;
	display: flex;
}

.flx__row_center {
	-webkit-align-items: center;
	align-items: center;
}

.flx_href>div {
	width: 50%;
}

.txt01 {
	font-size: 1.6rem;
	line-height: 2.5;
}

.txt_tips {
	font-size: 1.4rem;
	line-height: 2.14;
	margin-left: 1em;
	text-indent: -1em;
}

.sec span.p-underline {
	position: relative;
	display: inline-block;
}

.sec span.p-underline::after {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	content: "";
	background: #111;
}



.sec_01 {
	margin-bottom: 13.5416666%;
}

.sec_01_txt_01 {
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 4.166666%;
}

.sec_01 .sec_inner+.sec_inner {
	margin-top: 8.333333%;
}

.sec_01 .sec_inner>div {
	width: 50%;
}

.sec_01 .sec_01_01 .txt01 {
	padding-right: 12.5%;
}

.sec_01 .sec_01_02 .txt01 {
	padding-left: 12.5%;
}

@media screen and (min-width: 768px) {
	.sec_01 {
		margin-top: 10.41666666%;
	}

	.sec_01 .sec_inner:nth-child(even) {
		flex-direction: row-reverse;
	}
}

@media screen and (max-width: 767px) {
	.sec_01 {
		margin-bottom: 24%;
	}

	.txt01 {
		font-size: 12px;
		font-size: 3.2vw;
		line-height: 2.3;
	}

	.sec_01_txt_01 {
		margin-top: 10.41666666%;
		margin-bottom: 16%;
		font-size: 20px;
		font-size: 5.33333vw;
		text-align: center;
	}

	.sec_01 .sec_inner {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.sec_01 .sec_inner>div {
		width: 100%;
	}

	.sec_01 .sec_01_01 .txt01,
	.sec_01 .sec_01_02 .txt01 {
		padding: 10.666666%;
	}

	.sec_01 .sec_01_01 .sec_inner__1 {
		padding-left: 17.333333%;
	}

	.sec_01 .sec_01_02 .sec_inner__1 {
		padding-right: 18.666666%;
	}
}



/* sec_02 */
.sec_02 {
	margin-bottom: 10.41666666%;
}

@media screen and (max-width: 767px) {
	.sec_02 {
		margin-bottom: 13.54166666%;
	}
}

.sec_02_inner {
	display: inline-block;
	clear: both;
	width: 100%;
	padding: 0 6.25% 11%;
	background-color: #F5F5F5;
}

.sec_02 h3 {
	font-size: 3.2rem;
	font-weight: normal;
	text-align: center;
	margin-top: calc(3.2rem * -1 / 2);
	margin-bottom: 7.8%;
}

.txt_caption {
	margin-top: 0.5em;
	font-size: 1.4rem;
	line-height: 2;
	text-align: center;
}

.txt_caption:not(:last-child) {
	margin-bottom: 8%;
}

.sec_02_03>div:nth-of-type(1) {
	width: calc(320 / 840 * 100%);
}

.sec_02_03>div:nth-of-type(2) {
	width: calc(520 / 840 * 100%);
}

@media screen and (min-width: 768px) {
	.sec_02 .sec_inner:nth-child(even) {
		flex-direction: row-reverse;
	}

	.sec_02 .sec_inner:nth-child(odd) .txt01 {
		margin-left: 14.285714285%;
	}

	.sec_02 .sec_inner:nth-child(even) .txt01 {
		margin-right: 14.285714285%;
	}

	.sec_02 .flx_href .txt01 {
		margin-top: 6.19047619%;
	}

	.sec_02 .txt_tips {
		margin-top: 2em;
		padding-left: 14.285714285%;
	}
}

@media screen and (max-width: 767px) {
	.sec_02 h3 {
		font-size: 17px;
		font-size: 4.53333vw;
		margin-top: calc(4.53333vw * -1 / 2);
		margin-bottom: 14%;
	}

	.sec_02_inner {
		padding: 0 10.666666%;
	}

	.sec_02 .sec_inner {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.sec_02 .sec_inner>div,
	.flx_href>div {
		width: 100%;
		margin-bottom: 10%;
	}

	.img_jk img {
		width: 54.666666%;
		max-width: 410px;
		text-align: center;
	}

	.txt_caption {
		font-size: 0.98rem;
		font-size: 2.6vw;
	}

	.sec_02 .txt_tips {
		margin-top: 2em;
		font-size: 10px;
		font-size: 2.6666vw;
	}
}

/* sec_03 */
.sec_03 {}

.sec_03 h3,
.sec_04 h3,
.sec_05 h3,
.sec_06 h3 {
	margin-bottom: 5.5%;
	font-size: 4.6rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}

.sec_03 .h3_sub,
.sec_04 .h3_sub,
.sec_05 .h3_sub,
.sec_06 .h3_sub {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 8.1%;
}

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

	.sec_03 h3,
	.sec_04 h3,
	.sec_05 h3,
	.sec_06 h3 {
		margin-bottom: 9.3%;
		font-size: 32px;
		font-size: 8.533vw;
	}

	.sec_03 .h3_sub,
	.sec_04 .h3_sub,
	.sec_05 .h3_sub,
	.sec_06 .h3_sub {
		margin-bottom: 12%;
		font-size: 12px;
		font-size: 3.2vw;
	}
}


/*  Lineup List  */
.sec_03_inner {
	clear: both;
	width: 100%;
	padding: 0 6.25% 13.333333334%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sec_03 .sec_03_itemlist {
	clear: both;
	overflow: hidden;
	width: 45.952380952%;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.sec_03 .sec_03_itemlist>div {
	width: 41.450777202%;
	max-width: 160px;
	margin-bottom: 7.6%;
}

/*.sec_03 .sec_03_itemlist > div:not(:nth-child(4n)) {
	margin-right: calc( (100% - 160px * 4) / 3 );
}*/
@media screen and (max-width: 920px) {
	/*	.sec_03 .sec_03_itemlist > div {
		width: 46%;
		margin-bottom: 9.2%;		
	}
	.sec_03 .sec_03_itemlist > div:not(:nth-child(4n)) {
		margin-right: calc( (100% - ( 23% * 4 )) / 3 );
	}*/
}

@media screen and (max-width: 767px) {
	.sec_03_inner {
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 0 13.333333334% 19.323671497%;
	}

	.sec_03 .sec_03_itemlist {
		width: 100%;
		/*		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;*/
	}

	.sec_03 .sec_03_itemlist>div {
		width: calc(233 / 550 * 100%);
		max-width: 233px;
		float: none;
		margin-right: 0;
	}

	.sec_03 .sec_03_itemlist>div:not(:nth-child(4n)) {
		margin-right: 0;
	}
}

.sec_03 .item .sec_inner {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 0.5em;
	height: 4em;
}

.item_new {
	width: 3em;
	color: #c24949;
	font-size: 1.8rem;
}

.item_name {
	width: calc(100% - 3.5em -1px);
	font-size: 1.8rem;
	font-weight: bold;
}

.item_color {
	width: 100%;
	font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
	.sec_03 .item .sec_inner {
		height: 3em;
	}

	.item_new,
	.item_name {
		font-size: 13px;
		font-size: 3.4666vw;
	}

	.item_color {
		font-size: 12px;
		font-size: 3.09vw;
	}
}



/*  NEW COLOR  */
.sec_04 {
	padding-bottom: calc(80 / 960 * 100%);
}

@media screen and (max-width: 767px) {
	.sec_04 .h3_sub {
		text-align: left;
		font-size: 12px;
		font-size: 3.2vw;
		padding-left: 2em;
		padding-right: 2em;
	}
}

.new_color_box {
	margin-bottom: 8.3333333%;
}

.new_color_box .sec_inner__1 {
	position: relative;
}

.new_color_box .sec_inner__1 .link_box {
	position: absolute;
	background-color: #fff;
}

.new_color_box .sec_inner__1 .link_box span {
	position: relative;
	display: inline-block;
	padding: 28px 0;
}

.new_color_box .sec_inner__1 .link_box span::after {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	content: "";
	background: #000;
}

.new_color_box .sec_inner__1 .link_box span a {
	display: inline-block;
	font-size: 1.8rem;
	padding: 10px 28px 10px 0;
	background: url(../img/ic_link.png) no-repeat right center;
	background-size: 14px auto;
}

.sec_05 .new_color_box .sec_inner__1 .link_box span p {
	font-size: 2.0rem;
	line-height: 2;
	padding: 10px 0;
}

.sec_05 .new_color_box .sec_inner__1 .link_box span p>span {
	font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
	#contents .new_color_box {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 10.66666666%;
	}

	.new_color_box .sec_inner__1 .link_box span {
		padding: calc(30 / 750 * 100%) 0;
		font-size: 12px;
		font-size: 3.2vw;
		line-height: 1.666666;
	}

	.new_color_box .sec_inner__1 .link_box span a {
		font-size: 12px;
		font-size: 3.2vw;
	}

	#contents .new_color_box .sec_inner__2 {
		width: 100%;
		padding: 8% 0;
	}
}

.sec_04_01 .sec_inner__1 {
	width: calc(520 / 960 * 100%);
}

.sec_04_01 .link_box {
	padding-left: 50px;
	right: -30px;
	bottom: 6.25%;
	text-align: right;
}

.sec_04_01 .sec_inner__2 {
	width: calc(440 / 960 * 100%);
}

.sec_04_01 .sec_inner__2 .txt01 {
	padding: 0 calc(60 / 440 * 100%);
}

@media screen and (max-width: 767px) {
	.sec_04_01 .sec_inner__1 {
		width: calc(670 / 750 * 100%);
		margin-right: auto;
	}

	.sec_04 .sec_inner__2 .txt01 {
		padding: 0 10.666666%;
	}

	.sec_04_01 .link_box {
		padding-left: calc(50 / 750 * 100vw);
		right: calc(30 / 750 * 100vw * -1);
	}
}

.sec_04_02 {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.sec_04_02 .sec_inner__1 {
	width: calc(513 / 960 * 100%);
	/*　画像幅 / 960　*/
}

.sec_04_02 .link_box {
	padding-right: 50px;
	left: 0;
	bottom: calc(40 / 520 * 100%);
	/*　40px / 画像高さ　*/
	text-align: right;
}

.sec_04_02 .sec_inner__2 {
	width: calc((960 - 513) / 960 * 100%);
	/*　（ 960 - 画像幅 ) / 960　*/
}

@media screen and (min-width: 768px) {
	.sec_04_02 .sec_inner__2 .txt01 {
		padding: 0 calc(60 / (960 - 513) * 100%);
		/* ( 60 / ( 960 - 画像幅 ) */
	}
}

@media screen and (max-width: 767px) {
	.sec_04_02 .sec_inner__1 {
		width: calc(566 / 750 * 100%);
		margin-left: auto;
		margin-right: calc(40 / 750 * 100%);
	}

	.sec_04_02 .link_box {
		padding-right: calc(50 / 750 * 100vw);
		left: calc(60 / 750 * 100vw * -1);
	}
}

.sec_04_03 .sec_inner__1 {
	width: calc(471 / 960 * 100%);
	/*　画像幅 / 960　*/
	margin-left: calc(194 / 960 * 100%);
}

.sec_04_03 .link_box {
	padding-left: 50px;
	right: -38px;
	bottom: calc(40 / 380 * 100%);
	/*　40px / 画像高さ　*/
	text-align: right;
}

@media screen and (max-width: 767px) {
	.sec_04_03 .sec_inner__1 {
		width: calc(496 / 750 * 100%);
		/*　sp画像幅 / 750　*/
		margin-left: calc(80 / 750 * 100%);
		margin-right: auto;
	}

	.sec_04_03 .link_box {
		padding-left: calc(50 / 750 * 100vw);
	}
}


.sec_04_04 {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.sec_04_04 .sec_inner__1 {
	width: calc(487 / 960 * 100%);
	/*　画像幅 / 960　*/
	margin-right: calc(115 / 960 * 100%);
}

.sec_04_04 .link_box {
	padding-right: 50px;
	left: 0;
	bottom: calc(40 / 540 * 100%);
	/*　40px / 画像高さ　*/
	text-align: left;
}

.sec_04_04 .sec_inner__2 {
	width: calc((960 - 487 - 115) / 960 * 100%);
	/*　（ 960 - 画像幅 ) / 960　*/
}

@media screen and (min-width: 768px) {
	.sec_04_04 .sec_inner__2 .txt01 {
		padding: 0 calc(60 / (960 - 487) * 100%);
		/* ( 60 / ( 960 - 画像幅 ) */
	}
}

@media screen and (max-width: 767px) {
	.sec_04_04 .sec_inner__1 {
		width: calc(673 / 750 * 100%);
		/*　sp画像幅 / 750　*/
		margin-left: auto;
		margin-right: 0;
	}

	.sec_04_04 .link_box {
		padding-right: calc(50 / 750 * 100vw);
	}
}

.sec_04_05 .sec_inner__1 {
	width: calc(420 / 960 * 100%);
	/*　画像幅 / 960　*/
	margin-left: calc(60 / 960 * 100%);
}

.sec_04_05 .link_box {
	padding-left: 50px;
	right: -140px;
	bottom: calc(40 / 420 * 100%);
	/*　40px / 画像高さ　*/
	text-align: right;
}

.sec_04_05 .sec_inner__2 {
	width: calc((960 - 420 - 60 - 40) / 960 * 100%);
	/*　（ 960 - 画像幅 ) / 960　*/
}

@media screen and (min-width: 768px) {
	.sec_04_05 .sec_inner__2 .txt01 {
		padding: 0 calc(70 / (960 - 420) * 100%);
		/* ( 60 / ( 960 - 画像幅 ) */
	}
}

@media screen and (max-width: 767px) {
	.sec_04_05 .sec_inner__1 {
		width: calc(570 / 750 * 100%);
		/*　sp画像幅 / 750　*/
		margin-left: calc(40 / 750 * 100%);
		margin-right: auto;
	}

	.sec_04_05 .link_box {
		padding-left: calc(50 / 750 * 100vw);
		right: calc(40 / 750 * 100vw * -1);
	}
}


.sec_04 h4 {
	margin-bottom: calc(50 / 410 * 100%);
	color: #000;
	font-size: 3.0rem;
	font-weight: normal;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.sec_04 h4 {
		margin-bottom: calc(100 / 750 * 100%);
		font-size: 25px;
		font-size: 6.6666vw;
		text-align: center;
	}
}

.sec_04_06 {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-bottom: calc(240 / 960 * 100%);
}

.sec_04_06 .sec_inner__1 {
	width: calc(550 / 960 * 100%);
	/*　画像幅 / 960　*/
}

.sec_04_06 .link_box {
	padding-right: 50px;
	left: -50px;
	top: calc((500 - 52) / 500 * 100%);
	/*　40px / 画像高さ　*/
	text-align: left;
}

.sec_04_06 .sec_inner__2 {
	width: calc((960 - 550) / 960 * 100%);
	/*　（ 960 - 画像幅 ) / 960　*/
}

@media screen and (min-width: 768px) {
	.sec_04_06 .sec_inner__2 .txt01 {
		padding-right: calc(68 / (960 - 550) * 100%);
		/* ( 60 / ( 960 - 画像幅 ) */
	}
}

@media screen and (max-width: 767px) {
	.sec_04_06 .sec_inner__1 {
		width: calc(630 / 750 * 100%);
		/*　sp画像幅 / 750　*/
		margin-bottom: calc(300 / 750 * 100vw);
		margin-left: auto;
		margin-right: 0;
	}

	.sec_04_06 .link_box {
		padding-right: calc(50 / 750 * 100vw);
		left: calc(60 / 750 * 100vw * -1);
		top: calc(500 / 560 * 100%);
	}
}


.sec_04_07 .sec_inner__1 {
	width: calc(420 / 960 * 100%);
	/*　画像幅 / 960　*/
	margin-left: calc(60 / 960 * 100%);
}

.sec_04_07 .sec_inner__2 {
	width: calc((960 - 420 - 60) / 960 * 100%);
	/*　（ 960 - 画像幅 ) / 960　*/
}

@media screen and (min-width: 768px) {
	.sec_04_07 .sec_inner__2 .txt01 {
		padding: 0 calc(70 / (960 - 420 - 60) * 100%);
		/* ( 60 / ( 960 - 画像幅 ) */
	}
}

@media screen and (max-width: 767px) {
	.sec_04_07 .sec_inner__1 {
		width: calc(570 / 750 * 100%);
		/*　sp画像幅 / 750　*/
		margin-left: calc(40 / 750 * 100%);
		margin-right: auto;
	}
}





.sec_05 {}

.sec_05 .new_color_box .sec_inner__1 .link_box span p {
	font-size: 1.6rem;
	line-height: 2;
	padding: 10px 0;
}

.sec_05 .new_color_box .sec_inner__1 .link_box span p>strong {
	font-size: 2.0rem;
}

@media screen and (max-width: 767px) {
	.sec_05 .new_color_box .sec_inner__1 .link_box span p {
		font-size: 11px;
		font-size: 2.93333vw;
	}

	.sec_05 .new_color_box .sec_inner__1 .link_box span p>strong {
		font-size: 14px;
		font-size: 3.7333vw;
	}
}

.sec_05_01 .sec_inner__1 {
	/*width: calc( 840 / 960 * 100%);*/
	/*　エリア幅 / 960　*/
	/*margin-left: calc( 60 / 960 * 100%);*/
	width: 100%;
}

.sec_05_01 .case_img {
	width: calc(840 / 960 * 100%);
	/*　画像幅 / 960　*/
	margin-left: 0;
	margin-right: auto;
}

.sec_05_01 .link_box {
	padding-left: 50px;
	right: 0;
	top: calc(80 / 550 * 100%);
	/*　40px / 画像高さ　*/
	text-align: right;
}

@media screen and (max-width: 767px) {
	.sec_05_01 .sec_inner__1 {
		width: calc(710 / 750 * 100%);
		/*　spエリア幅 / 750　*/
		margin-left: 0;
		margin-right: auto;
		margin-bottom: calc(80 / 750 * 100%);
	}

	.sec_05_01 .case_img {
		width: 100%;
	}

	.sec_05_01 .link_box {
		padding-right: calc(50 / 750 * 100vw);
		padding-left: calc(50 / 750 * 100vw);
		right: 0;
		top: calc(395 / 465 * 100%);
		/*　40px / 画像高さ　*/
	}
}

.sec_05_02 .sec_inner__1 {
	width: 100%;
}

.sec_05_02 .case_img {
	width: calc(810 / 960 * 100%);
	/*　エリア幅 / 960　*/
	margin-left: auto;
	margin-right: 0;
}

.sec_05_02 .link_box {
	padding-right: 50px;
	left: 0;
	top: calc(340 / 550 * 100%);
	/*　40px / 画像高さ　*/
	text-align: left;
}

@media screen and (max-width: 767px) {
	.sec_05_02 .sec_inner__1 {
		width: calc(690 / 750 * 100%);
		/*　spエリア幅 / 750　*/
		margin-left: auto;
		margin-right: 0;
		margin-bottom: calc(80 / 750 * 100%);
	}

	.sec_05_02 .case_img {
		width: 100%;
	}

	.sec_05_02 .link_box {
		padding-right: calc(70 / 750 * 100vw);
		/*right: 0;*/
		top: calc(405 / 468 * 100%);
		/*　40px / 画像高さ　*/
	}
}


.sec_05_03 .sec_inner__1 {
	width: calc(675 / 960 * 100%);
	/*　エリア幅 / 960　*/
	margin-left: calc(60 / 960 * 100%);
	margin-right: auto;
}

.sec_05_03 .case_img {
	width: calc(530 / 675 * 100%);
	/*　画像幅 / エリア幅　*/
	margin-left: 0;
	margin-right: auto;
}

.sec_05_03 .link_box {
	padding-left: 50px;
	right: 0;
	top: calc(100 / 720 * 100%);
	/*　40px / 画像高さ　*/
	text-align: right;
}

@media screen and (max-width: 767px) {
	.sec_05_03 .sec_inner__1 {
		width: calc(630 / 750 * 100%);
		/*　spエリア幅 / 750　*/
		margin-left: calc(40 / 750 * 100%);
		margin-right: auto;
	}

	.sec_05_03 .case_img {
		width: calc(500 / 630 * 100%);
		margin-left: 0;
		margin-right: auto;
	}

	.sec_05_03 .link_box {
		padding-left: calc(70 / 750 * 100vw);
		right: 0;
		top: calc(122 / 680 * 100%);
		/*　40px / 画像高さ　*/
	}
}


.sec_05_04 .sec_inner__1 {
	width: calc(700 / 960 * 100%);
	/*　エリア幅 / 960　*/
	margin-left: calc(200 / 960 * 100%);
	margin-right: auto;
}

.sec_05_04 .case_img {
	width: calc(530 / 700 * 100%);
	/*　画像幅 / エリア幅　*/
	margin-left: auto;
	margin-right: 0;
}

.sec_05_04 .link_box {
	padding-right: 50px;
	left: 0;
	top: calc(420 / 720 * 100%);
	/*　40px / 画像高さ　*/
	text-align: left;
}

@media screen and (max-width: 767px) {
	.sec_05_04 .sec_inner__1 {
		width: calc(645 / 750 * 100%);
		/*　spエリア幅 / 750　*/
		margin-left: auto;
		margin-right: calc(24 / 750 * 100%);
		margin-bottom: calc(80 / 750 * 100%);
	}

	.sec_05_04 .case_img {
		width: calc(500 / 645 * 100%);
	}

	.sec_05_04 .link_box {
		padding-right: calc(70 / 750 * 100vw);
		/*right: 0;*/
		top: calc(510 / 680 * 100%);
		/*　40px / 画像高さ　*/
	}
}


.sec_05_05 .sec_inner__1 {
	width: 100%;
}

.sec_05_05 .case_img {
	width: calc(840 / 960 * 100%);
	/*　画像幅 / エリア幅　*/
	margin-left: 0;
	margin-right: auto;
}

.sec_05_05 .link_box {
	padding-left: 50px;
	right: 0;
	top: calc(340 / 550 * 100%);
	/*　40px / 画像高さ　*/
	text-align: right;
}

@media screen and (max-width: 767px) {
	.sec_05_05 .sec_inner__1 {
		width: calc(710 / 750 * 100%);
		/*　spエリア幅 / 750　*/
		margin-left: 0;
		margin-right: auto;
	}

	.sec_05_05 .case_img {
		width: 100%;
	}

	.sec_05_05 .link_box {
		padding-right: calc(50 / 750 * 100vw);
		padding-left: calc(70 / 750 * 100vw);
		right: 0;
		top: calc(395 / 465 * 100%);
		/*　40px / 画像高さ　*/
	}
}