/*中ページのCSSをインポート*/
@import url('../slick/slick.css');
@import url('../slick/slick-theme.css');
/*************************************************************************************/
/*共通部分とindex.htmlのスタイル*/
/********↓↓↓***********************************************************************/
.wrapper {
	position:relative; /*topBtnの親要素に指定*/
	width: 100%;
	overflow: hidden;
	max-width: 1920px;
	margin-left:auto;
	margin-right:auto;
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
}
.clear {
	clear: both;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto
}
h1,h2,h3,h4 {
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
html, body{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
}
/**/
.space-1 {
	padding-top: 60px;
}
.space-2 {
	margin-top: 40px;
}
.space-3 {
	margin-bottom: 47px;
}
.space-4 {
	margin-top: 23px;
}
.space-5 {
	margin-top: 40px;
}
.space-6 {
	margin-top: 80px;
}
.space-7 {
	margin-top: 13px;
}
.space-8 {
	padding-bottom: 37px;
}
.space-9 {
	padding-bottom: 30px;
	padding-top: 10px;
}
.space-10 {
	padding-bottom: 30px;
}
.space-11 {
	padding-bottom: 16px;
}
#contents p.indent {
	display: block;
	text-indent:1em;
}
#contents span.indent {
	display: block;
	text-indent:1em;
}

/**************************************************************************/
/*ヘッダー部の定義*/
/**************************************************************************/
header {
	display: block;
}
.faq {
	display: block;
	width: 140px;
	float: right;
	height: 105px;
	padding-top: 60px;
	margin-top: 10px;
	margin-right: 1.2%;
	letter-spacing: 0.04em;
}

.faq a {
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	padding-right: 13%;
	padding-left: 13%;;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	text-decoration: none;
	border-radius:8px 8px 8px 8px;
}
.faq a:hover {
	color: #FFF;
	background-color: #68C2FF;
}
#header-bk {
	max-width:1490px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	z-index: 2000;
	background-image: url(../img/common/h-bk.png);
	border-radius:0px 0px 10px 10px;
	box-sizing: border-box;
	position: relative;
}
#header-bk .header {
	background-color: #FFF;
	border-radius:0px 0px 8px 8px;
	padding-bottom: 10px;
	padding-left: 1.4%;
	box-sizing: border-box;
}
.header h1 {
	width: 523px;
	float: left;
	color: #000;
/*	font-size: 2.24em;*/
	font-weight: bold;
	padding-left: 158px;
	background-image: url(../img/common/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 54px;
	padding-bottom:6px;
}
.header h1 .h1 {
	display: block;
	font-size: 53%;
}
.header h1 .h1 span {
	color: #0066CC;
}
.header h1 a {
	color: #000;
	text-decoration: none;
}
.header .nav {
	display: block;
	float: left;
	max-width: 700px;
	width:100%;
	margin-top: 70px;
}
.header .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-right:5%;
}
.header .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-left:1%;
	margin-right:6%;
}

.header .nav li:nth-child(7) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-right:0%;
}

.header .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68C2FF;
}
.header .nav li a:hover {
	color: #0082D9;
	border-bottom-color: #0082D9;
}

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

/******************メインスライダー↓************/
/**/
.s-box-m {
	display:none;
}

.s-box {
	max-width: 1920px;
	width:100%;
	overflow: hidden;
	clear: both;
	z-index: 100;
	position: absolute;
	top: 0px;
	display: block;
}
.idx-slide {
	height: auto;
	position: relative;
}

.idx-slide .slide-box a {
	text-decoration: none;
	color: #000000;
}

.idx-slide .slide-box img {
	width: 100%;
	height: auto;
}
.idx-slide .slide-box p {
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	font-size: 1.2em;
}
.idx-slide .slick-dots {
	text-align: center;
	position: absolute;
	bottom: 3%;
}
.background-image figure {
  width: 100%;
  height: 485px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.background-image figure.figure-slide-01 {
  background-image:url(../img/slide/top-sli01.jpg)
}
.background-image figure.figure-slide-02 {
  background-image:url(../img/slide/top-sli02.jpg)
}
.background-image figure.figure-slide-03 {
  background-image:url(../img/slide/top-sli03.jpg)
}
.background-image figure.figure-slide-04 {
  background-image:url(../img/slide/img-04.jpg)
}
.background-image figure.figure-slide-05 {
  background-image:url(../img/slide/img-05.jpg)
}
.background-image figure.figure-slide-06 {
  background-image:url(../img/slide/img-06.jpg)
}
.background-image figure.figure-slide-07 {
  background-image:url(../img/slide/img-07.jpg)
}

/*************メインスライダー↑****************/

.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 500px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
margin-left: 30px;
}
/*************資料ページ追加（各media箇所に追加しちゃいました！）↑****************/

/*********************************************/
/****13インチPC****/
/**********************************************/
@media screen and (max-width : 1440px){
.faq {
	display: block;
	width: 140px;
	float: right;
	height: 105px;
	padding-top: 60px;
	margin-top: 10px;
	margin-right: 1.2%;
	letter-spacing: 0.04em;
}
.faq a {
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	padding-right: 13%;
	padding-left: 13%;;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	text-decoration: none;
	border-radius:8px 8px 8px 8px;
}
#header-bk {
	max-width:1490px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	z-index: 2000;
	background-image: url(../img/common/h-bk.png);
	border-radius:0px 0px 10px 10px;
	box-sizing: border-box;
	position: relative;
}
#header-bk .header {
	background-color: #FFF;
	border-radius:0px 0px 8px 8px;
	padding-bottom: 10px;
	padding-left: 1.4%;
	box-sizing: border-box;
}
.header h1 {
	width: 523px;
	float: left;
	color: #000;
	font-size: 2.24em;
	font-weight: bold;
	padding-left: 158px;
	background-image: url(../img/common/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 54px;
	padding-bottom:6px;
}
.header h1 .h1 {
	display: block;
	font-size: 53%;
}
.header h1 .h1 span {
	color: #0066CC;
}
.header .nav {
	display: block;
	float: left;
	max-width: 500px;
	width:40%;
	margin-top: 70px;
}
.header .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:3%;
}
.header .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:3%;
	margin-right:3%;
}

.header .nav li:nth-child(7) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}

.header .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68C2FF;
}
.header .nav li a:hover {
	color: #0082D9;
	border-bottom-color: #0082D9;
}

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

/*******メインスライダー↓*********/
.s-box-m {
	display: none;
}

