/*
Theme Name: ロングページシンプルサイトサンプル｜JET BEANS Inc.
Theme URI: http://000.00/
Author: JET BEANS Inc.
Author URI: http://000.00/
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: http://000.00/
*/


/*webフォント読み込み*/

/*Google webフォント　日本語*/
@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);
/*指定方法：「font-family: "M PLUS Rounded 1c";」
/*https://googlefonts.github.io/japanese/*/


/*Google webフォント　ゴシック系、数字、英字用*/
/*@import url(http://fonts.googleapis.com/css?family=Lora|Montserrat:300,400,500,600);*/

/*Google webフォント　明朝系*/
/*指定方法：「font-family: 'Lora', serif;」*/

/*Google webフォント　ゴシック系、数字、英字用*/
/*指定方法：「font-family: 'Montserrat', sans-serif;」*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	
	/*paddingの数値を内側として計算させる*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: "M PLUS Rounded 1c";
	line-height: 1.6;
	color: #333333;
	/*色指定*/
	width: 100%;
	-webkit-font-smoothing: antialiased;/*CSSでtransitionをかけて、背景を変えると、safariだけ文字が一瞬細くなるバグ対策*/
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* ----------Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ----------for IE 5.5-7---------- */
.clearfix {
	zoom: 100%;
}

/*「.mc-main h3」は、プラグイン「My Calendar」のイベント名部分*/

a {
	/*color: #6699CC;*/ /* もともと使用していた色（ちょっとくすんだ青） */
	color:#555555;/*一段階濃い青*/
	text-decoration: underline;
	outline: 0;
	/* text-indentを使用した際にFirefoxでリンク線が出ないようにする */
}
a:visited {
	color: #777777;
}

