@charset "UTF-8";
/*　Main Structure	
------------------------------------------------*/
body {
    background-image: url(../images/top-Illustration/nav4.png),url(../images/bg-images/bg_07.png),url(../images/bg-images/bg_02.png);
	background-position: center 287px ,center 0px, center bottom;
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-size: 100% 57px,100% 274px,100% auto;
}

/*  nav  
------------------------------------------------*/
nav ul {
    margin-top: 29.2%;
}


/* article 
------------------------------------------------*/
.main {
    width: 100%;
    height
	: auto;
    margin: 29% auto 10%;
}

.main img {
    float: left;
    margin: 2.5% 3% 2% 3%;
    width: 18%;
    height: auto;
}

.thumbnail {
    margin-top: 5%;
    margin-bottom: 3%;
}

article h2 {
    margin: -24% 8% 1% 29%;
    font-size: 2.5em;
    /*color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
    background: rgba(188, 225, 224, 0.77);
    padding: 1%;
    border-radius: 335px;
    width: 36%;
    color: #fff;
    background: #e83569;
}

/* information
------------------------------------------------*/

/* info３ */

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

#info3-2, #info3-3 {
    float: left;
    width: 93%;
    color: #069;
    border: #399 2px solid;
    margin: 0 3% 2% 3%;
    height: auto;
    background: #fff;
    border-radius: 12px;
    position: relative;
}

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

#info3-1 img, #info3-1-2 img, #info3-2 img, #info3-3 img, #info3-5 img {
    width: 5%;
    height: auto;
    position: absolute;
    left: -5px;
    top: -10px;
}
.bus  {
    width: 21%;
    position: relative;
    margin: -22.5% 6% 0 0;
    float: right;
}

#info3-1 h3,
#info3-1-2 h3,
#info3-5 h3{
    color: #452420;
    padding: 1% 8%;
    font-size: 2.2em;
    border: none;
    margin-top: 0;
}

#info3-3 h3 {
    color: #452420;
    padding: 1% 8.1%;
    font-size: 2.2em;
    border: none;
    margin-top: 0;
}

#info3-2 h3 {
    color: #452420;
    padding: 1% 8%;
    font-size: 2.2em;
    border: none;
    margin-top: 0;
}

.photo_corprate {
	display:inline;
	padding:0;
	margin:0;
}

.photo_corprate img {
	margin: 0 -1% 4% 5%;
	width: 40%;
}


#info3-1 h4,#info3-1-2 h4, #info3-2 h4{
    color: #452420;
    font-size: 1.9em;
    margin: 1% 3% 4% 3%;
    border-bottom: #F90 3px dotted;
}

#info3-5 h4 {
    color: #452420;
    font-size: 1.9em;
    margin: 1% 0 2% 3%;
    border-bottom: #F90 3px dotted;
    width: 93%;
}

#info3-5 dl{
    padding: 0 3%;
    word-break: break-all;
}

#info3-5 dt{
    max-width: 16%;
}

#info3-1 p, #info3-1-2 p, #info3-2 p, #info3-3 p {
    color: #452420;
    padding: 1% 0 0 2%;
    font-size: 1.0em;
    border: none;
    margin: 1% 0 -1% -2%;
    width: 100%;
}

#info3-2 .txt{
	width: 97%;
}

#info3-2 .txt2{
	margin-top: 10px;
	margin-left: 10%;
	text-align: center;
	font-size: 180%;
	font-weight: 600;
	color: #fa0b0b;
}

#info3-2 .txt3{
	margin-top: -33px;
	margin-left: 10%;
	text-align: center;
	font-size: 282%;
	font-weight: 600;
	color: #fa0b0b;
}

#info3-2 dd{
	color: black;
}

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

#info3-1 dl, #info3-1-2 dl {
    margin: -2% 0 4% 5%;
    width: 95%;
}

#info3-1 dl, #info3-1-2 dl {
    margin: -2% 0 4% 3%;
    width: 95%;
}

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

dd.padding-bottom{
	padding-bottom:6%;
}

#info3-1 dl ul,
#info3-5 dl ul{
    list-style-type: square;
    padding-left: 4%;
}

#info3-1 dl ul span.ds-1{
	color:#e83569;
	font-size:17px;
	font-weight:bold;
}

#info3-1 dl ul span.ds-2,
#info3-5 .ds-2{
	color:#e83569;
	font-size:17px;
	font-weight:bold;
}

#info3-1 dl ul li::after{
	color:#306;
}

#info3-2 dl{
	margin-left: 3%;
	margin-top: 5%;
}

#info3-2 dd{
	width: 70%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #f7ba05;
}

.txtcolor{
	color: #f60000;
}

article section dt {
    float: left;
    margin: 0 0% 1% 0;
    font-weight: bold;
    color: #36f;
    font-size: 1.1em;
    /*text-align-last: justify;*/
}

article section dd {
    margin: 0 0 1%;
    padding: 0 0 1% 19%;
}

.padding{
	padding-left:1em;
}

#info3-3 .access img {
    width: 45%;
    height: 46%;
    position: absolute;
    left:457px;
    top: 122px;
    margin: 0;
}

#info3-3 .access h4 {
    font-size: 1.4em;
    border-bottom: 8px dotted #36F;
    width: 45%;
    margin: 0 0 1% 3%;
    color: #36F;
}

#info3-3 .access p {
    width: 45%;
    height: auto;
    font-size: 1em;
    margin: -1.5% 1% -1%;
    text-align: justify;
}

