@charset "UTF-8";

/* =======================================
　フォント
======================================= */

/*------- 共通フォント -------*/
body,
p,
table,
td {
  margin: 0 !important;
  padding: 0 !important;
  color: #333 !important;
  font-size: 1.6rem !important;
  font-family: 'Kosugi Maru', sans-serif !important;
  line-height: 1.9 !important;
}

body strong,
p strong,
table strong,
td strong {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: bold;
}


/*------- ヘッダーエリアフォント -------*/
header a,
header a:link,
header a:visited {
  color: #333 !important;
}

header a:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 1024px) {
header a,
header a:link,
header a:visited {
  color: #006883 !important;
}
}



/*------- メインエリアフォント -------*/
main a,
main a:link,
main a:visited {
  color: #333 !important;
  text-decoration: underline !important;
}

main a:hover {
  text-decoration: none !important;
}



/*------- フッターエリアフォント -------*/
footer,
footer p,
footer table,
footer td {
  color: #333 !important;
}

footer a,
footer a:link,
footer a:visited {
  color: #333 !important;
  text-decoration: none !important;
}

footer a:hover {
  text-decoration: underline !important;
}


/*------- 表フォント -------*/
th {
  font-style: italic;
}




/* =======================================
　見出し
======================================= */

/*------- メインエリア見出し -------*/
/*メインエリア見出し共通*/
main h1,
main h2,
main h3 {
  font-weight: bold;
}

/*プレビューのみ*/
.cc-page.cc-indexpage.cc-pagemode-default main #cc-m-14084869833 {/*大見出し*/
display: none;
}

/*メインエリア大見出し*/
main h1 {
  margin: 0 0 2rem;
  color: #333;
  text-align: center;
  letter-spacing: .4rem;
  font-size: 4.2rem;
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

 main h1:after {
    content: "";
    display: block;
    border-bottom: 3px solid #2ba7e0;
    width: 100px;
    margin: 0 auto;
    padding-top: 2rem;
}


/*メインエリア中見出し*/
main h2 {
  margin: 3.5rem 0 2rem;
  color: #333;
  text-align: left;
  letter-spacing: .1rem;
  font-size: 3rem;
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
}


/*メインエリア小見出し*/
main h3 {
  margin: 1.5rem 0 0;
  padding: 0;
  color: #333;
  letter-spacing: .1rem;
  font-size: 2rem;
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
}


@media screen and (max-width: 480px) {
main h1 {
  font-size: 3.2rem;
  letter-spacing: .2rem;
}
}


/*------- フッターエリア見出し -------*/

/*フッターエリア見出し共通*/
footer h1,
footer h2,
footer h3 {
  margin: 0;
  padding: 0;
  color: #333;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
}


/*フッターエリア大見出し*/
footer h1 {
  font-size: 3rem;
}


/*フッターエリア中見出し*/
footer h2 {
  font-size: 2.5rem;
}


/*フッターエリア小見出し*/
footer h3 {
  font-size: 1.8rem;
}




/* =======================================
　ボタン
======================================= */

/*------- ボタン共通 -------*/
.j-calltoaction-link {
  text-align: inherit !important;
}

.button {
  display: block !important;
}



/*------- ボタン1 -------*/
a.j-calltoaction-link.j-calltoaction-link-style-1 {
  display: inline-block;
  padding: 1rem 3rem;
  border: 2px solid #FFF;
  border-radius: 50rem;
  background-color: transparent;
  color: #FFF !important;
  text-decoration: none !important;
  font-size: 1.5rem;
}

a.j-calltoaction-link.j-calltoaction-link-style-1:hover {
  color: #333 !important;
  background: #FFF;
}



/*------- ボタン2 -------*/
a.j-calltoaction-link.j-calltoaction-link-style-2 {
  display: inline-block;
  box-sizing: border-box;
  padding: 1rem 2rem;
  border: 2px solid #7FBE26;
  border-radius: 50rem;
  background: #7FBE26;
  color: #FFF !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 1.5rem;
}

a.j-calltoaction-link.j-calltoaction-link-style-2:hover {
  background: transparent;
  color: #7FBE26 !important;
}



/*------- ボタン3 -------*/
a.j-calltoaction-link.j-calltoaction-link-style-3 {
  display: block;
  border: none;
  background: transparent;
  color: #2CA6E0 !important;
  font-weight: 700;
  font-size: 1.4rem;
  text-decoration: none !important;
}

a.j-calltoaction-link.j-calltoaction-link-style-3:after {
  font-family: FontAwesome;
  content: '\f054';
  display: inline-block;
  width: 1.2em;
  text-align: center;
  padding-left: .5rem !important;
}

a.j-calltoaction-link.j-calltoaction-link-style-3:hover {
  color: #ccc !important;
}


@media screen and (max-width: 480px) {
a.j-calltoaction-link.j-calltoaction-link-style-1,
a.j-calltoaction-link.j-calltoaction-link-style-2 {
    display: block;
    text-align: center !important;
}
}




/* =======================================
　画像
======================================= */

/*------- 画像リンク -------*/
a img:hover {
  opacity: .85;
}




/* =======================================
　表
======================================= */

/*------- 表スタイル -------*/
table tr td {
  padding: 5px 10px !important;
  border: 1px solid #000;
}




/* =======================================
　　水平線のコントロール
======================================= */

.hr {
  border-color: #666 !important;
  border-bottom-style: solid !important;
  /*罫線*/
}




/* =======================================
　全体レイアウト
======================================= */


html {
  font-size: 62.5%;
  /*=10px*/
}

body {
  margin: 0;
  padding: 0;
}




/*------- コンテナレイアウト -------*/
#container {
  background: #FFF;
}

