@charset "UTF-8";
/* *****************************************************
Contents ---------------
01: reset
02: common
------------------------
***************************************************** */
/* *****************************************************
reset
***************************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
  font-style: normal;
  outline: 0;
}

/*

10px：63%
11px：69%
12px：75%
13px：82%
14px：89%
15px：94%
16px：100%
17px：107%
18px：112%
19px：119%
20px：125%
21px：132%
22px：138%
23px：144%
24px：150%
25px：157%
26px：163%
27px：169%
28px：175%
29px：182%
30px：188%

*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

body {
  width: auto;
  background: #ffffff;
  font-size: 16px;
  line-height: 22px;
  font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #363636;
  word-wrap: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 640px) {
  body {
    min-width: 320px;
    min-height: 1px;
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    /* 16px */
    line-height: 143%;
    /* 21px */
  }
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, mark, time {
  display: block;
}

h1 {
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6, strong, em {
    /* font-weight:normal; */
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
  color:#484848;
}

a:link {
}

a:visited {
}

a:hover, a:active {
  text-decoration: underline;
}

a.color_brown {
  color: #d6000f !important;
}


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

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  max-width: 640px;
}
@media only screen and (max-width: 640px) {
  img {
    height: auto;
    max-width: 453px;
  }
}

img[width="1"] {
  width: auto;
}

img[height="1"] {
  height: auto;
}

