@charset "UTF-8";
/*index page setting*/

@media screen and (min-width: 641px) {
	
header nav ul li.gnav01 a {
	display: block;
	color: #333333;
	border-bottom: 5px solid #333333;
}

#main {
	margin-bottom: 65px;
	background: #fdf6e2;
	text-align: center;
}

}

@media screen and (max-width: 640px) {
	
#main {
	margin-bottom: 25px;
}

}

@media screen and (min-width: 641px) {
	
.arrow_box {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 367px;
	height: 52px;
	margin: 0 auto 8px;
	padding-top: 10px;
	background: #ffdb00;
	border: 2px solid #000000;
	border-radius: 26px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 219, 0, 0);
	border-top-color: #ffdb00;
	border-width: 16px 8px 16px 8px;
	margin-left: -8px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 19px 10px 19px 10px;
	margin-left: -10px;
}

}

@media screen and (max-width: 640px) {
	
.arrow_box {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0 0 22px 0;
	padding: 7px 0;
	background: #ffdb00;
	border: 2px solid #000000;
	border-radius: 26px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 219, 0, 0);
	border-top-color: #ffdb00;
	border-width: 12px 6px 12px 6px;
	margin-left: -6px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 15px 8px 15px 8px;
	margin-left: -8px;
}

}

@media screen and (min-width: 641px) {

#area {
	height: 466px;
	background: url(../images/index/bg_area.png) center top;
}
#area h2 {
	top: -25px;
}
#area .inner {
	position: relative;
	width: 857px;
	margin: 0 auto;
}
#area .inner .map {
	position: absolute;
	top: 38px;
	left: 178px;
}
.area_table {
	border-collapse: collapse;
	width: 182px;
	font-size: 13px;
	line-height: 1.0;
}
.area_table thead th {
	padding: 6px 0;
	border-radius: 4px 4px 0 0;
	text-align: center;
	background: #ffffff;
	color: #ff0000;
	font-weight: bold;
}
.area_table tbody td {
	border: 1px solid #fff;
	text-align: center;
	background: #ff0000;
}
.area_table tbody td a {
	display: block;
	padding: 6px 0;
	background: #ff0000;
	text-align: center;
	color: #ffffff;
}
.area_table.hokkaido {
	position: absolute;
	right: 0;
	top: 0;
}
.area_table.hokkaido thead th {
	color: #14c0c9;
}
.area_table.hokkaido tbody td {
	background: #14c0c9;
}
.area_table.hokkaido tbody td a{
	background: #14c0c9;
}
.area_table.hokkaido tbody td a:hover{
	background: #159ea5;
}
.area_table.hokuriku {
	position: absolute;
	right: 0;
	top: 117px;
}
.area_table.hokuriku thead th {
	color: #2f94cd;
}
.area_table.hokuriku tbody td {
	background: #2f94cd;
}
.area_table.hokuriku tbody td a{
	background: #2f94cd;
}
.area_table.hokuriku tbody td a:hover{
	background: #2b7aa7;
}
.area_table.kantou {
	position: absolute;
	right: 0;
	top: 226px;
}
.area_table.kantou thead th {
	color: #7086cd;
}
.area_table.kantou tbody td {
	background: #7086cd;
}
.area_table.kantou tbody td a{
	background: #7086cd;
}
.area_table.kantou tbody td a:hover{
	background: #5e6ea5;
}
.area_table.toukai {
	position: absolute;
	left: 307px;
	top: 316px;
	width: 243px;
}
.area_table.toukai thead th {
	color: #3bc070;
}
.area_table.toukai tbody td {
	background: #3bc070;
}
.area_table.toukai tbody td a{
	background: #3bc070;
}
.area_table.toukai tbody td a:hover{
	background: #399d5e;
}

.area_table.kinki {
	position: absolute;
	left: 0;
	top: 0;
}
.area_table.kinki thead th {
	color: #bddd35;
}
.area_table.kinki tbody td {
	background: #bddd35;
}
.area_table.kinki tbody td a{
	background: #bddd35;
}
.area_table.kinki tbody td a:hover{
	background: #9cb736;
}

