@charset "UTF-8";
.second-text img{margin-bottom:5vw;width:100%;}

.intro{margin-bottom:10%;position:relative;}
.intro .sub{font-family:var(--mincho);font-size:5vw;font-weight:600;}
.subbox{background:#e7e0ed;padding:6%;position:relative;margin-bottom: 12vw;}
.subbox span{font-family: paganini;font-weight: 300;color:#fff;font-size:14vw;position:absolute;right:4vw;bottom: -3vw;line-height:1;}
.thoughts{margin-bottom:10vw;}
.thoughts .pic img{width:80%;}
.thoughts .pic img:nth-child(1){margin: -1vw 0 4vw auto;}
.thoughts .sub{color:var(--purple01);font-weight:bold;font-size: 110%;text-align:center;}

.message .right{text-align:right;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.second-text img{margin-bottom: 30px;}
.intro .sub{font-size:30px;}
.intro .textbox img{max-width:420px;}
.subbox p{position:relative;z-index:1;}

}

@media screen and (min-width: 900px) { 
.intro{margin-bottom:100px;}
.intro >img{position:absolute;right: calc(50% - 920px);width:900px;}
.intro .sub{font-size:24px;}
.intro .textbox{width: 58%;max-width: 550px;position:relative;}
.subbox{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;padding: 30px;align-items: center;margin-bottom: 100px;}
.subbox img{width:45%;margin-bottom:0;}
.subbox p{width:50%;}
.subbox span{font-size:100px;bottom: -22px;right: 30px;}

.thoughts{margin-bottom:100px;}
.thoughts .pic{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.thoughts .pic img{width:50%;}
.thoughts .pic img:nth-child(1){margin: 0 0 30px 0;}
.thoughts .sub{font-size:25px;}

.message{position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.message img{width:40%;order: 2;}
.message .textbox{width: 57%;}
}