@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */
/*--------------------------------------------------
    Webフォント
--------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
/*
* Noto Sans JP (japanese) http://www.google.com/fonts/earlyaccess
 */
/*@font-face {
    font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans JP';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}*/
/*
* Noto Serif CJK JP
 */
/*@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts/NotoSerifJP/NotoSerifJP-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts/NotoSerifJP/NotoSerifJP-Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts/NotoSerifJP/NotoSerifJP-Regular.woff') format('woff'),
    url('https://fonts/NotoSerifJP/NotoSerifJP-Black.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts/NotoSerifJP/NotoSerifJP-Bold.woff') format('woff'),
    url('https://fonts/NotoSerifJP/NotoSerifJP-Black.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Rosarivo';
  font-style: normal;
  font-weight: 400;
  src: local('Rosarivo'), local('Rosarivo-Regular'), url(https://fonts.gstatic.com/s/rosarivo/v6/PlI-Fl2lO6N9f8HaNDeL0Hl8nA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
@font-face {
  font-family: 'Rosarivo';
  font-style: normal;
  font-weight: 400;
  src: local('Rosarivo'), local('Rosarivo-Regular'), url(https://fonts.gstatic.com/s/rosarivo/v6/PlI-Fl2lO6N9f8HaNDeF0Hk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*** 基本 ***/
html{
  font-size: 62.5%; /* 62.5%を指定すると「1.0 rem = 10px」 */
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    color: #1e171b;
    min-width: 1080px;
}
.w1280,
.base_inner {
    width: 1280px;
    margin:auto; 
}
ul.snsp,#site-description {
    display: none;
}
p{
    /*margin: inherit;*/
}
ul,ul#npcatch,#sidebar ul {
    list-style: none;
    padding: inherit;
    margin: inherit;
}
a {
    text-decoration: none;
}
#header-in {
    width: 1280px;
    height: 850px;
}
#navi-in {
    max-width: 1280px;
    /*padding-left: 20px;*/
    background: #fff;
}
#body-in {
    width: 100%;
}
#body .contact .form_box input.mid_text{
    margin-top: inherit;
}
#footer ul.footer_menu a:hover{
    color: inherit;
}
#body a:hover img,#body a:hover,#footer a:hover img,#footer ul.footer_menu a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.f_left{
    float: left;
}
.f_right{
    float: right;
}
dd,dl {
    margin: auto;
}
.article h2 {
    border-left: inherit;
    margin: inherit;
    padding: inherit;
    font-size: inherit;
    position: static;
}
.article th, .article td {
    padding: inherit;
}
.article th,.article td {
    border: inherit;
    background-color: inherit;
    text-align: left;
}
br.sma_on{
    display: none;
}
/*** フォント ***/
div#header {
    font-weight: bold;
    position: relative;
}
.sub_head_menu{
  position: absolute;
  top: 20px;
  right: 0;
}
.sub_head_menu li{
  float: left;
  position: relative;
}
.sub_head_menu li a{
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
    padding-left: 34px;
    margin-right: 20px;
}
.sub_head_menu li:before{
  content: "";
  display: inline-block;
  width: 28px;
  height: 31px;
  position: absolute;
  left: 0;
  top:0;
}
.sub_head_menu li:nth-child(1):before{
  background: url(../../../../../images/top/top_img1_10.png) no-repeat center;
}
.sub_head_menu li:nth-child(2):before{
  background: url(../../../../../images/top/top_img1_12.png) no-repeat center;
}
.sub_head_menu li:nth-child(3):before{
  background: url(../../../../../images/top/top_img1_14.png) no-repeat center;
}
.w100p{
  width: 100%;
}
.w97p{
  width: 97%;
}
.w90p{
  width: 90%;
}
.w80p{
  width: 80%;
}
.w70p{
  width: 70%;
}
.w60p{
  width: 60%;
}
.w50p{
  width: 50%;
}
.w40p{
  width: 40%;
}
.w30p{
  width: 30%;
}
.w25p{
  width: 25%;
}
.w20p{
  width: 20%;
}
.w10p{
  width: 10%;
}
.parts_inner{
  width: 80%;
  margin: 0 auto 60px;
}
.b_center{
  margin: 0 auto 60px;
}
/*** header ***/
div#header {
    background-image: url(../../../images/top/topimg_01.jpg);
    height: 850px;
    background-size: cover;
    position: relative;
}
#header .alignleft {
    text-align: center;
    margin: auto;
    color: #001489;
    font-size: 24px;
    line-height: 34px;
    margin-top: 300px;
}
#header .alignleft p {
    margin-top: 0;
}
/*** navi ***/
div#navi {
    height: 92px;
    background-color: #ffffff;
    -moz-box-shadow:0px 0px 3px #e0dfdf;
    -webkit-box-shadow:0px 0px 3px #e0dfdf;
    box-shadow:0px 0px 3px #e0dfdf;
}

#navi ul {
    position: static;
    clear: both;
    border: inherit;
    background-color: inherit;
    border-radius: inherit;
    margin: inherit;
    padding: inherit;
    width: inherit;
    box-sizing: inherit;
    float: right;
}
.page_head{
  position: relative;
  margin-bottom: 50px;
}
#breadcrumb{
  position: absolute;
  top:20px;
  left:0;
  right: 0;
  color: #fff;
}
.page_head_parts {
    position: absolute;
    text-align: center;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}
.page_head_parts p,
.page_head_parts h1 {
    margin-top: 0;
    color: #fff;
    font-weight: 200;
    text-shadow: 0px 0px 4px #505050;
}
.page_head_parts p.page_en_title {
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-bottom: 0px;
}
.page_head_parts h1.page_jp_title{
  color: #fff;
  font-size: 3.0rem;
  font-weight: 600;
  letter-spacing: 2px;
  margin-top: 10px;
}
/************************************
** 基本設定（General Setting）
************************************/
html, body {
  margin: 0;
  padding: 0;
}

body {
font-family:"Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size:16px;
  -webkit-text-size-adjust: 100%;
}

img{
  border-width:0;
  box-sizing: border-box;
  border-width: 0;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

figure,
main figure{
  margin: 0;
}

.article{
  font-size:16px;
  line-height:170%;
}

/*記事・カテゴリ中の画像を要素内に収める*/
.article img,
.category-description img,
.wp-caption,
.hover-image{
  max-width:100%;
  height:auto;
}

.aligncenter{
  clear:both;
}

.cf:after{
  content: "";
  clear: both;
  display: block;
}

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:0;
  margin-bottom:0px;
}
.article h1 {
  margin-top:0px;
  margin-bottom:0px;
  line-height:117%;
}

#archive-title{
  /*padding-bottom:0px;*/
  margin-bottom: 80px;
}

.article h2 {
  margin: 0;
  padding:0;
}

.article h3{
  padding:0;
}

.article h4, .article h5, .article h6{
  padding:0;
}

.article  h4{
}

.entry-content{
  margin-bottom: 0px;
}

/************************************
** アンカー
************************************/
a {
  color: #001489;
  word-wrap: break-word;
}

a:hover {
  color: #001489;
}

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#111;
}

.widget_new_entries a,
.widget_new_popular a,
.widget_popular_ranking a,
.wpp-list a,
.article-list .entry-title a{
  text-decoration:none;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer a:hover,
.article-list .entry-title a:hover,
.blog-card-title a:hover{
  color:#c03;
}

#footer .credit a:hover{
  color: inherit;
}

.widget_new_entries a:hover,
.widget_new_popular a:hover,
.widget_popular_ranking a:hover,
.wpp-list a:hover:hover{
  text-decoration:underline;
}


/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}


blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}



/************************************
** リスト（List）
************************************/
ul,ol {
}

ul ul{
  margin-left:0;
}
dl{
  margin: 00;
}

dt{
  font-weight: bold;
}
dd{
  margin-bottom: 0;
}

/************************************
** テーブル（Table）
************************************/
.article table{
  border-collapse: collapse;
  margin: 0;
  max-width: 100%;
  width: auto;
}
.article th{
  border: solid 1px #ccc;
  background-color: #eee;
}
.article td{
  border: solid 1px #ccc;
}
.article th,
.article td{
  padding: 0;
}

.article .scrollable-table th,
.article .scrollable-table td{
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}

.article ol,
.article ul,
.article dl{
  line-height:150%;
}

.article > ol,
.article > ul,
.article > dl{
  margin:0;
}

.article > ol ol,
.article > ul ul,
.article > dl dl{
  margin:0;
}

/************************************
** その他（Other）
************************************/
pre {
  background-color:#eee;
  border:1px solid #ccc;
  padding:7px;
  overflow: auto;
}

hr{
  color: #ddd;
  margin:30px 0;
  width:98%;
  border:1px solid #ddd;
}

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.wpp-range{
  text-align:right;
  font-size:14px;
}

span.search-excerpt {
  background-color: #FF9;
}

.invisible{
  display:none;
}

hr.sep {
  background-image: linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: 0 none;
  height: 1px;
  position: relative;
  margin-bottom:130px;
}

/************************************
** レイアウト（Layout）
************************************/
#container {
  padding:0;
  margin: 0 auto;
}

#header-in, #navi-in, #body-in, #footer-in{
  margin: 0 auto;
  box-sizing: border-box;
}

#header {
  margin-bottom: 0;
}
#header .alignleft,
#header .alignright{
  margin-bottom: 0;
  width: auto;
}
#header .alignleft{
  margin-left:30px;
  margin-right: 30px;
  /*max-width:700px;*/
}
#header .alignright{
  height: 52px;
  text-align:right;
  margin-right:30px;
  right: 0;
  top: 0;
  position: absolute;
}

#body{
  /*margin-top:15px;*/
}

#main {
  float: left;
  box-sizing: border-box;
  width: 740px;
  padding: 20px 29px;
  border:1px solid #ddd;
  background-color:#fff;
  border-radius: 4px;
  margin-bottom: 30px;
  position: relative;
}

#sidebar {
  float: right;
  width: 300px;
  margin-bottom: 30px;
}

#sidebar-widget{
  overflow: hidden;
}

.clear{
  clear:both;
}

/************************************
** ヘッダー(header)
************************************/
*:first-child+html #header > div{ /* IE7 */
  clear: both;
  zoom:1;
}

#h-top{
  min-height:100px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}

#site-title{
  margin-top:16px;
  margin-bottom:10px;
  font-size: 30px;
  line-height: 100%;
}
.home #site-title img{
  max-width: 500px;
}
#site-title a{
  text-decoration:none;
  color:#222;
  font-size:30px;
  font-weight:normal;
}

#site-description{
  color: #777;
  margin:0;
  line-height:140%;
  font-size:15px;
  margin-right:20px;
  margin-bottom:10px;
  font-weight:normal;
}

#header-image{
  margin-bottom: 40px;
}

/************************************
** グローバルナビメニュー（menu）
************************************/
#navi ul{
}


#navi ul ul{
  box-sizing: content-box;
}

#navi ul > li{
  float: left;
  list-style:none;
  position: relative;
}
#navi ul > li:after{
  content:"";
  display: inline-block;
  border-left: solid 1px #e3e3e3;
  height: 16px;
  top:3px;
  position: relative;
}
#navi ul > li:nth-last-child(1){
  background: #001489;
  position: relative;
  /*background: url(../../../../images/common/inq_bana22021_20243.png);*/
  background: url(../../../../image/inq_bana22021.png);
  width: 195px;
  background-size: 100%;
  height: 90px;

}
#navi ul > li:nth-last-child(1) a{
  /*color: #fff;*/
  /*font-weight: 500;*/
    /*padding-left: 50px;*/
    /*padding-top: 10px;*/
    width: 90%;
    padding: 7% 5%;
    height: 70%;
}
#navi ul > li:nth-last-child(1) a:hover{
  /*background: #354391;*/
  opacity: 0.9;
  background: #21d6f312;
}
#navi ul > li:nth-last-child(1):after{
  content:none;
}
#navi ul > li:nth-last-child(2):after{
  content: none;
}
#navi ul > li:nth-last-child(1):before{
  content: "";
  /*background: url(../../../../../images/top/top_img1_17.png) no-repeat center;*/
  background: url(../../../../../images/common/inq_mail_imgb_newr.png) no-repeat center;
  /*width: 30px;
  height: 23px;*/
  width: 29px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: 50px;
  top: 23px;
}
#navi ul li a{
  display: inline-block;
  height: 90px;
  line-height: 90px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #001489;
  padding: 0 20px;
}
#navi ul li#menu-item-24 a{
  color: #EF3340;
}
#navi ul li#menu-item-24 a:hover{
  background:#f3213312;
}
#navi ul li a:hover{
  background-color:#ddd;
}

#navi ul.sub-menu,
#navi ul.children{
  display: none;
  position: absolute;
  margin-left: 0;
  min-width:200px;
  border: 1px solid #ddd;
  list-style:none;
  padding-left:0;
  z-index:99;
}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
  height:31px;
}

#navi ul.sub-menu ul,
#navi ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#navi ul li:hover > ul{
  display: block;
}

/* Clearfix) */
#container:after,
#navi ul:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}
.site_logo{
  float: left;
  margin: 0;
  position: relative;
  top: 24px;
}
#navi .site_logo{
  max-width: 180px;
}
.menu-top_main_navi-container{
  float: right;
}
/* clearfix for ie7 */
#container,
#navi ul,
.clearfix {
  /*display: inline-block;*/
}

#container,
#navi ul,
.clearfix {
  display: block;
}

/************************************
** フッターナビメニュー
************************************/

#footer-navi ul{
  text-align: center;
  padding-left: 0;
}

#footer-navi ul li {
  display: inline;
  list-style: outside none none;
}

#footer-navi ul li::before {
    content: "|";
    padding: 0 0.6em;
}

#footer-navi ul li:first-child::before{
  content: "";
  padding: 0;
}

#footer-navi ul .sub-menu{
  display: none;
}

/************************************
** サーチフォーム（Search Form）
************************************/
#searchform{
  position: relative;
  margin-top: 25px;
}

#s{
  width: 100%;
  margin-bottom:20px;
  padding-top:4px;
  padding-bottom:4px;
  box-sizing: border-box;
  height:32px;
  color: #333;
}

#searchsubmit{
  position: absolute;
  width: 30px;
  height: 26px;
  border: none;
  /* 画像をBase64にするためコメントアウト
  background: url("images/search.png") no-repeat 50% 50%; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAEIklEQVR42pWVe0xTVxzHf22hFWiBUKjLEiTOjODGq4ArJJiYBV+gWy3YBoegWZysOgsVKYNC8IGhsMIYCLLqRKRkRdwEp4wR/yCZgwbHa8bwCH9sQkt5lceGIax0v3PDJd7MZaHJL72555zP+f6eF5xOJ3R1d4Pp7l342mAAbUEBp/DixagDBw/mh0dGdmzbvv25f0DA88CgoA5FcnLx9draWOXZs7xinQ5WVlZoIxzKGMDb9fXCdKUy21ckWgZcep0JfX2dCL5WVl4udDgcsLq6SuzfwJYHDzyzc3Lagc3eOMwXCJzePj6zAm9vmwefvwYs1sbap0rlT9PT0z52ux3QmMBfe3vhUlHRdXozOfhOcHBfTGzspYTDh5Mk0dHxkRJJQXBoqPlVtedUqrrBwUFWT08PE/j9/fu7PVANrSD52DFjXn7+W1ESCezdvx8ioqIgLCICLmg0b2So1d+gckotb8sWp8lkSjCbzUzgUYWihYBY6K44MnKipbVVoMrMhJDw8A3g20FBgPEF6+Skqywp6TvW+uXxCQmdCHRhAN8NCZmi3VBnZdUUl5QAxhPSTp6EuH37IBTBpxFWUFgIDY2NcFWnO04UEtsRGDhfWVXlzQDiy0V6A8IufJ6XB5eLioCAP5BK4YhMBt+aTHCrrg4MN25A/Z07UkqAi4tTKBLNvx8XJ2QAQ8LCbHQysjWarwYGBqCishJKSksB3YO0EycgV6sFU1MT6PAStFRaQODOnXbDzZs+DGCSXP6IBmIifrdYLPyq6moKeCQxEY6npsJnKhU0Ya1mqtXwSXp6K51AqUzW2W02cxjA5nv39vI9PddIDbI4HOdHKSmG8ooKry/0ejZRmJqWBpnnz7OMjY1eyjNnqnlubg7AfTx39zV9WdmBX7q6mFl+1NYGObm5Dex1IAGHicW9eVptVvyhQ7uOyuW7Pj516nR0TEwvdSnGjsvjOc5lZBhJu6JCJnBkZATGxsbc5ApFm6urq+PVAvfw9CRGINQ7DpdLlRf2+fSkzeY7YbHAHy9eMIFDQ0OU/fbsGV+amKjbFhAwxVkHoGuU0Ze48HhONq75+vn99cPDh/KXy8uwuLj4eiDpaZKMLI3mQ3T1y/diYjowTo8R8nj3nj0d2C3DFBQ7hPxjdVhHR0d3WK3W/waW6vWA4wkw2KQWBeiuFwK9rtXU8Pv6+iRv+vv/iaGglFJtmpLSOT4+zv1f4OUrV0iiwF0gADxMipzaW1Nbq0UgiSXlOnluMBqzNw0knfM3zr2ep0/dsL+pqeO67nqoWDyxKSD5NTU3w89PnsCP7e2kY2QERBvOy5ebAvb398Pc3BzYpqZgZmYG7PPzXBxjDTi9Z4VC4SxOIcOmgDabDZaWlmBhYYGUCHlm47dHL9q6ddhPJBrGCXWVBv4DYbnuWKzr2fcAAAAASUVORK5CYII=") no-repeat 50% 50%;
  z-index:0;
  top:3px;
  right:3px;
  /*transform: translate(-20%, -50%);*/
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
#main .post,
#main .page{
  margin-bottom: 59px;
}

.sticky{
  /* 先頭固定ポストのスタイル */
}

.post-meta{
  margin-bottom: 0.5em;
  text-align:right;
  font-size:1.3rem;
}

.post-meta .post-date,
.post-meta .post-update,
.post-meta .category,
.post-meta .comments,
.post-meta .edit,
.footer-post-meta .post-tag,
.footer-post-meta .post-author,
.footer-post-meta .edit{
  padding-right: 0.7em;
}
.comment-num{ white-space: nowrap; }

.footer-post-meta{
  text-align: right;
  color:#555;
  font-size:16px;
  clear:both;
}

.article-list .footer-post-meta{
  margin-top:30px;
}

.more-link {
  clear: both;
  display: block;
  margin-bottom: 30px;
  text-align: right;
  margin-top: 15px;
}

/*タグが入っていない場合は非表示*/
#list .post .footer-post-meta:empty,
#list .post .footer-post-meta .post-tag:empty{
  display: none;
}

/*.more-link{
  float: right;
  margin-bottom:30px;
}*/

/************************************
** index.phpのリスト
************************************/
#main .entry{
  clear:both;
  margin-bottom:40px;
/*  overflow: auto;
  zoom: 1;*/
  word-wrap: break-word;
}

.entry-thumb{
  float:left;
  margin-right:10px;
  margin-top: 3px;
  margin-left: 0;
}

.entry-thumb a{
  display: block;
}

.entry-thumb img{
  border:0;
  width:150px;
  height:150px;
  display: block;
  /*margin-bottom: 40px;*/
}

/*大きなサムネイル表示スタイルでのサムネイル*/
.entry-large-thumbnail img{
  width: 320px;
  height: 180px;
}

.entry-card-content{
  margin-left:180px;
}

.entry .post-meta{
  text-align:left;
    margin: 0px auto 4px;
    padding-top: 10px;
}

.entry .post-meta a{
  background: #001489;
  font-size: 1.1rem;
  color: #fff;
  padding: 3px 20px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 10px;
}

.entry h2{
  margin-bottom:5px;
  margin-top: 0;
}

.entry h2 a{
  color:#333;
  font-size:2.2rem;
  text-decoration:none;
  font-weight:600;
  margin-top: 5px;
  display: inline-block;
  color: #001489;
  margin-bottom: 10px;
}

.entry-title{

}

.entry-snippet{
  margin:0 0 5px 0;
  line-height:160%;
  color:#555;
  font-size: 1.4rem;
}

.entry-read{
  margin:0;
  font-size: 1.2rem;
  float: right;
  display: none;
}
.entry-read a:after{
  content: "›";
  display: inline-block;
  margin-left: 5px;
}

.entry-snippet,
.related-entry-snippet{
  word-wrap: break-word;
}


/************************************
** WordPress Misc
************************************/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
img.alignright,
.wp-caption.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}


.wp-caption {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
}

.wp-caption-text,
.gallery-caption{
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

/************************************
** index.php Main
************************************/
.content-box{
  float: right;
  margin-top: -0.25em;
  width: 420px;
}
.content-box .more-link{
  margin: 0;
}

.thumbnail-box{
  float: left;
  width: 160px;
}
.thumbnail-box img{
  width: 160px;
  height: 160px;
}

/************************************
** パンくずリスト（Breadcrumb）
************************************/
#breadcrumb{
  margin-bottom: 20px;
  color:#fff;
  font-size:13px;
}

div#breadcrumb div {
  display: inline;
}

#breadcrumb span.sp{
  margin:0 10px;
}

#breadcrumb a{
  text-decoration:none;
  color:#fff;
}

/*以下のパンくずスタイルは、いずれ削除*/
#breadcrumb ul{
  margin:0;
  padding:0;
  list-style:none;
}

#breadcrumb ul li{
  display:inline;
}

#breadcrumb ul li span.sp{
  margin:0 10px;
}

#breadcrumb ul li a{
  text-decoration:none;
  color:#777;
}


