@charset "UTF-8";
@import "reset.css";
/* 切り替えポイント：PC最小コンテンツ幅 */
/* 切り替えポイント：PC最小コンテンツ幅 */
/* $break-point以下の時に@contentを適用 */
/* $break-point以上の時に@contentを適用 */
/* $break-point-min以上、$break-point-max以下の時に@contentを適用 */
/* 切り替えポイント：PC最小コンテンツ幅 */
/* 切り替えポイント：PC最小コンテンツ幅 */
/* $break-point以下の時に@contentを適用 */
/* $break-point以上の時に@contentを適用 */
/* $break-point-min以上、$break-point-max以下の時に@contentを適用 */
/* 
================================================================================
class
================================================================================
*/
a[href="#"] {
  position: relative;
}
a[href="#"]::after {
  content: "リンク未設定";
  display: none;
  font-size: 10px;
  line-height: 1;
  padding: 0.5em 0.5em;
  background: #c00;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  transform: translate(0, 105%);
}

@media screen and (max-width: 1000px) {
  .onlyPC {
    display: none;
  }
}

@media screen and (min-width: 1000px) {
  .onlySP {
    display: none;
  }
}

.tCenter {
  text-align: center;
  width: 100%;
}

.tRight {
  text-align: right;
  width: 100%;
}

.tLeft {
  text-align: justify;
  width: 100%;
}

.spacer2 {
  min-height: 20px;
}
@media screen and (min-width: 1000px) {
  .spacer2 {
    min-height: 2.6666666667vw;
  }
}

strong {
  font-weight: 700;
}

.line {
  width: 100%;
  height: 5px;
}
.line::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1666666667rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ff99cb;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1000px) {
  .line::after {
    height: 0.4vw;
    background-size: auto 100%;
  }
}
.radius_m {
  border-radius: 20px;
}

.en {
  display: contents !important;
  font-family: "Poppins";
  font-weight: 400;
}
.en.bold {
  font-weight: 500;
}

.kakko {
  margin-left: -0.5555555556rem;
  margin-right: -0.5555555556rem;
  background: rgba(130, 56, 255, 0.2);
}

.map {
  width: 100%;
  aspect-ratio: 11/6;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 2.2222222222rem;
}
@media screen and (max-width: 1000px) {
  .map {
    aspect-ratio: 1/1;
    margin-bottom: 6.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
.map iframe {
  width: 100%;
  height: 100%;
}

.contentsColor {
  color: #ff99cb;
  border-color: #ff99cb;
}

#container .baseColor_blue * {
  border-color: #0077cb !important;
}

#container .baseColor_sky * {
  border-color: #4bc6ef !important;
}

#container .baseColor_pink * {
  border-color: #ff99cb !important;
}

#container .baseColor_green * {
  border-color: #339933 !important;
}

#container .baseColor_darkgreen * {
  border-color: #336633 !important;
}

#container .baseColor_yellow * {
  border-color: #ffe400 !important;
}

#container .baseColor_orange * {
  border-color: #ff9900 !important;
}

#container .baseColor_darkorange * {
  border-color: #e95532 !important;
}

#container .baseColor_yellowgreen * {
  border-color: #99cc00 !important;
}

#container .baseColor_purple * {
  border-color: #9966ff !important;
}

#container .baseColor_blue a {
  color: #0077cb;
}

#container .baseColor_sky a {
  color: #4bc6ef;
}

#container .baseColor_pink a {
  color: #ff99cb;
}

#container .baseColor_green a {
  color: #339933;
}

#container .baseColor_darkgreen a {
  color: #336633;
}

#container .baseColor_yellow a {
  color: #ffe400;
}

#container .baseColor_orange a {
  color: #ff9900;
}

#container .baseColor_darkorange a {
  color: #e95532;
}

#container .baseColor_yellowgreen a {
  color: #99cc00;
}

#container .baseColor_purple a {
  color: #9966ff;
}

#container .must_blue {
  color: #0077cb !important;
}

#container .must_sky {
  color: #4bc6ef !important;
}

#container .must_pink {
  color: #ff99cb !important;
}

#container .must_green {
  color: #339933 !important;
}

#container .must_darkgreen {
  color: #336633 !important;
}

#container .must_yellow {
  color: #ffe400 !important;
}

#container .must_orange {
  color: #ff9900 !important;
}

#container .must_darkorange {
  color: #e95532 !important;
}

#container .must_yellowgreen {
  color: #99cc00 !important;
}

#container .must_purple {
  color: #9966ff !important;
}

#container a.must_blue,
#container a.must_sky,
#container a.must_pink,
#container a.must_green,
#container a.must_darkgreen,
#container a.must_yellow,
#container a.must_orange,
#container a.must_darkorange,
#container a.must_yellowgreen,
#container a.must_purple {
  text-decoration: underline;
}

body.baseColor_blue .contentsColor {
  color: #0077cb;
  border-color: #0077cb;
  stroke: #0077cb;
}

body.baseColor_sky .contentsColor {
  color: #4bc6ef;
  border-color: #4bc6ef;
  stroke: #4bc6ef;
}

body.baseColor_pink .contentsColor {
  color: #ff99cb;
  border-color: #ff99cb;
  stroke: #ff99cb;
}

body.baseColor_green .contentsColor {
  color: #339933;
  border-color: #339933;
  stroke: #339933;
}

body.baseColor_darkgreen .contentsColor {
  color: #336633;
  border-color: #336633;
  stroke: #336633;
}

body.baseColor_yellow .contentsColor {
  color: #ffe400;
  border-color: #ffe400;
  stroke: #ffe400;
}

body.baseColor_orange .contentsColor {
  color: #ff9900;
  border-color: #ff9900;
  stroke: #ff9900;
}

body.baseColor_darkorange .contentsColor {
  color: #e95532;
  border-color: #e95532;
  stroke: #e95532;
}

body.baseColor_yellowgreen .contentsColor {
  color: #99cc00;
  border-color: #99cc00;
  stroke: #99cc00;
}

body.baseColor_purple .contentsColor {
  color: #9966ff;
  border-color: #9966ff;
  stroke: #9966ff;
}

#container .baseColor_blue .contentsColor {
  color: #0077cb !important;
  border-color: #0077cb !important;
  stroke: #0077cb;
}

#container .baseColor_sky .contentsColor {
  color: #4bc6ef !important;
  border-color: #4bc6ef !important;
  stroke: #4bc6ef;
}

#container .baseColor_pink .contentsColor {
  color: #ff99cb !important;
  border-color: #ff99cb !important;
  stroke: #ff99cb;
}

#container .baseColor_green .contentsColor {
  color: #339933 !important;
  border-color: #339933 !important;
  stroke: #339933;
}

#container .baseColor_darkgreen .contentsColor {
  color: #336633 !important;
  border-color: #336633 !important;
  stroke: #336633;
}

#container .baseColor_yellow .contentsColor {
  color: #ffe400 !important;
  border-color: #ffe400 !important;
  stroke: #ffe400;
}

#container .baseColor_orange .contentsColor {
  color: #ff9900 !important;
  border-color: #ff9900 !important;
  stroke: #ff9900;
}

#container .baseColor_darkorange .contentsColor {
  color: #e95532 !important;
  border-color: #e95532 !important;
  stroke: #e95532;
}

#container .baseColor_yellowgreen .contentsColor {
  color: #99cc00 !important;
  border-color: #99cc00 !important;
  stroke: #99cc00;
}

#container .baseColor_purple .contentsColor {
  color: #9966ff !important;
  border-color: #9966ff !important;
  stroke: #9966ff;
}

body.baseColor_blue .contentsColor .line::after,
#container .baseColor_blue .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230077cb;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_sky .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234BC6EF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_pink .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ff99cb;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_green .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23339933;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_darkgreen .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23336633;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_yellow .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFE400;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_orange .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FF9900;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_darkorange .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E95532;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_yellowgreen .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2399CC00;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.baseColor_purples .contentsColor .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239966FF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#container .c_blue {
  color: #0077cb !important;
  border-color: #0077cb !important;
  stroke: #0077cb;
}

#container .c_sky {
  color: #4bc6ef !important;
  border-color: #4bc6ef !important;
  stroke: #4bc6ef;
}

#container .c_pink {
  color: #ff99cb !important;
  border-color: #ff99cb !important;
  stroke: #ff99cb;
}

#container .c_green {
  color: #339933 !important;
  border-color: #339933 !important;
  stroke: #339933;
}

#container .c_darkgreen {
  color: #336633 !important;
  border-color: #336633 !important;
  stroke: #336633;
}

#container .c_yellow {
  color: #ffe400 !important;
  border-color: #ffe400 !important;
  stroke: #ffe400;
}

#container .c_orange {
  color: #ff9900 !important;
  border-color: #ff9900 !important;
  stroke: #ff9900;
}

#container .c_darkorange {
  color: #e95532 !important;
  border-color: #e95532 !important;
  stroke: #e95532;
}

#container .c_yellowgreen {
  color: #99cc00 !important;
  border-color: #99cc00 !important;
  stroke: #99cc00;
}

#container .c_purple {
  color: #9966ff !important;
  border-color: #9966ff !important;
  stroke: #9966ff;
}

body.baseColor_blue .contentsBgColor {
  background-color: #0077cb;
}

body.baseColor_sky .contentsBgColor {
  background-color: #4bc6ef;
}

body.baseColor_pink .contentsBgColor {
  background-color: #ff99cb;
}

body.baseColor_green .contentsBgColor {
  background-color: #339933;
}

body.baseColor_darkgreen .contentsBgColor {
  background-color: #336633;
}

body.baseColor_yellow .contentsBgColor {
  background-color: #ffe400;
}

body.baseColor_orange .contentsBgColor {
  background-color: #ff9900;
}

body.baseColor_darkorange .contentsBgColor {
  background-color: #e95532;
}

body.baseColor_yellowgreen .contentsBgColor {
  background-color: #99cc00;
}

body.baseColor_purple .contentsBgColor {
  background-color: #9966ff;
}

#container .baseColor_blue .contentsBgColor {
  background-color: #0077cb !important;
  color: #fff !important;
}

#container .baseColor_sky .contentsBgColor {
  background-color: #4bc6ef !important;
}

#container .baseColor_pink .contentsBgColor {
  background-color: #ff99cb !important;
  color: #fff !important;
}

#container .baseColor_green .contentsBgColor {
  background-color: #339933 !important;
  color: #fff !important;
}

#container .baseColor_darkgreen .contentsBgColor {
  background-color: #336633 !important;
  color: #fff !important;
}

#container .baseColor_yellow .contentsBgColor {
  background-color: #ffe400 !important;
}

#container .baseColor_orange .contentsBgColor {
  background-color: #ff9900 !important;
  color: #fff !important;
}

#container .baseColor_darkorange .contentsBgColor {
  background-color: #e95532 !important;
  color: #fff !important;
}

#container .baseColor_yellowgreen .contentsBgColor {
  background-color: #99cc00 !important;
  color: #fff !important;
}

#container .baseColor_purple .contentsBgColor {
  background-color: #9966ff !important;
  color: #fff !important;
}

#container .baseColor_blue a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_sky a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_pink a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_green a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_darkgreen a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_yellow a.contentsBgColor {
  color: #333 !important;
}

#container .baseColor_orange a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_darkorange a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_yellowgreen a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_purple a.contentsBgColor {
  color: #fff !important;
}

#container .baseColor_blue {
  border-color: #0077cb !important;
}

#container .baseColor_sky {
  border-color: #4bc6ef !important;
}

#container .baseColor_pink {
  border-color: #ff99cb !important;
}

#container .baseColor_green {
  border-color: #339933 !important;
}

#container .baseColor_darkgreen {
  border-color: #336633 !important;
}

#container .baseColor_yellow {
  border-color: #ffe400 !important;
}

#container .baseColor_orange {
  border-color: #ff9900 !important;
}

#container .baseColor_darkorange {
  border-color: #e95532 !important;
}

#container .baseColor_yellowgreen {
  border-color: #99cc00 !important;
}

#container .baseColor_purple {
  border-color: #9966ff !important;
}

#container .b_blue {
  border-color: #0077cb !important;
}

#container .b_sky {
  border-color: #4bc6ef !important;
}

#container .b_pink {
  border-color: #ff99cb !important;
}

#container .b_green {
  border-color: #339933 !important;
}

#container .b_darkgreen {
  border-color: #336633 !important;
}

#container .b_yellow {
  border-color: #ffe400 !important;
}

#container .b_orange {
  border-color: #ff9900 !important;
}

#container .b_darkorange {
  border-color: #e95532 !important;
}

#container .b_yellowgreen {
  border-color: #99cc00 !important;
}

#container .b_purple {
  border-color: #9966ff !important;
}

.bgWhite {
  background: #fff;
}

.bgBlue {
  background: #0077cb;
}

.bgSky {
  background: #4bc6ef;
}

.bgLightSky {
  background: #addef8;
}

.bgPink {
  background: #ff99cb;
}

.bgGreen {
  background: #339933;
}

.bgDarkGreen {
  background: #336633;
}

.bgYellow {
  background: #ffe400;
}

.bgOrange {
  background: #ff9900;
}

.bgDarkOrange {
  background: #e95532;
}

.bgYellowGreen {
  background: #99cc00;
}

.bgPurple {
  background: #9966ff;
}

.bgLightGray {
  background: #f2f2eb;
}

.bgDeco-border {
  overflow: hidden;
}
.bgDeco-border::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(90deg, transparent 0 100px, rgba(255, 255, 255, 0.2) 100px 200px);
  background-size: 200px 100%;
  background-position: center center;
  pointer-events: none;
  z-index: 1;
}
.bgDeco-border .globalInner {
  position: relative;
  z-index: 2;
}
.bgDeco-ball::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #fff 100px, transparent 100px);
  background-position: calc(50% - 200px) -220px;
  background-size: 400px 400px;
  opacity: 0.5;
  z-index: 1;
}
.bgDeco-ball::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #fff 50px, transparent 50px);
  background-position: calc(50% - 0px) -420px;
  background-size: 400px 400px;
  opacity: 0.5;
  z-index: 1;
}

.before::before,
.after::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.tLeft {
  text-align: justify;
}

.inView {
  transition: all 1000ms cubic-bezier(0.08, 1.27, 0.23, 1.03);
  transform: translateY(10vw);
  opacity: 0;
}

.inView.in {
  transform: translateY(0%);
  opacity: 1;
}

.radius {
  border-radius: 20px;
  overflow: hidden;
}

.grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  align-items: center;
}
.grid.itemsCenter {
  align-items: center;
}
.grid.col_3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid.col_4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.col_5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex .flexItem {
  margin: 0;
}

