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

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

.none-pc{
	display: none;
}

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

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

/*header（ロゴなどが入った最上段のブロック）
---------------------------------------------------------------------------*/
.contact-tel{
	display: none;
}
/*ヘッダーブロック*/
header {
    display: flex; /*flexボックスを使う指定*/
    align-items: center; /*垂直揃えの指定。上下中央に配置されるように。*/
    background-color: #fff; /*背景色*/
    color: #fff; /*文字色*/
    position: fixed;
    z-index: 500;
    height: 120px;
    width: 100%;
    top: 0px;
}
#header #logo {
	width:370px;
	position: fixed;
	top:10px;
	left:10px;
}
#nav ul {
    display: flex;
    position: fixed;
    right: 30px;
    top: 40px;
    width: 646px;
    height: 40px;
}
.nav-1 a{
    font-size: 1.2em;
    line-height: 1.8em;
    width: 150px;
    height: 30px;
    background-color: #EEEEEE;
    float: left;
    margin-left: 8px;
    text-align: center;
    border: 2px solid #1E4887;
    color: #1E4887;
    display: block;
	text-decoration: none;	
}
.nav-1 a:hover{
	color:#fff;
	background-color: #1E4887;
}
.nav-2 a img{
    width: auto;
    height: 34px;
    float: left;
    margin-left: 8px;
}

#navfoot ul {
    display: flex;
    position: absolute;
    right: 30px;
    bottom: 100px;
    width: 646px;
    height: 40px;
}










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

}



/*
#mainview img {
  margin: 0 10% 0 10%;
  width: 1400px;
  height: 700px;
}
*/
#mainview {
	margin-top: 70px;
  	width: 100%;
  	height: 700px;
  	position: relative; /*相対配置*/
}
.mainview-im {
  margin: 0 10% 0 10%;
  width: 1400px;
  height: 700px;
}
#mainview h3 {
    font-size: 4.2em;
    line-height: 1.2em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 235px;
    left: 12%;
    text-shadow: 1px 1px 1px #191717;
}
#mainview h4 {
    font-size: 3.4em;
    line-height: 1.2em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 310px;
    left: 12%;
    text-shadow: 1px 1px 1px #191717;
    border-top: 1px solid #FFFFFF;
    width: 700px;
}
#mainview #ninsyou_container {
    position: absolute;
    color: #817070;
    top: 21%;
    width: 198px;
    right: 12%;
}
#mainview .view-txt{
    font-size: 1.5em;
	line-height: 1.5em;
    position: absolute; /*絶対配置*/
    color: white; /*文字は白に*/
    top: 375px;
	height: 30px;
    left: 12%;
    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: 600px;
    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: 20vh 0;
  text-align: center;
}
#hinsitsu p {
  font-size: 1.5em;
}
#hinsitsu #blue {
  color: #1241A1;
  font-size: 1.8em;
}

#jisseki {
	width: 1200px;
	height: 500px;
	margin: 0 auto 0 auto;
  	position: relative;
	background-color: chartreuse;
}
#jisseki #hassui {
  position: absolute;
  	top:-30px;
	left:-30px;
  width: 450px;
  height: auto;
}
#jisseki #bg {
	margin: 0px;
  	width: 100%;
  	height: 500px;
}



#jisseki .ji-list{
	position: absolute;
	top:360px;
	left:500px;
	width:580px;
	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: 800px;
    height: 80px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: -10px;
    padding-left: 140px;
    padding-top: 0px;
    background-image: url(../img/y-line.png);
    background-repeat: no-repeat;
    background-position: left top;
	font-size: 3.0em;
    color: #000;
    z-index: 150;
}

.t-y2{
    position: absolute;
    z-index: 100;
    top: 180px;
    width: 600px;
    height: 80px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: -20px;
    padding-left: 90px;
    padding-top: 0px;
    background-image: url(../img/y-line.png);
    background-repeat: no-repeat;
    background-position: left top;
	font-size: 3.0em;
    color: #000;
    z-index: 150;
}
.t-y3{
	color:#fff;
	position: absolute;
    z-index: 100;
    top: 440px;
	left:490px;
	font-size:1.2em;
	text-shadow: 1px 1px 1px #191717;
}


/*serviceブロック
---------------------------------------------------------------------------*/
#service{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0 auto 0 auto;
	width: 1100px;
	height: auto;
	display: block;
}
#service h2{
	color:#F46B07;
	font-size:2.2em;
	text-align: center;
	margin: 90px auto 50px auto;
	letter-spacing: 0.2em;
	
}
#service #list_service_b {
  	background-color: #C7D8FA;
	position: relative;
	width: 1000px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 0px;
}
#service #list_service_y {
  	background-color: #EDCE7B;
	position: relative;
	width: 1000px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 100px;
}
#service #list_service_g {
  	background-color: #A9B0BE;
	position: relative;
	width: 1000px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-left: 50px;
}
#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: 55px;
    right: 130px;
    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;
}
#service #list_service_y h4 {
    position: absolute;
    top: 55px;
    left: 130px;
    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;
}
/*#reason設定
---------------------------------------------------------------------------*/
#reason{
	width: 1200px;
	height: auto;
	margin:0 auto 0 auto;
	overflow: hidden;
}
#reason h2 {
  	text-align: center;
  	font-size: 2.3em;
  	color: #193DA5;
	margin: 90px auto 50px auto;
	letter-spacing: 0.1em;
}
#reason h4 {
  text-align: center;
  font-size: 2.5em;
  color: #1644B2;
}
.reason_list figure {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: block;	
}
.reason_list .text{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
    padding-left: 40px;
	font-size:1.1em;
}

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

/*フッター設定
---------------------------------------------------------------------------*/
footer {
    text-align: center; /*内容をセンタリング*/
    padding: 20px; /*ボックス内の余白*/
    background-color: #3F352B; /*背景色*/
    color: #de6207;
    height: 680px; 
	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: 30%;
    font-size: 1.3em;
    line-height: 2em;
}
footer #map_container {
  margin-top:40px;
	width: 70%;
}
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;
}


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

table.company {
width: 900px;
margin: 0 0 0 20px;
border-collapse: separate;
border-spacing: 0px 15px;
font-size: 1.0em;
}

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

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

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.5em;
}
/* 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: 900px;
margin: 0 0 0 20px;
border-collapse: separate;
border-spacing: 0px 15px;
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:380px;
	height:60px;
	margin: 0 0 10px 20px;
	float: left;
	text-align: center;
	font-size:1.2em;
	line-height: 3.6em;
	text-shadow: 1px 1px 1px #191717;
	color:#fff;
}