@charset "utf-8";
/*
Theme Name: ディークロス
Theme URI: 
Description: ディークロス
Version: 1.0
Author: ディークロス
Author URI: 
Tags: ディークロス
*/




/*  トップ  ----------------------------------------------*/

.index_top {
	width:100%;
	height: 100%;
	display:block;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	clear:both;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
    container-type: inline-size;
}



.index_top p {
position: absolute;
z-index: 0;
top : 0px;
left: auto;
right: auto;
width: 100%;
height: 100%;
background-image: url("img/sp_index_top_506_ver4.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}


/*  900以上 (1024) トップ ---------------------------------------------  */
@media only screen and (min-width:900px) {

.index_top p {
position: absolute;
z-index: 0;
top : 0px;
left: auto;
right: auto;
width: 100%;
height: 100%;
background-image: url("img/index_top_3840_ver2.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}


}
/* ------------------------------------------------------ 900以上 (1024) トップ -----  */

/*  1201以上 (1366以上) トップ ---------------------------------------------  */
@media only screen and (min-width:1201px) {

.index_top p {
position: absolute;
z-index: 0;
top : 0px;
left: auto;
right: auto;
width: 100%;
height: 100%;
background-image: url("img/index_top_3840_ver2.png");
background-repeat: no-repeat;
background-size:  cover;
background-position: center;
}

}
/* ------------------------------------------------------ 1201以上 (1366以上) トップ -----  */


.index_top_txt {
width: 35cqw;
position: absolute;
display: block;
top : 18%;
left: 5%;
z-index: 7;
margin: 0px;
padding: 0px;
container-type: inline-size;
}

.index_top_txt h2 {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
display: inline-block;
}

.index_top_txt h2 em {
margin: 0px;
padding: 0px 0px 12px 5px;
font-size: 7.5cqw;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_top_txt h2 u {
margin: 0px;
padding: 0px 0px 0px 10px;
box-sizing: border-box;
font-size: 4cqw;
line-height: 1.2;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_top_txt h3 {
display: block;
clear: both;
margin: 0px;
padding: 16px 0px 0px 10px;
box-sizing: border-box;
font-size: 3.2cqw;
line-height: 2.0;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_top_txt h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: block;
font-style: normal;
text-decoration: none;
}


.index_top_txt h4 {
margin: 20px 0px 0px 10px;
padding: 0px;
box-sizing: border-box;
width: 75cqw;
height: 60px;
position: relative;
display: inline-block;
container-type: inline-size;
}

.index_top_txt h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
height: 60px;
position: relative;
display: inline-block;
font-size: 6.5cqw;
line-height: 60px;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 60px;
transition: background-color .3s;
}

.index_top_txt h4 a:hover {
background-color: #57c3e8;
}

.index_top_txt h4 a span {
margin: 0px;
padding: 0px 0px 0px 6cqw;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 23px right 24px;
background-size: 20px 16px;
transition: background-position .3s;
}

.index_top_txt h4 a:hover span {
background-position: top 23px right 18px;
}


.index_top_link {
width: 890px;
height: 170px;
margin: 0px 0px 0px -600px;
padding: 20px 0px 0px 0px;
box-sizing: border-box;
position: absolute;
display: inline-block;
bottom: 0px;
left: 50%;
z-index: 7;
text-align: center;
background-color: rgba(255,255,255,0.8);
border-radius: 12px 12px 0px 0px;
}


.index_top_link a {
width: 270px;
height: 120px;
margin: 0px 20px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
background: #fff;
border: solid 4px #fff;
border-radius: 12px;
text-align: left;
transition: border .3s;
}

.index_top_link a + a {
width: 270px;
height: 114px;
margin: 0px 20px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
background: #fff;
border: solid 4px #fff;
border-radius: 12px;
text-align: left;
transition: border .3s;
}

.index_top_link a + a + a {
width: 270px;
height: 114px;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
background: #fff;
border: solid 4px #fff;
border-radius: 12px;
text-align: left;
transition: border .3s;
}

.index_top_link a:hover {
border: solid 4px #e6e6e6;
border-radius: 12px;
}

.index_top_link a + a:hover {
border: solid 4px #e6e6e6;
border-radius: 12px;
}

.index_top_link a span {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
}


.index_top_link a span h2.index_top_link_img1 {
width: 186px;
height: 46px;
margin: 14px 0px 0px 38px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: middle;
clear: both;
}

.index_top_link a span h2.index_top_link_img1 em {
width: 186px;
height: 46px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: table-cell;
vertical-align: middle;
font-style: normal;
text-decoration: none;
}


.index_top_link a span h2 em img {
width: 100%;
height: auto;
display: inline-block;
}


.index_top_link a span h4 {
vertical-align: top;
width: 220px;
margin: 10px 0px 0px 20px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 17px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}


.index_top_shadow {
filter:
drop-shadow(0px 0px 4px rgba(200,200,200,0.4))
drop-shadow(0px 0px 4px rgba(200,200,200,0.4));
}


.index_top_invoice {
width: 270px;
height: 88px;
margin: 0px 0px 0px 320px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: absolute;
display: inline-block;
bottom: 46px;
left: 50%;
z-index: 7;
text-align: center;
}

.index_top_invoice a {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
}

.index_top_invoice a img{
width: 100%;
height: auto;
}


.index_top_bana {
width: 498px;
height: 278px;
margin: -200px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: absolute;
display: inline-block;
border-radius: 12px;
overflow: hidden;
top: 50%;
right: 5%;
z-index: 7;
text-align: center;
}

.index_top_bana a {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
}

.index_top_bana a img{
width: 100%;
height: auto;
}



/*  899 以下---------------------------------------------  */
@media only screen and (max-width:899px) {

.index_top_bana {
width: 200px;
height: 112px;
margin: -56px 0px 0px -100px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: absolute;
display: inline-block;
border-radius: 8px;
overflow: hidden;
top: 50%;
left: 50%;
right: auto;
z-index: 7;
text-align: center;
}

.index_top_bana a {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
}

.index_top_bana a img{
width: 100%;
height: auto;
}


}
/* ------------------------------------------------------ 899 以下 -----  */



/* -------------------------------------// トップ */













/* ------ index  */

.index_top_blank {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}


/* --------------------------------------------- index  */



















/*  サービス  ----------------------------------------------*/

.index_service {
width: 100%;
margin: 0px;
padding: 160px 0px 160px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_service_box {
width: 100%;
height: 580px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_service_img {
width: 46%;
height: 580px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: block;
float: left;
background: url("img/index_service2.png") no-repeat;
background-position: right center;
background-size: cover;
border-radius: 0px 100px 100px 0px;
}

.index_service_txt {
width: 54%;
margin: 0px;
padding: 0px 4% 0px 4%;
box-sizing: border-box;
overflow: hidden;
position: relative;
display: block;
float: left;
}

.index_service_txt h2 {
width: 100%;
margin: 0px;
padding: 40px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 40px;
vertical-align: top;
}

.index_service_txt h2 u {
margin: 0px;
padding: 12px 0px 0px 30px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_service_txt h3 {
width: 100%;
margin: 0px;
padding: 30px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 40px;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.1em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: block;
font-style: normal;
text-decoration: none;
}

.index_service_txt p {
margin: 0px;
padding: 30px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt p em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: block;
font-style: normal;
text-decoration: none;
}

.index_service_txt h4 {
margin: 30px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_service_txt h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 400px;
height: 60px;
position: relative;
display: inline-block;
font-size: 28px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 60px;
transition: background-color .3s;
}

.index_service_txt h4 a:hover {
background-color: #57c3e8;
}

.index_service_txt h4 a span {
margin: 0px;
padding: 15px 0px 0px 30px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 23px right 24px;
background-size: 20px 16px;
transition: background-position .3s;
}

.index_service_txt h4 a:hover span {
background-position: top 23px right 18px;
}


/* -------------------------------------// サービス */




/*  1024 サービス ---------------------------------------------  */
@media only screen and (max-width:1200px) {

.index_service {
width: 100%;
margin: 0px;
padding: 100px 0px 100px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_service_box {
width: 100%;
height: 400px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_service_img {
width: 46%;
height: 400px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: block;
float: left;
background: url("img/index_service2.png") no-repeat;
background-position: right center;
background-size: cover;
border-radius: 0px 100px 100px 0px;
}

.index_service_txt {
width: 54%;
margin: 0px;
padding: 0px 4% 0px 4%;
box-sizing: border-box;
overflow: hidden;
position: relative;
display: block;
float: left;
}

.index_service_txt h2 {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 30px;
vertical-align: top;
}

.index_service_txt h2 u {
margin: 0px;
padding: 6px 0px 0px 20px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_service_txt h3 {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 24px;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.1em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline;
font-style: normal;
text-decoration: none;
}

.index_service_txt p {
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt p em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline;
font-style: normal;
text-decoration: none;
}


.index_service_txt h4 {
margin: 20px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_service_txt h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 320px;
height: 40px;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 60px;
transition: background-color .3s;
}

.index_service_txt h4 a:hover {
background-color: #57c3e8;
}

.index_service_txt h4 a span {
margin: 0px;
padding: 9px 0px 0px 30px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 13px right 24px;
background-size: 20px 16px;
transition: background-position .3s;
}

.index_service_txt h4 a:hover span {
background-position: top 13px right 18px;
}


}
/* ------------------------------------------------------ 1024 サービス -----  */




/*  会社概要  ----------------------------------------------*/


.index_about {
width: 100%;
margin: 0px;
padding: 120px 0px 120px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
background: #e6e6e6;
    container-type: inline-size;
}


.index_about_box {
width: 100%;
height: 580px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_about_img {
width: 40cqw;
height: 580px;
margin: 0px 6% 0px 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: block;
float: right;
}

.index_about_img span {
width: 100%;
height: 580px;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: table-cell;
vertical-align: middle;
}

.index_about_img span img {
width: 100%;
height: auto;
display: inline-block;
}

.index_about_txt {
width: 45cqw;
height: 580px;
margin: 0px;
padding: 0px 3% 0px 0px;
box-sizing: border-box;
position: relative;
display: block;
text-align: right;
float: right;
container-type: inline-size;
}

.index_about_txt div.index_about_txt_waku {
width: 100%;
height: 580px;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
}

.index_about_txt div.index_about_txt_waku h2 {
margin: 0px;
padding: 40px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_about_txt div.index_about_txt_waku h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 40px;
vertical-align: top;
}

.index_about_txt div.index_about_txt_waku h2 u {
margin: 0px;
padding: 12px 0px 0px 30px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_about_txt div.index_about_txt_waku h3 {
width: 100%;
margin: 0px;
padding: 30px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 40px;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.1em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_about_txt div.index_about_txt_waku h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: block;
font-style: normal;
text-decoration: none;
}

.index_about_txt div.index_about_txt_waku p {
margin: 0px;
padding: 30px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 2.7cqw;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_about_txt div.index_about_txt_waku p em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: block;
font-style: normal;
text-decoration: none;
}


.index_about_txt div.index_about_txt_waku h4 {
margin: 30px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_about_txt div.index_about_txt_waku h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 400px;
height: 60px;
position: relative;
display: inline-block;
font-size: 28px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 60px;
transition: background-color .3s;
}

.index_about_txt div.index_about_txt_waku h4 a:hover {
background-color: #57c3e8;
}

.index_about_txt div.index_about_txt_waku h4 a span {
margin: 0px;
padding: 15px 0px 0px 30px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 23px right 24px;
background-size: 20px 16px;
transition: background-position .3s;
}

.index_about_txt div.index_about_txt_waku h4 a:hover span {
background-position: top 23px right 18px;
}

/* -------------------------------------// 会社概要 */














/*  お知らせ  ----------------------------------------------*/

.index_news {
width: 100%;
margin: 0px;
padding: 160px 0px 160px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_news_box {
width: 1200px;
margin: 0px auto;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_news_title {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
}

.index_news_title h2 {
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_news_title h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 40px;
vertical-align: top;
}

.index_news_title h2 u {
margin: 0px;
padding: 12px 0px 0px 30px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_news_list {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
}

.index_news_list a{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
transition: background-color .3s;
}

.index_news_list a:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
background-color: #f1f2f3;
}


.index_news_list a.link_not{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
transition: background-color .3s;
cursor: default;
pointer-events: none;
}

.index_news_list a.link_not:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
background-color: #fff;
cursor: default;
pointer-events: none;
}















.index_news_list a span{
width: 320px;
margin: 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: right;
}

.index_news_list a span p{
width: 300px;
height: 186px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
overflow: hidden;
}

.index_news_list a span p img{
width: 300px;
height: auto;
margin: 0px 0px 0px -150px;
padding: 0px;
box-sizing: border-box;
position: absolute;
top: 0px;
left: 50%;
display: inline-block;
}

.index_news_list a span + span{
width: calc(100% - 320px);
margin: 0px;
padding: 20px 20px 20px 40px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
vertical-align: top;
}

.index_news_list a span + span h2 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.index_news_list a span + span h2 em {
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.index_news_list a span + span h2 u {
margin: 0px 0px 0px 30px;
padding: 3px 16px 2px 16px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #57c3e8;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 100px;
vertical-align: top;
background-color: #fff;
}

.index_news_list a span + span h3 {
width: 100%;
margin: 18px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}


.index_news_more {
width: 100%;
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
}


.index_news_more h2 {
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_news_more h2 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 240px;
height: 60px;
position: relative;
display: inline-block;
font-size: 28px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #c8c8c8;
border-radius: 60px;
transition: background-color .3s;
}

.index_news_more h2 a:hover {
background-color: #76c7fe;
}

.index_news_more h2 a span {
margin: 0px;
padding: 15px 0px 0px 30px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 23px right 24px;
background-size: 20px 16px;
transition: background-position .3s;
}

.index_news_more h2 a:hover span {
background-position: top 23px right 18px;
}

/* -------------------------------------// お知らせ */





























/*  スマホ版を非表示処理  */


/*  sp スライド内のボタン  */

.sp_btn_shine { visibility:hidden; display:none; }

/* ------------------------------- */

/*  sp スライド内のボタン  */

.sp_index_tel { visibility:hidden; display:none; }

/* ------------------------------- */







/*  スマートフォン ※iPhone6 Plus 以下を準拠  */
@media only screen and (max-width:899px) {








/*  トップ ---------------------------------------------  */



.index_top {
	width:100%;
	height: 100%;
	display:block;
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	clear:both;
	font-size:0px;
	line-height:0px;
	overflow:hidden;	
}

 
.index_top_txt {
width: 90cqw;
position: absolute;
display: block;
top : 76px;
left: 5%;
z-index: 7;
margin: 0px;
padding: 0px;
container-type: inline-size;
}

.index_top_txt h2 {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
display: inline-block;
}

.index_top_txt h2 em {
margin: 0px;
padding: 0px 0px 8px 0px;
font-size: 6cqw;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_top_txt h2 u {
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
font-size: 3.7cqw;
line-height: 1.2;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_top_txt h3 {
display: block;
clear: both;
margin: 0px;
padding: 12px 0px 0px 0px;
box-sizing: border-box;
font-size: 3.3cqw;
line-height: 2.0;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.03em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_top_txt h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
display: block;
font-style: normal;
text-decoration: none;
}


.index_top_txt h4 {
margin: 12px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 50cqw;
height: 40px;
position: relative;
display: inline-block;
container-type: inline-size;
}

.index_top_txt h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
height: 40px;
position: relative;
display: inline-block;
font-size: 6.5cqw;
line-height: 40px;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 40px;
transition: background-color .3s;
}

.index_top_txt h4 a:hover {
background-color: #2c75c9;
}

.index_top_txt h4 a span {
margin: 0px;
padding: 0px 0px 0px 6cqw;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 14px right 14px;
background-size: 16px 12px;
transition: background-position .3s;
}

.index_top_txt h4 a:hover span {
background-position: top 14px right 14px;
}
   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

.index_top_link {
width: 100%;
height:  180px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
box-sizing: border-box;
position: absolute;
display: inline-block;
bottom: 100px;
left: 0px;
z-index: 7;
text-align: center;
background-color: rgba(255,255,255,0.8);
border-radius: 10px 10px 10px 10px;
}


.index_top_link a {
width: 44%;
height: auto;
margin: 0px 0px 0px 4%;
padding: 0px;
box-sizing: border-box;
display: block;
background: #fff;
border: solid 4px #fff;
border-radius: 6px;
text-align: center;
transition: border .3s;
position: relative;
float: left;
container-type: inline-size;
}

.index_top_link a + a {
width: 44%;
height: auto;
margin: 0px 0px 0px 4%;
padding: 0px;
box-sizing: border-box;
position: relative;
display: block;
background: #fff;
border: solid 4px #fff;
border-radius: 6px;
text-align: center;
transition: border .3s;
float: left;
container-type: inline-size;
}
    
.index_top_link a + a +a {
width: 44%;
height: auto;
margin: 10px 0px 0px 4%;
padding: 0px;
box-sizing: border-box;
position: relative;
display: block;
background: #fff;
border: solid 4px #fff;
border-radius: 6px;
text-align: center;
transition: border .3s;
float: left;
container-type: inline-size;
}
    
    

.index_top_link a:hover {
border: solid 4px #fff;
border-radius: 6px;
}

.index_top_link a + a:hover {
border: solid 4px #fff;
border-radius: 6px;
}

    
    
.index_top_link a span {
width: 100%;
height: 100%;
margin: 0px;
padding: 5px 0px 5px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
}


.index_top_link a span h2.index_top_link_img1 {
width: auto;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: top;
float: none;
}

.index_top_link a span h2.index_top_link_img1 em {
width: auto;
height: 30px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: top;
font-style: normal;
text-decoration: none;
}


.index_top_link a span h2 em img {
width: auto;
height: 100%;
display: inline-block;
}

.index_top_link a span h4 {
vertical-align: top;
width: 100%;
margin: 0.5em 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 7cqw;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.01em;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: center;
}


.index_top_shadow {
filter:
drop-shadow(0px 0px 4px rgba(200,200,200,0.4))
drop-shadow(0px 0px 4px rgba(200,200,200,0.4));
}


.index_top_invoice {
width: 240px;
height: 78px;
margin: 0px 0px 0px -120px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: absolute;
display: inline-block;
bottom: 10px;
left: 50%;
z-index: 7;
text-align: center;
}

.index_top_invoice a {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
}

.index_top_invoice a img{
width: 100%;
height: auto;
}



/* ------------------------------------------------------ トップ -----  */






/*  サービス ---------------------------------------------  */

.index_service {
width: 100%;
margin: 0px;
padding: 0px 0px 20px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_service_box {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_service_img {
width: 100%;
height: 200px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: inline-block;
float: none;
background: url("img/index_service2.png") no-repeat;
background-position: right center;
background-size: cover;
border-radius: 0px 0px 0px 0px;
}

.index_service_txt {
width: 90%;
margin: 0px 0px 0px 5%;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
overflow: hidden;
position: relative;
display: inline-block;
float: none;
}

.index_service_txt h2 {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 22px;
vertical-align: top;
}

.index_service_txt h2 u {
margin: 0px;
padding: 2px 0px 0px 10px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_service_txt h3 {
width: 100%;
margin: 0px;
padding: 5px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline;
font-style: normal;
text-decoration: none;
}

.index_service_txt p {
margin: 0px;
padding: 5px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_service_txt p em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline;
font-style: normal;
text-decoration: none;
}


.index_service_txt h4 {
margin: 10px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_service_txt h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 240px;
height: 30px;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 60px;
transition: background-color .3s;
}

.index_service_txt h4 a:hover {
background-color: #2c75c9;
}

.index_service_txt h4 a span {
margin: 0px;
padding: 4px 0px 0px 14px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 8px right 14px;
background-size: 18px 14px;
transition: background-position .3s;
}

.index_service_txt h4 a:hover span {
background-position: top 8px right 14px;
}


/* ------------------------------------------------------ サービス -----  */



/*  会社概要 ---------------------------------------------  */


.index_about {
width: 100%;
margin: 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
background: #e6e6e6;
}


.index_about_box {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_about_img {
width: 70%;
height: auto;
margin: 0px 0px 0px 15%;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: inline-block;
float: none;
}

.index_about_img span {
width: 100%;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
font-size: 0px;
line-height: 0px;
position: relative;
display: inline-block;
vertical-align: top;
}

.index_about_img span img {
width: 100%;
height: auto;
display: inline-block;
}

.index_about_txt {
width: 90%;
height: auto;
margin: 0px 0px 0px 5%;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: block;
text-align: left;
float: none;
}

.index_about_txt div.index_about_txt_waku {
width: 100%;
height: auto;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
}

.index_about_txt div.index_about_txt_waku h2 {
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_about_txt div.index_about_txt_waku h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 22px;
vertical-align: top;
}

.index_about_txt div.index_about_txt_waku h2 u {
margin: 0px;
padding: 2px 0px 0px 10px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_about_txt div.index_about_txt_waku h3 {
width: 100%;
margin: 0px;
padding: 5px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1.4;
color: #2c75c9;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_about_txt div.index_about_txt_waku h3 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline;
font-style: normal;
text-decoration: none;
}

.index_about_txt div.index_about_txt_waku p {
margin: 0px;
padding: 5px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_about_txt div.index_about_txt_waku p em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline;
font-style: normal;
text-decoration: none;
}


.index_about_txt div.index_about_txt_waku h4 {
margin: 10px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_about_txt div.index_about_txt_waku h4 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 240px;
height: 30px;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #2c75c9;
border-radius: 60px;
transition: background-color .3s;
}

.index_about_txt div.index_about_txt_waku h4 a:hover {
background-color: #2c75c9;
}

.index_about_txt div.index_about_txt_waku h4 a span {
margin: 0px;
padding: 4px 0px 0px 14px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 8px right 14px;
background-size: 18px 14px;
transition: background-position .3s;
}

.index_about_txt div.index_about_txt_waku h4 a:hover span {
background-position: top 8px right 14px;
}


/* ------------------------------------------------------ 会社概要 -----  */



/*  お知らせ ---------------------------------------------  */


.index_news {
width: 100%;
margin: 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_news_box {
width: 100%;
margin: 0px 0px 0px 0px;
display: inline-block;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
}

.index_news_title {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
}

.index_news_title h2 {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 5%;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
}

.index_news_title h2 em {
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
font-size: 22px;
vertical-align: top;
}

.index_news_title h2 u {
margin: 0px;
padding: 2px 0px 0px 10px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-decoration: none;
font-style: normal;
vertical-align: top;
}

.index_news_list {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
}

.index_news_list a{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
transition: background-color .3s;
}

.index_news_list a:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
background-color: #fff;
}


.index_news_list a.link_not{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
transition: background-color .3s;
cursor: default;
pointer-events: none;
}

.index_news_list a.link_not:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
background-color: #fff;
cursor: default;
pointer-events: none;
}

.index_news_list a span{
width: 100px;
margin: 0px 0px 0px 10px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: right;
}

.index_news_list a span p{
width: 100px;
height: 62px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
overflow: hidden;
vertical-align: top;
}

.index_news_list a span p img{
width: 100px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
top: auto;
left: auto;
display: inline-block;
}

.index_news_list a span + span{
width: calc(100% - 110px);
margin: 0px 0px 0px 0px;
padding: 20px 10px 20px 10px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
vertical-align: top;
}

.index_news_list a span + span h2 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.index_news_list a span + span h2 em {
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.index_news_list a span + span h2 u {
margin: 0px 0px 0px 5px;
padding: 3px 5px 3px 5px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 12px;
line-height: 1.2;
color: #57c3e8;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 100px;
vertical-align: top;
background-color: #fff;
}

.index_news_list a span + span h3 {
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.6;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}


.index_news_more {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
}


.index_news_more h2 {
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block;
}

.index_news_more h2 a {
margin: 0px;
padding: 0px;
box-sizing: border-box;
width: 160px;
height: 30px;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.2;
color: #fff;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
text-align: left;
background-color: #c8c8c8;
border-radius: 60px;
transition: background-color .3s;
}

.index_news_more h2 a:hover {
background-color: #c8c8c8;
}

.index_news_more h2 a span {
margin: 0px;
padding: 4px 0px 0px 14px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
display: inline-block;
background: url("img/index_arrow_152x118.svg") no-repeat;
background-position: top 8px right 14px;
background-size: 18px 14px;
transition: background-position .3s;
}

.index_news_more h2 a:hover span {
background-position: top 8px right 14px;
}


/* ------------------------------------------------------ お知らせ -----  */



















}
/* -----------------------------------------------------------------------------------------------  スマートフォン ※iPhone6 Plus 以下を準拠   */