.s-box {
	max-width: 1920px;
	width:100%;
	overflow: hidden;
	clear: both;
	z-index: 100;
	position: absolute;
	top: 0px;
	display: block;
}
.idx-slide {
	height: auto;
	position: relative;
}

.idx-slide .slide-box a {
	text-decoration: none;
	color: #000000;
}

.idx-slide .slide-box img {
	width: 100%;
	height: auto;
}
.idx-slide .slide-box p {
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	font-size: 1.2em;
}
.idx-slide .slick-dots {
	text-align: center;
	position: absolute;
	bottom: 3%;
}


.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 430px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
margin-left: 30px;
}




/******メインスライダー↑******/
}
@media screen and (max-width : 1180px){
.wrapper {
	position:relative; /*topBtnの親要素に指定*/
	width: 100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
.faq {
	display: block;
	width: 167px;
	float: right;
	height: 40px;
	padding-top: 0px;
	background-image: url(../img/common/fq-m.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: 0px;
	margin-right: 1.2%;
	letter-spacing: 0.04em;
	padding-left:30px;
}
.faq a {
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	padding-right: 13%;
	padding-left: 13%;;
	padding-top: 10px;
	padding-bottom: 4px;
	font-size: 1.2em;
	text-decoration: none;
	border-radius:0px 0px 8px 8px;
	display:block;
}
.faq a:hover {
	color: #FFF;
	background-color: #68C2FF;
}

#header-bk {
	max-width:1280px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	z-index: 2000;
	background-image: url(../img/common/h-bk.png);
	border-radius:0px 0px 10px 10px;
	box-sizing: border-box;
	position: relative;
}
#header-bk .header {
	background-color: #FFF;
	border-radius:0px 0px 8px 8px;
	padding-bottom: 10px;
	padding-left: 1.4%;
	box-sizing: border-box;
}
.header .nav:after {
	content: ""; 
	display: block; 
	clear: both;
}
.header:after {
	content: ""; 
	display: block; 
	clear: both;
}
.header h1 {
	width: 461px;
	float: left;
	color: #000;
	font-size: 1.8em;
	font-weight: bold;
	padding-left: 110px;
	background-image: url(../img/common/logo-m.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 40px;
	padding-bottom:20px;
}
.header h1 .h1 {
	display: block;
	font-size: 53%;
}
.header h1 .h1 span {
	color: #0066CC;
}
.header .nav {
	display: block;
	float: none;
	max-width: 1180px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	clear: both;
}
.header .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-right:6%;
}
.header .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-left:6%;
	margin-right:6%;
}

.header .nav li:nth-child(7) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-right:0%;
}

.header .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #68C2FF;
}
.header .nav li a:hover {
	color: #0082D9;
	border-bottom-color: #0082D9;
}
/******メインスライダー↓********/
.idx-slide {
	height: auto;
	position: relative;
}

.idx-slide .slide-box a {
	text-decoration: none;
	color: #000000;
}

.idx-slide .slide-box img {
	width: 100%;
	height: auto;
}
.idx-slide .slide-box p {
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	font-size: 1.2em;
}
.idx-slide .slick-dots {
	text-align: center;
	position: absolute;
	bottom: 3%;
}

/*****メインスライダー↑******/
}

/*********************************************/
/*PC,タブレット共通*/
/*********************************************/

@media screen and (max-width : 980px){
.wrapper {
	position:relative; /*topBtnの親要素に指定*/
	width: 100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
#header-bk {
	max-width:980px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	z-index: 2000;
	background-image: url(../img/common/h-bk.png);
	border-radius:0px 0px 10px 10px;
	box-sizing: border-box;
	position: relative;
}

.header h1 {
	max-width: 443px;
	width:100%;
	float: left;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 110px;
	background-image: url(../img/common/logo-m.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 40px;
	padding-bottom:20px;
}
.header h1 .h1 {
	display: block;
	font-size: 53%;
}
.header h1 .h1 span {
	color: #0066CC;
}
.header .nav {
	display: block;
	float: none;
	max-width: 429px;
	width:94%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	clear: both;
}
.header .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:6%;
	margin-bottom:10px;
	width:27%;
	text-align:center;
}
.header .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:0%;
	margin-right:6%;
}

.header .nav li:nth-child(6) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}
.header .nav li:nth-child(3) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}

.header .nav li:nth-child(4) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:0%;
	margin-right:6%;
}

.header .nav li:nth-child(7) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}


.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 430px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
margin-left: 30px;
}


}

@media screen and (max-width : 800px){
.background-image figure {
  width: 100%;
  height: 485px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.background-image figure.figure-slide-01 {
  background-image:url(../img/slide/img-01-m.jpg)
}
.background-image figure.figure-slide-02 {
  background-image:url(../img/slide/img-02-m.jpg)
}
.background-image figure.figure-slide-03 {
  background-image:url(../img/slide/img-03-m.jpg)
}
.background-image figure.figure-slide-04 {
  background-image:url(../img/slide/img-04-m.jpg)
}
.background-image figure.figure-slide-05 {
  background-image:url(../img/slide/img-05-m.jpg)
}
.background-image figure.figure-slide-06 {
  background-image:url(../img/slide/img-06-m.jpg)
}
.background-image figure.figure-slide-07 {
  background-image:url(../img/slide/img-07-m.jpg)
}

}
/***************************************************/
/*PC,モバイル共通*/
/***************************************************/
@media screen and (max-width : 550px){
.wrapper {
	position:relative; /*topBtnの親要素に指定*/
	width: 100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}
#header-bk {
	max-width:550px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	z-index: 2000;
	background-image: url(../img/common/h-bk.png);
	border-radius:0px 0px 10px 10px;
	box-sizing: border-box;
	position: relative;
}
.header h1 {
	max-width: 443px;
	width:100%;
	float: left;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 110px;
	background-image: url(../img/common/logo-m.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 20px;
	padding-bottom:50px;
}
.faq {
	display: block;
	width: 167px;
	float: right;
	height: 36px;
	padding-top: 0px;
	background-image: url(../img/common/fq-m.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: 0px;
	margin-right: 1.2%;
	letter-spacing: 0.04em;
	padding-left:30px;
}
.header .nav {
	display: block;
	float: none;
	max-width: 429px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	clear: both;
}
.header .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:3%;
	margin-bottom:10px;
	width:30.4%;
	text-align:center;
}
.header .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:0%;
	margin-right:3%;
}

.header .nav li:nth-child(6) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}
.header .nav li:nth-child(3) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}

.header .nav li:nth-child(4) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:0%;
	margin-right:3%;
}

}


