@charset "UTF-8";

/*   all_parts   */

.header_space{
	margin-top:0 !important;
}

.l-inner {
	max-width: 100%;
	width: 100%;
}

/*   main_title_area   */
#main_title_area{
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	/*   background-color: rgba(255,255,255,1.0);*/
	background-color: rgba(205,92,92,1.0);
	background-image: url(./images/top_bg.webp);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
	flex-direction: column ;
	align-items: center;
	
	height: 380px;
}

#main_title_area #main_title_block{
	position: relative;
	width: auto;
	margin: 0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
	align-items: flex-start;
}

#main_title_area #main_title_block .main_catchtitle_box{
	position: relative;
	font-size:30px;
	font-weight:900;
	line-height:36px;
	color:#000;
	
	padding: 20px 10px 0 10px;
	margin:  0 20px 0 0;
	
	width: auto;
}

#main_title_area #main_title_block .main_catchtitle_box span{
	position: relative;
	display: block;
	z-index: 2;
}


#main_title_area #main_title_block .main_catchtitle_box::before{
	content: "";
	position: absolute;
	
	width: 100%;
	height: 14px;
	
	border-radius: 6px;
	/*   background-color: rgba(197,61,67,1.00);*/
	background-color: rgba(205,92,92,1.0);
	bottom: -5px;
	left: 0;
}

#main_title_area #main_title_block .main_title_box{
	font-size:60px;
	font-weight:900;
	line-height:68px;
	color:#000;
	text-align:center;
	
	margin:0;
}

#main_title_area #main_title_block .main_title_box span{
	font-size:24px;
	font-weight:900;
	line-height:24px;
	color:#000;
	text-align:center;
	
	margin: 0;
	display: block;
}

#main_title_area #main_read_block{
	position: relative;
	width: auto;
	margin: 20px auto 0 auto;
}

#main_title_area #main_read_block .main_readcopy_box{
	font-size:16px;
	font-weight:900;
	line-height:30px;
	color:#000;
	text-align:left;
	
	margin:0 auto 30px auto;
	width: 850px;
	
	text-shadow:1px 1px 10px #FFF, -1px -1px 10px #FFF,
				-1px 1px 10px #FFF, 1px -1px 10px #FFF,
				0px 1px 10px #FFF,  0 -1px 10px #FFF,
				-1px 0 10px #FFF, 1px 0 10px #FFF;
}

#main_title_area #main_read_block dl{
	width: 750px;
	margin: 0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
}

#main_title_area #main_read_block dl dt{
	width: 230px;
	margin: 0 auto 20px auto;
	padding: 15px 0;
	
	font-size:16px;
	font-weight:400;
	line-height:16px;
	color:#fff;
	text-align:center;
	
	border-radius: 6px;
	/*   background-color: rgba(197,61,67,1.00);*/
	background-color: rgba(205,92,92,1.0);	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
	align-items: center;
}

#main_title_area #main_read_block dl dt strong{
	font-size:22px;
	font-weight:400;
}

#main_title_area #main_read_block dl dd{
	width: calc(100% - 230px);
	margin: 0 auto;
	padding: 0 0 0 25px;
	
	font-size:16px;
	font-weight:400;
	line-height:24px;
}


/*   detail_area   */
#detail_area{
	/*   background-color: rgba(197,61,67,1.00);*/
	background-color: rgba(205,92,92,1.0);
	margin:0;
	padding: 40px 0;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}

#detail_area #midashi_block{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

#detail_area #midashi_block .midashi_title_box{
	position: relative;
	font-size:30px;
	font-weight:900;
	line-height:36px;
	color:#fff;
	
	padding: 0 10px;
	margin:  0 auto 20px auto;
	
	width: 100%;
}

#detail_area #midashi_block .midashi_title_box span{
	position: relative;
	z-index: 2;
}


#detail_area #midashi_block .midashi_title_box::before{
	content: "";
	position: absolute;
	
	width: 100%;
	height: 14px;
	
	border-radius: 6px;
	background-color: rgba(255,255,255,0.5);
	
	bottom: -5px;
	left: 0;
}


#detail_area .detail_block{
	width: 1200px;
	margin: 0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}


#detail_area .detail_block .line_box{
	border-radius:6px;
	border:solid 1px #fff;
	margin: 0 0 40px 0;
	padding:10px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	transition: all 0.5s ease-in-out;
	
	width:24%;
}

#detail_area .detail_block .noline_box{
	width:24%;
}

#detail_area .detail_block .line_box .logo_parts{
	width: 100%;
	height:100px;
	margin:0 auto;
	padding: 5px 10px;
	background-color: rgba(255,255,255,1.0);
	border-radius: 6px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
	align-items: center;
}

