@import "base.css";
@import "navigation.css";


/* contents.css : base setting */

/* description */
.description {
    width:100%;
    margin:0 auto;
    border-bottom:1px solid #ccc;
}
.description p {
    width:1000px;
    margin:0 auto;
    text-align:left;
    line-height:32px;
    font-size:0.8em;
    color:#666666;
}


/* contents header */
#header_con {
    width:100%;
    margin:0 auto;
    border-bottom:1px solid #ccc;
}
#headerConInner {
    width:1000px;
    margin:0 auto;
}

#header_con #logo {
    float:left;
    width:40%;
    max-width:292px;
    padding:30px 0;
}

/* right block */
#header_con .rightBlock {
    float:right;
    width:60%;
}

/* tel */
#header_con .tel {
    float:left;
    width:50%;
    margin-bottom:20px;
    padding-top:40px;
    vertical-align:middle;
    line-height:1.8rem;
}
#header_con .tel span.small {
    margin-right:15px;
    vertical-align:top;
    font-size:1.6em;
}
#header_con .tel span.num {
    padding-left:15px;
    border-left:1px solid #333;
    font-size:2.6em;
}

/* contact button */
#header_con .contact {
    float:left;
    width:50%;
    margin:0 auto;
    padding-top:30px;
}
#header_con .contact a {
    display:inline-block;
    width:261px;
    height:0;
    background:url("../images/btn_head_contact.png") no-repeat 0 0;
    background-size:contain;
    padding-top:20.69%;
    text-indent:-9999px;
    font-size:0;
}
#header_con .contact a:hover {
    background-color:#ffffff;
    opacity:0.7;
}


/* breadcrumbs */
#breadcrumbs {
    width:100%;
    background:#eee;
    margin:0 auto;
}
#bcInner {
    width:1000px;
    margin:0 auto;
    padding:0;
    font-size:0.9em;
}
#bcInner ul {
    text-align:left;
}
#bcInner ul li {
    display:inline-block;
    margin-right:1em;
    line-height:3.0;
}
#bcInner ul li:after {
    content:">";
    margin-left:1em;
}
#bcInner ul li:last-child:after {
    content:"";
    margin-left:0;
}


#bcInner ul li a.home {
    background:url("../images/bc_icon_home.png") no-repeat left center;
    background-size:contain;
    padding-left:22px;
}


#contact_sp {display:none;}

/* images px/sp */
#contents img.img_sp {display:none;}


/* fonts */
#contents h1 {
    padding:70px 0 70px;
    text-align:center;
    line-height:1.4;
    font-size:2.6em;
    font-weight:bold;
}
#contents h1 span {
    font-size:0.6em;
}
#contents h2 {
    width:calc(1000px - 2em);
    background:#555;
    margin-left:auto;
    margin-right:auto;
    padding:0.5em 1em;
    color:#fff;
    font-size:1.2em;
}
#contents h3 {
}
#contents h4 {
    font-size:1.2em;
}


#contents p.lead {
    width:80%;
    margin:0 auto 40px;
}


/* link to sub page */
ul.link_sub {
    text-align:right;
}
ul.link_sub li {
    display:inline-block;
    margin-left:1.5em;
}
ul.link_sub li a {
    display:inline-block;
    background:url("../images/arrow_gray_s.png") no-repeat left center;
    padding-left:10px;
}






/* - 1000px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1000px) {

/* description */
.description {
}
.description p {
    width:96%;
}


/* contents header */
#header_con {
}
#headerConInner {
    width:96%;
}

#header_con #logo {
    float:left;
    width:38%;
}
#header_con #logo img {
    width:100%;
    height:auto;
}

/* right block */
#header_con .rightBlock {
    float:right;
    width:38%;
}

/* tel */
#header_con .tel {
    float:none;
    width:100%;
    margin-bottom:10px;
    padding-top:15px;
    line-height:1.8rem;
}
#header_con .tel span.small {
    font-size:1.6em;
}
#header_con .tel span.num {
    font-size:2.6em;
}

/* contact button */
#header_con .contact {
    float:none;
    width:100%;
    margin-bottom:5px;
    padding-top:0;
}
#header_con .contact a {
    width:100%;
    max-width:260px;
    background:url("../images/btn_sp_head_contact.png") no-repeat 0 0;
    background-size:contain;
    padding-top:20.75%;
}


/* breadcrumbs */
#breadcrumbs {
}
#bcInner {
    width:96%;
}

/* font */
#contents h2 {
    width:calc(100% - 2em);
}


/* link to sub page */
ul.link_sub {
    text-align:right;
}





}
/* - 1000px end */





/* - 667px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 667px) {

.description,
#header_con {display:none;}

/* top header */
.head_sp {display:block;}




/* sp sp tel&contact */
#contact_sp {
    display:block;
    width:100%;
    background:#fff;
    padding:2% 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

/* tel */
#contact_sp .tel {
    float:left;
    width:46%;
    margin-left:2%;
    padding-top:0.5rem;
}

/* contact button */
#contact_sp .contact {
    float:right;
    width:46%;
    margin-right:2%;
    padding-top:0.5rem;
}


/* breadcrumbs */
#breadcrumbs {
    padding-top:0.3rem;
    padding-bottom:0.3rem;
}
#bcInner {
}
#bcInner ul li {
    line-height:1.4;
}
#bcInner ul li a.home {
    padding-left:18px;
}

/* section */
.section {
    width:100%;
}


/* images px/sp */
#contents img.img_pc {display:none;}
#contents img.img_sp {display:block;}


/* fonts */
#contents h1 {
    padding:3em 0;
    font-size:1.5em;
    font-weight:bold;
}
#contents h2 {
    width:calc(100% - 1em);
    padding:1em 0.5em;
    text-align:center;
}

/* link to sub page */
ul.link_sub {
    margin-right:5%;
}





}
/* - 667px end */





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






}
/* - 480px end */