@charset "utf-8";

/* ===== Universal Reset ===== */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { 
    font-size:16px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
    background: #eeece5;
    overflow-x: hidden;
}
*{
	margin:0;
	padding:0;
}

body > #container  {
    height: auto;
}


img {
	border: none;
}

.img1{
  /*画像の幅を100%に設定*/
  width:100%; 
}

.bn {
	margin-top: 10px;
}
.sp_only{ display:none}

h1,h2,h3{ padding:0; margin:0; font-weight:normal}
a,
a:visited{ text-decoration:none; color:#466336;}
a:hover{ text-decoration:none!important}

ul,li{list-style-type:none;}

@media(max-width:767px){
    .pc_only{ display:none}
	.sp_only{ display:inline}
}

section{
    padding: 100px 0;
    overflow-x: hidden;
}
section h2{
    font-size: 30px;
    font-weight: bold;
    font-family: 'Zen Maru Gothic', sans-serif;
    padding-bottom: 30px;
}

section p{
    padding-bottom: 20px;
    line-height: 1.8em;
}
.container{
    width: 80%;
    margin:auto;
}
@media(max-width:767px){
    section{
        padding: 40px 0;
    }
    .container{
        width: 86%;
    }
}
span {
   display: inline-block;
}

section#outline{
    background: url(img/outline.png) no-repeat left 20px/325px;
    position: relative;
}
section#outline div.flower-back1{
    position: absolute;
    top: -50px;
    right: -50px;
    width: 50%;
}
section#outline div.flower-back1 img{
    width: 100%;
}

section#outline table{
    margin: 20px 0;
    width: 100%;
    border-collapse: collapse;
}
section#outline table tr th,
section#outline table tr td{
    padding: 20px;
    line-height: 1.8em;
}
section#outline table tr:nth-child(odd){
    background: #efe8d3;
}
section#outline table tr th{
    text-align: right;
    border-right: 2px solid #efe8d3;
}
@media screen and (max-width:767px) {
    section#outline{
        background-position: left 0;
        background-size: 280px;
    }
    section#outline div.flower-back1{
        top: 0px;
        right: -30px;
        width: 90%;
    }
    section#outline table tr th,
    section#outline table tr td{
        padding: 5px;
        font-size: 14px;
    }
    section#outline table tr th{
        width: 8em;
    }
}