*{
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,'Yu Gothic',Verdana,Meiryo,sans-serif;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-o-box-sizing : border-box;
	-ms-box-sizing : border-box;
	box-sizing : border-box;
}
.clear{
	clear : both;
}
.hidden_word{
	color : rgba(255,255,255,0) !important;
	font-size : 1pt !important;
	letter-spacing : -100px !important;
	text-indent : -2000em !important;
	line-height : 0;
}
img{
	border : 0px;
}
a{
	color:#8b1319;
}
a:hover{
	color:#ff1d4c;
}
a:hover img{
	filter : alpha(opacity=60);
	-webkit-opacity : 0.60;
	-moz-opacity : 0.60;
	-o-opacity : 0.60;
	-ms-opacity : 0.60;
	opacity : 0.60;
	transition : 0.1s;
}
body{
	margin : 0px;
	padding : 0px;
	vertical-align : top;
	text-align : center;
	background:#ffffff;
}
.base{
	width: 1000px;
	margin : 0 auto;
	padding : 0px;
	vertical-align : top;
	text-align : center;
}
.base:after{
	content : "";
	clear : both;
	display : block;
}
h1{
	top:0px;
	left:0px;
	float: left;
}
h1,
h1 img{
	width: 100px;
	height: 800px;
	margin:0;
	padding:0;
}
header{
	width: 900px;
	height: 85px;
	margin:0;
	padding : 0;
	float: right;
}
#menu,
#menu ul{
	width: 900px;
	height: 85px;
	margin:0;
	padding:0;
}
#menu{
}
#menu ul{
	list-style:none;
	position:relative;
	overflow:hidden;
}
#menu ul:after{
	content : "";
	clear : both;
	display : block;
}
#menu li,
#menu li a{
	height: 85px;
	margin :0;
	padding:0;
	background-position: 0 0;
	background-repeat: no-repeat;
	display : block;
	overflow:hidden;
}
#menu li{
	top:0px;
	float: left;
}
#menu li:nth-child(1) a {
	width: 170px;
	background-image: url('../i/menu_1.png');
}
#menu li:nth-child(2) a {
	width: 170px;
	background-image: url('../i/menu_2.png');
}
#menu li:nth-child(3) a {
	width: 170px;
	background-image: url('../i/menu_3.png');
}
#menu li:nth-child(4) a {
	width: 180px;
	background-image: url('../i/menu_4.png');
}
#menu li:nth-child(5) a {
	width: 210px;
	background-image: url('../i/menu_5.png');
}
#menu li a:hover {
	background-position: 0 170px;
}
#menu li a.now {
	background-position: 0 85px;
}
#menu li a{
	color : rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 0);
}
.box{
	width: 900px;
	float: right;
}
.box:after{
	content : "";
	clear : both;
	display : block;
}

.headbar {
	z-index : 9000;
	width: 100%;
	height: 30px;
	position: fixed;
	left: 0;
	top: -30px;
	margin:0;
	padding:0;
	background: #302519;
	overflow:hidden;
}
.headbar ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display: block;
}
.headbar ul:after{
	content : "";
	clear : both;
	display : block;
}
.headbar li {
	z-index : 9002;
	float: left;
	margin:0;
	padding:0;
}
.headbar li img {
	height: 30px;
	margin:0 0 0 10px;
	padding:0;
}
.headbar li{
	height: 30px;
	margin:0 0 0 10px;
	padding:5px 10px;
	font-size : 13px;
	font-weight:600;
	color : #ffffff;
	position:relative;
	display : block;
	overflow:hidden;
}
.headbar li a{
	font-size : 13px;
	font-weight:600;
	color : #ffffff;
	text-decoration : none;
	position:relative;
	display : block;
	transition : 0.3s;
	overflow:hidden;
}
.headbar li a:hover{
	filter : alpha(opacity=60);
	-webkit-opacity : 0.60;
	-moz-opacity : 0.60;
	-o-opacity : 0.60;
	-ms-opacity : 0.60;
	opacity : 0.60;
	transition : 0.3s;
}

