/*============================
top page
============================*/
#top_slider_wrap{

}
.top_slider{}
.top_slider div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}

.top_slider .slick-dots {
  bottom: 17px;
  z-index: +1;
  position: absolute;
  text-align: right;
}
.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  color: #CDD4E0 !important;
}
.slick-dots li button:before {
  opacity: 1 !important;
  color: #fff !important;
}


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .top_slider .slick-dots {
    right: 40px;
  }
  #top .contents_wrapper{
    margin: 50px auto 0;
  }
  .top_slider div.img01 {
    background-image: url(https://m-affably.com/img/top/main_slider01.jpg);
  }
  .top_slider div.img02 {
    background-image: url(https://m-affably.com/img/top/main_slider02.jpg);
    background-position: left center;
  }
  .top_slider div.img03 {
    background-image: url(https://m-affably.com/img/top/main_slider03.jpg);
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .top_slider .slick-dots {
    right: 10px;
  }
  .slick-dots li{
    width: 15px !important;
  }
  #top .contents_wrapper{
    margin: 20px auto 0;
  }
  .top_slider div.img01 {
    background-image: url(https://m-affably.com/img/top/sp_slider_01.jpg);
  }
  .top_slider div.img02 {
    background-image: url(https://m-affably.com/img/top/sp_slider_02.jpg);
    background-position: left center;
  }
  .top_slider div.img03 {
    background-image: url(https://m-affably.com/img/top/sp_slider_03.jpg);
  }
}


/*============================
top page
============================*/
/*リード文
___________________________*/

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .lead_img{
    max-width: 434px;
    float: left;
    margin: 0 8% 0 0;
    width: 45%;
  }
  .lead_text_wrap{
    max-width: 430px;
    float: right;
    width: 45%;
  }
  .lead_text_jp{
    margin: 10px 0 45px;
    line-height: 2.5;
  }
  .lead_text_wrap .large{
    font-size: 22px;
    margin: 30px 0 40px;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .lead{}
  .lead .wrap{
    display: flex;
      flex-wrap: wrap;
      height: auto;
      align-items: flex-start;
  }
  .lead_img{
    margin: 0;
    width: 100%;
    order: 2;
  }
  .lead_text_wrap{
    margin: 0 0 0;
    width: 100%;
    line-height: 2.5;
    order: 1;
  }
  .lead_text_jp{
    margin: 10px 0 45px;
  }
  .lead_text_wrap .large{
    font-size: 23px;
    margin: 50px 0 36px;
    letter-spacing: 3px;
  }
}

/* ----------トップページバナーエリア--------- */
.onlinestore_bnr_wrap a:hover{
	opacity: 0.8;
}
.onlinestore_bnr_wrap a img{}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .onlinestore_bnr_wrap{
  	margin: 0 0 86px;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {}



/*特集記事
___________________________*/

#top_pickup_news ul{
  padding: 0;
  list-style: none;
}

#top_pickup_news ul li h3{
  margin: 10px 0 27px;
  font-size: 18px;
}


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #top_pickup_news {
    margin: 130px 0 0;
  }
  #top_pickup_news ul{
    display: flex;
    margin: 40px 0 0;
  }
  #top_pickup_news .top_btn01{
    margin: 50px 0 100px;
  }

  #top_pickup_news ul li{
    width: 50%;
  }
  #top_pickup_news ul li .thumb img{
    max-width: 100%;
    height: 317px;
    width: 450px;
    object-fit: cover;
  }
  #top_pickup_news ul li:nth-child(1){
    padding-right: 4%;
  }
  #top_pickup_news ul li:nth-child(2){
    border-left: 1px solid #787a7b;
    padding-left: 4%;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #top_pickup_news {
    margin: 110px 0 0;
  }
  #top_pickup_news ul{
    margin: 40px 0 0;
  }
  #top_pickup_news .top_btn01{
    margin: 60px 0 110px;
  }
  #top_pickup_news ul li{
    width: 100%;
  }
  #top_pickup_news ul li .thumb img{
    width: 100%;
    height: 230px;
    max-width: 450px;
    object-fit: cover;
  }
  #top_pickup_news ul li:nth-child(1){
    margin: 0 0 50px;
  }
  #top_pickup_news ul li:nth-child(2){
  }
}



