@charset "UTF-8";
.About{
max-width: 100%;
margin: 0 auto;
background: url(../../common/img/about/about_bg_06_pc.jpg) left top repeat;
z-index: -3;
position: relative;
overflow: hidden;
}
.AboutBtn {
max-width: 1040px;
margin: 0 auto 2%;
padding: 0 20px;
box-sizing: border-box;
}
.AboutBtn__items {
display: flex;
justify-content: space-between;
width: 65.6%;
margin: 0 auto
}
.AboutBtn__item {
flex: 0 1 45.73170731707317%;
border: #cc3333 1px solid;
}
a.AboutBtn__link{
display: block;
height: 100%;
box-sizing: border-box;
color: #cc3333;
padding: 5.7% 0;
text-align: center
}
a.AboutBtn__link i{
color: #cc3333;
}
a.AboutBtn__link:hover{
background-color:  #cc3333;
color: #fff;
opacity: 1;
}
a.AboutBtn__link:hover i{
color: #fff;
}
a.AboutBtn__link.on{
background-color: #cc3333;
color: #fff;
}
a.AboutBtn__link.on i{
color: #fff;
}
.AboutWrap{
max-width: 1040px;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
position: relative
}
.AboutWrapOuter{
min-width: 1000px;
margin: 0 auto 1.9%;
overflow: hidden;
}
.AboutWrap--01{
position: relative;
padding: 3.2% 20px 7%
}
.About__ttl--01{
width: 97.946154%;
margin: 0 auto 4.1%;
}
.About__img{
width: 46.271795%;
margin: 0 auto;
padding: 0 0 0 2.5%;
}
.AboutWrap--02{
margin: 0 auto;
width: 1000px;
}
.About__ttl--02{
margin: 0 -397px;
padding: 0 0 0 49px
}
.AboutWrap__text{
font-size: 1.125rem/*18*/;
text-align: center;
margin: 0 0 4.4%;
line-height: 2.2
}
.AboutWrap__text--last{margin: 0}
.AboutWrap__text--red{
color: #c01a2b
}
.AboutWrap--03{
position: relative;
padding: 0 20px 790px;
}
.AboutWrap__img{
position: absolute
}
.AboutWrap__img--01{
width: 16.79487179487179%;
left: -5.9%;
bottom: 15%;
}
.AboutWrap__img--02{
width: 31.08974358974359%;
bottom: -2.6%;
right: -11.5%;
}
.AboutWrap__img--03{
width: 57.78846153846154%;
right: -35.9%;
bottom: 35%;
}
.AboutWrap__img--04{
width: 34.71153846153846%;
bottom: 2%;
left: -18%;
}
.AboutWrap__img--05{
width: 46.08974358974359%;
right: 14%;
bottom: 27.1%;
}
.AboutWrap__img--06{
width: 38.84615384615385%;
left: 7%;
bottom: 19.7%;
}
.AboutWrap__img--07{
width: 29.80769230769231%;
bottom: 7%;
right: 1.7%;
}
.AboutWrap__img--08{
width: 36.66666666666667%;
top: -2%;
left: -10.3%;
}
@media screen and (max-width: 1040px) {
a.AboutBtn__link,
a.AboutBtn__link i{
font-size: 1.8vw;
}
}
@media screen and (max-width: 1000px) {
.AboutBtn {padding: 0 2vw}
.AboutWrap__text{font-size: 1.8vw}
.AboutWrap--03{
padding: 0 20px 79vw;
}
.AboutWrapOuter{min-width: 100%}
.AboutWrap--02 {width: 100%}
.About__ttl--02{
margin: 0 -39.7vw;
padding: 0 0 0 4.9vw
}
}
@media screen and (max-width: 800px) {
.AboutBtn__items {width: 77.6%}
}

