@charset "UTF-8";

/* CSS Document */

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,:after,:before{box-sizing:border-box}ul{list-style:none}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}:focus{outline:0}img{vertical-align:top}input[type=button],input[type=submit]{border-radius:0;-webkit-appearance:none}

/* common */

html {
	font-size: 100%;
	overflow-x: hidden;
	width: 100%;
}

body {
	color: #101010;
	line-height: 1.6;
	font-family:  sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 100%;
	position: relative;
	background: #fff;
	font-size:1.1rem;
}

a{
	color:#F26D0F;
}

img{
	width:100%;
}

header p{
	padding: 20px 10px 0;
	text-align: center;
	font-size:0.9rem;
}

ul.haraono_link{
	display:flex;
	justify-content: center;
	padding:20px 10px 20px;
}

ul.haraono_link li{
	padding:0 10px;
}

ul.haraono_link a{
	display:inline-block;
	background:#F26D0F;
	color:#fff;
	text-decoration: none;
	padding:5px 20px;
	border-radius:15px;
}

ul.haraono_link a:hover{
	background:#F5812F;
}

h1{
	text-align: center;
	padding-top:40px;
}

div.kagra_img{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padidng:0 10px;
}

div.contact{
	text-align: center;
}

div.contact h2{
	padding-top:20px;
}

div.contact p{
	padding-top:10px;
}

div.contact img{
	max-width:200px;
}

footer {
	padding:100px 10px 0;
	text-align: center;
}

footer p{
	font-size: 0.9rem;
}


ul.foot_posting{
	display:flex;
	flex-direction: column;
	padding:20px 10px 40px;
	justify-content: center;
}

ul.foot_posting li{
	padding:0 10px;
	font-size: 0.9rem;
	text-align: center;
}

footer img{
	max-width:100px;
}

@media screen and (min-width: 600px) {
	ul.foot_posting{
		flex-direction: row;
	}
	
	ul.foot_posting li{
		border-right:1px solid #ccc;
	}
	
	ul.foot_posting li:first-child{
		border-left:1px solid #ccc;
	}
}