/************************************
** 前の記事へ、次の記事へ
************************************/
.navigation{
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
  margin: 20px auto 40px;
  width: 96%;
}
.navigation > div{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.navigation > div + div{
  border-top: 0;
  border-bottom: 1px solid #ddd;
}


.navigation .alignright{
  text-align: right;
}

.navigation a{
  display: block;
  padding: 1em;
  border: none;
}

.navigation a span{
  color:#ddd;
  padding-right:10px;
  margin-top:-4px;
  clear:left;
}
.navigation a:hover{
  background: #eee;
}

.navigation .alignright a:hover{
  border-left: 1px solid #ddd;
}

/************************************
** ページャー、ページナビゲーション
************************************/
.pager{
  margin: 3em 0;
  text-align:center;
}

a.page-numbers,
.pager .current{
  background-color: #ddd;
  border: solid 1px #ddd;
  border-radius: 3px;
  padding: 6px 12px;
  margin: 0 2px;
}

.pager .current{
  background-color: #ddd;
  border: solid 1px #ddd;
  color: #000;
}

.pager a{
  background: #fff;
  color: #000;
  text-decoration:none;
}

.pager a:hover{
  border: solid 1px #ddd;
  background-color: #eee;
}

/************************************
** 記事分割時のページナビゲーション
************************************/
.page-link{
  margin: 3em 0;
  text-align:center;
}
.comment-page-link{
  margin: 1em 1em 3em;
  text-align: center;
}

.page-link span,
.comment-page-link span,
.comment-page-link a{
  margin-right: 3px;
  padding: 7px 15px;
  border: 1px solid #ddd;
  background: #ddd;
  border-radius: 4px;
}
.page-link a span,
.comment-page-link a{
  background: #fff;
  color:#000;
}

.page-link a{
  border-bottom: none;
  color: #000;
  text-decoration:none;
}

.page-link a span:hover,
.comment-page-link a:hover{
  background: #eee;
  color: #000;
}

/************************************
** 関連記事（Relation）
************************************/
.related-entry{
  line-height:150%;
  margin-bottom:20px;
  margin-right:10px;
  clear: both;
/*  overflow: auto;
  zoom: 1;*/
}

.related-entry h4{
  margin-top: 0;
}

.related-entry-thumb {
  float: left;
  margin-top: 3px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.related-entry-thumb a{
  display: block;
}

.related-entry-thumb img{
  border:0;
  width: 100px;
  height: 100px;
  /*margin-bottom: 20px;*/
  display: block;
}

/*関連記事のサムネイル表示*/
.related-entry-thumbnail img{
  width: 200px;
  height: 200px;
  margin-bottom: 0;
}

.related-entry-content {
  margin-left: 110px;
}

.related-entry-title{
  margin-bottom:10px;
}

.related-entry-title a{
  text-decoration:none;
  font-size:1.7rem;
  font-weight:500;
  color:#333;
}

.related-entry-snippet{
  margin:0 0 5px 0;
  color:#555;
  font-size: 1.3rem;
  line-height: 20px;
}

.related-entry-read{
  margin:0;
  font-size:1.2rem;
  float: right;
}
.related-entry-read:after{
  content: "›";
  display: inline-block;
  margin-left: 5px;
}

/************************************
** 関連記事サムネイル（Relation）
************************************/

.related-entry-thumbnail{
  width:200px;
  height:292px;
  text-align:center;
  overflow:hidden;
  float:left;
  margin-bottom:15px;
  margin-right: 26px;
}

.related-entry-thumbnail .related-entry-thumb{
  margin:0;
  padding:0;
  float:none;
}

.related-entry-thumbnail .related-entry-content{
  margin: -10px 0px 0;
}

.related-entry-thumbnail .related-entry-content a{
  font-weight:normal;
}

/************************************
** コメントエリア（Comments Area）
************************************/
#comment-area ol,
#comment-area ul{
  list-style:none;
  padding-left:0;
}

#comment-area ol ul,
#comment-area ul ul{
  margin-left: 1.5em;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
  margin-top: -20px;
  margin-bottom: 40px;
}
.commets-list li,
.trackback-list li{
  margin-top: -1px;
  padding: 20px 0 0;
  width: 100%;
  border-bottom: 1px solid transparent;
}
.commets-list .avatar{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.comment-meta,
.reply,
.comment-notes,
.form-allowed-tags,
span.small{
  font-size: 80%;
}

.comment-body p{
  clear: both;
}
.reply{
  text-align: right;
}

.bypostauthor{
  /* 記事投稿者のコメントのスタイル */
}

.children{
  padding-left: 2em;
}

#respond{
  margin-bottom: 40px;
}

#comments,
#reply-title{
  font-size: 21px;
}

#comments{
  margin-bottom: 25px;
}

/************************************
** 入力フォーム（Form）
************************************/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #333;
  /*display: block;*/
  font-size: 16px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  box-sizing: border-box;
}

input#author,
input#email,
input#url{
  max-width: 360px;
}

.gsc-search-box input[type="text"]{
  background-color:#FFF;
  border-radius: 0px;
}

#comment-area input[type="text"],
#comment-area textarea{
  display: block;
}

textarea {
  overflow: auto;
  width:100%;
  box-sizing: border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border: 1px solid #ff69b4;
  background: #fff;
  box-shadow:  0 0 3px rgba(255,105,180,1);
   color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 14px;
  border: 1px solid #777;
  border-radius: 3px;
  background: #fff;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  /* Old browsers */
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #eee;

}

select, option{
  padding: 5px;
}

/*
select{
  border: 1px solid #bbb;
  border-right: 2px;
}

select, option {
  margin: 0.5em 1px;
  padding: 3px 5px;
  vertical-align: middle;
}
#sidebar select{
  width: 100%;
}
*/
/*.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  position: relative;
  top:1px;
}*/

/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/
#sidebar h3{
  margin-bottom: 10px;
  font-size:20px;
}
#sidebar .widget{
  margin-bottom: 45px;
  border: solid 1px #ededed;
}

.widget_search{
  margin-bottom: 0;
}

#sidebar ul,
#sidebar ol,
.widget-over-article ul,
.widget-over-article ol,
.widget-under-article ul,
.widget-under-article ol,
.widget-over-sns-buttons ul,
.widget-over-sns-buttons ol,
.widget-under-sns-buttons ul,
.widget-under-sns-buttons ol{
  padding-left: 1em;
  list-style:none;
}

#sidebar ul.snsp,
#main ul.snsp,
#footer ul.snsp{
  padding-left: 0;
}

.widget-over-article{
  margin-top: 10px;
  margin-bottom: 10px;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
  margin:20px 0;
}

#sidebar li{
    margin-bottom: 12px;
    border-bottom: dotted 1px #ddd;
    padding-bottom: 9px;
}

.sidebar-thumbnail-box{
  float: left;
  width: 75px;
}

.sidebar-recent-posts-title{
  float: right;
  width: 165px;
}
  #sidebar-recent-posts h3,
  #sidebar-recent-posts p,
  #sidebar-popular-posts h3,
  #sidebar-popular-posts p{
    margin: 0;
  }

#main .widgets{
  margin-top: 20px;
  margin-bottom: 20px;
}

#sidebar .widget_category_sns_follow_buttons ul,
.widget_category_sns_follow_buttons ul{
  padding-left: 0;
}

.widget_text ul {
  list-style-type:  disc;
}
.widget_text ol {
  list-style-type:  decimal;
}

/************************************
** 新着記事・人気記事（new, pupular）
************************************/
.widget_new_entries,
.widget_new_popular,
.widget_popular_ranking{
  line-height:150%;
}

.widget_new_entries h4,
.widget_new_popular h4,
.widget_popular_ranking h4{
  margin-bottom:15px;
}

#main .widget_new_entries ul,
#main .widget_new_popular ul,
#main .widget_popular_ranking ul,
#sidebar .widget_new_entries ul,
#sidebar .widget_new_popular ul,
#sidebar .widget_popular_ranking ul,
#footer .widget_new_entries ul,
#footer .widget_new_popular ul,
#footer .widget_popular_ranking ul {
  padding-left:0;
  list-style:none;
}

.widget_new_entries ul li,
.widget_new_popular ul li,
.widget_popular_ranking ul li {
  clear: left;
  float: none;
  margin-bottom:10px;
/*  overflow: auto;
  zoom: 1;*/
}

.widget_new_entries ul li img,
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
  border: medium none;
  display: inline;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

span.wpp-views{
  font-size:x-small;
  font-style:italic;
}

/************************************
** 新着記事・人気記事（拡張）
************************************/
.widget_new_entries .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .popular-entry,
.widget_new_popular .new-entrys-large .new-entry,
.widget_new_popular .popular-entrys-large .wpp-list li,
.widget_popular_ranking .popular-entrys-large .popular-entry,
.widget_popular_ranking .popular-entrys-large .wpp-list li{
  margin-bottom:15px;
  line-height:120%;
  position:relative;
  display:block;
  max-width: 440px;/*これを書いておかないと、タイトル部分がはみ出す*/
  overflow: visible;
}

.widget_new_entries .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .popular-entry img,
.widget_new_popular .new-entrys-large .new-entry img,
.widget_new_popular .popular-entrys-large .wpp-list li img,
.widget_popular_ranking .popular-entrys-large .popular-entry img,
.widget_popular_ranking .popular-entrys-large .wpp-list li img{
  width:100%;
  float:none;
  margin:0;
  display:block;
  margin-bottom:5px;
  min-height: 180px;
  max-width: 440px;/*iPhone6は幅が414pxなのでそれより大きく*/
  max-height: 240px;
  height: auto;
}

.widget_new_popular .popular-entrys-large .wpp-list li img.wpp_cached_thumb,
.widget_popular_ranking .popular-entrys-large .wpp-list li img.wpp_cached_thumb{
  height:auto;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
/*  opacity:0.7;
  background-color:#333;*/
  padding:10px;
  max-height:28%;
  overflow:hidden;
  display:block;
}

.widget_new_entries .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_new_popular .new-entrys-large-on .new-entry .new-entry-content a,
.widget_new_popular .popular-entrys-large-on .wpp-list li a.wpp-post-title,
.widget_popular_ranking .popular-entrys-large-on .popular-entry .popular-entry-content a,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li a.wpp-post-title {
  color:#fff;
  /*opacity:0.8;*/
  display:block;
}

.widget_new_popular .popular-entrys-large-on .wpp-list li span.wpp-views,
.widget_popular_ranking .popular-entrys-large-on .wpp-list li span.wpp-views {
  /* 画像をBase64にするためコメントアウト
  background: url("images/black-transparent.png") repeat scroll 0 0 transparent; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAA1JREFUGNNjGAWDCgAAAZAAAXtlmk8AAAAASUVORK5CYII=") repeat scroll 0 0 transparent;
  color:#fff;
  opacity:1;
  display:block;
  right:0;
  top:0;
  position:absolute;
  padding:2px 10px;
  border-bottom-left-radius:15px;
  font-size:medium;
}


/************************************
** フッター(footer)
************************************/
#footer {
  clear: both;
  background-color: #001489;
  color: #fff;
  padding: 5px;
  padding: 50px 0 0;
}

#footer-widget {
  margin: 10px auto;
  text-align: left;
  padding:0 5%;
}

.footer-left,
.footer-center,
.footer-right{
  box-sizing: border-box;
  padding: 10px;
}

.footer-left {
  float: left;
  width: 34%;
}

.footer-center {
  float: left;
  width: 33%;
}

.footer-right {
  float: left;
  width: 33%;
}

#footer-widget {
  color: #fcfcfc;
}

#footer-widget ul{
  list-style:none;
  padding-left:1em;
}

#footer-widget li {
  font-size: 14px;
}

#footer a {
  color: #DCDCDC;
}

#footer h3{
  color:#fff;
  font-size: 16px;
}

#copyright{
  padding: 20px 0;
  font-size: 70%;
  font-weight: 200;
  text-align: right;
  background: #EF3340;
}

#copyright a{
  text-decoration:none;
  color:#fff;
}


/************************************
** TOPへ戻るボタン（Go to top）
************************************/
#page-top{
  position:fixed;
  display:none;
  right: 10px;
  bottom: 24px;
}

#page-top a{
  color:#fff;
  padding:7px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  background-color: #aaa;
  line-height:100%;
  border-radius: 4px;
  font-size:11px;
}


/************************************
** 広告（ads）
************************************/
.ad-space{
  margin: 30px 0;
  clear:both;
}

.ad-article-bottom{

}

.ad-left{
  float:left;
  margin-right:2px;
  width:336px;
}


.ad-right{
  float:right;
  margin-left:2px;
  width:336px;
}

.ad-top-pc{
  width:728px;
  margin: 0 -24px 15px;
}

.ad-space-top{
  margin-top:0;
  margin-bottom:5px;
}

.ad-space-singular{
  margin-top:15px;
  margin-bottom:10px;
}

.ad-space-top .ad-label{
  display:none;
}

#sidebar .ad-space{
  margin-top:0;
}

/************************************
** 非表示にするものまとめ
************************************/
.widget-ad,
.widget-over-article-title,
.widget-under-article-title,
.widget-over-sns-buttons-title,
.widget-under-sns-buttons-title,
#sidebar .ad-space .ad-label{
 display:none;
}

.widget-index-top{
  margin-bottom: 30px;
}

.widget-index-middle{
  margin-bottom: 40px;
}

/************************************
** モバイルメニュー
************************************/
#mobile-menu{
  display:none;
}

#mobile-menu a{
  color:#333;
  padding: 4px 8px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  line-height:100%;
  border-radius: 3px;
  position:absolute;
  right: 7px;
  font-size: 15px;
  margin-top: 3px;
}

#mobile-menu a:hover,
#page-top a:hover{
  opacity: 0.7;
}

/************************************
** サムネイルつきポストナビ
************************************/
#prev-next{
  width:100%;
  margin: 36px 0 24px;
  padding:0;
  display: table;
}

#prev-next  #prev, #prev-next #next{
  width: 50%;
  display: table-cell;
  position:relative;
  text-decoration:none;
}

#prev-next #prev:hover, #prev-next #next:hover{
background-color: rgba(238,238,238,0.7);
}

#prev-next #prev{
border-right:#ddd 1px solid;
}

#prev-next #prev-title, #prev-next #next-title{
  top:-0.8em;
  position:absolute;
  border: 1px #ccc solid;
  text-align: center;
  padding:5px;
  color:#666;
  font-size:28px;
  border-radius:6px;
  background-color: #fff;
}
#prev-next #next-title{
  right:10px;
}
#prev-next span{
  padding:0;
  margin:0;
}

#prev-next #prev img, #prev-next #next img{
  margin:0 auto;
  width: 100px;
  height: 100px;
}

#prev-next #prev-no, #prev-next #next-no{
  width: 50%;
  padding:0 10px;
  display: table-cell;
}

#prev-next #prev-no{
  border-right:#ddd 1px solid;
}

#prev-no,
#next-no{
  position:relative;
}
#prev-no a:hover,
#next-no a:hover{
  background-color:#fff;
}

#prev-next-home span{
  color:#ccc;
  font-size:100px;
  margin:0 auto;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
  #prev-next-home span{
    margin-top: 50px;
  }
}

#prev-next #prev, #prev-next #prev::before, #prev-next #prev::after,
#prev-next #next, #prev-next #next::before, #prev-next #next::after {
  box-sizing: border-box;
}

#prev-next #next-title{
  right:10px;
}

#prev-next #prev img{
  margin-top:10px;
  float:left;
  margin-right:10px
}

#prev-next #next img{
  margin-top:10px;
   float:right;
   margin-left: 10px;
}


/************************************
** モバイルモーダルメニュー（animatedModal.js）
************************************/
#animatedModal a{
  color: #fff;
  text-decoration: none;
}

.close-animatedModal{
  text-align: center;
  font-size: 45px;
}

.modal-content{
  max-width: 440px;
  width: auto;
  margin: auto;
}

#animatedModal ul{
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
}

#animatedModal ul li{
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 10px 10px;
}

#animatedModal ul li a{
  padding: 5px 10px;
  width: auto;
  border-radius: 5px;
  display: block;
}

#animatedModal ul li a:hover{
  background-color: #555;
}

/*Google検索ボックス用*/
#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse{
  background-color: transparent;
  border: none;
}

/*SlickNav用スタイル*/
.slicknav_menu {
  display: none;
}

/*トップへ戻る画像の背景*/
#page-top a.move-page-top-image{
  background-color: transparent;
}

/*Firefoxの不具合？対策*/
div.vdh-mask{
  display: none;
}


/************************************
** Alt属性値を画像ホバー時にキャプション表示する
************************************/
.imgs-wrap{
  margin: 16px 0;
}

.hover-image {
  display: inline-block;
  /*margin: 16px 0;*/
  text-align: left;
  opacity: .99;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);*/
}


.wp-caption .hover-image {
  margin: 0;
}

.hover-image:before {
  content: '';
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: top, opacity;
          transition-property: top, opacity;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.hover-image-admin:before {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.hover-image img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  vertical-align: bottom;
}
.hover-image .details {
  font-size: 16px;
  padding: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.hover-image .details a{
  color: #fff;
  text-decoration: none;
}
.hover-image .details span {
  display: block;
  opacity: 0;
  position: relative;
  top: 100px;
  -webkit-transition-property: top, opacity;
          transition-property: top, opacity;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.hover-image-admin .details span {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.hover-image .details .info {
  line-height: 1.2;
  margin-top: 5px;
  font-size: 12px;
}
.hover-image:hover:before,
.hover-image:hover span {
  opacity: 1;
}
.hover-image:hover:before {
  top: 50%;
}
.hover-image:hover span {
  top: 0;
}
.hover-image:hover .info {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.hover-image-admin:hover .info {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}


/************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/
div.fb-like-mobile{
  display: none;
}
.article-like{
  height: 100px;
  margin-top: 30px;
  margin-bottom: 30px;
  clear: both;
}
.article-like-thumb{
  float: left;
  width: 100px;
}
.article-like-thumb img{
  display: block;
}
.article-like-body{
  margin-right: 140px;
  float: none;
  padding: 10px;
  font-size: 18px;
  line-height: 1.3em;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
  color: #000;
  box-sizing: border-box;
}
.article-like-body::after{
  content: '\f054';
  position: absolute;
  right: 110px;
  top: 27px;
  color: #ccc;
  font-size: 50px;
  font-family: FontAwesome;
  line-height: 100%;
}
.article-like-button {
  background-color: #f3f3f3;
  width: 100px;
  height: 100px;
  text-align: center;
  float: right;
  padding-top: 27px;
  box-sizing: border-box;
/*  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;*/
}

.article-like-button iframe{
  background-color: #fff;
}

.article-like-arrow-box {
  float: left;
  position: relative;
  border: 1px solid #bbb;
  margin-left: 12px;
  width: calc(100% - 114px);
  border-radius: 5px;
}
.article-like-arrow-box-in{
  border-radius: 5px;
  overflow: hidden;
}
.article-like-arrow-box:after, .article-like-arrow-box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.article-like-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.article-like-arrow-box:before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #bbb;
  border-width: 11px;
  margin-top: -11px;
}


/************************************
** Facebookページを「いいね！」するエリアのスタイル（サイドバーの時）
************************************/
#sidebar .article-like-body::after{
  display: none;
}
#sidebar .article-like-body{
  font-size: 0.8em;
  padding: 5px;
  line-height: 1.1em;
  margin-right: 0;
  height: 70px;
}
#sidebar .article-like-arrow-box{
  height: 100px;
}
#sidebar .article-like-button{
  float: none;
  width: 100%;
  height: 30px;
  display: block;
  line-height: 24px;
  padding-top: 0;
}
#sidebar div.fb-like-mobile{
  display: block;
}
#sidebar div.fb-like-pc{
  display: none;
}

/************************************
** feedlyバルーンのスタイル
************************************/

/************************************
** 購読者数つきFeedlyボタン（縦型）
************************************/
#feedly-followers {
    display: block;
}

#feedly-followers a{
  display: block;
}

#feedly-followers img{
    width:72px;
    height:22px;
    border:none;
}

/* 購読者数の表示部分 */
#feedly-count {
  margin:0 auto 6px auto;
  width: 62px;
  height: 31px;
  background-color: #FFF;
  position: relative;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  padding: 0 4px;
  font-family: Arial;
  font-size: 16px;
  line-height: 31px;
  text-align: center;
  display: block;
}

#feedly-count a{
  color:#333;
  text-decoration:none;
}

/* 購読者数吹き出し部分 */
.fdly-count:after,
.fdly-count:before {
  border: solid transparent;
  content: ' ';
  right: 43%;
  position: absolute;
}

.fdly-count:before {
  border-width: 5px;
  border-top-color: #B0C1D8;
  top: 32px;
}

.fdly-count:after {
  border-width: 5px;
  border-top-color: #FFF;
  top: 30px;
}

/************************************
** 購読者数つきFeedlyボタン（横型）
************************************/
.feedly-btn-horizontal img#feedly-follow{
  width:60px;
  height:20px;
  border:0;
  margin-right:3px;
}

.feedly-btn-horizontal .arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #BDBDBD;
  padding: 0 6px;
  border-radius:3px;
  top:-7px;
  line-height:18px;
  display:inline-block;
  height:22px;
}

.feedly-btn-horizontal a{
  color:#333;
  font-size:11px;
  text-decoration:none;
  line-height:18px;
}

.feedly-btn-horizontal a:hover{
  color:#333;
}

.feedly-btn-horizontal .arrow_box:after,
.feedly-btn-horizontal .arrow_box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.feedly-btn-horizontal .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 3px;
  margin-top: -3px;
}

.feedly-btn-horizontal .arrow_box:before {
  border-color: rgba(189, 189, 189, 0);
  border-right-color: #BDBDBD;
  border-width: 4px;
  margin-top: -4px;
}

/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  margin: 20px 0;
  max-width:100%;
  width: 500px;
  position: relative;
  clear:both;
  min-height:145px;
  min-width: 300px;
  box-sizing: border-box;
}

#sidebar .blog-card{
  margin-left: 0;
  margin-right: 0;
}

#sidebar .blog-card-title{
  font-size: 14px;
  line-height: 120%;
}

#sidebar .blog-card-excerpt,
#sidebar .blog-card-footer{
  font-size: 11px;
  line-height: 120%;
}


#sidebar img.blog-card-thumb-image{
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}

