@charset "UTF-8";
/* about
----------------------------------------------- */
.credo-intro{width: 100%;padding: 5vw 0 10vw;}
.credo-midashi{text-align: center;display: block; font-size: 4.5vw;font-weight: bold;margin: 0 auto 10vw;}

.credo-midashi02{    text-align: center;margin: 0 auto 4.5vw;}
.credo-midashi02 .en{ display: block; font-size: 5.5vw; color: #a5955f; line-height: 1; font-family: cormorant-garamond, serif;font-weight: 600; font-style: normal;}
.credo-midashi02 .jp{display: block;font-size: 3.5vw;}

.credo-intro .text{ width: 100%;  }
.credo-intro .text p{margin-bottom: 4vw;font-size: 3.5vw;line-height: 1.8;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}

.credo-img{ width: 100%;}
.credo-img img{ width: 100%;}

.mission{padding: 10vw 0;}
.text{margin: 0 auto ;}
.text b{font-size:4vw;font-weight: 600; margin-bottom: 2vw;display: block;}
.text p{font-size: 3.5vw;line-height: 1.8;}

.stance{padding: 10vw 0;background: #f6f6f6; }
.stance_text{font-size:4vw;font-weight: 600; margin-bottom: 6vw;display: block;line-height: 2;}
.stance .text p{font-size: 3.5vw;line-height: 1.8;margin-bottom: 4vw;}

.marker{    margin: 0 auto 0;
    padding: background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(194, 159, 84,0.5)));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(194, 159, 84,0.5) 75%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 75%, rgba(194, 159, 84,0.5) 65%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(194, 159, 84,0.5) 65%);}

.b-models-credo{padding: 10vw 0;}
.b-models-credo ul{width: 80%;margin: auto;}
.b-models-credo li{width: 100%; padding: 3vw;border-bottom:1px dashed #cbcbcc;font-size: 4vw;}
.b-models-credo li span{font-size: 5.5vw; line-height: 1; font-family: cormorant-garamond, serif;font-weight: 600;margin-right: 0.2em; }


@media screen and (min-width: 736px) {
/* pc
----------------------------------------------- */
.credo-intro{width: 100%;padding: 40px 0 100px;}
.credo-midashi{text-align: left;font-size: 26px;margin: 0 auto 50px;}

.credo-midashi02{text-align: left;margin: 0 auto 40px;}
.credo-midashi02 .en{display: inline-block;font-size: 46px;}
.credo-midashi02 .jp{display: inline-block;font-size: 20px;margin-left: 20px;}

.credo-intro .text{display: block;width:100%; margin: 0 auto; }
.credo-intro .text p{font-size: 22px;margin-bottom: 20px;}


.mission{padding: 100px 0;}
.text{margin: 0 auto ;}
.text b{font-size: 22px;margin-bottom: 20px;}
.text p{font-size: 16px;}

.stance{padding: 100px 0;background: url("../images/credo_stance.jpg"); background-size: cover;}
.stance_text{font-size:24px; margin-bottom: 30px;}
.stance .text p{font-size: 16px;margin-bottom: 20px;}


.b-models-credo{padding: 10vw 0;}
.credo-box{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start;}
.b-models-credo ul{width: 48%;margin: 0;}
.b-models-credo li{width: 100%; padding: 20px;font-size: 20px;}
.b-models-credo li span{font-size: 30px;  }


}