@charset "UTF-8";
html{
  font-size: 62.5%;
  /* 16px x 62.5% = 10px    10px x 設定サイズ(rem) */
  background-color: #fff;
  /* scroll-behavior: smooth; */
  /* ページ内スムーススクロール */
}
body{
	color: #3B4043;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
	font-size: 1.8rem;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}
a,
a:link,
a:visited {
  text-decoration: none;
  color: #1a0dab;
  border-bottom: 1px solid #1a0dab;
}
a:hover{
  opacity: 0.7;
}
img{
  max-width: 100%;
  height: auto;
}
button{
  transition: all 0.3s ease 0s;
}
button:hover{
  opacity: 0.9;
  transform: translateY(3px);
}
li{
  list-style-type: none;
}
p, h1, h2, h3{
  margin: 0;
}
.text_center{
  text-align: center;
}
.text_left{
  text-align: left;
}
.font_pink{
  color: #FA7F8E;
  font-weight: 700;
}
.font_bold{
  font-weight: 700;
}
.under_pink{
  background: linear-gradient(transparent 70%, #FFD6D5 30%);
}
.underWave_pink{
  text-decoration:underline wavy#FA7F8E;
}

/*------------------------------------------------
*     utility - utl
-------------------------------------------------*/
/*PCのとき画像表示する*/
.img_pc{
  display: inline;
}
@media screen and (max-width:768px){
.img_pc{
    display: none;
  }
}
/*SPのとき画像表示する*/
.img_sp{
  display: none;
}
@media screen and (max-width:768px){
.img_sp{
    display: inline;
  }
}
/*PCのとき改行する*/
.br_pc{
  display: block;
}
@media screen and (max-width:992px){
    .br-pc{
    display: none;
  }
}
/*タブレットのとき改行する*/
.br_tb{
  display: none;
}
@media screen and (max-width:992px){
    .br-tb{
    display: block;
  }
}
/*SPのとき改行する*/
.br_sp{
  display: none;
}
@media screen and (max-width:768px){
.br_sp{
    display: block;
  }
}
/*------------------------------------------------
*     common-parts
-------------------------------------------------*/
/* section space */
.section_space{
  padding: 100px 40px 110px;
}
@media screen and (max-width:768px){
  .section_space{
    padding: 80px 20px 70px;
  }
}
/* section main_title */
.section_mainTtl{
  margin-bottom: 50px;
}
.section_mainTtl h2{
  font-family: 'Sacramento', cursive;
  font-size: 5.2rem;
  color: #E7B6B6;
  margin-bottom: 5px;
}
.section_mainTtl h1{
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 40px;
}
.section_mainTtl .ttl_line img{
  max-width: 130px;
  margin: 0 auto;
}
/* section sub_title */
.section_subTtl{
  margin-bottom: 100px;
}
@media screen and (max-width:992px){
  .section_subTtl{
    margin-bottom: 60px;
  }
}
.section_subTtl_box{
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .section_subTtl_box{
    width: 90%;
  }
}
.section_subTtl_text{
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0;
  padding: 20px 40px;
}
@media screen and (max-width:992px){
  .section_subTtl_text{
    padding: 20px 30px;
  }
}
@media screen and (max-width:768px){
  .section_subTtl_text{
    text-align: left;
  }
}
.section_subTtl_text:before,.section_subTtl_text:after{
  content:'';
  width: 30px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.section_subTtl_text:before{
  border-left: solid 1px #000000;
  border-top: solid 1px #000000;
  top:0;
  left: 0;
}
.section_subTtl_text:after{
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
  bottom:0;
  right: 0;
}

/*------------------------------------------------
*    fv
-------------------------------------------------*/
#fv{
  height:720px;
  text-align: center;
  background-image: url(../img/fv_bg_pc.png);
  background-size: cover;
}
@media screen and (max-width:1050px){
#fv{
  height: 700px;
  background-image: url(../img/fv_bg_tb.png);
  background-position: 80% 0;
  }
}
@media screen and (max-width:992px){
#fv{
  height: 620px;
  }
}
@media screen and (max-width:768px){
  #fv{
  height: 620px;
  /* background-image: url(../img/fv_bg_sp.png); */
  background-image: url(../img/fv_bg_sp2.png);
  /* background-image: none; */
  /* background: linear-gradient(#E7B6B6, #CA9191); */
  }
}

/* header */
.header{
  max-width: 1500px;
  padding: 10px 40px 0;
}
@media screen and (max-width:768px){
  .header{
    width: 100vw;
    position: fixed;
    z-index: 1000;
    /* background-color: #E7B6B6; */
    background-color: rgba(227,173,173,0.9);
    padding: 10px 20px 0;
  }
}
.headerWrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width:768px){
  .headerWrap{
    position: relative;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    }
}
.header .logo{
  font-family: 'Lato', sans-serif;
  font-size: 28px;
  color: #fff;
  text-align: left;
}
.header .logo .fw_midium{
  font-weight: 700;
}
.header .logo .fw_light{
  font-weight: 400;
}
@media screen and (max-width:992px){
  .header .logo{
    font-size: 22px;
  }
}
.header .btn_header{
  max-width: 130px;
  margin-left: auto;
}

