@charset "utf-8";
 @import url('library.css');
body {
	width: 100%;
	margin: 0;
	float: left;
	font-size: 62.5%;
	color: #555;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}
.box {
	width: 100%;
	float: left;
}
#bg-header, #bg-content, #bg-footer {
	width: 100%;
	float: left;
}
#bg-header {
	border-bottom: solid 1px #dddddd
}
.rows {
	width: 100%;
	float: left;
}
.rows2 {
	width: 100%;
	float: left;
	position: relative;
}
.rows-mini {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.bg-txt-head {
	width: 100%;
	height: 25px;
	float: left;
	background: #FE9A2E;
	color: #FFF;
	font-size: 1.2em;
}
.bg-txt-head i {
	font-size: 1.4em;
	padding: 4px 10px 4px 0px;
	color: #FFF;
}
.bg-slide {
	width: 100%;
	float: left;
	height: 535px;
	position: relative;
	overflow: hidden;
}
.box-slide {
	width: 100%;
	float: left;
	position: absolute;
	z-index: 999;
}
.bg-slide .box-slide img {
	width: inherit;
	min-height: inherit;
}
.bxslider img {
	width: 100%;/*max-height: 535px;*/
}
.bbbg-menu {
	width: 100%;
	float: left;
	position: relative;
	height: 125px;
}
.bg-menu {
	width: 100%;
	float: left;
	position: absolute;
}
.bg-txt-slide {
	width: 100%;
	float: left;
}
.txt-slide1 {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	height: auto;
	font-size: 2.5em;
	color: #1F1F1D;
	line-height: 160%;
	padding-top: 8%;
	box-sizing: border-box;
	text-align: center;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.txt-slide2 {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	height: auto;
	font-size: 2.5em;
	color: #1F1F1D;
	box-sizing: border-box;
	text-align: center;
}
.txt-slide3 {
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	height: 50px;
	line-height: 54px;
	padding-left: 28px;
	font-size: 2.3em;
	color: #1F1F1D;
	border: 1px solid #201F1D;
	box-sizing: border-box;
	background: url(../img/btn1.png) 30px center no-repeat;
	text-align: center;
}
.bg-txt-slide a {
	text-decoration: none;
}
.logo-menu {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	border-bottom: 1px dotted #E84F24;
	height: 125px;
}
.logo {
	width: 35%;
	float: left;
	margin-top: 20px;
}

.ico-sp-head {
	display: none;
}
.ico-sp-head img {
	cursor: pointer;
}
.mn-sp-head {
	display: none;
	float: right;
	width: 69%;
	position: fixed;
	right: 0;
	    background: #FE9A2E;
	height: 100%;
}
.menu {
	width: 65%;
	float: left;
	margin-top: 45px;
}
a.menu-item {
	height: 31px;
	float: left;
	line-height: 31px;
	padding: 0% 2% 0% 2%;
	margin-right: 1%;
	font-size: 1.4em;
	color: #fff;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	box-sizing: border-box;
	text-shadow: rgb(0, 0, 0) 1px 1px 2px;
}
a.menu-item-mgr-0 {
	margin-right: 0% !important;
}
a.menu-item:hover {
	background: #FE9A2E;
	color: #fff;
	box-sizing: border-box;
}
a.active {
	background: #FE9A2E;
	color: #fff;
	box-sizing: border-box;
}
.show-sp {
	display: none;
}
.tel-sp {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 160%;
}
.tel-sp2 {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
	color: #333;
	line-height: 160%;
}
.mcd {
	color: #FE9A2E;
}
.title-h2a {
	font-size: 3em;
	float: left;
	border-bottom: 2px #FE9A2E solid;
	color: #1F1F1D;
}
.title-h2b {
	font-style: italic;
	font-size: 2.5em;
	float: left;
	border-bottom: 2px #FE9A2E solid;
	color: #fff;
	color: #333;
}
.tit1 {
	margin-top: 30px;
	float: left;
	width: 100%;
}
.tit-h3 {
	font-size: 2em;
	color: #333333;
}
.btn-maps {
	width: 100%;
	height: 1px;
	float: left;
	padding-left: 7%;
	box-sizing: border-box;
	margin-top: -54px;
	height: 55px;
}
.btn-maps img {
	position: absolute;
	cursor: pointer;
}
.btn-maps img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.maps {
	width: 100%;
	float: left;
	height: 400px;
}
.maps iframe {
	width: 100%;
	float: left;
	height: 400px;
}
#footer {
	width: 100%;
	float: left;
	background: url(../img/bg-footer.png) center center no-repeat;
	background-size: 100%;
}
.footer {
	background: rgba(0,0,0,1);
	    background: #FE9A2E;
	width: 100%;
	float: left;
}
.page-top {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}
.page-top img {
	cursor: pointer;
}
.logo-footer {
	width: 100%;
	float: left;
	margin-bottom: 35px;
	text-align: center;
}
.bg-txt-foot {
	width: 100%;
	height: 25px;
	float: left;
	text-align: center;
	color: #CCCCCC;
	color: #333;
	font-size: 1.2em;
}
.bg-txt-foot i {
	font-size: 1.4em;
	padding: 4px 10px 4px 0px;
	color: #FE9A2E;
}
.box-txt-foot {
	display: inline-block;
}
.share {
	display: inline-block;
	margin-top: 28px;
	margin-bottom: 58px;
}
a.share-ico {
	float: left;
	margin-right: 20px;
}
.menu-footer {
	padding-bottom: 14px;
	border-bottom: 1px solid #333;
	text-align: center;
	float: left;
	width: 100%;
}
a.menu-ft {
	font-size: 1.3em;
	color: #333;
	text-decoration: none;
	margin: 0% 3% 0% 3%;
}
a.menu-ft:hover {
	color: #FE9A2E;
	color: #fff;
	text-shadow: rgb(0, 0, 0) 1px 1px 2px;
}
a.active2 {
	color: #FE9A2E;
	color: #fff;
	text-shadow: rgb(0, 0, 0) 1px 1px 2px;
}
.copy-right {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 25px;
	text-align: center;
	color: #333;
	font-size: 1.2em;
}
.copy-right a {
	font-size: 1.2em;
}
.menu-sp {
	display: none;
}
.sh-hi {
	display: none;
}
.sh-hi2 {
	display: none;
}
.menu-sp2 {
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
	display: block;
}
a.menu-sp-item2 {
	width: 100%;
	float: left;
	border-top: 1px solid #fff;
	height: 60px;
	line-height: 60px;
	padding: 0% 7% 0% 9%;
	box-sizing: border-box;
	color: #333;
	font-size: 1.6em;
	text-decoration: none;
	background: url(../img/ico-menu.png) 93% center no-repeat;
}
.fs_12px {
	font-size: 12px!important;
}
a.menu-sp-item2:hover {
	color: #fff;
	background: url(../img/ico-menu-ac.png) 93% center no-repeat;
}
a.activesp2 {
	color: #fff;
	background: url(../img/ico-menu-ac.png) 93% center no-repeat;
}
a.close-mn {
	width: 100%;
	float: left;
	height: 60px;
	line-height: 60px;
	padding: 0% 7% 0% 5%;
	box-sizing: border-box;
	color: #333;
	font-size: 2em;
	text-decoration: none;
	background: url(../img/btn2.png) 95% center no-repeat;
	font-weight: bold;
	cursor: pointer;
}
/*Raku News*/
.box-newss {
	width: 100%;
	float: left;
	height: 300px;
	overflow-y: scroll;
	padding-right: 1%;
	box-sizing: border-box
}
ul.news2 {
	width: 100%;
	float: left;
	background: url(../img/icon-news.png) top left no-repeat;
}
ul.news2 li {
	padding-left: 110px;
	box-sizing: border-box;
	width: 100%;
	float: left;
	    font-size: 14px;
	min-height: 20px;
	margin-bottom: 20px;
}
span.txt2 {
	width: 100%;
	float: left;
	box-sizing: border-box;
	line-height: 160%;
	background: transparent!important;
}
span.txt2 span {
	background: transparent!important;
}
/*menu sp in footer*/
a.menu-sp-item {
	width: 100%;
	float: left;
	border-top: 1px solid #fff;
	height: 60px;
	line-height: 60px;
	padding: 0% 7% 0% 7%;
	box-sizing: border-box;
	color: #fff;
	color: #333;
	font-size: 1.6em;
	text-decoration: none;
	background: url(../img/ico-menu.png) 93% center no-repeat;
}
a.menu-sp-item:hover {
	color: #fff;
	background: url(../img/ico-menu-ac.png) 93% center no-repeat;
}
a.activesp {
	color: #fff;
	background: url(../img/ico-menu-ac.png) 93% center no-repeat;
}
/*lịnk*/

.mail {
	text-decoration: none;
	color: inherit;
}
.mail:hover {
	text-decoration: underline;
}
/*title_type1*/
.title_type1 {
	font-size: 22px;
	color: #FE9A2E;
	line-height: 140%;
	font-weight: bold;
	border-left: solid 7px #FE9A2E;
	padding-left: 20px;
	box-sizing: border-box;
	margin: 30px 0px 0px 0px;
	text-align: left;
}
.brBar1 {
	width: 100%;
	height: auto;
	border-bottom: solid 1px #333;
}
/*Other*/

.mark1 {
	color: #CB6C6C;
	font-weight: bold;
}
.mark2 {
	color: #CC6666;
	font-weight: bold;
}
.mark3 {
	color: #CC6666;
	font-weight: bold;
}
.note1 {
	font-size: 14px!important;
	color: #CC6666!important;
}
.phone-number {
	color: #259BD8;
	text-decoration: underline;
}
.web-link {
	color: #FFF;
	text-decoration: none;
}
.web-link:hover {
	text-decoration: underline;
}
.mail-link {
	color: #259BD8;
	text-decoration: underline;
}
.tel-number {
	color: #F00;
	text-decoration: underline;
}
.g-hover:hover, #g-pagetop:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.fs-it {
	font-style: italic!important;
}
.errorInput {
	border: solid 1px #FF4C4C!important;
}
.imgmaxfull {
	width: 100%;
	float: left;
	text-align: center !important;
}
.frame_type1 {
	width: 100%;
	height: auto;
	float: left;
}

