@charset "utf-8";
 .center {
text-align:center;
}
.left {
text-align:left;
}
.right {
text-align:right;
}
.bottom {
vertical-align:bottom !important;
}
.mt10 {
margin-top:10px;
}
.mt20 {
margin-top:20px !important;
}
.mt30 {
margin-top:30px !important;
}
.mt40 {
margin-top:40px !important;
}
.mt50 {
margin-top:50px !important;
}
.mb10 {
margin-bottom:10px;
}
.mb20 {
margin-bottom:20px !important;
}
.mb30 {
margin-bottom:30px;
}
.mb40 {
margin-bottom:40px;
}
.mb50 {
margin-bottom:50px !important;
}
.mb60 {
margin-bottom:60px;
}
.mb80 {
margin-bottom:80px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.qrcode {
text-align: center;
}
figure {
margin: 0;
}
hr {
margin-bottom: 15px;
border: none;
border-bottom: 1px solid #ccc;
}
.sub {
font-size: 90%;
font-weight: normal;
}
.sub80 {
font-size: 90%;
font-weight: normal;
}
.white {
color: #fff;
}
.post img {
max-width: 100%;
height: auto;
padding: 0 !important;
margin: 0 auto !important;
border: none !important;
}
#scrollUp {
padding: 2px 10px !important;
}
div.wpcf7 .ajax-loader {
display: none;
}
.blue {
color: #005bac;
font-weight: bold;
margin-right: 1em;
}
.red {
color: #ff0000;
} #header {
background: #fff;
box-shadow: 0px 5px 20px 0 rgba(207, 207, 207, 0.4);
}
#header-layout {
padding: 0;
}
#header .inner {
margin: 0 auto;
width: 100%;
max-width: 1100px;
}
@media only screen and (max-width: 1023px) {
.mobile #mainImg {
margin-top: 50px;
}
} @media print, screen and (min-width: 1100px) {
nav#mainNav ul li {
float: left;
}
nav#mainNav ul li a {
margin-left: 0;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a {
margin-left: 0;
}
nav#mainNav ul li:last-child a {
margin-left: 0;
width: 103px;
}
nav#mainNav ul li:last-child a:hover {
margin-left: 0;
}
}
@media print, screen and (min-width: 1024px) {
nav#mainNav ul li:first-child {
padding-left: 0;
}
nav#mainNav ul li {
width: 14.285%;
box-sizing: border-box;
position: relative;
}
nav#mainNav ul li:first-child {
border-right: 1px solid #ffffff;
border-left: none;
}
nav#mainNav ul li a {
padding: 40px 10px 40px 10px;
width: 102px;
box-sizing: border-box;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a {
padding: 40px 10px 40px 10px;
box-sizing: border-box;
}
nav#mainNav ul li a b {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
nav#mainNav ul li.current-menu-item a::before, nav#mainNav ul li a:hover::before {
bottom: 0;
}
}
@media only screen and (max-width: 1023px) {
nav#mainNav ul li a b br {
display: none;
}
} h1.title, .post h1 {
line-height: 1.4;
margin-bottom: 15px;
}
.en {
display: table;
font-size: 60%;
margin: 8px auto 0 auto;
padding: 8px 8px 0 8px;
color: #005bac;
font-weight: bold;
border-top: 3px solid;
font-style: italic;
}
#mainNav span.en, #breadcrumb span.en, #sitemap_list span.en, #sidebar span.en, #footer span.en {
display: none;
}
.listTitle h1.title {
color: #005bac;
font-size: 36px;
letter-spacing: 0.1em;
}
.post h2, .post2b h2, .post4b h2, h2.title {
position: relative;
padding: .1em .3em .1em 1.3em;
}
.featureBox h2 {
padding: .1em .3em .1em .3em;
}
.featureBox h2::before, .featureBox h2::after {
display: none;
}
.post h2::before, .post h2::after, .post2b h2::before, .post2b h2::after, .post4b h2::before, .post4b h2::after, h2.title::before, h2.title::after {
position: absolute;
content: '';
border-radius: 100%
}
.post h2::before, .post2b h2::before, .post4b h2::before, h2.title::before {
top: .2em;
left: .1em;
width: 18px;
height: 18px;
background: rgba(116, 185, 43, 0.7);
}
.post h2::after, .post2b h2::after, .post4b h2::after, h2.title::after {
top: .7em;
left: .5em;
width: 13px;
height: 13px;
background: rgba(116, 185, 43, 0.5);
visibility: visible;
}
.post h2.reviewTop {
background: linear-gradient(transparent 65%, #FFE43F 65%);
display: table;
margin: 0 auto;
font-size: 170%;
text-align: center;
color: #121212;
padding: .1em .3em .1em .3em;
}
.post h2.action {
background: #74b92b;
color: #fff;
margin-bottom: 0;
font-weight: normal;
padding: 10px 5px 10px 10px;
}
.post h2.action span {
background: #fff;
color: #74b92b;
padding: 0 10px;
margin-right: 12px;
font-size: 86%;
font-weight: bold;
}
.post h2.reviewTop::before, .post h2.reviewTop::after, .post h2.action::before, .post h2.action::after {
display: none;
}
.post .column2_50 h2 {
text-align: left !important;
}
.post h3 {
border-bottom: 1px solid #005bac;
} .wide .c3thumbWrap {
max-width: 1100px;
margin: 30px auto 0 auto;
}
.wide .c2thumbWrap {
max-width: 1100px;
margin: 30px auto 0 auto;
}
.c1thumbWrap {
margin: 0;
}
.c2thumbWrap {
margin: 0;
}
ul.thumb {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
flex-direction: row;
padding: 4px 4px 0 4px;
}
ul.thumb li {
width: 31.6% !important;
padding: 0 !important;
} div#n2-ss-2 .nextend-arrow-animated-fade {
background: #74b92b;
padding: 0.2em;
box-sizing: border-box;
border-radius: 4px;
}
#breadcrumb {
background-color: rgba(255, 255, 255, 0);
}
.home .post {
padding: 0;
}
#content {
float: none;
}
.home #content {
padding: 10px 0 0 0;
}
.mobile #thumbImg {
margin-top: 50px;
}
@media only screen and (max-width: 1023px) {
#content.wide {
margin: 0 auto;
}
.mobile .page-template-page-nosidebar-fullthumb #thumbImg, .mobile .page-template-page-nosidebar-fullwidth #thumbImg {
margin-top: 50px;
}
}
.post {
margin-bottom: 0;
}
.wide .c2thumbWrap ul.thumb li img{
-webkit-box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.7);
-moz-box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.7);
box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.7);
}
.wide .c2thumbWrap ul.thumb li {
width: 48% !important;
}
.wide .c3thumbWrap ul.thumb li img, .wide .c1thumbWrap ul.thumb li img, .post .flexBanner img.alignleft, .post .flexBanner img.alignright {
-webkit-box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.7);
-moz-box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.7);
box-shadow: 0 0 5px 0 rgba(153, 153, 153, 0.7);
}
.topicBg {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/topicBg.jpg) no-repeat center;
background-size: cover;
padding: 60px 10px;
}
.topicBgInner {
border: 3px solid #005bac;
background: rgba(255, 255, 255, 0.8);
max-width: 1100px;
box-sizing: border-box;
margin: 0 auto;
border-radius: 10px;
}
h1.bottom-loop {
margin-bottom: 0;
padding: 12px 10px;
}
.featureBox {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/futureBg.jpg);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
position: relative;
}
.pa_5 {
width: 100%;
}
.futureBtn {
border-radius: 30px;
border: 3px solid #fff;
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
max-width: 240px !important;
}
.postlist li {
border-bottom: none;
}
.postlist .time {
display: none;
}
.post ul.flexBanner {
margin: 0 0 10px 0;
}
.post ul.flexBanner li {
border-bottom: none;
margin: 0 0 30px 0;
}
.flexBanner {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
flex-direction: row;
}
.flexBanner li {
-webkit-flex-grow: 1;
flex-grow: 1;
width: 50%;
}
.topicBgInner .container-rwd{
display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
align-items: center;
-webkit-align-items: center;
}
.postlist .post_text {
width: 96%;
margin: 0 auto;
}
.postlist {
margin-top: 10px;
}
@media only screen and (max-width: 640px) {
.flexBanner {
-webkit-align-items: center;
align-items: center;
}
.flexBanner li {
width: 100%;
}
ul.thumb {
padding: 4px 10px 0 10px;
}
.c3thumbWrap ul.thumb li {
width: 100% !important;
}
}
.page-template-page-nosidebar-fullthumb_700 #wrapper, .page-template-page-nosidebar-fullthumb_700 #content, .page-template-page-nosidebar-fullthumb_700 .post {
overflow: visible;
}
.CBlock-color.white {
background-color: #fff;
color: #121212;
padding: 4em calc((100vw - 100%) / 2);
}
.CBlock-color.gray {
background-color: #f3f3f3;
color: #121212;
padding: 4em calc((100vw - 100%) / 2);
}
.CBlock-color.blueBg {
background-color: #e6e6c8;
color: #121212;
padding: 4em calc((100vw - 100%) / 2);
}
.CBlock-color.greenBg {
background-color: #78AA3C;
color: #121212;
padding: 4em calc((100vw - 100%) / 2);
}
.CBlock-color.blueBg .container-rwd.wrap, .CBlock-color.greenBg .container-rwd.wrap {
justify-content: space-around;
}
.post .CBlock-color.greenBg h2 {
color: #fff;
font-weight: normal;
}
.post .CBlock-color.blueBg .container-rwd.wrap .column2_50 {
background: #fff;
flex-basis: 49% !important;
padding: 1.5em;
box-sizing: border-box;
margin-bottom: 1em;
text-align: left;
}
.post .CBlock-color.blueBg .container-rwd.wrap .column2_50.whiteBox {
background: rgba(116, 185, 43, 0.7);
border: 2px solid #fff;
color: #fff;
}
.post .container-rwd.wrap .column2_50 h3 {
margin: 10px 0 20px 0;
border-bottom: none;
padding-left: 50px;
padding-bottom: 0;
}
.post .container-rwd.wrap .column2_50 h3:after {
display: none;
}
.post .container-rwd.wrap .column2_50 h3:before {
content: "";
top: 50%;
left: 0;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.post .container-rwd.wrap .column2_50 h3.faucet:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon1.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container-rwd.wrap .column2_50 h3.window:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon2.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container-rwd.wrap .column2_50 h3.key:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon3.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container-rwd.wrap .column2_50 h3.consent:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon4.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container-rwd.wrap .column2_50 h3.pc:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon5.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container-rwd.wrap .column2_50 h3.light:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon6.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container-rwd.wrap .column2_50 h3.furniture:before {
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/safety-service-icon7.png) no-repeat center;
width: 41px;
height: 50px;
position: absolute;
background-size: cover;
}
.post .container .column2_40 img, .post .container-rwd .column2_40 img {
max-width: 95%;
}
.point {
background: #78aa3c;
color: #fff;
border-radius: 4px;
padding: 1em 1em 0 1em;
margin-bottom: 20px;
}
.post h4 {
border-left: none;
padding: 0 0 3px 0;
}
.post .point h4 {
margin: 0 0 10px 0;
border-bottom: none;
padding-left: 3px;
color: #fff;
}
.post .point h4:before {
font-family: FontAwesome;
content: "\f0a4";
top: 5px;
padding-right: 0.5em;
}
.whiteBg {
background: #fff;
padding: 80px 0 50px 0;
}
.post ol {
margin: 0 0 10px 20px;
}
.post ol li {
border-bottom: none;
}
.post ol li ul li {
list-style: none;
}
.post ul.numberList {
margin: 0 0 10px 40px;
}
.post ul.numberList li {
border-bottom: none;
text-indent: -1em;
}
.actionLink {
padding: 0 0 50px 0 !important;
}
.post ul.flow {
margin: 20px 0 10px 0;
}
.post ul.flow li {
line-height: 1.6em;
margin: 0 0 4em 0;
padding: 0;
position: relative;
border-bottom: none;
}
.post ul.flow li::after {
left: calc( 50% - 20px);
bottom: -65px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(188, 219, 239, 0);
border-top-color: #78aa3c;
border-width: 20px;
z-index: 1;
}
.post ul.flow li ol {
margin: 0 0 15px 30px;
color: #005bac;
}
.post ul.flow li ol li {
margin: 0 0 0.5em 0;
}
.post ul.flow li:last-child:after, .post ul.flow li ol li::after {
display: none;
}
.actionBox {
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
padding: 1em;
}
.managementBox {
box-shadow: 0px 5px 20px 0 rgba(207, 207, 207, 0.5);
margin: 40px auto;
position: relative;
}
.managementBoxInner {
padding: 1em;
}
.managementBox1 {
box-shadow: 0px 5px 20px 0 rgba(207, 207, 207, 0.5);
margin: 40px auto;
padding: 15px 30px 15px 15px;
position: relative;
}
.managementBox1:after {
font-family: FontAwesome;
content: "\f105";
position: absolute;
top: 50%;
right: 18px;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
font-size: 24px;
font-weight: bold;
color: #005bac;
}
.post .managementBox .column2_50 {
vertical-align: middle;
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
border: none;
background: #005bac;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a {
padding: 8px 20px 20px 20px;
color: #fff;
text-align: center;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a:before {
left: 50%;
top: auto;
bottom: 2px;
-webkit-transform: translate(-50%, 0%) rotate(90deg);
-ms-transform: translate(-50%, 0%) rotate(90deg);
transform: translate(-50%, 0%) rotate(90deg);
padding: 0;
width: auto;
box-sizing: border-box;
}
.wc-shortcodes-accordion.wc-shortcodes-accordion-layout-none .wc-shortcodes-accordion-content {
padding: 20px 20px 10px 20px;
}
.managementBox2 {
box-shadow: 0px 5px 20px 0 rgba(207, 207, 207, 0.5);
padding: 1em;
margin: 40px auto;
position: relative;
}
.managementBox1 a {
display: block;
color: #121212;
}
.con_tl {
color: #0e75bc;
font-size: 20px;
font-weight: bold;
margin-top: 15px;
padding-bottom: 5px !important;
display: block;
}
.annotation {
background: rgba(255, 228, 63, 0.4);
padding: 1em 1em 0 1em;
}
.post .container .column4_25, .post .container-rwd .column4_25 {
margin-bottom: 15px;
flex-basis: 24%;
}
.post .container .column4_25 img, .post .container-rwd .column4_25 img {
width: 100%;
height: auto;
}
.blue_tl {
background: #005bac;
color: #fff;
padding: 1em;
box-sizing: border-box;
font-size: 20px;
}
.green_tl {
background: #78aa3c;
color: #fff;
box-sizing: border-box;
padding: 1em;
font-size: 20px;
}
.post .container-rwd.planBox {
justify-content: space-between;
margin: 20px auto;
text-align: center;
}
.post .container-rwd.planBox .column3_33 {
flex-basis: 32.3333%;
border: 2px solid #005bac;
margin-bottom: 15px;
}
.post .container-rwd.planBox .column3_33 h3 {
background: #005bac;
color: #fff;
margin: 0 auto 15px auto;
padding: 10px;
}
.gray_tl {
background: #F5F7F6;
margin: 0 15px;
padding-top: 10px;
padding-bottom: 10px !important;
margin-bottom: 15px;
}
.priceRed {
color: #ff0000;
font-size: 180%;
font-weight: bold;
}
.planfullBox {
padding: 1em;
margin: 40px auto;
position: relative;
background: #fff;
}
.post .planfullBox .column2_50 {
padding: 0 1%;
box-sizing: border-box;
}
.planfullBox ol li {
border-bottom: none;
background: linear-gradient(transparent 90%, #FFE43F 90%);
}
.post .CBlock-color.greenBg .container-rwd.wrap .column4_25 {
margin-bottom: 15px;
flex-basis: 24%;
background: #fff;
padding: 1em 0.5em;
box-sizing: border-box;
text-align: center;
color: #78aa3c;
font-weight: bold;
}
.post ul.caution li {
margin-left: 1em;
text-indent: -1em;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxCurrent {
display: none !important;
}
.post .container .column2_60, .post .container-rwd .column2_60 {
width: auto;
flex-basis: 50%;
margin: 0;
}
.post .container .column2_40, .post .container-rwd .column2_40 {
width: auto;
flex-basis: 50%;
margin: 0;
}
@media only screen and (max-width: 640px) {
.post .container-rwd {
display: flex;
display: -webkit-flex;
}
.post .container .column2_60, .post .container-rwd .column2_60 {
flex-basis: 100% !important;
}
.post .CBlock-color.blueBg .container-rwd.wrap .column2_50 {
flex-basis: 100% !important;
}
.post .CBlock-color.blueBg .container-rwd.wrap .column2_50 img {
width: 100% !important;
}
.post .column2_40 {
flex-basis: 100% !important;
}
.post .container .column2_40 img, .post .container-rwd .column2_40 img {
max-width: 100%;
}
.post .container .column4_25, .post .container-rwd .column4_25, .post .CBlock-color.greenBg .container-rwd.wrap .column4_25 {
margin-bottom: 10px;
flex-basis: 49%;
}
.post .container-rwd.planBox .column3_33 {
flex-basis: 100%;
}
} .post table {
margin-bottom: 30px;
}
table td.none {
background: #dddddd;
}
table.vacancyTable thead {
border-bottom: 1px solid #005bac;
}
table.vacancyTable thead th {
font-weight: bold;
text-align: center !important;
color: #005bac !important;
padding: 10px 0 !important;
}
table.vacancyTable tbody th {
text-align: center !important;
padding: 10px 0 !important;
}
table.vacancyTable tbody td {
font-weight: bold;
text-align: right !important;
padding: 10px 0 !important;
}
.post table.vacancyTable tbody tr {
border-bottom: 1px dotted #404040;
}
.post table.vacancyTable tbody tr:last-child {
border-bottom: none;
}
.post table.clear th {
color: #005bac;
font-weight: bold;
}
.post table.clear th, .post table.clear td {
vertical-align: top;
border: none;
background: none;
text-align: left;
padding: 25px 5px;
}
.post table.clear tr {
border-bottom: 1px dotted #4cb5f5;
}
.post table.clear tr:last-child {
border-bottom: none;
}
.post table.clear h2 {
font-size: 18px;
margin-bottom: 0;
font-weight: normal;
}
@media only screen and (max-width: 640px) {
.post table.pricelist thead {
display:none;
}
.post table.pricelist tbody th {
display: block;
background: #78aa3c;
color: #fff;
}
.post table.pricelist tbody td {
display:block;
text-align: right;
}
.post table.pricelist tbody td.none {
display:none;
}
.post table.pricelist tbody td::before {
content: attr(label);
float: left;
clear:both;
font-weight:bold;
}
.post table.pricelist tbody td p {
padding-left:6em;
}
.post table.clear th {
vertical-align: top;
border: none;
background: none;
text-align: left;
padding: 25px 5px 5px 5px;
}
.post table.clear td {
vertical-align: top;
border: none;
background: none;
text-align: left;
padding: 5px 5px 25px 5px;
}
} .post .linkBtn {
max-width: 340px;
margin: 0 auto 15px auto;
}
.linkBtn {
padding: 0 !important;
}
.linkBtn a {
display: block;
padding: 1.4em 2.5em 1.4em 2.5em;
box-sizing: border-box;
}
.linkBtn a:hover {
color: #fff;
}
input[type="submit"] {
display: block;
padding: 0.7em 2.5em 0.7em 2.5em !important;
box-sizing: border-box;
width: 100%;
}
div.wpcf7 .ajax-loader {
display: none;
}
.linkbottom {
border-radius: 0 0 6px 6px;
padding: 0;
background: #005bac;
margin-bottom: 0;
width: 100%;
}
.linkbottom:hover {
background: #1abde2;
}
.linkbottom::after {
display: none;
}
.linkbottom a {
display: block;
padding: .6em 1.5em .2em 1.5em;
box-sizing: border-box;
}
.post .linkBtn.houseBtn {
border-radius: 0;
padding: 0.5em .3em 0.5em .3em;
font-size: 13px;
}
.post .linkBtn.houseBtn:hover {
background: #B8D1E8;
color: #005bac;
}
.post .linkBtn.houseBtn a:hover {
color: #005bac;
}
.post .linkBtn.houseBtn::after {
right: 0.4em;
}
.post .vacancyBtn {
border-radius: 0;
padding: 0.5em .3em 0.5em .3em;
font-size: 13px;
background: #78aa3c;
color: #fff;
} #footer .inner {
text-align: center;
padding: 20px 0 50px 0;
}
#footer ul {
padding: 20px 0 17px 0;
}
#footer ul li {
margin: 0 0 0 -7px;
}
#footer ul li:first-child {
margin: 0;
}
#footer ul li:before {
background: none;
}
#footer ul li:first-child:before {
background: none;
content: "|";
position: absolute;
top: 4px;
left: -2px;
display: block;
}
#footer ul li:after  {
content: "|";
display: inline-block;
position: absolute;
right: 0;
top: 4px;
}
#footer ul li a {
padding: 0 13px 0 10px;
}
.contactIn {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
flex-direction: row;
background: #fff;
padding: 50px;
box-sizing: border-box;
margin: 20px auto 10px auto;
width: 1100px;
}
.column2_50 {
float: none;
margin: 0;
-webkit-flex-grow: 0;
flex-grow: 0;
width: 50%;
}
.contactIn .column2_50:first-child {
margin-top: 0;
}
.In_tl:before {
font-family: FontAwesome;
content: "\f0da";
color: #51AA3C;
display: inline-block;
padding: 0 3px 0 0;
border-bottom: none;
background: none;
}
.footer_tel {
font-size: 46px;
font-weight: bold;
color: #005BAC;
position: relative;
display: inline-block;
line-height: 1.5;
}
.footer_tel a {
padding-left: 22px;
color: #74b92b;
}
.footer_tel a:hover {
color: #005bac;
}
.footer_tel:before {
content: "";
background: url(//www.union-cs.co.jp/struct/wp-content/uploads/tel_icon.png);
background-size: contain;
width: 20px;
height: 26px;
position: absolute;
left: 0;
top: 53%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 1200px) {
.contactIn {
width: 96%;
}	
}
@media only screen and (max-width: 780px) {
.contactIn {
padding: 20px;
}
.column2_50 {
width: 100%;
}
.contactIn .column2_50 {
margin-top: 15px;
}
}
@media only screen and (max-width: 640px) {
#footer ul {
text-align: center;
}
}
@media only screen and (max-width: 420px) {
.footer_tel {
font-size: 34px;
}	
.contactIn .contactBn a img {
width: 100%;
max-width: 286px;
height: auto;
}
} p:empty {
display:none;
}
.wc-shortcodes-accordion {
margin:0;
}
.wc-shortcodes-accordion-trigger.wc-shortcodes-accordion-header-active {
display:none;
}
.wc-shortcodes-accordion-content-wrapper {
box-shadow:rgba(0, 0, 0, 0.6) 0px -4px 5px -5px;
}   .post h2{
background: none;
line-height: 1.25;
}
.textAlignCenter{
text-align: center;
display: block;
}
@media print, screen and (min-width: 1024px){
#header-layout{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
#header .inner{
max-width: 100%;
margin: 0;
}
#header .logo{
display: block;
}
nav#mainNav{
display: block;
margin: 0;
width: auto;
}
nav div.panel{
float: none;
}
nav#mainNav ul li{
width: auto;
}
} .post .flexColumn{
display: flex;
flex-direction: column;
}
.post .flexColumn figure{
margin-top: auto;
}
.post .container-rwd.wrap .column2_50 h3{
padding: 0 0 0 50px;
}