/******************************/
/* category */
/******************************/
.p-category__ttl {
  margin: 10px 0 30px 0;
  line-height: 1.4;
  font-size: 30px;
  font-weight: normal;
}
.p-category-free {
  margin-bottom: 60px;
  line-height: 2;
}
/***** カテゴリ一覧 *****/
.p-category-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 767px) {
  .p-category-list {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
.p-category-list__item {
  box-sizing: border-box;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.3333%;
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-category-list__item {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    text-align: left;
  }
}
.p-category-list__link {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-category-list__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.p-category-list__link:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-category-list__link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    transform: rotate(-45deg);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
.p-category-list__img {
  display: block;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-category-list__img {
    margin-right: 10px;
    margin-bottom: 0;
    width: 75px;
  }
}
.p-category-list__name:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .p-category-list__name:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 767px) {
  .p-category-list__name {
    flex: 1;
  }
}
/***** 商品件数・ソート *****/
.p-item-list-head {
  display: flex;
  justify-content: space-between;
  padding: 30px;
  border-top: 1px solid #7d7d7d;
}
@media screen and (max-width: 767px) {
  .p-item-list-head {
    padding: 30px 0;
  }
}
.p-item-list-num {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .p-item-list-num {
    font-size: 14px;
  }
}
.p-item-sort-list {
  display: flex;
  flex-wrap: wrap;
}
.p-item-sort-list__item {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .p-item-sort-list__item {
    margin-left: 25px;
  }
}
.p-item-sort-list__item:first-child {
  margin-left: 0;
}
.p-item-sort-list__item span {
  text-decoration: underline;
}





/******************************/
/* archive.css */
/******************************/

#faq {
  background: #f6f5f5;
  padding: 200px 103px 110px;
  margin-bottom: 123px;
  letter-spacing: 0.1em;
}
#faq .ttl2 {
  position: absolute;
  top: -43px;
  left: 0;
  width: 100%;
}
#faq .ttl2 .en{
  font-size: 86px;
}
#faq dt {
  font-size: 30px;
  margin-bottom: 20px;
}
#faq dt span {
  display: block;
}
#faq dt .faq-txt {
  margin-top: 11px;
  width: calc(100% - 68px);
}
#faq dd {
  margin-left: 45px;
  font-size: 16px;
  line-height: 30px;
}
#faq dd span {
  display: block;
}
#faq dd .faq-txt {
  margin-top: 9px;
  letter-spacing: 0.19em;
  width: calc(100% - 68px);
}
#faq .q, #faq .a {
  text-transform: uppercase;
  font-family: 'Jost', sans-serif;
  font-size: 50px;
  line-height: 1;
}
#faq .q {
  width: 64px;
  color: #91114c;
}
#faq .a {
  width: 59px;
  color: #5b5b5b;
}
#faq dl:not(:last-child) {
  margin-bottom: 43px;
  padding-bottom: 44px;
  border-bottom: 2px solid #b3a89d;
}
@media screen and (max-width: 999px) {
  #faq {
    padding: 20vw 6% 9vw;
    margin-bottom: 15vw;
  }
  #faq .ttl2 {
    top: -22.5vw;
  }
  #faq .ttl2 span {
    font-size: 16vw !important;
  }
  #faq dl:not(:last-child) {
    padding-bottom: 8vw;
    margin-bottom: 8vw;
  }
  #faq dt {
    font-size: 15px;
    margin-bottom: 2vw;
  }
  #faq dt span {
    display: block;
  }
  #faq dt .faq-txt {
    margin-top: 0;
    width: calc(100% - 33px);
  }
  #faq dd {
    margin-left: 23px;
    font-size: 12px;
    line-height: 20px;
  }
  #faq dd span {
    display: block;
  }
  #faq dd .faq-txt {
    margin-top: 6px;
    width: calc(100% - 28px);
  }
  #faq .q, #faq .a {
    font-size: 25px;
  }
  #faq .q {
    width: 33px;
  }
  #faq .a {
    width: 28px;
  }
}
#product {
  border-bottom: 1px solid #000;
  margin-bottom: 80px;
  padding-bottom: 94px;
}
#product .ttl2 {
  margin-bottom: 73px;
}
#product .ttl2 .en {
  font-size: 86px;
  margin-bottom: 5px;
}
#product .dis-flex {
  flex-wrap: wrap;
}
#product .product-item {
  width: 29.2%;
  margin-left: 6.2%;
  font-size: 16px;
  margin-bottom: 38px;
}
#product .product-item:nth-child(3n+1) {
  margin-left: 0;
}
#product .product-txt {
  margin: 11px 0 0 12px;
}
@media screen and (max-width: 999px) {
  #product {
    padding: 0 2.7% 7vw;
    margin-bottom: 6vw;
  }
  #product .ttl2 {
    margin-bottom: 7vw;
  }
  #product .ttl2 .en {
    font-size: 11.47vw;
    margin-bottom: 0;
  }
  #product .dis-flex {
    justify-content: space-between;
  }
  #product .product-item {
    width: 47.6%;
    margin-left: 0 !important;
    margin-bottom: 5vw;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
  }
  #product .product-txt {
    margin: 2.5vw 0 0 3%;
  }
}
#point ul {
  justify-content: center;
}
#point li {  
  border-radius: 50%;
  line-height: 1.63;
}
#point li i {
  display: block;
  width: 22.4%;
  margin: 0 auto 33px;
}
#point li div {
  position: relative;
  padding-top: 100%;
}
#point li div p {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 1000px) {
  #point li {
    width: 28.3%;
    margin: 0 1.58%;
    font-size: 22px;
  }
}
@media screen and (max-width: 999px) {
  #point ul {
    margin: auto;
    width: 64%;
  }
  #point ul li {
    margin-bottom: 3vw;
    font-size: 4vw;
  }
  #point ul li i {
    margin-bottom: 6vw;
  }
}
.toringo .ttl, .toringo .ttl2 .en {
  color: #91114c;
}
.toringo #key {
  background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/toringo/key_img.jpg") no-repeat center/cover;
}
.toringo #key .header-logo {
  position: absolute;
  bottom: 88px;
  left: 28px;
}
.toringo #key .key-btn {
  position: absolute;
  bottom: 58px;
  right: 16px;
}
@media screen and (max-width: 999px) {
  .toringo #key .header-logo {
    width: 54.9%;
    bottom: 6vw;
    left: 3.5%;
  }
  .toringo #key .key-btn {
    bottom: 5vw;
    right: 5.2%;
    width: 22.4%;
  }
}
.toringo section {
  font-weight: 400;
  text-align: justify;
}
.toringo #lead .ttl {
  text-align: left;
}
.toringo #lead .lead-img {
  order: 2;
}
@media screen and (min-width: 1000px) {
  .toringo #lead {
    justify-content: space-between;
    margin: 113px auto 115px;
  }
  .toringo #lead .lead-img {
    width: 57.2%;
  }
  .toringo #lead .lead-info {
    width: 37.8%;
    font-size: 16px;
    line-height: 36px;
    margin-top: -12px;
    letter-spacing: 1px;
  }
  .toringo #lead .ttl {
    margin-bottom: 43px;
    margin-left: 9px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1000px) {
  .toringo #lead .lead-img {
    width: 54%;
  }
  .toringo #lead .lead-info {
    width: 42%;
  }
}
@media screen and (max-width: 999px) {
  .toringo #lead {
    padding: 0 2.7%;
    margin: 11vw 0;
  }
  .toringo #lead .ttl {
    margin: 5vw 0 8vw;
  }
}
.toringo #reco .reco-deco {
  position: absolute;
  top: -18px;
  right: -141px;
}
.toringo #reco .reco-label {
  background: #000;
  color: #fff;
  text-align: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  line-height: 1.875;
  font-size: 24px;
  width: 179px;
  height: 179px;
  position: absolute;
}
.toringo #reco .reco-img {
  position: relative;
}
.toringo #reco .ttl {
  text-align: left;
}
.toringo #reco .ttl2 {
  margin-bottom: 43px;
}
.reco-btn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #91114c;
  color: #fff;
  border-radius: 29px;
  height: 65px;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  box-sizing: border-box;
  padding-left: 30px;
  transition: ease 0.3s;
  margin-bottom:10px;
}
.reco-btn i {
  position: absolute;
  top: 50%;
  left: 85px;
  transform: translateY(-50%);
  
}
.reco-btn:hover{
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (min-width: 1000px) {
  .reco-txt {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 999px) {
  .toringo #reco {
    padding: 0 4%;
  }
  .toringo #reco .ttl2 {
    margin-bottom: 6vw;
  }
  .reco-btn {
    font-size: 15px;
    height: 55px;
    padding-left: 0;
    border-radius: 15px;
  }
  .reco-btn i {
    width: 7px;
    left: auto;
    right: 42px;
    height: 11px;
    line-height: 11px;
    display: block;
    margin-top: -3px;
  }
  .toringo #reco .reco-label {
    width: 119px;
    height: 119px;
    font-size: 18px;
  }
  .toringo #reco .reco-info {
    width: 95.1%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
}
.toringo #reco1 {
  margin-bottom: 197px;
  position: relative;
  padding-top: 210px;
}
.toringo #reco1 .ttl {
  letter-spacing: 0.13em;
}
@media screen and (min-width: 1000px) {
  .toringo #reco1 .reco-img {
    position: absolute;
    top: -6px;
    left: -19.5%;
    width: 86.7%;
  }
  .toringo #reco1 .reco-info {
    margin-left: auto;
    margin-right: 5px;
    width: 34.33%;
    position: relative;
    z-index: 1;
  }
  .toringo #reco1 .reco-txt {
    width: 91.5%;
    margin: 40px 0 45px 6px;
    letter-spacing: 1.3px;
  }
  .toringo #reco1 .reco-label {
    top: 18px;
    right: 50px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1000px) {
  .toringo #reco1 {
    padding-top: 137px;
  }
  .toringo #reco1 .reco-deco {
    right: 0;
    width: 260px;
  }
}
@media screen and (max-width: 999px) {
  .toringo #reco1 {
    padding-top: 0;
    margin-bottom: 31vw;
  }
  .toringo #reco1 .reco-img {
    margin: 0 -4.3%;
  }
  .toringo #reco1 .reco-label {
    top: -9.7vw;
    right: 3.5%;
  }
  .toringo #reco1 .reco-info {
    margin-top: -5vw;
  }
  .toringo #reco1 .reco-txt {
    margin: 9vw 0;
  }
}
.toringo #reco2 {
  margin-bottom: 184px;
  position: relative;
}
.toringo #reco2 .reco-txt {
  margin: 43px 0 33px;
}
.toringo #reco2 .reco-label {
  top: -63px;
  left: -62px;
}
.toringo #reco2 .ttl {
  letter-spacing: 0.12em;
}
.toringo #reco2 .ttl span {
  line-height: 2.5;
}
@media screen and (min-width: 1000px) {
  .toringo #reco2 .reco-img {
    order: 2;
    width: 69.3%;
    margin-right: -9%;
  }
  .toringo #reco2 .reco-info {
    margin: 82px 5.25% 0 1.9%;
    width: 33%;
    position: relative;
    z-index: 1;
  }
  .toringo #reco2 .reco-btn {
    margin-left: -4px;
    margin-right: 3px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1000px) {
  .toringo #reco2 .reco-info {
    margin-top: 0;
  }
}
@media screen and (max-width: 999px) {
  .toringo #reco2 {
    margin-bottom: 33vw;
  }
  .toringo #reco2 .reco-label {
    top: -22vw;
    left: -6%;
  }
  .toringo #reco2 .ttl {
    margin-top: 5vw;
    font-size: 7.9vw;
  }
  .toringo #reco2 .ttl span {
    margin-bottom: 2vw;
    font-size: 5.7vw;
  }
  .toringo #reco2 .reco-txt {
    margin: 9vw 0 8vw;
  }
}
.toringo #point {
  background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/toringo/point_bg.jpg") no-repeat center/cover;
  text-align: center;
  padding: 108px 0 47px;
  margin-bottom: 122px;
}
.toringo #point li {
  background: #f6f5f5;
}
.toringo #point .ttl2 {
  position: absolute;
  top: -59px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 999px) {
  .toringo #point {
    background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/toringo/point_bg2.jpg") no-repeat center/cover;
    padding: 28vw 0 7vw;
    margin-bottom: 44vw;
  }
   .toringo #point .ttl2 {
    top: -8.5vw;
  }
  .toringo #point .ttl2 span {
    font-size: 16vw;
  }
}
.toringo #history {
  margin-top: 0;  
  margin-bottom: 147px;
}
.toringo #history h2 {
  margin-bottom: 29px;
}
@media screen and (max-width: 999px) {
  .toringo #history {    
    margin-bottom: 15vw;
  }
}

