@charset "utf-8";
*{
margin:0;
padding:0;
font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
color:#595757;
}
.bcs_header .bcs_inner a,.bcs_footer-list a,.bcs_footer-content .bcs_copy-right{font-family: 'Arial', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Sans GB W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

/*========== css-reset ==========*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html:focus-within {
scroll-behavior: smooth;
}
body {
margin: 0;
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.7;
min-width: 1200px;
background: #fff;
}
a{text-decoration: none;}
a:hover{opacity: 0.8;}
@media screen and (max-width: 639px) {
body {min-width: unset;}
}
html {scroll-behavior: smooth;}
img,picture,video,canvas,svg {
display: block;
max-width: 100%;
border:0px;
}
input,button,textarea,select {
font: inherit;
}
ol,ul,li{list-style: none;margin:0;padding:0;}
@media screen and (min-width: 640px) {
.only_sp{display: none!important;}
.only_pc{display:block;}
}
@media screen and (max-width: 639px) {
.only_pc{display: none!important;}
.only_sp{display:block;}
}
#wrapper{
min-width:1125px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
#bic_contact {overflow: hidden;}
@media screen and (max-width: 639px) {
section{margin-bottom: 80px;}
#bic_contact {width: 100%;overflow: hidden;}
}
/*========== header ==========*/
#i-header{
background: #612c16;
}
.headder_inner{
max-width: 1280px;
padding: 16px 40px;
margin: 0 auto;
width: 100%;
height: auto;
display: flex;
align-items: flex-end;
justify-content: space-between;
background: #612c16;
}
.header-logo{
display: flex;
flex-direction: column;
gap:6px;
}
.header-gnav_list{
display: flex;
align-items: center;
font-weight: 600;
font-size: 18px;
padding-right: 100px;
gap: 28px;
}
.header-gnav_list a{
color: #fff;
}
.header-logo p{
color: #fff;
font-size: 14px;
}
.header-logo img{
width: 290px;
}
@media (max-width: 639px) {
#i-header {
margin-bottom: 10px;
}
.headder_inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 15px;
margin: 0 auto 10px;
}
.header-gnav_list a{
color: #612c16;
}
.header-logo{
flex:1;
}
.header-logo a{
margin:0;
}
.header-logo img{
max-width:200px;
height:auto;
}
.header-logo p{
font-size: 12px;
}
}

/*========== sp menu ==========*/
.sp-menu{
background:#fff;
border-radius:6px;
z-index: 999;
}
.hamburger{
width:50px;
height:50px;
border:none;
background:none;
cursor:pointer;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.hamburger span{
display:block;
width:24px;
height:2px;
background:#612c16;
margin:2px 0;
transition:.3s;
}
.menu-text{
margin:4px 0 0;
color:#612c16;
font-size:10px;
line-height:1;
font-weight: 600;
}
.sp-menu.active{
z-index: 2999;
}
.hamburger.active{
background: #612c16;
border-radius: 6px;
position:fixed;
top:25px;
right:15px;
width: 50px;
height: 50px;
}
.hamburger.active p.menu-text{
color: #fff;
}
.hamburger.active span{
background: #fff;
}
.hamburger.active span:nth-child(1){
transform:translateY(6px) rotate(45deg);
}
.hamburger.active span:nth-child(2){
opacity:0;
}
.hamburger.active span:nth-child(3){
transform:translateY(-6px) rotate(-45deg);
}
.drawer{
position:fixed;
top:0;
right:-320px;
width:320px;
max-width:85%;
height:100vh;
background:#f5f5f5;
transition:.3s;
z-index:1900;
}
.drawer.active{
right:0;
}
.drawer-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.6);
opacity:0;
visibility:hidden;
transition:.3s;
}
.drawer-overlay.active{
opacity:1;
visibility:visible;
z-index: 1100;
}
.drawer ul {
margin: 0;
padding: 70px 20px 20px;
list-style: none;
}
.drawer li {
border-bottom: 1px solid #d9c8c0;
}
.drawer a {
display: block;
padding: 28px 0;
color: #612c16;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

/*========== footer ==========*/
#i-footer{
background:#f5f5f5;
margin-top: 90px;
width: 100%;
}
/* 上段 */
.footer-inner{
max-width:1200px;
margin:0 auto;
padding:18px 20px 16px;
display:flex;
justify-content:center;
align-items:flex-start;
position:relative;
}
.footer-links{
text-align:center;
line-height:2;
}
.footer-links a{
color:#612c16;
font-size:14px;
text-decoration:none;
margin:0 8px;
}
/* コピーライト */
.copyright{
background:#612c16;
color:#fff;
text-align:center;
font-size:10px;
padding:10px;
}
@media (max-width: 639px){
.footer-inner{
width: 100%;
display:block;
padding:20px;
}
.footer-links{
text-align:left;
}
.footer-links a{
display:block;
margin:0 0 10px;
}
.pagetop{
position:static;
margin-top:20px;
width:100%;
} 
}

