@charset "UTF-8";

.main_img{
    width:980px;
    margin:auto;
    padding-top:60px;
}
.main_img img{
    display:block;
    float:none;
}
.main_top{
	position: relative;
    width:980px;
    margin-top: 60px;
}
.main_content{
    width:980px;
    margin:auto;
    margin-top:80px;
    margin-bottom:130px;
    padding-top:0;
    border-top:none;
}
.main_child{
    float:left;
    width:730px;
}
.main_content h2{
    display:table-cell;
    font-size:2.1rem;
    color:#fff;
    text-align:left;
    width:980px;
    height:35px;
    padding-left:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    vertical-align:middle;
    background:url(https://miraikanai.or.jp/img/corporation_index_bg.svg) no-repeat;
    /*background-image:url('data:image/svg+xml;utf8,<svg version="1.1" id="layer1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 980 35" style="enable-background:new 0 0 980 35;" xml:space="preserve"><path fill="rgb(41,108,181)" d="M0,0.2L191.6,0c48,0.3,60.4,33.9,108.2,31.9H980c0,3,0,3,0,3H0V0.2z"/></svg>');*/
}
.main_child_box{
    margin-top:30px;
}
.main_child h3{
    display:table-cell;
    vertical-align:middle;
    width:730px;
    height:40px;
    padding-left:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    font-size:2rem;
    font-weight:bold;
    color:#fff;
    letter-spacing:0.4rem;
    background: #00ccfe; /* Old browsers */
    background: -moz-linear-gradient(top,  #00ccfe 0%, #00ccfe 50%, #44d0fa 50%, #44d0fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ccfe), color-stop(50%,#00ccfe), color-stop(50%,#44d0fa), color-stop(100%,#44d0fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00ccfe 0%,#00ccfe 50%,#44d0fa 50%,#44d0fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ccfe', endColorstr='#44d0fa',GradientType=0 ); /* IE6-9 */
}
.facility_time{
    width:730px;
    height:42px;
    border-bottom:1px dotted #2188ff;
    color:#296CB5;
}
.facility_time h4{
    display: table-cell;
    vertical-align: middle;
    width:230px;
    height:42px;
    font-size:1.6rem;
    font-weight:bold;
    color: #4a88cb;
    padding-left:20px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.facility_time h4:before{
    content:"";
}
.work h4{
	font-weight: bold;
}
.work h4,
.work p{
	margin: 20px 0 0 0 !important;
}
.work h4:before{
	content: none;	
}
.main_content h2+p{
	width: 100%;
	text-align: left;
	font-weight: bold;
	color: #4a88cb;
}
.facility_time p{
    display:table-cell;
    width:500px;
    height:42px;
    vertical-align: middle;
    line-height:normal;
    margin:0;
    font-size:1.6rem;
    color:#296CB5;
    text-align:left;
}
.main_child_box section.facility_time:last-of-type{
    border-bottom:none;
}
.main_child_box:nth-of-type(3) div.facility_time p{
    padding-left:230px;
}
.about_miraikanai p,
.work h4,
.work ul,
.work p{
    width:100%;
    line-height:normal;
    margin:0;
    padding:0 10px;
    font-size:1.6rem;
    color: #4a88cb;
    text-align:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.work ul,
.link ul{
 padding: 0 3%;
 color:#296CB5;
	margin-top: 10px;
 font-size:1.4rem;
}
.work li:before,
.link li:before{
	content: "●";
}
.work ul li{
	padding: 5px 0;
}
.link ul a{
 font-size:1.6rem;
 color:#296CB5;
 line-height: 2;	
}
.about_miraikanai p:nth-of-type(1){
    margin-top: 20px;
}
.about_miraikanai p:nth-of-type(2){
    margin:30px 0 20px 0;
}
.facility_img{
    width:730px;
    height:228px;
    color:#296CB5;
    background:#E6E7E8;
}
.facility_img p{
    padding:80px 0 0 80px;
}
.recreation{
    width:730px;
    min-height:155px;
}
.recreation h3{
    display:block;
    width:100%;
    height:auto;
    padding:18px 0 18px 14px;
    background:#00CCFE;
}
.recreation p{
    width:100%;
    line-height:200%;
    margin:0;
    padding:0 0 18px 14px;
    font-size:1.6rem;
    color:#fff;
    text-align:left;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background:#00CCFE;
}
.recreation_img_box {
    display: flex;
    flex-direction: row;
}
.recreation_img_box figure {
	   display: flex;
}
.recreation_img_box .img_box {
	   margin: 10px;
}
.recreation_img_box .img_box:first-of-type {
	   margin-left: 0;
}
.recreation_img_box .img_box:nth-of-type(2) {
	   margin-right: 0;
}
#facility_01,
#facility_02 {
    width: 100%;
    height: auto;
    background: #E6E7E8;
    margin-top: 10px;
}
figcaption {
   	padding: 10px 15px;
   	font-size: 1.5rem;
   	color:#296CB5;
} 

p.notes{
    padding:20px 0 0 0;
    margin:0;
    font-weight:bold;
    color:#296CB5;
    background:#fff;
}
.about_corporation_line{
    width:730px;
    height:1px;
    margin:30px 0;
    background: #2188ff; /* Old browsers */
    background: -moz-linear-gradient(left,  #2188ff 0%, #0bd0f1 77%, #0bd0f1 77%, #00ccfe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2188ff), color-stop(77%,#0bd0f1), color-stop(77%,#0bd0f1), color-stop(100%,#00ccfe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* IE10+ */
    background: linear-gradient(to right,  #2188ff 0%,#0bd0f1 77%,#0bd0f1 77%,#00ccfe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2188ff', endColorstr='#00ccfe',GradientType=1 ); /* IE6-9 */
}
.side_nav{
    position:relative;
    float:right;
    width:220px;
    min-height:400px;
    box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
    border-top:5px solid #00CCFE;
    margin-top:30px;
}
.side_nav h3{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:1.8rem;
    font-weight:bold;
    color: #4a88cb;
    text-align:center;
    background:#fff;
}
.side_nav ul{
    min-height:270px;
    background:#00CCFE;
}
.side_nav ul li{
    width:100%;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:1.4rem;
    font-weight:bold;
    border-bottom:1px solid #fff;
}
.side_nav li a{
    display:block;
    position:relative;
    color:#fff;
    transition:all 0.3s;
}
.side_nav a:hover{
    background:#fff;
    color:#296CB5;
    font-weight:normal;
    opacity:1;
    transition:all 0.5;
}
.side_nav li:after{
    content:"";
    display:block;
    width:0;
    height:0;
    border:5px solid transparent;
    border-top:5px solid #fff;
    position:relative;
    left:48%;
}
.side_nav p{
    display:block;
    width:100%;
    font-family: Tahoma,Verdana,Segoe,sans-serif;
    color:#fff;
    margin:0;
    font-size:1.2rem;
    font-weight:normal;
    background:#00CCFE;
    padding-top:30px;
    padding-bottom:5px;
}
.side_nav_img{
    width:100%;
}
.side_nav img{
    display:block;
    width:107px;
    line-height:40px;
    margin:auto;
}
.anchor{
  display:block;
  height:90px;
  margin-top:-90px;
  visibility:hidden;
}

@media screen and (max-width: 767px){
.main_img{
    width:100%;
}
.main_top{
	position:relative;
    width:100%;
    margin-top:0;
}
.main_content{
    width:100%;
    margin-top:50px;
    margin-bottom:0;
}
.main_child{
    float:none;
    width:100%;
}
.main_content_child{
    float:none;
}
.side_nav{
    float:none;
    width: 90%;
    min-height:100%;
    margin:30px auto;
    border:none;
}
.side_nav h3{
    width:100%;
    font-size:1.5rem;
    display:none;
}
.side_nav ul{
    min-height:100%;
    background:#fff;
}
.side_nav ul li{
    width:100%;
    font-size:1.1rem;
}
.side_nav li a{
    color:#00CCFE;
    font-size: 1.4rem;
    font-weight:normal;
    transition:all 0.3s;
    border-bottom:1px solid #00CCFE;
}
.side_nav a:hover{
    background:#00CCFE;
    font-weight: bold;
    color:#fff;
    opacity:1;
    transition:all 0.5;
}
.side_nav li:after{
    border-top:5px solid #00CCFE;
}
.side_nav p{
    text-align:center;
    font-size:1.4rem;
    background:#fff;
    color:#00CCFE;
}
.side_nav_img{
    display:none;
}
.main_content h2{
    display:block;
    font-size:1.5rem;
    color:#fff;
    text-align:left;
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 0 0 10px;
    background: #0090ff;
}
.main_child_box{
    margin-top:20px;
}
.main_child h3{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    padding-left:10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-size:1.6rem;
    font-weight:bold;
    color:#fff;
    letter-spacing:0.4rem;
}
.about_miraikanai p{
    width:100%;
    line-height:200%;
    padding:0 10px;
    font-size:1.2rem;
    text-align:justify;
}
.about_miraikanai p,
.work p,
.work ul,
.link ul{
 padding: 0 20px;
 font-size:1.5rem;
}
.link ul a{
 font-size:1.5rem;
}
.about_miraikanai p:nth-of-type(2){
    margin:20px 0 20px 0;
}
.facility_img{
    width:100%;
    height:160px;
    color:#296CB5;
    background:#E6E7E8;
}
.facility_img p{
    padding:10px;
}
.facility_time{
    display:block;
    width:100%;
    height:auto;
    border-bottom:1px dotted #036CD0;
    color:#296CB5;
    padding:10px;
}
.facility_time h4{
    display:block;
    width:100%;
    height:60px;
    height:auto;
    font-size:1.6rem;
    padding-left:10px;
}
.facility_time h4:before{
    content:"";
}
.facility_time p{
    display:block;
    width:100%;
    line-height:normal;
    height:auto;
    margin:0;
    margin-top:5px;
    padding-left:25px;
    font-size:1.4rem;
    color:#296CB5;
}
.main_child_box section.facility_time:last-of-type{
    border-bottom:none;
}
.main_child_box:nth-of-type(3) div.facility_time p{
    padding-left:25px;
    height:35px;
    line-height:35px;
}
.about_corporation_line{
    width:100%;
    height:1px;
    margin:20px 0;
}
.recreation{
    width:100%;
    min-height:auto;
}
.recreation h3{
    font-size:1.6rem;
    height:auto;
    padding:15px 0 15px 10px;
}
.recreation p{
    margin:0;
    padding:0 20px 20px 20px;
    font-size:1.4rem;
    text-align:justify;
}
.recreation_img img{
    float:left;
    width:50%;
    height:150px;
    background:#E6E7E8;
    margin-top:10px;
    margin-right:0;
    border-right:10px solid #fff;
}
p.notes{
    padding:10px 0 0 10px;
    margin:0;
    font-size:1.2rem;
}
.anchor{
    display:block;
    height:0;
    margin-top:0;
    visibility:hidden;
}
.recreation_img_box figure {
    flex-direction: column;
}
.recreation_img_box .img_box {
    margin: 0;
}
}