@charset "utf-8";
/*@media only screen and (max-width:320px) {*/

#background1{
    background-size: 100% 5%, 100% 1.7%;
	background-position: center 6%, center bottom;
	background-image:url(../images/top-Illustration/home_bg_02.png),url(../images/bg-images/bg_03.png);
}

#background2{
    background-size: 100% 2.2% ,100% auto;
    background-position: center 247px, center bottom;
	background-image:url(../images/bg-images/bg_04.png),url(../images/bg-images/bg_03.png);
}

#background3{
	background-size:100% 1.7% ,100% auto;
	background-position: center 240px, center bottom;
	background-image:url(../images/bg-images/bg_04.png),url(../images/bg-images/bg_03.png);
}

#background4{
    background-image:url(../images/bg-images/bg_07.png),url(../images/bg-images/bg_02.png);
    background-position: center 240px, center bottom;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size:100% 90px,100% auto;
}

#background5{
    background-image:url(../images/bg-images/bg_07.png),url(../images/bg-images/bg_02.png);
   background-position: center 240px, center bottom;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size:100% 90px,100% auto;
}

#background6{
    background-image:url(../images/bg-images/bg_07.png),url(../images/bg-images/bg_02.png);
    background-position: center 240px, center bottom;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size:100% 4.4%,100% auto;
}

#others{
    background-image:url(../images/bg-images/bg_07.png),url(../images/bg-images/bg_02.png);
    background-position: center 240px, center bottom;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size:100% 4.4%,100% auto;
}


a:hover {
    background: none;
}

/* Layout
------------------------------------------------*/
#container {
	width:100%;
	overflow: hidden;
}

/* header
------------------------------------------------*/

header {
    width: 100%;
    height: auto;
    position: relative;
    background: #00a7cd;
}

header h1 {
    margin: 0.5% 2.8% 1%;
    font-size: 0.6em;
    color: #673AB7;
    width: 93%;
}
header h2 {
    width: 86%;
    clear: both;
    font-size: 1.2em;
    margin: 3% 0% 0% 14%;
}
h2 img {
    width: 35%;
    height: auto;
    margin: 0% 0% 1%;
}

header p.tel {
    position: absolute;
    font-size: 1.4em;
    top: 55px;
    right: -12px;
    width: 68%;
    height: auto;
}
header p.tel img {
    margin: 15% 2% 2.5% 0;
    width: 6%;
}

header a {
	text-decoration: none;
}

.banner img {
    top: 23px;
    right: 0px;
    width: 120px;
    height: auto;
}

.logo img {
    position: absolute;
    top: 42px;
    left: 10px;
    width: 10%;
    height: auto;
}

.br2 {
	display: inline-block;
	line-height:0.5;
}


#header_hato {
    display: block;
    position: absolute;
    top: 256px;
    right: -43%;
    margin-right: 170px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-animation: homeHatoMove 2.2s ease-out .8s both;
    animation: homeHatoMove 2.2s ease-out .8s both;
    pointer-events: none;
}

#header_hato_img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-animation: homeHatoFrames .2s steps(1, end) .8s 14 both;
    animation: homeHatoFrames .2s steps(1, end) .8s 14 both;
}
/* nav
------------------------------------------------*/
nav {
    margin: 24% 0 -1%;
}

nav ul {
    margin: 26% 0 6% 1%;
    padding-left: 0px;
}

nav ul li {
    width: 46%;
    padding: 1%;
    border: 1px solid #999;
    float: left;
	margin-left: 4px;
	background-color: #f8f1e0;
	text-align: center;

}

nav ul li:first-child {
    width: 46%;
    padding: 1%;
    border: 1px solid #999;
    float: left;
    margin-left: 4px;
    text-align: center;
}
	
nav ul li a {
	font-size: 0.7em;
	width:100%;
}

nav ul li.right-border {
    border-right: 1px solid #999;
}



/* article　　
------------------------------------------------*/
/*ホバー打消し*/
#background1 .en1 a,#background1 .en1 a:hover{
  	background-image:url(../images/top-Illustration/information1.png);
}

