@charset "UTF-8";

@media screen and (min-width:768px) {
.seo_bread_list{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#contentsmain {height: 731px;background: #123457;position: relative;margin: -96px 0 0;}
#contentsmain .inner-Box {width: 1200px;height: 100%;margin: 0 auto;position: relative;}
#contentsmain .main-img {width: 800px;height: 460px;position: absolute;left: 200px;top: 129px;}
#contentsmain .main-img picture,#contentsmain .main-img img {display: block;width: 100%;height: 100%;}
#contentsmain .main-img img {object-fit: cover;}
#contentsmain > .inner-Box > p.en {font-size: 68px;line-height: 1;font-weight: 400;color: #fff;position: absolute;left: 0;top: 88px;z-index: 2;}
#contentsmain .text-Box {width: 492px;position: absolute;left: 708px;top: 324px;color: #fff;z-index: 2;}
#contentsmain .text-Box h2 {font-size: 38px;line-height: 1.5789;font-weight: 500;letter-spacing: 0;margin-bottom: 47px;}
#contentsmain .text-Box p {font-size: 18px;line-height: 2.2222;font-weight: 600;letter-spacing: 0.05em;}

#contents01 {padding: 121px 0 126px;background: #fff;}
#contents01 .inner-Box {width: 1060px;margin: 0 auto;position: relative;}
#contents01 > .inner-Box > h2 {font-size: 36px;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #004080;text-align: center;margin-bottom: 52px;}
#contents01 .top-Box {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 95px;}
#contents01 .top-Box .text-Box {width: 510px;padding-top: 15px;}
#contents01 .top-Box .text-Box h3 {font-size: 24px;line-height: 1.5;font-weight: 400;color: #1a1a1a;margin-bottom: 30px;}
#contents01 .top-Box .text-Box p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents01 .top-Box figure {width: 480px;height: 300px;position: relative;top: 6px;}
#contents01 .top-Box figure picture,#contents01 .top-Box figure img {display: block;width: 100%;height: 100%;}
#contents01 .top-Box figure img {object-fit: cover;}
#contents01 ul {display: grid;grid-template-columns: repeat(3,260px);justify-content: space-between;margin-left: 100px;margin-right: 94px;}
#contents01 ul li {position: relative;text-align: center;}
#contents01 ul li figure {width: 180px;height: 180px;margin: 0 auto 10px;position: relative;}
#contents01 ul li figure picture,#contents01 ul li figure img {display: block;width: auto;height: auto;}
#contents01 ul li h3 {font-size: 20px;line-height: 1.5;font-weight: 400;color: #505050;margin-bottom: 10px;}
#contents01 ul li p {font-size: 14px;line-height: 1.7143;font-weight: 400;letter-spacing: 0.02em;color: #505050;}
#contents01 ul li.full-order h3 {font-weight: 700;color: #004080;}
#contents01 ul li.full-order p {color: #1a1a1a;}
#contents01 ul li:nth-child(1)  figure{ position: relative;top: 10px;}
#contents01 ul li:nth-child(2)  figure{position: relative;top: 18px;left: 22px;}
#contents01 ul li:nth-child(3)  figure{position: relative;top: -43px;left: -5px;}

#contents02 {height: 676px;background: #123457;padding: 120px 0 0;}
#contents02 .inner-Box {width: 1060px;margin: 0 auto;position: relative;}
#contents02 h2 {font-size: 36px;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #fff;text-align: center;margin-bottom: 53px;}
#contents02 .contents-Box {display: flex;justify-content: space-between;align-items: flex-start;}
#contents02 .contents-Box figure {width: 480px;height: 340px;position: relative;top: 8px;}
#contents02 .contents-Box figure picture,#contents02 .contents-Box figure img {display: block;width: 100%;height: 100%;}
#contents02 .contents-Box figure img {object-fit: cover;}
#contents02 .contents-Box .text-Box {width: 510px;padding-top: 15px;color: #fff;}
#contents02 .contents-Box .text-Box h3 {font-size: 24px;line-height: 1.5;font-weight: 400;margin-bottom: 35px;}
#contents02 .contents-Box .text-Box p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;}

#contents03 {padding: 114px 0 120px;background: #fff;}
#contents03 .inner-Box {width: 1060px;margin: 0 auto;position: relative;}
#contents03 h2 {font-size: 36px;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #004080;text-align: center;margin-bottom: 60px;}
#contents03 .contents-Box {display: flex;justify-content: space-between;align-items: flex-start;}
#contents03 .contents-Box .text-Box {width: 510px;padding-top: 15px;}
#contents03 .contents-Box .text-Box h3 {font-size: 24px;line-height: 1.5;font-weight: 400;color: #1a1a1a;margin-bottom: 30px;}
#contents03 .contents-Box .text-Box p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents03 .contents-Box .text-Box p.point {font-weight: 500;color: #365a85;margin: 30px 0;}
#contents03 .contents-Box figure {width: 480px;height: 340px;}
#contents03 .contents-Box figure picture,#contents03 .contents-Box figure img {display: block;width: 100%;height: 100%;}
#contents03 .contents-Box figure img {object-fit: cover;}

#contents04 {background: #f1f1f1;padding: 96px 0 95px;}
#contents04 .inner-Box {width: 1060px;margin: 0 auto;position: relative;}
#contents04 .ttl-Box {text-align: center;margin-bottom: 58px;}
#contents04 .ttl-Box p {font-size: 18px;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #004080;margin-bottom: 20px;}
#contents04 .ttl-Box h2 {font-size: 36px;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #004080;}
#contents04 p.lead {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: center;margin-bottom: 73px;}
#contents04 ul {display: grid;grid-template-columns: repeat(3,1fr);gap: 65px 35px;width: 720px;margin: 0 auto;}
#contents04 ul li {min-height: 160px;position: relative;display: flex;/* align-items: center; */padding-top: 109px;}
#contents04 ul li .num {font-size: 20px;line-height: 1;font-weight: 500;color: #1a1a1a;position: relative;left: 12px;top: 3px;}
#contents04 ul li img {width: 96px;height: 86px;object-fit: contain;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
#contents04 ul li p {font-size: 20px;line-height: 1.25;font-weight: 500;color: #1a1a1a;padding-left: 22px;}
#contents04 ul li::before{content:"";display: block;position: absolute;left: -15px;top: 51px;width: 16px;height: 22px;background: url(../images/order-house/contents04-arr.svg) no-repeat center center;background-size: 100% auto;z-index: 0;}
#contents04 ul li:first-child:before{ content:none;}

#contentsbottom {background: #f1f1f1;padding: 65px 0 1px;}
#contentsbottom .inner-Box {width: 1430px;height: 460px;margin: 0 auto;background: #fff;position: relative;overflow: hidden;}
#contentsbottom .inner-Box > picture {display: block;width: 1090px;height: auto;position: absolute;right: 0;top: 0;}
#contentsbottom .inner-Box > picture img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contentsbottom .text-Box {width: 530px;position: absolute;left: 115px;top: 75px;z-index: 2;}
#contentsbottom .text-Box p.en {font-size: 61px;line-height: 1.377;font-weight: 400;color: #004080;margin-bottom: 30px;}
#contentsbottom .text-Box h2 {font-size: 32px;line-height: 1.7188;font-weight: 500;color: #1a1a1a;}

#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 {background: #123457;position: relative;height: 157.2vw;margin-top: -10vw;}
#contentsmain .inner-Box {width: 100%;height: 100%;margin: 0;position: relative;}
#contentsmain .main-img {width: 91.8vw;height: 45.9vw;position: absolute;left: 4.1vw;top: 39.2vw;}
#contentsmain .main-img picture,#contentsmain .main-img img {display: block;width: 100%;height: 100%;}
#contentsmain .main-img img {object-fit: cover;}
#contentsmain > .inner-Box > p.en {font-size: 10.4vw;line-height: 1;font-weight: 400;letter-spacing: -0.03em;color: #fff;position: absolute;left: 7.0vw;top: 17.8vw;z-index: 2;}
#contentsmain .text-Box {width: 86.5vw;position: absolute;left: 6.6vw;top: 89.9vw;color: #fff;z-index: 2;}
#contentsmain .text-Box h2 {font-size: 5.8vw;line-height: 1.5833;font-weight: 400;letter-spacing: 0;margin-bottom: 5vw;}
#contentsmain .text-Box p {font-size: 3.9vw;line-height: 1.6875;font-weight: 400;letter-spacing: 0;}

#contents01 {padding: 21.7vw 0 20.5vw;background: #fff;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 > .inner-Box > h2 {width: 100%;font-size: 6.3vw;line-height: 1.45;font-weight: 600;letter-spacing: 0;color: #004080;text-align: center;margin-bottom: 9.9vw;}
#contents01 .top-Box {width: 100%;display: flex;flex-direction: column;margin-bottom: 14.5vw;}
#contents01 .top-Box .text-Box {width: 91.8vw;padding: 0;margin: 0 auto;order: 2;}
#contents01 .top-Box .text-Box h3 {font-size: 4.8vw;line-height: 1;font-weight: 400;color: #1a1a1a;margin-bottom: 9.7vw;margin-left: -2.5vw;}
#contents01 .top-Box .text-Box p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents01 .top-Box .text-Box p span{display: block;margin-top: 6.4vw;}
#contents01 .top-Box figure {width: 91.8vw;height: 50.7vw;margin: 0 auto 14.5vw;order: 1;}
#contents01 .top-Box figure picture,#contents01 .top-Box figure img {display: block;width: 100%;height: 100%;}
#contents01 .top-Box figure img {object-fit: cover;}
#contents01 ul {width: 100%;height: 122.0vw;display: block;position: relative;}
#contents01 ul li {width: 43.5vw;position: absolute;text-align: center;}
#contents01 ul li:nth-child(1) {left: 4.1vw;top: 0;}
#contents01 ul li:nth-child(2) {right: 4.1vw;top: 0;}
#contents01 ul li:nth-child(3) {width: 91.8vw;left: 4.1vw;top: 65.2vw;}
#contents01 ul li figure {width: 22.2vw;height: 20.8vw;margin: 0 auto 4.8vw;}
#contents01 ul li:nth-child(3) figure {width: 34.7vw;height: auto;}
#contents01 ul li figure picture,#contents01 ul li figure img {display: block;width: 100%;height: 100%;}
#contents01 ul li h3 {font-size: 4.3vw;line-height: 1.4;font-weight: 400;color: #505050;margin-bottom: 2.4vw;}
#contents01 ul li p {font-size: 3.6vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.02em;color: #505050;}
#contents01 ul li.full-order h3 {font-weight: 700;color: #004080;}
#contents01 ul li.full-order p {color: #505050;}

#contents02 {height: auto;background: #123457;padding: 21.7vw 0 22.2vw;}
#contents02 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents02 h2 {font-size: 6.3vw;line-height: 1.4;font-weight: 600;letter-spacing: 0;color: #fff;text-align: center;margin-bottom: 9.8vw;}
#contents02 .contents-Box {width: 100%;display: flex;flex-direction: column;}
#contents02 .contents-Box figure {width: 91.8vw;height: 50.7vw;margin: 0 auto 14.5vw;}
#contents02 .contents-Box figure picture,#contents02 .contents-Box figure img {display: block;width: 100%;height: 100%;}
#contents02 .contents-Box figure img {object-fit: cover;}
#contents02 .contents-Box .text-Box {width: 91.8vw;padding: 0;margin: 0 auto;color: #fff;}
#contents02 .contents-Box .text-Box h3 {font-size: 4.8vw;line-height: 1;font-weight: 400;margin-bottom: 9.7vw;}
#contents02 .contents-Box .text-Box p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;padding-right: 1vw;margin-bottom: 0vw;}
#contents02 .contents-Box .text-Box p span{ display: block;margin-top: 6.4vw;}

#contents03 {padding: 21.7vw 0 20.5vw;background: #fff;}
#contents03 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents03 h2 {width: 100%;font-size: 6.3vw;line-height: 1.45;font-weight: 600;letter-spacing: 0;color: #004080;text-align: center;margin-bottom: 9.9vw;}
#contents03 .contents-Box {width: 100%;display: flex;flex-direction: column;}
#contents03 .contents-Box .text-Box {width: 91.8vw;padding: 0;margin: 0 auto;order: 2;}
#contents03 .contents-Box .text-Box h3 {font-size: 4.8vw;line-height: 1;font-weight: 400;color: #1a1a1a;margin-bottom: 9.7vw;}
#contents03 .contents-Box .text-Box p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents03 .contents-Box .text-Box p.point {font-weight: 500;color: #365a85;margin: 6.3vw 0;}
#contents03 .contents-Box figure {width: 91.8vw;height: 50.7vw;margin: 0 auto 14.5vw;order: 1;}
#contents03 .contents-Box figure picture,#contents03 .contents-Box figure img {display: block;width: 100%;height: 100%;}
#contents03 .contents-Box figure img {object-fit: cover;}

#contents04 {background: #f1f1f1;padding: 12.1vw 0 0.5vw;}
#contents04 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents04 .ttl-Box {text-align: center;margin-bottom: 8.7vw;}
#contents04 .ttl-Box p {font-size: 3.9vw;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #004080;margin-bottom: 2.4vw;}
#contents04 .ttl-Box h2 {font-size: 6.3vw;line-height: 1.4;font-weight: 600;letter-spacing: 0;color: #004080;}
#contents04 p.lead {width: 91.8vw;font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;margin: 0 auto 11.1vw;}
#contents04 ul {width: 100%;display: block;margin: 0;}
#contents04 ul li {width: 100%;height: 29.0vw;position: relative;padding: 0;display: block;}
#contents04 ul li:nth-child(even) {background: #e9e9e9;}
#contents04 ul li:nth-child(odd) {background: #f1f1f1;}
#contents04 ul li .num {font-size: 3.9vw;line-height: 1;font-weight: 500;color: #1a1a1a;position: absolute;left: 3.9vw;top: 1.9vw;}
#contents04 ul li img {width: 13.2vw;height: 15.2vw;object-fit: contain;position: absolute;left: 12.9vw;top: 6.3vw;}
#contents04 ul li p {font-size: 4.8vw;line-height: 1.45;font-weight: 500;color: #1a1a1a;position: absolute;left: 30.9vw;top: 10.6vw;}

#contentsbottom {background: #f1f1f1;padding: 14.5vw 0 16.9vw;}
#contentsbottom .inner-Box {width: 91.8vw;height: 120.5vw;margin: 0 auto;background: #fff;position: relative;overflow: hidden;}
#contentsbottom .inner-Box > picture {display: block;width: 100%;height: 44.3vw;position: absolute;left: 0;top: 38.6vw;}
#contentsbottom .inner-Box > picture img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contentsbottom .text-Box {width: 100%;position: static;}
#contentsbottom .text-Box p.en {font-size: 9.7vw;line-height: 1.25;font-weight: 400;color: #004080;position: absolute;left: 5.1vw;top: 19.3vw;z-index: 2;}
#contentsbottom .text-Box h2 {width: 100%;font-size: 4.8vw;line-height: 1.6;font-weight: 500;color: #1a1a1a;text-align: center;position: absolute;left: 0;bottom: 18.6vw;z-index: 2;}


#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: 16.9vw -2.3vw 4.2vw;}
#contentsbottom ul li{margin: 0 0 7.5vw;}
#contentsbottom ul li:nth-child(3n){margin-right:0;}


}