/**********************************************************************/
/*ここまでヘッダー部の定義*/
/**********************************************************************/

/*********************************************************************/
/* ボディの定義 */
/*********************************************************************/
/*****************************************/
/*PC,共通*/
/***************************************:*/

#index #contents {
	width: 100%;
	margin:auto;
	z-index: 1;
	padding-bottom: 0px;
	position: static;
	clear: both;
	display: block;
	padding-top: 350px;
}
#contents .contenar {
	display: block;
	max-width: 1440px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clear: both;
	border: 1px solid #FFF;
}
#contents .contenar:after {
	content: ""; 
	display: block; 
	clear: both;
}
/*追加*/
#contents .contenar .link-01 {
	display: block;
	float: left;
	max-width:700px;
	width: 48.5%;
	margin-left: 1%;
	margin-bottom: 30px;
}
#contents .contenar .link-02 {
	display: block;
	float: right;
	max-width:700px;
	width: 48.5%;
	margin-right:1%;
	margin-bottom: 30px;
}

/**/
#contents .con-box1 {
	display: block;
	max-width: 560px;
	width:38.8%;
	border: 1px solid #FFF;
	float: left;
	margin-left: 1%;
	margin-right: 1.2%;
	background-image: url(../img/top/con-box1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 23px;
}
#contents .con-box2 {
	display: block;
	max-width: 416px;
	width:27.89%;
	border: 1px solid #FFF;
	float: left;
	position: relative;
	height: 100%;
}
#contents .con-box3 {
	display: block;
	max-width: 395px;
	width:27.4%;
	border: 1px solid #ECECEC;
	float: left;
	margin-right: 0%;
	margin-left: 3%;
	background-color: #ECECEC;
	height: 500px;
	margin-top: 23px;
}
#contents .con-box1 h2 {
	display: block;
	margin-left: 107px;
	font-size: 1.4em;
	color: #3366CC;
	line-height: 110%;
	margin-top: 18px;
	margin-bottom: 6px;
}
#contents .con-box1 p {
	display: block;
	margin-left: 107px;
	font-size: 1.0em;
	letter-spacing: 0.01em;
}
/**/
#contents .con-box2 h2 {
	display: block;
	background-image: url(../img/top/h2-tt02.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.8em;
	color: #3366CC;
	padding-left: 82px;
	line-height: 2.3em;
	padding-top: 16px;
	position: absolute;
	top: 0px;
	z-index: 2;
}
#contents .con-box2 p {
	display: block;
}
.con-box2-in p a {
	color: #003399;
	text-decoration: underline;
}

.con-box2-in {
	display: block;
	border: 2px solid #66CCFF;
	border-radius:14px 14px 14px 14px;
	max-width:395px;
	width:100%;
	margin-left: 14px;
	position: absolute;
	top: 19px;
	z-index: 1;
	padding-top: 56px;
	padding-left: 19px;
}
.con-box2-in div{
	height: 430px;
	overflow-y: scroll;
	padding-bottom: 30px;
	margin-bottom:17px;
	padding-right:19px;
}
.con-box2-in p {
	margin-bottom: 17px;
}
/**/
.contenar2 {
	display: block;
	max-width: 1440px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clear: both;
	background-image: url(../img/top/con-box4.png);
	background-repeat: no-repeat;
	background-position: 95% top;
	padding-top:25px;
	margin-top:30px;
	padding-bottom:48px;
}

.contenar2 .con-box4 {
	display: block;
	max-width:1062px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}

.contenar2 .con-box4 .btn-01 {
	max-width: 495px;
	width:100%;
	float: left;
	margin-right: 6.4%;
}
.contenar2 .con-box4 .btn-01:nth-of-type(2) {
	max-width: 495px;
	width:100%;
	float: left;
	margin-right: 0%;
}
.contenar2 .con-box4 .btn-01 a {
	display: block;
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	font-size: 2.0em;
	font-weight: bold;
	border: 1px solid #3366CC;
	border-radius:10px 10px 10px 10px;
	text-decoration: none;
	padding-top: 24px;
	padding-bottom: 24px;
}
.contenar2 .con-box4 .btn-01 a:hover {
	display: block;
	color: #3366CC;
	background-color: #B7E8FF;
}
/**/
.contenar3 {
	display: block;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clear: both;
	background-color: #DDF4FF;
	padding-top: 33px;
	padding-bottom: 59px;
}
.contenar3 .contenar3-con {
	display: block;
	max-width: 1440px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
.contenar3 .contenar3-con .main-box {
	display: block;
	max-width: 1420px;
	width:98%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-radius:20px 20px 20px 20px;
	padding-top: 19px;
	padding-left: 30px;
	padding-right: 57px;
}
.contenar3 .contenar3-con .main-box:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar3 .contenar3-con .text-box01 {
	display: block;
	float: right;
	max-width: 760px;
}
.photo-box01 {
	display: block;
	float: left;
	max-width: 510px;
}
#contents .contenar3 .contenar3-con h2 {
	font-size: 2.1em;
	color: #2850A2;
	text-align: center;
	margin-bottom: 26px;
}
#contents .contenar3 .contenar3-con h2 .h2 {
	color: #000;
	font-size: 60%;
	display: block;
}
#contents .contenar3 .contenar3-con h2 .h2 span {
	color: #0066CC;
}

.text-box01 h3 {
	padding-top: 13px;
	font-size: 1.4em;
	text-shadow: 2px 6px 8px #FFFF66;
	padding-bottom: 17px;
}
.text-box01 p {
	font-size: 1.2em;
	color: #000;
	margin-bottom: 14px;
}
.text-box01 .details {
	display: block;
	font-size: 1.4em;
	color: #3366CC;
	background-image: url(../img/top/dt.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 104px;
	width: 217px;
	float: right;
}

.text-box01 .details a {
	color: #3366CC;
	text-decoration: underline;
}
.text-box01 .details a:hover,
.text-box01 .details a:focus{
	color: #F00;
	text-decoration: underline;
}
/**/
#contents .contenar4 {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 39px;
}
#contents .contenar6 {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom:80px;
}
.contenar4 .contenar4-con,
.contenar6 .contenar6-con {
	padding-bottom: 27px;
	max-width: 1440px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFF;
}

