@charset "UTF-8";
/*@charset "SEESO株式会社";*/
/*!
Theme Name: SEESO株式会社（シーソー）
Description: SEESO株式会社（シーソー） | 福岡市 博多区 東京 北九州 ホームページ Webサイト web制作会社 ECサイト 保守 運用 リニューアル ウェブ
Theme URI: https://seeso.co.jp/
Version: 1.0
License: SEESO株式会社
License URI: https://seeso.co.jp/
*/
/****************************************

リセットCSSここから

*****************************************/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    /*1em=10px */
    overflow-y: scroll;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, guidelines, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, picture, menu, nav, section, main {
    display: block;
}

ul, ol {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

q:before, q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    vertical-align: top;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/****************************************

メディアクエリ/レスポンシブ用mixin

*****************************************/
/*note PC*/
@media screen and (max-width: 1590px) {
}
/*win PC*/
@media screen and (min-width: 1600px) {
}
/*mac PC*/
@media screen and (min-width: 2140px) {
}
/* スマホ */
@media screen and (max-width: 767px) {
}
/****************************************

body設定(主に書式)

*****************************************/
body {
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
/*    font-family: "Noto Sans", "Noto Sans CJK JP", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;*/
    color: #303030;
    background: #FFF;
    line-height: 1.7;
    letter-spacing: 0.1em;
}

/****************************************

ページ共通

*****************************************/
#wrapper {
    width: 100%;
    min-width: 1400px;
    min-height: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}
#wrapper02 {
    width: 100%;
    min-width: 1400px;
    min-height: 100%;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (min-width: 767px) {
    #wrapper {
        width: 100%;
    }
    #wrapper02 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #wrapper {
        width: 100%;
        min-width: 0;
        min-height: 100%;
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }
    #wrapper02 {
        width: 100%;
        min-width: 0;
        min-height: 100%;
        float: none;
        margin: 0 auto;
        overflow: hidden;
    }
}
/****************************************

フォント指定

*****************************************/
li, tt, tr, dt, dd, p {
    font-size: 1.5em;
}

h1 {
    color: #303030;
    font-size: 1.0em;
}

h2 {
    font-size: 2em;
    font-weight: bold;
    color: #303030;
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    letter-spacing: 0.05em;
}

h3 {
    font-size: 1.6em;
    font-weight: bold;
    color: #303030;
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    letter-spacing: 0.05em;
}

h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #303030;
    letter-spacing: 0.05em;
}

h5 {
    font-size: 1.4em;
    color: #303030;
    font-weight: bold;
}
li p {
    font-size: 100%;
}

/****************************************

リンク指定&オンマウス時のアクション

*****************************************/
a:link, a:visited {
    font-weight: normal;
    color: #303030;
    text-decoration: underline;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
a:hover, a:active {
    font-weight: normal;
    color: #00bcee
    text-decoration: underline;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
a:hover img.img_opacity {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}
a img.img_opacity {
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

/****************************************

pcヘッダー

*****************************************/
@media print, screen and (max-width: 1590px) {
    .pc_header_box {
        width: 100%;
        margin: 0 auto;
    }
    .pc_header_box_extra {
        width: 100%;
        height: 200px;
    }
    .logo,.logo_kasou {
        position: absolute;
        top: 50px;
        left: 100px;
        z-index: 1;
    }
    .logo img{
        width: 76%;
    }
    .logo_kasou img{
        width: 76%;
    }
}
@media print, screen and (min-width: 1600px) {
    .pc_header_box {
        width: 100%;
        margin: 0 auto;
    }
    .pc_header_box_extra {
        width: 100%;
        height: 250px;
    }
    .logo,.logo_kasou {
        width: auto;
        position: absolute;
        top: 50px;
        left: 160px;
        z-index: 1;
    }
}
@media print, screen and (min-width: 2140px) {
    .pc_header_box {
        width: 100%;
        margin: 0 auto;
    }
    .pc_header_box_extra {
        width: 100%;
        height: 250px;
    }
    .logo {
        width: auto;
        position: absolute;
        top: 50px;
        left: 180px;
        z-index: 1;
    }
    .logo_kasou {
        width: auto;
        position: absolute;
        top: 50px;
        left: 210px;
        z-index: 1;
    }
}
@media print, screen and (min-width: 768px) {
    #sp_navi, #toggle {
        display: none;
    }
    header {
        width: 100%;
        margin: 0 auto;
    }
    .pc_header_box {
        width: 100%;
        margin: 0 auto;
    }
/*
    .logo {
        width: auto;
        position: absolute;
        top: 50px;
        z-index: 1;
    }
*/
}
/*縮小モード*/
@media screen and (max-width: 1330px) {
	.logo,.logo_kasou {
		position: absolute;
		top: 40px;
		left: 41%;
		z-index: 1;
		width: 30%;
	}
	.header_flex {
		width: 100%;
		height: 50px;
		display: flex;
		/*        justify-content: space-between;*/
		justify-content: space-around;
		margin: 0 auto;
		position: absolute;
		top: 150px;
	}
	.header_flex li{
		width: calc(100% / 2);
		max-height: 50px;
	}
	.header_flex img{
		width: 100%;
		height: auto;
	}
}

/****************************************

spヘッダー

*****************************************/

/* スマホヘッダー */
@media screen and (max-width: 767px) {
    img {
        width: 100%;
        height: auto;
    }
    header {
        display: block;
        position: relative;
        width: 100%;
    }
    .pc_header_box_extra {
        width: 100%;
        height: 90px;
    }
    .pc_header_box {
        width: 100%;
        height: 90px;
        padding-top: 30p;
        border-top: solid 3px #00b7ee;
    }
    .logo_sp,.logo_kasou_sp {
        position: absolute;
        top: 5px;
        left: 10px;
        z-index: 1;
    }
    .logo_sp a img{
        width: 35%;
        position: relative;
        top: 23px;
        left: 3%;
    }
    .logo_kasou_sp a img{
        width: 35%;
        position: relative;
        top: 23px;
        left: 3%;
    }
    .pc_header_box .pc_header_info,
    .pc_header_box .header_link {
        display: none;
    }
    
    #toggle {
        position: fixed;
        /*bodyに対しての絶対位置指定です*/
        right: 15px;
        top: 28px;
        width: 30px;
        height: 25px;
        cursor: pointer;
        z-index: 9999;
    }
    #toggle div {
        position: relative;
    }
    #toggle span {
        display: block;
        position: absolute;
        /*#navToggle div に対して*/
        width: 100%;
        height: 4px;
        background: #999;
        border-radius: 4px;
        -webkit-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }
    #toggle span:nth-child(1) {
        top: 0;
    }
    #toggle span:nth-child(2) {
        top: 11px;
    }
    #toggle span:nth-child(3) {
        top: 22px;
    }
    /*spanの絶対位置指定の親にします*/
    .open_navi #toggle {
        position: fixed;
    }
    .open_navi #toggle span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(-315deg);
        -ms-transform: translateY(11px) rotate(-315deg);
        transform: translateY(11px) rotate(-315deg);
    }
    .open_navi #toggle span:nth-of-type(2) {
        opacity: 0;
    }
    .open_navi #toggle span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(315deg);
        -ms-transform: translateY(-11px) rotate(315deg);
        transform: translateY(-11px) rotate(315deg);
    }
    #sp_navi {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        overflow-y: scroll;
        text-align: left;
        background-color: rgba(255,255,255,1);
        z-index: 999;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: .7s ease-in-out;
        -o-transition: .7s ease-in-out;
        transition: .7s ease-in-out;
    }
    .open_navi #sp_navi {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: .7s ease-in-out;
        -o-transition: .7s ease-in-out;
        transition: .7s ease-in-out;
    }
    .open_navi #wrapper {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-filter: blur(3px);
        filter: blur(3px);
        -webkit-transition: .7s ease-in-out;
        -o-transition: .7s ease-in-out;
        transition: .7s ease-in-out;
    }
    #sp_navi .menu {
        padding-top: 80px;
        text-align: center;
    }
    #sp_navi .menu .menu-item {
        width: 100%;
        text-align: center;
        border-bottom: #ddd 1px solid;
        cursor: pointer;
        color: #303030;
        margin: 0 auto;
        font-size: 1.6rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #sp_navi .menu .menu-item-home {
        border-top: #ddd 1px solid;
    }
    #sp_navi .menu-item a, #sp_navi .menu-item span {
        display: block;
        padding: 15px 0 14px;
    }
    #sp_navi .menu-item a:link, #sp_navi .menu-item a:visited, #sp_navi .menu-item a:hover, #sp_navi .menu-item a:active {
        color: #303030;
        text-decoration: none;
    }
    #sp_navi .sub-menu {
        width: 100%;
        text-align: center;
        display: none;
    }
    #sp_navi .sub-menu li {
        width: 100%;
        text-align: center;
        border-top: #ddd 1px solid;
    }
    #sp_navi .sub-menu li a {
        display: block;
        padding: 11px 0 10px;
        color: #303030;
        background-color: rgba(245,245,245,1);
    }
    #sp_navi .sub-menu li a:link, #sp_navi .sub-menu li a:visited, #sp_navi .sub-menu li a:hover, #sp_navi .sub-menu li a:active {
        color: #303030;
        text-decoration: none;
    }
    #sp_navi .sub-menu li a:hover {
        color: #f9195f;
        background-color: rgba(232,232,232,1);
    }
    #sp_navi .menu-item-has-children {
        position: relative;
    }
    #sp_navi .menu-item-has-children::before {
        content: '';
        width: 14px;
        height: 14px;
        border: 0px;
        border-top: solid 3px #f9195f;
        border-right: solid 3px #f9195f;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        position: absolute;
        top: 14px;
        right: 20px;
    }
    #sp_navi .menu-item-has-children.menu_open::before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        top: 22px;
    }
}

/****************************************

pc用 横ナビ

*****************************************/
@media screen and (max-width: 767px) {
    #g_navi {
        display: none;
    }
}

/*横ナビ note PC*/
@media screen and (max-width: 1590px) {
    #g_navi {
        position: absolute;
/*        width: 760px;*/
/*        height: 60px;*/
        right: 260px;
        margin-top: 30px;
    }
    #g_navi img{
        width: 160px;
/*        height: 60px;*/
    }
    #g_navi .menu li ul li a {
        width: 160px;
        height: auto;
        padding: 13px 0;
        border-top: 1px dotted #ccc;
        font-size: 1.39rem;
        font-weight: 550;
        background: #fff;
        text-align: center;
        opacity: 0.95;
        filter: alpha(opacity=95);
    }
    .contact_bnr {
        position: absolute;
        right: 40px;
        margin-top: 30px;
    }
    .contact_bnr img{
        width: 80%;
    }
}

/*横ナビ win PC*/
@media screen and (min-width: 1600px) {
    #g_navi {
        position: absolute;
        width: 760px;
        height: 60px;
        right: 380px;
        margin-top: 30px;
    }
    #g_navi img{
        width: 190px;
        height: 60px;
    }
    #g_navi .menu li ul li a {
        width: 190px;
        padding: 15.5px 0;
        border-top: 1px dotted #ccc;
        font-size: 1.49rem;
        font-weight: 550;
        background: #fff;
        text-align: center;
        opacity: 0.95;
        filter: alpha(opacity=95);
    }
    .contact_bnr {
        position: absolute;
        right: 140px;
        margin-top: 30px;
    }
}

/*横ナビ mac PC*/
@media screen and (min-width: 2140px) {
    #g_navi {
        position: absolute;
        width: 760px;
        height: 60px;
        right: 460px;
        margin-top: 30px;
    }
    #g_navi img{
        width: 190px;
        height: 60px;
    }
    #g_navi .menu li ul li a {
        width: 190px;
        padding: 20px 0;
        border-top: 1px dotted #ccc;
        font-size: 1.6rem;
        font-weight: 550;
        background: #fff;
        text-align: center;
        opacity: 0.95;
        filter: alpha(opacity=95);
    }
    .contact_bnr {
        position: absolute;
        right: 220px;
        margin-top: 30px;
    }
}

#g_navi .menu {
    *zoom: 1;
    width: auto;
    list-style-type: none;
    float: left;
    margin-right: 10px;
}
#g_navi .menu:before {
    content: "";
    display: table;
}
#g_navi .menu:after {
    content: "";
    display: table;
    clear: both;
}
#g_navi .menu li {
    position: relative;
    float: left;
    width: calc( 99% / 4 );
}
#g_navi .menu li a {
    display: block;
    margin: 0;
    color: #303030;
    font-size: 1.4em;
    letter-spacing: 0.03em;
    line-height: 1;
    text-decoration: none;
}
#g_navi .menu li a:after {
    position: absolute;
    bottom: -0px;
    left: 0;
    content: '';
    width: 100%;
    height: 3px;
    background: #f9195f;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}
#g_navi .menu li a:hover:after {
    transform-origin: center top;
    transform: scale(1, 1);
}
#g_navi .menu li ul li a:after {
    content: none;
}
#g_navi .menu li ul {
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#g_navi .menu li ul li {
    width: 100%;
}
/*
#g_navi .menu li ul li a {
    width: 190px;
    padding: 13px 0;
    border-top: 1px dotted #ccc;
    font-size: 1.3rem;
    font-weight: 550;
    background: #fff;
    text-align: center;
    opacity: 0.95;
    filter: alpha(opacity=95);
}
*/
#g_navi .menu li ul li a:hover {
    background: #eee;
    color: #f9195f;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
#g_navi .menu li:hover ul {
    visibility: visible;
    opacity: 0.95;
}
.menu ul{
    overflow: hidden;
    width: 0;
    transition: .3s;
}
.menu li:hover ul{
    width: 100%;
}

/****************************************

ティーザー

*****************************************/
@media screen and (min-width: 768px) {
    #sp_teaser {
        display: none;
    }
    #slider {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        z-index: -1;
    }
    
    .flex-control-nav{
        bottom: 20px !important;
        z-index: 2;
    }

    #teaser {
        width: 100%;
        position: relative;
        z-index: -1;
        margin: 0 auto;
        padding-top: 120px;
    }
    #teaser img {
/*        display: block;*/
        width: 100%;
        margin: 0 auto;
    }
}

/* スマホスライダー */
@media screen and (max-width: 767px) {
    #slider_box {
        width: 100%;
        position: relative;
    }
    #slider {
        width: 100%;
        overflow:hidden;
        position: relative;
    }
    #slider .metaslider {
        width: 100%;
    }
    #slider .metaslider img{
        width: 100%;
        z-index: 3;
/*        margin-left: -25%;*/
    }
    #slider_text{
        width: 100%;
        height: auto;
        position: absolute;
        top: 22%;
        left: 0;
        z-index: 300;
    }
    #slider_text img{
        width: 80%;
        height: auto;
    }
    #slider .metaslider {
        width: 100%;
    }
    #teaser {
        width: 100%;
        padding-top: 90px;
        margin: 0 0 20px;
    }
    #teaser img {
        position: relative;
        width: 100%;
    }
}

/****************************************

content 共通設定

*****************************************/

/* スマホトップ背景 */
@media screen and (max-width: 767px) {
    #particles-js {
        width: 100%;
        height: 730px!important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
    }
}
#particles-js {
    width: 100%;
    height: 115%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
/*mac PC*/
@media screen and (min-width: 2140px) {
	#particles-js {
		width: 100%;
		height: 105%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
	}
}
canvas {
    position: absolute;
    top: 0;
    left: 0;
/*    z-index: 4;*/
}

main#top_main {
    width: auto;
    margin: 0 auto;
}

/*
#page_contents {
    width: 1340px;
    margin: 0 auto;
}
*/
.breadcrumb p {
    font-size: 1.4rem;
}
.breadcrumb a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
}


/*ボタン*/
/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 2rem 2.5rem 2rem 8rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #303030;
    border-radius: 0.5rem;
}

a.btn-border {
    border: 2px solid #000;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: 4px 4px 0 #000;
    box-shadow: 4px 4px 0 #000;
}

a.btn-border:hover {
    -webkit-box-shadow: -4px -4px 0 #000;
    box-shadow: -4px -4px 0 #000;
}
.management_bnr {
    position: relative;
    left: 39.5%;
}


@media screen and (min-width: 768px) {
    .bottom_banner li img:nth-child(1){
        -moz-transition: -moz-transform 0.2s linear;
        -webkit-transition: -webkit-transform 0.2s linear;
        -o-transition: -o-transform 0.2s linear;
        -ms-transition: -ms-transform 0.2s linear;
        transition: transform 0.2s linear;
    }
    .bottom_banner li:hover img:nth-child(1){
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb45 {
    margin-bottom: 45px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb70 {
    margin-bottom: 70px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb90 {
    margin-bottom: 90px;
}
.mb100 {
    margin-bottom: 100px;
}
.mb110 {
    margin-bottom: 110px;
}
.mb120 {
    margin-bottom: 120px;
}
.mb130 {
    margin-bottom: 130px;
}
.mb140 {
    margin-bottom: 140px;
}
.mb150 {
    margin-bottom: 150px;
}
.mb170 {
    margin-bottom: 170px;
}
.mb200 {
    margin-bottom: 200px;
}
.mb300 {
    margin-bottom: 300px;
}
.mb350 {
    margin-bottom: 350px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt50 {
    margin-top: 50px;
}
.pl100 {
    padding-left: 90px;
}

@media screen and (max-width: 767px) {
    main#top_main {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    main#page_main {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 30px;
    }
    #page_contents {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 30px;
    }
    .bottom_box01,.bottom_box02{
        width: 100%;
        margin: 0 auto 50px;
        padding: 0 10px;
    }
    .bottom_banner li{
        position: relative;
        float: left;
        overflow: hidden;
        display: block;
        float: left;
        width: 48%;
        height: auto;
        margin: 0 4% 4% 0;
    }
    .bottom_banner li:nth-child(2n+1){
        clear: both;
    }
    .bottom_banner li:nth-child(2N){
        margin-right: 0;
    }
}

/****************************************

contentトップ用

*****************************************/
@media print, screen and (min-width: 768px) {
	.top_box01 {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.top_box01_menmber {
		width: 100%;
		margin: 0 auto;
	}
	
/*	テストここから*/
	/* Basic styling */
	/*note PC*/
	@media screen and (max-width: 1590px) {
		svg {
			width: 100%;
			margin: 15px 0 120px;
			position: relative;
			left: 21%;
		}
	}
	/*win PC*/
	@media screen and (min-width: 1600px) {
		svg {
			width: 100%;
			margin: 10px 0 120px;
			position: relative;
			left: 22.3%;
		}
	}
	/*mac PC*/
	@media screen and (min-width: 2140px) {
		svg {
			width: 100%;
			margin: 0px 0 175px;
			position: relative;
			left: 21%;
		}
	}
	.filled-heading {
		text-transform: uppercase;
		font-family: 'Ubuntu', sans-serif;
		font-weight: bold;
/*		font-family: 'Source Sans Pro', sans-serif;*/
		font-size: 3.7em;
		line-height: 0.01;
	}

	/* Animate the background shapes */
	#background path {
		animation: pulse 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite;

		/* Necessary to keep the SVG objects in place while scaling */
		transform-origin: 50% 50%;
		transform-box: fill-box;
	}

	/* Reveal the desired lines of text in the desired order */
	#textClip text:nth-of-type(n + 1):nth-of-type(-n + 3) {
		animation: showFirst 12s infinite;
	}
	#textClip text:nth-of-type(n + 4):nth-of-type(-n + 6) {
		animation: showSecond 12s infinite;
	}
	#textClip text:nth-of-type(n + 7):nth-of-type(-n + 9) {
		animation: showThird 12s infinite;
	}

	@keyframes pulse {
		/* Rotating it along with the scale makes it a little bit more fancy */
		0%, 100% { transform: scale(0) rotate(33deg); }
		35%, 65% { transform: scale(1) rotate(0deg); }
	}
	@keyframes showFirst {
		0%, 33% {
			opacity: 1;
		}
		33.0001%, 100% { opacity: 0; }
	}
	@keyframes showSecond {
		33.0001%, 66% {
			opacity: 1;
		}
		0%, 33%, 66.0001%, 100% { opacity: 0; }
	}
	@keyframes showThird {
		66.0001%, 99.999% {
			opacity: 1;
		}
		0%, 66%, 100% { opacity: 0; }
	}
/*	テストここまで*/
	
	/* 回転画像 */
	.box{
		width: auto;
		height: auto;
		margin: 0 auto;
		position: relative;
		cursor: pointer;
		transform-style: preserve-3d;
		transition: 1s;
	}
	.box figure{
		position: absolute;
		width: 100%;
		backface-visibility: hidden;
		top: 0;
		left: 0;
	}
	.box:hover{
		transform: rotateY( 180deg );
	}
	.box figure:last-child{
		transform: rotateY( 180deg );
	}
	.top_box02 {
		width: 100%;
		margin: 0 auto;
	}
	h3#top_box02_title{
		line-height: 50px;
		font-size: 2.4em;
		color: #303030;
		font-weight: 500;
		letter-spacing: 0.5em;
		text-align: center;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		background: url(images/title_bg.png) no-repeat bottom center;
		margin-bottom: 50px;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		z-index: -3;
	}
	/*mac PC*/
	@media screen and (min-width: 2140px) {
		h3#top_box02_title{
			line-height: 50px;
			font-size: 2.4em;
			color: #303030;
			font-weight: 500;
			letter-spacing: 0.5em;
			text-align: center;
			font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
			background: url(images/title_bg.png) no-repeat bottom center;
			margin: 225px 0 50px;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
			z-index: -3;
		}
	}
	.scroll_box{
		width: 100%;
		margin: 0 auto 70px;
	}
	.scroll_box02{
		width: 100%;
		margin: 0 auto;
	}

	/* トップスクロール */
	#loopSlide{
		width: 100%;
		height: auto;
	}
	.simply-scroll-container {
		position: relative;
	}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll-list li {
		float: left;
		padding: 0;
		margin: 0 20px 0 0;
		width: 300px;
		height: auto;
	}
	.simply-scroll-list li img {
		display: block;
	}

	/* 坂井スクロール */
	#loopSlide02{
		width: 100%;
		margin: 0 auto 120px;
		/*        height: 390px;*/
	}
	.simply-scroll02-container {
		position: relative;
	}
	.simply-scroll02-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll02-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll02-list li {
		float: left;
		padding: 0;
		margin: 0;
		width: 185px;
		height: auto;
	}
	.simply-scroll02-list li img {
		display: block;
	}

	.top_box02_banner{
		width: 300px;
		padding-right: 150px;
	}
	.top_box03 {
		width: 100%;
		margin: 0 auto 10px;
		background: url(images/contents_bg03.png) no-repeat top center;
		background-position: center;
		background-size:cover;
	}

	.top_box03 figure {
		margin-top: 60px;
	}

	.top_box03_title{
		width: 100%;
		line-height: 70px;
		font-size: 6.5em;
		color: #000;
		vertical-align: middle;
		font-weight: bold;
		letter-spacing: 0em;
		/*        font-family: 'Ubuntu', sans-serif;*/
		float: left;
		margin: 20px 0 25px;
	}
	.top_box04_inner p span {
		background-color: #fff150;
	}
	/*
	.top_box04_banner {
	width: 440px;
	height: 80px;
}
	*/
	.top_box06_inner p {
		font-size: 1.6em;
	}

	.results_title {
		line-height: 35px;
		font-size: 2.0rem;
		color: #303030;
		padding: 5px 0 0 35px;
		text-align: left;
		letter-spacing: 0.08em;
		background: url(images/tit_results_title.jpg) no-repeat center left;
		margin: 10px 0 10px;
	}
	.results_title a{
		text-decoration: none;
		font-weight: bold;
	}
}

