@charset "utf-8";
/* CSS Document */

/* common */
html,body{}
body{font-size:100%;font-family:'Noto Sans JP',"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","verdana",sans-serif;color:#000;margin:0;padding:0;text-align:center;overflow-x:hidden;}
body{-webkit-text-size-adjust:none;}

@media screen and (max-width:768px){
body{font-size:88%;}
}

h1,h2,h3,h4,h5,h6,p,ol,ul,dt,dd{font-size:100%;padding:0;}

h1,h2,h3,h4,h5,h6{line-height:1.5em;margin:0 0 1em;font-weight:normal;}
p{line-height:1.8em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.5em;margin:0 0 1.5em;}

strong{font-weight:bold;}

img{border:none;max-width:100%;height:auto;}


/* リスト通常使用 */
ul.normal{padding-left:10px;margin-left:10px;list-style:disc;}
ul.normal li{}
ul.none{list-style:none;}

ol.normal{padding-left:10px;margin-left:10px;list-style:decimal;}
ol.normal li{}

dl{margin:0;padding:0;}
dt{margin:0;padding:0;}
dd{margin:0;padding:0;}


a:link{text-decoration:underline;color:#000000;}
a:visited{text-decoration:underline;color:#000000;}
a:hover{text-decoration:none;color:#000000;}

a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

img{max-width:100%;}


table{border-collapse:collapse;border-spacing:1px;font-feature-settings:"palt";}
th,td{padding:10px;vertical-align:middle;border:solid 1px #666;text-align:center;}
th{background:#eb0012;font-weight:bold;color:#fff;}
td{background:#fff;}
td{text-align:left;}

@media screen and (max-width:640px){
th,td{padding:10px;font-size:90%;letter-spacing:0;}
}
@media screen and (max-width:480px){
th,td{padding:5px;}
}


.pc{}
.sp{display:none !important;}
.sp480{display:none !important;}
.sp380_none{}
@media screen and (max-width:900px){
	.pc{display:none !important;}
	.sp{display:block !important;}
	img.sp{display:inline !important;}
}
@media screen and (max-width:900px){
	.pc{display:none !important;}
	.sp{display:block !important;}
	img.sp{display:inline !important;}
}
@media screen and (max-width:480px){
	.sp480{display:block !important;}
	img.sp480{display:inline !important;}
}
@media screen and (max-width:380px){
	.sp380_none{display:none !important;}
}


/* inview */
.inviewfadeIn{opacity:0;position:relative;top:30px;
-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;}
.inviewfadeIn.fadeIn{opacity:1;top:0;}


/* header */
header{}
#header{position:fixed;width:100%;z-index:99;background:#fffbe9;text-align:left;}

#header_top{display:table;width:100%;height:40px;margin:0 0 1px;}
#header_top #comp_name,
#header_top .h_lead,
#header_top .h_menu{display:table-cell;vertical-align:middle;}

#header_top #comp_name{width:255px;color:#FBD82A;background:#1D4141;font-weight:bold;text-align:center;}
#header_top .h_lead{margin:0;font-size:75%;padding:0 15px;background:#FBD82A;}

#header_top .h_menu{width:240px;height:40px;font-size:88%;}
#header_top .h_menu ul{display:table;width:100%;height:100%;margin:0;}
#header_top .h_menu li{display:table-cell;width:50%;vertical-align:middle;text-align:center;border:solid #FBD82A;border-width:0 1px 0 0;}
#header_top .h_menu li:last-of-type{border:none;}
#header_top .h_menu a{display:table;width:100%;height:100%;background:#1D4141;color:#fff;text-decoration:none;}
#header_top .h_menu a span{display:table-cell;vertical-align:middle;text-align:center;}
#header_top .h_menu a i{font-size:20px;margin-right:5px;vertical-align:middle;position:relative;top:-1px;}
#header_top .h_menu a:hover{background:#C63300;}

#nav{display:table;width:100%;min-height:40px;background:#C63300;}
#gnavi{margin:0;display:table-cell;vertical-align:middle;padding:2px 15px;font-size:88%;}
#gnavi ul{margin:0;}
#gnavi li{display:inline-block;margin-right:45px;}
#gnavi li:last-of-type{margin-right:0;}
#gnavi li a{display:block;background:url("../images/arrow01.png") no-repeat 0 50%;padding:0 0 0 15px;color:#fff;text-decoration:none;}

#gnavi a{text-decoration:none;}
#gnavi a:hover{text-decoration:underline;}

@media screen and (max-width:900px){
	#header{display:none;}
}


/* spmenu */
#sp_menu{position:fixed;z-index:999;top:85px;left:10px;display:none;}
#sp_menu a{display:block;}
#sp_menu.active .menu-trigger{background-color:rgba(0,0,0,0.7) !important;}

@media screen and (max-width:900px){
	#sp_menu{display:block;}
}


.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 41px;
	height: 41px;
	border:solid 1px #1D4141;
	background:#FBD82A;
}
.menu-trigger span{
	position: absolute;
	left: 7px;
	width: 27px;
	height: 3px;
	background-color:#1D4141;
	border-radius:2px;
}

#sp_menu.active .menu-trigger span{
  background-color:#fff;
}

.menu-trigger span:nth-of-type(1) {
  top: 9px;
}
.menu-trigger span:nth-of-type(2) {
  top: 18px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 9px;
}

.menu-trigger.active{
	background-color:transparent !important;
	border-color:transparent;
}
.menu-trigger.active span {
	background-color:#fff;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-45deg);
  transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}


/* gnavi_sp */

#gnavi_sp{display:none;}

@media screen and (max-width:900px){
	#gnavi_sp{display:block;position:fixed;left:-100%;top:0;width:100%;height:100vh;background:rgba(198,51,0,0.85);z-index:80;padding:145px 7vw 30px;text-align:left;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
	#gnavi_sp.active{left:0;}
	
	#gnavi_sp a{color:#fff;display:block;text-decoration:none;}
	
	#gnavi_sp ul{margin:0;font-size:115%;}
	#gnavi_sp ul li{margin:0 0 8px;}
	#gnavi_sp ul li:last-of-type{margin:0;}
	#gnavi_sp ul li i{font-size:21px;margin-right:5px;position:relative;top:2px;}
	#gnavi_sp ul.service li a{padding:0 0 0 26px;background:url("../images/arrow01.png") no-repeat 7px 50%;}
	
	#gnavi_sp hr{width:100%;height:1px;border:none;background:#fff;margin:20px 0;}
}



#logo{}
#logo_sp{display:none;}
.logo{display:table;width:100%;height:150px;border:solid #132e2e;border-width:5px 0;margin:0;background:#1D4141;}
.logo span{display:table-cell;vertical-align:middle;text-align:center;position:relative;}
.logo span i{display:inline-block;padding:0 35px;position:relative;z-index:2;background:#1D4141;}
.logo img{width:350px;}
.logo span:after{content:" ";width:100%;height:20px;background:#FBD82A;position:absolute;left:0;top:50%;margin-top:-10px;z-index:1;}

@media screen and (max-width:900px){
	#logo_sp{display:table;}
	.logo{height:75px;border-width:5px 0;position:fixed;width:100%;left:0;top:0;z-index:90;}
	.logo span i{padding:0 20px;}
	.logo img{width:175px;}
	.logo span:after{height:10px;margin-top:-5px;}
}


/* main */
#main{position:relative;background:#fffbe9;padding:96px 0 0;}

#main_slide01{margin:0;height:calc(100vh - 150px - 96px + 30px);text-align:center;}

#main_slide01 .swiper-slide{position:relative;background:#fff;}
#main_slide01 .swiper-slide .img{position:relative;z-index:1;line-height:0;background-position:50% 50% !important;background-size:cover !important;height:100%;}
#main_slide01 .swiper-slide:after{content:" ";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);z-index:2;}

#main_slide01 .txt{display:table;width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;color:#fff;font-size:337%;font-weight:bold;margin:0;text-shadow:3px 3px 12px #000;}
#main_slide01 .txt .in{display:table-cell;vertical-align:bottom;padding:10px 30px 65px;line-height:1.5em;}
#main_slide01 .txt p{letter-spacing:0.1em;line-height:1.5em;}
#main_slide01 .txt p:last-of-type{margin:0;}

#main_slide01 .swiper-wrapper{height:calc(100% - 45px);overflow:hidden;border:solid #1D4141;border-width:0 0 15px;}

.swiper-pagination{bottom:0 !important;}
.swiper-pagination-bullet{opacity:1;width:40px;height:8px;background:#FBD82A;border-radius:0;}
.swiper-pagination-bullet-active{background:#1D4141;}

@keyframes zoomUp {
	0% {
		transform: scale(1);
		transform-origin:center;
	}
	100% {
		transform: scale(1.15);
	}
}

.swiper-slide-active .img,
.swiper-slide-duplicate-active .img,
.swiper-slide-prev .img{animation: zoomUp 10s linear 0s 1 normal both;}	

@media screen and (max-width:900px){
	#main{padding:75px 0 0;}
	.swiper-pagination{display:none;}
	
	#main_slide01{height:100vw;}
	#main_slide01 .txt{font-size:200%;}
	#main_slide01 .txt .in{padding:10px 20px 7vw;}
	
	#main_slide01 .swiper-wrapper{height:calc(100% - 10px);border-width:0 0 10px;}
}
@media screen and (max-width:768px){
	#main_slide01 .txt{font-size:171%;}
}
@media screen and (max-width:480px){
	#main_slide01 .txt{font-size:143%;}
}
@media screen and (max-width:380px){

}


#slider{position:relative;z-index:1;}




/* コンテンツ */
#wrap{text-align:left;width:100%;}
.inner{width:1180px;margin:0 auto;}

@media screen and (max-width:1280px){
	.inner{width:92vw;}
}
@media screen and (max-width:900px){
	.inner{width:86vw;}
}
@media screen and (max-width:768px){

}

.anc{position:relative;top:-90px;}
@media screen and (max-width:900px){
	.anc{top:-90px;}
}


.h{border:solid #1D4141;border-width:0 0 6px;color:#1D4141;font-size:200%;font-weight:700;text-align:center;margin:0 0 40px;padding:0 0 15px;position:relative;}
.h:after{content:" ";width:100%;height:4px;position:absolute;left:0;bottom:-10px;background:#FBD82A;}

@media screen and (max-width:768px){
	.h{border:solid #1D4141;border-width:0 0 3px;color:#1D4141;font-size:129%;margin:0 0 20px;padding:0 0 10px;}
	.h:after{content:" ";width:100%;height:2px;position:absolute;left:0;bottom:-5px;background:#FBD82A;}
}


/* ご挨拶 */

#message_sec{padding:50px 0 80px;}

.message_cont01{text-align:center;font-size:113%;}
.message_cont01 p{}
.message_cont01 p:last-of-type{margin:0;}
.message_cont01 p strong{font-size:133%;color:#ff0000;}

@media screen and (max-width:768px){
	#message_sec{padding:30px 0 40px;}
	.message_cont01{text-align:left;font-size:100%;}
	.message_cont01 p strong{font-size:129%;}
}



/* insta */

#insta_sec{padding:70px 0;position:relative;background:url("../images/main_img04.jpg") no-repeat 50% 50%;background-size:cover;color:#fff;text-align:center;border:solid #1D4141;border-width:5px 0;}
#insta_sec .cont{position:relative;z-index:2;}
#insta_sec .overlay{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:rgba(29,65,65,0.5);mix-blend-mode:multiply;}

#insta_sec .insta_h{font-size:171%;margin:0 0 5px;line-height:1em;}
#insta_sec .insta_h i{margin-right:10px;}
#insta_sec .insta_account{font-size:93%;margin:0 0 40px;}
#insta_sec .instagram{}

#insta_sec .swiper-wrapper{align-items:center;}
#insta_sec .swiper-slide a{padding-top:100%;display:block;}
#insta_sec .swiper-slide a img{position:absolute;top:0;}
#insta_sec .swiper-slide a span{position:absolute;top:0;display:block;width:100%;height:100%;border:solid 1px #fff;}


@media screen and (max-width:900px){
	#insta_sec{padding:50px 0;}
	#insta_sec .insta_account{margin:0 0 30px;}
}


/* サービス */

#service_sec{padding:80px 0 80px;}
#service_sec .h{margin:0 0 15px;}


#service_sec .sec{padding:0 0 60px;}
#service_sec .sec .sec_pic{width:100%;height:320px;border-radius:20px;}
#service_sec .sec01 .sec_pic{background:url("../images/main_img03.jpg") no-repeat 50% 73%;background-size:cover;}
#service_sec .sec02 .sec_pic{background:url("../images/service_img01.jpg") no-repeat 50% 50%;background-size:cover;}
#service_sec .sec03 .sec_pic{background:url("../images/service_img02.jpg") no-repeat 50% 50%;background-size:cover;}

#service_sec .sec .h3{padding:0 0 0 40px;font-size:150%;margin:0 0 15px;position:relative;color:#1D4141;font-weight:bold;}
#service_sec .sec .h3:before{content:" ";width:29px;height:32px;background:url("../images/h_ico01.png") no-repeat 0 0;position:absolute;left:0;top:0;}

#service_sec .sec .ex{padding:0 0 0 40px;}
#service_sec .sec .ex p{}
#service_sec .sec .ex p:last-child{margin:0;}

#service_sec .sec .clm2{}
#service_sec .sec .clm2 .clm{width:580px;float:left;}
#service_sec .sec .clm2 .clm:nth-of-type(2n){float:right;}

#service_sec .sec .clm_pic{display:table;width:100%;}
#service_sec .sec .clm_pic .pic,
#service_sec .sec .clm_pic .txt{display:table-cell;vertical-align:middle;width:590px;}
#service_sec .sec .clm_pic .pic{padding:0;margin:0;line-height:0;}

#service_sec .sec .clm_pic_r .txt{padding-right:10px;}
#service_sec .sec .clm_pic_l .txt{padding-left:10px;}

@media screen and (max-width:1280px){
	#service_sec .sec .clm2 .clm{width:48.5%;}
	#service_sec .sec .clm_pic .pic,
	#service_sec .sec .clm_pic .txt{width:50%;}

	#service_sec .sec .clm_pic_r .txt{padding-right:1.5%;}
	#service_sec .sec .clm_pic_l .txt{padding-left:1.5%;}
}
@media screen and (max-width:900px){
	#service_sec{padding:40px 0;}
	#service_sec .h{margin:0 0 30px;}
	
	#service_sec .sec{padding:0 0 40px;}
	#service_sec .sec:last-of-type{padding:0;}
	#service_sec .sec .sec_pic{width:100%;height:42vw;margin:0 0 30px;}
	
	#service_sec .sec .clm2 .clm{width:100%;float:none;}
	#service_sec .sec .clm2 .clm:nth-of-type(2n){float:none;margin-top:30px;}
	
	#service_sec .sec .clm_pic{display:flex;flex-direction:column;}
	#service_sec .sec .clm_pic .pic,
	#service_sec .sec .clm_pic .txt{display:block;width:100%;}
	#service_sec .sec .clm_pic .pic{padding:0;margin:0;line-height:0;}

	#service_sec .sec .clm_pic_r .txt{padding-right:0;}
	#service_sec .sec .clm_pic_l .txt{padding-left:0;}
	
	#service_sec .sec .clm_pic .pic{order:1;margin-bottom:20px;}
	#service_sec .sec .clm_pic .txt{order:2;}
	
}
@media screen and (max-width:768px){
	#service_sec{padding:30px 0;}
	#service_sec .h{margin:0 0 20px;}
	
	#service_sec .sec .h3{padding:0 0 0 30px;font-size:115%;margin:0 0 10px;}
	#service_sec .sec .h3:before{content:" ";width:20px;height:23px;background:url("../images/h_ico01.png") no-repeat 0 0;background-size:20px;}

	#service_sec .sec .ex{padding:0 0 0 30px;}
}



/* company */

#company_h{width:100%;height:350px;text-align:center;margin:0;border:solid #1D4141;border-width:5px 0;position:relative;background:url("../images/main_img02.jpg") no-repeat 50% 50%;background-size:cover;}
#company_h span{display:table;width:100%;height:100%;position:relative;z-index:2;color:#fff;font-size:337%;font-weight:bold;margin:0;text-shadow:3px 3px 12px #000;}
#company_h span i{display:table-cell;vertical-align:middle;}
#company_h:after{content:" ";width:100%;height:100%;position:absolute;left:0;top:0;background:#1D4141;opacity:0.5;z-index:1;mix-blend-mode:multiply;}

#conpany_sec{padding:75px 0;border:solid #1D4141;border-width:0 0 5px;background:#fffbe9;}


.comp_info{width:850px;background:#fff;padding:70px 100px;border:solid 1px #1D4141;border-radius:20px;margin:0 auto 100px;}
.comp_info dl{display:table;width:100%;padding:0 0 15px;margin:0 0 15px;border:solid #000;border-width:0 0 1px;font-size:113%;}
.comp_info dl:last-of-type{margin:0;}
.comp_info dt,
.comp_info dd{display:table-cell;vertical-align:top;}
.comp_info dt{width:9em;}


@media screen and (max-width:900px){
	#company_h{height:40vw;}
	#company_h span{font-size:200%;}
	
	#conpany_sec{padding:40px 0;}
	
	.comp_info{width:100%;padding:40px;border:solid 1px #1D4141;border-radius:20px;margin:0 auto 50px;}
}
@media screen and (max-width:768px){
	#company_h span{font-size:171%;}
	
	.comp_info{width:100%;padding:0;border:none;background:transparent;}
	.comp_info dl{font-size:100%;}
	.comp_info dt,
	.comp_info dd{display:block;}
	.comp_info dt{width:100%;font-weight:bold;}
}
@media screen and (max-width:480px){
	#company_h span{font-size:143%;}

}


/* access */
#access_sec{}
#access_sec .gmap{width:100%;height:500px;margin:0 0 20px;}
#access_sec .gmap iframe{width:100%;height:100%;}
#access_sec .map_more{margin:0;text-align:right;font-size:75%;}


@media screen and (max-width:900px){
	#access_sec{}
	#access_sec .gmap{height:300px;}
}
@media screen and (max-width:768px){
	#access_sec .gmap{margin:0 0 10px;}
	#access_sec .gmap{height:50vw;}
	#access_sec .map_more{font-size:86%;}
}
@media screen and (max-width:480px){

}


/* contact */

#contact_sec{padding:120px 0;font-weight:700;color:#1D4141;}

.contact_h{margin:0 0 40px;font-size:250%;text-align:center;font-weight:700;color:#1D4141;}
.contact_h span{display:inline-block;position:relative;}
.contact_h span:before,
.contact_h span:after{content:" ";width:43px;height:47px;background:url("../images/h_ico02.png") no-repeat 0 0;}
.contact_h span:before{position:absolute;left:-65px;top:8px;}
.contact_h span:after{position:absolute;right:-65px;top:8px;}

.contact_txt{width:400px;display:table;margin:0 auto;}
.contact_txt .ill,
.contact_txt .ex{display:table-cell;vertical-align:middle;}
.contact_txt .ill{width:120px;margin:0;line-height:0;}
.contact_txt .ex{font-size:113%;margin:0;font-weight:700;color:#1D4141;text-align:center;}

.tel_btn{display:table;width:660px;height:100px;margin:0 auto 20px;border:solid 4px #1D4141;border-radius:40px;background:#FBD82A;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.tel_btn:hover{background:rgba(251,216,42,0.7);}
.tel_btn a{display:table-cell;vertical-align:middle;text-align:center;font-size:300%;color:#1D4141;text-decoration:none;font-weight:700;}
.tel_btn a i{margin-right:20px;transform:scale(1.25);}

.tel_info{margin:0;text-align:center;line-height:1.4em;}
.tel_info span{font-size:88%;}

.sp_ill{display:none;}

@media screen and (max-width:900px){
	#contact_sec{padding:50px 0;position:relative;}
}
@media screen and (max-width:768px){
	#contact_sec{padding:40px 0 0;}
	
	.contact_h{margin:0 0 20px;font-size:143%;}
	.contact_h span:before,
	.contact_h span:after{content:" ";width:22px;height:24px;background:url("../images/h_ico02.png") no-repeat 0 0;background-size:22px;}
	.contact_h span:before{position:absolute;left:-30px;top:4px;}
	.contact_h span:after{position:absolute;right:-30px;top:4px;}
	
	.contact_txt{width:100%;margin:0 0 15px;}
	.contact_txt .ill{display:none;}
	
	.tel_btn{display:table;width:auto;height:auto;margin:0 auto 15px;border:solid 2px #1D4141;border-radius:20px;}
	.tel_btn a{font-size:171%;padding:12px 50px;}
	.tel_btn a i{margin-right:10px;transform:scale(1.25);}
	
	.sp_ill{display:block;text-align:left;margin:0;line-height:0;}
	.sp_ill img{width:100px;}
}



/* tel */
#tel{position:fixed;right:0;top:265px;line-height:0;margin:0;background:#FBD82A;width:160px;height:80px;z-index:998;border:solid #1D4141;border-width:4px;border-radius:10px 0 0 10px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
#tel:hover{background:rgba(251,216,42,0.7);}
#tel.active{top:100px;}

#tel a{display:table;width:100%;height:100%;color:#1D4141;text-decoration:none;}
#tel a span{display:table-cell;text-align:center;vertical-align:middle;}
#tel a span i{display:inline-block;line-height:1em;}
#tel a span i.ico{font-size:30px;margin:0 0 5px;position:relative;top:-2px;}
#tel a span i.txt{font-size:100%;font-weight:700;line-height:1.4em;}

@media screen and (max-width:900px){
	#tel{top:85px !important;}
}
@media screen and (max-width:768px){
	#tel{width:auto;height:auto;border-width:2px;border-radius:10px 0 0 10px;}
	#tel a span{padding:7px 10px;}
	#tel a span i.ico{font-size:150%;margin:0;top:-4px;}
	#tel a span i.txt{font-size:79%;}
}


/* pagetop */

#topcontrol{position:fixed;right:0;line-height:0;margin:0;display:none;background:#1D4141;width:80px;height:80px;z-index:998;border:solid #FBD82A;border-width:4px;border-radius:10px 0 0 10px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
#topcontrol:hover{background:rgba(29,65,65,0.7);}
#topcontrol a{display:table;width:100%;height:100%;color:#fff;text-decoration:none;}
#topcontrol a span{display:table-cell;text-align:center;vertical-align:middle;}
#topcontrol a span i{display:block;line-height:1em;}
#topcontrol a span i.ico{font-size:36px;margin:0 0 5px;}
#topcontrol a span i.txt{font-size:12px;}

#topcontrol{bottom:0;}
#topcontrol.btm{bottom:60px;}

@media screen and (max-width:768px){
	#topcontrol{transform:scale(0.75);transform-origin:right bottom;}
	#topcontrol.btm{bottom:55px;}
}


/* footer */
#footer{background:#1D4141;border:solid #FBD82A;border-width:5px 0 0;}
#copy{color:#fff;margin:0;padding:10px 4%;font-size:75%;}


@media screen and (max-width:768px){

}




/*------------------------------------------------
   汎用
------------------------------------------------*/

.tx_l{text-align:left !important;}
.tx_c{text-align:center !important;}
.tx_r{text-align:right !important;}

.vm{vertical-align:middle !important;}
.vt{vertical-align:top !important;}
.vb{vertical-align:bottom !important;}

.tx_slarge{font-size:114% !important;}
.tx_large{font-size:128% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:85% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:71% !important;}

.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}

.txt_under{text-decoration:underline !important;}
.txt_strike{text-decoration:line-through !important;}

.inblock{display:inline-block !important;}
.ls_w{letter-spacing:0.2em;}
.ls_m{letter-spacing:0.1em;}

.relative{position:relative !important;}

.lh0{line-height:0em !important;}
.lh1{line-height:1em !important;}
.lh13{line-height:1.3em !important;}
.lh15{line-height:1.5em !important;}
.lh2{line-height:2em !important;}

ul.note{list-style:none !important;}
ul.note li{text-indent:-1em !important;padding-left:1em !important;}
ul.note li:before{content:"※";}

.note01{padding-left:1em !important;text-indent:-1em !important;}
.note02{padding-left:2em !important;text-indent:-2em !important;}
.note025{padding-left:2.5em !important;text-indent:-2.5em !important;}
.note03{padding-left:3em !important;text-indent:-3em !important;}
.note04{padding-left:4em !important;text-indent:-4em !important;}
.note05{padding-left:5em !important;text-indent:-5em !important;}
.note06{padding-left:6em !important;text-indent:-6em !important;}
.note07{padding-left:7em !important;text-indent:-7em !important;}
.note08{padding-left:8em !important;text-indent:-8em !important;}
.note09{padding-left:9em !important;text-indent:-9em !important;}
.note10{padding-left:10em !important;text-indent:-10em !important;}
.note11{padding-left:11em !important;text-indent:-11em !important;}
.note12{padding-left:12em !important;text-indent:-12em !important;}

.red{color:#ff0000 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}

.w_full{width:100% !important;}
.wauto{width:auto !important;}

.w100{width:100px !important;}
.w200{width:200px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}

.w03em{width:3em !important;}
.w04em{width:4em !important;}
.w05em{width:5em !important;}
.w06em{width:6em !important;}
.w07em{width:7em !important;}
.w08em{width:8em !important;}
.w09em{width:9em !important;}
.w10em{width:10em !important;}
.w11em{width:11em !important;}
.w12em{width:12em !important;}
.w13em{width:13em !important;}
.w14em{width:14em !important;}
.w15em{width:15em !important;}
.w16em{width:16em !important;}
.w17em{width:17em !important;}
.w18em{width:18em !important;}
.w19em{width:19em !important;}
.w20em{width:20em !important;}
.w21em{width:21em !important;}
.w22em{width:22em !important;}
.w23em{width:23em !important;}
.w24em{width:24em !important;}
.w25em{width:25em !important;}
.w26em{width:26em !important;}
.w27em{width:27em !important;}
.w28em{width:28em !important;}
.w29em{width:29em !important;}
.w30em{width:30em !important;}

.bdr{border:solid 1px #dddddd !important;}
.bdr_none{border:none !important;}

.radius05{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;}
.radius10{-webkit-border-radius:10px !important;-moz-border-radius:10px !important;border-radius:10px !important;}

.radius_top05{-webkit-border-top-left-radius:5px !important;-webkit-border-top-right-radius:5px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:5px 5px 0 0 !important;border-radius:5px 5px 0 0 !important;}
.radius_top10{-webkit-border-top-left-radius:10px !important;-webkit-border-top-right-radius:10px !important;-webkit-border-bottom-left-radius:0px !important;-webkit-border-bottom-right-radius:0px !important;-moz-border-radius:10px 10px 0 0 !important;border-radius:10px 10px 0 0 !important;}

.radius_bottom05{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:5px !important;-webkit-border-bottom-right-radius:5px !important;-moz-border-radius:0 0 5px 5px !important;border-radius:0 0 5px 5px !important;}
.radius_bottom10{-webkit-border-top-left-radius:0px !important;-webkit-border-top-right-radius:0px !important;-webkit-border-bottom-left-radius:10px !important;-webkit-border-bottom-right-radius:10px !important;-moz-border-radius:0 0 10px 10px !important;border-radius:0 0 10px 10px !important;}

.mauto{margin:auto !important;}

.mt0{margin-top:0px !important;}
.mt01{margin-top:1px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0px !important;}
.mr01{margin-right:1px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.pt0{padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}

.pb0{padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.pl0{padding-left:0 !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}

.pl01em{padding-left:1em !important;}
.pl02em{padding-left:2em !important;}


.pr0{padding-right:0 !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}

.pad0{padding:0 !important;}
.pad05{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.pad40{padding:40px !important;}

.plr05{padding-left:5px !important;padding-right:5px !important;}
.plr10{padding-left:10px !important;padding-right:10px !important;}
.plr15{padding-left:15px !important;padding-right:15px !important;}
.plr20{padding-left:20px !important;padding-right:20px !important;}
.plr30{padding-left:30px !important;padding-right:30px !important;}
.plr40{padding-left:40px !important;padding-right:40px !important;}

.fl{float:left !important;}
.fr{float:right !important;}

.visi{display:block !important;}
.hide{display:none !important;}


/* clearfix */
.cls{clear:both;}
/* For modern browsers */
.cf:before,
.cf:after{content:"";display:table;} 
.cf:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf{zoom:1;}/* clearfixここまで */
/* 汎用ここまで */