@charset "utf-8";

/**** Media Query ****/
@media (max-width:1500px){
}

@media (max-width:1400px){
	.sub_wrap .wrap1 {padding: 0 20px;}


	.btn_down1 {padding: 1em 0;}
	.btn_down1.ty1 {padding: 1em;line-height: 1.5;}
	.s4 .arti01 .btn_down1 {padding: 1em;}


	.s4 .arti02 .inner:after {display: block;clear: both;content: '';}
	.s4 .arti02 .inner a {display: block;float: left;width: 23%;margin: 0 1%;}
	.s4 .arti03 .inner:after {display: block;clear: both;content: '';}
	.s4 .arti03 .inner a {display: block;float: left;width: 31%;margin: 0 1%;}

	.s4 .arti03 .txt ul > li {padding: 0 0 .5em 0;}
	.s4 .arti03 .txt ul.right > li:last-child {padding-bottom: 0;}
	.s4 .arti03 .txt ul > li b {display: block;}

	.s4 ul.ul1 > li dl dd {height: auto;}
}

@media (max-width:1200px){
	.s1_1 .arti01 .top_box .stc-ml {padding-left: 5em;}
	.s1_1 .arti01 .top_box .stc-ml h2 {font-size: 2em;}

	.s1_4 .arti01 .info {padding-right: 0;}
	.s1_4 .arti01 .info ul {position: static;margin-top: 1em;}
	.s1_4 .arti01 .info ul:after {display: block;clear: both;content: '';}
	.s1_4 .arti01 .info ul li {margin-left: 0;margin-right: 10px;}
	.s1_4 .arti01 .traffic {margin-top: 2.5em;}
	.s1_4 .arti01 .traffic ul li {padding: 2.5em 0;}

	.s4 .arti03 .top .btn_down1 {position: static;margin-top: .5em;}

	.s4 .arti05 .ul3 > li dl dt {width: 20%;}
	.s4 .arti05 .ul3 > li dl dd {width: 80%;}
}

@media (max-width:1024px){
	.s1_1 .arti01 .top_box {margin-top: 0;}

	.s4 .arti01 .inner {text-align: center;padding: 2em;}
	.s4 .arti01 .inner p {width: 100%;}
	.s4 .arti01 .btn_down1 {position: static;margin-top: 1em;transform:none;display: inline-block;}

	.s4 .arti02 .inner a {float: none;display: inline-block;width: 40%;}
	.s4 .arti02 .inner a:nth-child(3),
	.s4 .arti02 .inner a:nth-child(4) {margin-top: 2%;}

	.s4 .arti03 .box {padding: 2em;padding-left: 200px;}
	.s4 .arti03 .box h3 {left: 30px;}
	.s4 .arti03 .inner a {float: none;display: inline-block;width: 40%;}
	.s4 .arti03 .inner a:nth-child(3) {margin-top: 2%;}
	.s4 .arti03 .table1 colgroup col:nth-child(1) {width: 15%;}
	.s4 .arti03 .table1 colgroup col:nth-child(3) {width: 20%;}
}

