body {
  background: #fff;
}
h2, h3, h4, p {
  margin: 0;
  color: #162866;
}


/*====================================================================
スライダーサンプル案
====================================================================*/
.slider_1 {
  width: 700px;
}
.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 300px;
  margin: 0 auto;
}




/*====================================================================
共通
====================================================================*/
.common_subtitle_left {
  text-align: left;
}
.common_subtitle_left p {
}
.common_subtitle_left h3 {
  margin-bottom: 15px;
  font-size: 36px;
  font-family: serif;
}
.common_subtitle_left img {
  width: 70px;
  height: 5px;
  margin-bottom: 40px;
}

.common_subtitle_center {
  text-align: center;
}
.common_subtitle_center p {
}
.common_subtitle_center h3 {
  margin-bottom: 15px;
  font-size: 36px;
  font-family: serif;
}
.common_subtitle_center img {
  width: 70px;
  height: 4px;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}


/*====================================================================
top
====================================================================*/
#top {
  margin-top: 100px;
}
.topimg_area {
  position: relative;
}
.top_back {
  width: 100%;
  position: relative;
}
.top_txt_area {
  position: absolute;
  z-index: 3;
  bottom: 30px;
  left: 50px;
  font-weight: bold;
  width: 770px;
}
.top_txt_area h2 {
  font-size: 54px;
  color: #fff;
  font-family: serif;
  filter: drop-shadow(2px 4px 3px #000);
}
.top_txt_area p {
  margin-top: 10px;
  font-size: 20px;
  color: #fff;
  filter: drop-shadow(2px 4px 3px #000);
}

/* スライダー部分 */
.slider {
  position:relative;
	margin: 0;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    z-index: 3;
    top: 45%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 4px solid #162866;/*矢印の色*/
    border-right: 4px solid #162866;/*矢印の色*/
    height: 40px;
    width: 40px;
}
.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}
.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}
.slick-prev:before, .slick-next:before {
  display: none;
}
.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}

/*ドットナビゲーションの設定*/
.slick-dots {
	position: relative;
	z-index: 3;
	text-align:center;
	margin:-30px 0 0 0;
}
.slick-dots li {
	display:inline-block;
	margin:0 5px;
}
.slick-dots button {
	color: transparent;
	outline: none;
	width:8px;/*ドットボタンのサイズ*/
	height:8px;/*ドットボタンのサイズ*/
	display:block;
	border-radius:50%;
	background:#ccc;/*ドットボタンの色*/
	border: none;
	padding: 0;
}  



/*====================================================================
link
====================================================================*/
#link {
  background: #F2F4F9;
  padding: 70px 0;
}
.link_flex {
  display: flex;
  justify-content: space-between;
  justify-content: space-around;
  margin: 0 auto;
  max-width: 1000px;
}
.link_block {
  width: 300px;
  display: block;
}
.link_block img {
  width: 100%;
}
.link_txt {
  width: 100%;
  padding: 20px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
.link_txt p {
  color: #fff;
  line-height: 1.5;
}
.link_txt i {
  color: #fff;
  padding: 5px 10px;
  border: solid 1px #fff;
  border-radius: 90%;
}
.link_txt1 {
  background: #E11C1E;
}
.link_txt2 {
  background: #162866;
}
.link_txt3 {
  background: #BFA02D;
}


/*====================================================================
service
====================================================================*/
#service {
  padding: 120px 0 150px;
  position: relative;
}
.service_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  z-index: 2;
}
.service_block_left {
  width: 45%;
}
.service_btn {
  margin-top: 30px;
  display: block;
  text-align: center;
  width: 250px;
  color: #fff;
  background: #162866;
  font-size: 18px;
  padding: 15px 0;
  position: relative;
}
.service_btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 9px solid transparent;
  border-right: 0 solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 9px solid transparent;
  box-sizing: border-box;
}

