@charset "utf-8";
/* CSS Document */
/***ここまで***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}
@font-face{
	font-family:"kozukamin";
	src:url("font/kozukalight.woff2") format("woff2"),
		url("font/kozukalight.woff2") format("woff"),
		url("font/kozukalight.otf") format("opentype");
}

ul{
	list-style:none;
}
img{
	width:100%;
	height:auto;
}
html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
}

main{
	width:100%;
	height:auto;
	position:relative;
	background-image:url("img/backimg.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	display:block;
}

.div__logo{
	position:relative;
	padding-top:2em;
	right:3.2%;
	width:12%;
	max-width:240px;
	margin-left:auto;
}

.div__title{
	position:relative;
	padding-top:2em;
	width:74.2%;
	max-width:1484px;
	margin-left:auto;
	margin-right:auto;
}

.ul__left-box{
	float:left;
	width:53.5%;
	height:auto;
}

.ul__left-box li{
	border-bottom:1px solid #fefefe;
	width:100%;
}

.ul__left-box li:nth-child(2n){
	border:none;
}

.ul__left-box__kaisaibi{
	padding-top:2em;
	position:relative;
	width:15.6%;
	max-width:167px;
	padding-left:3.2%;
}

.ul__left-box__kaisaibi-con{
	padding-top:1.2em;
	position:relative;
	width:90.7%;
	max-width:971px;
	padding-left:3.2%;
}

.ul__left-box__kaijyo{
	padding-top:2em;
	position:relative;
	width:15.6%;
	max-width:167px;
	padding-left:3.2%;
}

.ul__left-box__kaijyo-con{
	padding-top:1.2em;
	position:relative;
	width:83.1%;
	max-width:890px;
	padding-left:3.2%;
}

.ul__left-box__nyujyo{
	padding-top:2em;
	position:relative;
	width:15.6%;
	max-width:167px;
	padding-left:3.2%;
}

.ul__left-box__nyujyo-con{
	padding-top:1.2em;
	position:relative;
	width:83.1%;
	max-width:883px;
	padding-left:3.2%;
}

.ul__left-box__moushikomi{
	padding-top:2em;
	position:relative;
	width:43%;
	max-width:461px;
	padding-left:3.2%;
}

.ul__left-box__moushikomi-con{
	padding-top:1.2em;
	position:relative;
	width:88.6%;
	max-width:949px;
	padding-left:3.2%;
}

.ul__right-box{
	float:right;
	width:41.9%;
	max-width:732px;
	height:auto;
	margin-top:3.5%;	
	margin-right:3.2%;
	text-align:right;
}


.ul__right-box-title{
	position:relative;
	width:100%;
	max-width:758px;
}

.ul__right-box-button{
	display:inline-block;
	max-width:455px;
	width:60%;
	margin-top:1.2em;
}

.footer{
	max-width:1504px;
	width:100%;
	display:block;
	margin-top:1.5em;
	padding-bottom:1.6em;
	margin-left:1.5%;
}

.footer p{
	color:#fff;
	font-size:1.1em;
	display:inline-block;
	font-family:"kozukamin";
	vertical-align:top;
}

.footer img{
	margin-left:1.1%;
}

.footer img:first-child{
	margin-left:2.5%;
}

.p__footer__jikkou{
	display:inline-block;
	width:23.5%;
	max-width:354px;
}
	
	
.p__footer__kouen{
	display:inline-block;
	width:39.2%;
	max-width:590px;	
}

.p__footer__kyousai{
	display:inline-block;
	width:32.5%;
	max-width:490px;
}
.ul__right-box a:hover{
	opacity:0.5;
}

.span__kouen{
	width:27em;
	vertical-align:top;
	max-width:1740px;
	display:inline-block;
}

footer .div__kouen img{
	margin-left:0;
}
@media(max-width:900px){
	.footer p{
		font-size:0.1em;
	}
}
@media(max-width:480px){
	.div__title {
		width:95%;
		padding-top:1.5em;
	}
	.div__logo{
		width:30%;
	}
	.ul__left-box {
		float:none;
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
	.ul__left-box__kaisaibi{
		width:30%;
	}
	
	.ul__left-box__kaisaibi-con{
		width:100%;
		padding-left:0;
		padding-top:0.8em;
	}
	.ul__left-box__kaijyo{
		width:30%;
	}
	.ul__left-box__kaijyo-con{
		width:100%;
		padding-left:0;
		padding-top:0.8em;
	}
	.ul__left-box__nyujyo{
		width:30%;
	}
	.ul__left-box__nyujyo-con{
		width:100%;
		padding-left:0;
		padding-top:0.8em;
	}
	.ul__left-box__moushikomi{
		width:80%;
	}
	.ul__left-box__moushikomi-con{
		width:100%;
		padding-left:0;
		padding-top:0.8em;
	}
	.ul__right-box{
		float:none;
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
	.footer{
		width:100%;
	}
	.footer img:first-child{
		margin-top:0;
		margin-left:2%;
	}
	.footer img{
		margin-top:0.6em;
		margin-left:2%;
	}
	.p__footer__jikkou{
		display:block;
		width:55%;
	}
	.p__footer__kouen{
		display:block;
		width:91.6%;
	}
	.p__footer__kyousai{
		display:block;
		width:76.1%;
	}
	.footer p{
		font-size:1em;
	}
	.span__kouen{
		width:15em;
	}
		
}