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

html
{
	-webkit-text-size-adjust: 100%;
	/*background:url(../img/main_bk.jpg) !important;*/
	background-color:#fefffa;
}
html,body,
fullscreen
{
	height:100%;
}
/*============================
#head
============================*/

#head
{
	z-index:150;
	background:rgba(255,255,255,0.88);
	/*position:absolute;*/
	width:100%;
}

.ios #head
{
	z-index:150;
	/*background:rgba(255,255,255,0.88);*/
	position:fixed;
	width:100%;
}

#head .h_inner
{
	width:100%;
	position:relative;
	zoom:1;
}

#head .h_inner:after
{
    content:""; 
    display:block; 
    clear:both;
}


/*============================
#top
============================*/
#top
{
	float:left;
	vertical-align:middle;
	padding-left:10px;
}
#top a
{
	display:block;
	padding-top:10px;
}


#head .h_inner ul#smpNavi
{
	float:right;
	vertical-align:top;
	letter-spacing:-0.4em;
	text-align:right;
}
#head .h_inner ul#smpNavi li
{
	display:inline-block;
	border-left:solid 1px #68507f;
}
#head .h_inner ul#smpNavi li i
{
	font-size:14px;
}
#head .h_inner ul#smpNavi li a
{
	color:#68507f;
	padding:25px ;
	display:block;
}

/*グル―バルナビ*/

/*============================
#mainMenu
============================*/
div#mainMenu {
	background:#68507f;
	width:100%;
	position:relative;
	display:none;
	z-index:100;
}
div#mainMenu ul {
	width:100%;
	margin:0 auto;
}
div#mainMenu ul li {
	display:block;
	border-bottom:solid 1px #fff;
	height:40px;
}
div#mainMenu ul li:nth-child(7)
{
	border-right:solid 0px #E3EBF2;
}
div#mainMenu ul li a {
	display:block;
	width:100%;
	font-size:15px;
	line-height:40px;
	color:#fff;
}
div#mainMenu ul li a:before
{
	font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
	content: "\f054";
	padding-left:10px;
	padding-right:10px;
}

body #mainMenu a:hover
{
	color:#E3D0EB;

-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
/*============================
#subNavi
============================*/
div#subNavi {
	background:rgba(98,79,118,0.94);
}
div#subNavi ul
{
	letter-spacing:-.4em;
}
div#subNavi li {
	letter-spacing:normal;
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	border-bottom:solid 1px #452D5C;
	border-right:1px solid #452D5C;
}
div#subNavi li:nth-of-type(even)
{
	border-right:0px;
}
div#subNavi li a
{
	text-align:center;
	color:#fff;
	display:block;
	padding:10px 0;
	text-decoration:none !important;
}

.pageTitle
{
	text-align:center;
	padding:50px 0;
}
.ios .pageTitle
{
	padding-top:100px;
}
.pageTitle.subNavTrue
{
	padding-top:0px;
}
.ios .pageTitle.subNavTrue
{
	padding-top:200px;
}
.pageTitle span
{
	padding:20px;
	font-size:20px;
	color:#000;
	border:solid 1px #000;
	border-width:1px 0;
	width:auto;
	display:inline-block;
}

/*============================
#main
============================*/
div#main {
	width:100%;
}

/*============================
.mainInner
============================*/
div#main div.mainInner {
	padding:60px 10px;
	line-height:170%;
}

.ancLink
{
  margin-top:-200px !important;
  padding-top:200px !important;
}

div#main div.mainInner h1.findingH1
{
	font-weight:normal;
	font-size:36px;
	margin-bottom:20px;
	line-height:110%;
	text-indent:-48px;
	margin-left:48px;
}
div#main div.mainInner h1.findingH1:before
{
	content:"";
	background:url(../img/icon_h1.png) no-repeat 0 center;
	background-size:40px;
	padding-left:50px;
}
div#main div.mainInner h2.findingH2
{
	font-weight:normal;
	font-size:25px;
	margin-bottom:20px;
	line-height:140%;
}
div#main div.mainInner h3.findingH3
{
	font-weight:bold;
	font-size:18px;
	border-bottom:solid 1px #ccc;
	padding-bottom:12px;
	margin-bottom:12px;
	line-height:110%;
}
div#main div.mainInner h4.findingH4
{
	font-weight:bold;
	font-size:16px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:12px;
	margin-bottom:12px;
	line-height:110%;
}

div#main div.mainInner h4.findingH4:before {
  content: "\f10c";
  font-family: FontAwesome;
  margin-right:0.5em;
      color: #68507f;
}