#background1 .en2 a,#background1 .en2 a:hover{
  	background-image:url(../images/top-Illustration/information3.png);
}

#background1 .en3 a,#background1 .en3 a:hover{
  	background-image:url(../images/top-Illustration/hatopopo2.png);
}

#background1 .en4 a,#background1 .en4 a:hover{
  	background-image:url(../images/top-Illustration/hatopopo1.png);
}

.thumbnail-2 ul {
    text-align: center;
    list-style: none;
    padding-left: 0%;
}

.main img {
    float: left;
	margin: 2.5% 5% 0 4%;
    width: 41%;
    height: auto;
}

article h2 {
    width: 68%;
    margin: -25% auto -2%;
    font-size: 1.25em;
    border-radius: 335px;
    width: 68%;

}

.box-first .description {
    font-weight: bold;
    font-size: 2.2em;
    margin: -69% 3%;
    line-height: 0.5em;
}

.box-first img, .box-last img {
    padding: 22% 0 10%;
    width: 74%;
    height: 69%;
}

.box-first h3, .box-last h3 {
    font-size: 1.6em;
}
.box-last .description {
    font-weight: bold;
    font-size: 2.2em;
    margin:15% 3%;
    padding-top: 20%;
    line-height: 1.7em;
}
.thumbnail {
    margin-top: -21%;
}

.box-first {
    float: none;
    width: 90%;
    /*margin: 24% 5% -5%;*/
	margin: 10% 5% -5%;
    text-align: center;
}

.box {
	float: none;
    width: 90%;
    margin: 8% 5% -8%;
    text-align: center;
    height: 250px;
}

.box-last {
    float: none;
    width: 90%;
    margin: 8% 5% 35%;
    text-align: center;
}

.box3 {
    border: 1px #FF6633 solid;
    width: 91vw;
    margin: 0 3% 9%;
    padding: 0 5;
    font-size: 0.9em;
}

.box h2{
	margin:6% 3%;
	font-size: 1.5em;
}
.news {
    width: 83%;
    padding-left: 1%;
    margin: -24% 0 0 3%;
}

.news h2 {
    width: 45%;
}

.blog {
    width: 83%;
    margin: 3% 0 0 5%;
    padding-left: 1%;
}

.blog h2 {
    width: 64%;
}

article p.setumei{
	margin:5px 25px;
	font-size:0.85em;
}

article dl {
	width:96%;	
	padding-left: 3px;
}

article dt {
	font-size:0.85em;
}
article dd {
	font-size:0.85em;
}

dd.contact_dd {
	font-size: 80%;
}

article dl.contents1 {
    margin: 1% 0 1%;
    padding-top: 3%;
    font-size: 1.22em;
}

.info1 {
    float: left;
    width: 86%;
    margin: 7% 5% 0 3%;
    padding: 1% 1.6%;
    border: #FC0 dotted 7px;
    border-radius: 16px;
    font-size: 0.8em;
}

.info2 {
    float: left;
    width: 86%;
    height: 250px;
    margin: 6% 0 0 4.5%;
    padding: 1% 1.5%%;
    border: #09C 3px double;
    border-radius: 14px;
}

.info2 p　img{
    width: 45%;
    height: auto;
}


.info3 h3 {
    padding: 0.5% 2.5%;
    color: #666;
    border-left: 11px solid #999;
    margin: -13% 0;
    font-size: 1.2em;
}

#access img {
    height: 244px;
}

/* visual */
#slideshow {
    position: relative;
    height: auto;
    margin-bottom: 14%;
    margin-left: 1.2%;
    margin-top: 26%;
}

#title_image img {
    margin-bottom: -26%;
    width: 100%;
    height: auto;
}

/* HOME */

/*-----------------------------
	追加CSS(外部指導者)
-------------------------------*/

.box-last{
height: 350px;
}

.gaibu-back{
	width: 95%;
	margin: 22% 2.5% 0%;
    float: left;
}

.box-last p{
    font-size: 1.6em;
}

.box-last span{
    font-size: 1.2em;
}



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

