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

/* body */

html{
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
	}

body{
	width:100%;
	background-color:#FFFFFF;
	margin:0 auto;
	background-image:url(../img/head_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	text-align:center;
	font-family:"Meiryo","MS UI Gothic","MS PGothic","Lucida Grande",sans-serif;
	-webkit-print-color-adjust: exact;
	}

@media screen and (max-width:999px) {
	/* 表示領域が999px以下の場合に適用するスタイル */
	body{
	overflow-x:hidden;
	padding:10px 0 0 0;
	}
}

.clear{
	clear:both;
	}

img{
	margin:0;
	padding:0;
	border:0;
	}
	
h1, h2, h3, h4, p, a, div, ul, li, hr,object, span, select, option,img, table, tr, td, address { 
	margin:0;
	padding:0;
	} 

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
	}

.clearfix{
    display: inline-block;
	} 

/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
	}

.clearfix{
    display:block;
	}

/* End Hack */


/* -------------------------------------------------- パソコン */
@media screen and (min-width:1000px){
	/* 表示領域が1000px以上の場合に適用するスタイル */
}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:768px) and (max-width:999px) {
	/* 表示領域が768px以上999px以下の場合に適用するスタイル */
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:768px) {
	/* 表示領域が768px未満の場合に適用するスタイル */
}

/* ヘッダー */

#head{
	width:1000px;
	height:140px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

#head h1{
	margin:0;
	padding:5px 0 20px 0;
	font-size:1.1rem;
	color:#1A1A1A;
	line-height:220%;
	font-weight:normal;
	text-align: right;
	}

#head .head_left{
	width:390px;
	margin: -10px 0 0 0;
	padding:0;
	float:left;
	}

#head .head_right{
	margin:0;
	padding:0;
	float:right;
	text-align: right;
	}

#head .head_right li{
	margin:0 0 10px 0;
	font-size:1.4em;
	color:#1A1A1A;
	font-weight:bold;
	}

#head .head_right li span{
	font-size:1.8em;
	font-weight:bold;
	}


#head .head_right li span a{
	color:#1A1A1A;
	text-decoration: none;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:520px) and (max-width:999px) {
	/* 表示領域が520px以上999px以下の場合に適用するスタイル */
	#head{
	width:96%;
	height:auto;
	margin: 0 2%;
	}
	#head h1{
	line-height:140%;
	}
	#head .head_left{
	width:250px;
	}
	#head .head_left img{
	max-width:100%;
	height:auto;
	}
	#head .head_right li{
	font-size:1.2em;
	}
	#head .head_right li span{
	font-size:1.6em !important;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:520px) {
	/* 表示領域が520px未満の場合に適用するスタイル */
	#head{
	width:96%;
	height:auto;
	margin: 0 2%;
	text-align: center;
	}
	#head h1{
	font-size:1.0rem;
	line-height:140%;
	text-align: center;
	}
	#head .head_left{
	width:250px;
	margin: -10px auto 15px auto;
	text-align: center;
	float:none;
	}
	#head .head_left img{
	max-width:100%;
	height:auto;
	}
	#head .head_right{
	width: 100%;
	text-align: center;
	float:none;
	}
	#head .head_right li{
	font-size:1.2em;
	}
	#head .head_right li span{
	font-size:1.6em !important;
	}
}




/* ナビゲーション */

#gnav{
	width:1000px;
	height:70px;
	margin:0 auto 15px auto;
	clear:both;
	}

#gnav ul{
	margin:0 ;
	padding:0;
	}

#gnav li{
	width:125px;
	height:70px;
	margin:0;
	padding:0;
	float:left;
	}

#gnav li a{
    text-decoration:none;
	}

#gnav li a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}


/* -------------------------------------------------- タブレット */
@media screen and (min-width:768px) and (max-width:999px) {
	/* 表示領域が768px以上999px以下の場合に適用するスタイル */
	#gnav{
	width:100%;
	height:auto;
	}
	#gnav li{
	width:12.5%;
	height:auto;
	}
	#gnav li img{
	width:100%;
	height:auto;
	}

}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:768px) {
	/* 表示領域が768px未満の場合に適用するスタイル */
	#gnav{
	display: none;
	}
}


/* パンくずリスト修正240516 */
nav#breadcrumbs ol {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	}

nav#breadcrumbs li {
	margin:0 0 0 5px;
	font-size:1.1rem;
	color:#333333;
	line-height:180%;
	text-align:left;
	float:left;
	}

nav#breadcrumbs li + li::before {
	content: '›';
	padding: 0 10px;
	}

nav#breadcrumbs a {
	text-decoration: none;
	color:#333333;
	}

