@charset "utf-8";



/*

Theme Name: karaya-pc

Author: 保安企画

*/

/* CSS Document */

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td {

    margin: 0;

    padding: 0;

}



img {

    pointer-events: none;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-touch-callout: none;

    -moz-user-select: none;

    touch-callout: none;

    user-select: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



fieldset,

img {

    border: 0;

}



address,

caption,

cite,

code,

dfn,

em,

strong,

th,

var {

    font-style: normal;

    font-weight: 400;

}



ol,

ul {

    list-style: none;

}



caption,

th {

    text-align: left;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: 100%;

    font-weight: 400;

}



q:before,

q:after {

    content: '';

}



abbr,

acronym {

    border: 0;

}



a {

    text-decoration: none;

}



/* clear fix */

/*For modern browsers */

.cf:before,

.cf:after {

    content: " ";

    display: table;

}



.cf:after {

    clear: both;

}



/* For IE 6/7 only */

.cf {

    *zoom: 1;

}



/* sp 非表示*/

#sp_display {

    display: none;

}



body {

    width: 100%;

    margin: 0;

    padding: 0;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

    line-height: 1.4;

    color: #231f20;

    font-size: .875em;

    letter-spacing: 1px;

    background-color: #fff;

    min-width: 1140px;

    position: relative;



}



/* header */

#header {

/*    width: 960px; */

    width: 1060px;

    height: 80px;

    margin: 0 auto;

    padding: 0;

}



#header h1 {

    float: left;

}



#header h1 a {

    display: block;

}



#header h1 img {

    width: 284px;

    height: 56px;

    margin: 12px 0 12px 20px;

}

#header .logo-mirai {

    float: left;

}



#header .logo-mirai a {

    display: block;

}



#header .logo-mirai img {

    width: 70px;

    height: 55px;

    padding-top: 15px;

    margin-left: 20px;

}









#header .dropmenu {

    float: right;

}

.btn_rec{

    position: absolute;

    top:60px;

    right: 30px;

    z-index: 20;

}

.btn_rec a{display: block;}

/* header-end */

/*--- doropmenu ---*/

.dropmenu {

    *zoom: 1;

    list-style-type: none;

    width: 600px;

    margin: 22px auto 0;

    padding: 0;

}



.dropmenu:before,

.dropmenu:after {

    content: "";

    display: table;

}



.dropmenu:after {

    clear: both;

}



.dropmenu>li {

    position: relative;

    width: 100px;

    height: 54px;

    float: left;

    margin: 0;

    padding: 0;

    font-weight: 400;

    text-align: center;

}



.dropmenu li a {

    display: block;

    margin: 0;

    font-weight: 400;

    padding: 15px 0 11px;

    background-color: #fff;

    color: #231f20;

    font-size: 14px;

    line-height: 1;

    text-decoration: none;

}



.dropmenu li>a>span {

    display: block;

    padding-top: 4px;

    font-size: 60%;

}



.dropmenu li ul {

    list-style: none;

    position: absolute;

    z-index: 9999;

    left: 0;

    right: 0;

    min-width: 220px;

    margin: 0;

    padding: 0;

}



.dropmenu li:nth-child(4) ul {

    min-width: 290px;

}



.dropmenu li ul li {

    width: 100%;

}



.dropmenu li ul li a {

    padding: 13px 0 13px 24px;

    background: #fff;

    text-align: left;

    -webkit-transition: color .3s ease;

    transition: color .3s ease;

}



.dropmenu li ul li a:hover {

    color: #d70051;

}



.dropmenu ul {

    visibility: hidden;

    perspective: 200px;

}



.dropmenu li:hover ul {

    visibility: visible;

}



.dropmenu ul li {

    transform: rotateX(-90deg);

    transform-origin: 50% 0;

    transition: .1s;

}



.dropmenu li:hover ul li {

    transform: rotateX(0);

}



.dropmenu li:hover ul li:nth-child(1) {

    transition-delay: 0s;

}



.dropmenu li:hover ul li:nth-child(2) {

    transition-delay: .1s;

}



.dropmenu li:hover ul li:nth-child(3) {

    transition-delay: .2s;

}



.dropmenu li:hover ul li:nth-child(4) {

    transition-delay: .3s;

}



.dropmenu li:hover ul li:nth-child(5) {

    transition-delay: .4s;

}

.dropmenu li:hover ul li:nth-child(6) {

    transition-delay: .5s;

}

.dropmenu li:hover ul li:nth-child(7) {

    transition-delay: .6s;

}

.dropmenu li ul li:nth-last-of-type(1) {

    transition-delay: 0s;

}



.dropmenu li ul li:nth-last-of-type(2) {

    transition-delay: .1s;

}



.dropmenu li ul li:nth-last-of-type(3) {

    transition-delay: .2s;

}



.dropmenu li ul li:nth-last-of-type(4) {

    transition-delay: .3s;

}



.dropmenu li ul li:nth-last-of-type(5) {

    transition-delay: .4s;

}

.dropmenu li ul li:nth-last-of-type(6) {

    transition-delay: .5s;

}

.dropmenu li ul li:nth-last-of-type(7) {

    transition-delay: .6s;

}



/* nemu underline */

.dropmenu>li>a {

    position: relative;

    display: inline-block;

    text-decoration: none;

}



.dropmenu>li:after {

    content: '';

    position: absolute;

    bottom: 24px;

    left: 0;

    width: 100%;

    height: 1px;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    background-color: #d70051;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.dropmenu>li:hover:after {

    -webkit-transform: scaleX(1);

    -ms-transform: scaleX(1);

    transform: scaleX(1);

}



/* nemu underline-end */

/* doropmenu-end */

/*--- footer ---*/

#footer {

    width: 100%;

    margin: 44px auto 0;

    padding: 20px 0 40px;

    background-color: #e7edf1;

}



#footer>div {

    width: 960px;

    margin: 0 auto;

}



#footer .footer_access {

    width: 608px;

    float: left;

}



#footer .footer_rogo {

    width: 284px;

    height: 56px;

}



#footer .footer_text {

    margin: 18px 0 18px 14px;

    max-width: 538px;

    overflow: visible;

    font-size: 15px;

    line-height: 1.6em;

    letter-spacing: 0;

}



ul.footer_navi {

    margin: 0 0 0 1em;

}



ul.footer_navi li {

    display: table-cell;

    font-size: 12px;

    padding-right: 10px;

    color: #595757;

}



ul.footer_navi li>a {

    text-decoration: underline;

}



#footer .footer_banner {

    margin-top: 44px;

    width: 352px;

    float: left;

}