footer{
	width: 100%;
	max-width: 900px;
	margin:10px auto 0 auto;
	padding:10px 0 0 0 ;
	border-top : 1px solid #000000;
	float: right;
}
.contact{
	width: 100%;
	color:#302519;
	font-size:14px;
}
.contact div.br{
	width: 15px;
	display:inline-block;
}
.contact div.name{
	font-weight:800;
	display:inline;
}

.bottom{
	width: 100%;
	max-width: 1000px;
	height: 12px;
	margin:12px auto 0 auto;
	background:#302519;
	position:relative;
	display : block;
}





/*
.main_img{
	width: 100%;
	margin:0 0 10px 0;
	padding:0;
}
.main_img.a{
	height: 295px;
	background-image: url('../i/back_b.png');
	background-position: 0 0;
	background-repeat: repeat-x;
}
.main_img img{
	width: 500px;
	margin :0;
	padding:0;
}

.main_note_box{
	width:906px;
	margin :0 auto;
	padding:0;
}
.main_note{
	width:100%;
	margin :0 auto 20px auto;
	padding:0;
}
.main_note.c,
.main_note.d{
	width: 428px;
	margin :0 auto 20px auto;
	padding:0;
}
.main_note.c{
	float:left;
}
.main_note.d{
	float:right;
}
.main_note .note{
	width:100%;
	margin :0;
	padding:0;
	font-size:14px;
	line-height : 1.6;
	font-weight:500;
	color:#656262;
	vertical-align : top;
	text-align : justify;
	text-justify : inter-ideograph;
	line-break : strict;
}
.main_note.c .note,
.main_note.d .note{
	padding:0 0 0 46px;
}
.main_note .note div{
	width:616px;
	margin :0;
	padding:0;
	float:left;
}
.main_note .note img{
	width:290px;
	margin :0;
	padding:0;
	float:left;
}
.main_note .note span{
	background:#ffe3a5;
}
.main_note.a:after,
.main_note.b:after,
.main_note_box:after{
	content : "";
	clear : both;
	display : block;
}

.main_note.web img,
.main_note.cpp img,
.main_note.con img,
.main_note.pp img{
	width:160px;
	margin :0;
	padding:0;
}

.main_note.web{
	width:100%;
	margin :40px auto 0 auto;
	padding:0;
}
.main_note.web .note.web{
	border-top : 4px dotted #a0c700;
	width:100%;
	margin :0;
	padding:8px 0 0 0;
	font-size:16px;
	line-height : 30px;
	font-weight:500;
	color:#5b3a00;
	vertical-align : top;
	text-align : center;
	float:none;
}
.main_note .note.web span{
	background:#ffe3a5;
	color:#a0c700;
	font-size:20px;
	font-weight:800;
}
.main_note .note.web img.left{
	position:absolute;
	left:8%;
}
.main_note .note.web img.right{
	position:absolute;
	right:8%;
}
.main_note.web .note.web div{
	width:100%;
	margin :0;
	padding:0;
	float:none;
}

.main_note.cpp{
	width:100%;
	margin :40px auto 0 auto;
	padding:0;
}
.main_note.cpp .note.cpp{
	width:100%;
	margin :5px 0 0 0;
	padding:0;
	font-size:14px;
	line-height : 1.6;
	font-weight:500;
	color:#656262;
	vertical-align : top;
	text-align : left;
	float:none;
}
.main_note.cpp .note.cpp div{
	width:100%;
	margin :0;
	padding:0;
	float:none;
}
.main_note.cpp .note.cpp .yoko{
	width:720px;
	margin :0 auto;
	padding:0;
}
.main_note.cpp .note.cpp .yoko.br{
	background-image: url('../i/cpp_back.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
.main_note.cpp .note.cpp .yoko .left{
	width:200px;
	margin :0;
	padding:10px 20px;
	float:left;
}
.main_note.cpp .note.cpp .yoko .right{
	width:520px;
	margin :0;
	padding:10px 20px;
	float:right;
}
.main_note.cpp .note.cpp .yoko:after{
	content : "";
	clear : both;
	display : block;
}
.main_note.cpp .note.map{
	width:720px;
	height:380px;
	margin :100px auto 0 auto;
	padding:0;
	float:none;
}
.main_note.cpp .note.map,
.main_note.cpp .note.map iframe{
	width:720px;
	height:380px;
	margin :100px auto 0 auto;
	padding:0;
	float:none;
}
.main_note.cpp .note.map iframe{
	margin :0;
}

.main_note.con{
	width:100%;
	margin :40px auto 0 auto;
	padding:0;
}
.main_note.con .note.con{
	border-top : 4px dotted #a0c700;
	width:100%;
	margin :0;
	padding:8px 0 0 0;
	font-size:16px;
	line-height : 30px;
	font-weight:500;
	color:#5b3a00;
	vertical-align : top;
	text-align : center;
	float:none;
}
.main_note.con .note.con div{
	width:100%;
	margin :0;
	padding:0;
	float:none;
}

.main_note.pp{
	width:100%;
	margin :40px auto 0 auto;
	padding:0;
}
.main_note.pp .note.pp{
	border-top : 4px dotted #a0c700;
	width:100%;
	margin :0;
	padding:8px 0 0 0;
	font-size:16px;
	line-height : 1.6;
	font-weight:600;
	color:#5b3a00;
	vertical-align : top;
	text-align : justify;
	text-justify : inter-ideograph;
	line-break : strict;
	float:none;
}
.main_note.pp .note.pp div{
	width:100%;
	margin :0;
	padding:0;
	float:none;
}
.main_note.pp .note.pp div .note{
	width:90%;
	margin :0 auto 20px auto;
	padding:0;
	font-size:16px;
	line-height : 1.6;
	font-weight:500;
	color:#656262;
	vertical-align : top;
	text-align : justify;
	text-justify : inter-ideograph;
	line-break : strict;
}

footer{
	width: 906px;
	height:160px;
	margin :0 auto;
	padding:0;
	background-image: url('../i/addback.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
}
footer img{
	width: 142px;
	height: 40px;
	left:0;
	bottom:0;
}
.contact{
	margin :0;
	padding:0;
	font-size:14px;
	line-height : 1.6;
	font-weight:500;
	color:#5b3a00;
	vertical-align : bottom;
	text-align : left;
}
footer img,
.contact{
	margin :0;
	padding:0;
	position: absolute;
}
.contact.add{
	bottom:40px;
}
.contact.cp,
.contact.pp{
	bottom:5px;
}
.contact.cp{
	left:155px;
}
.contact.pp{
	right:0;
}
.contact.pp:hover{
	color:#c73a00;
}


br.pc { display:block; }
br.sp { display:none; }
*/