/* hero */
.hero{
  max-width: 1500px;
  height: 670px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding: 90px 40px 0;
  outline: 1px solid #fff;
  outline-offset: -30px;
  margin-top: -30px;
}
@media screen and (max-width:992px){
  .hero{
    height: 570px;
    outline-offset: -20px;
    padding: 60px 40px 0;
    /* margin-top: -20px; */
    margin-top: 0px;
  }
}
@media screen and (max-width:768px){
  .hero{
    text-align: center;
    justify-content: center;
    padding: 90px 30px 0;
  }
}
.hero_textWrap{
  max-width: 670px;
  width: 70%;
  padding: 0 0 0 50px;
}
@media screen and (max-width:768px){
  .hero_textWrap{
    max-width: 540px;
    width: 90%;
    padding: 10px 0 0;
  }
}
.hero_ttl_ribbon{
  max-width: 400px;
  margin-bottom: 20px;
}
@media screen and (max-width:768px){
  .hero_ttl_ribbon{
    width: 80vw;
  }
}
.hero h1{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 20px;
  text-shadow: 1px 2px 3px #aaa;
}
.hero h1 img.pc{
  display: inline;
}
.hero h1 img.sp{
  display: none;
}
@media screen and (max-width:576px){
  .hero h1 img.pc{
    display: none;
  }
  .hero h1 img.sp{
    width: 100%;
    max-width: 380px;
    display: inline;
  }
}
.hero h1 .hero_ttl1{
  font-size: 5.4rem;
  margin-left: -20px;
}
.hero h1 .hero_ttl2{
  font-size: 4rem;
}
@media screen and (max-width:992px){
  .hero h1 .hero_ttl1{
    font-size: 4rem;
    margin-left: -20px;
  }
  .hero h1 .hero_ttl2{
    font-size: 3.2rem;
  }
}

@media screen and (max-width:992px){
  .hero h1{
    font-size: 32px;
    margin-bottom: 10px;
    text-shadow: 1px 2px 3px #aaa;
  }
}
.hero h2{
  font-size: 26px;
  color: #5C5C5C;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media screen and (max-width:992px){
  .hero h2{
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:768px){
  .hero h2{
    max-width: 380px;
    text-align: left;
    margin: 0 0 40px;
  }
}
@media screen and (max-width:576px){
  .hero h2{
    margin: 0 auto 30px;
  }
}
.btn_hero{
  max-width: 320px;
}
@media screen and (max-width:992px){
  .btn_hero{
    max-width: 300px;
  }
}
@media screen and (max-width:768px){
  .btn_hero{
    align-self: center;
    margin: 0 auto;
    text-align: center;
  }
}

/*------------------------------------------------
*    banner
-------------------------------------------------*/
#banner{
  background-color:#FCF7F8;
}
.banner_imgWrap{
  width: 80%;
  max-width: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .banner_imgWrap{
    width: 90%;
  }
}
@media screen and (max-width:768px){
  .banner_imgWrap{
    width: 70%;
    flex-direction: column;
    padding: 30px 0;
  }
}
@media screen and (max-width:576px){
  .banner_imgWrap{
    width: 95%;
    /* max-width: 390px; */
  }
}
.banner_imgBody{
  width: 100%;
  max-width: 500px;
}
@media screen and (max-width:768px){
  .banner_imgBody{
    width: 95%;
    max-width: 100%;
  }
}
.banner_imgBody:first-of-type{
  width: 95%;
  max-width: 500px;
  padding: 8px;
  margin: 0 20px 0 0;
}
@media screen and (max-width:768px){
  .banner_imgBody:first-of-type{
    width: 95%;
    max-width: 95%;
    margin: 0 0 20px 0;
  }
}
/* .banner_imgBody img{
  width: 100%;
} */
/*------------------------------------------------
*    about
-------------------------------------------------*/
#about{
  text-align: center;
  outline: 1px solid #E7B6B6;
  outline-offset: -30px;
}
@media screen and (max-width:768px){
  #about{
    outline-offset: -20px;
  }
}
#about.section_space{
  padding: 80px 40px 40px;
}
@media screen and (max-width:768px){
  #about.section_space{
    padding: 80px 20px 40px;
    margin: 20px 0 20px;
  }
}
#about .section_subTtl{
  max-width: 1100px;
  margin-bottom: 70px;
  margin: 0 auto 70px;
}
@media screen and (max-width:992px){
  #about .section_subTtl{
    margin-bottom: 40px;
  }
}
@media screen and (max-width:992px){
  #about .section_subTtl_box{
    width: 90%;
    margin-bottom: 40px;
  }
}
.about_list{
  width: 90%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto 40px;
}
@media screen and (max-width:980px){
  .about_list{
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}
.about_item{
  width: 25%;
}
@media screen and (max-width:1070px){
  .about_item{
    margin: 0 30px 60px 0;
  }
}
@media screen and (max-width:992px){
  .about_item{
    width: 40%;
    margin: 0 0 60px 0;
  }
}
@media screen and (max-width:768px){
  .about_item{
    width: 80%;
    margin: 0 auto 60px;
  }
  .about_item:last-of-type{
    margin: 0 auto 20px;
  }
}
.about_item_icon{
  margin-bottom: 20px;
}
@media screen and (max-width:768px){
  .about_item_icon{
    margin-bottom: 10px;
  }
}
.about_item_icon img{
  max-width: 160px;
  margin: 0 auto;
}
.about_item_textWrap{
  min-height: 195px;
  position: relative;
  padding: 10px;
}
@media screen and (max-width:768px){
  .about_item_textWrap{
    max-width: 400px;
    height: 195px;
    margin: 0 auto;
  }
}
.about_item_textWrap::before,
.about_item_textWrap::after {
  position: absolute;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  border-top: 0.5px solid #A5A5A5;
  border-bottom: 0.5px solid #A5A5A5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.about_item_textWrap::before {
  left: 0;
  border-left: 1px solid #A5A5A5;
}
.about_item_textWrap::after {
  right: 0;
  border-right: 1px solid #A5A5A5;
}
.about_item_textWrap .ttl{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.about_item_textWrap .detail{
  min-height: 95px;
  text-align: left;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 10px 10px 20px;
}
@media screen and (max-width:992px){
  .about_item_textWrap .detail{
    text-align: center;
    min-height: 80px;
  }
}
.about_item_textWrap .btn_about{
  width: 80%;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  background-color: #8CC5CD;
  border-radius: 30px;
  padding: 8px 10px;
}
.about_item_textWrap .btn_about a{
  color: #fff;
}
.about_item_textWrap .btn_about img{
  margin: 0 auto;
}
.about_item_x{
  align-self: flex-end;
  padding: 0 20px 80px;
}
@media screen and (max-width:1070px){
  .about_item_x{
    display: none;
    }
}
.about_item_x img{
  width: 80%;
  margin: 0 auto;
}

/*------------------------------------------------
*    recommend
-------------------------------------------------*/
#recommend{
  text-align: center;
}
#recommend.section_space{
  padding: 80px 40px 60px;
}
@media screen and (max-width:768px){
  #recommend.section_space{
    padding: 80px 20px 60px;
  }
}
.recommend_contentsWrap{
  width: 80vw;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F3E9EB;
  outline: 1px solid #fff;
  outline-offset: -30px;
  padding: 20px 40px;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .recommend_contentsWrap{
    width: 100%;
    max-width: 700px;
    display: block;
  }
}
@media screen and (max-width:768px){
  .recommend_contentsWrap{
    padding: 20px 30px;
    outline-offset: -20px;
  }
}
.recommend_listWrap{
  width: 100%;
  padding: 40px 20px 40px 50px;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .recommend_listWrap{
    max-width: 540px;
    padding: 70px 10px 0;
    display: inline-block;
    margin: 0 auto;
  }
}
@media screen and (max-width:768px){
  .recommend_listWrap{
    padding: 40px 10px 0;
  }
}
.recommend_listWrap ul>li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width:992px){
  .recommend_listWrap ul>li{
    margin-bottom: 20px;
  }
}
.recommend_listWrap li img{
  max-width: 22px;
  max-height: 22px;
  margin-right: 10px;
}
.recommend_listWrap li p{
  font-size: 1.8rem;
  text-align: left;
}
@media screen and (max-width:768px){
  .recommend_listWrap li p{
    font-size: 1.6rem;
  }
}
.recommend_imgWrap{
  /* width: 100%; */
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .recommend_imgWrap{
    width: 100%;
    max-width: 590px;
  }
}
/* @media screen and (max-width:992px){
  .recommend_imgWrap img{
    margin: 0 auto;
  }
} */

