#introduction {
    overflow: hidden;
}
#introduction .container {
    position: relative;
    max-width: 560px;
    text-align: center;
}
.introduction-a {
    margin-top: 54px;
    display: flex;
    justify-content: space-between;
}
.introduction-a .clone {
    font-size: 5rem;
    color: #d7d7d7;
    font-weight: 600;
    margin: 0 0.2em;
}
.introduction-a p {
    font-weight: 600;
    font-size: 2rem;
    font-weight: 500;
}
#introduction *{
box-sizing: border-box;
}
.introduction-img{
margin:56px 0;
width:90vw;
height:45vw;
max-width:786px;
max-height:384px;
position:relative;
left:50%;
transform:translateX(-50%);
padding:20px 0 0 20px;

}
.ii-border{
width:100%;
height:100%;
border: 2px solid #ffbc00;
}
.ii-img{
position:absolute;
top:0;
left:0;
width:calc(100% - 20px);
height:calc(45vw - 20px);
max-height:364px;
overflow:hidden;
display:flex;
align-items:center;
}
.ii-img img{
width:100%;
}
.introduction-b,
.introduction-b b {
    font-weight: 300;
    font-size: 1.6rem;
}
.introduction-b {
    margin: 3.5em 0 2em;
}
.introduction-b b {
    background: linear-gradient(#fff 70%, #ffd86c 70%);
}
.introduction-c {
    font-size: 1.8rem;
}
.introduction-c strong {
    font-size: 1.8rem;
    font-weight: 500;
    color: #ffbc00;
}
.introduction-pen {
    position: absolute;
    width: 30em;
    bottom: -30%;
    left: 95%;
}
.introduction-pen img {
    width: 100%;
}
#location .location-a,
#location .location-b{
padding-bottom:8em;
}
#location .map{
height:40em;
overflow:hidden;
display:flex;
align-items:center;
}
#location .map img{
width:100%;
}
#location .map-info {
    display: flex;
    flex-wrap:wrap;
    padding-top: 5em;}
#location .map-left {
    width:33%;
}
#location .map-left img{
width:100%;
height:auto;
}
#location .map-left span {
    font-size: 1.9rem;
    font-weight: 300;
    color: #a8a8a8;
}
#location .map-right {
    width:calc(66% - 3em);
    padding: 1.4em 0 0 3em;
    margin-left: 3em;
    border-left: 3px solid #ffbc00;
}
#location .map-right h2 {
    font-size: 2.6rem;
}
#location .map-right h3 {
    font-size: 2rem;
    margin: 0.4em 0;
}
#location .map-right p {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2em;
}
#ideology .infograph {
    display: flex;
    justify-content: center;
}
@media(max-width:799px){
#ideology .show-pc{display:none;}
#ideology .infograph {max-width:336px;}

#location .map-left,
#location .map-right{
width:100%;
}
#location .map-right{margin:1em 0;}
/*#location .location-a,
#location .location-b{
display:flex;
flex-direction:column-reverse;
}*/
}
@media(min-width:800px){
#ideology .show-mo{display:none;}
#ideology .infograph {max-width:903.86px;}
}