@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

@media screen and (min-width: 681px) and (max-width: 999999px) {
/*--------------------ここから--------------------*/

body{
margin:0px;
padding:0px;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size:15px;
line-height:160%;
color:#000;
}

a:link    {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:active  {color:#000;text-decoration:none;}
a:hover   {color:#999;text-decoration:none;}

table{
border-collapse:collapse;
border:0px;
}
img{
margin:0px;
padding:0px;
border:0px;
}
.pcnone{
display:none;
}
a:hover img {
	-moz-opacity:0.70;/*FF*/
	filter:alpha(opacity=70); /*IE*/
	opacity:0.70;/*Opera｡ｦSafari*/
}
a:active img {
	-moz-opacity:0.70;/*FF*/
	filter:alpha(opacity=70); /*IE*/
	opacity:0.70;/*Opera｡ｦSafari*/
}

#wrapper{
width:100%;
margin:0px auto;
padding:0px 0px 0px 0px;
}

#contents{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
text-align:left;
vertical-align:top;
}



#left-contents{
float:left;
width:30%;
margin:0px 0px 0p 0px;
padding:0px 3% 0px 0px;
box-sizing:border-box;
text-align:left;
vertical-align:top;
}
#right-contents{
width:100%;
max-width:1000px;
margin:0px auto;
padding:30px 20px 40px 20px;
box-sizing:border-box;
text-align:left;
vertical-align:top;
}
#right-contents a{
color:#1288b8;
}
#right-contents a:hover{
color:#034863;
}


.slide_pc{
display:block;
width:100%;
height:500px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.slide_pc iframe{
width:100%;
height:500px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.slide_sp{
display:none;
}


.calendar{
padding: 0px 0 0;
margin:0px 0px 0px 0px;
overflow: hidden;
}
.calendar iframe{
width: 100%;
height: 190px;
}






#kotei{
display:none;
}
.sp-button{
display:none;
}
#header_sp{
display:none;
}

