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

/*
　　　　　　　　　　　　　　
	■■■■■■■　　　　■■■■■■　　　　　　　　　■　　　■■■■■　■　■　　　　■■　　■　■
				■■　　■■　　　■■　■■　　　　　　■　　■■　　　■■　■　■　　　　■■　　■　■
	　　　	　■■　　■■　　　　■■　　■■　　　　■■　■■　　　　■■　　　　　　　　■■
			■■　　　　　■■　■■　　　　　　　　■■　　　　■■　■■　　　　　　　　　■■■■
　		　■■　　　　　　　■■■　　　　　　　　■■　　　　　　■■■　　　■■■■■　　■■　■■
　　　　■■■　　　　　　　■■　　　　■　　　■■　　　　　　　■■　　　　■■■■■　　■■
	　■■　■■■■　　■■■　　　　　■■■■■　　　　　　■■■　　　　　　　　　　　　■■
	■■　　　■■　　■■■　　　　　　　■■■　　　　　　■■■　　　　　　　　　　　　　■■

*/

/**********************************************************************
*
*　　 ■ボディレイアウト
*
**********************************************************************/

body {
	position: relative;
	color: #000;
	background: #FFF;
	font-size: 75%;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,"メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: left;
	line-height: 1.5;
}
html>/**/body {
	font-size: 10px; /* Except IE */
}

/**********************************************************************
*
*　　 ■default
*
**********************************************************************/

html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
fieldset img {
border: 0;
}
img {
vertical-align: bottom;
}
ol, ul, li {
list-style: none;
}
li {
	list-style-type: none;
}

/**********************************************************************
*
*　　 ■reset
*
**********************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/**********************************************************************
*
*　　 ■parts
*
**********************************************************************/

.fl {
	float: left;
}
.fr {
	float: right;
}

.c_l {
	clear: left;
}

.c_b {
	clear: both;
}

.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
.tc {
	text-align: center;
}

/* End hide from IE-mac */


.cb {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1%;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mtb10 {
	margin: 10px 0;
}

.mtb20 {
	margin: 20px 0;
}

.mtb30 {
	margin: 30px 0;
}

.pt30 {
	padding-top: 30px;
}

img.w100 {
	width: 100%;
}
.notes {
	font-size: 11px !important;
	line-height: 16px;
	color: #AAA !important;
	letter-spacing: 0em !important;
}

.notes span {
	color: #DD272D !important;
}


/**********************************************************************
*
*　　 ■リンク・透過変更
*
**********************************************************************/

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

a:link {
	color: #CC2728;
	text-decoration: none;
}

a:visited {
	color: #CC2728;
	text-decoration: none;
}

a:hover {
	 color: #CC2728;
	 text-decoration: none;
}

a img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	color: #ffffff;
	background: transparent;
		-webkit-transition: opacity 1.4s ease;
		-moz-transition: opacity 1.4s ease;
		transition: opacity 1.4s ease;
}

img {
	margin: 0;
	padding: 0;
	border-width: 0px;
	border-style: none;
	background: transparent;
	vertical-align:bottom;
}

a:hover img,
a:active img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

header #logo_area ul li#free a,
header #logo_area ul li#request a {
	filter:  alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: opacity 1.4s ease;
	-moz-transition: opacity 1.4s ease;
	transition: opacity 1.4s ease;
	opacity: 1;
}

header #logo_area ul li#free a:hover,
header #logo_area ul li#request a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/**********************************************************************
*
*　　 ■外枠
*
**********************************************************************/

#head_tag {
	height:0;
	overflow:auto;
}

header,
footer {
	width: 100%;
	font-size: 14px;
}

header {
	border-top: 5px solid #DC262C;
	position: fixed;
	z-index: 9999;
}

footer {
	height:476px;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

#container {
	padding-top:148px;
	width:100%;
}

#main-column {
	width: 740px;
	float: left;
	padding-bottom: 50px;
}

#right-column {
	width: 200px;
	float: right;
}

.a_container {
	width:100%;
}

.a_contents {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}


/**********************************************************************
*
*　　 ■ヘッダー
*
**********************************************************************/

header #head_tit {
	width: 100%;
	background: #F6F6F6;
	color: #7F7F7F;
	height:30px;
	overflow: hidden;
}

header #head_tit div {
	width: 950px;
	margin: 0 auto;
}

header #head_tit div h1,
header #head_tit div p {
	float: left;
	line-height: 30px;
	font-size: 11px;
}

