/*!
 * common.css
 * v@0.4.0
 * update: 2014-04-25
 * License: under the MIT license.
 */@charset "UTF-8";

article,aside,details,figcaption,figure,hgroup,main,nav,section,summary {
	display: block;
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

code,kbd,pre,samp {
	_font-family: 'courier new',monospace;
}

pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

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

menu,ol,ul {
	margin: 0;
}

dd {
	margin: 0 0 0 40px;
}

menu,ol,ul {
	padding: 0;
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	-ms-interpolation-mode: bicubic;
}

form {
	margin: 0;
}

legend {
	white-space: normal;
	*margin-left: -7px;
}

button,input,select {
	vertical-align: baseline;
}

button,input,select,textarea {
	font-size: 100%;
	*vertical-align: middle;
}

button {
	line-height: normal;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	*overflow: visible;
}

input[type="checkbox"],input[type="radio"] {
	*height: 13px;
	*width: 13px;
}

textarea {
	vertical-align: top;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,hgroup,main,nav,section,summary {
	display: block;
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],template {
	display: none;
}

a {
	background: 0 0;
}

a:active,a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b {
	font-weight: 700;
}

mark {
	background: #ff0;
	color: #000;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre {
	overflow: auto;
}

code,kbd {
	font-size: 1em;
}

pre {
	font-family: monospace,monospace;
}

pre,samp {
	font-size: 1em;
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,select {
	text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid silver;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

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

html {
	-webkit-font-kerning: normal;
	-moz-font-kerning: normal;
	-ms-font-kerning: normal;
	-o-font-kerning: normal;
	font-kerning: normal;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6,body,p,pre,blockquote,figure,dl,dl dt,dl dd {
	margin: 0;
	padding: 0;
}

a:link:focus {
	outline: none;
}

[contenteditable]:focus,img:focus,map area:focus {
	outline: none;
}

th,td,fieldset {
	padding: 0;
}

fieldset {
	margin: 0;
}

html {
	color: #333333;
	font-family:'Roboto',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	/*background-color: #181e26;*/
}

body{
	background-color: #fff;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	border: 0 none;
	background: #666;
}

a {
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

a:link,a:visited {
	color:#30a8fb;
	text-decoration: none;
}

a:hover,a:focus {
	color:#30a8fb;
	text-decoration: underline;
}

a:active {
	color:#30a8fb;
}

a:focus {
	outline: none;
}

em {
	font-style: normal;
}

em,strong {
	font-weight: 700;
}

small {
	font-size: .8em;
}

cite {
	font-weight: 700;
	font-style: normal;
}

cite:before {
	content: '『';
	font-weight: 400;
}

cite:after {
	content: '』';
	font-weight: 400;
}

q:before {
	content: '❝';
}

q:after {
	content: '❞';
}

dfn {
	font-weight: 700;
	font-style: normal;
}

code {
	font-family: Ricty,Consolas,"Courier New",Courier,Monaco,monospace;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
	background: rgba(0,0,0,.025);
}

samp {
	color: #FFF;
	background: rgba(0,0,0,.9);
}

samp,kbd {
	font-family: Ricty,Consolas,"Courier New",Courier,Monaco,monospace;
	margin: 0 2px;
	padding: 3px 5px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 3px;
}

kbd {
	background: rgba(0,0,0,.025);
}

kbd kbd {
	display: inline-block;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
	font-weight: 700;
	line-height: 1;
	margin: 1px;
	padding: 1px 10px;
	border: 1px solid rgba(0,0,0,.6);
	background: #eee;
	box-shadow: 1px 1px 1px rgba(255,255,255,.5)inset,-1px -1px 1px rgba(0,0,0,.5)inset;
}

pre code {
	display: block;
	padding: 5px 10px;
}

pre kbd {
	display: block;
	color: #FFF;
	background: rgba(0,0,0,.9);
}

pre kbd:after {
	content: '|';
	opacity: .6;
}

pre kbd kbd {
	color: #000;
	display: inline;
	background: #eee;
}

pre kbd kbd:after {
	display: none;
}

pre samp {
	display: block;
	padding: 5px 10px;
}

var {
	font-family: serif;
	font-weight: 700;
	margin: 0 2px;
	padding: 3px 5px;
	border-radius: 3px;
	background: rgba(0,0,0,.025);
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

img[src$=".svg"] {
	width: 100%;
}

@media only screen and (max-width: 829px) {
	input,
	textarea,
	select {
		font-size: 16px;
	}
}


/*SP用 グロナビ
---------------------------------------------------------- */
@media screen and (min-width: 830px) {
	#sp_nav {
		display:block !important;
		width: calc(100% - 138px);
		margin-left: 31px;
		height: 100%;
	}

	#sp_nav_block{
		height: 100%;
	}
}


@media only screen and (max-width: 829px) {
	main{
		padding-bottom: 0px !important;
	}

	#sp_nav {
		display: none;
		clear: both;
		width:100%;
		position:relative;
		top:10px;
		z-index:1000;
	}

	#sp_nav_block {
		display: none;
	}

	.header_sub{
		display: block !important;
		width:100%;
		position:absolute;
		overflow: auto;
		height: calc(100vh - 80px);
		z-index: -1;
		top: 80px;
		padding: 0 24px 16px;
		transition: opacity .5s;
		opacity: 0;
	}

	.header_sub ul li {
		list-style: none;
		text-align: right;
		height: 100%;
		line-height: 58px;
	}
	.header_menu_list_item{
		font-weight: 700;
		font-size: 16px;
		line-height: 58px;
	}

	.detalis_link ul li{
		padding-right: 0 !important;
		height: 36px;
		line-height: 36px;
	}

	.detalis_link ul li a{
		font-weight: 400;
		height: 36px;
		line-height: 36px;
		text-decoration: none;
		font-size: 14px;
	}

	.header_sub_menu_list_item{
		font-weight: 400;
		text-decoration: none;
		font-size: 14px;
		height: 55px;
		line-height: 55px !important;
	}

	.header-nav__menu-button{
		background: #00469b;
    	border-radius: 18px;
    	height: 36px;
    	margin: 11px auto;
    	width: 116px;
		border-color: #00469b;
	}

	.header-nav__supay-img{
		height: 18px;
    	vertical-align: middle;
    	width: 81pxpx;
	}

	.supay-menu{
		line-height: 20px;
	}

	.header_menu_list+.header_menu_list{
		margin-top: 20px;
	}

	.header_sub_menu_list{
		margin-top: 20px;
	}

	.header_menu_list_item_link{
		display: inline-block;
		height: 100%;
		outline: none;
		width: 100%;
	}

	details summary::-webkit-details-marker { 
		display:none; 
	}
	
	details summary{
		outline: none;
	}

	details[open]{
		max-height: 100vh !important;
		transition: all .5s;
	}

	.header_sub details{
		max-height: 58px;
		overflow: hidden;
	}

	summary ul{
		margin-top: -9px;
	}

	.header_sub a:hover{
		color: #333333 !important;
	}

	.header_sub a:hover,.header_sub a:focus{
		color: #333333;
		text-decoration: none;
	}

	.header_sub a:link,.header_sub a:visited{
		color: #333333;
		text-decoration: none;
	}

	.header_sub_content{
		margin: 0 auto;
	}

	#details_company ul,#details_adoption ul{
		margin-top: -8px;
	}
}

.header_sub{
	display: none;
	opacity: 0;
}



/*SP用 グロナビボタン
---------------------------------------------------------- */
.sp_gnav_btn {
	display: none;
}


@media only screen and (max-width: 829px) {
	.sp_gnav_btn {
		display:block;
		float: right;
		width:26px;
		vertical-align: middle;
		position: relative;
		z-index:1000;
	}

	.icon-animation {
		display: block;
		width: 26px;
		height:24px;
		position: relative;
		top: 3px;
	}

	.icon-animation_line:first-of-type{
		top: 0;
	}

	.icon-animation_line:nth-of-type(2){
		top: 8px;
	}

	.icon-animation_line:nth-of-type(3){
		top: 16px;
	}

	.icon-animation_line,.icon-animation_line:first-of-type,.icon-animation_line:nth-of-type(2),.icon-animation_line:nth-of-type(3){
		background-color: #181e26;
		height: 2px;
		position: absolute;
		transition: all .5s;
		width: 26px;
	}

	.icon-animation.is-open .icon-animation_line:first-of-type{
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}

	.icon-animation.is-open .icon-animation_line:nth-of-type(2){
		opacity: 0;
	}

	.icon-animation.is-open .icon-animation_line:nth-of-type(3){
		-webkit-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-6px) rotate(45deg);
	}
}

/*main
---------------------------------------------------------- */
main {
	flex: 1 0 auto;
	position:relative;
	padding-bottom:90px;
}


/*pagetop
---------------------------------------------------------- */
.pagetop {
	width:90px;
	padding:20px 18px;
	text-align: center;
	position:absolute;
	bottom:0;
	right:30px;
}

.pagetop img{
	width:55px;
	height: auto;
	vertical-align: middle;
}

@media screen and (max-width: 829px) {
	.pagetop {
		position: relative;
		width:100%;
		padding: 20px 5%;
		right:5%;
		right:0;
		text-align: right;
	}

	.pagetop img{
		width:100%;
		max-width:40px;
	}
}

/*title
---------------------------------------------------------- */

.ttl01 {
	/*max-width:980px;*/
	margin:0 auto;
	padding:0 10px 80px;
	font-size:308%;
	line-height:1.4;
	text-align: center;
	color: rgb(0, 70, 155);
}

.ttl02 {
	margin-bottom:18px;
	font-size: 167%;
}

@media only screen and (max-width: 798px) {
	.ttl01 {
		/*max-width:100%;*/
		padding-bottom:60px;
		font-size:26px;
		line-height:1.4;
		text-align: center;
		color: rgb(0, 70, 155);
	}

	.ttl02 {
		margin-bottom:20px;
		font-size: 20px;
	}
}


/*search
---------------------------------------------------------- */

.search_block {
	padding: 0 0 40px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.search_block h2{
	margin-bottom:-90px;
}

.search_block .search_box {
	max-width:980px;
	margin: 0 auto 0;
	padding: 0 10px 0 65px;
}

.search_block .search_inner {
	display:table;
	width:100%;
	margin-bottom:-40px;
}

.search_block .search_inner h3{
	margin-bottom:30px;
	font-size:167%;
	font-weight: normal;
}

.search_block .search_inner h4{
	margin-bottom:10px;
	font-size:108%;
	font-weight: normal;
}

.search_block .search_inner figure{
	display:table-cell;
	width:347px;
	text-align: left;
	vertical-align: bottom;
	position:relative;
}

.search_block .search_inner .shop_num{
	position:absolute;
	top:135px;
	left:0;
	padding: 0 10px 5px;
	font-weight: bold;
	font-size:123.1%;
	border-bottom:2px solid #000;
	z-index:100;
}


.search_block .search_inner figure svg{
	width: 100%;
	max-width:347px;
	/*height: calc(347/535*100%);*/
	height:750px;
}
.search_block .search_inner figure svg a:hover .area {
	fill: #787878;
}
.search_block .search_inner figure svg a:hover .balloon {
	fill: #30a8fb;
	stroke: #fff;
}
.search_block .search_inner figure svg a:hover .text {
	fill: #fff;
}

.search_block .search_detail_btn {
	display: none;
}

/*検索popup*/

.search_block .search_inner .popup_area {
	display:table-cell;
	width:558px;
	padding:0 0 120px 90px;
	vertical-align: bottom;
}

.search_block #area01,
.search_block #area02,
.search_block #area03,
.search_block #area04,
.search_block #area05,
.search_block #area06,
.search_block #area07,
.search_block #area08,
.search_block #area09 {
	display: none;
}

.search_block .search_detail .popup_close{
	display: none;
}


/*地域*/
.search_area{
	clear: both;
	width:100%;
	margin: 0 auto;
	padding:50px 40px 90px;
	font-size: 138.5%;
	background-color:#fff;
	overflow:hidden;
	border-radius: 6px;
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
}

.search_area h3{
	float: left;
	width:25%;
	font-weight: normal;
}

.search_area h3 span{
	font-size:77%;
}

.search_area ul{
	float: right;
	width:73%;
	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	flex-wrap: wrap;
	font-weight: normal;
}

.search_area ul li{
	width:33%;
	margin-bottom:15px;
	padding: 0 10px;
	list-style: none;
	vertical-align: top;
}

.search_area ul li span{
	font-size:77%;
}

/*詳細*/

.search_detail .detail_01 {
	display:table;
	width:100%;
	margin-bottom:30px;
}

.search_detail .detail_01 div{
	display:table-cell;
	width:40%;
}

.search_detail .detail_01 div:first-child{
	padding-right:15px;
}

.search_detail .detail_01 input,
.search_detail .detail_01 select{
	width:100%;
}


.search_detail .detail_02 {
	margin-bottom:20px;
}


.search_detail .detail_02 ul{
	width:100%;
	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;*/
}


.search_detail .detail_02 li{
	width:26%;
	display:inline-block;
	margin-bottom:20px;
	padding-right:2%;
	list-style: none;
	color:#666666;
	font-size:108%;
	vertical-align: top;
}

.search_detail .detail_02 li.no_03,
.search_detail .detail_02 li.no_06{
	min-width:42%;
}

.search_detail .search_btn {
	text-align: right;
}

.search_detail .search_btn button{
	padding: 10px 35px;
	background:#30a8fb;
	color:#fff;
	border: none;
	font-size:123.1%;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}

.search_detail .search_btn button:hover{
	opacity:0.7;
}

.search_block .search_past {
	text-align: center;
	font-size:108%;
}

.search_block .search_past p{
	display:inline-block;
	padding: 15px 30px;
	font-weight: bold;
	background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
}

.search_block .search_past p span{
	font-weight: normal;
}

.search_block .search_past p span:first-child{
	margin-left:15px;
}


@media only screen and (max-width: 829px) {
	.search_block h2{
		width:100% !important;
		margin-bottom:0;
		padding-top:0;
	}

	.search_block .search_box {
		padding: 0;
	}

	.search_block .search_inner {
		display:block;
		margin-bottom:40px;
		padding: 0 5%;
	}


	.search_block .search_inner figure {
		display:block;
		width:60%;
		margin:0 auto 40px;
		padding:0;
		text-align: center;
	}

	.search_block .search_inner .shop_num{
		position:absolute;
		top:5%;
		left:0;
		padding: 0 10px 5px;
		font-weight: bold;
		font-size:14px;
	}

	.search_block .search_inner figure svg{
		width:100%;
		max-width:100%;
		height: calc(347 / 535 * 100%)
	}


	.search_block .search_inner .popup_area {
		display:block;
		width:60%;
		margin: 0 auto;
		padding:0;
	}

	.search_detail .search_btn {
		text-align: center;
	}

	.search_detail .search_btn button{
		display:block;
		width:60%;
		margin: 0 auto;
		padding: 15px 3%;
	}
}

@media only screen and (max-width: 829px) {
	.search_block {
		min-width:100%;
		padding: 65px 5% 40px;
	}

	.search_block .search_box {
		width:100%;
		margin: 0 auto;
		padding: 0;
	}

	.search_block .search_inner {
		display:block;
		margin-bottom:40px;
	}

	.search_block .search_inner h3{
		margin-bottom:30px;
		font-size:167%;
		font-weight: normal;
	}

	.search_block .search_inner h4{
		margin-bottom:10px;
		font-size:108%;
		font-weight: normal;
	}

	.search_block .search_inner figure{
		display:block;
		width:60%;
		min-width:260px;
	}

	.search_block .search_detail_btn {
		display:block;
		width:70%;
		margin: 0 auto 40px;
		text-align: center;
		font-size:108%;
		color:#30a8fb;
	}

	.search_block .search_detail_btn a{
		display:block;
		padding:12px 20px;
		border:1px solid #e5e5e5;
		background-color:#fff;
		border-radius: 5px;
		-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
		-moz-border-radius: 5px; /* Firefox用 */
	}

	.search_detail {
		display:block;
		margin: 0 auto;
		padding:30px 5%;
		background-color:#fff;
		border-radius: 10px;
		-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
		-moz-border-radius: 10px; /* Firefox用 */
	}

	.search_block #area10 {
		display: none;
	}


	.search_detail h3{
		margin-bottom:30px;
		font-size:18px;
		font-weight: bold;
	}

	.search_detail h4{
		margin-bottom:10px;
		font-size:14px;
		font-weight: normal;
	}

	/*検索popup*/

	.search_block .search_inner .popup_area {
		display:block;
		width:100%;
		padding:0;
	}

	/*地域*/
	.search_area{
		display:block;
		padding:0 5% 5%;
		font-size: 18px;
		background-color:none;
		border-radius: 0;
		-webkit-border-radius: 0; /* Safari,Google Chrome用 */
		-moz-border-radius: 0; /* Firefox用 */
	}

	.search_area h3{
		display:block;
		float:  none;
		width:100%;
		margin-bottom:40px;
	}

	.search_area ul {
		float: none;
		width:100%;
		margin: 0 -10px;
	}

	.search_area ul li{
		width:50%;
		margin-bottom:30px;
	}


	/*詳細*/

	.search_detail .detail_01 {
		display:block;
	}

	.search_detail .detail_01 div{
		display:block;
		width:100%;
		margin-bottom:25px;
	}

	.search_detail .detail_01 div:first-child{
		padding-right:0;
	}

	.search_detail .detail_02 ul{
		margin: 0 -5px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.search_detail .detail_02 li,
	.search_detail .detail_02 li.no_03{
		display: block;
		width:50%;
		margin-bottom:15px;
	}

	.search_detail .detail_02 li.no_06,
	.search_detail .detail_02 li:nth-child(even){
		width:50%;
	}

	.search_detail .search_btn button{
		padding: 10px 35px;
		font-size:14px;
	}


	.search_block .search_past {
		text-align: center;
		font-size:108%;
	}

	.search_block .search_past p{
		width:80%;
		margin: 0 auto;
		padding: 15px 10%;
	}

	.search_block .search_past p span{
		display:block;
	}

	.search_block .search_past p span:first-child{
		margin:10px 0;
	}
}



/*coorbox
---------------------------------------------------------- */

.popup_area{
	display: block;
}

.popup_close{
	display:block;
	text-indent:-9999px;
	width:31px;
	height:41px;
	position:absolute;
	bottom:20px;
	right:40px;
	background:url(../img/colorbox/popup_close.svg)url(../img/colorbox/popup_close.svg) no-repeat 0 0;
	background-size: 31px 41px;
	-webkit-background-size: 31px 41px; /* Safari,Google Chrome用 */
	-moz-background-size: 31px 41px; /* Firefox用 */
	-o-background-size: 31px 41px; /* Opera用 */
}


@media only screen and (max-width: 798px) {
	.popup_area{
		display: none;
		position:relative;
	}

	.popup_close{
		display:block;
		text-indent:-9999px;
		width:21px;
		height:31px;
		position:absolute;
		top:20px;
		right:20px;
		background:url(../img/colorbox/popup_close.svg)url(../img/colorbox/popup_close.svg) no-repeat 0 0;
		background-size: 21px 31px;
		-webkit-background-size: 21px 31px; /* Safari,Google Chrome用 */
		-moz-background-size: 21px 31px; /* Firefox用 */
		-o-background-size: 21px 31px; /* Opera用 */
	}
}


/*news
---------------------------------------------------------- */

.news_block {
	max-width:980px;
	margin: 0 auto;
	padding: 0 0 60px;
	overflow:hidden;
}

.news_block h3{
	margin-bottom:60px;
	font-size: 138.5%;
}

.news_block li {
	list-style: none;
	color:#999999;
	font-size:108%;
}

.news_block ul {
	margin-right:-90px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.news_block ul li {
	width:33.3%;
	margin:0 0 60px 0;
	padding:0 90px 20px 20px;
	border-left:4px solid #181e26;

}

.news_block li p {
	margin-top:12px;
	font-size:116%;
	color:#333;
}

.news_block li p:first-child {
	margin-top:0;
	font-size:100%;
	color:#999999;
}
.news_block li p span:before{
	display:inline-block;
	content:"｜";
	margin: 0 8px;
	color:#999999;
}

.news_block .news_important p:first-child{
	color:#999999;
	font-weight: normal;
}

/*.news_block .news_important p:first-child span{
	color:#ff0000;
}*/

.news_block .news_important p.important_cate01{
	display:inline-block;
	padding:2px 10px;
	background-color:#ff0000;
	color:#fff;
	font-size:86%;
	border-radius: 3px;
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
}

@media only screen and (max-width: 829px) {
	.news_block {
		width:90%;
		margin: 0 auto;
		padding: 0 0 50px;
	}

	.news_block h3{
		margin-bottom:40px;
		font-size: 15px;
	}

	.news_block ul {
		width:100%;
		margin-left:0;
		display: -webkit-block;
		display: block;
	}

	.news_block ul li {
		width:100%;
		margin:0 0 30px;
		padding:0 0 20px 20px;
		font-size:100%;
	}
}


/*画像
---------------------------------------------------------- */
@media only screen and (max-width: 798px) {
	img {
		max-width: 100%;
		height: auto;
		width /***/: auto;
	}
}



/*表示・非表示管理
---------------------------------------------------------- */
.pc_only {
}
.sp_only {
	display:none !important;
}

@media only screen and (max-width: 829px) {
	.pc_only {
		display:none !important;
	}
	.sp_only {
		display:block !important;
	}
}


/*radio checkbox select
---------------------------------------------------------- */
input[type=checkbox] {
	display: none;
}
.check_css {
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 0 0 0 27px;
	vertical-align: top;
	cursor: pointer;
}
/*.check_css:hover:after {
  border-color: #30a8fb;
}*/
.check_css:after {
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	border: 1px solid #e3e3e3;
	content: '';
	z-index:2;
}
.check_css:before {
	position: absolute;
	top: 12px;
	left: 7px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #30a8fb;
	border-bottom: 2px solid #30a8fb;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color:#fff;
	z-index:3;
}
input[type=checkbox]:checked + .check_css:before {
	opacity: 1;
}

.check_css span:before {
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	background-color:#fff;
	content: '';
	z-index:1;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0; /* Safari,Google Chrome用 */
	-moz-border-radius: 0; /* Firefox用 */
	padding: 5px;
	background:url(../img/common/select_arrow.png)#fff url("../img/common/select_arrow.png") 98% 50% no-repeat;
}


input,
select{
	border:1px solid #e3e3e3;
}

input {
	padding: 5px;
}


/*lightbox
----------------------------------------*/

div#lightbox-container-image-box {
	max-width: 740px !important;
	height: auto !important;
}
div#lightbox-container-image-data-box {
	max-width: 720px !important;
	height: auto !important;
}
div#lightbox-container-image-data-box {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

