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

/*ベース*/
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,span,label,input,textarea,button,table,td,th,figure,nav,main,img{
	margin: 0;
	padding: 0;
}

html,body{
	-webkit-text-size-adjust:100%;
}

html{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size:80%;
}

body{
	color:#555555;
	margin:0;
	padding:0;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	word-wrap:break-word;
	font-family: 'Noto Sans JP', sans-serif;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,label,input,button,select,option,textarea,table,td,th,figure,nav,main,address{
	font-weight:inherit;
  font-style:normal;
}

a,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,select,div,label,input,button,select,option,textarea,button,table,td,th,figure,nav,main,address{
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}

*[disabled]{
	opacity:1;
	cursor:auto;
}


table,td,th{
	border-spacing:0;	
}

th{
	text-align:justify;
}

a{
	text-decoration:none;
	outline: none;
}

a img{
	border:0;
}

img,svg{
   vertical-align:bottom;
}

li{
	list-style:none;
}

input[type="submit"],input[type="button"],button,input[type="radio"]+label,input[type="checkbox"]+label,input[type="file"]+label,a{
	cursor:pointer;
}
main{
	display:block;
}


body > svg {
    width: 0;
    height: 0;
    opacity: 0;
    position: fixed;
}

/*レイアウト*/
header,
footer{
	background-color:#282828;
	color:#FFFFFF;
}

footer{
	display:flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}


header{
	background-image:url(img/bg_head.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
header > div{
	display:flex;
	align-items: center;
}
header > div svg{
	fill:#FFFFFF;
}

header h1{
	display: flex;
	flex-flow: column;
	justify-content: center;
}
header h1 svg{
	margin-bottom:5px;
}

header > *,
main dl > *{
	padding:10px;
	box-sizing:border-box;
}

main dd a{
	display:flex;
  align-items: center;
	background-color:#838BC5;
	color:#FFFFFF;
	padding:10px;
	position:relative;
}
main dd a::before,
main dd a::after{
	content:"";
	display:block;
	border:#FFFFFF 1px solid;
	position:absolute;
	left:20px;
	top:50%;
}
main dd a::before{
	border-radius:50%;
}
main dd a::after{
	transform: rotate(-45deg);
	border-top:none;
	border-left:none;
}

main dt svg{
	fill:#3C3C3C;
}

.break{
	width:100%;
	height:0;
	visibility:hidden;
	margin:0;
	padding:0;
}



/*スマホ～タブレット*/
@media screen and (max-width: 849px){
body{
	line-height:1.8;
}



/*レイアウト*/
header{
	background-position:center 50px;
}
header > div{
	height:50px;
}

header > div svg{
	width:107px;
	height:16px;
}

header h1{
	height:150px;
	align-items: center;
}
header h1 svg{
	width:140px;
	height:26px;
	fill:#FFFFFF;
	display:block;
}

main dl{
	margin-bottom:30px;
}
main dt{
	margin-top:30px;
	text-align:center;
}

main dt svg{
	height:25px;
}
#bana{
	width:125px;
}
#one{
	width:105px;
}
#rich{
	width:132px;
}
#bana_w{
	width:140px;
}
#one_w{
	width:140px;
}

main dd a{
	height:50px;
	padding-left:46px;
	margin:0 auto;
    width:80%;
}
main dd a::before{
	width:16px;
	height:16px;
	margin-top:-8px;
}
main dd a::after{
	width:4px;
	height:4px;
	margin:-2px 0 0 6px;
}

footer{
	height:70px;
}

}

/*タブレット以上（下限850px)*/
@media screen and (min-width: 850px){
body{
	line-height:1.7;
}




/*レイアウト*/
header{
	background-position:center 100px;
}
header > div{
	height:100px;
}
header > div svg{
	width:214px;
	height:32px;
}

header h1{
	height:300px;
}
header h1 svg{
	width:290px;
	height:52px;
	fill:#FFFFFF;
	display:block;
}

header > *,
main dl{
	max-width:1000px;
	margin:0 auto;
}

main dl{
	display:flex;
	flex-wrap: wrap;
}

main dt{
	width:100%;
}
main dt svg{
	height:40px;
}
#bana{
	width:200px;
}
#one{
	width:168px;
}
#rich{
	width:211px;
}
#bana_w{
	width:224px;
}
#one_w{
	width:224px;
}

main dl{
	margin-bottom:50px;
}
main dt{
	margin-top:50px;
}
main dt:not(:first-child){
	border-top:#CCCCCC 1px solid;
	padding-top:50px;
}

main dd{
	width:50%;
}
main dd a{
	height:60px;
	padding-left:46px;
	font-size: 1.2rem;
}
main dd a::before{
	width:16px;
	height:16px;
	margin-top:-8px;
}
main dd a::after{
	width:6px;
	height:6px;
	margin:-3px 0 0 4px;
}
main dd a:hover{
	background-color:#3C3C3C;
}

footer{
	height:140px;
}



}