@charset "utf-8";

/* --------------------------------------------------------- */
/* /about/message.css */
/* --------------------------------------------------------- */


/* message --------------------------- */
#message{}

#title{width:40.182%;}
#mv{margin-bottom:8.889%;}

.message{}
.message h2{margin-bottom:6.667%;padding:0 1em;color:#fff;font-size:18px;line-height:222%;background:#ad1e23;box-sizing:border-box;}
.message .msg{display:flex;flex-wrap:wrap;justify-content:space-between;}
.message + .message{margin-top:14.445%;}

.msg .intro{width:32.223%;}
.msg .intro .image{}
.msg .intro .txt{margin-top:6.897%;}
.msg .intro .txt li{font-size:15px;line-height:160%;}
.msg .intro .txt .post{}
.msg .intro .txt .name{margin:0.3em 0;font-size:22px;font-weight:bold;line-height:128%;}
.msg .intro .txt .en{}

.msg .txtbox{width:56.667%;margin-top:4.445%;}
.msg .txtbox .lead{margin-bottom:7.844%;font-size:28px;font-weight:bold;line-height:178%;}
.msg .txtbox .txt{font-size:15px;line-height:186%;}
.msg .txtbox .txt + .txt{margin-top:1.75em;}

.archive{margin:10% auto 8.889%;}
.archive h3{font-size:15px;line-height:160%}
.archive h3 span{color:#ad1e23;}
.archive .acvwrap{display:flex;flex-wrap:wrap;}
.archive .acv{width:32.223%;margin:0 1.665% 1.112% 0;}
.archive .acv:nth-of-type(3n){margin-right:0;}
.archive .year{padding:0 1.334em;font-size:15px;line-height:266%;border:1px solid #cccccc;background:url(/img/about/message/icon-archiveopen.png) no-repeat;background-position:center right 1.334em;background-size:0.867em auto;box-sizing:border-box;cursor:pointer;}
.archive .year.on{background-image:url(/img/about/message/icon-archiveclose.png);}
.archive .link{display:none;}
.archive .link li{padding:0 1.667em;font-size:15px;line-height:266%;background:url(/img/about/message/icon-archivearrow.png) no-repeat;background-position:center left 0.667em;background-size:0.6em auto;box-sizing:border-box;}
.archive .link a{text-decoration:none;}
.archive .link a:hover{text-decoration:underline;}



@media screen and (max-width: 1240px){

/* message --------------------------- */
.message h2{font-size:1.452vw;}

.msg .intro .txt li{font-size:1.21vw;}
.msg .intro .txt .name{font-size:1.774vw;}

.msg .txtbox .lead{font-size:2.258vw;}
.msg .txtbox .txt{font-size:1.21vw;}

.archive h3{font-size:1.21vw;}
.archive .year{font-size:1.21vw;}
.archive .link li{font-size:1.21vw;}


}



@media screen and (max-width: 750px){


/* message --------------------------- */
#title{width:74.559%;}
#mv{width:110.295%;margin:0 0 11.765% -5.1475%;}

.message{}
.message h2{margin-bottom:5.883%;font-size:3.734vw;}
.message .msg{display:block;}
.message + .message{margin-top:19.118%;}

.msg .intro{width:100%;display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto 0%;}
.msg .intro .image{width:42.648%;}
.msg .intro .txt{width:52.04%;margin-top:0;}
.msg .intro .txt li{font-size:3.2vw;}
.msg .intro .txt .post{}
.msg .intro .txt .name{font-size:4.267vw;}
.msg .intro .txt .en{}

.msg .txtbox{width:100%;margin-top:5.883%;}
.msg .txtbox .lead{margin-bottom:5.883%;font-size:4.8vw;}
.msg .txtbox .txt{font-size:3.2vw;line-height:175%;}

.archive{margin:13.236% auto;}
.archive h3{font-size:3.2vw;}
.archive .acv{width:100%;margin:2.942% 0 0 0;}
.archive .year{font-size:3.2vw;border-width:0.134vw;}
.archive .link li{font-size:3.2vw;}
.archive .link a:hover{text-decoration:none;}


}