@media screen and (min-width: 1024px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

*{
margin: 0;
padding: 0;
}*

body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Noto Sans Japanese';
}
	
#wrap{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}

img{
border-style: none;
}

a{
outline: 0;
}

ul,li{
list-style: none;
}

.clear{
clear: both;
margin-bottom: 20px;
}

.sp{
display: none;
}

h2{
border-bottom: 2px solid #036eb8;
font-size: 160%;
font-weight: normal;
color: #333333;
margin-bottom: 20px;
padding: 0 0 10px 0;
box-sizing: border-box;
}
h3{
font-size: 140%;
font-weight: normal;
color: #173270;
margin-bottom: 10px;
padding: 0;
box-sizing: border-box;
}
h4{
background: #ffffcc;
font-size: 120%;
font-weight: normal;
color: #333333;
margin-bottom: 10px;
padding: 5px 10px;
box-sizing: border-box;
}
h5{
}
p{
font-size: 100%;
color: #333333;
overflow: auto;
line-height: 2.2;
padding: 0;
box-sizing: border-box;
}
.date{
font-size: 60%;
float: right;
padding: 10px 0 0 0;
box-sizing: border-box;
}

.breadcrumbs{
width: 100%;
margin: auto;
padding: 0;
box-sizing: border-box;
font-size: 70%;
}
.breadcrumbs_inner{
width: 1024px;
width: 90%;
margin: auto;
padding: 10px 0;
box-sizing: border-box;
}
.breadcrumbs a{
color: #333333;
}

.pagenavi{
margin-top: 50px;
}
.pages{
font-size: 80%;
}
.current{
font-size: 80%;
}

.alignnone{
width: 100%;
height: auto;
margin-bottom: 10px;
}

.alignleft{
width: 40%;
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.alignright{
width: 40%;
height: auto;
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

#page-top{
position: fixed;
bottom: 80px;
right: 20px;
font-size: 80%;
}
#page-top a{
background: #eeeeee;
text-decoration: none;
color: #000000;
width: 80px;
padding: 20px 0;
box-sizing: border-box;
text-align: center;
display: block;
border-radius: 5px;
}
#page-top a:hover {
text-decoration: none;
background: #eeeeee;
}

#header{
border-bottom: 1px solid #eeeeee;
background: #ffffff;
width: 100%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.fixed {
position: fixed;
top: 0px;
width: 100%;
z-index: 1000;
}

.header_inner{
max-width: 1280px;
width: 90%;
margin: auto;
padding: 10px 0;
box-sizing: border-box;
display: flex;
justify-content: flex-end;
align-items: center;
}
.logo{
width: 10%;
padding: 0;
box-sizing: border-box;
}
.navi{
width: 90%;
padding: 0;
box-sizing: border-box;
}
.navi ul{
list-style: none;
display: flex;
justify-content: flex-end;
}
.navi li{
border-right: 1px solid #eeeeee;
padding: 0 20px;
box-sizing: border-box;
}
.navi li a{
color: #333333;
font-size: 100%;
padding: 0;
box-sizing: border-box;
text-decoration: none;
}
.navi li a:hover{
color: #036eb8;
text-decoration: none;
}
.navi li a:hover{
color: #036eb8;
text-decoration: none;
}
.navi li.current_page_item a{
color: #036eb8;
text-decoration: none;
}
.navi li.current-menu-item a{
color: #036eb8;
text-decoration: none;
}
.navi li.current-post-ancestor a{
color: #036eb8;
text-decoration: none;
}
.active{
border-left: 1px solid #eeeeee;
}
h6{
font-size: 70%;
color: #036eb8;
font-weight: normal;
}
#toggle{
display: none;
}

#mainimage{
width: 100%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}
.mainimage_inner{
max-width: 1280px;
width: 90%;
height: auto;
margin: auto;
padding: 0;
box-sizing: border-box;
}

#subimage{
-moz-background-size:cover;
background-size:cover;
background-size: 100%;
background-image: url("https://maxifuture2020.com/admin/wp-content/uploads/2020/09/mainimage.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 200px;
margin: auto;
padding: 0;
}

#container{
max-width: 1280px;
width: 90%;
min-height: 500px;
margin: auto;
padding: 0;
box-sizing: border-box;
display: flex;
align-items: flex-start;
}

#contents{
width: 80%;
padding: 0;
box-sizing: border-box;
}

.inner{
width: 100%;
margin: auto;
padding: 40px 40px 40px 0;
box-sizing: border-box;
}

