@charset "utf-8";

@import url("./form.css");
@import url("./contents.css");

/* ------------------------------------------------------------------------
    HTML5 block
------------------------------------------------------------------------  */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section , copyright {
    display: block;
}

/* ------------------------------------------------------------------------
    HTML
------------------------------------------------------------------------  */

* {
	margin:0;
	padding:0;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	color:#505050;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:14px;
	line-height: 23px;
	letter-spacing:0.05em;
	background:url(../images/tmp_body_bg.jpg);
	word-break:break-all;
	word-wrap:break-word;
}
@media screen and (max-width:1000px){
	body { font-size:12px;}
}
html, body{
	width: 100%;
	height: 100%;
}

/* h tag */
h1 {
}
h2 {
}
h3 {
}

/* img */
img {
	max-width:100%;
	height:auto;
	border:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
.hov > a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}
div.img img {
	max-width:100%;
	height:auto;
}

/* li a p */
li {
	list-style:none;
}
li a {
	text-decoration:none;
}
a {
	text-decoration:none;
	color:#505050;
}
a:hover {
	color:#999;
}
.td_btm a {
	text-decoration:underline;
}
p {
	word-break:break-all;
}

/* background */
.bg_wood {
	background:url(images/ptn_wood1.jpg);
}

/* ------------------------------------------------------------------------
    opacity
------------------------------------------------------------------------  */
.boxarea {
	overflow: hidden;
	opacity: 0;
}

/* ------------------------------------------------------------------------
    wrapper container inner
------------------------------------------------------------------------  */
#WRAPPER {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
	background:url(images/body_gra.png) repeat-y;
}
@media screen and (max-width:1000px){
	#WRAPPER {
		max-width:1000px;
		padding:0;
		margin:0;
		background:none;
		background-color:#FFF;
	}
}
nav ,
.container ,
.inner {
	max-width:1000px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	box-sizing:border-box;
}
.inner {
	position: relative;
}

/* ------------------------------------------------------------------------
    arrow
------------------------------------------------------------------------  */

.arr{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
	padding-right: 20px;
}
.arr::before{
    position: absolute;
    top: 50%;
	right: 2px;
	transform: translateY(-50%) rotate(45deg);
    margin: auto;
    content: "";
   
    width: 4px;
    height: 4px;
    border-top: 2px solid #a7643d;
    border-right: 2px solid #a7643d;
}
.arr:hover{
	opacity: .7;
}

/* ------------------------------------------------------------------------
    box
------------------------------------------------------------------------  */
ul.box {
	width:100%;
	display:table;
	table-layout:fixed;
}
ul.box > li {
	display:table-cell;
	box-sizing:border-box;
}