/*商品カテゴリ一覧
___________________________*/
#top_lineup ul{
  padding: 0;
  list-style: none;
}
#top_lineup ul li .img{}
#top_lineup ul li .img img{
  vertical-align: bottom;
  width: 100%;
}
#top_lineup ul li h3{
  margin: 20px 0 30px;
  text-align: center;
  font-size: 16px;
}
/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #top_lineup{
    margin: 0 0 175px;
  }
  #top_lineup ul{
    margin: 68px 0 30px;
  }
  #top_lineup ul li{
    width: 31%;
    float: left;
    min-height: 310px;
  }
  #top_lineup ul li:nth-child(3n-1){
    margin: 0 3.5%;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #top_lineup{
    margin: 0 0 100px;
  }
  #top_lineup ul{
    margin: 40px 0 70px;
  }
  #top_lineup ul li{
    width: 100%;
    margin: 0 0 40px;
  }
}


/*サブナビゲーション１
___________________________*/

#top_nav ul{
  padding: 0;
  list-style: none;
}
#top_nav ul li{
  text-align: center;
}
#top_nav ul li a{}
#top_nav ul li a:hover{
  text-decoration: none;
  opacity: 1;
}

#top_nav ul li:nth-child(2){}
#top_nav ul li .img{}
#top_nav ul li h3{
  font-size: 24px;
}
#top_nav ul li a:hover{
  color: #fff;
  opacity: 1;
}
#top_nav ul li a:hover p{
  border-bottom: 1px solid #787a7b;
}

#top_nav ul li p{
  font-size: 16px;
  display: inline-block;
  padding: 0 0 6px;
  border-bottom: 1px solid #01141F;
}


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #top_nav{
    padding: 0 0 65px;
  }
  #top_nav ul{
    display: flex;
  }
  #top_nav ul li{
    width: 50%;
  }
  #top_nav ul li:nth-child(1){
    padding-right: 1.5%;
  }
  #top_nav ul li:nth-child(2){
    padding-left: 1.5%;
  }
  #top_nav ul li h3{
    margin: 20px 0 10px;
  }
  #top_nav #top-original{
    margin: 0 0 100px;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #top_nav{
    padding: 0 0 35px;
  }
  #top_nav ul li{
    width: 100%;
    margin: 0 0 44px;
  }
  #top_nav ul li h3{
    margin: 14px 0 10px;
  }
  #top_nav #top-original{
    margin: 0 0 60px;
  }
}


/*ニュース
___________________________*/
#top_info_wrap{
  background: #fff;
  width: 200%;
  margin-left: -50%;
  padding: 0 50%;
}
#top_info{
  display: block;
  max-width: 1020px;
  margin: 0 auto;
  width: 100%;
}
#top_info ul{
  padding: 0;
  list-style: none;
  margin: 25px 0 10px;
}
#top_info ul li{}
#top_info ul li a{
  color: #01141F;
}
#top_info ul li a:hover{}

#top_info ul li h3{
  margin: 0;
  font-size: 16px;
}
#top_info ul li a:hover h3{
  opacity: 0.55;
  transition: 0.4s ;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #top_info{
    padding: 85px 0px 64px;
  }
  #top_info ul li p.time{
    display: inline-block;
    margin: 0 20px 10px 0;
  }
  #top_info ul li h3{
    display: inline-block;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #top_info{
    padding: 58px 0px 50px;
  }
  #top_info ul li p.time{
    display: block;
    margin: 0 20px 0 0;
  }
  #top_info ul li h3{
    display: block;
    margin: 0 0 20px;
  }
}