nav#breadcrumbs a.current {
	color: #000;  /* 現在のページのリンク色 */
	}

nav#breadcrumbs a:hover {
	text-decoration: underline;
	}

nav#breadcrumbs meta{display: none;}

/* パンくずリスト */

#breadcrumbs{
	width:1000px;
	max-width:100% !important;
	margin:0 auto;
	height:20px;
	text-align:center;
	clear:both;
	}

/*#breadcrumbs li{
	margin:0 0 0 5px;
	font-size:1.1rem;
	color:#333333;
	line-height:180%;
	text-align:left;
	float:left;
	}

#breadcrumbs li.home{
	padding:0 0 0 15px;
	background:url(../img/left_point04.jpg) 0 3px no-repeat;
	background-size:12px 12px;
	}

#breadcrumbs li.next{
	padding:0 0 0 15px;
	background:url(../img/breadcrumbs.jpg) 0 3px no-repeat;
	background-size:12px 12px;
	}

#breadcrumbs a{
	color:#333333;
	text-decoration:none;  
	}   
	
#breadcrumbs a:hover {
	color:#333333;
	}*/

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:735px) {
	/* 表示領域が735px未満の場合に適用するスタイル */
#breadcrumbs{
	width:100%;
	margin:0 0 0 0;
	}
}





/* メインコンテンツ */

#main_contents{
	width:1000px;
	max-width:100% !important;
	margin:0 auto;
	text-align:left;
	clear:both;
	}

/* -------------------------------------------------- タブレット */
@media screen and (max-width:999px) {
	/* 表示領域が999px以下の場合に適用するスタイル */
	#main_contents{
	width:96%;
	margin: 0  2%;
	}
}




/* レフトコンテンツ190615 */

#left_contents{
	width:750px;
	margin:20px 0 80px 0;
	float:left;
	}	
	
/* -------------------------------------------------- タブレット */
@media screen and (min-width:600px) and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#left_contents{
	width:75%;
	margin:20px 0 80px 0;
	float:left;
	}	
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#left_contents{
	width:100%;
	margin:20px 0 0 0;
	float:left;
	}	
}

#left_contents h2{
	width:710px;
	min-height:30px;
	margin:0 0 10px 0;
	padding:5px 0 0 10px;
	border-left: #223870 double 10px;
	font-size:2.0rem;
	color:#333333;
	line-height:140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
#left_contents p{
	margin: 0 0 10px 0;
	color: #333333;
	font-size: 1.4rem;
	line-height:160%;
	}

#left_contents h2.pagetitle01{
	width:100%;
	margin: 0 0 20px 0;
	padding:10px 15px;
	font-size:2.0rem;
	color: #223870;
	background: #F4F4F4;
	border-left: solid 5px #223870;
	border-bottom: solid 3px #D7D7D7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#left_contents h2.pagetitle01 span{
	padding:0 0 0 20px;
	font-size:1.2rem;
	color: #223870;
	}


#left_contents h3.title01{
	width:100%;
	min-height:30px;
	margin:0 0 10px 0;
	padding:5px 0 0 10px;
	border-left: #4A5C8A double 10px;
	font-size:2.0rem;
	color:#1B263B;
	line-height:140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	

#left_contents h3.title02{
	width:100%;
	min-height:30px;
	margin:0 0 10px 0;
	padding:5px 0 0 10px;
	border-left: #E83015 double 10px;
	font-size:2.0rem;
	color:#E83015;
	line-height:140%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	


/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:768px) {
	/* 表示領域が768px未満の場合に適用するスタイル */
	#left_contents h2{
	width:100%;
	font-size:1.7rem;
	}
	#left_contents h2.pagetitle01{
	width:100%;
	font-size:1.7rem;
	}
	#left_contents h2.pagetitle01 span{
	padding:0 0 0 10px;
	font-size:1.0rem;
	}
	#left_contents h3{
	width:100%;
	font-size:1.7rem;
	}
	#left_contents h3.title02{
	width:100%;
	font-size:1.7rem;
	}
}




/* 労務管理のことなど、まずはお気軽にお問い合わせください。 */
#left_contents06{
	margin:80px 0 30px 0;
	}

#left_contents06 h3{
	margin: 0 0 20px 0;
	padding: 10px 0;
	border-left: #E83015 double 10px;
	border-right: #E83015 double 10px;
	color: #E83015;
	font-size: 2.0rem;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#left_contents06 .contact_btn01{
	margin: 0 20px 0 0;
	float: left;
	}

#left_contents06 img a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}