#sidebar .blog-card-thumbnail-left .blog-card-content {
  margin-left: 90px;
}

.internal-blog-card,
.external-blog-card{
  padding:12px;
  padding-bottom: 6px;
  border:1px solid #ddd;
  word-wrap: break-word;
  border-radius: 5px;
}

.external-blog-card-hatena{
  border: 0;
  background-color: transparent;
  overflow: hidden;
}

.blog-card-thumbnail{
  float:left;
}

.blog-card img.blog-card-thumb-image{
  border:0;
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
  margin-bottom: 0.5em;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight: bold;
  text-decoration: none;
  color: #111;
}

.blog-card-excerpt{
  color: #333;
  font-size: 0.9em;
  max-height: 80px;
  overflow: hidden;
}

.blog-card-footer{
  font-size: 0.7em;
  width: 100%;
  color:#777;
  clear:both;
  vertical-align: bottom;
  margin-left: -4px;
  /*position: absolute;
  bottom: 12px;*/
  /*position: relative;
  left: -3px;*/
}

.blog-card-site{
  float: left;
  margin-right: 7px;
  margin-top: 1px;
}

.blog-card-hatebu{
  float: left;
  margin-right: 7px;
  position: relative;
  bottom: -5px;
}

.blog-card-date{
  float: right;
  margin-bottom: -5px;
}

.blog-card-site{
  position:relative;
}

.blog-card-site a{
  color:#777;
  text-decoration:none;
}

.blog-card-favicon{
  margin-right:3px;
  position: relative;
  bottom: -4px;
}

.blog-card-favicon-img{
  width:16px;
  height:16px;
}


/***********************************
 ブログカード（幅が狭い場合）
 ***********************************/
@media screen and (max-width: 560px){
  .article .blog-card,
  .article .entry-content .hover-card{
    width: 100%;
  }

  .blog-card-content{
    margin-left: 0;
  }

  .blog-card-title a{
    font-size: 14px;
    line-height: 120%;
  }

  .blog-card-excerpt,
  .blog-card-footer{
    font-size: 11px;
    line-height: 120%;
  }

  #main .blog-card,
  #main .hover-card{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  img.blog-card-thumb-image{
    width: 80px;
    height: 80px;
  }

  .blog-card-content {
    margin-left: 90px;
  }
}


/* IE10以降 */
/*@media all and (-ms-high-contrast:none){
  .blog-card-favicon {
    display:none;
  }
}*/

.clear{
  clear:both;
}

#sidebar .blog-card,
#sidebar .hover-internal-blog-card,
#sidebar .hover-external-blog-card,
#sidebar .hover-card,
#footer .blog-card,
#footer .hover-internal-blog-card,
#footer .hover-external-blog-card {
  width: 100%;
  min-width: initial;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width:524px){
  /*.blog-card{width:auto;}*/
}


/************************************
** SNSに関するスタイルシートの設定
************************************/

/************************************
** SNSシェアボタン
************************************/
#sns-group{
  clear: both;
  margin-bottom: 80px;
}

ul.snsb{
  padding:10px 0;
  margin-bottom:0;
  font-family: sans-serif;
}

.snsb li {
  float: left;
  list-style-type: none;
  margin-right: 7px;
  margin-top: 2px;
  margin-bottom: 5px;
}

ul.snsbs li{
  margin-right:5px;
  margin-bottom:5px;
}

ul.snsbs li a{
  color:#fff;
  text-decoration:none;
  font-size:25px;
  background-color:#000;
  display:block;
  padding:7px 6px 3px 6px;
  border-radius:5px;
  width:25px;
  height:30px;
  position:relative;
  text-align: center;
}

ul.snsbs li a .social-count{
  font-size:10px;
  background-color:#555;
  width:auto;
  padding:1px 3px;
  border-radius:5px;
  position:absolute;
  display:inline-block;
  right:0;
  bottom:0;
  height:12px;
  line-height:12px;
  font-family: Arial;
}

ul.snsbs a.twitter-btn-icon-link{background-color:#55acee;}
ul.snsbs a.facebook-btn-icon-link{background-color:#3b5998;}
ul.snsbs a.google-plus-btn-icon-link{background-color:#dd4b39;}
ul.snsbs a.hatena-btn-icon-link{background-color:#3C7DD1;}
ul.snsbs a.pocket-btn-icon-link{background-color:#EE4257;}
ul.snsbs a.line-btn-icon-link{background-color:#00c300;}
ul.snsbs a.evernote-btn-icon-link{background-color:#51b125;}
ul.snsbs a.feedly-btn-icon-link{background-color:#87bd33;}
ul.snsbs a.push7-btn-icon-link{background-color:#eeac00;}
ul.snsbs a.comments-btn-icon-link{
  background-color:#555;
  padding-top: 4px;
  padding-bottom: 6px;
}


.snsbs li a:hover{
  opacity: 0.7;
}

.snsbs li img {
  border-radius:10px;
}
img.line-btn-img{
  height:62px;
}

img.line-btn-img-mini{
  display:none;
}

img.evernote-btn-img{
  min-height:62px;
}

img.evernote-btn-img-mini{
  display:none;
}

/************************************
** タイトル下SNSボタン
************************************/
#sns-group-top ul{
  padding:0;
  line-height:20px;
}

#sns-group-top ul li{
  margin-top: 2px;
  margin-bottom: 2px;
}

#sns-group-top .sns-share-msg{
  display:none;
}

#sns-group-top .twitter-btn{
  width:100px;
}

#sns-group-top .facebook-btn{
  width: 127px;
}

#sns-group-top .google-plus-btn{
  width: 65px;
  margin-top:-2px;
}

#sns-group-top .pocket-btn{
  width:90px;
}

#sns-group-top img.line-btn-img{
  display:none;
}

#sns-group-top img.line-btn-img-mini{
  display:block;
  height: 20px;
}

#sns-group-top .evernote-btn-img{
  display:none;
}

#sns-group-top .evernote-btn-img-mini{
  display:block;
}

#sns-group-top .evernote-btn-img-mini{
  height:20px;
  width:auto;
}

/************************************
** SNSページフォロー
************************************/
.sns-follow-msg{
  margin: 8px 0 0 0;
  font-size:medium;
}

.sns-share-msg{
  margin-bottom:-20px;
  font-size:medium;
}

#header .sns-follow-msg{
  display:none;
}

ul.snsp{
  list-style:none;
  padding-left:0;
  margin:10px 0 15px;
}

ul.snsp li{
  display:inline;
  margin-right:5px;
}

ul.snsp li a{
  font-size:19px;
  line-height:170%;
  text-decoration:none;
}

/*ul.snsp li.push7-page a span {
  font-size: 26px;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-color: #666;
  padding: 2px 2px 3px;
  color: #fff;
  position: relative;
  top: -4px;
}

ul.snsp li.push7-page a{
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  position: relative;
}*/

/*Facebookコメント欄が表示されない不具合修正*/
.fb-like iframe {
    max-width: none;
}

/*アイコフォントの大きさ*/
ul.snsp li {
  display: inline-block;
  margin-right: 5px;
}

ul.snsp li a {
  text-decoration: none;
}

ul.snsp li a span {
  display: block;
  font-size: 33px;
  width: 33px;
  height: 33px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #666;
  color: #fff;
}

/*feedly、LINEアイコンは自作なので少し大きかったので調整*/
ul.snsp li a span.icon-feedly-square,
ul.snsp li a span.icon-line-square,
ul.snsp li a span.icon-push7-square,
ul.snsp li a span.icon-hatebu-square{
  font-size:34px;
  position: relative;
}

#sns-group ul.snsp li a:hover{
  color: #fff;
}

ul.snsp li.twitter-page a span:hover{
  background-color:#55acee;
}

ul.snsp li.facebook-page a span:hover{
  background-color:#3b5998;
}

ul.snsp li.google-plus-page a span:hover{
  background-color:#dd4b39;
}

ul.snsp li.instagram-page a span:hover{
  background-color:#3f729b;
}

ul.snsp li.hatebu-page a span:hover{
  background-color:#008fde;
}

ul.snsp li.pinterest-page a span:hover{
  background-color:#cc2127;
}

ul.snsp li.youtube-page a span:hover{
  background-color:#e52d27;
}

ul.snsp li.flickr-page a span:hover{
  background-color:#1d1d1b;
}

ul.snsp li.github-page a span:hover{
  background-color:#24292e;
}

ul.snsp li.feedly-page a span:hover{
  background-color:#87bd33;
}

ul.snsp li.push7-page a span:hover{
  background-color: #eeac00;
}

ul.snsp li.line-page a span:hover{
  background-color:#00c300;
}

ul.snsp li.rss-page a span:hover{
  background-color:#fe9900;
}


ul.snsp li.feedly-page a img{
  margin-bottom:-3px;
  width:32.5px;
  height:32.5px;
  border-radius:7px;
  border-width:0px;
}

/************************************
** シェアバー
************************************/
#sharebar {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99;
  margin-left:-110px;
  margin-top:-50px;
  width:90px;
  position: fixed;
}

#sharebar ul li{
  display: block;
  margin: 5px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  float:none;
}

#sharebar ul li div{
  margin: auto;
}

#sharebar ul.snsb-balloon li,
#sharebar li.comments-balloon-btn{
  margin-left:15px;
  margin-bottom:10px;
}

#sharebar .sns-share-msg{
  display:none;
}

/************************************
** 自作のバルーンシェアボタン
************************************/
.balloon-btn-set{
  display:block;
  width:60px;
  height:63px;
}

.balloon-btn-set a{
  display:block;
  color:#777;
  font-size:14px;
  text-decoration:none;

}

.balloon-btn-set a.twitter-arrow-box-link .fa-comments{
  color: #aaa;
  font-size: 13px;
}

a.arrow-box-link{
  font-weight:bold;
  text-align:center;
  font-family: Arial;
  display:block;
  font-size: 14px;
}

a.evernote-arrow-box-link{
  /*font-family: 'Boogaloo', cursive;*/
  font-weight:normal;
}

a.arrow-box-link:hover{color:#555;}

a.balloon-btn-link{
  border:1px solid #ddd;
  width:58px;
  height:20px;
  line-height:22px;
  position:relative;
  top:4px;
  color:white;
  border-radius:3px;
  text-align:center;
  display:block;
}

a.balloon-btn-link:hover{
  opacity:0.7;
}

a.twitter-balloon-btn-link{background-color:#55acee;}
a.facebook-balloon-btn-link{background-color:#3c5a99;}
a.googleplus-balloon-btn-link{background-color:#dd4b39;}
a.hatena-balloon-btn-link{background-color:#3c7dd1;}
a.pocket-balloon-btn-link{background-color:#ee4257;}
a.line-balloon-btn-link{background-color:#00c300;}
a.evernote-balloon-btn-link{background-color:#51b125;}
a.feedly-balloon-btn-link{background-color:#87bd33;}
a.push7-balloon-btn-link{background-color:#eeac00;}
a.comments-balloon-btn-link{background-color:#333;}

a.comments-balloon-btn-link .fa-comment{position: relative;top:-3px;}

.arrow-box {
  position: relative;
  background: #fff;
  border: 1px solid #bbb;
  text-align:center;
  width:58px;
  height:33px;
  border-radius:3px;
  line-height:33px;
  display:inline-block;
}

.arrow-box:after,
.arrow-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 3px;
  margin-left: -3px;
}
.arrow-box:before {
  border-color: rgba(187, 187, 187, 0);
  border-top-color: #ddd;
  border-width: 5px;
  margin-left: -5px;
}

/************************************
** タイトル下SNSボタン
************************************/
.page #sns-group-top {
    display: none;
}

#sns-group-top .balloon-btn-set{
  display:block;
  width:87px;
  height:22px;
  margin-bottom:10px;
}

#sns-group-top .arrow-box{
  height:20px;
  width:50px;
  line-height:20px;
  float:right;
}

#sns-group-top .arrow-box-link{
  line-height:20px;
  text-align:center;
}

#sns-group-top .balloon-btn-link{
  top:0;
  width:28px;
  float:left;
  line-height:24px;
}

#sns-group-top .arrow-box {
  position: relative;
  background: #fff;
  border: 1px solid #bbb;
}
#sns-group-top .arrow-box:after,
#sns-group-top .arrow-box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  left:auto;
  position: absolute;
  pointer-events: none;
}
#sns-group-top .arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 3px;
  margin-top: -3px;
}
#sns-group-top .arrow-box:before {
  border-color: rgba(119, 119, 119, 0);
  border-right-color: #bbb;
  border-width: 4px;
  margin-top: -4px;
}

/************************************
** Google FontsのBoogalooをダウンロードしたものの呼び出し
************************************/
/*@font-face{
  font-family: Boogaloo;
  src:url('webfonts/boogaloo/Boogaloo-Regular.ttf');
}

@font-face {
 font-family: Boogaloo;
 src: url('webfonts/boogaloo/Boogaloo-Regular.ttf') format("truetype");
}*/

/************************************
** バイラルボタン
************************************/
.sns-group-viral ul.snsb{
  box-sizing: border-box;
}

.sns-group-viral ul.snsb li{
  box-sizing: border-box;
  width: 24%;
  margin-right: 1%;
}

.sns-group-viral ul.snsb li a{
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  border-radius: 3px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 16px;
  line-height: 35px;
}

.sns-group-viral ul.snsbs li a .social-count{
  font-size: 12px;
  bottom: 2px;
  font-weight: bold;
  background-color: transparent;
}

.sns-group-viral .social-icon:after{
  margin-left: 7px;
  position: relative;
  top: -2px;
  font-family: arial;
}

.sns-group-viral .fa-comment:after{
  top: 0;
}


.sns-group-viral .icon-twitter:after{
  content: 'Twitter';
}

.sns-group-viral .icon-facebook:after{
  content: 'Facebook';
}

.sns-group-viral .icon-googleplus:after{
  content: 'Google+';
}

.sns-group-viral .icon-hatena:after{
  content: 'Hatena';
}

.sns-group-viral .icon-pocket:after{
  content: 'Pocket';
}

.sns-group-viral .icon-line:after{
  content: 'Line';
}

.sns-group-viral .icon-evernote:after{
  content: 'Evernote';
}

.sns-group-viral .icon-feedly:after{
  content: 'Feedly';
}

.sns-group-viral .icon-push7:after{
  content: 'Push';
}

.sns-group-viral .fa-comment:after{
  content: 'Comment';
}

/************************************
** バイラルボタン（シェアバー）
************************************/
#sharebar .sns-group-viral ul.snsb li{
  width: 100%;
}

#sharebar .sns-group-viral ul.snsb li a{
  width: 80px;
}

#sharebar .sns-group-viral .social-icon:after{
  display: none;
}

/************************************
** とりあえず何でもレスポンシブ化するスタイル
************************************/
img,canvas,iframe,video,svg{max-width:100%}.overflow-container{overflow-y:scroll}.aspect-ratio{height:0;padding-top:56.25%;position:relative}.aspect-ratio--object{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:100}

/************************************
** 外部パーツ微調整
************************************/
/*外部パーツの微調整など*/
/*SimplicityでbbPressのスタイルを整える*/
.bbp-breadcrumb-home,
.bbp-breadcrumb-home+.bbp-breadcrumb-sep,
.topic .post-date,
.topic .post-update,
.topic .footer-post-meta,
.post-0 .post-date,
.post-0 .post-update,
.post-0 .footer-post-meta,
.forum .post-date,
.forum .post-update,
.forum .footer-post-meta{
  display: none;
}

#bbp_search{
  font-size: 17px;
}

#bbp_search_submit{
  padding-top:9px;
  padding-bottom:9px;
}

.post-0 .post-meta{
  height: 27px;
}

.bbp-reply-content{
  font-size: 16px;
  line-height: 170%;
}

.bbp-forum-title{
  font-size: 16px;
}

.bbp-topic-permalink{
  font-size: 14px;
}

#main #bbpress-forums .status-closed{
  color: #000;
  background-color: #fcfcfc;
}

#main #bbpress-forums .status-closed a {
  color: #2098a8;
}

#main #bbpress-forums .status-closed li.bbp-topic-title a{
  color: #333;
}

#bbp-container .entry-content{
  margin-left:0;
}

.bbp-form > p,
.bbp-form > div{
  text-align: left;
}

#bbp_reply_content,
#bbp_topic_content{
  border:1px solid #ccc;
}

/*bbResolutions*/
.bbr-form-wrapper {
  clear: left;
}

.bbr-field-wrapper {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

.bbr-resolution-sticker{

}
@media screen and (max-width: 440px){
  #main #bbpress-forums div.bbp-forum-content,
  #main #bbpress-forums div.bbp-topic-content,
  #main #bbpress-forums div.bbp-reply-content{
    margin-left: 10px;
  }
}

@media screen and (max-width: 480px){
  .article #bbpress-forums .bbp-body div.bbp-reply-author{
    padding-left: 0;
    margin-top: 10px;
    line-height: 130%;
  }

  .article #bbpress-forums div.bbp-reply-author img.avatar{
    top: 0;
  }
}

/*Googleカスタム検索用*/
#cse-search-box input[type="text"]{
  width: calc(100% - 70px);
  background-color: #fff;
}

#cse-search-box input {
  display: inline-block;
  box-sizing: border-box;
  height: 34px;
  color: #333;
}

#main #bbpress-forums div.bbp-reply-author img.avatar{
  position: relative;
}

/*カテゴリ・アーカイブウィジェットをドロップダウンにしたときラベルを表示しない*/
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text{
  display: none;
}

/************************************
** レスポンシブページネーション
************************************/
.pagination{
  list-style-type: none;
  padding-left: 0;
  text-align: center;
  margin: 40px 0;
}

.pagination li{
  display: inline-block;
}

.pagination a,
.pagination span {
  font-weight: 500;
  text-decoration:none;
/*  border: 1px solid #ddd;
  border-left-width: 0;*/
  border: none;
  width:38px;
  height:38px;
  color: #333;
  display: block;
  line-height: 38px;
  margin-left: 3px;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current span {
 background-color: #ddd;
 cursor: default;
 pointer-events: none;
}

.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

@media only screen and ( max-width: 500px ) {
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 310px ) {
  .pagination li {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{
    position: initial;
    top: initial;
    left: initial;
  }

  .pagination li.previous a { border-left-width: 0; }
}

/*@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a { border-left-width: 1px; }
}
*/
.entry-large-thumnail{
  width: 100%;
  height: auto;
}

/***********************
* 旧Twitterボタンのような見た目を再現
***********************/
.twitter-balloon-btn-defalt .balloon-btn-set {
  display:block;
  width:65px;
  height:63px;
}

.twitter-balloon-btn-defalt a.balloon-btn-link{
  width:65px;
  position: relative;
}

.twitter-balloon-btn-defalt .arrow-box {
  width:65px;
}

.twitter-balloon-btn-defalt a.twitter-balloon-btn-link .tweet-label{
  font: 11px "Helvetica Neue",Arial,sans-serif;
  /*
  font-weight: bold;
  color: #000;
  */
  vertical-align: 25%;
}

#sns-group-top .twitter-balloon-btn-defalt .balloon-btn-set{
  width: 100px;
  margin-bottom: 0;
}

#sns-group-top .twitter-balloon-btn-defalt .balloon-btn-link{
  width: 65px;
}

#sns-group-top .twitter-balloon-btn-defalt .arrow-box {
    width: 25px;
}

/************************************
** アイキャッチ
************************************/
.eye-catch{
  line-height: 100%;
  margin-left: 0;
}

.eye-catch-caption{
  font-size: 75%;
}


/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}

#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
  border-bottom: none;
}
#sidebar .widget_archive ul.years li a{
  display: block;
  border-bottom: dotted 1px #ddd;
  padding-bottom: 5px;
  text-decoration: none;
  margin-bottom: 5px;
}
#sidebar .widget_archive ul.years .month li{
  display: inline-block;
  width: 20%;
  border-bottom: none;
}
#sidebar .widget_archive ul.years .month li a{
  border-bottom: none;
}
/*PageSpeed Insightsのユーザーエクスペリエンス対策*/
@media screen and (max-width:639px){
  #sidebar .widget_archive ul.years li a{
    margin-bottom: 8px;
    display: inline-block;
  }
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  display: none;
}

.admin-pv{
  text-align: right;
}

.admin-pv > span{
  margin: 0 5px;
  padding: 0 3px;
}


/************************************
** Push7通知ボタンのスタイル
************************************/
.snsb .p7-b > .p7-left,
.snsb .p7-b > .p7-top {
  border-color: #bbb;
  font-family: Arial;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #777;
}

.snsb .p7-b > .p7-left{
  margin-left: 6px;
}

.snsb .p7-b > .p7-top{
  padding: 0;
  line-height: 33px;
  height: 33px;
  margin-bottom: 4px;
}

#sharebar .snsb .p7-b > .p7-top{
  margin-bottom: 4px;
}
/*
.push7-balloon-btn .p7-b > a > span{
  display: none;
}
*/
.push7-balloon-btn .p7-b > a > span{
  font-size: 12px;
}

.push7-balloon-btn .p7-b > a{
  border: 1px solid #ddd;
  padding: 2px 4px;
}

.push7-balloon-btn .p7-b > a:hover{
  opacity: 0.7;
}

.facebook-save-button{
  margin: 1em 0;
}

.widget-under-sns-buttons.widget_facebook_save_button .main-widget-label{
  display: block;
  margin: 1em 0;
}


/************************************
** highlight.js用のスタイル
************************************/
.hljs {
  display: block;
  word-wrap: normal;
  overflow: auto;
  padding: 0.5em;
  border-radius:5px;
  margin: 1em auto;
  line-height: 1.4;
  -webkit-text-size-adjust: none;
}

.hljs-keyword, .hljs-attribute, .hljs-selector-tag, .hljs-meta-keyword, .hljs-doctag, .hljs-name {
    font-weight: bold;
}

/************************************
** 最近のコメントウィジェットのスタイル
************************************/
dl.recent-comments {
  width:100%;
  margin: 20px auto;

}

