/*
Theme Name: STAFF
Theme URI:
Description:
Author:
Version:
*/

*{font-family: 'Noto Sans JP', sans-serif;font-weight: 500; font-style: normal;}
body{max-width: 780px;margin:0 auto;font-size: 20px;}
img{width: 100%;}
a{text-decoration: none;}
.tl{text-align: center;font-weight: bold;font-size: 30px;padding-bottom: 25px}

.btn{text-align: center;margin:50px 0 50px;}
.btn a{padding:20px;border-radius: 12px;display: inline-block;background:rgba(46, 167, 224, 1.0);color:#fff;width:300px }

.mb0{margin-bottom: 0 !important}
.mb5{margin-bottom: 5px !important}

#head {padding:10px 50px;background: #1b66aa;position: relative;display: flex;justify-content: space-between;align-items: center;}
#head h1{width: 70%}
#head img{width: 100%}
#head section{zoom:50%;position: relative;z-index: 2}
#menu{height: 100vh;width:780px;display:flex;position: fixed;top:0;left:50%;margin-left: -390px;z-index: 1;background: #1b66aa;align-items: center;flex-direction: column;justify-content: center;}
#menu a{color:#fff;display: block;font-size: 25px;padding: 1.4vh 0;text-align: center;}
#menu li{list-style: none;width: 100%;}

#wrap{background: #fdf8f1;}
#content{padding:0 50px;}
.page-template-page-contact #content,
.page-template-page-coupon #content,
.page-template-archive-trainings #content{padding:50px;}
.flex{display: flex;justify-content: space-between;}
.mainbtn{padding:40px 0;flex-wrap: wrap;}
.mainbtn li{width: 48%;padding:10px 0}
.mainbtn li {display: flex;}
.mainbtn li img{width: 15%;margin-right: 3%}
.mainbtn li a span{font-weight: bold;line-height: 120%;letter-spacing: -0.1em}
.mainbtn li a{display: flex;align-items: center;height: 120px;border-radius: 12px;background: rgba(33, 171, 61, 1.0);color:#fff;font-size: 30px;font-weight: bold;padding:0 7%;width: 100%;}
.mainbtn li:nth-child(2) a{background: rgba(87, 162, 199, 1.0);}
.mainbtn li:nth-child(3) a{background: rgba(223, 130, 90, 1.0);}
.mainbtn li:nth-child(4) a{background: rgba(221, 121, 155, 1.0);}
.mainbtn li:nth-child(5) a{background: rgba(59, 185, 233, 1.0);}
.mainbtn li:nth-child(6) a{background: rgba(217,87,94, 1.0);}
.mainbtn li:nth-child(7) a{background: rgba(143,195,31, 1.0);}
.mainbtn li:nth-child(8) a{background: rgba(223, 191, 68, 1.0);}
hr{border: none;background: url(./img/line.png) repeat-x center center;background-size: contain;height: 5px;margin: 0}
.subbtn{padding:20px 0;flex-wrap: wrap;}
.subbtn li{width: 48%;padding:10px 0}
.subbtn li a{display: flex;align-items: center;height:100px;border-radius: 12px;color:#fff;font-size: 30px;font-weight: bold;padding:0 10%;justify-content: center;line-height: 120%;background: #dba156}
.subbtn li:nth-child(2) a{background: #21ab3d;}
.subbtn li:nth-child(3) a{background: rgba(255, 143, 148,1);}
.subbtn li:nth-child(4) a{background: rgba(74,191,179, 1.0);}

#newsarea{padding:50px 0 0}
#newsarea ul{margin-bottom: 20px;}
#newsarea li{margin-bottom: 10px;}
#newsarea li a{background: #fff;padding:12px 20px;border-radius: 12px;display: block;}
#newsarea dl{display: table;}
#newsarea dt,
#newsarea dd{display: table-cell;line-height: 150%}
#newsarea dt{width: 6.2em;color:#000}
#newsarea dd{color:rgba(46, 167, 224, 1.0);}
#newsarea dd span{background-color:#cc0000;padding:1px 5px;border-radius: 5px;color:#fff;line-height: 100%;margin-right: 2px;font-size: 80%;text-decoration: underline #cc0000 !important;letter-spacing: 0}
#newsarea .btn{margin-top: 0}

#foot{background: #1b66aa;color:#fff;padding: 50px 0 100px;text-align: center;}

#insta{padding:50px 0 }
#sb_instagram .sbi_follow_btn a {
    background: linear-gradient(45deg, rgba(254, 212, 117, 1) 0%, rgba(229, 61, 93, 1) 50%, rgba(194, 49, 134, 1) 70%, rgba(156, 56, 187, 1) 100%) !important;
}
.sbi_load_btn{display: none !important;}



#second #mainview{text-align: center;color:#fff;background:rgba(87, 162, 199, 1.0);font-size:50px;line-height:100%;display:flex;align-items:center;justify-content:center;height:150px }


.list_link{padding: 45px 0}
.list_link li{margin: 5px 0}
.list_link li a{background: #fff;padding:20px;border-radius: 12px;display: block;color:rgba(87, 162, 199, 1.0);font-weight: bold;font-size: 30px;line-height: 140%}

.page-template-archive-trainings .post_title{font-weight: bold;padding:0 0 15px;margin-bottom: 25px;border-bottom: solid 3px rgba(223, 130, 90, 1.0);font-size: 30px;color:rgba(223, 130, 90, 1.0);line-height: 140%}

.page-template-single-letters #content,
.single #content{padding:50px}
.page-template-single-letters .post_title,
.single .post_title{font-weight: bold;padding:0 0 15px;margin-bottom: 25px;border-bottom: solid 3px rgba(87, 162, 199, 1.0);font-size: 30px;color:rgba(87, 162, 199, 1.0);line-height: 140%}
.single_body{padding-bottom:30px }
.single_body .wp-block-embed,
.single_body .wp-block-table,
.single_body .wp-block-image,
.single_body ul,
.single_body ol,
.single_body .wp-block-buttons,
.page-template-page-cottage .single_body iframe,
.single_body p{margin: 0 0 30px;line-height: 160%;}
.single_body h2{padding:8px 12px;line-height: 140%;font-size: 28px;font-weight: bold;margin:0 0 20px;border:solid 2px rgba(87, 162, 199, 1.0);color:rgba(87, 162, 199, 1.0);}
.acf-label,
.single_body h3{padding:8px 12px;line-height: 120%;font-size: 25px;font-weight: bold;margin:0 0 20px;border-radius: 100px;color:rgba(87, 162, 199, 1.0);background:rgba(87, 162, 199, 0.2) }
.single_body h4{padding:5px 0 5px 10px;line-height: 140%;font-size: 22px;font-weight: bold;margin:0 0 20px;border-left:solid 3px rgba(87, 162, 199, 1.0)}
.single_body .wp-block-button__link{border-radius:12px;background:rgba(87, 162, 199, 1.0) }
.single_body table th{}
.single_body ul,
.single_body ol{margin-left: 1.5em;}
.single_body ul li,
.single_body ol li{margin-bottom: 5px;}
.single_body ul li:last-child,
.single_body ol li:last-child{margin-bottom: 0;}
.single_body strong{font-weight: bold;}
.single_body ul{list-style: disc;}
.single_body ol{list-style: decimal}
.single_body .wp-element-caption{font-size: 80%;letter-spacing: 0;color:#444}

.page-template-archive-trainings .list_link{padding-top: 0}


.page-template-archive-trainings#second #mainview,
.single-trainings#second #mainview{background:rgba(223, 130, 90, 1.0);}
.page-template-archive-trainings .list_link li a{color:rgba(223, 130, 90, 1.0);}
.single-trainings .post_title{color:rgba(223, 130, 90, 1.0);25px;border-bottom: solid 3px rgba(223, 130, 90, 1.0);}
.single-trainings .single_body h2{border:solid 2px rgba(223, 130, 90, 1.0);color:rgba(223, 130, 90, 1.0);}
.single-trainings .single_body h3{color:rgba(223, 130, 90, 1.0);background:rgba(223, 130, 90, 0.2) }
.single-trainings .single_body h4{border-left:solid 3px rgba(223, 130, 90, 1.0)}
.single-trainings .single_body .wp-block-button__link{background:rgba(223, 130, 90, 1.0) }

.page-template-page-cottage#second #mainview{background:rgba(221, 121, 155, 1.0);}
.page-template-page-cottage .list_link li a{color:rgba(221, 121, 155, 1.0);}
.page-template-page-cottage .post_title{color:rgba(221, 121, 155, 1.0);25px;border-bottom: solid 3px rgba(221, 121, 155, 1.0);}
.page-template-page-cottage .single_body h2{border:solid 2px rgba(221, 121, 155, 1.0);color:rgba(221, 121, 155, 1.0);}
.page-template-page-cottage .single_body h3{color:rgba(221, 121, 155, 1.0);background:rgba(221, 121, 155, 0.2) }
.page-template-page-cottage .single_body h4{border-left:solid 3px rgba(221, 121, 155, 1.0)}
.page-template-page-cottage .single_body .wp-block-button__link{background:rgba(221, 121, 155, 1.0) }

.single-post#second #mainview,
.page-template-index#second #mainview{background:rgba(46, 167, 224, 1.0);}
.single-post .list_link li a,
.page-template-index .list_link li a{color:rgba(46, 167, 224, 1.0);}
.single-post .post_title,
.single-post .post_title{color:rgba(46, 167, 224, 1.0);25px;border-bottom: solid 3px rgba(46, 167, 224, 1.0);}
.single-post .single_body h2{border:solid 2px rgba(46, 167, 224, 1.0);color:rgba(46, 167, 224, 1.0);}
.single-post .single_body h3{color:rgba(46, 167, 224, 1.0);background:rgba(46, 167, 224, 0.2) }
.single-post .single_body h4{border-left:solid 3px rgba(46, 167, 224, 1.0)}
.single-post .single_body .wp-block-button__link{background:rgba(46, 167, 224, 1.0) }

.single-letters#second #mainview,
.page-template-single-letters#second #mainview{background:rgba(33, 171, 61, 1.0);height: auto;padding: 2vw 0}
.single-letters#second #mainview img,
.page-template-single-letters#second #mainview img{width:80%; }
.single-letters .list_link li a,
.page-template-single-letters .list_link li a{color:rgba(0,0,0, 1.0);}
.single-letters .post_title,
.page-template-single-letters .post_title{color:rgba(0,0,0, 1.0);25px;border-bottom: solid 3px rgba(0,0,0, 1.0);}
.single-letters .single_body h2,
.page-template-single-letters .single_body h2{border:solid 2px rgba(0,0,0, 1.0);color:rgba(0,0,0, 1.0);}
.single-letters .single_body h3,
.page-template-single-letters .single_body h3{color:rgba(0,0,0, 1.0);background:rgba(0,0,0, 0.1) }
.single-letters .single_body h4,
.page-template-single-letters .single_body h4{border-left:solid 3px rgba(0,0,0, 1.0)}
.single-letters .single_body .wp-block-button__link,
.page-template-single-letters .single_body .wp-block-button__link{background:rgba(0,0,0, 1.0) }
.single-letters .movie_table table{border:solid 1px #666;font-size: 80%;}
.single-letters .movie_table thead{border: none;}
.single-letters .movie_table th,
.single-letters .movie_table td{border:solid 1px #666;padding:5px;line-height: 140%;letter-spacing: 0;background: #fff;}
.single-letters .movie_table th{text-align: center;}
.single-letters .movie_table th:nth-child(1),
.single-letters .movie_table td:nth-child(1){width: 8%;text-align: center;}
.single-letters .movie_table th:nth-child(2),
.single-letters .movie_table td:nth-child(2){width: 50%;}
.single-letters .movie_table th:nth-child(3),
.single-letters .movie_table td:nth-child(3){width: 25%;}
.single-letters .movie_table th:nth-child(4),
.single-letters .movie_table td:nth-child(4){width: 17%;}
.single-letters .movie_table tr:nth-child(2n) td{background: #f5f5f5}
.single-letters .movie_table.blue th{background: #e9f7fd}
.single-letters .single_body h3.blue{background:#00B0F0;color:#fff;}
.single-letters .movie_table.green th{background: #e9f7ee}
.single-letters .single_body h3.green{background:#00af50;color:#fff;}



.page-template-archive-systems#second #mainview,
.single-systems#second #mainview{background:rgba(74,191,179, 1.0);}
.page-template-archive-systems .list_link li a{color:rgba(74,191,179, 1.0);}
.single-systems .post_title{color:rgba(74,191,179, 1.0);25px;border-bottom: solid 3px rgba(74,191,179, 1.0);}
.single-systems .single_body h2{border:solid 2px rgba(74,191,179, 1.0);color:rgba(74,191,179, 1.0);}
.single-systems .single_body h3{color:rgba(74,191,179, 1.0);background:rgba(74,191,179, 0.2) }
.single-systems .single_body h4{border-left:solid 3px rgba(74,191,179, 1.0)}
.single-systems .single_body .wp-block-button__link{background:rgba(74,191,179, 1.0) }


.page-template-page-coupon#second #mainview{background:rgba(217,87,94, 1.0);}
.page-template-page-coupon .list_link li a{color:rgba(217,87,94, 1.0);}
.page-template-page-coupon .post_title{color:rgba(217,87,94, 1.0);25px;border-bottom: solid 3px rgba(217,87,94, 1.0);}
.page-template-page-coupon .single_body h2{border:solid 2px rgba(217,87,94, 1.0);color:rgba(217,87,94, 1.0);}
.page-template-page-coupon .single_body h3{color:rgba(217,87,94, 1.0);background:rgba(217,87,94, 0.2) }
.page-template-page-coupon .single_body h4{border-left:solid 3px rgba(217,87,94, 1.0)}
.page-template-page-coupon .single_body .wp-block-button__link{background:rgba(217,87,94, 1.0) }


.page-template-page-model#second #mainview{background:rgb(143,195,31,1.0);}
.page-template-page-model .list_link li a{color:rgba(143,195,31, 1.0);}
.page-template-page-model .post_title{color:rgba(143,195,31, 1.0);25px;border-bottom: solid 3px rgba(143,195,31, 1.0);}
.page-template-page-model .single_body h2{border:solid 2px rgba(143,195,31, 1.0);color:rgba(143,195,31, 1.0);}
.page-template-page-model .single_body h3{color:rgba(143,195,31, 1.0);background:rgba(143,195,31, 0.2) }
.page-template-page-model .single_body h4{border-left:solid 3px rgba(143,195,31, 1.0)}
.page-template-page-model .single_body .wp-block-button__link{background:rgba(143,195,31, 1.0) }

.page-template-page-pico#second #mainview{background:rgb(59, 185, 233,1.0);}
.page-template-page-pico .list_link li a{color:rgba(59, 185, 233, 1.0);}
.page-template-page-pico .post_title{color:rgba(59, 185, 233, 1.0);25px;border-bottom: solid 3px rgba(59, 185, 233, 1.0);}
.page-template-page-pico .single_body h2{border:solid 2px rgba(59, 185, 233, 1.0);color:rgba(59, 185, 233, 1.0);}
.page-template-page-pico .single_body h3{color:rgba(59, 185, 233, 1.0);background:rgba(59, 185, 233, 0.2) }
.page-template-page-pico .single_body h4{border-left:solid 3px rgba(59, 185, 233, 1.0)}
.page-template-page-pico .single_body .wp-block-button__link{background:rgba(59, 185, 233, 1.0) }


.page-template-page-entry#second #mainview{background:rgb(223, 191, 68,1.0);}
.page-template-page-entry .list_link li a{color:rgba(223, 191, 68, 1.0);}
.page-template-page-entry .post_title{color:rgba(223, 191, 68, 1.0);25px;border-bottom: solid 3px rgba(223, 191, 68, 1.0);}
.page-template-page-entry .single_body h2{border:solid 2px rgba(223, 191, 68, 1.0);color:rgba(223, 191, 68, 1.0);}
.page-template-page-entry .single_body h3{color:rgba(223, 191, 68, 1.0);background:rgba(223, 191, 68, 0.2) }
.page-template-page-entry .single_body h4{border-left:solid 3px rgba(223, 191, 68, 1.0)}
.page-template-page-entry .single_body .wp-block-button__link{background:rgba(223, 191, 68, 1.0) }



.page-template-page-contact#second #mainview{background:rgb(255, 143, 148,1.0);}
.page-template-page-contact .list_link li a{color:rgba(255, 143, 148, 1.0);}
.page-template-page-contact .post_title{color:rgba(255, 143, 148, 1.0);25px;border-bottom: solid 3px rgba(255, 143, 148, 1.0);}
.page-template-page-contact .single_body h2{border:solid 2px rgba(255, 143, 148, 1.0);color:rgba(255, 143, 148, 1.0);}
.page-template-page-contact .single_body h3{color:rgba(255, 143, 148, 1.0);background:rgba(255, 143, 148, 0.2) }
.page-template-page-contact .single_body h4{border-left:solid 3px rgba(255, 143, 148, 1.0)}
.page-template-page-contact .single_body .wp-block-button__link{background:#ff7e2f }
.page-template-page-contact .bk{background: rgba(255, 143, 148 ,0.2);padding: 15px;margin-bottom: 30px}
.page-template-page-contact .bk p{margin-bottom: 0;}




.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.gcalendar{padding:50px 0}

.page-template-index #newsarea ul{margin-bottom:40px; }

.letter_sc{overflow-y:scroll;height: 300px;margin-bottom: 50px;}
.letter_sc .list_link{padding:0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.letter_sc .list_link li{width: 100%;}


/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 50px;
  height: 44px;
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 20px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}


/*=============================
#btn01
=============================*/
#btn01.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
#btn01.active span:nth-of-type(2) {
  opacity: 0;
}
#btn01.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}


.acf-fields>.acf-field{padding:10px 0  !important;}
.acf-field textarea{font-size:20px !important;width:100%;padding:10px;height:25em }
.acf-form-submit{text-align: center;margin-bottom: 10px}
.acf-form-submit input{outline: none;border: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding:20px;background: #444;color:#fff;border-radius: 12px;}
.form_bt{color:#cc0000;text-align: center;padding-bottom: 20px}

.sample{font-size: 90%;padding:10px;margin-bottom: 45px;background: #fff;}


@media screen and (max-width: 780px) {

body{font-size: 1rem;letter-spacing: 0}
#head {padding:10px 5vw;}
#content{padding:0 5vw;}
.mainbtn{padding: 4vw 0;}
.mainbtn li a{height: 16vw;}
.subbtn li a{height: 13vw}
.mainbtn li{padding: 1.5vw 0}
.subbtn{padding: 2vw 0}
#newsarea{padding: 5vw 0}
#insta{padding: 5vw 0}
.tl{padding-bottom: 2.5vw}
.btn a{min-width: 50vw;padding: 3vw;width: auto}
.btn{margin: 5vw 0}
#foot{padding: 5vw 0 15vw}
#second #mainview{height: 20vw}
.page-template-page-contact #content,
.page-template-page-coupon #content,
.page-template-single-letters #content, .single #content{padding: 5vw}
.single_body{letter-spacing: 0}
.single_body h2{padding: 1vw 2vw;margin-bottom: 3vw}
.acf-label,
.single_body h3{padding: 1vw 2vw;margin-bottom: 3vw}
.single_body h4{padding: 0.5vw 0 0.5vw 1vw;margin-bottom: 3vw}
.page-template-single-letters .post_title, .single .post_title{padding-bottom: 1.5vw;margin-bottom: 2.5vw}
.single_body .wp-block-embed, .single_body .wp-block-table, .single_body .wp-block-image, .single_body ul, .single_body ol, .single_body .wp-block-buttons, .single_body p,
.page-template-page-cottage .single_body iframe{margin-bottom: 5vw}
.list_link li a{padding: 3vw}
.letter_sc{margin-bottom: 5vw}
.list_link{padding: 4.5vw 0}
.list_link li{margin: 1vw 0}
.single_body{padding-bottom: 3vw}
.gcalendar{padding: 5vw 0}
.single_body .wp-block-columns {display: flex !important;margin-bottom: 1em !important;flex-wrap: nowrap !important;gap: 3vw;}
#newsarea dt{width: 5.5em}
#menu{width:100%;margin:0;left: 0}
.page-template-archive-trainings #content{padding: 5vw}
.page-template-archive-trainings .post_title{padding-bottom: 1.5vw;margin-bottom: 2.5vw}

.acf-form-submit input{padding:3vw 4vw;}

/*22px*/
.single_body h4,
.subbtn li a,
.mainbtn li a{font-size: 1rem}

/*25px*/
.acf-label,
.single_body h3{font-size: 1.1rem}

/*28px*/
.single_body h2{font-size: 1.2rem}

/*30px*/
.list_link li a,
.page-template-single-letters .post_title, .single .post_title,
.page-template-archive-trainings .post_title,
.tl{font-size: 1.3rem}

/*50px*/
#second #mainview{font-size: 2rem}

.acf-field textarea{font-size:1rem !important; }

.single-letters .movie_table th,
.single-letters .movie_table td{padding:2px;}
.single-letters .movie_table th:nth-child(1),
.single-letters .movie_table td:nth-child(1){width: 10%;text-align: center;}
.single-letters .movie_table th:nth-child(2),
.single-letters .movie_table td:nth-child(2){width: auto;}
.single-letters .movie_table th:nth-child(3),
.single-letters .movie_table td:nth-child(3){width: 23%;}
.single-letters .movie_table th:nth-child(4),
.single-letters .movie_table td:nth-child(4){width: 21%;}

}