header #head_tit div h1 {
	margin-right:10px;
}

header #logo_area {
	background: #FFF;
}

header #logo_area #h_cnt  {
	width: 950px;
	height: 52px;
	margin: 0 auto;
	padding: 9px 0 9px;
}

header #logo_area #h_cnt p {
	color: #CC2728;
	width: 330px;
	float: left;
	font-size: 10px;
	text-align: center;
}

header #logo_area p img {
	width: 100%;
	margin-bottom: 4px;
}

header #logo_area #h_cnt #other_s {
	float: left;
	width: 280px;
	height: 50px;
	background: url(/img/h_site_bg.png) no-repeat left top;
	margin: 12px 0 10px 0;

}

header #logo_area #h_cnt #other_s p {
	float: left;
	width: 99px;
	height: 45px;
	margin: 0 0 0 24px;
}

header #logo_area #h_cnt #other_s p a {
	background: none;
}

header #logo_area #h_cnt

header #logo_area #h_cnt ul {
	clear: both;
}

header #logo_area #h_cnt ul li {
	float: right;
	/*width:523px;*/
}

header #logo_area #h_cnt ul li img {
	width: 100%;
}

/**********************************************************************
*
*　　 ■ナビゲーション
*
**********************************************************************/

#h_nav {
	background: #FFF;
	width: 100%;
	height: 40px;
	margin-bottom: 10px;
	z-index: 100;
	position: relative;
	border-bottom: 3px solid #DDD;
	border-top: 1px solid #F1F1F1;
}

#h_nav ul {
	width: 960px;
	height: 40px;
	margin: 0 auto;
	*zoom: 1;
}

#h_nav ul li {
	display: block;
	width: 192px;
	height: 40px;
	float: left;
	background: url(/common/img/nav_bar.gif) no-repeat right center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}
*:first-child+html #h_nav ul li {
	width: 192px;
}
 *+html #h_nav ul li {
	width: 192px;
}

#h_nav ul li {
	display: block;
	width: 192px;
	height: 40px;
	float: left;
	background: url(/common/img/nav_bar.gif) no-repeat right center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
}

#h_nav ul li:last-child {
	background: none;
}

#h_nav ul li a {
	display: block;
	width: 172px;
	height: 40px;
	font-size: 11px;
	text-align: center;
	line-height: 40px;
	color: #323232;
	font-weight: bold;
	padding-left: 20px;
	letter-spacing: 0.1em;
}

#h_nav ul li a.home{
	background: url(/common/img/cnt00_icon.png) no-repeat 35px center;
	background-size: 20px;
}
#h_nav ul li a.about {
	background: url(/common/img/cnt01_icon.png) no-repeat 15px center;
	background-size: 30px;
}
#h_nav ul li a.guideline {
	background: url(/common/img/cnt02_icon.png) no-repeat 24px center;
	background-size: 30px;
}
#h_nav ul li a.service {
	background: url(/common/img/cnt04_icon.png) no-repeat 25px center;
	background-size: 20px;
}
#h_nav ul li a.campaign {
	background: url(/common/img/cnt05_icon.png) no-repeat 20px center;
	background-size: 20px;
}

#h_nav ul li a.home:hover {
	border-bottom: 3px solid #EF172B;
}
#h_nav ul li a.about:hover {
	border-bottom: 3px solid #FF7700;
}
#h_nav ul li a.guideline:hover {
	border-bottom: 3px solid #9BC91C;
}
#h_nav ul li a.service:hover {
	border-bottom: 3px solid #FF738E;
}
#h_nav ul li a.campaign:hover {
	border-bottom: 3px solid #FFAC1D;
}