#background1 article h2 {
    margin: -29% 1% 4% 7%;
    font-size: 1.2em; 
    /*color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
   /* background: rgba(188, 225, 224, 0.77);*/
    border-radius: 335px;
    width: 85%;
}

#background1 article .bosyuu{
    margin: 0 auto 4%;
    font-size: 1.6em;
}

#background1 article .bosyuu2 {
	margin: 0 auto;
}

.contents1 dd {
    padding: 0 0 1% 35%;
}

.contents2 dd {
    padding: 0 0 1% 35%;
}

.thumbnail-2 ul li a{
	margin:0 1.5% 0 ;
	width:130px;
	height:130px;
	overflow:hidden;
}

#background1 section.info1-a {
    width: 85%;
    margin-left: 4.5%;
}

#background1 #access {
    margin-bottom: 35%;
}

#background1 article dl.contents2 {
    margin: 1% -2% 6%;
	padding-top: 3%;
    font-size: 1.22em;
}

.blog h3 {
    margin: 1% -2% -2%;
    font-size: 1.4em;
}

.video img {
    position: relative;
    margin: -9% 5% 28%;
    width: 90%;
    height: auto;
}

.btn-video {
    width: 37%;
    height: auto;
    top: 76px;
    left: 162px;
}


/* video 
------------------------------------------------*/
.main2 {
    width: 100%;
    margin: 0 1%;
    font-size: 0.8em;
}

.page-contents img{
	width:100%;
	height:auto;
}
	
.videolist img{
	padding-left: 0;
	margin-top: 15px;
}
 
.video-box {
    width: 100%;
    margin: 0 -5.6%;
}

iframe{
	width: 100%;
}


/* about
------------------------------------------------*/

#background2 article h2 {
    margin: -26% 0 0 8%;
    font-size: 1.8em;
    width: 80%;
}

#info3-2 img.about-photo2 {
    width: 54%;
    margin: 1% 0.5% 0 3%;
}

#background2 .main {
    width: 100%;
    height: auto;
    margin: 59% auto 10%;
}

#info3-1 h3,
#info3-5 h3,
#info3-7 h3{
    margin-left: 8%;
    font-size: 1.3em;
    margin-top: 2.5%;
    padding-right: 0;
    width: 100%;
}
#info3-2 h3 {
    margin-left: 8%;
    font-size: 1.15em;
    margin-top: 1.5%;
    padding-right: 0;
    width: 100%;
}
#info3-2 h3 {
    margin-left: 8%;
    font-size: 1.3em;
    margin-top: 1.5%;
    padding-right: 0;
    width: 100%;
}

#info3-1-2 h3 {
    margin-left: 8%;
    font-size: 1.3em;
    margin-top: 2.5%;
    padding-right: 0;
    width: 100%;
}

#info3-3 h3 {
    font-size: 1.3em;
    margin-top: 2%;
    margin-left: 1.5em;
    width: 100%;
}
#info3-1 img, #info3-2 img, #info3-3 img, #info3-1-2 img , #info3-5 img ,#info3-7 img{
    width: 10%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

#info3-1 {
    height: 100%;
    padding-bottom: 0;
    margin: 3% 4% -7% 2.8%;
	-webkit-overflow-scrolling: touch;
}

#info3-1 p.info3-1-1 img{
    width: 0%;
}

#info3-3 p img {
    width: 35%;
    margin-top: 5%;
}

#info3-1 h4,
#info3-5 h4{
    margin-left: 4%;
    width: 89%;
    font-size: 1.5em;
    margin-top: 1%;
}

#info3-1 p {
    margin-left: 1%;
    width: 93%;
    padding: 0% 1% 0% 3%;
    text-align: justify;
}

#info3-2 p {
    margin-left: 1%;
    width: 93%;
    padding: 0% 1% 0% 1%;
    text-align: justify;
}

#goal2 {
    margin-left: 0%;
    width: 100%;
}

#goal3 {
    margin-left: 0%;
    width: 100%;
}