.bgBtn {
  width: 38.3333333333rem;
  height: 7.7777777778rem;
  border-radius: 3.8888888889rem;
  background: #fff;
  cursor: pointer;
  box-shadow: 0.2777777778rem 0.5555555556rem 0px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 0.7777777778rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

dl.count {
  counter-reset: count 0;
}
dl.count > dt {
  position: relative;
  padding: 0.5em 1em 0 2.5em !important;
}
dl.count > dt:before {
  counter-increment: count;
  content: counter(count) ". ";
  position: absolute;
  top: 0.5em;
  left: 0.3em;
  width: 1.5em;
  text-align: right;
}

ul {
  list-style: none;
  text-align: justify;
  margin-left: 0;
  padding-left: 0;
}
ul li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
ul li:last-child {
  margin-bottom: 0 !important;
}
ul.kome li {
  padding-left: 1em;
  margin-bottom: 0.5em;
}
ul.kome li::before {
  content: "※";
}
ul.maru li {
  padding-left: 1em;
  margin-bottom: 0.5em;
}
ul.maru li::before {
  content: "○";
}
ul.sns {
  display: flex;
  justify-content: space-between;
  width: 22.2222222222rem;
  margin: auto;
}
ul.sns li {
  width: 5.5555555556rem;
  height: 5.5555555556rem;
  display: flex;
}
ul.sns li a {
  display: flex;
  width: 100%;
  height: 100%;
}
ul.sns li a span {
  display: none;
}
ul.sns li:nth-of-type(1) a {
  background: url("../img/common/sns_twitter.svg") center center no-repeat;
}
ul.sns li:nth-of-type(2) a {
  background: url("../img/common/sns_facebook.svg") center center no-repeat;
}
ul.sns li:nth-of-type(3) a {
  background: url("../img/common/sns_line.svg") center center no-repeat;
}

.banner a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
  width: 100%;
  min-height: 5.5555555556rem;
}
.entryList dl {
  position: relative;
  display: grid;
  grid-template-columns: 4.5em 6em 1fr;
  grid-gap: 1.1111111111rem;
  margin: 0 auto 0.8333333333rem;
  padding-bottom: 0.8333333333rem;
}
@media screen and (max-width: 1000px) {
  .entryList dl {
    grid-template-columns: auto 1fr;
    grid-gap: 0.6666666667vw 0vw;
    padding-bottom: 0rem;
  }
  .entryList dl:not(:last-child) {
    margin-bottom: 4vw;
  }
}
.entryList dl:not(:last-child) {
  border-bottom: dotted 0 #ccc;
}
.entryList dl:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1666666667rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 8 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F4DB26;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1000px) {
  .entryList dl:not(:last-child)::after {
    height: 0.4vw;
    background-size: auto 100%;
  }
}
.entryList dl dt {
  font-size: 0.8em;
  padding-top: 0em;
  text-align: justify;
}
@media screen and (max-width: 1000px) {
  .entryList dl dt {
    font-size: 3.2vw;
    padding: 0 1.3333333333vw 0 0;
    line-height: 1;
    display: flex;
    align-items: center;
  }
}
.entryList dl dd.category {
  font-size: 0.8em;
  padding-top: 0.2em;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  .entryList dl dd.category {
    display: flex;
    justify-content: flex-start;
    padding: 0;
  }
}
.entryList dl dd.category .tag {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #ffe400;
  letter-spacing: 0;
  color: #000;
  padding: 0.35em 0.2em;
  border-radius: 1em;
  transform: translate(0, 5%);
  font-size: 0.6666666667rem;
}
.entryList dl dd.category .tag.info {
  background: #ffe400;
}
.entryList dl dd.category .tag.event {
  background: #ff9900;
  color: #color_white !important;
}
.entryList dl dd.category .tag.lesson {
  background: #ff99cb;
  color: #color_white !important;
}
.entryList dl dd.category .tag.active {
  background: #e95532;
  color: #fff !important;
}
@media screen and (max-width: 1000px) {
  .entryList dl dd.category .tag {
    display: inline-flex;
    margin: 0;
    height: fit-content;
    padding: 0.6666666667vw 2vw;
    min-width: 13.3333333333vw;
    border-radius: 2vw;
    transform: translate(0, -5%);
    font-size: 1.92vw;
  }
}
.entryList dl dd.category .tag.activity {
  background: #e95532;
  color: #fff;
}
.entryList dl dd.category .tag span {
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .entryList dl dd.category .tag span {
    transform: translate(0, 10%);
  }
}
.entryList dl dd.text {
  text-align: justify;
  font-size: 0.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .entryList dl dd.text {
    font-size: 3.4666666667vw;
    padding-top: 0.6666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .entryList dl dd.text {
    grid-row: 2/3;
    grid-column: 1/3;
  }
}

.entryListBox h3 {
  line-height: 1;
}
.entryListBox.topicsFrame {
  display: grid;
  grid-template-columns: 1fr 8.3333333333rem;
  grid-gap: 1.6666666667rem;
  margin-bottom: 1.6666666667rem;
}
@media screen and (max-width: 1000px) {
  .entryListBox.topicsFrame {
    grid-gap: 4vw;
    margin-bottom: 4vw;
  }
}
.entryListBox.topicsFrame h3 {
  text-align: left;
}
.entryListBox.topicsFrame .flexItem:nth-of-type(1) {
  text-align: justify;
  grid-row: 1/2;
  grid-column: 1/2;
}
.entryListBox.topicsFrame .flexItem:nth-of-type(2) {
  grid-row: 2/3;
  grid-column: 1/3;
}
.entryListBox.topicsFrame .flexItem:nth-of-type(3) {
  grid-row: 1/2;
  grid-column: 2/3;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.entryListBox.topicsFrame .more {
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.entryListBox.topicsFrame .more a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  line-height: 1;
  font-size: 0.8888888889rem;
  color: #e95532 !important;
}
@media screen and (max-width: 1000px) {
  .entryListBox.topicsFrame .more a {
    font-size: 3.4666666667vw;
  }
}
.entryListBox.topicsFrame .more a::before {
  content: "";
  display: inline-block;
  width: 1.1111111111rem;
  height: 1.1111111111rem;
  background: url("../img/common/arrow_r_orange.svg") center center no-repeat;
  background-size: contain;
  margin-right: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .entryListBox.topicsFrame .more a::before {
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 1.3333333333vw;
  }
}

.parallax {
  width: 100%;
}

.contentsGroup {
  border: solid 0px #c00;
  margin-bottom: 2.2222222222rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .contentsGroup:last-child {
    margin-bottom: 0vw !important;
  }
}
.contentsGroup p {
  text-align: justify;
}
.contentsGroup picture {
  width: 100%;
}
.contentsGroup a,
.contentsGroup a:link,
.contentsGroup a:active,
.contentsGroup a:visited {
  color: #ff99cb;
  text-decoration: underline;
}
.contentsGroup ul:not(.noformat) {
  list-style: disc;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
.contentsGroup ul:not(.noformat) li {
  text-align: left;
}
.contentsGroup ol:not(.noformat) {
  list-style: decimal;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
.contentsGroup ol:not(.noformat) li {
  text-align: left;
}
.contentsGroup.overFrame {
  width: 122.5%;
  transform: translate(-11.25%, 0);
}
.contentsGroup p:not(:last-child) {
  margin-bottom: 2rem;
}
.contentsGroup img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.contentsGroup div img:not(:last-child),
.contentsGroup span img:not(:last-child) {
  margin-bottom: 1rem;
}
.contentsGroup h3 {
  font-size: 1.5555555556rem;
  margin-bottom: 3.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup h3 {
    font-size: 3.7333333333vw;
  }
}
.contentsGroup h4 {
  font-size: 1.3333333333rem;
  margin-bottom: 1.6666666667rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup h4 {
    font-size: 4.8vw;
  }
}
.contentsGroup h5 {
  font-size: 20px;
  margin-bottom: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup h5 {
    font-size: 3.7333333333vw;
  }
}
.contentsGroup dl.text dt {
  text-align: justify;
}
.contentsGroup dl.text dd:not(:last-child) {
  margin-bottom: 1.6666666667rem;
}
.contentsGroup dl.definition_list {
  text-align: justify;
  margin-bottom: 3.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup dl.definition_list {
    margin-bottom: 13.3333333333vw;
  }
}
.contentsGroup dl.definition_list:last-child {
  margin-bottom: 0 !important;
}
.contentsGroup dl.definition_list dt h4 {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0.5555555556rem;
  line-height: 1.4;
}
.contentsGroup dl.definition_list dt h4 div {
  display: block;
  width: 100%;
}
.contentsGroup dl.definition_list dt h4 .line {
  margin-top: 0.5555555556rem;
}
.contentsGroup dl.definition_list dt svg {
  fill: none;
  width: 100%;
  height: 0.5555555556rem;
}
.contentsGroup dl.definition_list dt svg line {
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 0, 12;
  stroke-dashoffset: 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup dl.definition_list dt svg line {
    stroke-width: 0.4vw;
    stroke-linecap: round;
    stroke-dasharray: 0, 6;
    stroke-dashoffset: 0;
  }
}
.contentsGroup dl.definition_list dd:not(:last-child) {
  margin-bottom: 1.6666666667rem;
}
.contentsGroup.contentsHeadline h3 {
  margin-bottom: 0;
}
.contentsGroup.contentsHeader {
  padding-top: 3.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.contentsHeader {
    padding-top: 0vw;
  }
}
.contentsGroup.contentsHeader:first-child {
  padding-top: 0 !important;
}
.contentsGroup.contentsHeader h3 {
  margin-bottom: 0;
}
.contentsGroup.contentsHeader h3.noDot .icon {
  max-width: 7.5rem;
  margin: 0 auto 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.contentsHeader h3.noDot .icon {
    max-width: 17.3333333333vw;
  }
}
.contentsGroup.contentsHeader h3 span {
  display: inline-block;
  line-height: 1.2;
}
.contentsGroup.contentsHeader h3:not(.noDot)::after {
  content: "";
  display: block;
  height: 0.6111111111rem;
  width: 5.1666666667rem;
  margin: 1.6666666667rem auto 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.contentsHeader h3:not(.noDot)::after {
    margin: 5.3333333333vw auto 0;
    height: 1.4666666667vw;
    width: 12.4vw;
  }
}
.baseColor_blue .contentsGroup.contentsHeader h3:not(.noDot)::after {
  background: url("../img/common/color/title_dot_blue.svg") center center no-repeat;
  background-size: contain;
}
.baseColor_sky .contentsGroup.contentsHeader h3:not(.noDot)::after {
  background: url("../img/common/color/title_dot_sky.svg") center center no-repeat;
  background-size: contain;
}
.baseColor_pink .contentsGroup.contentsHeader h3:not(.noDot)::after {
  background: url("../img/common/color/title_dot_pink.svg") center center no-repeat;
  background-size: contain;
}
.baseColor_green .contentsGroup.contentsHeader h3:not(.noDot)::after {
  background: url("../img/common/color/title_dot_green.svg") center center no-repeat;
  background-size: contain;
}
.baseColor_yellow .contentsGroup.contentsHeader h3:not(.noDot)::after {
  background: url("../img/common/color/title_dot_yellow.svg") center center no-repeat;
  background-size: contain;
}
.baseColor_orange .contentsGroup.contentsHeader h3:not(.noDot)::after {
  background: url("../img/common/color/title_dot_orange.svg") center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.text {
    margin-bottom: 10.6666666667vw;
  }
}
.contentsGroup.text h4 {
  display: flex;
  justify-content: center;
  margin: 0 auto 1.3888888889rem;
  width: 100%;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.text h4 {
    line-height: 1.7;
  }
}
.contentsGroup.text h5 {
  display: block;
  text-align: justify;
  margin: 0 auto 0.2777777778rem;
  width: 100%;
  font-size: 1.1em;
}
.contentsGroup.flex.image_text {
  display: grid;
  grid-template-columns: 22.2222222222rem 1fr;
  grid-gap: 2.2222222222rem;
  margin: 0 auto 3.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text {
    margin-bottom: 10.6666666667vw;
    grid-gap: 2.6666666667vw;
    grid-template-columns: 1fr;
  }
}
.contentsGroup.flex.image_text.image_text_mix {
  grid-template-columns: 22.2222222222rem 1fr;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-gap: 0rem 2.2222222222rem;
  margin: 0 auto 3.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.image_text_mix {
    margin-bottom: 10.6666666667vw;
    grid-gap: 2.6666666667vw;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.contentsGroup.flex.image_text.image_text_mix .flexItem.title {
  grid-row: 1/2;
  grid-column: 2/3;
}
.contentsGroup.flex.image_text.image_text_mix .flexItem.image {
  grid-row: 1/9;
  grid-column: 1/2;
}
.contentsGroup.flex.image_text.image_text_mix .flexItem.text {
  grid-row: 2/9;
  grid-column: 2/3;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.image_text_mix .flexItem.title {
    grid-row: 1/2;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix .flexItem.image {
    grid-row: 2/3;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix .flexItem.text {
    grid-row: 3/4;
    grid-column: auto;
  }
}
.contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.title {
  grid-row: 1/2;
  grid-column: 1/2;
}
.contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.image {
  grid-row: 1/9;
  grid-column: 2/3;
}
.contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.text {
  grid-row: 2/9;
  grid-column: 1/2;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.title {
    grid-row: 1/2;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.image {
    grid-row: 2/3;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.text {
    grid-row: 3/4;
    grid-column: auto;
  }
}
.contentsGroup.flex.image_text:last-child {
  margin-bottom: 0;
}
.contentsGroup.flex.image_text h4 {
  margin-bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text h4 {
    margin-bottom: 2.6666666667vw;
  }
}
.contentsGroup.flex.image_text.imgR {
  grid-template-columns: 1fr 22.2222222222rem;
}
.contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(1) {
  order: 2;
}
.contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(2) {
  order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.imgR {
    grid-template-columns: 1fr;
  }
  .contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(1) {
    order: 1;
  }
  .contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(2) {
    order: 2;
  }
}
.contentsGroup.flex.image_text.type_b {
  grid-template-columns: 1fr 22.2222222222rem;
}
.contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(1) {
  order: 2;
}
.contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(2) {
  order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.type_b {
    grid-template-columns: 1fr;
  }
  .contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(1) {
    order: 1;
  }
  .contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(2) {
    order: 2;
  }
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text .mediaWrap small {
    font-size: 3.4666666667vw;
    display: inline-block;
    padding: 3.3333333333vw 0 2.6666666667vw 0;
    line-height: 1;
  }
}
.contentsGroup.flex.bgLightBox {
  display: block;
  padding: 2.7777777778rem;
  background: #f2f2f2;
  border-radius: 10px;
  margin: 0 auto 3.3333333333rem;
}
.contentsGroup.flex.bgLightBox h4 {
  margin-bottom: 0.5555555556rem;
}
.contentsGroup.flex.bgLightBox.imgR {
  grid-template-columns: 1fr 22.2222222222rem;
}
.contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(1) {
  order: 2;
}
.contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(2) {
  order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.bgLightBox.imgR {
    grid-template-columns: 1fr;
  }
  .contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(1) {
    order: 1;
  }
  .contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(2) {
    order: 2;
  }
}
.contentsGroup.flex .flexItem {
  text-align: justify;
}
.contentsGroup.flex .flexItem .radiusWrap {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  height: fit-content;
}
.contentsGroup.image_gallery .flex {
  width: calc(100% + 1.1111111111rem);
  transform: translate(-0.5555555556rem, 0);
  justify-content: center;
  margin-bottom: -1.1111111111rem;
}
.contentsGroup.image_gallery .flex .flexItem {
  width: calc(33.3333333333% - 1.1111111111rem);
  margin: 0 0.5555555556rem 1.1111111111rem;
  text-align: justify;
}
.contentsGroup.image_gallery .flex.harf, .contentsGroup.image_gallery .flex.card_1, .contentsGroup.image_gallery .flex.card_2 {
  width: calc(100% + 2.2222222222rem);
  transform: translate(-1.1111111111rem, 0);
}
.contentsGroup.image_gallery .flex.harf .flexItem, .contentsGroup.image_gallery .flex.card_1 .flexItem, .contentsGroup.image_gallery .flex.card_2 .flexItem {
  width: calc(50% - 2.2222222222rem);
  margin: 0 1.1111111111rem 1.1111111111rem;
}
.contentsGroup.image_gallery.type_full .flexItem {
  width: 100% !important;
  margin: 0 0rem 1.1111111111rem;
}
.contentsGroup.frameBox h4 {
  margin-bottom: 0;
}
.contentsGroup.frameBox .flex dl {
  border-style: solid;
  border-width: 4.4px;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameBox .flex dl {
    border-radius: 6.6666666667vw;
    border-width: 0.5866666667vw;
    border-radius: 5.3333333333vw;
  }
}
.contentsGroup.frameBox .flex dl dt {
  padding: 2.7777777778rem 5.5555555556rem;
  border-style: solid;
  border-width: 0 0 4.4px 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameBox .flex dl dt {
    padding: 6.6666666667vw 6.6666666667vw;
    border-width: 0 0 0.5866666667vw 0;
  }
}
.contentsGroup.frameBox .flex dl dt h4 span {
  display: block;
}
.contentsGroup.frameBox .flex dl dd {
  padding: 2.7777777778rem 5.5555555556rem;
  color: #333;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameBox .flex dl dd {
    padding: 6.6666666667vw 6.6666666667vw;
  }
}
.contentsGroup.frameBox .flex dl dd.footer {
  padding: 0;
  border-style: solid;
  border-width: 4.4px 0 0 0;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameBox .flex dl dd.footer {
    border-width: 0 0 0.5866666667vw 0;
  }
}
.contentsGroup.frameBox .flex dl dd.footer a {
  display: block;
  padding: 1.3888888889rem 5.5555555556rem;
}
.contentsGroup.frameBox.qaBox > .flex {
  counter-increment: number 1;
}
.contentsGroup.frameBox.qaBox > .flex:not(:last-child) {
  margin-bottom: 5.5555555556rem;
}
.contentsGroup.frameBox.qaBox .number {
  width: 5.5555555556rem;
  height: 5.5555555556rem;
  border-radius: 50%;
  margin: 0 auto 1.1111111111rem;
  color: #fff;
}
.contentsGroup.frameBox.qaBox .number::before {
  content: counter(number);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 1.6666666667rem;
}
.contentsGroup.busCourse {
  position: relative;
  max-width: 1100px;
  width: 90vw;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 5.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse {
    margin-bottom: 6.6666666667vw;
  }
}
.contentsGroup.busCourse dt {
  position: relative;
  padding: 1.9444444444rem 1.1111111111rem 6.1111111111rem !important;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dt {
    padding: 5.3333333333vw 5.3333333333vw 18.6666666667vw !important;
  }
}
.contentsGroup.busCourse dt h4 {
  line-height: 1.6;
}
.contentsGroup.busCourse dt h4 span {
  font-size: 1.5555555556rem;
  display: inline-block;
  margin-bottom: 0.2777777778rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dt h4 span {
    font-size: 4.5833333333vw;
    margin-bottom: 4vw;
  }
}
.contentsGroup.busCourse dt h4 small {
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dt h4 small {
    font-size: 3.4666666667vw;
    line-height: 2;
    display: block;
    text-align: justify;
  }
}
.contentsGroup.busCourse dt::after {
  content: "";
  position: absolute;
  bottom: 1.1111111111rem;
  left: 50%;
  transform: translate(-50%, 0);
  width: 7.9444444444rem;
  height: 4.2777777778rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dt::after {
    width: 19.3333333333vw;
    height: 11.2vw;
    bottom: 5.3333333333vw;
  }
}
.contentsGroup.busCourse.baseColor_blue dt::after {
  background: url("../img/deco/bus_blue.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_pink dt::after {
  background: url("../img/deco/bus_pink.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_sky dt::after {
  background: url("../img/deco/bus_sky.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_yellow dt::after {
  background: url("../img/deco/bus_yellow.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_darkorange dt::after {
  background: url("../img/deco/bus_darkorange.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_green dt::after {
  background: url("../img/deco/bus_green.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_darkgreen dt::after {
  background: url("../img/deco/bus_darkgreen.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_orange dt::after {
  background: url("../img/deco/bus_orange.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_yellowgreen dt::after {
  background: url("../img/deco/bus_yellowgreen.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse.baseColor_purple dt::after {
  background: url("../img/deco/bus_purple.png") center center no-repeat;
  background-size: contain;
}
.contentsGroup.busCourse dd {
  padding: 1.6666666667rem 2.2222222222rem !important;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dd {
    padding: 5.3333333333vw 5.3333333333vw 8vw 5.3333333333vw !important;
    font-size: 3.4666666667vw;
  }
}
.contentsGroup.busCourse dd h5 {
  text-align: justify;
  font-size: 0.8888888889rem;
  margin-bottom: 0.5555555556rem;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dd h5 {
    font-size: 3.4666666667vw;
  }
}
.contentsGroup.busCourse dd .station {
  display: inline-grid;
  width: fit-content;
  margin: auto;
}
.contentsGroup.busCourse dd ul li {
  font-size: 0.8888888889rem;
  margin-bottom: 0.2777777778rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.busCourse dd ul li {
    font-size: 3.4666666667vw;
  }
}
.contentsGroup.busCourse dd ul li a {
  text-decoration: none;
}
.contentsGroup.busCourse dd ul li strong::before {
  content: "●";
  display: inline-block;
}
.contentsGroup.busCourse dd ul li strong::after {
  content: "･･･";
  display: inline-block;
  color: #000;
  font-size: 0.8em;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox {
    margin-bottom: 2.7777777778rem;
  }
}
.contentsGroup.classBox h3 {
  margin-bottom: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox h3 {
    font-size: 4.8vw;
  }
}
.contentsGroup.classBox h4 {
  margin-bottom: 1.1111111111rem;
}
.contentsGroup.classBox + .delimiter_spacer {
  height: 2.6666666667vw;
}
.contentsGroup.classBox .flex {
  width: 80%;
  margin: auto;
  font-weight: 700;
  font-size: 1.2em;
}
.contentsGroup.classBox .flex.full {
  width: 100%;
}
.contentsGroup.classBox .flex dl {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  border-style: solid;
  border-color: #ffe400;
  border-width: 2px 0 2px 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl {
    border-width: 0.4vw 0 0.4vw 0;
  }
}
.contentsGroup.classBox .flex dl > dt {
  padding: 1.1111111111rem;
  border-style: solid;
  border-color: #ffe400;
  border-width: 0 0 2px 0;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl > dt {
    border-width: 0 0 0.4vw 0;
    padding: 2vw 0.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.contentsGroup.classBox .flex dl > dt:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/3;
  border-width: 0 2px 2px 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl > dt:nth-of-type(1) {
    border-width: 0 0.4vw 0.4vw 0;
  }
}
.contentsGroup.classBox .flex dl > dt:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 3/5;
}
.contentsGroup.classBox .flex dl > dd:nth-of-type(1) {
  grid-row: 2/3;
  grid-column: 1/3;
  border-style: solid;
  border-color: #ffe400;
  border-width: 0 2px 0 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl > dd:nth-of-type(1) {
    border-width: 0 0.4vw 0 0;
  }
}
.contentsGroup.classBox .flex dl > dd:nth-of-type(2) {
  grid-row: 2/3;
  grid-column: 3/5;
}
.contentsGroup.classBox .flex dl > dd img {
  max-width: 85%;
  margin: auto;
  display: block;
}
.contentsGroup.classBox .flex dl dl {
  border: 0 !important;
}
.contentsGroup.classBox .flex dl dl dt {
  border-bottom: 0;
  padding: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl dl dt {
    padding: 2vw 0.6666666667vw;
    font-size: 3.2vw;
    line-height: 1.4;
  }
}
.contentsGroup.classBox .flex dl dl dd {
  padding: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl dl dd {
    padding-top: 0;
    padding-bottom: 2.6666666667vw;
  }
  .contentsGroup.classBox .flex dl dl dd img {
    max-width: 90%;
    margin: auto;
  }
}
.contentsGroup.photoGroup {
  margin-bottom: 1.6666666667rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.photoGroup {
    margin-bottom: 2.6666666667vw;
  }
}
.contentsGroup.photoGroup .grid {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.6666666667rem;
}
.contentsGroup.photoGroup .grid:not(:last-child) {
  margin-bottom: 1.6666666667rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.photoGroup .grid {
    grid-gap: 2.6666666667vw;
  }
}
.contentsGroup.photoGroup .grid .gridItem {
  background: #ccc;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.contentsGroup.photoGroup .grid.card_3 .gridItem {
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_3.type_a .gridItem:nth-of-type(1) {
  grid-row: 1/3;
  grid-column: 1/3;
}
.contentsGroup.photoGroup .grid.card_3.type_a .gridItem:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 3/4;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_3.type_a .gridItem:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 3/4;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/3;
  aspect-ratio: 1000/346;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(4) {
  grid-row: 1/3;
  grid-column: 3/4;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/3;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(5) {
  grid-row: 1/3;
  grid-column: 3/4;
}
.contentsGroup.monthBox dl {
  text-align: justify;
}
.contentsGroup.monthBox dl dt {
  padding: 0 0 0.5555555556rem 0;
  border-style: solid;
  border-width: 0 0 2px 0;
  font-size: 4.7222222222rem;
  line-height: 1;
}
.contentsGroup.monthBox dl dt .en.bold {
  font-weight: 500;
}
.contentsGroup.monthBox dl dt small {
  font-size: 1.5555555556rem;
  font-weight: 700;
  margin-left: 0.2777777778rem;
  display: inline-block;
  transform: translate(0, -5%);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl dt {
    font-size: 11.3333333333vw;
    border-width: 0 0 0.2666666667vw 0;
  }
  .contentsGroup.monthBox dl dt small {
    font-size: 3.7333333333vw;
    margin-left: 0.6666666667vw;
  }
}
.contentsGroup.monthBox dl dd:not(:last-child) {
  margin-bottom: 2.5rem;
}
.contentsGroup.monthBox dl dd h4 {
  font-size: 1.2rem;
  padding-top: 1.6666666667rem;
  margin-bottom: 0.8333333333rem;
  color: #000;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl dd h4 {
    font-size: 4.8vw;
    padding-top: 3.3333333333vw;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
  }
}
.contentsGroup.monthBox dl .unitSlides .swiperWrap .swiper {
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides .swiperWrap .swiper-slide {
    padding: 0 2.6666666667vw;
  }
}
.contentsGroup.monthBox dl .unitSlides .swiper-button-next,
.contentsGroup.monthBox dl .unitSlides .swiper-button-prev {
  background: url("../img/common/pager_r_orange.svg") center center no-repeat;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides .swiper-button-next,
  .contentsGroup.monthBox dl .unitSlides .swiper-button-prev {
    width: 4vw;
    height: 6.6666666667vw;
    margin-top: -3.7333333333vw;
  }
}
.contentsGroup.monthBox dl .unitSlides .swiper-button-next {
  right: 0;
  transform: translate(180%, 0);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides .swiper-button-next {
    transform: translate(-6.1333333333vw, 0);
  }
}
.contentsGroup.monthBox dl .unitSlides .swiper-button-prev {
  left: 0;
  transform: translate(-180%, 0) scale(-1, 1);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides .swiper-button-prev {
    transform: translate(6.1333333333vw, 0) scale(-1, 1);
  }
}
.contentsGroup.timeBox {
  margin-bottom: 1.1111111111rem;
}
.contentsGroup.timeBox h3 {
  position: relative;
  font-size: 1.1111111111rem;
  text-align: justify;
  border-style: solid;
  border-width: 2px 0 2px 0;
  padding: 0.6666666667rem 0.5555555556rem;
  margin-bottom: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox h3 {
    padding: 1.3333333333vw 0vw 1.3333333333vw 5.3333333333vw;
    border-width: 0.2666666667vw 0 0.2666666667vw 0;
    margin-bottom: 8vw;
    font-size: 3.2vw;
  }
}
.contentsGroup.timeBox h3 span {
  color: #333;
  display: inline-block;
}
.contentsGroup.timeBox h3::before {
  content: "●";
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox h3::before {
    position: absolute;
    top: 0.44em;
    left: 1.3333333333vw;
  }
}
.contentsGroup.timeBox.offHeadline {
  position: relative;
  border-style: dotted;
  border-width: 0;
  color: #ff9900 !important;
  border-color: #ff9900 !important;
  stroke: #ff9900;
  padding-top: 3.8888888889rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox.offHeadline {
    padding-top: 9.3333333333vw;
  }
}
.contentsGroup.timeBox.offHeadline::before {
  content: "▼";
  display: inline-block;
  font-size: 3.125rem;
  line-height: 1;
  position: absolute;
  top: 0.5555555556rem;
  left: 50%;
  transform: translate(-50%, 0%) scale(1, 0.5);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox.offHeadline::before {
    top: 1.3333333333vw;
    font-size: 1.8rem;
  }
}
.contentsGroup.timeBox.offHeadline .line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.contentsGroup.timeBox.offHeadline svg {
  fill: none;
  width: 100%;
  height: 0.5555555556rem;
}
.contentsGroup.timeBox.offHeadline svg line {
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 0, 12;
  stroke-dashoffset: 0;
}
.contentsGroup.timeBox dl {
  text-align: justify;
  padding-left: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox dl {
    padding-left: 0rem;
  }
}
.contentsGroup.timeBox dl dt {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox dl dt {
    margin-bottom: 5.3333333333vw;
  }
}
.contentsGroup.timeBox dl dt h4 {
  font-size: 1.5555555556rem;
  color: #333;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 1.3em;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox dl dt h4 {
    font-size: 4.8vw;
  }
}
.contentsGroup.timeBox dl dt::before {
  content: "●";
  display: inline-block;
  position: absolute;
  top: 0.28em;
  line-height: 1;
  left: 0;
  font-size: 1.5555555556rem;
}
.contentsGroup.timeBox dl dd {
  position: relative;
  padding: 0 0 1.1111111111rem 1.6666666667rem;
  border-style: dotted;
  border-width: 0 0 4.4px 0;
}
.contentsGroup.timeBox dl dd:not(:last-child) {
  margin-bottom: 3.3333333333rem;
}
.contentsGroup.timeBox dl dd:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox dl dd {
    border-width: 0 0 0.5866666667vw 0;
    padding: 0 0 1.1111111111rem 0;
  }
}
.contentsGroup.timeBox dl dd article {
  color: #333;
  margin-bottom: 0 !important;
}
.contentsGroup.timeBox dl dd article h5 {
  font-size: 1.2em;
}
.contentsGroup.timeBox dl dd article .image .item {
  margin-bottom: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.timeBox dl dd article .image .item:last-child {
    margin-bottom: 1.3333333333vw;
  }
}
.contentsGroup.timeBox dl dd article .image .item img {
  margin-bottom: 0;
}
.contentsGroup.timeBox dl dd::after {
  content: "▼";
  display: inline-block;
  font-size: 2.7777777778rem;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 110%) scale(1, 0.5);
}
.contentsGroup.timeBox dl dd:last-child::after {
  display: none;
}
.contentsGroup.bg_box_area {
  padding: 2.7777777778rem 2.7777777778rem;
  border-radius: 20px;
  text-align: justify;
  position: relative;
}
.contentsGroup.bg_box_area.overflow {
  padding: 2.7777777778rem 5.5555555556rem;
  max-width: 1100px;
  width: 90vw;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area.overflow {
    padding: 6.6666666667vw;
    border-radius: 6.6666666667vw;
  }
}
.contentsGroup.bg_box_area.corner_mini {
  border-radius: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area {
    padding: 6.6666666667vw;
    border-radius: 4vw;
    margin-bottom: 13.3333333333vw;
  }
}
.contentsGroup.bg_box_area h4 {
  margin-bottom: 0.5555555556rem;
}
.contentsGroup.bg_box_area h4:first-child {
  font-size: 1.2222222222rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area h4:first-child {
    font-size: 4.5333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.contentsGroup.bg_box_area h4.large {
  font-size: 1.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area h4.large {
    font-size: 4.5333333333vw;
    margin-bottom: 2.6666666667vw;
  }
}
.contentsGroup.bg_box_area h5 {
  font-size: 1.2222222222rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.2777777778rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area h5 {
    font-size: 3.2vw;
    margin-bottom: 0.6666666667vw;
  }
}
.contentsGroup.bg_box_area dl {
  position: relative;
  border-style: solid;
  border-width: 0 0 2px 0px;
  width: auto;
  display: grid;
  grid-template-columns: 10em 1fr;
  grid-gap: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area dl {
    border-width: 0 0 0.2vw 0px;
  }
}
.contentsGroup.bg_box_area dl:not(:last-child) {
  margin-bottom: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area dl:not(:last-child) {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area dl {
    display: block;
    border-width: 0 0 0 0px;
  }
}
.contentsGroup.bg_box_area dl dt {
  padding: 0.8333333333rem 1.1111111111rem 0.8333333333rem 0rem;
  border-style: solid;
  border-width: 2px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area dl dt {
    padding: 0.2777777778rem 0rem;
    text-align: center;
    border-width: 0.2vw 0 0.2vw 0;
  }
}
.contentsGroup.bg_box_area dl dd {
  padding: 0.8333333333rem 0rem 0.8333333333rem 0rem;
  border-style: solid;
  border-width: 2px 0 0 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.bg_box_area dl dd {
    padding: 2.6666666667vw 0rem 2.6666666667vw 0rem;
    border-width: 0;
  }
}
.contentsGroup.frameArea {
  border-type: solid;
  border-width: 2px;
  padding: 1.1111111111rem;
  font-size: 0.8888888889rem;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameArea {
    text-align: justify;
    font-size: 0.9em;
    padding: 5.3333333333vw;
    border-width: 0.4vw;
  }
}
.contentsGroup.frameArea h4 {
  margin-bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameArea h4 {
    font-size: 3.4666666667vw;
  }
}
.contentsGroup.frameArea p {
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.frameArea p {
    text-align: justify;
  }
}
.contentsGroup.slider-moveloop {
  height: 16.6666666667rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.slider-moveloop {
    height: 48.5333333333vw;
  }
}
.contentsGroup.slider-moveloop .slider-moveloop-container {
  --item-width: 23.1111111111rem;
  --item-gap: 1.6666666667rem;
  width: 100vw;
  height: 100%;
  left: 50%;
  transform: translate(-50vw, 0);
  overflow: hidden;
  position: relative;
  transition: all 1000ms ease-in-out 0ms;
  backface-visibility: hidden;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.slider-moveloop .slider-moveloop-container {
    --item-width: 67.2vw;
    --item-gap: 6.6666666667vw;
  }
}
.contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item {
  position: absolute;
  top: 0;
  width: var(--item-width);
  aspect-ratio: 416/297;
  border-radius: 1.1111111111rem;
  overflow: hidden;
  backface-visibility: hidden;
}
.contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/lp/recruit/kv/cloud_4.svg") center center no-repeat;
  transform: translate(-100%, 50%) scale(1);
  transform-origin: center bottom;
  transition: all 1500ms ease-in-out 0ms;
  z-index: 3;
}
body.lp-page-recruit-lightmove .contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item::before {
  transform: translate(-50%, 50%) scale(1);
  opacity: 0;
  transition: transform 2500ms ease-out 0ms, opacity 2000ms ease-out 600ms;
}
.contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/lp/recruit/kv/cloud_5.svg") center center no-repeat;
  transform: translate(100%, 50%) scale(1);
  transition: all 1500ms ease-in-out 0ms;
  z-index: 4;
}
body.lp-page-recruit-lightmove .contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item::after {
  transform: translate(50%, 50%) scale(1);
  transform-origin: center bottom;
  opacity: 0;
  transition: transform 2500ms ease-out 0ms, opacity 2000ms ease-out 600ms;
}
.contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item:nth-child(odd)::before {
  transform: translate(50%, 100%) scale(1);
  transition-delay: 300ms;
}
body.lp-page-recruit-lightmove .contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item:nth-child(odd)::before {
  transform: translate(50%, 50%) scale(1);
}
.contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item:nth-child(odd)::after {
  transform: translate(-50%, -100%) scale(1);
  transition-delay: 500ms;
}
body.lp-page-recruit-lightmove .contentsGroup.slider-moveloop .slider-moveloop-container .slider-moveloop-item:nth-child(odd)::after {
  transform: translate(-50%, -50%) scale(1);
}
.contentsGroup.slider-moveloop .slider-moveloop-container.is--stby {
  opacity: 0;
  transform: translate(-50vw, 10%);
}
.contentsGroup.slider-moveloop .slider-moveloop-container.is--stby .slider-moveloop-item::before {
  transform: translate(0%, 20%) scale(2) !important;
}
body.lp-page-recruit-lightmove .contentsGroup.slider-moveloop .slider-moveloop-container.is--stby .slider-moveloop-item::before {
  opacity: 1;
}
.contentsGroup.slider-moveloop .slider-moveloop-container.is--stby .slider-moveloop-item::after {
  transform: translate(0%, 20%) scale(2) !important;
}
body.lp-page-recruit-lightmove .contentsGroup.slider-moveloop .slider-moveloop-container.is--stby .slider-moveloop-item::after {
  opacity: 1;
}
.contentsGroup.unit-text-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.unit-text-image {
    grid-template-columns: 1fr;
    grid-gap: 2.6666666667vw;
  }
}
.contentsGroup.unit-text-image .unit-text-image-item {
  align-items: flex-start;
}
.contentsGroup.unit-text-image .unit-text-image-item-image {
  margin-top: -2.2222222222rem;
  transition: all 500ms cubic-bezier(0.51, 0.38, 0.39, 1.34);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.unit-text-image .unit-text-image-item-image {
    width: 66.6666666667vw;
    margin: auto;
  }
}
body.lp-page-recruit-lightmove .contentsGroup.unit-text-image .unit-text-image-item-image {
  transition: all 1500ms cubic-bezier(0.4, 0.79, 0, 1);
}
.contentsGroup.unit-text-image .unit-text-image-item-image.is--stby {
  opacity: 0;
  transform: translateY(2.7777777778rem);
}
.contentsGroup.unit-text-image .unit-text-image-item .label {
  margin-bottom: 1rem;
}
.contentsGroup.unit-text-image .unit-text-image-item .label img {
  width: auto;
  height: 1.3333333333rem;
}
.contentsGroup.unit-text-image.sort-reverse .unit-text-image-item:nth-of-type(1) {
  order: 2;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.unit-text-image.sort-reverse .unit-text-image-item:nth-of-type(1) {
    order: 1;
  }
}
.contentsGroup.unit-text-image.sort-reverse .unit-text-image-item:nth-of-type(2) {
  order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.unit-text-image.sort-reverse .unit-text-image-item:nth-of-type(2) {
    order: 2;
  }
}
.contentsGroup.unit-text-image.voice {
  margin-bottom: 4.4444444444rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.unit-text-image.voice {
    margin-bottom: 29.3333333333vw;
  }
}
.contentsGroup.unit-text-image.voice h4 {
  font-size: 1.2222222222rem !important;
  margin-bottom: 1.1111111111rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.unit-text-image.voice h4 {
    margin-bottom: 2.6666666667vw;
  }
}
.contentsGroup.box-units {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2.7777777778rem;
  counter-reset: box-units-counter;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.box-units {
    grid-template-columns: 1fr;
    grid-gap: 7.7333333333vw;
  }
}
.contentsGroup.box-units .box-units-item {
  counter-increment: box-units-counter;
  background-color: #fff;
  border: solid 0.2777777778rem #ff99cb;
  border-radius: 1.1111111111rem;
  padding: 1.3888888889rem;
  transition: all 500ms cubic-bezier(0.51, 0.38, 0.39, 1.34);
}
body.lp-page-recruit-lightmove .contentsGroup.box-units .box-units-item {
  transition: all 1500ms cubic-bezier(0.4, 0.79, 0, 1);
}
.contentsGroup.box-units .box-units-item.is--stby {
  opacity: 0;
  transform: translateY(2.7777777778rem);
}
.contentsGroup.box-units .box-units-item .number {
  display: block;
  margin-bottom: 0.5555555556rem;
}
.contentsGroup.box-units .box-units-item .number img {
  width: auto;
  height: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.box-units .box-units-item .number img {
    height: 5.3333333333vw;
  }
}
.contentsGroup.box-units .box-units-item h5 {
  text-align: left;
  margin-bottom: 0.5555555556rem;
  font-weight: bold;
}

.image-mask-radius {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transition: all 800ms cubic-bezier(0.62, 0.69, 0.47, 1.2) 0ms;
}
.image-mask-radius::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  background: #ff99cb;
  border-radius: 50%;
  z-index: 1;
  transition: all 500ms ease-in 300ms;
}
body.lp-page-recruit-lightmove .image-mask-radius::before {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.99);
  transition: all 1000ms ease 0ms;
}
.image-mask-radius.sky::before {
  background: #a6daf7;
}
.image-mask-radius.yellow::before {
  background: #fff176;
}
.image-mask-radius img {
  position: relative;
  z-index: 2;
  clip-path: circle(110% at 50% 50%);
  transition: all 1500ms cubic-bezier(0.57, 0.57, 0, 0.99) 200ms;
}
body.lp-page-recruit-lightmove .image-mask-radius img {
  clip-path: none;
  transition: all 2000ms cubic-bezier(0.4, 0.79, 0, 1) 300ms;
}
body.lp-page-recruit-lightmove .image-mask-radius.is--stby {
  transform: translate(0%, 0%) scale(0.8);
}
.image-mask-radius.is--stby::before {
  transform: translate(-50%, -50%) scale(1);
}
body.lp-page-recruit-lightmove .image-mask-radius.is--stby::before {
  transform: translate(-50%, -50%) scale(2.3) !important;
  opacity: 1;
}
.image-mask-radius.is--stby img {
  clip-path: circle(0% at 50% 50%);
}
body.lp-page-recruit-lightmove .image-mask-radius.is--stby img {
  opacity: 0;
}

@keyframes expandToFull {
  0% {
    clip-path: circle(0% at 50% 50%);
  }
  100% {
    clip-path: circle(150% at 50% 50%);
  }
}
.step-popup-text .label {
  transition: all 500ms ease-in-out;
}
body.lp-page-recruit-lightmove .step-popup-text h4 {
  transition: all 1500ms cubic-bezier(0.4, 0.79, 0, 1);
}
.step-popup-text h4 span {
  display: inline-block;
  transition: all 500ms cubic-bezier(0.62, 0.69, 0.47, 1.2);
}
.step-popup-text h4 span:nth-of-type(1) {
  transition-delay: 0.01s;
}
.step-popup-text h4 span:nth-of-type(2) {
  transition-delay: 0.02s;
}
.step-popup-text h4 span:nth-of-type(3) {
  transition-delay: 0.03s;
}
.step-popup-text h4 span:nth-of-type(4) {
  transition-delay: 0.04s;
}
.step-popup-text h4 span:nth-of-type(5) {
  transition-delay: 0.05s;
}
.step-popup-text h4 span:nth-of-type(6) {
  transition-delay: 0.06s;
}
.step-popup-text h4 span:nth-of-type(7) {
  transition-delay: 0.07s;
}
.step-popup-text h4 span:nth-of-type(8) {
  transition-delay: 0.08s;
}
.step-popup-text h4 span:nth-of-type(9) {
  transition-delay: 0.09s;
}
.step-popup-text h4 span:nth-of-type(10) {
  transition-delay: 0.1s;
}
.step-popup-text h4 span:nth-of-type(11) {
  transition-delay: 0.11s;
}
.step-popup-text h4 span:nth-of-type(12) {
  transition-delay: 0.12s;
}
.step-popup-text h4 span:nth-of-type(13) {
  transition-delay: 0.13s;
}
.step-popup-text h4 span:nth-of-type(14) {
  transition-delay: 0.14s;
}
.step-popup-text h4 span:nth-of-type(15) {
  transition-delay: 0.15s;
}
.step-popup-text h4 span:nth-of-type(16) {
  transition-delay: 0.16s;
}
.step-popup-text h4 span:nth-of-type(17) {
  transition-delay: 0.17s;
}
.step-popup-text h4 span:nth-of-type(18) {
  transition-delay: 0.18s;
}
.step-popup-text h4 span:nth-of-type(19) {
  transition-delay: 0.19s;
}
.step-popup-text h4 span:nth-of-type(20) {
  transition-delay: 0.2s;
}
.step-popup-text h4 span:nth-of-type(21) {
  transition-delay: 0.21s;
}
.step-popup-text h4 span:nth-of-type(22) {
  transition-delay: 0.22s;
}
.step-popup-text h4 span:nth-of-type(23) {
  transition-delay: 0.23s;
}
.step-popup-text h4 span:nth-of-type(24) {
  transition-delay: 0.24s;
}
.step-popup-text h4 span:nth-of-type(25) {
  transition-delay: 0.25s;
}
.step-popup-text h4 span:nth-of-type(26) {
  transition-delay: 0.26s;
}
.step-popup-text h4 span:nth-of-type(27) {
  transition-delay: 0.27s;
}
.step-popup-text h4 span:nth-of-type(28) {
  transition-delay: 0.28s;
}
.step-popup-text h4 span:nth-of-type(29) {
  transition-delay: 0.29s;
}
.step-popup-text h4 span:nth-of-type(30) {
  transition-delay: 0.3s;
}
.step-popup-text h4 span:nth-of-type(31) {
  transition-delay: 0.31s;
}
.step-popup-text h4 span:nth-of-type(32) {
  transition-delay: 0.32s;
}
.step-popup-text h4 span:nth-of-type(33) {
  transition-delay: 0.33s;
}
.step-popup-text h4 span:nth-of-type(34) {
  transition-delay: 0.34s;
}
.step-popup-text h4 span:nth-of-type(35) {
  transition-delay: 0.35s;
}
.step-popup-text h4 span:nth-of-type(36) {
  transition-delay: 0.36s;
}
.step-popup-text h4 span:nth-of-type(37) {
  transition-delay: 0.37s;
}
.step-popup-text h4 span:nth-of-type(38) {
  transition-delay: 0.38s;
}
.step-popup-text h4 span:nth-of-type(39) {
  transition-delay: 0.39s;
}
.step-popup-text h4 span:nth-of-type(40) {
  transition-delay: 0.4s;
}
.step-popup-text h4 span:nth-of-type(41) {
  transition-delay: 0.41s;
}
.step-popup-text h4 span:nth-of-type(42) {
  transition-delay: 0.42s;
}
.step-popup-text h4 span:nth-of-type(43) {
  transition-delay: 0.43s;
}
.step-popup-text h4 span:nth-of-type(44) {
  transition-delay: 0.44s;
}
.step-popup-text h4 span:nth-of-type(45) {
  transition-delay: 0.45s;
}
.step-popup-text h4 span:nth-of-type(46) {
  transition-delay: 0.46s;
}
.step-popup-text h4 span:nth-of-type(47) {
  transition-delay: 0.47s;
}
.step-popup-text h4 span:nth-of-type(48) {
  transition-delay: 0.48s;
}
.step-popup-text h4 span:nth-of-type(49) {
  transition-delay: 0.49s;
}
.step-popup-text h4 span:nth-of-type(50) {
  transition-delay: 0.5s;
}
.step-popup-text p {
  transition: all 500ms ease-in-out;
  transition-delay: 200ms;
}
body.lp-page-recruit-lightmove .step-popup-text p {
  transition: all 1500ms cubic-bezier(0.4, 0.79, 0, 1);
}
.step-popup-text.is--stby .label {
  opacity: 0;
  transform: translateY(1.5em);
}
body.lp-page-recruit-lightmove .step-popup-text.is--stby h4 {
  opacity: 0;
  transform: translateY(1.5em);
}
.step-popup-text.is--stby h4 span {
  opacity: 0;
  transform: translateY(1.5em);
}
body.lp-page-recruit-lightmove .step-popup-text.is--stby h4 span {
  opacity: 1;
  transform: translateY(0em);
}
.step-popup-text.is--stby p {
  opacity: 0;
  transform: translateY(1.5em);
}

.mmin {
  margin-bottom: 0.5555555556rem !important;
}

.unitWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .unitWrap {
    grid-template-columns: 1fr;
  }
}
.unitWrap.type {
  margin-bottom: 8.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .unitWrap.type {
    margin-bottom: 20vw;
  }
}

.exBox {
  padding: 2.7777777778rem;
  border-style: solid;
  border-width: 2px;
}
@media screen and (max-width: 1000px) {
  .exBox {
    border-width: 0.2vw;
    padding: 5.3333333333vw;
  }
}
.exBox h4 {
  margin-bottom: 1.1111111111rem !important;
}
@media screen and (max-width: 1000px) {
  .exBox h4 {
    margin-bottom: 1.3333333333vw !important;
  }
}

.btnArea {
  text-align: center;
  padding: 1.1111111111rem 0;
  transition: all 500ms cubic-bezier(0.51, 0.38, 0.39, 1.34);
}
.btnArea.is--stby {
  opacity: 0;
  transform: translateY(2.7777777778rem);
}
.btnArea small {
  display: block;
  padding-top: 1em;
}
.btnArea p {
  text-align: center;
}

.qaBoxWrap {
  counter-reset: number 0;
  margin-bottom: 6.6666666667rem;
}
.qaBoxWrap:last-child {
  margin-bottom: 0rem;
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap {
    margin-bottom: 26.6666666667vw;
  }
}
.qaBoxWrap .qaBox {
  text-align: justify;
  padding: 2.7777777778rem 5.5555555556rem;
  margin-bottom: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox {
    padding: 8vw 2.6666666667vw 6.6666666667vw 5.3333333333vw;
    margin-bottom: 6.6666666667vw;
  }
}
.qaBoxWrap .qaBox dl dt {
  position: relative;
  margin-bottom: 0rem;
  cursor: pointer;
}
.qaBoxWrap .qaBox dl dt h4 {
  padding-left: 3.0555555556rem;
  padding-right: 5.5555555556rem;
  margin-bottom: 0;
  font-size: 1.1111111111rem;
  letter-spacing: 0;
  text-align: left;
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dt h4 {
    font-size: 3.9066666667vw;
    padding-right: 8vw;
  }
}
.qaBoxWrap .qaBox dl dt h4::before {
  content: "";
  display: inline-block;
  width: 2.4444444444rem;
  height: 2.4444444444rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/icon/qa_q.png") center center no-repeat;
  background-size: contain;
  transform: translateY(-0.2777777778rem);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dt h4::before {
    width: 8.6666666667vw;
    height: 8.6666666667vw;
    transform: translateY(-1.3333333333vw);
  }
}
.qaBoxWrap .qaBox dl dt h4::after {
  content: "";
  display: inline-block;
  width: 2.4444444444rem;
  height: 2.4444444444rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../img/icon/qa_arrow.png") center center no-repeat;
  background-size: 50%;
  transform: translateY(-0.2777777778rem);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dt h4::after {
    width: 8vw;
    height: 8vw;
    transform: translateY(-1.3333333333vw);
  }
}
.qaBoxWrap .qaBox dl dd {
  display: none;
  margin-top: 1.1111111111rem;
  position: relative;
  padding-left: 3.0555555556rem;
  padding-right: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dd {
    font-size: 3.4666666667vw;
    padding-right: 6.6666666667vw;
    padding-bottom: 1.3333333333vw;
  }
}
.qaBoxWrap .qaBox dl dd::before {
  content: "";
  display: inline-block;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/icon/qa_a.png") center center no-repeat;
  background-size: contain;
  transform: translateY(-0.2777777778rem);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dd::before {
    width: 8vw;
    height: 8vw;
    transform: translateY(-1.3333333333vw);
  }
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl.open {
    margin-bottom: -2.6666666667vw;
  }
}
.qaBoxWrap .qaBox dl.open h4::after {
  transform: translateY(-0.2777777778rem) scale(1, -1);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl.open h4::after {
    transform: translateY(-1.3333333333vw) scale(1, -1);
  }
}
.qaBoxWrap .qaBox dl.open dd {
  display: block;
}

.delimiter_spacer {
  height: 4.4444444444rem;
}
@media screen and (max-width: 1000px) {
  .delimiter_spacer {
    height: 10.6666666667vw;
  }
}
.delimiter_spacer.spacer_s {
  height: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .delimiter_spacer.spacer_s {
    height: 6.6666666667vw;
  }
}
.delimiter_spacer.spacer_ss {
  height: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .delimiter_spacer.spacer_ss {
    height: 2.6666666667vw;
  }
}
.delimiter_spacer.dotline {
  display: flex;
  align-items: center;
}
.delimiter_spacer.baseColor_blue .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230077cb;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_sky .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234BC6EF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_pink .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ff99cb;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_green .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23339933;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_darkgreen .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23336633;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_yellow .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFE400;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_orange .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FF9900;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_darkorange .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E95532;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_yellowgreen .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2399CC00;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.delimiter_spacer.baseColor_purple .line::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='line' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 3' style='enable-background:new 0 0 12 3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239966FF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M1.4981403,3.0046086c-0.090332,0-0.1904297-0.0097656-0.2900391-0.0297852 c-0.1000977-0.0200195-0.1904297-0.050293-0.2802734-0.0898438C0.8379841,2.8449407,0.7481403,2.8049016,0.6680622,2.744843 C0.5879841,2.69455,0.507906,2.6349797,0.4380817,2.5646672c-0.2802734-0.2797852-0.4399414-0.669922-0.4399414-1.0600587 c0-0.3999023,0.159668-0.7797852,0.4399414-1.0698242C0.507906,0.3747257,0.5879841,0.3049015,0.6680622,0.2546085 c0.0800781-0.0600586,0.1699219-0.1000977,0.2597656-0.1396484C1.0176716,0.074921,1.1080036,0.0446476,1.2081013,0.024628 c0.4897461-0.0898438,1,0.0703125,1.3496094,0.4101562c0.2802734,0.2900391,0.4404297,0.6699219,0.4404297,1.0698242 c0,0.3901367-0.1601562,0.7802736-0.4404297,1.0600587C2.2779255,2.8449407,1.8980427,3.0046086,1.4981403,3.0046086z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.btnAreaWrap .raoundBgBtn {
  margin-bottom: 2.7777777778rem;
}
.btnAreaWrap a {
  font-size: 0.8888888889rem;
}

.qaSearchArea {
  margin-bottom: 5.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .qaSearchArea {
    margin-bottom: 13.3333333333vw;
  }
}
.qaSearchArea .inFrame {
  width: 100vw;
  padding: 3.8888888889rem;
  background: repeating-linear-gradient(-45deg, #4f953d, #4f953d 10px, #5e9f4f 10px, #5e9f4f 20px);
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 1000px) {
  .qaSearchArea .inFrame {
    background: repeating-linear-gradient(-45deg, #4f953d, #4f953d 1.3333333333vw, #5e9f4f 1.3333333333vw, #5e9f4f 2.6666666667vw);
  }
}
.qaSearchArea .inFrame .globalInner {
  max-width: 52.7777777778rem !important;
  margin: auto;
}
.qaSearchArea .inFrame .formWrap {
  border: solid 2px #336633;
  border-radius: 0.5555555556rem;
  overflow: hidden;
  background: #336633;
  grid-template-columns: auto 8.3333333333rem;
  grid-gap: 0;
}
@media screen and (max-width: 1000px) {
  .qaSearchArea .inFrame .formWrap {
    border: solid 0.2666666667vw #336633;
  }
}
.qaSearchArea .inFrame .formWrap .inputKeywords input {
  width: 100%;
  height: 100%;
  display: flex;
  margin: 0;
  height: 3.3333333333rem;
  border: 0;
  padding: 0.5555555556rem 1.6666666667rem;
  font-size: 1.1111111111rem;
}
.qaSearchArea .inFrame .formWrap .inputKeywords input::placeholder {
  color: #ccc;
  font-weight: normal;
  font-size: 0.8888888889rem;
}
.qaSearchArea .inFrame .formWrap .submitBtn {
  width: 100%;
  height: 100%;
  display: flex;
}
.qaSearchArea .inFrame .formWrap .submitBtn button {
  margin: 0;
  border: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: #336633;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.qaSearchArea .inFrame .formWrap .submitBtn button span {
  opacity: 0.5;
  position: relative;
  display: inline-block;
  padding-left: 1.3333333333rem;
}
.qaSearchArea .inFrame .formWrap .submitBtn button span::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("../img/common/icon_search.svg") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.bannerWrap {
  width: calc(100% + 1.1111111111rem);
  transform: translate(-0.5555555556rem, 0);
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .bannerWrap {
    width: 100%;
    transform: translate(0, 0);
    margin-bottom: 0rem;
  }
}
.bannerWrap .flexItem {
  width: calc(25% - 1.1111111111rem);
  margin: 0 0.5555555556rem 1.1111111111rem;
  text-align: justify;
}
@media screen and (max-width: 1000px) {
  .bannerWrap .flexItem {
    width: 73.3333333333vw;
    margin: 0 auto 6.6666666667vw;
  }
}

.mainNavi .linkBoxList,
.subNavi .linkBoxList {
  width: calc(100% + 2.5rem);
  transform: translate(-1.25rem, 0);
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList,
  .subNavi .linkBoxList {
    width: 100%;
    transform: translate(0, 0);
  }
}
.mainNavi .linkBoxList .flexItem,
.subNavi .linkBoxList .flexItem {
  width: calc(33.3333333333% - 2.5rem);
  margin: 0 1.25rem 2.5rem;
  text-align: justify;
}
@media screen and (min-width: 1000px) {
  .mainNavi .linkBoxList .flexItem:nth-of-type(4), .mainNavi .linkBoxList .flexItem:nth-of-type(5), .mainNavi .linkBoxList .flexItem:nth-of-type(6),
  .subNavi .linkBoxList .flexItem:nth-of-type(4),
  .subNavi .linkBoxList .flexItem:nth-of-type(5),
  .subNavi .linkBoxList .flexItem:nth-of-type(6) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList .flexItem,
  .subNavi .linkBoxList .flexItem {
    width: 100%;
    margin: 0 0 6.6666666667vw;
  }
}
.mainNavi .linkBoxList .flexItem a,
.subNavi .linkBoxList .flexItem a {
  font-size: 0.8888888889rem;
  display: block;
  font-weight: 700;
}
.mainNavi .linkBoxList .flexItem .image,
.subNavi .linkBoxList .flexItem .image {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 0.5555555556rem;
  background: #ccc;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList .flexItem .image,
  .subNavi .linkBoxList .flexItem .image {
    aspect-ratio: 100/41.4;
    margin-bottom: 0.2777777778rem;
  }
}
.mainNavi .linkBoxList .flexItem .text,
.subNavi .linkBoxList .flexItem .text {
  color: #fff;
  padding-right: 2.2222222222rem;
}
.mainNavi .linkBoxList .flexItem .text span,
.subNavi .linkBoxList .flexItem .text span {
  display: inline-block;
  position: relative;
  line-height: 1;
  color: #000;
}
.mainNavi .linkBoxList .flexItem .text span::after,
.subNavi .linkBoxList .flexItem .text span::after {
  top: 50%;
  right: 0;
  transform: translate(140%, -50%) !important;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList .flexItem .text span::after,
  .subNavi .linkBoxList .flexItem .text span::after {
    transform: translate(140%, -50%) !important;
  }
}
.mainNavi .linkBoxList.sub,
.subNavi .linkBoxList.sub {
  width: calc(100% + 1.1111111111rem);
  transform: translate(-0.5555555556rem, 0);
  margin-bottom: -1.1111111111rem;
}
.mainNavi .linkBoxList.sub .flexItem,
.subNavi .linkBoxList.sub .flexItem {
  width: calc(33.3333333333% - 1.1111111111rem);
  margin: 0 0.5555555556rem 1.1111111111rem;
  text-align: justify;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList.sub .flexItem,
  .subNavi .linkBoxList.sub .flexItem {
    width: calc(100% - 1.1111111111rem);
  }
}
.mainNavi .linkBoxList.sub .flexItem a,
.subNavi .linkBoxList.sub .flexItem a {
  display: flex;
  width: 100%;
  height: 4.4444444444rem;
  justify-content: center;
  align-items: center;
  color: #000;
  background: #ffe400;
  border-radius: 10px;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList.sub .flexItem a,
  .subNavi .linkBoxList.sub .flexItem a {
    height: 16vw;
  }
}

@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList {
    display: block;
  }
}
.mainNavi .linkBoxList .flexItem:nth-of-type(1) {
  order: 1;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(2) {
  order: 4;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(3) {
  order: 2;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(4) {
  order: 5;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(5) {
  order: 3;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(6) {
  order: 6;
}

@media screen and (max-width: 1000px) {
  .subNavi .linkBoxList.sub {
    width: calc(100% + 5.3333333333vw);
    transform: translate(-2.6666666667vw, 0);
    margin-bottom: -5.3333333333vw;
  }
}
.subNavi .linkBoxList.sub .flexItem {
  width: calc(25% - 1.1111111111rem);
}
@media screen and (max-width: 1000px) {
  .subNavi .linkBoxList.sub .flexItem {
    width: calc(50% - 5.3333333333vw);
    margin: 0 2.6666666667vw 5.3333333333vw;
  }
}
.subNavi .linkBoxList.sub .flexItem a {
  font-size: 0.7777777778rem;
  letter-spacing: 0.1em;
}
.subNavi .linkBoxList.sub .flexItem a::before {
  content: "";
  display: block;
  width: 1.7222222222rem;
  height: 3.4444444444rem;
  background: url("../img/icon/kirin_pink.png") center bottom no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0.4444444444rem;
  background-size: contain !important;
}
@media screen and (max-width: 1000px) {
  .subNavi .linkBoxList.sub .flexItem a::before {
    left: 0.6666666667vw;
    width: 8.6666666667vw;
    height: 12.9333333333vw;
  }
}
body.baseColor_blue .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_blue.png") center bottom no-repeat;
}
body.baseColor_sky .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_sky.png") center bottom no-repeat;
}
body.baseColor_pink .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_pink.png") center bottom no-repeat;
}
body.baseColor_green .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_green.png") center bottom no-repeat;
}
body.baseColor_yellow .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_yellow.png") center bottom no-repeat;
}
body.baseColor_orange .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_orange.png") center bottom no-repeat;
}
body.baseColor_darkorange .subNavi .linkBoxList.sub .flexItem a::before {
  background: url("../img/icon/kirin_darkorange.png") center bottom no-repeat;
}
.subNavi .linkBoxList.sub .flexItem a span {
  display: inline-block;
  line-height: 1.4;
  max-width: 8em;
  text-align: center;
  transform: translate(0.2em, 0.1em);
}
@media screen and (max-width: 1000px) {
  .subNavi .linkBoxList.sub .flexItem a span {
    max-width: 8em;
    text-align: center;
    font-size: 2.9333333333vw;
  }
}
.subNavi .linkBoxList.sub .flexItem a.afterArrow::after {
  transform: translate(0, -45%);
  right: 0.8888888889rem;
}
@media screen and (max-width: 1000px) {
  .subNavi .linkBoxList.sub .flexItem a.afterArrow::after {
    right: 2.6666666667vw;
  }
}

.bannerArea {
  width: 100%;
}
.bannerArea.just {
  display: flex;
}
.bannerArea.just .bannerWrap {
  width: 100%;
  justify-content: space-between;
  transform: translate(0, 0);
  margin: 0;
  padding: 0;
}
.bannerArea.just .bannerWrap li {
  width: 23.6111111111rem;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .bannerArea.just .bannerWrap li {
    width: 100%;
    margin-bottom: 6.6666666667vw;
  }
}

.linkBarNavi {
  height: 2.7777777778rem;
  border-radius: 1.3888888889rem;
  background: #ff99cb;
  color: #fff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .linkBarNavi {
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
  }
}
.linkBarNavi::before {
  content: "";
  display: block;
  width: 5.8888888889rem;
  height: 11.6666666667rem;
  position: absolute;
  top: 0;
  left: 2.7777777778rem;
  transform: translate(0, -99.9%);
  background: url("../img/common/illust_kirin_head.svg") center bottom no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .linkBarNavi::before {
    width: 14.1333333333vw;
    height: 28vw;
    left: 3.3333333333vw;
  }
}
.linkBarNavi .inWrap {
  width: auto;
  display: grid;
  grid-template-columns: auto auto;
  line-height: 1;
}
.linkBarNavi .inWrap h4 {
  position: relative;
  font-size: 1.1111111111rem;
  letter-spacing: 0.15em;
}
.linkBarNavi .inWrap h4:not(.only) {
  padding-right: 2.2222222222rem;
}
.linkBarNavi .inWrap h4:not(.only)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 0.2777777778rem;
  height: 1.3888888889rem;
  background: url("../img/common/dot_3.svg") right center no-repeat;
  background-size: contain;
}
.linkBarNavi .inWrap .linkBoxList {
  padding-left: 1.1111111111rem;
}
.linkBarNavi .inWrap .linkBoxList li {
  display: flex;
  align-items: center;
  font-size: 0.8888888889rem;
  letter-spacing: 0.25em;
}
.linkBarNavi .inWrap .linkBoxList li a {
  padding: 0 1.1111111111rem;
}
.linkBarNavi .inWrap .linkBoxList li a::after {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  right: auto;
  width: 0.4444444444rem;
  height: 0.4444444444rem;
  border-radius: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: translate(-50%, 180%) rotate(-45deg);
  background: none;
  display: none;
}
@media screen and (max-width: 1000px) {
  .linkBarNavi .inWrap .linkBoxList li a::after {
    border-top: solid 0.2vw #fff;
    border-right: solid 0.2vw #fff;
  }
}
.linkBarNavi .inWrap .linkBoxList li a br {
  display: none !important;
}
body#message .linkBarNavi .inWrap .linkBoxList li.message a::after {
  display: block;
}
body#introduction .linkBarNavi .inWrap .linkBoxList li.introduction a::after {
  display: block;
}
body#task .linkBarNavi .inWrap .linkBoxList li.task a::after {
  display: block;
}
body#class .linkBarNavi .inWrap .linkBoxList li.class a::after {
  display: block;
}
body#access .linkBarNavi .inWrap .linkBoxList li.access a::after {
  display: block;
}
body#day .linkBarNavi .inWrap .linkBoxList li.day a::after {
  display: block;
}
body#schedule .linkBarNavi .inWrap .linkBoxList li.schedule a::after {
  display: block;
}
body#requirements .linkBarNavi .inWrap .linkBoxList li.requirements a::after {
  display: block;
}
body#qa .linkBarNavi .inWrap .linkBoxList li.qa a::after {
  display: block;
}

.afterArrow {
  position: relative;
}
.afterArrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 1.1111111111rem;
  width: 1.1111111111rem;
  height: 1.1111111111rem;
  border-radius: 50%;
  background: url("../img/common/arrow_r_black.svg") center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .afterArrow::after {
    right: 2.6666666667vw;
    width: 3.6vw;
    height: 3.6vw;
  }
}

.footerNavi {
  display: grid;
  grid-template-columns: 16.6666666667rem 1fr;
  grid-gap: 1.6666666667rem;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
.footerNavi .en {
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  .footerNavi {
    grid-template-columns: 1fr;
    font-size: 3.4666666667vw;
    grid-gap: 9.3333333333vw;
  }
}
.footerNavi > .flexItem {
  text-align: justify;
}
.footerNavi > .flexItem:nth-of-type(1) {
  grid-row: 2/3;
  grid-column: 2/3;
}
@media screen and (max-width: 1000px) {
  .footerNavi > .flexItem:nth-of-type(1) {
    grid-row: 1/2;
    grid-column: auto;
  }
}
.footerNavi > .flexItem:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 1/3;
  line-height: 0;
}
@media screen and (max-width: 1000px) {
  .footerNavi > .flexItem:nth-of-type(2) {
    grid-row: 3/4;
    grid-column: auto;
    text-align: center;
  }
}
.footerNavi > .flexItem:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
@media screen and (max-width: 1000px) {
  .footerNavi > .flexItem:nth-of-type(3) {
    grid-row: 2/3;
    grid-column: auto;
    padding-top: 6.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
  .footerNavi > .flexItem:nth-of-type(3) p {
    text-align: center !important;
  }
}
.footerNavi > .flexItem:nth-of-type(4) {
  grid-row: 3/4;
  grid-column: 1/3;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .footerNavi > .flexItem:nth-of-type(4) {
    grid-row: auto;
    grid-column: auto;
  }
}
.footerNavi ul {
  margin-bottom: 0.2222222222rem;
  padding-left: 1em;
}
.footerNavi ul:not(.one) {
  margin-bottom: 1.3888888889rem;
}
@media screen and (max-width: 1000px) {
  .footerNavi ul {
    margin-bottom: 9.3333333333vw !important;
  }
}
.footerNavi ul li {
  position: relative;
  padding-left: 1.3em;
  font-size: 0.7777777778rem;
}
.footerNavi ul li::before {
  content: "＞";
  display: inline-block;
  position: absolute;
  top: 0.03em;
  left: 0em;
}
@media screen and (max-width: 1000px) {
  .footerNavi ul li::before {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .footerNavi ul li {
    padding-left: 0em;
    font-size: 3.4666666667vw !important;
  }
}
.footerNavi ul ul {
  padding: 0.2222222222rem 0 0 0;
  transform: translate(0em, 0);
}
@media screen and (max-width: 1000px) {
  .footerNavi ul ul {
    padding: 4vw 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.footerNavi ul ul li {
  padding-left: 0.8em;
  margin-bottom: 0.1666666667rem;
}
.footerNavi ul ul li::before {
  content: "・";
  display: inline-block;
  position: absolute;
  top: 0.03em;
  left: 0em;
}
@media screen and (max-width: 1000px) {
  .footerNavi ul ul li::before {
    content: "-";
  }
}
@media screen and (max-width: 1000px) {
  .footerNavi ul ul li {
    width: 50%;
    margin-bottom: 4vw;
  }
  .footerNavi ul ul li.long {
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .footerNavi .flexItem ul:last-child {
    margin-bottom: 0;
  }
}
.footerNavi .logo {
  display: inline-block;
  width: 13.0555555556rem;
}
@media screen and (max-width: 1000px) {
  .footerNavi .logo {
    width: 34.6666666667vw;
  }
}
.footerNavi .name {
  margin-bottom: 1.1111111111rem;
  line-height: 1.6;
}
@media screen and (max-width: 1000px) {
  .footerNavi .name {
    font-size: 3.7333333333vw;
  }
}
.footerNavi .info {
  line-height: 1.6;
  font-size: 0.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .footerNavi .info {
    line-height: 2;
    font-size: 2.9333333333vw;
  }
}
.footerNavi .copyright {
  padding-top: 1.1111111111rem;
  font-size: 0.6666666667rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1000px) {
  .footerNavi .copyright {
    font-size: 2.4vw;
    padding-top: 1.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .footerNavi .linkUnit {
    width: 73.3333333333vw;
    margin: 0 auto 0;
  }
  .footerNavi .linkUnit .flexItem {
    width: 100%;
  }
}

.meta {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.5555555556rem;
  font-size: 0.8em;
}
.meta .date {
  display: flex;
  align-items: center;
  line-height: 0;
}
.meta .category {
  font-size: 0.8em;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  .meta .category {
    display: flex;
    justify-content: flex-start;
  }
}
.meta .category .tag {
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #ffe400;
  color: #000;
  padding: 0.32em 1em;
  min-width: 4.4444444444rem;
  border-radius: 1em;
}
.meta .category .tag.info {
  background: #ffe400;
}
.meta .category .tag.event {
  background: #ff9900;
  color: #fff !important;
}
.meta .category .tag.lesson {
  background: #ff99cb;
  color: #fff !important;
}
.meta .category .tag.active {
  background: #e95532;
  color: #fff !important;
}
@media screen and (max-width: 1000px) {
  .meta .category .tag {
    display: inline-flex;
    margin: 0;
    height: fit-content;
    padding: 1.0666666667vw 2vw;
    min-width: 13.3333333333vw;
    border-radius: 2vw;
    font-size: 1.6vw;
  }
}
.meta .category .tag.activity {
  background: #e95532;
  color: #fff;
}
.meta .category .tag span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}
.raoundBgBtn {
  text-align: center;
}
.raoundBgBtn a {
  display: inline-flex;
  width: auto;
  justify-content: center;
  align-items: center;
  padding: 1.1111111111rem;
  background: #ffe400;
  min-width: 21.1111111111rem;
  min-height: 4.4444444444rem;
  border-radius: 2.2222222222rem;
  margin: auto;
  text-decoration: none !important;
  font-weight: 700;
}
.raoundBgBtn a span {
  position: relative;
  display: inline-block;
  padding-right: 2.6666666667rem;
  transform: translate(0.8333333333rem, 0);
}
.raoundBgBtn a span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: translate(-25%, -50%) rotate(45deg);
}
@media screen and (max-width: 1000px) {
  .raoundBgBtn a span::after {
    border-top: solid 0.2vw #fff;
    border-right: solid 0.2vw #fff;
  }
}
.raoundBgBtn a.icon_download span::after {
  content: "";
  width: 1.6666666667rem;
  height: 1.1111111111rem;
  background: url("../img/common/icon_download_white.svg") center center no-repeat;
  background-size: contain;
  transform: translate(-25%, -50%) rotate(0deg) !important;
  border: 0;
}
.raoundBgBtn a.iconNone span, .raoundBgBtn a.icon_none span {
  padding: 0 !important;
  transform: translate(0, 0) !important;
}
.raoundBgBtn a.iconNone span::after, .raoundBgBtn a.icon_none span::after {
  display: none;
}
.raoundBgBtn.baseColor_yellow a span::after {
  border-top: solid 1px #000;
  border-right: solid 1px #000;
}
@media screen and (max-width: 1000px) {
  .raoundBgBtn.baseColor_yellow a span::after {
    border-top: solid 0.2vw #000;
    border-right: solid 0.2vw #000;
  }
}
.raoundBgBtn.baseColor_yellow a.icon_download span::after {
  border: 0;
  background: url("../img/common/icon_download.svg") center center no-repeat;
  background-size: contain;
}

.blogLayout .warpFrame {
  grid-template-columns: auto 10rem;
  grid-gap: 3.3333333333rem;
  align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1000px) {
  .blogLayout .warpFrame nav {
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame nav {
    grid-row: 2;
  }
}
.blogLayout .warpFrame nav.menuList a {
  color: #999 !important;
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame nav.menuList dl dd ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .blogLayout .warpFrame nav.menuList dl dd ul li a::after {
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    transform: translate(0, 0);
    margin-left: 1.3333333333vw;
  }
}
.blogLayout .warpFrame .contentsWrap {
  text-align: justify;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail {
  background: #f2f1ec;
  padding: 2.7777777778rem 5.5555555556rem;
  border-radius: 20px;
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail {
    padding: 6.6666666667vw 6.6666666667vw 13.3333333333vw 6.6666666667vw;
    border-radius: 6.6666666667vw;
  }
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryTitle h3 {
  text-align: left;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody {
  font-size: 0.8888888889rem;
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody {
    font-size: 3.4666666667vw;
    line-height: 1.9;
  }
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody .wp-caption {
  margin-bottom: 2em;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody .wp-caption img {
  margin-bottom: 0.5em;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody p {
  text-align: justify;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody picture {
  width: 100%;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody a,
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody a:link,
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody a:active,
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody a:visited {
  color: #ff99cb;
  text-decoration: underline;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody ul:not(.noformat) {
  list-style: disc;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody ul:not(.noformat) li {
  text-align: left;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody ol:not(.noformat) {
  list-style: decimal;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
body.single .blogLayout .warpFrame .contentsWrap .contentsWrapDetail .entryBody ol:not(.noformat) li {
  text-align: left;
}
.blogLayout .warpFrame .contentsWrap .meta {
  display: grid;
  width: max-content;
  grid-template-columns: auto 12em;
  grid-gap: 0.5555555556rem;
  margin-bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame .contentsWrap .meta {
    width: 100%;
    grid-template-columns: auto 1fr;
    margin-bottom: 1.3333333333vw;
  }
}
.blogLayout .warpFrame .contentsWrap .meta .date {
  display: flex;
  align-items: center;
  letter-spacing: 0.1em;
}
.blogLayout .warpFrame .contentsWrap .meta .category {
  display: flex;
  align-items: center;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame .contentsWrap .meta .category .tag {
    padding: 0.6666666667vw 2.6666666667vw 0.6666666667vw 2.6666666667vw;
    font-size: 1.92vw;
    transform: translate(0, -10%);
  }
}
.blogLayout .warpFrame .contentsWrap .entryTitle {
  font-size: 1.1111111111rem;
  margin-bottom: 2.2222222222rem;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame .contentsWrap .entryTitle {
    font-size: 2.6666666667vw;
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame .contentsWrap .entryTitle h3 {
    text-align: left;
  }
}
.blogLayout .warpFrame .contentsWrap .entryBody img {
  max-width: 100%;
  height: auto !important;
  border-radius: 1.1111111111rem;
  margin-top: 1.5rem;
}
.blogLayout .warpFrame .contentsWrap .entryBody img:not(:last-child) {
  margin-bottom: 1.6666666667rem;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame .contentsWrap .entryBody img:not(:last-child) {
    margin-bottom: 6.6666666667vw;
  }
}
.blogLayout .warpFrame .contentsWrap .entryBody p {
  margin-bottom: 1rem;
}
body.single .blogLayout .warpFrame .contentsWrap .entryBody dl {
  margin-top: 2.2222222222rem;
  position: relative;
  border-style: solid;
  border-width: 0 0 2px 0px;
  border-color: #e95532;
  width: auto;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .entryBody dl {
    border-width: 0 0 0.2vw 0px;
  }
}
body.single .blogLayout .warpFrame .contentsWrap .entryBody dl:not(:last-child) {
  margin-bottom: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .entryBody dl:not(:last-child) {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .entryBody dl {
    display: block;
    border-width: 0 0 0 0px;
  }
}
body.single .blogLayout .warpFrame .contentsWrap .entryBody dl dt {
  padding: 0.5555555556rem 1.1111111111rem 0.5555555556rem 0rem;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #e95532;
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .entryBody dl dt {
    padding: 0.2777777778rem 0rem;
    text-align: center;
    border-width: 0.2vw 0 0 0;
  }
}
body.single .blogLayout .warpFrame .contentsWrap .entryBody dl dd {
  padding: 0.5555555556rem 0rem 0.5555555556rem 0rem;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: #e95532;
}
@media screen and (max-width: 1000px) {
  body.single .blogLayout .warpFrame .contentsWrap .entryBody dl dd {
    border-width: 0;
    padding: 2.6666666667vw 0vw 2.6666666667vw 0vw;
    border-width: 0.2vw 0 0 0;
  }
}
.blogLayout .warpFrame .contentsWrap .entryFooter {
  padding-top: 13.3333333333vw;
  margin-bottom: 26.6666666667vw;
}
.blogLayout .entryFooter {
  padding-top: 5.5555555556rem;
}
.blogLayout .entryBoxList {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 3.0555555556rem;
  align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList {
    display: flex;
    justify-content: space-between;
    grid-gap: 6.6666666667vw 5.3333333333vw;
  }
}
.blogLayout .entryBoxList .flexItem {
  display: block;
  text-align: justify;
  overflow: hidden;
  color: inherit !important;
  text-decoration: none !important;
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList .flexItem {
    width: 47%;
    margin-bottom: 0vw;
  }
}
.blogLayout .entryBoxList .flexItem dl dt {
  aspect-ratio: 1/1;
  margin-bottom: 0.8333333333rem;
  border-radius: 20px;
  overflow: hidden;
  background-color: #ffe400 !important;
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList .flexItem dl dt {
    margin-bottom: 4.6666666667vw;
    border-radius: 3.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList .flexItem dl dd.meta .date {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList .flexItem dl dd.meta .category .tag {
    font-size: 1.92vw;
  }
}
.blogLayout .entryBoxList .flexItem dl dd.title {
  font-size: 0.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList .flexItem dl dd.title {
    font-size: 3.2vw;
  }
}

.menuList dl dt {
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 0.5555555556rem;
  font-size: 0.8888888889rem;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .menuList dl dt {
    padding: 2.4vw;
    font-size: 3.4666666667vw;
  }
}
.menuList dl dd {
  margin-bottom: 2.2222222222rem;
}
@media screen and (max-width: 1000px) {
  .menuList dl dd:last-child {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 1000px) {
  .menuList dl dd:last-child ul {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  .menuList dl dd ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0rem;
    margin: 0 5.3333333333vw 13.3333333333vw;
  }
}
.menuList dl dd ul li {
  border-style: solid;
  border-width: 0 0 2px 0;
}
@media screen and (max-width: 1000px) {
  .menuList dl dd ul li {
    border-width: 0 0 0.2666666667vw 0;
  }
}
.menuList dl dd ul li a {
  display: block;
  padding: 0.8333333333rem 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .menuList dl dd ul li a {
    padding: 4vw 2.6666666667vw;
  }
}
.menuList dl dd ul li a::after {
  content: "";
  display: block;
  right: 0.5555555556rem;
  transform: translate(0, -50%);
  background: url(../img/common/arrow_r_orange.svg) center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1000px) {
  .menuList dl dd ul li a::after {
    width: 3.6vw;
    height: 3.6vw;
  }
}

.round {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .round {
    border-radius: 5.3333333333vw;
  }
}

.categoryIcons {
  display: flex;
  justify-content: center;
  padding-top: 2.7777777778rem;
  padding-bottom: 2.7777777778rem;
}
.categoryIcons .inWrap {
  border: solid 4px #d6d6d6;
  border-radius: 20px;
  width: 100%;
  padding: 0.8333333333rem;
}
@media screen and (max-width: 1000px) {
  .categoryIcons .inWrap {
    display: inline-block;
    width: 100%;
    margin: auto;
    padding: 8.6666666667vw 6.6666666667vw;
    border: solid 0.8vw #d6d6d6;
    border-radius: 5.3333333333vw;
  }
}
.categoryIcons .inWrap ul {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .categoryIcons .inWrap ul {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8vw 1.3333333333vw;
  }
}
.categoryIcons .inWrap ul li {
  position: relative;
  width: auto;
  margin: 0 1%;
  padding-left: 3.6111111111rem;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .categoryIcons .inWrap ul li {
    width: auto;
    margin: 0;
    font-size: 3.4666666667vw;
    line-height: 1.2;
    letter-spacing: 0;
    padding-left: 13.3333333333vw;
    display: flex;
    align-items: center;
  }
}
.categoryIcons .inWrap ul li::before {
  content: "";
  display: inline-block;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background: #000;
}
@media screen and (max-width: 1000px) {
  .categoryIcons .inWrap ul li::before {
    width: 9.3333333333vw;
    height: 9.3333333333vw;
  }
}
.categoryIcons .inWrap ul li::after {
  content: "･･･";
  font-size: 0.5555555556rem;
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 2.5rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1000px) {
  .categoryIcons .inWrap ul li::after {
    left: 10vw;
  }
}
.categoryIcons .inWrap ul li:nth-of-type(1) {
  color: #e95532;
}
.categoryIcons .inWrap ul li:nth-of-type(1)::before {
  background: url("../img/common/type/icon_brain.png") center center no-repeat;
  background-size: contain;
}
.categoryIcons .inWrap ul li:nth-of-type(2) {
  color: #ff99cb;
}
.categoryIcons .inWrap ul li:nth-of-type(2)::before {
  background: url("../img/common/type/icon_heart.png") center center no-repeat;
  background-size: contain;
}
.categoryIcons .inWrap ul li:nth-of-type(3) {
  color: #ff9900;
}
.categoryIcons .inWrap ul li:nth-of-type(3)::before {
  background: url("../img/common/type/icon_body.png") center center no-repeat;
  background-size: contain;
}
.categoryIcons .inWrap ul li:nth-of-type(4) {
  color: #0077cb;
}
.categoryIcons .inWrap ul li:nth-of-type(4)::before {
  background: url("../img/common/type/icon_support.png") center center no-repeat;
  background-size: contain;
}

.iconMake {
  position: relative;
  margin-bottom: 1.1111111111rem;
}
.iconMake::after {
  content: "";
  display: block;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  border-radius: 50%;
  background: #000;
  position: absolute;
  right: 0.5555555556rem;
  bottom: 0.5555555556rem;
}
.iconMake.iconMakeBrain::after {
  background: #e95532;
}
.iconMake.iconMakeHeart::after {
  background: #ff99cb;
}
.iconMake.iconMakeBody::after {
  background: #ff9900;
}
.iconMake.iconMakeSupport::after {
  background: #0077cb;
}
.iconMake.type_a::after {
  background: #e95532;
}
.iconMake.type_b::after {
  background: #ff99cb;
}
.iconMake.type_c::after {
  background: #ff9900;
}
.iconMake.type_d::after {
  background: #0077cb;
}

.imageIcon {
  position: relative;
}
.imageIcon::after {
  content: "";
  display: block;
  width: 2.7777777778rem;
  height: 2.7777777778rem;
  border-radius: 50%;
  background: #000;
  position: absolute;
  right: 0.5555555556rem;
  bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .imageIcon::after {
    width: 10vw;
    height: 10vw;
    right: 2vw;
    bottom: 2vw;
  }
}
.imageIcon.type_brain::after {
  background: url("../img/common/type/icon_brain.png") center center no-repeat;
  background-size: contain;
}
.imageIcon.type_heart::after {
  background: url("../img/common/type/icon_heart.png") center center no-repeat;
  background-size: contain;
}
.imageIcon.type_body::after {
  background: url("../img/common/type/icon_body.png") center center no-repeat;
  background-size: contain;
}
.imageIcon.type_support::after {
  background: url("../img/common/type/icon_support.png") center center no-repeat;
  background-size: contain;
}
.imageIcon.type_none::after {
  display: none;
}
.imageIcon.type_::after {
  display: none;
}

#searchDetail {
  display: none;
}
body.qaResult #searchDetail {
  display: block;
}

body.qaResult #qaAllView {
  display: none;
}

:root {
  --spacer_s: $spacer_s_pc;
  --spacer_m: $spacer_m_pc;
}

html,
body {
  font-family: YakuHanJP, "Poppins", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 400;
  font-size: 3.4666666667vw;
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: center;
  width: 100%;
  color: #333;
}
@media screen and (min-width: 1000px) {
  html,
  body {
    overscroll-behavior-y: none;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.04em;
  }
}

body {
  overflow: auto;
}
h1,
h2,
h3,
h4 {
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  h1,
  h2,
  h3,
  h4 {
    font-size: 4.5333333333vw;
  }
}

h3 {
  text-align: center;
}

h5,
h6 {
  font-weight: 500;
}

img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.15em;
  line-height: 1.6;
}
@media screen and (max-width: 1000px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    letter-spacing: 0.07em;
    line-height: 1.6;
  }
}

p {
  text-align: left;
  width: 100%;
}
p.tCenter {
  text-align: center;
}

dl {
  width: 100%;
}

a,
a:link,
a:active,
a:visited {
  color: inherit;
  text-decoration: none;
}

figure figcaption {
  transform: translate(0, -0.5em);
}

/* 
================================================================================
loader
================================================================================
*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 50000;
  transition: all 500ms ease;
}
body.loadingFinish #loader {
  opacity: 0;
}
#loader #loadingAnim {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11.1111111111rem;
  height: 11.1111111111rem;
  background: #ccc;
  opacity: 0;
  background-size: contain;
  transition: all 250ms ease;
}
body.loadingAnimFinish #loader #loadingAnim {
  opacity: 0;
}

body.resize * {
  transition: all 0ms ease !important;
}

/* 
================================================================================
container,base
================================================================================
*/
#container {
  position: relative;
  background: #ffe400;
  opacity: 1;
  transition: all 250ms ease;
  overflow-x: hidden;
}
@media screen and (min-width: 1000px) {
  #container {
    /* 以上のとき */
  }
}
body.loadingFinish #container {
  opacity: 1;
}

.globalInner {
  width: 90%;
  max-width: 900px;
  margin: auto;
  border: solid 0px #c00;
}
.wideLayout .globalInner {
  max-width: 1100px;
}

main {
  width: 100%;
  padding-top: 100px;
}
@media screen and (max-width: 1000px) {
  main {
    padding-top: 16vw;
  }
}
body.lp-page main {
  padding-top: 0;
}

/* 
================================================================================
header / footer
================================================================================
*/
.globalHeader {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100px;
  z-index: 100;
  font-weight: 700;
  display: block;
  flex-wrap: wrap;
  overflow: hidden;
  transition: all 500ms ease-in-out;
}
.globalHeader.mode-lp {
  background-color: transparent;
  position: fixed;
  top: 0;
  transition: all 1000ms ease-in-out 500ms;
}
html.lp-page-recruit-animation .globalHeader.mode-lp.is--stby {
  opacity: 0;
  transform: translate(0, -100%);
}
.globalHeader.mode-lp .globalInner {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  height: 5rem !important;
}
.globalHeader.mode-lp .globalInner .flex {
  width: fit-content;
  display: flex;
  align-items: center;
}
.globalHeader.mode-lp .globalInner .flex .logo {
  width: 9rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader.mode-lp .globalInner .flex .logo {
    width: 34.6666666667vw;
  }
}
.globalHeader.mode-lp .globalInner .flex .recruit-logo {
  margin-left: 1.6666666667rem;
  margin-top: 0.5555555556rem;
  width: 5.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader.mode-lp .globalInner .flex .recruit-logo {
    display: none;
  }
}
.globalHeader.mode-lp .globalInner .recruit-btn a {
  min-width: 5.5555555556rem;
  min-height: 2.7777777778rem;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  .globalHeader.mode-lp .globalInner .recruit-btn a {
    width: 30.6666666667vw;
    height: 10.6666666667vw;
  }
}
.globalHeader.mode-lp .globalInner .recruit-btn a span {
  padding: 0rem 1.6666666667rem;
  transform: translate(0, 0);
}
.globalHeader.mode-lp .globalInner .recruit-btn a span::after {
  display: none;
}
@media screen and (max-width: 1000px) {
  .globalHeader {
    min-height: 16vw;
  }
}
.globalHeader #specialInformation {
  background: #ff99cb;
  color: #fff;
  padding: 0.5555555556rem 0;
  height: 2.8888888889rem;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation {
    height: 10.6666666667vw;
  }
}
.globalHeader #specialInformation.size_s {
  font-size: 0.8em;
  padding: 0rem 0;
  display: flex;
  align-items: center;
  height: 1.7777777778rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation.size_s {
    height: 8vw;
  }
}
.globalHeader #specialInformation .globalInner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation .globalInner {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .globalHeader #specialInformation .globalInner a {
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.globalHeader #specialInformation .close {
  display: none;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation .close {
    transform: translate(0%, -50%);
  }
}
.globalHeader #specialInformation .close::before, .globalHeader #specialInformation .close::after {
  content: "";
  display: block;
  width: 1.3888888889rem;
  height: 0.1111111111rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation .close::before, .globalHeader #specialInformation .close::after {
    width: 6.6666666667vw;
    height: 0.4vw;
  }
}
.globalHeader #specialInformation .close::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.globalHeader #specialInformation .close::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.globalHeader .globalInner {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.globalHeader .globalInner > .flex {
  width: 100%;
  align-items: center;
}
.globalHeader .globalInner.main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .globalHeader .globalInner.main {
    height: 16vw;
    min-height: 16vw;
  }
}
.globalHeader .flex {
  justify-content: space-between;
}
.globalHeader .flex .logo {
  width: 12.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .logo {
    width: 34.6666666667vw;
    transform: translateY(-1.0666666667vw);
  }
}
.globalHeader .flex .tools {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1.6666666667rem;
  height: fit-content;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .tools {
    grid-template-columns: auto 6.6666666667vw;
    grid-gap: 4vw;
  }
}
.globalHeader .flex .tools .toolItem {
  display: flex;
  align-items: center;
  position: relative;
}
.globalHeader .flex .instagram {
  width: 1.6666666667rem;
}
.globalHeader .flex .menu {
  display: block;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .menu {
    width: 12vw;
    height: 16vw;
    position: absolute !important;
    top: 50%;
    left: 9.3333333333vw;
    right: 0;
    transform: translate(0%, -50%);
    z-index: 1000;
  }
}
.globalHeader .flex .menu span {
  display: none;
}
.globalHeader .flex .menu::before, .globalHeader .flex .menu::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1111111111rem;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .menu::before, .globalHeader .flex .menu::after {
    width: 6.9333333333vw;
    height: 0.4vw;
    left: 0%;
    transform: translate(0%, -50%);
  }
}
.globalHeader .flex .menu::before {
  margin-top: -0.2777777778rem;
}
body.menuOpen .globalHeader .flex .menu::before {
  transform: translate(-50%, -50%) rotate(-45deg);
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .menu::before {
    margin-top: -0.9333333333vw;
  }
  body.menuOpen .globalHeader .flex .menu::before {
    transform: translate(0%, -50%) rotate(-45deg);
    margin: 0;
  }
}
.globalHeader .flex .menu::after {
  margin-top: 0.2777777778rem;
}
body.menuOpen .globalHeader .flex .menu::after {
  transform: translate(-50%, -50%) rotate(45deg);
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .menu::after {
    margin-top: 0.9333333333vw;
  }
  body.menuOpen .globalHeader .flex .menu::after {
    transform: translate(0%, -50%) rotate(45deg);
    margin: 0;
  }
}
.globalHeader .menuWrap {
  display: block;
  width: 100%;
  position: absolute;
  top: auto;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap {
    overflow-y: auto;
    height: calc(100vh - 26.6666666667vw);
  }
}
.globalHeader .menuWrap .globalInner {
  padding: 2.7777777778rem;
}
.globalHeader .menuWrap .linkUnit {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.6666666667rem;
  align-items: flex-start;
  font-size: 0.9em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit {
    grid-template-columns: 1fr;
    grid-gap: 0rem;
    padding-bottom: 13.3333333333vw;
  }
}
.globalHeader .menuWrap .linkUnit a:not(.nolink) {
  display: inline-block;
}
.globalHeader .menuWrap .linkUnit a:not(.nolink)::after {
  right: 0;
  transform: translate(140%, -55%);
}
.globalHeader .menuWrap .linkUnit ul {
  margin-bottom: 0.2777777778rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul {
    margin-bottom: 8.6666666667vw !important;
  }
}
.globalHeader .menuWrap .linkUnit ul:not(.one) {
  margin-bottom: 1.6666666667rem;
}
.globalHeader .menuWrap .linkUnit ul.single {
  margin-bottom: 1.3888888889rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul.single a:not(.nolink)::after {
    display: none;
  }
}
.globalHeader .menuWrap .linkUnit ul.one {
  margin-bottom: 0.8333333333rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul.one a:not(.nolink)::after {
    display: none;
  }
}
.globalHeader .menuWrap .linkUnit ul li {
  position: relative;
  padding-left: 1.5em;
  letter-spacing: 0.15em;
  font-size: 0.8888888889rem;
}
.globalHeader .menuWrap .linkUnit ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.03em;
  left: 0em;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul li {
    font-size: 3.4666666667vw;
    padding-left: 0;
  }
}
.globalHeader .menuWrap .linkUnit ul li .parent {
  font-size: 1.1111111111rem;
  margin-bottom: 0.5555555556rem;
}
.globalHeader .menuWrap .linkUnit ul li.hasChild .parent {
  margin-bottom: 0;
}
.globalHeader .menuWrap .linkUnit ul li.hasChild > a {
  position: relative;
  display: block;
}
.globalHeader .menuWrap .linkUnit ul li.hasChild > a::after {
  content: "";
  background: url("../img/common/icon_plus.svg") center center no-repeat;
  background-size: contain;
  width: 4vw;
  height: 4vw;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  font-size: 2.2222222222rem;
  font-weight: 300;
}
@media screen and (min-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul li.hasChild > a::after {
    display: none;
  }
}
.globalHeader .menuWrap .linkUnit ul li.open > a::after {
  content: "";
  background: url("../img/common/icon_minus.svg") center center no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul li.open > a::after {
    display: none;
  }
}
.globalHeader .menuWrap .linkUnit ul li.open ul {
  display: block;
}
.globalHeader .menuWrap .linkUnit ul ul {
  padding: 1.1111111111rem 0 0 0.2777777778rem;
  transform: translate(-0.2em, 0);
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul ul {
    padding-top: 5.3333333333vw !important;
  }
}
.globalHeader .menuWrap .linkUnit ul ul li {
  padding-left: 1em;
  margin-bottom: 0.7222222222rem;
  letter-spacing: 0.22em;
}
.globalHeader .menuWrap .linkUnit ul ul li::before {
  content: "-";
  display: inline-block;
  position: absolute;
  top: 0.03em;
  left: 0em;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul ul li {
    margin-bottom: 4vw !important;
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul ul {
    display: none;
  }
}
.globalHeader .menuWrap .linkUnit .logo {
  display: inline-block;
  width: 13.8888888889rem;
}
.globalHeader .menuWrap .linkUnit .name {
  font-size: 1.2em;
  margin-bottom: 1.1111111111rem;
}

#globalMenu {
  position: fixed;
  transition: transform 200ms ease, background 100ms;
  will-change: transform, opacity, background;
}
body.home.view_mainvisual #globalMenu {
  background-color: transparent !important;
}
body.menuOpen #globalMenu {
  height: 130vh;
}
body.globalHeaderHide #globalMenu {
  transform: translate3d(0, -100%, 0);
}
body.globalHeaderCompact #globalMenu {
  background-color: #ffe400;
  transform: translate3d(0, -2.8888888889rem, 0);
}
@media screen and (max-width: 1000px) {
  body.globalHeaderCompact #globalMenu {
    /* 以上のとき */
    transform: translate3d(0, -10.6666666667vw, 0);
  }
}
body.globalHeaderCompact #globalMenu.special_size_s {
  transform: translate3d(0, -1.7777777778rem, 0);
}
@media screen and (max-width: 1000px) {
  body.globalHeaderCompact #globalMenu.special_size_s {
    /* 以上のとき */
    transform: translate3d(0, -8vw, 0);
  }
}
body.globalHeaderCompact.special_information_none #globalMenu {
  transition: all 100ms ease;
  transform: translate3d(0, 0rem, 0);
}
@media screen and (max-width: 1000px) {
  body.globalHeaderCompact.special_information_none #globalMenu {
    /* 以上のとき */
    transform: translate3d(0, 0vw, 0);
  }
}

