/*
Theme Name: ABESHIKOH THEME
Theme URI: http://www.abeshikoh.co.jp/
Author: ABESHIKOH
Author URI: http://www.abeshikoh.co.jp/
Description: 
Version: 0.1
License: 
License URI: 
*/

@charset "utf-8";

/* IMPORT RESET */

@import url("css/reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */

@import url("css/responsive.gs.12col.css");

/* IMPORT google font */

@import url(https://fonts.googleapis.com/css?family=Exo:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

/* -----------------------------------------------------------
基本設定
----------------------------------------------------------- */

html,
body {
    /*font-family: YuMincho, '游明朝', serif;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0;
    width: 100%;
    height: 100%;
    font-size: 100%;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html.android {
    font-family: "あおぞら明朝 Medium", serif;
}

/* 游明朝体 のウェイト
font-family: "游明朝", "YuMincho", serif;
font-weight: normal; 200,normal,bold 
游ゴシック体 のウェイト
font-family: "游ゴシック", "YuGothic", sans-serif;
font-weight: normal; 200,normal,bold
*/

/*
#block {
    background-image: url(./video/ocean.png);
    background-position: center top;
    background-size: cover;
}
*/


/* -----------------------------------------------------------
基本マージン設定
----------------------------------------------------------- */

.mg0a {
    margin: 0px;
}

.mg5a {
    margin: 5px;
}

.mg5_t {
    margin-top: 5px;
}

.mg5_b {
    margin-bottom: 5px;
}

.mg5_l {
    margin-left: 5px;
}

.mg5_r {
    margin-right: 5px;
}

.mg9a {
    margin: 9px;
}

.mg9_t {
    margin-top: 9px;
}

.mg9_b {
    margin-bottom: 9px;
}

.mg9_l {
    margin-left: 9px;
}

.mg9_r {
    margin-right: 9px;
}

.mg10a {
    margin: 10px;
}

.mg10_t {
    margin-top: 10px;
}

.mg10_b {
    margin-bottom: 10px;
}

.mg10_l {
    margin-left: 10px;
}

.mg10_r {
    margin-right: 10px;
}

.mg15a {
    margin: 15px;
}

.mg15_t {
    margin-top: 15px;
}

.mg15_b {
    margin-bottom: 15px;
}

.mg15_l {
    margin-left: 15px;
}

.mg15_r {
    margin-right: 15px;
}

.mg20a {
    margin: 20px;
}

.mg20_t {
    margin-top: 20px;
}

.mg20_b {
    margin-bottom: 20px;
}

.mg20_l {
    margin-left: 20px;
}

.mg20_r {
    margin-right: 20px;
}

.mg25a {
    margin: 25px;
}

.mg25_t {
    margin-top: 25px;
}

.mg25_b {
    margin-bottom: 25px;
}

.mg25_l {
    margin-left: 25px;
}

.mg25_r {
    margin-right: 25px;
}

.mg30a {
    margin: 30px;
}

.mg30_t {
    margin-top: 30px;
}

.mg30_b {
    margin-bottom: 30px;
}

.mg30_l {
    margin-left: 30px;
}

.mg30_r {
    margin-right: 30px;
}

.mg40a {
    margin: 40px;
}

.mg40_t {
    margin-top: 40px;
}

.mg40_b {
    margin-bottom: 40px;
}

.mg40_l {
    margin-left: 40px;
}

.mg40_r {
    margin-right: 40px;
}

.mg50a {
    margin: 50px;
}

.mg50_t {
    margin-top: 50px;
}

.mg50_b {
    margin-bottom: 50px;
}

.mg50_l {
    margin-left: 50px;
}

.mg50_r {
    margin-right: 50px;
}

.mg70a {
    margin: 70px;
}

.mg70_t {
    margin-top: 70px;
}

.mg70_b {
    margin-bottom: 70px;
}

.mg70_l {
    margin-left: 70px;
}

.mg70_r {
    margin-right: 70px;
}

.mg80a {
    margin: 80px;
}

.mg80_t {
    margin-top: 80px;
}

.mg80_b {
    margin-bottom: 80px;
}

.mg80_l {
    margin-left: 80px;
}

.mg80_r {
    margin-right: 80px;
}


/* -----------------------------------------------------------
基本パディング設定
----------------------------------------------------------- */

.pg5a {
    padding: 5px;
}

.pg10a {
    padding: 10px;
}

.pg10_t {
    padding-top: 10px;
}

.pg10_b {
    padding-bottom: 10px;
}

.pg10_l {
    padding-left: 10px;
}

.pg10_r {
    padding-right: 10px;
}

.pg20a {
    padding: 20px;
}

.pg20_t {
    padding-top: 20px;
}

.pg20_b {
    padding-bottom: 20px;
}

.pg20_l {
    padding-left: 20px;
}

.pg20_r {
    padding-right: 20px;
}

.pg30a {
    padding: 30px;
}

.pg30_t {
    padding-top: 30px;
}

.pg30_b {
    padding-bottom: 30px;
}

.pg30_l {
    padding-left: 30px;
}

.pg30_r {
    padding-right: 30px;
}

.pg40a {
    padding: 40px;
}

.pg40_t {
    padding-top: 40px;
}

.pg40_b {
    padding-bottom: 40px;
}

.pg40_l {
    padding-left: 40px;
}

.pg40_r {
    padding-right: 40px;
}

.pg50a {
    padding: 50px;
}

.pg50_t {
    padding-top: 50px;
}

.pg50_b {
    padding-bottom: 50px;
}

.pg50_l {
    padding-left: 50px;
}

.pg50_r {
    padding-right: 50px;
}


/* -----------------------------------------------------------
配置
----------------------------------------------------------- */

.txtalcenter {
    text-align: center;
}

.mgcenter {
    margin: 0 auto;
}

.clearfix {
    overflow: hidden;
    clear: both;
    zoom: 1;
}

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


/* fix code */

.wp-pagenavi {
    margin: 0 auto;
    text-align: center;
}


/* -----------------------------------------------------------
文字サイズ
----------------------------------------------------------- */

.txt_percent75 {
    font-size: 75%;
}

.txt_percent85 {
    font-size: 85%;
}

.txt_percent120 {
    font-size: 120%;
}

.txt_px10 {
    font-size: 10px;
}

.txt_px12 {
    font-size: 12px;
}

.txt_px14 {
    font-size: 14px;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


/* -----------------------------------------------------------
文字色
----------------------------------------------------------- */

.txtwhite {
    color: #ffffff;
}

.txtwhite a {
    color: #ffffff;
}

.cB82744 {
    color: #B82744;
}


/* -----------------------------------------------------------
リンク文字
----------------------------------------------------------- */

a {
    color: #0067B6;
}


/* -----------------------------------------------------------
角丸
----------------------------------------------------------- */

.border_radius240 {
    border-radius: 240px;
    -webkit-border-radius: 240px;
    -moz-border-radius: 240px;
}


/* -----------------------------------------------------------
PCnone
----------------------------------------------------------- */

.pcnone {
    display: none;
}

.pctabnone {
    display: none;
}

.smanone2 {
    display: block;
}


/* -----------------------------------------------------------
フォーム・ボタン
----------------------------------------------------------- */

.searchform input {
    max-width: 65%;
    display: inline;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#searchsubmit {
    max-width: 25%;
    display: inline;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

textarea {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


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

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

#headmenubox {
    top: 0px;
    right: 0px;
    /*z-index: 5;*/
    position: fixed;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
}

#dotmask {
    background: url(images/pattern.png);
    z-index: 4;
    position: absolute;
}

#maincontents_wrapper {
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 10;
}

#maincontents_wrapper_bkimg1 {
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 10;
}

#maincontents_wrapper_bkimg2 {
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 10;
}

#maincontents1 {
    /*width:970px;
margin:0 auto;*/
    position: relative;
    z-index: 10;
    margin-top: -300px;
}

#maincontents2 {
    /*width:970px;
margin:0 auto;*/
    margin-top: -1500px;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
    /*background:#ffffff;*/
}

#logo_bl {
    top: 48%;
    left: 5%;
    z-index: 10;
    position: absolute;
    z-index: 1000;
}

#logo_bl_sub {
    display: none;
}

#logo_bl_subpage {
    top: 20px;
    left: 0;
    z-index: 10;
    position: absolute;
    z-index: 1000;
}

#whitebox_bl {
    top: 0;
    left: 0;
    z-index: 5;
    position: absolute;
    width: 50%;
    /*height:50%;
background:#ffff00;*/
    background: url(images/sankaku.png);
    background-size: 100%;
    background-size: cover;
}

#whitebox_bl2 {
    left: 0;
    z-index: 5;
    position: absolute;
    width: 50%;
    /*background:#0fff00;*/
    background: #ffffff;
}

#whitebox_bl3 {
    top: 100%;
    height: 900px;
    left: 0;
    z-index: 5;
    position: absolute;
    width: 50%;
    /*background:#ff0fff;*/
    background: #ffffff;
}

#whitebox_bl4 {
    top: 100%;
    height: 900px;
    left: 50%;
    z-index: 5;
    position: absolute;
    width: 50%;
    background: url(images/sankaku.png);
    background-size: 100%;
    background-size: cover;
}

#whitebox_bl5 {
    left: 0;
    z-index: 5;
    width: 50%;
    height: 1800px;
    margin-top: -300px;
    background: #ff0fff;
    background: url(images/topmiddle_bkimg.png);
}

#whitebox_bl6 {
    left: 50%;
    z-index: 5;
    width: 50%;
    height: 900px;
    background: #ff0f0f;
}

#copy_bl {
    top: 39%;
    right: 7%;
    min-width: 36%;
    /*max-width:400px;*/
    z-index: 10;
    position: absolute;
    color: #ffffff;
    text-align: left;
}

.fadein span {
    opacity: 0;
}

.textnone {
    text-decoration: none;
    font-weight: normal;
}

#slide_btn {
    bottom: 0px;
    left: 50%;
    z-index: 10;
    position: absolute;
    color: #ffffff;
}

#slide_btn p {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: 30px;
    text-align: center;
    width: 140px;
}


/*----------------------------------------------------
見出しサイズ
----------------------------------------------------*/

h1.maincopy {
    font-size: 30px;
    font-weight: bold;
}

h2.maincopy2 {
    font-size: 26px;
    font-weight: bold;
}

.subcopy {
    font-size: 13px;
}


/*----------------------------------------------------
ローディング
----------------------------------------------------*/

#loader {
    background: url("images/loading_01.jpg") no-repeat center center black !important;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1001;
}

#loader .loadimg {
    /*	background: url("images/bg_loaderimg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background-size: 100% 100%;
    display: inline-block;
    left: 50%;
    margin-bottom: 8px;
    margin-left: -16px;
    margin-top: 80px;
    opacity: 1;
    padding: 0px;
    padding-top: 10px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
}

#loader .loadimg img {
    vertical-align: bottom;
}

.hovered {
    cursor: pointer;
    background-color: #666 !important;
}

.disno {
    display: none;
}


/* -----------------------------------------------------------
ロゴ
----------------------------------------------------------- */

.mainlogoimg_smanone {
    margin-top: 6px;
    margin-bottom: 0px;
    padding: 0px;
    display: none;
}


/* -----------------------------------------------------------
トップムービー背景
----------------------------------------------------------- */

#dotmask {
    width: 100%;
    height: 170%;
}