.contenar4 .contenar4-con:after,
.contenar6 .contenar6-con:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar4 .contenar4-con h2 {
	background-image: url(../img/top/con-4-h2.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 67px;
	text-align: center;
	color: #2850A2;
	font-size: 2.3em;
	padding-bottom: 10px;
}
.contenar6 .contenar6-con h2 {
	background-image: url(../img/top/con-6-h2.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 80px;
	text-align: center;
	color: #2850A2;
	font-size: 2.3em;
	padding-bottom: 20px;
}

.contenar4 .contenar4-con p {
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 24px;
}
.contenar4 .contenar4-con p .p2 {
	display: block;
}
.btn-box01 {
	display: block;
	max-width: 336px;
	width:23%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box01.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 9px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box01 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 316px;
	height: 146px;
	border-radius:10px 10px 10px 10px;
}
.btn-box01 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 316px;
	height: 146px;
	padding-top: 17%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box02 {
	display: block;
	max-width: 336px;
	width:23%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box02.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 9px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box02 .box-bodar a span {
	display: block;
}

.btn-box02 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 316px;
	height: 146px;
	border-radius:10px 10px 10px 10px;
}
.btn-box02 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 316px;
	height: 146px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box03 {
	display: block;
	max-width: 336px;
	width:23%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 9px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box03 .box-bodar a span {
	display: block;
}

.btn-box03 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 316px;
	height: 146px;
	border-radius:10px 10px 10px 10px;
}
.btn-box03 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 316px;
	height: 146px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box04 {
	display: block;
	max-width: 336px;
	width:23%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box04.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 9px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box04 .box-bodar a span {
	display: block;
}

.btn-box04 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 316px;
	height: 146px;
	border-radius:10px 10px 10px 10px;
}
.btn-box04 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 316px;
	height: 146px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box05 {
	display: block;
	max-width: 450px;
	width:31%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box05.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box05 .box-bodar a span {
	display: block;
}

.btn-box05 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 430px;
	height: 145px;
	border-radius:10px 10px 10px 10px;
}
.btn-box05 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 430px;
	height: 145px;
	padding-top: 15%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box06 {
	display: block;
	max-width: 450px;
	width:31%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box06.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box06 .box-bodar a span {
	display: block;
}

.btn-box06 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 430px;
	height: 145px;
	border-radius:10px 10px 10px 10px;
}
.btn-box06 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 430px;
	height: 145px;
	padding-top: 15%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box07 {
	display: block;
	max-width: 450px;
	width:31%;
	height: 165px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box07.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box07 .box-bodar a span {
	display: block;
}

.btn-box07 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 430px;
	height: 145px;
	border-radius:10px 10px 10px 10px;
}
.btn-box07 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.9em;
	font-weight: bold;
	max-width: 430px;
	height: 145px;
	padding-top: 15%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box01 .box-bodar a:hover,
.btn-box02 .box-bodar a:hover,
.btn-box03 .box-bodar a:hover,
.btn-box04 .box-bodar a:hover,
.btn-box05 .box-bodar a:hover,
.btn-box06 .box-bodar a:hover,
.btn-box07 .box-bodar a:hover{
	color: #FFCC00;
}
.btn-box01 .box-bodar a:focus,
.btn-box02 .box-bodar a:focus,
.btn-box03 .box-bodar a:focus,
.btn-box04 .box-bodar a:focus,
.btn-box05 .box-bodar a:focus,
.btn-box06 .box-bodar a:focus,
.btn-box07 .box-bodar a:focus {
	color: #FFCC00;
}
/**/
#contents .contenar5 {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top/contenar5.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.contenar5 .contenar5-con {
	padding-bottom: 27px;
	max-width: 1440px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFF;
	background-image: url(../img/top/con-5.png);
	background-repeat: no-repeat;
	background-position: 90% top;
	padding-top: 84px;
}
.contenar5 .contenar5-con:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar5 .contenar5-con h2 {
	background-image: url(../img/top/con-5-h2.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 67px;
	text-align: center;
	color: #2850A2;
	font-size: 2.3em;
	padding-bottom: 10px;
}
.contenar5 .contenar5-con p {
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 24px;
}
.contenar5 .contenar5-con p span {
	display: block;
}
/**/
.contenar5 .con-box5 {
	display: block;
	max-width:1062px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}
.contenar5-con .box9 {
	background-image: url(../img/top/box9.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 111px;
	clear: both;
}
.contenar5 .con-box5 .btn-01 {
	max-width: 295px;
	width:100%;
	float: left;
	margin-right: 6.4%;
}
.contenar5 .con-box5 .btn-01:nth-of-type(2) {
	max-width: 295px;
	width:100%;
	float: left;
	margin-right: 6.4%;
}
.contenar5 .con-box5 .btn-01:nth-of-type(3) {
	max-width: 295px;
	width:100%;
	float: left;
	margin-right: 0%;
}
.contenar5 .con-box5 .btn-01 a {
	display: block;
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	font-size: 2.0em;
	font-weight: bold;
	border: 1px solid #3366CC;
	border-radius:10px 10px 10px 10px;
	text-decoration: none;
	padding-top: 24px;
	padding-bottom: 24px;
}
.contenar5 .con-box5 .btn-01 a:hover {
	display: block;
	color: #3366CC;
	background-color: #FFF;
}

/**/
.contenar5 .contenar5-con ul {
	display:block;
	padding-bottom: 5px;
	padding-top: 0px;
	list-style-type: none;
}
.contenar5 .contenar5-con li {
	display: block;
	float: left;
}
.contenar5-con .con5-li01 {
	max-width:1440px;
	width:100%;
	display: block;
	margin-left:1%;
	float: left;
	border: 1px solid #DDF4FF;
}
.contenar5-con .con5-li01:after {
	content: ""; 
	display: block; 
	clear: both;
}


.contenar5-con .con5-li01 li{
	margin-right:4.7%;
	padding-bottom: 50px;
}
.contenar5-con .con5-li01 li:nth-of-type(4){
}
.contenar5-con .con5-li01 li:nth-of-type(7){
	margin-right:0%;
}



/*********************************************/
/*PC,タブレット、共通*/
/**********************************************/
/****13インチPC****/
@media screen and (max-width : 1440px){
.contenar2 {
	display: block;
	max-width: 1400px;
	width:90%;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clear: both;
	background-image: url(../img/top/con-box4.png);
	background-repeat: no-repeat;
}
.contenar2 .con-box4 {
	display: block;
	max-width:900px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}
.contenar2 .con-box4 .btn-01 {
	max-width: 400px;
	width:100%;
	float: left;
	margin-right: 4%;
}
.contenar2 .con-box4 .btn-01:nth-of-type(2) {
	max-width: 400px;
	width:100%;
	float: left;
	margin-right: 0%;
}
/**/
.contenar3 .contenar3-con {
	display: block;
	max-width: 1440px;
	width:98%;
	margin-right: auto;
	margin-left: auto;
}
.contenar3 .contenar3-con .main-box {
	display: block;
	max-width: 1420px;
	width:98%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-radius:20px 20px 20px 20px;
	padding-top: 19px;
	padding-left: 30px;
	padding-right: 57px;
}
.contenar3 .contenar3-con .main-box:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar3 .contenar3-con .text-box01 {
	display: block;
	float: right;
	max-width: 777px;
	width:60%;
}
.photo-box01 {
	display: block;
	float: left;
	max-width: 510px;
	width:40%;
	margin-bottom: -14px;
}
.contenar5 .contenar5-con {
	padding-bottom: 27px;
	max-width: 1440px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top/con-5-m.png);
	background-repeat: no-repeat;
	background-position: 90% top;
	padding-top: 84px;
}

.contenar5 .contenar5-con ul {
	display:block;
	padding-bottom: 5px;
	padding-top: 0px;
	list-style-type: none;
}
.contenar5 .contenar5-con li {
	display: block;
	float: left;
}

.contenar5-con .con5-li01 {
	max-width:1440px;
	width:100%;
	display: block;
	margin-left:1%;
	float: left;
	border: 1px solid #DDF4FF;
	background-image: url(../img/top/con5-li01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.contenar5-con .con5-li01:after {
	content: ""; 
	display: block; 
	clear: both;
}
/**/

.contenar5-con .con5-li01 li{
	margin-right:3.2%;
	padding-bottom: 70px;
	width:11.4%;
}
.contenar5-con .con5-li01 li:nth-of-type(4){
}
.contenar5-con .con5-li01 li:nth-of-type(7){
	margin-right:0%;
}
.contenar5 .con-box5 {
	display: block;
	max-width:550px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}
.contenar5 .con-box5 .btn-01 {
	max-width: 270px;
	width:100%;
	float: left;
	margin-right: 4%;
}
.contenar5 .con-box5 .btn-01:nth-of-type(2) {
	max-width: 229px;
	width:100%;
	float: left;
	margin-right: 0;
}
.contenar5 .con-box5 .btn-01:nth-of-type(3) {
	max-width: 229px;
	width:100%;
	float: left;
	margin-right: 0%;
margin-top: 10px;
}

.contenar5-con .box9 {
	background-image:none;
	padding-bottom: 34px;
	clear: both;
}

.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 430px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
}

}

/****PC,タブレット共通****/
@media screen and (max-width : 980px){
#index #contents {
	width: 100%;
	margin:auto;
	z-index: 1;
	padding-bottom: 0px;
	position: static;
	clear: both;
	display: block;
	padding-top: 300px;
}
/*追加*/
#contents .contenar .link-01 {
	display: block;
	float: none;
	max-width:700px;
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
}
#contents .contenar .link-02 {
	display: block;
	float: none;
	max-width:700px;
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
}

/**/
#contents .con-box1 {
	display: block;
	max-width: 560px;
	width:94%;
	border: 1px solid #FFF;
	float: none;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/top/con-box1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 23px;
	padding-bottom:30px;
}
#contents .con-box2 {
	display: block;
	max-width: 490px;
	width:94%;
	border: 1px solid #FFF;
	float: none;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:30px;
	margin-top:30px;
}
.con-box2-in {
	display: block;
	border: 2px solid #66CCFF;
	border-radius:14px 14px 14px 14px;
	max-width:458px;
	width:94%;
	margin-left: 14px;
	position: absolute;
	top: 19px;
	z-index: 1;
	padding-top: 56px;
	padding-left: 19px;
}