/* ------------------------------------------------------------------------
    font text
------------------------------------------------------------------------  */
.en {
	font-family: 'Crimson Text', serif;
}
.jp {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.f30 {
	font-size:3em;
}
.f25 {
	font-size:2.5em;
}
.f20 {
	font-size:2em;
}
.f19 {
	font-size:1.9em;
}
.f18 {
	font-size:1.8em;
}
.f17 {
	font-size:1.7em;
}
.f16 {
	font-size:1.6em;
}
.f15 {
	font-size:1.5em;
}
.f14 {
	font-size:1.4em;
}
.f13 {
	font-size:1.3em;
}
.f12 {
	font-size:1.2em;
}
.f11 {
	font-size:1.1em;
}
.f10 {
	font-size:1.0em;
}
.f09 {
	font-size:0.9em;
}
.f08 {
	font-size:0.8em;
}
.f07 {
	font-size:0.7em;
}
.f06 {
	font-size:0.6em;
}
.f05 {
	font-size:0.5em;
}
.f04 {
	font-size:0.4em;
}
.fwb {
	font-weight:bold;
}
.fwn {
	font-weight:normal;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.tal {
	text-align:left;
}
.fwb {
	font-weight:bold;
}
.cau {
	text-indent:-1em;
	padding-left:1em;
	color:#d26432;
	font-size:0.9em;
	line-height:1.3em;
}
.ti1 {
	text-indent:-1em;
	padding-left:1em;
}
.lh20 {
	line-height:20px;
}
.lh23 {
	line-height:2.3em;
}
.red {
	color:#ff0000;
}
.orange {
	color:#b45a00;
}
.green {
	color:#74bca6;
}
.gray {
	color:#999;
}
.blue {
	color:#005a96;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* ------------------------------------------------------------------------
    padding margin
------------------------------------------------------------------------  */
.pt05 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt30 {
	padding-top:30px;
}
.pt35 {
	padding-top:35px;
}
.pt40 {
	padding-top:40px;
}
.pb05 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb30 {
	padding-bottom:30px;
}
.pb35 {
	padding-bottom:35px;
}
.pb40 {
	padding-bottom:40px;
}
.pl05 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}
.pl30 {
	padding-left:30px;
}
.pl40 {
	padding-left:40px;
}
.pl50 {
	padding-left:50px;
}
.pr05 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr25 {
	padding-right:25px;
}
.pr30 {
	padding-right:30px;
}
.mb05 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb35 {
	margin-bottom:35px;
}
.mb40 {
	margin-bottom:40px;
}
.m0a {
	margin:0 auto;
}

/* ------------------------------------------------------------------------
    clearfix
------------------------------------------------------------------------  */
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
}
 
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix{
    zoom:1;
}



/* ------------------------------------------------------------------------
    table
------------------------------------------------------------------------  */
table {
	width:100%;
	margin:0;
	padding:0;
	outline:0;
	border:1px solid #c8c8c8;
	border-radius: 3px;
}
tr {
	margin:0;
	padding:0;
}
td {
	margin:0;
	padding:10px;
	border:0;
}
.bb {
	border-bottom:1px solid #d2d2d2;
}
.br {
	border-right:1px solid #d2d2d2;
}
.bgray {
	background:#f0f0f0;
}
.bgw {
	background:#fff;
}

.vat {
	vertical-align:top;
}
.vam {
	vertical-align:middle;
}

/* ------------------------------------------------------------------------
    unline line
------------------------------------------------------------------------  */
.unline1 {
	padding:0 0 15px;
	margin:0 0 15px;
	background:url(images/line_1px_dash_black.png) repeat-x bottom;
}

/* ------------------------------------------------------------------------
    title
------------------------------------------------------------------------  */
.subtitle1 {
	background:url(../images/line_3px_2px.png) repeat-y;
	padding:3px 0 0 20px;
	margin:0 0 20px;
	color:#005a96;
	font-size:1.2em;
}
.subtitle2 {
	padding:0 0 15px 0;
	margin:0 0 20px;
	color:#005a96;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dashed #005a96;
}
.subtitle3 {
	background:url(../images/line_3px_2px.png) repeat-y;
	padding:0.5em 0 0.5em 20px;
	margin:0 0 20px;
	color:#005a96;
	font-size:1.1em;
}
@media only screen and (max-width: 769px) {
	.subtitle3 {
		padding:0 0 0 20px;
	}
}

/* ------------------------------------------------------------------------
    list
------------------------------------------------------------------------  */
/* ten_list */
ul.list_ten {
}
ul.list_ten li:before {
	content:"・ ";
}
ul.list_ten li {
	text-indent:-1.5em;
	padding:0 0 7px 1.5em;
	line-height:1.6em;
}
/* kome_list */
ul.list_kome {
}
ul.list_kome li:before {
	content:"※ ";
}
ul.list_kome li {
	text-indent:-1.5em;
	padding:0 0 7px 1.5em;
	line-height:1.6em;
}

/* ------------------------------------------------------------------------
    switch
------------------------------------------------------------------------  */
@media screen and (min-width:1001px){
	.visit_pc {
	}
	.visit_sp {
		display:none;
	}
}
@media screen and (max-width:1000px){
	.visit_pc {
		display:none;
	}
	.visit_sp {
		display:block;
	}
}


/*********************************  layout  *******************************/

/* ------------------------------------------------------------------------
    bg
------------------------------------------------------------------------  */
#SUB {
	background:url(../images/subpage_bg.jpg) repeat-x top;
}


