@media screen and (min-width: 786px) {
body {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}
.sp {display: none;}
}

@media screen and (max-width: 786px) {
  body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 14px;
    overflow-x: hidden;
  }
  .pc {display: none;}
}

h1,h2,h3,h4,h5,li,ul {
	margin: 0;
	padding: 0;
}

a:link {color:#333; text-decoration: none;}
a:hover {color:#888; text-decoration: none; opacity: 0.5;}
a:active {color:#888; text-decoration: none;}
a:visited {color:#333; text-decoration: none;}

strong {font-weight: bold;}

/* サイズ */
.w100p {width: 100%;}
.w95p {width: 95%;}
.w90p {width: 90%;}
.w85p {width: 85%;}
.w80p {width: 80%;}
.w75p {width: 75%;}
.w70p {width: 70%;}
.w65p {width: 65%;}
.w60p {width: 60%;}
.w55p {width: 55%;}
.w50p {width: 50%;}
.w45p {width: 45%;}
.w40p {width: 40%;}

.w10 {width: 10px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w45 {width: 45px;}
.w50 {width: 50px;}
.w55 {width: 55px;}
.w60 {width: 60px;}
.w65 {width: 65px;}
.w70 {width: 70px;}
.w75 {width: 75px;}
.w80 {width: 80px;}
.w85 {width: 85px;}
.w90 {width: 90px;}
.w95 {width: 95px;}
.w100 {width: 100px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w400 {width: 400px;}
.w500 {width: 500px;}

.h10 {height: 10px;}
.h15 {height: 15px;}
.h20 {height: 20px;}
.h25 {height: 25px;}
.h30 {height: 30px;}
.h35 {height: 35px;}
.h40 {height: 40px;}
.h45 {height: 45px;}
.h50 {height: 50px;}
.h55 {height: 55px;}
.h60 {height: 60px;}
.h65 {height: 65px;}
.h70 {height: 70px;}
.h75 {height: 75px;}
.h80 {height: 80px;}
.h85 {height: 85px;}
.h90 {height: 90px;}
.h95 {height: 95px;}
.h100 {height: 100px;}
.h200 {height: 200px;}
.h300 {height: 300px;}
.h400 {height: 400px;}
.h500 {height: 500px;}

.ml-10 {margin-left: 10px;}
.mr-10 {margin-right: 10px;}
.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.ml-15 {margin-left: 15px;}
.mr-15 {margin-right: 15px;}
.mt-15 {margin-top: 15px;}
.mb-15 {margin-bottom: 15px;}
.ml-20 {margin-left: 20px;}
.mr-20 {margin-right: 20px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.ml-25 {margin-left: 25px;}
.mr-25 {margin-right: 25px;}
.mt-25 {margin-top: 25px;}
.mb-25 {margin-bottom: 25px;}
.ml-25 {margin-left: 25px;}
.mr-25 {margin-right: 25px;}
.mt-25 {margin-top: 25px;}
.mb-25 {margin-bottom: 25px;}
.ml-30 {margin-left: 30px;}
.mr-30 {margin-right: 30px;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.ml-40 {margin-left: 40px;}
.mr-40 {margin-right: 40px;}
.mt-40 {margin-top: 40px;}
.mb-40 {margin-bottom: 40px;}
.ml-50 {margin-left: 50px;}
.mr-50 {margin-right: 50px;}
.mt-50 {margin-top: 50px;}
.mb-50 {margin-bottom: 50px;}
.ml-60 {margin-left: 60px;}
.mr-60 {margin-right: 60px;}
.mt-60 {margin-top: 60px;}
.mb-60 {margin-bottom: 60px;}
.ml-70 {margin-left: 70px;}
.mr-70 {margin-right: 70px;}
.mt-70 {margin-top: 70px;}
.mb-70 {margin-bottom: 70px;}
.ml-80 {margin-left: 80px;}
.mr-80 {margin-right: 80px;}
.mt-80 {margin-top: 80px;}
.mb-80 {margin-bottom: 80px;}
.ml-90 {margin-left: 90px;}
.mr-90 {margin-right: 90px;}
.mt-90 {margin-top: 90px;}
.mb-90 {margin-bottom: 90px;}
.ml-100 {margin-left: 100px;}
.mr-100 {margin-right: 100px;}
.mt-100 {margin-top: 100px;}
.mb-100 {margin-bottom: 100px;}
.mt-120 {margin-bottom: 120px;}
.ml-300 {margin-left: 300px;}
.ml-01 {margin-left: -10px;}
.mr-01 {margin-right: -10px;}
.mt-01 {margin-top: -10px;}
.mb-01 {margin-bottom: -10px;}
.ml-02 {margin-left: -15px;}
.mr-02 {margin-right: -15px;}
.mt-02 {margin-top: -15px;}
.mb-02 {margin-bottom: -15px;}
.ml-03 {margin-left: -20px;}
.mr-03 {margin-right: -20px;}
.mt-03 {margin-top: -20px;}
.mb-03 {margin-bottom: -20px;}
.ml-04 {margin-left: -25px;}
.mr-04 {margin-right: -25px;}
.mt-04 {margin-top: -25px;}
.mb-04 {margin-bottom: -25px;}
.ml-05 {margin-left: -30px;}
.mr-05 {margin-right: -30px;}
.mt-05 {margin-top: -30px;}
.mb-05 {margin-bottom: -30px;}
.y-pd-100 {padding:100px 0px;}
.y-pd-90 {padding: 90px 0px;}
.y-pd-80 {padding: 80px 0px;}
.y-pd-70 {padding: 70px 0px;}
.y-pd-60 {padding: 60px 0px;}
.y-pd-50 {padding: 50px 0px;}
.y-pd-40 {padding: 40px 0px;}
.y-pd-30 {padding: 30px 0px;}
.y-pd-20 {padding: 20px 0px;}
.y-pd-15 {padding: 15px 0px;}
.y-pd-10 {padding: 10px 0px;}
.y-pd-0 {padding:0px;}
.x-pd-100 {padding: 0px 100px;}
.x-pd-90 {padding: 0px 90px;}
.x-pd-80 {padding: 0px 80px;}
.x-pd-70 {padding: 0px 70px;}
.x-pd-60 {padding: 0px 60px;}
.x-pd-50 {padding: 0px 50px;}
.x-pd-40 {padding: 0px 40px;}
.x-pd-30 {padding: 0px 30px;}
.x-pd-20 {padding: 0px 20px;}
.x-pd-10 {padding: 0px 10px;}
.x-pd-0 {padding:0px;}

.pt-10 {padding-top: 10px;}
.pb-10 {padding-bottom: 10px;}
.pl-10 {padding-left: 10px;}
.pr-10 {padding-right: 10px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}
.pl-30 {padding-left: 30px;}
.pr-30 {padding-right: 30px;}
.pt-40 {padding-top: 40px;}
.pb-40 {padding-bottom: 40px;}
.pl-40 {padding-left: 40px;}
.pr-40 {padding-right: 40px;}
.pt-50 {padding-top: 50px;}
.pb-50 {padding-bottom: 50px;}
.pl-50 {padding-left: 50px;}
.pr-50 {padding-right: 50px;}
.pt-60 {padding-top: 60px;}
.pb-60 {padding-bottom: 60px;}
.pl-60 {padding-left: 60px;}
.pr-60 {padding-right: 60px;}
.pt-70 {padding-top: 70px;}
.pb-70 {padding-bottom: 70px;}
.pl-70 {padding-left: 70px;}
.pr-70 {padding-right: 70px;}
.pt-80 {padding-top: 80px;}
.pb-80 {padding-bottom: 80px;}
.pl-80 {padding-left: 80px;}
.pr-80 {padding-right: 80px;}
.pt-90 {padding-top: 90px;}
.pb-90 {padding-bottom: 90px;}
.pl-90 {padding-left: 90px;}
.pr-90 {padding-right: 90px;}
.pt-100 {padding-top: 100px;}
.pb-100 {padding-bottom: 100px;}
.pl-100 {padding-left: 100px;}
.pr-100 {padding-right: 100px;}
.pb-120 {padding-bottom: 120px;}

.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-24 {font-size: 24px;}
.f-30 {font-size: 30px;}
.f-34 {font-size: 34px;}
.f-40 {font-size: 40px;}
.f-45 {font-size: 45px;}
.f-60 {font-size: 60px;}

.fc-white {color: #fff;}
.fc-gray {color: #333;}
.fc-lightgray {color: #808080;}
.fc-blasck {color: #000;}
.fc-orange {color: #F6AA00;}
.fc-ligntblue {color: #3396CC;}
.fc-red {color: #F75E70;}
.fc-green {color: #559319;}
.fc-green2 {color: #6ABA36;}

.lh-16 {line-height: 1.6;}
.lh-18 {line-height: 1.8;}
.lh-2 {line-height: 2;}
.lh-25 {line-height: 2.5;}
.lh-3 {line-height: 3;}

.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}

.bold {font-weight: bold;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.mt-100 {margin-top: 100px;}
.mt-200 {margin-top: 200px;}
.mt-300 {margin-top: 300px;}
.mt-400 {margin-top: 400px;}
.mt-500 {margin-top: 500px;}
.mt-600 {margin-top: 600px;}

.clear {clear: both;}

.full_size {width: 100%;}