@charset "UTF-8";

/* Art in Student Life Project スタイルシート ver.20260226 */
/* ---------------------------------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------------------------------- */
*,
*::before,
*::after{
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

html,body,main,section,
div,p,span,
h1,h2,h3,h4,h5,h6,
ul,ol,dl,li,dt,dd,
table,tr,th,td,
img,a{
margin:0;
padding:0;
border:0;
vertical-align:top;
}

html{
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing:auto;
font-weight:300;
font-style:normal;
color:#231815;
}

body{
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
background:#ffffff;
}

main{
width:100%;
margin:0 auto;
}

section{
padding:8vw;
}

ul,ol{
list-style-type:none;
}

hr{
margin:0;
border-top:4px solid #999999;
}

hr.line_s{
margin:5.333vw 0;
border-top:1px solid #666666;
}

img{
width:100%;
margin-bottom:2.666vw;
}


/* テキスト */
h1,
h2,
h3,
p,
ul{
margin-bottom:2.666vw;
font-weight:400;
font-feature-settings:'palt';
}

h1{
font-size:6.933vw;
line-height:1.25;
letter-spacing:0.14em;
}

h2{
font-size:6.4vw;
line-height:1.5;
}

h3{
font-size:4.266vw;
line-height:1.5;
letter-spacing:0.14em;
}

h1 span,
h2 span{
font-size:3.733vw;
letter-spacing:0.05em;
display:block;
}

h3 span{
font-size:2.4vw;
letter-spacing:0.05em;
display:block;
}

p{
font-size:2.4vw;
line-height:2;
letter-spacing:0.1em;
}

p span.spc-00{
letter-spacing:0;
}

ul{
font-size:3.733vw;
line-height:1.5;
letter-spacing:0.05em;
}


/* リンク設定 */
a{
text-decoration:none;
color:#231815;
transition:all 0.25s;
}

a:hover{
color:#cccccc;
}


/* 余白調整用 */
.txtL{text-align:left;}
.txtR{text-align:right;}
.mt0{margin-top:0;}
.mb0{margin-bottom:0;}
.mb10{margin-bottom:2.666vw;}
.mb20{margin-bottom:5.333vw;}

/* ---------------------------------------------------------------------------------------------------------------
 作品詳細
--------------------------------------------------------------------------------------------------------------- */
/*PC用で追加された部分*/
.sec01L span{
font-size:2.4vw;
display:block;
}

.sec02L{
width:56vw;
}

.sec02R{
margin-bottom:0; /*Photo by 〜表示時のみ適用*/
}

/* Art in Student Life Project */
h2.AiSLP{
margin-top:-4vw;
font-size:6.4vw;
line-height:2.2;
font-weight:500;
}

@media screen and (min-width: 317px) {
h2.AiSLP{
font-size:6.5vw;
}
}

@media screen and (min-width: 428px) {
h2.AiSLP{
font-size:6.6vw;
}
}

@media screen and (min-width: 654px) {
h2.AiSLP{
font-size:6.7vw;
}
}

h2.AiSLP span{
font-size:4vw;
font-weight:400;
display:block;
}

.gallerist{
width:26.66vw;
padding:0;
text-align:center;
display:inline-block;
}

.sec02L span,
.gallerist span{
font-size:2.4vw;
text-align:right;
display:block;
}

.gallerist a{
width:100%;
margin-bottom:5.333vw;
padding:0.533vw;
font-size:2.4vw;
font-weight:400;
color:#ffffff;
background:#231815;
display:block;
}

.gallerist a:hover{
background:#cccccc;
}


p.profile{
font-size:2.133vw;
line-height:1.8;
font-weight:300;
letter-spacing:0.05em;
text-align:justify;
}

img.logo{
width:10.66vw;
margin-left:1.333vw;
vertical-align:bottom;
}

.support{
padding:4vw;
}

.support dl{
width:19em;
margin:0 auto;
font-size:2.933vw;
line-height:1.7;
}

.support dt,
.support dd{
display:inline-block;
}

.support dd:last-child{
margin-left:6.6em;
}

/* アンケート */
.enquete{
padding:0;
}

.enquete a{
padding:3.2vw;
font-size:3.2vw;
font-weight:500;
text-align:center; color:#ffffff;
background:#00afec;
display:block;
}

.enquete a:hover{
background:#7ecef4;
}

.enquete a span{
margin-left:1em;
padding:0 1.333vw;
font-size:2.4vw;
font-weight:500;
color:#e85298;
vertical-align:0.24vw;
background:#ffffff;
border-radius:0.533vw;
display:inline-block;
}

@media screen and (min-width: 429px) {
h1{
font-size:4.266vw;
}

h2{
font-size:3.773vw;
}

h1 span,
h2 span{
font-size:2.4vw;
}

ul{
font-size:2.4vw;
}
}

/* ---------------------------------------------------------------------------------------------------------------
 PC表示用
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1281px) {

section{
max-width:1280px;
margin:0 auto;
padding:96px;
}

.sec01{
display:flex;
align-items:flex-end;
}

.sec01L{
width:688px;
}

.sec01R{
width:400px;
padding-left:40px;
}

.sec02{
display:flex;
flex-direction:row-reverse;
align-items:flex-end;
}

.sec02L{
width:368px;
margin-bottom:0;
}

.sec02R{
width:720px;
margin-bottom:14px; /*Photo by 〜表示時のみ適用*/
padding-left:40px;
}

.sec03{
display:flex;
}

.sec03L{
width:904px;
padding-right:40px;
}

.sec03L p{
padding-top:128px;
}

.gallerist{
width:184px;
}

.sec01L span,
.sec02L span,
.gallerist span{
font-size:14px;
}

.gallerist a{
width:100%;
margin-bottom:0;
padding:4px;
font-size:16px;
}

p.profile{
margin-top:56px;
padding-left:208px;
font-size:16px;
}

img{
margin-bottom:0;
}

img.logo{
width:96px;
margin-left:16px;

}

.support{
padding:64px;
}

.support dl{
width:37em;
font-size:20px;
}

.support dt,
.support dd{
display:inline-block;
}

.support dt:nth-child(3){
margin-left:1.25em;
}

.support dd:last-child{
margin-left:26.25em;
}

hr{
border-top:8px solid #999999;
}

hr.line_s{
margin:80px 0;
}

h1,
h2,
h3,
p,
ul{
margin-block:calc((1em - 1lh) / 2);
}

h1{
font-size:30px;
}

h2{
margin-top:20px;
font-size:28px;
}

h3{
margin-top:20px;
font-size:30px;
line-height:1.25;
}

.gallerist h3{
margin:5px 0;
}

h1 span,
h2 span,
h3 span{
font-size:16px;
}

h2 span{
line-height:1.2;
}

h2.AiSLP{
margin-top:-36px;
margin-bottom:72px;
font-size:72px;
line-height:2.1;
display:block;
}

h2.AiSLP span{
font-size:36px;
display:block;
}

p{
font-size:16px;
}

p span.spc-00{
letter-spacing:0.1em;
}

ul{
margin-top:30px;
font-size:16px;
}

.mb10{margin-bottom:0;}
.mb20{margin-bottom:0;}

}