@charset "utf-8";

@media only screen and (max-width:480px){
    
body{
    margin-top: 0px;
    text-align: left;
}
.sp{
	display: block;
}
.pc{
	display: none!important;
}
img{
    width: 100%;
    height: auto;}
 .telLink {
pointer-events : auto;
cursor: pointer;
text-decoration:none;
  }    
.th1{
    background-color: #004597;
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.8rem;
}
.th2{
    background-color: #004597;
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
       font-size: 0.8rem;
}
.td1{
    padding: 10px;
    background-color: #CADCFF;
    font-size: 0.8rem;    
}
.td2{
    padding: 10px;
    background-color: #E1EEFD;
    font-size: 0.8rem;    
}
.td3 {
    padding: 10px;
    background-color: #E8E8E8;
    font-size: 0.8rem;
}
    
/*-----------------------------
 header
-----------------------------*/
#header {
width: 100%;    
	}

#header h1 {
    font-size: 0.6em;
    font-weight: normal;
    margin-bottom: 5px;
	padding-left: 5px;
    float: none;
    margin-top: 5px;
    width: 100%;
    display: block;
    margin-left: 0px;
    color: #B4B4B4;
   line-height: 110%;
}
#header #logo {
    float: none;
    width: 80%;
    margin-top: 5px;
    margin-left: auto;
    margin-bottom: 15px;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

#header .bt{
    width: 50%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
#header .bt ul li{
    float: left;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;

}
#header .bt ul li img{
    width: 100%;
    height: auto;
}    
#header .head_tel {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 10px;
    background-color: #E7E7E7;
}
#header .head_tel .upper{
    margin-bottom: 10px;
    font-size: small;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
#header .head_tel .lower{
    width: 100%;
    margin-left: auto;
    margin-right: auto;    
}
#header .head_tel ul{
}
#header .head_tel .upper ul li{
    width: 48%;
    margin-bottom: 0px;
    font-weight: normal;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    line-height: 130%;
}
#header .head_tel .lower ul li{
    width: 45%;
    margin-bottom: 0px;
    font-weight: normal;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    line-height: 130%;
}
#header .head_tel .lower ul li:last-child{
    margin-right: 0px;
}
#header .head_link {
    display: none;
}

/*-----------------------------
  スライド部分（全画面表示の場合）
-----------------------------*/
h1{
	font-size: 0.8em;
	color: #666;
}
h2{
    font-size: 1.6rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 900;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    line-height: 100%;
}
h3{
    width: 96%;
    font-size: 1.4rem;
    margin-bottom: 40px;
    font-weight: 900;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 140%;
    color: rgba(0,0,0,1.00);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-right: 0px;
}
.english{
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2rem;
    text-align: center;
    color: rgba(110,110,110,1.00);
    line-height: 100%;
    margin-bottom: 40px;
}
.h2_comment{
    width: 96%;
    margin-bottom: 40px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9rem;
    line-height: 140%;

}
    
h4{
    font-size: 1.3em;
    margin-bottom: 40px;
    font-weight: 900;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 130%;
}
h5{
    font-size: 1.1em;
    margin-bottom: 20px;
    font-weight: 900;
     line-height: 100%;

}
/*-----------------------------
メイン コンテンツ
-----------------------------*/
#container{
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 50px;
    display: block;
    position: relative;

	}
 #top-container{
    width: 98%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;


    }
#mainimg{
    width: 100%;
    min-width: 100%;
    background-repeat: repeat;
    background-position: center top;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
    position: relative;    
}
#mainimg .bt{
    width: 320px;
    top: 35px;
    right: 0px;
    position: absolute;
    z-index: 2000;
    margin-right: 40px;
}
#mainimg_kasou{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-position: center top;
	border-top: 3px solid #FFA12A;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../common/main_kasou_bg.png);
}
#main {
    width: 96%;
    margin-left: auto;
    margin-right: auto;    
    }
#sidebar{
        display: none;
    }
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}
.contact_ban{
    background-image: url(../images/sp_banner_bg.jpg);
    padding-top: 70px;
    padding-bottom: 20px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    border: 1px solid #162C41;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;
    background-position: center top;
    background-size: cover;
    height: auto;
}
    .contact_ban ul{
            width: 60%;
    margin-left: auto;
    margin-right: auto;
    height: 160px;
    }
 .contact_ban ul li{
    margin-bottom: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: none;
    padding-left: 0px;
    padding-right: auto;
    text-align: center;
    }    
