@charset "UTF-8";

@media screen and (min-width: 768px),print {
#contentsmain {height: 735px;background: url('../images/support/contentsmain-back01.png') no-repeat center top;position: relative;margin: -97px 0 0;}
#contentsmain .inner-Box {width: 1100px;height: 100%;margin: 0 auto;position: relative;}
#contentsmain .main-text {width: 520px;position: absolute;left: 545px;top: 380px;color: #fff;}
#contentsmain .main-text p.en {font-size: 16px;line-height: 1;font-weight: 400;letter-spacing: 0.1em;margin-bottom: 20px;}
#contentsmain .main-text h2 {font-size: 48px;line-height: 1.45;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 28px;margin-right: -100px;}
#contentsmain .main-text p.text {font-size: 18px;line-height: 2;font-weight: 500;letter-spacing: 0.05em;}

#contents01 {padding: 125px 0 120px;position: relative;background: #fff;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .inner-Box > p.en {font-size: 32px;line-height: 1;font-weight: 400;color: #004080;text-align: center;margin-bottom: 44px;}
#contents01 .inner-Box > p.text {width: 760px;font-size: 18px;line-height: 2.2778;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;text-align: center;margin: 0 auto 110px;}
#contents01 .tel-Box {width: 900px;height: 361px;margin: 0 auto;background: url('../images/support/contents01-back01.png') no-repeat center center;background-size: cover;position: relative;text-align: center;color: #fff;padding-top: 56px;}
#contents01 .tel-Box:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(8,29,52,0.6);}
#contents01 .tel-Box h2 {font-size: 26px;line-height: 1.6154;font-weight: 500;letter-spacing: 0.05em;position: relative;margin-bottom: 22px;}
#contents01 .tel-Box p.tel {width: 449px;height: 98px;border-radius: 50px;background: #004080;margin: 0 auto 12px;display: flex;align-items: center;justify-content: center;font-size: 35px;line-height: 1;font-weight: 400;letter-spacing: 0.05em;position: relative;}
#contents01 .tel-Box p.tel span.tel-icon {display: inline-block;width: 33px;height: 33px;background: url('../images/support/contents01-tel01.svg') no-repeat center center;background-size: contain;margin-right: 13px;}
#contents01 .tel-Box p.mintext {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;position: relative;}

#contents02 {padding: 0 0 150px;background: #fff;}
#contents02 .inner-Box {width: 962px;margin: 0 auto;position: relative;}
#contents02 .inner-Box > p.en {font-size: 32px;line-height: 1;font-weight: 400;color: #004080;text-align: center;margin-bottom: 80px;}
#contents02 .in-Box1,#contents02 .in-Box2 {min-height: 283px;position: relative;padding-left: 471px;}
#contents02 .in-Box1 {margin-bottom: 80px;}
#contents02 .ttl-Box {position: relative;padding-left: 0;margin-bottom: 35px;padding: 19px 0 0;}
#contents02 .ttl-Box span.num {font-size: 19px;line-height: 1;font-weight: 400;color: #004080;position: absolute;left: -30px;top: 0px;}
#contents02 .ttl-Box span.num:after {content: "";width: 46px;height: 1px;background: #004080;position: absolute;left: 6px;top: 34px;transform: rotate(-43deg);transform-origin: left center;}
#contents02 .ttl-Box h2 {font-size: 35px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;}
#contents02 .in-Box1 figure,#contents02 .in-Box2 figure {width: 400px;height: 283px;position: absolute;left: 0;top: 0;}
#contents02 figure picture {display: block;width: 100%;height: 100%;}
#contents02 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents02 .in-Box1 p.text,#contents02 .in-Box2 p.text {width: 492px;font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}

#contents03 {background: url('../images/support/contents03-back01.png') no-repeat center top;background-size: cover;color: #fff;padding: 103px 0 172px;}
#contents03 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents03 .inner-Box > h2 {font-size: 44px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;text-align: center;margin-bottom: 22px;}
#contents03 .inner-Box > p.text {font-size: 23px;line-height: 1.5;font-weight: 400;text-align: center;margin-bottom: 74px;}
#contents03 figure.img01 {width: auto;margin: 0 auto 100px;position: relative;left: 64px;}
#contents03 figure.img01 .js-scrollable {width: 100%;}
#contents03 figure.img01 picture {display: block;width: 100%;}
#contents03 figure.img01 img {display: block;width: auto;height: auto;}
#contents03 .inspection-Box {width: 1100px;background: #004080;margin: 0 auto;padding: 64px 50px 70px;text-align: center;}
#contents03 .inspection-Box h3 {font-size: 35px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 29px;}
#contents03 .inspection-Box p.text {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;margin-bottom: 58px;}
#contents03 .inspection-Box figure.img02 {width: 670px;margin: 0 auto;position: relative;left: -16px;}
#contents03 .inspection-Box figure.img02 picture {display: block;width: 100%;}
#contents03 .inspection-Box figure.img02 img {display: block;width: 100%;height: auto;}

#contentsbottom .banner-Box {margin: 0 auto 100px;position: relative;width: 1200px;}
#contentsbottom ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 109px;}
#contentsbottom ul li{ margin:0 30px 30px 0; }
#contentsbottom ul li:nth-child(3n){ margin-right:0; }
}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width:767px) {
#contentsmain {height: 135.5vw;background: url('../images/support/sp-contentsmain-back01.png') no-repeat center top;background-size: 100% auto;position: relative;margin: -10vw 0 0;}
#contentsmain .inner-Box {width: 100%;height: 100%;margin: 0;position: relative;}
#contentsmain .main-text {width: 80.0vw;position: absolute;left: 15.0vw;top: 70.5vw;color: #fff;}
#contentsmain .main-text p.en {font-size: 2.9vw;line-height: 1;font-weight: 400;letter-spacing: 0.1em;margin-bottom: 2.9vw;}
#contentsmain .main-text h2 {font-size: 8.5vw;line-height: 1.4;font-weight: 500;letter-spacing: 0;margin-bottom: 4vw;}
#contentsmain .main-text p.text {width: 78.3vw;font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;}

#contents01 {padding: 16.9vw 0 15.5vw;background: #fff;position: relative;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 .inner-Box > p.en {font-size: 6.3vw;line-height: 1;font-weight: 400;color: #004080;text-align: center;margin-bottom: 6.3vw;}
#contents01 .inner-Box > p.text {width: 78.3vw;font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;margin: 0 auto 19vw;}
#contents01 .tel-Box {width: 100%;height: 79.7vw;margin: 0;background: url('../images/support/sp-contents01-back01.png') no-repeat center center;background-size: cover;position: relative;text-align: center;color: #fff;padding-top: 14.7vw;}
#contents01 .tel-Box:before {`:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(8,29,52,0.6);}
#contents01 .tel-Box h2 {font-size: 4.3vw;line-height: 1.9444;font-weight: 500;letter-spacing: 0;position: relative;margin-bottom: 4.6vw;}
#contents01 .tel-Box p.tel {width: 84.5vw;height: 18.8vw;border-radius: 10.5vw;background: #004080;margin: 0 auto 2.9vw;display: flex;align-items: center;justify-content: center;font-size: 5.8vw;line-height: 1;font-weight: 400;letter-spacing: 0.05em;position: relative;}
#contents01 .tel-Box p.tel span.tel-icon {display: inline-block;width: 6.5vw;height: 6.5vw;background: url('../images/support/contents01-tel01.svg') no-repeat center center;background-size: contain;margin-right: 3.1vw;}
#contents01 .tel-Box p.mintext {font-size: 3.6vw;line-height: 2;font-weight: 400;letter-spacing: 0;position: relative;}

#contents02 {padding: 0 0 14.9vw;background: #fff;}
#contents02 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents02 .inner-Box > p.en {font-size: 6.3vw;line-height: 1;font-weight: 400;color: #004080;text-align: left;margin: 0 0 11.1vw 20.4vw;}
#contents02 .in-Box1,#contents02 .in-Box2 {width: 91.8vw;margin-left: auto;margin-right: auto;position: relative;padding: 0;}
#contents02 .in-Box1 {margin-bottom: 19.7vw;}
#contents02 .ttl-Box {position: relative;padding-left: 7.5vw;margin-bottom: 3.2vw;}
#contents02 .ttl-Box span.num {font-size: 4.6vw;line-height: 1;font-weight: 400;color: #004080;position: absolute;left: 0;top: -4.1vw;}
#contents02 .ttl-Box span.num:after {content: "";width: 11.1vw;height: 0.2vw;background: #004080;position: absolute;left: 1.7vw;top: 7.8vw;transform: rotate(-43deg);transform-origin: left center;}
#contents02 .ttl-Box h2 {font-size: 6.3vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;}
#contents02 .in-Box1 figure,#contents02 .in-Box2 figure {width: 91.8vw;height: 53.1vw;position: relative;margin-bottom: 3.6vw;}
#contents02 figure picture {display: block;width: 100%;height: 100%;}
#contents02 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents02 .in-Box1 p.text,#contents02 .in-Box2 p.text {width: 91.8vw;font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}

#contents03 {background: url('../images/support/contents03-back01.png') no-repeat center top;background-size: auto 100%;color: #fff;padding: 14.5vw 0 17.1vw;overflow: hidden;}
#contents03 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents03 .inner-Box > h2 {font-size: 6.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;text-align: center;margin-bottom: 2.4vw;}
#contents03 .inner-Box > p.text {width: 87.0vw;font-size: 3.9vw;line-height: 2;font-weight: 400;text-align: center;margin: 0 auto 5.4vw;}
#contents03 figure.img01 {width: 100%;margin: 0 0 16.9vw;padding-left: 4.1vw;}
#contents03 figure.img01 .js-scrollable {width: 95.9vw;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
#contents03 figure.img01 picture {display: block;width: 237.0vw;}
#contents03 figure.img01 img {display: block;width: 237.0vw;height: auto;max-width: none;}
#contents03 .inspection-Box {width: 91.8vw;background: #004080;margin: 0 auto;padding: 12.1vw 2.8vw 10.6vw;text-align: left;margin: 6.2vw auto 0;}
#contents03 .inspection-Box h3 {font-size: 6.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;text-align: center;margin-bottom: 4.8vw;}
#contents03 .inspection-Box p.text {font-size: 3.8vw;line-height: 2;font-weight: 400;letter-spacing: 0.01em;margin-bottom: 7.8vw;}
#contents03 .inspection-Box figure.img02 {width: 88vw;margin: 0 auto;}
#contents03 .inspection-Box figure.img02 picture {display: block;width: 100%;}
#contents03 .inspection-Box figure.img02 img {display: block;width: 100%;height: auto;}


#contentsbottom .banner-Box {margin: 0;position: relative;margin: 0 6.4vw;}
#contentsbottom ul{display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin: 11.9vw -2.3vw 4.2vw;}
#contentsbottom ul li{margin: 0 0 7.5vw;}
#contentsbottom ul li:nth-child(3n){margin-right:0;}

}