#detail_area .detail_block .line_box .logo_parts img{
	width: 180px;
	height: 90px;
	object-fit: contain;
}

#detail_area .detail_block .line_box .mark_parts{
	font-size:14px;
	font-weight:500;
	line-height:14px;
	color:#fff;
	text-align:center;
	margin:20px 0 5px 0;
	padding:5px 10px 10px 10px;
	
	border-radius: 6px;
	background-color: rgba(0,0,0,0.4);
}

#detail_area .detail_block .line_box .borderline_parts{
	width: 100%;
	height: 1px;
	margin: 20px 0 0 0;
	border-top: dotted 1px rgba(0,0,0,0.5);
}

#detail_area .detail_block .line_box .title_parts{
	margin:0 0 10px 0;
	width: 100%;
}

#detail_area .detail_block .line_box .title_parts h2{
	font-size:18px;
	font-weight:900;
	line-height:24px;
	color:#fff;
	letter-spacing: -0.02em; 
	text-align:left;
	margin:0;
	padding:0;
	line-break:strict;
}

#detail_area .detail_block .line_box .title_parts h2 span{
	position: relative;
	z-index: 2;
	display: block;
	text-align:left;
}

#detail_area .detail_block .line_box .title_parts h2 span strong{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 10px;
	
	font-size:14px;
	font-weight:700;
	line-height:14px;
	color:#fff;
	letter-spacing: -0.02em; 
	text-align:center;
}

#detail_area .detail_block .line_box .title_parts h2 span::before{
	content: "";
	position: absolute;
	
	width: 30%;
	height: 6px;
	
	border-radius: 3px;
	background-color: rgba(255,120,0,0.9);
	
	bottom: 0;
	left: 0;
	
	margin: auto;
}

#detail_area .detail_block .line_box .title_parts h3{
	font-size:16px;
	font-weight:900;
	line-height:28px;
	color:#fff6cc;
	letter-spacing: -0.02em; 
	text-align:center;
	margin:12px 0 0 0;
	padding:0;
	line-break:strict;
	
	position: relative;
	width: 100%;
}

#detail_area .detail_block .line_box .title_parts h3 span{
	position: relative;
	z-index: 2;
	display: block;
}


#detail_area .detail_block .line_box .title_parts h3 span strong{
	position: relative;
	z-index: 2;
}


#detail_area .detail_block .line_box .title_parts h3 span::before{
	content: "";
	position: absolute;
	
	width: 75%;
	height: 9px;
	
	border-radius: 6px;
	background-color: rgba(255,120,0,0.9);
	
	bottom: -1px;
	left: 0;
	right: 0;
	
	margin: auto;
}




#detail_area .detail_block .line_box .btn_parts{
	width: 100%;
}

#detail_area .detail_block .line_box .btn_space{
	margin: 10px;
}


#detail_area .detail_block .line_box .btn_parts a{
	font-size:14px;
	font-weight:500;
	line-height:14px;
	color:#fff;
	letter-spacing: -0.02em; 
	text-align:center;
	margin:auto 0 0 0;
	padding:15px 5px;
	
	width: 100%;
	display: block;
	
	border: solid 1px #fff;
	border-radius: 6px;
}

#detail_area .detail_block .line_box .btn_parts a:hover{
	background-color: rgba(255,255,255,0.3);
}

#detail_area .detail_block .line_box .btn_space a{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	align-content: center;
	align-items: center;
	justify-content: center;
}

#detail_area .detail_block .line_box .btn_space a img{
	margin: 0 5px;
}

#detail_area .detail_block .line_box .btn_space p{
	font-size:14px;
	font-weight:500;
	line-height:14px;
	color:#fff;
	letter-spacing: -0.02em; 
	text-align:center;
	margin:auto 0 0 0;
	padding:21px 5px;
	
	width: 100%;
	display: block;
}


#detail_area .detail_block .line_box .photo_parts{
	margin:0;
	text-align:center;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	align-content: flex-end;
	align-items: flex-end;
	justify-content: center;
}



#detail_area .detail_block .line_box .photo_parts img{
	width:100%;
	height:auto;
	border-radius:10px;
}


#detail_area .detail_block .company_box{
	margin:0;
	padding:0;
	
	width:100%;
}

#detail_area .detail_block .company_box h3{
	font-size:18px;
	font-weight:300;
	line-height:35px;
	color:#555555;
	text-align:right;
	margin:10px 0 0 0;
	padding:0;
}

/*   backnumber_area   */
#backnumber_area{
	/*   background-color: rgba(197,61,67,1.00);*/
	background-color: rgba(205,92,92,1.0);
	margin:0;
	padding: 40px 0;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}

#backnumber_area .detail_block{
	width: 1200px;
	margin: 0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
}

