@charset "UTF-8";

/***** スタイル初期化 ****************************************/
*, *::before, *::after {  box-sizing: border-box;}
* {  margin: 0;  padding: 0;}
html, body {  height: 100%;}
body {  line-height: 1.5;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
img, picture, video, canvas, svg {  display: block;  max-width: 100%;}
input, button, textarea, select {  font: inherit;}
p, h1, h2, h3, h4, h5, h6 {  overflow-wrap: break-word; font-size: 100%; font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
li {list-style: none;}
iframe {margin: 0;padding: 0;border:none;}


/***** フォントのデフォルト設定 ****************************************/
html {font-size:62.5%;/*pxだと10px;*/}
body {font-family: sans-serif;}
/***** フロートのクリア ****************************************/
.clearfloat {clear:both;height:0;font-size: 1px; line-height: 0px;}
/***** テキスト非表示 ****************************************/
.cleartext  {position: absolute;top: 0;left: 0;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtAlignC  {text-align: center;}

/***** 全体のレイアウト ****************************************/
.wrapper {
	width: 100%;
}
.layout {
	width: 100%;
	background: url(../images/cmn/layoutBack.gif) repeat-x;
}
.layout_contentsPage {
	background: url(../images/bg/contentsPageBack.gif) repeat-x #f6f8fa;
}
.contentsArea {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

/*****javascriptが無効の場合の表示 ****************************************/
.noscriptArea {
	padding: 20px;
	border-bottom: 1px solid #000;
	background: #FF6;
	text-align: center;
	font-weight: bold;
}

/***** ヘッダー部分 ****************************************/
.h1Area {
	width: 100%;
	background: #f5f7fa url(../images/cmn/wrapperBack.gif) bottom repeat-x;
}
h1 {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 6px 0 6px 10px;
	color: #4a7094;
	font-size: 1.2rem;
}
.headerArea {
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
	padding: 0 0 0 5px;
}
.logo {
	float: left;
	width: 232px;
	height: 69px;
}
/*　　アンケートのお願い有り　ここから　　*/
.logo2 {
	float: left;
	width: 100%;
	max-width: 232px;
	height: 69px;
}
.logo2 img {
	width: 100%;
	max-width: 232px;
}
.logoAncr {
	float: left;
	width: 232px;
	height: 69px;
}
.toSurvey {
	float: left;
	width: 264px;
	height: 55px;
	margin-top: 8px;
}
.toSurvey a {
	display: block;
	width: 264px;
	height: 55px;
	background: url(../images/cmn/toSurvey.gif) top no-repeat;
}
.toSurvey a:hover {
	background: url(../images/cmn/toSurvey.gif) bottom no-repeat;
}
.headerContactArea2 {
	float: right;
	width: 404px;
	height: 69px;
	padding: 0 15px 0 0;
	/*background: url(../images/cmn/headerContactAreaBack.gif) top right no-repeat;　2015.1　背景非表示*/
}
@media (max-width: 640px) {
.headerContactArea2 {
	display: none;
}
}

/*　　アンケートのお願い有り　ここまで　　*/
.headerContactArea {
	float: left;
	width: 698px;
	height: 69px;
	padding: 0 20px 0 0;
	background: url(../images/cmn/headerContactAreaBack.gif) top right no-repeat;
}
.headerContactPhone, .headerContactMail {
	float: right;
	height: 50px;
}
.headerContactPhone {
	width: 240px;
	margin: 10px 0 0 0;
	display: inline;
	position:relative;
}
.headerContactPhone span	 {
	font-family: Century Gothic;
	font-size: 2.7rem;
	font-weight: bold;
	font-style: italic;
	color: #ef7622;
	position: absolute;
	top: 14px;
	left: 36px;
	letter-spacing: -0.03em;
}
.headerContactMail {
	width: 130px;
	margin-top: 10px;
}

/***** メニュー ****************************************/
#menuArea {
	width: 100%;
	max-width: 940px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}
@media (max-width: 956px) {
#menuArea {
	display: none;
}
}
#menuArea a {
	display:block;
	float:left;
	width:180px;
	height:50px;
	background-image:url(../images/cmn/menu.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	display: inline;
}
.noAncr1, .noAncr2, .noAncr3, .noAncr4, .noAncr5 {
	display:block;
	float:left;
	width:180px;
	height:50px;
	background-image:url(../images/cmn/menu.gif);
	background-repeat:no-repeat;
}
#menu1, #menu2, #menu3, #menu4, .noAncr1, .noAncr2, .noAncr3, .noAncr4 {
	margin-right: 10px;
	display: inline;
}
.noAncr1 {
	background-position:0 -100px;
}
.noAncr2 {
	background-position:-190px -100px;
}
.noAncr3 {
	background-position:-380px -100px;
}
.noAncr4 {
	background-position:-570px -100px;
}
.noAncr5 {
	background-position:-760px -100px;
}
#menu1, #menu1Active,#menu2, #menu2Active, #menu3, #menu3Active, #menu4, #menu4Active, #menu5, #menu5Active {width:180px;}
#menu1{background-position:0 0;}
#menu1:hover,#menu1.hover{background-position:0 -50px;}
#menu2{background-position:-190px 0;}
#menu2:hover,#menu2.hover{background-position:-190px -50px;}
#menu3{background-position:-380px 0;}
#menu3:hover,#menu3.hover{background-position:-380px -50px;}
#menu4{background-position:-570px 0;}
#menu4:hover,#menu4.hover{background-position:-570px -50px;}
#menu5{background-position:-760px 0;}
#menu5:hover,#menu5.hover{background-position:-760px -50px;}
.menuBmCntArea {
	width: 58px;
	height: 24px;
	text-align: center;
	position: absolute;
	top: 14px;
	right: 20px;
	font-size: 1.3rem;
}
.menuBmCnt {
	font-weight: bold;
	color: #F55E8C;
}


/***** パンくずリスト ****************************************/
.topicPathArea {
	padding: 1px 0 6px 20px;
	font-size: 1.1rem;
	color: #666;
}
.topicPathArea a {
	color: #48598D;
	text-decoration: none;
}
.topicPathArea a:hover {
	color: #E87834;
	text-decoration: underline;
}

@media (max-width: 939px) {
.topicPathArea {
	white-space: nowrap;
	overflow-x: scroll; 
}
}




/***** ページの上部へ ****************************************/
.scrollTopArea {
	padding: 10px 0 0 0;
	text-align: right;
	height: 40px;
}
.scrollTopArea img {
	display: inline;
}
#scrollTop {
	cursor: pointer;
}