/*============================
page common
============================*/
#main_img_wrap{
  background-repeat: no-repeat;
  background-size: cover;
}
.main_img_container{
  max-width: 1020px;
  margin: 0 auto;
}
.main_img_container h1{
  margin: 0;
}
.main_img_container p{
  margin: 0;
}
/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #main_img_wrap{
    height: 468px;
  }
  .main_img_container{
    padding: 194px 20px;
  }
  .main_img_container h1{
    font-size: 38px;
  }
  .main_img_container p{
    margin: 0;
    font-size: 16px;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .main_img_container{
    padding: 50px 20px;
    text-shadow: 3px 0px 6px rgb(1 20 31 / 64%);
  }
  .main_img_container h1{
    font-size: 26px;
  }
  .main_img_container p{
    margin: 0;
    font-size: 15px;
  }
}



/*全画面白背景*/
.bg_white{
  background: #fff;
    width: 200%;
    margin-left: -50%;
}
.bg_white_container{
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  color: #00283E;
}


.page_wrap{
  max-width: 1020px;
  padding: 0 20px;
}


/*コンセプト*/
.concept_img{
  background-image: url(https://m-affably.com/img/page/concept_mainImg.jpg);
  background-position: center bottom;
}

/*プライバシーポリシー*/
.privacy_img{
  background-image: url(https://m-affably.com/img/page/privacy_mainImg.jpg);
  background-position: center bottom;
}

/*プライバシーポリシー*/
.oem_img{
  background-image: url(https://m-affably.com/img/page/oem_mainImg.jpg);
  background-position: center bottom;
}
#breadcrumbs .container{
  padding: 23px 0 0 !important;
}

/* ----------------2001px---------------- */
@media screen and (min-width: 2001px) {
  .about_img{
    background-position: center top;
  }
}
/* ----------------2000ox---------------- */
@media screen and (max-width: 2000px) {
  .about_img{
    background-position: center;
  }
}

/* ----------------1970px---------------- */
@media screen and (min-width: 1481px) {
  .about_img{
    background-image: url(https://m-affably.com/img/page/about_mainImg@2x.jpg);
  }
}
/* ----------------1969ox---------------- */
@media screen and (max-width: 1480px) {
  .about_img{
    background-image: url(https://m-affably.com/img/page/about_mainImg.jpg);
  }
}


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .page_wrap{
    margin: 0 auto 110px;
  }
  .archive #breadcrumbs .container, .single #breadcrumbs .container{
    padding: 23px 0 40px !important;
  }

}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .page_wrap{
    margin: 0 auto 55px;
  }
  .archive #breadcrumbs .container, .single #breadcrumbs .container{
    padding: 23px 0 40px !important;
  }
}


/*============================
concept
============================*/
.concept{}
.concept .jp{
  line-height: 2.4;
  letter-spacing: 1px;
}
.concept .en{
  font-size: 14px;
  line-height: 1.8;
  margin: 14px 0 0;
}
.concept .m50{
  margin: 50px 0 0;
}

#concept_lade .breadcrumbs__list{
  color: #01141f;
}


#concept_lade01{
  margin: 116px 0 0;
}
#concept_lade01 .large{
  font-size: 28px;
  margin: 0 0 60px;
  letter-spacing: 4px;
}

#concept_lade02 .text .large{
  font-size: 22px;
}
#concept_lade02 .right.text .jp{
  margin: 13px 0 0;
}