.gmap{
width:100%;
height:auto;
float:left;	
}

.gmap iframe{
width:100%;
height:400px;
}

.makelikelogo{
width:100%;
max-width:320px;
margin-left:auto;
margin-right:auto;
height:auto;
text-align:center;
padding:0px 0px;
box-sizing:border-box;
color:#000;
padding-top:50px;
}

.makelikelogo img{
	width:100%;
}


/*wrap-img-stl2*/
.wrap-img-stl2{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
box-sizing:border-box;	
}

.wrap-img-stl2 div{
width:100%!important;
height:auto!important;	
}

.wrap-img-stl2 div.data-wrap{
height:236px!important;
}

.wrap-img-stl2 img{
object-fit: cover;
height: 236px!important;
left:0px!important;
top:0px!important;
}


/*wrap-img-stl7*/
.wrap-img-stl7{
width:100%;
max-width:320px;
margin-left:auto;
margin-right:auto;
text-align:center;
box-sizing:border-box;	
}

.wrap-img-stl7 div{
width:100%!important;
height:auto!important;	
}

.wrap-img-stl7 div.data-wrap{
height:230px!important;
}

.wrap-img-stl7 img{
width:100%!important;	
object-fit: cover;
height: 230px!important;
max-width:100%!important;
max-height:230px!important;
top:0px!important;
left:0px!important;
}





