@charset "utf-8";

/* Reset

-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;

}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {
	color: #333;
	-webkit-text-size-adjust: none;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;

}
/* -------------------------------------------------------------- */
html { scroll-behavior: smooth;}
html,body{
	width: 100%;

}
body {
    font-size: 16px;
    line-height: 200%;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
#wrapper{
	width: 100%;
	
}
/* リンク設定
------------------------------------------------------------*/
a{
    color: #003392;
    text-decoration: none;
}
a:hover{
    color: #FF6E00;
}
a:active, a:focus {outline:0;}

a:hover img
{
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

section.content article{

overflow:hidden;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

.pc{
	display: block;
}
.sp{
	display: none;
}
 .telLink {
pointer-events : none;
cursor:default;
text-decoration:none;
  }
/*-----------------------------
 header
-----------------------------*/
#header {
	}

#header h1 {
    font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 5px;
    float: left;
    margin-top: 5px;
    width: 100%;
    left: 0px;
    top: 0px;
    display: block;
    margin-left: 60px;
    color: #B4B4B4;
}
#header #logo {
	float: left;
	width: 500px;
	margin-top: 5px;
	margin-left: 60px;
}
#header .bt{
    width: 190px;
    float: right;
    margin-top: 15px;
    margin-right: 10px;
}
#header .bt ul li{
    float: left;
    width: 90px;
    margin-left: 5px;

}
#header .bt ul li img{
    width: 100%;
    height: auto;
}
#header .head_tel {
    width: 400px;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
 }
#header .head_tel .upper{
    margin-bottom: 0px;
    font-size: 0.9rem;
}
#header .head_tel .lower{

}
#header .head_tel ul{
}
#header .head_tel .upper ul li{
    margin-bottom: 0px;
    font-weight: normal;
    float: left;
    margin-right: 10px;
    line-height: 100%;
}
#header .head_tel .lower ul li{
    float: left;
    margin-right: 10px;
    width: 190px;
}
#header .head_tel .lower ul li img{
    width: 100%;
    height: auto;
}
#header .head_tel .lower ul li:last-child{
    margin-right: 0px;
}
#header .head_link {
    font-weight: normal;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    width: 360px;
    margin-bottom: 10px;
    height: 20px;
    position: absolute;
    top: -5px;
    right: 10px;
    margin-right: 60px;
}

#header .head_link ul {

}
#header .head_link li {
	float: left;
	font-size: 0.9em;
	right: 40px;
}

/*-----------------------------
  スライド部分（全画面表示の場合）
-----------------------------*/
h1{
	font-size: 0.8em;
	color: #666;
}
h2{
    font-size: 2.8rem;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 900;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 100%;
}
h3{
    font-size: 2em;
    margin-bottom: 35px;
    font-weight: 900;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 160%;
    color: rgba(6,6,6,1.00);
    background-color: #E9E9E9;
    padding-left: 20px;
    padding-top: 10px;
    -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;
    border: 1px solid #B9B9B9;
}
h4{
    border: 1px solid rgba(0,0,0,1.00);
    font-size: 1.4rem;
    font-weight: 900;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 100%;
    color: rgba(0,0,0,1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    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;
    padding-top: 11px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 7px;
    margin-bottom: 40px;
}
h5{
  font-size: 1.5em;

}


.english{
    font-family: "Times New Roman", Times, serif;
    font-size: 1.8rem;
    text-align: center;
    color: rgba(110,110,110,1.00);
    line-height: 100%;
    margin-bottom: 45px;
}
.h2_comment{
    margin-bottom: 90px;
    text-align: center;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

h5{
    font-size: 1.3em;
    margin-bottom: 20px;
    font-weight: 900;
     line-height: 100%;

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

	}
#main{
    width: 900px;
    margin-right: 60px;

}
#sidebar{
    width: 240px;

}
#sidebar .inner{
    padding-top: 40px;
    margin-top: -40px;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;

}
#mainimg{
    width: 100%;
    min-width: 1200px;
    background-repeat: repeat;
    background-position: center top;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    text-align: center;

}
#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);
}
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