#concept_lade03 .jp{
  font-size: 17px;
}
#concept_lade03 .jp a{
  color: #00283E;
  text-decoration: underline;
}
#concept_lade03 .jp a:hover{
  opacity: 0.5;
}
#concept_lade03 .text02{
  letter-spacing: 1px;
  font-size: 17px;
}
#concept_lade03 .large.center{
  font-size: 22px;
  letter-spacing: 5px;
  text-align: center;
}


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {

  #concept_lade02 .left{
    float: left;
  }
  #concept_lade02 .right{
    float: right;
  }
  #concept_lade02 .text{
    max-width: 480px;
    width: 48%;
  }
  #concept_lade02 .img{
    max-width: 434px;
    width: 48%;
  }
  #concept_lade02{
    margin: 130px 0 90px;
  }
  #concept_lade02 .left.img{
    margin: 95px 0 0;
  }
  #concept_lade02 .right.text{
    margin: 95px 0 0;
  }

  #concept_lade03{
    padding: 90px 50% 100px;
  }
  #concept_lade03 .left{
    float: left;
  }
  #concept_lade03 .right{
    float: right;
  }
  #concept_lade03 .text{
    max-width: 480px;
    width: 48%;
    margin: 50px 0 0;
  }
  #concept_lade03 .img{
    max-width: 434px;
    width: 48%;
  }
  #concept_lade01 .text{
    margin: 40px 0 50px;
  }
  #concept_lade02 .text .large{
    margin: 0 0 50px;
  }
  #concept_lade03 .text .large{
    font-size: 22px;
    margin: 0 0 50px;
    letter-spacing: 4px;
  }
  #concept_lade03 .img01{
    max-width: 434px;
    width: 100%;
    margin: 136px auto 70px;
    display: block;
  }
  #concept_lade03 .text02{
    text-align: center;
    line-height: 3;
    margin: 0 0 70px;
  }

  #concept_lade03 .large.center{
    margin: 100px 0 16px;
  }

  #concept_lade #breadcrumbs{
    padding: 0 0 100px;
  }
  #concept_lade .large{
    font-size: 28px;
    margin: 0 0 60px;
    letter-spacing: 4px;
  }
  #concept_lade .img{
    max-width: 434px;
    margin: 0 auto 100px;
    padding: 0 0 80px;
  }
  #concept_lade .text{
    text-align: center;
    padding: 0 0 60px;
  }
  #original-bnr{
    margin: 40px 0 0;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #concept_lade{
    padding: 0 50% 0;
  }
  #concept_lade02 .text{
    width: 100%;
  }
  #concept_lade02 .img{
    width: 100%;
  }
  #concept_lade02{
    margin: 60px 0 60px;
  }
  #concept_lade02 .left.img{
    margin: 60px 0 0;
  }
  #concept_lade02 .right.text{
    margin: 60px 0 0;
  }
  #concept_lade03 .bg_white_container{
    padding: 0 20px;
  }

  #concept_lade03{
    padding: 80px 50% 80px;
  }
  #concept_lade03 .text{
    width: 100%;
  }
  #concept_lade03 .img{
    width: 100%;
    margin: 40px 0 0;
  }
  #concept_lade01 .text{
    margin: 40px 0 40px;
  }
  #concept_lade01 img{
    width: 100%;
    height: auto;
    min-height: 150px;
    object-fit: cover;
  }
  #concept_lade02 .text .large{
    margin: 50px 0 30px;
  }
  #concept_lade03 .text .large{
    font-size: 23px;
    margin: 0 0 46px;
    letter-spacing: 4px;
  }
  #concept_lade03 .img01{
    max-width: 434px;
    width: 90%;
    margin: 76px auto 50px;
    display: block;
  }
  #concept_lade03 .text02{
    line-height: 2.4;
    margin: 0 0 50px;
  }
  #concept_lade03 .large.center{
    margin: 60px 0 0px;
    line-height: 2.4;
  }

  #concept_lade .bg_white_container{
    flex-wrap: wrap;
    display: flex;
  }
  #concept_lade #breadcrumbs{
    padding: 0 0 30px;
    order: 1;
  }
  #concept_lade .large{
    font-size: 28px;
    margin: 20px 0 40px;
    letter-spacing: 4px;
  }
  #concept_lade .text{
    max-width: 434px;
    float: right;
    order: 2;
    margin: 0 0 20px;
  }
  #concept_lade .img{
    padding: 0 0 80px;
    order: 3;
  }
  #original-bnr{
    margin: 30px 0 0;
  }
}


/*============================
about us
============================*/
#about_box01 .company_name{
  font-size: 20px;
}
#about_box01 p{line-height: 2;}

