@charset "utf-8";
/*****************************************
共通
*****************************************/
.wrapper {
   width: 100%;
   padding: 0;
 }
.container {
   width: 100%;
   padding: 0;
}
#aoki_main * {
   box-sizing: content-box;
}
#aoki_main ul,
#aoki_main ol {
	list-style: none;
}
#aoki_main a:hover,
#aoki_main a:focus {
	text-decoration: none;
}

/* mv */
#aoki_main {
	width: 100%;
	color: #333;
	background: #fff;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.5;
}
#aoki_main .mv {
   width: 100%;
   margin: 0 auto;
   padding: 0 !important;
   box-sizing: border-box;
   text-align: center;
}

/* leadArea */
#aoki_main .leadArea {
   width: 1200px;
   margin: 0 auto;
   padding: 40px 0 0;
}
#aoki_main .leadArea p {
   line-height: 2;
   color: #4166c4;
   font-size: 16px;
	 text-align: center;
}
#aoki_main .leadArea p + p {
  margin-top: 30px;
}

/* contents */
#aoki_main .cmn-inner {
   width: 100%;
   margin: 0 auto;
}
#aoki_main .aircool_bg {
  position: relative;
  background: url("../_img/260501/bg_pc.webp") no-repeat top center/100% 660px;
  width: 100%;
  height: 660px;
  top: 0;
  left: 0;
  margin-top: 50px;
}
#aoki_main .contents_img {
  width: 97px;
  margin: 0 auto;
}
#aoki_main h2 {
  margin-top: 10px;
  color: #4166c4;
  font-size: 28px;
  text-align: center;
}
#aoki_main .aircool_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
#aoki_main .aircool {
  width: 1200px;
  margin: 0 auto;
  padding: 55px 0 78px;
}
#aoki_main .aircool_image {
  width: 601px;
  margin-right: 45px;
}
#aoki_main .aircool .text {
  width: 554px;
  font-size: 16px;
  color: #4166c4;
  line-height: 1.8;
}
#aoki_main .aircool .text:nth-of-type(1) span {
  font-weight: bold;
  font-size: 18px;
}
#aoki_main .aircool .text .caution {
  margin-top: 20px;
  font-size: 14px;
  text-indent: -1em;
}
#aoki_main .aircool .text .caution:nth-of-type(3) {
  margin-top: 3px;
}
#aoki_main .anchorlink {
  width: 1200px;
  margin: 0 auto;
  padding: 75px 0 110px;
}
#aoki_main .anchor_box {
  display: flex;
  justify-content: center;
  align-items: center;
}
#aoki_main .anchor h3 {
  font-size: 28px;
  color: #4166c4;
  text-align: center;
}
#aoki_main .anchor h3 span {
  font-size: 22px;
}
#aoki_main .anchor_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
#aoki_main .anchor_box {
  margin-top: 50px;
}
#aoki_main .anc_inner {
  position: relative;
  display: table;
}
#aoki_main .anchor_flex .anc_inner:nth-of-type(n+2) {
  margin-left: 20px;
}
#aoki_main .anchor_flex a {
  position: relative;
  display: table-cell;
  align-items: center;
  vertical-align: middle;
  background: #dfe9ff;
  width: 275px;
  height: 82px;
  font-size: 22px;
  font-weight: bold;
  color: #4166c4;
  line-height: 1.3;
  text-align: center;
  transition: .4s;
}
#aoki_main .anchor_flex a::after {
  position: absolute;
  content: "";
  border-top: 2px solid #4166c4;
  border-left: 2px solid #4166c4;
  width: 12px;
  height: 12px;
  top: 59px;
  left: 164px;
  transform: rotate(225deg);
  transition: .4s;
}
#aoki_main .anchor_flex a:hover {
  background: #4166c4;
  color: #fff;
}
#aoki_main .anchor_flex a:hover::after {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a::after {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a:hover::after {
  border-top: 2px solid #4166c4;
  border-left: 2px solid #4166c4;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a {
  background: #4166c4;
  color: #fff;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a:hover {
  background: #dfe9ff;
  color: #4166c4;
}
#aoki_main .anchor_flex a span {
  display: inline-block;
  margin-top: -11px;
  padding-left: 64px;
}
#aoki_main .anchor_flex a span.english {
  display: contents!important;
  font-size: 13px;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) {
  margin-left: 40px;
}
#aoki_main .anchor_box .anchor .anchor_flex .anc_inner::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 8px;
  z-index: 100;
}
#aoki_main .anchor_box .anchor:nth-of-type(1) .anchor_flex .anc_inner:nth-of-type(1)::before {
  background: url("../_img/260501/summer01.webp") no-repeat top center/71px 72px;
  width: 71px;
  height: 72px;
}
#aoki_main .anchor_box .anchor:nth-of-type(1) .anchor_flex .anc_inner:nth-of-type(2)::before {
  background: url("../_img/260501/summer02.webp") no-repeat top center/71px 72px;
  width: 71px;
  height: 72px;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex .anc_inner:nth-of-type(1)::before {
  background: url("../_img/260501/summer03.webp") no-repeat top center/71px 72px;
  width: 71px;
  height: 72px;
}
#aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex .anc_inner:nth-of-type(2)::before {
  background: url("../_img/260501/summer04.webp") no-repeat top center/71px 72px;
  width: 71px;
  height: 72px;
}
#aoki_main .style_bg {
  width: 100%;
  background-image: linear-gradient(#dfe9ff 18%, #eff3fc 65%);
}
#aoki_main .style_bg.businnes {
  width: 100%;
  background-image: linear-gradient(#4166c4 24%, #6683cc 65%);
}
#aoki_main .style_bg.businnes h2,
#aoki_main .style_bg.businnes h3,
#aoki_main .style_bg.businnes p {
  color: #fff;
}

