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

body {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3" , "メイリオ", Meiryo, sans-serif;
	font-size:10px;
	line-height:1.5em;
	color:#333;
}

img{
	vertical-align: top;
	line-height: 0;
}
a{
	color: #2196f3;
}
a.hover {
	text-decoration:none;
}

/* bootstrap 調整　*/
.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
  width: 96.25% !important;
  max-width: 1080px !important;
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}


/*******************************************

common　

*******************************************/

/*font*/
.fs-s{
	font-size: 1rem;
}
.fs-m{
	font-size: 1.2rem;
	line-height: 1.5;
}
.fs-l{
	font-size: 1.4rem;
	line-height: 1.5;
}
.fs-xl{
	font-size: 1.8rem;
	line-height: 1.5;
}
.fs-xxl{
	font-size: 2.0rem;
	line-height: 1.5;
}
.fb{
	font-weight: bold;
}

/*size margin*/
.w100{width: 100%;}
.mw250{max-width: 250px;}
.mw300{max-width: 300px;}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}
.lh2{line-height:2em;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mb0{margin-bottom: 0px !important;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}

/* text */
p {
	margin:0 0 1em;
	font-size:1.2rem;
	line-height:2em;
}
p:last-child {
	margin-bottom:0;
}
.main-text {
	margin:0 0 24px;
	font-size:1.4rem;
	line-height:2em;
}
.main-text:last-child {
	margin:0;
}

.c-gray {
	color:#666;
}
.c-blue {
	color:#2196f3;
}

/* lineup 調整 */
#lineup-font-size-sampler {
	display:none;
}

/* pagetop */
.pagetop a {
	display:block;
	font-size:1.4em;
	line-height:3em;
	text-align:center;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
.pagetop a.hover{
	background-color: #f5f5f5;
}

@media (min-width: 768px) {

/*font*/
.fs-s{
	font-size: 1.2rem;
}
.fs-m{
	font-size: 1.4rem;
}
.fs-l{
	font-size: 1.6rem;
}
.fs-xl{
	font-size: 2.0rem;
}
.fs-xxl{
	font-size: 2.4rem;
}

/* text */
p {
	font-size:1.4rem;
}
.main-text {
	margin:0 0 40px;
	font-size:1.6rem;
}

/* pagetop */
.pagetop a {
	font-size:1.6em;
}

}


/*******************************************************************

header

********************************************************************/

/* .header */
.header{
	position: fixed;
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	z-index: 10;
}

/* .header-logo */
.header-logo {
	float: left;
	margin: 0;
	font-size:1em;
	line-height:1em;
}
.header-logo a{
	display: block;
	padding:18px 16px;
}
.header-logo a.hover{
	opacity: 0.7;
}
.header-logo img{
	width: auto;
	height: 20px;
}

/* icon-menu */
.icon-menu {
	float: right;
	width: 56px;
	height: 56px;
	background: url(images/icon-menu.png) center no-repeat;
	background-size: auto 16px;
	text-indent: -9999px;
	cursor: pointer;
}
.close-nav.icon-menu {
	background-image: url(images/icon-close.png);
}

/* gloval-nav */
.global-nav-wrap{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}
.grobal-nav{
	margin-top: 56px;
}
.grobal-nav ul{
	margin: 0 16px;
	padding: 0;
}
		.grobal-nav ul.aco-nav{
			margin-right: 0;
		}
.grobal-nav li{
	border-top: 1px solid #ccc;
	list-style: none;
	font-size:1.6rem;
	line-height:1em;
}
.grobal-nav li:last-child{
	border-bottom: 1px solid #ccc;
}
.grobal-nav li a{
	padding:20px 0;
	display: block;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}
.grobal-nav li a.hover{
	color: #2196f3;
}

/* aco-nav */
#aco-nav-open{
	padding: 20px 0;
	color: #666;
	display: block;
	background: url(images/icon-plus.png) right no-repeat;
	background-size:16px auto;
	cursor: pointer;
	font-weight: bold;
}
#aco-nav-open.hover{
	color: #2196f3;
}
#aco-nav-open.active{
	color: #2196f3;
	background-image: url(images/icon-minus.png);
}
.aco-nav {
	display: none;
}
.aco-nav li:last-child {
	border-bottom:none;
}


