@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
	
.pc { display: block !important }
.sp { display: none !important }
.h_menu, #sp_global_nav { display: none; }	
	
/* 下層共通
-------------------------------------*/
.h2-Box { background-image: url(../images/news/h2.jpg); background-position: center 0; background-repeat: no-repeat; height: 390px; padding-top: 60px; }

.h2-Box .h2-txt { height: 181px;
	color: #090909;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 5px;
	padding: 325px 2.2em 0 2.2em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }


.side-contact-link li:before { content: "＞"; margin-right: .5em; font-size: 12px; }

#two-column { margin-top: 32px; width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 120px; }

#side-column { width: 240px; }

#main-column { width: 730px; margin-top: 28px; }

.seo_bread_list a span { color: #000000; text-decoration: underline; }

.seo_bread_list li { float: left; margin-right: 5px; margin-bottom: 30px; font-size: 14px; }

.seo_bread_list li span { padding-right: 5px; }

.seo_bread_list li:after { content: "＞"; font-size: 12px; }

.seo_bread_list li:last-child:after { content: none; }

.seo_bread_list li:last-child:after { content: none; }

.side-case-ttl { border: 1px solid #cfcdb0; background-image:url(../images/common/side-bg-01.jpg), url(../images/common/side-bg-02.jpg); background-repeat:no-repeat,repeat; background-position: right 0, 0 top, 0 0; position: relative; padding: 118px 16px 20px 16px; margin-bottom: 20px; }

.side-case-ads-ttl { position: absolute; top: 18px; left: 57px;}

.side-company-Box { border: 1px solid #dddddd; padding: 20px; line-height: 1.6; font-size: 13px; background-image: url(../images/bg-common/c-bg-02.jpg); }

.side-company-ttl { color: #221815; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 12px; }

.c-ttl { color: #ffffff; font-size: 20px; font-weight: 700; line-height: 20px; background-image: url(../images/index/ttl-bg.jpg); padding-top: 14px; padding-bottom: 14px; padding-left: 30px; letter-spacing: 2px; margin-bottom: 30px; }

.wysiwyg { line-height: 2; letter-spacing: 1.5px; }

.txt-free{ font-size: 14px; font-weight: bold; line-height: 1.8; clear: both;}
.txt-free a{ text-decoration: underline;}


/* contents-pager
-------------------------------------*/
.contents-pager { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }

.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.contents-pager ul li { padding-right: 1.5em; }

/*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
.top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }

.bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }

/* 全頁共通
-------------------------------------*/
.fix-link { position: fixed; right: 0px; top: 128px; z-index: 300; }
.fix-link .fix-01 { background-image: url(../images/common/fix-nav-01-bg.png); }
.fix-link .fix-02 { background-image: url(../images/common/fix-nav-02-bg.png); position: relative; top: -20px; }

header { position: relative; z-index: 100; }

.h-bg-top { background-image: url(../images/bg-common/h-bg.jpg); height: 40px; position: relative; }

.h-bg-top .Box { padding-top: 12px; width: 1040px; padding-bottom: 3px; margin-left: auto; margin-right: auto; position: relative; background-image: url(../images/bg-common/c-bg-02.jpg); border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.h-bg-top .Box .h-deco-l { position: absolute; top: -1px; left: -100px; }

.h-bg-top .Box .h-deco-r { position: absolute; top: -1px; right: -100px; }

.h-bg-top .Box .logo-Box { margin-right: 32px; margin-left: 20px; }

.h-bg-top .Box .address-Box { color: #181919; font-size: 12px; font-weight: 400; width: 220px; line-height: 1.6; padding-bottom: 6px; }

.h-bg-top .Box .Box-l { width: 475px; }

.h-bg-top .Box .Box-r { width: 530px; }

.h-bg-top .Box .Box-r .h1-ttl { color: #707070; font-size: 12px; margin-bottom: 12px; }

.h-bg-top .Box .Box-r .first-contact-list { margin-left: auto; }

.h-bg-top .Box .Box-r .h-tel { padding-bottom: 11px; margin-right: 24px; margin-left: auto; }

.h-bg-top .Box .Box-r .h-mail { padding-top: 7px; }


.cnt-fotter-bunner{
	margin: 70px 0 0 0;
	position: relative;
	padding: 63px 17px 17px 17px;
	 background-image: url(../images/common/footer-tel-bg.jpg);
	 background-repeat:repeat;
	 background-position: center top;
	 border:1px solid #dddddd;
}

.cnt-footer-bunner-wapper{
	padding: 13px 13px 13px 13px;
	 background-color: #fff;
}


.cnt-footer-bunner-innner{
	 background-image: url(../images/common/footer-tel-bg02.jpg);
	 background-repeat:repeat;
	 background-position: center top;
	 border:1px solid #dddddd;
	padding: 20px 0px 35px 0;
}

.cnt-footer-bunner-innner .txt{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
}

.cnt-fotter-bunner .ttl{
	position: absolute;
	top:-45px;
	left:160px;
}

.cnt-fotter-bunner .tel{
	padding: 25px 10px 0 20px;
}

.cnt-fotter-bunner .mail{
	position: absolute;
bottom: 45px;
right: 45px;
}



.footer-bg { background-image: url(../images/common/f-bg.jpg); background-repeat: no-repeat; background-position: center top; min-height: 430px; }

footer { margin-bottom: 20px; padding-top: 40px;}
footer .Box { width: 990px; margin-left: auto; margin-right: auto;  position: relative;}
footer .f-link-Box { width: 595px; }
footer .home-txt { margin-bottom: 40px; }
footer .home-txt a { color: #fff; }
footer .home-txt:before { content: "■"; margin-right: .5em; color: #fff; }
footer .f-link li { color: #fff; margin-bottom: 12px; }
footer .f-link li a { color: #fff; }
footer .f-link li:before { content: "＞"; color: #fff; margin-right: .5em; font-size: 12px; }
footer .f-contact { width: 340px; background-image: url(../images/common/f-deco.png), url(../images/common/f-company-bg.jpg); background-repeat: no-repeat,repeat; background-position: 2px 2px,0 0; padding: 25px; line-height: 1.5; }
footer .f-logo { text-align: center; margin-bottom: 24px; }
footer .f-company-name { color: #221815; font-size: 16px; font-weight: 700; margin-bottom: 10px; }
footer .f-contact-link li:before { content: "＞"; margin-right: .5em; font-size: 12px; }

.copyright { display: block; width: 1000px; text-align: right; margin-left: auto; margin-right: auto; }

.footer-fb{
	position: absolute;
	bottom:15px;
	right:20px;
}

/* g-nav-Box
-------------------------------------*/
.g-nav-Box { background-image: url(../images/common/g-nav-bg.jpg); background-repeat: repeat-x; }

.g-nav-Box li { background-color: #000; }

}


/*SP用*/
@media screen and (max-width:640px) {
	
.pc { display: none !important }
.sp { display: block !important }
img { max-width: 100%; height: auto; width: auto; }
body { min-width: auto !important; overflow: inherit !important; }
.sp_tac { text-align: center !important; }
.sp_tar { text-align: right !important; }
.sp_mb15 { margin-bottom: 15px !important; }
.sp_mb20 { margin-bottom: 20px !important; }
div, p, dd, dl, dt, th, td, span, li { box-sizing: border-box; }
	
p.h_mail { position: absolute; top: 15px; right: 94px; width: 35px; z-index: 99996; }
p.h_tel { position: absolute; top: 15px; right: 52px; width: 35px; z-index: 99997; }
p.h_menu { position: fixed; top: 15px; right: 10px; width: 35px; z-index: 99998; }
nav#sp_global_nav { z-index: 99999; position: fixed; top: 0; width: 100vw; height: 100vh; display: none; background: #322417; overflow: scroll; padding: 7.81% 7.81% 19.37% 7.81%; box-sizing: border-box; }
nav#sp_global_nav .list { }
nav#sp_global_nav .list li { border-bottom: 1px solid #fff; margin-left: 1.5em; text-indent: -1.5em; line-height: 1.2; }
nav#sp_global_nav .list li a { color: #fff; font-size: 14px; text-decoration: none; padding: 10px 0; display: block; }
nav#sp_global_nav .list li a:before { content: ">"; padding-right: 10px; }
nav#sp_global_nav .top { text-align: right; }
nav#sp_global_nav .top .closebtn { display: inline-block; background: #D08200; color: #fff; font-size: 24px; padding: 5px; margin-bottom: 5px; }
nav#sp_global_nav .bottom { text-align: center; background: #D08200; font-size: 16px; padding: 10px; margin-bottom: 10px; }

nav#sp_global_nav .sns { margin: 20px; }
nav#sp_global_nav .sns li { margin-right: 20px; }

	
/* 下層共通
-------------------------------------*/
.h2-Box { display: none;}

.h2-Box .h2-txt { display: none; }


.side-contact-link li:before { content: "＞"; margin-right: .5em; font-size: 12px; }

#two-column { margin-top: 20px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 40px; }

#side-column { display: none; }

#main-column { width: 100%; margin: 0 3vw; }

.seo_bread_list a span { color: #000000; text-decoration: underline; }

.seo_bread_list li { float: left; margin-right: 5px; margin-bottom: 20px; font-size: 14px; }

.seo_bread_list li span { padding-right: 5px; }

.seo_bread_list li:after { content: "＞"; font-size: 12px; }

.seo_bread_list li:last-child:after { content: none; }

.seo_bread_list li:last-child:after { content: none; }

.side-case-ttl { border: 1px solid #cfcdb0; background-image:url(../images/common/side-bg-01.jpg), url(../images/common/side-bg-02.jpg); background-repeat:no-repeat,repeat; background-position: right 0, 0 top, 0 0; position: relative; padding: 118px 16px 20px 16px; margin-bottom: 20px; }

.side-case-ads-ttl { position: absolute; top: 18px; left: 57px;}

.side-company-Box { border: 1px solid #dddddd; padding: 20px; line-height: 1.6; font-size: 13px; background-image: url(../images/bg-common/c-bg-02.jpg); }

.side-company-ttl { color: #221815; font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom: 12px; }

.c-ttl { color: #ffffff; font-size: 20px; font-weight: 700; line-height: 20px; background-image: url(../images/index/ttl-bg.jpg); padding-top: 14px; padding-bottom: 14px; padding-left: 30px; letter-spacing: 2px; margin-bottom: 20px; }

.wysiwyg { line-height: 2; letter-spacing: 1.5px; }

.txt-free{ font-size: 14px; font-weight: bold; line-height: 1.8; clear: both;}
.txt-free a{ text-decoration: underline;}


/* contents-pager
-------------------------------------*/
.contents-pager { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; }

.contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.contents-pager ul li { padding-right: 1.5em; }

.contents-pager .list-Back img { height: 27px;}

/*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
.top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }

.bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }

/* 全頁共通
-------------------------------------*/
.fix-link { display: none; }

header { position: relative; z-index: 100; }

.h-bg-top { position: relative; }

.h-bg-top .Box { width: 100%; padding: 10px 3vw 10px; position: relative; background-image: url(../images/bg-common/c-bg-02.jpg); border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

.h-bg-top .Box .h-deco-l { display: none; }

.h-bg-top .Box .h-deco-r { display: none; }

.h-bg-top .Box .address-Box { display: none; }

.h-bg-top .Box .Box-r { display: none; }

.h-bg-top .Box .logo-Box { width: 80%;}

.cnt-fotter-bunner{
	margin: 60px 0 0 0;
	position: relative;
	padding: 50px 15px 20px;
	 background-image: url(../images/common/footer-tel-bg.jpg);
	 background-repeat:repeat;
	 background-position: center top;
	 border:1px solid #dddddd;
}

.cnt-footer-bunner-wapper{
	padding: 10px;
	 background-color: #fff;
}


.cnt-footer-bunner-innner{
	 background-image: url(../images/common/footer-tel-bg02.jpg);
	 background-repeat:repeat;
	 background-position: center top;
	 border:1px solid #dddddd;
	padding: 20px 15px;
}

.cnt-footer-bunner-innner .txt{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	margin-bottom: 20px;
}

.cnt-fotter-bunner .ttl{
	position: absolute;
	top:-20px;
	left:0;
	right: 0;
	margin: auto;
	width: 70%;
}

.cnt-fotter-bunner .tel{
	text-align: center;
	margin-bottom: 20px;
}

.cnt-fotter-bunner .mail{
	text-align: center;
}



.footer-bg { background: #362719; padding-top: 30px; padding-bottom: 70px; }

footer > .ten-ce { display: block;}	
footer .Box { width: 100%; padding: 0 3vw 40px; position: relative;}
footer .f-link-Box { width: 100%; margin-bottom: 30px; }
footer .f-link-Box .ten { display: block; }
footer .home-txt { margin-bottom: 10px; line-height: 1.6; margin-left: 1.5em; text-indent: -1.5em; }
footer .home-txt a { color: #fff; }
footer .home-txt:before { content: "■"; margin-right: .5em; color: #fff; }
footer .f-link { margin: 0 0 30px 20px; }
footer .f-link .mr50 { margin-right: 0; }
footer .f-link li { color: #fff; }
footer .f-link li a { color: #fff; display: inline-block; width: 90%; padding: 15px 0; }
footer .f-link li:before { content: "＞"; color: #fff; margin-right: .5em; font-size: 12px; }
footer .f-contact { width: 100%; background-image: url(../images/common/f-deco.png), url(../images/common/f-company-bg.jpg); background-repeat: repeat-x,repeat; background-position: top center; background-size: auto, cover; padding: 25px; line-height: 1.5; }
footer .f-logo { text-align: center; margin-bottom: 24px; }
footer .f-company-name { color: #221815; font-size: 16px; font-weight: 700; margin-bottom: 10px; }
footer .f-contact-link li:before { content: "＞"; margin-right: .5em; font-size: 12px; }

.copyright { display: block; width: 100%; text-align: center; padding: 10px 3vw; background: #fff; }

.footer-fb{
	position: absolute;
	bottom:50px;
	right:40px;
}

#footer-fix { position: fixed; display: -webkit-flex; display: flex;-webkit-justify-content: space-between; justify-content: space-between; bottom: 0; width: 100%; height: 70px; background: #935e21; padding: 10px 0; z-index: 99995; }
#footer-fix .tel { -webkit-flex-basis: 75%; flex-basis: 75%; }
#footer-fix .mail {-webkit-flex-basis: 25%; flex-basis: 25%; text-align: center; border-left: 1px solid #fff; }
#footer-fix a { color: #fff; display: block; }
#footer-fix p { margin-bottom: 5px; font-size: 18px; text-align: center; letter-spacing: 0.1em; }
#footer-fix img { width: 45px; height: auto; }
#footer-fix .nomber { font-size: 22px; font-weight: bold; margin: 10px 0 0; }
/*#footer-fix .nomber:before { content: url(../images/index/box6_tel-icon.jpg); margin-right: .3em; padding-left: 5px; }*/
	
#pagetop { padding-right: 10px; text-align: right; }
#pagetop img { width: 35px; height: 35px; }	


/* g-nav-Box
-------------------------------------*/
.g-nav-Box { display: none; }

}



/* Ten
-------------------------------------*/
.tac { text-align: center; }

.mr { margin-right: auto; }

.ml { margin-left: auto; }

img { vertical-align: bottom; }

a { text-decoration: none; color: #090909; }

a:hover { text-decoration: underline; }

.nobd a:hover { text-decoration: none !important; }

a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }

.noop a img:hover { -ms-filter: "alpha( opacity=100 )" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; }

.sis-pic { text-align: center; }

.sis-pic img { max-width: 100% !important; height: auto !important; }

.ten { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

.ori { -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ten-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.ten-txt-ce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ten-mce { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.ten-u { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }

.order { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }

.ten-t { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }

.ten-ue { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; }

.ten-o { -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1; }

.ten-rt { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; }

/* Antialiasing ※任意　*/
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; }

/* WEB FONTs 游ゴシックかすれ予防*/
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
.f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.f-min_02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

body { overflow-x: hidden; -webkit-text-size-adjust: 100%; font-size: 14px; }

img { vertical-align: bottom; }

a { text-decoration: none; color: #090909; }

a:hover { text-decoration: underline; }

.nobd a:hover { text-decoration: none !important; }

/*-----float-----*/
.fl_l { float: left; }

.fl_r { float: right; }

.cl_both { clear: both; }

/*-----font-----*/
.fw_b { font-weight: bold; }

.ta_r { text-align: right; }

.ta_c { text-align: center; }

.ta_l { text-align: left; }

/* IE10以上 不要なら削除 */
@media all and (-ms-high-contrast: none) { body { font-family: Verdana, Meiryo, sans-serif; } }
/* Margin-Top & Padding-Top */
.mt00 { margin-top: 0px; }

.pt00 { padding-top: 0px; }

.mt05 { margin-top: 5px; }

.pt05 { padding-top: 5px; }

.mt10 { margin-top: 10px; }

.pt10 { padding-top: 10px; }

.mt15 { margin-top: 15px; }

.pt15 { padding-top: 15px; }

.mt20 { margin-top: 20px; }

.pt20 { padding-top: 20px; }

.mt25 { margin-top: 25px; }

.pt25 { padding-top: 25px; }

.mt30 { margin-top: 30px; }

.pt30 { padding-top: 30px; }

.mt35 { margin-top: 35px; }

.pt35 { padding-top: 35px; }

.mt40 { margin-top: 40px; }

.pt40 { padding-top: 40px; }

.mt45 { margin-top: 45px; }

.pt45 { padding-top: 45px; }

.mt50 { margin-top: 50px; }

.pt50 { padding-top: 50px; }

.mt55 { margin-top: 55px; }

.pt55 { padding-top: 55px; }

.mt60 { margin-top: 60px; }

.pt60 { padding-top: 60px; }

.mt65 { margin-top: 65px; }

.pt65 { padding-top: 65px; }

.mt70 { margin-top: 70px; }

.pt70 { padding-top: 70px; }

.mt75 { margin-top: 75px; }

.pt75 { padding-top: 75px; }

.mt80 { margin-top: 80px; }

.pt80 { padding-top: 80px; }

.mt85 { margin-top: 85px; }

.pt85 { padding-top: 85px; }

.mt90 { margin-top: 90px; }

.pt90 { padding-top: 90px; }

.mt95 { margin-top: 95px; }

.pt95 { padding-top: 95px; }

.mt100 { margin-top: 100px; }

.pt100 { padding-top: 100px; }

/* Margin-Right & Padding-Right */
.mr00 { margin-right: 0px; }

.pr00 { padding-right: 0px; }

.mr05 { margin-right: 5px; }

.pr05 { padding-right: 5px; }

.mr10 { margin-right: 10px; }

.pr10 { padding-right: 10px; }

.mr15 { margin-right: 15px; }

.pr15 { padding-right: 15px; }

.mr20 { margin-right: 20px; }

.pr20 { padding-right: 20px; }

.mr25 { margin-right: 25px; }

.pr25 { padding-right: 25px; }

.mr30 { margin-right: 30px; }

.pr30 { padding-right: 30px; }

.mr35 { margin-right: 35px; }

.pr35 { padding-right: 35px; }

.mr40 { margin-right: 40px; }

.pr40 { padding-right: 40px; }

.mr45 { margin-right: 45px; }

.pr45 { padding-right: 45px; }

.mr50 { margin-right: 50px; }

.pr50 { padding-right: 50px; }

.mr55 { margin-right: 55px; }

.pr55 { padding-right: 55px; }

.mr60 { margin-right: 60px; }

.pr60 { padding-right: 60px; }

.mr65 { margin-right: 65px; }

.pr65 { padding-right: 65px; }

.mr70 { margin-right: 70px; }

.pr70 { padding-right: 70px; }

.mr75 { margin-right: 75px; }

.pr75 { padding-right: 75px; }

.mr80 { margin-right: 80px; }

.pr80 { padding-right: 80px; }

.mr85 { margin-right: 85px; }

.pr85 { padding-right: 85px; }

.mr90 { margin-right: 90px; }

.pr90 { padding-right: 90px; }

.mr95 { margin-right: 95px; }

.pr95 { padding-right: 95px; }

.mr100 { margin-right: 100px; }

.pr100 { padding-right: 100px; }

/* Margin-Bottom & Padding-Bottom */
.mb00 { margin-bottom: 0px; }

.pb00 { padding-bottom: 0px; }

.mb05 { margin-bottom: 5px; }

.pb05 { padding-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.pb10 { padding-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.pb15 { padding-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.pb20 { padding-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.pb25 { padding-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.pb30 { padding-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.pb35 { padding-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.pb40 { padding-bottom: 40px; }

.mb45 { margin-bottom: 45px; }

.pb45 { padding-bottom: 45px; }

.mb50 { margin-bottom: 50px; }

.pb50 { padding-bottom: 50px; }

.mb55 { margin-bottom: 55px; }

.pb55 { padding-bottom: 55px; }

.mb60 { margin-bottom: 60px; }

.pb60 { padding-bottom: 60px; }

.mb65 { margin-bottom: 65px; }

.pb65 { padding-bottom: 65px; }

.mb70 { margin-bottom: 70px; }

.pb70 { padding-bottom: 70px; }

.mb75 { margin-bottom: 75px; }

.pb75 { padding-bottom: 75px; }

.mb80 { margin-bottom: 80px; }

.pb80 { padding-bottom: 80px; }

.mb85 { margin-bottom: 85px; }

.pb85 { padding-bottom: 85px; }

.mb90 { margin-bottom: 90px; }

.pb90 { padding-bottom: 90px; }

.mb95 { margin-bottom: 95px; }

.pb95 { padding-bottom: 95px; }

.mb100 { margin-bottom: 100px; }

.pb100 { padding-bottom: 100px; }

/* Margin-Left & Padding-Left */
.ml00 { margin-left: 0px; }

.pl00 { padding-left: 0px; }

.ml05 { margin-left: 5px; }

.pl05 { padding-left: 5px; }

.ml10 { margin-left: 10px; }

.pl10 { padding-left: 10px; }

.ml15 { margin-left: 15px; }

.pl15 { padding-left: 15px; }

.ml20 { margin-left: 20px; }

.pl20 { padding-left: 20px; }

.ml25 { margin-left: 25px; }

.pl25 { padding-left: 25px; }

.ml30 { margin-left: 30px; }

.pl30 { padding-left: 30px; }

.ml35 { margin-left: 35px; }

.pl35 { padding-left: 35px; }

.ml40 { margin-left: 40px; }

.pl40 { padding-left: 40px; }

.ml45 { margin-left: 45px; }

.pl45 { padding-left: 45px; }

.ml50 { margin-left: 50px; }

.pl50 { padding-left: 50px; }

.ml55 { margin-left: 55px; }

.pl55 { padding-left: 55px; }

.ml60 { margin-left: 60px; }

.pl60 { padding-left: 60px; }

.ml65 { margin-left: 65px; }

.pl65 { padding-left: 65px; }

.ml70 { margin-left: 70px; }

.pl70 { padding-left: 70px; }

.ml75 { margin-left: 75px; }

.pl75 { padding-left: 75px; }

.ml80 { margin-left: 80px; }

.pl80 { padding-left: 80px; }

.ml85 { margin-left: 85px; }

.pl85 { padding-left: 85px; }

.ml90 { margin-left: 90px; }

.pl90 { padding-left: 90px; }

.ml95 { margin-left: 95px; }

.pl95 { padding-left: 95px; }

.ml100 { margin-left: 100px; }

.pl100 { padding-left: 100px; }

.w250{
	width: 250px;
}

/* clearfix */
.clearfix { zoom: 1; }

.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }

/* Margin-Center */
.ma-ce { margin-right: auto; margin-left: auto; }

/* TextAlign */
.al { text-align: left; }

.ar { text-align: right; }

.ac { text-align: center; }

/* Float */
.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

/* position */
.poa { position: absolute; }

.rel { position: relative; }

/* wysiwyg */
.wysiwyg strong { font-weight: bolder; }

.wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }

.wysiwyg img { max-width: 100% !important; height: auto !important; }

.wysiwyg h1 { font-size: 2em; margin: 0.67em 0; }

.wysiwyg h2 { font-size: 1.5em; margin: 0.75em 0; }

.wysiwyg h3 { font-size: 1.17em; margin: 0.83em 0; }

.wysiwyg h4 { margin: 1.12em 0; }

.wysiwyg h5 { font-size: .83em; margin: 1.5em 0; }

.wysiwyg h6 { font-size: .75em; margin: 1.67em 0; }

.wysiwyg { word-wrap: break-word; }

/* img_block */
.img-b img { display: block; }

/* ※なので、2行目の1文字目を空ける時 */
.indent { padding-left: 1em; text-indent: -1em; }

.indent-list li { padding-left: 1em; text-indent: -1em; }

/*----------------------------------------
　　よく使うcss用　サンプル
----------------------------------------*/
/* アンカーリンク調整 */
.hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -9999px; margin-top: -10px; padding-bottom: 10px; }

/* スクロール縦 */
.scroll_y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }

/* 背景2つ　1番目が前 2番目が後ろ */
.w-bg { background: url(../images/web/bg_01.png) 445px 20px no-repeat, url(../images/web/ptn_01.jpg) left top repeat; }

/* リンク透明 */
a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }

/* リンク透明にしない */
.noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }

/*----------------------------------------
　　外部サービス
----------------------------------------*/
/* ggmap */
/* <div class="ggmap">iframeのコピーしたコード</div> */
.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }

.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/*----------------------------------------
　　webフォント（サーバー置き）　
----------------------------------------*/
@font-face { font-family: 'jp_sttl01';
  /* お好きな名前にしましょう */
src: url("../font/.eot");
  /* IE9以上用 */
src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
  /* iOS, Android用 */
  /* 念の為指定しておきます */
font-weight: normal;
  /* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
.myWebFontClass { font-family: 'jp_sttl01'; }