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

/* ===========================
header/footer
=========================== */
#header{
width: 100%;
background: #000;
}
#header .logo{
width: 1000px;
color: #fff;
font-size: 1.6rem;
margin: 0 auto;
padding: 10px 0;
}
#footer{
width: 100%;
background: #000;
}
#footer .copy{
width: 1000px;
color: #fff;
font-size: 1.4rem;
text-align: center;
margin: 0 auto;
padding: 10px 0;
}
@media (max-width: 768px){
#header .logo{
width: 100%;
font-size: 1.4rem;
padding: 1.0rem 2.0rem;
}
#footer .copy{
width: 100%;
font-size: 1.2rem;
padding: 1.0rem 2.0rem;
}
}

/* ===========================
contents
=========================== */
[class^="contents"] .contentsInner{
width: 800px;
margin: 0 auto;
padding: 80px 0;
}
[class^="contents"] .contentsInner .title{
font-size: 2.2rem;
font-weight: bold;
margin: 0 0 20px;
}
[class^="contents"] .contentsInner .block{
margin: 0 0 20px;
}
[class^="contents"] .contentsInner .memo{
padding: 30px;
}
[class^="contents"] .contentsInner .memo .text{
font-size: 1.6rem;
}
[class^="contents"] .contentsInner .memo .text + .text{
margin-top: 20px;
}
[class^="contents"] .contentsInner .memo .text a{
color: #3C77D1;
text-decoration: underline;
display: inline;
}
@media (max-width: 768px){
[class^="contents"] .contentsInner{
width: 100%;
padding: 3.0rem 2.0rem;
}
[class^="contents"] .contentsInner .title{
font-size: 1.8rem;
margin: 0 0 1.5rem;
}
[class^="contents"] .contentsInner .block{
margin: 0 0 1.5rem;
}
[class^="contents"] .contentsInner .memo{
padding: 2.0rem;
}
[class^="contents"] .contentsInner .memo .text{
font-size: 1.4rem;
}
[class^="contents"] .contentsInner .memo .text + .text{
margin-top: 1.5rem;
}
}

.contents01{
background: #f5f5f5;
}
.contents01 .memo{
background: #fff;
}
.contents01 iframe{
width: 100%;
height: 600px;
}
@media (max-width: 768px){
.contents01 iframe{
width: 100%;
height: 40.0rem;
}
}


.contents02{
background: #fff;
}
.contents02 .memo{
background: #f5f5f5;
}