@charset "UTF-8";
/* =========================
   contents (company)
========================= */
.main .box{
padding:1.5rem;
margin:0 auto 2rem;
border:1px solid #7e1083;
box-sizing:border-box;
}
#message p{
font-size:var(--font-size-20);
text-align:left;
line-height:2;
}
#message .sig{
text-align:right;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:flex-end;
}
#message .sig img{
width:13vw;
}
#message .sig span{
font-size:var(--font-size-18);
font-weight:600;
}
#advantages .ttl{
margin-bottom:0;
background-image:url("images/com01.jpg");
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
padding:4rem 0;
}
#advantages .ttl2{
margin-bottom:6rem;
background-image:url("images/com03.jpg");
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
padding:4rem 0;
}
#advantages h3{
color:#fff;
text-align:left!important;
}
#advantages h3 span{
text-align:left;
color:#9e9e9e;
}
#advantages .ttl p{
font-size:var(--font-size-50);
color:#fff;
font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
margin-bottom:1rem;
}
#advantages .ttl2 p{
font-size:var(--font-size-36);
color:#fff;
font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
margin-bottom:1rem;
}
#advantages .conte{
margin-bottom:2rem;
}
#advantages .conte .inner{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#advantages .conte .image{
width:45%;
}
#advantages .conte dl{
width:50%;
text-align:left;
line-height:1.8;
}
#advantages .conte dt{
font-size:var(--font-size-28);
margin-bottom:2rem;
font-weight:600;
}
#advantages .conte dd{
font-size:var(--font-size-20);
}
#outline dl{
background:#f7f7f7;
margin-bottom:1rem;
display:flex;
align-items:center;
padding:1rem;
text-align:left;
font-size:var(--font-size-20);
}
#outline dt{
display:flex;
width:15%;
font-weight:600;
}
#outline dd.partners{
display:flex;
align-items:flex-start;
width:100%;
}
#outline dd.partners ul{
width:50%;
}
#outline h4{
font-size:var(--font-size-26);
font-weight:600;
position:relative;
padding-left:2.5rem;
}
h4::before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:1.5rem;
height:4px;
background:#7e1083;
}
#outline .map{
position:relative;
width:100%;
height:380px;
}
#outline p{
font-size:var(--font-size-20);
position:relative;
padding-left:28px;
text-indent:-28px;
}
#outline p:before{
content:"\f0c8";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:15px;
color:#7e1083;
}
#history .box{
padding:3rem!important;
}
#history dl{
display:flex;
flex-wrap:wrap;
align-items:center;
text-align:left;
font-size:var(--font-size-20);
}
#history dt{
padding:1rem;
border-top:solid 1px #7e1083;
border-bottom:solid 1px #7e1083;
}
#history dd{
padding:1rem;
border-top:solid 1px #e9eff4;
border-bottom:solid 1px #e9eff4;
}

@media (max-width:768px){
#message .sig img{
width:20vw;
}
#advantages .conte .image{
width:100%;
margin-bottom:2rem;
}
#advantages .conte .image img{
width:100%;
}
#advantages .conte dl{
width:100%;
}
#outline dt{
width:22%;
}
#outline dd.partners{
display:flex;
flex-direction:column;
align-items:flex-start;
width:100%;
}
#outline dd.partners ul{
width:100%;
}
}

@media (max-width:520px){
#message .sig img{
width:40vw;
}
#outline dl{
flex-direction:column;
align-items:flex-start;
}
#outline dt{
width:100%;
}
}