/*トップページのコンテナレイアウトのみ*/
.cc-indexpage #container {
  overflow: hidden;
}




/* =======================================
　ヘッダーエリアレイアウト
======================================= */

/*ヘッダーエリアレイアウト共通*/
header {
  position: relative;
  z-index: 10000;
  background-color: tansparent;
}


/*------- グローバルヘッダーレイアウト -------*/

/*グローバルヘッダーレイアウト共通*/
#global-header {
  z-index: 100;
  display: flex;
  margin: 0 auto;
  padding: 0;

  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;

  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.64) 36%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.64) 36%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.64) 36%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}


@media screen and (min-width: 1025px) {
  .cc-indexpage #global-header {
    position: absolute;
  }

  #global-header {
    position: relative;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  #global-header {
    position: relative;
    padding: 3rem 0 0 !important;

    justify-content: flex-start;
  }
}


/*------- ロゴエリア -------*/
#global-header-logo {
  box-sizing: border-box;
  padding: 0 2rem;
  width: 320px;
}

#global-header-logo img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  #global-header-logo {
    position: absolute;
    z-index: 10000;
    margin: 0 auto !important;
    padding: 0 0 1rem 2rem;
    max-width: 230px;
  }
}

@media screen and (max-width: 480px) {
  #global-header-logo {
    padding: 0 0 1rem 1rem;
  }
}



/*------- ナビエリア -------*/
#nav-area {
  display: flex;
  width: calc(100% - 320px);

  justify-content: space-between;
  align-items: center;
}

/*ヘッダーナビ*/

#top-nav-wrap {
  display: flex;
  width: calc(100% - 150px);

  justify-content: flex-end;
}


/*Facebook*/
#fb-link {
    padding: 2.2rem 2rem 2.2rem 0;
}
#fb-link img {
    width: 20px;
}

@media screen and (max-width: 1024px) {
#fb-link {
    display: none;
}
}


/*お問い合わせボタン*/
#contact-btn {
  width: 150px;
}

#contact-btn a {
  display: block;
  box-sizing: border-box;
  padding: 2rem 1rem;
  width: 100%;
  background: #7FBE26;
  color: #FFF !important;
  text-align: center;
  text-decoration: none;
  letter-spacing: .2rem;
}