.stage1{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}
.stage1 ul{
    margin-bottom: 20px;
}
.stage1 ul li{
    float: left;
    margin-right: 20px;
    background-color: rgba(255,255,255,1.00);
}	
.stage1 ul li img{
    box-shadow: 1px 1px 4px 2px #C1C1C1;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 2px #C1C1C1;
}
.stage1 ul li:last-child{
    margin-right: 0px;
}
.stage1 ul li img a:hover {

}
.top_banner{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;    
}
.contact_ban{
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.stage2{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
 
}
.stage2 .box{
    padding-bottom: 30px;
    margin-bottom: 90px;
  
}
.stage2_bg{
    background-image: url(../images/stage2bg.jpg);
    background-repeat: no-repeat;
    background-position: right 30px;
}
.stage2_bg2{
    background-image: url(../images/stage2bg2.jpg);
    background-repeat: no-repeat;
    background-position: left 30px;
}
.stage2 .box .left{
    width: 600px;
    float: left;
}
.stage2 .box .right{
    width: 600px;
    float: right;
}
.stage2 .box .inner{
    margin-bottom: 20px;
    margin-top: 80px;    
    margin-left: 40px;
    margin-right: 40px;
}
.stage2 .box .inner .ttl{
    font-size: 2em;
    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: 420px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 200%;
    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: flex;
     flex-wrap: wrap;
}
.stage3 .box{
    width: 263px;
    margin-right: 7px;
    margin-left: 7px;
    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;      

}

.stage3 .box .ttl{
    border-bottom: 0px solid #191919;
    margin-bottom: 10px;
    font-weight: bold;
    height: 45px;
    line-height: 130%;
    font-size: 0.95rem;
}
.stage3 .box .ttl2{
    border-bottom: 0px solid #191919;
    margin-bottom: 10px;
    font-weight: bold;
    height: 80px;
    line-height: 130%;
    font-size: 0.95rem;    
}
.stage3 .box .image{
    margin-bottom: 20px;
}
.stage3 .box .txt{
    margin-bottom: 20px;
    height: 200px;
}
.stage3 .box .bt{
    width: 196px;
    margin-left: auto;
    margin-right: auto;
}
.stage4, .stage5{
    margin-bottom: 100px;
}
.stage4 ul,.stage5 ul{}
.stage4 ul li,.stage5 ul li{
    width: 580px;
    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: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;
zoom: 1;
position:relative;    
}
.stage4 ul li:last-child,.stage5 ul li:last-child{
    margin-right: 0px;
}


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

}	

#info_area #whatsnew {
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #C4C4C4;
	width: 520px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#info_area #whatsnew h2 {
    font-size: 2rem;
    font-weight: bold;
    display: block;
    padding-top: 13px;
    height: 33px;
    margin-bottom: 15px;
    line-height: 100%;
    background-color: #E7E7E7;
}
#info_area #whatsnew .inner_box{
	height: 570px;
	overflow-y: auto;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-image: url(../common/info_area_bg.png);
}
#info_area #whatsnew dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

}
#info_area #whatsnew dt {
	font-size: 0.9em;
	font-weight: bold;
	background-image: url(../common/list1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
#info_area #whatsnew dd {
	font-size: 0.9em;
	padding-left: 30px;
}
#info_area #whatsnew dd a {
;
	color: #000000;
}
#info_area #whatsnew dd a:hover {
;
	color: #880000;
}
#info_area #company_address{
	float: right;
	width: 560px;
}
#info_area #company_address .ttl{
    margin-bottom: 30px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2rem;
    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: 400px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 1.8rem;
    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%;
}
.beginner .flow{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 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);
    }
.beginner .flow .upper{
    margin-bottom: 30px;
}
.beginner .flow .upper .step{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 120%;
    text-align: center;
    width: 400px;
    margin-left: auto;
    margin-right: auto;

}
.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.4rem;
    background-color: #E5E5E5;
    margin-left: auto;
    padding: 20px;
    margin-right: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 500px;
    font-weight: 900;
    line-height: 190%;
    margin-top: 30px;
    }
