html {
    font-size: 62.5%;
}
@media screen and (max-width:600px){
    html{font-size:56.25%;}
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans JP', "メイリオ", "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    font-size: 1.6rem;
    width: 100%;
    margin: 0;
    color: #333;
    background: url(/images/tentative/tentative.jpg) no-repeat center top;
    background-size: cover;
}
@media screen and (max-width:600px){
    body {
        width: 96%;
    }
}

header{
    padding: 1rem;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
h1 {
    text-align: center;
    margin: 0 auto;
    width: 80%;
    max-width: 400px;
}
h1 img{
    width: 100%;
    height: auto;
}

main{
    padding: 1rem;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
main article{
    margin-top:3.0rem;
}
main article section{
    /*h2*/
    margin-top: 6rem;
}
main article section section{
    /*h3*/
    margin-top: 4rem;
}
main article section section section{
    /*h4*/
    margin-top: 2.4rem;
}
main article section section section section{
    /*h5 h6*/
    margin-top: 1.8rem;
}

h2{
    text-align: center;
    font-weight: normal;
    margin-bottom: 1rem;
    font-size: 3.0rem;
    display: flex;
    align-items: center;
}
h2::before,
h2::after{
    border-top: 1px solid #999;
    content: "";
    flex-grow: 1;
}
h2::before {
    margin-right: 1rem;
}
h2::after {
    margin-left: 1rem;
}
p.catchcopy{
    font-size: 3.0rem;
    text-align: center;
    margin-bottom: 1rem;
}
.shadow{
    text-shadow: 1px 0 5px #fff;
    font-weight: bold;
}
@media screen and (max-width:600px){
    p.catchcopy{
        font-size: 2.4rem;
    }
}

p{
    line-height: 2.0;
}
@media screen and (max-width:600px){
    p{
        line-height: 1.8;
    }
}

dl{
    margin:2rem 0 0;
    list-style:none;
    overflow:auto;
}
dl dt{
    clear:both;
    width:16rem;
    float:left;
    padding:15px 0;
    line-height: 1.6;
}
dl dd{
    padding:15px 0 15px 16rem;
    line-height: 1.6;
}
dl dd ul{
    margin-left: 20px;
}
dl dd ul li{
    margin-bottom: 5px;
}

@media screen and (max-width:600px){
    dl dt{
        width:auto;
        float:inherit;
        padding:15px 0 0;
    }
    dl dd{
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding:15px 0;
    }
}

em {
    font-style: normal;
    color: #f00;
}

.service-container{
    display: flex;
    flex-wrap: wrap;
    margin: 1% -1%;
}
.service-container section{
    width: 31.3333%;
    margin: 2% 1%;
}

.tentative-01-container{
    display: flex;
    flex-wrap: wrap;
}
.tentative-01 section{
    background: rgba(255,255,255,0.1);
    padding: 3%;
    width: 48%;
    margin: 0 1%;
}
.tentative-01 section ul{
    margin: 1rem 0 0 2rem;
}
.tentative-02 ul{
    display: flex;
}
.tentative-02 ul li{
    list-style: none;
    width: 48%;
    margin: 0 1%;
    text-align: center;
}
.tentative-02 ul li img{
    width: 80%;
    height: auto;
}

@media screen and (max-width:600px){
    .service-container section{
        width: 100%;
        margin: 2% 0%;
    }
    .tentative-01 section{
        width: 100%;
        margin: 2% 0;
    }
}

footer {
    text-align: center;
    padding: 3% 1rem;
    font-size: 1.4rem;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
footer a{
    text-decoration: none;
}
@media screen and (max-width:600px){
    footer {
        font-size: 1.2rem;
    }
}


/********* clearfix ************************************************/
.listing:after,
ul.sixColumns:after,
ul.fourColumns:after,
ul.threeColumns:after,
ul.twoColumns:after,
.clearfix:after {
    content: ".";
    /* 新しいコンテンツ */
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    /* 非表示に */
}

.listing,
ul.sixColumns,
ul.fourColumns,
ul.threeColumns,
ul.twoColumns,
.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*\*/
    /*/
    height: auto;
    overflow: hidden;
    /**/
}