@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:400;font-family:'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*▼エリア・背景設定▼*/
body{ min-width:1640px;}
#body-top{ overflow:hidden;}


/*▼ヘッダー▼*/
#header{width:1100px;margin:auto; overflow:hidden;}
#header .left{ display:inline-block; float:left; text-align:center;}
#header .left .htel{}
#header .left .htel a{ background:url(../images/common/ico-tel.png) left 20px top 15px no-repeat #7c301b; padding:15px 30px 20px 60px; color:#FFF; text-decoration:none; font-size:36px; display:block;border-radius:25px; margin:5px 0px;font-family: "Zen Maru Gothic", sans-serif; font-weight:bold;}

#header .right{ display:inline-block; float:right; text-align:center; margin-top:25px;}
#header .right .hmail a{background:url(../images/common/ico-mail.png) left 20px top 48% no-repeat,linear-gradient(115deg, rgba(111, 55, 40, 1) 0%, rgba(132, 82, 70, 1) 100%); display:block; color:#FFF; padding:15px 20px 15px 70px; text-decoration:none;border-radius:25px; }
#header .right .hmail span { display:block;font-family: "Zen Maru Gothic", sans-serif; font-weight:bold;}
#header .right .hmail span.s-01{ font-size:24px; font-weight:bold;}


#gnavi{ overflow:hidden; text-align:center; position:relative; width:1100px; margin:auto; padding-bottom:80px; margin-top:-40px;}
#gnavi ul.ul-01{ display:inline-block; text-align:center; float:left; margin-top:60px; vertical-align:top;}
#gnavi ul.ul-01:nth-of-type(2){ float:right; vertical-align:top;}
#gnavi ul.ul-01 li { display:inline-block; font-size:20px; font-weight:600; text-align:center; padding:0 30px 0 30px; position:relative;}
#gnavi ul.ul-01:first-child li {padding:0 20px 0 20px;}
#gnavi ul.ul-01 li a{ color:#333333; text-decoration:none; position:relative; display:block; padding:0 5px 20px; overflow:initial;}
#gnavi ul.ul-01 li a:hover{ opacity:1; transition:0.3s;}
#gnavi ul.ul-01 li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:0px;width:100%;height:4px;background:#7c301b;transform:scale(0, 1);transition:0.3s; z-index:-1;}
#gnavi ul.ul-01 li a:hover:after{ transform:scale(1);}
#gnavi #hlogo{ position: absolute; left: 0; right: 0; margin: auto; top: 1px; }


.box{ width:1100px; margin:auto; padding:70px 0px;}

.h2-01{ text-align:center;font-size:40px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; line-height:1.5em; margin-bottom:50px;}
.h2-01 span{ font-size:20px; line-height:1px; }


