@charset "utf-8";

html {
  scroll-behavior: smooth;
}

body {
	font-family: "メイリオ";
	margin: 0;
	padding: 0;
	background: #FFF;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

li {
	font-family: "メイリオ";
	font-size: 13px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}


li a {
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	list-style: none;
	text-decoration: none;
}


p a { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	font-family: "メイリオ";
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */

/** block *****************************************/
.pc-show-block {
    display: block;
}
.pc-hide-block {
  display: none;
}

@media screen and (max-width: 480px) {
  .pc-show-block {
    display: none;
  }
  .pc-hide-block {
    display: block;
  }
}


/** inline-block *****************************************/
.pc-show-inline {
    display: inline-block;
}
.pc-hide-inline {
  display: none;
}

@media screen and (max-width: 480px) {
  .pc-show-inline {
    display: none;
  }
  .pc-hide-inline {
    display: inline-block;
  }
}


/** none *****************************************/
.pc-show {
}
.pc-hide {
  display: none;
}

@media screen and (max-width: 480px) {
  .pc-show {
    display: none;
  }
  .pc-hide {
      display: inline;
  }
}







.container {
	margin: 0 auto;
	padding: 0 0;
}




/***************************************************************************************************************************/
/** 【PC用】　↓↓↓　*****************************************************************************************************/
@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/




h1 {
	background: #fff;
	margin: 0;
	padding: 10px 20px 0;
	font-size: 13px;
	text-align: center;
}
h1 span {
	margin: 0 0 0 10px;
}

h1 img {
	width: 20%;
	margin: 0 auto;
	
}

section {
	margin: 0 auto;
}

/*****************************/
div.top {
	background: #0056B4;
	padding: 30px 0 0;
}

div.top div {
	max-width: 1080px;
	width: auto;
	margin: 0 auto;
	padding: 0 5%;
}


div.top p {
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

div.top h1 {
	color: white;
	font-size: 30px;
	text-align: center;
	background: #0056B4;
}

div.top div div {
	width: 80%;
	display: flex;
	justify-content: space-between;
	padding: 20px 0 20px;
	margin: 0 10%;
}

div.top div div img {
	width: 26%;
	margin: 0;
	padding: 0;
}

/*****************************/
.prof {
	background: #C1E5F5;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
}


/*****************************/
.prof div {
	display: flex;
	max-width: 1080px;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

.prof div .box ul {
	width: 70%;
	padding: 0;
	margin: 0;
}

/************************/
.prof div li img.koushi {
	width: 10%;
	padding: 0 0 0 10px;
}

/************************/

.prof div li {
	font-size: 15px;
	font-weight: normal;
	padding: 0 10px 0 0;
}
	
.prof div li:nth-child(1) {
	padding: 10px 0 0 130px;
	background: url("../../images/about/recruit/img-koushi.png") top left no-repeat;
	background-size: 110px;
}

.prof div li:nth-child(5) {
	padding: 0;
}

.prof div li:nth-child(n+3) {
	font-size: 15px;
	font-weight: bold;
	list-style: square;
	margin: 0 0 0 10%;
}

.prof div li p {
	font-size: 15px;
	margin: 0;
	padding: 0;
}

.prof div li p:nth-child(1) {
	font-size: 20px;
	font-weigt: bold;
	margin: 0 0 10px;
	border-bottom: 1px dotted black;
}



.prof div h2 {
	font-size: 20px;
	color: white;
	font-weight: bold;
	text-align: center;
	background: #002060;
	padding: 10px 0;
}

.prof div h3 {
	font-size: 20px;
	text-align: center;
	color: #A80002;
}


.prof img.image {
	display: inline-block;
	width: 350px;
	margin: 0;
	padding: 0;
}


/*****************************/
.container article {
	margin: 20px 5%;
	padding: 0;
}

.container article ul {
	margin: 0;
	padding:0;
}

.container article li {
	border-bottom: 1px dotted #555;
	padding: 10px 0 10px;
}

.container article li h4 {
	font-size: 18px;
	font-family: "Meiryo UI", "メイリオ";
	margin: 0;
	padding: 0;
}

.container article li p {
	font-size: 16px;
	font-family: "Meiryo UI", "メイリオ";
	margin: 1em 0 0 1.8em;
	padding: 0;
	text-indent: -1em;
	line-height: 150%;
}
.container article li p:before {
	content: "・ ";
}

.container article li div {
	margin: 20px 0 0;
	padding: 10px 10px;
	background: #FFEDD4;
}

.container article li div h5 {
	margin: 0;
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 18px;
}

.container article li div p {
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 15px;
	display: flex;
	flex-wrap: wrap;
}

.container article li div p span {
	margin: 0;
	padding: 0 0 0 1.5em;
	font-size: 15px;

}

.container article li div a {
	display: block;
	margin: 0;
	padding: 15px 0 0 1.5em;
	color: #0000FF;
	font-size: 16px;
	text-decoration: underline;
}



}











/** ---------------  topimg　ここから ↓↓↓ 　--------------------------------------- **/
@media screen and (max-width: 480px) { /*ウィンドウ幅が最少480pxの場合にPC非表示*/

    



h1 {
	background: #fff;
	margin: 0;
	padding: 10px 20px 0;
	font-size: 13px;
	text-align: center;
}
h1 span {
	margin: 0 0 0 10px;
}

h1 img {
	width: 20%;
	margin: 0 auto;
	
}

section {
	margin: 0 auto;
}

/*****************************/
div.top {
	background: #0056B4;
	padding: 30px 0 0;
}

div.top div {
	max-width: 1080px;
	width: auto;
	margin: 0 auto;
	padding: 0 5%;
}


div.top p {
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

div.top h1 {
	color: white;
	font-size: 30px;
	text-align: center;
	background: #0056B4;
}

div.top div div {
	width: 80%;
	display: flex;
	justify-content: space-between;
	padding: 20px 0 20px;
	margin: 0 10%;
}

div.top div div img {
	width: 26%;
	margin: 0;
	padding: 0;
}


	
/*****************************/
.prof {
	background: #C1E5F5;
	margin: 0;
	padding: 0;
}


/*****************************/
.prof div {
	margin: 0;
	padding: 0;
}

.prof div .box ul {
	padding: 0;
	margin: 0 10px;
}

/************************/
.prof div li img.koushi {
	width: 10%;
	padding: 0 0 0 10px;
}

/************************/

.prof div li {
	font-size: 15px;
	font-weight: normal;
	padding: 0 10px 0 0;
}
	
.prof div li:nth-child(1) {
	padding: 10px 10px 0 110px;
	background: url("../../images/about/recruit/img-koushi.png") 10px bottom no-repeat;
	background-size: 90px;
}

.prof div li:nth-child(5) {
	padding: 0;
}

.prof div li:nth-child(n+3) {
	font-size: 15px;
	font-weight: bold;
	list-style: square;
	margin: 0 0 0 10%;
}

.prof div li p {
	font-size: 15px;
	margin: 0;
	padding: 0;
}

.prof div li p:nth-child(1) {
	font-size: 20px;
	font-weigt: bold;
	margin: 0 0 10px -95px;;
	border-bottom: 1px dotted black;
}



.prof div h2 {
	font-size: 20px;
	color: white;
	font-weight: bold;
	text-align: center;
	background: #002060;
	padding: 10px 0;
}

.prof div h3 {
	font-size: 20px;
	text-align: center;
	color: #A80002;
}


.prof img.image {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 0 0 10px;
}
	
	
	
	
	
	
	
	
/*****************************/
.container article {
	margin: 20px 5%;
	padding: 0;
}

.container article ul {
	margin: 0;
	padding:0;
	list-style-type: none;
}

.container article li {
	border-bottom: 1px dotted #555;
	padding: 10px 0 10px;
	list-style-type: none;
}

.container article li h4 {
	font-size: 18px;
	font-family: "Meiryo UI", "メイリオ";
	margin: 0;
	padding: 0;
}

.container article li p {
	font-size: 16px;
	font-family: "Meiryo UI", "メイリオ";
	margin: 1em 0 0 1.8em;
	padding: 0;
	text-indent: -1em;
	line-height: 150%;
}
.container article li p:before {
	content: "・ ";
}

.container article li div {
	margin: 20px 0 0;
	padding: 10px 10px;
	background: #FFEDD4;
}

.container article li div h5 {
	margin: 0;
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 18px;
}

.container article li div p {
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 15px;
	display: flex;
	flex-wrap: wrap;
}

.container article li div p span {
	margin: 0;
	padding: 0 0 0 1.5em;
	font-size: 15px;

}

.container article li div a {
	display: block;
	margin: 0;
	padding: 15px 0 0 1.5em;
	color: #0000FF;
	font-size: 16px;
	text-decoration: underline;
}



}	
	
	
	
	
	
	
	
}