#block {
    width: 100%;
    height: 170%;
}

#block_sma {
    width: 100%;
    height: 170%;
    background-image: url(./video/ocean.png);
    background-position: center top;
    background-size: cover;
}

/* -----------------------------------------------------------
ストリーミングサーバームービー斜線背景 追加　div id　で囲む
----------------------------------------------------------- */

#moviebg_pattern {
    width: 100%;
    background: repeating-linear-gradient(-45deg, #EEE, #EEE 15px, #FFF 0, #FFF 45px);
    padding-bottom: 40px;
}

.clear {
    clear: both;
}

/* -----------------------------------------------------------
Youtubeムービーレスポンシブ 追加　div class　で囲む
----------------------------------------------------------- */

.youtube {
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* -----------------------------------------------------------
メインメニュー
----------------------------------------------------------- */

#menu,
#menu ul {
    margin: 0;
    padding: 0;
    z-index: 5;
    list-style: none;
}

#menu {
    float: right;
    /*width: 100%;*/
    font-size: 14px;
    margin: 0px auto;
    background-color: transparent;
}

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

#menu:after {
    clear: both;
}

#menu {
    zoom: 1;
}

#menu li {
    float: left;
    position: relative;
}

#menu a {
    float: right;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

#menu a:last-child {
    padding-right: 0px;
}

#menu li:hover > a {
    color: #FFFFFF;
}

#menu ul {
    margin: 20px 0 0 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 5;
    background-color: rgba( 0, 0, 0, 0.90) !important;
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#menu ul ul {
    top: 0;
    left: 220px;
    margin: 0 0 0 0px;
}

#menu ul li {
    float: none;
    display: block;
}

#menu ul li:last-child {
    box-shadow: none;
}

#menu ul a {
    padding: 10px;
    width: 220px;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu ul a:hover {
    background-color: #0B1F38;
}

#menu ul li:first-child > a {}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 10px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgba( 0, 0, 0, 0.90);
}

#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid rgba( 0, 0, 0, 0.90);
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #0B1F38;
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #0B1F38;
    border-bottom-color: transparent;
}

#menu ul li:last-child > a {}

#menu ul li ul.sub-menu:last-child {}


/* -----------------------------------------------------------
事例カルーセル
----------------------------------------------------------- */

#owl-example .item {
    margin-top: 10px;
    margin-left: 1px;
    margin-bottom: 10px;
    margin-right: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
}

#owl-example .item a img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#owl-example .item a:hover img {
    transform: scale(1.05);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#owl-example .item .item_inbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#owl-example .item h3 {
    background-color: rgba( 0, 0, 0, 1.0) !important;
    /*background-color: #000000;*/
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    padding: 6px;
    font-size: 80%;
    z-index: 1000;
}

#owl-example .item h4 {
    color: #000000;
    text-align: center;
    text-decoration: none;
}

#owl-example .item small {
    font-size: 80%;
    color: #000000;
    text-align: left;
    padding: 12px;
    display: inline-block;
}


/* -----------------------------------------------------------
事例カルーセルサイドバー
----------------------------------------------------------- */

#owl-example_side .item {
    margin-top: 10px;
    margin-left: 1px;
    margin-bottom: 10px;
    margin-right: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
}

#owl-example_side .item a img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#owl-example_side .item a:hover img {
    transform: scale(1.05);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#owl-example_side .item .item_inbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#owl-example_side .item h3 {
    background-color: rgba( 0, 0, 0, 1.0) !important;
    /*background-color: #000000;*/
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    padding: 6px;
    font-size: 80%;
    z-index: 1000;
}

#owl-example_side .item h4 {
    color: #000000;
    text-align: center;
    text-decoration: none;
}

#owl-example_side .item small {
    font-size: 80%;
    color: #000000;
    text-align: left;
    padding: 12px;
    display: inline-block;
}


/* -----------------------------------------------------------
サービススライダー
----------------------------------------------------------- */

.solslider_box {
    margin-top: 50px;
}

.slidercont_all {
    /*width:100%;
height:480px;*/
}

.slidercont_left {
    /*width:50%;*/
    margin: 0;
    float: left;
}

.slidercont_right {
    /*width:50%;*/
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}

.slidercont_txt {
    margin-top: 150px;
}

.diamond {
    width: 480px;
    height: 480px;
    margin: 99.41125496954281px auto;
    overflow: hidden;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.diamond img {
    max-width: 678.8225099390856px;
    margin: -99.41125496954281px 0 0 -99.41125496954281px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* -----------------------------------------------------------
ゴーストボタン 黒
----------------------------------------------------------- */

.gbutton {
    display: inline-block;
    width: 180px;
    height: 44px;
    text-align: center;
    text-decoration: none;
    line-height: 44px;
    outline: none;
}

.gbutton::before,
.gbutton::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.gbutton,
.gbutton::before,
.gbutton::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.gbutton {
    position: relative;
    z-index: 2;
    /*background-color: #fff;*/
    border: 2px solid #000;
    color: #000;
    line-height: 42px;
    overflow: hidden;
}

.gbutton:hover {
    color: #fff;
}

.gbutton::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.gbutton:hover::after {
    background: #000;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* -----------------------------------------------------------
ゴーストボタン 白
----------------------------------------------------------- */

.gbutton_w {
    display: inline-block;
    width: 180px;
    height: 44px;
    text-align: center;
    text-decoration: none;
    line-height: 44px;
    outline: none;
}

.gbutton_w::before,
.gbutton_w::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}

.gbutton_w,
.gbutton_w::before,
.gbutton_w::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.gbutton_w {
    position: relative;
    z-index: 2;
    /*background-color: #fff;*/
    border: 2px solid #ffffff;
    color: #efefef;/*#ffffff*/
    line-height: 42px;
    overflow: hidden;
}

.gbutton_w:hover {
    color: #000000;
}

.gbutton_w::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.gbutton_w:hover::after {
    background: #ffffff;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* -----------------------------------------------------------
品質管理
----------------------------------------------------------- */

#hinshitsu_wrapper {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin: 0px;
    padding-top: 30px;
}

#hinshitsu_cont {
    position: relative;
}

#kaisya_wrapper {
    width: 100%;
    height: auto;
    background: #ffffff;
}

#kaisya_cont {
    position: relative;
}

#sitemap_wrapper {
    width: 100%;
    height: auto;
    background: url(images/sitemap_bkimg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}

#sitemap_wrapper_mask {
    width: 100%;
    height: auto;
    background: url(images/pattern_20.png);
    /* box-shadow */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;
}

#sitemap_cont {
    position: relative;
}

.sitemap3box {
    width: 25%;
    float: left;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #ffffff;
}

.sitemap_list {
    font-size: 80%;
    line-height: 1.8;
    background-position: left top;
}

.sitemap3box ul li {
    padding-left: 15px;
    background: url(images/wdot.png) 7px 10px no-repeat;
}

.sitemap3box a {
    color: #ffffff;
    text-decoration: none;
}

.sitemap3box a:hover {
    text-decoration: underline;
}

#footer_wrapper_line {
    width: 100%;
    height: auto;
    background: #ffffff;
    /* box-shadow */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;
}

#footer_wrapper_mask {
    width: 100%;
    height: auto;
    background: url(images/pattern_20.png);
}

#footer_cont_line {
    position: relative;
}

.ninsyou_mark {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
    vertical-align: top;
}

.ninsyou_mark img {
    display: inline;
    vertical-align: top;
}

.footer_telmailbox {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: right;
    vertical-align: top;
}

.footer_telnobox {
    width: 242px;
    text-align: center;
    background-color: #E94417;
    color: #ffffff;
    display: block;
    padding: 4px 8px 8px 4px;
    margin-bottom: 20px;
    text-decoration: none;
    border: 1px solid #E94417;
    float: right;
}
.footer_ctabox {
    width: 100%;
    text-align: center;
    background-color: #DFE6EE;
    color: #0067b6;/*#66A9D8薄い*/
    display: block;
    padding: 20px 4px 20px 4px;
    text-decoration: none;
}
.footer_cta {
    width: 242px;
    text-align: center;
    background-color: #EE8276;
    color: #ffffff;
    display: block;
    padding: 4px 8px 8px 4px;
    margin-bottom: 5px;
    text-decoration: none;
    border: 1px solid #EE8276;
    float: center;/*cta用に追加*/
}

.footer_telnobox:hover {
    background-color: #ffffff;
    color: #E94417;
    border: 1px solid #E94417;
}
.footer_cta:hover {/*cta用に追加*/
    background-color: #ffffff;
    color: #E94417;/*#EE8276薄い*/
    border: 1px solid #EE8276;
}
/*cta用に追加*/
.footer_cta:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
a.footer_cta {
    max-width: 218px;
    text-align: center;
    background-color: #EE8276;
    color: #ffffff;
    display: block;
    padding: 4px 8px 8px 4px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    border: 1px solid #EE8276;
}
a.footer_cta:hover {
    background-color: #ffffff;
    color: #E94417;/*#EE8276薄い*/
    border: 1px solid #EE8276;
}
div.footer_ctabox span.headlinetxt {
    font-size: 120%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-weight: bolder;
    display: block;
}
div.footer_ctabox span.destinationtxt {
    font-size: 80%;
    display: block;
    color: #000000;
}
a.footer_cta span.telno {
    font-size: 140%;
    display: block;
}
a.footer_cta span.teltext {
    font-size: 80%;
    display: block;
}

.footer_telnobox_soumu {
    width: 300px;
    text-align: center;
    background-color: #E94417;
    color: #ffffff;
    display: block;
    padding: 4px 8px 8px 4px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-decoration: none;
    border: 1px solid #E94417;
    float: right;
}

.footer_telnobox_soumu:hover {
    background-color: #ffffff;
    color: #E94417;
    border: 1px solid #E94417;
}

.telno {
    font-size: 180%;
    display: block;
}

.teltext {
    font-size: 80%;
    display: block;
}

.footer_mapbox {}

#footer_wrapper_4box {
    width: 100%;
    height: auto;
    background: #484848;
    /* box-shadow */
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 15px 0px inset;
}

#footer_cont_4box {
    padding: 10px;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    position: relative;
}

#footer_wrapper_cp {
    width: 100%;
    height: auto;
    background: #E5E4E2;
}

#footer_cont_cp {
    padding: 10px;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    text-align: center;
    position: relative;
}


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

#page-top {
    width: 52px;
    height: 52px;
    display: none;
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 1000;
}

#page-top p {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #000000 !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff !important;
}

#page-top p:hover {
    background: #8b8b8b !important;
}

#move-page-top {
    color: #fff !important;
    line-height: 52px;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.relativebox {
    position: relative;
}


/* -----------------------------------------------------------
perfect-scrollbar
----------------------------------------------------------- */

#default_sc_box {
    margin: auto 0;
    width: 100%;
    margin-top: 220px;
    margin-bottom: 150px;
}

.content-holder {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 99%;
    height: 400px;
    overflow: hidden;
}

.yui-chan {
    background-image: url(./images/sitemap_bkimg.png);
    height: 768px;
    width: 1024px;
}

.default_sc_archives {
    margin-top: 20px;
    text-align: right;
}

.default_sc_archives a {
    color: #000;
    text-decoration: none;
}

.default_sc_archives a:hover {
    text-decoration: underline;
}


/* -----------------------------------------------------------
/* Blog list
----------------------------------------------------------- */