.bgOn
{
	background:url(../img/bg_on01.jpg) no-repeat 0 0,url(../img/bg_on03.jpg) no-repeat center bottom,url(../img/bg_on02.jpg) repeat  0 0;
	background-size:contain,contain,auto;
	padding:40px 40px 40px;
}

.bbLine
{
	border-bottom:solid 1px #827A68;
	padding-bottom:40px;
	margin-bottom:40px;
}

.spContentsFooter
{
	background:#C3B6A2;
	padding:30px 0;
}
.spContents
{
	width:90%;
	max-width:1180px;
	margin:0 auto;
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
  border-spacing: 8px 0;  /* 左右 上下で記述 */
  margin-bottom:8px;
}
.spContents li
{
	display:inline-block;
	width:48%;
	vertical-align:middle;
	height:110px;
	margin:1%;
	background-size:cover;
	background-position:center center;
}


.spContents li a
{
	
	width:100% !important;
	text-decoration:none !important;
	text-align:center;
	color:#fff;
	font-size:20px;
	line-height:110px;
	display:block;
	height:110px;
	box-sizing:border-box;
	text-shadow: 1px 1px 1px #000;	
	background:rgba(0,0,0,0.6);
}

.spContents li a.line1
{
	padding-top:70px;
}
.spContents li a:hover
{
	background:rgba(0,0,0,0);	
	
-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3s ease-out;
-ms-transition: background 0.3s ease-out;
transition: background 0.3s ease-out;
}
.spContents li a span
{
	display:block;
	font-size:15px;
	margin-top:5px;
}

.mainInner img.photo
{
	width:100%;
	height:auto;
}

.cssTable dl,
.cssTableLine dl
{
	border-bottom:solid 1px #ccc;
	margin-bottom:20px;
	padding-bottom:20px;
}
.cssTable dl dt,
.cssTableLine dl dt
{
	font-weight:bold;
}

/*============================
#footer
============================*/
div#footer {
	width:100%;
	display:block;
	padding:15px 0 0;
	margin:0 0px;
	font-size:0.8em;
	background:#68507f;
	color:#fff;
	text-align:center;
}
div#footer p a {
	color:#fff;
}

div#footer a.pageTOP i
{
	font-size:20px;
}
div#footer a.mailBTN
{
	background:#573f72;
	display:block;
	padding:20px 0;
	color:#fff;
	text-decoration:none;
	margin-top:15px;
	font-size:16px;
	border:solid 1px #A398AD;
	border-width:1px 0;
}
div#footer a.mailBTN:hover
{
	background:#5d4d6f;

-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3s ease-out;
-ms-transition: background 0.3s ease-out;
transition: background 0.3s ease-out;
}
div#footer a.mailBTN i
{
	margin-right:10px;
}
div#footer a.pageTOP
{
	background:#4b3663;
	display:block;
	padding:20px 0;
	color:#fff;
	text-decoration:none;
}

div#footer a.pageTOP:hover
{
	background:#5d4d6f;

-webkit-transition: background 0.3s ease-out;
-moz-transition: background 0.3s ease-out;
-ms-transition: background 0.3s ease-out;
transition: background 0.3s ease-out;
}

.alertLimit {
	color: #cc0000;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
}

ul.allianceLink {
	margin: 10px 0px;
	border-top: 1px solid #321C4B;
}

ul.allianceLink li {
}

ul.allianceLink li a {
	background-color:#573f72;
	display:block;
	padding:20px 0;
	color:#e5e5e5;
	text-decoration:none;
	margin-top:0px;
	font-size:16px;
	border-bottom:solid 1px #321C4B;
}

ul.allianceLink li a:hover {
	background-color: #7F679B;
	-webkit-transition: background 0.3s ease-out;
	-moz-transition: background 0.3s ease-out;
	-ms-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
}

ul.allianceLink li a:after {
	font-family: FontAwesome;
	content:"\f08e";
	margin-left:0.5em;
}

/******************************************************
タブレット以上向け
******************************************************/
@media print, screen and (min-width: 767px) {


/*============================
#head
============================*/

#head
{
	background:#68507f;
	position:static;
}

#head .h_inner
{
	width:100%;
	max-width:708px;
	margin:0 auto;
	position:relative;
}
.pageTitle,
.pageTitle.subNavTrue
{
	padding:50px 0;
}
.pageTitle span
{
	font-size:32px;
}

.ios .pageTitle
{
	padding-top:200px;
}

/*============================
#top
============================*/
#top
{
	background:#fff;
	padding:25px 15px;
	text-align:center;
	border-radius:0 0 10px 10px;
	position:absolute;
}
#top a
{
}
/*============================
#mainMenu
============================*/
div#mainMenu {
	display:block !important;
	width:74%;
	float:right;
}
div#mainMenu ul {
	width:100%;
	max-width:708px;
	margin:0 auto;
	letter-spacing:-.4em;
	text-align:right;
	padding:20px 0 0;
}
div#mainMenu ul li
{
	display:inline-block;
	letter-spacing:normal;
	border-bottom:solid 0px #fff;
}
div#mainMenu ul li a {
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	color:#fff ;
	text-decoration:none !important;	
	border-right:solid 1px #fff;
	line-height:100%;
	margin-left:15px;
}

