@charset "utf-8";
/* CSS Document */



	footer{
		height:800px;
		position: relative;/*←相対位置*/
		box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
		/*background-color:#C74B38;*/

		 }
	.footer_top{
		width:100%;
		height:390px;
		text-align:center;
		background-color: #0d1272; 
	}

	.footer_top img{
		width:640px;
		margin-top:100px;
		
	}
	
	.footer_wrap {
		width: 100%;
		 height: 600px; /* 相対 白隙間の要因*/
		 background: url("../svg/footer.svg") no-repeat;
		 background-position: center bottom ;
		 background-size: 100% auto;
		 margin-bottom: 0;
		 padding-bottom: 0;
		 }

	.footer_wrap01{
		margin-top:100px;
		display:flex;
		justify-content: center;
	}

	.footer_wrap05 {
    margin-top: 100px;
    display:flex;
    justify-content: center;
	}

	.footer_wrap02{
		margin-top:100px;
		display:flex;
		justify-content: center;
	}

	.footer_left02{
		display:flex;
		padding:0 0 0 0;
	}

	.footer_left03{
		display:flex;
		padding:0 0 0 0;
	}
	
	.svg_wh{
		width:150px;
		height:150px;
	}
	.number{
		    font-family: 'NotoSansCJKjp','Noto Sans JP', sans-serif;
    text-align: justify;
    font-weight: 400;
    color: #0d1272;
    font-size: 38px;
    padding: 50px 0 0 0;
	}

	.footer_right02{
		display:flex;
		padding:0 0 0 0;
	}

	.footer_wrap03{
		display:flex;
		justify-content: center;
		margin: -80px 0 0 0;
	}
	.footer_left04{
		display: flex;
		padding: 0 0 0px 0;
		margin: -4vw 0 0px 0;
		justify-content: center;
	}


	.button03 a {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin: 0 auto;
	  padding: 1em 2em;
	  width: 200px;
	  color: #FFFFFF;
	  font-size: 12px;
	  font-weight: 600;
	  border: 2px solid #FFFFFF;
	}

	.button03 a::after {
	  content: '';
	  width: 5px;
	  height: 5px;
	  border-top: 3px solid #FFFFFF;
	  border-right: 3px solid #FFFFFF;
	  transform: rotate(45deg);
	}

	.button03 a:hover {
	  color: #333333;
	  text-decoration: none;
	  background-color: #a0c4d3;
	}

	.button03 a:hover::after {
	  border-top: 3px solid #333333;
	  border-right: 3px solid #333333;
	}
	
	
	.logo {
    color: #fff;
    font-weight: bold;
    text-align: undefined;
    width: 10%;
    float: left;
    margin-top: 15px;
    margin-left: 25px;
    letter-spacing: 4px;
	}

	#footer_copy_light{
		width:100%;
	}

	#footer_copy_light li{
		list-style: none;
	}
	#footer_copy_light li p{
		text-align: center;
		color:#FFFFFF;
	}

	#footer_mokuzi{
		border-top: 1px dotted #FFFFFF;
		width:100%;
		display: flex;
		font-family: 'NotoSansCJKjp','Noto Sans JP', sans-serif;
		text-align: justify;
		font-weight:200;
		color:#FFFFFF;
		font-size: 10px;
		transform: scale(0.8);
		letter-spacing: 2px;
		padding: 10px 0vw 0px 0vw;
	}

	#footer_mokuzi a{
		text-decoration: underline;
	}

	#footer_mokuzi p{
		padding:0 0 5px 0;
	}
	.mokuzi_01{
		align-items: flex-start;
		padding:0 3vw 0px 0;
	}
	.mokuzi_02{
		align-items: flex-start;
		padding:0 3vw 0px 0;
	}

	.mokuzi_03{align-items: flex-start;
		padding:0 3vw 0px 0;}

	.mokuzi_04{align-items: flex-start;
		padding:0 3vw 0px 0;}

	.mokuzi_05{align-items: flex-start;
		padding:0 3vw 0px 0;}

	.mokuzi_06{align-items: flex-start;
		padding:0 3vw 0px 0;}

	.mokuzi_07{align-items: flex-start;
		padding:0 3vw 0 0;}

	#footer_end{
		background-color:#212121;}
	.logo{
		width:10%;
		padding:0 0 0 8vw;
		min-height: 5vh;
		z-index:120;
		display: inline-block;
	}


	.workarea {
		width:100%;/*vwにしたら余白問題発生個所*/
		text-align: left;
		padding: 0px 0px 0 0px;
		background-color:#212121;
		font-weight: lighter;
		letter-spacing: 1px;
		bottom: 0;/*下部固定*/
	}

	.workarea p{
		color:#FFFFFF;
		font-size:14px;
		-webkit-transform:scale(0.5);
		-moz-transform:scale(0.5);
		-ms-transform:scale(0.5);
		-o-transform:scale(0.5);
		transform:scale(0.5);
	}

	.hidden {
		display: none;
	}


/*************************************************/
/* Small Tablets */
@media (min-width: 321px)and (max-width: 540px) {
		#footer_end{
			background-color:#212121;
			display:flex;
			align-items: flex-start;
			width:100%;
		}
	

		.footer_none{display:none;}
	
	.footer_top{
		width:100%;
		height:190px;
		text-align:center;
		background-color: #0d1272; 
	}

	.footer_top img{
		width:100%;
		margin-top:30px;
		
	}

		.section_title_wrap03 ul li.title_detail{
			line-height:1em;
		}
	
	 	.section_title_wrap06{
			width:100%;
			height:900px;
			margin-top:0%;  
			min-height: 40vw;
			padding:0% 10% 0 10%;
			padding-top:20%;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			flex-flow: column;
		}
	.footer_wrap05 {
		margin-top: 0px;
   		 display: block;
    }
	.svg_wh {
		width: 80px;
		height: 150px;
	}
	
	.number {
    font-family: 'NotoSansCJKjp','Noto Sans JP', sans-serif;
    text-align: justify;
    font-weight: 400;
    color: #0d1272;
    font-size: 24px;
    padding: 58px 0 0 0;
	}
	
	.footer_wrap {
    width: 100%;
    height: 380px;
    background: url(../svg/footer.svg) no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    margin-bottom: 0;
    padding-bottom: 0;
	}
	
	