/*note PC*/
@media print, screen and (max-width: 1590px) {
    .breadcrumb_area {
        width: 100%;
        height: auto;
        margin: 260px auto 0;
    }
    .breadcrumb {
        width: 100%;
        padding-left: 100px;
        text-align: left;
/*        margin-top: 180px;*/
    }
    .management_bnr {
        position: relative;
        left: 36.5%;
    }
    .top_box01_text_box{
        min-height: 100px;
        color: #303030;
        font-weight: 500;
        font-size: 1.03em;
        letter-spacing: 0.05em;
        text-align: left;
        margin: 170px 0 75px;
        padding: 5px 0 0 140px;
        background: url(images/contents_bg02.png) no-repeat top left;
    }
    .contents_bg01 {
        width: 710px;
        position: absolute;
		top: 5px;
        right: 0;
    }
    .top_headline {
        width: 100%;
        line-height: 80px;
        font-size: 7.5em;
        margin: 20px 0;
        color: #000;
        vertical-align: middle;
        font-weight: bold;
        letter-spacing: 0em;
        float: left;
/*        font-family: 'Ubuntu', sans-serif;*/
    }
    .bg_none01 {
        display: none;
    }
    .top_box01_left{
        margin-left: 100px;
    }
    .flex {
        width: 1356px;
		min-height: 282px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex li{
        width: calc(93% / 6);
    }
    .top_box03_inner {
        width: 1400px;
        margin: 0 auto;
    }
    .top_box03_inner02 {
        padding: 0 30px;
        margin: 0 auto;
    }
    .top_box03_text{
        padding-top: 110px;
    }
    .left170 {
        width: 170px;
        float: left;
    }
    .top_box03_left {
        width: auto;
        padding-top: 10px;
    }
    .top_box03_banner{
        width: 600px;
        margin-top: -65px;
    }
    .top_box03_inner03 {
        padding: 0 30px;
        margin: 0 auto;
    }
    .top_box03_three {
        width: 1340px;
        margin: 0 auto;
    }
    .top_box03_three li{
        width: 430px;
        height: 325px;
        float: left;
    }
    .top_box03_three p{
        font-size: 1em;
    }
    .top_box03_three li:nth-child(1){
        clear: both;
        padding: 23px 40px 40px;
/*        background: url(images/works_bg01.png) no-repeat top left;*/
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 40px 0 0 0;
        margin-right: 25px;
    }
    .top_box03_three li:nth-child(2){
        padding: 23px 40px 40px;
/*        background: url(images/works_bg02.png) no-repeat top left;*/
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0;
        margin-right: 25px;
    }
    .top_box03_three li:nth-child(3){
        padding: 23px 40px 40px;
/*        background: url(images/works_bg03.png) no-repeat top left;*/
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0 200px 0 0;
    }
    .works_title01{
        line-height: 41px;
        font-size: 2.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title01.png) no-repeat top 13px left;
    }
    .works_title01 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .works_title02{
        line-height: 41px;
        font-size: 2.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title02.png) no-repeat top 13px left;
    }
    .works_title02 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .works_title03{
        line-height: 41px;
        font-size: 2.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title03.png) no-repeat top 13px left;
    }
    .works_title03 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    #top_box03_title02 {
        line-height: 170px;
        font-size: 2.4em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: center;
        padding-top: 60px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/title_bg02.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    #kasou_box_title {
        line-height: 70px;
        text-align: center;
        margin-bottom: 30px;
        background: url(images/title_bg03.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    #kasou_box_title02 {
        line-height: 220px;
        text-align: center;
        margin: -40px 0 70px;
        background: url(images/title_bg04.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .top_box04 {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding-bottom: 1px;
        background: url(images/contents_bg04.jpg) no-repeat bottom center;
        background-position: center;
        background-size: cover;
    }
    .top_box04_inner {
        width: 1340px;
        margin: 0 auto;
        padding-bottom: 60px;
    }
    .top_box04_text{
        padding: 60px 0 0 50px;
    }
    .flex_under_bnr {
        min-width: 1300px;
        display: flex;
        justify-content: space-around;
    }
    .flex_under_bnr li{
        width: calc(96% / 3);
    }
    .flex_under_bnr li img{
        width: 95%;
    }
    .kasou_box_inner {
        width: 1340px;
        margin: 0 auto;
    }
    .flex_under_bnr02 {
        min-width: 1350px;
        display: flex;
        justify-content: space-around;
    }
    .flex_under_bnr02 li{
        width: calc(98% / 3);
    }
    .flex_under_bnr02 li img{
        width: 95%;
    }
    .top_box04_title01{
        line-height: 68px;
        font-size: 6.2em;
        color: #303030;
        vertical-align: middle;
        font-weight: bold;
        padding-left: 215px;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        background: url(images/tit_company_title.png) no-repeat top left 120px;
    }
    .top_box05 {
        width: 100%;
        display: flex;
        margin: 0 auto;
    }
    .flex02 {
        min-width: 1400px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex02 li{
        width: calc(100% / 3);
    }
    .top_box05_banner {
        max-width: 450px;
        height: auto;
    }
    .top_box06 {
        width: 100%;
        position: relative;
        margin: 0 auto 140px;
    }
    .top_box06_inner {
        width: 1340px;
        margin: 0 auto;
        padding-left: 160px;
        background: url(images/contents_bg05.png) no-repeat top 185px left;
    }
    .top_box06_title01 {
        line-height: 80px;
        font-size: 7.3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        padding-top: 140px;
        margin-bottom: 80px;
    }
    .top_box06_banner {
        width: 1100px;
        height: 130px;
        margin-top: 60px;
        text-align: right;
    }
    .kasou_box06_banner {
        width: 1100px;
        height: 130px;
        margin-top: 60px;
        text-align: right;
    }
    .top_box06_figure {
        position: absolute;
        right: 45px;
        top: 34px;
        z-index: 2;
    }
    .kasou_box06_figure {
        position: absolute;
        right: 125px;
        top: 32px;
        z-index: 2;
    }
    .management_plan_title {
        line-height: 80px;
        font-size: 3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: left;
        padding: 5px 0 0 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 10px;
        vertical-align: middle;
        background: url(images/management_plan_title.jpg) no-repeat top left;
    }
    .management_title_a{
        line-height: 41px;
        font-size: 1.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title01.jpg) no-repeat top 13px left;
    }
    .management_title_a span{
        line-height: 28px;
        font-size: 0.5em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title_b{
        line-height: 41px;
        font-size: 1.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 75px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title02.jpg) no-repeat top 13px left;
    }
    .management_title_b span{
        line-height: 28px;
        font-size: 0.5em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title_c{
        line-height: 41px;
        font-size: 1.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title03.jpg) no-repeat top 13px left;
    }
    .management_title_c span{
        line-height: 28px;
        font-size: 0.5em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title04 {
        line-height: 50px;
        font-size: 5em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-top: 20px;
        margin-bottom: 25px;
        vertical-align: middle;
    }
}

/*win PC*/
@media print, screen and (min-width: 1600px) {
    .breadcrumb_area {
        width: 100%;
        height: auto;
        margin: 300px auto 0;
    }
    .breadcrumb {
        width: 100%;
        padding-left: 160px;
        text-align: left;
/*        margin-top: 200px;*/
    }
    .management_bnr {
        position: relative;
        left: 39.5%;
    }
    .top_box01_text_box{
        min-height: 100px;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.014em;
        text-align: left;
        margin: 180px 0 75px;
        padding: 5px 0 0 140px;
        background: url(images/contents_bg02.png) no-repeat top left;
    }
    .contents_bg01 {
        width: 950px;
        position: absolute;
		top: 10px;
        right: 0;
    }
    .top_headline {
        width: 100%;
        line-height: 60px;
        font-size: 7.5em;
        margin: 40px 0;
        color: #000;
        vertical-align: middle;
        font-weight: bold;
        letter-spacing: 0em;
/*        font-family: 'Ubuntu', sans-serif;*/
        float: left;
    }
    .bg_none02 {
        display: none;
    }
    .top_box01_left{
        margin-left: 140px;
    }
    .flex {
        width: 1650px;
        min-height: 342px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex li{
        width: calc(93% / 6);
    }
    .top_box03_inner {
        width: 1400px;
        margin: 0 auto;
    }
    .top_box03_text{
        padding-top: 100px;
        font-size: 1.09em;
    }
    .left170 {
        width: 170px;
        float: left;
        margin-top: -10px;
        padding-bottom: 17px;
    }
    .top_box03_left {
        width: auto;
        padding-top: 20px;
    }
    .top_box03_banner{
        width: 600px;
        margin-top: -65px;
    }
    .top_box04_inner {
        width: 1400px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .top_box03_three {
        width: 1400px;
        margin: -15px auto 0;
        
    }
    .top_box03_three li{
        width: 450px;
        height: 327px;
        float: left;
    }
    .top_box03_three p{
        font-size: 1.05em;
    }
    .top_box03_three li:nth-child(1){
        clear: both;
        padding: 25px 40px 40px;
/*        background: url(images/works_bg01.png) no-repeat top left;*/
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 40px 0 0 0;
        margin-right: 25px;
    }
    .top_box03_three li:nth-child(2){
        padding: 25px 40px 40px;
/*        background: url(images/works_bg02.png) no-repeat top left;*/
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0;
        margin-right: 25px;
    }
    .top_box03_three li:nth-child(3){
        padding: 25px 40px 40px;
/*        background: url(images/works_bg03.png) no-repeat top left;*/
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0 200px 0 0;
    }
    .works_title01{
        line-height: 41px;
        font-size: 2.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title01.png) no-repeat top 13px left;
    }
    .works_title01 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .works_title02{
        line-height: 41px;
        font-size: 2.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title02.png) no-repeat top 13px left;
    }
    .works_title02 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .works_title03{
        line-height: 41px;
        font-size: 2.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title03.png) no-repeat top 13px left;
    }
    .works_title03 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    #top_box03_title02 {
        line-height: 170px;
        font-size: 2.4em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: center;
        padding-top: 60px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/title_bg02.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    #kasou_box_title {
        line-height: 70px;
        text-align: center;
        margin-bottom: 30px;
        background: url(images/title_bg03.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    #kasou_box_title02 {
        line-height: 220px;
        text-align: center;
        margin: -40px 0 90px;
        background: url(images/title_bg04.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .top_box04 {
        width: 100%;
        margin: 0 auto;
        padding-top: 40px;
        background: url(images/contents_bg04.jpg) no-repeat bottom center;
    }
    .top_box04_inner {
        width: 1400px;
        margin: 0 auto;
        padding-bottom: 60px;
    }
    .flex_under_bnr {
        min-width: 1400px;
        display: flex;
        justify-content: space-around;
    }
    .flex_under_bnr li{
        width: calc(96% / 3);
    }
    .flex_under_bnr li img{
        width: 95%;
    }
    .kasou_box_inner {
        width: 1400px;
        margin: 0 auto;
    }
    .flex_under_bnr02 {
        min-width: 1440px;
        display: flex;
        justify-content: space-around;
        margin-left: -5px;
    }
    .flex_under_bnr02 li{
        width: calc(96% / 3);
    }
    .flex_under_bnr02 li img{
        width: 90%;
    }
    .top_box04_text{
        padding-top: 50px;
        font-size: 1.15em;
    }
    .top_box04_title01{
        line-height: 68px;
        font-size: 6.5em;
        color: #303030;
        font-weight: bold;
        padding-left: 130px;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        background: url(images/tit_company_title.png) no-repeat top left 30px;
    }
    .top_box05 {
        width: 100%;
        display: flex;
        margin: 0 auto;
    }
    .flex02 {
        width: 1920px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex02 li{
        width: calc(100% / 3);
    }
    .top_box05_banner {
        width: 640px;
        height: 450px;
    }
    .top_box06 {
        width: 100%;
        position: relative;
        margin: 0 auto 140px;
    }
    .top_box06_inner {
        width: 1340px;
        margin: 0 auto;
        padding-left: 160px;
        background: url(images/contents_bg05.png) no-repeat top 185px left;
    }
    .top_box06_title01 {
        line-height: 80px;
        font-size: 7.3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        padding-top: 140px;
        margin-bottom: 80px;
    }
    .top_box06_banner {
        width: 1100px;
        height: 130px;
        margin-top: 60px;
        text-align: right;
    }
    .top_box06_figure {
        position: absolute;
        right: 255px;
        top: 34px;
        z-index: 2;
    }
    .kasou_box06_figure {
        position: absolute;
        right: 365px;
        top: 24px;
        z-index: 2;
    }
    .management_plan_title {
        line-height: 80px;
        font-size: 3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: left;
        padding: 5px 0 0 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 10px;
        vertical-align: middle;
        background: url(images/management_plan_title.jpg) no-repeat top left;
    }
    .management_title_a{
        line-height: 41px;
        font-size: 2.17em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title01.jpg) no-repeat top 13px left;
    }
    .management_title_a span{
        line-height: 28px;
        font-size: 0.5em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title_b{
        line-height: 41px;
        font-size: 2.17em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 75px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title02.jpg) no-repeat top 13px left;
    }
    .management_title_b span{
        line-height: 28px;
        font-size: 0.5em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title_c{
        line-height: 41px;
        font-size: 2.17em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title03.jpg) no-repeat top 13px left;
    }
    .management_title_c span{
        line-height: 28px;
        font-size: 0.5em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title04 {
        line-height: 50px;
        font-size: 5em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-top: 35px;
/*        font-family: 'Ubuntu', sans-serif;*/
        margin-bottom: 40px;
        vertical-align: middle;
    }
}

/*mac PC*/
@media print, screen and (min-width: 2140px) {
    .breadcrumb_area {
        width: 100%;
        height: auto;
        margin: 320px auto 0;
    }
    .breadcrumb {
        width: 100%;
        padding-left: 215px;
        text-align: left;
/*        margin-top: 200px;*/
    }
    .management_bnr {
        position: relative;
        left: 42.2%;
    }
    .top_box01_text_box{
        min-height: 100px;
        color: #303030;
        font-size: 1.18em;
        font-weight: 500;
        letter-spacing: 0.08em;
        text-align: left;
        margin: 190px 0 105px;
        padding: 5px 0 0 140px;
        background: url(images/contents_bg02.png) no-repeat top left;
    }
    .contents_bg01 {
        width: 1280px;
        position: absolute;
        right: 0;
    }
    .top_headline {
        width: 100%;
        line-height: 60px;
        font-size: 7.5em;
        margin: 60px 0;
        color: #000;
        vertical-align: middle;
        font-weight: bold;
        letter-spacing: 0em;
/*        font-family: 'Ubuntu', sans-serif;*/
        float: left;
    }
    .top_box01_left{
        margin-left: 160px;
    }
    .flex {
        width: 2260px;
        min-height: height: 490px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex li{
        width: calc(93% / 6);
    }
    .top_box03_inner {
        width: 1750px;
        margin: 0 auto;
    }
    .top_box03_text{
        padding-top: 60px;
        font-size: 1.3em;
    }
    .left170 {
        width: 170px;
        float: left;
        margin-top: -50px;
        padding-bottom: 15px;
    }
    .top_box03_left {
        width: auto;
        padding-top: 40px;
    }
    .top_box03_banner{
        width: 600px;
        margin-top: -66px;
    }
    .top_box03_three {
        width: 1750px;
        margin: 0 auto;
    }
    .top_box03_three li{
        width: 550px;
        height: auto;
        float: left;
    }
    .works_text {
        font-size: 1.2em;
    }
    .top_box03_three p{
        font-size: 1.28em;
    }
    .top_box03_three li:nth-child(1){
        clear: both;
        padding: 25px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 40px 0 0 0;
        margin-right: 50px;
    }
    .top_box03_three li:nth-child(2){
        padding: 25px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0;
        margin-right: 50px;
    }
    .top_box03_three li:nth-child(3){
        padding: 25px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0 200px 0 0;
    }
    .works_title01{
        line-height: 41px;
        font-size: 3.2em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title01.png) no-repeat top 13px left;
    }
    .works_title01 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .works_title02{
        line-height: 41px;
        font-size: 3.2em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title02.png) no-repeat top 13px left;
    }
    .works_title02 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .works_title03{
        line-height: 41px;
        font-size: 3.2em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 100px;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
        background: url(images/works_title03.png) no-repeat top 13px left;
    }
    .works_title03 span{
        line-height: 28px;
        font-size: 0.42em;
        color: #00b7ee;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    #top_box03_title02 {
        line-height: 140px;
        font-size: 2.4em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-align: center;
        padding-top: 150px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/title_bg02.png) no-repeat bottom center;
        margin-bottom: 65px;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    #kasou_box_title {
        line-height: 70px;
        text-align: center;
        margin-bottom: 30px;
        background: url(images/title_bg03.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    #kasou_box_title02 {
/*        line-height: 220px;*/
        text-align: center;
        margin: 210px 0 90px;
        background: url(images/title_bg04.png) no-repeat bottom center;
        z-index: 1;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .top_box04 {
        width: 100%;
        margin: 0 auto;
        padding-top: 40px;
        background: url(images/contents_bg04.jpg) no-repeat bottom center;
    }
    .top_box04_inner {
        width: 1750px;
        margin: 0 auto;
    }
    .top_box04_text{
        padding-top: 50px;
        margin: 0 0 65px -300px;
        font-size: 1.15em;
    }
    .flex_under_bnr02 {
        min-width: 1750px;
        display: flex;
        justify-content: space-around;
        margin-left: -160px;
    }
    .flex_under_bnr02 li{
        width: calc(96% / 3);
    }
    .flex_under_bnr02 li img{
        width: 90%;
    }
    
    .top_box04_title01{
        line-height: 68px;
        font-size: 6em;
        color: #303030;
        font-weight: bold;
        padding-left: 295px;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        background: url(images/tit_company_title.png) no-repeat top left 200px;
    }
    .top_box05 {
        width: 1920px;
        display: flex;
        margin: 0 auto;
    }
    .flex02 {
        width: 1920px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex02 li{
        width: calc(100% / 3);
    }
    .top_box05_banner {
        width: auto;
        height: auto;
    }
    .top_box06 {
        width: 100%;
        position: relative;
        margin: 0 auto 140px;
    }
    .top_box06_inner {
        width: 1340px;
        margin: 0 auto;
        padding-left: 160px;
        background: url(images/contents_bg05.png) no-repeat top 185px left;
    }
    .top_box06_title01 {
        line-height: 80px;
        font-size: 7.3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        padding-top: 145px;
        margin-bottom: 80px;
    }
    .top_box06_banner {
        width: 1100px;
        height: 130px;
        margin-top: 60px;
        text-align: right;
    }
    .top_box06_figure {
        position: absolute;
        right: 590px;
        top: 50px;
        z-index: 2;
    }
    .kasou_box06_figure {
        position: absolute;
        right: 695px;
        top: 25px;
        z-index: 2;
    }
}

/****************************************

news トップ用

*****************************************/
@media screen and (min-width: 768px) {
    .top_news_release {
    width: 1340px;
    padding: 40px 40px 40px 50px;
    background-color:rgba(255,255,255,0.25);
    float: left;
    border: solid #acacac 1px;
    margin-bottom: 140px;
}
    .news_post_top {
    width: 800px;
    height: 260px;
    padding: 0 20px 20px 0;
    float: left;
    overflow-y: scroll;
/*    border: 1px solid #ccc;*/
}
    .news_post_kasou {
        width: 1000px;
        height: 260px;
        padding: 20px;
        float: left;
        overflow-y: scroll;
        border: 1px solid #ccc;
    }
    .news_list {
    width: 700px;
    font-size: 1.5em;
/*    margin-bottom: 15px;*/
}
    .news_list img{
        width: 100%;
    }
    .news_list .top_news {
    width: 225px;
    height: 40px;
    font-size: 1.2em;
    margin-right: 20px;
    padding-top: 6px;
    background: url(images/news_icon.jpg) no-repeat top right;
    float: left;
}
    .news_list_text {
    float: left;
    width: 700px;
    padding: 10px 0 15px;
}
    .news_list_title {
    width: 700px;
    font-size: 1.2em;
    padding-top: 5px;
    text-align: left;
}
    .news_list_title a{
        font-weight: 500;
    }
}

/* スマホ新着情報 */
@media screen and (max-width: 767px) {
    .news_post_top {
        width: 100%;
        height: 260px;
        padding: 2em 2em 2em 0;
        float: left;
        overflow-y: scroll;
        margin-bottom: 4em;
    }
    .news_post {
        width: 100%;
        height: 250px;
        padding: 10px 40px 20px;
        float: left;
        overflow-y: scroll;
        margin-bottom: 3em;
    }
    .news_list {
        width: 100%;
        font-size: 1.4em;
        margin-bottom: 10px;
        border-bottom: 1px dotted #666;
    }
    .news_list img{
        width: 100%;
    }
    .news_list .top_news {
        display: none;
    }
    .news_list_text {
        float: left;
        width: 100%;
        padding: 5px 0 10px;
    }
    .news_list_title {
        width: 100%;
        text-align: left;
    }
}

/****************************************

content下層用

*****************************************/

.scaling_img img{
    width: 100%;
    height: auto;
}
@media screen and (min-width: 768px) {
	#contents_box{
		width: auto;
		height: auto;
	}
	.pc_none{
		display: none;
	}
	.pc_none figure{
		display: none;
	}

	/* 共通 */
	.left {
		float: left;
	}
	.left210 {
		width: 210px;
		float: left;
	}
	.left250 {
		width: 250px;
		float: left;
	}
	.left280 {
		width: 280px;
		float: left;
	}
	.left300 {
		width: 300px;
		float: left;
	}
	.left350 {
		width: 350px;
		float: left;
	}
	.left360 {
		width: 360px;
		float: left;
	}
	.left380 {
		width: 380px;
		float: left;
	}
	.left410 {
		width: 410px;
		float: left;
	}
	.left430 {
		width: 430px;
		float: left;
	}
	.left440 {
		width: 440px;
		float: left;
	}
	.left450 {
		width: 450px;
		float: left;
	}
	.left460 {
		width: 460px;
		float: left;
	}
	.left480 {
		width: 480px;
		float: left;
	}
	.left490 {
		width: 490px;
		float: left;
	}
	.left530 {
		width: 530px;
		float: left;
	}
	.left560 {
		width: 560px;
		float: left;
	}
	.left570 {
		width: 570px;
		float: left;
	}
	.left580 {
		width: 580px;
		float: left;
	}
	.left590 {
		width: 590px;
		float: left;
	}
	.left600 {
		width: 600px;
	}
	.left620 {
		width: 620px;
		float: left;
	}
	.left630 {
		width: 630px;
		float: left;
	}
	.left640 {
		width: 640px;
		float: left;
	}
	.left660 {
		width: 660px;
		float: left;
	}
	.left670 {
		width: 670px;
		float: left;
	}
	.left680 {
		width: 680px;
		float: left;
	}
	.left690 {
		width: 690px;
		float: left;
	}
	.left700 {
		width: 700px;
		float: left;
	}
	.left710 {
		width: 710px;
		float: left;
	}
	.left720 {
		width: 720px;
		float: left;
	}
	.left730 {
		width: 730px;
		float: left;
	}
	.left740 {
		width: 740px;
		float: left;
	}
	.left750 {
		width: 750px;
		float: left;
	}
	.left780 {
		width: 780px;
		float: left;
	}
	.left790 {
		width: 790px;
		float: left;
	}
	.left800 {
		width: 800px;
		float: left;
	}
	.left810 {
		width: 810px;
		float: left;
	}
	.left820 {
		width: 820px;
		float: left;
	}
	.left840 {
		width: 840px;
		float: left;
	}
	.left860 {
		width: 860px;
		float: left;
	}
	.left940 {
		width: 940px;
		float: left;
	}
	.right {
		float: right;
	}
	.right340 {
		width: 340px;
		float: right;
	}
	.right350 {
		width: 350px;
		float: right;
	}
	.right380 {
		width: 380px;
		float: right;
	}
	.right420 {
		width: 420px;
		float: right;
	}
	.right430 {
		width: 430px;
		float: right;
	}
	.right440 {
		width: 440px;
		float: right;
	}
	.right450 {
		width: 450px;
		float: right;
	}
	.right460 {
		width: 460px;
		float: right;
	}
	.right470 {
		width: 470px;
		float: right;
	}
	.right480 {
		width: 480px;
		float: right;
	}
	.right490 {
		width: 490px;
		float: right;
	}
	.right500 {
		width: 500px;
		float: right;
	}
	.right530 {
		width: 530px;
		float: right;
	}
	.right540 {
		width: 540px;
		float: right;
	}
	.right550 {
		width: 550px;
		float: right;
	}
	.right580 {
		width: 580px;
		float: right;
	}
	.right590 {
		width: 590px;
		float: right;
	}
	.right600 {
		width: 600px;
		float: right;
	}
	.right610 {
		width: 610px;
		float: right;
	}
	.right630 {
		width: 630px;
		float: right;
	}
	.right640 {
		width: 640px;
		float: right;
	}
	.right660 {
		width: 660px;
		float: right;
	}
	.right680 {
		width: 680px;
		float: right;
	}
	.right690 {
		width: 690px;
		float: right;
	}
	.right700 {
		width: 700px;
		float: right;
	}
	.right710 {
		width: 710px;
		float: right;
	}
	.right720 {
		width: 720px;
		float: right;
	}
	.right740 {
		width: 740px;
		float: right;
	}
	.right760 {
		width: 760px;
		float: right;
	}
	.right770 {
		width: 770px;
		float: right;
	}
	.right780 {
		width: 780px;
		float: right;
	}
	.right790 {
		width: 790px;
		float: right;
	}
	.right800 {
		width: 800px;
		float: right;
	}
	.right810 {
		width: 810px;
		float: right;
	}
	.right820 {
		width: 820px;
		float: right;
	}
	.right830 {
		width: 830px;
		float: right;
	}
	.right840 {
		width: 840px;
		float: right;
	}
	.right850 {
		width: 850px;
		float: right;
	}
	.right910 {
		width: 910px;
		float: right;
	}
	.right940 {
		width: 940px;
		float: right;
	}
	.right980 {
		width: 980px;
		float: right;
	}
	.right1000 {
		width: 1000px;
		float: right;
	}
	.right1050 {
		width: 1050px;
		float: right;
	}
	.right1090 {
		width: 1090px;
		float: right;
	}
	.right1200 {
		width: 1200px;
		float: right;
	}
	.detail_bnr{
		text-align: right;
		margin-top: 20px;
	}
}

/*note PC*/
@media print, screen and (max-width: 1590px) {
    #page_contents {
        width: 100%;
/*        max-width: 1590px;*/
        margin: 0 auto;
    }
    
    .bg_none01 {
        display: none;
    }
    
    .top_box02_inner {
        width: 1400px;
        position: relative;
        margin: 0 auto;
        font-size: 1.04em;
    }
    
    .flex_results {
        min-width: 1340px;
        display: flex;
        justify-content: space-around;
        margin-left: -50px;
    }
    .flex_results li{
        width: calc(96% / 3);
        padding: 0 0 20px;
        border-bottom: 1px #EBE8E4 solid;
        margin-bottom: 40px;
    }
    
    .seeso_mark {
        width: 160px;
        margin: 80px auto 85px;
    }
    
    .kasou_headline {
        line-height: 160px;
        font-size: 8em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        padding-left: 92px;
        margin: 60px 0 40px;
        background: url(images/title_members.png) no-repeat bottom left;
    }
    .kasou_headline02 {
        line-height: 40px;
        font-size: 4.4em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
        padding-left: 100px;
        margin-bottom: 45px;
    }
    .kasou_headline02 span{
        line-height: 20px;
        font-size: 0.5em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
    }
    
    /* 坂井*/
    .sakai_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .sakai_box01_inner {
        width: 1460px;
        margin: 0 auto;
    }
    .sakai_box01 p{
        font-weight: bolder;
    }
    .sakai_box01_left {
        float: left;
    }
    .sakai_box01_left02 {
        padding-left: 100px;
    }
    .sakai_box01_right {
        float: left;
        position: absolute;
        left: 700px;
        z-index: -1;
    }
    .sakai_box01_right figure{
        width: 95%;
    }
    .sakai_box01_three {
        width: auto;
        margin: 0 auto;
    }
    .sakai_box01_three li{
        width: 230px;
        float: left;
    }
    .sakai_box01_three li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .sakai_box01_three li:nth-child(2){
        margin-right: 25px;
    }
    .sakai_box01_title{
        width: 130px;
        height: 40px;
        font-size: 1.9em;
        color: #fff;
        background-color: #00bcee;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: center;
        padding-top: 3.5px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin: 50px auto 40px;
    }
    /* 坂井スクロール */
    #loopSlide02{
        width: 100%;
        margin: 0 auto 10px;
/*        height: 390px;*/
    }
    .simply-scroll02-container {
        position: relative;
    }
    .simply-scroll02-clip {
        position: relative;
        overflow: hidden;
    }
    .simply-scroll02-list {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    .simply-scroll02-list li {
        float: left;
        padding: 0;
        margin: 0;
        width: 185px;
        height: auto;
    }
    .simply-scroll02-list li img {
        display: block;
    }
    
    /* 徳永*/
    .tokunaga_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .tokunaga_box01_inner {
        width: 1460px;
        margin: 0 auto;
    }
    .tokunaga_box01 p{
        font-weight: bolder;
    }
    .tokunaga_box01 p a{
        font-weight: bolder;
        color: #00bcee;
    }
    .tokunaga_box01 p a:hover {
        font-weight: bolder;
        color: #f9195f;
    }
    .tokunaga_box01_left {
        float: left;
    }
    .tokunaga_box01_left02 {
        padding-left: 100px;
    }
    .tokunaga_box01_right {
        float: left;
        position: absolute;
        left: 530px;
        z-index: -1;
    }
    .tokunaga_box01_right figure{
        padding-top: 30px;
        width: 95%;
    }

    .tokunaga_box01_three {
        width: auto;
        margin: 0 auto -10px;
    }
    .tokunaga_box01_three li{
        width: 238px;
        float: left;
    }
    .tokunaga_box01_three li:nth-child(1){
        clear: both;
        margin-right: 20px;
    }
    .tokunaga_box01_three li:nth-child(2){
        margin-right: 20px;
    }
    .tokunaga_box01_five {
        width: auto;
        margin: 0 auto -20px;
    }
    .tokunaga_box01_five li{
        width: 238px;
        float: left;
    }
    .tokunaga_box01_five li:nth-child(1){
        clear: both;
        margin-right: 20px;
    }
    .tokunaga_box01_five li:nth-child(2){
        margin-right: 20px;
    }
    .tokunaga_box01_five li:nth-child(3){
        margin-right: 20px;
    }
    .tokunaga_box01_five li:nth-child(4){
        margin-right: 20px;
    }

    /* 中村*/
    .nakamura_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .nakamura_box01_inner {
        width: 1460px;
        margin: 0 auto;
    }
    .nakamura_box01 p{
        font-weight: bolder;
    }
    .nakamura_box01_left {
        float: left;
    }
    .nakamura_box01_left02 {
        padding-left: 100px;
    }
    .nakamura_box01_right {
        float: left;
        position: absolute;
        left: 810px;
        z-index: -1;
    }
    .nakamura_box01_right figure {
        padding-top: 25px;
        width: 92%;
    }
    .nakamura_box01_right02 {
        float: left;
        position: absolute;
        left: 610px;
        z-index: -1;
    }
    .nakamura_box01_right02 figure {
        padding-top: 20px;
        width: 78%;
    }
    .nakamura_box01_five {
        width: auto;
        margin: 0 auto;
        padding-left: 100px;
    }
    .nakamura_box01_five li{
        width: 230px;
        float: left;
    }
    .nakamura_box01_five li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(2){
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(3){
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(4){
        margin-right: 25px;
    }
    .nakamura_box01_five02 {
        width: auto;
        margin: 0 auto;
        padding-left: 100px;
    }
    .nakamura_box01_five02 li{
        width: 230px;
        margin-bottom: -10px;
        float: left;
    }
    .nakamura_box01_five02 li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(2){
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(3){
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(4){
        margin-right: 25px;
    }
    
    /* 下田*/
    .shimoda_box01 {
        width: 100%;
        min-height: 1130px;
        position: relative;
        margin: 0 auto;
    }
    .shimoda_box01_inner {
        width: 1460px;
        margin: 0 auto;
    }
    .shimoda_box01 p{
        font-weight: bolder;
    }
    .shimoda_box01_left {
        float: left;
    }
    .shimoda_box01_left02 {
        padding-left: 100px;
    }
    .shimoda_box01_right {
        float: left;
        position: absolute;
        left: 450px;
        z-index: -1;
    }
    .shimoda_box01_right figure {
        padding-top: 25px;
        width: 94%;
    }
    .shimoda_box01_right02 {
        float: left;
        position: absolute;
        left: 740px;
        z-index: -1;
    }
    .shimoda_box01_right02 figure {
        padding-top: 30px;
        width: 70%;
    }
    .shimoda_box01_right03 {
        float: left;
        position: absolute;
        left: 90px;
        top: 790px;
        z-index: -1;
    }
    .shimoda_box01_right03 figure {
        width: 81%;
        padding-bottom: 300px;
    }
    
    /* 山崎*/
    .yamasaki_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto -60px;
    }
    .yamasaki_box01_inner {
        width: 1460px;
        margin: 0 auto;
    }
    .yamasaki_box01 p{
        font-weight: bolder;
    }
    .yamasaki_box01_left {
        float: left;
    }
    .yamasaki_box01_left02 {
        padding-left: 100px;
    }
    .yamasaki_box01_right {
        float: left;
        position: absolute;
        left: 700px;
        z-index: -1;
    }
    .yamasaki_box01_right figure {
        padding-top: 0px;
        width: 100%;
    }
    .yamasaki_box01_right02 {
        float: left;
        position: absolute;
        left: 530px;
        z-index: -2;
    }
    .yamasaki_box01_right02 figure {
        padding-top: 250px;
        width: 40%;
    }
    
    /* 代表挨拶*/
    .shigyo_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 20px;
    }
    .shigyo_box01_inner {
        width: 1460px;
        margin: 0 auto;
    }
    .shigyo_box01 p{
        font-weight: bolder;
    }
    .shigyo_box01 p a{
        font-weight: bolder;
        color: #00bcee;
    }
    .shigyo_box01 p a:hover {
        font-weight: bolder;
        color: #f9195f;
    }
    .shigyo_box01_left {
        float: left;
    }
    .shigyo_box01_left02 {
        padding-left: 100px;
    }
    .shigyo_box01_right {
        float: left;
        position: absolute;
        left: 610px;
        z-index: -1;
    }
    .shigyo_box01_right figure {
        padding-top: 0px;
        width: 95.5%;
    }
    
    /* WEBサイト制作*/
    .production_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .production_inner {
        width: 1220px;
        margin: 0 auto;
    }
    .production_box01_left {
        width: 590px;
        float: left;
        padding: 40px;
        border: solid 1px #a2a2a2;
        border-radius: 10px;
        margin-bottom: 80px;
    }
    .production_box01_right {
        width: 590px;
        float: right;
        padding: 40px;
        border: solid 1px #a2a2a2;
        border-radius: 10px;
        margin-bottom: 80px;
    }
    .production_title {
        line-height: 50px;
        font-size: 5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
    }
    .production_title span02{
        line-height: 20px;
        font-size: 0.4em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 80px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/yellow_bg.jpg) no-repeat top left;
    }
    .production_box02 {
        width: 100%;
        background: url(images/production_bg_s.png) no-repeat top 136px center;
        margin: 0 auto;
    }
    .production_title02 {
        line-height: 50px;
        font-size: 3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 90px;
        position: relative;
    }
/*
    .production_box02 h2.production_title02:before {
        width: 2px;
        height: 30px;
        margin-top: -60px;
        background: #000;
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
    }
*/
    .production_box02 h2.production_title02:after {
        margin-top: 55px;
        color: #303030;
        font-size: 0.6em;
        content: 'VALUE';
        letter-spacing: 0.01em;
        font-family: 'Ubuntu', sans-serif;
        position: absolute;
        top: 0;
        left: 47.5%;
    }
    .production_three {
        width: 1220px;
        margin: 0 auto;
    }
    .production_three li{
        width: 400px;
        height: 335px;
        float: left;
    }
    .production_three p{
        font-size: 1em;
    }
    .production_three li:nth-child(1){
        clear: both;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 40px 0 0 0;
/*        background: url(images/plus.png) no-repeat center left 450px;*/
        margin-right: 10px;
    }
    .production_three li:nth-child(2){
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0;
/*        background: url(images/plus.png) no-repeat center left 450px;*/
        margin-right: 10px;
    }
    .production_three li:nth-child(3){
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0 200px 0 0;
    }
    .production_title03 {
        line-height: 103px;
        height: 140px;
        font-size: 3em;
        color: #303030;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/production_title03.png) no-repeat top center;
        margin-bottom: 30px;
    }
    .production_summary {
        width: 100%;
        display: flex;
        margin: 0 auto 120px;
    }
    .flex03 {
        min-width: 1220px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex03 li{
        width: calc(100% / 4);
    }
    .production_title04 {
        line-height: 60px;
        background: url(images/production_title04.jpg) no-repeat top left;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 40px;
    }
    .production_text p span {
        background-color: #fff150;
    }
    .production_box01_left02 {
        width: 820px;
        float: left;
    }
    .production_box01_right02 {
        width: 380px;
        float: right;
    }
    .production_banner {
        width: 380px;
        margin: 80px 0 20px;
    }
    .production_banner02 {
        width: 380px;
    }
    .production_box03 {
        width: 100%;
        margin: 0 auto;
    }
    .production_title05 {
        line-height: 40px;
        font-size: 3.2em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 40px;
    }
    .production_title06 {
        line-height: 30px;
        font-size: 1.5em;
        color: #303030;
/*        font-weight: bold;*/
        letter-spacing: 0.05em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #303030;
    }
    .production_title06 span{
        line-height: 20px;
        font-size: 0.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    
    /* 保守・運用*/
    .management_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .management_box02 {
        width: 100%;
        background: url(images/management_bg02.jpg) no-repeat top 50px left 320px;
    }
    .management_box03 {
        width: 100%;
        background: url(images/management_bg03.jpg) no-repeat top 180px left 1100px;
        margin: 0 auto 30px;
    }
    .management_inner {
        width: 1220px;
        margin: 0 auto;
    }
    .management_box01_contents {
        width: 1220px;
        margin: 0 auto;
        padding: 40px;
        border: solid 1px #a2a2a2;
        background: url(images/management_bg01.jpg) no-repeat top 20px left 800px;
        border-radius: 30px;
        margin-bottom: 90px;
    }
    .management_title {
        line-height: 43px;
        font-size: 3.2em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .management_title span02{
        line-height: 20px;
        font-size: 0.5em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 5px 0 0 80px;
        font-family: 'Ubuntu', sans-serif;
        background: url(images/yellow_bg.jpg) no-repeat top left;
    }
    .management_box01_left {
        width: 480px;
        float: left;
    }
    .management_box01_right {
        width: 630px;
        float: right;
    }
    .management_title02 {
        line-height: 50px;
        font-size: 3.2em;
        color: #303030;
        font-weight: 900;
        letter-spacing: 0.005em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: -10px;
        position: relative;
        margin-top: 120px;
    }
    .management_box02 h2.management_title02:before {
        width: 2px;
        height: 30px;
        margin-top: -60px;
        background: #303030;
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
    }
    .management_box02 h2.management_title02:after {
        margin-top: 45px;
        color: #303030;
        font-size: 0.5em;
        font-weight: bold;
        content: 'SERVICE';
        letter-spacing: 0.01em;
        font-family: 'Ubuntu', sans-serif;
        position: absolute;
        top: 0;
        left: 47.8%;
    }
    .management_three {
        width: 1220px;
        margin: 0 auto;
    }
    .management_three li{
        width: 400px;
        float: left;
    }
    .management_three p{
        font-size: 1em;
    }
    .management_three li:nth-child(1){
        clear: both;
        padding: 25px 25px 30px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        margin-right: 10px;
        border-radius: 20px;
    }
    .management_three li:nth-child(2){
        padding: 25px 25px 30px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        margin-right: 10px;
        border-radius: 20px;
    }
    .management_three li:nth-child(3){
        padding: 25px 25px 30px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        border-radius: 20px;
    }
    .management_box03_left {
        width: 380px;
        float: left;
    }
    .management_box03_right {
        width: 800px;
        float: right;
    }
    .flex04 {
        max-width: 760px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex04 li{
        width: calc(90% / 2);
    }
    
    /* 制作の流れ*/
    .flow_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .flow_inner {
        width: 1220px;
        margin: 0 auto;
    }
    .results_text {
        text-align: center;
        margin: 0 auto 80px;
    }
    .flow_flame {
        width: 100%;
        position: absolute;
        top : -20px;
        left : -13px;
        z-index: 3;
    }
    .flow_box01_left {
        position: relative;
        width: 480px;
        float: left;
    }
    .flow_box01_right {
        width: 630px;
        float: right;
    }
    .flow_title {
        line-height: 53px;
        font-size: 3.2em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .flow_title span02{
        line-height: 20px;
        font-size: 0.5em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 5px 0 0 80px;
        font-family: 'Ubuntu', sans-serif;
        background: url(images/blue_bg.jpg) no-repeat top 10px left;
    }
    
    /* 実績紹介*/
    .results_box01 {
        width: 100%;
        margin: 0 auto -20px!important;
    }
    .results_inner {
        width: 1220px;
        margin: 0 auto;
    }
    
    /* 会社概要*/
    .summary_box01 {
        width: 100%;
        margin: 0 auto 80px;
    }
    .summary_box02 {
        width: 100%;
        margin: 0 auto;
    }
    .summary_inner {
        width: 1220px;
        margin: 0 auto;
    }
    .summary_contents {
        margin-top: 70px;
    }
    .summary_box01_left {
        width: 530px;
        float: left;
    }
    .summary_box01_right {
        width: 630px;
        float: right;
    }
    .summary_title {
        line-height: 43px;
        font-size: 3.2em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .summary_title span02{
        line-height: 40px;
        font-size: 0.65em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 20px 0 0 0;
    }
    .summary_title02 {
        line-height: 45px;
        font-size: 1.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: left;
        background: url(images/tit_summary_title.jpg) no-repeat top 10px left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 15px;
        padding: 3px 0 0 50px;
    }
    .summary_title02 a{
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        font-weight: bold;
    }
    .summary_title02 a:hover{
        color: #00bcee;
    }
    .tel_number {
        font-weight: bold;
        font-size: 2em;
        padding-bottom: 20px;
        border-bottom: 1px dotted #303030;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
/****************************************

概要テーブル.1

*****************************************/
    td p {
        font-size: 100%;
    }
    .summary_table01 {
        width: 100%;
        border-collapse: collapse;
    }
    .summary_table01 th{
        font-size: 1.0em;
        vertical-align: middle;
    }
    .summary_table01 td{
        font-size: 1.0em;
    }
    .summary_table01 td{
        text-align: left;
        vertical-align: middle;
        /*    padding: 12px;*/
        word-break: break-all;
        /*    border-bottom: 1px solid #EBE8E4;*/
    }
    .summary_table01 th{
        width: 28%;
        border-collapse: collapse;
        /*    padding: 13px;*/
        text-align: left;
        font-weight: lighter;
        padding: 7px 5px 7px 0px;
        /*    border-bottom: 1px solid #EBE8E4;*/
    }
    .summary_table01_other {
        width: auto;
        text-align: left;
        /*    border-bottom: 1px solid #EBE8E4;*/
    }

    /* お問い合わせ*/
    .contact_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .contact_inner {
        width: 1220px;
        margin: 60px auto 0;
    }
    .contact_title {
        line-height: 43px;
        font-size: 3.8em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .contact_title span02{
        line-height: 60px;
        font-size: 0.55em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 20px 0 0 0;
        font-family: 'Ubuntu', sans-serif;
    }
    
    /* プライバシーポリシー*/
    .policy_text{
        font-size: 1em;
    }
    
    .contents_three {
        width: 100%;
        margin: 0 auto;
    }
    .contents_three_list{
        width: 380px;
        float: left;
    }
    .contents_three_list figure{
        width: 380px;
        margin-bottom: 30px;
    }
    .contents_three_list:nth-child(1){
        clear: both;
        margin-right: 40px;
    }
    .contents_three_list:nth-child(2){
        margin-right: 40px;
    }
}

/*win PC*/
@media print, screen and (min-width: 1600px) {
    #page_contents {
        min-width: 1600px;
        margin: 0 auto;
    }
    
    .bg_none02 {
        display: none;
    }
    
    .top_box02_inner {
        width: 1400px;
        position: relative;
        margin: 0 auto;
        font-size: 1.05em;
    }
    
    .flex_results {
        min-width: 1650px;
        display: flex;
        justify-content: space-around;
        margin-left: -20px;
    }
    .flex_results li{
        width: calc(96% / 3);
        padding: 0 0 20px;
        border-bottom: 1px #EBE8E4 solid;
        margin-bottom: 40px;
    }
    
    .seeso_mark {
        width: 180px;
        margin: 0 auto 100px;
    }
    
    .kasou_headline {
        line-height: 240px;
        font-size: 8em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
/*        padding-left: 100px;*/
        margin-bottom: 10px;
        background: url(images/title_members.png) no-repeat top 200px left;
    }
    .kasou_headline02 {
        line-height: 40px;
        font-size: 4.4em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        margin-bottom: 40px;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
    }
    .kasou_headline02 span{
        line-height: 20px;
        font-size: 0.5em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
    }
    
    /* 坂井*/
    .sakai_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .sakai_box01_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .sakai_box02 {
        width: 100%;
        position: relative;
        margin: 0 auto 130px;
    }
    .sakai_box01 p{
        font-size: 1.8em;
        font-weight: bolder;
    }
    .sakai_box01_left {
        float: left;
    }
    .sakai_box01_left02 {
        padding-left: 0;
    }
    .sakai_box01_right {
        float: left;
        position: absolute;
        left: 1050px;
        z-index: -1;
    }
    .sakai_box01_right figure{
        width: 95%;
    }

    .sakai_box01_three {
        width: auto;
        margin: 0 auto;
    }
    .sakai_box01_three li{
        width: 320px;
        float: left;
    }
    .sakai_box01_three li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .sakai_box01_three li:nth-child(2){
        margin-right: 25px;
    }
    .sakai_box01_title{
        width: 130px;
        height: 40px;
        font-size: 1.9em;
        color: #fff;
        background-color: #00bcee;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: center;
        padding-top: 3.5px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin: 40px auto;
    }
    
    /* 徳永*/
    .tokunaga_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 90px;
    }
    .tokunaga_box01_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .tokunaga_box01 p{
        font-size: 1.8em;
        font-weight: bolder;
    }
    .tokunaga_box01 p a {
        font-weight: bolder;
        color: #00bcee;
    }
    .tokunaga_box01 p a:hover{
        font-weight: bolder;
        color: #f9195f;
    }
    .tokunaga_box01_left {
        float: left;
    }
    .tokunaga_box01_left02 {
        padding-left: 0;
    }
    .tokunaga_box01_right {
        float: left;
        position: absolute;
        left: 810px;
        z-index: -1;
    }
    .tokunaga_box01_right figure{
        padding-top: 0px;
        width: 90%;
    }

    .tokunaga_box01_three {
        width: auto;
        margin: 60px auto 30px;
    }
    .tokunaga_box01_three li{
        width: 296px;
        float: left;
    }
    .tokunaga_box01_three li:nth-child(1){
        clear: both;
        margin-right: 30px;
    }
    .tokunaga_box01_three li:nth-child(2){
        margin-right: 30px;
    }
    .tokunaga_box01_five {
        width: auto;
        margin: 0 auto -20px;
    }
    .tokunaga_box01_five li{
        width: 296px;
        float: left;
    }
    .tokunaga_box01_five li:nth-child(1){
        clear: both;
        margin-right: 30px;
    }
    .tokunaga_box01_five li:nth-child(2){
        margin-right: 30px;
    }
    .tokunaga_box01_five li:nth-child(3){
        margin-right: 30px;
    }
    .tokunaga_box01_five li:nth-child(4){
        margin-right: 30px;
    }
    
    /* 中村*/
    .nakamura_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 120px;
    }
    .nakamura_box01_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .nakamura_box01 p{
        font-size: 1.8em;
        font-weight: bolder;
    }
    .nakamura_box01_left {
        float: left;
    }
    .nakamura_box01_left02 {
        padding-left: 0;
    }
    .nakamura_box01_right {
        float: left;
        position: absolute;
        left: 1140px;
        z-index: -1;
    }
    .nakamura_box01_right figure {
        padding-top: 5px;
        width: 90%;
    }
    .nakamura_box01_right02 {
        float: left;
        position: absolute;
        left: 860px;
        z-index: -1;
    }
    .nakamura_box01_right02 figure {
        width: 80%;
    }
    .nakamura_box01_five {
        width: auto;
        margin: 50px auto 0;
    }
    .nakamura_box01_five li{
        width: 300px;
        float: left;
    }
    .nakamura_box01_five li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(2){
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(3){
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(4){
        margin-right: 25px;
    }
    .nakamura_box01_five02 {
        width: auto;
        margin: 0 auto;
    }
    .nakamura_box01_five02 li{
        width: 300px;
        float: left;
    }
    .nakamura_box01_five02 li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(2){
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(3){
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(4){
        margin-right: 25px;
    }
    
    /* 下田*/
    .shimoda_box01 {
        width: 100%;
        min-height: 1130px;
        position: relative;
        margin: 0 auto 310px;
    }
    .shimoda_box01_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .shimoda_box01 p{
        font-size: 1.8em;
        font-weight: bolder;
    }
    .shimoda_box01_left {
        float: left;
    }
    .shimoda_box01_left02 {
        padding-left: 0;
    }
    .shimoda_box01_right {
        float: left;
        position: absolute;
        left: 710px;
        z-index: -1;
    }
    .shimoda_box01_right figure {
        padding-top: 25px;
        width: 97%;
    }
    .shimoda_box01_right02 {
        float: left;
        position: absolute;
        left: 850px;
        z-index: -1;
    }
    .shimoda_box01_right02 figure {
        padding-top: 30px;
        width: 80%;
    }
    .shimoda_box01_right03 {
        float: left;
        position: absolute;
        left: 120px;
        top: 875px;
        z-index: -1;
    }
    .shimoda_box01_right03 figure {
        width: 114%;
/*        padding-bottom: 300px;*/
    }
    
    /* 山崎*/
    .yamasaki_box01 {
        width: 100%;
        min-height: 970px;
        position: relative;
        margin: 0 auto 100px;
    }
    .yamasaki_box01_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .yamasaki_box01 p{
        font-size: 1.8em;
        font-weight: bolder;
    }
    .yamasaki_box01_left {
        float: left;
    }
    .yamasaki_box01_left02 {
        padding-left: 0;
    }
    .yamasaki_box01_right {
        float: right;
        padding-left: 185px;
        z-index: -1;
    }
    .yamasaki_box01_right figure {
        padding-top: 10px;
        width: 107%;
    }
    .yamasaki_box01_right02 {
        float: left;
        position: absolute;
        top: 100px;
        left: 825px;
        z-index: -2;
    }
    .yamasaki_box01_right02 figure {
        width: 75%;
    }

    /* 代表挨拶*/
    .shigyo_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 140px;
    }
    .shigyo_box01_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .shigyo_box01 p{
        font-size: 1.8em;
        font-weight: bolder;
    }
    .shigyo_box01 p a{
        font-weight: bolder;
        color: #00bcee;
    }
    .shigyo_box01 p a:hover {
        font-weight: bolder;
        color: #f9195f;
    }
    .shigyo_box01_left {
        float: left;
    }
    .shigyo_box01_left02 {
        padding-left: 0;
    }
    .shigyo_box01_right {
        float: left;
        position: absolute;
        left: 940px;
        z-index: -1;
    }
    .shigyo_box01_right figure {
        width: 100%;
    }
    
    /* WEBサイト制作*/
    .production_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .production_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .production_box01_left {
        width: 780px;
        float: left;
        padding: 40px;
        border: solid 1px #a2a2a2;
        border-radius: 10px;
        margin-bottom: 90px;
    }
    .production_box01_right {
        width: 780px;
        float: right;
        padding: 40px;
        border: solid 1px #a2a2a2;
        border-radius: 10px;
        margin-bottom: 90px;
    }
    .production_title {
        line-height: 50px;
        font-size: 5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
    }
    .production_title span02{
        line-height: 20px;
        font-size: 0.4em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 80px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/yellow_bg.jpg) no-repeat top left;
    }
    .production_box02 {
        width: 100%;
        min-height: 2230px;
        background: url(images/production_bg_m.png) no-repeat top 120px center;
        margin: 0 auto -350px;
    }
    .production_title02 {
        line-height: 50px;
        font-size: 3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 90px;
        position: relative;
    }
    /*
    .production_box02 h2.production_title02:before {
    width: 2px;
    height: 30px;
    margin-top: -60px;
    background: #000;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
}
    */
    .production_box02 h2.production_title02:after {
        margin-top: 55px;
        color: #303030;
        font-size: 0.6em;
        content: 'VALUE';
        letter-spacing: 0.01em;
        font-family: 'Ubuntu', sans-serif;
        position: absolute;
        top: 0;
        left: 47.5%;
    }
    .production_three {
        width: 1600px;
        margin: 0 auto;
    }
    .production_three li{
        width: 470px;
        height: 325px;
        float: left;
    }
    .production_three p{
        font-size: 1em;
    }
    .production_three li:nth-child(1){
        clear: both;
        width: 470px;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 40px 0 0 0;
    }
    .production_three li:nth-child(2){
        width: 80px;
        padding: 135px 15px 0;
    }
    .production_three li:nth-child(3){
        width: 470px;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0;
    }
    .production_three li:nth-child(4){
        width: 80px;
        padding: 135px 15px 0;
    }
    .production_three li:nth-child(5){
        width: 470px;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0 200px 0 0;
    }
    .production_title03 {
        line-height: 103px;
        height: 140px;
        font-size: 3em;
        color: #303030;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/production_title03.png) no-repeat top center;
        margin-bottom: 30px;
    }
    .production_summary {
        width: 100%;
        display: flex;
        margin: 0 auto 150px;
    }
    .flex03 {
        min-width: 1220px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex03 li{
        width: calc(100% / 4);
    }
    .production_title04 {
        line-height: 60px;
        background: url(images/production_title04.jpg) no-repeat top left;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 40px;
    }
    .production_text p span {
        background-color: #fff150;
    }
    .production_box01_left02 {
        width: 820px;
        float: left;
    }
    .production_box01_right02 {
        width: 380px;
        float: right;
    }
    .production_banner {
        width: 380px;
        margin: 80px 0 20px;
    }
    .production_banner02 {
        width: 380px;
    }
    .production_box03 {
        width: 100%;
        margin: 0 auto;
    }
    .production_title05 {
        line-height: 40px;
        font-size: 3.2em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 40px;
    }
    .production_title06 {
        line-height: 30px;
        font-size: 1.5em;
        color: #303030;
        /*        font-weight: bold;*/
        letter-spacing: 0.05em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #303030;
    }
    .production_title06 span{
        line-height: 20px;
        font-size: 0.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    
    /* 保守・運用*/
    .management_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .management_box02 {
        width: 100%;
        background: url(images/management_bg02.jpg) no-repeat top 50px left 380px;
    }
    .management_box03 {
        width: 100%;
        background: url(images/management_bg03.jpg) no-repeat top 217px left 1460px;
        margin: 0 auto 120px;
    }
    .management_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .management_box01_contents {
        width: 1600px;
        margin: 0 auto;
        padding: 50px;
        border: solid 1px #a2a2a2;
        background: url(images/management_bg01.jpg) no-repeat top 60px left 1180px;
        border-radius: 30px;
        margin-bottom: 90px;
    }
    .management_title {
        line-height: 50px;
        font-size: 3.5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
    }
    .management_title span02{
        line-height: 20px;
        font-size: 0.6em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 2px 0 0 80px;
        font-family: 'Ubuntu', sans-serif;
        background: url(images/yellow_bg.jpg) no-repeat top left;
    }
    .management_box01_left {
        width: 550px;
        float: left;
    }
    .management_box01_right {
        width: 900px;
        float: right;
    }
    .management_title02 {
        line-height: 50px;
        font-size: 3.2em;
        color: #303030;
        font-weight: 900;
        letter-spacing: 0.005em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: -10px;
        position: relative;
        margin-top: 130px;
    }
    .management_box02 h2.management_title02:before {
        width: 2px;
        height: 30px;
        margin-top: -60px;
        background: #303030;
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
    }
    .management_box02 h2.management_title02:after {
        margin-top: 45px;
        color: #303030;
        font-size: 0.5em;
        font-weight: bold;
        content: 'SERVICE';
        letter-spacing: 0.01em;
        font-family: 'Ubuntu', sans-serif;
        position: absolute;
        top: 0;
        left: 48%;
    }
    .management_three {
        width: 1600px;
        margin: 0 auto;
    }
    .management_three li{
        width: 500px;
        float: left;
    }
    .management_three p{
        font-size: 1em;
    }
    .management_three li:nth-child(1){
        clear: both;
        padding: 40px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        margin-right: 50px;
        border-radius: 20px;
    }
    .management_three li:nth-child(2){
        padding: 40px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        margin-right: 50px;
        border-radius: 20px;
    }
    .management_three li:nth-child(3){
        padding: 40px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        border-radius: 20px;
    }
    .management_box03_left {
        width: 450px;
        float: left;
    }
    .management_box03_right {
        width: 1100px;
        float: right;
    }
    .flex04 {
        max-width: 760px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex04 li{
        width: calc(90% / 2);
    }
    
    /* 制作の流れ*/
    .flow_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .flow_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .results_text {
        text-align: center;
        margin: 0 auto 80px;
    }
    .flow_flame {
        width: 100%;
        position: absolute;
        top : -27px;
        left : -18px;
        z-index: 3;
    }
    .flow_box01_left {
        position: relative;
        width: 550px;
        float: left;
    }
    .flow_box01_right {
        width: 890px;
        float: right;
    }
    .flow_box01_right p{
        font-size: 1.7em;
    }
    .flow_title {
        line-height: 50px;
        font-size: 3.5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
    }
    .flow_title span02{
        line-height: 20px;
        font-size: 0.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 2px 0 0 80px;
        font-family: 'Ubuntu', sans-serif;
        background: url(images/blue_bg.jpg) no-repeat top 10px left;
    }
    
    /* 実績紹介*/
    .results_box01 {
        width: 100%;
        margin: 0 auto 50px;
    }
    .results_inner {
        width: 1600px;
        margin: 0 auto;
    }
    
    /* 会社概要*/
    .summary_box01 {
        width: 100%;
        margin: 0 auto 90px;
    }
    .summary_box02 {
        width: 100%;
        margin: 0 auto;
    }
    .summary_inner {
        width: 1600px;
        margin: 0 auto;
    }
    .summary_contents {
        margin-top: 70px;
    }
    .summary_box01_left {
        width: 730px;
        float: left;
    }
    .summary_box01_right {
        width: 760px;
        float: right;
    }
    .summary_title {
        line-height: 43px;
        font-size: 3.5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .summary_title span02{
        line-height: 60px;
        font-size: 0.6em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 20px 0 0 0;
    }
    .summary_title02 {
        line-height: 45px;
        font-size: 1.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: left;
        background: url(images/tit_summary_title.jpg) no-repeat top 10px left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 15px;
        padding: 3px 0 0 50px;
    }
    .summary_title02 a{
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        font-weight: bold;
    }
    .summary_title02 a:hover{
        color: #00bcee;
    }
    .tel_number {
        font-weight: bold;
        font-size: 2.1em;
        padding-bottom: 20px;
        border-bottom: 1px dotted #303030;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
/****************************************

概要テーブル.2

*****************************************/
    td p {
        font-size: 100%;
    }
    .summary_table01 {
        width: 100%;
        border-collapse: collapse;
    }
    .summary_table01 th{
        font-size: 1.05em;
        vertical-align: middle;
    }
    .summary_table01 td{
        font-size: 1.05em;
    }
    .summary_table01 td{
        text-align: left;
        vertical-align: middle;
            padding: 17px;
        word-break: break-all;
            border-bottom: 1px solid #EBE8E4;
    }
    .summary_table01 th{
        width: 28%;
        border-collapse: collapse;
            padding: 13px;
        text-align: left;
        font-weight: lighter;
        padding: 7px 5px 7px 0px;
            border-bottom: 1px solid #EBE8E4;
    }
    .summary_table01_other {
        width: auto;
        text-align: left;
        /*    border-bottom: 1px solid #EBE8E4;*/
    }
    
    /* お問い合わせ*/
    .contact_box01 {
        width: 100%;
        margin: 0 auto 30px;
    }
    .contact_inner {
        width: 1600px;
        margin: 60px auto 0;
    }
    .contact_title {
        line-height: 43px;
        font-size: 3.8em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .contact_title span02{
        line-height: 60px;
        font-size: 0.55em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 20px 0 0 0;
        font-family: 'Ubuntu', sans-serif;
    }
    
    /* プライバシーポリシー*/
    .policy_text{
        font-size: 1.2em;
    }
    
    .contents_three {
        width: 100%;
        margin: 0 auto;
    }
    .contents_three_list{
        width: 500px;
        float: left;
        margin-bottom: 110px;
    }
    .contents_three_list figure{
        width: 500px;
        margin-bottom: 30px;
    }
    .contents_three_list:nth-child(1){
        clear: both;
        margin-right: 50px;
    }
    .contents_three_list:nth-child(2){
        margin-right: 50px;
    }
}

/*mac PC*/
@media print, screen and (min-width: 2140px) {
    #page_contents {
        min-width: 2140px;
        margin: 0 auto;
    }

    .bg_none02 {
        display: none;
    }
    
    .top_box02_inner {
        width: 1400px;
        position: relative;
        margin: 0 auto;
        font-size: 1.18em;
    }
    
    .top_box03_title{
        width: 100%;
        line-height: 90px;
        font-size: 6.5em;
        color: #000;
        vertical-align: middle;
        font-weight: bold;
        letter-spacing: 0em;
        float: left;
        margin: 25px 0 25px;
    }
    
    .flex_results {
        min-width: 2240px;
        display: flex;
        justify-content: space-around;
        margin-left: -40px;
    }
    .flex_results li{
        width: calc(96% / 3);
        padding: 0 0 20px;
        border-bottom: 1px #EBE8E4 solid;
        margin-bottom: 40px;
    }
    
    .top_box06_inner p {
        font-size: 1.8em;
    }
    
    .seeso_mark {
        width: 180px;
        margin: 0 auto 100px;
    }
    
    .kasou_headline {
        line-height: 240px;
        font-size: 8em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        margin-bottom: 10px;
        background: url(images/title_members.png) no-repeat top 200px left;
    }
    .kasou_headline02 {
        line-height: 40px;
        font-size: 4.4em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        margin-bottom: 40px;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
    }
    .kasou_headline02 span{
        line-height: 20px;
        font-size: 0.5em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
    }

    /* 坂井*/
    .sakai_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }
    .sakai_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .sakai_box01 p{
        font-size: 2.2em;
        font-weight: bolder;
    }
    .sakai_box01_left {
        float: left;
    }
    .sakai_box01_left02 {
        padding-left: 0;
    }
    .sakai_box01_right {
        float: left;
        position: absolute;
        left: 1500px;
        z-index: -1;
    }
    .sakai_box01_right figure{
    width: 110%;
	}
    .sakai_box01_three {
        width: auto;
        margin: 0 auto;
    }
    .sakai_box01_three li{
        width: 440px;
        float: left;
    }
    .sakai_box01_three li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .sakai_box01_three li:nth-child(2){
        margin-right: 25px;
    }
    .sakai_box01_title{
        width: 130px;
        height: 40px;
        font-size: 1.9em;
        color: #fff;
        background-color: #00bcee;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: center;
        padding-top: 3.5px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin: 70px auto;
    }
    
    /* 徳永*/
    .tokunaga_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 90px;
    }
    .tokunaga_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .tokunaga_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .tokunaga_box01 p {
        font-size: 2.2em;
        font-weight: bolder;
    }
    
    .tokunaga_box01 p a{
        font-weight: bolder;
        color: #00bcee;
    }
    .tokunaga_box01 p a:hover{
        font-weight: bolder;
        color: #f9195f;
    }
    
    .tokunaga_box01_left {
        float: left;
    }
    .tokunaga_box01_left02 {
        padding-left: 0;
    }
    .tokunaga_box01_right {
        float: left;
        position: absolute;
        left: 1190px;
        z-index: -1;
    }
    .tokunaga_box01_right figure{
        padding-top: 0px;
        width: 105%;
    }

    .tokunaga_box01_three {
        width: auto;
        margin: 70px auto -20px;
    }
    .tokunaga_box01_three li{
        width: 396px;
        float: left;
    }
    .tokunaga_box01_three li:nth-child(1){
        clear: both;
        margin-right: 40px;
    }
    .tokunaga_box01_three li:nth-child(2){
        margin-right: 40px;
    }
    .tokunaga_box01_five {
        width: auto;
        margin: 0 auto;
    }
    .tokunaga_box01_five li{
        width: 396px;
        margin-top: 30px;
        float: left;
    }
    .tokunaga_box01_five li:nth-child(1){
        clear: both;
        margin-right: 40px;
    }
    .tokunaga_box01_five li:nth-child(2){
        margin-right: 40px;
    }
    .tokunaga_box01_five li:nth-child(3){
        margin-right: 40px;
    }
    .tokunaga_box01_five li:nth-child(4){
        margin-right: 40px;
    }

    /* 中村*/
    .nakamura_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 120px;
    }
    .nakamura_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .nakamura_box01 p{
        font-size: 2.2em;
        font-weight: bolder;
    }
    .nakamura_box01_left {
        float: left;
    }
    .nakamura_box01_left02 {
        padding-left: 0;
    }
    .nakamura_box01_right {
        float: left;
        position: absolute;
        left: 1640px;
        z-index: -1;
    }
    .nakamura_box01_right figure {
        padding-top: 5px;
        width: 102%;
    }
    .nakamura_box01_right02 {
        float: left;
        position: absolute;
        left: 1280px;
        top: 120px;
        z-index: -1;
    }
    .nakamura_box01_right02 figure {
        width: 130%;
    }
    .nakamura_box01_five {
        width: auto;
        margin: 50px auto 0;
    }
    .nakamura_box01_five li{
        width: 400px;
        margin-top: 20px;
        float: left;
    }
    .nakamura_box01_five li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(2){
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(3){
        margin-right: 25px;
    }
    .nakamura_box01_five li:nth-child(4){
        margin-right: 25px;
    }
    .nakamura_box01_five02 {
        width: auto;
        margin: 0 auto;
    }
    .nakamura_box01_five02 li{
        width: 400px;
        float: left;
    }
    .nakamura_box01_five02 li:nth-child(1){
        clear: both;
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(2){
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(3){
        margin-right: 25px;
    }
    .nakamura_box01_five02 li:nth-child(4){
        margin-right: 25px;
    }

    /* 下田*/
    .shimoda_box01 {
        width: 100%;
        min-height: 1340px;
        position: relative;
        margin: 0 auto 320px;
    }
    .shimoda_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .shimoda_box01 p{
        font-size: 2.2em;
        font-weight: bolder;
    }
    .shimoda_box01_left {
        float: left;
    }
    .shimoda_box01_left02 {
        padding-left: 0;
    }
    .shimoda_box01_right {
        float: left;
        position: absolute;
        left: 1120px;
        z-index: -1;
    }
    .shimoda_box01_right figure {
        padding-top: 25px;
        width: 113%;
    }
    .shimoda_box01_right02 {
        float: left;
        position: absolute;
        left: 1300px;
        z-index: -2;
    }
    .shimoda_box01_right02 figure {
        padding-top: 30px;
        width: 110%;
    }
    .shimoda_box01_right03 {
        float: left;
        position: absolute;
        left: 180px;
        top: 940px;
        z-index: -1;
    }
    .shimoda_box01_right03 figure {
        width: 150%;
        /*        padding-bottom: 300px;*/
    }

    /* 山崎*/
    .yamasaki_box01 {
        width: 100%;
        min-height: 1200px;
        position: relative;
        margin: 0 auto 50px;
    }
    .yamasaki_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .yamasaki_box01 p{
        font-size: 2.2em;
        font-weight: bolder;
    }
    .yamasaki_box01_left {
        float: left;
    }
    .yamasaki_box01_left02 {
        padding-left: 0;
    }
    .yamasaki_box01_right {
        float: left;
        position: absolute;
        left: 1340px;
        z-index: -1;
    }
    .yamasaki_box01_right figure {
        padding-top: 10px;
        width: 123%;
    }
    .yamasaki_box01_right02 {
        float: left;
        position: absolute;
        top: 110px;
        left: 1170px;
        z-index: -2;
    }
    .yamasaki_box01_right02 figure {
        width: 110%;
    }

    /* 代表挨拶*/
    .shigyo_box01 {
        width: 100%;
        position: relative;
        margin: 0 auto 210px;
    }
    .shigyo_box01_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .shigyo_box01 p{
        font-size: 2.35em;
        font-weight: bolder;
    }
    .shigyo_box01 p a{
        font-weight: bolder;
        color: #00bcee;
    }
    .shigyo_box01 p a:hover {
        font-weight: bolder;
        color: #f9195f;
    }
    .shigyo_box01_left {
        float: left;
    }
    .shigyo_box01_left02 {
        padding-left: 0;
    }
    .shigyo_box01_right {
        float: left;
        position: absolute;
        left: 1360px;
        z-index: -1;
    }
    .shigyo_box01_right figure {
        width: 118%;
    }
    
    /* WEBサイト制作*/
    .production_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .production_inner {
        min-width: 2140px;
        margin: 0 auto;
    }
    .production_box01_left {
        width: 1030px;
        float: left;
        padding: 50px 50px 60px 50px;
        border: solid 1px #a2a2a2;
        border-radius: 10px;
        margin-bottom: 90px;
    }
    .production_box01_left p {
        font-size: 1.9em;
    }
    .production_box01_right {
        width: 1030px;
        float: right;
        padding: 50px 50px 60px 50px;
        border: solid 1px #a2a2a2;
        border-radius: 10px;
        margin-bottom: 90px;
    }
    .production_box01_right p {
        font-size: 1.9em;
    }
    .production_title {
        line-height: 60px;
        font-size: 5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
        margin-bottom: 30px;
    }
    .production_title border{
        border-bottom: #fff150 10px solid;
    }
    .production_title span02{
        line-height: 20px;
        font-size: 0.5em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 80px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .production_box02 {
        min-width: 2140px;
        min-height: 2260px;
        background: url(images/production_bg_l.png) no-repeat top 80px left;
        margin: 0 auto -180px;
    }
    .production_title02 {
        line-height: 50px;
        font-size: 3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.1em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 90px;
        position: relative;
    }
    /*
    .production_box02 h2.production_title02:before {
    width: 2px;
    height: 30px;
    margin-top: -60px;
    background: #000;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
}
    */
    .production_box02 h2.production_title02:after {
        margin-top: 55px;
        color: #303030;
        font-size: 0.6em;
        content: 'VALUE';
        letter-spacing: 0.01em;
        font-family: 'Ubuntu', sans-serif;
        position: absolute;
        top: 0;
        left: 48.5%;
    }
    .production_three {
        width: 2140px;
        margin: 0 auto;
    }
    .production_three li{
        width: 670px;
        height: 375px;
        float: left;
    }
    .production_three p{
        font-size: 1.3em;
    }
    .production_three li:nth-child(1){
        clear: both;
        width: 650px;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 40px 0 0 0;
    }
    .production_three li:nth-child(2){
        width: 95px;
        padding: 155px 15px 0;
    }
    .production_three li:nth-child(3){
        width: 650px;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0;
    }
    .production_three li:nth-child(4){
        width: 95px;
        padding: 155px 15px 0;
    }
    .production_three li:nth-child(5){
        width: 650px;
        padding: 23px 40px 40px;
        background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
        border-radius: 0 200px 0 0;
    }
    .production_title03 {
        line-height: 105px;
        height: 140px;
        font-size: 3em;
        color: #303030;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        background: url(images/production_title03.png) no-repeat top center;
        margin-bottom: 30px;
    }
    .production_summary {
        width: 100%;
        display: flex;
        margin: 0 auto 160px;
    }
    .flex03 {
        width: 2140px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex03 li{
        width: calc(100% / 4);
    }
    .production_title04 {
        line-height: 60px;
        background: url(images/production_title04.jpg) no-repeat top left;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 40px;
    }
    .production_text p {
        font-size: 1.85em;
    }
    .production_text p span {
        background-color: #fff150;
    }
    .production_box01_left02 {
        width: 1220px;
        float: left;
    }
    .production_box01_right02 {
        width: 480px;
        float: right;
    }
    .production_banner {
        width: 480px;
        margin-bottom: 20px;
    }
    .production_banner img {
        width: 480px;
    }
    .production_banner02 {
        width: 480px;
    }
    .production_banner02 img {
        width: 480px;
    }
    .production_box03 {
        width: 100%;
        margin: 0 auto;
    }
    .production_title05 {
        line-height: 40px;
        font-size: 3.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.03em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin: 110px 0 40px;
    }
    .production_title06 {
        line-height: 35px;
        font-size: 1.7em;
        color: #303030;
        /*        font-weight: bold;*/
        letter-spacing: 0.05em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #303030;
    }
    .production_title06 span{
        line-height: 20px;
        font-size: 0.6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    
    /* 保守・運用*/
    .management_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .management_box02 {
        width: 100%;
        background: url(images/management_bg02.jpg) no-repeat top 50px left 620px;
    }
    .management_box03 {
        width: 100%;
        background: url(images/management_bg03.jpg) no-repeat top 270px left 1940px;
        margin: 0 auto 120px;
    }
    .management_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .management_box01_contents {
        width: 2140px;
        margin: 0 auto;
        padding: 50px;
        border: solid 1px #a2a2a2;
        background: url(images/management_bg01.jpg) no-repeat top 60px left 1700px;
        border-radius: 30px;
        margin-bottom: 90px;
    }
    .management_title {
        line-height: 90px;
        font-size: 4em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
    }
    .management_title span02{
        line-height: 30px;
        font-size: 0.7em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: -10px 0 0 80px;
        font-family: 'Ubuntu', sans-serif;
        background: url(images/yellow_bg.jpg) no-repeat top left;
    }
    .management_box01_left {
        width: 820px;
        float: left;
    }
    .management_box01_right {
        width: 1170px;
        float: right;
    }
    .management_box01_right p{
        font-size: 2em;
    }
    .management_title02 {
        line-height: 50px;
        font-size: 3.2em;
        color: #303030;
        font-weight: 900;
        letter-spacing: 0.005em;
        text-align: center;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: -10px;
        position: relative;
        margin-top: 160px;
    }
    .management_box02 h2.management_title02:before {
        width: 2px;
        height: 30px;
        margin-top: -60px;
        background: #303030;
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
    }
    .management_box02 h2.management_title02:after {
        margin-top: 45px;
        color: #303030;
        font-size: 0.5em;
        font-weight: bold;
        content: 'SERVICE';
        letter-spacing: 0.01em;
        font-family: 'Ubuntu', sans-serif;
        position: absolute;
        top: 0;
        left: 48.6%;
    }
    .management_three {
        width: 2140px;
        margin: 0 auto;
    }
    .management_three li{
        width: 690px;
        float: left;
    }
    .management_three p{
        font-size: 1.3em;
    }
    .management_three li:nth-child(1){
        clear: both;
        width: 690px;
        padding: 50px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        margin-right: 35px;
        border-radius: 20px;
    }
    .management_three li:nth-child(2){
        width: 690px;
        padding: 50px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        margin-right: 35px;
        border-radius: 20px;
    }
    .management_three li:nth-child(3){
        width: 690px;
        padding: 50px;
        background-color: #fff;
        border: solid 1px #a2a2a2;
        border-radius: 20px;
    }
    .management_plan_title {
        line-height: 80px;
        font-size: 3.5em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: left;
        padding: 5px 0 0 90px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 10px;
        vertical-align: middle;
        background: url(images/management_plan_title.jpg) no-repeat top left;
    }
    .management_title_a{
        line-height: 40px;
        font-size: 2.56em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 110px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title01.jpg) no-repeat top 13px left;
    }
    .management_title_a span{
        line-height: 36px;
        font-size: 0.4em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        margin-top: -10px;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title_b{
        line-height: 40px;
        font-size: 2.56em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 95px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title02.jpg) no-repeat top 13px left;
    }
    .management_title_b span{
        line-height: 36px;
        font-size: 0.4em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        margin-top: -10px;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title_c{
        line-height: 40px;
        font-size: 2.56em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-left: 110px;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
        background: url(images/management_title03.jpg) no-repeat top 13px left;
    }
    .management_title_c span{
        line-height: 36px;
        font-size: 0.4em;
        color: #303030;
        font-weight: 500;
        letter-spacing: 0.01em;
        margin-top: -10px;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .management_title04 {
        line-height: 50px;
        font-size: 6em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding-top: 75px;
/*        font-family: 'Ubuntu', sans-serif;*/
        margin-bottom: 40px;
        vertical-align: middle;
    }
    .management_box03_left {
        width: 580px;
        float: left;
    }
    .management_box03_right {
        width: 1450px;
        float: right;
    }
    .management_box03 p{
        font-size: 1.9em;
    }
    .flex04 {
        max-width: 760px;
        display: flex;
        justify-content: space-around;
        margin: 0 auto;
    }
    .flex04 li{
        width: calc(90% / 2);
    }
    
    /* 制作の流れ*/
    .flow_box01 {
        width: 100%;
        margin: 0 auto;
    }
    .flow_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .results_text {
        font-size: 1.18em;
        text-align: center;
        margin: 20px auto 100px;
    }
    .flow_flame {
        width: 100%;
        position: absolute;
        top : -35px;
        left : -23px;
        z-index: 3;
    }
    .flow_box01_left {
        position: relative;
        width: 820px;
        float: left;
    }
    .flow_box01_right {
        width: 1130px;
        float: right;
    }
    .flow_box01_right p{
        font-size: 2.1em;
    }
    .flow_title {
        line-height: 90px;
        font-size: 4em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 30px;
    }
    .flow_title span02{
        line-height: 30px;
        font-size: 0.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        padding: -10px 0 0 80px;
        font-family: 'Ubuntu', sans-serif;
        background: url(images/blue_bg.jpg) no-repeat top 14px left;
    }
    
    /* 実績紹介*/
    .results_box01 {
        width: 100%;
        margin: 0 auto 70px;
    }
    .results_inner {
        width: 2140px;
        margin: 0 auto;
    }
    
    /* 会社概要*/
    .summary_box01 {
        width: 100%;
        margin: 0 auto 130px;
    }
    .summary_box02 {
        width: 100%;
        margin: 0 auto;
    }
    .summary_inner {
        width: 2140px;
        margin: 0 auto;
    }
    .summary_contents {
        margin-top: 70px;
    }
    .summary_box01_left {
        width: 900px;
        float: left;
    }
    .summary_box01_right {
        width: 1100px;
        float: right;
    }
    .summary_title {
        line-height: 43px;
        font-size: 3.5em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .summary_title span02{
        line-height: 60px;
        font-size: 0.7em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 20px 0 0 0;
    }
    .summary_title02 {
        line-height: 45px;
        font-size: 1.7em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.05em;
        text-align: left;
        background: url(images/tit_summary_title.jpg) no-repeat top 10px left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
        padding: 3px 0 0 50px;
    }
    .summary_title02 a{
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        font-weight: bold;
    }
    .summary_title02 a:hover{
        color: #00bcee;
    }
    .tel_number {
        font-weight: bold;
        font-size: 2.8em;
        padding : 10px 0 20px;
        border-bottom: 1px dotted #303030;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
/****************************************

概要テーブル.3

*****************************************/
    td p {
        font-size: 100%;
    }
    .summary_table01 {
        width: 100%;
        border-collapse: collapse;
    }
    .summary_table01 th{
        font-size: 1.43em;
        vertical-align: middle;
    }
    .summary_table01 td{
        font-size: 1.43em;
    }
    .summary_table01 td{
        text-align: left;
        vertical-align: middle;
            padding: 20px;
        word-break: break-all;
            border-bottom: 1px solid #EBE8E4;
    }
    .summary_table01 th{
        width: 28%;
        border-collapse: collapse;
            padding: 17px;
        text-align: left;
        font-weight: lighter;
        padding: 7px 5px 7px 0px;
            border-bottom: 1px solid #EBE8E4;
    }
    .summary_table01_other {
        width: auto;
        text-align: left;
        /*    border-bottom: 1px solid #EBE8E4;*/
    }
    
    /* お問い合わせ*/
    .contact_box01 {
        width: 100%;
        margin: 0 auto 30px;
    }
    .contact_inner {
        width: 2140px;
        margin: 60px auto 0;
    }
    .contact_title {
        line-height: 43px;
        font-size: 4.3em;
        color: #000;
        font-weight: bold;
        letter-spacing: 0.01em;
        text-align: left;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
        margin-bottom: 20px;
    }
    .contact_title span02{
        line-height: 85px;
        font-size: 0.55em;
        color: #303030;
        letter-spacing: 0.01em;
        text-align: left;
        padding: 20px 0 0 0;
        font-family: 'Ubuntu', sans-serif;
    }
    
    /* プライバシーポリシー*/
    .policy_text{
        font-size: 1.4em;
    }
    
    .contents_three {
        width: 100%;
        margin: 0 auto;
    }
    .contents_three_list{
        width: 680px;
        float: left;
        margin-bottom: 110px;
    }
    .contents_three_list figure{
        width: 680px;
        margin-bottom: 30px;
    }
    .contents_three_list p{
        font-size: 1.4em;
    }
    .contents_three_list:nth-child(1){
        clear: both;
        margin-right: 50px;
    }
    .contents_three_list:nth-child(2){
        margin-right: 50px;
    }
}

/* スマホトップ */
@media screen and (max-width: 767px) {
	/*	テストここから*/

	/* Basic styling */
	svg {
		width: 100%;
		margin: 40px 0 60px;
		position: relative;
		left: 7%;
	}
	.filled-heading {
		text-transform: uppercase;
		font-family: 'Ubuntu', sans-serif;
		font-weight: bold;
/*		font-family: 'Source Sans Pro', sans-serif;*/
		font-size: 4.7em;
		letter-spacing: 0.15em;
		line-height: 0.9;
	}

	/* Animate the background shapes */
	#background path {
		animation: pulse 4s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite;

		/* Necessary to keep the SVG objects in place while scaling */
		transform-origin: 50% 50%;
		transform-box: fill-box;
	}

	/* Reveal the desired lines of text in the desired order */
	#textClip text:nth-of-type(n + 1):nth-of-type(-n + 3) {
		animation: showFirst 12s infinite;
	}
	#textClip text:nth-of-type(n + 4):nth-of-type(-n + 6) {
		animation: showSecond 12s infinite;
	}
	#textClip text:nth-of-type(n + 7):nth-of-type(-n + 9) {
		animation: showThird 12s infinite;
	}

	@keyframes pulse {
		/* Rotating it along with the scale makes it a little bit more fancy */
		0%, 100% { transform: scale(0) rotate(33deg); }
		35%, 65% { transform: scale(1) rotate(0deg); }
	}
	@keyframes showFirst {
		0%, 33% {
			opacity: 1;
		}
		33.0001%, 100% { opacity: 0; }
	}
	@keyframes showSecond {
		33.0001%, 66% {
			opacity: 1;
		}
		0%, 33%, 66.0001%, 100% { opacity: 0; }
	}
	@keyframes showThird {
		66.0001%, 99.999% {
			opacity: 1;
		}
		0%, 66%, 100% { opacity: 0; }
	}
	/*	テストここまで*/
	.top_box01 {
		width: 100%;
		margin: 0 auto ;
	}
	.top_box01_inner {
		width: 100%;
		margin: 0 auto ;
	}
	.top_box01_left {
		margin-left: 20px;
	}
	.top_box01_text_box_sp {
		color: #303030;
		font-weight: 500;
		font-size: 0.9em;
		letter-spacing: 0.05em;
		margin: 0 auto 50px;
		padding: 110px 15px 0 0;
		text-align: left;
		background: url(images/contents_bg02.png) no-repeat top left;
		background-size: 25%;
	}
	.top_headline_sp {
		width: 100%;
		font-size: 3.75em;
		color: #000;
		padding-left: 95px;
		vertical-align: middle;
		font-weight: bold;
		letter-spacing: 0em;
		float: left;
	}
	.contents_bg01 {
/*		width: 100%;*/
		position: absolute;
		top: 615px;
		right: 0;
	}
	.flex_sp01 {
		max-width: 100%;
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	.flex_sp01 li{
		width: calc(83% / 3);
		min-height: 80px;
		margin: 150px 0 23px;
	}
	.flex_sp02 {
		max-width: 100%;
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	.flex_sp02 li{
		width: calc(83% / 3);
		min-height: 80px;
		margin-bottom: 40px;
	}
	.flex_sp03 {
		max-width: 100%;
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
		padding: 0 15px;
	}
	.flex_sp03 li{
		width: calc(90% / 3);
		min-height: 80px;
		margin-bottom: 10px;
	}
	.flex_sp04 {
		max-width: 100%;
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
		padding: 0 15px;
	}
	.flex_sp04 li{
		width: calc(90% / 3);
		min-height: 80px;
		margin-bottom: 40px;
	}
	.top_box01_menmber {
		width: 100%;
		margin: 0 auto;
	}
	.top_box02 {
		width: 100%;
		margin: 0 auto;
	}
	h3#top_box02_title{
		width: 100%;
/*		line-height: 32px;*/
		color: #303030;
		font-size: 2.5em;
		font-weight: 800;
		letter-spacing: 0.15em;
		text-align: center;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		/*        background: url(images/title_bg.png) no-repeat bottom center;*/
		margin: -10px 0 20px;
		/*
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		*/
	}
	.top_box02_inner {
		width: 100%;
		padding: 0 20px;
	}
	.top_box02_inner p{
		font-size: 1.3em;
	}
	.top_box02_banner{
		margin: 40px 0 30px;
	}
	.top_box02_banner img{
		position: absolute;
		left: 24.5%;
		width: 50%;
	}
	.scroll_box{
		width: 100%;
		margin: 0 auto 20px;
		padding-top: 28px;
	}
	.scroll_box02{
		width: 100%;
		margin: 0 auto;
	}
	.top_box03_sp {
		width: 100%;
		margin: 0 auto 10px;
		background-color: #fff150;
		height:305px;
		margin-bottom: 1180px;
		/*
		background: url(images/contents_bg03.png) no-repeat top center;
		background-position:center bottom;
		background-size:cover;
		*/

	}
	.top_box03 figure {
		margin-top: 60px;
	}
	.top_box03_inner {
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	.top_box03_text{
		padding-top: 35px;
	}
	.left170 img{
		width: 80%;
		float: left;
		margin-top: 30px;
	}
	.top_box03_left {
		width: auto;
		padding-top: 10px;
	}
	.top_box03_banner{
		width: 100%;
		margin-top: -85px;
	}
	.top_box03_inner02 {
		padding: 0;
		margin: 0 auto;
	}
	.top_box03_title{
		width: 100%;
		line-height: 50px;
		font-size: 5em;
		color: #000;
		vertical-align: middle;
		font-weight: bold;
		letter-spacing: 0em;
		float: left;
		margin: 85px 0 20px;
	}
	.top_box03_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.top_box03_three_sp li{
		width: 100%;
		/*        min-height: 200px;*/
	}
	.top_box03_three_sp p{
		font-size: 0.95em;
	}
	.top_box03_three_sp li:nth-child(1){
		clear: both;
		padding: 20px 20px 30px;
		background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
		border-radius: 40px 0 0 0;
		margin-bottom: 20px;
	}
	.top_box03_three_sp li:nth-child(2){
		padding: 20px 20px 30px;
		background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
		border-radius: 0;
		margin-bottom: 20px;
	}
	.top_box03_three_sp li:nth-child(3){
		padding: 20px 20px 30px;
		background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
		border-radius: 0 100px 0 0;
	}
	.works_title01_sp{
		line-height: 41px;
		font-size: 2.15em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
		padding-left: 90px;
		font-family: 'Ubuntu', sans-serif;
		margin-bottom: 25px;
		background: url(images/works_title01.png) no-repeat top 13px left;
	}
	.works_title01_sp span{
		line-height: 20px;
		font-size: 0.53em;
		color: #00b7ee;
		font-weight: 500;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.works_title02_sp {
		line-height: 41px;
		font-size: 2.15em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
		padding-left: 90px;
		font-family: 'Ubuntu', sans-serif;
		margin-bottom: 35px;
		background: url(images/works_title02.png) no-repeat top 13px left;
	}
	.works_title02_sp span{
		line-height: 20px;
		font-size: 0.53em;
		color: #00b7ee;
		font-weight: 500;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.works_title03_sp {
		line-height: 41px;
		font-size: 2.15em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
		padding-left: 90px;
		font-family: 'Ubuntu', sans-serif;
		margin-bottom: 35px;
		background: url(images/works_title03.png) no-repeat top 13px left;
	}
	.works_title03_sp span{
		line-height: 20px;
		font-size: 0.53em;
		color: #00b7ee;
		font-weight: 500;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	#top_box03_title02_sp {
		clear: both;
		width: 100%;
		line-height: 180px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		background: url(images/title_bg02.png) no-repeat bottom center;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		background-size: contain;
	}
	.top_box04_sp {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background: url(images/contents_bg04.jpg) no-repeat bottom center;
/*		background-position: center;*/
		background-size: 88.85%;
	}
	.top_box04_inner_sp {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	.top_box04_text_sp{
		padding: 0px 20px;
		margin: 20px auto;
	}
	.top_box04_inner_sp p span {
		background-color: #fff150;
	}
	.left250 img{
		width: 100%;
		padding: 20px;
	}
	.flex_under_bnr_sp {
		width: 100%;
/*		display: flex;*/
		justify-content: space-around;
	}
	.flex_under_bnr_sp li{
		margin-bottom: 20px;
	}
	.flex_under_bnr_sp li img{
		width: 100%;
		padding: 0 20px;
	}
	.kasou_box_inner {
		width: 100%;
		margin: 0 auto;
	}
	.flex_under_bnr02 {
		width: 100%;
		display: flex;
		justify-content: space-around;
	}
	.flex_under_bnr02 li{
		width: calc(98% / 3);
	}
	.flex_under_bnr02 li img{
		width: 95%;
	}
	.top_box04_title01_sp{
		line-height: 50px;
		height: 68px;
		font-size: 3.2em;
		color: #303030;
		vertical-align: middle;
		font-weight: bold;
		padding-left: 90px;
		letter-spacing: 0em;
		text-align: left;
		background: url(images/tit_company_title.png) no-repeat top left 20px;
		background-size: 17%;
	}
	.top_box05 {
		width: 100%;
		display: flex;
		margin: 0 auto;
	}
	.flex02_sp {
		width: 100%;
/*		display: flex;*/
		justify-content: space-around;
		margin: 0 auto;
	}
	.flex02_sp li{
		width: 100%;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	.top_box05_banner {
		width: 100%;
		height: auto;
	}
	.top_box06 {
		width: 100%;
		position: relative;
		margin: 0 auto 58px;
	}
	.top_box06_inner_sp {
		width: 100%;
		margin: 0 auto;
		padding: 190px 20px 0;
	}
	.top_box06_title01_sp {
		font-size: 3.4em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
		margin-bottom: 110px
	}
	.top_box06_inner_sp02 {
		width: 100%;
		margin: 0 auto;
		padding: 5px 20px 0;
	}
	.top_box06_title01_sp02 {
		font-size: 4.8em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
		margin-bottom: 15px
	}
	.top_box06_banner_sp {
		width: 100%;
		margin-top: 40px;
	}
	.kasou_box06_banner {
		width: 100%;
		margin-top: 60px;
		text-align: right;
	}
	.top_box06_figure_sp {
		position: absolute;
		right: 20px;
		top: 0;
		z-index: 2;
		width: 88.9%;
	}
	.kasou_box06_figure_sp {
		width: 100%;
		z-index: 2;
	}

	.top_box06_inner p {
		font-size: 1.6em;
	}
	.results_title {
		line-height: 35px;
		font-size: 1.18em;
		color: #303030;
		padding: 5px 0 0 35px;
		text-align: left;
		letter-spacing: 0.01em;
		background: url(images/tit_results_title.jpg) no-repeat center left;
		margin: 10px 0 10px;
	}
	.results_title a{
		text-decoration: none;
		font-weight: bold;
	}
	/* トップスクロール */
	#loopSlide{
		width: 100%;
		height: auto;
	}
	.simply-scroll-container {
		position: relative;
	}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll-list li {
		float: left;
		padding: 0;
		margin: 0 20px -20px 0;
		min-width: 300px;
		height: auto;
	}
	.simply-scroll-list li img {
		display: block;
	}

	/* 坂井スクロール */
	#loopSlide02{
		width: 100%;
		margin: 0 auto 120px;
		/*        height: 390px;*/
	}
	.simply-scroll02-container {
		position: relative;
	}
	.simply-scroll02-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll02-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll02-list li {
		float: left;
		padding: 0;
		margin: 0;
		height: auto;
	}
	.simply-scroll02-list li img {
		display: block;
	}
}
/* スマホトップここまで */

/* スマホ下層 */
@media screen and (max-width: 767px) {
    #page_contents {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto 30px;
    }
    .breadcrumb_area {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .breadcrumb {
        width: 100%;
        padding-left: 20px;
        text-align: left;
        margin-top: 10px;
    }
    .breadcrumb p {
        font-size: 1.0rem;
    }
    #left_box{
        width: 100%;
        height: auto;
    }
    .right_box{
        display: none;
    }
    .sp_small_img{
        width: 40%;
        height: auto;
    }
    .sp_none{
        display: none;
    }
    .sp_none figure{
        display: none;
    }
    .two_column_list01,.two_banner_box ul li {
        margin-bottom: 10px;
    }
    
    .kasou_headline {
        width: 100%;
        line-height: 80px;
        font-size: 7.3em;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0em;
        text-align: left;
/*        font-family: 'Ubuntu', sans-serif;*/
        padding-top: 145px;
        margin-bottom: 80px;
    }
	.kasou_headline_sp {
		width: 100%;
		line-height: 90px;
		font-size: 5.3em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
		margin: 15px 0;
		padding-left: 8px;
		background: url(images/title_members.png) no-repeat bottom left;
	}
	#kasou_box_title_sp {
		line-height: 70px;
		text-align: center;
		margin-bottom: 20px;
		background: url(images/title_bg03.png) no-repeat bottom center;
		background-size: contain;
		z-index: 1;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	#kasou_box_title02_sp {
		line-height: 220px;
		text-align: center;
		margin: -40px 0 70px;
		background: url(images/title_bg04.png) no-repeat bottom center;
		background-size: contain;
		z-index: 1;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
	.seeso_mark_sp {
		width: 180px;
		margin: 0 auto 70px;
	}
	
	/*	坂井スマホ*/
	.kasou_headline02_sakai {
		line-height: 25px;
		font-size: 1.9em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: 'Ubuntu', sans-serif;
		padding-left: 10px;
		margin-bottom: 610px;
	}
	.sakai_box01_sp {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.sakai_box01_inner_sp {
		margin: 0 auto;
	}
	.sakai_box01_sp p{
		font-weight: bolder;
	}
	.sakai_box01_left02_sp {
		padding: 0 10px;
	}
	.sakai_box01_right_sp {
		position: absolute;
		top: 175px;
		padding-left: 10px;
		z-index: -1;
	}
	.sakai_box01_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.sakai_box01_three_sp li{
		width: 100%;
	}
	.sakai_box01_three_sp li:nth-child(1){
		clear: both;
		margin-bottom: 20px;
	}
	.sakai_box01_three_sp li:nth-child(2){
		margin-bottom: 20px;
	}
	.sakai_box01_title_sp{
		width: 130px;
		height: 40px;
		font-size: 1.9em;
		color: #fff;
		background-color: #00bcee;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-align: center;
		padding-top: 3.5px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin: 32px auto 40px;
	}
	.scroll_box02_sp{
		width: 100%;
		margin: 0 auto -80px;
	}
	
	/*	徳永スマホ*/
	.kasou_headline02_tokunaga {
		line-height: 25px;
		font-size: 1.9em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: 'Ubuntu', sans-serif;
		padding-left: 10px;
		margin-bottom: 480px;
	}
	.tokunaga_box01_sp {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.tokunaga_box01_sp p a{
		font-weight: bolder;
		color: #00bcee;
	}
	.tokunaga_box01_sp p a:hover{
		font-weight: bolder;
		color: #f9195f;
	}
	.tokunaga_box01_inner_sp {
		margin: 0 auto;
	}
	.tokunaga_box01_sp p{
		font-weight: bolder;
	}
	.tokunaga_box01_left02_sp {
		padding: 0 10px;
	}
	.tokunaga_box01_right_sp {
		position: absolute;
		top: 198px;
		padding: 0 10px;
		z-index: -1;
	}
	.tokunaga_box01_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.tokunaga_box01_three_sp li{
		width: 100%;
	}
	.tokunaga_box01_three_sp li:nth-child(1){
		clear: both;
		margin-bottom: 20px;
	}
	.tokunaga_box01_three_sp li:nth-child(2){
		margin-bottom: 20px;
	}
	.tokunaga_box01_five_sp {
		width: 100%;
		margin: 0 auto;
	}
	.tokunaga_box01_five_sp li{
		width: 100%;
	}
	.tokunaga_box01_five_sp li:nth-child(1){
		clear: both;
		margin-bottom: 20px;
	}
	.tokunaga_box01_five_sp li:nth-child(2){
		margin-bottom: 20px;
	}
	.tokunaga_box01_five_sp li:nth-child(3){
		margin-bottom: 20px;
	}
	.tokunaga_box01_five_sp li:nth-child(4){
		margin-bottom: 20px;
	}
	
	/*	中村スマホ*/
	.kasou_headline02_nakamura {
		line-height: 25px;
		font-size: 1.9em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: 'Ubuntu', sans-serif;
		padding-left: 10px;
		margin-bottom: 560px;
	}
	.nakamura_box01_sp {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.nakamura_box01_sp p a{
		font-weight: bolder;
		color: #00bcee;
	}
	.nakamura_box01_sp p a:hover{
		font-weight: bolder;
		color: #f9195f;
	}
	.nakamura_box01_inner_sp {
		margin: 0 auto;
	}
	.nakamura_box01_sp p{
		font-weight: bolder;
	}
	.nakamura_box01_left02_sp {
		padding: 0 10px;
	}
	.nakamura_box01_right_sp {
		position: absolute;
		top: 185px;
		padding: 0 10px;
		z-index: -1;
	}
	.nakamura_box01_right02_sp {
		position: absolute;
		width: 18%;
		top: 539px;
		left: 10px;
		z-index: -1;
	}
	.nakamura_box01_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.nakamura_box01_three_sp li{
		width: 100%;
	}
	.nakamura_box01_three_sp li:nth-child(1){
		clear: both;
		margin-bottom: 20px;
	}
	.nakamura_box01_three_sp li:nth-child(2){
		margin-bottom: 20px;
	}
	.nakamura_box01_five_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.nakamura_box01_five_sp li{
		width: 100%;
	}
	.nakamura_box01_five_sp li:nth-child(1){
		clear: both;
		margin-bottom: 20px;
	}
	.nakamura_box01_five_sp li:nth-child(2){
		margin-bottom: 20px;
	}
	.nakamura_box01_five_sp li:nth-child(3){
		margin-bottom: 20px;
	}
	.nakamura_box01_five_sp li:nth-child(4){
		margin-bottom: 20px;
	}
	.nakamura_box01_five02_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.nakamura_box01_five02_sp li{
		width: 100%;
	}
	.nakamura_box01_five02_sp li:nth-child(1){
		clear: both;
		margin-bottom: 20px;
	}
	.nakamura_box01_five02_sp li:nth-child(2){
		margin-bottom: 20px;
	}
	.nakamura_box01_five02_sp li:nth-child(3){
		margin-bottom: 20px;
	}
	.nakamura_box01_five02_sp li:nth-child(4){
		margin-bottom: 20px;
	}
	
	/*	下田スマホ*/
	.kasou_headline02_shimoda {
		line-height: 25px;
		font-size: 1.9em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: 'Ubuntu', sans-serif;
		padding-left: 10px;
		margin-bottom: 455px;
	}
	.shimoda_box01_sp {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.shimoda_box01_sp p a{
		font-weight: bolder;
		color: #00bcee;
	}
	.shimoda_box01_sp p a:hover{
		font-weight: bolder;
		color: #f9195f;
	}
	.shimoda_box01_inner_sp {
		margin: 0 auto;
	}
	.shimoda_box01_sp p{
		font-weight: bolder;
	}
	.shimoda_box01_left02_sp {
		padding: 0 10px;
	}
	.shimoda_box01_right_sp {
		position: absolute;
		top: 185px;
		padding: 0 10px;
		z-index: -1;
	}
	.shimoda_box01_right02_sp {
		position: absolute;
		width: 21%;
		top: 185px;
		left: 18px;
		z-index: -1;
	}
	.shimoda_box01_right03_sp {
		position: absolute;
		width: 20.5%;
		top: 372px;
		left: 45px;
		z-index: -1;
	}
	
	/*	山崎スマホ*/
	.kasou_headline02_yamasaki {
		line-height: 25px;
		font-size: 1.9em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: 'Ubuntu', sans-serif;
		padding-left: 10px;
		margin-bottom: 515px;
	}
	.yamasaki_box01_sp {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.yamasaki_box01_sp p a{
		font-weight: bolder;
		color: #00bcee;
	}
	.yamasaki_box01_sp p a:hover{
		font-weight: bolder;
		color: #f9195f;
	}
	.yamasaki_box01_inner_sp {
		margin: 0 auto;
	}
	.yamasaki_box01_sp p{
		font-weight: bolder;
	}
	.yamasaki_box01_left02_sp {
		padding: 0 10px;
	}
	.yamasaki_box01_right_sp {
		position: absolute;
		top: 185px;
		padding: 0 10px;
		z-index: -1;
	}
	.yamasaki_box01_right02_sp {
		position: absolute;
		width: 12%;
		top: 183px;
		left: 58px;
		z-index: -1;
	}
	
	/*	執行スマホ*/
	.kasou_headline02_shigyo {
		line-height: 25px;
		font-size: 1.9em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: 'Ubuntu', sans-serif;
		padding-left: 10px;
		margin-bottom: 430px;
	}
	.shigyo_box01_sp {
		width: 100%;
		position: relative;
		margin: 0 auto;
	}
	.shigyo_box01_sp p a{
		font-weight: bolder;
		color: #00bcee;
	}
	.shigyo_box01_sp p a:hover{
		font-weight: bolder;
		color: #f9195f;
	}
	.shigyo_box01_inner_sp {
		margin: 0 auto;
	}
	.shigyo_box01_sp p{
		font-weight: bolder;
	}
	.shigyo_box01_left02_sp {
		padding: 0 10px;
	}
	.shigyo_box01_right_sp {
		position: absolute;
		top: 198px;
		padding: 0 10px;
		z-index: -1;
	}
	
	/* WEBサイト制作スマホ*/
	.production_box01_sp {
		width: 100%;
		margin: 15px auto 0;
	}
	.production_inner_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.production_box01_left_sp {
		width: 100%;
		padding: 30px 25px;
		border: solid 1px #a2a2a2;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.production_box01_right_sp {
		width: 100%;
		padding: 30px 25px;
		border: solid 1px #a2a2a2;
		border-radius: 10px;
		margin-bottom: 50px;
	}
	.production_title_sp {
		line-height: 45px;
		font-size: 4em;
		color: #000;
		font-weight: bold;
		letter-spacing: 0em;
		text-align: left;
/*		font-family: 'Ubuntu', sans-serif;*/
		margin-bottom: 25px;
	}
	.production_title_sp span02{
		line-height: 20px;
		font-size: 0.4em;
		vertical-align: bottom;
		color: #303030;
		letter-spacing: 0.05em;
		text-align: left;
		padding-left: 80px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		background: url(images/yellow_bg.jpg) no-repeat top left;
	}
	.production_box02_sp {
		width: 100%;
		margin: 0 auto;
	}
	.production_title02_sp {
		line-height: 50px;
		font-size: 2.3em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-align: center;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 60px;
		position: relative;
	}
	.production_box02_sp h2.production_title02_sp:after {
		margin-top: 40px;
		color: #303030;
		font-size: 0.6em;
		content: 'VALUE';
		letter-spacing: 0.01em;
		font-family: 'Ubuntu', sans-serif;
		position: absolute;
		top: 0;
		left: 43.5%;
	}
	.production_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.production_three_sp li{
		width: 100%;
		height: 335px;
		float: left;
	}
	.production_three_sp p{
		font-size: 1em;
	}
	.production_three_sp li:nth-child(1){
		clear: both;
		min-height: 310px;
		padding: 23px;
		background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
		border-radius: 40px 0 0 0;
		margin-bottom: 20px;
	}
	.production_three_sp li:nth-child(2){
		min-height: 310px;
		padding: 23px;
		background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
		border-radius: 0;
		margin-bottom: 20px;
	}
	.production_three_sp li:nth-child(3){
		min-height: 310px;
		padding: 23px;
		background: linear-gradient(#e9e9e9, #eeeeee ,#eeeeee);
		border-radius: 0 80px 0 0;
		margin-bottom: 20px;
	}
	.production_title03_sp {
		line-height: 92px;
		height: 122px;
		font-size: 3em;
		color: #303030;
		font-weight: 700;
		text-align: center;
		letter-spacing: 0.1em;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		background: url(images/production_title03_sp.png) no-repeat top center;
		background-size: cover;
		margin-bottom: 20px;
	}
	.production_summary_sp {
		width: 100%;
		margin: 0 auto 60px;
	}
	.production_title04_sp {
		line-height: 60px;
		background: url(images/production_title04.jpg) no-repeat top left;
		text-indent: 100%;
		overflow: hidden;
		white-space: nowrap;
		margin-bottom: 20px;
		background-size: contain;
	}
	.production_text_sp p span {
		background-color: #fff150;
	}
	.production_box01_left02_sp {
		width: 100%;
	}
	.production_box01_right02_sp {
		width: 100%;
	}
	.production_banner_sp {
		width: 100%;
		margin-bottom: 20px;
	}
	.production_banner02_sp {
		width: 100%;
	}
	.production_box03_sp {
		width: 100%;
		margin: 0 auto;
	}
	.production_title05_sp {
		line-height: 40px;
		font-size: 3.2em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 30px;
	}
	.production_title06_sp {
		line-height: 30px;
		font-size: 1.5em;
		color: #303030;
		/*        font-weight: bold;*/
		letter-spacing: 0.05em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #303030;
	}
	.production_title06_sp span{
		line-height: 20px;
		font-size: 0.6em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.four {
		width: 100%;
	}
	.four li{
		width: 100%;
	}
	.four li:nth-child(1){
		margin-bottom: 30px;
	}
	.four li:nth-child(2){
		margin-bottom: 30px;
	}
	.four li:nth-child(3){
		margin-bottom: 30px;
	}
	.contents_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.contents_three_list_sp{
		width: 100%;
	}
	.contents_three_list_sp figure{
		width: 100%;
		margin-bottom: 20px;
	}
	.contents_three_list_sp:nth-child(1){
		margin-bottom: 55px;
	}
	.contents_three_list_sp:nth-child(2){
		margin-bottom: 55px;
	}
	.contents_three_list_sp:nth-child(3){
		margin-bottom: 30px;
	}

	/* 保守・運用スマホ*/
	.management_box01_sp {
		width: 100%;
		margin: 15px auto 0;
	}
	.management_box02_sp {
		width: 100%;
		background: url(images/management_bg02.jpg) no-repeat top 90px right;
		background-size: 60%;
	}
	.management_box03_sp {
		width: 100%;
		background: url(images/management_bg03.jpg) no-repeat bottom 197px right;
		margin: 0 auto 30px;
	}
	.management_inner_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.management_plan_title_sp {
		line-height: 80px;
		font-size: 3em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-align: left;
		padding: 5px 0 0 90px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 10px;
		vertical-align: middle;
		background: url(images/management_plan_title.jpg) no-repeat top left;
	}
	.management_title_a_sp {
		line-height: 40px;
		font-size: 1.38em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.001em;
		text-align: left;
		padding-left: 78px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 30px;
		background: url(images/management_title01.jpg) no-repeat top 13px left;
	}
	.management_title_a_sp span {
		line-height: 28px;
		font-size: 0.5em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.management_title_b_sp {
		line-height: 40px;
		font-size: 1.45em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		padding-left: 70px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 30px;
		background: url(images/management_title02.jpg) no-repeat top 13px left;
	}
	.management_title_b_sp span {
		line-height: 28px;
		font-size: 0.5em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.management_title_c_sp {
		line-height: 40px;
		font-size: 1.38em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		padding-left: 85px;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 30px;
		background: url(images/management_title03.jpg) no-repeat top 13px left;
	}
	.management_title_c_sp span {
		line-height: 28px;
		font-size: 0.5em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.management_title04_sp {
		line-height: 50px;
		font-size: 5em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		/*        font-family: 'Ubuntu', sans-serif;*/
		margin: 25px auto;
		vertical-align: middle;
	}
	.management_box01_contents_sp {
		width: 100%;
		margin: 0 auto;
		padding: 30px 25px;
		border: solid 1px #a2a2a2;
		background: url(images/management_bg01.jpg) no-repeat bottom 30px right 20px;
		background-size: 70%;
		border-radius: 30px;
		margin-bottom: 90px;
	}
	.management_title_sp {
		line-height: 36px;
		font-size: 2em;
		color: #000;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin: 20px 0;
	}
	.management_title_sp span02{
		line-height: 20px;
		font-size: 0.7em;
		color: #303030;
		letter-spacing: 0.01em;
		text-align: left;
		padding: 5px 0 0 70px;
		font-family: 'Ubuntu', sans-serif;
		background: url(images/yellow_bg.jpg) no-repeat top left;
	}
	.management_box01_left_sp {
		width: 100%;
	}
	.management_box01_right_sp {
		width: 100%;
	}
	.management_title02_sp {
		line-height: 50px;
		font-size: 2.3em;
		color: #303030;
		font-weight: 900;
		letter-spacing: 0.005em;
		text-align: center;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		position: relative;
		margin: 100px 0 50px;
	}
	.management_box02_sp h2.management_title02_sp:before {
		width: 2px;
		height: 30px;
		margin-top: -60px;
		background: #303030;
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
	}
	.management_box02_sp h2.management_title02_sp:after {
		margin-top: 45px;
		color: #303030;
		font-size: 0.68em;
		font-weight: bold;
		content: 'SERVICE';
		letter-spacing: 0.01em;
		font-family: 'Ubuntu', sans-serif;
		position: absolute;
		top: 0;
		left: 41%;
	}
	.management_three_sp {
		width: 100%;
		margin: 0 auto;
	}
	.management_three_sp li{
		width: 100%;
	}
	.management_three_sp p{
		font-size: 1em;
	}
	.management_three_sp li:nth-child(1){
		clear: both;
		padding: 30px 25px;
		background-color: #fff;
		border: solid 1px #a2a2a2;
		margin-bottom: 20px;
		border-radius: 20px;
	}
	.management_three_sp li:nth-child(2){
		padding: 25px 25px 30px;
		background-color: #fff;
		border: solid 1px #a2a2a2;
		margin-bottom: 20px;
		border-radius: 20px;
	}
	.management_three_sp li:nth-child(3){
		padding: 25px 25px 30px;
		background-color: #fff;
		border: solid 1px #a2a2a2;
		border-radius: 20px;
	}
	.management_box03_left_sp {
		width: 100%;
	}
	.management_box03_right_sp {
		width: 100%;
	}
	.flex04_sp {
		width: 100%;
		margin: 0 auto;
	}
	.flex04_sp li:nth-child(1){
		margin: 5px auto 20px;
	}
	.flex04_sp li:nth-child(2){
		margin-bottom: 10px;
	}

	/* 制作の流れスマホ*/
	.flow_box01_sp {
		width: 100%;
		margin: 15px auto 0;
	}
	.flow_inner_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.flow_flame_sp {
		width: 100%;
		position: absolute;
		top : -20px;
		left : -13px;
		z-index: 3;
	}
	.flow_box01_left_sp {
		position: relative;
		width: 100%;
	}
	.flow_box01_right_sp {
		width: 100%;
	}
	.flow_title_sp {
		line-height: 45px;
		font-size: 2.6em;
		color: #000;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin: 20px 0 13px;
	}
	.flow_title_sp span02{
		line-height: 20px;
		font-size: 0.8em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		padding: 5px 0 0 80px;
		font-family: 'Ubuntu', sans-serif;
		background: url(images/blue_bg.jpg) no-repeat top 13px left;
	}
	.management_bnr_sp {
		position: relative;
	}
	.btn,
	a.btn,
	button.btn {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.5;
		position: relative;
		display: inline-block;
		padding: 2rem 2rem 2rem 8rem;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #303030;
		border-radius: 0.5rem;
	}
	.btn02,
	a.btn02,
	button.btn02 {
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1.5;
		position: relative;
		display: inline-block;
		padding: 2rem 2rem 2rem 6rem;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		letter-spacing: 0.1em;
		color: #303030;
		border-radius: 0.5rem;
	}

	/* 実績紹介スマホ*/
	.results_box01_sp {
		width: 100%;
		margin: 15px auto;
	}
	.results_inner_sp {
		width: 100%;
		margin: 0 auto;
	}
	.flex_results_sp {
		width: 100%;
		padding: 0 20px;
	}
	.flex_results_sp li{
		padding: 0 0 20px;
		border-bottom: 1px #ccc dotted;
		margin-bottom: 40px;
	}
	.results_text_sp {
		padding: 0 20px;
		margin: 0 auto 30px;
	}
	
	/* 会社概要スマホ*/
	.summary_box01_sp {
		width: 100%;
		margin: 0 auto 50px;
	}
	.summary_box02_sp {
		width: 100%;
		margin: 0 auto;
	}
	.summary_inner_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.summary_contents_sp {
		margin-top: 25px;
	}
	.summary_box01_left_sp {
		width: 100%;
		margin-bottom: 15px;
	}
	.summary_box01_right_sp {
		width: 100%;
	}
	.summary_title_sp {
		line-height: 43px;
		font-size: 2.8em;
		color: #000;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 20px;
	}
	.summary_title_sp span02{
		line-height: 40px;
		font-size: 0.8em;
		color: #303030;
		letter-spacing: 0.01em;
		text-align: left;
		padding: 30px 0 0 0;
	}
	.summary_title02_sp {
		line-height: 45px;
		font-size: 1.4em;
		color: #303030;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-align: left;
		background: url(images/tit_summary_title.jpg) no-repeat top 10px left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin: -7px 0 15px;
		padding: 6px 0 0 45px;
	}
	.summary_title02_sp a{
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		font-weight: bold;
	}
	.summary_title02_sp a:hover{
		color: #00bcee;
	}
	.tel_number_sp {
		font-weight: bold;
		font-size: 2em;
		padding-bottom: 20px;
		border-bottom: 1px dotted #303030;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
	}
	.summary_table01_sp {
		width: 100%;
		border-collapse: collapse;
	}
	.summary_table01_sp th{
		font-size: 0.9em;
		vertical-align: middle;
	}
	.summary_table01_sp td{
		font-size: 0.895em;
	}
	.summary_table01_sp td{
		text-align: left;
		vertical-align: middle;
		padding: 7px 6px;
		word-break: break-all;
		    border-bottom: 1px solid #EBE8E4;
	}
	.summary_table01_sp th{
		width: 28%;
		border-collapse: collapse;
		/*    padding: 13px;*/
		text-align: left;
		font-weight: lighter;
		padding: 7px 5px 7px 0px;
		    border-bottom: 1px solid #EBE8E4;
	}
	.summary_table01_other_sp {
		width: auto;
		text-align: left;
		    border-bottom: 1px solid #EBE8E4;
	}
	
/*	お問い合わせ・プライバシーポリシー スマホ*/
	.contact_box01_sp {
		width: 100%;
		margin: 25px auto 0;
	}
	.contact_inner_sp {
		width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.contact_title_sp {
		line-height: 43px;
		font-size: 2.8em;
		color: #000;
		font-weight: bold;
		letter-spacing: 0.01em;
		text-align: left;
		font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
		margin-bottom: 20px;
	}
	.contact_title_sp span02{
		line-height: 40px;
		font-size: 0.8em;
		color: #303030;
		letter-spacing: 0.01em;
		text-align: left;
		padding: 30px 0 0 0;
		font-family: 'Ubuntu', sans-serif;
	}
    
    .img_three {
        width: 100%;
        margin: 0 auto;
    }
    .img_three li{
        margin: 0 auto;
        width: 100%;
    }
    .img_three li:nth-child(1){
        margin-bottom: 1rem;
    }
    .img_three li:nth-child(2){
        margin-bottom: 1rem;
    }
    .img_three li:nth-child(3){
        margin-bottom: 1rem;
    }
    .staff_bnr {
        width: 100%;
        border: solid 1px #a4a3a3;
        margin-bottom: 2em;
    }
    .more_bnr {
        text-align: right;
    }
    .more_bnr img{
        width: 25%;
    }
}


/****************************************

single.php

*****************************************/
#single_box {
    width: 1340px;
    margin: 0 auto;
}

.single_text {
    width: 100%;
}
.single_text p{
    font-weight: 500;
    font-size: 1.8em;
    letter-spacing: 0.08em;
    line-height: 1.8;
}
.nav-below_single{
    margin-top: 50px;
}

.pager{
    clear:both;
    text-align:center;
    padding:30px 0;
}

a.page-numbers,
.pager .current{
    background:rgba(0,0,0,0.02);
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;
    font-size: 1.4rem;
}
.pager .current{
    background-color:rgba(0,153,255,1);
    border:solid 1px rgba(0,153,255,1);
    color:rgba(255,255,255,1);
}
.nav-below{
    margin: 30px 0 20px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    #single_box {
        width: 100%;
        padding: 0 10px;
    }
}
/****************************************

sidebar

*****************************************/
/****************************************

テーブル

*****************************************/

    td p {
        font-size: 100%;
    }
    .table01 {
        width: 100%;
        border-collapse: collapse;
    }
    .table01 tbody{
        width: 100%;
        border-top: 1px solid #a4a3a3;
    }
    .table01 th{
        font-size: 1.2em;
        vertical-align: middle;
        border-right: 1px solid #a4a3a3;
    }
    .table01 td{
        font-size: 1.2em;
        text-align: left;
        vertical-align: middle;
        padding: 25px;
        word-break: break-all;
        border-bottom: 1px solid #a4a3a3;
    }
    .table01_head,.table01_head02,.table01_head03 {
        text-align: left;
        vertical-align: middle;
        padding: 10px;
        border-bottom: 1px solid #a4a3a3;
    }
    .table01_head {
        width: 30%;
        text-align: center !important;
        background-color: #a4a3a3 !important;
    }
    .table01_head02 {
        width: auto;
        text-align: center !important;
        background-color: #a4a3a3 !important;
    }
    .table01 th{
        width: 28%;
        border-collapse: collapse;
        padding: 25px;
        text-align: left;
        font-weight: lighter;
        padding: 15px 13px 13px 20px;
        border-bottom: 1px solid #a4a3a3;
    }
    .table01_other {
        width: auto;
        text-align: left;
        border-bottom: 1px solid #EBE8E4;
    }

/* スマホテーブル */
@media screen and (max-width: 767px) {
    td p {
        font-size: 100%;
    }
    .table01 {
        width: 100%;
        border-collapse: collapse;
    }
    .table01 tbody{
        width: 100%;
        border-top: 1px solid #a4a3a3;
    }
    .table01 th{
        font-size: 0.7em;
        vertical-align: middle;
        border-right: 1px solid #a4a3a3;
    }
    .table01 td{
        font-size: 0.7em;
        text-align: left;
        vertical-align: middle;
        padding: 20px;
        word-break: break-all;
        border-bottom: 1px solid #a4a3a3;
    }
    .table01_head,.table01_head02,.table01_head03 {
        text-align: left;
        vertical-align: middle;
        padding: 10px;
        border-bottom: 1px solid #a4a3a3;
    }
    .table01_head {
        width: 30%;
        text-align: center !important;
        background-color: #a4a3a3 !important;
    }
    .table01_head02 {
        width: auto;
        text-align: center !important;
        background-color: #a4a3a3 !important;
    }
    .table01 th{
        width: 28%;
        border-collapse: collapse;
        padding: 20px;
        text-align: left;
        font-weight: lighter;
        padding: 15px 13px 13px 20px;
        border-bottom: 1px solid #a4a3a3;
    }
    .table01_other {
        width: auto;
        text-align: left;
        border-bottom: 1px solid #EBE8E4;
    }
}


/****************************************

P

*****************************************/
/* 改行 */
p.line_break, span.line_break, li.line_break {
    padding-top: 40px;
}
/* スマホ */
@media screen and (max-width: 767px) {
	p.line_break, span.line_break, li.line_break {
		padding-top: 20px;
	}
}

/* 赤文字*/
.red_text {
    color: #f9195f;
}
.red {
	color: #f9195f;
}
/* 緑文字*/
.green_text {
    color: #006C2C;
}
/* 青文字*/
.blue_text {
    color: #00bcee;
}
/* 黄文字*/
.yellow_text {
    color: #fff150;
}
/* ピンク文字*/
.pink_text {
    color: #d27272;
}
/* オレンジ文字*/
.orange_text {
    color: #FFC55F;
}


/* 強調*/
.big_text {
    font-size: 2.0rem;
}
.big_bold {
    font-size: 2.0rem;
    font-weight: bold;
}
.bold_text {
    font-weight: bold;
}

/* 小文字*/
.small_text {
    font-size: 1.2rem;
}

/* 非表示*/
.hide_text,.about_us_box01_tit{
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

/****************************************

タイトル

*****************************************/
@media screen and (min-width: 768px) {
    h1.headline {
        line-height: 80px;
        color: #303030;
        font-weight: bold;
        letter-spacing: 0.15em;
        font-size: 3.2em;
        margin-top: 50px;
    }
    h1.headline02 {
        line-height: 80px;
        color: #303030;
        font-weight: lighter;
        letter-spacing: 0.15em;
        font-size: 3.2em;
    }
}
@media screen and (max-width: 767px) {
    h1.headline {
        color: #303030;
        padding: 20px 0 10px;
        font-weight: bold;
        letter-spacing: 0.15em;
        font-size: 2.0em;
        border-bottom: 1px dotted #303030;
        margin-bottom: 20px;
    }
    h1.headline02 {
        color: #303030;
        padding: 20px 0 10px;
        font-weight: bold;
        letter-spacing: 0.15em;
        font-size: 2.0em;
        border-bottom: 1px dotted #303030;
        margin-bottom: 20px;
    }
}

/****************************************

sp_footer

*****************************************/

/* スマホフッター */
@media screen and (max-width: 767px) {
    #pc_footer {
        display: none;
    }
    #sp_footer {
        font-size: 0.9em;
        text-align: left;
        position: relative;
		padding: 3.6em 3em 3.5em;
		background: linear-gradient(#efefef, #ffffff);
        border-top: 1px dotted #ddd;
    }
    .sp_footer_inner {
        width: 100%;
        margin: 0 auto;
    }
	.footer_upper {
		border-bottom: 1px dotted #999;
		padding-bottom: 10px;
		text-align: left;
		margin-bottom: 30px;
	}
	.office_text{
		margin-top: 20px;
	}
	.office_text p{
		font-size: 1.6em;
		line-height: 1.3;
	}
	.office_text p span{
		font-weight: bold;
		font-size: 1.7em;
		letter-spacing: 0.05em;
	}
    .flex02 {
        max-width: 130px;
        display: flex;
        justify-content: space-around;
        padding: 3em 0 2.5em;
        margin: 0 auto;
    }
    .flex02 li{
        width: calc(70% / 2);
    }
    .sp_footer_middle {
        width: 100%;
        padding: 30px 20px;
        margin: 0 auto;
        background-color: #c0333b;
    }
    .sp_footer_logo {
        width: 48%;
        margin-bottom: 20px;
		margin-left: -0.8em;
    }
    .sp_footer_logo li{
        list-style: none;
    }
    .footer_text {
        color: #fff;
        line-height: 1.7;
        font-size: 0.9em;
        font-weight: 550;
        letter-spacing: 0.15em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .footer_text p span {
        color: #fff;
        line-height: 2.5;
        font-size: 1.25em;
        font-weight: 600;
        letter-spacing: 0.08em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }

    .sp_footer_list {
        color: #303030;
        margin-bottom: 10px;
        text-align: left;
        text-decoration: none;
    }
    .sp_footer_list li a{
		color: #303030;
    }
    .sp_footer_list li a:visited{
		color: #303030;
    }
    .sp_footer_list li a:hover{
		color: #f9195f;
    }

    .sp_pagetop {
        position: fixed;
        bottom: 0;
        right: 0;
    }
    h4.sitemap_titile_sp{
        font-size: 0.9em;
        float: left;
        color: #fff;
        text-align: left;
        margin-bottom: 10px;
    }
    .sp_copyright {
        width: 100%;
        display: block;
        text-align: center;
        background: #fff;
        font-size: 1.2rem;
        padding: 10px 0;
        margin-top: 10px;
    }
}

/****************************************

pc_footer

*****************************************/
@media print, screen and (min-width: 768px) {
    #sp_footer{
        display: none;
    }
    #sp_footer02{
        display: none;
    }
    #pc_footer {
        width: 100%;
        height: 360px;
        padding-top: 115px;
        margin: 0 auto;
        background: linear-gradient(#efefef, #ffffff);
    }
    .pagetop {
        position: fixed;
        right: 40px;
        bottom: 500px;
        display: none;
        z-index: 5;
    }
    .pc_footer_inner {
        width: 1400px;
        padding-left: 30px;
        margin: 0 auto;
    }
    .pc_footer_logo {
        width: 205px;
        height: 70px;
        text-align: left;
        padding-right: 50px;
        margin-right: 50px !important;
        border-right: solid 1px #303030;
    }
    .logo_text{
        width: auto;
        padding-top: 25px;
        padding-left: 250px;
    }
    .office_text p{
        font-size: 1.6em;
    }
    .office_text p span{
        font-size: 1.95em;
    }
    .pc_footer_logo li{
        list-style: none;
    }
    .footer_four {
        width: 640px;
    }
    .footer_four li{
        width: 300px;
        float: left;
    }
    .footer_four li:nth-child(1){
        clear: both;
        margin-right: 40px;
    }
    .footer_four li:nth-child(2){
        margin-right: 60px;
    }
    .footer_four li:nth-child(3){
        margin-right: 40px;
    }
    h4.sitemap_titile {
        color: #fff;
        font-size: 1.4em;
        margin-bottom: 20px;
        font-weight: 600;
        letter-spacing: 0.1em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    h4.sitemap_titile a{
        color: #303030;
        text-decoration: none;
    }
    h4.sitemap_titile a:visited{
        color: #303030;
    }
    h4.sitemap_titile a:hover{
        color: #00bcee;
    }
    h4.sitemap_titile02{
        color: #303030;
        font-size: 1.4em;
        font-weight: 600;
        letter-spacing: 0.1em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    h4.sitemap_titile02 a{
        color: #303030;
        text-decoration: none;
    }
    h4.sitemap_titile02 a:visited{
        color: #303030;
    }
    h4.sitemap_titile02 a:hover{
        color: #00bcee;
    }
    .pc_footer_inner .sitemap{
        width: 1400px;
        font-size: 1.3em;
    }
    .pc_footer_inner .sitemap dl{
        float: left;
    }
    .pc_footer_inner .sitemap dl:nth-child(1){
        clear: both;
        width: 150px;
        margin-right: 50px;
    }
    .pc_footer_inner .sitemap dl:nth-child(2){
        width: 150px;
        margin-right: 50px;
    }
    .pc_footer_inner .sitemap dl:nth-child(3){
        width: 120px;
        margin-right: 50px;
    }
    .pc_footer_inner .sitemap dl:nth-child(4){
        width: 190px;
        margin-right: 50px;
    }
    .pc_footer_inner .sitemap dl dt{
        font-size: 1.6em;
        color: #303030;
        margin-bottom: 0px;
        font-weight: bold;
    }
    .pc_footer_inner .sitemap dl dd a{
        font-size: 0.78em;
        color: #303030;
        letter-spacing: 0.08em;
        margin-bottom: 10px;
        text-decoration: none;
        font-weight: 550;
        letter-spacing: 0.12em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
    .pc_footer_inner .sitemap dl dd a li{
        color: #303030;
    }
    .pc_footer_inner .sitemap dl dd a{
        color: #303030;
    }
    .pc_footer_inner .sitemap dl dd a:visited{
        color: #303030;
    }
    .pc_footer_inner .sitemap dl dd a:hover{
        color: #00bcee;
    }
    .pc_footer_inner .sitemap dl dd:before{
        color: #00bcee;
        content: "\f105";
        margin-right: 10px;
        font-weight: bold;
        text-decoration: none !important;
        display: inline-block;
        font-family: FontAwesome;
    }
    .footer_info {
        width: 100%;
    }
    .footer_text {
        color: #303030;
        line-height: 2;
        font-size: 0.83em;
        font-weight: 550;
        letter-spacing: 0.1em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
/*
    .footer_text p span {
        color: #303030;
        line-height: 4;
        font-size: 1.2em;
        font-weight: 600;
        letter-spacing: 0.08em;
        font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    }
*/
    .footer_info_text {
        color: #303030;
        font-size: 0.7em;
        font-weight: 550;
        text-align: center;
        letter-spacing: 0.15em;
        margin-top: 90px;
        padding-bottom: 20px;
    }
}

/****************************************

Contact Form7

*****************************************/
.wpcf7 {
    width: 100%;
}

.wpcf7-form textarea {
    width: 1340px;
    /*本文*/
    max-width: 100%;
}
.wpcf7-form .wpcf7-submit {
    width: 50px !important;
    /*送信ボタン*/
}

.wpcf7 p {
    line-height: 2.0;
    /*項目間の隙間*/
    padding-top: 5px;
}

.wpcf7-form input {
    width: 50% !important;
    height: 45px;
    margin-bottom: 10px;
    /*ラジオボタン、チェックボタン*/
}

.contact_p_strong {
    border-top: 1px dotted #999;
    font-weight: bold;
    margin-top: 15px;
    padding-top: 15px !important;
}

.normal {
    font-weight: normal;
}

.wpcf7-submit {
    margin-top: 10px;
}

.wpcf7-response-output {
    font-size: 1.3em;
}

input.wpcf7c-conf, textarea.wpcf7c-conf {
    background: #eee !important;
    border: solid 1px #eee;
    color: #666;
}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
    padding-right: 1.3em;
}
.wpcf7 input[type="checkbox"] {
    width: 15px !important;
    height: 40px !important;
}
.wpcf7 input[type="file"]{
    width: 360px !important;
    height: 20px !important;
    margin-top: 5px !important;
}

.wpcf7 input[type="submit"] {
    width: 200px !important;
    height: 60px !important;
    padding:15px;
    border-radius:3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    border: none;
    box-shadow: 0 3px 0 #ddd;
    background: #fff;
    color: #303030;
    border: solid 1px #ccc;
    letter-spacing: 0.08em;
    font-weight: 550;
    font-size: 1.13em;
    transition: 0.3s;
    margin-top: 20px;
}
.wpcf7 input[type="submit"]:hover {
    background: #00bcee;
    color: #fff;
    transform: translate3d(0px, 3px, 1px);
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
}
.wpcf7 input[type="button"] {
    width: 200px !important;
    height: 60px !important;
    padding:15px;
    border-radius:3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    border: none;
    box-shadow: 0 3px 0 #ddd;
    background: #fff;
    color: #303030;
    border: solid 1px #ccc;
    letter-spacing: 0.08em;
    font-weight: 550;
    font-size: 0.8em;
    transition: 0.3s;
    margin-top: 20px;
}
.wpcf7 input[type="button"]:hover {
	background: #f9195f;
    color: #fff;
    transform: translate3d(0px, 3px, 1px);
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
}
.inv-recaptcha-holder {
	margin: 25px 0 -40px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 2px solid #f7e700;
	margin-top: 80px!important;
	width: 80%!important;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #00bcee;!important;
	margin-top: 80px!important;
	width: 80%!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900;
	margin-top: 80px!important;
	width: 80%!important;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #00bcee;
	margin-top: 80px!important;
	width: 80%!important;
}
.wpcf7 form.spam .wpcf7-response-output {
	border-color: #ED4E7C;
	margin-top: 80px!important;
	width: 80%!important;
}

/* スマホフォームテキストエリア */
@media screen and (max-width: 767px) {
    .wpcf7-form textarea {
        width: 100% !important;
        /*本文*/
    }
}
/****************************************

追加

*****************************************/
@media print{
    .no_print{
        display: none;
    }
}

.wrapper_fuwari{
    display: block;
    width:100%;
    text-align:center;
    margin:0 auto;
}
.con{
    display: inline-block;
}
.miniCon{
/*    margin: 20px;*/
    width:auto;
    height:auto;
/*    background-color:black;*/
}
/****--------- ふわふわ ---------****/
.fwari{
    animation:fwari ease-in-out 2s infinite alternate;
    -webkit-animation:fwari ease-in-out 2s infinite alternate;
    -moz-animation:fwari ease-in-out 2s infinite alternate;
}
@keyframes fwari{
    0%   { transform:translate(0%, 0%); }
    100% { transform:translate(0%, -30px); }
}
@-webkit-keyframes fwari{
    0%   { -webkit-transform:translate(0%, 0%); }
    100% { -webkit-transform:translate(0%, -30px); }
}

@-moz-keyframes fwari{
    0%   { -moz-transform:translate(0%, 0%); }
    100% { -moz-transform:translate(0%, -30px); }
}

/****************************************

clearfix

*****************************************/
.clearfix {
    display: inline-block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE Mac */
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End Hack */

}