#info3-2 {
    height: 100%;
    margin: 3% 3% 2%;
    padding-bottom: 13%;
}
#info3-7 h3 {
    font-size: 1.3em;
    margin: 2% 0 1% 9%;
}

#policy1 {
    margin-top: 4%;
    margin-left: 3.2%;
    margin-bottom: -12%;
    width: 90%;
    height: 66vh;
    padding-left: 2%;
    font-size: 0.93em;
    overflow-y:scroll;
}


#policy2 {
    margin-top: 8%;
    margin-left: 3.2%;
    margin-bottom: -12%;
    width: 90%;
    height: 66vh;
    padding-left: 2%;
    font-size: 0.93em;
	overflow-y:scroll;
}

#policy3 {
    margin-top: 8%;
    margin-left: 3.2%;
    margin-bottom: -12%;
    width: 90%;
    height: 66vh;
    padding-left: 2%;
    font-size: 0.93em;
	overflow-y:scroll;
}

/*---------更新・追加--------------*/

.thumbnail-2 .new img {
    margin: 2% 5%;
    width: 90%;
    height: 100%;
}



/*スクロールバー表示させる*/
.text_pc::-webkit-scrollbar{ 
    width: 15px;
}
.text_pc::-webkit-scrollbar-thumb{ 
    background:#999;
    border-radius: 10px;
}
.text_pc::-webkit-scrollbar-track-piece:start{
    background:#CCC;
}
.text_pc::-webkit-scrollbar-track-piece:end{
    background: #CCC;
}

#info3-2 img.about-photo3 {
    width: 54%;
    margin: 1% 2.5% 0 3%;
}


#info3-3 {
    height: 100%;
    margin: 1% 3% 0%;
}

#info3-2 img.about-photo1 {
    width: 60%;
    margin: -7% -2.5% 1% 3%;
}

#info3-2 img.about-photo1 {
    width: 55%;
    margin: 2% 0 2% 3%;
}


/*introduce*/

#background3 #info3-2 p.info-description {
    width: 90%;
    padding: 3% 1% 12% 2.5%;
    font-size: 1.2em;
    text-align: justify;
    line-height: 1.6;
    border-bottom: 3px dotted #ccc;
}

#background3 #info3-2 p.info-description {
    width: 90%;
    padding: 0 1% 27% 2.5%;
    font-size: 1.2em;
    text-align: justify;
    line-height: 1.6;
    border-bottom: 3px dotted #ccc;
}

#background3 article h2 {
    margin: -41% 0 1% 24%;
    font-size: 1.9em;
    /*color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
    /*background: rgba(188, 225, 224, 0.77);*/
    padding: 1%;
    border-radius: 335px;
    width: 53%;
}


#background3 .main {
    width: 100%;
    height: auto;
    margin: 69% auto 10%;
}


#introduce1,#introduce2,#introduce3,#introduce4,#introduce5,#introduce6 {
    height: 100%;
}

#introduce1 img {
    width: 46%;
    left: 45%;
    top: 91%;
}

#introduce2 img {
    width: 52%;
    left: 38%;
    top: 75%;
}

#introduce3 img{
    width: 41%;
    left: 51%;
    top: 86%;
}

#introduce4 img {
    width: 46%;
    left: 45%;
    top: 82%;
}

#introduce5 img{
    width: 32%;
    left: 60%;
    top: 80%;
}

#background3 #introduce6 img {
    width: 36%;
    left: 62%;
    top: 84%;
}

#background3 #info3-1 img.photo-position1 {
    top: 87%;
    width: 40%;
    left: -4%;
}

#background3 #info3-1 img.photo-position2 {
    left: 32%;
    top: 100%;
    width: 40%;
}

#background3 #info3-1 img.photo-position3 {
    left: -3%;
    top: 120%;
    width: 42%;
}

#background3 #info3-1 img.photo-position4 {
    left: 56%;
    top: 131%;
    width: 41%;
}

#info3-2 .img5,.img1-1,.img2-1,.img4-1,.img7-1,.img8-1,.img9-1,.img10-1,.img-1{
	display: none;
}


#info3-3 .img5-1,.img6,.img7,.img8{
	display: none;
}