#contents .con-box3 {
	display: block;
	max-width: 470px;
	width:94%;
	border: 1px solid #ECECEC;
	float: none;
	background-color: #ECECEC;
	height: 500px;
	margin-top: 23px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	margin-top:550px;
	padding-bottom:30px;
}
.contenar2 {
	display: block;
	max-width: 483px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	position: static;
	clear: both;
	background-image: url(../img/top/con-box4-m.png);
	background-repeat: no-repeat;
}
.contenar2 .con-box4 {
	display: block;
	max-width:483px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}

.contenar2 .con-box4 .btn-01 {
	max-width: 229px;
	width:100%;
	float: left;
	margin-right: 1.5%;
	margin-left:1%;
}
.contenar2 .con-box4 .btn-01:nth-of-type(2) {
	max-width: 229px;
	width:100%;
	float: left;
	margin-right: 0%;
}
.contenar2 .con-box4 .btn-01 a {
	display: block;
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	border: 1px solid #3366CC;
	border-radius:6px 6px 6px 6px;
	text-decoration: none;
	padding-top: 13px;
	padding-bottom: 13px;
}
.contenar2 .con-box4 .btn-01 a:hover {
	display: block;
	color: #3366CC;
	background-color: #B7E8FF;
}
/**/
.contenar5 .con-box5 {
	display: block;
	max-width:483px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}

.contenar5 .con-box5 .btn-01 {
	max-width: 229px;
	width:100%;
	float: left;
	margin-right: 1.5%;
	margin-left:1%;
}
.contenar5 .con-box5 .btn-01:nth-of-type(2) {
	max-width: 229px;
	width:100%;
	float: left;
	margin-right: 0%;
}
.contenar5 .con-box5 .btn-01 a {
	display: block;
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	border: 1px solid #3366CC;
	border-radius:6px 6px 6px 6px;
	text-decoration: none;
	padding-top: 13px;
	padding-bottom: 13px;
}
.contenar5 .con-box5 .btn-01 a:hover {
	display: block;
	color: #3366CC;
	background-color: #B7E8FF;
}
/**/
#contents .contenar4 {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 20px;
}
.contenar4 .contenar4-con {
	padding-bottom: 27px;
	max-width: 550px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
.contenar4 .contenar4-con:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar4 .contenar4-con h2 {
	background-image: url(../img/top/con-4-h2-m.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 47px;
	text-align: center;
	color: #2850A2;
	font-size: 1.5em;
	padding-bottom: 10px;
}
.contenar4 .contenar4-con p {
	text-align: center;
	font-size: 1.0em;
	padding-bottom: 24px;
}
.contenar4 .contenar4-con p .p1 {
	display: block;
}
.contenar4 .contenar4-con p .p2 {
	display: block;
}
.btn-box01 {
	display: block;
	max-width: 230px;
	width:46%;
	height: 84px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box01-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:2%;
	margin-right:1%;
	margin-bottom:10px;
}
.btn-box01 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 219px;
	height: 74px;
	border-radius:10px 10px 10px 10px;
}
.btn-box01 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	max-width: 219px;
	height: 74px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
.btn-box02 {
	display: block;
	max-width: 230px;
	width:46%;
	height: 84px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box02-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px;
}
.btn-box02 .box-bodar a span {
	display: block;
}

.btn-box02 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 219px;
	height: 74px;
	border-radius:10px 10px 10px 10px;
}
.btn-box02 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	max-width: 219px;
	height: 74px;
	padding-top: 5%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box03 {
	display: block;
	max-width: 230px;
	width:46%;
	height: 84px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box03-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:2%;
	margin-right:1%;
}
.btn-box03 .box-bodar a span {
	display: block;
}