dl.recent-comments dt{
  text-align: left;
  clear: left;
  float: left;
  width: 46px;
  white-space: nowrap;
  margin-top: 3px;
}

dl.recent-comments dd{
  margin-left: 0;
  margin-bottom: 20px;
}

dl.recent-comments dd .recent-comment-author{
  font-weight: bold;
}

dl.recent-comments dd .recent-comment-content{
  font-size:14px;
}

.recent-comment-title{
  clear: both;
}

/************************************
** ホバーカードの設定
************************************/
.hover-card{
  text-decoration: none;
  display: block;
}

.hover-internal-blog-card,
.hover-external-blog-card{
  width: 500px;
}

.hover-internal-blog-card.hover-blog-card-wide,
.hover-external-blog-card.hover-blog-card-wide{
  width: calc(100% - 40px);
  margin: 20px;
}

/*ホバーカード内に幅いっぱいにする*/
.hover-blog-card-wide .blog-card-wide {
  width: auto;
  margin: 0;
}
/*
.hover-card:hover{
  background-color: #f7f7f7;
}
*/

.hover-card .entry-read,
.hover-card .category,
.hover-card .related-entry-read,
.hover-card .blog-card-title,
.hover-card .admin-pv{
  color: #111;
  text-decoration: underline;
}

.hover-card .admin-pv{
  text-decoration: none;
}

.hover-card .entry:hover,
/*.hover-card .entry-large-thumbnail:hover,
.hover-card .entry-tile:hover,*/
.hover-card .related-entry:hover,
.hover-card .related-entry-thumbnail:hover,
.hover-card .blog-card:hover{
  background-color: #f7f7f7;
}

.hover-card .entry-tile h2,
.hover-card .blog-card-title {
  font-size: 16px;
  line-height: 110%;
  text-decoration: none;
  font-weight: bold;
}

.hover-card .related-entry-thumbnail h3{
  font-size: 16px;
  line-height: 110%;
  font-weight: normal;
}

/************************************
** 人気ウィジェットをランキング
************************************/
.ranking_list {
  counter-reset: wpp-ranking;
}

.ranking_list ul li{
  position: relative;
}

.ranking_list ul li:before {
  background: none repeat scroll 0 0 #666;
  color: #fff;
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  font-size: 75%;
  left: 0;
  top: 3px;
  line-height: 1;
  padding: 4px 7px;
  position: absolute;
  z-index: 1;
  opacity: 0.9;
  border-radius: 2px;
  font-family: Arial;
}

.icon-amp-logo2::before {
  font-size: 14px;
}

/*!動画の最大幅を指定する*/
.video-container{
  max-width:640px;
  position: relative;
}

/*!動画の大きさを調整*/
.video-container .video {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 30px;
  overflow: hidden;
  max-width: 100%;
}

.video iframe,
.video object,
.video embed,
.instagram iframe,
.instagram object,
.instagram embed,
.facebook iframe,
.facebook object,
.facebook embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-click {
  cursor: pointer;
}

.video-click:hover .video-play {
    background: url("images/youtube-play.png") no-repeat scroll -101px -13px rgba(0, 0, 0, 0);
}

.video-play {
  background: url("images/youtube-play.png") no-repeat scroll 2px -13px rgba(0, 0, 0, 0);
  height: 62px;
  left: 50%;
  margin-left: -45px;
  margin-top: -33px;
  position: absolute;
  top: 50%;
  width: 100px;
  opacity: 0.8;
}

.video-title-grad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII=");
  background-position: center top;
}

.video-title-text {
  color: #eeeeee;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 17px;
  overflow: hidden;
  padding: 12px 16px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*パーツページ用
**************************************************************************************************/
.article h2.parts_dis{
  padding: 20px;
  margin: 30px 0;
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  background: #f8f8f8;
  font-size: 2.5rem;
}
/*トップページ
**************************************************************************************************/
.top_workflow_task h2{
  font-size: 2.6rem;
  color: #001489;
  font-weight: 600;
  text-align: center;
  padding: 30px 0;
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  margin-bottom: 60px;
  background: url(../../../../../images/common/line_back.png) repeat;
}
.top_workflow_task .h2_before,
.top_works .h2_before{
  font-size: 1.1rem;
  color: #001489;
  font-weight: 900;
  text-align: center;
  margin-bottom: 5px;
}
.top_workflow_task .h2_before span{
  font-size: 1.6rem;
  font-weight: 600;
  padding-left: 3px;
}
.top_section1{
  background: url(../../../../images/top/sec_1_bk.jpg) no-repeat left top #F6F6F6;
  padding:0;
  margin-bottom: 60px;
}
.top_section1 .img{
  padding: 30px 0;
  width: 40%;
  text-align: center;
}
.top_section1 .dis{
  width: 52%;
  margin-right: 3%;
}
.top_section1 .dis h2{
  margin-top: 70px;
  font-size: 2.4rem;
  line-height: 180%;
  margin-bottom: 20px;
  color: #001489;
  font-weight: 900;
}
.top_section1 .dis p{
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.top_workflow_task .left_img,
.top_workflow_task .right_img{
  width: 40%;
  text-align: center;
  position: relative;
}
.top_workflow_task .left_img .one,
.top_workflow_task .right_img .one{
  position: absolute;
  font-size: 1.8rem;
font-weight: 600;
text-align: left;
color: #001489;
}
.top_workflow_task .right_img .img{
  position: relative;
  top: -30px;
}
.top_workflow_task.top_workflow_task1 .left_img .one{
    left: -23px;
    bottom: 34px;
}
.top_workflow_task.top_workflow_task2 .right_img .one{
    right: -23px;
    bottom: 58px;
    color: #fff;
    font-weight: 500;
}
.top_workflow_task.top_workflow_task3 .left_img .one{
    top: 23px;
    left: -63px;
    background: #fff;
    padding: 5px 0;
    font-weight: 500;
}
.top_workflow_task .left_img .one span{
  font-size: 2.2rem;
  font-weight: 900;
}
.top_workflow_task .right_img .one span{
  font-size: 2.2rem;
  font-weight: 600;
}
.top_workflow_task .right_bullet {
  width: 60%;
}
.top_workflow_task .right_bullet li{
  float: left;
  width: 45%;
  position: relative;
  padding-left: 3%;
}
.top_workflow_task .right_bullet li:nth-child(2n){
  float: right;
}
.top_workflow_task .right_bullet li{
  font-size: 1.6rem;
  color: #001489;
  height: 94px;
  font-weight: 600;
  position: relative;
}
.top_workflow_task .right_bullet li p.text span{
  font-size: 1.4rem;
  display: block;
  margin-top: 10px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 400;
  color: #1e171b;
}
.top_workflow_task .right_bullet li .number{
  font-size: 4.0rem;
  position: absolute;
  font-style: italic;
  font-weight: 300;
  left: -3%;
  margin-top: 16px;
}
.top_workflow_task {
  margin-bottom: 0px;
  margin-top: 60px;
}
.top_workflow_task2{
  background: #001489;
  padding-top: 40px;
  padding-bottom: 40px;
}
.top_workflow_task3{
  padding-bottom: 40px;
}
.top_workflow_task.top_workflow_task2 .h2_before{
  color: #fff;
  font-weight: 400;
}
.top_workflow_task.top_workflow_task2 h2{
  color: #fff;
  font-weight: 500;
  background: url(../../../../../images/common/line_back_w.png) repeat;
  border-top: solid 1px #28437f;
  border-bottom: solid 1px #28437f;
}
.top_workflow_task.top_workflow_task2 .right_bullet li{
  color: #fff;
  font-weight: 500;
}
.top_workflow_task.top_workflow_task2 .right_bullet li p.text span{
  color: #fff;
  font-weight: 300;
}
.top_feature{
  background: url(../../../../../images/top/feature_bk.jpg) no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.top_feature h2.ver2{
  text-align: center;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 40px;
}
.top_feature h2.ver2 span,
.page_base h2.ver2 span{
  display: block;
  font-size: 1.1rem;
  margin-bottom: 5px;
  font-weight: 500;
}
.top_setumei{
  color: #fff;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 60px;
}
.top_feature .feature_box{
  width: 24.5%;
  box-sizing: border-box;
  margin: 0 0 0.6% 0.6%;
  float: left;
  background:#fff;
  border: solid 1px #e3e3e3;
  padding: 1.5%;
  position: relative;
}
.top_feature .feature_box:nth-child(1),
.top_feature .feature_box:nth-child(5){
  margin-left: 0;
}
.feature_list {
  padding: 0 0.25%;
}
.feature_list .subT{
  font-size: 1.0rem;
  font-weight: 600;
  color: #001489;
}
.feature_list .subT .num{
  font-size: 1.5rem;
}
.feature_list h3{
  font-size: 1.9rem;
  font-weight: 600;
  color: #001489;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dotted 1px #e3e3e3;
}
.feature_list .dis{
  font-size: 1.2rem;
  line-height: 160%;
  height: 60px;
  color: #1e171b;
}
.feature_list p.img{
  margin: 0;
  text-align: center;
  padding: 5% 0;
}
.top_works{
  background: url(../../../../../images/top/works_bk.jpg) no-repeat top 120px center;
  background-size: cover;
  padding-top: 80px;
  padding-top: 0;
  margin-top: 60px;
  padding-bottom: 40px;
}
.top_works h2.ver2{
text-align: center;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 40px;
  color:#001489; 
}
.top_works h2 span{
  display: block;
  font-size: 1.1rem;
  margin-bottom: 5px;
  font-weight: 600;
  color:#001489; 
}
.top_works .top_setumei {
    color: #1e171b;
    font-weight: 500;
    line-height: 180%;
}
.works_list .work_box{
    width: 31%;
    box-sizing: border-box;
    margin: 0 1% 2% 1%;
    float: left;
    background: #fff;
    border: solid 1px #e3e3e3;
    padding: 0;
}
.works_list .work_box a{
  color:#1e171b;
}
.work_list_ul{
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
}
.work_list_ul li{
  box-sizing: border-box;
  width: 23%;
  margin: 0 1% 10px;
  /*float: left;*/
  text-align: center;
}
.work_list_ul li img{
  max-height: 70px;
}
.works_list .work_box .head{
  font-size: 1.2rem;
  padding: 20px 15px;
}
.works_list .work_box .head .en{
  font-weight: 500;
}
.works_list .work_box .head .comp_name{
  float: right;
}
.works_list .work_box .title{
  padding: 20px 15px;
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 1.6rem;
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 1px #e3e3e3;
    background: url(../../../../../images/common/line_back.png) repeat;
    height: 50px;
}

.works_list .work_box .img span{
  width: 50%;
  float: left;
  text-align: center;
  height: 168px;
  position: relative;
}
.works_list .work_box .img span.logo img{
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  margin: auto;
}
.works_list .work_box p:nth-last-child(1){
  display: none;
}
.works_list .work_box p.link{
  display: block;
  position: relative;
}
.works_list .work_box p.link:before{
    content: "";
    width: 10%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 10%;
    height: 100%;
}
.works_list .work_box p.link:after{
    content: "";
    width: 10%;
    background: #EF3340;
    position: absolute;
    top: 0;
    right: 0%;
    height: 100%;
}
.works_list .work_box .link{
  font-size: 1.3rem;
  color: #fff;
  background: #001489;
  text-align: center;
  font-weight: 300;
  letter-spacing: 1px;
  margin-top: 30px;
  padding: 5px 0;
}
.bana_list{
  background:#efefef;
  /*padding: 15px 0;*/
  padding: 30px 0;
}
.bana_list .f_left{
  background: #fff;
  padding: 10px 2%;
  width: 44%;
}
.bana_list .bana_l{
  margin-right: 2%;
  font-size: 1.4rem;
  -moz-box-shadow:0px 0px 3px #d3d3d3;
  -webkit-box-shadow:0px 0px 3px #d3d3d3;
  box-shadow:0px 0px 3px #d3d3d3;
}
.bana_list .bana_r{
  margin-right: 0;
  float: right;
  font-size: 1.4rem;
  -moz-box-shadow:0px 0px 3px #d3d3d3;
  -webkit-box-shadow:0px 0px 3px #d3d3d3;
  box-shadow:0px 0px 3px #d3d3d3;
}
.bana_list .f_left img{
  display: block;
}
.bana_list .bana_l .f_left{
  padding-top: 20px;
}
.bana_list .bana_r .f_left{
  padding-top: 18px;
  padding-bottom: 3px;
}
.bana_list .bana_l .text{
  text-align: left;
  padding-top: 30px;
}
.bana_list .bana_r .text{
  text-align: left;
  padding-top: 23px;
  line-height: 160%;
}
.top_contact{
  background: url(../../../../images/common/inq_bk.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 80px 0 60px;
  /*margin-top: 120px;*/
  color: #fff;
  clear: both;
}
.home .top_contact{
  /*margin-top: 60px;*/
}
.top_contact h2.ver3{
  color: #fff;
  font-size:2.8rem;
  font-weight: 600;
  margin-bottom: 50px;
}
.footer_bana.visitview{
  margin-top: 120px;
  clear: both;
}
.top_setumei_2{
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin-bottom: 60px;
}
.top_contact .con_box .left {
  width: 46%;
  text-align: center;
  margin-right: 4%;
}
.top_contact .con_box .right {
  width: 46%;
  text-align: center;
}
.top_contact .con_box .left a {
  display: block;
  text-align: center;
  font-size: 4.0rem;
  font-weight: 900;
  letter-spacing: 1px;
  color: #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
    padding: 19px 0 27px;
  margin-bottom: 30px;
}
.top_contact .con_box .left a:before{
  content: "";
  width: 29px;
  height: 41px;
  background: url(../../../../../images/common/foot_img_06.png) no-repeat center;
  display: inline-block;
  padding-right: 40px;
  position: relative;
  top: 8px;
}
.top_contact .con_box .right .box_in .mail {
  display: block;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 1px;
  color: #fff;
  border-top: solid 1px #EF3340;
  border-bottom: solid 1px #EF3340;
  padding: 30px 0;
  margin-bottom: 30px;
  background:#EF3340;
}
.top_contact .con_box .right .text {
  color: #fff;
}
.footer_menu {
  margin-bottom: 50px;
}
.footer_menu dl{
  float: left;
  /*width: 21%;*/
  width: 16%;
  margin: 0 2%;
}
.footer_menu dl dt{
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 2px;
  padding: 20px 0;
  border-bottom: solid 1px #0d2456;
}
.footer_menu dl dd{
  border-top: solid 1px #213a7f;
  padding-top: 10px;
  font-size: 1.3rem;
  line-height: 24px;
}
.footer_menu dl dd li{
  display: flex;
}
.footer_menu dl dd li:before{
  content: "›";
  padding-right: 10px;
}
.footer_menu dl.foot_doc_list dd li:before{
  content: none;
}
.footer_menu dl.foot_doc_list dd li .num{
  padding-right: 2%;
  width: 12%;
  display: block;
}
.footer_menu dl.foot_doc_list dd li .text{
  width: 86%;
  display: block;
}
.footer_menu dl.foot_doc_list dd li a{
  display: flex;
  width: 100%;
}
.footer_menu dl.foot_doc_list dd li.last .num{
  width: 60%;
  position: relative;
}
.footer_menu dl.foot_doc_list dd li.last .num:before{
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  background:rgba(255,255,255,0.2);
  position: absolute;
  top: 50%;
}
.footer_menu dl.foot_doc_list dd li.last .text{
  width: 40%;
}
.footer_menu dl dd li li:before{
  content: "-";
  margin-left: 15px;
}
.foot_comp_box{
  background: #fff;
  padding: 20px 0;
}
.footer_menu dl.foot_doc_list dd li.last{
  text-align: right;
}
.page-id-381 .doc_list_ul li .dia_lis_img{
    overflow: hidden;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    height: min(35vh,280px,35vh);
}
.page-id-381 .doc_list_ul,
.parent-pageid-381 .doc_list_ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}
.footer_menu dl dd li.flex_none{
  display: block;
}
.page-id-381 .doc_list_ul li .dia_lis_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120%;
    height: auto;
    max-width: inherit;
}
.article .doc_list_ul h3.jp_title br{
  display: none;
}
#footer .foot_logo{
  float: left;
  display: inline-block;
}
#footer .comp_list{
  display: inline-block;
  float: left;
  margin-left: 5%;
  margin-top: 28px;
}
#footer .comp_list li{
  float: left;
  display: inline-block;
}
#footer .comp_bana_list  li{
  float: left: 0;
  display: inline-block;
}
#footer .comp_bana_list{
  float: right;
    margin-top: 15px;
}
.foot_comp_box img{
  display: block;
}
#footer .comp_list li a{
  font-size: 1.2rem;
  color: #1e171b;
  font-weight: 400;
}
#footer .comp_list li:after{
  content: "|";
  display: inline-block;
  color: #1e171b;
  font-size: 1.0rem;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
