@charset 'UTF-8';
.common-mv{
  background-image: url(../images/mv.jpg);
}

.primary-content .wrap .attempt-message p {
  margin: -6px 0 0;
  line-height: 2;
}

.primary-content .wrap ul{
  margin: 67px 0 0;
  padding: 0;
}

.primary-content .wrap ul li + li{
  margin-top: 20px;
}

.primary-content .wrap ul li .attempt-category{
  background-color: #F4F4F4;
}

.primary-content .wrap ul li .attempt-category a{
  display: block;
  position: relative;
  padding: 30px 34px 26px;
  color: var(--main-color-black);
  text-decoration: none;
  font-size: 1.6875em;
  line-height: 1.6;
}

.primary-content .wrap ul li .attempt-category a:before {
  position: absolute;
  top: 50%;
  right: 34px;
  width: 48px;
  height: 48px;
  border: 1px solid var(--main-color-green);
  border-radius: 50%;
  background-color: #ffffff;
  transform: translate(0, -50%);
  content: "";
}

.primary-content .wrap ul li .attempt-category a:after{
  position: absolute;
  top: 46%;
  right: 41.5px;
  width: 15.7px;
  height: 15.7px;
  border-top: 1.5px solid var(--main-color-green);
  border-right: 1.5px solid var(--main-color-green);
  transform: translate(-50%, -50%) rotate(135deg);
  content: "";
}

.primary-content .wrap ul li.open .attempt-category a:after{
  top: 54%;
  right: 42px;
  transform: translate(-50%, -50%) rotate(-45deg);
}


.primary-content .wrap ul li .attempt-content{
  display: none;
  margin-bottom: 92px;
}

.primary-content .wrap ul li:last-child .attempt-content{
  margin-bottom: 0;
}

.primary-content .wrap ul li .attempt-content .content-block{
  padding: 0 16.5px;
}

.primary-content .wrap ul li + li .attempt-content .content-block{
  margin: 48px 0 0;
}

.primary-content .wrap ul li .attempt-content .content-block .inner img{
  flex: 0 0 35.53008595988539%;
}

.primary-content .wrap ul li .attempt-content .content-block .inner .text {
  padding-right: 4%;
}

.primary-content .wrap ul li .attempt-content .content-block .inner.t-only{
  margin-top: 57px;
}

.primary-content .wrap ul li .attempt-content .content-block .inner.t-only .text {
  padding-right: 0;
}

.primary-content .wrap ul li .attempt-content .content-block:first-child .title{
  margin: 54px 0 0;
}

.primary-content .wrap ul li .attempt-content .content-block .inner + .text {
  margin-top: 24px;
}

.primary-content .wrap ul li .attempt-content .content-block .inner + .text p {
  line-height: 2;
}

.primary-content .wrap ul li .attempt-content .content-block .inner .text p + p{
  margin-top: 24px;
}

.primary-content .wrap ul li .attempt-content .content-block .inner .text p a,
.primary-content .wrap ul li .attempt-content .content-block .inner .text cite a{
  color: #383838;
  text-decoration: underline;
}

.primary-content .wrap ul li .attempt-content .content-block .inner .text p sup{
  margin: 0 5px 0 0;
}

.primary-content .wrap ul li .attempt-content .content-block .inner .text table + p{
  margin-top: 16px;
}

.primary-content .wrap ul li .attempt-content .content-block .inner .text cite{
  display: block;
  margin-top: 18px;
  font-size: 0.875em;
  font-style: normal;
}

.primary-content .wrap ul li .attempt-content .content-block .related-link{
  margin-top: 30px;
  padding: 20px 31px 23px;
  /* border: 1px solid #A7A7A733; */
  background-color:#F4F4F4;
}

.primary-content .wrap ul li .attempt-content .content-block .related-link .link-title{
  margin: 0;
  color: var(--main-color-green);
  font-size: 0.875em;
}

.primary-content .wrap ul li .attempt-content .content-block .related-link ul {
  margin-top: 10px;
}

.primary-content .wrap ul li .attempt-content .content-block .related-link ul li{
  margin-top: 4px;
  font-size: 0.875em;
  padding-left: 1em;
  text-indent: -1em;
}

.primary-content .wrap ul li .attempt-content .content-block .related-link ul li+li{
  margin-top: 7px;
}


@media screen and (min-width: 769px){
  .primary-content .wrap ul li .attempt-content .content-block .inner .text p a:hover,
  .primary-content .wrap ul li .attempt-content .content-block .inner .text cite a:hover{
    text-decoration: none;
  }
}

@media screen and (max-width: 768px) {
  .wrap{
    padding: 0;
  }

  .common-mv{
    background-image: url(../images/mv_sp.jpg);
  }

  .primary-content{
    margin-bottom: -17px;
  }

  .primary-content .wrap .attempt-message{
    padding: 0 16px;
  }

  .primary-content .wrap .attempt-message p {
    margin: -5px 0 0;
  }

  .primary-content .wrap ul {
    margin: 52px 0 0;
  }

  .primary-content .wrap ul li + li {
    margin-top: 4px;
  }
  
  .primary-content .wrap ul li .attempt-category a{
    padding: 23px 20px 21px;
    font-size: 1.375em;
  }
  
  .primary-content .wrap ul li .attempt-category a:before {
    width: 26px;
    height: 26px;
    right: 18px;
  }
  
  .primary-content .wrap ul li .attempt-category a:after{
    top: 48%;
    width: 9px;
    height: 9px;
    right: 22px;
    border-top: 1px solid var(--main-color-green);
    border-right: 1px solid var(--main-color-green);
  }

  .primary-content .wrap ul li.open .attempt-category a:after {
    top: 53%;
    right: 22px;
  }

  .primary-content .wrap ul li .attempt-content {
    margin-bottom: 77px;
    padding: 0 4px;
  }
  
  .primary-content .wrap ul li .attempt-content .content-block {
    margin: 22px 0 0;
  }

  .primary-content .wrap ul li + li .attempt-content .content-block {
    margin: 24px 0 0;
  }
  
  .primary-content .wrap ul li .attempt-content .content-block .title::before {
    top: 14px;
  }
  
  .primary-content .wrap ul li .attempt-content .content-block:first-child .title {
    margin: 0;
  }

  .primary-content .wrap ul li .attempt-content .content-block .inner .text {
    padding-right: 0;
  }

  .primary-content .wrap ul li .attempt-content .content-block .inner .text p + p {
    margin-top: 17px;
  }
  
  .primary-content .wrap ul li .attempt-content .content-block .inner .text cite {
    margin-top: 27px;
  }

  .primary-content .wrap ul li .attempt-content .content-block .inner.t-only{
    margin-top: 28px;
  }

  .primary-content .wrap ul li .attempt-content .content-block + .content-block{
    margin: 66px 0 0;
  }

  .primary-content .wrap ul li .attempt-content .content-block .case{
    padding-left: 3.45%;
    width: 32%;
    text-align: left;
  }

  .primary-content .wrap ul li:last-child{
    margin-bottom: -6px;
  }
}