#about_box02{}
  .about_container{
    max-width: 703px;
  }

  .about_container p.text{
    border-bottom: 1px solid #fff;
    line-height: 2.2;
  }
  .about_list{
    border-bottom: 1px solid #fff;
  }

  .bg_white_container .about_container p.text{
    border-bottom: 1px solid #00283E;
  }
  .bg_white_container .about_list{
    border-bottom: 1px solid #00283E;
  }
  .bg_white_container .about_list a{
    color: #00283E;
    text-decoration: underline;
  }
  .bg_white_container .about_list a:hover{
    opacity: 0.5;
  }

  .about_list h3{
    margin: 0 0 20px;
  }
  .about_list ul{
    padding: 0;
  }
  .about_list ul li{
    list-style: disc;
    margin: 0 0 6px 20px;
    letter-spacing: 1px;
  }

#about_box04 table tr{
  border: none;
}
#about_box04 table tr th{
  background: #fff;
  color: #00283E;
  border: none;
}
#about_box04 table tr td{
  color: #00283E;
  border: none;
}
#about_box04 table tr td a{
  color: #00283E;
  text-decoration: underline;
}
#about_box04 table tr td a:hover{
  opacity: 0.5;
}

#about_box07 .left .large{
  font-size: 22px;
  margin: 0 0 30px;
}
#about_box07 .left p{
  line-height: 2;
}
#about_box07 .top_btn01{
  margin: 50px 0 0 !important;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #about_box01{
    margin: 80px 0 0;
  }
  #about_box01 .img{
    max-width: 434px;
    width: 48%;
  }
  #about_box01 .text{
    max-width: 480px;
    width: 48%;
  }
  #about_box01 .left{
    float: left;
  }
  #about_box01 .right{
    float: right;
  }

  #about_box03{
    padding: 30px 0 0;
    margin: 0 0 -10px;
  }
  #about_box04 table tr th{
    width: 16%;
    padding: 10px 0;
  }
  #about_box04 table tr td{
    padding: 10px 0;
  }
  #about_box07 .img{
    max-width: 434px;
    width: 48%;
  }
  #about_box07 .text{
    max-width: 480px;
    width: 48%;
  }
  #about_box07 .left{
    float: left;
  }
  #about_box07 .right{
    float: right;
  }
  #about_box01 .company_name{
    margin: 20px 0 30px;
  }
  #about_box01 .gmap{
    margin: 85px 0 120px;
  }
  .about_container{
    margin: 60px auto 70px;
  }
  .about_container p.text{
    padding: 0 0 60px;
  }
  .about_list{
    padding: 70px 0 70px;
  }
  #about_box04{
    margin: 90px 0 0 -50%;
    padding: 106px 50% 100px;
  }
  #about_box04 table{
    border: none;
    margin: 40px 0 0;
  }
  #about_box05{
    padding: 120px 0 30px;
  }
  #about_box06{
    padding: 120px 50% 30px;
  }

  #about_box07{
    padding: 120px 0 30px;
  }
  .bg_white_container .about_list{
    padding: 70px 0 70px;
  }
  .bg_white_container .about_container p.text{
    padding: 0 0 60px;
  }
  #about_box07 h2{
    margin: 0 0 96px;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #about_box01{
    margin: 50px 0 0;
  }
  #about_box01 .img{
    width: 100%;
  }
  #about_box01 .text{
    width: 100%;
  }
  .profile_box{
    width: 100%;
    margin: 0 0 50px;
  }
  #about_box03{
    padding: 0;
  }
  #about_box04 table tr th{
    width: 100%;
    padding: 15px 0 0;
    display: block;
    font-weight: bold;
  }
  #about_box04 table tr td{
    width: 100%;
    padding: 10px 0;
    display: block;
  }
  #about_box07 .img{
    width: 100%;
  }
  #about_box07 .text{
    width: 100%;
    margin: 40px 0 0;
  }
  #about_box01 .company_name{
    margin: 40px 0 30px;
  }
  #about_box01 .gmap{
    margin: 65px 0 90px;
  }
  .about_container{
    margin: 40px auto 50px;
  }
  .about_container p.text{
    padding: 0 0 40px;
  }
  .about_list{
    padding: 45px 0 45px;
  }
  #about_box04{
    margin: 55px 0 0 -50%;
    padding: 58px 50% 55px;
  }
  #about_box04 table{
    border: none;
    margin: 30px 0 0;
  }
  #about_box05{
    padding: 58px 0 5px;
  }
  #about_box06{
    padding: 55px 50% 5px;
  }

  #about_box07{
    padding: 55px 0 5px;
  }
  .bg_white_container .about_list{
    padding: 45px 0 45px;
  }
  .bg_white_container .about_container p.text{
    padding: 0 0 40px;
  }
  #about_box07 h2{
    margin: 0 0 50px;
  }
}



