@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
section,
article,
aside,
hgroup,
header,
footer,
nav,
figure,
figcaption,
summary {
	display: block;
	padding: 0;
	margin: 0;
}
ol,
ul,
dl,
li,
dt,
dd {
	list-style: none;
}
img {
	vertical-align: top;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	color: #333333;
	font-family: Meiryo, Osaka, sans-serif;
	font-size: 18px;
	text-align: center;
	background: #fdfbe6 url(../img_common/bg.png) repeat center top;
}
a,
img {
	margin: 0;
	padding: 0;
	border: none;
}
a {
	outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400;
	max-height: 100%;
}
p,
li,
dt,
dd {
	max-height: 100%;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	margin: 0 1px;
	position: relative;
}
sup {
	bottom: 0.7ex;
}
sub {
	top: 0.1ex;
}
img {
	height: auto;
	vertical-align: bottom;
}
img.full {
	width: 100%;
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: 700;
}
/* a Element
-------------------------------------------------------------*/
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a.line {
	text-decoration: underline;
}
/* block Layout
-------------------------------------------------------------*/
.dsp-inlineBlock {
	display: inline-block;
}
.border-box{
	box-sizing:border-box;
}
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
/* Float Element
-------------------------------------------------------------*/
.cClear {
	clear: both !important;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
/*=============================================================
#container
=============================================================*/
#container {
	line-height: 1.45;
	min-width: 1060px;
	overflow: hidden;
}
#contents {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
/*=============================================================
LOGO NTN
=============================================================*/
#logoNtn {
	position:absolute;
	top:30px;
	left:30px;
	z-index:10;
}
/*=============================================================
nav
=============================================================*/
#nav {
	padding:20px 0 60px;
}
#index #nav {
	padding:60px 0 0;
}
#nav ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin:0;
}
#nav ul li {
	width:calc(50% - 5px);
	box-sizing: border-box;
	margin:5px 0;
	border:3px solid #f8b62b;
	border-radius:5px;
	overflow:hidden;
	line-height:1.15;
}
#nav ul li div {
	display:table;
	width:100%;
}
#nav ul li a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:60px;
	padding:0 5px;
	opacity:1.0;
	color:#F60;
	text-decoration:none;
	transition-property: all;
	transition-duration: 1.0s;
}
#nav ul li div div {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	height:60px;
	padding:0 5px;
	opacity:1.0;
	color:#F60;
	text-decoration:none;
	background: rgba(248,182,43,0.3);
	transition-property: all;
	transition-duration: 1.0s;
}
#nav ul li strong {
	display: block;
	width:100%;
	background: url(../img_common/arw_nav.png) no-repeat right center;
	white-space:nowrap;
}
#nav ul li div div strong {
	display: block;
	position: relative;
	background: url(../img_common/arw_nav_current.png) no-repeat right center;
}
#nav ul li a.on{
	padding:0 5px 0 800px;
	opacity:0;
}
/*=============================================================
footer
=============================================================*/
#footer {
	padding:90px 0 0;
}
#footerNav{
	padding:0 0 30px;
	background:#d1e942;
}
#footerNav p{
	width:200px;
	margin:0 auto;
	padding:0 0 10px;
}
#footerNav p img{
	width:100%;
	height:auto;
	margin-top:-20px;
}
#footerNav .btn li{
	margin:0 auto;
}
#footerNav .btn li a{
	display:block;
	width:500px;
	margin:0 auto;
	border-radius:100px;
	background-color:#fff100;
	border:3px solid #fff;
	overflow:hidden;
}
#footerNav .btn li a span{
	display:block;
	width:320px;
	margin:0 auto;
	padding:0;
	opacity:1.0;
	transition-property: all;
	transition-duration: 1.0s;
}
#footerNav .btn li a.on span{
	padding:0 0 0 800px;
	opacity:0;
}
#footerNav .btn li img{
	width:100%;
	height:auto;
}
#footerNav p.link{
	width:100%;
	padding-top:20px;
	text-align:center;
}
#footerNav p.link a{
	display: inline-block;
	margin: 0 20px;
	padding:0 0 0 25px;
	background: url(../img_common/arw_back.png) no-repeat left center;
	font-size:16px;
}