/** コラムのマージン**/
		.col_flex{
			margin-bottom: 1em;
		}
		.col_flex p{
			font-size:0.8em;
		}
		.col_days{
			display:none;
		}
/** iphone用フッター **/
	footer{
		height:300px;
		position: relative;/*←相対位置*/
		box-sizing: border-box;
		/*background-color:#C74B38;*/
		z-index:9;
	}


	.smp_none{display:none;}

	.smp_footer_wrap{}

	.footer_menu{
		width:100%;
		height:auto;
		background-color: #C74B38;
		padding:20vw 0 0 0;
	 }
	
	.footer_menu ul{
		width:100%;
		height:auto;
	}
	
	.ft_menu_flex{
		display:flex;
		justify-content: center;
	}

	.fitem_right{
		margin-left: auto;
	    margin-right:5px;}
	
	.footer_menu ul li{
		padding:4vw 0 0 4vw;
		color: #FFF;
		font-family:  'Libre Baskerville','Cinzel', serif;
		font-size:0.8em;
		letter-spacing:0em;
		padding-left:1em;
		text-align:center;
	}
	
	.acd-check{
	display: none;
	}
	.acd-label{
	color: #fff;
	display: block;
	margin-bottom: 1px;
	padding: 10px;
	}
	.acd-content{
	height: 0;
	opacity: 0;
	padding: 0 10px;
	transition: .2s;
	visibility: hidden;
	}
	.acd-check:checked + .acd-label + .acd-content{
	height: auto;
	opacity: 1;
	padding: 10px;
	visibility: visible;
	}
	
	p.top_info {
	text-align:center;
	font-family: 'Cinzel', serif;
    font-size: 1.2em;
    letter-spacing: 0.2em;
	}
	
	p.info_smp{
		font-family: 'GOTHIC';
		font-size: 10px;
    	padding-top: 8px;
    	letter-spacing: 2px;
    	color: #FFFFFF;
	}
	p.mg_top{margin-top:1em;}
	p.mg_btm{margin-bottom:1em;}
	
	.ft_link_wrap{
		display: flex;
		background-color: #C74B38; 
		width:100%;
	}
	.ft_link_item{
		top: 0;
		left: 70px;
		width: 20px;
		height: 20px;
		margin:16vw 0px 20px 20px;
	}
	.ft_link_item_gotop{
		margin-left: 60vw;
	}
	.ft_link_item_gotop img{
		width:50px;
		height: 30px;
		margin-top:14vw;
		right:0;
	}
	
	.smp_footer_end{
		display:flex;
	}
	.logo_hana{
			width:10%;
			padding-top:2.5vh;
			min-height: 5vh;
			margin:0 auto;
			z-index:120;
			display: inline-block;
		}
	.logo_zeh{
			width:8%;
			margin-right:5vh;
			padding-top:2vh;
		}
	.ft_menu_privacy{
		padding:4vw 0 0 1vw;
		color: #FFF;
		font-family:  'Libre Baskerville','Cinzel', serif;
		font-size:0.4em;
		letter-spacing:0em;
		padding-left:1em;
	}
	.ft_menu_privacy li a{text-decoration: underline;}
		
}

@media (min-width: 541px)and (max-width: 767px) {

	
		.number {
			font-size: 18px;
			padding: 62px 0px 0 0;
			margin: 0 0px 0 -20px;
		}
	
	.footer_top img {
    	width: 600px;
    	margin-top: 100px;
	}
	
	.footer_wrap01 {
    margin-top: 100px;
    display: block;
    justify-content: center;
	}
	
	.footer_wrap05 {
    margin-top: 100px;
    display:flex;
    justify-content: center;
	}
	
	
	.footer_right {
    padding-top: 0vh;
    width: 100%;
    flex-basis: 1;
    display: flex;
    padding: 0 0 0 100px;
    text-align: center;
    transform: rotateZ( 60deg );
	}
	.footer_left {
    padding-top: 0vh;
    flex-basis: 100%;
    width: 100%;
    text-align: center;
	}
	
	.footer_wrap {
    width: 100%;
    height: 1100px;
    background: url(../svg/footer.svg) no-repeat;
    background-position: center bottom;
    }
	
	.footer_left03{
		display:flex;
		padding:0 0 0 0;
	}
	
}
	
	
	
/*************************************************/
/* Small Desktops */
@media (min-width: 768px) and (max-width: 1023px) {
	
	
	.middle_none{display:none;}
	.number {
			font-size: 34px;
			padding: 56px 0px 0 0;
			margin: 0 0px 0 -20px;
			
		}
}

/*************************************************/
	@media (min-width: 1024px) and (max-width: 1174px) {
		
		.middle_none{display:none;}
	.number {
			font-size: 34px;
			padding: 56px 0px 0 0;
			margin: 0 0px 0 -20px;
			
		}
		
		
		
}

@media (min-width: 1174px) and (max-width: 1349px) {
		.number {
    font-size: 34px;
    padding: 56px 0px 0 0;
			margin: 0 0px 0 -20px;
}
}


@media (min-width: 1350px) and (max-width: 1480px) {
	

}

@media (min-width: 1481px){
	
	
}