.btn-box03 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 219px;
	height: 74px;
	border-radius:10px 10px 10px 10px;
}
.btn-box03 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	max-width: 219px;
	height: 74px;
	padding-top: 5%;
	text-shadow: 2px 2px 8px #000000;
}

/**/
.btn-box04 {
	display: block;
	max-width: 230px;
	width:46%;
	height: 84px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box04-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:1%;
	margin-right:1%;
}
.btn-box04 .box-bodar a span {
	display: block;
}

.btn-box04 .box-bodar {
	border: 1px solid #FFF;
	display: block;
	max-width: 219px;
	height: 74px;
	border-radius:10px 10px 10px 10px;
}
.btn-box04 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	max-width: 316px;
	height: 146px;
	padding-top: 5%;
	text-shadow: 2px 2px 8px #000000;
}
#contents .contenar6 {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 20px;
}
.contenar6 .contenar6-con {
	padding-bottom: 27px;
	max-width: 483px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
.contenar6 .contenar6-con:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar6 .contenar6-con h2 {
	background-image: url(../img/top/con-6-h2-m.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 47px;
	text-align: center;
	color: #2850A2;
	font-size: 1.5em;
	padding-bottom: 10px;
}
.btn-box05 {
	display: block;
	max-width: 231px;
	width:48%;
	height: 85px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box05-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:1%;
	margin-right:1.5%;
	margin-bottom:20px;
}

.btn-box05 .box-bodar a span {
	display: block;
}

.btn-box05 .box-bodar {
	border: 1px solid #FFF;
	border:none;
	display: block;
	max-width: 219px;
	height: 73px;
	border-radius:10px 10px 10px 10px;
}
.btn-box05 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	max-width: 219px;
	height: 73px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box06 {
	display: block;
	max-width: 231px;
	width:48%;
	height: 85px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box06-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:20px;
}

.btn-box06 .box-bodar a span {
	display: block;
}

.btn-box06 .box-bodar {
	border: 1px solid #FFF;
	border:none;
	display: block;
	max-width: 219px;
	height: 73px;
	border-radius:10px 10px 10px 10px;
}
.btn-box06 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	max-width: 219px;
	height: 73px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
.btn-box07 {
	display: block;
	max-width: 231px;
	width:48%;
	height: 85px;
	border-radius:10px 10px 10px 10px;
	background-image: url(../img/top/btn-box07-m.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px;
	float: left;
	margin-left:24%;
	margin-right:0%;
}

.btn-box07 .box-bodar a span {
	display: block;
}

.btn-box07 .box-bodar {
	border: 1px solid #FFF;
	border:none;
	display: block;
	max-width: 219px;
	height: 73px;
	border-radius:10px 10px 10px 10px;
}
.btn-box07 .box-bodar a {
	text-align: center;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	max-width: 219px;
	height: 73px;
	padding-top: 12%;
	text-shadow: 2px 2px 8px #000000;
}
/**/
#contents .contenar5 {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top/contenar5-m.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.contenar5 .contenar5-con ul {
	display:block;
	padding-bottom: 5px;
	padding-top: 0px;
	list-style-type: none;
}
.contenar5 .contenar5-con li {
	display: block;
	padding-bottom: 50px;
	float: left;
	padding-bottom: 14px;
}
.contenar5-con .con5-li01 {
	max-width:980px;
	width:98%;
	display: block;
	float: none;
	margin-left:auto;
	margin-right:auto;
}
.contenar5-con .con5-li01:after {
	content: ""; 
	display: block; 
	clear: both;
}

.contenar5-con .con5-li01 li{
	margin-right:3%;
	width:20%;
}
.contenar5-con .con5-li01 li:nth-of-type(1){
	margin-left:6%;
}
.contenar5-con .con5-li01 li:nth-of-type(4){
	margin-right:0%;
}
.contenar5-con .con5-li01 li:nth-of-type(5){
	margin-left:19%;
}

.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 430px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
}


}
/*PC,モバイル共通*/
@media screen and (max-width : 550px){
.contenar3 .contenar3-con .main-box {
	display: block;
	max-width: 550px;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #DDF4FF;
	border-radius:20px 20px 20px 20px;
	padding-top: 19px;
	padding-left: 4%;
	padding-right: 4%;
}
.contenar3 .contenar3-con .main-box:after {
	content: ""; 
	display: block; 
	clear: both;
}
.contenar3 .contenar3-con .text-box01 {
	display: block;
	float: none;
	max-width: 550px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	border-radius:20px 20px 20px 20px;
	padding:2%;
	padding-bottom:40px;
}
.photo-box01 {
	display: block;
	float: none;
	max-width: 550px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -0px;
	padding-left:5%;
}
#contents .contenar3 .contenar3-con h2 {
	font-size: 1.5em;
	color: #2850A2;
	text-align: center;
	margin-bottom: 26px;
}
#contents .contenar3 .contenar3-con h2 .h2 {
	color: #000;
	font-size: 60%;
	display: block;
}
#contents .contenar3 .contenar3-con h2 .h2 span {
	color: #0066CC;
}
.text-box01 h3 {
	padding-top: 13px;
	font-size: 1.2em;
	text-shadow: 2px 6px 8px #FFFF66;
	padding-bottom: 17px;
}
.text-box01 p {
	font-size: 1.0em;
	color: #000;
	margin-bottom: 14px;
}
.text-box01 .details {
	display: block;
	font-size: 1.0em;
	color: #3366CC;
	background-image: url(../img/top/dt-m.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 68px;
	width: 150px;
	float: right;
}

.text-box01 .details a {
	color: #3366CC;
	text-decoration: underline;
}
.text-box01 .details a:hover,
.text-box01 .details a:focus{
	color: #F00;
	text-decoration: underline;
}
.contenar2 .con-box4 {
	display: block;
	max-width:450px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}

.contenar2 .con-box4 .btn-01 {
	max-width: 210px;
	width:47%;
	float: left;
	margin-right: 1.5%;
	margin-left:1%;
}
.contenar2 .con-box4 .btn-01:nth-of-type(2) {
	max-width: 210px;
	width:47%;
	float: left;
	margin-right: 0%;
}
.contenar5 .con-box5 {
	display: block;
	max-width:450px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 21px;
}

.contenar5 .con-box5 .btn-01 {
	max-width: 210px;
	width:47%;
	float: left;
	margin-right: 1.5%;
	margin-left:1%;
}
.contenar5 .con-box5 .btn-01:nth-of-type(2) {
	max-width: 210px;
	width:47%;
	float: left;
	margin-right: 0%;
}


ul.shiryoonly{
font-size: 1.3em;
margin-left: 10px;
display: inline-block;
vertical-align: top;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
margin-left: 1px;
}






}


