@charset "UTF-8";
/*全体の設定
---------------------------------------------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width:100%;
  font-size: 13px; /*基準となるフォントサイズ。下の方にある「画面幅900px以上」で基準を大きなサイズに再設定しています。*/
}

body {
  /*font-family: 	;*/ /*フォント種類*/
  background: #fff; /*背景色*/
  color: #000; /*全体の文字色*/
  line-height: 2; /*行間*/
  overflow-x: hidden;
}

.none-smp{
	display: none;
}

/*リンクテキスト全般の設定
---------------------------------------------------------------------------*/
a {
  color: #57524b; /*文字色*/
  transition: 0.3s;
}

a:hover {
    opacity: 0.8; /*マウスオン時に80%の透明度にする*/
}

/*header（ロゴなどが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
.contact-tel img{
	width: 100%;
	position: fixed;
	bottom:0px;
	z-index:500;
	background-color: #fff;

}
header {
    display: flex; /*flexボックスを使う指定*/
    align-items: center; /*垂直揃えの指定。上下中央に配置されるように。*/
    background-color:#D2D0D0; /*背景色*/
    color: #000; /*文字色*/
    position: fixed;
    z-index: 500;
    height: 120px;
    width: 100%;
    top: 0px;
}
#header #logo {
	width:360px;
	position: fixed;
	top:10px;
	left:10px;
}
#nav ul {
    display: flex;
    position: fixed;
    top: 85px;
    width: 100%;
    height: 50px;
}
.nav-1 a{
    font-size: 1.0em;
    line-height: 1.9em;
    width: 140px;
    height: 25px;
    background-color: #EEEEEE;
    float: left;
    margin-left: 8px;
    text-align: center;
    border: 1px solid #1E4887;
    color: #1E4887;
    display: block;
	text-decoration: none;	
}
.nav-1 a:hover{
	color:#fff;
	background-color: #1E4887;
}
.nav-2 a img{
    display: none;
}

#navfoot ul {
    display: none;
}










#mainview-sub {
	margin-top: 70px;
  	width: 100%;
  	height: 370px;
  	position: relative; /*相対配置*/
}
.mainview-im-sub {
    margin-top: 0;
    margin-right: 10%;
    margin-bottom: 0;
    width: 100%;
    height: 370px;
}
#mainview-sub h3 {
    font-size: 1.5em;
    line-height: 1.2em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 100px;
    left: 4%;
    text-shadow: 1px 1px 1px #191717;
}
#mainview-sub h4 {
    font-size: 1.2em;
    line-height: 1.5em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 137px;
    left: 5%;
    text-shadow: 1px 1px 1px #191717;
    border-top: 1px solid #FFFFFF;
    width: 700px;
}
#mainview-sub h5 {
    font-size: 1.0em;
    line-height: 1.5em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 280px;
    left: 5%;
    text-shadow: 1px 1px 1px #191717;

}



/*
#mainview img {
  margin: 0 10% 0 10%;
  width: 1400px;
  height: 700px;
}
*/
#mainview {
    margin-top: 70px;
    width: 100%;
    height: 473px;
    position: relative; /*相対配置*/
    overflow-x: hidden;
    overflow-y: hidden;
}
.mainview-im {
    margin-top: 0;
    margin-bottom: 0;
    width: 678px;
    height: auto;
}
#mainview h3 {
    font-size: 2.5em;
    line-height: 1.2em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 112px;
    left: 5%;
    text-shadow: 1px 1px 1px #191717;
}
#mainview h4 {
    font-size: 2em;
    line-height: 1.2em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 155px;
    left: 4%;
    text-shadow: 1px 1px 1px #191717;
    border-top: 1px solid #FFFFFF;
    width: auto;
}
#mainview #ninsyou_container {
    position: absolute;
    color: #817070;
    top: 21%;
    width: 198px;
    right: 12%;
    display: none;
}
#mainview .view-txt{
    font-size: 1.1em;
    line-height: 2.1em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 218px;
    height: 30px;
    left: 4%;
    background-color: #D6810E;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 80px;
}



/*==================================================
スライダーのためのcss
===================================*/
#slider-area{
    z-index: 100;
    position: absolute;
    top: 322px;
    height: 180px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.slider li {
    width:600px;
    height:auto;
	margin-right: 40px;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}




#hinsitsu {
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    margin-bottom: 85px;
}
#hinsitsu p {
    font-size: 1.3em;
    margin-right: 5%;
    margin-left: 5%;
}
#hinsitsu #blue {
    color: #1241A1;
    font-size: 1.8em;
	line-height: 1.5em;
}

#jisseki {
    width: 100%;
    height: 458px;
    margin: 0 auto 0 auto;
    position: relative;
}
#jisseki #hassui {
    position: absolute;
    top: -30px;
    left: -30px;
    width: 410px;
    height: auto;
}
#jisseki #bg {
    width: 100%;
    height: auto;
    margin-top: 178px;
    margin-left: 24px;
}



#jisseki .ji-list{
    position: absolute;
    top: 305px;
    width: 90%;
    height: 80px;
}
#jisseki .ji-list li{
    font-size: 1.2em;
	line-height: 1.1em;
    color: #fff;
    width: 110px;
    height: 20px;
    text-align: center;
    float: left;
    margin: 0 5px 10px 5px;
    border: 1px solid #FFFFFF;
	background-color:#5E5D5D; 
	
}



