* {
    margin: 0;
    padding: 0;
    border: 0
}

ul, ol {
    list-style: none;
}

::before, ::after {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
}

input, textarea {
    resize: none;
    outline: none;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.row {
    margin: 0;
}

.space {
    visibility: hidden;
    text-indent: 999px;
}

a {
    padding: 0 !important;
}

p {
    margin-bottom: 6px;
}

h1 {
    margin-bottom: 12px;
    margin-top: 64px;
}

html, body {
    font-family: "Helvetica Neue", Helvetica, sans-serif, '小塚ゴシック' !important;
}

#logo {
    margin-top: -16px;
    display: block;
    width: 148px;
}

#logo > img {
    width: 100%;
    display: block;
}

#navbar {
    margin-left: 170px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #e42f36;
}

#navbar > ul > li {
    margin: 0 10px;
}

#navbar > ul > li > a {
    width: 60px;
    height: 60px;
    background: no-repeat center center;
    background-size: 30px 30px;
    display: block;
}

#navbar > ul > li:nth-child(1) > a {
    background-image: url(../images/icon_home.png)
}

#navbar > ul > li:nth-child(2) > a {
    background-image: url(../images/icon_about.png)
}

#navbar > ul > li:nth-child(3) > a {
    background-image: url(../images/icon_buy.png)
}

#navbar > ul > li:nth-child(4) > a {
    background-image: url(../images/icon_sell.png)
}

#navbar > ul > li:nth-child(5) > a {
    background-image: url(../images/icon_rent.png)
}

#navbar > ul > li:nth-child(6) > a {
    background-image: url(../images/icon_job.png)
}

#navbar > ul > li:nth-child(7) > a {
    background-image: url(../images/icon_contact.png)
}

#navbar > ul > li:nth-child(8) {
    margin: 15px 0 15px;
}

#navbar > ul > li:nth-child(8) > a {
    width: 68px;
    height: 30px;
    line-height: 30px;
    background: #e42f36;
    font-size: 16px;
    border-radius: 15px;
    padding: 0;
    color: #fff;
}

#navbar > ul > li:nth-child(8) > a:hover::before {
    content: '';
    display: none;
}

/*banner*/
.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 12px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #fff;
    border: none;
    border-radius: 7px;
}

.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 0 12px;
    background-color: #e42f36;
}

.carousel-indicators {
    bottom: 100px;
}

.carousel-caption {
    bottom: 37%;
}

.banner1_text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 316px;
    height: 160px;
    background: url(../images/banner_1000.png) no-repeat left top;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.section_red {
    width: 100%;
    position: relative;
}

.section1 {
    width: 370px;
    height: 250px;
    margin: 0 auto;
    position: relative;
}

#section1 {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 0;
    top: -150px;
    left: 0;
}

/*section2*/
#about_us .col-lg-9, #about_us .col-lg-3 {
    padding: 0 3px;
}

/*.section_title {
    background: url(../images/icon_title_about.png) no-repeat left center/contain;
    padding-left: 112px;
    line-height: 92px;
    position: relative
}

.section_title > span:first-child {
    font-size: 40px;
    position: relative;
}

.section_title > span:first-child::after {
    content: '';
    display: block;
    width: 1px;
    height: 44px;
    position: absolute;
    top: 20px;
    right: -20px;
    background: #bbbaba;
}

.section_title > span:last-child {
    font-size: 14px;
    letter-spacing: 3px;
    margin-left: 40px;
}*/
.section_title_red, .section_title_gray, .section_title_white {
    line-height: 92px;
    position: relative;
    overflow: hidden;
}

.section_title_red > div:nth-child(1), .section_title_gray > div:nth-child(1), .section_title_white > div:nth-child(1) {
    float: left;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    position: relative;

}

.section_title_red > div:nth-child(1) {
    background: #e42f36;
}

.section_title_white > div:nth-child(1) {
    background: #eaeaea;
}

.section_title_gray > div:nth-child(1) {
    background: #747273;
}

.section_title_red > div:nth-child(1) > img, .section_title_gray > div:nth-child(1) > img, .section_title_white > div:nth-child(1) > img {
    display: block;
    position: absolute;
    transition: all 0.3s;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 1;
}

.section_title_red > div:nth-child(2), .section_title_white > div:nth-child(2), .section_title_gray > div:nth-child(2) {
    float: left;
}

.section_title_red > div:nth-child(2) > span:first-child, .section_title_white > div:nth-child(2) > span:first-child, .section_title_gray > div:nth-child(2) > span:first-child {
    font-size: 40px;
    position: relative;
    margin-left: 20px;
}

.section_title_red > div:nth-child(2) > span:first-child::after, .section_title_gray > div:nth-child(2) > span:first-child::after, .section_title_white > div:nth-child(2) > span:first-child::after {
    content: '';
    display: block;
    width: 1px;
    height: 44px;
    position: absolute;
    top: 20px;
    right: -20px;
    background: #bbbaba;
}

.section_title_red > div:nth-child(2) > span:last-child, .section_title_gray > div:nth-child(2) > span:last-child, .section_title_white > div:nth-child(2) > span:last-child {
    font-size: 14px;
    letter-spacing: 3px;
    margin-left: 40px;
}

.section_title_red:hover > div:nth-child(1) > img, .section_title_gray:hover > div:nth-child(1) > img, .section_title_white:hover > div:nth-child(1) > img {
    opacity: 0.1;
}

.section2_form {
    margin-top: 36px;
}

.section2_form p {
    font-size: 16px !important;
    color: #181717;
    border: 1px solid #d3d3d3;
}