#footer .comp_list li:nth-last-child(1):after{
  content: none;
}
#footer .comp_bana_list li{
  padding-top: 10px;
}
#footer .comp_bana_list li img{
  width: 80%;
  margin: auto;
}
.info_list{
  padding: 60px 0 0;
}
.info_list h2{
  font-size: 26px;
  font-weight: 600;
  float: left;
  width: 50%;
  color: #001489;
  margin-bottom:15px;
}
.info_list h2 span{
  display: block;
  font-size: 11px;
}
.info_list .link{
  display: inline-block;
  float: right;
    position: relative;
    top: 15px;
}
.info_list .link a{
  padding: 5px 20px;
  background: #001489;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 200;
  letter-spacing: 1px;
}
.info_list .info_box{
  width: 48%;
}
.info_list .info_box li{
  margin-bottom: 15px;  
}
.info_list .info_box li a{
  font-size: 1.3rem;
  color: #1e171b;
}
.info_list .info_box li a .title{
  display: inline-block;
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  position: relative;
    top: 6px;
}
.info_list .info_box li .date{
  margin-right: 20px;
}
.info_list .info_box li .cate{
  display: inline-block;
  width: 140px;
  padding: 1px 0;
  background: #001489;
  margin-right: 20px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
}
.info_list .info_box li .cate.cate-sales_blog,
.info_list .info_box li .cate.cate-blog{
  background: #f4901e;
}
.info_list .info_box li .cate.cate-suport_blog{
  background: #89c33f;
}
.info_list .info_box li .cate a{
  color: #fff;
  font-weight: 300;
}
.info_list  hr.center_line{
    border: none;
    border-right: solid 1px #eee;
    width: 1px;
    position: relative;
    top: -10px;
    height: 260px;
    float: left;
    margin-left: 2%;
    display: block;
    margin: 0 0% 0 2%;
}
.feature_box::before,
.feature_box::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 4px solid transparent;
}
.feature_box::before {
  top: -4px;
  left: -4px;
}
.feature_box::after {
  bottom: -4px;
  right: -4px;
}
.feature_box:hover {
  color: #3be5ae;
}
.feature_box:hover::before,
.feature_box:hover::after {
  width: 100%;
  height: 100%;
}
.feature_box:hover::before {
  border-bottom-color: #0ef8e5;
  border-left-color: #0ef8e5;
  transition: height .2s, width .1s .2s;
}
.feature_box:hover::after {
  border-top-color: #0ef8e5;
  border-right-color: #0ef8e5;
  transition: height .1s .3s, width .1s .4s;
}
.feature_box a{
  display: block;
  position: relative;
  z-index: 100;
}
/*固定ページベース
************************************************************/
.head_base_dis{
  text-align: center;
  margin-bottom: 50px;
  font-size: 1.4rem;
}
.dl_table_base dl{
  width: 80%;
  margin: 0 auto ;
  border-bottom: solid 1px #eeeeee;
  padding: 25px 0;
}
.dl_table_base dl:nth-child(1){
  border-top: solid 1px #eeeeee;
}
.dl_table_base dl dt{
  float: left;
  width: 25%;
  font-size: 1.6rem;
  color: #001489;
  position: relative;
  padding: 5px 0 5px 20px;
}
.dl_table_base dl dt:before{
  content: "";
  display: inline-block;
  border-left: solid 3px #001489;
  height: 25px;
  position: absolute;
  top:5px;
  left: 0;
}
.dl_table_base dl dd{
    font-size: 1.4rem;
    float: left;
    width: 67%;
    border-left: solid 1px #eee;
    padding: 5px 0 0 5%;
}
.h2_top_en{
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center;
    color: #001489;
    padding-top: 30px;
    margin-bottom: 10px;

}
.article h2.ame_h2,
div.ame_h2,
h1.ame_h2.ver2{
    font-size: 2.6rem;
    color: #001489;
    font-weight: 600;
    text-align: center;
    padding: 30px 0;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    margin-bottom: 0px;
    background: url(../../../../../images/common/line_back.png) repeat;
}
.article .top_feature h2.ame_h2{
  margin-bottom: 60px;
}
.article h3.square_h3{
  font-size: 1.6rem;
  font-weight: 600;
  color: #001489;
  padding: 30px 0;
  border-bottom: solid 1px #ededed;
  margin-bottom: 20px;
}
.article h3.square_h3:before{
  content: "■";
  padding-right: 5px;
}
.article ol.num{
  padding-left: 20px;
  font-size: 1.4rem;
  margin-bottom: 40px;
}
.article ol.num li{
  margin-bottom: 15px;
}
.article ul.line_li{
  font-size: 1.4rem;
}
.article ul.line_li li{
  display: inline-block;
  width: 50%;
  float: left;
}
.article ul.line_li li:before{
  content: "・";
}
.mid_dis1{
  font-size: 1.4rem;
  line-height: 38px;
  text-align: center;
  margin: 0 auto 40px;
}
.con_box_w .left {
  width: 46%;
  text-align: center;
  margin-right: 4%;
}
.con_box_w .right {
  width: 46%;
  text-align: center;
}
.con_box_w .left a {
  display: block;
  text-align: center;
  font-size: 4.0rem;
  font-weight: 900;
  letter-spacing: 1px;
  color: #001489;
  border-top: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1;
    padding: 19px 0 27px;
  margin-bottom: 20px;
}
.con_box_w .left a:before{
  content: "";
  width: 29px;
  height: 41px;
  background: url(../../../../../images/common/blue_tel.png) no-repeat center;
  display: inline-block;
  padding-right: 40px;
  position: relative;
  top: 8px;
}
.con_box_w .right .box_in .mail {
  display: block;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 1px;
  color: #fff;
  border-top: solid 1px #001489;
  border-bottom: solid 1px #001489;
  padding: 30px 0;
  margin-bottom: 20px;
  background:#001489;
}
.con_box_w .left .text,
.con_box_w .right .text {
  color: #001489;
  font-weight: 600;
  margin: 0;
  font-size: 1.4rem;
}
.p_main_img{
  margin-top: 0;
}
.top_feature.page_w{
  background: none;
  padding-top: 40px;
  padding-bottom: 20px;
}
.top_feature.page_w .feature_box{
-moz-box-shadow:0px 0px 3px #eee;
-webkit-box-shadow:0px 0px 3px #eee;
box-shadow:0px 0px 3px #eee;
}
.article h2.ame_h2.ver2,
div.ame_h2.ver2,
h1.ame_h2.ver2{
  color: #1e171b;
}
.article h2.ame_h2.ver2 span,
div.ame_h2.ver2 span,
h1.ame_h2.ver2 span{
  font-weight: 600;
}
.article h2.big_h2{
  font-size: 3.2rem;
  color: #001489;
  font-weight: 900;
  line-height: 50px;
  margin-bottom: 30px;
}
p.subtitle1{
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 30px;
}
p.dis_base1{
  font-size: 1.5rem;
  line-height: 22px;
}
.page_head_parts h1.page_jp_title span{
  font-size: 1.9rem;
}
.func_bana .base_inner{
  position: relative;
}
.func_bana .text{
  position: absolute;
  left:5%;
  top: 22%;
  color: #fff;
  z-index: 10;
}
#body .func_bana a img{
  position: relative;
  z-index: -1;
}
#body .func_bana a:hover,
#body .func_bana a:hover img{
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}
.func_bana .text .en_title{
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 0;
}
.article h3.bana_title1,
.func_bana a .bana_title1{
  color: #fff;
  font-size: 2.7rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.feature_head{
    background: url(../../../../../images/common/line_back.png) repeat;
    border-bottom: solid 1px #eee;
}
.feature_head .p_main_img{
  text-align: right;
  margin: 0;
}
.feature_head .p_main_img img{
  display: block;
  margin-left: auto;
}
.feature_head .page_head_parts{
    left: 0;
    right: 0;
    text-align: left;
    width: 1280px;
    margin: auto;
    top: 28%;
}
.feature_head .page_head_parts p.page_en_title{
  color: #1e171b;
  letter-spacing: 0;
  text-shadow:none;
  font-size: 11px;
  font-weight: 600;
  width: 50%;
}
.feature_head .page_head_parts p.page_en_title span{
  font-size: 1.5rem;
  padding-left: 2px;
}
.feature_head .page_head_parts h1.page_jp_title{
  font-size: 3.2rem;
  font-weight: 600;
  text-shadow:none;
  color: #1e171b;
  letter-spacing: 0;
  height: 80px;
  padding-bottom: 20px;
  border-bottom: solid 1px #4d4d4d;
  width: 50%;
  margin-bottom: 40px;
}
.feature_head .page_head_parts p.page_main_dis{
  font-size: 1.6rem;
  font-weight: 400;
  color: #1e171b;
  text-shadow:none;
  line-height: 29px;
  width: 50%;
}
.feature_head #breadcrumb,
.feature_head #breadcrumb a{
  color: #001489;
}
.article h2.under_bar_h2,
.article h3.under_bar_h2{
  text-align: center;
  font-size: 2.6rem;
  font-weight: 600;
  color: #001489;
  padding-bottom: 0px;
}
.article h2.under_bar_h2:after,
.article h3.under_bar_h2:after{
  content: "";
  display: block;
  border-bottom:solid 4px #001489;
  width: 30px;
  margin: 25px auto 30px;
}
.feature_bt{
  margin-top: 120px;
}
.dl_box1{
  margin-bottom: 60px;
}
.dl_box1.triple {
  padding-top: 40px;
}
.dl_box1.triple dl{
  width: 32%;
  margin-right: 2%;
  border: solid 1px #eee;
  height: 185px;
}
.dl_box1.duo dl{
  width: 48%;
  margin-right: 4%;
  border: solid 1px #eee;
}
.dl_box1 dl{
  box-sizing: border-box;
  padding:20px;
  font-size: 1.4rem;
  background: #fff;
}
.dl_box1 dt{
  font-size: 1.6rem;
  font-weight: 600;
  color: #001489;
  padding-bottom: 15px;
  border-bottom: solid 1px #eee;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
.dl_box1.triple dl:nth-last-child(1),
.dl_box1.duo dl:nth-last-child(1){
  margin-right: 0;
}
.dl_box1 dd{
  margin: 0 20px;
}
.dl_box1 dt:before{
  border-left: solid 4px #001489;
  height: 25px;
  content: "";
  display: block;
  position: absolute;
  left:0;
  top: 0;
}
.article h3.normal_h3{
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 25px;
}
.article h3.normal_h3.other{
  margin-bottom: 60px;
  margin-top: 20px;
}
.article table.table_base1{
  width: 100%;
  margin-bottom: 80px;
}
.article table.table_base1 th,
.article table.table_base1 td{
  padding: 20px;
  border: solid 1px #e2e2e2;
  font-size: 1.5rem;
}
.article table.table_base1 th:nth-child(1){
  border-left: none;
}
.article table.table_base1 th:nth-last-child(1){
  border-right:none;
}
.article table.table_base1 td:nth-child(1){
  border-left: none;
  font-weight: 500;
  font-size: 1.5rem;
}
.article table.table_base1 td{
  font-size: 1.4rem;
}
.article table.table_base1 td:nth-last-child(1){
  border-right: none;
}
.article table.table_base1 tr:nth-child(2n+1){
  background: #f8f8f8;
}
.article table.table_base1 th{
  background: #7480aa;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
}
.article h3.ame_h3{
    font-size: 2.6rem;
    color: #001489;
    font-weight: 600;
    text-align: center;
    padding: 30px 0;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    margin-bottom: 60px;
    background: url(../../../../../images/common/line_back.png) repeat #fff;
    color: #1e171b;
}
.single_box{
  padding: 60px  0 30px;
}
.single_box .text{
  margin: 60px auto 60px;
  text-align: center;
  font-size: 1.4rem;
}
.gray{
  background: #f7f7f7;
}
.single_box.gray .img{
  padding: 40px 0;
  background: #fff;
}
.single_box.gray .img{
  width: 70%;
  margin: auto;
}
.article h3.border_h3{
  padding-bottom: 25px;
  border-bottom: solid 3px #e2e2e2;
  margin-bottom: 25px;
}
#related-entries h2.border_h3{
  padding-bottom: 25px;
  border-bottom: solid 3px #e2e2e2;
  margin-bottom: 25px; 
  font-weight: 400;
  font-size: 1.6rem;
  color: #001489;
}
#related-entries h2.border_h3 .en{
  font-size: 2.6rem;
  font-weight: 300;
  display: inline-block;
  margin-right: 10px;
}
.dis_text{
  font-size: 1.4rem;
  margin-bottom: 30px;
}
.article h1.parts_high{
  font-size: 3.5rem;
  text-align: center;
  background: #001489;
  color: #fff;
  padding: 40px;
  margin: 160px 0 60px;
}
.duo_box{
  padding: 80px 0;
}
.duo_box.next{
  padding-bottom: 20px;
  padding-top: 40px;
}
.duo_box.img_left .img{
  float: left;
  width: 48%;
  margin: 0;
}
.duo_box.img_left .text_box{
  float: right;
  width: 46%;
  margin-top: 20px;
}
.duo_box.img_right .img{
  float: right;
  width: 48%;
  margin: 0;
}
.duo_box.img_right .text_box{
  float: left;
  width: 46%;
  margin-top: 20px;
}
.article h3.normal_center_h3{
  text-align: center;
  margin: 10px 0 30px;
  font-size: 2.2rem;
}
.link_bana{
  margin: auto;
}
.link_bana a{
  margin: 0 auto 30px;
  padding: 10px;
  background: #fff;
  border: solid 6px #e6e6e6;
  display: block;
  position: relative;
  overflow: hidden;
}
.link_bana .img{
  padding: 0 20px;
}
.link_bana .link_text{
    font-size: 1.4rem;
    color: #1e171b;
    padding-top: 18px;
    padding-right: 5%;
}
.link_bana a:after{
  content: "»";
  position: absolute;
    right: 2%;
    top: 38%;
    color: #1e171b;
}
.div_box{
  margin-bottom: 60px;
}
.div_box .f_left {
    box-sizing: border-box;
    padding: 20px;
    font-size: 1.4rem;
    background: #fff;
}
.div_box.triple .f_left {
    width: 33.333333333%;
    border-right: solid 1px #eee;
}
.div_box.triple .f_left:nth-last-child(1){
  margin-right: 0;
  border-right: none;
}
.div_box .h2_top_en{
  padding-top: 0;
  margin-top: 0;
}
.div_box .h2_top_en .num{
  font-size: 1.6rem;
    font-weight: 500;
    padding-left: 2px;

}
.article .div_box h2.under_bar_h2{
  font-size: 2.6rem;
  padding-bottom: 10px;
}
.article .div_box h2.under_bar_h2:after{
  margin-bottom: 15px;
}
.div_box .dis_text{
  width: 90%;
  margin: 0 auto 10px;
}
.div_box.duo .f_left {
    width: 48%;
    border-right: solid 1px #eee;
}
.div_box.duo .f_left:nth-last-child(1){
  margin-right: 0;
  border-right: none;
}
.article h3.left_border_h3,
.article h4.left_border_h4{
    font-size: 1.8rem;
    font-weight: 600;
    color: #001489;
    padding-bottom: 15px;
    border-bottom: solid 1px #eee;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}
.article h3.left_border_h3:before,
.article h4.left_border_h4:before {
    border-left: solid 4px #001489;
    height: 30px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
}
.article .single_box h2.under_bar_h2{
  padding-top: 40px;
}
.duo_box.img_left .img.bk_none{
  background: none;
  padding: 0;
}
.duo_box.img_left .img.w30p{
  width: 30%;
  background: none;
  text-align: left;
}
.duo_box.img_left .text_box.w70p{
  width: 70%;
}
.duo_box.img_left .img.w40p{
  width: 40%;
  background: none;
  text-align: left;
}
.duo_box.img_left .text_box.w60p{
  width: 60%;
}
.k_back{
  background: #1e171b;
  color: #fff;
  padding: 15px;
  display: block;
  margin-bottom: 10px;
}
.bm20{
  margin-bottom: 20px;
}
.dl_box2 dl{
  box-sizing: border-box;
  padding: 60px 40px;
  font-size: 1.4rem;
  background: #fff;
  border: solid 3px #eee;
  margin-bottom: 30px;
}
.dl_box2.duo dl{
  width: 49%;
  float: left;
  margin-right: 2%;
}
.dl_box2.duo dl:nth-last-child(1){
  margin-right: 0;
}
.dl_box2 dl dt{
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #eee;
}
.dl_box2 dl dd{
  text-align: center;
  line-height: 31px;
}
.article table.table_base1.gray_base_mode th{
  background: #fff;
  color: #1e171b;
  font-size: 1.6rem;
}
.article table.table_base1.gray_base_mode td.title{
  color: #001489;
  background: none;
  vertical-align: top;
}
.article table.table_base1.gray_base_mode td.title span{
  color: #1e171b;
}
.article table.table_base1.gray_base_mode td.maru,
.article table.table_base1.gray_base_mode td.batu,
.article table.table_base1.gray_base_mode td.null{
  text-align: center;
}
.article table.table_base1.gray_base_mode td.maru:before{
  content: "○";
  font-weight: 600;
  font-size: 3.0rem;
  color: #3fa5f1;
}
.article table.table_base1.gray_base_mode td.batu:before{
  content: "×";
  font-weight: 600;
  font-size: 1.8rem;
}
.article table.table_base1.gray_base_mode td.null:before{
  content: " ";
  font-size: 3rem;
}
.article table.table_base1.gray_base_mode tr:nth-child(2n) td{
  background: #f8f8f8;
}

.article table.table_base1.gray_base_mode td:nth-child(1){
  font-size: 1.4rem;
  font-weight: 400;
}
.article table.table_base1.gray_base_mode tr td.title{
    border-left: none;
    font-weight: 500;
    font-size: 1.5rem;
    background: none;
}
.article table.table_base1.gray_base_mode tr:nth-child(2n+1){
  background: none;
}

.article table.table_base1.gray_base_mode2 th{
  background: none;
  color: #1e171b;
  font-size: 1.6rem;
  font-weight: 600;
  border-top: none;
}
.article table.table_base1.gray_base_mode2 th.th_title{
  font-size: 2rem;
  font-weight: 600;
  color: #001489;
}
.article table.table_base1.gray_base_mode2 td.title{
  color: #1e171b;
  background: none;
  vertical-align: top;
  font-size: 1.5rem;
  font-weight: 500;
}
.article table.table_base1.gray_base_mode2 td.title span{
  color: #1e171b;
}
.article table.table_base1.gray_base_mode2 td.maru,
.article table.table_base1.gray_base_mode2 td.batu,
.article table.table_base1.gray_base_mode2 td.ub,
.article table.table_base1.gray_base_mode2 td.null{
  text-align: center;
}
.article table.table_base1.gray_base_mode2 td.maru:before{
  content: "○";
  font-weight: 600;
  font-size: 3.0rem;
  color: #3fa5f1;
}
.article table.table_base1.gray_base_mode2 td.batu:before{
  content: "×";
  font-weight: 600;
  font-size: 1.8rem;
}
.article table.table_base1.gray_base_mode2 td.ub:before{
  content: "－";
  font-weight: 600;
  font-size: 1.8rem;
}
.article table.table_base1.gray_base_mode2 td.null:before{
  content: " ";
  font-size: 3rem;
}
.article table.table_base1.gray_base_mode2 tr:nth-child(2n) td{
  background: #fff;
}

.article table.table_base1.gray_base_mode3 td.maru,
.article table.table_base1.gray_base_mode3 td.batu,
.article table.table_base1.gray_base_mode3 td.ub,
.article table.table_base1.gray_base_mode3 td.at,
.article table.table_base1.gray_base_mode3 td.null{
  text-align: center;
}
.article table.table_base1.gray_base_mode3 td.maru:before{
  content: "○";
  font-weight: 600;
  font-size: 3.0rem;
  color: #3fa5f1;
}
.article table.table_base1.gray_base_mode3 td.at:before{
  content: "＠";
  font-weight: 500;
  font-size: 3.0rem;
  color: #3fa5f1;
}
.article table.table_base1.gray_base_mode3 td.batu:before{
  content: "×";
  font-weight: 600;
  font-size: 1.8rem;
}
.article table.table_base1.gray_base_mode3 td.ub:before{
  content: "－";
  font-weight: 600;
  font-size: 1.8rem;
}
.article table.table_base1.gray_base_mode3 td.null:before{
  content: " ";
  font-size: 3rem;
}

.article table.table_base1.gray_base_mode2 td:nth-child(1){
  font-size: 1.4rem;
  font-weight: 400;
}
.article table.table_base1.gray_base_mode2 tr td.title{
    border-left: none;
    font-weight: 500;
    font-size: 1.5rem;
}
.article table.table_base1.gray_base_mode2 tr td.title.title2{
  text-align: center;
  color: #001489;
}
.red_text{
  color: #be155a;
}
.last_box{
  margin-bottom: 180px;
}
.article h2.under_bar_h2.mb_hi,
.article h2.ame_h2.mb_hi{
  margin-bottom: 60px;
}
.mid_dis1.mb_hi{
  margin-bottom: 60px;
}
.article h2.normal_h2{
  font-size: 2.4rem;
  text-align: center;
  color: #001489;
  margin-bottom:40px;
  margin-top: 20px;
  border: none;
}
.top_contact.ver2{
  margin-top: 60px;
  padding: 28px 0;
}
.top_contact.ver2 .top_setumei_2{
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 600;
}
.top_contact.ver2 p{
  margin: 0;
}
.top_contact.ver2 .con_box .left a{
  margin-bottom: 0;
}
.top_contact.ver2 .con_box .right .box_in .mail{
  margin-bottom: 0;
}
.single_box2{
  padding: 30px 0;
}
.border_box dl{
  border: solid 4px #eee;
  padding: 30px;
}

.border_box dl dt{
  font-size: 2rem;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: dotted 1px #eee;
  text-align: center;
  color: #001489;
}
.border_box dl dd{
  color: #001489; 
  padding: 0 20px;
  margin-bottom: 10px;
}
.article h2.box_h2 {
  padding: 30px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 2.6rem;
  margin-bottom: 40px;
}
.article h2.box_h2.blue {
  background: #001489;
}
.article h2.box_h2.black {
  background: #1e171b;
}
.mid_dis1.f15{
  font-size: 1.5rem;
}
.box_link a{
  display: block;
  text-align: center;
  width: 35%;
  margin: 60px auto 0;
  background: #f8f8f8;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 15px;
  border: solid 1px #eee;
}
.article ul.normal_li.border{
  border:solid 2px #eee;
}
.article ul.normal_li {
  margin: 0;
  padding: 20px 30px;
  line-height: 32px;
}
.article h3.ame_h3.min{
  font-size: 2.0rem;
  padding: 16px 0;
  margin-top: 60px;
  margin-bottom: 30px;
  color: #001489;
}
.article ul.normal_li.b_center{
  margin: 0 auto;
}
.doc_list_ul li{
  width: 43%;
  margin: 3.5%;
  float: left;
  text-align: center;
  font-size: 1.3rem;
}
.article .doc_list_ul .en_title{
  margin-bottom:10px; 
}
.article .doc_list_ul h3.jp_title{
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.article .doc_list_ul .doc_dis{
  color: #1e171b;
}
.doc_page .doc_list_h2{
  margin-top: 120px;
}
.func_main_img{
  text-align: center;
}
.func_main_img img{
  display: inline-block;
}
div.ame_h2.ver2{
  margin-bottom: 60px;
}
div.ame_h2.ver2.mbshort{
  margin-bottom: 0;
}
div.ame_h2.ver2 p.en_title{
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
    font-weight: 600;
    margin-top: 0;
}
div.ame_h2.ver2 h1{
    font-size: 3.2rem;
    color: #1e171b;
    font-weight: 600;
    text-align: center;
    padding: 0;
    margin-bottom: 0px;
    margin-top: 0;
}
.func_head .mid_dis1{
  line-height: 31px;
  margin-bottom: 80px;
}
.function_head .page_head_parts p.page_en_title{
  font-size: 1.0rem;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.function_head .page_head_parts p.page_jp_title{
  font-size: 1.8rem;
  letter-spacing: 1px;
  font-weight: 500;
}
.page-template-page-function .func_bana{
  margin-top: 80px;
}
.func_head .mid_dis1.mbshort{
  margin-bottom: 0px;
}
.img_in_center{
  text-align: center;
      margin: 60px 0;
}
.page-template-page-function .article .single_box h2.under_bar_h2{
  margin-bottom: 50px;
}
.mid_dis1.mbshort{
  margin-bottom: 20px;
}
hr.margin_hr{
  border: none;
  margin: 30px 0;
}
ul.edtion{
  margin: 0;
  padding: 0;
}
ul.edtion li{
  display: inline-block;
  font-size: 1.0rem;
  padding: 0px 10px 1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright:8px;
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -webkit-border-bottom-left-radius:7px;
  -webkit-border-bottom-right-radius:7px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  background: #c8c8c8;
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
}
.essen.on{
  background: #d5dc21;
}
.stand.on{
  background: #29a7de;
}
.prem.on{
  background: #efb614;
}
.border_box2 {
    border: solid 4px #eee;
    padding: 50px 50px 0;
}
.article table.table_base1.gray_base_mode3 th{
  background: #fff;
  color: #1e171b;
  font-weight: 600;  
}
.article table.table_base1.gray_base_mode3 td.title{
  color: #001489;
  font-size: 1.5rem;
  font-weight: 500;
}
.article table.table_base1.gray_base_mode3 tr:nth-child(2n+1){
  background: #fff;
}
.article table.table_base1.gray_base_mode3 tr:nth-child(2n){
  background: #f8f8f8;
}
.dl_box3.duo dl {
    width: 49%;
    float: left;
    margin-right: 2%;
}
.dl_box3 dl {
    box-sizing: border-box;
    padding: 30px 0px;
    font-size: 1.4rem;
    background: #fff;
    margin-bottom: 0px;
}
.dl_box3 dl dt {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.dl_box3 dl dd {
    text-align: center;
    line-height: 31px;
}
.dl_box3 dl dd .img_in_center{
  margin: 30px 0;
}
.dl_box3.duo dl:nth-last-child(2n) {
    margin-right: 0;
}
.mid_dis2 {
    font-size: 1.4rem;
    line-height: 38px;
    text-align: center;
    margin: 80px auto 100px;
}
.dl_box2.duo.mbshort dl dt{
}
.dl_box2.duo.mbshort dl dd .img{
  margin: 0;
  text-align: center;
  padding: 0;
  width: 100%;
}
.dl_box2.mbshort dl{
  padding: 60px 40px 30px;
}
.func_page .single_box.first{
  margin-top: 100px;
}
article .func_page .gray table.table_base1 {
  border-top:solid 1px #e2e2e2;
}
article .func_page .gray table.table_base1.mbshort{
  margin-bottom: 40px;
}
.div_box.duo.other .f_left{
  height: 390px;
  width: 48%;
}
.div_box.duo .f_left.green{
  border: solid 1px #88c23f;
  margin-right: 4%;
}
.div_box.duo .f_left.orange{
  border: solid 1px #f38f1e;
}
.page-template-page-function .article .single_box .div_box.duo.other h2.under_bar_h2{
  color: #1e171b;
  font-weight: 500;
  font-size: 1.8rem;
  border: none;
}
.article .div_box .f_left.green h2.under_bar_h2:first-letter{
  color: #88c23f;
}
.article .div_box .f_left.orange h2.under_bar_h2:first-letter{
  color: #f38f1e;
}
.article .div_box .f_left.green h2.under_bar_h2:after{
  width: 20px;
  border-bottom: solid 3px #88c23f; 
}
.article .div_box .f_left.orange h2.under_bar_h2:after{
  width: 20px;
  border-bottom: solid 3px #f38f1e; 
}
.article .div_box.other h2.under_bar_h2{
  margin-bottom: 10px;
}
.article .div_box.other .dis_text.small{
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  line-height: 24px;
}
.article .div_box.other .green .dis_text.borderf{
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px #88c23f;
}
.article .div_box.other .orange .dis_text.borderf{
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px #f38f1e;
}
article ul.normal_ul li{
  font-size: 1.3rem;
  line-height: 31px;
}
.article .div_box.other ul.normal_ul{
  padding: 0;
  width:60%;
  margin: 0 auto 30px;
}
.func_page8 .border_box2{
  margin: 80px 0;
}
.color_box1{
  text-align: center;
}
.color_box1 p{
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin-bottom: 60px;
}
.color_box1 .greeen{
  border: solid 1px #88c23f;
  padding: 10px 20px;
  margin-right: 20px;
}
.color_box1 .orange{
  border: solid 1px #f38f1e;
  padding: 10px 20px;
}
.color_box1 .greeen .left:first-letter{
  color: #88c23f;
}
.color_box1 p .left{
  font-size: 1.4rem;
  font-weight: 500;
}
.color_box1 p .right{
  font-size: 1.2rem;
}
.color_box1 .greeen .left{
  border-right: solid 1px #88c23f;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
}
.color_box1 .orange .left{
  border-right: solid 1px #f38f1e;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
}
.img_dis{
  display: block;
  text-align: center;
  margin-top: 30px;
  font-size: 1.4rem;
}
.func_bt_list_box .left{
  width: 20%;
  float: left;

    box-sizing: border-box;
}
.func_bt_list_box .center{
  width: 54%;
  float: left;
  margin-right: 3%;
  margin-left: 3%;
    box-sizing: border-box;
}
.func_bt_list_box .right{
  width: 20%;
  float: left;
    box-sizing: border-box;
}
.article .func_bt_list_box h3.normal_h3{
    font-size: 1.8rem;
    font-weight: 600;
    color: #1e171b;
    line-height: 88px;
    margin-bottom: 32px;
    padding: 0 15px;
}
.article .func_bt_list_box h3.normal_h3 .en{
  font-size: 1.0rem;
  font-weight: 400;
  display: inline-block;
  margin-left: 10px;
}
.article .func_bt_list_box ul{
  padding: 0 15px;
  margin-bottom: 25px;
}
.article .func_bt_list_box ul li{
  font-size: 1.2rem;
}
.article .func_bt_list_box ul li a:before{
  content: "›";
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 5px;
}
.article .func_bt_list_box h4.normal_h3{
  font-size: 1.4rem;
  padding: 0 15px;
  margin-bottom: 10px;
}
.article .func_bt_list_box .center .box{
  float: left;
  width: 31%;
  margin-right: 1%;
}
.article .func_bt_list_box .center .box:nth-last-child(1){
  width: 36%;
  margin-right: 0;
}
.bfuncbox{
  margin-top: 80px;
}
.contact .contact_box .top_setumei_2{
  letter-spacing: 0;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 30px;
}
.contact .contact_box .tel{
  font-size: 4.0rem;
  font-weight: 600;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  text-align: center;
  padding: 30px 0;
  margin: 20px 0;
}
.contact .contact_box .text{
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: #001489;
}
.contact .contact_box .con_box{
  width: 78%;
  margin: 0 auto 80px;
}
.contact .form_box dl{
  border-bottom: solid 1px #eee;
  padding: 20px 0;
}
.contact .form_box dl:nth-child(1){
  border-top: solid 1px #eee;
}
.contact .form_box dl dt{
  width: 20%;
  float: left;
  padding-right: 5%;
  border-right: solid 1px #eee;
  margin-right: 5%;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: #001489;
  position: relative;
  line-height: 31px;
  padding-left: 2%;
}
.contact .form_box dl dt:before{
  content: "";
  border-right: solid 3px #001489;
  height: 30px;
  position: absolute;
  display: block;
  top:0;
  left: 5px;
}
.contact .form_box dl dd{
  width: 65%;
  float: left;
  box-sizing: border-box;
}
.left_content{
  float: left;
  width: 74%;
  margin-bottom: 120px;
}
.single #breadcrumb,
.archive #breadcrumb{
  position: static;
  color: #1e171b;
  margin-top: 20px;
  margin-bottom: 40px;
}
.single #breadcrumb a,
.archive #breadcrumb a{
  color: #1e171b;
}
.single .article header{
  border: solid 1px #eee;
  background: #fafafa;
  position: relative;
}
.single .article header .cate a{
  color: #fff;
  display: inline-block;
  font-size: 1.3rem;
  padding: 3px 20px;
    background: #001489;
    font-weight: 300;
    margin-bottom: 20px;
}
.single .article header h1{
  width: 94%;
  margin: 0 auto;
  font-weight: 300;
}
.single #the-content{
  width: 96%;
  margin: 40px auto 60px;
  font-size: 1.4rem;
}
#sidebar h3{
font-size: 1.2rem;
    font-weight: 300;
    padding: 20px 20px 15px;
    background: #fafafa;
    border-bottom: solid 1px #ededed;
    margin-top: 0;
}
#sidebar #categories-3 h3:before {
    content: "CATEGORY";
    font-size: 2.2rem;
    font-weight: 300;
    margin-right: 5px;
    letter-spacing: 1px;
}
#sidebar #new_entries-2 h3:before {
    content: "TOPICS";
    font-size: 2.2rem;
    font-weight: 300;
    margin-right: 5px;
    letter-spacing: 1px;
}
#sidebar #archives-2 h3:before {
    content: "ARCHIVE";
    font-size: 2.2rem;
    font-weight: 300;
    margin-right: 5px;
    letter-spacing: 1px;
}
#sidebar .widget select {
    margin: 10px 5% 20px;
    width: 90%;
    border: solid 1px #eee;
    background: #fafafa;
    padding: 5%;
}
#sidebar #archives-2 .years{
  /*display: none;*/
}
#sidebar .widget_new_entries ul{
  padding: 10px 15px;
  margin-bottom: 0;
}
.new-entry-content .cate{
  display: inline-block;
  font-size: 1.1rem;
}
.new-entry-content .cate a{
  color: #fff;
  display: inline-block;
  padding: 0px 10px;
  background: #001489;
}
.new-entry-content .post-date{
  font-size: 1.1rem;
  display: inline-block;
  float: right;
}
.widget_new_entries a.new-entry-title{
  font-size: 1.3rem;
  display: block;
  clear: both;
line-height: 20px;
    margin-top: 8px;
}
.new-entry-content{
  float: right;
  width: 72%;
}
.new-entry-thumb{
  width: 25%;
}
.new-entry-content .cate.cate-suport_blog a,
.single .article header .cate-suport_blog a,
.entry .post-meta .cate-suport_blog a{
  background: #89c33f;
}
.new-entry-content .cate.cate-sales_blog a,
.single .article header .cate-sales_blog a,
.entry .post-meta .cate-sales_blog a{
      background: #f4901e;
}
.new-entry-content .cate.cate-blog a,
.single .article header .cate-blog a,
.entry .post-meta .cate-blog a{
      background: #f4901e;
}
#sidebar li:nth-last-child(1){
  border-bottom: none;
}
#sidebar ul{
  margin-bottom: 0;
}
#sidebar #categories-3 ul li:before{
  content: "-";
  font-size: 2.0rem;
  margin-right: 10px;
  padding-left: 20px;
}
#sidebar #categories-3 ul li{
  padding-bottom: 15px;
  font-weight: 500;
}
.single_head_img{
  margin: 0;
}
.single_head_img img{
  display: block;
}
h1.ame_h2.ver2 span.en{
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
    font-weight: 600;
}
#list article{
  padding-bottom: 25px;
  border-bottom: solid 1px #eee;
  margin-bottom: 20px;
}
.atention{
  color: #ff0068;
}
/*申請・承認データの連携と集計
**********************************************************************************/
.single_box .text.mb_active{
  margin-bottom: 120px;

}
/*サポートページ
**********************************************************************************/
.sec_w{
  margin: 0 auto 60px;
}
.page-id-81 .top_contact{
  display: none;
}
.page-id-81 footer{
  margin-top: 120px;
}

