@charset "UTF-8";
/*
Theme Name:nano child
Theme URI:
Description:WordPressテーマ「nano」の自作子テーマです。
Template:nano_tcd065
Author:
Author URI:https://tcd-theme.com/
Version:1.6.2
*/

.no_disp{ display: none; }
.anime_box{ padding-bottom: 20px; }
@media only screen and (max-width: 767px){
  .anime_box { padding-bottom: 5px; }
}

table.border_0, table.border_0 tr, table.border_0 td, table.border_0 th{ border: 0!important;  }
@media only screen and (max-width: 767px){
	table.border_0 td, table.border_0 th{ padding: 5px 0; }
}

iframe{ max-width: 100%; }
div.no_space{ display: block; margin: 10px 0; font-size: 0!important; }
h1, h2, h3 {
  font-family: 'メイリオ', 'Meiryo',Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;
}
.p-entry__body h2, .p-entry__body h3, .p-entry__body h4{ margin: 60px 0 20px; line-height: 1.8;}
h2 + h3, h3 + h4 { margin: 20px 0 5px!important; }

.p-entry__body th p, .p-entry__body td p { margin-bottom: 0; }
.p-entry__body li{ margin-bottom: 5px; }
.p-entry__body li, .p-entry__body a { font-size: 1rem!important; }
.p-entry__body a{ color: #ff0000!important; word-break: break-all; }
.p-entry__body a:hover { color: #b20000!important; }
/*.p-entry__body li a { color: #000!important; }
.p-entry__body li a:hover { color: #b20000!important; }*/

.sub_title { display: block; line-height: 1.5; padding: 7px 0 0; font-size: 1.3rem; color: #ff0000; font-weight: normal; margin-bottom: 10px; font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; }
@media only screen and (max-width: 767px){
  .sub_title { font-size: 1rem; }
}
.next_page { text-align: center; width: 400px; height: 60px; position: absolute; bottom: 0; right: 0; } 
.next_page .btn_wrap { position: relative; width: 100%; height: 100%; }
.next_page .btn_wrap:before { content: ""; position:absolute; bottom:0; right: 0; width: 0; height: 0; border-left: 400px solid transparent; border-bottom: 60px solid #223a70; }
.next_page span { color: #fff; font-size: 16px; position: absolute; bottom: 15px; right: 20px; }

.clr_red { color: #ff0000; }
.clr_navy { color: #0f2350; }
.p-pager__item a { background: #e1e4e7!important; }
.p-pager__item a:hover { background: #277781!important; }

/* ボタン（矢印つきホバースライド） */
/* <div class="more_btn"><span class="btn_bg"><span class="btn_name">MORE VIEW</span></span></div> */
.more_btn { 
  position: relative; display: inline-block; width: 180px; height: 45px; ;text-align: center; text-decoration: none!important;
  border: 1px solid #277781; background-color: #fff; color: #277781; overflow: unset;
  transition: all .3s cubic-bezier(.78,.10,0,1) .1s;
}
.more_btn span { position: relative; display: block; width: 100%; height: 100%; line-height: 100%; color: #277781;  padding: 15px 0; }
.more_btn .btn_name { padding: 0;  color: #277781; z-index:5; font-size: 1rem; }

.more_btn:hover:before{ right: -30px; }
.more_btn:hover:after{ right:-25px; }

.more_btn .btn_bg:before{
  content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#277781; width: 100%; height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.more_btn:hover .btn_bg:before{
  transform-origin:left top;
  transform:scale(1, 1);
}
.more_btn:hover .btn_name { color:#fff!important; }

@media only screen and (max-width: 767px){
  .more_btn .btn_name { font-size: 0.9rem; }
}

.panf_top { position: absolute; bottom: -73px; right: -10px; }
.panf_bottom { text-align: center; margin: 0 0 40px;  }
.panf_req_btn a { width: 200px; height: 50px; border: 1px solid #ff0000; }
.panf_req_btn .more_btn .btn_name { color: #ff0000; font-weight: 600; }
.panf_req_btn .more_btn .btn_bg:before { background: #ff0000; }
.p-entry__body .panf_req_btn{ margin: 10px 0; }

/* ボタン（ホバースライド） */
/* <div class="slide_btn"><span class="inner">MORE VIEW</span></div> */

.slide_btn .inner { display: block; width: 100%; height: 100%; position: relative; color: #1b535a; z-index: 3; }
.slide_btn { position: relative; overflow: hidden; }
.slide_btn:before{
  content: ''; position: absolute; top: 0; left: 0; z-index: 2; background:#277781; width: calc(100% - 2px); height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
.slide_btn:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}
.slide_btn:hover .inner { color: #fff; }
.slide_btn.is-active:hover {background: #277781!important; }

/* ホバーライン（アンダー） */
a.under-l { position: relative; }
a.under-l:after, a.under-l:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background:#ccc; }
a.under-l:before { width: 0%; background: #ff0000; transition: width .7s; z-index: 3; }
a.under-l:hover:before { width: 100%; }
a.under-l:hover, a.under-l:hover h3{ color: #000!important; }

/* ボタンライン（アンダー＆背景色付き） */
a.side_line { position: relative; display: block; padding: 5px 25px; background: #fff; transition: background .3s; }
a.side_line:after { content: ""; width: 0; max-width: 100%; height: 2px; transition: left 0.2s ease; position: absolute; bottom: -2px; left: -1px;  z-index: 1; background: #277781; transition: width .5s;}
a.side_line:hover:after { width: 300px; }
a.side_line:hover { background: #f8f8f8; }

.l-primary { margin: 0 !important; }


/* ----------------------------------------------------------------------
  COMMON-PERTS
---------------------------------------------------------------------- */

/*--- 見出し --------------------------------------*/
.l-contents h2{ font-size: 1.75rem!important; width: 100%; }
.l-contents h3{ font-size: 1.4rem!important; margin: 20px 0 5px; width: 100%; }

/* 番号付き */
.l-contents .ptn_1 { 
  margin: 60px 0 25px; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.l-contents h3.ptn_1 { margin: 20px 0 5px;  }
.l-contents .ptn_1 .title { /*font-size: 2rem!important;*/ color: #000000;  }
.l-contents .ptn_1 .number { display: block; padding: 0; margin: 0; font-size: 1.5rem;margin-right: 25px; color: #ff0000; }
.l-contents .ptn_1 .eng { margin-left: 25px; color: #ff0000;}

/* 線付き */
.l-contents h2.ptn_2{ font-weight: 600; }
.l-contents .ptn_2 { 
  position: relative; padding: 10px 0 10px 25px; margin: 60px 0 25px;; line-height: 1.5; color: #000000; font-weight: 600;  
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.l-contents .ptn_2:before{
  content:""; display: block; height: 4px; width: 15px; background: #277781; position: absolute; top: 45%; left: 0; transform: translate(0, -45%); 
}
.l-contents h3.ptn_2{ margin: 20px 0 5px; }
.l-contents h3.ptn_2:before{ width: 12px; height: 12px; }

/* 丸番号 */
.l-contents .ptn_3 {
  position: relative; padding: 0; margin: 60px 0 25px; color: #000000; font-weight: 600; background: #fff; border: 0; line-height: unset;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.l-contents h3.ptn_3 { margin: 20px 0 5px;}
.l-contents .ptn_3 span { 
  position: relative; display: block; padding-left: 8px;  font-size: 1.3rem; font-weight: 500;
  background: #ffffff; color: #1b535a; width: 60px; height: 50px;  line-height: 50px;
}
.l-contents .ptn_3 span:before { content:""; position: absolute; top: 3px; left: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #1b535a; }
.l-contents h3.ptn_3 span{ font-size: 1.1rem; width: 50px; }
.l-contents h3.ptn_3 span:before { width: 35px; height: 35px; top: 5px; }

.p-entry__body h4 { margin: 30px 0 10px!important; }
.anime_box h3.ptn_1, .anime_box h3.ptn_2, .anime_box h3.ptn_3, .anime_box h4.ptn_1 , .anime_box h4.ptn_2 , .anime_box h4.ptn_3  { margin: 20px 0 5px; }
.anime_box + .anime_box h2 { margin: 20px 0; }
.arrow_table h3, .arrow_table h4 { margin: 20px 0!important; }
.img_text_box .ptn_1, .img_text_box .ptn_2, .img_text_box .ptn_3{ margin: 20px 0; }
.circle_3box_row .ptn_1, .circle_3box_row .ptn_2, .circle_3box_row .ptn_3{ margin: 0; }

@media only screen and (max-width: 767px){
  .l-contents h2 { font-size: 1.3rem!important; }
  .l-contents h3 { font-size: 1.1rem!important; }
  .l-contents .ptn_1 { margin: 30px 0 10px; }
  .l-contents .ptn_1 .number { font-size: 1rem; }
  .l-contents .ptn_2 { margin: 30px 0 10px; }
  .l-contents .ptn_3{ margin: 30px 0 10px; }
  .l-contents .ptn_3 span { font-size: 0.9rem; width: 60px; }
  .l-contents h2.ptn_3 span { padding-left: 8px; }
  .p-entry__body h2, .p-entry__body h3, .p-entry__body h4 {margin: 30px 0 10px; }
	.l-contents h3.ptn_3{ line-height: 1.5; }
	.l-contents h3.ptn_3 span{ font-size: 1rem; width: 45px; min-width: 40px; }
}
@media only screen and (max-width: 499px){
  .l-contents .ptn_1 { display: block; }
}



/* 画像左＋文章右ボックス */
.img_text_box, .img_text_box tbody, .img_text_box tr { width: 100%!important; height: unset!important; margin: 0; padding: 0!important; border: 0!important; } 
.img_text_box { margin: 0 0 25px; }
.img_text_box td { 
  background: transparent; border: 0!important; padding: 10px!important; width: auto; min-width: 50px; height: unset!important; 
  vertical-align: top; text-align: left; font-size: 1rem;  
}
.img_text_box td:nth-child(1) { padding: 5px 0!important; }
.img_text_box td:nth-child(2) { padding: 5px 0 5px 30px!important; }
.img_text_box td img { width: auto; }
.img_text_box td li { font-size: 1rem!important; }

@media only screen and (max-width: 767px){
  .img_text_box, .img_text_box tbody, .img_text_box tr, .img_text_box td, .img_text_box th{ display:block; width: 100%!important; }
  .img_text_box td{ font-size: 0.9rem; }
  .img_text_box td:nth-child(1) { padding: 5px 0!important; }
  .img_text_box td:nth-child(2) { padding: 5px 0!important; }
  .img_text_box td li { font-size: 0.9rem!important; }

}


/* パンフレットボックス 
.panf_box { display: block; margin: 0 0 50px!important; width: 100%; }
.panf_box tbody { display: block;  width: 100%; }
.panf_box tr { 
  width: 100%; 
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.panf_box td { display: block; width: 25%;  text-align: center; padding: 10px; border: 0; }
.panf_box .mwform-checkbox-field { display: block; width: 100%; font-size: 0.9rem!important; font-weight: bold; color: #1b535a; }
.panf_box img { width: 70%; max-width: 150px!important;  height: auto; object-fit: cover; }
@media only screen and (max-width: 899px){
 .panf_box td { width: 33.3%; }
}
@media only screen and (max-width: 599px){
 .panf_box td { width: 50%; }
}
*/

/* サークルボックス（3連横） */
.circle_3box { 
  margin: 0 0 20px!important; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.circle_3box > li { margin: 0 7px 10px 0; list-style-type: none; width: calc(33.3% - 7px);   }
.circle_3box .f_top { position: relative; width: 100%; padding-top:100%; height: auto; text-align: center; margin-bottom: 20px;  }
.circle_3box .f_top .inner { position: absolute; top: 50%; left: 0; transform : translateY(-50%); width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.circle_3box .f_top h3 { display: block; width: 100%; margin: 0; padding: 0; font-size: 1.3rem!important; /*font-size: calc(0.2vw + 1.3rem)!important;*/ color: #0f2350!important; }
.circle_3box .f_top p { display: block; width: 100%; margin: 0; padding: 0; line-height: 1.7; font-size: calc(0.1vw + 0.9rem)!important;  }
.circle_3box .f_top:before { position: absolute; top: 0; left: 0; width: 99%; /*height: 99%;*/ padding-top: 99%; content:""; border: 2px solid #aaa; border-radius: 50%;  }
.circle_3box .f_top .img { position: relative; width: 100px; object-fit: cover; z-index: -1; margin: 0 0 10px; }
.circle_3box .f_content { padding: 10px; }
.circle_3box > li:nth-child(2) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.circle_3box > li:nth-child(3) { -webkit-animation-delay: .6s; animation-delay: .6s; }

@media only screen and (max-width: 1199px){
  .circle_3box .f_top .img { width: 80px; }
	.circle_3box .f_top h3 { font-size: 1.1rem!important;  }
}
@media only screen and (max-width: 767px){
  .circle_3box { display: block; }
  .circle_3box > li { 
    width: 100%;
    display:-webkit-box; display:-ms-flexbox; display:flex;
  }
  .circle_3box .f_top { width: 200px; height: 200px; padding-top: 160px; margin-bottom: 0; }
  .circle_3box .f_content { 
    width: calc(100% - 160px); padding: 5px 20px; 
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  }
  
  .circle_3box .f_top p { font-size: 0.9rem!important; margin: -3px 0 0;}
	/*.circle_3box .f_top .inner{ top: 65%; transform: none; }*/
	.circle_3box .f_top:before{ border: 0; border-radius:0; background: #f5f5f5; z-index: -5;}
}
@media only screen and (max-width: 499px){
  .circle_3box > li { display: block; }
  .circle_3box .f_content { width: 100%; padding: 10px; }
  .circle_3box .f_content p { margin-bottom: 10px;}
  .circle_3box .f_top { margin: 0 auto; }
}

/* サークルボックス（3連縦） */
.circle_3box_row { margin: 25px 0!important; padding: 0; }
.circle_3box_row, .circle_3box_row tbody { display: block; height: auto!important; }
.circle_3box_row tr { 
  border-bottom: 1px solid #dedede; min-height: 250px; height: auto!important; 
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  animation-delay: .3s;
}
.circle_3box_row td { 
  border: 0; display: block; height: auto!important; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -ms-flex-wrap: wrap; flex-wrap: wrap;  
}
.circle_3box_row tr:first-child { border-top: 1px solid #dedede; }
.circle_3box_row td.img {
  width: 250px; position: relative; min-height: 220px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;

}
.circle_3box_row td.content { width: calc(100% - 220px); font-size: 1rem!important; padding: 15px; }
.circle_3box_row td.content ul { margin-bottom: 0; }
.circle_3box_row td.img .wrap { width: 220px; height: 220px; position: relative; margin: auto; }
.circle_3box_row .img_inner { position: relative; width: 220px; height: 220px; text-align: center; margin: auto;  }
.circle_3box_row .img_inner:before { content: ""; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;  background: #eff3f9; border-radius: 50%; z-index: -1; }
.circle_3box_row .img img { width: auto; max-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }
.circle_3box_row .content img { width: auto; height: auto; max-width: 100%; position: relative; }
.circle_3box_row .title { 
  margin: 0; padding: 0; color: #0f2350; font-size: calc(0.15vw + 1.3rem)!important; width: 100%; height: 60px;
  position: absolute; bottom: 0px; left:0; text-align: center; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.circle_3box_row .post_row{ width: 100%; }
.circle_3box_row .post_row .post_col { margin-bottom: 0; padding-right: 0; }

@media only screen and (max-width: 767px){
  .circle_3box_row .title { font-size: 1.2rem!important; top: auto; bottom: -5px; height: 30px;  }
  .circle_3box_row td.img { width: 100%; margin: 0 auto; padding: 20px 10px 0; min-height: unset;  }
  .circle_3box_row td.content { display: block; width: 100%; font-size: 0.9rem!important; padding: 10px 20px 20px;  }
  .circle_3box_row .img_inner{ height: 100%; }
  .circle_3box_row td.img .wrap { 
    width: 100%; height: 180px; margin: 0; 
    /*display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/
  }
  .circle_3box_row .img_inner:before { width: 180px; height: 180px; }
  .circle_3box_row tr { display: block; }
  .circle_3box_row .img img{ top: 40%; transform: translate(-50%, -40%); }
  .circle_3box_row h2, .circle_3box_row h3, .circle_3box_row h4 { margin: 10px 0 !important; }
}
@media only screen and (max-width: 499px){
  .circle_3box_row td { display: block; }
  .circle_3box_row td.content { width: 100%; padding: 10px; }

}

/* 画像・文章ボックス */
@media all and (-ms-high-contrast: none) {
  table.img_text_box { table-layout: fixed; }
}

/* 横並びレイアウト（2C、3C） */
.row_tbl { margin-bottom: 15px; }
.row_tbl, .row_tbl tbody, .row_tbl tr { display: block; width: 100%; background: transparent; border: 0!important; height: auto!important; }
.row_tbl tr { display:-webkit-box; display:-ms-flexbox; display:flex; }
.row_tbl td { padding: 10px 20px!important; border: 0!important;  height: auto!important;  }
.row_tbl_2c td { display: block; width: 50%!important; }
.row_tbl_3c td { display: block; width: 33.3%!important; }

.row_tbl h2, .row_tbl h3 { margin: 0 0 10px!important; }
.row_tbl p { margin-bottom: 20px!important; }

@media only screen and (max-width: 767px){
  .row_tbl tr { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .row_tbl_3c { margin-bottom: 0; margin: 0!important;}
  .row_tbl_3c td { width: 100%!important; padding: 0!important; margin: 0 0 10px; }
}
@media only screen and (max-width: 499px){
  .row_tbl_2c { margin-bottom: 0;  margin: 0!important;}
  .row_tbl_2c td { width: 100%!important; padding: 0!important; }
}


/* 矢印ボックス */
.arrow_table, .arrow_table tbody, .arrow_table tr { 
  display: block; width: 100%!important; height: auto!important; background: transparent!important; border: 0!important; 
  padding: 0; margin: 0;
} 
.arrow_table tr { 
  position: relative;  margin-bottom: 30px; animation-delay: .35s; 
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.arrow_table tr:after { 
  content:""; position: absolute; bottom: -55px; left: 50%; transform: translate(-50%, 0); width: 50px; height: 50px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/icon_next.png') no-repeat center center; 
  background-size: contain;
}
.arrow_table tr:last-child:after { content: none; }
.arrow_table td { position: relative; height: auto!important; padding: 10px 20px!important; border: 0!important; }
.arrow_table td.img { width: 120px; z-index: 3;}
.arrow_table td.content { width: calc(100% - 120px); }
.arrow_table td.img img { width: 100px; height: auto; }

@media only screen and (max-width: 499px){
  .arrow_table td { padding: 10px!important; }
  .arrow_table td.img { width: 60px; position: absolute; top: 20px; right: 0; }
  .arrow_table td.content { width: 100%; }
}

/* 吹き出しボックス */
.ballon_box , .ballon_box tbody, .ballon_box tr { 
  display: block; width: 100%!important; height: auto!important; 
  padding: 0; margin: 0; background: transparent!important; border: 0!important; 
}
.ballon_box tr { 
  margin: 10px 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
}
.ballon_box td { 
  position: relative; border: 0!important; 
  height: auto!important;background: transparent; border-radius: 20px; padding: 25px!important; font-size: 1rem!important; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.ballon_box td.person { width: 130px!important; padding: 25px 10px!important; }
.ballon_box td.ballon { width: calc(100% - 130px)!important;  }
.ballon_box td h3 { margin: 10px 0!important; font-size: 1.1rem!important; line-height: 1.6;  }
.ballon_box td p { margin-bottom: 10px!important; font-size: 1rem!important; }

.ballon_box .qs .ballon { background: #E5F3FF!important; }
.ballon_box .qs .ballon:before {
  content: ""; position: absolute; top: 50%; left: -40px; margin-top: -15px;
  border: 15px solid transparent; border-right: 27px solid #E5F3FF; z-index: 3;
}
.ballon_box .ans .ballon { background: #FFF6E8!important; }
.ballon_box .ans .ballon:before {
  content: ""; position: absolute; top: 50%; right: -40px; margin-top: -15px;
  border: 15px solid transparent; border-left: 27px solid #FFF6E8; z-index: 3;
}
.ballon_box ul{ margin-bottom: 0!important; }
.ballon_box ul li{ line-height: 1.7; }

@media only screen and (max-width: 767px){
  .ballon_box td h3 { font-size: 0.9rem!important; }
  .ballon_box td { padding:15px!important; font-size: 0.9rem!important; }
  .ballon_box td p { font-size: 0.9rem!important; }
  .ballon_box td.person { width: 60px!important; padding: 0 10px 0 0!important; }
  .ballon_box td.ballon { width: calc(100% - 60px)!important; }
  .ballon_box .qs .ballon:before{ left: -30px; border-right: 15px solid #E5F3FF; }
  .ballon_box .ans .ballon:before { right: -30px; border-left: 15px solid #FFF6E8; }
  .ballon_box ul li { font-size: 0.9rem!important; }
}

/* 名前ボックス */
dl.name_box { 
  margin: 0; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
dl.name_box dt { font-weight: normal; margin: 0; width: 120px; }
dl.name_box dd { margin: 0; width: calc(100% - 120px); }


/* 価格ボックス */
.price_box { 
  width: 100%;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  
}
.price_box table { margin: 0 10px 0 0; width: calc(33.3% - 10px); }
.price_box tr, .price_box td { height: auto; } 
.price_box th { height: 90px; padding: 10px 15px; line-height: 1.7; font-size: 1.2rem; font-weight: bold; }
.price_box td { height: 90px; line-height: 1.7; padding: 10px 15px; text-align: center; border: 1px solid #ccc;  } 
.price_box table:nth-child(1n) th { background: #cddc39; color: #fff; }
.price_box table:nth-child(2n) th { background: #4caf50; color: #fff; }
.price_box table:nth-child(3n) th { background: #009688; color: #fff; }
/*.price_box tr:nth-child(odd) td { background: #efefef; }*/

.price_box dl { margin: 0; display: block; margin: 0; padding: 0; }
.price_box dt { font-weight: normal; margin: 0; padding: 0; width: 100%; }
.price_box dd { margin: 0; width: 100%; font-weight: 600; font-size: 1.05rem; }

@media only screen and (max-width: 549px){
  .price_box { display: block; }
  .price_box table { width: 100%; margin: 0 0 25px;}
  .price_box th { font-size: 1rem; }
  .price_box dd {  font-size: 1rem; }
}

/* コンテンツフレーム */
.frame_content { width: 750px; max-width: 100%; height: 500px; margin: 0 auto 25px; padding: 10px; overflow: scroll; border: 1px solid #dedede; background: #f8f8f8;  }
.frame_content h2, .frame_content h3,  .frame_content h4, .frame_content p, .frame_content span, .frame_content li, .frame_content a{ font-size: 1rem!important; }
@media only screen and (max-width: 767px){
  .frame_content { height: 60vw; min-height: 300px; }
	.frame_content h2, .frame_content h3, .frame_content h4, .frame_content p, .frame_content span, .frame_content li, .frame_content a{ font-size: 0.85rem!important; }
}

/* ----------------------------------------------------------------------
  Opening
---------------------------------------------------------------------- */

#site_loader_overlay {
  position: fixed; width: 100%; height: 100%; background: #fff; z-index: 9999999;
  text-align: center; color: #fff;
}

#site_loader_overlay img { width: auto; height: 50px; object-fit: contain;  }

#site_loader_animation{
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 2.7rem; font-weight: bold; letter-spacing: 0.17em; text-transform: uppercase;
  color: #277781; font-family: Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
}
@media only screen and (max-width: 767px){
	#site_loader_overlay img{ height: 40px; }
}

/* ----------------------------------------------------------------------
  header (logo & menu)
---------------------------------------------------------------------- */
.l-header__logo { font-weight: bold!important; }
.c-logo img { width: 150px; height: 45px; object-fit: contain; }

#js-header { display: none; background: #fff; position: fixed; z-index: 99; }
.l-header__inner { width: 98%; max-width: 98%; height: 80px;}
.nav_wrap { position: absolute; top: auto; bottom: 0; right: 1%; background: transparent!important; padding: 0; height: 100%; width: calc(100% - 300px);}
.l-header__nav { background: transparent!important; width: 100%; height: 100%;}
.p-global-nav { width: 850px; max-width: 100%; height: 100%; margin: 0 0 0 auto!important; }
.p-global-nav > li { border: 0!important; width: 110px; height: 100%; padding: 0;}
.p-global-nav > li > a { width: 100%; height: 100%; line-height: 80px; position: relative; padding: 0 20px; white-space: nowrap; }
.p-global-nav > li > a:after { content:""; position: absolute; top: auto; right: auto; bottom: 22px; left: 10px; width: 0%; height: 2px; background: #277781; transition: width .3s; z-index:3; }
.p-global-nav > li > a:hover, .p-global-nav > .current-menu-item > a { background: transparent!important; color: #000!important; }
.p-global-nav > li > a:hover:after, .p-global-nav > .current-menu-item:not(.sq_btn) > a:after { width: calc(100% - 20px); }

.p-global-nav li.sq_btn  {
  width: 160px; height: 60px; margin: 10px 0; padding: 0; border: 1px solid #277781!important; outline: none; 
  position: relative; text-decoration: none; display: inline-block;  text-align: center;  background: transparent; transition: all 0.2s ease;
}
.p-global-nav li.sq_btn a { width: 155px; line-height: 60px; padding: 0 10px 0 30px; text-align: center; margin-left: 10px;}
.p-global-nav li.sq_btn a:before { content:""; position: absolute; width: 30px; height: 30px; top:50%; left: 9px; transform: translateY(-50%); background-size: cover; z-index: 0; }
.p-global-nav li.sq_btn a:after { bottom: 10px; left: 10px; height: 1px;  }
.p-global-nav li.sq_btn a:hover:after { width: calc(100% - 30px); }
.p-global-nav li.mail { border-left: 0!important; background: #277781!important;}
.p-global-nav li.mail a { color: #fff!important;  }
.p-global-nav li.mail a:before { background: url('https://www.nichijosys.com/wp-content/uploads/icon_mail.png') no-repeat center center; }
.p-global-nav li.mail a:after { background: #fff; }

.p-global-nav li.recruite { margin-left: 30px; }
.p-global-nav li.recruite a { color: #277781!important;  }
.p-global-nav li.recruite a:before { background: url('https://www.nichijosys.com/wp-content/uploads/icon_recruite.png') no-repeat center center; }
.p-global-nav li.recruite a:after { background: #277781; }

@media only screen and (max-width: 1199px){
  .l-header { border: 0;}
  .l-header__inner { height: 60px; padding: 0 20px 0 0; }
  .c-logo img { width: 150px; height: 40px; }
  .nav_wrap { position: absolute; width: 100%; max-width: 100%; height: auto; top: 60px; bottom: auto; left: 0; right: auto; z-index: -1; }
  .l-header__nav { position: absolute; width: 100%; height: auto; top: 0; left: 0; background: #eff3f9!important; }
  .p-global-nav { width: calc(100% - 5%); height: auto; margin: 30px 2.5% 20px!important; }
  .p-global-nav > li { width: calc((50% - 6px)); height: 50px; }
  .p-global-nav > li > a { line-height: 50px; height: 50px; }
  .p-global-nav li.sq_btn { margin-left: 0; width: calc((50% - 6px)); height: 50px; line-height: 50px; border: 0!important; margin: 0 0 12px; }
  .p-global-nav li.sq_btn a { width: 100%; padding: 0; margin-left: 0; line-height: 50px; height: 50px; }
  .p-global-nav li.recruite a, .p-global-nav li.mail a { color: #000!important; background: #fff!important; }
  .p-global-nav li.recruite a:before, .p-global-nav li.mail a:before { content: none; }
  .p-global-nav > li > a:after, .p-global-nav li.sq_btn a:after { content: none; }
  .p-global-nav > li > a:hover, .p-global-nav > .current-menu-item > a { background: #277781!important; color: #fff!important; }
}

.p-megamenu02 {
  top: 80px; height: 250px; border-bottom: 1px solid rgba(39, 119, 129, .1); border-bottom: 0;
}
.p-megamenu02::before { content: none; }
.p-megamenu02__inner { width: 95%; max-width: 95%; height: 100%; }
.p-megamenu02__header {
  color: #000; padding: 100px 2.5vw; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.p-megamenu02__header a:hover p { color: #277781; }
.p-megamenu02__title { color: #0f2350; font-size: calc(0.3vw + 1rem)!important; line-height: 1.7;  font-family: 'メイリオ', 'Meiryo',Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important; }
.p-megamenu02__sub { color: #ff0000; font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; }

.p-megamenu02__list { 
  padding: 40px 0 20px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
}
.p-megamenu02__list li { height: 100%; border: 0; padding: 0 20px; }
.p-megamenu02__list li a { display: block; padding: 0; }
.p-megamenu02__link { display: none; }
.p-article13__img { width: 100%; height: 150px!important; }
.p-article13__img img { width: 100%; height: 150px; object-fit: cover; }
.p-article13__title { font-size: 0.9rem!important; margin: 10px 0 0; font-family: 'メイリオ', 'Meiryo',Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important; }
.p-article13__sub { display: none; }

/*上に上がる動き*/
#js-header.UpMove{ -webkit-animation: UpAnime 0.5s forwards; animation: UpAnime 0.5s forwards; }
@keyframes UpAnime{
  from {
    opacity: 1; transform: translateY(0);
  }
  to {
    opacity: 0; transform: translateY(-100px);
  }
}

/*下に下がる動き*/
#js-header.DownMove{ -webkit-animation: DownAnime 0.5s forwards; animation: DownAnime 0.5s forwards; }
@keyframes DownAnime{
  from {
  	opacity: 0; transform: translateY(-100px);
  }
  to {
  	opacity: 1; transform: translateY(0);
  }
}


/* ----------------------------------------------------------------------
  footer
---------------------------------------------------------------------- */
.l-footer { z-index: 12; }
.l-footer .c-logo img { width: 200px; height: auto; }
.l-footer { position: relative; width: 100%; /*height: 60vh;*/  overflow: hidden; }
.l-footer .flex_wrap { 
  width: calc(100% - 185px); height: 100%; padding: 0 0 10px; margin: 0 30px 0 155px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
}
.l-footer .p-info__logo { position: relative; width: 100%; padding: 50px 100px;}
.l-footer .p-info { position: relative; width: 25%; background: transparent; border-bottom: 0;}


/* バナーエリア */
.p-footer-banners { background: #eff3f9!important; }
.p-footer-banners__list { max-width: 95%; width: 95%;  }
.p-footer-banners__list-item { max-width: 400px; }
.p-banner__content { padding: 0 20px; }

.l-secondary .p-widget { margin-bottom: 14px; }

@media only screen and (max-width: 1299px){
  .p-footer-banners__list { width: calc(100% - 20px); max-width: 100%; margin: 0 10px; }
  .p-footer-banners__list-item { margin-right: 0; }
  .p-banner__content { padding: 0 10px; }
}

@media only screen and (max-width: 991px){
  .p-footer-banners__list {
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;  
  }
  .p-footer-banners__list-item { margin: 0; }

}

@media only screen and (max-width: 767px){
  .p-footer-banners__list { 
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
  }
  .p-footer-banners__list-item { margin: 0 0 20px; }
}


/* フッター下部 */
.p-footer-widgets { width: 75%;  border: 0; padding:  0; margin: 0 0 0 50px; background: transparent!important;}
.p-footer-widgets__inner { width: 100%; height: calc(100% - 60px); border-left: 0; margin: 0; }
.p-footer-widgets .widget_nav_menu ul { margin-left: 15px; }
.p-footer-widgets__item { border-right: 0; padding: 0; margin: 0 15px 0 0; }
.p-footer-widgets__item:last-child { margin: 0; }
.p-footer-widget a { color: #ffffff; }
.p-footer-widgets h2 { position: relative; font-size: 1.3rem!important; color: #fff!important; padding-bottom: 3px; border-bottom: 1px solid #fff; width: 80%; line-height: 1.7 }
.p-footer-widgets h2:before { content: ""; position: absolute; bottom: -1px; left: -2px; width: 20px; height: 1px; background: #ff0000; }
.p-footer-widgets .cat-item { font-size: 1rem!important; line-height: 1.7; }
.p-footer-widgets .widget_nav_menu li { margin-bottom: 5px; overflow: hidden; font-size: 1rem!important; }

.l-footer .f_inner { position: relative; width: 100%; background: #277781; } 
.l-footer .p-info .company_info { margin: 0;}
.l-footer .p-info .wrap { width: 100%; padding: 0 ;}
.l-footer .p-info .wrap p { line-height: 1.7; margin-bottom: 1rem; font-size: 1rem!important; }
.l-footer .p-info .map { margin: 0 0 0 10px; width: 65%; display: none; }
.l-footer .p-info .map iframe { max-width: 100%; height: 30vh; }

.p-footer-nav {
  position: relative; width: calc(100% - 100px); border-top: 0; background: transparent!important; margin: 15px auto; padding: 0 50px; line-height: 30px; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
   -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.p-footer-nav .menu-item { position: relative; font-size: 0.95rem!important; padding: 0 0 0 15px; margin: 0 30px 0 0; }
.p-footer-nav .menu-item:before { content:"-"; position: absolute; top:0; left: 0; }

.l-footer .p-info__inner { width: auto; max-width: none; height: auto; padding: 10px 0; position: absolute; top: 300px; left: 155px; z-index: 3; }
.l-footer .p-copyright { position: relative; display:block; }
.p-social-nav { display:-webkit-box; display:-ms-flexbox; display:flex; }
.p-social-nav__item--twitter a::before { content: none; }
.p-social-nav__item--facebook a::before { content: none; }
.p-social-nav__item--instagram a::before { content: none; }
.p-social-nav__item--pinterest a::before { content: none; }
.p-social-nav__item--mail a::before { content: none; }

.p-social-nav__item img { width: auto; height: 70px; }


.p-footer-widgets a { position: relative; } 
.p-footer-widgets a:hover { color: #c3cde6!important; }
/*.p-footer-widgets a:after { content:""; position: absolute; top: auto; bottom: -3px; left: 0%; width: 0; height: 1px; background: #fff; transition: width .3s .1s; }*/
.p-footer-widgets a:hover:after { width: 100%; }

@media only screen and (max-width: 1299px){
  .l-footer .flex_wrap { width: calc(100% - 10%); margin: 0 5%; }
  .l-footer .p-info__logo { padding: 50px 4%; }
  .p-footer-widgets { margin: 0 20px; }
  .l-footer .p-info__inner { left: 5%; }
	.p-social-nav__item img { height: 60px; }
}
@media only screen and (max-width: 1199px){
  .l-footer .flex_wrap { width: calc(100% - 5%); margin: 0 2.5%; padding: 0; }
  .l-footer .p-info__logo { padding: 50px 2%; }
  .p-footer-widgets { margin: 0 0 0 10px; }
  
  .p-footer-widgets h2 { font-size: 1rem!important; }
  .l-footer .p-info .wrap p { font-size: 0.9rem!important; }
  .p-footer-widgets .widget_nav_menu li { font-size: 0.9rem!important; }
  .p-footer-nav .menu-item { font-size: 0.85rem!important; }
  .l-footer .p-info__inner { position: relative; top: auto; left: auto; margin: 0 2.5%; padding: 0 0 20px; text-align: left!important; }
}
@media only screen and (max-width: 1199px){
  .l-footer .p-info__logo { margin: 0;}
  .l-footer .flex_wrap { display: block; }
  .l-footer .p-info { width: auto; position: absolute; top: 53px; left: 350px; }
  .l-footer .p-info .company_info .wrap {
	  display: block; 
    /*display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;*/
  }
	.l-footer .p-info .wrap p{margin-bottom: 3px; }
  .l-footer .p-info .wrap p.address { margin-right: 2rem; }
  .p-footer-widgets { width: 100%; margin: 0; }
  .p-footer-widgets__item { margin: 0 0 20px; }
  .p-footer-nav { 
	  margin: 0 2.5%; padding: 0; width: calc(100% - 5%);
	  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  }
  
}


@media only screen and (max-width: 767px){
  .l-footer .flex_wrap { margin: 0 25px; width: calc(100% - 50px); }
  .l-footer .c-logo img { height: 50px; }
  .l-footer .p-info__logo { padding: 30px 0 20px; }
  .l-footer .p-info { position: relative; top: auto; left: auto; margin: 0; }
  .l-footer .p-info .wrap p { width: 100%; }
  .l-footer .p-info .wrap p.address { margin-right: 0; }

  .p-footer-widgets__inner { padding: 20px 0 0; }
  .p-footer-widgets__item { margin: 0 0 25px; }
  .p-footer-nav { margin: 30px 25px 0; width: calc(100% - 50px); }
  .p-footer-nav .menu-item { width: 50%; margin: 0 0 15px; }
  .l-footer .p-info__inner { padding: 20px 0; margin: 0 25px; }
}

@media only screen and (max-width: 499px){
  .l-footer .p-info .company_info .wrap { display: block; }
  .l-footer .p-info .wrap p { width: 100%; }
  .p-footer-widgets__inner { display: block; padding: 20px 0 0; }
  .p-footer-widgets .widget_nav_menu ul { margin-left: 3px; }
  .p-footer-nav { display: block; padding: 0; margin: 40px 25px 0; }
  .p-footer-nav .menu-item { width: 100%; }
  .p-footer-widgets__item.widget_nav_menu { width: 100%; }
  .p-footer-widgets h2 { width: 100%; }
	.l-footer .p-copyright { font-size: 11px; text-align: left; padding: 0 10px; }
}


/* ----------------------------------------------------------------------
  FrontPage
---------------------------------------------------------------------- */

/*--- header-slider -----------------------*/
.header_wrap { width: 100%; height: 100vh; padding: 40px 0 0; margin: auto; position: relative; overflow:hidden; }
.p-header-slider { width: 95%; height: calc(100% - 120px); margin: 40px 2.5%; padding: 0; position: fixed; overflow: hidden; }
.p-header-slider .slick-list, .p-header-slider .slick-track { width: 100%; height: 100%; overflow:hidden; }
.p-header-content__inner { width: 100%; transform: translateY(80%); text-align: left; padding: 0 100px;}
.p-header-slider__item { height: 100%; }
.p-header-slider__item-img { overflow: hidden; }

.img_cross { width: 100%; height: 100%; position: relative; overflow: hidden; }
.img_cross .top_bg { 
  display: none; position: absolute; top: 0; left: 0; margin: 2.5%; width: 0; height: 90%; background-color: #277781; 
  transition: width .85s .5s;
}
.img_cross .img_inner { position: relative; width: 0; height: 100%; margin: 0; transition: width .85s 1.2s; overflow:hidden;  }
.img_appear .img_inner { width: 100%; transition: none; }

.move_cross .top_bg { width: 100%; }
.move_cross .img_inner { width: 100%; }
.move_cross_2 .top_bg { transform: rotate(-3deg); transition: .5s 1s; }


.top-lead { position: absolute; bottom: 12%; left: 8%; text-transform: uppercase; font-weight: bold; line-height: 1.5; z-index: 10; }
.top-lead .p-header-content__title { opacity: 1; }
.top-lead .p-header-content__title > span { font-size: 4.6rem!important; display:block; margin-bottom: 3px; }
.top-lead .p-header-content__title > span:last-child { font-size: 2.4rem!important; margin-top: 15px; }
.top-lead .p-header-content__title > span:last-child::before { height: 100%; bottom: 0; }




.top-lead span { 
  font-family: Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; 
  text-shadow:1px 1px 0 #eff3f9, -1px -1px 0 #eff3f9, -1px 1px 0 #eff3f9, 1px -1px 0 #eff3f9, 0px 1px 0 #eff3f9,  0-1px 0 #eff3f9, -1px 0 0 #eff3f9, 1px 0 0 #eff3f9;
}
.top-lead .p-header-content__title span.bgextend:last-child span{ 
  text-shadow:0.5px 0.5px 0 #eff3f9, -0.5px -0.5px 0 #eff3f9, -0.5px 0.5px 0 #eff3f9, 0.5px -0.5px 0 #eff3f9, 0px 0.5px 0 #eff3f9,  0 -0.5px 0 #eff3f9, -0.5px 0 0 #eff3f9, 0.5px 0 0 #eff3f9; 
}
.is-active .p-header-content__btn { display: none; }
.l-contents { margin-bottom: 0; position: relative; z-index: 15;}
.l-contents--no-border .l-contents__inner{ margin-top: 0; }


.p-header-slider #particles-js{ opacity: 0; position:absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color:transparent; }
.p-header-slider #particles-js.appear{ opacity: 1; }


@media only screen and (max-width: 1199px){
  .top-lead { left: 5%; }
  .header_wrap { padding: 20px 0 0; }
  .p-header-slider { height: calc(100% - 100px); }
}
@media only screen and (max-width: 991px){
  .top-lead { top: 65%; bottom: auto; left: 50%; transform: translate(-50%, -65%); width: 75%; }

}
@media only screen and (max-width: 767px){
  .header_wrap{ padding: 60px 0 0;}
  .p-header-slider { width: 100%; height: calc(100% - 60px); margin: 0;}
  .top-lead { top: 70%; transform: translate(-50%, -70%); }
  .top-lead .p-header-content__title > span { font-size: 2.6rem!important;}
  .top-lead .p-header-content__title > span:last-child { font-size: 1.6rem!important; line-height: 2; margin-top: 0; }
}
@media only screen and (max-width: 499px){
  .p-header-slider { height: calc(100% - 190px); }
  .top-lead { width: 90%; top: 50%; left: 10%; transform: translate(0, -50%); }
}

/*--- TOPICS_AREA -----------------------*/
.topics_area { z-index: 1; display: none; position: fixed; bottom: 40px; right: 0; background: #fff; width: 500px; height: 165px; overflow: hidden;  /*transition: width .85s .5s;*/ }
.topics_area.appear {
  display: block; transform: scaleX(0); background-color: #ffffff;
  -webkit-animation-name:Topics_Anime; -webkit-animation-duration:.3s; -webkit-animation-timing-function:ease-in-out; -webkit-animation-fill-mode:forwards;
  animation-name:Topics_Anime; animation-duration:.3s; animation-timing-function:ease-in-out; animation-fill-mode:forwards;
}
@keyframes Topics_Anime{
  0% { transform-origin:left; transform:scaleX(0); }
  100% { transform-origin:left; transform:scaleX(1); }
}

.topics_area .topics_inner { padding: 30px 30px 0; }
.topics_area h2 { color: #0f2350; margin-bottom: 15px; font-size: 20px; }

#topics-slider { display: block; width:100%; height: 100%; margin-bottom: 0; }
.topics_area .con_inner {
	width: 100%; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
}
.topics_area img { width: 100px; height: 100px; }
.topics_area .title_inner { opacity: 1; width: calc(100% - 110px); min-width: 320px; padding: 10px 20px;  /*transition: opacity .75s;*/ }
.topics_area time { color: #0f2350; margin: 0 0 10px;  }
.topics_area .title_inner p { font-size: 0.95rem; line-height: 1.7; color: #000000; transition: color .75s; height: 52px; overflow: hidden;  }
.topics_area a:hover p { color: #ff0000; }
#topics-slider li:not(.slick-current) .con_inner { opacity:0; }

@media only screen and (max-width: 767px){
  .p-header-content__link{ display: none; }
  .topics_area { width: 80%; height: auto; right: 10%; bottom: 0;}
  .topics_area .topics_inner { padding: 15px 15px 10px;}
	.topics_area h2{ margin-bottom: 7px; font-size: 18px; }
	.topics_area img{ width: 70px; height: 70px; }
	.topics_area .title_inner{ width: calc(100% - 70px); min-width: 200px; padding: 0 10px 10px; }
	.topics_area .title_inner p{ line-height: 1.5; height: 48px; overflow: hidden;  }
	.topics_area time{ margin: 0 0 5px; }
}
@media only screen and (max-width: 499px){
  .topics_area { width: 100%; right: 0; }
}

/*--- MESSAGE_1 -----------------------*/
.p-index-content01{
  width: 100%; max-width: 100%; height: 100vh; min-height: 850px; margin-top: 0; margin: 0;  padding: 150px 0; box-shadow: none; position: relative;  background-position: 0 50%;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
   -webkit-animation: scroll_txt 3s linear infinite; 
   animation: scroll_txt 3s linear infinite;
}
.p-index-content01:before { content:""; position: absolute; top: 0; left: auto; right: 0; width: 60%; height: 0; background :#eff3f9; z-index: -3; transition: height 1s .3s;}
.p-index-content01.slideDown:before { height: 100%; }

.p-index-content01 .container {
  width: 95%; height: 100%; padding: 0; margin: 0 2.5%; position: relative; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  /* -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; */
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.p-index-content01 .container:before { 
  content:""; position: absolute; top: -50px; right: -1%; width: 65%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/mission_bk.png') no-repeat right top; 
  background-size: contain; z-index: -1; opacity: 0; transition: opacity .5s .5s;
}
.p-index-content01.slideDown .container:before { opacity: .5; } 

.p-index-content01 .title_inner { 
  position: relative; width: calc(50% - 20px); max-width: 700px; margin: 0 0 0 20px; padding: 20px 40px;
  -webkit-animation-delay: .5s; -webkit-animation-duration: 1s;
  animation-delay: .5s; animation-duration: 1s; 
}
}
.p-index-content01 .title_inner .sub_tilte{ text-align: left; width: 100%; margin : 0 !important; font-size: 20px; font-weight: bold; }
.p-index-content01 .title_inner h2 { text-align: left; width: 100%; margin : 1rem 0 2rem !important; font-size: calc(2rem + 0.3vw)!important; }
.p-index-content01 .title_inner p { text-align: left; width: 100%; }

.p-index-content01 .img_area { 
  position: relative; width: calc(50% - 20px); max-width: 700px; height: 100%; margin: 0 20px 0 0; clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100% , 0 100%); overflow: hidden; 
  -webkit-animation-delay: .5s; -webkit-animation-duration: 1s; 
  animation-delay: .5s; animation-duration: 1s; 
}
.p-index-content01 .img_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.p-index-content01 .img {
  position: absolute; top: 0; left: 0; width: 100%; height: 900px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/message_img.jpg') no-repeat; background-position: center top; background-size: cover; opacity: .85;
}
.p-index-content01::after { content: none;}
.p-index-content01 .title_inner .p-index-content01__desc { font-size: 1rem!important; }

@media only screen and (max-width: 1199px) {
  .p-index-content01{ height: 65vw; padding: 8vw 0; }
  .p-index-content01 .container:before { width: 80%; }
  .p-index-content01 .title_inner { padding: 20px; }
  .p-index-content01 .img_area { height: 90%; width: 50%; margin: 0;}
}
@media only screen and (max-width: 991px) {
  .p-index-content01{ height: auto; padding: 18vw 0; min-height: 400px; }
  .p-index-content01 .container { height: 100%; min-height: 60vw; }
  .p-index-content01 .container:before { top: calc(2.5% - 14.777vw); width: 100%;}
  .p-index-content01 .img_area { position: absolute; top: 2.5%; left: 0; transform:translateY(-2.5%); width: 100%; height: 100%;}
  .p-index-content01 .title_inner { width: 100%; margin: 0; padding: 30px 40px; }
  .p-index-content01 .title_inner h2 { margin: 0 0 10px!important; }
  .p-index-content01 .title_inner .sub_title { margin-bottom: 5px;}
  .p-index-content01 .title_inner .p-index-content01__desc { padding: 0; }
}
@media only screen and (max-width: 767px) {
	
  .p-index-content01 .title_inner h2 { font-size: 2rem!important; }
  .p-index-content01 .title_inner .sub_title { font-size: 1rem!important; }
  .p-index-content01 .title_inner .p-index-content01__desc { font-size: 0.9rem!important; }
}
@media only screen and (max-width: 499px) {
  .p-index-content01 { display: block; }
  .p-index-content01 .container { height: 100%; }
  .p-index-content01 .title_inner { padding: 30px 15px; }
  .p-index-content01 .title_inner h2 { font-size: 1.4rem!important;  }
  .p-index-content01 .title_inner .sub_title { font-size: 0.9rem!important; }
	.p-index-content01 .img { display: none; }
	.p-index-content01 .container:before{ top: -10px; }

}

/*--- About us -----------------------*/
.p-index-content02{ padding: 150px 0 100px; margin-top: 0; margin-bottom: 0; width: 100%; max-width: 100%;  }
.p-index-content02:before {
  content:""; position: absolute; top: -30px; left: 0%; width: 100%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/about_bk.png') no-repeat left top; 
  background-size: contain; z-index: 2; opacity: 0; transition: opacity .5s .3s;
}
.p-index-content02.slideDown:before { opacity: .5; } 

.p-index-content02:after { content:""; position: absolute; top: 0; left: auto; left: 0%; width: 40%; height: 0; background :#eff3f9; z-index: 1; transition: height 1s .1s;}
.p-index-content02.slideDown:after { height: 100%; }

.p-index-content02__list{ 
  width: 1450px; max-width: 90%; margin: 0 auto; margin-bottom: 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.p-index-content02 .p-three-box__item { width: calc(33.333% - 15px); height: 25vw; max-height: 430px; background-color: transparent; margin: 0 15px 15px 0; border-radius: 10px; overflow: unset; z-index: 3}
.p-index-content02 .p-three-box__item.h2_title { background-color:#277781; }
.p-index-content02 .p-article12__header{ position: relative; height: 100%; padding: 10px; border: none;}
.p-index-content02 .p-article12__header.detail {
  padding: 30px 20px 20px;
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
}
.p-index-content02 .p-article12__title { /*text-align: left;*/ height: fit-content; margin-bottom: 1.4rem; font-size: 2rem!important; color: #fff!important; }
.p-index-content02 .p-article12__sub { text-align: left; height: fit-content;  }
.p-index-content02 .p-article12__desc { 
	text-align: left; opacity: 1; width: 100%; padding: 0;  position: relative; transform: none; top: 0; font-size: 1rem!important; 
	font-family: 'メイリオ', 'Meiryo',Brandon Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;
}
.p-index-content02 .p-article12 a:hover .p-article12__desc { color: #fff; }
.p-index-content02 .p-index-content02__desc { width: 70%; margin: 0 20px 0 auto; text-align: right; border-top: 1px solid #fff; line-height: 2; }
.p-index-content02 .p-article12__img { transform: translateY(0px);}
.p-index-content02 .p-index-content02__title, .p-index-content02 .p-index-content02__desc { color: #fff!important; }
.p-index-content02 .p-index-content02__title { font-size: 2.7rem!important; font-weight: normal; margin-bottom: 20px; }
.p-three-box__item .effect_box { width: 100%; height: 100%; }
.p-three-box__item .effect_box > a { width: 100%; height: 100%; }

.fc_col .container .back { padding: 50px; }
.fc_col .container .back .inner { padding: 0; width: calc(100% - 100px); }

@media only screen and (max-width: 1299px){
  .p-index-content02__list{ width: 95%; max-width: 100%; margin: 0 auto; padding: 0; }
  .p-index-content02 .p-three-box__item { height: 29vw; }
  .fc_col .container .front, .fc_col .container:hover .front, .fc_col .container .back, .fc_col .container:hover .back { height: 29vw; }
}
@media only screen and (max-width: 1199px){
  .fc_col .container:hover .front{ transform: none; }
  .fc_col .container .back{ transform: rotateY(0deg); display: none; }
}
@media only screen and (max-width: 991px){
  .p-index-content02 { padding: 25px 0 100px; }
  .p-index-content02 .p-index-content02__title, .p-index-content02 .p-index-content02__desc { color: #1b535a!important; }
  .p-index-content02 .p-index-content02__desc { border-top: 1px solid #1b535a;}
  .p-index-content02 .p-three-box__item.h2_title { width: 100%; height: auto; padding: 10px; background: transparent!important;}
  .p-index-content02__list { 
	display:-webkit-box; display:-ms-flexbox; display:flex;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .p-index-content02 .p-three-box__item{ margin: 0 7.5px 15px; width: calc(50% - 15px); height: calc(43vw - 15px); overflow: hidden; }
  .fc_col .container { display:block; }
  .fc_col .container .back { display: none;}
  .fc_col .front { width: 100%; }
  .fc_col .container .front, .fc_col .container:hover .front{ height: 100%; }
/*  .p-index-content02__list { display: block; position: relative; width: 100%; margin: 0; padding: 0 25px; }
.p-index-content02 .p-three-box__item { display: block; position: relative; width: 100%; border-radius: 10px; overflow: hidden; }

  .fc_col .container {
    display:-webkit-box; display:-ms-flexbox; display:flex;
  .fc_col .front, .fc_col .back { position: relative; width: 50%; border-radius: 0; }
  .fc_col .front:after { border-radius: 0;}

  .fc_col .container .back .inner { position: relative; width: 100%; height: 100%; top: 0; left: 0; transform: none; }
  .fc_col .container .back h3 { display: none; }
  .p-index-content02 .p-three-box__item,.fc_col .container .front, .fc_col .container:hover .front, .fc_col .container .back, .fc_col .container:hover .back { height: 300px; }
  .p-index-content02 .p-article12__desc { display: block; }
*/
}
@media only screen and (max-width: 650px){
  .p-index-content02 { padding: 25px 0; }
  .p-index-content02__list { width: 95%; padding: 0; margin: 0 2.5%; }
  .p-index-content02 .p-index-content02__title { font-size: 2rem!important; }
  .p-index-content02 .p-index-content02__desc { font-size: 1rem!important; }
  .fc_col .front .inner h3 { font-size: 1.5rem!important; }
  .fc_col .front .inner span { font-size: 0.9rem; }
  .fc_col .container .back { padding: 30px; text-align: left; }
  .fc_col .back .inner {
    padding: 0;
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  }
  .p-index-content02 .p-article12__desc { padding: 0; font-size: 0.9rem!important; }
  .p-index-content02 .p-article12__title { font-size: 1.3rem!important; }
  .p-index-content02 .p-three-box__item{ width: 100%; margin: 0 0 10px; height: calc(70vw - 10px); }
  .fc_col .front, .fc_col .back{ min-height: unset; }
}
@media only screen and (max-width: 499px){
  .fc_col .front { width: 100%; }
  .fc_col .back { display: none; }
}

/*--- Message -----------------------*/
.message_area_2{ position: relative; width: 100%; max-width: 100%; margin: 0; height: 100vh; }
.message_area_2:before { content:""; position: absolute; top: 0; left:0; width:40%; height: 100%; background :#eff3f9; z-index: 0;}
.message_area_2 .bk_img{ position: relative; width: 100%; height: 100%; margin: 0; 
  background: url('https://www.nichijosys.com/wp-content/uploads/top_message.jpg') center bottom no-repeat fixed; background-size: cover; }
.message_area_2 .title_area {
  position: relative; width: 100%; height: 45vh; background: #fff; padding: 50px 0 50px; z-index: 0; top: -3px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.message_area_2 .title_area:before {  content:""; position: absolute; top: 0; left:0; width:40%; height: 100%; background :#eff3f9; z-index: 1;}
.message_area_2 .inner { width: 70%; height: auto; z-index: 5; }
.message_area_2 h3 { font-size: 2.7rem!important; color: #277781; text-align: center; font-weight: normal; margin: 20px 0 30px; }

.message_area_2 p { font-size: 1rem; border-top: 1px solid #223a70; width: 60%; margin: 0 0 0 auto; text-align: right; font-weight: bold; }

@media only screen and (max-width: 1199px){
  .message_area_2 { height: 65vw; }
  .message_area_2 .inner { width: 95%; }
  .message_area_2 h3 { font-size: 2.4rem!important; }
  .message_area_2 .title_area { height: 40%; }
  .message_area_2 .bk_img{  
	background: url('https://www.nichijosys.com/wp-content/uploads/top_message_smp.jpg') center bottom no-repeat; background-size: cover;
  }
}
@media only screen and (max-width: 767px){
  .message_area_2 { height: 30vh; }
  .message_area_2 .title_area { height: 100%; top: 0;}
  .message_area_2 h3 { font-size: 5vw!important; margin-bottom: 3vw; }
  .message_area_2 p { width: 95%; }
  .message_area_2 .sub_title { font-size: 0.9rem; }
}

/*--- SERVICE -----------------------*/
.p-index-content04 { background: #fff!important; padding: 0 0 0; margin-bottom: 0; }
.p-index-content04 .p-cb__item-header { padding: 0; text-align: left; }
.p-index-content04 .p-cb__item-header .inner{ text-align: left; padding: 50px; }


.p-index-content04 .l-inner { width: 100%; max-width: 100%;}
.p-index-content04 .l-inner .wrap { width: 85%; height: auto; margin: 0 auto; z-index: 10; }
.p-index-content04 .p-cb__item-sub { margin-bottom: 10px; width: 55%; margin: 0 auto; text-align: center; border-top: 1px solid #fff; z-index: 10; }
.p-index-content04 .p-cb__item-title { font-size: 2.7rem!important; margin: 10px 0 20px; text-align: center; z-index: 10; }


.p-index-content04 .p-three-box {
  margin-bottom: 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.p-index-content04 .p-three-box__item { position: relative; margin: 0; height: 23vw;}
.p-index-content04 .p-three-box__item.w1 { width: 100%; }
.p-index-content04 .p-three-box__item.w2 { width: 50%; }


.p-index-content04 .p-three-box__item:after {
  content: ""; width: 0%; display: block; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #ccc;
}
.p-index-content04 .p-three-box__item.lineanime:after { /* 2、4番目 */
  -webkit-transition: width 1s linear .5s;
  transition: width 1s linear .5s;
  width: 100%;
}
.p-index-content04 .p-three-box__item:nth-of-type(2n+1).lineanime:after { /* 3、5番目 */
  -webkit-transition: width 1s linear 1.4s;
  transition: width 1s linear 1.4s;
  width: 100%;
}
.p-index-content04 .p-three-box__item:nth-of-type(1).lineanime:after { /* 1番目 */
  -webkit-transition: width 1.8s linear .5s;
  transition: width 1.8s linear .5s;
  width: 100%;
}
.p-index-content04 .p-three-box__item:before {
  content: ""; height: 0%; display: block; position: absolute; right: 0; top: 0; border-right: 1px solid #ccc;
}
.p-index-content04 .p-three-box__item.lineanime:before { /* 縦線 */
  -webkit-transition: height 0.8s linear .5s;
  transition: height 0.8s linear .5s;
  height: 100%;
}
.p-index-content04 .p-article12__header {  display:block; height: 23vw; padding: 50px; border-bottom: 0; border-top: 0; border: 0; }
.p-index-content04 .p-three-box__item.w1 .p-article12__header {
  padding: 100px 200px; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.p-index-content04 .p-article12__header .title_iner { width: 100%; max-width: 100%; text-align: left; }
.p-index-content04 .p-three-box__item.w1 .p-article12__header .title_iner { width: calc(40% - 40px); max-width: 350px; text-align: left; margin: 0 40px 0 0;   }
.p-index-content04 .p-article12__header .content_inner { width: 100%; text-align: left; margin: 0; }
.p-index-content04 .p-three-box__item.w1 .p-article12__header .content_inner { width: calc(55% - 40px); text-align: left; margin: 0 20px; }
.p-index-content04 .p-article12__header h3 { margin-bottom: 20px; font-size: 2.4rem!important; }
.p-index-content04 .p-article12 a:hover .p-article12__header { border: none; }

.p-index-content04 .p-article12__desc { display: block; opacity: 1; width: 100%; padding: 0; margin: 0 0 20px; position: relative; color: #000; text-align: left; transform: none; top: unset; font-size: 1rem; }
.p-index-content04 .p-article12 a:hover .p-article12__title { color: #fff; }
.p-index-content04 .p-article12 a:hover .p-article12__sub { color: #fff; }
.p-index-content04 .p-article12 a:hover .p-article12__desc { color: #fff; }

.p-index-content04 .p-article12 .next_page .btn_wrap:before { border-bottom: 0; transition: border-bottom .4s .1s; }
.p-index-content04 .p-article12 a:hover .next_page .btn_wrap:before { border-bottom: 60px solid #cccfd9; }
.p-index-content04 .p-article12 .next_page span { color: transparent; transition: color .1s 0s; }
.p-index-content04 .p-article12 a:hover .next_page span { color: #000; transition: color .1s .25s;}

.p-index-content04 .p-article12 a:hover .p-article12__img::before { background: rgba(0, 0, 0, 0.4)!important; opacity: 1;  }

.p-index-content04 .p-article12 .fadeUp { -webkit-animation-delay: .5s; animation-delay: .5s; }

.p-index-content04 .p-article12__img { transform: translateY(0)!important; opacity: 0; }
.p-index-content04 .p-article12 a:hover .p-article12__img { opacity: 1; transition: 1.5s; }
.p-article12:first-child .p-article12__img { border-left: none;}

.p-index-content04 .p-btn { display: none;}
.p-index-content04 .smp_link { display: none; }

@media only screen and (max-width: 1199px){
  .p-index-content04 .p-article12__header { padding: 20px; }
  .p-index-content04 .p-three-box__item.w1 .p-article12__header { padding: 20px 70px; }
  .p-index-content04 .p-article12__header .title_iner { margin: 0; }
  .p-index-content04 .p-article12__header h3 { font-size: 2.7vw!important; margin-top: 10px;  margin-bottom: 5px; }
  .p-index-content04 .p-article12__sub { padding: 0; font-size: 1.7vw!important;}
  .p-index-content04 .p-article12__desc { font-size: 1.4vw;}
}

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

}
@media only screen and (max-width: 767px){
  .p-index-content04 .p-cb__item-header .inner { padding: 20px 10px; }
  .p-index-content04 .l-inner .wrap { width: 100%; }
  .p-index-content04 .p-cb__item-title { font-size: 2rem!important; }
  .p-index-content04 .p-cb__item-sub { font-size: 1rem!important; }

  .p-index-content04 .l-inner { padding: 0!important; }
  .p-index-content04 .p-three-box__item.w2 { width: 100%; }
  .p-index-content04 .p-three-box__item { height: auto; }
  .p-index-content04 .p-three-box__item.lineanime:before, .p-index-content04 .p-three-box__item:after { border: 0; }
  .p-index-content04 .p-article12__header { position: relative; height: auto; display: block; padding: 30px 30px 0; }
  .p-index-content04 .p-article12__img { position: relative; display: block; opacity: 1; height: 30vw; min-height: 180px; }
  .p-index-content04  .p-article12__img::before { opacity: 0.3; background: #000; }
  .p-index-content04 .p-article12__header .content_inner { width: 100%; padding: 0; margin: 0; height: 100%; }
  .p-index-content04 .p-article12__desc { font-size: 0.9rem!important; }
  .p-index-content04 .p-article12__header .title_iner { position: absolute; top: -50%; left: 25%; transform: translate(-25%, -50%); width: 80%;}
  .p-index-content04 .p-article12__header h3 { font-size: 1.5rem!important; color: #fff!important;}
  .p-index-content04 .p-article12__sub { font-size: 1rem!important; color: #fff!important;  }
  .p-index-content04 .p-three-box__item.w1 .p-article12__header{ display: block; padding: 30px 30px 0; }
  .p-index-content04 .p-three-box__item.w1 .p-article12__header .title_iner{ position: absolute; top: -50%; left: 25%; transform: translate(-25%, -50%); width: 80%; margin: 0; }
  .p-index-content04 .p-three-box__item.w1 .p-article12__header .content_inner{ width: 100%; margin: 0; }

  .p-index-content04 .p-article12 a:hover .p-article12__desc { color: #000; }
  .p-index-content04 .p-article12 .next_page { display: none; }
  .p-index-content04 .smp_link { display: block; position: relative; text-align: center; /*position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);*/  margin: 10px auto 30px; height: 45px!important;}
  .p-index-content04 .p-article12 .pc_link{ pointer-events:none; height: auto; }
}
/*--- PRODUCT -----------------------*/
.p-index-content06 { z-index: 0; position: relative; display: block; background: transparent!important; width: 100%; max-width: 100%; margin: 12.5vw 0; padding: 0 0 10vw; margin-bottom: 0; }
.p-index-content06:before {
  content:""; position: absolute; top: 40px; right: -2.3%; width: 100%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/product_bk.png') no-repeat right top; 
  background-size: contain; z-index: -1; opacity: 0; transition: opacity .5s .3s;
}
.p-index-content06.cross_appear:before{ opacity: .5; }

.p-index-content06 .bg_inner { position: relative; width: 100%; height: 100%; }
.p-index-content06 .bg_inner:after { position: absolute; z-index: -1;  content: '';  top: 80px;  right: -30%;  width: 0;  height: 40vw;  background: #277781; opacity: .5; transform: rotate(-15deg); transition: width 1s .2s;}
.p-index-content06 .bg_inner:before { position: absolute; z-index: -2;  content: '';  top: 150px;  left: -30%;  width: 0;  height: 40vw;  background: #eff3f9; transform: rotate(15deg); transition: width 1s .5s;}

.p-index-content06.cross_appear .bg_inner:after { width: 150%; }
.p-index-content06.cross_appear .bg_inner:before { width: 150%; }

.p-index-content06 .p-cb__item-header { width: 300px; padding: 20px 0; margin: 0 auto 50px; -webkit-animation-delay: .75s; animation-delay: .75s; }
.p-index-content06 .p-cb__item-header h2 { width: 100%; margin: 10px 0 20px ; text-align: left; font-size: 2.7rem!important; color: #1b535a!important; }
.p-index-content06 .p-cb__item-header .p-cb__item-sub { width: 100%; margin-bottom: 0; margin: 20px 20px 0 auto; line-height: 2; text-align: left; border-top: 1px solid #1b535a; color: #1b535a!important; }
.p-index-content06 .p-cb__item-header .p-cb__item-sub span { display: block; width: 100%; text-align: right; }
.p-index-content06 .p-cb__item-header .p-cb__item-desc { width: 100%; margin-bottom: 0; margin: 30px auto; }


.p-index-content06 .p-works-list {
  width: 1450px; max-width: 90%; margin: 0 auto;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
  -ms-flex-pack: distribute; justify-content: space-around;
  -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
}
.p-index-content06 .p-works-list__item{ position: relative; padding: 0; margin: 0 20px 0 0;  width: calc(33.3% - 20px); max-width: 450px; height: auto; clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 0 100%);}
.p-index-content06 .p-works-list__item:nth-of-type(1) { top: 0px; }
.p-index-content06 .p-works-list__item:nth-of-type(2) { top: 0px; }
.p-index-content06 .p-works-list__item:nth-of-type(3) { margin: 0; top: 0px;}


.p-index-content06 .p-works-list__item a { display: block; overflow: hidden; position: relative; }
.p-index-content06 .img_area { position: relative; width: 100%; overflow: hidden;  }
.p-index-content06 .img_area:before { content:""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; transition: .3s; transform: translateY(100%); background: #eff3f9; }
.p-index-content06 .img_area img { width: 100%; height: 22vw; max-height: 400px; min-height: 200px; object-fit: cover; }
@media all and (-ms-high-contrast: none) {
	.p-index-content06 .img_area img { object-fit: contain; height: 18vw; min-height: 250px; }
}

.p-index-content06 .img_area h3 { background: #fff; margin: 0; padding: 20px 10px; transition: .1s;}
.p-index-content06 .p-works-list__item a:hover img { transform: scale(1.0);}
.p-index-content06 .p-works-list__item a:hover .img_area:before { opacity: .8; transform: translateY(0);}
.p-index-content06 .p-works-list__item a:hover .img_area h3 { color: transparent; }

.p-index-content06 .content_area { display: block; width: 100%; height: 100%; background: transparent; z-index:3;  padding: 50px 50px 10px; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s;}
.p-index-content06 .content_area .inner { width: 100%; height: calc(100% - 80px); margin: 0 0 10px; }
.p-index-content06 .content_area .more_btn { margin-left: calc(100% - 200px); }
.p-index-content06 .p-works-list__item a:hover .content_area{ opacity: 1; }
.p-article06__title { text-align: center; font-size: 1.5rem; font-weight: normal; margin-bottom: 10px; }
.p-article06__excerpt { margin-bottom: 10px; font-size: 0.9rem!important; }


.p-index-content06 .all_view { display: block; width: 100%; margin: 50px 0 0; opacity: 0; transition: opacity .1s .1s; }
.p-index-content06.cross_appear .all_view { opacity: 1; transition: opacity .75s 1.5s;}
.p-index-content06 .all_view .more_btn { display: block; width: 240px; margin: 0 auto;}
.p-index-content06 .all_view .more_btn:before, .p-index-content06 .all_view .more_btn:after { content: none!important; }

.p-index-content06 .p-works-list__item .ribbon { display :none; position: absolute; top: -1px; left: 0; width: 60px; height: 80px; background: url('https://www.nichijosys.com/wp-content/uploads/rank_2.png') no-repeat center bottom; }
.p-index-content06 .p-works-list__item:first-child .ribbon { background: url('https://www.nichijosys.com/wp-content/uploads/rank_1.png') no-repeat center bottom; }
.p-index-content06 .p-works-list__item:last-child .ribbon { background: url('https://www.nichijosys.com/wp-content/uploads/rank_3.png') no-repeat center bottom; }
.p-index-content06 .ribbon .inner { font-size: 2rem; color: #fff; font-weight: bold; padding: 7px; text-align: center;}


@media only screen and (max-width: 1399px){
  .p-index-content06 .bg_inner:before, .p-index-content06 .bg_inner:after { height: 50vw;}
  .p-index-content06 .p-works-list { width: 98%; max-width: 100%; }
  .p-index-content06 .img_area img { height: 25vw; }
  h3.p-article06__title{ font-size: calc(1.4vw + 0.2rem)!important;  }
}
@media only screen and (max-width: 1299px){
  .p-index-content06 .p-cb__item-header { margin: 0 auto 2vw; }
  .p-index-content06 .p-works-list__item { width: calc(33.3% - 10px); margin: 0 10px 0 0; }
  .p-index-content06 .content_area { padding: 30px 30px 10px;}
}
@media only screen and (max-width: 1199px){
	
}
@media only screen and (max-width: 991px){
  .p-index-content06 .content_area { display: none; }
  .p-index-content06 .img_area:before { display: none; }
  .p-index-content06 .p-works-list__item a:hover .img_area h3 { color: #000; }
}
@media only screen and (max-width: 767px){
  .p-index-content06 { margin: 100px 0; }
  .p-index-content06 .p-cb__item-header { margin: 0 auto; }
  .p-index-content06 .p-cb__item-header h2 { font-size: 2rem!important; }
  .p-index-content06 .p-cb__item-header .p-cb__item-sub { font-size: 1rem!important; }
  .p-index-content06 .bg_inner:before, .p-index-content06 .bg_inner:after { height: 75vh;}
  .p-index-content06:before { top: 0; right: auto; left: -2.5%; width: 105%; height: 18vw; }
  .p-news-tab-list__tabs-wrapper { overflow-x: hidden!important; overflow-y: hidden!important; }

  .p-index-content06.cross_appear .bg_inner:before, .p-index-content06.cross_appear .bg_inner:after { transform: rotate(0); width: 100%; height: 102%;  }
  .p-index-content06.cross_appear .bg_inner:before { top: 50px; left: -20% }
  .p-index-content06.cross_appear .bg_inner:after { top: 0; right: -60% }

  .p-index-content06 .p-works-list { display: block; width: 100%; }
  .p-index-content06 .p-works-list__item { display: block; width: 100%; max-width: 100%; margin: 0; -webkit-animation-delay: 0.2s!important; animation-delay: 0.2s!important; clip-path: none; }
  .p-index-content06 .img_area h3 { display: none; }
  .p-index-content06 .content_area {
    display: block; position: relative; top: 0; left: 0; transform: none; min-height: 180px; padding: 30px; 
    background: #fff; border: 1px solid #dedede; border-top: 0; opacity: 1;
  }
  .p-article06__excerpt { display: block; font-size: 0.9rem!important; }
  h3.p-article06__title { font-size: 1.3rem!important; margin: 5px 0 10px;  }
  .p-index-content06 .content_area .more_btn { display: block; margin: 0 auto;  }
  .p-article06__img{ margin-bottom: 0; }
  .p-index-content06 .all_view { display: none; }

}

/*--- NEWS -----------------------*/
.p-index-content03 { position: relative; width: 100%; max-width: 100%; background: transparent; margin: 7.5vw auto 0; padding: 0 0 6vw; -webkit-animation-delay: .5s; animation-delay: .5s; }
.p-index-content03:before {
  content:""; position: absolute; top: -3.5vw; left: 7%; width: 100%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/topics_bk.png') no-repeat left top; 
  background-size: contain; z-index: -1; opacity: 0; transition: opacity .5s .3s;
}
.p-index-content03.fadeUp:before{ opacity: .5; }
.p-index-content03 .all_view { display: none; }


.p-index-content03 .news_wrap { position: relative; display: block; width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 0 60px; }

.p-index-content03 .p-cb__item-header { width: 100%; height: auto; padding: 0; margin-bottom: 50px; background: transparent; }
.p-index-content03 .p-cb__item-header .title_inner { width: 300px; max-width: 100%; }
.p-index-content03 .p-cb__item-title { width: 100%; margin: 0; text-align: left; font-size: 2.7rem!important; margin: 10px 0 20px; }
.p-index-content03 .p-cb__item-sub { width: 100%; margin-bottom: 0; margin: 0 20px 0 auto; line-height: 2; text-align: left; border-top: 1px solid #1b535a; }
.p-index-content03 .p-cb__item-sub span { display: block; width: 100%; text-align: right; }
.p-index-content03 .next_page .btn_wrap:before { line-height: 2; border-bottom: 60px solid #277781;}
.p-index-content03 a.more:hover .next_page .btn_wrap:before { border-bottom:60px solid #cccfd9; transition: .7s;}
.p-index-content03 a.more:hover .next_page span { color: #000; }

.p-news-tab-list__panel { width: 80%; /*min-height: 350px;*/ background: transparent; }
.p-news-tab-list {
  width: 100%; min-height: 300px;margin-bottom: 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
}

/* news_item */
.p-news-list__item { background: transparent;; border: 0; padding: 5px 0; margin: 0 0 10px; }
.p-article04__date { display: block; color: #223a70; font-size: 0.9rem!important; font-weight: normal; margin-bottom: 0;}
.p-article04 a { line-height: 1.7; display: block;}
.p-article04__title { font-size: 1rem!important; }

.p-news-list__item a.under-l { position: relative; width: calc(100% - 25px); height: auto; padding: 0 0 5px; margin: 0 25px; }
.p-news-list__item a.under-l:after, .p-news-list__item a.under-l:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background:#ccc; }
.p-news-list__item a.under-l:before { width: 0%; background: #ff0000; transition: width .7s; z-index: 3; }
.p-news-list__item a.under-l:hover:before { width: 100%; }
.p-news-list__item a.under-l:hover, .p-news-list__item a.under-l:hover h3{ color: #000!important; }


/* tab */
.p-news-tab-list__tabs-wrapper { width: 180px; min-width: 180px; margin-left: 32px; margin-top: 5px;  }
.p-news-tab-list__tabs, .p-news-tab-list__tabs2 { display: block; width: auto; background: transparent; }
.p-news-tab-list__tabs-item { width: 100%; margin-bottom: 3px; font-size: 1rem; }
/*
.p-news-tab-list__tabs-item.acv_news{ display: none; }
.p-news-tab-list h3{ position: relative; line-height: 2; margin-bottom: 3px; padding: 5px 15px; font-size: 1.3rem!important; color: #277781; }
.p-news-tab-list h3:before { content: none; position: absolute; top: 0; left: 0; width: 2px; height:100%; background: #277781; }
*/
.p-news-tab-list__tabs-item a { text-align: left; height: auto; line-height: 2; padding: 5px 15px; border: none; background: transparent; color: #277781;}
.p-news-tab-list__tabs-item.is-active + .p-news-tab-list__tabs-item a { border: none; }
.p-news-tab-list__tabs-item a:hover { background: #277781; border: none; color: #ffffff; transition: .7s;}
.p-news-tab-list__tabs-item.is-active a { background: #277781; border: none; color: #fff; pointer-events:none; }

@media only screen and (max-width: 1199px){
  .p-index-content03 { width: 90%; max-width: 100%;  }
}
@media only screen and (max-width: 991px){
  .p-index-content03:before { left: -2%; }
  .p-news-tab-list { display: block; width: calc(100% - 40px); margin: 0 20px; }
  .p-news-tab-list__tabs-wrapper { width: 100%; margin: 10px 0!important; }
  .p-news-tab-list__tabs, .p-news-tab-list__tabs2 {
    width: 100%;
    display:-webkit-box; display:-ms-flexbox; display:flex;
  }
  .p-news-tab-list__tabs-item { background: #e1e4e7; margin-right: 3px;}
  .p-news-tab-list__panel { width: 100%; margin: 0; }
  .p-news-list__item a.under-l { margin: 0; width: 100%; }
  .p-index-content03 .more { display: none; }
  .p-index-content03 .all_view { display: block; margin-right: 0 auto; text-align: center;  }
  .p-index-content03 .all_view .more_btn:before, .p-index-content03 .all_view .more_btn:after { content: none; }

}
@media only screen and (max-width: 767px){
  .p-index-content03 .p-cb__item-header { margin-bottom: 25px; }
  .p-index-content03 { width: 95%; }
  .p-news-tab-list { display: block; width: calc(100% - 20px); margin: 0 10px; }
  .p-news-tab-list__tabs-item { font-size: 0.9rem; }
  .p-index-content03 .p-cb__item-title { font-size: 2rem!important; }
  .p-article04__title { font-size: 0.9rem!important; }

}
@media only screen and (max-width: 500px){
  .p-news-tab-list__tabs, .p-news-tab-list__tabs2 {
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .p-news-tab-list__tabs-item { width: calc(50% - 3px); }

}
/*--- BANNER -----------------------*/
.p-index-content05 { width: 100%; max-width: 100%; padding: 0; background: #ededed; }
.p-index-content05__item { width: 50%; position: relative;  }
.p-index-content05__item-banner { margin-bottom: 0; }
.p-index-content05__item-banner img { width: 100%; height: 35vh;}

.p-index-content05 .p-article11__content {
  transform: translate(-50%, -50%) ;
  position: absolute; top: 50%; left: 50%; width: 50%; height: 50%;  padding: 20px;
  z-index: 2; border: .5px solid #fff; background: rgba(255,255,255, 0.5)!important;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.p-index-content05 .p-article11__title { position: relative; text-align: center!important; line-height: 1.5; font-size: 2rem; }
.p-index-content05 .p-article11__sub { text-align: center!important; font-size: 18px; line-height: 1.5; }
.p-article11 a:hover .p-article11__title, .p-article11 a:hover .p-article11__sub { padding-left: 0; color: #000; transition: 1.5s;}



/*--- PRODUCT ANOTHER-----------------------*/
.p-index-content08 { display: none;  height: 48vw; min-height: 600px; width: 100%; margin-top: 200px; margin-bottom: 0; padding: 0; background: #ededed!important; }
.p-index-content08 .p-cb__item-header { position: absolute; top: -50px; width: 95%; height: 50%; margin: 0 auto 0 0; padding: 0; text-align: left; }
.p-index-content08 .title_inner { width: 100%; height: 100%; margin: 0; padding: 0; position: relative; }
.p-index-content08 .title_wrap { width: 300px; padding: 50px 0; margin: 0 auto 0 10%; text-align: left; }
.p-index-content08 .p-cb__item-header h2 { width: 100%; margin: 0; text-align: left; color: #fff; }
.p-index-content08 .p-cb__item-header .p-cb__item-sub { width: 100%; margin-bottom: 0; margin: 20px 20px 0 auto; line-height: 2; text-align: left; border-top: 1px solid #ffffff; color: #fff;  }
.p-index-content08 .p-cb__item-header .p-cb__item-sub span { display: block; width: 100%; text-align: right; }
.p-index-content08 .p-cb__item-header .p-cb__item-desc { width: 100%; margin-bottom: 0; margin: 30px auto; }

.p-index-content08 .p-works-list { position: absolute; top: 115px; right: 0;  width: 95%; margin: 0 0 0 auto; padding: 0; background: rgba(255,255,255, 1); }
.p-index-content08 .p-works-list.fadeRight { -webkit-animation-delay: .3s; -webkit-animation-duration: .75s; animation-delay: .3s; animation-duration: .75s; }

.p-index-content08 .p-works-list ul {
  padding: 50px 30px 50px 0; margin: 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
}
.p-index-content08 .pro_area{ position: relative; width: calc(33.333% - 30px); height: auto; min-height: 300px; margin: 0 0 0 30px; padding: 0; overflow: hidden; }
.p-index-content08 .pro_area .img_wrap { margin: 0; }
.p-index-content08 .pro_area img { width: 100%; height: 100%; }
.p-index-content08 .pro_area .content { border-left: 0; }
.p-article08__content { border-left: 0; padding: 15px; position: relative; min-height: 220px;}
.p-article08__content .btn_area { position: absolute; bottom: 0; left: 0; overflow: unset; }
.p-article08__title { margin: 0 0 10px; }
.p-article08__excerpt { margin: 0 0 10px; line-height: 1.7; }


.p-index-content08 .btn a { border: 1px solid #020e42; padding: 10px; text-align: right; width: fit-content; margin: 0 0 0 auto; }


/* ----------------------------------------------------------------------
  ALL-COMMON
---------------------------------------------------------------------- */
.p-breadcrumb { margin-top: 80px; display: block!important; height: 60px; line-height: 60px;  }
.p-breadcrumb__item { font-size: 0.9rem!important; }
.cat_area { display: none; }

.p-latest-works__headline { background: #277781!important; color: #fff!important; font-weight: normal; padding: 20px; line-height: 1.7; }
.p-list > .p-list__item a { background: #fff; transition: 0.2s; font-size: 0.85rem!important; }
.p-list > .p-list__item a:hover:before { left: -4px; }
.p-list .is-current > a { background: #f8f8f8; pointer-events:none; }
.p-list__item.is-current > a::before { left: -1px!important; }
.p-list a:hover{ padding-left: 30px; background: #f8f8f8; }

.p-cover__title, .p-page-header__title { font-size: 2.6rem!important; color: #fff!important; width: 100%; text-align: left; }
.p-cover__sub, .p-page-header__sub
 { font-size: 1.3rem!important; font-weight: normal; color: #fff!important; padding: 10px 0 0; border-top: 1px solid #fff; width: 100%; text-align: right; }

.p-service-entry { padding: 0 0 40px; }
.p-entry__body p { font-size: 1rem!important; line-height: 2.0; margin-bottom: 20px; }

.l-secondary { margin-bottom: 50px;  }
.l-secondary p { font-size: 0.85rem!important; }
.l-secondary time { font-size: 0.8rem!important; }
.l-secondary .p-banners-list__item a { position: relative; display: block; width: 100%; height: 100%; }
.l-secondary .p-banners-list__item a:before { content:""; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); width: 100%; height: 100%; }
.l-secondary .p-banner p { font-size: 1rem!important; color: #fff; font-weight: normal; }


@media only screen and (max-width: 1199px){
  .p-breadcrumb { margin-top: 60px; height: 65px; line-height: 65px; z-index: 20; }
}
@media only screen and (max-width: 991px){
  .p-breadcrumb { position: absolute; top: 120px; left: 0; margin: 0; padding: 0 50px; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede; }
  .header_area .p-list { display: none; }
  .cat_area { display: block; margin-bottom: 25px;  }
  .p-list > .p-list__item a:hover { background: #f8f8f8; padding-left: 20px; }
  
  .p-cover__title, .p-page-header__title { width: auto; font-size: 1.4rem!important; position: relative; height: 60px; line-height: 60px; }
  .p-cover__sub, .p-page-header__sub { margin: 0; padding: 4px 0 0 20px; border-top: 0; text-align: left; width: auto; font-size: 0.9rem!important; }
  .p-cover__inner {
    position: relative;
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
    -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  }
  
  .l-primary { padding: 100px 0 0; margin-bottom: 25px!important; }
  .home .l-primary { margin-bottom: 0!important; }
  .l-secondary {
    width: 100%; margin-bottom: 25px; padding-top: 0;
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  }
  .l-secondary::before { content: none; }
  .l-secondary .sub_area { width: 48%; background: transparent;  }
	.p-service-entry { padding: 0; }
}
@media only screen and (max-width: 767px){
  .p-breadcrumb { padding: 0 20px; }
  .p-breadcrumb__item { font-size: 0.8rem!important; }
  .sub_area { background: transparent; }
  .sub_area .headline { padding: 10px 20px; }
  .cat_area .p-list{ position: relative; top: auto; left: auto; width: 100%;  }
  
  .l-primary { padding: 80px 0 0; }
  .l-secondary { display: block; margin: 0; }
  .l-secondary .sub_area { width: 100%; margin: 0; padding-bottom: 0;  }
	.l-secondary .cat_area { margin: 0 0 40px; }
  .l-secondary .p-banner p { font-size: 0.9rem!important; }
  .p-entry__body p { font-size: 0.9rem!important; }
  .p-list a::before { display: block; }
  
}
@media only screen and (max-width: 499px){
  .l-primary { padding: 80px 0 0; }
	.home .l-primary { padding: 0; }
}

/* ----------------------------------------------------------------------
  ARCHIVE-COMMON(company, news)
---------------------------------------------------------------------- */
.post-type-archive .header_area, .tax-news_category .header_area
 { position: relative; padding: 150px 0 0 10vw; margin: 0 0 150px; }
.post-type-archive .header_area .header_inner, tax-news_category .header_area .header_inner
 { position: relative;}
.post-type-archive .header_area .content_area, .tax-news_category .header_area .content_area
 { position: relative; margin: 50px 0 0; }

.post-type-archive .l-main:before, .tax-news_category .l-main:before
 { content: ""; background: #eff3f9!important; position: absolute; top: 0; right: 0; width: 57%; height: 100%; }
.post-type-archive .header_area .p-archive-header, .tax-news_category .header_area .p-archive-header
 { width: 43%; height: 33vw; position: relative; z-index: 1; 
   padding: 30px 110px 30px 50px; box-shadow: none; margin: 0; background: transparent;
   display:-webkit-box; display:-ms-flexbox; display:flex;
   -webkit-box-align: center; -ms-flex-align: center; align-items: center;
 }
.post-type-archive h2.p-archive-header__title, .tax-news_category h2.p-archive-header__title
 { text-align: left; width: 100%; font-size: 2rem!important; margin-bottom: 30px; }
.post-type-archive .header_area .p-archive-header__desc, .tax-news_category .header_area .p-archive-header__desc
 { text-align: left; width: 100%; font-size: 1rem!important; line-height: 2; }
.post-type-archive .p-archive-header:before, .p-archive-header:after, .tax-news_category .p-archive-header:before, .tax-news_category:after
 { content: none;}

.post-type-archive .p-cover__inner, .tax-news_category .p-cover__inner
 { margin: 0 100px 0 0;  width: 400px; max-width: 80%; }
.post-type-archive .p-cover__title, .post-type-archive .p-page-header__title { width: 100%; text-align: left; font-size: 3.8rem!important; color: #1b535a!important; }
.post-type-archive .p-cover__sub, .post-type-archive .p-cover__header-sub, .post-type-archive .p-page-header__sub
 { width: 100%; margin: 5px 0 0; text-align: right; line-height: 2; border-top: 1px solid #277781; font-size: 1.5rem!important;  color: #1b535a!important; font-weight: normal; }
.post-type-archive .l-contents__inner, .tax-news_category .l-contents__inner
 { position: relative; background: transparent; padding: 0 0 100px; }

@media only screen and (max-width: 991px){
  .post-type-archive .l-primary, .tax-news_category .l-primary { padding: 0; }
  .post-type-archive .p-cover__inner, .tax-news_category .p-cover__inner { display: block; width: 100%; max-width: 100%; }
	.post-type-archive .header_area .p-archive-header, .tax-news_category .header_area .p-archive-header{ height: auto; }
}
@media only screen and (max-width: 991px){
  .post-type-archive .p-cover__title, .post-type-archive .p-page-header__title, .tax-news_category .p-page-header__title { font-size: 2rem!important; height: 40px; line-height: 40px; }
  .post-type-archive .p-cover__sub, .post-type-archive .p-cover__header-sub, .p-page-header__sub { font-size: 1rem!important; }
  .post-type-archive h2.p-archive-header__title, .tax-news_category h2.p-archive-header__title { font-size: 1.3rem!important; }
  .post-type-archive .header_area .p-archive-header__desc, .tax-news_category .header_area .p-archive-header__desc { font-size: 0.9rem!important; }
}


/* ----------------------------------------------------------------------
  TAX-COMMON(product, service)
---------------------------------------------------------------------- */
.tax-works_category .l-contents, .tax-service_category .l-contents { padding-top: 0; border-top: 0; border: 0; }
.p-cat-list { padding: 0; }
.p-cat-list__title { font-size: 2rem!important; font-weight: normal; }
.p-cat-list__desc{ font-size: 0.95rem!important; line-height: 1.7; padding: 0 50px 40px;}


.p-cat-list { position: relative; min-height: calc(100% - 50px); background: #eff3f9; }
.p-cat-list article { position: relative; background: transparent; }
.p-cat-list .p-article07__img { position: relative; width: 100%; max-height: 220px; overflow: hidden; }
.p-cat-list .p-article07__img img { width: 100%; height: auto; }
.p-cat-list .p-article07__content { display: block;  background: #fff; padding: 20px 20px 30px; min-height: 265px;  }
.p-cat-list .p-article07__title {
  width: 100%; text-align: center; min-height: 60px; background: transparent; margin-bottom: 10px; padding-top: 0; font-size: 1.3rem!important; font-weight: normal;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.p-cat-list .p-article07__excerpt { margin-bottom: 20px; font-size: 0.95rem!important; line-height: 1.7; min-height: 80px; }
.p-cat-list .more_btn { display: block; margin: 0 auto; }
.p-works-list .more_btn:before, .p-works-list .more_btn:after, .p-cat-list .more_btn:before, .p-cat-list .more_btn:after{ content: none; }

.p-cat-list__list-item{ width: calc((100% - 62px) / 2); }

@media only screen and (max-width: 1099px){
  .p-cat-list__list-item { margin: 0 10px 30px; width: calc((100% - 52px) / 2); }
  .p-cat-list .p-article07__title { font-size: 1rem!important; min-height: 40px; margin-bottom: 20px; }
  .p-cat-list .p-article07__excerpt { font-size: 0.9rem!important; }
}
@media only screen and (max-width: 991px){

  .p-cat-list__title { position: relative; width: 100%; margin: 0 auto 40px; padding: 0; }
  .p-cat-list__title:before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 90%; }
  .p-cat-list { background: transparent; }
  .p-cat-list .p-article07__content { background: #eff3f9; }
  .p-page-header { margin: 0 -7%; height: 60px; padding: 0 7%; }
  .second_inner {
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  }
  .second_inner .cat_area { width: 48%; background: transparent;  }
  .second_inner .l-secondary { width: 48%; margin: 0 0 40px; }

}
@media only screen and (max-width: 767px){
	.p-cat-list__list-item { margin: 0 0 30px; width: 100%; }
  .p-cat-list__title { font-size: 1.3rem!important;margin: 0 auto 20px; }
	.p-cat-list__desc { font-size: 0.9rem!important; padding: 0 10px 30px; }
  .second_inner { display: block; }
  .second_inner .cat_area { width: 100%; margin: 0 0 40px;  }
  .second_inner .l-secondary { width: 100%; margin: 0 0 40px; }
  .second_inner .p-banners-list {
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; 
    -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .second_inner .p-banners-list__item { width: 48%; margin: 0 0 20px; }
  

}
@media only screen and (max-width: 449px){
  .second_inner .p-banners-list { display: block; }
  .second_inner .p-banners-list__item { width: 100%; }
}
/* ----------------------------------------------------------------------
  SINGLE-COMMON(company, news)
---------------------------------------------------------------------- */
/*.single h2 { font-size: 2rem!important; }*/
.single .l-contents { padding-top: 0; border-top: 0; overflow: hidden; }
.single .p-entry__title { font-size: 2rem!important; }
.single .p-nav01__item { font-size: 1rem!important;  }
.single .p-nav01__item a:hover { background: #277781!important; color: #fff!important; }
.single .p-nav01__item--prev:hover::before, .p-nav01__item--next:hover::after { color: #fff!important; }
.single p-entry__body { margin-bottom: 50px; }


@media only screen and (max-width: 991px){
  /*.single h2 { font-size: 1.3rem!important; }*/
  .l-contents--grid .l-contents__inner, .l-contents--grid-rev .l-contents__inner { margin-top: 60px;  }
  .single .p-page-header { margin: 0 -7%; height: 60px; padding: 0 50px; }
  .single .p-entry__inner { padding: 0; }
  .single .p-nav01__item { height: 48px; line-height: 48px; }
  
  .single a.side_line:hover:after { width: 100%; }

}
@media only screen and (max-width: 767px){
  .single .p-entry { margin: 0; }
  .single .p-page-header { margin: 0 -20px; padding: 0 20px; }
  .single .p-entry__title { font-size: 1.3rem!important; }
  .l-contents--grid .l-contents__inner, .l-contents--grid-rev .l-contents__inner { padding-bottom: 50px;  }
  .single .p-nav01__item { font-size: 0.9rem!important; }
}


/* ----------------------------------------------------------------------
  NEWS(archive)
---------------------------------------------------------------------- */
/*--- header -----------------------*/
.tax-news_category .p-cover__title, .tax-news_category .p-page-header__title { width: 100%; text-align: left; font-size: 3.8rem!important; color: #1b535a!important; }
.tax-news_category .p-cover__sub, .tax-news_category .p-cover__header-sub, .tax-news_category .p-page-header__sub
 { width: 100%; margin: 5px 0 0; text-align: right; line-height: 2; border-top: 1px solid #277781; font-size: 1.5rem!important;  color: #1b535a!important; font-weight: normal; }

.post-type-archive-news .l-main, .tax-news_category .l-main { position: relative;}
.post-type-archive-news .p-breadcrumb, .tax-news_category .p-breadcrumb { display: none!important; }
.news_content .l-inner { display: block; }
.news_content .header_area { margin: 0 0 100px; }
.news_content .p-page-header { width: 100%; height: auto; background: transparent; padding: 0;}
.news_content .l-contents__inner { position: relative; width: 100%; height: 100%; }
.news_content .l-contents__inner:before {
  content:""; position: absolute; top: -100px; right: -10vw; width: 70%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/topics_bk.png') no-repeat right top; 
  background-size: contain; z-index: -1; /*opacity: 0; transition: opacity .5s .3s;*/
}

.p-news-tab-list__panel { margin: 0 0 50px; }
.p-news-tab-list__tabs-wrapper { margin: 5px 25px 0 30px; }
.p-news-tab-list__tabs-item a:hover { background: transparent; }

@media only screen and (max-width: 1399px){
  .news_content .l-contents__inner:before { right: -2px; }
  .news_content .header_area { margin: 0 5% 100px; padding: 150px 0 0; }
  .news_content .l-contents__inner { margin: 0 5%; width:calc(100% - 10%); }
  .p-news-tab-list__tabs-wrapper { margin: 5px 0 0 30px; }
}
@media only screen and (max-width: 991px){
  .news_content .l-contents__inner { padding: 0 0 15vw; }
  .news_content .l-contents__inner:before { top: -22vw; width: 90%; }
  .news_content .header_area { padding: 15vw 0 0; margin: 0 5% 10vw}
  .news_content .p-page-header { margin: 0; }
	.tax-news_category .p-cover__title, .tax-news_category .p-page-header__title{ font-size: 2rem!important; height: 40px; line-height: 40px; }
}
@media only screen and (max-width: 499px){
 .news_content .l-contents__inner { margin: 0 2.5%; width:calc(100% - 5%); }
 .news_content .l-contents__inner:before { top: -25vw; }
}



/* ----------------------------------------------------------------------
  NEWS(single)
---------------------------------------------------------------------- */
.single-news .l-secondary .p-headline { border-top: 0; background: #277781; color: #ffffff; font-weight: normal; padding: 20px; }
.single-news .l-secondary .p-news-list__item { border: 1px solid #dedede; border-top: 0; margin: 0; padding: 0;}
.p-entry__header .single-news time, .p-entry__header .single-news p { font-size: 1rem!important; }
.single-news .p-list { display: none!important; }
.single .p-news-list a { padding: 8px 25px; transition: 0.2s;}
.single .p-news-list a:hover { background: #f8f8f8; }
.single-news .p-entry__img { display: none; }

@media only screen and (max-width: 991px){
  .p-latest-news { width: 100%; }
}
@media only screen and (max-width: 767px){
  .single-news time, .single-news p { font-size: 0.9rem!important; }
}

/* ----------------------------------------------------------------------
  COMPANY(archive)
---------------------------------------------------------------------- */

.company_content .fadeUpTrigger{ opacity: 1; }
.company_content .fadeUp{ -webkit-animation: none; animation: none; }

body.post-type-archive-company { position: relative; }
.company_content .header_area .header_inner { position: relative; }
.company_content .header_area .header_inner:before {
  content:""; position: absolute; top: -5px; right: 0%; width: 70%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/company_bk.png') no-repeat right top; 
  background-size: contain; z-index: -1;
}

.company_content .header_area .img_area { width: 57%; height: 33vw; position: absolute; top: 130px; right: 0; z-index:5; }
.company_content .header_area .img_area .wrapper { width: 100%; height: 100%; position: relative; }
.company_content .header_area .img_area .bg_img { 
  display: block; position: absolute; top: 0; left: 0; margin: 0; width: 0%; height: 100%; background-color: #277781; 
  transition: width .5s 0.2s, transform .5s 1.2s;
}
.company_content .header_area .img_area .cross_appear .bg_img { width: 100%; transform: rotate(-3deg); }
.company_content .header_area .img_area .inner { position: absolute; top: 0; left: 0; width: 0; height: 100%; margin: 0; transition: width .5s .8s; overflow: hidden; }
.company_content .header_area .img_area .cross_appear .inner { width: 100%; }
.company_content .header_area .img_area .img { position:absolute; top: 0; left: 0; height: 100%; }


body.post-type-archive-company .l-contents__inner { width: 100%; max-width: 100%; }
.p-company-list { width: 92.1875%; max-width: 1180px; margin: 0 auto 150px; }
.p-company-list article { width: 100%; margin: 0 0 80px; position: relative; }
.p-company-list article:nth-child(even):before { right: auto; left: 0;}
 
.p-company-list article:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.p-company-list article .img_area { position: relative; overflow: unset; width: 640px; max-width: 640px; height: 420px; max-height: 420px; margin: 0 auto 0 50px; }
.p-company-list article .img_area img { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.p-company-list article:nth-child(even) .img_area { margin: 0 30px 0 auto; }
.p-company-list article .content_area { 
	background: #fff; width: 45%; height: auto; min-height: 300px; margin: 50px 0;  
	position: absolute; z-index: 2; top: 0; bottom: 0; right: 30px;
}
.p-company-list article .content_area .inner { position: relative; width: 100%; height: 100%; background: #fff; z-index: 2; padding: 50px;}
.p-company-list article .content_area:before { content:""; position: absolute; top: 10px; right: -10px; width: 100%; height: 100%; background: #277781; z-index: -2; }
.p-company-list article:nth-child(even) .content_area:before { right: auto; left: -10px;}

.p-company-list article:nth-child(even) .content_area { right: auto; left: 50px; }
article .p-article05__title { margin-bottom: 20px; font-size: 1.5rem!important; }
article .p-article05__sub { margin-bottom: 15px; font-size: 0.85rem!important; }
article .p-article05__desc { font-size: 0.95rem!important; font-weight: normal; margin-bottom: 30px; line-height: 1.7; }

.company_mini { position:relative; width: 90%; margin: 0 auto 0 0; padding: 50px; background: transparent; -webkit-animation-delay: .3s; animation-delay: .3s; }
.company_mini .bg_img { 
  display: block; position: absolute; top: 0; left: 0; margin: 0; width: 0; height: 100%; background-color: #277781; 
  transition: width .6s .9s;
}
.company_mini .cross_appear .bg_img { width: 100%; }
.company_mini .cross_appear .inner { width: 100%; }

.company_mini:before, .company_mini:after { content:""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fff; z-index: -1; }
.company_mini:before { background: #277781; z-index: -2; width: 130%;  }
.company_mini.deg_appear:before{ transform: rotate(-3deg); transition: .5s 1s; }
.company_mini .wrap {
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.company_mini article { width: calc(33.3% - 30px); margin: 0 30px 0 0; }
.company_mini .content_area { padding: 20px; }
.company_mini .img_area { margin: 0; }
.company_mini .img_area img { height: 17vw; }
.p-company-list__item .more_btn, .company_mini .more_btn { display: block; margin: 0 auto; }

@media only screen and (max-width: 1499px){
  .post-type-archive .company_content .header_area { width: 91.5%; padding: 150px 0 0; margin: 0 0 150px auto; }
  .post-type-archive .company_content .p-archive-header { width: 43%; padding: 30px; }
}
@media only screen and (max-width: 1299px){
  .p-company-list article .content_area { width: 50%; right: 0; }
  .p-company-list article:nth-child(even) .img_area { margin: 0 0 0 auto; }
  .company_mini { width: 98%; padding: 50px 30px; }
}
@media only screen and (max-width: 991px){
  .post-type-archive .company_content .header_area { width: 90%; padding: 15vw 0 0; margin: 0 5% 10px; }
  .post-type-archive .company_content .header_area .content_area { margin: 50px 0 25px; }
  .company_content .p-cover__inner { width: 90%; max-width: 90%; }
  .company_content .header_area .img_area { width: 100%; height: 55vw; position: relative; top: auto; left: auto; }
  .post-type-archive .company_content .p-archive-header { width: 100%; }
  .company_content .header_area .header_inner:before { width: 90%; height: 100px;}
	article .p-article05__title { font-size: 1.3rem!important; }

  .p-company-list { width: 90%; margin: 0 5% 13.5vw; }
  .p-company-list article { margin: 0 0 10vw; }  
  .p-company-list article .content_area .inner { padding: 30px; }
  .p-company-list article .img_area { width: 55%; height: 32vw; margin: 0; max-width: unset; max-height:unset; }
  .p-company-list article .content_area { width: 55%; height: 32vw; min-height: 280px; right: 0; margin: 30px 0 25px;}
  .p-company-list article:nth-child(even) .content_area { left: 0; }
  
  .company_mini .wrap{ display: block; }
  .company_mini article { 
    width: 100%; margin: 0 0 20px;
    display:-webkit-box; display:-ms-flexbox; display:flex;
  }
  .company_mini .img_area { width: 30%; }
  .company_mini .content_area { width: 70%; margin: 0; padding: 0 20px; position: relative; }
  article .p-article05__title { margin-bottom: 10px;}
  .company_mini .more_btn { position: absolute; top: 5px; right: 60px; }
}

@media all and (-ms-high-contrast: none)  {
	.company_content .fadeUp { opacity: 1!important; -webkit-animation-name: none; animation-name:none; }
}

@media only screen and (max-width: 767px){
  .company_content .fadeUpTrigger{  }
  .company_content .fadeUp{
    opacity: 0;
    -webkit-animation-name: fadeUpCom; -webkit-animation-duration: .75s; -webkit-animation-delay: .3s; -webkit-animation-fill-mode:forwards; 
    animation-name: fadeUpCom; animation-duration: .75s; animation-delay: .3s; animation-fill-mode:forwards; 
  }
  @keyframes fadeUpCom{
    from { opacity: 0; transform: translateY(100px); }
    to { opacity: 1; transform: translateY(0); }
  }

	
  .company_content .l-primary { margin-bottom: 50px!important; }
  .post-type-archive .company_content .header_area { margin: 0 20px 10px; width: calc(100% - 40px); }
  .company_content .l-contents__inner{ padding: 0 20px; }
  .company_content .p-cover__header { display: none; }
  .company_content .header_area .img_area { position: relative; top: auto; right: auto; width: 100%; }
  .company_content .header_area .img_area .p-cover { margin-top: 0; }
  .post-type-archive .company_content .p-archive-header{ height: auto; padding: 50px 0; }
  article .p-article05__title { margin-bottom: 15px; font-size: 1rem!important; }
  article .p-article05__sub { margin-bottom: 10px; font-size: 0.85rem!important; }
  article .p-article05__desc { font-size: 0.9rem!important;  }

  .p-company-list { width: 100%; margin: 0;  }
  .p-company-list article { margin: 0 0 20px; border: 1px solid #dedede; border-top : 0; }
  .p-company-list article .img_area { width: 100%; height: 220px; margin: 0; border-top : 3px solid #277781; -webkit-animation: none; animation: none; opacity:1; transition: .5s .5s;  }
  .p-company-list article .content_area{ width: 100%; height: auto; position: relative; top: auto; right: auto; margin: 0; padding: 30px; -webkit-animation: none; animation: none; opacity:1; transition: .5s .5s;}
  .p-company-list article .content_area .inner { padding: 0; }
  .p-company-list article .content_area:before { content: none; }
  
  .company_mini { width: 100%; margin: 0; padding: 0; -webkit-animation:none; animation:none; opacity: 1; }
  .company_mini:before, .company_mini:after{ content: none; }
  .company_mini.deg_appear:before{ content: none; }
  .company_mini article{ display: block; margin: 0 0 20px; border: 1px solid #dedede; border-top : 0; }
  .company_mini .img_area{ width: 100%; height: 220px; border-top : 3px solid #277781; }
  .company_mini .img_area img{ height: 100%; }
  .company_mini .content_area { width: 100%; padding: 30px; background: #fff;  }
  .company_mini .more_btn { position: relative; top: auto; right: auto; }


}
@media only screen and (max-width: 499px){
  .company_content .header_area .header_inner:before { width: 99vw; top:5px; right:-8%;}
  .p-company-list article .content_area{ padding: 20px }
  .company_mini .content_area { width: 100%; padding: 20px;  }
}


/* ----------------------------------------------------------------------
  COMPANY(single)
---------------------------------------------------------------------- */
/* common */
.single-company .p-entry__body { opacity: 0; transition: opacity .75s 1.2s;}
.single-company.appear .p-entry__body { opacity: 1; }

.p-company-header { margin-bottom: 80px; }
.p-company-header__sub { display: none; }
.p-company-header__img { position: relative; width: 100%; height: 500px; margin: 0 auto; }
.p-company-header__img .wrapper { width: 100%; height: 100%; position: relative; }
.p-company-header__img .bg_img { 
  display: block; position: absolute; top: 0; left: 0; margin: 0; width: 0%; height: 100%; background-color: #277781; 
  transition: width .5s 0.2s, transform .5s 1.2s;
}
.p-company-header__img .cross_appear .bg_img { width: 100%; transform: translate(10px, 10px); }
.p-company-header__img .inner { position: absolute; top: 0; left: 0; width: 0; height: 100%; margin: 0; transition: width .5s .8s; overflow: hidden;  }
.p-company-header__img .cross_appear .inner { width: 100%; }
.p-company-header__img .img { position:absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; }
.p-company-header_content { z-index: 2; opacity: 1; transition: opacity .75s 1.2s; position: relative; padding-bottom: 30px;  }
body.appear .p-company-header_content { /*opacity: 1;*/ }
.p-company-header_content h1 { position: relative; font-size: 2.5rem!important; font-weight: 500; color: #000000; margin: 0; line-height: 1.7; border-bottom: 3px solid #dedede; }
.p-company-header_content h1:after { content: ""; position: absolute; bottom: -3px; left: 0; width: 150px; height: 3px; background: #277781; }
.p-company-header_content p { font-size: 1rem!important; color: #ff0000; margin: 0; }

@media only screen and (max-width: 1299px){
  .p-company-header__img { height: 37.5vw; }
}
@media only screen and (max-width: 991px){
  .p-company-header__img { height: 55vw; }
}
@media only screen and (max-width: 767px){
  .p-company-header__img .img { margin-top: 0; }
  .single .p-company-header { margin: 0 0 36px; }
  .p-company-header_content h1 { font-size: 1.3rem!important; }
  .p-company-header_content p { font-size: 0.9rem!important; margin-bottom: 3px; }
}

/* 会社概要 */
.single-company .overview, .single-company .overview tbody, .single-company .overview tr { border: 0; width: 100%!important; height: unset!important; }
.single-company .overview th, .single-company .overview td { 
  height: unset!important; padding: calc(0.7vw + 15px) 0; border-left: 0; border-right: 0; font-size: 1rem!important; text-align: left!important; vertical-align: top; 
}
.single-company .overview th { width: 100px!important; background: transparent; font-weight: 600; }
.single-company .overview td { width: calc(100% - 100px)!important; }
.single-company .overview td iframe { width: 100%!important; height: calc(15vw + 150px); border: 0; }
.single-company .overview td p { margin-bottom: 20px; }
.single-company .overview td p:last-child { margin-bottom: 0; }

.single-company .boad{ height: unset!important; }
@media all and (-ms-high-contrast: none) {
  .single-company .boad{ table-layout: fixed; }
}
.single-company .boad, .single-company .boad tbody, .single-company .boad tr { width: 100%!important; border: 0!important; margin: 0; }
.single-company .boad td, .single-company .boad th { border: 0; background: transparent; padding: 0; }
.single-company .boad tr th { width: 140px!important; font-weight: 500;  }
.single-company .boad tr td { width: calc(100% - 140px)!important; }
.single-company .boad ul { list-style: none!important; margin-left: 0; margin-bottom: 0; }

@media only screen and (max-width: 1099px){
  .single-company .boad dl.name_box { display: block; }
  .single-company .boad dl.name_box dt { width: 100%; }
  .single-company .boad dl.name_box dd { width: calc(100% - 10px); margin: 0 0 0 7px; }
}
@media only screen and (max-width: 767px){
  .single-company .overview, .single-company .overview tbody, .single-company .overview tr, .single-company .overview th, .single-company .overview td { display: block; width: 100%!important; }
  .single-company .overview tr { border: 0; border-top: 1px solid #dedede; padding: 10px; margin: 0; }
  .single-company .overview tr:last-child { border-bottom: 1px solid #dedede; }
  .single-company .overview th, .single-company .overview td { font-size: 0.9rem!important; border: 0; }
  .single-company .overview th { padding: 0; }
  .single-company .overview td { padding: 0; margin: 0 0 0 10px; }

  .single-company .boad tr { padding: 0; margin-bottom: 10px; }
  .single-company .boad td, .single-company .boad td:nth-child(1) , .single-company .boad td:nth-child(2) { width: 100%!important; padding: 0; }
  .single-company .boad td:nth-child(1) { font-weight: 600; }
  .single-company .boad td{ margin: 0; }
}

/* 沿革 */
.single-company .history, .single-company .history tbody, .single-company .history tr { width: 100%; margin: 0; border: 0; position: relative; } 
.single-company .history tr{ height: 70px; }
.single-company .history td { font-family: sans-serif; position: relative; text-align: left; vertical-align: top; border: 0; line-height: unset; padding: 20px; line-height: 1.7; }
.single-company .history td:nth-child(1) { font-size: 1.8rem; font-weight: 700; width: 130px!important; text-align: center; padding: 20px 20px 20px 0; line-height: inherit; }
.single-company .history td:nth-child(2) { font-size: 0.9rem; font-weight: 700;  width: 150px!important; }
.single-company .history td:nth-child(3) { font-size: 0.9rem; font-weight: normal; width: calc(100% - 280px)!important; padding: 20px 0; ; }

.single-company .history td:first-child:after { 
  content: ""; position: absolute; top: 25px; left: 122px;
  width: 11px; height: 11px; border-radius: 50%; background: #277781;  
}
.single-company .history tr:before { 
  content: ""; position: absolute; top: 25px; left: 127px; /*transform: translate(0, -50%);*/ 
  width: 1px; height: 100%; background: #277781; z-index:10;
}
.single-company .history tr:last-child:before{ height: 0; }

@media only screen and (max-width: 767px){
  .single-company .history, .single-company .history tbody, .single-company .history tr, .single-company .history th, .single-company .history td { display: block; width: 100%; height: auto!important; }
  .single-company .history tr { 
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
  }
  .single-company .history td:nth-child(1) { padding: 10px 0 10px 5px; text-align: left; width: 80px!important; font-size: 1.2rem; line-height: 1.2;  }
  .single-company .history td:nth-child(2) { padding: 10px 0; }
  .single-company .history td:nth-child(3){ width: 100%!important; padding: 0 0 10px 80px;  }
  .single-company .history tr:before { top: 15px; left: 70px; }
  .single-company .history td:first-child:after { top: 15px; left: 65px; }

}
}


/* ----------------------------------------------------------------------
  PRODUCT(archive)
---------------------------------------------------------------------- */

.product_contents .header_area .header_inner { position: relative; }
.product_contents .header_area .header_inner:before {
  content:""; position: absolute; top: -5px; right: 0%; width: 70%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/product_bk.png') no-repeat right top; 
  background-size: contain; z-index: -1; 
}
.product_contents .header_area .img_area { width: 57%; height: 33vw; position: absolute; top: 130px; right: 0; z-index:5; }
.product_contents .header_area .img_area .wrapper { width: 100%; height: 100%; position: relative; }
.product_contents .header_area .img_area .bg_img { 
  display: block; position: absolute; top: 0; left: 0; margin: 0; width: 0%; height: 100%; background-color: #277781; 
  transition: width .5s 0.2s, transform .5s 1.2s;
}
.product_contents .header_area .img_area .cross_appear .bg_img { width: 100%; transform: rotate(-3deg); }
.product_contents .header_area .img_area .inner { position: absolute; top: 0; left: 0; width: 0; height: 100%; margin: 0; transition: width .5s .8s; overflow: hidden; }
.product_contents .header_area .img_area .cross_appear .inner { width: 100%; }
.product_contents .header_area .img_area .img { position:absolute; top: 0; left: 0; height: 100%; }

.product_contents .p-works-list article { position: relative; background: #fff; }
.product_contents .p-works-list article:before { content:""; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; background: #277781; z-index: -1;  }
.product_contents .p-works-list .p-article06__img { position: relative; width: 100%; max-height: 220px; overflow: hidden;}
.product_contents .p-works-list img { width: 100%; height: auto; height: 220px; max-height: unset;}
.product_contents .p-works-list .p-article06__cat { position: absolute; bottom: 10px; right: 10px; font-size: 0.9rem!important; }
.product_contents .p-works-list .p-article06__content { display: block; border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fff; padding: 20px 20px 30px; }
.product_contents .p-works-list .p-article06__title { width: 100%; text-align: center; min-height: 60px; font-size: 1.3rem!important; font-weight: normal; display: flex; align-items: center; justify-content: center; }
.product_contents .p-works-list .p-article06__excerpt { margin-bottom: 20px; font-size: 0.95rem!important; line-height: 1.7; }
.product_contents .p-works-list .more_btn { display: block; margin: 0 auto; }

@media only screen and (max-width: 1499px){
  .post-type-archive .product_contents .header_area { width: 91.5%; padding: 150px 0 0; margin: 0 0 150px auto; }
  .post-type-archive .product_contents .p-archive-header { width: 43%; padding: 30px; }
}
@media only screen and (max-width: 1299px){
  .product_contents .p-works-list img{ height: 16.5vw;}
  .p-works-list__item { margin-right: 20px; width: calc(33.33% - 20px); }
}
@media only screen and (max-width: 1099px){
	.product_contents .p-works-list .p-article06__title{ min-height: 40px; }
}
@media only screen and (max-width: 991px){
  .post-type-archive .product_contents .content_area { margin: 50px 0 25px; }
  .post-type-archive .product_contents .header_area {  padding: 15vw 0 0; margin: 0 5% 10px; width: 90%; }
  .product_contents .header_area .img_area { width: 100%; height: 55vw; position: relative; top: auto; right: auto; }
  .post-type-archive .product_contents .p-archive-header { width: 100%; }
  .product_contents .p-cover__inner { width: 90%; max-width: 90%; }
  .product_contents .header_area .header_inner:before { width: 90%; height: 100px;}
  .p-works-list__item { margin-right: 0; width: 48%; }
  .product_contents .p-works-list img{ height: 25vw;}
  .p-works-list__item:nth-child(3n){ transition-delay: 0s; }
  .p-works-list__item:nth-child(2n) { transition-delay: 0.15s; }
    
}
@media only screen and (max-width: 767px){
  .post-type-archive .product_contents .header_area { margin: 0 20px 10px; width: calc(100% - 40px); }
  .product_contents .l-contents__inner{ padding: 0 20px; }
  .product_contents .p-cover__header { display: none; }
  .product_contents .header_area .img_area { position: relative; top: auto; right: auto; width: 100%; }
  .product_contents .header_area .img_area .p-cover { margin-top: 0; }
  .post-type-archive .product_contents .p-archive-header{ height: auto; padding: 50px 0; }
  .product_contents .p-works-list .p-article06__content { border-left: 1px solid #dedede!important; }
  .product_contents .p-works-list .p-article06__title{ font-size: 1rem!important; margin-bottom: 20px; }
  .product_contents .p-works-list .p-article06__excerpt { font-size: 0.9rem!important; }
  .p-works-list__item { width: 100%; }
  .product_contents .p-works-list article{ margin-bottom: 35px; }
  .product_contents .p-works-list .p-article06__img{ margin-bottom: 0; }
  .product_contents .p-works-list img { height: auto; }

}
@media only screen and (max-width: 499px){
  .product_contents .header_area .header_inner:before { width: 99vw; top:5px; right:-8%;}
}

/* ----------------------------------------------------------------------
  PRODUCT(single)
---------------------------------------------------------------------- */
.p-works-entry__header { border-bottom: 0; position: relative; margin-bottom: 80px; border-bottom: 0!important;  }
.p-works-entry__img { position: relative; width: 100%; height: 500px; margin: 0 auto; }
.p-works-entry__img .wrapper { width: 100%; height: 100%; position: relative; }
.p-works-entry__img .bg_img { 
  display: block; position: absolute; top: 0; left: 0; margin: 0; width: 0%; height: 100%; background-color: #277781; 
  transition: width .5s 0.2s, transform .5s 1.18s;
}
.p-works-entry__img .cross_appear .bg_img { width: 100%; transform: translate(10px, 10px); }
.p-works-entry__img .inner { position: absolute; top: 0; left: 0; width: 0; height: 100%; margin: 0; transition: width .5s .8s; overflow: hidden;  }
.p-works-entry__img .cross_appear .inner { width: 100%; }
.p-works-entry__img .img { position:absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; }

.p-works-entry__header .title_area { margin: 30px 0 10px; }
.p-works-entry__title { margin-bottom: 0; font-size: 2rem!important; text-align: center; }
.p-works-entry__cat { display: none; font-size:0.9rem!important; }

.p-works-entry__header .title_area { 
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0px; padding: 10px 100px; 
}
.p-works-entry__title{ position: relative; opacity: 0; transition: opacity .75s 1.3s; margin: 0; padding: 10px; color: #1b535a!important; font-size: 2rem!important;  }
body.appear .p-works-entry__title { opacity: 1; }
.p-works-entry__title:before { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #1b535a; transition: width .5s 1.18s; }
body.appear .p-works-entry__title:before { width: 100%; }
.p-works-entry__title:after { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background: rgba(255,255,255,.6); z-index: -1; transition: width .5s 1.18s; }
body.appear .p-works-entry__title:after { width: 100%; }

.p-latest-works__list { padding: 0; }
.p-latest-works__list-item { position: relative; width: 100%; height: 60px; margin: -1px 0 0; padding: 0;  }
.p-latest-works__list-item a { 
  width: 100%; height: 100%; line-height: 60px; margin-bottom: 0; padding: 0 30px; background: #fff; border: 1px solid #dedede; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.p-latest-works__list-item a:hover { background: #f8f8f8; }
.p-latest-works__list-item a:hover img { transform: scale(1); }
.p-latest-works__list-item p { width: 100%; padding: 0; font-size: 0.85rem!important; font-weight: normal; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.p-latest-works__list-item a:hover h3 { color: #1b535a; }

.single-service .p-latest-works__list-item img { display: none; width: 100px; background-repeat: no-repeat; background-size: cover;  }
.single-service .p-latest-works__list-item a {
  padding: 10px 30px; height: 60px; line-height: 60px;  
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.single-service .p-latest-works__list-item a.active,
.single-works .p-latest-works__list-item a.active{
  position: relative; pointer-events: none; background: #f8f8f8; overflow: unset; 
}
.single-service .p-latest-works__list-item a.active:before,
.single-works .p-latest-works__list-item a.active:before{
  content: ""; width: 3px; height: calc(100% + 1px); position: absolute; top: -1px; left: -1px; z-index: 1; background: #277781;
}

.single-works .p-nav01 { display: none; }

@media only screen and (max-width: 1299px){
  .p-works-entry__img{ height: 37.5vw; }
	.p-works-entry__header .title_area{ width: 90%; padding: 10px; }
}
@media only screen and (max-width: 991px){
  .p-latest-works__list-item { height: 50px; line-height: 48px;  }
  .single-service .p-latest-works__list-item a { padding: 0 20px; height: 50px; line-height: 48px; }
  .p-latest-works__list-item img { width: 80px; height: 80px; }
  .p-works-entry { margin-top: 0; }
  .p-works-entry__img { height: 55vw; }
  .p-works-entry__img .img { margin-top: 0; }
}
@media only screen and (max-width: 767px){
  .p-works-entry__title { font-size: 1.3rem!important;}
}

/* ----------------------------------------------------------------------
  SERVICE(archive)
---------------------------------------------------------------------- */
.post-type-archive-service .p-cover__inner { width: 60%; }
.post-type-archive-service .header_area .img_area { display: none; }
.post-type-archive-service .header_area .p-archive-header { width: 80%; height: auto; margin-top: 50px; padding: 50px 50px 0; }

#particles-js2 { display: none; } /* サービス以外は出さないので削除禁止 */
body.post-type-archive-service #particles-js2{ display: block; opacity: 0; position:fixed; top: 0; right: 0; z-index: -1; width: 57%; height: 100vh; background-color:transparent; transition: opacity .5s .2s; }
body.post-type-archive-service #particles-js2.appear { opacity: 1; }


.service_contents .header_area .header_inner { position: relative; }
.service_contents .header_area .header_inner:before {
  content:""; position: absolute; top: -5px; right: 0%; width: 70%; height: 180px; 
  background: url('https://www.nichijosys.com/wp-content/uploads/service_bk.png') no-repeat right top; 
  background-size: contain; z-index: -1; /*opacity: 0; transition: opacity .5s .3s;*/
}

.service_contents .l-inner { width: 100%; max-width: 100%; }
.service_contents .l-inner .l-primary { margin-bottom: 0!important; }
.service_contents .p-article09 { 
  position: relative; width: 100%; height: 800px; overflow: hidden; 
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
}
.service_contents .p-article09:nth-child(even) { 
  -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;
}

.service_contents .p-article09__img { position: relative; width: 53%; height: 100%; }
.service_contents .p-article09__img .img_inner { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.service_contents .p-article09__img .bg_img { position: absolute; top:0; left: 0; width: 100%; height: 120%; background-repeat: no-repeat; background-size: cover; background-position: center top;  }

.service_contents .p-article09__content { position: relative; width: 47%; height: 100%; background: #004968; border: 0; padding: 0; }
.service_contents .p-article09__content .wrap { position: relative; width: 100%; height: 100%; -webkit-animation-duration: 1s; -webkit-animation-delay: .35s; animation-duration: 1s; animation-delay: .35s; }
.service_contents .p-article09__content .content_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 15%;  }
.service_contents article:nth-child(even) .p-article09__content { background: #277781 }
.service_contents .p-article09__title { font-size: 2.7rem!important; text-align: center; margin-bottom: 50px; }
.service_contents .p-article09__sub { font-size: 1rem!important; text-align: center; margin-bottom: 20px; }
.service_contents .p-article09__desc { font-size: 1.1rem!important; line-height: 2.0; text-align: left; font-weight: normal; }
.service_contents .service_link { display:block; width: 180px; height: 45px; margin: 0 auto; line-height: 45px; text-align: center; color: #ffffff; font-size: 1rem!important; font-weight: normal; }
.service_contents .service_link:hover { background: rgba(255,255,255,.75); color: #000; transition: all .3s .2s; }


@media only screen and (max-width: 1399px){
  .post-type-archive-service .header_area { margin: 0 5% 100px; padding: 150px 0 0; }
  .post-type-archive-service .p-cover__inner { width: 80%; }
  .service_contents .p-article09__content .content_inner { padding: 0 50px; }
}
@media only screen and (max-width: 1099px){
  .service_contents .p-article09 { height: 55vw; }
  .service_contents .p-article09__title { font-size: 1.5rem!important; text-align: left; }
  .service_contents .p-article09__sub { font-size: 0.9rem!important; text-align: left; }
  .service_contents .p-article09__desc { font-size: 0.9rem!important; line-height: 1.7; }
}
@media only screen and (max-width: 991px){
  .post-type-archive-service .header_area { padding: 15vw 0 0; margin: 0 5% 10vw; }
  .post-type-archive-service .p-cover__inner { display: block; width: 100%; max-width: 100%; }
  .service_contents .header_area .header_inner:before { width: 90%; top: -40px; height: 100px;}
  .post-type-archive-service .header_area .p-archive-header { width: 100%; margin-top: 0; padding: 50px 0 0 50px; }
}

@media only screen and (max-width: 767px){
  .post-type-archive-service .p-cover__header { display: none; }
  .post-type-archive-service .header_area .p-archive-header { padding: 50px 0 0 10px; }
  .service_contents .header_area .header_inner:before { top: -20px; }

  .service_contents .p-article09 { display: block; }
  .service_contents .p-article09__img { width: 100%; height: 50%; }
  .service_contents .p-article09__content { width: 100%; height: 50%;}
  .service_contents .p-article09__img .bg_img { height: 70vh; background-size: cover;  }

  .service_contents .p-article09 { height: calc(100vh - 60px); }
  .service_contents .p-article09__content { z-index: 3; }
  .service_contents .p-article09__content .wrap { padding: 50px; }
  .service_contents .p-article09__content .title_inner { width: 100%; /*position: absolute; top: -50%; transform: translateY(-50%); z-index: 3;*/ }
  .service_contents .p-article09__content .content_inner { 
    width: 100%; height: 100%; padding: 0; position:relative; top: auto; left: auto; transform: none; 
    display:-webkit-box; display:-ms-flexbox; display:flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;  
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  }
  .service_contents .p-article09__title { text-align: center; width: 100%; }
  .service_contents .service_link { font-size: 0.9rem!important; }
  .service_contents .p-article09__img:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1; }
  
  .service_contents .p-article09__title { margin-bottom: 15px; text-align: center; }

}

@media only screen and (max-width: 499px){
  .post-type-archive-service .p-cover__title { font-size: 1.7rem!important; }
  .post-type-archive-service h2.p-archive-header__title { font-size: 1.15rem!important; margin-bottom: 1rem; }
  .service_contents .header_area .header_inner:before { width: 103%; top: 5px; right: -15px; }
  .service_contents .p-article09__content .wrap { padding: 20px; }
  .service_contents .p-article09__desc { margin-bottom: 15px; }
  .service_contents .service_link { width: 150px; height: 35px; line-height: 35px; }
}

/* ----------------------------------------------------------------------
  SERVICE(single)
---------------------------------------------------------------------- */
.single-service .p-headline { display: none; }
.p-service-entry__header { position: relative; border-top: 0;  margin-bottom: 80px; }
.p-service-entry__header .title_inner { 
  position: absolute; top: auto; bottom:0; left: 50%; transform: translate(-50%, 0%); width: 100%; margin: 0px; padding: 0; 
}
.p-service-entry__title { position: relative; opacity: 0; transition: opacity .75s 1.3s; margin: 0; padding: 10px; color: #1b535a!important; font-size: 2rem!important;  }
body.appear .p-service-entry__title { opacity: 1; }
.p-service-entry__title:before { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #1b535a; transition: width .5s 1.18s; }
body.appear .p-service-entry__title:before { width: 100%; }
.p-service-entry__title:after { content:""; position: absolute; bottom: 0; left: 0; width: 0; height: 100%; background: rgba(255,255,255,.6); z-index: -1; transition: width .5s 1.18s; }
body.appear .p-service-entry__title:after { width: 100%; }

.p-service-entry__img { position: relative; width: 100%; height: 500px; margin: 0 auto; }
.p-service-entry__img .wrapper { width: 100%; height: 100%; position: relative; }
.p-service-entry__img .bg_img { 
  display: block; position: absolute; top: 0; left: 0; margin: 0; width: 0%; height: 100%; background-color: #277781; 
  transition: width .5s 0.2s, transform .5s 1.18s;
}
.p-service-entry__img .cross_appear .bg_img { width: 100%; transform: translate(10px, 10px); }
.p-service-entry__img .inner { position: absolute; top: 0; left: 0; width: 0; height: 100%; margin: 0; transition: width .5s .8s; overflow: hidden;  }
.p-service-entry__img .cross_appear .inner { width: 100%; }
.p-service-entry__img .img { position:absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 100%; }


@media only screen and (max-width: 1299px){
  .p-service-entry__img { height: 37.5vw; }
  .p-service-entry__header .title_inner { width: 100%; padding: 0; }
}
@media only screen and (max-width: 991px){
  .p-service-entry__img { height: 55vw; }
}
@media only screen and (max-width: 767px){
	.p-service-entry{ padding: 0; }
  .p-service-entry__img .img { margin-top: 0; }
  .p-service-entry__title { font-size: 1.3rem!important; }
}



/* ----------------------------------------------------------------------
  PAGE-COMMON
---------------------------------------------------------------------- */
.page:not(.home) .l-primary { width: 100%; }
.page:not(.home) .p-entry__body { width: 100%; }
.mw_wp_form, .mw_wp_form form { width: 100%; }

.page:not(.home) .l-contents__inner { margin-bottom: 100px; }
.page:not(.home) .p-cover { height: 150px; margin-top: 80px!important; background: #eff3f9; }
.page:not(.home) .p-cover__title { 
  color: #1b535a!important; text-align: center; margin-bottom: 0; width: 100%; font-size: 2.8rem!important; padding: 0 50px; line-height: 1.7; 
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.page:not(.home) .p-cover__sub, .page:not(.home) .p-page-header__sub{ border-top: 0; }

@media only screen and (max-width: 991px){
  .page:not(.home) .l-primary{ padding: 0; }
}
@media only screen and (max-width: 767px){
  .page:not(.home) .p-cover__title { font-size: 2rem!important; }
  .page:not(.home) .p-cover__title { padding: 0 20px; }
}


/* ----------------------------------------------------------------------
  404-ERROR
---------------------------------------------------------------------- */
.error404 .p-cover { height: 150px; margin-top: 80px!important; background: #eff3f9; }
.error404 .p-cover__title { 
  color: #1b535a!important; margin-bottom: 0; width: 100%; font-size: 2rem!important; padding: 0 50px; line-height: 1.7; 
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.error404 .p-cover__sub, .page:not(.home) .p-page-header__sub{ border-top: 0; }
.error404 .l-primary { padding: 100px 0 150px; }
.error404 .p-entry__body{ text-align: center; }
.error404 .p-entry__body .sub_desc{ font-size: 1.3rem!important; color: #1b535a; font-weight: 600; }
@media only screen and (max-width: 767px){
  .error404 .l-primary { padding: 50px 0; }
  .error404 .p-cover__title { font-size: 1.5rem!important; padding: 0 20px;  }
}

/* ----------------------------------------------------------------------
  FORM-COMMON
---------------------------------------------------------------------- */

#mw_wp_form_mw-wp-form-1111 .frame_none { display: none; }
.mw_wp_form{ width: 100%; max-width: 1080px; margin: 0 auto; }
.step-wrapper { padding: 25px 0; max-width: 980px; margin: 0 auto 30px; }
.step-wrapper ul { 
  overflow: hidden; margin: 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
}
.step-wrapper li { position: relative; margin-right:10px; width: calc(33.3% - 10px);  background: #e1e4e7; color: #000; list-style: none; padding: 20px 60px; }
.step-wrapper li:last-child { margin-right: 0; width: 33.3%; }
.step-wrapper li:last-child:before, .step-wrapper li:last-child:after{ display:none; }
.step-wrapper li:before, .step-wrapper li:after{ content: ""; position: absolute; width: 0; height: 0; margin: auto; }
.step-wrapper li:before{ top: 0; right: -30px; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 40px 0 40px 20px; z-index: 10; } 
.step-wrapper li:after{ top: 0;  right: -20px;  border-style: solid;  border-color: transparent transparent transparent #e1e4e7;  border-width: 40px 0 40px 20px;  z-index: 10; }

.step-wrapper li span { display: block; width: 100%; line-height: 1.2; }
.step-wrapper .small { font-size: 0.8rem; margin-bottom: 5px; }
.step-wrapper .txt { font-size: 1.05rem; font-weight: bold;  }

.mw_wp_form_input .step-wrapper li:first-child, .mw_wp_form_confirm .step-wrapper li:nth-child(2) , .mw_wp_form_complete .step-wrapper li:last-child
 { background: #277781; color: #fff;}
.mw_wp_form_input .step-wrapper li:first-child:after, .mw_wp_form_confirm .step-wrapper li:nth-child(2):after, .mw_wp_form_complete .step-wrapper li:last-child:after
 { border-color: transparent transparent transparent #277781; }
.mw_wp_form .input_data input, .mw_wp_form .input_data textarea{ width: 100%; /*max-width: 650px;*/ height: 60px; background: rgba(39,119,129, .15); border: 0; outline: none; padding: 10px; }
.mw_wp_form .input_data input:focus, .mw_wp_form .input_data textarea:focus { border: 0; border-bottom: 3px solid #277781; }
.mw_wp_form .input_data textarea { height: 120px; }
.mw_wp_form .mwform-tel-field input, .mw_wp_form input.zip { width: 150px; }


.mw_wp_form .input_data { width: 98%!important; margin: 0 auto 25px!important; }
.mw_wp_form .input_data tr { border-bottom: 1px solid #dedede; }
.mw_wp_form .input_data tr:first-child { border-top: 1px solid #dedede; }
.mw_wp_form .input_data td, .mw_wp_form .input_data th { border: 0; background: transparent; height: auto; padding: 15px; }
.mw_wp_form .input_data th { width: 30%!important; font-size: 1.05rem!important; color: #1b535a; font-weight: bold; padding-left: 60px; position: relative; text-align: left;   }
.mw_wp_form .input_data td { width: 70%!important; font-size: 1rem!important; position: relative;  }
.mw_wp_form .input_data th:after {
  content:"任意"; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 30px; padding: 5px; text-align: center; line-height: 1;
  background: #999999; border: 1px solid #999999; color: #fff; font-size: 0.8rem;
}
.mw_wp_form .input_data th.req:after { content:"必須"; background: #ff0000; border: 1px solid #ff0000;  }
.mw_wp_form .input_data td p { margin-bottom: 15px; }
.mw_wp_form .input_data td p:last-child { margin-bottom: 0; }

.mw_wp_form .req_doc_item { background: rgba(39,119,129, .15); padding: 20px 20px 25px; margin-bottom: 20px; }
.mw_wp_form .req_doc_item h3 { margin: 5px 0 0; }
.mw_wp_form .req_doc_item p{ 
  margin-bottom: 0; 
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
  -webkit-box-align: center; -ms-flex-align: center; align-items: center;
  -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.mw_wp_form .req_doc_item .mwform-checkbox-field { width: calc(33.3% - 10px); padding: 0 10px; margin-left: 10px!important; }
.mw_wp_form .req_doc_item .mwform-checkbox-field input { margin :0; margin-right: 20px;   }

.mw_wp_form .all_view { 
  width: 100%; margin: 10px 0; opacity: 1;
  display:-webkit-box; display:-ms-flexbox; display:flex; 
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.mw_wp_form .all_view .more_btn { display: block; width: 240px; margin: 0 10px; transition: .5s; cursor: pointer; }
.mw_wp_form .all_view .more_btn:hover { background: #277781; color: #fff; }

.mw_wp_form .err_msg { display: none; }
.mw_wp_form .err_msg p { color: #ff0000; }
.mw_wp_form_error .err_msg { display: block; }

.mw_wp_form .error { 
  display: block; position: absolute; bottom: 3px; left: 30px; padding: 5px; font-size: 0.8rem; border-radius: 5px; line-height: 1; 
  background: #b20000; color: #ffffff; 
}
.mw_wp_form .error:before {
  content: ""; position: absolute; top: -7px; left: 1em; width: 0; display: block; height: 0; 
  border-bottom: 7px solid #b20000; border-left: 7px solid transparent; border-right: 7px solid transparent;
}
.mw_wp_form .zip_wrap, .mw_wp_form .add_wrap{ position: relative; }
.mw_wp_form .zip_wrap .error, .mw_wp_form .add_wrap .error{ bottom: -13px; left: 15px; }

.mw_wp_form .btn_submit.no-active { background: #aaa; color: #fff; border: 1px solid #aaa; }
.mw_wp_form .btn_submit.no-active:hover { background: #aaa; color: #fff; border: 1px solid #aaa; cursor: not-allowed; }

.mw_wp_form_confirm .frame_content { display: none; }
.mw_wp_form_confirm .privacy_text { display: none; }

.mw_wp_form_complete {text-align: center; padding: 100px 0; }

@media only screen and (max-width: 1199px){
  .mw_wp_form .input_data th { width: 35%!important; }
  .mw_wp_form .input_data td { width: 65%!important; }
}
@media only screen and (max-width: 991px){
  .mw_wp_form .req_doc_item .mwform-checkbox-field { width: calc(50% - 10px); }
  .mw_wp_form .input_data { width: 100%; }
  .mw_wp_form .input_data tr { display: block; padding: 15px; }
  .mw_wp_form .input_data th { display: block; width: 100%!important; padding: 0; padding-left: 60px;  font-size: 1rem!important; line-height: 2.2; }
  .mw_wp_form .input_data td { display: block; width: 100%!important; padding: 0; font-size: 0.95rem!important;  }
  .mw_wp_form .input_data input, .mw_wp_form .input_data textarea { height: 45px; max-width: 100%; }
  .mw_wp_form .input_data textarea { height: 150px; }
	.mw_wp_form .error{ bottom: -15px; left: auto; right: 0; }
}
@media only screen and (max-width: 767px){
  .step-wrapper .txt { font-size: 0.95rem; }
  .step-wrapper li { padding: 10px 10px 10px 40px; }
  .step-wrapper li:after, .step-wrapper li:before { border-width: 30px 0 30px 20px; }
  .mw_wp_form .mwform-tel-field input{ width: calc(33% - 15px); }
}
@media only screen and (max-width: 599px){
  .mw_wp_form .req_doc_item .mwform-checkbox-field { width: calc(100% - 10px); }
}
@media only screen and (max-width: 499px){
  .step-wrapper li { padding: 10px 0 10px 25px; }
  .step-wrapper .txt { font-size: 0.9rem; font-weight: normal }
  .mw_wp_form .input_data tr { padding: 15px 0; }
	.mw_wp_form .req_doc_item{ padding: 15px 10px 20px; }
	.mw_wp_form .req_doc_item .mwform-checkbox-field input{ margin-right: 10px; }
  
}

/* 印刷時 */
@media print {
	.l-contents--grid .l-contents__inner{ display: block; }
	.l-contents--grid .l-contents__inner .header_area{ display: none; }
	#js-header{ position: relative; }
	
	.l-footer .p-social-nav{display: none; }
	.p-footer-widgets, #menu-footer, .l-footer .p-info__inner{ display: none; }
}

.agree{ color: #000!important; }
.agree.no-active{ color: #ccc!important; }