.section2_form p.l_text1 {
    background: #f2f2f2;
    text-align: right;
    padding-right: 14px;
    line-height: 40px;
}

.section2_form p.r_text1 {
    background: #fefefe;
    text-align: left;
    padding-left: 14px;
    line-height: 40px;
}

.section2_form p.l_text2 {
    background: #f2f2f2;
    text-align: right;
    padding-right: 14px;
    line-height: 40px;
}

.section2_form p.r_text2 {
    background: #fefefe;
    text-align: left;
    padding-left: 14px;
    line-height: 24px;
}

/*section3*/
.section_top {
    padding-bottom: 74px;
}

.section_top > div:nth-child(1) > img {
    display: block;
    margin: 38px 0 0 auto;
    width: 374px;
}

.section_top > div:nth-child(2) > p {
    line-height: 24px;
    font-size: 16px;
    padding-top: 48px;
}

.section_bottom, .section_bottom2 {
    background: #eaeaea;
    text-align: center;
}

.section_bottom > div, .section_bottom2 > div {
    height: 200px;
    background: #fff;
    position: relative;
    border: 1px solid #d3d3d3;
}

/*.section_bottom>div+div{border-left: 1px solid #d3d3d3;}*/
/*.section_bottom>div:nth-child(5){border-left: none;}*/

.section_bottom > div > h1, .section_bottom2 > div > h1 {
    font-weight: normal;
    font-size: 32px;
    color: #e42f36;
}

.section_bottom > div > p, .section_bottom2 > div > p {
    font-size: 18px;
    color: #222;
    /*padding-bottom: 62px;*/
}

.section_bottom > div:nth-child(5) > p, .section_bottom > div:nth-child(7) > p {
    margin-bottom: 37px;
}

/*.section_bottom > div:nth-child(2) {
    background: #e42f36;
}*/
.section_bottom > div:hover > div {
    opacity: 1;
}

.section_bottom > div > div {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 21px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
    background: #e42f36;
    opacity: 0;
    transition: all 0.3s;
}

.section_bottom2 > div:hover > div {
    opacity: 1;
}

.section_bottom2 > div > div {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 21px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px;
    color: #fff;
    background: #e42f36;
    opacity: 0;
    transition: all 0.3s;
}

/*section4*/
.section_bottom2 {
    width: 80%;
    margin: 0 auto;
}

/*.section_bottom2>div:nth-child(4)>p,.section_bottom2>div:nth-child(6)>p{margin-bottom: 37px;}*/
/*house_show*/
.house {
    margin-bottom: 15px;
}

.house > div:first-child {
    width: 100%;
    overflow: hidden;
}

.house > div:first-child > img {
    width: 100%;
    display: block;
}

.house_main {
    width: 45%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background:rgba(63, 63, 63, 0.95);
}

.house_main::before {
    content: '';
    display: block;
    border-width: 15px;
    border-style: solid;
    border-color: transparent #3f3f3f transparent transparent;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -15px;
}

.house_main > div {
    width: 80%;
    margin: 27px auto 0 auto;
}

.house_main > div > h1, .house_main > div > p, .house_main > div > div {
    margin: 0;
    color: #fff;
    margin-bottom: 1%;
}

.house_main > div > h1 {
    font-size: 32px;
}

.house_main > div > p {
    font-size: 18px;
}

.house_main > div > div {
    font-size: 32px;
    font-weight: bold;
    color: #e42f36;
}

.house_main > div > div > em {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
}

/*contact*/
#index_form {
    padding-top: 64px;
}

#index_form p {
    text-align: center;
}

#index_form > fieldset > h2 {
    font-weight: normal;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
}

#form_action {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background: #88cb31;
    margin: 58px auto;
    padding: 0;
    color: #fff;
    border-radius: 20px;
}

/*job*/
#job_info {
    padding-top: 50px;
}

#job_info > div {
    width: 82%;
    margin: 0 auto;
    overflow: hidden;
}

.job_icon > img {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}

.job_icon > h1 {
    font-size: 32px;
    line-height: 32px;
    font-weight: normal;
    color: #727171;
    text-align: center;
}

.job_info > p {
    color: #282828;
    line-height: 22px;
}

.job_info > p:nth-child(1) {
    font-size: 16px;
}

.job_info > p:nth-child(2) {
    font-size: 14px;
}

.btn_job {
    display: block;
    width: 200px;
    height: 40px;
    background: #e42f36;
    border-radius: 20px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 72px auto 64px auto;
}

.btn_job:hover {
    text-decoration: none;
    background: #b10000;
    color: #fff;
}

/*footer*/
.footer {
    background: #464646;
    padding: 64px 0 72px 0;
}

.footer p {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: center
}

.navbar {
    padding: 30px 0;
    margin-left: 30px;
}

#navbar > ul > li {
    /*float: left;*/
    /*position: absolute;*/
    /*height: 100px;*/
    margin: 0 3%;
}
#navbar > ul > li > a:hover {
    background: #e42f36;
    text-decoration: none;
}

#navbar > ul > li > a:hover::before {
    content: attr(data-word);
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 100px;
    color: #fff;
}

.section1:active > .section1_text {
    opacity: 1;
}
.section1:hover > .section1_text {
    opacity: 1;
}

.section1_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 40px;
    text-align: center;
    opacity: 0;
    cursor:pointer;
    /*transition: all 0.3s;*/
}

.section1_text > div.icon_house {
    width: 74px;
    height: 74px;
    background: url(../images/icon_house.png) no-repeat center/contain;
    margin: 0 auto;
}