.service_block_right {
  width: 50%;
  position: relative;
}
.service_block_right .right_img1 {
  width: 230px;
  height: 250px;
  position: absolute;
  background-image: url(../images/service1.jpg);
  background-size: cover;
  background-position: 55% 0%;
  top: 71%;
  left: 30%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.service_block_right .right_img2 {
  width: 320px;
  height: 380px;
  position: absolute;
  background-image: url(../images/service2.jpg);
  background-size: cover;
  background-position: 7% 0%;
  top: 35%;
  left: 70%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.service_block_right .right_img3 {
  width: 130px;
  height: 130px;
  position: absolute;
  background-image: url(../images/service3.jpg);
  background-size: cover;
  background-position: 50% 0%;
  top: 93%;
  left: 95%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.service_back {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.service_back img {
  width: 100%;
  padding-right: 50px;
}


/*====================================================================
feature
====================================================================*/
#feature {
  background: #F2F4F9;
  padding: 200px 0 100px;
}
.feature_back_area {
  margin: 0 auto;
  max-width: 1000px;
  background: #F8FAFF;
  padding: 30px 50px;
  margin-bottom: 50px;
  position: relative;
  /*height: 400px;*/
}
.feature_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feature_txt_block {
  width: calc(100% - 370px);
  position: relative;
  z-index: 2;
}
.feature_txt_block .sub {
  font-size: 14px;
  color: #fff;
  background: #162866;
  padding: 5px 0;
  width: 100px;
  text-align: center;
}
.feature_txt_block h3 {
  margin: 20px 0;
  font-size: 28px;
  font-family: serif;
}
.feature_p {
}
.feature_img_block {
  width: 300px;
  height: 200px;
  position: relative;
  z-index: 2;
}
.feature_img_block1 {
  background-image: url(../images/feature1.jpg);
  background-size: cover;
  background-position: 0% 0%;
}
.feature_img_block2 {
  background-image: url(../images/feature2.jpg);
  background-size: cover;
  background-position: 0% 0%;
}
.feature_img_block3 {
  background-image: url(../images/feature3.jpg);
  background-size: cover;
  background-position: 0% 0%;
}
.feature_back1 {
  position: absolute;
  top: 0;
  left: -20px;
  z-index: 1;
}
.feature_back1 img {
  width: 43px;
}
.feature_back2 {
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 1;
}
.feature_back2 img {
  width: 43px;
}


/*====================================================================
voices
====================================================================*/
#voices {
  padding-top: 100px;
  position: relative;
}
.voices_title_back {
  margin: 0 auto 50px;
  max-width: 1000px;
}
.Container {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
.menu_title_flex {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 30px;
  max-width: 1000px;
}
.arrow_link_area {
  width: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Arrow {
  background-color:#fff;
  color: #162866;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 45px;
  height: 45px;
  border: solid 1px #162866;
  border-radius: 90%;
  padding: 2px;
  font-size: 14px;
  margin: 0;
}
.Hide {
  display: none;
}
.Box-Container {
  display: flex;
  width: fit-content;
  transition: transform 0.3s ease;
  transform: translateX(0);
  padding-left: 20px;
  margin-bottom: 150px;
}
.Box {
  flex-shrink: 0;
  width: 400px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}
.sliderArea a {
  position: relative;
}
.sliderArea img {
  width: 100%;
  height: 100%;
  max-height: 220px;
}
.voice_kind {
  /*position: absolute;
  top: 0;
  left: 0;*/
  color: #fff;
  width: 120px;
  padding: 4px 10px;
  font-size: 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.voice_kind1 {
  background: #E11C1E;
}
.voice_kind2 {
  background: #162866;
}
.voice_kind3 {
  background: #BFA02D;
}
.voice_txt_block {
  display: block;
  width: 100%;
  /*height: 110px;*/
  padding: 20px;
  background: #fff;
  /*background: rgba(255,255,255,0.6);
  position: absolute;
  bottom: 0;*/
}
.voice_txt_block .title {
  font-size: 22px;
  font-weight: bold;
  height: 80px;
  margin-top: 20px;
  /*margin-bottom: 20px;
  height: 60px;*/
}
.voice_i_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 0;
}
.voice_i_flex .age {
  font-size: 18px;
}
.voice_i_flex i {
  color: #162866;
  padding: 5px 14px;
  border: solid 1px #162866;
  border-radius: 90%;
  font-size: 32px;
}

.voice_back {
  position: absolute;
  z-index: 1;
  background: #162866;
  width: 100%;
  height: 470px;
  left: 0;
  bottom: 0;
}
.voice_back2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.voice_back2 img {
  width: 100%;
  padding-right: 50px;
}
.slick-slide {
  margin: 0 15px;
}


/* スライダー部分New */
.sliderArea {
  display: block;
  height: 750px;
}
.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 400px;
  margin: 0 auto;
  z-index: 2;
}
#voices .slick-dots li button:before {
  color: #fff;
}
#voices .slick-dots li.slick-active button:before {
  color: #fff;
}
.slick-slide {
  opacity: 1.0;
}


.arrow_box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 20px;
  position: relative;
}
#voices .prev-arrow,
#voices .next-arrow {
  display: block;
  width: 50px;
  height: 50px;
  border: solid 1px #162866;
  background: #fff;
  border-radius: 50%;
  transition: all .3s ease;
  cursor: pointer;
  position:relative;
}
#voices .prev-arrow {
  transform: rotate(180deg);
  margin-right: 20px;
}
#voices .prev-arrow::before,
#voices .next-arrow::before{
  position:absolute;
  content: "";
  width:10px;
  height:10px;
  border-right: 2px solid #162866;
  border-top: 2px solid #162866;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  transform:rotate(45deg);
}


