/*エフェクト*/
.effect-fade    {
    transition:all .5s !important;
}

.effect-fade.effect-scroll  {
    opacity:1 !important;
    transform:translate(0,0);
}


#main_content   {
    width:374px;
    margin-left:auto;
    margin-right:auto;
}

#main_content .ooda_san   {
    width:374px;
    margin-left:auto;
    margin-right:auto;
}

#main_content .ooda_san .main_ooda_san  {
    position:relative;
    width:100%;
    height:720px;
    overflow: hidden;
}

#main_content .ooda_san .main_ooda_san .first_view  {
    background-color:#8c75aa;
    width:180px;
    height:20px;
    position:absolute;
    left:70px;
	top:105px;
    text-align:center;
    transition:.3s;
    cursor: pointer;
}

#main_content .ooda_san .main_ooda_san .first_view a  {
    display:block;
    width:180px;
    height:20px;
    text-decoration:none;
}

#main_content .ooda_san .main_ooda_san .first_view:hover  {
    background-color:#634E7F;
}

#main_content .ooda_san .main_ooda_san .first_view p  {
    color:#fff;
    margin:0;
    font-size:13px;
}

#main_content .ooda_san .main_ooda_san .file  {
    background-image:url("../../images/ooda/sp/ooda_san/file_s.png");
    background-position:0 0;
    background-repeat: no-repeat;
    width:294px;
    height:433px;
    transition:.5s;
    cursor: pointer;
	position:absolute;
	left:0;
	right:0;
	top:220px;
	margin:auto;
}

#attention  {
    width:360px;
    height:600px;
    background-color:#fff;
    padding:20px;
    position:relative;
}

#attention .close_btn    {
    position:absolute;
    right:50px;
    top:50px;
    display:none;
}

#attention .head    {

    width:100%;

}

#attention .head .logo    {
    letter-spacing: normal;
    display:inline-block;
    vertical-align: top;
}

#attention .head .txt    {
    font-size:14px;
    vertical-align: top;
}

#attention .head .txt p    {
    margin:0;

}

#attention .attention_bar  {
    width:316px;
    height:20px;
    background-color:#8c75aa;
    text-align:center;
	
	margin-top:10px;
}

#attention .attention_bar p  {
    color:#fff;
    font-size:15px;
    margin:0;
    line-height:20px;
}

#attention .character_area  {
    letter-spacing:-.4em;
}

#attention .character_area .character_box  {
    display:inline-block;
    width:440px;
    margin-top:10px;
}

#attention .character_area .character_box .character  {
    display:inline-block;
    vertical-align: top;
	width:100px;
	height:auto;
}

#attention .character_area .character_box .txt  {
    width:220px;
    display:inline-block;
    letter-spacing: normal;
    vertical-align: top;
	font-size:12px;
}

#attention .character_area .character_box .txt h3  {
    margin:0;
}

#attention .character_area .character_box .txt p  {
    margin:0;
}

#main_content .ooda_san .main_ooda_san .file .no   {
    position:absolute;
    right:7px;
    top:1px;
    color:#8c75aa;
    font-size:24px;
    font-weight:bold;
    margin:0;
}

#main_content .ooda_san .main_ooda_san .file h2   {
    color:#3e3a39;
    margin:0;
    font-size:20px;
	margin-top:45px;
	margin-left:10px;
	margin-right:10px;
	line-height:1.2em;
}

#main_content .ooda_san .main_ooda_san .file h3   {
    margin:0;
	margin-left:10px;
    font-size:14px;
    font-weight:500;
}

#main_content .ooda_san .main_ooda_san .file .name   {
    font-size:23px;
    margin:0;
    color:#3e3a39;
    font-weight:bold;
	margin-left:10px;
}

#main_content .ooda_san .main_ooda_san .file .name span   {
    font-size:14px;
    margin-left:7px;
}

#main_content .ooda_san .main_ooda_san .file .note   {
    font-size:16px;
    margin:0;
    color:#3e3a39;
	margin-left:10px;
	margin-right:10px;
	line-height:1.2em;
}

#main_content .ooda_san .main_ooda_san .file hr   {
	margin-left:10px;
	margin-right:10px;
}

#main_content .ooda_san .main_ooda_san .file .image01  {
    display:block;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:auto;
	margin-top:10px;
}

/*個別ページ*/
#main_content.interview_wrap    {
    background-color:#9978b3;
    padding-bottom:100px;

}

#main_content.interview_wrap .logo_area    {
    position:relative;
    width:313px;
    height:80px;
    margin-left:auto;
    margin-right:auto;
}