#backnumber_area .detail_block a{
	padding: 20px 300px;
	color: rgba(255,255,255,1.0);
	
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
	border: solid 1px rgba(255,255,255,1.0);
}

#backnumber_area .detail_block a:hover{
	background-color: rgba(255,255,255,0.3);
}



/*------------------------------
SmartPhone---768breakPoint
================================*/
@media screen and (max-width: 768px) {
/*#responsive base*/

.header_space{
	margin-top:0 !important;
}

.l-inner {
		max-width: 100%;
		width: 100%;
	padding: 0;
}

br.pc{
	display:none;
}


/*   main_title_area   */
#main_title_area{
		background-repeat: no-repeat;
	background-position:center top;
	background-size: contain;
		background-color: rgba(255,255,255,1.0);
		background-image: url(./images/top_bg.webp);
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	
	justify-content: center;
	align-items: flex-start;
		align-items: center;
	
	height: auto;
}

#main_title_area #main_title_block{
		position: relative;
	width: 100%;
		margin: 0 auto;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: center;
		align-items: flex-start;
}

#main_title_area #main_title_block .main_catchtitle_box{
		position: relative;
	font-size:14px;
		font-weight:900;
		line-height:14px;
		color:#000;

		padding: 0 10px;
	margin: 10px auto 10px auto;

	width: 100;
	display: inline-block;
}

#main_title_area #main_title_block .main_catchtitle_box span{
		position: relative;
		display: block;
		z-index: 2;
}


#main_title_area #main_title_block .main_catchtitle_box::before{
		content: "";
		position: absolute;

		width: 100%;
	height: 10px;

		border-radius: 6px;
		background-color: rgba(197,61,67,1.00);

	bottom: -5px;
		left: 0;
}

#main_title_area #main_title_block .main_title_box{
	font-size:36px;
		font-weight:900;
	line-height:36px;
		color:#000;
		text-align:center;

		margin:0 0 5px 0;
	width: 100%;
}
	
#main_title_area #main_title_block .main_title_box span{
	font-size:16px;
		font-weight:900;
	line-height:16px;
		color:#000;
		text-align:center;
	
		margin: 0;
		display: block;
}

#main_title_area #main_read_block{
		position: relative;
		width: auto;
		margin: 20px auto 0 auto;
	padding: 0 1.0rem;
}

#main_title_area #main_read_block .main_readcopy_box{
	font-size:14px;
		font-weight:900;
	line-height:24px;
		color:#000;
		text-align:left;

		margin:0 auto 30px auto;
		width: 100%;

		text-shadow:1px 1px 10px #FFF, -1px -1px 10px #FFF,
					-1px 1px 10px #FFF, 1px -1px 10px #FFF,
					0px 1px 10px #FFF,  0 -1px 10px #FFF,
					-1px 0 10px #FFF, 1px 0 10px #FFF;
}

#main_title_area #main_read_block dl{
	width: 100%;
	margin: 0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
}

#main_title_area #main_read_block dl dt{
	width: 100%;
	margin: 0 auto 5px 0;
	padding: 10px 0;
	
	font-size:14px;
		font-weight:400;
	line-height:14px;
		color:#fff;
		text-align:center;

		border-radius: 6px;
		background-color: rgba(197,61,67,1.00);

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

		justify-content: center;
		align-items: center;
}

#main_title_area #main_read_block dl dt strong{
	font-size:18px;
		font-weight:400;
}

#main_title_area #main_read_block dl dd{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 15px 0;
	
	font-size:14px;
		font-weight:400;
	line-height:20px;
}

/*   detail_area   */
#detail_area{
		background-color: rgba(197,61,67,1.00);
	margin:0;
	padding: 30px 0;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
}

#detail_area #midashi_block{
		position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}

#detail_area #midashi_block .midashi_title_box{
		position: relative;
	font-size:20px;
		font-weight:900;
	line-height:20px;
		color:#fff;

		padding: 0 10px;
		margin:  0 auto 20px auto;

		width: 100%;
}

#detail_area #midashi_block .midashi_title_box span{
		position: relative;
		z-index: 2;
}


#detail_area #midashi_block .midashi_title_box::before{
		content: "";
		position: absolute;

		width: 100%;
		height: 14px;

		border-radius: 6px;
		background-color: rgba(255,255,255,0.5);

		bottom: -5px;
		left: 0;
}

#detail_area .detail_block{
	/*min-width:585px;*/
	width: 100%;
	margin:0;
	padding: 0 10px;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;

}

#detail_area .detail_block .line_box{
		border-radius:6px;
		border:solid 1px #fff;
		margin: 0 0 40px 0;
		padding:10px;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	
		transition: all 0.5s ease-in-out;
	width:100%;
}

