@charset "UTF-8";

/* --------------------------------------------------------------
基本スタイル
--------------------------------------------------------------- */
#main_container {
  margin-bottom: 0px !important;
  }
#main{
margin:0;
padding:0;
background-color:#fff;
}
.container {
     max-width: 1200px;
	 width:90%;
  }
@media only screen and (max-width: 768px) {
#main{
margin:0px;
}
}


/* -------------------------------
	タイトル
-------------------------------- */
.main_ttl {
position: relative;
  padding: 0;
  background-color: #fff;
  margin-bottom: 0px;
 height:623px;
  background: url(../images/main.jpg) no-repeat top center #fff;
  background-size:cover;
}
.main_ttl h2 img {
  margin: 85px auto 0 auto;
  /*position: absolute;
max-width: 1300px;
    width: 95%;*/
}
@media only screen and (max-width: 768px) {
.main_ttl {
  margin-bottom: 0px;
  height:500px;
  background: url(../images/main_sp.jpg) no-repeat top center #fff;
  background-size:cover;
}
.main_ttl h2 img {
margin: 50px auto 0 auto;
    width: 95%;
}
}


/* -------------------------------
	OPEN枠
-------------------------------- */
.open {
  padding: 50px 0;
  background-color: #ffffdb;
  margin: 0 auto;
}
.open .ct {
max-width: 1200px;
width:90%;
}
.open img {
  margin: 0 auto;
  padding:0;
}

@media only screen and (max-width: 768px) {
.open {
  padding: 25px 0;
  margin: 0 auto;
}
.open .ct {
width:90%;
}
}

/* -------------------------------
	CASE枠
-------------------------------- */
.case {
max-width: 1200px;
width:90%;
  padding: 60px 0;
  margin: 0 auto;
}
.case img {
  margin: 40px auto;
  padding:0;
}
.case h3 {
font-size:24px;
line-height:1.8;
  margin: 0;
  padding:0;
  text-align:center;
}
.case p {
font-size:20px;
line-height:1.6;
  margin: 0 0 10px 0;
  padding:10px;
  background-color: #d9f0d9;
}
.green{
color:#6ec06e;
}

@media only screen and (max-width: 768px) {
.case {
width:95%;
  padding: 25px 0;
  margin: 0 auto;
}
.case h3 {
font-size:20px;
}
.case p {
font-size:17px;
}
.case img {
  margin: 20px auto;
}
}


/* -------------------------------
	3大特徴
-------------------------------- */
.tokuchou {
  padding: 60px 0;
  background-color: #f3f7ec;
  margin: 0 auto;
}
.tokuchou .ct {
max-width: 1200px;
width:90%;
text-align:center;
}
/*.tokuchou h3 {
background-color:#00712f;
color:#ffffff;
border-radius: 100px;
font-size:40px;
line-height:1;
  margin: 0 auto 45px auto;
  padding:24px 50px 12px 50px;
  text-align:center;
  display:inline;
}
.tokuchou h3 span {
font-size:60px;
}*/
.tokuchou .mi img {
width:507px;
  margin: 0 auto 20px auto;
  padding:0;
}
.tokuchou img {
width:100%;
  margin: 45px auto 0 auto;
  padding:0;
}
.tokuchou .ct .box {
background-color:#fff;
max-width: 380px;
width:100%;
text-align:left;
padding:30px 25px 40px 25px;
}

@media only screen and (max-width: 768px) {
.tokuchou {
  padding: 60px 0 40px 0;
  margin: 0 auto;
}
.tokuchou .ct {
width:90%;
}
.tokuchou .mi img {
width:100%;
}
/*.tokuchou .midashi {
background-color:#00712f;
border-radius: 30px;
  margin: 0 auto 45px auto;
  padding:24px 50px 12px 50px;
  text-align:center;
}
.tokuchou .midashi h3 {
font-size:25px;
color:#ffffff;
line-height:1;
background-color:none;
}
.tokuchou .midashi h3 span {
font-size:40px;
}*/
.tokuchou img {
  margin: 20px auto 0 auto;
}
.tokuchou .ct .box {
max-width: 100%;
width:100%;
padding: 10px 15px 10px 15px;
}
}

/*@media only screen and (max-width: 320px) {
.tokuchou h3 {
font-size:18px;
  padding:20px 10px 12px 10px;
  margin: 0 auto 25px auto;
}
}*/