@media only screen and (max-width: 640px) {
  iframe {
    width: 100%;
    height: auto;
  }
}
input, select {
  vertical-align: middle;
  font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

sup {
  vertical-align: super;
  font-size: 10px;
}



/* *****************************************************
common
***************************************************** */



.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.mb0{margin-bottom:0px !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;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr30{margin-right:30px !important;}
.ma15{margin:15px !important;}

.pt0 {padding-top:0 !important;}
.pt20 {padding-top:20px !important;}
.pb0 {padding-bottom:0 !important;}
.pr0 {padding-right:0 !important;}
.pl0 {padding-left:0 !important;}
.p0 {padding: 0 !important;}
.pr20 {padding-right:20px !important;}
.pl30 {padding-left:20px !important;}
.pb20 {padding-bottom:20px !important;}

@media screen and (max-width: 767px) {
	.mb50{margin-bottom:20px !important;}
}

.fl{float:left !important;}
.fr{float:right !important;}
.bbno{ border-bottom:0px !important;}

/* text-align */
.tac{ text-align:center !important; }
.tal{ text-align:left !important; }
.tar{ text-align:right !important; }

/* color */
.red{ color:#FF0000;}
.yellow{ color:#ffc300;}
.orange{ color:#ff8b00;}
.pink{ color:#ff3e6a;}
.black{ color:#000000 !important;}
.brown{ color:#b82817 !important;}

/* font-size */
.txt_ll{ font-size:150%; }
.txt_l{ font-size:125%; }
.txt_m{ font-size:100%; line-height:1.8; }
.txt_s{ font-size:89%; line-height:1.8; }
@media screen and (min-width: 768px) and (max-width: 979px) {
	.txt_ll{ font-size:125%; }
	.txt_l{ font-size:100%; }
	.txt_m{ font-size:89%; line-height:1.6; }
	.txt_s{ font-size:75%; line-height:1.6; }
}
@media screen and (max-width: 767px) {
	.txt_ll{ font-size:100%; }
	.txt_l{ font-size:89%; }
	.txt_m{ font-size:75%; line-height:1.6; }
	.txt_s{ font-size:75%; line-height:1.6; }
}



/* youtube　*/
.movie_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*=======  ボタン類  =======*/

.btn01 a{
	width:152px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:150%;
	background-color:#1c4284;
	letter-spacing:1px;
	line-height:1.2;
	padding:6px 0 6px 0;
	margin:0 auto;
	border-radius:6px;
	border:3px solid #1c4284;
}
.btn01 a:hover{
	background-color:#FFFFFF;
	color:#1c4284;
	text-decoration:none;
}

/*=======  テーブル  =======*/


/*=======  フォーム類  =======*/


/*=======  #page  =======*/
#index {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	zoom: 1;
	background:url(../images/index/main.jpg) no-repeat center top #88c7f2;
}
@media screen and (max-width: 767px) {
	#index { background-image:none; }
}

#page{
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	zoom: 1;
	background:#FFFFFF;
}


/* *****************************************************
Contents ---------------
01: 	header
02: 	footer
03: 	contents
05: 	sidemenu
------------------------
***************************************************** */

/* 01 
----------------------------------------------*/
#index header { width: 960px; margin:0 auto; height:160px; position:relative; }
#index header .spmainimg{ display:none; }
#index header h1{ display:block; padding:23px 0 0 0; }
#index header nav { margin:0; position:absolute; left:250px; top:68px; }
#index header nav ul{ text-align:left; }
#index header nav ul li{ display:inline-block;  margin:0 30px 0 0; }
#index header nav ul li a{ display:block; font-size:112%; font-family: 'Open Sans', Helvetica, sans-serif;  }
#index header nav ul li a:hover{ text-decoration:none; color:#4a0e09; opacity:0.9;}
#index header ol{ display:block;  position:absolute; right:0px; top:65px;}
#index header ol li{ display:inline-block; letter-spacing: normal; margin:0 0 0 4px; width:30px; }
#index header ol li a{ display:block; }
#index header ol li a img{ width:100%; }
#index header ol li a:hover{ opacity:0.6;  }
#index header #header_menu01{ display:none; }

#page header { width: 960px; margin:0 auto; height:180px; position:relative; }
#page header h1{ display:block; padding:23px 0 0 0; }
#page header nav { margin:0; position:absolute; left:250px; top:68px; }
#page header nav ul{ text-align:left; }
#page header nav ul li{ display:inline-block;  margin:0 30px 0 0; }
#page header nav ul li a{ display:block; font-size:112%; font-family: 'Open Sans', Helvetica, sans-serif;  }
#page header nav ul li a:hover{ text-decoration:none; color:#4a0e09; opacity:0.9;}
#page header ol{ display:block;  position:absolute; right:0px; top:65px;}
#page header ol li{ display:inline-block; letter-spacing: normal; margin:0 0 0 4px; width:30px; }
#page header ol li a{ display:block; }
#page header ol li a img{ width:100%; }
#page header ol li a:hover{ opacity:0.6;  }
#page header #header_menu01{ display:none; }


@media screen and (min-width: 768px) and (max-width: 1023px) {
	
}
@media screen and (max-width: 767px) {
	#index header { width: 100%; margin:0 auto; height:auto; position:relative; }
	#index header .spmainimg{ display:block; }
	#index header .spmainimg img{ width: 100%; }
	#index header h1{ display:none; }
	#index header nav { display:none; }
	#index header ol{ display:block;  position:absolute; right:2%; top:6%; width:34%;}
	#index header ol li{ display:inline-block; letter-spacing: normal; margin:0 0.5% 0; width:28%; }
	#index header ol li a{ display:block; }
	#index header #header_menu01{ display:inline-block; }

	#page header { width: 100%; margin:0 auto 20px; height:auto; position:relative; }
	#page header .spmainimg{ display:block; }
	#page header .spmainimg img{ width: 100%; }
	#page header h1{ display:block; width:30%; margin:0 0 0 3%; padding:10px 0 0 0; }
	#page header nav { display:none; }
	#page header ol{ display:block;  position:absolute; right:2%; top:34%; width:34%;}
	#page header ol li{ display:inline-block; letter-spacing: normal; margin:0 0.5% 0; width:28%; }
	#page header ol li a{ display:block; }
	#page header #header_menu01{ display:inline-block; }

}


/*slidemenu*/
.slidemenu {	background:url(../images/common/sp/bg_menu.png) repeat 0 0;}
.slidemenu ul {	display:block;	padding:8% 0 20px 0;}
.slidemenu li {    list-style: none;}.slidemenu li a {    padding:10px 0 10px 10px;    display: block;    text-decoration: none;    color: #fff;    font-size:14px;    line-height: 1.3;}
.slidemenu li.lv00 { list-style: none; background:url(../images/common/sp/icon_menu01.png) no-repeat 96% 50% #2784d7; background-size: auto 14px; padding:10px 0; }
.slidemenu li.lv00 a { line-height:1.4 !important; padding:0 10px 0 10px; color:#202020; font-weight:bold; }
.slidemenu li.lv01 { list-style: none; border-bottom: 1px solid #ababab; background:url(../images/common/sp/icon_menu02.png) no-repeat 96% 50% #FFFFFF; background-size: auto 14px; padding:10px 0; }
.slidemenu li.lv01 a { line-height:1.4 !important; padding:0 10px 0 10px; color:#2784d7; font-weight:bold; }
.slidemenu li.lv02 { list-style: none; border-bottom: 1px solid #ababab; background:url(../images/common/sp/icon_menu04.png) no-repeat 96% 50% #484848; background-size: auto 14px; padding:10px 0; }
.slidemenu li.lv02 a { line-height:1.4 !important; padding:0 10px 0 10px; color:#FFFFFF; font-weight:bold; }
.slidemenu li.lv02 a span { display:block; background:url(../images/common/sp/icon_menu03.png) no-repeat 0% 50%; background-size: auto 10px; padding:0 0 0 16px; }
.slidemenu li.lv03 { list-style: none; padding:5px 0; }
.slidemenu li.lv03 a { line-height:1.4 !important; padding:0 10px 0 10px; color:#48a9ff; font-weight:bold; }
.slidemenu li:first-child {    border-top: none;}
.slidemenu .slidemenu-header {
	display:none;
}
/*plugin*/
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}



/* 02 
----------------------------------------------*/
#index footer { width: 100%; margin:0 auto; background:#FFFFFF; height:130px; }
#index footer #footer_inner{ width:960px; margin:0 auto 0; position:relative; }

#index footer #footer_inner .logo{ padding:14px 0 0; width:186px; }
#index footer #footer_inner .logo img{ width:100%; }
#index footer #footer_inner .pagetop{ position:absolute; right:0px; top:0px; }
#index footer #footer_inner .pagetop a:hover{ opacity:0.7; }

#index footer #footer_inner nav { margin:0; position:absolute; left:300px; top:40px; }
#index footer #footer_inner nav ul{ text-align:left; }
#index footer #footer_inner nav ul li{ display:inline-block;  margin:0 30px 0 0; }
#index footer #footer_inner nav ul li a{ display:block; font-size:112%; font-family: 'Open Sans', Helvetica, sans-serif; color:#009cdf; letter-spacing:1px; }
#index footer #footer_inner nav ul li a:hover{ text-decoration:none; opacity:0.9;}

@media screen and (min-width: 768px) and (max-width: 1023px) {
}
@media screen and (max-width: 767px) {
	#index footer {  height:auto; }
	#index footer #footer_inner{ width:94%; padding:14px 0 14px;}
	#index footer #footer_inner .logo{ padding:0 0 0; text-align:center; width:100%; margin:0 auto 0px; }
	#index footer #footer_inner .logo img{ width:48%; }
	#index footer #footer_inner nav { margin:0; position:static; display:none; }
	#index footer #footer_inner .pagetop{ position:absolute; right:0px; top:0px; width:8%; }
	#index footer #footer_inner .pagetop img{ width:100%; }
}

#page footer { width: 100%; margin:0 auto; background:#1d1d1d; height:130px; }
#page footer #footer_inner{ width:960px; margin:0 auto 0; position:relative; }

#page footer #footer_inner .logo{ padding:14px 0 0; width:186px; }
#page footer #footer_inner .logo img{ width:100%; }
#page footer #footer_inner .pagetop{ position:absolute; right:0px; top:0px; }
#page footer #footer_inner .pagetop a:hover{ opacity:0.7; }

#page footer #footer_inner nav { margin:0; position:absolute; left:300px; top:40px; }
#page footer #footer_inner nav ul{ text-align:left; }
#page footer #footer_inner nav ul li{ display:inline-block;  margin:0 30px 0 0; }
#page footer #footer_inner nav ul li a{ display:block; font-size:112%; font-family: 'Open Sans', Helvetica, sans-serif; color:#009cdf; letter-spacing:1px; }
#page footer #footer_inner nav ul li a:hover{ text-decoration:none; opacity:0.9;}

@media screen and (min-width: 768px) and (max-width: 1023px) {
}
@media screen and (max-width: 767px) {
	#page footer {  height:auto; }
	#page footer #footer_inner{ width:94%; padding:14px 0 14px;}
	#page footer #footer_inner .logo{ padding:0 0 0; text-align:center; width:100%; margin:0 auto 0px; }
	#page footer #footer_inner .logo img{ width:48%; }
	#page footer #footer_inner nav { margin:0; position:static; display:none; }
	#page footer #footer_inner .pagetop{ position:absolute; right:0px; top:0px; width:8%; }
	#page footer #footer_inner .pagetop img{ width:100%; }
}






/* 03 下層
----------------------------------------------*/
#contents{ padding:0 0 40px 0; }

/* 見出し */
h2.h2_ttl{ text-align:center; margin:0 0 66px 0; }
h3.h3_ttl_txt{ display:block; text-align:center; margin:0 0 16px 0; }
h3.h3_ttl_txt strong{ box-shadow:0px 0px 24px -4px #333 inset; display:inline-block; min-width:286px; background:#009cdf; color:#FFFFFF; font-size:125%; letter-spacing:1px; text-align:center; padding:10px 20px; box-sizing:border-box; margin:0 0 0 0.4em; font-weight:normal; }
h3.h3_ttl_txt_blue{ display:block; font-weight:normal; text-align:left; font-size:112%; margin:0 0 22px 0; color:#009cdf; letter-spacing:1px; }
h3.h3_ttl_txt_blue em{ text-decoration:underline; }
h3.h3_ttl_txt_blue a{ text-decoration:underline; color:#f07a7a;}
h3.h3_ttl_txt_blue a:hover{ text-decoration:none; }
 
h4.h4_ttl_txt{ display:block; font-weight:normal; text-align:center; font-size:112%; margin:0 0 62px 0; }

h4.h4_ttl_txt_arrow{ display:block; text-align:center; background:url(../images/common/icon_arrow01.png) no-repeat center bottom; padding:0 0 56px 0; margin:0 0 40px 0; }
h4.h4_ttl_txt_arrow strong{ display:inline-block; background:#009cdf; color:#FFFFFF; font-size:100%; font-weight:normal; letter-spacing:1px; text-align:center; padding:6px 20px 4px; box-sizing:border-box; margin:0 0.4em 0 0.4em; }


/* テキスト */
.txt_blue_L{ display:block; font-size:125%; font-weight:bold; color:#009cdf; text-align:center; margin:0 0 36px 0; letter-spacing:2px; }
.txt_M{ display:block; font-size:89%; text-align:center; margin:0 0 36px 0; line-height:3.1; }
.txt_M_tal{ display:block; font-size:89%; text-align:left; margin:0 auto 36px; line-height:3.1; }
.txt_M_tal a{  color:#009cdf; text-decoration:underline;}
.txt_M_tal a:hover{  color:#009cdf; text-decoration:underline;}
center{  text-align:center; margin:0 0 0 0; line-height:3.1; }


/* リスト */
.txt_list_box{ text-align:center; margin: 0 auto 22px; }
.txt_list_box ul{ display:inline-block; text-align:left;  width:600px;} 
.txt_list_box ul li{ display:block; background:url(../images/common/icon_point.png) no-repeat 0 7px; color:#009cdf; font-size:100%; padding:0 0 0 20px; margin:0 0 22px 0; } 
.txt_list_box ul li span{ color:#282828; } 

ul.img_list_box{ display:block; margin:0 auto 22px; }
ul.img_list_box li{ display:block; margin:0 6px 12px 0; width:316px; float:left; } 
ul.img_list_box li.lastchild{ margin:0 0 12px 0; } 
ul.img_list_box li.lastchildL{ margin:0 0 12px 0; width:100% !important; } 

/* common */
.spbr{ display:none; } 

@media screen and (min-width: 768px) and (max-width: 1023px) {
	#contents .wrap{ width:auto; padding:0; margin:0 auto; }
}
@media screen and (max-width: 767px) {
	#contents{ padding:0 0 10px 0; }
	
	/* 見出し */
	h2.h2_ttl{ text-align:center; margin:0 0 20px 0; }
	h3.h3_ttl_txt{ margin:0 0 10px 0; }
	h3.h3_ttl_txt strong{ min-width:50%; font-size:100%; padding:4px 5%; }
	h3.h3_ttl_txt_blue{ font-size:89%; margin:0 0 12px 0;}
	h4.h4_ttl_txt{  font-size:89%; margin:0 0 22px 0; }
	h4.h4_ttl_txt_arrow{ background:url(../images/common/icon_arrow01.png) no-repeat center bottom; background-size:30px auto; padding:0 0 36px 0; margin:0 0 16px 0; }
	h4.h4_ttl_txt_arrow strong{ font-size:89%; font-weight:normal; padding:6px 5% 4px; }

	/* テキスト */
	.txt_blue_L{ font-size:89%; margin:0 0 26px 0; }
	.txt_M{ font-size:75%; margin:0 0 16px 0; line-height:2.1; text-align:left; }
	.txt_M_tal{ display:block; font-size:75%; text-align:left; margin:0 0 16px; line-height:2.1; }

	/* リスト */
	.txt_list_box{ margin: 0 auto 16px; }
	.txt_list_box ul{ width:100%;} 
	.txt_list_box ul li{ background:url(../images/common/icon_point.png) no-repeat 0 5px; font-size:75%; padding:0 0 0 12px; margin:0 0 12px 0; line-height:1.4; } 

	ul.img_list_box{ display:block; margin:0 auto 12px; }
	ul.img_list_box li{ display:block; margin:0 2% 12px 0; width:49%; float:left; } 
	ul.img_list_box li.lastchild{ margin:0 0 12px 0; } 
	ul.img_list_box li.lastchildL{ margin:0 0 12px 0; width:100% !important; } 
	
	/* common */
	.spbr{ display:block; } 
}


/* 03 - top 
----------------------------------------------*/
#index #contents{ padding-bottom:0px !important; }
#contents #index_main{ clear:both; height:691px; width:960px; margin:0 auto; position:relative; }
#contents #index_main h2{ position:absolute; left:0px; top:303px; display:block; text-align:center; width:100%; }
#contents #index_main .txt_read{ position:absolute; left:0px; top:363px; display:block; text-align:center; width:100%; }
#contents #index_main #newsbox{ position:absolute; left:255px; top:456px; width:480px; }
#contents #index_main #newsbox #newsbox_head{ margin:0 0 28px 0; text-align:center; display:block; }
#contents #index_main #newsbox #newsbox_head h3{ display:inline-block; margin:0 14px 0 0; }
#contents #index_main #newsbox #newsbox_head p{ display:inline-block; padding:0 0 0 0; }
#contents #index_main #newsbox #newsbox_head p span{ display:block; padding:4px 0 0 0; }
#contents #index_main #newsbox #newsbox_head p span a:hover{ opacity:0.7; }
#contents #index_main #newsbox ul{ display:block; }
#contents #index_main #newsbox ul li{ display:block; margin:0 0 14px 0; }
#contents #index_main #newsbox ul li a{ text-decoration:underline; }
#contents #index_main #newsbox ul li a:hover{ text-decoration:none; }


 
@media screen and (min-width: 768px) and (max-width: 979px) {
}
@media screen and (max-width: 767px) {
	#contents #index_main{ height:auto; width:100%; margin:0 auto; box-sizing:border-box; }
	#contents #index_main h2{ display:none; }
	#contents #index_main .txt_read{ display:none; }
	#contents #index_main #newsbox{ position:static; width:94%; margin:0 auto; padding:20px 0; }
	#contents #index_main #newsbox #newsbox_head{ margin:0 0 14px 0; }
	#contents #index_main #newsbox #newsbox_head h3{ display:block; margin:0 14px 0 0; float:left; width:28%;  }
	#contents #index_main #newsbox #newsbox_head h3 img{ width:100% }
	#contents #index_main #newsbox #newsbox_head p{ display:block; padding:0 0 0 0; float:left; width:20%; }
	#contents #index_main #newsbox #newsbox_head p span{ display:block; padding:4px 0 0 0; }
	#contents #index_main #newsbox #newsbox_head p span img{ width:100% }
	#contents #index_main #newsbox ul li{ margin:0 0 8px 0; font-size:75%; line-height:1.4; }
	#contents #index_main #newsbox ul li a{ }

}




/* 03 - about 
----------------------------------------------*/
#contents #profile{ clear:both; margin:0 auto; padding:3px 0 0 0; }
#contents #profile h2.h2_ttl{ margin:0 auto 10px; }
#contents #profile h3{ display:block; margin:0 auto 50px; width:960px; text-align:center; font-size:112%; font-weight:normal; }
#contents #profile_body{ clear:both; width:532px; margin:0 auto; position:relative; }
#contents #profile_body .about_table{ padding:0 0 40px 0;  margin:0 auto; }
#contents #profile_body .about_table table{ margin:0 auto; }
#contents #profile_body .about_table table th{ font-size:89%; font-weight:normal; padding:0 30px 0 0; color:#009cdf; text-align:left; }
#contents #profile_body .about_table table td{ font-size:89%; line-height:2.8;  }
#contents #profile_body .about_table table td a{ text-decoration:underline; }
#contents #profile_body .about_table table td a:hover{ text-decoration:none; }
#contents #profile_body .about_table table th.mapttl{ padding:30px 0 12px 0; color:#009cdf; }
#contents #profile_body .about_table table td #map01{ width:100%; height:360px; }
#contents #profile_body .about_table table td #map02{ width:100%; height:360px; }

#contents #profile_body .about_table02{ padding:0 0 40px 0;  margin:0 auto; }
#contents #profile_body .about_table02 table{ margin:0 auto; width:100%; }
#contents #profile_body .about_table02 table th{ padding:0 0 0 0; width:139px; }
#contents #profile_body .about_table02 table th a:hover{ opacity:0.7; }
#contents #profile_body .about_table02 table td{ font-size:89%; line-height:2.8; text-align:left; vertical-align:middle; padding:0 0 0 20px; }
#contents #profile_body .about_table02 table td a{ text-decoration:underline; }
#contents #profile_body .about_table02 table td a:hover{ text-decoration:none; }


@media screen and (max-width: 767px) {
	#contents #profile h2{ margin:0 0 6px 0 !important; }
	#contents #profile h2.h2_ttl img{ width:33%; }
	#contents #profile h3{ display:block; margin:0 auto 20px; width:100%; font-size:75%; font-weight:normal; }
	#contents #profile{ clear:both; margin:0 auto; padding:0px 0 0 0; }
	#contents #profile_body{  width:100%; box-sizing:border-box; padding:0 3%; }
	#contents #profile_body .about_table{ padding:0 0 20px 0;}
	#contents #profile_body .about_table table,
	#contents #profile_body .about_table table tbody,
	#contents #profile_body .about_table table tr{ margin:0 auto; width:100%; display:block; }
	#contents #profile_body .about_table table th{ display:block; font-size:75%; padding:0 0px 0 0;}
	#contents #profile_body .about_table table td{ display:block; font-size:75%; line-height:1.8; margin:0 0 10px 0;  }
	#contents #profile_body .about_table table th.mapttl{ padding:20px 0 7px 0; }
	#contents #profile_body .about_table table td #map01{ width:100%; height:260px; }
	#contents #profile_body .about_table table td #map02{ width:100%; height:260px; }

	#contents #profile_body .about_table02{ padding:0 0 40px 0;  margin:0 auto; }
	#contents #profile_body .about_table02 table{ margin:0 auto; width:100%; }
	#contents #profile_body .about_table02 table th{ padding:0 0 0 0; width:20%; }
	#contents #profile_body .about_table02 table th a:hover{ opacity:0.7; }
	#contents #profile_body .about_table02 table td{ font-size:75%; line-height:1.2; text-align:left; vertical-align:middle; padding:0 0 0 10px; }
	#contents #profile_body .about_table02 table td a{ text-decoration:underline; }
	#contents #profile_body .about_table02 table td a:hover{ text-decoration:none; }
}




/* 03 - services 
----------------------------------------------*/
#contents #services{ clear:both; margin:0 auto; }
#contents #services h2.h2_ttl{  width:960px; margin:0 auto 14px; }
#contents #services h2.h2_ttl img{ width:208px; }
#contents #services h2.h2_ttl img.responsibilities{ width:420px; }
#contents #services h2.h2_ttl img.vision{ width:149px; }
#contents #services h3.h3_ttl_txt_local{ display:block; margin:0 auto 60px; width:960px; text-align:center; font-size:112%; font-weight:normal; }

#contents #services_body{ clear:both; width:960px; margin:0 auto; position:relative; }
#contents #services_body .read{ display:block; text-align:center; margin:0 0 40px 0; }
#contents #services_body .txtbox{ width:640px; margin:0 auto; }
#contents .services02{ clear:both; margin:0 auto; padding:69px 0 29px 0; }
#contents .services02_body{ clear:both; width:960px; margin:0 auto; position:relative; }
#contents .services02_body .txtbox{ width:640px; margin:0 auto; }

#contents .services02_body .txtbox .img_list_box{ width:640px; }
#contents .services02_body .txtbox .img_list_box.mb60{ margin-bottom:60px !important; }
#contents .services02_body .txtbox .img_list_box li{ width:316px; margin-bottom:6px; }
#contents .services02_body .txtbox .img_list_box li img{ width:100%; }


@media screen and (max-width: 767px) {
	#contents #services{ box-sizing:border-box; padding:0 3% 0; }
	#contents #services h2.h2_ttl{  width:100%; margin:0 auto 6px; }
	#contents #services h2.h2_ttl img{ width:40%; }
	#contents #services h2.h2_ttl img.responsibilities{ width:80%; }
	#contents #services h2.h2_ttl img.vision{ width:32%; }
	#contents #services h3.h3_ttl_txt_local{ display:block; margin:0 auto 20px; width:100%; font-size:75%; font-weight:normal; }
	
	#contents #services_body{ width:100%; box-sizing:border-box; padding:0 3%; }
	#contents #services_body .txtbox{ width:100%; margin:0 auto; }
	#contents .services02{ clear:both; margin:0 auto; padding:29px 3% 9px; }
	#contents .services02_body{ width:100%; }
	#contents .services02_body .txtbox{ width:100%; margin:0 auto; }
}




/* 03 - resources 
----------------------------------------------*/
#contents #resources{ clear:both; margin:0 auto; }
#contents #resources h2.h2_ttl{  width:960px; margin:0 auto 66px; }
#contents #resources h2.h2_ttl img{ width:258px; }
#contents #resources nav{ background:#555555; padding:20px 0; margin:0 0 68px 0; }
#contents #resources nav ul{ display:block; text-align:center; letter-spacing: -.4em; width:1000px; margin:0 auto; }
#contents #resources nav ul li { display: inline-block; letter-spacing: normal; margin:0 16px; }
#contents #resources nav.pc{ display:block; }
#contents #resources nav.sp{ display:none; }
#contents #resources_body{ clear:both; width:960px; margin:0 auto; position:relative; padding:0 0 40px 0; }
#contents #resources_body .txtbox{ width:700px; margin:0 auto; }
#contents #resources_body .txtbox dl.profile{ display:block; padding:15px 0 0 0; }
#contents #resources_body .txtbox dl.profile dt{ display:block; font-size:112%; font-weight:bold; margin:0 0 14px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources_body .txtbox dl.profile dd{ display:block; font-size:150%; font-weight:bold; margin:0 0 30px 0; letter-spacing:1px; }
#contents #resources_body .txtbox dl.profile dd.txt02{ font-size:175%; font-weight:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources_body .txtbox dl.profile dd em{ font-size:18px; font-style:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources_body .txtbox .img_list_box{ width:700px; }
#contents #resources_body .txtbox .img_list_box.mb60{ margin-bottom:60px !important; }
#contents #resources_body .txtbox .img_list_box li{ width:347px; margin-bottom:6px; }
 
#contents #resources02{ clear:both; margin:0 auto; background:#faebea; padding:70px 0 50px 0; }
#contents #resources02_body{ clear:both; width:960px; margin:0 auto; position:relative; }
#contents #resources02_body .txtbox{ width:700px; margin:0 auto; }
#contents #resources02_body .txtbox .img_list_box{ width:700px; }
#contents #resources02_body .txtbox .img_list_box.mb60{ margin-bottom:60px !important; }
#contents #resources02_body .txtbox .img_list_box li{ width:347px; margin-bottom:6px; }
#contents #resources02_body .txtbox dl.profile{ display:block; padding:15px 0 0 0; }
#contents #resources02_body .txtbox dl.profile dt{ display:block; font-size:112%; font-weight:bold; margin:0 0 14px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources02_body .txtbox dl.profile dd{ display:block; font-size:150%; font-weight:bold; margin:0 0 30px 0; letter-spacing:1px; }
#contents #resources02_body .txtbox dl.profile dd.txt02{ font-size:175%; font-weight:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources02_body .txtbox dl.profile dd em{ font-size:18px; font-style:normal; font-family: 'Open Sans', Helvetica, sans-serif; }

#contents #resources03{ clear:both; margin:0 auto; padding:70px 0 0px 0; }
#contents #resources03_body{ clear:both; width:960px; margin:0 auto; position:relative; padding:0 0 30px 0; }
#contents #resources03_body .txtbox{ width:700px; margin:0 auto; }
#contents #resources03_body .txtbox .img_list_box{ width:700px; }
#contents #resources03_body .txtbox .img_list_box.mb60{ margin-bottom:60px !important; }
#contents #resources03_body .txtbox .img_list_box li{ width:347px; margin-bottom:6px; }
#contents #resources03_body .txtbox dl.profile{ display:block; padding:15px 0 0 0; }
#contents #resources03_body .txtbox dl.profile dt{ display:block; font-size:112%; font-weight:bold; margin:0 0 14px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources03_body .txtbox dl.profile dd{ display:block; font-size:150%; font-weight:bold; margin:0 0 30px 0; letter-spacing:1px; }
#contents #resources03_body .txtbox dl.profile dd.txt02{ font-size:175%; font-weight:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
#contents #resources03_body .txtbox dl.profile dd em{ font-size:18px; font-style:normal; font-family: 'Open Sans', Helvetica, sans-serif; }

@media screen and (max-width: 767px) {
	#contents #resources h2.h2_ttl{  width:100%; margin:0 auto 26px; }
	#contents #resources h2.h2_ttl img{ width:40%; }
	#contents #resources nav.pc{ display:none; }
	#contents #resources nav.sp{ display:block; padding:14px 0; margin:0 0 38px 0; }
	#contents #resources nav.sp ul{ width:100%; }
	#contents #resources nav.sp ul li#ln01 { margin:0 0%; width:34%; }
	#contents #resources nav.sp ul li#ln02 { margin:0 0%; width:42%; }
	#contents #resources nav.sp ul li#ln03 { margin:0 0%; width:24%; }
	
	#contents #resources_body{ width:100%; box-sizing:border-box; padding:0 3%; }
	#contents #resources_body .txtbox{ width:100%; margin:0 auto; }
	#contents #resources_body .txtbox dl.profile{ display:block; padding:5px 0 0 0; }
	#contents #resources_body .txtbox dl.profile dt{ display:block; font-size:75%; font-weight:bold; margin:0 0 6px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources_body .txtbox dl.profile dd{ display:block; font-size:100%; font-weight:bold; margin:0 0 20px 0; letter-spacing:1px; }
	#contents #resources_body .txtbox dl.profile dd.txt02{ font-size:175%; font-weight:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources_body .txtbox dl.profile dd em{ font-size:12px; font-style:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources_body .txtbox .img_list_box{ width:100%; }
	#contents #resources_body .txtbox .img_list_box.mb60{ margin-bottom:30px !important; }
	#contents #resources_body .txtbox .img_list_box li{ width:49%; margin-bottom:6px; }

	#contents #resources02{ padding:30px 0 20px 0; }
	#contents #resources02_body{ width:100%; box-sizing:border-box; padding:0 3%; }
	#contents #resources02_body .txtbox{ width:100%; margin:0 auto; }
	#contents #resources02_body .txtbox .img_list_box{ width:100%; }
	#contents #resources02_body .txtbox .img_list_box.mb60{ margin-bottom:30px !important; }
	#contents #resources02_body .txtbox .img_list_box li{ width:49%; margin-bottom:6px; }
	#contents #resources02_body .txtbox dl.profile{ display:block; padding:5px 0 0 0; }
	#contents #resources02_body .txtbox dl.profile dt{ display:block; font-size:75%; font-weight:bold; margin:0 0 6px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources02_body .txtbox dl.profile dd{ display:block; font-size:100%; font-weight:bold; margin:0 0 20px 0; letter-spacing:1px; }
	#contents #resources02_body .txtbox dl.profile dd.txt02{ font-size:125%; font-weight:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources02_body .txtbox dl.profile dd em{ font-size:12px; font-style:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
	
	#contents #resources03{ padding:30px 0 20px 0; }
	#contents #resources03_body{ width:100%; box-sizing:border-box; padding:0 3%; }
	#contents #resources03_body .txtbox{ width:100%; margin:0 auto; }
	#contents #resources03_body .txtbox .img_list_box{ width:100%; }
	#contents #resources03_body .txtbox .img_list_box.mb60{ margin-bottom:30px !important; }
	#contents #resources03_body .txtbox .img_list_box li{ width:49%; margin-bottom:6px; }
	#contents #resources03_body .txtbox dl.profile{ display:block; padding:5px 0 0 0; }
	#contents #resources03_body .txtbox dl.profile dt{ display:block; font-size:75%; font-weight:bold; margin:0 0 6px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources03_body .txtbox dl.profile dd{ display:block; font-size:100%; font-weight:bold; margin:0 0 20px 0; letter-spacing:1px; }
	#contents #resources03_body .txtbox dl.profile dd.txt02{ font-size:125%; font-weight:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
	#contents #resources03_body .txtbox dl.profile dd em{ font-size:12px; font-style:normal; font-family: 'Open Sans', Helvetica, sans-serif; }
}





/* 03 - work 
----------------------------------------------*/
#contents #work{ clear:both; margin:0 auto; padding:0 0 40px 0; }
#contents #work h2.h2_ttl{  width:960px; margin:0 auto 60px; }
#contents #work h2.h2_ttl img{ width:130px; }
#contents .work_body{ clear:both; width:960px; margin:0 auto; position:relative; padding:44px 0 40px 0; border-top:1px solid #cccccc; }
#contents .work_body.uline{ border-bottom:1px solid #cccccc; }
#contents .work_body .workbox{ width:700px; margin:0 auto; }
#contents .work_body .workbox h3{ font-family: 'Open Sans', Helvetica, sans-serif; text-align:center; margin-bottom:44px }
#contents .work_body .workbox .img_list_box{ width:100%; }
#contents .work_body .workbox .img_list_box.mb60{ margin-bottom:30px !important; }
#contents .work_body .workbox .img_list_box li{ width:49%; margin-bottom:6px; }
#contents .work_body .workbox .img_list_box li a:hover{ opacity:0.8; }

@media screen and (max-width: 767px) {
	#contents #work h2.h2_ttl{  width:100%; margin:0 auto 26px; }
	#contents #work h2.h2_ttl img{ width:21%; }
	
	#contents .work_body{ width:100%; box-sizing:border-box; padding:20px 3%; }
	#contents .work_body .workbox{ width:100%; margin:0 auto; }
	#contents .work_body .workbox h3{ margin-bottom:24px }
	#contents .work_body .workbox .img_list_box{ width:100%; }
	#contents .work_body .workbox .img_list_box.mb60{ margin-bottom:30px !important; }
	#contents .work_body .workbox .img_list_box li{ width:49%; margin-bottom:6px; }

}






/* 03 - news 
----------------------------------------------*/
#contents #news{ clear:both; margin:0 auto; padding:0 0 40px 0; }
#contents #news h2.h2_ttl{ width:960px; margin:0 auto 10px; }
#contents #news h2.h2_ttl img{ width:144px; }
#contents #news h3{ display:block; margin:0 auto 50px; width:960px; text-align:center; font-size:112%; font-weight:normal; }
#contents .news_body{ clear:both; width:960px; margin:0 auto; position:relative; padding:44px 0 40px 0; border-top:1px solid #cccccc; }
#contents .news_body.uline{ border-bottom:1px solid #cccccc; }

#contents .news_body .newskbox{ width:640px; margin:0 auto; }
#contents .news_body .newskbox dl{ display:block; padding:0 0 0 0; }
#contents .news_body .newskbox dl dt{ display:block; font-size:100%; color:#009cdf; font-weight:bold; margin:0 0 14px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; float:left; width:16%; }
#contents .news_body .newskbox dl dd{ display:block; font-size:100%; margin:0 0 30px 0; letter-spacing:1px; float:left; width:84%; }
#contents .news_body .news_txt{ font-size:89%; text-align:left; margin:0 auto 36px; line-height:3.1; clear:both; }
#contents .news_body .news_txt a{  color:#009cdf; text-decoration:underline;}
#contents .news_body .news_txt a:hover{  color:#009cdf; text-decoration:none;}

@media screen and (max-width: 767px) {
	#contents #news h2.h2_ttl{  width:100%; margin:0 auto 6px; }
	#contents #news h2.h2_ttl img{ width:24%; }
	#contents #news h3{ display:block; margin:0 auto 20px; width:100%; font-size:75%; font-weight:normal; }
	
	#contents .news_body{ width:100%; box-sizing:border-box; padding:20px 3%; }
	#contents .news_body .newskbox{ width:100%; margin:0 auto; }
	#contents .news_body .newskbox dl{ display:block; padding:0 0 0 0; }
	#contents .news_body .newskbox dl dt{ display:block; font-size:89%; color:#009cdf !important; font-weight:bold; margin:0 0 4px 0; letter-spacing:1px; font-family: 'Open Sans', Helvetica, sans-serif; float:none; width:100%; }
	#contents .news_body .newskbox dl dd{ display:block; font-size:89%; margin:0 0 10px 0; letter-spacing:1px; float:none; width:100%;}
	#contents .news_body .news_txt{ font-size:75%; text-align:left; margin:0 auto 16px; line-height:2.1; clear:both; }
}






/* 03 - contact 
----------------------------------------------*/
#contents #contact{ clear:both; margin:0 auto; padding:0 0 10px 0; }
#contents #contact h2.h2_ttl{  width:960px; margin:0 auto 20px; }
#contents #contact h2.h2_ttl img{ width:278px; }
#contents #contact_body{ clear:both; width:960px; margin:0 auto; position:relative; padding:24px 0 40px 0; }
#contents #contact_body .contactbox{ width:480px; margin:0 auto; }
#contents #contact_body .contactbox .inputbox{ width:100%; margin:0 auto 13px; }
#contents #contact_body .contactbox .inputbox input.txt01{ width:100%; line-height:55px; box-sizing:border-box; padding:0 15px 0; font-size:89%; }
#contents #contact_body .contactbox .inputbox textarea{ width:100%; box-sizing:border-box; padding:15px; height:197px; font-size:89%; }
#contents #contact_body .contactbox .formtxt01{ font-size:89%; padding:10px 0 0 0; }
#contents #contact_body .contactbox .formtxt02 { font-size:89%; padding:20px 0 30px 0; text-align:center; }
#contents #contact_body .contactbox .formtxt02 a { text-decoration:underline; }
#contents #contact_body .contactbox .formtxt02 a:hover { text-decoration:none; }
#contents #contact_body .contactbox .formtxt03{ text-align:center; }
#contents #contact_body .contactbox .formtxt03 input{ width:316px; height:52px; background-color:#333333; color:#FFFFFF; font-size:89%; border:0px; cursor:pointer; }
#contents #contact_body .contactbox .formtxt03 input:hover{ opacity:0.7; }
#contents #contact_body .contactbox .inputbox_select{ width:100%; margin:0 auto 13px; }
#contents #contact_body .contactbox .inputbox_select select{ width:100%; box-sizing:border-box; padding:0 15px 0; font-size:89%; height:55px; }
#formWrap{ width:640px; margin:0 auto; text-align:left; }
#formWrap h4{ font-size:89%; margin:0 0 30px 0; color:#f07a7a; text-align:center; display:block; }
#formWrap .error_messe{ margin:0 0 20px 0; }
#formWrap .backbtn{ margin:0 0 0 0; display:block; text-align:center; padding:20px 0 0 0; }
#formWrap .backbtn input{ width:316px; height:52px; background-color:#333333; color:#FFFFFF; font-size:89%; border:0px; cursor:pointer; }
#formWrap .backbtn input:hover{ opacity:0.7; }
#formWrap table{ margin:0 auto; }
#formWrap table th{ font-size:89%; font-weight:normal; padding:0 30px 0 0; text-align:left; white-space:nowrap; }
#formWrap table td{ font-size:89%; line-height:2.8;  }
#formWrap .btnarea{ text-align:center; padding:30px 0 0 0;}
#formWrap .btnbox{ display:inline-block; }
#formWrap .btnbox input{ width:250px; height:52px; background-color:#333333; color:#FFFFFF; font-size:89%; border:0px; cursor:pointer; }
#formWrap .btnbox input.back{ background-color:#AAAAAA; }




@media screen and (max-width: 767px) {
	#contents #contact h2.h2_ttl{  width:100%; margin:0 auto 16px; }
	#contents #contact h2.h2_ttl img{ width:46%; }
	
	#contents #contact_body{ width:100%; box-sizing:border-box; padding:20px 3%; }
	#contents #contact_body .contactbox{ width:80%; margin:0 auto; }
	#contents #contact_body .contactbox .inputbox{ margin:0 auto 8px; }
	#contents #contact_body .contactbox .inputbox input.txt01{ width:100%; line-height:33px; box-sizing:border-box; padding:0 3% 0; font-size:89%; }
	#contents #contact_body .contactbox .inputbox textarea{ padding:8px 3%; height:120px; }
	#contents #contact_body .contactbox .formtxt01{ font-size:75%; padding:10px 0 0 0; }
	#contents #contact_body .contactbox .formtxt03 input{ width:80%; height:39px; font-size:89%; }
	#contents #contact_body .contactbox .inputbox_select{ margin:0 auto 8px; }
	#contents #contact_body .contactbox .inputbox_select select{ width:100%; box-sizing:border-box; padding:0 3% 0; font-size:89%; height:33px; }
	#formWrap{ width:100%; margin:0 auto; }
	#formWrap h4{ font-size:75%; margin:0 0 30px 0; text-align:left; }
	#formWrap .error_messe{ margin:0 0 20px 0; font-size:89%; }
	#formWrap .backbtn{ margin:0 0 0 0; display:block; text-align:center; padding:20px 0 0 0; }
	#formWrap .backbtn input{ width:80%; height:39px; font-size:89%; }
	#formWrap table,
	#formWrap table tbody,
	#formWrap table tr{ margin:0 auto; width:100%; display:block; }
	#formWrap table th{ display:block; font-size:75%; padding:0 0px 0 0;}
	#formWrap table td{ display:block; font-size:75%; line-height:1.8; margin:0 0 10px 0;  }
	#formWrap .btnarea{ text-align:center; padding:30px 0 0 0;}
	#formWrap .btnbox{ display:block; margin:0 0 10px 0; }
	#formWrap .btnbox input{ width:80%; height:39px; font-size:89%; }
	#formWrap .btnbox input.back{ background-color:#AAAAAA; }
}





/* 03 - recuit 
----------------------------------------------*/
#contents #recruit{ clear:both; margin:0 auto; }
#contents #recruit h2.h2_ttl img{ width:190px; }
#contents #recruit_body{ clear:both; width:960px; margin:0 auto; position:relative; }

#contents #recruit_body .recruit_table{ padding:0 0 40px 0;}
#contents #recruit_body .recruit_table table{ margin:0 auto; }
#contents #recruit_body .recruit_table table th{ font-size:89%; font-weight:normal; padding:0 30px 0 0; color:#009cdf; text-align:left; }
#contents #recruit_body .recruit_table table td{ font-size:89%; line-height:2.8;  }
#contents #recruit_body .recruit_table table td a{ text-decoration:underline; }
#contents #recruit_body .recruit_table table td a:hover{ text-decoration:none; }
#contents #recruit_body .recruit_table table th.mapttl{ padding:30px 0 12px 0; color:#282828; }
#contents #recruit_body .recruit_table table td #map01{ width:100%; height:360px; }
#contents #recruit_body .recruit_table table td #map02{ width:100%; height:360px; }

#contents #recruit_body .recruit_table table td.txt01{ font-size:112%; line-height:1.8; padding:0 0 30px 0; }

@media screen and (max-width: 767px) {
	#contents #recruit h2.h2_ttl img{ width:33%; }
	#contents #recruit_body{ width:100%; box-sizing:border-box; padding:0 3%; }

	#contents #recruit_body{  width:100%; box-sizing:border-box; padding:0 3%; }
	#contents #recruit_body .recruit_table{ padding:0 0 20px 0;}
	#contents #recruit_body .recruit_table table,
	#contents #recruit_body .recruit_table table tbody,
	#contents #recruit_body .recruit_table table tr{ margin:0 auto; width:100%; display:block; }
	#contents #recruit_body .recruit_table table th{ display:block; font-size:75%; padding:0 0px 0 0;}
	#contents #recruit_body .recruit_table table td{ display:block; font-size:75%; line-height:1.8; margin:0 0 10px 0;  }
	#contents #recruit_body .recruit_table table th.mapttl{ padding:20px 0 7px 0; }
	#contents #recruit_body .recruit_table table td #map01{ width:100%; height:260px; }
	#contents #recruit_body .recruit_table table td #map02{ width:100%; height:260px; }

	#contents #recruit_body .recruit_table table td.txt01{ font-size:100%; line-height:1.4; padding:0 0 10px 0; }
}





/* 03 - Policy 
----------------------------------------------*/
#contents #policy{ clear:both; margin:0 auto; }
#contents #policy h2.h2_ttl img{ width:368px; }
#contents #policy_body{ clear:both; width:960px; margin:0 auto; position:relative; }
#contents #policy_body .txtbox{ width:700px; margin:0 auto; text-align:left !important; }
#contents #policy_body .txtbox p{  text-align:left !important; }

@media screen and (max-width: 767px) {
	#contents #policy h2.h2_ttl img{ width:50%; }
	#contents #policy_body{ width:100%; box-sizing:border-box; padding:0 3%; }

	#contents #policy_body .txtbox{ width:100%; margin:0 auto; }
	#contents #policy_body .txtbox p{  text-align:left !important; }
}