@charset "utf-8";
/* CSS Document */


/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/



/*--====== パンくずリスト ======--*/
#pan_box{
	width:100%;
	height:50px;
	background:url(../img/common_bg02.png);
	border-bottom:1px solid #d4d4d4;
}


#pan_list{
	width:980px;
	height:50px;
	color:#FFF;
	margin:0 auto;
}

/* リスト */
ol.topic-path {
list-style-type: none; /* リストマーク非表示 */
line-height:51px;
font-size:108%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
display: inline; /* 項目を横並び */
}

ol.topic-path li.first{
	padding-left:30px;
}


ol.topic-path li.second{
	padding-left:10px;
}


ol.topic-path li.first {
	background-image:url(../img/top_pan.png) ;
	background-position:2% 50%; /*リストマーク左5％　上から５０％*/
	background-repeat:no-repeat;
}

/* リンクエリア */
ol.topic-path li a {
padding-right: 30px; /* 右パディング */
background: url(../img/side_btn.png) no-repeat right ; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color:#FFF;
text-decoration:underline;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover{
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
}


/*--====== ここまでパンくずリスト ======--*/


#main_visual_sub{
	width:100%;
	height:250px;
}
.lattice_center1 {
  background-size: 32px 32px;
  background-position: 50% 50%;
  background-image:
  repeating-linear-gradient(
    90deg,
    #fff ,
    #fff 1px,
    transparent 1px,
    transparent 32px
  ),
  repeating-linear-gradient(
    0deg,
    #fff ,
    #fff 1px,
    #38b6ff 1px,
    #38b6ff 32px
  );
}
.company_title{
	width:1050px;
	height:auto;
	margin:0 auto;
	padding-top:20px;
}

h2.sub_title{
	font-size: 3em;
	color: #fff100;
	letter-spacing:5px;
	padding-top:35px;
	text-align:center;
	text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.title_s{
	font-size:153.9%  !important;
	color:#333;
}



/*contents
================================================== */
#contents{
	width: 100%;
	height: 500px;
	background-color: #fff;
}

.photo{
	width:760px;
	margin:40px auto 30px;
}
.text{
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	line-height:1.8;
	font-size:108%;
	padding:0 0 30px;
}
.btn a{
	display:block;
	width:260px;
	margin:0 auto 40px;
	background:#03787c;
	color:#fff;
	border-radius:10px;
	text-align:center;
	padding:10px 0;
	font-size:120%;
	font-weight:bold;
}
.btn a:hover{
	opacity:0.8;
}
.tel{
	text-align:center;
}

.contents{
	width:100%;
	background:#38b6ff;
	margin:40px 0 0;
	padding:30px 0;
}
.box{
	width:960px;
	margin:0 auto;
	display: flex;
    justify-content: space-between;
	padding:30px 0 30px;
}
.o_text{
  position: relative;
  padding: 0.6em;
  background: #090;
  margin-bottom:30px;
  color:#fff;
  font-weight:bold;
  font-size:131%;
}

.o_text:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #090;
  width: 0;
  height: 0;
}
.o_text_02{
  position: relative;
  padding: 0.6em;
  background: #F60;
  margin-bottom:30px;
  color:#fff;
  font-weight:bold;
  font-size:131%;
}

.o_text_02:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #F60;
  width: 0;
  height: 0;
}

.box_in{
	width:47%;
}
.box_in table{
	width:100%;
}
.box_in td{
	color:#fff;
	font-size:116%;
	letter-spacing:1px;
	border-bottom: 1px dotted #fff;
	padding:10px 0;
	font-weight:bold;
	text-align:left;
}
.ta_photo{
	text-align:center;
	padding-top:20px;
}



.contents_02{
	width:100%;
	margin:0 auto;
	border-top:3px solid #0b3574;
	border-bottom:3px solid #0b3574;
	padding:40px 0;
	background:#fafafa;
}
.contents_in{
	width:970px;
	margin:0 auto;
}
.sub{
	color:#0b3574;
	font-weight:bold;
	font-size:160%;
	letter-spacing:1px;
	padding-bottom:10px;
}
.text_02{
	color:#0b3574;
	line-height:1.8;
	letter-spacing:1px;
	font-size:108%;
}
.text_02 span{
	font-weight:bold;
}
.list{
	margin:20px 0 0;
}
.list li{
	color:#333;
	line-height:1.8;
	letter-spacing:1px;
	text-indent:-1.5em;
    padding-left:1.5em;
	font-size:108%;
}


.contents_03{
	padding:40px 0 80px;
}