@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

#ft_bnout{background: linear-gradient(#ffffff 20%, #a8a8a8);}
#ft_bnout .ftbninfo{position:relative; z-index:2;}
#ft_bnout .ftbninfo h3{color:#253973;}

.ft_title{text-align:center; background:linear-gradient(90deg, #4d4d4d, #222222);}
.ft_title h2{color:#fff; font-weight:normal; font-size:120%;}

.stbox a{color:#333; display:block; background:#fff;}
.stbox a:hover{background:#efefef;}
#sec01 .stock1 h3{font-weight:normal;}
#sec01 .stckmore{margin-top:30px; text-align:center;}
#sec01 .stckmore a{padding:10px 20px; background:#555; color:#fff; display:inline-block;}
#sec01 .stckmore a:hover{background:#FF1720;}
#sec01 .nostock{width:100%; margin:0 auto;}
#sec02 .contact a{text-align:center; display:block; background:linear-gradient(#4d4d4d, #222222);}
#sec02 .contact a:hover{background:#333;}

#sec03 .mapinfo{text-align:center;}
#sec03 .mapinfo h3{font-weight:normal;}

#sec04 h3{
	margin-bottom:5px;
 	position: relative;
 	border-bottom: 4px solid #1E2A42;
	font-weight:normal;	
}
#sec04 h3::after{
	position: absolute;
	bottom: -4.5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #aaa;
}
#sec04 ul{margin-top:15px;}
#sec04 li {padding:10px 0; position:relative; border-bottom:#555 1px dotted;}
#sec04 li .ficat{margin:0 10px; padding:3px 10px; background:#333; color:#fff; font-size:65%; position:relative; bottom:2px;}
#sec04 .infotxt{padding:40px; background:#1E2A42; color:#fff; line-height:1.8em;}
#sec04 .infotxt h3{margin-bottom:15px; line-height:1.8em;}
#sec04 a{color:#333;}
#sec04 a:hover{text-decoration:underline;}



/*画像サイズ960px以上*/
@media  print, screen and (min-width:960px) {

#ft_bnout{padding:160px 0; overflow:hidden; position:relative;}
#ft_bnout .ftbninfo{margin-left:400px;}
#ft_bnout .ftbninfo h2{margin-bottom:10px; font-size:240%;}
#ft_bnout .ftbninfo h3{margin:0 0 15px -10px; font-size:340%;}
#ft_bnimg{position:absolute; top:-50px; left:-600px; z-index:1;}

.ft_title{padding:20px 0;}

#sec01 .stflx{display:flex; justify-content: space-between; flex-wrap: wrap;}
#sec01 .stflx:after{content:""; display:block; width:31%; height:0;}
#sec01 .stbox a{padding:10px;}

#sec01 .stock1{width:100%;}
#sec01 .stock1 .stocktxt{display:flex; justify-content: space-between;}
#sec01 .stock1 h3 span{font-size:180%; font-weight:bold;}
#sec01 .stock1 .stprice{font-size:120%;}
#sec01 .stock1 .stprice span{font-size:160%;}
#sec01 .stock2{margin-top:35px; width:31%;}
#sec01 .stock2 img{width:100%;}
#sec01 .stock2 .stprice{margin-top:10px; text-align:right;}
#sec01 .stock2 .stprice span{font-size:140%;}

#sec02{position:relative;}
#sec02 p{margin-bottom:60px; text-align:center; font-size:140%;}
#sec02 .contact{margin:0 auto; width:80%; display:flex; justify-content: space-between; position:relative; z-index:2;}
#sec02 .contact a{width:48%; padding:10px 0;}
#sec02 .img1{position:absolute; top:70px; right:-450px;  z-index:1;}
#sec02 .img1 img{width:70%;}
#sec02 .img2{position:absolute; top:180px; left:50px;  z-index:1;}
#sec02 .img2 img{width:60%;}

#sec03 .mapinfo{margin:60px 0;}
#sec03 .mapinfo h3{font-size:180%;}

#sec04 .infolist{margin:0 auto; width:65%;}


}

/*画像サイズ601px以上959以下*/
@media only screen and (min-width:600px)and (max-width:960px)  {

#ft_bnout{padding:160px 0; overflow:hidden; position:relative;}
#ft_bnout .ftbninfo{margin:0 3% 0 35%;}
#ft_bnout .ftbninfo h2{margin-bottom:10px; font-size:200%;}
#ft_bnout .ftbninfo h3{margin:0 0 15px -10px; font-size:300%;}
#ft_bnimg{position:absolute; top:-50px; left:-800px; z-index:1;}

.ft_title{padding:20px 0;}

#sec01 .stflx{display:flex; justify-content: space-between; flex-wrap: wrap;}
#sec01 .stflx:after{content:""; display:block; width:31%; height:0;}
#sec01 .stbox a{padding:10px;}

#sec01 .stock1{width:100%;}
#sec01 .stock1 img{width:100%;}
#sec01 .stock1 .stocktxt{display:flex; justify-content: space-between;}
#sec01 .stock1 h3 span{font-size:180%; font-weight:bold;}
#sec01 .stock1 .stprice{font-size:120%;}
#sec01 .stock1 .stprice span{font-size:160%;}
#sec01 .stock2{margin-top:30px; width:32%;}
#sec01 .stock2 img{width:100%;}
#sec01 .stock2 .stprice{margin-top:10px; text-align:right;}
#sec01 .stock2 .stprice span{font-size:140%;}

#sec02{position:relative;}
#sec02 p{margin-bottom:60px; text-align:center; font-size:140%;}
#sec02 .contact{margin:0 auto; width:80%; display:flex; justify-content: space-between; position:relative; z-index:2;}
#sec02 .contact a{width:48%; padding:10px 0;}
#sec02 .img1{position:absolute; top:70px; right:-600px;  z-index:1;}
#sec02 .img1 img{width:60%;}
#sec02 .img2{position:absolute; top:180px; left:-50px;  z-index:1;}
#sec02 .img2 img{width:40%;}

#sec03 .mapinfo{margin:60px 0;}
#sec03 .mapinfo h3{font-size:180%;}

#sec04 .infolist{margin:0 auto; width:80%;}


}

/*画像サイズ600px以下*/
@media only screen and (max-width:599px)  {

#ft_bnout{padding:20px 0 0 0; overflow:hidden; position:relative;}
#ft_bnout .ftbninfo{}
#ft_bnout .ftbninfo h2{margin-bottom:5px; font-size:160%;}
#ft_bnout .ftbninfo h3{margin:0 0 10px -5px; font-size:200%;}
#ft_bnimg{margin-top:20px; position:relative; left:-5%; bottom:-25px; z-index:1;}
#ft_bnimg img{width:100%;}

.ft_title{padding:20px 0;}

#sec01 .stflx{}
#sec01 .stflx:after{content:""; display:block; width:31%; height:0;}
#sec01 .stbox a{padding:10px;}

#sec01 .stock1{width:100%;}
#sec01 .stock1 img{width:100%;}
#sec01 .stock1 .stocktxt{}
#sec01 .stock1 h3 span{font-size:180%; font-weight:bold; display:block;}
#sec01 .stock1 .stprice{text-align:right; font-size:120%;}
#sec01 .stock1 .stprice span{font-size:160%;}
#sec01 .stock2{margin-top:15px;}
#sec01 .stock2 img{width:100%;}
#sec01 .stock2 .stprice{margin-top:10px; text-align:right;}
#sec01 .stock2 .stprice span{font-size:140%;}

#sec02{position:relative;}
#sec02 p{margin-bottom:20px; text-align:center; font-size:120%;}
#sec02 .contact{margin:0 auto; position:relative; z-index:2;}
#sec02 .contact a{margin-top:10px;  padding:10px 0;}
#sec02 .img1{position:relative; top:20px; right:-60%;  z-index:1;}
#sec02 .img1 img{width:80%;}
#sec02 .img2{position:absolute; bottom:20px; left:-10%; z-index:1;}
#sec02 .img2 img{width:60%;}

#sec03 .mapinfo{margin:20px 0; text-align:left;}
#sec03 .mapinfo h3{font-size:120%;}



}