#background3 #info3-2 .season1{
	width:40%;
	margin-top: 33%;
}

#background3 #info3-2 .season2{
	margin-top: 41%;
}

#background3 #info3-2 .season3{
	margin-top: 44%;
}

#background3 #info3-2 .season4{
	margin-top: 50%;
}

#background3 #info3-2 .img1 {
    width: 36%;
    top: -768px;
    left: 58%;
}

#background3 #info3-2 .img2 {
    /*width: 20%;
    top: -603px;
    left: 0;*/
	display:none;
}

#background3 #info3-2 .img3 {
    /*width: 26%;
    top: -442px;
    left: 69%;*/
	display:none;
}

#background3 #info3-2 .img4 {
    width: 29%;
    top: -252px;
    left: 65%;
}

#background3 #info3-3 {
    height: 100%;
}

#background3 #info3-2 .img4 {
    /*width: 24%;
    top: -410px;
    left: 70%;*/
    display: none;
}

#background3 #info3-1 {
    margin: 3% 4% -5% 2.8%;
    padding-bottom: 60%;
}

#background3 #info3-2 {
    margin: 3% 4% 0% 2.8%;
    width: 93%;
    height: 1025px;
}

#background3 #info3-2 .img3-1 {
    /*width: 30%;
    top: -15px;
    left: -2%;*/
	display:none;
}

#background3 #info3-2 .img5-1 {
    /*width: 25%;
    top: 1px;
    left: -90px;*/
	display:none;
}

#background3 #info3-2 .img6-1 {
    /*width: 30%;
    top: -105px;
    left: 200px;*/
	display:none;
}

#background3 #info3-2 .img11-1 {
	display:none;
}

#background3 #info3-2 .img12-1 {
	display:none;
}

info3-2 p.info-description {
    width: 93%;
    padding: 0 1% 2% 2.5%;
    font-size: 1.0em;
    text-align: justify;
    line-height: 1.6;
    border-bottom: 3px dotted #ccc;
}

#info3-2 dl {
    float: right;
    width: 96%;
    line-height: 2.2em;
    font-size: 1em;
    margin-top: 0;
}

/*スクロールバー表示させる*/
.text_pc::-webkit-scrollbar{ 
    width: 15px;
}
.text_pc::-webkit-scrollbar-thumb{ 
    background:#999;
    border-radius: 10px;
}
.text_pc::-webkit-scrollbar-track-piece:start{
    background:#CCC;
}
.text_pc::-webkit-scrollbar-track-piece:end{
    background: #CCC;
}


#background3 #info3-2 dl1 {
    width: 100%;
    line-height: 2em;
}

#background3 #info3-2 dt {
    float: left;
    margin: 0 -11% 1% 0;
	font-size: 1.1em;
}


#background3 #info3-2 dd {
    padding: 1% 0 1% 22%;
    width: 76%;
	font-size: 1.1em;
}


#background3 .flow dd {
    font-size: 1.2em;
    padding-left: 33%;
    line-height: 1.7;
}

#background3 .flow dd.description ,#background3 .flow dd.description-a{
    margin-top: -3%;
    font-size: 0.93em;
    width: 66%;
    color: #F60;
    line-height: 1.4em;
}

#background3 .flow dt {
    font-size: 1.1em;
    margin: 1.5% 0 0 3%;
    line-height: 1.2em;
}

#background3 #info3-3 p {
    color: #452420;
    padding: 1% 0 0% 0;
    font-size: 0.98em;
    border: none;
    margin-top: -2%;
    margin-left: 5%;
    width: 90%;
	line-height:1.3;
}
section.info2 {
    float: left;
    width: 90%;
    height: 320px;
    margin: 1% 0 -7% 2.5%;
    padding: 0 1.5% 3%;
    border: #09C 3px double;
    border-radius: 50px;
    background: #fff;
    text-align: center;
}

/*hatopopo*/
#background5 #info3-2 {
    height: 100%;
    margin: 10% 3% 2%;
    padding-bottom: 18%;
}