.section1_text > h1 {
    margin: 18px 0 12px 0;
    font-size: 18px;
    line-height: 18px;
}

.section1_text > a {
    display: block;
    width: 140px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-decoration: underline;
    color: #ffa0a0;
    background: #e42f36;
    border-radius: 15px;
    margin: 0 auto;
}

.righttraggle::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -14px;
    margin-top: -20px;
    width: 15px;
    height: 40px;
    background: url(../images/traggle_left_white.png) no-repeat center/contain;
    z-index: 999;
    transition: all 0.1s;
}

.righttraggle:hover::before {
    background: url(../images/traggle_left_red.png) no-repeat center/contain;
}

.curled-box {
    border-radius: 50%;
}

.curled-box:hover {
    border-radius: 50%;
    background-color:red;
    
}

.lefttraggle::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -14px;
    margin-top: -20px;
    width: 16px;
    height: 40px;
    background: url(traggle.png) no-repeat center/contain;
    z-index: 999;
    /*transition: all 0.1s;*/
    cursor:pointer;
}

.lefttraggle:hover::before {
    background: url(../images/traggle_right_red.png) no-repeat center/contain;
    cursor:pointer;
}

.downtraggle::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 18px;
    background: url(../images/traggle_down_white.png) no-repeat center/contain;
    z-index: 999;
    transition: all 0.1s;
}

.downtraggle:hover::before {
    background: url(../images/traggle_down_red.png) no-repeat center/contain;
}

@media (max-width: 768px) {
    .navbar {
        padding: 0;
    }

    .banner1_text {
        width: 158px;
        height: 80px;
        background: url(../images/banner_1000.png) no-repeat left top/contain;
    }

    .carousel-indicators {
        bottom: 10px;
    }

    #section1 {
        top: -2%;
    }

    .section1 {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        cursor:pointer;
    }

    .section1 > img {
        display: block;
        width: 100%;
        cursor:pointer;
    }

    .section_top > div:nth-child(1) > img {
        width: 100%;
    }

    .section_title {
        background: url(../images/icon_title_about.png) no-repeat left center/45px 45px;
        padding-left: 56px;
        line-height: 46px;
        position: relative;
    }


    .house_main > div > h1, .house_main > div > p, .house_main > div > div {
        margin: 0;
        color: #fff;
        margin-bottom: 5px;
    }

}


