@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ slider ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.slider_top {
	max-width:100%;
	margin:0 0 auto;
	padding-top:80px;/*header とかぶらないように*/
	padding-bottom:0;
padding-right:0;
margin-right:0;
}
.slider_top img {
	max-width:100%;
	height:auto;
bottom:0;
	border-radius: 0px 0px 0px 150px;
}
@media (max-width: 992px) {
.slider_top {
	padding-top:60px;
}
}


/* ---------------------- news ---------------------- */
.infoList {
	margin-bottom: 10px;
}
.infoList ul {
list-style-type: none
}
 .infoList ul li a p.txt {
	float: none;
	width: auto;
display:inline;
}
.infoList ul li {
	border-bottom: 1px solid #dddddd;
}
.infoList ul li a {
	color:#333;
	display: block;
	padding: 5px 15px;
	overflow: hidden;
	transition: 0.2s;
}
.infoList ul li a:hover {
background:#f8f8f8;
color:#888888;
}
.infoList ul li a p.data {
	float: left;
	width: 35%;
	padding-top:7px;
}
.infoList ul li a p.data .tag {
	background-color:#333;
color:#FFF;
	display: inline-block;
	font-size: 14px;
	margin-left: 15px;
	margin-top: -2px;
	padding: 1px 15px;
	min-width: 90px;
	text-align: center;
}
span.date {
margin-left:7px;
}

.infoList ul li a p.txt {
	padding-top:7px;
	float: left;
	width: 65%;
}
@media only screen and (max-width: 768px) {
.infoList {
	margin-bottom: 0;
}
.infoList ul li a {
	padding: 10px;
	text-decoration: none;
}
.infoList ul li a p.data {
	font-size: 12px;
	float: none;
	width: auto;
}
.infoList ul li a p.data .tag {
	font-size: 10px;
	margin-left: 10px;
	margin-top: 0;
	line-height: 1;
	padding: 4px 12px;
	min-width: 70px;
}
.infoList ul li a p.txt {
	float: left;
	width: 100%;
}
}


/*================================================================================*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ contact ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.btn {
background:inherit;
border-radius:40px;
}
.btn-iro {
	color: #7cba7e;
	border:solid 1px #7cba7e;
	margin-bottom:3em;
	padding:10px 10px 10px 20px;
}
.btn-iro:hover {
	background-color: #7cba7e;
	color:#FFF;
}

.form_kakomi {
border:solid 1px #eee;
padding:1.2em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　interview　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.interview_story {
    width: 87.5%;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
padding-top:80px;
}
@media (max-width: 992px) {
.interview_story {
padding-top:60px;
}
}
@media screen and (min-width: 801px) {
    .interview_story {
        height:100vh;
        max-height: 60vw;
        min-height: 450px
    }
}

@media screen and (max-width: 800px) {
    .interview_story {
        display:block;
        width: 100%;
margin:0;
    }
}

.interview_story .iv-inner {
    z-index: 1;
    position: relative;
    width: 20%;/*★*/
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .interview_story .iv-inner {
        min-width:320px
    }
}

@media screen and (max-width: 800px) {
    .interview_story .iv-inner {
        width:75%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 800px) and (min-width:1601px) {
    .interview_story .iv-inner {
        width:62%
    }
}

.interview_story .iv-inner .iv_header {
margin-top: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 320px);
}
@media screen and (900px <= width <= 1080px)  {
.interview_story .iv-inner .iv_header {
margin-top: 40%;
    height: calc(100% - 420px);
}
}



@media screen and (max-width: 800px) {
    .interview_story .iv-inner .iv_header {
        margin:30px 0 20px;
        display: block
    }
}

.interview_story .iv-inner .iv_toptitle {
    font-weight: 900;
    font-size: 82px;
    line-height: 1.2;
/*    letter-spacing: 1.6px;*/
    font-family:'Hiragino Sans W6', 'sans-serif';
        letter-spacing:-0.07em;
    width: 100vw;
color:#3853e3;
}

.interview_story .iv-inner .iv_subtitle2 {
    font-weight: 900;
    font-size: 38px;
    line-height: 1;
/*    letter-spacing: 1.6px;*/
    font-family:'Hiragino Sans W6', 'sans-serif';
    width: 70vw;
margin-top:20px;
color:#000;
}
.iv-inner span {
display:block;
}
@media screen and (900px <= width <= 1080px)  {
.interview_story .iv-inner .iv_toptitle {
    font-size: 60px;
}
}
@media screen and (800px <= width <= 900px)  {
.interview_story .iv-inner .iv_toptitle {
    font-size: 42px;
}
.interview_story .iv-inner .iv_subtitle2 {
    font-size: 28px;
}
}



@media screen and (max-width: 800px) {
.interview_story .iv-inner .iv_toptitle {
        width:100%;
        font-size: 30px;
        letter-spacing: -1px;
        line-height: 1;

    }
.interview_story .iv-inner .iv_subtitle2 {
    font-size: 24px;
width:100%;/*追加　おかしくなったらここを修正*/
}
}