/*------------------------------------------------
*    point
-------------------------------------------------*/
#point{
  text-align: center;
}
#point.section_space{
  padding: 80px 40px 130px;
}
@media screen and (max-width:768px){
  #point.section_space{
    padding: 80px 20px 130px;
  }
}
#point .section_mainTtl{
  margin-bottom: 100px;
}
@media screen and (max-width:768px){
  #point .section_mainTtl{
    margin-bottom: 60px;
  }
}
.point_listWrap{
  max-width: 1100px;
  margin: 0 auto;
}
/* point_item */
.point_listWrap .point_item{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 140px;
}
.point_listWrap .point_item:last-of-type{
  margin-bottom: 0;
}
@media screen and (max-width:1200px){
  .point_listWrap .point_item{
    display: block;
    margin-bottom: 40px;
  }
}
.point_listWrap .point_item:nth-of-type(even){
  flex-direction: row-reverse;
}
@media screen and (max-width:1200px){
  .point_listWrap .point_item:nth-of-type(even){
    flex-direction: row;
  }
}
/* point_noImg */
.point_item .point_noImg{
  width: 10%;
  position: absolute;
  top: -10%;
  left: 45%;
  z-index: 10;
}
.point_item:nth-of-type(even) .point_noImg{
  left: 8%;
}
@media screen and (max-width:1200px){
  .point_item .point_noImg, .point_item:nth-of-type(even) .point_noImg{
    width: 15%;
    position: absolute;
    top: 40%;
    left: 18%;
  }
}
@media screen and (max-width:768px){
  .point_item .point_noImg, .point_item:nth-of-type(even) .point_noImg{
    width: 27%;
    position: absolute;
    top: 38%;
    left: 14%;
  }
}
/* point_expImg */
.point_item .point_expImg{
  width: 34%;
  object-fit: cover;
  z-index: 20;
  border: 1px solid #eee;
  box-shadow: 4px 4px 8px #eee;
}
@media screen and (max-width:1500px){
  .point_item .point_expImg{
    width: 35%;
  }
}
@media screen and (max-width:1200px){
  .point_item .point_expImg{
    width: 80%;
    height: 280px;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width:768px){
  .point_item .point_expImg{
    width: 100%;
    height: 240px;
    margin: 0 auto 10px;
    object-fit: cover;
    /* object-position: 50% 0; */
  }
}
/* point_textWrap */
.point_item .point_textWrap{
  width: 80%;
  position: absolute;
  top: 0%;
  left: 14%;
  text-align: left;
  background-color: hsl(345, 100%, 98%);
  background-image:
  -webkit-gradient(linear, 0 0, 100% 100%,
  color-stop(.25, #FFEFEF),
  color-stop(.25, transparent),
  color-stop(.5, transparent),
  color-stop(.5, #FFEFEF),
  color-stop(.75, #FFEFEF),
  color-stop(.75, transparent),
  to(transparent));
  -webkit-background-size: 10px 10px;
  outline: 1px solid #fff;
  outline-offset: -20px;
  padding: 90px 60px 60px 320px;
  margin: 20px;
  z-index: 0;
}
.point_item:nth-of-type(even) .point_textWrap{
  top: 0%;
  left: 3%;
  padding: 90px 320px 60px 60px;
}
@media screen and (max-width:1600px){
  .point_item .point_textWrap{
    padding: 90px 60px 60px 280px;
  }
  .point_item:nth-of-type(even) .point_textWrap{
    padding: 90px 280px 60px 60px;
  }
}
  @media screen and (max-width:1200px){
  .point_item .point_textWrap, .point_item:nth-of-type(even) .point_textWrap{
    position: static;
    padding: 100px 60px 55px;
    margin: 0 auto;
  }
}
@media screen and (max-width:768px){
  .point_item .point_textWrap, .point_item:nth-of-type(even) .point_textWrap{
    width: 100%;
    padding: 100px 40px 55px;
    margin: 0 auto;
  }
}
/* .point_textWrap .ttl */
.point_item .point_textWrap .ttl{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 15px;
}
/* .point_textWrap .detail */
.point_item .point_textWrap .detail{
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8;
}

/*------------------------------------------------
*    cta
-------------------------------------------------*/
.cta{
  text-align: center;
  background-color: #E7B6B6;
  outline: 1px solid #fff;
  outline-offset: -30px;
}
@media screen and (max-width:992px){
  .cta{
    outline-offset: -20px;
  }
}
.cta.section_space{
  padding: 80px 40px;
}
.cta .section_mainTtl{
  margin-bottom: 40px;
}
.cta .section_mainTtl h2{
  color: #fff;
}
.cta .section_mainTtl h1{
  margin-bottom: 20px;
}
.br_ctaTtl{
  display: none;
}
@media screen and (max-width:500px){
  .br_ctaTtl{
    display: block;
  }
}


.cta .section_subTtl {
  margin-bottom: 40px;
}
.cta .section_subTtl_box {
  max-width: 700px;
}
.cta_point ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width:768px){
  .cta_point ul {
    flex-direction: column;
    margin: 0 auto 40px;
  }
}

.cta_point ul>li{
  position: relative;
  width: 25%;
  max-width: 300px;
  background-color: #fff;
  color: #3B4043;
  padding: 20px;
  margin: 0 20px 0;
}
@media screen and (max-width:992px){
  .cta_point ul>li{
    width: 85%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 20px 0;
  }
}
.cta_point ul>li:after {
  position: absolute;
  top:-4px;
  left:-4px;
  content:"";
  height:100%;
  width:100%;
  border: 1px solid #707070;
  z-index: 10;
}
.btn_cta{
  max-width: 360px;
  margin: 0 auto;
}
.btn_cta img{
  margin: 0 auto;
}

/*------------------------------------------------
*    learning
-------------------------------------------------*/
#learning{
  text-align: center;
}
@media screen and (max-width:992px){
  #learning.section_space{
    padding: 100px 20px 100px;
  }
}
#learning .section_mainTtl h2{
  margin: 0 0 20px;
}
.learning_contents{
  position: relative;
}
.learning_contents_ttlWrap{
  margin-bottom: 50px;
}
@media screen and (max-width:992px){
  .learning_contents_ttlWrap{
    display: flex;
    flex-direction: column-reverse;
    padding: 0 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width:768px){
  .learning_contents_ttlWrap{
    padding: 0;
    margin-bottom: 0px;
  }
}
.learning_contents_ttlWrap img{
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .learning_contents_ttlWrap img{
    width: 100%;
    height: 80px;
    object-fit: cover;
    margin: 0 auto;
  }
}
.learning_contents_ttlWrap .ttl{
  position: absolute;
  top: 4%;
  left: 7%;
  width: 40%;
  max-width: 550px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #fff;
  background:linear-gradient(to right,#E5A3A3,#F0CDCD);
  border-radius: 15px 15px 0 0;
  padding: 15px 30px;
  z-index: 100;
}
@media screen and (max-width:1300px){
  .learning_contents_ttlWrap .ttl{
    top: 3%;
    width: 65%;
  }
}
@media screen and (max-width:992px){
  .learning_contents_ttlWrap .ttl{
    position: static;
    width: 90%;
    padding: 15px 30px;
    margin: 0;
  }
}
@media screen and (max-width:768px){
  .learning_contents_ttlWrap .ttl{
    width: 100%;
    padding: 15px 20px;
    margin: 0;
  }
}
.br_sp_learningTtl{
  display: none;
}
@media screen and (max-width:600px){
  .br_sp_learningTtl{
    display: block;
  }
}

#learning .section_subTtl_box{
  width: 70%;
  margin: 100px auto 0;
  text-align: left;
}
@media screen and (max-width:992px){
  #learning .section_subTtl_box{
    width: 90%;
    margin: 80px auto 0;
    text-align: left;
  }
}
@media screen and (max-width:768px){
  #learning .section_subTtl_box{
    width: 100%;
    margin: 40px auto 0;
  }
}
#learning .section_subTtl_text{
  padding: 30px 60px;
}
@media screen and (max-width:768px){
  #learning .section_subTtl_text{
    padding: 30px 20px;
  }
}
/* 学習の流れ */
.learning_flow{
  margin-bottom: 100px;
}
.learning_flow_ttl{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 40px;
}
.learning_flow_list{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:768px){
  .learning_flow_list{
    flex-direction: column;
  }
}
.learning_flow_item{
  width: 24%;
}
@media screen and (max-width:992px){
  .learning_flow_item{
    width: 100%;
    max-width: 320px;
  }
}
@media screen and (max-width:768px){
  .learning_flow_item{
    width: 60%;
  }
}
@media screen and (max-width:576px){
  .learning_flow_item{
    width: 80%;
  }
}
.learning_flow_item_imgWrap img{
  margin: 0 auto;
}
.learning_flow_item_text .ttl{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.learning_flow_item_text .ttl .notice{
  font-size: 1.4rem;
  font-weight: 400;
}
.learning_flow_item_text .ttl_point{
  text-align: left;
  font-size: 2.4rem;
  margin-bottom: 5px;
}
.learning_flow_item_text .detail{
  text-align: left;
}

.learning_flow_arrow{
  margin: 0 25px;
}
@media screen and (max-width:992px){
  .learning_flow_arrow {
    width: 70px;
    margin: 0 10px;
  }
}
@media screen and (max-width:768px){
  .learning_flow_arrow {
    width: 20px;
    transform: rotateZ(90deg);
    margin: 35px auto 25px;
  }
}

.learning_flow_arrow img{
  width: 80%;
}
/* 学習スケジュール */
.learning_schedule{
  width: 85%;
  margin: 0 auto 90px;
}
@media screen and (max-width:992px){
  .learning_schedule{
    width: 100%;
    margin: 0 auto 60px;
  }
}
.learning_schedule_ttl{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 50px;
}

@media screen and (max-width:768px){
  .learning_schedule_imgWrap{
    max-width: 500px;
    margin: 0 auto;
  }
}
.learning_schedule_imgWrap img{
  margin-bottom: 30px;
}
.learning_schedule_notice{
  font-size: 1.4rem;
  text-align: right;
}
/* 身につくスキル */
.learning_skill{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 100px;
}
.learning_skill_ttl{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 60px;
}
.learning_skill ul{
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .learning_skill ul{
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width:768px){
  .learning_skill ul{
    max-width: 510px;
  }
}
.learning_skill ul>li{
  max-width: 200px;
  margin: 0 10px 10px 0;
}
@media screen and (max-width:768px){
  .learning_skill ul>li{
    width: 45%;
    margin: 0 5px 10px;
  }
}
.learning_price{
  margin-bottom: 60px;
}
.learning_price_ttl{
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 60px;
}
.learning_price_campaign{
  width: 60%;
  margin: 0 auto 40px;
}
@media screen and (max-width:992px){
  .learning_price_campaign{
    width: 80%;
  }
}
.leaning_price_body{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.leaning_price_body .month{
  font-size: 1.4rem;
  writing-mode: vertical-rl;
  text-orientation: upright;
  border: 1px solid #000000;
  padding: 10px 5px;
  margin-right: 20px;
  letter-spacing: 0.07em;
}
@media screen and (max-width:992px){
  .leaning_price_body .month{
    margin-right: 10px;
  }
}
.leaning_price_body .priceWrap{
  display: flex;
  margin-right: 10px;
}
.leaning_price_body .priceWrap .money{
  font-size: 4rem;
  font-weight: 700;
  font-family: 'Noto Serif', serif;
}
@media screen and (max-width:768px){
  .leaning_price_body .priceWrap .money{
    font-size: 3.6rem;
  }
}
.leaning_price_body .yenWrap{
  flex-direction: column;
}
.leaning_price_body .yenWrap .tax{
  font-size: 1.2rem;
}
.leaning_price_body .yenWrap .yen{
  font-size: 2.4rem;
  margin-top: -2px;
}
.leaning_price_body .x{
  margin-right: 10px;
}
.leaning_price_body .six_month{
  font-size: 2.6rem;
}
.learning_price_notice{
  font-size: 1.4rem;
}
@media screen and (max-width:768px){
  .learning_contents .btn_cta{
    max-width: 295px;
  }
}

/*------------------------------------------------
*    movie
-------------------------------------------------*/
#movie{
  text-align: center;
  background-color: #FCF7F8;
  background-image:
  -webkit-gradient(linear, 0 0, 100% 100%,
  color-stop(.25, #FFEFEF),
  color-stop(.25, transparent),
  color-stop(.5, transparent),
  color-stop(.5, #FFEFEF),
  color-stop(.75, #FFEFEF),
  color-stop(.75, transparent),
  to(transparent));
  -webkit-background-size: 10px 10px;
}
#movie.section_space{
  padding: 100px 40px 100px;
}
@media screen and (max-width:992px){
  #movie.section_space{
    padding: 80px 20px 100px;
  }
}
#movie .section_subTtl{
  margin-bottom: 60px;
}
@media screen and (max-width:768px){
  #movie .section_subTtl{
    text-align: center;
    margin-bottom: 40px;
  }
}
#movie .section_subTtl_box{
  width: 50%;
}
@media screen and (max-width:768px){
  #movie .section_subTtl_box{
    width: 90%;
  }
}