/* モーダル表示部分 */
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9500;
}
.modal__bg {
  background: rgba(0,0,0,0.7);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content {
  left: 50%;
  position: absolute;
  top: 0px;
  transform: translate(-50%,0%);
  width: 85%;
}
.option_modal_back {
  max-width: 770px;
  padding: 50px;
  margin-top: 80px;
  position: relative;
  background: #fff;
}
.whitebtn_back_close {
  margin: 0 auto;
  position: absolute;
  top: -15px;
  right: -15px;
}
.js-modal-close-btn {
  background: #162866;
  color: #fff!important;
  padding: 5px;
  /*padding-left: 10px;
  padding-bottom: 10px;*/
  font-size: 36px;
  font-weight: 500;
  margin: 0;
  display: flex;
  border-radius: 90%;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  text-align: center;
  position: relative;
}
.modal_title {
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  font-family: serif;
}
.modal_hr {
  display: block;
  width: 70px;
  height: 2px;
  margin: 10px auto 30px;
}
.modal_hr1 {
  background: #E11C1E;
}
.modal_hr2 {
  background: #162866;
}
.modal_hr3 {
  background: #BFA02D;
}
.modal__content img {
  width: 350px;
  margin: 0 auto;
}
.modal_txt_area {
  margin-top: 30px;
  overflow-y: scroll;
  max-height: 230px;
}
.modal_subtitle {
  font-size: 24px;
  font-weight: bold;
  font-family: serif;
}
.modal_age {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}
.modal_txt {
}


/*====================================================================
news
====================================================================*/
#news {
  background: #F2F4F9;
  padding: 150px 0 100px;
}
.news_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1000px;
}
.news_block {
  display: block;
  width: 30%;
}
.news_block .news_img {
  display: block;
  width: 100%;
  height: 200px;
  background: #162866;
  margin-bottom: 20px;
}
.news_block .news_img img {
  width: 100%;
  height: 100%;
}
.news_block .img1 {
  background-image: url(../images/news_dummy1.png);
  background-size: cover;
  background-position: 50% 0%;
}
.news_block .img2 {
  background-image: url(../images/news_dummy.png);
  background-size: cover;
  background-position: 50% 0%;
}
.news_block .date {
  font-size: 16px;
  margin-bottom: 5px;
}
.news_block .news_title {
  font-weight: bold;
  font-size: 18px;
}
.news_btn {
  margin: 0 auto;
  margin-top: 50px;
  display: block;
  text-align: center;
  width: 250px;
  color: #fff;
  background: #162866;
  font-size: 18px;
  padding: 15px 0;
  position: relative;
}
.news_btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 9px solid transparent;
  border-right: 0 solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 9px solid transparent;
  box-sizing: border-box;
}


