/* fonts */
.fnt-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fnt-meiryo {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fnt-gothic {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fnt-serif{
  font-family: 'Noto Serif JP';
}

.fw-regular{
  font-weight: 400;
}
.fw-mid{
  font-weight: 500;
}
.fw-bold{
  font-weight: 700;
}
.fw-black{
  font-weight: 900;
}

/* text color */
.color-blue{
  color: #03499B;
}
.color-red{
  color: #A51418;
}

/* background color */
.bg-blue1{
  background: #2B4CA3;
}
.bg-blue2{
  background: #EAF1F9;
}
.bg-blue3{
  background: #F4F8FB;
}
.bg-grey{
  background: #F4F4F4;
}
.bg-red{
  background: #A51418;
}

/* display */
.d-block{
	display: block;
}
.d-flex {
	display: flex;
}
.d-fielx--gap1 {
  gap: 0.5em 1em;
}
.d-flex--center {
  align-items: center;
}
.d-flex--between {
  display: flex;
  justify-content: space-between;
}
.d-sp {
	display: block;
}
.d-pc {
	display: none;
}
.d-table{
  display: table;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-row {
  display: flex;
  flex-direction: column;
  gap: 1em 0;
}
.d-grid {
  display: grid;
}
.d-iblock{
  display: inline-block;
}
.hide {
  display: none;
}
@media only screen and (min-width:561px) {
	.d-pc {
		display: block;
	}
	.d-sp {
		display: none;
	}
  .d-flex-pc {
    display: flex;
  }
}

.bold {
  font-weight: bold;
}
/* .hide {
  display: none !important;
} */

.mt05{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

/* margin-bottom */
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mr10{margin-right: 10px;}


.text-line1 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-break: break-word;
}
.text-line2 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
}
.text-line3 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
}

.font-size09 {
  font-size: 0.9em;
}
.font-size08 {
  font-size: 0.8em;
}
/* text align */
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-red{
  color: #B54145;
}

/* style H1 */
.style__h1{
  font-family: 'Noto Serif JP';
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  background-image: url('../img/common/company_h1_bg.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  color: #fff;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.style__h1 span{
  display: block;
  width: 100%;
}
.style__h1 small{
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media only screen and (min-width:561px) {
  .style__h1{
    font-size: 36px;
    height: 188px;
  }
  .style__h1 small{
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
  }
}

/* style H2 */
.style__h2{
  font-family: 'Noto Serif JP';
  font-size: 35px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.style__h2:after{
  content: '';
  width: 40px;
  height: 2px;
  background: #003065;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.style__h2 small{
  display: block;
  color: #003065;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
@media only screen and (min-width:561px) {
  .style__h2{
    font-size: 36px;
  }
  .style__h2 small{
    font-size: 15px;
    margin-bottom: 8px;
  }
}

.style__h3{
  font-family: 'Noto Serif JP';
  font-size: 36px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

/* style button */
.style__button{
  text-align: center;
  display: block;
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
  border: none;
  background: linear-gradient(90deg, rgba(41,75,162,1) 0%, rgba(34,58,123,1) 100%);
  color: #fff;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 22px 15px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(67,107,152,0.8);
}
.style__button--red {
  background: linear-gradient(45deg, #E05656, #C71B1B);
}
.style__button--white {
  border: 1px solid rgba(67,107,152);
  color: rgba(67,107,152);
  background: #fff;
}
.style__button--green {
  background: #8ACC38;
  color: #fff;
}
.style__button--has-arrow {
	padding-right: 35px;
	padding-left: 35px;
	position: relative;
}
.style__button--has-arrow::after{
  content: '';
  width: 8px;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.306 13.197'%3E%3Cpath d='M6987.248,384.211l6.245,6.245-6.245,6.245' transform='translate(-6986.894 -383.858)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E") center / contain no-repeat;
  position: absolute;
  top: 0;
  right: 20px;
}
.style__button--text {
  text-decoration: underline;
}
.style__button--icon {
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
	color: #89CC38;
	line-height: 1;
	padding: 4px 8px;
	border-radius: 2px;
	margin-right: 0.5em;
}

@media only screen and (min-width:561px){
  .style__button{
    max-width: 280px;
    font-size: 16px;
    line-height: 24px;
    padding: 13px;
    box-shadow: none;
  }
  .style__button--auto {
    max-width: fit-content;
    width: auto;
  }
  ._loaded .style__button{
    transition: 0.3s all ease-in-out;
  }
  .style__button:hover{
    opacity: 0.8;
  }
}

.btn--style1 {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  padding: 22px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #8ACC37;
  border: 0;
  border-radius: 5px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.btn--style1::after {
  content: "";
  width: 10px;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.744 20.659'%3E%3Cpath d='M6987.247,384.211l9.623,9.622-9.623,9.622' transform='translate(-6986.54 -383.504)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
  position: absolute;
  top: 0;
  right: 20px;
}
.btn--style1--disabled {
  background: #cacaca;
  cursor: inherit;
}
.btn--style1--disabled:hover {
  opacity: 1 !important;
}
@media only screen and (min-width: 561px) {
  .btn--style1 {
    padding: 13px 20px;
    font-size: 16px;
  }
  .btn--style1:hover {
    opacity: 0.7;
  }
}

.btn--style2 {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  padding: 22px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px solid;
  border-radius: 5px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #2B4CA3;
  cursor: pointer;
}
.btn--style2--disabled {
  background: #cacaca;
  cursor: inherit;
  border: 1px solid #aaa;
  color: #fff;
}
.btn--style2--disabled:hover {
  opacity: 1 !important;
}
@media only screen and (min-width: 561px) {
  .btn--style2 {
    padding: 13px 20px;
    font-size: 16px;
  }
  .btn--style2:hover {
    opacity: 0.7;
  }
}

.btn--style3 {
	display: inline-block;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #eee;
	border: 1px solid #bbb;
	border-radius: 5px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #333;
	cursor: pointer;
}

.btn-mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.btn-mail::before {
  content: "";
  width: 25px;
  height: 21px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.885 17.964'%3E%3Cg transform='translate(0.1 -63.9)'%3E%3Cg transform='translate(0 64)'%3E%3Cpath d='M21.711,64H1.974A1.976,1.976,0,0,0,0,65.974V79.79a1.976,1.976,0,0,0,1.974,1.974H21.711a1.976,1.976,0,0,0,1.974-1.974V65.974A1.976,1.976,0,0,0,21.711,64Zm-19.738.987H21.711a.939.939,0,0,1,.205.041c-1.709,1.564-7.375,6.747-9.358,8.534a.99.99,0,0,1-1.433,0c-1.983-1.786-7.649-6.97-9.358-8.533A.943.943,0,0,1,1.974,64.987ZM.987,79.79V65.974a.953.953,0,0,1,.055-.273C2.35,66.9,6.3,70.515,8.867,72.846c-2.555,2.195-6.51,5.944-7.828,7.2A.951.951,0,0,1,.987,79.79Zm20.725.987H1.974a.944.944,0,0,1-.223-.045c1.362-1.3,5.342-5.069,7.852-7.217l.862.78a1.971,1.971,0,0,0,2.754,0l.862-.78c2.51,2.147,6.49,5.918,7.852,7.217A.943.943,0,0,1,21.711,80.777Zm.987-.987a.953.953,0,0,1-.052.257c-1.319-1.258-5.273-5.007-7.828-7.2,2.564-2.331,6.517-5.948,7.825-7.145a.954.954,0,0,1,.055.273Z' transform='translate(0 -64)' fill='%232b4ca3' stroke='%232b4ca3' stroke-width='0.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
@media only screen and (min-width: 561px) {
  .btn-mail::before {
    width: 21px;
    height: 16px;
  }
}

.bnr--style1 {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06);
}
._loaded .bnr--style1 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bnr--style1 .bnr__ttl {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
}
.bnr--style1 .bnr__ttl small {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #2B4CA3;
}
.bnr--style1 .bnr__imgbox {
  position: relative;
}
.bnr--style1 .bnr__imgbox::before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#2B4CA3), to(#162652));
  background: linear-gradient(#2B4CA3, #162652);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  inset: 0;
}
._loaded .bnr--style1 .bnr__imgbox::before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bnr--style1 .bnr__txtbox {
  padding: 10px 20px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.bnr--style1 .bnr__txtbox::before {
  content: "";
  width: 12px;
  height: 90px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.271 20.298'%3E%3Cpath d='M7342.046,4289.156l9.089,9.089-9.089,9.088' transform='translate(-7340.986 -4288.096)' fill='none' stroke='%232b4ca3' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;
  position: absolute;
  top: 0;
  right: 15px;
}
.bnr--style1:hover {
  background: linear-gradient(90deg, rgba(41,75,162,1) 0%, rgba(34,58,123,1) 100%);
  color: #fff;
}
.bnr--style1:hover .bnr__ttl small {
  color: #fff;
}
.bnr--style1:hover .bnr__imgbox::before {
  opacity: 0.3;
  visibility: visible;
}
.bnr--style1:hover .bnr__txtbox::before {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media only screen and (min-width: 561px) {
  .bnr--style1 .bnr__ttl {
    font-size: 24px;
  }
}

.dl--style1 {
  padding: 20px 0;
  border-bottom: 1px solid #CDD6DD;
}
.dl--style1:first-child {
  border-top: 1px solid #CDD6DD;
}
.dl--style1 dt {
  font-weight: 700;
}
.dl--style1 dd {
  margin-top: 15px;
}
@media only screen and (min-width: 561px) {
  .dl--style1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
  .dl--style1 dt {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
  .dl--style1 dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-top: 0;
  }
}
/*=============================================
 * breadcrumb
 *=============================================*/

 .breadcrumb{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 10px 30px 0;
}
.breadcrumb li{
    margin-right: 9px;
    padding-right: 1em;
    position: relative;
    font-size: 15px;
}
.breadcrumb li.active{
	color: #2B4CA3;
}
.breadcrumb li a:after{
	content: ">";
    color: #ACACAC;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}
.breadcrumb li a:hover{
	color: #2B4CA3;
}
.breadcrumb li:last-of-type a:after{
	display: none;
}
@media only screen and (min-width: 561px) {
  .breadcrumb{
    margin: 10px 60px 0;
  }
	.breadcrumb li {
    margin-right: 1em;
    padding-right: 1.5em;
    font-size: 12px;
  }
	.breadcrumb li a:after{
		margin-top: 1px;
	}
}

.txt__link{
  background: transparent;
  border: none;
  color: #2B4CA3;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 29px;
  text-decoration: underline;
  text-decoration-color: #2B4CA3;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  cursor: pointer;
}
.txt__link--red{ 
  color: #B54145;
  text-decoration-color: #B54145;
}
@media screen and (min-width: 561px){
  .txt__link{
    line-height: 24px;
  }
  .txt__link:hover{
    text-decoration: none;
  }
}

.page__title{
	font-family: 'Noto Serif JP';
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 51px;
	padding-bottom: 10px;
	margin-bottom: 27px;
	border-bottom: 1px solid rgba(3,73,155,0.3);
	position: relative;
	&:before{
		content: '';
		width: 141px;
		height: 1px;
		background: #03499B;
		position: absolute;
		left: 0;
		bottom: -1px;
		z-index: 1;
	}
}
@media screen and (min-width: 561px){
  .page__title{
		margin-bottom: 30px;
	}
}
a.text_underline{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
a.text_underline:hover{
  text-decoration: none;
}


/* style pagination */
.custom-pagination {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.custom-pagination__page {
  width: 60px;
  height: 60px;
  font-size: 20px;
  color: #2B4CA3;
  background: #fff;
  border: 1px solid #2B4CA3;
  margin: 0 5px;
  text-align: center;
}
.custom-pagination__page:hover {
  background: #2B4CA3;
  color: #fff;
  font-weight: bold;
}
.custom-pagination__page.page--active {
  background: #2B4CA3;
  color: #fff;
  font-weight: bold;
}
.custom-pagination__page--first {
  margin-right: 30px;
  position: relative;
}
.custom-pagination__page--first:after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #CDD6DD;
  content: "";
  right: -19px;
}
.custom-pagination__page--last {
  margin-left: 30px;
  position: relative;
}
.custom-pagination__page--last:after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #CDD6DD;
  content: "";
  left: -20px;
}
.custom-pagination div {
  color: #2B4CA3;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}

.group-button {
	flex-wrap: wrap;
  justify-content: flex-start;
	gap: 10px 20px;
  margin-bottom: 39px;
}
.group-button__button {
  text-align: center;
  color: #2B4CA3;
  background: #fff;
  border: 1px solid #2B4CA3;
  border-radius: 5px;
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
  padding: 5px 7px;
  border: 1px solid #2B4CA3;
  box-shadow: 0 0 7px rgba(67, 107, 152, 0.3);
}
.group-button__button--active, .group-button__button:hover {
  color: #fff;
  background: linear-gradient(90deg, #294ba2 0%, #223a7b 100%);
}
.user-voice {
  padding: 50px 0 50px;
}
.user-voice__h2 {
  margin-bottom: 30px;
}
.user-voice__text {
  margin-bottom: 30px;
  text-align: center;
}
.user-voice__group__row {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#1C1C1C)";
  /*IE 8*/
  -moz-box-shadow: 0px 1px 11px -1px rgba(28, 28, 28, 0.1);
  /*FF 3.5+*/
  -webkit-box-shadow: 0px 1px 11px -1px rgba(28, 28, 28, 0.1);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0px 1px 11px -1px rgba(28, 28, 28, 0.1);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#1C1C1C);
  /*IE 5.5-7*/
}
.user-voice__group__icon {
  width: 100px;
  margin-right: 18px;
}
.user-voice__group__col {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 22px;
}
.user-voice__group__h3 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 5px;
}
.user-voice__group__h3 span {
  background: #03499B;
  padding: 2px 10px;
}
.user-voice__group__price {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #333;
  letter-spacing: 1px;
}
.user-voice__group__price dt {
  font-size: 24px;
  font-weight: 500;
  margin-right: 10px;
}
.user-voice__group__price dd {
  font-size: 24px;
  font-weight: bold;
}
.user-voice__group__price dd span {
  font-size: 35px;
}
.user-voice__group .red--price {
  color: #A51418;
  border-bottom: 2px solid #D6B43F;
}
.user-voice__group__text {
  font-weight: bold;
}
.user-voice__btn {
  width: 90%;
  margin: 0 auto;
}
.user-voice__btn a {
  display: block;
  padding: 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #294ba2;
  background: linear-gradient(90deg, #294ba2 0%, #223a7b 100%);
  border-radius: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=135, Color=#436B98)";
  /*IE 8*/
  -moz-box-shadow: 3px 3px 16px -4px rgba(67, 107, 152, 0.8);
  /*FF 3.5+*/
  -webkit-box-shadow: 3px 3px 16px -4px rgba(67, 107, 152, 0.8);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 3px 3px 16px -4px rgba(67, 107, 152, 0.8);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=135, Color=#436B98);
  /*IE 5.5-7*/
}
.bold {
  font-weight: bold;
}
.bottom-botton {
  padding-bottom: 80px;
}
@media only screen and (min-width: 561px) {
  .custom-pagination__page {
    width: 36px;
    height: 36px;
    font-size: 19px;
    cursor: pointer;
  }
  .custom-pagination__page--first {
    font-size: 16px;
    width: 75px;
    height: 35px;
    align-self: center;
  }
  .custom-pagination__page--last {
    font-size: 16px;
    width: 75px;
  }
  .group-button {
    justify-content: center;
    margin-bottom: 50px;
  }
  .group-button__button {
    font-size: 16px;
    min-width: 175px;
    box-shadow: 0 0 10px rgba(67, 107, 152, 0.2);
  }
  .user-voice__group {
    display: flex;
    flex-wrap: wrap;
  }
  .user-voice__group__row {
    width: 300px;
    box-sizing: border-box;
    padding: 26px 19px;
    margin-right: 30px;
    max-width: 33%;
  }
  .user-voice__group__row:nth-child(3n + 3) {
    margin-right: 0;
  }
  .user-voice__group__icon {
    width: 70px;
    margin-top: 13px;
  }
  .user-voice__group__col {
    margin-bottom: 20px;
  }
  .user-voice__group__h3 {
    font-size: 12px;
  }
  .user-voice__group__price {
    margin-bottom: 0px;
  }
  .user-voice__group__price dt {
    font-size: 16px;
    align-self: center;
  }
  .user-voice__group__price dd {
    font-size: 16px;
  }
  .user-voice__group__price dd span {
    font-size: 23px;
  }
  .user-voice__group .red--price {
    padding-bottom: 0;
    line-height: 20px;
  }
}
@media only screen and (max-width: 560px) {
.mt05{margin-top: 9vw;}
.mt10{margin-top: 1.79vw;}
.mt15{margin-top: 2.68vw;}
.mt20{margin-top: 3.57vw;}
.mt30{margin-top: 5.36vw;}
.mt40{margin-top: 7.14vw;}
.mt50{margin-top: 8.93vw;}
.mt60{margin-top: 10.71vw;}
/* margin-bottom */
.mb10{margin-bottom: 1.79vw;}
.mb15{margin-bottom: 2.68vw;}
.mb20{margin-bottom: 3.57vw;}
.mb30{margin-bottom: 5.36vw;}
.mb40{margin-bottom: 7.14vw;}
.mb45{margin-bottom: 8.04vw;}
.mb50{margin-bottom: 8.93vw;}
.mb60{margin-bottom: 10.71vw;}
.mb70{margin-bottom: 12.5vw;}
.mb80{margin-bottom: 14.29vw;}
.mb90{margin-bottom: 16.07vw;}
.mb100{margin-bottom: 17.86vw;}
.mr10{margin-right: 1.79vw;}

/* text align */
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}

/* style H1 */
.style__h1{
  font-size: 5.36vw;
  height: 33.93vw;
}
.style__h1 small{
  font-size: 2.86vw;
  font-weight: 500;
  margin-bottom: 0.89vw;
}
/* style H2 */
.style__h2{
  font-size: 6.25vw;
  line-height: 8.93vw;
  padding-bottom: 3.57vw;
}
.style__h2:after{
  width: 7.14vw;
  height: 0.36vw;
}
.style__h2 small{
  font-size: 3.21vw;
  line-height: 4.64vw;
  margin-bottom: 0.71vw;
}
.style__h3 {
	font-size: 6.43vw;
	line-height: 8.93vw;
}
/* style button */
.style__button{
  max-width: 71.43vw;
  font-size: 4.29vw;
  line-height: 6.43vw;
  padding: 3.93vw 2.68vw;
  border-radius: 0.89vw;
  box-shadow: 0 0 1.79vw rgba(67,107,152,0.8);
}
.style__button--has-arrow {
	padding-right: 6.25vw;
	padding-left: 6.25vw;
}
.style__button--has-arrow::after{
  width: 1.43vw;
  right: 3.57vw;
}
.btn--style1 {
  padding: 3.93vw 5.36vw;
  border-radius: 0.89vw;
  font-size: 4.29vw;
}
.btn--style1::after {
  width: 1.79vw;
  right: 3.57vw;
}

.btn--style2 {
  padding: 3.93vw 3.57vw;
  border: 0.18vw solid;
  border-radius: 0.89vw;
  font-size: 3.57vw;
}
.btn-mail-wrap {
  width: 58.04vw;
}
.btn-mail {
	-webkit-column-gap: 1.79vw;
	-moz-column-gap: 1.79vw;
	column-gap: 1.79vw;
	padding: 4.46vw 4.29vw;
  justify-content: flex-start;
}
.btn-mail::before {
  width: 4.46vw;
  height: 3.75vw;
}
.bnr--style1 .bnr__ttl {
  font-size: 4.46vw;
  line-height: 5.36vw;
}
.bnr--style1 .bnr__ttl small {
  font-size: 2.5vw;
}
.bnr--style1 .bnr__txtbox {
  padding: 1.79vw 3.57vw 2.68vw;
}
.bnr--style1 .bnr__txtbox::before {
  width: 2.14vw;
  height: 16.07vw;
  right: 2.68vw;
}
.dl--style1 {
  padding: 3.57vw 0;
  border-bottom: 0.18vw solid #CDD6DD;
}
.dl--style1:first-child {
  border-top: 0.18vw solid #CDD6DD;
}
.dl--style1 dd {
  margin-top: 2.68vw;
}
.breadcrumb {
	margin: 1.79vw 5.36vw 0;
	overflow-x: scroll;
	word-break: keep-all;
	white-space: nowrap;
	flex-wrap: inherit;
}
.breadcrumb li{
    margin-right: 1.61vw;
    font-size: 2.68vw;
}
.txt__link{
  line-height: 5.18vw;
  text-underline-offset: 0.54vw;
  text-decoration-thickness: 0.18vw;
  display: inline-block;
}
.page__title{
	font-size: 6.43vw;
	letter-spacing: 0;
	line-height: 9.11vw;
	padding-bottom: 1.79vw;
	margin-bottom: 4.82vw;
	border-bottom: 0.18vw solid rgba(3,73,155,0.3);
	&:before{
		width: 25.18vw;
		height: 0.18vw;
		left: 0;
		bottom: -0.18vw;
	}
}
a.text_underline{
  text-decoration-thickness: 0.18vw;
  text-underline-offset: 0.36vw;
}

.group-button__button {
	border-radius: 0.89vw;
	font-size: 3.57vw;
	line-height: 6.43vw;
	padding: 1.43vw 6.25vw;
	box-shadow: 0 0 1.25vw rgba(67, 107, 152, 0.3);
}


/* style pagination */
.custom-pagination {
  margin-top: 7.14vw;
}
.custom-pagination__page {
  width: 10.71vw;
  height: 10.71vw;
  font-size: 3.57vw;
  border: 0.18vw solid #2B4CA3;
  margin: 0 0.89vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-pagination__page--first {
  margin-right: 5.36vw;
}
.custom-pagination__page--first:after {
  width: 0.18vw;
  right: -3.39vw;
}
.custom-pagination__page--last {
  margin-left: 5.36vw;
}
.custom-pagination__page--last:after {
  width: 0.18vw;
  left: -3.57vw;
}
.group-button {
  gap: 2.68vw;
  margin-bottom: 7.14vw;
}
.group-button button {
  font-size: 3.57vw;
  margin-bottom: 3.57vw;
  margin-right: 3.57vw;
  margin-bottom: 2.68vw;
  padding: 0.54vw 6.07vw;
  min-width: 26.07vw;
  border: 0.18vw solid #2B4CA3;
  box-shadow: 0 0 1.25vw rgba(67, 107, 152, 0.3);
}
.user-voice {
  padding: 8.93vw 0 8.93vw;
}
.user-voice__h2 {
  margin-bottom: 5.36vw;
}
.user-voice__text {
  margin-bottom: 5.36vw;
}
.user-voice__group__row {
  margin-bottom: 5.36vw;
  padding: 5.36vw;
  /*IE 8*/
  -moz-box-shadow: 0vw 0.18vw 1.96vw -0.18vw rgba(28, 28, 28, 0.1);
  /*FF 3.5+*/
  -webkit-box-shadow: 0vw 0.18vw 1.96vw -0.18vw rgba(28, 28, 28, 0.1);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0vw 0.18vw 1.96vw -0.18vw rgba(28, 28, 28, 0.1);
}
.user-voice__group__icon {
  width: 17.86vw;
  margin-right: 3.21vw;
}
.user-voice__group__col {
  margin-bottom: 3.93vw;
}
.user-voice__group__h3 {
  font-size: 3.21vw;
  margin-bottom: 0.89vw;
}
.user-voice__group__h3 span {
  padding: 0.36vw 1.79vw;
}
.user-voice__group__price {
  letter-spacing: 0.18vw;
}
.user-voice__group__price dt {
  font-size: 4.29vw;
  font-weight: 500;
  margin-right: 1.79vw;
}
.user-voice__group__price dd {
  font-size: 4.29vw;
}
.user-voice__group__price dd span {
  font-size: 6.25vw;
}
.user-voice__group .red--price {
  border-bottom: 0.36vw solid #D6B43F;
}
.user-voice__btn a {
  padding: 3.57vw;
  font-size: 4.29vw;
}
.bottom-botton {
  padding-bottom: 16vw;
}
}