header #contact-btn a:hover {
    background: #2CA6E0;
    text-decoration: none !important;
}


@media screen and (min-width: 1025px) {
nav#top-nav {
  margin-right: 4rem;
}

/*ナビメニュー非表示*/
/*ホーム*/
#top-nav li#cc-nav-view-2616438533 {/*ナビメニューID*/
    display: none !important;
}

/*お問い合わせ*/
#top-nav li#cc-nav-view-2616438833 {/*ナビメニューID*/
    display: none !important;
}
}



@media screen and (max-width: 1024px) {
  #contact-btn {
    display: none;
  }
}


/*トップタグ*/
#top-tag {
  background: #2CA6E0;
  width: 300px;
  text-align: center;
}

#top-tag p {
  color: #FFF !important;
}

@media screen and (min-width: 1025px) {
#top-tag {
    position: relative;
    margin-bottom: -30px !important;
}

.cc-indexpage #top-tag {
    margin-bottom: 0 !important;
}
}



@media screen and (max-width: 1024px) {
#top-tag {
    position: absolute;
    width: 100%;
    top: 5.2rem;
}
}


/*------ メインビジュアルレイアウト ------*/

/*メインビジュアルレイアウト共通*/
#main-visual {
  box-sizing: border-box;
  padding: 0;
  min-height: 350px;
  width: 100%;
  height: 30vw;
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/sub-header-default.jpg?t=1583720868) no-repeat center;
  background-size: cover;
}
#main-visual h1{
display: none;
}

/*ミライメラボって？ページ*/
.about-page #main-visual {
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/sub-header-about.jpg?t=1583753593) no-repeat center;
  background-size: cover;
}

/*講座に参加ページ*/
.join-page #main-visual {
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/sub-header-join.jpg?t=1583753846) no-repeat center;
  background-size: cover;
}

/*新着情報ページ*/
.info-page #main-visual {
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/sub-header-info.jpg?t=1583753950) no-repeat center;
  background-size: cover;
}

/*運営会社ページ*/
.company-page #main-visual {
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/sub-header-company.jpg?t=1583753659) no-repeat center;
  background-size: cover;
}

/*お問い合わせページ*/
.contact-page #main-visual {
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/sub-header-contact.jpg?t=1583754052) no-repeat center;
  background-size: cover;
}


/*メインビジュアルレイアウト（トップページのみ）*/
.cc-indexpage #main-visual {
  height: 100vh;
  background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/main-visual.jpg?t=1583719850) no-repeat center;
  background-size: cover;
}

.cc-indexpage #main-visual h1{
display: block;
    visibility: hidden;
}

/*メインビジュアルレイアウト（スマートフォン表示）*/
@media screen and (max-width: 1024px) {
  #main-visual {
    min-height: 270px;
    margin-top: 3rem;
  }

.cc-indexpage #main-visual {
    height: calc(100vh - 6rem);
    margin-top: 3rem;
}
}



/*------ スクロールボタン ------*/
.cc-indexpage #scroll-btn {
  display: flex;
}

#scroll-btn {
  display: none;
  width: 100%;
  height: 250px;
  justify-content: center;
  animation: popping-arrow 3s infinite ease-out;
  position: absolute;
  top: calc(100vh - 35rem);

}

header a.scroll {
    text-decoration: none !important;
    text-align: center;
    background: rgba(255,255,255,.6);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header a.scroll:hover {
    opacity: .5;
}

a.scroll {
  cursor: pointer !importannt;
  position: relative;
  width: 250px;
  height: 250px;
}

span.arrow {
  color: transparent;
}

.scroll span.arrow {
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: 11rem;
  transform: translateY(0) rotate(-45deg);
  border-left: 3px solid #2CA6E0;
  border-bottom: 3px solid #2CA6E0;
  z-index: 2;
}

#scroll-btn span.sc-text {
  font-size: 1.8rem !important;
  color: #2ba7e0 !important;
  text-align: center;
  margin-bottom: 9rem;
}

