@charset "utf-8";
/* CSS Document */

/* 背景固定追従
body{
  background-image: url("../img/bg1.png");
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #0D0D0D;
  color: #000;
} */

body{
  background-color: #fff;
}

/* header */
.wrap-header{
  width: 96%;
  max-width: 1400px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 1000px) { .wrap-header{ width: 100%; } }
/* SP_Padding */
.wrap{
  width: 96%;
  max-width: 1000px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
/* SP_Padding_0 */
.wrap-100{
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}

/* header */
header{
  padding: 6rem 0 4rem 0;
  background-image: url("../img/header_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
@media screen and (max-width: 1000px) { header{ padding: 0; } }

h2{
  margin:6rem 0 2rem 0;
}

h2.margin-S{
  margin:2rem 0 2rem 0;
}
.box-img{
  margin:2rem 0;
}

/* 背景PCSP共有
.type1{
  background-image: url("../img/bg1.png");
  background-repeat: no-repeat;
  background-size: cover;
} */
/* 背景SP別 */
.type1{
  background-image: url("../img/bg1_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding:4rem 0;
}
@media screen and (max-width: 1000px) { .type1{ background-image: url("../img/bg1_sp.png"); } }

.type2{ padding:4rem 0; background-color: #f2f2f2; }

.type3{
  background-image: url("../img/bg2_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding:4rem 0;
}
@media screen and (max-width: 1000px) { .type2{ background-image: url("../img/bg2_sp.png"); } }

/* ==================================================================================================== */
.boxshadow{
  background-color: #fff;
  box-shadow: 0 0 3px 1px #aaa;
  padding: 2rem;
}

.flexbox{
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-1{ width: 40%; }
.flex-2{ width: 58%; margin-left: 2%; }

@media screen and (max-width: 1000px) {
  .flexbox{
    display: block;
    justify-content: center;
    align-items: center;
  }
  .flex-1{ width: 100%; text-align: center; margin-bottom:2rem; }
  .flex-2{ width: 100%; margin-left: 0; }
}

.btn-area{
  margin: 4rem 0 2rem 0;
}
.btn-bottom{
  position: relative;
}
.btn-wrap{
  position: absolute;
  top: 10px;
  text-align: center;
  display: block;
  width: 100%;
}
@media screen and (max-width: 1000px) { .btn-wrap{ padding:2rem; } }

/* ==================================================================================================== */
footer{
  background-color: #000433;
  padding:4rem;
  text-align: center;
}
footer a{ color:#fff; }
/* ==================================================================================================== */
.bold{ font-weight: 700; }

.b-y{
  display: inline-block;
  background-color: #FFFF19;
  padding: 2px 0;
  margin: 4px 0;
}
.b-g{
  display: inline-block;
  background-color: #E0E0E0;
  padding: 2px 0;
  margin: 4px 0;
}

.red{ color:#DA1919; }
.blue{ color:#3030EF; }

.under{ text-decoration: underline; }
.large{ font-weight: 700; font-size:1.2em; }
.largeL{ font-weight: 700; font-size:1.4em; }
/* ==================================================================================================== */
@media screen and (max-width: 1000px) {
}