@charset "utf-8";

/* font */
@font-face {
    font-family:'NotoSansCJKjp';
    font-style:normal;
    font-weight:normal;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.otf')  format('opentype');
}
@font-face {
    font-family:'NotoSansCJKjp';
    font-style:normal;
    font-weight:bold;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.otf')  format('opentype');
}

/* common */
html,body{}
body{font-size:100%;font-family:"NotoSansCJKjp","ヒラギノ角ゴ std W3","メイリオ","ＭＳ Ｐゴシック", Osaka;color:#333333;margin:0;padding:0;text-align:center;letter-spacing:0.1em;}
body{-webkit-text-size-adjust:none;}
@media screen and (max-width:480px){
body{font-size:75%;}
}

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.7em;margin:0 0 1.5em;}
ol,ul,dt,dd{line-height:1.7em;margin:0 0 1.5em;}
table{line-height:1.7em;margin:0 0 1.5em;}

strong{font-weight:bold;}

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

/* リンク */
a:link,
a:visited{color:#333333;text-decoration:underline;}
a:hover{color:#333333;text-decoration:none;}


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;}

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

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

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

table{border-collapse:collapse;}
th,td{}
th{}
td{}

@media screen and (max-width:640px){
th,td{}
}
@media screen and (max-width:480px){
th,td{}
}

.sp{display:none;}
@media screen and (max-width:900px){
.sp{display:block;}
.pc{display:none;}
}

.nobr{}
@media screen and (max-width:640px){
.nobr{display:none;}
}

/* content */
#wrap{width:100%;}
.inner{width:940px;margin:0 auto;}
@media screen and (max-width:900px){
.inner{width:95%;}
}


.img_r{float:right;margin:0 0 1em 20px;}
.img_l{float:left;margin:0 20px 1em 0;}
@media screen and (max-width:900px){
.img_r{max-width:47%;margin:0 0 1em 3%;}
.img_l{ax-width:47%;margin:0 3% 1em 0;}
}

/* header */
header{width:100%;height:120px;background:url("../images/bg01.png") 50% 0;letter-spacing:0.2em;}
header .inner{position:relative;}
header #logo{margin:0;line-height:0;position:absolute;top:30px;z-index:100;}
header #header_r{float:right;width:770px;padding:20px 0 0;text-align:left;}
header #lead{float:left;width:550px;font-size:75%;padding:5px 0 0;}

header #social{float:right;text-align:right;margin:0 0 20px;}
header #social li{display:inline-block;font-size:18px;margin-left:15px;}
header #social li:last-child{font-size:12px;}
header #social li:last-child:before{content:"｜";}
header #social li.twitter a{color:#90ccf0;}
header #social li.instagram a{color:#dae000;}
header #social li.facebook a{color:#f8b62d;}

@media screen and (max-width:900px){
header{height:auto;}
header #logo{top:15px;}
header #header_r{float:none;width:auto;padding:15px 70px 0 150px;}
header #lead{float:none;width:auto;padding:0;margin:0 0 10px;}
header #social{float:none;text-align:right;margin:0 0 10px;}
}
@media screen and (max-width:767px){
header #logo{width:100px;}
header #header_r{float:none;width:auto;padding:15px 60px 0 120px;}
}
@media screen and (max-width:480px){
header #logo{top:10px;}
header #logo{width:80px;}
header #header_r{float:none;width:auto;padding:10px 55px 0 90px;}
}

/* gnavi */
#gnavi{width:100%;clear:both;}

#gnavi ul{margin:0;}
#gnavi ul li{float:left;margin:0 43px 0 0;}
#gnavi ul li:nth-child(5){margin:0;float:right;}

#gnavi a{text-decoration:none;display:block;position:relative;}
#gnavi a i{background:url("../images/navi_ico01.png") no-repeat 50% 100%;width:21px;height:14px;position:absolute;left:50%;margin-left:-10px;bottom:-40px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
#gnavi a:hover i,
#gnavi li.cur a i{bottom:-23px;}

#light #gnavi li:nth-child(1) a i{bottom:-23px;}
#service #gnavi li:nth-child(2) a i{bottom:-23px;}
#works #gnavi li:nth-child(3) a i{bottom:-23px;}
#about #gnavi li:nth-child(4) a i{bottom:-23px;}
#contact #gnavi li:nth-child(5) a i{bottom:-23px;}

#gnavi li#close{display:none;}

#sp_menu{display:none;}

@media screen and (max-width:900px){
#gnavi{display:none;width:100%;height:100%;padding:0;position:fixed;left:0;top:0;z-index:999;overflow-y:auto;background:url("../images/bg80.png");}
#gnavi ul{text-align:center;}
#gnavi ul li{float:none;border:solid #ffffff;border-width:0 0 1px;margin:0;}
#gnavi ul li:nth-child(5){float:none;}
#gnavi li#close{display:block;}
#gnavi a{color:#ffffff;padding:10px;}
#gnavi a i{display:none;}

#sp_menu{display:block;position:fixed;right:15px;top:15px;z-index:998;width:40px;}
}

@media screen and (max-width:480px){
#sp_menu{right:10px;top:10px;}
}


/* main */
#mainimg{position:relative;height:600px;}
#main_txt{display:table;width:100%;height:100%;position:absolute;left:0;top:0;color:#ffffff;z-index:998;font-size:225%;letter-spacing:0.4em;line-height:2em;}
#main_txt span{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
#main_txt span strong{display:inline-block;text-align:left;font-weight:normal;}

.main01{background:url("../images/main_img01.jpg") no-repeat 50% 50%;background-size:cover;}
.main02{background:url("../images/main_img02.jpg") no-repeat 50% 50%;background-size:cover;}
.main03{background:url("../images/main_img03.jpg") no-repeat 50% 50%;background-size:cover;}
.main04{background:url("../images/main_img04.jpg") no-repeat 50% 50%;background-size:cover;}
.main05{background:url("../images/main_img05.jpg") no-repeat 50% 50%;background-size:cover;}

@media screen and (max-width:900px){
#mainimg{height:400px;}
#main_txt{font-size:225%;text-shadow:0 0 10px #000;}
}
@media screen and (max-width:640px){
#mainimg{height:300px;}
#main_txt{font-size:180%;line-height:1.5em;}
}
@media screen and (max-width:480px){
#mainimg{height:200px;}
#main_txt{text-shadow:0 0 5px #000;}
}


/* page_h */
#page_h{width:100%;position:relative;height:120px;margin:0 0 1em;}
#about #page_h{background:url("../about/images/about_img01.jpg") no-repeat 50% 50%;background-size:cover;color:#ffffff;}
#light #page_h{background:url("../light/images/light_img01.jpg") no-repeat 50% 50%;background-size:cover;color:#8f7542;}
#service #page_h{background:url("../service/images/service_img01.jpg") no-repeat 50% 50%;background-size:cover;color:#8f7542;}
#works #page_h{background:url("../works/images/works_img01.jpg") no-repeat 50% 50%;background-size:cover;color:#ffffff;}
#contact #page_h{background:url("../contact/images/contact_img01.jpg") no-repeat 50% 50%;background-size:cover;color:#ffffff;}

#page_h strong{display:table;width:100%;height:100%;position:absolute;left:0;top:0;z-index:998;font-size:150%;letter-spacing:0.4em;font-weight:normal;}
#page_h span{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
#page_h span .en{margin-right:40px;vertical-align:middle;}

@media screen and (max-width:480px){
#page_h{height:80px;}
#page_h span .en{margin-right:20px;}
}



/* pan */
#pan{width:940px;margin:20px auto 40px;font-size:75%;text-align:left;}
#pan li{display:inline-block;}
#pan li:after{content:">";margin-left:7px;}
#pan li:last-child:after{content:none;margin-left:0;}

@media screen and (max-width:900px){
#pan{width:95%;margin:20px auto;}
}

/* pagenav */
#pagenav{background:#f8f6e5;padding:10px;font-size:75%;text-align:center;}
#pagenav ul{margin:0;}
#pagenav li{display:inline-block;}
#pagenav li:after{content:"｜";margin-left:7px;}
#pagenav li:last-child:after{content:none;margin-left:0;}


/* h */
.h{font-size:150%;margin:0 0 100px;text-align:center;}
.h .en{display:block;line-height:0;margin:0 0 20px;}

.h2{padding:50px 0 0;margin:0 0 55px;text-align:center;background:url("../images/h_ico01.png") no-repeat 50% 0;font-size:150%;letter-spacing:0.4em;}
.h3{margin:0 0 55px;text-align:center;font-size:150%;letter-spacing:0.4em;}


@media screen and (max-width:640px){
.h{margin:0 0 50px;}
}
@media screen and (max-width:480px){
.h{margin:0 0 30px;}
.h2{margin:0 0 30px;}
.h3{margin:0 0 30px;}
}

.lnk{margin:0;text-align:right;font-size:88%;}
.lnk i{font-size:18px;margin-left:10px;font-weight:bold;vertical-align:middle;}


/* */
.service_list li a{text-decoration:none;}

.marker{background:#feec8b;}


/* indx */
#sec01{padding:100px 0;position:relative;}
#sec01 p{line-height:2.0em;}
#sec01 .img li{position:absolute;top:50%;margin-top:-80px;}
#sec01 .img li:nth-child(1){left:70px;}
#sec01 .img li:nth-child(2){right:70px;}

@media screen and (max-width:900px){
#sec01 .img{margin-top:50px;}
#sec01 .img li{position:relative;top:0;margin:0 10px;display:inline-block;}
#sec01 .img li:nth-child(1){left:0;}
#sec01 .img li:nth-child(2){right:0;}
}
@media screen and (max-width:640px){
#sec01{padding:50px 0;}
#sec01 .img{margin-top:30px;}
#sec01 .img li{max-width:40%;}
}


#sec02{padding:0 0 100px;}
#sec02 .cont{display:table;width:100%;text-align:left;}
#sec02 .cont .pic,
#sec02 .cont .txt{display:table-cell;vertical-align:middle;margin:0;}
#sec02 .cont .pic{width:50%;}
#sec02 .cont .txt{position:relative;text-align:right;}
#sec02 .cont .txt p{display:inline-block;text-align:left;line-height:2.0em;margin:0;}

#sec02 .cont .txt .lnk{position:absolute;right:0;bottom:0;}

@media screen and (max-width:900px){
#sec02 .cont .pic{width:40%;vertical-align:top;}
#sec02 .cont .txt{padding:0 0 0 5%;text-align:left;}
#sec02 .cont .txt .lnk{position:relative;}
#sec02 .cont .txt p{margin:0 0 30px;display:block;}
#sec02 .cont .txt .lnk{text-align:right;}
}
@media screen and (max-width:640px){
#sec02{padding:0 0 50px;}
#sec02 .cont .pic,
#sec02 .cont .txt{display:block;width:100%;}
#sec02 .cont .pic{margin:0 0 20px;text-align:center;}
#sec02 .cont .txt{padding:0;}
#sec02 .cont .txt p{display:block;}
}
@media screen and (max-width:480px){
#sec02 .cont .pic{margin:0 0 10px;}
}

#sec03{padding:0 0 80px;}
#sec03 .cont{position:relative;}
#sec03 .cont .service_list{margin:0;text-align:left;font-size:113%;}
#sec03 .cont .service_list li{float:left;margin:0 20px 20px 0;width:300px;height:400px;padding:20px;background:#f8f6e4;position:relative;}
#sec03 .cont .service_list li:nth-child(3n){margin:0 0 20px;}
#sec03 .cont .service_list li:nth-child(3n+1){clear:both;}

#sec03 .cont .service_list li .num{height:20px;margin:0;}
#sec03 .cont .service_list li .name{height:60px;margin:0;text-align:center;}
#sec03 .cont .service_list li .pic{margin:0 0 20px;line-height:0;}
#sec03 .cont .service_list li .ex{font-size:78%;}
#sec03 .cont .service_list li .en{position:absolute;right:20px;bottom:15px;margin:0;}


#sec03 .cont .ill{position:absolute;right:100px;top:580px;}
#sec03 .cont .lnk{position:absolute;right:0;bottom:20px;}


@media screen and (max-width:900px){
#sec03 .cont .service_list li{margin:0 2% 20px 0;width:32%;height:auto;}
#sec03 .cont .service_list li .num{height:20px;margin:0 0 10px;}
#sec03 .cont .service_list li .en{position:relative;right:0;bottom:0;margin:0;text-align:right;}
	
#sec03 .cont .ill{position:absolute;right:7%;top:auto;bottom:50px;}
#sec03 .cont .lnk{position:relative;right:0;bottom:0;}
}
@media screen and (max-width:767px){
#sec03 .cont .service_list li{margin:0 0 20px;width:48.5%;}
#sec03 .cont .service_list li:nth-child(3n){margin:0 0 20px;}
#sec03 .cont .service_list li:nth-child(3n+1){clear:none;}
#sec03 .cont .service_list li:nth-child(2n){float:right;}
#sec03 .cont .service_list li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width:640px){
#sec03{padding:0 0 50px;}
}
@media screen and (max-width:480px){
#sec03 .cont .service_list li{margin:0 0 20px;width:100%;float:none !important;}
#sec03 .cont .ill{position:absolute;right:auto;left:3%;bottom:-30px;width:30%;}

#sec03 .cont .service_list li .num{height:auto;margin:0 0 5px;}
#sec03 .cont .service_list li .name{height:auto;margin:0 0 15px;}
#sec03 .cont .service_list li .pic{text-align:center;}
}


#sec04{padding:0 0 80px;}
#sec04 .cont{position:relative;}
#sec04 .cont .service_list{margin:0 0 20px;text-align:left;font-size:113%;}
#sec04 .cont .service_list li{float:left;margin:0 20px 20px 0;width:300px;height:400px;padding:40px 20px 20px;background:#f8f6e4;position:relative;}
#sec04 .cont .service_list li:nth-child(3n){margin:0 0 20px;}

#sec04 .cont .service_list li .name{height:80px;margin:0;text-align:center;}
#sec04 .cont .service_list li .pic{margin:0 0 20px;line-height:0;}
#sec04 .cont .service_list li .ex{font-size:78%;}

#sec04 .cont .ill{position:absolute;left:-10px;top:-66px;}


@media screen and (max-width:900px){
#sec04 .cont .service_list li{margin:0 2% 20px 0;width:32%;height:auto;}
#sec04 .cont .service_list li .ex{margin:0;}
}
@media screen and (max-width:767px){
#sec04 .cont .service_list li{margin:0 0 20px;width:48.5%;}
#sec04 .cont .service_list li:nth-child(3n){margin:0 0 20px;}
#sec04 .cont .service_list li:nth-child(2n){float:right;}
#sec04 .cont .service_list li:nth-child(2n+1){clear:both;}
}
@media screen and (max-width:640px){
#sec04{padding:0 0 50px;}
}
@media screen and (max-width:480px){
#sec04 .cont .service_list{margin:0;}
#sec04 .cont .service_list li{margin:0 0 20px;width:100%;float:none !important;padding:20px;}
#sec04 .cont .ill{left:1.5%;top:-50px;width:27%;}

#sec04 .cont .service_list li .name{height:auto;margin:0 0 15px;}
#sec04 .cont .service_list li .pic{text-align:center;}
}



#sec05{padding:100px 0;background:url("../images/bg01.png") 50% 0;}
#sec05 .inner{position:relative;}

#sec05 .h{margin:0 0 50px;}
#sec05 p{line-height:2.0em;margin:0 0 40px;}

#sec05 .ill{position:absolute;right:80px;top:15px;}
#sec05 .lnk{margin:0;}

@media screen and (max-width:640px){
#sec05{padding:50px 0;}
#sec05 .ill{right:3%;top:-30px;width:30%;}
}
@media screen and (max-width:480px){
#sec05 .h{margin:0 0 30px;}
#sec05 p{margin:0 0 30px;}
#sec05 p br.none{display:none;}	
}


#sec06{padding:100px 0;}
#sec06{width:100%;margin:0;padding:100px 0;background:#ffffff;}

#sec06 #fb{width:460px;height:455px;float:left;}
#sec06 #map{width:460px;float:right;}
#sec06 #map #map_box{border:solid 1px #eeeeee;padding:15px;margin:0 0 15px;}
#sec06 #map #map_canvas{width:430px;height:425px;margin:0;}

@media screen and (max-width:1250px){
#sec06 #fb{width:49%;}
#sec06 #map{width:49%;}
#sec06 #map #map_canvas{width:100%;}

.fb-page,
.fb-page span,
.fb-page iframe{width:100% !important;}
}
@media screen and (max-width:900px){
#sec06{padding:50px 0;}
}
@media screen and (max-width:640px){
#sec06 #fb{margin:0 0 60px;}
#sec06 #fb,
#sec06 #map{width:100%;float:none;}
#sec06 #map #map_canvas{height:300px;}

#sec06 #fb{height:301px;border:solid #eeeeee;border-width:0 0 1px;}
.fb-page,
.fb-page span,
.fb-page iframe{height:300px !important;}
}
@media screen and (max-width:480px){
#sec06 #map #map_canvas{height:250px;}

#sec06 #fb{height:251px;border:solid #eeeeee;border-width:0 0 1px;}
.fb-page,
.fb-page span,
.fb-page iframe{height:250px !important;}
}


/* light */
#light_sec01{padding:40px 0 150px;text-align:left;}
#light_sec01 .cont{position:relative;}
#light_sec01 .cont p{line-height:2.0em;}
#light_sec01 .pic{position:absolute;right:0;top:540px;line-height:0;}

@media screen and (max-width:900px){
#light_sec01 .pic{position:relative;right:0;top:0;margin:50px 0 0;text-align:center;}
}
@media screen and (max-width:640px){
#light_sec01{padding:50px 0;}
#light_sec01 .cont p br{display:none;}
}


/* service */
#service_sec01{padding:40px 0 80px;}
#service_sec01 .cont{position:relative;}

#service_sec01 .cont .txt{padding:0 0 20px;position:relative;}
#service_sec01 .cont .txt p{line-height:2.0em;margin:0 0 40px;}
#service_sec01 .cont .txt p.ill{line-height:0;position:absolute;top:110px;right:100px;}

#service_sec01 .cont .service_list{margin:0;text-align:left;font-size:113%;}
#service_sec01 .cont .service_list li{float:left;margin:0 20px 20px 0;width:300px;height:380px;padding:20px;background:#f8f6e4 url("../images/box_ico01.png") no-repeat 100% 100%;position:relative;}
#service_sec01 .cont .service_list li:nth-child(3n){margin:0 0 20px;}
#service_sec01 .cont .service_list li:nth-child(3n+1){clear:both;}

#service_sec01 .cont .service_list li .num{height:20px;margin:0;}
#service_sec01 .cont .service_list li .name{height:60px;margin:0;text-align:center;}
#service_sec01 .cont .service_list li .pic{margin:0 0 20px;line-height:0;}
#service_sec01 .cont .service_list li .ex{font-size:78%;}

@media screen and (max-width:900px){
#service_sec01 .cont .service_list li{margin:0 2% 20px 0;width:32%;height:auto;}
#service_sec01 .cont .service_list li .num{height:20px;margin:0 0 10px;}
#service_sec01 .cont .service_list li .en{position:relative;right:0;bottom:0;margin:0;text-align:right;}
#service_sec01 .cont .txt p.ill{position:absolute;top:auto;bottom:0;right:3%;}
}
@media screen and (max-width:767px){
#service_sec01 .cont .service_list li{margin:0 0 20px;width:48.5%;}
#service_sec01 .cont .service_list li:nth-child(3n){margin:0 0 20px;}
#service_sec01 .cont .service_list li:nth-child(3n+1){clear:none;}
#service_sec01 .cont .service_list li:nth-child(2n){float:right;}
#service_sec01 .cont .service_list li:nth-child(2n+1){clear:both;}

#service_sec01 .cont .txt{padding:0 0 80px;}
#service_sec01 .cont .txt p.ill{bottom:0;right:3%;max-width:30%;}
}
@media screen and (max-width:640px){
#service_sec01{padding:50px 0;}
}
@media screen and (max-width:480px){
#service_sec01 .cont .txt p{margin:0 0 20px;}
	
#service_sec01 .cont .service_list li{margin:0 0 20px;width:100%;float:none !important;}

#service_sec01 .cont .service_list li .num{height:auto;margin:0 0 5px;}
#service_sec01 .cont .service_list li .name{height:auto;margin:0 0 15px;}
#service_sec01 .cont .service_list li .pic{text-align:center;}
}



.service_tbl{width:100%;border-collapse:separate;border-spacing:0 1px;font-size:88%;color:#666666;margin:0 0 15px;}
.service_tbl th,
.service_tbl td{background:#f8f6e4;vertical-align:middle;border:solid #ffffff;border-width:0 1px;}
.service_tbl th{text-align:left;padding:30px 30px 30px 35px;}
.service_tbl td{text-align:center;padding:30px 10px;}
.service_tbl th.sche,
.service_tbl td.sche{background:#ffffff;padding:10px;font-size:115%;}
.service_tbl th.sche.bar,
.service_tbl td.sche.bar{background:#ffffff url("../service/images/sche_bar01.png") repeat-y 50% 0;}
.service_tbl th.sche.bar span,
.service_tbl td.sche.bar span{display:inline-block;background:#ffffff;padding:25px 0;font-size:87%;}
.service_tbl tr.arrow th,
.service_tbl tr.arrow td{background:#ffffff;padding:10px;text-align:center;}
.service_tbl tr.arrow i{color:#f8f6e4;font-size:36px;position:relative;top:-8px;}

.service_tbl .h{font-size:115%;margin:0 0 10px;font-weight:bold;text-align:left;}
.service_tbl p{margin:0;}

.service_note{width:34%;float:right;text-align:left;font-size:75%;}

.service_tbl td.note{text-align:left !important;font-size:86%;}

@media screen and (max-width:900px){
.service_tbl th{padding:20px 30px;}
.service_tbl td{padding:20px 10px;}
}
@media screen and (max-width:640px){
.service_tbl th{padding:10px 15px;}
.service_tbl td{padding:10px;}
.service_tbl th.sche,
.service_tbl td.sche{padding:5px;}
.service_tbl tr.arrow th,
.service_tbl tr.arrow td{padding:2px 5px;}
.service_tbl .h{font-size:108%;margin:0 0 5px;}
.service_note{width:86%;}
}
@media screen and (max-width:480px){
.service_tbl th{padding:5px 10px;}
.service_tbl td{padding:5px;}
}



.service_sec{padding:0 0 100px;text-align:left;}
.service_sec:last-child{padding:0;}
.service_lead{padding:0 0 100px;text-align:center;}

.service_sec p,
.service_lead p{line-height:2em;}

@media screen and (max-width:640px){
.service_sec{padding:0 0 50px;}
.service_lead{padding:0 0 50px;text-align:left;}
.service_lead p br{display:none;}
}



.service_event{background:#f8f6e5;border:solid #8f7542 1px;padding:20px 30px;text-align:left;}
.service_event .tit{font-size:115%;margin:0 0 10px;color:#8f7542;}

@media screen and (max-width:640px){
.service_event{padding:15px 20px;}
}
@media screen and (max-width:480px){
.service_event{padding:15px;}
.service_event .tit{margin:0 0 5px;}
}


.service_ex_sec{text-align:left;}
.service_ex_sec .pic{float:right;width:470px;margin:0;}
.service_ex_sec .txt{float:left;width:430px;}

.service_ex_sec .pic2{float:right;width:300px;margin:0;}
.service_ex_sec .txt2{float:left;width:600px;}

@media screen and (max-width:900px){
.service_ex_sec .pic{float:right;width:50%;margin:0 0 10px 3%;}
.service_ex_sec .txt{float:none;width:100%;}
	
.service_ex_sec .pic2{float:right;width:50%;margin:0 0 10px 3%;}
.service_ex_sec .txt2{float:none;width:100%;}
}



.service_ex_tbl{width:100%;border-collapse:separate;border-spacing:0 2px;}
.service_ex_tbl th,
.service_ex_tbl td{border:solid 1px #f8f6e4;padding:15px 20px;text-align:left;}
.service_ex_tbl th{background:#f8f6e4;}

@media screen and (max-width:900px){
.service_ex_tbl th,
.service_ex_tbl td{padding:10px 15px;}
}
@media screen and (max-width:640px){
.service_ex_tbl th,
.service_ex_tbl td{padding:7px 10px;}
}
@media screen and (max-width:480px){
.service_ex_tbl th,
.service_ex_tbl td{padding:5px;}
}



.service_parce_clm{margin:0;}
.service_parce_clm li{float:left;width:450px;margin:0 0 30px;}
.service_parce_clm li:nth-child(2n){float:right;}

.service_parce_clm3{margin:0;}
.service_parce_clm3 li{float:left;width:300px;margin:0 20px 30px 0;}
.service_parce_clm3 li:nth-child(3n){float:right;margin:0 0 30px;}
.service_parce_clm3 li:nth-child(3n+1){clear:both;}


@media screen and (max-width:900px){
.service_parce_clm li{width:48.5%;margin:0 0 20px;}
.service_parce_clm3 li{width:32%;margin:0 2% 20px 0;}
}
@media screen and (max-width:640px){
.service_parce_clm li{margin:0 0 15px;}
.service_parce_clm3 li{margin:0 2% 15px 0;}
.service_parce_clm3 li:nth-child(3n){margin:0 0 15px;}	
}
@media screen and (max-width:480px){
.service_parce_clm li{margin:0 0 10px;}
.service_parce_clm3 li{margin:0 2% 10px 0;}
.service_parce_clm3 li:nth-child(3n){margin:0 0 10px;}	
}




/* works */
#works_sec01{padding:40px 0 80px;}
#works_sec01 .cont{position:relative;}

#works_sec01 .cont .txt{padding:0 0 20px;position:relative;}
#works_sec01 .cont .txt p{line-height:2.0em;margin:0 0 40px;}

#works_sec01 .cont .service_list{margin:0 0 20px;text-align:left;font-size:113%;}
#works_sec01 .cont .service_list li{float:left;margin:0 20px 20px 0;width:300px;height:320px;padding:40px 20px 20px;background:#f8f6e4 url("../images/box_ico01.png") no-repeat 100% 100%;position:relative;}
#works_sec01 .cont .service_list li:nth-child(3n){margin:0 0 20px;}

#works_sec01 .cont .service_list li .name{height:80px;margin:0;text-align:center;}
#works_sec01 .cont .service_list li .pic{margin:0 0 20px;line-height:0;}
#works_sec01 .cont .service_list li .ex{font-size:78%;}

#works_sec01 .cont .ill{position:absolute;left:-10px;top:-66px;}


@media screen and (max-width:900px){
#works_sec01 .cont .service_list li{margin:0 2% 20px 0;width:32%;height:auto;}
#works_sec01 .cont .service_list li .ex{margin:0;}
}
@media screen and (max-width:767px){
#works_sec01 .cont .service_list li{margin:0 0 20px;width:48.5%;}
#works_sec01 .cont .service_list li:nth-child(3n){margin:0 0 20px;}
#works_sec01 .cont .service_list li:nth-child(2n){float:right;}
#works_sec01 .cont .service_list li:nth-child(2n+1){clear:both;}
	
#works_sec01 .cont .txt{padding:0;}
}
@media screen and (max-width:640px){
#works_sec01{padding:50px 0;}
}
@media screen and (max-width:480px){
#works_sec01 .cont .txt p{margin:0 0 20px;}
	
#works_sec01 .cont .service_list{margin:0;}
#works_sec01 .cont .service_list li{margin:0 0 20px;width:100%;float:none !important;padding:20px;}
#works_sec01 .cont .ill{left:1.5%;top:-50px;width:27%;}

#works_sec01 .cont .service_list li .name{height:auto;margin:0 0 15px;}
#works_sec01 .cont .service_list li .pic{text-align:center;}
}



/* taglist */
#taglist{background:#f8f6e5;border:solid 1px #6c6c6c;padding:10px;font-size:87%;text-align:center;margin:0 0 100px;}
#taglist ul{margin:0;}
#taglist li{display:inline-block;margin:0 15px;}

@media screen and (max-width:640px){
#taglist{;margin:0 0 50px;}
}
@media screen and (max-width:480px){
#taglist li{margin:0 10px;}
}


.works_ex_sec{margin:0 0 100px;text-align:left;}
.works_ex_sec .pic{float:right;width:470px;margin:0;}
.works_ex_sec .txt{float:left;width:430px;}

@media screen and (max-width:900px){
.works_ex_sec .pic{float:right;width:50%;margin:0 0 10px 3%;}
.works_ex_sec .txt{float:none;width:100%;}

}
@media screen and (max-width:640px){
.works_ex_sec{margin:0 0 50px;}
}


.works_thumb{margin:0 0 80px;}
.works_thumb li{float:left;width:140px;margin:0 20px 20px 0;}
.works_thumb li:nth-child(6n){margin:0 0 20px;}
.works_thumb li:nth-child(6n+1){clear:both;}

@media screen and (max-width:900px){
.works_thumb li{float:left;width:23%;margin:0 2.6% 20px 0;}
.works_thumb li:nth-child(6n){margin:0 2.6% 20px 0;}
.works_thumb li:nth-child(6n+1){clear:none;}
.works_thumb li:nth-child(4n){margin:0 0 20px;}
.works_thumb li:nth-child(4n+1){clear:both;}
}
@media screen and (max-width:640px){
.works_thumb{margin:0 0 50px;}
	
.works_thumb li{float:left;width:31%;margin:0 3.5% 10px 0;}
.works_thumb li:nth-child(4n){margin:0 3.5% 10px 0;}
.works_thumb li:nth-child(4n+1){clear:none;}
.works_thumb li:nth-child(3n){margin:0 0 10px;}
.works_thumb li:nth-child(3n+1){clear:both;}
}


.works_tbl{width:100%;border-collapse:separate;border-spacing:0 2px;}
.works_tbl th,
.works_tbl td{border:solid 1px #f8f6e4;padding:15px 30px;text-align:left;}
.works_tbl th{background:#f8f6e4;}

@media screen and (max-width:900px){
.works_tbl th,
.works_tbl td{padding:10px 15px;}
}
@media screen and (max-width:640px){
.works_tbl th,
.works_tbl td{padding:7px 10px;}
}
@media screen and (max-width:480px){
.works_tbl th,
.works_tbl td{padding:5px;}
}


/* about */
#about_sec00{padding:100px 0;position:relative;}
#about_sec00 p{line-height:2.0em;margin:0 0 40px;}
#about_sec00 .ill{position:absolute;right:120px;top:160px;}

@media screen and (max-width:900px){
#about_sec00 .ill{right:3%;top:180px;width:30%;}
}
@media screen and (max-width:640px){
#about_sec00{padding:50px 0;}
#about_sec00 .ill{right:3%;top:150px;width:30%;}
}
@media screen and (max-width:480px){
#about_sec00 p{margin:0 0 30px;}
#about_sec00 p br.none{display:none;}
#about_sec00 .ill{right:3%;top:130px;width:30%;}
}


#about_sec01{padding:0 0 100px;}
#about_sec01 ol{display:inline-block;text-align:left;line-height:2em;list-style:decimal;margin-left:10px;padding-left:10px;}
#about_sec01 ol li{margin:0 0 25px;}
#about_sec01 ol li:last-child{margin:0;}

@media screen and (max-width:640px){
#about_sec01{padding:0 0 50px;}
#about_sec01 .box{width:95%;margin:0 auto;}
#about_sec01 ol{display:block;}
}

#about_sec02{padding:0 0 80px;}
#about_sec02 table{text-align:left;width:640px;margin:0 auto;line-height:2em;}
#about_sec02 th{padding:25px 80px 25px 0;}
#about_sec02 td{padding:25px 0;}

#about_sec02 th,
#about_sec02 td{border:solid #f8b62b;border-width:0 0 2px;vertical-align:top;}
#about_sec02 tr:first-child th,
#about_sec02 tr:first-child td{padding-top:0;}
#about_sec02 tr:last-child th,
#about_sec02 tr:last-child td{padding-bottom:0;border:none;}

#about_sec02 td dl{display:table;width:100%;}
#about_sec02 td dt,
#about_sec02 td dd{display:table-cell;vertical-align:top;}
#about_sec02 td dt{width:7em;}


@media screen and (max-width:900px){
#about_sec02 table{width:100%;}
}
@media screen and (max-width:640px){
#about_sec02{padding:0 0 50px;}
#about_sec02 th{padding:25px 0;width:6em;}	
}


#about_sec03{padding:0 0 80px;}
#about_sec03 .staff{text-align:center;margin:0 0 50px;}
#about_sec03 .staff .pic{marginn:0 0 20px;line-height:0;}
#about_sec03 .staff .name{line-height:1.2em;font-weight:normal;}
#about_sec03 .staff .name span{font-size:75%;display:block;}

#about_sec03 .history{width:600px;margin:0 auto 50px;text-align:left;}
#about_sec03 dl{display:table;width:100%;margin:0 0 20px;line-height:2.0em;}
#about_sec03 dt,
#about_sec03 dd{display:table-cell;vertical-align:top;}
#about_sec03 dt{width:180px;}


@media screen and (max-width:900px){
#about_sec03 .history{width:100%;}
}
@media screen and (max-width:640px){
#about_sec03{padding:0 0 50px;}
#about_sec03 .staff{margin:0 0 30px;}
#about_sec03 dt{width:7em;}
}


#about_sec04{padding:0 0 80px;}
#about_sec04 #map{width:100%;margin:0 0 20px;}
#about_sec04 #map #map_box{margin:0 0 15px;}
#about_sec04 #map #map_canvas{width:100%;height:300px;margin:0;}

#about_sec04 .access_box{width:520px;margin:0 auto;position:relative;text-align:left;}
#about_sec04 .access_box .pic{position:absolute;top:130px;right:0;margin:0;}

@media screen and (max-width:640px){
#about_sec04{padding:0 0 50px;}
#about_sec04 .access_box{width:100%;}	
#about_sec04 .access_box .pic{position:relative;top:0;right:0;margin:0;text-align:center;}
}
@media screen and (max-width:480px){
#about_sec04 #map #map_canvas{height:250px;}
}



/* contact */
#contact_sec01{padding:20px 0 100px;}
@media screen and (max-width:640px){
#contact_sec01{padding:0 0 50px;}
}


.flow{margin:60px auto 50px;}
.flow li{display:inline-block;margin:0 35px 0 0;}
.flow li:after{content:url("../contact/images/flow_bar.png");margin-left:40px;}
.flow li:last-child:after{content:none;margin-left:0;}
.flow li img{vertical-align:middle;}

@media screen and (max-width:380px){
.flow{margin:30px auto;}
}



table.form_tbl{border:none;margin:0 0 40px;border-collapse:collapse;border-spacing:0;background:none;}
table.form_tbl th,
table.form_tbl td{vertical-align:middle;}
table.form_tbl .vt th,
table.form_tbl .vt td{vertical-align:top;}

table.form_tbl th{border:none;padding:0 40px 40px 0;vertical-align:middle;background:none;text-align:right;}
table.form_tbl td{border:none;padding:0 0 40px;background:none;text-align:left;}
table.form_tbl .vt th{padding:5px 40px 40px 0;}

table.form_tbl.confirm th,
table.form_tbl.confirm td{border:solid #f8b62d;border-width:0 0 1px;}
table.form_tbl.confirm th{padding:20px 40px 20px 0;}
table.form_tbl.confirm td{padding:20px 0;}
table.form_tbl.confirm tr:first-child th{padding:0 40px 20px 0;}
table.form_tbl.confirm tr:first-child td{padding:0 0 20px;}
table.form_tbl.confirm tr:last-child th,
table.form_tbl.confirm tr:last-child td{border:none;}


input[type="text"]{width:100%;border:solid 1px #f8f6e4;background:#f8f6e4;height:60px;padding:15px 10px;margin:0;box-sizing:border-box;
font-family:"NotoSansCJKjp","ヒラギノ角ゴ std W3","メイリオ","ＭＳ Ｐゴシック", Osaka;font-size:100%;}
input[type="text"]:focus{border:solid 1px #7d6b55;outline:0;}
textarea{width:100%;border:solid 1px #f8f6e4;background:#f8f6e4;padding:15px;margin:0 10px 0 0;box-sizing:border-box;
font-family:"NotoSansCJKjp","ヒラギノ角ゴ std W3","メイリオ","ＭＳ Ｐゴシック", Osaka;font-size:100%;}
textarea:focus{border:solid 1px #7d6b55;outline:0;}

.radiobtn input{display:none;}
.radiobtn label{display:inline-block;position:relative;cursor:pointer;
margin-left:10px;padding:10px 30px 10px 20px;line-height:1;}
.radiobtn label:last-child{padding:10px 0 10px 20px;}
.radiobtn label:before{position:absolute;content:"";
top:50%;left:-10px;width:22px;height:22px;margin-top:-10px;background:#f8f6e4;border-radius:50%;}
.radiobtn input[type="radio"]:checked + label:after{
position:absolute;content:"";
top:50%;left:-4px;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#f8b62d;}

input[type=submit],input[type=button],input[type=reset]{font-family:FontAwesome,"NotoSansCJKjp","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input[type=submit],input[type=button]{padding:20px 30px;margin:0;border:none;color:#ffffff;background:#f8b62d;font-size:18px;cursor:pointer;letter-spacing:0.1em;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
input[type=reset]{padding:20px 30px;margin:0;border:none;color:#ffffff;background:#f8b62d;font-size:18px;cursor:pointer;letter-spacing:0.1em;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

.btn_box{}
.btn_box input[type=submit],
.btn_box input[type=button]{width:48%;float:right;}
.btn_box input[type=reset]{width:48%;float:left;}

@media screen and (max-width:960px){
table.form_tbl{font-size:100%;}
}
@media screen and (max-width:640px){
table.form_tbl th{display:block;width:100% !important;}
table.form_tbl td{display:block;width:100%;margin:0 0 1em;}

input[type=submit],input[type=button],input[type=reset]{padding:15px;}

input[type=submit]:hover,input[type=button]:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.btn_box input[type=submit],
.btn_box input[type=button]{width:100%;float:none;}
.btn_box input[type=reset]{width:100%;float:none;margin:0 0 10px;}
}
@media screen and (max-width:380px){
input[type="text"].w200{width:150px !important;}
}




/* footer */
footer{width:100%;letter-spacing:0.2em;}
footer #f_area{padding:40px 30px;background:#f7f7f7;font-size:88%;}

footer #footer_l{width:320px;float:left;text-align:left;}
footer #footer_r{width:620px;float:right;text-align:right;}
footer #f_logo{margin:0 0 60px;line-height:0;}
footer #f_name{font-size:115%;margin:0 0 35px;}

footer #social_f{text-align:right;margin:0 0 40px;}
footer #social_f li{display:inline-block;font-size:18px;margin-left:15px;}
footer #social_f li:last-child{font-size:12px;}
footer #social_f li:last-child:before{content:"｜";}
footer #social_f li.twitter a{color:#90ccf0;}
footer #social_f li.instagram a{color:#dae000;}
footer #social_f li.facebook a{color:#f8b62d;}

footer #f_menu{margin:0 0 30px;}
footer #f_menu li{float:left;margin:0 21px 0 0;}
footer #f_menu li:nth-child(5){margin:0;float:right;}
footer #f_menu a{text-decoration:none;}
footer #f_menu a:hover{text-decoration:underline;}

footer #f_menu2{margin:0 0 0 147px;float:left;text-align:left;list-style:disc;font-size:85%;}
footer #f_menu2 li{}

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


footer #f_img{margin:0;}

footer #copy{font-size:75%;margin:0;padding:35px 5%;}

@media screen and (max-width:900px){
footer #footer_l{width:100%;float:none;text-align:center;}
footer #footer_r{width:100%;float:none;text-align:center;}
footer #f_logo{margin:0 0 30px;}
footer #f_name{margin:0 0 20px;}
	
footer #social_f{display:none;}
footer #f_menu{display:none;}
footer #f_menu2{display:none;}
footer #f_img{margin:20px 0 0;}	
}
@media screen and (max-width:640px){
footer #copy{padding:15px 5%;}
}


/* */
.inviewfadeIn{opacity:0;transition:1.0s ease-out;position:relative;}
.fadeIn{opacity:1.0;}


/* gotop */
#topcontrol{z-index:999;}
@media screen and (max-width:480px){
#topcontrol{width:40px;}
}



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

.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:115% !important;}
.tx_large{font-size:120% !important;}
.tx_xlarge{font-size:150% !important;}
.tx_xxlarge{font-size:200% !important;}
.tx_small{font-size:87% !important;}
.tx_midium{font-size:100% !important;}
.tx_xsmall{font-size:75% !important;}
.tx_xxsmall{font-size:60% !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;}
.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:#e21412 !important;}
.white{color:#ffffff !important;}
.black{color:#333333 !important;}
.orange{color:#f8b62b !important;}
.light_orange{color:#f6c661 !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;}

.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ここまで */
/* 汎用ここまで */