@charset "utf-8";
/* about css */

.bg_imgbox {
background: url("../img/about/title_bg.jpg");
background-size: cover;
}
@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/about/title_bg_sp.jpg") ;
background-size: cover;
}
}

/*-------------------------------------------------
sec_intro
-------------------------------------------------*/

.sec_intro {
position: relative;
padding: 0 0 0 11%;
}
.about_head_img {
position: relative;
}
.about_head_img::after {
content: "";
display: block;
background: #000;
opacity: 0.2;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.about_head_img img {
width: 100%;
}
.sec_intro .box_m {
position: relative;
margin-top: -5%;
}
.intro_copy {
font-family: "cormorant-garamond", serif;
font-weight: 500;
font-size: 9.375vw;
letter-spacing: 0;
mix-blend-mode: difference;
color: #fff;
line-height: 100%;
z-index: 10;
margin-bottom: 20px;
}
@media all and (min-width : 1920px ){
.intro_copy {
white-space: nowrap
}
}

.intro_heading_copy {
font-size: 2.4rem;
font-family: "fot-tsukumin-pr6n", sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
.intro_sentence {
font-size: 1.4rem;
line-height: 200%;
margin-bottom: 70px;
}

@media all and (max-width : 1024px ){
.sec_maincopy {
font-size: 2.0rem;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
.sec_sentence_txt {
font-size: 1.4rem;
line-height: 200%;
margin-bottom: 40px;
}
}

.left_txt_box {
width: 52.3%;
}
.about_imgbox {
width: 36.2%
}
.float_box {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.purpose_txt {
line-height: 200%;
padding-left: 35px;
}
.feature_list {
padding-left: 50px;
}
.feature_list li { 
padding: 3px 0px 3px 5px;
margin-bottom: 10px;
display:list-item;
list-style-type: decimal;
}
.outline_box {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 30px 5px 30px 30px;
border-top: solid 1px #ddd;
}
.outline_box:last-child {
border-bottom: solid 1px #ddd;
}
.outline_box dt {
width: 20%;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.1em;
}
.outline_box dd {
width: 80%;
font-size: 1.4rem;
}
.outline_box dd span {
font-family: "barlow-condensed", sans-serif;
font-weight: 400;
}
.outline_box dd a {
text-decoration: underline;
color: #8E6C47;
}
.outline_box dd a:hover {
text-decoration: none;
}

@media all and (max-width : 1260px ){
.left_txt_box {
width: 60%;
}
.purpose_txt {
line-height: 180%;
}
.purpose_txt {
line-height: 180%;
}
.float_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
}
}

@media all and (max-width : 820px ){
.content {
padding: 30px 0 60px;
}
.intro_heading_copy {
font-size: 2.0rem;
letter-spacing: 0.1em;
margin-bottom: 20px;
}
.intro_sentence {
font-size: 1.4rem;
line-height: 180%;
margin-bottom: 30px;
}

.left_txt_box {
width: 100%;
}
.about_imgbox {
width: 100%;
margin-bottom: 30px;
}
.float_box {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column-reverse;
margin-bottom: 40px;
}
}


@media all and (max-width : 767px ){
.content {
padding: 20px 0 40px;
}
.box_m {
padding: 0 0 0 10px;
}
.sec_intro {
padding: 0 0 0 5%;
}
.intro_copy {
margin-bottom: 10px;
}
.intro_heading_copy {
font-size: 1.4rem;
letter-spacing: 0.1em;
margin-bottom: 15px;
}
.intro_sentence {
font-size: 1.2rem;
line-height: 180%;
margin-bottom: 30px;
}
.about_imgbox {
margin-bottom: 20px;
}
.purpose_txt {
padding-left: 0px;
font-size: 1.2rem;
}
.feature_list {
padding-left: 15px;
font-size: 1.2rem;
}
.feature_list li { 
margin-bottom: 5px;
}
.outline_box {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 15px 5px 15px 5px;
}
.outline_box dt {
width: 100%;
font-size: 1.2rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.outline_box dd {
width: 100%;
font-size: 1.2rem;
}
}