/*============================
archive
============================*/
.archive__item{
  background-color: #01141F !important;
}
.has-background .archive__item.is-card .archive__text{
  padding: 0 !important;
  margin: 18px 0 0 !important;
}
.archive__item .archive__title{
  font-size: 17px !important;
}
.archive__item.is-card .archive__meta{
  font-size: 16px;
}
.archive__date .ys-icon{display: none !important;}


.ys-icon svg polyline {
    color: #ffffff !important;
}
.category_list{
  padding: 0;
  list-style: none;
}



/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .archive__item.is-card {
    flex: 0 0 calc(50% - 4%) !important;
    width: calc(50% - 4%) !important;
    margin: 0 0 60px 0 !important;
  }
  .archive__item.is-card:nth-child(2n) {
    margin: 0 0 60px 8% !important;
  }
  .ratio:before {
    height: 310px;
  }
  .category_list{
    display: flex;
  }
  .category_list li{
    margin: 0 0 60px 0;
    border-left: 1px solid;
    padding: 0 30px 0;
  }
  .category_list li:last-child{
    border-right: 1px solid;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .archive__item.is-card {
    margin: 0 0 40px !important;
  }
  .has-background .archive__page-title{
    display: none;
  }
  .ratio:before {
    height: 250px;
  }
  .news_archive{
    margin: 100px 0 0;
  }
  .archive__container.is-card{
    clear: both;
  }
  .category_list li {
    margin: 0 0 20px 0;
    border-left: 1px solid;
    padding: 0 20px 0;
    width: 50%;
    float: left;
    text-align: center;
}
.category_list li:nth-child(2n){
  border-right: 1px solid;
}
.archive__container.is-card{
      padding: 40px 0 0;
}
}


/*============================
single
============================*/
.news_single{}
.news_single p{
  line-height: 2;
}

.news_single h1{
  margin: 30px 0 50px;
  font-size: 21px;
}
.news_single .wp-block-image img{
  max-width: 778px;
  width: 100%;
  margin: 40px 0 40px;
}
.archive__container.is-card{
  margin: 0 0 70px;
}
/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .news_single .time{
    margin: 70px 0 0;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .news_single .time{
    margin: 0 0 0;
  }
}

/*============================
privacy_policy
============================*/
#privacy_policy{}
#privacy_policy dl{}
#privacy_policy dt{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 2px;
}
#privacy_policy dd{
  margin: 20px 0 50px;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #privacy_policy .about_text{
    margin: 80px 0 50px;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #privacy_policy .about_text{
    margin: 30px 0 50px;
  }
}


/*============================
oem
============================*/
.oem_wrap, .contact_wrap{
  background: #fff;
  color: #01141F;
}

#about_oem{
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
}
#about_oem h2{
  font-size: 26px;
  letter-spacing: 3px;
}


#oem_products_link .box img{
  width: 100%;
}
#oem_products_link .box h3{
  font-size: 24px;
  text-align: center;
}
#oem_products_link .box .text{}

#oem_products{
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
}

#oem_works{
  max-width: 1020px;
  width: 100%;
  padding: 0 20px;
}
#oem_works ul{
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  height: auto;
}
#oem_works ul li{
  text-align: center;
}

#oem_works ul li img{
  width: 100%;
  vertical-align: bottom;
}
#oem_works ul li h3{
  margin: 20px 0 0;
  font-size: 16px;
}