.bloglist {
    padding: 0px;
    margin: 0 0 16px 0;
}

.bloglist li {
    padding: 10px;
    color: #333333;
    margin: 0 10px;
    border-bottom: 1px dotted #dddddd;
    clear: both;
}

.bloglist .blogdate {
    margin: 0px;
    width: 80%;
}

.blogdate {
    color: #333333;
    font-size: 70%;
}

.bloginfo a {
    display: block;
    color: #000000;
    text-decoration: none;
}

.bloginfo a {
    text-decoration: underline;
}

.bloglist .blogtitle {
    color: #333333;
    font-size: 110%;
    width: 80%;
}

.bloglistimgcover {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    background-size: cover;
    float: right;
}

.category_iconbox {
    font-size: 70%;
    border: 1px solid #CCCCCC;
    color: #CCCCCC;
    margin: 0 15px 0 15px;
}


/* -----------------------------------------------------------
/* 3ban list
----------------------------------------------------------- */

.f_left {
    float: left;
}


/* -----------------------------------------------------------
/* 3ban list hover
----------------------------------------------------------- */

.grid {
    width: 33%;
    height: 380px;
    padding: 0 0 0 0;
    list-style: none;
    text-align: center;
}


/* Common style */

.grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 246px;
    max-width: 310px;
    height: 233px;
}

.grid figure.ban01 {
    overflow: hidden;
    margin: 10px 1%;
    text-align: center;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
}

.grid figure.ban01:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/ban01.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.grid figure.ban01:hover:after {
    opacity: 1;
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.grid figure.ban01 .inner {
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    vertical-align: bottom;
    display: inline;
    bottom: 0;
    left: 0;
    padding: 5px;
}

.grid figure.ban01 .inner a {
    color: #000000;
    text-decoration: none;
}

.grid figure.ban02 .inner a {
    color: #000000;
    text-decoration: none;
}

.grid figure.ban03 .inner a {
    color: #000000;
    text-decoration: none;
}

.grid figure.ban02 {
    overflow: hidden;
    margin: 10px 1%;
    text-align: center;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
}

.grid figure.ban02:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/ban02.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.grid figure.ban02:hover:after {
    opacity: 1;
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.grid figure.ban02 .inner {
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    vertical-align: bottom;
    display: inline;
    bottom: 0;
    left: 0;
    padding: 5px;
}

.grid figure.ban03 {
    overflow: hidden;
    margin: 10px 1%;
    text-align: center;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
}

.grid figure.ban03:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/ban03.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.grid figure.ban03:hover:after {
    opacity: 1;
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.grid figure.ban03 .inner {
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    vertical-align: bottom;
    display: inline;
    bottom: 0;
    left: 0;
    padding: 5px;
}


/* -----------------------------------------------------------
/* 4ban list hover
----------------------------------------------------------- */

.grid4 {
    width: 25%;
    height: auto;
    padding: 0 0 0 0;
    list-style: none;
    text-align: center;
    float: left;
}


/* Common style */

.grid4 figure {
    overflow: hidden;
    margin: 0 auto;
    min-width: 100px;
    max-width: 210px;
    height: auto;
    cursor: pointer;
}

.grid4 figure a{
	display: block;
}

.grid4 figure img {
    text-align: center;
    margin: 0 auto;
}


/* -----------------------------------------------------------
/* ニューストピックボックス
----------------------------------------------------------- */

.newstopic_box {
    width: 300px;
    margin: 0 auto;
    margin-top: 250px;
}

.newstopic_box_titlebox {
    width: 300px;
    height: auto;
    background-color: rgba( 0, 0, 0, 0.80) !important;
    color: #ffffff;
    box-sizing: border-box;
}

.newstopic_box_titlebox img {
    width: 300px;
    height: auto;
    border: 3px solid #E94417;
    margin: -3px;
    box-sizing: border-box;
}

.newstopic_box_titlebox a {
    color: #ffffff;
    overflow: hidden;
}

.newstopic_title {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-weight: 700;
    font-size: 180%;
    color: #E94417;
}


/*----------------------------------------------------
企業情報
----------------------------------------------------*/

.kaisya_btn {
    margin: 0 auto;
    margin-top: 160px;/*70th用に狭く 120px*/
}


/*----------------------------------------------------
バックグラウンドスケール
----------------------------------------------------*/

.bg-scale {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 600px;
    margin: 0;
}

.bg-scale:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(./images/com_bkimg.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    /*
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    */
}

.bg-scale:hover:after {
    opacity: 1;
    /*
    -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    */
}

.bg-scale .inner {
    z-index: 1;
    position: relative;
}


/*----------------------------------------------------
パンくずリスト
----------------------------------------------------*/

.breadcrumbs {
    font-size: 80%;
}

.childpagebxline {
    clear: both;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ededed;
    margin-top: 50px;
    margin-bottom: 50px;
}

.childpagebxline a {
    text-decoration: none;
}

.childpagebxline a:hover {
    text-decoration: underline;
}

/*----------------------------------------------------
サブページコンテンツ
----------------------------------------------------*/

#subpage_maincontents_wrapper_bkimg1 {
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 10;
    background: url(images/subpage_maincontents_wrapper_bkimg1.jpg) center top;
    background-repeat: no-repeat;
}

.posre {
    position: relative;
}

.subpage_spacebox {
    width: 100%;
    height: 90px;
}

.subpage_titlebox_dotmask {
    width: 100%;
    height: 300px;
    background: url(images/pattern_20.png);
}

.subpage_titlebox {
    width: 100%;
    height: 300px;
    background-color: #cccccc;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
}

.subpage_titlebox_intitle {
    width: 100%;
    height: 300px;
    line-height: 1;
    padding: 0 auto;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.subpage_titlebox_intitle h1 {
    color: #ffffff;
    font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,'Exo',  sans-serif;/*(R)の関係上Exoを最後に*/
    font-size: 220%;
    font-weight: 700;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page_mainconttop {
    height: 50px;
}

.page_maincont {
    padding: 0 1% 0 0;
    height: auto;
    overflow: auto;
    word-wrap: break-word;
    /* float fix */
}

.page_maincont div.contbox {
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    display: block;
    clear: both;
}

.page_maincont div.kanrenbox {
    margin-top: 20px;
    clear: both;
}

.page_maincont blockquote.catch {
    font-size: 150%;
    line-height: 1.4;
    margin-bottom: 20px;
    font-weight: 700;
    overflow: hidden;
    clear: both;
}

.page_maincont blockquote.catch p {
    margin-bottom: 0px;
    overflow: hidden;
}

.page_maincont blockquote.catch:before {
    top: 0px;
    border-radius: 25px;
    /*background: url(images/quotationmark.png) -3px -3px #ddd;*/
    display: inline;
    height: 25px;
    width: 25px;
}

.page_maincont blockquote.catch:after {
    bottom: 0px;
    border-radius: 25px;
    /*background: url(images/quotationmark.png) -1px -32px #ddd;*/
    display: inline;
    height: 25px;
    width: 25px;
}

.page_maincont blockquote.catch:hover:after,
.page_maincont blockquote.catch:hover:before {
    background-color: #555;
}

.singledate_box {
    height: auto;
    margin-bottom: 40px;
}

.singledate {
    border-bottom: 3px solid #E96656;
    line-height: 1;
    overflow: hidden;
}

.page_maincont img.alignright {
    max-width: 100%;
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.page_maincont img.alignleft {
    max-width: 100%;
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.page_maincont img.aligncenter {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.page_maincont img.size-full {
    max-width: 100%;
    height: auto;
}

.page_maincont img[class*="wp-image-"],
.page_maincont img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}


/*----------------------------------------------------
サブページ装飾
----------------------------------------------------*/

.page_maincont .text-muted {
    color: #777777;
}

.page_maincont .text-primary {
    color: #337ab7;
}

.page_maincont .text-success {
    color: #3c763d;
}

.page_maincont .text-info {
    color: #31708f;
}

.page_maincont .text-warning {
    color: #8a6d3b;
}

.page_maincont .text-danger {
    color: #a94442;
}

.page_maincont h1 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 160%;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

.page_maincont h2 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 140%;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

.page_maincont h3 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

.page_maincont h4 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 100%;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

.page_maincont h5 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 100%;
    font-weight: 400;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

.page_maincont h6 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 100%;
    font-weight: 100;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px;
    clear: both;
}

.page_maincont .small,
.page_maincont small {
    font-size: 85%;
}

.page_maincont .mark,
.page_maincont mark {
    padding: .2em;
    background-color: #fcf8e3;
}

.page_maincont .text-left {
    text-align: left;
}

.page_maincont .text-right {
    text-align: right;
}

.page_maincont .text-center {
    text-align: center;
}

.page_maincont .text-justify {
    text-align: justify;
}

.page_maincont .text-nowrap {
    white-space: nowrap;
}

.page_maincont .text-lowercase {
    text-transform: lowercase;
}

.page_maincont .text-uppercase {
    text-transform: uppercase;
}

.page_maincont .text-capitalize {
    text-transform: capitalize;
}

.page_maincont ol.list,
.page_maincont ul.list {
    list-style: disc;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 20px;
}

.page_maincont ol.list ol,
.page_maincont ol.list ul,
.page_maincont ul.list ol,
.page_maincont ul.list ul {
    list-style: circle;
    margin-bottom: 0;
    padding-left: 20px;
}

.page_maincont p {
    margin-bottom: 40px;
    overflow: auto;
    zoom: 1;
    /* for IE */
}

.page_maincont blockquote {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 17.5px;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #eeeeee;
}

.page_maincont blockquote .small,
.page_maincont blockquote footer,
.page_maincont blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777;
}

.page_maincont table.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.page_maincont table.table>tbody>tr>td,
.page_maincont table.table>tbody>tr>th,
.page_maincont table.table>tfoot>tr>td,
.page_maincont table.table>tfoot>tr>th,
.page_maincont table.table>thead>tr>td,
.page_maincont table.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.page_maincont table.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.page_maincont table.table>caption+thead>tr:first-child>td,
.page_maincont table.table>caption+thead>tr:first-child>th,
.page_maincont table.table>colgroup+thead>tr:first-child>td,
.page_maincont table.table>colgroup+thead>tr:first-child>th,
.page_maincont table.table>thead:first-child>tr:first-child>td,
.page_maincont table.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.page_maincont table.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.page_maincont table.table .table {
    background-color: #fff
}

.page_maincont table.table-condensed>tbody>tr>td,
.page_maincont table.table-condensed>tbody>tr>th,
.page_maincont table.table-condensed>tfoot>tr>td,
.page_maincont table.table-condensed>tfoot>tr>th,
.page_maincont table.table-condensed>thead>tr>td,
.page_maincont table.table-condensed>thead>tr>th {
    padding: 5px
}

.page_maincont table.table-bordered {
    border: 1px solid #ddd
}

.page_maincont table.table-bordered>tbody>tr>td,
.page_maincont table.table-bordered>tbody>tr>th,
.page_maincont table.table-bordered>tfoot>tr>td,
.page_maincont table.table-bordered>tfoot>tr>th,
.page_maincont table.table-bordered>thead>tr>td,
.page_maincont table.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.page_maincont table.table-bordered>thead>tr>td,
.page_maincont table.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.page_maincont table.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.page_maincont table.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

.page_maincont table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

.page_maincont table td[class*=col-],
.page_maincont table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.page_maincont table.table>tbody>tr.active>td,
.page_maincont table.table>tbody>tr.active>th,
.page_maincont table.table>tbody>tr>td.active,
.page_maincont table.table>tbody>tr>th.active,
.page_maincont table.table>tfoot>tr.active>td,
.page_maincont table.table>tfoot>tr.active>th,
.page_maincont table.table>tfoot>tr>td.active,
.page_maincont table.table>tfoot>tr>th.active,
.page_maincont table.table>thead>tr.active>td,
.page_maincont table.table>thead>tr.active>th,
.page_maincont table.table>thead>tr>td.active,
.page_maincont table.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.page_maincont table.table-hover>tbody>tr.active:hover>td,
.page_maincont table.table-hover>tbody>tr.active:hover>th,
.page_maincont table.table-hover>tbody>tr:hover>.active,
.page_maincont table.table-hover>tbody>tr>td.active:hover,
.page_maincont table.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.page_maincont table.table>tbody>tr.success>td,
.page_maincont table.table>tbody>tr.success>th,
.page_maincont table.table>tbody>tr>td.success,
.page_maincont table.table>tbody>tr>th.success,
.page_maincont table.table>tfoot>tr.success>td,
.page_maincont table.table>tfoot>tr.success>th,
.page_maincont table.table>tfoot>tr>td.success,
.page_maincont table.table>tfoot>tr>th.success,
.page_maincont table.table>thead>tr.success>td,
.page_maincont table.table>thead>tr.success>th,
.page_maincont table.table>thead>tr>td.success,
.page_maincont table.table>thead>tr>th.success {
    background-color: #dff0d8
}

.page_maincont table.table-hover>tbody>tr.success:hover>td,
.page_maincont table.table-hover>tbody>tr.success:hover>th,
.page_maincont table.table-hover>tbody>tr:hover>.success,
.page_maincont table.table-hover>tbody>tr>td.success:hover,
.page_maincont table.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.page_maincont table.table>tbody>tr.info>td,
.page_maincont table.table>tbody>tr.info>th,
.page_maincont table.table>tbody>tr>td.info,
.page_maincont table.table>tbody>tr>th.info,
.page_maincont table.table>tfoot>tr.info>td,
.page_maincont table.table>tfoot>tr.info>th,
.page_maincont table.table>tfoot>tr>td.info,
.page_maincont table.table>tfoot>tr>th.info,
.page_maincont table.table>thead>tr.info>td,
.page_maincont table.table>thead>tr.info>th,
.page_maincont table.table>thead>tr>td.info,
.page_maincont table.table>thead>tr>th.info {
    background-color: #d9edf7
}

.page_maincont table.table-hover>tbody>tr.info:hover>td,
.page_maincont table.table-hover>tbody>tr.info:hover>th,
.page_maincont table.table-hover>tbody>tr:hover>.info,
.page_maincont table.table-hover>tbody>tr>td.info:hover,
.page_maincont table.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.page_maincont table.table>tbody>tr.warning>td,
.page_maincont table.table>tbody>tr.warning>th,
.page_maincont table.table>tbody>tr>td.warning,
.page_maincont table.table>tbody>tr>th.warning,
.page_maincont table.table>tfoot>tr.warning>td,
.page_maincont table.table>tfoot>tr.warning>th,
.page_maincont table.table>tfoot>tr>td.warning,
.page_maincont table.table>tfoot>tr>th.warning,
.page_maincont table.table>thead>tr.warning>td,
.page_maincont table.table>thead>tr.warning>th,
.page_maincont table.table>thead>tr>td.warning,
.page_maincont table.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.page_maincont table.table-hover>tbody>tr.warning:hover>td,
.page_maincont table.table-hover>tbody>tr.warning:hover>th,
.page_maincont table.table-hover>tbody>tr:hover>.warning,
.page_maincont table.table-hover>tbody>tr>td.warning:hover,
.page_maincont table.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.page_maincont table.table>tbody>tr.danger>td,
.page_maincont table.table>tbody>tr.danger>th,
.page_maincont table.table>tbody>tr>td.danger,
.page_maincont table.table>tbody>tr>th.danger,
.page_maincont table.table>tfoot>tr.danger>td,
.page_maincont table.table>tfoot>tr.danger>th,
.page_maincont table.table>tfoot>tr>td.danger,
.page_maincont table.table>tfoot>tr>th.danger,
.page_maincont table.table>thead>tr.danger>td,
.page_maincont table.table>thead>tr.danger>th,
.page_maincont table.table>thead>tr>td.danger,
.page_maincont table.table>thead>tr>th.danger {
    background-color: #f2dede
}

.page_maincont table.table-hover>tbody>tr.danger:hover>td,
.page_maincont table.table-hover>tbody>tr.danger:hover>th,
.page_maincont table.table-hover>tbody>tr:hover>.danger,
.page_maincont table.table-hover>tbody>tr>td.danger:hover,
.page_maincont table.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}


/*----------------------------------------------------
サブページアーカイブ
----------------------------------------------------*/

.entry-title {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 140%;
    font-weight: 700;
    border-bottom: 1px solid #cccccc;
    margin-top: 30px;
    margin-bottom: 10px;
}

.singlepostarticlebox {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 70px;
}

.singlepostarticlebox2 {
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 30px;
}

.post-img-wrap .imginbox {
    width: 90%;
    height: auto;
    overflow: hidden;
}

.post-img-wrap a img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.post-img-wrap a:hover img {
    transform: scale(1.1);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.entry-title a {
    text-decoration: none;
}

.entry-title a:hover {
    text-decoration: underline;
}


/*----------------------------------------------------
サブページフレッシャーズアーカイブ
----------------------------------------------------*/

.post-img-wrap_f {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.post-img-wrap_f .imginbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.post-img-wrap_f a img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    margin-top: -150px;
}

.post-img-wrap_f a:hover img {
    transform: scale(1.1);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}


/*----------------------------------------------------
サブページフレッシャーズアーカイブ 01
----------------------------------------------------*/

.fleshers_title_textbox_arc01 {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    display: block;
    bottom: 0;
    z-index: 998;
    position: absolute;
    background: url(images/subpage_titlebox_f_dot01.png);
}

.fleshers_title_textbox_arc01 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 300%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox_arc01 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 100%;
}

.fleshers_title_textbox_arc01 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}


/*----------------------------------------------------
サブページフレッシャーズアーカイブ 02
----------------------------------------------------*/

.fleshers_title_textbox_arc02 {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    display: block;
    bottom: 0;
    z-index: 998;
    position: absolute;
    background: url(images/subpage_titlebox_f_dot02.png);
}

.fleshers_title_textbox_arc02 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 300%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox_arc02 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 100%;
}

.fleshers_title_textbox_arc02 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}


