@charset "UTF-8";

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

.pc{
	display: block;
}

.smp{
	display: none;
}
 
p {
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	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: 18px;
	font-weight: bold;
	text-decoration: none;
}

.btn a{
	text-decoration: none;
}

.ds_main .ds_h2 {
	color: #02624F;
	font-size: 45px;
	font-weight: bold;
	margin: 90px auto 70px;
}

.ds_main2 .ds_h2 {
	color: #02624F;
	font-size: 45px;
	font-weight: bold;
	margin: 90px auto 70px;
}

.ds_h2 {
	color: #02624F;
	font-size: 45px;
	font-weight: bold;
	margin: 150px auto;
	text-align: center;
}

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

.ds_h3.prof {
	color: #02624F;
	font-size: 30px;
	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: 30px;
	font-weight: bold;
	margin: 0 0 30px;
	text-align: left;
	font-style: italic;
}

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

.ds_h4 {
	color: #02624F!important;
	font-size: 24px;
	font-weight: bold;
	margin: 40px auto;
	text-align: center;
}

.ds_h4 a {
	color: #02624F!important;
	text-decoration: underline!important;
}

.ds_h4 a:hover {
	color: #02624F!important;
	text-decoration: none!important;
}

.underline a{
	text-decoration: underline;
}

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

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

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

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

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

.smpbr2 br {
	display: none;
}

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

.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;
}

.mb100 {
	margin-bottom: 100px;
}

.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;
}

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

.ds_wrapper {
	width: 100%;
	margin: -72px auto 0;
	text-align: center;
	background: #fff;
	color: #000;
}

.ds_wrapper a {
position : relative ;
}

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

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

#wrapper {
	max-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;
}
}

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

.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;                                             ;
}

.ds_main .ds_h2 {
	color: #02624F;
	font-size: 36px;
	font-weight: bold;
	margin: 80px auto 60px;
}

.ds_main2 .ds_h2 {
	color: #02624F;
	font-size: 36px;
	font-weight: bold;
	margin: 80px auto 60px;
}

.ds_h2 {
	color: #02624F;
	font-size: 36px;
	font-weight: bold;
	margin: 50px auto;
	text-align: center;
}

.ds_h3 {
	color: #02624F;
	font-size: 24px;
	font-weight: bold;
	margin: 30px auto 60px;
	text-align: left;
}

.ds_h3.prof {
	color: #02624F;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	text-align: left;
	font-style: italic;
}


}