.area_table.shikoku {
	position: absolute;
	left: 0;
	top: 100px;
}
.area_table.shikoku thead th {
	color: #f3b42f;
}
.area_table.shikoku tbody td {
	background: #f3b42f;
}
.area_table.shikoku tbody td a{
	background: #f3b42f;
}
.area_table.shikoku tbody td a:hover{
	background: #ca972c;
}
.area_table.kyushu {
	position: absolute;
	left: 0;
	top: 226px;
}
.area_table.kyushu thead th {
	color: #f08866;
}
.area_table.kyushu tbody td {
	background: #f08866;
}
.area_table.kyushu tbody td a{
	background: #f08866;
}
.area_table.kyushu tbody td a:hover{
	background: #c77255;
}

}

@media screen and (max-width: 640px) {
	
#area {
	width: 92%;
	margin: 0 auto 25px;
}
#area h2 {
}
#area .inner {
	position: relative;
	width: 100%;
}
#area .inner .map {
	display: none;
}

.area_table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	line-height: 1.0;
}
.area_table thead th {
	padding: 10px 0;
	text-align: center;
	border: 1px solid #fff;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}
.area_table tbody td {
	border: 1px solid #fff;
	text-align: center;
	background: #ff0000;
}
.area_table tbody td a {
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #333333;
}

.area_table.hokkaido {
}
.area_table.hokkaido thead th {
	background: #14c0c9;
}
.area_table.hokkaido tbody td {
	background: #d0f2f4;
}

.area_table.hokuriku {
}
.area_table.hokuriku thead th {
	background: #2f94cd;
}
.area_table.hokuriku tbody td {
	background: #d5eaf5;
}

.area_table.kantou {
}
.area_table.kantou thead th {
	background: #7086cd;
}
.area_table.kantou tbody td {
	background: #e2e7f5;
}

.area_table.toukai {
}
.area_table.toukai thead th {
	background: #3bc070;
}
.area_table.toukai tbody td {
	background: #d8f2e2;
}

.area_table.kinki {
}
.area_table.kinki thead th {
	background: #bddd35;
}
.area_table.kinki tbody td {
	background: #f2f8d7;
}

.area_table.shikoku {
}
.area_table.shikoku thead th {
	background: #f3b42f;
}
.area_table.shikoku tbody td {
	background: #fdf0d5;
}

.area_table.kyushu {
}
.area_table.kyushu thead th {
	background: #f08866;
}
.area_table.kyushu tbody td {
	background: #fce7e0;
}

}

@media screen and (min-width: 641px) {

#company .inner {
	width: 945px;/*1105*/
	margin: 0 auto;
	padding: 40px 0 95px;
}
#company .inner h2 {
	margin-bottom: 30px;
}
#company .inner ul {
	margin-left: -12px;
}
#company .inner ul li {
	float: left;
	width: 228px;
	margin: 0 0 11px 11px;
}

}

@media screen and (max-width: 640px) {
	
#company {
	width: 92%;
	margin: 0 auto 25px;
}
#company .inner ul {
	margin-left: -1.5%;
}
#company .inner ul li {
	float: left;
	width: 48.5%;
	margin: 0 0 2% 1.5%;
}

}

@media screen and (min-width: 641px) {

#chara {
	background: #f3f3f3;
}
#chara .inner {
	width: 945px;/*1105*/
	margin: 0 auto;
	padding: 0 0 10px;
}
#chara .inner h2 {
	top: -25px;
	margin-bottom: 40px;
}
#chara .inner .cont {
	margin-bottom: 40px;
}
#chara .inner .cont h3 {
	float: left;
	width: 702px;
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
}
#chara .inner .cont h3 img {
	margin-right: 8px;
}
#chara .inner .cont p {
	float: left;
	width: 702px;
}
#chara .inner .cont .fr {
	margin-top: -20px;
}