/*----------------------------------------------------
サブページフレッシャーズアーカイブ 03
----------------------------------------------------*/

.fleshers_title_textbox_arc03 {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    display: block;
    bottom: 0;
    z-index: 998;
    position: absolute;
    background: url(images/subpage_titlebox_f_dot03.png);
}

.fleshers_title_textbox_arc03 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 300%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox_arc03 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 100%;
}

.fleshers_title_textbox_arc03 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}


/*----------------------------------------------------
サブページフレッシャーズアーカイブ 04  2017.4テスト追加
----------------------------------------------------*/

.fleshers_title_textbox_arc04 {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    display: block;
    bottom: 0;
    z-index: 998;
    position: absolute;
    background: url(images/subpage_titlebox_f_dot04.png);
}

.fleshers_title_textbox_arc04 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 300%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox_arc04 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 100%;
}

.fleshers_title_textbox_arc04 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}


/*----------------------------------------------------
サブページフレッシャーズアーカイブ下部リンク
----------------------------------------------------*/

.post-img-wrap_f_kabu_box {
    margin: 10px;
}

.post-img-wrap_f_kabu {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    padding: 0px;
}

.post-img-wrap_f_kabu .imginbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.post-img-wrap_f_kabu a img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    margin-top: 0px;
}

.post-img-wrap_f_kabu a:hover img {
    transform: scale(1.1);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

.fleshers_title_textbox_arc_kabu {
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-left: 30px;
    display: block;
    bottom: 0;
    z-index: 99;
    position: absolute;
    /*background: url(images/subpage_titlebox_f_dot.png);*/
}

.fleshers_title_textbox_arc_kabu img.img01 {
    display: block;
    margin: 0;
    margin-left: -80px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
}

.fleshers_title_textbox_arc_kabu span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 200%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox_arc_kabu span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 80%;
}

.fleshers_title_textbox_arc_kabu span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 120%;
}


/* -----------------------------------------------------------
サブページ関連記事カルーセル
----------------------------------------------------------- */

#owl-example_kanren .item {
    margin-top: 10px;
    margin-left: 1px;
    margin-bottom: 10px;
    margin-right: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
}

#owl-example_kanren .item a img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#owl-example_kanren .item a:hover img {
    transform: scale(1.05);
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
}

#owl-example_kanren .item .item_inbox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#owl-example_kanren .item h3 {
    background-color: rgba( 0, 0, 0, 1.0) !important;
    /*background-color: #000000;*/
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    padding: 6px;
    font-size: 70%;
    z-index: 1000;
}

#owl-example_kanren .item h4 {
    color: #000000;
    text-align: center;
    text-decoration: none;
}

#owl-example_kanren .item small {
    font-size: 80%;
    color: #000000;
    text-align: left;
    padding: 12px;
    display: inline-block;
}


/*----------------------------------------------------
サブページサイドバー
----------------------------------------------------*/

.page_sidebar {
    padding: 0 0 0 1%;
}

.page_sidebar_inbox {
    padding: 8px;
    background-color: rgba( 255, 255, 255, 0.90) !important;
}

.page_sidebar h3 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    background-color: #ededed;
    padding: 5px;
}

.widget_pagelist {
    margin-bottom: 30px;
}

.widget_pagelist ul {
    padding: 0px;/*孫メニュー用に10→0へ*/
    padding-bottom: 0px;
}

.widget_pagelist ul li {
    font-size: 90%;
    border-bottom: 1px solid #ededed;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 3px;
    padding-left: 15px;
    background: url(images/b2dot.png) 5px 16px no-repeat;
}

.widget_pagelist ul li a {
    color: #000000;
    text-decoration: none;
}

.widget_pagelist ul li a:hover {
    color: #000000;
    text-decoration: underline;
}

/*サイドバー孫メニュー用に追加*/
.widget_pagelist ul li ul li {
    font-size: 77%;
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 1px;
    padding-left: 12px;
}

.screen-reader-text {
    display: none;
}

.page_sidebar a.footer_telnobox {
    max-width: 218px;
    text-align: center;
    background-color: #E94417;
    color: #ffffff;
    display: block;
    padding: 4px 8px 8px 4px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    border: 1px solid #E94417;
}

.page_sidebar a.footer_telnobox:hover {
    background-color: #ffffff;
    color: #E94417;
    border: 1px solid #E94417;
}

.page_sidebar a.footer_telnobox span.telno {
    font-size: 140%;
    display: block;
}

.page_sidebar a.footer_telnobox span.teltext {
    font-size: 80%;
    display: block;
}

/*----------------------------------------------------
サブページチャイルドページ
----------------------------------------------------*/

.child_pages {
    overflow: hidden;
    margin-bottom: 1em;
    height: auto;
    clear: both;
    margin-top: 30px;
}