.h2-02{ background:#ffc40e; display:inline-block; padding:15px 100px; color:#7c301b; margin-bottom:50px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px;border-radius:15px;}
.h2-04{ background:#00579e; display:inline-block; padding:15px 100px; color:#fff; margin-bottom:50px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px;border-radius:15px;}
.h2-05{ background:#88b73c; display:inline-block; padding:15px 100px; color:#fff; margin-bottom:50px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px;border-radius:15px;}
.h2-06{ background:#fff; display:inline-block; padding:15px 100px; color:#7c301b; margin-bottom:50px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px;border-radius:15px;}
.h2-07{ background:#7c301b; display:inline-block; padding:15px 100px; color:#fff; margin-bottom:50px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px;border-radius:15px;}

.h2-03{ text-align:center;font-size:40px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; line-height:1.5em; margin-bottom:50px; color:#e60012;}

.center{ text-align:center;}
.more-bk{ text-align:center;}
.more a{ background:#7c301b; padding:10px 30px; display:inline-block; text-decoration:none; color:#FFF;border-radius:25px;}
.more img{ position:relative; bottom:5px; margin-left:20px;}


#box-map{ position:relative; min-height:300px; padding-top:120px;}

#box-map img.img-01{ position:absolute; left: 120px; top:0; z-index:2;}
#box-map img.img-02{ position:absolute; left: 260px; top:5px; z-index:2;}
#box-map img.img-03{ position:absolute; right: 120px; top:-60px; z-index:2;}
#box-map .googlemap{height: 0;overflow: hidden;padding-bottom: 26.25%;position: relative; z-index:1;}
#box-map .googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}


#box-contact{ padding-bottom:0px;}
#box-contact .area-01{ overflow:hidden; text-align:center; }
#box-contact .area-01 .left{ display:inline-block;margin-right:100px;}
#box-contact .area-01 .left a{ background:url(../images/common/ashirai7.png); width:357px; height:288px; float:left; display: table; text-decoration:none;}
#box-contact .area-01 .left .sub{ display:table-cell; vertical-align:middle; text-align:center;}
#box-contact .area-01 .left .sub .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; margin-bottom:5px;}
#box-contact .area-01 .left .sub .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:40px; margin-bottom:5px;}
#box-contact .area-01 .left .sub .p-02 img{ margin-right:10px; position:relative; bottom:13px;}
#box-contact .area-01 .left .sub .p-03{}


#box-contact .area-01 .right{ display:inline-block;}
#box-contact .area-01 .right a{ background: url(../images/common/ashirai.png); width:409px; height:270px; float:right; display: table; text-decoration:none;}
#box-contact .area-01 .right .sub{ display:table-cell; vertical-align:middle; text-align:center;}
#box-contact .area-01 .right .sub .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; margin-bottom:5px;}
#box-contact .area-01 .right .sub .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:35px; margin-bottom:5px;}
#box-contact .area-01 .right .sub .p-02 img{ margin-right:10px; position:relative; bottom:13px;}
#box-contact .area-01 .right .sub .p-03{}


#box-contact2{ padding-bottom:0px;}
#box-contact2 .area-01{ overflow:hidden; text-align:center; margin-bottom:70px;}
#box-contact2 .area-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:35px; margin-bottom:25px; color:#7c301b;}

#box-contact2 .area-01 .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;  margin-bottom:40px;}
#box-contact2 .area-01 .p-03{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; color:#7c301b; font-size:20px; margin-top:40px;}



#box-contact2 .area-02{ overflow:hidden; text-align:center; }
#box-contact2 .area-02 .left{ display:inline-block;margin-right:100px;}
#box-contact2 .area-02 .left a{ background:url(../images/common/ashirai7.png); width:357px; height:288px; float:left; display: table; text-decoration:none;}
#box-contact2 .area-02 .left .sub{ display:table-cell; vertical-align:middle; text-align:center;}
#box-contact2 .area-02 .left .sub .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; margin-bottom:5px;}
#box-contact2 .area-02 .left .sub .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:40px; margin-bottom:5px;}
#box-contact2 .area-02 .left .sub .p-02 img{ margin-right:10px; position:relative; bottom:13px;}
#box-contact2 .area-02 .left .sub .p-03{}


#box-contact2 .area-02 .right{ display:inline-block;}
#box-contact2 .area-02 .right a{ background: url(../images/common/ashirai.png); width:409px; height:270px; float:right; display: table; text-decoration:none;}
#box-contact2 .area-02 .right .sub{ display:table-cell; vertical-align:middle; text-align:center;}
#box-contact2 .area-02 .right .sub .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; margin-bottom:5px;}
#box-contact2 .area-02 .right .sub .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:35px; margin-bottom:5px;}
#box-contact2 .area-02 .right .sub .p-02 img{ margin-right:10px; position:relative; bottom:13px;}
#box-contact2 .area-02 .right .sub .p-03{}


#footer{ background:#dfcebb; padding:30px 0 0; position:relative; z-index:10;}
#footer #fgnavi{ overflow:hidden; text-align:center; position:relative; width:1100px; margin:auto; padding-bottom:80px; margin-top:-60px;}
#footer #fgnavi ul.ul-01{ display:inline-block; text-align:center; float:left; margin-top:60px; vertical-align:top;}
#footer #fgnavi ul.ul-01:nth-of-type(2){ float:right; vertical-align:top;}
#footer #fgnavi ul.ul-01 li { display:inline-block; font-size:20px; font-weight:600; text-align:center; padding:0 30px 0 30px; position:relative;}
#footer #fgnavi ul.ul-01:first-child li {padding:0 20px 0 20px;}
#footer #fgnavi ul.ul-01 li a{ color:#333333; text-decoration:none; position:relative; display:block; padding:0 5px 20px; overflow:initial;}
#footer #fgnavi ul.ul-01 li a:hover{ opacity:1; transition:0.3s;}
#footer #fgnavi ul.ul-01 li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:0px;width:100%;height:4px;background:#7c301b;transform:scale(0, 1);transition:0.3s; z-index:-1;}
#footer #fgnavi ul.ul-01 li a:hover:after{ transform:scale(1);}
#footer #fgnavi #hlogo{ position:absolute; left:0; right:0; margin:auto;}

#footer #tamonten { clear:both; text-align:center; font-size:10px; padding:5px 0 7px 0; background:#FFF;}
#footer #tamonten a { display:block; cursor:default; color: #333; text-decoration:none; opacity:1; filter:alpha(opacity=100);}



.page-top { position: fixed; bottom: 70px; right: 60px; background-image: url(../images/common/totop.png); width: 115px; height: 115px; text-indent: -9999px; -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; z-index: 10; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s; }

/*▼SNSバナー追従▼*/
#contact-right-pc{ position: fixed; top: 60px; right: 0px; width: 53px; -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s; z-index:9999;}
#contact-right-pc img{ margin-bottom:15px;}

#contact-right-sp{ display:none;}


#mp{border-top:#7c301b solid 4px;height:500px;background:url(../images/service/mp.png);}

#mp .p-01{ background:#e60012; padding:10px 20px 10px 25%; display:inline-block; color:#FFF; font-size:36px; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;border-radius:0px 20px 20px 0px; margin-top:100px;}
#mp .p-02{padding:0px 0px 0px 25%; display:inline-block; color: #EA4D00; font-size:30px; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;text-shadow: 1px 1px 1px #fff,  -1px 1px 1px #fff,  1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff,  -1px -1px 1px #fff; }


#mp .area-01{ position:relative; width:1100px; margin:auto;}
#mp .area-01 .tb-01{ position:absolute; left:0; top:100px;}

#mp .area-01 .tb-02 .p-01{}


#service #mp{background:url(../images/service/mp.png);}
#about #mp{background:url(../images/about/mp.png);}
#contact #mp{background:url(../images/contact/mp.png);}
#sell #mp{background:url(../images/sell/mp.png);}
#list #mp{background:url(../images/list/mp.png);}


#hmp{ position:relative;height:780px; text-align:right; border-top:#7c301b solid 4px;}
#hmp .inner{ position:relative; z-index:1; width:1100px; margin:auto;}
#hmp-bk{ position:absolute; left:0; right:0; margin:auto; z-index:2; background:url(../images/home/hmp.png) 0 0 no-repeat; height:780px;}



#hmp .area-01{ width:1100px; margin:auto; text-align:left;}
#hmp .mp-text{ position: absolute; z-index:3; top:40px;}
#hmp .mp-text .tb-01{ margin-bottom:30px;}
#hmp .mp-text .tb-01 p{ position:relative; color:#e60012; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-weight:bold; font-size:40px;}
#hmp .mp-text .tb-01 p span{ font-size:70%;}

#hmp .mp-text .tb-02{ text-align:center;}

#hmp .mp-text .tb-02 .sub .text{ display:table; height:100%; width:100%;}
#hmp .mp-text .tb-02 .sub .text p{ display:table-cell; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff; vertical-align:middle; font-size:30px;}

#hmp .mp-text .tb-02 .sub-01{ background:url(../images/home/hmp-01.png); width:252px; height:228px; display:inline-block;}
#hmp .mp-text .tb-02 .sub-02{ background:url(../images/home/hmp-02.png); width:257px; height:230px; display:inline-block;}
#hmp .mp-text .tb-02 .sub-03{ background:url(../images/home/hmp-03.png); width:260px; height:255px; display:inline-block;}



#hmp .fade-img-box { width:1100px;position:relative;}
#hmp .fade-img-box img { position: absolute; top: 0; right: 0;}



#home #box-01{ overflow:hidden; padding-top:0px; margin-bottom:50px;}
#home #box-01 .btn a{ display:block;width:45%; float:left; height:130px; background: url(../images/home/house-02.png) left 20px top 20px no-repeat, url(../images/home/more-01.png) right 20px top 50% no-repeat,#f9f7f3; border:#6c4a45 solid 2px; padding:10px;border-radius:15px;}
#home #box-01 .btn .text{ display:inline-block; float:right; margin-right:80px; margin-top:5px;}
#home #box-01 .btn .text .p-01{ font-size:40px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;}
#home #box-01 .btn:nth-child(2) a{background: url(../images/home/house-01.png) left 20px top 20px no-repeat, url(../images/home/more-01.png) right 20px top 50% no-repeat,#f9f7f3; float:right;}
#home #box-01 .btn:nth-child(2) a .text{margin-right:60px;}


#home .bk-02{ background:  url(../images/home/bk-01.png) center top repeat-y,url(../images/home/bk-ico-01.png) left 100px top 100px no-repeat,url(../images/home/bk-ico-02.png) right 100px top 300px no-repeat;}

#home #box-02{}

#home #box-02 .area-01{border:#6c4a45 solid 3px;border-radius:15px; background:#f9f7f3; position:relative; z-index:1; padding:50px 50px 50px;}
#home #box-02 .area-01 .img-01{ position:absolute; left:0; right:0; margin:auto; margin-top:-85px; z-index:2;}
#home #box-02 .area-01 .img-02{ position:absolute; left:-30px;margin-top:-150px; z-index:2;}
#home #box-02 .area-01 table{ width:100%; margin-bottom:50px;}
#home #box-02 .area-01 table td{ padding:20px 0px; vertical-align:middle;background-image: radial-gradient(circle, #5ab6a2 2px, transparent 2px);background-size: 10px 4px;background-position: left bottom;background-repeat: repeat-x;}
#home #box-02 .area-01 table tr:first-child td{ padding-top:0px;}
#home #box-02 .area-01 table td.td-01{ width:300px;}
#home #box-02 .area-01 table td span{ width:160px; display:inline-block; padding:5px; text-align:center; width:100px; color:#FFF;border-radius:15px; margin-left:20px;}
#home #box-02 .area-01 table td span.s-01{ background:#88bdd5;}
#home #box-02 .area-01 table td span.s-02{ background:#a58fc3;}
#home #box-02 .area-01 table td span.s-03{ background:#a47c44;}
#home #box-02 .area-01 table td .p-01{ display:inline-block;}
#home #box-02 .area-01 table td .p-01 a{}


#home .bk-03{ background: url(../images/home/bk-02.png) center top no-repeat; height:864px;}

#home #box-03{ width:auto; padding-top:50px;}
#home #box-03 .area-01{ overflow:hidden; margin-bottom:50px;}
#home #box-03 .area-01 li{ width:473px;}
#home #box-03 .area-01 li img{object-fit: cover; margin-bottom:7px;border-radius:20px;}
#home #box-03 .area-01 li .tb-01{ overflow:hidden; margin-bottom:7px;}
#home #box-03 .area-01 li .tb-01 p{ display:inline-block; float:left; vertical-align:middle;}
#home #box-03 .area-01 li .tb-01 span{ display:inline-block; float:right; padding:5px 0; color:#FFF;border-radius:15px; width:100px; text-align:center; vertical-align:middle;}
#home #box-03 .area-01 li .tb-01 span.s-01{ background:#db0a4a;}
#home #box-03 .area-01 li .tb-01 span.s-02{ background:#7ea1ea;}
#home #box-03 .area-01 li .tb-01 span.s-03{ background:#88b73c;}

#home #box-03 .area-01 li .tb-02{ overflow:hidden;}
#home #box-03 .area-01 li .tb-02 p.p-01{ display:inline-block; float:left;}
#home #box-03 .area-01 li .tb-02 p.p-02{ display:inline-block; float:right; font-weight:bold; font-size:20px;}




#home .bk-04{ background: url(../images/home/bk-03.png) center bottom no-repeat;}

#home #box-04{}
#home #box-04 .area-01{ overflow:hidden; margin-bottom:50px; text-align:center;}


#home #box-04 .area-02{ overflow:hidden; margin-bottom:50px;}
#home #box-04 .area-02 .left{ float:left; display:inline-block;}
#home #box-04 .area-02 .right{ float:right; width:520px; overflow:hidden;}
#home #box-04 .area-02 .right .p-01{ color:#FFF;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; text-align:center; background:#ffc40e; padding:10px;border-radius:15px; margin-bottom:20px;}
#home #box-04 .area-02 .right .tb-01{ overflow:hidden;}
#home #box-04 .area-02 .right .tb-01 .entry{ text-align:center; width:255px; height:150px; background:#fff7d9;border-radius:15px; float:left; margin-bottom:20px; display: table;}
#home #box-04 .area-02 .right .tb-01 .entry .sub{ display:table-cell; vertical-align:middle; position:relative; padding-bottom:30px;}
#home #box-04 .area-02 .right .tb-01 .entry:nth-child(odd){ float:right;}
#home #box-04 .area-02 .right .tb-01 .entry p{ color:#9b4f38;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; position: absolute; left:0; right:0; margin:auto; bottom:10px;}


#service #box-01{}
#service #box-01 .area-01 p{ text-align:center; font-size:18px;}
#service #box-01 .area-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:45px; margin-bottom:50px;color:#e60012; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; }


#service .bk-02{ background: url(../images/service/bk-01.png) center top no-repeat;}
#service #box-02{}
#service #box-02 .area-01{ overflow:hidden; margin-bottom:50px;}
#service #box-02 .area-01 .entry{ width:340px;margin-right:40px; margin-bottom:20px; float:left;border-radius:15px; overflow:hidden;}
#service #box-02 .area-01 .entry:nth-child(3n){ margin-right:0;}
#service #box-02 .area-01 .entry img{}
#service #box-02 .area-01 .p-01{ background:#7c301b; padding:5px; text-align:center;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px; color:#FFF;}
#service #box-02 .area-01 ul{ padding:15px; background:#FFF; }
#service #box-02 .area-01 ul li{ background:url(../images/service/li-01.png) left top 3px no-repeat;margin-bottom:5px; text-align:left; padding-left:20px;}
#service #box-02 .area-02{ margin-bottom:50px;}
#service #box-02 .area-02 p{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:24px; text-align:center; }
#service #box-02 .area-02 p span{ color:#e60012; font-size:120%;}


#service .bk-03{ background: url(../images/service/bk-02.png) center top 300px no-repeat; min-height:2020px; margin-bottom:100px;}
#service #box-03{}
#service #box-03 .area-01{ position:relative; padding-top:100px;}
#service #box-03 .area-01 .tb-01{ margin-bottom:70px;}
#service #box-03 h3{ background:#e60012; color:#FFF; font-size:20px; padding:10px 20px; width:150px;box-shadow: 0px 0px 8px rgba(0,0,0,0.2); margin-bottom:20px;font-family: "Zen Maru Gothic", sans-serif; display:inline-block; margin-right:10px;}
#service #box-03 .area-01 .tb-01 p{ font-size:18px;}
#service #box-03 .area-01 .tb-01 li{ text-indent:-1em; padding-left:1em; margin-bottom:7px; font-size:18px;}
#service #box-03 .area-01 img{ position:absolute; right:-50px; top:80px;}

#service #box-03 .area-02{ overflow:hidden;}
#service #box-03 .area-02 .entry{ width:300px;margin-right:40px; margin-bottom:50px; float:left;border-radius:15px; overflow:hidden;}
#service #box-03 .area-02 .entry:nth-child(3n){ margin-right:0;}
#service #box-03 .area-02 .entry img{ margin-bottom:6px;}
#service #box-03 .area-02 .p-01{ text-align:center;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px;}

#service #box-03 .area-03{ overflow:hidden;}
#service #box-03 .area-03 .tb-01{ overflow:hidden; margin-top:20px;}
#service #box-03 .area-03 .entry{ background:url(../images/service/maru.png) 0 0 no-repeat; background-size:100%;width:182px; height:182px;float:left; text-align:center;}
#service #box-03 .area-03 img{margin:75px 10px 0; float:left;}

#service #box-03 .area-03 .entry p{ color:#FFF;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; }
#service #box-03 .area-03 .entry .p-01{ padding-top:20px;font-size:24px;}
#service #box-03 .area-03 .entry .p-02{ padding-top:20px;font-size:20px;}
#service #box-03 .area-03 .entry .p-02 span{font-size:16px;}


#service .bk-04{ background: url(../images/service/bk-03.png) center top no-repeat;}
#service #box-04{ padding-top:100px;}
#service #box-04 .area-01{ margin-bottom:80px;}
#service #box-04 .area-01 table{ width:100%; background:#FFF; margin-bottom:10px;}
#service #box-04 .area-01 table td{ padding:20px; font-size:20px; text-align:center; border:#d3e2f3 solid 1px; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;}
#service #box-04 .area-01 table td.td-01{ background:#8ab2df; color:#FFF;}
#service #box-04 .area-01 table td.td-02{ background:#4f8bcf; color:#FFF;}
#service #box-04 .area-01 table td.td-03{ background:#1565bf; color:#FFF;}
#service #box-04 .area-01 table td.td-04{ background:#00579e; color:#FFF;}

#service #box-04 .area-01 table td .s-01{ color:#8ab2df;}
#service #box-04 .area-01 table td .s-02{ color:#4f8bcf;}
#service #box-04 .area-01 table td .s-03{ color:#1565bf;}
#service #box-04 .area-01 table td .s-04{ color:#00579e;}
#service #box-04 .area-01 table td.td-left{ text-align: left;}


#service #box-04 .area-01 ul{ margin-bottom:20px;}

#service #box-04 .area-01 .p-01{ font-size:20px; font-weight: bold; margin-bottom:5px;}


#service #box-04 .area-02{ overflow:hidden; margin-bottom:50px;}
#service #box-04 .area-02 .left{ display:inline-block; float:left;}
#service #box-04 .area-02 .right{ width:480px; float:right;}
#service #box-04 .area-02 .right table{ width:100%; background:#FFF; margin-bottom:10px;}
#service #box-04 .area-02 .right table td{ padding:20px; font-size:20px; text-align:center; border:#d3e2f3 solid 1px; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;}
#service #box-04 .area-02 .right table td.td-01{ background:#88b73c; color:#FFF;}
#service #box-04 .area-02 .right table td .s-01{ color:#88b73c;}
#service #box-04 .area-02 .right table td.td-left{ text-align: left;}
#service #box-04 .area-02 .right p{ margin-bottom:10px;}
#service #box-04 .area-02 .right ul{ margin-bottom:15px; margin-left:10px;}
#service #box-04 .area-02 .right li{ text-indent:-1em; padding-left:1me;}
#service #box-04 .area-02 .right .p-01{ font-weight:bold; margin-bottom:3px; font-size:18px;}


#about #papetaitle{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:45px; margin-bottom:50px;color:#e60012; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;  text-align:center; margin-top:50px; }


#about .bk-01{ background: url(../images/service/bk-02.png) center top no-repeat; min-height:1800px;}
#about #box-01{}
#about #box-01 .area-01{ position:relative;}
#about #box-01 .area-01 p{ line-height:1.8em;}
#about #box-01 .area-01 .tb-01{ position:relative; margin-bottom:100px;}
#about #box-01 .area-01 .tb-01 img{ position:absolute; right:-120px; top:0px;}
#about #box-01 .area-01 .tb-01:nth-child(2) img{ position:absolute; left:-100px; top:0px;}
#about #box-01 .area-01 .tb-01:nth-child(2) .text{ padding-left:450px;}
#about #box-01 .area-01 .tb-01:nth-child(3){ margin-bottom:50px;}
#about #box-01 .area-01 .tb-02{ margin-left:700px;}

#about #box-01 .area-01 .tb-02 .p-01{ font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px; }
#about #box-01 .area-01 .tb-02 .p-02{ font-weight:bold; font-size:18px;}

#about .bk-02{ background: url(../images/about/bk-02.png) center bottom no-repeat; padding-bottom:60px;}

#about #box-02{}
#about #box-02 .area-01{ overflow:hidden;}
#about #box-02 .area-01 .left{ display:inline-block; float:left;}
#about #box-02 .area-01 .right{ width:500px; float:right;}
#about #box-02 .area-01 .right p{ line-height:1.8em;}



#about .bk-03{ background: url(../images/about/bk-03.png) center top no-repeat; position:relative; margin-top:-60px;}

#about #box-03{}
#about #box-03 .area-01{ overflow:hidden; text-align:center;}
#about #box-03 .area-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:35px; margin-bottom:25px; color:#7c301b;}

#about #box-03 .area-01 .p-02{ margin-bottom:20px;}

#about #box-03 .area-01 .p-03{ background:#7c301b; padding:10px 30px; display:inline-block; text-decoration:none; color:#FFF;border-radius:25px; margin-bottom:50px;}
#about #box-03 .area-02{ overflow:hidden; text-align:center;}
#about #box-03 .area-02 .hart{ background:url(../images/about/sub-01.png); width:180px; height:166px; display:inline-block; margin:30px 30px;}
#about #box-03 .area-02 .hart .inner{width:180px; height:166px; display:table;}
#about #box-03 .area-02 .hart:nth-child(even){ background: url(../images/about/sub-02.png); width:181px;height:170px; margin:0;}
#about #box-03 .area-02 .hart .sub{display: table-cell; text-align:center; vertical-align:middle;}
#about #box-03 .area-02 .hart .sub .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:18px; color:#FFF;}
#about #box-03 .area-02 .hart .sub .p-02{ color:#7c301b; font-weight:bold;}

#about #box-04{}
#about #box-04 .area-01{ overflow:hidden;}
#about #box-04 .area-01{}
#about #box-04 .area-01 table{ width:100%;}
#about #box-04 .area-01 table td{ padding:20px 0px; border-bottom:#7c301b solid 1px;}
#about #box-04 .area-01 table td:first-child{ color:#7c301b; background:url(../images/about/ico-01.png) 0 27px no-repeat; padding-left:20px; width:200px;}

#sell #papetaitle{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:45px; margin-bottom:50px;color:#e60012; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;  text-align:center; margin-top:50px; }


#sell #box-01{ padding-top:0px; width: auto;}
#sell #box-01 .area-01{ text-align:center;width:1100px; margin:auto;}

#sell #box-01 .area-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px;}
#sell #box-01 .area-01 .p-02{ color:#FFF;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px;background:#ffc40e; padding:10px;border-radius:15px; margin-bottom:50px; margin-top:40px;}


#sell #box-01 .area-02{ text-align:center; overflow:hidden;width:1310px; margin:auto; margin-bottom:50px;}
#sell #box-01 .area-02 .maru{ width:250px; height:250px; display:inline-block; margin:0 5px; position:relative; background:#fff7d9; overflow:hidden;border-radius:50%;}
#sell #box-01 .area-02 .maru:first-child{ margin-left:0px;}
#sell #box-01 .area-02 .maru:last-child{ margin-right:0px;}
#sell #box-01 .area-02 .maru .inner{ width:250px; height:250px; display: table;}
#sell #box-01 .area-02 .maru .inner .sub{ display:table-cell; vertical-align:middle; text-align:center; padding-bottom:60px;}
#sell #box-01 .area-02 .maru p{ position: absolute; left:0; right:0; margin:auto; bottom:20px;color:#7c301b;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:18px;}


#sell .bk-02{ background: url(../images/about/bk-03.png) center top no-repeat;}
#sell #box-02{ padding-top:100px;}
#sell #box-02 .area-01{ overflow:hidden;}
#sell #box-02 .area-01 .entry{ width:531px;margin-right:30px; margin-bottom:20px; float:left;border-radius:15px; overflow:hidden;}
#sell #box-02 .area-01 .entry:nth-child(2n){ margin-right:0;}
#sell #box-02 .area-01 .entry img{}
#sell #box-02 .area-01 .p-01{ background:#e60012; padding:5px; text-align:center;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px; color:#FFF; position:relative;}
#sell #box-02 .area-01 .p-01 span{ font-size:60px; position:absolute; left:30px; top:-10px; font-weight:bold;font-family: "Kings", cursive;}
#sell #box-02 .area-01 .text{ padding:15px; background:#FFF; text-align:center;}


#sell #box-03{}
#sell #box-03 .area-01{ overflow:hidden; margin-bottom:50px;}
#sell #box-03 .area-01 .left{ display:inline-block; float:left;}
#sell #box-03 .area-01 .right{ width:480px; float:right;}
#sell #box-03 .area-01 .right .p-01{ color:#a58fc3;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px; border-bottom:#a58fc3 solid 2px; margin-bottom:10px; padding-bottom:7px;}
#sell #box-03 .area-01 .right .p-02{ text-align:right;}

#sell #box-03 .area-01 .right table{ width:100%; margin-bottom:10px;}
#sell #box-03 .area-01 .right table td{ padding:20px 0px; border-bottom:#7c301b solid 1px;}
#sell #box-03 .area-01 .right table td:first-child{ color:#7c301b; background:url(../images/about/ico-01.png) 0 27px no-repeat; padding-left:20px; width:200px;}

#sell #box-03 .area-02{ overflow:hidden;}
#sell #box-03 .area-02 .tb-01{ overflow:hidden; margin-top:20px; margin-left:60px;}
#sell #box-03 .area-02 .entry{ background: url(../images/sell/maru.png) 0 0 no-repeat; background-size:100%;width:201px; height:200px;float:left; text-align:center;}
#sell #box-03 .area-02 img{margin:75px 20px 0; float:left;}

#sell #box-03 .area-02 .entry p{ color:#FFF;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; }
#sell #box-03 .area-02 .entry .p-01{ padding-top:20px;font-size:24px;}
#sell #box-03 .area-02 .entry .p-02{ padding-top:20px;font-size:20px;}
#sell #box-03 .area-02 .entry .p-02 span{font-size:16px;}


#sell #box-04{ padding-bottom:0px;}

#sell #box-04 .area-01{border:#6c4a45 solid 3px;border-radius:15px; background:#f9f7f3; position:relative; z-index:1; padding:50px 0px 50px; margin-bottom:50px;}
#sell #box-04 .area-01 .img-01{ position:absolute; left:0; right:0; margin:auto; margin-top:-105px; z-index:2;}
#sell #box-04 .area-01 dl{ padding:0 70px;}

#sell #box-04 .area-01 dl:nth-child(2n){ background:#FFF;}
#sell #box-04 .area-01 dl dt{ color:#a58fc3; font-size:24px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;background-image: radial-gradient(circle, #a58fc3 2px, transparent 2px);background-size: 10px 4px;background-position: left bottom;background-repeat: repeat-x; padding-bottom:15px; margin-bottom:15px; padding-top:15px;}
#sell #box-04 .area-01 dl dt span{ margin-right:10px;}

#sell #box-04 .area-01 dl dd{ color:#000; font-size:18px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;padding-bottom:15px; margin-bottom:15px;}
#sell #box-04 .area-01 dl dd span{ margin-right:10px; color:#a58fc3; font-size:24px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;}

#sell #box-04 .area-02{ text-align:center;}
#sell #box-04 .area-02 .p-01{ color:#7c301b;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px; margin-bottom:50px; text-align:center;}
#sell #box-contact2{ padding-top:0px;}



/* アコーディオン用：閉じた時は余白を詰める＆右端に＋／− */
#sell #box-04 .area-01 dl { position: relative; }
/* クリック可能に */
#sell #box-04 .area-01 dl dt { cursor: pointer; position: relative; padding-right: 2.2em; /* 右端アイコンぶんの余白 */ }
/* 右端の＋／−アイコン（dt右側） */
#sell #box-04 .area-01 dl dt::after { content: "＋"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-weight: 700; font-size: 20px; line-height: 1; color: #a58fc3; }
/* 開いている時は−表示 */
#sell #box-04 .area-01 dl.is-open dt::after { content: "−"; }
/* 回答(dd)のスムーズ開閉 */
#sell #box-04 .area-01 dl dd { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding-bottom 0.35s ease, margin-bottom 0.35s ease; /* 既存スタイルを踏襲しつつ、閉じている時は余白をゼロに */
padding-bottom: 0; margin-bottom: 0; }
/* 開いた状態 */
#sell #box-04 .area-01 dl.is-open dd { /* 内容の高さに応じてJS側でmax-heightを動的設定しますが、
     初期CSSとして大きめ値を入れておくとフォールバックになります */
max-height: 1000px; padding-bottom: 15px; /* 既存値に戻す */ margin-bottom: 15px;  /* 既存値に戻す */ }



#contact #box-01{}
#contact #box-01 .area-01{ text-align:center;}
#contact #box-01 .area-01 p{ font-size:20px;}



#contact .bk-02{ background: url(../images/contact/bk-02.png) center top 300px no-repeat;margin-bottom:100px;}
#contact #box-02{}
#contact #box-02 .area-01{ position:relative; padding-top:100px; position:relative;}
#contact #box-02 .area-01 .img-01{ position:absolute; left:0px; top:240px;}
#contact #box-02 .area-01 .img-02{ position:absolute; right:30px; top:330px;}

#contact #box-02 .area-01 ul{ text-align:center;} 
#contact #box-02 .area-01 ul li{ display:inline-block; padding:10px 20px;box-shadow: 0px 0px 8px rgba(0,0,0,0.2); margin:0 20px 50px;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:24px; text-align:left;}
#contact #box-02 .area-01 ul li.c-01{background:#d3e2f3;}
#contact #box-02 .area-01 ul li.c-02{background:#ffc40e;}
#contact #box-02 .area-01 ul li.c-03{background:#abcc75;}
#contact #box-02 .area-01 ul li.c-03{background:#abcc75;}
#contact #box-02 .area-01 p{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px; text-align:center;}


#contact .bk-03{ background: url(../images/about/bk-02.png) center bottom no-repeat; padding-bottom:60px;}

#contact #box-03{ width:1200px;}
#contact #box-03 .area-01{ overflow:hidden; text-align:center;}
#contact #box-03 .area-01 .tb-01{ width:380px; height:340px; background:#edf2ca; text-align:center;border-radius:25px; display:inline-block; vertical-align:top; float:left;}
#contact #box-03 .area-01 .tb-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px; margin-bottom:10px; padding-top:20px;}
#contact #box-03 .area-01 .tb-01 .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; color:#FFF; display:inline-block; padding:7px 20px;border-radius:5px; background:#7c301b; margin-bottom:5px;}
#contact #box-03 .area-01 .tb-01 .p-03{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:45px; margin:0px 0px 10px 0px;}
#contact #box-03 .area-01 .tb-01 .p-03 img{ position:relative; bottom:10px; margin-right:5px;}

#contact #box-03 .area-01 .tb-02{ width:380px; height:340px; background:#d3e2f3; text-align:center;border-radius:25px; display:inline-block; vertical-align:top;}
#contact #box-03 .area-01 .tb-02 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px; margin-bottom:10px; padding-top:20px;}
#contact #box-03 .area-01 .tb-02 .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px; color:#FFF; display:inline-block; padding:7px 20px;border-radius:5px; background:#7c301b; margin-bottom:5px;}
#contact #box-03 .area-01 .tb-02 .p-03{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:25px; margin:0px 0px 10px 0px;}
#contact #box-03 .area-01 .tb-02 .p-03 img{ position:relative; bottom:6px; margin-right:5px;}



#contact #box-03 .area-01 .tb-03{ width:380px; height:340px; background:#edf2ca; text-align:center;border-radius:25px; display:inline-block; vertical-align:top; float:right;}
#contact #box-03 .area-01 .tb-03 img{ margin-bottom:10px;}
#contact #box-03 .area-01 .tb-03 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:30px; margin-bottom:15px; padding-top:20px;}
#contact #box-03 .area-01 .tb-03 .p-02{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;padding:0 20px;}

#contact #box-03 .area-01 a{ text-decoration:none; color:#000;}


#contact .bk-04{ background: url(../images/contact/bk-03.png) center top no-repeat; position:relative; margin-top:-60px;}

#contact #box-04{}
#contact #box-04 .area-01{ overflow:hidden; text-align:center;}
#contact #box-04 .area-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px; margin-bottom:25px;}
#contact #box-04 .area-01 .p-01 span{ color:#e60012; font-size:180%; margin-right:5px;}


#contact #box-04 .area-02 .area-mailform{ background:#fff; padding:100px 50px 70px; border-radius:30px; box-shadow:0 0 20px rgba(0,0,0,.05);}
#contact #box-04 .area-02 .area-mailform table{ width:100%; margin-bottom:0px;}
#contact #box-04 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle;}
#contact #box-04 .area-02 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:bold; vertical-align:top;}
#contact #box-04 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-04 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-04 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-04 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-04 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-04 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-04 .area-02 .area-mailform table button{}
#contact #box-04 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#eb6877; font-size:11px; padding:0px 7px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#contact #box-04 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-04 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-04 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-04 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-04 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-04 .area-02 .area-mailform .w01{width:98%;}
#contact #box-04 .area-02 .area-mailform .w02{width:43.7%;}

#contact #box-04 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px;}
#contact #box-04 .area-02 .area-mailform .tb-01{}
#contact #box-04 .area-02 .area-mailform .tb-03{ text-align:center; display: inline-block; margin-left: 20px;}
#contact #box-04 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-04 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-04 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#037cba solid 1px; background:#FFF; margin:auto; margin-bottom:20px; }
#contact #box-04 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-04 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-04 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-04 .area-02 .area-mailform .ul-01{margin-bottom:15px;}

#contact #box-04 .area-02 .area-mailform .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff;  background:#fff; border:2px solid #037cba; color:#037cba; padding:20px 0; border-radius:50px; display:block; text-decoration:none; box-sizing:border-box; position:relative; transition:0.5s; margin:40px auto 0; cursor:pointer;}
#contact #box-04 .area-02 .area-mailform .btn:hover{ background:#037cba; color:#fff; opacity:1;}





#contact #box-map{ position:relative; min-height:300px; padding-top:0px;}

#contact #box-map img.img-01{ position: absolute; left: 140px; top: -120px; z-index: 2; }
#contact #box-map img.img-02{ position:absolute; left: 260px; top:-115px; z-index:2;}
#contact #box-map img.img-03{ position:absolute; right: 120px; top:-180px; z-index:2;}


#box-catego { padding-bottom:0px; } 
#box-catego ul { text-align:center; padding:0; margin:0; list-style:none; } 
#box-catego ul li { display:inline-block; margin:0 10px; } 
#box-catego ul li a { display:inline-flex; align-items:center; gap:8px; padding:10px 25px; background-color:#5ab6a2; color:#fff; font-weight:bold; font-family:"Zen Maru Gothic", sans-serif; font-size:20px; text-decoration:none; border-radius:25px; transition:background-color 0.3s ease, transform 0.2s ease; } 
#box-catego ul li a:hover { background-color:#489583; transform:translateY(-2px); } 
#box-catego ul li a i { font-size:16px; }




#list{}
#list #box-01{padding-top:50px;}
#list #box-01 .area-01{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:50px;}
#list #box-01 .area-01 .entry{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(0,0,0,.05);}
#list #box-01 .area-01 .entry:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12);}
#list #box-01 .area-01 .entry>a{display:block;color:inherit;text-decoration:none;height:100%;}
#list #box-01 .area-01 .entry img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s ease;}
#list #box-01 .area-01 .entry:hover img{transform:scale(1.03);}
#list #box-01 .area-01 .entry .tb-01{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 6px;}
#list #box-01 .area-01 .entry .tb-01 p{margin:0;font-weight:700;font-size:18px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#list #box-01 .area-01 .entry .tb-01 span{display:inline-block;padding:6px 12px;min-width:72px;text-align:center;color:#fff;font-weight:700;border-radius:999px;line-height:1;font-size:13px;white-space:nowrap;}
#list #box-01 .area-01 .entry .tb-01 span.s-01{background:#db0a4a;}
#list #box-01 .area-01 .entry .tb-01 span.s-02{background:#7ea1ea;}
#list #box-01 .area-01 .entry .tb-01 span.s-03{background:#88b73c;}
#list #box-01 .area-01 .entry .tb-02{display:flex;align-items:center;justify-content:space-between;padding:0 16px 16px;gap:12px;}
#list #box-01 .area-01 .entry .tb-02 p{margin:0;}
#list #box-01 .area-01 .entry .tb-02 p.p-01{opacity:.8;font-size:15px;}
#list #box-01 .area-01 .entry .tb-02 p.p-02{font-weight:800;font-size:20px;letter-spacing:.02em;}
#list #box-01 .area-01 .entry>a:focus-visible{outline:3px solid #5ab6a2;outline-offset:2px;}
@media (max-width:1024px){
#list #box-01 .area-01{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
}
@media (max-width:640px){
#list #box-01 .area-01{grid-template-columns:1fr;gap:18px;}
#list #box-01 .area-01 .entry .tb-01 p{font-size:17px;}
#list #box-01 .area-01 .entry .tb-02 p.p-02{font-size:19px;}
}



#news #papetaitle{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:35px;color:#e60012; font-weight:bold;font-family: "Zen Maru Gothic", sans-serif;  text-align:center; margin-top:50px; }


#news #box-01{ padding-top:30px;}
#news #box-01 .area-01{ }

#news #box-01 .area-01 .p-01{font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:20px;}
#news #box-01 .area-01 .p-02{ color:#FFF;font-weight:bold;font-family: "Zen Maru Gothic", sans-serif; font-size:22px;background:#ffc40e; padding:10px;border-radius:15px; margin-bottom:50px; margin-top:40px;}