/* swiper（worksスライド含む） */
:root {
  /* --swiper-theme-color: #F06776; */
  --swiper-theme-color: #2e8ebe;
  /* border: 4px solid #fff; */
}
.swiper-container {
  width: 82%;
}
@media screen and (max-width:992px){
  .swiper-container {
    height: 100%;
  }
}
.swiper-slide-active{
  width: 100%;
}
.swiper-container video, .swiper-container img{
  width: 90%;
  height: 100%;
  max-height: 650px;
  object-fit: contain;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .swiper-container video, .swiper-container img{
    max-height: 400px;
  }
}
@media screen and (max-width:992px){
  .swiper-container img{
    max-height: 400px;
  }
}
@media screen and (max-width:768px){
  .swiper-container img{
    height: 40vw;
  }
}
.swiper-container img{
  width: 90%;
  height: auto;
}
.slider_movie, .slider_works{
  height: 100%;
  padding: 0 0 10px;
}
@media screen and (max-width:992px){
  .slider_movie, .slider_works{
    width: 100%;
  }
}
.thumbnail_movie .swiper-slide-active, .thumbnail_works .swiper-slide-active{
  opacity: 0.5;
}
.swiper-container.thumbnail_movie img, .swiper-container.thumbnail_works img{
  width: 90%;
  height: 100%;
  max-height: 180px;
  object-fit: cover;
}
@media screen and (max-width:992px){
  .swiper-container.thumbnail_movie img, .swiper-container.thumbnail_works img{
  width: 100%;
  max-height: 130px;
  padding: 0 5px;
  }
}

