/*!
Theme Name: mizukankyou_1812
Theme URI: http://underscores.me/
Author: canamen, Inc.
Author URI: https://canamen.co.jp/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mizukankyou_1812
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

mizukankyou_1812 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/*
{
    margin: 0;
    padding: 0
}
img
{
    vertical-align: top;
    border: 0;
    margin: 0;
    padding: 0
}
.clr
{
    clear: both
}
hr, legend
{
    display: none
}
.clearFix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.clearFix
{
    min-height: 1px
}
* html .clearFix
{
    height: 1px
}
#content_box
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}
a
{
    overflow: hidden;
    cursor: pointer
}
a:hover
{
    text-decoration: none
}
a:focus, *:focus
{
    outline: 0
}
.main-content
{
    background: #f8fafc url("./img/backimg.png") top center repeat-y;
    background-size: 1200px 900px
}
html, body
{
    height: 100%
}
body
{
    font-family: "Helvetica",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo",Osaka,sans-serif;
    line-height: 1.5;
    color: #323232;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt"
}
input
{
    font-family: "Helvetica",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ","Meiryo",Osaka,sans-serif
}
.header-content h1, .footer-logo h1, .dictionary-name, .page-menu h2
{
    font-family: Georgia,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif
}
input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea
{
    -webkit-appearance: none
}
a[href^="tel"]
{
    color: inherit;
    text-decoration: none
}
.side-detail p
{
    text-align: justify
}
.content-in, .content-in-900, .content-in-800, .content-in-780, .content-in-720, .content-in-600
{
    margin: 0 auto
}
.content-in
{
    width: 1000px
}
.content-in-900
{
    width: 900px
}
.content-in-800
{
    width: 800px
}
.content-in-780
{
    width: 780px
}
.content-in-720
{
    width: 720px
}
.content-in-600
{
    width: 600px
}
.content-in:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
.content-in
{
    min-height: 1px
}
* html .content-in
{
    height: 1px
}
a, .header-content ul li a::after, input[type="submit"]
{
    -webkit-transition: .4s;
    transition: .4s
}
a:hover, .submit-area input:hover, input[type="submit"]:hover
{
    opacity: .6
}
.header-menu a:hover
{
    opacity: 1
}
.header-meta ul, .header-content ul, .footer-menu ul, .infor-list, .page-link-in ul, .sp-content ul
{
    list-style: none
}
address
{
    font-style: normal
}
.header-content h1 a, .header-content ul li a, .footer-menu ul li a, .footer-logo h1 a, .more-link a, .page-menu h2 a
{
    text-decoration: none
}
.textcenter
{
    text-align: center
}
.dictionary
{
    text-align: justify
}
.content-in img
{
    max-width: 100%;
    height: auto
}
.footer-recruit
{
    background: #fff
}
html, .header-meta, .header-content, .copy, .footer-content, .footer-menu, .footer-logo, .footer-page-top, .pickup-list-wrapper article header::after
{
    background: #220a94;
    background: -moz-linear-gradient(left,#220a94 0,#02ecf2 100%);
    background: -webkit-linear-gradient(left,#220a94 0,#02ecf2 100%);
    background: linear-gradient(to right,#220a94 0,#02ecf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#220a94',endColorstr='#02ecf2',GradientType=1)
}
.default-more-link a, .infor-list li span.category-p, .performance-content-prime-contractor span, .entry-content h1, .default-more-link input[type="submit"], .form-submit input[type="submit"],.iso-section section span
{
    background: #220a94;
    background: -moz-linear-gradient(left,#220a94 0,#3278af 100%);
    background: -webkit-linear-gradient(left,#220a94 0,#3278af 100%);
    background: linear-gradient(to right,#220a94 0,#3278af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#220a94',endColorstr='#3278af',GradientType=1)
}
body, .header-meta-in, .copy-in, .footer-menu-in
{
    background: rgba(255,255,255,.1)
}
.performance-content-prime-contractor header, .recruit-date header
{
    background: rgba(42,194,254,.1)
}
.performance-content-subcontract header
{
    background: rgba(150,150,150,.1)
}
.header-meta, .footer-menu, .footer-logo
{
    border-bottom: 1px solid rgba(255,255,255,.3)
}
.copy
{
    border-top: 1px solid rgba(255,255,255,.3)
}
.header-meta ul li, .footer-office-list section
{
    border-right: 1px solid rgba(255,255,255,.4)
}
.index-information, .index-performance, .index-pickup, .page-content, .placement-business-main, .archive-page
{
    border-bottom: 1px solid #d2ebf0
}
.header-meta, .header-content, .header-meta a, .header-content a, .copy small, .footer-content, .footer-menu a, .footer-logo a, .default-more-link a, .performance-content-prime-contractor span, .recruit-date-link a, .recruit-date-link input[type="submit"], .entry-content h1, .default-more-link input[type="submit"], .form-submit input[type="submit"]
{
    color: #fff
}
.default-header-ttl h1, .performance-content-prime-contractor h1, .pickup-list-wrapper article p, .page-placement-business .placement-business-main h3, .placement-business-pickup h3, .entry-content h2, .sp-content ul li a, .page-menu h2 a, .wp-pagenavi span, .wp-pagenavi a
{
    color: #225a94
}
.header-content ul li.main-menu-recruit a, .footer-menu-recruit a, .recruit-header-ttl h1, .footer-recruit-link a, .recruit-date dl dd a, .sp-content ul li.main-menu-recruit a
{
    color: #ef7d07
}
.infor-list li h1 a, .single-page a, .page-link-in ul li a
{
    color: #323232
}
.company-section iframe
{
    max-width: 100%
}
.footer-office-list, .pickup-list-wrapper, .ul-list-2, .office-list, .header-content ul,.content-section-2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: space-between;
    align-content: space-between
}
.pickup-list-wrapper, .footer-office-list, .office-list,.content-section-2
{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.pickup-list-wrapper, .ul-list-2, .office-list,.iso-section
{
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.ul-list-2
{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.header-content ul
{
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center
}
.link-4 article
{
    flex: 22.5%;
    width: 22.5%\9;
    max-width: 22.5%;
    margin-right: 1.25%;
    margin-left: 1.25%
}
.footer-office-list section
{
    flex: 33.33%;
    width: 33.33%\9;
    max-width: 33.33%
}
.link-3 article
{
    flex: 32%;
    width: 32%\9;
    max-width: 32%;
    margin-right: .16%;
    margin-left: .16%
}
.link-2 article, .half-img section, .ul-list-2 li, .office-list dl,.content-section-2 section
{
    flex: 47.87%;
    width: 47.87%\9;
    max-width: 47.87%
}
.pickup-list-wrapper article
{
    flex: 28.88%;
    width: 28.88%\9;
    max-width: 28.88%
}
.header-meta-in
{
    padding: .4rem 0
}
.header-meta h2
{
    font-size: .9rem;
    letter-spacing: -.05rem
}
.header-meta ul
{
    font-size: .85rem
}
.header-meta h2, .header-meta ul li, .header-content h1, .infor-list li *, .performance-content header *, .dlsection dl dt
{
    float: left
}
.menu-header-menu-container, .header-meta ul, .dlsection dl dd
{
    float: right
}
.header-meta ul li
{
    padding-right: 1rem;
    margin-left: 1rem
}
.header-meta ul li:first-child
{
    margin-left: 0
}
.header-meta ul li i
{
    margin-right: .5rem;
    font-size: .9rem;
    margin-top: .1rem;
    float: left
}
.header-content
{
    padding: .5rem 0
}
.header-content h1
{
    font-size: 1.4rem;
    line-height: 50px
}
.header-content h1 a
{
    display: block
}
.header-content h1 a img
{
    margin-right: 1rem
}
.header-content h1 a small
{
	font-size: 1rem;
    margin-right: .4rem
}
.header-content h1 a strong
{
	font-size: 1.4rem;
}

.header-content ul li
{
    font-weight: bold;
    line-height: 52px;
    margin-left: 1rem;
    font-size: 1rem
}
.header-content ul li.main-menu-recruit a, .footer-menu-recruit a
{
    text-shadow: 1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff
}
.header-content ul li a
{
    display: block;
    position: relative
}
.header-content ul li a::after
{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: .6rem;
    left: 0;
    background: 0
}
.header-content ul li a:hover
{
    opacity: 1
}
.header-content ul li a:hover::after, .header-content ul li.current-menu-item a::after, .header-content ul li.current-page-ancestor a::after, .header-content ul li.current-post-ancestor a::after
{
    background: #fff
}
.copy
{
    overflow: hidden;
    text-align: center
}
.copy-in
{
    padding: .4rem 0
}
.copy small
{
    font-size: .7rem
}
.footer-content
{
    padding: 1.5rem 0
}
.footer-office-list section
{
    padding-left: 1.5rem;
    box-sizing: border-box
}
.footer-office-list section:last-child
{
    border-right: 0
}
.footer-office-list section:first-child
{
    padding-left: 0
}
.footer-office-list section h1
{
    font-size: 1.1rem;
    margin-bottom: .5rem
}
.footer-office-list section address
{
    font-size: .9rem
}
.footer-menu-in
{
    padding: .5rem 0
}
.footer-menu
{
    text-align: center
}
.footer-menu ul li
{
    display: inline;
    font-size: .9rem;
    margin: 0 .5rem;
    white-space: nowrap
}
.footer-logo
{
    text-align: center;
    padding: 0 0 1.5rem
}
.footer-logo h1
{
    font-size: 1.5rem
}
.footer-logo h1 img
{
    margin-bottom: 1rem
}
.footer-logo h1 small
{
    font-size: 1rem;
    margin-right: 1rem
}
.footer-pagetop
{
    background: #000
}
.footer-page-top
{
    position: relative;
    height: 110px
}
.f-wave
{
    transform: scale(1,-1);
    -o-transform: rotate(180deg) scale(-1);
    -ms-transform: scale(1,-1);
    -moz-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);
    filter: flipv();
    -ms-filter: flipv()
}
.f-wave
{
    top: 0
}
.t-wave
{
    bottom: 0
}
.f-wave, .t-wave
{
    position: absolute;
    left: 0;
    right: 0;
    /*z-index: 1*/
}
.f-wave+.f-wave, .t-wave+.t-wave
{
    /*z-index: 2*/
}
.pagetopimg
{
    position: absolute;
    bottom: 0;
    right: 5%;
    z-index: 1000;
    cursor: pointer
}
.header-ttl
{
    text-align: center;
    padding: 2rem 0
}
.header-ttl h1
{
    font-size: 1.6rem
}
.header-ttl h1 strong
{
    position: relative;
    z-index: 10
}
.header-ttl h1 span
{
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    padding: 0 1rem;
    top: 50%;
    margin-top: -10px
}
.recruit-header-ttl h1 span::before
{
    background: url("./img/g-b.png") center center no-repeat;
    left: -60px
}
.recruit-header-ttl h1 span::after
{
    background: url("./img/g-a.png") center center no-repeat;
    right: -60px
}
.default-header-ttl h1 span::before
{
    background: url("./img/b-b.png") center center no-repeat;
    left: -60px
}
.default-header-ttl h1 span::after
{
    background: url("./img/b-a.png") center center no-repeat;
    right: -60px
}
.header-ttl h1 span::before, .header-ttl h1 span::after
{
    content: "";
    width: 55px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    background-size: cover
}
.header-ttl h1 strong::after
{
    content: "";
    width: 100%;
    height: 20px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    z-index: -1
}
.recruit-header-ttl h1 strong::after
{
    background: rgba(190,190,190,.2)
}
.default-header-ttl h1 strong::after
{
    background: rgba(95,194,208,.2)
}
.header-ttl h2
{
    font-size: 1rem;
    font-weight: normal;
    margin: 1rem auto 0;
    display: inline-block
}
.header-ttl h2 p
{
    text-align: left
}
.more-link a, .more-link input[type="submit"], .form-submit input[type="submit"]
{
    border: none;
    display: block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,.4);
    text-align: center;
    margin: 0 auto 2rem;
    font-weight: bold;
    font-size: 1.2rem
}
.more-link input[type="submit"]
{
    line-height: 40px
}
.footer-recruit-link a
{
    border: 2px solid #ef7d07
}
.recruit-date-link a, .recruit-date-link input[type="submit"]
{
    width: 320px;
    background: #ef7d07;
    border: 1px solid #db7207;
    margin-bottom: 1.5rem
}
.index-information
{
    background: url("./img/back_info.png") center center repeat;
    background-size: 700px 800px
}
.infor-list
{
    margin-bottom: 2rem;
    border-top: 1px dashed #c5c5c5;
    background: #fff
}
.infor-list li
{
    border-bottom: 1px dashed #c5c5c5;
    overflow: hidden;
    padding: .8rem 1rem
}
.infor-list li:nth-child(even)
{
    background: #f8fafc
}
.infor-list li h1
{
    font-size: 1rem;
    font-weight: normal
}
.infor-list li time, .infor-list li span
{
    margin-right: 1rem
}
.infor-list li span
{
    padding: .15rem 1rem;
    font-size: .8rem;
    font-weight: bold;
    color: #fff;
    background: #4b4b4b
}
.infor-list li span.category-r
{
    background: #ef7d07
}
.performance-list-wrapper
{
    border-top: 1px dashed #c5c5c5;
    margin-bottom: 2rem
}
.section-list, #commentform
{
    border-bottom: 1px dashed #c5c5c5;
    background: #fff;
    border-left: 5px solid #220a94;
    border-right: 5px solid #220a94
}
.performance-content-date
{
    text-align: center;
    padding: 1rem 0
}
.performance-content-date h1
{
    font-size: 1.3rem
}
.performance-content header
{
    padding: .5rem 1rem;
    overflow: hidden
}
.performance-content h1
{
    font-size: 1.2rem;
}