/*ワークフローEXの特徴
**********************************************************************************/
.feature_page .img{
  text-align: center;
}
.page-id-105 .base_inner{
  margin-top: 120px;
}
.page-id-105 .feature_list .base_inner{
  margin-top: 60px;
}
.page-id-105 .page_head .base_inner{
  margin-top: 0;
}
.page-id-105 .func_bana .base_inner{
  margin-top: 0;
}
.home .feature_page .f_left h2.big_h2{
  margin-top:55px;
}
/*堅牢なセキュリティー
**********************************************************************************/

.page-id-213 .div_box.triple .f_left{
  height: 579px;
}
.page-id-213 .div_box{
  margin-bottom: 120px;
}
/*多様な決裁ルート
**********************************************************************************/
.feature7 .div_box.duo .dis_text{
  width: 70%;
  margin: 30px auto 10px;
}
.article .feature7 h2.under_bar_h2{
  padding-bottom: 10px;
}
.feature7{
  margin-bottom: 80px;
}
/*組織変更（人事異動）対応
**********************************************************************************/
.feature8{
  margin-top: 0
}
.feature8 .single_box h2.under_bar_h2{
  padding-bottom: 0;
}
.feature8 .div_box.duo .f_left{
  background: none;
}
.feature8 .div_box.duo{
  padding: 80px 0;
}
/*申請シートへのデータ引用
**********************************************************************************/
.feature2 .dl_box1.duo dl{
  background: none;
  border:none;
}
.feature2 .dl_box1.duo dl dd.img{
  background: #fff;
  margin-bottom: 20px;
  width: 100%;
  margin-top: 30px;
  margin-left: 0;
}
.feature2 .dl_box1{
  padding-bottom: 80px;
  margin-bottom: 0;
}
.feature2 .single_box{
  padding: 80px 0 0;
}
.feature2 .single_box .text{
  padding-bottom: 80px;
  margin-bottom: 0;
}
.feature2 .duo_box{
  padding-bottom: 80px;
}
.page-id-239 .top_feature.page_w{
  padding-top: 80px;
}

/*申請書(稟議書)がExcelシートのワークフローシステム
**********************************************************************************/
.page-id-275 .k_back.first{
  margin-top: 20px;
}
/*クラウドサービス
**********************************************************************************/
.cloud_page .duo_box.img_left .img{
  text-align: center;
}
.cloud_page .dl_box2{
  margin-bottom: 60px;
}
/*システム構成・動作環境
**********************************************************************************/
.config_page .bt_text .dis_text{
  margin-bottom: 2px;
  margin-top: 0;
}
.config_page .bt_text .dis_text a{
  color: #001489;
}
.config_page .head_base_dis{
  margin-bottom: 80px;
}
.config_page .bt_text{
  margin-bottom: 80px;
}
/*システム構成・動作環境
**********************************************************************************/
.edtion_page .single_box.gray{
  padding-bottom: 0;
  padding-top: 60px;
  margin-bottom: 120px;
}

/*ワークフローの意味と基礎知識
**********************************************************************************/
.workflow_page .duo_box .text_box{
  margin: 0;
}
.workflow_page .duo_box .img{
  text-align: center;
  width: inherit;
}
.workflow_page .duo_box.img_left .img.w40p{
  text-align: center;
}
.workflow_page .duo_box{
  padding: 30px;
  margin-bottom: 30px;
}
.workflow_page .duo_box.img_right .text_box{
  width: 50%;
}
.workflow_page .duo_box.img_right .text_box .dis_text{
  font-size: 1.5rem;
}
.workflow_page .duo_box.img_right .img{
  width: 45%;
}
.workflow_page .duo_box.img_right{
  margin-bottom: 0;
  padding-bottom: 0;
}
.workflow_page .border_box {
  margin-bottom: 0;
}
/*ドキュメントエクスプローラー
**********************************************************************************/
.func_page2 .duo_box.img_left .img,
.func_page2 .duo_box.img_right .img{
  text-align: center;
}
.func_page2 .duo_box.img_right .text_box.w80p{
  width:80%;
}
.func_page2 .duo_box.img_right .img.w20p{
  width: 20%;
  text-align: center;
  background: none;
}
.func_page2 .duo_box.img_right .img{
  background: none;
}
.article h3.normal_h3.underline{
  border-bottom: solid 1px #eee;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.func_page2 .duo_box.img_right .text_box.w80p .dis_text{
  margin-bottom: 40px;
}
.article ul.num_uline_li{
  margin-top: 0;
}
.article ul.num_uline_li li{
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #eee;
}
/*機能一覧
**********************************************************************************/
.article .func_list h2.ame_h2.ver2{
  margin-bottom: 80px;
}
.bfunc_list .list_box{
  width: 48.5%;
  float: left;
  margin-right: 3%;
  margin-bottom: 3%;
  border: solid 1px #e2e2e2;
  padding: 2%;
      box-sizing: border-box;
}
.bfunc_list .list_box:nth-child(2n){
  margin-right: 0;
}
.bfunc_list .list_box .img{
  margin: 0 0 0 0;
  float: left;
  width: 26%;
}
.article .bfunc_list h4.title{
  font-size: 1.9rem;
  font-weight: 600;
  border-bottom: dotted 1px #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #001489;
}
.bfunc_list .list_box .text_box{
  float: left;
  width: 74%;
}
.single_box .bfunc_list .text{
  margin-top: 0;
  text-align: left;
  font-size: 1.2rem;
  line-height: 16px;
  margin-bottom: 0;
  height: 60px;
  color: #1e171b;
}
.bfunc_list ul.edtion{
  margin-top: 20px;
}
.article ul.func_link{
  text-align: center;
}
.article ul.func_link li{
  display: inline-block;
  width: 10%;
}
.article ul.func_link li:before{
  content: "›";
  display: inline-block;
  margin-right: 5px;
}
.func_list .title_head .img{
  margin: 0;
}
.func_list .title_head .img img{
  display: block;
}
.func_list .title_head h3.blue{
  color: #001489;
  font-size: 2.2rem;
  padding-top: 50px;
}
.func_list .title_head{
  margin-top: 120px;
}
.article .func_list h3.under_bar_h2{
  margin-bottom: 80px;
}
.article table.table_base1.gray_base_mode3 th.blue_text{
  color: #001489;
  font-weight: 600;
  font-size: 2.0rem;
}
.article .func_list table.table_base1.gray_base_mode3 td.title{
  color: #1e171b;
}
.article .func_list table.table_base1.gray_base_mode3 td.title a{
  font-weight: 600;
  font-size: 1.6rem;
}
/*お問い合せページ
**********************************************************************************/
.contact .mid_dis1{
  margin: 40px auto;
}
.contact .contact_box .tel a:before {
    content: "";
    width: 29px;
    height: 41px;
    background: url(../../../../../images/page/tel_img_contact.png) no-repeat center;
    display: inline-block;
    padding-right: 40px;
    position: relative;
    top: 6px;
}
.contact .form_box select,
.contact .form_box input,
.contact .form_box textarea{
  background: #fafafa;
  border: solid 1px #ededed;
  font-size: 1.4rem;
  box-shadow:none;
}
.contact .form_box dd{
  font-size: 1.4rem;
}
.contact .form_box input.mid_text{
  width: 30%;
}
.contact .form_box select#pref{
  padding: 2%;
}
.contact .form_box input.short_text,
.contact .form_box input.min_text{
  width: 20%;
}
.contact .form_box .addr input,
.contact .form_box .addr select{
  margin-bottom: 1em;
}
.contact .form_box .addr input:nth-last-child(1){
  margin-bottom: 0;
}
.contact .form_box dl.addrdl{
  display: flex;
}
.contact .form_box dl.addrdl dt{
  align-items:baseline;
}
.contact .form_box dl.addrdl dd{
  margin-left: 0;
}
.inc_dis{
  font-size: 1.2rem;
  text-align: center;
  width: 700px;
  margin: 60px auto 60px;
  padding: 20px;
  border: dotted 1px #cccccc;
  line-height: 180%;
}
.inc_dis b{
  font-size: 1.4rem;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.form_box input.submit{
  color: #fff;
  font-weight: 300;
  font-size: 1.2rem;
  letter-spacing: 1px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#354391+0,171d31+100 */
background: #354391; /* Old browsers */
background: -moz-linear-gradient(top, #354391 0%, #171d31 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #354391 0%,#171d31 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #354391 0%,#171d31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354391', endColorstr='#171d31',GradientType=0 ); /* IE6-9 */
}
.form_box input.submit{
  background: url(../../../../../images/page/sendmail_btn.png) no-repeat center;
  width: 305px;
  height: 0px;
  line-height: 96px;
  padding-top: 96px;
  margin: 0 auto 60px;
  display: block;
}
.inc_dis2{
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 120px;
}
/*導入事例と効果・メリット
**********************************************************************************/
.page-id-817 .page_head{
  margin-bottom: 0;
}
.page-id-817 .p_main_img{
  margin-bottom: 0;
}
.page-id-817 .article header{
  display: none;
}
.page-id-817 .top_works{
  padding-top: 60px;
}
.work_list_ul li.big_box{
  width: 31%;
}
.work_list_ul li{
  margin-bottom: 40px;
}
.work_list_ul li span{
  font-size: 1.2rem;
  display: block;
  border-top: dotted 1px #ddd;
  padding-top: 10px;
  margin-bottom: 10px;
  margin: 0 auto 10px;
  width: 80%;
}
.single-works #the-content{
  margin-top: 0;
}
.single-works.single .article header{
  width: 96%;
  background: none;
  border: none;
  height: 180px;
  margin: 0 auto;
  position: relative;
}
.single-works.single .article header p{
  display: inline-block;
  margin: 0;
}
.single-works.single .article header img{
  display: block;
}
.single-works.single .article header h1{
  display: inline-block;
  float: left;
  width: auto;
  /*position: absolute;
  bottom: 18%;
  left: 14%;*/
    padding-top: 20px;
    font-size: 2.4rem;
}
.single-works.single .article header p.logo_img{
  padding: 0px 30px 0;
  float: left;
  /*position: absolute;
  bottom: 5%;*/
}
.single-works.single .article header p.work_img{
  float: right;
}
.single-works .work_list_ul{
  padding-top: 0;
}
.worklist h2.ame_h2{
  margin: 100px 0 60px;
}
.worklist h2.ame_h2 span{
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
    font-weight: 600;
}
.single-works #body{
      background: url(../../../../../images/top/works_bk.jpg) no-repeat;
    background-size: 100%;
}
.single-works .top_works{
  padding-top: 30px;
}
.ver2_title{
  width: 96%;
  margin: 20px auto;
  color: #001489;
  font-size: 1.8rem;
  font-weight: 600;
  border-bottom: solid 1px #eee;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.ver2_title span{
  font-size: 1.2rem;
  margin-right: 5px;
  font-weight: 300;
}
.single-works .works_text{
    position: absolute;
    bottom: 20px;
    left: 4px;
    font-size: 1.5rem;
}
.single-works .fa-arrow-left:before{
  content: "\f061";
}
.single-works .fa-arrow-right:before{
    content: "\f060";
}
/*プライバシーポリシー
**********************************************************************************/
.pp_page p.dis_text,
.pp_page p.dis_base1{
  margin-bottom: 30px;
  width: 80%;
  margin: 0 auto 30px;
  line-height: 240%;
}
.pp_page .border_box {
  margin-top: 80px;
}
/*サイトマップ
**********************************************************************************/
.article .sitemap_page h2.ame_h2.ver2{
  margin-bottom: 60px;
}
.sitemap_page .dl_box_other.duo dl:nth-child(2n){
  margin-right: 0;
}
.sitemap_page .dl_box_other.duo dl{
  display: block;
  margin-bottom: 20px;
    box-sizing: border-box;
    
    font-size: 1.4rem;
    background: #fff;
    width: 49%;
    margin-right: 2%;
    border: solid 1px #eee;
}
.sitemap_page .dl_box_other.duo dl a{
  display: block;
  padding: 20px 20px 20px 6%;
}
.sitemap_page .dl_box_other.duo dl dt{
      font-size: 1.6rem;
    font-weight: 600;
    color: #001489;
    position: relative;
}
.sitemap_page .dl_box_other.duo dl dt a:before{
      border-left: solid 4px #001489;
    height: 25px;
    content: "";
    display: block;
    position: absolute;
    left: 3%;
    top: 30%;
}
.sitemap_page .dl_box_other{
  margin-bottom: 80px;
}

/*サイトマップ
**********************************************************************************/
.div_box.triple .f_left{
  margin-bottom: 40px;
}
.div_box.triple .f_left .img{
  text-align: center;
}

/*セキュリティー・ソリューション
**********************************************************************************/
.article .ss_page .single_box h2.under_bar_h2.top_h2{
  padding-top: 0;
  margin-bottom: 60px;
}
.ss_page .div_box.triple .f_left h2.under_bar_h2{
  padding-top: 0;
  border: none;
}
.ss_page .div_box.triple .f_left {
  width: 31%;
  border: solid 1px #eee;
  margin-right: 2%;
  padding-top: 30px;
  margin-bottom: 25px;
}
.ss_page .div_box.triple .f_left .dis_text{
  line-height: 24px;
  height: 100px;
}
.ss_page .duo_box .text_box{
  margin-top: 0;
}
.ss_page .duo_box .dis_text{
  margin-top: 0;
  margin-bottom: 10px;
}
.ss_page .link_bana .img{
  display: inline-block;
}
.sub_head_menu2 li.news{
  position: fixed;
  right: 0;
  top: 100px;
  z-index: 100000;
}
.sub_head_menu2 li.faq{
  position: fixed;
  right: 0;
  top: 220px;
  z-index: 100000;
}
.sub_head_menu2 li.suport{
  position: fixed;
  left: 0;
  bottom: 20px;
  z-index: 100000;
}