/*========== cojp footer ==========*/
.footer {
background: #dd0000;
padding: 20px 0;
}
.bcs_footer-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
  align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 639px) {
.bcs_footer-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
    flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
    align-items: flex-start;
}
}
.bcs_footer-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
  align-items: center;
gap: 32px;
}
@media screen and (max-width: 639px) {
.bcs_footer-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
    flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
    align-items: flex-start;
gap: 12px;
}
}
.bcs_footer-list li {
position: relative;
}
.bcs_footer-list li:not(:last-child)::before {
content: "";
position: absolute;
top: 2px;
right: -16px;
height: 14px;
width: 1px;
background: #fff;
}
@media screen and (max-width: 639px) {
.bcs_footer-list li:not(:last-child)::before {
content: unset;
}
}
.bcs_footer-list li a {
color: #fff;
text-decoration: none;
font-size: 14px;
}
.bcs_copy-right {
font-size: 14px;
color: #fff;
}
@media screen and (max-width: 639px) {
.bcs_copy-right {
text-align: center;
padding-top: 16px;
margin-top: 16px;
border-top: 1px solid #fff;
width: 100%;
}
}

/*========== ぱんくず==========*/
div.cmp_breadcrumb {margin: 0px auto 10px;}
.cmp_breadcrumb ol{font-size:12px; padding: 10px 0px;}
.cmp_breadcrumb li{display:inline;}
.cmp_breadcrumb li a{font-weight: 400; text-decoration:none;color:#999;padding-right:10px;background:url("../image/icon_topicpath.png") no-repeat right center;}
div.cmp_breadcrumb li a:hover{text-decoration:none;}
.cmp_breadcrumb li a:hover{color:#555;}

/*========== contents ==========*/
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.contents_inner{
max-width: 940px;
margin: 0 auto;
}

h1{font-size: 28px;font-weight: 600;text-align:left;margin-bottom:20px;}
.bic_contact_top h2{font-size:30px;margin-bottom:40px;color: #0098BE;text-align: center;}
section{margin-bottom: 80px;}
.topics_banner img{width: 800px;margin: 0 auto;}
.lead-text{font-size: 14px;margin-bottom: 30px;}
a{transition: 0.5s;}
a.text-link{color: #036eab;font-weight: 600;text-decoration: underline;}
.fs14 {font-size: 14px;}
.text-red {color: #e50010;}
.text-bold {font-weight: bold;}
@media (max-width: 639px) {
section {margin-bottom: 60px;}
h1{font-size: 26px;}
h2 {font-size:26px;}
.contents_inner{padding: 0 20px;}
.bic_contact_top h2 {font-size:26px;}
}

/*========== news ==========*/
.news-list {
width: 100%;
background: #fff;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.news-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 20px;
border-bottom: 1px solid #e5e5e5;
}
#news {
scroll-margin-top: 80px;
}
.news-item:last-child {
border-bottom: none;
}
.news-left {
display: flex;
align-items: center;
gap: 24px;
}
.news-overview{
display: flex;
align-items: center;
gap: 24px;
}
.news-image img {
width: 100px;
height: auto;
display: block;
}
.news-text {
width: 467px;
color: #333;
font-size: 16px;
line-height: 1.7;
}
.news-image img{
transition: opacity 0.5s ease; 
}
.news-image img:hover {
opacity: 0.8;
}
@media (max-width: 639px) {
.news-image{
width: 25%;
}
.news-item{
padding: 30px 0; 
}
.news-overview{
gap: 5%;
align-items: flex-start;
}
.news-left {
flex-direction: column;
align-items: center;
}
.news-text{
width: 70%;       
}
}

/*========== button ==========*/
.news-button {
margin-left: auto;
}
.link_button{
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.link_button a {
display: inline-flex;
align-items: center;
justify-content: center;
height: 64px;
padding: 0 20px;
background: linear-gradient(to left, #03A4CD, #21B7DD);
color: #fff;
text-decoration: none;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
position: relative;
transition: opacity 0.5s ease;
position: relative;
min-width: 330px;
}
.bic_contact_top .link_button a {min-width: 285px;}
.link_button a:hover {
opacity: 0.8;
}
.link_button a::after {
content: "";
position: absolute;
right: 24px;
top: 50%;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-50%) rotate(45deg);
}

/*========== category ==========*/
#category {
padding: 80px 20px;
background: #dff6fc;
}
.category-title {
text-align: center;
font-size: 30px;
line-height: 1.5;
color: #00a8df;
margin-bottom: 50px;
font-weight: bold;
}
.category-grid {
max-width:1060px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.category-card {
padding-bottom: 10px;
background: #fff;
border-radius: 14px;
overflow: hidden;
color: #333;
box-shadow:
0 0 0 1px #d7edf5,
0 8px 18px rgba(174, 229, 240, .7);
display: flex;
flex-direction: column;
height: 100%;
}
.category-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.category-body {
padding: 22px 20px 16px;
}
.category-body h2 {
margin: 0 0 12px;
font-size: 20px;
color: #00a8df;
}
.category-body p {
margin: 0;
font-size: 14px;
line-height: 1.8;
color: #333;
}
.category-btn {
margin: auto 20px 10px;
height: 42px;
border: 2px solid #00a8df;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
color: #00a8df;
font-size: 14px;
font-weight: bold;
text-decoration: none;
position: relative;
transition: 0.5s;
}
.category-btn:hover {
background: #00a8df;
color: #fff;
opacity: 0.85;
}
.category-btn::after {
content: "";
width: 6px;
height: 6px;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(45deg);
position: absolute;
right: 16px;
}
@media (max-width: 639px) {
#category {
padding: 60px 20px;
}
.category-grid {
grid-template-columns: 1fr;
gap:40px;
}
}

/*========== brand list ==========*/
.brand-list{
display: flex;
justify-content: center;
align-items: flex-start;
}

@media (max-width: 639px) {
.bic_contact_top #brand h1 {
margin-bottom: 30px;
}
}

/*========== 店舗一覧 ==========*/
.shop-info {
margin: 0 auto;
color: #333;
font-size: 16px;
line-height: 1.6;
margin-top: 40px;
}
.shop-info-detail{
padding: 40px 0;
border-top:1px solid #ddd;
}
.shop-name {
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
}
#shoplist .shop-name a:after {
content: "［詳細］";
margin-left: 5px;
font-size: 0.8em;
font-weight: normal;
color: #036eab;}
.shop-data {
margin: 0;
}
.shop-data__row {
display: flex;
align-items: flex-start;
margin-bottom: 8px;
}
.shop-data dt {
font-size: 14px;
flex: 0 0 125px;
padding: 2px 10px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
font-weight: 600;
box-sizing: border-box;
}
.shop-data dd {
margin: 2px 0 0 12px;
line-height: 1.5;
font-size: 16px;
}
.clinic-title {
margin: 20px 0 5px;
font-size: 18px;
font-weight: bold;
}
.notice {
margin-bottom: 10px;
color: #e50010;
font-weight: bold;
font-size: 14px;
}
.schedule-wrap {
overflow-x: auto;
}
.schedule-table {
font-size: 15px;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.col-week {
width: 220px;
}
.col-close {
width: 130px;
}
.schedule-table th,
.schedule-table td {
padding: 4px 8px;
border: 1px solid #ccc;
text-align: center;
vertical-align: middle;
}
.schedule-table thead th {
background: #f5f5f5;
font-weight: bold;
}
.holiday-row td {
background: #fdf1f1;
}
.time {
font-weight: bold;
}
.shop-note {
margin-top: 10px;
font-size: 14px;
}
.shop-info-detail.ecshop{
text-align: center;
}
.shop-info-detail.ecshop img{
width: 600px;
margin: 0 auto;
}
.shop-info-detail.ecshop p{
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
}
@media (max-width: 639px){
.shop-name {
font-size: 20px;
}
.shop-data dt {
flex: 0 0 85px;
padding: 2px;
}
.shop-data dd {
margin: 0 0 5px;
margin-left: 8px;
font-size: 15px;
line-height: 1.5;
}
.clinic-title {
font-size: 16px;
}
.schedule-table {
font-size: 13px;
}
.col-week {
width:24%;
}
.col-close {
width: 16%;
}
.schedule-table th,.schedule-table td {
padding: 5px 2px;
}
.schedule-note {
font-size: 12px;
}
.shop-info-detail.ecshop p{
font-size: 20px;
}
.shop-info-detail.ecshop img{
width: 100%;
margin: 0 auto;
}
}

/*=====slick slider=====*/
/*読み込み中表示崩れ防止*/
#slideblk figure{
  margin: 0 !important;
  position: relative;
  aspect-ratio: 4 / 3;
}

#slideblk figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#slideblk .slick-box img{
width:100%;
height: auto;
display: block;
}
#slideblk figure{
margin: 0 !important;
position: relative;
}
#slideblk figure a{
display: block; 
}
#slideblk{
margin-top: 10px;
--peek: 30%; 
--arrowInset: -20px;
}
#slideblk .slick-prev,
#slideblk .slick-next{
z-index: 10;
width: 40px;
height: 40px;
background: rgba(255,255,255,0.8);
border-radius: 999px;
}
#slideblk .slick-prev:before,
#slideblk .slick-next:before{
content: "" !important;
}
#slideblk .slick-prev:after,
#slideblk .slick-next:after{
content:"";
position: absolute;
top: 50%;
width: 10px;
height: 10px;
border-top: 2px solid #333;
border-right: 2px solid #333;
}
#slideblk .slick-prev:after{
transform: translate(-50%, -50%) rotate(-135deg);
}
#slideblk .slick-next:after{
transform: translate(-50%, -50%) rotate(45deg);
}
#slideblk .slick-prev:after{
left: 55%;   
}
#slideblk .slick-next:after{
left: 45%;   
}
#slideblk .slick-prev{
left: calc(var(--peek) + var(--arrowInset));
}
#slideblk .slick-next{
right: calc(var(--peek) + var(--arrowInset));
}
/* hover */
#slideblk .slick-prev:hover,
#slideblk .slick-next:hover{
transition: background 0.5s ease, opacity 0.5s ease;
background: rgba(255,255,255,0.6);
}
#slideblk .slick-dots{
bottom: -30px;
}
#slideblk .slick-dots li button::before{
content: "" !important;
font-family: inherit !important;
position: static !important;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #999;
opacity: 0.6;
margin: 0 auto;
}
#slideblk .slick-dots li button{
width: 18px;
height: 18px;
padding: 0;
}
/* active */
#slideblk .slick-dots li.slick-active button::before{
background: #612c16;
opacity: 1;
}
#slideblk .slick-slide{
padding: 0 5px;
box-sizing: border-box;
}
#slideblk .slick-list{
margin: 0 -5px; 
}
#slideblk .slick-slide a img{
transition: opacity 0.5s ease;
}
#slideblk .slick-slide a:hover img{
opacity: 0.75;
}