#background5 #info3-1 h3 {
    margin-left: 8%;
    font-size: 1.2em;
    margin-top: 2.5%;
    padding-right: 0;
    width: 83%;
}

#background5 #info3-2 h3 {
    margin-left: 8%;
    font-size: 1.4em;
    margin-top: 3%;
    padding-right: 0;
    width: 100%;
}

#background5 #info3-2 .txt {
    width: 92%;
    margin-top: 7%;
    margin-left: 3%;
    text-align: justify;
}
#background5 .main {
    width: 100%;
    height: auto;
    margin: 81% auto 4%;
}

#background5 #info3-2 .txt2 {
    margin-top: 74%;
    margin-bottom: 10%;
    font-size: 1.6em;
}

#background5 #info3-1 dl {
    margin-left: 9px;
    margin-top: 50px;
}

#background5 #info3-2 dl {
    float: right;
    width: 75%;
    line-height: 2.2em;
    font-size: 1.1em;
}

#background5 #info3-2 .txt3 {
    font-size: 176%;
}

#background5 #info3-2 dl {
    float: right;
    width: 98%;
    line-height: 2.2em;
    font-size: 1.1em;
    margin-top: 5%;
}


#background5 article h2 {
    margin: -50% 1% 4% 12.5%;
    font-size: 1.8em;
   /* color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
    /*background: rgba(188, 225, 224, 0.77);*/
    border-radius: 335px;
    width: 71%;
}

#info3-1 .hato {
    position: static;
    float: right;
    width: 17%;
    margin: 1% 4% 0px 5%;
}


/*information*/
#background4 #info3-1, #background4 #info3-1-2,  #background4 #info3-2{
    float: left;
    width: 93%;
    color: #36f;
    border: #399 2px solid;
    margin: 0 3% 2%;
    height: auto;
    background: #fff;
    border-radius: 12px;
    position: relative;
	padding-bottom: 0;
}

#background4 #info3-1 dl ul,
#background4 #info3-5 dl ul{
    list-style-type: square;
    padding-left: 10%;
}
#background4 article h2 {
    margin: -60% 1% 4% 14.5%;
    font-size: 1.8em;
   /* color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
    /*background: rgba(188, 225, 224, 0.77);*/
    border-radius: 335px;
    width: 68%;
}

#info3-4 img {
    margin: 6% 0% 0% 5%;
    width: 11%;
    height: auto;
}
#background4 .main {
    width: 100%;
    height: auto;
    margin: 89% auto 10%;
}

#background4 #info3-4 h3 {
    font-size: 20.8px;
    text-align: center;
    color: #222;
    margin: 3% 7% 1% 0;
}

#background4 #info3-4 p {
    margin: 3% 0 3.8% 2%;
    font-size: 0.95em;
}

#background4 .list-free1 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 2em;
    width: 78%;
}
#background4 .list-free2 {
    margin: 2% -6%;
    font-size: 0.9em;
    line-height: 1.8em;
    width: 84%;
}
#background4 .list-free3 {
    margin: 5% -4px;
    font-size: 1.1em;
    line-height: 1.5em;
    width: 77%;
}
#background4 .list-free3 :last-child {
    margin: 5% 0% 7%;
    font-size: 1em;
    line-height: 1em;
    width: 88%;
}
#background4 #info3-4 .table img {
    width: 97%;
    margin: 2%;
}

#background4 #info3-3 .access h4 {
    width: 91%;
}

#background4 #info3-3 .access p {
    width: 93%;
}

#background4 #info3-1 dt,
#background4 #info3-5 dt{
    float: none;
    margin: 0 0% 1% 1%;
    font-weight: bold;
    color: #36f;
    font-size: 1.1em;
    width: 82%;
    max-width: 100%;
}

#background4 #info3-1 dd,
#background4 #info3-5 dd{
    color: black;
    width: 94%;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #f7ba05;
    text-align: justify;
    margin: 0 0 1% -16%;
}

#background4 #info3-1-2 dd {
    color: black;
    width: 97%;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #f7ba05;
    text-align: justify;
    margin: 0 0 1% -5%;
    padding-left: 5%;
    float: left;
}