/***** フッター ****************************************/
.footerArea {
	width: 100%;
	color: #fefefe;
	background: #142c4d;
}
.footerContactArea {	
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding:  40px 0;
	display: flex;
}
.footerContactL, .footerContactR {
	flex-wrap: wrap;
}
.footerContactL {
	font-size: 1.3rem;
}
.footerContactL span {
	font-size: 2.6rem;
}

.footerContactR {
}
.footerPhone {
	padding-bottom: 5px;
	font-size: 1.3rem;
}
.footerPhone span {
	font-size: 2.6rem;
}
.footerContactBtn {
	width: 100%;
	padding: 8px 0;
	text-align: center;
	font-size: 2.2rem;
	background: #d33a57;
}
.footerContactBtn a, .footerContactBtn a:visited, .footerContactBtn a:hover {
	color: #fefefe;
	text-decoration: none;
}

.footer {
	width: 100%;
	background: #0a1626;
}
.footerMenuArea {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding:  40px 0;
}

.footerLinkArea {
	display: flex;
	font-size: 1.3rem;
}
.footerLinkArea a {
	color: #d6e8f6;
	text-decoration: none;
}
.footerLinkArea a:visited {
	color: #d6e8f6;
}
.footerLinkArea a:hover {
	text-decoration: underline;
}
.footerMenu_cat1, .footerMenu_cat2 {
	width: 180px;
	padding: 0 10px 35px;
	flex: 1;
}
.footerMenu_cat1 dt, .footerMenu_cat2 dt {
	margin-bottom: 10px;
	border-bottom: 1px solid #3d4b5a;
	font-size: 108%;
	text-align: center;
	color: #5590bf;
}
.footerMenu_cat1 dd, .footerMenu_cat2 dd {
	padding: 0 0 5px 5px;
}
.footerContact {
	margin: 10px 0 0 0;
}

@media (max-width: 930px) {
.footerLinkArea {
	flex-wrap: wrap;
}
.footerMenu_cat1, .footerMenu_cat2 {
	flex: none;
}
}


/***** コピーライト ****************************************/
.footerCopyArea {
	width: 100%;
	padding: 0 0 30px;
	background: url(../images/bg/copyTopLine.gif) repeat-x top;
	text-align: center;	
	color: #aaa;
}
.footerLogoArea {
	width: 100%;
	max-width: 548px;
	margin: 0 auto;
	padding: 30px 0 10px;
	text-align: center;
	font-size: 1.2rem;
	display: flex;
}
.footerLogo {
	margin: 0 auto;
}
.footerLogo img {
	height: auto;
}
.footerAddress {
	margin: 0 auto;
	padding-top: 5px;
	font-size: 1.2rem;
	text-align: left;
	color: #fefefe;
}
.footerCopy {
	font-size: 1.2rem;
}
.footerCopyArea a, .footerCopyArea a:visited {
	color: #aaa;
	text-decoration: none;
}

@media (max-width: 548px) {
.footerLogoArea {
	flex-wrap: wrap;
}
}