@charset "UTF-8";
/*メディアクエリ*/
/*WordPress対策・全ページ余白なし*/

/*エントリーフォーム*/

.fmap000{margin-bottom:60px;}

.container-new-icon {
      display: flex;
    flex-wrap: wrap;

		}
.icon-box {
width: 320px;
    margin: 10px;
    background-color: #ebe1ed;
    text-align: center;
		}
.icon-box p {
    text-align: left;
}
.icon-box h3 {
 font-size:20px;
    color: #c878b9;
}
p.toi-tel{
font-size: 36px;
    font-weight: bold;
    text-align: center;
color: #000000;
}
.icon-box img{height:50px;}

.icon-box a:{
    text-decoration: none;
}
.no-float3{
    padding:10px 20px;
}

/*== 上に移動し影がついて浮き上がる */

/*ボタンの形状*/
.float3{
	position:relative;
	top:0;
    padding:10px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none!important;
    outline: none;
    min-height: 200px;
    /*アニメーションの設定*/
    transition: all .3s;
}

/*hoverをしたらボックスに影がつき、上に上がる*/
.float3:hover {
	top:-3px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

.contact-box {
    background: #c878b9;
    top: 160px;
}

.entry__content {
    margin: 0 auto;
    width: 1100px;
    background: #ffffff;
    padding: 30px;
}
span.red {
    color: #ff0000;
    font-weight: bold;
    padding-right: 12px;
}
.requirements_table{width:100%;}
.requirements_table th{width:25%;padding:20px;border-right:1px solid #575756;}
.requirements_table td{width:75%;padding:20px;}
.requirements_table tr{background:#fff;}
.requirements_table tr:nth-child(even) {background:#f0f0f0;}
input.Form-Btn {
    font-size: 18px;
    padding: 12px 30px;
}
input[type="text"] {
    font-size: 16px;
    padding: 10px;
}
input[type="email"] {
    font-size: 16px;
    padding: 10px;
    width: 90%;
}
select {
    font-size: 16px;
    padding: 10px;
}
textarea {
width: 90%;
    font-size: 16px;
    padding: 10px;
}


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

.icon-box {
    width: 100%;
}
p.toi-tel{
font-size: 28px;
}
.icon-box p {
    line-height: 2rem;
}

/*キービジュアル文言*/
.fadeIn {display:none;}
.topKv__content{margin-bottom:20px;}

  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  main {
    padding: 60px 0 0 0; /*SPヘッダーの高さ*/
  }
.entry__content {
    margin: 0 auto;
    width: 90%;
    background: #ffffff;
    padding: 0px;
        padding: 12px;
}

.requirements_table th {
    display: inline-block;
    width: 100%;
    float: left;
padding: 12px 0 0 12px;
        border-right: 0px;
        text-align: left;
}
.requirements_table td {
    display: inline-block;
    width: 100%;
    float: left;
padding: 10px 0 10px 0;
}

}

/*エントリーフォーム*/


* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
}

img {
  vertical-align: bottom; /*画像の下に余白を作らない*/
  max-width: 100%;
}

a {
  text-decoration: none; /*aタグに下線がつかない*/
}

main {
  /*各ページの固有の内容を囲むクラス*/
  z-index: 1;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
  main {
    padding: 160px 0 0 0; /*PCヘッダーの高さ*/
  }
  /*電話番号をクリックしても自動発信しない*/
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  main {
    padding: 60px 0 0 0; /*SPヘッダーの高さ*/
  }
}
.fadeUpTrigger {
  opacity: 0;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInTrigger {
  opacity: 0;
}

.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

p.indent {
  padding-left: 1em;
  text-indent: -1em;
}

/*会社概要・代表挨拶*/
@media screen and (min-width: 769px) {
  #com {
width:1100px;
margin:0 auto;
  }
  #com .com-info__container {
    position: relative;
    width: 100%;
    height: auto;
background-image: url('../image/top/img-company.jpg'); /* 画像のパスを指定 */
  background-size: cover;                  /* 画面全体に画像をカバーさせる */
  background-repeat: no-repeat;            /* 画像の繰り返しを防ぐ */
background-size: 409px 226px; /* 幅300px、高さ200px */

  }
  #com .com-info__container h2 {
    display: block;
    margin-bottom: 50px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 4.5px;
    text-align: center;
    color: #333333;
  }
  #com .com-info__container h2 span {
    display: block;
    margin-bottom: 5px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.7px;
    text-align: center;
    color: #c878b9;
  }
  #com .com-info__container .com-info__content {
