@charset "UTF-8";

.sp-only{
  display:none;
}
@media screen and (max-width: 767px) {
	.sp-only{
	  display:block;
	}
}

.song .content_header {
  margin: 120px auto 100px;
}
@media screen and (max-width: 767px) {
  .song .content_header {
    margin-bottom: 40px;
  }
}
.song .content_header audio{
  width:60%;
  margin: 0 auto;
  display:block;
}
@media screen and (max-width: 767px) {
  .song .content_header audio{
    width:100%;
  }
}
.song .section_header {
  background-color: #D9EDD9;
  padding: 70px 0;
}
@media screen and (max-width: 767px) {
  .song .section_header {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.song .content_body .section_title {
  font-size: 2.125em;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 1.64705882;
  margin-bottom: 20px;
  color: #2C394C;
  text-align: center;
  margin-bottom: 50px;
}
.song .content_body .section_title::after {
  margin-left: 0;
  content: none;
}
@media screen and (max-width: 767px) {
  .song .content_body .section_title {
    font-size: 1.4em;
    margin-bottom: 40px;
  }
}


.song .box-flex-1{
  margin: 30px -10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.song .box-flex-1 .box-cell{
  color: #2c394c;
  font-weight: 700;
  font-size: 1.6em;
  letter-spacing: 0.2em;
  line-height: 1.8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  flex: 1 1 auto;
}
.song .box-flex-1 .box-cell span{
  display: inline-block;
}
.song .box-flex-1 .box-cell .label{
  color: #008703;
  font-size: 1.2em;
  display: inline-block;
  margin: 10px 0 0;
}
@media screen and (max-width: 1024px) {
	.song .box-flex-1 .box-cell{
    flex: 0 1 50%;
	}
	.song .box-flex-1 .box-cell:nth-child(1){
    flex-basis: 100%;
	}
}
@media screen and (max-width: 767px) {
	.song .box-flex-1 .box-cell{
	  padding:10px;
	  font-size: 1.1em;
	  text-align:center;
	}
}



.song .block {
  width:100%;
  margin: 0 auto;
  padding: 110px 0 0;
}
.song .block .box-col-2{
  width:100%;
  margin: auto;
}
.song .block .box-col-2 p{
	font-size:1.1em;
	line-height:200%;
}
.song .block .box-col-2 .col-l,
.song .block .box-col-2 .col-r{
  width:48%;
}
.song .block .box-col-2 .col-l{
  float:left;
}
.song .block .box-col-2 .col-r{
  float:right;
}
.song .block .box-col-2::after{
  content:"";
  clear:both;
  display:block;
}
@media screen and (max-width: 767px) {
  .song .block {
    padding-top: 60px;
  }
  .song .block .box-col-2 p{
  font-size:1.0em;
  }
  .song .block .box-col-2 .col-l,
  .song .block .box-col-2 .col-r{
    width:100%;
    float:none;
  }
}