#main_content.interview_wrap .logo_area .logo    {
    position:absolute;
    left:0;
    bottom:-48px;
    z-index:0;
}

#main_content.interview_wrap .interview_head    {
    width:313px;
    height:378px;
    left:0;
    right:0;
    margin:auto;
    background-image:url("../../images/ooda/sp/ooda_san/file_head_s.png");
    background-repeat: no-repeat;
    background-position:0 0;
    padding-top:80px;
    position:relative;
    z-index:1;

}
#main_content.interview_wrap .interview_foot    {
    width:312px;
    height:226px;
    left:0;
    right:0;
    margin:auto;
    background-image:url("../../images/ooda/sp/ooda_san/file_foot_s.png");
    background-repeat: no-repeat;
    background-position:0 0;
    position:relative;
    z-index:1;

}

#main_content.interview_wrap .interview_head .no    {
    margin:0;
    position:absolute;
    left:38px;
    top:25px;
    color:#9978b3;
    font-size:24px;
    font-weight:bold;
}

#main_content.interview_wrap .interview_head .title    {
    margin:0;
    position:absolute;
    left:10px;
    top:58px;
    color:#9978b3;
    font-size:16px;
    font-weight:bold;
}

#main_content.interview_wrap .interview_head .title2    {
    margin:0;
    position:absolute;
    left:50px;
    top:110px;
    color:#3e3a39;
    font-size:13px;
    font-weight:bold;
}

#main_content.interview_wrap .interview_head .name    {
    margin:0;
    position:absolute;
    left:50px;
    top:128px;
    color:#3e3a39;
    font-size:20px;
    font-weight:bold;
}

#main_content.interview_wrap .interview_head .name span    {
    font-size:15px;
}


#main_content.interview_wrap .interview_head .note    {
    margin:0;
    position:absolute;
    width:230px;
    left:50px;
    top:160px;
    color:#3e3a39;
    font-size:13px;
    line-height:1.3em;
}


#main_content.interview_wrap .interview_head .image_box    {
    width:164px;
    height:128px;
    position:absolute;
    left:78px;
    top:245px;
    background-color:#fff;
}

#main_content.interview_wrap .interview_head img    {
    margin-left:4px;
    margin-top:4px;
    display:block;
}


#main_content.interview_wrap .interview_foot .next_title    {
    position:absolute;
    left:30px;
    top:30px;
    font-size:14px;
    color:#9978b3;
    font-weight:500;
    line-height:1.4em;
}

#main_content.interview_wrap .interview_foot .next_note    {
    position:absolute;
    left:30px;
    top:80px;
    font-size:13px;
    color:#3e3a39;
    line-height:1.4em;
    width:200px;
}

#main_content.interview_wrap .interview_foot .foot_ooda_san    {
    position:absolute;
    right:16px;
    bottom:60px;
}

#main_content.interview_wrap .interview_body    {
    padding-top:30px;
    padding-bottom:30px;
    background-image:url("../../images/ooda/sp/ooda_san/file_body_s.png");
    background-repeat: repeat-y;
    background-position:0 0;
    width:313px;
    margin-left:auto;
    margin-right:auto;
}

#main_content.interview_wrap .interview_body .body_area   {
    width:254px;
    margin-left:auto;
    margin-right:auto;
}

#main_content.interview_wrap .interview_body .body_area h3   {
    color:#8c75aa;
    font-size:20px;
    border-bottom:3px solid #8c75aa;
    padding-bottom:10px;
}

#main_content.interview_wrap .interview_body .body_area .ooda_san_txt   {
    font-size:18px;
    color:#231815;
    font-weight:500;
    background-image:url("../../images/ooda/ooda_san/ooda_face41.svg");
    background-size:41px auto;
    background-position:0 7px;
    background-repeat: no-repeat;
    padding-left:50px;
	min-height:50px;
	line-height:1.2em;
}

#main_content.interview_wrap .interview_body .body_area .maniac_san   {
    font-size:16px;
    color:#231815;
    margin:0;
}


#main_content.interview_wrap .interview_body .body_area .maniac_san span   {
    color:#8c75aa;
}

#main_content.interview_wrap .interview_body .body_area .attention   {
    font-size:16px;
    color:#c20d23;
    margin:0;
    margin-top:5px;
}

#main_content.interview_wrap .interview_body .body_area .maniac_image   {
    margin-bottom:30px;
}

#main_content.interview_wrap .interview_body .body_area .cry_maniac_box   {
    display:block;
    margin-left:auto;
    width:120px;
    height:100px;
    position:relative;
}

#main_content.interview_wrap .interview_body .body_area .cry_maniac   {
    position:absolute;
	width:120px;
    left:0;
    top:0px;
}