@charset "UTF-8";
/* SASS Document */
/* Conpornent=====================================================*/
/*spacing*/
.paddingNormal {padding: 16px !important;}
.paddingBottom8 {padding-bottom: 8px !important;}
.paddingBottom16 {padding-bottom: 16px !important;}
.paddingBottom32 {padding-bottom: 32px !important;}
.paddingBottom48 {padding-bottom: 48px !important;}
.marginNormal {margin: 16px !important;}
.marginBottom8 {margin-bottom: 8px !important;}
.marginBottom16 {margin-bottom: 16px !important;}
.marginBottom32 {margin-bottom: 32px !important;}
.marginBottom48 {margin-bottom: 48px !important;}
.marginTop8 {margin-top: 8px !important;}
.marginTop16 {margin-top: 16px !important;}
.marginTop32 {margin-top: 32px !important;}
.marginTop48 {margin-top: 48px !important;}
.backgroundColor_EFEFEF {background-color: #EFEFEF !important;}
.backgroundColor_F5F5FE {background-color: #F5F5FE !important;}

/*typography*/
.content_contentsWrap {font-family: Roboto,sans-serif;}
.guide_typography_colorRED {color: #E50012;}

.guide_typography_h1 {
  border-bottom: 4px solid #CCC;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 16px;
}
.guide_typography_h2 {
  border-bottom: 1px solid #CCC;
  font-size: 23.4px;
  font-weight: 600;
}
.guide_typography_h3 {
  font-size: 20.8px;
  font-weight: 600;
}
.guide_typography_body {
  font-size: 13px;
}

@media (max-width: 768px) {
  .guide_typography_h1 {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .guide_typography_h2 {
    font-size: 1.1rem;
    font-weight: 600;
  }
  .guide_typography_h3 {
    font-size: 1rem;
    font-weight: 600;
  }
  .guide_typography_body {
    font-size: .8rem;
  }
}

/*　Layout=====================================================*/
.content_contentsWrap {padding: 16px 0;}
.content_inner {margin: 0 auto; color: #333;}
.sectionBlock {margin-bottom: 48px;}

.borderBlock {
  border: 1px solid #CCC;
  box-sizing: border-box;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .content_contentsWrap {padding-top: 32px;}

  .content_inner {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }
}

/*　Heading=====================================================*/
.guide_typography_h1 + p {
  margin-bottom: 32px;
}

/*　Content=====================================================*/
.guide_flexBlock {display: flex;}
.object_fit_img {border: 1px solid #CCC;}
.openImageBlock p {text-align: right;}
.guide_flex1Block {flex: 1;}

@media (max-width: 768px) {
  .guide_flex1Block {width: 100%;}
  .openImageBlock {width: 70px;}
}

/*-------------------------------------↓　追記2026.05.27　↓------------------------------------------*/

html {scroll-behavior: smooth;}/*　リンクスクロールゆっくり　*/
.sectionBlock a:link,.sectionBlock a:visited{color:#0074be;text-decoration:none}
.sectionBlock a:active,.sectionBlock a:focus,.sectionBlock a:hover{text-decoration:underline}
.backgroundColor_F2F2F2 {background-color: #F2F2F2 !important;}
.pr10 {padding: 0 10px 0 0;}

/*　メールエリア　*/
.mail_list {margin: 0 1rem;}
.mail_icon {vertical-align: text-bottom;}
.mail_area h3 img{
    position: absolute;
    top: 4px;
    left: 0 !important;
}
.mail_h3 {
    position: relative;
    padding-left: 38px;
    zoom: 1;
}

/*　矢印アイコン　*/
.arrow_r {
  position: relative;
  display: inline-block;
  padding-left: 10px;
}
.arrow_r:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #0074be;
  border-right: solid 1px #0074be;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

/*-------------------------------------↓　追記2026.06.18　↓------------------------------------------*/
/*button arrow*/
/* line 51, guide.scss */
a.link_withArrow {
  display: block;
  text-decoration: none;
  padding-right: 38px !important;
  position: relative;
  transform: .1s;
}

/* line 52, guide.scss */
a.link_withArrow:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: #AAA 2px solid;
  border-right: #AAA 2px solid;
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -3px;
}

/* line 53, guide.scss */
a.link_withArrow:hover {
  background-color: #F2F2F2 !important;
  transition: .1s;
}

/* line 54, guide.scss */
a.link_withArrow:active {
  background-color: #CCCCCC !important;
  transition: .1s;
}

/*button*/
/* line 57, guide.scss */
a.guide_btnNormal:link {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  text-decoration: none;
  transition: .2s;
  display: inline-block;
  width: 32%;
  margin: 0 1% 1% 0;
  background-color: #FFF;
  color: #333333;
}

/* line 58, guide.scss */
a.guide_btnNormal:visited {
  text-decoration: none;
  transition: .2s;
  border: 1px solid #DDD;
  color: #333333;
}

/* line 59, guide.scss */
a.guide_btnNormal:hover {
  text-decoration: none;
  background-color: #F2F2F2;
  transition: .2s;
  border: 1px solid #DDD;
}

/* line 60, guide.scss */
a.guide_btnNormal:active {
  text-decoration: none;
  background-color: #CCCCCC;
  transition: .2s;
  border: 1px solid #DDD;
}

@media (max-width: 768px) {
  /* line 70, guide.scss */
  a.guide_btnNormal:link {
    display: block;
    width: 100%;
    margin: 0 1% 1% 0;
  }
}