#footer .footer_banner a {

    display: block;

    margin-right: 18px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    float: left;

}



#footer .footer_banner a:last-of-type {

    margin-right: 0;

}



#footer .footer_banner>a:hover {

    opacity: .6;

}



#copyright {

    width: 100%;

    padding: 1em 0;

    font-size: 12px;

    color: #595757;

    text-align: center;

    background-color: #fff;

}



.page_top {

    width: 50px;

    height: auto;

    position: fixed;

    bottom: 169px;

    right: 8%;

    padding: 0;

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease;

}



.page_top>img {

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease;

}



.page_top>img:hover {

    cursor: pointer;

    opacity: .6;

}



/*--- footer-end ---*/

/*---- top content ----*/

/* slideshow */

.bgsw {

    width: 100%;

    margin: 0 auto;

    background-position: center center;

    background-repeat: none;

    position: relative;;

}



.bgsw div {

    width: 960px;

    height: 790px;

    margin: 0 auto;

    text-align: center;

}



.bgsw img {

    display: block;

    width: 376px;

    height: 272px;

    margin: 0 auto;

    padding-top: 450px;

    clear: both;

}



.bgsw div .txt {

    margin: 0 auto;

    font-size: 16px;

    line-height: 1.8em;

    font-weight: 700;

    -moz-text-shadow: 2px 2px 4px #fff;

    -webkit-text-shadow: 2px 2px 4px #fff;

    text-shadow: 2px 2px 4px #fff;

    padding-top: 350px;

    position: relative;

    z-index: -1;

}



.bgsw div .txt .bg_siro {

    padding: 10px;

    background: url(img/top/bg_siro.png);

}





/* slideshow */

/* top-content*/

.top_product {

    width: 960px;

    margin: 80px auto 0;

    text-align: center;

}



.top_product h2 {

    margin: 0 auto 8px;

    font-size: 32px;

    font-weight: 700;

    letter-spacing: 1px;

}



.top_product p {

    margin-bottom: 54px;

}



.top_product .slider {

    width: 960px;

    height: 168px;

    margin: 0 auto;

}



.top_product .slider a {

    display: block;

    margin: auto;

    width: 270px;

}



.top_recruit {

    width: 100%;

    margin: 135px auto 0;

}



.top_recruit .top_rec_top {

    width: 100%;

    height: 240px;

    background-image: url(img/top/top_rec_03.jpg);

    background-position: left, top;

    background-repeat: repeat-x;

}



.top_recruit .top_rec_top .rec_top_in {

    position: relative;

    margin: 0 auto;

}



.top_recruit .top_rec_right {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0 0 0 320px;

    width: 56%;

    height: 240px;

    background-image: url(img/top/top_rec_right.png);

    background-position: left;

    background-repeat: no-repeat;

}



.top_recruit .top_rec_right .more {

    position: absolute;

    top: 200px;

    left: 30px;

}



.top_recruit .top_rec_right .more>a {

    display: block;

    width: 87px;

    height: 28px;

}



.top_recruit .top_rec_right .to_movie {

    position: absolute;

    top: 200px;

    left: 156px;

}



.top_recruit .top_rec_right .to_movie>a {

    display: block;

    width: 170px;

    height: 28px;

}



.top_recruit .top_rec_right>div>a {

    display: block;

    -webkit-transition: background .4s ease;

    transition: background .4s ease;

}



.top_recruit .top_rec_right>div>a:hover {

    background-color: #4551c2;

}



.top_recruit .top_rec_bottom {

    margin: 0 auto;

    width: 100%;

    height: 240px;

    background-image: url(img/top/top_rec_04.jpg);

    background-position: center, center;

    background-repeat: repeat-x;

}



/*---- top content end----*/

/*---- comp01 content ----*/

div[id^="page_title"] {

    display: table;

    width: 100%;

    height: 300px;

    margin: 0 auto 30px;

    background-position: center;

    background-repeat: no-repeat;

}



div#page_title01 {

    background-image: url(img/comp/comp_title01.png);

}



div[id^="page_title"]>h2 {

    display: table-cell;

    width: 960px;

    margin: 0 auto;

    padding-top: 24px;

    font-size: 52px;

    color: #fff;

    text-align: center;

    vertical-align: middle;

}



div[id^="page_title"]>h2>span {

    display: block;

    font-size: 18px;

}



div#content {

    width: 960px;

    margin: 0 auto;

}



div#content div.page_link {

    width: 960px;

    margin-bottom: 80px;

}



div#content div.page_link div {

    display: table;

    margin-right: 20px;

    width: 225px;

    height: 60px;

    text-align: center;

    background-color: #4551c2;

    box-sizing: border-box;

    float: left;

}



div#content div.page_link div a {

    vertical-align: middle;

    display: table-cell;

    height: 40px;

    color: #4551c2;

    font-size: 18px;

    letter-spacing: 2px;

    text-align: center;

    line-height: 1em;

    background-color: #fff;

    border: 1px solid #4551c2;

    box-sizing: border-box;

    -webkit-transition: background .4s ease;

    transition: background .4s ease;

}



div#content div.page_link div a.activ,

div#content div.page_link div a:hover {

    color: #fff;

    background-color: #4551c2;

    border: none;

    padding-top: 12px;

}



div#content div.page_link div a.activ:after,

div#content div.page_link div a:hover:after {

    content: "▼";

    display: block;

    line-height: 1em;

    font-size: 12px;

}



div#content div.page_link div:last-child {

    margin-right: 0;

}



/* div#content div.page_link div: div#content div.page_link div a {

    color: #fff;

} */



div#content div.title_area {

    width: 850px;

    margin: 0 auto 80px;

    text-align: center;

}

div#content div.title_area.wide {

    width: 960px;

    margin: 0 auto 80px;

    text-align: center;

}









div#content div.title_area div.philosophy {

    font-size: 32px;

    font-weight: 700;

}



div#content div.title_area>img.about_title {

    width: 830px;

}



div#content div.title_area p {

    display: inline-block;

    font-size: 14px;

    border-bottom: 1px solid #d70051;

    padding-bottom: 4px;

}



div#content div.title_area img {

    text-align: center;

}



div#content div.greeting {

    margin-bottom: 80px;

}



div#content h3 {

    width: 960px;

    margin-bottom: 50px;

    font-size: 22px;

    letter-spacing: 1px;

    font-weight: 700;

    border-bottom: 1px solid #9fa0a0;

}



div#content h3:before {

    content: "";

    display: inline-block;

    vertical-align: bottom;

    width: 2px;

    height: 22px;

    margin: 0 12px 0 0;

    background-color: #d70051;

}



