@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body{
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 150%;
}

a{
    text-decoration: none;
    color: #ea6000;
}

a:hover{
    color: #ff7f26;
}



header{
    width: 100%;
    background-color: #6fb92c;
    
    color: #ffffff;
}   

header a{
    color: #ffffff;
}

header a:hover{
    color: #ffffff;
}

header div{
    position: relative;
    
    width:960px;
    height: 160px;
    margin: 0 auto;
    background-color: #6fb92c;
}

header h1{
    position: absolute;
    z-index: 120;
    left: 0px;
    top: 32px;
    
    width: 157px;
    height: 99px;
    background-image: url(../_images/common-header-h1.png);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

header h1 a{
    display: block;
    width: 157px;
    height: 99px;
}


header .description{
    position: absolute;
    z-index: 120;
    left: 190px;
    top: 32px;
    
    width: 320px;
    height: 50px;
}

header .tel{
    position: absolute;
    z-index: 120;
    left: 540px;
    top: 32px;
    
    width: 200px;
    height: 50px;
    
    text-align: center;
}

header .tel p{
    font-size: 25px;
    font-weight: bold;
}

header .inquiry{
    position: absolute;
    z-index: 120;
    left: 772px;
    top: 32px;
}

header .inquiry a{
    display: block;
    width: 188px;
    height: 50px;
    background-color: #ea6000;
    border-radius: 10px;
    
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}

header .inquiry a:hover{
    background-color: #ff7f26;
}

header nav{
    position: absolute;
    z-index: 120;
    left: 190px;
    top: 104px;
    
    width: 770px;
}

header nav ul{
    height: 33px;
    border-left: 1px solid #ffffff;
}

header nav li{
    float: left;
    
    border-right: 1px solid #ffffff;
}

header nav li a{
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    width: 117px;
    height: 33px;
    
    font-weight: bold;
    text-align: center;
    line-height: 33px;
    
}

header nav li a:hover{
    background-color: #81d633;
    border-radius: 5px; 
}

header nav li a.current{
    background-color: #ffffff;
    border-radius: 5px; 
    color: #6fb92c;
}




@media screen and (max-width:480px) { 
    
    a:active{
        background-color: #ff7f26;
        color: #ffffff;
    }
    
    header div{
        position:static;
        width:100%;
        height:auto;
        padding-top: 16px;
        padding-bottom: 1px;
    }
    
    header h1{
        position: static;
        left: auto;
        top: auto;
        margin-left: auto;
        margin-right: auto;
    }
    
    header .description{
        position: static;
        left:auto;
        top: auto;
        
        width: auto;
        height: auto;
        margin-left: 24px;
        margin-right: 24px;
        margin-top: 16px;
        margin-bottom: 16px;
        font-size: 12px;
    }
    
    header nav,
    header .tel,
    header .inquiry
    {
        display: none;
    }
    
    header nav{
        display: none;
    }
}


.content{
    width: 999px;
    margin: 0 auto;
    margin-top: 32px;
}

.content main{
    float: left;
    
    width: 100%;
    margin-bottom: 32px;
}

.content main .breadcrumbs{
    margin-bottom: 16px;
    clear: both;
}

.content main article{
    margin-bottom: 32px;
}

.content main section{
    margin-bottom: 32px;
    clear: both;
}

.content main section.mini{
    clear: none;
    float: left;
}

.content main h1{
    margin-bottom: 16px;
    background-image: url(../_images/h1-bg.png);
    background-repeat: repeat-x;
    background-position: 0px 0.7em;
    font-size: 26px;
    text-align: center;
    line-height: 150%;
}

.content main h1 span{
    background-color: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
}

.content main section h1,
.content main h2,
.content main h3,
.content main h4,
.content main h5,
.content main h6,
.content main p,
.content main ul,
.content main ol,
.content main dl,
.content main table,
.content main blockquote{
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px;
	word-break: break-all;
}

.content main section .mini h1,
.content main .mini h2,
.content main .mini h3,
.content main .mini h4,
.content main .mini h5,
.content main .mini h6,
.content main .mini p,
.content main .mini ul,
.content main .mini ol,
.content main .mini dl,
.content main .mini table,
.content main .mini blockquote{
    margin-right: 0px;
}

.content main section h1{
	background-image:none;
}

.content main h2{
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 150%;
}

.content main h3{
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 150%;
}

.content main h4{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 150%;
}

.content main h5{
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 150%;
}

.content main h6{
    margin-bottom: 6px;
    font-size: 10px;
    line-height: 150%;
}

.content main li{
    margin-left: 1em;
}

.content main tr{
    border-bottom: dashed 1px #999999;
}

.content main td,
.content main th{
    padding: 8px;
}

.content main blockquote{
	background-color: #eee;
	border-radius: 10px;
	padding-top: 24px;
	padding-bottom: 8px;
}

.content main .img{
    text-align: center;
}

.content main img{
    max-width: 640px;
}

.content main .mini img{
    max-width: 330px;
}

.content main .more{
    text-align: right;
    clear: both;
    margin-bottom: 32px;
}

.content main iframe {
    width: 100%;
}

.content main nav{
    margin-left: 24px;
    margin-right: 24px;
    text-align: center;
	clear: both;
	
}

.content main nav a,
.content main nav span{
    padding: 16px;
    line-height: 100%;
    display:inline-block;
    margin-bottom: 8px;
	margin-right: 5px;
    border-radius: 5px;
}

.content main nav a{
    border: 1px solid #ea6000;
}

.content main nav a:hover{
    background-color: #ea6000;
    color: #ffffff;
}

.content main nav span{
    border: 1px solid #666666;
}

/* WordPress用 */

.content main div.wp-caption{
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px;
	clear: both;
}

.content main div.alignleft{
	float: left;
}

.content main div.aligncenter{
    margin-left: auto;
    margin-right: auto;
}

.content main div.alignright{
    margin-left: auto;
	float: right;
}


.content main p.wp-caption-text{
	margin: 0px;
	text-align: center;
	max-width: 640px;
}




.content aside{
    float: right;
    
    width: 240px;
    margin-bottom: 32px;
}


@media screen and (max-width:480px) { 
    
    .content{
        width:auto;
    }
    
    .content main{
        float:none;
        width:auto;
    }
    
    .content main .mini{
        width: 100%;
    }
    
    .content main h1{
        font-size: 20px;
    }
    
    .content main img{
        max-width: 100%;
        height: auto;
    }
    
    .content main .mini img{
        max-width: 100%;
        height: auto;
    }
    
    .content main .mini p{
        margin-right: 24px;
    }
    
    .content aside{
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .content main .breadcrumbs{
        margin-left: 16px;
        margin-right: 16px;
    }
    
    .content main nav a,
    .content main nav span{
        padding-left: 9px;
        padding-right: 9px;
    }
    
}




footer{
    clear:both;
    width: 100%;
    background-color: #fbf8e9;
}

footer div{
    position: relative;
    
    width:960px;
    height: 216px;
    margin: 0 auto;
    background-color: #fbf8e9;
}

footer nav{
    position: absolute;
    z-index: 120;
    left: 0px;
    top: 32px;
    
    width: 960px;
}

footer nav ul{
    height: 20px;
    border-left: 1px solid #999999;
}

footer nav li{
    float: left;
    
    border-right: 1px solid #999999;
}

footer nav li a{
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    width: 148px;
    height: 20px;
    
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    
}

footer .company{
    position: absolute;
    z-index: 120;
    left: 0px;
    bottom: 32px;
}

footer .company h1{
    font-size: 18px;
    line-height: 200%;
}

footer .copyright{
    position: absolute;
    z-index: 120;
    right: 0px;
    bottom: 32px;
}

footer .social-list ul{
    position: absolute;
    z-index: 120;
    right: 32px;
    bottom: 72px;
    display:flex;
}

footer .social-list li {
    margin:0 16px;
}

footer ul {
    list-style:none;
}

footer img {
    overflow-clip-margin: content-box;
    overflow: clip;
}

@media screen and (max-width:480px) { 
    footer div{
        position:static;
        width:auto;
        height:auto;
        margin: 0 auto;
    }

    footer nav{
        position:static;
        width: auto;
        margin-bottom: 16px;
    }

    footer nav ul{
        height: auto;
        border-left: none;
        border-top: 1px solid #999999;
    }

    footer nav li{
        float:none;
        width: auto;
        border-right: none;
        border-bottom: 1px solid #999999;
    }

    footer nav li a{
        display: block;
        margin-left: 0px;
        margin-right: 0px;
        padding:16px;
        width: auto;
        height: auto;

        text-align: left;
        line-height: 1em;

    }
    
    footer nav li a:active{
        background-color: #ff7f26;
        color: #ffffff;
    }

    footer .company{
        position:static;
        margin-bottom: 16px;
        margin-left: 8px;
        margin-right: 8px;
        font-size: 12px;
    }

    footer .company h1{
        font-size: 16px;
        line-height: 200%;
    }

    footer .copyright{
        position:static;
        font-size: 12px;
        margin-bottom: 8px;
        margin-left: 8px;
        margin-right: 8px;

    }
    
    footer .social-list ul{
        position: static;
        margin-bottom: 8px;
        margin-left: 8px;
        margin-right: 8px;
    }

}