#header_pc{
position:relative;
width:100%;
max-width:1200px;
height:100px;
margin:0px auto;
padding:0px 0px 0px 0px;
box-sizing:border-box;
}
#header_pc h1{
display:inline-block;
position:absolute;
top:5px;
left:20px;
color:#cf7272;
line-height:100%;
font-size:13px;
font-weight:normal;
margin:0px;
padding:0px 0px 0px 0px;
background:#fff;
z-index:99;
}
.head-logo{
position:absolute;
top:23px;
left:0px;
display:block;
width:250px;
margin:0px 0px 0px 0px;
padding:7px 12px 5px 20px;
text-align:left;
background:#fff;
z-index:99;
}
.head-logo img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.head-kanban{
position:absolute;
top:27px;
right:465px;
width:220px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
z-index:98;
}
.head-kanban img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.head-kanban ul{
display:flex;
flex-wrap:nowrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.head-kanban li{
list-style:none;
font-size:14px;
line-height:100%;
margin:0px 10px 0px 0px;
padding:5px 8px 6px 8px;
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
background:#f9f9f9;
}
.head-kanban li a{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.head-kanban li:hover{
background:#f5f5f5;
}

.head-mail{
position:absolute;
top:22px;
right:322px;
display:block;
width:120px;
margin:0px auto;
padding:4px 0px 9px 0px;
text-align:center;
border:1px solid #b8b8b8;
background: linear-gradient(#f5f5f5, #d1d1d1);
border-radius:5px;
box-sizing:border-box;
}
.head-mail span{
display:block;
margin:0px 0px 0px 0px;
padding:0;
font-size:15px;
font-weight:bolder;
line-height:100%;
color:#000;
}
.head-mail img{
width:34px;
margin:0px 0px 1px 0px;
box-sizing:border-box;
vertical-align:top;
}



.head-tel{
position:absolute;
top:22px;
right:20px;
width:260px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
text-align:left;
border-left:1px dashed #ccc;

}
.head-tel span{
display:block;
margin:0px 0px 2px 0px;
padding:0;
font-size:15px;
font-weight:bolder;
line-height:100%;
color:#000;
}
.head-tel span u{
padding:0px 0px 0px 5px;
text-decoration:none;
font-size:11px;
font-weight:normal;
}
.head-tel img{
width:100%;
max-width:224px;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
border-radius:4px;
}







.pankuzu{
width:1100px;
height:130px;
margin:10px 0px 25px 0px;
padding:0px 0px 0px 0px;
border:1px solid #eee;
box-sizing:border-box;
box-shadow:2px 2px 2px #eee;
}
.pankuzu span{
width:1100px;
height:130px;
display:block;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 55px;
border:7px solid #fff;
box-sizing:border-box;
font-size:12px;
color:#000;
line-height:100%;
background:url(../images/back-pankuzu_pc.png) 0% 43% no-repeat;
background-size:cover;
}
.pankuzu u{
color:#000;
display:inline-block;
text-decoration:none;
margin:0px 0px 0px 5px;
padding:0;
}
.pankuzu a{
color:#000;
margin:0px 6px 0px 0px;
}
.pankuzu p{
margin:9px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#000;
letter-spacing:3px;
font-size:30px;
font-weight:bolder;
line-height:100%;

}


#footer{
width:100%;
color:#F8F5EC;
text-align:center;
margin:0px 0px 0px 0px;
padding:30px 0px 30px 0px;
font-size:15px;
line-height:150%;
background:#f9f9f9;
color:#fff;
border-top:3px solid #cf060a;
}

.foot-link{
display:block;
width:100%;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.foot-link a{display:inline-block;color:#000;padding:0px 10px 10px 10px;}
.foot-link a:hover{display:inline-block;color:#999;padding:0px 10px 10px 10px;}

.foot-logo{
width:200px;
margin:0px auto;
padding:10px 0px 0px 0px;
text-align:center;
}
.foot-logo img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.foot-copy{
text-align:center;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#666;
font-size:12px;
letter-spacing:1px;
}
.foot-title{
clear:both;
font-size:18px;
font-weight:bolder;
line-height:130%;
color:#000;
margin:15px 0px 10px 0px;
padding:12px 0px 13px 0px;
text-align:left;
letter-spacing:1px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}

.foot-sns{
display:block;
width:140px;
margin:0px auto;
padding:20px 0px 20px 0px;
}
.foot-sns ul{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.foot-sns li{
width:46px;
height:46px;
list-style:none;
margin:0px 10px 0px 10px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
background:#555;
border-radius:50%;
text-align:center;
}
.foot-sns li img{
width:100%;
margin:0px 0px 0px 0px;
padding:12px;
box-sizing:border-box;
vertical-align:top;
}


.shoppingguide{
width:100%;
margin:0px 0px 0px 0px;
padding:35px 0px 0px 0px;
box-sizing:border-box;
background:#f7fcf2;
}
.shoppingguide ul{
display:flex;
flex-wrap:wrap;
width:100%;
max-width:1200px;
margin:0px auto;
padding:0px 20px 0px 20px;
box-sizing:border-box;
}
.shoppingguide li{
list-style:none;
width:33.33333333333%;
position:relative;
padding:0px 15px 45px 15px;
box-sizing:border-box;
vertical-align:top;
font-size:14px;
line-height:175%;
color:#000;
text-align:left;
}

.shoppingguide b{
display:inline-block;
font-weight:bolder;
margin:0px 0px 0px 0px;
font-size:14px;
line-height:140%x;
color:#000;
text-align:left;
}
.shoppingguide u{
display:inline-block;
font-weight:bolder;
margin:4px 0px 7px 0px;
padding:5px 8px 5px 8px;
box-sizingborder-box;
font-size:16px;
line-height:150%;
color:#ba0202;
text-align:left;
text-decoration:none;
border:1px solid #ba0202;
}
.shoppingguide u a{
color:#ba0202;
}
.shoppingguide u a:hover{
color:#e33d3d;
}

.shoppingguide img{
max-width:100%;
margin:7px 0px 7px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}
.todetail{
display:block;
width:100%;
text-align:right;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 0px;
}
.todetail a{
display:inline-block;
margin:0px 0px 0px 0px;
padding:10px 16px 11px 20px;
bolx-sizing:border-box;
color:#000;
font-size:13px;
line-height:100%;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
}
.todetail a:hover{
background:#eee;
text-decoration:none;
}








.title1{
clear:both;
text-align:center;
color:#fff;
font-weight:bolder;
line-height:140%;
font-size:27px;
letter-spacing:3px;
margin:0px 0px 20px 0px;
padding:10px 0px 12px 0px;
box-sizing:border-box;
background:#0242ed;
}

.title2{
display:block;
width:100%;
color:#000;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
font-size:29px;
font-weight:bolder;
line-height:100%;
text-align:center;
letter-spacing:5px;
}
.title2 span{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:7px 0px 0px 0px;
color:#0242ed;
font-size:18px;
font-weight:bolder;
text-align:center;
letter-spacing:5px;
}

.title3{
text-align:left;
color:#fff;
font-weight:bolder;
line-height:130%;
width:auto;
color:#fff;
letter-spacing:2px;
font-size:20px;
margin:30px 0px 10px 0px;
padding:10px 0px 12px 15px;
box-sizing:border-box;
background:#cf060a;
}



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


.accordion_contents{
display:none;
}


#menu{
width:100%;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
background:#0242ed;
}


#menu ul {
width:100%;
max-width:1160px;
height:45px;
box-sizing:border-box;
display:block;
margin:0px auto;
padding:0px 0px 0px 0px;
display: table;
table-layout:fixed;
box-sizing:border-box;
border-left:1px solid #eee;
}


#menu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
z-index: 300;
border-left:0px solid #eee !important;
}

#menu ul ul ul {
   top:0;
   left:100%;

}

#menu li {
display: table-cell;
color:#fff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
vertical-align:middle;
line-height:100%;
font-size:15px;
font-weight:bolder;
border-right:1px solid #eee;
box-sizing:border-box;
}
#menu li:hover{
color:#fff;
}