.title_y,
header input,
header label,
.baran img,
#menu ul li span,
.main_note img.sp{
	display:none;
}
@media (max-width: 1020px) {
	h1{
		display:none;
	}
	header,
	.box,
	footer{
		float:none;
		position:relative;
		display : block;
	}
	.base{
		width: 900px;
	}
}
@media (max-width: 920px) {
	.title_y{
		width: 100%;
		height: 54px;
		margin : 0;
		padding : 0 0 0 40px;
		position:relative;
		display: flex;
		justify-content: center;
		align-items: center;
  	}
	.title_y img{
		width: auto;
		height: auto;
		max-width: 95%;
		max-height: 90%;
		margin : 0 auto;
		display : block;
	}
	.base{
		width: 100%;
	}
	.contact div.br{
		width: auto;
		display:block;
	}
	.headbar,
	.main_note img.pc,
	.main_note .note.web img{
		display:none;
	}
	.main_note img.sp{
		display:initial;
	}
	header label{
		display:block;
	}
	header{
		width: 100%;
		height: auto;
		margin:0;
		display:inline;
	}
	#menu li:nth-child(5) {
		display:initial;
	}
	#menu{
		background-image:none;
	}
	#menu ul{
		position:initial;
		overflow:initial;
	}
	#menu,
	#menu ul,
	#menu li,
	#menu li a,
	#menu li img{
		width: initial;
		height: initial;
		overflow:initial;
		float: none;
	}
	#menu li{
		top:initial;
		position:initial;
	}
	#menu ul li img{
		display:none;
	}
	#menu ul li span{
		display:initial;
	}
	#button{
		z-index : 9998;
		position: fixed;
		top: 0;
		left : 0;
		width: 40px;
		height: 54px;
		outline: none;
		border: none;
		background: #302519;
		color: #ffffff;
