@charset "UTF-8";
/*

CSS page.css */






/*//////////////////


#index


//////////////////*/

#index #article_index{  z-index: 10; position: relative; }
#index #swrap_1{  }
#index #swrap_1 .secwrapmainbox{ display: flex; flex-direction: row; padding-right: 20px; }
#index #swrap_1 .secwrapmainbox .section{ margin-bottom: 0; }
#index #swrap_1 .secwrapmainbox #sec_1{ width: 53%; flex-shrink: 0; }
#index #swrap_1 .secwrapmainbox #sec_1 .img{ height: calc(100% - 120px); }
#index #swrap_1 .secwrapmainbox #sec_1 .img>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#index #swrap_1 .secwrapmainbox #sec_2{ padding: 170px 9% 120px; }
#index #swrap_1 .secwrapmainbox #sec_2 .txt{ line-height: 2.3; }
@media screen and (max-width: 1200px) {
	#index #swrap_1 .secwrapmainbox{ display: block; padding-right: 0; padding-bottom: 360px; position: relative; }
	#index #swrap_1 .secwrapmainbox #sec_1{ width: 100%; flex-shrink: 0; }
	#index #swrap_1 .secwrapmainbox #sec_1 .img{ height: 360px; position: absolute; bottom: 0; left: 0; right: 0; }
	#index #swrap_1 .secwrapmainbox #sec_2{ padding: 110px 8% 100px; }
}
@media screen and (max-width: 1040px) {
	#index #swrap_1 .secwrapmainbox #sec_2{ padding: 55px 8% 50px; }
	#index #swrap_1 .secwrapmainbox #sec_2 .txt{ line-height: 2.1; }
}
@media screen and (max-width: 767px) {
	#index #swrap_1 .secwrapmainbox{ padding-bottom: 300px; }
	#index #swrap_1 .secwrapmainbox #sec_1 .img{ height: 300px; }
}
@media screen and (max-width: 479px){
}


#index #swrap_1 .secwrapsubbox1 #sec_3{ background: #f2f2f2; }
#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt{  }
#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap{ padding: 75px 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }
#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .title{  }
#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .title>img{ width: 258px; }
#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .txt{ padding-left: 50px; margin-left: 60px; position: relative; font-size: 2rem; font-weight: 600; }
#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .txt:before{ content: ""; background: #191919; height: calc(100% - 20px); position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; width: 1px; }
@media screen and (max-width: 1040px) {
	#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap{ padding: 50px 0 48px; display: block; }
	#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .title{ text-align: center; margin-bottom: 30px; }
	#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .title>img{ max-width: 160px; width: 100%; }
	#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .txt{ padding-left: 0; margin-left: 0; font-size: 1.6rem; text-align: center; }
	#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .txt:before{ content: none; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px){
	#index #swrap_1 .secwrapsubbox1 #sec_3 .incnt>.inwrap .txt{ text-align: left; font-size: 1.5rem }
}



#index #swrap_2{ position: relative; }
#index #swrap_2 .bg1{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; z-index: -1; }
#index #swrap_2 #sec_4{  }
#index #swrap_2 #sec_4 .txtbox{  }
#index #swrap_2 #sec_4 .topbox{ margin-bottom: 50px; }
#index #swrap_2 #sec_4 .topbox .box1{ display: flex; flex-direction: row; }
#index #swrap_2 #sec_4 .topbox .box1 .copy{ margin-bottom: 0; flex-shrink: 0; margin-right: 40px; margin-top: -3px; }
#index #swrap_2 #sec_4 .topbox .box1 .txt{  }
#index #swrap_2 #sec_4 .listbox .incnt{ max-width: 1320px; }
#index #swrap_2 #sec_4 .list{ display: flex; flex-direction: row; }
#index #swrap_2 #sec_4 .list>li{ width: 33.33%; display: flex; }
#index #swrap_2 #sec_4 .list>li>.inwrap{ background: #f7f7f7; display: flex; flex-direction: column; width: 100%; }
#index #swrap_2 #sec_4 .list>li>.inwrap .img{  }
#index #swrap_2 #sec_4 .list>li>.inwrap .img img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 300px; }
#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox{ padding: 45px 12% 35px; box-sizing: border-box; height: calc(100% - 300px); display: flex; align-items: center; justify-content: center; flex-direction: column; }
#index #swrap_2 #sec_4 .list>li:nth-child(even)>.inwrap .txtbox{ background: #ebf2f8; width: 100%; }
#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox p{ width: 100%; }
#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox .bottomlink{ margin-top: auto; padding-top: 25px; width: 100%; }
#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox .bottomlink>.btnlink{ max-width: 240px; }
@media screen and (max-width: 1200px) {
	#index #swrap_2 #sec_4 .topbox{ margin-bottom: 40px; }
	#index #swrap_2 #sec_4 .topbox .box1{ display: block; }
	#index #swrap_2 #sec_4 .topbox .box1 .copy{ margin-right: 0; margin-bottom: 20px; margin-top: 0; text-align: center; }
	#index #swrap_2 #sec_4 .list{ display: block; }
	#index #swrap_2 #sec_4 .list>li{ width: 100%; }
	#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox{ padding: 35px 8% 40px; text-align: center; }
	#index #swrap_2 #sec_4 .list>li:nth-child(even)>.inwrap .txtbox{ background: #fff; }
	#index #swrap_2 #sec_4 .list>li>.inwrap{ width: 100%; }
	#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox .bottomlink{ padding-top: 27px; }
}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#index #swrap_2 #sec_4 .list>li>.inwrap .img img{ height: 250px; }
	#index #swrap_2 #sec_4 .list>li>.inwrap .txtbox{ text-align: left; height: auto; }
}
@media screen and (max-width: 479px){
}




#index #swrap_3{  }
#index #swrap_3 #sec_5{ padding: 160px 0; }
#index #swrap_3 #sec_5>.inwrap{ display: flex; flex-direction: row; }
#index #swrap_3 #sec_5 .txtbox{ padding-top: 160px; padding-bottom: 150px; padding-left: 13% }
#index #swrap_3 #sec_5 .txtbox .bottomlink{ text-align: left; }
#index #swrap_3 #sec_5 .imgbox{ flex-shrink: 0; width: 50%; margin-left: 6%; }
#index #swrap_3 #sec_5 .imgbox .imglist{ position: relative; width: 100%; height: 100%; }
#index #swrap_3 #sec_5 .imgbox .imglist>li{ position: absolute;  }
#index #swrap_3 #sec_5 .imgbox .imglist>li img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#index #swrap_3 #sec_5 .imgbox .imglist>li:nth-child(1){ top: 0; left: 0; z-index: 1; width: 84%; height: 74%; }
#index #swrap_3 #sec_5 .imgbox .imglist>li:nth-child(2){ bottom: 0; right: 0; z-index: 2; width: 68%; height: 61%; }
@media screen and (max-width: 1400px) {
	#index #swrap_3 #sec_5 .txtbox{ padding-top: 100px; padding-bottom: 100px; padding-left: 10%; }
}
@media screen and (max-width: 1300px) {
	#index #swrap_3 #sec_5 .txtbox{ padding-left: 8%; }
}
@media screen and (max-width: 1200px) {
	#index #swrap_3 #sec_5{ padding: 0 0; }
	#index #swrap_3 #sec_5>.inwrap{ display: block; }
	#index #swrap_3 #sec_5 .txtbox{ padding-left: 8%; padding-right: 8%; display: flex; align-items: center; flex-direction: column; }
	#index #swrap_3 #sec_5 .txtbox .indexsectitle{ text-align: center; }
	#index #swrap_3 #sec_5 .txtbox .copy{ width: 100%; text-align: center; }
	#index #swrap_3 #sec_5 .txtbox .bottomlink{ text-align: center; width: 100%; }
	#index #swrap_3 #sec_5 .imgbox{  width: 100%; margin-left: 0; }
	#index #swrap_3 #sec_5 .imgbox .imglist{ height: 400px; display: flex; flex-direction: row; }
	#index #swrap_3 #sec_5 .imgbox .imglist>li{ position: relative;  }
	#index #swrap_3 #sec_5 .imgbox .imglist>li:nth-child(1),
	#index #swrap_3 #sec_5 .imgbox .imglist>li:nth-child(2){ width: 50%; height: 100%; }
}
@media screen and (max-width: 1040px) {
	#index #swrap_3 #sec_5 .txtbox{ padding-top: 55px; padding-bottom: 50px; }
	#index #swrap_3 #sec_5 .imgbox .imglist{ height: 300px; }
}
@media screen and (max-width: 767px) {
	#index #swrap_3 #sec_5 .imgbox .imglist{ display: block; height: auto; }
	#index #swrap_3 #sec_5 .imgbox .imglist>li:nth-child(1),
	#index #swrap_3 #sec_5 .imgbox .imglist>li:nth-child(2){ width: 100%; height: 250px; }
}
@media screen and (max-width: 479px){
}




