@charset "utf-8";

figure.cap_right figcaption{text-align: right; font-size: 0.8rem; padding-top: 5px;}
figure.cap_on{position: relative;}
figure.cap_on figcaption{position: absolute; bottom:5px; right: 10px; font-size: 0.8rem; color: #fff;}

h4.design_title1{font-size: 1.5rem; color: #787953; text-align: left;}

br.tab_only{display: none;}
br.sp_only{display: none;}
@media screen and (max-width:991px){
	br.tab_only{display: block;}
}
@media screen and (max-width:414px){
	br.pc_only{display: none;}
	br.sp_only{display: block;}
}

/* c_support01
--------------------------------------------------------------------------------*/
#c_support01{padding-top: 150px;}
#c_support01 h3{text-align: center; font-size: 2.5rem; margin-bottom: 30px;}
#c_support01 figure{text-align: center;}
#c_support01 figure img{max-width: 50%;}

@media screen and (max-width:768px){
	#c_support01 h3{font-size: 2rem;}
}
@media screen and (max-width:414px){
	#c_support01{padding-top: 80px;}
	#c_support01 h3{font-size: 1.5rem; margin-bottom:40px;}
	
	#c_support01 figure img{max-width: 100%;}
}


/* c_design02
--------------------------------------------------------------------------------*/
#c_support02{padding-top: 130px;}
#c_support02 h3{background: #87121a; color: #fff; padding: 0 30px; margin-bottom: 70px;}
#c_support02 h4{background: #d0595f; color: #fff; padding: 10px 10px; text-align: left; margin-bottom: 30px;}
#c_support02 p{font-size: 0.9rem; line-height: 1.8; margin-bottom: 40px;}
#c_support02 ul li{font-size: 1.4rem; border-top: 1px solid #eaeaea; padding: 15px 0 15px 30px; line-height: 1.5; position: relative; letter-spacing: -1px;}
#c_support02 ul li:nth-child(1){border-top:none;}
#c_support02 ul li:before{content: "●"; color: #bc131a; position: absolute; left: 0; top: 5px; font-size: 2rem;}
#c_support02 ul li small{font-size: 0.8rem; line-height: 1.6; display: block;}

#c_support02 .map_img{margin-bottom: 30px;}

#c_support02 .support02_line2 h4{background: none; position: relative;}
#c_support02 .support02_line2 h4:after{content: ""; position: absolute; width: 99%; height: 2px; background: #d0595f; top:20px; right: 0; z-index: 1;}
#c_support02 .support02_line2 h4 span{background: #d0595f; padding: 5px 10px; position: relative; z-index: 2;}
#c_support02 .support02_line2 table{width: 100%; margin-top: 20px;}
#c_support02 .support02_line2 table tr th{font-size: 1.6rem; width: 32%; vertical-align: middle; color: #bc131a; border-top:1px solid #eaeaea; padding: 20px 0;}
#c_support02 .support02_line2 table tr td{vertical-align: middle; width: 68%; border-top:1px solid #eaeaea; padding: 20px 0; line-height: 1.5;}
#c_support02 .support02_line2 table tr:nth-child(1) th,
#c_support02 .support02_line2 table tr:nth-child(1) td{border-top:none;}

@media screen and (max-width:768px){
	#c_support02 .map_img{text-align: center;}
	#c_support02 .support02_line2 .col-md-5{margin-top: 20px;}
}

@media screen and (max-width:414px){
	#c_support02{padding-top: 80px;}
	#c_support02 h3{font-size: 1.7rem; margin-bottom: 40px;}
	
	#c_support02 ul li{font-size: 1.2rem;}
	#c_support02 .support02_line2 h4:after{width: 95%;}
	#c_support02 .support02_line2 table tr th{display: block; width: 100%; padding: 20px 0 0;}
	#c_support02 .support02_line2 table tr td{display: block; width: 100%; border-top:none;}
}


/* c_support03
--------------------------------------------------------------------------------*/
#c_support03{padding-top: 130px; padding-bottom: 100px;}
#c_support03 h3{background: #87121a; color: #fff; padding: 0 30px; margin-bottom: 70px;}
#c_support03 h4{background: #d0595f; color: #fff; padding: 10px 10px; text-align: left; margin-bottom: 30px; font-size: 1.4rem; letter-spacing: -1px;}

#c_support03 ul li{font-size: 1.3rem; border-top: 1px solid #eaeaea; padding: 15px 0 15px 30px; line-height: 1.5; position: relative; letter-spacing: -1px;}
#c_support03 ul li:nth-child(1){border-top:none;}
#c_support03 ul li:before{content: "●"; color: #bc131a; position: absolute; left: 0; top: 4px; font-size: 2rem;}
#c_support03 ul li small{font-size: 0.8rem; line-height: 1.6; display: block;}


@media screen and (max-width:768px){
	#c_support03 .support03_line2{margin-top: 30px;}
}
@media screen and (max-width:414px){
	#c_support03{padding-top: 80px;}
	#c_support03 h3{font-size: 1.7rem; margin-bottom: 40px;}
	#c_support03 h4{line-height: 1.5;}
	#c_support03 ul li{font-size: 1.2rem;}
}


/* management
--------------------------------------------------------------------------------*/
#management{background: #F4F4F4; padding: 110px 0;}
#management p{font-size: 1em; line-height: 1.8;}
#management .maBox h5{background: #87121A; color: #fff; padding: 12px 10px; margin-bottom: 30px;}
#management .maImage_1 img, .maImage_2 img{width: 100%;}
#management figure figcaption{
	position: absolute;bottom: 0;right: 0;color: #fff;font-size: 12px;    padding: 5px;
}
#management .maBox .maImage_1{margin-bottom: 15px;}
#management .maBox .maImage_2{overflow: hidden; margin-bottom: 15px;}
#management .maBox .maImage_2 figure{float: left; width: 59%;}
#management .maBox .maImage_2 p{float: right; width: 38%;}
#management .maText{overflow: hidden;}
#management .maText .left{float: left; width: 40%;}
#management .maText .right{float: right; width: 56%;}
#management .maText table{border-top: 1px solid #231815; border-left: 1px solid #231815; width: 100%; margin-bottom: 5px;}
#management .maText table tr th{border-bottom: 1px solid #231815; border-right: 1px solid #231815; padding: 10px; background: #D0595F; color: #fff; width: 35%;}
#management .maText table tr td{border-bottom: 1px solid #231815; border-right: 1px solid #231815; padding: 10px; width: 65%;}
#management .maText p.cap{font-size: 0.8rem; text-align: right;}
#management .maText p small{font-size: 0.8rem;}

#management .ma_line1 h3{text-align: center; font-size: 2.3rem; margin-bottom: 30px;}
#management .ma_line1 h4,
#management .ma_line2 h4,
#management .ma_line3 h4{color: #87121A; margin-bottom: 30px;}
#management .ma_line3 figure figcaption{font-size: 0.8rem; text-align: right; margin-top: 10px;}
#management .ma_line3 p small{font-size: 0.8rem;}

@media screen and (max-width:991px){
	#management .col-md-6,
	#management .col-md-8{margin-bottom: 30px;}
	#management .maBox .maImage_1{text-align: center;}
}
@media screen and (max-width:414px){
	#management{padding: 80px 0 40px;}
	#management .ma_line1 h3{font-size: 1.5rem; margin-bottom: 40px;}
	#management .ma_line1 h4,
	#management .ma_line2 h4,
	#management .ma_line3 h4{font-size: 1.2em; line-height: 1.5;}
	#management .maBox h5{font-size: 1.1em;}
	
	#management .maBox .maImage_2 figure{float: none; width: 100%; margin-bottom: 20px; text-align: center;}
	#management .maBox .maImage_2 p{float: none; width: 100%;}
	#management .maText table tr th,
	#management .maText table tr td{font-size: 1rem; line-height: 1.5; vertical-align: middle;}
	
	#management .ma_line2,
	#management .ma_line3{margin-top: 20px;}
}



/* security24h
--------------------------------------------------------------------------------*/
#security24h{padding: 110px 0;}
#security24h p{ font-size: 1em; line-height: 1.8;}
#security24h p small{font-size: 0.8rem;}

#security24h .secu_line1 h3{text-align: center; font-size: 2.3rem; margin-bottom: 30px;}
#security24h .secu_line1 h4{color: #87121A; text-align: center; line-height: 1.5; margin-bottom: 0;}

#security24h .secu_line1_2{border: 4px solid #b72025; padding: 50px; border-radius: 10px;}
#security24h .secu_line1_2 ul{text-align: center;}
#security24h .secu_line1_2 ul li{display: inline-block; margin: 0 30px;}

#security24h .secu_line2{border: 4px solid #7ECEF4; border-radius: 10px; padding: 50px; overflow: hidden;}
#security24h .secu_line2 .secu_l2_con1{overflow: hidden;}
#security24h .secu_line2 .secu_l2_con1 .rightBox{float: right; width: 72%;}
#security24h .secu_line2 .secu_l2_con1 .leftBox{float: left; width: 28%; text-align: center; padding-top: 10px;}
#security24h .secu_line2 .secu_l2_con3 h4{color: #87121A; margin-bottom: 10px; text-align: left; line-height: 1.8;}
#security24h .secu_line2 .secu_l2_con4{ margin-top: 20px;}
#security24h .secu_line2 .secu_l2_con4 ul{text-align: center;}
#security24h .secu_line2 .secu_l2_con4 ul li{display: inline-block; margin: 0 30px; vertical-align: bottom;}
#security24h .secu_line2 .secu_l2_con4 ul li figure{position: relative;}
#security24h .secu_line2 .secu_l2_con4 ul li figure figcaption{position: absolute; bottom:0; right: 0; color: #fff; font-size: 0.8rem; padding: 0 3px;}

#security24h .secu_line3 .secu_l3_con1{border: 4px solid #898989; border-radius: 10px; padding: 50px 30px;}
#security24h .secu_line3 .secu_l3_con2{border: 4px solid #E5B367; border-radius: 10px; padding: 50px 30px;}
#security24h .secu_line3 .secu_l3_con1:after{content: ""; display: block; clear: both;}
#security24h .secu_line3 .secu_l3_con2:after{content: ""; display: block; clear: both;}
#security24h .secu_line3 .secu_l3_con1 h4,
#security24h .secu_line3 .secu_l3_con2 h4{color: #87121A; margin-bottom: 40px; text-align: center; line-height: 1.8;}
#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap1{overflow: hidden; margin: 20px 0;}
#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap1 .leftBox{float: left; width: 50%; text-align: center; padding: 20px 0 0;}
#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap1 .rightBox{float: right; width: 50%; text-align: center;}
#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap2{text-align: center; padding: 0 10%; margin-bottom: 20px;}
#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap2:last-child{ margin-bottom: 0;}
#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap2 p{margin: 15px 0 0;}

#security24h .secu_line3 .secu_l3_con1 .service_title{ margin-bottom: 40px; background: #f2f2f2; padding: 20px 10px;}
#security24h .secu_line3 .secu_l3_con1 .service_title p:nth-child(1){ font-size: 1.3rem; line-height: 1;}
#security24h .secu_line3 .secu_l3_con1 .service_title p:nth-child(2){font-size: 2rem; font-weight: bold; line-height: 1; margin-bottom: 0;}
#security24h .secu_line3 .secu_l3_con1 .service_title p:nth-child(2) span{ font-size: 3rem; font-weight: bold;}
#security24h .secu_line3 .secu_l3_con1 p.text_1{font-weight: bold; border-bottom: 1px solid #000;}
#security24h .secu_line3 .secu_l3_con1 p.text_3{font-size: 0.8rem;}


#security24h .secu_line3 .secu_l3_con2 p.text_1{font-weight: bold; border-bottom: 1px solid #000;}
#security24h .secu_line3 .secu_l3_con2 .logoBox{text-align: center; margin-bottom: 40px;}
#security24h .secu_line3 .secu_l3_con2 .secu_l3_con2_wrap1{overflow: hidden; margin: 40px 0 0;}
#security24h .secu_line3 .secu_l3_con2 .secu_l3_con2_wrap1 .l3_con2_box{float: left; width: 33.333%; text-align: center; margin-bottom: 30px;}
#security24h .secu_line3 .secu_l3_con2 .secu_l3_con2_wrap1 .l3_con2_box p{ letter-spacing: 0; background: #D28300; color: #fff; margin: 20px 1% 0; padding: 5px; font-size: 0.8rem;}

/*矢印*/
#security24h .secu_line2_row{position: relative;}
#security24h .secu_line2_row:before{
	content: "";
    width: 5px;
    height: 50px;
    background: #7ECEF4;
    display: block;
    bottom: -50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#security24h .secu_line2_row:after{
	content: "";
	width: 0;
	display: block;
	border-top:20px solid #7ECEF4;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -60px;
}