#globalFixedMenu {
  position: fixed;
  transform: translate(0, -101%);
  transition: transform 300ms ease-in-out;
}
body.menuFixedActive #globalFixedMenu {
  transform: translate(0, 0);
}
body.menuFixedOpen #globalFixedMenu {
  height: 100vh;
}

footer {
  padding: 2.2222222222rem 0 2.7777777778rem 0;
}
footer .afterArrow::after {
  display: none !important;
}
@media screen and (max-width: 1000px) {
  footer {
    /* 以上のとき */
    padding: 13.3333333333vw 0 13.3333333333vw 0;
  }
}
footer .pagetop {
  position: absolute;
  top: 2.7777777778rem;
  right: 4.4444444444rem;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: url("../img/common/icon_page_top_arrow.svg") center center no-repeat #fff;
}
@media screen and (max-width: 1000px) {
  footer .pagetop {
    top: 6.6666666667vw;
    right: 6.6666666667vw;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
footer .pagetop span {
  display: none;
}

section {
  position: relative;
  width: 100%;
  padding: 80px 0;
}
@media screen and (max-width: 1000px) {
  section {
    padding: 13.3333333333vw 0;
  }
}
section.slim {
  padding: 3.3333333333rem 0;
}
section.flat {
  padding: 0;
}
section.subNavi {
  padding: 4.4444444444rem 0;
}
@media screen and (max-width: 1000px) {
  section.subNavi {
    padding: 13.3333333333vw 0;
  }
}
body#archive section.subNavi, body#archive section.subNavi, body#archive section.subNavi {
  display: none;
}
section.subNavi h4 {
  font-size: 1.5555555556rem;
  color: #fff;
  margin-bottom: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  section.subNavi h4 {
    font-size: 4vw;
    margin-bottom: 8vw;
  }
}

/* 
================================================================================
section 
================================================================================
*/
#mainVisual {
  min-height: 40rem;
}
@media screen and (max-width: 1000px) {
  #mainVisual {
    /* 以上のとき */
    min-height: 67.3333333333vw;
  }
}