#index #swrap_3{  }
#index #swrap_3 #sec_6{  }
#index #swrap_3 #sec_6 .incnt{ max-width: 1334px; }
#index #swrap_3 #sec_6 .inseclist{ display: flex; flex-direction: row; margin-left: -40px; }
#index #swrap_3 #sec_6 .inseclist>li{ margin-left: 40px; width: calc(50% - 40px); display: flex; }
#index #swrap_3 #sec_6 .inseclist>li>.inwrap{ padding: 100px 12%; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; justify-content: center; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(1)>.inwrap{ background: #f7f7f7; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(1) .indexsectitle{ margin-bottom: 40px; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(1) .bottomlink{ margin-top: 40px; text-align: center; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(1) .bottomlink .btnlink{ max-width: 240px; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2)>.inwrap{ background: #005caa; color: #fff; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .txt{ font-size: 1.8rem; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox{ margin-top: 35px; display: flex; align-items: center; flex-direction: column; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .teltxt a{ color: #fff; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .teltxt .telicon{ width: 26px; height: 34px; margin-right: 15px; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .teltxt .txt{ font-size: 3.8rem; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .telopen{ font-size: 1.6rem; text-align: center; }
#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .maillink{ margin-top: 30px; text-align: center; }
@media screen and (max-width: 1300px) {
	#index #swrap_3 #sec_6 .inseclist>li>.inwrap{ padding: 80px 12%; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .txt{ font-size: 1em; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .teltxt .telicon{ width: 18px; height: 24px; margin-right: 7px; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .teltxt .txt{ font-size: 2.6rem; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox .telopen{ font-size: 1.4rem; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .maillink .mailbtn{ font-size: 1.8rem; padding-top: 8px; padding-bottom: 8px; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .maillink .mailbtn svg{ width: 24px; height: 20px; vertical-align: -3px; }
}
@media screen and (max-width: 1200px) {
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(1) .indexsectitle{ margin-bottom: 30px; }
	#index #swrap_3 #sec_6 .incnt{ width: 100%; margin: 0; }
	#index #swrap_3 #sec_6 .inseclist>li>.inwrap{ padding-bottom: 70px; }
	#index #swrap_3 #sec_6 .inseclist{ display: block; margin-left: 0px; }
	#index #swrap_3 #sec_6 .inseclist>li{ margin-left: 0px; width: 100%; display: flex; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .txt{ text-align: center; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(1) .bottomlink{ margin-top: 30px; }
}
@media screen and (max-width: 1040px) {
	#index #swrap_3 #sec_6 .inseclist>li>.inwrap{ padding: 55px 8% 50px; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .telbox{ margin-top: 25px; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .maillink{ margin-top: 25px; }
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .maillink .mailbtn{ font-size: 1.6rem; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px){
	#index #swrap_3 #sec_6 .inseclist>li:nth-child(2) .txt{ text-align: left; }
}






/*//////////////////


#about.message


//////////////////*/

#about.message #article{  }
#about.message #swrap_1{  }
#about.message #swrap_1 #sec_1{  }
#about.message #swrap_1 #sec_1 .incnt{ max-width: 1100px; }
#about.message #swrap_1 #sec_1 .incnt>.inwrap{ display: flex; flex-direction: row; }
#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox{ width: 44%; margin-left: 6%; flex-shrink: 0; }
#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox>.inwrap{ position: relative; padding-bottom: 45px; }
#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox .txt1{ position: absolute; bottom: 0; right: 4%; text-align: right;  }
#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox .txt1 img{ width: 294px; }
#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox .img img{ width: 100%; }
#about.message #swrap_1 #sec_1 .txtbox .copy{ margin-bottom: 30px; }
#about.message #swrap_1 #sec_1 .txtbox .txt2{ line-height: 2.2; font-size: 1.8rem; }
#about.message #swrap_1 #sec_1 .txtbox .txt3{ margin-top: 40px;  }
#about.message #swrap_1 #sec_1 .txtbox .txt3>.inwrap{ display: flex; flex-direction: column; justify-content: flex-start; margin-left: -15px; letter-spacing: 0.05em; position: relative; }
#about.message #swrap_1 #sec_1 .txtbox .txt3 ._1{ font-weight: 600; margin-left: 15px; vertical-align: 2px; }
#about.message #swrap_1 #sec_1 .txtbox .txt3 ._2{ font-weight: 600; font-size: 2.4rem; margin-left: 15px; }
@media screen and (max-width: 1040px) {
	#about.message #swrap_1 #sec_1 .txtbox .txt2{ line-height: 2; font-size: 1.6rem; }
	#about.message #swrap_1 #sec_1 .incnt>.inwrap{ display: block; }
	#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox{ width: 100%; margin-left: 0%; flex-shrink: 0; text-align: center; margin-top: 30px; }
	#about.message #swrap_1 #sec_1 .txtbox .txt3{ max-width: 480px; width: 100%; margin-left: auto; margin-right: auto; }
	#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox>.inwrap{ max-width: 480px; width: 100%; display: inline-block; }
	#about.message #swrap_1 #sec_1 .txtbox .copy{ text-align: center; margin-bottom: 25px; padding-left: 20px; }
	#about.message #swrap_1 #sec_1 .txtbox .txt3>.inwrap{ display: inline-block; }
	#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox>.inwrap{ padding-bottom: 0; }
	#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox .txt1{ bottom: auto; top: -30px; }
	#about.message #swrap_1 #sec_1 .incnt>.inwrap .imgbox .txt1 img{ width: 187px; }
}
@media screen and (max-width: 767px) {
	#about.message #swrap_1 #sec_1 .txtbox .txt3{ display: block; }
	#about.message #swrap_1 #sec_1 .txtbox .txt3>.inwrap{ margin-left: 0; }
	#about.message #swrap_1 #sec_1 .txtbox .txt3 ._1{ margin-left: 0; }
	#about.message #swrap_1 #sec_1 .txtbox .txt3 ._2{ margin-left: 0; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}






/*//////////////////


#about.philosophy


//////////////////*/

#about.philosophy #article{  }
#about.philosophy #swrap_1{  }
#about.philosophy #swrap_1 #sec_1{  }
#about.philosophy #swrap_1 #sec_2 .borderlist{ text-align: center; }
#about.philosophy #swrap_1 #sec_2 .list1{ display: flex; align-items: center; justify-content: center; margin-left: -45px; margin-bottom: 15px; flex-wrap: wrap; margin-top: -5px; }
#about.philosophy #swrap_1 #sec_2 .list1>li{ margin-left: 45px; text-align: center; }
#about.philosophy #swrap_1 #sec_2 .list1 .en{ line-height: 1.8; letter-spacing: 0.2em; display: flex; align-items: center; }
#about.philosophy #swrap_1 #sec_2 .list1 .en>._first{ color: #005caa; font-size: 6rem; font-weight: 600; }
#about.philosophy #swrap_1 #sec_2 .list1 .en>._txt{ font-size: 4rem; font-weight: 600; }
#about.philosophy #swrap_1 #sec_2 .list1 .jn{ font-size: 1.8rem; font-weight: 600; margin-top: -20px; letter-spacing: 0.05em; padding-left: 40px; text-align: center; line-height: 1; }
#about.philosophy #swrap_1 #sec_2 .list1 .jn>._1{ margin-left: -3px; font-weight: 600; }
@media screen and (max-width: 1200px) {
	#about.philosophy #swrap_1 #sec_2 .list1{ margin-bottom: 15px; }
}
@media screen and (max-width: 1040px) {
	#about.philosophy #swrap_1 #sec_1 .copy.style1{ margin-bottom: 25px; }
	#about.philosophy #swrap_1 #sec_2 .list1 .en>._first{ font-size: 4rem; }
	#about.philosophy #swrap_1 #sec_2 .list1 .en>._txt{ font-size: 3rem; }
	#about.philosophy #swrap_1 #sec_2 .list1 .jn{ font-size: 1.6rem; margin-top: -10px; padding-left: 35px; }
	#about.philosophy #swrap_1 #sec_2 .list1{ margin-left: -35px; margin-bottom: 10px; }
	#about.philosophy #swrap_1 #sec_2 .list1>li{ margin-left: 35px; margin-bottom: 5px; }
}
@media screen and (max-width: 767px) {
	#about.philosophy #swrap_1 #sec_2 .list1 .en>._first{ font-size: 3.8rem; }
	#about.philosophy #swrap_1 #sec_2 .list1 .en>._txt{ font-size: 2.8rem; }
	#about.philosophy #swrap_1 #sec_2 .list1 .jn{ font-size: 1.4rem; padding-left: 28px; }
	#about.philosophy #swrap_1 #sec_2 .list1{ margin-left: -25px; margin-bottom: 15px; }
	#about.philosophy #swrap_1 #sec_2 .list1>li{ margin-left: 25px; }
	#about.philosophy #swrap_1 #sec_2 .borderlist>li:nth-child(2) p.copy.style2{ margin-bottom: 8px!important; }
	#about.philosophy #swrap_1 #sec_2 .borderlist>li:nth-child(2) p.copy.style2:last-child{ margin-bottom: 0!important; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#about.philosophy #swrap_1 #sec_3 .borderlist{ font-size: 2rem; }
@media screen and (max-width: 1200px) {
	#about.philosophy #swrap_1 #sec_3 .borderlist{ font-size: 1.8rem; }
}
@media screen and (max-width: 1040px) {
	#about.philosophy #swrap_1 #sec_3 .borderlist{ font-size: 1.6rem; }
}
@media screen and (max-width: 767px) {
	#about.philosophy #swrap_1 #sec_3 .borderlist{ font-size: 1.5rem; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#about.philosophy #swrap_1 #sec_4{  }
#about.philosophy #swrap_1 #sec_4 .box1{ text-align: left; }
#about.philosophy #swrap_1 #sec_4 .box1 .imgbox{  }
#about.philosophy #swrap_1 #sec_4 .box1 .imgbox{ width: 394px; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1{ margin-top: 30px; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li{ background: #f2f2f2; padding: 43px 6%; display: flex; flex-direction: row; margin-bottom: 20px; min-height: 280px; box-sizing: border-box; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li:last-child{ margin-bottom: 0; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .iconbox{ flex-shrink: 0; margin-right: 4%; width: 353px; display: flex; align-items: center; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .iconbox .iconlist{ display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -7px; margin-left: -8px; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .iconbox .iconlist>li{ margin-bottom: 7px; margin-left: 8px; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .iconbox .iconlist>li>img{ width: 110px; height: 110px; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .txtbox{ display: flex; flex-direction: column; justify-content: center; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .txtbox{ width: 100%; }
#about.philosophy #swrap_1 #sec_4 .box2 .list1>li{  }
#about.philosophy #swrap_1 #sec_4 .box1{  }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1040px) {
	#about.philosophy #swrap_1 #sec_4 .box1{ }
	#about.philosophy #swrap_1 #sec_4 .copy.style3{ text-align: center; padding-top: 10px; }
	#about.philosophy #swrap_1 #sec_4 .box1 .imgbox{ margin-bottom: 35px!important; width: 100%; text-align: center; }
	#about.philosophy #swrap_1 #sec_4 .box1 .imgbox img{ max-width: 197px; width: 100%; margin-top: 5px; }
	#about.philosophy #swrap_1 #sec_4 .box2 .list1{ margin-top: 20px; }
	#about.philosophy #swrap_1 #sec_4 .box2 .list1>li{ padding: 30px 4% 25px; flex-direction: column-reverse; min-height: auto; }
	#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .iconbox{ margin-right: 0; width: 100%; justify-content: center; }
	#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .iconbox .iconlist{ justify-content: center; }
	#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .txtbox{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 20px; }
	#about.philosophy #swrap_1 #sec_4 .box2 .list1>li .txtbox .copy{ text-align: center; }
}
@media screen and (max-width: 767px) {
	#about.philosophy #swrap_1 #sec_4 .box2 .list1>li{ padding-left: 8%; padding-right: 8%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}






/*//////////////////


#about.company


//////////////////*/

#about.company #article{  }
#about.company #swrap_1{  }
#about.company #swrap_1 #sec_1{  }
#about.company #swrap_1 #sec_2{  }
#about.company #swrap_1 #sec_2 .list1{  }
#about.company #swrap_1 #sec_2 .list1>li{ display: flex; flex-direction: row; margin-bottom: 85px; }
#about.company #swrap_1 #sec_2 .list1>li .txtbox{ width: 100%; }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .copy{ margin-bottom: 15px; }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .txt1{ margin-bottom: 15px; }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .list2{  }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .list2>li{  }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .img{ margin-top: 25px; }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .img img{ max-width: 360px; width: 100%; }
#about.company #swrap_1 #sec_2 .list1>li .txtbox .caution{ margin-top: 15px; }
#about.company #swrap_1 #sec_2 .list1>li .mapbox{ flex-shrink: 0; margin-left: 6%; width: 47%; }
#about.company #swrap_1 #sec_2 .list1>li .mapbox .map{ height: 420px; }
#about.company #swrap_1 #sec_2 .list1>li .mapbox .link{ text-align: center; margin-top: -20px; }
#about.company #swrap_1 #sec_2 .list1>li .mapbox .link .btnlink{  }
#about.company #swrap_1 #sec_2 .list1>li .mapbox{  }
#about.company #swrap_1 #sec_2 .list1>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1040px) {
	#about.company #swrap_1 #sec_2 .list1>li{ display: block; margin-bottom: 70px; }
	#about.company #swrap_1 #sec_2 .list1>li .txtbox{ width: 100%; position: relative; padding-right: 48%; box-sizing: border-box; }
	#about.company #swrap_1 #sec_2 .list1>li .txtbox .img{ position: absolute; top: 0; right: 0; width: 42%; }
	#about.company #swrap_1 #sec_2 .list1>li .txtbox .img img{ max-width: 100%; }
	#about.company #swrap_1 #sec_2 .list1>li .mapbox{ margin-left: 0; width: 100%; margin-top: 30px; }
	#about.company #swrap_1 #sec_2 .list1>li .mapbox .map{ height: 400px; }
}
@media screen and (max-width: 767px) {
	#about.company #swrap_1 #sec_2 .list1>li .txtbox{ padding-right: 0; }
	#about.company #swrap_1 #sec_2 .list1>li .txtbox .img{ position: static; width: 100%; }
	#about.company #swrap_1 #sec_2 .list1>li .txtbox .img img{ max-width: 360px; }
	#about.company #swrap_1 #sec_2 .list1>li .mapbox{ margin-top: 30px; }
	#about.company #swrap_1 #sec_2 .list1>li .mapbox .map{ height: 350px; }
	#about.company #swrap_1 #sec_2 .list1>li .mapbox .link{ padding-left: 8%; padding-right: 8%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#pride.index


//////////////////*/

#pride.index #article{  }
#pride.index #swrap_1{  }
#pride.index #swrap_1 #sec_1{  }
#pride.index #swrap_1 #sec_1 .copy,
#pride.index #swrap_1 #sec_1 .txt1{ text-align: center; }
#pride.index #swrap_1 #sec_1 .copy{ margin-bottom: 25px; }
#pride.index #swrap_1 #sec_1 .list{ margin-top: 50px; }
#pride.index #swrap_1 #sec_1 .list>li{ display: flex; flex-direction: row; width: 100%; margin-bottom: 20px; }
#pride.index #swrap_1 #sec_1 .list>li:last-child{ margin-bottom: 0; }
#pride.index #swrap_1 #sec_1 .list>li .imgbox{ width: 46%; flex-shrink: 0; }
#pride.index #swrap_1 #sec_1 .list>li .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#pride.index #swrap_1 #sec_1 .list>li .txtbox{ background: #ebf2f8; padding: 80px 6% 60px; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box; width: 100%; padding-right: 7%; }
#pride.index #swrap_1 #sec_1 .list>li .txtbox .link{ margin-top: 25px; }
#pride.index #swrap_1 #sec_1 .list>li .txtbox .copy{ text-align: left; color: #196cb2; margin-bottom: 20px; }
#pride.index #swrap_1 #sec_1 .list>li .txtbox{  }
#pride.index #swrap_1 #sec_1 .list>li .txtbox{  }
#pride.index #swrap_1 #sec_1 .list>li:nth-child(even){ flex-direction: row-reverse; }
#pride.index #swrap_1 #sec_1 .list>li:nth-child(even) .txtbox{ padding-right: 6%; padding-left: 7%; }
@media screen and (max-width: 1040px) {
	#pride.index #swrap_1 #sec_1 .list>li .imgbox{ width: 40%; }
	#pride.index #swrap_1 #sec_1 .list>li .txtbox{ padding-right: 6%; padding-top: 60px; padding-bottom: 50px; }
	#pride.index #swrap_1 #sec_1 .list>li:nth-child(even) .txtbox{ padding-left: 6%; }
	#pride.index #swrap_1 #sec_1 .txt1{ text-align: left; }
	#pride.index #swrap_1 #sec_1 .list{ margin-top: 30px; }
}
@media screen and (max-width: 767px) {
	#pride.index #swrap_1 #sec_1 .list>li{ display: block; }
	#pride.index #swrap_1 #sec_1 .list>li .txtbox{ padding-top: 40px; padding-bottom: 30px; }
	#pride.index #swrap_1 #sec_1 .list>li .imgbox{ width: 100% }
	#pride.index #swrap_1 #sec_1 .list>li .txtbox .link,
	#pride.index #swrap_1 #sec_1 .list>li .txtbox .copy{ text-align: center; }
	#pride.index #swrap_1 #sec_1 .list>li .imgbox img{ height: 300px; }
	#pride.index #swrap_1 #sec_1 .list>li .txtbox,
	#pride.index #swrap_1 #sec_1 .list>li:nth-child(even) .txtbox{ padding: 35px 8%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}



#pride.index #swrap_1 #sec_2{  }
#pride.index #swrap_1 #sec_2 #s2_insec1{ margin-bottom: 50px; }
#pride.index #swrap_1 #sec_2 #s2_insec1 .txt1{ text-align: center; }
#pride.index #swrap_1 #sec_2 #s2_insec1 .list1{ display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 30px; }
#pride.index #swrap_1 #sec_2 #s2_insec1 .list1>li{ width: 33.33%; }
#pride.index #swrap_1 #sec_2 #s2_insec1 .list1>li img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#pride.index #swrap_1 #sec_2 #s2_insec1 .list1>li{ width: 50%; }
	#pride.index #swrap_1 #sec_2 #s2_insec1 .txt1{ text-align: left; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}




#pride.index #swrap_1 #sec_2 #s2_insec2{  }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1{ display: flex; flex-direction: row; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li{ width: 50%; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table{  }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table th,
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table td{ padding: 20px 20px; line-height: 1.6; box-sizing: border-box; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead{  }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th{ background: #005caa; color: #fff; border-left: 1px solid #fff; height: 85px; text-align: center; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th:first-child{ width: 53%; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th:last-child{ width: 16%; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody{  }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody th,
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody td{ border-left: 1px solid #999999; border-bottom: 1px solid #999999; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody th{ background: #ebf2f8; height: 85px; font-weight: normal; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody td{ text-align: center; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr:last-child th,
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr:last-child td{ border-bottom: 0; }
#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li:first-child>table>tbody th{ border-left: 0; }
@media screen and (max-width: 1040px) {
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th:first-child{ width: 44%; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th:last-child{ width: 22%; }
}
@media screen and (max-width: 767px) {
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1{ display: block; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li{ width: 100%; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li:nth-child(n + 2)>table>thead{ display: none; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th:first-child,
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr:first-child th:first-child{ width: 50%; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table th,
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table td{ padding: 15px 15px;  }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th{ height: auto; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody th{ height: auto; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody th{ border-left: 0; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li{ border-top: 1px solid #999; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>thead th:last-child,
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr:first-child td:last-child{ width: 22%; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr._1{ display: none; }
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr._2 th,
	#pride.index #swrap_1 #sec_2 #s2_insec2 .list1>li>table>tbody tr._2 td{ border-bottom: 0; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#pride.speciality


//////////////////*/

#pride.speciality #article{  }
#pride.speciality #swrap_1{  }
#pride.speciality #swrap_1 #sec_1{  }
#pride.speciality #swrap_1 #sec_1 .sectitle{ margin-bottom: 30px; }
#pride.speciality #swrap_1 #sec_1 .incnt{ max-width: 1340px; }
#pride.speciality #swrap_1 #sec_1 .txt1{ text-align: center; }
#pride.speciality #swrap_1 #sec_1 .list{ margin-top: 50px; }
#pride.speciality #swrap_1 #sec_1 .list._1{ margin-top: 40px; }
#pride.speciality #swrap_1 #sec_1 .list>li{ display: flex; flex-direction: row; width: 100%; }
#pride.speciality #swrap_1 #sec_1 .list>li .imgbox{ width: 50%; flex-shrink: 0; }
#pride.speciality #swrap_1 #sec_1 .list>li .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#pride.speciality #swrap_1 #sec_1 .list>li .txtbox{ background: #ebf2f8; padding: 40px 6% 30px; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box; width: 100%; }
#pride.speciality #swrap_1 #sec_1 .list>li .txtbox .link{ margin-top: 25px; text-align: center; }
#pride.speciality #swrap_1 #sec_1 .list>li .txtbox .copy{ text-align: center; margin-bottom: 20px; }
#pride.speciality #swrap_1 #sec_1 .list>li .txtbox{  }
#pride.speciality #swrap_1 #sec_1 .list>li .txtbox{  }
#pride.speciality #swrap_1 #sec_1 .list:not(._1)>li,
#pride.speciality #swrap_1 #sec_1 .list>li:nth-child(even){ flex-direction: row-reverse; }
#pride.speciality #swrap_1 #sec_1 .list+.link{ margin-top: 40px; text-align: center; }
@media screen and (max-width: 1200px) {
	#pride.speciality #swrap_1 #sec_1 .list>li{ display: block; }
	#pride.speciality #swrap_1 #sec_1 .list>li .imgbox{ width: 100% }
	#pride.speciality #swrap_1 #sec_1 .list>li .txtbox .link,
	#pride.speciality #swrap_1 #sec_1 .list>li .txtbox .copy{ text-align: center; }
	#pride.speciality #swrap_1 #sec_1 .list._1{ margin-top: 20px; }
}
@media screen and (max-width: 1040px) {
	#pride.speciality #swrap_1 #sec_1 .list{ margin-top: 30px; }
}
@media screen and (max-width: 767px) {
	#pride.speciality #swrap_1 #sec_1 .txt1{ text-align: left; }
	#pride.speciality #swrap_1 #sec_1 .list>li .imgbox img{ height: 300px; }
	#pride.speciality #swrap_1 #sec_1 .list>li .txtbox,
	#pride.speciality #swrap_1 #sec_1 .list>li:nth-child(even) .txtbox{ padding: 35px 8%; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}






/*//////////////////


#business.elevator-parts


//////////////////*/

#business.elevator-parts #sec_1{  }
#business.elevator-parts #sec_1 #s1_insec1 .copy{ text-align: center; margin-bottom: 20px; }
#business.elevator-parts #sec_1 #s1_insec1 .txt1{ margin-bottom: 60px; }
#business.elevator-parts #sec_1 #s1_insec2{ margin-top: 60px; }
#business.elevator-parts #sec_1 #s1_insec2 .list{ display: flex; flex-direction: row; }
#business.elevator-parts #sec_1 #s1_insec2 .list>li{ width: 33.33%; }
#business.elevator-parts #sec_1 #s1_insec2 .list>li>img{  object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) {
	#business.elevator-parts #sec_1 #s1_insec1 .txt1{ margin-bottom: 40px; }
	#business.elevator-parts #sec_1 #s1_insec2{ margin-top: 40px; }
}
@media screen and (max-width: 767px) {
	#business.elevator-parts #sec_1 #s1_insec1 .txt1{ margin-bottom: 30px; }
	#business.elevator-parts #sec_1 #s1_insec2{ margin-top: 0; }
	#business.elevator-parts #sec_1 #s1_insec2 .list{ display: block; }
	#business.elevator-parts #sec_1 #s1_insec2 .list>li{ width: 100%; }
	#business.elevator-parts #sec_1 #s1_insec2 .list>li>img{ height: 200px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#business.elevator-parts #sec_2{  }
#business.elevator-parts #sec_2 .imglist{ margin-left: -40px; display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -25px; }
#business.elevator-parts #sec_2 .imglist>li{ margin-left: 40px; width: calc(33.33% - 40px); margin-bottom: 25px; }
#business.elevator-parts #sec_2 .imglist>li .img{  }
#business.elevator-parts #sec_2 .imglist>li .img img{  }
#business.elevator-parts #sec_2 .imglist>li .cap{ margin-top: 10px; }
@media screen and (max-width: 1040px) {
	#business.elevator-parts #sec_2 .imglist{ margin-left: -30px; }
	#business.elevator-parts #sec_2 .imglist>li{ margin-left: 30px; width: calc(50% - 30px); }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
	#business.elevator-parts #sec_2 .imglist{ margin-left: 0; display: block; }
	#business.elevator-parts #sec_2 .imglist>li{ margin-left: 0; width: 100%; }
}
@media screen and (max-width: 479px){
}






/*//////////////////


#business.processing


//////////////////*/

#business.processing #sec_1{  }
#business.processing #sec_1 #s1_insec1 .copy{ margin-bottom: 20px; }
@media screen and (max-width: 1040px) {
	#business.processing #sec_1 #s1_insec1 .copy{ margin-bottom: 15px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}







/*//////////////////


#business.environment


//////////////////*/

#business.environment #sec_1{ margin-bottom: 90px; }
#business.environment #sec_1 .copy{ margin-bottom: 20px; }
@media screen and (max-width: 1040px) {
	#business.environment #sec_1 .copy{ margin-bottom: 15px; }
}
@media screen and (max-width: 767px) {
	#business.environment #sec_1{ margin-bottom: 50px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#business.environment #sec_2{  }
#business.environment #sec_2 .link{  }
#business.environment #sec_2 .link>.inwrap{ position: relative; overflow: hidden; text-decoration: none; display: block; }
#business.environment #sec_2 .link>.inwrap .txtbox{ display: flex; align-items: center; justify-content: center; color: #fff; position: relative; padding: 70px 140px 60px; flex-direction: column; height: 400px; box-sizing: border-box; -webkit-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
#business.environment #sec_2 .link>.inwrap .txtbox>.arr{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 60px; width: 22px; height: 16px; transition: .3s; }
#business.environment #sec_2 .link>.inwrap .txtbox .en{ font-size: 5.4rem; letter-spacing: 0.4em; margin-bottom: 10px; text-align: center; line-height: 1.4; font-weight: 600; }
#business.environment #sec_2 .link>.inwrap .txtbox .jn{  }
#business.environment #sec_2 .link>.inwrap .txtbox .jn .subtitle{ font-size: 2.2rem; letter-spacing: 0.05em; font-weight: 600; text-align: center; line-height: 1.6; margin-bottom: 10px; }
#business.environment #sec_2 .link>.inwrap .txtbox .jn .subtitle span{ font-weight: 600; }
#business.environment #sec_2 .link>.inwrap .txtbox .jn .title{ font-size: 3.6rem; font-weight: 600; letter-spacing: -0.05em;  line-height: 1.6; text-align: center }
#business.environment #sec_2 .link>.inwrap .bg1{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; transition: .6s; z-index: -1; }
#business.environment #sec_2 .link>.inwrap:hover .bg1{ transform: scale(1.1); }
#business.environment #sec_2 .link>.inwrap:hover .txtbox{ background: rgba(255, 255, 255, .2); }
@media screen and (max-width: 1200px) {
	#business.environment #sec_2 .link>.inwrap .txtbox>.arr{ right: 40px; }
	#business.environment #sec_2 .link>.inwrap .txtbox{ padding: 70px 100px 60px; }
	#business.environment #sec_2 .link>.inwrap .txtbox .en{ font-size: 4.4rem; padding-left: 15px; margin-bottom: 15px; }
	#business.environment #sec_2 .link>.inwrap .txtbox .jn .subtitle{ font-size: 2rem; }
	#business.environment #sec_2 .link>.inwrap .txtbox .jn .title{ font-size: 3.2rem; }
}
@media screen and (max-width: 1040px) {
	#business.environment #sec_2 .link{  }
	#business.environment #sec_2 .link>.inwrap .txtbox{ min-height: 320px; height: auto; padding: 70px 100px 60px; }
	#business.environment #sec_2 .link>.inwrap .txtbox .en{ font-size: 3.4rem; }
	#business.environment #sec_2 .link>.inwrap .txtbox .jn .subtitle{ font-size: 1.6rem; }
	#business.environment #sec_2 .link>.inwrap .txtbox .jn .title{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
	
	#business.environment #sec_2 .link>.inwrap .txtbox>.arr{ position: absolute; top: auto; right: 0; left: 0; margin-left: auto; margin-right: auto; bottom: 40px; width: 100%; text-align: center; }
	#business.environment #sec_2 .link>.inwrap .txtbox>.arr .middleblock.inter.inline{ margin-right: 8px; font-weight: 600; }
	#business.environment #sec_2 .link>.inwrap .txtbox>.arr img{ width: 22px; height: 16px; }
	#business.environment #sec_2 .link>.inwrap .txtbox{ padding: 60px 10% 80px; }
	#business.environment #sec_2 .link>.inwrap .txtbox .en{ font-size: 2.6rem; padding-left: 0; letter-spacing: 0.2em; text-align: justify; }
	#business.environment #sec_2 .link>.inwrap .txtbox .jn .title{ letter-spacing: 0; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#business.environment #sec_2 .link>.inwrap .txtbox{ min-height: auto; }
}








/*//////////////////


#recruit.index


//////////////////*/

#recruit.index #article{ margin-top: 0; }
#recruit.index #sec_1{  }
#recruit.index #sec_1 .mainbox{ color: #fff; background: #005caa; display: flex; flex-direction: row;  }
#recruit.index #sec_1 .mainbox .txtbox{ padding: 210px 9% 150px 8%; }
#recruit.index #sec_1 .mainbox .txtbox .indexsectitle{  }
#recruit.index #sec_1 .mainbox .txtbox .indexsectitle .en{ text-align: center; color: #fff; }
#recruit.index #sec_1 .mainbox .txtbox .indexsectitle .title{ text-align: center; }
#recruit.index #sec_1 .mainbox .txtbox .copy{ text-align: center; margin-bottom: 20px; }
#recruit.index #sec_1 .mainbox .imgbox{ flex-shrink: 0; width: 52%; }
#recruit.index #sec_1 .mainbox .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#recruit.index #sec_1 .gallerylistbox{ margin-top: 55px; }
#recruit.index #sec_1 .gallerylistbox>.incnt{  }
#recruit.index #sec_1 .gallerylistbox>.incnt>.inwrap{ display: flex; flex-direction: row; }
#recruit.index #sec_1 .gallerylistbox>.incnt>.inwrap>li{ width: 50%; }
#recruit.index #sec_1 .gallerylistbox>.incnt>.inwrap>li>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 1200px) {
	#recruit.index #sec_1 .mainbox{ display: block; }
	#recruit.index #sec_1 .mainbox .txtbox{ padding: 120px 8% 100px; }
	#recruit.index #sec_1 .mainbox .imgbox{ width: 100%; }
	#recruit.index #sec_1 .mainbox .imgbox>img{ height: 340px; }
	#recruit.index #sec_1 .gallerylistbox{ margin-top: 0; }
	#recruit.index #sec_1 .gallerylistbox>.incnt{ max-width: 100%; width: 100%; }
}
@media screen and (max-width: 1040px) {
	#recruit.index #sec_1 .mainbox .txtbox{ padding: 60px 8% 50px; }
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_1 .gallerylistbox>.incnt>.inwrap{ display: block; }
	#recruit.index #sec_1 .gallerylistbox>.incnt>.inwrap>li{ width: 100%; }
	#recruit.index #sec_1 .mainbox .imgbox>img{ height: 280px; }
	#recruit.index #sec_1 .gallerylistbox>.incnt>.inwrap>li>img{ height: 240px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#recruit.index #sec_2{  }
#recruit.index #sec_2 .txt{ text-align: center; margin-bottom: 50px; }
#recruit.index #sec_2 .list{  }
#recruit.index #sec_2 .list>li{ display: flex; flex-direction: row; margin-bottom: 40px; }
#recruit.index #sec_2 .list>li .txtbox{ padding-top: 30px; padding-bottom: 25px; padding-right: 8%; }
#recruit.index #sec_2 .list>li .txtbox .copy{ margin-bottom: 15px; }
#recruit.index #sec_2 .list>li .imgbox{ flex-shrink: 0; width: 50%; }
#recruit.index #sec_2 .list>li .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#recruit.index #sec_2 .list>li:last-child{ margin-bottom: 0; }
#recruit.index #sec_2 .list>li:nth-child(even){ flex-direction: row-reverse; }
#recruit.index #sec_2 .list>li:nth-child(even) .txtbox{ padding-left: 8%; padding-right: 0%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_2 .txt{ text-align: left; margin-bottom: 40px; }
	#recruit.index #sec_2 .list>li{ display: block; margin-bottom: 30px; }
	#recruit.index #sec_2 .list>li .txtbox{ padding-top: 0; padding-bottom: 0; padding-right: 0; }
	#recruit.index #sec_2 .list>li:nth-child(even) .txtbox{ padding-left: 0%; padding-right: 0%; }
	#recruit.index #sec_2 .list>li .imgbox{ width: 100%; margin-top: 25px; }
	#recruit.index #sec_2 .list>li .imgbox>img{ height: 280px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#recruit.index #sec_3{  }
#recruit.index #sec_3{  }
#recruit.index #sec_3 .list{  }
#recruit.index #sec_3 .list>li{ background: #f7f7f7; padding: 50px 7%; margin-bottom: 20px; }
#recruit.index #sec_3 .list>li>dl{ display: flex; flex-direction: row; align-items: center; }
#recruit.index #sec_3 .list>li>dl>dt{ flex-shrink: 0; width: 230px; padding-right: 20px; font-weight: bold; font-size: 2rem; letter-spacing: 0.05em; }
#recruit.index #sec_3 .list>li>dl>dd{  }
#recruit.index #sec_3 .list>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1040px) {
	#recruit.index #sec_3 .list>li>dl>dt{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_3 .list>li{  padding: 30px 10%; }
	#recruit.index #sec_3 .list>li>dl{ display: block; }
	#recruit.index #sec_3 .list>li>dl>dt{ width: 100%; padding-right: 0; margin-bottom: 10px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#recruit.index #sec_4>.incnt>.inwrap{ display: flex; flex-direction: row-reverse; }
#recruit.index #sec_4 .txtbox{ background: #f7f7f7; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 95px 8% 60px; width: 100%; box-sizing: border-box; }
#recruit.index #sec_4 .txtbox .copy{ text-align: center; margin-bottom: 15px; }
#recruit.index #sec_4 .txtbox .txt{ text-align: center; }
#recruit.index #sec_4 .txtbox .link{ text-align: center; margin-top: 35px; width: 100%; }
#recruit.index #sec_4 .imgbox{ flex-shrink: 0; width: 46%; position: relative; }
#recruit.index #sec_4 .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
@media screen and (max-width: 1040px) {
	#recruit.index #sec_4 .txtbox{ padding: 60px 8% 50px; }
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_4>.incnt>.inwrap{ display: block; }
	#recruit.index #sec_4 .imgbox{ width: 100%; }
	#recruit.index #sec_4 .imgbox>img{ position: static; height: 280px; }
	#recruit.index #sec_4 .txtbox{ padding: 40px 8%; }
	#recruit.index #sec_4 .txtbox .link{ margin-top: 25px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}








/*//////////////////


#recruit.job-info


//////////////////*/
#recruit.job-info #swrap_1{ margin-bottom: 50px; }
#recruit.job-info #swrap_1 #sec_1{  }
#recruit.job-info #swrap_1 #sec_1 .copy{ text-align: center; margin-bottom: 20px; }
#recruit.job-info #swrap_1 #sec_1 .txt{ text-align: center; }
#recruit.job-info #swrap_1 #sec_1 .txt_red{ text-align: center; color:#e60012; }
@media screen and (max-width: 1040px){
	#recruit.job-info #swrap_1 #sec_1 .copy{ margin-bottom: 10px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#recruit.job-info #jbtabs { }
#recruit.job-info #jbtabs .tab_item{ width: 50%; float: left; box-sizing: border-box; }
#recruit.job-info #jbtabs .tab_item>.inwrap { background-color: #f7f7f7; text-align: center; display: block; text-align: center; font-weight: bold; transition: all 0.2s ease;  font-weight: bold; font-size: 2rem; line-height: 1.6; letter-spacing: 0.05em; position: relative; padding: 29px 6%; box-sizing: border-box; }
#recruit.job-info #jbtabs .tab_item svg{ width: 12px; height: 16px; margin-left: 6px; transition: .3s; vertical-align: 0; }
#recruit.job-info #jbtabs .tab_item svg .arr_st0.st0{ transition: .3s; fill: #005caa; }
#recruit.job-info #jbtabs .tab_item:hover svg{ vertical-align: -4px; }
#recruit.job-info #jbtabs input[name="tab_item"] {display: none; }
#recruit.job-info #jbtabs .tab_content {display: none; clear: both; overflow: hidden; }
#recruit.job-info #jbtabs [for="fulltime"]>.inwrap,
#recruit.job-info #jbtabs [for="parttime"]>.inwrap{ max-width: 520px; width: 100%; }
#recruit.job-info #jbtabs [for="fulltime"]{ padding-left: 6%;  }
#recruit.job-info #jbtabs [for="fulltime"]>.inwrap{ margin-left: auto; }
#recruit.job-info #jbtabs [for="parttime"]{ padding-right: 6%;  }
#recruit.job-info #jbtabs [for="parttime"]>.inwrap{ margin-right: auto; }
#recruit.job-info #jbtabs #fulltime:checked ~ #fulltime_content,
#recruit.job-info #jbtabs #parttime:checked ~ #parttime_content {display: block; }
#recruit.job-info #jbtabs input:checked + .tab_item>.inwrap {background-color: #005caa; color: #fff; }
#recruit.job-info #jbtabs input:checked + .tab_item  svg .arr_st0.st0{ fill: #fff; }
#recruit.job-info #jbtabs .tab_content section{ padding-top: 90px; margin-bottom: 0; }
@media screen and (max-width: 1040px){
	#recruit.job-info #jbtabs .tab_item>.inwrap { font-size: 1.6rem; padding: 20px 8%; }
	#recruit.job-info #jbtabs .tab_item{ float: none; width: 100%; }
	#recruit.job-info #jbtabs [for="fulltime"]>.inwrap,
	#recruit.job-info #jbtabs [for="parttime"]>.inwrap{ max-width: 100%; width: 100%; }
	#recruit.job-info #jbtabs [for="fulltime"]{ padding-left: 0;  }
	#recruit.job-info #jbtabs [for="parttime"]{ padding-right: 0;  }
	#recruit.job-info #jbtabs .tab_content section{ padding-top: 70px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}









/*//////////////////


#contact.online.index


//////////////////*/
#contact.online.index #swrap_1{  }
#contact.online.index #swrap_1 #sec_1{  }
#contact.online.index #swrap_1 #sec_1 .copy{ margin-bottom: 20px; }
#contact.online.index #swrap_1 #sec_1 .txt{ text-align: center; }
#contact.online.index #swrap_1 #sec_1 .list{  }
#contact.online.index #swrap_1 #sec_1 .list>li{ display: flex; flex-direction: row; margin-bottom: 20px; }
#contact.online.index #swrap_1 #sec_1 .list>li .titlebox{ background: #005caa; color: #fff; text-align: center; padding: 40px 3%; box-sizing: border-box; flex-shrink: 0; width: 34%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .en{ font-size: 1.8rem;  margin-bottom: 5px; border-bottom: 1px solid #fff; width: 100%; }
#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .title{ font-size: 2.4rem; letter-spacing: 0.05em; font-weight: 600; line-height: 1.6; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox{ background: #ebf2f8; padding: 40px 4%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox p{ width: 100%; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtimgbox{ display: flex; flex-direction: row; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist{ margin-left: -15px; margin-top: 20px; text-align: left; width: 100%; margin-bottom: -5px; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li{ margin-left: 5px; margin-bottom: 10px; display: inline-block; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li:nth-child(1){ width: 286px; height: 86px; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li:nth-child(2){ width: 254px; height: 86px; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>a{  }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox{ flex-shrink: 0; width: 240px; position: relative; }
#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#contact.online.index #swrap_1 #sec_1 .list>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1200px){
	#contact.online.index #swrap_1 #sec_1 .list>li{ display: block; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox{ padding: 15px 4%; width: 100%; flex-direction: row; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .en{ margin-bottom: 0; border-bottom: 0; margin-right: 20px; width: auto; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .title{ font-size: 2.2rem; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox{ padding: 30px 4%; align-items: flex-start; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist{ text-align: center; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtimgbox{ display: flex; flex-direction: row; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtimgbox .txtbox{ width: 100%; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li:nth-child(1){ width: 180px; height: 54px; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li:nth-child(2){ width: 158px; height: 54px; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox{ min-height: 140px;  }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox>img{ object-position: 50% 70%; }
}
@media screen and (max-width: 1040px){
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .en{ font-size: 1.6rem; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .title{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px) {
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox{ padding: 20px 8%; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist{ margin-bottom: -5px; margin-left: -5px; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox{ padding: 10px 8%; }
}
@media screen and (max-width: 639px){
	#contact.online.index #swrap_1 #sec_1 .list>li .txtimgbox{ display: block; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox{ width: 100%; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox img{ width: 100%; }
	#contact.online.index #swrap_1 #sec_1 .txt{ text-align: left; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox{ display: block; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox{ min-height: auto;  }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox+.imgbox>img{ position: static; }
}
@media screen and (max-width: 479px){
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist{ text-align: center; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li{ display: block; text-align: center; margin-left: auto; margin-right: auto; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li:nth-child(1){ width: 180px; height: auto; }
	#contact.online.index #swrap_1 #sec_1 .list>li .txtbox .linklist>li:nth-child(2){ width: 182px; height: auto; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox{ flex-direction: column; padding: 15px 8%; }
	#contact.online.index #swrap_1 #sec_1 .list>li .titlebox .en{ margin-bottom: 5px; border-bottom: 1px solid #fff; margin-right: 0; width: 100%; }
}









/*//////////////////


#contact.index


//////////////////*/
#contact.index #swrap_1{  }
#contact.index #swrap_1 #sec_1{  }
#contact.index #swrap_1 #sec_1 .sectitle{ margin-bottom: 30px; }
#contact.index #swrap_1 #sec_1 .copy{ margin-bottom: 20px; }
#contact.index #swrap_1 #sec_1 .txt{ text-align: center; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
	#contact.index #swrap_1 #sec_1 .txt{ text-align: left; }
}
@media screen and (max-width: 479px){
}






/*//////////////////


#aas


//////////////////*/
body:not(#index)#aas #article{ margin-top: 0; }

#aas #swrap_1{  }
#aas #swrap_1 #sec_1{  }
#aas #swrap_1 #sec_1 .titlebox{ background: #005caa; color: #fff; padding: 110px 0 ; }
#aas #swrap_1 #sec_1 .titlebox .title{ text-align: center; font-weight: 600; font-size: 4rem; line-height: 1.6; }
#aas #swrap_1 #sec_1 .titlebox .txt{ text-align: center; font-weight: 600; font-size: 2rem; line-height: 1.8; margin-top: 20px; letter-spacing: 0.05em; }
#aas #swrap_1 #sec_1 .titlebox .txt span{ font-weight: 600; }
@media screen and (max-width: 1200px){
	#aas #swrap_1 #sec_1 .titlebox{ padding: 90px 0 ; }
	#aas #swrap_1 #sec_1 .titlebox .title{ font-size: 3.4rem; line-height: 1.8; letter-spacing: 0.05em; }
	#aas #swrap_1 #sec_1 .titlebox .txt{ font-size: 1.8rem; }
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_1 .titlebox{ padding: 60px 0 50px; }
	#aas #swrap_1 #sec_1 .titlebox .title{ font-size: 2rem; }
	#aas #swrap_1 #sec_1 .titlebox .txt{ font-size: 1.5rem; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#aas #swrap_1 #sec_1 .titlebox .txt{ /*text-align: left;*/ line-height: 2; }
}


#aas #swrap_1 #sec_1 .mainbox{ position: relative; padding: 100px 0 ; }
#aas #swrap_1 #sec_1 .mainbox .bg1{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
#aas #swrap_1 #sec_1 .mainbox .bgbox{ padding-top: 70px; padding-bottom: 50px; }
#aas #swrap_1 #sec_1 .mainbox .list{  }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1){ padding-bottom: 80px; position: relative; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1)>svg{ position: absolute; width: 18px; height: 24px; bottom: 30px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1)>svg .arr_st0.st0{fill:#005caa;}
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1) .copy{ color: #005caa; text-align: center; margin-bottom: 10px; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1) .txt{ font-weight: bold; font-size: 2rem; text-align: center; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .txt1{ font-size: 1.8rem; text-align: center; margin-bottom: 25px; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .contactlist>li .telbox .telopen{ color: #005caa; padding-left: 57px; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .contactlist>li .telbox .teltxt a{ color: #005caa; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .contactlist .mailbtn{ color: #fff; background: #005caa; border: 1px solid #005caa; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .contactlist .mailbtn svg .mailicon_st0.st0{ fill: #fff; }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .contactlist .mailbtn:hover{ color: #fff; box-shadow: 0 1px 2px rgba(0,92,170, 0.6), 2px 1px 4px rgba(0,92,170, 0.3), 2px 4px 3px rgba(0,92,170, 0.3), 0 0 7px 2px rgba(0,92,170, 0.6), inset 0 1px 2px rgba(0,92,170, 0.6), inset 2px 1px 4px rgba(0,92,170, 0.3), inset 2px 4px 3px rgba(0,92,170, 0.3), inset 0 0 7px 2px rgba(0,92,170, 0.6); }
#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2){  }
#aas #swrap_1 #sec_1 .mainbox{  }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_1 .mainbox{ padding: 40px 0 ; }
	#aas #swrap_1 #sec_1 .mainbox .bgbox{ padding-top: 30px; padding-bottom: 30px; }
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1){ padding-bottom: 60px;  }
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1)>svg{  width: 14px; height: 20px; bottom: 22px; }
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1) .txt{ font-size: 1.6rem; }
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .txt1{ font-size: 1em; }
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .contactlist>li .telbox .telopen{  padding-left: 0; }
}
@media screen and (max-width: 767px) {
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(1) .txt,
	#aas #swrap_1 #sec_1 .mainbox .list>li:nth-child(2) .txt1{ text-align: justify; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#aas #swrap_1 #sec_2{  }
#aas #swrap_1 #sec_2 .sectitlebox{  }
#aas #swrap_1 #sec_2 .sectitlebox .subtitle{ text-align: center; }
#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap{ display: inline-block; padding-left: 30px; padding-right: 30px; position: relative; color: #005caa; font-weight: 600; font-size: 2.1rem; }
#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap:before,
#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap:after{ content: ""; width: 12px; height: 18px; display: inline-block; position: absolute; bottom: 12px;  }
#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap:before{ left: 0; background: url(../img/aas/pointtitle_left.svg) no-repeat; }
#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap:after{ right: 0; background: url(../img/aas/pointtitle_right.svg) no-repeat; }
#aas #swrap_1 #sec_2 .sectitlebox .sectitle{ margin-bottom: 30px; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_2 .sectitlebox .subtitle{ margin-bottom: 10px; }
	#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap{ padding-left: 20px; padding-right: 20px; font-size: 1.8rem; }
	#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap:before,
	#aas #swrap_1 #sec_2 .sectitlebox .subtitle>.inwrap:after{ width: 8px; height: 14px; bottom: 8px;  }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#aas #swrap_1 #sec_2 .titlebox{ display: flex; flex-direction: row; margin-bottom: 20px; align-items: flex-end; }
#aas #swrap_1 #sec_2 .titlebox .pointbox{ display: flex; flex-direction: column; align-items: center; justify-content: center; color: #005caa; padding-right: 35px; flex-shrink: 0; padding-bottom: 3px; }
#aas #swrap_1 #sec_2 .titlebox .pointbox .pointtxt{ text-align: center; }
#aas #swrap_1 #sec_2 .titlebox .pointbox .pointtxt>.inwrap{ display: inline-block;font-size: 1.3rem; padding-left: 20px; padding-right: 20px; position: relative; }
#aas #swrap_1 #sec_2 .titlebox .pointbox .pointtxt>.inwrap:before,
#aas #swrap_1 #sec_2 .titlebox .pointbox .pointtxt>.inwrap:after{ content: ""; width: 8px; height: 14px; display: inline-block; position: absolute; bottom: 5px;  }
#aas #swrap_1 #sec_2 .titlebox .pointbox .pointtxt>.inwrap:before{ left: 0; background: url(../img/aas/pointtitle_left.svg) no-repeat; }
#aas #swrap_1 #sec_2 .titlebox .pointbox .pointtxt>.inwrap:after{ right: 0; background: url(../img/aas/pointtitle_right.svg) no-repeat; }
#aas #swrap_1 #sec_2 .titlebox .pointbox .num{ font-weight: bold; font-size: 5.8rem; line-height: 1.2; }
#aas #swrap_1 #sec_2 .titlebox .copy{ margin-bottom: 0; padding-bottom: 5px; }
@media screen and (max-width: 1200px){
	#aas #swrap_1 #sec_2 .titlebox .copy{ font-size: 2.4rem; }
	#aas #swrap_1 #sec_2 .titlebox .pointbox .num{ font-size: 4.4rem; }
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_2 .titlebox{ display: block; margin-bottom: 10px; }
	#aas #swrap_1 #sec_2 .titlebox .pointbox{ padding-right: 0; margin-bottom: 20px; }
	#aas #swrap_1 #sec_2 .titlebox .copy{ text-align: center; display: block; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#aas #swrap_1 #sec_2 .imgtxtbox{ display: flex; flex-direction: row; }
#aas #swrap_1 #sec_2 .imgtxtbox .txtbox{ width: 54%; padding: 160px 8% 140px; flex-shrink: 0; background: #ebf2f8; box-sizing: border-box; padding-left: 9%; }
#aas #swrap_1 #sec_2 .imgtxtbox .txtbox .list{  }
#aas #swrap_1 #sec_2 .imgtxtbox .txtbox .list>li{  }
#aas #swrap_1 #sec_2 .imgtxtbox .imgbox{ position: relative; width: 100%; }
#aas #swrap_1 #sec_2 .imgtxtbox .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-position: 50% 35%; }
#aas #swrap_1 #sec_2 .imgtxtbox._imgleft{ flex-direction: row-reverse; }
#aas #swrap_1 #sec_2 .imgtxtbox._imgleft .txtbox{ padding-left: 8%; padding-right: 9%; background: #f7f7f7; }
@media screen and (max-width: 1200px){
	#aas #swrap_1 #sec_2 .imgtxtbox .txtbox{ width: 60%; padding-top: 120px; padding-bottom: 100px; }
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_2 .imgtxtbox{ display: block; }
	#aas #swrap_1 #sec_2 .imgtxtbox .txtbox{ width: 100%; padding: 50px 8%;padding-left: 8%; }
	#aas #swrap_1 #sec_2 .imgtxtbox .imgbox img{ height: 500px; position: static; }
	#aas #swrap_1 #sec_2 .imgtxtbox._imgleft .txtbox{ padding-left: 8%; padding-right: 8%; }
}
@media screen and (max-width: 767px) {
	#aas #swrap_1 #sec_2 .imgtxtbox .imgbox img{ height: auto; }
	#aas #swrap_1 #sec_2 .imgtxtbox .txtbox{ padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}

#aas #swrap_1 #sec_2 .whitebox{ padding: 80px 0 ; }
#aas #swrap_1 #sec_2 .whitebox>.incnt{  }
#aas #swrap_1 #sec_2 .whitebox .list{  }
#aas #swrap_1 #sec_2 .whitebox .list>li{ margin-bottom: 30px; }
#aas #swrap_1 #sec_2 .whitebox .list>li:last-child{ margin-bottom: 0; }
#aas #swrap_1 #sec_2 .whitebox .list>li>dl{ display: flex; flex-direction: row; min-height: 78px; }
#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dt{ color: #005caa; font-weight: 600; font-size: 2.2rem; display: flex; align-items: center; padding-right: 30px; margin-right: 45px; position: relative; padding-top: 20px; padding-bottom: 20px; flex-shrink: 0; width: 270px; box-sizing: border-box; letter-spacing: 0.1em; }
#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dt:after{ content: ""; background: #005caa; width: 1px; height: calc(100% - 6px); position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; }
#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dd{ display: flex; flex-direction: column; justify-content: center; }
#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dd .list2{  margin-left: -15px; }
#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dd .list2>li{ display: inline-block; margin-left: 15px; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_2 .whitebox{ padding: 50px 0 ; }
	#aas #swrap_1 #sec_2 .whitebox .list>li>dl{ display: block; min-height: auto; }
	#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dt{ font-size: 1.8rem; padding-right: 0; margin-right: 0; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; width: 100%; }
	#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dt:after{ content: none; }
	#aas #swrap_1 #sec_2 .whitebox .list>li>dl>dd{ display: block;  }
}
@media screen and (max-width: 767px) {
	#aas #swrap_1 #sec_2 .whitebox{ padding: 40px 0 45px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}


#aas #swrap_1 #sec_3 table.type1 thead th{ border-top: 0; }
#aas #swrap_1 #sec_3 table.type1 tr th:first-child{ border-left: 0; }
#aas #swrap_1 #sec_3 table.type1 tr th:last-child,
#aas #swrap_1 #sec_3 table.type1 tr td:last-child{ border-right: 0; }
#aas #swrap_1 #sec_3 table.type1 tr:last-child th,
#aas #swrap_1 #sec_3 table.type1 tr:last-child td{ border-bottom: 0; }
#aas #swrap_1 #sec_3 table.type1 thead th:nth-child(2),
#aas #swrap_1 #sec_3 table.type1 tbody td:nth-child(2){ border-bottom: 1px solid #fff;  }
#aas #swrap_1 #sec_3 table.type1 thead th:nth-child(2){ background: #005caa; color: #fff; font-weight: bold; font-size: 1.8rem;  }
#aas #swrap_1 #sec_3 table.type1 tbody td:nth-child(2){ background: #196cb2; color: #fff; font-weight: bold; }
#aas #swrap_1 #sec_3 table.type1 th>.inwrap{ font-weight: bold; min-height: 47px; display: flex; flex-direction: column; justify-content: center; }
#aas #swrap_1 #sec_3 table.type1 th>.inwrap span{ font-weight: bold;  }
#aas #swrap_1 #sec_3 table.type1 tbody td{ text-align: center; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_3 table.type1 thead th:nth-child(2){ font-size: 1.6rem; line-height: 2; }
}
@media screen and (max-width: 767px) {
	#aas #swrap_1 #sec_3 .table1{ width: 100%; overflow-x: auto; }
	#aas #swrap_1 #sec_3 table.type1{ width: 700px; }
	#aas #swrap_1 #sec_3 table.type1 th>.inwrap{ min-height: auto; display: block; }
	#aas #swrap_1 #sec_3 table.type1 th>.inwrap span{ font-weight: bold; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
}



#aas #swrap_1 #sec_4{ position: relative; padding: 110px 0 90px; }
#aas #swrap_1 #sec_4 .bg2{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
#aas #swrap_1 #sec_4 .incnt{ max-width: 1110px; }
#aas #swrap_1 #sec_4 .copy{ text-align: center; color: #005caa; margin-bottom: 40px; }
#aas #swrap_1 #sec_4 .list{ display: flex; flex-direction: row; margin-left: -40px; }
#aas #swrap_1 #sec_4 .list>li{ margin-left: 40px; display: flex; flex-direction: column; width: calc(33.33% - 40px); }
#aas #swrap_1 #sec_4 .list>li>dl{  }
#aas #swrap_1 #sec_4 .list>li>dl>dt{ position: relative; height: auto; }
#aas #swrap_1 #sec_4 .list>li>dl>dt:before {content: ""; display: block; padding-top: 100%; }
#aas #swrap_1 #sec_4 .list>li>dl>dt>.inwrap{ text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#aas #swrap_1 #sec_4 .list>li>dl>dt .title{ display: inline-block; background: #005caa; font-weight: bold; font-size: 2.2rem; padding: 16px; line-height: 1.4; box-sizing: border-box; max-width: 80%; min-width: 180px; position: relative; z-index: 2; color: #fff; }
#aas #swrap_1 #sec_4 .list>li>dl>dt .title span{ font-weight: 600; }
#aas #swrap_1 #sec_4 .list>li>dl>dt .bg1{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
#aas #swrap_1 #sec_4 .list>li>dl>dd{ padding-top: 30px; margin-top: auto; padding-left: 8%; padding-right: 8%; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1040px){
	#aas #swrap_1 #sec_4{ padding: 70px 0; }
	#aas #swrap_1 #sec_4 .incnt{ max-width: 690px; }
	#aas #swrap_1 #sec_4 .list{ margin-left: -35px; }
	#aas #swrap_1 #sec_4 .list>li{ margin-left: 35px; width: calc(33.33% - 35px); }
	#aas #swrap_1 #sec_4 .list>li>dl>dt .title{ font-size: 1.8rem; padding: 10px; line-height: 1.6; max-width: auto; min-width: 160px; }
	#aas #swrap_1 #sec_4 .list>li>dl>dt .title .br1{ display: block; }
	#aas #swrap_1 #sec_4 .list>li>dl>dd{ padding-top: 20px; }
}
@media screen and (max-width: 767px) {
	#aas #swrap_1 #sec_4{ padding: 60px 0 70px; }
	#aas #swrap_1 #sec_4 .list{ display: block; margin-left: 0; }
	#aas #swrap_1 #sec_4 .list>li{ margin-left: 0; width: 100%; margin-bottom: 40px; }
	#aas #swrap_1 #sec_4 .list>li:last-child{ margin-bottom: 0; }
	#aas #swrap_1 #sec_4 .list>li>dl{ display: flex; flex-direction: row; }
	#aas #swrap_1 #sec_4 .list>li>dl>dt{ margin-right: 8%; flex-shrink: 0; min-width: 240px; }
	#aas #swrap_1 #sec_4 .list>li>dl>dd{ padding-top: 0; display: flex; align-items: center; margin-top: 0; padding-left: 0; padding-right: 0; }
	#aas #swrap_1 #sec_4 .incnt{ max-width: 480px; }
}
@media screen and (max-width: 639px){
}
@media screen and (max-width: 479px){
	#aas #swrap_1 #sec_4 .copy{ text-align: left; }
	#aas #swrap_1 #sec_4 .list>li>dl{ display: block; }
	#aas #swrap_1 #sec_4 .list>li>dl>dt{ margin-right:0; min-width: auto; }
	#aas #swrap_1 #sec_4 .list>li>dl>dd{ display: block; padding-left: 8%; padding-right: 8%; margin-top: 20px; }
	#aas #swrap_1 #sec_4 .list{ margin-left: auto; margin-right: auto; width: 80%; }
}