/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
line-height:1.5;
font-family: "Zen Maru Gothic", serif;
font-weight:400;
color:#333;
-webkit-text-size-adjust: none;
}

img{max-width:100%;height:auto;}

a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#003BFF;
}
  
a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
text-decoration:none;
}

/* トップ
------------------------------------------------------------*/
#header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    background:url(img/bg-top-texture.png) no-repeat center top;
    background-size:100% auto;
}
@media only screen and (min-width:1350px){
    #header{background-position:center bottom;}
}
#header::before{
    content:'';
    background:url(img/bg-moya-l.png) no-repeat;
    background-size:100% auto;
    width:360px;
    height:50vw;
    max-height: 600px;
}
#header::after{
    content:'';
    background:url(img/bg-moya-r.png) no-repeat;
    background-size:100% auto;
    width:360px;
    height:50vw;
    max-height: 600px;
}
@media only screen and (max-width:600px){
    #header{display:block;padding:20px;background:url(img/bg-texture.jpg);}
    #header::before,#header::after{display:none;}
    .header-logo{width:70%;margin:0 auto;}
}
#content{text-align:center;}
#content h2{
    font-size:200%;
    color:#EB006D;
    font-weight:700;
    letter-spacing:0.1em;
    margin-bottom:20px;
}

.copy{
    font-weight:500;
    font-size:150%;
    margin-top:30px;
    margin-bottom:20px;
}
.copy-txt{
    font-weight:500;
    line-height:2;
    margin-bottom:30px;
}
.btn-purple{margin-bottom:40px;}
.btn-purple a{
    display:inline-block;
    background:#AC7BE0;
    color:#fff;
    padding:10px 40px;
    font-size:150%;
    text-decoration:none;
    border-radius:10px;
    margin:10px;
}
.btn-purple a:hover{background:#884BC9;}

.inner{
    width:1100px;
    margin:0 auto;
}
@media only screen and (max-width:1100px){
    .inner{width:auto;}
}

.beige-box{
    background:#FAF1E5;
    border-radius:20px;
    padding:30px;
    margin-bottom:40px;
}
.white-box{
    background:#fff;
    border-radius:20px;
    padding:30px;
}
#content table{
    margin:0 auto 20px auto;
    border-collapse:collapse;
}
#content table th,#content table td{
    border-collapse:collapse;
    border:1px solid #ccc;
    padding:15px 20px;
    vertical-align: middle;
} 
#content table th{
    background:#F7F5FF;
    font-weight:500;
    text-align:center;
}
#content .link_table th{
    width:230px;
    font-weight:400;
}

.info p {
    text-indent: -5.7em;
    padding-left: 6em;
}

@media only screen and (max-width:700px){
    #content .link_table th,#content .link_table td{display:block;width:auto;}
}
.txt130{font-size:130%;}
.alignleft{text-align:left;}

#footer{
    background:url(img/bg-texture.jpg);
    text-align:center;
    padding:30px;
}
.footer-logo{margin-bottom:20px;}