.updatebox{
width: 100%;
height: auto;
padding: 0 0 5px 0;
box-sizing: border-box;
border-bottom: 1px dotted #cccccc;
}
.updatebox p{
font-size: 100%;
color: #333333;
word-break:break-all;
padding: 0;
}
.updatebox a{
text-decoration: none;
font-size: 100%;
color: #000000;
word-break:break-all;
padding: 0;
box-sizing: border-box;
}
.updatebox dt{     
padding-top: 10px;    
padding-left: 10px;
box-sizing: border-box;
width: 12%;
float: left;
clear: both;
}
.updatebox dd{
padding-top: 13px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
box-sizing: border-box;
width: 80%;
margin-left: 17%;
}

table{
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
th{
border: 1px solid #cccccc;
width: 25%;
text-align: left;
vertical-align: top;
padding: 10px;
box-sizing: border-box;
font-size: 100%;
font-weight: normal;
color: #333333;
line-height: 2.2;
}
td{
border: 1px solid #cccccc;
text-align: left;
vertical-align: top;
padding: 10px;
box-sizing: border-box;
font-size: 100%;
font-weight: normal;
color: #333333;
line-height: 2.2;
}
	
.servicesbtn{
display: inline-block;
background: #c70035;
padding: 10px;
box-sizing: border-box;
margin-top: 20px;
float: left;
}
.servicesbtn a{
display: block;
font-size: 90%;
color: #ffffff;
padding: 0;
box-sizing: border-box;
}

.englishteachervoice{
border: 3px solid #ffcc00;
padding: 20px;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 20px;
}

.englishteacherphoto{
display: flex;
padding: 0;
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 10px;
}
.englishteacherphotoinner{
padding: 5px;
box-sizing: border-box;
}

.postnavi{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width: 100%;
height: auto;
margin-top: 50px;
padding: 20px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
}
.postnavi a{
font-size: 80%;
color: #000000;
}
.next{
padding: 0 20px;
box-sizing: border-box;
}
.prev{
padding: 0 20px;
box-sizing: border-box;
}

#sidebar{
width: 20%;
padding: 0;
box-sizing: border-box;
}
.sidebarinner{
width: 100%;
margin: auto;
padding: 40px 0;
box-sizing: border-box;
}
#subnavi{
width: 100%;
margin-bottom: 40px;
}
.pagetitle{
font-size: 120%;
color: #333333;
margin-bottom: 10px;
padding: 0;
box-sizing: border-box;
}
#subnavi ul{
margin: 0;
list-style: none;
}
#subnavi li{
font-size: 100%;
padding: 0 0 10px 25px;
box-sizing: border-box;
}
#subnavi li a{
text-decoration: none;
color: #333333;
}
#banner{
width: 100%;
margin-bottom: 40px;
}
#banner ul{
margin: 0;
list-style: none;
}
#banner li{
padding: 0;
box-sizing: border-box;
}	
#banner li img{
width: 100%;
height: auto;
margin-bottom: 10px;
}
.sideupdatebox{
width: 100%;
height: auto;
padding: 0 0 5px 0;
box-sizing: border-box;
border-bottom: 1px dotted #cccccc;
}
.sideupdatebox p{
font-size: 90%;
color: #333333;
word-break:break-all;
padding: 0;
}
.sideupdatebox a{
text-decoration: none;
font-size: 100%;
color: #000000;
word-break:break-all;
padding: 0;
box-sizing: border-box;
}
.sideupdatebox dt{     
padding-top: 5px;    
box-sizing: border-box;
}
.sideupdatebox dd{
padding-bottom: 3px;
box-sizing: border-box;
}

#footer{
clear: both;
background: #000000;
width: 100%;
height: auto;
}

.footer_inner{
width: 90%;
max-width: 1280px;
margin: auto;
padding: 30px 0;
box-sizing: border-box;
}

.footerbox-container{
display: flex;
}

.footerbox{
width: 20%;
padding: 0;
box-sizing: border-box;
}

.footerbox ul{
margin: 0;
list-style: none;
}
.footerbox li{
font-size: 80%;
padding: 0 0 5px 0;
box-sizing: border-box;
}
.footerbox a,.footerbox a:link,.footerbox a:visited{
text-decoration: none;
color: #ffffff;
width: auto;
height: auto;
}

address{
width: 100%;
margin: auto;
color: #ffffff;
font-size: 80%;
padding: 10px 0;
box-sizing: border-box;
text-decoration: none;
font-style: normal;
text-align: center;
}

/* お問い合わせ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea {
background-color: #fff;
color: #333;
width: 100%;
border: 1px solid #ddd;
font-size: 100%;
padding: 10px;
box-sizing: border-box;
}

.wpcf7 input[type="submit"] {
font-size: 100%;
padding: 0.2em 0.6em;
background: #eee;
color: #535353;
border-radius: 4px;
cursor: pointer;
box-shadow: 0 0 1px rgba(0,0,0,.2);
border: 1px solid #ccc;
}

select{
width: 100%;
outline:none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
}
	
}