@charset "UTF-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* RESET
======================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,th,var{
    font-style:normal;font-weight:normal;
}
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6 {
    font-size:100%;font-weight:normal;
}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
img { vertical-align: top; }


body {
	text-align: center;
	font-family: 'Zen Kaku Gothic New', sans-serif; 
	font-size: 25px;
 }

.wrapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.pc{
	display: block;
}

.smp{
	display: none;
}
 
p {
	width: 100%;
	font-size: 1em;
	line-height: 200%;
	margin: 0 auto;
}



/*========= カラーのためのCSS ===============*/

.wh{
	background: #fff;
}

.gray {
	background: #E8E8E8;
}

.lightgreen {
	background: #E2EDEB;
}



/*========= フォントのためのCSS ===============*/

.italic {
	font-style: italic;
}

.lines {
	display: inline;
}

.btn{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

.btn a{
	text-decoration: none;
}

.main h2 {
	color: #02624F;
	font-size: 1.8em;
	font-weight: bold;
	margin: 90px auto 70px;
}

.main2 h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 90px auto 70px;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 150px auto;
	text-align: center;
	line-height: 150%;
}

h3 {
	color: #02624F;
	font-size: 1.2em;
	font-weight: bold;
	margin: 30px auto 60px;
	text-align: left;
}

h3.prof {
	color: #02624F;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	text-align: left;
	font-style: italic;
}

.txt_l {
	text-align: left;
}

.txt_r {
	text-align: right;
	margin-right: 30px;
}

.com {
	color: #02624F;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 30px;
	text-align: left;
	font-style: italic;
}

.comimg {
	float: right;
	width: 200px;
}

h4 {
	color: #02624F;
	font-size: 1em;
	font-weight: bold;
	margin: 40px auto;
	text-align: center;
}

h4 a {
	color: #02624F;
}

h4 a:hover {
	color: #02624F;
	text-decoration: none;
}

.underline a{
	text-decoration: underline;
}

.underline a:hover{
	text-decoration: none;
}

.time {
	color: #02624F;
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	padding-right: 50px;
}

.career_txt01 {
	color: #02624F;
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
}

.career_txt02 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin: 15px 0 30px;
}

.diversity_txt {
	width: 100%;
	color: #000;
	font-size: 0.8em;
	text-align: left;
	margin: 15px 0;
}

/*========= レイアウトのためのCSS ===============*/
.smpbr br {
	display: none;
}

.smpbr2 br {
	display: none;
}

.w90per {
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 60px;
	text-align: center;
}

ul{
  margin:0;
  padding: 0;
  list-style: none;
}

li{
  margin:0;
  padding: 0;
  list-style: none;
}

.clear {
	float: none;
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

.text_left {
	text-align: left;
}

.img_full {
	width: 100%;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.img50r {
	width: 50%;
	float: right;
}

.img50l {
	width: 50%;
	float: left;
}

.mtb20 {
	margin: 20px 0;
}

.mb50 {
	margin-bottom: 50px;
}


.mb100 {
	margin-bottom: 100px;
}

.mb250 {
	margin-bottom: 250px;
}

.mb100l {
	margin-bottom: 100px;
	text-align: left;
}

.mtb100 {
	margin: 100px auto;
}

.mtb40 {
	margin: 100px auto;
	text-align: center;
}

.ptb100 {
	padding: 100px 0;
}

.ptb50 {
	padding: 50px 0;
}

.pt100 {
	padding: 100px 0 20px;
}

.pb50 {
	padding: 0 0 50px;
}

.pb100 {
	padding: 0 0 100px;
}


.ptb50 {
	padding: 50px 0;
}

.pt50 {
	padding: 50px 0 0;
}

.p10 {
	padding: 10px;
}

.p20 {
	padding: 20px;
}



#footer {
	font-size: 14px;
	width: 100%;
	margin: 30px auto 10px;
	padding: 0;
	text-align: center;
	color: #000;
}

@media screen and (max-width: 1060px) {
#header {
	width: 100%;
}

#wrapper {
	max-width: 100%;
}

#footer {
	max-width: 100%;
	}

.img50r {
	width: 100%;
	float: none;
}

.img50l {
	width: 100%;
	float: none;
}
}

@media screen and (max-width: 900px) {
	.smpbr br {
	display: block;
}
}

@media screen and (max-width: 760px) {
.pc{
	display: none;
}

.smp{
	display: block;
}

p {
	width: 90%;
	font-size: 0.8em;
	line-height: 200%;
	margin: 0 auto;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 150px auto;
	text-align: center;
	line-height: 150%;
}

.mb250 {
	margin-bottom: 150px;
}

}

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

.btn{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

.smpbr2 br {
	display: block;
}

	#header {
	height: 460px;
}

#header img {
	padding-top: 150px;
}

#main {
	margin: 10px auto 0;
}

.comimg {
	float: none;
	width: 200px;
	margin-top: 20px;
}

.time {
	padding-right: 20px;
}

.p20 {
	padding: 0 20px;                                             ;
}

.main h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 80px auto 60px;
}

.main2 h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 80px auto 60px;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 50px auto;
	text-align: center;
}

h3 {
	color: #02624F;
	font-size: 1em;
	font-weight: bold;
	margin: 30px auto 60px;
	text-align: left;
}

h3.prof {
	color: #02624F;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	text-align: left;
	font-style: italic;
}


}