/*** 2019.7.31 古都修正 ***/
figure.entry-thumb {
    display: none;
}
.entry-card-content {
    margin-left: 20px;
}
.new-entry-thumb {
    display: none;
}
.new-entry-content {
    width: 100%;
}
.related-entry-thumb {
    display: none;
}
.related-entry-content {
    margin-left: 20px;
}
section.contact_thanks {
    text-align: center;
    line-height: 32px;
}
section.contact_thanks h2 {
    font-size: 2.6rem;
    margin-bottom: 24px;
}
nav.fixed #navi {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.page-id-105 footer .base_inner {
    margin-top: 0;
}

/*** 2020.9.02 仲本追加 トップFAQ ***/
.top_workflow_task .base_inner{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.task_box_new{
    box-sizing: border-box;
    border-top: solid 1px #efefef;
    border-left: solid 1px #efefef;
    width: 50%;
    background: #fff;
}
.task_box_new:nth-child(2n){
  border-right: solid 1px #efefef;
}
.task_box_new:nth-last-child(1),
.task_box_new:nth-last-child(2){
 border-bottom: solid 1px #efefef;
}
.task_box_new .img.left{
  float: left;
  width: 42%;
  padding: 3%;
  margin: 0;
  text-align: center;
}
.task_box_new .img img{
  max-width: 93%;
}
.task_box_new .dis.right{
  float: right;
  width: 46%;
    padding: 3%;
}
.task_box_new .dis.right .qtext{
  /*font-size: 1.55rem;
  color: #1e171b;
  font-weight: 500;*/
  font-size: 1.6rem;
  color: #757575;
  font-weight: 600;
  margin: 0;
  font-style: italic;
  margin-top: 8%;
}
.task_box_new .dis.right .qtext span{
  /*font-size: 1.9rem;
  font-weight: 400;*/
  font-size: 2rem;
  font-weight: 500;
  margin-left: 3px;
}
.task_box_new .dis.right .questionbox{
  margin: 5px 0 20px;
  padding-bottom: 20px;
  /*font-size: 2.3rem;
  font-weight: 600;*/
  border-bottom: solid 1px #efefef;
  /*color: #1e171b;*/
  font-size: 1.6rem;
  font-weight: 500;
  color: #757575;
  line-height: 160%;
  /*min-height: 72px;*/
  min-height: 28px;
}
.task_box_new .dis.right .questionbox br{
  display: none;
}
.task_box_new .dis.right .answer{
  /*font-size: 1.8rem;
  line-height: 160%;*/
  font-size: 2.2rem;
  line-height: 120%;
  color: #001489;
  padding-right: 3%;
  margin-bottom: 0;
  font-weight: 600;
}
.top_workflow_task.top_workflow_newtask h2,
.top_works h2.ver2{
  /*background: url(../../../../../images/common/line_back_w.png) repeat;*/
  border: none:;
  background-color: #001489;
  position: relative;
  color: #fff;
}
.top_works h2.ver2{
    font-size: 2.6rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 30px 0;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    margin-bottom: 60px;
}
.top_workflow_task.top_workflow_newtask h2:before,
.top_works h2.ver2:before{
  content: "";
    width: 0;
    border-right: solid 10vw #EF3340;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    /* background: #fff; */
    border-left: solid 10vw #fff;
}
.top_workflow_task.top_workflow_newtask h2:after,
.top_works h2.ver2:after{
  content: "";
  width: 100%;
  /* border-bottom: solid 1px #fff; */
  position: absolute;
  top: 4%;
  right: 0;
  height: 100%;
  /* background: #EF3340; */
  border-top: solid 1px rgba(255,255,255,0.3);
  border-bottom: solid 1px rgba(255,255,255,0.3);
  height: 91%;
}
.top_workflow_newtask.top_workflow_newtask2{
  background:#efefef;
  padding: 3% 0 5%;
}
.top_workflow_newtask{
  padding-bottom: 1%;
}
.top_workflow_newtask_last{
margin-bottom: 50px;
}
.page-id-317 .page_head_parts p.page_en_title,
.page-id-385 .page_head_parts p.page_en_title,
.page-id-437 .page_head_parts p.page_en_title,
.page-id-81 .page_head_parts p.page_en_title,
.page-id-817 .page_head_parts p.page_en_title,
.page-id-334 .page_head_parts p.page_en_title,
.page-id-823 .page_head_parts p.page_en_titl,
.page-id-832 .page_head_parts p.page_en_title,
.page-id-62 .page_head_parts p.page_en_title{
  font-weight: 500;
}
.page-id-317 .page_head_parts p,
.page-id-317 .page_head_parts h1.page_jp_title{
  color: #001489;
  text-shadow: 0px 0px 4px #b5b5b5;
}
.page-id-385 .page_head_parts p,
.page-id-385 .page_head_parts h1.page_jp_title,
.page-id-81 .page_head_parts p,
.page-id-81 .page_head_parts h1.page_jp_title{
  color: #001489;
  text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;
}
.page-id-81 #breadcrumb,
.page-id-81 #breadcrumb a,
.page-id-317 #breadcrumb,
.page-id-317 #breadcrumb a{
  color: #001489;
}
.page-id-81 p.p_main_img{
  overflow: hidden;
}
.contact .mid_dis1{
  width: 100%;
  margin-bottom: 10px;
}
.page-id-81 .sec_w{
  max-width: 560px;
  margin: auto;
}
.page-id-81 .sec_w .w60p{
  width: 100%;
}
.page-id-81 .mid_dis1{
  margin-top: 30px;
}
.page-id-437 .page_head_parts p,
.page-id-437 .page_head_parts h1.page_jp_title,
.page-template-page-function .page_head_parts p,
.page-template-page-function .page_head_parts h1.page_jp_title{
  text-shadow: 0px 0px 4px #404040,0px 0px 8px #404040;
}
.smallatention{
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 40px;
}
.page-id-817 .page_head_parts p,
.page-id-817 .page_head_parts h1.page_jp_title,
.page-id-334 .page_head_parts p,
.page-id-334 .page_head_parts h1.page_jp_title,
.page-id-823 .page_head_parts p,
.page-id-823 .page_head_parts h1.page_jp_title,
.page-id-832 .page_head_parts p,
.page-id-832 .page_head_parts h1.page_jp_title,
.page-id-62 .page_head_parts p,
.page-id-62 .page_head_parts h1.page_jp_title{
  /*color: #001489;
  text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;*/
  text-shadow: 0px 0px 4px #404040,0px 0px 8px #404040;
}
.footer_bana.visitview .bana_box{
    display: flex;
    flex-flow: row-reverse;
    justify-content: center;
    align-items:center;
    border: solid 6px #eee;
    width: 100%;
    box-sizing:border-box;
    background: #fff;
}
.footer_bana.visitview .rigth{
  width: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
  margin: auto;
  height: min(21vw,280px,21vw);
}
.footer_bana.visitview .rigth img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120%;
    height: auto;
    max-width: inherit;
    margin-bottom: 10px;
}
.footer_bana.visitview .left {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}
.footer_bana.visitview .left .title {
    display: block;
    text-align: center;
    margin-bottom: 1vw;
}
.footer_bana.visitview .left .text {
    display: block;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 800;
    color: #0084D3;
    line-height: 34px;
    margin-bottom: 20px;
}
.footer_bana.visitview .left .link {
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomleft: 40px;
    -moz-border-radius-bottomright: 40px;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background: #0084D3;
    border: solid 1px #0084D3;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    padding: 5px 30px;
    display: inline-block;
}
.flex_box{
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
}
.new_sec .psec_base .img_box{
  width: 50%;
  box-sizing:border-box;
  padding-right: 3%;
  padding-top: 0;
  margin-top: 0;
}
.new_sec .psec_base .text_box{
  width: 50%;
  box-sizing:border-box;
    padding-left: 3%;
    padding-right: 1%;
}
.new_sec .base_dev_box {
  padding: 5% 0;
}
.new_sec .psec_base .text_box .des{
  margin-bottom: 5%;
}
.revers{
  flex-direction: row-reverse;
}
.new_sec .psec_base .revers .img_box{
  padding-right: 0;
  padding-left: 3%;

}
.new_sec .psec_base .revers .text_box{
  padding-left: 1%;
  padding-right: 3%;
}
.new_sec.onp_sec .psec2{
  background: #F7F7F7;
  margin-bottom: 5%;
}
.new_sec.onp_sec .psec2 .des_base{
  text-align: center;
  padding-bottom:8%;
}
.new_sec h3.base_h3{
  background: #001489;
  font-size: min(4.8vw, 2.3rem,8vw);
  padding: 2vw 0 1.9vw 4vw;
  position: relative;
  margin-bottom: 3vw;
  color: #fff;
}
.new_sec h3.base_h3:before{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    background: #fff;
    height: 60%;
    top: 1.1vw;
    left: 2vw;
}
.base_dev_box2.triple{
  margin-top: 5%;
}
.base_dev_box2.triple .box{
  width: 30%;
  margin-right: 5%;
  box-shadow: 7px 7px 7px 0px rgba(0, 0, 0, 0.08);
}
.base_dev_box2.triple .box:nth-child(3){
  margin-right: 0;
}
.base_dev_box2.triple .box p{
  margin: 0;
}
.base_dev_box2.triple .box p img{
  display: block;
}
.base_dev_box2.triple .box .name{
  background: #7480AA;
  color: #fff;
  padding: 3% 4%;
}
.base_dev_box2.triple .box .des{
  padding: 5% 4%;
  font-size: 14px;
  line-height: 160%;
}
.base_dev_box2.triple .box .exa_box{
  padding: 4% 4%;
  font-size: 14px;
  line-height: 160%;
}
.base_dev_box2.triple .box .exa_box:nth-child(4),
.base_dev_box2.triple .box .exa_box:nth-child(6){
  background: #F7F7F7;
}
.base_dev_box2.triple .box .exa_box dt{
  width: 28%;
}
.base_dev_box2.triple .box .exa_box dd{
  width: 72%;
}
.onp_sec .psec5 {
  padding: 5% 0;
}
.onp_sec .psec5 .des_base{
  text-align: center;
  padding: 4% 0;
  text-align: center;
}
.flow_box .box{
  background: #29A7DE;
  color: #fff;
  padding: 3% 5%;
  position: relative;
}
.flow_box .box:nth-child(2n){
  background: #F7F7F7;
  color: #29A7DE;
}
.flow_box .box .img{
  width: 10%;
  text-align: center;
  margin: 0 5% 0 0;
}
.flow_box .box .img img{
  /*max-width: 50%;*/
}
.flow_box .box .en{
  font-size: min(4.8vw, 1.6rem,8vw);
  display: block;
  margin-bottom: 3%;
  font-weight: 700;
  letter-spacing: 1px;
}
.flow_box .box .name{
  font-size: min(4.8vw, 2.4rem,8vw);
  display: block;
  margin-bottom: 0%;
  font-weight: 700;
  letter-spacing: 1px;
}

.flow_box .box:before{
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 3vw solid #29A7DE;
  border-right: 12vw solid transparent;
  border-left: 12vw solid transparent;
  position: absolute;
  right: 0;
  top: 0;
}
.flow_box .box:nth-child(2n+1):before{
  border-top: 3vw solid #F7F7F7;
  border-right: 12vw solid transparent;
  border-left: 12vw solid transparent;
}
.flow_box .box:nth-child(1):before{
  content: none;
}
.new_sec .psec7 .base_inner{
  padding: 5% 0;
}
.new_sec .psec7 .qa_box{
  border-top: solid 1px #EEEEEE;
  margin-bottom: 3%;
}
.new_sec .psec7 .qa_box .ques_box{
  padding: 4.5% 5%;
  align-items:center;
  letter-spacing: 2px;
}
.new_sec .psec7 .qa_box .ans_box{
  padding: 4.5% 5%;
  background: #001489;
  color: #fff;
  letter-spacing: 2px;
}
.new_sec .psec7 .qa_box .ques_box .en{
  font-size: min(4.8vw, 3rem,8vw);
  font-weight: 900;
  width: 15%;
  padding-right: 5%;
  text-align: right;
  color: #001489;
  margin: 0;
}
.new_sec .psec7 .qa_box .ans_box .en{
  font-size: min(4.8vw, 2.4rem,8vw);
  font-weight: 700;
  width: 15%;
  padding-right: 5%;
  text-align: right;
  margin: 0;
}
.new_sec .psec7 .qa_box .ques_box .jp{
  width: 80%;
  font-size: min(4.8vw, 2.0rem,8vw);
  font-weight: 700;
  margin: 0;
  color: #001489;
}
.new_sec .psec7 .qa_box .ans_box .jp{
  width: 80%;
  font-size: min(4.8vw, 1.8rem,8vw);
  font-weight: 400;
  margin: 0;
}
.new_sec .psec7 .qa_box .ques_box .jp .des{
  margin: 0;
}
.new_sec .psec7 .qa_box .ans_box .jp .des{
  margin: 0;
}
.new_sec .psec7 .qa_box .ans_box .jp .des a{
  display: block;
  color: #fff;
  text-decoration: underline;
  margin-top: 3%;
}
.new_sec .psec6{
  background: url(../../../../../images/new/onpre_contact_img_bk.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  box-sizing:border-box;
  text-align: center;
  padding: 5%;
  margin-bottom: 5%;
}
.new_sec .psec6 h2.new_ver_h2{
  color: #fff;
  font-size: min(4.8vw, 3.2rem,8vw);
  margin-bottom: 5%;
}
.new_sec .psec6 h2.new_ver_h2 .en{
  font-size: min(4.8vw, 1.1rem,8vw);
  display: block;
  letter-spacing: 1px;
  font-weight: 500;
}
.new_sec h2.ame_h2.ver2{
  font-size: min(4.8vw, 3.2rem,8vw);
}
.new_sec .psec6 a{
  color: #fff;
}
.new_sec .psec6 .box{
  text-align: center;
  width: 49%;
  margin-right: 2%;
}
.new_sec .psec6 .box:nth-child(2){
  margin-right: 0;
}
.new_sec .psec6 .box .tel{
  justify-content: center;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
  padding: 5% 0 3%;
}
.new_sec .psec6 .box .tel a{
  font-size: min(4.8vw, 4.2rem,8vw);
  font-weight: 700;
  letter-spacing: 2px;
  display: inline-block;
  margin-left: 2%;
}
.new_sec .psec6 .box .contact_link{
}
.new_sec .psec6 .box .contact_link a{
  display: block;
  padding: 5.5% 0 5.5%;
  background: #fff;
  color: #001489;
  font-size: min(4.8vw, 2.4rem,8vw);
  font-weight: 800;
}
.new_sec .psec6 .box .des_base{
  font-size: min(4.8vw, 1.4rem,8vw);
  margin-top: 5%;
}
.cloud_sec .psec4{
  padding-bottom: 5%;
}
.cloud_sec .psec4 .des_base,
.cloud_sec .psec5 .des_base{
    padding: 4% 0;
    text-align: center;
}
.cloud_sec .dl_box2.triple dl{
  width: 31%;
  margin-right: 2%;
  padding: 60px 34px;
}
.cloud_sec .dl_box2.triple dl:nth-child(3n){
  margin-right: 0;
}
.cloud_sec .dl_box2.triple dl dt{
  color: #001489;
  line-height: 23px;
  font-weight: 600;
}
.cloud_sec .dl_box2.triple dl dd{
  text-align: left;
  line-height: 26px;
}
.page-id-2567 .page_head_parts p, .page-id-2567 .page_head_parts h1.page_jp_title{
    color: #001489;
    text-shadow: 0px 0px 4px #b5b5b5;
}
.new_sec.cloud_sec .psec_base .text_box .des{
  margin-bottom: 3%;
  font-size: 1.4rem;
}
#post-2540 .article table.table_base1{
  background: #fff;
}
.page-id-2623 .lp_page_base .doc_list2{
  margin-bottom: 5vw;
}
.page-id-2657 #sec4 .flex_box,
.page-id-2657 #sec2 .flow_box .flex_box{
  align-items:center;
}
.page-id-2657 #sec3 .box .text{
  margin-bottom: 2vw;
}
.page-id-2657 #sec3 .box .text.shortbt{
  margin-bottom: 0;
}
.page-id-2657 #sec2 .base_inner{
  width: 100%;
}
.page-id-2657 #sec2 .des{
  margin-top: 1vw;
  display: block;
}
.page-id-2657 #sec2 .flow_box .box .img{
  width: 15%;
}
.page-id-2657 .awf_head .title_box .des_head p{
    margin-bottom: 1.5vw;
}
.page-id-2680 #sec2 .img_dis_box{
    margin-bottom: 4vw;
    align-items: flex-start;
}
.page-id-2680 #sec2 .doc_list2 .box2{
  padding:5% 2%;
}
.page-id-2680 #sec2 .doc_list2 .box2 .text{
  font-size: min(4.8vw, 1.4rem,8vw);
}
.page-id-2680 #sec2 .doc_list2{
  margin-bottom: 6vw;
}
.page-id-2680 #sec3 .awf_des_sec .box{
  margin-bottom: 4vw;
}

