@charset utf-8;

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	font-size:90%;
	line-height: 1.6;
	letter-spacing:0.03em;
	-webkit-text-size-adjust:none;
	color:#333333;
	/*background-color:#fff8ed;*/
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}

.clear {clear:both;}

/*
ul {
	margin:0 auto;
	overflow:hidden;
	list-style:none;
}
*/
ol,ul {list-style:none;}
img {
	border:none;
	vertical-align:top;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

table th,
table td {
	text-align:left;
	vertical-align:top;
}


main{
/*padding-top:45px;
margin-bottom:30px;*/
width:96%;
margin:0 2% 30px 2%;
}

p{
margin:0 3px;
line-height:150%;
}

h1,h2,h3,h4,h5{
font-weight:normal;
}

/* link
----------------------------------------------------------*/
a{outline:none;}
a:link,
a:visited {
	color:#333;
	/*text-decoration:underline;*/
}
a:hover {
	color:#525131;
	text-decoration:underline;
}

/*__ pagetop __*/
#pagetop { position: fixed; bottom:1%; right: 1%;}


/*　汎用
------------------------------------------------------------------*/
.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs100 {font-size:100%;}
.fs110 {font-size:110%;}
.fs120 {font-size:120%;}
.fs140 {font-size:140%;}

.bold{ font-weight:bold;}

.bdr_gry_btm{border-bottom:1px solid #ddd; padding-bottom:3px;}
.bdr_gry{border:1px solid #ddd; padding:3px;}
.bg_gry{background-color:#f2f5f7; padding:5px 0;}

.mg5{margin:5px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}

.ml05{margin-left:5px;}
.mr05{margin-right:5px;}

.pd05 {padding-top:5px; padding-bottom:5px;}
.pd07 {padding-left:7px; padding-right:7px;}
.pd1per {padding-left:1%; padding-right:1%;}


.left {float:left;}
.right {float:right;}

.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.ln {line-height:normal;}



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

.img98{
display:block;
}

.img98 img{
	width:98%;
	height:auto;

}

.img90 img{
	width:90%;
	height:auto;
}

.img70 img, img.img70{
	width:70%;
	height:auto;

}
.img60 img, img.img60{
	width:60%;
	height:auto;

}

.img50 img, img.img50{
	width:50%;
	height:auto;

}

.img47 img{
	width:47%;
	height:auto;
}

.img45 img{
	width:45%;
	height:auto;
}


.img40 img{
	width:40%;
	height:auto;
}

.img30 img{
	width:30%;
	height:auto;
}

.img30_squ img{
	width:30%;
	height:30%;

}

.img20 img{
	width:20%;
	height:auto;
}

.img10 img{
	width:10%;
	height:auto;
}

img.img10{
	width:10%;
	height:auto;
}

.img100_waku img{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
}

.w15per{
width:15%;
}

.w20per{
width:20%;
}

.w25per{
width:25%;
}

.w30per{
width:30%;
}

.w40per{
width:40%;
}
.w48per{
width:48%;
}


.w50per{
width:50%;
}
.w60per{
width:60%;
}

.w70per{
width:70%;
}

.w80per{
width:80%;
}

.w90per{
width:90%;
}

.w98per{
width:98%;
margin:0 1%;
box-sizing:border-box;
}

.mRLa{
display:block;
margin-left:auto;
margin-right:auto;}


/*　カラー
------------------------------------------------------------------*/
.red {color:#cc0000;}
.green{color:#006633;}
.brown{color:#290e05;}
.orange {color:#ff8a00;}
.pink{color:#e6727e;}
.blue{color:#5a9ec8;}
.black{color:#000;}


/*　headder
------------------------------------------------------------------*/
h1{
box-sizing:border-box;
}

header {
width:100%;
height:auto;
padding:0 0 3px 0;
margin:0;
box-sizing: border-box;
}

.logo{
width:80%;
height:auto;
display:block;
margin:0px auto;
padding:3px 0;
box-sizing:border-box;
}

.header_tel{
width:80%;
height:auto;
margin:0px auto;
padding:3px 0 10px 0;
display:block;
}

.head_menu{
width:100%;
margin:0;
background:#ffffff;
display:block;
	}

.head_menu img{
width:32%;
float:left;
height:auto;
	margin:0px 1% 0 0;
	}


/*__ h2 _______________________________________*/

.con_h2_wrap{
width:100%;
text-align:center;
margin:0 0 30px 0;
}

.con_h2_wrap h2{
color:#074c9a;
font-size:140%;
text-align:center;
box-sizing:border-box;
margin:0 auto;
padding:10px 0;
letter-spacing:0.1em;
text-shadow: #fff 0 0 6px;
background-color: rgba(255,255,255,0.5);
background-size:contain;
}

.con_h2_wrap h2 span{
display:inline-block;
font-size:10px;
font-weight:normal;
letter-spacing: 0.4em;
margin:2px 0 0 10px;
color:#333;
text-shadow:none;
}

/*__ title ______________________*/

.title01{
font-family:mincho-fnt;
font-size:120%;
color:#333;
line-height:140%;
letter-spacing: 0.1em;
font-weight:normal;
padding:0;
margin:30px 0 20px 0;
box-sizing: border-box;
text-align:center;
}

.title01 span{
font-size:100%;
}

.title02{
color:#533812;
font-size:140%;
letter-spacing:0.2em;
font-weight:normal;
font-family:mincho-fnt;
margin:30px 0 10px 0;
padding:10px 10px 0px 20px;
box-sizing: border-box;

}

.title02_01{
background:url(../images/title02_01_bg.png) no-repeat 5px center;
background-size:contain;
}

.title02_02{
background:url(../images/title02_02_bg.png) no-repeat 5px center;
background-size:contain;
}

.title02 span{
font-size:80%;
letter-spacing:0.01em;
color:#9d7e3c;
}


.title03{
font-size:100%;
color:#333;
font-weight:normal;
border-bottom:3px dotted #d7c8b2;
margin:30px 0 10px 0;
padding:0 0 3px 6px;
}




/* 01-index
----------------------------------------------------------*/
.top_main_wrap{
width:100%;
height:auto;
background:url(../images/top_body_bg.jpg) no-repeat center 0;
background-size:cover;
margin:0;
padding:0;
}

.top_main_wrap img{
width:100%;
height:auto;
margin:0;
padding:0;
}

.top_t1{
text-align:center;
margin:0 0 0 0;
padding:15px 0 10px 0;
}

.top_t1 img{
width:90%;
height:auto;
box-sizing:border-box;
margin:0px auto;
padding:0px 0;
}

a.btn_1,a.btn_1:active,a.btn_1:visited{
background:#e58513;
color:#fff;
padding:10px;
box-sizing:border-box;
display:inline-block;
margin:10px auto;
text-decoration:none;
line-height:120%;
}

a.btn_1 span{
font-size:70%;
}

.btn_1:hover{
background:#e9ae67;
text-decoration:underline;
}

.top_t2{
background:#13b1e5;
padding:10px 0;
margin:10px 0;
box-sizing:border-box;
text-align:center;
}

.top_t2 img{
width:50%;
height:auto;
margin:0px auto;
}

.top_t3{
background:url(../images/top_t3_wrap.png) no-repeat;
margin:10px 0;
padding:15px 0;
box-sizing:border-box;
text-align:center;
}

.top_t3 img{
width:80%;
height:auto;
margin:0px auto;

}
table.comp_gaiyo{
width:98%;
border-collapse:collapse;
/*border:1px solid #388a2b;*/
margin:20px 1% 10px 1%;
background:#fff;
box-sizing:border-box;
background-color: rgba(255,255,255,0.6);
}

table.comp_gaiyo th{
color:#000000;
background:#c6e8ff;
/*border-bottom:1px solid #65471b;*/
padding:5px;
font-weight:normal;
vertical-align:middle;
}

table.comp_gaiyo td{
color:#333;
border-bottom:1px dotted #65471b;
padding:10px 0 10px 20px;
}

table.comp_gaiyo td dt{
font-weight:bold;
margin:10px 0 3px 0;
padding:0;
}



/*___buttn___________________________________________________*/

a.btn{
padding:8px 30px;
text-align:center;
color:#ffffff;
text-decoration:none;
background:#138fe5;
letter-spacing:0.05em;
display:inline-block;
box-sizing:border-box;
}

a.btn:hover{
text-decoration:underline;
background:#60ade2;
color:#ffffff;
}

a.btn i{
display:inline-block;
margin-left:10px;
}

a.btn2{
padding:8px 30px;
text-align:center;
color:#fff;
text-decoration:none;
background:#5a8b50;
 border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px
letter-spacing:0.05em;
display:inline-block;
box-sizing:border-box;
}

a.btn2:hover{
text-decoration:underline;
background:#b4ca97;
color:#333;
}


/*__ business __________________________________________________*/

.h4biz {
	font-size:110%;
	line-height:150%;
	color: #333333;
	text-align: left;
	margin: 20px 0px 0px;
	padding: 5px;
}


.h3midashi {
	font-size:120%;
	line-height: 140%;
	color: #333333;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin: 20px 0px 0px;
	padding:0 0 3px 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #13b1e5;
}

.biz_bg {
	background:url(../images/biz_bg.jpg) no-repeat center center;
	background-size:cover;
	width:100%
	margin:0px 0 20px 0;
	padding:10px;
}

.h4midashi {
	font-size:120%;
	line-height: 120%;
	color: #333333;
	text-align: left;
	padding: 5px 5px 2px 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.h3midashi_sp {

	font-size:120%;
	line-height: 120%;
	color: #333333;
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin:20px 0px 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #13b1e5;
}


/*__ recruit ____________________________________________________*/

.flow{
	width: 100%;
	margin-top: 20px;

background:url(../images/);
}

.flow_ctr{
	width:32%;
	margin:10px 5px 0 0;
	float: left;
	box-sizing:border-box;
}
.flow_ctr img{
width:80%;
height:auto;
}

.flow_rh {
	float: right;
	width:66%;
margin:10px 0 0 0;
padding:0 5px 10px 0;
	text-align: left;
box-sizing:border-box;
}

.flow_rh img{
width:80%;
height:auto;
margin:0 auto;
}

.h3f_01 {
	font-size: 110%;
	line-height: 120%;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 5px 10px 2px 5px;
	background-color: #13B1E5;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
.tbl-rec {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;


}
.tbl-rec th {
	font-size: 110%;
	line-height: 160%;
	color: #333333;
	background-color: #f0f0f0;
	text-align: center;
	padding:5px 0;
	white-space: nowrap;
text-align:center;

}
.tbl-rec td {
	line-height: 160%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding:4px;
	border: 1px solid #CCCCCC;

}
.tbl-rec ol {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
.tbl-rec li {
	line-height: 140%;
	color: #333333;
	text-align: left;
	list-style-type: decimal;
	margin: 0px;
	padding: 5px 5px 5px 0px;
}

.rec_lf {
	margin-top: 10px;
	margin-left: 0px;
	border: 1px solid #13b1e5;

}
.rec_rh {

	margin-top: 10px;
	margin-right: 0px;
	border: 1px solid #13b1e5;

}
.h4tel {
	font-size: 120%;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 5px;
}
.h4tel2 {
	font-size: 120%;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
.h4mail {
	font-size: 100%;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 5px;
}
.h3rec_con {
	font-size: 120%;
	line-height: 120%;
	color: #FFFFFF;
	background-color: #13b1e5;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
.con_lf {

	margin-top: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 2px dotted #CCCCCC;
	background-color: #E1F7FD;


}
.con_rh {
	margin-top: 10px;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 2px dotted #CCCCCC;
	background-color: #E1F7FD;

}
.mr6or {
	margin-right: 6px;
	color: #e58513;

}



/*__ blog ____________________________________________*/
.blog_day{
background:#13b1e5;
display:inline-block;
padding:5px;
color:#fff;
}

.b_photo1{
width:70%;
margin:10px auto;
padding-bottom: 50%; /*これが縦横比*/
height: 0;
overflow: hidden;
border:1px solid #ccc;
position:relative;
box-sizing:border-box;
}

.b_photo1 img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}

.b_read{
margin:10px 4px;
line-height:180%;
}

.b_photo2_wrap{
width:45%;
}

.b_photo2{
position:relative;
width:100%;
margin:10px auto 5px auto;
padding-bottom: 70%; /*これが縦横比*/
height: 0;
overflow: hidden;
border:1px solid #ccc;
box-sizing:border-box;
}

.b_photo2 img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}

div.b_read2{
font-size:90%;
margin:0px 0 10px 5px;
width:100%;
display:block;
}


/*  paging  */
/* paging */
div.paging {
  margin-top: 50px;
}
div.paging span .current,
div.paging span:not(.current)
{
  margin: 0px 2px;
  color: #333;
  border: 1px solid #ccc;
  zoom: 1;
  display: inline-block;
  overflow: hidden;
  text-decoration: none;
}
div.paging span:not(.current) {
  padding: 3px 8px;
  display: inline-block;
}
div.paging span.current {
  background: #13b1e5;
  border: 1px solid #636;
  color: #fff;
  zoom: 1;
  padding: 3px 8px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
div.paging span .paging-text:hover {
  background: #CCC;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
/*
div.paging span.current,
div.paging span.paging-text{margin:0px 2px;color:#333;border:1px solid #ccc;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
div.paging span.paging-text a{padding:3px; display:block;}
div.paging span.current{background: #13b1e5;border:1px solid #ccc;color:#fff;display:inline;zoom:1;padding:3px;text-decoration:none;display:inline-block; cursor:pointer;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
div.paging span.paging-text a:hover{background: #CCC;color: #fff;text-decoration:none;cursor:pointer;}
*/

/*  //paging  */
.cal {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.cate {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.entory {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.archive {
	border: 1px solid #CCCCCC;
	padding: 2px 2px 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.sarch {
	border: 1px solid #CCCCCC;
	padding: 10px 2px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.h2blog {
	font-size: 90%;
	line-height: 120%;
	color: #fff;
	margin: 0px;
	padding: 5px;
	background:#13b1e5;
}

.EzCalendar{
    width:100%;
    margin:5px auto;
    text-align:center;
    border-collapse:collapse;
    padding:1px;
font-size:70%;
}

.EzCalendar th{ font-weight:normal;padding:1px;}
.EzCalendar td{ border:1px solid #ddd;padding:1px;}

/*__ contact ____________________________________________*/
.con_lf {
	width: 98%;
	margin:10px auto;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 2px dotted #CCCCCC;
	background-color: #E1F7FD;


}
.con_rh {
	width: 98%;
	margin:10px auto;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 2px dotted #CCCCCC;
	background-color: #E1F7FD;


}

.h4mail {
	font-size:120%;
	line-height: 140%;
	color: #333333;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 5px;
	font-weight:bold;
}


* form
-----------------------------------------*/

input, select {
	vertical-align:middle;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
}

.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}
.form100{width:99%;}
.form-h{height:80px;}

input[type="checkbox"],input[type="radio"]{vertical-align:middle;}

input[type="text"],select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c;}

input {
	padding-top: 5px;
	padding-bottom: 5px;
}
textarea {
	width: 100%;
}
.needinput{background-color:#fee;border:1px solid #ccc}

.form70 {
	width: 100%;
}

.form80 {
	width: 100%;
}

.form60 {
	width: 100%;
}
.tbl-con {
	margin:10px 0 20px 0;
	width:100%;
}
.tbl-con th {
	font-size: 90%;
	line-height: 150%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 240px;
	background-color: #DCF2FA;
	vertical-align: top;
	border: 1px solid #13b1e5;
}
.tbl-con td {
	font-size: 90%;
	line-height: 150%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	background-color: #FFFFFF;
}

.his {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FF0033;
	font-weight: normal;
	padding: 1px;
	border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}

.std  {
	width:98%;
	margin:10px auto;
}

.std ol {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
	list-style-type: decimal;
}

.std ul {
	padding: 0px;
	margin: 0px 10px 0 12px;
	list-style-type: none;
}

.std li {
	font-size: 90%;
	line-height: 160%;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	list-style-type: disc;

}


/* footer
----------------------------------------------------------*/
#foot_menu li{
	border-collapse:collapse;
	border-bottom:1px solid #3399cc;
	display:block;
	background:#70dafd;
	background-repeat: repeat;
	color: #FFFFFF;
}

#foot_menu li a:link,
#foot_menu li a:visited,
#foot_menu li a:active{
	display:block;
	text-decoration:none;
	padding:15px 30px 15px 10px;
	font-weight:bold;
	background:url(../images/icon_yaji2.png) no-repeat 99% center;
	color: #FFFFFF;
}

#foot_menu li a:hover,
#foot_menu li.navi-on a{
	background-color:#074c9a;
	color: #ffffff;
}

#foot_menu li i{
margin-right:5px;
}

#foot_menu .navi-on a{
	background-color:#ffffff;

}




.footer{
width:100%;
background:#13b1e5;
padding:5px;
box-sizing:border-box;
margin:20px 0 0 0;
font-size:80%;
color:#fff;
}

.footer a,.footer a:hover{
text-decoration:none;
}

.copyright{
padding:15px 0;
text-align:center;
font-size:11px;
}

.movie_area {
    max-width: 100%;
    width: 1000px;
    margin: 20px auto 0px;
}

.company_area {
	text-align: center;
}

.company_area img {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 20px;
}