#contentsMain {
  border-top: solid 10px #e95532;
}
@media screen and (max-width: 1000px) {
  #contentsMain {
    border-top: solid 1.3333333333vw #e95532;
  }
}

#pageVisual {
  height: 32.2222222222rem;
  padding: 0 0 3.0555555556rem;
  display: flex;
  align-items: flex-end;
  background: repeating-linear-gradient(-45deg, #fff280, #fff280 10px, #ffe400 10px, #ffe400 20px);
}
@media screen and (max-width: 1000px) {
  #pageVisual {
    height: 70vw;
    padding: 0 0 9.3333333333vw;
    background: repeating-linear-gradient(-45deg, #fff280, #fff280 1.3333333333vw, #ffe400 1.3333333333vw, #ffe400 2.6666666667vw);
  }
}
#pageVisual .globalInner {
  margin-top: 0;
  margin-bottom: 0;
  z-index: 5;
}
#pageVisual::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 0.5555555556rem;
  background: #ff99cb;
}
@media screen and (max-width: 1000px) {
  #pageVisual::after {
    height: 1.3333333333vw;
  }
}
body.baseColor_blue #pageVisual::after {
  background-color: #0077cb;
}
body.baseColor_sky #pageVisual::after {
  background-color: #4bc6ef;
}
body.baseColor_pink #pageVisual::after {
  background-color: #ff99cb;
}
body.baseColor_green #pageVisual::after {
  background-color: #339933;
}
body.baseColor_yellow #pageVisual::after {
  background-color: #ffe400;
}
body.baseColor_orange #pageVisual::after {
  background-color: #ff9900;
}
body.baseColor_darkorange #pageVisual::after {
  background-color: #e95532;
}
body.baseColor_yellowgreen #pageVisual::after {
  background-color: #99cc00;
}
body.baseColor_purple #pageVisual::after {
  background-color: #9966ff;
}
#pageVisual .imageBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 27.7777777778rem;
  background: #fff;
  overflow: hidden;
}
#pageVisual .imageBG div {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  #pageVisual .imageBG {
    height: 54vw;
  }
}
#pageVisual .imageBG::before, #pageVisual .imageBG::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/deco/cloud.png") center center no-repeat;
  background-size: contain;
}
#pageVisual .imageBG::before {
  width: 24.0555555556rem;
  height: 16.9444444444rem;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform: translate(-8.8888888889rem, 6.6666666667rem);
}
@media screen and (max-width: 1000px) {
  #pageVisual .imageBG::before {
    width: 28.8vw;
    height: 20.4vw;
    transform: translate(-8vw, 2.1333333333vw);
  }
}
#pageVisual .imageBG::after {
  width: 25.5555555556rem;
  height: 17.9444444444rem;
  top: 0;
  right: 0;
  z-index: 2;
  transform: translate(260px, -220px);
}
@media screen and (max-width: 1000px) {
  #pageVisual .imageBG::after {
    width: 30.6666666667vw;
    height: 21.3333333333vw;
    transform: translate(14.6666666667vw, -14.6666666667vw);
  }
}
@media screen and (max-width: 1000px) {
  #pageVisual .linkBarNavi h4:not(.only) {
    padding: 0;
  }
}
#pageVisual .linkBarNavi h4:not(.only)::after {
  display: block;
}
@media screen and (max-width: 1000px) {
  #pageVisual .linkBarNavi h4:not(.only)::after {
    display: none;
  }
}
#pageVisual .linkBarNavi h4.only::after {
  display: none;
}
@media screen and (max-width: 1000px) {
  #pageVisual .linkBarNavi .linkBoxList {
    display: none;
  }
}

