@charset "UTF-8";
/* reset */
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
/* ini */
img{width:100%;}


hr{background-color:#000000;border:none;height:1px;}

html{
    scroll-behavior:smooth !important;
    scroll-padding-top: 80px;
}


/* common */
.max-w60{max-width:60%;}
.max-w70{max-width:70%;}
.max-w80{max-width:80%;}

.bold{font-weight: bold;}

.f-l{font-size:1.2em;}
.f-ll{font-size:1.4em;}
.f-lll{font-size:1.8em;}

.f-s{font-size:0.9em;}
.f-ss{font-size:0.7em;}
.f-sss{font-size:0.5em;}

.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}

.t-d-u{text-decoration: underline;}

.lh13{line-height: 1.3rem;}
.lh15{line-height: 1.5rem;}

.sec-mar-t{margin-top: 200px;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
.mt140{margin-top:140px;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb120{margin-bottom:120px;}
.mb140{margin-bottom:140px;}

.rec-pink{color: #EE6875;}
.rec-pink-light1{color:#ffb5bd;}
.rec-pink-light2{color:#FBDFD8;}
.aca-red{color:#942535;}
.ac-red{color:#c9161d;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.pc-show{display:block;}
.pc-show-inline{display:inline;}
.sp-show{display:none;}
.sp-show-inline{display:none;}


th,td{padding: 10px 10px;}
th{text-align:center; }



/*********** flexbox ************/
.f-wrap{
    display:flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.j-c-c{justify-content:center;}
.a-i-c{align-items:center;}


/* 1/2 */
.f2-1{width:49%;}
.f2-1-fix{width:49%;}

/* 1/3 */
.f3-1{width:33%;}
.f3-2{width:66%;}

/* 1/4 */
.f4-1{width:24%;}
.f4-2{width:78%;}
.f4-3{width:74%;}

/* 1/5 */
.f5-1{width:19%;}
.f5-1:nth-child(n+6){margin-top: 40px;}

/*********** /flexbox ************/



@media screen and (max-width:750px){
    .sec-mar-t{margin-top: 100px;}
    .f-wrap{flex-wrap:wrap;}
    .f2-1,.f3-1,.f3-2{
        width:100%;
        margin-bottom:10px;
    }
    .f5-1{width:33%;}
    .f5-1:nth-child(4),.f5-1:nth-child(5),.f5-1:nth-child(6),.f5-1:nth-child(7),.f5-1:nth-child(8),.f5-1:nth-child(9),.f5-1:nth-child(10),.f5-1:nth-child(11),.f5-1:nth-child(12),.f5-1:nth-child(13),.f5-1:nth-child(14){margin-top: 40px;}

    h1{
        font-size:1.6em !important;
    }
    h2{
        font-size:2.1em;
    }
    .pc-show{display:none;}
    .pc-show-inline{display:none;}
    .sp-show{display:block;}
    .sp-show-inline{display:inline;}

    .max-w60{max-width:100%;}
    .max-w70{max-width:100%;}
    .max-w80{max-width:100%;}
}