/* -------------------------------
	基本コース
-------------------------------- */
.course {
  padding: 70px 0;
  max-width: 1200px;
width:90%;
text-align:center;
  margin: 0 auto;
}
.course h3 {
color:#ff6600;
font-size:60px;
line-height:1;
  margin: 0 auto 45px auto;
    text-align:center;
}
.course h4 {
font-size:24px;
line-height:1.6;
  margin: 0 auto 70px auto;
    text-align:center;
}
.course .box {
background-color:#fff;
width:100%;
text-align:center;
padding:30px 30px 30px 30px;
border-radius: 20px;
margin:0 0 40px 0;
}
.course .box img {
margin: 0 auto;
}
.course .box p {
text-align:left;
}
@media only screen and (max-width: 768px) {
.course {
  padding: 60px 0;
  margin: 0 auto;
  width:90%;
}
.course h3 {
font-size:24px;
  margin: 0 auto 25px auto;
}
.course h4 {
font-size:20px;
  margin: 0 auto 35px auto;
}
.course .box {
padding:20px;
margin:0 0 20px 0;
}
}

/* -------------------------------
	お問い合わせ
-------------------------------- */
.contact {
  padding: 80px 0 60px 0;
  background-color: #f3f7ec;
  margin: 0 auto;
}
.contact .ct {
max-width: 1200px;
width:90%;
text-align:center;
}
.contact .mi img {
width:507px;
  margin: 0 auto 20px auto;
  padding:0;
}
/*.contact .ct h3 {
background-color:#00712f;
color:#ffffff;
border-radius: 100px;
font-size:40px;
line-height:1;
  margin: 0 auto 45px auto;
  padding:20px 50px 12px 50px;
  text-align:center;
  display:inline;
}*/
.contact .ct h4 {
font-size:24px;
line-height:1.6;
  margin: 35px auto 60px auto;
    text-align:center;
}
.contact .ct h5 {
font-size:24px;
line-height:1.6;
  margin: 0 auto 40px auto;
    text-align:center;
	color:#00712f;
}
.contact .ct .contact_box1 {
padding: 1em 0.2em;
background: #6ec06e;
display: flex;
  justify-content: center;
  align-items: center;
  height:auto;
  max-height:100px;
}
.contact .ct .contact_box1 .mi {
font-weight:bold;
color:#fff;
font-size:24px!important;
text-align:center;
margin:0;
padding:0;
line-height:1.2em!important;
}
.contact .ct .contact_box_btm {
padding: 1em 0.5em;
background: #fff;
border:2px solid #6ec06e;
background:#fff;
}
.contact .ct .contact_box_btm img {
margin:0 auto;
}
.contact .ct .contact_box_btm .tel {
font-size:42px;
font-weight:bold;
line-height:1em;
    padding: 0.8em 0 0 0;
    display: block;
}
.contact .ct .contact_box_btm .mail {
font-size:24px;
word-wrap: break-word;
font-weight:bold;
    padding: 1.2em 0 0 0;
    display: block;
}
.contact .ct .contact_box_btm .mail a:link {
color: #000;
}
.contact .ct .time img {
margin: 0 0 10px auto;
}

@media only screen and (max-width: 768px) {
.contact {
  padding: 60px 0 40px 0;
  margin: 0 auto;
}
.contact .ct {
width:90%;
}
.contact .mi img {
width:100%;
}
/*.contact .ct h3 {
font-size:22px;
  padding:15px 15px 12px 15px;
  margin: 0 auto 25px auto;
}*/
.contact .ct h4 {
font-size:18px;
  margin: 25px auto 35px auto;
}
.contact .ct h5 {
font-size:18px;
  margin: 0 auto 20px auto;
}
.contact .ct .contact_box1 {
padding: 1em 0.5em 1em 0.5em;
height:auto;
  max-height:auto;
}
.contact .ct .contact_box1 .mi {
font-size:20px!important;
line-height:1.2em!important;
}
.contact .ct .contact_box_btm {
margin-bottom:20px;
padding: 1em 1em;
}
.contact .ct .contact_box_btm .tel {
font-size:24px;
line-height:1em;
 padding: 0;
}
.contact .ct .contact_box_btm .mail {
font-size:18px;
 padding: 0;
}
.contact .ct .plus img {
margin: 0 0 20px 0;
}
}

/*@media only screen and (max-width: 320px) {
.contact .ct h3 {
font-size:18px;
  padding:20px 10px 12px 10px;
  margin: 0 auto 25px auto;
}
}*/