.performance-content footer
{
    padding: 0.5rem 1rem;
}

.performance-content footer p
{
    margin-top: 0.5rem;
    width: 49.5%;
    text-align: center;
    display: inline-block;
}

.performance-content footer p small
{
    display: block;
    margin-top: 0.5rem;
}

.performance-content span
{
    font-size: .8rem;
    font-weight: bold;
    padding: .15rem .6rem
}
.performance-content-subcontract span
{
    background: #c5c5c5
}

.performance-content-subcontract span.farm
{
    margin-left: 0.5rem;
}

.performance-content strong
{
    padding: 0 1rem;

    /*width: 120px;
    text-align: center;
    letter-spacing: -.05rem*/
}
.performance-content strong, .performance-content time
{
    /*border-right: 1px solid #c5c5c5*/
}

.performance-content time
{
    font-size: 1rem;
    padding: 0 1rem
}
.index-img
{
    position: relative;
    height: 420px;
    background: url("./img/top-back.jpg") center center no-repeat;
    background-size: cover
}
.index-img img
{
    margin-top: 6rem
}
.pickup-list-wrapper
{
    margin-bottom: 2rem;
    padding-top: 2rem
}
.pickup-list-wrapper article header
{
    position: relative;
    text-align: center;
    margin-bottom: 2.2rem
}
.pickup-list-wrapper article header::after
{
    content: "";
    width: 60px;
    height: 2px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -.8rem
}
.pickup-list-wrapper article header h1
{
    font-weight: normal;
    font-size: 1.6rem;
    margin: 1.2rem 0 .4rem
}
.pickup-list-wrapper article header h2
{
    color: #32afc8;
    font-weight: normal;
    font-size: .9rem
}
.pickup-list-wrapper article p
{
    font-size: .85rem;
    letter-spacing: -.02rem;
    margin-bottom: 1rem
}
.pickup-list-wrapper article ul
{
    font-size: .9rem;
    margin-left: 1rem
}
.page-content, .archive-page
{
    padding-top: 3rem
}
.company-section
{
    margin-bottom: 3rem
}
.company-section header, .page-placement-business .placement-business-main header, .page-recruit-entry-content header.content-header
{
    text-align: center;
    margin-bottom: 1.5rem
}
.company-section header h2, .page-placement-business .placement-business-main header h2, .page-recruit-entry-content header h2
{
    font-size: 1.4rem
}
.dlsection dl
{
    overflow: hidden;
    margin-bottom: .5rem
}
.dlsection dl::last-child
{
    margin-bottom: 0
}
.dlsection dl dt
{
    font-weight: bold;
    text-align: right;
    width: 28.3%
}
.dlsection dl dd
{
    width: 68.3%
}
.ul-list-2
{
    list-style-type: circle;
    margin-left: 1.5rem
}
.s-more-link a
{
    font-size: 1rem;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0
}
.office-list
{
    border-top: 1px dashed #c5c5c5;
    margin-top: 2rem;
    padding-top: 2rem
}
.company-section dl dt
{
    font-weight: bold;
    margin-bottom: .3rem
}
.page-company .company-section dl dt span
{
    letter-spacing: 1rem;
    margin-right: -1rem
}
.company-section iframe
{
    margin-bottom: 1rem
}
.dictionary
{
    margin-bottom: 1rem
}
.dictionary-name
{
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center
}
.entry-content
{
    margin-bottom: 3rem
}
.page-content
{
    padding-bottom: 3rem
}
.placement-business-main
{
    text-align: center
}
.placement-business-main p
{
    margin-bottom: 3rem
}
.placement-business-main p:last-child
{
    margin-bottom: 2rem
}
.placement-business-main h3
{
    font-weight: normal;
    margin-bottom: 1rem
}
.placement-business-main img
{
    margin-bottom: 2rem
}
.placement-business-main small
{
    color: #4b4b4b
}
.placement-business-pickup article
{
    border-bottom: 1px dashed #d2ebf0;
    margin-bottom: 2rem;
    padding-top: 2rem
}
.placement-business-pickup article:last-child
{
    border-bottom: 0
}
.placement-business-pickup header, .placement-business-pickup h3, .placement-business-pickup footer, .pickup-list-wrapper footer
{
    text-align: center
}
.placement-business-pickup footer, .pickup-list-wrapper footer
{
    margin: 0 auto 2rem
}
.placement-business-pickup ul, .pickup-list-wrapper ul
{
    display: inline-block;
    text-align: left;
    font-weight: bold
}
.placement-business-pickup ul li p
{
    font-size: .9rem
}
.placement-business-pickup ul li small
{
    font-weight: normal
}
.placement-business-pickup ul li small
{
    padding-left: 1rem
}
.placement-business-pickup header img
{
    margin-bottom: 1rem
}
.placement-business-pickup header h1, .placement-business-pickup header h2
{
    font-weight: normal
}
.placement-business-pickup header h1
{
    font-size: 1.6rem
}
.placement-business-pickup header h2
{
    color: #32afc8;
    font-size: 1rem;
    margin: .3rem 0 1rem
}
.placement-business-pickup h3
{
    font-size: 1.3rem;
    margin-bottom: 1.5rem;
    letter-spacing: -.07rem
}