.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{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #9E9E9E;
}
.about .gaiyou dl dt{
    width: 160px;
    float: left;
    border-left-width: 0px;
    font-weight: bold;
}
.about .gaiyou dl dt::before {
  content: "■";

}
.about .gaiyou dl dd{
    float: right;
    width: 690px;

}
.about .logo{
    margin-left: 20px;
    margin-bottom: 20px;
    float: right;
}
.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: 800px;
    margin-left: auto;
    margin-right: auto;
}
.document .image{
    text-align: center;
    margin-bottom: 30px;
    font-size: 0.9rem;
    line-height: 150%;
}
.document .arrow{
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
    margin-bottom: 40px;
}
.colorframe p{
    margin-bottom: 30px;
}
.colorframe{
    padding: 20px;
    border: 6px solid #DDD1B8;
    margin-left: 30px;
    margin-right: 30px;
    -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;
}
.colorframe .bt{
    width: 196px;

}
.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.6rem;
    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: 20px;
    border: 1px solid #E1E1E1;
    width: 900px;

/* 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;
	}

.staff .staffBox dl{
	width: 660px;
	float: left;
	margin-bottom: 15px;
}
.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;
}
.staff .staffBox dd{
	padding-left: 15px;
}
.staff .staffBox .image{
	width: 146px;
	float: right;
}
.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: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    text-align: center;
    font-size: 0.9rem;
}	

.recruit td{
    width: 80%;
    font-size: 0.9rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 6px;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    line-height: 150%;
}
.recruit .menuBox{
  display: flex;
  justify-content: space-between;
    flex-wrap: wrap;
}      
.recruit .menuBox .box{
    width: 420px;
    margin-bottom: 50px;
}
.recruit .menuBox .box:hover{
    width: 420px;
    margin-bottom: 50px;
    background-color: rgba(255,255,255,1.00);
}
.recruit .menuBox .box .img{
    position: relative;
    margin-bottom: 5px;
}  
.recruit .menuBox .box .txt{
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 2px solid rgba(1,0,46,1.00);
    border-bottom: 2px solid rgba(1,0,46,1.00);
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    width: 100%;
    color: rgba(0,0,0,1.00);
}
.recruit .boshuyoko{
    margin-bottom: 80px;
}
.recruit .boshuyoko dl{
    display: flex;
    　justify-content: space-between;
    　flex-wrap: wrap;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(219,219,219,1.00);
}
.recruit .boshuyoko dt{
    width: 150px;
    font-weight: bold;
}
.recruit .boshuyoko dd{
    width: 700px;
    line-height: 150%;
}
.recruit .work_contentBox{
    padding: 30px;
    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: 70px;    
}
.recruit .workflow{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/recruit_workflow_line.png);
    background-repeat: repeat-y;
    background-position: 93px 0%;
    margin-bottom: 80px;
}
.recruit .workflow .flow1{
    display: flex;
    flex-wrap: wrap;
    background-image: url(../images/recruit_workflow.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 50px;

}
.recruit .workflow .flow1 .time{
    width: 100px;
    color: #639DE5;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 100%;
    padding-top: 26px;
}
.recruit .workflow .flow1 .work{
    width: 400px;
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 140%;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 50px;
    background-color: #639DE5;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-left: 50px;
}
.recruit .workflow .img{
    margin-left: 180px;
    margin-top: -40px;
    width: 400px;
    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: 40px;
    background-image: url(../images/recruit_interview_icon1.png);
    background-repeat: no-repeat;
    color: #000A43;
    font-size: 1.3rem;
    border-bottom: 1px solid #001347;
    font-weight: bold;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.recruit .interview .q{
    background-image: url(../images/q.png);
    background-repeat: no-repeat;
    padding-left: 55px;
    min-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 1.1rem;
    padding-top: 2px;
    line-height: 160%;    
}
.recruit .interview .a{
    margin-bottom: 50px;
    padding: 30px;
    background-color: #EFEFEF;
    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;
    border: 1px solid #A8A8A8;
}
.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;
    font-size: 1.0rem;
    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: 25px;
    font-size: 1.0rem;
    padding-top: 2px;
    line-height: 160%;
    border-bottom: 1px dotted #C5C5C5;
    padding-bottom: 25px;
}
.newspage .date{
    font-weight: bold;    
    
}
.contact{}
.capcha{
    margin-bottom: 40px;
    text-align: center;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.contact dl{
	border-bottom: 1px dotted #E0E0E0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.contact dt{
	width: 140px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	background-image: url(../common/list3.png);
}
.contact dd{
	width: 650px;
	float: right;
}

.contact .flow{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 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);
    }
.contact .flow .upper{
    margin-bottom: 30px;
}
.contact .flow .upper .step{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 120%;
    text-align: center;
    width: 800px;
    margin-left: auto;
    margin-right: auto;

}
.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.5rem;
    background-color: #E5E5E5;
    margin-left: auto;
    padding: 20px;
    margin-right: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 500px;
    font-weight: 900;
    line-height: 190%;
    margin-top: 30px;
    text-align: left;
    }
.contact .flow .lower .text .box a{
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    background-color: #E5E5E5;    
}

.document ul li{
    font-size: 1.2rem;
    background-image: url(../images/pdf.png);
    padding-left: 40px;
    background-repeat: no-repeat;
    line-height: 200%;
    margin-bottom: 15px;
    font-weight: bold;
    }
.document .txt{
    margin-bottom: 60px;
}
 .mokuji{
    border: 3px solid #C9C9C9;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    padding: 15px;
    border-radius: 7px;
    margin-bottom: 80px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;    
}
 .mokuji .ttl{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    background-color: #ECECEC;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.mokuji ul li{
    margin-bottom: 15px;
    list-style-type: decimal;
    font-size: 1em;
    font-weight: normal;
    background-image: none;
    list-style-position: inside;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.center_bt{
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
.chosei{
    padding-top: 80px;
    margin-top: -80px;
  
}
.document ul.kiso li{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}
.fee .flow{
    width: 683px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
/*-----------------------------
  sidebar
-----------------------------*/
#sidebar .contact{
    background-image: url(../images/sidebanner_contact.png);
    padding-top: 60px;
    text-align: center;
    padding-bottom: 20px;
    width: 238px;
    height: 160px;
    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;

}
#sidebar .contact ul{
    margin-top: 60px;
}
#sidebar .contact ul li{
    margin-bottom: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    text-align: left;
    padding-left: 14px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 10px center;
    list-style-image: none;
    list-style-type: none;
}
#sidebar .ttl{
    background-repeat: repeat-x;
    background-position: 0% top;
    height: 30px;
    color: #FFFFFF;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    background-color: #000742;
}
#sidebar ul{
    background-image: url(../common/background.png);
    background-repeat: repeat;
    margin-bottom: 30px;
}
#sidebar ul li{
    padding-top: 7px;
    padding-bottom: 7px;
    border-left-color: #9A9A9A;
    border-right-color: #9A9A9A;
    border-bottom-color: #9A9A9A;
    border-left-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 1rem;
    line-height: 130%;
}
.submenu{
    border-left-color: #9A9A9A;
    border-right-color: #9A9A9A;
    border-bottom-color: #9A9A9A;
    border-left-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 0.9rem!important;
    background-color: #EDEDED;
    line-height: 150%;
}
.topmenu{
    border-left-color: #9A9A9A;
    border-right-color: #9A9A9A;
    border-bottom-color: #9A9A9A;
    border-left-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #DDEDFF;
    line-height: 150%;
}
#sidebar ul li a{
	color: #000;

}
#sidebar ul li a:hover{
	color: #C50003;
}

/*-----------------------------
 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: 550px;
	padding: 10px;
	font-size: 1.2rem;
}
.formstyle2{
	width: 180px;
	padding: 10px;
	font-size: 1.2rem;
}
/*-----------------------------
 footer
-----------------------------*/

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

#footer .inner {
	width: 1100px;
	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: 300px;
	margin-bottom: 15px;
	float: left;
	margin-left: 30px;
}

#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;
}
#footer .footer_address {
	float: right;
	margin-bottom: 15px;
	color: #FFFFFF;
	margin-right: 30px;
}
#footer .footer_copyright {
	clear: both;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
}


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

.foot_link ul {
	margin-bottom: 30px;
	text-align: center;
}

.foot_link li {
	font-size: 11px;
	padding-left: 12px;
	background-position: left center;
	line-height: 100%;
	margin-bottom: 4px;
	display: inline;
}
.foot_link li a {
	margin-right: 10px;
	display: inline;
	font-size: 13px;
	color: #FFFFFF;
}
.foot_link li a:hover {
	margin-right: 10px;
	display: inline;
	color: #FF9600;
}

/* メールフォーム確認画面
------------------------------------------------------------*/
#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;
}