/*------------------------------------------------
*    working
-------------------------------------------------*/
#working{
  text-align: center;
}
@media screen and (max-width:768px){
  #working.section_space{
    padding: 80px 20px 100px;
  }
}
@media screen and (max-width:380px){
  #working.section_space{
    padding: 80px 20px 150px;
  }
}
#working .section_subTtl{
  margin-bottom: 50px;
}
#working .section_subTtl_box{
  width: 65%;
  max-width: 800px;
  text-align: center;
}
@media screen and (max-width:992px){
  #working .section_subTtl_box{
    width: 90%;
  }
}
.working_imgWrap{
  width: 75%;
  height: 700px;
  position: relative;
  padding: 0 20px;
}
.working_imgWrap img{
  width: 50%;
}
.working_imgWrap .banner01{
  width: 45%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
@media screen and (max-width:992px){
  .working_imgWrap .banner01{
    width: 60%;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width:768px){
  .working_imgWrap .banner01{
    width: 90%;
    top: 0;
    left: 0;
  }
}
.working_imgWrap .banner02{
  width: 40%;
  position: absolute;
  top: 30%;
  left: 30%;
  z-index: 30;
}
@media screen and (max-width:992px){
  .working_imgWrap .banner02{
    width: 45%;
    top: 30%;
    left: 30%;
  }
}
@media screen and (max-width:768px){
  .working_imgWrap .banner02{
    width: 60%;
    top: 15%;
    left: 70%;
  }
}
.working_imgWrap .lp01{
  width: 65%;
  position: absolute;
  top: 5%;
  right: -35%;
  z-index: 40;
}
@media screen and (max-width:992px){
  .working_imgWrap .lp01{
    width: 70%;
    top: 5%;
    right: -35%;
  }
}
@media screen and (max-width:768px){
  .working_imgWrap .lp01{
    width: 90%;
    top: 30%;
    left: 20%;
  }
}
.working_imgWrap .circle_m{
  width: 20%;
  position: absolute;
  top: 25%;
  left: 50%;
  z-index: 10;
}
@media screen and (max-width:992px){
  .working_imgWrap .circle_m{
    width: 20%;
    top: 20%;
    left: 50%;
  }
}
.working_imgWrap .circle_s{
  width: 10%;
  position: absolute;
  top: 55%;
  left: 5%;
  z-index: 10;
}
@media screen and (max-width:992px){
  .working_imgWrap .circle_s{
    width: 10%;
    top: 45%;
    left: 5%;
  }
}
.working_imgWrap .dot_m{
  width: 20%;
  position: absolute;
  top: 65%;
  left: 18%;
  z-index: 10;
}
@media screen and (max-width:992px){
  .working_imgWrap .dot_m{
    width: 20%;
    top: 50%;
    left: 18%;
  }
}
.working_imgWrap .dot_s{
  width: 15%;
  position: absolute;
  top: 10%;
  left: 60%;
  z-index: 10;
}
@media screen and (max-width:992px){
  .working_imgWrap .dot_s{
    width: 23%;
    top: 3%;
    left: 60%;
  }
}

.working_detailWrap{
  position: absolute;
  top: 80%;
  right: -30%;
  max-height: 200px;
  border-radius: 15px 10px 10px 15px;
  border-top: 1px solid #EFEFEF;
  border-left: 30px solid #8CC5CD;
  border-right: 1px solid #EFEFEF;
  box-shadow: 4px 4px 8px #eee;
  background-color: #fff;
  z-index: 40;
  padding: 35px 40px;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .working_detailWrap{
    max-height: 400px;
    top: 70%;
    right: -30%;
  }
}
@media screen and (max-width:768px){
  .working_detailWrap{
    top: 60%;
    border-radius: 15px 15px 10px 10px;
    border-left: 1px solid #EFEFEF;
    border-top: 20px solid #8CC5CD;
    border-right: 1px solid #EFEFEF;
    padding: 30px 20px;
  }
}
.working_detailWrap p{
  text-align: left;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
}

/*------------------------------------------------
*    support
-------------------------------------------------*/
#support{
  text-align: center;
  background-color: #FCF7F8;
  background-image:
  -webkit-gradient(linear, 0 0, 100% 100%,
  color-stop(.25, #FFEFEF),
  color-stop(.25, transparent),
  color-stop(.5, transparent),
  color-stop(.5, #FFEFEF),
  color-stop(.75, #FFEFEF),
  color-stop(.75, transparent),
  to(transparent));
  -webkit-background-size: 10px 10px;
}
@media screen and (max-width:768px){
  #support.section_space{
    padding: 100px 20px 40px;
  }
}
#support .section_subTtl_text{
  text-align: left;
}
.support_list{
  width: 70%;
  max-width: 850px;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .support_list{
    width: 100%;
    max-width: 750px;
  }
}
.support_item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border-radius: 15px 10px 10px 15px;
  border: 1px solid #EFEFEF;
  box-shadow: 4px 4px 8px #eee;
  padding: 25px 40px;
  margin-bottom: 30px;
}
@media screen and (max-width:768px){
  .support_item{
    flex-direction: column;
    align-items: flex-start;
    padding: 30px 30px;
  }
}
.support_item:nth-of-type(1){
  border-left: 30px solid #8CC5CD;
}
.support_item:nth-of-type(2){
  border-left: 30px solid #E7B6B6;
}
.support_item:nth-of-type(3){
  border-left: 30px solid #FAE2E2;
}
@media screen and (max-width:768px){
  .support_item:nth-of-type(1){
    border-left: 20px solid #8CC5CD;
  }
  .support_item:nth-of-type(2){
    border-left: 20px solid #E7B6B6;
  }
  .support_item:nth-of-type(3){
    border-left: 20px solid #FAE2E2;
  }
}
.support_item .ttl{
  width: 25%;
  text-align: left;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 20px 0 0;
}
@media screen and (max-width:768px){
  .support_item .ttl{
    width: 90%;
    text-align: left;
    margin: 0 auto 10px 0;
  }
}
.support_item .detail{
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
}

/*------------------------------------------------
*    community
-------------------------------------------------*/
#community{
  text-align: center;
}
#community .section_subTtl_box{
  margin-bottom: 100px;
}
#community .section_subTtl_box{
  max-width: 800px;
}
#community .section_subTtl_text{
  text-align: center;
}
.community_list{
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:992px){
  .community_list{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.community_item{
  position: relative;
  width: 30%;
  margin-right: 20px;
}
@media screen and (max-width:992px){
  .community_item{
    width: 100%;
    margin: 0 0 70px;
  }
  .community_item:last-of-type{
    margin: 0;
  }
}
@media screen and (max-width:768px){
  .community_item{
    width: 100%;
    max-width: 500px;
    margin: 0 0 90px;
  }
  .community_item:last-of-type{
    margin: 0;
  }
}
.community_item:last-of-type{
  margin-right: 0;
}
.community_item .ttl {
  position: absolute;
  display: inline-block;
  top: -40px;
  right: 30px;
  line-height: 25px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #ffffff;
  border-radius: 10px 10px 0 0;
  padding: 8px 40px;
  margin-bottom: 20px;
}
@media screen and (max-width:992px){
  .community_item .ttl {
    width: 30%;
    top: -40px;
    left: 20px;
    padding: 8px 40px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width:768px){
  .community_item .ttl {
    width: 50%;
  }
}
.community_item:nth-of-type(1) .ttl{
  background: #8CC5CD;
}
.community_item:nth-of-type(2) .ttl{
  background: #E7B6B6;
}
.community_item:nth-of-type(3) .ttl {
  background:#F4CA99;
}
.community_item .body{
  padding: 20px;
  border: 1px solid #EFEFEF;
  box-shadow: 4px 4px 8px #eee;
  border-radius: 10px;
  margin: 0 auto;
}
.community_item .detail{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  min-height: 65px;
  font-size: 1.4rem;
  margin: 0 10px 10px;
}
@media screen and (max-width:992px){
  .community_item .imgWrap{
    width: 48%;
    display: flex;
  }
}
@media screen and (max-width:768px){
  .community_item .imgWrap{
    width: 90%;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 10px;
  }
}
.community_item .imgWrap img{
  margin: 0 0 10px 0;
}
@media screen and (max-width:992px){
  .community_item .imgWrap img{
    margin: 0 10px 10px 0;
  }
  .community_item .imgWrap img:nth-of-type(2){
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width:768px){
  .community_item .imgWrap img{
    margin: 0 auto 10px;
  }
  .community_item .imgWrap img:nth-of-type(2){
    margin: 0 auto 0;
  }
}

/*------------------------------------------------
*    instructor
-------------------------------------------------*/
#instructor{
  text-align: center;
}
@media screen and (max-width:768px){
  #instructor.section_space{
    padding: 80px 20px 60px;
  }
}

.instructor_contents{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 60px 0 0 0;
}
@media screen and (max-width:768px){
  .instructor_contents{
    flex-direction: column;
    justify-content: center;
    padding: 20px 0 0 0;
  }
}
.instructor_faceWrap{
  width: 50%;
  min-width: 290px;
  max-width: 350px;
  margin-right: 60px;
}
@media screen and (max-width:768px){
  .instructor_faceWrap{
    width: 80%;
    margin: 0  auto 30px;
  }
}
.instructor_faceWrap img{
  margin-bottom: 30px;
}
.instructor_textWrap{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
@media screen and (max-width:992px){
  .instructor_textWrap{
    justify-content: center;
    margin: 0 auto;
  }
}
.instructor_detail{
  width: 90%;
  text-align: left;
  font-size: 1.6rem;
  border-top: 2px solid #E7B6B6;
  padding-top: 30px;
}
@media screen and (max-width:992px){
  .instructor_detail{
    width: 80%;
    margin: 0 auto 30px;
    }
}
.performance{
  /* width: 60%; */
  font-size: 1.6rem;
  padding-top: 20px;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .performance{
  width: 100%;
  max-width: 600px;
  }
}
.performance_ttl{
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 10px;
}
.performance_detail{
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #F3F6F7;
  border-radius: 10px;
  box-shadow:  2px 2px 5px #dfdfdf;
  padding: 40px 30px 0;
  margin: 0 auto;
}
@media screen and (max-width:768px){
  .performance_detail{
    padding: 40px 20px 0;
  }
}
.performance_detail .item_wrap{
  margin-bottom: 40px;
}
.performance_detail .item_wrap .ttl{
  margin-bottom: 30px;
}
.performance_detail .item_wrap .ttl a{
}
.performance_detail .item_wrap .imgWrap{
  width: 30%;
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 0 auto 10px;
}
@media screen and (max-width:768px){
  .performance_detail .item_wrap .imgWrap{
    width: 25%;
    /* flex-direction: column; */
  }
}
.performance_detail .item_wrap .imgWrap img{
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}
.performance_detail .item_wrap .imgWrap img:nth-of-type(2){
  margin: 0 30px;
}
@media screen and (max-width:768px){
.performance_detail .item_wrap .imgWrap img:nth-of-type(2){
  margin: 0 20px;
  }
}

/*------------------------------------------------
*    voice
-------------------------------------------------*/
#voice{
  text-align: center;
  background-color: #FCF7F8;
  background-image:
  -webkit-gradient(linear, 0 0, 100% 100%,
  color-stop(.25, #FFEFEF),
  color-stop(.25, transparent),
  color-stop(.5, transparent),
  color-stop(.5, #FFEFEF),
  color-stop(.75, #FFEFEF),
  color-stop(.75, transparent),
  to(transparent));
  -webkit-background-size: 10px 10px;
}
.voice_list{
  display: flex;
  justify-content: center;
}
@media screen and (max-width:992px){
  .voice_list{
    flex-direction: column;
    align-items: center;
  }
}
.voice_item{
  width: 28%;
  border-left: 1px solid #EFEFEF;
  box-shadow: 4px 4px 8px #eee;
  border-radius: 10px;
  background-color: #fff;
  margin: 0 30px 0 0;
}
@media screen and (max-width:992px){
  .voice_item{
    width: 100%;
    max-width: 600px;
    margin: 0 auto 30px;
  }
}
.voice_item:nth-of-type(3){
  margin: 0;
}
@media screen and (max-width:992px){
  .voice_item img{
    width: 100%;
    max-height: 120px;
    object-fit: cover;
  }
}
.voice_item .ttlWrap{
  padding: 10px 10px;
  margin: 10px 10px 10px;
}
.voice_item .ttlWrap .ttl{
  height: 90px;
  text-align: left;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width:992px){
  .voice_item .ttlWrap .ttl{
    height: auto;
  }
}
.voice_item .name{
  font-size: 1.3rem;
  text-align: right;
}
.voice_item .detail{
  text-align: left;
  font-size: 1.6rem;
  padding: 0 20px 40px;
}

/*------------------------------------------------
*    works
-------------------------------------------------*/
#works{
  text-align: center;
}
#works.section_space{
  padding: 100px 20px 50px;
}

/*------------------------------------------------
*    faq
-------------------------------------------------*/
#faq{
  text-align: center;
}
@media screen and (max-width:992px){
  #faq.section_space{
    padding: 80px 20px 40px;
  }
}
.faq_list{
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width:768px){
  .faq_list{
    width: 96%;
    margin: 0 auto;
  }
}
.faq_item_wrap{
  margin-bottom: 20px;
}
.faq_item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  padding: 20px 40px 20px 30px;
}
@media screen and (max-width:768px){
  .faq_item{
    margin: 0 auto;
    padding: 20px 20px 20px 10px;
  }
}
.faq_item.q{
  background-color: #F3F6F7;
  border-left: 10px solid #8BC4CC;
  border-radius: 10px 0 0 10px;
  margin-bottom: 5px;
}
.faq_item.a{
  background-color: #FCF7F8;
  border-left: 10px solid #DEAFAF;
  border-radius: 10px 0 0 10px;
}
.faq_item .ttl{
  margin-right: 20px;
}
.faq_item .ttl img{
  min-width: 40px;
}
.faq_item .comment{
  text-align: left;
  font-size: 1.6rem;
}
.faq_item .comment .font_s{
  font-size: 1.4rem;
}