.chicken section {
  font-weight: 400;
}
.chicken .ttl, .chicken .ttl2 .en {
  color: #e71a0f;
}
.chicken #key {
  background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/chicken/key_img.jpg") no-repeat center/cover;
}
.chicken #key .header-logo {
  position: absolute;
  bottom: 77px;
  left: 56px;
}
.chicken #key .key-btn {
  position: absolute;
  bottom: 58px;
  right: 360px;
}
@media screen and (max-width: 999px) {
  .chicken #key .header-logo {
    width: 68%;
    bottom: 6vw;
    left: 3.5%;
  }
  .chicken #key .key-btn {
    bottom: 5vw;
    right: 5.2%;
    width: 18.4%;
  }
}
.chicken #lead {
  margin: 112px auto 88px;
  justify-content: space-between;
  align-items: flex-start;
}
.chicken #lead .lead-img {
  position: relative;
}
.chicken #lead .lead-label {
  background: #e71a0f;
  border-radius: 50%;
  color: #fff;
  width: 38.54%;
  bottom: -11.6%;
  left: -15.2%;
  position: absolute;
}
.chicken #lead .lead-label a {
  display: block;
  position: relative;
  padding-top: 100%;
}
.chicken #lead .lead-label a i:first-child {
  display: block;
  position: absolute;
  top: 1%;
  left: 5.9%;
  width: 16.7%;
}
.chicken #lead .lead-label p {
  position: absolute;
  left: 0;
  top: 16.36%;
  width: 100%;
  text-align: center;
}
.chicken #lead .lead-label p span {
  display: block;
}
.chicken #lead .lead-label p span:nth-child(1) {
  font-size: 20px;
  line-height: 1.5;
}
.chicken #lead .lead-label p span:nth-child(2) {
  font-size: 28px;
  line-height: 1.5;
  margin: 5px 0 7px;
}
.chicken #lead .lead-label p span:nth-child(2) em {
  font-size: 22px;
}
.chicken #lead .lead-label p em {
  font-style: normal;
}
.chicken #lead .lead-label p i {
  width: 14.4%;
  display: block;
  margin: auto;
}
.chicken #lead .lead-label p i img {
  width: 100%;
  height: auto;
}
.chicken #lead .ttl {
  letter-spacing: 0.1em;
}
.chicken #lead .ttl span {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1000px) {
  .chicken #lead {
    font-size: 16px;
    line-height: 36px;
  }
  .chicken #lead .lead-txt {
    margin-top: 44px;
    letter-spacing: 1.3px;
  }
  .chicken #lead .lead-img {
    width: 57.1%;
    position: relative;
  }
  .chicken #lead .lead-info {
    margin-top: -11px;
    width: 40%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .chicken #lead .lead-img {
    width: 53%;
  }
  .chicken #lead .lead-info {
    width: 44%;
  }
  .chicken #lead .lead-label {
    left: -13.2%;
    bottom: -10.6%;
  }
  .chicken #lead .lead-label a i:first-child {
    width: 13%;
    left: 8.9%;
    top: 4%;
  }
  .chicken #lead .lead-label p span:nth-child(1) {
    font-size: 16px;
  }
  .chicken #lead .lead-label p span:nth-child(2) {
    font-size: 20px;
  }
  .chicken #lead .lead-label p span:nth-child(2) em {
    font-size: 18px;
  }
}
@media screen and (max-width: 999px) {
  .chicken #lead {
    margin-top: 10vw;
    margin-bottom: 15vw;
    padding: 0 3%;
  }
  .chicken #lead .lead-img {
    margin: 8vw -3.6% 0 9%;
  }
  .chicken #lead .lead-label {
    bottom: -10%;
  }
  .chicken #lead .lead-label a i:first-child {
    width: 19%;
    left: 2%;
    top: 3%;
  }
  .chicken #lead .lead-label p {
    letter-spacing: 0;
    top: 12%;
  }
  .chicken #lead .lead-label p span:nth-child(1) {
    font-size: 3.1vw;
  }
  .chicken #lead .lead-label p span:nth-child(2) {
    font-size: 4.38vw;
    margin: 0;
  }
  .chicken #lead .lead-label p span:nth-child(2) em {
    font-size: 3.43vw;
  }
  .chicken #lead .lead-txt {
    text-align: justify;
    margin-top: 4vw;
  }
}
.chicken #point {
  border: 6px solid #e71a0f;
  padding: 28px 0 50px;
  text-align: center;
  margin-bottom: 97px;
}
.chicken #point .ttl2 {
  line-height: 2;
}
.chicken #point ul {  
  margin-top: 16px;
}
.chicken #point li {
  background: #fcc717;
}
.chicken #point li i {  
  width: 31.2%;  
  margin-bottom: 13px;
}
@media screen and (min-width: 1000px) {
  .chicken #point li {
    width: 28.5%;
    margin: 0 1.58%;    
  }
}
@media screen and (max-width: 999px) {
  .chicken #point {
    padding: 10vw 0 7vw;
    margin-bottom: 19vw;
  }
  .chicken #point .ttl2 {
    top: -8.5vw;
  }
  .chicken #point .ttl2 span {
    font-size: 16vw;
  }
}
.chicken #spice {
  background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/chicken/spice_bg.jpg") no-repeat center/cover;
  padding: 316px 0 51px;
  margin-bottom: 122px;
}
.chicken #spice ul {
  flex-wrap: wrap;
  margin: auto;
}
.chicken #spice ul li {
  margin-bottom: 18px;
}
.chicken #spice ul li .spice-num {
  width: 41.7%;
  margin-right: 21px;
}
.chicken #spice dt {
  color: #ca1500;
  font-weight: bold;
  line-height: 1;
  margin-top: 8px;
  margin-bottom: 15px;
  letter-spacing: 0.18em;
}
.chicken #spice dt span {
  display: block;
  font-size: 22px;
  line-height: 2;
}
@media screen and (min-width: 1000px) {
  .chicken #spice h2 {
    position: absolute;
    top: -38px;
    left: 5%;
    z-index: 1;
    width: 51.1%;
  }
  .chicken #spice .spice-deco {
    position: absolute;
    top: -38px;
    right: 1.08%;
    width: 46%;
  }
  .chicken #spice ul {
    margin-left: 5.5%;
  }
  .chicken #spice ul li {
    width: 48.5%;
  }
  .chicken #spice ul li:nth-child(2n) .spice-num {
    margin-right: 27px;
  }
  .chicken #spice ul li:nth-child(2n) dt {
    width: 105%;
  }
  .chicken #spice dl {
    width: 46.2%;
  }
  .chicken #spice dd {
    line-height: 30px;
    margin-left: 4px;
    letter-spacing: 2.2px;
  }
}
@media screen and (max-width: 999px) {
  .chicken #spice {
    padding: 36vw 5% 10vw;
    margin-bottom: 20vw;
  }
  .chicken #spice h2 {
    position: absolute;
    top: -7vw;
    width: 68%;
    left: 2%;
    z-index: 1;
  }
  .chicken #spice .spice-deco {
    position: absolute;
    top: -2vw;
    right: -8%;
    width: 47%;
  }
  .chicken #spice ul li {
    margin-bottom: 6vw;
  }
  .chicken #spice ul li .spice-num {
    margin-right: 3%;
    width: 28.7%;
  }
  .chicken #spice dl {
    width: 68%;
  }
  .chicken #spice dt {
    margin-top: 0;
    margin-bottom: 4vw;
  }
  .chicken #spice dt span {
    font-size: 20px;
  }
}
.chicken #arange {
  border: 6px solid #e71a0f;
  padding: 230px 0 62px;
  margin-bottom: 157px;
}
.chicken #arange .arange-txt {
  text-align: justify;
}
@media screen and (min-width: 1000px) {
  .chicken #arange h2 {
    position: absolute;
    left: 4%;
    top: -40px;
    width: 40.6%;
  }
  .chicken #arange .arange-img {
    width: 55.3%;
    position: absolute;
    top: -58px;
    right: 0.7%;
  }
  .chicken #arange .arange-txt {
    width: 33.1%;
    margin-left: 8.2%;
  }
}
@media screen and (max-width: 999px) {
  .chicken #arange {
    padding: 33vw 5% 4vw;
    margin-bottom: 34vw;
  }
  .chicken #arange h2 {
    width: 73%;
    position: absolute;
    top: -7vw;
    left: 5%;
  }
  .chicken #arange .arange-img {
    margin: 3vw -8.5% 0 -3%;
  }
}
.chicken #faq .q{
  color: #e71a0f;
}


