@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 767px) {

.com_btn { width: 300px; margin: 0 auto; margin-top: 50px; }
.com_btn a { display: block; padding: 30px; 
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
color: #fff;
font-weight: bold;
text-align: center;
position: relative;
}

.com_btn a:hover { opacity: .8; }

.sec02 .com_btn { margin:  50px auto auto 0; }

.comPd01 {
padding: 50px 0;
}

.hed_main { width: 100%; margin: 0 auto 50px; display: flex; flex-wrap: wrap; align-items: center; position: relative; height: calc(100vh - 90px); }
/*.hed_main::before {
position: absolute;
background: #005993;
width: 55%;
height: calc(100vh - 90px);
top: 0;
left: 0;
content: "";
display: block; 
}*/






.idxHedTitIn h2 span.sp02 { font-size:18px; display: block; font-weight: bold; line-height: 2em; color: #005993; margin-bottom: 30px; color: #005993;
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background: -webkit-linear-gradient(0deg, #005993, #00c9aa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.idxHedTitIn p {  }
.idxHedTitIn p span.sp03 { font-size: 14px; text-align: left; margin-top: 15px; font-weight: 500; line-height: 2.5em; }
/*.hed_main::after { 
width: 120px;
height: 100vh;
position: absolute;
top: 0;
right: 0;
background: #005993;
content: "";
display: block;
}*/

.hed_main_txtbox { width: 45%; left: 0;  box-sizing: border-box; position: absolute; padding: 50px; left: 0; bottom: 0;  background: #fff; z-index: 10; }

.idx_hed_tit {
font-size: 8rem;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
/*text-transform: uppercase;*/
/*font-family: 'Montserrat';*/
/*font-family: 'Francois One', sans-serif;*/
font-family: 'Nunito', sans-serif;
color: #005993;
margin-bottom: 15px;
}
.idx_hed_tit span.en {
display: block;
color: #005993;
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background: -webkit-linear-gradient(0deg, #005993, #00c9aa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 50px;
font-weight: bold; 
}

.hedTitWrap_pc {
margin: auto 0 auto auto;
flex-basis: 70%;
max-width: 70%; 
height: calc(100vh - 90px);
position: relative;
}

.headerslider {
width: 100%;
position: absolute;
height: calc(100vh - 90px);
box-sizing: border-box;
overflow: hidden; 
}

/*.hedTitWrap_pc {
width: calc(100% - 100px);
}*/

.idxHedTit {
width: 100%;
height: 100%;
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.idxHedTitIn {
width: 100%;
z-index: 10;
margin: auto auto auto 0;
text-align: left;
}
/*-----*/




.idxHedWrap .msg {
width: 100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*position: absolute;
margin-top: -100px;
top: 50%;
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
text-align: center;
z-index: 20;*/
}

.msgIn {
position: relative;
/*padding: 40px 80px;*/
z-index: 1;
}
.idxHedWrap .msgIn::before {
position: absolute;
content: 'contribution to society';
font-size: 4.6rem;
line-height: 1;
bottom: -60px;
right: -60px;
color: #f89412;
opacity: 0.9;
font-family: 'Nunito', sans-serif;
font-weight: 400;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}
.idxHedWrap .msgIn::after {
content: '';
display: inline-block;
width: 300px;
height: 318px;
background-image: url(../images/index/bg_logo.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 50%;
left: 60%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
z-index: -1;
opacity: 0.4;
}

.idxHedWrap .msg h2 {
font-size: 40px;
line-height: 2;
text-align: center;
color: #FFFFFF;
position: relative;
}
.idxHedWrap .msg h3 {
font-size: 20px;
text-align: center;
color: #FFFFFF;
}

.bgCom01 {
background-color: #fff;
position: relative;
padding-bottom: 80px;
}
.gray-light {
color: #B7C4CD !important;
}
.dot_bg {
    position: relative;
}

/* sec00
--------------------------------------------*/
.sec00 {
position: relative;
padding: 200px 0;
margin-bottom: 50px;
position: relative;
}
.sec00::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/index/sec00_bg.png") center center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
  }
.sec00Box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.sec00Box p {
font-size: 2rem;
font-weight: bold;
line-height: 2;
text-align: center;
color: #fff;
text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}




/* sec01
--------------------------------------------*/
.sec01 {padding-top: 50px;}
/*----*/
.flexC {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sec01BoxWrap {
width: 62%;
box-sizing: border-box;
margin: auto;
/*padding: 40px;
background: -webkit-gradient(linear, right top, left top, from(#C6F1FF), to(#F4FFE8));
background: linear-gradient(-90deg, #C6F1FF, #F4FFE8);
border-radius: 20px;*/
}
.sec01Box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
position: relative;
}
.sec01Box::before {
content: "";
position: absolute;
right: -80%;
bottom: -40px;
width: 200%;
height: 80%;
background: url(../images/index/sec01_bg.jpg) center center no-repeat;
background-size: cover;
/*background: -webkit-gradient(linear, right top, left top, from(#C6F1FF), to(#F4FFE8));
background: linear-gradient(-90deg, #C6F1FF, #F4FFE8);*/
z-index: -1;
}
.sec01Box::after {
content: "";
position: absolute;
right: -80%;
bottom: -40px;
width: 200%;
height: 80%;
background: -webkit-gradient(linear, left top, right top, from(#0ECC8A), to(#C8F54A));
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
z-index: -1;
opacity: 0.5;
}

.sec01Box_img {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.sec01Box_img img {
/*border-radius: 50%;*/
}
.sec01Box_txt {
padding-top: 30px;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
}
.sec01Box_txtIn {
background-color: #E98B03;
box-sizing: border-box;
padding: 30px;
border-radius: 15px;
position: relative;
}
.sec01Box_txtIn::before {
content: "";
position: absolute;
top: 50%;
left: -40px;
margin-top: -20px;
border: 20px solid transparent;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 20px;
border-right: 20px solid #E98B03;
}
.sec01Box_txtIn p {
font-size: 1.7rem;
color: #fff;
}
.sec01Box_ttl {
margin-bottom: 60px;
}
.sec01Box_ttl h3 {
text-align: center;
font-size: 6rem;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
color: #005993;
}
.sec01Box_ttl h3 span {
color: #005993;
background: linear-gradient(90deg, #005993, #92fe9d);
background: -webkit-linear-gradient(0deg, #005993, #92fe9d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Nunito', sans-serif;
}
.sec01Box_ttl p {
text-align: center;
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
}
.sec01Box_ttl p span{
position: relative;
display: inline-block;
padding: 0 0.5em;
}     
.sec01Box_ttl p span::before, .sec01Box_ttl p span::after{
position: absolute;
top: 50%;
transform:translateY(-50%);
content: '';
width: 30px;
height: 2px;
background: #000;
/*background: -webkit-gradient(linear, right top, left top, from(#0FD8B1), to(#46C4DB));
background: linear-gradient(-90deg, #0FD8B1, #46C4DB);*/
}
.sec01Box_ttl p span::before {left: 100%;}
.sec01Box_ttl p span::after { right: 100%;}


/* sec02
--------------------------------------------*/
.sec02_bg { width: 100%; margin: 0 auto; position: relative; }
.sec02_bg::before { width: 80%; height: 600px; background: rgba(0,89,147,0.1); content: ""; display: block; position: absolute; right: 0; margin: auto; top: 50%; 
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,.5) 0%, rgba(0,201,170,.5) 100%);
opacity: .15;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sec02 {}
.sec02 .box { display: flex; justify-content: space-between; margin: 20px auto 0;}
.sec02 .box .txt { flex-basis: 50%; max-width: 50%; }
.sec02 .box .img { flex-basis: 45%; max-width: 45%;  position: relative; }
.sec02 .box .img div { width: 100%; margin: 0 auto; }
.sec02 .box .img div img { width: 100%; position: relative; z-index: 10;}
.rvF {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.sec02 .rvF .img div {
width: 100%;
margin: 0 auto; 
margin-top: -200px; 
}
.sec02 .rvR .img div {
position: absolute;
top: 0;
left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
width: 150%;
}
.secTtl {
margin-bottom: 30px;
}
.secTtl h3 {
font-size: 6rem;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
/*text-transform: uppercase;*/
/*font-family: 'Montserrat';*/
/*font-family: 'Francois One', sans-serif;*/
font-family: 'Nunito', sans-serif;
color: #005993;
}
.secTtl h3 span {
color: #005993;
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background: -webkit-linear-gradient(0deg, #005993, #00c9aa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.secTtl p {
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px;
display: inline-block;
position: relative;
padding-right: 50px;
}
.secTtl p::after {
position: absolute;
top: 50%;
right: 0px;
transform:translateY(-50%);
content: '';
width: 40px;
height:3px;
color: #0ECC8A;
background: #005993;
}

.secH4_l,
.secH4_r {
margin-bottom: 20px;
}
.secH4_l span {
font-size: 25px;
line-height: 1.8;
background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
padding: 0 2px 4px;
position: relative;
}

.secH4_r_txt { font-size: 16px; line-height: 2em; }

/*.secH4_l span::before {
content: "";
width: 400%;
height: 100%;
background: #111;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}*/
.secH4_r span{
font-size: 25px;
line-height: 1.8;
background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
padding: 0 2px 4px;
position: relative;
}
/*.secH4_r span::before {
content: "";
width: 400%;
height: 100%;
background: #111;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}*/
.rsBox {
min-height: 620px;
}

/*--idxBox01----------------------*/
.idxBox01 {
width: 100%;
box-sizing: border-box;
margin: 0px 0 120px;
padding: 280px 0 0;
position: relative;
z-index: 1;
}
.idxBox01::before {
position: absolute;
content: '';
top: 0;
left:0;
display: block;
width: 100%;
height: 85%;
background-image: url("../images/index/idxBox01_bg.jpg");
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.idxBox01__txt {
width: 100%;
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.idxBox01Box {
padding: 50px 80px;
background: rgba(255,255,255,.9);
box-shadow: 0 0 20px rgba(0,0,0,.2);
position: relative;
}
.idxBox01Box::before {
position: absolute;
content: 'The truth of work';
font-size: 7rem;
line-height: 1;
top: -40px;
left: -160px;
color: #f89412;
opacity: 0.9;
font-family: 'Caveat';
font-weight: 400;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}
.idxBox01__txt h4 {
text-align: center;
font-size: 3rem;
line-height: 1.8;
color: #005993;
margin-bottom: 20px;
position: relative;
}
.idxBox01__txt p {
text-align: center;
font-size: 1.6rem;
}
.idxBox01__txt p {
font-size: 1.6rem;
line-height: 2;
}





/*--idxBox02In_b----------------------*/
.idxBox02In_wrap {
padding: 60px 0;
/*margin-bottom: 70px;*/
}
.idxBox02In_b {
width: 90%;
margin: 0 auto 0;
z-index: 1;
}
.idxBox02In_b-ttl {
text-align: center;
margin-bottom: 50px;
position: relative;
z-index: 2;
}
.idxBox02In_b-ttl > p strong {
font-size: 25px;
margin-bottom: 20px;
background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
display: inline-block;
padding: 0 2px 4px;
position: relative;
}
/*.idxBox02In_b-ttl::before {
content: "";
position: absolute;
left: 50%;
top: 50px;
width: 80%;
height: 110%;
border: #005993 6px solid;
z-index: -1;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}*/
.idxBox02In_b .dot_bg::before {
    display: block;
    content: "";
    position: absolute;
    background-size: 14px 14px;
    margin: 0 auto;
    background-color: transparent;
    background-image: radial-gradient(#005993 4%, transparent 14%),radial-gradient(#005993 4%, transparent 14%);
    background-position: 5px 5px, 12px 12px;
    background-repeat: repeat;
    z-index: -1;
left: 50%;
top: 100px;
width: 120%;
height: 110%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
    opacity: 0.25;
}
.idxBox02In_b-ttl .sec01Box_ttl {
margin-bottom: 30px;
}
/*.idxBox02In_b-ttl .sec01Box_ttl h3 {
color: #fff!important;
}*/
/*.idxBox02In_b-ttl h4 {
font-size: 3rem;
margin-bottom: 30px;
}*/
.idx02List {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 2;
width: 1200px;
margin-top: 30px; 
margin: auto;
}
.idx02List li {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
margin-right: 5%;
}
.idx02List li:nth-child(2) {
margin-top: 50px;
}
.idx02List li:nth-child(3n){
margin-right: 0;
}
.idx02List_box {
width: 100%;
}
.idx02List h5 {
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
}
.idx02List_img {
width: 100%;
margin: 0 auto 30px;
position: relative;
z-index: 10;
}

.idx02List_img::before {
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
right: -15px;
bottom: -15px; 
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
z-index: -1;
}

.idx02List h4 {
text-align: center;
}
.idx02List h4 span {
font-size: 3rem;
font-weight: 500;
color: #fff;
position: relative;
display: inline-block;
margin-bottom: 20px;
}
.idx02List h4 span:before {
content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 20px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
border-radius: 2px;
}
.idx02List_box h5 { position: relative; z-index: 10; color: #000; text-align: left; }
.idx02List_box h5 span { padding: 7px 15px; background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%); color: #fff; margin-right: 15px;  }




/* sec07
--------------------------------------------*/
.sec07 {
margin: 60px 0 0px;
position: relative;
z-index: 2;
padding-top: 50px;
}
/*.sec07::before {
content: "";
position: absolute;
top: 0;
right: 0;
background: url("../images/index/sec07Bg01.jpg") center  center no-repeat;
background-size: cover;
width: 90%;
height: 75%;
opacity: 0.7;
z-index: -1;
}*/
.sec07::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background-size: cover;
width: 50%;
height: 65%;
z-index: -1
}
.sec07 .sec01Box_ttl h3,
.sec07 .sec01Box_ttl p {
color: #fff;
}
.sec07 .sec01Box_ttl h3 span {
color: #fff;
-webkit-text-fill-color: #fff;
}
.sec07 .sec01Box_ttl p span::before,
.sec07 .sec01Box_ttl p span::after {
background: #fff;
}
.sec07 h2 {
text-align: center;
font-size: 4.0rem;
margin: 0 0 40px;
position: relative;
z-index: 5;
}
.sec07 ul {
width: 70%;
margin: auto;
list-style: none;
display: flex;
justify-content: space-between;
position: relative;
z-index: 5;
}
.sec07 ul li {
width: 47%;
}
/*.sec07 ul li:nth-child(2) {
margin-top: 60px;
}*/
.sec07 ul li a {
display: block;
}
.sec07 ul li a .img {
position: relative;
}
.sec07 ul li a .img figure {
overflow: hidden;
position: relative;
z-index: 3;
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.sec07 ul li a .img figure img {
transition: 0.3s ease-in-out;
}
.sec07 ul li a:hover .img figure img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s ease-in-out;
}
.sec07 ul li a .img .txt {
display: inline-block;
background-color: #fff;
padding: 20px 40px;
display: inline-block;
background: #fff;
margin-top: -100px;
position: relative;
z-index: 5;
}

.sec07 ul li a .img .txt p {
/*text-transform: uppercase;*/
font-size: 1.6rem;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
font-family: 'Nunito', sans-serif;
/*font-family: 'Montserrat';
font-family: 'Francois One', sans-serif;*/
margin-bottom: 10px;
}
.sec07 ul li a .img .txt h5 {
font-size: 2rem;
}


/*---------*/
/*.idxTtl01, .idxTtl02, .idxTtl03, .idxTtl04, .idxTtl05 {
position: relative;
}
.idxTtl01::before {
    position: absolute;
    content: 'company';
    font-size: 24rem;
	text-transform: uppercase;
    line-height: 1;
    top: -40px;
    left: 30%;
    color: #005993;
	opacity: 0.1;
    z-index: -1;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
}
.idxTtl02::before {
    position: absolute;
    content: 'job';
    font-size: 24rem;
	text-transform: uppercase;
    line-height: 1;
    top: -40px;
    left: 120%;
    color: #005993;
	opacity: 0.1;
    z-index: -1;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
}
.idxTtl03::before {
    position: absolute;
    content: 'training';
    font-size: 24rem;
	text-transform: uppercase;
    line-height: 1;
    top: -40px;
    left: 30%;
    color: #005993;
	opacity: 0.1;
    z-index: -1;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
}
.idxTtl04::before {
    position: absolute;
    content: 'resource';
    font-size: 24rem;
	text-transform: uppercase;
    line-height: 1;
    top: -40px;
    left: 30%;
    color: #005993;
	opacity: 0.1;
    z-index: -1;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
}
.idxTtl05::before {
    position: absolute;
    content: 'message';
    font-size: 24rem;
	text-transform: uppercase;
    line-height: 1;
    top: -40px;
    left: 50%;
    color: #fff;
	opacity: 0.1;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
}*/


}



@media all and (-ms-high-contrast:none){
.secTtl h3 span,
.sec01Box_ttl h3 span,
.sec07 .sec01Box_ttl h3 span {
    background: none;
  }
}


/*---------scrollアイコン-----------*/
.p-index-kv__scroll {
display: none;
width: 1px;
height: 40px;
position: absolute;
left: 1.6%;
z-index: 100;
background-color: #eee
}

@media only screen and (min-width: 769px) {
.p-index-kv__scroll {
/*bottom: 6.51042%;*/
bottom: 12.51042%;
}
}
/*sp*/
@media only screen and (max-width: 767px) {
.p-index-kv__scroll {
display: none;
}
}


@media all and (min-width:768px) and (max-width:1024px) {
.p-index-kv__scroll {
bottom: 15.84507%
}
}

@media all and (max-width:767px) {
.p-index-kv__scroll {
bottom: 13.20423%
}
}
.p-index-kv__scroll-pointer {
width: 1px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.p-index-kv__scroll-pointer:before {
content: '';
display: block;
width: 1px;
height: 10px;
border-radius: 50%;
background-color: red
}

@media all and (min-width:768px) {
.p-index-kv__scroll-text {
position: absolute;
bottom: -30px;
font-size: 10px;
font-size: .625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
/*color: #fff;*/
}
}

@-webkit-keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(0, 35px, 0);
transform:translate3d(0, 35px, 0)
}
}
@keyframes moveScrollPointer {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
-webkit-transform:translate3d(0, 35px, 0);
transform:translate3d(0, 35px, 0)
}
}
@media all and (max-width:767px) {
.p-index-kv__scroll-text {
display: none
}
}
.p-index-kv__scroll-pointer {
width: 1px;
height: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 100
}
.p-index-kv__scroll-pointer:before {
content: '';
display: block;
width: 1px;
height: 10px;
border-radius: 50%;
background-color: red
}
@-webkit-keyframes scrollPointerInOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
10% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
@keyframes scrollPointerInOut {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
10% {
-webkit-transform:scale(1);
transform:scale(1)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
100% {
-webkit-transform:scale(0);
transform:scale(0)
}
}
.p-index-kv__scroll-pointer {
-webkit-animation-name: moveScrollPointer;
animation-name: moveScrollPointer;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.p-index-kv__scroll-pointer:before {
-webkit-animation-name: scrollPointerInOut;
animation-name: scrollPointerInOut;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
/*--------------------*/


/*----------------------------------------------------*/
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1520px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1520px 0;
    }
}


@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(101%);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

@keyframes LeftToRight {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(-101%);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}
/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 766px) {
/*-----*/
/*.vegas-slide, .vegas-slide-inner {
    position: fixed;
}*/


.com_btn { width: 80%; margin: 0 auto; margin-top: 30px; }
.com_btn a { display: block; padding: 20px; 
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
color: #fff;
font-weight: bold;
text-align: center;
position: relative;
}

.com_btn a:hover { opacity: .8; }



.hed_main { width: 100%; margin: 0 auto;  position: relative; }
.hed_main::before {
position: absolute;
background: rgba(0,160,233,0.07);
width: 55%;
height: calc(100vh - 90px);
top: 0;
left: 0;
content: "";
display: block; 
}
.idxHedTitIn h2 span.sp02 { font-size:18px; display: block; font-weight: bold; line-height: 2em; color: #005993; margin-bottom: 30px; color: #005993;
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background: -webkit-linear-gradient(0deg, #005993, #00c9aa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.idxHedTitIn p {  }
.idxHedTitIn p span.sp03 { font-size: 14px; text-align: left; margin-top: 15px; font-weight: 500; line-height: 2.5em; }
/*.hed_main::after { 
width: 120px;
height: 100vh;
position: absolute;
top: 0;
right: 0;
background: #005993;
content: "";
display: block;
}*/

.hed_main_txtbox { width: 90%;  box-sizing: border-box; padding: 30px;  background: #fff; z-index: 10; position: relative; margin: auto auto auto 0; margin-top: -100px; }

.idx_hed_tit {
font-size: 16px;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
/*text-transform: uppercase;*/
/*font-family: 'Montserrat';*/
/*font-family: 'Francois One', sans-serif;*/
font-family: 'Nunito', sans-serif;
color: #005993;
margin-bottom: 15px;
}
.idx_hed_tit span.en {
display: block;
color: #005993;
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background: -webkit-linear-gradient(0deg, #005993, #00c9aa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 30px;
font-weight: bold; 
}

.idxHedTitIn p { font-size: 14px; }

.hedTitWrap_pc {
width: 100%;
margin: 0 auto;
height: 500px;
position: relative;
}

.headerslider {
width: 100%;
height: 500px;
box-sizing: border-box;
overflow: hidden; 
}

/*.hedTitWrap_pc {
width: calc(100% - 100px);
}*/

.idxHedTit {
width: 100%;
height: 100%;
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.idxHedTitIn {
width: 100%;
z-index: 10;
margin: auto auto auto 0;
text-align: left;
}

.comPd01 {
padding: 30px 0;
}

/*-----*/
.headerWrap {
overflow: hidden;
}

.idxHedWrap {
position: relative;
/*margin-top: -90px;*/
background: #EEE;
z-index: 0;
height:  calc(100vh - 60px);
/*height:  800px;
height: 100vh;*/
} 

/*.idxHedWrap .hedBg {
width: 100%;
height: 300px;
background: rgba(0, 0, 0, 0.6);
position: absolute;
position: absolute;
margin-top: 0px;
top: 50%;
left: 0;
transform: translateY(-50%) translateX(0%);
-webkit-transform: translateY(-50%) translateX(0%);
z-index: 10;
}*/
.idxHedWrap .msg {
width: 100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/*position: absolute;
margin-top: -100px;
top: 50%;
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
text-align: center;
z-index: 20;*/
}
.msgIn {
width: 94%;
box-sizing: border-box;
margin: auto;
position: relative;
/*padding: 30px 40px;*/
z-index: 1;
}
.idxHedWrap .msgIn::after {
content: '';
display: inline-block;
width: 220px;
height: 233px;
background-image: url(../images/index/bg_logo.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 50%;
left: 60%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
z-index: -1;
opacity: 0.5;
}

.idxHedWrap .msg h2 {
font-size: 2.4rem;
line-height: 2;
text-align: center;
color: #FFFFFF;
position: relative;
text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}
.idxHedWrap .msg h3 {
font-size: 2rem;
text-align: center;
color: #FFFFFF;
text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}

.bgCom01 {
background-color: #fff;
position: relative;
padding-bottom: 40px;
}
.gray-light {
color: #B7C4CD !important;
}
.dot_bg {
    position: relative;
}

.vegas-slide {
height: 100% !important;
}


/*------*/
#contents {
overflow: hidden;
}

.idxComTit01,
.idxComTit01c {
font-size: 3rem;
line-height: 1;
font-weight: 400;
color: #222;
margin-bottom: 50px;
position: relative;
}

.redTxt {
color: #e4274c;
}


.idxComTit01c {
/*text-align: center;*/
}

.idxComTit01:before,
.idxComTit01c:before {
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 40px;
height: 2px;
left: 0%;
background-color: #222;
}

/*.idxComTit01c:before {
content: '';
position: absolute;
bottom: -20px;
display: inline-block;
width: 40px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #222;
}*/

.idxComTit02 {
font-size: 2rem;
font-weight: 500;
line-height: 1.8;
margin-bottom: 20px;
}

.idxComTit02 span {
  background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
  display: inline;
  padding: 0 4px 4px;
}

.idxComTit03 span {
background: #028ce4;
/*background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);*/
color: #fff;
font-size: 2rem;
padding: 10px 20px;
margin-bottom: 15px;
display: inline-block;
}

.idxComWidth {
width: 96%;
margin-left: auto;
margin-right: auto;
}

/*.comBtn02 {
padding-top: 40px;
}*/

.bgCom01 {
/*background-color: #fff;*/
position: relative;
padding-bottom: 40px;
}
.gray-light {
color: #B7C4CD !important;
}
.dot_bg {
    position: relative;
}

/* sec00
--------------------------------------------*/
.sec00 {
position: relative;
padding: 20px 0;
/*margin-bottom: 30px;*/
position: relative;
background-color: rgba(255,255,255,1);
}
.sec00::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/index/sec00_bg.png") center center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
  }
.sec00Box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.sec00Box p {
font-size: 1.7rem;
font-weight: bold;
line-height: 2;
/*color: #fff;
text-shadow: 1px 1px 0px rgba(0,0,0,.2);*/
}


/* sec01
--------------------------------------------*/
.sec01 {padding-top: 30px;}
/*----*/
.flexC {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sec01BoxWrap {
width: 100%;
box-sizing: border-box;
margin: auto;
/*padding: 40px;
background: -webkit-gradient(linear, right top, left top, from(#C6F1FF), to(#F4FFE8));
background: linear-gradient(-90deg, #C6F1FF, #F4FFE8);
border-radius: 20px;*/
}
.sec01Box {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
/*.sec01Box::before {
content: "";
position: absolute;
right: -80%;
bottom: -40px;
width: 200%;
height: 80%;
background: url(../images/index/sec01_bg.jpg) center center no-repeat;
background-size: cover;
z-index: -1;
}*/
/*.sec01Box::after {
content: "";
position: absolute;
right: -80%;
bottom: -40px;
width: 200%;
height: 80%;
background: -webkit-gradient(linear, left top, right top, from(#0ECC8A), to(#C8F54A));
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
z-index: -1;
opacity: 0.5;
}*/

.sec01Box_img {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
width: 30%;
margin: auto;
}
.sec01Box_img img {
/*border-radius: 50%;*/
}
.sec01Box_txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
}
.sec01Box_txtIn {
background-color: #E98B03;
box-sizing: border-box;
padding: 20px;
border-radius: 15px;
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.sec01Box_txtIn::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E98B03;
}
.sec01Box_txtIn p {
font-size: 1.5rem;
color: #fff;
}
.sec01Box_ttl {
margin-bottom: 30px;
}
.sec01Box_ttl h3 {
text-align: center;
font-size: 50px;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
/*text-transform: uppercase;*/
/*font-family: 'Montserrat';*/
/*font-family: 'Francois One', sans-serif;*/
font-family: 'Nunito', sans-serif;
color: #005993;
}
.sec01Box_ttl h3 span {
color: #005993;
background: linear-gradient(90deg, #005993, #92fe9d);
background: -webkit-linear-gradient(0deg, #005993, #92fe9d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sec01Box_ttl p {
text-align: center;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
}
.sec01Box_ttl p span{
position: relative;
display: inline-block;
padding: 0 0.5em;
}     
.sec01Box_ttl p span::before, .sec01Box_ttl p span::after{
position: absolute;
top: 50%;
transform:translateY(-50%);
content: '';
width: 20px;
height: 3px;
background: #222;
}
.sec01Box_ttl p span::before {left: 100%;}
.sec01Box_ttl p span::after { right: 100%;}


/* sec02
--------------------------------------------*/
.sec02 {}
.sec02 .box {
  display: flex;
  justify-content: space-between;
    	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  margin: 20px auto 0;
}
.sec02 .box .txt { width: 100%;}
.sec02 .box .img { width: 100%; position: relative; margin-bottom: 15px;}
.sec02 .box .img div { }
.sec02 .box .img div img { width: 100%; position: relative; z-index: 10;}

.secTtl {
margin-bottom: 15px;
}
.secTtl h3 {
font-size: 50px;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
/*text-transform: uppercase;*/
/*font-family: 'Montserrat';*/
/*font-family: 'Francois One', sans-serif;*/
font-family: 'Nunito', sans-serif;
color: #005993;
}
.secTtl h3 span {
color: #005993;
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background: -webkit-linear-gradient(0deg, #005993, #00c9aa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.secTtl p {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px;
display: inline-block;
position: relative;
padding-right: 50px;
}
.secTtl p::after {
position: absolute;
top: 50%;
right: 0px;
transform:translateY(-50%);
content: '';
width: 40px;
height:3px;
color: #0ECC8A;
background: #005993;
}

.secH4_l,
.secH4_r {
margin-bottom: 20px;
}
.secH4_l span{
font-size: 18px;
margin-bottom: 20px;
background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
padding: 0 2px 4px;
position: relative;
}
/*.secH4_l span::before {
content: "";
width: 400%;
height: 100%;
background: #111;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}*/
.secH4_r span{
font-size: 2rem;
margin-bottom: 20px;
background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
padding: 0 2px 4px;
position: relative;
}
/*.secH4_r span::before {
content: "";
width: 400%;
height: 100%;
background: #111;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}*/



/*--idxBox01----------------------*/
.idxBox01 {
width: 100%;
box-sizing: border-box;
margin: 40px 0 60px;
padding: 150px 0 0;
position: relative;
z-index: 1;
}
.idxBox01::before {
position: absolute;
content: '';
top: 0;
left:0;
display: block;
width: 100%;
height: 100%;
background-image: url("../images/index/idxBox01_bg.jpg");
background-position: center center; 
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.idxBox01__txt {
width: 100%;
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.idxBox01Box {
padding: 20px;
background: rgba(255,255,255,.9);
box-shadow: 0 0 20px rgba(0,0,0,.2);
position: relative;
}
.idxBox01__txt h4 {
text-align: center;
font-size: 2rem;
line-height: 1.8;
color: #005993;
margin-bottom: 20px;
position: relative;
}
/*.idxBox01__txt h4::before {
position: absolute;
content: 'motto house';
font-size: 7rem;
line-height: 1;
top: -90px;
left: -100px;
color: #f39800;
opacity: 0.9;
font-family: 'Nunito', sans-serif;
font-weight: 400;
transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
}*/
.idxBox01__txt p {
font-size: 1.5rem;
line-height: 2;
}



/*--idxBox02In_b----------------------*/
.idxBox02In_wrap {
padding: 20px 0;
/*margin-bottom: 40px;*/
}
.idxBox02In_b {
width: 96%;
margin: 0 auto 0;
}
.idxBox02In_b-ttl {
/*text-align: center;*/
margin-bottom: 30px;
position: relative;
}
.idxBox02In_b-ttl > p strong {
font-size: 2rem;
margin-bottom: 20px;
background: linear-gradient(transparent 60%, rgba(248,148,18,.2) 60%);
padding: 0 2px 4px;
position: relative;
}
.idxBox02In_b .dot_bg::before {
    display: block;
    content: "";
    position: absolute;
    background-size: 14px 14px;
    margin: 0 auto;
    background-color: transparent;
    background-image: radial-gradient(#005993 4%, transparent 14%),radial-gradient(#005993 4%, transparent 14%);
    background-position: 5px 5px, 12px 12px;
    background-repeat: repeat;
    z-index: -1;
left: 50%;
top: 100px;
width: 120%;
height: 110%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
    opacity: 0.25;
}
.idxBox02In_b-ttl .sec01Box_ttl {
margin-bottom: 30px;
}
/*.idxBox02In_b-ttl .sec01Box_ttl h3 {
color: #fff!important;
}*/
/*.idxBox02In_b-ttl h4 {
display: inline-block;
background-color: #005993;
color: #fff;
padding: 20px 60px;
font-size: 2rem;
margin-bottom: 30px;
}
.idxBox02In_b-ttl p {
padding: 0 2%;
text-align: left;
}*/
.idx02List {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.idx02List li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;
}
.idx02List li:nth-child(2n){
margin-right: 0;
}
.idx02List li:nth-child(n+3){
margin-top: 20px;
}
.idx02List_img {
width: 100%;
margin: 0 auto 20px;
position: relative;
z-index: 10;
}

.idx02List_img::before {
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
right: -10px;
bottom: -10px; 
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
z-index: -1;
}
.idx02List h5 {
font-size: 1.8rem;
color: #fff;
text-align: center;
}
.idx02List h4 {
text-align: center;
margin-bottom: 5px;
}
.idx02List h4 span {
font-size: 2rem;
color: #fff;
position: relative;
display: inline-block;
margin-bottom: 1em;
}
.idx02List h4 span:before {
content: '';
position: absolute;
bottom: -10px;
display: inline-block;
width: 30px;
height: 2px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
border-radius: 2px;
}

.idx02List_box h5 { position: relative; z-index: 10; color: #000; text-align: left; }
.idx02List_box h5 span { padding: 2px 7px; background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%); color: #fff; margin-right: 15px;  }



/* sec07
--------------------------------------------*/
.sec07 {
margin: 0;
position: relative;
z-index: 2;
width: 100%;
padding: 70px 0px; 
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
}
/*.sec07::before {
content: "";
position: absolute;
top: 0;
right: 0;
background: url("../images/index/sec07Bg01.jpg") center  center no-repeat;
background-size: cover;
width: 100%;
height: 24%;
opacity: 0.7;
z-index: -1;
}*/
/*.sec07::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
background-color: #005993;
background: rgb(4,124,193);
background: linear-gradient(90deg, rgba(4,124,193,1) 0%, rgba(0,201,170,1) 100%);
background-size: cover;
width: 100%;
height: 75%;
z-index: -1
}*/
.sec07 .sec01Box_ttl h3,
.sec07 .sec01Box_ttl p {
color: #fff;
}
.sec07 .sec01Box_ttl h3 span {
color: #fff;
-webkit-text-fill-color: #fff;
}
.sec07 .sec01Box_ttl p span::before,
.sec07 .sec01Box_ttl p span::after {
background: #fff;
}
.sec07 h2 {
text-align: center;
font-size: 4.0rem;
margin: 0 0 40px;
position: relative;
z-index: 5;
}
.sec07 ul {
width: 90%;
margin: auto;
list-style: none;
display: flex;
justify-content: space-between;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
position: relative;
z-index: 5;
}
.sec07 ul li {
width: 100%;
}
.sec07 ul li:nth-child(n+2) {
margin-top: 40px;
}
.sec07 ul li a {
display: block;
}
.sec07 ul li a .img {
position: relative;
}
.sec07 ul li a .img figure {
overflow: hidden;
position: relative;
z-index: 3;
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.sec07 ul li a .img figure img {
transition: 0.3s ease-in-out;
}
.sec07 ul li a:hover .img figure img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: 0.3s ease-in-out;
}
.sec07 ul li a .img .txt {
display: inline-block;
background-color: #fff;
padding: 15px 20px;
display: inline-block;
background: #fff;
margin-top: -100px;
position: relative;
z-index: 5;
}
.sec07 ul li a .img .txt p {
/*text-transform: uppercase;*/
font-size: 1.6rem;
letter-spacing: 0.05em;
font-weight: 400;
line-height: 1.1;
font-family: 'Nunito', sans-serif;
/*font-family: 'Montserrat';
font-family: 'Francois One', sans-serif;*/
margin-bottom: 10px;
}
.sec07 ul li a .img .txt h5 {
font-size: 1.8rem;
}




}