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

/* ================================================
   初期化設定
================================================ */

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

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

address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}

caption, th {
text-align: left;
}

ol, ul {
list-style: none;
}

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

img, abbr, acronym, fieldset {
border: none;
}

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

img {
vertical-align: top;
}

a {
outline: none;
}

/* ================================================
   ALL
================================================ */
html {
height:100%;
font-size: 13px;
font-family: Arial,sans-serif;
}

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


/* HEAD
------------------------------------------------ */
#header h1.logo {
width: 500px;
text-align: center;
margin:0 auto;
padding: 100px 0 0px 0;
}

/* CONTENTS
------------------------------------------------ */
#main {
width: 900px;
margin: 80px auto;
}
.name-l{
font-family: 'EB Garamond', serif;
    /* margin-top: 45px; */
    text-align: center;
    /* float: left; */
    margin: 0 auto;
    width: 300px;
    min-height: 500px;
    position: relative;
}
.name-l img {
width:45%;
}
.name-l h2 {
min-height: 425px;
}
.name-r{
font-family: 'EB Garamond', serif;
margin-top:45px;
text-align: center;
float:right;
width: 300px;
min-height: 500px;
position: relative;
}
.name-r img {
width:45%;
}
.name-r h2 {
min-height: 425px;
}
.name_post {
text-align:center;
position: absolute;
bottom: 10px;
left: 75px;
}
.name_post span {
display: block;
}
.name_post2 {
text-align:left;
position: absolute;
bottom: 10px;
left: 50px;
}
.name_post2 span {
display: block;
}
.name_post a,
.name_post2 a {
color:#000;
font-size:14px;
}
.name_post a:hover,
.name_post2 a:hover {
color:#ccc;
}
.name_link {
padding: 10px 0;
text-align:left;
}

.copy {
text-align: center;
padding:30px;	
}

/* CLEAR
------------------------------------------------ */
.cfx:after {
content: '';
display: block;
clear: both;
}