#security24h .secu_l3_col1{position: relative;}
#security24h .secu_l3_col1:before{
	content: "";
    width: 5px;
    height: 50px;
    background: #898989;
    display: block;
    top: -50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#security24h .secu_l3_col1:after{
	content: "";
	width: 0;
	display: block;
	border-bottom:20px solid #898989;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	position: absolute;
	margin: auto;
	top: -60px;
	left: 0;
	right: 0;
}

#security24h .secu_l3_col2{position: relative;}
#security24h .secu_l3_col2:before{
	content: "";
    width: 5px;
    height: 50px;
    background: #E5B367;
    display: block;
    top: -50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
#security24h .secu_l3_col2:after{
	content: "";
	width: 0;
	display: block;
	border-bottom:20px solid #E5B367;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	position: absolute;
	margin: auto;
	top: -60px;
	left: 0;
	right: 0;
}
.security24h_sp_link{display: none;}

@media screen and (max-width:991px){
	#security24h .secu_line2{ padding: 40px 20px;}
	#security24h .secu_line2 .secu_l2_con4 ul li{margin: 0 10px; width: 40%;}
	
	#security24h .secu_line3{margin-top: 0;}
	#security24h .secu_line3 .col-md-6{padding-right: 0; padding-left: 0; margin-top:30px;}
	#security24h .secu_line3 .secu_l3_con1{padding: 40px 20px;}
	#security24h .secu_line3 .secu_l3_con2{padding: 40px 20px;}

	#security24h .secu_l3_col1:before,
	#security24h .secu_l3_col1:after,
	#security24h .secu_l3_col2:before,
	#security24h .secu_l3_col2:after{display: none;}

	#security24h .security24h_sp_link{display: block; padding-top: 60px;}
	#security24h .security24h_sp_link .more_link{}
	#security24h .security24h_sp_link .more_link a{display: block; text-align: center; background: #bb121a; color: #fff; padding: 10px 0;}
	#security24h .security24h_sp_link:after{content: ""; display: block; clear: both;}
	#security24h .security24h_sp_link h4{font-size: 15px !important;}
	#security24h .security24h_sp_link .secu_l3_con1{float: left; width: 48%; position: relative; padding: 10px;}
	#security24h .security24h_sp_link .secu_l3_con2{float: right; width: 48%; position: relative; padding: 10px;}
	#security24h .security24h_sp_link .secu_l3_con1 h4{margin: 15px 0;}
	#security24h .security24h_sp_link .secu_l3_con2 h4{margin: 28px 0;}

	#security24h .security24h_sp_link .secu_l3_con1:before{
		content: "";
	    width: 5px;
	    height: 50px;
	    background: #898989;
	    display: block;
	    top: -50px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	#security24h .security24h_sp_link .secu_l3_con1:after{
		content: "";
		width: 0;
		display: block;
		border-bottom:20px solid #898989;
		border-left:20px solid transparent;
		border-right:20px solid transparent;
		position: absolute;
		margin: auto;
		top: -60px;
		left: 0;
		right: 0;
	}
	#security24h .security24h_sp_link .secu_l3_con2:before{
		content: "";
	    width: 5px;
	    height: 50px;
	    background: #E5B367;
	    display: block;
	    top: -50px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	#security24h .security24h_sp_link .secu_l3_con2:after{
		content: "";
		width: 0;
		display: block;
		border-bottom:20px solid #E5B367;
		border-left:20px solid transparent;
		border-right:20px solid transparent;
		position: absolute;
		margin: auto;
		top: -60px;
		left: 0;
		right: 0;
	}
}

