@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: 700px;background: url('../images/concept/contentsmain-back01.png') no-repeat top center;background-size: cover;position: relative;margin: -96px 0 0;}
#contentsmain .inner-Box {width: 1098px;height: 100%;margin: 0 auto;position: relative;}
#contentsmain .text-Box {width: 462px;position: absolute;left: 26px;top: 168px;color: #fff;}
#contentsmain .text-Box h2 {font-size: 48px;line-height: 1.45;font-weight: 500;margin-bottom: 35px;}
#contentsmain .text-Box p {font-size: 18px;line-height: 2.5556;font-weight: 400;letter-spacing: 0.05em;}
#contentsmain .text-Box p.lead {font-size: 24px;line-height: 1.9167;font-weight: 400;letter-spacing: 0.05em;margin-top: 5px;}

#contents01 {padding: 119px 0 170px;background: #fff;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .ttl-Box {text-align: center;margin-bottom: 92px;}
#contents01 .ttl-Box h2 {font-size: 36px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #004080;margin-bottom: 24px;}
#contents01 .ttl-Box > p {font-size: 18px;line-height: 2;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;}
#contents01 .contents-Box {display: flex;justify-content: space-between;align-items: flex-start;position: relative;}
#contents01 .contents-Box + .contents-Box {margin-top: 90px;}
#contents01 .contents-Box figure {width: 500px;height: 340px;}
#contents01 .contents-Box figure picture,#contents01 .contents-Box figure img {display: block;width: 100%;height: 100%;}
#contents01 .contents-Box figure img {object-fit: cover;}
#contents01 .contents-Box .text-Box {width: 518px;padding-top: 0;}
#contents01 .contents-Box .num-Box {height: 54px;display: flex;align-items: center;gap: 17px;color: #c7d6e5;position: relative;margin-bottom: 10px;}
#contents01 .contents-Box .num-Box:after {content: "";width: 46px;height: 1px;background: #c7d6e5;position: absolute;left: 1px;top: 18px;transform: rotate(-43deg);transform-origin: center;}
#contents01 .contents-Box .num-Box .num {font-size: 19px;line-height: 1;font-weight: 400;top: -16px;position: relative;}
#contents01 .contents-Box .num-Box .en {font-size: 28px;line-height: 1;font-weight: 400;}
#contents01 .contents-Box h3 {font-size: 30px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #004080;margin-bottom: 22px;}
#contents01 .contents-Box .text-Box > p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents01 .contents-Box01 .text-Box,#contents01 .contents-Box03 .text-Box {padding-top: 0;position: relative;left: -10px;}
#contents01 .contents-Box02 {padding-left: 0;}
#contents01 .contents-Box02 .text-Box {order: 1;}
#contents01 .contents-Box02 figure {order: 2;}

#contents02 {min-height: 1547px;background: url('../images/concept/contents02-back01.png') no-repeat top center #081d34;background-size: 1920px auto;padding: 189px 0 120px;position: relative;}
#contents02 .inner-Box {width: 1200px;margin: 0 auto;position: relative;}
#contents02 .ttl-Box {text-align: center;color: #fff;margin-bottom: 84px;}
#contents02 .ttl-Box h2 {font-size: 36px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 197px;}
#contents02 .ttl-Box p {font-size: 30px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 17px;}
#contents02 .ttl-Box h3 {font-size: 40px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;padding-bottom: 25px;position: relative;}
#contents02 .ttl-Box h3:after {content: "";width: 378px;height: 1px;background: rgba(255,255,255,0.6);position: absolute;left: 50%;bottom: 18px;transform: translateX(-50%);}
#contents02 .contents-Box {width: 1100px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;}
#contents02 .contents-Box + .contents-Box {margin-top: 100px;}
#contents02 .contents-Box .text-Box {width: 550px;color: #fff;}
#contents02 .contents-Box .text-Box p {font-size: 18px;line-height: 2.5556;font-weight: 400;letter-spacing: 0.05em;}
#contents02 .contents-Box figure {width: 530px;height: 300px;position: relative;right: -50px;}
#contents02 .contents-Box figure picture,#contents02 .contents-Box figure img {display: block;width: 100%;height: 100%;position: relative;}
#contents02 .contents-Box figure img {object-fit: cover;}
#contents02 .contents-Box01 .text-Box {padding-top: 0;}
#contents02 .contents-Box02 .text-Box {padding-top: 0;}
#contents02 .contents-Box02 figure{
    left: -50px;
}

