<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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;
  -webkit-transform: translate(0, 105%);
          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;
}

.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;
}

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

.tLeft {
  text-align: justify;
}

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

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

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

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex .flexItem {
  margin: 0;
}

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

dl.count {
  counter-reset: count 0;
}
dl.count &gt; dt {
  position: relative;
  padding: 0.5em 1em 0 2.5em !important;
}
dl.count &gt; 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 22.2222222222rem;
  margin: auto;
}
ul.sns li {
  width: 5.5555555556rem;
  height: 5.5555555556rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.sns li a {
  display: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ccc;
  width: 100%;
  min-height: 5.5555555556rem;
}
.entryList dl {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4.5em 1.1111111111rem 6em 1.1111111111rem 1fr;
  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 {
    -ms-grid-columns: auto 0vw 1fr;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0;
  }
}
.entryList dl dd.category .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  background: #FFE400;
  letter-spacing: 0;
  color: #000;
  padding: 0.35em 0.2em;
  border-radius: 1em;
  -webkit-transform: translate(0, 5%);
          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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.6666666667vw 2vw;
    min-width: 13.3333333333vw;
    border-radius: 2vw;
    -webkit-transform: translate(0, -5%);
            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 {
    -webkit-transform: translate(0, 10%);
            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 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}

.entryListBox h3 {
  line-height: 1;
}
.entryListBox.topicsFrame {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.6666666667rem 8.3333333333rem;
  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;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.entryListBox.topicsFrame .flexItem:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.entryListBox.topicsFrame .flexItem:nth-of-type(3) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entryListBox.topicsFrame .more {
  display: inline-block;
  line-height: 1;
  margin: 0;
}
.entryListBox.topicsFrame .more a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  }
}

