@charset "UTF-8";

/*h1
---------------------------------------*/
h1{
background: url(../images/english/top_bg.jpg) repeat-y center top;
}


/*#main
---------------------------------------*/
#main{
position: relative;
}

#main:before{
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 366px;
background: url(../images/common/bg.jpg) repeat center top;
z-index: -1;
}

#main ul{
list-style: none;
overflow: hidden;
width: 980px;
margin: auto;
}

#main ul li{
float: left;
}


/*#menu
---------------------------------------*/
#menu{
position: absolute;
width: 100%;
background: #EB6D61;
box-shadow:0px 13px 43px 0px #c8a680;
padding-top: 24px;
z-index: 10;
}

#pagetop{
bottom: -50px;
font-size: 17px;
}

#pagetop a{
padding-left: 60px;
}


/*#history
---------------------------------------*/
#history{
text-align: center;
padding-top: 24px;
}

#history .visual_01{
background: url(../images/common/bg.jpg) repeat center top;
}


/*.section
---------------------------------------*/
.section{
position: relative;
background: url(../images/english/shadow.png) no-repeat center bottom;
padding-bottom: 31px;
margin-bottom: 100px;
}

.section h2{
text-align: center;
}

.section h2:before{
content: "";
display: block;
position: absolute;
top: -36px;
left: 50%;
background: url(../images/english/huki.png) no-repeat center bottom;
width: 118px;
height: 126px;
margin-left: -315px;
text-align: left;
z-index: 1;
}

.section .main_visual{
position: relative;
}

.section .main_visual img{
width: 100%;
height: auto;
}

.section .box{
position: relative;
padding: 50px 0;
}

.section .box:before{
content: "";
display: block;
position: absolute;
left: 240px;
top: -90px;
z-index: 1;
}

.section .box .inner{
width: 843px;
min-height: 363px;
background: url(../images/english/text_bg.png) no-repeat center top;
margin: auto;
color: #fff;
}

.section .box h3{
font-family: 'Playfair Display', serif;
font-size: 23px;
font-weight: normal;
line-height: 36px;
letter-spacing: 2px;
text-align: center;
}

.section .box p{
font-family: 'Lato', sans-serif;
font-size: 15px;
line-height: 28px;
text-align: justify;
width: 568px;
margin: auto;
padding-top: 25px;
}

.section .box p strong{
display: block;
font-weight: normal;
font-size: 12px;
line-height: 19px;
border-bottom: solid 1px #fff;
padding-bottom: 8px;
margin-bottom: 5px;
}

.section .description{
position: relative;
background: url(../images/common/bg.jpg) repeat center top;
}

.section .description .inner{
width: 980px;
height: 480px;
margin: auto;
}

.section .description h3{
font-family: 'Playfair Display', serif;
font-size: 26px;
font-weight: normal;
line-height: 64px;
letter-spacing: 2px;
text-align: center;
width: 608px;
margin-left: 336px;
padding-top: 64px;
}

.section .description p{
font-family: 'Lato', sans-serif;
font-size: 15px;
line-height: 28px;
text-align: justify;
width: 608px;
margin-left: 336px;
padding-top: 15px;
}


/*#iheya
---------------------------------------*/
#iheya h2{
background: url(../images/english/iheya_top_bg.jpg) repeat-y center top;
}

#iheya .box:before{
width: 121px;
height: 90px;
background: url(../images/english/iheya_icon.png) no-repeat center top;
}

#iheya .box{
background: #537F5C;
}

#iheya .description .inner{
background: url(../images/english/iheya_description.jpg) no-repeat center top;
}

#iheya .description h3{
color: #537F5C;
}


/*#izena
---------------------------------------*/
#izena h2{
background: url(../images/english/izena_top_bg.jpg) repeat-y center top;
}

#izena .box:before{
width: 121px;
height: 90px;
background: url(../images/english/izena_icon.png) no-repeat center top;
}

#izena .box{
background: #BB554C;
}

#izena .description .inner{
background: url(../images/english/izena_description.jpg) no-repeat center top;
}

#izena .description h3{
color: #BB554C;
}


/*#nakijin
---------------------------------------*/
#nakijin h2{
background: url(../images/english/nakijin_top_bg.jpg) repeat-y center top;
}

#nakijin .box:before{
width: 121px;
height: 90px;
background: url(../images/english/nakijin_icon.png) no-repeat center top;
}

#nakijin .box{
background: #187FC4;
}

#nakijin .description .inner{
background: url(../images/english/nakijin_description.jpg) no-repeat center top;
}

#nakijin .description h3{
color: #187FC4;
}


/*#access
---------------------------------------*/
#access{
position: relative;
text-align: center;
}

#access h2{
position: absolute;
top: 0;
width: 100%;
z-index: 1;
font-family: 'Playfair Display', serif;
font-size: 30px;
font-weight: normal;
letter-spacing: 1px;
color: #F08C00;
padding-top: 27px;
}


/*#topic
---------------------------------------*/
#topic{
text-align: center;
padding: 50px 0 10px;
}


/*#aside
---------------------------------------*/
#aside{
position: relative;
overflow: hidden;
list-style: none;
width: 900px;
margin: auto;
background: url(../images/english/aside.png) no-repeat center 35px;
padding: 130px 0 30px;
}

#aside li{
position: relative;
float: left;
width: 280px;
text-align: center;
margin-left: 30px;
}

#aside li:first-child{
margin-left: 0;
}

#aside .top{
color: #618F5D;
font-family: 'Rubik', sans-serif;
font-size: 19px;
font-weight: bold;
padding: 13px 0 8px;
}

#aside .title{
color: #fff;
background: #618F5D;
font-family: 'Rubik', sans-serif;
font-size: 18px;
line-height: 40px;
letter-spacing: 1px;
}

#aside h3{
color: #618F5D;
background: #F8F4D4;
font-size: 16px;
line-height: 40px;
letter-spacing: 1px;
}

#aside .lead{
line-height: 64px;
}

#aside .lead.br{
line-height: 22px;
padding: 10px 0;
}

#aside .please{
color: #618F5D;
border-top: solid 1px #618F5D;
font-family: 'Rubik', sans-serif;
font-size: 12px;
line-height: 16px;
padding-top: 10px;
}

#aside .mail{
padding: 10px 0;
}

#aside .mail a{
color: #618F5D;
font-family: 'Rubik', sans-serif;
font-size: 21px;
}

#aside .text{
font-family: 'Rubik', sans-serif;
font-size: 15px;
line-height: 21px;
border-bottom:  solid 1px #618F5D;
padding: 5px 0 10px;
}

#aside .text img{
vertical-align: 1px;
margin-right: 1px;
}

#aside .address{
line-height: 21px;
padding-top: 10px;
}

#aside .address strong{
display: block;
color: #618F5D;
font-size: 16px;
font-weight: normal;
}