.child_page {
    width: 49%;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}

.child_page h4 {
    border: none;
}

.child_pages .child_page-container {
    margin: 10px;
    /*border: 1px solid #dedede;
        background-image: url(images/bg-white.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        border-radius: 5px;*/
    padding: 10px;
}

.child_pages .post_thumb {
    text-align: center;
    overflow: hidden;
    /*background-image: url(images/camera.png);
        background-position: center center;
        background-repeat: no-repeat;*/
}

.child_pages .post_thumb img {
    max-width: 100%;
    height: auto;
}

.child_pages .post_thumb .wp-post-image {}

.child_pages .post_content {
    padding: 0 10px;
    height: auto;
}

.child_pages .post_content h4 {
    font-weight: bolder;
    margin-top: 0.5em;
}

.child_pages .post_content h4 a {
    color: #000000;
    text-decoration: none;
}

.child_pages .post_content h4 a:hover {
    color: #000000;
    text-decoration: underline;
}

.child_pages .post_content .post_excerpt {
    margin-top: 0.5em;
    font-size: 80%;
    line-height: 1.4;
}

[class*="navigation"] .nav-previous {
    float: left;
    text-align: left;
    width: 50%;
    height: 100%;
    font-size: 80%;
    margin-bottom: 40px;
}

[class*="navigation"] .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    height: 100%;
    font-size: 80%;
    margin-bottom: 40px;
}

[class*="navigation"] .nav-previous a,
[class*="navigation"] .nav-next a {
    text-decoration: none;
}

[class*="navigation"] .nav-previous a:hover,
[class*="navigation"] .nav-next a:hover {
    text-decoration: underline;
}


/* -----------------------------------------------------------
/* サブページカルーセルドット
----------------------------------------------------------- */

.widget .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 2px 7px;
    background: #666666;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}


/* -----------------------------------------------------------
/* サブページフレッシャーズコンテンツ
----------------------------------------------------------- */

.subpage_titlebox_f {
    width: 100%;
    height: 550px;
    background-color: #cccccc;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
}

.subpage_subtitlebox_f {
    width: 100%;
    height: 100px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

.subpage_subtitlebox_f div {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subpage_subtitlebox2_f {
    width: 100%;
    height: 50px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

.subpage_subtitlebox2_f div {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subpage_subtitlebox3_f {
    width: 100%;
    height: 50px;
    background-color: #EDEDED;
    color: #000000;
    text-align: center;
}

.subpage_subtitlebox3_f div {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* -----------------------------------------------------------
/* サブページフレッシャーズインタビュー各カラー　01
----------------------------------------------------------- */

.fleshers_title_textbox01 {
    margin: 0;
    padding: 0;
    padding-top: 350px;
    padding-left: 100px;
    display: block;
    height: 150px;
}

.fleshers_title_textbox01 img.img01 {
    display: block;
    margin: 0;
    margin-left: -80px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
}

.fleshers_title_textbox01 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 600%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox01 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}

.fleshers_title_textbox01 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 200%;
}

.subpage_titlebox_f_dot01 {
    width: 100%;
    height: 550px;
    background: url(images/subpage_titlebox_f_dot01.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#fleshers01 .fleshers_interview {
    border: 2px solid #E574A2;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers01 h2.fleshers_interview_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers01 .fleshers_interview p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #e574a1 transparent;
}

#fleshers01 .fleshers_interview p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers01 .fleshers_timeline p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #e574a1 transparent;
}

#fleshers01 .fleshers_timeline p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers01 .fleshers_interview ul {
    list-style: none;
}

#fleshers01 .fleshers_interview ul li {
    list-style: none;
    margin-bottom: 30px;
}

#fleshers01 .fleshers_interview ul li p {
    list-style: none;
    margin-top: 10px;
}

#fleshers01 .fleshers_interview h3.midashi {
    display: inline;
    margin: 0px;
    margin-left: -50px;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    color: #ffffff;
    background-color: #E574A2;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#fleshers01 h2.fleshers_timeline_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers01 .fleshers_timeline {
    border: 2px solid #E574A2;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers01 .fleshers_timeline h3 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}


/* -----------------------------------------------------------
/* サブページフレッシャーズインタビュー各カラー　02
----------------------------------------------------------- */

.fleshers_title_textbox02 {
    margin: 0;
    padding: 0;
    padding-top: 350px;
    padding-left: 100px;
    display: block;
    height: 150px;
}

.fleshers_title_textbox02 img.img01 {
    display: block;
    margin: 0;
    margin-left: -80px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
}

.fleshers_title_textbox02 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 600%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox02 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}

.fleshers_title_textbox02 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 200%;
}

.subpage_titlebox_f_dot02 {
    width: 100%;
    height: 550px;
    background: url(images/subpage_titlebox_f_dot02.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#fleshers02 .fleshers_interview {
    border: 2px solid #EEBD78;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers02 h2.fleshers_interview_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers02 .fleshers_interview p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #EEBD78 transparent;
}

#fleshers02 .fleshers_interview p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers02 .fleshers_timeline p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #EEBD78 transparent;
}

#fleshers02 .fleshers_timeline p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers02 .fleshers_interview ul {
    list-style: none;
}

#fleshers02 .fleshers_interview ul li {
    list-style: none;
    margin-bottom: 30px;
}

#fleshers02 .fleshers_interview ul li p {
    list-style: none;
    margin-top: 10px;
}

#fleshers02 .fleshers_interview h3.midashi {
    display: inline;
    margin: 0px;
    margin-left: -50px;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    color: #ffffff;
    background-color: #EEBD78;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#fleshers02 h2.fleshers_timeline_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers02 .fleshers_timeline {
    border: 2px solid #EEBD78;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers02 .fleshers_timeline h3 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}


/* -----------------------------------------------------------
/* サブページフレッシャーズインタビュー各カラー　03
----------------------------------------------------------- */

.fleshers_title_textbox03 {
    margin: 0;
    padding: 0;
    padding-top: 350px;
    padding-left: 100px;
    display: block;
    height: 150px;
}

.fleshers_title_textbox03 img.img01 {
    display: block;
    margin: 0;
    margin-left: -80px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
}

.fleshers_title_textbox03 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 600%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox03 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}

.fleshers_title_textbox03 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 200%;
}

.subpage_titlebox_f_dot03 {
    width: 100%;
    height: 550px;
    background: url(images/subpage_titlebox_f_dot03.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#fleshers03 .fleshers_interview {
    border: 2px solid #AAD279;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers03 h2.fleshers_interview_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers03 .fleshers_interview p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #AAD279 transparent;
}

#fleshers03 .fleshers_interview p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers03 .fleshers_timeline p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #AAD279 transparent;
}

#fleshers03 .fleshers_timeline p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers03.fleshers_interview ul {
    list-style: none;
}

#fleshers03 .fleshers_interview ul li {
    list-style: none;
    margin-bottom: 30px;
}

#fleshers03 .fleshers_interview ul li p {
    list-style: none;
    margin-top: 10px;
}

#fleshers03 .fleshers_interview h3.midashi {
    display: inline;
    margin: 0px;
    margin-left: -50px;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    color: #ffffff;
    background-color: #AAD279;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#fleshers03 h2.fleshers_timeline_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers03 .fleshers_timeline {
    border: 2px solid #AAD279;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers03 .fleshers_timeline h3 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}


/* -----------------------------------------------------------
/* サブページフレッシャーズインタビュー各カラー　04
----------------------------------------------------------- */

.fleshers_title_textbox04 {
    margin: 0;
    padding: 0;
    padding-top: 350px;
    padding-left: 100px;
    display: block;
    height: 150px;
}

.fleshers_title_textbox04 img.img01 {
    display: block;
    margin: 0;
    margin-left: -80px;
    margin-top: 10px;
    padding: 0;
    position: absolute;
}

.fleshers_title_textbox04 span.text01 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 600%;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1;
}

.fleshers_title_textbox04 span.text02 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 150%;
}

.fleshers_title_textbox04 span.text03 {
    display: block;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 200%;
}

.subpage_titlebox_f_dot04 {
    width: 100%;
    height: 550px;
    background: url(images/subpage_titlebox_f_dot04.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#fleshers04 .fleshers_interview {
    border: 2px solid #73B9FF;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers04 h2.fleshers_interview_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers04 .fleshers_interview p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #73B9FF transparent;
}

#fleshers04 .fleshers_interview p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers04 .fleshers_timeline p.car_s {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #73B9FF transparent;
}

#fleshers04 .fleshers_timeline p.car_s2 {
    position: absolute;
    left: 50%;
    margin-left: -50px;
    margin-top: -77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 50px 50px 50px;
    border-color: transparent transparent #ffffff transparent;
}

#fleshers04.fleshers_interview ul {
    list-style: none;
}

#fleshers04 .fleshers_interview ul li {
    list-style: none;
    margin-bottom: 30px;
}

#fleshers04 .fleshers_interview ul li p {
    list-style: none;
    margin-top: 10px;
}

#fleshers04 .fleshers_interview h3.midashi {
    display: inline;
    margin: 0px;
    margin-left: -50px;
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    color: #ffffff;
    background-color: #73B9FF;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#fleshers04 h2.fleshers_timeline_title {
    font-size: 160%;
    font-weight: 700;
    border: none;
    text-align: center;
    margin-bottom: 50px;
}

#fleshers04 .fleshers_timeline {
    border: 2px solid #73B9FF;
    padding: 30px;
    margin-bottom: 50px;
    position: relative;
}

#fleshers04 .fleshers_timeline h3 {
    font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 120%;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    border-bottom: none;
}


/* -----------------------------------------------------------
/* レスポンシブtable
----------------------------------------------------------- */

#table {
    width: 100%;
    border-collapse: collapse;
}

#table td,
#table th {
    padding: 5px;
    border: 1px solid #ccc;
}

#table td.dateinf {
    width: 20%;
}

#table th {
    font-weight: bold;
}

#table thead th {
    background: #e6e6e6;
}


/* -----------------------------------------------------------
/* お問い合わせページ用フォーム
----------------------------------------------------------- */

#inq_contactform {
    width: 100%;
    padding: 20px;
    padding-top: 40px;
    background-color: #fafafa;
    margin-bottom: 40px;
}

#inq_contactform label.grunion-field-label {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#inq_contactform input {
    width: 68%;
    display: inline-block;
    border: 1px solid #cccccc;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#inq_contactform textarea {
    width: 68%;
    display: inline-block;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#inq_contactform label.grunion-field-label.checkbox {
    width: 100%;
}

#inq_contactform .clear-form {
    display: none;
}

#inq_contactform input.checkbox {
    width: 40px;
    display: inline-block;
}

#inq_contactform p.contact-submit {
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    width: 100%;
}

#inq_contactform input.pushbutton-wide {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "あおぞら明朝 Medium", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    margin: 0 auto;
    width: 200px;
    height: 40px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    background-color: #e94417;
    border: 1px solid #e94417;
}

#inq_contactform input.pushbutton-wide:hover {
    background-color: #ffffff;
    color: #e94417;
    border: 1px solid #e94417;
}


/* -----------------------------------------------------------
/* IE fix
----------------------------------------------------------- */


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


横幅768px以上
横幅800px以上

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

