@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 {width:1000px; margin:0 auto; clear: both; padding: 20px 0 0; position: relative; font-size: 12px; line-height: 12px; text-align: left; }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 8px 10px; margin: 0 2px 6px; background: #fff; border: 1px solid #ccc; color: #333; text-decoration: none !important; border-radius: 3px; cursor: pointer; }
.pagination span.current, .wp-pagenavi a.current { background:#002562; border-color:#002562; color: #fff !important; }
.pagination a:link, .wp-pagenavi a:visited { color: #333; }
.pagination a:hover { background:#002562; border-color:#002562; color: #fff; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }




@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: 14px; line-height: 1.8em; color: #333; font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; border-top: 3px solid #382F8C;}

a:link, a:visited { color: #000; text-decoration:none ; }
a:hover, a:active { text-decoration: underline; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

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

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

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header{background:url(img/common/bg_header.png) no-repeat;}
.l-header .box{width:1000px;margin:0 auto;}
.l-header .box .left{float:left;width:800px;}
.l-header .box .left h1{font-weight:normal;font-size:12px;padding:10px 0 20px;}
.l-header .box .right{float:right;width:200px;text-align:center;margin-top: -3px;}
.l-header .box .right p{font-size:10px;font-weight:bold;text-align:center;}
.l-header .box .right div{padding:10px 0 0px;}

/*=======================================
メニュー
=========================================*/
.l-nav{margin:0px auto 1px; width:1001px;padding-top:25px;}
.l-nav ul{margin:0px;list-style:none;padding: 0 0 10px;}
.l-nav li{padding:0;display:inline;float:left;width:199px;text-align:center;position: relative;}
.l-nav .right a{border-right:1px dotted #999999;}
.l-nav li a{display:block;height:40px;text-decoration:none;border-left:1px dotted #999999;}

.l-nav li:hover a, .l-nav li:hover a p{ text-decoration:none;color:#00AB75;}

.l-nav li.active a,
.l-nav li.active a p{color:#00AB75;}

.l-nav li.active:after{
  content: '';
  width: 0px;
  border-color: #00AB75;
  border-style: solid;
  border-width: 5px;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  bottom: -10px;
}

.l-nav li p{font-size:12px;text-align:center;line-height:1;color:#666666;padding-top: 2px;}
.l-nav li p a:hover, .l-nav li p a:active { text-decoration:none;}
.l-nav li p a{display:block;height:40px;text-decoration:none;color:#666666;}
.l-nav li p a:hover, .nav li p a:active { text-decoration:none;color:#00AB75;}


/*=======================================
フッター
=========================================*/
.l-footer{margin:0 auto;width:1000px;padding:40px 0 30px;}
.l-footer h2{float:left;width:220px;}
.foot_01{float:left;background:url(img/common/icon_01.png) no-repeat;padding:0 14px 0 10px;}
.foot_02{float:left;padding-right:25px;}
.foot_03{float:left;background:url(img/common/icon_02.png) no-repeat;padding-left:20px;}
.copy{background:#002562;padding:15px 0;}
.copy p{margin:0 auto;width:1000px;color:#FFF;font-size:12px;}
.foot_01 a:link, .foot_01 a:visited { color: #000; text-decoration: none; }
.foot_01 a:hover, .foot_01 a:active {text-decoration: underline;}

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

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/
.visual{background:url(img/top/img_01.png) center center / cover no-repeat;height:350px;width:100%; }
.visual h2{margin:0 auto;width:1000px;padding-top:130px;}
.p-visual{background:url(img/common/img_01.png) center center / cover no-repeat;height:200px;width:100%; }
.p-visual h2{margin:0 auto;width:1000px;padding-top:50px;text-align:right;}

/*=======================================
トップページ
=========================================*/
.t-title{margin:0 auto;width:1000px;padding:40px 0 25px;}
.t-title h3{float:left}
.t-title div{float:right;padding-top:5px;}
.t-sample{background:#382F8C;}
.t-sample .box{width:1000px;margin:0 auto;padding:30px 0;color:#FFF;}
.t-news{width:1040px;margin:0 auto;padding-bottom:60px;background:url(img/top/bg_line.png) no-repeat;}

.t-news .post{border-bottom:1px solid #DDDDDD; padding:10px 0;width:480px;float:left;margin:0 20px;}
.t-news .post .left{float:left;width:110px;text-align:center;}
.t-news .post .right{float:left;width:370px;}
.t-news .post .right h5{padding-top:5px;}
.t-news .post .right a:link, .t-news .post .right a:visited { color: #333; text-decoration: none; }
.t-news .post .right a:hover, .t-news .post .right a:active {text-decoration: underline;color: #333;}

.t-sample .box .post{float:left;width:250px;text-align:center;}
.s-thumbnail{text-align:center;}
.t-sample .box .post h4{width:230px;text-align:center;font-size:16px;padding:10px 0 10px;}
.t-sample .box .post p{width:230px;text-align:center;padding-bottom:20px;}

/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/
.p-contents{width:100%;border-bottom:1px #002562 solid;padding-bottom:90px;}
.p-page{width:1000px;margin:0 auto;}
.p-page h4{border-top:#002363 2px solid;border-bottom:1px dotted #002363;padding:12px 0;font-size:16px;margin:0px 0 20px;font-size:14px;}
.p-page h5{border-top:#002363 2px solid;border-bottom:1px dotted #002363;padding:12px 0;font-size:16px;margin:50px 0 20px;font-size:14px;}
.p-page table{background:#DDD;width:100%;}
.p-page th{background:#EEE;width:170px;text-align:left;padding:10px;vertical-align:top;}
.p-page td{background:#FFF;padding:10px;}
.p-page span{color:#D80000;}
/* ----------------------------- お問い合わせ */
.c-form{padding-top:30px;}
.c-privacy{text-align:center;padding:30px 0 40px;}
.c-formbtn{text-align:center;}
.c-formbtn input{background:url(img/common/b_01.png) no-repeat;width:340px;height:70px;border:0;text-indent:100%;white-space:nowrap;overflow:hidden;}
.c-form th p{float:right;color:#D80000;}

.c-form span{color: #333;}

#zip-btn{background:url(img/common/bg_addbtn.jpg) no-repeat;width:80px;height:30px;border:0;text-indent: -9999px;}

input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: #F9F9F9;
    height: 30px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.w3{
  width: 3%;
}
.w5{
  width: 5%;
}
.w15{
  width: 15%;
}
.w20{
  width: 20%;
}
.w100{
  width: 100%;
}
textarea{
  width: 100%;
  height: 140px;
}


/* ----------------------------- プライバシーポリシー */
.p-page dl{width:100%;line-height:2.4;}
.p-page dt{width:20px;float:left;}
.p-page dd{width:980px;float:left;}
.black{color:#000000;}
.privacy{padding:20px 0;}

.p-page dd ul li{
  padding-left: 1em;
  text-indent: -1em;
}

.p-privacy ul li{padding-left: 1.5em;text-indent: -1.5em;}

/* ----------------------------- 採用情報 */
.r-title{padding-bottom:30px;}
.r-btn{text-align:center;width:100%;padding:40px 0 50px;}
.r-bottom{border:1px solid #AAAAAA;text-align:center;padding:22px 0;}
.r-bottom h6{font-size:16px;padding-top:40px;}
.r-bottom h2{font-size:16px;}
.r-bottom div{padding-top:40px;}
.r-voice h6{font-size:18px;border-bottom:1px solid #666666;padding:10px 0;}
.r-voice h6 span{color:#00B277;}
.r-voice strong{font-size:16px;}
.r-voice div{padding:20px 0 60px;}

.no-reqruit{
  background-color: #EEE;
  padding: 30px 0;
  margin-bottom: 20px;
}

.no-reqruit p{
  text-align: center;
  font-size:18px;
  font-weight: bold;
  letter-spacing:0.05em;
}

/* ----------------------------- 4. 投稿 */
/*=======================================
投稿
=========================================*/
/* ----------------------------- お知らせ */
.l-news {width:1040px;margin:0 auto;;background:url(img/common/bg_line.png) no-repeat;}
.l-news .post{border-bottom:1px solid #DDDDDD; padding:10px 0;width:480px;float:left;margin:0 20px;}
.l-news .post .left{float:left;width:110px;text-align:center;}
.l-news .post .right{float:left;width:370px;}
.l-news .post .right h5{padding-top:5px;}
.l-news .post .right a:link, .t-news .post .right a:visited { color: #333; text-decoration: none; }
.l-news .post .right a:hover, .t-news .post .right a:active {text-decoration: underline;color: #333;}

/* ----------------------------- 成形サンプル */
.l-sample h6{width:1000px;margin:0 auto;background:#01215A;color:#FFF;font-size:16px;padding:10px 0;margin-top:30px;}
.l-sample h2{width:1000px;margin:0 auto;background:#01215A;color:#FFF;font-size:16px;padding:10px 0;}
.l-sample .box{width:1020px;margin:0 auto;}
.l-sample .box .post{float:left;margin:0 10px 0 10px;width:320px;text-align:center;}
.l-sample .box .post img{border:3px solid #ECECEC;margin:20px 0 10px;}
.l-sample .box .post p{text-align:left;}

/* ----------------------------- 詳細ページ */
.single{margin:40px auto 0;}

.single .title{border-top: 2px solid #002562;border-bottom: 1px solid #002562;overflow: hidden;padding: 10px 5px;}
.single .title p{float: left;}
.single .title p.category{background-color: #002562;color: #FFF;font-weight: bold;padding: 0 5px;margin-right: 10px;}
.single .title p.date{margin-right: 10px;color: #333;}
.single .title h3{float: left;}

.single .content{padding: 30px 0;}

.pager{display: table;width: 100%;margin-top: 30px;}
.pager li{display: table-cell;width: 33.33%;vertical-align: middle;text-align: center;}


/* ----------------------------- 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: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "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 { max-width: 1000px; margin-left: auto; margin-right: auto; }

.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; }