#background4 #info3-2 dd {
    width: 98%;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #f7ba05;
    padding-left: 0%;
}

#background4 #info3-3 .access img {
    width: 92%;
    height: 22%;
    position: absolute;
    left: 14px;
    top: 469px;
    margin: 0;
}

#background4 #info3-4 h4{
    padding: 0 2%;
}

#background4 .list-briefing{
    padding: 0 2%;
}

#background4 #info3-4 span{
    font-size: 1.2em;
    margin: 10px 0 0 0;
    padding: 0 2%;
    text-align: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.information-list .title{
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
}

.information-list .content{
    margin: 10px 0 0 0 !important;
}

.information-list .content ul{
    padding-left: 7% !important;
}

article section dt {
    float: left;
    margin: 0 0 1%;
    line-height: 1.2;
}

#info3-2 dd.date {
    color: #36F;
    font-size: 1.0em;
    font-weight: bold;
    margin-top: 15%;
    padding-left: 3%;
    width: 91%;
}

#info3-2 dd {
    line-height: 1.3;
}

#background4 #info3-3 .padding{
    padding-bottom: 224px;
}

#background4 #info3-3 .google-map{
	padding: 24% 26% 10% 26%;
}

#background4 #info3-2 h3{
	font-size:1.12em;
}

/* privacy_policy */

#others article h2 {
    width: 98%;
    margin: -50% auto 3%;
    font-size: 1.2em;
    border-radius: 335px;
}

#others header h2 {
    width: 79%;
    clear: both;
    font-size: 1.4em;
    margin: 3% 0% 0% 14%;
}

#others .main {
    width: 100%;
    height: auto;
    margin: 76% auto 10%;
    text-align: center;
}

#others .privacy ul {
    margin: 2% 0;
}


#others article h3 {
    margin: 3% 0 1% 3%;
    font-size: 1.4em;
    width: 94%;
    text-align: left;
}

#others .br2:before {
	content: "\ " ;
	white-space: pre ;
}
/* inquiry
------------------------------------------------*/
article section .formTable {
    width: 93vw;
    margin-left: 1%;
}

article section table.formTable th {
    line-height: 1.5em;
    padding: 5% 2%;
    table-layout: fixed;
    width: 40%;
    font-size: 0.75em;
}

article section table.formTable td {
    line-height: 1.5em;
    padding: 2% 1%;
    table-layout: fixed;
    width: 100%;
}
	
input{
	margin-left:2px;
}
span.hissu {
    padding-left: 3px;
	padding-top:10px;
}

.inquiry h2 {
    padding-left: 1%;
    border-left: 11px solid #999;
    margin: 2% 0 1.3% 2%;
    font-size: 1.2em;
    text-align: left;
    width: 100%;
}

.info4 {
    margin: 3% 3% -2%;
    height: 270px;
    width: 93vw;
}

#background6 .main {
    width: 100%;
    height: auto;
    margin: 63% auto 10%;
    text-align: center;
}

#background6 .inquiry h3 {
    float: right;
    padding-left: 1%;
    margin: 2% 0 1.3% 0%;
    font-size: 1.3em;
    text-align: center;
    background: none;
    padding: 1%;
    border-radius: 0;
    width: 98%;
}
#background6 .main .inquiry img {
    display:none
}

#background6 .font4 {
    font-size: 13px;
    width: 88%;
}

#background6 .font5 {
    font-size: 16px;
    width: 55%;
    padding-top: 2%;
    margin-top: -2%;
}
	
#background6 .inquiry {
	background: none;
    width: 95%;
    height: 800px;
    margin: 0 2%;
}

#background6 #info3-2 dl {
    float: right;
    width: 76%;
    line-height: 2.2em;
    font-size: 1.1em;
}

#background6 article h2 {
    margin: -39% 1% 4% 7.5%;
    font-size: 1.8em;
    text-align: center;
    letter-spacing: 3px;
    border-radius: 335px;
    width: 81%;
}

