@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700");
/* cmn
---------------------------------------- */
section {
  padding: 50px 0;
  background: url("../images/bg_sec02_02.png") left bottom repeat-x;
}
@media screen and (max-width: 640px) {
  section {
    padding: 7.8125vw 0;
    background-size: auto 7.8125vw !important;
  }
}
section .inner {
  width: 980px;
}
@media screen and (max-width: 1000px) {
  section .inner {
    width: 98%;
  margin-right: auto;
  margin-left: auto;
  }
}

@media screen and (max-width: 640px) {
  section .inner {
    width: 98%;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  }
}
section .inner h3 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
  background: url("../images/icn_sec02_01.png") center bottom no-repeat;
}
@media screen and (max-width: 640px) {
  section .inner h3 {
    margin-bottom: 4.6875vw;
    padding-bottom: 3.125vw;
    font-size: 4.0625vw;
    background-size: auto 0.230769231em !important;
  }
}

/* h2
---------------------------------------- */
h2 {
  height: 200px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
  line-height: 6.666666667;
  text-align: center;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 255, 168, 0.35)), url("../images/bg_outline_01.jpg") center 70% no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 640px) {
  h2 {
    height: 31.25vw;
    line-height: 6.25;
    font-size: 5vw;
  }
}


/* sec01
---------------------------------------- */
.sec01 {
  padding: 60px 0;
}
.sec01 h2 {
  margin-bottom: 50px;
}
.sec01 .about {
  width: 100%;
}
.sec01 .about tr:nth-child(odd) {
  background: #f9f9f9;
}
.sec01 .about tr th, .sec01 .about tr td {
  padding: 1.0em;
  color: #767676;
  border: #DDD 1px solid;
}
.sec01 .about tr th {
  width: 150px;
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .sec01 {
    padding: 4.6875vw 0 7.8125vw 0;
  }
  .sec01 h2 {
    margin-bottom: 4.6875vw;
  }
  .sec01 .about tr th, .sec01 .about tr td {
    padding: 0.555555556em;
    font-size: 2.8125vw;
  }
  .sec01 .about tr th {
    width: 23.4375vw;
  }
}




.type0 {

	table-layout: fixed;

	width: 100%;

	margin-bottom: 15px;

	border-top: 2px solid #ffffff;

	border-left: 2px solid #ffffff;

	line-height: 130%;

	font-size: 1.15em;

}



.type0 caption {

	margin-bottom: 2px;

	padding: 1px 0 2px 0;

	text-align: left;

	line-height: 100%;

}



.type0 tr {

	background: #f1f4f8;

}



.type0 th {

	padding: 5px 3px 3px 3px;

	border-right: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	text-align: center;

	font-weight: normal;

}



.type0 td {

	padding: 5px 3px 3px 3px;

	border-right: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	text-align: center;

        word-break: break-all;
}



.type0 .trColor {

	background: #e5ebf2;

}



.type0 .th01_1 {

	width: 58%;

	color: #ffffff;

	font-weight: bold;

	background: #336699;

}

.type0 .th01_2 {

	width: 70%;

	color: #52575c;

}


.type0 .th01 {

	width: 33%;

	color: #ffffff;

	font-weight: bold;

	background: #336699;

}

.type0 .th04 {

	width: 35%;

	color: #ffffff;

	font-weight: bold;

	background: #336699;

}



.type0 .th01WidthNone {

	color: #ffffff;

	font-weight: bold;

	background: #336699;

}



.type0 .th02 {

	width: 60%;

	background: #a3bbd0;

}



.type0 .th02WidthNone {

	background: #a3bbd0;

}



.type0 .th03 {

	width: 60%;

	color: #ffffff;

	font-weight: bold;

	background: #336699;

}



.type0 .textLeft {

	text-align: left;

}



p.tmy {
	padding-left: 0.8em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	color: #6a6a6a;
	font-size: 1.1em;
	}

p.coment1 {
	padding-left: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	color: #000;
	line-height: 1.35em;
	font-size: 1.2em;
	}

p.coment2 {
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #000;
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: bold;        
	}


p.coment3 {
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #6a6a6a;
	line-height: 1.0em;
	font-size: 1.15em;
	}

p.coment4 {
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #000;
	line-height: 1.35em;
	font-size: 1.0em;
	}


section {
	border-top: 3px double #ccc;
        }

p.service {
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #000;
	line-height: 1.8em;
	font-size:1.1em;
	font-weight: bold;        
	}


.listcircle {

	list-style: circle;
	padding-left: 5px;
}



.listcircle li {

	margin: 0 0 0.4em 20px;

	line-height: 1.3em;

	font-size: 1.15em;

}
.listcircle2 {

	list-style: circle;
	padding-left: 5px;
	padding-bottom: 15px;
}



.listcircle2 li {

	margin: 0.5em 0 0.5em 20px;

	line-height: 1.3em;

	font-size: 1.15em;

}


ol.kakunin {
	font-size: 1.1em;
	margin: 0 0 1em 2em;

        list-style-type: decimal
}
ol.kakunin li {
	margin: 0 0 0.4em 0.5em;

	line-height: 1.3em;
}

p.chui {
        padding-left: 0.5em;
	font-size: 1.0em;
	color: #dc4e95;
	line-height: 1.5em;
	}







.red {

	color: #ff0000;
        padding-left: 0.5em;
        padding-right: 0.5em;
}


/* detail
---------------------------------------- */

.detail {
    margin: 5% 0;
    text-align: center;
}

.detail a {
  font-size: 24px;
  font-size: 2.4rem;
  color: #333;
  background-color: #92D5B6;
  padding: 8px 20px;
  border: #B5B8C0 1px solid;
  border-radius: 7px;
}
.detail a:hover {
  color: #999;
  background-color: #B8F7E8;
  padding: 8px 20px;
}

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

.detail a {
  font-size: 20px;
  font-size: 2.0rem;
}
}


/* tel
---------------------------------------- */

.tel {
    text-align: center;
    margin-bottom: 5%;
}

.tel .number {
  padding-left: 1.081081081em;
  font-size: 37px;
  font-size: 3.7rem;
  font-weight: bold;
  line-height: 1.0;
  color: #f45656;
  background: url("../images/icn_sec02_tel.png") left center no-repeat;
  background-size: auto 0.72972973em;
}
.tel .time {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

.tel .tomy {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  color: #00cc00;
}

@media screen and (max-width: 640px) {
.tel .number {
    display: inline-block;
    margin-top: 1.09375vw;
    padding-left: 1.160714286em;
    font-size: 8.75vw;
    background-size: auto 0.9em !important;
  }
.tel .time {
    font-size: 2.8125vw;
  }
}

.howto {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2.0rem;
  color: #009fff;
}