div#content h3 sub {

    display: inline-block;

    color: #9fa0a0;

    font-weight: 400;

    font-size: 12px;

    padding: 0 0 0 20px;

}



div#content div.greeting div.greeting_text {

    width: 610px;

    /* width: 100%; */

    padding-left: 16px;

    float: left;

}



div#content div.greeting div.greeting_text p.greeting_message {

    margin-top: 20px;

    font-size: 32px;

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}



div#content div.greeting div.greeting_text p {

    margin-bottom: 30px;

}



div#content div.greeting div.greeting_text img {

    display: block;

    float: right;

    margin-top: inherit;

}



div#content div.greeting img {

    display: block;

    float: right;

    margin-top: 90px;

}



div#content div.comp_logo {

    width: 726px;

    margin: 0 auto 80px;

    border: 1px solid #9fa0a0;

    -moz-border-radius: 24px;

    -webkit-border-radius: 24px;

    border-radius: 24px;

}



div#content div.comp_logo img {

    display: block;

    margin: 80px 60px;

    float: left;

}



div#content div.comp_logo div.logo_text {

    width: 400px;

    margin: 56px 24px 0 0;

    float: left;

}



div#content div.comp_logo div.logo_text p.logo_title {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 16px;

}



div#content div.comp_logo div.logo_text p {

    line-height: 1.6em;

}



div#content div.comp_logo div.logo_text p span {

    display: block;

    font-weight: 700;

}



/*---- comp01 content end ----*/

/*---- comp02 content ----*/

div#page_title02 {

    background-image: url(img/comp/comp_title02.png);

}



div.overview {

    margin-bottom: 80px;

}



div.overview table.overview_table {

    width: 46%;

    margin-left: 4%;

    float: left;

    border: none;

    box-sizing: border-box;

}



div.overview table.overview_table tbody tr {

    vertical-align: top;

    letter-spacing: 0;

}



div.overview table.overview_table tbody tr th {

    width: 80px;

    text-align: right;

    font-weight: 700;

    padding: 8px 40px 8px 0;

    vertical-align: top;

}



tr.bb {

    border-bottom: solid 1px #c9caca;

}



div.overview table.overview_table tbody tr td {

    padding: 8px 0;

}



div.overview table.overview_table tbody tr td a {

    display: inline-block;

}





div.mirai_site {

    width: 960px;

    margin: 0 auto 80px;

}



div.mirai_site ul{

    width: 886px;

    margin: auto;

    display: flex;

    justify-content: space-between;

}

div.mirai_site .logo{

    width: 28%;

}



div.mirai_site .logo a{

    display: block;

}



div.mirai_site .txt{

    width: 68%;

    text-align: justify;

    text-justify: inter-cluster;

    line-height: 1.5em;

}



div.business_site {

    width: 960px;

    margin: 0 auto 80px;

}



div.business_site>table {

    width: 866px;

    margin: 0 auto 80px;

}



div.business_site>table>caption {

    font-size: 16px;

    font-weight: 700;

    padding-bottom: 8px;

}



div.business_site>table>tbody>tr {

    font-size: 14px;

}



div.business_site>table>tbody>tr>th {

    width: 240px;

    text-align: left;

    background-color: #f7f8f8;

    padding: 8px 0 8px 1em;

    border: solid 1px #c9caca;

    border-collapse: collapse;

}



div.business_site>table>tbody>tr>th.office {

    width: 120px;

    background-color: #fcfcfc;

}



div.business_site>table>tbody>tr>td {

    padding: 8px 0 8px 1em;

    border: solid 1px #c9caca;

    border-right: none;

    border-collapse: collapse;

}



div.business_site>table>tbody>tr>td:last-child {

    border-left: none;

    border-right: solid 1px #c9caca;

}



div.business_site>div.affiliated_steel {

    width: 886px;

    margin: 0 auto 80px;

}



div.business_site>div.affiliated_steel>p {

    font-size: 18px;

    height: 24px;

    padding: 2px auto;

    background-color: #dcdddd;

    margin-bottom: 40px;

}



div.business_site>div.affiliated_steel>p:before {

    content: "";

    display: inline-block;

    width: 2px;

    height: 100%;

    margin-left: 2px;

    margin-right: .5em;

    line-height: 1em;

    background-color: #e60012;

    float: left;

}



div.business_site>div.affiliated_steel>div.affiliated_steel_image>img {

    display: table-cell;

    width: 438px;

    height: 278px;

    margin: 0 10px 10px 0;

    box-sizing: border-box;

    float: left;

}



div.business_site>div.affiliated_steel>div.affiliated_steel_image>img:nth-child(2n) {

    margin-right: 0;

}



div.business_site>div.affiliated_steel>div.affiliated_steel_image>img:last-child {

    display: block;

    width: 886px;

    height: 550px;

    padding: 0;

}



div.history {

    width: 960px;

    margin: 0 auto 80px;

}



div.history>div.history_dl>dl>dt>img {

    display: block;

    height: 10px;

    width: 10px;

    float: left;

}



div.history>table {

    width: 48%;

    padding-left: 2%;

    background-image: url(img/comp/boder.gif);

    background-position-x: 6px;

    background-repeat: repeat-y;

    box-sizing: border-box;

    float: left;

}



div.history>table>tbody>tr {

    vertical-align: top;

    letter-spacing: 0;

}



div.history>table>tbody>tr>th {

    display: table-cell;

    width: 32%;

    padding: 8px 10px 8px 20px;

    font-size: 16px;

    color: #4551c2;

    background-image: url(img/comp/history_icon01.png);

    background-position-y: 14px;

    background-position-x: 1px;

    background-repeat: no-repeat;

}



div.history>table>tbody>tr>th>span {

    color: #3e3a39;

    font-size: 14px;

    padding-right: 10px;

    box-sizing: border-box;

    float: right;

}



div.history>table>tbody>tr>td {

    width: 100%;

    padding: 8px 0;

    font-size: 14px;

    color: #3e3a39;

    box-sizing: border-box;

}



/*---- comp02 content end ----*/

/*---- comp03 content  ----*/

div#page_title03 {

    background-image: url(img/comp/comp_title03.png);

}



div#content>div.engi {

    width: 960px;

    margin: 40px auto 80px;

    text-align: center;

    border-bottom: 1px solid #c9caca;

}



div#content>div.engi>div.engi_title>p {

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    font-size: 42px;

}



div#content>div.engi>div.engi_title>p:after {

    content: "";

    display: block;

    margin: 20px auto 40px;

    width: 100px;

    height: 2px;

    border-bottom: 1px solid #d70051;

}