#menu li a{color:#fff;text-decoration:none;display:block;padding:2px 0px 1px 0px;}
#menu li a:hover{color:#fff;text-decoration:none;display:block;padding:2px 0px 1px 0px;}

#menu li li a{color:#000;text-decoration:none;display:block;padding:7px 0px 7px 0px;}
#menu li li a:hover{color:#fff;text-decoration:none;display:block;padding:7px 0px 7px 0px;}


#menu li li {
float:left;
clear:both;
width:225px;
padding:0px 5px 0px 12px;
box-sizing:border-box;
background:#fff;
font-weight:normal;
color:#fff;
text-align:left;
font-size:14px;
line-height:150%;
border-right:0px solid #eee;
border-bottom:1px solid #eee;
}
#menu li li:hover{
background:#444;
text-decoration:none !important;
}

#menu li:hover {
   position:relative;
background:#555;
}

#menu li:hover > ul {
   display: block
}











#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: url(../images/pagetop.png) left top no-repeat;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    padding: 0px 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    background: url(../images/pagetop.png) left top no-repeat;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    padding: 0px 0;
    text-align: center;
    display: block;
}




.news{
display;block;
width:100%;
margin:-10px 0px 30px 0px;
padding:0px 0px 0px 0px;
}
.news ul{
display;block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.news li{
position:relative;
list-style:none;
display;block;
width:100%;
font-size:15px;
line-height:160%;
margin:0px 0px 0px 0px;
padding:10px 0px 11px 100px;
box-sizing:border-box;
border-bottom:1px solid #eee;
}
.news span{
position:absolute;
top:10px;
left:0px;
display:inline-block;
width:90px;
color:#666;
font-size:15px;
font-weight:bolder;
line-height:160%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.top-banner1{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:100%;
}
.top-banner1 ul{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.top-banner1 li{
list-style:none;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
box-sizing:border-box;
line-height:100%;
}
.top-banner1 img{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align:top;
}


.top-exp{
display:block;
width:100%;
margin:0px 0px 40px 0px;
padding:20px 0px 0px 0px;
box-sizing:border-box;
font-size:16px;
line-height:160%;
}

.top-exp_left{
position:relative;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
box-sizing:border-box;
font-size:16px;
line-height:160%;
}
.top-exp_left img{
float:left;
display:block;
width:47%;
margin:0px 3% 1% 0px;
padding:0px 0px 0px 0px;
}
.top-exp_left p{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
box-sizing:border-box;
text-align:right;
font-size:18px;
font-weight:bolder;
line-height:160%;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.top-exp_right{
position:relative;
width:100%;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
box-sizing:border-box;
font-size:16px;
line-height:160%;
}
.top-exp_right img{
float:right;
display:block;
width:47%;
margin:0px 0px 1% 3%;
padding:0px 0px 0px 0px;
}

.top-sdgs{
width:100%;
min-height:135px;
margin:0px 0px 20px 0px;
padding:10px 0px 30px 0px;
box-sizing:border-box;
font-size:16px;
line-height:160%;
border-bottom:1px solid #eee;
}
.top-sdgs img{
float:left;
display:block;
width:47%;
margin:0px 3% 1% 0px;
padding:0px 0px 0px 0px;
}





.spec-table{
display:block;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.spec-table table{
width:100%;
margin:10px 0px 50px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.spec-table th{
width:22%;
margin:0px 0px 0px 0px;
padding:10px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
background:#f5f5f5;
text-align:left;
vertical-align:middle;
font-size:15px;
line-height:160%;
color:#000;
font-weight:normal;
}
.spec-table td{
margin:0px 0px 0px 0px;
padding:10px;
box-sizing:border-box;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
vertical-align:middle;
font-size:15px;
line-height:160%;
color:#000;
font-weight:normal;
}
.spec-table p{
display:block;
width:100%;
font-size:18px;
line-height:100%;
color:#000;
font-weight:bolder;
}





.targetlink{
clear:both;
display:block;
width:100%;
height:10px;
margin:0px 0px 0px 0px;
padding:30px 0px 0px 0px;
}



/*--------------------ここまで--------------------*/
}