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

/*PC*/
@media print, screen and (min-width: 769px) {
#contents p {
line-height: 1.8;
}
.hedImg_in::after {
content: '';
display: inline-block;
width: 70%;
background: url("../images/about/hed_img.jpg")  center center no-repeat;
background-size: cover;
margin-top: 20px;
}
.comBtn03, .comBtn04 {
margin-top: 60px;
}
.gara01 {
position: relative;
}
.gara01::before {
content: "";
position: absolute;
left: -60px;
top: -40px;
width: 150px;
height: 150px;
background: -webkit-gradient(linear, left top, right top, from(#0ECC8A), to(#C8F54A));
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
opacity: 0.4;
}
.gara01::after {
content: "";
position: absolute;
right: -120px;
bottom: 20px;
width: 180px;
height: 80px;
background: -webkit-gradient(linear, left top, right top, from(#0ECC8A), to(#C8F54A));
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
opacity: 0.4;
}

/* index
--------------------------------------------*/
.idxAbGray {
margin-top: 30px;
background-color: #f4f4f4;
padding: 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.idxAbGray_img {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.idxAbGray_txt {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
}
.cpBtnList {
position: relative;
}
.cpBtnList::before {
content: "";
position: absolute;
left: -50%;
bottom: -40px;
width: 130%;
height: 84%;
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
z-index: -1;
opacity: 0.1;
}
.cpBtnList ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.cpBtnList li {
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
max-width: 31%;
margin-right: 3.5%;
background-color: #0081cf;
border-radius: 30px;
box-shadow: 0 0 20px rgba(0,0,0,.1);
overflow: hidden;
}

.cpBtnList li:nth-child(3) {
margin-right: 0%;
}

.cpBtnList_box-ttl {
padding: 20px;
}

.cpBtnList_box-ttl h4 {
color: #fff;
text-align: center;
font-weight: 500;
font-size: 2.4rem;
letter-spacing: 0.1em;
margin-top: -40px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
z-index: 5;
position: relative;
}

.cpBtnList_box-p {
padding: 0 20px;
}

.cpBtnList_box-p p {
border-top: #fff 1px solid;
padding: 20px 0;
color: #fff;
position: relative;
} 

.cpBtnList_box-p p::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin-top: -3px;
border: 0px;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-right-color: currentcolor;
border-right-style: none;
border-right-width: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.cpBtnList li a:hover .cpBtnList_box-p p::after {
right: 0px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.cpBtnList li .cpBtnList_box-img img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.cpBtnList li .cpBtnList_box-img {
overflow: hidden;
}

.cpBtnList li a:hover .cpBtnList_box-img img {
transform: scale(1.1);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}


/* p_message
--------------------------------------------*/
.msHed {
position: relative;
margin-bottom: 60px;
}
.msHed_ttl {
position: absolute;
top: 30%;
left: 50px;
transform:  translateY(-50%);
-webkit-transform: translateY(-50%);
color: #0ECC8A;
font-size: 5.6rem;
font-weight: 500;
}
.msHed_ttl  span {
background: linear-gradient(transparent 70%, #ffde00 70%);
display: inline;
padding: 0 2px 4px;
}
.msHed .msHed_name {
position: absolute;
bottom: -60px;
left: 100px;
background: -webkit-gradient(linear, left top, right top, from(#0FD8B1), to(#46C4DB));
background: linear-gradient(90deg, #0FD8B1, #46C4DB);
padding: 50px;
color: #fff;
} 

.msHed .msHed_name h6 {
font-size: 1.8rem;
margin-bottom: 10px;
}

.msHed p span {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
font-size: 2rem;
}

.msTxt {
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;
}

.msTxt_p {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
line-height: 1.8;
}
.msTxt_p h6 {
color: #008CA7;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 20px;
}

.msTxt_img {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
padding-top: 80px;
}


/* d_message
--------------------------------------------*/
.flexBox_bw-txt h4 {
color: #0ECC8A;
font-size: 2rem;
margin-bottom: 15px;
}

.dmList {
width: 86%;
}

.dmList:nth-child(even) {
margin-left: auto;
margin-right: 0;
}

.dmList:nth-child(n+2) {
margin-top: 70px;
}

.dmList_ttl {
display: inline-block;
color: #fff;
font-size: 1.8rem!important;
background-color: #0ECC8A;
padding: 20px 30px;
margin-bottom: 30px;
position: relative;
border-radius: 100px;
}

.dmList_ttl::after {
position: absolute;
content: '';
top: 100%;
left: 50px;
border: 15px solid transparent;
border-top: 15px solid #0ECC8A;
width: 0;
height: 0;
}

.dmFlex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.dmFlex_txt {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}

.dmFlex_img {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}

.dmFlex_img p {
padding-top: 10px;
font-size: 0.9em;
}

.dmBg {
position: relative;
}
.dmBg::before {
content: "";
position: absolute;
left: -50%;
top: 30%;
width: 130%;
height: 55%;
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
z-index: -1;
opacity: 0.1;
}


/* factory
--------------------------------------------*/
.ftList {
margin-top: 40px;
}
.ftList ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ftList li {
-ms-flex-preferred-size: 22%;
flex-basis: 30.66%;
margin-right: 4%;
}
.ftList li:nth-child(3n) {
margin-right: 0;
}




}




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




/*sp*/
@media only screen and (max-width: 768px) {
.hedImg_in::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100px;
  background: url("../images/about/hed_img.jpg")  center center no-repeat;
  background-size: cover;
  margin-top: 10px;
}
.comBtn03, .comBtn04 {
margin-top: 40px;
}

/* index
--------------------------------------------*/
.idxAbGray {
margin-top: 30px;
background-color: #f4f4f4;
padding: 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.idxAbGray_img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
margin-bottom: 10px;
}
.idxAbGray_txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}

.cpBtnList ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.cpBtnList li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;
background-color: #0081cf;
border-radius: 15px;
box-shadow: 0 0 20px rgba(0,0,0,.1);
overflow: hidden;
}

.cpBtnList li:nth-child(2) {
margin-right: 0%;
}

.cpBtnList li:nth-child(3) {
margin-top: 15px;
}

.cpBtnList_box-ttl {
padding: 20px 10px;
}

.cpBtnList_box-ttl h4 {
color: #fff;
text-align: center;
font-weight: 500;
font-size: 1.8rem;
letter-spacing: 0.1em;
margin-top: -30px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
z-index: 5;
position: relative;
}

.cpBtnList_box-p {
padding: 0 10px;
}

.cpBtnList_box-p p {
border-top: #fff 1px solid;
padding: 10px 0;
color: #fff;
position: relative;
} 

.cpBtnList_box-p p::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin-top: -3px;
border: 0px;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-right-color: currentcolor;
border-right-style: none;
border-right-width: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.cpBtnList li a:hover .cpBtnList_box-p p::after {
right: 0px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.cpBtnList li .cpBtnList_box-img img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.cpBtnList li .cpBtnList_box-img {
overflow: hidden;
}

.cpBtnList li a:hover .cpBtnList_box-img img {
transform: scale(1.1);
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}


/* p_message
--------------------------------------------*/
.msHed {
position: relative;
margin-bottom: 20px;
}
.msHed_ttl {
/*position: absolute;
top: 30%;
left: 50px;
transform:  translateY(-50%);
-webkit-transform: translateY(-50%);*/
color: #0ECC8A;
font-size: 2.6rem;
text-align: center;
font-weight: 500;
margin-bottom: 20px;
}
.msHed_ttl  span {
background: linear-gradient(transparent 70%, #ffde00 70%);
display: inline;
padding: 0 2px 4px;
}
.msHed .msHed_name {
background-color: #1e73be;
padding: 20px;
color: #fff;
text-align: right;
} 

.msHed .msHed_name h6 {
font-size: 1.6rem;
margin-bottom: 5px;
}

.msHed p span {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
font-size: 1.8rem;
}

.msTxt {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.msTxt_p {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
line-height: 1.8;
}
.msTxt_p h6 {
color: #008CA7;
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 20px;
}

.msTxt_img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
padding-top: 30px;
}


/* d_message
--------------------------------------------*/
.flexBox_bw-txt h4 {
color: #0ECC8A;
font-size: 1.8rem;
margin-bottom: 15px;
}

.dmList {
width: 100%;
}

/*.dmList:nth-child(even) {
margin-left: auto;
margin-right: 0;
}*/

.dmList:nth-child(n+2) {
margin-top: 40px;
}

.dmList_ttl {
display: inline-block;
color: #fff;
font-size: 1.6rem!important;
background-color: #0ECC8A;
padding: 15px 25px;
margin-bottom: 30px;
position: relative;
border-radius: 100px;
}

.dmList_ttl::after {
position: absolute;
content: '';
top: 100%;
left: 50px;
border: 15px solid transparent;
border-top: 15px solid #0ECC8A;
width: 0;
height: 0;
}

.dmFlex {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.dmFlex_txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 20px;
}

.dmFlex_img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}

.dmFlex_img p {
padding-top: 10px;
font-size: 0.9em;
}

/*.dmBg {
position: relative;
}
.dmBg::before {
content: "";
position: absolute;
left: -50%;
top: 30%;
width: 130%;
height: 55%;
background: linear-gradient(90deg, #0ECC8A, #C8F54A);
z-index: -1;
opacity: 0.1;
}*/


/* factory
--------------------------------------------*/
.ftList {
margin-top: 30px;
}
.ftList ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ftList li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-right: 4%;
}
.ftList li:nth-child(2n) {
margin-right: 0;
}
.ftList li:nth-child(n+3) {
margin-top: 20px;
}


}