@charset "UTF-8";

html{
font-size:62.5%;
}
body{
font-size:1.6em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
background:#FFF;
color:#000;
text-align:center;
margin:0;
padding:0;
animation:fadeIn 5s ease 0s 1 normal;
-webkit-animation:fadeIn s ease 0s 1 normal;
}
@keyframes fadeIn{
0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes fadeIn{
0% {opacity:0}
100% {opacity:1}
}
img{
width:100%;
height:auto
}
.clearfix{
display:block;
}
.clear{
clear:both;
}
.clear hr{
display:none;
}
ul,li{
list-style:none;
}








@media screen and (min-width:1024px) {
.smp{
display:none;
}
.tablet{
display:none;
}
.pc{
display:block;
}







}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}







}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.tablet{
display:none;
}
.smp{
display:block;
}








}









/* ==================================================

COMMENT

================================================== */
@media screen and (min-width:1024px) {
.comment{
width:1000px;
margin:50px auto;
}
.comment h2{
font-size:40px;
font-weight:300;
letter-spacing:0.05em;
line-height:1em;
margin-bottom:1.5em;
}
.comment h2 span{
font-size:0.5em;
font-weight:400;
}
.message{
padding:3em;
position:relative;
text-align:center;
}
.message::before, .message::after{
content: '';
width:50px;
height:50px;
position:absolute;
}
.message::before{
border-left:1px solid #AAA;
border-top:1px solid #AAA;
top:0;
left:0;
}
.message::after{
border-right:1px solid #AAA;
border-bottom:1px solid #AAA;
bottom:0;
right:0;
}
.message p{
font-size:13px;
text-align:left;
line-height:1.65em;
}
.message h6{
font-size:13px;
text-align:right;
margin-top:1em;
}





}
@media only screen and (min-width:768px) and (max-width:1023px) {
.comment{
width:90%;
margin:40px auto 0;
}
.comment h2{
font-size:40px;
font-weight:300;
letter-spacing:0.05em;
line-height:1em;
margin-bottom:1.5em;
}
.comment h2 span{
font-size:0.5em;
font-weight:400;
}
.message{
padding:3em;
position:relative;
text-align:center;
}
.message::before, .message::after{
content: '';
width:50px;
height:50px;
position:absolute;
}
.message::before{
border-left:1px solid #AAA;
border-top:1px solid #AAA;
top:0;
left:0;
}
.message::after{
border-right:1px solid #AAA;
border-bottom:1px solid #AAA;
bottom:0;
right:0;
}
.message p{
font-size:13px;
text-align:left;
line-height:1.65em;
}
.message h6{
font-size:13px;
text-align:right;
margin-top:1em;
}






}
@media only screen and (min-width:320px) and (max-width:767px) {
.comment{
width:90%;
margin:20px auto 0;
}
.comment h2{
font-size:36px;
font-weight:300;
letter-spacing:0.05em;
line-height:1em;
margin-bottom:1.5em;
}
.comment h2 span{
font-size:0.5em;
font-weight:400;
}
.message{
padding:2em;
position:relative;
text-align:center;
margin:4em auto;
}
.message::before, .message::after{
content: '';
width:50px;
height:50px;
position:absolute;
}
.message::before{
border-left:1px solid #AAA;
border-top:1px solid #AAA;
top:0;
left:0;
}
.message::after{
border-right:1px solid #AAA;
border-bottom:1px solid #AAA;
bottom:0;
right:0;
}
.message p{
font-size:13px;
text-align:left;
line-height:1.65em;
}
.message h6{
font-size:13px;
text-align:right;
margin-top:1em;
}



}










/* ==================================================

FOOTER

================================================== */
@media screen and (min-width:1024px) {
footer{
/*position:absolute;
bottom:0;
right:2%;*/
}
footer p{
font-size:13px;
font-weight:300;
text-align:right;
letter-spacing:0.03em;
margin:1em 2% 1em auto;
}



}
@media only screen and (min-width:768px) and (max-width:1023px) {
footer{
/*position:absolute;
bottom:0;
right:2%;*/
}
footer p{
font-size:13px;
font-weight:300;
text-align:right;
letter-spacing:0.03em;
margin:1em 2% 1em auto;
}

}
@media only screen and (min-width:320px) and (max-width:767px) {
footer{
/*position:absolute;
bottom:0;
right:1%;*/
}
footer p{
font-size:13px;
font-weight:300;
text-align:right;
letter-spacing:0.03em;
margin:1em 2% 1em auto;
}

}