@media (max-width: 639px){
#slideblk{
margin-bottom: 50px;
}
.slick-slide img{
width: 100%;
}
#slideblk .slick-prev,
#slideblk .slick-next{
display: block !important;
opacity: 1 !important;
z-index: 20;
width: 30px;
height: 30px;
background: rgba(255,255,255,0.6);
border-radius: 999px;
}
#slideblk .slick-prev{ left: 2px; }
#slideblk .slick-next{ right: 2px; }
#slideblk .slick-prev:before,
#slideblk .slick-next:before{
content: "" !important;
}
#slideblk .slick-prev:after,
#slideblk .slick-next:after{
content:"";
position: absolute;
top: 50%;
width: 8px;
height: 8px;
border-top: 2px solid #333;
border-right: 2px solid #333;
}
#slideblk .slick-prev:after{
left: 55%;   
}
#slideblk .slick-next:after{
left: 45%;   
}
#slideblk .slick-prev:after{
transform: translate(-50%, -50%) rotate(-135deg);
}
#slideblk .slick-next:after{
transform: translate(-50%, -50%) rotate(45deg);
}
/* タップ時の青ハイライト抑制（任意） */
#slideblk .slick-prev,
#slideblk .slick-next{
-webkit-tap-highlight-color: transparent;
}
}
/*=====contact_sell & item======*/
.contact_sell .contact_ttl,.item .item_ttl,.hazukiloupe .hazukiloupe_ttl{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 40px;
border: 1px solid #bbb;  
}
.contact_sell .contact_ttl_text,.item .item_ttl_text,.hazukiloupe .hazukiloupe_ttl_text{
padding: 10px 50px;
font-size: 18px;
}
.contact_sell .contact_ttl img,.item .item_ttl img,.hazukiloupe .hazukiloupe_ttl img{
width: 40%;
}
.contact_sell h2{
font-size: 18px;
margin-bottom: 10px;
}
.contact_sell .caption{
margin: 30px 0;
}
.contact_sell .link_button,.item .link_button{
display: flex;
justify-content: center;
}
@media (max-width: 639px) {
.contact_sell .contact_ttl,.item .item_ttl,.hazukiloupe .hazukiloupe_ttl{
flex-direction: column;
}
.contact_sell .contact_ttl_text,.item .item_ttl_text,.hazukiloupe .hazukiloupe_ttl_text{
padding: 20px 20px 0 20px;
}
.contact_sell .contact_ttl img,.item .item_ttl img,.hazukiloupe .hazukiloupe_ttl img{
width: 100%;
}
}