header a.scroll {
  text-decoration: none !important;
  text-align: center;
}


@keyframes popping-arrow {
  0% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(5rem);
  }

  60% {
    transform: translateY(0);
  }
}


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

#scroll-btn {
  top: calc(100vh - 28rem);
  transform: scale(.8);
}

@keyframes popping-arrow {
  0% {
    transform: scale(.8) translateY(0);
  }

  30% {
    transform: scale(.8) translateY(5rem);
  }

  60% {
    transform: scale(.8) translateY(0);
  }
}
}


@media screen and (max-width: 480px) {
#scroll-btn {
  top: calc(100vh - 26rem);
  transform: scale(.5);
}

a.scroll {
    width: 170px;
    height: 170px;
}

.scroll span.arrow {
    top: 5rem;
   }

@keyframes popping-arrow {
  0% {
    transform: scale(.5) translateY(0);
  }

  30% {
    transform: scale(.5) translateY(5rem);
  }

  60% {
    transform: scale(.5) translateY(0);
  }
}
}



/* =======================================
　コンテンツエリアレイアウト
======================================= */

/*------ コンテンツエリア全体レイアウト ------*/

/*コンテンツエリアレイアウト共通*/
#content {
  position: relative;
  z-index: 1000;
  display: flex;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 2rem;
  max-width: 1160px;
  width: 100%;

  justify-content: space-between;
  scroll-behavior: smooth;
}

/*コンテンツエリアレイアウト（トップページのみ）*/
.cc-indexpage #content {
  z-index: 10;
  margin: 0 auto;
  padding: 0 2rem;
}

@media screen and (max-width: 768px) {
  #content {
    margin: 0;
    padding: 0;

    flex-wrap: wrap;
  }
}



/*------ メインエリアレイアウト ------*/

/*メインエリアレイアウト共通（2カラム）*/
main {
  box-sizing: border-box;
  margin: 0;
  padding: 4rem;
  min-height: 500px;
  max-width: 1200px;
  width: 100%;
  background: #FFF;
}


/*メインエリアレイアウト（トップページのみ）*/
.cc-indexpage main {
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  width: 100%;
  background: transparent;
}


/*メインエリアレイアウト（サブページの1カラム）*/
#subpage-single main {
  /*ページIDに置き換える*/
  margin: 0 auto;
  padding: 3rem 4rem 4rem;
  max-width: 100%;
  width: 100%;
  background: #FFF;
}

@media screen and (max-width: 768px) {
  main {
    padding: 2rem;
    max-width: 100%;
    width: 100%;
  }
}




/* =======================================
　フッターエリアレイアウト
======================================= */

/*------ フッターエリアレイアウト共通 ------*/
footer {
    position: relative;
    z-index: 100;
    background: #F4F4F4;
}


/*------ フッターエリアレイアウト（グローバルフッター） ------*/
footer #global-footer {
  padding: 7rem 4rem;
  min-height: 100px;
}

@media screen and (max-width: 768px) {
  footer #global-footer {
    padding: 7rem 4rem;
  }
}



/*------ フッターエリアレイアウト（ナビゲーション） ------*/
footer nav#footer-nav {
  padding: 2rem 0 0;
  width: 100%
}

@media screen and (max-width: 768px) {
  footer nav#footer-nav {
    display: none;
  }
}


/*------ フッターエリアレイアウト（ボトムエリア） ------*/
footer #footer-bottom {
  padding: 2.5rem 3rem;
  background: #006883;
}

footer #footer-bottom,
footer #footer-bottom p,
footer #footer-bottom span {
  color: #FFF !important;
}

#footer-bottom a {
    color: #CCC !important;
}

footer #footer-bottom .jimdo-free-footer-ad.jimdo-kddi-footer > p {
  margin-left: 188px !important;
  padding-left: 1rem !important;
}

