@media only screen and (max-width: 1024px) {

.pagetop.to-top.fixed {

    bottom: 15.5em;

    right: 1em;

}

} /* END 1024px以下 */



@media only screen and (max-width: 768px) {

/* Header

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

#header .logo {

    float: none;

    width: 25%;

	margin-bottom:8px;

}

.naegi-submit {

    margin: 4px 0 0 16px;

    width: 122px;

}

.header_contact {

    margin: 8px 0 16px;

}

.nav_area {

    margin-left: 0;

    width: 600px;

}

.nav_area li a {

    height: 60px;

    padding: 20px 0;

}

.contents_area ul li img {

	max-width:82%;

}





/* content

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

#content {

	width:100%;

}

.wrap {

	width:100%;

}

#toppage #content{

	padding-bottom:32px;

}

#content .row {

	margin-bottom:8px;

}

.row p,.row ul,.row ol,.row pre,.row blockquote,.row table {

  margin-top: 0;

  margin-bottom: 8px;

}





/* main

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

#main3 {

    float: left;

    width: 56%;

}

#main3 img {

	max-width:100%;

}

.parts4 .kiji_contents {

    padding: 0 16px;

}

.parts4 h3 {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width:100%;

}





/* side-bar

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

.side-bar {

}





/* footer

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

#footer .left_box {

    width: 33%;

}

#footer .left_box a {

	color:#fff;

}

#footer .right_box {

    margin-left: 24px;

    width: 60%;

}

#footer .right_box ul {

    margin-left: 24px;

}

#footer ul li {

    width: 30%;

}

#footer ul li:nth-child(3n+1) {

    width: 37%;

}

.pagetop.to-top.fixed {

    bottom: 32px;

}

.pagetop a {

    height: 32px;

    width: 32px;

}

.to-top img {

    width: 100%;

}

} /* END 768px以下 */



@media only screen and (max-width: 740px) {

	.nav_area .sp-visible {display:block;}

	.nav_area .pc-visible {display:none;}



/* header

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

#header .logo {

    width: 40%;

	float:left;

	margin-bottom:0;

}

.nav_area {

    margin: 16px 0 0 8px;

    width: 33px;

	float:right;

}

.nav_area ul {

	display:block;

	position:absolute;

	top:58px;

	left:0;

	z-index: 2147483647;

	background:rgba(255, 255,255, 0.96);

}

.nav_area ul li {

	display:block;

	width:100%;

	text-align:left

}

.nav_area li:first-child a {

    border-left: none;

}

.nav_area li a {

    border-top: 1px solid #d9dddc;

    height: auto;

    padding: 12px;

}

/*

.menu {

	font-family: "Lato",Calibri,Arial,sans-serif;

	padding:5px 0;

    width: 100%;

	background:#f0f0f0;

	border:1px solid #ccc;

}

.menu:hover,

.menu:focus {

	background:#f6f6f6;

}

*/

#panel-btn{

  display: inline-block;

  position: relative;

  width: 33px;

  height: 33px;

  margin: 0;

  background: #f0f0f0;

  border:1px solid #ccc;

}

#panel-btn:hover{

  background: #fafafa;

}

#panel-btn-icon{

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  width: 14px;

  height: 2px;

  margin: -1px 0 0 -7px;

  background: #0E1144;

  transition: .5s;

}

#panel-btn-icon:before, #panel-btn-icon:after{

  display: block;

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 14px;

  height: 2px;

  background: #0E1144;

  transition: .7s;

}

#panel-btn-icon:before{

  margin-top: -6px;

}

#panel-btn-icon:after{

  margin-top: 4px;

}

#panel-btn .close{

  background: transparent;

  opacity: 0.8;

}

#panel-btn .close:before, #panel-btn .close:after{

  margin-top: 0;

}

#panel-btn .close:before{

  transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

}

#panel-btn .close:after{

  transform: rotate(-135deg);

  -webkit-transform: rotate(-135deg);

}



.naegi-submit {

    margin: 16px 0 0 8px;

    width: 100px;

	font-size:0.8em;

	height:auto;

	float:right;

}

.naegi-submit a {

	padding:8px 0;

}

.header_contact {

	margin-top:0;

}

