@charset "UTF-8";
@import 'icon.css';

/********************************************
	共通
	*********************************************/
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.clear {
  clear: both;
  visibility: hidden;
  font-size: 0;
}

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

html {
	font-size:16px;
}

body {
	font-size:0.775rem;
	color:#3b3b3b;
}


p {  margin: 0 0 1.4em 0;}
td, th, dt, dd, li { line-height:1.4; }
p {	line-height:1.6;}

td, th, p, h1, h2, h3, h4, h5, h6, label, dt, dd, li { word-break: break-all; word-wrap: break-word; }
ol, ul { padding-left:1.6em;}
img { max-width:100%; height:auto; vertical-align:bottom;}

@media screen and (min-width:641px) {
body {
	font-size:1rem;
}
p,th,td,li,dt,dd {
	/* font-size:88%; */
}
li dt, li dd {
	font-size:100%;
}
}
/* Layout Setting */
.cl{clear: both; visibility:hidden; font-size:0; line-height:0;}
.pt0 {	padding-top:0!important;}
.pt20 {	padding-top:20px!important;}
.pt40 {	padding-top:40px!important;}
.pt60 {	padding-top:60px!important;}
.mt0 {	margin-top:0!important;}
.mt20 {	margin-top:20px!important;}
.mt40 {	margin-top:40px!important;}
.mt60 {	margin-top:60px!important;}
.pb0 {	padding-bottom:0!important;}
.pb20 {	padding-bottom:20px!important;}
.pb40 {	padding-bottom:40px!important;}
.pb60 {	padding-bottom:60px!important;}
.mb0 {	margin-bottom:0px!important;}
.mb20 {	margin-bottom:20px!important;}
.mb40 {	margin-bottom:40px!important;}
.mb60 {	margin-bottom:60px!important;}

.ml0 {	margin-left:0!important;}
.mr0 {	margin-right:0!important;}
.mr20 {	margin-right:20px!important;}
.mr40 {	margin-right:40px!important;}

textarea { box-sizing:border-box; width:100%; height: 8em;}

input[type="password"]{
 font-family: Verdana, sans-serif;
}

a:link {
	color:#0083d1;
}
a:visited, a:active, a:hover {
	color:#0083d1;
}

[class^="icon-"] {
}