@media screen and (max-width: 480px) {
  footer #footer-bottom .jimdo-free-footer-ad.jimdo-kddi-footer > p {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  footer #footer-bottom .jimdo-free-footer-ad p {
    border: none !important;
  }
}



/* =======================================
　1.トップページ
======================================= */

/*------ 導入コンテンツ content01〜03 ------*/

/*プレビュー*/
.cc-page.cc-pagemode-default main .content-wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
}

.cc-page.cc-pagemode-default main .content-wrap .j-hgrid {
    display: flex;
}

.cc-page.cc-pagemode-default main .content-wrap .j-hgrid {
    min-height: 100vh;
}

.cc-page.cc-pagemode-default main .content-wrap .j-hgrid .cc-m-hgrid-column {
    display: flex;
    align-items: center;
    padding: 5rem;
    box-sizing: border-box;
    width: 50% !important;
}

.cc-page.cc-pagemode-default main .content-wrap .j-hgrid .cc-m-hgrid-column>div,
.cc-page.cc-pagemode-default main .content-wrap .j-hgrid .cc-m-hgrid-column.last>div {
    background: transparent !important;
}


/*コンテンツ01*/
.cc-page.cc-pagemode-default main #content01.content-wrap .j-hgrid .cc-m-hgrid-column {
    background: url(https://image.jimcdn.com/app/cms/image/transf/dimension=1078x10000:format=jpg/path/saea5f21c4e47be52/image/i84fc20767e638bf0/version/1583735358/image.jpg) no-repeat center;
    background-size: cover;
}
.cc-page.cc-pagemode-default main #content01.content-wrap .j-hgrid .cc-m-hgrid-column>div {
    visibility: hidden;
}
.cc-page.cc-pagemode-default main #content01.content-wrap .j-hgrid .cc-m-hgrid-column.last>div {
    visibility: visible;
}


/*コンテンツ02*/
.cc-page.cc-pagemode-default main #content02.content-wrap .j-hgrid .cc-m-hgrid-column.last {
    background: url(https://image.jimcdn.com/app/cms/image/transf/dimension=1078x10000:format=jpg/path/saea5f21c4e47be52/image/i1bd26684edef6b94/version/1583735706/image.jpg) no-repeat center;
    background-size: cover;
}
.cc-page.cc-pagemode-default main #content02.content-wrap .j-hgrid .cc-m-hgrid-column.last>div {
    visibility: hidden;
}


/*コンテンツ03*/
.cc-page.cc-pagemode-default main #content03.content-wrap .j-hgrid .cc-m-hgrid-column {
    background: url(https://image.jimcdn.com/app/cms/image/transf/dimension=1078x10000:format=jpg/path/saea5f21c4e47be52/image/ieb64bb8c2541609b/version/1583736778/image.jpg) no-repeat center;
    background-size: cover;
}
.cc-page.cc-pagemode-default main #content03.content-wrap .j-hgrid .cc-m-hgrid-column>div {
    visibility: hidden;
}
.cc-page.cc-pagemode-default main #content03.content-wrap .j-hgrid .cc-m-hgrid-column.last>div {
    visibility: visible;
}



@media screen and (max-width: 768px) {
.cc-page.cc-pagemode-default main .content-wrap .j-hgrid {
    min-height: auto
}
.cc-page.cc-pagemode-default main #content01.content-wrap .j-hgrid,
.cc-page.cc-pagemode-default main #content03.content-wrap .j-hgrid {
    flex-direction: column-reverse;
}
.cc-page.cc-pagemode-default main #content02.content-wrap .j-hgrid {
    flex-direction: column;
}
.cc-page.cc-pagemode-default main .content-wrap .j-hgrid .cc-m-hgrid-column {
    width: 100% !important;
}
#content01 .j-hgrid {
    margin-top: -3rem;
}
#content02 .j-hgrid {
    margin-bottom: -6rem;
}
#content03 .j-hgrid {
    margin-top: -6rem;
}
}



/*編集画面・プレビュー共通*/

