@charset "utf-8";

/* ===========================
*     ベース初期化
============================== */
body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size:1.5rem;
}

img{
  max-width:100%;
}
.uk-container{
  max-width:960px;
  padding-left:0px;
  padding-right:0px;
}
.uk-container-small{
  max-width:860px;
  padding-right:0px;
  padding-left:0px;
}
.uk-container-xs{
  max-width:768px;
}
.uk-container-xxs{
  max-width:600px;
}
.uk-container-small,
.uk-container-xs,
.uk-container-xxs{
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width:959px){
  .uk-container{
    padding-left:10px;
    padding-right:10px;
  }
}

.uk-card-body{
  padding:8px;
}

.uk-grid-divider{
  margin-left:0;
}
.uk-grid-divider >*{
  padding-left:0px;
}
.uk-grid-divider > :not(.uk-first-column)::before {
  left:0px
}
.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #666666;
}
.uk-grid-divider > :last-child::after {
  content: "";
  top: 0;
  bottom: 0;
  right:0px;
  position: absolute;
  border-left: 1px solid #666666;
}


/* ===========================
*     ヘッダー
============================== */
#header{
  background:url(../images/h-back.jpg) no-repeat center top!important; /* !important for print */
  background-size:cover!important; /* !important for print */

}
.header-right h1{
  
  line-height:calc(1.2em + 0.5vw);
}

@media screen and (max-width:640px){
  #header{
    background-size:auto!important; /* !important for print */
    background-position:center -10px!important; /* !important for print */
  }
  .header-logo{
  }
  .header-logo img{
    max-height:70px;
  }
  
}
@media only print{


  .header-logo{
    text-align:left!important;
  }
  .header-right{
    text-align:right!important;
  }
  
}
/* ===========================
*     グローバルナビ
============================== */
#globalNavi {
    padding: 10px 0;
}

#globalNavi li {
  white-space:nowrap;
   /* float: left;*/
    /*height: 40px;*/
}
#globalNavi li a {
    display: block;
    /*margin: 0 15px;*/
    padding: 0 8px;
    text-decoration: none;
}
#globalNavi li:last-child a {
    margin-right: 0;
}
#globalNavi li a:hover {
}
#globalNavi li.dropdown-item a:hover {
    border-bottom: 0;
}
#globalNavi ul.dropdown-list {
	position: relative;
    top: 30px;
	display: none;
    padding: 5px 0;
}
#globalNavi ul.dropdown-list li {
	float: none;
	background: rgba(0,0,0,0.7);
    margin-bottom: 1px;
}
#globalNavi ul.dropdown-list a {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 14px; font-size: 1.4rem;
}
#globalNavi ul.dropdown-list a:hover {
	color: #ccc;
}

/* カスタマイズ項目 */

#globalNavi nav{
}
#globalNavi,
#mainImageWrap{
  background-color:#000000!important;
  color:#FFFFFF;
}
#globalNavi a,
#mainImageWrap a{
  color:#FFFFFF!important; /* !important for print */
}

#globalNavi a small{
  text-align:center;
  color:#FFFFFF!important; /* !important for print */
  border-top: 1px solid #FFFFFF;
  display:block;
}
#globalNavi a:hover small,
#globalNavi a.current small{
  border-color:#F00;
}

/* スティッキー */
#globalNavi-sticky-wrapper{
  z-index: 99998;
  width:100%!important;
  height:auto!important;
}
#globalNavi-sticky-wrapper #globalNavi{
  width:100%!important;
  z-index: 99998;
}
@media only screen{
  .hey #globalNavi small{
    height:0;
    overflow:hidden;
    border-color:black;
  }
}


/* ===========================
*     モバイルナビ
============================== */
.mobile-navi{
  display:none;
  text-align:center;
  position:relative;
}
 .menu-toggle {
  padding:5px;
  font-size:2rem;
  border:none;
  outline:none;
  cursor:pointer;
}

@media only screen and (max-width:768px){
  #globalNavi-sticky-wrapper:not(.hey) {
    position:fixed!important;
    top:0!important;
    left:0!important;
    width:100%;
    height:50px;
    z-index:998;
  }
  header{
    margin-top:50px;
  }
  #globalNavi .mobile-navi{
    display:block;
  }
  #globalNavi nav{
    display:none;
  }
}
@media print{
  #globalNavi-sticky-wrapper:not(.hey),
  #globalNavi-sticky-wrapper,
  #globalNavi{
    position:static!important;
  }
}