/*====================================================================
contact
====================================================================*/
#contact {
  padding: 200px 0 50px;
  position: relative;
}
.contact_flex {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1000px;
  margin-bottom: 50px;
}
.contact_txt_block {
  display: block;
  width: 50%;
  padding: 50px 50px;
  position: relative;
  overflow: hidden;
}
.contact_txt_block_area {
  position: absolute;
  width: calc(100% - 100px);
  left: 50px;
  top: 50%;
  transform: translate(0%,-50%);
}
.contact_txt_block .sub {
  font-size: 16px;
  margin-bottom: 10px;
}
.contact_txt_block h3 {
  color: #fff;
  font-size: 28px;
  font-family: serif;
  margin-bottom: 20px;
}
.contact_txt_block p {
  color: #fff;
}
.contact_btn {
  margin-top: 30px;
  display: block;
  text-align: center;
  width: 250px;
  color: #fff;
  border: solid 2px #fff;
  font-size: 18px;
  padding: 15px 0;
  position: relative;
}
.contact_btn::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 9px solid transparent;
  border-right: 0 solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 9px solid transparent;
  box-sizing: border-box;
}
.contact_txt_block1 {
  background: #E11C1E;
}
.contact_txt_block2 {
  background: #162866;
}
.contact_txt_block3 {
  background: #BFA02D;
}
.contact_img_block {
  display: block;
  width: 50%;
  height: 530px;
}
.contact_img_block1 {
  background-image: url(../images/contact1.jpg);
  background-size: cover;
  background-position: 50% 0%;
}
.contact_img_block2 {
  background-image: url(../images/contact2.jpg);
  background-size: cover;
  background-position: 50% 0%;
}
.contact_img_block3 {
  background-image: url(../images/contact3.jpg);
  background-size: cover;
  background-position: 60% 0%;
}
.contact_back_top {
  position: absolute;
  top: 0;
  left: 50%;
  width: 500px;
  z-index: 1;
  transform: translate(-50%, 0%);
}
.contact_back_top img {
  width: 100%;
}
.contact_back1 {
  position: absolute;
  top: 0;
  left: 0px;
  z-index: 1;
}
.contact_back1 img {
  width: 50px;
}
.contact_back2 {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 1;
}
.contact_back2 img {
  width: 50px;
}



/* /////////////////////// */
/* サイズの小さいPC */
/* /////////////////////// */

@media screen and (max-width:1200px){
  .sliderArea img {
    max-height: 180px;
  }
  .voice_kind {
    width: 90px;
    padding: 7px 10px;
    font-size: 14px;
  }
  /*
  .voice_txt_block {
    height: 85px;
  }
  */
  .voice_txt_block .title {
    font-size: 18px;
  }
}