#footer p#copyright {
	background-color: #0087d1;
	padding: 20px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.0;
}
/*=============================================================
#fixBtn
=============================================================*/
#fixBtn {
	width: 74px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	z-index:100;
}
#fixBtn li {
	float: left;
	padding-right: 10px;
}
#fixBtn li a {
}
#fixBtn li#pagetop {
	width: 74px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px) {
body {
	font-size: 14px;
	background: #fdfbe6 url(../img_common/bg.png) repeat center top;
	background-size:6px 6px;
}
/*=============================================================
#container
=============================================================*/
#container {
	min-width: 320px;
}
#contents {
	width: auto;
	padding: 0 15px;
}
/*=============================================================
LOGO NTN
=============================================================*/
#logoNtn {
	position:static;
	padding:10px;
	text-align:center;
}
#logoNtn a {
	display:block;
	width:46px;
	margin:0 auto;
}
#logoNtn a img {
	width:100%;
	height:auto;
}
/*=============================================================
nav
=============================================================*/
#nav {
	padding:10px 0 40px;
}
#index #nav {
	padding:10px 0 40px;
}
#nav ul {
	margin:0;
}
#nav ul li {
	margin:0;
	border:1px solid #f8b62b;
	box-sizing:border-box;
}
#nav ul li a{
	font-size:11px;
	height:70px;
}
#nav ul li div div {
	font-size:11px;
	height:70px;
}
#nav ul li a span,
#nav ul li div div span {
	display:block;
}
#nav ul li strong {
	display: block;
	width:100%;
	background: url(../img_common/arw_nav.png) no-repeat center bottom;
	background-size:16px 16px;
	padding:5px 0 20px;
}
#nav ul li div div strong {
	display: block;
	position: relative;
	background: url(../img_common/arw_nav_current.png) no-repeat center bottom;
	background-size:16px 16px;
	padding:5px 0 20px;
}

