@charset "utf-8";
@import url("wp.css");

/* --------------------------------------------------------- */
/* facility - index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}
#main:after{content:none;}
#main h1{background-image:url(../img/title_bg.jpg);}
#main .box{margin-top:6.25%;padding-bottom:7.321%;}

#main a{display:block;transition:opacity ease 0.3s;}
#main a:hover{opacity:0.7;}

#factory{}
#factory:after{content:'';display:block;padding-top:1px;}
#factory .item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5.358%;padding-bottom:6.25%;border-bottom:1px solid #999;}
#factory .item:last-of-type{padding-bottom:0;border:none;}
#factory h2.head{width:100%;padding:0 0 0.6em;color:#04287e;font-size:26px;font-weight:bold;}
#factory .image{width:31.25%;/*350*/}
#factory .image img{width:auto;max-width:100%;margin:0 auto;}
#factory .textbox{width:63.393%;/*710*/}

/*freearea--------------------------------*/
#factory .freearea{font-size:16px;line-height:1.5;}
#factory .freearea:after{content:'';display:block;clear:both;}
#factory .freearea mark{display:inline;}
#factory .freearea p,
#factory .freearea ul,
#factory .freearea table{margin-bottom:0.6em;font-size:16px;line-height:1.5;}
#factory .freearea h1,#factory .freearea h2,
#factory .freearea h3,#factory .freearea h4,
#factory .freearea h5,#factory .freearea h6{width:auto;margin:0;padding:0;color:#04287e;line-height:1.5;font-weight:normal;text-align:left;background:none;}
#factory .freearea h1{font-size:24px;}
#factory .freearea h2{font-size:23px;}
#factory .freearea h3{font-size:22px;}
#factory .freearea h4{font-size:20px;}
#factory .freearea h5{font-size:18px;}
#factory .freearea h6{font-size:17px;}
#factory .freearea a{display:inline;color:#04287e;text-decoration:underline;}
#factory .freearea a:hover{opacity:1;text-decoration:none;}
#factory .freearea table{width:100%;padding:0;border-top:1px solid transparent;border-collapse:collapse;table-layout:fixed;}
#factory .freearea tr{border-bottom:1px solid transparent;border-left:1px solid transparent;}
#factory .freearea th,
#factory .freearea td{position:relative;padding:0.5em 1em;border-right:1px solid transparent;vertical-align:middle;z-index:1;}
#factory .freearea th{color:#fff;}
#factory .freearea td{}
#factory .freearea th:before,
#factory .freearea td:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
#factory .freearea th:before{background:rgba(18,51,128,0.6);}
#factory .freearea td:before{background:rgba(149,149,149,0.15);}

#factory .freearea .btn{margin-top:1.5em;}
#factory .freearea .btn a{display:inline-block;width:42.254%;box-shadow:5px 5px 0px 0px rgba(0, 0, 0, 0.25);border-radius:15px;transition-property:box-shadow;}
#factory .freearea .btn a:hover{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.25);}
/*freearea--------------------------------*/



/* ----------------------- */
/* PC～SP
/* ----------------------- */
@media screen and (max-width: 1120px){
	
#factory .freearea .btn a{box-shadow:0.447vw 0.447vw 0px 0px rgba(0, 0, 0, 0.25);border-radius:1.34vw;}
}



/* ----------------------- */
/* SP
/* ----------------------- */
@media screen and (max-width: 750px){
	
/* メイン
----------------------- */
#main h1{background-image:url(../img/sp/title_bg.jpg);}
#main .box{margin-top:21.428%;padding-bottom:10.714%;}
#main a:hover{opacity:1;}

/*見どころ*/
#factory{margin-top:16.858%;}
#factory .item{margin-bottom:8.572%;padding-bottom:5.715%;}
#factory .image{width:100%;margin-bottom:8.572%;}
#factory .textbox{width:100%;}
#factory h2.head{padding:0 0 0.75em 0;font-size:5.06vw;text-align:center;}
#factory .calendar{width:100%;}

/*freearea--------------------------------*/
#factory .freearea{margin:0 auto;padding-left:0;font-size:3.2vw;}
#factory .freearea p,
#factory .freearea ul,
#factory .freearea table{margin:0 auto 1em;font-size:3.2vw;}
#factory .freearea h1,#factory .freearea h2,
#factory .freearea h3,#factory .freearea h4,
#factory .freearea h5,#factory .freearea h6{margin:0 auto;}
#factory .freearea h1{font-size:4.53vw;}
#factory .freearea h2{font-size:4.4vw;}
#factory .freearea h3{font-size:4.26vw;}
#factory .freearea h4{font-size:4vw;/*30*/}
#factory .freearea h5{font-size:3.86vw;}
#factory .freearea h6{font-size:3.46vw;}
#factory .freearea a:hover{text-decoration:underline;}
#factory .freearea table{}
#factory .freearea th,
#factory .freearea td{}

#factory .freearea .btn a{width:42.858%;border-radius:2vw;box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);}
#factory .freearea .btn a:hover{box-shadow:0.667vw 0.667vw 0px 0px rgba(0,0,0,0.25);}
/*freearea--------------------------------*/

#factory .calendar{display:flex;flex-wrap:wrap;}
#factory .calendar li{width:49%;margin:0 2% 2% 0;}
#factory .calendar li:nth-of-type(even){margin-right:0;}

}