.Tab--02{
display: none
}
/*salutation*/
.About__ttl--03{
width: 92.8%;
margin: 0 auto;
padding: 0 0 0 2.1%;
}
.AboutWrap--04{
padding: 3.1% 20px 3.7%;
}
.About__name{
width: 21.2%;
margin: 0 auto 7%
}
.About__img--02{
width: 63%;
margin: 0 auto;
padding: 0;
}
.AboutWrap__text--06{margin: 0 0 5.8%}
.About__img--03{
width: 39%;
margin: 0 auto;
}
.AboutWrap__text--08{margin: 0 0 5%}
.AboutWrap--05{
padding-bottom: 3.7%;
}
.About__img--04{
width: 93%;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 1;
}
.AboutWrap__text--10{margin: 0 0 9.4%}
.AboutWrap--06{padding-bottom: 9%}
.AboutWrap__img--09{
left: -3.8%;
top: 47.4%;
width: 14.494872%;
}
.AboutWrap__img--10{
width: 28.289744%;
right: -8.5%;
top: 73%;
}
.AboutWrap__img--11{
top: 21.5%;
width: 37.8%;
left: -11%
}
.AboutWrap__img--12{
width: 60%;
top: -18%;
right: -38%
}
.AboutWrap__img--13{
left: -18%;
width: 34%;
bottom: 7%
}
.AboutSpBlock{
display: none
}
.AboutPcBlock{
display: block
}
@media screen and (max-width: 599px) {
.AboutSpBlock{display: block}
.AboutPcBlock{display: none}
.AboutWrapOuter {margin: 0 auto}
.AboutBtn {margin: 0 auto 5.7%}
.AboutBtn__items {width: 96.6%}
.AboutBtn__item {flex: 0 1 44.731707%}
a.AboutBtn__link{
font-size: 5.1vw;
line-height: 1.35;
letter-spacing: 0.15rem;
}
a.AboutBtn__link i{font-size: 4.5vw}
a.AboutBtn__link--01{padding: 12.5% 0}
a.AboutBtn__link--02{padding: 20.5% 0}
.About__ttl--01{
width: 100%;
margin: 0 auto -2.9%
}
.AboutWrap{
padding: 3.2% 3.9% 7%;
}
.AboutWrap--01 {padding: 7.2% 3.9% 17%}
.About__img {
width: 73.371795%;
margin: 0 auto;
padding: 0 0 0 3.5%
}
.About__ttl--02 {
margin: 0;
padding: 0 0 0 4.9vw
}
.AboutWrap--02 {padding: 0}
.AboutWrap--03{padding: 4.6% 3.9% 98%}
.About__ttl--02 {
margin: 0;
padding: 0
}
.AboutWrap__text {
font-size: 3.8vw;
text-align: justify;
line-height: 1.85;
margin: 0 0 6.6%
}
.AboutWrap__img--01 {
width: 18.794872%;
left: -1.9%;
bottom: 33%
}
.AboutWrap__img--02 {
width: 33.089744%;
bottom: -20.6%;
right: -7.3%
}
.AboutWrap__img--03 {
width: 68.788462%;
right: -22.9%;
bottom: 49.9%
}
.AboutWrap__img--04 {
width: 40.711538%;
bottom: 5%;
left: -18%
}
.AboutWrap__img--05 {
width: 65.089744%;
right: 3%;
bottom: 19.5%
}
.AboutWrap__img--06 {
width: 49.546154%;
left: 4%;
bottom: 10.9%
}
.AboutWrap__img--07 {
width: 41.507692%;
bottom: 4.8%;
right: 3.4%
}
.AboutWrap__img--08 {
width: 45.666667%;
top: 12%;
left: -10.3%
}
.AboutWrap__img--09 {
left: -3.8%;
top: 32.9%;
width: 19.494872%
}
.AboutWrap__img--10 {
width: 37.289744%;
right: -8.5%;
top: 98%
}
.AboutWrap__img--11 {
top: 20.5%;
width: 46.8%;
left: -11%
}
.AboutWrap__img--12 {
width: 72%;
top: -27%;
right: -26%
}
.AboutWrap__img--13 {
left: -18%;
width: 43%;
bottom: 52%
}
.About__img--02,
.About__img--04,
.About__ttl--03 {
width: 100%;
margin: 0 auto;
padding: 0
}
.About__img--03 {
width: 64.571795%;
margin: 0 auto;
padding: 0;
padding: 0 0 0 6%
}

.About__name {
width: 40.4%;
margin: 5.7% auto 9%;
padding: 0
}
.AboutWrap--04 {padding: 6.2% 3.9% 7%}
.AboutWrap__text{margin: 0 0 8.3%}
.AboutWrap--04{padding: 6.2% 3.9% 6.4%}
.AboutWrap__text--08{margin: 0 0 3.6%}
.AboutWrap__text--10{margin: 0 0 10.8%}
.AboutWrap--06{padding: 3.2% 3.9% 13.7%}
.about.breadcrumbs{
margin: 25vw 5% 8vw;
}
.underlayer #contents-wrap.About{
margin-top: 1vw !important
}
}