.abc{
  width:600px;
  /*height:300px;*/
  margin:0 auto;
  margin-top:100px;
  font-size:30px;
  text-align:center;
  background: -webkit-linear-gradient(left,#ffffff,rgb(234, 224, 127) 25%,#ffffff50%,#fbef7a 75%,#ffffff);
  color:transparent;
  -webkit-background-clip:text;
  background-size:200% 100%;
  animation:masked-animation 4s infinite linear;
}
@-webkit-keyframes masked-animation {
  0% {
  background-position:0 0;
}
100% {
  background-position:-100% 0;
}
}

body {font-family: "Lato", sans-serif}
.mySlides {display: none}

.link_button {
  font-weight: bold;/*太字に*/
  text-decoration: none;/*下線消す*/
  background: red;/*背景を水色に*/
  color:white;/*文字を白に*/
  padding:5px 10px;/*内側の余白*/
  border-radius: 20px;/*角を丸くする*/
  font-family: 'Avenir','Arial';/*フォントをいい感じに*/
}
/*以下カーソルを当てたとき*/
.link_button:hover {
  background: silver;/*背景色をシルバーに*/
  text-decoration: none;/*下線を消す*/
}

/*以下訪問済みのデザイン*/
.link_button:visited {
  color: gray;/*文字をグレイに*/
}

.fixed-menu {
	width: 66px;
	position: fixed;
	top: 225px;
	right: 0;
	z-index: 10000;
}
.fixed-menu .outer {
	height: 168px;
	margin-bottom: 17px;
	background-color: #000;
	border-radius: 30px 0 0 30px;
	border-right: none;
	position: relative;
	z-index: 50;
}
.fixed-menu .outer ul {
	width: 100%;
	height: 100%;
	padding: 20px 0;
	border-radius: 20px 0 0 20px;
	background-color: #fff;
	position: relative;
	z-index: 200;
}
.fixed-menu .outer ul li {
	width: 100%;
	height: 58px;
	text-align: center;
	cursor: pointer;
}
.fixed-menu .outer .menu-wechat {
	padding-top: 12px;
}
.fixed-menu .outer .menu-wechat img {
	max-width: none;
	width: 40px;
}

.fixed-menu .outer .menu-mail {
	padding-top: 14px;
}
.fixed-menu .outer .menu-mail img {
	max-width: none;
	width: 38px;
}

@media screen and (max-width: 768px) {
	.fixed-menu {
		width: 100%;
		height: 55px;
		top: auto;
		left: 0;
		bottom: 0;
	}
	.fixed-menu .outer {
		width: 100%;
		height: 100%;
		border-radius: 0;
		border: none;
	}
	.fixed-menu .outer ul {
		padding: 0;
		border-radius: 0;
		display: flex;
		justify-content: space-around;
	}
	.fixed-menu .outer ul li {
		width: 22%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.fixed-menu .outer .menu-wechat {
		padding-top: 0;
	}
	.fixed-menu .outer .menu-wechat img {
		width: 30%;
	}
	
	.fixed-menu .outer .menu-mail {
		padding-top: 0;
	}
	.fixed-menu .outer .menu-mail img {
		width: 44.33%;
	}
	
}
.btn-menu {
	width: 50px;
	margin-left: 12px;
	cursor: pointer;
}
.btn-menu.open {
	transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	.btn-menu {
		display: none;
	}
}
.slide-menu {
	width: 170px;
	height: 184px;
	padding: 20px 14px;
	border: 2px solid #fff;
	border-right: none;
	background-color: #a68e52;
	position: absolute;
	top: 15px;
	left: -170px;
	z-index: 100;
	transition: 0.5s all linear;
	transform: translateX(100%);
	display: flex;
	align-items: center;
}
.slide-menu a {
	display: block;
}
.slide-menu img {
	max-width: none;
	width: 100%;
	display: block;
}
.slide-menu.open {
	transform: translateX(0);
}
.slide-menu .close {
	display: none;
}
@media screen and (max-width: 768px) {
	.slide-menu {
		width: 100%;
		height: 40vh;
		padding-top: 50px;
		border: none;
		background-color: #fff;
		top: -40vh;
		left: 0;
		transform: translateY(100%);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slide-menu.open {
		transform: translateY(0);
	}
	.slide-menu .close {
		width: 45px;
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.slide-menu .close::before {
		width: 45px;
		height: 5px;
		background-color: #717171;
		display: block;
		content: '\0020';
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(45deg);
	}
	.slide-menu .close::after {
		width: 45px;
		height: 5px;
		background-color: #717171;
		display: block;
		content: '\0020';
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(-45deg);
	}
	.slide-menu.sl-company img {
		width: 100%;
	}
	.slide-menu.sl-qr img {
		width: 56.8%;
	}
}

.btn-menu {
	width: 50px;
	margin-left: 12px;
	cursor: pointer;
}
.btn-menu.open {
	transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	.btn-menu {
		display: none;
	}
}.slide-menu {
	width: 170px;
	height: 184px;
	padding: 20px 14px;
	border: 2px solid #fff;
	border-right: none;
	background-color: #a68e52;
	position: absolute;
	top: 15px;
	left: -170px;
	z-index: 100;
	transition: 0.5s all linear;
	transform: translateX(100%);
	display: flex;
	align-items: center;
}
.slide-menu a {
	display: block;
}
.slide-menu img {
	max-width: none;
	width: 100%;
	display: block;
}
.slide-menu.open {
	transform: translateX(0);
}
.slide-menu .close {
	display: none;
}
@media screen and (max-width: 768px) {
	.slide-menu {
		width: 100%;
		height: 40vh;
		padding-top: 50px;
		border: none;
		background-color: #fff;
		top: -40vh;
		left: 0;
		transform: translateY(100%);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slide-menu.open {
		transform: translateY(0);
	}
	.slide-menu .close {
		width: 45px;
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.slide-menu .close::before {
		width: 45px;
		height: 5px;
		background-color: #717171;
		display: block;
		content: '\0020';
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(45deg);
	}
	.slide-menu .close::after {
		width: 45px;
		height: 5px;
		background-color: #717171;
		display: block;
		content: '\0020';
		position: absolute;
		top: 50%;
		left: 0;
		transform: rotate(-45deg);
	}
	.slide-menu.sl-company img {
		width: 100%;
	}
	.slide-menu.sl-qr img {
		width: 56.8%;
	}
}

.outer .menu-mail img {
	max-width: none;
	width: 30px;
}


.title02 {
	padding: 0 0 1.5rem;
	margin: 0 0 1.5rem;
	background: url(assets/images/common/bg-title.png) repeat-x 0 100%;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #592c14;
}
@media screen and (max-width: 600px) {
	.title02 {
		padding: 0 0 0.7rem;
		margin: 0 0 0.7rem;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.content-box {
	margin: 0 0 5rem;
	font-size: 14px;
	font-size: 1.4rem;
}

.tbl-form01 {
	border-top: 1px solid #c9bd93;
	border-left: 1px solid #c9bd93;
}
@media screen and (max-width: 768px) {
	.tbl-form01 {
		border-left: none;
	}
}
.tbl-form01 th {
	padding: 2rem 3rem;
	border-bottom: 1px solid #c9bd93;
	border-right: 1px solid #c9bd93;
	background-color: #e4dec8;
	font-weight: normal;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.tbl-form01 th {
		padding: 1rem 1.5rem;
		border: 1px solid #c9bd93;
		border-top: none;
		display: block;
	}
}
.tbl-form01 td {
	padding: 2rem 3rem;
	border-bottom: 1px solid #c9bd93;
	border-right: 1px solid #c9bd93;
	background-color: #f9f6ef;
}
@media screen and (max-width: 768px) {
	.tbl-form01 td {
		padding: 1rem 1.5rem;
		border: 1px solid #c9bd93;
		border-top: none;
		display: block;
	}
}

.browsing-history {
	padding: 2rem;
	margin: 5rem 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #e0daC2;
}
.browsing-history h3 {
	margin: 0 0 1rem;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #b6aa24;
}
.browsing-history .article-browsing-history {
	*zoom: 1;
}
.browsing-history .article-browsing-history:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.browsing-history .article-browsing-history li {
	max-width: 156px;
	width: 23.28358%;
	margin: 0 2.28358% 0 0;
	float: left;
}
@media screen and (max-width: 768px) {
	.browsing-history .article-browsing-history li {
		width: 48%;
		margin: 0 4% 1.5rem;
	}
}
@media screen and (max-width: 400px) {
	.browsing-history .article-browsing-history li {
		margin: 0 1% 1.5rem;
	}
}
@media screen and (max-width: 768px) {
	.browsing-history .article-browsing-history li:nth-child(2n) {
		margin-right: 0;
	}
}
.browsing-history .article-browsing-history li:nth-child(4n) {
	margin-right: 0;
}
.browsing-history .article-browsing-history li .img {
	border: 3px solid #fff;
}
.browsing-history .article-browsing-history li .traffic {
	padding: 0.5rem 0 0;
}

.article-recommended {
	padding: 2rem;
	margin: 5rem 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #e0daC2;
}
.article-recommended h3 {
	margin: 0 0 1rem;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #b6aa24;
}
.article-recommended .article-recommended-list {
	*zoom: 1;
}
.article-recommended .article-recommended-list:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.article-recommended .article-recommended-list li {
	max-width: 156px;
	width: 23.28358%;
	margin: 0 2.28358% 1rem 0;
	float: left;
}
@media screen and (max-width: 768px) {
	.article-recommended .article-recommended-list li {
		width: 48%;
		margin: 0 4% 1.5rem;
	}
}
@media screen and (max-width: 400px) {
	.article-recommended .article-recommended-list li {
		margin: 0 1% 1.5rem;
	}
}
@media screen and (max-width: 768px) {
	.article-recommended .article-recommended-list li:nth-child(2n) {
		margin-right: 0;
	}
}
.article-recommended .article-recommended-list li:nth-child(4n) {
	margin-right: 0;
}
.article-recommended .article-recommended-list li .img {
	border: 3px solid #fff;
}
.article-recommended .article-recommended-list li .traffic {
	padding: 0.5rem 0 0;
}

.gototop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
@media screen and (max-width: 600px) {
	.gototop {
		bottom: 10px;
		right: 10px;
	}
}
.gototop li {
	width: 10rem;
}
@media screen and (max-width: 600px) {
	.gototop li {
		width: 5rem;
	}
}
.gototop li a {
	width: 100%;
	height: 100%;
	/*padding: 3rem 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #666;*/
	font-size: 10px;
	font-size: 1rem;
	color: #fff;
	display: block;
	text-align: center;

    padding: 1rem 0px;
    border-radius: 100px;
    background-color: #B5A364;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 

}
@media screen and (max-width: 600px) {
	.gototop li a {
		padding: 1rem 0;
	}
}

/*! ======================================================================================= ^^
	Page main visual
=========================================================================================== ^^ */
.bx-wrapper {
	border: none;
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
@media screen and (max-width: 600px) {
	.bx-wrapper {
		margin-bottom: 25px;
	}
}
.bx-wrapper .bx-controls-direction a {
	width: 62px;
	height: 62px;
	margin-top: -31px;
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}
@media screen and (max-width: 600px) {
	.bx-wrapper .bx-controls-direction a {
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}
}
.bx-wrapper .bx-prev {
	background: url(assets/images/common/controls.png) no-repeat 0 0;
	background-size: 200% 100%;
	left: -82px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}
.bx-wrapper .bx-next {
	background: url(assets/images/common/controls.png) no-repeat -62px 0;
	background-size: 200% 100%;
	right: -82px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
	background-position: -62px 0;
}
@media screen and (max-width: 1180px) {
	.bx-wrapper .bx-prev {
		left: 2%;
	}
	.bx-wrapper .bx-next {
		right: 2%;
	}
}
@media screen and (max-width: 600px) {
	.bx-wrapper .bx-prev {
		background-position: 0 0;
	}
	.bx-wrapper .bx-next {
		background-position: 100% 0;
	}
}

.main-visual {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

/*! ======================================================================================= ^^
	Page top
=========================================================================================== ^^ */
.hope .title01 {
	text-align: center;
}
.hope-list {
	margin: 2.5rem 0 5.5rem;
	*zoom: 1;
}
.hope-list:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
@media screen and (max-width: 600px) {
	.hope-list {
		margin-top: 1rem;
	}
}
.hope-list li {
	width: 50%;
	height: 33rem;
	padding: 2rem;
	border: 0.5rem dashed #d2c96b;
	background-color: #fff;
	float: left;
}
@media screen and (max-width: 600px) {
	.hope-list li {
		height: auto;
		padding: 0.5rem;
	}
}
.hope-list li.hope02 {
	border-left: none;
}
.hope-list li.hope03 {
	border-top: none;
}
.hope-list li.hope04 {
	border-top: none;
	border-left: none;
}
.hope-list li img {
	margin: 0 auto 1rem;
}
.hope-list li h3 {
	margin: 0 auto 1rem;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #806814;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.hope-list li h3 {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
.hope-list li h3 span {
	font-size: 24px;
	font-size: 2.4rem;
}
@media screen and (max-width: 600px) {
	.hope-list li h3 span {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
.hope-list li p {
	width: 26rem;
	margin: 0 auto;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
	color: #4e4e4e;
}
@media screen and (max-width: 600px) {
	.hope-list li p {
		line-height: 1.2;
	}
}

.about .title02 {
	margin: 0 0 4.5rem;
}
@media screen and (max-width: 600px) {
	.about .title02 {
		margin: 0 0 2rem;
	}
}

.about-image {
	margin: 0 0 2.5rem;
	*zoom: 1;
}
.about-image:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.about-image li {
	width: 33.33%;
	text-align: center;
	float: left;
}
@media screen and (max-width: 1000px) {
	.about-image li {
		width: 30%;
		margin: 0 2.5% 0 0;
	}
}
@media screen and (max-width: 1000px) {
	.about-image li:first-child {
		margin-left: 2.5%;
	}
}

.about-lead {
	width: 90.14085%;
	margin: 0 auto 2.5rem;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	color: #592c14;
}

.about-list {
	width: 90.14085%;
	margin: 0 auto 7.5rem;
}
@media screen and (max-width: 600px) {
	.about-list {
		margin-bottom: 3.5rem;
	}
}
.about-list > li {
	min-height: 14.4rem;
	padding: 2rem 0 2rem 23.4375%;
	border-bottom: 1px dashed #774e0e;
}
.vi .about-list > li {
	padding-left: 17.829%;
}
.about-list > li.about01 {
	background: url(assets/images/top/img-about04.png) no-repeat 0 20px;
}
@media screen and (max-width: 600px) {
	.about-list > li.about01 {
		background: url(assets/images/top/img-about04.png) no-repeat 0 20px;
		background-size: 20% auto;
	}
}
.about-list > li.about02 {
	background: url(assets/images/top/img-about05.png) no-repeat 0 20px;
}
@media screen and (max-width: 600px) {
	.about-list > li.about02 {
		background: url(assets/images/top/img-about05.png) no-repeat 0 20px;
		background-size: 20% auto;
	}
}
.about-list > li.about02 ul {
	margin: 1rem 0 0 18.75%;
	*zoom: 1;
}
.vi .about-list > li.about02 ul {
	margin-left: 0;
}
.about-list > li.about02 ul:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
@media screen and (max-width: 600px) {
	.about-list > li.about02 ul {
		margin-left: 0;
	}
}
.about-list > li.about02 ul li {
	width: 45.40541%;
	margin: 0 1rem 0 0;
	float: left;
}
.about-list > li.about02 ul li:nth-child(2n) {
	margin-right: 0;
}
.about-list > li.about03 {
	background: url(assets/images/top/img-about06.png) no-repeat 0 20px;
}
@media screen and (max-width: 600px) {
	.about-list > li.about03 {
		background: url(assets/images/top/img-about06.png) no-repeat 0 20px;
		background-size: 20% auto;
	}
}
.about-list > li h4 {
	margin: 0 0 1rem;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.3;
	color: #cc731d;
}
@media screen and (max-width: 600px) {
	.about-list > li h4 {
		font-size: 18px;
		font-size: 1.8rem;
	}
}
.about-list > li p {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.38;
	color: #202020;
}

.information-box {
	margin: 0 0 7rem;
}
@media screen and (max-width: 600px) {
	.information-box {
		margin: 0 0 3.5rem;
	}
}
.information-box .title02 {
	margin: 0 0 2rem;
}
@media screen and (max-width: 600px) {
	.information-box .title02 {
		margin: 0 0 1rem;
	}
}
.information-box .information {
	width: 100%;
	height: 23rem;
	padding: 2rem 0 2rem 2rem;
	border: 5px solid #e0dac2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
}
@media screen and (max-width: 600px) {
	.information-box .information {
		pading: 1rem 0 1rem 2rem;
	}
}
.information-box .information ul {
	height: 19rem;
	overflow: scroll;
}
.information-box .information ul li {
	padding: 0.5rem 0;
	margin: 0 2rem 0 0;
	border-bottom: 1px solid #d8d8d8;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #333;
}
.information-box .information ul li time {
	margin: 0 2rem 0 0;
}

/*! ======================================================================================= ^^
	Page single
=========================================================================================== ^^ */
.post-box {
	margin: 0 0 10rem;
	*zoom: 1;
}
.post-box:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.post-box .post-header {
	margin: 0 0 1.5rem;
}
.post-box .post-header time {
	font-size: 14px;
	font-size: 1.4rem;
	color: #4d4d4d;
	text-align: right;
	display: block;
}
.post-box .post-body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.post-box .post-body p {
	margin: 0 0 1.5rem;
}
.post-box .post-body p:last-child {
	margin: 0;
}

/*! ======================================================================================= ^^
	Page company
=========================================================================================== ^^ */
@media screen and (max-width: 600px) {
	.company01 {
		margin-bottom: 2.5rem;
	}
}
.company01 p {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	.company01 p {
		line-height: 1.4;
	}
}

.tbl-company th {
	width: 30.98592%;
}
@media screen and (max-width: 768px) {
	.tbl-company th {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.tbl-company td {
		width: 100%;
	}
}

.map {
	position: relative;
	padding-bottom: 84.26966%;
	height: 0;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.map {
		width: 80%;
		margin: 0 auto;
	}
}
.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*! ======================================================================================= ^^
	Page shops
=========================================================================================== ^^ */
@media screen and (max-width: 600px) {
	.shops01 {
		margin-bottom: 2.5rem;
	}
}

.shop-title {
	width: 100%;
	height: 4.6rem;
	padding: 0 1.83099%;
	margin: 0 0 1rem;
	background-color: #e0dac2;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #582b13;
	line-height: 4.6rem;
}
@media screen and (max-width: 600px) {
	.shop-title {
		height: 4rem;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 4rem;
	}
}

.shop-row {
	margin: 0 0 1.5rem;
	*zoom: 1;
}
.shop-row:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.shop-images {
	max-width: 302px;
	width: 42.53521%;
	float: left;
}
@media screen and (max-width: 768px) {
	.shop-images {
		width: 100%;
		margin: 0 auto 2rem;
		float: none;
	}
}
.shop-images ul {
	*zoom: 1;
}
.shop-images ul:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.shop-images ul li {
	margin: 0 0 1.2rem;
	border: 5px solid #e0dac2;
	text-align: center;
}
.shop-images ul li.thu {
	max-width: 145px;
	width: 48.01325%;
	float: left;
	margin: 0 3.97351% 1.2rem 0;
}
@media screen and (max-width: 768px) {
	.shop-images ul li.thu {
		width: 48%;
		margin-right: 4%;
	}
}
.shop-images ul li.thu:nth-child(odd) {
	margin-right: 0;
}

.shop-message {
	width: 54.92958%;
	float: right;
}
@media screen and (max-width: 768px) {
	.shop-message {
		width: 100%;
		margin: 0 auto 2rem;
		float: none;
	}
}

.shop-map {
	width: 42.53521%;
	height: 0;
	padding-bottom: 33%;
	margin: 0 auto 2rem;
	text-align: center;
	float: left;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.shop-map {
		width: 100%;
		padding-bottom: 75.33333%;
		margin: 0 auto 2rem;
		float: none;
	}
}
.shop-map iframe,
.shop-map object,
.shop-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shop-info {
	width: 54.92958%;
	float: right;
}
@media screen and (max-width: 600px) {
	.shop-info {
		width: 100%;
		margin: 0 auto 2rem;
		float: none;
	}
}

.staff-box {
	margin: 0 0 2rem;
	*zoom: 1;
}
.staff-box:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.staff-box .staff-image {
	width: 42.25352%;
	float: left;
	border: 5px solid #e0dac2;
}
.staff-box .staff-info {
	width: 54.92958%;
	float: right;
}
.staff-box .staff-info .staff-name {
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
	.staff-box .staff-info .staff-message {
		line-height: 1.2;
	}
}

/*! ======================================================================================= ^^
	Page article
=========================================================================================== ^^ */
.article-title {
	width: 100%;
	min-height: 4.6rem;
	padding: 0.5rem 1.3rem;
	margin: 0 0 1rem;
	background-color: #e0dac2;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	color: #582b13;
}
@media screen and (max-width: 600px) {
	.article-title {
		min-height: 4rem;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.article-block {
	padding: 0 0 2rem;
	margin: 0 0 2rem;
	background: url(assets/images/common/line.png) repeat-x 0 100%;
}

.article-row {
	margin: 0 0 1.5rem;
	*zoom: 1;
}
.article-row:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.archive-fudo .article-row {
	padding: 0;
	margin: 0 0 1rem;
}

.article-header .article-title {
	margin: 0 0 0.5rem;
}
.article-header .article-meta {
	width: 100%;
	height: 4.6rem;
	padding: 0 2rem;
	margin: 0 0 1.5rem;
	background: url(assets/images/article/bg-meta.png) repeat 0 0;
	*zoom: 1;
}
@media screen and (max-width: 600px) {
	.article-header .article-meta {
		height: 4rem;
	}
}
.article-header .article-meta .article-price {
	font-size: 20px;
	font-size: 2rem;
	line-height: 4.6rem;
	color: #b20000;
	float: left;
}
@media screen and (max-width: 600px) {
	.article-header .article-meta .article-price {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 4rem;
	}
}
.article-header .article-meta .article-area {
	font-size: 20px;
	font-size: 2rem;
	line-height: 4.6rem;
	color: #582b13;
	float: right;
}
@media screen and (max-width: 600px) {
	.article-header .article-meta .article-area {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 4rem;
	}
}
.article-header .article-meta:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.article-footer {
	text-align: right;
}
@media screen and (max-width: 768px) {
	.article-footer {
		text-align: center;
	}
}

.article-left .article-images {
	max-width: 302px;
	width: 42.53521%;
	float: left;
}
@media screen and (max-width: 768px) {
	.article-left .article-images {
		width: 100%;
		margin: 0 auto 2rem;
		float: none;
	}
}
.article-left .article-images ul {
	margin: 0 0 1.5rem;
	*zoom: 1;
}
.archive-fudo .article-left .article-images ul {
	margin: 0;
}
.article-left .article-images ul:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.article-left .article-images ul li {
	margin: 0 0 1.2rem;
	border: 5px solid #e0dac2;
	text-align: center;
}
.archive-fudo .article-left .article-images ul li {
	margin: 0;
}
.article-left .article-images ul li.thu {
	max-width: 145px;
	width: 48.01325%;
	float: left;
	margin: 0 3.97351% 1.2rem 0;
}
@media screen and (max-width: 768px) {
	.article-left .article-images ul li.thu {
		width: 48%;
		margin-right: 4%;
	}
}
.article-left .article-images ul li.thu:nth-child(odd) {
	margin-right: 0;
}
.article-left .article-qr-code {
	padding: 0 0 2rem;
	margin: 0 0 2rem;
	background-color: #f9f6ef;
	text-align: center;
}
.article-left .article-qr-code .article-title {
	background-color: transparent;
	font-size: 17px;
	font-size: 1.7rem;
	color: #582b13;
	text-align: center;
}
.article-left .person-charge .tbl-person-charge th {
	width: 43%;
	padding: 1rem;
	vertical-align: top;
}
.article-left .person-charge .tbl-person-charge td {
	width: 57%;
	padding: 1rem;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
	.article-left .person-charge .tbl-person-charge th {
		width: 100%;
	}
	.article-left .person-charge .tbl-person-charge td {
		width: 100%;
	}
}
.article-right {
	width: 54.92958%;
	float: right;
}
@media screen and (max-width: 768px) {
	.article-right {
		width: 100%;
		float: none;
	}
}

.tbl-article {
	font-size: 14px;
	font-size: 1.4rem;
}
.archive-fudo .tbl-article {
	margin: 0;
}
.tbl-article th {
	width: 25.64103%;
	padding: 1rem;
}
@media screen and (max-width: 768px) {
	.tbl-article th {
		width: 100%;
	}
}
.tbl-article td {
	padding: 1rem;
}

.btn-back {
	float: left;
}
@media screen and (max-width: 768px) {
	.btn-back {
		margin: 0 0 1rem;
		float: none;
		text-align: center;
	}
}

.social-links {
	float: right;
	*zoom: 1;
}
.social-links:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
@media screen and (max-width: 768px) {
	.social-links {
		float: none;
		text-align: center;
	}
}
.social-links li {
	width: 4.8rem;
	height: 4.8rem;
	margin: 0 0 0 1rem;
	position: relative;
	float: left;
}
@media screen and (max-width: 768px) {
	.social-links li {
		margin: 0 1rem;
	}
}
.social-links li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.social-links li.share-twitter {
		clear: both;
	}
}
.social-links li.share-twitter a {
	height: 0;
	padding: 4.8rem 0 0;
	background: url(assets/images/article/ico-twitter.png) no-repeat 0 0;
}
.social-links li.share-facebook a {
	height: 0;
	padding: 4.8rem 0 0;
	background: url(assets/images/article/ico-facebook.png) no-repeat 0 0;
}
.social-links li.share-jiathis {
	width: auto;
	padding: 8px 0 0;
}
@media screen and (max-width: 768px) {
	.social-links li.share-jiathis {
		margin: 0;
	}
}
.social-links li.share-jiathis a {
	width: auto;
	display: inline-block;
	overflow: visible;
}
.social-links li.share-jiathis span {
	box-sizing: content-box;
}
.social-links li .f_count,
.social-links li .t_count {
	min-width: 1rem;
	min-height: 1rem;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
	position: absolute;
	bottom: -1rem;
	right: -1rem;
	text-align: right;
	line-height: 1.1;
}

.archive-fudo .title02 {
	position: relative;
}
.archive-fudo .title02 .number {
	position: absolute;
	top: 20%;
	right: 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.1;
}
.archive-fudo .navigation {
	margin: 0 0 2.5rem;
	*zoom: 1;
}
.archive-fudo .navigation:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.nav-links {
	margin-bottom: 3rem;
	*zoom: 1;
}
.nav-links:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.nav-previous {
	padding: 6px 0 0;
	float: left;
}
@media screen and (max-width: 600px) {
	.nav-previous {
		margin: 0 0 1rem;
		text-align: center;
		float: none;
	}
}
.nav-previous a {
	font-size: 20px;
	font-size: 2rem;
	color: #69a3a3;
}
@media screen and (max-width: 400px) {
	.nav-previous a {
		font-size: 16px;
		font-size: 1.6rem;
	}
}
.nav-previous img {
	margin: 0 10px 0 0;
	vertical-align: -2px;
}

.nav-next {
	font-size: 0;
	text-align: right;
	float: right;
}
@media screen and (max-width: 600px) {
	.nav-next {
		text-align: center;
		float: none;
	}
}
.nav-next span,
.nav-next a {
	min-width: 3.5rem;
	height: 4.6rem;
	margin: 0 0 0 .5rem;
	border: 3px solid #82b3b4;
	display: inline-block;
	font-size: 20px;
	font-size: 2rem;
	line-height: 4.6rem;
	text-align: center;
}
.nav-next a {
	color: #82b3b4;
}
.nav-next a:hover {
	background-color: #82b3b4;
	color: #fff;
}
.nav-next .fa-backward {
	margin: 0 5px 0 0;
}
.nav-next .fa-forward {
	margin: 0 0 0 5px;
}
.nav-next span {
	background-color: #82b3b4;
	color: #fff;
}

/*! ======================================================================================= ^^
	Page inquiry
=========================================================================================== ^^ */
.tbl-inquiry th {
	width: 33%;
	vertical-align: top;
	line-height: 1.1;
	position: relative;
}
@media screen and (max-width: 768px) {
	.tbl-inquiry th {
		width: 100%;
	}
}
.tbl-inquiry th .req {
	padding: .2rem .5rem;
	background-color: #d90000;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.1;
	color: #fff;
	display: block;
	position: absolute;
	top: 27%;
	right: 4%;
}
.tbl-inquiry td.td-radio span {
	margin: 0 10px 0 0;
}
@media screen and (max-width: 380px) {
	.tbl-inquiry td.td-radio span {
		display: block;
	}
}
.tbl-inquiry td input[type=radio] {
	margin: 0 5px 0 0;
}
.tbl-inquiry td input[type=text],
.tbl-inquiry td input[type=email] {
	width: 100%;
}

.inquiry-btn-area {
	text-align: center;
	font-size: 0;
}
.inquiry-btn-area input[type=submit] {
	width: 16.8rem;
	height: 4.6rem;
	margin: 0 2rem;
	border: none;
	text-indent: -9999px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow: hidden;
}
.inquiry-btn-area input[name=submitConfirm] {
	background: url(assets/images/inquiry/btn-confirm.png) no-repeat 0 0;
}
.inquiry-btn-area input[name=submitBack] {
	background: url(assets/images/inquiry/btn-back.png) no-repeat 0 0;
}
.inquiry-btn-area input[name=form-submit] {
	background: url(assets/images/inquiry/btn-submit.png) no-repeat 0 0;
}


		*{
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}
		.modal{
			display: none;
			height: 100vh;
			position: fixed;
			top: 0;
			width: 100%;
		}
		.modal__bg{
			background: rgba(0,0,0,0.8);
			height: 100vh;
			position: absolute;
			width: 100%;
		}
		.modal__content{
			background: #fff;
			left: 50%;
			padding: 40px;
			position: absolute;
			top: 50%;
			transform: translate(-50%,-50%);
		}