@charset "UTF-8";
/*
 * sp.css
 *
 */
@media screen and (max-width:1340px){
.about_stud_list li {
	width:200px;
	margin:10px;
}
}
@media screen and (max-width:1320px){
#head-h1,
#headerIn,
#footer_box,
#main .copy_box,
.box,
.sub_box,
.top_copy_box,
.method_info p {
    width:95%;
}
.top_copy_box img {
    width: 40%;
}
.top_copy {
    width: 55%;
	margin:0 2%;
}
.top_about_copy, .top_recruit_copy {
    width: 50%;
	margin:0 2%;	
}
.top_about img {
    width: 45%;
	height:auto;
}
.about_info_headed {
    width: 52%;
}
#main .first_copy {
    margin: 40px 10px;
}
.top_recruit img {
    width: 45%;
}
.page h2 {
    background-size: 130% auto;
}
/*==================================
             works
==================================*/
.top_products ul,
.works_info ul {
    flex-wrap: wrap;
	justify-content: center;
    width:auto;
}
.top_products ul h4,
.works_info ul h4 {
    width: 300px;
}
.top_products ul li:nth-of-type(2) h4 {
    font-size: 17px;
}
.top_products ul li img,
.works_info ul li img {
    width: 300px;
	height:auto;
}
.works_info h3 {
    width:auto;
	margin:30px 0;
}
}

@media screen and (max-width:1200px){
.contact_tel li {
    width: 30%;
    margin: 0 20px;
    padding: 50px 30px;
}
#navi1 ul {
    width: 100%;
}
/*==================================
             about_stud
==================================*/
.about_stud_list {
	width:90%;
	display:flex;
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	flex-wrap        : wrap;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap: wrap;
    justify-content: center;
}
.method_info .box img {
	width:45%;
	height:auto;
	margin:2%;
}
.method_info video {
    width:95%;
}

}

@media screen and (max-width:1100px){
#navi1 li {
    width:auto;
}
.contact_tel li {
    width: 38%;
	padding:50px 10px;
}
/*==================================
             about_stud
==================================*/
.about_stud_info p {
    width:95%;
}
.tokucho,
.tokucho.short {
    display:block;
    width:80%;
    margin: 20px auto 0;
}
/*==================================
             works
==================================*/
.works_page .works_img {
    width: 95%;
}
.works_page .works_img img {
    width: 300px;
}
.after_box {
    width: auto;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 30px 10px 0;
    padding: 0;
    border: #D3D1D1 solid 2px;
}
.scroll {
	display:block;
    margin: 20px;
    padding: 0;
    color: #DD4B33;
	font-size:18px;
	text-align:left;
}
/*==================================
             company
==================================*/
.company_info table {
    width:95%;
}
/*==================================
             recruit
==================================*/
.saiyoujouhou {
    width:95%;
}
/*==================================
             contact
==================================*/
.contact_info table {
    width:800px;
}
.contact_info th {
    width: 250px;
}
.contact_info td {
    width:auto;
}
.sitemap_list {
    width:90%;
}

}

@media screen and (max-width:920px){
.contact_tel li {
    width: 35%;
	padding:40px 10px;
}
.contact_tel .mail {
	padding:37px 10px;
}
.contact_tel li h4 {
	font-size:17px;
}
/*==================================
             about_stud
==================================*/
#features table {
    width:95%;
}
#inspection dt {
    width: 24%;
}

}

@media screen and (max-width:800px){
/*==================================
             contact
==================================*/
.contact_info table {
    width:750px;
}
.contact_info th {
    width: 250px;
}
.contact_info td {
    width:auto;
}

}