#aoki_main .style_inner {
  width: 1130px;
  margin: 0 auto;
  padding: 108px 0 155px;
}
#aoki_main .dress_style {
  display: flex;
  justify-content: center;
  align-items: center;
}
#aoki_main .dress_img {
  width: 569px;
  margin-right: 50px;
}
#aoki_main .dress_text {
  width: 511px;
  text-align: center;
  color: #4166c4;
}
#aoki_main .catch {
  font-size: 20px;
  font-weight: bold;
}
#aoki_main .dress_text h3 {
  position: relative;
  margin-top: 20px;
  font-size: 34px;
  font-weight: bold;
}
#aoki_main .dress_text h3::before {
  position: absolute;
  content: "";
  border: 1px solid #4166c4;
  width: 100px;
  top: 55px;
  left: 210px;
}
#aoki_main .businnes .dress_text h3::before {
  border: 1px solid #fff;
}
#aoki_main .dress_text h3 span {
  font-size: 28px;
}
#aoki_main .dress_text .about {
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}
#aoki_main .style_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 130px;
}
#aoki_main #style02 .style_flex,
#aoki_main #style04 .style_flex {
  flex-direction: row-reverse;
}
#aoki_main .style_flex picture {
  display: inline-block;
  width: 600px;
  margin-right: 60px;
}
#aoki_main #style02 .style_flex picture,
#aoki_main #style04 .style_flex picture {
  margin-left: 3vw;
  margin-right: 0;
}
#aoki_main #style02 .style_flex .style_text picture,
#aoki_main #style04 .style_flex .style_text picture {
  margin-left: 0;
  margin-right: 0;
}
#aoki_main .style_flex .style_text picture {
  display: inline-block;
  width: 318px;
}
#aoki_main .style_text {
  width: 468px;
  text-align: center;
  color: #4166c4;
}
#aoki_main .summer_icon {
  width: 93px;
  margin: 0 auto;
}
#aoki_main .style_catch {
  margin-top: 15px;
  font-size: 20px;
}
#aoki_main .style_text h2 {
  position: relative;
  font-size: 40px;
}
#aoki_main .style_text h2::before {
  position: absolute;
  content: "";
  border-bottom: 4px dotted #4166c4;
  width: 304px;
  top: 43px;
  left: 78px;
}
#aoki_main .businnes .style_text h2::before {
  border-bottom: 4px dotted #fff;
}
#aoki_main .style_text h3 {
  margin-top: 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: normal;
}
#aoki_main h3 .price {
  font-size: 23px;
}
#aoki_main h3 .tax {
  font-size: 16px;
}
#aoki_main .style_about {
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
  line-height: 1.8;
}
#aoki_main .style_text picture {
  margin: 0;
}
#aoki_main .module_area {
  margin-top: 40px;
}
#aoki_main #style01 .module_area {
  margin-top: 0;
}
#aoki_main .line {
  width: 300px;
  margin: 130px auto 0;
  border: 1px solid #4166c4;
}
#aoki_main .businnes .line {
  border: 1px solid #fff;
}
.topicModuleItem__titleCol {
  display: none!important;
}
#aoki_main .quickry {
  margin-top: 80px;
}
#aoki_main .quickry h2 {
  color: #264699;
}
#aoki_main .quickry h2 span {
  font-weight: bold;
  border-bottom: 3px dotted #e3911c;
  font-size: 30px;
}
#aoki_main .quickry_bg {
  background: url("../_img/260501/quick_pc.webp") no-repeat top center/1044px 890px;
  width: 1044px;
  height: 890px;
  margin: 20px auto 0;
}
#aoki_main .quickry_flex {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 43px 0 59px;
}
#aoki_main .waki_pc {
  width: 411px;
  margin-right: 50px;
}
#aoki_main .quickry_text {
  width: 512px;
  text-align: center;
}
#aoki_main .shimi {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
#aoki_main .shimi::before {
  position: absolute;
  content: "";
  border-top: 2px solid #fff;
  width: 29px;
  height: 2px;
  top: 15px;
  left: 95px;
  transform: rotate(57deg);
}
#aoki_main .shimi::after {
  position: absolute;
  content: "";
  border-top: 2px solid #fff;
  width: 29px;
  height: 2px;
  top: 15px;
  right: 95px;
  transform: rotate(-57deg);
}
#aoki_main .quickry_text h3 {
  margin-top: 15px;
  font-size: 40px;
  color: #fff;
}
#aoki_main .type_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
#aoki_main .type_flex .type {
  text-align: center;
  width: 165px;
}
#aoki_main .type_flex .type h4 {
  font-size: 22px;
  color: #fff;
}
#aoki_main .type_flex .type h4 span {
  font-size: 16px;
}
#aoki_main .type_flex .type p {
  margin-top: 10px;
  width: 165px;
}
#aoki_main .type_flex .type:nth-of-type(2) {
  margin-left: 40px;
}
#aoki_main .hikaku_bg {
  background: #fff;
  opacity: 0.9;
  margin-top: 10px;
}
#aoki_main .hikaku_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
#aoki_main .hikaku_inner {
  padding: 15px 0;
}
#aoki_main .hikaku p {
  font-size: 18px;
  font-weight: bold;
  color: #264699;
}
#aoki_main .hikaku p:nth-of-type(2) {
  width: 222px;
}
#aoki_main .hikaku_inner .caution {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #264699;
  margin-top: 5px;
  padding-left: 21px;
}
#aoki_main .hikaku_flex .hikaku:nth-of-type(2) p {
  color: #e3911c;
}
#aoki_main .hikaku_flex .hikaku:nth-of-type(2) {
  margin-left: 20px;
}
#aoki_main .hikaku_inner p.hikaku_title {
  font-size: 23px;
  font-weight: bold;
  color: #264699
}
#aoki_main .quickry_price {
  position: relative;
  margin-top: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #264699;
  z-index: 10;
}
#aoki_main .each {
  font-size: 27px!important;
}
#aoki_main .quickry_price::before {
  position: absolute;
  content: "";
  background: url("../_img/260501/shape_pc.webp") no-repeat top center/238px 11px;
  width: 238px;
  height: 11px;
  top: 30px;
  left: 130px;
  opacity: 0.9;
  z-index: -1;
}
#aoki_main .quickry_price span {
  font-size: 21px;
}
/*  btn-area */
#aoki_main .btn-area {
   margin-top: 30px;
   text-align: center;
}
#aoki_main .btn-area .cmn-btn + .cmn-btn {
   margin-top: 40px;
}
/* 1カラム（ボーダー ⇒ ベタ背景色） */
#aoki_main .cmn-btn.bd a {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   width: 500px;
   height: 80px;
   margin: 0 auto;
   color: #fff;
   border: 2px solid #4166c4;
   background: #4166c4;
   border-radius: 100vw;
   font-size: 19px;
   font-weight: bold;
   box-sizing: border-box;
   transition: .4s;
}
#aoki_main .cmn-btn.bd a::after {
   content: "";
   position: absolute;
   top: 53%;
   right: 40px;
   width: 10px;
   height: 10px;
   margin-top: -4px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: translateY(-40%) rotate(45deg);
   -webkit-transform: translateY(-40%) rotate(45deg);
   transition: .4s;
}
#aoki_main .cmn-btn.bd a:hover {
   background-color: #fff;
   color: #4166c4;
   transition: 0.4s;
   -webkit-transition: 0.4s;
   text-decoration: none;
}
#aoki_main .cmn-btn.bd a:hover::after {
   border-top: 2px solid #4166c4;
   border-right: 2px solid #4166c4;
}
#aoki_main .businnes .cmn-btn.bd a {
   color: #4166c4;
   border: 2px solid #fff;
   background: #fff;
}
#aoki_main .businnes .cmn-btn.bd a::after {
   border-top: 2px solid #4166c4;
   border-right: 2px solid #4166c4;
}
#aoki_main .businnes .cmn-btn.bd a:hover {
   background-color: #4166c4;
   color: #fff;
}
#aoki_main .businnes .cmn-btn.bd a:hover::after {
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
}
/* cmn-recommend */
#aoki_main .cmn-recommend {
   padding: 120px 0 50px;
}
#aoki_main .cmn-recommend h2 {
   margin: 0 auto 47px;
   color: #4166c4;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
}
#aoki_main .cmn-recommend .bnr_box {
   display: flex;
   max-width: 1200px;
   width: 100%;
   margin: 0 auto;
   justify-content: space-between;
   -webkit-box-pack: justify;
}

