b
@import url("https://fonts.googleapis.com/css?family=Lato:400,400i,700");

@charset "UTF-8";
/*##################################################
-------------LIST-------------
 00: Reset
 01: Utility
 02: Base
 03: Link
 04: Wrapper
 05: Breadcrumb
 06: Header
 07: Contents
 08: Footer
     Component
     Project
------------------------------
##################################################*/
/* --------------------------------------------------
 00: Reset Style
 -------------------------------------------------- */
 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, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	outline: 0;
 	font-size: 100%;
 	font-weight: normal;
 	vertical-align: baseline;
 	background: transparent;
 }

*, *:before, *:after {
	box-sizing: border-box;
}

body {
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}


select {
	text-indent: .01px;
	text-overflow: "";
}

textarea {
	font-size: 100%;
}

/* --------------------------------------------------
 01: Utility Style
 -------------------------------------------------- */


/* Clear */
.clr {
	clear: both;
}

/* display */
@media only screen and (max-width: 768px) {
	.display-pc {
		display: none;
	}
}

.display-sp {
	display: none;
}
@media only screen and (max-width: 768px) {
	.display-sp {
		display: block;
	}
}

/* --------------------------------------------------
 02: Base Style
 -------------------------------------------------- */


body {
	margin: 0 auto;
  animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
	color: #222;
	font-family: "Lato","Yu Gothic", YuGothic, "FOT-UD明朝 Pr6 M"; "Hiragino Kaku Gothic ProN",  Meiryo, sans-serif;
	font-size: 15px;
	letter-spacing: .075em;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
@keyframes fadeIn {
    60% {opacity: 0}
    80% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body.body--gray {
	background-color: #eee;

}
@media only screen and (max-width: 768px) {
	body {
		font-size: 13px;
	}
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-transition: .5s;
	transition: .5s;
}
img[src*="_sp."] {
	display: none;
}
@media only screen and (max-width: 768px) {
	img[src*="_pc."] {
		display: none;
	}
	img[src*="_sp."] {
		display: inline;
	}
}

/* visible */
.display-sp {
	display: none;
}

@media only screen and (max-width: 640px) {
	.display-pc {
		display: none;
	}
	.display-sp {
		display: block;
	}
}

/* page */
.page.is-fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3;
	overflow-y: scroll;
}

/* --------------------------------------------------
 03: Link Style
 -------------------------------------------------- */
a {
	color: inherit;
	text-decoration: underline;
	-webkit-transition: .5s;
	transition: .5s;
}
a:hover {
	color: inherit;
	text-decoration: none;
}

/* --------------------------------------------------
 04: Wrapper Style
 -------------------------------------------------- */
.wrap {
	box-sizing: content-box;
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 16px;
	padding-left: 16px;
}

.wrap00 {
  background-color: #f2f8fc;
	box-sizing: content-box;
}
.wrap_ac {
	box-sizing: content-box;
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 16px;
  	padding-bottom: 270px;
	padding-left: 16px;
}
.wrap_ac2 {
	box-sizing: content-box;
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 38px;
	padding-right: 16px;
  	padding-bottom: 40px;
	padding-left: 16px;
}
.wrap2 {
	box-sizing: content-box;
	max-width: 1120px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 16px;
	padding-left: 16px;
    background: #eee url(../images/top/bg_values_sp.jpg) center top no-repeat;
    background-size: 100% auto;
}

/* --------------------------------------------------
 05: Breadcrumb Style
-------------------------------------------------- */
.breadcrumb {
	padding: 14px 80px;
	background-color: #ecf5fb;
	-webkit-transition: .5s;
	transition: .5s;
}
.breadcrumb ul {
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}
.breadcrumb li {
	display: inline-block;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}
.breadcrumb li:before {
	content: ">";
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
.breadcrumb li:first-child:before {
	content: none;
}
.breadcrumb li a, .breadcrumb li span {
	color: #211e1e;
	text-decoration: none;
}
.breadcrumb li a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 1280px) {
	.breadcrumb {
		padding-right: 16px;
		padding-left: 16px;
	}
}

@media only screen and (max-width: 1000px) {
	.breadcrumb {
		padding-right: 16px;
		padding-left: 16px;
	}
}
/* --------------------------------------------------
 06: Header Style
 -------------------------------------------------- */
.header {padding-top: 20px;
  height: 120px;
  width: 100%;
	z-index: 10000;
      position: fixed;
	background-color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
}
.header__logo {
	display: inline-block;
	padding: 18px 40px;
	margin: auto;
	background-color: #fff;
}
.ht img{
  width: 200px;
  position: relative;top: -18px;}
  .ht2 img{
	width: 200px;
	position: relative;top: -18px;}
  .ht3 img{
	width: 200px;
	position: relative;top: 15px;}
  .ht4 img{
	width: 200px;
	position: relative;top: 15px;}

@media only screen and (max-width: 1280px) {
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	height: 82px;
	background-color: #fff;
}.header__logo {
	display: inline-block;
	padding: 3px 40px;
	background-color: #fff;
}
}