#h_nav ul li:hover .sub_menu {
	z-index: 100;
	visibility: visible;
	opacity: 1;
	-webkit-transform: perspective(900) rotateX(0);
	-moz-transform: perspective(900) rotateX(0);
	-ms-transform: perspective(900) rotateX(0);
	-o-transform: perspective(900) rotateX(0);
	transform: perspective(900) rotateX(0);
}
#h_nav ul li .sub_menu {
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: perspective(900) rotateX(-80deg);
	-moz-transform: perspective(900) rotateX(-80deg);
	-ms-transform: perspective(900) rotateX(-80deg);
	-o-transform: perspective(900) rotateX(-80deg);
	transform: perspective(900) rotateX(-80deg);
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	position: absolute;
	top: 43px;
	width: 200px;
	left: -6px;
	padding: 9px 0 0;
	border: none;
}
#h_nav ul li#nav01 .sub_menu {
	background: url(/common/img/sub-menu01.png) no-repeat center top;
}
#h_nav ul li#nav02 .sub_menu {
	background: url(/common/img/sub-menu02.png) no-repeat center top;
}
#h_nav ul li#nav03 .sub_menu {
	background: url(/common/img/sub-menu03.png) no-repeat center top;
}
#h_nav ul li .sub_menu li {
	width: 192px;
	height: 35px;
	margin: 0 auto;
	float: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	background: #FF7700;
	border-bottom: 1px solid #FFF;
}
#h_nav ul li#nav01 .sub_menu li {
	background: #FF7700;
}
#h_nav ul li#nav02 .sub_menu li {
	background: #FF738E;
}
#h_nav ul li#nav03 .sub_menu li {
	background: #FFAC1D;
}

#h_nav ul li .sub_menu li:hover {
	background-color: #FFF;
}
#h_nav ul li .sub_menu li.last {
	border-bottom: none;
}
#h_nav ul li .sub_menu li a {
	width: 172px;
	height: 35px;
	line-height: 32px;
	line-height: 37px\9;
	background: url(/common/img/sub-nav_arrow.png) no-repeat 8px center;
	text-align: left;
	font-weight: normal;
	padding: 0 0 0 28px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	color: #FFF;
	font-size:11px;
	font-weight: nomal;
}
#h_nav ul li .sub_menu li a:hover {
}

#ft_nav {
	width: 100%;
	height: 60px;
	overflow: hidden;
	background: #F1F1F1;
}

#ft_nav ul {
	width: 800px;
	margin: 0 auto;
	padding: 23px 0;
}

#ft_nav ul li {
	float: left;
}

#ft_nav ul li a {
	color: #7F7F7F;
	background: url(/img/white-arrow.png) no-repeat left center;
	line-height: 14px;
	border-right: 1px solid #7F7F7F;
	font-size: 12px;
	padding: 0 15px;
}

#ft_nav ul li a.b_n {
	border-right: none;
}

/**********************************************************************
*
*　　 ■お問い合わせ
*
**********************************************************************/

.contact_area {
	width: 960px;
	height: 300px;
	margin: 50px auto ;
	background: url(/common/img/contact_bg.png) no-repeat;
}

.contact_area section {
	padding: 10px 0;
}

.contact_area section h4 {
	width: 520px;
	height: 60px;
	line-height: 20px;
	font-size: 13px;
	color: #FFF;
	margin: 0 0 10px 40px;
	font-weight: bold;
	text-align: center;
}

.contact_area section p {
	margin: 0 0 0 40px;
}

.contact_area section ul {
	width: 920px;
	margin : 20px auto 0;
}

.contact_area section ul li {
	width: 420px;
	float: left;
	margin: 0 20px;
}

/* ◆◆◆ サンクスページ ◆◆◆ */

#cnt_thanks h3 {
	width: 696px;
	height: 40px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 24px;
	margin: 0 0 5px;
	color: #212121;
	line-height: 40px;
	border-bottom: 1px solid #000040;
	background: url(/img/spts-arrow.png) no-repeat left center;
}

#cnt_thanks p {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 22px;
	text-align: justify;
    text-justify: inter-ideograph;
}

#cnt_finish {
	width: 720px;
	height: 79px;
	padding-top: 182px;
	background:url(/contact/common/img/c_thanks_bg.jpg) no-repeat;
}

#cnt_finish p {
	width: 340px;
	height: 32px;
	margin: 0 auto;
}

#cnt_finish p a {
	display: block;
	width: 340px;
	height: 32px;
	line-height: 32px;
	background: url(/contact/common/img/thanks_top_btn.png) no-repeat;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #FF73FF;
}

/**********************************************************************
*
*　　 ■フッター
*
**********************************************************************/

#side-bord {
	position: fixed;
	right: 0;
	top: 370px;
	z-index:2;
}

#side-bord  ul li {
	width: 130px;
	margin-bottom: 5px;
}

#side-bord  ul li img {
	width: 100%;
}

#page-top {
	position: fixed;
	right: 60px;
	bottom: 20px;
}
#page-top a {
}

footer #f_nav {
	width: 100%;
	background: url(/img/header_bg.gif) repeat;
}