#aoki_main .cmn-btn.bg a {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   width: 400px;
   height: 80px;
   margin: 0 auto;
   color: #fff;
   border: 2px solid #264699;
   background: #264699;
   border-radius: 100vw;
   font-size: 19px;
   font-weight: bold;
   box-sizing: border-box;
   transition: .4s;
   text-align: center;
}
#aoki_main .cmn-btn.bg a:hover {
   color: #264699;
   border: 2px solid #264699;
   background: #fff;
}
#aoki_main .cmn-btn.bg a::after {
   content: "";
   position: absolute;
   top: 53%;
   right: 40px;
   width: 10px;
   height: 10px;
   margin-top: -4px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: translateY(-40%) rotate(45deg);
   -webkit-transform: translateY(-40%) rotate(45deg);
   transition: .4s;
}
#aoki_main .cmn-btn.bg a:hover::after {
   border-top: 2px solid #264699;
   border-right: 2px solid #264699;
}
#aoki_main .quickry .btn-area-others {
  display: flex;
  justify-content: center;
  align-items: center;
}
#aoki_main .quickry .btn-area-others .cmn-btn.bg:nth-of-type(2) {
  margin-left: 60px;
}
#aoki_main .shirt_caution{
  margin-top: 60px;
  font-size: 18px;
  text-align: center;
  color: #4166c4;
  font-weight: bold;
}
/*****************************************
PC only
*****************************************/
@media screen and (min-width: 769px) {
  .sp {
      display: none;
   }
  #aoki_main #style02 .style_text h2::before {
    width: 380px;
    left: 40px;
  }
   /* cmn-recommend */
   #aoki_main .cmn-recommend h2 {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   #aoki_main .cmn-recommend h2::before,
   #aoki_main .cmn-recommend h2::after {
      content: "";
      border-bottom: 2px solid #4166c4;
   }
   #aoki_main .cmn-recommend h2::before {
      margin-right: 20px;
      padding-left: 120px;
   }
   #aoki_main .cmn-recommend h2::after {
      margin-left: 20px;
      padding-right: 120px;
   }

   /* bottom_recommend_area */
   #aoki_main #bottom_recommend_area .bottom_newitem,
   #aoki_main #bottom_recommend_area .bottom_service {
      width: 1100px !important;
   }
   #aoki_main #bottom_recommend_area .bottom_bnrBox a {
      width: 24% !important;
   }
   #aoki_main #bottom_recommend_area .bottom_bnrBox a + a {
      margin-left: 12px !important;
   }
    .businnes .topicModuleItem__price::before {
      content: '';
      display: block;
      width: 50px;
      height: 15px;
      margin-right: 2px;
      background-image: url("../_img/260501/web.webp");
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
    }
    .businnes .topicModuleItem__priceWrapper--old::before {
      color: #fff;
    }
    .businnes .topicModuleItem__price {
    color: #fff;
    }
    #bottom_recommend_area h2::before, 
    #bottom_recommend_area h2::after {
      content: "";
      border-bottom: 2px solid #4166c4!important;
  }
  #style03 .topicModuleItem__priceWrapper,
  #style04 .topicModuleItem__priceWrapper {
    margin-top: 21px!important;
  }
}