/* ===========================
*     オフセットナビ
============================== */

#slideNavi li{
  border-bottom:1px solid #606060;
  display:block;
}

#slideNavi li a{
  color:#FFFFFF;
  display:block;
  padding: 10px 0 ;
}
#slideNavi li small{
  display:none;
  
}

.uk-offcanvas-bar{
  z-index:99999;
}

/* ===========================
*     breadcrumbs
============================== */

#breadcrumbs{
  padding-top:10px;
  padding-bottom:10px;
  font-size:1.4rem;
  overflow:hidden;
}
#Home #breadcrumbs{
  display:none;
}
#breadcrumbs ul li{
  line-height:1.2;
}
#breadcrumbs ul li+li:before{
  content:"＞";
  margin-left:0;
  margin-right:.5em;
}


.uk-offcanvas-bar{
  z-index:9999999;
}
/* ===========================
*     フッター以下
============================== */
.qr-box{
   /* Safari用 */
  display:  -webkit-flex;
  display:  flex;
   /* Safari用 */
  -webkit-justify-content:  flex-end;
  justify-content:  flex-end;
   /* Safari用 */
  -webkit-align-items:  flex-end;
  align-items: flex-end;
}

.copyright{
  border-top:1px solid #000000;
}



/* ===========================
*     コンテンツ共通
============================== */

#page{
  background:url(../images/breadcrumbs-bg.png) repeat-x top left!important; /* !important for print */
}
.content-header{
  border:1px solid #808080;
  background:url(../images/content-title-bg.png) repeat-x top left!important; /* !important for print */
  background-size:cover!important; /* !important for print */

}
.content-title{
  background:url(../images/content-title-bg-before.png) no-repeat top left!important; /* !important for print */
  background-size:auto 100%!important; /* !important for print */
  display: block;
  font-size: 32px;
  font-weight:bold;
  padding-left: 1.8em;
  line-height: 120px;
}
@media screen and (max-width:768px){
  .content-title{
    background-size:auto 100%!important; /* !important for print */
    display:block;
    font-weight:bold;
    font-size: calc(14px + 1vw);
    line-height: 1.2em;
    padding-left: 1.6em;
    padding-top:calc(.6em + 1vw);
    padding-bottom:calc(.6em + 1vw);
  }
}
@media screen and (max-width:640px){
  .content-title{
/*    padding-top:.6em;
    padding-bottom:.6em;
*/  }
}

/* ===========================
*     TOPページ
============================== */
#Home #page{
  padding-top:40px;
}

#homeHeadline .sec-title{
  background:#808080!important; /* !important for print */
  color:#FFFFFF!important; /* !important for print */
  padding:.5em .75em;
  font-size:2rem;
}
.headline{
  border:1px solid #000;
  padding:10px 30px;
}

#commonCta{
  
}
#commonBnr{
  background-color:#E6E4D5!important;
}


@media screen and (max-width:768px){
  #Home #page{
    padding-top: 30px;
  }
}
@media screen and (max-width:640px){
  #Home #page{
    padding-top: 20px;
  }
  /*feature*/
  .feature-item{
    max-width:320px;
    margin:0 auto;
  }
  
  .headline{
    border:1px solid #000;
    padding:10px 10px;
  }
}

/* ===========================
*     製品紹介
============================== */

.img-size-btn{
  width:265px;
}

.products-title-jp{
  font-size:3.2rem;
  line-height:1.25em;
}
.products-title > *:first-child{
  border-bottom:4px solid #F00;
}
.products-title-en{
  color:#F00;
  font-size:2.4rem;
}

.products-title-birder-bottom{
  border-bottom:1px solid #808080;
  margin-bottom:20px;
}

#productWarranty h3{
  border:1px solid #808080;
  background:url(../images/product/title-warranty-bg.png) repeat-x!important;
  background-size: auto 100%;
  height:78px;
  max-height:78px;
  position:relative;
}
#productWarranty h3 img{
  position:absolute;
  left:24px;
  top:0;
  bottom:0;
  margin-top:auto;
  margin-bottom:auto;
}