@media screen and (max-width:1050px){
  /* 共通 */
  .common_subtitle_left h3 {
    font-size: 28px;
  }
  .common_subtitle_center h3 {
    font-size: 28px;
  }

  .top_txt_area {
    width: 710px;
  }

  /* link */
  .link_flex {
    max-width: 770px;
  }
  .link_txt {
    padding: 20px 10px;
  }
  .link_txt p {
    font-size: 16px;
  }

  /* service */
  .service_flex {
    max-width: 770px;
  }
  .service_block_right .right_img1 {
    width: 190px;
    height: 210px;
    top: 60%;
    left: 30%;
  }
  .service_block_right .right_img2 {
    width: 220px;
    height: 280px;
    top: 35%;
    left: 60%;
  }
  .service_block_right .right_img3 {
    width: 120px;
    height: 120px;
    top: 87%;
    left: 80%;
  }

  /* feature */
  #feature {
    padding: 150px 0 80px;
  }
  .feature_back_area {
    max-width: 770px;
    height: unset;
  }
  .feature_txt_block {
    width: calc(100% - 330px);
  }
  .feature_txt_block h3 {
    font-size: 22px;
  }
  .feature_back1 {
    left: 0px;
  }
  .feature_back2 {
    right: 0px;
  }

  /* voices */
  .voices_title_back {
    max-width: 770px;
  }
  .Box-Container {
    margin-bottom: 120px;
  }
  .Box {
    width: 330px;
  }
  .Box img {
    max-height: 200px;
  }
  .option_modal_back {
    padding: 35px;
  }
  .voice_txt_block .title {
    height: 100px;
  }
  .voice_i_flex .age {
    font-size: 16px;
  }
  .voice_i_flex i {
    padding: 5px 12px;
    font-size: 26px;
  }
  .sliderArea {
    height: 700px;
  }

  /* news */
  #news {
    padding: 100px 0 80px;
  }
  .news_flex {
    max-width: 770px;
  }
  .news_block .news_img {
    height: 180px;
  }

  /* contact */
  .contact_back_top {
    width: 450px;
  }
  .contact_flex {
    max-width: 770px;
  }
  .contact_txt_block {
    padding: 30px 30px;
  }
  .contact_txt_block .sub {
    font-size: 14px;
  }
  .contact_txt_block h3 {
    font-size: 22px;
  }
  .contact_txt_block_area {
    width: calc(100% - 60px);
    left: 30px;
  }
}

@media screen and (max-width:1000px){
  /* top */
  #top {
    margin-top: 90px;
  }
  .top_back {
  }
  .top_txt_area h2 {
    font-size: 40px;
  }
}

@media screen and (max-width:900px){
  .voice_txt_block .title {
    font-size: 16px;
  }
  .voice_i_flex i {
    padding: 5px 10px;
    font-size: 20px;
  }
  .voice_i_flex .age {
    font-size: 13px;
  }
}

/* 高さが小さいPC対応 */
@media screen and (min-width:768px) and (max-height:900px){
  .option_modal_back {
    margin-top: 40px;
    padding: 40px;
  }
  .modal_txt_area {
    max-height: 150px;
  }
}


/* /////////////////////// */
/* サイズの大きいPC */
/* /////////////////////// */
@media screen and (min-width:1500px){
  .sliderArea {
    height: 780px;
  }
  .sliderArea img {
    max-height: 280px;
  }
}
@media screen and (min-width:1700px){
  .sliderArea {
    height: 800px;
  }
  .sliderArea img {
    max-height: 320px;
  }
  .voice_txt_block .title {
    font-size: 26px;
  }
}
@media screen and (min-width:2000px){
  .sliderArea {
    height: 850px;
  }
  .sliderArea img {
    max-height: 400px;
  }
  .voice_txt_block .title {
    height: 100px;
    font-size: 32px;
  }
  /*
  .voice_txt_block {
    height: 64px;
  }
  */
}
@media screen and (min-width:2300px){
  .sliderArea {
    height: 900px;
  }
  .sliderArea img {
    max-height: 440px;
  }
  .voice_txt_block .title {
    height: 120px;
    font-size: 32px;
  }
}
@media screen and (min-width:2500px){
  .sliderArea {
    height: 1000px;
  }
  .sliderArea img {
    max-height: 500px;
  }
}



