@charset "UTF-8";
/* CSS Document */

/*------------------------------ Common elements ------------------------------*/

* {
margin:0;
padding:0;
}

.clearfix:after {
content:"";
clear:both;
display:block;
}

a:link {color:#fff; text-decoration:none; transition-duration:0.5s;}
a:visited {color:#fff; text-decoration:none;}
a:hover {color:#ffd900; text-decoration:none; transition-duration:0.5s;}

img {vertical-align:bottom;}

body {
background:#fafaf8;
margin:0;
font-size:14px;
font-family:sans-serif;
width:100%;
}

h1 {
color:#333;
font-size:1em;
width:100%;
}

/*===================================================================================================================
  for Smartphone
===================================================================================================================*/

@media (max-width: 640px) {

#content_pc {
display:none;
}

img {
width:100%;
}



header {
background:#009944;
box-sizing:border-box;
padding:10px;
text-align:left;
width:100%;
}

#header_content {
display:flex;
align-items: center;
justify-content: space-between;
margin:0 auto;
padding:15px 0;
width:100%;
}

header .header_link {
font-size:24px;
font-weight:600;
vertical-align:middle;
width:170px;
}

header h1 {
line-height:1em;
text-align:center;
}

header h1 img {
width:80%;
}

header .header_tel {
display:none;
}

#titleimage {
background:url("../images/titleimg_bg.png") no-repeat #fff;
background-size:300%;
background-position:10% 20%;
text-align:center;
padding:120px 0;
width:100%;
}

#titleimage img {
width:90%;
}


#main {
display:none;
background:url("../images/main_bg.png") no-repeat #fff;
background-size:900px;
background-position:10% 20%;
background-color:#dfedc2;
text-align:center;
padding:100px 0;
width:100%;
}

#main img {
width:100%;
}

#main_content {
margin:0 auto;
width:90%;
}

#main_content li {
text-align:left;
list-style:none;
width:100%;
}

#main_content li:nth-child(2) {
padding:0 0 50px;
text-align:right;
}

#main_content li:nth-child(3) {
padding:0 0 50px;
}

#main_content li:nth-child(4) {
padding:0 0 50px;
text-align:right;
}

#main_content li:nth-child(1) img {
width:100%;
}

#main_content li:nth-child(2) img {
width:100%;
}

#main_content li:nth-child(3) img {
width:100%;
}

#main_content li:nth-child(4) img {
width:100%;
}

#main_content li:nth-child(5) img {
width:100%;
}

#main_sp {
background:url("../images/main_bg.png") no-repeat #fff;
background-size:900px;
background-position:10% 20%;
background-color:#dfedc2;
text-align:center;
padding:0;
width:100%;
}

#main_sp img {
width:100%;
}


#contact {
background:url("../images/footer_bg_sp.png") no-repeat #009944;
background-size:100%;
background-position:-50px 30px;
color:#fff;
padding:30px 0;
text-align:center;
width:100%;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#contact h2 {
border-bottom:3px #96d82f solid;
font-size:30px;
font-weight:600;
display:inline;
padding:0 0 0.2em;
}

#contact h3 {
font-size:24px;
font-weight:600;
margin:20px 0 0;
}

#contact ul {
margin:20px 0 0;
}

#contact li {
font-size:18px;
list-style:none;
margin:10px 0 0;
}

#contact_content .link img {
margin:40px 0 0;
width:200px;
}

#contact_content_text {
width:90%;
margin:0 auto;
padding:0;
}

#contact_content_map {
width:90%;
margin:30px auto 0;
}

#contact_content_map iframe {
width:100%;
height:400px;
}



footer {
background:#fff;
box-sizing:border-box;
padding:20px;
text-align:center;
width:100%;
}

footer .footer_logo_reborn {
width:35%;
}

}

/*===================================================================================================================
  for PC
===================================================================================================================*/

@media (min-width: 641px) {

#content_sp {
display:none;
}

header {
background:#009944;
color:#fff;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
text-align:center;
width:100%;
}

#header_content {
display:flex;
justify-content: space-between;
margin:0 auto;
padding:15px 0;
width:1000px;
}

header h1 {
line-height:1em;
margin:0;
padding:0;
width:242px;
}

header h1 img {
width:100%;
}

header .header_tel {
font-size:24px;
font-weight:600;
}

header .header_tel span {
font-size:0.6em;
}

header .header_link {
font-size:24px;
font-weight:600;
width:170px;
}

header .header_link span {
font-size:0.6em;
}

header .header_link img {
width:100%;
}

#titleimage {
background:url("../images/titleimg_bg.png") no-repeat #fff;
background-size:100%;
background-position:50% 50%;
text-align:center;
padding:100px 0;
width:100%;
}

#titleimage img {
width:610px;
}

#main {
background:url("../images/main_bg.png") no-repeat #fff;
background-size:900px;
background-position:50% 50%;
background-color:#dfedc2;
text-align:center;
padding:100px 0;
width:100%;
}

#main img {
width:1000px;
}

#main_content {
margin:0 auto;
width:1000px;
}

#main_content li {
text-align:left;
list-style:none;
width:100%;
}

#main_content li:nth-child(2) {
padding:0 0 50px;
text-align:right;
}

#main_content li:nth-child(3) {
padding:0 0 50px;
}

#main_content li:nth-child(4) {
padding:0 0 50px;
text-align:right;
}

#main_content li:nth-child(1) img {
width:516px;
}

#main_content li:nth-child(2) img {
width:516px;
}

#main_content li:nth-child(3) img {
width:614px;
}

#main_content li:nth-child(4) img {
width:702px;
}

#main_content li:nth-child(5) img {
width:585px;
}

#main_sp {
display:none;
}

#contact {
background:url("../images/footer_bg_sp.png") no-repeat #009944;
background-size:800px;
background-position:-50px 30px;
color:#fff;
text-align:center;
padding:100px 0;
width:100%;
}

#contact_content {
display:flex;
margin:0 auto;
padding:0;
width:1000px;
}

#contact h2 {
border-bottom:3px #96d82f solid;
font-size:30px;
font-weight:600;
display:inline;
padding:0 0 0.2em;
}

#contact h3 {
font-size:25px;
font-weight:600;
margin:40px 0 0;
}

#contact ul {
margin:20px 0 0;
}

#contact li {
font-size:18px;
list-style:none;
margin:10px 0 0;
}

#contact_content .link img {
margin:40px 0 0;
width:200px;
}

#contact_content_text {
text-align:left;
width:50%;
}

#contact_content_map iframe {
width:500px;
height:350px;
}


footer {
background:#fff;
box-sizing:border-box;
padding:30px;
text-align:center;
width:100%;
}

footer .footer_logo_reborn {
width:250px;
}

}