div#content>div.engi>p.engi_text {

    margin: 0 auto 32px;

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    text-align: center;

    font-size: 16px;

    line-height: 1.8em;

}



div#content>div.engi>p.engi_text>img {

    display: block;

    margin: 0 auto 20px;

}



div#content>div.rikyu {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.rikyu>h3 {

    border-bottom: none;

}



div#content>div.rikyu>h3:before {

    width: 6px;

    height: 58px;

    float: left;

}



div#content>div.rikyu>img.rikyu_left {

    width: 200px;

    height: 285px;

    margin-right: 20px;

    float: left;

}



div#content>div.rikyu>div.rikyu_right {

    width: 740px;

    height: 285px;

    float: left;

}



div#content>div.rikyu>div.rikyu_right>p.rikyu_title {

    margin: 0 0 20px;

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    text-align: left;

    color: #4551c2;

    font-size: 24px;

}



div#content>div.rikyu>div.rikyu_right>p {

    font-size: 14px;

    line-height: 1.8em;

}



div#content>div.tukumo {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.tukumo>div.tukumo_left {

    float: left;

}



div#content>div.tukumo>div.tukumo_left>p {

    width: 706px;

    margin-right: 40px;

    padding-left: 14px;

    font-size: 14px;

    text-align: left;

    line-height: 1.8em;

}



div#content>div.tukumo>div.tukumo_right {

    width: 200px;

    float: left;

}



div#content>div.tukumo>div.tukumo_right>img {

    margin-bottom: 20px;

}



div#content>div.kujoji {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.kujoji>p {

    padding-left: 14px;

}



/*---- comp03 content end ----*/

/*---- comp04 content ----*/

div#page_title04 {

    background-image: url(img/comp/comp_title04.png);

}



div#content>div.interview {

    margin: 0 auto 80px;

}



div#content>div.interview>div.interview_title {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.interview>div.interview_title>img {

    display: block;

    margin-bottom: 80px;

}



div#content>div.interview>div.interview_title>p {

    text-align: center;

    font-size: 32px;

    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}



div#content>div.interview>div.interview_detail {

    margin-bottom: 40px;

}



div#content>div.interview>div.interview_detail>h4 {

    margin-bottom: 20px;

    padding-left: 20px;

    color: #4551c2;

    font-size: 24px;

    font-weight: 700;

}



div#content>div.interview>div.interview_detail>h4:before {

    content: "";

    display: block;

    margin-bottom: 10px;

    background-color: #4551c2;

    width: 30px;

    height: 8px;

}



div#content>div.interview>div.interview_detail>p {

    padding-left: 20px;

    font-size: 15px;

    line-height: 1.6em;

}



div#content>div.interview>div.interview_imege_area {

    margin-bottom: 40px;

}



div#content>div.interview>div.interview_imege_area>img {

    width: 470px;

    float: left;

}



div#content>div.interview>div.interview_imege_area>img:nth-child(2n) {

    float: right;

}



/*---- comp04 content end ----*/

/*============================

  comp end

============================*/

/*============================

  biz

============================*/

/*---- biz01 content ----*/

div#page_title05 {

    background-image: url(img/biz/biz_title01.png);

}



div#content>div.biz_area01 {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.biz_area01>h3 {

    border-bottom: none;

    margin-bottom: 20px;

}



div#content>div.biz_area01>h3:before {

    width: 6px;

    height: 58px;

    float: left;

}



div#content>div.biz_area01>img {

    display: block;

    margin-right: 20px;

    width: 460px;

    height: 340px;

    float: left;

}



div#content>div.biz_area01>div.biz_area01_text {

    width: 470px;

    float: left;

}



div#content>div.biz_area01>div.biz_area01_text>p {

    padding-left: 10px;

}



div#content>div.biz_area02 {

    display: table;

    width: 960px;

    height: 155px;

    margin: 0 auto 80px;

}



div#content>div.biz_area02>img {

    margin-right: 20px;

    width: 130px;

    height: 155px;

    float: left;

}



div#content>div.biz_area02>div.biz_area02_right {

    display: table;

    height: 156px;

    width: 810px;

}



div#content>div.biz_area02>div.biz_area02_right>dl {

    height: 154px;

    border-top: 1px solid #c9caca;

}



div#content>div.biz_area02>div.biz_area02_right>dl>dt {

    width: 140px;

    background-color: #f7f8f8;

}



div#content>div.biz_area02>div.biz_area02_right>dl>dd {

    width: 670px;

    background-color: #fff;

    border-right: 1px solid #c9caca;

}



div#content>div.biz_area02>div.biz_area02_right>dl>dt,

div#content>div.biz_area02>div.biz_area02_right>dl>dd {

    display: table-cell;

    height: 38px;

    padding-top: 10px;

    padding-left: 16px;

    border-bottom: 1px solid #c9caca;

    border-left: 1px solid #c9caca;

    box-sizing: border-box;

    float: left;

}



div#content>div.biz_area03 {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.biz_area03>dl {

    width: 886px;

    margin: 0 auto;

}



div#content>div.biz_area03>dl>dt,

div#content>div.biz_area03>dl>dd {

    padding-top: 12px;

    padding-left: 30px;

    height: 40px;

    box-sizing: border-box;

    border-top: 1px solid #c9caca;

    float: left;

}



div#content>div.biz_area03>dl>dt {

    width: 30%;

    font-weight: 700;

}



div#content>div.biz_area03>dl>dd {

    width: 70%;

}



div#content>div.biz_area03>dl>dt:last-of-type,

div#content>div.biz_area03>dl>dd:last-of-type {

    border-bottom: 1px solid #c9caca;

}



div#content>div.biz_area03>dl>dd>a {

    text-decoration: underline;

}



/*---- biz01 content end ----*/

/*---- biz02 content ----*/

div#page_title06 {

    background-image: url(img/biz/biz_title02.png);

}



div#content>div.biz_area02>div.construction {

    width: 660px;

}



div#content>div.biz_area02>div.construction>dl>dt {

    width: 140px;

    padding-left: 8px;

}



div#content>div.biz_area02>div.construction>dl>dd {

    width: 520px;

    padding-left: 8px;

}



/*---- biz02 content end ----*/

/*---- biz03 content  ----*/

div#page_title07 {

    background-image: url(img/biz/biz_title03.png);

}



div#content>div.biz_area02>div.tap {

    width: 660px;

}



div#content>div.biz_area02>div.tap>dl {}



div#content>div.biz_area02>div.tap>dl>dt {

    width: 140px;

    height: 155px;

    padding-top: 20px;

    line-height: 1.8em;

}



