@charset "utf-8";
/*--------------------------------------------------------------
   RESRT
--------------------------------------------------------------*/
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-size:100%;
  font-weight:normal
}
ol,
ul{
  list-style:none
}
table{
  border-collapse:collapse;
  border-spacing:0
}
img{
  vertical-align: top;
}
a{
  display: inline-block;
}
:focus{
  outline:none;
}
address{
  font-style: normal;
}
input[type="text"] {
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  border: none;
}
input[type="radio"] ,
input[type="radio"]:checked + label,
input[type="checkbox"],
input[type="checkbox"]:checked + label{
  vertical-align: middle;
  border: none;
}
select {
  outline: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  border: none;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
  border: none;
}
button,
input[type="submit"] ,
input[type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  outline: none;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  border: none;
}
/*--------------------------------------------------------------
   OFTEN USE
--------------------------------------------------------------*/
/*折り返さない*/
.nw{white-space: nowrap;}
/*表示非表示*/
.pc{display: none;}
.sp{display: block;}
@media screen and (max-width: 926px){
  .none--sp{display: none !important;}
}
@media screen and (min-width: 927px){
  .none--pc{display: none !important;}
  .pc{display: block;}
  .sp{display: none;}
}
/*--------------------------------------------------------------
   WIDTH
--------------------------------------------------------------*/
.w100{ width: 100%;}
@media screen and (max-width: 926px){
  .w25--sp{ width: 25%;}
  .w33--sp{ width: 33.333%;}
  .w50--sp{ width: 50%;}
  .w92--sp{ width: 92%;}
  .w94--sp{ width: 94%;}
  .w100--sp{ width: 100%;}
}
@media screen and (min-width: 927px){
  .w25--pc{ width: 25%;}
  .w33--pc{ width: 33.333%;}
  .w50--pc{ width: 50%;}
  .w100--pc{ width: 100%;}
  /*固定値*/
  .w100px--pc{width: 100px;}
  .w200px--pc{width: 200px;}/*5分割*/
  .w250px--pc{width: 250px;}/*4分割*/
  .w320px--pc{width: 320px;}
  .w333px--pc{width: 333px;}/*3分割*/
  .w400px--pc{width: 400px;}
  .w500px--pc{width: 500px;}/*2分割*/
  .w600px--pc{width: 600px;}
  .w700px--pc{width: 700px;}
  .w800px--pc{width: 800px;}
  .w820px--pc{width: 820px;}
  .w840px--pc{width: 840px;}
  .w910px--pc{width: 910px;}
  .w920px--pc{width: 920px;}
  .w940px--pc{width: 940px;}
}
/*--------------------------------------------------------------
   PADDING
--------------------------------------------------------------*/
@media screen and (max-width: 926px){
  .p__5--sp{padding: 1.2vw;}
  .p__10--sp{padding: 2.4vw;}
  .p__15--sp{padding: 3.6vw;}
  .p__20--sp{padding: 4.8vw;}
  .p__25--sp{padding: 6vw;}
  .p__30--sp{padding: 7.2vw;}
  .p__35--sp{padding: 8.4vw;}
  .p__40--sp{padding: 9.6vw;}
  .p__45--sp{padding: 10.8vw;}
  .p__50--sp{padding: 12vw;}
}
@media screen and (min-width: 927px){
  .p__5--pc{padding: 5px;}
  .p__10--pc{padding: 10px;}
  .p__15--pc{padding: 15px;}
  .p__20--pc{padding: 20px;}
  .p__25--pc{padding: 25px;}
  .p__30--pc{padding: 30px;}
  .p__35--pc{padding: 35px;}
  .p__40--pc{padding: 40px;}
  .p__45--pc{padding: 45px;}
  .p__50--pc{padding: 50px;}
  .p__55--pc{padding: 55px;}
  .p__60--pc{padding: 60px;}
}
@media screen and (max-width: 926px){
  .pT__5--sp{padding-top: 1.2vw;}
  .pT__10--sp{padding-top: 2.4vw;}
  .pT__15--sp{padding-top: 3.6vw;}
  .pT__20--sp{padding-top: 4.8vw;}
  .pT__25--sp{padding-top: 6vw;}
  .pT__30--sp{padding-top: 7.2vw;}
  .pT__35--sp{padding-top: 8.4vw;}
  .pT__40--sp{padding-top: 9.6vw;}
  .pT__45--sp{padding-top: 10.8vw;}
  .pT__50--sp{padding-top: 12vw;}
  .pT__55--sp{padding-top: 13.2vw;}
}
@media screen and (min-width: 927px){
  .pT__5--pc{padding-top: 5px;}
  .pT__10--pc{padding-top: 10px;}
  .pT__15--pc{padding-top: 15px;}
  .pT__20--pc{padding-top: 20px;}
  .pT__25--pc{padding-top: 25px;}
  .pT__30--pc{padding-top: 30px;}
  .pT__35--pc{padding-top: 35px;}
  .pT__40--pc{padding-top: 40px;}
  .pT__45--pc{padding-top: 45px;}
  .pT__50--pc{padding-top: 50px;}
  .pT__55--pc{padding-top: 55px;}
}
@media screen and (max-width: 926px){
  .pB__5--sp{padding-bottom: 1.2vw;}
  .pB__10--sp{padding-bottom: 2.4vw;}
  .pB__15--sp{padding-bottom: 3.6vw;}
  .pB__20--sp{padding-bottom: 4.8vw;}
  .pB__25--sp{padding-bottom: 6vw;}
  .pB__30--sp{padding-bottom: 7.2vw;}
  .pB__35--sp{padding-bottom: 8.4vw;}
  .pB__40--sp{padding-bottom: 9.6vw;}
  .pB__45--sp{padding-bottom: 10.8vw;}
  .pB__50--sp{padding-bottom: 12vw;}
  .pB__55--sp{padding-bottom: 13.2vw;}
}
@media screen and (min-width: 927px){
  .pB__5--pc{padding-bottom: 5px;}
  .pB__10--pc{padding-bottom: 10px;}
  .pB__15--pc{padding-bottom: 15px;}
  .pB__20--pc{padding-bottom: 20px;}
  .pB__25--pc{padding-bottom: 25px;}
  .pB__30--pc{padding-bottom: 30px;}
  .pB__35--pc{padding-bottom: 35px;}
  .pB__40--pc{padding-bottom: 40px;}
  .pB__45--pc{padding-bottom: 45px;}
  .pB__50--pc{padding-bottom: 50px;}
  .pB__55--pc{padding-bottom: 55px;}
}
@media screen and (max-width: 926px){
  .pL__5--sp{padding-left: 1.2vw;}
  .pL__10--sp{padding-left: 2.4vw;}
  .pL__15--sp{padding-left: 3.6vw;}
  .pL__20--sp{padding-left: 4.8vw;}
  .pL__25--sp{padding-left: 6vw;}
  .pL__30--sp{padding-left: 7.2vw;}
  .pL__35--sp{padding-left: 8.4vw;}
  .pL__40--sp{padding-left: 9.6vw;}
  .pL__45--sp{padding-left: 10.8vw;}
  .pL__50--sp{padding-left: 12vw;}
  .pL__55--sp{padding-left: 13.2vw;}
}
@media screen and (min-width: 927px){
  .pL__5--pc{padding-left: 5px;}
  .pL__10--pc{padding-left: 10px;}
  .pL__15--pc{padding-left: 15px;}
  .pL__20--pc{padding-left: 20px;}
  .pL__25--pc{padding-left: 25px;}
  .pL__30--pc{padding-left: 30px;}
  .pL__35--pc{padding-left: 35px;}
  .pL__40--pc{padding-left: 40px;}
  .pL__45--pc{padding-left: 45px;}
  .pL__50--pc{padding-left: 50px;}
  .pL__55--pc{padding-left: 55px;}
}
@media screen and (max-width: 926px){
  .pR__5--sp{padding-right: 1.2vw;}
  .pR__10--sp{padding-right: 2.4vw;}
  .pR__15--sp{padding-right: 3.6vw;}
  .pR__20--sp{padding-right: 4.8vw;}
  .pR__25--sp{padding-right: 6vw;}
  .pR__30--sp{padding-right: 7.2vw;}
  .pR__35--sp{padding-right: 8.4vw;}
  .pR__40--sp{padding-right: 9.6vw;}
  .pR__45--sp{padding-right: 10.8vw;}
  .pR__50--sp{padding-right: 12vw;}
  .pR__55--sp{padding-right: 13.2vw;}
}
@media screen and (min-width: 927px){
  .pR__5--pc{padding-right: 5px;}
  .pR__10--pc{padding-right: 10px;}
  .pR__15--pc{padding-right: 15px;}
  .pR__20--pc{padding-right: 20px;}
  .pR__25--pc{padding-right: 25px;}
  .pR__30--pc{padding-right: 30px;}
  .pR__35--pc{padding-right: 35px;}
  .pR__40--pc{padding-right: 40px;}
  .pR__45--pc{padding-right: 45px;}
  .pR__50--pc{padding-right: 50px;}
  .pR__55--pc{padding-right: 55px;}
}
/*--------------------------------------------------------------
   FONT SIZE
--------------------------------------------------------------*/
@media screen and (max-width: 926px){
  .f__10--sp{font-size: 1rem;}
  .f__11--sp{font-size: 1.1rem;}
  .f__12--sp{font-size: 1.2rem;}
  .f__14--sp{font-size: 1.4rem;}
  .f__15--sp{font-size: 1.5rem;}
  .f__16--sp{font-size: 1.6rem;}
  .f__18--sp{font-size: 1.8rem;}
  .f__20--sp{font-size: 2rem;}
  .f__22--sp{font-size: 2.2rem;}
  .f__24--sp{font-size: 2.4rem;}
  .f__25--sp{font-size: 2.5rem;}
  .f__26--sp{font-size: 2.6rem;}
  .f__28--sp{font-size: 2.8rem;}
  .f__30--sp{font-size: 3rem;}
}
@media screen and (min-width: 927px){
  .f__10--pc{font-size: 1rem;}
  .f__12--pc{font-size: 1.2rem;}
  .f__14--pc{font-size: 1.4rem;}
  .f__16--pc{font-size: 1.6rem;}
  .f__18--pc{font-size: 1.8rem;}
  .f__20--pc{font-size: 2rem;}
  .f__22--pc{font-size: 2.2rem;}
  .f__24--pc{font-size: 2.4rem;}
  .f__26--pc{font-size: 2.6rem;}
  .f__28--pc{font-size: 2.8rem;}
  .f__30--pc{font-size: 3rem;}
  .f__32--pc{font-size: 3.2rem;}
  .f__34--pc{font-size: 3.4rem;}
  .f__36--pc{font-size: 3.6rem;}
  .f__38--pc{font-size: 3.8rem;}
  .f__40--pc{font-size: 4rem;}
  .f__42--pc{font-size: 4.2rem;}
  .f__44--pc{font-size: 4.4rem;}
  .f__46--pc{font-size: 4.8rem;}
  .f__48--pc{font-size: 4.8rem;}
  .f__50--pc{font-size: 5rem;}
  .f__52--pc{font-size: 5.2rem;}
}
/*--------------------------------------------------------------
   FONT WEIGHT
--------------------------------------------------------------*/
.fW__b{font-weight: bold; font-weight: 500;}
.fW__n{font-weight: normal; font-weight: 300;}
/*--------------------------------------------------------------
   MARGIN
--------------------------------------------------------------*/
@media screen and (max-width: 926px){
  .m__auto,
  .m__auto--sp{
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 927px){
  .m__auto,
  .m__auto--pc{
    margin-left: auto;
    margin-right: auto;
  }
}
/*--------------------------------------------------------------
   TEXT ALIGN
--------------------------------------------------------------*/
.t__c{text-align: center;}
.t__l{text-align: left;}
.t__r{text-align: right;}
@media screen and (max-width: 926px){
  .t__c--sp{text-align: center;}
  .t__l--sp{text-align: left;}
  .t__r--sp{text-align: right;}
}
@media screen and (min-width: 927px){
  .t__c--pc{text-align: center;}
  .t__l--pc{text-align: left;}
  .t__r--pc{text-align: right;}
}
/*--------------------------------------------------------------
   LINE HIEGHT
--------------------------------------------------------------*/
.l__12{line-height: 1.2;}
.l__15{line-height: 1.5;}
.l__18{line-height: 1.8;}
.l__20{line-height: 2;}
@media screen and (max-width: 926px){
  .l__12--sp{line-height: 1.2;}
  .l__15--sp{line-height: 1.5;}
  .l__18--sp{line-height: 1.8;}
  .l__20--sp{line-height: 2;}
}
@media screen and (min-width: 927px){
  .l__12--pc{line-height: 1.2;}
  .l__15--pc{line-height: 1.5;}
  .l__18--pc{line-height: 1.8;}
  .l__20--pc{line-height: 2;}
}
/*--------------------------------------------------------------
   FLEX BOX
--------------------------------------------------------------*/
@media screen and (max-width: 926px){
  .fxs,
  .fxs--sp{
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .fx,
  .fx__w,
  .fx__b,
  .fx--sp,
  .fx__w--sp,
  .fx__b--sp{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fx__w,
  .fx__w--sp{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx__b,
  .fx__b--sp{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fx__i,
  .fx__i--sp{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .i__m,
  .i__m--sp{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .i__c,
  .i__c--sp{
    -webkit-justify-content: center;
    justify-content: center;
  }
  .i__mc,
  .i__mc--sp{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .i__t,
  .i__t--sp{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .i__change,
  .i__change--sp{
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .fx__list > *, 
  .fx__list1--sp > *{
    flex-basis: 100%;
  }
  .fx__list2,
  .fx__list2--sp > *{
    flex-basis: 50%;
  }
  .flexList3,
  .flexList3--sp > *{
    flex-basis: 33.33%;
  }
}
@media screen and (min-width: 927px){
  .fxs,
  .fxs--pc{
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .fx,
  .fx__w,
  .fx__b,
  .fx--pc,
  .fx__w--pc,
  .fx__b--pc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .fx__w,
  .fx__w--pc{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fx__b,
  .fx__b--pc{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fx__i,
  .fx__i--pc{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .i__m,
  .i__m--pc{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .i__c,
  .i__c--pc{
    -webkit-justify-content: center;
    justify-content: center;
  }
  .i__mc,
  .i__mc--pc{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .i__t,
  .i__t--pc{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .i__change,
  .i__change--pc{
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .fx__list > *, 
  .fx__list1--pc > *{
    flex-basis: 100%;
  }
  .fx__list2,
  .fx__list2--pc > *{
    flex-basis: 50%;
  }
  .flexList3,
  .flexList3--pc > *{
    flex-basis: 33.33%;
  }
}