@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Sans JP', sans-serif;
}
.sp {
	display:none;
}
h1, h2, h3, h4, h5, p, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img {
	border: none;
}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/*トップエリア----------------------*/
#top {
	background-image: url(../img/topbg.jpg);
	background-repeat: repeat-x;
	height: 100px;
	width: 100%;
}
#top .logo {
	float: left;
}
#top .nav {
	float: right;
	padding-top: 50px;
	/*	margin-left: 20%;*/
	width:50%;
}
#top .nav ul {
	text-align: right;
	margin-right: 60px;
}
#top .nav ul li {
	display: inline;	
}
#top .nav ul li a {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
#top .nav ul li a:hover {
	color: #69F;
}
#top .yoyaku {
	float: right;
}
/*ヘッダーエリア--------------------*/
#header {
	margin: 0px;
	padding: 0px;
}
#header img {
	height: auto;
	width: 100%;
}
/*コンテンツエリア-------------------*/
#contents {
	padding-top: 80px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 80px;
}
/*フッターエリア---------------------*/
#footer {
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	height: 170px;
	padding-top: 30px;
}

#footer .inner-footer {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#footer .inner-footer ul {
	text-align: center;
}
#footer .inner-footer ul li{
	display: inline;
}
#footer .inner-footer ul li a{
	display: inline-block;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	margin-right: 30px;
	margin-left: 30px;
}
#footer .inner-footer p {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 20px;
}
/*文字装飾---------------------*/
.midasi01 {
	font-size: 50px;
	color: #0047A3;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	padding-bottom: 5px;
	padding-left: 75px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006DD3;
	background-image: url(../img/midasi01.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 20px;
}
.midasi02 {
	font-size: 30px;
	color: #FFF;
	background-color: #0063B4;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 13px;
	padding-left: 15px;
	margin-bottom: 20px;
	border-radius:10px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
}
.midasi03 {
	/*	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size: 24px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0063B4;
	border-right-color: #0063B4;
	border-bottom-color: #0063B4;
	border-left-color: #0063B4;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 15px;
	color: #0063B4;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
	background-color:#f2ffff;
	padding-right: 15px;
}
.midasi03 a {
	color: #0063B4;
	text-decoration: none;
}
.midasi04 {
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-size: 20px;
	color: #0063B4;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 10px;
}
.midasi05 {
	font-size: 20px;
	color: #0063B4;
}
.midasi-info {
	font-size: 24px;
	color: #666;
	font-weight: bold;
	padding-left: 15px;
}
.info-area {
	margin-top: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}
.info-area ul li {
	font-size: 14px;
	color: #666;
	line-height: 150%;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#contents .bt01 a {
	width: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #F60;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-decoration: none;
	border-radius:10px;
	margin-bottom: 50px;
}
#contents .bt01 a:hover {
	background-color: #FC0;
}
.bt02 a {
	width: 700px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #666;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-decoration: none;
	margin-bottom: 50px;
}
.bt02 a:hover {
	background-color: #FC0;
}
.bt03 a {
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	background-color: #666;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-decoration: none;
	margin-top: 15px;
}
.bt03 a:hover {
	background-color: #999;
}
.waku01 {
	border: 3px solid #D4D0C8;
	background-color: #F8F7F5;
	margin-top: 50px;
	margin-bottom: 50px;
	background-image: url(../img/waku_bg.jpg);
	background-repeat: repeat;
	border-radius:19px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.waku02 {
	border: 3px solid #D4D0C8;
	background-color: #F8F7F5;
	margin-top: 50px;
	margin-bottom: 50px;
	background-image: url(../img/waku_bg.jpg);
	background-repeat: repeat;
	border-radius:19px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#contents .area01 p {
	font-size: 16px;
	line-height: 200%;
	color: #333;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 40px;
}
#contents .area01 .waku01 p {
	font-size: 16px;
	line-height: 200%;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
}
#contents .area01 .waku02 p {
	font-size: 16px;
	line-height: 100%;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 25px;
}
#contents .area01 .waku02 .qtxt {
	padding-bottom: 0px;
	font-weight: bold;
	line-height: 130%;
	font-size: 16px;
	color: #666;
}
#contents .area01 .waku02 .atxt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D4D0C8;
	padding-bottom: 15px;
	line-height: 150%;
	font-size: 16px;
}
#contents .area01 .waku02 .redtxt{
	color: #F33;
	font-size: 20px;
	padding-right: 15px;
}
#contents .area01 .waku02 .blutxt{
	color: #09F;
	font-size: 20px;
	padding-right: 15px;
	font-weight: normal;
}
#contents2 {
	background-color: #F2F3F2;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 70px;
	margin-bottom: 100px;
}
#contents2 .area02 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#contents3 {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 70px;
	margin-bottom: 50px;
	background-image: url(../img/toptop.jpg);
	background-size:cover;
}
#contents3 .area03 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	background-color: rgba(255,255,255,0.8);
	border-radius:10px;
	text-align: center;
}
#contents4 {
	background-color: #F2F3F2;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 70px;
	margin-bottom: 100px;
}
#contents4 .area04 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.area00 {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;
	margin-bottom: 80px;
}
.youtube {
	padding-bottom: 50px;
}
/*料金テーブル----------------------*/
.ryoukin {
	width: 1070px;
	margin-bottom: 80px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
}
.ryoukin th{
	background-color: #015DB0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	color: #FFF;
	font-size: 16px;
	/*background-image: url(../img/topbg.jpg);*/
	background-repeat: repeat-x;
}
.ryoukin td{
	padding: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	font-size: 20px;
	color: #666;
	text-align: right;
}
.ryoukin2 {
	width: 100%;
	font-size: 12px;
	margin-bottom: 80px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	border-left-color: #D4D0C8;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
}
.ryoukin2 th{
	background-color: #015DB0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	color: #FFF;
	font-size: 14px;
	/*background-image: url(../img/topbg.jpg);*/
	background-repeat: repeat-x;
}
.ryoukin2 td{
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	font-size: 14px;
	color: #666;
	text-align: right;
}
/*JQUARY関連---------------------*/
#theTarget {
	height: 900px;
	z-index: -20;
	position: absolute;
	top: 0px;
	width: 1600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 90px;
	}
.accordion2 {
	display: none;
}
#portamento_container {
	float:right;
	position:relative;
	margin-right: 10px;
}
 
