@charset "UTF-8";

@media screen and (min-width: 768px),print {


.seo_bread_list{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#contentsmain {height: 735px;background: url('../images/design/contentsmain-back01.png') no-repeat center top;position: relative;margin: -95px 0 0;}
#contentsmain .inner-Box {max-width: 1260px;height: 100%;margin: 0 auto;position: relative;}
#contentsmain .main-text {width: 669px;position: absolute;left: 625px;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: 25px;}
#contentsmain .main-text p.text {font-size: 18px;line-height: 2;font-weight: 500;letter-spacing: 0.05em;}

#contents01 {padding: 98px 0 130px;background: #fff;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;min-height: 784px;}
#contents01 .text-Box {width: 516px;padding-top: 102px;}
#contents01 .text-Box p.en {font-size: 14px;line-height: 1;font-weight: 400;color: #004080;margin: 0 0 27px 80px;position: relative;}
#contents01 .text-Box p.en:before {content: "";width: 69px;height: 1px;background: #004080;position: absolute;left: -80px;top: 7px;}
#contents01 .text-Box h2 {font-size: 44px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-bottom: 26px;margin-right: -110px;}
#contents01 .text-Box h3 {font-size: 23px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-bottom: 60px;}
#contents01 .text-Box .text p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 30px;}
#contents01 .text-Box .text p:last-child {margin-bottom: 0;}
#contents01 figure {width: 573px;height: 784px;position: absolute;right: -90px;top: 0;}
#contents01 figure picture {display: block;width: 100%;height: 100%;}
#contents01 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}

#contents02 {height: 1562px;background: url('../images/design/contents02-back01.png') no-repeat center top;background-size: cover;color: #fff;position: relative;}
#contents02 .inner-Box {width: 1200px;height: 100%;margin: 0 auto;position: relative;padding-top: 112px;}
#contents02 .ttl-Box {text-align: center;position: relative;}
#contents02 .ttl-Box p.en {font-size: 14px;line-height: 1;font-weight: 400;margin-bottom: 37px;}
#contents02 .ttl-Box p.en:after {content: "";display: block;width: 19px;height: 1px;background: #fff;margin: 17px auto 0;}
#contents02 .ttl-Box h2 {font-size: 44px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 53px;}
#contents02 .ttl-Box h3 {font-size: 23px;line-height: 1.5;font-weight: 500;}
#contents02 figure.img {width: 991px;height: 397px;margin: 190px auto 75px;position: relative;left: 10px;}
#contents02 figure.img picture {display: block;width: 100%;height: 100%;}
#contents02 figure.img img {display: block;width: 100%;height: 100%;object-fit: contain;}
#contents02 .lead {width: 926px;margin: 0 auto 70px;position: absolute;top: 362px;left: 50%;transform: translateX(-50%);}
#contents02 .lead p.text {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;text-align: center;}
#contents02 ul {display: flex;margin: 0 auto;width: 1200px;}
#contents02 ul li {width: 380px;min-height: 392px;background: #081d34;margin-right: 30px;padding: 46px 30px 30px;text-align: center;}
#contents02 ul li:last-child {margin-right: 0;}
#contents02 ul li span.icon {display: block;height: 50px;margin: 0 auto 16px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
#contents02 ul li span.icon01 {width: 50px;background-image: url('../images/design/contents02-icon01.svg');}
#contents02 ul li span.icon02 {width: 54px;background-image: url('../images/design/contents02-icon02.svg');}
#contents02 ul li span.icon03 {width: 60px;background-image: url('../images/design/contents02-icon03.svg');}
#contents02 ul li p.en {font-size: 28px;line-height: 1;font-weight: 400;margin-bottom: 20px;}
#contents02 ul li p.ltext {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;text-align: left;}

#contents03 {padding: 160px 0 81px;background: #fff;}
#contents03 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents03 .ttl-Box {width: 530px;margin-left: auto;padding-top: 8px;}
#contents03 .ttl-Box p.en {font-size: 14px;line-height: 1;font-weight: 400;color: #004080;margin: 0 0 27px 80px;position: relative;}
#contents03 .ttl-Box p.en:before {content: "";width: 69px;height: 1px;background: #004080;position: absolute;left: -80px;top: 7px;}
#contents03 .ttl-Box h2 {font-size: 44px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-bottom: 28px;margin-right: -90px;}
#contents03 .ttl-Box h3 {font-size: 23px;line-height: 1.5;font-weight: 500;color: #1a1a1a;}
#contents03 figure.photo01 {width: 520px;height: 320px;position: absolute;left: 0;top: 0;}
#contents03 figure.photo01 picture,#contents03 figure.photo02 picture {display: block;width: 100%;height: 100%;}
#contents03 figure.photo01 img,#contents03 figure.photo02 img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 .text-Box {width: 590px;margin: 60px 0 0 auto;position: relative;left: 60px;}
#contents03 .text-Box p.text {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 25px;}
#contents03 .text-Box p.mtext {font-size: 18px;line-height: 2;font-weight: 500;letter-spacing: 0.02em;color: #004080;margin-bottom: 34px;}
#contents03 figure.photo02 {width: 520px;height: 320px;position: absolute;left: 0;top: 330px;}
#contents03 p.bottom-text {width: 762px;font-size: 18px;line-height: 2.1111;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;text-align: center;margin: 141px auto 0;}

#contentsbottom {background: #fff;}
#contentsbottom .inner-Box {width: 1200px;height: 402px;margin: 0 auto;background: url('../images/design/contentsbottom-back01.png') no-repeat center center;background-size: cover;position: relative;}
#contentsbottom .text-Box {position: absolute;left: 78px;top: 102px;color: #fff;}
#contentsbottom .text-Box h2 {font-size: 30px;line-height: 1.6;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 10px;}
#contentsbottom .text-Box p.en {font-size: 13px;line-height: 1.5385;font-weight: 400;}

#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: 132.1vw;background: url('../images/design/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: 83.6vw;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: 4.2vw;}
#contentsmain .main-text p.text {width: 78.3vw;font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0;}

#contents01 {padding: 14.5vw 0 0;background: #fff;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 .text-Box {width: 87.0vw;margin: 0 auto;}
#contents01 .text-Box p.en {font-size: 2.9vw;line-height: 1;font-weight: 400;color: #004080;margin: 0 0 5.8vw 14.5vw;position: relative;}
#contents01 .text-Box p.en:before {content: "";width: 11.8vw;height: 0.2vw;background: #004080;position: absolute;left: -14.5vw;top: 1.9vw;}
#contents01 .text-Box h2 {font-size: 6.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;margin-bottom: 2.1vw;margin-right: -11vw;}
#contents01 .text-Box h3 {font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0;color: #1a1a1a;margin-bottom: 2.5vw;}
#contents01 .text-Box .text p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 6.3vw;}
#contents01 .text-Box .text p:last-child {margin-bottom: 0;}
#contents01 figure {width: 100%;height: 136.2vw;position: relative;margin-top: 15vw;}
#contents01 figure picture {display: block;width: 100%;height: 100%;}
#contents01 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}

#contents02 {background: url('../images/design/contents02-back01.png') no-repeat center top;background-size: auto 100%;color: #fff;padding: 13vw 0 18.1vw;position: relative;}
#contents02 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents02 .ttl-Box {width: 87.0vw;margin: 0 auto;text-align: center;}
#contents02 .ttl-Box p.en {font-size: 2.9vw;line-height: 1;font-weight: 400;margin-bottom: 4.2vw;}
#contents02 .ttl-Box p.en:after {content: "";display: block;width: 4.6vw;height: 0.2vw;background: #fff;margin: 2.4vw auto 0;}
#contents02 .ttl-Box h2 {font-size: 6.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;margin-bottom: 1.9vw;}
#contents02 .ttl-Box h3 {font-size: 3.9vw;line-height: 2;font-weight: 500;}
#contents02 figure.img {width: 84.8vw;height: 141.1vw;margin: 7.2vw auto 9.8vw;}
#contents02 figure.img picture {display: block;width: 100%;height: 100%;}
#contents02 figure.img img {display: block;width: 100%;height: 100%;object-fit: contain;}
#contents02 .lead {width: 86.7vw;margin: 0 auto 12vw;}
#contents02 .lead p.text {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;text-align: left;}
#contents02 ul {width: 87.0vw;margin: 0 auto;display: block;}
#contents02 ul li {width: 100%;background: #081d34;margin-bottom: 4.8vw;padding: 6.7vw 9.8vw 9.8vw;text-align: center;}
#contents02 ul li:last-child {margin-bottom: 0;}
#contents02 ul li span.icon {display: inline-block;height: 11.1vw;margin: 0 1.9vw 0 -10vw;background-repeat: no-repeat;background-position: center center;background-size: contain;vertical-align: middle;position: relative;top: -1.6vw;}
#contents02 ul li span.icon01 {width: 11.1vw;background-image: url('../images/design/contents02-icon01.svg');}
#contents02 ul li span.icon02 {width: 11.5vw;background-image: url('../images/design/contents02-icon02.svg');}
#contents02 ul li span.icon03 {width: 12.3vw;background-image: url('../images/design/contents02-icon03.svg');top: -3.2vw;left: 4.9vw;}
#contents02 ul li p.en {display: inline-block;font-size: 5.3vw;line-height: 1;font-weight: 400;vertical-align: middle;margin: 0;}
#contents02 ul li p.ltext {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;text-align: left;margin-top: 1.9vw;}

#contents03 {padding: 14.5vw 0 14.7vw;background: #fff;}
#contents03 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents03 .ttl-Box {width: 87.0vw;margin: 0 auto;}
#contents03 .ttl-Box p.en {font-size: 2.9vw;line-height: 1;font-weight: 400;color: #004080;margin: 0 0 5.8vw 14.5vw;position: relative;}
#contents03 .ttl-Box p.en:before {content: "";width: 11.8vw;height: 0.2vw;background: #004080;position: absolute;left: -14.5vw;top: 1.9vw;}
#contents03 .ttl-Box h2 {font-size: 6.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;margin-bottom: 1.7vw;margin-right: -2vw;}
#contents03 .ttl-Box h3 {font-size: 3.9vw;line-height: 2;font-weight: 500;color: #1a1a1a;margin-bottom: 3.9vw;}
#contents03 figure.photo01 {width: 87.0vw;height: 50.7vw;position: relative;margin: 0 auto 4.8vw;}
#contents03 figure.photo01 picture,#contents03 figure.photo02 picture {display: block;width: 100%;height: 100%;}
#contents03 figure.photo01 img,#contents03 figure.photo02 img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 .text-Box {width: 87.0vw;margin: 0 auto;}
#contents03 .text-Box p.text {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 4.5vw;}
#contents03 .text-Box p.mtext {font-size: 4.1vw;line-height: 1.6471;font-weight: 400;letter-spacing: 0.02em;color: #004080;margin-bottom: 5.8vw;}
#contents03 figure.photo02 {width: 87.0vw;height: 50.7vw;position: relative;margin: 0 auto 12.1vw;}
#contents03 p.bottom-text {width: 87.0vw;font-size: 4.3vw;line-height: 1.7778;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;text-align: left;margin: 0 auto;}

#contentsbottom {background: #fff;}
#contentsbottom .inner-Box {width: 100%;height: 121.3vw;margin: 0;background: url('../images/design/sp-contentsbottom-back01.png') no-repeat center top;background-size: 100% auto;position: relative;}
#contentsbottom .text-Box {width: 100%;position: absolute;left: 0;top: 66.7vw;color: #fff;text-align: center;}
#contentsbottom .text-Box h2 {font-size: 7.2vw;line-height: 1.4;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 4.8vw;}
#contentsbottom .text-Box p.en {font-size: 3.1vw;line-height: 1.5385;font-weight: 400;}



#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;}
}