#info3-4 h3 {
    color: #452420;
    padding: 1% 8%;
    font-size: 2.2em;
    border: none;
    margin-top: 0;
}

#info3-4 p {
    text-align: left;
    font-size: 1.2em;
    margin: 3% 0 3.8% 22%;
}

#info3-4 img {
    width: 5%;
    height: auto;
    position: absolute;
    left: -5px;
    top: -10px;
}

#info3-4 .table img {
    width: 50%;
    height: auto;
    position: relative;
    margin: 1% 2% 2% -22%;
    border: 1px #cccccc solid;
}

#info3-4 .ensya{
	margin: -25% 2% 0% 7%;
	float: right;
}

#info3-4 span {
    font-size: 1.45em;
    margin: 3% 0 0 0;
    display: block;
    color: #e83569;
    font-weight: bold;
    text-align: center;
}

#info3-3 .access p.google-map {
    padding: 1% 0 1% 65%;
}

.list-free1 {
    margin: -4% 2% 4%;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 2em;
    list-style: none;
}

.list-free2 {
    color: #333333;
    margin: 4% 2% 4%;
    font-size: 0.9em;
    line-height: 3em;
    list-style: none;
}
.list-free3 {
    color: #E83569;
    margin: 8% 2% 4%;
    font-size: 1.1em;
    line-height: 2em;
    list-style: none;
}
.list-free3 :last-child {
    color: #000000;
    margin: 3% 2% 4%;
    font-size: 1.1em;
    line-height: 2em;
    list-style: none;
}

/* info１,２【アクセス】　*/
.info1, .info2 {
	margin-top: 3%;
	margin-bottom: -7%;
}
section.info1 ,section.info2 {
     margin-top:4%; 
}

section.info2 img{
	margin:0 0 0 -1%;
}

.br2:before {
	content: "\A" ;
	white-space: pre ;
}

/* pricetable */

#info3-1 .table {
    display: inline;
    margin-right: 10%;
}

.price {
    margin: 2% 3% 3% 2%;
}

table.pricetable{
    width: 90%;
    border-collapse: collapse;
}

table.pricetable td{
	padding:5px;text-align:center;border:1px solid #333;
}

table.pricetable tr:first-child td{
	background-color:#FFFF99;
}

.pricetable + p{
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#price2 + div +p{
    margin-top: 10px;
}
#info3-4 h4{
    font-size: 20px;
    color: #000000;
    margin-bottom: -1%;
    padding-left: 8%;
}
.list-briefing,
.list-briefing li{
    list-style: none;
}

.list-briefing{
    margin: 0;
    padding-left: 22%;
}

.list-briefing li{
    margin-top: 10px;
}

.list-briefing li:first-child{
    margin-top: 0;
}

.information-subtitle{
    margin-bottom: 20px !important;
}

.information-list,
.information-list > li{
    list-style: none;
}

.information-list{
    margin-top: 0;
    padding: 0 3%;
}

.information-list > li{
    border-bottom: dashed 1px #f7ba05;
    padding: 1% 0;
}

.information-list > li:after{
    clear: both;
    content: '';
    display: table;
    overflow: hidden;
}

.information-list > li:first-child{
    padding-top: 0;
}


.information-list .title{
    color: #36F !important;
    float: left !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    text-indent: -1em !important;
    width: 19% !important;
    padding: 0 0 0 1em !important;
    margin: 0 4% 0 0 !important;
}

.information-list .content{
    color: black !important;
    overflow: hidden !important;
    margin: 0 !important;
}

.information-list .content em{
    color: #E83569;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
}

.information-list .content ul{
    padding: 0 0 0 4%;
}

.information-list .content li{
    list-style-type: square;
}

/* footer
------------------------------------------------*/
footer {
    margin: -9% 0 28%;
    padding: 1px;
}

/* 20190712田辺追加 */
span.infomation-info{
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: 1em;
	text-align: center;
	margin: 10% 0 3% 0;
}
#info3-1-a {
	float: left;
	color:#36f;
	border:#399 2px solid;
	height:auto;
	background: #fff;
	border-radius:12px;
	position: relative;
	width: 93%;
	margin: 0 3% 2%;
}

#info3-1-a p {
	text-indent: 1em;
	color: #000;
	font-size:1.1em;
	line-height:1.75em;
	padding: 0 12%;
	width: 76%;
	margin:0;
}
.sign {
	width: 100%;
	margin: 8% 0;
}
.signature {
	display: block;
	color:#000;
	font-weight:bold;
	width: 75%;
	padding: 0 12.5%;
	text-align: right;
	line-height:2em;
}

/* 20190718お知らせ文章スマホ用調整田辺追加 */
.infobr{
	display: none;
}
@media only screen and (max-width:414px) {
	#info3-1-a p{
		width: 80%;
		padding: 0 10%;
	}
	.infobr{
		display:block;
	}
	.signature{
		width: 80%;
		padding: 0 10% 0 10%;
	}
	span.sign01 {
		padding: 0 10% 2% 10%;
	}
}
@media only screen and (max-width:375px) {
	#info3-1-a p{
		width: 81%;
		padding: 0 9.5%;
	}
	.signature{
		width: 81%;
		padding: 0 9.5% 0 9.5%;
	}
	span.sign01 {
		padding: 0 9.5% 2% 9.5%;
	}
}
@media only screen and (max-width:360px) {
	#info3-1-a p{
		width: 80%;
		padding: 0 10%;
	}
	.signature{
		width: 80%;
		padding: 0 10% 0 10%;
	}
	span.sign01 {
		padding: 0 10% 2% 10%;
	}
}