.stage1{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.stage1 ul{
    margin-bottom: 0px;
}
.stage1 ul li{
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 10px;
    background-color: rgba(255,255,255,1.00);
}	
.stage1 ul li:last-child{
    margin-right: 0px;
}
.stage1 ul li img a:hover {

}
.top_banner{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;    
}    
.stage2{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
 
}
.stage2 .box{
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 20px;
  
}
.stage2_bg{
    background-image: none;
    background-image: none;
}
.stage2_bg2{
    background-image: none;
    background-image: none;
}
.stage2 .box .left{
    width: 96%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.stage2 .box .right{
    width: 96%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.stage2 .box .inner{
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.stage2 .box .inner .ttl{
    font-size: 1.3em;
    margin-bottom: 25px;
    font-weight: 900;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 140%;
    color: rgba(6,6,6,1.00);
    background-repeat: repeat-y;
    }    
.banner{
    background-color: rgba(0,5,41,1.00);
    color: rgba(255,255,255,1.00);
    width: 100%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 350%;
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    float: none;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
a .banner:hover{
    background-color: rgba(114,90,29,1.00);
}
.stage3{
    margin-bottom: 100px;

}
.stage3 .boxwrap{
    display: block;
    flex-wrap: wrap;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.stage3 .box{
    width: 100%;
    margin-right: 20px;
    background-color: #F0F0F0;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.stage3 .box:nth-child(4){
    margin-right: 0px;
}
.stage3 .box .ttl{
    border-bottom: 0px solid #191919;
    margin-bottom: 10px;
    font-weight: bold;
    height: auto;
    line-height: 130%;
}
.stage3 .box .image{
    margin-bottom: 20px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.stage3 .box .txt{
    margin-bottom: 20px;
    height: auto;
}
.stage3 .box .bt{
    width: 196px;
    margin-left: auto;
    margin-right: auto;
}
.stage4, .stage5{
    margin-bottom: 40px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.stage4 ul,.stage5 ul{}
.stage4 ul li,.stage5 ul li{
    width: 100%;
    margin-right: 40px;
    float: left;
    margin-bottom: 40px;
}
.stage4 ul li img,.stage5 ul li img{
        -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
box-shadow:5px 7px 5px -2px rgba(128,128,128,0.46);
-webkit-box-shadow:5px 7px 5px -2px rgba(128,128,128,0.46);
-moz-box-shadow:5px 7px 5px -2px rgba(128,128,128,0.46);
zoom: 1;
position:relative;    
}
.stage4 ul li:last-child,.stage5 ul li:last-child{
    margin-right: 0px;
}
.stage4 .contact{
    background-image: url(../images/sp_banner_bg.jpg);
    padding-top: 90px;
    padding-bottom: 20px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    border: 1px solid #162C41;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;
    background-position: center top;
    background-size: cover;
    height: auto;
}
.stage4 .contact ul{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    height: 130px;
}
.stage4 .contact ul li{
    margin-bottom: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-left: auto;
    margin-right: auto;
}

#info_area{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;

	}
#info_area .inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 30px;

}	

#info_area #whatsnew {
    margin-bottom: 60px;
    padding: 10px;
    border: 1px solid #C4C4C4;
    width: 96%;
    float: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}
#info_area #whatsnew h2 {
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
    background-color: #E7E7E7;
}
#info_area #whatsnew .inner_box{
    height: 490px;
    overflow-y: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#info_area #whatsnew dl {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #bbb;
}
#info_area #whatsnew dt {
	font-size: 0.9rem;
	font-weight: bold;
	background-image: url(../common/list1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#info_area #whatsnew dd {
	font-size: 0.9rem;
	padding-left: 0px;
}
#info_area #whatsnew dd a {
;
	color: #000000;
}
#info_area #whatsnew dd a:hover {
;
	color: #880000;
}
#info_area #company_address{
    float: none;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
#info_area #company_address .ttl{
    margin-bottom: 30px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.4rem;
    font-weight: 900;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
}
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map_ttl{
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    background-color: rgba(179,0,3,1.00);
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 20px;
}

#info_area #company_address .txt{
	margin-bottom: 20px;
}
    #info_area #company_address_map{}