@media screen and (max-width:767px){

#head-h1 nav,
#navi1,
#footer_right,
.only_pc {
	display:none;
}
#humberger-menu {
	display:block;
}
#menuToggle,
.only_sp {
	display:block;
}
#wrapper,
#header,
#main,
#contents,
#footer,
#footer_box {
	width:100%;
}
html, body, #wrapper {
    overflow-x: hidden;
    position: relative;
}
#main {
	padding:10px;
	box-sizing:border-box;
}
#main .copy_box {
    width:auto;
}
#main .first_copy {
	margin:20px auto;
}
#main th {
	font-size:16px;
}
.top_page #contents {
    margin:0 auto;
}
h3 {
	margin:30px auto;
    padding: 10px 0;
	background-image:none;
	background-color:#000000;
	font-size:24px;
}
.box,
.sub_box {
    width:100%;
}
.page h2 {
    padding: 70px 0;
    background-size:auto 100%;
	background-position:50% 50%;
    font-size: 26px;
    font-weight: bold;
}
.top_about img {
    width:100%;
    height: auto;
}
.contact_tel .mail h4 {
	margin:0 auto 10px;
	font-size:15px;
}
/*==================================
             footer
==================================*/
#footer_left {
    display: block;
	width:300px;
	margin:30x auto;
}
#footer_left p {
	margin:5px auto;
	text-align:center;
}
#footer_left a {
	color:#fff;
	text-decoration:none;
}
.contact_tel a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

/*==================================
          contact_tel
==================================*/
.contact_tel {
	margin:0 auto 50px;
	padding:50px 0;
    background-size:auto 100%;	
}
.contact_tel li,
.contact_tel .mail {
    display:block;
	width:70%;
	margin:20px auto;
	padding:20px;
}
.contact_tel a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.contact_tel .mail {
	padding:20px;
}
.contact_page h3 {
	font-size:22px;
}
.contact_page h3 br {
	display:block;
}
.ttl_eng {
    border-left:none;
}

/*==================================
              top_page
==================================*/
#headerLogo_left,
.page #headerLogo_left {
    display: block;
    width:auto;
    margin:0 10px 10px;
}
#wrapper:not(.top_page) #headerIn {
    position: static;
	width:auto;
	margin:0 auto;
}
#head-h1 {
    position: static;
	width:auto;
	margin:10px 10px 0;
}
#head-h1 h1 {
	margin:0 auto;
}
.top_copy_box {
    width:auto;
	margin:0 auto 20px;
}
.first_copy {
	margin:20px auto;
	text-align:left;
}
.top_copy_box img,
.headed_stud img,
.top_recruit img {
    width: 100%;
	height:auto;
}
.top_copy {
	display:block;
    width: 100%;
	margin:10px auto;
}
.top_about_copy, .top_recruit_copy {
    display: block;
	width:auto;
	margin:0 auto;
}
.about_info ul {
	display:flex;
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	flex-wrap        : wrap;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
    flex-wrap: wrap;
    justify-content: center;
}
.about_info ul li {
    width:300px;
	margin:5px;
}
.about_info_headed,
.copy_box {
    width: 100%;
}

/*==================================
          about_stud
==================================*/

.about_stud_info .stud_copy {
    width:100%;
}
.about_stud_list {
	display:block;
    width:90%;
	margin:0 auto;
}
.about_stud_list li {
	display:block;
    width:100%;
	margin:0 auto 20px;
}
.about_stud_copy img {
    float: none;
    width:100%;
	height:auto;
	margin:30px auto 0;
}
.about_stud_copy p,
.about_stud_info p {
    float: none;
    width:100%;
    margin: 20px auto;
}
#type h4,
.about_stud_info h4 {
	margin:20px auto 30px;
	text-align:left;
}
#type ul li h4 {
	text-align:center;
}
.sub_box li img {
    display:block;
	width:100%;
	height:auto;
	margin:0 auto 30px;
}
#features table {
    width:100%;
}
#features table th,
#features table td {
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
#inspection ul {
    margin:0 auto;
}
#inspection dt, #inspection dd {
    display: block;
	width:100%;
}
#license h4 {
	text-align:center;
}
#type h5 {
	text-align:left;
}
.tokucho {
    display:block;
    width:auto;
    margin:0 auto;
}
.method_info p {
    width:100%;
}
.method_info .box img {
	width:100%;
	height:auto;
    margin: 20px auto;
}
.method_info video,
.headed_stud_page .method_info video {
	width:100%;
    margin: 20px auto;
}
.about_stud_copy img, .about_copy {
    display:block;
	width:100%;
}