footer #f_nav div {
	width: 950px;
	margin: 30px auto 20px;
}

footer #f_nav div h4 {
	width: 366px;
	height: 24px;
	margin: 0 auto;
}

footer #f_nav div p {
	text-align: center;
	line-height:18px;
}

footer #f_cnt {
	width: 100%;
	background: #FFF;
	padding: 30px 0;
}

footer #f_cnt p {
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #656565;
}

footer #f_cnt a {
	color: #FFF;
}

#copyright {
	margin-top: 30px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #FFF !important;
	background: #DC262C;
}




#footer_top {
	clear: both;
}

#footer_top h4 {
	color: hsla(0,1%,27%,1.00);
	font-size:20px;
	font-weight:600;
	text-align:center;
    display: flex;
    align-items: center;
}

#footer_top h4:before,
#footer_top h4:after {
    border-top: 1px solid rgb(220,38,44);
    content: "";
    flex-grow: 0;
    width:15em;
    margin:0 auto;
}

#footer_top h4:before {
    margin-right: 1rem;

}

#footer_top h4:after {
    margin-left: 1rem;
}

#footer_top ul {
	width: 920px;
	margin: 30px auto;
}

#footer_top ul li {
	float: left;
	width: 450px;
	height: 63px;
	background: url(/common/img/s-c.png) no-repeat;
	padding-bottom:50px;
}

#footer_top ul li:nth-of-type(2) {
	background: url(/common/img/std.png) no-repeat;
}

#footer_top ul li:nth-of-type(3) {
	background: url(/common/img/stanet.png) no-repeat;
	padding-top:10px;
}

#footer_top ul li:nth-of-type(4) {
	background: url(/common/img/gets.png) no-repeat;
	padding-top:8px;
}

#footer_top ul li a {
	display: block;
	width: 450px;
	height: 63px;
}

#footer_top dl {
	width: 210px;
	height: 0px;
}

#footer_top dl dt {
	display: block;
	width:450px;
	font-size: 13px;
	background-size: 10px;
	color:hsla(0,0%,41%,1.00);
	text-align: center;
	padding-top:60px;
}
/**********************************************************************
*
*　　 ■コンテンツ
*
**********************************************************************/

#top_tit {
}

#top_tit h2 {
	width: 100%;
	background: #F2F2F2;
	padding: 10px 0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	letter-spacing: 2px;
	text-align: center;
/*	width:960px;
	margin: 0 auto;*/
}

#top_tit #t_txt {
	width: 100%;
	height: 60px;
	background: url(/common/img/t_txt_bg.png) repeat;
}

#top_tit p img {
	display: block;
	width: 960px;
	margin: 0 auto;
}

#top_tit ul {
	width: 960px;
	margin: 20px auto;
}

#top_tit ul li {
	float: left;
	width: 314px;
	margin-right: 9px;
}

#top_tit ul li:last-child {;
	margin-right: 0;
}

#top_tit #tit_img {
	width: 100%;
	background: url(/common/img/top_tb_bg.png) repeat;
}

#top_service,
#top_contents {
	background: url(/common/img/cnt_bg.png) repeat;
	padding-bottom: 40px;
}

#top_service h3,
#top_contents h3,
#news_topics h3 {
	width: 100%;
	padding: 40px 0;
	background: url(/common/img/t_txt_bg.png) repeat;
	text-align: center;
	color: #FFF;
	font-size:20px;
	font-weight: bold;
}

#top_service h3 span,
#top_contents h3 span,
#news_topics h3 span {
	display: block;
	font-size: 12px;
	letter-spacing: 0.3em;
	font-weight: normal;
	padding-top: 10px;
}

.cnt_bg {
	width: 960px;
	margin: 40px auto 0;
}

.cnt_bg section {
	box-shadow: 0 0 5px #AAA;	
}

#area_top {
	width: 466px;
	float: left;
}

#map_top {
	width: 430px;
	height: 320px;
	margin: 30px auto;
	background: url(/common/img/top_map.png) no-repeat right top;
}

#top_service h4,
#top_contents h4 {
	text-align: center;
	box-shadow: 0 2px 3px #CCC;
	padding: 30px 0;
	letter-spacing: 0.2em;
	overflow: hidden;
}

#area_top h4 {
	border-top: 5px solid #28C6F2;
	color: #28C6F2;
}