/*		border-radius : 0 0 7px 0 ;*/
		font-size: 12px;
		cursor: pointer;
	}
	#button .line {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 2px;
		border-radius : 2px;
		background: #ffffff;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#button .line_01 { top: 8px;left: 6px; }
	#button .line_02 { top: 18px;left: 6px; }
	#button .line_03 { top: 28px;left: 6px; }
	#button.is-active .line_01 {
		top: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#button.is-active .line_02 {
		opacity: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#button.is-active .line_03 {
		top: 18px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.button_name{
		position: absolute;
		top: 34px;
		left: 0px;
		width: 40px;
		text-align: center;
	}
	
	input#navTgl,
	label#button,
	label.close{
		position : fixed;
	}
	.box{
		width: 100%;
	}
	#menu{
		z-index : 9980;
		position : fixed;
		overflow : auto;
		top : 0;
		left : 0;
		height : 100%;
		padding : 0px;
		margin : 0px;
		transform : translateX(-100%);
		-webkit-transform : translateX(-100%);
		-moz-transform : translateX(-100%);
		transition : transform 0.3s;
		-webkit-transition : -webkit-transform 0.3s;
		-moz-transition : -moz-transform 0.3s;
	}
	#navTgl:checked ~ #menu{
		transform : translateX(0);
		-webkit-transform : translateX(0);
		-moz-transform : translateX(0);
	}
	#menu_sp_back{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:#ffffff;
		filter:alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
		z-index : -1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		opacity: 0;
	}
	#navTgl:checked ~ #menu_sp_back{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:#ffffff;
		filter:alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
		z-index:100;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		opacity: 0.7;
	}
	#menu li a{
		color : #ffffff;
		width : 100%;
		margin : 0 0 5px 0 ;
		padding : 12px 45px;
		transition : 0.4s;
		background: #302519;
		text-decoration : none;
		border-radius: 10px;
		display : block;
	}
	#menu li a:hover {
		color : #ffffff;
		transition : 0.4s;
		background : #8b1319;
	}
	
	#menu ul{
		padding : 0px;
		margin: 5px 0 0 5px ;
	}
	#menu li,
	#menu li a{
		width: 170px!important;
		background-image: none!important;
	}
	#menu li{
		list-style-type : none;
	}
	#menu li:first-child{
		margin : 59px 0 0 0 ;
	}
	.main_note img.sp{
		width: 100%;
	}

	.main_note_box{
		width:100%;
		margin :0;
		padding:0;
	}
	.main_note_box.sub{
		margin :0 0 60px 0;
	}
	.main_note .note div,
	.main_note .note img,
	.main_note.c,
	.main_note.d{
		float:none;
	}
	.main_note,
	.main_note.a,
	.main_note.b,
	.main_note.c,
	.main_note.d{
		width:100%;
		margin :0 0 20px 0;
		padding:0;
	}
	.main_note img.sp,
	.main_note .note div{
		width:100%;
		margin :0;
		padding:0;
	}
	.main_note .note img{
		width:80%;
		margin :0 auto;
		display:block;
	}
	.main_note .note{
		width:75%;
		margin :0 auto;
		padding:0;
		font-size:16px;
		line-height : 1.6;
	}
	.main_note.c .note,
	.main_note.d .note{
		padding:0;
	}

	.main_note.web,
	.main_note.cpp,
	.main_note.con,
	.main_note.pp{
		width:90%;
		margin : 40px auto 0 auto;
	}
	.main_note.web .note.web{
		vertical-align : top;
		text-align : justify;
		text-justify : inter-ideograph;
		line-break : strict;
	}
	.main_note.web img,
	.main_note.cpp img,
	.main_note.con img,
	.main_note.pp img{
		width:50%;
		max-width:200px;
		margin :0 auto;
	}