/*==================================
                works
==================================*/

.copy_box  br {
	display:none;
}
.works_info h3 {
	width:auto;
	background-color:#fff;
}
.works_info table {
    margin: 20px;
}

/*==================================
             company
==================================*/
.company_info {
	width:100%;
}
.table_03 th,
.table_05 th,
.table_07 th {
	display:block;
	width:100%;
	padding:20px;
	box-sizing:border-box;	
}
.table_03 td,
.table_05 td,
.table_07 td {
	display:block;
	width:100%;
	padding:20px;
	box-sizing:border-box;	
}
.company_info table {
	width:100%;
	box-sizing:border-box;	
}
.table_05 li img {
	width:90%;
	height:auto;
}
.table_05 dt {
    width: 70%;
}
.table_05 dd {
    width: 25%;
}
.copy img {
    width:100%;
	margin:0 auto;
}
.copy p {
    width:100%;
    margin:30px auto 0;
}
iframe {
	width:95%;
	margin:0 auto 50px;
}
.copy img, .keiei_copy {
    display: block;
}
.keiei_copy {
    width: 100%;
    margin: 0 auto;
}
.right img {
    width: 200px;
}

/*==================================
             recruit
==================================*/
.saiyoujouhou th,
.faq th,
.saiyoujouhou td,
.faq td {
	display:block;
    width: 100%;
	padding:20px;
	box-sizing:border-box;	
}
.schedule h6 {
	width:100%;
}
.staff_list {
    width:auto;
}
/*==================================
             contact
==================================*/
.tel a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.chuui-jikou {
    width:90%;
	margin:0 auto;
}
.contact_info th,
.contact_info td {
	display:block;
	width:100%;
	padding:20px;
	box-sizing:border-box;
}
.contact_info table {
	width:98%;
}
.contact_info table td textarea,
.contact_info table td input {
    width: 100%;
}
textarea,
.kojinjyouhou {
	display:block;
	width:90%;
	margin:0 auto;
}
.contact_info label {
	display:block;
	margin:0 auto;
	width:63px;
}

/*==================================
               sitemap
==================================*/
.sitemap_list {
	width:100%;
}
.sitemap_list ul li h3 {
    width:auto;
}
.sitemap_list ul li a {
    padding:0;
}
.sitemap_list ul li {
    padding: 15px 0;
}
.sitemap_list > ul > li > ul {
    margin: 10px;
}

/*==================================
             privacypolicy
==================================*/
.kojinjyouhou {
	width:100%;
    padding: 10px;
	box-sizing:border-box;
}
.kojinjyouhou p {
    padding: 0;
}

}

@media screen and (max-width:700px){
/*==================================
             about_stud
==================================*/
#kuito h3 p br,
#flear h3 p br {
	display:block;
}
#kuito h3 p,
#flear h3 p {
	margin:15px 0 0 10px;
	font-size:22px;
	line-height:1em;
}
#kenchiku h3 p,
#plant h3 p,
#kyoryo h3 p {
	margin:21px 0 0 10px;
}
#kenchiku h3 p {
	font-size:18px;
}
#plant h3 p {
	margin:18px 0 0 10px;
	font-size:17px;
}

}

@media screen and (max-width:430px){
/*==================================
             about_stud
==================================*/
#kuito h3 p,
#flear h3 p {
	font-size:16px;
}

}

@media screen and (max-width:400px){
#headerLogo_left h1 img {
	width:80%;
	height:auto;
}
.top_page #headerIn {
    margin: 40px 10px 0;
}
#headerIn {
    margin: 10px;
}
/*==================================
             about_stud
==================================*/
#kuito h3 p,
#flear h3 p {
	font-size:14px;
}
#plant h3 p {
    font-size: 18px;
}

}