#productWarranty h4{
  color:#FFFFFF!important;
  font-size: 24px;
  line-height:1.5em;
  text-align:center;
  font-weight:600;
  letter-spacing:1vw;
}
#productWarranty .title-warranty-card{
  background-color:#FF0000!important;
}

#productWarranty .title-terms{
   background-color: #4000FF!important;
}

@media screen and (max-width:768px){
  .products-title-jp,
  .products-title-en{
    font-size: calc(14px + 1vw);
  }
  
#productWarranty h3{
  max-height:78px;
  height:calc(40px + 0.5vw);
}
  #productWarranty h3 img{
    height:20px;
    width:auto;
  }
  
#productWarranty h4{
  font-size: 20px;
}  
  
}


/* ===========================
*     会社案内
============================== */
.va-color-brown{
  color:#5C3C00;
}

.title-style-goldline{
  font-weight:bold;
  font-size:24px;
  padding:.5em;
  border-bottom:2px solid #926824;
}

.font-28px-vw{
  font-size:28px;
}

.company-profile-wrap,
.company-profile-wrap dt,
.company-profile-wrap dd{
  border:1.5px none #A8A8A8;
}
.company-profile-wrap{
  border-top-style:solid;
}

.company-profile-wrap dt,
.company-profile-wrap dd{
  padding:12px;
}
.company-profile-wrap dd li+li{
  margin-top:20px;
}


.company-profile-wrap dt{
  min-width:23%;
  width:23%;
  text-align:center;
  border-right-style:solid;
  border-bottom-style:solid;
}
.company-profile-wrap dd{
  width:77%;
  padding-left: 10%;
  border-bottom-style:solid;
}
@media screen and (max-width:640px){
  .font-28px-vw{
    font-size:calc(18px + 0.25vw);
  }
  .company-profile-wrap dt,
  .company-profile-wrap dd{
    padding:3px;
  }
  .company-profile-wrap dt{
    padding-top:10px;
    text-align:left;
    width:100%;
    border-bottom-style:none;
    border-right-style:none;
  }
  .company-profile-wrap dd{
    padding-bottom:10px;
    width:100%;
    border-bottom-style:solid;
  }
  
}

/* ===========================
*     販売店リスト
============================== */
.va-premium  {
  /*background:#E6E4D5;
  background:#EAEAEA;*/
  border:1px solid #000000;
}
.va-premium h3{
  /*border-bottom:2px solid #F2EAC3;*/
}

.va-premium dl{
}
.va-premium dt,
.va-premium dd{
  line-height:1.8em;
}
.va-premium  dt{
  font-size:110%;
}
.va-premium  dd{
}
.va-premium .list-content{width:100%}
.va-premium  .va-shopname{ width:25%; padding-left:10px;}
.va-premium  .va-address{ width:35%;}
.va-premium .va-tel{ width:25%; }
.va-premium .va-hp{ width:10%; }

.va-hp a{
	text-decoration: underline;
}

.va-hp a:hover{
	color: #0C71F9;
}

@media only screen and (max-width:768px){
.va-premium .va-shopname{ width:100%;}
.va-premium .va-address{ width:50%; padding-right:20px;}
.va-premium .va-tel{ width:30%; }
.va-premium .va-hp{ width:20%; }
}

@media only screen and (max-width:640px){
.va-premium .va-shopname,
.va-premium .va-address,
.va-premium .va-tel,
.va-premium .va-hp{ width:100%; }
}

/*地域別ナビ*/
.va-region-navi li{
}
.va-region-navi  li a{
  padding:5px;
  white-space:nowrap;
  text-decoration:none;
  text-align:center;
  color:#FFFFFF!important;
  display:block;
}
#hokkaido h3,
a[href="#hokkaido"]{
  background:#70CC9B!important;
}
#touhoku h3,
a[href="#touhoku"]{
  background:#77C3CE!important;
}
#kantou h3,
a[href="#kantou"]{
  background:#7281E7!important;
}
#chubu h3,
a[href="#chubu"]{
  background:#FFA6C9!important;
}
#kansai h3,
a[href="#kansai"]{
  background:#F1B31D!important;
}
#chugoku h3,
a[href="#chugoku"]{
  background:#FB883D!important;
}
#shikoku h3,
a[href="#shikoku"]{
  background:#CEA991!important;
}
#kyusyu h3,
a[href="#kyusyu"]{
  background:#EF5E66!important;
}
#okinawa h3,
a[href="#okinawa"]{
  background:#EF5E66!important;
}