.wrap-img-stl3{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
box-sizing:border-box;	
}

.wrap-img-stl3 div{
width:100%!important;
height:auto!important;	
}

.wrap-img-stl3 div.data-wrap{
height:690px!important;
}

.wrap-img-stl3 img{
width:100%!important;	
/*object-fit: contain;
height: 690px!important;
max-width:100%!important;
max-height:690px!important;
top:0px!important;
left:0px!important;*/
}


.wrap-img-stl4 img{
width:100%!important;	
object-fit: contain;
height: auto!important;
max-width:100%!important;
max-height:auto!important;
top:0px!important;
left:0px!important;
}
.box-txt-foot .svg-inline--fa{
/*color: #FE9A2E;*/
}

 @media screen and (max-width: 1366px) {
#footer {
	background-size: cover;
}
}
 @media screen and (max-width: 980px) {
a.menu-item {
	padding: 0% 1% 0% 1%;
	margin-right: 1%;
	margin-left: 2%;
	font-size: 1.3em;
}
}
 @media screen and (max-width: 930px) {
.logo img {
/*	width: 50% !important;*/
}
.bxslider img {
}
}
 @media screen and (max-width: 768px) {
#content {
	padding: 3%;
	box-sizing: border-box;
}
.txt-slide1 {
	font-size: 2em;
}
.txt-slide2 {
	font-size: 2em;
}
.bg-txt-head {
	font-size: 1em;
}
.bg-txt-head i {
	padding: 4px 3px 4px 0px;
}
.bg-txt-foot {
	font-size: 1em;
}
.bg-txt-foot i {
	padding: 4px 3px 4px 0px;
}
/*info in top no display*/
.bg-txt-head {
	display: none;
}
/*Logo transfer to smartphone*/
.logo-menu {
	border-bottom: none;
/*	padding-top: 10%;*/
	margin-left: 5%;
}
.logo {
	width: 100%;
	text-align: left;
	margin-top: auto;
}
.logo img {
width: 100% !important;
}
/*Menu pc display none*/
.menu {
	display: none;
}
.bg-txt-head, .bbbg-menu, .bg-cont1, .cont2, .ccc {
	padding: 0%;
	box-sizing: border-box;
}
.bbbg-menu{
width: 50%;
    margin-top: -35px;
}
/*Btn show menu sp*/
.ico-sp-head {
	width: 100%;
	float: left;
	margin-top: 20px;
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
	text-align: right;
	height: 22px;
	display: block;
	    width: 50%;
    float: right;
    margin-top: 30px;
    padding: 0% 2% 0% 2%;
    box-sizing: border-box;
    text-align: right;
    height: 22px;
    display: block;
}
/*slider*/
.bxslider img {
	min-width: inherit;
	width: 100%;/*max-height: 535px;*/
}
.bx-wrapper img {
	min-width: 0px;
}
.bg-slide {
	min-height: 0;
}
.txt-slide1 {
	font-size: 1.7em;
	height: 85px;
	padding-top: 15%;
}
.txt-slide2 {
	font-size: 2.4em;
}
.txt-slide3 {
	width: 100%;
	max-width: 248px;
	margin: 0 auto;
	height: 48px;
	line-height: 48px;
	padding-left: 0px;
	font-size: 2em;
	color: #fff;
	border: none;
	box-sizing: border-box;
	background: #228B22;
	text-align: center;
	border-radius: 0px;
}
.txt-hide-sp {
	display: none;
}
.bg-slide {
	height: auto;
	padding-bottom: 35px;
}
.bg-slide img {
	max-height: 417px;
}
/*show info email, tel follow slider*/
.show-sp {
	display: inline-block;
}
/*title greeting*/
.tit1 {
	text-align: center;
}
.title-h2a {
	float: none;
	display: inline-block;
}
.title-h2b {
	float: none;
	display: inline-block;
}
/*info email, tel  sm in footer block*/
.show-sp {
	display: inline-block;
}
/*address, mail, tel  for pc none*/
.bg-txt-foot {
	display: none;
}
/*display menu sp*/
.menu-sp {
	width: 100%;
	float: left;
	border-bottom: 1px solid #fff;
	margin-top: 50px;
	display: block;
}
/*menu pc in footer hide*/
.menu-footer {
	display: none;
}
.imgmaxfull div div img {
	width: 100% !important;
	display: inline-block !important;
	max-width: none !important;
	height: auto !important;
	left: 0 !important;
}
.imgmaxfull div img {
	width: 100% !important;
	display: inline-block !important;
	max-width: none !important;
	height: auto !important;
	left: 0 !important;
}
.imgmaxfull img {
	width: 100% !important;
	display: inline-block !important;
	max-width: none !important;
	height: auto !important;
}
.imgmaxfull div div {
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}
.imgmaxfull div {
	width: 100% !important;
	display: inline-block !important;
	height: auto !important;
}