div#content>div.biz_area02>div.tap>dl>dd {

    width: 520px;

    height: 155px;

    padding-top: 20px;

    line-height: 1.8em;

}



/*---- biz03 content end ----*/

/*---- biz04 content ----*/

div#page_title08 {

    background-image: url(img/biz/biz_title04.png);

}



div#content>div.biz_area02>div.hardware {

    width: 886px;

    margin: 0 auto 80px;

}



div#content>div.biz_area02>div.hardware>dl {

    margin: 0 auto;

}



div#content>div.biz_area02>div.hardware>dl>dt {

    width: 140px;

    height: 100px;

    padding-top: 20px;

    line-height: 1.8em;

}



div#content>div.biz_area02>div.hardware>dl>dd {

    width: 746px;

    height: 100px;

    padding-top: 20px;

    line-height: 1.8em;

}



div#content>div.biz_area02>div.hardware>div.bardware_image>img {

    width: 280px;

    height: 186px;

    margin-right: 23px;

    float: left;

}



div#content>div.biz_area02>div.hardware>div.bardware_image>img:last-child {

    margin-right: 0;

}



/*---- biz04 content end ----*/

/*============================

  biz   end

============================*/

/*============================

  group

============================*/

div#page_title09 {

    background-image: url(img/group/group_title.png);

}





div#content div.kanren_link {

    width: 960px;

    margin-bottom: 80px;

    display: flex;

    justify-content: space-evenly;

	flex-wrap:wrap;

}



div#content div.kanren_link div {

    height: 60px;

    text-align: center;

    box-sizing: border-box;

    border: solid 1px #4551c2;

}



div#content div.kanren_link div:hover,

div#content div.kanren_link div.stay {

    background-color: #4551c2;

}

div#content div.kanren_link div a {

    display: block;

    width: 100%;

    height: 60px;

}





div#content div.kanren_link div:nth-child(1){

	/*width:17%;*/

    background-image:url(img/group/g01_off.png) ;

    background-position:center center ;

    background-repeat: no-repeat;

	margin-bottom:20px;

}

div#content div.kanren_link div:nth-child(2){

	/*width:23%;*/

    background-image:url(img/group/g02_off.png) ;

    background-position:center center ;

    background-repeat: no-repeat;

	margin-bottom:20px;

}

div#content div.kanren_link div:nth-child(3){

	/*width:25%;*/

    background-image:url(img/group/g03_off.png) ;

    background-position:center center ;

    background-repeat: no-repeat;

	margin-bottom:20px;

}

div#content div.kanren_link div:nth-child(4){

	/*width:23%;*/

    background-image:url(img/group/g04_off.png) ;

    background-position:center center ;

    background-repeat: no-repeat;

	margin-bottom:20px;

}

div#content div.kanren_link div:nth-child(5){

    background-image:url(img/group/g06_off.png) ;

    background-position:center center ;

    background-repeat: no-repeat;

	margin-bottom:20px;

}



div#content div.kanren_link div{

	width:30%;

}

div#content div.kanren_link div:last-child{

	border:none;

 	pointer-events: none;

}



div#content div.kanren_link div.stay:nth-child(1),

div#content div.kanren_link div:nth-child(1):hover{

    background-image:url(img/group/g01_on.png) ;

}

div#content div.kanren_link div.stay:nth-child(2),

div#content div.kanren_link div:nth-child(2):hover{

    background-image:url(img/group/g02_on.png) ;

}

div#content div.kanren_link div.stay:nth-child(3),

div#content div.kanren_link div:nth-child(3):hover{

    background-image:url(img/group/g03_on.png) ;

}

div#content div.kanren_link div.stay:nth-child(4),

div#content div.kanren_link div:nth-child(4):hover{

    background-image:url(img/group/g04_on.png) ;

}

div#content div.kanren_link div.stay:nth-child(5),

div#content div.kanren_link div:nth-child(5):hover{

    background-image:url(img/group/g06_on.png) ;

}









/*---- group02 content  ----*/

div#content>div.group_characteristic {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.group_characteristic p {

    width: 940px;

    margin: 0 auto;

    font-size: 16px;

    line-height: 1.8em;

    letter-spacing: .4px;

}



div#content div.group_products {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.group_products>table {

    width: 960px;

    font-size: 13px;

    border-top: 1px solid #c9caca;

    line-height: 2.2em;

}



div#content>div.group_products>table>tbody>tr>th,

div#content div.group_products>table>tbody>tr>td {

    padding: 10px 0 10px 16px;

    vertical-align: top;

    border-bottom: 1px solid #c9caca;

    border-left: 1px solid #c9caca;

    box-sizing: border-box;

}



div#content>div.group_products>table>tbody>tr>th {

    width: 200px;

    background-color: #f7f8f8;

}



div#content>div.group_products>table>tbody>tr>td {

    width: 760px;

    background-color: #fff;

    border-right: 1px solid #c9caca;

}

div#content>div.group_products>table>tbody span{

    display: inline-block;

}

div#content>div.group_products>table>tbody>tr>td>a {

    text-decoration: underline;

}



div#content>div.group_manufactures {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.group_manufactures>dl {

    width: 886px;

    margin: 0 auto;

}



div#content>div.group_manufactures>dl>dt,

div#content>div.group_manufactures>dl>dd {

    padding-top: 12px;

    padding-left: 30px;

    height: 40px;

    box-sizing: border-box;

    border-top: 1px solid #c9caca;

    float: left;

}



div#content>div.group_manufactures>dl>dt:last-of-type,

div#content>div.group_manufactures>dl>dd:last-of-type {

    border-bottom: 1px solid #c9caca;

}



div#content>div.group_manufactures>dl>dt {

    width: 30%;

    font-weight: 700;

}



div#content>div.group_manufactures>dl>dd {

    width: 70%;

}



div#content>div.group_manufactures>dl>dd a {

    text-decoration: underline;

}



div#content>div.group_location {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.group_location iframe {

    display: block;

    margin: 0 auto;

}



div#content>div.group_location p {

    width: 886px;

    margin: 1em auto 0;

    text-align: left;

}



div#content>div.group_location p br {

    display: none;

}



/*---- group02 content end ----*/

/*---- group03 content ----*/

div#content>div.group_location>p.map_detail {

    width: 886px;

    padding: 10px 20px;

    line-height: 2.4em;

    letter-spacing: 0;

    background-color: #efefef;

}



div#content>div.group_location>div.business_site {

    width: 846px;

    margin: 0 auto 40px;

    padding-bottom: 40px;

    border-bottom: 1px solid #9fa0a0;

}



