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

/* screenwidth less than 1070px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1070px) {

#col3 article{
   width:85%;
}
}

/* screenwidth less than 960px
--------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {

#col3 article{
   width:90%;
}
#col3 article .content dl{
   width:70%;
}

}


/* screenwidth less than 860px
--------------------------------------------------------------------- */
@media only screen and (max-width: 860px) {

#col1 {
    padding: 30px 0 10px 0;
}
#col3 article .content ul{
    width:70%;
}
#col3 article .content p.image img{
    width:50%;
}
#col3 article .content p.image2 img {
    width: 80%;
}
#col3 article .content dl {
    width: 80%;
}
}

/* screenwidth less than 730px
--------------------------------------------------------------------- */
@media only screen and (max-width: 730px) {

#col1 {
    padding-bottom: 50px;
}


#col3 article{
   margin-bottom: 40px;
}

#col3 article .num{
    width:5%;

}
#col3 article .content{
    width:97%;
	padding-left: 10px;
	float: none;
}
}

/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#col3 article .content p.image{
	padding-top:0; 
}
#col3 article .content p.image img{
    width:60%;

}
#col3 article .content p.image2 img {
    width: 90%;
}
#col3 article .content ul{
    width:80%;
}

#col3 article .content dl {
    width: 98%;
}
#col3 article .content dl dd img.tel{
    display: inline;
}
}


/* screenwidth less than 600px
--------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {

#col3 article .num img {
    width: 45px;
}

#col3 article .content p.image{
     margin: 0 auto;
}

#col3 article .content p.image2{
     margin: 0 auto;
}


#col3 article .content p.image img {
    width: 65%;
    margin: 0 auto;
    display: block;
}
#col3 article .content p.image2 img {
    width: 95%;
    margin: 0 auto;
    display: block;
}


#col3 article .content ul{
    width:90%;
}
}

/* screenwidth less than 521px
--------------------------------------------------------------------- */
@media only screen and (max-width: 521px) {

#col1 h3 {
    font-size: 18px;
}
}

/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

#col3 article .num {
    width: 3%;
}
#col3 article .num img {
    width: 40px;
}
#col3 article .content h3 {
    font-size: 22px;
}
}

/* screenwidth less than 435px
--------------------------------------------------------------------- */
@media only screen and (max-width: 435px) {

#col3 {
    padding-bottom: 30px;
}
#col3 article .num {
    width: 3%;
	float: none;
	clear: none;
	text-align: center;
	margin: 0 auto;
}
#col3 article .num img{
     margin: 0 auto;
	 display: block;
}
#col3 article .content h3{
  margin: 0 auto 30px auto;
  text-align: center;
  display: block;
}
#col3 article .content p.image img {
    width: 75%;
}

#col1 p,
#col2 article .content p,
#col3 article .content p{
   line-height: 2em;
   font-size:16px;
}

#col3 article .content ul li{
   line-height: 2em;
   font-size:16px;
}

#col3 article .content p.line1,
#col3 article .content p .line2{
   font-size:23px;
}


}

/* screenwidth less than 432px
--------------------------------------------------------------------- */
@media only screen and (max-width: 432px) {

#col1 h3 img {
    display: none;
}

#col1 h3{
   border-bottom:3px double #382521;
   width:99%;
}

}


/* screenwidth less than 417px
--------------------------------------------------------------------- */
@media only screen and (max-width: 417px) {


#col1{
   padding-bottom: 20px;
}

#col1 h2{
    margin-bottom: 30px;
}
/*
#col1 h3 {

    font-size: 22px;
}


#col1 h3 img {
    width: 40px;
}
*/
#col1 p{
    width:90%;
	margin: 0 auto;
	text-align:left ;
}

}


/* screenwidth less than 372px
--------------------------------------------------------------------- */
@media only screen and (max-width: 372px) {

#col1 h3{
	background: linear-gradient(transparent 70%, #e1d7d6 0%);
	margin: 0 auto 30px auto;
	width:100%;
}
/*
#col1 h3 img {
    display: none;
}*/

#col3 article .content ul{
   padding-left: 10px;
}

#col3 article .content p.image img{
    width: 90%;
}

#col3 article .content p.image2 img{
    width: 98%;
}


#col3 article .content dl dt{
   padding-left: 3px;
   font-size: 20px;
}
#col3 article .content dl dd{
   padding-left: 3px;

}
}


/* screenwidth less than 290px
--------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
/*
#col1 h3 {
    font-size: 21px;
}
*/
#col3 article .content h3 {
    font-size: 21px;
}
#col3 article .content dl dt{
    font-size: 19px;
}


#col3 article .content dl dd{
    padding-top:0; 
}


#col3 article .content dl dd p{
    display: block;
	margin-bottom: 10px;
	padding-top:5px; 
}
#col3 article .content dl dd img{
    float: none;
	width:50px;
}


}