/* 210306 スタイル追加 */
#left_contents06 .online{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 30px 25px;
	background-color: #F1FDFC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#left_contents06 .online h4{
	position: relative;
	margin:0 0 10px 0;
	padding:0 0 5px 25px;
	font-size: 1.6rem;
	color:#139893;
	font-weight: bold;
	line-height:140%;
	}

#left_contents06 .online h4:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
	font-size: 1em;
	left: 0;
	top: 0;
	color: #139893;
	}

#left_contents06 .online p{
	margin: 0;
	color: #333333;
	font-size: 1.4rem;
	line-height:160%;
	}



/*
.Googlemap{
	width: 1000px;
	height: 300px;
	margin: 30px auto;
	clear: both;
	}*/

.Googlemap {
	position: relative;
	padding-bottom: 40%;
	margin: 30px auto;
	height: 0;
	overflow: hidden;
	clear: both;
	}
 
.Googlemap iframe,
.Googlemap object,
.Googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/* -------------------------------------------------- タブレット */
@media screen and (max-width:999px) {
	/* 表示領域が999px以下の場合に適用するスタイル */
	#left_contents06 h3{
	padding: 10px;
	font-size: 1.7rem;
	line-height: 160%;
	}
	#left_contents06 img{
	width: 49%;
	height: auto;
	}
	#left_contents06 .contact_btn01{
	margin: 0 2% 0 0;
	}
	.Googlemap{
	width: 100% !important;
	}
}


/* ライトコンテンツ190615 */

#right_contents{
	width:210px;
	margin:20px 0 0 0;
	float:right;
	text-align:center;
	}


/* -------------------------------------------------- タブレット */
@media screen and (min-width:600px) and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#right_contents{
	width: 23%;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#right_contents{
	width:100%;
	float: none;
	}
}

/* お問い合わせバナー */
#right_contents .contact_banner{
	margin: 0 0 20px 0;
	}

#right_contents .contact_banner a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:600px) and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#right_contents .contact_banner img{
	width: 100%;
	height: auto;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#right_contents .contact_banner{
	display: none;
	}
}


/* お客様の声バナー */
#right_contents .voice_banner{
	margin:20px 0;
	}

#right_contents .voice_banner img{
	max-width: 100%;
	height: auto;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
	}

#right_contents .voice_banner a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}

/* -------------------------------------------------- タブレット以下 */
@media screen and (max-width:999px) {
	/* 表示領域が999px未満の場合に適用するスタイル */
	#right_contents .voice_banner img{
	max-width: 100%;
	height: auto;
	}
}


/* 無料相談実施中 */
#right_contents .right_about{
	width: 100%;
	padding: 10px;
	border: #223870 double 7px;	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	}

#right_contents .right_about h3 {
	position: relative;
	color: #E83015;
	font-size: 2.2rem;
	display: inline-block;
	margin:20px 0;
	text-shadow: 0 0 2px white;
	}

#right_contents .right_about h3:before {
	content: "";
	position: absolute;
	background: #FFD69D;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: -1;
	}

#right_contents .right_about p{
	color: #333333;
	font-size: 1.3rem;
	line-height: 160%;
	}

#right_contents .right_about ul{
	padding:10px 0;
	}

#right_contents .right_about li{
	color: #223870;
	font-size: 1.1rem;
	line-height: 160%;
	}

#right_contents .right_about li.tel a{
	color: #223870;
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: none;
	}


/* -------------------------------------------------- タブレット */
@media screen and (min-width:600px) and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#right_contents .right_about li.tel{
	padding: 0 0 10px 0;
	font-size: 1.8rem;
	line-height: 100%;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#right_contents .right_about p br{
	display: none;
	}
	#right_contents .right_about p{
	font-size: 1.4rem;
	}
	#right_contents .right_about li{
	font-size: 1.4rem;
	}
}


/* ナビゲーション */
#right_contents nav{
	margin: 30px 0;
	}

#right_contents nav{
	margin: 30px 0;
	}

#right_contents nav h4{
	width: 210px;
	height: 40px;
	padding:0 0 0 30px;
	background:url(../img/right_h4.jpg) left top no-repeat;
	color: #333333;
	font-size: 1.6rem;
	line-height: 40px;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#right_contents nav li{
	padding: 7px 0;
	border-bottom: #333333 dotted 1px;
	color: #333333;
	font-size: 1.4rem;
	line-height: 160%;
	text-align: left;
	}

#right_contents nav ul{
	margin: 0 0 30px 0;
	}

#right_contents nav li span.content01{
	color: #1464BD;
	}

#right_contents nav li span.content02{
	color: #20A0E4;
	}

#right_contents nav li span.content03{
	color: #2DBB88;
	}

#right_contents nav li a{
	color: #333333;
	text-decoration: none;
	}