#format.wide .globalInner {
  max-width: 1100px;
}
#format.full .globalInner {
  max-width: none;
  width: 100vw;
}

/* 
================================================================================
modalWindow
================================================================================
*/
#modalWindow {
  display: none;
}

.modalWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
}
.modalWrap .inFrame {
  width: 80%;
  max-width: 1000px;
}
.modalWrap.shown {
  display: flex;
}
.modalWrap .contentsArea {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.modalWrap .contentsArea iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.modalWrap .closeBg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.modalWrap .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.7777777778rem;
  height: 2.7777777778rem;
  transform: translate(120%, -120%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 2.7777777778rem;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .modalWrap .closeBtn {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    font-size: 13.3333333333vw;
    transform: translate(0%, -150%);
  }
}

/* 
================================================================================
sample
================================================================================
*/
div.sample {
  width: 200px;
  height: 200px;
}
body.sample div.sample {
  text-align: center;
}
div.sample:before {
  content: "";
  display: block;
  width: 300px;
  height: 150px;
  background: blue;
}
div.sample.hoge {
  /* classがhogeのdiv　&がついてるからdivと.hogeがくっつく */
  width: 150px;
  height: 29px;
  background: yellow;
}
div.sample .hoge {
  /* divの中にいるclassがhoge　&がついていないのでdivと.hogeがくっつかない */
  width: 120px;
  height: 53px;
  background: green;
}

.sample-1 {
  width: 100px;
}

.sample-2 {
  width: 200px;
}

.sample-3 {
  width: 300px;
}

.sample-1 {
  width: 100px;
}

.sample-2 {
  width: 200px;
}

.sample-3 {
  width: 300px;
}

.mike-icon {
  background-image: url("/images/mike.png");
}

.kuro-icon {
  background-image: url("/images/kuro.png");
}

.bus-icon {
  background-image: url("/images/bus.png");
}

@keyframes seikou_anime {
  0% {
    opacity: 0;
    transform: translate(0%, 0%) scale(0.4);
  }
  10% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1.1);
  }
  20% {
    opacity: 1;
    transform: translate(0%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(0%, 0%);
  }
}
@keyframes waking {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes zoomPop {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.05) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
/* 切り替えポイント：PC最小コンテンツ幅 */
/* 切り替えポイント：PC最小コンテンツ幅 */
/* $break-point以下の時に@contentを適用 */
/* $break-point以上の時に@contentを適用 */
/* $break-point-min以上、$break-point-max以下の時に@contentを適用 */
/* 
================================================================================
contents
================================================================================
*/
body.home #mainVisual {
  background: #ffe400;
}
@media screen and (max-width: 1000px) {
  body.home #mainVisual {
    min-height: 129.3333333333vw;
  }
}

