html {
  height: 100%;
}
body {
  background-size: cover;
  background-position: center;
  font-family: 'Roboto', "Noto Sans CJK JP", sans-serif;
  background-attachment: fixed;
  height: 100%;
}
.wrap {
  background: rgba(255,255,255,0.5);
}
.container {
  max-width: 1300px;
  background-color: rgba(0,0,0,0);
}
.introduction_area {
  max-width: 48rem;
  margin: auto;
}

/* テキストデコレーション */
a,
a:hover {
  text-decoration: none;
}

/* 段落全て */
p, hr {
  margin-bottom: 0;
}



/* カスタマイズ */

.line_height_1-5em {line-height: 1.5em;}
.spacing_0-07em {letter-spacing: 0.07em;}
/* <br class="sp_br"> */
.sp_br{display: none;}.pc_br{display: block;}
/* font-size */
.size_100{font-size: 100px !important;}.size_90{font-size: 90px !important;}.size_80{font-size: 80px !important;}.size_70{font-size: 70px !important;}.size_60{font-size: 60px !important;}.size_50{font-size: 50px !important;}.size_40{font-size: 40px !important;}.size_36{font-size: 36px !important;}.size_30{font-size: 30px !important;}.size_26 {font-size: 26px !important;}.size_24 {font-size: 24px !important;}.size_22 {font-size: 22px !important;}.size_20 {font-size: 20px !important;}.size_18 {font-size: 18px !important;}.size_16 {font-size: 16px !important;}.size_14 {font-size: 14px !important;}
/* margin-top  */
.mt_120{margin-top: 120px !important;}.mt_80{margin-top: 80px !important;}.mt_80{margin-top: 80px !important;}.mt_40{margin-top: 40px !important;}.mt_20{margin-top: 20px !important;}.mt_30{margin-top: 30px !important;}.mt_10{margin-top: 10px !important;}.mt_0{margin-top: 0 !important;}
/* margin-bottom */
.mb_120{margin-bottom: 120px !important;}.mb_80{margin-bottom: 80px !important;}.mb_50{margin-bottom: 50px !important;}.mb_40{margin-bottom: 40px !important;}.mb_30{margin-bottom: 30px !important;}.mb_20{margin-bottom: 20px !important;}.mb_10{margin-bottom: 10px !important;}.mb_0{margin-bottom: 0px !important;}.mb_-20{margin-bottom: -20px !important;}.mb_1rem{margin-bottom: 1rem;}
/* margin-left */
.ml_120{margin-left: 120px !important;}.ml_80{margin-left: 80px !important;}.ml_50{margin-left: 50px !important;}.ml_40{margin-left: 40px !important;}.ml_30{margin-left: 30px !important;}.ml_20{margin-left: 20px !important;}.ml_10{margin-left: 10px !important;}.ml_0{margin-left: 0px !important;}.ml_-20{margin-left: -20px !important;}
/* margin-right */
.mr_120{margin-right: 120px !important;}.mr_80{margin-right: 80px !important;}.mr_50{margin-right: 50px !important;}.mr_40{margin-right: 40px !important;}.mr_30{margin-right: 30px !important;}.mr_20{margin-right: 20px !important;}.mr_10{margin-right: 10px !important;}.mr_0{margin-right: 0px !important;}.mr_-20{margin-right: -20px !important;}
/* padding-top  */
.pt_120{padding-top: 120px !important;}.pt_80{padding-top: 80px !important;}.pt_80{padding-top: 80px !important;}.pt_40{padding-top: 40px !important;}.pt_30{padding-top: 30px !important;}.pt_20{padding-top: 20px !important;}.pt_15{padding-top: 15px !important;}.pt_10{padding-top: 10px !important;}.pt_0{padding-top: 0 !important;}
/* padding-bottom */
.pb_120{padding-bottom: 120px !important;}.pb_80{padding-bottom: 80px !important;}.pb_50{padding-bottom: 50px !important;}.pb_40{padding-bottom: 40px !important;}.pb_30{padding-bottom: 30px !important;}.pb_20{padding-bottom: 20px !important;}.pb_15{padding-bottom: 15px !important;}.pb_10{padding-bottom: 10px !important;}.pb_0{padding-bottom: 0px !important;}.pb_-20{padding-bottom: -20px !important;}
/* padding-left */
.pl_120{padding-left: 120px !important;}.pl_80{padding-left: 80px !important;}.pl_50{padding-left: 50px !important;}.pl_40{padding-left: 40px !important;}.pl_30{padding-left: 30px !important;}.pl_20{padding-left: 20px !important;}.pl_15{padding-left: 15px !important;}.pl_10{padding-left: 10px !important;}.pl_0{padding-left: 0px !important;}.pl_-20{padding-left: -20px !important;}
/* padding-right */
.pr_120{padding-right: 120px !important;}.pr_80{padding-right: 80px !important;}.pr_50{padding-right: 50px !important;}.pr_40{padding-right: 40px !important;}.pr_30{padding-right: 30px !important;}.pr_20{padding-right: 20px !important;}.pr_15{padding-right: 15px !important;}.pr_10{padding-right: 10px !important;}.pr_0{padding-right: 0px !important;}.pr_-20{padding-right: -20px !important;}
/* padding */
.p_0{padding:0 !important;}.p_17{padding: 17px !important;}
/* width */
.w_100{width: 100% !important;}.w_95{width: 95% !important;}.w_90{width: 90% !important;}.w_85{width: 85% !important;}.w_80{width: 80% !important;}.w_75{width: 75% !important;}.w_70{width: 70% !important;}.w_65{width: 65% !important;}.w_60{width: 60% !important;}.w_55{width: 55% !important;}.w_50{width: 50% !important;}.w_45{width: 45% !important;}.w_40{width: 40% !important;}.w_35{width: 35% !important;}.w_30{width: 30% !important;}.w_28{width: 28% !important;}.w_25{width: 25% !important;}.w_20{width: 20% !important;}.w_10{width: 10% !important;}.w_9{width: 9% !important;}.w_8{width: 8% !important;}.w_7{width: 7% !important;}.w_6{width: 6% !important;}.w_5{width: 5% !important;}.w_4{width: 4% !important;}.w_3{width: 3% !important;}.w_2{width: 2% !important;}.w_1{width: 1% !important;}
/* height */
.h_100px{height: 100px !important;}
.h_95px{height: 95px !important;}
.h_90px{height: 90px !important;}
.h_85px{height: 85px !important;}
.h_80px{height: 80px !important;}
.h_75px{height: 75px !important;}
.h_70px{height: 70px !important;}
.h_65px{height: 65px !important;}
.h_60px{height: 60px !important;}
.h_55px{height: 55px !important;}
.h_50px{height: 50px !important;}
.h_45px{height: 45px !important;}
.h_40px{height: 40px !important;}
.h_35px{height: 35px !important;}
.h_30px{height: 30px !important;}
.h_28px{height: 28px !important;}
.h_25px{height: 25px !important;}
.h_20px{height: 20px !important;}
.h_10px{height: 10px !important;}
.h_9px{height: 9px !important;}
.h_8px{height: 8px !important;}
.h_7px{height: 7px !important;}
.h_6px{height: 6px !important;}
.h_5px{height: 5px !important;}
.h_4px{height: 4px !important;}
.h_3px{height: 3px !important;}
.h_2px{height: 2px !important;}
.h_1px{height: 1px !important;}
.h_100{height: 100% !important;}.h_95{height: 95% !important;}.h_90{height: 90% !important;}.h_85{height: 85% !important;}.h_80{height: 80% !important;}.h_75{height: 75% !important;}.h_70{height: 70% !important;}.h_65{height: 65% !important;}.h_60{height: 60% !important;}.h_55{height: 55% !important;}.h_50{height: 50% !important;}.h_45{height: 45% !important;}.h_40{height: 40% !important;}.h_35{height: 35% !important;}.h_30{height: 30% !important;}.h_28{height: 28% !important;}.h_25{height: 25% !important;}.h_20{height: 20% !important;}.h_10{height: 10% !important;}.h_9{height: 9% !important;}.h_8{height: 8% !important;}.h_7{height: 7% !important;}.h_6{height: 6% !important;}.h_5{height: 5% !important;}.h_4{height: 4% !important;}.h_3{height: 3% !important;}.h_2{height: 2% !important;}.h_1{height: 1% !important;}
/* text */
.text_center{text-align: center !important;}.text_left{text-align: left !important;}.text_right{text-align: right !important;}