margin-left: 310px;
        margin-top: 50px;
  }
  #com .com-info__container .com-info__content table {
    position: relative;
    width: 100%;
    height: auto;
    border-collapse: collapse;
  }
  #com .com-info__container .com-info__content table th {
    position: relative;
    width: 150px;
    padding-bottom: 25px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.3px;
    line-height: 1;
    text-align: left;
    color: #000;
    vertical-align: top;
  }
  #com .com-info__container .com-info__content table th span {
    color: #27a7e1;
  }
  #com .com-info__container .com-info__content table td {
    position: relative;
    width: 490px;
    padding-bottom: 10px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.3px;
    line-height: 2;
    text-align: left;
    color: #000;
    vertical-align: top;
  }
  #com .com-info__container .com-info__content img {
    width: 100%;
    height: auto;
  }
  #com .com-greet__container {
    position: relative;
    width: 1100px;
    height: auto;
    margin: 50px auto 70px;
  }
  #com .com-greet__container h2 {
    display: block;
    margin-bottom: 30px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 4.5px;
    text-align: center;
    color: #333333;
  }
  #com .com-greet__container h2 span {
    display: block;
    margin-bottom: 5px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.7px;
    text-align: center;
    color: #c878b9;
  }
  #com .com-greet__container .com-greet__text {
    position: relative;
    width: 100%;
    height: auto;
  }
  #com .com-greet__container .com-greet__text img {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: auto;
  }
  #com .com-greet__container .com-greet__text h3 {
    position: relative;
    margin-bottom: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.46;
    letter-spacing: 5px;
    text-align: left;
    color: #b3dd3d;
  }
  #com .com-greet__container .com-greet__text h3 small {
    position: absolute;
    top: 20px;
    left: 400px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 5px;
    text-align: center;
    color: #333333;
  }
  #com .com-greet__container .com-greet__text p {
    margin-bottom: 30px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 1.5px;
    text-align: left;
    color: #333333;
  }
  #com .com-greet__container .com-greet__text p:nth-of-type(1), #com .com-greet__container .com-greet__text p:nth-of-type(2) {
    display: block;
    width: 660px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  #com {
    position: relative;
    width: 100%;
    height: auto;
  }
  #com .com-info__container {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
background-image: url('../image/top/img-company.jpg'); /* 画像のパスを指定 */
  background-size: cover;                  /* 画面全体に画像をカバーさせる */
  background-repeat: no-repeat;            /* 画像の繰り返しを防ぐ */