#campaign_top h4 {
	border-top: 5px solid #FFAC1D;
	color: #FFAC1D;
}

#column_top h4 {
	border-top: 5px solid #776BBA;
	color: #776BBA;
}

#teacher_top h4 {
	border-top: 5px solid #BB4691;
	color: #BB4691;
}

#cm_top h4 {
	border-top: 5px solid #0082E9;
	color: #0082E9;
}

#top_service h4 em,
#top_contents h4 em {
	color: #323232;
	font-size: 16px;
	display: block;
	height: 30px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-left: 20px;
}

#area_top h4 em {
	background: url(/common/img/cnt03_icon.png) no-repeat 80px center;
	background-size: 22px;
}
#campaign_top h4 em {
	background: url(/common/img/cnt05_icon.png) no-repeat 45px center;
	background-size: 22px;
}
#service_top h4 em {
	background: url(/common/img/cnt04_icon.png) no-repeat 330px center;
	background-size: 22px;
}
#column_top h4 em {
	background: url(/common/img/cnt06_icon.png) no-repeat 110px center;
	background-size: 22px;
}
#teacher_top h4 em {
	background: url(/common/img/cnt07_icon.png) no-repeat 30px center;
	background-size: 22px;
}
#cm_top h4 em {
	background: url(/common/img/cnt09_icon.png) no-repeat 45px center;
	background-size: 22px;
}

#area_top h4 span,
#campaign_top h4 span,
#service_top h4 span,
#column_top h4 span,
#teacher_top h4 span,
#cm_top h4 span {
	padding-left: 20px;
}

#map_top .s_txt {
	border: 2px solid #28C6F2;
	padding: 8px;
	color: #656565;
	line-height: 14px;
}

#map_top .s_txt a {
	color: #656565 !important;
}

#map_top .s_txt em {
	display: block;
	font-size:16px;
	color: #323232;
	font-weight: bold;
	margin-bottom: 8px;
}

#map_top .s_txt em span {
	color: #EF172B !important;
}

#map_top table {
	margin-bottom: 15px
}

#map_top table th {
	text-align: center;
	font-size: 13px;
	width: 60px;
	line-height: 28px;
	background: #28C6F2;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	letter-spacing: 0.1em;
}

#map_top table td p {
	float: left;
	margin-left: 5px;
}

#map_top table td a {
	color: #656565;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#map_top table td a:hover {
	color: #28C6F2;
	background: #FFFF00;
}


#campaign_top {
	width: 466px;
	float: right;
}

#promotion {
	width: 412px;
	height: 320px;
	margin: 30px auto;
	position: relative;
}

#service_top {
	clear: both;
}

#top_service #service_top h4 {
	border-top: 5px solid #FF738E;
	color: #FF738E;
}

#top_service #service_top ul {
	width: 920px;
	margin: 30px auto;
	padding-bottom: 15px;
}

#top_service #service_top ul li {
	float: left;
	width: 443px;
	height: 310px;
	margin: 0 7px 10px;
	background-color:#FFF;
	border:#FF738E solid 1px; 
}

#top_service #service_top ul li a {
	width: 450px;
	height: 210px;
}

#top_service #service_top dl {
	width: 440px;
	height: 0px;
text-align: center;
}

#top_service #service_top dl img{
	width:260px;
    display: block;
    margin: 13px auto 10px;
}

#top_service #service_top dl dt {
background: url(/common/img/service_tit_b.png) no-repeat !important;
line-height: 41px;
font-size: 15px;
color: #FF738E;
font-weight: bold;
margin:0 20px 8px;
}

#top_service #service_top dl dd {
	font-size: 14px;
	color: #656565;
	line-height: 18px;
	text-align: justify;
    text-justify: inter-ideograph;
	margin:0 20px 8px;
}


#top_contents div div {
	width: 440px;
	float: left;
	margin-left: 25px;
}

#top_contents div div#column_top,
#top_contents div div:first-child {
	width: 410px !important;
	margin: 0;
}

#top_contents div div img {
	display: block;
	width: 220px;
	height: 160px;
	margin: 20px auto 10px;
}

#top_contents div div#column_top img {
	width: 380px !important;
}

#top_contents div div p {
	width: 220px;
	height: 54px;
	margin: 0 auto;
	font-size: 12px;
	color: #656565;
	line-height: 18px;
	padding-bottom: 20px;
}

#top_contents div div#column_top p {
	width: 380px !important;
}