.gmap iframe{
width:100%;
height:200px;
}


/*wrap-img-stl2 sp*/	
.wrap-img-stl2{
box-sizing:border-box;
}

.wrap-img-stl2 img{
width:100%!important;	
height:auto!important;
top:0px!important;
left:0px!important;
max-width:100%!important;
max-height:none!important;
}


/*wrap-img-stl7*/
.wrap-img-stl7{
width:100%!important;
max-width:100%!important;
margin-left:auto;
margin-right:auto;
text-align:center;
box-sizing:border-box;
display:block;
height:230px!important;
}

.wrap-img-stl7 div{
width:100%!important;
height:230px!important;
}

.wrap-img-stl7 div.data-wrap{
height:230px!important;
}

.wrap-img-stl7 img{
width:100%!important;	
object-fit: cover;
height: 230px!important;
max-width:100%!important;
max-height:230px!important;
top:0px!important;
left:0px!important;
}



/*Slider*/
.wrap-img-stl3{
/*width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
box-sizing:border-box;
padding:10px;	
display:block;
height:220px!important;*/
}

.wrap-img-stl3 div{
/*width:100%!important;
height:220px!important;*/
}

.wrap-img-stl3 div.data-wrap{
/*height:220px!important;*/
}

.wrap-img-stl3 img{
/*width:100%!important;	
object-fit:contain!important;
height: 220px!important;
max-width:100%!important;
max-height:220px!important;
top:0px!important;
left:0px!important;*/
}

.logo-footer a img{
width: 50%;
}


}
 @media screen and (max-width: 730px) {
.copy-right {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}
.logo img{
    width: 75% !important;
}
}
 @media screen and (max-width: 640px) {
body {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}
#footer {
	background-size: cover;
}
.share {
	display: none;
}
.close-mn {
}
.sh-hi {
	display: block;
}
.copy-right {
	line-height: 170%;
}
/*padding logo in slider*/
.logo-menu {
	padding-top: 5%;
}
.bbbg-menu {
	height: 80px;
}
}
 @media screen and (max-width: 600px) {
/*.bg-slide {min-height:395px;}
.bg-slide img {min-height:395px;}*/
.sh-hi2 {
	display: block;
}
}
@media screen and (max-width: 480px) {
.txt-slide2 {
	font-size: 2.2em;
}
.ico-sp-head{
    margin-top: 20px;
}
/*padding logo in slider*/
.logo-menu {
	padding-top: 0%;
}
.logo {
	margin-top: 10px;
}
.txt-slide1 {
	font-size: 1.3em;
	height: auto;
	padding-top: 10%;
}
.bbbg-menu {
	    
}
.bg-slide img{
width: 100%;
}
}
@media screen and (max-width: 350px) {
}