#detail_area .detail_block .noline_box{
	width:100%;
}

#detail_area .detail_block .line_box .logo_parts{
	width: 100%;
	height:22vw;
		margin:0 auto;
		padding: 5px 10px;
		background-color: rgba(255,255,255,1.0);
		border-radius: 6px;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: center;
		align-items: center;
}

#detail_area .detail_block .line_box .logo_parts img{
	width: 58vw;
	height: 20vw;
		object-fit: contain;
}

#detail_area .detail_block .line_box .mark_parts{
		font-size:14px;
		font-weight:500;
		line-height:14px;
		color:#fff;
		text-align:center;
		margin:20px 0 5px 0;
		padding:5px 10px 10px 10px;
	
		border-radius: 6px;
		background-color: rgba(0,0,0,0.4);
}

#detail_area .detail_block .line_box .borderline_parts{
		width: 100%;
		height: 1px;
		margin: 20px 0 0 0;
		border-top: dotted 1px rgba(0,0,0,0.5);
}


#detail_area .detail_block .line_box .title_parts{
		margin:0 0 10px 0;
		width: 100%;
}

#detail_area .detail_block .line_box .title_parts h2{
	font-size:20px;
		font-weight:900;
	line-height:26px;
		color:#fff;
		letter-spacing: -0.02em; 
	text-align:left;
		margin:0;
		padding:0;
}

#detail_area .detail_block .line_box .title_parts h2 span{
		position: relative;
		z-index: 2;
		display: block;
		text-align:left;
}

#detail_area .detail_block .line_box .title_parts h2 span strong{
		position: relative;
		z-index: 2;
		display: inline-block;
		padding: 0 10px;

		font-size:14px;
		font-weight:700;
		line-height:14px;
		color:#fff;
		letter-spacing: -0.02em; 
		text-align:center;
}

#detail_area .detail_block .line_box .title_parts h2 span::before{
		content: "";
		position: absolute;

	width: 5.0rem;
	height: 6px;

		border-radius: 3px;
		background-color: rgba(255,120,0,0.9);

		bottom: 0;
		left: 0;

		margin: auto;
}

#detail_area .detail_block .line_box .title_parts h3{
		font-size:16px;
		font-weight:900;
		line-height:28px;
		color:#fff6cc;
		letter-spacing: -0.02em; 
		text-align:center;
		margin:0;
		padding:0;
		line-break:strict;

		position: relative;
		width: 100%;
}

#detail_area .detail_block .line_box .title_parts h3 span{
		position: relative;
		z-index: 2;
		display: block;
}

#detail_area .detail_block .line_box .title_parts h3 span strong{
		position: relative;
		z-index: 2;
}

#detail_area .detail_block .line_box .title_parts h3 span::before{
		content: "";
		position: absolute;

		width: 75%;
		height: 9px;

		border-radius: 6px;
		background-color: rgba(255,120,0,0.9);

		bottom: 0px;
		left: 0;
		right: 0;

		margin: auto;
}

#detail_area .detail_block .line_box .btn_parts{
		width: 100%;
}

#detail_area .detail_block .line_box .btn_space{
		margin: 10px;
}

#detail_area .detail_block .line_box .btn_parts a{
	font-size:14px;
	font-weight:500;
	line-height:14px;
	color:#fff;
	letter-spacing: -0.02em; 
	text-align:center;
	margin:auto 0 0 0;
	padding:15px 5px;
	
	width: 100%;
	display: block;
	
	border: solid 1px #fff;
	border-radius: 6px;
}

#detail_area .detail_block .line_box .btn_parts a:hover{
		background-color: rgba(255,255,255,0.3);
}

#detail_area .detail_block .line_box .btn_space a{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

		align-content: center;
		align-items: center;
		justify-content: center;
}

#detail_area .detail_block .line_box .btn_space a img{
		margin: 0 5px;
}

#detail_area .detail_block .line_box .btn_space p{
	display: none;
}

#detail_area .detail_block .line_box .photo_parts{
		margin:0;
		text-align:center;
		
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
		
		align-content: flex-end;
		align-items: flex-end;
		justify-content: center;
}

#detail_area .detail_block .line_box .photo_parts img{
		width:100%;
		height:auto;
		border-radius:10px;
}


#detail_area .detail_block .company_box{
		margin:0;
		padding:0;
}

#detail_area .detail_block .company_box h3{
	font-size:14px;
	font-weight:300;
	line-height:20px;
	color:#555555;
	text-align:left;
	margin:10px 0 0 0;
	padding:0;
}

#backnumber_area .detail_block a{
	padding: 20px 1.0rem;
	color: rgba(255,255,255,1.0);
	
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
	border: solid 1px rgba(255,255,255,1.0);
}

}