@charset "utf-8";



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

.hed_img .hed_ttl { background: url("../images/company/index/head_img.jpg") center/cover;}



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

.index {}
.index .cont01 { padding: 100px 0;}
.index .cont01 p {}

.index .cont02 {}
.index .cont02 ul { display: flex; justify-content: center; flex-wrap: wrap;}
.index .cont02 ul li { width: 30%; flex-basis: 30%; margin: 0 0 40px 50px;}
.index .cont02 ul li:nth-child(3n+1) { margin-left: 0;}
.index .cont02 ul li {}
.index .cont02 ul li .company_img { margin-bottom: 10px; position: relative;}
.index .cont02 ul li .company_img img { width: 100%;}
.index .cont02 ul li .slide_txt h4{ font-size: 1.3em; font-weight: 500; margin-bottom: 10px; }
.index .cont02 ul li .slide_txt p{ color: #d09c80; }


/* overview
--------------------------------------------*/

.overview {}
.overview .cont01 {}
.overview .cont01 table { border-bottom: solid 1px #d09c80; margin: 0 auto 100px;}
.overview .cont01 table th { font-size: 1.2em; color: #d09c80; padding: 20px 40px; border-top: solid 1px #d09c80; text-align: left; width: 30%;}
.overview .cont01 table td { padding: 20px; border-top: solid 1px #d09c80;}


/* history
--------------------------------------------*/

.history {}
.history .cont01 {}
.history .cont01 table { border-bottom: solid 1px #d09c80; margin: 0 auto 100px;}
.history .cont01 table th { font-size: 1.6em; font-weight: 500; color: #d09c80; padding: 50px 40px 20px; border-top: solid 1px #d09c80; text-align: left; display: block;}
.history .cont01 table td { padding: 0px 40px 50px; display: block;}


/* name
--------------------------------------------*/

.name {}
.name .cont01 {}
.name .cont01 .box { display: flex; justify-content: space-between; align-items: center; margin: 0 auto 100px;}
.name .cont01 .box .img { width: 45%; flex-basis: 45%; position: relative;}
.name .cont01 .box .img img { width: 100%;}
.name .cont01 .box .txt { width: 45%; flex-basis: 45%; font-size: 1.1em; font-weight: bold;}



/* ambition
--------------------------------------------*/

.ambition {}
.ambition .cont01 { padding: 0 0 100px;}


.ambition .cont02 { padding: 0 0 70px;}
.ambition .cont02 .box { position: relative;}
.ambition .cont02 .box .illust_img { position: absolute; bottom: 0%; right: 0px; width: 300px;}
.ambition .cont02 .box .img { margin: 0 0 30px;}
.ambition .cont02 .box .txt { margin: 0 0 80px;}
.ambition .cont02 .box .txt h3 { position: relative; font-size: 1.4em; font-weight: 500; color: #d09c80; margin: 0 0 20px;}
.ambition .cont02 .box .txt p {}


.ambition .cont04 { padding: 100px 0; margin: 0 0 150px; position: relative; background: #f4efe9;}
.ambition .cont04 ul { list-style: none; display: flex; justify-content: space-between;}
.ambition .cont04 ul li {  width: 30%;}
.ambition .cont04 ul li .img { margin: 0 0 10px; position: relative;}
.ambition .cont04 ul li .img img { width: 100%;}
.ambition .cont04 ul li h4 { font-size: 1.2em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont04 ul li p {}
.ambition .cont04 ul li .insta { width: 50%; margin-top: 10px; margin-left: auto;}
.ambition .cont04 ul li a { color: #d09c80;}
.ambition .cont04 ul li .insta img { width: 25%;}


/* .ambition .cont02 { padding: 0 0 150px;}
.ambition .cont02 .box { display: flex; justify-content: space-between;}
.ambition .cont02 .box .img { width: 45%; flex-basis: 45%; position: relative;}
.ambition .cont02 .box .txt { width: 45%; flex-basis: 45%;}
.ambition .cont02 .box .txt h3 { font-size: 1.4em; font-weight: 500; color: #d09c80; margin: 0 0 20px;}
.ambition .cont02 .box .txt p {} */


.ambition .cont03 { padding: 0 0 150px;}
.ambition .cont03 .box { display: flex; justify-content: space-between;}
.ambition .cont03 .box .img { width: 35%; flex-basis: 35%; position: relative;}
.ambition .cont03 .box .img img { border-radius: 0px;}
.ambition .cont03 .box .txt { width: 55%; flex-basis: 55%;}
.ambition .cont03 .box .txt h3 { font-size: 1.4em; font-weight: 500; color: #d09c80; margin: 0 0 20px;}
.ambition .cont03 .box .txt p {}


/* .ambition .cont04 { padding: 100px 0; margin: 0 0 150px; position: relative; background: #f4efe9;}
.ambition .cont04 ul { list-style: none; display: flex; justify-content: space-between;}
.ambition .cont04 ul li {  width: 30%;}
.ambition .cont04 ul li .img { margin: 0 0 10px; position: relative;}
.ambition .cont04 ul li .img img { width: 100%;}
.ambition .cont04 ul li h4 { font-size: 1.2em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont04 ul li p {}


.ambition .cont05 { padding: 0 0 100px;}
.ambition .cont05 .box { display: flex; justify-content: space-between;}
.ambition .cont05 .box .img { width: 45%; flex-basis: 45%; position: relative;}
.ambition .cont05 .box .txt { width: 45%; flex-basis: 45%;}
.ambition .cont05 .box .txt h3 { font-size: 1.4em; font-weight: 500; color: #d09c80; margin: 0 0 20px;}
.ambition .cont05 .box .txt p {} */





/* contributions
--------------------------------------------*/

.contributions {}
.contributions .cont01 { margin: 0 0 100px;}
.contributions .cont01 .txt {}
.contributions .cont01 .txt h3 { font-size: 1.8em; font-weight: 500; margin-bottom: 20px;}
.contributions .cont01 .txt p {}


.contributions .cont02 { padding: 0 0 100px;}
.contributions .cont02 .img { margin: 0 0 30px; position: relative;}
.contributions .cont02 .img img { width: 100%;}
.contributions .cont02 .txt { }
.contributions .cont02 .txt p { }







}
/*----------------------------------------------------------------------*/







/*sp*/
@media only screen and (max-width: 768px) {

.hed_img .hed_ttl { background: url("../images/company/index/head_img.jpg") center/cover;}



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

.index {}
.index .cont01 { padding: 50px 0;}
.index .cont01 p {}

.index .cont02 {}
.index .cont02 ul{  }
.index .cont02 ul li{ margin-bottom: 40px; }
.index .cont02 ul li .company_img{ margin-bottom: 10px; position: relative; }
.index .cont02 ul li .slide_txt h4{ font-size: 1.1em; font-weight: 500; margin-bottom: 10px; }
.index .cont02 ul li .slide_txt p{ color: #d09c80; }


/* overview
--------------------------------------------*/

.overview {}
.overview .cont01 {}
.overview .cont01 table { width: 100%; border-bottom: solid 1px #d09c80; margin: 0 auto 50px;}
.overview .cont01 table th { font-size: 1em; color: #d09c80; padding: 10px 20px 0; border-top: solid 1px #d09c80; text-align: left; width: 100%; display: block; box-sizing: border-box;}
.overview .cont01 table td { padding: 10px 20px; font-size: 0.9em; border-top: none; display: block; box-sizing: border-box;}


/* history
--------------------------------------------*/

.history {}
.history .cont01 {}
.history .cont01 table { width: 100%; border-bottom: solid 1px #d09c80; margin: 0 auto 50px;}
.history .cont01 table th { font-size: 1.2em; font-weight: 500; color: #d09c80; padding: 10px 20px 0; border-top: solid 1px #d09c80; text-align: left; width: 100%; display: block; box-sizing: border-box;}
.history .cont01 table td { padding: 10px 20px; font-size: 0.9em; border-top: none; display: block; box-sizing: border-box;}


/* name
--------------------------------------------*/

.name {}
.name .cont01 {}
.name .cont01 .box { margin: 0 auto 50px;}
.name .cont01 .box .img { margin: 0 0 10px; position: relative;}
.name .cont01 .box .img img { width: 100%;}
.name .cont01 .box .txt { font-weight: bold;}



/* ambition
--------------------------------------------*/

.ambition {}
.ambition .cont01 { padding: 0 0 50px;}


.ambition .cont02 { padding: 0 0 0px;}
.ambition .cont02 .box { position: relative;}
.ambition .cont02 .box .illust_img { position: absolute; top: 170px; right: 0px; width: 30%; z-index: -1;}
.ambition .cont02 .box .img { margin: 0 0 50px; position: relative;}
.ambition .cont02 .box .txt { margin: 0 0 50px;}
.ambition .cont02 .box .txt h3 { font-size: 1.1em; font-weight: 500; color: #d09c80; margin: 0 0 10px; position: relative;}
.ambition .cont02 .box .txt p {}


.ambition .cont04 { padding: 50px 0; margin: 0 0 50px; position: relative; background: #f4efe9;}
.ambition .cont04 ul { list-style: none;}
.ambition .cont04 ul li { margin-bottom: 30px;}
.ambition .cont04 ul li .img { margin: 0 0 10px; position: relative;}
.ambition .cont04 ul li .img img { width: 100%;}
.ambition .cont04 ul li h4 { font-size: 1em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont04 ul li p {}
.ambition .cont04 ul li .insta { width: 50%; text-align: right; margin-top: 10px; margin-left: auto;}
.ambition .cont04 ul li a { color: #d09c80;}
.ambition .cont04 ul li .insta img { width: 25%;}


/* .ambition .cont02 { padding: 0 0 50px;}
.ambition .cont02 .box { }
.ambition .cont02 .box .img { margin: 0 0 10px; position: relative;}
.ambition .cont02 .box .txt { }
.ambition .cont02 .box .txt h3 { font-size: 1.1em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont02 .box .txt p {} */


.ambition .cont03 { padding: 0 0 50px;}
.ambition .cont03 .box { }
.ambition .cont03 .box .img { margin: 10px 0 0; position: relative;}
.ambition .cont03 .box .img img { border-radius: 0px;}
.ambition .cont03 .box .txt { }
.ambition .cont03 .box .txt h3 { font-size: 1.1em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont03 .box .txt p {}


/* .ambition .cont04 { padding: 50px 0; margin: 0 0 50px; position: relative; background: #f4efe9;}
.ambition .cont04 ul { list-style: none;}
.ambition .cont04 ul li { margin-bottom: 30px;}
.ambition .cont04 ul li .img { margin: 0 0 10px; position: relative;}
.ambition .cont04 ul li .img img { width: 100%;}
.ambition .cont04 ul li h4 { font-size: 1em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont04 ul li p {}


.ambition .cont05 { padding: 0 0 50px;}
.ambition .cont05 .box { }
.ambition .cont05 .box .img { margin: 0 0 10px; position: relative;}
.ambition .cont05 .box .txt { }
.ambition .cont05 .box .txt h3 { font-size: 1.1em; font-weight: 500; color: #d09c80; margin: 0 0 10px;}
.ambition .cont05 .box .txt p {} */





/* contributions
--------------------------------------------*/

.contributions {}
.contributions .cont01 { padding: 0 0 50px;}
.contributions .cont01 .txt {}
.contributions .cont01 .txt h3 { font-size: 1.3em; font-weight: 500; margin-bottom: 10px;}
.contributions .cont01 .txt p {}


.contributions .cont02 { padding: 0 0 50px;}
.contributions .cont02 .img { margin: 0 0 10px; position: relative;}
.contributions .cont02 .img img { width: 100%;}
.contributions .cont02 .txt { }
.contributions .cont02 .txt p { }







}