@charset "utf-8";


/* サムネ一覧 */

.thumbnail-h1{
    text-align: center;
    font-weight: bold;
    color: #c84040;
}

.interview-text{
    padding: 10px;
}


.home-course {
	display: flex;
	flex-flow: row wrap;
}

.home-course li {
	flex: 44%;
	margin: 0 2px 4px 2px;
	border: solid 5px #eee7e0;
	list-style-type: none;
	background:#eee7e0;
}


/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
	.home-course {
		flex-flow: row wrap;
	}
    
    .home-course li {
        flex: 20%;
    }
}

.home-course a {
	color: #393939;
	text-decoration: none;
}

.home-course a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  /*画像を70%の不透明度に
  もし50%にしたいときは
  上から50、0.5、0.5にします*/
}

.hom-course figure:hover {
	opacity: 0.5;
}

.home-course figcaption {
	padding: 15px 0;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
}




/* インタビュー個別ページ */

.interview-title{
    text-align: center;
    color: #c84040;
    font-weight: bold;
}


.interview-container{
    display: flex;
    flex-flow: column;
    margin: 0;
     }
     
@media only screen and (min-width:768px){
    section .interview-container{
         flex-flow: row;
    }
    
    .photo-block{
         flex: 1;
        }
    
    .text-block{
         flex: 1;
    }
    
    .text-block p{
    font-size: 1.2rem;
}
}


.photo-block{
    background-color: #fff;
    width: 100%;
    padding: 20px;
}

.photo-block img{
    border-radius: 20px;
    border: 9px solid #fff;
    display: block;
    width: 100%;
    margin: auto;
}

.text-block{
    background-color: #fff;
    padding: 30px 30px;
    widows: 100%;
    
}

h1 .sub-title{
    font-size:1.2rem; 
    line-height: 2;
}

.text-block h2{
    font-size: 2rem;
    margin-bottom: 30px;
}

.text-block h3{
    font-size: 1.3rem;
    line-height: 1.5;
}

.name{
    font-size: 2rem;
}


.text-block p{
    margin-top: 20px;
    font-size: 16px;
}