body.home #contentsMain {
  padding: 2.7777777778rem 0 2.7777777778rem 0;
}
@media screen and (max-width: 1000px) {
  body.home #contentsMain {
    padding: 13.3333333333vw 0 13.3333333333vw 0;
  }
}

body.home #contentsSub {
  background: #7fc7ef;
  overflow: hidden;
  padding-bottom: 370px;
}
@media screen and (max-width: 1000px) {
  body.home #contentsSub {
    min-height: inherit;
    padding-bottom: 53.3333333333vw;
  }
}
body.home #contentsSub h3 {
  font-size: 1.5555555556rem;
  line-height: 1.8;
  font-weight: 700;
  transform: translate(0, -1.1111111111rem);
  margin-bottom: 0rem;
}
@media screen and (max-width: 1000px) {
  body.home #contentsSub h3 {
    line-height: 1.8;
    font-size: 4.5333333333vw;
  }
}
body.home #contentsSub p {
  font-size: 0.9444444444rem;
  line-height: 2;
}
@media screen and (max-width: 1000px) {
  body.home #contentsSub p {
    text-align: justify;
  }
  body.home #contentsSub p br {
    display: none;
  }
}
body.home #contentsSub .deco {
  position: absolute;
}
body.home #contentsSub .deco .animeFuwafuwa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: 6s fuwafuwa ease-in-out infinite;
}
body.home #contentsSub .cloud_1 {
  width: 5.5555555556rem;
  height: 5.0555555556rem;
  top: 7.2222222222rem;
  left: 50%;
  transform: translate(-26.1111111111rem, 0);
}
body.home #contentsSub .cloud_1 .animeFuwafuwa {
  background: url("../img/deco/cloud_1.png") center center no-repeat;
  background-size: contain;
  animation-delay: 500ms;
}
body.home #contentsSub .cloud_2 {
  width: 4.7777777778rem;
  height: 5.0555555556rem;
  top: 7.7777777778rem;
  right: 50%;
  transform: translate(26.6666666667rem, 0);
}
body.home #contentsSub .cloud_2 .animeFuwafuwa {
  background: url("../img/deco/cloud_2.png") center center no-repeat;
  background-size: contain;
  animation-delay: 1000ms;
}
body.home #contentsSub .cloud_3 {
  width: 4.7777777778rem;
  height: 5.0555555556rem;
  bottom: 9.4444444444rem;
  left: 50%;
  transform: translate(-28.8888888889rem, 0);
}
body.home #contentsSub .cloud_3 .animeFuwafuwa {
  background: url("../img/deco/cloud_3.png") center center no-repeat;
  background-size: contain;
  animation-delay: 2000ms;
}
body.home #contentsSub .cloud_4 {
  width: 6.4444444444rem;
  height: 5.0555555556rem;
  bottom: 5.5555555556rem;
  right: 50%;
  transform: translate(26.6666666667rem, 0);
}
body.home #contentsSub .cloud_4 .animeFuwafuwa {
  background: url("../img/deco/cloud_4.png") center center no-repeat;
  background-size: contain;
  animation-delay: 3000ms;
}
body.home #contentsSub .kirin {
  width: 16.6666666667rem;
  height: 13.8888888889rem;
  bottom: 3.6111111111rem;
  left: 50%;
  transform: translate(-45%, 0);
}
body.home #contentsSub .kirin .main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/top/read_kirin.png?v=2") center center no-repeat;
  background-size: contain;
  animation: 6s fuwafuwa ease-in-out infinite 0ms;
}
body.home #contentsSub .kirin .star {
  position: absolute;
  top: 90px;
  left: 5px;
  width: 27px;
  height: 27px;
  background: url("../img/top/read_kirin_star.png") center center no-repeat;
  background-size: contain;
  animation: 6s fuwafuwa ease-in-out infinite 500ms;
}
@media screen and (max-width: 1000px) {
  body.home #contentsSub .kirin .star {
    top: 10vw;
    left: 0.6666666667vw;
    width: 3.6vw;
    height: 3.6vw;
  }
}
body.home #contentsSub .kirin .flower {
  position: absolute;
  top: 110px;
  right: 10px;
  width: 39px;
  height: 39px;
  background: url("../img/top/read_kirin_flower.png") center center no-repeat;
  background-size: contain;
  animation: 6s fuwafuwa ease-in-out infinite 1000ms;
}
@media screen and (max-width: 1000px) {
  body.home #contentsSub .kirin .flower {
    top: 14vw;
    right: 0.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  body.home #contentsSub .kirin {
    width: 41.2vw;
    height: 32.4vw;
  }
}