/*=====item=====*/
.item h2{
text-align: center;
font-size: 26px;
margin-bottom: 10px;
}
.item_logo{
width: 260px;
display: inline-block;
}
.item h3{
font-size: 24px;
color: #fff;
background: #7D6B61;
padding: 5px;
text-align: center;
}
.item h4{
font-size: 20px;
background: #f5f5f5;
padding: 10px;
font-weight: 600;
text-align: center;
}
.item .h5_small{
display: block;  
font-size: 14px;
font-weight: 400;
}
.guarantee{
max-width: 600px;
margin: 20px auto 40px;
}
.guarantee dt{
font-weight: 600;
}
.guarantee dt::before {
  content: '●';
  color: #7D6B61;
  margin-right: 8px;
}
.guarantee dd{
margin-bottom: 10px;
}
.guarantee_caption{
margin-top: 10px;
font-size: 14px;
}
.after_service{
border-top: solid 1px #ccc;
padding-top: 80px;
}
@media (max-width: 639px) {
.item h3{
font-size: 22px;
}
.item h4{
font-size: 18px;        
}
.guarantee{
font-size: 15px;
}
.item_logo{
width: 190px;
}
.after_service{
padding-top: 60px;
}
}

/*=====bic_contact_campaign=====*/
.bic_contact_campaign .caption{
font-size: 14px;
}
.campaign_list{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
margin-bottom: 40px;
}
.campaign_item{
width: calc(50% - 15px);
}
.bic_contact_campaign .link_button{
display: flex;
justify-content: center;
}
@media (max-width: 639px) {
.campaign_item {
width: 100%;
}
}

