@charset "UTF-8";

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

html,body,main,
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;
}

div{
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;
}

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;}
.mb0{margin-bottom:0;}
.mb10{margin-bottom:2.666vw;}
.mb20{margin-bottom:5.333vw;}

/* ---------------------------------------------------------------------------------------------------------------
 作品詳細
--------------------------------------------------------------------------------------------------------------- */
img.author{
width:56vw;
}

/* 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;
}

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

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

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

div.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;
}

div.support{
padding:4vw;
}

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

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

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

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

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

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

div.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;
}
}