.va-region-title-wrap{
  margin-bottom:10px;
  margin-top:-80px;
  padding-top:80px;
}

.va-region-title-wrap h3{
  padding:5px 10px;
  background-color:#CCCCCC;
  color:#FFFFFF!important;

}

.va-list-titlebar{
  background:url(../images/shoplist/thead-bg.png) no-repeat left top!important;
  height:40px;
}
.va-list-titlebar > *{
  line-height:40px;
  font-weight:bold;
}



#shoplist dt,
#shoplist dd{
  font-size:90%;
  padding-bottom:10px;
}

#shoplist .list-content{width:100%}
#shoplist .va-shopname{ width:35%; padding-left:10px;}
#shoplist .va-address{ width:35%;}
#shoplist .va-tel{ width:25%; }
#shoplist .va-hp{ width:5%; }
#shoplist dl{
  margin-top:-70px;
  padding-top:70px;
}



@media only screen and (max-width:768px){
#shoplist .va-shopname{ width:32%; padding-left:10px; padding-right:20px;}
#shoplist .va-address{ width:40%; padding-right:20px;}
#shoplist .va-tel{ width:22%; }
#shoplist .va-hp{ width:6%; }
}


@media only screen and (max-width:640px){

  #shoplist dt,
  #shoplist dd{
    font-size:90%;
    padding-bottom:0px;
  }  
  #shoplist .va-shopname{width:100%;padding-left:0;margin-top:10px;font-weight:bold;}
  #shoplist .va-address{ width:55%; }
  #shoplist .va-tel{ width:35%; }
  #shoplist .va-tel::before{content:"TEL: "}
  #shoplist .va-hp::before{content:"HP: "}
  #shoplist .va-hp{ width:10%; }
  
  #shoplist .list-content{max-width:95%;margin-left:auto;margin-right:auto;margin-bottom:20px;}
  #shoplist .va-shopname{width:100%;padding-left:0}
  #shoplist .va-address{ width:100%; }
  #shoplist .va-tel{ width:100%; }
  #shoplist .va-hp{ width:100%; }
}


/* ===========================
*     プライバシーポリシー
============================== */

#privacy h3{
  font-size:calc(18px + 0.25vw);
  margin-bottom:1em;
}


/* ===========================
*     カーオーディオ
============================== */

.va-item{
  text-align:center;
}

.va-item p{
line-height:1.2;
 min-height:4.8em;
  margin-bottom:1rem;
 height: auto !important;
 height: 4.8em; 
}

.va-shipping-info{
  border:1px solid #A8A8A8;
  background:#E1DFDA!important;
  padding:20px;
}
.va-shipping-info p{
  margin-bottom:0;
}

.va-caraudio-table tbody tr > *{
  border:1px solid #A8A8A8
}
.va-caraudio-table th{
  background:#F2EAC3!important;
}


.va-product-description{
}

.va-product-specific{
   background: #F8F6E7!important;
}

/* ===========================
*     商品詳細
============================== */
@media screen and (min-width:640px){
  .va-product-image-section{
    padding-left:30px;
    padding-right:30px;
  }
}

@media only screen and (min-width:768px){
  .va-product-image-section{
    padding-left:50px;
    padding-right:50px;
  }
}
.va-product-size{
  border:1px solid #000000;
}
.va-product-price{
  white-space:nowrap;
}
.va-product-price .va-pair-tag{
  font-weight:normal;
  background:#CCCCCC!important;
  color:#000000;
  margin-right:.5em;
  display:inline-block;
  font-size:18px;
  line-height:28px;
  padding-right:5px;
  padding-left:5px;
  vertical-align:middle;
}
.va-product-price .va-text-price{
  color:#FF0000;
  font-size:28px;
  font-weight:normal;
}


/*税込追加*/
.va-zeikomi{
  font-weight:normal;
  color:#000000;
  margin-right:.5em;
  display:inline-block;
  font-size:16px;
  line-height:28px;
  padding-right:5px;
  padding-left:5px;
  vertical-align:middle;
}



/* ===========================
*     お問い合わせ
============================== */
.va-contact-form-table{
  table-layout:fixed;
}
.va-contact-form-table,
.va-contact-form-table th,
.va-contact-form-table td{
  padding-top:10px;
  padding-bottom:10px;
  border:none;
}