#contents03 {height: 932px;background: #fff;position: relative;}
#contents03 .inner-Box {width: 1100px;height: 100%;margin: 0 auto;position: relative;}
#contents03 .text-Box {width: 550px;position: absolute;left: 0;top: 130px;color: #1a1a1a;}
#contents03 .text-Box h2 {font-size: 48px;line-height: 1.45;font-weight: 400;letter-spacing: 0.05em;margin-bottom: 36px;}
#contents03 .text-Box p {font-size: 18px;line-height: 2.1111;font-weight: 400;letter-spacing: 0.05em;}
#contents03 .text-Box p.intro {margin-bottom: 33px;}
#contents03 .text-Box ul {padding: 30px 0 26px;margin-bottom: 24px;background: url(../images/concept/contents03-line.svg)no-repeat left top,url(../images/concept/contents03-line.svg)no-repeat left bottom;}
#contents03 .text-Box ul li {font-size: 18px;line-height: 2.1111;font-weight: 500;letter-spacing: 0.05em;padding-left: 29px;position: relative;}
#contents03 .text-Box ul li:before {content: "";width: 19px;height: 19px;background: url('../images/concept/contents03-ch.svg') no-repeat center center;background-size: contain;position: absolute;left: 2px;top: 9px;}
#contents03 .text-Box p.last {margin-top: 22px;}
#contents03 .text-Box p.last strong {font-size: 28px;line-height: 1.3571;font-weight: 400;color: #004080;}
#contents03 .photo-Box {position: absolute;}
#contents03 .photo-Box img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 .photo-Box01 {width: 450px;height: 335px;right: 78px;top: 218px;}
#contents03 .photo-Box02 {width: 325px;height: 220px;right: -30px;top: 572px;}

#contents04 {height: 468px;background: url('../images/concept/contents04-back01.png') no-repeat center center;position: relative;}
#contents04:before {content: "";position: absolute;inset: 0;}
#contents04 .inner-Box {width: 1200px;height: 100%;margin: 0 auto;position: relative;z-index: 1;}
#contents04 h2 {font-size: 36px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #fff;text-align: center;position: absolute;width: 100%;left: 0;top: 212px;}
#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: 134vw;background: url('../images/concept/sp-contentsmain-back01.png') no-repeat top center;background-size: cover;position: relative;margin-top: -10vw;}
#contentsmain .inner-Box {width: 100%;height: 100%;margin: 0;position: relative;}
#contentsmain .text-Box {width: 73.7vw;position: absolute;left: 13.5vw;top: 52.3vw;color: #fff;}
#contentsmain .text-Box h2 {font-size: 8.5vw;line-height: 1.4;font-weight: 500;text-align: center;margin-bottom: 5.9vw;}
#contentsmain .text-Box p {font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;text-align: left;margin-right: -0.8vw;margin-bottom: 1.6vw;}
#contentsmain .text-Box p.lead {font-size: 4.8vw;line-height: 1.6;font-weight: 400;text-align: center;margin-top: 0;}

#contents01 {padding: 15.2vw 0 15vw;background: #fff;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 .ttl-Box {width: 87.0vw;margin: 0 auto 3.2vw;text-align: left;}
#contents01 .ttl-Box h2 {font-size: 6.3vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #004080;text-align: center;margin-bottom: 4.7vw;}
#contents01 .ttl-Box > p {font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;color: #1a1a1a;}
#contents01 .contents-Box {width: 87.0vw;margin: 0 auto;display: flex;flex-direction: column;position: relative;}
#contents01 .contents-Box + .contents-Box {margin-top: 9.1vw;}
#contents01 .contents-Box figure {width: 87.0vw;height: 48.3vw;order: 2;position: absolute;top: 27.4vw;}
#contents01 .contents-Box figure picture,#contents01 .contents-Box figure img {display: block;width: 100%;height: 100%;}
#contents01 .contents-Box figure img {object-fit: cover;}
#contents01 .contents-Box .text-Box {width: 100%;padding: 0;order: 1;}
#contents01 .contents-Box .num-Box {height: 12.8vw;display: flex;align-items: center;gap: 4.1vw;color: #c7d6e5;position: relative;margin-bottom: 3vw;}
#contents01 .contents-Box .num-Box:after {content: "";width: 11.1vw;height: 1px;background: #c7d6e5;position: absolute;left: 1.7vw;top: 6.8vw;transform: rotate(-43deg);transform-origin: center;}
#contents01 .contents-Box .num-Box .num {font-size: 4.6vw;line-height: 1;font-weight: 400;}
#contents01 .contents-Box .num-Box .en {font-size: 6.7vw;line-height: 1;font-weight: 400;padding: 8vw 0 0;}
#contents01 .contents-Box h3 {font-size: 5.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #004080;margin-bottom: 53.6vw;}
#contents01 .contents-Box .text-Box > p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;order: 3;margin-top: 2.4vw;}
#contents01 .contents-Box01 figure,#contents01 .contents-Box02 figure,#contents01 .contents-Box03 figure {margin-top: 0;}
#contents01 .contents-Box02 .text-Box {order: 1;}
#contents01 .contents-Box02 figure {order: 2;}

