/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
.blue { color: #f39700; }

.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.imgScale, .img_ef img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 4s; transition-duration: 4s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; }

.imgScaleHv { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.img_ef { position: relative; overflow: hidden; display: block; }

.breadcrumb { margin-bottom: 0; }

.box_breadcrumb { margin-bottom: 5px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .box_breadcrumb { margin-bottom: 0; z-index: 20; background: #fff; } }

.boxMain { position: relative; background-image: url("../../img/about/bg_main_1.jpg"); background-attachment: fixed; background-position: top 57px center; background-repeat: no-repeat; background-size: 100% auto; }

@media only screen and (min-width: 1026px) and (max-width: 1300px) { .boxMain { background-position: bottom -50px center; } }

@media only screen and (max-width: 1024px) { .boxMain { background-position: center; background-attachment: scroll; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain { background: url("../../img/about/bg_main_sp.jpg") top center/100% no-repeat; position: relative; z-index: 0; } }

.boxMain__inner { padding: 18% 0 24.7%; text-align: center; color: #f39700; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__inner { padding: 80px 0 126px; height: 321px; } }

.boxMain__inner .txt01 { margin-bottom: 32px; display: block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__inner .txt01 { margin-bottom: 10px; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__inner .txt01 img { max-width: 160px; } }

.boxMain__inner .txt02 { font-size: 72px; font-size: 7.2rem; line-height: 95px; letter-spacing: 0em; font-weight: bold; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxMain__inner .txt02 { font-size: 33px; font-size: 3.3rem; line-height: 45px; } }

@media only screen and (max-width: 350px) { .boxMain__inner .txt02 { font-size: 25px; font-size: 2.5rem; line-height: 40px; } }

.title_cm { font-size: 15px; font-size: 1.5rem; line-height: 22px; letter-spacing: 0.12em; margin-bottom: 36px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .title_cm { font-size: 16px; font-size: 1.6rem; margin-bottom: 25px; } }

.title_cm__en { font-size: 74px; font-size: 7.4rem; line-height: 86px; letter-spacing: 0.02em; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .title_cm__en { font-size: 37px; font-size: 3.7rem; line-height: 48px; } }

.txtSub { letter-spacing: 0; text-align: center; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .txtSub { text-align: left; } }

.boxapproach { position: relative; background: #fff; box-shadow: 0 -3px 4px rgba(157, 168, 181, 0.21); padding: 138px 0 75px; overflow: hidden; margin-top: -43px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach { padding: 68px 0 40px; margin-top: -28px; z-index: 3; } }

.boxapproach:before { content: ""; width: 1px; height: 360px; background: #808080; position: absolute; left: 0; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 255px; transform-origin: top; }

@media only screen and (max-width: 767px) { .boxapproach:before { height: 155px; left: 109px; } }

.boxapproach__list { line-height: 0; }

.boxapproach__list:before, .boxapproach__list:after { content: " "; display: table; }

.boxapproach__list:after { clear: both; }

.boxapproach__item { float: left; width: 50%; text-align: center; background: #fff; padding: 59px 0; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item { float: none; width: 100%; padding: 60px 20px; } }

.boxapproach__item:first-child, .boxapproach__item:last-child { background: #F7F7F7; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item:first-child, .boxapproach__item:last-child { background: #fff; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item:nth-child(odd) { background: #F7F7F7; } }

.boxapproach__item:nth-child(2n+1) { clear: both; }

@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait) { .boxapproach__item__img { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; } }

.boxapproach__item img { margin-bottom: 22px; max-width: 387px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item img { max-width: 302px; margin-bottom: 26px; } }

@media only screen and (max-width: 370px) { .boxapproach__item img { max-width: 230px; } }

.boxapproach__item img.img02 { max-width: 330px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item img.img02 { max-width: 258px; } }

@media only screen and (max-width: 370px) { .boxapproach__item img.img02 { max-width: 200px; } }

.boxapproach__item img.img03 { max-width: 391px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item img.img03 { max-width: 307px; } }

@media only screen and (max-width: 370px) { .boxapproach__item img.img03 { max-width: 230px; } }

.boxapproach__item img.img04 { max-width: 293px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item img.img04 { max-width: 229px; } }

@media only screen and (max-width: 370px) { .boxapproach__item img.img04 { max-width: 210px; } }

.boxapproach__item .txth4 { font-size: 26px; font-size: 2.6rem; line-height: 38px; letter-spacing: 0em; font-weight: 500; margin-bottom: 7px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item .txth4 { font-size: 22px; font-size: 2.2rem; line-height: 36px; margin-bottom: 10px; } }

@media only screen and (max-width: 370px) { .boxapproach__item .txth4 { font-size: 20px; font-size: 2rem; } }

.boxapproach__item .txth4 span { font-size: 26px; font-size: 2.6rem; line-height: 38px; letter-spacing: 0em; font-weight: bold; background: #CFE5F3; padding: 2px 3px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item .txth4 span { font-size: 22px; font-size: 2.2rem; } }

.boxapproach__item p { line-height: 30px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxapproach__item p { line-height: 27px; text-align: left; } }

.boxdata { padding: 135px 0 131px; position: relative; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata { padding: 68px 0 63px; box-shadow: 0 -3px 4px rgba(157, 168, 181, 0.21); } }

.boxdata:before { content: ""; width: 1px; height: 360px; background: #808080; position: absolute; left: 0; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 255px; transform-origin: top; }

@media only screen and (max-width: 767px) { .boxdata:before { height: 155px; left: 109px; } }

.boxdata .container { max-width: 1140px; }

.boxdata .txtSub { margin-bottom: 68px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata .txtSub { margin-bottom: 50px; } }

.boxdata__list { margin: 0 -9px; }

.boxdata__list:before, .boxdata__list:after { content: " "; display: table; }

.boxdata__list:after { clear: both; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__list { margin: 0; } }

.boxdata__item { float: left; width: 33.333%; padding: 0 9px 18px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item { float: left; width: 100%; padding: 0 0 18px; } }

.boxdata__item__inner { background: #F7F7F7; padding: 23px 28px 8px; padding-left: 50px; position: relative; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner { padding: 25px 20px 30px; padding-left: 38px; } }

.boxdata__item__inner .txtYear { color: #f39700; font-size: 42px; font-size: 4.2rem; line-height: 92px; letter-spacing: 0em; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner .txtYear { font-size: 39px; font-size: 3.9rem; } }

@media only screen and (max-width: 370px) { .boxdata__item__inner .txtYear { font-size: 30px; font-size: 3rem; } }

.boxdata__item__inner .txtYear .txt100 { font-size: 100px; font-size: 10rem; line-height: 113px; font-family: "Roboto", sans-serif; font-weight: 300; }

@media only screen and (max-width: 1024px) { .boxdata__item__inner .txtYear .txt100 { font-size: 85px; font-size: 8.5rem; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner .txtYear .txt100 { font-size: 94px; font-size: 9.4rem; } }

@media only screen and (max-width: 370px) { .boxdata__item__inner .txtYear .txt100 { font-size: 80px; font-size: 8rem; } }

.boxdata__item__inner .txtTitle { font-size: 25px; font-size: 2.5rem; line-height: 35px; letter-spacing: 0; font-weight: bold; position: relative; z-index: 2; }

@media only screen and (max-width: 1024px) { .boxdata__item__inner .txtTitle { font-size: 22px; font-size: 2.2rem; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner .txtTitle { font-size: 23px; font-size: 2.3rem; line-height: 32px; } }

@media only screen and (max-width: 370px) { .boxdata__item__inner .txtTitle { font-size: 20px; font-size: 2rem; } }

.boxdata__item__inner .txtSmall { font-size: 12px; font-size: 1.2rem; line-height: 22px; letter-spacing: 0em; text-align: right; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner .txtSmall { position: absolute; right: 15px; bottom: 15px; } }

.boxdata__item__inner .img { position: relative; text-align: right; margin-top: -44px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner .img { margin-top: -38px; } }

.boxdata__item__inner .img .ico03 { margin-right: 20px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__inner .img .ico03 { max-width: 161px; margin-right: 0; } }

.boxdata__item--full { width: 100%; }

.boxdata__item--full .boxdata__item__inner { display: table; padding: 84px 48px 88px; padding-left: 50px; width: 100%; background: #F7F7F7 url("../../img/about/ico_04.svg") center left no-repeat; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--full .boxdata__item__inner { padding: 25px 20px 20px; padding-left: 38px; background: #F7F7F7 url("../../img/about/ico_04_sp.svg") top 23px right 24px no-repeat; } }

.boxdata__item--full .txtSmall { position: absolute; bottom: 19px; right: 29px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--full .txtSmall { position: relative; right: auto; bottom: auto; } }

.boxdata__item__left, .boxdata__item__imgCen, .boxdata__item__right { display: table-cell; vertical-align: middle; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__left, .boxdata__item__imgCen, .boxdata__item__right { display: block; } }

.boxdata__item__left { padding-right: 24px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__left { padding: 0; margin-bottom: 40px; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__sp { text-align: center; margin-left: -18px; margin-bottom: 12px; padding: 0 18px; } }

.boxdata__item__right { text-align: left; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__right { margin-bottom: 20px; margin-left: 11px; text-align: left; }
  .boxdata__item__right img { max-width: 30px; } }

@media only screen and (max-width: 370px) { .boxdata__item__right { margin-left: 0; } }

.boxdata__item__right span { color: #f39700; font-size: 30px; font-size: 3rem; line-height: 35px; letter-spacing: 0em; font-weight: 500; font-family: "Roboto", sans-serif; display: inline-block; vertical-align: middle; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item__right span { font-size: 20px; font-size: 2rem; line-height: 24px; } }

.boxdata__item--last .boxdata__item__inner { background: #F7F7F7 url("../../img/about/ico_08.svg") center left 50px no-repeat; padding: 67px 30px; padding-left: 51px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--last .boxdata__item__inner { padding: 25px 20px 20px; background: #F7F7F7 url("../../img/about/ico_08_sp.svg") top 35px right 24px no-repeat; background-size: 138px; } }

@media (min-width: 897px) and (orientation: landscape), (min-width: 768px) and (orientation: portrait) { .boxdata__item--last .boxdata__item__left { max-width: 290px; } }

.boxdata__item--last .boxdata__item__left .txtYear { font-size: 35px; font-size: 3.5rem; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--last .boxdata__item__left .txtYear { font-size: 32px; font-size: 3.2rem; } }

.boxdata__item--last .boxdata__item__left .txt100 { font-size: 84px; font-size: 8.4rem; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--last .boxdata__item__left .txt100 { font-size: 77px; font-size: 7.7rem; } }

@media only screen and (max-width: 350px) { .boxdata__item--last .boxdata__item__left .txt100 { font-size: 54px; font-size: 5.4rem; } }

.boxdata__item--last .boxdata__item__imgCen { padding-left: 30px; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--last .boxdata__item__right { margin-left: 30px; } }

@media only screen and (max-width: 350px) { .boxdata__item--last .boxdata__item__right { margin-left: 19px; } }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__item--last .boxdata__item__sp { margin-left: 0; } }

.boxdata__char { margin: 0 -8px; }

.boxdata__char:before, .boxdata__char:after { content: " "; display: table; }

.boxdata__char:after { clear: both; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__char { margin: 0; } }

.boxdata__char picture { float: left; width: 50%; padding: 0 8px; display: block; }

@media (max-width: 896px) and (orientation: landscape), (max-width: 767px) and (orientation: portrait) { .boxdata__char picture { float: none; width: 100%; padding: 0; margin: 0 0 17px; }
  .boxdata__char picture:last-child { margin-bottom: 0; } }

/*# sourceMappingURL=maps/aboutus.min.css.map */