/*=====bic_contact_faq=====*/
.bic_contact_faq section{
margin-bottom: 60px;
}
.faq_list{
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
justify-content: center;
margin: 40px auto;
}
.faq_item{
padding: 10px 16px;
border-radius: 6px;
background: #004477;
}
.faq_item a{
color: #fff;
font-weight: 600;
}
.faq_item a::after {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin: -3px 0 0 12px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(135deg);
vertical-align: middle;
}
.bic_contact_faq h2{
background: #f5f5f5;
padding: 20px;
margin-bottom: 20px;
}
.bic_contact_faq .faq_wrap dt,
.bic_contact_faq .faq_wrap dd {
display: flex;
align-items: flex-start;
margin-left: 0;
}
.bic_contact_faq .faq_wrap dd{
padding-bottom: 20px;
}
.bic_contact_faq .faq_wrap dd:not(:last-child){
margin-bottom: 20px;
}
.bic_contact_faq .faq_wrap dd:not(:last-child){
border-bottom: 1px dashed #999;  
}
.bic_contact_faq .faq_wrap dt{
margin-bottom: 10px;
font-weight: 600;
padding-top: 20px;
}
.bic_contact_faq .faq_wrap dt::before,
.bic_contact_faq .faq_wrap dd::before {
flex: 0 0 24px;
width: 24px;
height: 24px;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 600;
box-sizing: border-box;
}
.bic_contact_faq .faq_wrap dt::before {
content: "Q";
background: #004477;
}
.bic_contact_faq .faq_wrap dd::before {
content: "A";
background: #e50010;
}
.bic_contact_faq h2[id]  {
scroll-margin-top: 10px;
}
@media (max-width: 639px) {
.faq_list{
gap: 12px;
}
.faq_item{
width: 100%;
text-align: center;
padding: 18px 12px;
}
.bic_contact_faq h2{
text-align: center;
}
.bic_contact_faq h2[id] {
scroll-margin-top: 120px;
}
.faq_item a {
display: block;
position: relative;
text-align: center;
}
.faq_item a::after {
content: "";
position: absolute;
right: 8px;
top: 50%;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translateY(-50%) rotate(135deg);
margin-left: 0;
}  
}