@media (max-width:960px){
	.s1_1 .arti01 .top_box .stc-ml {padding-left: 20px;}
	.s1_1 .arti01 .sign {margin-top: -1.5em;padding-right: 1.667em;}
	.s1_1 .arti01 .sign img {width: 6.111em;}


	.s3_5 .arti01 .top .inner p {margin-top: 0.5em;width: 60%;}
	.s3_5 .arti01 .top .inner p br {display: none;}
	.s3_5 .arti01 dl.clear dt,
	.s3_5 .arti01 dl.clear dd {width: 100%;float: none;}
	.s3_5 .arti01 dl.clear dd {margin-top: .5em;}

	.s3_5 .arti03 .left,
	.s3_5 .arti03 .right {width: calc(50% - 5px);}
	.s3_5 .arti03 .box.ty1:last-child {margin-top: 5px;}

	.s4 .arti03 .box {padding-left: 30%;}
	.s4 .arti03 .box h3 {left: 3%;width: 24%;padding: 2em 1em;}
	.s4 .arti03 .txt ul {float: none !important;width: 100% !important;}
	.s4 .arti03 .txt ul.left:before {display: none;}

	.s4 ul.ul1 > li {float: none;width: 100%;}
	.s4 ul.ul1 > li:nth-child(n+2) {border-top: 1px solid #ddd;}
	.s4 ul.ul1 > li img {width: 15%;}
	.s4 ul.ul1 > li dl {left: 20%;}
	.s4 ul.ul1 > li dl dt {margin-bottom: .5em;}

	.s4 .arti04 ul li dl dt,
	.s4 .arti04 ul li dl dd {padding: 1rem;padding-left: 4rem;background-size:2rem;background-position:1rem center}

	.table1 table th, .table1 table td {padding: 1em 0.5em;}
	.s4 .arti03 .table1 td.left {padding: 1.5em;}
}

@media (max-width:800px){
	.s1_1 .arti01 .top_box .stc-ml h2 {width: 50%;}

	.s1_4 .arti01 .traffic ul li {float: none;width: 100%;}
	.s1_4 .arti01 .traffic ul li:after {display: block;clear: both;content: '';}
	.s1_4 .arti01 .traffic ul li .img {width: 5em;}
	.s1_4 .arti01 .traffic ul li .txt {width: calc(100% - 5em);}


	.s3_5 .arti02 ul {display: block;}
	.s3_5 .arti02 ul:after {display: block;clear: both;content: '';}
	.s3_5 .arti02 ul > li {display: block;float: left;width: 50%;padding: 5vw 0;height: 17em;}
	.s3_5 .arti02 ul > li:nth-child(3) {border-left: 1px solid #ddd;}
	.s3_5 .arti02 ul > li a {width: 90%;bottom: 5vw;max-width: 10em;}

	.s3_5 .arti03 .left {margin-bottom: 3vw;}
	.s3_5 .arti03 .left, .s3_5 .arti03 .right {float: none;width: 100%;}
	.s3_5 .arti03 .box.ty1:last-child {margin-top: 3vw;}
	.s3_5 .arti03 .box,
	.s3_5 .arti03 .box.ty1 {padding: 5vw 5vw 5vw 15vw;}
	.s3_5 .arti03 .box img {top: -2vw;left: 3vw;width: 10vw;}
	.s3_5 .arti03 .box.ty1 img {width: 8vw;}
	.s3_5 .arti03 .box div {padding-top: 1em;margin-top: 1em;}

	.s4 .arti05 .ul4 > li {width: calc(50% - 5px);}
}

@media (max-width:640px){
	#process {padding-bottom: 5vw;padding-top: 10vw;}
	#process h3 {font-size: 2.5em;}
	#process p {position: static;margin-top: .5em;}

	.sub_wrap .wrap1 {padding: 0 3vw;}

	.s1_1 .arti01 .top_box .stc-ml {padding: 0 0 68vw;height: auto;background-position:right bottom;background-size:auto 63%;}
	.s1_1 .arti01 .top_box .stc-ml h2 {font-size: 2.1em;width: 100%;width: 100%;}
	.s1_1 .arti01 .sign {margin-top: 0;padding-right: 0;}


	.s1_4 .arti01 .traffic ul li .txt dt {padding-left: 3vw;padding-top: 2vw;margin-bottom: 2vw;}
	.s1_4 .arti01 .traffic ul li .txt dd {padding-left: 3vw;}


	.s3_5 .arti01 .top {padding: 5vw;height: auto;}
	.s3_5 .arti01 .top .inner {position: static;transform:none;}
	.s3_5 .arti01 .top .inner .tit3 {font-size: 1.7em;}
	.s3_5 .arti01 .top .inner p {width: 75%;}
	.s3_5 .arti01 dl.clear {padding: 5vw;}

	.s3_5 .arti02 ul > li {height: 13em;}


	.s4 .arti02 .inner a {width: 60%;}
	.s4 .arti02 .inner a:nth-child(2) {margin-top: 2%;}
	.s4 .arti03 .inner a {width: 70%;}
	.s4 .arti03 .inner a:nth-child(2) {margin-top: 2%;}
	.s4 .arti03 .box {padding-left: 2em;}
	.s4 .arti03 .box h3 {position: static;transform:none;width: auto;padding: 1em;margin-bottom: .5em;text-align: center;}
	.s4 .arti03 .box h3 br {display: none;}

	.s4_5 .arti02 ul.ul1 > li:nth-child(2),
	.s4_5 .arti03 ul.ul1 > li,
	.s4_5 .arti05 ul.ul1 > li:nth-child(2) {padding-bottom: 2.625em;}

	.s4 .arti05 .ul3 > li dl dt {width: 25%;}
	.s4 .arti05 .ul3 > li dl dd {width: 75%;}
	.s4 .arti05 .tit5 {font-size: 1.4em;}
	.s4 .arti05 .ul_dot {padding-left: .5em;}
	.s4 .arti05 .ul_dot > li {margin-bottom: 1em;}
	.s4 .arti05 .ul4 > li {float: none !important;width: 100%;margin-bottom: 1em;}
	.s4 .arti05 .ul4 > li:last-child {margin-bottom: 0;}
	.s4 .arti05 .ul4 > li dl dd .box {height: auto;padding: 1em 0;}

	.s4 ul.ul1 > li > img {position: absolute;top: 50%;left: 0;transform:translateY(-50%);}
	.s4 ul.ul1 > li dl {position: static;padding-left: 20%;transform:none;}


	.btn_down1.ty1 {padding-bottom: 0.8em;}

	.ul_dot > li {padding-left: 3vw;}
	p.dot {padding-left: 3vw;}

	.table1 table th,
	.table1 table td {padding: 1vw;}

	.table1 table.ty1 .ty_num {width: 10vw;}
	.table1 table.ty1 .ty_prob {padding-left: 12vw;}
	.table1 table.ty1 th,
	.table1 table.ty1 td {padding: 1vw;}
	.table1 table.ty1 .ty_choose:after {display: block;margin-left: 0;font-size: 2.7vw;}

	.layout_tel li {width: 30%;}
	.layout_tel li.li {width: 5%;}
	.layout_email li {width: 25%;}
	.layout_email li.li {width: 8%;}
	.layout_email li:last-child {margin-left: 2%;width: 40%;}
}