/*********************************************************************/
/* フッターの定義 */
/**********************************************************************/
#footer {
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#footer .footer-box dt {
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
}
#footer .footer-box dt span {
	display: block;
	font-size: 80%;
	font-weight: normal;
	color: #333333;
}
#footer .footer-box dd {
	color: #333333;
	font-size: 100%;
}


.footer-con {
	max-width:1440px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding-bottom: 100px;
	padding-left: 1.4%;
	box-sizing: border-box;
	border: 1px solid #FFF;
}
.footer-con .f-h1 {
	width: 523px;
	float: left;
	color: #000;
	font-size: 1.9em;
	font-weight: bold;
	padding-left: 158px;
	background-image: url(../img/common/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 54px;
	padding-bottom:6px;
	border: 1px solid #FFF;
}
.footer-con .f-h1 .h1 {
	display: block;
	font-size: 53%;
}
.footer-con .f-h1 .h1 span {
	color: #0066CC;
}
.footer-con .f-h1 a {
	color: #000;
	text-decoration: none;
}
.faq-f {
	display: block;
	width: 140px;
	float: right;
	height: 105px;
	padding-top: 60px;
	margin-top: 10px;
	margin-right: 0.5%;
	letter-spacing: 0.04em;
}

.faq-f a {
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	padding-right: 13%;
	padding-left: 13%;;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	text-decoration: none;
	border-radius:8px 8px 8px 8px;
}
.faq-f a:hover {
	color: #FFF;
	background-color: #68C2FF;
}

.footer-con .nav {
	display: block;
	float: left;
	max-width: 540px;
	width:100%;
	margin-top: 70px;
	border: 1px solid #FFF;
}
.footer-con .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-right:3%;
}
.footer-con .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-left:3%;
	margin-right:3%;
}

.footer-con .nav li:nth-child(6) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.2em;
	margin-right:0%;
}

.footer-con .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.footer-con .nav li a:hover {
	color: #0082D9;
	border-bottom-color: #0082D9;
}

.footer-con .nav:after {
	content: ""; 
	display: block; 
	clear: both;
}
.footer-con:after {
	content: ""; 
	display: block; 
	clear: both;
}

/**/
#footer .contenar {
	display: block;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#footer .footer-box {
	display: block;
	background-color: #DDF4FF;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	padding-top: 36px;
	padding-bottom: 24px;
}
#footer .footer-address {
	color: #FFF;
	background-color: #333333;
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 6px;
}
#footer .footer-address address {
	font-size: 1em;
	font-style: normal;
	text-align: center;
}

@media screen and (max-width : 1440px){
.faq-f {
	display: block;
	width: 140px;
	float: right;
	height: 30px;
	padding-top: 60px;
	margin-top: 10px;
	margin-right: 1%;
	letter-spacing: 0.04em;
}
.faq-f a {
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	padding-right: 13%;
	padding-left: 13%;;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.4em;
	text-decoration: none;
	border-radius:8px 8px 8px 8px;
}
.footer-con .nav {
	display: block;
	float: left;
	max-width: 450px;
	width:50%;
	margin-top: 90px;
	border: 1px solid #FFF;
}
.footer-con .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:3%;
}
.footer-con .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:3%;
	margin-right:3%;
}

.footer-con .nav li:nth-child(6) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}

.footer-con .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.footer-con .nav li a:hover {
	color: #0082D9;
	border-bottom-color: #0082D9;
}


.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 430px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
}



}
@media screen and (max-width : 1180px){
.footer-con {
	max-width:1180px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding-bottom: 60px;
	padding-left: 1.4%;
	box-sizing: border-box;
	border: 1px solid #FFF;
}
.footer-con .f-h1 {
	width: 523px;
	margin-left:auto;
	margin-right:auto;
	float: none;
	color: #000;
	font-size: 1.9em;
	font-weight: bold;
	padding-left: 150px;
	background-image: url(../img/common/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 54px;
	padding-bottom:30px;
	border: 1px solid #FFF;
}
.footer-con .f-h1 .h1 {
	display: block;
	font-size: 53%;
}
.footer-con .f-h1 .h1 span {
	color: #0066CC;
}
.footer-con .f-h1 a {
	color: #000;
	text-decoration: none;
}

.faq-f {
	display: block;
	width: 167px;
	float: right;
	height: 40px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0.5%;
	letter-spacing: 0.04em;
	padding-left:0px;
}
.faq-f a {
	color: #FFF;
	background-color: #3366CC;
	text-align: center;
	padding-right: 13%;
	padding-left: 13%;;
	padding-top: 10px;
	padding-bottom: 4px;
	font-size: 1.2em;
	text-decoration: none;
	border-radius:0px 0px 8px 8px;
	display:block;
}
.footer-con .nav {
	display: block;
	float: none;
	max-width: 450px;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 9px;
	border: 1px solid #FFF;
}
.footer-con .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:3%;
	width:28%;
	margin-bottom:12px;
}
.footer-con .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:4%;
	margin-right:3%;
}
.footer-con .nav li:nth-child(3) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:0%;
	margin-right:0%;
}
.footer-con .nav li:nth-child(4) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:4%;
	margin-right:3%;
}

.footer-con .nav li:nth-child(6) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}

.footer-con .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align:center;
}
.footer-con .nav li a:hover {
	color: #0082D9;
	border-bottom-color: #0082D9;
}


.mokujicon p{
margin: 0;
}

.mokujicon ul{
font-size: 1.3em;
margin-left: 50px;
margin-bottom: 50px;
}

.shiryocontents{
}

ul.shiryoonly{
font-size: 1.3em;
margin-left: 50px;
display: inline-block;
vertical-align: top;
max-width: 430px;
width: 90%;
}

