@charset "UTF-8";

/*all--------------------------------------*/

.measures .box_h1 {
 min-height: 400px;
 margin-bottom: 50px;
}

.measures.base.top .box_h1 {
 background-image: url("../../measures/img/main_image.png");
 position: relative;
}

.measures .box_h1 p {
 position: absolute;
 width: 100%;
 top: 0;
 left: 0;
 right: 0;
 height: 33px;
 background-color: rgba(175, 72, 72, 0.7);
}

.measures h1 {
 font-size: 240%;
 margin: 50px 0;
}

.measures h1 span {
 display: block;
}

.measures h2 {
 font-size: 210%;
 padding-left: 30px;
 text-align: left;
}
.box {
 padding-bottom: 4%;
}

/*layout------------------------------------*/

.measures .layout {
 margin-top: 150px;
}
.measures .speech {
margin-bottom: 80px;
font-size:120%;
}

.measures .layout .button_box {
 overflow: hidden;
}

.measures .layout .button_box p {
 width: 140px;
 height: 23px;
 padding-top: 5px;
 text-align: center;
 display: inline-block;
 border: 1px solid black;
 border-radius: 8px;
 margin: 0 10px 15px 0;
}

.measures .layout .button_box p + p {
 background-color: #ececec;
}

.measures .layout .title {
 border-bottom: 1px solid black;
 margin-bottom: 15px;
 padding-left: 15px;
 font-weight: bold;
 font-size: 120%;
}

.measures .layout .title span {
 margin-left: 20px;
 font-weight: normal;
}

.measures .layout .box {
 overflow: hidden;
}

.measures .layout .image {
 width: 35%;
}

.measures .layout .text {
 width: 40%;
 margin: 0px 2.5% 0;
}

.measures .layout .layout_data {
 width: 18%;
}

.measures .layout .layout_data p img {
 border: 1px solid black;
}

.measures .layout .layout_data p .pdf {
 border: none;
}

.measures .layout .layout_data p a {
 color: dodgerblue;
}

.measures.top h3.res:not(.exc):after {
 right: calc(45% - 170px);
}

.measures.top h3.res:not(.exc):before {
 left: calc(45% - 170px);
}

.measures.top .venue .box {
 overflow: hidden;
}

.measures.top .venue .box:last-child {
 border: none;
}

.measures.top .venue .box .image,
.measures.top .venue .box .text_area {
 float: left;
 width: 48%;
}

.measures.top .venue .box .image img {
    width: 100%;
}

.measures.top .venue .box .image {
 margin-right: 4%;
}

.measures.top .venue .box .text_area .text h4 {
 font-size: 140%;
 font-weight: bold;
 margin: 0 0 15px;
}

.measures.top .venue .box .text_area .text p {
font-size: 120%;
}

.box.colum3 {
 overflow: hidden;
}

.box.colum3 .icon_img {
 float: left;
 width: 30%;
 margin-right: 3%;
 padding-bottom: 4%;
margin-bottom: 1.5em;
}
.box.colum3 .icon_img img {
    width: 100%;
}
.box.colum3 .icon_img:nth-child(3n) {
margin-right:0;
}
.box.colum3 .icon_img h4 {
    font-size: 140%;
    margin-top: 15px;
    font-weight: bold;
}
.box.colum3 .icon_img p {
 display: block;
 margin-top: 15px;
}

@media screen and (max-width: 800px) {

.measures.base.top .box_h1 {
 background-size: contain;
 background-image: url("../../measures/img/main_image_sp.png");
}

 .measures.top h3.res:not(.exc):after {
  right: calc(28% - 170px);
 }

 .measures.top h3.res:not(.exc):before {
  left: calc(28% - 170px);
 }

 .box.colum3 .icon_img {
  float: none;
  width: 100%;
  text-align: center;
 }

 .measures.top .venue .box .image,
 .measures.top .venue .box .text_area {
  float: none;
  width: 100%;
 }

 .measures.top .venue .box .text_area .text h4{
margin-top: 10px;
 }

 .measures.top .venue .box .image {
  margin-right: 0%;
 }

 .box.colum3 .icon_img img{
     width: 70%;
 }

}

/*footer------------------------------*/

footer{
 margin-top: 150px;
}

/*end*/
