main { background: #f0f0f0; }

#section-title { padding-top: 100px; margin: 0 auto; /*background: url(../../images/company/bg-title.jpg) 50% 50% no-repeat; background-size: cover;*/ }

#section-title .image { background: url(../../images/company/bg-title.jpg) 50% 50% no-repeat; background-size: auto 200%; width: 100%; height: 600px; }

#section-message { padding-top: 80px; margin: 0 auto; max-width: 1000px; }

#section-message ._h3 { font-size: 30px; letter-spacing: 1px; }

#section-message ._h4 { margin-bottom: 20px; font-size: 20px; letter-spacing: 1px; }

#section-message ._p { margin-bottom: 20px; }

#section-message .box-service { margin: 20px 0; }

#section-message .box-image { width: 40%; }

#section-message .box-image .image { padding-top: 0px !important; }

#section-message .box-text { width: 55%; }

#section-message .-dual_flame { border: none; }

#section-message .-text { padding: 120px 80px; }

#section-message .-text h2 { font-size: 8.0rem; margin-bottom: 40px; color: #999999; }

#section-message .-text h3 { font-size: 2.0rem; margin-bottom: 40px; background: #000000; color: #ffffff; padding: 10px 20px; display: inline-block; }

#section-message .-text p { font-size: 1.8rem; line-height: 1.8; color: #666666; margin-bottom: 10px; }

#section-team { padding-top: 80px; margin: 0 auto; width: 1060px; }

#section-team h3 { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 20px; font-size: 30px; letter-spacing: 1px; }

#section-team h4 { text-align: center; padding-top: 20px; font-size: 14px; }

#section-team h4 span.en { letter-spacing: 1px; }

#section-team .box-card { padding: 0 20px; margin-bottom: 60px; }

#section-team .box-card.anime:nth-child(4n - 3).anime_in { -webkit-animation-delay: 0s; animation-delay: 0s; }

#section-team .box-card.anime:nth-child(4n - 3).anime_in:after { -webkit-animation-delay: 0s; animation-delay: 0s; }

#section-team .box-card.anime:nth-child(4n - 2).anime_in { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

#section-team .box-card.anime:nth-child(4n - 2).anime_in:after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

#section-team .box-card.anime:nth-child(4n - 1).anime_in { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

#section-team .box-card.anime:nth-child(4n - 1).anime_in:after { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

#section-team .box-card.anime:nth-child(4n).anime_in { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

#section-team .box-card.anime:nth-child(4n).anime_in:after { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

#section-team .box-image { padding-top: 100%; }

#section-team .box-image-large { background-size: cover !important; position: relative; }

#section-team .box-image-large h3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; opacity: 1; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; text-shadow: 0 0 3px #999999; /*&:hover{opacity: 0.4;}*/ }

#section-team .box-image-large h3 span { display: table-cell; vertical-align: middle; text-align: center; font-size: 3.6rem; color: white; }

#section-team .box-text { color: #898989; }

#section-team .box-text h3 { font-size: 2.4rem; margin-bottom: 0; }

#section-team .box-text h3 span { font-size: 1.6rem; margin-left: 0.5em; }

#section-team .box-text .title { font-size: 1.6rem; margin-bottom: 40px; }

#section-team .box-text .text { font-size: 1.6rem; }

#section-team .box-text a { color: #333333; }

#section-team .content-bottom { clear: both; }

#section-team .content-bottom .h { font-size: 1.6rem; text-align: center; font-weight: bold; margin-bottom: 10px; }

#section-team .content-bottom ._btn { margin: 0 auto; }

#section-team .content-bottom ._btn a { color: #ffffff; text-decoration: none; display: block; font-size: 1.4rem; letter-spacing: 1px; padding: 6px 0; font-weight: 700; position: relative; }

#section-team .content-bottom ._btn a:before { content: ">"; position: absolute; right: 20px; top: calc(50% - 11px); font-size: 2.0rem; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); color: #ffffff; }

#section-company { padding: 80px 0 40px 0; margin: 0 auto; max-width: 1000px; }

#section-company h3 { margin-bottom: 20px; font-size: 30px; letter-spacing: 1px; }

#section-company dl { border-top: 1px dotted #707070; border-bottom: 1px dotted #707070; font-size: 1.6rem; line-height: 1.5; position: relative; margin: 0 auto; max-width: 1000px; }

#section-company dl:before { content: ""; background: white; width: 100%; height: 1px; position: absolute; top: 0; left: 0; }

#section-company dl dt { width: 150px; float: left; padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px dotted #707070; }

#section-company dl dd { margin-left: 150px; padding: 15px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px dotted #707070; }

#section-company dl dd br { margin-bottom: 10px; }

#section-company dl ._btn { display: inline-block; position: relative; line-height: 1; margin-top: -3px; margin-left: 10px; padding: 0px; width: 160px; }

#section-company dl ._btn a { color: #ffffff; padding: 8px; font-size: 1.2rem; }

#section-company dl ._btn a:after { content: "\f35d"; font-family: "Font Awesome 5 Free"; -webkit-transform: none; transform: none; font-weight: 900; font-size: 1.4rem; right: 20px; top: calc(50% - 12px); color: #ffffff; margin-left: 5px; }

#section-link { padding: 0 0 120px 0; margin: 0 auto; }

#section-link .box { margin-bottom: 80px; }

#section-link .L-l { margin-left: auto; margin-right: auto; max-width: 1000px; }

#section-link h3 { margin-top: 100px; margin-bottom: 20px; font-size: 30px; letter-spacing: 1px; }

#section-link .image { display: block; height: 400px; width: 100%; background-size: cover !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; }

#section-link ._btn { position: relative; line-height: 1; margin-top: -3px; padding: 0px; width: 160px; }

#section-link ._btn a { color: #ffffff; padding: 8px; font-size: 1.2rem; }

#section-link ._btn a:after { content: ">"; position: absolute; right: 20px; top: calc(50% - 11px); font-size: 2.0rem; -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); color: #ffffff; }

#section-link ._btn.link:after { content: "\f35d"; font-family: "Font Awesome 5 Free"; -webkit-transform: none; transform: none; font-weight: 900; font-size: 1.4rem; right: 20px; top: calc(50% - 12px); color: #ffffff; margin-left: 5px; }

#section-link ._btn.big { width: 220px; margin: 30px auto; }

#section-link ._btn.big a { padding: 16px 12px; font-size: 1.4rem; }

#section-link ._p { font-size: 16px; margin: 40px 0 20px 0; display: inline-block; }

#section-link .address { font-size: 16px; margin: 0 0 20px 0; display: inline-block; }

#section-map { padding: 80px 0; margin: 0 auto; max-width: 1000px; }

#section-map .gmap { height: 0; overflow: hidden; padding-bottom: 36.25%; position: relative; }

#section-map .gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

#section-map .link { padding-top: 40px; }

#section-map .link a { color: #b72a2a; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; text-decoration: none; font-size: 1.6rem; font-weight: normal; }

#section-map .link a:before { padding-right: 5px; color: #333333; font-weight: bold; }

#section-map .link a:hover { opacity: 0.8; }

@media screen and (min-width: 2000px) { #section-title .image { background: url(../../images/company/bg-title.jpg) 50% 50% no-repeat; background-size: cover; width: 100%; height: 600px; } }