div#lightbox-container-image-box img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 736px) {

	div#lightbox-container-image-box,
	div#lightbox-container-image-data-box {
		width: 90% !important;
		height: auto !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


/*スマホナビ開閉設定
---------------------------------------------------------- */

body.hide main,
body.hide footer,
body.hide .ft_banner_block{
	display: block;
}

@media screen and (min-width: 830px) {
	body.hide main,
	body.hide footer,
	body.hide .ft_banner_block{
		display: block !important;
	}
}

@media only screen and (max-width: 829px) {
	body.hide main,
	body.hide footer,
	body.hide .ft_banner_block{
		display: none;
	}
}


/*float
---------------------------------------------------------- */

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.center {
	width: 100%;
	text-align: center;
}

.right {
	width: 100%;
	text-align: right;
}

.img_float_l {
	float: left;
	margin-right: 15px;
}

.img_float_r {
	float: right;
	margin-left: 15px;
}


/*font
---------------------------------------------------------- */

.font10 {font-size: 77% !important;}
.font11 {font-size: 85% !important;}
.font12 {font-size: 93% !important;}
.font13 {font-size: 100% !important;}
.font14 {font-size: 108% !important;}
.font15 {font-size: 116% !important;}
.font16 {font-size: 123.1% !important;}
.font17 {font-size: 131% !important;}
.font18 {font-size: 138.5% !important;}
.font19 {font-size: 146.5% !important;}
.font20 {font-size: 153.9% !important;}
.font21 {font-size: 161.6% !important;}
.font22 {font-size: 167% !important;}
.font23 {font-size: 174% !important;}
.font24 {font-size: 182% !important;}
.font25 {font-size: 189% !important;}
.font26 {font-size: 197% !important;}