#chara .inner .cont p .yellow {
	background: #ffef8b;
	
}

}

@media screen and (max-width: 640px) {
	
#chara {
	padding-bottom: 20px;
	background: #f3f3f3;
}
#chara .inner {
	width: 92%;
	margin: 0 auto;
}
#chara .inner h2 {
	top: -15px;
	margin-bottom: 10px;
}
#chara .inner .cont {
	margin-bottom: 20px;
}
#chara .inner .cont h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#chara .inner .cont h3 img {
	width: 20%;
	padding-bottom: 5px;
}
#chara .inner .cont h3 span {
	display: block;
	text-align: center;
}
#chara .inner .cont p {
	font-size: 10px;
}
#chara .inner .cont .fr {
	float: none;
	display: block;
	width: 41%;
	margin: 0 auto 10px;
}

#chara .inner .cont p .yellow {
	background: #ffef8b;
	
}

}

@media screen and (min-width: 641px) {

#about {
	padding: 75px 0 50px;
}
#about .inner {
	position: relative;
	width: 945px;
	margin: 0 auto;
	padding: 0 0 60px;
	background: #fdf6e2;
	border-radius: 20px;
}
#about .inner h2 {
	top: -25px;
	margin-bottom: 25px;
}
#about ul li.li01 {
	position: absolute;
	left: 24px;
	top: 32px;
}
#about ul li.li02 {
	position: absolute;
	right: 24px;
	top: 32px;
}
#about ul li.li03 {
	position: absolute;
	left: 24px;
	top: 184px;
}
#about ul li.li04 {
	position: absolute;
	right: 24px;
	top: 184px;
}
#about .inner p {
	width: 518px;
	margin: 0 auto;
}

}

@media screen and (max-width: 640px) {
	
#about {
	margin-bottom: 25px;
	padding: 60px 0 0;
}
#about .inner {
	box-sizing: border-box;
	width: 92%;
	margin: 0 auto;
	padding: 0 5% 8%;
	background: #fdf6e2;
	border-radius: 10px;
}
#about .inner h2.arrow_box {
	position: relative;
	top: -38px;
}
#about ul {
	display: none;
}
#about .dsp_sp {
	margin-top: -38px;
	margin-bottom: 10px;
	
}
#about .inner p {
	font-size: 10px;
}

}

@media screen and (min-width: 641px) {

#news {
}
#news .inner {
	width: 945px;/*1105*/
	margin: 0 auto;
	padding: 0 0 45px;
}
#news .inner h2 {
	margin-bottom: 40px;
}
#news .inner ul {
	margin-bottom: 10px;
	border-top: 1px dotted #cccccc;
}
#news .inner ul li {
	padding: 25px 0;
	border-bottom: 1px dotted #cccccc;
}
#news .inner ul li .day {
	float: left;
	width: 125px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#news .inner ul li .txt {
	float: left;
	width: 795px;
}
#news .inner .more {
	text-align: right;
}
#news .inner .more a {
	padding-right: 12px;
	background:url(../images/index/arrow01.png) right center no-repeat;
}
#news .inner .more a:hover {
	background:url(../images/index/arrow01_on.png) right center no-repeat;
}
}
@media screen and (max-width: 640px) {
#news {
}
#news .inner {
	width: 92%;
	margin: 0 auto;
	padding: 0 0 25px;
}
#news .inner h2 {
}
#news .inner ul {
	margin-bottom: 15px;
	border-top: 1px dotted #cccccc;
}
#news .inner ul li {
	padding: 15px 0;
	border-bottom: 1px dotted #cccccc;
}
#news .inner ul li .day {
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 9px;
	font-weight: bold;
}
#news .inner ul li .txt {
	display: block;
}
#news .inner .more {
}
#news .inner .more a {
	display: block;
	width: 76%;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #999999;
	border-radius: 10px;
	color: #666666;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

}