@charset "utf-8";

/*
  File Name   : page.css
  Description : 下層
*/

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

#about .section-catch {
	background: url(/assets/image/about/img-catch.png) 50% 50% no-repeat;
	background-size: cover;
}

#profile .section-catch {
	background: url(/assets/image/profile/img-catch.png) 50% 50% no-repeat;
	background-size: cover;
}

#result .section-catch {
	background: url(/assets/image/result/img-catch.png) 50% 50% no-repeat;
	background-size: cover;
}

.result-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
    	-moz-box-pack: justify;
    	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
  				justify-content: space-between;
}

.result-list__item {
    margin-bottom: 40px;
}

.result-list__text {
	display: block;
	padding: 5px;
	margin-bottom: 15px;
	background-color: #e55e1c;
	text-align: center;
	color: #fff;
}

.result-list .link-text {
	text-decoration: underline;
}

.resultPhoto {
    margin: 30px 0;
}

#result .link-btn01 {
    margin: 0  auto;
}

.back {
    text-align: center;
}


/* sp section-result
------------------------------------------------------------ */
@media screen and (max-width: 811px) {
	.section-result {
		padding: 0;
	}

	.section-result .section__title-01 {
		margin-bottom: 60px;
		text-align: center;
	}

	.section-result .section__title-01:after {
		bottom: -25px;
		left: 50%;
	  -webkit-transform: translateX(-50%);
	  transform: translateX(-50%);
	}

	.section-result .link-btn01 {
		position: static;
		width: 100%;
	}

	.result-list {
	  display: block;
	  margin-bottom: 20px;
	}

	.result-list__item:not(:first-of-type) {
		margin-top: 15px;
	}

	.result-list__item a {
		display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: start;
	     -ms-flex-align: start;
	        align-items: flex-start;
	}

	.result-image {
		width: 150px;
	}

	.result-detail {
		width: 100%;
		padding-left: 10px;
	}

	.result-list__text {
		padding: 3px 10px;
		margin-bottom: 10px;
		text-align: left;
	}
    
    .pcOnly {
    display: none;
}
    #result .section__inner iframe {
        width: 100% !important;
    }
    
    .resultDetail .result-list img {
        width: 100%;
    }
}