/*=====hazukiloupe=====*/
.hazukiloupe_about{
display: flex;
align-items: flex-start;
justify-content: center;
gap: 30px;
margin-bottom: 40px;
}
.hazukiloupe_about img{
width: 50%;
}
.hazukiloupe .btn_sub_text{
text-align: center;
font-size:14px; 
padding-bottom: 5px;
}
.hazukiloupe .btn_area{
display: flex;
flex-flow: column;
gap:20px;
}
.hazukiloupe section:last-child{
margin: 0 auto;
}
@media (max-width: 639px) {
.hazukiloupe_about{
flex-flow: column;
}
.hazukiloupe_about img{
width: 100%;
}
}

/*=====subscription=====*/
.about_subscription{
padding-bottom: 50px;
border-bottom: solid 1px #ddd;
}
.about_subscription p{
margin: 30px auto;
text-align: center;
font-size: 20px;
}
.contact_subscription{
padding-top: 50px; 
}
.contact_subscription p{
font-size: 25px;
text-align: center;
margin: 0 auto 0;
font-weight: 600;   
}
.contact_subscription .caution{
background: #f5f5f5;
padding: 20px;
margin: 20px auto;
max-width: 90%;
}
.contact_subscription img{
margin: 0 auto;
border: solid 1px #ddd;
padding: 5px 0 20px;
}
.contact_subscription .caution p{
text-align: left;
font-weight: bold;
font-size: 15px;
display: inline-flex;
align-items: flex-start;
gap: 10px;
}
.contact_subscription .caution p::before{
display: flex;
content: "";
width: 20px;
height: 20px;
margin-top: 0.1em; 
background: url(../image/ico_alert.png) no-repeat center / contain;
flex: 0 0 1.4em;
}
@media (max-width: 639px) {
.about_subscription p{
text-align: left;
font-size: 16px;
}
.contact_subscription p {
font-size: 18px;
}
.contact_subscription .caution{
max-width: 100%;
}
}