@charset "UTF-8";

#main{
	background:url(../img/index/main3.jpg) no-repeat center bottom;
	background-size:cover;
	background-attachment: fixed;
	padding:30px 0;
	z-index:-2;
	position:relative;
	
	
}
#main h2{
	margin:0;
	letter-spacing:5px;
	position:relative;
	z-index:-1;
	font-size: 150%;
	color: #fff;
	
}
.company{
	background:url(../img/index/main1.jpg) no-repeat center center;
	
}


h3{
	color:#000;
	border:#ddd 1px solid;
	border-left:none;
	border-right:none;
	letter-spacing:3px;
	font-size:150%;
	text-align:right;
	margin-bottom:2em;
}

h3 span,h4 span,.red{
	color:#a80931;
	display:inline;
}

h4{
	font-size:120%;
	letter-spacing:2px;}

#topicpath {
	padding: 10px 20px;
	margin: 0 0 30px;
	text-align: right;
	font-size: 80%;
	letter-spacing: 2px;
}
#topicpath li {
	display: block;
	float:left;
	margin-right:10px;
}
#topicpath li a{
	color:#a80931;
}

table {
	width: 100%;
	margin: 1em auto 2em;
	border: none;
	background: url(../img/common/bg_f.jpg);
	font-size:100%;
	
}
table th, table td {
	padding:7px;
	color:#000;
}
table th {
	font-weight: normal;
	background:url(../img/common/bg1.jpg);
	width:25%;
	text-align:right;
}
table td {
	background: #fff;
	vertical-align: top;
	text-align:left;
	
}
#mailform {
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
}
#mailform span {
	display: inline;
	padding: 0 5px;
	color: #FF0004;
}
input {
	border: #ccc 1px solid;
	padding: 10px;
	margin: 5px 0;
}
textarea {
	border: #ccc 1px solid;
	padding: 10px;
	margin: 5px 0;
}
#btn {
	text-align: center;
}
#submit_btn, #reset_btn {
	margin: 0 10px 5px;
	padding: 10px 20px;
	font-size: 1.1em;
	background: #fcca0f;
	color: #000;
	border-style: none;
}
#mailform dt, #mailform dd {
	padding-bottom: 0.5em;
	display: block;
}
#sitemap {
	padding-bottom: 50px;
}
#sitemap li {

	margin-bottom: 5px;
	margin-left:50%;
}
#sitemap li a {
	border: #333 1px solid;

	display: block;
	padding: 10px;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	color:#aaa;
}
#sitemap li.index {
	margin-left: 0;
	margin-right: 51%;

}
#sitemap li a:hover {
	background:#222;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;

}


#link dt{

	margin-bottom:1em;
	border-left:5px #333 solid;
	padding:5px 0 5px 15px;
}
#link dd {
	border-bottom: #333 1px solid;
	padding:0 1em 2em;
	margin-bottom: 2em;
}
#link dd a{
	display:block;
	margin-top:1em;}
.table dt {
}
.table dd {
	margin-top: -1.7em;
	padding-left: 5em;
	margin-bottom: 2em;
}

.contents {
	margin-bottom: 2em;
}
#storeinfomation {
	font-size: 90%;
}
#storeinfomation div {
	padding: 20px;
	margin: 0 20px 20px;
}
.btn_contact {
	text-align: center;
	padding-bottom: 40px;
}
.btn_contact a {
	padding: 20px 40px;
	font-size: 120%;
	font-weight: bold;
	background: #c9350a;
	text-decoration: none;
	color: #fcca0f;
}
.btn_contact a:hover {
	background: #9d7556;
}


#privacy ol{
	padding: 0 1em;
	margin: 0 auto 40px;
	font-size: 90%;
}
ol li {
	list-style: decimal;
	margin-bottom: 2em;
	border-bottom: #333 solid 1px;
	padding-bottom: 2em;
}
#privacy ul{
	padding:0 2em 2em;
	font-size: 90%;
	}
.name img {
	width: 320px;
	padding-top: 1em;
}
.SiGN {
	text-align: right;
	padding: 0;
	padding-top: 2em;
}
.ul {
	padding:0 2em 1em;
}
.ul li {
	list-style: disc;
}
strong {
	color: #000;
}
.shadow {
	box-shadow: 0px 0px 6px 0px #bbb;
	-moz-box-shadow: 0px 0px 6px 0px #bbb;
	-webkit-box-shadow: 0px 0px 6px 0px #bbb;
}
.shiawase{
	float:right;
	padding:0 0 20px 20px;
	width:30%;
}
.shiawase img {
	

}
blockquote{
	text-align:center;
	font-size:110%;
	padding:1em 0 2em;
	font-weight:bold;
	color:#999;
	
	}
	.idea{
		text-align:center;
		padding:10px;
		border:#eee 1px solid;
		margin-bottom:3em;
		background:#f7f7f7;
}
.dl_common{
	padding:2em 0;
}
.dl_common dt{
	color:#25B0FF;
	padding-bottom:2em;
}
.dl_common dd{
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:#ccc 1px dotted;
}
.dl_common dd{
	font-weight:bold;
	color:#000;
	font-size:110%;
	padding-left:1em;
	}
