@charset "utf-8";

header .page_title_bg01 {
    background-image: url("../images/main_bg01.jpg");
}

header .page_title_bg02 {
    background-image: url("../images/main_bg02.jpg");
}

header .page_title_bg03 {
    background-image: url("../images/main_bg03.jpg");
}

header .page_title_bg04 {
    background-image: url("../images/main_bg04.jpg");
}

.storylistbox{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.storylistbox .storylistboxin{width: 30%;margin: 20px 1%;}
.storylistbox .storylistboxin a{display: block;text-align: center;border: 1px solid #ccc;padding: 10px;}
.storylistbox .storylistboxin a:link{text-decoration: none;}
.storylistbox .storylistboxin a span{display: block;margin-top: 5px;}


.storydetailbox{padding: 40px 0;}

.storydetailbox .mokuzi{background-color: #f5f8fa;padding: 50px;}
.storydetailbox .mokuzi a{display: block;border-bottom: 1px dotted #ccc;color: #222222;}
.storydetailbox .mokuzi a:link{text-decoration: none;}
.storydetailbox .mokuzi a.h3in{margin-left: 1em;}

.storydetailbox .storydetailbox2{padding: 40px 20px;}
.storydetailbox .storydetailbox2 h2{font-size: 2.4rem;font-weight: 900;margin: 30px 0 10px 0;}
.storydetailbox .storydetailbox2 h3{font-size: 1.8rem;font-weight: 900;margin: 15px 0 10px 0;}
.storydetailbox .storydetailbox2 p{margin: 5px 0 20px 0;}

a.linkboxnotef{display: block;border: 1px solid #ccc;margin: 50px auto;width: 96%;
padding: 2%;
display: -webkit-flex;
    display: flex;
 -webkit-justify-content: space-between;
    justify-content: space-between;
}
a:link.linkboxnotef{text-decoration: none;color: #999;}
.linkboxnotef .text{width: 740px;font-size: 1.3rem;}
.linkboxnotef .ph{width: 300px;margin-left: 5px;}
.linkboxnotef span.tit{display: block;font-weight: 900;}
.linkboxnotef span.copy{display: block;}
.linkboxnotef span img{width: 300px;height: auto;}

.introduction{background-color: #f5f8fa;padding: 20px;}

.border_topbox{border-top: 1px solid #ccc;padding-top: 20px;margin-top: 40px;}

@media screen and (max-width: 960px) {

header .page_title_bg01 {
    background-image: url("../images/main_bg01sp.jpg");
}

header .page_title_bg02 {
    background-image: url("../images/main_bg02sp.jpg");
}

header .page_title_bg03 {
    background-image: url("../images/main_bg03sp.jpg");
}

header .page_title_bg04 {
    background-image: url("../images/main_bg04sp.jpg");
}

.storylistbox{-webkit-flex-direction: column;flex-direction: column;}
.storylistbox .storylistboxin{width: 98%;margin-left: 1%;margin-right: 1%;}

.linkboxnotef .text{width: 69%;font-size: 1.2rem;}
.linkboxnotef .ph{width: 30%;}
.linkboxnotef span img{width: 100%;height: auto;}

}








.line_line{
display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
		}
		.detail_box{
			/*display: table;*/
			margin: 15px 0;
			/*width: 100%;*/
			}
			
			.detail_box .detail_inn{
			/*display: table-cell;*/
			padding: 5px;
			vertical-align: top;
			}
			.detail_box .detail_ph{
			/*display: table-cell;
			padding: 5px;
			width: 40%;
			*/
			margin-bottom: 15px;
			text-align: center;
			}
			
.detail_box{
display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }
    .detail_box.cta_b{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-direction: row;
    flex-direction: row;
    }
.line_line .detail_50 {
    width: 49%;
}

@media screen and (max-width:960px) {


.line_line {
-webkit-flex-direction: column;
    flex-direction: column;
    margin: 10px 0;
}


.detail_box .detail_inn{
			display: block;width: 100%;
			}
			.detail_box .detail_ph{
			display: block;
			width: 100%;
			}


}