@media ( min-width: 801px) {
    .pcnone {
        display: none;
    }
    .pctabnone {
        display: none;
    }
    .smanone2 {
        display: block;
    }
    #sma_logo_bl_bk {
        display: none;
    }
    #sma_menu_box {
        /*z-index: 999;
        display: none;*/
    }
    .ser_fixtext {
        z-index: 1000;
        position: absolute;
        left: 0px;
        width: 470px;
        height: 170px;
        font-size: 13px;
        line-height: 1.4;
        margin-top: -170px;
    }
    .ser_fixtext p {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #cccccc;
        height: 130px;
    }
    .sol_fixtext {
        z-index: 1000;
        position: absolute;
        right: 0px;
        width: 470px;
        height: 170px;
        font-size: 13px;
        line-height: 1.4;
    }
    .sol_fixtext p {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #cccccc;
        height: 130px;
    }
    /*----------------------------------------------------
    パララックス見出し
    ----------------------------------------------------*/
    .para_txt_servicecase_bk {
        position: absolute;
        width: 960px;
        height: 120px;
        padding: 0px;
        text-align: left;
        background-image: url(images/1200box10p.png);
        display: none;
        z-index: 1;
    }
    h2.para_txt_servicecase {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 180%;
        z-index: 1000;
    }
    .para_txt_ourservice_bk {
        position: absolute;
        width: 480px;
        height: 120px;
        padding: 0px;
        text-align: left;
        background-image: url(images/480box10p.png);
        display: none;
        z-index: 1;
    }
    h2.para_txt_ourservice {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 180%;
        z-index: 1000;
    }
    .para_para_txt_topix_bk {
        position: absolute;
        width: 480px;
        height: 120px;
        padding: 0px;
        text-align: left;
        background-image: url(images/480box10p.png);
        display: none;
        z-index: 1;
    }
    h2.para_para_txt_topix {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 180%;
        z-index: 1000;
        text-align: center;
    }
    .para_para_txt_box {
        position: relative;
        width: 100%;
    }
    .para_qual_txt_topix_bk {
        left: 480px;
        position: absolute;
        width: 480px;
        height: 120px;
        padding: 0px;
        text-align: left;
        background-image: url(images/480box10p.png);
        display: none;
        z-index: 1;
    }
    h2.para_qual_txt_topix {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 180%;
        z-index: 1000;
        text-align: center;
        margin-top: 30px;
    }
    .para_qual_txt_box {
        position: relative;
        width: 100%;
        margin: 0px;
    }
    .para_qual_txt_topix_small {
        text-align: center;
        position: relative;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .para_com_txt_topix_bk {
        left: 480px;
        position: absolute;
        width: 480px;
        height: 120px;
        padding: 0px;
        text-align: left;
        background-image: url(images/480box10p.png);
        display: none;
        z-index: 1;
    }
    h2.para_com_txt_topix {
        font-weight: 700;
        font-size: 180%;
        z-index: 1000;
        text-align: center;
        margin-top: 0px;
    }
    .para_com_txt_box {
        position: relative;
        width: 100%;
        margin: 0px;
    }
    .para_com_txt_topix_small {
        text-align: center;
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    /*----------------------------------------------------
        サブページタイムライン
        ----------------------------------------------------*/
    #fleshers01 .timeline-content {
        width: 75%;
        float: left;
        border-left: 3px #FFDAFF solid;
        padding-left: 30px;
    }
    #fleshers01 .timeline-content:before {
        content: '';
        width: 12px;
        height: 12px;
        background: #E574A2;
        position: absolute;
        left: 106px;
        top: 24px;
        border-radius: 100%;
    }
    #fleshers02 .timeline-content {
        width: 75%;
        float: left;
        border-left: 3px #FFFFDE solid;
        padding-left: 30px;
    }
    #fleshers02 .timeline-content:before {
        content: '';
        width: 12px;
        height: 12px;
        background: #EEBD78;
        position: absolute;
        left: 106px;
        top: 24px;
        border-radius: 100%;
    }
    #fleshers03 .timeline-content {
        width: 75%;
        float: left;
        border-left: 3px #FFFFDF solid;
        padding-left: 30px;
    }
    #fleshers03 .timeline-content:before {
        content: '';
        width: 12px;
        height: 12px;
        background: #AAD279;
        position: absolute;
        left: 106px;
        top: 24px;
        border-radius: 100%;
    }
    #fleshers04 .timeline-content {
        width: 75%;
        float: left;
 ?      border-left: 3px #D2E9FF solid;/*縦線*/
 ? ? ? ?padding-left: 30px;
    }
    #fleshers04 .timeline-content:before {
        content: '';
        width: 12px;
        height: 12px;
 ? ? ? ?background: #73B9FF;/*青丸*/
        position: absolute;
        left: 106px;
        top: 24px;
        border-radius: 100%;
    }
    #fleshers01 .timeline > li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    #fleshers01 .timeline h4 {
        margin: 0;
        border: none;
        font-size: 120%;
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    }
    #fleshers01 .timeline-date {
        width: 110px;
        float: left;
        margin-top: 20px;
    }
    #fleshers02 .timeline > li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    #fleshers02 .timeline h4 {
        margin: 0;
        border: none;
        font-size: 120%;
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    }
    #fleshers02 .timeline-date {
        width: 110px;
        float: left;
        margin-top: 20px;
    }
    #fleshers03 .timeline > li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    #fleshers03 .timeline h4 {
        margin: 0;
        border: none;
        font-size: 120%;
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    }
    #fleshers03 .timeline-date {
        width: 110px;
        float: left;
        margin-top: 20px;
    }
    #fleshers04 .timeline > li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    #fleshers04 .timeline h4 {
        margin: 0;
        border: none;
        font-size: 120%;
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    }
    #fleshers04 .timeline-date {
        width: 110px;
        float: left;
        margin-top: 20px;
    }
}


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


横幅768px以下
横幅800px以下

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