.dl_common dd span{
	font-size:70%;
	display:block;
	font-weight:normal;
	color: #666;
}

#map{
	border:none;

}
#map img{
	width:310px;
}
.img_right{
	font-size:80%;}
.img_right img{
	display:block;
	margin-bottom:5px;
}
.flex_box h3{
	height: auto;
}
.flex_box h3,.bg1 h3{
	background:none;
	border:none;

}
#flow dl{
	font-size:110%;
	text-align:center;
}
#flow dl dt{
	font-weight:bold;
	font-size:110%;
	margin-bottom:1em;
	background:rgba(255,255,255,0.1);
	padding:5px 10px;
	border:1px solid #8E8282;
}

#flow dl dd{
	
	margin-bottom:2em;
}

#navi2 li,
#navi3 li {
	list-style-type: none;
	width: 25%;
	float: left;
	line-height:0;
}
#navi2 li img,
#navi3 li img {
}
#navi2 li,
#navi3 li{
	position:relative;
}

#navi3{
	}

#main2 {
	height: 400px;
}
#main3 {
	height: 550px;
}
#main2 img,
#main3 img {
	position: absolute;
}
.contact{
	font-size:100%;
}
.contact a{
	color:#000;
}

#navi2 li span,
#navi3 li span{
	background:#FF0004;
	color: #fff;
	padding:3px 5px;
	font-size:70%;
	line-height:1em;
	position:absolute;
	top:0;
	right:0;
	
}
.subtitle2{
	font-size:120%;
	font-weight:bold;
	padding:0;
}
.modal .modal-check:checked + .modal-body {
  animation: fadeout .2s 1 forwards, hide .1s .2s 1 forwards;
}
.modal .modal-check:checked + .modal-body .modal-window {
  animation: zoomout .2s 1 forwards;
}
#modal {
	display: block;
}

#modal div dl {
  position: relative;
}
#modal dt {
  display: block;
  text-align: right;
}
#modal dd{
	font-size:90%;
}
/*--------*/
/*--------*/
/*768px*/
/*--------*/
/*--------*/
@media screen and (min-width : 768px) {
	
#main{
	padding:230px 0 30px;
}

#topicpath{
	width:1200px;
	margin:0 auto;
font-size: 14px;
}
.img_right {
	padding-left: 40px;
}
.img_left {
	padding-right: 40px;
}
p.coupon img {
	padding: 20px;
	background: #fff;
}
.policy div {
	width: 25%;
	padding: 10px 20px;
	border-right: #ccc 1px dotted;
}
.policy div:first-child {
	border-left: #ccc 1px dotted;
}
.school_info {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 50px;
	border: #eee 1px solid;
}
.map {
	width: 800px;
	margin: 0 auto;
}
#sitemap {
	width: 50%;
	margin: 0 auto;
}


ol#privacy {
	width: 80%;
}

.ul{
	margin:0 7%;
}
.img_left img,
.img_right img{
	width:560px;
}
.dl_common{
	margin:0 auto;
	width:840px;
}
#link {
	padding:0 10%;
	
}
.img_left{
	padding:0 50px 0 0px;
	
	}

.img_right{
	padding:0 0px 0 50px;
	
	}
.img_left img,
.img_right img{
		width:500px;
	}
table th, table td {
	padding:7px 15px;}
#flow .contents{
	width:1000px;
}
#flow img{
	width:480px; 
	}
	#flow dl{
		float:right;
		width:460px;
	}
#flow .img_left{
	padding:0 0px 50px 0px;
background-color:transparent;
}
#map{
	float:left;
	width:550px;
	padding-right:50px;}
#contact_contents{
	width:600px;
}
#link_contents{
	width:800px;
}


#navi2 {
	width: 1000px;
	margin: 0 auto;
}
#navi3 {
	width: 1000px;
	margin: 0 auto;
	
}

#navi2 li, #navi2 li img,
#navi3 li, #navi3 li img {
	width: 200px;
	
}
#main2,#main3 {
	width: 1000px;
	margin: 0 auto;
	height: 680px;
}
#main2 img,
	#main3 img{
	width: 1000px;
}




.contents{
	width:1100px;
}
.contact{
	font-size:150%;
}
#main h2{
	font-size: 180%;

}
	
}