div#content>div.group_location>div.business_site:last-child {

    border-bottom: none;

}



div#content>div.group_location>div.business_site h4.business_site {

    margin: 0 auto .4em;

    font-size: 16px;

    font-weight: 700;

}



/*---- group03 content end ----*/

/*---- group04 content ----*/

div#content>div.group_specialty {}



div#content>div.group_specialty>div.specialty_main {

    position: relative;

    width: 886px;

    height: 400px;

    margin: 0 auto 24px;

    background-image: url(img/group/group_specialty.png);

    background-repeat: no-repeat;

    background-position: center;

}



div#content>div.group_specialty>div.specialty_main>a {

    display: block;

    position: absolute;

    top: 280px;

    right: 60px;

    width: 244px;

    height: 62px;

    border: 1px solid #fff;

}



div#content>div.group_specialty>div.specialty_main>a:hover {

    background-color: #d70051;

}



div#content>div.group_specialty>h4 {

    position: relative;

    width: 886px;

    height: 34px;

    margin: 0 auto 24px;

    font-size: 20px;

    background-color: #dcdddd;

}



div#content>div.group_specialty>h4:before {

    content: "";

    display: inline-block;

    width: 2px;

    height: 34px;

    margin: 0 .5em 0 4px;

    margin-right: .5em;

    background-color: #e60012;

}



div#content>div.group_specialty>h4>p {

    display: inline-block;

    position: absolute;

    top: 5px;

}



div#content>div.group_specialty>div.specialty_content {

    width: 886px;

    margin: 0 auto;

}



div#content>div.group_specialty>div.specialty_content>div {

    width: 282px;

    margin: 0 20px 24px 0;

    float: left;

}



div#content>div.group_specialty>div.specialty_content>div:nth-child(3n) {

    margin-right: 0;

}



div#content>div.group_specialty>div.specialty_content>div>img {

    width: 282px;

}



div#content>div.group_specialty>div.specialty_content>div>p {

    margin: 4px 0 8px;

    padding-bottom: 4px;

    font-size: 16px;

}



div#content>div.group_specialty>div.specialty_content>div>p:before {

    content: "";

    display: inline-block;

    width: 2px;

    height: 16px;

    margin-right: .5em;

    background-color: #e60012;

}



/*---- group04 content end ----*/



/*---- group06(山口ねじ) content end ----*/

div#content.page_yamaguchi_neji>div.group_specialty>h4{

	width:98%;

	line-height:2;

	margin:0 auto 30px;

	padding-left:0.5em;

	position:unset;

}

div#content.page_yamaguchi_neji>div.group_specialty>h4:before{

display:none;

}

/*---- group06 content ----*/





/*============================

  group   end

============================*/

/*============================

  recruit

============================*/

/*----   recruit01 content  ----*/

div#page_title10 {

    background-image: url(img/recruit/recruit_title_2.png);

}



div#content>div.three_link>div {

    display: table;

    margin-right: 20px;

    width: 306px;

    height: 60px;

    text-align: center;

    background-color: #4551c2;

    box-sizing: border-box;

    float: left;

}







div#content>div.title_area>img {

    width: 830px;

    margin: 0 auto 80px;

}

div#content>div.title_area.wide>img {

    width: 960px;

    margin: 0 auto 60px;

}

div#content>div.title_area.wide .sankyo-ttl {

    max-width: 940px;
    text-align: left;
    color: red;
    font-weight: bold;
    font-size: 27px;
    margin: 0 auto 10px;

}

div#content>div.title_area.wide .sankyo-ttl span {

    display: inline-block;
    font-weight: bold;

}

div#content>div.title_area.wide .sankyo-link {

    max-width: 940px;
    text-align: right;
    font-size: 21px;
    margin: auto;

}

div#content>div.title_area.wide .sankyo-link a {

    text-decoration: underline;
    
}


div#content>div.title_area>img.rec_message_img {

    width: 706px;

}



div#content>div.title_area>p.rec_text {

    font-size: 15px;

    line-height: 3em;

    border-bottom: none;

}



div#content>div.recruitment>table {

    width: 866px;

    margin: 0 auto;

}



div#content>div.recruitment {

    margin: 0 auto 80px;

}



div#content>div.recruitment>table>tbody>tr>th {

    width: 240px;

    text-align: left;

    background-color: #f7f8f8;

    padding: 8px 0 8px 1em;

    border: solid 1px #c9caca;

    border-collapse: collapse;

}



div#content>div.recruitment>table>tbody>tr>td {

    padding: 8px 0 8px 1em;

    border: solid 1px #c9caca;

    border-right: none;

    border-collapse: collapse;

}



div#content>div.recruitment>table>tbody>tr>td:last-child {

    border-left: none;

    border-right: solid 1px #c9caca;

}



div#content>div.recruitment>div.application_buttan {

    display: table;

    width: 400px;

    height: 40px;

    padding: 2px;

    margin: 40px auto;

    font-size: 20px;

    text-align: center;

    border: 4px solid #6a95e0;

    box-sizing: border-box;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



div#content>div.recruitment>div.application_buttan>a {

    display: table-cell;

    text-decoration: none;

    height: 40px;

    outline: 1px solid #fff;

    vertical-align: middle;

    color: #fff;

    background-color: rgba(106, 149, 224, 1.0);

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

}



div#content>div.recruitment>div.application_buttan>a:hover {

    background-color: rgba(106, 149, 224, 0.6);

}



/*----   recruit01 content end ----*/

/*----   recruit02 content  ----*/

div#page_title11 {

    background-image: url(img/recruit/staff_title.png);

}



div#page_title11>h2 {

    text-indent: -9999px;

}



h2.staff {

    visibility: hidden;

}



video {

    cursor: pointer;

}



.video_area {

    width: 960px;

    height: auto;

    margin: 80px auto;

}

.video_area .waku{

    width: 560px;

    margin: auto;

}





div#content>div.staff_area {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.staff_area>div.staff_wrap {

    display: table-cell;

    width: 318px;

    margin: 0 3px 10px 0;

    box-sizing: border-box;

    float: left;

}



div#content>div.staff_area>div.staff_wrap:nth-child(3n+1) {

    margin-right: 0;

}



div#content>div.staff_area>div.staff_wrap>img {

    display: block;

    width: 318px;

    height: 700px;

}



div.staff_wrap>div[class^="staff_image"] {

    position: relative;

    width: 318px;

    height: 700px;

}



div.staff_wrap>div.staff_image01 {

    background-image: url(img/recruit/staff01.jpg);

}



