@charset "UTF-8";

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

#contentsmain{margin: -97px auto 10px auto;position:relative;background:url('../images/company/contentsmain-back01.png') no-repeat top center #F6F6F6;}
#contentsmain .ttl-Box{margin:0 auto 70px;position:relative;width:1100px;padding:211px 0 0;height:610px;}
#contentsmain .ttl-Box h2.f-min{margin-bottom:0px;position:relative;color:#1A1A1A;font-size:36px;font-weight:400;line-height:1.528;letter-spacing:0.05em;}
#contentsmain .ttl-Box h2.f-min span{color:#004080;font-size:28px;font-weight:500;line-height:normal;letter-spacing:0.05em;display:block;margin-bottom:18px;}
#contentsmain .inner-Box{margin:0 auto;position:relative;width:1100px;padding-bottom:70px;}
#contentsmain .inner-Box h3{margin-bottom:44px;position:relative;color:#004080;font-size:32px;font-weight:400;line-height:normal;text-align:center;}
#contentsmain .inner-Box 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;}
#contentsmain .inner-Box ul li{position:relative;background:#fff;width:530px;margin-right:40px;margin-bottom:40px;padding:35px 35px 54px;}
#contentsmain .inner-Box ul li:nth-child(2n){margin-right:0px;}
#contentsmain .inner-Box span.notext{color:#004080;font-size:19.134px;font-weight:400;line-height:normal;background:url(../images/company/contentsmain-icon01.svg) no-repeat bottom right;display:block;width:40px;height:40px;position:relative;left:-8px;top:-10px;margin-bottom:-26px;}
#contentsmain .inner-Box h4{margin-bottom:28px;position:relative;color:#1A1A1A;font-size:35px;font-weight:400;line-height:normal;letter-spacing:0.05em;padding-left:23px;}
#contentsmain .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom:19px;}
#contentsmain .inner-Box figure.photo img{}
#contentsmain .inner-Box p.ltext{margin-bottom:0px;position:relative;color:#1A1A1A;font-size:16px;font-weight:400;line-height:1.875;letter-spacing:0.02em;}

#contents01 {padding: 84px 0 0;}
#contents01 .inner-Box {width: 1200px;margin: 0 auto;position: relative;}
#contents01 h2 {font-size: 32px;line-height: 1;color: #004080;text-align: center;font-weight: 400;margin-bottom: 58px;}
#contents01 table {width: 1200px;margin: 0 auto;border-collapse: collapse;border-top: #8f959c 1px solid;color: #202120;}
#contents01 table tr {border-bottom: #8f959c 1px solid;}
#contents01 table th {width: 245px;padding: 29px 0 29px 80px;font-size: 18px;line-height: 2;letter-spacing: 0.04em;font-weight: 500;text-align: left;vertical-align: middle;}
#contents01 table td {padding: 29px 80px 29px 0;font-size: 18px;line-height: 2;letter-spacing: 0.04em;font-weight: 400;vertical-align: middle;}
#contents01 table td p {line-height: 1.6667;}
#contents01 table .sdgs img {display: block;width: 226px;height: auto;}
#contents01 table .map img {display: block;width: 419px;height: auto;}


#contents02 {padding: 84px 0 11px;}
#contents02 .inner-Box {width: 1030px;margin: 0 auto;position: relative;}
#contents02 h2 {font-size: 32px;line-height: 1;color: #004080;text-align: center;font-weight: 400;margin-bottom: 51px;}
#contents02 ul {display: flex;}
#contents02 ul li {width: 460px;margin-right: 110px;}
#contents02 ul li:last-child {margin-right: 0;}
#contents02 ul li iframe {display: block;width: 100%;height: 270px;margin-bottom: 21px;}
#contents02 ul li h3 {font-size: 22px;line-height: 1.5;letter-spacing: 0.05em;font-weight: 500;padding-bottom: 7px;margin-bottom: 12px;border-bottom: #8f959c 1px solid;color: #1a1a1a;}
#contents02 ul li > p {font-size: 16px;line-height: 1.875;letter-spacing: 0.02em;color: #1a1a1a;}