.inquiry p {
    float: left;
    margin: 3% 3% -2%;
    font-size: 0.9em;
    padding: 5%;
    width: 85%;
}

p.center {
    text-align: center;
    display: inline;
    background: none;
    border-radius: 15px;
}


/*about
------------------------------------------------*/

.info3 {
    margin: 3% 3% -2%;
    height: 270px;
    width: 93vw;
}

.photo_corprate img {
    margin: -7% 5% 17%;
    width: 90vw;
    height: auto;
}

.corporate {
    /*margin-bottom: -6%;*/
}

.corporate h2 {
    padding-left: 1.5%;
    color: #666;
    border-left: 11px solid #999;
    margin: 2% 0 1.3% 3%;
    font-size: 1.1em;
    text-align: left;
}

.tb01 {
    width: 91vw;
    border: solid 1px #999;
    font-size: 0.75em;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0;
    margin: 0 5% 12%;
}
.tb02 {
    width: 91vw;
    margin:1% 1% 2%;
    border: solid 1px #999;
    background: #fff;
    border-radius: 5px;
     box-shadow:0; 
    margin: 0 5%;
    font-size: 0.7em;
}

/* visual
------------------------------------------------*/
#slideshow IMG {
    top: -64px;
    left: 6px;
    z-index: 8;
    width: 95%;
    height: 167px;
}


/* article　
------------------------------------------------*/
.main2 {
    width: 100%;
    font-size: 0.8em;
    margin: 62% 0 0;
}

/*access
-------------------------------------*/
#access{
    float: none;
}

.info1 h3, .info2 h3 {
    margin: 3% 2% 0% 1%;
    color: #452420;
    font-size: 1.5em;
    text-align: center;
}

section.info1 {
    margin-top: 5%;
    width: 85%;
    font-size: 11px;
    margin-left: 3%;
}

section.info1 dd {
    padding: 0 0 1% 26%;
    font-size: 14px;
    text-align: justify;
    width: 71%;
}

section.info1 dt {
    color: #36F;
    font-weight: bold;
    font-size: 14px;
    margin-left: -6%;
}

section.info2 {
    float: left;
    width: 90%;
    height: 320px;
    margin: 1% 0 -7% 2.5%;
    padding: 0 1.5% 3%;
    border: #09C 3px double;
    border-radius: 50px;
    background: #fff;
    text-align: center;
}
/* footer
------------------------------------------------*/
footer {
    clear: both;
    margin: 0 4.5% 19%;
    text-align: center;
    width: 91%;
    height: auto;
    color: #fff;
    background: #eee;
}

.footer_left dl {
    font-size: 1.1em;
    color: #336699;
    width: 100%;
    border-bottom: 1px solid #999;
    margin: 1% 0%;
    padding-bottom: 5%;
}


.footer_center{
	float:none;
	font-size:0.9em;
	width:98%;
}
.footer_right {
    font-size: 15px;
    width: 100%;
    height: 30%;
}

footer small {
    padding: 3% 16% 5%;
	width:100%;
	    color: black;
}

footer ul {
    padding: 0 3% 6%;
    width: auto;
    margin: 0 auto;
    border-bottom: 1px solid #999;
}

footer ul li {
	border:0;
}

.footer_left {
    font-size: 0.9em;
    float: none;
    height: auto;
    margin-bottom: 10px;
    width: auto;
}

p.pagetop img {
    vertical-align: bottom;
    bottom: 8px;
    right: 10px;
    position: fixed;
    width: 13%;
}




/*2018.01.15山本追加*/
/*.notice {
	width: 84.8%;
	background-color: #FFF;
	border-color: #452420;
	border-radius: 15px;
	padding: 10px;
	padding-top: 3px;
	margin-bottom: 20px;
	float: left;
	margin: 20% 5% 2%;
}
.notice h3 {
	background-color:  #39f;
	color: #FFF;
	text-align: center;
}*/

/*2018.01.31山本追加*/

.res-br1{
	display: block;
}
.res-br2{
	display: block;
}
.br3{
	display: block;
}

/* 2018.07.26 長谷部追加 */
.mobile-none{
    display: none;
}