/*-----------------------------
 下層ページ
-----------------------------*/
.beginner{}
.beginner h3.title{
    background-image: -webkit-linear-gradient(270deg,rgba(111,97,56,1.00) 0%,rgba(66,52,21,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(111,97,56,1.00) 0%,rgba(66,52,21,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(111,97,56,1.00) 0%,rgba(66,52,21,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(111,97,56,1.00) 0%,rgba(66,52,21,1.00) 100%);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.6rem;
    padding-top: 10;
    padding-right: 10px;
    padding-left: 30px;
    padding-bottom: 10;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 200%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.beginner .flow{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
    border: 1px solid #5B5B5B;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.46);
    -webkit-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.46);
    -moz-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.46);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.beginner .flow .upper{
    margin-bottom: 30px;
}
.beginner .flow .upper .step{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 140%;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    

}
.beginner .flow .upper .ttl{
    width: 600px;
    float: right;
 }
.beginner .flow .lower{}
.beginner .flow .lower .text{}
.beginner .flow .lower .text .box{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.0rem;
    background-color: #E5E5E5;
    margin-left: auto;
    padding: 15px;
    margin-right: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 100%;
    font-weight: 900;
    line-height: 190%;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.beginner .flow .lower .text .box a{
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    background-color: #E5E5E5;    
}
.boxarrow{
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.about{}
.about .txt{
    margin-bottom: 60px;
}
.about .gaiyou{
    
}
.about .gaiyou dl{
    width: 96%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #9E9E9E;
    margin-left: auto;
    margin-right: auto;
}
.about .gaiyou dl dt{
    width: 100%;
    float: none;
    border-left-width: 0px;
    font-weight: bold;
}
.about .gaiyou dl dt::before {
  content: "■";

}
.about .gaiyou dl dd{
    float: none;
    width: 100%;

}
.about .logo{
    width: 60%;
    margin-left: auto;
    margin-right: auto;    
    margin-bottom: auto;
    float: none;
}
 
.about .companyname{
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 900;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #8A8A8A;
    box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.26);
    -webkit-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.26);
    -moz-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.26);
    background-color: #EDEDED;
}
.about .mapbox{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.business .image{
    text-align: center;
    margin-bottom: 30px;
}
.document .image{
    text-align: left;
    margin-bottom: 30px;
    font-size: 0.9rem;
    line-height: 150%;
}
.document .arrow{
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}    
.colorframe{
    width: 96%;
    padding: 10px;
    border: 3px solid #DDD1B8;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.26);
    -webkit-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.26);
    -moz-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.26);
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.color_ttl{
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 20px;
    border-bottom: 2px solid #DDD1B8;
    border-top: 2px solid #DDD1B8;
    font-weight: bold;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
}
.color_ttl2{
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 20px;
    border-bottom: 2px solid #DDD1B8;
    border-top: 2px solid #DDD1B8;
    font-weight: bold;
    padding-left: 10px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.4rem;
    text-align: center;
}
.business table{
	width: 100%;
	border: 1px solid #E0E0E0;
	border-collapse: collapse;
	}
.business th{
    background-color: #E9FAFF;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    text-align: center;
}	

.business td{
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 6px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
}

.staff{}
.staff .staffBox{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    border: 1px solid #E1E1E1;
    width: 96%;
    /* box-shadow */
    box-shadow: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
	}

.staff .staffBox dl{
    width: 100%;
    float: none;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.staff .staffBox dt{
    background-image: url(../common/staff_bg.png);
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 7px;
    padding-left: 15px;
    font-weight: bold;
    border-left: 3px solid #C4C4C4;
    background-color: #EFEFEF;
}
.staff .staffBox dd{
	padding-left: 15px;
}
.staff .staffBox .image{
    width: 146px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.recruit table{
    width: 100%;
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
    margin-bottom: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
.recruit th{
    background-color: #E9FAFF;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    text-align: center;
}	

.recruit td{
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 6px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
}

.recruit .menuBox{
  display: block;
  justify-content: space-between;
    flex-wrap: wrap;
}      
.recruit .menuBox .box{
    width: 96%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.recruit .menuBox .box .img{}
.recruit .menuBox .box .txt{

    font-weight: bold;
    font-size: 1.0rem;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.recruit .menuBox .box .txt:hover{

}

.recruit .boshuyoko{
    margin-bottom: 40px;
}
.recruit .boshuyoko dl{
    display: block;
    　justify-content: space-between;
    　flex-wrap: wrap;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
    border-bottom: 0px solid rgba(219,219,219,1.00);
}
.recruit .boshuyoko dt{
    width: 100%;
    font-weight: bold;
    margin-bottom: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: left;
    padding-top: 4px;
    padding-left: 10px;
    padding-bottom: 4px;
    border-top-style: solid;
    background-color: #F0F0F0;
    border-bottom: 1px solid #525252;
}
.recruit .boshuyoko dd{
    width: 100%;
    line-height: 150%;
}    

.recruit .work_contentBox{
    padding: 10px;
    border: 2px solid #DDDDDD;
    box-shadow: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 40px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.recruit .workflow{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/recruit_workflow_line.png);
    background-repeat: repeat-y;
    background-position: 10px 0%;
    margin-bottom: 80px;
}
.recruit .workflow .flow1{
    display: block;
    flex-wrap: wrap;
    background-image: url(../images/recruit_workflow_sp.png);
    background-repeat: no-repeat;
    background-position: left 2px;
    margin-bottom: 40px;
}
.recruit .workflow .flow1 .time{
    width: 100px;
    color: #639DE5;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 100%;
    padding-top: 28px;
    padding-left: 40px;
    margin-bottom: 10px;
}
.recruit .workflow .flow1 .work{
    width: 90%;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    font-size: 1.0rem;
    line-height: 140%;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #639DE5;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-left: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.recruit .workflow .img{
    margin-left: 10%;
    margin-top: 10px;
    width: 90%;
    margin-bottom: 10px;
}
.recruit .workflow .img img{
    width: 100%;
    height: auto;
}    
.recruit .workflow .flow1 .txt{}
.recruit .interview{}
.recruit .interview .name{
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 40px;
    padding-bottom: 5px;
    text-align: left;
    margin-bottom: 20px;
    background-image: url(../images/recruit_interview_icon1.png);
    background-repeat: no-repeat;
    color: #000A43;
    font-size: 1.1rem;
    border-bottom: 1px solid #001347;
    font-weight: bold;
}
.recruit .interview .q{
    background-image: url(../images/q.png);
    background-repeat: no-repeat;
    padding-left: 47px;
    min-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.0rem;
    padding-top: 2px;
    ling-height: 120%;
}
.recruit .interview .a{
    line-height: 180%;
    margin-bottom: 50px;
    padding: 10px;
}    

.recruit .faq .q{
    background-image: url(../images/q.png);
    background-repeat: no-repeat;
    padding-left: 55px;
    min-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
    padding-top: 2px;
    line-height: 160%;    
}
.recruit .faq .a{
    background-image: url(../images/a.png);
    background-repeat: no-repeat;
    padding-left: 55px;
    min-height: 40px;
    margin-bottom: 20px;
    padding-top: 2px;
    line-height: 160%;
    padding-bottom: 20px;
}    
.contact{}
.contact dl{
    width: 96%;
    border-bottom: 1px dotted #E0E0E0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.contact dt{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    background-image: url(../common/list3.png);
    font-weight: bold;
}
.contact dd{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
	float: none;
}

.contact .flow{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    border: 1px solid #5B5B5B;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.46);
    -webkit-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.46);
    -moz-box-shadow: 5px 7px 5px -2px rgba(128,128,128,0.46);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.contact .flow .upper{
    margin-bottom: 30px;
}
.contact .flow .upper .step{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 140%;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact .flow .upper .ttl{
    width: 600px;
    float: right;
 }
.contact .flow .lower{}
.contact .flow .lower .text{}
.contact .flow .lower .text .box{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.0rem;
    background-color: #E5E5E5;
    margin-left: auto;
    padding: 20px;
    margin-right: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 100%;
    font-weight: 900;
    line-height: 190%;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.contact .flow .lower .text .box a{
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    background-color: #E5E5E5;    
}
.mokuji{
    border: 3px solid #C9C9C9;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 10px;
    border-radius: 7px;
    margin-bottom: 50px;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mokuji .ttl{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}

 .mokuji ul li{
    margin-bottom: 15px;
    list-style-position: inside;
    list-style-type: decimal;
    font-size: 1em;
    font-weight: normal;
    background-image: none;
    margin-left: -20px;
}
.fee .flow{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}   
.chosei{
  padding-top: 0px;
  margin-top:-0px;  
}    
    
/*-----------------------------
 pagetop/breadcrumb
-----------------------------*/
.pagetop {
	width: 50px;
	margin-bottom: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.breadcrumb {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
}
.breadcrumb a {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
.breadcrumb a:hover {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	color: #ff9933;
	text-decoration: none;
}
/*-----------------------------
 form
------------------------------*/
.formstyle{
    width: 98%;
    padding: 10px;
    font-size: 1.2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.formstyle2{
	width: 50%;
	padding: 10px;
	font-size: 1.2rem;
}

/*-----------------------------
 footer
-----------------------------*/

#footer {
	width: 100%;
	background-color: #00112B;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
}

#footer .inner {
	width:96%;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 10px;
}
#footer #logo {
    font-size: 10px;
    font-weight: normal;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    width: 75%;
    margin-bottom: 15px;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#footer #sitemap {
    font-size: 10px;
    font-weight: normal;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    height: 48px;
    width: 420px;
    display: none;
}
#footer .footer_address {
    font-size: 0.9rem;
	float: none;
	margin-bottom: 15px;
	color: #FFFFFF;
	margin-right: 30px;
}
#footer .footer_copyright {
    clear: both;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: small;
}


.foot_link {
    font-weight: normal;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    display: none;
}



/* メールフォーム確認画面
------------------------------------------------------------*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

}