/* ------------------------------------------------------------------------
    header
------------------------------------------------------------------------  */
header {
	max-width:1000px;
	margin:0 auto;
	position:relative;
	background-image:url(../images/tmp_hd_illust.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
header .logo {
	text-align:center;
	padding:15px 0 0;
}
header .logo img {
	max-width:227px;
}

/* hd_btn */
.hd_fb {
	position:absolute;
	top:0;
	right:220px;
}
.hd_tw {
	position:absolute;
	top:0;
	right:170px;
}
.hd_mail {
	position:absolute;
	top:0;
	right:120px;
}
.hd_mail img ,
.hd_fb img ,
.hd_tw img {
	width:40px;
	height:40px;
}
.hd_btn {
	position:absolute;
	top:0;
	right:0;
}
@media only screen and (max-width: 1000px) {
	header {
		position:inherit;
	}
	header .logo {
		position:absolute;
		z-index:9999;
		padding:0;
		left:15px;
		top:15px;
	}
	header .logo img {
		max-height:40px;
	}
	.hd_fb ,
	.hd_tw ,
	.hd_mail ,
	.hd_btn {
		display:none;
	}
}

/* ------------------------------------------------------------------------
    nav
------------------------------------------------------------------------  */
#HD_BG {
	background:url(../images/tmp_nav_bg.png) center top repeat-x;
}
@media only screen and (max-width: 1000px) {
	#HD_BG {
		background:none;
	}
}
nav {
	width:100%;
	padding:60px 0 0;
}
nav ul {
	width:100%;
	display:table;
	table-layout:fixed;
	padding:0 0 5px;
	background:url(../images/line_1px_dash_nav.png) repeat-y left;
}
nav ul li {
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
	background:url(../images/line_1px_dash_nav.png) repeat-y right;
	
	text-align:center;
	font-size:0.9em;
}
nav ul li a {
	display:block;
	color:#3c96c8;
}
nav ul li a:hover {
	color:#cf9a7b;
}
  
@media only screen and (max-width: 1000px) {
	nav {
		padding:0;
	}
	.home a span ,
	.home a:hover span {
			background:none;
			padding:0;
	}

    #menuList {
        display: none;
    }
 
    #rwdMenuWrap {
        width: 100%;
    }

	#rwdMenuWrap p {
		display:none;
	}
 
    #rwdMenuWrap #switchBtnArea {
        width: 100%;
        height: 70px;
        position: relative;
    }
 
    #rwdMenuWrap #switchBtnArea #switchBtn {
        top: 15px;
        right: 10px;
        width: 40px;
        height: 40px;
        display: block;
        position: absolute;
        border-radius: 3px;
    }
 
    #rwdMenuWrap #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #9c552a;
        border-radius: 5px;
        transition: all 0.2s linear;
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {top:10px;transform: rotate(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {top:18px;transform: scale(1);}
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {bottom:10px;transform: rotate(0);}
 
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:18px;transform: rotate(-45deg);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:18px;transform: rotate(45deg);}
 
    #rwdMenuWrap ul {
        width: 100%;
        display: none;
    }
 
    #rwdMenuWrap ul li {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }
 
    #rwdMenuWrap ul li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        position: relative;
		color:#a7643d;
    }

    #rwdMenuWrap ul li a:hover {
        background: rgba(245,245,245,0.5);
    }
 
    #rwdMenuWrap ul li a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        color: #888;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #b0b0b0;
        border-right: 2px solid #b0b0b0;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
	#menuList ul li a p {
		display:none;
	}
}


/* ------------------------------------------------------------------------
    Main
------------------------------------------------------------------------  */
#Main {
}
@media only screen and (max-width: 1000px) {

}