div.staff_wrap>div.staff_image02 {

    background-image: url(img/recruit/staff02.jpg);

}



div.staff_wrap>div.staff_image03 {

    background-image: url(img/recruit/staff03.jpg);

}



div.staff_wrap>div.staff_image01:hover {

    display: block;

}



div.staff_wrap>div.staff_image01>img {

    position: absolute;

    top: 10px;

    left: 0;

}



div#content>div.staff_area>div.staff_wrap>p.name {

    width: 310px;

    margin-right: 8px;

    padding-top: .4em;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.4em;

    border-bottom: 1px solid #9fa0a0;

}



div#content>div.staff_area>div.staff_wrap>p.name>span {

    font-size: 14px;

    font-weight: 400;

    color: #9fa0a0;

    margin-left: 1em;

}



div#content>div.staff_area>div.staff_wrap>p.staff_detail {

    padding-top: .4em;

    font-size: 14px;

    line-height: 1.4em;

}



div#content>div.staff_area>div.staff_wrap>p.staff_detail>br {

    display: none;

}



div#content>div.staff_area>div.staff_wrap>p.staff_detail>span {

    display: block;

}



div#content>div.staff_message {

    margin: 0 auto 80px;

}



div#content>div.staff_message>p.staff_message_fell {

    margin-bottom: 20px;

    padding-left: 20px;

    font-size: 26px;

    font-weight: 700;

    color: #4551c2;

}



div#content>div.staff_message>p {

    padding-left: 20px;

    line-height: 1.8em;

}













/* スタッフの声　/staff/   */



#vice01,

#vice02,

#vice03,

#vice04,

#vice05{

    padding-top:30px ;

}

.v-waku{

  width: 100%;

  background: url(img/staff/bg_obi_gray.png) center top repeat-x;

    line-height: 1.7em;

  margin-bottom: 40px;

}

.v-waku .inner{

  width: 960px;

  margin: auto;

  position: relative;

}

.v-waku .bango{

  position: absolute;

  top: -24px;

  left: 0;

}

.v-waku .name{

  padding-top: 40px;

  margin-left: 150px;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

}

.v-waku .name dt{

  font-size: 13px;

  list-style: 1.2em;

  color: #9fa0a0;

  margin-right: 15px;

}

.v-waku .name dd{

  list-style: 2em;

}

.v-waku .name dd span{

  font-size: 180%;

  line-height: 1.5em;

  font-weight: bold;;

}

.v-box{

  width: 100%;

  display: flex;

  flex-flow: row-reverse;

  align-items: flex-start;

}

.v-box.th2{

}

.v-box .img{

  width: 50%;

  text-align: center;

}

.v-box .txt{

  width: 50%;

  padding: 5% 3% 3%;

}

.v-box .ttl1{

  width: 100%;

  font-size: 20px;

  line-height: 1.2em;

  font-weight: bold;

  margin-bottom: 20px;

}

.v-box .ttl1 span{

   font-size: 150%;

    line-height: 1.2em;

    color: #4551c2;

}

.v-box .txt .kei{

  height: 1px;

  border-bottom: solid 1px #9fa0a0;

  margin: 30px 0;

}

.v-box.th2 .txt{

    padding: 0 3%;

}

.v-waku-naka{

    width: 100%;

    padding: 40px 0;

    background-size: cover;

    margin-bottom: 15px;

}

.v-waku-naka.bg-v01{

    background-image: url(img/staff/v_img01_bg.jpg);

}

.v-waku-naka.bg-v02{

    background-image: url(img/staff/v_img02_bg.jpg);

}

.v-waku-naka.bg-v03{

    background-image: url(img/staff/v_img03_bg.jpg);

}

.v-waku-naka.bg-v04{

    background-image: url(img/staff/v_img04_bg.jpg);

}

.v-waku-naka.bg-v05{

    background-image: url(img/staff/v_img05_bg.jpg);

}



.v-box.th3{

  width: 100%;

  display: flex;

  flex-flow:row;

  justify-content: space-between;

  align-items: stretch;

}

.v-box.th3 .come1{

    width: 60%;

    margin-bottom: 15px;

}

.v-box.th3 .come2{

    width: 33%;

    padding: 3%;

    background-color: #f7f8f8;

    margin-bottom: 15px;

}

.v-box.th3 .come1 .txt-gray{

    padding: 5%;

    background-color: #f7f8f8;

    margin-bottom: 15px;

}

.v-box.th3 .come1 .txt-gray:nth-child(2){

    margin-bottom: 0;

}

.v-box.th3 .come1 .txt-gray.min-h{

    min-height: 160px;

}



/*----   recruit02 content end ----*/

/*----   recruit03 content  ----*/

div#page_title12 {

    background-image: url(img/recruit/media_title.png);

}



div#content>div.media_area {

    width: 960px;

    margin: 0 auto 80px;

}



div#content>div.media_area>h3>span {

    padding-left: 1em;

    font-size: 18px;

}



/*----   recruit03 content end ----*/

/*============================

  recruit   end

============================*/

/*============================

  contact

============================*/

div#page_title13 {

    background-image: url(img/contact/contact_title.png);

}



div#content>div.contact_tel_fax {

    margin: 0 auto 80px;

}



div#content>div.contact_tel_fax>div.pc_tel,

div#content>div.contact_tel_fax>div.fax {

    display: table-cell;

    width: 50%;

    padding: 20px 0;

    box-sizing: border-box;

    float: left;

}



div#content>div.contact_tel_fax>div.pc_tel {

    border-right: 1px solid #9fa0a0;

}



div#content>div.contact_tel_fax>div.sp_tel {

    display: none;

}



div#content>div.contact_tel_fax>div.pc_tel>img,

div#content>div.contact_tel_fax>div.fax>img {

    display: block;

    margin: 0 auto;

}



div#content>div.contact_mail {}



div#content>div.contact_mail>p {

    padding-left: 20px;

    letter-spacing: 0;

    margin-bottom: 40px;

}



/*============ Contact Form 7の設定 =============*/

.wpcf7 {

    margin: 80px auto;

}



div#content>div.contact_mail>div.contact_form table {

    width: 960px;

    margin: 0 auto;

    font-size: 14px;

    border: 1px solid #c9caca;

    box-sizing: border-box;

}



div#content>div.contact_mail>div.contact_form table tr {

    border-bottom: 1px solid #c9caca;

    box-sizing: border-box;

}



div#content>div.contact_mail>div.contact_form table th {

    width: 276px;

    height: 52px;

    padding-left: 16px;

    background-color: #f7f8f8;

    border-right: 1px solid #c9caca;

    box-sizing: border-box;

}



