@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
 .pc_t{display:block;color:#f00; }
.tb_t{display:none;color:#f00; }
.sp_t{display:none;color:#f00; }
.sp2_t{display:none;color:#f00; }

body {padding-top: 160px;}
header {height:160px;}

body {
	font-size: 14px;
	color: #333;
	/*font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  word-wrap: break-word;
	line-height: 2.0;
	background: #fff;
}

.inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

header {
	box-sizing: border-box;
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fcfcfc;
}

nav {
	width: 100%;
}
nav:after {
	content: '';
	display: block;
	clear: both;
}

#contents {
	box-sizing: border-box;
	overflow: hidden;
	width: 1000px;
	margin: 30px auto;
}
/*2カラム*/
#main {
	box-sizing: border-box;
	overflow: hidden;
	float: left;
	width: 70%;
	padding: 10px;
	background: #fff;
}
/*2カラム*/
#sub {
	box-sizing: border-box;
	overflow: hidden;
	float: right;
	width: 28%;
	padding: 10px;
	background: #fff;
}

#wide {
	box-sizing: border-box;
	/*padding: 10px;*/
	background: #fff;
}

footer {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

a {
	color: #666;
	text-decoration: underline;
}
a:hover {
	color: #0457a9;
	text-decoration: none;
}

h2 {
	padding: 30px 0;
	font-size: 26px;
	color: #fff;
	text-align: center;
	background: #e0e0e0;
	background-image: url("../images/h2_company.jpg");
	background-size:cover;
	background-position:center top; 
	/*(右距離) (下距離) (ぼかし具合) (影の色)*/
	text-shadow: 1px  1px 2px #333,
            -1px  1px 2px #333,
             1px -1px 2px #333,
            -1px -1px 2px #333;
	letter-spacing: 0.3em;
}

h3 {
	margin: 0;
	padding: 15px 5px;
	color: #111;
	border-top: 5px solid  #0457a9;
	/*letter-spacing: 0.1em;*/
	font-size: 2em;
    line-height: 150%;
}

h5 {
	margin-bottom: 0.25em;
	font-size: 16px;
	color: #111;
	padding: 10px 5px;
	line-height: 1.2em;
	margin-bottom: 1em;
	background: #eee;
     border-radius:5px;
}

h4 {
	position: relative;
	margin-bottom: 0.25em;
	padding: 10px 15px 10px 20px;
	color: #333;
	/*font-size: 16px;*/
	/*font-weight: bold;*/
	background: #eee;
    border-radius:5px;
    line-height: 1.5em;
	box-sizing: border-box;
	margin-bottom: 1em;
	font-size: 1.5em;
}
h4:before {
	content: "";
	/*margin-top: -7px;*/
	position: absolute;
	top: 20%;
	left: 5px;
	width: 5px;
	height: 60%;
	background: #0457a9;
}

h6 {
	margin-bottom: 0.25em;
	color: #382400;
	font-size: 14px;
	font-weight: bold;
}

p {
	margin: 0 0 1em 0;
}

img {
	vertical-align: bottom;
}

em {
	font-weight: bold;
}

strong {
	font-weight: bold;
	color: #ff0000;
}

pre {
	margin: 1em 0;
	padding: 1em;
}

blockquote {
	margin-bottom: 1em;
	padding: 1em;
	border: 1px dotted #ddd;
	border-left: 5px solid #ddd;
}

ul,ol,dl {
	margin: 0 0 1em 0;
}
ul li {
	list-style: disc;
}
ol li {
	list-style: decimal;
}
li {
	margin-left: 2em;
}

dt {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #ddd;
}
dt:before {
	content: "\0025a0";
}
dd {
	margin-bottom: 1em;
}

table {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
	border: 1px solid #ddd;
	background: #fff;
}
th {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #ddd;
	background: #eee;
	min-width :7em;
}
.t_top th {
	border-top: 4px solid #0457a9;
}
td {
	padding: 10px;
	text-align: left;
	border: 1px solid #ddd;
}
.t_top td {
    border-top: #b3b3b3 4px solid;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	background: #fff;
	border-top: 5px solid  #0457a9;
}

header > .inner {
	box-sizing:border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;/* アイテムを中央付近にまとめる 垂直方向の揃え*/ 
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;/* 水平方向の揃え.。最初と最後の子要素を両端に配置し、残りの要素は均等に間隔をあけて配置*/
	padding: 15px 0;
}
h1 img {
	height: 80px;
}
.header_nav {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;/* アイテムを中央付近にまとめる 垂直方向の揃え*/ 

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;/* 水平方向の揃え*/
}

.header_tel {
	line-height: 1.2;
	margin: 0 20px;
	text-align:center;
}
.header_tel i{
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 22px;
}
.header_tel a {
    color:#111;
    text-decoration:none;
}
.header_tel .phonenumber {
	font-size: 24px;
	line-height: 1.0;
}
.header_tel .open {
	font-size: 12px;
}
.header_contact a {
	display: block;
	padding: 7px 20px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	text-decoration: none;
	background: #0457a9;
}
.header_contact i {
	padding: 0 10px 0 0;
}
.header_contact a:hover {
	color: #111;
	background: #F6F6F6;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
 /* 画面サイズ768px以上はこのファイルはスタイルが適用される */
@media print, screen and (min-width:768px) {


/*スマホ用メニューを表示させない*/
.slicknav_menu { display:none;/*PC時は非表示*/}

	nav {
		background: #F0F0F0;
		border-bottom: 1px solid #B1A8A3;
		z-index: 3;
	}

	/* 共通 */
	nav ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	nav ul li {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	nav ul li a {
		display: block;
		margin: 0;
		padding: 24px 0;/*16*/
		background: #F0F0F0;
		border-top: 2px solid  #F0F0F0;
		box-sizing: border-box;
		color: #111;
		font-size: 15px;
		line-height: 1;
		text-decoration: none;
		letter-spacing: 0.2em;
		/*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	}

	nav ul li:hover > a {
		/*color: #fff;*/
		/*background: #363535;*/
	}
	/* 1段目 */
	nav ul.gnav > li {
		position: relative;
		width: 20%;/*6メニュー　17%*/
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		list-style: none;
	}
	nav ul.gnav > li:hover > a {
		border-top: 2px solid  #0457a9;
	}

	nav ul.gnav > li:first-child {
		width: 20%;/*6メニュー　15%*/
	}

	nav ul.gnav > li.subnav a {
		padding-right: 20px;
	}

	nav ul.gnav > li.subnav > a:after {
		position: absolute;
		content: "";
		top: 28px;/*20*/
		width: 0;
		height: 0;
		margin-left: 10px;
		border: 5px solid transparent;
		border-top-color: #111;
	}

	/* 2段目 */
	nav ul li ul {
		position: absolute;
		z-index: 3;
		top: 100%;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	nav ul li ul li {
		overflow: hidden;
		width: 150%;
		height: 0;
		color: #111;
		transition: .2s;
	}

	nav ul li ul li a {
		padding: 13px 15px;
		text-align: left;
		background: #F6F6F6;
		/*font-weight: bold;*/
	}

	nav ul li ul li a:hover {
		background: #ccc;
	}

	nav ul li:hover > ul > li {
		overflow: visible;
		height: 40px;
		/*border-bottom: 1px solid #464545;*/
	}

	nav ul li:hover ul li:last-child {
		border-bottom: none;
	}

	nav ul.gnav > li:last-child > ul {
		left: -50%;
	}

	nav ul li ul li ul:before {
		position: absolute;
		content: "";
		top: 13px;
		left: -20px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left-color: #111;
	}

	nav ul.gnav > li:last-child ul li ul:before {
		position: absolute;
		content: "";
		top: 13px;
		left: 200%;
		margin-left: -20px;
		border: 5px solid transparent;
		border-right-color: #fff;
	}

	/* 3段目 */
	nav ul li ul li ul {
		top: 0;
		left: 100%;
	}

	nav ul li ul li ul li {
		width: 100%;
	}

	nav ul li ul li:hover > ul > li {
		/*border-bottom: 1px solid #464545;*/
	}

	nav ul.gnav > li:last-child > ul li ul {
		left: -100%;
	}

	nav ul li ul li ul li a {
		background:  #F6F6F6;
	}

	nav ul li ul li ul li a:hover {
		background: #ccc;
	}

	.gnav {
		display: block !important;
	}
/*
	#spMenu {
		display: none;
	}
*/
	.fixed {
		position: fixed;
		top: 0;
		left: 0;
	}
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
	font-size: 12px;
	padding: 20px 10px;
	background: #fcfcfc;
}

#topicpath .inner {
	width: 1000px;
	margin: 0 auto;
}

/*================================================
 *  サブコンテンツ（2カラムの場合）
 ================================================*/
.submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.submenu li a:before {
	content: "\0025a0";
	color: #000;
}
.submenu li a {
	display: block;
	padding: 10px 2px;
	color: #000;
	border-bottom: 1px dotted #ddd;
	text-decoration: none;
}
.submenu li a:hover {
	background: #eee;
}

.bnr {
	overflow: hidden;
}
.bnr ul {
	overflow: hidden;
}
.bnr li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
.bnr li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.bnr img {
	width: 100%;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear: both;
	background: #0457a9;
}

.footmenu {
	width: 100%;
	padding: 20px 0;
	overflow: hidden;

}
.footmenu ul {
	/*position: relative;*/
	/*float: left;*/
	/*left: 50%;*/
	margin: 0 auto;
	padding: 0;
	
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;/* 水平方向の揃え*/
	
	align-content: flex-start;
	
	-ms-flex-wrap : wrap;/*for IE10*/
	-webkit-flex-wrap : wrap;/*for old webkit browser*/
	flex-wrap : wrap;
	
	box-sizing: border-box;
	width: 1000px;
	}
.footmenu li {
	/*position: relative;*/
	/*left: -50%;*/
	/*float: left;*/
	list-style: none;
	margin: 0;
	padding: 0 15px;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #ccc;
}
.footmenu li:first-child{
	border-left: none;
}
.footmenu a {
	color: #fff;
	text-decoration: none;
}
.footmenu a:hover {
	color: #aaa;
	text-decoration: none;
}

.copyright {
	/*clear: both;*/
	padding: 5px 0;
	font-size: 11px;
	text-align: center;
	color: #efede9;
	background: #0062B3;
	margin-top: 10px;
}
.footmain {	
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-betwee;
	justify-content: space-between;/* 水平方向の揃え*/
	
	align-content: flex-start;
	
	-ms-flex-wrap : wrap;/*for IE10*/
	-webkit-flex-wrap : wrap;/*for old webkit browser*/
	flex-wrap : wrap;
	
	box-sizing: border-box;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
.footaddr {
	padding-left: 1%;
}
.footaddr p{
	line-height:1.5em;
	color: #fff;
}
.footaddr p span{
	font-size:1.2em;
}
.footbnr {
	width: 250px;
	text-align: right;
}
.isobn img{
	width: 160px;
}
/*facebook*/
.sosyal {
  margin: 10px 0 10px auto;
}
.facebook {
	box-sizing: border-box;
  background-color: #2e4a88;
  box-shadow: 0 4px 0 #1B3D82;
  text-shadow: 0 -1px -1px #1B3D82;
  
  display: inline-block;
  position: relative;
  /*font-family: Arial;*/
  font-size: 16px;
  /*font-weight: bold;*/
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  width: 160px;
}
.facebook i {
	margin-right: 5px;
}
.facebook:hover {
  background-color: #354F84;
}
.facebook:active {
  top: 2px;
	box-shadow: 0 2px 0 #1B3D82;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position: fixed;
	bottom: 15px;
	right: 15px;
}
.totop a {
	display: block;
	text-decoration: none;
}
.totop img {
	background: #666;
}
.totop img:hover {
	background: #555;
}

/*================================================
 *  クラス
 ================================================*/
/*リストマークをチェックマークにしたい場合*/
.list {
	padding: 0 0 0 0.5em;
}
.list li {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url(../images/check.png) 0 5px no-repeat;
}
/*画像1つ*/
.one_img {}

/*2→1*/
.col_two_one {
	overflow: hidden;
}

.col_two_one ul {
	overflow: hidden;
	margin: 2% -2% 0 0;
}
.col_two_one li {
	list-style: none;
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear: both;
}

.col_two_one li img {
	width: 100%;
	margin-bottom: 2.5%;
}
/*4→2*/
.col_four_two {    
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;/* 水平方向の揃え*/
	
	align-content: flex-start;

	-ms-flex-wrap : wrap;/*for IE10*/
	-webkit-flex-wrap : wrap;/*for old webkit browser*/
	flex-wrap : wrap;
}
.col_four_two .f-item {
	width: 24%;
	box-sizing: border-box;
}

.col_four_two .f-item img {
	width: 100%;
	margin-bottom: 2.5%;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.col_four_two .f-item a img:hover {
    opacity: 0.6;
}
/*3→2→1*/
.col_three_one {    
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;/* 水平方向の揃え*/
	
	align-content: flex-start;

	-ms-flex-wrap : wrap;/*for IE10*/
	-webkit-flex-wrap : wrap;/*for old webkit browser*/
	flex-wrap : wrap;
}
.col_three_one::after{
	content:"";
	display: block;
	width: 32%;
}
.col_three_one .year {
	font-size: 0.8em;
	height:2em;
	margin: 0;
}
.col_three_one .f-item {
	width: 32%;
	box-sizing: border-box;
     position: relative;
     padding: 0.5em;
     border: 1px solid #CCC;
     border-radius:5px;
     /*background: linear-gradient(#FFF 0%, #EEE 100%);*/
     /*box-shadow:inset -1px -1px 0 rgba(255,255,255,1);*/
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
    margin-bottom: 2%;
}
.col_three_one .f-item img {
	width: 100%;
	margin-bottom: 2.5%;
}
.col_three_one .f-item a img:hover {
    opacity: 0.6;
}
.col_three_one .img_cover{
  position: relative;
  width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 60%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin: 0 auto;
        }
.col_three_one .f-item img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
max-width: 150%;
max-height: 150%;
        }
.col_three_one h5 { 
	height: 3em;
}
.sekou dt {
	color: #666;
}
/*マージン*/
.mb_7 {
	margin-bottom: 70px;
}
.mb_2 {
	margin-bottom: 20px;
}
.mb_7_s {
	margin-bottom: 0px;
}
.mb_3_s {
	margin-bottom: 0px;
}
/* ボタン */
.btn a {
	position: relative;
	display: inline-block;
	padding: 5px 40px 5px 40px;
	color: #0457a9;
	text-align: center;
	text-decoration: none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	z-index: 1;
	background: #fff;
	border: 1px solid #0457a9;
}
.btn a:hover {
	color: #fff;
	background: #0457a9;
}
/*================================================
 *  スライドショー
 ================================================*/
/* スライドショー */
.slide {
	display: none;
	position: relative;
	overflow: hidden;
	margin: 0;
}

.slidePrev {
	position: absolute;
	cursor: pointer;
	z-index: 2;
}

.slideNext {
	position: absolute;
	cursor: pointer;
	z-index: 2;
}

.slidePrev img {
	position: absolute;
	width: 50px !important;
	height: 60px !important;
}

.slideNext img {
	position: absolute;
	width: 50px !important;
	height: 60px !important;
}

.slideInner {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0;
}
.slideInner li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.slideInner li img {
	margin: 0 5px;
	padding: 0;
}

.filterPrev {
	position: absolute;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #fff;
}

.filterNext {
	position: absolute;
	right: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #fff;
}

.controlNav {
	position: relative;
	float: left;
	left: 50%;
}
.controlNav span {
	position: relative;
	left: -50%;
	float: left;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: #ccc;
	text-indent: -9999px;
	vertical-align: middle;
}
.controlNav span:hover {
	background: #999;
	cursor: pointer;
}
.controlNav span.current {
	background: #3ebf96;
}
/*================================================
 * トップページ
 ================================================*/
#toptext {
	text-align:center;
	padding: 20px 0;
}
#toptext .mintyo{
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 2em;
}
#toptext .text_min{
	width: 57%;
	margin: auto;
}
/*500px 70px 430px*/
.col_two_bl {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;/* 水平方向の揃え*/
	
	-ms-flex-wrap : wrap;/*for IE10*/
	-webkit-flex-wrap : wrap;/*for old webkit browser*/
	flex-wrap : wrap;

	width: 100%;

	box-sizing: border-box;
}
.flex-left {
	width: 50%;
	/*background: #999;*/
	box-sizing: border-box;
}
.flex-right {
	padding-left: 70px;
	width: 50%;
	/*background: #ccc;*/
	box-sizing: border-box;
}
.flex-left img, .flex-right img {
	width: 100%;
	margin-bottom: 2.5%;
}

iframe#parentframe { 
  width: 100%;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom:93.02%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/*================================================
 * 会社概要
 ================================================*/
.c_name {
	text-align: right;
	font-size: 1.2em;
}
.com_iso {
	display: none;
}
/*================================================
お問い合わせ枠
 ================================================*/
#wide .contact h5 {
	width: 90%;
	margin: 20px auto;
}
#wide .contact {
	text-align: center;
	background-color: #F9F9F9;
	margin-bottom: 50px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-bottom: 10px;
}
.contact  #contact_bold {
	font-size: 20px;
	line-height: 20px;
	color: #111;
	margin-bottom: 20px;
	position: relative;
	display: block;
	font-weight: normal;
	background-color: #F6F6F6;
	padding-top: 20px;
	padding-bottom: 15px;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	border-bottom: 2px solid #0457a9;
}
.contact .tel a {
	font-size: 20px;
	color: #111;
	text-decoration: none;
}
.contact .tel a i {
	padding-right: 10px;
}

