@charset "utf-8";

/* Reset =====================================================================*/
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,select,textarea,
h1,h2,h3,h4,h5,h6,
pre,code,p,blockquote,hr,
th,td{
 margin:0;
 padding:0;
}

/* HTML5 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
 display:block;
 margin:0;
 padding:0;
}

html {
 height: 100%;
 overflow: auto;
}

body {
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 overflow: hidden;
 position: relative;
 min-width: 100px;
 font-family: 'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

h1,h2,h3,h4,h5,h6,small{
 font-weight:normal;
 font-size:100%;
}

table{
 border-collapse:collapse;
 border-spacing:0;
}

th,td{
 font-weight:normal;
 vertical-align:top;
}

fieldset,img{
 border:none;
}

img{
 vertical-align:middle;
}

ul{
 list-style:none;
}

caption,th{
 text-align:left;
}

q:before,q:after{
 content:"";
}

a{
 text-decoration:none;
}

a:hover img{
 opacity: 0.8;
 filter: alpha(opacity=80);
 -ms-filter: "alpha(opacity=80)";
}

address{
 font-style:normal;
}

em{
 font-style:normal;
 font-weight:bold;
}

sup,sub{
 position:relative;
 font-size:10px;
 line-height:0;
 vertical-align:baseline;
}

sup{
 top:-1.0em;
}

sub{
 bottom:-0.25em;
}

hr{
 display:none;
}

.clearfix{zoom:1;}
.clearfix:after{
 content:"";
 clear:both;
 display:block;
}

img {
 width: 100%;
}

.bold {
 font-weight: bold;
}

.note {
 color: #b54b4b;
}


.pink {
 color: #DD3978;
}

#wrapper {
 margin-top: 92px;
 color: #3C3C3C;
 position: relative;
}

.l-wrap {
 max-width: 1440px;
 margin: 0 auto;
 padding: 0 20px;
 position: relative;
}

.m-wrap {
 max-width: 1032px;
 margin: 0 auto;
 padding: 0 20px;
 position: relative;
}

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

#wrapper {
 margin-top: 56px;
 position: relative;
}

}



/* Foot =====================================================================*/

footer {
 background: #F7F5F0;
}


footer .text{
 max-width: 910px;
 margin: 0 auto;
}


footer .text p{
 font-family: 'Noto Serif Japanese', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2em;
  margin-bottom: 1em;
}


footer .content {
 background: #F7F5F0;
 display: table;
 padding: 0 0 5%;
 font-size: 13px;
}

footer .content .logo01{
 display: table-cell;
 max-width: 240px;
 padding-right:30px;
 vertical-align:top;
}

footer .content address{
 display: table-cell;
 padding-right:30px;
 line-height:175%;
 vertical-align:top;
}

footer .content .content2{
 display:table-cell;
 padding-top:5px;
 text-align:right;
 vertical-align:top;

}
footer .content .content2 .logo02{
 max-width: 268px;
 margin-bottom: 10px;
}

footer .copy {
 background: #000;
 color: #909090;
 font-size: 12px;
 text-align: center;
 padding: 10px 0;
}

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

    footer .content{
        display: block;
        text-align: center;
    }

    footer .text p{
        font-size: 14px;
        text-align: center;
    }

    footer .content .logo01{
        display: block;
        max-width: 240px;
        margin: 0 auto 20px;
    }

    footer .content address{
        display: block;
        padding-right:0;
    }

    footer .content .content2{
        display: block;
        padding-top:5px;
        text-align: center;
    }

    footer .content .content2 .logo02{
        max-width: 268px;
        margin: 20px auto;
    }

}