/* ------------------------------------------------------------------------
    footer
------------------------------------------------------------------------  */
#FT_LINK {
	width:100%;
	background-image:url(../images/line_stripe_bl.png) , url(../images/tmp_bg_blue.jpg);
	background-repeat:repeat-x , repeat;
	background-position:bottom , bottom;
}
#FT_LINK .ft_inner {
	width:100%;
	padding:20px 0;
	background-image:url(../images/ft_illust.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#FT_LINK_BOX {
	width:100%;
	display:table;
}
.ft_link_img {
	width:160px;
	display:table-cell;
	text-align:center;
}
.ft_link_img img {
	max-width:130px;
	height:auto;
}
.ft_link_txt {
	width:410px;
	display:table-cell;
	box-sizing:border-box;
	padding:0 10px 0 0;
	vertical-align:middle;
	color:#3e8ede;
}
.ft_link_contact {
	width:430px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.ft_link_conbox {
	width:310px;
	padding:15px;
	border-radius: 5px;
	box-sizing:border-box;
	background:#fff;
}
.ft_link_tel {
	padding:0 0 10px;
}
.ft_link_mail {
}

@media only screen and (max-width: 1000px) {
	#FT_LINK .ft_inner {
		width:100%;
		padding:20px 0;
		background:url(../images/line_stripe_wh.png) repeat-x, url(../images/ft_illust_sp.png) no-repeat;
		background-position:0 0 , right bottom;
	}
}
@media only screen and (max-width: 769px) {
	#FT_LINK .ft_inner {
		width:100%;
		padding:20px 0;
		background:url(../images/line_stripe_wh.png) repeat-x, url(../images/ft_illust_sp.png) no-repeat;
		background-position:0 0 , right bottom;
	}
	#FT_LINK_BOX {
		position:relative;
	}
	.ft_link_img {
		width:auto;
		display:block;
		position:absolute;
		left:0;
		top:-70px;
	}
	.ft_link_img img {
		max-width:110px;
	}
	.ft_link_txt {
		display:block;
		width:100%;
		float:left;
		text-align:center;
		padding:40px 0 15px;
	}
	.ft_link_contact {
		width:100%;
		float:left;
		display:block;
		text-align:center;
		padding:0 0 30px;
	}
	.ft_link_conbox {
		margin:0 auto;
	}
}


footer {
	background:url(../images/tmp_bg_wood.jpg);
	padding:20px 0;
	color:#fff;
	line-height:1em;
}
.ft_info {
	width:349px;
	float:left;
	border-right:1px solid #fff;
}
.ft_info h3 img {
	height:45px;
	width:auto;
}
.ft_mn {
	width:220px;
	float:left;
}
.ft_ico {
	width:190px;
	float:left;
	text-align:right;
	padding:20px 0 0;
}
footer h3 {
	padding:0 0 10px;
}
p.ft_add {
	padding:0 0 15px;
}
.ft_mail {
	padding:0 0 7px;
}
.ft_tel {
	padding:0 0 15px;
}
.ft_mn ul {
	padding:20px 0 0 60px;
	line-height:2em;
}
.ft_mn ul li a {
	display:block;
	color:#fff;
}
.ft_mn ul li a:hover {
	color:#addbf2;
}
.ft_ico ul {
	text-align:right;
	padding:5px 0 0;
}
.ft_ico ul li {
	display:inline-block;
	padding-left:5px;
}
.ft_ico ul li img {
	width:40px;
	height:40px;
}
.ft_ico .ft_yoiko img {
	width:auto;
	height:30px;
}