#contentsbanner {padding: 84px 0 140px;}
#contentsbanner .inner-Box {width: 1200px;margin: 0 auto;position: relative;}
#contentsbanner h2 {font-size: 32px;line-height: 1;color: #004080;text-align: center;font-weight: 400;margin-bottom: 58px;}
#contentsbanner 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;}
#contentsbanner ul li{ margin:0 30px 30px 0; }
#contentsbanner 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{margin: -9.9vw auto 2.4vw auto;position:relative;background: url('../images/company/sp-contentsmain-back01.png') no-repeat top right #F6F6F6;background-size: 85.8vw auto;}
#contentsmain .ttl-Box{margin:0 auto 16.9vw;position:relative;padding: 57.6vw 0 0 6.8vw;height: 84.3vw;}
#contentsmain .ttl-Box h2.f-min{margin-bottom:0;position:relative;color:#1A1A1A;font-weight:400;font-size: 6.3vw;line-height:normal;padding-right: 10vw;}
#contentsmain .ttl-Box h2.f-min span{color:#004080;font-weight:500;display:block;margin-bottom: 2.2vw;font-size: 5.6vw;line-height:normal;}
#contentsmain .inner-Box{margin:0 auto;position:relative;padding-bottom: 1.9vw;}
#contentsmain .inner-Box h3{margin-bottom: 4vw;position:relative;color:#004080;font-weight:400;font-size: 6.3vw;line-height:normal;text-align: center;}
#contentsmain .inner-Box ul{
    margin: 0 4vw;
}
#contentsmain .inner-Box ul li{position:relative;background:#fff;margin-bottom: 4.7vw;padding: 6vw 5vw 7vw;}
#contentsmain .inner-Box ul li:nth-child(2n){margin-right:0;}
#contentsmain .inner-Box span.notext{color:#004080;font-weight:400;background:url(../images/company/contentsmain-icon01.svg) no-repeat bottom right;display:block;width: 9.7vw;height:9.7vw;position:relative;left: 0vw;top:-2.4vw;margin-bottom:-6.3vw;font-size: 4.6vw;line-height:normal;background-size: 8.5vw auto;}
#contentsmain .inner-Box h4{margin-bottom: 3.3vw;position:relative;color:#1A1A1A;font-weight:400;padding-left: 7.6vw;font-size: 6.3vw;line-height:normal;}
#contentsmain .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 3.6vw;}
#contentsmain .inner-Box figure.photo img{}
#contentsmain .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1A1A1A;font-weight:400;font-size: 3.6vw;line-height:1.733;letter-spacing:0.02em;}

#contents01 {padding: 14.6vw 0 0;}
#contents01 .inner-Box {position: relative;}
#contents01 h2 {font-size: 6.3vw;line-height: 1;color: #004080;text-align: center;font-weight: 400;margin-bottom: 4.3vw;}
#contents01 table {width: 91.8vw;margin: 0 auto;border-collapse: collapse;border-top: #8f959c 1px solid;color: #1a1a1a;}
#contents01 table tr {display: block;border-bottom: #8f959c 1px solid;padding: 4.8vw 2.5vw 3.8vw 2.5vw;}
#contents01 table th {display: block;width: 100%;padding: 0;margin-bottom: 2.4vw;font-size: 4.3vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents01 table td {display: block;width: 100%;padding: 0;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 500;}
#contents01 table td p {line-height: 1.6;}
#contents01 table .sdgs img {display: block;width: 38.9vw;height: auto;}
#contents01 table .map img {display: block;width: 87vw;height: auto;margin-top: 4.8vw;}

#contents02 {padding: 13.2vw 0 0;}
#contents02 .inner-Box {position: relative;}
#contents02 h2 {font-size: 6.3vw;line-height: 1;color: #004080;text-align: center;font-weight: 400;margin-bottom: 5.6vw;}
#contents02 ul {width: 87vw;margin: 0 auto;}
#contents02 ul li {width: 100%;margin-bottom: 5.1vw;}
#contents02 ul li:last-child {margin-bottom: 0;}
#contents02 ul li iframe{display: block;width: 100%;height: 52vw;}
#contents02 ul li h3 {font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 500;padding-bottom: 1.6vw;margin-bottom: 1.2vw;border-bottom: #8f959c 1px solid;color: #1a1a1a;padding-top: 2.4vw;}
#contents02 ul li > p {font-size: 3.6vw;line-height: 2;letter-spacing: 0.02em;color: #1a1a1a;}


#contentsbanner{padding: 15.7vw 0 9.3vw;}
#contentsbanner .inner-Box{margin:0 auto;position:relative;}
#contentsbanner h2{color:#004080;font-weight:400;margin-bottom: 4.7vw;font-size: 6.3vw;line-height:normal;text-align: center;}
#contentsbanner 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: 0 4vw;}
#contentsbanner ul li{margin: 0 0 5vw;}
#contentsbanner ul li:nth-child(3n){margin-right:0;}

}