html { height:100%; min-height:100%; scroll-behavior: smooth; }
body { height:100%; min-height:100%; min-width:1024px; color:#333; }

td, th { color:#333; font-size:1em; }

p { margin-bottom:2em;}

a:link { color:#369; outline-style:none; }
a:visited { color:#369; }
a:hover { color:#e81; text-decoration:none; cursor:pointer; }

.white { color:#fff; }
.red { color:#f30; }
.green { color:#8b0; }
.orange { color:#e90; }
.blue { color:#3570af; }
.black { color:#333; }

.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }

.f_l { font-size:1.25em; }
.f_s { font-size:0.8em; }

.fl { float:left; }
.fr { float:right; }
.tc { text-align:center; }

img.fl, img.fr { margin-bottom:10px;}

.pc_no, .none { display:none; }
.sp_no {}

.r5 { border-radius:5px;}
.r10 { border-radius:10px;}
.shadow { box-shadow:0 2px 1px rgba(0,0,0,0.2);}


/*TEST用*/
div.test, body.test div.test_no, body.test span.test_no { display:none;}
body.test div.test { display:block; }



.contents { position:relative; width:960px; padding:0 20px; margin:0 auto; text-align:left; line-height:1.5; box-sizing:border-box; }

.sp_menu { display:none; }

/*--HEADER/--*/
.head { height:100px; background:url(../img/bg_head02_pc.png) no-repeat right top; position:relative; margin:0; padding:0;  }
.head.h_spring { background:url(../img/bg_head01_pc.png) no-repeat right top; }
.head.h_summer { background:url(../img/bg_head02_pc.png) no-repeat right top; }
.head.h_autumn { background:url(../img/bg_head03_pc.png) no-repeat right top; }
.head.h_winter { background:url(../img/bg_head04_pc.png) no-repeat right top; }
/** 季節ごとにヘッダ画像を変更する場合 01: 春, 02: 夏, 03: 秋, 04: 冬 */

.head img { display:block;}
.head .t_logo { display:block; width:480px; margin:0 5px; padding:0; }
.head .t_logo img { width:100%; height:auto; z-index:0; }
.head .h_season { display:none; margin:0; padding:0; }
.l_head { width:100%; height:4px; margin:0; padding:0; vertical-align:top; line-height:0; font-size:0; }
#top .head { margin:0 0 20px 0; }

.head .branch { position:absolute; left:390px; top:14px; margin:0; padding:0; list-style:none; letter-spacing:-.4em;}
.head .branch li { display:block; margin:0; padding:0; letter-spacing:normal;}
.head .branch li a { display:block; margin:0 0 2px 0; padding:1px 5px; letter-spacing:normal; text-align:left; border-radius:3px; }
.head .branch li a:hover { filter:alpha(opacity=70); opacity:0.7; }
.head .branch li a img { height:20px; }
.head .branch .hm_b01 a { background:#2a8c24; }
.head .branch .hm_b02 a { background:#ff3000; }
.head .branch .hm_b03 a { background:#63abd1; }


/*--HEADER MENU/--*/
.hm { display:block; position:relative; width:100%; margin:0; padding:0; background:#fff; z-index:100; white-space:nowrap; text-align:center; letter-spacing:-.4em; box-shadow:0 2px 3px rgba(0,0,0,0.2); }
.hm li { display:inline-block; list-style:none; padding:0; margin:0; letter-spacing:normal; vertical-align:top; border-left:1px solid #ddd; box-sizing:border-box; }
.hm li:last-child { border-right:1px solid #ddd; }
.hm li a { display:block; color:#fff; border:none; width:100px; height:30px; overflow:hidden; margin:0; padding:0; text-decoration:none; box-sizing:border-box; }
.hm li a img { width:auto; height:30px; margin:0 auto; }
.hm li:hover a { margin:1px 0 -1px 0}
.hm li.pc_no { display:none; }
#top .hm { display:none; }


/*--SIDE--*/
.side {display:inline-block; width:290px; vertical-align:top; }
.side .qr { width:100%; margin:0 0 30px 0;}

/*--SEARCH/--*/
.search_box { padding:0; display:block; vertical-align:middle; margin:0 0 20px 0; }
.search_box form { width:290px; height:40px; margin:0 auto; padding:0; position:relative; }
.search_box .search_form { position:absolute; top:0; left:0; display:block; width:280px; height:40px; margin:0; padding:0 10px; background:#fff; border:2px solid #3570af; font-size:1em; line-height:40px; border-radius:5px; vertical-align:middle; box-sizing:border-box; }
.search_box .search_btn { position:absolute; top:0; right:0; display:block; width:40px; height:40px; border:0; padding:0; background:#3570af; border-radius:0 5px 5px 0; box-sizing:border-box; }
.search_box .search_btn:hover { }

/*--What's New/--*/
.new_box { background:#eaffd9; padding:12px 12px 8px 12px; margin:0 0 20px 0; position:relative;}
.new_box::before { content:""; position:absolute; top:0; right:0; width:0; height:0; border-top:8px solid #fff; border-left:8px solid #c2d980; border-right:8px solid #fff; border-bottom:8px solid #c2d980; }
.new_box .title img { width:100%; margin:0 0 10px 0; }
.new_box dl { width:100%; margin:0 0 5px 0; }
.new_box dl dt { float:right; width:auto; text-align: right; font-size:11px; margin: 0 0 0 10px; padding:0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.new_box dl dd::before { content:url(../img/i_01.png); position:absolute; margin:1px 0 0 -14px; vertical-align:middle; }
.new_box dl dd { margin:0 0 0 10px; font-size:0.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/*
.new_box dl dt { float:left; width:90px; font-size:11px; padding:0 0 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.new_box dl dt::before { content:url(../img/i_01.png); position:absolute; margin:1px 0 0 -14px; vertical-align:middle; }
.new_box dl dd { margin:0 0 0 90px; font-size:0.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
*/

/*--INFO/--*/
.info_box { background:#ffeaea; padding:12px 12px 8px 12px; margin:0 0 20px 0; position:relative;}
.info_box::before { content:""; position:absolute; top:0; right:0; width:0; height:0; border-top:8px solid #fff; border-left:8px solid #ffc8c8; border-right:8px solid #fff; border-bottom:8px solid #ffc8c8; }
.info_box .title img { width:100%; margin:0 0 10px 0; }
.info_box dl { width:100%; margin:0 0 5px 0; }
.info_box dl dt { float:right; width:auto; text-align: right; font-size:11px; margin:0 0 0 10px; padding: 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.info_box dl dd::before { content:url(../img/i_02.png); position:absolute; margin:1px 0 0 -14px; vertical-align:middle; }
.info_box dl dd { margin:0 0 0 10px; font-size:0.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }

/*
.info_box dl dt { float:left; width:90px; font-size:11px; padding:0 0 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
.info_box dl dt::before { content:url(../img/i_02.png); position:absolute; margin:1px 0 0 -14px; vertical-align:middle; }
.info_box dl dd { margin:0 0 0 90px; font-size:0.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; }
*/

ul.b_box { text-align:center; margin:0; padding:10px 0; list-style:none; border-top:1px solid #ddd; letter-spacing:-.4em; }
ul.b_box li { letter-spacing:normal; display:inline-block; margin:0; padding:0; vertical-align:top; }
ul.b_box li a { display:inline-block; text-decoration:none; box-sizing:border-box; vertical-align:top; }
.b_nawab { width:140px; margin:0 10px 10px 0; }
.b_daisenb { width:140px; margin:0 0 10px 0; }
.b_tobyo { margin:0 0 10px 0; }
.b_jinzai { margin:0 10px 10px 0; }
.b_suishin { width:140px; margin:0 0 10px 0; }
.b_hondana { width:140px; margin:0 0 10px 0; }

#temp ul.b_box  { padding:10px 0 0 0; }
#temp ul.b_box a { margin:0 5px 10px 5px; }


/*--ARTICLE/--*/
.article { width:100%; max-width:840px; margin:0 auto 30px auto; padding:0 20px; position:relative; vertical-align:top; box-sizing:border-box; }
#top .article { display:inline-block; width:580px; padding:0; margin:0 0 0 40px; }

.tm { text-align:center; margin:-10px 0 30px 0; padding:0; list-style:none; letter-spacing:-.4em; }
.tm li { letter-spacing:normal; display:inline-block; width:180px; margin:0; padding:0; vertical-align:bottom; }
.tm li a { display:block; width:180px; padding:2px; margin:0; text-align:center; /*background:#fff; border:2px solid #eee;*/ box-sizing:border-box; }
.tm li a img { width:100%; }
.tm li a:hover { box-shadow:none; /*border:2px solid #fcfcfc; margin:2px 0 -2px 0;*/ }

/*--CALENDER/--*/
.calender_box { letter-spacing:-.4em; display:inline-block; width:420px; overflow:hidden; box-sizing:border-box; vertical-align:top; }
.calender_box .title { width:100%; max-width:400px; margin:0 0 10px 10px; }
.calender_box .title img{ width:100%; }
.calender { letter-spacing:normal; display:inline-block; width:45%; margin:0 2% 20px 2% ; }
.calender h4 { border-bottom:2px dotted #999; padding:0; margin:0 0 5px 0; font-size:0.8em; letter-spacing:1px; text-align:left; }
.calender h4 span { font-size:1.5em; }
.calender_box .calender:nth-of-type(1) { }
.calender_box .calender:nth-of-type(2) { }
.holiday { background:#ffc8c8; }
.sunday { color:#f66; }
.saturday { color:#3570af; }
.calender table { width:100%; border-collapse:collapse; margin:0 }
.calender table th, .calender table td { padding:1px; border:1px solid #fff; vertical-align:top; text-align:center; font-size:0.8em;}


/*工事に伴う本館臨時休館のお知らせ 20251104追記*/
.calender_box { letter-spacing:normal !important; }
.calender_box .title, 
.calender { display: none !important; }
.notice { font-size: 0.8rem; }

@media screen and (max-width: 768px) {
.notice { max-width:100% !important; text-align: left; padding:0.5rem; margin-bottom:1rem; }
}



/*--QR_CODE/--*/
.qr_box { display:inline-block; width:140px; margin:0; z-index:10; border-top:1px solid #ddd; }
.qr_box a { display:inline-block; border-bottom:1px solid #ddd; }
.qr_box img { width:100%;}

.notice { margin:0 15px 30px 15px; font-size:0.8em;}



/*--FOOT/--*/
.wrapper { min-height:calc(100vh - 51px); }
#temp .wrapper { /*min-height:calc(100vh - 115px); */}
.foot { position:relative; height:50px; margin:0; padding:0; text-align:center; font-size:0.8em; border-top:1px solid #ddd; z-index:0; box-sizing:border-box; }
.foot .address { float:left; padding:0 20px; line-height:50px; }
.foot .copyright { float:right; padding:0 20px; line-height:50px; }



#pagetop { width:50px; height:50px; z-index:200; position:fixed; right:0; bottom:0; display:block; background:#502000; margin:0; padding:0; box-sizing:border-box; }
#pagetop img { width:100% }
#pagetop:hover { filter:alpha(opacity=80); opacity:0.7; }


/*CONTACT FORM*/
form.form { margin:0; }
form p { margin:0.5em 0; padding:0; }
input.long { width:100% !important; max-width:400px !important; font-size:1.4em; line-height:1.5; border:1px solid #999; box-sizing:border-box; }
textarea.long { width:100% !important; padding:0.5em 1%; font-size:1.2em; line-height:1.5; margin:0; border:1px solid #ddd; box-sizing:border-box; }
input[type="submit"] { display:block; width:240px !important; text-align:center; padding:10px 10px 10px 20px; margin:0 auto; border:none; background:#6eaa53; color:#fff; font-size:1.4em; letter-spacing:10px; border-radius:5px; }
input[type="submit"]:hover {filter:alpha(opacity=80); opacity:0.7; cursor:pointer; }
.required { color:#d33; }
.error { color:#d33; }
select { font-size:1.2em; }



/*--TEMPLATE--*/
.text_box { padding:0; /*min-height:800px; */ height:100%; min-height:100%; background:none; position:relative; }
.text_box .contents { text-align:left; padding:0 30px 30px 30px; height:100%; line-height:1.8; z-index:0; }
.text_box td, .text_box th { }

.navibar { text-align:left; margin:0; padding:10px; }
.navibar ul { margin:0; padding:0; }
.navibar ul li { list-style-type:none; display:inline; width:auto; margin:0; padding:0; font-size:0.8em; line-height:1.5; }


.uc { color:#d33; text-align:center; margin:150px 0; }
hr { margin:1em 0; color:#ccc; border:0; height:1px; background:#ccc; }


/*-- INDEX --*/
.index_box { display:inline-block; vertical-align:top; width:30%; margin:0 1% 30px 1%; padding:10px 20px 20px 20px; /*min-height:150px;*/  text-decoration:none; background:#fff; border:2px solid #eee; border-radius:10px; box-sizing:border-box; }
.index_box .icon { float:left; max-width:240px; max-height:180px; margin:0 15px 0 0; min-width:40px; display:none; } 
.index_box .icon img { width:100%; height:auto }
.index_box .index_text { padding:0; overflow:hidden; }
.index_box .title { display:block; padding:10px 0; margin:0 0 10px 0; font-size:1em; line-height:1.5; text-decoration:underline; }
.index_box .title::before { }
.index_box .update { font-size:0.8em; color:#aaa; }
.index_box p { font-size:0.9em; margin:0 !important; padding:0; line-height:1.5; }
.index_box .waku_align { display:none; }


/*-- mceContentBody --*/
.mceContentBody { line-height:1.8; }
.mceContentBody img { height: auto; max-width: 100%;}
.mceContentBody .imgL { display:block; float:left; margin:0 10px 10px 0; }
.mceContentBody .imgR { display:block; float:right; margin:0 0 10px 10px; }
.mceContentBody td.add { text-align:center; color:#d33; font-size:1.2em; }

img.right, img[align=right] { float:right; margin:0 0 10px 20px; }
img.left, img[align=left] { float:left; margin:0 20px 10px 0; }


h1, .mceContentBody h1 { padding:5px 10px; margin:0 auto 30px auto; font-size:1.8em; line-height:1.5; background:#e90; color:#fff; box-sizing:border-box; }
h2, .mceContentBody h2 { padding:5px 10px; margin:0 auto 30px auto; font-size:1.6em; line-height:1.5; border:5px solid #e90; border-radius:10px; }
h3, .mceContentBody h3 { padding:0; margin:0 0 0.5em 0; font-size:1.4em; color:#e90; }
h4, .mceContentBody h4 { padding:0; margin:0 0 0.5em 0; font-size:1.2em; line-height:1.5; border-bottom:#e81 solid 2px; }
h5, .mceContentBody h5 { font-size:1.2em; margin-bottom:0.5em; }

h1 .comment, .mceContentBody h1 .comment { display:block; font-size:0.5em; font-weight:normal; }
h3.black { color:#333; }

.temp02 h1 { background:#dc0; }
.temp02 h2 { border:5px solid #dc0; }
.temp02 h3 { color:#dc0; }
.temp02 h4 { border-bottom:#dc0 solid 2px; }

.temp03 h1 { background:#8b0; }
.temp03 h2 { border:5px solid #8b0; }
.temp03 h3 { color:#8b0; }
.temp03 h4 { border-bottom:#8b0 solid 2px; }

/*.nawa h1 { background:#3570af; }
.nawa h2 { border:5px solid #3570af; }
.nawa h3 { color:#3570af; }
.nawa h4 { border-bottom:#3570af solid 2px; }
*/
.nawa h1 { background:#ff3000; }
.nawa h2 { border:5px solid #ff3000; }
.nawa h3 { color:#ff3000; }
.nawa h4 { border-bottom:#ff3000 solid 2px; }

/*.daisen h1 { background:#358b2d; }
.daisen h2 { border:5px solid #358b2d; }
.daisen h3 { color:#358b2d; }
.daisen h4 { border-bottom:#358b2d solid 2px; }
*/
.daisen h1 { background:#63abd1; }
.daisen h2 { border:5px solid #63abd1; }
.daisen h3 { color:#63abd1; }
.daisen h4 { border-bottom:#63abd1 solid 2px; }

/*---- 人材バンク ----*/
.field_box { margin:0; padding:0; list-style:none; letter-spacing:-.4em; }
.field_box li { letter-spacing:normal; display:inline-block; width:23%; margin:1%; }
.field_box li a { display:block; padding:10px; border-radius:10px; color:#fff; font-size:1.6em; text-align:center; letter-spacing:1px; font-weight:bold; text-decoration:none; }
.field_box li a:hover {filter:alpha(opacity=80); opacity:0.7;}
.field_box .b_f01 { background:#9c0;}
.field_box .b_f02 { background:#f60;}
.field_box .b_f03 { background:#36f;}
.field_box .b_f04 { background:#808;}
.field_box .b_f05 { background:#00f;}
.field_box .b_f06 { background:#080;}
.field_box .b_f07 { background:#669;}
.field_box .b_f08 { background:#396;}
.field_box .b_f09 { background:#930;}
.field_box .b_f10 { background:#f90;}


/*---- 画像回り込みセット ----*/
.box_l, .mceContentBody .box_l { width:100%; margin:0 0 20px 0; }
.box_l .photo, .mceContentBody .box_l .photo { float:left; max-width:50%; margin-right:20px; display:inline; position:relative; }
.box_l .photo img, .mceContentBody .box_l .photo img { margin:0; padding:0; width:100%; height:auto; vertical-align:bottom; }
.box_l .txt, .mceContentBody .box_l .txt { /*float:none; width:100%; padding:50px 0; display:inline-block; *zoom:1; */ }

.box_r, .mceContentBody .box_r { width:100%; margin:0 0 20px 0; }
.box_r .photo, .mceContentBody .box_r .photo { float:right; max-width:50%; margin-left:20px; display:inline; position:relative; }
.box_r .photo img, .mceContentBody .box_r .photo img { margin:0; padding:0; width:100%; height:auto; vertical-align:bottom; }
.box_r .txt, .mceContentBody .box_r .txt {/* float:none; width:100%; padding:50px 0; display:inline-block; *zoom:1; position:relative; }

.box_l .txt ul, .box_r .txt ul {/* display:inline; */ }


/*---- 画像回り込まないセット ----*/
.mceContentBody .box_l2 { width:100%; margin:0 0 20px 0; }
.mceContentBody .box_l2 .photo { float:left; margin-right:20px; max-width:40%; display:inline; }
.mceContentBody .box_l2 .photo img { width:100%; height:auto; margin:0; padding:0; }
.mceContentBody .box_l2 .txt { padding:0; overflow:auto; zoom:1; }

.mceContentBody .box_r2 { width:100%; margin:0 0 20px 0; }
.mceContentBody .box_r2 .photo { float:right; margin-left:20px; max-width:40%; display:inline; }
.mceContentBody .box_r2 .photo img { width:100%; height:auto; margin:0; padding:0; }
.mceContentBody .box_r2 .txt { padding:0; overflow:auto; zoom:1; }

.mceContentBody .box_l:after, .mceContentBody .box_r:after, .mceContentBody .box_l2:after, .mceContentBody .box_r2:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }


a.link, .mceContentBody a.link { overflow:hidden; margin:0 0 0.5em 0; }


/*---- YOUTUBE ----*/
.mceContentBody .youtube { display:inline-block; width:30%; margin:0 1% 20px 1%; vertical-align:top; }


/*---- 2列ボックス ----*/
.LR_box, .mceContentBody .LR_box { display:inline-block; vertical-align:top; width:49%; margin:0; padding:0 1% 1em 1%; box-sizing:border-box; }
.LCR_box, .mceContentBody .LCR_box { display:inline-block; vertical-align:top; width:32.5%; margin:0; padding:0 1% 1em 1% ; box-sizing:border-box; }

/*---- テーブルデザイン ----*/
.table00, .mceContentBody .table00 { width:100%; margin-bottom:20px; }
.table00 th, .mceContentBody .table00 th { padding:5px 8px; border:0; text-align:left; vertical-align:top; }
.table00 td, .mceContentBody .table00 td { padding:5px 8px; border:0; vertical-align:top; }

.table01, .mceContentBody .table01 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.table01 th, .table01 td, .mceContentBody .table01 th, .table01 td { padding:10px 15px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; vertical-align:top; }
.table01 thead tr, .mceContentBody .table01 thead tr { background:#ddefb1; }
.table01 thead th, .mceContentBody .table01 thead th { }
.table01 thead td, .mceContentBody .table01 thead td { font-weight:bold; }
.table01 tbody th, .mceContentBody .table01 tbody th { text-align:left; font-weight:normal; }
.table01 tbody td, .mceContentBody .table01 tbody td { }
.table01 td table, .mceContentBody .table01 td table { margin-bottom:0; }
.table01 td th, .table01 td td, .mceContentBody .table01 td th, .mceContentBody .table01 td td { padding:0 3px; border:0; }
.table01 td table, .mceContentBody .table01 td table { margin-bottom:5px; }

.table02, .mceContentBody .table02 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.table02 th, .table02 td, .mceContentBody .table02 th, .mceContentBody .table02 td { padding:10px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top; }
.table02 caption, .mceContentBody .table02 caption { padding:10px 15px; font-weight:bold; }
.table02 thead tr, .mceContentBody .table02 thead tr { background:#3570af; }
.table02 thead th, .mceContentBody .table02 thead th { color:#fff; border:1px solid #ddd; }
.table02 thead td, .mceContentBody .table02 thead td { font-weight:bold; color:#fff; border-right:1px solid #ddd; }
.table02 tbody th, .mceContentBody .table02 tbody th { text-align:left; background:#f6f6f6; font-weight:normal; }
.table02 tbody td, .mceContentBody .table02 tbody td { }

.table03, .mceContentBody .table03 { width:100%; margin-bottom:20px; border-collapse:collapse; border-top:5px solid #3570af; }
.table03 th, .table03 td, .mceContentBody .table03 th, .mceContentBody .table03 td { padding:10px 15px; border:1px solid #ddd; vertical-align:top; }
.table03 caption, .mceContentBody .table03 caption { padding:10px 15px; font-weight:bold; }
.table03 thead tr, .mceContentBody .table03 thead tr { background:#5590cf; }
.table03 thead th, .mceContentBody .table03 thead th { color:#fff; border:1px solid #ddd; }
.table03 thead td, .mceContentBody .table03 thead td { font-weight:bold; color:#fff; border:1px solid #ddd; }
.table03 tbody th, .mceContentBody .table03 tbody th { text-align:left; background:#f6f6f6; border:1px solid #ddd; font-weight:normal; }
.table03 tbody td, .mceContentBody .table03 tbody td { border:1px solid #ddd; }


.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.rowre { flex-flow: row-reverse wrap; }
.flex.jcfs { justify-content:flex-start; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex .fg1 { flex-grow: 1; }

.mb0 { margin-bottom:0; }
.mb8 { margin-bottom:0.5rem; }
.mb16 { margin-bottom:1rem; }
.mb24 { margin-bottom:1.5rem; }
.mb32 { margin-bottom:2rem; }

.mr0 { margin-right:0; }
.mr8 { margin-right:0.5rem; }
.mr16 { margin-right:1rem; }
.mr24 { margin-right:1.5rem; }
.mr32 { margin-right:2rem; }

.mt0 { margin-top:0; }
.mt8 { margin-top:0.5rem; }
.mt16 { margin-top:1rem; }
.mt24 { margin-top:1.5rem; }
.mt32 { margin-top:2rem; }

.ma { margin: auto; }

.w100 { width: 100%; margin-right:0 !important; margin-left:0 !important; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w48 { width: 48%; }
.w47 { width: 47%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w33 { width: 33.33%; }
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w22 { width: 22%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }


a.button { display: inline-block; background: #e90; color:#fff; padding:0.5rem 2rem 0.5rem 1rem; border-radius: 0.5rem; margin-bottom:0.5rem; text-decoration: none; box-sizing: border-box; position: relative; }
a.button::after { content: ""; position: absolute; right:0.75rem; top:calc(50% - 0.25rem); width: 0.5rem; height: 0.5rem; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); }

/*多言語対応*/
.lang_acco { max-width:20rem; border-radius:0.25rem; background: #fff; position: absolute; top:28px; z-index: 10000; border:1px solid rgba(0,0,0,0.15);  }
body.top .lang_acco { left:400px;  }
body.temp .lang_acco{ left:500px; }
.lang_acco summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0.5rem 1rem 0.5rem 0.5rem; color: #333; font-weight: 600; cursor: pointer; }
.lang_acco summary::-webkit-details-marker { display: none; }
.lang_acco summary::after { transform: translateY(-25%) rotate(45deg); width:0.5rem; height:0.5rem; margin-left: 0.5rem;border-bottom: 2px solid #333; border-right: 2px solid #333; content: ''; transition: transform .3s; }
.lang_acco[open] summary::after { transform: rotate(225deg); }
.lang_acco summary img { vertical-align: bottom; margin-right:0.25rem;  }
.lang_acco ul { transform: translateY(-10px); opacity: 0; margin: 0; padding: 0 1rem  0.5rem 0.75rem; color: #333; transition: transform .5s, opacity .5s; height:0; list-style: none; }
.lang_acco ul li { padding:0; }
.lang_acco ul li::marker { color:#e90; }
.lang_acco ul li a { display: block; padding: 0.25rem 0; text-decoration:none; position: relative; }
.lang_acco ul li a::before { content:"●"; display: inline-block; color: #e90; margin:-0.2rem 0.25rem 0 0; font-size:0.5rem; vertical-align: middle; }

.lang_acco[open] ul { transform: none; opacity: 1; height: auto; }

@media screen and (max-width:768px) {
body.top .lang_acco, body.temp .lang_acco { top:0.5rem;  left:250px; }
}
@media screen and (max-width:480px) {
body.top .lang_acco summary span, body.temp .lang_acco summary span  { display: none; }
}



@media screen and (max-width:768px) {
.resp100 { width:100%; }
.resp90 { width:90% !important; }
.resp80 { width:80% !important; }
.resp75 { width:75% !important; }
.resp70 { width:70% !important; }
.resp60 { width:60% !important; }
.resp50 { width:50% !important; }
.resp48 { width:48% !important; }
.resp47 { width:47% !important; }
.resp40 { width:40% !important; }
.resp30 { width:30% !important; }
.resp20 { width:20% !important; }
.resp10 { width:10% !important; }

.resp49 { width:49% !important; }
.resp32 { width:32% !important; }
.resp_no { display: none; }
.resp_ma { margin:auto !important; }

}

@media print {

html { background:none; height:auto; min-height:auto; }
body { background:none; margin:0; padding:0; }

/*▼ALL▼*/
.contents { width:99%; background:none; padding:0; margin:0; line-height:1.8; }

.head { background:none; height:0; padding:0; margin:0; display:none; }
.skippr { background:none; height:0; padding:0; margin:0; display:none; }
.side { background:none; height:0; padding:0; margin:0; display:none; }
.article, .temp .article { float:none; width:100%; top:0; }


h1 { background:none; color:#333; border-bottom:5px solid #ccc; }
.text_box { padding:0; box-shadow:none; }

.index_title { padding:5px 0 5px 0; background:none; }

.table01 { border:2px solid #ccc; border-collapse:collapse; margin-bottom:20px; }
.table01 th, .table01 td { border:2px solid #ccc; }

.sns { display:none; }

.b_box, .fm { display:none; }

}