p.works_hosoku_text {
    font-size: 1.5rem;
    width: 1260px;
    margin: 5% auto;
    margin-bottom: 100px;
}
.postid-2705.single-works .works_text,
.postid-2770.single-works .works_text,
.postid-2771.single-works .works_text,
.postid-2772.single-works .works_text,
.postid-2774.single-works .works_text,
.postid-2775.single-works .works_text,
.postid-2800.single-works .works_text,
.postid-2938.single-works .works_text,
.postid-2946.single-works .works_text,
.single-works.single .article header.new_works_heads .works_text{
    font-size: 3.0rem;
    color: #001489;
    font-weight: 600;
    line-height: 46px;
    position: absolute;
    bottom: 0;
}
.postid-2705.single-works .ver2_title,
.postid-2770.single-works .ver2_title,
.postid-2771.single-works .ver2_title,
.postid-2772.single-works .ver2_title,
.postid-2774.single-works .ver2_title,
.postid-2775.single-works .ver2_title,
.postid-2800.single-works .ver2_title,
.postid-2938.single-works .ver2_title,
.postid-2946.single-works .ver2_title,
.single-works .ver2_title.new_works_title{
    margin-bottom: 0;
    width: 1280px;
}
.postid-2705.single-works.single .article header,
.postid-2770.single-works.single .article header,
.postid-2771.single-works.single .article header,
.postid-2772.single-works.single .article header,
.postid-2774.single-works.single .article header,
.postid-2775.single-works.single .article header,
.postid-2800.single-works.single .article header,
.postid-2938.single-works.single .article header,
.postid-2946.single-works.single .article header,
.single-works.single .article header.new_works_heads {
    padding-top: 62px;
    height: 270px;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    width: 1280px;
}
.postid-2705.single-works.single .article header h1,
.postid-2770.single-works.single .article header h1,
.postid-2771.single-works.single .article header h1,
.postid-2772.single-works.single .article header h1,
.postid-2774.single-works.single .article header h1,
.postid-2775.single-works.single .article header h1,
.postid-2800.single-works.single .article header h1,
.postid-2938.single-works.single .article header h1,
.postid-2946.single-works.single .article header h1,
.single-works.single .article header.new_works_heads h1{
    padding-top: 26px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #001489;
    position: absolute;
    left: 120px;
}
.postid-2705.single-works.single .article header p.logo_img,
.postid-2770.single-works.single .article header p.logo_img,
.postid-2771.single-works.single .article header p.logo_img,
.postid-2772.single-works.single .article header p.logo_img,
.postid-2774.single-works.single .article header p.logo_img,
.postid-2775.single-works.single .article header p.logo_img,
.postid-2800.single-works.single .article header p.logo_img,
.postid-2938.single-works.single .article header p.logo_img,
.postid-2946.single-works.single .article header p.logo_img,
.single-works.single .article header.new_works_heads p.logo_img {
    padding-right: 20px;
    position: absolute;
}
.postid-2705 .base_inner.works_single,
.postid-2770 .base_inner.works_single,
.postid-2771 .base_inner.works_single,
.postid-2772 .base_inner.works_single,
.postid-2774 .base_inner.works_single,
.postid-2775 .base_inner.works_single,
.postid-2800 .base_inner.works_single,
.postid-2938 .base_inner.works_single,
.postid-2946 .base_inner.works_single,
.single-works .base_inner.works_single.new_works_single{
    width: 100%;
}
.postid-2705.single-works #the-content,
.postid-2770.single-works #the-content,
.postid-2771.single-works #the-content,
.postid-2772.single-works #the-content,
.postid-2774.single-works #the-content,
.postid-2775.single-works #the-content,
.postid-2800.single-works #the-content,
.postid-2938.single-works #the-content,
.postid-2946.single-works #the-content,
.single-works .new_works_single #the-content {
    width: 1280px;
}
section.works_story h2.ame_h2.ver2 {
    color: #001489;
    font-size: 2.4rem;
    margin-bottom: 30px;
}
section.works_story h2.ame_h2.ver2 span {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px;
}
section.works_story .img_box {
    width: 50%;
    box-sizing: border-box;
    padding-right: 3%;
    padding-top: 0;
    margin-top: 0;
    text-align: center;
}
section.works_story .text_box {
    width: 50%;
    box-sizing: border-box;
    font-size: 1.5rem;
    line-height: 30px;
}
section.works_story .img_box img {
    width: 70%;
    margin-top: 76px;
}
section.works_story.story2 .img_box img {
    margin-top: 120px;
}
section.works_story.story3 .img_box img {
    margin-top: 60px;
}
section.works_story.story1 {
    margin-bottom: 50px;
}
section.works_story.story2,section.works_story.story4 {
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 60px;
}
section.works_story.story3,section.works_story.story5 {
    margin-bottom: 50px;
}
.postid-2705 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2770 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2771 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2772 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2774 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2775 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2800 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2938 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2946 dl.base_dev_box.flex_box.revers.base_inner,
.single-works .new_works_single dl.base_dev_box.flex_box.revers.base_inner {
    width: 62%;
}
.postid-2774 dl.base_dev_box.flex_box.revers.base_inner,
.postid-2775 dl.base_dev_box.flex_box.revers.base_inner {
    width: 28%!important;
}
.postid-2938 dl.base_dev_box.flex_box.revers.base_inner {
    width: 38%!important;
}
.postid-2938 dl.base_dev_box.flex_box.revers.base_inner dd.box {
    width: 30%;
}
dl.base_dev_box.flex_box.revers.base_inner dd.box {
    width: 22%;
    margin-top: 0;
    margin-left: 1.5%;
    margin-right: 1.5%;
    text-align: center;
}
p.works_job_name {
    font-size: 1.5rem;
    margin-top: 2%;
    margin-bottom: 0;
}
section.gotaiou {
    background-color: #001489;
    color: #ffffff;
    padding-top: 68px;
    padding-bottom: 52px;
}
section.gotaiou h2.ver3 {
    color: #ffffff;
    font-size: 2.7rem;
    text-align: center;
    margin-bottom: 46px;
}
section.gotaiou h2.ver3 hr {
    width: 25px;
    margin: auto;
    height: 4px;
    background-color: #ffffff;
    border: none;
    margin-top: 22px;
}
p.works_ps_name {
    margin-top: 2%;
}
section.works_company_info {
    background-color: #f8f8f8;
}
section.works_company_info dl dd.img {
    width: 25%;
    font-size: 1.4rem;
}
section.works_company_info dl dd.logo01,section.works_company_info dl dd.logo02 {
    width: 8%;
    margin: auto;
    margin-left: 0;
    margin-right: 0;
}
section.works_company_info dl dd.text01 {
    margin: auto;
    font-size: 1.4rem;a
}
p.des.des_tsuiki {
    width: 1280px;
    margin: auto;
    margin-top: 1%;
}
.postid-2705.single-works.single .navigation,
.postid-2770.single-works.single .navigation,
.postid-2771.single-works.single .navigation,
.postid-2772.single-works.single .navigation,
.postid-2774.single-works.single .navigation,
.postid-2775.single-works.single .navigation,
.postid-2800.single-works.single .navigation,
.postid-2938.single-works.single .navigation,
.postid-2946.single-works.single .navigation,
.single-works .new_works_single .navigation  {
    width: 1280px;
}
.grad_white {
    width: 1280px;
    height: 335px;
    background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 25%, rgba(255, 255, 255, 1) 33%);
    position: absolute;
    top: 0;
}
section.works_company_info dl.p1_text_com1 dd.img {
    width: 22%;
    margin: auto;
}
section.works_company_info dl.p1_text_com1 dd.user_prof_text {
    width: 32%;
    font-size: 1.4rem;
    margin: auto;
}
section.works_company_info dl.p1_text_com1 dd.text01 {
    width: 30%;
}
section.works_company_info dl.text_com1 dd.user_prof_text {
    width: 36%;
    font-size: 1.4rem;
    margin: auto;
}
section.works_company_info dl.text_com1 dd.text01 {
    width: 40%;
}
dl.p5ver.base_dev_box.flex_box.revers.base_inner dd.box {
    width: 17%;
}
.postid-2770.single-works.single .article header h1,
.postid-2938.single-works.single .article header h1,
.postid-2946.single-works.single .article header h1 {
    left:195px;
}
.postid-2772.single-works.single .article header h1 {
    left: 172px;
}
.postid-2774.single-works.single .article header h1 {
    left: 172px;
}
.postid-2775.single-works.single .article header h1 {
    left: 194px;
}
dl.p2ver.base_dev_box.flex_box.revers.base_inner {
    width: 29%;
    margin: auto;
}
dl.p2ver.base_dev_box.flex_box.revers.base_inner {
    width: 29%;
    margin: auto;
}
dl.p2ver.base_dev_box.flex_box.revers.base_inner dd.box {
    width: 47%;
}
.doc_other_page a{
  color: #001489;
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 8px;
}
.doc_other_page .link_menu p{
  font-size: 120%;
}
.doc_other_page .link_menu ul{
  margin-left: 3%;
  margin-bottom: 3%;
}
.doc_other_page{
  width: 80%;
  margin: auto;
}
.works_list_logo .work_list_ul{
  margin-bottom: 0;
  max-height: 70px;
  overflow: hidden;
}
.slick-initialized .slick-slide{
  width: auto!important;
  margin:0 25px;
}
.works_list_logo .work_list_ul li{
  margin-bottom: 0;
}
.main_navig{
  height: 92px;
}
.home .movie{
  position: relative;
}
.home .movie p a {
    position: absolute;
}
.home .movie p a#movie_button {
    width: 60px;
    height: 60px;
/*background: linear-gradient(135deg, rgba(20,86,130,0.8) 0%,rgba(13,36,86,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #001489;
    bottom: 30px;
    right: 80px;
    border-radius: 150px;
    -moz-border-image: border-radius: 150px;
    -webkit-border-image: border-radius: 150px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 82px;
    margin-bottom: 0;
}
.home .movie p a#sound_button {
    width: 60px;
    height: 60px;
/*background: linear-gradient(135deg, rgba(20,86,130,0.8) 0%,rgba(13,36,86,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #001489;
    bottom: 30px;
    right: 150px;
    border-radius: 150px;
    -moz-border-image: border-radius: 150px;
    -webkit-border-image: border-radius: 150px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 78px;
    margin-bottom: 0;
}
.fa-bell-o:before {
    content: "\f0a2";
}
.fa-bell-o:after {
    content: "音声ON";
    font-size: 11px;
    display: block;
    padding-top: 5px;
}
.fa-bell-slash-o:after {
    content: "音声OFF";
    font-size: 11px;
    display: block;
    padding-top: 5px;
}
.fa-pause:before {
    content: "\f04c";
}
.fa-play:after{
  content: "再生";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.fa-pause:after{
  content: "停止";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.fa-window-maximize:after{
  content: "全画面";
  font-size: 11px;
  display: block;
  padding-top: 5px;
}
.home .movie .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0;
    position: relative;
    /*top: 8px;*/
}
.home .movie p a.inline_m {
    width: 60px;
    height: 60px;
/*background: linear-gradient(135deg, rgba(20,86,130,0.8) 0%,rgba(13,36,86,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: #001489;
    bottom: 30px;
    right: 10px;
    border-radius: 150px;
    -moz-border-image: border-radius: 150px;
    -webkit-border-image: border-radius: 150px;
    font-size: 25px;
    text-align: center;
    color: #fff;
    line-height: 82px;
    margin-bottom: 0;
}
.movie_sound,
.movie_play,
.movie_wide{
  margin: 0;
}
.home #cboxClose {
    position: absolute;
    top: -64px;
    right: 20px;
    display: block;
    background: url(../../../../../mov/close_btn_03.png) no-repeat top center;
    width: 159px;
    height: 83px;
    text-indent: -9999px;
}
.top_workflow_mov .mov{
  margin-bottom: 0;
}
.top_workflow_mov .base_inner{
  position: relative;
  overflow: hidden;
}
.top_workflow_mov .head_bk {
    background: url(../../../../mov/head_bk.png) repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.home #colorbox #inline_move{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.home #colorbox{
  z-index: 1000000;
}
#video02,#video03{
  display: none;
}
.new_sec.fpp .base_dev_box{
  padding: 3% 0 5%;
}
.new_sec.fpp .psec_base .text_box{
  width: 90%;
  text-align: center;
  padding: 0;
  margin: 0 auto 6%;
}
.new_sec.fpp .psec_base .text_box .chatch_des{
      font-size: clamp(1.8rem, 1.8vw + 0rem, 2.3rem);
      font-weight: 600;
      letter-spacing: 1px;
}
.article table.fpp_table{
  width: 90%;
  margin: 0 auto 4%;
  max-width: 1080px;
}
.article table.fpp_table th{
  padding: 2.5% 3%;
  color: #fff;
  background: #001489;
  border-bottom: solid 1px #1b35a5;
  border-right: solid 1px #001489;
  border-left: solid 1px #001489;
  font-size: clamp(1.8rem, 1.8vw + 0rem, 2.0rem);
  font-weight: 500;
}
.article table.fpp_table td{
  padding: 2% 3%;
  border: solid 1px #e6e6e6;
  font-size: clamp(1.8rem, 1.8vw + 0rem, 1.8rem);
}
.new_sec.fpp .ate_box{
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.new_sec.fpp .ate_box h3.square_h3{
  font-size: clamp(1.8rem, 1.8vw + 0rem, 2.0rem);
}
.new_sec.fpp .ate_box .circle_ul li{
  line-height: 180%;
  padding-left: 1.5em;
  position: relative;
}
.new_sec.fpp .ate_box .circle_ul li:before{
  content: "◯";
  position: absolute;
  left: 0;
}
.new_sec.fpp .form_box{
  max-width: 1080px;
  width: 90%;
  padding: 3%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.1);
  margin-top: 5%;
  margin-bottom: 3%;
}
.new_sec.onp_sec.fpp .psec2{
  margin-bottom: 0;
  padding-bottom: 3%;
  padding-top: 5%;
}
.new_sec.onp_sec.fpp .psec2 h2.ame_h2.ver2{
  /*color: #001489;*/
  background: url(../../../../../images/common/line_back.png) repeat #fff;
}
.new_sec.fpp .form_box .inc_dis2{
  margin-bottom: 0;
}
.new_sec.fpp .contact .form_box dl:nth-child(1){
  border-top: none;
}
.new_sec.fpp .contact .form_box dl dt{
  width: 30%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.new_sec.fpp .contact .form_box dl dd{
  width: 55%;
}
.new_sec.fpp .contact .form_box dl dt .atention{
  font-size: 13px;
  background: #ef3340;
  color: #fff;
  padding: 1px 0.5em;
  font-weight: 300;
}
.new_sec.fpp .contact .form_box input{
  padding: 2%;
  background: #fafafa;
  border: solid 1px #ededed;
}
.new_sec.fpp .contact .form_box ::placeholder{
  color: #aaa;
}
.new_sec.fpp .riyoukiyaku{
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  background: #fafafa;
  border: solid 1px #e6e6e6;
  font-size: clamp(1.4rem, 1.4vw + 0rem, 1.8rem);
  text-align: center;
  padding: 2%;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
}
.new_sec.fpp .riyoukiyaku .kiyaku_btn{
  color: #29abe2;
  text-decoration: underline;
  cursor: pointer;
}
.kiyaku_close{
  max-width: 200px;
  width: 100%;
  background: #231815;
  color: #fff;
  font-size: clamp(1.4rem, 1.4vw + 0rem, 1.6rem);
  font-weight: 500;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  padding: 3%;
  cursor: pointer;
}
.new_sec.fpp .kiyaku_box{
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  z-index: 10;
}
.new_sec.fpp .kiyaku_box.on{
  opacity: 1;
  width: 100%;
  height: 100%;
  background: rgba(238,238,238,0.5);
  visibility: visible;
}
.new_sec.fpp .kiyaku_inner{
  position: fixed;
  top: 20%;
  bottom: 20%;
  height: 60%;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  max-width: 800px;
  background: #fff;
  padding: 5%;
  box-sizing:border-box;
}
.kiyaku_inner h1{
  text-align: center;
  margin-bottom: 1em;
  margin-top: 2em;
  font-size: clamp(1.4rem, 1.4vw + 0rem, 1.8rem);
}
.kiyaku_inner h2{
  margin-bottom: 1em;
  margin-top: 2em;
  font-size: clamp(1.4rem, 1.4vw + 0rem, 1.6rem);
}
.kiyaku_inner ul{
  padding-left: 30px;
  list-style: disc;
  margin-top: 1.5em;
  line-height: 160%;
}
.kiyaku_inner ol{
  padding-left: 30px;
  line-height: 160%;
}
.kiyaku_inner ol li{
  margin-bottom: 1em;
}
.kiyaku_inner ul li{
  margin-bottom: 0.3em;
  font-size: 1.3rem;
}
.kiyaku_inner p{
  line-height: 160%;
  padding-left: 20px;
}
.new_sec.fpp .kiyaku_inner .title{
  text-align: center;
  font-size: clamp(1.6rem, 1.6vw + 0rem, 2.4rem);
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
  margin-top: 0;
  margin-bottom: 4%;
}
.new_sec.fpp .kiyaku_inner .title:before{
  content: "";
  display: block;
  width: 100%;
  border-bottom: solid 1px #eee;
  position: absolute;
  left: 0;
  top: 0.8em;
}
.new_sec.fpp .kiyaku_inner .title .ts{
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 1em;
  background: #fff;
}
.new_sec.fpp .kiyaku_inner .in_text{
  font-size: 14px;
  overflow: auto;
  height: 70%;
}
.new_sec.fpp .contact .form_box input.submit{
    max-width: 500px;
    width: 40%;
    height: 0;
    background: url(../../..//images/page/fpp_confirm.png) no-repeat center;
    background-size: 100%;
    padding-top: 165px;
    border: none;
    overflow: hidden;
    line-height: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 0;
}
.new_sec.fpp .contact .form_box input.submit:hover{
  opacity: 0.8;
}
.page-id-4408 .new_sec.onp_sec.fpp .psec2{
  padding-top: 0;
}
.page-id-4408 .fpp_head .page_head_parts,
.page-id-4402 .fpp_head .page_head_parts{
  top: 28%;
}
.page-id-4408 .footer_bana.visitview,
.page-id-4402 .footer_bana.visitview,
.page-id-4389 .footer_bana.visitview{
  margin-top: 0;
}
.fpp_head .page_head_parts{
  left: inherit;
  width: 50%;
}
.fpp_head .page_head_parts img{
  max-width: 400px;
}
.fpp_head .page_head_parts .page_jp_title{
  font-size: clamp(1.8rem, 1.8vw + 0rem, 2.2rem);
  color: #001489;
  font-weight: 900;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, 1), 0px 0px 4px rgba(255, 255, 255, 1);
}
.free_bana{
  margin-top: 5%;
}
.free_bana img.sp_none{
  display: none;
}
.fpp_head br.sp_none{
  display: none;
}
.fpp .mw_wp_form_confirm .inc_dis,
.fpp .mw_wp_form_confirm .riyoukiyaku{
  display: none;
}
.fpp_head .page_head_parts.v2 .page_jp_title{
      font-size: clamp(1.8rem, 5.8vw + 0rem, 8.2rem);
  color: #001489;
  font-weight: 900;
  text-shadow:unset; 
}
.page_head_parts.v2 p.page_en_title{
  font-size: clamp(1.8rem, 3.2vw + 0rem, 5.2rem);
  color: #001489;
  font-weight: 900;
  text-shadow:unset; 
}
.fpp_head .page_head_parts.v2{
  width: 60%;
  right: inherit;
  left:0;
  top: 16%;
}
.fpp_head .page_head_parts.v2 .page_main_dis{
  font-size: clamp(1.6rem, 1.8vw + 0rem, 2.4rem);
  color: #fff;
  font-weight: 900;
  text-shadow:unset;
  background: #EF3340;
  border-radius: 100px;
  padding: 1.5% 1em;
  display: inline-block;
  position: absolute;
  right: -5%;
}
.fpp_head .p_main_img.v2{
  margin-bottom: 0;
}
.new_sec.fpp .contact .form_box .mw_wp_form_confirm input.submit{
  background: url(../../../images/page/fpp_submit.png) no-repeat center;
      background-size: 100%;
}

.page-id-4408 .fpp_head .page_head_parts.v2 .page_jp_title,
.page-id-4402 .fpp_head .page_head_parts.v2 .page_jp_title{
    font-size: clamp(1.8rem, 5.8vw + 0rem, 5.5rem);
}
.page-id-4408 .page_head_parts.v2 p.page_en_title,
.page-id-4402 .page_head_parts.v2 p.page_en_title {
  font-size: clamp(1.8rem, 3.2vw + 0rem, 3.5rem);
}
.page-id-4408 .fpp_head .page_head_parts.v2,
.page-id-4402 .fpp_head .page_head_parts.v2{
  top: 30%;
}.fpp.new_sec h2.ame_h2.ver2 .gold{
  font-size: inherit;
  color: inherit;
  display: inline;
}
.new_sec.onp_sec.fpp .psec2 h2.ame_h2.ver2 .small{
  font-size: 60%;
}
/**************************切り替えソース*********************/
.page_head .p_main_img.v2 img{
    width: 100%;
}
.page-id-4389 #body-in,
.page-id-4408 #body-in,
.page-id-4402 #body-in{
  background: url(../../../images/page/fpp_conte_bk.webp) repeat-y top center;
  background-size: 100%;
}
.fpp .psec1{
  color: #fff;
}
.fpp.new_sec h2.ame_h2.ver2{
  color: #fff;
  padding-top: 0;
  border: none;
  font-size: clamp(1.8rem, 7.8vw + 0rem, 4.5rem);
}
.fpp.new_sec h2.ame_h2.ver2 .en{
  font-size: clamp(1.4rem, 1.6vw + 0rem, 1.6rem);
}
.fpp.new_sec h2.ame_h2.ver2 .gold{
  font-size: inherit;
  color: #F9BE00;
  display: inline;
}
.fpp.new_sec h2.ame_h2.ver2:after{
  content: "";
  display: block;
  width: 60px;
  height: 6px;
  background:#EF3340; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
}
.new_sec.fpp .psec_base .text_box .chatch_des {
  font-size: clamp(1.8rem, 1.8vw + 0rem, 2.7rem);
}
.article table.fpp_table{
  background: #fff;
}
.article table.fpp_table td{
  font-size: clamp(1.6rem, 1.8vw + 0rem, 2.0rem);
  color: #231815;
}
.article table.fpp_table th{
  color: #fff;
  background: #EF3340;
  border-bottom: solid 1px #EF5665;
  border-right: solid 1px #EF3340;
  border-left: solid 1px #EF3340;
  border-top: solid 1px #EF3340;
  font-size: clamp(1.8rem, 1.8vw + 0rem, 2.2rem);
}
.new_sec.fpp .ate_box h3.square_h3{
  color: #fff;
}
.new_sec.onp_sec.fpp .psec2{
  background:none;
}
.new_sec.onp_sec.fpp .psec2 h2.ame_h2.ver2{
  background:none;
}
.new_sec.fpp .psec_base .text_box .chatch_des{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
}
.new_sec.fpp .psec_base .text_box .chatch_des:before,
.new_sec.fpp .psec_base .text_box .chatch_des:after{
  width: 1px;
  height: 28px;
  content: "";
  background-color: #231815;
}
.new_sec.fpp .psec_base .text_box .chatch_des:before {
  margin-right: 1em;
  transform: rotate(-30deg);
}

.new_sec.fpp .psec_base .text_box .chatch_des:after {
  margin-left: 1em;
  transform: rotate(30deg);
}
.article table.fpp_table th{
  color: #fff;
  background: #2C55C6;
  border-bottom: solid 1px #4975D6;
  border-right: solid 1px #2C55C6;
  border-left: solid 1px #2C55C6;
  border-top: solid 1px #2C55C6;
  font-size: clamp(1.8rem, 1.8vw + 0rem, 2.2rem);
}
.new_sec.fpp .psec_base .text_box .chatch_des:before{
  background-color: #fff;
}
.new_sec.fpp .psec_base .text_box .chatch_des:after{
  background-color: #fff;
}
.article table.fpp_table tr:nth-child(1) th{
  border-top: solid 1px #2C55C6;
}
.article table.fpp_table tr:nth-last-child(1) th{
  border-bottom: solid 1px #2C55C6;
}
.post-4402 section.contact_thanks{
  padding: 10% 0;
  color: #fff;
}
.post-4402 section.contact_thanks h2{
  color: #fff;
}
.page-id-4402 .footer_bana.visitview,
.page-id-4402 .page_head{
  display: none;
}
.grecaptcha-badge{
      bottom: 20%!important;
}
.review_box iframe{
  width: 100%;
  height: 450px;
  overflow-x:hidden;
  overflow-y:auto;
}
.review_box{
  margin-bottom: 30px;
}
/**************************切り替えソース*********************/
@media screen and (max-width: 1280px) {
  .doc_other_page{
    width: auto;
  }
  .w1280, .base_inner,#header-in{
    width: auto;
  }
  body{
    min-width: inherit;
  }
  .feature_list .base_inner{
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  }
  .feature_list .dis{
    height: auto;
  }
  #sidebar{
    width: 22%;
  }
  #navi-in,
  #navi ul{
    display: flex;
    flex-flow: inherit;
    justify-content: left;
  }
  #navi ul{
   justify-content: right;
   width: 100%;
  }
  #navi ul li a{
    line-height: 110%;
    padding: 3vw 1em;
    height: auto;
  }
  #navi ul > li:nth-last-child(1) a{
    padding-top: 5%;
    line-height: 90px;
  }
  #navi ul li{
  }
  #navi ul > li:nth-last-child(1){
    background-repeat: no-repeat;
    background-size: cover;
  }
  .menu-top_main_navi-container{
    width: 70%;
  }
  .site_logo{
    width: 30%;
  }
  #navi ul > li:after{
    top: 28px;
    position: absolute;
    height: 33%;
  }
  .home #site-title img{
    max-width: 100%;
  }
  .new_sec.fpp .psec_base .text_box .chatch_des{
    font-size: clamp(1.76rem, 1.8vw + 0rem, 2.3rem);
  }
  .article table.fpp_table th{
    width: 40%;
        font-size: clamp(1.4rem, 1.8vw + 0rem, 2.0rem);
  }
  .article table.fpp_table td{
        font-size: clamp(1.5rem, 1.8vw + 0rem, 1.8rem);
  }
  .contact .form_box dl.addrdl{
    display: block;
  
}