@media only screen and (max-width: 1000px) {
	footer {
		line-height:1.5em;
	}
	.ft_info {
		width:100%;
		text-align:center;
		float:none;
		border-right:none;
	}
	.ft_mn {
		display:none;
	}
	.ft_ico {
		width:100%;
		text-align:center;
		float:none;
		padding:0 0 15px;
	}
	.ft_ico ul {
		text-align:center;
		padding:5px 0;
	}
	.ft_ico ul li {
		display:inline-block;
		float:none;
		padding:0 5px;
	}
	ul.ft_only {
		width:100%;
		display:table;
		padding:15px 0 25px;
	}
	ul.ft_only li {
		width:50%;
		display:table-cell;
		text-align:center;
		box-sizing:border-box;
		line-height:1em;
		border-left:1px solid #fff;
		font-size:0.9em;
	}
	ul.ft_only li:first-child {
		border-left:none;
	}
	ul.ft_only li a {
		color:#fff;
	}
	ul.ft_only li a:hover {
		color:#addbf2;
	}
}


/* ------------------------------------------------------------------------
    copy
------------------------------------------------------------------------  */
#COPY {
	max-width:1000px;
	margin:0 auto;
	font-size:0.8em;
}
@media only screen and (max-width: 1000px) {
	#COPY{ text-align:center;}
}


/*********************************  parts  *******************************/

/* ------------------------------------------------------------------------
    loading
------------------------------------------------------------------------  */
.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index:5;
}
.loadingWrap img{
	width:30px;
	height:30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
}
/* ------------------------------------------------------------------------
    box
------------------------------------------------------------------------  */
.pos_rel {
	width:100%;
	position:relative;
}
.pos_ab {
	position:absolute;
}
.x_left {
	left:0;
}
.x_right {
	right:0;
}
.y_top {
	top:0;
}
.y_btm {
	bottom:0;
}

.box {
	width:100%;
	display:table;
	table-layout:fixed;
}
.box_cell {
	display:table-cell;
	padding:0 10px;
	box-sizing:border-box;
}
.box_cell_l {
	display:table-cell;
	padding:0 15px 0 0;
	vertical-align:top;
	box-sizing:border-box;
}
.box_cell_r {
	display:table-cell;
	padding:0 0 0 15px;
	vertical-align:top;
	box-sizing:border-box;
}
@media screen and (max-width:769px){
.box {
	display:block;
}
.box_cell {
	display:block;
	padding:15px 0;
}
.box_cell_l {
	width:100%;
	display:block;
	padding:0 0 15px;
}
.box_cell_r {
	width:100%;
	display:block;
	padding:0;
}
}

/* ------------------------------------------------------------------------
    sp_del
------------------------------------------------------------------------  */
@media screen and (max-width:769px){
	.sp_del {
		display:none;
	}
}


/* ------------------------------------------------------------------------
    button
------------------------------------------------------------------------  */
.btn_l_a a {
	display:block;
	max-width:500px;
	margin:0 auto;
	padding:15px;
	text-align:center;
	border:3px solid #3690de;
	box-sizing:border-box;
}
.btn_l_a a:hover {
	background:#3690de;
}
.btn_a a {
	display:block;
	max-width:280px;
	margin:0 auto;
	padding:5px;
	text-align:center;
	background:#3e8ede;
	box-sizing:border-box;
	border-radius: 3px;
	border:3px solid #3e8ede;
}
.btn_a a:hover {
	padding:5px;
	text-align:center;
	border:3px solid #3e8ede;
	background:none;
}
.arrow a {
	background:url(../images/arrow_off.png) no-repeat;
	background-position:0 2px;
	padding:0 0 0 25px;
	line-height:15px;
	color:#505050;
}
.arrow a:hover {
	background:url(../images/arrow_on.png) no-repeat;
	background-position:0 2px;
	color:#999;
}


/* ------------------------------------------------------------------------
    page-top
------------------------------------------------------------------------  */
#back-top {
	width: 130px;
	padding:0 30px 30px 0;
	position: fixed;
	right:0;
	bottom:0;
	z-index:999;
}
#page-top a {
	display: block;
}
@media screen and (max-width:1000px){
	#back-top {
		width:90px;
		padding:0;
		position: fixed;
		right:10px;
		bottom:0;
	}
}

/* ------------------------------------------------------------------------
    others
------------------------------------------------------------------------  */
.dis_no {
	display:none;
}