@charset "utf-8";
/* CSS Document */



#titile_area{ width: 100%; background: url("img/MariTanigawa_main.png") no-repeat center; background-size: cover; padding: 68px 0;  letter-spacing: 0.4em;}
#titile_area h1{text-align: center; color: #fff; margin-bottom: 60px;}
#titile_area h1 img{width: 247px; margin-bottom: 65px;}
#titile_area h1 span{ display: block; font-size: 38px;}
#titile_area h2{ color: #fff; font-size: 37px; font-weight: bold; text-align: center;}
#titile_area h2 span{ width: 62.5%; margin: 0 auto;  display: block; font-size: 20px; border-top: solid #fff 3px; padding-top: 12px; margin-top: 12px;}

#main_contents{ width: 800px; margin: 0 auto; padding: 84px 0 120px 0;}
#main_contents .profile{ width: 100%; overflow: hidden;}

.biography{ width: 100%; overflow: hidden;}

.record_list{ width: 100%; margin: 0 auto; padding-top: 70px;}
.record_list h3{ width: 500px; color: #fff; background: #e4007f; text-align: center; font-size: 16px; line-height: 2em; font-weight: normal; margin:0 auto;}

.record_list table{ width: 100%;}
.record_list table td:first-child{ width: 50%;}
.record_list table td:nth-child(2){ width:20%;}
.record_list table td:nth-child(3){ width:30%; text-align: right;}
.record_list table td:first-child span:before{ content: "●"; color:#e4007f; }
.record_list table .red{ color: #ff0000;}

.record_list .img img{ width:100%;}

@media screen and (max-width: 800px) {


#main_contents{ width:100%; margin: 0 auto; padding: 84px 20px 120px 20px; box-sizing: border-box;}


}

@media screen and (max-width: 768px) {
	
#titile_area{ background-size: auto;}

#titile_area h1 span{ display: block; font-size: 28px; line-height: 1.5em;}

.record{ width: 100%; margin: 0 auto; padding-top: 70px 20px 0 20px; box-sizing: border-box;}
.record_list h3{ width: 100%;}

.record_list table{ width: 100%;}
.record_list table td:first-child{ width: 100%; display: block;}
.record_list table td:nth-child(2){ width:100%;display: block;text-align: right;}
.record_list table td:nth-child(3){ width:100%; display: block; text-align: right; border-bottom: solid 1px #eeeeee; padding-bottom: 8px;}
.record_list table td:first-child span:before{ content: "●"; color:#e4007f; }
.record_list table .red{ color: #ff0000;}



}