/*------------------------------------------------
*    company
-------------------------------------------------*/
#company{
  text-align: center;
}
#company .section_mainTtl{
  margin-bottom: 80px;
}
.company_info{
  margin: 0 auto;
}
.company_info_table{
  width: 50%;
  margin: 0 auto;
  text-align: left;
  font-size: 1.6rem;
  border-collapse: collapse;
  margin-bottom: 80px;
}
@media screen and (max-width:992px){
  .company_info_table{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 70px;
  }
}
.company_info_table th, .company_info_table td {
	text-align: left;
  vertical-align: middle;
	padding: 10px;
	border: 1px solid #98A6B5;
  border-left: none;
  border-right: none;
}
.company_info_table tr:first-of-type {
	border-top: 2px solid #3b4043;
}
.company_info_table th {
  padding-left: 30px;
	width: 30%;
}
@media screen and (max-width:992px){
  .company_info_table th {
    width: 40%;
    padding-left: 10px;
  }
}
.company_map{
  width: 80%;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width:768px){
  .company_map{
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
  }
}
.company_map_ttl{
  text-align: left;
  margin-bottom: 10px;
}
.company_map_ttl h3{
  font-size: 1.8rem;
  font-weight: 700;
  border-left: 5px solid #DEAFAF;
  padding: 5px 0 5px 20px;
}
.company_map_ttl p{
  font-size: 1.6rem;
  font-weight: 400;
  padding: 10px 0 10px 25px;
}
.company_map_body{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width:992px){
  .company_map_body{
    flex-direction: column;
    margin: 0 auto;
  }
}
@media screen and (max-width:992px){
  .company_map_imgWrap{
    width: 95%;
  }
}
@media screen and (max-width:768px){
  .company_map_imgWrap{
    width: 90%;
  }
}
.company_map_imgWrap img{
  height: 400px;
  object-fit: cover;
}
@media screen and (max-width:992px){
  .company_map_imgWrap img{
    height: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width:768px){
  .company_map_imgWrap img{
    height: 300px;
    margin: 0 auto;
  }
}
.company_map_iframe{
  width: 90%;
}
@media screen and (max-width:768px){
  .company_map_iframe{
    width: 90%;
  }
}
@media screen and (max-width:768px){
  .company_map_iframe iframe{
    width: 100%;
    height: 400px
  }
}
.td-mb{
  display: inline-block;
  margin-bottom: 10px;
}

/*------------------------------------------------
*    footer
-------------------------------------------------*/
footer{
  /* position: absolute; */
  height: 80px;
  text-align: center;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #F3E9EB;
}
.btn_totop{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  right: 20px;
  bottom: 0;
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  background: #cfd1d1;
  box-shadow:  2px 2px 5px #dfdfdf;
  border-radius: 3px;
  cursor: pointer;
  z-index: 100;
  margin-right: 100px;
}
.btn_totop:hover{
  transition: 0.3s;
  right: 20px;
  bottom: 3px;
  opacity: 0.7;
}
@media screen and (max-width:768px){
.btn_totop{
  position: relative;
  width: 45px;
  height: 45px;
  right: 15px;
  bottom: 10px;
  font-size: 3rem;
  }
}
@media screen and (max-width:768px){
.btn_totop:hover{
  transition: 0.3s;
  right: 15px;
  bottom: 10px;
  opacity: 0.7;
  }
}
/* ========================== */
#page-top {
  position: fixed;
  opacity: 0;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  right: 20px;
  bottom: 20px;
  font-size: 4rem;
  font-weight: bold;
  color: #fff;
  background: #cfd1d1;
  box-shadow:  2px 2px 5px #dfdfdf;
  border-radius: 3px;
  cursor: pointer;
  z-index: 100;
  margin-right: 100px;

}
#page-top.fade-in {
  opacity: 0.85;
  transition: opacity 1s;
}
#page-top:hover{
  transition: 0.3s;
  right: 20px;
  bottom: 18px;
  opacity: 0.7;
}
@media screen and (max-width:768px){
#page-top{
  /* position: relative; */
  width: 45px;
  height: 45px;
  right: 0px;
  bottom: 10px;
  font-size: 3rem;
  }
}
@media screen and (max-width:768px){
#page-top:hover{
  transition: 0.3s;
  right: 0px;
  bottom: 10px;
  opacity: 0.7;
  }
}



/* ========================== */



footer .copyright {
  font-size: 1.2rem;
  margin: 0 auto;
}