.t-y1{
    position: absolute;
    z-index: 100;
    top: 54px;
    width: 100%;
    height: 54px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: -10px;
    padding-left: 70px;
    padding-top: 0px;
    background-image: url(../img/y-line.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.8em;
    color: #000;
    z-index: 150;
    line-height: 2em;
    text-align: justify;
}

.t-y2{
    position: absolute;
    z-index: 100;
    top: 159px;
    width: 95%;
    height: 54px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: -20px;
    padding-left: 67px;
    padding-top: 0px;
    background-image: url(../img/y-line.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 1.8em;
    color: #000;
    z-index: 150;
}
.t-y3{
    color: #000;
    position: absolute;
    z-index: 100;
    top: 440px;
    font-size: 1.2em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5em;
    left: 18px;
}


/*serviceブロック
---------------------------------------------------------------------------*/
#service{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
    width: 100%;
    height: auto;
    display: block;
}
#service h2{
	color:#F46B07;
	font-size:2.2em;
	text-align: center;
	margin: 90px auto 30px auto;
	letter-spacing: 0.2em;
	
}
#service #list_service_b {
    background-color: #C7D8FA;
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin-bottom: 2px;
    margin-left: 0px;
}
#service #list_service_y {
  	background-color: #EDCE7B;
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin-bottom: 2px;
	margin-left: 0px;
}
#service #list_service_g {
  	background-color: #A9B0BE;
	position: relative;
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin-bottom: 2px;
	margin-left: 0px;
}
#service #list_service_b img , #service #list_service_g img{
    width: 600px;
    margin: 0px;
    display: block;
    overflow: hidden;
	position: absolute;
	top:0px;
	left:0px;
}
#service #list_service_y img{
    width: 600px;
    margin: 0px;
    display: block;
    overflow: hidden;
	position: absolute;
	top:0px;
	right:0px;
}
#service #list_service_b h4 , #service #list_service_g h4 {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding-top: 0px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 4px;
    font-size: 2.0em;
    color: #fff;
    border: 1px solid #FFFFFF;
    text-shadow: 1px 1px 1px #141212;
    letter-spacing: 0.2em;
	background-color: #3A3838;
}
#service #list_service_y h4 {
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding-top: 0px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 4px;
    font-size: 2.0em;
    color: #fff;
    border: 1px solid #FFFFFF;
    text-shadow: 1px 1px 1px #141212;
	letter-spacing: 0.2em;
	background-color: #585656;
}
/*#reason設定
---------------------------------------------------------------------------*/
#reason{
    width: 90%;
    height: auto;
    margin: 0 auto 0 auto;
    overflow: hidden;
}
#reason h2 {
    text-align: center;
    font-size: 2.0em;
    color: #193DA5;
    margin-top: 90px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3px;
    letter-spacing: 0.1em;
}
#reason h4 {
  text-align: center;
  font-size: 1.8em;
  color: #1644B2;
}
.reason_list{
	margin-bottom: 20px;
}
.reason_list figure {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: block;
	margin: 0px;

}
.reason_list .text{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    padding-left: 20px;
	font-size:1.1em;
}

#reason #reason_container {
  display: block;
}

#reason #reason_img {
    width: 100%;
    height: auto;
    margin-left: 0px;
}
#reason #sindan_img {
    margin-top: 90px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 100px;
    text-align: center;
    border-radius: 10px;
    width: 100%;
    display: block;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
    text-align: center; /*内容をセンタリング*/
    padding: 20px; /*ボックス内の余白*/
    background-color: #3F352B; /*背景色*/
    color: #de6207;
    height: 1000px;
    position: relative;
}
footer p{
	font-size:0.8em;
	line-height: 25px;
	margin:0px;
}
/*
footer #footer_container {
  display: flex;
}
*/
footer #footer_text {
    margin-top: 40px;
    width: 95%;
    font-size: 1.3em;
    line-height: 2em;
}
footer #map_container {
    margin-top: 46px;
    width: 100%;
}
footer iframe {
  width: 100%;
	
}
footer #footer_nav {
  display: flex;
  margin: auto;
}
footer #footer_nav ul {
  margin: auto;
}
footer #footer_nav li {
    margin-right: 20px;
    color: #EAEAEA;
    font-size: 0.8em;
}

footer #footermenu li {
    color: #EAEAEA;
    font-size: 1.0em;
}
#footermenu{
    margin-top: 40px;
	margin-bottom: 30px;
}


footer #logo_ft img {
	width:250px;
}
.footlogo{
    width: 150px;
    display: none;
}


/*会社情報　設定
---------------------------------------------------------------------------*/
#company-area{
  	margin: 30px 3% 0 3%;
  	width: 95%;
  	height:auto;
}
.com-t{
	margin: 30px 0 10px 20px;
	font-size: 1.2em;
}

table.company {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0px 5px;
    font-size: 1.0em;
    margin-left: 0px;
}

table.company th,
table.company td {
padding: 1.0em;
font-size: 1.0em;
}

table.company th {
background: #295890;
vertical-align: middle;
text-align: left;
width: 150px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 0.9em;
}

table.company th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #295890;
border-width: 10px;
margin-top: -10px;
font-size: 1.3em;
}
/* firefox */
@-moz-document url-prefix() {
table.company th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

table.company td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}






table.company-r {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0px 5px;
    font-size: 1.0em;
}

table.company-r th,
table.company td {
padding: 1.0em;
font-size: 1.2em;
}

table.company-r th {
    background-color: #5E5C5B;
    vertical-align: middle;
    text-align: left;
    width: 150px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 1.0em;
}

table.company-r th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #5E5C5B;
border-width: 10px;
margin-top: -10px;
font-size: 1.5em;
}
/* firefox */
@-moz-document url-prefix() {
table.company-r th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #5E5C5B 10px solid;
margin-top: -10px;
}
}

table.company-r td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}

.dantai li{
	width:100%;
	height:60px;
	margin: 0 0 5px 0;
	float: left;
	text-align: center;
	font-size:1.2em;
	line-height: 3.6em;
	text-shadow: 1px 1px 1px #191717;
	color:#fff;
}