#portamento_container #panel {
    float:none; 
    position:absolute;
}
 
#portamento_container #panel.fixed {
    position:fixed;
}
.shadow {
	-webkit-filter: drop-shadow(3px 3px 5px #a2a3a2);
}
#panel {position:absolute;top:380px;right:0px;}


/*Flex関連---------------------*/
.flex {
	display:flex;
	justify-content: space-evenly; 
/*	justify-content: space-between;*/
	margin-bottom: 20px;
	padding-top: 20px;
}
.item {
/*	border: 1px solid #D4D0C8;
	padding: 25px;*/
	width:530px;
}
.item3 {
	width: 305px;
	padding: 20px;
	text-align: center;
	border: 1px solid #999999;
	background-color: #FFF;
	border-radius:10px;
	
}
.item3 .ichiran {
	/*	background-color: #F2F3F2;*/
	padding: 10px;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	border-radius:10px;
	background-color: #FDEAD5;
}
.item4 {
	width: 330px;
/*	padding: 20px;*/
	text-align: center;
/*	border: 1px solid #999999;
	background-color: #FFF;
	border-radius:10px;*/
}
/*UL関連---------------------*/
.osusume {
	font-size: 18px;
	line-height: 200%;
	font-weight: bold;
	color: #003E91;
	/*	margin-left: 50px;*/
	margin-top: 30px;
	margin-bottom: 50px;
}
.osusume li {
	background-color: #ECF3FF;
	width: 30%;
	border: 2px solid #0063B4;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	border-radius:20px;
}
.waku01 ul {
	margin-bottom: 30px;
}
.waku01 ul li {
	font-size: 14px;
	color: #333;
	list-style-type: disc;
	padding-bottom: 15px;
	margin-left: 30px;
}
.glp01 {
	background-image: url(../img/glp01.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.glp02 {
	background-image: url(../img/glp02.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.glp03 {
	background-image: url(../img/glp03.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.toiawase {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D4D0C8;
	font-size: 16px;
	color: #333;
}
.toiawase td {
	padding: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D4D0C8;
}
.ipb01 {
	padding: 15px;
	width: 100%;
	border: 1px solid #D4D0C8;
}
/*---------------------------------*/
.autoplay {
	width: 100%;
	margin-top: 50px;
}
.autoplay .sls {
/*	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	padding-left: 10px;*/
}
.bmimg {
	margin-bottom: 30px;
}
/*---------------------------------*/
.sstxt {
font-size: 14px;
color: #ff6600;
}
.sstxt2 {
font-size: 14px;
color: #999;
}