@media ( max-width: 800px) {
    #subpage_maincontents_wrapper_bkimg1 {
        width: 100%;
        height: auto;
        margin: 0;
        z-index: 10;
        background-image: none;
    }
    .subpage_spacebox {
        width: 100%;
        height: 50px;
    }
    .container {
        padding: 0px;
        padding-left: 2%;
        padding-right: 2%;
    }
    .pcnone {
        display: block;
    }
    .pctabnone {
        display: none;
    }
    .smanone2 {
        display: block;
    }
    .tabnone {
        display: none;
    }
    .smanone {
        display: none;
    }
    /* -----------------------------------------------------------
        トップムービー背景
        ----------------------------------------------------------- */
    #dotmask {
        width: 100%;
        height: 100%;
    }
    #block {
        width: 100%;
        height: 100%;
    }
    #block_sma {
        width: 100%;
        height: 100%;
    }
    #maincontents1 {
        /*width:970px;
            margin:0 auto;*/
        position: relative;
        z-index: 10;
        margin-top: 60px;
    }
    .slidercont_txt {
        font-size: 13px;
        margin-top: 0px;
    }
    #maincontents2 {
        margin-top: 0px;
        position: relative;
        z-index: 10;
    }
    #copy_bl {
        top: 40%;
        margin: 0 auto;
        right: 0;
        /*min-width: 50%;
        max-width: 80%;*/
        /*max-width:400px;*/
        width: 100%;
        z-index: 10;
        position: absolute;
        color: #ffffff;
        text-align: center;
    }
    h1.maincopy {
        font-size: 24px;
        font-weight: bold;
    }
    h2.maincopy2 {
        font-size: 18px;
        font-weight: bold;
    }
    .subcopy {
        font-size: 13px;
    }
    #logo_bl {
        top: 15px;
        left: 10px;
        min-width: 50%;
        max-width: 90%;
        z-index: 10;
        position: fixed;
        z-index: 1000;
    }
    #logo_bl_sub {
        top: 15px;
        left: 10px;
        min-width: 50%;
        max-width: 90%;
        z-index: 10;
        position: fixed;
        z-index: 1000;
        display: inline-block;
    }
    #logo_bl_subpage {
        top: 15px;
        left: 10px;
        min-width: 50%;
        max-width: 90%;
        z-index: 10;
        position: fixed;
        z-index: 1000;
    }
    .bx-wrapper .bx-prev {
        top: 260px;
        right: 50px;
    }
    .bx-wrapper .bx-next {
        top: 230px;
        right: 20px;
    }
    .gbutton {
        display: block;
        margin: 0 auto;
        text-align: center;
        left: 50%;
        margin-left: -90px;
    }
    .mainlogoimg {
        width: 119px;
        height: 24px;
    }
    #default_sc_box {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .grid {
        width: 32%;
    }
    .grid figure {
        width: 32%;
        overflow: hidden;
        margin: 10px 10px;
    }
    /* -----------------------------------------------------------
        トップニュースピックアップ
        ----------------------------------------------------------- */
    .newstopic_box_sma {
        margin-top: 0px;
        margin-bottom: 30px;
        width: 100%;
    }
    .newstopic_title_sma {
        margin: 0 auto;
        display: block;
        text-align: center;
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 180%;
        color: #E94417;
    }
    .newstopic_box_titlebox_sma_left {
        width: 48.5%;
        padding: 10px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        text-align: center;
    }
    .newstopic_box_titlebox_sma_right a {
        color: #000000;
    }
    .newstopic_box_titlebox_sma_left img {
        border: 3px solid #E94417;
        margin: -3px;
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }
    .newstopic_box_titlebox_sma_right {
        width: 48.5%;
        padding: 10px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
    }
    /*----------------------------------------------------
    スマホ・タイトルメニュー始
    ----------------------------------------------------*/
    #sma_logo_bl_bk {
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 50px;
        background: #ffffff;
        background-repeat: no-repeat;
        z-index: 999;
        /* border-radius */
        border-radius: ;
        -webkit-border-radius: ;
        -moz-border-radius: ;
        /* box-shadow */
        box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 6px 0px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 6px 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 6px 0px;
    }
    #sma_menu_box {
        z-index: 999;
        position: fixed;
    }
    .mmm_box {
        /*position: fixed;*/
    }
    .mmm {
        /*position: fixed;
        z-index: 999;*/
    }
    /*----------------------------------------------------
        サービススライダー
        ----------------------------------------------------*/
    .solslider_box {
        margin-top: 0px;
    }
    /*----------------------------------------------------
    パララックス見出し
    ----------------------------------------------------*/
    .ser_fixtext p {
        display: none;
    }
    .sol_fixtext p {
        display: none;
    }
    .para_txt_servicecase_bk {
        display: none;
    }
    h2.para_txt_servicecase {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 110%;
        z-index: 1000;
        text-align: center;
        background-color: rgba( 0, 0, 0, 0.80) !important;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #ffffff;
        width: 100%;
        height: auto;
        background-image: url(images/dotpix.png);
    }
    .para_txt_ourservice_bk {
        display: none;
    }
    h2.para_txt_ourservice {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 110%;
        z-index: 1000;
        text-align: center;
        background-color: rgba( 0, 0, 0, 0.80) !important;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #ffffff;
        width: 100%;
        height: auto;
        background-image: url(images/dotpix.png);
    }
    .para_para_txt_topix_bk {
        display: none;
    }
    h2.para_para_txt_topix {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 110%;
        z-index: 1000;
        text-align: center;
        background-color: rgba( 0, 0, 0, 0.80) !important;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #ffffff;
        width: 100%;
        height: auto;
        background-image: url(images/dotpix.png);
    }
    .para_qual_txt_topix_bk {
        display: none;
    }
    h2.para_qual_txt_topix {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 110%;
        z-index: 1000;
        text-align: center;
        background-color: rgba( 0, 0, 0, 0.80) !important;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #ffffff;
        width: 100%;
        height: auto;
        background-image: url(images/dotpix.png);
    }
    .para_qual_txt_box {
        position: relative;
        width: 100%;
        margin: 0px;
    }
    .para_qual_txt_topix_small {
        text-align: center;
        position: relative;
        width: 100%;
    }
    .para_com_txt_topix_bk {
        display: none;
    }
    h2.para_com_txt_topix {
        font-family: 'Exo', "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
        font-weight: 700;
        font-size: 110%;
        z-index: 1000;
        text-align: center;
        background-color: rgba( 0, 0, 0, 0.80) !important;
        padding-top: 3px;
        padding-bottom: 3px;
        color: #ffffff;
        width: 100%;
        height: auto;
        background-image: url(images/dotpix.png);
    }
    .para_com_txt_box {
        position: relative;
        width: 100%;
        margin: 0px;
    }
    .para_com_txt_topix_small {
        text-align: center;
        position: relative;
        width: 100%;
    }
    /*----------------------------------------------------
        バックグラウンドスケール
        ----------------------------------------------------*/
    .bg-scale {
        height: 400px;
    }
    .bg-scale:after {}
    .bg-scale:hover:after {}
    .bg-scale .inner {}
    /* -----------------------------------------------------------
	アコーディオンメニュー
	----------------------------------------------------------- */
    .demo {
        margin: 0px 0px 20px;
        font-weight: normal;
        word-wrap: break-word;
        overflow-x: visible;
    }
    .demo a {
        display: block;
    }
    .demo a {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
        -moz-transition: all, 0.25s, linear;
        -o-transition: all, 0.25s, linear;
        -webkit-transition: all, 0.25s, linear;
        transition: all, 0.25s, linear;
    }
    .demo a:hover {
        color: #ffffff;
        /*text-decoration: underline;*/
    }
    .demo .child {
        display: none;
        margin: 0 0 -1px;
        padding: 0;
        color: #ffffff;
        background-color: #888888;
        /*border: 1px dotted #eaeaea;*/
    }
    .demo .child .menu {
        background: #eaeaea;
        color: #5e5e5e;
    }
    .demo .child .menu:hover {
        background: #aaaaaa;
    }
    .demo .child > li {
        margin: 0px 0;
        padding: 10px 26px;
        display: block;
        border-bottom: 1px dotted #dddddd;
    }
    .demo .child > li:hover {
        background: #aaaaaa;
        border-bottom: 1px dotted #dddddd;
    }
    .demo .child > li:last-child {
        border-bottom: 0;
    }
    .switch .menu:after {
        font-family: "Roboto Condensed", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo" sans-serif;
        position: absolute;
        top: 58%;
        right: 15px;
        margin-top: -1.4rem;
        content: '>';
        font-size: 1.4rem;
        font-weight: bold;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -moz-transition: all, 0.25s, linear;
        -o-transition: all, 0.25s, linear;
        -webkit-transition: all, 0.25s, linear;
        transition: all, 0.25s, linear;
    }
    .switch .menu.active:after {
        -moz-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .child01 {
        /*border: 1px solid #eaeaea;*/
    }
    .child02 {
        color: #5e5e5e;
    }
    .menu {
        display: block;
        position: relative;
        margin: 1px 0 0;
        padding: 10px;
    }
    .source {
        margin: 0;
        padding: 0px 0 0;
    }
    .demo05 .child > li {
        border-bottom: 1px dotted #eaeaea;
    }
    .demo05 .menu {
        background: #333333;
        color: #fff;
    }
    .demo05 .menu:hover {
        background: #666666;
        text-decoration: none;
    }
    /* -----------------------------------------------------------
        /* 3ban list hover
        ----------------------------------------------------------- */
    .grid {
        width: 31.33333333%;
        height: auto;
        padding: 0 0px 0 0px;
        list-style: none;
        text-align: left;
        font-size: 70%;
        margin: 0 1% 30px 1%;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    }
    /* Common style */
    .grid figure {
        position: relative;
        overflow: hidden;
        text-align: left;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .grid figure.ban01 {
        overflow: hidden;
        margin: 0;
        text-align: left;
        cursor: pointer;
    }
    .grid figure.ban01:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(images/ban01.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .grid figure.ban01:hover:after {
        opacity: 1;
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    .grid figure.ban01 .inner {
        z-index: 1;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        vertical-align: bottom;
        display: inline;
        bottom: 0;
        left: 0;
        padding: 5px;
    }
    .grid figure.ban02 {
        overflow: hidden;
        margin: 0;
        text-align: left;
        cursor: pointer;
    }
    .grid figure.ban02:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(images/ban02.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .grid figure.ban02:hover:after {
        opacity: 1;
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    .grid figure.ban02 .inner {
        z-index: 1;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        vertical-align: bottom;
        display: inline;
        bottom: 0;
        left: 0;
        padding: 5px;
    }
    .grid figure.ban03 {
        overflow: hidden;
        margin: 0;
        text-align: left;
        cursor: pointer;
    }
    .grid figure.ban03:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(images/ban03.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .grid figure.ban03:hover:after {
        opacity: 1;
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    .grid figure.ban03 .inner {
        z-index: 1;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        vertical-align: bottom;
        display: inline;
        bottom: 0;
        left: 0;
        padding: 5px;
    }
    /* -----------------------------------------------------------
        /* フッターボタン
        ----------------------------------------------------------- */
    .footer_telmailbox {
        border-top: 1px solid #cccccc;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: right;
        vertical-align: top;
        overflow: hidden;
    }
    .footer_telnobox {
        width: 242px;
        text-align: center;
        background-color: #E94417;
        color: #ffffff;
        display: block;
        padding: 4px 8px 8px 4px;
        text-decoration: none;
        border: 1px solid #E94417;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .footer_cta {/*CTAボタン追加*/
        width: 242px;
        text-align: center;
        background-color: #E94417;
        color: #ffffff;
        display: block;
        padding: 4px 8px 8px 4px;
        text-decoration: none;
        border: 1px solid #E94417;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .ninsyou_mark {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
        vertical-align: top;
        width: 95%;
        margin: 0 auto;
    }
    /* -----------------------------------------------------------
        /* 4ban list hover
        ----------------------------------------------------------- */
    .grid4 {
        width: 25%;
        height: auto;
        padding: 0 0 0 0;
        list-style: none;
        text-align: center;
        float: left;
        margin: 0px auto;
    }
    /* Common style */
    .grid4 figure {
        overflow: hidden;
        cursor: pointer;
        margin: 5px auto;
    }
    .grid4 figure img {
        width: 98%;
        text-align: center;
        margin: 0 1% 0 1%;
    }
    /* -----------------------------------------------------------
        /* サブページ
        ----------------------------------------------------------- */
    .page_maincont {
        padding: 0;
    }
    .page_sidebar {
        padding: 0;
    }
    .subpage_titlebox_intitle h1 {
        font-size: 170%;
    }
    .page_maincont img.alignright {
        max-width: 100%;
        margin: 0 auto;
        margin-left: 1.5em;
    }
    .page_maincont img.alignleft {
        max-width: 100%;
        margin: 0 auto;
        margin-right: 1.5em;
    }
    /* -----------------------------------------------------------
        /* サブページタイムライン
        ----------------------------------------------------------- */
    #fleshers01 .timeline {
        margin-top: 20px;
        margin-bottom: 20px;
        list-style: none;
    }
    #fleshers01 .timeline > li {
        margin-bottom: 60px;
    }
    #fleshers02 .timeline {
        margin-top: 20px;
        margin-bottom: 20px;
        list-style: none;
    }
    #fleshers02 .timeline > li {
        margin-bottom: 60px;
    }
    #fleshers03 .timeline {
        margin-top: 20px;
        margin-bottom: 20px;
        list-style: none;
    }
    #fleshers03 .timeline > li {
        margin-bottom: 60px;
    }
    /* -----------------------------------------------------------
        /* シングルアーカイブページ
        ----------------------------------------------------------- */
    .post-img-wrap .imginbox {
        width: 100%;
        height: 300px;/*PC:auto sma:200px def:200px*/
        overflow: hidden;
    }
    .post-img-wrap a img {
        margin-top: -150px;
        width: 100%;
        height: auto;
        transform: scale(1);
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    .post-img-wrap a:hover img {
        transform: scale(1.1);
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    .entry-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    /* -----------------------------------------------------------
        /* サブページフレッシャーズコンテンツ
        ----------------------------------------------------------- */
    .fleshers_title_textbox01 img.img01 {
        display: none;
    }
    .fleshers_title_textbox02 img.img01 {
        display: none;
    }
    .fleshers_title_textbox03 img.img01 {
        display: none;
    }
    .fleshers_title_textbox01 {
        margin: 0;
        padding: 0;
        padding-top: 150px;
        padding-left: 50px;
        display: block;
        height: 200px;
    }
    .fleshers_title_textbox02 {
        margin: 0;
        padding: 0;
        padding-top: 150px;
        padding-left: 50px;
        display: block;
        height: 200px;
    }
    .fleshers_title_textbox03 {
        margin: 0;
        padding: 0;
        padding-top: 150px;
        padding-left: 50px;
        display: block;
        height: 200px;
    }
    .subpage_titlebox_f {
        width: 100%;
        height: 400px;
        background-color: #cccccc;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
        -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px inset;
    }
    .subpage_titlebox_f_dot01 {
        height: 400px;
    }
    .subpage_titlebox_f_dot02 {
        height: 400px;
    }
    .subpage_titlebox_f_dot03 {
        height: 400px;
    }
    .subpage_subtitlebox_f {
        font-size: 80%;
    }
    .post-img-wrap_f_kabu a img {
        margin-top: -100px;
    }
    /*----------------------------------------------------
        サブページタイムライン
        ----------------------------------------------------*/
    #fleshers01 p.timeline-date {
        margin-bottom: 5px;
    }
    #fleshers02 p.timeline-date {
        margin-bottom: 5px;
    }
    #fleshers03 p.timeline-date {
        margin-bottom: 5px;
    }
    /*----------------------------------------------------
    レスポンシブtable
    ----------------------------------------------------*/
    #table {
        display: block;
    }
    #table thead {
        display: none;
    }
    #table tbody {
        display: block;
    }
    #table tbody tr {
        display: block;
        margin-bottom: 1.5em;
    }
    #table tbody th,
    #table tbody td {
        display: list-item;
        border: none;
    }
    #table td.dateinf {
        width: 100%;
    }
    #table tbody th {
        margin-bottom: 5px;
        list-style-type: none;
        color: #ffffff;
        background: #000000;
    }
    #table tbody td {
        margin-left: 20px;
        padding: 0;
    }
}


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


横幅480px以下


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

