@charset "utf-8";

#overview {margin: -50px 0 0; position: relative;}
#overview::after{content: ''; background: url(../png/bg-2.png) center top no-repeat; position: absolute; left: 50%; top: -110px; margin-left: -850px; width: 1700px; height: 860px; z-index: 10;}
#overview section {max-width: 1300px; width: 100%; padding: 0 25px 0; display: table; text-align: left; color: #373d85;}
#overview section div {padding: 70px 0px 0 160px; width: 626px; display: table-cell; vertical-align: middle;}
#overview section h2 {font-size: 25px; line-height: 31px; font-weight: bold;}
#overview section p {font-size: 18px; line-height: 32px; margin-top: 10px;}


@media screen and (min-width:641px){




}

@media screen and (max-width:1400px){
#overview section {width: 100%; overflow: hidden; min-width: inherit; padding: 0 1.786vw;}
#overview section div {padding: 5vw 0 0 11.429vw; width: 44.714vw;}
#overview section img {width: 44.143vw; height: auto;}
#overview section h2 {font-size: 1.786vw; line-height: 2.214vw;}
#overview section p {font-size: 1.286vw; line-height: 2.286vw; margin-top: 0.714vw; padding-right: 1em;}
}

@media screen and (max-width:1200px){
#overview section {padding: 0 21px;}
#overview section div {padding: 51px 0 0 137px; width: 536px;}
#overview section img {width: 530px; height: auto;}
#overview section h2 {font-size: 21px; line-height: 26px;}
#overview section p {font-size: 15px; line-height: 27px; margin-top: 9px;}
}


@media screen and (max-width:640px){
/**

    SP

**********************************************************************/

#overview{margin:0; padding: 5.469vw 0 0;}
#overview section{max-width:100%; padding:0;}
#overview section div{display:block; width:auto; padding:0 0 3.75vw; text-align:center;}

#overview section h2{font-size:4.688vw; line-height:5.781vw;}
#overview section p{font-size:3.438vw; line-height:5.938vw; margin-top:2.813vw;}
#overview section figure{width:96.563vw; margin:0 auto;}
#overview section figure img{width:100%;}




}