@charset "UTF-8";
/*
Theme Name: NewSite
Author: ProntoNet
Author URI: http://www.prontonet.ne.jp/
Version: 1.0
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* =======================================
記事詳細
========================================*/
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }

/* ----------------------------- ページネーション */
.pagination {
    clear: both;
    position: relative;
    display: table;
    width: 280px;
    padding: 20px 0;
    margin: 20px auto 0;
    text-align: center;
    font-size: 1.1em;
    }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 5px 10px; margin: 0 10px; color: #333; text-decoration: none !important; cursor: pointer; color: #000; font-size: 128.5%; border-bottom: 2px solid transparent; }
.pagination span.current, .pagination a.current { border-bottom-color: #000; }
.pagination a:link, .pagination a:visited { color: #000; }
.pagination a:hover { color: #000; text-decoration: underline; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination .numeric, .pagination .prev, .pagination .next { display: table-cell; vertical-align: middle; }
.pagination .numeric { text-align: center; width: 70%; }
.pagination .prev, .pagination .next { /*width: 15%;*/ }
.pagination a.prev , .pagination a.next  { margin: 0; background-repeat: no-repeat; width: 80px; }
.pagination .prev { /*text-align: left;*/ }
.pagination a.prev  { padding-left: 25px; background-image: url(img/common/arrow_icon02_2.png); background-position: left center; }
.pagination .next { /*text-align: right;*/ }
.pagination a.next  { padding-right: 25px; background-image: url(img/common/arrow_icon02.png); background-position: right center; }

.pagination .page_count{  margin: 0;  padding: 5px; font-weight: bold; min-width: 60px; }
.pagination .link_none{ pointer-events: none;      width: 70px;   }


@media screen and (max-width: 640px) { .pagination { padding: 10px 0; }
  .pagination span, .pagination a { font-size: 100%; margin: 3px 4px; padding: 3px 5px; }
  .pagination .prev a { padding-left: 15px; background-image: url(img/common/icon3_left.svg); }
  .pagination .next { text-align: right; }
  .pagination .next a { padding-right: 15px; background-image: url(img/common/icon3.svg); } }
/* ----------------------------- 全体 */
body { font-size: 13px; line-height: 2em; color: #333; font-family: Helvetica, "メイリオ", Meiryo, "游ゴシック体", "游ゴシック", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; -webkit-text-size-adjust: 100%; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

.pc-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

/* ----------------------------- 1. 各ページ共通 */

body {  }

.wid{  margin: 0 15px; }
.f-wid{  margin: 0 15px; }

hr{  border-top: 1px solid #000;  width: 50px;  margin: 17px auto;  }


/*=======================================
ヘッダー
=========================================*/
/*=======================================
メニュー
=========================================*/
/*=======================================
フッター
=========================================*/


.f_contact {  background-image: url(./img/common/bg_img01.jpg);  background-repeat: no-repeat;  background-size: cover;  background-position: center;  padding: 55px 0 45px;  color: #FFF;    }

.f_contact iframe{ width: 100%;   height: 300px;  margin-bottom: 30px; }

.f_contact > div > div{   }

.f_contact h3{  text-align: center;  font-weight: normal;  border-top: 1px #FFF solid;  border-bottom: 1px #FFF solid;  font-size: 1.1em;  padding: 10px 0px;  }

.f_contact .tel_fax { padding: 15px 0 10px; }
.f_contact .tel_fax p{ text-align: center;  padding: 5px 0; }

.f_contact .tel_fax p.tel, .f_contact .tel_fax p.fax{    font-size: 1.65em;  }
.f_contact .tel_fax p a, .f_contact .tel_fax p span{  text-decoration: none;   color: #FFF;   font-size: 1.2em;  }
.f_contact .tel_fax p.tel{   }
.f_contact .tel_fax p.fax{   }


.f_contact .calendar{ text-align: center;     margin-top: 27px;  }
.f_contact .calendar > div{  display: inline-block;     width: 270px;  /*height: 200px;*/  color: #000;  background: #FFF;  padding: 10px 10px 13px;  box-sizing: border-box;      margin: 10px 8px;  }
.f_contact .calendar > div table{    width: 100%;  margin-top: 5px;  font-size: 0.9em;  }
.f_contact .calendar > div h4{  text-align: left;  font-size: 1.1em;  line-height: 1.3em;  padding-left: 5px;  }
.f_contact .calendar > div p{  text-align: right;  margin-top: -1.7em;  margin-right: 8px;  font-size: 0.9em;  font-weight: bold;     line-height: 20px; }
.f_contact .calendar > div p i{  display: inline-block;  width: 20px;  height: 20px;  background: #FFCCCC;  vertical-align: middle;  margin-right: 5px;  }

.f_contact .calendar > div .d-week th{     font-weight: normal; }
.f_contact .calendar > div .d-week th:last-child { color: #D20000; }

.f_contact .calendar > div td{  background:#EEEEEE;  border: 1px #FFF solid;  }
.f_contact .calendar > div td.ho{  background: #FFCCCC;  }


.f_news_list {  padding: 40px 0px 50px;  }
.f_news_list .news_t{    }
.f_news_list .news_list_block{  margin: 25px 0 0;  }

.f_news_list .news_t h2{ font-size: 1.8em;  margin-bottom: 15px; }

.f_news_list .news_t a{ display: inline-block;  background: #D90000;  color: #FFF;  text-decoration: none;  width: 190px;  box-sizing: border-box;
  padding: 6px;  padding-left: 50px;  background-image: url(./img/common/arrow_icon01.png);  background-repeat: no-repeat;  background-position: center left 15px;
  }
.f_news_list .news_t a:hover{  opacity: 0.75; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75);  }

.f_news_list .news_list_block .post:first-child {  border-top: 1px #CCCCCC dotted;  }


.news_list_block {  font-size: 1.1em;  }
.news_list_block .post { border-bottom: 1px #CCCCCC dotted;  }
.news_list_block .post a{  display: block;  position: relative;  padding: 12px;  padding-left: 130px;  background-image: url(./img/common/arrow_icon02.png);  background-repeat: no-repeat;  background-position: top 22px left 10px;  }
.news_list_block .post .date{  position: absolute;  left: 45px;  color: #666;  }



.l-footer{  background: #EEEEEE;  padding: 20px 0 25px;  }

.l-footer__logo .sdgs { margin-top: 10px; }

.f_logo{      margin: 12px 1px 20px;  display: inline-block; }

.f_navi1{ /*float: right;*/  margin-top: 5px; }
.f_navi1 ul{ margin-bottom: 10px;  }


.f_navi2{ margin-top: 40px; font-size: 0.9em;  }
.f_navi1 li, .f_navi2 li {  display: inline-block;  float: left;  border-right: 1px #000 solid;  line-height: 1.2em;  padding: 0 5px;  }
.f_navi1 li a, .f_navi2 li a{  text-decoration: none;  }
.f_navi1 li:last-child {   border-right: 0px #000 solid;   }
.f_navi2 li:first-child {   border-left: 1px #000 solid;   }


.copyright{  /*float: right;*/  margin-top: 1.5em;  font-size: 0.9em;  }


/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 20px; bottom: 30px; z-index: 999;  width: 50px;  height: 50px; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/

.l-header .mv {   margin: 0 auto;  }
.top_slider_box{ position: relative;    /*width: 80%;   padding-left: 300px; */     overflow: hidden; }
.top_slider_box > img{  position: absolute;  z-index: 999;  top: 12%;  margin: 0 auto;  left: 0;  right: 0;  }
.top-slider{ width: 100%;  }


/*=======================================
トップページ
=========================================*/


.top_menu li .acdn-button.open img,
.top_menu2 li .acdn-button.open img{ transform: rotate(180deg);     }

.top_menu li .acdn-button img,
.top_menu2 li .acdn-button img{  -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all;   }


.top_menu{  box-sizing: border-box;  padding: 20px 20px 60px;  position: relative;  }
.top_menu ul{  margin: 0px 0px 10px 10px; }

.top_menu a{  text-decoration: none; }
.top_menu a img{  opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100);  }

.top_menu a:hover{  opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65);  }
.top_menu li a{  font-weight: bold;  font-size: 1.1em;  padding: 7px 0px;  display: block; }
.top_menu h3 {  border-top: 1px #C6BBA4 solid;  border-bottom: 1px #C6BBA4 solid;  padding: 7px 0px;  margin-top: 15px; }

.top_menu .h_logo{ display: block;  text-align: center; }

.top_menu .h_info{  text-align: center;  }
.top_menu .h_info p{  font-size: 1.5em;  font-weight: bold;  margin: 12px 0px;  }

.top_menu .h_recruit { text-align: left;  margin-top: 10px !important; }
.top_menu .h_recruit img{  margin-left: 8px;  vertical-align: middle;     margin-top: -3px;  }

.top_menu .h_info li a{ padding: 6px 0px; padding-left: 25px;   background-image: url(./img/common/arrow_icon03.png);  background-repeat: no-repeat;  background-position: center left 5px;   }

.top_menu > div > ul > li > a{  width: 70%; }
.top_menu li span{   margin-top: -2.5em;  float: right;  display: inline-block;  padding: 7px 7px 7px 30px;  height: 15px; }

.top_sp_mnbtn{ position: absolute;   left: 0;   right: 0;   text-align: center;   bottom: 0;   background: #016108;  color: #FFF;  line-height: 2.5em;  font-size: 1.2em;  }


.top_menu li{ position: relative;  }
.top_menu li ul{  display: none;  }
.top_menu li ul{ /* position: absolute;  left: 0;  margin-left: 230px;  width: 280px;  background: #FFF;  z-index: 999;  margin-top: -50px;     padding: 7px 0;*/   }
/*.top_menu li:hover ul{  display: block;  }*/

.top_menu li ul li{  padding-left: 30px;  background-image: url(./img/common/arrow_icon03.png);  background-repeat: no-repeat;  background-position: center left 10px;   }

.top_menu hr{ margin: 25px auto; }

.top_menu2 {  position: relative; padding: 13px 0 0;  }
.top_menu2 .h_logo{ /*float: left; margin-left: 25px;*/ display: block;  margin-left: 13px; padding-bottom: 15px; }
.top_menu2 .h_logo img{ max-width: 210px; }
.top_menu2 > div > ul{ /*float: left; */ margin: 5px 0px 15px 15px;     font-size: 1.1em; }
.top_menu2 .h_info2{  /*position: absolute;  right: 0;  width: 220px; */ text-align: center;  background: #016108;  color: #FFF;  top: 0;  bottom: 0;  padding: 5px 0;  box-sizing: border-box;  z-index: 999;  }
.top_menu2 .h_info2 h3{  font-size: 0.95em;  padding: 3px 0px;  }
.top_menu2 .h_info2 p{  font-size: 1.2em;  }
.top_menu2 .h_info2 a{  font-size: 1.25em;  color: #FFF;  text-decoration: none;  }

.top_menu2 li{ /*position: relative;    display: inline-block; */      font-weight: bold;   padding: 0 10px; }
.top_menu2 li ul{  display: none;  }
.top_menu2 li ul{  /*position: absolute;  left: 0;  */ background: #FFF;  z-index: 999;   padding: 8px 3px;  /*padding-top: 35px; */  }
.top_menu2 li:hover ul{ /* display: block; */ }
.top_menu2 li ul li{  padding-left: 30px;  background-image: url(./img/common/arrow_icon03.png);  background-repeat: no-repeat;  background-position: center left 12px;   }
.top_menu2  a{  text-decoration: none;   position: relative;  }
.top_menu2 li a{ padding: 5px;   display: block;  }
.top_menu2 > div > ul > li > a{  width: 70%; }
.top_menu2 li span{   margin-top: -2.1em;  float: right;  display: inline-block;  padding: 7px 7px 7px 30px;  height: 15px; }
/*
.top_menu2 > div > ul >li.active > a::before,
.top_menu2 > div > ul >li:hover > a::before{  content: "";  width: 1px;  height: 50px;  top: -60px;  left: 50%;  background: #D90000;  display: block;  position: absolute;  }
*/
#spnav{ display: none; }
.sp-btn{   display: inline-block;   position: absolute;   top: 15px;   right: 15px;  }


.tc{ text-align: center; }

.top_menu2 li ul li img{  margin-left: 8px;   vertical-align: middle;   margin-top: -3px;  }
/*
.nav_s01{  margin-left: 390px;  }
.nav_s02{  margin-left: 475px;  }
.nav_s03{  margin-left: 660px;  }
.nav_s04{  margin-left: 800px;  }
.nav_s05{  margin-left: 885px;  }
*/
.smv{   background-repeat: no-repeat;  background-size: cover;  background-position: center;  /*height: 170px; */   position: relative;  }
.smv h2{  font-size: 1.8em; padding: 60px 30px;  letter-spacing: 0.1em;    color: #000;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 
               0 0 20px rgba(255, 255, 255, 0.7), 
               0 0 20px rgba(255, 255, 255, 0.6), 
               0 0 12px rgba(255, 255, 255, 0.6), 
               0 0 12px rgba(255, 255, 255,   1), 
               0 0  8px rgba(255, 255, 255,   1);  }
.smv .breadcrumbs{  position: absolute;   bottom: 15px;   left: 30px;  color: #000;
  text-shadow: 0 0 18px rgba(255, 255, 255,   1), 
               0 0 15px rgba(255, 255, 255,   1), 
               0 0 15px rgba(255, 255, 255, 0.8), 
               0 0 12px rgba(255, 255, 255, 0.8), 
               0 0 12px rgba(255, 255, 255, 0.8), 
               0 0 12px rgba(255, 255, 255, 0.7), 
               0 0 12px rgba(255, 255, 255, 0.7), 
               0 0  7px rgba(255, 255, 255, 0.7), 
               0 0  7px rgba(255, 255, 255, 0.7), 
               0 0  5px rgba(255, 255, 255, 0.7);  }
.smv .breadcrumbs li a{     text-decoration: none;  }
.smv .breadcrumbs li{ display: inline-block;     position: relative;  padding-right: 18px; }
.smv .breadcrumbs li:after{ display:block;  content:">";    position: absolute;   right: 3px;  top: 0; } 

.smv .breadcrumbs li:last-child{  padding-right: 0px;  } 
.smv .breadcrumbs li:last-child:after{  content:""; display:none;  } 


.point_box {  margin: 40px 0px 50px;  }
.point_box > div{ position: relative;  }
.point_box .bg_block{   position: absolute;  top: 30px;  width: 84%;  height: 240px; height: 55vw;  z-index: -5;  }
.point_box .point_01 .bg_block{ background:#FEF2F2; left: 0;   }
.point_box .point_02 .bg_block{ background:#F2F7F2; right: 0;   }
.point_box .point_03 {  }
/*
.point_box .point_01 img{  position: absolute;   right: 50%;   margin-right: -50px;  }
.point_box .point_02 img{  position: absolute;   left: 50%;    margin-left:  -30px;  }
.point_box .point_03 img{  position: absolute;   right: 50%;   margin-right: 50px;  }

.point_box .point_01 .txt{  position: absolute;   left: 50%;   top: 130px;   margin-left:  105px;  }
.point_box .point_02 .txt{  position: absolute;   right: 50%;  top: 130px;   margin-right: 100px;  }
.point_box .point_03 .txt{  position: absolute;   left: 50%;   top: 130px;   margin-left:   90px;  }
*/

.point_box  img{  width: 93%;  margin: 0 auto;  display: block;  }
.point_box .point_01 img{    }
.point_box .point_02 img{    }
.point_box .point_03 img{    }

.point_box  .txt{  margin: 25px 10px 40px;  }

.point_box .point_01 .txt{  margin-top: 40px;  }
.point_box .point_02 .txt{  margin-top: 40px;  }
.point_box .point_03 .txt{    }

.point_box .txt h2{ font-size: 1.6em;  line-height: 1.2em; }
.point_box .txt div{  padding-left: 15px;  font-size: 1.1em;  line-height: 2em;  margin-top: 12px;  margin-left: 5px; }

.point_box .point_01 .txt div{   border-left: 1px #D90000 solid;  }
.point_box .point_02 .txt div{   border-left: 1px #016108 solid;  }
.point_box .point_03 .txt div{   border-left: 1px #666666 solid;  }



/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/


.p-page p{ font-size: 1.05em;  line-height: 2em; }

.p_catch{  text-align: center;   margin: 40px 0 15px;  }
.p_catch h2{  font-size: 1.5em;  letter-spacing: 0.05em;  line-height: 1.5em;  }
.p_catch p {  font-size: 1.2em;  line-height: 2em;  margin-top: 23px;  }


.p-page .layout01 > div {  margin-bottom: 30px;     padding-top: 10px; }
.p-page .layout01 div h3{  font-size: 1.3em;  color: #D80000;  border-bottom: 1px #DDD solid;  margin-bottom: 15px;  margin-top: 20px;  }
.p-page .layout01 div h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }
.p-page .layout01 div table.typea{  width: 100%;  clear: both;  margin: 30px 0 10px;  }
.p-page .layout01 div table.typea th,
.p-page .layout01 div table.typea td{  border: 1px #CCC solid;   text-align: center;  }
.p-page .layout01 div table.typea th{  padding: 6px 0;  color: #000;  vertical-align: middle;  background: #F5F3EF;   font-weight: normal;  }
.p-page .layout01 div table.typea td{  padding: 6px 0; text-align: left;  margin-bottom: -1px; }
.p-page .layout01 div .sm{  width: 100%;  font-size: 0.9em;  line-height: 1.7em;  }
.p-page .layout01 div table.typea .tl{  text-align: left !important; /* padding-left: 15px !important;*/ }
.p-page .layout01 div img{    }
.p-page .layout01 div span{  font-size: 1.1em;   margin: 18px 0px 8px;   display: block;  }
.p-page .layout01 div p{  line-height: 1.9em;    }
.p-page .layout01 div h4{  margin: 25px 0 10px;  font-size: 1.05em;  line-height: 1.5em; }
.p-page .layout01 div h4.border:after {  content: "";  display: block;  border-bottom: 1px #666666 dotted;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.p-page .layout01 div table .line_b{
  box-shadow: 0px 0px 0px 3px #666 inset;
  -webkit-box-shadow: 0px 0px 0px 3px #666 inset;
  -moz-box-shadow: 0px 0px 0px 3px #666 inset;
  }


  .sp-table1 {
    width: 80%;
  }
  .sp-table1 .thead {
    display: none;
  }
  .sp-table1 tr {
    width: 100%;
  }
  .sp-table1 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .sp-table1 td:first-child {
    color: #000;
    background: #F5F3EF;
    text-align: center;
  }
  .sp-table1 th:before,
  .sp-table1 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
    display: inline-block;
    width: 130px;
    text-align: left;
    padding-left: 15px;  }


  .sp-table2 th,
  .sp-table2 td{
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left !important;
    padding: 7px 10px !important;
    margin-bottom: -1px;
  }
  


.type_list { text-align: center;    margin-bottom: 50px;  }
.type_list div{     margin: 35px 10px 10px; }
.type_list div h3{  font-size: 1.4em;  padding-top: 20px;     color: #333;  border: 0;  }
.type_list div h3:after{ display: none; }
.type_list div p {  text-align: left;  padding: 10px 8px 15px;  font-size: 1.1em;  line-height: 1.7em;    }

.type_list div a {  background-image: url(./img/common/arrow_icon02.png);  background-repeat: no-repeat;  background-position: center left 18px;
    display: block;  text-align: left;  text-decoration: none;  border: 1px #CCC solid;  margin: 8px auto;  max-width: 320px;  box-sizing: border-box;  padding: 7px 10px 7px 45px;  font-size: 1.1em;  }
.type_list div a:hover{ opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }



.type1_list {  margin: 30px 0px 70px; }
.type1_list div{  margin: 0 15px;  }

.type1_list p{ text-align: center;  padding: 12px 0 30px; }


.type2_list {  margin-bottom: 50px;  }


.type3_list {  margin-bottom: 50px;  }
.type3_list div ul{  color: #000000;   font-size: 1.05em;   margin-top: 15px;  margin-left: 1.3em;  }
.type3_list div ul li{  text-indent: -1em;   line-height: 1.6em;   padding: 3px 0px; }

.type3_list div table.type3-1 th{ padding: 2px 0 !important; }
.type3_list .type3_etc{  text-align: center;  font-weight: bold;  font-size: 1.1em;  color: #000000;  line-height: 2em;  padding: 12px 0px !important;
    background-color:#F5F3EF;  background-image: url(./img/product/type3_img01.jpg);  background-repeat: no-repeat;  background-position: center right; 
    text-shadow: 0 0 18px rgba(245, 243, 239,   1), 
                 0 0 15px rgba(245, 243, 239,   1), 
                 0 0 15px rgba(245, 243, 239, 0.8), 
                 0 0 12px rgba(245, 243, 239, 0.8), 
                 0 0 12px rgba(245, 243, 239, 0.8), 
                 0 0 12px rgba(245, 243, 239, 0.7), 
                 0 0 12px rgba(245, 243, 239, 0.7), 
                 0 0  7px rgba(245, 243, 239, 0.7), 
                 0 0  7px rgba(245, 243, 239, 0.7), 
                 0 0  5px rgba(245, 243, 239, 0.7);

 }


.delivery_list {  margin-bottom: 50px;  }
.delivery_list table{     margin-top: 15px !important; }
.delivery_list #disclaimer > div {  background: #F5F3EF;    padding: 10px 18px;   margin-top: 30px;  }
.delivery_list #disclaimer > div p{  width: 100%;   padding: 8px;  }
.delivery_list #disclaimer > div span{     margin: 0;   display: block;  width: 145px;    font-weight: bold;  font-size: 1em;  color: #000;  }
.delivery_list #disclaimer > div a{ 
    word-wrap: break-word;  overflow-wrap: break-word;  word-break: break-all;    display: block;
    padding: 3px 15px 3px 32px;   background-image: url(./img/common/link_icon.png);  background-repeat: no-repeat;  background-position: top 7px left;  }


.discerning_list {  margin-bottom: 50px;  }
.discerning_list .txt_box{  margin-bottom: -10px !important;  }
.discerning_list .txt_box p{  font-size: 1.15em;  }

.manufactur_list {  margin-bottom: 50px;  }
.manufactur_list th{  font-weight: bold !important;  }


.process_list {  margin-bottom: 20px;  }

.p-page .layout02 div { position: relative; /* margin-bottom: 40px;     padding-top: 10px;*/ }
.p-page .layout02 div h3{  font-size: 1.3em;  color: #D80000;  border-bottom: 1px #DDD solid;  margin: 15px 0; }
.p-page .layout02 div h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 70%;  padding-bottom: 8px;  margin-bottom: -1px;  }
.p-page .layout02 div table{  width: 100%;  clear: both;  margin: 30px 0 10px;  }
.p-page .layout02 div table th,
.p-page .layout02 div table td{  border: 1px #CCC solid;   text-align: center;  }
.p-page .layout02 div table th{  padding: 6px 0;  color: #000;  vertical-align: middle;  background: #F5F3EF;   font-weight: normal;  }
.p-page .layout02 div table td{  padding: 6px 0;   }
.p-page .layout02 div .sm{  width: 100%;  font-size: 0.9em;  line-height: 1.7em;  }
.p-page .layout02 div table .tl{  text-align: left !important;  padding-left: 15px !important; }
.p-page .layout02 div img{   }
.p-page .layout02 div span{  font-size: 1.1em;   margin: 18px 0px 8px;   display: block;  }
.p-page .layout02 div p{  line-height: 1.9em;    }
.p-page .layout02 div h4{  margin: 25px 0 10px;  font-size: 1.05em;  line-height: 1.5em; }
.p-page .layout02 div h4.border:after {  content: "";  display: block;  border-bottom: 1px #666666 dotted;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.p-page .layout02 > div { border-left: 1px #BBB dashed;  margin-left: 25px; }
.p-page .layout02 > div:last-child { border-left: 0px #BBB dashed; }
.p-page .layout02 div div { margin-left: 40px;  padding-bottom: 50px; }
.p-page .layout02 .step{  position: absolute;  background: #D90000;  color: #FFF;  width: 50px;  height: 52px;  margin: 0;  top: 0px;  left: -25px;  text-align: center;  box-sizing: border-box;  padding-top: 0px;  font-size: 0.85em;  }
.p-page .layout02 .step i{  font-style: normal;  display: block;  font-size: 1.6rem;  line-height: 0.8em;  }



.test-kitchen_list {  margin-bottom: 20px;  }

.test-kitchen_list .img_box{  margin-top: 20px;  }
/*
.test-kitchen_list .fl{ float: left !important; }
.test-kitchen_list .fr{ float: right !important; }
*/
.test-kitchen_list .img_box div div{ margin: 0 0 0 1px !important;  padding: 0 !important; }
.test-kitchen_list .img_box div{ margin: 0 -0.4px !important;  padding: 0 !important; }
.test-kitchen_list .img_box img{   margin: 0.5px; }

.test-kitchen_list .spimg{  width: 100% !important;  }
.test-kitchen_list .spimg img{ width: 49.65%; float:left; }


.test-kitchen_list .use div{    display: block;   vertical-align: top; }
.test-kitchen_list .use div:nth-child(2n+1){   }
.test-kitchen_list .use h3{  margin-bottom: 0px !important; }
.test-kitchen_list .use h4{  border-bottom: 1px #DDDDDD solid;   padding-bottom: 8px;      margin: 25px 0px 15px !important; }
.test-kitchen_list .use_contact{ background: #F5F3EF;  text-align: center;  padding: 25px 30px 18px !important; }
.test-kitchen_list .use_contact       h3{    padding: 12px 0;  margin: 18px 0 20px !important;    border-bottom: 1px #000 solid !important;  border-top: 1px #000 solid;  color: #000 !important;  }
.test-kitchen_list .use_contact h3:after{ display: none !important;  }
.test-kitchen_list .use_contact      p{  width: 100% !important;      font-weight: bold;  color: #000; }
.test-kitchen_list .use_contact      a{  font-size: 1.4em;  color: #D80000;  font-weight: bold;  text-decoration: none; }
.test-kitchen_list .use_contact      a:hover{ opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65);  }
.test-kitchen_list .use_contact a span{ display: initial;  font-size: 1.2em;  }
.test-kitchen_list .use_contact   span{  color: #D80000;     margin-top: 12px !important; }



.qa_list {  margin-bottom: 60px;  }

.qa_list .qa_item{  margin-top: 20px;  }
.qa_list .qa_item .acdn-button{  -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; transition: 0.4s ease all;  }
.qa_list .qa_item .acdn-button i{  -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all;  }

.qa_list .qa_item .acdn-button{  cursor: pointer;    margin: 0;  margin-bottom: 10px;   border: 1px #CCCCCC solid;  font-weight: normal;  font-size: 1.15em;  padding: 10px 10px 10px 50px;  position: relative;
    -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;    }
.qa_list .qa_item .acdn-button i{ position: absolute;  left: 18px;  top: -3px;  bottom: 0;  margin: auto;  width: 15px;  height: 15px;   display: block;  border: 2px #666666 solid;   box-sizing: border-box;  }
.qa_list .qa_item .acdn-button.open{ margin-top: 15px;   color: #FFF;  background: #666666;  border: 1px #666666 solid;  font-size: 1.27em; }
.qa_list .qa_item .acdn-button.open i{  border: 3px #FFF solid;  width: 20px;  height: 20px;  left: 17px; }
.qa_list .qa_item .acdn-area{ margin-bottom: 30px;  box-sizing: border-box;  padding: 10px 20px;  font-size: 1.1em;
display: none;   border: 1px #CCCCCC solid;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;   }


.company_list {  margin-bottom: 60px;  }

.company_list h4{ color: #000;  }
.company_list p{ margin-bottom: 12px; }
.company_list .sign{ /*width: 700px;*/  margin-top: 50px; }

.company_list .r-img-box{ /*width: 450px;  float: right;*/ }
.company_list .r-img-box img:nth-child(2),
.company_list .r-img-box img:nth-child(3){ width: 50%;  float: right; }



.company_list table.w700p{ /*width: 700px !important;*/  clear: none !important; }

.company_list iframe{     margin-top: 15px;  width: 100%;  height: 400px; }

.gray_box{  background: #F5F3EF;  text-align: center; padding: 18px;  margin-top: 30px; }
.gray_box h4{  background: #F5F3EF;  text-align: center;  padding: 35px 0px;  font-size: 1.45em !important;  margin: 0 !important;  }
.gray_box img{  float: none !important;  }
.gray_box dl{ margin: 0;  font-size: 1.1em;  color: #000; }
.gray_box dt, .gray_box dd{   padding: 7px 12px;  vertical-align: middle;  text-align: center; }
.gray_box p{  width: 100%;  margin: 10px 0;  font-weight: bold;  color: #000;  }


.p-page .layout01 div table.typeb{  width: 100%;  clear: both;  margin: 10px 0 10px;  }
.p-page .layout01 div table.typeb th{  text-align: left;  color: #000;  font-weight: normal;  width: 130px; }

.p-page .layout01 div table.typeb th,
.p-page .layout01 div table.typeb td
{   padding: 0px 3px 7px 11px;  line-height: 1.7em;   box-sizing: border-box;  width: 100%;  display: block; }

.p-page .layout01 div table.typeb .none{  display: none;     border-bottom: 0px #DDD solid;    width: 20px;    box-sizing: border-box;  }
.p-page .layout01 div table.typeb span{   display: block;   width: 140px;   margin: 0px;  }
.p-page .layout01 div table.typeb span:last-child{  margin-top: 8px;  }
.p-page .layout01 div table.typeb th{ padding-top: 12px; }
.p-page .layout01 div table.typeb td{ padding-left: 24px; }
.p-page .layout01 div table.typeb td:last-child{   border-bottom: 1px #DDD solid;  padding-bottom: 12px;   }



.news_list{ margin: 40px 0 50px; }
.news_list span.date{ color: #333 !important;  }

.news_list h3{  font-size: 1.4em;  color: #D80000;  border-bottom: 1px #DDD solid; margin-bottom: 15px; }
.news_list h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }



.sitemap_list{ margin: 50px 0 60px; }

.sitemap_list h3{  font-size: 1.4em;  color: #D80000;  border-bottom: 1px #DDD solid; margin-bottom: 15px; }
.sitemap_list h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }
/*
.sitemap_list .fl{ float: left; }
.sitemap_list .fr{ float: right; }
.sitemap_list > div { width: 587px; }
.sitemap_list > div > div{ width: 280px; }
*/
.sitemap_list h4{ border-bottom: 1px #DDDDDD solid;  margin-bottom: 10px;   font-size: 1.1em; line-height: 2.5em;  }
.sitemap_list a{   display: block;   text-decoration: none; }
.sitemap_list a:hover{     text-decoration: none;    opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65);  }
.sitemap_list ul{  margin-bottom: 30px;  }
.sitemap_list li{  padding-left: 27px;   background-image: url(./img/common/arrow_icon02.png);   background-repeat: no-repeat;   background-position: center left;  }
.sitemap_list li a{     padding: 8px 0;   font-size: 1.1em; }
.sitemap_list li a img{  vertical-align: middle;  margin-left: 8px;  }


.policy_list {  margin: 50px 0 100px;  }
.policy_list h4{  font-size: 1.4em;  margin: 28px 0 18px !important; line-height: 1.3em !important; }
.policy_list h4:after{  content: "";  display: block;  border-bottom: 1px #DDDDDD solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.policy_list .gray_box{     margin-top: 20px; }


.w100{ width: 100% !important; }



/* ----------------------------- 4. 投稿 */


.post_data{     margin-bottom: 25px; }
.page-n{  text-align: center;   font-size: 1.1em;   margin-top: 65px;   padding-top: 20px;   border-top: 1px #DDD solid; }
.page-n li {  display: inline-block;   margin: 0px 5px; }


/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #000; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "メイリオ", Meiryo, "游ゴシック体", "游ゴシック", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { padding-left: 10px; padding-right: 10px; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

#__bs_notify__ { display: none !important; }