#news_topics {
	width: 100%;
	background: url(/img/top_news_bg.gif) repeat-x;
}


#news_topics {
	background: url(/common/img/info_bg.png) repeat;
	padding-bottom: 50px;
}

#news_topics p.info_txt {
	font-size: 16px;
	color: #656565;
	text-align: center;
	line-height: 80px;
}

#news_topics div {
	width: 916px;
	border: 2px solid #CBCBCB;
	background: #FFF;
	padding: 20px;
	margin: 0 auto;
	overflow:hidden;
}

#news_topics div ul{
	width: 916px;
	height: 240px;
	overflow: auto;
}

#news_topics ul::-webkit-scrollbar {
	overflow: hidden;
	width: 10px;
	background: #AAA;
}
#news_topics ul::-webkit-scrollbar:horizontal {
	height: 10px;
}
#news_topics ul::-webkit-scrollbar-button {
	display: none;
}
#news_topics ul::-webkit-scrollbar-piece {
	background: #AAA;
}
#news_topics ul::-webkit-scrollbar-piece:start {
	background: #AAA;
}
#news_topics ul::-webkit-scrollbar-thumb {
	overflow: hidden;
	background: #444;
}
#news_topics ul::-webkit-scrollbar-corner {
	overflow: hidden;
	background: #444;
}

#news_topics ul li {
	border-bottom: 2px dotted #B2B2B2;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#news_topics ul li:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

#news_topics ul li p {
	line-height: 24px;
	font-size: 14px;
	color: #7F7F7F;
}

#news_topics ul li .new {
	padding-right: 22px;
	background: url(/img/n_new_icon.png) no-repeat 270px top;

}

#news_topics ul li .n_in {
	line-height:16px;
	padding-left:20px;
	margin: 10px 0 0;
}

#news_topics ul li p img {
	vertical-align: top;
	margin: 0 8px 0 0;
}





/**********************************************************************
*
*　　 ■パンくずリスト
*
**********************************************************************/

#breadcrumb {
	width: 100%;
	margin: 0 0 25px;
	background: #F2F2F2;
}

#breadcrumb div {
	width: 960px;
	padding: 10px 0;
	margin: 0 auto;
}

#breadcrumb h2 {
	float: right;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	letter-spacing: 2px;
}

#breadcrumb h2 img {
	height: 18px;
	margin-right: 8px;
}

#breadcrumb ul {
	float: left;
}

#breadcrumb ul li {
	float: left;
	margin-right: 4px;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	letter-spacing: 0.1em;
}

#breadcrumb li a {
	color: #0071BC;
}


/**********************************************************************
*
*　　 ■swiper
*
**********************************************************************/

 .swiper-container {
 	width: 1000px;
	height: 367px;
	margin: 0 auto;
 }
 
 
 
 .swiper-slide {
	 text-align: center;
	 /* Center slide text vertically */
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 -webkit-justify-content: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
	 align-items: center;
}

/**********************************************************************
*
*　　 ■cookie同意
*
**********************************************************************/

  .cookie-consent {
    display: flex;
   /* justify-content: space-between;*/
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 11px;
    color: #FFF;
    background: rgba(43,123,189,0.6);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: hidden;
  }
  .cookie-consent.is-show {
    visibility: visible;
  }
  .cookie-consent a {
    color: #f2e268 !important;
  }
  .cookie-agree {
    color: #fff;
    background: #00CED1;
    padding: .5em 1.5em;
    border-radius:5px;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  /* パッと消える */
  .cc-hide1 {
    display: none;
  }
  /* ゆっくり消える */
  .cc-hide2 {
    animation: hide 1s linear 0s;
    animation-fill-mode: forwards;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  /* メディアクエリ */
  @media screen and (max-width: 600px) {
    .cookie-consent {
      flex-direction: column;
      font-size: 0.8rem;
      padding: 0.5rem 0.8rem;

    }
    .cookie-text {
      margin-bottom: 0.2rem;
    }
    .cookie-agree {
    padding: 0.2rem 1rem;
    border-radius:5px;
  }

  }



/**********************************************************************
*
*　　 ■回り込み解除
*
**********************************************************************/

header:after,
#container:after,
#top_tit ul:after,
.cnt_bg:after,
#top_service #service_top ul:after,
#top_contents div:after,
#breadcrumb div:after,
#breadcrumb ul:after,
.contact_area:after {
	content: "";
	display: block;
	clear: both;
}