body{font-family:HiraKakuProN-W6, Yu Gothic, Meiryo UI, Meiryo, sans-serif;font-size:18px}h1{text-indent:-9999px;height:0;margin:0;padding:0}figure{padding:0;margin:0}img{width:100%}.hero{background-image:url(../img/hero.jpg);background-repeat:no-repeat;background-size:contain}@media only screen and (max-width: 767px){.hero{background-position:right bottom}}@media only screen and (min-width: 768px){.hero{background-position:right top}}@media only screen and (max-width: 767px){.hero figure{width:calc(100% - 20px);padding:20px 10px 60% 10px;margin:0 auto}}@media only screen and (min-width: 768px){.hero figure{padding:30px 25px 30px 25px;width:calc(100% - 50px);max-width:800px}}.border{background-color:#bec9ce;color:#fff;text-align:right;margin:0}@media only screen and (max-width: 767px){.border{width:calc(100% - 5px);padding:6px 5px 4px 0}}@media only screen and (min-width: 768px){.border{width:calc(100% - 10px);padding:8px 10px 6px 0}}.wrap{width:calc(100% - 20px);padding:0 10px}@media only screen and (max-width: 767px){.wrap{margin:25px auto}}@media only screen and (min-width: 768px){.wrap{max-width:1180px;margin:35px auto}}@media only screen and (max-width: 767px){.wrap .content{width:100%}}@media only screen and (min-width: 768px){.wrap .content{width:calc(100% - 389px);border-right:1px solid #bec9ce;padding-right:20px}}.wrap .content h2{color:#000;line-height:140%;text-align:left;margin:0 0 30px 0}@media only screen and (max-width: 767px){.wrap .content h2{font-size:24px;padding-bottom:15px;border-bottom:1px solid #bec9ce}}@media only screen and (min-width: 768px){.wrap .content h2{font-size:36px}}.wrap .content figure{width:300px}@media only screen and (max-width: 767px){.wrap .content figure{margin:0 auto}}.wrap .content .capture{text-align:left;margin-left:15px}@media only screen and (max-width: 767px){.wrap .content .capture{width:calc(100% - 30px)}}@media only screen and (min-width: 768px){.wrap .content .capture{width:calc(100% - 315px)}}.wrap .content .capture h3 span{color:#3b94d9;font-size:32px}@media only screen and (max-width: 767px){.wrap .sns{width:calc(100% - 30px);max-width:350px;margin:0 auto}}@media only screen and (min-width: 768px){.wrap .sns{width:350px;padding-left:20px}}.wrap .sns h4{color:#fff;background-color:#bec9ce;margin:0 0 20px 0;padding:8px 0 6px 0}.wrap ul{text-align:left}@media only screen and (max-width: 767px){.wrap ul{padding-left:30px}}@media only screen and (min-width: 768px){.row{display:-ms-flexbox;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:flex}}