/*****************************************
SP only
*****************************************/
@media screen and (max-width: 768px) {
   .pc {
      display: none;
   }
   .wrapper {
      padding: 0;
      margin: 0 0 50px;
   }
   .container {
      padding-left: 0;
      padding-right: 0;
   }

   /* mv */
   #aoki_main {
      max-width: 768px;
      width: 100%;
      line-height: 1.5;
      margin: 0 auto;
      background: #fff;
      color: #333;
      font-size: 4.2666666vw;
   }
   #aoki_main .mv {
      width: 100%;
   }
   #aoki_main .mv p {
      width: 100%;
   }

   /* leadArea */
   #aoki_main .leadArea {
      width: 100%;
      margin: 0 auto;
      padding: 10vw 4vw 9vw;
      box-sizing: border-box;
   }
   #aoki_main .leadArea p {
      line-height: 2;
      font-size: 3.2vw;
      text-align: left;
   }

   /* contents */
   #aoki_main .cmn-inner {
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      overflow: hidden;
   }
   #aoki_main .aircool_bg {
      position: relative;
      background: url("../_img/260501/bg_sp.webp") no-repeat top center/100vw 182vw;
      width: 100vw;
      height: 182vw;
      top: 0;
      left: 0;
      margin-top: 0;
    }
    #aoki_main .contents_img {
      width: 16.1vw;
    }
    #aoki_main h2 {
      margin-top: 0;
      font-size: 4.26vw;
      line-height: 1.6;
    }
    #aoki_main .aircool_flex {
      display: block;
      margin-top: 6vw;
    }
    #aoki_main .aircool {
      width: 92vw;
      margin: 0 auto;
      padding: 10vw 0 ;
    }
    #aoki_main .aircool_image {
      width: 92vw;
      margin-right: 0;
    }
    #aoki_main .aircool .text {
      width: 92vw;
      margin-top: 5vw;
      font-size: 3.46vw;
    }
    #aoki_main .aircool .text:nth-of-type(1) span {
      font-weight: bold;
      font-size: 3.5vw;
    }
    #aoki_main .aircool .text .caution {
      margin-top: 5.5vw;
      font-size: 2.66vw;
      padding-left: 3vw;
    }
    #aoki_main .anchorlink {
      width: 92vw;
      padding: 10vw 0 14vw;
    }
    #aoki_main .anchor_box {
      display: block;
    }
    #aoki_main .anchor h3 {
      font-size: 4.26vw;
    }
    #aoki_main .anchor h3 span {
      font-size: 3.2vw;
    }
    #aoki_main .anchor_flex {
      margin-top: 4vw;
    }
    #aoki_main .anchor_box {
      margin-top: 7vw;
    }
    #aoki_main .anc_inner {
      position: relative;
      display: table;
    }
    #aoki_main .anchor_flex .anc_inner:nth-of-type(n+2) {
      margin-left: 3vw;
    }
    #aoki_main .anchor_flex a {
      width: 44.2vw;
      height: 13vw;
      font-size: 3.46vw;
      line-height: 1.3;
    }
    #aoki_main .anchor_flex a::after {
      position: absolute;
      content: "";
      border-top: 2px solid #4166c4;
      border-left: 2px solid #4166c4;
      width: 2.5vw;
      height: 2.5vw;
      top: 66%;
      left: 57%;
      transform: rotate(225deg);
      transition: .4s;
    }
    #aoki_main .anchor_flex a:hover {
      background: #4166c4;
      color: #fff;
    }
    #aoki_main .anchor_flex a:hover::after {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a::after {
      border-top: 2px solid #fff;
      border-left: 2px solid #fff;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a:hover::after {
      border-top: 2px solid #4166c4;
      border-left: 2px solid #4166c4;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a {
      background: #4166c4;
      color: #fff;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex a:hover {
      background: #dfe9ff;
      color: #4166c4;
    }
    #aoki_main .anchor_flex a span {
      margin-top: -3vw;
      padding-left: 10vw;
    }
    #aoki_main .anchor_flex a span.english {
      font-size: 2.4vw;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) {
      margin-left: 0;
      margin-top: 9vw;
    }
    #aoki_main .anchor_box .anchor .anchor_flex .anc_inner::before {
      top: 5%;
      left: 3%;
      z-index: 100;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(1) .anchor_flex .anc_inner:nth-of-type(1)::before {
      background: url("../_img/260501/summer01.webp") no-repeat top center/11.7vw 11.6vw;
      width: 11.7vw;
      height: 11.6vw;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(1) .anchor_flex .anc_inner:nth-of-type(2)::before {
      background: url("../_img/260501/summer02.webp") no-repeat top center/11.7vw 11.6vw;
      width: 11.7vw;
      height: 11.6vw;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex .anc_inner:nth-of-type(1)::before {
      background: url("../_img/260501/summer03.webp") no-repeat top center/11.7vw 11.6vw;
      width: 11.7vw;
      height: 11.6vw;
    }
    #aoki_main .anchor_box .anchor:nth-of-type(2) .anchor_flex .anc_inner:nth-of-type(2)::before {
      background: url("../_img/260501/summer04.webp") no-repeat top center/11.7vw 11.6vw;
      width: 11.7vw;
      height: 11.6vw;
    }
    #aoki_main .style_bg {
      width: 100%;
      background-image: linear-gradient(#dfe9ff 18%, #eff3fc 65%);
    }
    #aoki_main .style_inner {
      width: 92vw;
      padding: 15vw 0;
    }
    #aoki_main .dress_style {
      display: flex;
      flex-direction: column;
    }
    #aoki_main .dress_img {
      width: 92vw;
      margin: 5vw auto 0;
      order: 3;
    }
    #aoki_main .dress_text {
      display: contents;
      width: 92vw;
      text-align: center;
      color: #4166c4;
    }
    #aoki_main .catch {
      font-size: 3.2vw;
      order: 1;
    }
    #aoki_main .dress_text h3 {
      position: relative;
      margin-top: 3vw;
      font-size: 4.8vw;
      font-weight: bold;
      order: 2;
    }
    #aoki_main .dress_text h3::before {
      position: absolute;
      content: "";
      border: 1px solid #4166c4;
      width: 92vw;
      top: -43%;
      left: -49%;
    }
    #aoki_main .businnes .dress_text h3::before {
      border: 1px solid #fff;
      left: -75%;
    }
    #aoki_main .dress_text h3 span {
      font-size: 4vw;
    }
    #aoki_main .dress_text .about {
      margin-top: 6vw;
      font-size: 3.2vw;
      line-height: 1.8;
      order: 4;
    }
    #aoki_main .style_flex {
      margin-top: 20vw;
    }
    #aoki_main .style_flex picture {
      display: inline-block;
      width: 46vw;
      margin-right: 3vw;
    }
    #aoki_main .style_flex .style_text picture {
      margin-top: 5vw;
      display: inline-block;
      width: 39.7vw;
    }
    #aoki_main .style_text {
      width: 39.7vw;
    }
    #aoki_main .summer_icon {
      width: 14vw;
    }
    #aoki_main .style_catch {
      margin-top: 2vw;
      font-size: 3.2vw;
    }
    #aoki_main .style_text h2 {
      margin-top: 1vw;
      line-height: 1.3;
      font-size: 5.06vw;
    }
    #aoki_main .style_text h2::before {
      position: absolute;
      content: "";
      border-bottom: 2px dotted #4166c4;
      width: 39vw;
      top: 92%;
      left: 1%;
    }
  
   #aoki_main .businnes .style_text h2::before {
      border-bottom: 2px dotted #fff;
    }
    #aoki_main .style_text h3 {
      margin-top: 4vw;
      font-size: 2.93vw;
    }
    #aoki_main h3 .price {
      font-size: 3.73vw;
    }
    #aoki_main h3 .tax {
      font-size: 2.2vw;
    }
    #aoki_main .style_about {
      margin: 6vw 0 0;
      color: #4166c4;
      font-size: 3.2vw;
      line-height: 2;
    }
    #aoki_main .style_text picture {
      margin: 0;
    }
    #aoki_main .module_area {
      margin-top: -5vw;
    }
    #aoki_main .line {
      width: 40vw;
      margin: 20vw auto 0;
    }
    #aoki_main .quickry {
      margin-top: 10vw;
    }
    #aoki_main .quickry h2 span {
      font-size: 4.53vw;
    }
    #aoki_main .quickry_bg {
      background: url(../_img/260501/quick_sp.webp) no-repeat top center / 92vw 235vw;
      width: 92vw;
      height: 235vw;
      margin: 2vw auto 0;
    }
    #aoki_main .quickry_flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6vw 0 7vw;
    }
    #aoki_main .shimi {
      font-size: 3.46vw;
    }
    #aoki_main .shimi::after {
      width: 6vw;
      height: 1vw;
      top: 30%;
      right: 23%;
    }
    #aoki_main .shimi::before {
      width: 6vw;
      height: 1vw;
      top: 30%;
      left: 23%;
    }
    #aoki_main .quickry_text h3 {
      margin-top: 3vw;
      font-size: 5.86vw;
    }
    #aoki_main .type_flex {
      margin-top: 5vw;
    }
    #aoki_main .type_flex .type {
      text-align: center;
      width: 30.2vw;
    }
   #aoki_main .type_flex .type h4 {
      font-size: 3.46vw;
    }
    #aoki_main .type_flex .type p {
      margin-top: 1vw;
      width: 30.2vw;
    }
    #aoki_main .type_flex .type h4 span {
      font-size: 2.2vw;
    }
    #aoki_main .quickry_price {
      margin-top: 3vw;
      font-size: 5.33vw;
      color: #fff;
    }
    #aoki_main .each {
      font-size: 4.53vw!important;
    }
    #aoki_main .quickry_price span {
      font-size: 3.46vw;
    }
    #aoki_main .quickry_price::before {
      position: absolute;
      content: "";
      background: url(../_img/260501/shape_sp.webp) no-repeat top center / 41vw 1.6vw;
      width: 41vw;
      height: 1.6vw;
      top: 73%;
      left: 29%;
    }
    #aoki_main .waki_sp_flex {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 7vw;
    }
    #aoki_main .waki_sp_flex p.waki_sp_flex_img {
      width: 42.6vw;
      margin-right: 3vw;
    }
    #aoki_main .waki_sp_flex_text {
      width: 38vw;
    }
    #aoki_main .waki_sp_flex_text p:nth-of-type(1) {
      width: 22vw;
      margin: 0 auto;
    }
    #aoki_main .waki_sp_flex_text p:nth-of-type(2) {
      margin-top: 3vw;
      font-size: 2.9vw;
      font-weight: bold;
      text-align: left;
      color: #264699;
      line-height: 1.6;
    }
    #aoki_main .hikaku_bg {
      margin: 6vw auto 0;
      width: 82.9vw;
    }
    #aoki_main .hikaku_inner p.hikaku_title {
      font-size: 4vw;
    }
    #aoki_main .hikaku_flex {
      margin-top: 3vw;
    }
    #aoki_main .hikaku p:nth-of-type(2) {
      width: 36vw;
    }
    #aoki_main .type_flex .type:nth-of-type(2) {
      margin-left: 8vw;
    }
    #aoki_main .hikaku p {
      font-size: 2.8vw;
    }
    #aoki_main .hikaku_inner .caution {
      font-size: 2.6vw;
      margin-top: 2vw;
      padding-left: 3vw;
    }
    #aoki_main .hikaku_flex .hikaku:nth-of-type(2) {
      margin-left: 4vw;
    }
    #aoki_main .quickry .btn-area-others {
      display: block;
    }
    #aoki_main .hikaku_inner {
      padding: 3vw 0 2vw;
    }
    #aoki_main .shirt_caution {
      margin-top:6vw;
      font-size: 3.2vw;
    }
    .topicModuleCredit {
        margin: 0 auto;
      }
      .topicModuleCredit .slick-arrow {
        top: 19.33vw;
      }
      .topicModuleCredit .slick-next, 
      .topicModuleCredit .slick-prev {
        width: 7.73vw;
        height: 10.73vw;
        background: #4166c4;
        border: none;
      }
      .businnes .topicModuleCredit .slick-next, 
      .businnes .topicModuleCredit .slick-prev {
        background: #fff;
      }
      .topicModuleCredit .slick-next {
        right: -2.67vw;
      }
      .topicModuleCredit .slick-prev {
        left: -2.67vw;
      }
      .topicModuleCredit .slick-next::before, 
      .topicModuleCredit .slick-prev::before{
        position: absolute;
        content: "";
        border-top: 0.66vw solid #fff;
        border-left: 0.66vw solid #fff;
        top: 50%;
        width: 3vw;
        height: 3vw;
      }
      .businnes .topicModuleCredit .slick-next::before, 
      .businnes .topicModuleCredit .slick-prev::before{
        border-top: 0.66vw solid #4166c4;
        border-left: 0.66vw solid #4166c4;
      }
      .topicModuleCredit .slick-prev::before {
        left: 40%;
        transform: translateY(-50%) rotate(-45deg);
      }
      .topicModuleCredit .slick-next::before {
        right: 40%;
        transform: translateY(-50%) rotate(135deg);
      }
      .topicModuleCredit button {
        font-size: 0px;
      }
      .topicModuleCredit .slick-next:focus, 
      .topicModuleCredit .slick-prev:focus {
        outline: none;
      }
      .topicModuleCredit .slick-track li {
        width: calc(100% - 6vw / 3)!important;
        margin: 0 1vw;
      }


   /* cmn-recommend */
   #aoki_main .cmn-recommend h2 {
      margin: 0 auto 5vw;
      font-size: 6.4vw;
   }
   #aoki_main .cmn-recommend .bnr_box {
      width: 100%;
      flex-wrap: wrap;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img {
      width: 48%;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img a {
      display: block;
   }
   #aoki_main .cmn-recommend .bnr_box .bnr_img:nth-of-type(n+3) {
      margin-top: 4vw;
   }

   /* ------ btn-area ------ */
   #aoki_main .btn-area {
      width: 100%;
      margin: 0 auto;
   }
   /* 1カラム（ボーダー ⇒ ベタ背景色） */
   #aoki_main .cmn-btn.bd a {
      width: 92vw;
      height: 16vw;
      padding: 4.5vw;
      font-size: 3.46vw;
   }
  #aoki_main .cmn-btn.bd a::after {
      top: 56%;
      right: 7%;
  }
  #aoki_main .cmn-btn.bg a {
      width: 82vw;
      height: 14.3vw;
      padding: 4.5vw;
      font-size: 3.46vw;
   }
  #aoki_main .cmn-btn.bg a::after {
    top: 58%;
    right: 10%;
    width: 2.5vw;
    height: 2.5vw;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
  #aoki_main .quickry .btn-area-others .cmn-btn.bg:nth-of-type(2) {
    margin-left: 0;
  }
   /* 2カラム */
   #aoki_main .btn-area-others {
      justify-content: space-between;
   }
   #aoki_main .btn-area-others .cmn-btn {
      width: 100%;
   }
   #aoki_main .btn-area-others .cmn-btn a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 3.2vw;
   }
   #aoki_main .btn-area-others .cmn-btn:nth-of-type(2n) {
      margin-left: 0;
      margin-top: 6vw;
   }
    .businnes .topicModuleItem__price::before {
      content: '';
      display: block;
      width: 40px;
      height: 15px;
      margin-right: 2px;
      background-image:url("../_img/260501/web.webp");
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
  }
  .businnes .topicModuleItem__priceWrapper--old::before {
    color: #fff;
  }
  .businnes .topicModuleItem__price {
    color: #fff;
  }
    #aoki_main .cmn-recommend {
      padding: 20vw 4vw 10vw;
  }
  #bottom_recommend_area {
      padding: 16vw 4vw 0;
    }

   /* 商品モジュール調整 */
   #aoki_main .topicModuleCredit,
   #aoki_main .topicModuleCredit.mb_0 {
      margin: 30px auto!important;
  }
  #style03 .topicModuleItem__priceWrapper,
  #style04 .topicModuleItem__priceWrapper {
    margin-top: 21px!important;
  }
}

/*****************************************
Tablet only (min-width:576px)
*****************************************/
@media screen and (min-width: 576px) {
   .container {
      width: 100%;
   }
}