@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;}

.dantai{  width: 100%; margin: 0 auto; padding-top: 70px;}
.dantai h3{ width: 500px; color: #fff; background: #e4007f; text-align: center; font-size: 16px; line-height: 2em; margin: 0 auto; font-weight: normal; margin-bottom: 20px;}
.dantai p{ text-align: center;}

.logo{ width: 45%; margin: 0 auto;}
.logo img{ width: 100%;}
.record{ width: 100%; margin: 0 auto; padding-top: 70px;}
.record h3{ width: 500px;color: #fff; background: #e4007f; text-align: center; font-size: 16px; line-height: 2em; font-weight: normal; margin: 0 auto; margin-bottom: 0px;}

.record ul{ margin-bottom: 50px;}
.record ul li span:before{ content: "●"; color:#e4007f; }

.record dl{ margin-bottom: 50px; width: 100%; overflow: hidden;}
.record dl dt:before{ content: "●"; color:#e4007f; }
.record dl dt{ width: 80px; float: left;}
.record dl dd{ width: 720px; float: left; }

section > p.img,
section > p.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;}
.record dl dt{ width: 100%; float: none;}
.record dl dd{ width: 100%; float: none; }
}

@media screen and (max-width: 768px) {
	
    
#titile_area{ background-size:auto; background-position:80%;}
#titile_area h1 span {
    display: block;
    font-size: 28px;
    line-height: 1.5em;
}
#titile_area h2 {
    color: #fff;
    font-size: 22px;
}
.logo{ width: 90%;}
.dantai{ width: 100%; margin: 0 auto; padding-top: 70px 20px 0 20px; box-sizing: border-box;}
.record{ width: 100%; margin: 0 auto; padding-top: 70px 20px 0 20px; box-sizing: border-box;}

.dantai h3{ width: 100%;}
.record h3{ width: 100%;}

.dantai,
.record{ font-size: 12px;}

}