a:focus {
	outline: thin dotted;
}
a:hover {
	color:#EE1030;
	text-decoration: underline;
	/*下線指定*/
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
abbr[title] {
	/*cursor: help;*/
}
b, strong {
	font-weight: 600;
}
cite, dfn, em, i {
	font-style: italic;
}
mark, ins {
	text-decoration: none;
}
p {
	text-align: left;
	/*color: #666666;*/
	font-size:100%;
	line-height:180%;
	font-weight: normal;
}
code, kbd, tt, var, samp, pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	line-height: 1.6;
}
pre {
	border: none;
	box-sizing: border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote {
	font-size: 100%;
	font-style: italic;
	font-weight: 300;
	line-height: 1.6;
}
blockquote cite, blockquote small {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
small {
	font-size: smaller;
}
big {
	font-size: 125%;
}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
ul {
	list-style-type: none;
	font-weight: normal;
}
ol {
	list-style-type: none;
	margin-left: 1.5em;
	text-indent: -1.5em;
	font-weight: normal;
}
li > ul, li > ol {
	margin: 0 0 0 0px;
}

dd,dt{
	font-weight: normal;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}

a:hover img {
	filter: alpha(opacity=80);
	/*IE*/
	-moz-opacity: 0.80;
	/*FF*/
	opacity: 0.80;
	
	max-width: 110%;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
legend {
	white-space: normal;
}
button, input, select, textarea {
	box-sizing: border-box;
}
button, input {
	line-height: normal;
}

/* Removing the inner shadow, rounded corners on iOS inputs---------- */
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table, th, td {
	border: none;
}
table {
	font-size: 100%;
	border-collapse: collapse;
}
caption, th, td {
	font-size: 100%;
	line-height: 1.6;
	font-weight: normal;
}



/*=========================PC用（及び横位置タブレット）=========================*/
/*@media screen and (min-width:600px) {*/
/*　画面サイズが960px以上の場合、ここのスタイルを読み込む　*/

/* -------------------- 

ヘッダー

-------------------- */

.header_area { /*section*/
	position:fixed !important;
	width:100%;
	height:100px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index: 8000;
	background-color: rgba(255,255,255, 1.0);
	/*border-bottom: solid 1px #e4e4e1;*/
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

/*トップのみ*/
.body_frontpage .header_area {
	/*height: 0px; 背景色無しの場合はheightを0に*/
	/*border-bottom: solid 0px #e4e4e1;*/
	
	background-color: rgba(255,255,255, 1.0);
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

.fixed{
	position:fixed !important;
	top: 0px !important;
	left: 0px !important;
	z-index: 8000;
	height:70px !important;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

.body_frontpage .fixed{

}


.header_area:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 12px;
	background: url(../img/header_wave.png) repeat-x;
	background-size: 75px 12px;
	bottom: -12px;
	
	z-index: 8000;
	visibility: visible !important;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}


.header_outer {
	display: block;
	position:relative;
	width: 100%;
	height:100px;
	padding:0px 60px 0px 60px;
	/*background-color: #ffffff;*/
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

.fixed .header_outer {
	position:relative;
	display: block;
	width: 100%;
	height:70px;
	top:0px;
	padding:0px 60px 0px 60px;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

.header_inner {
	/*width: 1080px;*/
	height:50px;
	margin: 0 auto;
	text-align: center;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

.fixed .header_inner {
	height:70px;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}


/* ---------- PC：メインロゴ ---------- */

.site_logo {
	position:relative;
	display: inline-block;
	width: auto;
	height:auto;
	text-align:center;

	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
	
}

.fixed .site_logo {
}

.site-title {
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	padding: 0;
}

.site-title a {
	display: inline-block;
	text-decoration: none;
	width: 610px;
	height: 100px;
	background: url(../img/header_logo.png) no-repeat center center;
	background-size: 610px 50px;
	vertical-align: middle;
}

.fixed .site-title a {
	width: 610px;
	height: 70px;
	background: url(../img/header_logo.png) no-repeat center center;
	background-size: 610px 50px;
	
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}



.site-title a b {
	display: none;
}

.fixed .site-title a b{

}




/* -------------------- 

コンテンツ（トップのみ）

-------------------- */

.contents_area_frontpage { /*section*/
	background-color: #ffffff;
	width: 100%;
	display: block;
	clear: both;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.contents_outer_frontpage {
	padding:0px 60px 0px 60px;	
}

/*「.contents_outer_frontpage」と併用して利用*/
.outer_w100per {
	padding:0px 0px 0px 0px;
}

.contents_inner_frontpage {
	/*width: 1080px;*/
	max-width: 1080px;
	margin: 0 auto;
}

/*「.contents_inner_frontpage」と併用して利用*/
.inner_w100per {
	width: 100% !important;
	/*min-width: 1080px !important;*/
	margin: 0 auto;
}


/* ----------コンテンツ（下層ページ）---------- */
.contents_area { /*section*/
	display: block;
	/*overflow:hidden;*/
	clear: both;
	/*min-width: 1080px;*/
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
	background-color: #ffffff;
}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.contents_outer {
	position: relative;
	margin: 0 auto;
	padding:0px 60px 0px 60px;
	z-index: 0;
}

/*左と右をくくったdiv*/
.contents_inner {
	display:block;
	/*overflow:hidden;*/
	max-width: 1080px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}








/* -----------------------

各パーツ設定

----------------------- */





/* ----------h1---------- */	
h1 {
}


/* ---------- H2 段落タイトル設定 ---------- */

h2 {

}


/* ---------- H3 ---------- */
h3 {

}


/* ---------- H4/H5/H6 見出し設定 ---------- */

h4 {

}

h5 {

}

h6 {

}

/* ---------- 記事のpノーマル ---------- */

p {
	
}


/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
p.comment {
	display: none;
}

/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
.fs_110{font-size:110%;}
.fs_120{font-size:120%;}
.fs_130{font-size:130%;}
.fs_140{font-size:140%;}
.fs_150{font-size:150%;}
.fs_160{font-size:160%;}
.fs_170{font-size:170%;}
.fs_180{font-size:180%;}
.fs_190{font-size:190%;}
.fs_200{font-size:200%;}
.fs_210{font-size:210%;}
.fs_220{font-size:220%;}
.fs_230{font-size:230%;}
.fs_240{font-size:240%;}
.fs_250{font-size:250%;}
.fs_260{font-size:260%;}
.fs_270{font-size:270%;}
.fs_280{font-size:280%;}
.fs_290{font-size:290%;}
.fs_300{font-size:300%;}

/*サイズダウン*/
.fs_95{font-size:95%;}
.fs_90{font-size:90%;}
.fs_85{font-size:85%;}
.fs_80{font-size:80%;}
.fs_75{font-size:75%;}
.fs_70{font-size:70%;}
.fs_60{font-size:60%;}
.fs_50{font-size:50%;}
.fs_40{font-size:40%;}
.fs_30{font-size:30%;}
.fs_20{font-size:20%;}
.fs_10{font-size:10%;}

/*色*/
.fc_red{color:#EE1030 !important;}
.fc_winered{color:#88212D !important;}
.fc_blue{color:#5477b6 !important;}
.fc_blue2{color:#3366cc !important;}/*WEBセーフカラーのしゃっきりした青*/
.fc_skyblue{color:#6699cc !important;}
.fc_green{color:#66cc66 !important;}
.fc_litegreen{color:#99cc66 !important;}
.fc_mossgreen{color:#60772C !important;}
.fc_orange{color:#ffcc33 !important;}
.fc_purple{color:#663399 !important;}
.fc_litepurple{color:#cc99cc !important;}
.fc_brown{color:#996633 !important;}
.fc_gray{color:#777777 !important;}
.fc_darkgray{color:#666666 !important;}
.fc_litegray{color:#9d9ea8 !important;}
.fc_white{color:#ffffff !important;}
.fc_pink{color:#FF6699 !important;}
.fc_black{color:#000000 !important;}
.fc_yellow{color:#e2b600 !important;}


/*書体*/
/*明朝*/
.ff_sans-serif{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*ゴシック*/
.ff_serif{
	font-family: 'Montserrat', 'Montserrat Web', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*左右中央揃え　text-alignの略*/
.ta_center{text-align: center !important;
	width: 100%;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}


/*黒背景、色文字のタイトル風処理*/
.text_box_black{
	background-color: #221816;
	color: #ffffff;
	padding: 6px 15px 6px 15px;
	font-weight: 600 !important;
}


.display_ib{
	display: inline-block !important;
}

.display_b{
	display: block !important;
}



/* ---------- 写真の配置設定 ---------- */

/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
.wp-caption,
.caption {
	margin-bottom: 20px !important;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */

/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
.alignone{
	display: block;
	overflow: hidden;
	width: 100%!important;
	margin-bottom: 10px;
	clear: left;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
div.aligncenter {
	display: block;
	overflow: hidden;
	width: 100%!important;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	clear: left;
}

img.aligncenter {
	display: block;
	width:auto;
	text-align: center;
	margin:0 auto;
	margin-bottom: 10px;
	clear: left;
}

/* ----------写真を中央に配置---------- */
.aligncenter img {
	display: block;
	margin: 0 auto 0px auto!important;
}

/* ----------画像まわしこみを解除----------*/
.aligncenter {
	float: none;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
.alignright {
	overflow: hidden;
	text-align: right;
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}

.alignright img {
	margin-right: 0px;
	margin-right: 0px;
}

/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
.alignleft {
	overflow: hidden;
	text-align: left;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
}

.alignleft img {
	margin-right: 0px;
	margin-right: 0px;
}

/* ----------写真を左に配置---------- */
.alignleft img {
	float: left;
	margin: 0 0px 10px 0;
}

/* ----------写真を右側に配置---------- */
.alignright img {
	float: right;
	margin: 0 0 10px 0px;
}

/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
p.wp-caption-text,
p.caption-text,
p.caption {
	text-align: left;
	margin-top: 8px !important;
	font-size: 90%;
	line-height: 130%;
	clear: both;
}

/*キャプションのスタイル（aligncenterの場合）*/
.aligncenter p.wp-caption-text,
.aligncenter p.caption-text,
.aligncenter p.caption{
	text-align: center;
	margin-top: 8px !important;
	font-size: 90%;
	line-height: 130%;
	clear: both;
}

/*単純にimgにグレーの枠線*/
img.border_gray{
	border: #d8d8d8 solid 1px;
}


/*spanでimgを囲んでspanにグレーの枠線*/
span.border_gray{
	display: inline-block;
	overflow: hidden;
	border: #d8d8d8 solid 1px;
}

span.border_gray img{
	margin: -1px;
}



/* ---------- floatのクリア ---------- */
.float_clear { 
display: inline-block;
	
}

.float_clear:after { 
content: "";
	
display: block;
	
clear: both;
	
}

/* ---------- 記事内のテーブル設定 ---------- */

table {
	margin-bottom: 0.5em;

	width: 100%;
}

table.no_vertical_border,
table.no_vertical_border tr,
table.no_vertical_border tr th,
table.no_vertical_border tr td{

}

table.no_vertical_border tr:last-Child,
table.no_vertical_border tr:last-Child td{
}

table.table_90per {
	width: 90% !important;
}

table.table_80per {
	width: 80% !important;
}

table.table_70per {
	width: 70% !important;
}

table.table_60per {
	width: 60% !important;
}

table.table_50per {
	width: 50% !important;
}

table.table_40per {
	width: 40% !important;
}

table.table_30per {
	width: 30% !important;
}

table.table_20per {
	width: 20% !important;
}

table.table_10per {
	width: 10% !important;
}


tr {

}

th {
	padding: 10px 10px 9px 10px;

	font-size: 98%;
}

td {
	padding: 10px 10px 9px 10px;

}

table p,
tr p,
th p,
td p{
	margin-bottom: 5px;
}


table.table_2column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 49%;
	float: left;
	margin-right: 1%;	
}

table.table_4column {
	margin-bottom: 0.5em;
	border-top: #d8d8d8 solid 1px;
	border-left: #d8d8d8 solid 1px;
	width: 24%;
	float: left;
	margin-right: 1%;	
}


/*スマホレスポンシブ対応のテーブル*/
table.sp_responsive_table {
}

table.sp_responsive_table .sp_only {
	display: none;
}

/*改行させない*/
.nowrap,
table tr.nowrap,
table tr th.nowrap,
table tr td.nowrap,
p.nowrap,
span.nowrap{
	white-space: nowrap !important;
}


/* -------------------- 水平線画像 -------------------- */

hr{
	display:block;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	border:none;
	border-top:solid 1px #cccccc;
	background:transparent;
	clear:both;
	float:none;
}

hr.hr_dot{
	display:block;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	border:none;
	border-top:dotted 1px #cccccc;
	background:transparent;
	clear:both;
	float:none;
}

/*薄いグレーの罫線*/
.hr_lite_gray{
	display:block;
	width:100%;
	height:1px;
	margin:40px 0 40px 0;
	border:none;
	border-top:solid 1px #d0d0d0;
	color:#ffffff;
	background:#d0d0d0;
	clear:both;
	float:none;
}


hr .mb10,
hr.hr_dot .mb10,
.hr_lite_gray .mb10,
div.mb10{
	margin-bottom:10px;
}

hr .mb20,
hr.hr_dot .mb20,
.hr_lite_gray .mb20,
div.mb20{
	margin-bottom:20px;
}

hr .mb30,
hr.hr_dot .mb30,
.hr_lite_gray .mb30,
div.mb30{
	margin-bottom:30px;
}

hr .mb40,
hr.hr_dot .mb40,
.hr_lite_gray .mb40,
div.mb40{
	margin-bottom:40px;
}

hr .mb50,
hr.hr_dot .mb50,
.hr_lite_gray .mb50,
div.mb50{
	margin-bottom:50px;
}

hr .mb60,
hr.hr_dot .mb60,
.hr_lite_gray .mb60,
div.mb60{
	margin-bottom:60px;
}

hr .mb70,
hr.hr_dot .mb70,
.hr_lite_gray .mb70,
div.mb70{
	margin-bottom:70px;
}

hr .mb80,
hr.hr_dot .mb80,
.hr_lite_gray .mb80,
div.mb80{
	margin-bottom:80px;
}

hr .mb90,
hr.hr_dot .mb90,
.hr_lite_gray .mb90,
div.mb90{
	margin-bottom:90px;
}

hr .mb100,
hr.hr_dot .mb100,
.hr_lite_gray .mb100,
div.mb100{
	margin-bottom:100px;
}



/* ---------- 記事内のol ---------- */

ol {

}

ol li {

}


/* ---------- 記事内のul ---------- */

ul {

}

/* ---------- 記事内のulのli ---------- */

ul li {

}

ul li:before {

}

ul.no_disc li:before {
}


/* ---------- 記事内のア、イ、ウ…のli ---------- */

.list_50on,
ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
}

.list_50on li,
ul li .list_50on li {
	padding-left: 1.5em !important;
	text-indent: -1.5em !important;
}

.list_50on li:before,
ul li .list_50on li:before {
	content:none;
}


ul li.text_indent_2 {
	padding-left: 2em !important;
	text-indent: -2em !important;
}

ul li.text_indent_2_5 {
	padding-left: 2.6em !important;
	text-indent: -2.6em !important;
}

ul li.text_indent_3 {
	padding-left: 3em !important;
	text-indent: -3em !important;
}

ul li.text_indent_3_5 {
	padding-left: 3.6em !important;
	text-indent: -3.6em !important;
}





/* ---------- Pやspanの注釈 ---------- */

.annotate {
	padding: 2px 0px 2px 0px;
	font-size: 86%;
	color: #555555;
}





.sp_only,
.sp_only {
	display:none;
}

.pc_only,
.pc_only {
}

.print_only,
. print_only {
	display:none;
}







/*要素を上下センターに配置*/
.flex_middle{
	display: flex !important; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}


/*googleマップを配置するdiv*/
.map_box{
	
}

.map_box iframe{
	max-width: 100%;
}






.mb60,
table.mb60 {
	margin-bottom: 60px !important;
}

.mb50,
table.mb50 {
	margin-bottom: 50px !important;
}

.mb40,
table.mb40 {
	margin-bottom: 40px !important;
}

.mb30,
table.mb30 {
	margin-bottom: 30px !important;
}

.mb20,
table.mb20 {
	margin-bottom: 20px !important;
}

.mb15,
table {
	margin-bottom: 15px !important;
}

.mb10,
table.mb10 {
	margin-bottom: 10px !important;
}

.mb5,
table.mb5 {
	margin-bottom: 5px !important;
}

.mb0,
.mb0,
table.mb0 {
	margin-bottom: 0px !important;
}

.mt0,
.mt0 {
	margin-top:0px !important;
}

.mt5,
.mt5 {
	margin-top:5px !important;
}

.mt10,
.mt10 {
	margin-top:10px !important;
}

.mt15,
.mt15 {
	margin-top:15px !important;
}

.mt20,
.mt20 {
	margin-top:20px !important;
}

.mt25,
.mt25 {
	margin-top:25px !important;
}

.mt30,
.mt30 {
	margin-top:30px !important;
}

.mt40,
.mt40 {
	margin-top:40px !important;
}

.mt50,
.mt50 {
	margin-top:50px !important;
}



/* ---------- 固定ページを含むすべての記事ごとのフッター ---------- */
#contents_footer{
	margin:10px 0px 10px 0px;
}







/* -----------------------

フッター

----------------------- */

/*------------- フッター -------------*/

.footer_area { /*section*/
	display: block;
	/*min-width: 1080px;*/
	width: 100%;
	background:url(../img/footer_bg.png) repeat-x center top;
	padding-top: 12px;
	margin-top: -12px;
	z-index: 1;
	clear: both;
}

.footer_outer {
	padding:0px 60px 0px 60px;
}


/*フッターの中身を包んだ大枠*/
.footer_inner {/*幅1080ピクセル*/
	display:block;
	max-width: 1080px;
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	margin-bottom:0px;
	overflow:hidden;
	text-align: left !important;
	position: relative;
}

.footer_logo{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.footer_logo p{
	display: inline-block;
	position: relative;
	width: 92px;
	height: 32px;
	background: url(../img/logo_white.png) no-repeat center center;
	background-size: contain;
	margin-bottom: 20px;
}

.footer_logo p span{
	display: none;
}

.footer_twitter,
.footer_twitter p{
	/*
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	*/
	display: none;
}

.footer_twitter a{
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	background: url(../img/footer_icon_twitter.png) no-repeat center center;
	background-size: contain;
}

.footer_twitter a:hover{
	opacity: 0.8;
}

.footer_twitter a span{
	display: none;
}

.copyright{
	display:block;
	position: relative;
	padding:0px 0px 60px 0px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 0px;
	float: none;
	clear: both;
}

.copyright p{
	text-align: center;
	font-size: 13px;
	color: #ffffff;
}



/* ----------ページTOPへボタン（ページの先頭へ）---------- */
#pagetop_wrapper {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 77px;
	height: 77px;
	z-index:9999 !important;
}

.pagetop {
	display: block;
	float: right;
	width: 77px;
	height: 77px;
}

.pagetop a {
	display: block;
	width: 77px;
	height: 77px;
	background:url(../img/pagetop.png) center center no-repeat;
	background-size:contain;
}

.pagetop a:hover {
	opacity: 0.8;
}

/*firefoxのリンクの点線を消す*/
.pagetop a:focus{
	outline: none;
}

.pagetop a b {
	display:none;
}


/* --------------------

トップページ専用スタイル

-------------------- */

/* ----------メインビジュアル---------- */
.mainvisual_area { /*section*/
	display: block;
	clear: both;
	z-index:-1000 !important;
	margin-top: 100px;
	height: auto;
	overflow: hidden;
	
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition: all 0.2s;
}

.fixed .mainvisual_area {
	margin-top: 70px;
	
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}


.mainvisual_outer {
	z-index:-999;
}

.mainvisual_inner {
	position: relative;
	clear: both;
	float: none;
}

/*無限スライド全体*/
.infiniteslide_box{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.fresh_frontpage ul li{
	padding: 0px 0px 0px 0px;
	padding-left: 0px;
	background:none;
}

/*無限スクロールする欄　div*/

/*均等の高さの場合*/
.infiniteslide1,
.infiniteslide2{
	height: 29vh;
	min-height: 180px;
}

.infiniteslide2{
	margin-top: -2px;
}

.infiniteslide1 ul,
.infiniteslide2 ul,
.infiniteslide1 ul li,
.infiniteslide2 ul li{
	height: auto;
}



.infiniteslide1 ul li,
.infiniteslide2 ul li{
}

.infiniteslide1 ul li img,
.infiniteslide2 ul li img{
	visibility: 0 !important;
	height: 29vh !important;
	min-height: 180px;
	max-width: 10000px !important;
	width: auto !important;
}


/* --------------------

トップのメインコンテンツの基本設定

-------------------- */

.bg_blue{
	background: url(../img/bg_pattern_blue.jpg);
}

.bg_beige{
	background: url(../img/bg_pattern_beige.jpg)
}

.bg_white{
	background-color: #ffffff;
}



/* --------------------

コンセプト

-------------------- */

.frontpage_concept{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:50px 0px 50px 0px;
	z-index: 0;
	
	background: url(../img/bg_img_wave.png),url(../img/bg_img_katsuo.png),url(../img/bg_pattern_blue.jpg);
	background-size: 18% auto,43% auto,auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: -1% 40px,110% 40px,center top;
	
	
}

.concept_box{
	display: block;
	position: relative;
	
	color: #ffffff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	
	background: url(../img/concept_mark.png) no-repeat left top;
	background-size: 30%;
	
	padding-left: 35%;
}

.concept_catchcopy{
	font-size: 3.7vw;
	line-height: 140%;
	margin-bottom: 1.5rem;
}

.concept_catchcopy span{
	margin-left: 10vw;
}

.concept_catchcopy b{
	font-size: 6.0vw;
}

.concept_text{
	font-size: 1.8vw;
	margin-bottom: 1.0rem;
}


/*画面幅860px未満*/
@media (max-width: 860px) {
	
	.concept_catchcopy{
		font-size: 2.0rem;
	}
	
	.concept_catchcopy b{
		font-size: 3.0rem;
	}
	
	.concept_text{
		font-size: 1.1rem !important;
	}
	
}

/*画面幅1200px以上*/
@media (min-width: 1200px) {
	
	.concept_catchcopy{
		font-size: 2.7rem;
	}
	
	.concept_catchcopy b{
		font-size: 4.5rem;
	}
	
	.concept_text{
		font-size: 1.4rem !important;
	}
	
}


/* --------------------

採用情報バナー

-------------------- */

.frontpage_recruit{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:20px 10px 20px 10px;
	background-color: #ffffff;
	z-index: 0;
	
}

.recruit_banner{
	
}

.recruit_banner img{
	width: 100%;
	max-width: 540px;
	height: auto;
}

.recruit_banner a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
max-width: 540px; !important;
}


/* --------------------

本日のおすすめ情報

-------------------- */

.frontpage_osusume{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:40px 10px 40px 10px;
	z-index: 0;
	
	background: url(../img/bg_img_tako.png),url(../img/bg_img_hamaguri.png),url(../img/bg_pattern_beige.jpg);
	background-size: 43% auto,28% auto,auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: -4% 10px,103% 90%,center top;
	
	
}

/*h2 画像置き換えタイトル*/

.frontpage_osusume .section_title_box {
    position: relative;
    width: 80%;
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.frontpage_osusume .section_title_box:before {
    content:"";
    display: block;
    padding-top: 28%;
}

.frontpage_osusume h2.section_title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    background: url(../img/title_osusume.png) no-repeat center top;
    background-size: 100%;
}


.frontpage_osusume h2.section_title span{
	display: none;
}

.section_catchcopy{
	text-align: center;
	font-size: 1.9vw;
	margin-bottom: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	color: #1F294F;
}

/*画面幅860px未満*/
@media (max-width: 860px) {
	
	.section_catchcopy{
		font-size: 1.2rem !important;
	}
	
}

/*画面幅1200px以上*/
@media (min-width: 1200px) {
	
	.section_catchcopy{
		font-size: 1.6rem !important;
	}
	
}

/*
.twitter_timeline_box{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.twitter_timeline_box iframe{
	display: block;
	position: relative;
	width: 100% !important;
	max-width: 680px !important;
	margin: 0 auto;
	max-height: 60vh;
}
*/

.osusume_contents_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.osusume_contents_box .column_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	
	width: 48%;
	margin-right: 4%;
}

.osusume_contents_box .column_inner:nth-of-type(2n){
	margin-right: 0;
}

.osusume_title{
	font-size: 1.9rem;
	font-weight: 600;
	margin-bottom: 10px;
	color: #bb222d;
}

.osusume_date{
	margin-bottom: 20px;
}

.osusume_text_box{
	font-size: 1.3rem;
}

.osusume_text_box p{
	margin-bottom: 10px;
}

/* --------------------

3つのポイント

-------------------- */

.frontpage_point{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:40px 0px 60px 0px;
	z-index: 0;
	
	background: url(../img/bg_img_blue_wave.png),url(../img/bg_img_blue_wave.png);
	background-size: 40% auto,40% auto;
	background-repeat: no-repeat,no-repeat;
	background-position: -17% 5%,117% 95%;
	background-color: #ffffff;
}

/*h2 画像置き換えタイトル*/

.frontpage_point .section_title_box {
    position: relative;
    width: 80%;
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.frontpage_point .section_title_box:before {
    content:"";
    display: block;
    padding-top: 40%; /* 高さを幅の75%に固定 */
}

.frontpage_point h2.section_title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    background: url(../img/title_point.png) no-repeat center top;
    background-size: 100%;
}


.frontpage_point h2.section_title span{
	display: none;
}


.point_1box{
	display: block;
	position: relative;
	margin-bottom: 30px;
	clear: both;
	float: none;
}

.point_1box .point1,
.point_1box .point3{
	text-align: right;
}

.point_1box .point2{
	text-align: left;
}


.point_photo_box{
	display: block;
	position: absolute;
	width: 38vw;
	max-width: 46%;
	
	z-index: 1;
}

.point1 .point_photo_box,
.point3 .point_photo_box{
	top:0;
	left: 0;
	text-align: left;
}

.point2 .point_photo_box{
	top;0;
	right: 0;
	text-align: right;
}

.point_photo_box img{
	width: 100%;
	height: auto;
	
}



.point_catchcopy_box{
	display: block;
	position: relative;
	width: 38vw;
	max-width: 46%;
	z-index: 2;
	
}

.point1 .point_catchcopy{
	display: block;
	position: absolute;
	width: 25%;
	max-width: 114px;
	padding-bottom: 75%;
	top:3vw;
	right: -4vw;
	background: url(../img/point_1_copy.png) no-repeat left top;
	background-size: contain;
	
	z-index: 2;
}

.point2 .point_catchcopy{
	display: block;
	position: absolute;
	width: 25%;
	max-width: 114px;
	padding-bottom: 95%;
	top:3vw;
	left: 0vw;
	background: url(../img/point_2_copy.png) no-repeat left top;
	background-size: contain;
	
	z-index: 2;
}

.point3 .point_catchcopy{
	display: block;
	position: absolute;
	width: 25%;
	max-width: 114px;
	padding-bottom: 85%;
	top:3vw;
	right: -4vw;
	background: url(../img/point_3_copy.png) no-repeat left top;
	background-size: contain;
	
	z-index: 2;
}

/*画面幅1500px以上*/
@media (min-width: 1500px) {
	
	.point1 .point_catchcopy,
	.point3 .point_catchcopy{
		right: -60px;
	}
	
}


.point1 .point_catchcopy span,
.point2 .point_catchcopy span,
.point3 .point_catchcopy span{
	display: none;
}



.point_text_box{
	display: block;
	position: relative;
	width: 60%;
	margin-bottom: 30px;
	z-index: 0;
	
}

/*画面幅1080px以上*/
@media (min-width: 1080px) {
	
	.point_text_box{
		min-height: 460px;
	}
	
}

.point1 .point_text_box,
.point3 .point_text_box{
	top:5%;
	right: 0px;
	text-align: left;
	float: right;
	padding-top: 8%;
	padding-left: 11vw;
	padding-right: 6vw;
	padding-bottom: 60px;
	
	background: url(../img/point_1_3_bg.png) no-repeat 0% 2.5rem;
	background-size: 90%;
}

.point2 .point_text_box{
	top:5%;
	text-align: left;
	float: left;
	padding-top: 8%;
	padding-left: 11vw;
	padding-right: 6.5vw;
	padding-bottom: 60px;
	
	background: url(../img/point_2_bg.png) no-repeat 100% 2.5rem;
	background-size: 90%;
}


/*画面幅1300px未満*/
@media (max-width: 1300px) {
	
	.point2 .point_text_box{
		padding-left: 14%;;
	}
	
}

/*画面幅1500px以上*/
@media (min-width: 1500px) {
	
	.point1 .point_text_box,
	.point3 .point_text_box{
		padding-left: 15%;
	}
	.point2 .point_text_box{
		padding-left: 15%;
	}
	
}


.point_text{
	color: #22294C;
	font-weight: 600;
	font-size: 105%;
	margin-bottom: 20px;
}

.point_icon{
	text-align: right;
	margin-bottom: 20px;
}

.point1 .point_icon img{
	width: 45%;
}

.point2 .point_icon img{
	width: 18%;
}

.point3 .point_icon img{
	width: 20%;
}




/* --------------------

ココにも注目

-------------------- */



.frontpage_chuumoku{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:40px 0px 60px 0px;
	z-index: 0;
	
	background: url(../img/bg_img_sanma_iwashi.png),url(../img/bg_pattern_blue.jpg);
	background-size: 36% auto,auto;
	background-repeat: no-repeat,repeat;
	background-position: -1% 40px,center top;
}

.frontpage_chuumoku .contents_inner_frontpage{
	max-width: 1200px;
}

/*h2 画像置き換えタイトル*/

.frontpage_chuumoku .section_title_box {
    position: relative;
    width: 80%;
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.frontpage_chuumoku .section_title_box:before {
    content:"";
    display: block;
    padding-top: 40%; /* 高さを幅の75%に固定 */
}

.frontpage_chuumoku h2.section_title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    background: url(../img/title_chuumoku.png) no-repeat center top;
    background-size: 100%;
}


.frontpage_chuumoku h2.section_title span{
	display: none;
}


.chuumoku_list_box{
	
}

.chuumoku_list_box ul{
	letter-spacing: -.40em;
	text-align: center;
}

.chuumoku_list_box ul li{
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
	margin-right: 5%;
	margin-bottom: 1.5rem;
	width: 30%;
}

.chuumoku_list_box ul li:nth-Child(3n){
	margin-right: 0%;
}


/*画面幅860px未満*/
@media (max-width: 860px) {
	
	.chuumoku_list_box ul li{
		width: 48%;
		margin-right: 4%;
	}
	
	.chuumoku_list_box ul li:nth-Child(3n){
		margin-right: 4%;
	}
	
	.chuumoku_list_box ul li:nth-Child(2n){
		margin-right: 0%;
	}
	
}

.chuumoku_list_box ul li .chuumoku_photo{
	text-align: center;
	vertical-align: top;
	margin-bottom: 0.8rem;
}

.chuumoku_list_box ul li .chuumoku_photo img{
	width: 100%;
	height: auto;
}

.chuumoku_list_box ul li .chuumoku_caption{
	margin-bottom: 0px;
	line-height: 120% !important;
	font-size: 17px;
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	color: #ffffff;
}


/* --------------------

アクセス

-------------------- */

.frontpage_access{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:40px 0px 40px 0px;
	z-index: 0;
	
	background: url(../img/bg_img_ebi.png),url(../img/bg_img_katsuo_tai.png);
	background-size: 29% auto,42% auto;
	background-repeat: no-repeat,no-repeat;
	background-position: 4% 5%,right 5% bottom 500px;
	background-color: #ffffff;
}

.frontpage_access .contents_inner_frontpage{
	max-width: 1140px;
}


/*h2 画像置き換えタイトル*/

.frontpage_access .section_title_box {
    position: relative;
    width: 80%;
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.frontpage_access .section_title_box:before {
    content:"";
    display: block;
    padding-top: 40%; /* 高さを幅の75%に固定 */
}

.frontpage_access h2.section_title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    background: url(../img/title_access.png) no-repeat center top;
    background-size: 100%;
}


.frontpage_access h2.section_title span{
	display: none;
}


.access_list_box{
	
}

.access_list_box ul{
	display: block;
	position: relative;
	letter-spacing: -.40em;
}

.access_list_box ul li{
	display: inline-block;
	position: relative;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 5%;
	letter-spacing: normal;
}

.access_list_box ul li:nth-Child(2n){
	margin-right: 0%;
}

.access_subtitle{
	line-height: 120% !important;
	font-size: 2.0vw;
	margin-bottom: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	color: #5E77A9;
	margin-bottom: 10px;
}

.access_subtitle.jr:before{
	content:"";
	display: inline-block;
	width: 4vw;
	height: 4vw;
	margin-right: 10px;
	margin-top: -7px;
	vertical-align: text-top;
	background:url(../img/access_icon_train.png) no-repeat center center;
	background-size: contain;
}

.access_subtitle.sijyou:before{
	content:"";
	display: inline-block;
	width: 4vw;
	height: 4vw;
	margin-right: 10px;
	margin-top: -7px;
	vertical-align: text-top;
	background:url(../img/access_icon_fish.png) no-repeat center center;
	background-size: contain;
}

.access_subtitle.car:before{
	content:"";
	display: inline-block;
	width: 4vw;
	height: 4vw;
	margin-right: 10px;
	margin-top: -7px;
	vertical-align: text-top;
	background:url(../img/access_icon_car.png) no-repeat center center;
	background-size: contain;
}

/*画面幅860px未満*/
@media (max-width: 860px) {
	
	.access_subtitle{
		font-size: 1.3rem !important;
	}
	.access_subtitle.jr:before,
	.access_subtitle.sijyou:before,
	.access_subtitle.car:before{
		width: 36px;
		height: 36px;
	}
	
}

/*画面幅1200px以上*/
@media (min-width: 1200px) {
	
	.access_subtitle{
		font-size: 1.8rem !important;
	}
	.access_subtitle.jr:before,
	.access_subtitle.sijyou:before,
	.access_subtitle.car:before{
		width: 48px;
		height: 48px;
	}
	
}



.access_text1{
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	color: #22294D;
	border: solid 1px #22294D;
}

.access_text2{
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	color: #22294D;
}

.access_text2:before,
.access_text2:after{
	content: "";
	display: block;
	position: relative;
	margin: 0 auto;
	width: 1px;
	height: 16px;
	border-left: solid 1px #22294D;
}

.access_text3{
	font-size: 18px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	background-color: #22294D;
	border: solid 1px #22294D;
}

.access_img{
	
}

.access_img img{
	width: 100%;
	height: auto;
	
}

/*googleマップ欄のみ*/

.map_box{
	max-height:400px;
	margin-bottom: 30px;
}

.map_box iframe{
	max-height:400px; 
}



/* --------------------

会社概要

-------------------- */

.frontpage_company{
	display:block;
	position:relative;
	margin-top:0px;
	width:100%;
	/*min-width: 1140px;*/
	padding:40px 0px 100px 0px;
	z-index: -1;
	
	background: url(../img/bg_img_kani.png),url(../img/bg_img_ika.png),url(../img/bg_pattern_beige.jpg);
	background-size: 34% auto,22% auto,auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-position: 2% 10px,105% 2%,center top;
}

.frontpage_company .contents_inner_frontpage{
}


/*h2 画像置き換えタイトル*/

.frontpage_company .section_title_box {
    position: relative;
    width: 80%;
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.frontpage_company .section_title_box:before {
    content:"";
    display: block;
    padding-top: 40%; /* 高さを幅の75%に固定 */
}

.frontpage_company h2.section_title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
    background: url(../img/title_company.png) no-repeat center top;
    background-size: 100%;
}


.frontpage_company h2.section_title span{
	display: none;
}



.company_img_box{
	display: block;
	position: relative;
	width: 44%;
	
	float: right;
}

.company_text_box{
	display: block;
	position: relative;
	width: 52%;
	
	float: left;
}

.company_logo{
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 307px;
	padding-bottom: 10%;
	background: url(../img/logo_blue.png) no-repeat left top;
	background-size: contain;
}

.company_logo span{
	display: none;
}

.company_table{
	
}

.company_table td{
	padding: 7px 1rem 7px 0px; 
	font-size: 110%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	color: #22294C;
}



/* --------------------

採用情報　ディレクトリ：recruit/

-------------------- */

.entry_recruit{
	
}

.entry_recruit .header_area{}



.entry_recruit .header_outer{
	background-color: #ffffff;
}

.entry_recruit .header_outer:before{
	content:"";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	background: url(../img/footer_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 120px;
	z-index: -2;
}

.entry_recruit .header_outer:after{
	content:"";
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	background: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,1));
	height: 120px;
	z-index: -1;
}

.entry_recruit .fixed .header_outer:before,
.entry_recruit .fixed .header_outer:after{
	height: 85px;
}

.entry_recruit .contents_header{
	display: block;
	position: relative;
	margin: 0 auto;
	padding:100px 0px 0px 0px;
	width: 100%;
	clear: both;
}



.entry_recruit .contents_header_inner{
	display:block;
	/*overflow:hidden;*/
	max-width: 840px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 30px;
}

.entry_recruit .contents_header_inner h1{
	text-align: center;
	font-weight: 600;
	font-size: 28px;
}

/*左と右をくくったdiv　100%（左右にパディング30px）*/
.entry_recruit .contents_outer {
	position: relative;
	margin: 0 auto;
	padding:0px 60px 0px 60px;
	z-index: 0;
}

/*左と右をくくったdiv*/
.entry_recruit .contents_inner {
	display:block;
	/*overflow:hidden;*/
	max-width: 840px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 50px;
}

.recruit_data{
	margin-bottom: 50px;
}

.recruit_data table{
	border-top: #cecece solid 1px;
}

.recruit_data tr {
	border-bottom: #cecece solid 1px;
	border-right: #cecece solid 0px;
}

.recruit_data th {
	padding: 1.0rem 1rem 1.0rem 1rem;
	font-size: 16px;
	font-weight: 600;
	/*font-size: 94%;*/
	white-space: nowrap;
	width: 27%;
	
	background-color: rgba(121, 207, 233, 0.2);
	
	border-bottom: #cecece solid 1px;
	border-right: #cecece solid 0px;
}

.recruit_data td {
	padding: 1.0rem 1rem 1.0rem 1.5rem;
	font-size: 17px;
	
	border-bottom: #cecece dotted 1px;
	border-right: #cecece dotted 0px;
}

.recruit_data td p {
	margin-bottom: 0px;
}

.recruit_data tr td:first-Child {
	
}


.recruit_entry{
	padding: 1.0rem 1.5rem 1.0rem 1.5rem;
	border: #cecece solid 1px;
	margin-bottom: 50px;
}

	
/*}*//*PC用（及び横位置タブレット）　@media screen and (min-width:960px) {*/










/*=========================タブレット用（PCのウィンドウを狭くした場合も）=========================*/

@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px) {
		
		body {
	 		width: 1200px;
		}
		
		/*メインビジュアルのyoutubeのボタンをタッチできるようにoverlay部分をタッチ無効にする*/
		.overlay{
			pointer-events: none;
		}

		.overlay_inner{
			pointer-events: none;
		}
		
}/*タブレット用（PCのウィンドウを狭くした場合も）　@media screen and (min-width:768px) and ( max-width:1024px) {*/


/*@media screen and (min-width:600px) and ( max-width:959px) {*/
	/*　画面サイズが600px〜959pxの間は、ここのスタイルを読み込む　*/
	/*
	body {
		width: 960px;
	}
	*/
	
/*}*/
/*タブレット用（PCのウィンドウを狭くした場合も）　@media screen and (min-width:600px) and ( max-width:959px) {*/








/*=========================スマホ用=========================*/
@media screen and ( max-width: 767px ) {
	/*　画面サイズが599px以下の場合、ここのスタイルを読み込む　*/

	html,body{
		overflow: auto;
	}
		
	body {
		height: 100%;
		color: #333333;
		/*色指定*/
		background-color: #ffffff !important;
		line-height: 1.4;
		width: 320px;
		width: 100% !important;
	}
	
	p,td,tr,li {
		line-height: 1.4;
	}
	
	
	
	
	/* -------------------- 
	
	ヘッダー
	
	-------------------- */
	
	.header_area { /*section*/
		position:fixed !important;
		width:100%;
		height:50px;
		margin:0 auto;
		padding:0;
		position:relative;
		z-index: 8000;
		background-color: rgba(255,255,255, 1.0);
		/*border-bottom: solid 1px #e4e4e1;*/
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	/*トップのみ*/
	.body_frontpage .header_area {
		/*height: 0px; 背景色無しの場合はheightを0に*/
		/*border-bottom: solid 0px #e4e4e1;*/
		
		background-color: rgba(255,255,255, 1.0);
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	.fixed{
		position:fixed !important;
		top: 0px !important;
		left: 0px !important;
		z-index: 8000;
		height:40px !important;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	.body_frontpage .fixed{
	
	}
	
	
	.header_area:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 8px;
		background: url(../img/header_wave.png) repeat-x;
		background-size: 50px 8px;
		bottom: -8px;
		
		z-index: 8000;
		visibility: visible !important;
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	
	.header_outer {
		display: block;
		position:relative;
		width: 100%;
		height:50px;
		padding:0px 10px 0px 10px;
		/*background-color: #ffffff;*/
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	.fixed .header_outer {
		position:relative;
		display: block;
		width: 100%;
		height:40px;
		top:0px;
		padding:0px 10px 0px 10px;
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	.header_inner {
		/*width: 1080px;*/
		height:40px;
		margin: 0 auto;
		text-align: center;
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	.fixed .header_inner {
		height:40px;
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	
	/* ---------- PC：メインロゴ ---------- */
	
	.site_logo {
		position:relative;
		display: inline-block;
		width: 100%;
		height:auto;
		text-align:center;
	
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition: all 0.3s;
		
	}
	
	.fixed .site_logo {
	}
	
	.site-title {
		display: block;
		vertical-align: middle;
		line-height: 100%;
		padding: 0;
	}
	
	.site-title a {
		display: inline-block;
		text-decoration: none;
		width: 100%;
		max-width: 380px;
		height: 50px;
		background: url(../img/header_logo.png) no-repeat center center;
		background-size: 100% auto;
		vertical-align: middle;
	}
	
	.fixed .site-title a {
		width: 100%;
		height: 40px;
		background: url(../img/header_logo.png) no-repeat center center;
		background-size: 100% auto;
		
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition: all 0.3s;
	}
	
	
	
	.site-title a b {
		display: none;
	}
	
	.fixed .site-title a b{
	
	}
	
	
	
	/* -------------------- 
	
	コンテンツ（トップのみ）
	
	-------------------- */
	
	.contents_area_frontpage { /*section*/
		background-color: #ffffff;
		width: 100% !important;
		display: block;
		clear: both;
	}
	
	.contents_outer_frontpage {
		padding:0px 10px 0px 10px;	
		
	}
	
	.contents_inner_frontpage {
		width: 100% !important;
		margin: 0 auto;
	}
	
	/*「.contents_inner_frontpage」と併用して利用*/
	.inner_w100per {
		width: 100% !important;
		/*min-width: 1080px !important;*/
		margin: 0 auto;
	}
	
	/* ----------コンテンツ（下層ページ）---------- */
	.contents_area { /*section*/
		display: block;
		overflow:hidden;
		clear: both;
		width: 100% !important;
		padding-top: 0px !important;
		background:none !important;
		background-color: #ffffff;
	}
	
	/*左と右をくくったdiv　100%（左右にパディング30px）*/
	.contents_outer {
		width: 100% !important;
		margin: 0 auto;
		padding:0px 10px 0px 10px !important;
	}
	
	/*左と右をくくったdiv*/
	.contents_inner {
		display:block;
		/*overflow:hidden;*/
		max-width: 1080px;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 50px;
	}
	
	
	
	
	
	/* -----------------------
	
	各パーツ設定
	
	----------------------- */
	
	
	/* ----------h1---------- */	
	h1 {
	}
	
	
	/* ---------- H2 段落タイトル設定 ---------- */
	
	h2 {
	
	}
	
	
	/* ---------- H3 ---------- */
	h3 {
	
	}
	
	
	/* ---------- H4/H5/H6 見出し設定 ---------- */
	
	h4 {
	
	}
	
	h5 {
	
	}
	
	h6 {
	
	}
	
	
	
	/* ---------- 記事のpノーマル ---------- */
	/*PCのスタイルをそのまま利用*/
	
	
	
	/*右にfloatさせる　主にpタグに指定*/
	.float_left{
		float: left;
		padding-right: 10px;
	}
	
	.float_none{
		float:none;
		margin-right: 0px;
	}
	
	/* ---------- 文字装飾いろいろ ---------- */
	
	/*サイズアップ*/
	/*基本はPCのスタイルをそのまま利用*/
	/*SPのみフォントサイズを変更する場合*/
	.sp_fs_110{font-size:110%;}
	.sp_fs_120{font-size:120%;}
	.sp_fs_130{font-size:130%;}
	.sp_fs_140{font-size:140%;}
	.sp_fs_150{font-size:150%;}
	.sp_fs_160{font-size:160%;}
	.sp_fs_170{font-size:170%;}
	.sp_fs_180{font-size:180%;}
	.sp_fs_190{font-size:190%;}
	.sp_fs_200{font-size:200%;}
	.sp_fs_210{font-size:210%;}
	.sp_fs_220{font-size:220%;}
	.sp_fs_230{font-size:230%;}
	.sp_fs_240{font-size:240%;}
	.sp_fs_250{font-size:250%;}
	.sp_fs_260{font-size:260%;}
	.sp_fs_270{font-size:270%;}
	.sp_fs_280{font-size:280%;}
	.sp_fs_290{font-size:290%;}
	.sp_fs_300{font-size:300%;}
	
	/*サイズダウン*/
	/*基本はPCのスタイルをそのまま利用*/
	/*SPのみフォントサイズを変更する場合*/
	.sp_fs_95{font-size:95%;}
	.sp_fs_90{font-size:90%;}
	.sp_fs_85{font-size:85%;}
	.sp_fs_80{font-size:80%;}
	.sp_fs_75{font-size:75%;}
	.sp_fs_70{font-size:70%;}
	.sp_fs_60{font-size:60%;}
	.sp_fs_50{font-size:50%;}
	.sp_fs_40{font-size:40%;}
	.sp_fs_30{font-size:30%;}
	.sp_fs_20{font-size:20%;}
	.sp_fs_10{font-size:10%;}
	
	
	
	/*色*/
	/*PCのスタイルをそのまま利用*/
	
	/*書体*/
	/*明朝*/
	/*ゴシック*/
	/*PCのスタイルをそのまま利用*/
	
	
	/*スマホのみ左右中央揃えの指定　text-alignの略*/
	.sp_ta_center{text-align: center !important;}
	.sp_ta_left{text-align: left !important;}
	.sp_ta_right{text-align: right !important;}
	
	
	/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
	.sp_none{
		display: none !important;
	}
	
	.sp_mb0{
		margin-bottom: 0px !important;
	}
	
	.sp_mb1{
		margin-bottom: 1px !important;
	}
	
	.sp_mb2{
		margin-bottom: 2px !important;
	}
	
	.sp_mb3{
		margin-bottom: 3px !important;
	}
	
	.sp_mb4{
		margin-bottom: 4px !important;
	}
	
	.sp_mb5{
		margin-bottom: 5px !important;
	}
	
	.sp_mb6{
		margin-bottom: 6px !important;
	}
	
	.sp_mb7{
		margin-bottom: 7px !important;
	}
	
	.sp_mb8{
		margin-bottom: 8px !important;
	}
	
	.sp_mb9{
		margin-bottom: 9px !important;
	}
	
	.sp_mb10{
		margin-bottom: 10px !important;
	}
	
	.sp_mb15{
		margin-bottom: 15px !important;
	}
	
	.sp_mb20{
		margin-bottom: 20px !important;
	}
	
	.sp_mb25{
		margin-bottom: 25px !important;
	}
	
	.sp_mb30{
		margin-bottom: 30px !important;
	}
	
	.sp_mb40{
		margin-bottom: 40px !important;
	}
	
	.sp_mb50{
		margin-bottom: 50px !important;
	}
	
	.sp_mb60{
		margin-bottom: 60px !important;
	}
	
	.sp_mb70{
		margin-bottom: 70px !important;
	}
	
	.sp_mb80{
		margin-bottom: 80px !important;
	}
	
	.sp_mb90{
		margin-bottom: 90px !important;
	}
	
	.sp_mb100{
		margin-bottom: 100px !important;
	}
	
	
	
	.sp_mt0{
		margin-top: 0px !important;
	}
	
	.sp_mt10{
		margin-top: 10px !important;
	}
	
	.sp_mt20{
		margin-top: 20px !important;
	}
	
	.sp_mt30{
		margin-top: 30px !important;
	}
	
	.sp_mt40{
		margin-top: 40px !important;
	}
	
	.sp_mt50{
		margin-top: 50px !important;
	}
	
	.sp_mt60{
		margin-top: 60px !important;
	}
	
	.sp_mt70{
		margin-top: 70px !important;
	}
	
	.sp_mt80{
		margin-top: 80px !important;
	}
	
	.sp_mt90{
		margin-top: 90px !important;
	}
	
	.sp_mt100{
		margin-top: 100px !important;
	}
	
	
	
	/* ---------- 写真の配置設定 ---------- */
	
	/*WPのメディアライブラリから挿入されたとき、自動的に挿入されるdivのclass*/
	.wp-caption,
	.caption {
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	/* ---------- 画像配置関連 キャプション付きの回し込み ---------- */
	
	/*画像とキャプション両方を囲んだDIVのクラス設定：回り込み無し*/
	.alignone{
		display: block;
		overflow: hidden;
		width: 100%!important;
		margin-bottom: 10px;
		clear: both !important;
	}
	
	/*画像とキャプション両方を囲んだDIVのクラス設定：中央揃え*/
	div.aligncenter {
		display: block;
		overflow: hidden;
		width: 100%!important;
		text-align: center;
		float: left;
		margin-bottom: 10px;
		clear: both !important;
	}
	
	img.aligncenter,
	img.alignleft,
	img.alignright {
		display: block;
		width:100%!important;
		max-width: 480px;
		height: auto !important;
		text-align: center;
		margin:0 auto;
		margin-bottom: 10px;
		float: none;
	}
	
	/* ----------写真を中央に配置---------- */
	.aligncenter img {
		display: block;
		margin: 0 auto 0px auto!important;
		float: none;
		margin: 0 auto;
	}
	
	/* ----------画像まわしこみを解除----------*/
	.aligncenter {
		overflow: hidden;
		float: none;
	}
	
	/*画像とキャプション両方を囲んだDIVのクラス設定：画像が右寄せになる場合*/
	.alignright {
		display: block;
		overflow: hidden;
		width: 100%!important;
		margin-bottom: 10px;
		clear:both;
		text-align: center;
	}
	
	.alignright img {
		padding-right: 0px;
		margin-right: 0px;
		width: 100%!important;
		max-width: 480px;
		height: auto !important;
		float: none;
		margin: 0 auto;
	}
	
	/*画像とキャプション両方を囲んだDIVのクラス設定：画像が左寄せになる場合*/
	.alignleft {
		display: block;
		overflow: hidden;
		width: 100%!important;
		margin-bottom: 10px;
		text-align: center;
	}
	
	.alignleft img {
		padding-right: 0px;
		margin-right: 0px;
		width: 100%!important;
		max-width: 480px;
		height: auto !important;
		float: none;
		margin: 0 auto;
	}
	
	/* ----------写真を左に配置---------- */
	.alignleft img {
		padding-right: 0px;
		margin-right: 0px;
		width: 100%!important;
		max-width: 480px;
		height: auto !important;
		float: none;
		margin: 0 auto;
	}
	
	/* ----------写真を右側に配置---------- */
	.alignright img {
		padding-right: 0px;
		margin-right: 0px;
		width: 100%!important;
		max-width: 480px;
		height: auto !important;
		float: none;
		margin: 0 auto;
	}
	
	
	.alignnone {
		padding-right: 0px;
		margin-right: 0px;
		width: 100%!important;
		max-width: 480px;
		height: auto !important;
		float: none;
		margin: 0 auto;
	}
	
	.alignnone img {
		padding-right: 0px;
		margin-right: 0px;
		width: 100%!important;
		max-width: 480px;
		height: auto !important;
		float: none;
		margin: 0 auto;
	}
	
	/*キャプションのスタイル（alignnone、alignleft、alignrightの場合）*/
	.alignnone p.wp-caption-text,
	.alignnone p.caption-text {
		text-align: left;
		margin-top: 6px !important;
		font-size: 90%;
		line-height: 130%;
		clear: both;
	}
	
	/*キャプションのスタイル（aligncenterの場合）*/
	.aligncenter p.wp-caption-text{
		text-align: center;
		margin-top: 6px !important;
		font-size: 90%;
		line-height: 130%;
		clear: both;
	}
	
	/*imgにグレーの枠線*/
	img.border_gray{
		border: #d8d8d8 solid 1px;
	}
	
	.r5{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	
	
	/* ---------- floatのクリア ---------- */
	.float_clear { 
	display: inline-block;
		
	}
	
	.float_clear:after { 
	content: "";
		
	display: block;
		
	clear: both;
		
	}
	
	/* ---------- 記事内のテーブル設定 ---------- */
	
	/*レスポンシブさせたくないtableには「no_responsive_table」というclassを記述する*/
	
	table:not(.no_responsive_table) {
		border: none !important;
		/*border-top: #d8d8d8 dotted 1px !important;*/
	}
	
	/*あえて幅をせまく調整したテーブルでも、スマホでは横幅100%にする*/
	table.table_90per,
	table.table_80per,
	table.table_70per,
	table.table_60per,
	table.table_50per,
	table.table_40per,
	table.table_30per,
	table.table_20per,
	table.table_10per {
		width: 100% !important;
	}
	
	table:not(.no_responsive_table) tr {
		border: none !important;
		border-bottom: #d8d8d8 dotted 1px;
		padding:4px 0px 4px 0px;
		margin-bottom: 4px;
		width:100% !important;
	}
	
	table:not(.no_responsive_table) th {
		padding: 4px 4px 4px 4px;
		margin-bottom: 4px;
		background-color: #F5EFE9;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		border: none !important;
		width:100% !important;
	}
	
	table:not(.no_responsive_table) td {
		border-left: none !important;
		word-wrap: break-word;
		overflow: hidden;
		display: block;
		padding: 4px 0px 4px 0px;
		margin-bottom: 0px;
		border: none !important;
		width:100% !important;
	}
	
	/*レスポンシブさせないテーブルのフォントはちょっと小さくする*/
	table.no_responsive_table tr {
		padding: 4px 4px 4px 4px;
		font-size:96% !important;
		line-height:150% !important;
	}
	
	table.no_responsive_table th {
		padding: 4px 4px 4px 4px;
		font-size:96% !important;
		line-height:150% !important;
	}
	
	table.no_responsive_table td {
		padding: 4px 4px 4px 4px;
		font-size:96% !important;
		line-height:150% !important;
	}
	
	/*スマホレスポンシブ対応のテーブル*/
	table.sp_responsive_table th {
		display: none !important;
	}
	
	table.sp_responsive_table td {
		text-align: left;
	}
	
	table.sp_responsive_table .sp_only {
		display:inline-block !important;
	}
	
	/*スマホのみ、tr（の上辺）に罫線を追加するスタイル*/
	.tr_line_solid_sponly {
		border-top: #d8d8d8 solid 1px !important;
	}
	
	.tr_line_dotted_sponly {
		border-top: #d8d8d8 dotted 1px !important;
	}
	
	
	/*桁数を指定して揃える　半角で5文字分*/
	span.digit5{
		display:inline;
		width:auto !important;
		text-align: left;
	}
	
	/*桁数を指定して揃える　半角で6文字分*/
	span.digit6{
		display:inline;
		width:auto !important;
		text-align: left;
	}
	
	
	/* ---------- 記事内のテーブル設定（レスポンシブさせない） ---------- */
	
	/*tableをスクロールありで表示させる場合、これで囲む　div*/
	.table_scroll_box{
		width: auto !important;
		overflow-x:scroll !important;
	}
	
	.table_scroll_box table {
		margin-bottom: 0.5em;
		border-top: #d8d8d8 solid 1px !important;
		border-left: #d8d8d8 solid 1px !important;
	}
	
	.table_scroll_box table tr {
		border-bottom: #d8d8d8 solid 1px !important;
		border-right: #d8d8d8 solid 1px !important;
		padding: 4px 4px 4px 4px !important;
		font-size:96% !important;
		line-height:150% !important;
	}
	
	.table_scroll_box table th {
		padding: 10px 10px 10px 10px;
		background-color: #F5EFE9;
		display: table-cell;
		border-bottom: #d8d8d8 solid 1px !important;
		border-right: #d8d8d8 solid 1px !important;
		padding: 4px 4px 4px 4px !important;
		font-size:96% !important;
		line-height:150% !important;
	}
	
	.table_scroll_box table td {
		padding: 10px 10px 10px 10px;
		display: table-cell;
		border-bottom: #d8d8d8 solid 1px !important;
		border-right: #d8d8d8 solid 1px !important;
		padding: 4px 4px 4px 4px !important;
		font-size:96% !important;
		line-height:150% !important;
	}
	
	
	table.table_2column {
		margin-bottom: 0.5em;
		border-top: #d8d8d8 solid 1px;
		border-left: #d8d8d8 solid 1px;
		width: 100% !important;
		float: none !important;
		margin-right: 0% !important;	
	}
	
	table.table_4column {
		margin-bottom: 0.5em;
		border-top: #d8d8d8 solid 1px;
		border-left: #d8d8d8 solid 1px;
		width: 100% !important;
		float: none !important;
		margin-right: 0% !important;	
	}
	
	/*SPだけ改行させない*/
	.sp_nowrap,
	table tr.sp_nowrap,
	table tr th.sp_nowrap,
	table tr td.sp_nowrap,
	p.sp_nowrap,
	span.sp_nowrap{
		white-space: nowrap !important;
	}
	
	
	
	/* -------------------- 水平線画像 -------------------- */
	
	hr{
		display:block;
		width:100%;
		height:1px;
		margin:20px 0 20px 0;
		border:none;
		border-top:solid 1px #cccccc;
		color:#ffffff;
		background:#ffffff;
		clear:both;
		float:none;
	}
	
	hr.hr_dot{
		display:block;
		width:100%;
		height:1px;
		margin:20px 0 10px 0;
		border:none;
		border-top:dotted 1px #cccccc;
		color:#ffffff;
		background:#ffffff;
		clear:both;
		float:none;
	}
	
	
	
	/* ---------- 記事内のol ---------- */
	
	ol {
	
	}
	
	ol li {
	
	}
	
	
	/* ---------- 記事内のul ---------- */
	
	ul {
	
	}
	
	/* ---------- 記事内のulのli ---------- */
	
	ul li {
	
	}
	
	/* ---------- 記事内のア、イ、ウ…のli ---------- */
	/*ul*/
	.list_50on,
	ul li .list_50on {
	
	}
	
	.list_50on li,
	ul li .list_50on li {
	
	}
	
	
	/* ---------- 記事内の注釈 ---------- */
	
	.annotate {
		padding: 4px 0px 4px 0px;
		font-size: 86%;
		color: #666;
	}
	
	
	
	/* ---------- リストのannotate「※」のみ ---------- */
	
	ul.annotate {
		margin-bottom: 8px;
		list-style:none;
		padding-left: 0.7em !important;
		
	}
	
	ul.annotate li {
		padding: 2px 0px 2px 0px;
		color: #555555;
		font-size: 94%;
		text-indent: -0.7em !important;
	}
	
	ul.annotate li:before {
		display: inline-block;
		width: 0.7em;
		margin-left:-0em;
		content: '※';
		color: #555555;
		
	}
	
	
	
	.sp_only,
	.sp_only {
		display:inline-block !important;
	}
	
	.pc_only,
	.pc_only {
		display: none !important;
	}
	
	.print_only,
	.print_only {
		display:none;
	}
	
	
	
	
	/* -----------------------
	
	フッター
	
	----------------------- */
	
	/*------------- フッター -------------*/
	
	.footer_area { /*section*/
		display: block;
		/*min-width: 1080px;*/
		width: 100%;
		background:url(../img/footer_bg.png) repeat-x center top;
		padding-top: 12px;
		margin-top: -12px;
		z-index: 1;
		clear: both;
	}
	
	.footer_outer {
		padding:0px 60px 0px 60px;
	}
	
	
	/*フッターの中身を包んだ大枠*/
	.footer_inner {/*幅1080ピクセル*/
		display:block;
		max-width: 1080px;
		margin: 0px auto;
		padding: 30px 0px 0px 0px;
		margin-bottom:0px;
		overflow:hidden;
		text-align: left !important;
		position: relative;
	}
	
	.footer_logo{
		display: block;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	
	.footer_logo p{
		display: inline-block;
		position: relative;
		width: 92px;
		height: 32px;
		background: url(../img/logo_white.png) no-repeat center center;
		background-size: contain;
		margin-bottom: 20px;
	}
	
	.footer_logo p span{
		display: none;
	}
	
	.footer_twitter,
	.footer_twitter p{
		/*
		display: block;
		position: relative;
		margin: 0 auto;
		text-align: center;
		*/
		display: none;
	}
	
	.footer_twitter a{
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		background: url(../img/footer_icon_twitter.png) no-repeat center center;
		background-size: contain;
	}
	
	.footer_twitter a:hover{
		opacity: 0.8;
	}
	
	.footer_twitter a span{
		display: none;
	}
	
	.copyright{
		display:block;
		position: relative;
		padding:0px 0px 60px 0px;
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 0px;
		float: none;
		clear: both;
	}
	
	.copyright p{
		text-align: center;
		font-size: 13px;
		color: #ffffff;
	}
	
	
	
	/* ----------ページTOPへボタン（ページの先頭へ）---------- */
	#pagetop_wrapper {
		position: fixed;
		bottom: 10px;
		right: 10px;
		display: block;
		width: 38px;
		height: 38px;
		z-index:9999 !important;
	}
	
	.pagetop {
		display: block;
		float: right;
		width: 38px;
		height: 38px;
	}
	
	.pagetop a {
		display: block;
		width: 38px;
		height: 38px;
		background:url(../img/pagetop.png) center center no-repeat;
		background-size:contain;
	}
	
	.pagetop a:hover {
		opacity: 0.8;
	}
	
	/*firefoxのリンクの点線を消す*/
	.pagetop a:focus{
		outline: none;
	}
	
	.pagetop a b {
		display:none;
	}
	
	
	/* --------------------
	
	トップページ専用スタイル
	
	-------------------- */
	
	/* ----------メインビジュアル---------- */
	.mainvisual_area { /*section*/
		display: block;
		clear: both;
		z-index:-1000 !important;
		margin-top: 50px;
		height: auto;
		overflow: hidden;
		
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition:all 0.2s;
		-ms-transition: all 0.2s;
	}
	
	.fixed .mainvisual_area {
		margin-top: 40px;
		
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition: all 0.3s;
	}
	
	
	.mainvisual_outer {
		z-index:-999;
	}
	
	.mainvisual_inner {
		position: relative;
		clear: both;
		float: none;
	}
	
	/*無限スライド全体*/
	.infiniteslide_box{
		display: block;
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	
	.fresh_frontpage ul li{
		padding: 0px 0px 0px 0px;
		padding-left: 0px;
		background:none;
	}
	
	/*無限スクロールする欄　div*/
	
	/*均等の高さの場合*/
	.infiniteslide1,
	.infiniteslide2{
		height: 29vh;
		min-height: 180px;
	}
	
	.infiniteslide2{
		margin-top: -2px;
	}
	
	.infiniteslide1 ul,
	.infiniteslide2 ul,
	.infiniteslide1 ul li,
	.infiniteslide2 ul li{
		height: auto;
	}
	
	
	
	.infiniteslide1 ul li,
	.infiniteslide2 ul li{
	}
	
	.infiniteslide1 ul li img,
	.infiniteslide2 ul li img{
		visibility: 0 !important;
		height: 29vh !important;
		min-height: 180px;
		max-width: 10000px !important;
		width: auto !important;
	}
	
	
	/* --------------------
	
	トップのメインコンテンツの基本設定
	
	-------------------- */
	
	.bg_blue{
		background: url(../img/bg_pattern_blue.jpg);
	}
	
	.bg_beige{
		background: url(../img/bg_pattern_beige.jpg)
	}
	
	.bg_white{
		background-color: #ffffff;
	}
	
	
	
	/* --------------------
	
	コンセプト
	
	-------------------- */
	
	.frontpage_concept{
		display:block;
		position:relative;
		margin-top:0px;
		width:100%;
		/*min-width: 1140px;*/
		padding:30px 0px 30px 0px;
		z-index: 0;
		
		background: url(../img/bg_img_wave.png),url(../img/bg_img_katsuo.png),url(../img/bg_pattern_blue.jpg);
		background-size: 18% auto,43% auto,auto;
		background-repeat: no-repeat,no-repeat,repeat;
		background-position: -1% 40px,110% 40px,center top;
		
		
	}
	
	.concept_box{
		display: block;
		position: relative;
		
		color: #ffffff;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		
		background: url(../img/concept_mark.png) no-repeat center top;
		background-size: 50%;
		
		padding-left: 0%;
		padding-top: 40%;
	}
	
	.concept_catchcopy{
		font-size: 1.6rem;
		line-height: 140%;
		margin-bottom: 1.5rem;
		color: #ffffff;
		text-align: center;
	}
	
	.concept_catchcopy br{
		display: none;
	}
	
	.concept_catchcopy span{
		margin-left: 0px;
	}
	
	.concept_catchcopy b{
		font-size: 2.1rem;
	}
	
	.concept_text{
		font-size: 1.0rem !important;
		margin-bottom: 0.5rem;
	}
	
	
	
	
	/* --------------------
	
	本日のおすすめ情報
	
	-------------------- */
	
	.frontpage_osusume{
		display:block;
		position:relative;
		margin-top:0px;
		width:100%;
		/*min-width: 1140px;*/
		padding:20px 0px 30px 0px;
		z-index: 0;
		
		background: url(../img/bg_img_tako.png),url(../img/bg_img_hamaguri.png),url(../img/bg_pattern_beige.jpg);
		background-size: 43% auto,28% auto,auto;
		background-repeat: no-repeat,no-repeat,repeat;
		background-position: -4% 10px,103% 90%,center top;
		
		
	}
	
	/*h2 画像置き換えタイトル*/
	
	.frontpage_osusume .section_title_box {
    	position: relative;
    	width: 80%;
    	max-width: 280px;
    	margin: 0 auto;
    	margin-bottom: 10px;
	}
	.frontpage_osusume .section_title_box:before {
    	content:"";
    	display: block;
    	padding-top: 28%; /* 高さを幅の75%に固定 */
	}
	
	.frontpage_osusume h2.section_title {
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
    	
    	background: url(../img/title_osusume.png) no-repeat center top;
    	background-size: 100%;
	}
	
	
	.frontpage_osusume h2.section_title span{
		display: none;
	}
	
	.section_catchcopy{
		text-align: left;
		font-size: 1.1rem !important;
		margin-bottom: 15px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 600;
		color: #1F294F;
	}
	
	/*
	.twitter_timeline_box{
		display: block;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	
	.twitter_timeline_box iframe{
		display: block;
		position: relative;
		width: 100% !important;
		max-width: 680px !important;
		margin: 0 auto;
		max-height: 60vh;
	}
	*/
	
	
	.osusume_contents_box{
		display: block;
		
		letter-spacing: normal;
	}
	
	.osusume_contents_box .column_inner{
		display: block;
		position: relative;
		
		width: 100%;
		margin-right: 0%;
	}
	
	.osusume_contents_box .column_inner:nth-of-type(2n){
		margin-right: 0;
	}
	
	.osusume_title{
		font-size: 1.7rem;
		font-weight: 600;
		margin-bottom: 10px;
		color: #bb222d;
	}
	
	.osusume_date{
		margin-bottom: 20px;
	}
	
	.osusume_text_box{
		font-size: 1.2rem;
	}
	
	.osusume_text_box p{
		margin-bottom: 10px;
	}
		
	
	/* --------------------
	
	3つのポイント
	
	-------------------- */
	
	.frontpage_point{
		display:block;
		position:relative;
		margin-top:0px;
		width:100%;
		/*min-width: 1140px;*/
		padding:20px 0px 20px 0px;
		z-index: 0;
		
		background: url(../img/bg_img_blue_wave.png),url(../img/bg_img_blue_wave.png);
		background-size: 40% auto,40% auto;
		background-repeat: no-repeat,no-repeat;
		background-position: -17% 20px,right -17% bottom 20px;
		background-color: #ffffff;
	}
	
	/*h2 画像置き換えタイトル*/
	
	.frontpage_point .section_title_box {
    	position: relative;
    	width: 80%;
    	max-width: 280px;
    	margin: 0 auto;
    	margin-bottom: 30px;
	}
	.frontpage_point .section_title_box:before {
    	content:"";
    	display: block;
    	padding-top: 40%; /* 高さを幅の75%に固定 */
	}
	
	.frontpage_point h2.section_title {
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
    	
    	background: url(../img/title_point.png) no-repeat center top;
    	background-size: 100%;
	}
	
	
	.frontpage_point h2.section_title span{
		display: none;
	}
	
	
	.point_1box{
		display: block;
		position: relative;
		
		clear: both;
		float: none;
		
		max-width: 420px;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	
	.point_1box .point1,
	.point_1box .point3{
		text-align: right;
	}
	
	.point_1box .point2{
		text-align: left;
	}
	
	
	.point_photo_box{
		display: block;
		position: relative;
		width: 100%;
		max-width: 420px;
		text-align: center;
		margin: 0 auto;
		z-index: 1;
	}
	
	.point1 .point_photo_box,
	.point3 .point_photo_box{
		top:auto;
		left: auto;
	}
	
	.point2 .point_photo_box{
		top:auto;
		right: auto;
	}
	
	.point_photo_box img{
		width: 100%;
		height: auto;
		
	}
	
	
	
	.point_catchcopy_box{
		display: block;
		position: relative;
		width: 100%;
		max-width: 100%;
		z-index: 2;
		
	}
	
	.point1 .point_catchcopy{
		display: block;
		position: absolute;
		width: 70px;
		max-width: 70px;
		padding-bottom: 70%;
		top:0px;
		right: auto;
		left: 0px;
		background: url(../img/point_1_copy.png) no-repeat left top;
		background-size: contain;
		
		z-index: 2;
	}
	
	.point2 .point_catchcopy{
		display: block;
		position: absolute;
		width: 70px;
		max-width: 70px;
		padding-bottom: 80%;
		top:0px;
		right: auto;
		left: 0px;
		background: url(../img/point_2_copy.png) no-repeat left top;
		background-size: contain;
		
		z-index: 2;
	}
	
	.point3 .point_catchcopy{
		display: block;
		position: absolute;
		width: 70px;
		max-width: 70px;
		padding-bottom: 75%;
		top:0px;
		right: auto;
		left: 0px;
		background: url(../img/point_3_copy.png) no-repeat left top;
		background-size: contain;
		
		z-index: 2;
	}
	
	
	
	.point1 .point_catchcopy span,
	.point2 .point_catchcopy span,
	.point3 .point_catchcopy span{
		display: none;
	}
	
	
	
	
	
	.point1 .point_text_box,
	.point3 .point_text_box{
		background: url(../img/point_1_3_bg.png) no-repeat 100% 0.5rem;
		background-size: 90%;
	}
	
	.point2 .point_text_box{
		background: url(../img/point_2_bg.png) no-repeat 100% 0.5rem;
		background-size: 90%;
	}
	
	.point1 .point_text_box,
	.point2 .point_text_box,
	.point3 .point_text_box{
		display: block;
		position: relative;
		width: 100%;
		
		top: auto;
		right: auto;
		text-align: left;
		float: right;
		padding-top: 20px !important;
		padding-left: 85px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
		
		margin-bottom: 0px;
		
		z-index: 0;
		
	}
	
	
	.point_text{
		color: #22294C;
		font-weight: 600;
		font-size: 100%;
		margin-bottom: 10px;
		line-height: 160%;
	}
	
	.point_icon{
		text-align: right;
		margin-bottom: 60px;
	}
	
	.point1 .point_icon img{
		width: 45%;
	}
	
	.point2 .point_icon img{
		width: 18%;
	}
	
	.point3 .point_icon img{
		width: 20%;
	}
	
	
	
	
	/* --------------------
	
	ココにも注目
	
	-------------------- */
	
	
	
	.frontpage_chuumoku{
		display:block;
		position:relative;
		margin-top:0px;
		width:100%;
		/*min-width: 1140px;*/
		padding:20px 0px 20px 0px;
		z-index: 0;
		
		background: url(../img/bg_img_sanma_iwashi.png),url(../img/bg_pattern_blue.jpg);
		background-size: 36% auto,auto;
		background-repeat: no-repeat,repeat;
		background-position: -1% 40px,center top;
	}
	
	.frontpage_chuumoku .contents_inner_frontpage{
		max-width: 1200px;
	}
	
	/*h2 画像置き換えタイトル*/
	
	.frontpage_chuumoku .section_title_box {
    	position: relative;
    	width: 80%;
    	max-width: 280px;
    	margin: 0 auto;
    	margin-bottom: 20px;
	}
	.frontpage_chuumoku .section_title_box:before {
    	content:"";
    	display: block;
    	padding-top: 40%; /* 高さを幅の75%に固定 */
	}
	
	.frontpage_chuumoku h2.section_title {
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
    	
    	background: url(../img/title_chuumoku.png) no-repeat center top;
    	background-size: 100%;
	}
	
	
	.frontpage_chuumoku h2.section_title span{
		display: none;
	}
	
	
	.chuumoku_list_box{
		
	}
	
	.chuumoku_list_box ul{
		letter-spacing: -.40em;
		text-align: center;
	}
	
	.chuumoku_list_box ul li{
		display: inline-block;
		letter-spacing: normal;
		text-align: center;
		vertical-align: top;
		letter-spacing: normal;
		margin-bottom: 1.5rem;
		width: 48%;
		margin-right: 4%;
	}
	
	.chuumoku_list_box ul li:nth-Child(3n){
		margin-right: 4%;
	}
	
	.chuumoku_list_box ul li:nth-Child(2n){
		margin-right: 0%;
	}
	
	
	.chuumoku_list_box ul li .chuumoku_photo{
		text-align: center;
		vertical-align: top;
		margin-bottom: 0.4rem;
	}
	
	.chuumoku_list_box ul li .chuumoku_photo img{
		width: 100%;
		height: auto;
	}
	
	.chuumoku_list_box ul li .chuumoku_caption{
		margin-bottom: 0px;
		line-height: 120% !important;
		font-size: 16px;
		margin-bottom: 10px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 600;
		color: #ffffff;
		text-align: left;
	}
	
	
	/* --------------------
	
	アクセス
	
	-------------------- */
	
	.frontpage_access{
		display:block;
		position:relative;
		margin-top:0px;
		width:100%;
		/*min-width: 1140px;*/
		padding:20px 0px 20px 0px;
		z-index: 0;
		
		background: url(../img/bg_img_ebi.png),url(../img/bg_img_katsuo_tai.png);
		background-size: 40% auto,42% auto;
		background-repeat: no-repeat,no-repeat;
		background-position: 4% 20px,right 5% bottom 20px;
		background-color: #ffffff;
	}
	
	.frontpage_access .contents_inner_frontpage{
		max-width: 1140px;
	}
	
	
	/*h2 画像置き換えタイトル*/
	
	.frontpage_access .section_title_box {
    	position: relative;
    	width: 80%;
    	max-width: 280px;
    	margin: 0 auto;
    	margin-bottom: 20px;
	}
	.frontpage_access .section_title_box:before {
    	content:"";
    	display: block;
    	padding-top: 40%; /* 高さを幅の75%に固定 */
	}
	
	.frontpage_access h2.section_title {
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
    	
    	background: url(../img/title_access.png) no-repeat center top;
    	background-size: 100%;
	}
	
	
	.frontpage_access h2.section_title span{
		display: none;
	}
	
	
	.access_list_box{
		max-width: 420px;
		margin: 0 auto;
	}
	
	.access_list_box ul{
		display: block;
		position: relative;
		letter-spacing: -.40em;
	}
	
	.access_list_box ul li{
		display: inline-block;
		position: relative;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 50px;
		letter-spacing: normal;
	}
	
	.access_list_box ul li:nth-Child(2n){
		margin-right: 0%;
	}
	
	.access_subtitle{
		line-height: 120% !important;
		font-size: 1.5rem !important;
		margin-bottom: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 600;
		color: #5E77A9;
		margin-bottom: 10px;
	}
	
	.access_subtitle.jr:before{
		content:"";
		display: inline-block;
		width: 36px;
		height: 36px;
		margin-right: 10px;
		margin-top: -3px;
		vertical-align: text-top;
		background:url(../img/access_icon_train.png) no-repeat center center;
		background-size: contain;
	}
	
	.access_subtitle.sijyou:before{
		content:"";
		display: inline-block;
		width: 36px;
		height: 36px;
		margin-right: 10px;
		margin-top: -3px;
		vertical-align: text-top;
		background:url(../img/access_icon_fish.png) no-repeat center center;
		background-size: contain;
	}
	
	.access_subtitle.car:before{
		content:"";
		display: inline-block;
		width: 36px;
		height: 36px;
		margin-right: 10px;
		margin-top: -3px;
		vertical-align: text-top;
		background:url(../img/access_icon_car.png) no-repeat center center;
		background-size: contain;
	}
	
	
	
	
	.access_text1{
		font-size: 18px;
		font-weight: 600;
		padding: 10px;
		text-align: center;
		color: #22294D;
		border: solid 1px #22294D;
	}
	
	.access_text2{
		font-size: 18px;
		font-weight: 600;
		padding: 10px;
		text-align: center;
		color: #22294D;
	}
	
	.access_text2:before,
	.access_text2:after{
		content: "";
		display: block;
		position: relative;
		margin: 0 auto;
		width: 1px;
		height: 16px;
		border-left: solid 1px #22294D;
	}
	
	.access_text3{
		font-size: 18px;
		font-weight: 600;
		padding: 10px;
		text-align: center;
		color: #ffffff;
		background-color: #22294D;
		border: solid 1px #22294D;
	}
	
	.access_img{
		
	}
	
	.access_img img{
		width: 100%;
		height: auto;
		
	}
	
	/*googleマップ欄のみ*/
	
	.map_box{
		max-height:50vh;
		margin-bottom: 30px;
	}
	
	.map_box iframe{
		max-height:50vh; 
	}
	
	
	
	/* --------------------
	
	会社概要
	
	-------------------- */
	
	.frontpage_company{
		display:block;
		position:relative;
		margin-top:0px;
		width:100%;
		/*min-width: 1140px;*/
		padding:20px 0px 20px 0px;
		z-index: -1;
		
		background: url(../img/bg_img_kani.png),url(../img/bg_img_ika.png),url(../img/bg_pattern_beige.jpg);
		background-size: 34% auto,22% auto,auto;
		background-repeat: no-repeat,no-repeat,repeat;
		background-position: 2% 10px,105% 2%,center top;
	}
	
	.frontpage_company .contents_inner_frontpage{
	}
	
	
	/*h2 画像置き換えタイトル*/
	
	.frontpage_company .section_title_box {
    	position: relative;
    	width: 80%;
    	max-width: 280px;
    	margin: 0 auto;
    	margin-bottom: 20px;
	}
	.frontpage_company .section_title_box:before {
    	content:"";
    	display: block;
    	padding-top: 40%; /* 高さを幅の75%に固定 */
	}
	
	.frontpage_company h2.section_title {
    	position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;
    	
    	background: url(../img/title_company.png) no-repeat center top;
    	background-size: 100%;
	}
	
	
	.frontpage_company h2.section_title span{
		display: none;
	}
	
	
	
	.company_img_box{
		display: block;
		position: relative;
		width: 100%;
		max-width: 420px;
		margin: 0 auto;
		margin-bottom: 20px;
		
		float: none;
	}
	
	.company_text_box{
		display: block;
		position: relative;
		width: 100%;
		
		float: none;
	}
	
	.company_logo{
		display: inline-block;
		position: relative;
		width: 100%;
		max-width: 307px;
		padding-bottom: 10%;
		background: url(../img/logo_blue.png) no-repeat left top;
		background-size: contain;
	}
	
	.company_logo span{
		display: none;
	}
	
	.company_table{
		
	}
	
	.company_table td{
		padding: 7px 1rem 7px 0px; 
		font-size: 110%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-weight: 600;
		color: #22294C;
	}
	
	
	
	/* --------------------
	
	採用情報　ディレクトリ：recruit/
	
	-------------------- */
	
	.entry_recruit{
		
	}
	
	.entry_recruit .header_area{}
	
	
	
	.entry_recruit .header_outer{
		background-color: #ffffff;
	}
	
	.entry_recruit .header_outer:before{
		content:"";
		display: block;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		background: url(../img/footer_bg.png);
		background-repeat: repeat-x;
		background-position: center top;
		height: 65px;
		z-index: -2;
	}
	
	.entry_recruit .header_outer:after{
		content:"";
		display: block;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		background: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,1));
		height: 65px;
		z-index: -1;
	}
	
	.entry_recruit .fixed .header_outer:before,
	.entry_recruit .fixed .header_outer:after{
		height: 54px;
	}
	
	.entry_recruit .contents_header{
		display: block;
		position: relative;
		margin: 0 auto;
		padding:65px 0px 0px 0px;
		width: 100%;
		clear: both;
	}
	
	
	
	.entry_recruit .contents_header_inner{
		display:block;
		/*overflow:hidden;*/
		max-width: 840px;
		margin: 0 auto;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
	.entry_recruit .contents_header_inner h1{
		text-align: center;
		font-weight: 600;
		font-size: 24px;
	}
	
	/*左と右をくくったdiv　100%（左右にパディング30px）*/
	.entry_recruit .contents_outer {
		position: relative;
		margin: 0 auto;
		padding:0px 60px 0px 60px;
		z-index: 0;
	}
	
	/*左と右をくくったdiv*/
	.entry_recruit .contents_inner {
		display:block;
		/*overflow:hidden;*/
		max-width: 840px;
		margin: 0 auto;
		padding-top: 0px;
		padding-bottom: 50px;
	}
	
	.recruit_data{
		margin-bottom: 50px;
	}

	.recruit_data table:not(.no_responsive_table) {
		border: none !important;
		/*border-top: #cecece solid 1px !important;*/
	}
	
	.recruit_data table:not(.no_responsive_table) tr {
		border: none !important;
		border-bottom: #cecece solid 1px;
		padding:4px 4px 4px 4px;
		margin-bottom: 10px;
		width:100% !important;
	}
	
	.recruit_data table:not(.no_responsive_table) th {
		padding: 4px 4px 4px 4px;
		margin-bottom: 4px;
		background-color: rgba(121, 207, 233, 0.2);
		white-space: nowrap;
		overflow: hidden;
		display: block;
		border: none !important;
		width:100% !important;
	}
	
	.recruit_data table:not(.no_responsive_table) td {
		border-left: none !important;
		word-wrap: break-word;
		overflow: hidden;
		display: block;
		padding: 4px 4px 4px 4px;
		margin-bottom: 20px;
		border: none !important;
		width:100% !important;
		font-size: 16px;
	}
	
	.recruit_data td p {
		margin-bottom: 0px;
	}
	
	.recruit_data tr td:first-Child {
		
	}
	
	
	.recruit_entry{
		padding: 15px;
		border: #cecece solid 1px;
		margin-bottom: 50px;
	}
	
	
	
	

	

	
	
}/*スマホ用　@media screen and ( max-width:599px) { */













/*=========================プリント用調整（PC画面をA4に最適化）=========================*/
@page {
	margin: 10mm 10mm !important;
}

@media print {
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		/*zoom: 0.98;*/
	}
	
	html{
		width: 100% !important;
		zoom: 0.96;
	}
	
	.header_outer,
	.contents_outer_frontpage,
	.contents_outer,
	.footer_outer,
	.fixed .header_outer,
	.fixed .contents_outer_frontpage,
	.fixed .contents_outer,
	.fixed .footer_outer{
		padding:0px 0px 0px 0px !important;
	}
	
#top{
	padding-top: 0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

.fixed #top{
	padding-top: 0px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition: all 0.3s;
}

	.side_tab_box{
		display: none;
	}
	
	.header_area{
		position: relative !important;
	}
	
	
	body,
	.contents_area_frontpage,
	.contents_area,
	.footer_area,
	.grandmenu_box,
	.header_area{
	}
	
	
	.header_outer,
	.contents_outer_frontpage,
	.contents_outer,
	.footer_outer,
	.top_products_title_box_outer,
	.top_products_contents_box_outer,
	.top_products_contents_box_outer,
	.top_gallery_title_box_outer,
	.top_gallery_contents_box_outer,
	.top_news_title_box_outer,
	.top_news_contents_box_outer,
	.top_etc_contents_box_outer{
		padding:0px 0px 0px 0px !important;
	}
	
	.contents_area .print_only,
	. print_only {
		display:block !important;
	}
	
	.facebook_btn_box_pconly{
		display: none;
	}
	
	#gnav{
		display: none;
	}


}/*プリント用調整（PC画面をA4に最適化）　@media print {*/