.va-contact-form-table th{
  background:#FFFFFF!important;
  border-bottom:1px solid #000000;
}
.va-contact-form-table td{
  text-align:left;
  border-bottom:1px solid #000000;
}

.va-contact-form-table input,
.auth-captcha input,
.va-contact-form-table textarea{
  border:none;
  border:1px solid #333333;
  margin-bottom:10px;
}

.va-contact-form-table textarea{
  width:90%;
  margin:0;
  padding:0;
}

/*#RowMessageName1 >span,
#RowMessageNameKana1 > span,
#RowMessageName2 >span,
#RowMessageNameKana2 > span{
  display:inline-block;
  
}*/
.col-input>span{
  /*display:inline-block;*/
}

#RowMessageName1 input,
#RowMessageName2 input,
#RowMessageNameKana1 input,
#RowMessageNameKana2 input{
  max-width:30%;
  width:30%;
} 


.col-input small{
  display:inline-block;
  min-width:2.2em;
  width:auto!important;
  width:2.2em;
  text-align:right;
  margin-right:5px;
  margin-left:5px;
}

#RowMessageEmail1 input{
  width:22em;
  max-width:85%;
}

#FieldMessageCategory label{
  display:inline-block;
  width:80px;
  max-width:50%;
}

.auth-captcha,
.submit{
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:10px;
}

.auth-captcha{
  border-bottom:1px solid #000000;
}

.submit input{
  background:url(../images/product/title-warranty-bg.png) repeat-x!important;
  background-size:auto 100%!important;
  padding:0.3em 0.5em;
  border:none;
  border:1px solid #A8A8A8;
  border-radius:3px;
}


#MailMessageIndexForm .col-head,
#MailMessageConfirmForm .col-head{
  position:relative;
  z-index:-1;
}
#MailMessageIndexForm .col-head .normal,
#MailMessageIndexForm .col-head .required,
#MailMessageConfirmForm .col-head .normal,
#MailMessageConfirmForm .col-head .required{
  position:absolute;
  display: block;
  font-size:80%;
  white-space:nowrap;
  left: 10px;
  line-height:1;
  padding: 0.3em 0.5em;
  top: 0;
  bottom: 0;
  height:20px;
  margin-top:auto;
  margin-bottom:auto;
  margin-top:auto;
  margin-bottom:auto;
  color:#FFFFFF!important;
}

#MailMessageIndexForm .col-head .required,
#MailMessageConfirmForm .col-head .required{
  background-color:#F00!important;
}
#MailMessageIndexForm .col-head .normal,
#MailMessageConfirmForm .col-head .normal{
  background-color:blue!important;
}
.error-message,
.alert-message{
  color:red;
}

@media screen and (max-width:640px){
.va-contact-form-table,
.va-contact-form-table thead,
.va-contact-form-table tbody,
.va-contact-form-table tr,
.va-contact-form-table th,
.va-contact-form-table td{
    display:block;
    min-width:100%;
    max-width:100%;
    width:100%;
  }  
  /* iPhone */
  #RowMessageName1 input,
  #RowMessageName2 input,
  #RowMessageNameKana1 input,
  #RowMessageNameKana2 input{
    max-width:6em;
    width: auto!important;
    width:6em;
  } 

  
    #MailMessageIndexForm .col-head .normal,
    #MailMessageIndexForm .col-head .required
    #MailMessageConfirmForm .col-head .normal,
    #MailMessageConfirmForm .col-head .required{
      top:10px;
    }
    .va-contact-form-table th{
      text-align:left;
      padding: 3px 0;
      padding-left:50px!important;;
      font-weight:bold;
      border-bottom:none!important;
    }
  .va-contact-form-table td{
    padding: 3px 0;
    border-top:none!important;
  }
  
  
  
}

@media (max-width:360px){
  
  #ContactIndex .uk-container,
  #ContactConfirm .uk-container{
    padding-left:5px;
    padding-right:5px;
  }
}
/* ===========================
*     ブログ
============================== */
.widget{
  margin-bottom:1.5em;
}
.widget h2{
  font-size:1.6rem;
  line-height:1em;
  padding:.3em .75em;
  background:url(../images/product/title-warranty-bg.png) repeat-x!important;
  background-size: auto 100%!important;
  border:1px solid #A8A8A8;
  margin-bottom:.8em;
}
.widget ul{
  list-style: disc outside;
  padding-left:2rem;
}