.toyohashi section {
  font-weight: 400;
}
.toyohashi .ttl, .toyohashi .ttl2 .en {
  color: #344371;
}
.toyohashi #key {
  background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/toyohashi/key_img.jpg") no-repeat center/cover;
}
.toyohashi #key .header-logo {
  position: absolute;
  bottom: 54px;
  right: -39px;
}
@media screen and (max-width: 999px) {
  .toyohashi #key .header-logo {
    width: 24%;
    bottom: 6vw;
    right: 3.5%;
  }
}
.toyohashi #lead .ttl {
  text-align: left;
  letter-spacing: 0.1em;
}
.toyohashi #lead .lead-img {
  order: 2;
}
@media screen and (min-width: 1000px) {
  .toyohashi #lead {
    justify-content: space-between;
    margin: 124px auto 109px;
  }
  .toyohashi #lead .lead-img {
    width: 57.2%;
  }
  .toyohashi #lead .lead-info {
    width: 37.8%;
    font-size: 16px;
    line-height: 36px;
    margin-top: 15px;
    letter-spacing: 1px;
  }
  .toyohashi #lead .ttl {
    margin-bottom: 53px;
    margin-left: 3px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1000px) {
  .toyohashi #lead .lead-img {
    width: 54%;
  }
  .toyohashi #lead .lead-info {
    width: 42%;
  }
  .toyohashi #lead .lead-txt {
    margin-left: 2px;
  }
}
@media screen and (max-width: 999px) {
  .toyohashi #lead {
    padding: 0 2.7%;
    margin: 11vw 0 14vw;
  }
  .toyohashi #lead .ttl {
    margin: 5vw 0 8vw;
  }
  .toyohashi #lead .lead-img {
    margin-top: 5vw;
  }
}
.toyohashi #policy h2 {
  position: relative;
  margin-bottom: 65px;
}
.toyohashi #policy h2:before {
  content: "";
  width: 100%;
  height: 3px;
  background: #344371;
  position: absolute;
  left: 0;
  top: 56px;
  z-index: -1;
}
.toyohashi #policy h2 p {
  display: inline-block;
  background: #fff;
  padding: 0 22px;
}
.toyohashi #policy .ttl {
  line-height: 1.7;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1000px) {
  .toyohashi #policy {
    margin-bottom: 121px;
  }
  .toyohashi #policy .policy-item {
    margin-bottom: 70px;
    justify-content: space-between;
  }
  .toyohashi #policy .policy-item:nth-child(2) .policy-info {
    margin-top: 80px;
  }
  .toyohashi #policy .policy-item:nth-child(3) .policy-info {
    margin-top: 70px;
    order: -1;
  }
  .toyohashi #policy .policy-img {
    width: 60.8%;
  }
  .toyohashi #policy .policy-info {
    width: 33%;
    margin-right: 0;
    letter-spacing: 2.2px;
    text-align: justify;
    line-height: 36px;
  }
  .toyohashi #policy .ttl {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .toyohashi #policy .ttl {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  .toyohashi #policy {
    margin-bottom: 0;
  }
  .toyohashi #policy h2 {
    margin-bottom: 8vw;
  }
  .toyohashi #policy h2:before {
    top: 8vw;
  }
  .toyohashi #policy h2 p {
    padding: 0 3% 0 4%;
  }
  .toyohashi #policy .policy-item {
    margin-bottom: 10vw;
  }
  .toyohashi #policy .ttl {
    line-height: 1.5;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
}
.toyohashi #reco .ttl {
  color: #fff;
  letter-spacing: 0.1em;
  line-height: 1.52;
}
.toyohashi #reco .reco-btn {
  background: #344371;
}
.toyohashi #reco .reco-info {
  text-align: justify;
}
@media screen and (min-width: 1000px) {
  .toyohashi #reco {
    background: url("https://www.shop-toyohashi.com/colorme_shop/shared/img/toyohashi/reco_bg.jpg") no-repeat center/cover;
    color: #fff;
    line-height: 36px;
    font-size: 16px;
    padding: 73px 0 67px;
    margin-bottom: 188px;
  }
  .toyohashi #reco h2 {
    position: absolute;
    width: 20.7%;
    top: -45px;
    left: 34.8%;
  }
  .toyohashi #reco .reco-info {
    margin: 0 6.2% 0 auto;
    width: 33.1%;
  }
  .toyohashi #reco .ttl {
    font-size: 46px;
    margin-bottom: 27px;
  }
  .toyohashi #reco .reco-btn {
    margin-top: 38px;
  }
}
@media screen and (max-width: 767px) {
  .toyohashi #reco {
    margin-bottom: 30vw;
  }
  .toyohashi #reco h2 {
    margin: 0 -7%;
  }
  .toyohashi #reco .ttl {
    color: #000;
    margin: 5vw 0 3vw;
  }
  .toyohashi #reco .reco-btn {
    margin-top: 5vw;
  }
}
.toyohashi #point {
  text-align: center;
  background: #f6f5f5;
  padding: 106px 0 48px;
  margin-bottom: 183px;
}
.toyohashi #point ul li {
  background: #344371;
  color: #fff;
  font-size: 30px;
  line-height: 1.6;
}
.toyohashi #point ul li i {
  width: 25.9%;
  margin-bottom: 26px;
}
.toyohashi #point .ttl2 {
  position: absolute;
  top: -59px;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .toyohashi #point {
    padding: 23vw 0 10vw;
    margin-bottom: 44vw;
  }
  .toyohashi #point .ttl2 {
    top: -9vw;
  }
  .toyohashi #point ul li {
    font-size: 6vw;
  }
  .toyohashi #point ul li i {
    margin-bottom: 5vw;
  }
}
.toyohashi #faq .q {
  color: #344371;
}