div.siryoconpic{
margin-left: 20px;
margin-bottom: 50px;
display: inline-block;
}

ul.shiryotexts{
}





}
/***************************************************/
/*PC,モバイル共通*/
/***************************************************/
@media screen and (max-width : 550px){
.footer-con {
	max-width:550px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding-bottom: 60px;
	padding-left: 1.4%;
	box-sizing: border-box;
	border: 1px solid #FFF;
}
.footer-con .f-h1 {
	max-width: 530px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	float: none;
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 105px;
	background-image: url(../img/common/logo-mf.png);
	background-repeat: no-repeat;
	background-position: 6% center;
	padding-top: 54px;
	padding-bottom:30px;
	border: 1px solid #FFF;
	margin-top:37px;
	clear:both;
}
.footer-con .f-h1 .h1 {
	display: block;
	font-size: 53%;
}
.footer-con .f-h1 .h1 span {
	color: #0066CC;
}
.footer-con .f-h1 a {
	color: #000;
	text-decoration: none;
}
.faq-f {
	display: block;
	width: 167px;
	float: right;
	height: 36px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 1.2%;
	letter-spacing: 0.04em;
	padding-left:30px;
}
.footer-con .nav {
	display: block;
	float: none;
	max-width: 550px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 9px;
	border: 1px solid #FFF;
}
.footer-con .nav li {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:3%;
	width:30%;
	margin-bottom:12px;
}
.footer-con .nav li:nth-child(1) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:3%;
	margin-right:3%;
}
.footer-con .nav li:nth-child(3) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:0%;
	margin-right:0%;
}
.footer-con .nav li:nth-child(4) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-left:3%;
	margin-right:3%;
}

.footer-con .nav li:nth-child(6) {
	display: block;
	list-style-type: none;
	float: left;
	color: #000;
	font-size: 1.0em;
	margin-right:0%;
}

.footer-con .nav li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align:center;
}
#footer .footer-box dt {
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
}
#footer .footer-box dt span {
	display: block;
	font-size: 80%;
	font-weight: normal;
	color: #333333;
}
#footer .footer-box dd {
	color: #333333;
	font-size: 100%;
}
#footer .footer-box dd span{
	display:block;
}
#footer .footer-address {
	color: #FFF;
	background-color: #333333;
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}

#footer .footer-address address {
	font-size: 80%;;
	font-style: normal;
	text-align: center;
}

}
/***************************************************************************************************/
/*ここまでふったーの定義*/
/***************************************************************************************************/

/***************************************************************************************************/
/**************************************************************************************************/
/*その他*/
/**************************************************************************************************/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}


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

/*トップへ戻るボタン*/
* {
	box-sizing: border-box;
	}
.topBtn {
	position:fixed; /*固定*/
	bottom:350px; /*場所を右下に移動*/
	right:20px; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background-color:#0066CC; /*以下、デザインはご自由に！！*/
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:80px;
	height:80px;
	text-align:center;
	line-height:130%;
	padding-top:35px;
	box-sizing:border-box;
	z-index: 3000;
}
.topBtn:before {
content: url(../img/common/top-mark.png);
position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}
.topBtn:focus {
	opacity:0.7;
	border: 1px solid #FC0;
}

/****************メインスライダー追加↓****************************/
.idx-slide .slick-dots button:before {
	font-size: 18px;
}
.slide-btn {
	margin: 0 10px !important;
	bottom: -0px;
}
.slide-btn p {
	width: 60px;
	height: 25px;
	position: relative;
	border: none;
	background-color: #0066CC;
	border-radius: 5px;
	color: #FFF;
	text-decoration: underline;
	text-align: center;
	padding-top: 3px;
	display: block;
}

.slide-start:before {
	content: url(../img/top/stop-befor.png);
	padding-right: 5px;
	}

.slide-stop:before {
	content: url(../img/top/start-befor.png);
	padding-right: 5px;
}
@media screen and (max-width : 1200px){
.idx-slide .slick-dots {
	text-align: center;
}
}

/****************メインスライダー↑****************************/

/****************バナースライダー↓******************************/
#contents .box2 {
	display: block;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 85px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 56px;
	background-color: #F7F7F7;
}
.banner-box {
	width: 80%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	}

.banner-box .slick-arrow {
	}

.banner-box .slick-arrow:hover {
	}
/*
.banner-box .slick-prev {
	top: 40%;
	left: -5%;
	z-index: 100;
	content: url(../img/top/l-prev.png)
}

.banner-box .slick-next {
	top: 40%;
	right: -5%;
	z-index: 100;
	content: url(../img/top/r-next.png)
}
*/
.banner-box .slick-prev::before{
content: url(../img/top/l-prev.png)
}
.banner-box .slick-next::before {
content: url(../img/top/r-next.png)
}

.banner-box .slick-dots {
	bottom: -30%;
	padding-bottom:20px;
}
.banner-box .slick-dots button:before {
	font-size: 18px;
	}

.banner-box .slick-dots .slick-active button:before {
	color: #0066CC;
	}

.banner-box li {
	}

.banner-box li img {
	width: 100%;
	height: auto;
	}

.banner-box li a {
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
	line-height: 130%;
	color: #000000;
	width: 95%;
	margin: 0 auto;
	display: block;
	}

.banner-box li img {
	margin-bottom: 20px;
	}
@media screen and (max-width : 1040px){
.banner-box {
	width: 90%;
	max-width: 1040px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	}
.banner-box .slick-prev {
	top: 30%;
	left: 0%;
	z-index: 100;
	content: url(../img/top/l-prev.png)
}

.banner-box .slick-next {
	top: 30%;
	right: 0%;
	z-index: 100;
	content: url(../img/top/r-next.png)
}
.banner-box .slick-dots {
	bottom: -65%;
	padding-bottom:60px;
	}

}
@media screen and (max-width : 900px){
.banner-box .slick-dots {
	bottom: -65%;
	padding-bottom:60px;
	}
}

@media screen and (max-width : 580px){
.banner-box .slick-dots {
	bottom: -55%;
	padding-bottom:60px;
	}
}
/**********バナースライダーここまで************************************/

.bana-link{
border-top: 3px #666666 solid;
padding-top: 30px;
margin-bottom: 50px;
padding-bottom: 30px;
}

.bana-link ul{
text-align: center;
list-style: none;
}

.bana-link ul li{
display: inline-block;
margin-left: 15px;
margin-right: 15px;
}
/**********バナースライダーなくしてただの羅列にしました（関連リンク）************************************/