#right_contents nav li a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}


/* -------------------------------------------------- タブレット */
@media screen and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#right_contents nav h4{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	#right_contents nav li{
	font-size: 1.3rem;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#right_contents nav h4{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
}


/* 外部リンク */
#right_contents .right_link{
	margin: 0 0 30px 0;
	clear: both;
	}

#right_contents .right_link h5{
	width: 210px;
	height: 40px;
	margin: 0 0 10px 0;
	padding:0 0 0 30px;
	background:url(../img/right_h5.jpg) left top no-repeat;
	color: #333333;
	font-size: 1.6rem;
	line-height: 40px;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

#right_contents .right_link li{
	margin: 0 0 10px 0;
	color: #333333;
	font-size: 1.4rem;
	line-height: 160%;
	text-align: left;
	}

#right_contents .right_link li span{
	color: #1464BD;
	}

#right_contents .right_link li a{
	color: #333333;
	text-decoration: none;
	}

#right_contents .right_link a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}

/* -------------------------------------------------- タブレット */
@media screen and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#right_contents .right_link h5{
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	#right_contents .right_link li{
	font-size: 1.3rem;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#right_contents .right_link h5{
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
}


/* サイト内検索 */
#right_contents .right_search h5{
	width: 210px;
	height: 40px;
	margin: 0 0 10px 0;
	padding:0 0 0 30px;
	background:url(../img/right_h5.jpg) left top no-repeat;
	color: #333333;
	font-size: 1.6rem;
	line-height: 40px;
	text-align: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}

/* -------------------------------------------------- タブレット */
@media screen and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#right_contents .right_search h5{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#right_contents .right_search h5{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
}


/* フットコンテンツ */

#footer{
	width:100%;
	background-color:#223870 !important;;
	clear:both;
	}

#footer .footer_contents{
	width:1000px;
	margin: 0 auto;
	padding:20px 0 0 0;
	text-align:left;
	}

#footer .footer_contents a{
	color:#FFFFFF;
	text-decoration:none;
	}

#footer .footer_contents a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
    opacity: 0.8;
	}

#footer nav{
	margin:0 25px 0 0;
	padding:0 0 30px 0;
	float: left;
	}

#footer nav ul.footer_list{
	margin:0 40px 0 0;
	float: left;
	}

#footer nav ul li{
	margin:0 0 5px 0;
	font-size:1.1rem;
	color:#FFFFFF;
	line-height:160%;
	}

#footer nav ul li.top_nav{
	padding: 0 0 0 18px;
	background: url(../img/footer_nav.jpg) left 3px no-repeat;
	font-size:1.3rem;
	}

#footer .footer_name{
	float:right;
	}

#footer .footer_name h5{
	margin: 0 0 10px 0;
	border-bottom: #FFFFFF solid 1px;
	font-size:1.6rem;
	color:#FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height:200%;
	}

#footer .footer_name li{
	margin: 0 0 10px 0;
	font-size:1.4rem;
	color:#FFFFFF;
	line-height: 140%;
	}

#footer .footer_logo p{
	padding:75px 0 0 0;
	font-size:1.0rem;
	color:#DC768A;
	line-height:160%;
	text-align:center;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:600px) and (max-width:999px) {
	/* 表示領域が600px以上999px以下の場合に適用するスタイル */
	#footer .footer_contents{
	width:96%;
	margin: 0 auto;
	}
	#footer nav{
	width: 48%;
	}
	#footer nav ul.footer_list{
	margin:0 20px 20px 0;
	}
	#footer .footer_name{
	width: 48%;
	float: right;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:600px) {
	/* 表示領域が600px未満の場合に適用するスタイル */
	#footer .footer_contents{
	width:96%;
	margin: 0 auto;
	}
	#footer nav{
	width: 100%;
	float: none;
	}
	#footer .footer_name{
	width: 100%;
	padding:30px 0;
	float: none;
	clear: both;
	}
}



/* フッターナビ */



address{
	width:100%;
	font-size:1.1rem;
	color:#223870;
	line-height:400%;
	font-style:normal;
	text-align: center;
	}
	

/* プリント */
@media print {
	#main_img_tab{
	display:none;
	}
	#main_img_sp{
	display:none;
	}
}



#page_top{
	width: 80px;
	height: 80px;
	position: fixed;
	right: 20px;
	bottom: 50px;
	background: #3f98ef;
	opacity: 0.6;
	border-radius: 50%;
	}

#page_top a{
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	text-decoration: none;
	}

#page_top a::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 40px;
	color: #fff;
	position: absolute;
	width: 40px;
	height: 40px;
	top: -5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	}