@charset "utf-8";

/* ==================================================
layout
================================================== */
/* common */
#wrapper_head_area h1,
#wrapper_head_area p,
.format_top #wrapper_content_area .content_area .content_area_txt {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
}

/* area */
#wrapper_area {
    background: #FFFFFF url(../images/bg/bg.jpg) left top repeat;
    width: 100%;
    overflow: hidden;
}
#wrapper_area.custom2 {
    background: #FFFFFF url(../images/content/bg_cnt.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#wrapper_area.custom3 {
    background: #FFFFFF url(../images/content/bg_cnt2.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#wrapper_area.custom4 {
    background: #FFFFFF url(../images/content/bg_cnt3.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#wrapper_area.custom5 {
    background: #FFFFFF url(../images/content/bg_cnt4.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#wrapper_area.custom6 {
    background: #FFFFFF url(../images/content/bg_cnt5.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#wrapper_area.custom7 {
    background: #FFFFFF url(../images/content/bg_cnt6.jpg) center top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
#wrapper_area .contenter {
	/*max-width:980px;
	width:auto;*/
    width: 800px;
	margin:0 auto;
}
#wrapper_content_area {
	width:100%;
}
.custom2 #wrapper_content_area .contenter,
.custom3 #wrapper_content_area .contenter,
.custom4 #wrapper_content_area .contenter,
.custom5 #wrapper_content_area .contenter,
.custom6 #wrapper_content_area .contenter,
.custom7 #wrapper_content_area .contenter {
    background: #FFFFFF url(../images/bg/bg.jpg) center top repeat;
    padding: 10px 15px;
    margin: 8em auto;
}
.format_top #wrapper_content_area .content_area {
	width:100%;
	position: relative;
	height: 500px;
	min-width: 800px;
}
.format_top #wrapper_content_area .content_area:nth-child(1) {
    background:#FFFFFF url(../images/bg/bg.jpg) left top repeat-x;
}
.format_top #wrapper_content_area .content_area:nth-child(2) {
    /*background-color:#FFFFFF;*/
    background:#FFFFFF url(../images/bg/bg_cnt001.png) left top repeat;
}
.format_top #wrapper_content_area .content_area:nth-child(3) {
    /*background-color:#FFFFFF;*/
    background:#FFFFFF url(../images/bg/bg_cnt002.png) left top repeat;
}
/* head */
#wrapper_head_area {
	width:100%;
	background-color: #000000;
    background:#000000 url(../images/bg/bg_head.png) left top repeat;
	color: #FFFFFF;
	position: relative;
}
#wrapper_head_area #head_area {
	clear:both;
	padding: 30px 0;
	/* position: relative; */
}
.format_top #wrapper_head_area #head_area {
	min-height: 600px;
}
#wrapper_head_area #head_area h1 {
    font-size: 285.7%;
	
    height: 200px;
}
#wrapper_head_area #head_area #head_area_logo_free p {
    font-size: 285.7%;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
}
#wrapper_head_area #head_area h1 span,
#wrapper_head_area #head_area #head_area_logo_free p span {
    font-size: 160%;
    display: block;
    padding: 25px 0 0;
}
#wrapper_head_area #head_area #head_area_logo p a {
    font-size: 160%;
    display: inline;
    padding: 25px 0 0;
    color:#FFFFFF;
    text-decoration: none;
    background:none;
    transition:none;
}
#wrapper_head_area #head_area p {
    /* display: inline-block; */
    font-size: 210%;
    font-size: 157.1%;
    font-weight: bold;
    writing-mode: initial;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
	background:none;
}
#wrapper_head_area #head_area p a {
	padding: 0.1em 0.3em 0.1em 20px;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: .3s;
    color:#FFFFFF;
    text-decoration: none;
}
@media screen and (max-width : 740px) {
#wrapper_head_area #head_area p a {
	padding: 0.3em 0.3em 0.3em 20px;
}
}
#wrapper_head_area #head_area p a:hover {
	background-position: -100% 0;
	color: #000000;
}
.format_top #wrapper_head_area #head_area_logo {
	/* width:30%; */
	/* float:right; */
    margin: 0 0 3em;
}
#wrapper_head_area #head_area_cnt {
    /* text-align: center; */
    /* width:70%; */
    margin: 2em 0;
}
#wrapper_head_area #head_area_img {
    height: 100%;
    margin: 0;
    width: 55%;
    position: absolute;
    left: 45%;
    right: 0;
    top: 0;
    height: 600px;
}
#wrapper_head_area #head_area_img p img {
    width: auto;
    height: 100%;
}
#wrapper_head_area #head_area_img .slider {
}
/* slider */
#wrapper_head_area #head_area_img .slider {
    margin: 0 auto;
    /* width: 80%; */
}
#wrapper_head_area #head_area_img .slider img{
	width: auto;
    height: 600px;
    margin: 0 auto;
}
#wrapper_head_area #head_area_img .slider .slick-prev:before,
#wrapper_head_area #head_area_img .slider .slick-next:before{
    color: #000000;
}
#wrapper_head_area #head_area_navi {
    text-align: center;
    padding: 1em 0;
}
#wrapper_head_area #head_area_navi p {
    display: inline-block;
    font-size: 210%;
    font-weight: bold;
    writing-mode: initial;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    width: 32%;
}
#wrapper_head_area #head_area_navi p a {
    color:#FFFFFF;
    text-decoration: none;
    position: relative;
    padding:0 0 0 28px;
    background:url(../images/bg/arrow.png) left center no-repeat;
	transition: .3s;
	transform: scale(1);
	display: inline-block;
}
#wrapper_head_area #head_area_navi p a:hover {
	transform: scale(1.10);
}
#wrapper_head_area #head_area_gnavi p.tel {
    display: inline-block;
    font-weight: bold;
    writing-mode: initial;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
}
#wrapper_head_area #head_area_gnavi p.tel a {
    color:#FFFFFF;
    text-decoration: none;
    position: relative;
    padding:0 0 0 28px;
	transition: .3s;
	transform: scale(1);
	display: inline-block;
}
#wrapper_head_area #head_area_gnavi p.tel a:hover {
	transform: scale(1.10);
}
#wrapper_head_area #head_area_navi .tel,
#wrapper_head_area #head_area_gnavi .tel {
    padding:1.5em 0;
    font-size: 240%;
    width:auto;
}
#wrapper_head_area #head_area_navi .tel a,
#wrapper_head_area #head_area_gnavi .tel a {
    background:url(../images/bg/tel.png) left center no-repeat;
}
#wrapper_head_area #head_area_gnavi {
    text-align: center;
}
#wrapper_head_area #head_area_gnavi .gnavi {
    padding: 1em 0;
    display: table;
    width: 100%;
}
#wrapper_head_area #head_area_gnavi .gnavi p {
    display: table-cell;
    font-size: 114.2%;
    font-weight: bold;
    writing-mode: initial;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    border-right: 1px solid #FFFFFF;
}
#wrapper_head_area #head_area_gnavi .gnavi p:first-child {
    border-left: 1px solid #FFFFFF;
}
#wrapper_head_area #head_area_gnavi .gnavi p a {
    color:#FFFFFF;
    text-decoration: none;
    background:none;
	transition: .3s;
	transform: scale(1);
	display: inline-block;
}
#wrapper_head_area #head_area_gnavi .gnavi p a:hover {
	transform: scale(1.10);
}
/* foot */
#wrapper_foot_area {
    font-size: 157.1%;
    color:#FFFFFF;
    background:#000000 url(../images/bg/wood2.jpg) left center repeat;
}
#wrapper_foot_area #foot_area {
    padding: 2em 0 1em;
}
#wrapper_foot_area #foot_area_logo address {
    font-style: normal;
}
#wrapper_foot_area #foot_area_cnt {
	clear:both;
}
#wrapper_foot_area #foot_area_cnt p {
    text-align: right;
}
#wrapper_foot_area #foot_area_cnt p,
#wrapper_foot_area #foot_area_cnt a {
    color: #FFFFFF;
}

/*clearfix
================================================== */
#wrapper_head_area #head_area_img:after {
    content: "";
    display: table;
    clear: both;
}