.btn_contact a {
	display: block;
	padding-top: 15px;
	padding-bottom: 13px;
	background-color: #0457a9;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 20px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	width: 90%;
	margin: 20px auto;
	border: 1px solid #FFF;
}
.btn_contact a:hover {
	background-color: #FFF;
	color: #0457a9;
	border: 1px solid #0457a9;
}
.btn_contact a i {
	padding-right: 10px;
}
/*================================================
プライバシーポリシー
 ================================================*/
.li_text li {
	list-style-type:none;
}
.p_name {
	text-align: right;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
/*　画面サイズが979pxまでこのファイルのスタイルが適用される。*/
@media screen and (max-width:1020px) {

.pc_t{display:none;color:#f00; }
.tb_t{display:block;color:#f00; }
.sp_t{display:none;color:#f00; }
.sp2_t{display:none;color:#f00; }

body {padding-top: 150px;}
header {height:150px;}
h1 img {height: 65px;}
	header > .inner {
		padding: 10px 10px;
	}

	.inner {
		width: 100%;
	}

	#contents {
		width:100%;
		margin: 10px 0;
		/*padding: 0 10px;*/
	}

	#wide {
		width:100%;
		margin: 10px 0;
		padding: 10px 15px;/*padding:10px;*/
	}

	#topicpath .inner {
		width: 100%;
	}
.footmenu ul {
		width: 100%;
	}
	footer {
		width: 100%;
	}
	.footmain {
		width:100%;
	}	
	.footbnr{
		margin-right: 1%;
	}
	#toptext .text_min{
		width: 100%;
	}

/*3→2→1*/
	.col_three_one .f-item {
	width: 49%;
	}
.col_three_one::after{
	width: 49%;
}	
	.col_three_one h5 { 
		height: 2em;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
 /*　画面サイズが767pxまでこのファイルのスタイルが適用される。*/
@media screen and (max-width:767px) {

.pc_t{display:none;color:#f00; }
.tb_t{display:none;color:#f00; }
.sp_t{display:block;color:#f00; }
.sp2_t{display:none;color:#f00; }


body {padding-top:55px;}
/*.slicknav_menu {height:80px;}*/
h3 {font-size: 1.5em;}
h4 {font-size: 16px;}

	.lock {
		overflow: hidden;
	}

	header {display: none;}/*スマホはjqueryで書き出している*/

/*スマホ用メニューadd*/
.slicknav_menu {
 	display:block;/*モバイル時は表示*/
	overflow: hidden;/*リストデザイン追加*/
	position: fixed;z-index: 50;
	top: 0px;
	width: 100%;
	background: rgba(255,255,255,0.8);

}
/*PC用メニューを非表示にする*/
.gnav {display: none;}
/*slicknav_menuで追加*/
.slicknav_menu h1 {
  float: left;
  margin-top: 5px;
  /*padding: 10px 0 10px 20px;*/
  line-height: 1;
}

.slicknav_menu h1 a {
  text-decoration: none;
  color: #fff;
  font-size: 24px;
}

.slicknav_menu h1 a {
  /*display: block;*/
}
.slicknav_menu h1 img {
	height: 30px;
}

.header_nav_s {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;/*子要素を横並び*/

	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;/* アイテムを中央付近にまとめる 垂直方向の揃え*/ 

	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;/* 水平方向の揃え*/
	
	right: 50px;
	position: absolute;
}
.header_tel_s,.header_contact_s {
		margin: 5px 0 0 0;
		padding: 0px 15px;
		border-left: 1px solid #ccc;
}

.header_tel_s a,.header_contact_s a {
		font-size: 16px;
	border: none;
	background: none;
	color: #111;
	}
.header_tel_s a:hover,.header_contact_s a:hover {
	color: #999;
	border:none;
	background: none;
}
.footaddr {
	width: 100%;
	padding-left: 0;
	text-align: center;
}
.footaddr p span{
	font-size: 1em;
}
.footbnr {
	width: 100%;
	margin-right: 0;
	text-align:center;
}
.isobn img{	
	width: initial; /* 初期状態にリセット */
}
/*facebook*/
.sosyal { margin: 10px auto;}
.facebook {  width: 230px;}
/*================================================
 * トップページ
 ================================================*/
#toptext .mintyo{
	font-size: 1.5em;
}

#toptext .text_min{
	text-align:left;
}
	#main {
		float: none;
		width: 100%;
	}

	#sub {
		float: none;
		width: 100%;
	}

	.slide {
		margin: 0;
	}
/*画像1つ*/
.one_img {text-align:center;}
.one_img img{width: 90%;}

	.col_two_one ul {
		margin-right: 0;
	}
	.col_two_one li {
		width: 100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear: both;
	}

/*3→2→1*/
	.col_three_one .f-item {
		width: 100%;
	}
	.col_three_one::after{
	content:none;
}
	
	.col_three_one h5 { 
		height: initial;
	}
	
	
	.col_two_bl .flex-left {
 		width: 100%;
	}
	.col_two_bl .order {
 		padding-right: 0px;
		order: 2;
	}
	.col_two_bl .flex-right {
 		width: 100%;
 		padding:0px;
	}
/*.plink {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}*/
/*マージン*/
.mb_7_s {margin-bottom: 70px;}
.mb_3_s {margin-bottom: 30px;}
 
}
/*================================================
 *  スマートフォン向けデザイン2
 ================================================*/

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

.pc_t{display:none;color:#f00; }
.tb_t{display:none;color:#f00; }
.sp_t{display:none;color:#f00; }
.sp2_t{display:block;color:#f00; }


	/*4→2*/
.col_four_two .f-item {
	width: 49%;
}
}