.content-wrap h2, .content-wrap h3, .content-wrap p {
    color: #FFF !important;
}


/*コンテンツ01*/
.cc-page main #content01.content-wrap .j-hgrid .cc-m-hgrid-column.last {
    background: #2DC5EB;
}

/*コンテンツ02*/
.cc-page main #content02.content-wrap .j-hgrid .cc-m-hgrid-column {
    background: #2CA6E0;
}
.cc-page main #content02.content-wrap .j-hgrid .cc-m-hgrid-column.last {
    background: transparent;
}

/*コンテンツ03*/
.cc-page main #content03.content-wrap .j-hgrid .cc-m-hgrid-column.last {
    background: #23B6BC;
}


@media screen and (max-width: 480px) {
.cc-page.cc-pagemode-default main .content-wrap .j-hgrid .cc-m-hgrid-column {
    padding: 0 2rem 4rem;
}
}






/*------ 講座に参加する（ブログ表示） ------*/

/*外枠*/
.cc-page.cc-pagemode-default main #join-wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    padding: 27rem 2rem 10rem;
    box-sizing: border-box;
}

/* パララックス実装 */
.cc-page main #join-wrap:before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-10000000;
    width:100%;
    height:100vh;
    background: url(https://u.jimcdn.com/cms/o/saea5f21c4e47be52/userlayout/img/join-bg.jpg?t=1583743474) no-repeat center;
    background-size: cover;
}

.cc-page main #join-wrap .j-hgrid {
    max-width: 1200px;
    margin: 0 auto;
}


/*見出し*/
#join-wrap h2 {
    text-align: center;
    font-size: 3.6rem;
    margin-bottom: 5rem;
}


/*ブログ枠*/
#join-feed .j-blog.n.clearover.j-blogarticle {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#join-feed .j-blog.n.clearover.j-blogarticle #cc-matrix- {
    width: 48%;
    background: #FFF;
    box-shadow: 1px 1px 7px rgba(0,0,0,.3);
    margin: 2% 0;
}

/*大見出し*/
#join-feed .j-blog.n.clearover.j-blogarticle #cc-matrix-:nth-of-type(1) {
    display: none;
}

#join-feed .j-blog.n.clearover.j-blogarticle:after {
    content: none !important;
}


/*ブログ投稿*/
section.join-blog h2 {
    text-align: left !important;
}

#join-feed .j-hgrid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#join-feed .j-hgrid .cc-m-hgrid-column {
    width: 100% !important;
}

#join-feed .j-hgrid .cc-m-hgrid-column #cc-matrix-2 {
    padding: 2rem 3rem 0;
}

#join-feed .j-hgrid .cc-m-hgrid-column #cc-m-1.j-spacing {
    display: none;
}

#join-feed .cc-m-spacing-wrapper {
    display: none;
}

#join-feed .j-blog.n.clearover.j-blogarticle .cc-m-hgrid-column.last #cc-m-1:nth-of-type(3) {
    line-height: 1.5;
    font-size: 1.4rem;
}



@media screen and (max-width: 767px) {/*iPad以下のサイズ*/
/*外枠*/
.cc-page.cc-pagemode-default main #join-wrap {
    padding: 5rem 2rem;
}

#join-feed .j-blog.n.clearover.j-blogarticle #cc-matrix- {
    width: 100%;
}
}


@media screen and (max-width: 480px) {
#join-wrap h2 {
    font-size: 2.8rem;
    margin-bottom: 5rem;
}

#join-feed .j-blog.n.clearover.j-blogarticle #cc-matrix- {
    margin-bottom: 5rem;
}

#join-feed .j-hgrid .cc-m-hgrid-column #cc-matrix-2 {
    padding: 2rem 1.5rem 0;
}

#join-feed .j-blog.n.clearover.j-blogarticle .cc-m-hgrid-column.last h2.j-blog-headline.j-blog-post--headline {
    font-size: 2rem !important;
}

}





/*------ MIRAIME.Lab ギャラリー ------*/