/* /////////////////////// */
/* レスポンシブ対応 */
/* /////////////////////// */
@media screen and (max-width:768px){
  /* 共通 */
  .common_subtitle_left h3 {
    font-size: 26px;
  }
  .common_subtitle_center h3 {
    font-size: 26px;
  }

  /* top */
  #top {
    margin-top: 70px;
  }
  .top_txt_area {
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 20px 10px;
  }
  .top_txt_area h2 {
    font-size: 24px;
  }
  .top_txt_area p {
    font-size: 14px;
  }

  /* link */
  #link {
    display: none;
  }

  /* service */
  #service {
    padding: 70px 20px;
  }
  .service_flex {
    width: 100%;
    flex-wrap: wrap;
  }
  .service_block_left {
    width: 100%;
  }
  .service_block_right {
    width: 100%;
    height: 480px;
  }
  .service_block_right .right_img1 {
    width: 180px;
    height: 200px;
    top: 260px;
    left: 0;
    transform: translate(0%, 0%);
  }
  .service_block_right .right_img2 {
    width: 220px;
    height: 280px;
    top: 50px;
    left: 70px;
    transform: translate(0%, 0%);
  }
  .service_block_right .right_img3 {
    width: 110px;
    height: 110px;
    top: 400px;
    left: 200px;
    transform: translate(0%, 0%);
  }
  .service_btn {
    width: 200px;
  }
  .service_back img {
    padding-right: 30px;
  }

  /* feature */
  #feature {
    padding: 70px 0px 30px;
  }
  .feature_back_area {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 30px;
    height: unset;
  }
  .feature_flex {
    flex-wrap: wrap;
  }
  .feature_txt_block {
    width: 100%;
  }
  .feature_txt_block h3 {
    margin: 15px 0;
    font-size: 24px;
  }
  .feature_img_block {
    width: 100%;
    margin-top: 15px;
  }
  .row {
    flex-direction: column-reverse;
  }
  .feature_back1 {
    left: 0;
  }
  .feature_back2 {
    right: 0;
  }

  /* voices */
  #voices {
    padding-top: 70px;
  }
  .voices_title_back {
    padding: 0 20px;
  }
  .menu_title_flex {
    width: calc(100% - 40px);
  }
  .Box-Container {
    margin-bottom: 100px;
  }
  .Box {
    width: 280px;
  }
  .Box img {
    max-height: 180px;
  }
  .voice_txt_block {
    /*padding: 15px;*/
  }
  .voice_txt_block .title {
    font-size: 18px;
  }
  .sliderArea {
    /*height: 290px;*/
    height: 600px;
  }
  .voice_back {
    /*height: 70px;*/
    height: 380px;
  }
  .slick-prev, 
  .slick-next {
    top: 40%;
    height: 25px;
    width: 25px;
  }
  .sliderArea img {
    max-height: 170px;
  }
  .voice_back2 img {
    padding-right: 30px;
  }


  /* モーダル */
  .option_modal_back {
    margin-top: 40px;
    padding: 20px;
  }
  .modal_hr {
    margin: 10px auto 20px;
  }
  .modal__content img {
    width: 100%;
  }
  .modal_title {
    font-size: 28px;
  }
  .modal_subtitle {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.7;
  }
  .modal_age {
    font-size: 16px;
  }
  .modal_txt_area {
    max-height: 120px;
  }
  .js-modal-close-btn {
    width: 36px;
    height: 36px;
  }

  /* news */
  #news {
    padding: 70px 20px;
  }
  .news_flex {
    display: block;
  }
  .news_block {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
  }
  .news_block .news_img {
    width: 120px;
    height: 80px;
  }
  .news_txt {
    width: calc(100% - 120px);
    padding-left: 10px;
  }
  .news_block .date {
    margin-bottom: 0;
    font-size: 14px;
  }
  .news_block .news_title {
    font-size: 16px;
    line-height: 1.7;
  }
  .news_btn {
    margin-top: 30px;
    width: 200px;
  }

  /* contact */
  #contact {
    padding: 100px 20px 20px;
  }
  .contact_back_top {
    width: 280px;
  }
  .contact_flex {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
  .contact_txt_block {
    width: 100%;
    padding: 20px 20px;
  }
  .contact_img_block {
    width: 100%;
    height: 200px;
  }
  .contact_back1, .contact_back2 {
    display: none;
  }
  .contact_txt_block .sub {
    font-size: 14px;
  }
  .contact_txt_block h3 {
    font-size: 22px;
  }
  .contact_txt_block_area {
    position: static;
    width: 100%;
    transform: unset;
  }
}