div#content>div.contact_mail>div.contact_form table th:after {

    margin: 0 0 0 20px;

    content: " ";

    display: inline-block;

    width: 29px;

    height: 13px;

    background: url(img/contact/required.png);

    background-size: contain;

    vertical-align: middle;

}



div#content>div.contact_mail>div.contact_form table td {

    width: 684px;

    padding: 10px 16px;

    box-sizing: border-box;

}



div#content>div.contact_mail>div.contact_form table td input {

    width: 652px;

    padding: 4px;

    font-size: 16px;

}



div#content>div.contact_mail>div.contact_form table td label input[type="radio"] {

    width: 14px;

    height: 14px;

}



div#content>div.contact_mail>div.contact_form table td textarea {

    width: 652px;

    height: 240px;

    padding: 2px;

    font-size: 16px;

    text-align: left;

    line-height: 1.6em;

    letter-spacing: 1px;

}



div#content>div.contact_mail>div.contact_form p {

    text-align: center;

}



.wpcf7-submit {

    display: block;

    border: none;

    margin: 40px auto;

    width: 400px;

    height: 60px;

    background: url(img/contact/submit.png) no-repeat;

    cursor: pointer;

    -webkit-transition: background .3s ease;

    transition: background .3s ease;

}



.wpcf7-submit:hover {

    background: url(img/contact/submit_hover.png) no-repeat;

}



/*============================

  contact   end

============================*/

/*============================

  privacy policy

============================*/

div#page_title14 {

    background-image: url(img/privacy_policy/policy_title.png);

}



div#content>div.policy {

    width: 960px;

    margin: 40px auto 80px;

}



div#content>div.policy>h3 {}



div#content>div.policy>div {

    padding-left: 20px;

}



div#content>div.policy>div>h4 {

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 10px;

}



div#content>div.policy>div>h4:before {

    content: "";

    display: inline-block;

    vertical-align: bottom;

    width: 2px;

    height: 22px;

    margin: 0 12px 0 0;

    background-color: #d70051;

}



div#content>div.policy>div>p {

    padding-left: 20px;

    font-size: 14px;

    margin-bottom: 20px;

}



div#content>div.privacy_contact {

    margin: 0 auto 80px;

}



div#content>div.privacy_contact>p {

    padding-left: 40px;

    line-height: 1.8em;

}



/*============================

  privacy policy end

============================*/

/*============================

  SITE MAP

============================*/

h2.sitemap_title {

    height: 22px;

    padding: 8px 0;

    font-size: 20px;

    font-weight: 700;

    color: #231f20;

    text-align: left;

    margin: 80px auto 80px 0;

    border-bottom: 1px solid #9fa0a0;

}



h2.sitemap_title>sub {

    display: inline-block;

    color: #9fa0a0;

    font-weight: 400;

    font-size: 12px;

    padding: 0 0 0 20px;

}



h2.sitemap_title:before {

    content: "";

    display: inline-block;

    vertical-align: bottom;

    width: 2px;

    height: 22px;

    margin: 0 12px 0 0;

    background-color: #d70051;

}



div#content>div.sitemap_section {

    width: 940px;

    margin: 0 auto 100px;

}



div#content>div.sitemap_section>h3 {

    font-size: 16px;

    margin: 0 0 40px;

    padding-left: 1em;

    border-bottom: 1px solid #d70051;

    box-sizing: border-box;

}



div#content>div.sitemap_section>h3:before {

    display: none;

}



div#content>div.sitemap_section>h3>a:before {

    content: "";

    display: inline;

}



div#content>div.sitemap_section>ul {

    width: 960px;

    padding-left: 40px;

    padding-bottom: 40px;

    border-bottom: 1px dashed #ccc;

    box-sizing: border-box;

}



div#content>div.sitemap_section>ul>li {

    width: 25%;

    float: left;

    box-sizing: border-box;

}



/*============================

  SITE MAP END

============================*/



.wpcf7-recaptcha {

    margin: 10px auto;

    width: 304px;

}



/*============================

  2021.06.15 修正 - 投稿機能追加

============================*/

#news_list table {

    width: 100%;

}

#news_list table tr {

    border-top: 1px solid #D7E1E6;

}

#news_list table tr:last-child {

    border-bottom: 1px solid #D7E1E6;

}

#news_list table th,

#news_list table td {

    padding: 1em;

    vertical-align: middle;

    text-align: left;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

#news_list table th a {

    text-decoration: underline;

}

#news_list table td {

    width: 180px;

    font-weight: bold;

    text-align: center;

}

.archive {

    padding-top: 40px;

}

.post_title {

    position: relative;

    width: 960px;

    font-size: 22px;

    font-weight: bold;

    margin: auto;

    padding-left: 15px;

    border-left: solid 2px #E60012;

    border-bottom: solid 1px #9FA0A0;

    margin-bottom: 50px;

}

.post_title::before {

    position: absolute;

    content: '';

    border-left: solid 2px white;

    top: 0;

    left: -2px;

    height: 8px;

}

.post_thumbnail {

    display: flex;

    justify-content: space-between;

}

.post_thumbnail .post_form {

    width: 450px;

}

p.entry_header {

    color: #9FA0A0;

    margin-bottom: 30px;

}

.post_thumbnail p.entry_header {

    margin-top: 30px;

}

.archive span.contents_title {

    margin-left: 30px;

    background: #ff4052;

    color: white;

    padding: 0 10px;

}

.top_product .slider li.slick-slide {

    padding: 0 25px;

    -webkit-transition: 0.25s;

    -moz-transition:  0.25s;

    -ms-transition: 0.25s;

    -o-transition: 0.25s;

    transition: 0.25s;

}

.top_product .slider li.slick-slide:hover {

    opacity: 0.5;

}

.top_product .slider li.slick-slide img {

    display: block;

    width: 270px;

    height: 168px;

    margin: auto;

}

.top_product .slider a {

    color: black;

}

.top_product .slider a:visited {

    color: #551A8B;

}

.top_product .slider a .imgarea {

    position: relative !important;

}

.top_product .slider a .imgarea .date {

    position: absolute !important;

    height: 36px;

    display: flex;

    justify-content: center;

    align-items: center;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    font-size: 12px;

    /* margin-top: 12px; */

    color: white;

    background-color: rgba(0,0,0,0.7);

}

.top_product .slider a .notice {

    margin-left: 10px;

    padding: 0 5px;

    background: #ff4052;

    color: white;

}

.top_product .slider a .post_ttl {

    font-weight: bold;

    margin-top: 12px;

}