@media screen and (min-width: 992px) {

/* header-logo */
.header-logo a{
	padding: 23px 0px 23px 16px;
}
.header-logo img{
	height: 26px;
}
	
/* icon-menu */	
.open-nav,.close-nav {
	display: none;
}

/* global-nav */
.global-nav-wrap {
	display: block !important;
	position: static;
	height: auto;
	background-color: transparent;
	overflow-y: visible;
	padding-right:16px;
}
.grobal-nav{
	margin-top: 0px;
}
.grobal-nav ul{
	text-align: right;
	margin:0;
}
.grobal-nav li{
	display: inline-block;
	border-top: none;
	box-sizing:border-box;
	position: relative;
	font-size:1.4rem;
}
.grobal-nav li:last-child{
	border-bottom: none;
}
.grobal-nav li a{
	padding: 29px 0;
}
.grobal-nav li a.hover{
	border-bottom: 3px solid #2196f3;
	padding-bottom: 26px;
}
.grobal-nav li a span{
	padding: 0 1.5em;
	border-left: 1px solid #ccc;
}
.grobal-nav li:last-child a span{
	border-right: 1px solid #ccc;
}

/* aco-nav */
#aco-nav-open{
	background-image: none;
	padding:29px 0;
}
#aco-nav-open span{
	border-left: 1px solid #ccc;
	padding: 0 1.5em;
	display: block;
}
#aco-nav-open.active{
	background-image: none;
}
#aco-nav-open:hover{
	border-bottom: 3px solid #2196f3;
	padding-bottom: 26px;
}
.aco-nav {
	position: absolute;
	top:69px;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.4);
	margin:0 !important;
	border-top: 3px solid #2196f3;
	background-color: #fff;
	width:auto;
	min-width:180px;
}
.aco-nav:before {
	content:"";
	position:absolute;
	top:-10px;
	left:44px;
	width:14px;
	height:7px;
	background:url(images/icon-arrow-t-blue.png) 50% 50% no-repeat;
	background-size:cover;
}
.aco-nav li{
	display: block;
	text-align: left;
	margin:0 16px;
	border-bottom: 1px solid #ccc;
	position:static;
}
.aco-nav li a {
	line-height:4em;
	padding:0;
}
.aco-nav li a.hover {
	padding:0;
}
.aco-nav li a:hover{
	border-bottom: none;
	padding-bottom:0;
}
}

@media screen and (min-width: 1200px) {

/* header-logo */
.header-logo a{
	padding-left:32px;
}

/* global-nav */
.global-nav-wrap {
	padding-right:32px;
}

}

/*******************************************************************

footer

*******************************************************************/

/* footer */
.footer{
	background-color: #f0f0f0;
}

/* breadcrumbs */
.breadcrumbs {
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
}
.breadcrumbs a {
	text-decoration: underline;
}
.breadcrumbs a.hover {
	text-decoration:none;
}

/* footer-nav */
.footer-nav {
	margin:0 0 16px;
	padding: 16px 0;
	border-bottom: 1px solid #ccc;
}
.footer-nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-nav li{
	display:inline-block;
	margin-right:1em;
}
.footer-nav li:last-child {
	margin-right:0;
}
.footer-nav li a {
	color: #333;
	font-weight:bold;
	text-decoration:none;
}
.footer-nav li a.hover {
	text-decoration:underline;
}

/* footer-logo-group */
.footer-logo-group{
	margin:0 0 16px;
}
.footer-badge {
	margin:0 0 16px;
}
.footer-badge img {
	width: 70px;
	height: auto;
}
.footer-logo {
	margin:0 0 24px;
}
.footer-logo dt {
	margin:0 0 16px;
}
.footer-logo dt a {
	display:inline-block;
}
.footer-logo dt a.hover {
	opacity:0.7;
}
.footer-logo dt a img {
	width:100%;
	max-width:290px;
}
.footer-logo dd {
	font-size:1.2em;
	line-height:1.5em;
}

/* footer-info */
.footer-info {
	margin:0 0 12px;
}
.footer-info dl {
	margin:0 0 12px;
}
.footer-info dt {
	font-size:1.4em;
	line-height:1.5em;
	font-weight:bold;
}
.footer-info dd {
	display:inline-block;
	margin:0 1em 0 0;
	font-size:1em;
	line-height:1.5em;
}
.footer-info dd:last-child {
	margin-right:0;
}

/* premission-number */
.permission-number {
	margin:0 0 24px !important;
	font-size:1.2em;
	line-height:1.5em;
}

/* copyright */
.copyright {
	font-size:1em;
	line-height:4em;
	color:#fff;
	background-color: #333;
	text-align: center;
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	
/* breadcrumbs */
.breadcrumbs {
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
}
	
/* footer-nav */
.footer-nav {
	margin:0;
	padding:14px 0;
	text-align:right;
	border-bottom:none;
}

/* footer-logo-group */
.footer-logo-group{
	margin:0 0 32px;
}
.footer-badge {
	float:left;
	margin:0;
}
.footer-logo {
	margin:0 0 0 90px;
}
.footer-logo dt {
	margin:0 0 12px;
}

.footer-logo dd {
	float:left;
	margin:0 1em 0 0 ;
	font-size:1.4em;
}
.footer-logo dd:last-child {
	margin-right:0;
}

/* footer-info */
.footer-info {
	margin:0 0 16px;
}
.footer-info dl {
	margin:0 0 16px;
}
.footer-info dt {
	padding:0 0 6px;
	margin:0 0 6px;
	font-size:1.6em;
	border-bottom:1px solid #ccc;
}
.footer-info dd {
	display:block;
	font-size:1.2em;
}
.footer-info dd:last-child {
	margin-right:0;
}

/* premission-number */
.permission-number {
	margin:0 0 32px !important;
	font-size:1.4em;
}

/* copyright */
.copyright {
	font-size:1.2em;
}

}