background-size: 300px auto; /* 幅300px、高さ200px */
background-position: 155px 30px;
  }
  #com .com-info__container h2 {
    display: block;
    margin-bottom: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 3px;
    text-align: center;
    color: #333333;
  }
  #com .com-info__container h2 span {
    display: block;
    margin-bottom: 3px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.5px;
    text-align: center;
    color: #c878b9;
  }
  #com .com-info__container .com-info__content {
    display: grid;
    grid-template-columns: 300px;
    row-gap: 20px;
    justify-content: center;
  }
  #com .com-info__container .com-info__content table {
    grid-column: 1/1;
    grid-row: 2/3;
    position: relative;
    width: 100%;
    height: auto;
    border-collapse: collapse;
  }
  #com .com-info__container .com-info__content table th {
    display: block;
    position: relative;
    margin-bottom: 10px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.3px;
    line-height: 1;
    text-align: left;
    color: #000;
    vertical-align: top;
  }
  #com .com-info__container .com-info__content table th span {
    color: #27a7e1;
  }
  #com .com-info__container .com-info__content table td {
    display: block;
    position: relative;
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1.3px;
    line-height: 2;
    text-align: left;
    color: #000;
    vertical-align: top;
  }
  #com .com-info__container .com-info__content img {
    grid-column: 1/1;
    grid-row: 1/2;
    width: 100%;
    height: auto;
  }
  #com .com-greet__container {
    position: relative;
    width: 300px;
    height: auto;
    margin: 30px auto 50px;
  }
  #com .com-greet__container h2 {
    display: block;
    margin-bottom: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 3px;
    text-align: center;
    color: #333333;
  }
  #com .com-greet__container h2 span {
    display: block;
    margin-bottom: 3px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.5px;
    text-align: center;
    color: #c878b9;
  }
  #com .com-greet__container .com-greet__text {
    position: relative;
    width: 100%;
    height: auto;
  }
  #com .com-greet__container .com-greet__text img {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  #com .com-greet__container .com-greet__text h3 {
    position: relative;
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.46;
    letter-spacing: 2px;
    text-align: left;
    color: #b3dd3d;
  }
  #com .com-greet__container .com-greet__text h3 small {
    position: absolute;
    top: 20px;
    left: 400px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 3.5px;
    text-align: center;
    color: #333333;
  }
  #com .com-greet__container .com-greet__text p {
    margin-bottom: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 1px;
    text-align: left;
    color: #333333;
  }
}
/*業務内容*/
@media screen and (min-width: 769px) {
  #work {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 65px;
  }
  #work h2 {
    display: block;
    margin-bottom: 50px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 4.5px;
    text-align: center;
    color: #333333;
  }
  #work h2 span {
    display: block;
    margin-bottom: 5px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.7px;
    text-align: center;
    color: #c878b9;
  }
  #work .work__content-1 {
    position: relative;
    width: 700px;
    height: auto;
    margin: 0 auto 30px;
  }
  #work .work__content-1::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 177px;
    left: 336px;
    background-color: #fff;
  }
  #work .work__content-1 .work__content-1-mainImg {
    width: 100%;
    height: auto;
  }
  #work .work__content-1 .work__content-1-img-1 {
    position: absolute;
    top: 6px;
    left: 270px;
    width: 162px;
    height: auto;
  }
  #work .work__content-1 .work__content-1-img-1 img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
  }
  #work .work__content-1 .work__content-1-img-2 {
    position: absolute;
    top: 175px;
    left: 502px;
    width: 162px;
    height: auto;
  }
  #work .work__content-1 .work__content-1-img-2 img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
  }
  #work .work__content-1 .work__content-1-img-3 {
    position: absolute;
    top: 447px;
    left: 414px;
    width: 162px;
    height: auto;
  }
  #work .work__content-1 .work__content-1-img-3 img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
  }
  #work .work__content-1 .work__content-1-img-4 {
    position: absolute;
    top: 447px;
    left: 126px;
    width: 162px;
    height: auto;
  }
  #work .work__content-1 .work__content-1-img-4 img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
  }
  #work .work__content-1 .work__content-1-img-5 {
    position: absolute;
    top: 175px;
    left: 39px;
    width: 162px;
    height: auto;
  }
  #work .work__content-1 .work__content-1-img-5 img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
  }
  #work .work__content-1 .work__content-1-img-1:hover img,
  #work .work__content-1 .work__content-1-img-2:hover img,
  #work .work__content-1 .work__content-1-img-3:hover img,
  #work .work__content-1 .work__content-1-img-4:hover img,
  #work .work__content-1 .work__content-1-img-5:hover img {
    cursor: pointer;
    transform: scale(1.1);
  }
  #work .work__content-2 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #work .work__content-2 a {
    display: block;
  }
  #work .work__content-2 a img {
    transition: 0.3s ease-in-out;
  }
  #work .work__content-2 a:hover img {
    opacity: 0.5;
  }
  #work .work__content-2 a:nth-of-type(1) {
    width: 175px;
    margin-right: 85px;
  }
  #work .work__content-2 a:nth-of-type(2) {
    width: 215px;
    margin-right: -7.5px;
  }
  #work .work__content-2 a:nth-of-type(3) {
    width: 340px;
    margin-right: 45px;
  }
  #work .work__content-2 a:nth-of-type(4) {
    width: 165px;
  }
}
@media screen and (max-width: 768px) {
  #work {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  #work h2 {
    display: block;
    margin-bottom: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 3px;
    text-align: center;
    color: #333333;
  }
  #work h2 span {
    display: block;
    margin-bottom: 3px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.5px;
    text-align: center;
    color: #c878b9;
  }
  #work .work__content-1 {
    position: relative;
    width: 320px;
    height: auto;
    margin: 0 auto 20px;
  }
  #work .work__content-1 img {
    width: 100%;
    height: auto;
  }
  #work .work__content-1::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 69px;
    left: 152px;
    background-color: #fff;
  }
  #work .work__content-1 .work__content-1-img-1,
  #work .work__content-1 .work__content-1-img-2,
  #work .work__content-1 .work__content-1-img-3,
  #work .work__content-1 .work__content-1-img-4,
  #work .work__content-1 .work__content-1-img-5 {
    display: none;
  }
  #work .work__content-2 {
    display: grid;
    grid-template-rows: repeat(4, auto);
    row-gap: 20px;
    justify-content: center;
    justify-items: center;
  }
  #work .work__content-2 a {
    display: block;
  }
  #work .work__content-2 a:nth-of-type(1) {
    width: 140px;
  }
  #work .work__content-2 a:nth-of-type(2) {
    width: 170px;
  }
  #work .work__content-2 a:nth-of-type(3) {
    z-index: -1;
    position: relative;
    width: 270px;
    margin-top: -60px;
    margin-bottom: -50px;
  }
  #work .work__content-2 a:nth-of-type(4) {
    width: 130px;
  }
}
/*採用情報*/
@media screen and (min-width: 769px) {
  #rec {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 50px;
  }
  #rec h2 {
    display: block;
    margin-bottom: 50px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 4.5px;
    text-align: center;
    color: #333333;
  }
  #rec h2 span {
    display: block;
    margin-bottom: 5px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 35px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.7px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__anker {
    display: flex;
    position: relative;
    -moz-column-gap: 110px;
         column-gap: 110px;
    justify-content: center;
    margin-bottom: 40px;
    right: 30px;
  }
  #rec .rec__anker a {
    display: block;
  }
  #rec .rec__anker a img {
    display: block;
  }
  #rec .rec__anker a p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 4px;
    text-align: center;
    color: #a2c92a;
  }
  #rec .rec__anker a.rec__anker-1 img {
    width: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  #rec .rec__anker a.rec__anker-2 img {
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 22px;
  }
  #rec .rec__anker a.rec__anker-3 img {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 19px;
  }
  #rec .rec__about {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    background-color: rgba(188, 157, 196, 0.3);
  }
  #rec .rec__about .rec__about-text {
    position: relative;
    width: 1100px;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
  }
  #rec .rec__about .rec__about-text h3 {
    margin-bottom: 40px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 10px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__about .rec__about-text p {
    display: block;
    width: 900px;
    height: auto;
    margin: 0 auto;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2.5px;
    text-align: left;
    color: #333333;
  }
  #rec .rec__voice {
    position: relative;
    width: 1100px;
    height: auto;
    margin: 0 auto 50px;
  }
  #rec .rec__voice h3 {
    margin-bottom: 40px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 10px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__voice .rec__voice-content {
    position: relative;
    width: 100%;
    height: auto;
  }
  #rec .rec__voice .rec__voice-content img {
    position: absolute;
    width: 170px;
    height: auto;
    top: 0;
    right: 0;
  }
  #rec .rec__voice .rec__voice-content .rec__voice-text {
    position: relative;
    width: 910px;
    height: auto;
  }
  #rec .rec__voice .rec__voice-content .rec__voice-text h4 {
    margin-bottom: 5px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 3px;
    text-align: left;
    color: #b3dd3d;
  }
  #rec .rec__voice .rec__voice-content .rec__voice-text p {
    margin-bottom: 10px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: left;
    color: #333;
  }
  #rec .rec__flow {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: rgba(188, 157, 196, 0.3);
  }
  #rec .rec__flow::before {
    content: "";
    display: block;
    position: absolute;
    top: 155px;
    left: calc(50% - 537px);
    width: 1px;
    height: 289px;
    border-left: dashed 1px #c878b9;
  }
  #rec .rec__flow h3 {
    margin-bottom: 40px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 10px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__flow .rec__flow-text {
    display: grid;
    grid-template-columns: 300px 700px;
    -moz-column-gap: 45px;
         column-gap: 45px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  #rec .rec__flow .rec__flow-text:nth-of-type(1) h4 {
    grid-template-columns: 125px 1fr;
  }
  #rec .rec__flow .rec__flow-text:nth-of-type(2) h4 {
    grid-template-columns: 300px 1fr;
  }
  #rec .rec__flow .rec__flow-text:nth-of-type(3) h4 {
    grid-template-columns: 140px 1fr;
  }
  #rec .rec__flow .rec__flow-text:nth-of-type(4) h4 {
    grid-template-columns: 210px 1fr;
  }
  #rec .rec__flow .rec__flow-text:nth-of-type(5) h4 {
    grid-template-columns: 140px 1fr;
  }
  #rec .rec__flow .rec__flow-text h4 {
    display: grid;
    position: relative;
    -moz-column-gap: 60px;
         column-gap: 60px;
    align-items: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 3px;
    text-align: left;
    color: #000000;
  }
  #rec .rec__flow .rec__flow-text h4::before {
    content: "●";
    position: absolute;
    top: 50%;
    left: -22.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 3px;
    text-align: left;
    color: #c878b9;
  }
  #rec .rec__flow .rec__flow-text h4 span {
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: dashed 1px #000;
  }
  #rec .rec__flow .rec__flow-text p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2.5px;
    text-align: left;
    color: #333;
  }
  #rec .rec__yoko {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 20px;
  }
  #rec .rec__yoko h3 {
    margin-bottom: 40px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 10px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__yoko .rec__yoko-text {
    display: grid;
    grid-template-columns: 300px 725px;
    -moz-column-gap: 45px;
         column-gap: 45px;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  #rec .rec__yoko .rec__yoko-text:nth-of-type(1) h4 {
    grid-template-columns: 150px 1fr;
  }
  #rec .rec__yoko .rec__yoko-text:nth-of-type(2) h4 {
    grid-template-columns: 100px 1fr;
  }
  #rec .rec__yoko .rec__yoko-text:nth-of-type(3) h4 {
    grid-template-columns: 60px 1fr;
  }
  #rec .rec__yoko .rec__yoko-text:nth-of-type(4) h4 {
    grid-template-columns: 80px 1fr;
  }
  #rec .rec__yoko .rec__yoko-text:nth-of-type(5) h4 {
    grid-template-columns: 100px 1fr;
  }
  #rec .rec__yoko .rec__yoko-text:nth-of-type(6) h4 {
    grid-template-columns: 80px 1fr;
  }
  #rec .rec__yoko .rec__yoko-text h4 {
    display: grid;
    position: relative;
    -moz-column-gap: 60px;
         column-gap: 60px;
    align-items: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 3px;
    text-align: left;
    color: #000000;
  }
  #rec .rec__yoko .rec__yoko-text h4::before {
    content: "●";
    position: absolute;
    top: 50%;
    left: -22.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 3px;
    text-align: left;
    color: #c878b9;
  }
  #rec .rec__yoko .rec__yoko-text h4 span {
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: dashed 1px #000;
  }
  #rec .rec__yoko .rec__yoko-text p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2.5px;
    text-align: left;
    color: #333;
  }
  #rec .rec__link {
    position: relative;
    width: 100%;
    height: 200px;
  }
  #rec .rec__link a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #rec .rec__link a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #rec .rec__link a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 0 50px 0 80px;
    background-color: #a2c92a;
    border-radius: 40px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 70px;
    letter-spacing: 9px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) {
  #rec {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 50px;
  }
  #rec h2 {
    display: block;
    margin-bottom: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: 3px;
    text-align: center;
    color: #333333;
  }
  #rec h2 span {
    display: block;
    margin-bottom: 3px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 0.5px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__anker {
    display: flex;
    position: relative;
    -moz-column-gap: 30px;
         column-gap: 30px;
    justify-content: center;
    margin-bottom: 25px;
    right: 10px;
  }
  #rec .rec__anker a {
    display: block;
  }
  #rec .rec__anker a img {
    display: block;
  }
  #rec .rec__anker a p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 2px;
    text-align: center;
    color: #a2c92a;
  }
  #rec .rec__anker a.rec__anker-1 img {
    width: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
  }
  #rec .rec__anker a.rec__anker-2 img {
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 17.5px;
  }
  #rec .rec__anker a.rec__anker-3 img {
    width: 65px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  #rec .rec__about {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    background-color: rgba(188, 157, 196, 0.3);
  }
  #rec .rec__about .rec__about-text {
    position: relative;
    width: 91%;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
  }
  #rec .rec__about .rec__about-text h3 {
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 7px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__about .rec__about-text p {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2px;
    text-align: left;
    color: #333333;
  }
  #rec .rec__voice {
    position: relative;
    width: 300px;
    height: auto;
    margin: 0 auto 30px;
  }
  #rec .rec__voice h3 {
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 7px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__voice .rec__voice-content {
    position: relative;
    width: 100%;
    height: auto;
  }
  #rec .rec__voice .rec__voice-content img {
    display: block;
    width: 200px;
    height: auto;
    margin: 0 auto 20px;
  }
  #rec .rec__voice .rec__voice-content .rec__voice-text {
    position: relative;
    width: 100%;
    height: auto;
  }
  #rec .rec__voice .rec__voice-content .rec__voice-text h4 {
    margin-bottom: 5px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: left;
    color: #b3dd3d;
  }
  #rec .rec__voice .rec__voice-content .rec__voice-text p {
    margin-bottom: 7px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.7px;
    text-align: left;
    color: #333;
  }
  #rec .rec__flow {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 15px;
    background-color: rgba(188, 157, 196, 0.3);
  }
  #rec .rec__flow h3 {
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 7px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__flow .rec__flow-text {
    display: grid;
    grid-template-columns: 300px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  #rec .rec__flow .rec__flow-text h4 {
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 2px;
    text-align: left;
    color: #000000;
  }
  #rec .rec__flow .rec__flow-text h4::before {
    content: "●";
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 2px;
    text-align: left;
    color: #c878b9;
  }
  #rec .rec__flow .rec__flow-text h4 span {
    display: none;
  }
  #rec .rec__flow .rec__flow-text p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2px;
    text-align: left;
    color: #333;
  }
  #rec .rec__yoko {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 15px;
  }
  #rec .rec__yoko h3 {
    margin-bottom: 15px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 7px;
    text-align: center;
    color: #c878b9;
  }
  #rec .rec__yoko .rec__yoko-text {
    display: grid;
    grid-template-columns: 300px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }
  #rec .rec__yoko .rec__yoko-text h4 {
    position: relative;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 2px;
    text-align: left;
    color: #000000;
  }
  #rec .rec__yoko .rec__yoko-text h4::before {
    content: "●";
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 2px;
    text-align: left;
    color: #c878b9;
  }
  #rec .rec__yoko .rec__yoko-text h4 span {
    display: none;
  }
  #rec .rec__yoko .rec__yoko-text p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 2px;
    text-align: left;
    color: #333;
  }
  #rec .rec__link {
    position: relative;
    width: 100%;
    height: 150px;
  }
  #rec .rec__link a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  #rec .rec__link a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #rec .rec__link a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 0 25px 0 40px;
    background-color: #a2c92a;
    border-radius: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 4.5px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
  }
}/*# sourceMappingURL=page.css.map */