.widget .blog-calendar{
  text-align:center;
  border:1px solid #A8A8A8;
}
.widget .blog-calendar th,
.widget .blog-calendar td{
  border:none;
}

.blog-calendar-header{
  font-weight:bold;
}
.blog-calendar-day{
background:#EEEEEE!important;
}
.blog-calendar-day td{
}


.blog-single-title,
.blog-archives-title{
  margin-bottom:10px;
}
.blog-index .more ,
.blog-archives .more {
  text-align:right;
}
.blog-index .more a,
.blog-archives .more a{
  text-decoration:none;
  font-size:1.3rem;
  font-weight:bold;
  padding:.2em .5em;
  text-shadow: 0 0 1px rgba(255,255,255,0.9);
  display:inline-block;
  outline:1px solid #A8A8A8;
  border:1px solid #FFFFFF;
	background: #EEEEEE!important;
	background: -moz-linear-gradient(top, #FFFFFF 50%, #EEEEEE 51%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FFFFFF 50%, #EEEEEE 51%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FFFFFF 50%, #EEEEEE 51%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0 )!important; /* IE6-9 */
}
.blog-index .more a:hover,
.blog-archives .more a:hover{
  opacity:0.8;
}
.blog-index .post,
.blog-archives .post{
  padding:10px;
  margin-bottom:20px;
  border-bottom:1px solid #000000;
  
}


.blog-index .post:first-child,
.blog-archives .post:first-child{
  border-top:none;
}

.blog .meta{
  line-height:1.8;
  font-size:1.4rem;
  
}
.blog a{
  text-decoration:underline;
  
}

.post-navi{
  margin-top:30px;
  text-align:center;
}

/* ========================================================================
   color
 ========================================================================== */

a, a:link, a:visited{
  color:#000000;
}

/* ========================================================================
レビュー一覧
 ========================================================================== */
.review_List_Top {
    width: 100%;
    background: rgba(146,104,36,0.1);
}
.review_List_Top p {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding:20px;
    margin-bottom: 60px;
}

.review_List_Wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.review_List_Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.review_List_Box_Left {
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
}
.review_List_Box_Right {
    box-sizing: border-box;
    padding-left: 40px;
    width: calc(100% - 300px);
}
@media screen and (max-width:640px){
    .review_List_Box_Left {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .review_List_Box_Left img {
        width: 100%;
    }
    .review_List_Box_Right {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
}

.review_List_Box_Right h3 {
    font-size: 24px;
    border-bottom: 1px solid #926824;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.review_List_Box_Right p span {
    font-size: 21px;
}
@media screen and (max-width:640px){
    .review_List_Box_Right h3 {
        font-size: 21px;
        text-align: left;
    }
    .review_List_Box_Right p span {
        font-size: 19px;
    }
}
/* ========================================================================
レビュー
 ========================================================================== */
.review_Interview h3 {
    text-align: center;
}
.review_Interview_Wrapper {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.review_Interview_Top {
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 30px;
}
.review_Interview_Top_Img {
    text-align: center;
    margin-bottom: 20px;
}
.review_Interview_Bottom {
    margin-bottom: 80px;
}
.review_Interview_Bottom_Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.review_Interview_Bottom_Box_Left {
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
}
.review_Interview_Bottom_Box_Right {
    box-sizing: border-box;
    padding-left: 40px;
    width: calc(100% - 400px);
}
@media screen and (max-width:640px){
    .review_Interview_Bottom_Box_Left {
        margin-bottom: 20px;
    }
    .review_Interview_Bottom_Box_Right {
        box-sizing: border-box;
        padding-left: 0;
        width: 100%;
    }
}

.review_Interview_Bottom_Company p {
    text-align: center;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    padding: 5px 10px;
    margin-bottom: 50px;
}
.review_Interview_Bottom_Company a {
    padding-left: 20px;
}
.review_Interview_Bottom_Btn {
    text-align: center;
}
.disp_sp {
    display: none;
}
@media screen and (max-width:640px){
    .review_Interview_Bottom_Company a {
        padding-left: 0;
    }
    .disp_sp {
        display: block;
    }
    
}