@charset "UTF-8";
html {
	overflow-y:scroll;
	margin:0
}
body {
	line-height:1;
	margin:0;
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font:x-small;
	background:#fff;
	color:#222;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif
}
abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, ins, kbd, legend, li, menu, nav, object, ol, p, pre, q, samp, small, span, sub, summary, sup, tbody, tfoot, thead, time, tr, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:0 0;
	font-weight:400
}
html, img, td, th {
	font-weight:400
}
img {
	padding:0
}
body, html, label, section, table {
	padding:0;
	vertical-align:baseline;
	background:0 0
}
label, section {
	font-weight:400
}
table {
	border-spacing:0;
	font:100%;
	width:100%;
	margin:0 auto 20px;
	border-collapse:collapse
}
a, img, mark, td, th {
	background:0 0;
	margin:0
}
td, th {
	outline:0
}
body, html, img, label, mark, section, table {
	border:0;
	outline:0
}
.m-business .business_box .business_in .device li i, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:none
}
a, hr, mark {
	padding:0
}
a, mark {
	vertical-align:baseline
}
ins, mark {
	background-color:#ff9;
	color:#000
}
ins {
	text-decoration:none
}
mark {
	font-style:italic;
	font-weight:700
}
del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0
}
input, select {
	vertical-align:middle
}
button, input, select, textarea {
	font:99% arial, helvetica, clean, sans-serif
}
code, kbd, pre, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%
}
.mt0 {
	margin-top:0!important
}
.mb0 {
	margin-bottom:0!important
}
.pt0 {
	padding-top:0!important
}
.pb0 {
	padding-bottom:0!important
}
.mt5 {
	margin-top:5px!important
}
.mb5 {
	margin-bottom:5px!important
}
.pt5 {
	padding-top:5px!important
}
.pb5 {
	padding-bottom:5px!important
}
.mt10 {
	margin-top:10px!important
}
.mb10 {
	margin-bottom:10px!important
}
.pt10 {
	padding-top:10px!important
}
.pb10 {
	padding-bottom:10px!important
}
.mt15 {
	margin-top:15px!important
}
.mb15 {
	margin-bottom:15px!important
}
.pt15 {
	padding-top:15px!important
}
.pb15 {
	padding-bottom:15px!important
}
.mt20 {
	margin-top:20px!important
}
.mb20 {
	margin-bottom:20px!important
}
.pt20 {
	padding-top:20px!important
}
.pb20 {
	padding-bottom:20px!important
}
.mt25 {
	margin-top:25px!important
}
.mb25 {
	margin-bottom:25px!important
}
.pt25 {
	padding-top:25px!important
}
.pb25 {
	padding-bottom:25px!important
}
.mt30 {
	margin-top:30px!important
}
.mb30 {
	margin-bottom:30px!important
}
.pt30 {
	padding-top:30px!important
}
.pb30 {
	padding-bottom:30px!important
}
.mt35 {
	margin-top:35px!important
}
.mb35 {
	margin-bottom:35px!important
}
.pt35 {
	padding-top:35px!important
}
.pb35 {
	padding-bottom:35px!important
}
.mt40 {
	margin-top:40px!important
}
.mb40 {
	margin-bottom:40px!important
}
.pt40 {
	padding-top:40px!important
}
.pb40 {
	padding-bottom:40px!important
}
.mt45 {
	margin-top:45px!important
}
.mb45 {
	margin-bottom:45px!important
}
.pt45 {
	padding-top:45px!important
}
.pb45 {
	padding-bottom:45px!important
}
.mt50 {
	margin-top:50px!important
}
.mb50 {
	margin-bottom:50px!important
}
.pt50 {
	padding-top:50px!important
}
.pb50 {
	padding-bottom:50px!important
}
.mt55 {
	margin-top:55px!important
}
.mb55 {
	margin-bottom:55px!important
}
.pt55 {
	padding-top:55px!important
}
.pb55 {
	padding-bottom:55px!important
}
.mt60 {
	margin-top:60px!important
}
.mb60 {
	margin-bottom:60px!important
}
.pt60 {
	padding-top:60px!important
}
.pb60 {
	padding-bottom:60px!important
}
.mt65 {
	margin-top:65px!important
}
.mb65 {
	margin-bottom:65px!important
}
.pt65 {
	padding-top:65px!important
}
.pb65 {
	padding-bottom:65px!important
}
.mt70 {
	margin-top:70px!important
}
.mb70 {
	margin-bottom:70px!important
}
.pt70 {
	padding-top:70px!important
}
.pb70 {
	padding-bottom:70px!important
}
.mt75 {
	margin-top:75px!important
}
.mb75 {
	margin-bottom:75px!important
}
.pt75 {
	padding-top:75px!important
}
.pb75 {
	padding-bottom:75px!important
}
.mt80 {
	margin-top:80px!important
}
.mb80 {
	margin-bottom:80px!important
}
.pt80 {
	padding-top:80px!important
}
.pb80 {
	padding-bottom:80px!important
}
.mt85 {
	margin-top:85px!important
}
.mb85 {
	margin-bottom:85px!important
}
.pt85 {
	padding-top:85px!important
}
.pb85 {
	padding-bottom:85px!important
}
.mt90 {
	margin-top:90px!important
}
.mb90 {
	margin-bottom:90px!important
}
.pt90 {
	padding-top:90px!important
}
.pb90 {
	padding-bottom:90px!important
}
.mt95 {
	margin-top:95px!important
}
.mb95 {
	margin-bottom:95px!important
}
.pt95 {
	padding-top:95px!important
}
.pb95 {
	padding-bottom:95px!important
}
.mt100 {
	margin-top:100px!important
}
.mb100 {
	margin-bottom:100px!important
}
.pt100 {
	padding-top:100px!important
}
.pb100 {
	padding-bottom:100px!important
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.container, .container-fluid {
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px
}
.container-fluid:after, .container-fluid:before {
	content:" ";
	display:table
}
.container-fluid:after {
	clear:both
}
.container:after, .container:before {
	content:" ";
	display:table
}
.container:after {
	clear:both
}
@media (min-width:768px) {
.container {
width:768px
}
}
@media (min-width:992px) {
.container {
width:992px
}
}
@media (min-width:1200px) {
.container {
width:1200px
}
}
.row:after, .row:before {
	content:" ";
	display:table
}
.row:after {
	clear:both
}
.col-xs-1 {
	float:left;
	width:5.98291%;
	margin-left:2.5641%
}
.col-xs-10:first-child, .col-xs-11:first-child, .col-xs-1:first-child, .col-xs-2:first-child, .col-xs-3:first-child, .col-xs-4:first-child, .col-xs-5:first-child, .col-xs-6:first-child, .col-xs-7:first-child, .col-xs-8:first-child, .col-xs-9:first-child {
	margin-left:0
}
.col-xs-2, .col-xs-3, .col-xs-4 {
	float:left;
	width:14.52991%;
	margin-left:2.5641%
}
.col-xs-3, .col-xs-4 {
	width:23.07692%
}
.col-xs-4 {
	width:31.62393%
}
.col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8 {
	float:left;
	width:40.17094%;
	margin-left:2.5641%
}
.col-xs-6, .col-xs-7, .col-xs-8 {
	width:48.71795%
}
.col-xs-7, .col-xs-8 {
	width:57.26496%
}
.col-xs-8 {
	width:65.81197%
}
.col-xs-10, .col-xs-11, .col-xs-9 {
	float:left;
	width:74.35897%;
	margin-left:2.5641%
}
.col-xs-10, .col-xs-11 {
	width:82.90598%
}
.col-xs-11 {
	width:91.45299%
}
.col-xs-12, .gnavi li a:hover::after, .gnavi li a:hover::before, .m-company .company ul li a:hover .name::before, .m-recruit .recruit ul li a:hover .name::before {
width:100%
}
@media (max-width:767px) {
.col-xs-2:nth-child(6n+1), .col-xs-3:nth-child(4n+1), .col-xs-4:nth-child(3n+1), .col-xs-6:nth-child(odd) {
margin-left:0
}
}
@media (min-width:768px) {
.col-sm-1 {
float:left;
width:5.98291%;
margin-left:2.5641%
}
.col-sm-10:first-child, .col-sm-11:first-child, .col-sm-1:first-child, .col-sm-2:first-child, .col-sm-3:first-child, .col-sm-4:first-child, .col-sm-5:first-child, .col-sm-6:first-child, .col-sm-7:first-child, .col-sm-8:first-child, .col-sm-9:first-child {
margin-left:0
}
.col-sm-2, .col-sm-3, .col-sm-4 {
float:left;
width:14.52991%;
margin-left:2.5641%
}
.col-sm-3, .col-sm-4 {
width:23.07692%
}
.col-sm-4 {
width:31.62393%
}
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8 {
float:left;
width:40.17094%;
margin-left:2.5641%
}
.col-sm-6, .col-sm-7, .col-sm-8 {
width:48.71795%
}
.col-sm-7, .col-sm-8 {
width:57.26496%
}
.col-sm-8 {
width:65.81197%
}
.col-sm-10, .col-sm-11, .col-sm-9 {
float:left;
width:74.35897%;
margin-left:2.5641%
}
.col-sm-10, .col-sm-11 {
width:82.90598%
}
.col-sm-11 {
width:91.45299%
}
.col-sm-12 {
width:100%
}
}
@media (min-width:768px) and (max-width:991px) {
.col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(odd) {
margin-left:0
}
}
@media (min-width:992px) {
.col-md-1 {
float:left;
width:5.98291%;
margin-left:2.5641%
}
.col-md-10:first-child, .col-md-11:first-child, .col-md-1:first-child, .col-md-2:first-child, .col-md-3:first-child, .col-md-4:first-child, .col-md-5:first-child, .col-md-6:first-child, .col-md-7:first-child, .col-md-8:first-child, .col-md-9:first-child {
margin-left:0
}
.col-md-2, .col-md-3, .col-md-4 {
float:left;
width:14.52991%;
margin-left:2.5641%
}
.col-md-3, .col-md-4 {
width:23.07692%
}
.col-md-4 {
width:31.62393%
}
.col-md-5, .col-md-6, .col-md-7, .col-md-8 {
float:left;
width:40.17094%;
margin-left:2.5641%
}
.col-md-6, .col-md-7, .col-md-8 {
width:48.71795%
}
.col-md-7, .col-md-8 {
width:57.26496%
}
.col-md-8 {
width:65.81197%
}
.col-md-10, .col-md-11, .col-md-9 {
float:left;
width:74.35897%;
margin-left:2.5641%
}
.col-md-10, .col-md-11 {
width:82.90598%
}
.col-md-11 {
width:91.45299%
}
.col-md-12 {
width:100%
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(odd) {
margin-left:0
}
}
@media (min-width:1200px) {
.col-lg-1 {
float:left;
width:5.98291%;
margin-left:2.5641%
}
.col-lg-10:first-child, .col-lg-11:first-child, .col-lg-1:first-child, .col-lg-2:first-child, .col-lg-3:first-child, .col-lg-4:first-child, .col-lg-5:first-child, .col-lg-6:first-child, .col-lg-7:first-child, .col-lg-8:first-child, .col-lg-9:first-child {
margin-left:0
}
.col-lg-2, .col-lg-3, .col-lg-4 {
float:left;
width:14.52991%;
margin-left:2.5641%
}
.col-lg-3, .col-lg-4 {
width:23.07692%
}
.col-lg-4 {
width:31.62393%
}
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8 {
float:left;
width:40.17094%;
margin-left:2.5641%
}
.col-lg-6, .col-lg-7, .col-lg-8 {
width:48.71795%
}
.col-lg-7, .col-lg-8 {
width:57.26496%
}
.col-lg-8 {
width:65.81197%
}
.col-lg-10, .col-lg-11, .col-lg-9 {
float:left;
width:74.35897%;
margin-left:2.5641%
}
.col-lg-10, .col-lg-11 {
width:82.90598%
}
.col-lg-11 {
width:91.45299%
}
.col-lg-12 {
width:100%
}
.col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(odd) {
margin-left:0
}
}
.grid5 {
	float:left;
	width:17.94872%;
	margin-left:2.5641%
}
.grid5:first-child {
	margin-left:0
}
.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
	display:none!important
}
@media (max-width:767px) {
.visible-xs, .visible-xs-block {
display:block!important
}
table.visible-xs {
display:table!important
}
tr.visible-xs {
display:table-row!important
}
td.visible-xs, th.visible-xs {
display:table-cell!important
}
.visible-xs-inline {
display:inline!important
}
.visible-xs-inline-block {
display:inline-block!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm, .visible-sm-block {
display:block!important
}
table.visible-sm {
display:table!important
}
tr.visible-sm {
display:table-row!important
}
td.visible-sm, th.visible-sm {
display:table-cell!important
}
.visible-sm-inline {
display:inline!important
}
.visible-sm-inline-block {
display:inline-block!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md, .visible-md-block {
display:block!important
}
table.visible-md {
display:table!important
}
tr.visible-md {
display:table-row!important
}
td.visible-md, th.visible-md {
display:table-cell!important
}
.visible-md-inline {
display:inline!important
}
.visible-md-inline-block {
display:inline-block!important
}
}
@media (min-width:1200px) {
.visible-lg, .visible-lg-block {
display:block!important
}
table.visible-lg {
display:table!important
}
tr.visible-lg {
display:table-row!important
}
td.visible-lg, th.visible-lg {
display:table-cell!important
}
.visible-lg-inline {
display:inline!important
}
.visible-lg-inline-block {
display:inline-block!important
}
}
@media (max-width:767px) {
.hidden-xs {
display:none!important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display:none!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display:none!important
}
}
@media (min-width:1200px) {
.hidden-lg {
display:none!important
}
}
@media (max-width:767px) {
.xs-center {
text-align:center!important
}
}
@media (min-width:768px) and (max-width:991px) {
.sm-center {
text-align:center!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.md-center {
text-align:center!important
}
}
@media (min-width:1200px) {
.lg-center {
text-align:center!important
}
}
@media (max-width:767px) {
.xs-right {
text-align:right!important
}
}
@media (min-width:768px) and (max-width:991px) {
.sm-right {
text-align:right!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.md-right {
text-align:right!important
}
}
@media (min-width:1200px) {
.lg-right {
text-align:right!important
}
}
html {
	font-size:62.5%
}
#page, .inner {
	position:relative
}
#page {
	font-size:16px;
	font-size:1.6rem;
	letter-spacing:1px;
	overflow:hidden;
	min-width:1110px
}
.container, .inner {
	width:1110px
}
a:link {
	text-decoration:none
}
.lower_ttl.lower_vision h2, a:active, a:hover, a:link, a:visited {
	color:#222
}
img, td, th {
	vertical-align:top
}
img {
	line-height:1;
	font-size:0;
	height:auto;
	max-width:100%
}
td, th {
	padding:10px;
	border:1px solid #ccc
}
.m-business .business_box .business_in p {
	margin-bottom:40px
}
section {
	margin:0 0 40px
}
.inner {
	margin:0 auto;
	padding:0
}
.imgArea {
	overflow:hidden
}
.inline_block, .wp-pagenavi .alignleft, .wp-pagenavi .alignright, .wp-pagenavi .center, .wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
*display:inline;
*zoom:1
}
.table_cell {
	display:table-cell;
*display:inline;
*zoom:1;
	vertical-align:middle
}
.ovfl {
	overflow:hidden
}
.alignright, .fr, .imgR {
	float:right;
	margin-left:10px
}
.alignleft, .fl, .imgL {
	float:left;
	margin-right:10px
}
.aligncenter, .btn, .imgC, .lower_ttl h2, .tC {
	text-align:center
}
.aligncenter, .imgC {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.sign, .tR {
	text-align:right
}
.center-block {
	display:block;
	margin-right:auto;
	margin-left:auto
}
.clearfix {
*zoom:1
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden
}
.lower_ttl, .main_visual {
	position:relative;
	z-index:0
}
.main_visual {
	overflow:hidden
}
.main_visual video {
	position:fixed;
	right:0;
	top:0;
	z-index:-100;
	min-width:100%;
	min-height:100%;
	background-size:cover
}
.main_visual .overlay {
	background:url(../img/main/overlay.png);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1
}
.main_visual .main_copy {
	position:absolute;
	left:50%;
	transform:translate(-50%, -50%);
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	transition:all 1s ease;
	top:60%
}
.main_visual .main_copy.is-act {
	top:50%
}
.lower_ttl h2 span, .main_visual .main_copy, .main_visual .scroll {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0
}
.main_visual .scroll, .main_visual .scroll::after {
position:absolute;
left:50%;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-webkit-transition:all 1s ease;
transition:all 1s ease
}
.main_visual .scroll {
	z-index:1000;
	transform:translate(-50%, 0);
	bottom:0
}
.main_visual .scroll a {
	color:#fff
}
.main_visual .scroll::after {
content:"";
top:30px;
width:1px;
height:0;
background:#fff
}
.lower_ttl.is-act h2 span, .main_visual .main_copy.is-act, .main_visual .scroll.is-act {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
.main_visual .scroll.is-act {
	bottom:60px
}
.main_visual .scroll.is-act::after {
transition-delay:1s;
height:50px
}
.lower_ttl {
	padding:130px 0 90px
}
.lower_ttl h2::before, .lower_ttl::after, .ttl01::after {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:418px
}
.lower_ttl.lower_vision::after {
background:url(../img/main/lower_ttl_bg_vision.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_vision h2::before {
background:#3584a7
}
.lower_ttl.lower_business::after {
background:url(../img/main/lower_ttl_bg_business.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_company::after {
background:url(../img/main/lower_ttl_bg_company.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_news::after {
background:url(../img/main/lower_ttl_bg_news.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_entry::after, .lower_ttl.lower_recruit::after {
background:url(../img/main/lower_ttl_bg_recruit.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_contact::after {
background:url(../img/main/lower_ttl_bg_contact.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_compliance::after, .lower_ttl.lower_privacy::after {
background:url(../img/main/lower_ttl_bg_privacy.png) no-repeat;
background-size:cover
}
.lower_ttl.lower_404::after {
background:url(../img/main/lower_ttl_bg_404.png) no-repeat;
background-size:cover
}
.lower_ttl.is-act h2::before {
-moz-transform:scale(1);
-ms-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1)
}
.lower_ttl.is-act h2 span {
	top:0
}
.lower_ttl h2 {
	position:relative;
	z-index:10;
	color:#fff
}
.lower_ttl h2::before {
left:50%;
top:-30px;
width:30px;
height:3px;
margin-left:-15px;
background:#fff;
-moz-transform:scale(0);
-ms-transform:scale(0);
-webkit-transform:scale(0);
transform:scale(0)
}
.lower_ttl h2 span {
	display:block;
	position:relative;
	top:-30px;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
transition-delay:.6s
}
.lower_ttl h2 span.jp {
	font-size:18px;
	font-size:1.8rem;
	font-weight:700
}
.lower_ttl h2 span.en, .ttl01 {
	font-size:60px;
	font-size:6rem;
	font-family:"Khand", sans-serif
}
.ttl01 {
	font-size:24px;
	font-size:2.4rem;
	position:relative;
	color:#222;
	padding-left:190px;
	margin-bottom:50px
}
.ttl01::after {
top:10px;
width:160px;
height:1px;
background:#222
}
.flag{
	position:absolute;
	top:30px;
	right:76px
}
.gnavi {
	position:absolute;
	top:50px;
	right:50px
}
.gnavi li {
	float:left;
	word-wrap:normal;
	font-family:"Khand", sans-serif;
	margin:0 25px
}
.gnavi li a, .gnavi li a::after, .gnavi li a::before, .lower_ttl h2::before {
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.gnavi li a {
	color:#fff;
	display:inline-block;
	position:relative
}
.gnavi li a::after, .gnavi li a::before {
position:absolute;
content:'';
width:0;
height:1px;
background-color:#fff
}
.gnavi li a::before {
top:0;
left:0
}
.gnavi li a::after {
bottom:0;
right:0
}
.crumbs {
	color:#222;
	margin:10px 0
}
.crumbs li {
	display:inline
}
.js-tab_area .js-tab_body, .menu_btn span.hidden {
	display:none
}
.js-tab_area .js-tab_body:first-child {
	display:block
}
.btn01 {
	max-width:300px
}
.btn01 a, .common_bnr {
	text-align:center;
	position:relative
}
.btn01 a {
	background-image:linear-gradient(to right, #0e405a 0%, #3584a7 50%, #30d2be 100%);
	display:block;
	color:#fff;
	font-family:"Khand", sans-serif;
	padding:15px
}
.btn01 a::after {
content:"";
position:absolute;
left:-15px;
top:50%;
width:25px;
height:1px;
background:#2da4c9;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.btn01 a i {
	position:relative;
	top:2px
}
.btn01 a:hover::after {
width:50px
}
.common_bnr {
	/*padding:80px 0;
	background:#f5f5f5*/
}
/*.common_bnr::after {
content:"";
position:absolute;
left:50%;
top:25%;
width:1px;
height:50%;
background:#ccc
}*/
.common_bnr li {
	display:inline-block;
	margin:0 80px
}
.menu_btn {
	height:20px;
	width:45px;
	display:block!important;
	cursor:pointer;
	position:absolute;
	z-index:10000;
	top:30px;
	right:20px
}
.menu_btn:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:.8
}
.menu_btn span, .menu_btn::before {
height:3px;
width:45px;
position:absolute;
left:0;
background-color:#fff
}
.menu_btn span {
	text-indent:-9999px;
	top:9px
}
.menu_btn::before {
content:"";
top:0;
transition:all .3s ease
}
.drawer, .drawer .navi li, .menu_btn span, .menu_btn::after {
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.menu_btn::after {
content:"";
height:3px;
width:45px;
position:absolute;
left:0;
bottom:0;
background-color:#fff
}
.drawer .navi li a:hover, .menu_btn.is-act {
	color:#fff
}
.menu_btn.is-act:after, .menu_btn.is-act:before {
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
	top:9px;
	background:#fff
}
.menu_btn.is-act:after {
	-moz-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg)
}
.drawer, .drawer .navi li {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	z-index:-1
}
.drawer {
	top:0;
	overflow-y:auto;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .8);
	padding-bottom:30px;
	position:absolute;
	left:0
}
.drawer.is-act, .drawer.is-act .navi li {
	z-index:1;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
.drawer.is-act .navi li {
	left:0;
	z-index:9999
}
.drawer .navi {
	width:90%;
	margin:30% auto 0
}
.drawer .navi li {
	line-height:1.8;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	position:relative;
	padding:10px 0;
	left:-100%
}
.drawer .navi li:nth-child(0) {
-moz-transition-delay:0ms;
-o-transition-delay:0ms;
-webkit-transition-delay:0ms;
transition-delay:0ms
}
.drawer .navi li:nth-child(1) {
-moz-transition-delay:100ms;
-o-transition-delay:100ms;
-webkit-transition-delay:100ms;
transition-delay:100ms
}
.drawer .navi li:nth-child(2) {
-moz-transition-delay:200ms;
-o-transition-delay:200ms;
-webkit-transition-delay:200ms;
transition-delay:200ms
}
.drawer .navi li:nth-child(3) {
-moz-transition-delay:300ms;
-o-transition-delay:300ms;
-webkit-transition-delay:300ms;
transition-delay:300ms
}
.drawer .navi li:nth-child(4) {
-moz-transition-delay:400ms;
-o-transition-delay:400ms;
-webkit-transition-delay:400ms;
transition-delay:400ms
}
.drawer .navi li:nth-child(5) {
-moz-transition-delay:500ms;
-o-transition-delay:500ms;
-webkit-transition-delay:500ms;
transition-delay:500ms
}
.drawer .navi li:nth-child(6) {
-moz-transition-delay:600ms;
-o-transition-delay:600ms;
-webkit-transition-delay:600ms;
transition-delay:600ms
}
.drawer .navi li:nth-child(7) {
-moz-transition-delay:700ms;
-o-transition-delay:700ms;
-webkit-transition-delay:700ms;
transition-delay:700ms
}
.drawer .navi li:nth-child(8) {
-moz-transition-delay:800ms;
-o-transition-delay:800ms;
-webkit-transition-delay:800ms;
transition-delay:800ms
}
.drawer .navi li:nth-child(9) {
-moz-transition-delay:900ms;
-o-transition-delay:900ms;
-webkit-transition-delay:900ms;
transition-delay:900ms
}
.drawer .navi li:nth-child(10) {
-moz-transition-delay:1000ms;
-o-transition-delay:1000ms;
-webkit-transition-delay:1000ms;
transition-delay:1000ms
}
.drawer .navi li i {
	position:absolute;
	right:0;
	top:13px
}
.drawer .navi li a {
	font-size:14px;
	font-size:1.4rem;
	text-decoration:none;
	display:block;
	color:#fff
}
.drawer .navi li>ul {
	margin-top:5px
}
.drawer .navi li>ul li {
	border-bottom:1px dotted #ddd;
	margin-bottom:10px
}
.drawer .navi li>ul li a {
	padding-left:20px;
	margin-left:15px
}
.drawer .navi li>ul li a i {
	left:10px;
	top:15px
}
.news_list {
	/*margin-bottom:50px;*/
	position:relative;
	z-index:100;
	overflow:hidden;
	padding-top: 30px;
	padding-bottom: 30px;
}
.news_list li {
	padding:20px 0;
	position:relative;
	/*border-bottom:1px solid #2da4c9*/
}
.news_list li time, .post time {
	font-family:"Khand", sans-serif;
	color:#2da4c9;
	display:inline-block;
	margin-right:40px
}
.news_list li .cat {
	position:relative;
	margin-right:50px;
	width:120px;
	text-align:center;
	display:inline-block
}
.news_list li .cat::after {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:#2da4c9
}
.news_list li .title a:hover {
	color:#3584a7
}
.news_list li .more_wrap {
	position:absolute;
	top:15px;
	right:0
}
.news_list li .more, .news_list li .more_wrap::after {
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.news_list li .more_wrap::after {
content:"";
left:-15px;
top:50%;
width:25px;
height:1px;
background:#2da4c9;
position:absolute
}
.news_list li .more_wrap:hover::after {
width:40px
}
.news_list li .more {
	position:relative;
	display:inline-block;
	font-family:"Khand", sans-serif
}
.m-index .news .index_news_cat li::after, .m-index .news .index_news_cat li::before, .news_list li .more::after, .news_list li .more::before {
content:"";
position:absolute;
background:#ccc;
top:0;
left:0;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.news_list li .more::before {
width:100%;
height:1px;
background-image:linear-gradient(to bottom, #30d2be 0%, #2f7499 100%)
}
.news_list li .more::after {
width:1px;
height:100%;
background-image:linear-gradient(to bottom, #30d2be 0%, #359ab2 100%)
}
.news_list li .more a {
	display:block;
	padding:5px 25px;
	position:relative;
	color:#2da4c9
}
.m-index .news .index_news_cat li span::after, .m-index .news .index_news_cat li span::before, .news_list li .more a::after, .news_list li .more a::before {
content:"";
position:absolute;
background:#ccc;
bottom:0;
right:0;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.news_list li .more a::before {
width:100%;
height:1px;
background-image:linear-gradient(to bottom, #359ab2 0%, #0e405a 100%)
}
.news_list li .more a::after {
width:1px;
height:100%;
background-image:linear-gradient(to bottom, #2f7499 0%, #0e405a 100%)
}
.drop_area {
	text-align:right;
	margin-bottom:55px
}
.drop_area .dropdown {
	display:inline-block;
	margin-left:15px
}
.drop_area .dropdown select {
	padding:5px
}
.post .body h2, .post .post_info {
	margin-bottom:30px
}
.post .cat, .post .post_info li {
	display:inline-block
}
.post .cat {
	position:relative;
	margin-right:100px
}
.post .cat::after {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:#2da4c9
}
.post .body h2 {
	background:#0e405a;
	color:#fff;
	padding:20px;
	font-weight:400;
	font-size:24px;
	font-size:2.4rem
}
.post .body h3 {
	color:#3584a7;
	font-size:20px;
	font-size:2rem;
	margin-bottom:25px
}
.post .body h4 {
	border-bottom:2px solid #0e405a;
	font-size:18px;
	font-size:1.8rem;
	font-weight:400;
	margin-bottom:25px;
	padding-bottom:10px
}
.loading {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	background:#fff;
	z-index:100000
}
.loading #svg .symbol, .loading.is-hide span {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0
}
.loading.is-hide span {
	width:0
}
.loading span {
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	-moz-transform-origin:-50% -50% 50%;
	-ms-transform-origin:-50% -50% 50%;
	-webkit-transform-origin:-50% -50% 50%;
	transform-origin:-50% -50% 50%;
	width:300px;
	display:block;
	margin:0 auto;
	top:50%;
	left:50%;
	position:absolute;
	transform:translate(-50%, -50%)
}
.loading #svg.fill .text {
	fill:#000;
	fill-opacity:1
}
.loading #svg .text {
	fill-opacity:0;
	stroke:none
}
.loading #svg .text#is-act {
	stroke:#000
}
.loading #svg .symbol {
	-moz-transform:translate(0, 10px);
	-ms-transform:translate(0, 10px);
	-webkit-transform:translate(0, 10px);
	transform:translate(0, 10px);
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.loading #svg .symbol#is-act {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	-moz-transform:translate(0, 0);
	-ms-transform:translate(0, 0);
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0)
}
input {
	border:1px solid #a7a6aa
}
input, textarea {
	padding:5px 7px;
	border-radius:2px;
	margin:0;
	background-color:#fff
}
input[type=text], textarea {
	outline:none;
	border:1px solid #aaa;
-webkit-transition:all .3s;
transition:all .3s
}
input[type=text]:focus, textarea:focus {
	box-shadow:0 0 7px #52a8ec;
	border:1px solid #52a8ec
}
input[type=checkbox], input[type=radio] {
	margin-right:5px;
	vertical-align:baseline;
	border-style:none
}
label {
	margin:0 15px 0 0
}
input[type=submit] {
	-webkit-appearance:none
}
.contactForm input, .contactForm textarea {
	padding:10px 15px;
	font-size:16px;
	font-size:1.6rem
}
.contactForm .mwform-radio-field {
	display:block;
	margin-left:0!important
}
.contactForm input[type=radio] {
	position:relative;
	-webkit-appearance:button;
	appearance:button;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:18px;
	height:18px;
	content:"";
	background-color:#fff;
	border:1px solid #999;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow:inset 4px 4px 10px rgba(0, 0, 0, .2);
	box-shadow:inset 4px 4px 10px rgba(0, 0, 0, .2);
	vertical-align:middle;
	cursor:pointer;
	padding:5px
}
.contactForm input[type=radio]:checked:after {
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	content:"";
	width:6px;
	height:6px;
	background:#0e405a;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%
}
.contactForm input[type=checkbox] {
	display:inline-block;
	position:relative;
	margin-right:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:button;
	appearance:button;
	width:20px;
	height:20px;
	border:1px solid #999;
	vertical-align:middle;
	padding:5px
}
.contactForm input[type=checkbox]:checked::after {
position:absolute;
content:"";
top:-3px;
left:3px;
width:8px;
height:14px;
border-right:4px solid #0e405a;
border-bottom:4px solid #0e405a;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
.wp-pagenavi {
	padding:40px 0;
	text-align:center;
	overflow:hidden
}
.wp-pagenavi a {
	color:#fff
}
.wp-pagenavi a, .wp-pagenavi span {
	padding:3px 11px;
	background:#0e405a;
	border:1px solid #0e405a;
	margin:0 5px 10px 0;
	text-decoration:none
}
.m-company .company ul li a:hover .name, .m-recruit .recruit ul li a:hover .name, .wp-pagenavi span {
	color:#fff
}
.wp-pagenavi .pages {
	margin-right:20px
}
.wp-pagenavi a:hover {
	background:#fff;
	color:#0e405a
}
.wp-pagenavi .alignleft {
	vertical-align:top;
	max-width:40%
}
.wp-pagenavi .alignleft a, .wp-pagenavi .alignright a {
	border:none;
	background:0 0;
	color:#0e405a
}
.wp-pagenavi .alignleft, .wp-pagenavi .alignright, .wp-pagenavi .center {
	margin-top:0;
	margin-bottom:0;
	float:none
}
.wp-pagenavi .alignright {
	vertical-align:top;
	max-width:40%
}
.btnArea {
	text-align:center;
	margin-bottom:40px
}
.btnArea input {
	margin:0 20px
}
input[name=submitConfirm] {
	background:#0e405a;
	color:#fff;
	padding:0;
	width:185px;
	height:45px;
	border:none;
	display:block;
	margin:20px auto;
	cursor:pointer
}
.returnTop:hover, input[name=submitBack]:hover, input[name=submitConfirm]:hover, input[name=submitSubmit]:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity:.8
}
input[name=submitBack] {
	background:#ddd;
	padding:0;
	height:45px;
	border:none;
	cursor:pointer;
	float:left;
	margin:1%;
	width:48%
}
.returnTop, input[name=submitSubmit] {
	background:#0e405a;
	height:45px;
	border:none
}
input[name=submitSubmit] {
	cursor:pointer;
	float:left;
	color:#fff;
	margin:1%;
	width:48%
}
.returnTop {
	color:#fff!important;
	padding:0;
	width:185px;
	line-height:45px;
	display:block;
	margin:20px auto
}
.any, .require {
	background-color:#3584a7;
	padding:3px 4px;
	color:#fafafa;
	font-size:9px;
	letter-spacing:1px;
	margin:0 0 0 10px;
	line-height:9px;
	border-radius:3px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
	zoom:normal;
	font-style:normal
}
.any {
	background-color:#aaa
}
.l-contents {
	_zoom:1;
	word-break:normal;
	word-wrap:break-word;
	z-index:10
}
.l-contents.lower_contents {
	background:#f5f5f5;
	padding-top:140px
}
.l-header {
	width:100%;
	position:relative;
	z-index:10000
}
.l-header .logo {
	position:absolute;
	top:30px;
	left:50px
}
.lower_header {
	background:#fff;
	width:100%;
	min-height:90px;
	padding:25px 0
}
.lower_header .gnavi {
	top:40px
}
.lower_header .gnavi li a {
	color:#222
}
.lower_header .gnavi li a::after, .lower_header .gnavi li a::before, .lower_header .menu_btn span, .lower_header .menu_btn::after, .lower_header .menu_btn::before {
background:#222
}
.l-main {
	line-height:180%
}
.l-main blockquote, .l-main dl, .l-main ol, .l-main p, .l-main pre, .l-main table, .l-main ul {
	margin-bottom:20px
}
.l-main section {
	margin-bottom:0
}
.l-footer {
	width:100%;
	background:#DD4332;
	padding:80px 0 0;
	font-size:14px;
	font-size:1.4rem
}
.l-footer, .l-footer a {
	color:#fff
}
.l-footer .pagetop a, .l-footer a::after {
position:absolute;
width:100%;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.l-footer a::after {
content:"";
bottom:0;
height:1px;
background:#fff;
-moz-transform:scale3d(0, 1, 1);
-ms-transform:scale3d(0, 1, 1);
-webkit-transform:scale3d(0, 1, 1);
transform:scale3d(0, 1, 1);
left:0
}
.l-footer a:hover::after {
-moz-transform:scale3d(1, 1, 1);
-ms-transform:scale3d(1, 1, 1);
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
.l-footer .pagetop {
	max-width:1110px;
	margin:0 auto;
	position:relative
}
.l-footer .pagetop a {
	left:50%;
	top:-110px;
	-moz-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	-webkit-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	text-align:center;
	display:block;
	background:#8e0e00;
	color:#fff;
	padding:20px 0
}
.l-footer .pagetop a:hover {
	background:#c0011a
}
.l-footer .pagetop a::after {
display:none
}
.l-footer .foot_top {
	margin-bottom:80px
}
.l-footer .foot_top dl dt, .l-footer .foot_top h2 {
	margin-bottom:30px
}
.l-footer, .l-footer .foot_top .f_map, .l-footer a {
	position:relative
}
.l-footer .foot_top .f_map::after {
content:"-";
position:absolute;
left:0;
top:0;
color:#3584a7
}
.l-footer .foot_top .f_map a {
	padding-left:10px;
	color:#fff;
	font-family:"Khand", sans-serif
}
.l-footer .foot_top dl, .l-footer .foot_top ul {
	font-size:13px;
	font-size:1.3rem
}
.l-footer .foot_top ul li {
	margin-bottom:25px
}
.l-footer .foot_top dl dd {
	position:relative;
	margin-bottom:10px
}
.l-footer .foot_top dl dd::after {
content:"-";
position:absolute;
left:0;
top:0;
width:5px;
height:5px
}
.l-footer .foot_top dl dd a {
	padding-left:10px
}
.l-footer .foot_bottom {
	padding: 25px 0;
    background: #a51101;
    border-top: 1px solid #ff8ab4;
}
.l-footer .foot_bottom ul {
	float:left
}
.l-footer .foot_bottom ul li {
	display:inline-block;
	position:relative;
	margin-right:15px
}
.l-footer .foot_bottom ul li::after {
content:"";
position:absolute;
right:-8px;
top:0;
width:1px;
height:100%;
background:#587d90
}
.l-footer .foot_bottom ul li:last-child::after {
display:none
}
.l-footer .foot_bottom .copyright {
	float:right;
	color:#fff;
	font-family:"Khand", sans-serif
}
.m-index .index_ttl {
	position:relative;
	z-index:10;
	padding:40px 0
}
.m-index .index_ttl::after {
content:"";
position:absolute;
left:0;
top:-50px;
width:100%;
height:110%;
background:url(../img/index/index_bg.jpg);
background-size:cover;
z-index:-1
}
.m-index .index_ttl h2 {
	position:relative;
	top:-45px;
	max-width:445px;
	color:#fff;
	font-size:45px;
	font-size:4.5rem;
	font-family:"Khand", sans-serif
}
.m-index .index_contents {
	position:relative;
	background:#f5f5f5;
	padding-bottom:260px;
	margin-bottom:0
}
.m-index .index_contents .anim_elm.is-act .index_ttl h2 {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	top:-45px
}
.m-index .index_contents .anim_elm.is-act .contents_in, .m-index .vision .anim_elm.is-act {
	top:0;
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
.m-index .index_contents .contents_in, .m-index .index_contents .index_ttl h2 {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	top:0;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	transition:all 1s ease
}
.m-index .index_contents .contents_in {
	max-width:445px;
	top:50px
}
.m-index .index_contents .contents_in h3 {
	font-size:28px;
	font-size:2.8rem;
	font-weight:500;
	margin-bottom:70px;
	line-height:1.8
}
.m-index .news, .m-index .vision {
	position:relative;
	z-index:1;
	margin-bottom:0
}
.m-index .vision {
	overflow:hidden;
	text-align:center;
	background:url(../img/index/vision_bg_3.png) no-repeat 50%;
	background-size:cover;
	padding:145px 0 190px
}
.m-index .news h2, .m-index .vision h2 {
	font-size:60px;
	font-size:6rem;
	font-family:"Khand", sans-serif;
	margin-bottom:75px
}
.m-index .vision h3 {
	font-size:28px;
	font-size:2.8rem;
	margin-bottom:55px
}
.m-index .vision p {
	/*max-width:540px;*/
	margin:0 auto 35px;
	text-align:justify;
}
.m-index .vision .btn01 {
	margin:0 auto
}
.m-index .business.is-act::after, .m-index .vision .anim_elm {
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-webkit-transition:all 1s ease;
transition:all 1s ease
}
.m-index .business::after, .m-index .company::after, .m-index .vision .anim_elm {
position:relative;
top:50px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity:0
}
.m-index .business::after, .m-index .company::after {
content:"";
position:absolute;
top:40px;
width:50%;
height:100%;
background-size:contain;
z-index:10
}
.m-index .business::after {
left:-100px;
background:url(../img/index/business_img-2.png) no-repeat
}
.m-index .business.is-act::after {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
left:0;
transition-delay:1s
}
.m-index .business .index_ttl::after {
-moz-transform:skew(0deg, -3deg);
-ms-transform:skew(0deg, -3deg);
-webkit-transform:skew(0deg, -3deg);
transform:skew(0deg, -3deg)
}
.m-index .business .business_in, .m-index .business .index_ttl h2 {
	margin-left:auto
}
.m-index .business .particles {
	position:absolute;
	top:240px;
	left:0;
	width:50%;
	height:400px
}
.m-index .company::after {
right:-100px;
background:url(../img/index/company_img-2.png) no-repeat
}
.m-index .company.is-act::after {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity:1;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-webkit-transition:all 1s ease;
transition:all 1s ease;
right:0;
transition-delay:1s
}
.m-index .company .index_ttl::after {
-moz-transform:skew(0deg, 3deg);
-ms-transform:skew(0deg, 3deg);
-webkit-transform:skew(0deg, 3deg);
transform:skew(0deg, 3deg)
}
.m-index .company .index_ttl h2 {
	top:-65px
}
.m-index .company .particles {
	position:absolute;
	top:240px;
	right:0;
	width:50%;
	height:400px
}
.m-index .news {
	padding:70px 0 40px
}
.m-index .news::after, .m-index .news::before {
content:"";
position:absolute;
left:0;
width:100%
}
.m-index .news::before {
background:#fff;
overflow:hidden;
-moz-transform:skew(0deg, 3deg);
-ms-transform:skew(0deg, 3deg);
-webkit-transform:skew(0deg, 3deg);
transform:skew(0deg, 3deg);
top:-50px;
/*height:130%;*/
z-index:-1
}
.m-index .news::after {
top:-20%;
height:120%;
z-index:0;
background:url(../img/index/news_bg.png)
}
.m-index .news h2 {
	font-size:50px;
	font-size:5rem;
	margin-bottom:1px;
	position:relative;
	z-index:100
}
.m-index .news .btn01 {
	margin:0 auto;
	position:relative;
	z-index:100
}
.m-index .news .index_news_cat, .m-index .recruit {
	margin-bottom:70px;
	position:relative;
	z-index:0
}
.m-index .news .index_news_cat li {
	text-align:center;
	display:inline-block;
	cursor:pointer;
	font-family:"Khand", sans-serif;
	margin:0 10px;
	position:relative;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.m-index .news .index_news_cat li span::before, .m-index .news .index_news_cat li::before {
width:100%;
height:1px
}
.m-index .news .index_news_cat li span::after, .m-index .news .index_news_cat li::after {
width:1px;
height:100%
}
.m-index .news .index_news_cat li span {
	display:block;
	padding:5px 15px;
	position:relative
}
.m-index .news .index_news_cat li:hover {
	color:#2da4c9
}
.m-index .news .index_news_cat li:hover::before {
background-image:linear-gradient(to bottom, #30d2be 0%, #2f7499 100%)
}
.m-index .news .index_news_cat li:hover::after {
background-image:linear-gradient(to bottom, #30d2be 0%, #359ab2 100%)
}
.m-index .news .index_news_cat li:hover span::before {
background-image:linear-gradient(to bottom, #359ab2 0%, #0e405a 100%)
}
.m-index .news .index_news_cat li:hover span::after {
background-image:linear-gradient(to bottom, #2f7499 0%, #0e405a 100%)
}
.m-index .recruit {
	overflow:hidden;
	margin-bottom:0
}
.m-index .recruit .w50 {
	width:50%;
	float:left;
	padding:130px 0;
	min-height:500px
}
.m-index .recruit .particles2, .m-index .recruit .particles2 .pg-canvas {
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	right:0
}
.m-index .recruit .gra {
	position:relative;
	background-image:linear-gradient(to right, #30d2be 0%, #3584a7 50%, #0e405a 100%)
}
.m-index .recruit .img {
	background:url(../img/index/we-need-you.jpg) no-repeat;
	background-size:cover
}
.m-index .recruit .rec_body {
	max-width:550px;
	margin-left:auto;
	text-align:center;
	color:#fff;
	position:relative;
	z-index:10
}
.m-index .recruit h2 {
	font-family:"Khand", sans-serif;
	font-size:42px;
	font-size:4.2rem;
	margin-bottom:35px
}
.m-index .recruit h3, .m-vision .vision_hero h2 {
	font-size:28px;
	font-size:2.8rem;
	margin-bottom:50px
}
.m-business .business_box .business_in .btn01, .m-index .recruit .alpha {
	margin:0 auto
}
.m-index .recruit .alpha a {
	border:1px solid #fff;
	background:0 0
}
.m-index .recruit .alpha a::after {
background:#fff
}
.m-vision .vision_hero {
	background:url(../img/vision/vision_bg.jpg) center;
	background-size:cover;
	padding:130px 0 180px;
	text-align:center;
	color:#fff
}
.m-vision .vision_hero h2 {
	margin-bottom:65px;
	line-height:2
}
.m-vision .mission dl dt small, .m-vision .mission dl dt span, .m-vision .vision_hero h2 span {
	font-size:14px;
	font-size:1.4rem;
	font-family:"Khand", sans-serif;
	display:block
}
.m-vision .vision_hero p {
	max-width:920px;
	margin:0 auto
}
.m-vision .mission {
	padding:120px 0 0;
	background:#f5f5f5
}
.m-vision .mission dl {
	margin-bottom:70px
}
.m-vision .mission dl dt {
	margin-left:80px;
	font-size:24px;
	font-size:2.4rem;
	position:relative;
	font-weight:700;
	margin-bottom:50px
}
.m-vision .mission dl dt span {
	position:relative;
	display:inline-block;
	margin-right:20px;
	font-size:30px;
	font-size:3rem;
	font-weight:700
}
.m-csr .csr_hero h3::after, .m-recruit .interview_hero .name h2::after, .m-vision .mission dl dt span::after {
content:"";
position:absolute;
left:0;
bottom:-10px;
width:100%;
height:3px;
background:#3584a7
}
.m-vision .mission dl dt small {
	color:#aaa;
	font-size:12px;
	font-size:1.2rem;
	margin-left:50px
}
.m-vision .mission dl dd {
	margin-left:260px
}
.m-business section {
	padding-bottom:120px
}
.m-business .business_box {
	background:#fff;
	margin-bottom:25px
}
.m-business .business_box .business_in {
	position:relative;
	padding:40px
}
.m-business .business_box .business_in h3 {
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	padding-bottom:20px;
	margin-bottom:40px;
	border-bottom:2px solid #222
}
.m-business .business_box .business_in h3 span, .m-csr ul li span {
	display:block;
	margin-top:20px
}
.m-business .business_box .business_in .device {
	position:absolute;
	right:-60px;
	top:30px
}
.m-business .business_box .business_in .device li {
	position:relative;
	width:70px;
	height:70px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	color:#fff;
	background:#222;
	text-align:center;
	font-family:"Khand", sans-serif;
	margin-bottom:20px
}
.m-business .business_box .business_in .device li span, .m-philosophy .philosophy .philosophy_hero span {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.m-business .logo_list {
	background:#fff;
	padding:30px
}
.m-business .logo_list ul {
	margin-bottom:0
}
.m-business .logo_list li, .m-csr ul li {
	text-align:center
}
.m-company .company {
	padding-top:60px
}
.m-company .company ul li {
	margin-bottom:50px;
	text-align:center
}
.m-company .company ul li .name, .m-recruit .recruit ul li .name {
	display:block;
	background:#fff;
	padding:25px;
	font-weight:700;
	position:relative;
	z-index:10
}
.m-company .company ul li .name::before, .m-recruit .recruit ul li .name::before {
position:absolute;
content:"";
left:0;
top:0;
background:#0e405a;
width:0;
height:100%;
z-index:-1
}
.m-company .company ul li a, .m-recruit .recruit ul li a {
	display:block;
	position:relative
}
.m-history section, .m-overview section, .m-philosophy section {
	padding-bottom:80px
}
.m-philosophy .philosophy {
	padding-bottom:100px
}
.m-philosophy .philosophy .philosophy_hero {
	min-height:600px;
	margin-bottom:40px;
	background:url(../img/philosophy/philosophy_hero_bg.jpg);
	background-size:cover;
	position:relative
}
.m-philosophy .philosophy h3, .m-recruit .recruit_hero .recruit_header h3 {
	font-size:28px;
	font-size:2.8rem;
	margin-bottom:50px;
	text-align:center;
	font-weight:500
}
.m-philosophy .philosophy p {
	max-width:540px;
	margin:0 auto;
	text-align:center
}
.m-philosophy .greeting .greeting_box {
	background:#fff;
	padding:65px;
	position:relative
}
.m-philosophy .greeting .greeting_box::after {
content:'';
position:absolute;
right:-40px;
top:-40px;
width:445px;
height:584px;
background:url(../img/philosophy/greeting_img01.jpg);
z-index:1
}
.m-philosophy .greeting .greeting_box h2 {
	font-size:28px;
	font-size:2.8rem;
	font-weight:700;
	margin-bottom:60px
}
.m-philosophy .greeting .greeting_box .text {
	max-width:530px
}
.m-philosophy .greeting .greeting_box .name {
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	position:relative;
	z-index:10
}
.m-philosophy .greeting .greeting_box .name::after {
content:'';
position:absolute;
right:-70px;
top:5px;
width:153px;
height:61px;
background:url(../img/philosophy/ceo_name.jpg);
z-index:-1
}
.m-philosophy .greeting .greeting_box .name small {
	font-size:16px;
	font-size:1.6rem
}
.m-overview .overview table td, .m-overview .overview table th {
	border:none;
	border-bottom:1px solid #ccc;
	text-align:left
}
.m-overview .overview table th {
	font-weight:500
}
.m-compliance ol li, .m-overview .access h3, .m-privacy ol li {
	margin-bottom:20px
}
.m-company .company ul li .name::before, .m-overview .access a, .m-recruit .recruit ul li .name::before {
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.m-overview .access a:hover {
	color:#0e405a
}
.m-overview .appearance ul li {
	text-align:center;
	font-weight:700
}
.m-overview .officer .officer_list .officer_box {
	position:relative;
	margin-bottom:45px
}
.m-overview .officer .officer_list .officer_box .thumb, .m-recruit .requirements table {
	margin-bottom:30px
}
.m-overview .officer .officer_list .officer_box .position {
	position:absolute;
	left:15px;
	bottom:40px;
	display:inline-block;
	padding:5px 10px;
	background:#0e405a;
	color:#fff;
	font-size:14px;
	font-size:1.4rem
}
.m-overview .officer .officer_list .officer_box h3 {
	font-size:18px;
	font-size:1.8rem;
	margin-left:15px;
	font-weight:700
}
.m-overview .officer .officer_list .officer_box h3 span {
	color:#ccc;
	font-family:"Khand", sans-serif;
	font-size:12px;
	font-size:1.2rem
}
.m-history .particles3 {
	position:absolute;
	width:100%;
	height:100%
}
.m-history .particles3 .pg-canvas {
	width:100%;
	height:100%
}
.m-history .history_list {
	position:relative;
	margin-bottom:50px
}
.m-history .history_list::after {
content:"";
position:absolute;
left:50%;
top:30px;
width:1px;
height:100%;
background:#0e405a
}
.m-history .history_box {
	background:#fff;
	padding:25px 15px;
	max-width:500px;
	position:relative
}
.m-history .history_box::before {
content:"";
position:absolute;
top:35%;
width:0;
height:0;
border-style:solid
}
.m-history .history_box::after {
content:"";
position:absolute;
top:40%;
width:12px;
height:12px;
background:url(../../img/history/history_square.png) no-repeat
}
.m-history .history_box.left::before {
right:-15px;
border-width:10px 0 10px 15px;
border-color:transparent transparent transparent #fff
}
.m-history .history_box.left::after {
right:-46px
}
.m-history .history_box.right {
	margin-left:auto
}
.m-history .history_box.right::before {
left:-15px;
border-width:10px 15px 10px 0;
border-color:transparent #fff transparent transparent
}
.m-history .history_box.right::after {
left:-46px
}
.m-history .history_box.right .year {
	left:10px
}
.m-history .history_box.right dl {
	margin-left:100px
}
.m-history .history_box .year {
	position:absolute;
	right:10px;
	top:25px;
	font-size:50px;
	font-size:5rem;
	font-family:"Khand", sans-serif
}
.m-history .history_box dl {
	width:80%;
	margin-bottom:0
}
.m-history .history_box dl dt {
	font-weight:700
}
.m-history .history_box dl dd {
	color:#444
}
.m-history .future {
	text-align:center;
	font-size:28px;
	font-size:2.8rem;
	font-weight:500
}
.m-history .future span {
	display:block;
	margin-bottom:25px
}
.m-csr .csr_hero {
	background:#fff url(../../img/csr/csr_img01.png) no-repeat -3px -5px;
	padding:120px 0;
	margin-bottom:60px
}
.m-csr .csr_hero .in {
	text-align:center;
	max-width:340px;
	margin-left:auto;
	margin-right:50px
}
.m-csr .csr_hero h3 {
	font-size:28px;
	font-size:2.8rem;
	margin-bottom:60px;
	position:relative
}
.m-csr .csr_hero h3::after {
content:'';
left:50%;
bottom:-20px;
width:30px;
height:1px;
margin-left:-15px
}
.m-recruit .recruit {
	padding-top:60px
}
.m-recruit .recruit ul li {
	margin-bottom:50px;
	text-align:center
}
.m-recruit .recruit_hero {
	padding-bottom:30px
}
.m-recruit .recruit_hero .recruit_header {
	padding:140px 0;
	background:url(../../img/recruit/recruit_hero_bg.jpg);
	background-size:cover;
	position:relative;
	color:#fff
}
.m-recruit .recruit_hero .recruit_header h3 {
	font-size:50px;
	font-size:5rem;
	font-family:"Khand", sans-serif
}
.m-recruit .recruit_hero .recruit_header h3 span {
	display:block;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
	font-size:18px;
	font-size:1.8rem;
	margin-top:10px
}
.m-recruit .recruit_hero .recruit_header p {
	max-width:800px;
	margin:0 auto;
	text-align:center
}
.m-recruit .interview_hero {
	position:relative;
	margin-bottom:60px
}
.m-recruit .interview_hero .hero_body {
	position:relative;
	padding:60px 0;
	min-height:400px
}
.m-recruit .interview_hero .hero_body::before {
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%
}
.m-recruit .interview_hero .hero_body.interview01::before {
background:url(../../img/interview01/interview_hero.jpg) 50% 0;
background-size:cover
}
.m-recruit .interview_hero .hero_body.interview02::before {
background:url(../../img/interview02/interview_hero.jpg) 50% 0;
background-size:cover
}
.m-recruit .interview_hero .name {
	position:absolute;
	top:80px;
	left:30px;
	z-index:10;
	color:#fff;
	background:rgba(0, 0, 0, .4);
	padding:20px
}
.m-recruit .interview_hero .name h2 {
	position:relative;
	display:inline-block;
	margin-bottom:40px;
	font-size:24px;
	font-size:2.4rem
}
.m-recruit .interview_hero .name h2::after {
height:10px;
bottom:0;
z-index:-1
}
.m-recruit .interview_hero .name p {
	max-width:400px;
	margin-left:20px;
	margin-bottom:0
}
.m-recruit .interview_list h3 {
	font-size:24px;
	font-size:2.4rem;
	color:#0e405a;
	border-bottom:1px solid #0e405a;
	margin-bottom:30px;
	padding-bottom:15px
}
.m-recruit .interview_list .interview_box {
	display:flex;
	justify-content:space-between;
	margin-bottom:40px
}
.m-recruit .interview_list .interview_box.reverse {
	flex-direction:row-reverse
}
.m-recruit .interview_list .interview_box .img {
	width:40%
}
.m-recruit .interview_list .interview_box .txt {
	padding:20px
}
.m-recruit .requirements {
	padding-bottom:60px
}
.m-recruit .requirements table td, .m-recruit .requirements table th {
	padding:20px 10px;
	text-align:left;
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc
}
.m-recruit .requirements table th {
	font-weight:500
}
.m-recruit .requirements .btn01 {
	margin:0 auto 30px
}
.m-recruit .rec_btn_list {
	display:flex;
	align-content:space-around
}
.m-recruit .rec_btn_list li {
	text-align:center;
	width:44%;
	margin:3%;
	max-width:100%
}
.m-recruit .rec_btn_list li:first-child a {
	background:#fff;
	border:1px solid #0e405a;
	color:#0e405a
}
.m-compliance section, .m-privacy section {
	margin-bottom:50px
}
.m-compliance h3, .m-privacy h3 {
	color:#0e405a;
	margin-bottom:25px
}
.m-compliance ol, .m-privacy ol {
	padding-left:25px
}
.m-notfound .body {
	padding:0 30px 30px
}
.m-contact .contactTel {
	max-width:898px;
	outline:solid 1px #ddd;
	border:9px solid #0e405a;
	margin:30px auto;
	padding:20px;
	text-align:center
}
.m-contact .contactNotice p, .m-contact .contactTel p {
	margin:0
}
.m-contact .contactTel .number {
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	margin:15px 0
}
.m-contact .mw_wp_form_confirm .contactTel {
	display:none
}
.m-contact .contactComplete, .m-contact .contactConfirm, .m-contact .contactInput {
	max-width:960px;
	margin:20px auto
}
.m-contact .contactForm {
	max-width:960px;
	margin:0 auto 80px
}
.m-contact .contactForm td, .m-contact .contactForm th {
	border-style:none;
	padding:10px 0;
	vertical-align:top;
	text-align:left
}
.m-contact .contactForm th {
	padding-right:20px
}
.m-contact .contactNotice {
	max-width:920px;
	margin:20px auto
}
.m-contact .contactNotice .ttl {
	background:#3584a7;
	color:#fff;
	padding:5px 20px;
	margin:-20px -20px 20px
}
@media only screen and (max-width:767px) {
#page {
min-width:100%
}
.container, .m-history .history_box dl {
width:100%
}
.table-responsive {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll
}
.table-responsive tbody {
width:auto;
position:relative;
overflow-x:auto;
white-space:nowrap
}
.table-responsive tr {
vertical-align:top
}
.m-overview .officer .officer_list .officer_box h3 span, .table-responsive2 td, .table-responsive2 th, .table-responsive2 tr {
display:block
}
.m-index .vision h3, .ttl01 {
font-size:22px;
font-size:2.2rem
}
.ttl01 {
padding-left:50px
}
.ttl01::after {
width:40px;
top:13px
}
.main_visual .main_copy {
width:90%
}
.lower_ttl::after {
height:383px;
background-position:50%!important
}
.common_bnr::after {
width:100%;
height:1px;
left:0;
top:45%
}
.common_bnr li {
margin-bottom:35px
}
.drop_area .dropdown, .m-history .history_box.right dl, .m-vision .mission dl dd, .m-vision .mission dl dt, .m-vision .mission dl dt small {
margin-left:0
}
.news_list{

}
.news_list li .title {
display:block;
margin-top:10px;
font-size:14px;
font-size:1.4rem;
width:90%;
position:relative
}
.news_list li .title::after {
content:">";
position:absolute;
right:-25px;
top:15px;
font-weight:700
}
.l-header .logo {
top:20px;
left:20px
}
.l-contents.lower_contents {
padding-top:70px
}
.l-footer .foot_top {
margin-bottom:30px
}
.l-footer .foot_bottom .copyright {
float:none;
text-align:center
}
.m-index .vision {
padding:145px 0 100px
}
.m-index .vision h2 {
font-size:40px;
font-size:4rem;
margin-bottom:45px
}
.m-index .vision h3 {
margin-bottom:45px
}
.m-index .index_contents .contents_in h3 {
font-size:22px;
font-size:2.2rem;
margin-bottom:30px
}
.m-index .business .particles, .m-index .company .particles {
position:relative;
top:0;
width:100%;
height:100px
}
.m-index .business::after, .m-index .company::after {
top:60%;
width:100%;
height:180px;
background-size:cover
}
.m-index .index_news_cat_wrap {
overflow-x:auto;
overflow-y:hidden;
margin-top:30px;
margin-bottom:20px
}
.m-index .index_news_cat_wrap .index_news_cat {
margin-bottom:0;
display:table
}
.m-index .index_news_cat_wrap .index_news_cat li {
display:table-cell;
text-align:center;
vertical-align:middle;
min-width:180px;
float:none;
background:#0e405a;
border-right:1px solid #fff
}
.m-index .index_news_cat_wrap .index_news_cat li span::after, .m-index .index_news_cat_wrap .index_news_cat li span::before, .m-index .index_news_cat_wrap .index_news_cat li::after, .m-index .index_news_cat_wrap .index_news_cat li::before {
display:none
}
.m-index .index_news_cat_wrap .index_news_cat li span {
display:block;
background:#0e405a;
color:#fff
}
.m-index .recruit .w50 {
width:100%;
float:none;
min-height:350px;
padding:80px 0
}
.m-index .recruit h3 {
font-size:21px;
font-size:2.1rem
}
.m-index .recruit .rec_body, .m-philosophy .philosophy .philosophy_hero span {
width:90%;
margin:0 auto
}
.m-vision section {
padding-bottom:60px
}
.m-vision .vision_hero h2 {
font-size:20px;
font-size:2rem
}
.m-vision .mission dl dt span {
display:block;
margin-bottom:30px
}
.m-vision .mission dl dt span::after {
width:10%
}
.m-business section {
padding-bottom:30px
}
.m-business .business_box .business_in {
padding:20px
}
.m-business .business_box .business_in .device {
position:relative;
left:0;
text-align:center
}
.m-business .business_box .business_in .device li {
margin:0 10px;
display:inline-block
}
.m-business .logo_list {
padding:10px
}
.m-business .logo_list li {
min-height:40px;
margin-bottom:10px
}
.m-philosophy .philosophy .philosophy_hero {
min-height:300px
}
.m-philosophy .philosophy h3 {
font-size:22px;
font-size:2.2rem
}
.m-philosophy .greeting .greeting_box {
padding:300px 15px 70px
}
.m-philosophy .greeting .greeting_box::after {
width:100%;
height:280px;
right:0;
top:0;
background-size:cover
}
.m-philosophy .greeting .greeting_box h2 {
font-size:22px;
font-size:2.2rem;
margin-bottom:40px
}
.m-philosophy .greeting .greeting_box .name::after {
top:30px;
right:0
}
.m-history .history_list::after {
z-index:0;
height:99.5%
}
.m-history .history_box {
padding-top:40px;
margin-bottom:50px;
z-index:10
}
.m-history .history_box::before {
display:none
}
.m-history .history_box::after {
left:50%;
margin-left:-6px;
top:112%
}
.m-history .history_box.right::after {
left:50%
}
.m-history .history_box.right .year {
top:20px;
right:20px;
left:auto
}
.m-history .future, .m-recruit .interview_hero .name h2 {
font-size:22px;
font-size:2.2rem
}
.m-csr .csr_hero {
background-image:none;
padding:0 0 20px
}
.m-csr .csr_hero .in {
margin-right:auto;
width:90%
}
.m-csr ul li span {
font-size:14px;
font-size:1.4rem
}
.m-overview .officer .officer_list .officer_box .position {
bottom:70px
}
.m-recruit .recruit_hero .recruit_header {
padding:100px 10px
}
.m-recruit .recruit_hero .recruit_header h3 {
font-size:30px;
font-size:3rem
}
.m-recruit .recruit_hero .recruit_header h3 span {
font-size:16px;
font-size:1.6rem
}
.m-recruit .interview_hero .hero_body::before {
display:none
}
.m-recruit .interview_hero .hero_body p {
margin-bottom:0
}
.m-recruit .interview_hero .name {
position:relative;
left:0;
top:0
}
.m-recruit .interview_hero .name p {
margin-left:0
}
.m-recruit .interview_list .interview_box {
flex-direction:column!important
}
.m-contact .contactForm td input, .m-contact .contactForm td textarea, .m-recruit .interview_list .interview_box .img, .m-recruit .rec_btn_list li {
width:100%
}
.m-recruit .rec_btn_list {
flex-direction:column
}
.m-contact .contactForm td, .m-contact .contactForm th {
display:block;
font-size:16px;
font-size:1.6rem
}
.m-contact .contactForm td.radio input, .m-contact .contactForm td.zip input {
width:auto
}
.m-contact .contactForm input[type=radio] {
position:relative;
-webkit-appearance:button;
appearance:button;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:18px;
height:18px;
content:"";
background-color:#fff;
border:1px solid #999;
-webkit-border-radius:24px;
border-radius:24px;
-webkit-box-shadow:inset 4px 4px 10px rgba(0, 0, 0, .2);
box-shadow:inset 4px 4px 10px rgba(0, 0, 0, .2);
vertical-align:middle;
cursor:pointer;
padding:5px
}
.m-contact .contactForm input[type=radio]:checked:after {
display:block;
position:absolute;
top:5px;
left:5px;
content:"";
width:6px;
height:6px;
background:#0e405a;
-webkit-border-radius:12px;
border-radius:12px
}
.m-contact .contactForm input[type=checkbox] {
display:inline-block;
position:relative;
margin-right:5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:button;
appearance:button;
width:20px;
height:20px;
border:1px solid #999;
vertical-align:middle;
padding:5px
}
.m-contact .contactForm input[type=checkbox]:checked::after {
position:absolute;
content:"";
top:-3px;
left:3px;
width:8px;
height:14px;
border-right:4px solid #0e405a;
border-bottom:4px solid #0e405a;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
}