@charset "UTF-8";
#keyvisual{
	padding:150px 0 50px 0;
    position:relative;
}/*
#keyvisual::before{
    content:"";
	position:absolute;
    z-index: -1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #fff;
    background-image: url("https://www.transparenttextures.com/patterns/cartographer.png");
    opacity: .3;
}*/
#ks_bg2{
	background-image:url("image.php?id=004");
}

#sec01{
	padding-top:100px;
	padding-bottom:150px;
    margin-bottom:-25px;
    position:relative;
	background-image:url("image.php?id=022");
    background-position:bottom left;
    background-size:35% auto;
    background-repeat: repeat-x;
}
@media screen and (max-width:1149px){
#sec01{
    background-size:50% auto;
}
}
@media screen and (max-width:768px){
#sec01{
	padding-top:50px;
	padding-bottom:50px;
}
}
#sec01 img{
	max-width:600px;
}
#sec01 .detailtxt{
	margin-top:50px;
	line-height: 2.5;
	font-weight:700;
}

#sec02{
	padding-top:100px;
	padding-bottom:100px;
    background-color:#f4f4f4;

}
@media screen and (max-width:768px){
#sec02{
	padding-top:50px;
	padding-bottom:50px;
}
}

.mini_en_title{
    font-family: sans-serif;
    color:var(--rosered);
    font-weight:700;
    margin-bottom:30px;
    letter-spacing: 0.05em;
}
.mission_cont{
    background-color:#fff;
    padding: 100px 50px;
    border-radius:20px;
}
.mission_box{
    max-width:1000px;
    margin:0 auto;
}
.mission_title{
    font-weight:900;
    margin-bottom:50px;
}
@media screen and (max-width:1149px){
.mission_cont{
    padding: 50px 5%;
    border-radius:15px;
}
}
@media screen and (max-width:768px){
.mission_cont{
    padding: 50px 2.5%;
    border-radius:10px;
}
}



#sec03{
	padding-top:150px;
	padding-bottom:100px;
    background-image: url("image.php?id=036");
    background-size:auto 100%;
    background-position:right bottom;
    background-repeat: no-repeat;
    background-color:rgba(255,255,255,0.8);
    background-blend-mode:lighten;
}
@media screen and (max-width:768px){
#sec03{
	padding-top:50px;
}
}

#sec04{
	padding-top:100px;
	padding-bottom:100px;
}
.value_cont{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.value_item{
    width:32%;
    min-width:320px;
    margin:0.5%;
    padding-top:40px;
    padding-bottom:20px;
    border-radius:10px;
}
@media screen and (max-width:900px){
.value_item{
    width:100%;
}
}
@media screen and (max-width:768px){
#sec04{
	padding-top:50px;
}
}
.value_icon_cont{
    width:100%;
    text-align: center;
}
.value_item:first-child{
    background: linear-gradient(0deg, #ff0068, #d400a1);
    position:relative;
}
.value_item:first-child::after{
    content:"創造性";
    width:fit-content;
    height:fit-content;
    font-weight:900;
    padding:10px;
    border-radius:0 0 5px 5px;
    color:#d400a1;
    background-color:#fff;
    position:absolute;
    top:-1px;
    left:10px;
}
.value_item:nth-child(2){
    background: linear-gradient(0deg, #1dbda1, #00a8d4);
    position:relative;
}
.value_item:nth-child(2)::after{
    content:"信頼性";
    width:fit-content;
    height:fit-content;
    font-weight:900;
    padding:10px;
    border-radius:0 0 5px 5px;
    color:#00a8d4;
    background-color:#fff;
    position:absolute;
    top:-1px;
    left:10px;
}
.value_item:nth-child(3){
    background: linear-gradient(0deg, #fca728, #ff5900);
    position:relative;
}
.value_item:nth-child(3)::after{
    content:"挑戦心";
    width:fit-content;
    height:fit-content;
    font-weight:900;
    padding:10px;
    border-radius:0 0 5px 5px;
    color:#ff5900;
    background-color:#fff;
    position:absolute;
    top:-1px;
    left:10px;
}
.value_item p{
    color:#fff;
    text-align:center;
    padding: 20px 30px 15px 30px;
}

#sec05{
	padding-top:100px;
	padding-bottom:200px;
}
@media screen and (max-width:768px){
#sec05{
	padding-top:50px;
	padding-bottom:100px;
}
}

#sec05 h3{
    text-align: center;
}
.company_table dt,.company_table dd{
  font-size: clamp(11px, calc(10px + 0.625vw), 16px);
  display: block;
  word-wrap: break-word;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  line-height: 2;
}
.company_table dl {
    display: flex;
    font-weight: 500;
    padding: 25px 0;
    border-bottom: 1px solid #d4d4d4;
    position:relative;
}
.company_table dl dt {
    width:150px;
    min-width: 9em;
    padding-right: 2em;
}
.company_table dl::after{
    content:"";
    width:150px;
    height:1px;
    position:absolute;
    bottom:-1px;
    left:0;
    background-color:var(--rosepink);
}
.company_table dl dd {
    width:calc(100% - 150px);
    padding-left: .5em;
}
.company_table .in-table dd,.company_table .in-table dt {
    border-bottom: none;
    padding-top: 0;
}

#sec04 iframe{
    margin-top:30px;
}

@media screen and (max-width:768px){
.company_table dl {
    flex-direction: column;
}
.company_table dl dt {
    border-bottom:none;
}
.company_table dl::after{
    content:"";
    width:35%;
    bottom:-1px;
}
.company_table dl dd {
    width:100%;
    padding-left: 0px;
}
}