/*=============================================================
footer
=============================================================*/
#footer {
	padding:60px 0 0;
}
#footerNav{
	padding:0 0 20px;
}
#footerNav .btn li{
	width:270px;
}
#footerNav .btn li a{
	width:270px;
}
#footerNav .btn li a span{
	width:250px;
}
#footerNav p.link a{
	padding:0 0 0 13px;
	background: url(../img_common/arw_back.png) no-repeat left center;
	background-size:9px auto;
	font-size:13px;
}
#footer p#copyright {
	padding: 10px 0 10px;
	color: #fff;
	font-size: 12px;
	line-height: 1.0;
}
#footer p#copyright span {
	display: block;
}
/*=============================================================
#fixBtn
=============================================================*/
#fixBtn {
	width: 46px;
	position: fixed;
	right: 5px;
	bottom: 5px;
	display: none;
}
#fixBtn li {
	float: left;
	padding-right: 10px;
}
#fixBtn li a {
}
#fixBtn li#pagetop {
	width: 46px;
}
#fixBtn li#pagetop img {
	width: 100%;
}
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 padding margin
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* margin padding */
.mT-20{margin-top:-20px !important;}
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT80{margin-top:80px !important;}
.mT90{margin-top:90px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pT60{padding-top:60px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}
.sp-mT-20,
.sp-mT0,
.sp-mT10,
.sp-mT15,
.sp-mT20,
.sp-mT25,
.sp-mT30,
.sp-mT35,
.sp-mT40,
.sp-mT50,
.sp-mT60,
.sp-mB0,
.sp-mB10,
.sp-mB15,
.sp-mB20,
.sp-mB25,
.sp-mB30,
.sp-mB35,
.sp-mB40,
.sp-mB50,
.sp-mB60,
.sp-pT0,
.sp-pT10,
.sp-pT15,
.sp-pT20,
.sp-pT25,
.sp-pT30,
.sp-pT35,
.sp-pT40,
.sp-pT50,
.sp-pT60,
.sp-pB0,
.sp-pB10,
.sp-pB15,
.sp-pB20,
.sp-pB25,
.sp-pB30,
.sp-pB35,
.sp-pB40,
.sp-pB50,
.sp-pB60,
.sp-pR0,
.sp-pR10,
.sp-pR15,
.sp-pR20,
.sp-pR25,
.sp-pR30,
.sp-pR35,
.sp-pR40,
.sp-pR50,
.sp-pR60,
.sp-pL0,
.sp-pL10,
.sp-pL15,
.sp-pL20,
.sp-pL25,
.sp-pL30,
.sp-pL35,
.sp-pL40,
.sp-pL50,
.sp-pL60{}

@media only screen and (max-width:767px) {
/* margin padding */
.sp-mT0{margin-top:0 !important;}
.sp-mT10{margin-top:10px !important;}
.sp-mT15{margin-top:15px !important;}
.sp-mT20{margin-top:20px !important;}
.sp-mT25{margin-top:25px !important;}
.sp-mT30{margin-top:30px !important;}
.sp-mT35{margin-top:35px !important;}
.sp-mT40{margin-top:40px !important;}
.sp-mT50{margin-top:50px !important;}
.sp-mT60{margin-top:60px !important;}
.sp-mB0{margin-bottom:0 !important;}
.sp-mB10{margin-bottom:10px !important;}
.sp-mB15{margin-bottom:15px !important;}
.sp-mB20{margin-bottom:20px !important;}
.sp-mB25{margin-bottom:25px !important;}
.sp-mB30{margin-bottom:30px !important;}
.sp-mB35{margin-bottom:35px !important;}
.sp-mB40{margin-bottom:40px !important;}
.sp-mB50{margin-bottom:50px !important;}
.sp-mB60{margin-bottom:60px !important;}
.sp-pT0{padding-top:0 !important;}
.sp-pT10{padding-top:10px !important;}
.sp-pT15{padding-top:15px !important;}
.sp-pT20{padding-top:20px !important;}
.sp-pT25{padding-top:25px !important;}
.sp-pT30{padding-top:30px !important;}
.sp-pT35{padding-top:35px !important;}
.sp-pT40{padding-top:40px !important;}
.sp-pT50{padding-top:50px !important;}
.sp-pT60{padding-top:60px !important;}
.sp-pB0{padding-bottom:0 !important;}
.sp-pB10{padding-bottom:10px !important;}
.sp-pB15{padding-bottom:15px !important;}
.sp-pB20{padding-bottom:20px !important;}
.sp-pB25{padding-bottom:25px !important;}
.sp-pB30{padding-bottom:30px !important;}
.sp-pB35{padding-bottom:35px !important;}
.sp-pB40{padding-bottom:40px !important;}
.sp-pB50{padding-bottom:50px !important;}
.sp-pB60{padding-bottom:60px !important;}
.sp-pR0{padding-right:0 !important;}
.sp-pR10{padding-right:10px !important;}
.sp-pR15{padding-right:15px !important;}
.sp-pR20{padding-right:20px !important;}
.sp-pR25{padding-right:25px !important;}
.sp-pR30{padding-right:30px !important;}
.sp-pR35{padding-right:35px !important;}
.sp-pR40{padding-right:40px !important;}
.sp-pR50{padding-right:50px !important;}
.sp-pR60{padding-right:60px !important;}
.sp-pL0{padding-left:0 !important;}
.sp-pL10{padding-left:10px !important;}
.sp-pL15{padding-left:15px !important;}
.sp-pL20{padding-left:20px !important;}
.sp-pL25{padding-left:25px !important;}
.sp-pL30{padding-left:30px !important;}
.sp-pL35{padding-left:35px !important;}
.sp-pL40{padding-left:40px !important;}
.sp-pL50{padding-left:50px !important;}
.sp-pL60{padding-left:60px !important;}
}