@charset "utf-8";


/*===============================================
	sdgs
===============================================*/
#sdgs {
	position: relative;
	max-width: 800px;
	margin: 30px auto 65px;
	background-color: #FFF;
}
#sdgs h3.line {
	top:-30px;
	margin-bottom: 0;
}
#sdgs .sdgsWrap {
    padding:0 60px 50px;
}
#sdgs .sdgsWrap .txt{
    margin: 0 0 35px;
    font-size:1.3rem;
    font-weight: 500;
    line-height: 2;
    text-align: center;
}
#sdgs .sdgsWrap .notes {
    margin-top: 25px;
    text-align: center;
    line-height: 1.6;
}
@media screen and (max-width:900px){
#sdgs {
	margin: 30px 5% 20px;
}
#sdgs .sdgsWrap {
    padding:0 7% 35px;
}
#sdgs .sdgsWrap .txt{
    margin: 0 0 35px;
    font-size:1rem;
    text-align: left;
}
#sdgs .sdgsWrap .notes {
    margin-top: 25px;
    font-size:0.8rem;
    text-align: center;
    line-height: 1.6;
}
}


/*===============================================
	attempt
===============================================*/
#attempt {
    max-width: 800px;
	margin: 0 auto;
}
#attempt h3 {
    margin: 0 0 35px;
    padding:5px 0;
    color:#FFF;
    font-size:1.6rem;
    font-weight: 600;
    text-align: center;
    background-color: var(--main-bg1);
}
#attempt h4 {
    margin: 0 0 25px;
    padding:15px 15px;
    font-weight: 600;
    font-size:1.4rem;
    border-top:1px solid var(--main-bg1);
    border-bottom:1px solid var(--main-bg1);
}
#attempt h4 span {
    margin:0 15px 0 0;
    padding:3px 20px;
    color:var(--main-bg1);
    font-size:1.2rem;
    background-color: #fff000;
    border-radius: 30px;
}
#attempt .attemptWrap {
    margin: 0 0 45px;
	display: flex;
	justify-content:space-between;
}
#attempt .attemptImg {
    width:27%;
}
#attempt .attemptList {
    width: 70%;
}
#attempt .attemptList .img {
    margin: 0 0 20px;
}
#attempt .attemptList .img img {
    height: 128px;
}
#attempt .attemptList dl dt {
    position: relative;
    margin: 0 0 3px;
    padding-left: 1em;
    color:var(--main-bg1);
    font-size:1.1rem;
    font-weight: 600;
    line-height: 1.6;
}

#attempt .attemptList dl dt::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
}
#attempt .attemptList dl dd {
    margin: 0 0 10px 15px;
    font-size:0.95rem;
    line-height: 1.6;
}
#attempt .attemptList dl dd li {
    position: relative;
    padding-left: 1em;
}
#attempt .attemptList dl dd li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width:900px){
#attempt {
	margin: 0 5% 90px;
}
#attempt h3 {
    margin: 0 0 25px;
    padding:10px 0;
    color:#FFF;
    font-size:1.4rem;
}
#attempt h4 {
    margin: 0 0 25px;
    font-size:1.4rem;
    text-align: center;
}
#attempt h4 span {
    display: block;
    width:120px;
    margin: 0 auto 10px;
    padding:3px 0;
    font-size:1.2rem;
}
#attempt .attemptWrap {
    margin: 0 0 45px;
	flex-direction: column-reverse;
}
#attempt .attemptImg {
    width:70%;
    margin: 0 auto;
}
#attempt .attemptList {
    width:100%;
    margin: 0 0 10px;
}
#attempt .attemptList .img {
    text-align: center;
}
#attempt .attemptList .img img {
    height: 100px;
}
    #attempt .attemptList dl dt {
        font-size: 0.96rem;
    }
#attempt .attemptList dl dd {
    margin: 0 0 15px 15px;
}
}