.fontb {
	font-weight: 700;
}

.font_red {
	color: #c21b07;
}

.font_red02 {
	color: #e20000;
}

.font_orange {
	color: #f6b545;
}

.font_blue {
	color: rgb(0, 70, 155);
}

/*margin
---------------------------------------------------------- */


/*top*/
.mt0{ margin-top: 0px !important;}
.mt05{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}


/*bottom*/
.mb0 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}


/*right*/
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}


/*left*/
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}


/*clearfix
---------------------------------------------------------- */

.clearfix {
}

.clearfix:after {
}

.company-drop-menu, .recruit-drop-menu{
	display: inline-block;
}

.company-drop-content, .recruit-drop-content{
	width: 100%;
	height: 0;
	background-color:hsla(0, 0%, 94%, .95);
	overflow: visible;
	transition: all .3s ease-in-out;
	margin: 20px auto;
	position: absolute;
	z-index: 1;
	left: 0;
}
.company-drop-content ul, .recruit-drop-content ul{
	list-style: none;
}
.company-drop-content ul li, .recruit-drop-content ul li {
	line-height: 72px;
}
.company-drop-content ul li a,.recruit-drop-content ul li a {
	color:black;
	text-decoration: none;
	border-bottom: 0 !important;
	width: 100%;
}

.company-drop-content ul li a:hover, .recruit-drop-content ul li a:hover{
	color:#30a8fb !important; 
}

.company-drop-content-inner, .recruit-drop-content-inner{
	height: 0;
	margin: 0 auto;
	width: 1000px;
	transition: all .3s ease-in-out;
	overflow: hidden;
}

.company-drop-content-inner ul li a, .recruit-drop-content-inner ul li a{
	font-size: 12px;
}

.drop-content-inner-item+.drop-content-inner-item {
	margin-left: 32px;
}

.drop-content-active{
	height: 72px;
}