@charset "UTF-8";
/**$serif: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;**/
@import url("style.css");
#contents {
  padding-bottom: 0; }

.inner {
  background: url(../img/mission/main.jpg) no-repeat center center;
  background-size: cover; }

#missionarea {
  width: 100%;
  background: url(../img/mission/bg_mission.jpg) no-repeat center top;
  background-size: cover;
  padding: 200px 0 80px;
  margin-top: -165px; }
  #missionarea h2 {
    line-height: 2.0;
    text-align: left;
    margin-bottom: 50px;
    font-size: 28px;
    font-family: "Roboto", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }
  #missionarea p {
    width: 65%;
    text-align: left;
    line-height: 1.8;
    margin-bottom: 1.2em; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1200px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1199px) {
  #v {
    padding: 180px 0 80px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  #missionarea {
    padding: 160px 0 80px;
    margin-top: -135px; }
    #missionarea p {
      width: 70%;
      line-height: 1.6;
      margin-bottom: 1.0em; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 645px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #missionarea {
    background: url(../img/mission/bg_mission_sp.jpg) no-repeat right top;
    background-size: cover;
    padding: 100px 0 50px;
    margin-top: -105px; }
    #missionarea h2 {
      line-height: 1.5;
      margin-bottom: 40px;
      font-size: 22px; }
    #missionarea p {
      width: 100%;
      line-height: 1.5;
      text-align: justify; } }