@media screen and (max-width:768px) {
/* <br class="sp_br"> */
.sp_br{display: block;}.pc_br{display: none;}
/* font-size */
.sp_size_26{font-size: 26px !important;}.sp_size_24{font-size: 24px !important;}.sp_size_22{font-size: 22px !important;}.sp_size_20{font-size: 20px !important;}.sp_size_18{font-size: 18px !important;}.sp_size_16{font-size: 16px !important;}.sp_size_14{font-size: 14px !important;}
/* sp_margin-top  */
.sp_mt_120{margin-top: 120px !important;}.sp_mt_80{margin-top: 80px !important;}.sp_mt_80{margin-top: 80px !important;}.sp_mt_40{margin-top: 40px !important;}.sp_mt_30{margin-top: 30px !important;}.sp_mt_20{margin-top: 20px !important;}.sp_mt_10{margin-top: 10px !important;}.sp_mt_0{margin-top: 0 !important;}
 /* margin-bottom */
.sp_mb_120{margin-bottom: 120px !important;}.sp_mb_80{margin-bottom: 80px !important;}.sp_mb_50{margin-bottom: 50px !important;}.sp_mb_40{margin-bottom: 40px !important;}.sp_mb_30{margin-bottom: 30px !important;}.sp_mb_20{margin-bottom: 20px !important;}.sp_mb_10{margin-bottom: 10px !important;}.sp_mb_0{margin-bottom: 0px !important;}.sp_mb_-20{margin-bottom: -20px !important;}
 /* padding-top  */
.sp_pt_120{padding-top: 120px !important;}.sp_pt_80{padding-top: 80px !important;}.sp_pt_80{padding-top: 80px !important;}.sp_pt_40{padding-top: 40px !important;}.sp_pt_30{padding-top: 30px !important;}.sp_pt_20{padding-top: 20px !important;}.sp_pt_0{padding-top: 0 !important;}
/* padding-bottom */
.sp_pb_120{padding-bottom: 120px !important;}.sp_pb_80{padding-bottom: 80px !important;}.sp_pb_50{padding-bottom: 50px !important;}.sp_pb_40{padding-bottom: 40px !important;}.sp_pb_30{padding-bottom: 30px !important;}.sp_pb_20{padding-bottom: 20px !important;}.sp_pb_0{padding-bottom: 0px !important;}.sp_pb_-20{padding-bottom: -20px !important;}
.sp_p_0{padding:0 !important;}
/* padding-left */
.sp_pl_120{padding-left: 120px !important;}.sp_pl_80{padding-left: 80px !important;}.sp_pl_50{padding-left: 50px !important;}.sp_pl_40{padding-left: 40px !important;}.sp_pl_30{padding-left: 30px !important;}.sp_pl_20{padding-left: 20px !important;}.sp_pl_15{padding-left: 15px !important;}.sp_pl_10{padding-left: 10px !important;}.sp_pl_0{padding-left: 0px !important;}.sp_pl_-20{padding-left: -20px !important;}
/* padding-right */
.sp_pr_120{padding-right: 120px !important;}.sp_pr_80{padding-right: 80px !important;}.sp_pr_50{padding-right: 50px !important;}.sp_pr_40{padding-right: 40px !important;}.sp_pr_30{padding-right: 30px !important;}.sp_pr_20{padding-right: 20px !important;}.sp_pr_15{padding-right: 15px !important;}.sp_pr_10{padding-right: 10px !important;}.sp_pr_0{padding-right: 0px !important;}.sp_pr_-20{padding-right: -20px !important;}
/* padding */
.sp_p_0{padding:0 !important;}.sp_p_17{padding: 17px !important;}
/* height */
.sp_height_120{height: 120px !important;}.sp_height_100{height: 100px !important;}.sp_height_80{height: 80px !important;}.sp_height_60{height: 60px !important;}.sp_height_40{height: 40px !important;}.sp_height_20{height: 20px !important;}.sp_height_0{height: 0px !important;}
/* width */
.sp_w_100{width: 100% !important;}
.sp_w_95{width: 95% !important;}
.sp_w_90{width: 90% !important;}
.sp_w_85{width: 85% !important;}
.sp_w_80{width: 80% !important;}
.sp_w_75{width: 75% !important;}
.sp_w_70{width: 70% !important;}
.sp_w_65{width: 65% !important;}
.sp_w_60{width: 60% !important;}
.sp_w_55{width: 55% !important;}
.sp_w_50{width: 50% !important;}
.sp_w_45{width: 45% !important;}
.sp_w_40{width: 40% !important;}
.sp_w_35{width: 35% !important;}
.sp_w_30{width: 30% !important;}
.sp_w_25{width: 25% !important;}
.sp_w_20{width: 20% !important;}
.sp_w_15{width: 15% !important;}
.sp_w_10{width: 10% !important;}
.sp_w_9{width: 9% !important;}
.sp_w_8{width: 8% !important;}
.sp_w_7{width: 7% !important;}
.sp_w_6{width: 6% !important;}
.sp_w_5{width: 5% !important;}
.sp_w_4{width: 4% !important;}
.sp_w_3{width: 3% !important;}
.sp_w_2{width: 2% !important;}
.sp_w_1{width: 1% !important;}
/* text */
.sp_text_center{text-align: center !important;}.sp_text_left{text-align: left !important;}.sp_text_right{text-align: right !important;}
}