.mincho {	font-family: "a-otf-futo-min-a101-pr6n"; /*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/}

ul.square {
	list-style:square;
}

.noDisplay {	display:none;}

.inlineBlockArea {
	letter-spacing: -.40em;
}
.inlineBlockLine {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
.width50per {
	width:50%;
}

.floatLeft {	float:left;}
.floatRight {	float:right;}

.leftText {	text-align:left!important;}
.centerText {	text-align:center!important;}
.rightText {	text-align:right!important;}

.rightredText {	color:#f00!important;}
.redText {	color:#c6310c!important;}
.blueText {	color:#1a7bd0!important;}
.blueText a {	color:#1a7bd0!important;}
.greenText { color:#44af35!important;}
.lightgreenText { color:#8dc21f!important;}
.pinkText {	color:#fd5d65!important;}
.brownText { color:#d29c33!important;}
.orangeText { color:#ed6d00!important;}
.blackText { color:#444!important;}
.PaleMustard { color:#a99200!important;}

.bigText {	font-size:130%!important;}
.biggerText {	font-size:150%!important;}
.middleText {	font-size:88%!important;}
.miniText {	font-size:80%!important;}
.microText {	font-size:70%!important;}
.boldText {	font-weight:bold!important;}
.subText { font-size:50%!important;}

.fakeList {
	padding-left:1.4em;
	position:relative;
}
.fakeList:before {
	position:absolute;
	content:"●";
	font-size:200%;
	line-height:normal;
	top:-0.35em;
	left:0;
}


/********************************************
	共通 end
	*********************************************/


/********************************************
	ヘッダー
	*********************************************/
.l-header {
	background-color:#0087cd;
	color:#fff;
	height:60px;
}

@media screen and (min-width:641px) {
.l-header {
	padding:20px 0;
	height:auto;
}
.l-header header {
	position:relative;
}
}
header .pcHeader {
	display:none;
}

.headerLeftArea {
	width:100%;
	box-sizing:border-box;
}
@media screen and (min-width:641px) {
.groupArea {
	width:235px;
	float:left;
	border-right:1px solid #7dc2e7;
	margin-right:21px;
}
}
.headerSubText {
	font-size:1em;
	margin:0 100px 0 257px;
}
.headerTitle {
	margin:0;
}

.headerRightArea {
	width:70px;
	height:70px;
	position:absolute;
	top:0;
	right:20px;
}

.headerContactArea {
	display:none;
}
.headerContactArea .contactBlockS,
.headerContactArea .contactBlock {
	display:none;
}

.headerContactArea .contactBlock {
	width:350px;
	height:70px;
	letter-spacing:normal;
	margin:0;
	position:relative;
	background-color:#7fbc00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.headerContactArea .contactBlock a {
	width:100%;
	display:block;
	text-align:center;
	line-height:70px;
	text-decoration:none;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
.headerContactArea .contactBlock:before {
	position:absolute;
  font-family: 'kaigocustom' !important;
	font-size:160%;
  content: "\f0da";
	right:16px;
	top:16px;
}
.headerContactArea .contactBlockS {
	text-align:right;
}
.headerContactArea .contactBlockS a {
	width:70px;
	margin: 0 0 0 auto;
	display:block;
	text-align:center;
	line-height:60px;
	text-decoration:none;
	color:#fff;
	font-size:200%;
	font-weight:bold;
	background-color:#7fbc00;
	position:relative;
	padding-bottom:10px;
}

/* .headerContactArea .contactBlock .blueText {
	padding:0 3px;
	font-size:21px;
}

.headerContactArea .contactLine {
	font-size:21px;
	padding:0 3px;
	color:#ddd;
} */



@media screen and (min-width:641px) {
.headerContactArea {
	display:block;
}
.headerContactArea .contactBlockS {
	display:block;
}
.headerContactArea .contactBlockS .caps {
	position:absolute;
	display:block;
	line-height:1;
	width:70px;
	bottom:10px;
	font-size:0.5rem;
}
}
@media screen and (min-width:1110px) {
.headerRightArea {
	width:350px;
}
.headerContactArea .contactBlockS {
	display:none;
}
.headerContactArea .contactBlock {
	display:block;
}
}


header .spHeader {
	position:fixed;
	z-index:999;
	width:100%;
	height:60px;
	background-color:#0087cd;
}
header .spHeader-inner {
	display:table;
	box-sizing:border-box;
	width:100%;
	padding-right:70px;
}
.spHeader .spTitle {
	display:table-cell;
	vertical-align:middle;
	margin:0;
	box-sizing:border-box;
	letter-spacing:-0.4em;
	background-color:#0087cd;
}
header .spTitle h1 {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	margin:0;
}

.spHeader .spTitle img {
	width:auto;
	height:auto;
	max-height:60px;
}
.spHeader .contactLink {
	display:table-cell;
	box-sizing:border-box;
	width:70px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	font-size:36px;
	text-decoration:none;
	/* line-height:45px; */
	background-color:#7fbc00;
	color:#fff;
}
.spHeader .contactLink .caps {
	display:block;
	line-height:1;
	padding-bottom:5px;
	font-size:0.5rem;
}
.spHeader .spMenuSet {
	display:table-cell;
	width:80px;
	vertical-align:middle;
}
@media screen and (min-width:641px) {
header .spHeader,
header .drawer-toggle {
	display:none;
}
header .pcHeader {
	display:block;
}

}


/********************************************
	ヘッダー end
	*********************************************/


/********************************************
	Gメニュー
	*********************************************/

.Menu_inner {
	display:none;
	background-color:#faf9f2;
}
.Menu_inner nav {
	margin:0 auto;
}
.Menu_inner nav ul {
	display:block;
	letter-spacing:-0.4em;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #d1c87b;
	/* border-left:1px solid #d1c87b; */
	background-color:#faf9f2;
}
.Menu_inner nav li {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	text-align:center;
	box-sizing:border-box;
	width:16.66666666666667%;
	height:71px;
	border-right:1px solid #d1c87b;
	/* border-bottom:1px solid #d1c87b; */
}
.Menu_inner nav ul li:last-child {
	border-right:none;
}
.Menu_inner nav li a {
	display:block;
	text-decoration:none;
	/* padding:13px 28px; */
	width:100%;
	height:70px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.Menu_inner nav li a:hover,
.Menu_inner nav li.current a {
	background-color:#d1c87b;
}

@media screen and (min-width:943px) {
.Menu_inner nav li a {
	background-size:inherit;
}
}
.Menu_inner nav li#gmenu01 a {	background-image:url(../images/common/img_gmenu01.png);}
.Menu_inner nav li#gmenu02 a {	background-image:url(../images/common/img_gmenu02-2.png);}
.Menu_inner nav li#gmenu03 a {	background-image:url(../images/common/img_gmenu03.png);}
.Menu_inner nav li#gmenu04 a {	background-image:url(../images/common/img_gmenu04.png);}
.Menu_inner nav li#gmenu05 a {	background-image:url(../images/common/img_gmenu05.png);}
.Menu_inner nav li#gmenu06 a {	background-image:url(../images/common/img_gmenu06.png);}
.Menu_inner nav li#gmenu07 a {	background-image:url(../images/common/img_gmenu07.png);}
.Menu_inner nav li a span {
	display:none;
}

/* .Menu_inner nav li.current a span,
.Menu_inner nav li a:hover span {
	border-bottom:3px solid #1a7bd0;
} */

@media screen and (min-width:641px) {
.Menu_inner {
	display:block;
}
.Menu_inner nav li#gmenu07 {
	display:none;
}
}

/* SPメニュー */
.drawer-nav {
	/* background-color:#77aa0d; */
	background-color:rgba(255,255,255,0.9);
	color:#000;
	padding-top:60px;
	z-index:101;
}
@media screen and (min-width:641px) {
header .drawer-nav {
	display:none;
}
}

.drawer-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
.drawer-nav nav li {
	border-bottom:1px solid #d1c87b;
	color:#000;
	font-size:4vw;
	font-weight:bold;
	font-family: "a-otf-futo-min-a101-pr6n"; /*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
}
.drawer-nav li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:1em 0;
	text-align:center;
}
.drawer-nav .subLink li {
	color:#fff;
	font-size:3vw;
}
.drawer-nav .subLink li a {
	position:relative;
	padding-left:1em;
}
.drawer-nav .subLink li a:before {
	position:absolute;
	left:0;
  font-family: 'kaigocustom' !important;
  content: "\f0da";
}

/********************************************
	Gメニュー end
	*********************************************/

/********************************************
	メインエリア
	*********************************************/
main {
}
@media screen and (min-width:641px) {
main {
	padding-top:0;
}
}
/* メインエリア Cap */

.caption {
	background-repeat:no-repeat;
	background-position:center center;
	height:159px;
	/* height:199px; */
}
@media screen and (min-width:1801px) {
.caption {
	background-size:cover;
}
}
.caption h2 {
	display:none;
}

/* ぱんくず */
.set_pan {
	min-height:40px;
	background-color:#fff;
	padding:0 1em;
}
@media screen and (min-width:641px) {
.set_pan {
}
}
.pans p {
	margin:0;
	font-size:14px;
	padding:10px 0;
}
.pans a {
	text-decoration:none;
	color:#000;
}

.pans a:hover {
	text-decoration:underline;
}
/* メインエリア Contents */

.Contents-area,
.Detail-area {
	box-sizing:border-box;
	max-width:1200px;
	margin:0 auto;
}
.Contents-area {
	background-color:#fff;
	padding:2vw;
}
.Detail-area {
	position:relative;
	padding:0 1em;
}

.Contents-block {
	padding:0 10px;
}

@media screen and (min-width:641px) {
.Contents-area {
	padding:30px;
}
.Detail-area {
	padding:0;
}
}
/* 見出しタイトル用 */

.Contents-area-title {
	text-align:center;
	background-color:#0081d3;
	color:#fff;
	font-size:5vw;
	font-weight:bold;
	margin:0 0 8vw 0;
	padding:12px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.Contents-block-title1 {
	font-weight:bold;
	color:#a99400;
	font-size:5vw;
	position:relative;
	padding-left:16px;
	margin:0.5em 0;
}
.Contents-block-title1:before {
	position:absolute;
	left:0;
	height:1.15em;
	content:" ";
	border-left:5px solid #a99400;
}

@media screen and (min-width:641px) {
.Contents-area-title {
	font-size:18px;
	margin:0 0 40px 0;
}
.Contents-block-title1 {
	font-size:18px;
}
}

.contactBox {
	background-color:#f2efd9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:30px 30px 10px 30px;
	margin-bottom:20px;
}
.contactBox a {
	font-weight:bold;
}

/********************************************
	メインエリア end
	*********************************************/


/********************************************
	LPO LINK
	*********************************************/

.groupLinkArea {
	background-color:#1389cb;
	border-bottom:6px solid #83b800;
	padding:60px 0;
}
.groupLinkArea .row {
	max-width:1000px;
	margin:0 auto;
	letter-spacing:-0.4em;
	font-size:12px;
	position:relative;
	text-align:center;
}
.groupLinkArea .row a,
.groupLinkArea .row .noLink {
	color:#fff;
}
.groupLinkArea .row .groupTitle {
	margin-bottom:1em;
}
.groupLinkBlock1 {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
}
.groupLinkBlock2,
.groupLinkBlock3,
.groupLinkBlock4 {
	display:none;
}
.groupLinkArea ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
@media screen and (min-width:641px) {
.groupLinkBlock1 {
	width:25%;
}
.groupLinkBlock2 {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	width:25%;
}
.groupLinkBlock3 {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	width:25%;
}
.groupLinkBlock4 {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	width:25%;
}
/* .groupLinkArea {
	text-align:left;
}
.groupLinkArea ul {
	padding-left:90px;
} */
}
.groupLinkArea li {
	padding:0 12px;
	margin-bottom:6px;
  color:#fff; /* 2020.6.11 add */
}
.groupLinkArea li.subLink {
	margin-left:1em;
}
.groupLinkArea li a {
	position:relative;
}
.groupLinkArea li a:before {
	position:absolute;
  font-family: 'kaigocustom' !important;
  content: "\f105";
	left:-8px;
	top:0;
}

/********************************************
	LPO LINK end
	*********************************************/


/********************************************
	フッター
	*********************************************/
footer {
	background-color:#fff;
	color:#000;
	padding:36px 0;
}
.copyright {
	margin:0;
	text-align:center;
}
/********************************************
	フッター end
	*********************************************/


/********************************************
	pagination
	*********************************************/
.pagination {
	margin:60px 0;
}
.pagination ul {
	padding:0;
	display:block;
	text-align:center;
}
.pagination li {
	display:inline-block;
	list-style:none;
	font-size:13px;
	border:1px solid #ddd;
	text-align:center;
}
.pagination li.omit {
	width:40px;
	line-height:40px;
	border:none;
}
.pagination li a {
	display:block;
	width:38px;
	line-height:38px;
	text-decoration:none;
	color:#333;
}

.pagination li.current a {
	background-color:#a0a0a0;
	color:#fff;
}
.pagination li a:hover span {
	text-decoration:underline;
}

/********************************************
	pagination end
	*********************************************/

/********************************************
	pagetop
	*********************************************/
/* .set_pagetop {
	position: absolute;
	bottom: -60px;
	right: 1rem;
	z-index:9999;
	display:table;
	margin:0;
}
.set_pagetop .page_top {
	display:table-cell;
	vertical-align:middle;
	width:42px;
	height:42px;
	font-size:16px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  text-align:center;
	background-color:#83b800;
	text-decoration:none;
	color:#fff;
	line-height:1.2;
}
.set_pagetop .page_top i {
	font-size:36px;
	line-height:60px;
	color:#fff;
	font-weight:bold;
	padding-right:2px;
} */
.set_pagetop {
	float: right;
	clear: both;
	padding-top: 18px;
	position: absolute;
	position: fixed !important;
	bottom: 20px;
	right: 20px;
	z-index:9999;
	display:table;
	margin:0;
}
.set_pagetop .page_top {
	display:table-cell;
	vertical-align:middle;
	width:40px;
	height:40px;
	border:1px solid #ccc;
  border-radius: 6px;
	text-align:center;
	background-color:rgba(131, 184, 0, 0.75);
	text-decoration:none;
	color:#fff;
	line-height:1.2;
}
.set_pagetop .page_top i {
	/* font-size:36px;
	line-height:60px; */
	color:#fff;
}

/********************************************
	pagetop end
	*********************************************/

/********************************************
	public parts
	*********************************************/


/********************************************
	public parts end
	*********************************************/


/* novita追記 */
.forSP{
  display:initial !important;
}
@media screen and (min-width: 768px){
.forSP{
    display:none !important
}
}
@media print{
.forSP{
    display:none !important
}
}
.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
.forPC{
    display:inline !important;
    display:initial !important
}
}
@media print{
.forPC{
    display:inline !important;
    display:initial !important
}
}
br.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
br.forSP{
    display:none !important
}
}
@media print{
br.forSP{
    display:none !important
}
}
br.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
br.forPC{
    display:inline !important
}
}
@media print{
br.forPC{
    display:inline !important
}
}
img.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
img.forSP{
    display:none !important
}
}
@media print{
img.forSP{
    display:none !important
}
}
img.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
img.forPC{
    display:inline !important
}
}
@media print{
img.forPC{
    display:inline !important
}
}
span.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
span.forSP{
    display:none !important
}
}
@media print{
span.forSP{
    display:none !important
}
}
span.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
span.forPC{
    display:inline !important
}
}
@media print{
span.forPC{
    display:inline !important
}
}