.recruit-date-f
{
    font-size: 1.2rem;
    color: #225a94;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5rem;
}
.recruit-date, .recruit-entry-content, .contact-content
{
    border-top: 1px dashed #c5c5c5;
    margin-bottom: 2rem
}
.recruit-date header
{
    overflow: hidden;
    padding: 1rem 1rem 1rem 1.5rem;
    cursor: pointer
}
.recruit-date header h1
{
    float: left;
    font-size: 1.2rem
}
.recruit-date header span
{
    color: #fff;
    background: #220a94;
    font-size: .8rem;
    float: right;
    padding: .2rem .6rem;
    border-radius: 12px;
    margin-top: .1rem
}
.recruit-date footer
{
    /*display: none*/
}
.recruit-date footer, .recruit-entry-content, .contact-content, #commentform
{
    border-top: 1px dashed #c5c5c5;
    padding: .5rem 3rem 0
}
.recruit-date footer dl, .recruit-entry-content dl, .contact-content dl, .logged-in-as, .comment-form-comment, .comment-form-email, .comment-form-author
{
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    padding: .3rem 0;
    font-size: .9rem
}
.page-recruit-entry-content dl:last-child, .page-contact dl:last-child
{
    border-bottom: 0;
    margin-bottom: .5rem
}
.recruit-date footer dl dt, .recruit-entry-content dl dt, .contact-content dl dt, .comment-form-comment label, .comment-form-email label, .comment-form-author label
{
    font-weight: bold;
    float: left;
    width: 28%;
    text-align: right;
    margin-top: .2rem
}
.recruit-date footer dl dd, .recruit-entry-content dl dd, .contact-content dl dd, .comment-form-comment textarea, .comment-form-email input, .comment-form-author input
{
    float: right;
    width: 69%;
    margin-top: .2rem
}
.recruit-date-link, .contact-link, .form-submit
{
    margin-top: 1.5rem
}
.recruit-entry-content dl dt span, .contact-content dl dt span, .required::before
{
    background: #ed1e79;
    color: #fff;
    font-size: .8rem;
    font-weight: bold;
    padding: .1rem .5rem;
    margin-left: .5rem
}
.required
{
    font-size: 0
}
.required::before
{
    content: "必須"
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea
{
    width: 80%
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], textarea, .wpcf7-form select, .wpcf7-form select option, input[type="url"], input[type="text"], input[type="email"]
{
    border: 1px solid #e6e6e6;
    padding: .2rem .5rem;
    border-radius: 5px;
    box-sizing: border-box
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], textarea, .wpcf7-form select, .wpcf7-form select option, input[type="url"], input[type="text"], input[type="email"]
{
    font-size: 1rem
}
.wpcf7-form select, .wpcf7-form option
{
    background: #fff;
    padding: .2rem .5rem
}
div.wpcf7 .ajax-loader
{
    display: none
}
.entry-content blockquote
{
    background: #fff;
    display: inline-block;
    word-wrap: break-word;
    max-width: 100%;
    box-sizing: boder-box
}
.entry-content blockquote p
{
    margin: .2em .5em
}
.entry-content table
{
    background: #fff;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6
}
.entry-content table tr th, .entry-content table tr td
{
    background: #fff;
    padding: .2em 1em
}
.entry-content table tr th
{
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    font-size: .9em
}
.entry-content table tr td
{
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: .9em
}
.entry-content ol, .entry-content ul
{
    margin-left: 2em
}
.entry-content img, .entry-content p, .entry-content blockquote, .entry-content table, .entry-content ol, .entry-content ul
{
    margin-bottom: 1em
}
.entry-content h1, .entry-content h2
{
    margin-bottom: .5em
}
.entry-content h1
{
    padding: .2rem 1rem
}
.entry-content h3
{
    font-size: 1.4rem
}
.entry-content img
{
    max-width: 100%;
    height: auto
}
.page-privacy-policy dl
{
    margin-bottom: 1.5rem
}
.page-privacy-policy dl dt
{
    font-weight: bold;
    margin-bottom: .5rem
}
.alignleft
{
    display: inline;
    float: left
}
.alignright
{
    display: inline;
    float: right
}
.aligncenter
{
    display: block;
    margin-right: auto;
    margin-left: auto
}
.post-navigation, .wp-pagenavi
{
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    overflow: hidden;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    padding-top: 1rem
}
.navi_prev, .navi_next
{
    width: 50%
}
.navi_prev
{
    float: left
}
.navi_prev span
{
    float: left;
    margin-right: .5rem
}
.navi_next
{
    float: right;
    text-align: right
}
.navi_next span
{
    float: right;
    margin-left: .5rem
}
.wp-pagenavi span, .wp-pagenavi a
{
    margin-left: .2rem;
    margin-right: .2rem;
    padding: .3rem .6rem
}
.wp-pagenavi span.current
{
    background: #c5c5c5;
    color: #4b4b4b
}
.wp-pagenavi a:hover
{
    background: #225a94;
    color: #fff
}
.entry-header
{
    text-align: center;
    margin-bottom: 2rem
}
.entry-title
{
    margin-bottom: 1rem
}
.entry-meta
{
    font-size: .9rem
}
.entry-meta, .entry-meta a, .comment-metadata time
{
    color: #4b4b4b
}
.page-link-in-b
{
    margin-top: 2.5rem
}
.page-link-in-f
{
    margin-bottom: 2.5rem
}
.page-link-in ul
{
    text-align: center
}
.page-link-in ul li
{
    display: inline;
    border-right: 1px solid #e6e6e6;
    padding: .4rem 1rem
}
.page-link-in ul li:first-child
{
    border-left: 1px solid #e6e6e6
}
.comments-area
{
    border-top: 1px solid #e6e6e6;
    padding-top: .5rem
}
.comment-respond label
{
    display: block
}
.comment-list, .children
{
    list-style: none
}
.comment-list li
{
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: .5rem .8rem;
    font-size: .9rem
}
.comment-list>li
{
    margin-bottom: .5rem
}
.comment-list>li li
{
    margin-top: .5rem
}
.comment-metadata
{
    margin-bottom: .2rem
}
.comment-metadata time, .edit-link a
{
    font-size: .8rem
}
.edit-link
{
    margin-left: 1rem
}
.reply
{
    margin-top: .5rem
}
.comments-title
{
    font-size: 1.2rem
}
.comments-title, .comment-reply-title
{
    margin-bottom: .5rem
}
.comment-list
{
    margin-bottom: 1rem
}
@media all and (-ms-high-contrast: none)
{
    *::-ms-backdrop, .index-img
    {
        background: url("./img/top_ie.jpg") bottom center no-repeat;
        background-size: cover
    }
    *::-ms-backdrop, .footer-page-top
    {
        background: url("./img/footer-img.png"),#220a94;
        background: url("./img/footer-img.png"),-moz-linear-gradient(left,#220a94 0,#02ecf2 100%);
        background: url("./img/footer-img.png"),-webkit-linear-gradient(left,#220a94 0,#02ecf2 100%);
        background: url("./img/footer-img.png"),linear-gradient(to right,#220a94 0,#02ecf2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#220a94',endColorstr='#02ecf2',GradientType=1);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%
    }
}

.company-section .default-more-link
{
	margin-top:1rem;
}

.infor-list li span.category_suiso-1-1
{
	background: #2196f3;
}

.infor-list li span.category_enge-club
{
	background: #38cfa1;
}

.top-iso
{
	float: right;
	margin-left: 1rem;
	margin-top: 0.4rem;
}


.iso-section section
{
	position: relative;
}

.iso-section a
{
	display: block;
	text-decoration: none;
	position: relative;
	color: #323232;
	background: #FFF;
}

.iso-section a img
{
	margin-right: 1rem;
	float: left;
}

.iso-section section h1
{
	position: absolute;
	font-size: 1.6rem;
	left: 100px;
	top: 50%;
	-webkit-transform: translateY( -50%);
	transform: translateY( -50%);
}

.iso-section section span
{
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	font-size: 0.8rem;
	color: #FFF;
	font-weight: bold;
	padding: 0.2rem 0.5rem 0.2rem 0.6rem;
	border-radius: 2px;
}