#oem_contact{
  max-width: 1020px;
  width: 100%;
}
#oem_contact .must, #oem_contact .error{
  color: #AF7900;
}
.contact_forｍ_wrap{
  border: 1px solid #01141F;
}
.contact_forｍ_wrap .text{
  margin: 0 0 50px;
}
#oem_contact table{
  border: none;
}
#oem_contact table tr{
  border: none;
}
#oem_contact table tr th{
  background: #fff;
  border: none;
}
#oem_contact table tr td{
  border: none;
}
#oem_contact table tr td a{
  color: #01141F;
  text-decoration: underline;
}

#oem_contact [type=submit]{
  font-family: YuGothic,'Yu Gothic','Yu Gothic UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  display: block;
  border: 1px solid #01141F;
  color: #01141F;
  padding: 22px 20px 22px 40px;
  font-size: 17px;
  border-radius: 6px;
  background: #fff;
  max-width: 528px;
  width: 100%;
}
#oem_contact .submit{
  position: relative;
  display: block;
  max-width: 528px;
  width: 100%;
  margin: 0 auto;
}
#oem_contact .submit::before{
  position: absolute;
  content: "";
  background-image: url(https://m-affably.com/img/common/arrow_b_small.svg);
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  right: 25px;
  top: 17px;
}
#oem_contact [type=submit]:hover{
	text-decoration: none;
	background: #01141F;
	color: #fff;
}
#oem_contact .submit:hover::before{
	position: absolute;
	content: "";
	background-image: url(https://m-affably.com/img/common/arrow_w_small.svg);
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
	right: 25px;
	top: 17px;
}

input[type=email], input[type=search], input[type=text], input[type=url], textarea, .wpcf7 input[type="tel"]{
  background: #ECF0F7 !important;
  border: none !important;
  padding: 11px 10px;
  color: #01141f !important;
  width: 100%;
}
select{
  background: #fff !important;
  padding: 11px 10px !important;
  color: #01141f !important;
}
.select_wrap{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.select_wrap::after{
  content: "";
  position: absolute;
  top: 18px;
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #ADADAD transparent transparent transparent;
}

#oem_products h3{
  margin: 0 0 40px;
  font-size: 24px;
}
.bluegray{
  color: #3F525F;
}