@media ( max-width: 480px) {
    .pctabnone {
        display: block;
    }
    .smanone2 {
        display: none;
    }
    /* -----------------------------------------------------------
    サブページ画像
    ----------------------------------------------------------- */
    .page_maincont img.size-full {
        width: 100%;
        height: auto;
        display: block;
        padding: 15px auto;
    }
    /* -----------------------------------------------------------
    キャッチ
    ----------------------------------------------------------- */
    .page_maincont blockquote.catch {
        font-size: 120%;
        line-height: 1.4;
        margin-bottom: 10px;
        font-weight: 700;
        clear: both;
    }
    .page_maincont blockquote.catch p {
        margin-bottom: 0px;
    }
    .page_maincont blockquote.catch:before {
        top: 0px;
        border-radius: 25px;
        /*background: url(images/quotationmark.png) -3px -3px #ddd;*/
        display: inline;
        height: 25px;
        width: 25px;
    }
    .page_maincont blockquote.catch:after {
        bottom: 0px;
        border-radius: 25px;
        /*background: url(images/quotationmark.png) -1px -32px #ddd;*/
        display: inline;
        height: 25px;
        width: 25px;
    }
    .page_maincont blockquote.catch:hover:after,
    .page_maincont blockquote.catch:hover:before {
        background-color: #555;
    }
    /* -----------------------------------------------------------
    カルーセル矢印
    ----------------------------------------------------------- */
    .sma_yajirushi_left {
        position: absolute;
        bottom: 0px;
        left: 0;
        margin: 0;
        margin-left: -10;
        padding: 0px 0 0;
        width: 20px;
        height: 40px;
        background-color: none;
        background-image: url(images/yajirushi_left.png);
        z-index: 1000;
    }
    .sma_yajirushi_right {
        position: absolute;
        bottom: 0px;
        right: 0;
        margin: 0;
        margin-right: -10;
        padding: 0px 0 0;
        width: 20px;
        height: 40px;
        background-color: none;
        background-image: url(images/yajirushi_right.png);
        z-index: 1000;
    }
    /* -----------------------------------------------------------
    関連記事カルーセル矢印
    ----------------------------------------------------------- */
    #owl-example_kanren .sma_yajirushi_left {
        position: absolute;
        top: 95%;
        left: 0;
        margin: 0;
        padding: 0px;
        width: 20px;
        height: 40px;
        background-color: none;
        background-image: url(images/yajirushi_left.png);
        z-index: 1000;
    }
    #owl-example_kanren .sma_yajirushi_right {
        position: absolute;
        top: 95%;
        right: 0;
        margin: 0;
        padding: 0px;
        width: 20px;
        height: 40px;
        background-color: none;
        background-image: url(images/yajirushi_right.png);
        z-index: 1000;
    }
    /* -----------------------------------------------------------
        サービススライダー
        ----------------------------------------------------------- */
    .slidercont_all {
        /*width:100%;
            height:480px;*/
    }
    .slidercont_left {
        /*width:50%;*/
        width: 100%;
        margin: 0 auto;
    }
    /* -----------------------------------------------------------
        ニュース
        ----------------------------------------------------------- */
    .newstopic_box {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    /* -----------------------------------------------------------
        /* 3ban list hover
        ----------------------------------------------------------- */
    .grid {
        width: 70%;
        height: 220px;
        padding: 0 0px 0 0px;
        list-style: none;
        text-align: center;
        font-size: 70%;
        margin: 0 15% 20px 15%;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
        -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 6px 0px;
    }
    /* Common style */
    .grid figure {
        position: relative;
        overflow: hidden;
        text-align: center;
        width: 100%;
        height: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .grid figure.ban01 {
        overflow: hidden;
        margin: 0;
        text-align: center;
        cursor: pointer;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .grid figure.ban01:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(images/ban01.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .grid figure.ban01:hover:after {
        opacity: 1;
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    .grid figure.ban01 .inner {
        z-index: 1;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        vertical-align: bottom;
        display: inline;
        bottom: 0;
        left: 0;
        padding: 5px;
    }
    .grid figure.ban02 {
        overflow: hidden;
        margin: 0;
        text-align: center;
        cursor: pointer;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .grid figure.ban02:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(images/ban02.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .grid figure.ban02:hover:after {
        opacity: 1;
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    .grid figure.ban02 .inner {
        z-index: 1;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        vertical-align: bottom;
        display: inline;
        bottom: 0;
        left: 0;
        padding: 5px;
    }
    .grid figure.ban03 {
        overflow: hidden;
        margin: 0;
        text-align: center;
        cursor: pointer;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .grid figure.ban03:after {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: url(images/ban03.png);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
    .grid figure.ban03:hover:after {
        opacity: 1;
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    .grid figure.ban03 .inner {
        z-index: 1;
        position: absolute;
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        vertical-align: bottom;
        display: inline;
        bottom: 0;
        left: 0;
        padding: 5px;
    }
    /* -----------------------------------------------------------
        /* マーク類
        ----------------------------------------------------------- */
    /*.ninsyou_mark {スマホ版でも表示させる
        display: none;
    }*/
    /* -----------------------------------------------------------
        /* 4ban list hover
        ----------------------------------------------------------- */
    .grid4 {
        width: 100%;
        height: auto;
        padding: 0 0 0 0;
        list-style: none;
        text-align: center;
        float: left;
        margin: 0px auto;
    }
    /* Common style */
    .grid4 figure {
        overflow: hidden;
        min-width: 160px;
        max-width: 220px;
        height: auto;
        cursor: pointer;
        margin: 5px auto;
    }
    .grid4 figure img {
        width: 98%;
        text-align: center;
        margin: 0 1% 0 1%;
    }
    /* -----------------------------------------------------------
        /* チャイルドページインデックス
        ----------------------------------------------------------- */
    .child_page {
        width: 100%;
    }
    /* -----------------------------------------------------------
        /* サブページタイトル
        ----------------------------------------------------------- */
    .subpage_titlebox_intitle h1 {
        font-size: 140%;
    }
    /* -----------------------------------------------------------
        /* シングルアーカイブページ
        ----------------------------------------------------------- */
    .post-img-wrap .imginbox {
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .post-img-wrap a img {
        margin-top: -50px;
        width: 100%;
        height: auto;
        transform: scale(1);
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    .post-img-wrap a:hover img {
        transform: scale(1.1);
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease-out;
        transition-delay: 0s;
    }
    /* -----------------------------------------------------------
        /* サブページフレッシャーズコンテンツ
        ----------------------------------------------------------- */
    .fleshers_title_textbox01 {
        margin: 0;
        padding: 0;
        padding-top: 230px;
        padding-left: 10px;
        display: block;
        height: 200px;
    }
    .fleshers_title_textbox02 {
        margin: 0;
        padding: 0;
        padding-top: 230px;
        padding-left: 10px;
        display: block;
        height: 200px;
    }
    .fleshers_title_textbox03 {
        margin: 0;
        padding: 0;
        padding-top: 230px;
        padding-left: 10px;
        display: block;
        height: 200px;
    }
    .fleshers_title_textbox01 span.text01 {
        font-size: 400%;
    }
    .fleshers_title_textbox01 span.text02 {
        font-size: 120%;
    }
    .fleshers_title_textbox01 span.text03 {
        font-size: 150%;
    }
    .fleshers_title_textbox02 span.text01 {
        font-size: 400%;
    }
    .fleshers_title_textbox02 span.text02 {
        font-size: 120%;
    }
    .fleshers_title_textbox02 span.text03 {
        font-size: 150%;
    }
    .fleshers_title_textbox03 span.text01 {
        font-size: 400%;
    }
    .fleshers_title_textbox03 span.text02 {
        font-size: 120%;
    }
    .fleshers_title_textbox03 span.text03 {
        font-size: 150%;
    }
    .post-img-wrap_f_kabu a img {
        margin-top: 0px;
    }
    #fleshers01 .fleshers_interview h3.midashi {
        font-size: 110%;
    }
    #fleshers02 .fleshers_interview h3.midashi {
        font-size: 110%;
    }
    #fleshers03 .fleshers_interview h3.midashi {
        font-size: 110%;
    }
    /*----------------------------------------------------
        サブページフレッシャーズアーカイブ
        ----------------------------------------------------*/
    .post-img-wrap_f {
        height: 200px;
    }
    .post-img-wrap_f a img {
        margin-top: 0px;
    }
    /* -----------------------------------------------------------
    /* お問い合わせページ用フォーム
    ----------------------------------------------------------- */
    #inq_contactform {
        width: 100%;
        padding: 20px;
        background-color: #fafafa;
    }
    #inq_contactform label.grunion-field-label {
        width: 100%;
        display: block;
    }
    #inq_contactform input {
        width: 100%;
        display: block;
        border: 1px solid #cccccc;
    }
    #inq_contactform textarea {
        width: 100%;
        display: block;
        border: 1px solid #cccccc;
        background-color: #ffffff;
    }
    #inq_contactform label.grunion-field-label.checkbox {
        width: 100%;
    }
    /* -----------------------------------------------------------
    コンタクトフォーム7用
    ----------------------------------------------------------- */
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
	.table-res-form th, .table-res-	form td {
		width: 100%;
		display: block !important;
		border-top:none !important;
	}
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
   .table-res-form th {
        padding-bottom: 0;
        text-align: left;
   }
　　　　　/*不要な最終行の左のthを非表示にする*/
   .table-res-form .empty {
        display: none;
   }
}


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

印刷用

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

@media print {
    body {
        font-size: 75%;
    }
    .subpage_titlebox {
        width: 50%;
        height: 80px; /*印刷用に縦幅縮小*/
    }
    .subpage_titlebox_dotmask {
        height: 80px; /*印刷用に縦幅縮小*/
    }
    .subpage_titlebox_intitle {
        height: 80px; /*印刷用に縦幅縮小*/
    }
    #copy_bl {
        color: #000000;
    }
    #dotmask {
        display: none;
    }
    #block {
        display: none;
    }
    #block_sma {
        display: none;
    }
    /*    #logo_bl {
        display: none;
    }
    #logo_bl_sub {
        display: none;
    }
    #sma_logo_bl_bk {
        display: none;
    }
    .page_sidebar {
        display: none;
    }
    .demo {
        display: none;
    }
    #sitemap_wrapper {
        display: none;
    }
    #footer_wrapper_4box {
        display: none;
    }*/
    #maincontents1 {
        display: none;
    }
    #owl-example {
        display: none;
    }
    .container relativebox {
        display: none;
    }
    .solslider_box {
        display: none;
    }
    #maincontents_wrapper_bkimg2 {
        display: none;
    }
    #hinshitsu_wrapper {
        display: none;
    }
    #kaisya_wrapper {
        display: none;
    }
    #smamenu {
        display: none;
    }
    .demo {
        display: none;
    }
    #headmenubox {
        display: none;
    }
    #sitemap_wrapper {
        display: none;
    }
    #footer_wrapper_line {
        display: none;
    }
    #footer_wrapper_4box {
        display: none;
    }
    #footer_wrapper_cp {
        display: none;
    }
    #page-top {
        display: none;
    }
    #move-page-top {
        display: none;
    }
    .page_maincont p {
        overflow: hidden;
    }
}

/* -----------------------------------------------------------
　2025.11.22追加　投稿記事　画像複数枚
----------------------------------------------------------- */
.photo_multiple ul {
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
}
.photo_multiple ul li {
	width: calc(100% / 3);
}
@media screen and (max-width:767px) {
	.photo_multiple ul li {
		width: 50%;
	}
}
@media screen and (max-width:480px) {
	.photo_multiple ul {
		display: block;
	}
	.photo_multiple ul li {
		width: 100%;
	}
}
.photos {
  width: 100%;
  object-fit: cover;
}