/*
	footer{
		width: 100%;
		height:auto;
		margin :0;
		padding:0;
		background-position: center bottom;
	}
	footer img{
		width: 70%;
		max-width: 296px;
		height:initial;
		left:initial;
		bottom:initial;
	}
	.contact{
		margin :0;
		padding:0;
		font-size:15px;
		line-height : 1.5;
		font-weight:500;
		vertical-align : bottom;
		text-align : center;
	}
	footer img,
	.contact{
		margin :0;
		padding:0;
		position: relative;
	}
	.contact.add{
		bottom:initial;
	}
	.contact.cp,
	.contact.pp{
		bottom:initial;
	}
	.contact.cp{
		left:initial;
	}
	.contact.pp{
		display:none;
	}

	.main_note.cpp .note.cpp .yoko{
		width:100%;
		margin :0 auto;
		padding:0;
	}
	.main_note.cpp .note.cpp .yoko.br{
		background : none;
	}
	.main_note.cpp .note.cpp .yoko .left{
		width:100%;
		margin :0;
		padding:5px 20px;
		background-image: url('../i/cpp_back.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		border-radius : 8px;
		float:none;
	}
	.main_note.cpp .note.cpp .yoko .right{
		width:100%;
		margin :0;
		padding:10px 20px;
		float:none;
	}
	.main_note.cpp .note.map{
		width:100%;
		margin :20px auto 20px auto;
		padding:0;
		float:none;
	}
	.main_note.cpp .note.map iframe{
		width:100%;
		margin :0;
	}
*/
}
@media (max-width: 520px) {
	.baran,
	.baran.naka{
		width: 100%;
		height: auto;
		margin : 0px;
		padding : 0px;
		background-image:none;
	}
	.baran img{
		display:initial;
		width: 100%;
		margin : 0px;
		padding : 0px;
		display : block;
	}
	.main_img.a{
		height: initial;
		background-image: url('../i/bak_b_m.png');
		background-size: cover;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.main_img img{
		width: 100%;
		margin :0;
		padding:0;
	}
	.contact span{
		display : block;
	}
	.main_note.cpp .note.map,
	.main_note.cpp .note.map iframe{
		height:250px;
	}
}















/*
	background:linear-gradient(180deg,#4f7ada 0%,#4f7ada 50%,#003fca 50%,#003fca 100%);

h1,
.header {
}

h1{
}
.title{
	overflow:hidden;
}
.title div{
	float: right;
	margin:12px 39px 0 0;
}
.title div span{
	float: right;
	margin:0 0 0 10px;
}
.title div :after,
.title :after{
	content : "";
	clear : both;
	display : block;
}

.header.a,
.header.c {
	background-color: #d7d7d7;
	height: auto;
}
.header.a div,
.header.c div{
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
	padding : 7px 0 7px 52px;
	color:#231815;
	font-size:13px;
	line-height : 1;
	vertical-align : middle;
	text-align : left;
}
.header.c div {
	padding : 7px 0 7px 0;
	text-align : center;
}
.header.c {
	display:none;
}

.title{
	height: 70px;
	text-align : left;
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
}
h1 {
	margin: 0 0 0 35px;
}

#menu li:first-child{
	margin : 0 1px 0 3px;
}
#menu li:last-child{
	margin : 0 3px 0 0;
}
#menu:after{
	content : "";
	clear : both;
	display : block;
}


.main_img {
	width: 100%;
	margin:0;
	padding:0;
	background-image: url('../i/main_back.png');
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	position:relative;
	display : block;
}
.main_img img,
.main_img .slider,
.main_img .slider li,
.footer_a img{
	position:relative;
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width: 1000px;
}


.main_img .submenu{
	width: 100%;
	color:#003fca;
	text-align : right;
	top:0;
	margin:0 auto;
	padding:10px 0;
	position:absolute;
	display : block;
}
.main_img .submenu div{
	width: 1000px;
	margin:0 auto;
}
.main_img .submenu a{
	color : #003fca;
	text-decoration : none;
	transition : 0.2s;
}
.main_img .submenu a:hover{
	filter : alpha(opacity=60);
	-webkit-opacity : 0.60;
	-moz-opacity : 0.60;
	-o-opacity : 0.60;
	-ms-opacity : 0.60;
	opacity : 0.60;
	transition : 0.2s;
}
.main_img .submenu a {
	position: relative;
}
.main_img .submenu a::after,
.main_img .submenu a::before {
	display: block;
	content: '';
	position: absolute;
}
.main_img .submenu a::after {
	top: .2em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #003fca;
	border-radius: 100%;
}
.main_img .submenu a::before {
	z-index: 2;
	top: .5em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.main_tell {
	width: 100%;
	margin:0;
	padding:0;
	background: #00a4eb;
	position: relative;
	display: block;
}
.main_tell img {
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
	padding:0;
	position: relative;
	display: block;
}
.main_tell_sp {
	width: 100%;
	margin:0;
	padding:5px;
	background: #00a4eb;
	position: relative;
	display: block;
}
.main_tell_sp img {
	width: 100%;
	margin:0 auto;
	padding:0;
	position: relative;
	display: block;
}

.wrapper {
	float: left;
	margin: 0;
	width: 100%;
	margin-right: -260px;
}

.content {
	max-width: 1000px;
	position:relative;
	display: block;
	margin:0 auto;
	padding:0;
}
.content :after{
	content : "";
	clear : both;
	display : block;
}

.content_main {
	float: right;
	width: 662px;
	margin:11px 27px 0 0;
}
.content_main img{
	position:relative;
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width: 632px;
}
.content_main img.big{
	position:relative;
	display: block;
	margin:0 auto;
	padding:0;
	width: 100%;
	max-width: 662px;
}

.sidebar {
	float: left;
	width: 255px;
	margin:26px 14px 55px 42px;
}
.sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
.sidebar li{
	margin:0 0 11px 0;
	padding:0;
}
.sidebar li:last-child{
	margin:0;
}
.sidebar li a img{
	width: 255px;
	height: 129px;
	margin:0;
	padding:0;
}
.sidebar li a{
	width: 255px;
	height: 129px;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}

.footer {
	margin:0px;
	padding:0px;
	clear: both; 
}
.footer.a {
	margin:0;
	padding:0;
	background-color: #eaebea;
}
.footer.a .content {
	width: 1000px;
	height: 92px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.footer.a .content :after{
	content : "";
	clear : both;
	display : block;
}
.footer.a .content .name,
.footer.a .content .contact {
	float: left;
}
.footer.a .content .quote {
	float: right;
}
.footer.a .content .name {
	width: 245px;
	height: 42px;
	margin:25px 0 0 44px;
	padding:0;
}
.footer.a .content .name img {
	width: 245px;
	height: 42px;
	margin:0;
	padding:0;
}
.contact{
	height: 408px;
	margin:8px 0 0 25px;
	position:relative;
	display:block;
	text-align : left;
}
.contact div{
	margin:0;
	padding:0;
}
.contact .phone{
	padding:0 0 0 40px;
	font-weight:900;
	font-size:35px;
	color:#ff0000;
	letter-spacing : -1px;
	line-height : 1.0;
	background-image: url('../i/tell_mark.png');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-size: auto 25px;
}
.contact .time{
	margin:3px 0 5px 0;
	font-weight:700;
	font-size:15px;
	line-height : 1.0;
}
.contact .address{
	font-weight:600;
	font-size:12px;
	line-height : 1.0;
}
.contact .address :after{
	content : "";
	clear : both;
	display : block;
}
.contact .address span{
	float: left;
	margin:0 10px 0 0;
}
.footer.a .content .quote {
	width: 276px;
	height: 68px;
	margin:12px 2px 0 0;
	padding:0;
}
.footer.a .content .quote img {
	width: 276px;
	height: 68px;
	margin:0;
	padding:0;
}
.content .quote a:hover img{
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	filter: brightness(120%);
	transition : 0.1s;
}
.footer.b {
	background-color: #00a4eb;
	color:#ffffff;
	font-size:14px;
	font-weight:600;
	margin:0;
	padding:10px 0;
}
.footer.b .submenu {
	width: 1000px;
	margin:0 auto;
	padding:0 0 0 44px;
	text-align : left;
}
.footer.b .submenu.b {
	padding:0 0 0 64px;
}
.footer.b .submenu a{
	color : #ffffff;
	text-decoration : none;
	transition : 0.2s;
}
.footer.b .submenu a:hover{
	filter : alpha(opacity=60);
	-webkit-opacity : 0.60;
	-moz-opacity : 0.60;
	-o-opacity : 0.60;
	-ms-opacity : 0.60;
	opacity : 0.60;
	transition : 0.2s;
}
.footer.b .submenu.b a {
	position: relative;
}
.footer.b .submenu.b a::after,
.footer.b .submenu.b a::before {
	content: '';
	position: absolute;
	display: block;
}
.footer.b .submenu.b a::after {
	top: .2em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #ffffff;
	border-radius: 100%;
}
.footer.b .submenu.b a::before {
	z-index: 2;
	top: .5em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 2px solid #00a4eb;
	border-bottom: 2px solid #00a4eb;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.footer.b .copyright {
	width: 1000px;
	margin:0 auto;
	padding:0 44px 0 0;
	text-align : right;
}




.header input,
.header label,
#menu_sp,
.main_tell_sp {
	display:none;
}
@media (max-width: 1020px) {
	.header label,
	#menu_sp {
		display:block;
	}
	#menu,
	.header.a,
	.headbar,
	.main_img .submenu,
	.footer.b .submenu {
		display:none;
	}
	.header.b {
		height: 59px;
	}
	.header.c {
		display:block;
	}
	.title{
		height: 59px;
		text-align : center;
		width: 100%;
		max-width: 1000px;
		margin:0 auto;
	}
	h1 img {
		width: 280px;
		height: 59px;
		margin:0 0 0 7px;
	}
	.title div{
		float: right;
		margin:6px 10px 0 0;
	}
	#button{
		z-index : 9998;
		position: fixed;
		top: 0;
		left : 0;
		width: 40px;
		height: 54px;
		outline: none;
		border: none;
		background: #4f7ada;
		color: #ffffff;
		border-radius : 0 0 7px 0 ;
		font-size: 12px;
		cursor: pointer;
	}
	#button .line {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 2px;
		border-radius : 2px;
		background: #ffffff;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	#button .line_01 { top: 8px;left: 6px; }
	#button .line_02 { top: 18px;left: 6px; }
	#button .line_03 { top: 28px;left: 6px; }
	#button.is-active .line_01 {
		top: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#button.is-active .line_02 {
		opacity: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#button.is-active .line_03 {
		top: 18px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.button_name{
		position: absolute;
		top: 34px;
		left: 0px;
		width: 40px;
		text-align: center;
	}
	
	input#navTgl,
	label#button,
	label.close{
		position : fixed;
	}
	#menu_sp{
		z-index : 9980;
		position : fixed;
		overflow : auto;
		top : 0;
		left : 0;
		width : auto;
		padding : 0px;
		margin : 0px;
		transform : translateX(-100%);
		-webkit-transform : translateX(-100%);
		-moz-transform : translateX(-100%);
		transition : transform 0.3s;
		-webkit-transition : -webkit-transform 0.3s;
		-moz-transition : -moz-transform 0.3s;
	}
	#navTgl:checked ~ #menu_sp{
		transform : translateX(0);
		-webkit-transform : translateX(0);
		-moz-transform : translateX(0);
	}
	#menu_sp_back{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:#ffffff;
		filter:alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
		z-index : -1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		opacity: 0;
	}
	#navTgl:checked ~ #menu_sp_back{
		position:fixed;
		width:100%;
		height:100%;
		left:0;
		top:0;
		background:#ffffff;
		filter:alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
		z-index:100;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		opacity: 0.7;
	}
	#menu_sp li a{
		color : #ffffff;
		width : 100%;
		margin : 0 0 5px 0 ;
		padding : 12px 45px;
		transition : 0.4s;
		background : #4f7ada;
		text-decoration : none;
		border-radius: 10px;
		display : block;
	}
	#menu_sp li a:hover {
		color : #ffffff;
		transition : 0.4s;
		background : #003fca;
	}
	
	#menu_sp ul{
		padding : 0px;
		margin: 5px 0 0 5px ;
	}
	#menu_sp li{
		list-style-type : none;
	}
	#menu_sp li:first-child{
		margin : 59px 0 0 0 ;
	}

	.wrapper, .content, .content_main, .sidebar {
		float: none;
		margin: 0;
		width: auto;
	}
	.sidebar ul{
		width: 99%;
		max-width: 644px;
		margin:15px auto 3px auto;
		padding:0;
		position:relative;
		display:block;
	}
	.sidebar li{
		float: left;
		width: 50%;
		margin:0 0 10px 0!important;
		padding:0;
	}
	.sidebar li a,
	.sidebar li a img{
		width: 98%;
		height: 98%;
		margin:0 auto;
		padding:0;
	}
	.sidebar :after{
		content : "";
		clear : both;
		display : block;
	}
	.footer.a .content {
		width: 100%;
		height: auto;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	.footer.a .content :after{
		content : "";
		clear : both;
		display : block;
	}
	.footer.a .content .name,
	.footer.a .content .contact,
	.footer.a .content .quote {
		float: none;
	}
	.footer.a .content .name {
		margin:5px auto;
		position:relative;
		display:block;
	}
	.contact{
		height: auto;
		margin:0 auto;
		text-align : center;
		position:relative;
		display:block;
	}
	.contact div{
		margin:0;
		padding:0;
	}
	.contact .phone{
		width: 100%;
		height: 25px;
		padding:0;
		margin:10px auto 8px auto;
		background-image: url('../i/tell_number.png');
		background-position: center top;
		background-size: contain;
		color : rgba(255,255,255,0) !important;
		font-size : 1pt !important;
		letter-spacing : -100px !important;
		text-indent : -2000em !important;
		line-height : 0;
		display:block;
	}
	.contact .time{
		margin:0 0 5px 0;
		font-weight:700;
		font-size:15px;
		display:block;
	}
	.contact .address{
		font-weight:600;
		font-size:14px;
		display:block;
	}
	.contact .address span{
		float: none;
		margin:0;
		padding:0;
	}
	.footer.a .content .quote {
		width: 276px;
		height: 68px;
		margin:0 auto 5px auto;
		padding:0;
		position:relative;
		display:block;
	}
	.footer.b .copyright {
		width: 100%;
		margin:0px auto;
		padding:0;
		text-align : center;
	}
}

@media (max-width: 768px) {
	h1 {
		float: none;
		margin: 0 auto;
	}
	.wrapper, .content, .content_main, .sidebar {
		float: none;
		margin: 0;
		width: auto;
	}
	.content_main img{
		width: 97%;
	}
	.sidebar ul{
		margin:14px auto 0px auto;
	}
	.sidebar li{
		margin:0 0 10px 0!important;
	}
}

@media (max-width: 414px) {
	.main_tell_sp {
		display:block;
	}
	.main_tell {
		display:none;
	}
	h1 {
		padding: 0 0 0 40px;
	}
	h1 img {
		width: 233px;
		height: 49px;
		margin: 5px 0 0 0;
	}
	.header.c {
		height: auto;
	}
	.header.c div {
		font-size:13px;
		padding : 7px 0 7px 0;
	}
	#menu_sp{
		width : 100%;
	}
	#menu_sp ul{
		padding : 0px;
		margin: 5px 5px 0 5px ;
	}
	.main_tell_sp img {
		width: 90%;
	}
	.sidebar ul{
		margin:7px auto 1px auto;
	}
	.sidebar li{
		margin:0 0 3px 0!important;
	}
	.footer.b {
		background-color: #00a4eb;
		color:#ffffff;
		font-size:14px;
		font-weight:500;
		margin:0;
		padding:10px 0;
	}
}
*/