@media screen and (max-width:640px){
	#security24h .secu_line3 .secu_l3_con1 .service_title p:nth-child(2){font-size: 1.6rem;}
}
	
@media screen and (max-width:414px){
	#security24h{padding: 80px 0;}
	#security24h .secu_line1 h3{font-size: 1.3rem;}
	#security24h .secu_line1 h4{font-size: 1.2rem;}
	
	#security24h .secu_line1_2 ul li{ float: left; width: 50%; margin: 0;}
	
	#security24h .secu_line2{ padding: 20px;}
	#security24h .secu_line2 .secu_l2_con1 .rightBox{float:none; width: 100%;}
	#security24h .secu_line2 .secu_l2_con1 .leftBox{float:none; width: 100%;}
	#security24h .secu_line2 .secu_l2_con3 h4{font-size: 1.2rem;}
	#security24h .secu_line2 .secu_l2_con3 h5{font-size: 1.1rem; margin-bottom: 25px;}
	#security24h .secu_line2 .secu_l2_con4{margin-top:0;}
	#security24h .secu_line2 .secu_l2_con4 ul li{ margin: 0; width: 100%; margin-top: 20px;}
	
	#security24h .secu_line3 .secu_l3_con1{padding: 20px;}
	#security24h .secu_line3 .secu_l3_con2{padding: 20px;}
	#security24h .secu_line3 .secu_l3_con1 h4,
	#security24h .secu_line3 .secu_l3_con2 h4{font-size: 1.2rem; margin-bottom: 20px;}
	#security24h .secu_line3 .secu_l3_con1 .service_title{margin-bottom: 20px;}
	#security24h .secu_line3 .secu_l3_con1 .service_title p:nth-child(1){font-size: 1.1rem;}
	#security24h .secu_line3 .secu_l3_con1 .service_title p:nth-child(2) span{ font-size: 2rem;}
	#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap1{margin-top: 0;}
	#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap1 .leftBox,
	#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap1 .rightBox{ float: none; width: 100%; text-align: center; padding: 0; margin-top: 20px;}
	#security24h .secu_line3 .secu_l3_con1 .secu_l3_con1_wrap2{padding: 0;}
	
	#security24h .secu_line3 .secu_l3_con2 .logoBox{padding: 0 20px;}
	#security24h .secu_line3 .secu_l3_con2 .secu_l3_con2_wrap1 .l3_con2_box{ width: 50%;}
	
	#security24h .secu_line3 .secu_l3_con1,
	#security24h .secu_line3 .secu_l3_con2{padding: 10px;}
	#security24h .security24h_sp_link .secu_l3_con2 h4{margin: 44px 0;}	
}