.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%;
  -webkit-transform: translate(-11.25%, 0);
          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 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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: -ms-grid;
  display: grid;
  -ms-grid-columns: 22.2222222222rem 2.2222222222rem 1fr;
  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;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.contentsGroup.flex.image_text.image_text_mix {
  -ms-grid-columns: 22.2222222222rem 2.2222222222rem 1fr;
  grid-template-columns: 22.2222222222rem 1fr;
  -ms-grid-rows: auto 0rem auto 0rem auto 0rem auto 0rem auto 0rem auto 0rem auto 0rem auto;
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-gap: 0rem 2.2222222222rem;
  margin: 0 auto 3.3333333333rem;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(7) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(8) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(9) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(10) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(11) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(12) {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(13) {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(14) {
  -ms-grid-row: 13;
  -ms-grid-column: 3;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(15) {
  -ms-grid-row: 15;
  -ms-grid-column: 1;
}
.contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(16) {
  -ms-grid-row: 15;
  -ms-grid-column: 3;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.image_text_mix {
    margin-bottom: 10.6666666667vw;
    grid-gap: 2.6666666667vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix &gt; *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.contentsGroup.flex.image_text.image_text_mix .flexItem.title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.contentsGroup.flex.image_text.image_text_mix .flexItem.image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 8;
  grid-row: 1/9;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.contentsGroup.flex.image_text.image_text_mix .flexItem.text {
  -ms-grid-row: 2;
  -ms-grid-row-span: 7;
  grid-row: 2/9;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.image_text_mix .flexItem.title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix .flexItem.image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix .flexItem.text {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    grid-column: auto;
  }
}
.contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 8;
  grid-row: 1/9;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.text {
  -ms-grid-row: 2;
  -ms-grid-row-span: 7;
  grid-row: 2/9;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.image {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    grid-column: auto;
  }
  .contentsGroup.flex.image_text.image_text_mix.type_b .flexItem.text {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    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 {
  -ms-grid-columns: 1fr 2.2222222222rem 22.2222222222rem;
  grid-template-columns: 1fr 22.2222222222rem;
}
.contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.imgR {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .contentsGroup.flex.image_text.imgR .flexItem:nth-of-type(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.contentsGroup.flex.image_text.type_b {
  -ms-grid-columns: 1fr 2.2222222222rem 22.2222222222rem;
  grid-template-columns: 1fr 22.2222222222rem;
}
.contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.image_text.type_b {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .contentsGroup.flex.image_text.type_b .flexItem:nth-of-type(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 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 {
  -ms-grid-columns: 1fr 22.2222222222rem;
  grid-template-columns: 1fr 22.2222222222rem;
}
.contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.flex.bgLightBox.imgR {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .contentsGroup.flex.bgLightBox.imgR .flexItem:nth-of-type(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.contentsGroup.flex .flexItem {
  text-align: justify;
}
.contentsGroup.flex .flexItem .radiusWrap {
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.contentsGroup.image_gallery .flex {
  width: calc(100% + 1.1111111111rem);
  -webkit-transform: translate(-0.5555555556rem, 0);
          transform: translate(-0.5555555556rem, 0);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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);
  -webkit-transform: translate(-1.1111111111rem, 0);
          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 &gt; .flex {
  counter-increment: number 1;
}
.contentsGroup.frameBox.qaBox &gt; .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%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 1.6666666667rem;
}
.contentsGroup.busCourse {
  position: relative;
  max-width: 1100px;
  width: 90vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          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%;
  -webkit-transform: translate(-50%, 0);
          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: -ms-inline-grid;
  display: inline-grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  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: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  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 &gt; 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 &gt; dt {
    border-width: 0 0 0.4vw 0;
    padding: 2vw 0.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.contentsGroup.classBox .flex dl &gt; dt:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  border-width: 0 2px 2px 0;
}
@media screen and (max-width: 1000px) {
  .contentsGroup.classBox .flex dl &gt; dt:nth-of-type(1) {
    border-width: 0 0.4vw 0.4vw 0;
  }
}
.contentsGroup.classBox .flex dl &gt; dt:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
}
.contentsGroup.classBox .flex dl &gt; dd:nth-of-type(1) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  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 &gt; dd:nth-of-type(1) {
    border-width: 0 0.4vw 0 0;
  }
}
.contentsGroup.classBox .flex dl &gt; dd:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
}
.contentsGroup.classBox .flex dl &gt; 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: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.6666666667rem 1fr 1.6666666667rem 1fr;
  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) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.contentsGroup.photoGroup .grid.card_3.type_a .gridItem:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_3.type_a .gridItem:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  aspect-ratio: 1000/346;
}
.contentsGroup.photoGroup .grid.card_4.type_a .gridItem:nth-of-type(4) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(4) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  aspect-ratio: 1000/718;
}
.contentsGroup.photoGroup .grid.card_5.type_b .gridItem:nth-of-type(5) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  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;
  -webkit-transform: translate(0, -5%);
          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%;
    -webkit-transform: translate(-50%, 0);
            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;
  -webkit-transform: translate(180%, 0);
          transform: translate(180%, 0);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides .swiper-button-next {
    -webkit-transform: translate(-6.1333333333vw, 0);
            transform: translate(-6.1333333333vw, 0);
  }
}
.contentsGroup.monthBox dl .unitSlides .swiper-button-prev {
  left: 0;
  -webkit-transform: translate(-180%, 0) scale(-1, 1);
          transform: translate(-180%, 0) scale(-1, 1);
}
@media screen and (max-width: 1000px) {
  .contentsGroup.monthBox dl .unitSlides .swiper-button-prev {
    -webkit-transform: translate(6.1333333333vw, 0) scale(-1, 1);
            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%;
  -webkit-transform: translate(-50%, 0%) scale(1, 0.5);
          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%;
  -webkit-transform: translate(-50%, 110%) scale(1, 0.5);
          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%;
  -webkit-transform: translate(-50%, 0);
          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: -ms-grid;
  display: grid;
  -ms-grid-columns: 10em 0 1fr;
  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;
  }
}

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

.unitWrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5.5555555556rem 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5.5555555556rem;
}
@media screen and (max-width: 1000px) {
  .unitWrap {
    -ms-grid-columns: 1fr;
    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;
}
.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;
  -webkit-transform: translateY(-0.2777777778rem);
          transform: translateY(-0.2777777778rem);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dt h4::before {
    width: 8.6666666667vw;
    height: 8.6666666667vw;
    -webkit-transform: translateY(-1.3333333333vw);
            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%;
  -webkit-transform: translateY(-0.2777777778rem);
          transform: translateY(-0.2777777778rem);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dt h4::after {
    width: 8vw;
    height: 8vw;
    -webkit-transform: translateY(-1.3333333333vw);
            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;
  -webkit-transform: translateY(-0.2777777778rem);
          transform: translateY(-0.2777777778rem);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl dd::before {
    width: 8vw;
    height: 8vw;
    -webkit-transform: translateY(-1.3333333333vw);
            transform: translateY(-1.3333333333vw);
  }
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl.open {
    margin-bottom: -2.6666666667vw;
  }
}
.qaBoxWrap .qaBox dl.open h4::after {
  -webkit-transform: translateY(-0.2777777778rem) scale(1, -1);
          transform: translateY(-0.2777777778rem) scale(1, -1);
}
@media screen and (max-width: 1000px) {
  .qaBoxWrap .qaBox dl.open h4::after {
    -webkit-transform: translateY(-1.3333333333vw) scale(1, -1);
            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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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%;
  -webkit-transform: translate(-50%, 0);
          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;
  -ms-grid-columns: auto 0 8.3333333333rem;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  height: 3.3333333333rem;
  border: 0;
  padding: 0.5555555556rem 1.6666666667rem;
  font-size: 1.1111111111rem;
}
.qaSearchArea .inFrame .formWrap .inputKeywords input::-webkit-input-placeholder {
  color: #ccc;
  font-weight: normal;
  font-size: 0.8888888889rem;
}
.qaSearchArea .inFrame .formWrap .inputKeywords input::-moz-placeholder {
  color: #ccc;
  font-weight: normal;
  font-size: 0.8888888889rem;
}
.qaSearchArea .inFrame .formWrap .inputKeywords input:-ms-input-placeholder {
  color: #ccc;
  font-weight: normal;
  font-size: 0.8888888889rem;
}
.qaSearchArea .inFrame .formWrap .inputKeywords input::-ms-input-placeholder {
  color: #ccc;
  font-weight: normal;
  font-size: 0.8888888889rem;
}
.qaSearchArea .inFrame .formWrap .inputKeywords input::placeholder {
  color: #ccc;
  font-weight: normal;
  font-size: 0.8888888889rem;
}
.qaSearchArea .inFrame .formWrap .submitBtn {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.qaSearchArea .inFrame .formWrap .submitBtn button {
  margin: 0;
  border: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #336633;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.bannerWrap {
  width: calc(100% + 1.1111111111rem);
  -webkit-transform: translate(-0.5555555556rem, 0);
          transform: translate(-0.5555555556rem, 0);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -1.1111111111rem;
}
@media screen and (max-width: 1000px) {
  .bannerWrap {
    width: 100%;
    -webkit-transform: translate(0, 0);
            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);
  -webkit-transform: translate(-1.25rem, 0);
          transform: translate(-1.25rem, 0);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList,
  .subNavi .linkBoxList {
    width: 100%;
    -webkit-transform: translate(0, 0);
            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;
  -webkit-transform: translate(140%, -50%) !important;
          transform: translate(140%, -50%) !important;
}
@media screen and (max-width: 1000px) {
  .mainNavi .linkBoxList .flexItem .text span::after,
  .subNavi .linkBoxList .flexItem .text span::after {
    -webkit-transform: translate(140%, -50%) !important;
            transform: translate(140%, -50%) !important;
  }
}
.mainNavi .linkBoxList.sub,
.subNavi .linkBoxList.sub {
  width: calc(100% + 1.1111111111rem);
  -webkit-transform: translate(-0.5555555556rem, 0);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 4.4444444444rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(2) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(3) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(4) {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(5) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.mainNavi .linkBoxList .flexItem:nth-of-type(6) {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

@media screen and (max-width: 1000px) {
  .subNavi .linkBoxList.sub {
    width: calc(100% + 5.3333333333vw);
    -webkit-transform: translate(-2.6666666667vw, 0);
            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;
  -webkit-transform: translate(0.2em, 0.1em);
          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 {
  -webkit-transform: translate(0, -45%);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bannerArea.just .bannerWrap {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transform: translate(0, 0);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-transform: translate(0, -99.9%);
          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: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  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;
  -webkit-transform: translate(0, -50%);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-transform: translate(-50%, 180%) rotate(-45deg);
          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%;
  -webkit-transform: translate(0, -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: -ms-grid;
  display: grid;
  -ms-grid-columns: 16.6666666667rem 1.6666666667rem 1fr;
  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 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    font-size: 3.4666666667vw;
    grid-gap: 9.3333333333vw;
  }
}
.footerNavi &gt; .flexItem {
  text-align: justify;
}
.footerNavi &gt; .flexItem:nth-of-type(1) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media screen and (max-width: 1000px) {
  .footerNavi &gt; .flexItem:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    grid-column: auto;
  }
}
.footerNavi &gt; .flexItem:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  line-height: 0;
}
@media screen and (max-width: 1000px) {
  .footerNavi &gt; .flexItem:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    grid-column: auto;
    text-align: center;
  }
}
.footerNavi &gt; .flexItem:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
@media screen and (max-width: 1000px) {
  .footerNavi &gt; .flexItem:nth-of-type(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    grid-column: auto;
    padding-top: 6.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
  .footerNavi &gt; .flexItem:nth-of-type(3) p {
    text-align: center !important;
  }
}
.footerNavi &gt; .flexItem:nth-of-type(4) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .footerNavi &gt; .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;
  -webkit-transform: translate(0em, 0);
          transform: translate(0em, 0);
}
@media screen and (max-width: 1000px) {
  .footerNavi ul ul {
    padding: 4vw 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        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: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0.5555555556rem 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 0.5555555556rem;
  font-size: 0.8em;
}
.meta .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 0;
}
.meta .category {
  font-size: 0.8em;
  letter-spacing: 0;
}
@media screen and (max-width: 1000px) {
  .meta .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.meta .category .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
}
.raoundBgBtn a span {
  position: relative;
  display: inline-block;
  padding-right: 2.6666666667rem;
  -webkit-transform: translate(0.8333333333rem, 0);
          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;
  -webkit-transform: translate(-25%, -50%) rotate(45deg);
          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;
  -webkit-transform: translate(-25%, -50%) rotate(0deg) !important;
          transform: translate(-25%, -50%) rotate(0deg) !important;
  border: 0;
}
.raoundBgBtn a.iconNone span, .raoundBgBtn a.icon_none span {
  padding: 0 !important;
  -webkit-transform: translate(0, 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 {
  -ms-grid-columns: auto 3.3333333333rem 10rem;
  grid-template-columns: auto 10rem;
  grid-gap: 3.3333333333rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1000px) {
  .blogLayout .warpFrame nav {
    -ms-grid-row: 1;
        grid-row-start: 1;
    -ms-grid-column: 2;
        grid-column-start: 2;
  }
}
@media screen and (max-width: 1000px) {
  .blogLayout .warpFrame nav {
    -ms-grid-row: 2;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .blogLayout .warpFrame nav.menuList dl dd ul li a::after {
    position: relative;
    display: inline-block;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, 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: -ms-grid;
  display: grid;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-grid-columns: auto 0.5555555556rem 12em;
  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%;
    -ms-grid-columns: auto 0.5555555556rem 1fr;
    grid-template-columns: auto 1fr;
    margin-bottom: 1.3333333333vw;
  }
}
.blogLayout .warpFrame .contentsWrap .meta .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.1em;
}
.blogLayout .warpFrame .contentsWrap .meta .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
    -webkit-transform: translate(0, -10%);
            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: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0 1fr;
  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: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.0555555556rem 1fr 3.0555555556rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 3.0555555556rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1000px) {
  .blogLayout .entryBoxList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            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: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0rem 1fr;
    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;
  -webkit-transform: translate(0, -50%);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .categoryIcons .inWrap ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1.3333333333vw 1fr;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.categoryIcons .inWrap ul li::before {
  content: "";
  display: inline-block;
  width: 2.2222222222rem;
  height: 2.2222222222rem;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translate(0, -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;
  -webkit-transform: translate(0, -50%);
          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;
  background: #FFE400;
}
@media screen and (min-width: 1000px) {
  html, body {
    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 {
  -webkit-transform: translate(0, -0.5em);
          transform: translate(0, -0.5em);
}

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

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

/* 
================================================================================
container,base
================================================================================
*/
#container {
  background: #FFE400;
  opacity: 1;
  -webkit-transition: all 250ms ease;
  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;
  }
}

/* 
================================================================================
header / footer
================================================================================
*/
.globalHeader {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100px;
  z-index: 100;
  font-weight: 700;
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
@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 .globalInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation .globalInner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
@media screen and (max-width: 1000px) {
  .globalHeader #specialInformation .close {
    -webkit-transform: translate(0%, -50%);
            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%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          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 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.globalHeader #specialInformation .close::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.globalHeader .globalInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.globalHeader .globalInner &gt; .flex {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.globalHeader .globalInner.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .globalHeader .globalInner.main {
    height: 16vw;
    min-height: 16vw;
  }
}
.globalHeader .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.globalHeader .flex .logo {
  width: 12.3333333333rem;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .logo {
    width: 34.6666666667vw;
    -webkit-transform: translateY(-1.0666666667vw);
            transform: translateY(-1.0666666667vw);
  }
}
.globalHeader .flex .tools {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1.6666666667rem auto;
  grid-template-columns: auto auto;
  grid-gap: 1.6666666667rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 1000px) {
  .globalHeader .flex .tools {
    -ms-grid-columns: auto 4vw 6.6666666667vw;
    grid-template-columns: auto 6.6666666667vw;
    grid-gap: 4vw;
  }
}
.globalHeader .flex .tools .toolItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
    -webkit-transform: translate(0%, -50%);
            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%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
          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%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}
.globalHeader .flex .menu::before {
  margin-top: -0.2777777778rem;
}
body.menuOpen .globalHeader .flex .menu::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          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 {
    -webkit-transform: translate(0%, -50%) rotate(-45deg);
            transform: translate(0%, -50%) rotate(-45deg);
    margin: 0;
  }
}
.globalHeader .flex .menu::after {
  margin-top: 0.2777777778rem;
}
body.menuOpen .globalHeader .flex .menu::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          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 {
    -webkit-transform: translate(0%, -50%) rotate(45deg);
            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: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.6666666667rem 1fr 1.6666666667rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.6666666667rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.9em;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .globalHeader .menuWrap .linkUnit {
    -ms-grid-columns: 1fr;
    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;
  -webkit-transform: translate(140%, -55%);
          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 &gt; a {
  position: relative;
  display: block;
}
.globalHeader .menuWrap .linkUnit ul li.hasChild &gt; 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;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 2.2222222222rem;
  font-weight: 300;
}
@media screen and (min-width: 1000px) {
  .globalHeader .menuWrap .linkUnit ul li.hasChild &gt; a::after {
    display: none;
  }
}
.globalHeader .menuWrap .linkUnit ul li.open &gt; 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 &gt; 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;
  -webkit-transform: translate(-0.2em, 0);
          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;
  -webkit-transition: background 100ms, -webkit-transform 200ms ease;
  transition: background 100ms, -webkit-transform 200ms ease;
  transition: transform 200ms ease, background 100ms;
  transition: transform 200ms ease, background 100ms, -webkit-transform 200ms ease;
  will-change: transform, opacity, background;
}
body.home.view_mainvisual #globalMenu {
  background-color: transparent !important;
}
body.menuOpen #globalMenu {
  height: 130vh;
}
body.globalHeaderHide #globalMenu {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
body.globalHeaderCompact #globalMenu {
  background-color: #FFE400;
  -webkit-transform: translate3d(0, -2.8888888889rem, 0);
          transform: translate3d(0, -2.8888888889rem, 0);
}
@media screen and (max-width: 1000px) {
  body.globalHeaderCompact #globalMenu { /* 以上のとき */
    -webkit-transform: translate3d(0, -10.6666666667vw, 0);
            transform: translate3d(0, -10.6666666667vw, 0);
  }
}
body.globalHeaderCompact.special_information_none #globalMenu {
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  -webkit-transform: translate3d(0, 0rem, 0);
          transform: translate3d(0, 0rem, 0);
}
@media screen and (max-width: 1000px) {
  body.globalHeaderCompact.special_information_none #globalMenu { /* 以上のとき */
    -webkit-transform: translate3d(0, 0vw, 0);
            transform: translate3d(0, 0vw, 0);
  }
}

#globalFixedMenu {
  position: fixed;
  -webkit-transform: translate(0, -101%);
          transform: translate(0, -101%);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}
body.menuFixedActive #globalFixedMenu {
  -webkit-transform: translate(0, 0);
          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;
  }
}

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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          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;
  -webkit-transform: translate(-8.8888888889rem, 6.6666666667rem);
          transform: translate(-8.8888888889rem, 6.6666666667rem);
}
@media screen and (max-width: 1000px) {
  #pageVisual .imageBG::before {
    width: 28.8vw;
    height: 20.4vw;
    -webkit-transform: translate(-8vw, 2.1333333333vw);
            transform: translate(-8vw, 2.1333333333vw);
  }
}
#pageVisual .imageBG::after {
  width: 25.5555555556rem;
  height: 17.9444444444rem;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate(260px, -220px);
          transform: translate(260px, -220px);
}
@media screen and (max-width: 1000px) {
  #pageVisual .imageBG::after {
    width: 30.6666666667vw;
    height: 21.3333333333vw;
    -webkit-transform: translate(14.6666666667vw, -14.6666666667vw);
            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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.9);
}
.modalWrap .inFrame {
  width: 80%;
  max-width: 1000px;
}
.modalWrap.shown {
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transform: translate(120%, -120%);
          transform: translate(120%, -120%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
    -webkit-transform: translate(0%, -150%);
            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　&amp;がついてるからdivと.hogeがくっつく */
  width: 150px;
  height: 29px;
  background: yellow;
}
div.sample .hoge { /* divの中にいるclassがhoge　&amp;がついていないので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");
}

@-webkit-keyframes seikou_anime {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(0.4);
            transform: translate(0%, 0%) scale(0.4);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) scale(1.1);
            transform: translate(0%, 0%) scale(1.1);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) scale(1);
            transform: translate(0%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

@keyframes seikou_anime {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) scale(0.4);
            transform: translate(0%, 0%) scale(0.4);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) scale(1.1);
            transform: translate(0%, 0%) scale(1.1);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%) scale(1);
            transform: translate(0%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-webkit-keyframes waking {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@keyframes waking {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
@-webkit-keyframes zoomPop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.05) rotate(0deg);
            transform: scale(1.05) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
}
@keyframes zoomPop {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
  }
  50% {
    -webkit-transform: scale(1.05) rotate(0deg);
            transform: scale(1.05) rotate(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            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;
  -webkit-transform: translate(0, -1.1111111111rem);
          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%;
  -webkit-animation: 6s fuwafuwa ease-in-out infinite;
          animation: 6s fuwafuwa ease-in-out infinite;
}
body.home #contentsSub .cloud_1 {
  width: 5.5555555556rem;
  height: 5.0555555556rem;
  top: 7.2222222222rem;
  left: 50%;
  -webkit-transform: translate(-26.1111111111rem, 0);
          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;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
body.home #contentsSub .cloud_2 {
  width: 4.7777777778rem;
  height: 5.0555555556rem;
  top: 7.7777777778rem;
  right: 50%;
  -webkit-transform: translate(26.6666666667rem, 0);
          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;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
body.home #contentsSub .cloud_3 {
  width: 4.7777777778rem;
  height: 5.0555555556rem;
  bottom: 9.4444444444rem;
  left: 50%;
  -webkit-transform: translate(-28.8888888889rem, 0);
          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;
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
body.home #contentsSub .cloud_4 {
  width: 6.4444444444rem;
  height: 5.0555555556rem;
  bottom: 5.5555555556rem;
  right: 50%;
  -webkit-transform: translate(26.6666666667rem, 0);
          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;
  -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms;
}
body.home #contentsSub .kirin {
  width: 16.6666666667rem;
  height: 13.8888888889rem;
  bottom: 3.6111111111rem;
  left: 50%;
  -webkit-transform: translate(-45%, 0);
          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;
  -webkit-animation: 6s fuwafuwa ease-in-out infinite 0ms;
          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;
  -webkit-animation: 6s fuwafuwa ease-in-out infinite 500ms;
          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;
  -webkit-animation: 6s fuwafuwa ease-in-out infinite 1000ms;
          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: -ms-grid;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.introAnimeEnd #kirinAnimWrap * {
  -webkit-transition: all 0ms !important;
  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;
    -webkit-transform: scale(1.17);
            transform: scale(1.17);
  }
}
#kirinAnimWrap .animFrame img {
  max-width: 100%;
  height: auto;
  -webkit-transition: all 1500ms ease-out;
  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;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#kirinAnimWrap .animFrame .centerArea .itemSet {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  -webkit-transition-delay: 5700ms;
          transition-delay: 5700ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .itemSet {
  opacity: 0;
  -webkit-transform: translate(0, 5%);
          transform: translate(0, 5%);
}
#kirinAnimWrap .animFrame .centerArea .itemSet img {
  -webkit-transition-delay: 2100ms;
          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;
  -webkit-transition-delay: 2200ms;
          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;
  -webkit-transition-delay: 2300ms;
          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;
  -webkit-transition-delay: 2400ms;
          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;
  -webkit-transition-delay: 2500ms;
          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;
  -webkit-transition-delay: 2600ms;
          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;
  -webkit-transition-delay: 2700ms;
          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;
  -webkit-transition-delay: 2800ms;
          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;
  -webkit-transition-delay: 2900ms;
          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;
  -webkit-transition-delay: 3000ms;
          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;
  -webkit-transition-delay: 3100ms;
          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;
  -webkit-transition-delay: 3200ms;
          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;
  -webkit-transition-delay: 3300ms;
          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;
  -webkit-transition-delay: 3400ms;
          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;
  -webkit-transition-delay: 3500ms;
          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;
  -webkit-transition-delay: 3600ms;
          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;
  -webkit-transition-delay: 3700ms;
          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;
  -webkit-transition-delay: 3700ms;
          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;
  -webkit-transition-delay: 3700ms;
          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%;
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_body {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 6500ms;
          transition-delay: 6500ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_body {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_brain {
  top: 0;
  left: 0;
  -webkit-transition-delay: 7200ms;
          transition-delay: 7200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_brain {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_heart {
  top: 0;
  right: 0;
  -webkit-transition-delay: 7900ms;
          transition-delay: 7900ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_heart {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .bar_support {
  bottom: 0;
  right: 0;
  -webkit-transition-delay: 8600ms;
          transition-delay: 8600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .bar_support {
  opacity: 1;
}
#kirinAnimWrap .animFrame .centerArea .unitSet .set {
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.25, 0.28, 1.185);
  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;
  -webkit-transform: translate(0, 20%);
          transform: translate(0, 20%);
  -webkit-transition-delay: 6500ms;
          transition-delay: 6500ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_body {
  opacity: 1;
  -webkit-transform: translate(0, 0%);
          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;
  -webkit-transform: translate(0, 20%);
          transform: translate(0, 20%);
  -webkit-transition-delay: 7200ms;
          transition-delay: 7200ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_brain {
  opacity: 1;
  -webkit-transform: translate(0, 0%);
          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;
  -webkit-transform: translate(0, 20%);
          transform: translate(0, 20%);
  -webkit-transition-delay: 7900ms;
          transition-delay: 7900ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_heart {
  opacity: 1;
  -webkit-transform: translate(0, 0%);
          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;
  -webkit-transform: translate(0, 20%);
          transform: translate(0, 20%);
  -webkit-transition-delay: 8600ms;
          transition-delay: 8600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .set_support {
  opacity: 1;
  -webkit-transform: translate(0, 0%);
          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;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
  -webkit-transition: all 600ms cubic-bezier(0.25, 0.25, 0.255, 1.25);
  transition: all 600ms cubic-bezier(0.25, 0.25, 0.255, 1.25);
  -webkit-transition-delay: 9400ms;
          transition-delay: 9400ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .centerArea .unitSet .kirin {
  opacity: 1;
  -webkit-transform: translate(0, 0%);
          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 {
  -webkit-animation-name: eye;
          animation-name: eye;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps(1);
          animation-timing-function: steps(1);
  -webkit-animation-delay: 10400ms;
          animation-delay: 10400ms;
  -webkit-animation-direction: normal;
          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 {
  -webkit-animation: 6s fuwafuwa ease-in-out infinite;
          animation: 6s fuwafuwa ease-in-out infinite;
}
#kirinAnimWrap .animFrame .cloud_1 {
  position: absolute;
  top: 1.1111111111rem;
  left: 0;
  -webkit-transform: translate(-11.0555555556rem, 5.8888888889rem);
          transform: translate(-11.0555555556rem, 5.8888888889rem);
  width: 5.3333333333rem;
  -webkit-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
  -webkit-transition-delay: 0ms;
          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;
    -webkit-transform: translate(-0.6666666667vw, -6.6666666667vw);
            transform: translate(-0.6666666667vw, -6.6666666667vw);
    width: 12.8vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_1 img {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
#kirinAnimWrap .animFrame .cloud_2 {
  position: absolute;
  top: 1.1111111111rem;
  right: 0;
  -webkit-transform: translate(9.2777777778rem, 0rem);
          transform: translate(9.2777777778rem, 0rem);
  width: 6.2222222222rem;
  -webkit-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
  -webkit-transition-delay: 200ms;
          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;
    -webkit-transform: translate(0vw, -13.3333333333vw);
            transform: translate(0vw, -13.3333333333vw);
    width: 14.9333333333vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_2 img {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
#kirinAnimWrap .animFrame .cloud_3 {
  position: absolute;
  bottom: -1.1111111111rem;
  left: 0;
  -webkit-transform: translate(-6.9444444444rem, -4.5555555556rem);
          transform: translate(-6.9444444444rem, -4.5555555556rem);
  width: 4.6111111111rem;
  -webkit-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
  -webkit-transition-delay: 400ms;
          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;
    -webkit-transform: translate(5.3333333333vw, 8vw);
            transform: translate(5.3333333333vw, 8vw);
    width: 11.0666666667vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_3 img {
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
#kirinAnimWrap .animFrame .cloud_4 {
  position: absolute;
  bottom: -1.1111111111rem;
  right: 0;
  -webkit-transform: translate(5rem, -10.6111111111rem);
          transform: translate(5rem, -10.6111111111rem);
  width: 4.8888888889rem;
  -webkit-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
  -webkit-transition-delay: 600ms;
          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;
    -webkit-transform: translate(-14.6666666667vw, 12vw);
            transform: translate(-14.6666666667vw, 12vw);
    width: 11.7333333333vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_4 img {
  -webkit-animation-delay: 3000ms;
          animation-delay: 3000ms;
}
#kirinAnimWrap .animFrame .cloud_5 {
  position: absolute;
  bottom: -1.1111111111rem;
  right: 0;
  -webkit-transform: translate(10.1666666667rem, -2.2222222222rem);
          transform: translate(10.1666666667rem, -2.2222222222rem);
  width: 4.8888888889rem;
  -webkit-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
  -webkit-transition-delay: 700ms;
          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;
    -webkit-transform: translate(0.4vw, 0vw);
            transform: translate(0.4vw, 0vw);
    width: 11.7333333333vw;
  }
}
body.introAnimeStart #kirinAnimWrap .animFrame .cloud_5 img {
  -webkit-animation-delay: 4000ms;
          animation-delay: 4000ms;
}
#kirinAnimWrap .animFrame .read {
  position: absolute;
  top: -2rem;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 5.5555555556rem);
          transform: translate(-50%, 5.5555555556rem);
  width: 28.6111111111rem;
  -webkit-transition: all 400ms cubic-bezier(0.25, 0.25, 0.255, 1.25);
  transition: all 400ms cubic-bezier(0.25, 0.25, 0.255, 1.25);
  -webkit-transition-delay: 9600ms;
          transition-delay: 9600ms;
}
body.introAnimeStart #kirinAnimWrap .animFrame .read {
  opacity: 1;
  -webkit-transform: translate(-50%, 0rem);
          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;
  -webkit-transition: opacity 500ms ease;
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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;
  -ms-grid-columns: auto 1fr;
  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 {
    -ms-grid-columns: auto 20vw;
    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;
  }
}

@-webkit-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 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;
  }
}
@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 0.3rem);
            transform: translate(0, 0.3rem);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(0, 0.6rem);
            transform: translate(0, 0.6rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(0, 0.3rem);
            transform: translate(0, 0.3rem);
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(0, 0.6rem);
            transform: translate(0, 0.6rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin_r {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes spin_r {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/*# sourceMappingURL=style.css.map */</pre></body></html>