@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
/*　   ベース
--------------------------------------------------------------------------------------------- */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 1.6em;
-webkit-text-size-adjust: 100%;
font-family: "M PLUS Rounded 1c", sans-serif;
color: #000;
}
a {
outline:none;
color: #FF9519;
}
a:hover {
text-decoration: none;
}
a,a:hover,a:hover img {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
}
a:hover {
opacity:0.80;
}
ul {
list-style: none;
}
img {
height: auto;
vertical-align: bottom;
}
h1,h2,h3,h4,h5,h6,p{
margin: 0;
}
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/* ヘッダー
----------------------------------------------------*/
article{
width: 100%;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
section {
width:45%;
}
.logo{
width: 70%;
margin: 0 auto 0;
display: block;
}
p {
width: 95%;
margin: 50px auto 0;
padding: 0 0 0 4%;
color: #72553E;
}
@media screen and (max-width: 768px) {
section {
width:90%;
}
.logo{
width: 90%;
margin: 60px auto 0;
display: block;
}
p {
width: 95%;
margin: 40px auto;
padding: 0;
color: #72553E;
}
}