.interview_story .mv-thumb {
    width: 69.6%;
    height: 100%;
    overflow: hidden;
	border-radius: 0px 0px 0px 150px;
}

@media screen and (max-width: 800px) and (min-width:1000px) {
    .interview_story .mv-thumb {
        margin-top:30px;
        max-width: calc(100% - 320px)
    }
}

@media screen and (max-width: 800px) {
    .interview_story .mv-thumb {
        max-width:none;
        width: 100%
    }
}
/*------------------------*/
.bgImg_history {
position:relative;
}

.bgImg_history .histoyImg01 {
position: absolute;
/*top:28%;
left:75%;*/
transform: translate(560px,-480px);
 z-index:12;
width:230px;
}
.bgImg_history .histoyImg02 {
position: absolute;
bottom:4%;
left:13%;
 z-index:11;
width:190px;
}
@media screen and (910px <= width < 1100px) {
.bgImg_history .histoyImg01 {
transform: translate(0,0);
top:28%;
right:10%;
width:180px;
}
}
@media screen and (768px <= width <= 910px) {
.bgImg_history .histoyImg01 {
transform: translate(0,0);
top:18%;
right:8%;
width:180px;
}
}

@media screen and (600px <= width <= 768px)  {
.bgImg_history .histoyImg01 {
transform: translate(400px,-700px);
width:160px;
}
}
@media screen and (width < 600px) {
.bgImg_history .histoyImg01 {
transform: translate(200px,-780px);
width:150px;
}
}
@media screen and (width < 767px) {
.bgImg_history .histoyImg02 {
width:120px;
}
}
/*
.bgImg_history {
  background-image: url(../images/bg_history01.png), url(../images/bg_history02.png);
  background-position: right top, left 10% bottom;
  background-repeat: no-repeat, no-repeat;
z-index:-999;
}

.bg_footer {
background-image: url(../images/test.gif);
background-position:center bottom;
background-repeat: no-repeat;
background-size:cover;
height:900px;
}

@media screen and (max-width: 1300px) {
.bg_footer {
background-position:right center;
height:auto;
}
}

*/
.bg_footer {
background-image: url(../images/bg_footer.gif);
background-position:center center;
background-repeat: no-repeat;
background-size:cover;
height:800px;
width:100%;
}

@media screen and (990px <= width <= 1380px)  {
.bg_footer {
height:600px;
}
}

@media screen and (768px <= width <= 990px)  {
.bg_footer {
height:400px;
}
}


@media screen and (width <= 767px) {
.bg_footer {
height:800px;
background-position:center right;
}
}
/*------------------------*/
.info_outer {
    width: 87.5%;
    margin-left: auto;
    margin-right: 0;
    display: flex;
flex-direction:column;
justify-content:end;
}
.info_outer_re {
    width: 87.5%;
    margin-left: 0;
    margin-right: auto;
    display: flex;
flex-direction:column;
justify-content:start;
}



@media screen and (max-width: 768px) {
.info_outer,
.info_outer_re {
width:92%;
}
}

.info_area {
    width:100%;
    margin-left: auto;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
}
.info_areaRe {
    width:100%;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
flex-direction:row-reverse;
}



@media screen and (max-width: 768px) {
    .info_area, .info_areaRe {
        display:block;
        width: 100%
    }
}

.info_area .info_title_in,
.info_areaRe .info_title_in {
    z-index: 1;
    position: relative;
    width: 10%;/*★*/
    height: 100%;
}

@media screen and (max-width: 1000px) {
    .info_area .info_title_in,
.info_areaRe .info_title_in {
        min-width:80px
    }
}

@media screen and (max-width: 768px) {
    .info_area .info_title_in,
.info_areaRe .info_title_in {
        width:95%;
        margin-left: auto;
        margin-right: auto
    }
}

.info_area .infoBG {
    width: 80%;
    height: 100%;
    overflow: hidden;
background:#eee;
border-radius:50px 0 0 50px;
padding:80px 40px 80px 80px;
z-index:10;
}
.info_areaRe .infoBG {
    width: 80%;
    height: 100%;
    overflow: hidden;
background:#3853e3;
border-radius:0 50px 50px 0;
padding:80px 40px 80px 80px;
}




@media screen and (max-width: 768px) {
    .info_area .infoBG,
.info_areaRe .infoBG {
        margin-top:30px;
        max-width:none;
        width: 100%;
padding:40px 10px 30px 40px;
    }
}

.info_areaRe .infoBG h4 {
font-size:1.8rem;
color:#FFF;
}

.info_areaRe .infoBG p {
color:#FFF;
line-height:1.8;
   padding: 1rem 1rem 0;
}
.info_areaRe .infoBG p.sign_p {
text-align:right;
}

.info_sign {
max-width:180px;
margin-left:0.8em;
}
/*------------------------*/

/*=======*/
.timeline {
    position: relative;
    max-width: 900px;
    margin:0;
z-index:30;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #007bff;
    top: 0;
    bottom: 0;
    left: 10%;
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    width: 90%;
    padding: 5px 5px;
    box-sizing: border-box;
z-index:20;
}

.timeline-item {
    left: 10%;
    text-align: left;
}