/*外枠*/
#gallery-wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #FFF;
    padding: 3rem 0;
}

#gallery-wrap .j-hgrid {
    max-width: 1120px;
    margin: 0 auto;
}

.cc-page.cc-pagemode-default main #cc-m-14328374133 {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 0;
}

/*見出し*/
#gallery-wrap h2 {
    text-align: center;
    font-size: 3.6rem;
    margin-bottom: 6rem;
}


@media screen and (max-width: 480px) {
#gallery-wrap {
    padding: 1rem 0;
}

#gallery-wrap h2 {
    font-size: 2.8rem;
    margin-bottom: 3rem;
}
}


/*------ 新着情報 ------*/
/*外枠*/
#info-wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #FFF;
    padding: 3rem 0 10rem;
}

#info-wrap .j-hgrid {
    max-width: 1120px;
    margin: 0 auto;
}

/*大見出し*/
#info-feed .j-blog.n.clearover.j-blogarticle #cc-matrix-:nth-of-type(1) {
    display: none;
}

/*見出し*/
#info-wrap h2 {
    text-align: center;
    font-size: 3.6rem;
    margin-bottom: 6rem;
}

/*ブログ投稿*/
#info-wrap section.info-blog h2 {
    text-align: left !important;
}


@media screen and (max-width: 480px) {
#info-wrap {
    padding: 0 1.5rem 5rem;
    box-sizing: border-box;
}

#info-wrap h2 {
    font-size: 2.8rem;
    margin-bottom: 4rem;
}

#info-feed .cc-m-hgrid-column {
    width: 30% !important;
}
#info-feed .cc-m-hgrid-column.last {
    width: 68% !important;
}

#info-wrap .j-blog.n.clearover.j-blogarticle .cc-m-hgrid-column.last #cc-m-1:nth-of-type(1) {
    display: none;
}
#info-wrap .j-blog-meta h2 {
    font-size: 1.6rem !important;
}
#info-wrap .j-blog.n.clearover.j-blogarticle .cc-m-hgrid-column.last #cc-m-1:nth-of-type(3) {
    line-height: 1.3;
    font-size: 1.2rem;
}

#info-feed .cc-m-spacing-wrapper {
    display: none;
}
}





/*------ 代表略歴 ------*/
/*外枠*/
#profile-wrap {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    background: #E3E3E3;
    padding: 10rem 2rem;
    box-sizing: border-box;
}

#profile-wrap .j-hgrid {
    max-width: 1120px;
    margin: 0 auto;
}

/*見出し*/
#profile-wrap h2 {
    margin: 0 0 2rem;
}

/*名前*/
.name {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.name p {
    display: inline-block;
}

p.name-large {
    font-size: 2.4rem !important;
    font-weight: bold;
}

p.name-small {
    font-size: 1.4rem !important;
    font-weight: bold;
    margin: 0 2rem !important;
    color: #888 !important;
}


@media screen and (max-width: 480px) {
#profile-wrap {
    padding: 4rem 2rem;
}

#profile-wrap h2 {
    font-size: 2.8rem;
}
}



/*------ お問い合わせ ------*/

input {
    line-height: 3 !important;
    padding: 0 2rem !important;
}

textarea {
    line-height: 2 !important;
    padding: 2rem !important;
}


/*送信ボタン*/
.j-formnew input[type="submit"] {
    background: #2aa8e1;
    color: #FFF;
    border: 2px solid #2aa8e1 !important;
}

.j-formnew input[type="submit"]:hover {
    background: transparent;
    color: #2aa8e1;
}

p.cc-m-form-note {
    padding-left: 2rem !important;
}

@media screen and (max-width: 480px) {
input, textarea {
    width: 100% !important;
    box-sizing: border-box;
}
}



/* =======================================
　ブログ記事ページ
======================================= */

.cc-page-blog #main-visual {
    display: none;
}
.cc-page-blog #content {
    margin-top: 5rem;
}

}