@media only screen and (max-width: 800px) {
	.header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		height: 52px;
		background-color: #fff;
	}
  .ht img{position: relative;top: 0px;}
    .ht2 img{position: relative;top: 0px;}
	.header__logo {
		position: absolute;
		top: 50%;
		left: 16px;
		width: 170px;
		padding: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

/* --------------------------------------------------
 06: Header Style
 -------------------------------------------------- */
.header2 {
	position: relative;
	z-index: 10000;
	background-color: #f7f8f8;
	-webkit-transition: .5s;
	transition: .5s;
}
.header2__logo {
	display: inline-block;
	float:left;
	padding: 0px 16px;
}

@media only screen and (max-width: 800px) {
	.header2 {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		height: 52px;
		background-color: #f7f8f8;
	}
	.header2__logo {
		position: absolute;
		top: 50%;
		left: 16px;
		width: 170px;
		padding: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

/* menu-trigger */
.menu-trigger {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 52px;
	height: 52px;
	z-index: 10000;
	background-color: #0087d0;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
}
.menu-trigger > div {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 16px;
	text-indent: -9999px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.menu-trigger span, .menu-trigger > div:before, .menu-trigger > div:after {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	-webkit-transition: .5s;
	transition: .5s;
}
.menu-trigger > div:before, .menu-trigger > div:after {
	content: "";
}
.menu-trigger span {
	top: 50%;
	margin-top: -1px;
}
.menu-trigger > div:before {
	top: 0;
}
.menu-trigger > div:after {
	bottom: 0;
}
.menu-trigger.is-active {
	background-color: #0087d0;
}
.menu-trigger.is-active span {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.menu-trigger.is-active > div:before {
	-webkit-transform: translateY(7px) rotate(-30deg);
	transform: translateY(7px) rotate(-30deg);
}
.menu-trigger.is-active > div:after {
	-webkit-transform: translateY(-7px) rotate(30deg);
	transform: translateY(-7px) rotate(30deg);
}
@media only screen and (max-width: 1080px) {
	.menu-trigger {display: block;
    width: 85px;
    height: 85px;
	}
  .nav-global {display: none;
  	position: absolute;
  	top: 0;
  	right: 40px;
  }
}

@media only screen and (max-width: 1500px) {
	.menu-trigger {display: block;
    width: 82px;
    height: 82px;
	}
  .nav-global {display: none;
  	position: absolute;
  	top: 0;
  	right: 40px;
  }
}

@media only screen and (max-width: 800px) {
	.menu-trigger {display: block;
    width: 52px;
    height: 52px;
	}
  .nav-global {display: none;
  	position: absolute;
  	top: 0;
  	right: 40px;
  }
}

/* nav-global */
.nav-global {
	position: absolute;
	top: 0;
	right: 40px;
}
.nav-global__list-1st {
	margin-left: -40px;
  padding-top: 20px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: right;
}
.nav-global__list-1st > li {
	display: inline-block;
	position: relative;
	margin-left: 24px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}
.nav-global__list-1st > li > a {
	display: block;
	position: relative;
	height: 80px;
	color: #000;
	line-height: 80px;
	text-decoration: none;
}
.nav-global__list-1st > li > a:before {
	visibility: hidden;
	content: "";
	position: absolute;
	right: 0;
	bottom: 4px;
	left: 0;
	border-bottom: 4px solid #add8f0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: .5s;
	transition: .5s;
}
.nav-global__list-1st > li > a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.nav-global__list-1st > li > a:not([href]) {
	cursor: default;
}
.nav-global__list-2nd {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 100;
	min-width: 150px;
	text-align: left;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.nav-global__list-2nd > li {
	border-top: 1px solid #888;
	white-space: nowrap;
}
.nav-global__list-2nd > li:first-child {
	margin-top: 0;
}
.nav-global__list-2nd > li > a {
	display: block;
	padding: 15px 20px;
	background-color: #555;
	color: #fff;
	text-decoration: none;
}
.nav-global__list-2nd > li > a:hover {
	text-decoration: underline;
}
.nav-global__utility {
	display: none;
	margin-top: 16px;
	margin-left: -24px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}
.nav-global__utility li {
	display: inline-block;
	margin-top: 12px;
	margin-left: 24px;
	font-size: 11px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}
.nav-global__utility li a {
	color: #fff;
	text-decoration: none;
}
.nav-global__close {
	display: none;
	margin-top: 48px;
	color: #fff;
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	font-size: 16px;
	text-align: center;
	letter-spacing: .1em;
}
.nav-global__close > span {
	display: inline-block;
	position: relative;
	padding-left: 32px;
}
.nav-global__close > span:before, .nav-global__close > span:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 1px;
	margin-top: -1px;
	background-color: #fff;
}
.nav-global__close > span:before {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.nav-global__close > span:after {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}

@media only screen and (max-width: 1380px) {
	.header__logo{width:220px;}
	.nav-global {
		right: 10px;
	}
	.nav-global__list-1st {
		margin-left: -10px;
	}
	.nav-global__list-1st > li {font-size: 10px;
		margin-left: 20px;
	}
}


@media only screen and (max-width: 1328px) {
	.header__logo{    width: 270px;}
  @media only screen and (max-width: 440px) {
      	.header__logo{    width: 216px;}
    }
	.nav-global {
		right: 10px;
	}

	.nav-global__list-1st {
		margin-left: -10px;
	}
	.nav-global__list-1st > li {font-size: 12px;
		margin-left: 20px;
	}
}
@media only screen and (max-width: 1380px) {
  .nav-global {
    display: none;
    position: fixed;
    top: 82px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow:auto;hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .ht img {
      width: 200px;
      position: relative;
      top: 0px;
  }
  .ht2 img {
      width: 200px;
      position: relative;
      top: 0px;
  }
	.nav-global__inner {
		padding-bottom: 60px;
		background-color: #1595da;
	}
	.nav-global__list-1st {
		margin-left: 0;
		text-align: left;
	}
	.nav-global__list-1st > li {
		display: block;
		margin-left: 0;
		border-bottom: 1px solid #fff;
	}
	.nav-global__list-1st > li > a {
		display: block;
		height: auto;
		padding: 16px;
		color: #fff;
		line-height: 1.5;
	}
	.nav-global__list-1st > li > a:before, .nav-global__list-1st > li > a:after {
		position: absolute;
		right: 27px;
		width: 2px;
		height: 5px;
		background-color: #fff;
	}
	.nav-global__list-1st > li > a:before {
		visibility: visible;
		top: 50%;
		bottom: auto;
		left: auto;
		border-bottom: 0;
		-webkit-transform: skew(-40deg);
		transform: skew(-40deg);
	}
	.nav-global__list-1st > li > a:after {
		content: "";
		bottom: 50%;
		-webkit-transform: skew(40deg);
		transform: skew(40deg);
	}
	.nav-global__list-1st > li > a:hover:before {
		-webkit-transform: skew(-40deg);
		transform: skew(-40deg);
	}
	.nav-global__list-1st > li > a:not([href]) {
		cursor: pointer;
	}

	.nav-global__utility, .nav-global__close {
		display: block;
	}
}


@media only screen and (max-width: 800px) {
	.nav-global {
		display: none;
		position: fixed;
		top: 52px;
		right: 0;
		bottom: 0;
		left: 0;
		overflow:auto;hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.nav-global__inner {
		padding-bottom: 60px;
		background-color: #1595da;
	}
	.nav-global__list-1st {
		margin-left: 0;
		text-align: left;
	}
	.nav-global__list-1st > li {
		display: block;
		margin-left: 0;
		border-bottom: 1px solid #fff;
	}
	.nav-global__list-1st > li > a {
		display: block;
		height: auto;
		padding: 16px;
		color: #fff;
		line-height: 1.5;
	}
	.nav-global__list-1st > li > a:before, .nav-global__list-1st > li > a:after {
		position: absolute;
		right: 27px;
		width: 2px;
		height: 5px;
		background-color: #fff;
	}
	.nav-global__list-1st > li > a:before {
		visibility: visible;
		top: 50%;
		bottom: auto;
		left: auto;
		border-bottom: 0;
		-webkit-transform: skew(-40deg);
		transform: skew(-40deg);
	}
	.nav-global__list-1st > li > a:after {
		content: "";
		bottom: 50%;
		-webkit-transform: skew(40deg);
		transform: skew(40deg);
	}
	.nav-global__list-1st > li > a:hover:before {
		-webkit-transform: skew(-40deg);
		transform: skew(-40deg);
	}
	.nav-global__list-1st > li > a:not([href]) {
		cursor: pointer;
	}


	.nav-global__utility, .nav-global__close {
		display: block;
	}
}

input[type="text"], input[type="number"], input[type="tel"], input[type="email"] {
    width: 350px;
    padding: 12px;
    color: #000000;
}
@media only screen and (max-width: 768px) {
  input[type="text"], input[type="number"], input[type="tel"], input[type="email"] {
      width:  280px;
      padding: 12px;
      color: #000000;
  }}
element.style {
}
textarea {
    overflow: auto;
    vertical-align: top;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
textarea {
    width: 350px;
    height: 120px;
    padding: 5px;
    color: #000000;
}

@media only screen and (max-width: 768px) {
  textarea {
      width: 100%;
      height: 120px;
      padding: 5px;
      color: #000000;
  }

}

.btn-block ul {          width: 40%;
    padding-top: 40px;
    padding-bottom: 50px;
    margin: 0 auto;}

    .btn-block2 ul {          width: 60%;
        padding-top: 40px;
        padding-bottom: 50px;
        margin: 0 auto;}

.btn-block li {
    display: inline-block;float: left;
    margin: 0 5px;}
    .btn-block li {
        display: inline-block;float: left;
        margin: 0 5px;}

        .btn-block2 li {
            display: inline-block;float: left;
            margin: 0 5px;}
            .btn-block2 li {
                display: inline-block;float: left;
                margin: 0 5px;}

.btn-style {
        color: #FFFFFF;
        padding: 10px 20px;
        font-size: 0.8rem;
        font-weight: bold;
        background-color: #0087d0;
    }
@media only screen and (max-width: 768px) {
    .btn-block ul {        width: 100%;
      padding-top: 40px;
        margin: 0 auto;}

.btn-block2 ul {        width: 100%;
  padding-top: 40px;
    margin: 0 auto;}
}
/* --------------------------------------------------
 07: Contents Style
-------------------------------------------------- */
main {
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    top: 120px;
}
main:after {
	content: "";
	display: block;
  overflow: hidden;
	clear: both;
}
@media only screen and (max-width: 1280px) {
	main {
		padding-top: 52px;
    position: relative;
    top: 30px;
      overflow: hidden;
	}
}
@media only screen and (max-width: 768px) {
	main {
		padding-top: 52px;
    position: relative;
    top: 0px;
      overflow: hidden;
	}
}

.container {
	padding-top: 86px;
	-webkit-transition: .5s;
	transition: .5s;
}
.container2 {
	padding-top: 0px;
	-webkit-transition: .5s;
	transition: .5s;
}
.visual-main--lower + .container {
	padding-top: 0;
}
@media only screen and (max-width: 768px) {
	.container {
		padding-top: 50px;
	}
	.visual-main--lower + .container {
		padding-top: 0;
	}
}



/* .nav-sns */
.nav-sns {
	margin-top: 40px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}
.nav-sns__headline, .nav-sns__list {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: middle;
}
.nav-sns__headline {
	margin-top: 3px;
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	font-size: 20px;
}
.nav-sns__list {
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}
.nav-sns__list li {
	display: inline-block;
	margin-left: 32px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: middle;
}
.nav-sns__list li a {
	display: block;
}
.nav-sns__list li a:hover {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.nav-sns__list li img {
	width: 32px;
}
@media only screen and (max-width: 768px) {
	.nav-sns {
		margin-top: 32px;
	}

}

/* bnr-relation  */
.bnr-relation {
		background: url(../images/top/bg_contact_pc.jpg) no-repeat;
	margin-top: 0px;
	padding: 80px 12px;
	background-size: cover;
	background-color: #add8f0;
}

/* nav-bnr  */
.nav-bnr ul {
    margin-top: -16px;
    margin-left: -60px;
    font-size: 0;
    letter-spacing: -1em;
    word-spacing: -1em;
    text-align: center;
}

.nav-bnr li {
    display: inline-block;
    margin-top: 16px;
    margin-left: 24px;
    width: 360px;
    background-color: #fff;
    font-size: 15px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;}

@media only screen and (max-width: 411px) {
        .nav-bnr li {width: 280px;
    display: inline-block;
    margin-top: 16px;
    margin-left: 16px;
    background-color: #fff;
    font-size: 15px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;}
          }


.nav-bnr li a {
	display: block;
	padding: 16px;
}
.nav-bnr li a:hover {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/* --------------------------------------------------
 08: Footer Style
 -------------------------------------------------- */
.footer {
	padding-top: 0px;
	background-color: #F2F7FC;
}
.footer > .wrap {
	max-width: 1000px;
}
@media only screen and (max-width: 768px) {
	.footer {
		padding-top: 0;
	}
	.footer > .wrap {
		max-width: none;
	}
}

/* nav-footer */
.nav-footer {text-decoration: none;
	overflow: hidden;
	margin-top: 0px;
	padding-bottom: 20px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}
.nav-footer__item {
	display: inline-block;
	margin-top: 24px;
	margin-left: 5.303%;
	color: #0087d0;
	font-size: 15px;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	vertical-align: top;
}
.nav-footer__headline {
  text-decoration: none;
	padding-bottom: 12px;
      color: #fff;
	font-size: 15px;
}
.nav-footer__headline img{
  width: 20px;
  height: 20px;
}
.nav-footer__headline_t {
  text-decoration: none;
	padding-bottom: 12px;
      color: #fff;
	font-size: 15px;
}
.nav-footer__headline_t img{
  padding-left: 4px;
    position: relative;
    top: -3px;
    width: 16px;
    height: 12px;
}

.nav-footer__headline_t a {
  text-decoration: none;
}
.nav-footer__headline a {
  text-decoration: none;
}
.nav-footer__list {
	margin-top: 32px;
}
.nav-footer__list li {
	margin-top: 12px;
	font-size: 13px;text-decoration: none;
}
.nav-footer__list li a {
	display: inline-block;text-decoration: none;
	position: relative;
	padding-left: 14px;
	color: #fff;
	text-decoration: none;
}


@media only screen and (max-width: 768px) {

	.nav-footer {
		margin: 0 -16px;
		padding-bottom: 0;
	}
	.nav-footer__item {
		display: block;
		width: auto;
		margin-top: 0;
		margin-left: 0;
		border-top: 1px solid #666;
	}
	.nav-footer__item:first-child {
		margin-top: 0;
	}
	.nav-footer__item:last-child {
		width: auto;
	}
	.nav-footer__item:last-child .nav-footer__list {
		margin-top: 0;
	}
	.nav-footer__headline {
		position: relative;
		padding: 16px;
		font-size: 13px;
		border-bottom: 0;
	}
  .nav-footer__headline  a{
    visibility: visible;
top: 50%;
bottom: auto;
left: auto;
border-bottom: 0;
-webkit-transform: skew(-40deg);
transform: skew(-40deg);
  }
  .nav-footer__headline_t {
    position: relative;
		padding: 16px;
		font-size: 13px;
		border-bottom: 0;
  }
  .nav-footer__headline_t img{
    padding-left: 4px;
    position: relative;top: -3px;
    width: 16px;
  }

  .nav-footer__headline_t a {
    visibility: visible;
top: 50%;
bottom: auto;
left: auto;
border-bottom: 0;
-webkit-transform: skew(-40deg);
transform: skew(-40deg);
  }
  .nav-footer__headline a {
    text-decoration: none;
  }



	.nav-footer__list li {
		margin-top: 0;
		border-top: 1px solid #666;
		font-size: 11px;
	}
	.nav-footer__list li:first-child {
		border-top: 0;
	}
	.nav-footer__list li a {
		display: block;
		padding: 16px 18px;
		background-color: #888;
	}
	.nav-footer__list li a:before {
		content: none;
	}
	.nav-footer__link {
		margin-top: 0;
	}
	.nav-footer__link li {
		position: relative;
		margin-top: 0;
		border-bottom: 1px solid #666;
		font-size: 13px;
	}
	.nav-footer__link li a {
		display: block;
		padding: 16px;
	}
	.nav-footer__link li a:before, .nav-footer__link li a:after {
		content: "";
		position: absolute;
		right: 27px;
		width: 2px;
		height: 5px;
		background-color: #fff;
	}
	.nav-footer__link li a:before {
		top: 50%;
		-webkit-transform: skew(-40deg);
		transform: skew(-40deg);
	}
	.nav-footer__link li a:after {
		bottom: 50%;
		-webkit-transform: skew(40deg);
		transform: skew(40deg);
	}
	.nav-footer__link + .nav-footer__list {
		display: block;
		margin-top: 16px;
		margin-left: -24px;
		padding-top: 0;
		font-size: 0;
		letter-spacing: -1em;
		word-spacing: -1em;
		text-align: center;
	}
	.nav-footer__link + .nav-footer__list:before {
		content: none;
	}
	.nav-footer__link + .nav-footer__list li {
		display: inline-block;
		margin-top: 12px;
		margin-left: 24px;
		border-top: 0;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
	}
	.nav-footer__link + .nav-footer__list li a {
		padding: 0;
		background-color: transparent;
	}
}

/* copyright */
.copyright {    overflow: hidden;
    position: relative;
    color: #5e5e5f;
    font-size: 11px;
    line-height: 20px;
    /* margin-top: -20px; */
    padding: 20px 0 75px;
    /* border-top: 1px solid #5e5e5f; */
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #F2F7FC;
    color: #999;
    font-size: 13px;
    text-align: center;
}
@media only screen and (max-width: 768px) {
	.copyright {
		padding-top: 12px;
		padding-bottom: 12px;
		font-size: 10px;
	}
}

/* visual
------------------------------ */
/* visual-main */
.visual-main00 {    width: 95%;
    margin: 0 auto;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #fff;
  overflow: hidden;
}
.visual-main {    width: 100%;
  overflow: hidden;
    margin: 0 auto;
	position: relative;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: #fff;
}
.visual-main > .wrap {    width: 100%;
	position: absolute;
	top: 52%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.visual-main__image {
	text-align: center;
}
.visual-main__headline, .visual-main__headline-sub {
	color: #fff;
}
.visual-main__headline00 {
	font-size: 36px;
  text-align: center;
  	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
  font-weight: bold;
  color: #0087d0;
	font-weight: normal;
	letter-spacing: .025em;
	line-height: 1.54em;
}
.visual-main__headline-sub00 {
  	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	margin-top: 12px;
	font-size: 16px;
  text-align: center;
  color: #0087d0;
	line-height: 1.54em;
}

@media only screen and (max-width: 768px) {

  .visual-main__headline00 {
  	font-size: 28px;
    text-align: center;
  	font-family: "FOT-UD明朝 Pr6 M";
    font-weight: bold;
    color: #0087d0;
  	font-weight: normal;
  	letter-spacing: .025em;
  	line-height: 1.22em;
  }
  .visual-main__headline-sub00 {
    	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
      width: 90%;
  margin: 0 auto;
  padding-top: 20px;
  	font-size: 13px;
    text-align: center;
    color: #0087d0;
  	line-height: 1.54em;
  }
}

.visual-main__headline {
	font-size: 46px;
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
  font-weight: bold;
	font-weight: normal;
	letter-spacing: .025em;
	line-height: 1.0;
  text-shadow: 1px 1px 58px #585858;
}
.visual-main__headline-sub {
  font-family: lato;
	margin-top: 12px;
	font-size: 16px;
	letter-spacing: .15em;
  text-shadow: 1px 1px 58px #585858;
}
.visual-main--top > .wrap {
padding: 40px;    text-align: left;
}
@media only screen and (max-width: 768px) {
  .visual-main--top > .wrap {
    padding-top: 0px;
  padding-left:　5%;

}}
.visual-main--top .visual-main__headline {	display: inline-block;
  padding: 0px 20px;
line-height: 1.3;
	white-space: nowrap;
}
.visual-main--top .visual-main__headline > span {
	position: relative;
	white-space: nowrap;
}
.visual-main--top .visual-main__headline > img {
 margin-bottom: 20px;
}
.visual-main--top .visual-main__headline-sub {
	font-size: 15px;
	font-family:"Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	letter-spacing: .085em;
}
.visual-main--top .visual-main__headline-sub > span {
	display: inline-block;
      padding: 0px 20px;
	white-space: nowrap;
}
.visual-main--lower {
	min-height: 240px;
}
.visual-main--lower .visual-main__headline, .visual-main--lower .visual-main__headline-sub {
	color: #222;
}
@media only screen and (max-width: 768px) {

	.visual-main {
		height: 190px;
	}
	.visual-main__image {
		overflow: hidden;
		text-align: left;
	}
	.visual-main__image > img {
		position: relative;
		left: 50%;
		max-width: none;
		height: 190px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-transition: none;
		transition: none;
	}
	.visual-main__headline {
		font-size: 28px;
    font-weight: bold;
  	font-family:"Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	}
	.visual-main__headline-sub {
		font-size: 15px;
	}
	.visual-main--top {width: 100%;
    margin: 0 auto;
min-width: 790px;
		height: 408px;
	}
	.visual-main--top .visual-main__headline {
		font-size: 28px;
	}
	.visual-main--top .visual-main__headline:before {
		right: 0;
		left: 0;
		margin-right: -8px;
		margin-left: -8px;
		background-color: #0087d0;
	}
	.visual-main--top .visual-main__headline-sub {
		margin-top: 12px;
		font-size: 13px;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	100% {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

/* area
------------------------------ */
/* area-common */
.area-common {
	margin-top: 242px;
}
.area-common:first-child {
	margin-top: 0;
}
@media only screen and (max-width: 768px) {
	.area-common {
		margin-top: 114px;
	}
	.area-common:first-child {
		margin-top: 0;
	}
}


/* area-common */
.area-common2 {
	margin-top: 92px;margin-bottom: 72px;
}
.area-common2:first-child {
	margin-top: 0;
}
@media only screen and (max-width: 768px) {
	.area-common2 {
		margin-top: 0px;
	}
	.area-common2:first-child {
		margin-top: 0;
	}
}

/* headline
------------------------------ */
/* headline-primary */
.headline-primary {
	position: relative;
	margin-top: 64px;
	margin-bottom: 32px;
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}
.headline-primary:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 32px;
	border-bottom: 4px solid #0087d0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.headline-primary:first-child {
	margin-top: 0;
}
.headline-primary a {
	text-decoration: none;
}
.headline-primary a:hover {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.headline-primary--serif {
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	font-size: 64px;
}
.headline-primary--news {
	font-size: 24px;
}
.headline-primary--small {
	font-size: 32px;
}
.headline-primary--center {
	text-align: center !important;
}
@media only screen and (max-width: 768px) {
	.headline-primary {
		margin-bottom: 16px;
		padding-bottom: 0;
		font-size: 26px;
		text-align: left;
	}
	.headline-primary:before {
		content: none;
	}
	.headline-primary--serif {
		font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
		font-size: 64px;
	}
	.headline-primary--news {
		font-size: 18px;
	}
	.headline-primary--news br {
		display: none;
	}
	.headline-primary--small {
		font-size: 24px;
	}
}

/* healdine-secondary */
.healdine-secondary {
	margin-top: 48px;
	margin-bottom: 24px;
	font-size: 20px;
}
.healdine-secondary:first-child {
	margin-top: 0;
}

/* headline-tertiary */
.headline-tertiary {
	font-size: 18px;
	font-family: "Lucida Grande", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", Meiryo, 繝｡繧､繝ｪ繧ｪ, sans-serif;
	letter-spacing: .05em;
	line-height: 1.6;
	text-align: center;
  font-weight: bold;
	color: #fff;
	background-color: #0087d0;
	padding: 16px;
	margin-bottom: 56px;
}
@media only screen and (max-width: 768px) {
	.headline-tertiary {
		font-size: 15px;
    font-weight: bold;
		padding: 8px;
	}
}

/* healdine-mini */
.healdine-mini {
	margin-top: 32px;
	margin-bottom: 8px;
	font-size: 18px;
}
.healdine-mini + .healdine-mini {
	margin-top: 16px;
}
.healdine-mini + .text, .healdine-mini + .table {
	margin-top: 8px;
}
.healdine-mini:first-child {
	margin-top: 0;
}
.healdine-mini--s {
	font-size: 16px;
}

/* text
------------------------------ */


/* image
------------------------------ */
/* image */
.image {
	margin-top: 32px;
	text-align: center;
}

/* list
------------------------------ */
/* list-flex */
.list-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 44px;
}
.list-flex li {
	margin-top: 4px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}
.list-flex li a:hover {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.list-flex__item-text {
	padding: 5px;
}
.list-flex__item-text .list-flex__headline {
	font-weight: bold;
}
.list-flex__headline {
	margin-bottom: 24px;
	font-size: 20px;
}
.list-flex--2 li {
	-ms-flex-preferred-size: 49.822%;
	flex-basis: 49.822%;
	max-width: 49.822%;
}
.list-flex--5 {
	margin: -10px;
}
.list-flex--5 li {
	-ms-flex-preferred-size: calc(20% - (10px * 2));
	flex-basis: calc(20% - (10px * 2));
	margin: 10px;
}
.list-flex--5--investment {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.list-flex--5--investment a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.list-flex--5--investment a:hover {
	opacity: 1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.list-flex--5--investment a:hover .data {
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.list-flex--5--investment .data {
	-webkit-transition: .5s;
	transition: .5s;
	visibility: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}
.list-flex--5--investment .data > * {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: .075em;
}
.list-flex--5--investment .data > *:first-child {
	margin-bottom: 1em;
}
.list-flex--5--investment .note {
	color: #999;
}
@media only screen and (max-width: 768px) {
	.list-flex {
		margin: 28px -16px 0;
	}
	.list-flex li {
		margin-top: 4px;
	}
	.list-flex .list-flex__item-text {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding: 40px 16px;
	}
	.list-flex .list-flex__item-text > p {
		text-align: left;
	}
	.list-flex__headline {
		font-size: 16px;
	}
	.list-flex--image {
		margin-right: 0;
		margin-left: 0;
	}
	.list-flex--image li {
		margin-top: 16px;
	}
	.list-flex--2 li {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.list-flex--2--philosophy li {
		-ms-flex-preferred-size: 49.74%;
		flex-basis: 49.74%;
		max-width: 49.74%;
	}
	.list-flex--5 {
		margin: 0 -16px;
	}
	.list-flex--5 li {
		-ms-flex-preferred-size: calc(50% - 3.125%);
		flex-basis: calc(50% - 3.125%);
		margin: 1.5625%;
	}
	.list-flex--5--investment .data > * {
		font-size: 9px;
	}
	.list-flex--5--investment img {
		width: 100%;
	}
}

/* list-tab
------------------------------ */
.list-tab {
	border-bottom: solid 1px #fff;
}
.list-tab ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.list-tab a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	border-bottom: solid 1px #fff;
	background-color: #eee;
	margin-bottom: -1px;
	height: 80px;
	text-decoration: none;
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: .1em;
	-webkit-transition: none;
	transition: none;
}
.list-tab a.is--active {
	border: solid 1px #fff;
	border-bottom: none;
	background-color: #fff;
}
.list-tab--2 li {
	-ms-flex-preferred-size: 49.822%;
	flex-basis: 49.822%;
	max-width: 49.822%;
}
.list-tab--2 li:not(:last-child) {
	margin-right: 16px;
}
.list-tab-contents {
	margin-top: 80px;
	margin-bottom: 80px;
}
.list-tab-contents > * {
	list-style: none;
}
.list-tab-contents .is--hide {
	height: 0;
	overflow: hidden;
}

/* list-line */
.list-line dt, .list-line dd {
	padding-top: 5px;
}
.list-line dt:first-of-type, .list-line dd:first-of-type {
	padding-top: 0;
}

.list-line dt {
	position: absolute;
}

.list-line--add dt, .list-line--add dd {
	padding-top: 25px;
}
.list-line--add dt:first-of-type, .list-line--add dd:first-of-type {
	padding-top: 0;
}

.list-line--add dd {
	padding-left: 5.0em;
}

.list-line--officer dd {
	padding-left: 6.0em;
}

@media only screen and (max-width: 768px) {
	.list-line--add dt, .list-line--add dd {
		padding-top: 8px;
	}
	.list-line--add dt:first-of-type, .list-line--add dd:first-of-type {
		padding-top: 0;
	}
}

/* list-line-float */
.list-line-float dt, .list-line-float dd {
	padding-top: 5px;
}
.list-line-float dt:first-of-type, .list-line-float dd:first-of-type {
	padding-top: 0;
}

.list-line-float dt {
	float: left;
	clear: left;
}
.list-line-float dt:after {
	content: "��";
}

.list-line-float dd {
	overflow: hidden;
}

/* list-disc */
.list-disc {
	margin-top: 10px;
}
.list-disc li {
	margin-top: 5px;
}
.list-disc li:before {
	content: "繝ｻ";
}

/* list-news */
.list-news__item {
	position: relative;
	display: table;
	width: 100%;
}
.list-news__item:after {	content: "";
  background-color: #74ceff;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 1px;
	left: 0;
	background-image: -webkit-linear-gradient(left, #fff, #fff 50%, transparent 50%, transparent 100%);
	background-image: linear-gradient(to right, #fff, #fff 50%, transparent 50%, transparent 100%);
	background-size: 2px 1px;
}
.list-news__item:first-child:before {
	content: "";
  background-color: #74ceff;
    right: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	left: 0;
	background-image: -webkit-linear-gradient(left, #fff, #fff 50%, transparent 50%, transparent 100%);
	background-image: linear-gradient(to right, #fff, #fff 50%, transparent 50%, transparent 100%);
	background-size: 2px 1px;
}

.list-news__date, .list-news__contents {
	display: block;
	vertical-align: middle;
}

.list-news__date {
	width: 132px;
	padding: 23px 16px 0 6px;
	font-size: 13px;
	color: #999;
	vertical-align: top;
}

.list-news__contents {
	padding-top: 20px;
	padding-bottom: 20px;
}

.list-news__category {
	display: inline-block;
	float: left;
	min-width: 74px;
	margin-top: -1px;
	margin-right: 12px;
	padding: 3px 5px;
	background-color: #fff;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.list-news__category--com {
	background-color: #0087d0;
}
.list-news__category--inv {
	background-color: #36bdd8;
}
.list-news__category--ipo {
	background-color: #12b772;
}

.list-news__text {
	overflow: hidden;
}
.list-news__text a {
	text-decoration: none;
}
.list-news__text a[href=""] {
	pointer-events: none;
	cursor: default;
}
.list-news__text a:hover {
	text-decoration: underline;
}
.list-news__text img{
	width: 22px;position: relative;top: -4px;left: 3px;
}


@media only screen and (max-width: 768px) {
	.list-news__date, .list-news__contents {
		display: block;
	}
	.list-news__date {
		width: auto;
		padding: 20px 0 0;
	}
	.list-news__contents {
		margin-top: 12px;
		padding-top: 0;
	}
	.list-news__category {
		float: none;
		position: absolute;
		top: 17px;
		left: 100px;
		margin-right: 0;
	}
}

/* btn
------------------------------ */
/* btn */
.btn {
	display: block;
	height: 64px;
	background-color: #0087d0;
	color: #fff;
	font-weight: bold;
	line-height: 64px;
	text-decoration: none;
	text-align: center;
}
.btn:hover {
	background-color: #add8f0;
	color: #fff;
}
.btn--inline {
	display: inline-block;
	padding-right: 56px;
	padding-left: 56px;
}
@media only screen and (max-width: 768px) {
	.btn {
		height: 44px;
		line-height: 44px;
	}
	.btn--inline {
		padding-right: 48px;
		padding-left: 48px;
	}
}

/* table
------------------------------ */
/* table */
.table {
	margin-top: 32px;    padding-bottom: 100px;
}
.table:first-child {
	margin-top: 0;
}
.table table {
margin: 0 auto;

border-top: 1px dotted #ccc
}
.table table th, .table table td {
	position: relative;
	padding: 20px 10px;
	border-bottom: 1px dotted #ccc;
}
.table table th {
	width: 180px;
	padding-left: 0;
	font-weight: bold;
	text-align: left;
}
.table__link {
	margin-left: 24px;
}
@media only screen and (max-width: 768px) {
	.table {
		margin-top: 16px;
		border-top: 1px dotted #ccc;
	}
	.table:first-child {
		margin-top: 0;
	}
	.table table th, .table table td {
		display: block;
		padding-right: 0;
		padding-left: 0;
		border-top: 0;
	}
	.table table th {
		width: auto;
		padding-bottom: 0;
		border-bottom: 0;
	}
	.table table td {
		margin-top: 12px;
		padding-top: 0;
	}
	.table__link {
		margin-left: 12px;
	}
}
.table10 img{width: 22px;position: relative;top: -4px;left: 3px;}

/* table */
.table2 {
	margin-top: 32px;
}
.table2:first-child {
	margin-top: 0;
}
.table2 table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
.table2 table thead th, .table2 table thead td {
	background-color: #0087d0;
	color: #fff;
}
.table2 table tbody {
	background-color: #eee;
}
.table2 table th, .table2 table td {
	text-align: center;
	vertical-align: middle;
	position: relative;
	padding: 20px 10px;
}
.table2 table th {
	padding-left: 0;
	font-weight: bold;
}
.table2__link {
	margin-left: 24px;
}
@media only screen and (max-width: 768px) {
	.table2 {
		margin-top: 16px;
	}
	.table2:first-child {
		margin-top: 0;
	}
	.table2 table th, .table2 table td {
		padding-right: 0;
		padding-left: 0;
	}
	.table2 table th.nowrap, .table2 table td.nowrap {
		white-space: nowrap;
	}
	.table2__link {
		margin-left: 12px;
	}
}


/* link
------------------------------ */
/* link-map */
.link-map {
	display: inline-block;
	position: relative;
	padding-left: 24px;
	text-decoration: none;
}
.link-map:before, .link-map:after {
	content: "";
	position: absolute;
	top: 50%;
}
.link-map:before {
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #0087d0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.link-map:after {
	left: 4px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.link-map:hover {
	text-decoration: underline;
}

/* paging
------------------------------ */
/* paging */
.paging {
	overflow: hidden;
	margin-top: 48px;
}
.paging ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -1px;
}
.paging li {
	margin-left: 1px;
}
.paging li a {
	display: block;
	width: 56px;
	height: 56px;
	background-color: #0087d0;
	color: #fff;
	line-height: 56px;
	text-align: center;
	text-decoration: none;
}
.paging li a:hover, .paging li a.is-active {
	background-color: #add8f0;
}
.paging li a.is-active {
	pointer-events: none;
}
@media only screen and (max-width: 768px) {
	.paging {
		margin-top: 24px;
	}
}

/* map-google
------------------------------ */
.map-google {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 56.25%;
	margin-top: 32px;
}
@media only screen and (max-width: 768px) {
	.map-google {
		margin-top: 16px;
	}
}

.map-google iframe, .map-google object, .map-google embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* box
------------------------------ */
/* box-info */
.box-info {
	margin-top: 32px;
	padding: 24px;
	border: solid 1px #fff;
}
.box-info__headline {
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 16px;
}

/* --------------------------------------------------
 TOP
 -------------------------------------------------- */
/* Slider */
.slide {
	pointer-events: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-animation: fadeIn ease-in-out 1s forwards;
	animation: fadeIn ease-in-out 1s forwards;
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	text-align: center;
}
.slick-slider button {
	outline: 0;
	background-color: transparent;
	cursor: pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: 0;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: "";
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: 0;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: inline;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: inline-block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
@media only screen and (max-width: 768px) {
	.slick-slide {
		overflow: hidden;
	}
	.slick-slide img {
		position: relative;
		left: 50%;
		max-width: none;
		height: 408px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.slick-arrow.slick-hidden {
	display: none;
}

/* slick-arrow */
.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 53px;
	height: 55px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .5s;
	transition: .5s;
}
@media only screen and (max-width: 768px) {
	.slick-prev, .slick-next {
		width: 26px;
		height: 27px;
		background-size: auto 100%;
	}
}

.slick-prev {
	left: 0;
	background: url(../imgs/bt-prev.png) no-repeat;
}

.slick-next {
	right: 0;
	background: url(../imgs/bt-next.png) no-repeat;
}

.slick-prev:hover, .slick-next:hover {
	opacity: .7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 32px;
}

.slick-dots {
	position: absolute;
	bottom: -32px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 8px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 16px;
	width: 16px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	cursor: pointer;
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 16px;
	background-color: #0087d0;
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before {
	background-color: #add8f0;
}
.slick-dots li.slick-active button:before {
	background-color: #add8f0;
}

/* news */
.news > .wrap {
	overflow: hidden;
}

.news__header {
	float: left;
	width: 220px;
}

.news__headline {
	color: #0087d0;
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.0;
}

.news__headline-sub {
	margin-top: 8px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

.news__btn {
	margin-top: 42px;
}

.news__contents {
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.news {
		position: relative;
	}
	.news__header {
		float: none;
		width: auto;
		text-align: center;
	}
	.news__headline {
		font-size: 30px;
	}
	.news__btn {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin-top: 0;
	}
	.news__list {
		margin-top: 24px;
	}
}

/* values */
.values {
	padding-top: 80px;
      margin-top: 0px;
	background-size: cover;
	padding-bottom: 88px;
	background: url("../images/top/bg_values_pc.jpg")  no-repeat;
}
.values__header {
	color: #fff;
	text-align: center;
}
.values__headline {
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	font-size: 36px;
	line-height: 1.0;
}
.values__headline-sub {
	margin-top: 8px;
	font-size: 18px;
}
.values__contents {
	margin-top: 56px;
}
@media only screen and (max-width: 768px) {
	.values {    margin-top: -250px;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
		background: none;
	}
	.values__header {
		position: relative;
color: #0087d0;
top: 140px;
}

	.values__headline {
		    font-size: 30px;
				font-weight: bold;
				color: #fff;
	}
	.values__headline-sub {
						color: #fff;
		margin-top: 8px;
		font-size: 18px;
	}
	.values__contents {
		margin: 24px -16px 0;
		padding: 160px 16px 28px;
		background: #eee url("../images/top/bg_values_sp.jpg") center top no-repeat;
		background-size: auto auto;
	}
	.values__contents--noimage {
		padding-top: 0;
		background: none;
	}
}

/* card-values */
.card-values {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.card-values--links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -8px;
}
.card-values--links .card-values__item {
	text-align: center;
	margin: 8px;
}
.card-values__item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 31.429%;
	flex: 0 0 31.429%;
	max-width: 31.429%;
	padding: 40px 40px 40px;
  text-align: justify;
	background-color: rgba(255, 255, 255, .85);
	text-align: center;
	-webkit-transition: .5s;
	transition: .5s;
}
.card-values__item--gray {
	background-color: #eee;
}
.card-values__headline {
	font-size: 24px;
	font-weight: normal;
}
.card-values__contents {
	margin-top: 24px;
	text-align: left;
}
.card-values__contents--center {
	text-align: center;
}
.card-values__logo {
	margin-top: 12px;
	text-align: center;
}
.card-values__btn {
	margin-top: 24px;
	padding-right: 20px;
	padding-left: 20px;
}
.card-values__btn a {
	display: block;
	padding-right: 0;
	padding-left: 0;
}
@media only screen and (max-width: 1120px) {
	.card-values__item {
		padding: 20px 30px 28px;
	}


}
@media only screen and (max-width: 768px) {
	.card-values__item {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		margin-top: 20px;
		padding: 24px 24px 28px;
	}
	.card-values__item:first-child {
		margin-top: 0;
	}
	.card-values__headline {
		font-size: 24px;
	}
	.card-values__contents {
		margin-top: 18px;
	}
	.card-values__btn {
		margin-top: 20px;
	}
}

/* --------------------------------------------------
 PAGENAME
 -------------------------------------------------- */
/* project */
.project {
	display: block;
}




/* -----------------------------------------------------------

   #footer

   ----------------------------------------------------------- */

#footer { padding-top:90px; background: url(../images/noise.png) repeat #f5f5f5; border-top:#a3d9e0 1px solid; position:relative; z-index:1;}
#footer:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; }
/* ----- h3 ----- */
#footer h3 { font-size:13px;font-family: 'Catamaran', sans-serif; font-weight:700;letter-spacing:3px; line-height:2; text-transform:uppercase; text-align:center; margin-bottom:20px; }
@media only screen and (max-width: 800px) {
#footer { padding-top:80px;}
}
@media only screen and (max-width: 738px) {
#footer { padding-top:70px; background: url(../images/noise.png) repeat #f0f0f0;}
#footer h3 { margin-bottom:15px; }
}
@media only screen and (max-width: 414px) {
#footer { padding-top:60px;}
}



/* ----- .inner ----- */
#footer .inner { padding:50px 0; margin:0 5%; background:#fefefe; }

/* ----- .infoArea ----- */
#footer .infoArea { font-size:0; z-index:2; position:relative;height:270px; }

/* ----- .infoBox ----- */
#footer .infoBox { display:inline-block; margin:0; width:33%; padding:5px 2.5%; position: relative; z-index:0;}
#footer .infoBox:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0; }
#footer .infoBox:last-child:after { display:none;}

/* .txtArea */
#footer .aboutBox .txtArea { margin-top:20px; }
#footer .aboutBox h1 { width:100%; height:85px; background:url(../images/logoFooterSp.png) center center no-repeat; background-size:245px 55px; margin-top:-20px; }
#footer .aboutBox p { font-size:12px; text-indent:-0.5em;margin-top:-0.5em; }

/* .imgArea */

/* .txtArea */
#footer .accessBox p { font-size:12px; margin-top:-0.5em;text-align: center;}

/* .linkArea */
#footer .accessBox .linkArea { margin-top:20px; text-align:center; }
#footer .accessBox .linkArea .btnGoogle { display: inline-block; padding: 0 20px 0 30px; margin:0; font-size: 11px; text-decoration: none; text-align:center; line-height: 30px; letter-spacing: 1px; position: relative; color:#111; background:#fefefe; border:#111 1px solid; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; max-width:100%; }
#footer .accessBox .linkArea .btnGoogle:after { font-family: 'themify'; content: "\e693"; font-size: 15px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; left: 10px; z-index: 1; line-height: 30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#footer .accessBox .linkArea .btnGoogle:hover { color:#7eccd6; background:#f0fafe; border:#7eccd6 1px solid;border:#f0fafe 1px solid; }

/* .contactBox */
#footer .contactBox .imgArea { float:left; width:30%; display:none; }
#footer .contactBox .txtArea { float:right; width:62.5%; width:100%; }
#footer .contactBox h4 { font-size:12px; font-weight:normal; line-height:2.2; letter-spacing: 1px; margin-top:-0.5em; text-align:center;}

/* .contactBox ul */
#footer .contactBox ul { }
#footer .contactBox ul li { display:block; margin:5px 0 0; text-align:center; position:relative; z-index:1; }
#footer .contactBox ul li a,
#footer .contactBox ul li span { display:block; line-height:50px; position:relative; z-index:2;}
#footer .contactBox ul li .tel { color:#111; border:#111 1px dashed; font-size:16px;font-weight:600; letter-spacing:2px;}
#footer .contactBox ul li .tel:before { position:absolute; top:0; left:20px; bottom:0; width:25px; content:""; background:url(../images/telIcon.png) left center no-repeat; }

/* .mail */
#footer .contactBox ul li .mail { color:#111; border:#111 1px solid; font-size:13px; font-weight:500; letter-spacing:1px;  }
#footer .contactBox ul li .mail:before { position:absolute; top:0; left:21px; bottom:0; width:25px; font-size:20px; text-align:left; font-family: 'themify'; content: "\e75a"; font-weight:normal; }
#footer .contactBox ul li .mail:hover { color:#ff878d; background:#fff1f1; border:#fff1f1 1px solid;}
#footer .contactBox ul li .mail:after { position:absolute; top:0; bottom:0; right:15px; font-size:10px; font-family: 'themify'; content: "\e649"; font-weight:normal; opacity:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#footer .contactBox ul li .mail:hover:after { opacity:1;-webkit-transform: translate(5px, 0px);-moz-transform: translate(5px, 0px);-o-transform: translate(5px, 0px);-ms-transform: translate(5px, 0px);transform: translate(5px, 0px); }


@media only screen and (max-width: 945px) {
#footer .contactBox ul li .tel { font-size:14px; letter-spacing:1.5px;}
#footer .contactBox ul li .tel:before { left:10px; }
#footer .contactBox ul li .mail { font-size:12px;  }
#footer .contactBox ul li .mail:before { left:10px; }
}

@media only screen and (max-width: 800px) {
/* ----- .inner ----- */
#footer .inner { padding:50px 0; margin:0 5%; background:#fefefe; }

/* ----- .infoArea ----- */
#footer .infoArea { font-size:0; z-index:2; position:relative; }

/* ----- .infoBox ----- */
#footer .infoBox { width:50%; padding:5px 5%; }
#footer .infoBox:last-child { width:100%; margin-top:25px; padding-top:25px; border-top:#ededed 1px solid; }
#footer .infoBox:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0; }
#footer .infoBox:nth-child(2):after { display:none;}

#footer .aboutBox h1 { width:100%; height:72px; background:url(../images/logoFooterSp.png) center center no-repeat; margin-top:-20px; background-size:206px 46px; }
/* .linkArea */
#footer .accessBox .linkArea .btnGoogle:hover { color:#111; background:#fefefe; border:#111 1px solid; }

/* .contactBox ul */
#footer .contactBox ul { font-size:0; margin:10px -1% 0; }
#footer .contactBox ul li { display:inline-block; margin:5px 1% 0; width:48%; }
#footer .contactBox ul li a,
#footer .contactBox ul li span { display:block; line-height:50px; position:relative; z-index:2;}
#footer .contactBox ul li .tel { color:#111; border:#111 1px dashed; font-size:16px;font-weight:600; letter-spacing:2px;}
#footer .contactBox ul li .tel:before { position:absolute; top:0; left:20px; bottom:0; width:25px; content:""; background:url(../images/telIcon.png) left center no-repeat; }

/* .mail */
#footer .contactBox ul li .mail { color:#111; border:#111 1px solid; font-size:13px; font-weight:500; letter-spacing:1px;  }
#footer .contactBox ul li .mail:before { position:absolute; top:0; left:21px; bottom:0; width:25px; font-size:20px; text-align:left; font-family: 'themify'; content: "\e75a"; font-weight:normal; }
#footer .contactBox ul li .mail:hover {color:#111; border:#111 1px solid; background:none;}
#footer .contactBox ul li .mail:after { display:none; }
}

@media only screen and (max-width: 738px) {
/* ----- .inner ----- */
#footer .inner { padding:20px 0; margin:0 5%;}

/* ----- .infoBox ----- */
#footer .infoBox { display:block; margin:0; width:100%; padding:25px 5%;}
#footer .infoBox:after { position:absolute; top:auto; right:0; bottom:0; left:0; width:100%; border-right:none; border-bottom:#ededed 1px solid; }

/* .contactBox */
#footer .contactBox h4 { font-size:12px; font-weight:normal; line-height:2.2; letter-spacing: 1px; margin-top:-0.5em; text-align:center;}

#footer .contactBox ul { font-size:0; margin:5px -1% 0; text-align:center; }
#footer .contactBox ul li { margin:10px 1% 0; min-width:250px; }

#footer .contactBox ul li a,
#footer .contactBox ul li span { line-height: 45px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

#footer .contactBox ul li .tel { font-size:14px; letter-spacing:1.5px;}
#footer .contactBox ul li .tel:before { left:10px; width:20px; background:url(../images/telIconSp.png) left center no-repeat; background-size:20px 20px;}
#footer .contactBox ul li .mail { font-size:12px;  }
#footer .contactBox ul li .mail:before { left:10px; }
}

@media only screen and (max-width: 414px) {
#footer .infoBox:first-child { padding:25px 7.5%;}
#footer .accessBox p { font-size:11px; margin-top:-0.5em; line-height:1.9;}
}


/* ----- .inner2 ----- */
#footer .inner2 { padding:40px 0; margin:0 5%; border-top:#ededed 1px solid; background:#fefefe; position:relative; z-index:1;}

/* ----- .sitemapArea ----- */
#footer .sitemapArea { font-size:0; }
/* .sitemapBox */
#footer .sitemapBox { display:inline-block; margin:0; width:22%; position: relative; z-index:0; }
#footer .sitemapBox:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0; }
#footer .sitemapBox:last-child:after { display:none;}
/* ul */
#footer .sitemapBox ul { padding:0 10%; }
#footer .sitemapBox ul li { display:block; margin:0; padding:0; font-size:12px; letter-spacing:1px; }
#footer .sitemapBox ul li a { display:inline-block; position:relative; z-index:1;line-height:30px; padding-left:15px; }
#footer .sitemapBox ul li a:before { position:absolute; top:0; left:0; bottom:0; margin:auto 0; content:""; width:5px; height:1px; background:#fec6c7; z-index:2;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#footer .sitemapBox ul li a:hover { color:#ff878d; }
#footer .sitemapBox ul li a:after { position:absolute; top:5px; left:0; bottom:5px; width:0; content:""; background:#fefefe; z-index:-1;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#footer .sitemapBox ul li a:hover:after { width:100%; background:#fff1f1;}

/* ----- ul.calendar ----- */
#footer .sitemapBox ul.calendar { margin-top:15px; }

@media only screen and (max-width: 1050px) {
#footer .sitemapBox ul li { margin:3px 0; }
#footer .sitemapBox ul li a { line-height:1.6;}
#footer .sitemapBox ul li a:hover { color:#ff878d; }
#footer .sitemapBox ul li a:after { top:2px; bottom:2px; }
}

@media only screen and (max-width: 945px) {
#footer .sitemapBox { width:50%; margin-bottom:30px; }
#footer .sitemapBox:nth-child(4),
#footer .sitemapBox:nth-child(5) { margin-bottom:0; }
#footer .sitemapBox:last-child:after { position:absolute; top:0; right:0; bottom:0; width:0; content:""; border-right:#ededed 1px solid; z-index:0;}
#footer .sitemapBox:nth-child(3):after { display:none;}
}

@media only screen and (max-width: 800px) {
#footer .sitemapBox ul li a:hover { color:#111; }
#footer .sitemapBox ul li a:after { display:none; }
}

@media only screen and (max-width: 800px) {
/* ----- .inner ----- */
#footer .inner2 { padding:25px 5% 45px; margin:0 5%; background:#f5f5f5; background:#fefefe; border-top:#ededed 1px solid;}
/* ----- .sitemapArea ----- */
#footer .sitemapArea { font-size:0; }
/* .sitemapBox */
#footer .sitemapBox { display:block; margin:0; width:100%;}
#footer .sitemapBox:after { display:none; }
/* ul */
#footer .sitemapBox ul { margin:20px 0 0; padding:0; font-size:0; text-align:left; position:relative; }
#footer .sitemapBox ul li { display:inline-block; margin:0; width:50%; padding:0; border: transparent 1px solid; font-size:10px; line-height:40px; text-align:center; }
#footer .sitemapBox ul li a { display:block; position:relative; z-index:1; padding-left:0; letter-spacing:0.5px;line-height:40px;  background:#f5f5f5;}
#footer .sitemapBox ul li a:before { position:absolute; top:0; left:auto; right:8px; bottom:0; margin:0; font-family: 'themify'; content: "\e649"; font-size: 6px; width:auto; height:100%; background:none; z-index:1; }

#footer .sitemapBox ul.calendar { margin-top:20px; }

#footer .sitemapBox ul.home li,
#footer .sitemapBox ul.calendar li,
#footer .sitemapBox ul.privacy li { width:100%; }

#footer .sitemapBox ul.home:before,
#footer .sitemapBox ul.photography:before,
#footer .sitemapBox ul.movie:before,
#footer .sitemapBox ul.about:before,
#footer .sitemapBox ul.staff:before,
#footer .sitemapBox ul.calendar:before,
#footer .sitemapBox ul.privacy:before { display:block; margin-bottom:15px; content:"Photography"; font-size:12px; font-family: 'Catamaran', sans-serif;font-weight:700; letter-spacing:3px; line-height:1;text-transform:uppercase; text-align:center; }

#footer .sitemapBox ul.home:before {content:"Home"; }
#footer .sitemapBox ul.photography:before {content:"Photography"; }
#footer .sitemapBox ul.movie:before{content:"Movie"; }
#footer .sitemapBox ul.about:before{content:"About"; }
#footer .sitemapBox ul.staff:before{content:"Staff"; }
#footer .sitemapBox ul.calendar:before{content:"Calendar"; }
#footer .sitemapBox ul.privacy:before { content:"Privacy Policy";}
}

@media only screen and (max-width: 320px) {
#footer .sitemapBox ul li a { letter-spacing:0;}
#footer .sitemapBox ul li a:before { display:none;}
}



/* ----- .inner3 ----- */
#footer .inner3 { padding:40px 0; margin:0 5%; background: #fefefe; border-top:#ededed 1px solid;text-align:center;position:relative; z-index:1;}
/* ul.sns */
#footer .inner3 ul.sns { font-size:0; text-align:center; padding:0 15%; }
#footer .inner3 ul.sns li { display:inline-block; width:20%; position:relative; z-index:2; line-height:30px; }
#footer .inner3 ul.sns li:after { position:absolute; top:50%; right:-8px; content: ""; width:16px; height:0; border-bottom:#ededed 1px solid; z-index:-1;}
#footer .inner3 ul.sns li:last-child:after { display:none;}
#footer .inner3 ul.sns li a { display:block; font-size:12px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing:2px;}
#footer .inner3 ul.sns li a span { position:relative; z-index:1;  }
#footer .inner3 ul.sns li a i { font-size:13px;line-height:30px; padding-right:5px; }
#footer .inner3 ul.sns li a.youtube i { font-size:18px; }
#footer .inner3 ul.sns li a:hover { color:#7eccd6;}
#footer .inner3 ul.sns li a span:after { position:absolute; bottom:-5px; left: 33%; right: 33%; height:1px; content:""; background: transparent; z-index:-1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#footer .inner3 ul.sns li a:hover span:after { left:0; right:0; background:#a3d9e0;}

@media only screen and (max-width: 945px) {
#footer .inner3 ul.sns { padding:0; }
}

@media only screen and (max-width: 800px) {
#footer .inner3 ul.sns li a { letter-spacing:1.5px;}
#footer .inner3 ul.sns li a:hover { color:#111;}
#footer .inner3 ul.sns li a span:after { display:none; }
}

@media only screen and (max-width: 738px) {
#footer .inner3 { padding:25px 5% 45px; margin:0 5%;}

/* ul.sns */
#footer .inner3 ul.sns { font-size:0; text-align:left; padding:0; margin:-10px -1% 0; }
#footer .inner3 ul.sns li { display:inline-block; width:31.333%; margin:10px 1% 0; position:relative; z-index:2; line-height:1; }
#footer .inner3 ul.sns li:after { display:none;}
#footer .inner3 ul.sns li:last-child:after { display:none;}

#footer .inner3 ul.sns li a { background:#f0f0f0; line-height:40px; height:40px; display:block; text-align:center; font-size:11px; letter-spacing:0.5px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
#footer .inner3 ul.sns li a i { font-size:12px;line-height:40px; padding-right:5px; margin-left:-8px;}
#footer .inner3 ul.sns li a.youtube i { font-size:13px; }
}

@media only screen and (max-width: 414px) {
#footer .inner3 ul.sns { margin:-5px -1% 0; }
#footer .inner3 ul.sns li { width:48%; margin:5px 1% 0; }
#footer .inner3 ul.sns li a { line-height:35px; height:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px;}
#footer .inner3 ul.sns li a i { line-height:35px;}
}



/* ----- .copyrightArea ----- */
#footer .copyrightArea { padding:30px 5%; text-align:center; position:relative; z-index:1; }
#footer .copyrightArea p { font-size:11px; line-height:2.2; letter-spacing:1px; }
#footer .copyrightArea p.copyright { font-size:11px; font-family: 'Catamaran', sans-serif; font-weight:300;letter-spacing:1.5px;}
#footer .copyrightArea p.copyright span { font-size:13px; vertical-align: 0 ; font-family:'Open Sans';}

@media only screen and (max-width: 738px) {
#footer .copyrightArea { padding:35px 5% 45px; background: url(../images/noise.png) repeat #f0f0f0;}
#footer .copyrightArea:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; }
#footer .copyrightArea p.copyright { letter-spacing:1px;}
#footer .copyrightArea p.copyright span { font-size:12px; vertical-align: 0 ; font-family:'Open Sans';}
}




/* --- .shareArea --- */
#footer .shareArea { position: absolute; top:40px; left:5%; }

/* --- .snsBtnArea --- */
#footer .shareArea ul { font-size:0; text-align: left; margin:0; }
#footer .shareArea ul li { display: inline-block; width:100px; text-align: center; margin:0 5px 0 0; }
#footer .shareArea ul li a { position: relative; display: block; height:30px; font-size:11px; font-weight: 500; letter-spacing:1px; line-height:30px; color:#111; background:#fefefe; margin:0 auto; padding:0 0 0 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
#footer .shareArea ul li a:before { position: absolute; top:0; left:10px; bottom:0; display: block; font-size:13px; font-family:'themify'; font-weight: normal; line-height:30px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#footer .shareArea ul li a.twitterBtn:before { content:"\e74b"; color:#1da1f2;}
#footer .shareArea ul li a.twitterBtn:hover { color:#fefefe; background: url(../images/noise.png) repeat #1da1f2;}
#footer .shareArea ul li a.twitterBtn:hover:before { color:#fefefe; }

#footer .shareArea ul li a.facebookBtn:before { content:"\e741"; color:#3765a3; }
#footer .shareArea ul li a.facebookBtn:hover { color:#fefefe; background: url(../images/noise.png) repeat #3765a3;}
#footer .shareArea ul li a.facebookBtn:hover:before { color:#fefefe; }

@media only screen and (max-width: 800px) {
#footer .shareArea { position: static; margin-bottom:15px; }
#footer .shareArea ul { font-size:0; text-align: center; margin:0; }
#footer .shareArea ul li { margin:0 1%; }
#footer .shareArea ul li a.twitterBtn:hover { color:#111; background:#fefefe;}
#footer .shareArea ul li a.twitterBtn:hover:before { color:#1da1f2; }
#footer .shareArea ul li a.facebookBtn:hover { color:#111; background:#fefefe;}
#footer .shareArea ul li a.facebookBtn:hover:before { color:#3765a3; }
}

@media only screen and (max-width: 738px) {
#footer .shareArea { position: static; margin-bottom:15px; }
/* --- .snsBtnArea --- */
#footer .shareArea ul { font-size:0; text-align: center; margin:0; }
#footer .shareArea ul li { display: inline-block; width:120px; text-align: center; margin:0 1%; }
#footer .shareArea ul li a {-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);}
}
.clearfix {
  clear: both; }

	* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    vertical-align: top;
}
#footer .infoArea {
    font-size: 0;
    z-index: 2;
    position: relative;
}

#footer .inner {
    padding: 50px 0;
    margin: 0 5%;
    background: #fefefe;
}
#footer {
    padding-top: 90px;
    background: url(../images/noise.png) repeat #f5f5f5;
    border-top: #a3d9e0 1px solid;
    position: relative;
    z-index: 1;
}
#scrollUp a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'themify';
    content: "\e648";
    font-size: 16px;
    line-height: 58px;
}
/* TOP */

.ac_p{padding-top: 40px;padding-bottom: 30px;}


/* access */
.access > .wrap {
	overflow: hidden;
}
.aht1{padding-top: 20px;padding-bottom: 10px;}
.aht{padding-top: 10px;}

@media only screen and (max-width: 768px) {
.aht{width: 100%;padding-top: 40px;
    padding-bottom: 10px;}
}

.access__header {
	float: left;
	width: 400px;
}

.access__headline {  font-weight: bold;
	color: #0087d0;
	font-family: "Lato", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo,, serif;
	font-size: 36px;
	line-height: 1.0;
}

.access__headline-sub {
	margin-top: 8px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}
.access__logo{margin-top: 30px;
margin-bottom: 40px;}
.news__btn {
	margin-top: 42px;
}

.news__contents {
	overflow: hidden;
}

@media only screen and (max-width: 768px) {

	.access {
		position: relative;
		padding-bottom: 72px;
	}
	.access__header {
		float: none;
		width: auto;
		text-align: center;
	}
	.access__headline {
		font-size: 30px;
	}
	.news__btn {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin-top: 0;
	}
	.news__list {
		margin-top: 24px;
	}
}

.list-access__date, .list-access__contents {
	display: table-cell;
	vertical-align: middle;
}

.list-access__date {
	width: 700px;
	padding: 0px 0px 0 0px;
	vertical-align: top;
}

.card-access__btn {
		margin-top: 0px;
		width: 330px;
	}
	.card-access__btn a {
		display: block;
		padding-right: 0;
		padding-left: 0;
}
.card-access__btn a img{
  position: relative;
  top: -39%;
  left: 3%;
  width: 14px;
  height: 14px;
}
@media only screen and (max-width: 768px) {
  .card-access__btn {
  		margin-top: 24px;
  		width: 100%;
  	}
  .card-access__btn a img{
    position: relative;
  top: -32%;
  left: 3%;
    width: 14px;
    height: 14px;
  }
	.list-access__date, .list-access__contents {
		display: block;
	}
	.list-access__date {
		width: auto;
		padding: 20px 0 0;
	}
	.card-values__btn {
		margin-top: 20px;
	}	}


///*   aboutus  --------------------------------------*///


   .a_t{width: 60%;margin:0 auto;}

  .text {    width: 60%;
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
    margin: 0 auto;
  }

  .text3 {width: 72%;    text-align: justify;
      padding-bottom: 48px;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }


  .text2{width: 60%;margin:0 auto;
    padding-top: 60px;
        padding-bottom: 80px;
    text-align: right;
      font-size: 13px;
      font-weight: bold;
      line-height: 17px;}
      .about_us2{background-color: #f2f8fc;padding: 8%;    padding-top: 4%;padding-bottom: 4%;
          }
  .about_us{background-color: #f2f8fc;padding-top: 5%;
      }
      .about_us .at{	box-sizing: content-box;
        background-color: #f2f8fc;
        width: 100%;
      	margin-right: auto;
      	margin-left: auto;
      	padding-right: 16px;
      	padding-left: 16px;}

@media only screen and (max-width: 768px) {
  .about_us2{background-color: #f2f8fc;padding: 8%;
      }
.about_us{background-color: #f2f8fc;padding-top: 10%;padding-left: 3%;padding-right: 3%;}
.about_us .at{	box-sizing: content-box;	margin-right: auto;
	margin-left: auto;
	padding-right: 16px;
	padding-left: 16px;}
.a_t{width: 100%;margin:0 auto;}
  .text {
    width: 100%;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }
  .text3 {    text-align: justify;
    width: 100%;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }

  .text2{padding-top: 20px;width: 100%;
    padding-bottom: 50px;
    text-align: right;
    font-size: 13px;
    line-height: 20px;}

}
///*  hearth care --------------------------------------*///
.about_us{background-color: #f2f8fc;padding-top: 5%;
    }
.a_t4{width: 100%;margin:0 auto;}
   .nv{width: 80%;margin:0 auto;}
.nav{
    padding-bottom: 1px;
    display: table;
    width: 80%;
    background:  #0087d0;
    margin:0 auto;
	margin-bottom: 1px;
	padding: initial;
}
.nav img{position: relative;
    top: -2px;left: 12px;}
.nav__item {
  width: 20%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
.nav__item + .nav__item {
    border-left: 1px solid #fff;
}
.nav__item a {
    display: block;
    padding: 30px 0;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.nv2{width: 80%;margin:0 auto;
padding-top: 1px;}
.nav2{
 display: table;
 width: 80%;
 background:  #0087d0;
 margin:0 auto;
 padding: initial;
}
.nav2 img{position: relative;
 top: -2px;left: 12px;}
.nav__item {
width: 20%;
 display: table-cell;
 text-align: center;
 vertical-align: middle;

}
.nav__item + .nav__item {
 border-left: 1px solid #fff;
}
.nav__item a {
 display: block;
 padding: 30px 0;
 color: #fff;
 text-decoration: none;
 font-size: 15px;
}

.headline-health {position: relative;
    margin-top: 64px;
    width: 46%;
    font-size: 24px;
    padding-left: 18px;
    border-left: solid 3px #1595da;
    font-weight: normal;
    text-align: left;
  margin: 0 auto;}

  .text4 {width: 46%;    text-align: justify;
      padding-top:30px;
      padding-bottom: 80px;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }
    .text4 img{width: 100%;}
    .text5 {width: 46%;    text-align: justify;
        padding-top:30px;
        padding-bottom: 80px;
        font-size: 15px;
        line-height: 32px;
        margin: 0 auto;
    }
      .text5 img{width: 22px;position: relative;top: -4px;left: 3px;}
  @media only screen and (max-width: 980px) {
    .nav{
        display: table;
        width: 100%;
        background:  #1595da;
        margin:0 auto;margin-bottom: 0px;

    }

  .nav2{
      display: table;
      width: 100%;
      background:  #1595da;
      margin:0 auto;margin-bottom: 0px;

  }
}

  @media only screen and (max-width: 1500px) {


    .headline-health {position: relative;
        margin-top: 64px;
        width: 60%;
        font-size: 22px;
        padding-left: 18px;
        border-left: solid 3px #1595da;
        font-weight: normal;
        text-align: left;
      margin: 0 auto;}


      .text4 {width: 60%;
        padding-top:30px;
        padding-bottom: 72px;
        font-size: 15px;
        line-height: 28px;
        margin: 0 auto;
    }
    .text5 {width: 60%;
      padding-top:30px;
      padding-bottom: 72px;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }

  }
@media only screen and (max-width: 1000px) {
.a_t4{width: 100%;margin:0 auto;}
  .headline-health {position: relative;
      margin-top: 44px;
      width: 94%;
      font-size: 24px;
      padding-left: 18px;
      border-left: solid 3px #1595da;
      font-weight: normal;
      text-align: left;
    margin: 0 auto;}
  .text4 {width: 94%;
    text-align: justify;
      padding-top:18px;
      padding-bottom: 40px;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }
  .text5 {width: 94%;
    text-align: justify;
      padding-top:18px;
      padding-bottom: 40px;
      font-size: 15px;
      line-height: 28px;
      margin: 0 auto;
  }



}

@media only screen and (max-width: 768px) {   .nv{width: 100%;margin:0 auto;}
.nav{
    display: table;
    width: 100%;
    background:  #1595da;
    margin:0 auto;margin-bottom: 0px;

}
.nav img{;position: relative;display:none;
    top: 17px;}
.nav__item {
  width: 20%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
.nav__item + .nav__item {
    border-left: 1px solid #fff;
}
.nav__item a {    text-align: center;
    display: block;
    padding: 30px 3px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
.nv2{
  margin-top:0.1em;
    display: table;
    width: 100%;
    background:  #1595da;
    margin-bottom: 0px;

}

.nav2{margin-top:0.1em;
    display: table;
    width: 100%;
    background:  #1595da;
    margin-bottom: 0px;

}
.nav2 img{;position: relative;display:none;
    top: 17px;}
.nav__item {
  width: 20%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}
.nav__item + .nav__item {
    border-left: 1px solid #fff;
}
.nav__item a {    text-align: center;
    display: block;
    padding: 30px 3px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}
}
#a,#b,#c,#d,#e,#f,#aaa,#ccc,#bbb{   margin-top:-120px;
  padding-top:120px;}

#ccc{   margin-top:-120px;
    padding-top:120px;}
.betsumado{
    width: 14px;
    position: relative;
    top: -33px;
    left: 3px;
}
.betsumado img{width: 14px;}

@media only screen and (max-width: 1380px) {
.betsumado{display: none;
    width: 14px;
    position: relative;
    top: -33px;
    left: 3px;
}
.betsumado img{width: 14px;}
}
#bbb{margin-bottom: -40px;padding-top: 60px;}
#ccc{margin-bottom: -60px;
    padding-top: 110px;}
@media only screen and (max-width: 568px) {
  #ccc{margin-bottom: -60px;padding-top: 60px;}}
@media only screen and (max-width: 768px) {
  #aaa{margin-bottom: -80px;}
  }
  .footer-contents1.und { margin-top: 0; padding-top: 0; }
  .footer-bread {
    -webkit-flex: 1;
    flex: 1;
    vertical-align: middle;
    background-color: #f2f5f9;
    padding: 24px 60px;
}.footer-contents1 {
    display: -webkit-flex;
    /* display: flex; */
    /* -webkit-flex-wrap: wrap; */
    flex-wrap: wrap;
    margin-top: 80px;
}.footer-bread {
    -webkit-flex: 1;
    flex: 1;
    vertical-align: middle;
    background-color: #f2f5f9;
    padding: 24px 60px;
}
.breadcrumb2 {
    font-size: .75rem;
    line-height: 1.4;
    color: #0087d0;
    letter-spacing: .13em;
}
  a.totop {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #42a5f5;
      background: -moz-linear-gradient(left, #42a5f5 0%, #1fc7f3 100%);
      background: -webkit-linear-gradient(left, #42a5f5 0%,#1fc7f3 100%);
      background: linear-gradient(to right, #42a5f5 0%,#1fc7f3 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42a5f5', endColorstr='#1fc7f3',GradientType=1 );
      -webkit-transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);
      transition: all .2s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .totop-wrapp {
      width: 200px;
      position: relative;
      vertical-align: middle;
      background: rgb(25,118,210);
      background: -moz-linear-gradient(left, rgba(25,118,210,1) 0%, rgba(66,165,245,1) 100%);
      background: -webkit-linear-gradient(left, rgba(25,118,210,1) 0%,rgba(66,165,245,1) 100%);
      background: linear-gradient(to right, rgba(25,118,210,1) 0%,rgba(66,165,245,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087d0', endColorstr='#42a5f5',GradientType=1 );
  }

  @media screen and (max-width: 620px){
  .footer-bread {
      padding: 16px 5.3%;
  }
  .breadcrumb {
      font-size: 0.68rem;
      line-height: 1.63;
  }
  .footer-contents2 {
    padding: 18px 0 0 0;
}
}

.txt55{padding-top: 86px;
    padding-bottom: 86px;
width: 60%;
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
    margin: 0 auto;}
@media only screen and (max-width: 768px){
.txt55 {
  width: 100%;
  font-size: 14px;
    line-height: 28px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;}
}

    .ff{background-color: #f2f8fc;padding: 5%;}
      .ff2{background-color: #f2f8fc;padding: 5%;}

.fox{margin: 0 auto;    width: 50%;}
.fox td{position: relative;
    padding: 20px 10px;
    border-bottom: 1px dotted #ccc;
}
.fox th{
width: 180px;
padding-left: 0;
font-weight: bold;
text-align: left;}

@media only screen and (max-width: 768px){
      .ff{background-color: #f2f8fc;}
            .ff2{background-color: #f2f8fc;height: 840px;}
  .fox{margin: 0 auto;    width: 94%;}
  .fox td{display: block;
    margin-top: 12px;
    padding: 2%;
  padding-top: 0;
      border-bottom: 1px dotted #ccc;
  }
  .fox th{
    padding-top: 30px;
    display: block;    width: auto;
    padding-bottom: 0;
    border-bottom: 0;
  text-align: left;}
}
.attention01,.must01{color: red;}

@media only screen and (max-width: 768px){
#a, #b, #c, #d, #e, #f {
    margin-top: -60px;
    padding-top: 60px;
}