/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  #about_oem{
    padding: 160px 20px 72px;
  }
  .about_oem{
    margin: 0 0 150px;
    line-height: 2;
  }
  #oem_products{
    padding: 128px 20px 0;
  }
  #oem_products_link{
    display: flex;
  }
  #oem_products_link .box{
    width: 47%;
  }
  #oem_products .text {
    max-width: 480px;
    width: 48%;
  }
  #oem_products .img {
    max-width: 434px;
    width: 48%;
  }
  #oem_products .left {
    float: left;
    margin-top: -128px;
    padding-top: 128px;
  }
  #oem_products .right {
    float: right;
  }
  #oem_products .text.left {
    margin: 140px 0 0;
    padding: 0;
  }
  #oem_products .img.right {
    margin: 18px 0 0;
    padding-top: 128px;
  }
  #oem_contact table tr th{
    width: 195px;
    padding: 10px 0;
  }
  #oem_contact table tr td{
    padding: 16px 0;
  }
  #oem_works{
    margin: 180px auto 0;
    padding: 0 20px;
  }
  #oem_works h2{
    margin: 0 0 50px;
  }
  #oem_works ul li{
    width: 31.33%;
    float: left;
    margin: 0 0 50px;
  }
  #oem_works ul li:nth-child(3n-1){
    margin: 0 3% 0;
  }
  #oem_products_link .box h3{
    margin: 50px 0 35px;
  }
  #oem_products_link .box:nth-child(2n){
    margin: 0 0 0 6%;
  }
  .contact_forｍ_wrap{
    padding: 70px 100px;
    margin: 70px 0 30px;
  }
  #oem_contact [type=submit]{
    text-align: center;
    margin: 25px auto 0;
  }
  #about_oem h2{
    margin: 0 0 55px;
  }
  #oem_products_link .box .btn_oem01{
    margin: 50px 0 0;
  }
  #oem_contact{
    margin: 2px auto 0;
    padding: 128px 20px 150px;
  }
  .contact_forｍ_wrap .text2{
    margin: 40px 0 0px;
    text-align: center;
  }
  #oem_works ul li img{
    max-width: 307px;
    height: 290px;
    object-fit: cover;
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  #about_oem{
    padding: 70px 20px 30px;
  }
  .about_oem{
    margin: 0 0 90px;
  }
  #oem_products{
    padding: 128px 20px 0;
  }
  #oem_products_link .box{
    width: 100%;
    margin: 0 0 70px;
  }
  #oem_products .text {
    width: 100%;
    margin: 40px 0 0;
  }
  #oem_products .img {
    width: 100%;
    margin-top: -128px;
    padding: 128px 0 0;
  }
  #oem_products .text.left {
    margin: 40px 0 0;
  }
  #oem_products .img.right {
    margin: 90px 0 0;
  }
  #oem_contact table tr th{
    width: 100%;
    padding: 10px 0 0;
    display: block;
  }
  #oem_contact table tr td{
    padding: 0 0 5px;
    display: block;
    width: 100%;
  }
  #oem_works{
    margin: 90px auto 0;
    padding: 0 20px;
  }
  #oem_works ul{
    margin: 40px 0 0;
  }
  #oem_works ul li{
    width: 48%;
    margin: 0 0 50px;
    float: left;
    margin: 0 0 30px;
  }
  #oem_works ul li:nth-child(2n) {
    margin: 0 0 30px 4%;
  }
  #oem_products_link .box h3{
    margin:  45px 0 35px;
  }
  .contact_forｍ_wrap{
    padding: 30px 20px 50px 20px;
    margin: 40px 0 30px;
  }
  #oem_contact [type=submit]{
    text-align: left;
    margin: 0 auto 0;
  }
  #about_oem h2{
    margin: 0 0 40px;
    line-height: 2;
  }
  #oem_products_link .box .btn_oem01{
    margin: 20px 0 0;
  }
  #oem_contact{
    margin: 90px auto 0;
    padding: 0 10px 55px;
  }
  .contact_forｍ_wrap .text2{
    margin: 40px 0 10px;
  }
  span.wpcf7-list-item{
    margin: 5px 0 0 0 !important;
  }
  #oem_works ul li img{
    max-width: 50vw;
    height: 40vw;
    object-fit: cover;
  }
}

/* ----------------スクロールアニメーション---------------- */
.effect-fade {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1500ms;
}

.effect-fade.effect-scroll {
  opacity : 1;
  transform : translate(0, 0);
}

/*============================
contact お問い合わせ
============================*/
.contact_wrap .breadcrumbs{
  padding: 0 20px;
}
.contact_wrap #breadcrumbs .breadcrumbs__item a{
  color: #01141F;
  text-decoration: underline;
}

.contact_wrap h2{
  margin: 0 0 40px;
}
.contact_wrap .wrap_box{
  max-width: 1020px;
  width: 100%;
  padding: 0 20px 0;
}
.contact_wrap .contact_box{}

.contact_wrap .tel-link a{
  color: #01141F;
  display: inline-block;
  border-bottom: 1px solid;
  line-height: 1.3;
}
.contact_wrap .tel-link a:hover{}
.contact_wrap .text{}

/* ----------------contact_tel---------------- */
#contact_tel{
  margin: 0 auto 0;
  border-top: 1px solid #00283E;
  padding: 70px 20px 70px;
}

/* ----------------contact_fax---------------- */
#contact_fax{
  margin: 0 auto 0;
  border-top: 1px solid #00283E;
  padding: 70px 20px 150px;
}

.contact_wrap .breadcrumbs__item:before{
  color: #01141F;
}

/* ----------------お問い合わせフォーム
                   OEMページと共通です---------------- */


/* ----------------パソコン設定---------------- */
@media screen and (min-width: 848px) {
  .contact_wrap .wrap_box{
  }
}
/* ----------------スマホ設定---------------- */
@media screen and (max-width: 847px) {
  .contact_wrap .wrap_box{

  }
}