#kirinAnimWrap {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.introAnimeEnd #kirinAnimWrap * {
  transition: all 0ms !important;
}
#kirinAnimWrap .animFrame {
  width: 31.5555555556rem;
  height: 31.5555555556rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame {
    width: 75.7333333333vw;
    height: 75.7333333333vw;
    transform: scale(1.17);
  }
}
#kirinAnimWrap .animFrame img {
  max-width: 100%;
  height: auto;
  transition: all 1500ms ease-out;
  opacity: 0;
}
#kirinAnimWrap .animFrame .centerArea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
  background: #7ebee3;
  transform: scale(0);
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
  transition-delay: 1200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea {
  opacity: 1;
  transform: scale(1);
}
#kirinAnimWrap .animFrame .centerArea .itemSet {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 400ms ease-in;
  transition-delay: 5700ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .itemSet {
  opacity: 0;
  transform: translate(0, 5%);
}
#kirinAnimWrap .animFrame .centerArea .itemSet img {
  transition-delay: 2100ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .itemSet img {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tree {
  width: 2.6111111111rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tree {
    width: 6.2666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .car {
  position: absolute;
  top: 18.4444444444rem;
  left: 3.7777777778rem;
  width: 6.8333333333rem;
  transition-delay: 2200ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .car {
    top: 44.2666666667vw;
    left: 9.0666666667vw;
    width: 16.4vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .nobori {
  position: absolute;
  top: 12.4444444444rem;
  left: 20.5555555556rem;
  width: 4.2777777778rem;
  transition-delay: 2300ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .nobori {
    top: 29.8666666667vw;
    left: 49.3333333333vw;
    width: 10.2666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .park {
  position: absolute;
  top: 8.6111111111rem;
  left: 3.1666666667rem;
  width: 14.7777777778rem;
  transition-delay: 2400ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .park {
    top: 20.6666666667vw;
    left: 7.6vw;
    width: 35.4666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .sumo {
  position: absolute;
  top: 25.5555555556rem;
  left: 17.5rem;
  width: 7.2777777778rem;
  transition-delay: 2500ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .sumo {
    top: 61.3333333333vw;
    left: 42vw;
    width: 17.4666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .gate {
  position: absolute;
  top: 23.7222222222rem;
  left: 8.5555555556rem;
  width: 7.2777777778rem;
  transition-delay: 2600ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .gate {
    top: 56.9333333333vw;
    left: 20.5333333333vw;
    width: 17.4666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tree_4 {
  position: absolute;
  top: 2.0555555556rem;
  left: 18.6111111111rem;
  transition-delay: 2700ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tree_4 {
    top: 4.9333333333vw;
    left: 44.6666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tree_3 {
  position: absolute;
  top: 21.6666666667rem;
  left: 25.2777777778rem;
  transition-delay: 2800ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tree_3 {
    top: 52vw;
    left: 60.6666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .geep {
  position: absolute;
  top: 3.8888888889rem;
  left: 5rem;
  width: 6.5555555556rem;
  transition-delay: 2900ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .geep {
    top: 9.3333333333vw;
    left: 12vw;
    width: 15.7333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .kirin {
  position: absolute;
  top: 11.2222222222rem;
  left: 28rem;
  width: 2.5555555556rem;
  transition-delay: 3000ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .kirin {
    top: 26.9333333333vw;
    left: 67.2vw;
    width: 6.1333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tree_2 {
  position: absolute;
  top: 17rem;
  left: 10.5555555556rem;
  transition-delay: 3100ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tree_2 {
    top: 40.8vw;
    left: 25.3333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tire {
  position: absolute;
  top: 2rem;
  left: 11.8888888889rem;
  width: 5rem;
  transition-delay: 3200ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tire {
    top: 4.8vw;
    left: 28.5333333333vw;
    width: 12vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tree_man {
  position: absolute;
  top: 15.7222222222rem;
  left: 23.6111111111rem;
  width: 3.5555555556rem;
  transition-delay: 3300ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tree_man {
    top: 37.7333333333vw;
    left: 56.6666666667vw;
    width: 8.5333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .tree_1 {
  position: absolute;
  top: 14.3333333333rem;
  left: 1.9444444444rem;
  transition-delay: 3400ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .tree_1 {
    top: 34.4vw;
    left: 4.6666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .kujira {
  position: absolute;
  top: 9.2222222222rem;
  left: 12.9444444444rem;
  width: 4.8888888889rem;
  transition-delay: 3500ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .kujira {
    top: 22.1333333333vw;
    left: 31.0666666667vw;
    width: 11.7333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .dokan {
  position: absolute;
  top: 6.5rem;
  left: 16rem;
  width: 3.5555555556rem;
  transition-delay: 3600ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .dokan {
    top: 15.6vw;
    left: 38.4vw;
    width: 8.5333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .house {
  position: absolute;
  top: 4.5555555556rem;
  left: 19.7222222222rem;
  width: 8.2222222222rem;
  transition-delay: 3700ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .house {
    top: 10.9333333333vw;
    left: 47.3333333333vw;
    width: 19.7333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .kirin_boy {
  position: absolute;
  top: 17.3888888889rem;
  left: 15.1111111111rem;
  width: 3.5555555556rem;
  transition-delay: 3700ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .kirin_boy {
    top: 41.7333333333vw;
    left: 36.2666666667vw;
    width: 8.5333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .itemSet .kirin_girl {
  position: absolute;
  top: 17.8888888889rem;
  left: 20.1666666667rem;
  width: 3.6111111111rem;
  transition-delay: 3700ms;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .itemSet .kirin_girl {
    top: 42.9333333333vw;
    left: 48.4vw;
    width: 8.6666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .unitSet {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar {
  position: absolute;
  width: 50%;
  height: 50%;
  transform: scale(1.01);
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_body {
  bottom: 0;
  left: 0;
  transition-delay: 6500ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_body {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_brain {
  top: 0;
  left: 0;
  transition-delay: 7200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_brain {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_heart {
  top: 0;
  right: 0;
  transition-delay: 7900ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_heart {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_support {
  bottom: 0;
  right: 0;
  transition-delay: 8600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_support {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .set {
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
}
#kirinAnimWrap .animFrame .centerArea .unitSet .set_body {
  position: absolute;
  top: 15.6666666667rem;
  left: 2.3888888889rem;
  width: 11.1111111111rem;
  transform: translate(0, 20%);
  transition-delay: 6500ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_body {
  opacity: 1;
  transform: translate(0, 0%);
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .unitSet .set_body {
    top: 37.6vw;
    left: 5.7333333333vw;
    width: 26.6666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .unitSet .set_brain {
  position: absolute;
  top: 2.3333333333rem;
  left: 2.5555555556rem;
  width: 13.1111111111rem;
  transform: translate(0, 20%);
  transition-delay: 7200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_brain {
  opacity: 1;
  transform: translate(0, 0%);
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .unitSet .set_brain {
    top: 5.6vw;
    left: 6.1333333333vw;
    width: 31.4666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .unitSet .set_heart {
  position: absolute;
  top: 2.4444444444rem;
  left: 16.5555555556rem;
  width: 12.2222222222rem;
  transform: translate(0, 20%);
  transition-delay: 7900ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_heart {
  opacity: 1;
  transform: translate(0, 0%);
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .unitSet .set_heart {
    top: 5.8666666667vw;
    left: 39.7333333333vw;
    width: 29.3333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .unitSet .set_support {
  position: absolute;
  top: 15.5555555556rem;
  left: 18.0555555556rem;
  width: 12.0555555556rem;
  transform: translate(0, 20%);
  transition-delay: 8600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_support {
  opacity: 1;
  transform: translate(0, 0%);
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .unitSet .set_support {
    top: 37.3333333333vw;
    left: 43.3333333333vw;
    width: 28.9333333333vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .unitSet .kirin {
  position: absolute;
  top: 7.6111111111rem;
  left: 10.4444444444rem;
  width: 11.4444444444rem;
  opacity: 0;
  transform: translate(0, 50%);
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.255, 1.25);
  transition-delay: 9400ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .kirin {
  opacity: 1;
  transform: translate(0, 0%);
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .unitSet .kirin {
    top: 18.2666666667vw;
    left: 25.0666666667vw;
    width: 27.4666666667vw;
  }
}
#kirinAnimWrap .animFrame .centerArea .unitSet .kirin img {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .kirin .eye {
  position: absolute;
  top: 3.1111111111rem;
  left: 6.4444444444rem;
  width: 1.2777777778rem;
  height: 1.2777777778rem;
  background: url("../img/anime/eye_open.png") center center no-repeat;
  background-size: contain;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .kirin .eye {
  animation-name: eye;
  animation-fill-mode: forwards;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: steps(1);
  animation-delay: 10400ms;
  animation-direction: normal;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .centerArea .unitSet .kirin .eye {
    top: 7.4666666667vw;
    left: 15.4666666667vw;
    width: 3.0666666667vw;
    height: 3.0666666667vw;
  }
}
#kirinAnimWrap .animFrame .cloud {
  opacity: 0;
}
#kirinAnimWrap .animFrame .cloud img {
  opacity: 1;
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud img {
  animation: 6s fuwafuwa ease-in-out infinite;
}
#kirinAnimWrap .animFrame .cloud_1 {
  position: absolute;
  top: 1.1111111111rem;
  left: 0;
  transform: translate(-11.0555555556rem, 5.8888888889rem);
  width: 5.3333333333rem;
  transition: all 800ms ease-out;
  transition-delay: 0ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_1 {
  opacity: 1;
  top: 0rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .cloud_1 {
    top: 6.6666666667vw;
    left: 0;
    transform: translate(-0.6666666667vw, -6.6666666667vw);
    width: 12.8vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_1 img {
  animation-delay: 0ms;
}
#kirinAnimWrap .animFrame .cloud_2 {
  position: absolute;
  top: 1.1111111111rem;
  right: 0;
  transform: translate(9.2777777778rem, 0rem);
  width: 6.2222222222rem;
  transition: all 800ms ease-out;
  transition-delay: 200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_2 {
  opacity: 1;
  top: 0rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .cloud_2 {
    top: 6.6666666667vw;
    right: 0;
    transform: translate(0vw, -13.3333333333vw);
    width: 14.9333333333vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_2 img {
  animation-delay: 1000ms;
}
#kirinAnimWrap .animFrame .cloud_3 {
  position: absolute;
  bottom: -1.1111111111rem;
  left: 0;
  transform: translate(-6.9444444444rem, -4.5555555556rem);
  width: 4.6111111111rem;
  transition: all 800ms ease-out;
  transition-delay: 400ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_3 {
  opacity: 1;
  bottom: 0rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .cloud_3 {
    bottom: -6.6666666667vw;
    left: 0;
    transform: translate(5.3333333333vw, 8vw);
    width: 11.0666666667vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_3 img {
  animation-delay: 2000ms;
}
#kirinAnimWrap .animFrame .cloud_4 {
  position: absolute;
  bottom: -1.1111111111rem;
  right: 0;
  transform: translate(5rem, -10.6111111111rem);
  width: 4.8888888889rem;
  transition: all 800ms ease-out;
  transition-delay: 600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_4 {
  opacity: 1;
  bottom: 0rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .cloud_4 {
    bottom: -6.6666666667vw;
    right: 0;
    transform: translate(-14.6666666667vw, 12vw);
    width: 11.7333333333vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_4 img {
  animation-delay: 3000ms;
}
#kirinAnimWrap .animFrame .cloud_5 {
  position: absolute;
  bottom: -1.1111111111rem;
  right: 0;
  transform: translate(10.1666666667rem, -2.2222222222rem);
  width: 4.8888888889rem;
  transition: all 800ms ease-out;
  transition-delay: 700ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_5 {
  opacity: 1;
  bottom: 0rem;
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .cloud_5 {
    bottom: -6.6666666667vw;
    right: 0;
    transform: translate(0.4vw, 0vw);
    width: 11.7333333333vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_5 img {
  animation-delay: 4000ms;
}
#kirinAnimWrap .animFrame .read {
  position: absolute;
  top: -2rem;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 5.5555555556rem);
  width: 28.6111111111rem;
  transition: all 400ms cubic-bezier(0.25, 0.25, 0.255, 1.25);
  transition-delay: 9600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .read {
  opacity: 1;
  transform: translate(-50%, 0rem);
}
@media screen and (max-width: 1000px) {
  #kirinAnimWrap .animFrame .read {
    top: -4.8vw;
    width: 68.6666666667vw;
  }
}

body.home2 #contentsMain,
body.home2 #contentsSub,
body.home2 #siteNavi,
body.home2 #banners {
  opacity: 0;
  transition: opacity 500ms ease;
}

body.homeActive #contentsMain,
body.homeActive #contentsSub,
body.homeActive #siteNavi,
body.homeActive #banners {
  opacity: 1;
}

body.home #siteNavi {
  padding-top: 4.4444444444rem;
  padding-bottom: 4.4444444444rem;
}
@media screen and (max-width: 1000px) {
  body.home #siteNavi .linkBoxList .flexItem {
    margin-bottom: 5.3333333333vw;
  }
}
body.home #siteNavi .linkBoxList .flexItem:last-child {
  margin-bottom: 0;
}
body.home #siteNavi .linkBoxList .flexItem a {
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1000px) {
  body.home #siteNavi .linkBoxList .flexItem a {
    font-size: 3.4666666667vw;
  }
}

@media screen and (max-width: 1000px) {
  #banners {
    padding: 13.3333333333vw 0;
  }
}

body#message .subNavi .linkBoxList .message {
  display: none;
}

body#introduction .subNavi .linkBoxList .introduction {
  display: none;
}
body#introduction .contentsGroup.contentsHeader {
  padding-top: 0.8333333333rem;
}
@media screen and (max-width: 1000px) {
  body#introduction .contentsGroup.text.anchor_2 {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 1000px) {
  body#introduction .contentsGroup.bg_box_area {
    margin-bottom: 16vw;
    padding: 5.3333333333vw 6.6666666667vw;
  }
  body#introduction .contentsGroup.bg_box_area h4:first-child {
    font-size: 4.8vw;
    margin-bottom: 2vw;
  }
  body#introduction .contentsGroup.bg_box_area small {
    font-size: 3.2vw;
  }
}

body#task .subNavi .linkBoxList .task {
  display: none;
}

body#class .subNavi .linkBoxList .class {
  display: none;
}
body#class .contentsGroup:nth-of-type(2) {
  margin-bottom: 5.3333333333vw;
}
body#class .contentsGroup.frameArea {
  margin-bottom: 6.6666666667vw;
}
body#class .contentsGroup.frameArea:nth-of-type(4) {
  margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
  body#class .contentsGroup.classBox dl dl dd {
    display: flex;
    align-items: center;
    min-height: 24vw;
  }
}
body#class .contentsGroup.classBox:nth-of-type(5) {
  min-height: none;
}

body#access .subNavi .linkBoxList .access {
  display: none;
}
@media screen and (max-width: 1000px) {
  body#access .contentsHeader {
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  body#access .map {
    height: 80vw;
    margin-bottom: 13.3333333333vw;
  }
}

body#day .subNavi .linkBoxList .day {
  display: none;
}
@media screen and (max-width: 1000px) {
  body#day .timeBox .flex dl dd {
    padding-bottom: 0;
    margin-bottom: 0vw !important;
  }
}
@media screen and (max-width: 1000px) {
  body#day .image_text {
    margin-bottom: 2.6666666667vw !important;
    grid-gap: 2.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  body#day .categoryIcons {
    margin-bottom: 2.6666666667vw;
    padding-top: 0;
    padding-bottom: 0;
  }
}
body#day .subNavi .linkBoxList.sub {
  margin-bottom: 0;
}

body#schedule .subNavi .linkBoxList .schedule {
  display: none;
}
body#schedule .contentsGroup:nth-of-type(2) {
  margin-bottom: 1.1111111111rem;
}

body#requirements .subNavi .linkBoxList .requirements {
  display: none;
}
@media screen and (max-width: 1000px) {
  body#requirements .contentsHeadline {
    margin-bottom: 13.3333333333vw;
    padding-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  body#requirements .contentsHeadline#anchor_2 {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 1000px) {
  body#requirements .contentsHeadline h3 {
    font-size: 4.8vw;
  }
}
body#requirements .bg_box_area {
  letter-spacing: 0;
  font-size: 0.99em;
  margin-bottom: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  body#requirements .bg_box_area.overflow {
    padding: 8vw 5.3333333333vw;
    margin-bottom: 6.6666666667vw;
  }
}
body#requirements .bg_box_area h4 {
  margin-bottom: 1.9444444444rem;
}
@media screen and (max-width: 1000px) {
  body#requirements .bg_box_area h4 {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  body#requirements .bg_box_area h4.mmin {
    text-align: center;
  }
}
body#requirements .bg_box_area h4:first-child {
  font-size: 1.3333333333rem;
}
body#requirements .bg_box_area dl {
  margin-top: 1.1111111111rem;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1000px) {
  body#requirements .bg_box_area dl dd {
    padding-bottom: 5.3333333333vw;
  }
}
body#requirements .bg_box_area .btnAreaWrap .raoundBgBtn {
  margin-bottom: 0.5555555556rem;
}
body#requirements .exBox h4 {
  font-size: 1.3333333333rem !important;
}

body#qa .subNavi .linkBoxList .qa {
  display: none;
}
@media screen and (max-width: 1000px) {
  body#qa #format {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  body#qa #format .contentsHeader h3 {
    line-height: 1;
    padding-bottom: 1.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  body#qa .qaSearchArea .inFrame {
    padding: 5.3333333333vw;
  }
  body#qa .qaSearchArea .inFrame .globalInner {
    max-width: none !important;
    width: 100%;
  }
  body#qa .qaSearchArea .inFrame .formWrap {
    grid-template-columns: auto 20vw;
  }
  body#qa .qaSearchArea .inFrame .inputKeywords input {
    height: 9.3333333333vw;
    font-size: 16px !important;
  }
}
body#qa #qaAllView .contentsHeadline {
  margin-bottom: 0 !important;
}
body#qa #qaAllView .contentsHeadline h4 {
  font-size: 1.3333333333rem;
  margin-bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  body#qa #qaAllView .contentsHeadline h4 {
    margin-bottom: 5.3333333333vw;
  }
}

@media screen and (max-width: 1000px) {
  body#recruit .bg_box_area {
    padding: 5.3333333333vw;
  }
}
body#recruit .bg_box_area h4 {
  font-size: 1.3333333333rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1000px) {
  body#recruit .bg_box_area h4 {
    font-size: 4.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  body#recruit .bg_box_area .unitWrap {
    grid-gap: 5.3333333333vw;
  }
}
body#recruit .bg_box_area dl {
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  body#recruit .contentsGroup:nth-of-type(2) {
    margin-bottom: 13.3333333333vw;
  }
}

@media screen and (max-width: 1000px) {
  body#archive .blogLayout .warpFrame .contentsWrap {
    margin-bottom: 10.6666666667vw;
  }
}

body#lp #container::after {
  content: "";
  display: none;
  width: 72.2222222222rem;
  height: 363.8888888889rem;
  background: url(../img/_dummy/260716_Kirin_kindergarten_web_Recruit.png) center 0rem/100% auto no-repeat;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  pointer-events: none;
}
@media screen and (max-width: 1000px) {
  body#lp #container::after {
    width: 100vw;
    height: 1680vw;
    background: url(../img/_dummy/260718_Kirin_kindergarten_web_Recruit_sp_ol.png) center 0vw/100% auto no-repeat;
  }
}
body#lp #container #contentsMain {
  border: 0;
}
body#lp #container #contentsMain section .globalInner {
  z-index: 2;
}
body#lp #container #contentsMain section article h4 {
  font-size: 1.5555555556rem;
  margin-bottom: 0.8em;
}
body#lp #container section.lp-recruit-kv {
  padding: 0;
  min-height: 44.4444444444rem;
  display: flex;
  overflow: hidden;
  background: url(../img/lp/recruit/recruit_kv_guide.png) center center/contain no-repeat;
}
body#lp #container section.lp-recruit-kv .imageBG {
  position: absolute;
  bottom: 0%;
  left: 50%;
  width: 277.7777777778rem;
  background: url(../img/lp/recruit/kv/bg_2.webp) center bottom/contain no-repeat;
  aspect-ratio: 5990/2914;
  transform: translate(-50%, 0%);
}
body#lp #container section.lp-recruit-kv .globalInner {
  position: relative;
  max-width: 72.2222222222rem;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  margin: 0 auto;
}
body#lp #container section.lp-recruit-kv .anim-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 4000ms ease-in-out 0ms;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item-wrap.is--stby {
  opacity: 0;
  transform: translate(0%, 10%) scale(0.5);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item {
  position: absolute;
  width: 5.5555555556rem;
  transition: all 1ms ease-in-out;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item {
  transition: all 1000ms ease-in-out;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.is--stby {
  opacity: 0;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.bg {
  width: 100%;
  height: 100%;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.island {
  display: none;
  width: 117.6111111111rem;
  bottom: -3.3333333333rem;
  left: 50%;
  transform: translate(-50%, 0%) scale(1.15, 1);
  transform-origin: center bottom;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.island {
  transition: all 3000ms cubic-bezier(0, -0.01, 0, 1) 50ms;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.island {
    width: 293.3333333333vw;
    bottom: 0vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.island.is--stby {
  opacity: 1;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.island_full {
  width: 182.3333333333rem;
  bottom: -163.3333333333rem;
  left: 50%;
  transform: translate(-50%, 0%) scale(1.22, 1) !important;
  transform-origin: center top;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.island_full {
  transition: opacity 1000ms cubic-bezier(0, -0.01, 0, 1) 0ms, transform 3000ms cubic-bezier(0, -0.01, 0, 1) 1000ms;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.island_full {
    width: 453.3333333333vw;
    bottom: -358.6666666667vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.island_full.is--stby {
  opacity: 0;
  transform: translate(-50%, 10%) scale(0.3, 0) !important;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left {
  bottom: -8.3333333333rem;
  left: 50%;
  transform: translate(-50%, 0%);
  transform-origin: center center;
  margin-left: -39.4444444444rem;
  width: 34.4444444444rem;
  opacity: 0.75;
  z-index: 10;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left {
  transition: all 3000ms cubic-bezier(0, -0.01, 0, 1) 0ms;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left {
    width: 98.6666666667vw;
    bottom: -13.3333333333vw;
    margin-left: -76vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left.is--stby {
  opacity: 1;
  transform: translate(50%, 30%) scale(8);
  filter: drop-shadow(0px 0px 1% rgba(0, 0, 0, 0.1));
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left_2 {
  bottom: 8.3333333333rem;
  left: 50%;
  transform: translate(-50%, 0%) scale(3);
  transform-origin: center center;
  margin-left: -95rem;
  width: 34.4444444444rem;
  opacity: 0.75;
  z-index: 11;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left_2 {
  transition: all 3000ms cubic-bezier(0, -0.01, 0, 1) 0ms;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_left_2.is--stby {
  opacity: 1;
  transform: translate(50%, 30%) scale(8);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right {
  bottom: -5rem;
  left: 50%;
  transform: translate(-50%, 0%);
  transform-origin: center center;
  margin-left: 40.5555555556rem;
  width: 32.2222222222rem;
  opacity: 0.75;
  z-index: 10;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right {
  transition: all 3000ms cubic-bezier(0, -0.01, 0, 1) 0ms;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1));
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right {
    width: 92.5333333333vw;
    bottom: -12vw;
    margin-left: 76.6666666667vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right.is--stby {
  opacity: 1;
  transform: translate(-100%, 30%) scale(8);
  filter: drop-shadow(0px 0px 1% rgba(0, 0, 0, 0.1));
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right_2 {
  bottom: 10.5555555556rem;
  left: 50%;
  transform: translate(-50%, 0%);
  transform-origin: center center;
  margin-left: 57.2222222222rem;
  width: 32.2222222222rem;
  opacity: 0.75;
  z-index: 11;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right_2 {
  transition: all 3000ms cubic-bezier(0, -0.01, 0, 1) 0ms;
  transform: translate(50%, 0%) scale(3);
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_right_2.is--stby {
  opacity: 1;
  transform: translate(-100%, 30%) scale(8);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.car {
  width: 11.1111111111rem;
  bottom: 2.7777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -16.6666666667rem;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.car {
    width: 26.6666666667vw;
    bottom: 40vw;
    margin-left: -38.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_1 {
  bottom: 25.2777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -22.7777777778rem;
  width: 1.9444444444rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_1 img {
  animation: 12s fuwafuwa ease infinite 0s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_1 {
    width: 5.6vw;
    bottom: 128.6666666667vw;
    margin-left: -29.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_2 {
  bottom: 37.2222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 10rem;
  width: 1.6666666667rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_2 img {
  animation: 12s fuwafuwa ease infinite 6s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_2 {
    width: 4.8vw;
    bottom: 131.3333333333vw;
    margin-left: 29.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_3 {
  bottom: 30.1666666667rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 20rem;
  width: 1.6666666667rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_3 img {
  transform-origin: center bottom;
  animation: 12s yurayura ease infinite;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_3 {
    width: 4.8vw;
    bottom: 157.3333333333vw;
    margin-left: 44vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_churipu {
  bottom: 2.7777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 9.7777777778rem;
  width: 4.4444444444rem;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_churipu img {
  transform-origin: center bottom;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_churipu img {
  animation: 6s yurayura ease infinite;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_churipu {
    width: 10.6666666667vw;
    bottom: 3.3333333333vw;
    margin-left: 10.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_himawari {
  bottom: 3.3333333333rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -23.8888888889rem;
  width: 4.7222222222rem;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_himawari img {
  transform-origin: center bottom;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_himawari img {
  animation: 6s yurayura ease infinite 1s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_himawari {
    width: 11.3333333333vw;
    bottom: 8vw;
    margin-left: -24vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_renge {
  bottom: 4rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 22.2222222222rem;
  width: 5.5555555556rem;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_renge img {
  transform-origin: center bottom;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_renge img {
  animation: 6s yurayura ease infinite 2s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_renge {
    width: 13.3333333333vw;
    bottom: 6.9333333333vw;
    margin-left: 24vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_tanpopo {
  bottom: 1.6666666667rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -8.8888888889rem;
  width: 6.1111111111rem;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_tanpopo img {
  transform-origin: center bottom;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_tanpopo img {
  animation: 6s yurayura ease infinite;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.flower_tanpopo {
    width: 14.6666666667vw;
    bottom: 1.3333333333vw;
    margin-left: -6.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.gate {
  bottom: 13.2222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -24.1111111111rem;
  width: 13.2222222222rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.gate {
    width: 33.3333333333vw;
    bottom: 82.1333333333vw;
    margin-left: -33.0666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirin_2 {
  bottom: 14.7222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 24.0555555556rem;
  width: 2.9444444444rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirin_2 {
    width: 7.3333333333vw;
    bottom: 79.3333333333vw;
    margin-left: 34vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.kuma {
  bottom: 8rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -27.4444444444rem;
  width: 4.4444444444rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.kuma img {
  transform-origin: center bottom;
  animation: 5s animal ease infinite;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.kuma {
    width: 10.6666666667vw;
    bottom: 22.6666666667vw;
    margin-left: -40vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.usagi {
  bottom: 15.8333333333rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 11.9444444444rem;
  width: 5rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.usagi img {
  transform-origin: center bottom;
  animation: 5s animal ease infinite 1.5s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.usagi {
    width: 12vw;
    bottom: 57.3333333333vw;
    margin-left: 40vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.risu {
  bottom: 2.7777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 16.1111111111rem;
  width: 5.5555555556rem;
  z-index: 3;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.risu img {
  transform-origin: center bottom;
  animation: 5s animal ease infinite 3s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.risu {
    width: 13.3333333333vw;
    bottom: 26.6666666667vw;
    margin-left: 40vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.koara {
  bottom: 9.4444444444rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 24.8333333333rem;
  width: 4.1111111111rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.koara img {
  transform-origin: center bottom;
  animation: 5s animal ease infinite 4.5s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.koara {
    width: 9.8666666667vw;
    bottom: 42vw;
    margin-left: 42.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.lunch {
  bottom: 22.2222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 21.8888888889rem;
  width: 13.2222222222rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.lunch img {
  animation: 10s fuwafuwa_s ease-in-out infinite 5s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.lunch {
    width: 31.7333333333vw;
    bottom: 108vw;
    margin-left: -37.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.moon {
  bottom: 32.7777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 13.8888888889rem;
  width: 6.1111111111rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.moon img {
  animation: 10s fuwafuwa_s ease-in-out infinite 2s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.moon {
    width: 14.6666666667vw;
    bottom: 156vw;
    margin-left: 30.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.niji {
  bottom: 28.5555555556rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -14.1666666667rem;
  width: 6.1111111111rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.niji img {
  animation: 10s fuwafuwa_s ease-in-out infinite 7s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.niji {
    width: 14.6666666667vw;
    bottom: 134.6666666667vw;
    margin-left: -36vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.star {
  bottom: 30.1111111111rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -23.7777777778rem;
  width: 4.8888888889rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.star img {
  animation: 10s fuwafuwa_s ease-in-out infinite 5s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.star {
    width: 10.4vw;
    bottom: 152vw;
    margin-left: -34.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.sun {
  bottom: 31.2222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 23.8888888889rem;
  width: 4.7222222222rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.sun img {
  animation: 10s fuwafuwa_s ease-in-out infinite;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.sun {
    width: 11.3333333333vw;
    bottom: 140vw;
    margin-left: 37.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01 {
  bottom: 5rem;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 20.2777777778rem;
  margin-left: -0.2777777778rem;
  z-index: 5;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01 {
    width: 72.5333333333vw;
    bottom: 16vw;
    margin-left: 0vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01 img {
  transition: all 1000ms ease-in-out;
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01 img:not(:last-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition-delay: 300ms;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01.is--stby img {
  opacity: 0;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01.is--stby img:nth-of-type(1) {
  transform: translate(-10%, 0%);
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01.is--stby img:nth-of-type(2) {
  transform: translate(10%, 0%);
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher01.is--stby img:last-child {
  transform: translate(0%, 10%);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher02 {
  bottom: 9.7222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -18.6111111111rem;
  width: 11.3888888889rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher02 {
    width: 32.8vw;
    bottom: 60vw;
    margin-left: -34.6666666667vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher02.is--stby {
  transform: translate(-70%, 0%);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher03 {
  bottom: 10rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 17.6111111111rem;
  width: 9.0555555556rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher03 {
    width: 26.1333333333vw;
    bottom: 58.6666666667vw;
    margin-left: 23.4666666667vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher03.is--stby {
  transform: translate(-20%, 0%);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher04 {
  bottom: 15rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -11.3888888889rem;
  width: 6.9444444444rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher04 {
    width: 20vw;
    bottom: 68vw;
    margin-left: -13.3333333333vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.teacher04.is--stby {
  transform: translate(-30%, 0%);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.tree {
  bottom: 13.0555555556rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 27.7777777778rem;
  width: 5.8333333333rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.tree {
    width: 14vw;
    bottom: 75.3333333333vw;
    margin-left: 42vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira {
  bottom: 35rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -8.8888888889rem;
  width: 1.1111111111rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira img {
  animation: 4s poyon ease-in-out infinite;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira {
    width: 4vw;
    bottom: 162.6666666667vw;
    margin-left: -26.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira_2 {
  bottom: 31.1111111111rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 15rem;
  width: 1.1111111111rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira_2 img {
  animation: 4s poyon ease-in-out infinite;
  animation-delay: 1s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira_2 {
    width: 4vw;
    bottom: 122.6666666667vw;
    margin-left: 38.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira_3 {
  bottom: 9.4444444444rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -12.2222222222rem;
  width: 1.1111111111rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira_3 img {
  animation: 4s poyon ease-in-out infinite;
  animation-delay: 3s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirakira_3 {
    width: 4vw;
    bottom: 56vw;
    margin-left: -34.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_1 {
  bottom: 26.7777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -28.3333333333rem;
  width: 4.4444444444rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_1 img {
  animation: 10s fuwafuwa_s ease-in-out infinite 2s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_1 {
    width: 13.3333333333vw;
    bottom: 102.6666666667vw;
    margin-left: -14.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_2 {
  bottom: 29.4444444444rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 29.4444444444rem;
  width: 4.4444444444rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_2 img {
  animation: 10s fuwafuwa_s ease-in-out infinite 6s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_2 {
    width: 13.3333333333vw;
    bottom: 130.6666666667vw;
    margin-left: 49.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_3 {
  bottom: 8.3333333333rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 30.5555555556rem;
  width: 5.5555555556rem;
  z-index: 3;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_3 img {
  animation: 10s fuwafuwa_s ease-in-out infinite 9s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_3 {
    width: 18.6666666667vw;
    bottom: 97.3333333333vw;
    margin-left: 46.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_4 {
  bottom: 27.2222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -7.2222222222rem;
  width: 4.4444444444rem;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_4 img {
  animation: 10s fuwafuwa_s ease-in-out infinite 2s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_4 {
    width: 13.3333333333vw;
    bottom: 149.3333333333vw;
    margin-left: -49.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_5 {
  bottom: 7.2222222222rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: -31.1111111111rem;
  width: 4.4444444444rem;
  z-index: 3;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_5 img {
  animation: 10s fuwafuwa_s ease-in-out infinite 8s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.cloud_5 {
    width: 13.3333333333vw;
    bottom: 113.3333333333vw;
    margin-left: -13.3333333333vw;
    display: none;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirin {
  bottom: 22.5555555556rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 9.2222222222rem;
  width: 8.8888888889rem;
  transition: all 1500ms ease-in-out 300ms !important;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirin img {
  animation: 12s fuwafuwa_l ease-in-out infinite 3s;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirin {
    width: 20.6666666667vw;
    bottom: 97.3333333333vw;
    margin-left: 28vw;
  }
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.kirin.is--stby {
  transform: translate(-50%, -20%) scale(1);
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.phrase {
  bottom: 27.7777777778rem;
  left: 50%;
  transform: translate(-50%, 0%);
  margin-left: 0rem;
  width: 9.2222222222rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  transition: all 1500ms ease-out 300ms !important;
}
html.lp-page-recruit-animation body#lp #container section.lp-recruit-kv .anim-container .anim-item.phrase.is--stby {
  transform: translate(-50%, -10%) scale(1);
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.phrase {
    width: 34.2666666667vw;
    bottom: 104.6666666667vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.phrase-item {
  position: relative;
  width: 1.2222222222rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.phrase-item {
    width: 5.3333333333vw;
  }
}
body#lp #container section.lp-recruit-kv .anim-container .anim-item.recruit {
  display: none;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv .anim-container .anim-item.recruit {
    display: block;
    top: 18.6666666667vw;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 37.3333333333vw;
    padding: 0 2.6666666667vw 1.3333333333vw;
    border-bottom: solid 1px #000;
  }
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-kv {
    height: 186.6666666667vw;
  }
}
body#lp #container section.lp-recruit-summary {
  padding-top: 2.7777777778rem;
  padding-bottom: 1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-summary {
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
body#lp #container section.lp-recruit-summary .slider-moveloop {
  margin-bottom: 7.2222222222rem;
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-summary .slider-moveloop {
    margin-bottom: 9.3333333333vw;
  }
}
body#lp #container section.lp-recruit-eats {
  padding-bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-eats {
    padding-top: 9.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
body#lp #container section.lp-recruit-voice {
  padding-bottom: 2.2222222222rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice {
    padding-bottom: 34.6666666667vw;
  }
}
body#lp #container section.lp-recruit-voice .contentsHeader {
  width: 22.2222222222rem;
  margin-bottom: 3.3333333333rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice .contentsHeader {
    width: 100%;
    margin-bottom: 9.3333333333vw;
  }
}
body#lp #container section.lp-recruit-voice .contentsHeader h4 {
  margin-bottom: 0.5555555556rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice .contentsHeader h4 {
    margin-bottom: 2.6666666667vw;
  }
}
body#lp #container section.lp-recruit-voice .unit-text-image-item-image {
  margin-top: -1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice .unit-text-image-item-image {
    margin-top: 0vw;
  }
}
body#lp #container section.lp-recruit-voice .unit-text-image-item-image .mini-illust {
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 5.5555555556rem;
}
body#lp #container section.lp-recruit-voice .unit-text-image-item-image .mini-illust img {
  transition: all 800ms ease-in-out 500ms;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice .unit-text-image-item-image .mini-illust {
    width: 13.3333333333vw;
  }
}
body#lp #container section.lp-recruit-voice .unit-text-image-item-image img {
  margin-bottom: 0;
}
body#lp #container section.lp-recruit-voice .unit-text-image-item-image.is--stby .mini-illust img {
  opacity: 0;
  transform: translate(0, 10%) scale(1);
}
body#lp #container section.lp-recruit-voice .unit-text-image:nth-child(odd) .unit-text-image-item:nth-of-type(1) {
  order: 2;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice .unit-text-image:nth-child(odd) .unit-text-image-item:nth-of-type(1) {
    order: 1;
  }
}
body#lp #container section.lp-recruit-voice .unit-text-image:nth-child(odd) .unit-text-image-item:nth-of-type(2) {
  order: 1;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-voice .unit-text-image:nth-child(odd) .unit-text-image-item:nth-of-type(2) {
    order: 2;
  }
}
body#lp #container section.lp-recruit-voice .unit-text-image:nth-of-type(2) .mini-illust {
  width: 8.8888888889rem;
  left: -4.4444444444rem;
  bottom: -1.1111111111rem;
}
body#lp #container section.lp-recruit-voice .unit-text-image:nth-of-type(3) .mini-illust {
  width: 7.7777777778rem;
  right: -1.6666666667rem;
  bottom: -1.1111111111rem;
}
body#lp #container section.lp-recruit-voice .unit-text-image:nth-of-type(4) .mini-illust {
  width: 7.2222222222rem;
  right: -2.7777777778rem;
  bottom: -1.1111111111rem;
}
body#lp #container section.lp-recruit-point {
  padding-bottom: 2.7777777778rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-point {
    padding-top: 9.3333333333vw;
    padding-bottom: 8vw;
  }
}
body#lp #container section.lp-recruit-point .contentsHeader {
  margin-bottom: 4.4444444444rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-point .contentsHeader {
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-entry {
    padding-top: 9.3333333333vw;
    padding-bottom: 8vw;
  }
}
body#lp #container section.lp-recruit-entry .unit-text-image {
  grid-gap: 2.7777777778rem;
  grid-template-columns: 1fr 25rem;
  margin-bottom: 4.4444444444rem;
}
@media screen and (max-width: 1000px) {
  body#lp #container section.lp-recruit-entry .unit-text-image {
    grid-gap: 6.6666666667vw;
    grid-template-columns: 1fr;
    margin-bottom: 32vw;
  }
}
body#lp #container section.lp-recruit-entry .unit-text-image-item-image {
  width: 100%;
  margin-top: -0.8333333333rem;
}

@keyframes eye {
  0% {
    background: url("../img/anime/eye_open.png") center center no-repeat;
    background-size: contain;
  }
  5% {
    background: url("../img/anime/eye_close.png") center center no-repeat;
    background-size: contain;
  }
  6% {
    background: url("../img/anime/eye_open.png") center center no-repeat;
    background-size: contain;
  }
  100% {
    background: url("../img/anime/eye_open.png") center center no-repeat;
    background-size: contain;
  }
}
@keyframes fuwafuwa {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 0.3rem);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 0.6rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fuwafuwa_s {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 5%);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 10%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fuwafuwa_l {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, 10%);
  }
  50% {
    transform: translate(0, -5%);
  }
  75% {
    transform: translate(0, 10%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fuwafuwa_spin {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(0, 5%) rotate(90deg);
  }
  50% {
    transform: translate(0, 0) rotate(180deg);
  }
  75% {
    transform: translate(0, 10%) rotate(270deg);
  }
  100% {
    transform: translate(0, 0) rotate(360deg);
  }
}
@keyframes yurayura {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(0, 0) rotate(10deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  75% {
    transform: translate(0, 0) rotate(-10deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes animal {
  0% {
    transform: translate(0, 0) scale(1);
  }
  95% {
    transform: translate(0, 0) scale(1);
  }
  98% {
    transform: translate(0, -5%) scale(1.02);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin_r {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes poyon {
  0% {
    transform: translate(0, 0) scale(1) rotate(0deg);
    transinform-timing-function: ease-in;
    opacity: 1;
  }
  4% {
    transform: translate(0, 0) scale(0.8) rotate(0deg);
    transinform-timing-function: ease-in;
    opacity: 1;
  }
  10% {
    transform: translate(0, 0) scale(1.3) rotate(0deg);
    transinform-timing-function: ease-out;
    opacity: 1;
  }
  25% {
    transform: translate(0, 0) scale(0.8) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}