@media screen and (max-width:768px){{display:none}.spo{display:block}{width:100%;height:auto}{width:100%}#main_head{padding:0;height:100px}#head_navi{sdisplay:none}#head_logo{width:100%;display:block;position:absolute;top:0}#head_middle{width:100%;margin-top:10px}#head_logo img{max-width:55%;margin:auto}#main_visual{background-size:cover;height:250px;padding-top:0;top:60px;margin-bottom:30px;margin-left:-20px}.container_box01{width:100%;padding:0 2%}#container.container01:after{font-size:100px;right:0;bottom:10px}.index_container{display:flex;flex-direction:column;align-content:space-between;flex-wrap:wrap}.index_container_left,.index_container_left02,.index_container_left03,.index_container_left04{width:100%;right:5%;height:150px;background-position:right top}.index_container_left h3,.index_container_left02 h3,.index_container_left03 h3,.index_container_left04 h3{top:26%;font-size:36px;left:8%}.index_container_right:before{width:100%;right:0;height:420px;left:unset;top:-50%}.index_container_right p{margin-top:10px}.index_container_right{width:100%;flex:unset;padding:0 2%}.index_container_right:after,.index_container_right02:after{content:none}.index_container{height:auto;margin-bottom:90px;padding-bottom:30px}.index_container_left02,.index_container_left04{background-position:left bottom;left:5%;right:unset;margin-left:0}.index_container_left02 h3,.index_container_left04 h3{right:8%;left:unset}.index_container_right02{flex:unset}.index_container_right02:before{width:100%;height:420px;top:-50%;left:unset;right:0;transform-origin:top right}.index_container_right02 p{margin-top:10px;color:#bbb}.index_container_left02,.index_container_left04{background-position:left bottom;left:5%;right:unset;margin-left:0}.index_container_left02 h3,.index_container_left04 h3{right:8%;left:unset}.index_container_right02{flex:unset}.index_container_right02:before{width:100%;height:420px;top:-50%;left:unset;right:0;transform-origin:top right}.index_container_right02 p{margin-top:10px;color:#bbb}.index_container_left03 h3{font-size:26px}.index_container_left04 h3{font-size:26px}#foot_container ul{padding:0}#foot_container li{margin:1%}.sub_container_left,.sub_container_left02,.sub_container_left03,.sub_container_left04{width:100%}.sub_container_left,.sub_container_left03{text-align:left;margin-right:0;margin-left:-2%;background-position:right top}.sub_container_box01{padding:0 2%}.sub_container_left h3,.sub_container_left03 h3{text-align:left;display:flex;flex:auto;left:2%;position:absolute}.contents_right{padding-top:30px}.right_contents01,.right_contents02{display:flex;flex-direction:column}.right_contents_img{width:50%;margin-left:25%;margin-bottom:10%}.right_contents_txt{width:100%;padding:5%}.exsample ul{padding:0}.right_contents_img:before{border-right-width:50px}.right_contents_img:after{border-left-width:50px}.sub_container_left02,.sub_container_left04{right:-2%;background-position:left bottom}.works_contents_box{width:50%}#page-top{width:40px;height:40px;right:20px;bottom:20px}#nav-toggle{position:absolute;right:12px;top:10px;width:40px;height:40px;cursor:pointer;z-index:101;background-color:#1d2088;padding:7px}#nav-toggle div{position:relative}#nav-toggle span{display:block;position:absolute;height:2px;width:100%;background:#e9e9e9;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}.navi_ul{position:absolute;top:-586px;background-color:rgba(200,200,200,.9);color:#000;width:100%;text-align:center;padding:15px 0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}.navi_ul ul{list-style:none;position:static;right:0;bottom:0;font-size:14px;display:unset;padding:0;margin:0}.navi_ul ul li{float:none;position:static;padding:0;margin:0}.navi_ul ul li a,.fixed .navi_ul ul li a{width:100%;display:block;color:#515151;padding:18px 0}#nav-toggle{display:block}.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg)}.open #nav-toggle span:nth-child(2){width:0;left:50%}.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-315deg)}.open .navi_ul{-moz-transform:translateY(556px);-webkit-transform:translateY(556px);transform:translateY(580px)}#nav-toggle span:nth-child(1){top:0}#nav-toggle span:nth-child(2){top:11px}#nav-toggle span:nth-child(3){top:22px}}