div#mainMenu ul li:last-child a
{
	border-right:solid 0px #fff;
}
div#mainMenu ul li a:before
{
	display:none;
}

/*============================
#subNavi
============================*/
div#subNavi {
	background:rgba(0,0,0,0.6);
}
div#subNavi ul {
	margin:0 auto;
	width:100%;
	max-width:768px;
	display:block;
	text-align:right;
	font-size:12px;
	color:#fff;
}
div#subNavi ul li
{
	width:auto;
	margin-left:15px;
	border:0 !important;
}
div#subNavi ul a:after
{
	content:"|";
	padding-left:15px;
	color:#fff !important;
}
div#subNavi ul li:last-child a:after
{
	content:"";
	padding-left:0px;
	color:#fff !important;
}
div#subNavi ul a:hover
{
	color:#E3D5B2;
}



/*============================
.mainInner
============================*/
div#main div.mainInner {
	width:90%;
	max-width:708px;
	margin:0px auto;
	padding:60px 0px;
}

.bgOn
{
	padding:40px 40px 120px;
}

.cssTable dl
{
	border-bottom:solid 0px #ccc;
	margin-bottom:0px;
	display:table;
	width:100%;
}
.cssTable dl dt,
.cssTable dl dd
{
	display:table-cell;
	text-align:left;
}
.cssTable dl dt
{
	width:15%;
}


.cssTableLine dl
{
	border-bottom:solid 0px #ccc;
	margin-bottom:0px;
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-top:-1px;
}
.cssTableLine dl dt,
.cssTableLine dl dd
{
	display:table-cell;
	text-align:left;
	border:solid 1px #ccc;
	padding:15px;
}
.cssTableLine dl dt
{
	width:25%;
}


.spContents li
{
	display:table-cell;
	width:25%;
	vertical-align:middle;
	height:110px;
}

/*============================
#footer
============================*/
div#footer {
	width:100%;
	padding:20px 0 0;
	margin:0 auto;
}


ul.allianceLink {
	margin: 20px 0px;
	border-top: 0px solid #321C4B;
}

ul.allianceLink li {
	display:inline-block;
	margin:0px 15px;
}

ul.allianceLink li a {
	background:#573f72;
	display:inline-block;
	padding:5px 20px;
	color:#e5e5e5;
	text-decoration:none;
	margin-top:0px;
	font-size:14px;
	border:solid 1px #321C4B;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

ul.allianceLink li a:hover {

}

ul.allianceLink li a:after {

}


}


/******************************************************
PC
******************************************************/
@media print, screen and (min-width: 1120px) {

/*============================
#head
============================*/
#head .h_inner
{
	max-width:1060px;
	margin:0 auto;
	position:relative;
}
/*============================
#mainMenu
============================*/

div#mainMenu {
	display:block !important;
	width:80%;
}
div#mainMenu ul {
	max-width:1060px;
	margin:0px auto;	
}
div#mainMenu ul li {
}
div#mainMenu ul li a {
	height:auto;
}

/*============================
#subNavi
============================*/
div#subNavi ul {
	max-width:1060px;
}
/*============================
.mainInner
============================*/
div#main div.mainInner {
	max-width:1060px;
}
/*============================
#footer
============================*/

}
@media print, screen and (min-width: 1281px) {
 
}
@media print
{
html {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width:1000px !important;
}


/* IE6 */
*html body{
	zoom:80%;
}
}

.block
{
	display:block;
}
.inlineblock
{
	display:inline-block;
}
.scrollPAGETOP
{
	font-size:40px !important;
	color:#4b3663;
}
.redTxt
{
	color:#AC0002;
}
.linkBTN
{
	display:block;
	padding:15px;
	border-radius:5px;
	background:#937A5E;
	color:#fff !important;
	text-align:center;
}

.linkBTN:hover
{
	text-decoration:none;
	background:#beaa94;
}

.linkBTN.mail
{
	background:#881214;
}

.linkBTN.mail:hover
{
	background:#8F3B3C;
}
.linkBTN.mail i
{
	margin-right:10px;
}
.Gothic *
{
	font-family: -apple-system, ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック Medium’, ‘メイリオ’, meiryo, sans-serif
}