#contents02 {background: url('../images/concept/sp-contents02-back01.png') no-repeat top center #081d34;background-size: 100% auto;padding: 18.8vw 0 19.2vw;position: relative;}
#contents02 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents02 .ttl-Box {width: 97vw;margin: 0 auto 14.5vw;text-align: center;color: #fff;}
#contents02 .ttl-Box h2 {font-size: 6.3vw;line-height: 1.45;font-weight: 500;letter-spacing: 0;margin-bottom: 7.4vw;}
#contents02 .ttl-Box p {font-size: 4.3vw;line-height: 1.4444;font-weight: 500;letter-spacing: 0;margin-bottom: 7vw;}
#contents02 .ttl-Box h3 {font-size: 6.3vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;padding-bottom: 1.8vw;position: relative;}
#contents02 .ttl-Box h3:after {content: "";width: 55.6vw;height: 1px;background: rgba(255,255,255,0.6);position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
#contents02 .contents-Box {width: 87.0vw;margin: 0 auto;display: flex;flex-direction: column;}
#contents02 .contents-Box + .contents-Box {margin-top: 14.2vw;}
#contents02 .contents-Box .text-Box {width: 100%;color: #fff;order: 2;}
#contents02 .contents-Box .text-Box p {font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;}
#contents02 .contents-Box figure {width: 87.0vw;height: 49.3vw;margin-bottom: 2.4vw;order: 1;}
#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-Box01 .text-Box {padding: 0;}
#contents02 .contents-Box02 .text-Box {padding: 0;}

#contents03 {padding: 15.1vw 0 14.5vw;background: #fff;position: relative;}
#contents03 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents03 .text-Box {width: 87.0vw;margin: 0 auto;color: #1a1a1a;}
#contents03 .text-Box h2 {font-size: 8.5vw;line-height: 1.4;font-weight: 400;letter-spacing: 0;text-align: center;margin-bottom: 5.3vw;}
#contents03 .text-Box p {font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;}
#contents03 .text-Box p.intro {margin-bottom: 9.3vw;margin-right: -3vw;}
#contents03 .text-Box ul {background: url(../images/concept/contents03-line.svg)no-repeat left top,url(../images/concept/contents03-line.svg)no-repeat left bottom;padding: 3.1vw 0 4.1vw 0;margin-bottom: 8.2vw;background-size: 5vw auto;}
#contents03 .text-Box ul li {font-size: 3.9vw;line-height: 2.0625;font-weight: 500;letter-spacing: 0.05em;padding-left: 8.0vw;position: relative;}
#contents03 .text-Box ul li:before {content: "";width: 4.6vw;height: 4.6vw;background: url('../images/concept/contents03-ch.svg') no-repeat center center;background-size: contain;position: absolute;left: 0;top: 1.7vw;}
#contents03 .text-Box .photo-Box {width: 87.0vw;height: 48.3vw;margin: 0 auto 4.8vw;}
#contents03 .text-Box .photo-Box img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 .text-Box p.last {margin-top: 2.3vw;margin-bottom: -2.2vw;}
#contents03 .text-Box p.last strong {font-size: 5.3vw;line-height: 1.4545;font-weight: 400;color: #004080;}
#contents03 .photo-Box02 {width: 72.9vw;height: 48.3vw;margin: 7.2vw 0 0 auto;position: relative;}
#contents03 .photo-Box02 picture,#contents03 .photo-Box02 img {display: block;width: 100%;height: 100%;}
#contents03 .photo-Box02 img {object-fit: cover;}

#contents04 {height: 79.7vw;background: url('../images/concept/sp-contents04-back01.png') no-repeat center center;background-size: cover;position: relative;}
#contents04:before {position: absolute;inset: 0;background: rgba(8,29,52,0.4);}
#contents04 .inner-Box {width: 100%;height: 100%;margin: 0;position: relative;z-index: 1;}
#contents04 h2 {width: 100%;font-size: 6.3vw;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #fff;text-align: center;position: absolute;left: 0;top: 29.5vw;padding: 0 4.8vw;}


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

}