@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ----------------------------------------------------------------------

 smart phone setting

---------------------------------------------------------------------- */

body {
  -webkit-text-size-adjust:100%; margin:0; padding:0;
  /*font-family:"Century Gothic",Arial,sans-serif; */
  width:100%; position:relative;
  color:#333;
/*font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
font-family: 'Noto Sans JP',  Sans-Serif;
}


/* layout */

#wrapper { width:auto;margin:0 auto;overflow:hidden; }

#contents { width:100%; }
#main_col { width:100%/*padding:25px 20px 0;*/ }
#side_col { padding:30px 20px 0;  /*border-top:1px solid #ccc; */}

#index_top_wrap { width:100%; background:#f2f2f2; }
#index_top { position:relative; margin:0 20px; padding:0; }

/* headline */
.headline1 { border-bottom:1px solid #ddd; padding:0; margin:0 0 25px 0; font-size:18px; }
.headline1 span { border-bottom:4px solid #ccc; padding:0 0 5px 0; margin:0; display:inline-block; }

#bread_crumb { padding:13px 20px; background: #F2F2F2; line-height: 150%; }
#bread_crumb li{ color: #000; font-size: 10px; padding: 0 5px 0 0; }
#bread_crumb li:after{ color: #000; top:0px; left: -15px; }
#bread_crumb li.home a:before { color: #000; font-size: 12px; top: 6px; }
#bread_crumb li a{ text-decoration: none; color: #000; }

/* ----------------------------------------------------------------------
 company info
---------------------------------------------------------------------- */
#company_info { margin:0 0 50px 0; padding:1px 0 0 0; }
#company_info p { margin:0; }
#company_info dl { margin:0 0 40px 0; }
#company_info dt { background:#f2f2f2; margin:0 0 5px 0; line-height:200%; font-weight:bold; font-size:12px; padding:0 10px; }
#company_info dd { margin:0 0 10px 0; line-height:200%; padding:0 10px; }

#company_map { text-align:right; }
#company_map a { color:#333; }
#company_map iframe { width:100%; }
#company_map_desc { padding:20px 0 0; }




/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
#slider { z-index:1; margin:0 0 20px -20px; width: calc(100% + 40px); }
#slider img { width:100%; height:auto; display:block; }

/* top banner */
#index_banner ol { margin:0; padding:0; display: flex; }
#index_banner ol li { list-style-type:none; padding:0; margin:0 10px 20px 0; }
#index_banner ol li.num3{ margin-right: 0; }
#index_banner img { display:block; width:100%; height:auto; }

@media only screen and (max-width: 480px) {
  #index_banner ol { margin:0; padding:0; display: block; }
  #index_banner ol li { list-style-type:none; padding:0; margin:0 0 20px 0; }
}

/* news */
#index_news { position:relative; }
#index_news ol { margin:-10px 0 15px 0; padding:0; }
#index_news ol li { list-style-type:none; margin:0 0 2px 0; padding:10px;/* background:#f2f2f2; */ font-size:15px; background:#fff; border-bottom:1px dotted #ccc;/*-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;*/ }
#index_news ol li .date { font-size:100%; margin:0 0 10px 0; line-height:100%; color:#222;font-weight:bold; }
#index_news ol li .title { font-size:100%;line-height:160%; padding:0; margin:0; }
#index_news ol li .title a { display:block; text-decoration:none; }

/* archive link */
.index_archive_link { width: 160px; height: 40px; display: block; margin: 20px auto 30px; }
.index_archive_link a { position:relative; font-size:12px; text-decoration:none; width: 160px; height: 40px; display: block; line-height: 40px; text-align: center; color: #fff; background: #aaa; }
.index_archive_link a:before{
  font-family:'design_plus'; color:#fff; font-size:14px; display:inline; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e910'; top:0px; right:10px;
}
.index_archive_link a:hover {}

/* index center banner */
#index_center_banner { display:block; margin:0 0 30px 0; }
#index_center_banner img { width:100%; height:auto; display:block; }

/* product */
#index_product { position:relative; margin:0 0 30px 0; }
#index_product ol { margin:0; padding:0; display: flex; flex-wrap:wrap; }
#index_product ol li { list-style-type:none; margin:0 10px 30px 0; padding:0; width: calc(50% - 10px) }
#index_product ol li:nth-child(2n){ margin: 0 0 30px 10px; }
#index_product ol li .image { display:block; background:#fff; }
#index_product ol li .image img {
  display:block; width:100%; height:auto; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#index_product ol li .image:hover img { opacity:0.5; }
#index_product ol li .category { background:#999; color:#fff; padding:0 10px; height:40px; line-height:40px; overflow:hidden; font-size:14px; }
#index_product ol li .category a { text-decoration:none; color:#fff; }
#index_product ol li .category a:hover { text-decoration:underline; }
#index_product ol li .title { font-size:14px; margin:15px 0 10px; }
#index_product ol li .title a { text-decoration:none; }
#index_product ol li .desc { font-size:12px; margin:10px 0; line-height:160%; }

@media only screen and (max-width: 480px) {
  #index_product ol { margin:0; padding:0; display: block; }
  #index_product ol li { list-style-type:none; margin:0 0 30px 0; padding:0; width: 100%; }
  #index_product ol li:nth-child(2n){ margin: 0 0 30px 0; }
  #index_product ol li:last-child{ margin: 0; }
}

/* blog */
#index_blog { position:relative; margin:0 0 30px 0; }
#index_blog ol { margin:0; padding:0; }
#index_blog ol li { list-style-type:none; margin:0 0 15px 0; padding:0; border-bottom:none; }
#index_blog ol li:last-child { border:none; margin:0; padding:0; }
#index_blog ol li .image { float:left; margin:0 15px 0 0; background:#fff; width: 100px; height: 100px; }
#index_blog ol li .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; width: 100%; height: auto; }
#index_blog ol li .image:hover img { opacity:0.5; }
#index_blog ol li .date { margin:0; font-size:12px; color:#999; }
#index_blog ol li .title { margin:0; font-size:14px; }
#index_blog ol li .title a{text-decoration: none;}

/* footer banner */
#footer_banner{ margin: 0; }
#footer_banner li { margin:0 0 20px 0; }
#footer_banner li:last-child { margin:0; }
#footer_banner li img { width:100%; height:auto; display:block; }




/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* product */
#product_list { position:relative; margin:0 0 10px 0; }
#product_list { margin:0; padding:0; }
#product_list li { list-style-type:none; margin:0 0 20px 0; padding:0; }
#product_list li .image { display:block; background:#fff; }
#product_list li .image img {
  display:block; width:100%; height:auto; border:1px solid #ccc;
  -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#product_list li .image:hover img { opacity:0.5; }
#product_list li .title { font-size:14px; margin:0 0 10px 0; }
#product_list li .title a {
  text-decoration:none; display:block; padding:10px; background:#999; color:#fff; height:40px; overflow:hidden;
  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#product_list li .title a:hover { background:#333; }

/* news */
#news_list { position:relative; }
/*
#news_list { margin:0 0 15px 0; padding:0; }
#news_list li { list-style-type:none; margin:0 0 2px 0; padding:10px; background:#f2f2f2; font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#news_list li .date { font-size:12px; margin:0 10px 0 0; line-height:100%; color:#999; }
#news_list li .title { line-height:150%; padding:7px 0 0; margin:0; }
#news_list li .title a { display:block; text-decoration:none; }
*/

#news_list { position:relative; }
#news_list { margin:0 0 15px 0; padding:0; }
#news_list li { list-style-type:none; margin:0 0 2px 0; padding:10px; /*background:#f2f2f2; */font-size:13px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#news_list li .date { font-size:12px; margin:0 10px 0 0; line-height:100%; color:#999; text-align:left; }
#news_list li .title { line-height:150%; padding:7px 0 0; margin:0; text-align:left;}
#news_list li .title a { display:block; text-decoration:none;text-align:left; }

/* blog */
#post_list { margin:0; padding:0; display: flex; flex-wrap:wrap; }
#post_list li { border-bottom:1px solid #ddd; margin:0 10px 25px 0; padding:0 0 15px 0; width: calc(50% - 10px); }
#post_list li:nth-child(2n){ margin:0 0 25px 10px }
#post_list .image { display:block; background:#fff; margin:0 0 15px 0; }
#post_list .image img { clear: both; display:block; width:100%; height:auto; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#post_list .image:hover img { opacity:0.5 }
#post_list .info { }
#post_list .no_thumbnail .info { float:none; width:auto; }
#post_list .post_date { font-size:12px; width:60px; height:60px; text-align:center; margin:0 15px 15px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_list .date { color:#fff; display:block; position:absolute; top:10px; width:60px; }
#post_list .month { color:#fff; display:block; position:absolute; bottom:10px; width:60px; }
#post_list .title { font-size:16px; line-height:180%; margin:0 0 15px 0; }
#post_list .title a { text-decoration:none; }
#post_list .title a:hover { text-decoration:underline; }
#post_list .desc { clear:both; font-size: 12px; }
#post_list .desc a { text-decoration: none; }
#post_list ul { margin:0; }
#post_list li li { border:none; margin:0 25px 5px 0; padding:0; float:left; font-size:12px; }
#post_list li.meta_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding-left:15px; }
#post_list li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 3px;  padding-left:15px; }
#post_list li.meta_author { background:url(img/common/icon_author.png) no-repeat left 3px;  padding-left:15px; }

@media only screen and (max-width: 480px) {
  #post_list { margin:0; padding:0; display: block; }
  #post_list li { border-bottom:1px solid #ddd; margin:0 0 25px 0; padding:0 0 15px 0; width: 100%; }
  #post_list li:nth-child(2n) { margin-left: 0; }
  #post_list li:last-child{border: none;}
}

.page_navi h4{display: none;}
.page_navi a, .page_navi a:hover, .page_navi span{ border-radius: 0; }

/* ----------------------------------------------------------------------
 product single page
---------------------------------------------------------------------- */
#product_headline a { text-decoration:none; }
#product_headline a:hover { text-decoration:underline; }
.product_title { margin:0 0 20px 0; }

/* slider */
#product_image_slider_wrap { width:100%; background:#f2f2f2; padding:10px; position:relative; margin:0 0 20px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#product_image_slider_wrap #loader { display:none; }
#product_image_slider { width:100%; height:auto; overflow:hidden; }
#product_image_slider img { width:100%; height:auto; }

/* thumbnail */
.nivo-controlNav { padding:10px 0 0 0; margin:0 -4% 0 0; }
.nivo-controlNav a { cursor:pointer; margin:0 3% 0 0; display:block; float:left; width:30%; }
.nivo-controlNav a img { display:block; opacity:0.3; width:100%; }
.nivo-controlNav a.active img, .nivo-controlNav a:hover img { opacity:1; }

/* no slider */
#product_image { background:#f2f2f2; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
#product_image img { display:block; width:100%; height:auto; }

/* bookmark */
.bookmark { margin:0 0 30px 0; }
.bookmark li { float:left; margin:0 10px 0 0; }




/* ----------------------------------------------------------------------
 side content
---------------------------------------------------------------------- */
#side_col{ padding-bottom: 30px; }
.side_widget { margin:0 0 25px 0; font-size:12px; }
.side_widget a{ text-decoration: none;}
#side_col .side_widget:last-child{ margin: 0; }

/* search */
.widget_search #search-box, .widget_search #s, .google_search #search_input { width:calc(100% - 62px); height: 38px; padding:0 10px; }
.widget_search #search-btn input, .widget_search #searchsubmit, .google_search #search_button { width:40px; height: 40px; border-radius: 0; }

/* recommend product list */
.tcdw_recommend_product_list_widget li { width:23%; margin:0 2% 2% 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.tcdw_recommend_product_list_widget li img { width:100%; height:auto; }

/* category */
.widget_categories{}
.widget_categories ul{
  border: 1px solid #ddd;
}
.widget_categories ul li{
  padding: 0;
  margin: 0;
  background: none;
}
.widget_categories ul li a{
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
  margin: 0;
  text-decoration: none;
}
.widget_categories ul li:last-child a{
  border-bottom: none;
}

.tcdw_product_list_widget ol{ margin: -12px 0 0 0; }
.tcdw_product_list_widget li{ border-bottom: 1px solid #ddd; }
.tcdw_product_list_widget li:last-child{ border-bottom: 1px solid #ddd; padding: 0 0 14px 0; }
.tcdw_product_list_widget a.image{ width: 72px; height: 72px; }

.tcdw_product_list_widget2 li{ display: table; width: calc(100% - 20px);}
.tcdw_product_list_widget2 a.image{ width: 72px; height: 72px; display: table-cell; margin: 0; }
.tcdw_product_list_widget2 a.title{ font-size: 12px; font-weight: normal; }
.tcdw_product_list_widget2 .info{ display: table-cell; vertical-align: middle; padding-left: 15px; width: 100%; }

.ml_ad_widget{ margin-bottom: 30px; }
/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header_wrap { width:100%; }
/*
#header { background:#fff; width:100%; height:60px; position:relative; border-bottom: none; }
*/

#description { display:none; }

/* logo */
/*
#logo_text, #logo_image { margin:7px 0 0 15px; line-height:120%; float:left; font-size:18px; font-weight:normal; width:40%; overflow:hidden; overflow: hidden; }
#logo_text a, #logo_image a { color:#333; text-decoration:none; display:block; }
#logo_text a:hover, #logo_image a:hover { }
#logo_image img { display:none; }
#logo_image a:before { content:attr(title); }
*/

#logo_image_mobile{ display: table-cell; vertical-align: middle; /*height: 60px;*/ padding-left: 15px; }
#logo_image_mobile a{ display: inline-block; /*height: 20px;*/ margin: 0; text-decoration: none; }
#logo_image_mobile img{ width: auto; /*max-height: 100%; */}

/* global menu */
/*#header a.menu_button {
   position:absolute; right:15px; margin:0;
   display:inline-block; font-size:11px; color:#333; padding:0 10px; line-height:30px; text-decoration:none;
   -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
   border:1px solid #ccc;
}
#header a.menu_button:hover { background:#aaa; color:#fff; }
#header a.active { color:#fff; background:#aaa; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; }*/

.menu_button {
   position:absolute; top:0px;right:0px; }

a.menu_button:before{ 
  font-family: 'design_plus';
  color: #888; position: absolute; top: 17px; left: 19px; font-size: 18px; width: 24px; height: 24px; line-height: 24px;
  content: '\f0c9'; text-align: center;
}
a.menu_button{ position: absolute; right: 0px; top: 0px; z-index: 9; display: block; font-size: 11px; color: #333; width: 60px; height: 60px; line-height: 56px; text-decoration: none; }
a.menu_button:hover:before{ color: #fff; }
a.menu_button:hover{ background: #333; }

#global_menu { display:none; clear:both; width:100%; margin:0; top:0; position:relative; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); z-index: 999; }
#global_menu ul { margin:0; }
#global_menu li { margin:0; line-height:100%; }
#global_menu li a { display:block; border:1px solid #ccc; margin:0 0 -1px 0; padding:10px 10px 10px 30px; line-height:160%; text-decoration:none; background:#fff url(img/common/arrow4.png) no-repeat 16px 18px; color:#333; }
#global_menu li a:hover { background-color:#aaa; color:#fff; }
#global_menu li li a { padding-left:45px; background:#fff url(img/common/arrow4.png) no-repeat 31px 18px; }
#global_menu li li li a { padding-left:60px; background:#fff url(img/common/arrow4.png) no-repeat 46px 18px; }
#global_menu li li li li a { padding-left:75px; background:#fff url(img/common/arrow4.png) no-repeat 61px 18px; }




/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post { padding:15px 0 0; }

/* title */
#post_title { margin:0 0 5px 0; }
#post_title h2 { margin:0; padding:0; font-size:16px; line-height:160%; }
#post_title .post_date { font-size:12px; width:60px; height:60px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; background:#bbb; position:relative; }
#post_title .date { color:#fff; display:block; position:absolute; top:15px; width:60px; }
#post_title .month { color:#fff; display:block; position:absolute; bottom:15px; width:60px; }


/* post thumbnail */
.post_image { text-align:center; margin:0 0 30px -20px; width: calc(100% + 40px); }
.post_image img { margin:0; width:100%; height:auto; }


/* next page */
#post_pagination { margin:0 0 30px 0; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { background:#00a2d9; color:#fff; }


/* meta and bookmark */
#post_meta { border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; margin:0 0 40px 0; padding:15px 0; }
#post_meta #meta { float:none; width:100%; margin:0; font-size:12px; }
#post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; }
#post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; }
#post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta .bookmark { float:right; margin:0; }
#post_meta .bookmark li { float:left; margin:0 0 0 10px; }


/* related post*/
#related_post { margin:0 0 35px 0; }
#related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; }
#related_post ul { margin:0; }
#related_post li { margin:0 0 15px 0; border:none; padding:0; }
#related_post .image { float:left; margin:0 15px 0 0; background:#fff; }
#related_post .image img { width:100px; height:100px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#related_post .image:hover img { opacity:0.5; }
#related_post .info { }
#related_post .date { margin:0 0 5px 0; line-height:100%; font-size:10px; color:#222; }
#related_post .title { font-size:12px; margin:0; font-weight: normal; }
#related_post .title a { text-decoration:none; display:block; }


/* next prev post link */
/*#previous_next_post { margin:0 0 25px 0; padding:0; }
#previous_next_post a { }
#previous_post, #next_post { margin:0 0 5px 0; }
#previous_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 18px 30px; border-bottom:1px dotted #ccc; margin:0 0 10px 0; display:block; }
#next_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:7px 30px 8px 0; display:block; }*/
#previous_next_post{ display: flex; flex-wrap: wrap; margin:0; font-size: 12px; }
#previous_next_post p{ display: block; width: calc(50% - 2px); border: solid 1px #ddd; text-align: center; float: none; }
#previous_next_post p:empty{ border: none; }
#previous_next_post p a{ display: block; height: 50px; line-height: 50px; background: none; width: 100%; padding: 0; position: relative; text-decoration: none; }
#previous_next_post p a:before{
  font-family:'design_plus'; color:#ccc; font-size:14px; display:inline; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#previous_next_post #next_post{ margin-left: -1px; }
#previous_next_post #previous_post a:before { content:'\e90f'; top:0px; left:10px; }
#previous_next_post #next_post a:before { content:'\e910'; top:0px; right:10px; }


/* comment box-sizing: content-box;?@*/
#comment_header_right { float:none; position:relative; margin:0; }
#comment_header_right li { float:none; margin: 0; }
#comment_header_right li a, #comment_header_right li p { width:100%; margin:-1px 0 0; float:none; }
.comment-meta { margin:0 0 10px 0; }
.comment-meta-left { float:left; width:auto; min-width:150px; }
.comment-content { padding:0; margin:0; }
#submit_comment { width:100%; }
#trackback_url_area input { padding:5px 2%; width:96%; border:none; background:#eee; }

.comment-content .no_comment{ padding: 0; }
.comment-content p{ line-height: 1.5; }

hr{
  margin: 2em 0;
  border:none;
  border-top: 1px solid #ddd;
}

.post img.alignright, div.alignright, .post img.alignleft, div.alignleft{
  margin: 2em auto;
  display: block;
  float: none;
}

/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* footer top area */
#footer { clear:both; width:100%; background:#fff; }
#footer_inner { position:relative; font-size:11px; padding-top:30px; }
#footer li { line-height:170%; margin:0 0 10px 0; padding:0; }

/* widget area */
#footer_widget { margin:0 20px; }
.footer_widget { margin:0 0 30px 0; }
#footer .last_widget { margin:0; }
.footer_headline { font-size:18px; margin:0 0 15px 0; padding:0; border-bottom:none; line-height: 160%; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { }
.footer_widget img { height:auto; max-width:100%; width:auto; }

#footer .tcdw_product_list_widget li{
  border: none;
  background: #fff;
  padding: 10px;
  margin: 0 0 6px;
}
#footer .tcdw_product_list_widget a.image{
  float: left;
  width: 72px;
  height: 72px;
  margin: 0 15px 0 0;
}
#footer .tcdw_product_list_widget .category{
  margin: 0 0 10px;
  color: #999;
}
#footer .tcdw_product_list_widget a.title{
  font-size: 12px;
  font-weight: normal;
}


/* copyright area */
#copyright { width:100%; text-align:center; color:#999; margin:0; padding:0; }

/* menu */
#footer_menu { margin:0; padding:30px 0; }
#footer_menu ul { margin:0; display: block; text-align: center; font-size: 12px; }
#footer_menu li { line-height:100%; margin:0 5px 0 0; padding:0 5px 0 0; display: inline-block; border-right: solid 1px #000; }
#footer_menu li:last-child { border:none; }
#footer_menu li a { color:#000; text-decoration:none; display:inline-block; padding:0; }
#footer_menu li a:hover { color:#999; text-decoration:none; }

/* return top */
#return_top { position:absolute; bottom:4px; right:5px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:40px; height:40px; margin:0; padding:0; background:url(/web/wp-content/uploads/pagetop_off.png) no-repeat center center; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#return_top:hover { background-color:#00a2d9; }

/* social link */
/* SNSボタン */
#social_link { margin:0 auto 30px; padding:0; text-align:center; float: none; }
#social_link li { display:inline-block; margin:0; position:relative; }
#social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:30px; height:30px; position:relative; 
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; 
}
#social_link li:before {
  font-family:'design_plus'; color:#000; font-size:14px; display:block; position:absolute; top:10px; left:9px;
  width:17px; height:17px; line-height:17px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#social_link li.twitter:before { content:'\e904'; }
#social_link li.facebook:before { content:'\e902'; }
#social_link li.insta:before { content:'\ea92'; top:11px; }
#social_link li.pint:before { content:'\e905'; top:11px; }
#social_link li.flickr:before { content:'\eaa4'; top:11px; }
#social_link li.tumblr:before { content:'\eab9'; top:11px; }
#social_link li.rss:before { content:'\e90b'; }
#social_link li.twitter:hover:before { color:#16b9dc; }
#social_link li.facebook:hover:before { color:#3B5998; }
#social_link li.insta:hover:before { color:#8a3ab9; }
#social_link li.rss:hover:before { color:#ffcc00; }
#social_link li.pint:hover:before { color:#cb2027; }
#social_link li.flickr:hover:before { color:#ff0084; }
#social_link li.tumblr:hover:before { color:#34526f; }



/* copyright */
#copyright p { margin:0;display: block;text-align: center; }
#copyright a { text-decoration:none;}
#copyright a:hover { text-decoration:underline; }


/* add code */

.box-contact-wrap{ width:100%; height:auto;background:#fff;}
.box-contact{
 position: relative;
 overflow: hidden;
 display:block;
 height:auto;
 margin:0 auto;
 margin-top:0;
 background:url(/web/wp-content/uploads/btm_contact_sp_bg.jpg) no-repeat center; 
 text-align:center;
}
.box-contact:after{ content: '';
 display: block;
 clear: both;
} 
.box-contact-in{ width:100%; margin:0 auto;padding-top:20px;padding-bottom:20px; text-align:center;}
.box-contact-in:after{ content: ''; display: block; clear: both;}
.box-contact-ttl{font-size:28px; color:#fff;font-weight:bold;text-align:center;}
.box-contact-ttl span{padding-left:30px;font-size:16px; color:#fff;font-weight:normal;}
.box-contact-left{width:100%;text-align:center;float:none;color:#fff;margin-top:30px;}
.box-contact-left img{width:70%;margin:0 auto;margin-bottom:20px;text-align:center;}
.box-contact-contact-in p{color:#fff;text-align:center;}
.box-contact-right{margin:0 auto;margin-top:10px;text-align:center;float:none;}
.box-contact-right img{width:70%;margin:0 auto;margin-bottom:20px;text-align:center;}


#foot{width:100%;margin:0 auto;margin-top:30px;background:#fff;}
#foot:after{ content: ''; display: block; clear: both;}
#foot-left{width:100%; text-align:center;float:none;}
.foot-navi-box{display: none;}
.foot-navi{display: none;}

#foot-right{width:100%;margin:0 auto; margin-top:30px; float:none;text-align:center;}

.foot-cname{display:block;margin:0 auto;width:60%; height:auto;margin-bottom:10px;text-align:center;}
.foot-company{font-weight:bold; font-size:15px;text-align:center;padding:0 !important;margin:0 !important;}
.address{font-size:13px;padding:0 !important;margin:0 !important;text-align:center;}


.copyright-box{margin-top:20px;background:#fff;}
.copyright{padding-top:12px; padding-bottom:12px;font-size:10px;text-align:center;color:#222;}
.copyright a{color:#fff;text-decoration:none;}
.copyright a:hover {color:#3782bd;}


/* ============================================================== */
/*header*/
/* ============================================================== */


#header {
  display:block;
  width: 100%;
  margin:0;
  padding:0;
  /*position: absolute;*/
  z-index:1;
 background:#fff;
/*box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);*/
}

#header:after {
 content: '';
 display: block;
 clear: both;
}

#header div {
  width: 100%;
  margin: 0px auto;
  position: relative;
}


#header #logo {
 margin:0 !important; 
 padding:0 !important;
 margin-top:-8px !important;
 margin-left:10px !important;
 /*padding-top:15px;*/
 padding-bottom:1px;
}
#header #logo img {
 width:50%;
 height:auto;
}

#header-menu {
 display:none ;
}

#head-contact {
 display:none;
}


/* ============================================================== */
/*navi*/
/* ============================================================== */

.gnavi {
 display:none;
}


/* ============================================================== */
/*home*/
/* ============================================================== */

.red{ color:#ff0000;}
.com{ font-weight:bold;}

.sp-none{ display:none; }

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.img-resize {
  width:92%;
  height: auto;
}


.box{ width:100%; margin:0 auto; padding:0px 0 40px 0; overflow:hidden;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:94%; margin:0 auto; padding-bottom:50px;text-align:left; overflow:hidden;border-bottom:none;}

/*
h2.ttl-h2 {
 font-weight: bold;
 font-size: 18pt;
 margin:0;
 margin-bottom:30px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
  color:#0074be;
font-family: 'Noto Sans JP', "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 line-height:120%;
}
*/

/*
h2.ttl-h2 {
 display:inline-block;
 border-top:1px solid #222;
 border-bottom:1px solid #222;
 font-weight: bold;
 font-size: 22pt;
 margin-top:30px;
 margin-bottom:20px;
 padding: 5px 0 7px 0;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 text-align:center !important;
font-family: 'Noto Sans JP',  Sans-Serif;
}
h2.ttl-h2-contact {
 display:inline-block;
 border-top:1px solid #fff;
 border-bottom:1px solid #fff;
 font-weight: bold;
 font-size: 22pt;
 margin-top:30px;
 margin-bottom:20px;
 padding: 5px 0 7px 0;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#fff;
 text-align:center !important;
font-family: 'Noto Sans JP',  Sans-Serif;}
*/

h2.ttl-h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
font-size:2.0em;
font-family: 'Noto Sans JP',  Sans-Serif;
}
h2.ttl-h2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}

h2.ttl-h2-contact {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
font-size:2.6em;
font-family: 'Noto Sans JP',  Sans-Serif;
color:#fff;
}
h2.ttl-h2-contact:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
}

h2.ttl-h2 span{
 font-weight: normal;
 font-size: 11pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#222;
 letter-spacing:1px;
 font-family: arial;
}
/*
h2.ttl-h2:before {
 content: '';
 position: absolute;
 bottom: -25px;
 display: block;
 width: 86px;
 height:14px;
 left: 40%;
 background:url(/web/wp-content/uploads/ttl_under.jpg) no-repeat;

}
*/
h3 {
  font-weight: normal;
  font-size: 20pt;
  margin-top:20px;
  margin-bottom:25px;
  padding: 0 0 0 16px;
  position: relative;
  text-align:left;
  line-height:180%;

font-family: 'Noto Sans JP', Sans-Serif;
  border-left:8px solid #0072be;
}

h3.ttl {
  font-weight: bold;
  font-size: 24pt;
  margin-top:20px;
  margin-bottom:25px;
  padding: 0 0 0 16px;
  position: relative;
  text-align:left;
  line-height:180%;
/*
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
font-family: 'Noto Sans JP', Sans-Serif;
  border-left:8px solid #0072be;
}

h3.title {
  clear:both;
  position: relative;
  display: block;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:30px;
  padding: 0 65px;
  color:#eb5d97;
  font-size:18pt;
  text-align:center !important;
 /*font-family: "ＭＳ Ｐ明朝"; */
/*
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
font-family: 'Noto Sans JP', Sans-Serif;
}
h3.title:before, h3.title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  margin:0 auto;
  width: 42px;
  height: 1px;
  background-color: #eb5d97;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  text-align:center !important;
}

h3.title:before {
  /*left:0;*/
  margin-left:-80px;
}
h3.title:after {
  /*right: 0;*/ 
  margin-left:40px;
}

h3.title02 {
  color: #ea5d96;/*文字色*/
  margin-top:50px;
  margin-bottom:10px;
  padding: 0.3em 0;/*上下の余白*/
  font-size:160%;
  text-align:left;
  border-top: solid 1px #ea5d96;/*上線*/
}
h4 {
  color: #232938;
  font-weight:bold;
  font-size:120%;
  text-align:left;
}

.top-box{width:100%; margin:0 auto; text-align:center;margin-bottom:40px;}
.top-box:after{ content: ''; display: block; clear: both;}
.top-box-in{width:100%; margin:0 auto; margin-top:20px; }
.top-box-left{width:100%;margin:0 auto; float:none;margin-top:20px;}
.top-box-left img{width:100vw;margin:0 auto; }
.top-box-right{width:92%;margin:0 auto; float:none;text-align:center;}
.top-box-right p{padding-left:0px;text-align:left;color:#000;line-height:180%;}

.ttl-box{display:none;}
/*
.ttl-box-sp{position:relative; width: 100%; margin:0 auto;padding:0; margin-top:-40px;}
.ttl-box-sp img{
width:100vw;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
*/
.ttl-box-sp{ 
position: relative; width:100%; margin-bottom:20px;
}
.ttl-box-sp::before {
position: absolute;
    top: -2px;
right: 0;
bottom: 6px;
left: 0;
content: ' ';
  background-color: rgba(0,0,0,.5);
}
.ttl-box-sp p{ 
  position: absolute;
  font-weight: bold; 
  font-size: 2.6em;
  color: #fff !important;
 font-family: 'Noto Sans JP',  Sans-Serif;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.ttl-box-sp img{ 
 width: 100%;
}

.ttl-box-sp02{ 
position: relative; width:100%; margin-bottom:20px;
}
.ttl-box-sp02:before {
position: absolute;
    top: -2px;
right: 0;
bottom: 6px;
left: 0;
content: ' ';
  background-color: rgba(0,0,0,.5);
}
.ttl-box-sp02 p{ 
  position: absolute;
  font-weight: bold; 
  font-size: 2.0em;
  color: #fff !important;
 font-family: 'Noto Sans JP',  Sans-Serif;
  top: 30%;
  right:0; left:0; bottom:0;
  margin:auto;
 text-align:center;
/*
  left: 50%;
*/
/*
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
*/
  /*margin:0 auto;*/
  padding:0;

}
.ttl-box-sp02 img{ 
 width: 100%;
}


.ttl-box02{ text-align:center;}

.img-sp{width:80% !important;margin:0 auto; text-align:center !important;}

.home-ttl{/*color:#222;*/color:#0072be;  font-size:32px;font-weight:bold; text-align:left; margin-top:20px; margin-bottom:0;padding:0;padding-right:5px;}
.home-ttl span{/*color:#222;*/color:#0072be;  font-size:32px;font-weight:bold; text-align:center; margin-top:0; margin-bottom:0; /*border-left:1px solid #222;*/padding:0;padding-left:5px;/* color:#7ba5b5;*/}

.home-pr-txt{color:#222; font-size:40px;font-weight:bold; text-align:left; margin-top:1.5em; margin-bottom: 1.5em;padding:0;padding-right:5px;font-family: 'Noto Sans JP',  Sans-Serif;}
.home-pr-txt02{color:#0072be; font-size:32px;font-weight:bold; text-align:left; margin-top:0; margin-bottom:10px;padding:0;padding-right:5px;font-family: 'Noto Sans JP',  Sans-Serif;}
.home-pr-txt03{color:#222; font-size:28px;font-weight:bold; text-align:center; margin-top:1.5em; margin-bottom: 1.5em;padding:0;padding-right:5px;font-family: 'Noto Sans JP',  Sans-Serif;}

.exp-box{width:100%; margin-bottom:30px;background:#e8f2f9;}
.exp-box p{padding:40px 14px 20px 20px;font-weight:bold;font-size:130%;color:#4a7ab7 !important;}

.exp-box02{width:100%; margin-bottom:30px;background:#e8f2f9;}
.exp-box02 p{padding:40px 14px 3px 20px;font-weight:bold;font-size:130%;color:#4a7ab7 !important;}


.service-txt{font-size:120%color:#4a7ab7 !importanttext-align:left;}

.home-bnr{ display:block;max-width:100%;margin:0 auto; margin-bottom:30px; padding-top:50px;}
.home-bnr:after{ content: ''; display: block; clear: both;}
.home-bnr img{ display:block;max-width:96%;margin:0 auto; }

.home-btn{margin:0 auto !important; text-align:center !important; width:24%; height:auto; }
.img-btn{margin:0 auto !important; text-align:center !important; width:24%; height:auto; }


.home-company-left{width:96%; margin:0 auto;margin-bottom:40px;float:none;text-align:center;}
.home-company-left p{/*padding-left:30px;border-left:1px solid #3b5998;*/ text-align:left;} 
.home-company-right{width:94%; margin:0 auto;float:none;text-align:center !important;}
/*.home-company-right-in{box-shadow: 0 10px #ccc;}*/
.home-company-right-in img{margin:0 auto;text-align:center !important;}

.home-service{ width:100%;margin:0 auto; margin-top:30px; margin-bottom:30px;padding-top:50px; background:url(/web/wp-content/uploads/dot_bg.jpg) repeat-x;}
.home-service:after{ content: ''; display: block; clear: both;}
.home-service-left{display:block;width:94%; margin:0 auto; float:none;margin-bottom:40px;}
.home-service-right{display:block;width:94%; margin:0 auto; float:none;}
/*
.home-ttl{color:#395998; font-size:22px;font-weight:bold; text-align:center !important; margin-top:25px; margin-bottom:15px;}
*/

.main-contents{ display:none; }
/*
.main-contents-sp{display:block; max-width:100%; height:auto;margin:0 auto;}
.main-contents-sp img{display:block; max-width:100%; height:auto;}
*/
.main-contents-sp{ 
position: relative;
}
.main-contents-sp:before {
position: absolute;
    top: -2px;
right: 0;
bottom: 6px;
left: 0;
content: ' ';
  background-color: rgba(0,0,0,.1);
}
.main-contents-sp p{
width:100%; 
  position: absolute;
  font-weight: 900; 
   font-size: 2.4em;
 /*font-family: 'Noto Sans JP',  Sans-Serif; */
  /*color: #fff !important;*/
font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro', Sans-Serif !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
color:#ffcc00 !important;
line-height:130%;
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
/*text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff; */
/*text-shadow:
  1px 1px 1px #fff, -1px -1px 1px #fff,
  -1px 1px 1px #fff,  1px -1px 1px #fff,
  1px 0 1px #fff, -1px  0 1px #fff,
  0 1px 1px #fff,  0 -1px 1px #fff; */
}
.main-contents-sp img{ 
 width: 100%;
}

.main-image-sp {
 margin: 0 auto;
 /*padding-top:80px;*/
 text-align:center;
 max-width: 100%;
 overflow-x: visible;
}


h2.headline1{display:none;}
h2.headline1 span{display:none;}

#bread_crumb{display:none;}


/* ============================================================== */
/*company*/
/* ============================================================== */

.company-table {
 width:100%;
 margin:20px 0 30px 0;
 padding:0;
 border-spacing: 0;
 border: none;
}
.company-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
}
.company-table td{
 width: 100%;
 margin-bottom:20px;
 padding-bottom:20px;
 display: block;
 border: none;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.company-table td.bordernone{
 border:none;
}
.company-table tr:first-child th {

}



.history-table {
 width:100%;
 margin:20px 0 30px 0;
 padding:0;
 border-spacing: 0;
 border: none;
}
.history-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
}
.history-table td{
 width: 100%;
 margin-bottom:20px;
 padding-bottom:20px;
 display: block;
 border: none;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.history-table td.bordernone{
 border:none;
}
.history-table tr:first-child th {

}



/* ============================================================== */
/*contact*/
/* ============================================================== */

.contact-table {
 width:100%;
 margin:35px 0 30px 0;
 padding:0;
 border: none;
 border-spacing: 0;
}
.contact-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
.contact-table td{
 width: 100%;
 display: block;
 border: none;
 margin-bottom:15px;
}
.contact-table td.bordernone{
 border:none;
}
.contact-table tr:first-child th {

}

.contact-table .size1{
 width:100%;
 margin-bottom:5px;
}
.contact-table .size2{
 width:100%;
 margin-bottom:5px;
}
.contact-table .size3{
 width:100%;
 height:150px;
}

.contact-table input,select{
 height:27px;
 vertical-align:middle;
}
.contact-table radio,checkbox{
 vertical-align:middle;
}
.contact-box button{
 padding:10px 15px 10px 15px;
}

.contact-table-conf {
 width:100%;
 margin:35px 0 30px 0;
 padding:0;
 border-spacing: 0;
}
.contact-table-conf th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
.contact-table-conf td{
 width: 100%;
 margin-bottom:10px;
 padding-bottom:10px;
 display: block;
 border: none;
 border-bottom:1px solid #ccc;
}
.contact-table-conf td.bordernone{
 border:none;
}
.contact-table-conf tr:first-child th {

}


/* ============================================================== */
/* service */
/* ============================================================== */

.service-left{width:100%;margin:0 auto;float:none;text-align:center;}
.service-left img{width:102%; height:auto;margin:0 auto;text-align:center;}
.service-left p{text-align:left;} 
.service-right{width:96%;margin:0 auto; margin-left:20px;float:none;text-align:center;}
.service-right p {margin-top:0 !important; padding-top:0 !important;text-align:left;}
.service-ttl{color:#0063b1; font-size:130%; font-weight:bold;margin-bottom:0 !important; padding-bottom:0 !important;}

.komari-box{width:100%; height:auto;margin:0 auto;margin-bottom:30px; padding:20px 0;background:url(/web/wp-content/uploads/komari_bg_sp.jpg) repeat-x; }

.komari-box-in{width:94%;margin:0 auto; margin-top:10px;margin-bottom:10px;padding:20px 0 20px 0;background:#fff; }
.komari-box-in ul{width:90%;/*margin:0 auto;*/padding:0; list-style-type: none;}
.komari-box-in li{text-align:left; ;padding:16px 0 16px 22px;border-bottom:1px solid #ccc; /*list-style-type: disc;*/ background:url(/web/wp-content/uploads/list_bg.jpg) 0 23px no-repeat; }

.ttl-komari{
 margin:10px 0;padding:0 10px 10px 10px;font-size:13pt;display: flex; align-items: center;color:#0063b1;font-weight:bold;}
.ttl-komari:before,
.ttl-komari:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #0063b1;
}
.ttl-komari:before { margin-right: 1rem;}
.ttl-komari:after { margin-left: 1rem;}


.float-box{ width:100%; margin:0 auto; padding:0 0 20px 0; text-align:center;}
.float-box:after {content: '';display: block;clear: both;}
.float-box p {text-align:left;}
.float-left { float:none; margin:0 auto; text-align:center;}
.float-right { float:none; margin:0 auto; text-align:center;}

.float-box02{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
 border-bottom:3px double #ccc;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}

/*
.ttl-box{ display:block;height:auto;margin:0 auto; padding:0;}

.ttl-box img{ display:block;height:auto;margin:0 auto; padding:0; object-fit:cover;}
*/

/*
.ttl-box{ 
 position: relative; 
 display:block;
 width:1200px;
 height:203px;
 left: 50%; 
 margin-top:-20px;
 margin-left: -600px; 
 text-align:center;
 overflow-x: hidden;
}
*/
/*
.ttl-box{ display:block;width:100%;height:auto;margin:0 auto;  margin-top:-20px !important;padding:0;overflow:hidden;text-align:center !important:}
.ttl-box img{ width;150%:display:block;margin:0 auto; padding:0;text-align:center !important:overflow:hidden;}

.ttl-box{display:none;}
.ttl-box-sp{ display:block;width:100%;height:auto;margin:0 auto;  margin-top:-40px !important;padding:0;overflow:hidden;text-align:center !important}
*/

/* ============================================================== */
/* recruit */
/* ============================================================== */

.recruit-table {
 dispaly:block;
 width: 90%;
 margin:0 auto;
 margin-top:0;
 margin-bottom:30px;
 margin-left:20px !imporant;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ccc;
}
.recruit-table th{
 width:30%;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}

.recruit-table td{
 padding:23px 0 23px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
}
.recruit-table .no-line{
 border:none;
}
.recruit-table td.bordernone{
 border:none;
}

.recruit-box{width:100%; height:auto;margin:0 auto;margin-bottom:30px; padding:20px 0;background:fff; }

.recruit-box-in{width:100%;margin:0 auto;  }
.recruit-box-in ul{width:90%;/*margin:0 auto;*/padding:0; list-style-type: none;}
.recruit-box-in li{text-align:left; ;padding:16px 0 16px 22px;border-bottom:1px solid #ccc; /*list-style-type: disc;*/ background:url(/web/wp-content/uploads/list_bg.jpg) 0 23px no-repeat; }






.p-anima-6__item {
  display: inline-block;
  position: relative;
  /*background:#000;*/
}
.p-anima-6__item::before {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
 /*clip-path: polygon(0 0, 100% 0, 100% 150%, 0% 100%); */
}
.p-anima-6__item::after {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
}


/*
.p-anima-6.__anima::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.p-anima-6__fadein {
  opacity: 0;
}
.p-anima-6.__anima .p-anima-6__fadein {
  animation: anima_fadein_6 0.9s ease-out 0.5s 1 forwards;
}
*/

.p-anima-6.__anima .p-anima-6__item::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.p-anima-6__item:nth-of-type(2)::before {
  animation-delay: 0.3s !important;
}

.p-anima-6__item span {
  position: relative;
  z-index: 1;
  opacity: 0;
  background:#232938;
  padding:5px 10px;
}
.p-anima-6.__anima .p-anima-6__item span {
  animation: anima_fadein_6 0.5s ease-out 0.9s 1 forwards;
}

.p-anima-6 __anima{margin-bottom:20px !important;  background:#222;}

@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anima_bg_6 {
  0% {
    left: 0;
    right: 100%;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
/*

@keyframes anima_bg_6 {
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
}
@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
`/


body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /*height: 100vh;*/
}
/*
button {
  margin-top: 40px;
}
*/
/*
.p-mv {
  display: flex;
  align-items: center;
  background-image: url(../images/main.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 40px;
  height: 480px;
  position: relative;
}
*/

.p-mv::before {
  content: "";
  display: block;
  /*background-color: rgba(51, 51, 51, 0.5); */ 
  width: max-100%;
  height: max-100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-mv__title {
  display:inline-block;
  margin-bottom:20px;
  padding:6px 2px 6px 7px;
  color: #fff;
  font-size:94%;
  font-weight: bold;
  /*line-height: 1.3;  */
  position: absolute;
  top:180px;
  left:1%;
  z-index: 1;
  color:#fff;
  text-align:right;
  letter-spacing:2px;
  /*background:#000;*/
}




.box-home-work{width:100%; margin:0 auto;margin-top:30px;margin-bottom:30px; padding-bottom:40px;background:url(/web/wp-content/uploads/works_sp_bg.jpg) repeat-x; }
.box-home-work:after { content: ''; display: block; clear: both;}
.box-home-work-ttl{width:90%;margin:0 auto;padding:0;margin-bottom:0 !important;padding-bottom:0 !important;text-align:center;}
/*.box-home-work-ttl:after { content: ''; display: block; clear: both;} */
.box-home-work-ttl-left{clear:both;width:172px; float:none;margin:0 auto;padding:0;}
.box-home-work-ttl-left img{text-align:center;}
.box-home-work-ttl-right{clear:both;width:90%;float:none;margin:0 auto;}
.box-home-work-ttl-righ img{text-align:center;}
.box-home-work-in{background:#fff;clear:both;width:96%; margin:0 auto; padding:0; padding-bottom:20px;border:1px solid #232938;overflow:hidden;margin-top:0 !important;padding-top:0 !important;}
.box-home-work-in:after { content: ''; display: block; clear: both;}
.box-home-work-in-left{width:92%; margin:0 auto;float:none;margin-top:30px;}
.box-home-work-in-right{width:90%;margin:0 auto;float:none;margin-top:10px;margin-bottom:40px;}
.box-home-work-in-right img{width:100%;margin:0 auto;text-align:center;}



a:hover{color:#232938;}

#index_news_left{text-align:center;margin-bottom:30px;}


.workTable{
 width:100%;
 margin:0 0 25px 0;
 border:none;
}
/*
.workTable td{
 padding:12px 0 12px 0;
 font-size:90%;
 border:none;
 border-bottom:1px dotted #aaa;
 vertical-align:top;
 text-align:left;
}
.workTable .leftArea{
 padding:12px 0 12px 2px;
 font-size:90%;
 vertical-align:top;
 text-align:left;
}
*/



/*------ スライダーの横幅 ------*/
.home-slide{
  width:80%;
  margin:0 auto;
}

/*------ スライダー画像 ------*/
.home-slide img{
	width:100%;
}

/*-------- 高さ調整 ----------*/
.home-slide .slick-slide{
	height:auto!important;
}

/*---------- 矢印 ----------*/
.home-slide .slick-next{
    right:-30px!important;
}
.home-slide .slick-prev{
    left:-30px!important;
}
.home-slide .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
    color:#666!important;
}
/*
.home-slide .slick-arrow:before{
    font-size: 30px!important;
    color:#fff!important;
} 


.home-slide .slick-arrow:before{
	content:""!important;
}

.home-slide .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }

.home-slide .slick-next:before{
    background: url(/web/wp-content/uploads/arrow_r.jpg)!important;
    background-size: contain!important;
  }

.home-slide  .slick-prev:before{
    background: url(/web/wp-content/uploads/arrow_l.jpg)!important;
    background-size: contain!important;
  }
*/




.home-reform-box{width:100%;margin:0 auto; margin-top:30px; margin-bottom:30px;background:url(/web/wp-content/uploads/dot_bg.jpg) repeat-x;}
.home-box3{margin:0 auto; width:96%;}
.home-box3:after { content: ''; display: block; clear: both;}
.home-box3 li{width:100%;list-style-type:none; margin:0 auto;float:none;margin-left:0 !important;padding:0;margin-right:0;margin-bottom:30px;}
.home-box3 li:last-child{width:100%;list-style-type:none; margin:0 auto;float:left;margin-right:0;margin-bottom:30px;}

.home-number{margin-top:20px;margin-bottom:10px;font-weight:bold; color:#82756f; font-size:130% !important;}
.home-number img{vertical-align:middle;margin-right:20px;}

.home-feat-wrap{width:100%; background:#f7f5f0;}
.home-feat-wrap:after { content: ''; display: block; clear: both;}
.home-feat-box{width:96%; margin:0 auto; margin-bottom:10px;}
.home-feat-box:after { content: ''; display: block; clear: both;}
.home-feat-left{width:100%; float:none;margin:0 auto;}
.home-feat-right{width:100%; float:none;margin:0 auto;}
.home-feat-right img{width:100%; float:none;margin:0 auto; text-align:center;}

.foot-sns-box{width:100%;margin:0 auto;margin-bottom:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.foot-sns{width:100%;margin:0 auto;margin-top:20px;}
.foot-sns:after { content: ''; display: block; clear: both;}
.foot-sns-left {width:100%; float:none;margin:0 auto;font-size:13px;}
.foot-sns-right {width:100%; display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}
.foot-sns li{margin-left:10px;margin-right:10px; text-align:center;float:left;}
.foot-sns img{margin-left:10px;margin-right:10px; text-align:center;}


#foot{width:100%; margin:0 auto;}
#foot:after { content: ''; display: block; clear: both;}

#foot-left{width:100%;float:none; margin:0 auto;text-align:left;}

#foot-center{display:none;}

#foot-right{width:100%;float:none; margin:0 auto;font-size:13px;}

.ttl{
 font-weight: bold;
 font-size: 20pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
/*
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
font-family: 'Noto Sans JP',  Sans-Serif;
}
/*
.top-box{width:96%;margin:0 auto;margin-bottom:10px;background:url(/web/wp-content/uploads/top_box_bg.jpg) no-repeat;background-size:cover;}
.top-box:after { content: ''; display: block; clear: both;}
*/
.home-about-box{width:100%;float:none;margin:0 auto; margin-bottom:30px;}
.home-about-box:after { content: ''; display: block; clear: both;}
.home-about-left{width:92%;float:none; margin:0 auto;text-align:center;}
.home-about-left p{text-align:left;font-size:110%;line-height:180%;}

.home-about-right{width:100%;float:none; margin:0 auto;text-align:center;}
.home-about-right img{width:100vw;margin:0 auto; text-align:center !important;}

.about-box{width:100%;float:none;margin:0 auto; margin-bottom:30px;}
.about-box:after { content: ''; display: block; clear: both;}
.about-left{width:92%;float:none; margin:0 auto;text-align:center;}
.about-left p{text-align:left;font-size:110%;line-height:180%;}

.about-right{width:100%;float:none; margin:0 auto;text-align:center;}
.about-right img{width:100vw;margin:0 auto; text-align:center !important;}


.home-ttl03{ position: relative; line-height:100%;
  display: inline-block;
  margin-bottom: 1.5em;font-weight:bold; font-size:220%; color:#fff;letter-spacing:1px;}
.home-ttl03 span{ margin:0;padding:0;font-weight:normal; font-size:50%; letter-spacing:1px;color:#fff;}


.home-ttl02{ position: relative; line-height:100%;
  display: inline-block;
  margin-bottom: 2em;font-weight:bold; font-size:180%; color:#222;}
.home-ttl02 span{ margin:0;padding:0;font-weight:normal; font-size:50%; color:#0072BE;letter-spacing:1px;}
.home-ttl02:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 1px;
  /*left: 50%; */
  /*-webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  background-color: #0074be;
  border-radius: 1px;
}

footer { clear:both; width:100%; background:#253b49; }
#foot{width:100%; margin:0 auto;}
#foot:after { content: ''; display: block; clear: both;}

#foot-left{width:100%;float:none; text-align:center; margin-top:30px;}

#foot-right{display:none;}

/*#global_menu li{display:none;}*/



/*
.btm-contact-left{ width:45%;margin:0 auto;padding-bottom:10px;float:left; }
.btm-contact-right{ width:45%;margin:0 auto;float:right; }
*/
.btm-contact{ width:100%;margin:0 auto; background: url(/wp-content/uploads/foot_contact_bg_sp.jpg) no-repeat center/cover;/*padding-top: 30px; */}
.btm-contact-in{ width:96%;margin:0 auto; overflow:hidden; padding-top:30px;padding-bottom:30px;text-align:center;}
.btm-contact p{color:#fff; text-align:center; font-family: 'Noto Sans JP',  Sans-Serif;}

.btm-contact-left img{ width:90%;margin:0 auto;padding-bottom:30px;float:none; text-align:center;}
.btm-contact-right img{ width:90%;margin:0 auto;float:none;text-align:center !important; }


.ttl-copy{text-align:center; font-weight:bold; font-size:140%;}
.ttl-copy span{font-weight:bold; text-align:center;font-size:160%;color:#0072be;}



/* ============================================================== */
/*faq*/
/* ============================================================== */

.faqBox{
 width:96%;
 margin:0 auto;
 padding-top:15px;
 padding-bottom:40px;
 margin-bottom:40px;
 clear:both;
 position:relative;
 border-bottom:1px dashed #ccc;
}

.faqQ{
 background: url(/web/wp-content/uploads/q.jpg) no-repeat 0 0px;
 padding-top:5px;
 padding-bottom:24px;
 padding-left:60px;
 margin-bottom:15px;
 font-size:100%;
 color:#222;
 text-align:left;
}
.faqA{
 background: url(/web/wp-content/uploads/a.jpg) no-repeat 0 0px;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:60px;
 font-size:100%;
 color:#222;
 text-align:left;
}



.camp-box{width:99%;margin:0 auto; border:7px solid #f2f2f2;}

.camp-table {
 width:90%;           
 border-collapse: collapse;
 text-align: left;
 margin: 20px 0px 20px 0px;
 border:none !important;
}
.camp-table th {
 width: 10%;
 color: #fff;
 background: #0072be;
 font-size: 120%;
 font-weight: bold;
 padding: 20px;
 border:none !important;
 text-align:center;
}
.camp-table td {
 font-size: 100%;
 font-weight: normal;
 color: #222;
 position: relative;
 border:none !important;
 background: #fff;
}
.camp-table td span{
 font-size: 120%;
 font-weight: bold;
}
                       
.price-box{display:inline-block;border:3px solid #0072be;margin:0 auto; }
.price-box p{text-align:left;margin:0;padding:15px 25px 10px 25px;}



.flow-table {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
}
.flow-table th{
 width:30%;
 margin:0;
 padding:23px 0 23px 10px;
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border:none;
 background:none;
}

.flow-table td{
 padding:23px 0 23px 18px;
 font-size:100%;
 line-height:180%;
 text-align:left;
 border:none;
}
.flow-table .no-line{
 border:none;
}
.flow-table td.bordernone{
 border:none;
}


.price-table { 
 width: 100%;
 margin-top:20px;
 margin-bottom:70px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #01479d; 
 border-left:1px solid #01479d; 
}
.price-table th{
 width:40%;
 margin:0; 
 padding:12px 0 9px 0; 
 font-size:100%;
 font-weight:normal;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.price-table td{ 
 padding:12px 0 9px 12px; 
 font-size:100%;
 line-height:130%;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff; 
}
.price-table td.bordernone{
 border:none; 
}
.price-table .toparea{
 margin:0; 
 padding:12px 0 9px 12px; 
 font-size:100%;
 font-weight:normal;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
}

h4 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  text-align:center;
  font-size:120%;
}
h4:before, h4:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
h4:before {
  left: 7px;
}
h4:after {
  right: 7px;
}


.flex-contents{display:block;}
.flex-contents:after{ content: ''; display: block; clear: both;}

.child_content_section {
 width:96%; float:none;margin:0 auto;
  margin-bottom: 30px;
}
.child_content_section:last-child {
 width:96%; float:none;margin:0 auto;
  margin-bottom: 30px;
}


.hissu{background:#ff0000;padding:2px 4px;color:#fff;text-align:center;
font-size:80% !important; margin-left:10px;}


.flow-box{ max-width:100%; margin:0 auto; padding:30px 0 30px 0; text-align:left; border-bottom:1px dotted #ccc;}
.flow-box:after { content: ''; display: block; clear: both;}
.flow-box-last{ max-width:100%; margin:0 auto; padding:30px 0 30px 0; text-align:left; border-bottom:1px dotted #ccc;}
.flow-box-last:after { content: ''; display: block; clear: both;}
.flow-left { width:100%; float:none; margin:0 auto;margin-right:0px; text-align:center;}
.flow-left img{ display:block;width:140%;  margin:0 auto;text-align:center;}
.flow-left .og{color:#ff9933;}
.flow-right {width:92%; float:none; margin:0 auto;text-align:left;font-size:94%;}
.flow-right p{text-align:right !imortant;}
.flow-title {margin-bottom:10px;font-size:160%;color:#333;}
.flow-title .box-no{display:inline-block;margin-right:15px;margin-bottom:20px;padding:15px 20px;font-size:110%;color:#8fb3c1;border:1px solid #8fb3c1;}



.flow-box-noline{ width:98%; margin:0 auto; padding:30px 0 30px 0; text-align:left; }
.flow-box-noline:after { content: ''; display: block; clear: both;}

.komari-wrap{width:100%;margin:0 auto; margin-bottom:30px;background:#ceecf0;}
.komari-wrap-in{width:96%;margin:0 auto; }
.komari-wrap-in:after{ content: ''; display: block; clear: both;}
.komari-left{width:100%;float:none;}
.komari-left li{background:#fff;margin-bottom:14px; margin-left:-14px;padding:18px 0 18px 10px; text-align:left;font-weight:bold;color:#222;list-style:none;font-size:120%;}
.komari-right{width:100%;float:none;}
.komari-right li{background:#fff;margin-left:-14px;margin-bottom:14px; padding:18px 0 18px 10px; text-align:left;font-weight:bold;color:#222;list-style:none;font-size:120%;}


.home-flow-ttl{padding-top:0 !important;padding-bottom:0 !important;color:#e94648;font-weight:700; font-size:130%;margin-bottom:15px;}
.home-flow-ttl span{ margin-right:20px;padding-right:20px;padding-top:0 !important;padding-bottom:0 !important;border-right:2px solid #e94648;}

.sp-none{display:none;}

.bnr-box{
 width:100%;
 margin:0 auto;
 text-align:center !important;
  justify-content: center;
}


.bnr-box img{
 margin:10px;
 text-align:center !important;
    justify-content: space-around;
}
.bnr-box div{
flex-direction: column;
/*
    display: -webkit-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
    height: 140px;
*/
}