@charset "utf-8"; 

/* body */
body { margin: 0; font-size: 15px; line-height: 190%; color: #444; font-family: "��",Meiryo,"-3 0��ï","MS PGothic","���Ҵ Pro W3","Hiragino Kaku Gothic Pro W3",Verdana,Arial,sans-serif; background: url(../img/bg.gif) center top #f1f2f3 repeat-y;}
body > img {
    display: none;
}
/* default */
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic;}
p,ul,ul li,ol,ol li,dl,dl dt,dl dd { margin: 0; padding: 0;}
/* link */
a:link { color: #00c;}
a:visited { color: #609;}
a:hover { text-decoration: none;}
/* header */
#header { position: relative; margin: 0 auto; width: 900px; height: 75px;}
#header h1, #header p { position: absolute;}
#header h1 { top: 22px; left: 0;}
#header p { top: 30px; right: 0;}
  
/* logo */
.msd-item.-logo {
    max-width: 715px;
    margin: 0 auto;
}
/* hero */
#hero { position: relative; margin: 0 auto; padding: 52px 0 0 485px; width: 415px; height: 258px; text-align: center; background: url(/ad/img/hero-1.jpg?20180202) 0 0 no-repeat;}
#hero.saitama { background: url(/ad/img/hero-1-saitama.jpg?20180202) 0 0 no-repeat; background-size: 450px 270px;}
#hero.fukuoka { background: url(/ad/img/hero-1-fukuoka.jpg?20181123) 0 0 no-repeat; background-size: 450px 270px;}
#hero.nagoya { background: url(/ad/img/hero-1-nagoya.jpg?20180301) 0 0 no-repeat; background-size: 450px 270px;}
#hero h2 { height: 138px;}
#hero .p1 { position: absolute; top: 0; right: 0;}
/* nav */
#nav:after { content: ""; display: block; clear: both; height: 0; visibility: hidden;}
#nav { margin: 0 auto; width: 900px; height: 57px; min-height: 1px; _height: 1px; list-style: none;}
#nav li { float: left; width: 300px; height: 57px;}
#nav li a { display: block; width: 300px; height: 57px; font-size: 0; line-height: 0; text-indent: -9999px; outline: none; background-image: url(/ad/img/nav.gif); background-repeat: no-repeat; transition-duration: 0.2s; transtion-property: opacity;}
#nav li a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
#nav li.li1 a { background-position: 0 0;}
#nav li.li2 a { background-position: -300px 0;}
#nav li.li3 a { background-position: -600px 0;}
/* sec */
.sec { margin: 70px auto 0; width: 100%; background: url(/ad/img/mds.gif) center top no-repeat;}
.sec h3 { margin: 0 auto; padding: 20px 0; width: 900px;}
.sec .inner { margin: 0 auto; width: 900px;}
.sec p span { color: #2ca6e0;}
/* s1 */
#s1 { margin-top: 50px;}
#s1 dl { width: 900px;}
#s1 dl dt { margin-top: 50px;}
#s1 dl dt img { display: block;}
#s1 dl dd { margin-top: 18px;}
#s1 dl dd.dd1 ul:after { content: ""; display: block; clear: both; height: 0; visibility: hidden;}
#s1 dl dd.dd1 ul { width: 900px; min-height: 1px; _height: 1px; list-style: none;}
#s1 dl dd.dd1 ul li { float: left; position: relative; width: 360px; height: 375px;}
#s1 dl dd.dd1 ul li.li1 { padding: 120px 90px 0 30px;}
#s1 dl dd.dd1 ul li.li2 { padding: 120px 30px 0;}
#s1 dl dd.dd1 ul li h4 { position: absolute; top: 0; left: 0; z-index: 0;}
#s1 dl dd.dd1 ul li p { position: relative; z-index: 1;}
#s1 dl dd.dd2 { position: relative; border: 5px solid #e9eaeb; padding: 35px;}
#s1 dl dd.dd2 p { padding-bottom: 350px; width: 820px; background: url(/ad/img/s1-5.jpg) left bottom no-repeat;}
#s1.saitama dl dd.dd2 p { padding-bottom: 350px; width: 820px; background: url(/ad/img/s1-5-saitama.jpg) left bottom no-repeat;}
#s1.fukuoka dl dd.dd2 p { padding-bottom: 350px; width: 820px; background: url(/ad/img/s1-5-fukuoka.jpg) left bottom no-repeat;}
#s1.nagoya dl dd.dd2 p { padding-bottom: 350px; width: 820px; background: url(/ad/img/s1-5-nagoya.jpg) left bottom no-repeat;}
#s1 dl dd.dd2 ul { position: relative; margin-top: 40px; padding-left: 540px; width: 280px; height: 370px; list-style: none;}
#s1 dl dd.dd2 ul li.li1 { position: absolute; top: 0; left: 0;}
#s1 dl dd.dd2 ul li.li2 { padding-top: 55px;}
#s1 dl dd.dd2 ul li.li3 img { padding: 12px 0 20px; display: block;}
/* s2 */
#s2 .inner { margin-top: 30px;}
#s2 ol:after { content: ""; display: block; clear: both; height: 0; visibility: hidden;}
#s2 ol { width: 900px; list-style: none; min-height: 1px; _height: 1px;}
#s2 ol li { float: left; margin-top: 40px;width: 420px;}
#s2 ol li.li1, #s2 ol li.li3 { margin-right: 59px;}
#s2 ol li p { margin-top: 20px; padding: 255px 30px 0; height: 145px; background-repeat: no-repeat; background-position: 0 0;}
#s2 ol li.li1 p { background-image: url(/ad/img/s2-5.jpg);}
#s2 ol li.li2 p { background-image: url(/ad/img/s2-6.jpg);}
#s2 ol li.li3 p { background-image: url(/ad/img/s2-7.jpg);}
#s2 ol li.li4 p { background-image: url(/ad/img/s2-8.jpg);}
/* s3 */
#s3 .inner dl { width: 900px;}
#s3 .inner dt { margin-top: 50px;}
#s3 .inner dd { margin-top: 20px; border: 5px solid #e9eaeb; padding: 25px 35px; width: 820px;}
#s3 .inner dd ul { margin-top: 30px; padding-right: 395px; width: 425px; list-style: none;}
#s3 .inner dd.dd1 ul { min-height: 278px; height: auto !important; height: 278px; background: url(/ad/img/s3-7.jpg) right top no-repeat;}
#s3 .inner dd.dd2 ul { min-height: 253px; height: auto !important; height: 253px; background: url(/ad/img/s3-8.jpg) right top no-repeat;}
#s3 .inner dd.dd3 ul { min-height: 233px; height: auto !important; height: 233px; background: url(/ad/img/s3-9.jpg) right top no-repeat;}
#s3 .inner dd ul li { font-size: 14px; line-height: 170%;}
#s3 .inner dd ul li small { border: 1px solid #2ca6e0; padding: 1px 7px; font-size: 14px; color: #2ca6e0; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;}
#s3 .inner dd ul li span { margin-left: 10px; color: #2ca6e0;}
#s3 .inner dd ul li p { padding: 8px 0 15px;}
/* apply */
.apply { margin: 40px auto 0; width: 900px; text-align: center; list-style: none;}
.apply .li1 { height: 40px;}
/* pagetop */
.pagetop { margin: 20px auto 0; width: 900px;}
.pagetop p { width: 100%; text-align: right;}
.pagetop p a { font-size: 12px; color: #666;}
/* footer */
#footer { margin-top: 40px; width: 100%; border-top: none; background: url(/ad/img/footer.gif) center top no-repeat;}
#footer div { margin: 0 auto; width: 900px;}
/* msd-footer */
.msd-footer .msd-list {
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 40px 0;
    max-width: 750px;
}
.msd-footer .msd-list__link {
    text-decoration: underline;
}
@media screen and (max-width: 767px), print {
    .msd-footer .msd-list {
        padding: 7.46667vw 11vw;
        font-size: 3.6vw;
        padding: 20px 0;
    }
    .msd-footer {
        padding-bottom: 12vw;
        box-sizing: border-box;
    }
    .msd-header {
        background-color: #fff;
        padding: 10px 0;
      }
    .msd-header__body_nav {
        display: none;
    }
}
.msd-header {
    width: 100%;
    margin: auto 0;
  }
  .msd-header__inner {
    display: flex;
    justify-content: space-between;
  }
  .msd-header__head_logo {
    display: block;
  }