.timeline-item::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 15px;
    background-color: #007bff;
    border: 3px solid #007bff;
    border-radius: 50%;
    left: 0%;
    transform: translate(-50%, -50%);
}


.timeline-content {
    padding: 10px 15px 0px;
    border-radius: 6px;
width:100%;
display:flex;
flex-direction:row;
}
.timeline-content p.date {
width:140px;
font-size:1rem;
margin:0 0 3px 0;}
.timeline-content p.desc {
font-size:1.1rem;
margin-bottom:5px;
}

@media only screen and (max-width: 910px) {
.timeline-content {
flex-direction:column;
}
}




.license_list ul {
margin: 20px 0 20px;
padding: 5px;

}
.license_list li {
list-style-type: disc;
background:#fff;
border-bottom: 1px solid #333;
padding: 20px 0 20px 20px;
display: block;
}
.license_list li:first-child {
border-top: 1px solid #333;
}


/* ================ */

 /*.img-maru img {
border-radius:50px;
max-width:250px;
}*/

.ourwork {
font-size:42px;
font-weight:900;
padding:5px 0 0 5px;
}
.ourwork_lead {
font-size:24px;
line-height:2.4;
padding:30px 50px 10px 5px;
font-weight:600;
}

@media (810px <= width < 1000px) {
.ourwork {
font-size:42px;
padding:5px 0 0 10px;
}
.ourwork_lead {
font-size:22px;
line-height:2.2;
padding:50px 5px 10px 10px;
}
}
@media only screen and (max-width: 813px) {
.ourwork {
text-align:center;
}
.ourwork_lead {
font-size:18px;
padding:30px 10px 10px;
}
}
.ourwork_wrap {
    display: flex;
flex-direction:row;
position:relative;
}
.ourwork_imagebox {
width:55%;
}
.ourwork_textbox {
width:45%;
}
@media only screen and (max-width: 813px) {
.ourwork_wrap {
flex-direction:column;
}
.ourwork_imagebox, .ourwork_textbox {
width:100%;
}
}


.nimaime {
position: absolute;
    left: 220px;
    top: 150px;
z-index:1;
}
.sanmaime {
position: absolute;
    left: 120px;
    top: 320px;
z-index:-9999;
z-index:2;
}

@media only screen and (max-width: 813px) {
.ichimaime, .nimaime, .sanmaime {
display:none;
}

}
.ourwork_imagebox img {
border-radius:40px;
max-width:280px;
}
@media (802px <= width < 1000px)  {
.ourwork_imagebox img {
max-width:235px;
}
}
@media only screen and (min-width: 767px) {
.ourwork_sp_image {
display:none;
}
}
.COM_go {
display:flex;
flex-direction:column;
width:60%;
}
.infoBGIMG {
position:relative;
width:auto;
}
.infoBGIMG_IN {
position:absolute;
top:50%;
left:55%;
max-width:400px;
z-index:1;
}

@media only screen and (max-width: 767px) {
.COM_go {
width:100%;
padding:30px 15px 20px 10px;
}
.infoBGIMG_IN {
display:none;
}
}
.infoBGIMG_IN img, .COM_go_img img {
border-radius:50px;
}


/*今は使っていない

.c01{
  position: relative;
color:var(--mainC);
}
.c01::before{
    content: "";
 position: absolute;
 z-index: 1;
 top: 100%;
 right: 0%;
 bottom: 0%;
 left: 0%;
    background :var(--mainC);
  }
.c01.active{
    animation-name: kf_c01a;
    animation-duration: 1s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
  }
.c01.active::before{
      animation-name: kf_c01b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
    animation-delay: 1.8s;
    }

@keyframes kf_c01a {
  100%{
color:var(--mainC);
  }
}
@keyframes kf_c01b {
  50%{
    bottom: 0%; top: 0%;
  }
  100%{
    bottom: 0%; top: 100%;
  }
}


.c02{
  position: relative; color: transparent;
    font-family:'Hiragino Sans W6', 'sans-serif';
color:#000;
}
.c02::before{
    content: "";
 position: absolute;
 z-index: 1;
 top: 0%;
 right: 100%;
 bottom: 0%;
 left: 0%;
    background :#000;

  }
.c02.active{
    animation-name: kf_c02a;
    animation-duration: 1s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
  }
.c02.active::before{
      animation-name: kf_c02b;
      animation-duration: 1s;
      animation-fill-mode: forwards;
    animation-delay: 1.8s;
    }

@keyframes kf_c02a {
  100%{
    color: inherit;
  }
}
@keyframes kf_c02b {
  50%{
    left: 0%; right: 0%;
  }
  100%{
    left: 100%; right: 0%;
  }
}
*/

/*===============*/

/*#menu1, #info, #gaiyo {
  padding-top: 180px;
}*/



.slider_katsudo ul {
margin-bottom:0;
}
.slider_katsudo {
max-width:100%;
margin-left:auto;
margin-right:auto;

}
.slider_katsudo li {
margin:0 15px 15px;
}
/*.slider_katsudo .bn_filter {
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
}
*/
/*----*/