@charset "UTF-8";

@font-face {
  font-family: "NotoSansJP-Black";
  src: url("../fonts/NotoSansJP-Black.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("../fonts/NotoSansJP-Bold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Regular.otf") format("otf");
  font-weight: normal;
}

/*common*/

h1, h2, h3 , h4 {
  font-weight: normal;
}

img {
  max-width: 100%;
}

a {
  color: #454545;
  text-decoration: none;
}

li {
  list-style: none;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.no_pc {
  display: none;
}

.no_sp {
  
}

.sp {
  display: block;
}

h2 {
  font-family: NotoSansJP-Bold;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(43.2/ 1366 * 100vw);
  text-align: center;
  color: #1F2774;
  padding-top: calc(105/ 1366 * 100vw);
  padding-bottom: calc(58/ 1366 * 100vw);
}

/*common*/

/*header*/
.header {
  height: calc(80/ 1366 * 100vw);
  align-items: center;
  background-color: #FCFBF3;
}

.header h1 img{
  width: calc(346.95/ 1366 * 100vw);
  margin-left: calc(116/ 1366 * 100vw);
  margin-top: calc(11/ 1366 * 100vw);
}

.header_nav ul {
}

.header li {
  font-family: NotoSansJP-Regular;
  font-size: calc(18/ 1366 * 100vw);
  line-height: calc(24/ 1366 * 100vw);
  width: calc(165/ 1366 * 100vw);
  height: calc(45/ 1366 * 100vw);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #606060;
  margin-right: calc(31.7/ 1366 * 100vw);
  margin-right: calc(31/ 1366 * 100vw);
}

.nav_button {
  width: calc(167/ 1366 * 100vw);
  height: calc(45/ 1366 * 100vw);
  background: linear-gradient(to right, #434C99, #36409E, #1F2774);
  font-family: NotoSansJP-Bold;
  font-size: calc(18/ 1366 * 100vw);
  line-height: calc(24/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: calc(72/ 1366 * 100vw);
}

.apply_span {
  margin-left: calc(-4/ 1366 * 100vw);
    margin-right:calc(3/ 1366 * 100vw);
}

.nav_button .no_pc a{
  display: none;
}

.nav_button_sp{
  display: none;
}

.header .nav ul {
  display: none;
}


.header .fa-chevron-right:before {
    content: "\f054";
    font-size: calc( 16/ 1366 * 100vw);
    margin-left: calc(5/ 1366 * 100vw);
    margin-bottom: calc(3/ 1366 * 100vw);
}

.header .humburger-navi {
  display: block;
}

/*header*/

/*hero*/
.hero {
  background: linear-gradient(to bottom, #F6F2D7, #F6F2D5, #F6EFB8);
  position: relative;
  padding-bottom: calc(17/ 1366 * 100vw);
}

.hero h2 {
  font-family: NotoSansJP-Bold;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(43.2/ 1366 * 100vw);
  text-align: center;
  color: #1F2774;
  padding-top: calc(105/ 1366 * 100vw);
}

.hero img {
  width: calc(460.8/ 1366 * 100vw);
  height: calc(291.36/ 1366 * 100vw);
  margin: 0 auto;
  margin-bottom: calc(172.3/ 1366 * 100vw);
  display: block;
}

.hero h3 {
  width: calc(950/ 1366 * 100vw);
  height: calc(60/ 1366 * 100vw);
  font-family: NotoSansJP-Bold;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(28.8/ 1366 * 100vw);
  text-align: center;
  color: #1F2774;
  box-shadow: calc(8/ 1366 * 100vw) calc(8/ 1366 * 100vw) calc(9/ 1366 * 100vw) rgb(0 0 0 / 16%);
  background-color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: calc(-31/ 1366 * 100vw);
  left: calc(206/ 1366 * 100vw);
  z-index: 10;
}

/*hero*/

/*apply*/
.apply {
  background-color: #B5E9EE;
  padding-bottom: calc(134/ 1366 * 100vw);
  position: relative;
}

.apply2 {
  background-color: #B5E9EE;
  padding-bottom: calc(169/ 1366 * 100vw);
  position: relative;
}


.apply h2 {
  padding-top: calc(256/ 1366 * 100vw);
  margin-right: calc(7/ 1366 * 100vw);
}

.apply2 h2 {
  padding-top: calc(122/ 1366 * 100vw);
  margin-right: calc(7/ 1366 * 100vw);
}

.apply::before {
  content: '';
    display: block;
    background: linear-gradient(-176deg, #fff, #fff 55.5%, transparent 55.5%);
    width: 100%;
    height: 27%;
    position: absolute;
    left: 0;
    top: 0;
}

.apply2::before {
  content: '';
    display: block;
    background: linear-gradient(-176deg, #fff, #fff 55.5%, transparent 55.5%);
    width: 100%;
    height: 16.5%;
    position: absolute;
    left: 0;
    top: calc(-55/ 1366 * 100vw);;
}



.apply h3 {
  font-family: NotoSansJP-Bold;
  font-size: calc(52/ 1366 * 100vw);
  line-height: calc(46.4/ 1366 * 100vw);
  text-align: center;
  color: #1F2774;
  position: relative;
  margin-bottom: calc(44.2/ 1366 * 100vw);
  margin-top: calc(-56/ 1366 * 100vw);
  margin-right: calc(-56/ 1366 * 100vw);
}

.apply2 h3 {
  font-family: NotoSansJP-Bold;
  font-size: calc(52/ 1366 * 100vw);
  line-height: calc(46.4/ 1366 * 100vw);
  text-align: center;
  color: #1F2774;
  position: relative;
  margin-bottom: calc(43.2/ 1366 * 100vw);
  margin-top: calc(-54/ 1366 * 100vw);
  margin-right: calc(-56/ 1366 * 100vw);
}

.sai {
  position: absolute;
  top: calc(29/ 1366 * 100vw);
  left: calc(98/ 1366 * 100vw);
  
}

.dai {
  position: absolute;
  top: calc(82/ 1366 * 100vw);
  left: calc(98/ 1366 * 100vw);
}

.rice {
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  position: absolute;
  top: calc(60/ 1366 * 100vw);
  right: calc(152/ 1366 * 100vw);
}

.apply2 .present {
  margin-right: calc(39/ 1366 * 100vw);
}

.present {
  margin-right: calc(54/ 1366 * 100vw);
}

.eight {
  color: #7F1019;
  font-family: NotoSansJP-Black;
  font-size: calc(120/ 1366 * 100vw);
  line-height: calc(144/ 1366 * 100vw);
}

.apply_container {
  width: calc(754/ 1366 * 100vw);
  background-color: #fff;
  margin: 0 auto;
  box-shadow: calc(8/ 1366 * 100vw) calc(8/ 1366 * 100vw) calc(9/ 1366 * 100vw) rgb(0 0 0 / 16%);
  padding: calc(70/ 1366 * 100vw) 0;
  padding-bottom: calc(79/ 1366 * 100vw)
}

.campaign {
  width: calc(558/ 1366 * 100vw);
  height: calc(36/ 1366 * 100vw);
  border: 1px solid #222222;
  justify-content: left;
  margin: 0 auto;
  position: relative;
}

.long {
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  text-align: center;
  background-color: #F6F3DC;
  color: #1F2774;
  padding: calc(7/ 1366 * 100vw) 0;
  padding-left: calc(4/ 1366 * 100vw);
  width: calc(165/ 1366 * 100vw);
}

.triangle {
  width: calc(25/ 1366 * 100vw);
  height: calc(25/ 1366 * 100vw);
  background: linear-gradient(45deg, transparent 50%, #F6F3DC 50%, #F6F3DC);
  transform: rotate(45deg);
  position: absolute;
  left: calc(151/ 1366 * 100vw);
  top: calc(4/ 1366 * 100vw);
  border-top: 1px solid #222;
  border-right: 1px solid #222;
}

.date {
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  text-align: center;
  display: flex;
  align-items: center;
  padding-left: calc(91/ 1366 * 100vw);
}

.apply2 .date {
  padding-left: calc(89/ 1366 * 100vw);
}

.apply_p {
  width: calc(560.14/ 1366 * 100vw);
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  margin-bottom: calc(16/ 1366 * 100vw);
  margin: 0 auto;
  margin-top: calc(26.2/ 1366 * 100vw);
  display: flex;
  margin-left: calc(96/ 1366 * 100vw);
}

.apply_p::before {
  content: '※';
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  margin-right: calc(9/ 1366 * 100vw);
}

.caution {
  width: calc(560.14/ 1366 * 100vw);
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  margin-bottom: calc(16/ 1366 * 100vw);
  margin: 0 auto;
}

.caution p {
  margin: calc(35/ 1366 * 100vw) 0 calc(31/ 1366 * 100vw);
  margin-left: calc(1/ 1366 * 100vw)
}

.caution ul {
  margin-left: calc(1/ 1366 * 100vw);
} 

.caution ul li::before {
  content: '・';
  font-family: NotoSansJP-Regular;
  font-size: calc(12.45/ 1366 * 100vw);
  line-height: calc(14.93/ 1366 * 100vw);
  margin-bottom: calc(16/ 1366 * 100vw);
  font-weight: 900;
    margin-right: calc(10/ 1366 * 100vw);
}

.apply_button {
  width: calc(558/ 1366 * 100vw);
  padding: calc(10/ 1366 * 100vw) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(to right, #434C99, #36409E, #1F2774);
  margin: 0 auto;
  font-family: NotoSansJP-Bold;
  font-size: calc(35.11/ 1366 * 100vw);
  line-height: calc(42.14/ 1366 * 100vw);
  border-radius: calc(50/ 1366 * 100vw);
  box-shadow: calc(8/ 1366 * 100vw) calc(8/ 1366 * 100vw) calc(9/ 1366 * 100vw) rgb(0 0 0 / 16%);
  margin-top: calc(61/ 1366 * 100vw);
}

.apply_button span {
  margin-left: calc(7/ 1366 * 100vw);
  margin-right: calc(4/ 1366 * 100vw);
}


.benefit .apply_button span {
  margin-left: calc(5/ 1366 * 100vw);
  margin-right: calc(25/ 1366 * 100vw);
}

.apply .fa-chevron-right:before {
  margin-left: calc(21/ 1366 * 100vw);
}

.apply2 .fa-chevron-right:before {
  margin-left: calc(21/ 1366 * 100vw);
}

.apply2 .triangle {
  width: calc(25/ 1366 * 100vw);
  height: calc(25/ 1366 * 100vw);
  background: linear-gradient(45deg, transparent 50%, #F6F3DC 50%, #F6F3DC);
  transform: rotate(45deg);
  position: absolute;
  left: calc(151/ 1366 * 100vw);
  top: calc(4/ 1366 * 100vw);
  border-top: 1px solid #222;
  border-right: 1px solid #222;
}

.point {
  margin-top: calc(4/ 1366 * 100vw);
}

/*apply*/

/*benefit*/
.benefit {
  background-color: #F6F3DC;
  position: relative;
  padding-bottom: calc(25/ 1366 * 100vw);
}

.benefit::before {
    content: '';
    display: block;
    background: linear-gradient(356deg, #F6F3DC, #F6F3DC 55.5%, transparent 55.5%);
    width: 100%;
    height: 14%;
    position: absolute;
    left: 0;
    top: calc(-108/ 1366 * 100vw);
}

.benefit h2 {
  padding-top: calc(52/ 1366 * 100vw);
  padding-bottom: calc(49/ 1366 * 100vw);
}

.benefit h3 {
  padding-bottom: calc(6/ 1366 * 100vw);
}

.benefit_container {
  width: calc(950/ 1366 * 100vw);
  margin: 0 auto;
}

.left1 {
  border-radius: calc(45/ 1366 * 100vw) 0 0 0;
  background-color: #fff;
  border-right: 3px solid #CCCCCC;
  width: calc(281/ 1366 * 100vw);
  font-family: NotoSansJP-Bold;
  font-size: calc(21/ 1366 * 100vw);
  line-height: calc(28.8/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

.left1 h3 {
  /*margin-left: calc(4/ 1366 * 100vw);*/
  /*margin-bottom: calc(5/ 1366 * 100vw);*/
}

.left2, .left3 {
  border-radius: 0;
  background-color: #fff;
  border-right: 3px solid #CCCCCC;
  width: calc(281/ 1366 * 100vw);
  font-family: NotoSansJP-Bold;
  font-size: calc(21/ 1366 * 100vw);
  line-height: calc(28.8/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

.left4 {
  border-radius:  0 0 0 calc(45/ 1366 * 100vw);
  background-color: #fff;
  border-right: 3px solid #CCCCCC;
  width: calc(281/ 1366 * 100vw);
  font-family: NotoSansJP-Bold;
  font-size: calc(21/ 1366 * 100vw);
  line-height: calc(28.8/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefit_container_p1 p {
  font-family: NotoSansJP-Bold;
    font-size: calc(24/ 1366 * 100vw);
    line-height: calc(42/ 1366 * 100vw);
    background-color: #fff;
    text-align: center;
    border-radius: 0 calc(45/ 1366 * 100vw) 0 0;
    /* height: calc(130/ 1366 * 100vw); */
    width: calc(668/ 1366 * 100vw);
    display: block;
    padding-left: calc(42/ 1366 * 100vw);
}

.benefit_container_p2 p {
  font-family: NotoSansJP-Bold;
    font-size: calc(24/ 1366 * 100vw);
    line-height: calc(42/ 1366 * 100vw);
    background-color: #fff;
    text-align: center;
    border-radius: 0 calc(45/ 1366 * 100vw) 0 0;
    /* height: calc(130/ 1366 * 100vw); */
    width: calc(668/ 1366 * 100vw);
    display: block;
    padding-left: calc(36/ 1366 * 100vw);
}

.benefit_container_p3 p {
  font-family: NotoSansJP-Bold;
    font-size: calc(24/ 1366 * 100vw);
    line-height: calc(47/ 1366 * 100vw);
    background-color: #fff;
    text-align: center;
    border-radius: 0 calc(45/ 1366 * 100vw) 0 0;
    /* height: calc(130/ 1366 * 100vw); */
    width: calc(668/ 1366 * 100vw);
    display: block;
    padding-left: calc(38/ 1366 * 100vw);
    margin-top: calc(-9/ 1366 * 100vw);
}

.benefit_container_p4 p {
  font-family: NotoSansJP-Bold;
    font-size: calc(24/ 1366 * 100vw);
    line-height: calc(42/ 1366 * 100vw);
    background-color: #fff;
    text-align: center;
    border-radius: 0  0 calc(45/ 1366 * 100vw) 0;
    /* height: calc(130/ 1366 * 100vw); */
    width: calc(668/ 1366 * 100vw);
    display: block;
    margin-bottom: calc(11/ 1366 * 100vw);
    padding-left: calc(3/ 1366 * 100vw);
}

.benefit_container_p1 {
  border-radius: 0 calc(45/ 1366 * 100vw) 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: calc(130/ 1366 * 100vw);
}

.benefit_container_p2 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: calc(130/ 1366 * 100vw);
}

.benefit_container_p3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: calc(130/ 1366 * 100vw);
}

.benefit_container_p4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: calc(130/ 1366 * 100vw);
    border-radius: 0 0 calc(45/ 1366 * 100vw) 0;
}

.benefit_container_p p::after {
  content: '※2';
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  margin-left: calc(5/ 1366 * 100vw);
  color: #222222;
  margin-left: calc(9/ 1366 * 100vw);
  margin-top: calc(44/ 1366 * 100vw);
}

.benefit_container_p2 p::after {
  content: '※2';
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  margin-left: calc(5/ 1366 * 100vw);
  color: #222222;
  margin-left: calc(9/ 1366 * 100vw);
  margin-top: calc(44/ 1366 * 100vw);
}

.benefit_container_p3 p::after {
  content: '※1';
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  color: #222222;
  margin-left: calc(13/ 1366 * 100vw);
  margin-top: calc(44/ 1366 * 100vw);
}


.benefit_container_p small {
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
}

.benefit_container .flex {
  justify-content: left;
  margin-bottom: calc(7/ 1366 * 100vw);
}

.next_year {
  font-family: NotoSansJP-Bold;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  color: #7F1019;
  display: contents;
}

.next_year::after {
  content: '※1';
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  margin-left: calc(5/ 1366 * 100vw);
  color: #222222;
  margin-left: calc(12/ 1366 * 100vw);
  margin-top: calc(44/ 1366 * 100vw);
}

.benefit .big {
  font-family: NotoSansJP-Black;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  color: #7F1019;
}

.benefit_container_p3 small {
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  padding-right: calc(31/ 1366 * 100vw);
}

.benefit small {
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
}

.benefit_p_container {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(19.2/ 1366 * 100vw);
  width: calc(949/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc(17.7/ 1366 * 100vw);
  padding-left: calc(2/ 1366 * 100vw);;
}

.benefit_p_container p {
  margin-bottom: calc(20/ 1366 * 100vw);
}

.price {
  margin-right: calc(-33/ 1366 * 100vw);
}

.rice1::before {
  content: '※1';
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  margin-right: calc(7/ 1366 * 100vw);
  margin-left: calc(-2/ 1366 * 100vw);
}

.rice2::before {
  content: '※2';
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  margin-right: calc(7/ 1366 * 100vw);
  margin-left: calc(-2/ 1366 * 100vw);
}
/*benefit*/

/*slider*/
.slider {
  position: relative;
  padding-bottom: calc(10/ 1366 * 100vw);
}

.slider h2 {
  padding-top: calc(161/ 1366 * 100vw);
  padding-bottom: calc(58/ 1366 * 100vw);
}

.slider::before {
  content: '';
    display: block;
    background: linear-gradient(-176deg, #F6F3DC, #F6F3DC 55.5%, transparent 55.5%);
    width: 100%;
    height: 17%;
    position: absolute;
    left: 0;
    top: calc(-18/ 1366 * 100vw);
}

.slider::after {
    z-index: 1;
    content: '';
    display: block;
    background: linear-gradient(184deg, #fff, #fff 55.5%, transparent 40.5%);
    width: 100%;
    height: 24%;
    position: absolute;
    left: 0;
    bottom: calc( -113/ 1366 * 100vw);
}

.swiper {
  /*padding-top:calc(14/ 1366 * 100vw);*/
  overflow: hidden;
  max-width: 100%;
  padding: 0 calc( 10/ 1366 * 100vw);
}

.swiper-wrapper {
  padding-bottom: calc(134/ 1366 * 100vw);
}

.swiper-slide {
  height: calc( 231/ 1366 * 100vw);
  background:#fff;
  border-radius:calc( 30/ 1366 * 100vw);
  border: 6px solid #B5E9EE;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: calc(8/ 1366 * 100vw) calc(8/ 1366 * 100vw) calc(9/ 1366 * 100vw) rgb(0 0 0 / 16%);
  box-sizing: border-box;
}

.swiper-slide:nth-child(2) {
  /*margin-left: calc( 30/ 1366 * 100vw);*/
}



.slide_text {
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: calc(51/ 1366 * 100vw);
    gap: calc(40/ 1366 * 100vw);
  
}

.num {
  font-family: NotoSansJP-Black;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(43.2/ 1366 * 100vw);
  color: #1F2774;
  border-bottom: 3px solid #1F2774;
}

.text {
  font-family: NotoSansJP-Regular;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(43.2/ 1366 * 100vw);
  text-align: center;
  width: calc(432/ 1366 * 100vw);
}

.swiper-pagination{
  position: absolute;
    font-family: NotoSansJP-Bold;
    font-size: calc( 28/ 1366 * 100vw);
    line-height: calc( 40/ 1366 * 100vw);
    top: calc( 37/ 1366 * 100vw);
    left: calc( 81/ 1366 * 100vw);
    text-align: center;
    display: block;
    width: calc( 115/ 1366 * 100vw);
}

.swiper-button-prev {
  width: calc( 60/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  background-color: #F6F3DC;
  border-radius: calc( 100/ 1366 * 100vw);
  color: transparent;
}

.swiper-button-next {
  width: calc( 60/ 1366 * 100vw);
  height: calc( 61/ 1366 * 100vw);
  background-color: #F6F3DC;
  border-radius: calc( 100/ 1366 * 100vw);
  color: transparent;
}

.gallery_navigation .fa-chevron-left:before {
    content: "\f053";
    font-size: calc( 28/ 1366 * 100vw);
    position: absolute;
    top: calc( 17/ 1366 * 100vw);
    left: calc( 23/ 1366 * 100vw);
    color: black;
    font-weight: 900;
}

.gallery_navigation .fa-chevron-right:before {
    content: "\f054";
    font-size: calc( 28/ 1366 * 100vw);
    position: absolute;
    top: calc( 17/ 1366 * 100vw);
    left: calc( 24/ 1366 * 100vw);
    color: black;
    font-weight: 900;
}

.gallery_navigation {
  display: flex;
    justify-content: center;
    align-items: center;
    padding: calc( 52/ 1366 * 100vw) 0;
    position: absolute;
    width: calc( 276/ 1366 * 100vw);
    left: calc( 541/ 1366 * 100vw);
    text-align: center;
    top: calc( 240/ 1366 * 100vw);
}

/*slider*/

/*service*/
.service {
  background-color: #B5E9EE;
  position: relative;
  padding-bottom: calc( 69/ 1366 * 100vw);
}

.service h2 {
  padding-top: calc( 154/ 1366 * 100vw);
}

.accrodion_container1 {
  width: calc( 950/ 1366 * 100vw);
  margin: 0 auto;
  margin-top: calc( -7/ 1366 * 100vw);
}

.accrodion_container2 {
  width: calc( 950/ 1366 * 100vw);
  margin: 0 auto;
}

.accrodion_container3 {
  width: calc( 950/ 1366 * 100vw);
  margin: 0 auto;
}

.accrodion_container4 {
  width: calc( 950/ 1366 * 100vw);
  margin: 0 auto;
}

.accrodion_container5 {
  width: calc( 950/ 1366 * 100vw);
  margin: 0 auto;
}

.service h3 {
  font-family: NotoSansJP-Bold;
  font-size: calc( 24/ 1366 * 100vw);
  line-height: calc( 28.8/ 1366 * 100vw);
  position: relative;
  background: linear-gradient(to right, #F6F3DC, #F6EFB8, #E6DFAD);
  padding: calc( 15/ 1366 * 100vw) 0 calc( 15/ 1366 * 100vw) calc( 50/ 1366 * 100vw);
  margin-bottom: calc( 10/ 1366 * 100vw);
  height: calc( 64/ 1366 * 100vw);
  box-shadow: calc(8/ 1366 * 100vw) calc(8/ 1366 * 100vw) calc(9/ 1366 * 100vw) rgb(0 0 0 / 16%);
  cursor: pointer;
}

.toggle_btn {
  background-color: transparent;
    width: calc( 44/ 1366 * 100vw);
    height: calc( 44/ 1366 * 100vw);
    border: 1px solid #222222;
    border-radius: calc( 100/ 1366 * 100vw);
    position: absolute;
    right: calc( 51/ 1366 * 100vw);;
    top: 47%;
    transform: translateY(-50%);
}

.accrodion_container1 h3::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 61/ 1366 * 100vw);
    width: calc( 24/ 1366 * 100vw);
    height: calc( 1/ 1366 * 100vw);
    display: block;
    font-weight: 500;
    top: 49%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container1 h3.open::after {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 72/ 1366 * 100vw);
    width: calc( 1/ 1366 * 100vw);
    height: calc( 24/ 1366 * 100vw);
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #222;
}


.accrodion_container2 h3::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 61/ 1366 * 100vw);
    width: calc( 24/ 1366 * 100vw);
    height: calc( 1/ 1366 * 100vw);
    display: block;
    font-weight: 500;
    top: 49%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container2 h3.open::after {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 72/ 1366 * 100vw);
    width: calc( 1/ 1366 * 100vw);
    height: calc( 24/ 1366 * 100vw);
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container3 h3::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 61/ 1366 * 100vw);
    width: calc( 24/ 1366 * 100vw);
    height: calc( 1/ 1366 * 100vw);
    display: block;
    font-weight: 500;
    top: 49%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container3 h3.open::after {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 72/ 1366 * 100vw);
    width: calc( 1/ 1366 * 100vw);
    height: calc( 24/ 1366 * 100vw);
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container4 h3::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 61/ 1366 * 100vw);
    width: calc( 24/ 1366 * 100vw);
    height: calc( 1/ 1366 * 100vw);
    display: block;
    font-weight: 500;
    top: 49%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container4 h3.open::after {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 72/ 1366 * 100vw);
    width: calc( 1/ 1366 * 100vw);
    height: calc( 24/ 1366 * 100vw);
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container5 h3::before {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 61/ 1366 * 100vw);
    width: calc( 24/ 1366 * 100vw);
    height: calc( 1/ 1366 * 100vw);
    display: block;
    font-weight: 500;
    top: 49%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.accrodion_container5 h3.open::after {
    content: '';
    position: absolute;
    top: 0;
    right: calc( 72/ 1366 * 100vw);
    width: calc( 1/ 1366 * 100vw);
    height: calc( 24/ 1366 * 100vw);
    font-weight: 500;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #222;
}

.service_content1 {
  background-color: #fff;
  margin-bottom: calc( 30/ 1366 * 100vw);
  height: calc( 104/ 1366 * 100vw);
  display: flex;
    align-items: center;
}

.service_content2 {
  background-color: #fff;
  margin-bottom: calc( 30/ 1366 * 100vw);
  height: calc( 74/ 1366 * 100vw);
  display: flex;
    align-items: center;
}

.service_content3 {
  background-color: #fff;
  margin-bottom: calc( 30/ 1366 * 100vw);
  height: calc( 104/ 1366 * 100vw);
  display: flex;
    align-items: center;
}

.service_content3 p{
  font-family: NotoSansJP-Regular;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 28/ 1366 * 100vw);
    padding: calc( 20/ 1366 * 100vw) 0 calc( 29/ 1366 * 100vw) calc( 51.5/ 1366 * 100vw);
    width: calc( 897.59/ 1366 * 100vw);
    display: flex;
    align-items: center;
}

.service_content1 p {
  font-family: NotoSansJP-Regular;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 28/ 1366 * 100vw);
    padding: calc( 20/ 1366 * 100vw) 0 calc( 29/ 1366 * 100vw) calc( 51/ 1366 * 100vw);
    width: calc( 895.59/ 1366 * 100vw);
    display: flex;
    align-items: center;
}

.service_content2 p {
  font-family: NotoSansJP-Regular;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 28/ 1366 * 100vw);
    padding: calc( 26/ 1366 * 100vw) 0 calc( 29/ 1366 * 100vw) calc( 51/ 1366 * 100vw);
    width: calc( 915.59/ 1366 * 100vw);
    display: flex;
    align-items: center;
}

 
/*service*/

/*info*/
.info {
  padding-bottom: calc( 60/ 1366 * 100vw);
}

.info_container {
  width: calc( 951/ 1366 * 100vw);
  margin: 0 auto;
  border: 1px solid #707070;
}

.info .flex {
  justify-content: left;
}

.info_term {
  width: calc( 265.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc( 18/ 1366 * 100vw) 0;
}

.info_term3 {
  width: calc( 265.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc( 26/ 1366 * 100vw) 0;
}

.info_term4 {
  width: calc( 265.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc( 0/ 1366 * 100vw);
}

.info_term5 {
  width: calc( 265.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc( 0/ 1366 * 100vw);
}

.info_term6 {
  width: calc( 265.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc( 54/ 1366 * 100vw);
  padding-top: calc( 55/ 1366 * 100vw);
}

.info_term7 {
  width: calc( 265.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  border-right: 1px solid #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc( 39/ 1366 * 100vw);
  padding-top: calc( 41/ 1366 * 100vw);
}

.info h2 {
  padding-top: calc( 66/ 1366 * 100vw);
  padding-bottom: calc( 51/ 1366 * 100vw);
    
  }

.info h3 {
  font-family: NotoSansJP-Bold;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 19.2/ 1366 * 100vw);
    text-align: center;
    /*padding-top: calc( 17/ 1366 * 100vw);*/
}

.info_term3 h3 {
  font-family: NotoSansJP-Bold;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 19.2/ 1366 * 100vw);
    text-align: center;
    /*padding-top: calc( 17/ 1366 * 100vw);*/
    margin-top: calc( -9/ 1366 * 100vw);
    margin-bottom: calc( -7/ 1366 * 100vw);
}

.info_term4 h3 {
  font-family: NotoSansJP-Bold;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 19.2/ 1366 * 100vw);
    text-align: center;
    /*padding-top: calc( 17/ 1366 * 100vw);*/
    margin-top: calc( -16/ 1366 * 100vw);
}

.info_term5 h3{
  width: calc( 264.14/ 1366 * 100vw);
  background-color: #EBE4AF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc( 17/ 1366 * 100vw);
    padding-top: calc( 19/ 1366 * 100vw);
}

.info_term6 h3 {
  font-family: NotoSansJP-Bold;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 19.2/ 1366 * 100vw);
    text-align: center;
    /*padding-top: calc( 17/ 1366 * 100vw);*/
}


.info_term6 h3 {
  font-family: NotoSansJP-Bold;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 19.2/ 1366 * 100vw);
    text-align: center;
    padding-top: calc( 1/ 1366 * 100vw);
}

.info_term7 h3 {
  font-family: NotoSansJP-Bold;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 19.2/ 1366 * 100vw);
    text-align: center;
    /*padding-top: calc( 17/ 1366 * 100vw);*/
}

.info_content {
  border-bottom: 1px solid #707070;
  font-family: NotoSansJP-Regular;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 28/ 1366 * 100vw);
    width: calc( 684.36/ 1366 * 100vw);
    display: flex;
    align-items: center;
}

.info_content6 {
  border-bottom: 1px solid #707070;
  font-family: NotoSansJP-Regular;
    font-size: calc( 15.67/ 1366 * 100vw);
    line-height: calc( 28/ 1366 * 100vw);
    width: calc( 684.36/ 1366 * 100vw);
    display: block;
    padding: calc( 15/ 1366 * 100vw) 0 calc( 14/ 1366 * 100vw) calc( 28/ 1366 * 100vw);
}

.info_content7 {
  font-family: NotoSansJP-Regular;
    font-size: calc( 15.64/ 1366 * 100vw);
    line-height: calc( 21/ 1366 * 100vw);
    width: calc( 684.36/ 1366 * 100vw);
    display: flex;
    align-items: center;
    padding: calc( 6/ 1366 * 100vw) calc( 28/ 1366 * 100vw) calc( 4/ 1366 * 100vw) calc( 29/ 1366 * 100vw);
}

.info_content7 span {
  font-size: calc( 13.97/ 1366 * 100vw);
    line-height: calc( 27.98/ 1366 * 100vw);
}

.info_content p {
  padding-left: calc( 29/ 1366 * 100vw);
}

.info_content4 {
  border-bottom: 1px solid #707070;
  font-family: NotoSansJP-Regular;
    font-size: calc( 16/ 1366 * 100vw);
    line-height: calc( 28/ 1366 * 100vw);
    width: calc( 684.36/ 1366 * 100vw);
}

.info_content4 p {
  padding: calc( 13/ 1366 * 100vw) calc( 15/ 1366 * 100vw) calc( 15/ 1366 * 100vw) calc( 26/ 1366 * 100vw)
}

.free {
  font-size: calc( 13.71/ 1366 * 100vw);
  margin-left: calc( 1/ 1366 * 100vw)
}

.insurance {
  width: calc( 626.61/ 1366 * 100vw);
  font-size: calc( 14/ 1366 * 100vw);
  margin-top: calc( 16/ 1366 * 100vw);
  display: flex;
  margin-left: calc( 1/ 1366 * 100vw);
}

.insurance::before {
  content: '※';
  font-family: NotoSansJP-Regular;
    font-size: calc( 13.71/ 1366 * 100vw);
    line-height: calc( 27.98/ 1366 * 100vw);
    margin-right: calc( 3/ 1366 * 100vw);
}

.part::before {
  content: '※';
  font-family: NotoSansJP-Regular;
    font-size: calc( 13.71/ 1366 * 100vw);
    line-height: calc( 27.98/ 1366 * 100vw);
    margin-right: calc( 3/ 1366 * 100vw);
}
/*info*/

/*footer*/
.footer {
  position: relative;
}

.footer::before {
    content: '';
    display: block;
    background: linear-gradient(356deg, #fff, #fff 55.5%, transparent 55.5%);
    width: 100%;
    height: 67%;
    position: absolute;
    left: 0;
    top: calc(-108/ 1366 * 100vw);
}

.footer img {
  display: block;
    width: calc( 461/ 1366 * 100vw);
    margin: 0 auto;
    padding: calc( 58/ 1366 * 100vw) 0 calc( 23/ 1366 * 100vw) 0;
}

.footer p {
  font-family: NotoSansJP-Regular;
  font-size: calc( 12/ 1366 * 100vw);
  line-height: calc( 14.4/ 1366 * 100vw);
  text-align: center;
  padding-bottom: calc( 20/ 1366 * 100vw);
  padding-left: calc( 8/ 1366 * 100vw);
}
/*footer*/

@media (max-width: 767px){
  /*header*/
  .header {
    height: calc( 60/ 375 * 100vw);
  }
  
  .header h1 img {
    width:  calc( 183/ 375 * 100vw);
    margin-left: calc(16/ 375 * 100vw);
    margin-top: calc(10/ 375 * 100vw);
  }
  
  .header_nav {
    display: none;
  }
  
  .no_pc {
    display: block;
    font-size: calc( 30/ 375 * 100vw);
    cursor: pointer;
    margin-right: calc( 10/ 375 * 100vw);
    margin-top: calc( 2/ 375 * 100vw);
  }
  
  .header .humburger-navi {
    display: none;
    background-color: #fff;
    position: absolute;
    top: calc( 58/ 375 * 100vw);
    left: 0;
    width: 100%;
    z-index: 100;
  }
  
  
  
  .header .nav ul {
    display: block;
    height: auto;
    margin: 0;
    padding: calc( 0/ 375 * 100vw) calc( 26/ 375 * 100vw);
    padding-left: calc( 23/ 375 * 100vw);
  }
  
  .header .nav ul li a {
    display: block;
    font-size: calc( 14/ 375 * 100vw);;
    line-height: calc(21 / 14);
    padding: calc( 4/ 375 * 100vw) 0;
    font-weight: 500;
  }
  
  .header .nav ul li a:after {
    display: none;
  }
  
  .header .nav .nav-button {
    display: none;
  }
  
  .header li {
    font-size: calc(16/ 375 * 100vw);
    line-height: calc(28/ 375 * 100vw);
    height: calc(32/ 375 * 100vw);
    background-color: rgba(255, 255, 255, -1);
    display: block;
    align-items: center;
    justify-content: center;
    border: none;
    width: calc(160/ 375 * 100vw);
  }
  
  .fa-bars:before {
    margin-right: calc(3/ 375 * 100vw);
    font-size: calc(48/ 375 * 100vw);
    position: absolute;
    right: calc(10/ 375 * 100vw);
    top: calc(7/ 375 * 100vw);
    color: #606060;
  }
  /*header*/
  
  /*hero*/
  
  .hero {
    padding-bottom: calc(108/ 375 * 100vw);
  }
  
  .hero h2 {
    font-family: NotoSansJP-Bold;
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 42/ 375 * 100vw);
    width: calc( 288/ 375 * 100vw);
    margin: 0 auto;
    padding-top: calc( 69/ 375 * 100vw);
    padding-bottom: calc( 51/ 375 * 100vw);
  }
  
  .width {
    width: calc( 345/ 375 * 100vw);
    height: calc( 153/ 375 * 100vw);
    font-size: calc( 21/ 375 * 100vw);
    line-height: calc( 36.7/ 375 * 100vw);
    left: calc( 16/ 375 * 100vw);
    background-color: #fff;
    margin: 0 auto;
    bottom: calc( -76/ 375 * 100vw);
    position: absolute;
    z-index: 10;
    box-shadow: calc(8/ 375 * 100vw) calc(8/ 375 * 100vw) calc(9/ 375 * 100vw) rgb(0 0 0 / 16%);
  }
  
  .nav_button_sp span {
    margin-right: calc( 8/ 375 * 100vw);
  }
  
  .nav_button_sp .fa-chevron-right:before {
    
  }
  
  .hero h3 {
    width: calc( 300/ 375 * 100vw);
    height: calc( 103/ 375 * 100vw);
    font-size: calc( 21/ 375 * 100vw);
    line-height: calc( 36.7/ 375 * 100vw);
    position: relative;
    box-shadow: none;
    top: calc( 22/ 375 * 100vw);
    left: calc( -1/ 375 * 100vw);
  }
  
  .hero img {
    width: calc( 344.85/ 375 * 100vw);
    height: calc( 218.05/ 375 * 100vw);
  }
  
  .nav_button_sp {
    font-family: NotoSansJP-Bold;
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 24/ 375 * 100vw);
    color: #fff;
    background-color: #1F2774;
    width: calc( 166/ 375 * 100vw);
    text-align: center;
    padding: calc( 10/ 375 * 100vw) 0;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: calc( 60/ 375 * 100vw);
    justify-content: center;
  }
  /*hero*/
  
  /*apply*/
  .apply {
    padding-bottom: calc( 76/ 375 * 100vw);
  }
  
  .apply h2 {
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 33.6/ 375 * 100vw);
    padding-top: calc( 198/ 375 * 100vw);
    margin-left: calc( 20/ 375 * 100vw);
    padding-bottom: calc( 39/ 375 * 100vw);
  }
  
  .apply_container {
    width: calc( 344/ 375 * 100vw);
    box-shadow: calc(8/ 375 * 100vw) calc(8/ 375 * 100vw) calc(9/ 375 * 100vw) rgb(0 0 0 / 16%);
    margin-left: calc(19/ 375 * 100vw);
    padding-bottom: calc(27/ 375 * 100vw);
  }
  
  .sai {
    top: calc(13/ 375 * 100vw);
    left: calc(18/ 375 * 100vw);
  }
  
  .dai {
    top: calc(41/ 375 * 100vw);
    left: calc(18/ 375 * 100vw);
  }
  
  .apply::before {
    height: 32%;
    background: linear-gradient(-174deg, #fff, #fff 55.5%, transparent 55.5%);
    
  }
  
  .apply h3 {
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 24.6/ 375 * 100vw);
    margin-bottom: calc( 21/ 375 * 100vw);
  }
  
  .eight {
    font-size: calc( 66/ 375 * 100vw);
    line-height: calc( 78.4/ 375 * 100vw);
    margin-right: calc( 102/ 375 * 100vw);
  }
  
  .rice {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 12/ 375 * 100vw);
    top: calc( 31/ 375 * 100vw);
    right: calc( 38/ 375 * 100vw);
  }
  
  .campaign {
    width: calc( 314/ 375 * 100vw);
    height: calc( 20.22/ 375 * 100vw);
  }
  
  .long  {
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 14.4/ 375 * 100vw);
    margin-left: calc( -1/ 375 * 100vw);
    width: calc( 129.27/ 375 * 100vw);
    border-left: 1px solid #222222;
  }
  
  .date {
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 14.4/ 375 * 100vw);
    padding-left: calc( 15/ 375 * 100vw);
    width: calc( 235/ 375 * 100vw);
  }
  
  .triangle {
    width: calc( 14/ 375 * 100vw);
    height: calc( 14/ 375 * 100vw);
    left: calc( 103/ 375 * 100vw);
    top: calc( 2.5/ 375 * 100vw);
  }
  
  .apply_p {
    font-size: calc( 9.96/ 375 * 100vw);
    line-height: calc( 11.96/ 375 * 100vw);
    width: calc( 307.12/ 375 * 100vw);
    margin-top: calc(17/ 375 * 100vw);
  }
  
  .caution {
    font-size: calc( 9.96/ 375 * 100vw);
    line-height: calc( 11.96/ 375 * 100vw);
    margin: inherit;
  }
  
  .caution li {
    width: calc( 311.98/ 375 * 100vw);
    margin-left: calc( -4/ 375 * 100vw);
    display: flex;
    align-items: baseline;
  }
  
  .caution ul li::before {
    margin-right: calc( 3/ 375 * 100vw);
  }
  
  .caution p {
    width: calc( 314.12/ 375 * 100vw);
    margin-top: calc( 18.5/ 375 * 100vw);
    margin-left: calc( -4/ 375 * 100vw);
    margin-bottom: calc( 15/ 375 * 100vw);
  }
  
  .apply_p::before {
    font-size: calc( 9.96/ 375 * 100vw);
    line-height: calc( 11.96/ 375 * 100vw);
    margin-top: calc( -2/ 375 * 100vw);
    margin-right: calc( 4/ 375 * 100vw);
    margin-left: calc( -12/ 375 * 100vw);
  }
  
  .present {
    margin-left: calc( 6/ 375 * 100vw);
    margin-bottom: calc( 12/ 375 * 100vw);
  }
  
  .point {
    margin-bottom: calc( 6/ 375 * 100vw);
    position: absolute;
    top: calc( 41/ 375 * 100vw);
    right: calc( 39/ 375 * 100vw);
  }
  
  .apply_button {
    font-size: calc( 22/ 375 * 100vw);
    line-height: calc( 26.4/ 375 * 100vw);
    width: calc( 345.18/ 375 * 100vw);
    margin-top: calc( 40/ 375 * 100vw);
    padding: calc( 6.5/ 375 * 100vw) 0;
    border-radius: calc( 20/ 375 * 100vw);
    margin-left: calc( 17/ 375 * 100vw);
    box-shadow: calc(8/ 375 * 100vw) calc(8/ 375 * 100vw) calc(9/ 375 * 100vw) rgb(0 0 0 / 16%);
  }
  
  .apply_button span {
    margin-left: calc( 3/ 375 * 100vw);
  }
  
  .apply .fa-chevron-right:before {
    margin-left: calc( 12/ 375 * 100vw);
  }
  
  
  /*apply*/
  
  /*benefit*/
  .benefit::before {
    height: 8%;
    top: calc( -43/ 375 * 100vw);
  }
  
  .left2 h3 {
    font-family: NotoSansJP-Black;
    font-size: calc( 13.96/ 375 * 100vw);
    margin-left: calc( 5/ 375 * 100vw);
    margin-bottom: calc( 4/ 375 * 100vw);
}

  .left3 h3 {
    font-family: NotoSansJP-Black;
    font-size: calc( 13.96/ 375 * 100vw);
    margin-left: calc( 0/ 375 * 100vw);
    padding-top: calc( 4/ 375 * 100vw);
}

  .left4 h3 {
    font-family: NotoSansJP-Black;
    font-size: calc( 13.96/ 375 * 100vw);
    margin-left: calc( 3/ 375 * 100vw);
    margin-top: calc( -2/ 375 * 100vw);
  }
  
  .benefit_container {
    width: calc( 345/ 375 * 100vw);
    margin-bottom: calc( 20/ 375 * 100vw);
  }
  
  .benefit_container_p1, .benefit_container_p2, .benefit_container_p3, .benefit_container_p4{
    width: calc( 242.59/ 375 * 100vw);
    height: calc( 59.2/ 375 * 100vw);
  }
  
  .benefit h2 {
    padding-top: calc( 30/ 375 * 100vw);
    font-size: calc( 27.99/ 375 * 100vw);
    line-height: calc( 33.5/ 375 * 100vw);
    margin-left: calc( 12/ 375 * 100vw);
    padding-bottom: calc( 39/ 375 * 100vw);
  }
  
  .left1 , .left2, .left3, .left4{
    width: calc( 104.32/ 375 * 100vw);
  }
  
  .left1 {
    border-radius: calc( 40/ 375 * 100vw) 0 0 0 ;
  }
  
  .left4 {
    border-radius: 0 0 0 calc( 40/ 375 * 100vw);
  }
  
  .left1 h3 {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 16.75/ 375 * 100vw);
    margin-left: calc( 0/ 375 * 100vw);
    margin-top: calc( 12/ 375 * 100vw);
  }
  
  .left2, .left3 {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 16.75/ 375 * 100vw);
  }
  
  .left4 {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 16.75/ 375 * 100vw);
  }
  
  .benefit_container_p1 p {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 17.94/ 375 * 100vw);
    padding-left: 0;
    width: calc( 214/ 375 * 100vw);
    margin-right: calc( 2/ 375 * 100vw);
  }
  
  .next_year {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 17.94/ 375 * 100vw);
  }
  
  .next_year::after {
    font-family: NotoSansJP-Regular;
    font-size: calc( 9.97/ 375 * 100vw);
    line-height: calc( 11.96/ 375 * 100vw);
    position: absolute;
    top: calc(110/ 375 * 100vw);
    right: calc(27/ 375 * 100vw);
  }
  
  .benefit_container_p2 .big {
    font-size: calc( 27.91/ 375 * 100vw);
    line-height: calc( 15.25/ 375 * 100vw);
  }
  
  .benefit_container_p3 .big {
    font-size: calc( 27.91/ 375 * 100vw);
    line-height: calc( 15.25/ 375 * 100vw);
    margin-left: calc(7/ 375 * 100vw);
  }
  
  .benefit_container_p4 .big {
    font-size: calc( 27.91/ 375 * 100vw);
    line-height: calc( 15.25/ 375 * 100vw);
  }
  
  .benefit_container_p2 p {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 15.25/ 375 * 100vw);
    margin-left: calc(19/ 375 * 100vw);
    margin-top: calc(2/ 375 * 100vw);
    margin-right: calc(13/ 375 * 100vw);
  }
  
  .benefit small {
    font-family: NotoSansJP-Regular;
    font-size: calc( 11.96/ 375 * 100vw);
    line-height: calc( 14.35/ 375 * 100vw);
  }
  
  .benefit_container_p1 {
    border-radius: 0 calc(40/ 375 * 100vw)  0 0;
  }
  
  .benefit_container_p4 {
    border-radius: 0 0 calc(40/ 375 * 100vw) 0;
  }
  
  .benefit_container_p3 p {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 27.25/ 375 * 100vw);
    width: calc(215/ 375 * 100vw);
    margin-bottom: calc(0/ 375 * 100vw);
    margin-left: calc(2/ 375 * 100vw);
  }
  
  .benefit_container_p4 p {
    font-size: calc( 13.96/ 375 * 100vw);
    line-height: calc( 28.25/ 375 * 100vw);
    margin-top: calc(0/ 375 * 100vw);
    margin-left: 0px;
  }
  
  .benefit_container_p2 p::after {
    font-family: NotoSansJP-Regular;
    font-size: calc( 9.97/ 375 * 100vw);
    line-height: calc( 11.96/ 375 * 100vw);
  }
  
  .benefit_container_p3 p::after {
    font-family: NotoSansJP-Regular;
    font-size: calc( 9.97/ 375 * 100vw);
    line-height: calc( 11.96/ 375 * 100vw);
  }
  
  .benefit_p_container {
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 14.4/ 375 * 100vw);
    width: calc( 347/ 375 * 100vw);
    padding-top: calc( 7/ 375 * 100vw);
  }
  
  .price {
    margin-left: calc( 11/ 375 * 100vw);
  }
  
  .benefit_p_container p {
    margin-bottom: calc( 16/ 375 * 100vw);
    margin-left: calc( 1/ 375 * 100vw);
    margin-top: calc( -1/ 375 * 100vw);
  }
  
  .benefit .apply_button span {
    margin-right: calc( 8/ 375 * 100vw);
    margin-top: calc( 2/ 375 * 100vw);
  }
  
  .benefit .fa-chevron-right:before {
    margin-left: calc( 5/ 375 * 100vw);
    font-size: calc( 21.71/ 375 * 100vw);
    line-height: calc( 26/ 375 * 100vw);
  }
  
  .benefit_container .flex {
    margin-bottom: calc(18/ 1366 * 100vw);
    margin-left: calc(9/ 1366 * 100vw);
  }
  
  .rice1::before {
    font-size: calc( 9.77/ 375 * 100vw);
    margin-right: calc( 4/ 375 * 100vw);
    margin-left: calc( 1/ 375 * 100vw);
  }
  
  .rice2::before {
    font-size: calc( 9.77/ 375 * 100vw);
    margin-right: calc( 5/ 375 * 100vw);
    margin-left: calc( 1/ 375 * 100vw);
  }
  
  /*benefit*/
  
  /*slider*/
  .slider {
    padding-bottom: calc( 5/ 375 * 100vw);;
  }
  
  .slider h2 {
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 33.6/ 375 * 100vw);
    padding-top: calc(97/ 375 * 100vw);
    padding-left: calc(6/ 375 * 100vw);
    padding-bottom: calc(36/ 375 * 100vw);
  }
  
  .slider::before {
    height: 21%;
    position: absolute;
    left: 0;
    top: calc(0/ 375 * 100vw);
  }
  
  .slider .swiper {
    width: auto;
    max-width: 100%;
    height: calc( 180/ 375 * 100vw);
    padding-bottom: calc( 216/ 375 * 100vw);
  }
  
  
  .slider::after {
    bottom: calc(-50/ 375 * 100vw);
    height: 13%;
  }
  
  .swiper-slide {
    height: calc( 105/ 375 * 100vw);
    border-radius: calc( 30/ 375 * 100vw);
    border: 5px solid #B5E9EE;
    /*max-width: calc( 172/ 375 * 100vw);*/
    box-shadow: calc(8/ 375 * 100vw) calc(8/ 375 * 100vw) calc(9/ 375 * 100vw) rgb(0 0 0 / 16%);
}

  
  .swiper-button-prev, .swiper-button-next {
    width: calc( 60/ 375 * 100vw);
    height: calc( 60/ 375 * 100vw);
  }
  
  .swiper-button-prev {
    top: calc(48/ 375 * 100vw);
    left: calc(-88/ 375 * 100vw);
  }
  
  .swiper-button-next {
    top: calc( 48/ 375 * 100vw);
    right: calc( -89/ 375 * 100vw);
  }
  
  .swiper-pagination {
    font-size: calc( 24/ 375 * 100vw);
    line-height: calc( 28.8/ 375 * 100vw);
    width: calc( 83/ 375 * 100vw);
    top: calc( 53/ 375 * 100vw);
    left: calc( -3/ 375 * 100vw);
  }
  
  .gallery_navigation {
    top: calc( 110/ 375 * 100vw);
    left: calc( 150/ 375 * 100vw);
  }
  
  .gallery_navigation .fa-chevron-right:before {
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 33.6/ 375 * 100vw);
    top: calc( 14/ 375 * 100vw);
    left: calc( 24/ 375 * 100vw);
  }
  
  .gallery_navigation .fa-chevron-left:before {
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 33.6/ 375 * 100vw);
    left: calc( 20/ 375 * 100vw);
    top: calc( 56/ 1366 * 100vw);
  }
  
  .text {
    font-size: calc( 20/ 375 * 100vw);
    line-height: calc( 24/ 375 * 100vw);
    width: calc( 241/ 375 * 100vw);
  }
  
  .num {
    font-family: NotoSansJP-Bold;
    font-size: calc( 20/ 375 * 100vw);
    line-height: calc( 24/ 375 * 100vw);
  }
  
  .slide_text {
    padding-top: calc( 0/ 375 * 100vw);
    gap: calc( 13/ 375 * 100vw);
  }
  
  
  /*slider*/
  
  /*service*/
  .service {
    padding-bottom: calc( 40/ 375 * 100vw);
  }
  
  .service h2 {
    padding-top: calc(76/ 375 * 100vw);
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 49/ 375 * 100vw);
    padding-bottom: calc(33/ 375 * 100vw);
  }
  
  .accrodion_container1, .accrodion_container2, .accrodion_container3, .accrodion_container4, .accrodion_container5 {
    width: 100%;
  }
  
  .service h3 {
    font-size: calc( 18/ 375 * 100vw);
    line-height: calc( 31.5/ 375 * 100vw);
    height: calc( 81/ 375 * 100vw);
    display: flex;
    align-items: center;
    padding-top: calc( 39/ 375 * 100vw);
    padding-bottom: calc( 40/ 375 * 100vw);
    padding-left: calc( 16/ 375 * 100vw);
  }
  
  .accrodion_container3 h3 {
    padding-top: calc( 35/ 375 * 100vw);
    padding-bottom: calc( 40/ 375 * 100vw);
    padding-left: calc( 16/ 375 * 100vw);
  }
  
  .accrodion_container1 h3::after {
    width: calc( 44/ 375 * 100vw);
    height: calc( 44/ 375 * 100vw);
    top: calc( 40/ 375 * 100vw);
    right: calc( 16/ 375 * 100vw);
  }
  
  .accrodion_container2 h3::after {
    width: calc( 44/ 375 * 100vw);
    height: calc( 44/ 375 * 100vw);
    top: calc( 40/ 375 * 100vw);
    right: calc( 16/ 375 * 100vw);
  }
  
  .accrodion_container3 h3::after {
    width: calc( 44/ 375 * 100vw);
    height: calc( 44/ 375 * 100vw);
    top: calc( 39/ 375 * 100vw);
    right: calc( 16/ 375 * 100vw);
  }
  
  .accrodion_container4 h3::after {
    width: calc( 44/ 375 * 100vw);
    height: calc( 44/ 375 * 100vw);
    top: calc( 39/ 375 * 100vw);
    right: calc( 16/ 375 * 100vw);
  }
  
  .accrodion_container5 h3::after {
    width: calc( 44/ 375 * 100vw);
    height: calc( 44/ 375 * 100vw);
    top: calc( 39/ 375 * 100vw);
    right: calc( 16/ 375 * 100vw);
  }
  
  .service_content1 {
    height: calc( 85/ 375 * 100vw);
    margin-bottom: calc( 20/ 375 * 100vw);
  }
  
  .service_content1 p{
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 345.43/ 375 * 100vw);
    padding-left: calc( 16/ 375 * 100vw);
  }
  
  .service_content2 {
    height: calc( 60/ 375 * 100vw);
    margin-bottom: calc( 21/ 375 * 100vw);
  }
  
  .service_content2 p{
        font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 357.43/ 375 * 100vw);
    padding-bottom: calc( 9/ 375 * 100vw);
    padding-left: calc( 16/ 375 * 100vw);
    
  }
  
  .service_content3 {
    height: calc( 84/ 375 * 100vw);
    margin-bottom: calc( 23/ 375 * 100vw);
  }
  
  .service_content3 p{
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 363/ 375 * 100vw);
    padding-bottom: calc( 9/ 375 * 100vw);
    padding-left: calc( 16/ 375 * 100vw);
  }
  
  .service_content4 {
    height: calc( 85/ 375 * 100vw);
    margin-bottom: calc( 23/ 375 * 100vw);
  }
  
  .service_content4 p{
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 345.43/ 375 * 100vw);
  }
  
  .service_content5 {
    height: calc( 85/ 375 * 100vw);
    margin-bottom: calc( 23/ 375 * 100vw);
  }
  
  .service_content5 p{
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 21/ 375 * 100vw);
    width: calc( 345.43/ 375 * 100vw);
  }
  
  .toggle_btn {
    height: calc( 44/ 375 * 100vw);
    width: calc( 44/ 375 * 100vw);
    top: calc( 39/ 375 * 100vw);
    right: calc( 17/ 375 * 100vw);
  }
  
  .accrodion_container1 h3.open::after {
    top: calc( 38/ 375 * 100vw);
    right: calc( 37/ 375 * 100vw);
    width: calc( 1/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
  }
  
  .accrodion_container1 h3::before {
    top: calc( 39/ 375 * 100vw);
    right: calc( 26/ 375 * 100vw);
    width: calc( 24/ 375 * 100vw);
    height: calc( 1/ 375 * 100vw);
  }
  
  .accrodion_container2 h3.open::after {
    top: calc( 38/ 375 * 100vw);
    right: calc( 37/ 375 * 100vw);
    width: calc( 1/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
  }
  
  .accrodion_container2 h3::before {
    top: calc( 39/ 375 * 100vw);
    right: calc( 26/ 375 * 100vw);
    width: calc( 24/ 375 * 100vw);
    height: calc( 1/ 375 * 100vw);
  }
  
  .accrodion_container3 h3.open::after {
    top: calc( 38/ 375 * 100vw);
    right: calc( 37/ 375 * 100vw);
    width: calc( 1/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
  }
  
  .accrodion_container3 h3::before {
    top: calc( 39/ 375 * 100vw);
    right: calc( 26/ 375 * 100vw);
    width: calc( 24/ 375 * 100vw);
    height: calc( 1/ 375 * 100vw);
  }
  
  .accrodion_container4 h3.open::after {
    top: calc( 38/ 375 * 100vw);
    right: calc( 37/ 375 * 100vw);
    width: calc( 1/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
  }
  
  .accrodion_container4 h3::before {
    top: calc( 39/ 375 * 100vw);
    right: calc( 26/ 375 * 100vw);
    width: calc( 24/ 375 * 100vw);
    height: calc( 1/ 375 * 100vw);
  }
  
  .accrodion_container5 h3.open::after {
    top: calc( 38/ 375 * 100vw);
    right: calc( 37/ 375 * 100vw);
    width: calc( 1/ 375 * 100vw);
    height: calc( 24/ 375 * 100vw);
  }
  
  .accrodion_container5 h3::before {
    top: calc( 39/ 375 * 100vw);
    right: calc( 26/ 375 * 100vw);
    width: calc( 24/ 375 * 100vw);
    height: calc( 1/ 375 * 100vw);
  }
  /*service*/
  
  /*info*/
  .info {
    padding-bottom: calc(42/ 375 * 100vw);
  }
  
  .info h2 {
    padding-top: calc(47/ 375 * 100vw);
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 49/ 375 * 100vw);
    padding-bottom: calc(22/ 375 * 100vw);
    padding-left: calc(11/ 375 * 100vw);
  }
  
  .info_container {
    width: calc( 347/ 375 * 100vw);
    
  }
  
  .info h3 {
    /*padding-top: calc(8/ 375 * 100vw);*/
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 14.4/ 375 * 100vw);
    /*padding-bottom: calc(9/ 375 * 100vw);*/
    /*padding-left: calc(11/ 375 * 100vw);*/
  }
  
  .info_term4 h3{
    padding-top: calc( 24/ 375 * 100vw);
  }
  
  .info_term5 h3{
    padding-top: calc( 24/ 375 * 100vw);
    margin-bottom: calc( -20/ 375 * 100vw);
  }
  
  .info_content p {
    line-height: calc( 21.4/ 375 * 100vw);
    margin-top: calc( 0/ 375 * 100vw);
    padding-left: calc( 10/ 375 * 100vw);
    font-size: calc( 12/ 375 * 100vw);
  }
  
  .info_content4 p {
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 21.4/ 375 * 100vw);
    margin-top: calc(-47/ 375 * 100vw);
    margin-left: calc( -8/ 375 * 100vw);
  }
  
  /*.info_content4 span {*/
  /*  font-size: calc( 9.98/ 375 * 100vw);*/
  /*  line-height: calc( 20.9/ 375 * 100vw);*/
  /*}*/
  
  .info_content6 {
    font-size: calc( 11.9/ 375 * 100vw);
    line-height: calc( 20.8/ 375 * 100vw);
  }
  
  .insurance {
    font-size: calc( 9.98/ 375 * 100vw);
    line-height: calc( 17.47/ 375 * 100vw);
  }
  
  .insurance::before {
    font-size: calc( 9.77/ 375 * 100vw);
    line-height: calc( 27.93/ 375 * 100vw);
    margin-right: calc( 1/ 375 * 100vw);
    margin-top: calc(-7/ 375 * 100vw);
  }
  
  .info_content7 {
    font-size: calc( 11.9/ 375 * 100vw);
    line-height: calc( 10.8/ 375 * 100vw);
    padding-top: calc( 13.9/ 375 * 100vw);
    width: calc(210.77/ 375 * 100vw);
    padding-bottom: calc( 16/ 375 * 100vw);
    padding-left: calc( 10/ 375 * 100vw);
  }
  
  .info_content7 .part {
    display: flex;
    font-size: calc( 9.98/ 375 * 100vw);
    line-height: calc( 17.9/ 375 * 100vw);
  }
  
  .info_content7 .part::before {
    content: '※';
    font-size: calc( 9.77/ 375 * 100vw);
    line-height: calc( 27.93/ 375 * 100vw);
    margin-right: calc( 1/ 375 * 100vw);
    margin-top: calc(-7/ 375 * 100vw);
  }
  
  .info_term {
    width: calc( 122/ 375 * 100vw);
    padding-top: calc( 15/ 375 * 100vw);
    padding-bottom: calc( 12/ 375 * 100vw);
  }
  
  .info_term3 {
    width: calc( 122/ 375 * 100vw);
    padding-top: calc( 26/ 375 * 100vw);
    padding-bottom: calc( 27/ 375 * 100vw);
  }
  
  .info_term4 {
    width: calc( 122/ 375 * 100vw);
  }
  
  .info_term5 {
    width: calc( 122/ 375 * 100vw);
    padding-bottom: calc( 39/ 375 * 100vw);
  }
  
  .info_term6 {
    width: calc( 122/ 375 * 100vw);
  }
  
  .info_term7 {
    width: calc( 121.5/ 375 * 100vw);
    padding-bottom: calc( 0/ 375 * 100vw);
    padding-top: calc( 5/ 375 * 100vw);
  }
  
  .info_content {
    width: calc( 225/ 375 * 100vw);
    /*padding-bottom: calc( 26/ 375 * 100vw);*/
    /*padding-top: calc( 3/ 375 * 100vw);*/
  }
  
  .info_content4 {
    width: calc( 225/ 375 * 100vw);
    padding-top: calc( 52/ 375 * 100vw);
    padding-bottom: calc( 10/ 375 * 100vw);
  }
  
  .info_content6 {
    width: calc( 225/ 375 * 100vw);
    padding-top: calc( 11/ 375 * 100vw);
    padding-bottom: calc( 13/ 375 * 100vw);
    padding-left: calc( 11/ 375 * 100vw);
    padding-right: calc( 13/ 375 * 100vw);
  }
  
  .info_content p {
    width: calc( 213.89/ 375 * 100vw);
  }
  
  .info_content7 p {
    width: calc( 201.77/ 375 * 100vw);
    margin-bottom: calc( -6/ 375 * 100vw);
  }
  
  .member {
    font-size: calc( 12/ 375 * 100vw);
    padding-left: calc( 12/ 375 * 100vw);
  }
  
  .free {
    font-size: calc( 9.98/ 375 * 100vw);
    line-height: calc( 20.9/ 375 * 100vw);
  }
  
  .insurance {
    margin-top: calc( 2/ 375 * 100vw);;
    width: calc( 197.49/ 375 * 100vw);
  }
  
  
  /*info*/
  
  /*apply*/
  .apply2 {
    padding-bottom: calc(70/ 375 * 100vw);
  }
  
  .apply2::before {
    background: linear-gradient(-174deg, #fff, #fff 55.5%, transparent 55.5%);
    top: calc(-16/ 375 * 100vw);
    height: 9.5%;
  }
  
  .apply2 h2 {
    padding-top: calc( 72/ 375 * 100vw);
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 49/ 375 * 100vw);
    padding-bottom: calc(30/ 375 * 100vw);
    padding-left: calc(19/ 375 * 100vw);
  }
  
  .apply2 .eight {
    margin-right: calc(111/ 375 * 100vw);
    margin-left: calc(9/ 375 * 100vw);
  }
  
  .apply2 .sai {
    top: calc(15/ 375 * 100vw);
    left: calc(18/ 375 * 100vw);
  }
  
  .apply2 .dai {
    top: calc(44/ 375 * 100vw);
    left: calc(18/ 375 * 100vw);
  }
  
  .apply2 h3 {
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 23/ 375 * 100vw);
    margin-bottom: calc( 22/ 375 * 100vw);
  }
  
  .apply2 .rice {
    top: calc( 31/ 375 * 100vw);
    right: calc( 34/ 375 * 100vw);
  }
  
  .apply2 .present {
    margin-right: calc( 14/ 375 * 100vw);
  }
  
  .apply2 .date {
    padding-left: calc( 20/ 375 * 100vw);
    font-size: calc( 12/ 375 * 100vw);
    line-height: calc( 14.4/ 375 * 100vw);
    padding-left: calc( 13/ 375 * 100vw);
    width: calc( 235/ 375 * 100vw);
  }
  
  .apply2 .triangle {
    width: calc( 14/ 375 * 100vw);
    height: calc( 14/ 375 * 100vw);
    left: calc( 102/ 375 * 100vw);
    top: calc( 2.5/ 375 * 100vw);
  }
  
  .apply2 .apply_p::before {
    margin-top: calc( -1/ 375 * 100vw);
    margin-right: calc( 5/ 375 * 100vw);
    margin-left: calc( -14/ 375 * 100vw);
  }
  
  .apply2 .apply_button span {
    margin-right: calc( 7/ 375 * 100vw);
    margin-left: calc( 2/ 375 * 100vw);
  }
  
  .apply2 .point {
    margin-bottom: calc( 7/ 375 * 100vw);
  } 
  
  .apply2 .apply_p p {
    margin-top: calc( 0/ 375 * 100vw);
    margin-right: calc( 5/ 375 * 100vw);
    margin-left: calc( 0/ 375 * 100vw);
  }
  /*apply*/
  
  /*footer*/
  .footer {
    padding-top: calc( 26/ 375 * 100vw);
  }
  
  .footer img{
    width: calc( 260/ 375 * 100vw);
    padding-bottom: calc( 25/ 375 * 100vw);
    padding-right: calc( 2/ 375 * 100vw);
  }
  
  .footer p {
    font-size: calc( 10/ 375 * 100vw);
    line-height: calc( 12/ 375 * 100vw);
    padding-left: calc( 4/ 375 * 100vw);
  }
  
  .footer::before {
    top:calc( -40/ 375 * 100vw);
    height: 43%;
  }
  /*footer*/
}