.header_contact ul li {

    margin-left: 8px;

}

.header_contact ul li img {

	max-width:174px;

}

#header {

    margin-bottom: 24px;

}



/* content

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

#content {

	width:100%;

}

.wrap {

	width:100%;

}



/* main

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

#main3 {

	width:100%;

	float:none;

}

.parts8 {

    margin-bottom: 32px;

}

.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%;

}



/* side-bar

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

.side-bar {

	width:100%;

	float:none;

}





/* footer

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

#footer {

    padding-top: 0;

}

#footer .left_box {

    width: 100%;

}

#footer .right_box {

    width: 100%;

	border-left:none;

	border-top:1px solid #484a71;

	margin-top: 8px;

	margin-left: 0;

	padding: 8px 0 0;

}

#footer .right_box ul {

    margin-left: 0;

	margin-bottom:0;

}



/* contact

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

.parts7, .parts22{

	margin-bottom: 32px;

	width:100%;

}

.parts7 .contact_index, .parts22 .contact_index {

    text-align: left;

    width: 100%;

}

.parts7 .contact_body_needs, .parts22 .contact_body_needs {

	display:inline;

}

.parts7 .contact_index, .parts7 .contact_body, .parts7 .contact_submit, .parts22 .contact_index, .parts22 .contact_body, .parts22 .contact_submit {

    float: none;

}

.parts7 ul.contact_form {

    margin: 0;

    padding: 0;

}

.parts7 .contact_form li,

.parts22 .contact_form li {

    display: block;

    margin: 0 0 12px;

}

.parts7 .contact_index {

    text-align: left;

	width: 100%;

}

.parts7 .contact_body_needs {

	display:inline;

}

.parts7 .contact_body {

    padding: 0;

    width: 100%;

}

.parts7 .contact_body textarea {

    width: 100% !important;

}

.parts7 .contact_submit {

    margin: 0;

    padding: 0;

}

.parts7 .contact_text {

    margin: 0 0 24px;

    padding: 0;

}

.parts7 .contact_body input,

.parts7 .contact_body textarea,

.parts22 .contact_body input,

.parts22 .contact_body textarea {

    width: 100% !important;

}

.parts7 .contact_body,

.parts22 .contact_body {

    padding-left: 0;

    width: 100%;

}

.parts7 .contact_submit,

.parts22 .contact_submit {

	margin:0;

	padding:0;

}

.parts7 .formBtn,

.parts22 .formBtn {

    float: none;

    margin: 0 0 32px;

    width: 100% !important;

}





/* scroll

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

.scroll {

	overflow: auto;

}

.scroll_box {

	width:700px;

}

.scroll:-webkit-scrollbar{

 height: 5px;

}

.scroll:-webkit-scrollbar-track{

 background: #F1F1F1;

}

.scroll:-webkit-scrollbar-thumb {

 background: #BCBCBC;

}

} /* END 740px以下 */



@media only screen and (max-width: 640px) {

#rside1 {

    float: none;

    width: 100%;

}

.side_area .img {

	background:#f0f0f0;

	padding:8px 0;

}

} /* END 640px以下 */



@media only screen and (max-width: 580px) {

} /* END 580px以下 */



@media only screen and (max-width: 420px) {

#header .logo {

    width: 48%;

}

.header_contact ul li img {

    max-width: 140px;

}

.parts4 {

    margin-bottom: 24px;

}

.parts4 h2 {

    margin-bottom: 8px;

}

} /* END 420px以下 */



@media only screen and (max-width: 360px) {

.contents_area p {

    font-size: 1.4em;

}

.nav_area,

.naegi-submit {

    margin-top: 16px;

}

.header_contact ul li img {

    max-width: 140px;

}

} /* END 360px以下 */



@media only screen and (max-width: 320px) {

.contents_area p {

    font-size: 1.3em;

}

.header_contact ul li img {

    max-width: 120px;

}

.header_contact {

    margin-bottom: 8px;

}

.side_area .img {

	background:none;

	padding:0;

}

#footer ul {

    padding-left: 20px;

}

#footer ul li {

    width: 50%;

}

#footer ul li:nth-child(3n+1) {

    width: 50%;

}

} /* END 320px以下 */