@charset "UTF-8";

body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif
}

/* 各ページのメイン画像を調整する */
@media (max-width: 900px) {
#header_img {
	width:93%
}}

#header_img { 
	max-width:100%;
}

/* TOPの電話番号を非表示にする */
#site {
	display: none
}

.img  {
	max-width: 100%;
	height: auto
}

/* ###################### 599px以下 ###################### */
@media (max-width: 599px) {
/* ニュースティッカーを非表示にする */
.box_2 {
	display: none
}

/* TOP広告を非表示にする */
.main_news {
	display: none
}}

@media (max-width: 359px) {
/* 会社ロゴ画像を固定 */
.site img	{
	width: 225px;
	height: auto
}}

@media (max-width: 300px) {
/* キャッチコピー */
.catch,.cross_catch2 {
	padding: 5px 10px;
	font-size: 12px
}}

/* ###################### ヘッダーの位置調整 ###################### */
/* ボックスの上下左右 */
.boxA {
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 45px;
	padding-right: 45px;
	border-bottom: solid 1px #dddddd;
	box-shadow: 0 1px 0 rgba(100,100,100,0.1);
}

.boxA-inner {
	max-width:950px;
	padding-right:0px;
	margin:0 auto;
}

/* 以下のサイズでボックスの幅を狭める */
@media (max-width: 600px) {
.boxA {	
	padding-left: 0px;
	padding-right: 0px
}}


/* 以下のサイズでボックスの幅を狭める */
@media (max-width: 1025px) {
.boxA {
	padding-right: 50px
}}


@media (min-width: 900px) {
/* BOX1とBOX2を横に並べる設定 */
.boxA:after {
	content: "";
	display: block;
	clear: both
}

.box1　{
	width: 1275px;
	margin:0 auto
}

.box1_menu　{
	float: right;
	width: auto
}}

@media (max-width: 900px) {
/* 会社ロゴ画像を縮小する */
.box1 img {
	width: 100%;
	height: auto
}}

/* ###################### ヘッダーのメニューボタン ###################### */

/* 599px以下の調整 */
@media (max-width: 599px) {

/* ミニボタン */
.menu li a {
	padding: 5px 0px 5px 0px;
	font-size: 12px
}}

.menu  {
	float:right
}

/* ナビメニューを光らせる */
.menu li a:hover {
	opacity: 0.5;
	transition: opacity 0.3s ease-out;
	background-color: #EEEEEE
}

/* 1040px以上の調整 */
@media (min-width: 1040px) {

/* 小ナビメニューを1040px以上で非表示にする */
#menubtn {
	display: none
}

/* ナビゲーション */
#menu {
	display: block !important
}

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

/* 大ナビメニューの概要 */
.menu li a {
	display: block;
	padding: 35px 25px 35px 25px;
	color: #000000;
	font-size: 16px;
	border-right: 1px solid #dddddd;
	text-decoration: none
}

.menu ul:after {
	content: "";
	display: block;
	clear: both
}

.menu li {
	float: left;
	width: auto
}}

/* ナビメニュー1039px以下の調整 */
@media (max-width: 1039px) {

.menu ul {
	width:330px;
	margin: 0px;
	padding: 5px 0px 5px 15px;
	list-style: none
}

.menu li a {
	display: block;
	color:#000000;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid eeeeee;
	padding: 5px 5px 5px 0px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
	text-decoration: none
}

#menu li {
	width:55px;
	padding: 3px 3px 3px 0px;
	display: inline-block;
}


/* ミニボタンメニュー（タテ並び） */
.menu {
	display: none
}

/* 「お問い合せ」の文字幅を調整 */
#form_width a {
	width:70px;
}

/* 取扱媒体アイコンの改行 */
span {
	display:inline-block;
}

/* ミニボタンの概要 */
#menubtn {
	width:32px;
	padding: 2px 2px;
	border: solid 1px #aaaaaa;
	border-radius: 2px;
	background-color: #FFFFFF;
	position: absolute;
	top: 20px;
	right: 8px;
	cursor: pointer
}

#menu {
	float:left
}

#menubtn:hover {
	background-color: #EEEEEE
}

#menubtn:focus {
	outline: none
}

#menubtn i {
	color: #888888;
	font-size: 16px
}

#menubtn p {
	margin:0px;
	font-size: 8px
}

#menubtn span {
	display: inline-block;
}}


/* ナビメニュー600px以下の調整 */
@media (max-width: 600px) {

.menu ul {
	width:320px;
	padding: 5px 0px 5px 0px;
}

#menu li {
	padding: 0px 0px 0px 0px;
	display: inline-block;
}


/* 「お問い合せ」の文字幅を調整 */
#form_width a {
	width:70px;
}

.menu li a {
	display: block;
	padding: 5px 0px 5px 0px;
	width:56px;
	font-size: 11px;
	text-align: center;
	text-decoration: none
}}

/* ###################### メインキャッチと項目名の位置調整 ###################### */

/* 画面サイズによってメインキャッチを表示・非表示にする */
/* 「全ての企業～」 */
.catcher {
	position: absolute;
	margin: 600px 0px 0px 0px;
	padding: auto;
	bottom: 80px;
	left: 10%;
	background-color: rgba(150,150,150,0.0)
}

/* 「取扱媒体」「適性検査シリーズ」「会社案内」「お問い合わせ」  */

.catcher_product img {
	width:50%
}

.catcher_product {
	position: absolute;
	margin: 0px 3px 3px 0px;
	padding: auto;
	bottom: 30px;
	left: 2%;
	background-color: rgba(150,150,150,0.0)
}

/* 以下サイズによってキャッチを表示・非表示･縮小する */
@media (max-width: 900px) {
.catcher {
	position: absolute;
	width:45%;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	padding: auto;
	bottom: 65px;
	left: 5%;
}

.catcher_product img {
	width:45%
}

.catcher_product {
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: auto;
	bottom: 16px;
	left: 7%;	
}}

@media (max-width: 800px) {
.catcher {
	position: absolute;
	width:55%;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	padding: auto;
	bottom: 15px;
	left: 15%;
}

.catcher img {
	width:100%
}}

/* ###################### メインの広告の調整 ###################### */

.main_news {
	position: absolute;
	width:600px;
	height:91.3%;
	text-align: left;	
	padding: 20px 110px 0px 5px;
	right: 0%;
	top: 0px;
	font-size: 5px;
	font-weight: 600;
	line-height: 1.8rem;
	border-radius: 2px 0px 0px 2px;
	box-shadow:0px 1px   36px  rgba(255, 255, 255, 0.0) inset;
	overflow:	hidden;
	text-shadow:0px 0px   4px #000000;
	color: #FFFFFF;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.0),rgba(0, 0, 0, 0.2))
}

.top_news_image {
	bottom: 60px;
	float: right;
	right:10%;
	width:200px;
	height:150px;
	box-shadow:0px 1px   9px  rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	border: solid 2px #FFFFFF;
	position: relative;
	overflow: hidden;
}

#job_images {
	margin-top: 0px;
	width:90%
}

#job_images {
	margin-top: 0px;
	width:90%
}

.main_news p {
	font-size: 16px;
}

.main_news a {
	color:#FFFFFF;
	font-size:22px;
	text-decoration: none;
}

.top_news_sub{
	margin-top:10px
}

/* TOP広告の画像を非表示にする */
@media (max-width: 800px) {
.main_news {
	clear:both;
	display: none
}}


/* TOP広告の画像を横長に表示にする */
@media  (min-width: 1000px) and (max-width: 1215px){

/* TOP広告を簡素にする */
.main_news {
	height:87%;
	width:520px;
	margin-bottom: 0px;
	padding: 20px 40px 10px 5px;
	right: 0%;
	font-size: 5px;
	font-weight: 600;
	line-height: 1.55rem;
	border-radius: 2px 0px 0px 2px;
	text-shadow:2px 2px 5px FFFFFF;
	color: #FFFFFF;
}

.main_news img {
	width:100%;
	margin-bottom: 10px;
}

.top_news_image {
	bottom:50px;
	width:170px;
	height:128px;
	right:5%;
	box-shadow:0px 1px   9px  rgba(0, 0, 0, 0.0);
	padding-bottom: 0px;
	position: relative;
}}

/* 広告画像を非表示にする */
@media (max-width: 1000px) {

.top_news_image {
	display: none
}

.main_news img {
	width:80%
}

.main_news {
	height:91%;
	margin-bottom: 0px;
	padding: 20px 45px 10px 5px;
	right: 0%;
	font-size: 5px;
	font-weight: 600;
	line-height: 1.55rem;
	border-radius: 2px 0px 0px 2px;
	text-shadow:2px 2px 5px FFFFFF;
	color: #FFFFFF;
}

.main_news {
	width:450px;
	padding: 5px 0px 10px 45px;
	right:0%;
	bottom:15px
}}

/* ###################### 各ボックスの原型サイズ ###################### */

.head {
	background-color: transparent
}

.box_2 {
	padding-top: 10px;
	padding-bottom: 15px;
	height: 20px;
	clear: both;
	overflow: hidden; 
	box-shadow: 0px 0px 5px 0px rgba(62, 62, 62, 0.1) inset;
	background-color: #f6f6f6
}

.box_3 {
	max-width: 100%;
	width: 900px;
	height: auto;
	margin: 0 auto;
	vertical-align: bottom
	padding-top: 15px;
	padding-bottom: 0px;
}

/* BOX3を以下で横幅を固定する */
@media (min-width: 900px) {
.box_3 {
	height: 110px;
}}

.box_3 img {
	position: relative;
	z-index:-999999
}

#box_3_main {
	width: 1300px;
	height: auto
}
	
/* ヘッダー画像にキャッチコピーを重ねる */
.top {
	position: relative;
	margin:0px auto
}

.box_3 img {
	border-radius: 0px 0px 0px 0px;
	border: solid 0px #FFFFFF
}

.box_5 {
	padding-top: 15px;
	padding-bottom: 5px;
	width: 900px;
	height: auto;
	margin: 0 auto;
	margin-top: 0px;
	border-top: solid 1px #dddddd
}

.box_5_inA {
	float: left;
	margin-left: 0px;
	margin-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 200px;
	height: 500px
}

.box_5_inB {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 0px ;
	width: 660px;
	min-height: 800px;
	text-align: left
}
.box_5_inC {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 0px ;
	width: 660px;
	min-height: 800px;
	text-align: right
}


@media (max-width: 900px) {
.box_2 {
	height: 20px;
}

.box_5 {
	padding-top: 0px;
	padding-bottom: 15px;
	margin: 0 auto;
	width: 100%;
	height: auto
}

.box_5_inA {
	display:none
}

.box_5_inB {
	padding: 15px;
	max-width:85%;
	text-align: left;
	margin: 0 auto;
	height: auto
}

/* 電話番号を左に寄せる */
.box1 h1	{
	float: left;
	padding-top: 5px
}}

@media (min-width: 900px) {
.box_5_inC_p {
	width:900px;
	display:none
}

#inC_tekisei {
	display:inline
}

/* 電話番号を横に並べる */
.box1 h1	{
	float: left;
	padding-top: 5px
}

/* 900px以上で横に並べる */
.box_5_inB {
	float: left
}}

@media (min-width: 1190px) {
/* 全体の横幅を固定 */
.box3, 
.box5-inner {
	width: 1140px;
	margin-left: auto;
	margin-right: auto
}}

/* ###################### マスキング ###################### */
.mask_img {
	overflow: visible;
	position: relative;
}

#mask_img_2,
#mask_img_3
 {
	overflow: hidden;
	position: relative;
}

.mask_img a {
	text-decoration: none
}

.mask_img .caption {
	width: 110%;
	color: #FFFFFF;
}

.caption h4 {
	margin-top:8%;
	padding-right:45px;
	text-align: center;
}

.caption h3 {
	margin-top:20%;
	padding-right:50px;
	font-size: 120%;
	text-align: center;
}


.mask_img .mask {
	width: 90%;
	height: 100%;
	margin:-25px 10px 0px -15px;
	position: absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color: rgba(0,0,0,0.65);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.mask_img:hover .mask {
	opacity: 0.40;	/* マスクを表示する */
	padding-top: 20%;	/* ホバーで下にずらす */
}

/* マスクを非表示にする */
@media (max-width: 800px) {
.mask {
	display: none
}}

/* ###################### ミニアイコン ###################### */
/* 商品のミニアイコン  */
.point-icon {
	width:100px;
	font-weight: 600;
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 8px;
	margin-top: -3px;
	min-width:60px;
	color: #FFFFFF;
	font-size: 18px;
	height:auto;
	background: #FFAB00;
	border-radius: 3px;
}

/*  シゴトフェアのミニアイコン */
.sf-icon1, 
.sf-icon2,
.sf-icon3,
.sf-icon4
 {
	float:left;
	font-weight: 600;
	width:120px;
	text-align: center;
	padding-top: 25px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 3px;
	margin-top: 0px;
	min-width:60px;
	color: #FFFFFF;
	font-size: 16px;
	height:50px;
	background: #ff0000;
	border-radius: 3px;
}

.sf-icon1, 
.sf-icon2  {
	width:120px;
	text-align: center;
	padding-top: 20px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 3px;
	margin-top: 0px;
	min-width:60px;
	font-size: 16px;
	height:55px;
}

.sf-nagoya-icon  {
	border-radius: 6px;
	height:30px;
	background: #0068b7;
	font-weight: 600;
	width:150px;
	text-align: center;
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 3px;
	margin-top: 0px;
	min-width:60px;
	color: #FFFFFF;
	font-size: 21px;
}

.sf-mikawa-icon  {
	border-radius: 6px;
	height:30px;
	background: #0068b7;
	font-weight: 600;
	width:150px;
	text-align: center;
	padding-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 3px;
	margin-top: 0px;
	min-width:60px;
	color: #FFFFFF;
	font-size: 21px;
}

.topic-icon,
.domo-icon,
.d-net-icon,
.d-biz-icon,
.d-bizpos-icon,
.job-icon {
	float: right;
	padding-right: 1px;
	margin-right: 4px;
	margin-top: -3px;
	min-width:60px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	height:18px;
	background: #FFAB00;
	border-radius: 3px;
}

.topic-icon {
	float: left;
	margin-top: 3px;
	margin-left: 12px;
	margin-bottom: 3px;
	border-radius: 2px;
	height:16px;
}

@media (max-width: 430px) {
.topic-icon {
	display:none
}}


/*  ミニアイコンの色 */
.topic-icon {
	background: #f08080
}

.domo-icon {
	background: #66cdaa
}

.d-net-icon {
	background: #ffa500
}

.d-biz-icon {
	background: #f08080
}

.d-bizpos-icon {
	background: #dd7ff0
}

.job-icon {
	background: #b0c4de
}


/*  ミニアイコンの名称 */
.topic-icon:before {
	content: "お知らせ"
}

.point-icon:before {
	content: "ポイント"
}

.sf-nagoya-icon:before {
	content: "名古屋エリア"
}

.sf-mikawa-icon:before {
	content: "三河エリア"
}

.sf-icon1:before {
	content: " シゴトフェア\Aブース";
	white-space: pre 
}

.sf-icon2:before {
	content: "就転職サイト\AＪＯＢ";
	white-space: pre 
}

.sf-icon3:before {
	content: "DOMONET"
}

.sf-icon4:before {
	content: "求人誌DOMO"
}
.d-biz-icon:before {
	content: "ビズ"
}

.d-bizpos-icon:before {
	content: "ビズポス"
}

.d-net-icon:before {
	content: "DOMONET"
}

.job-icon:before {
	content: "JOB"
}

.domo-icon:before {
	content: "DOMO!"
}

/* ###################### インデックスのページ ###################### */
/* スマホの時だけ改行させるクラス */
  .break-keep {
    word-break: keep-all;
  }
}

/* 全体の横幅を固定 */

.box6 {
	clear: both;
	width: 100%;
}

@media (min-width: 900px) {
.box6 {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
}}



.top_news{
	height:100%;
	width:100%;
}

#top_news a {
	display: block;
	padding: 0px;
	border-bottom: dotted 0px #dddddd;
	font-size: 16px;
	text-decoration: none;
	color: #000000
}

#top_news {
	height: 130px;
	overflow: auto;
	padding:15px;
	padding-top:5px auto
}

#top_news li { 
	height:28px;
	margin-bottom:5px;
	border-bottom: dotted 1px #aaaaaa;
}

@media (max-width: 950px) {

.box6-2,
.box6-3 {
	width:95%;
	height:auto;
	margin:0 auto;
}

#top_news,
#top_news a {
	width:85%;
	overflow: auto;
	margin:0 auto;
	font-size:12px
}}

@media (max-width: 765px) {
#top_news li { 
	padding-left:5px;
	padding-bottom:15px;
	height:40px
}}

/* リンクアイコンを中央に寄せる */
@media (max-width: 1030px) {
.box6-3 {
	text-align: center
}}

.box6:after {
	content: "";
	display: block;
	clear: both
}

.box6 {
	padding-top: 5px;
	margin-top: 30px;
	border-top: solid 1px #dddddd
}

.box6-1, 
.box6-3 {
	padding-bottom: 30px
}

.box6-2 {
	padding-top: 5px;
	padding-bottom: 10px
}

.box6-3 {
	padding-top: 15px
}

/*リンクボタンを枠で囲む */
.box6-3 img {
	border: solid 1px #FFFFFF;	
	border-radius: 4px
}


/*リンクボタンを発光させる */

.box6-3 a:hover {
	opacity: 0.5
}

/* メニュー枠 */
.sidemenu {
	border: solid 3px #dddddd;
	border-radius: 4px;
	margin-bottom: 10px
}

.sidemenu h1 {
	margin: 0;
	padding: 10px;
	font-size: 20px;
	font-size: 100%
	font-weight: normal
}

.sidemenu h1 i {
	margin-right: 5px;
	color: #8abc60;
	font-size: larger
}

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

.sidemenu li a {
	display: block;
	padding: 10px 10px 10px 10px;
	border-bottom: solid 1px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}

.sidemenu li a:hover {
	background-color: #eeeeee
}



/* ###################### ニュースティッカー  ###################### */
.ticker {	 
	text-align: center;
	position: relative;
	overflow: hidden;
}

.ticker_msg_a:before {
	content: "求人情報誌ＤＯＭＯ 愛知・岐阜版、静岡県内版（西部 中部 東部）に展開中！"
}

.ticker_msg_b:before  {
	content: "Indeed掲載 採用オウンドメディア「ワガシャdeDOMO」で採用効率UPを実現！"
}

.ticker_msg_c:before  {
	content: "SNS広告(Facebook・Instagram他)、Web広告(Google・Yahoo広告)取扱開始！"
}

.ticker ul li h1,
.ticker_msg_a,
.ticker_msg_b,
.ticker_msg_c, {
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 100%
}

.ticker ul {  
	color: #000000;
	font-weight: normal;
	font-size: 16px;
	width: 100%
}
 
.ticker ul li {
	width: 100%;
	display: none
}

/* ###################### ボックススライダー ###################### */
/*  ボックススライダー全画面表示時 */

/*  ボックススライダーの商品に区切り線 */
.bxslider img {
	margin-top:5px;
	margin-left:5px;
	padding-right:8px;
	border-right: 1px solid #dddddd
}

.bxslider a:hover {
	opacity: 0.7;
	transition: opacity 0.5s ease-out
}

.bxslider	{
	overflow: hidden;
	margin:0px 0px 0px 0px;
	text-align: center
}

.bx-wrapper .bx-pager {
	text-align: center; 
	color: rgb(102, 102, 102); 
	padding-top: 5px; 
	font-family: Arial; 
	font-size: 0.85em; 
	font-weight: bold;
}

.box_B {
	width:920px;
	margin: 0 auto; 
}

.box_B_inA {
	width: 100%;
	height: 120px;
	margin: 5px 0px 0px 0px;
	border-top: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-radius: 4px;
	padding:0px 0px 5px 0px;

}}

/*  ボックススライダー1300px以上の調整 */
@media (min-width: 1300px) {

.box_B {
	width:1200px;
	margin: 0 auto; 
	background-color: 88CEEB}

.box_B_inA {
	width: 100%;
	height: 120px;
	margin: 5px 0px 0px 0px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	padding:0px 0px 5px 0px;

}}

/*  ボックススライダー1300px以下の調整 */
@media (max-width: 1300px) {

.box_B {
	margin: 0 auto;
}

.box_B_inA {
	width: 90%;
	margin: 0px auto;
}}

/*  ボックススライダー900px以下の調整 */
@media (max-width: 900px) {
.box_B {
	width: 85%;
	margin: 0 auto;
}

.box_B_inA {
	width: 85%;
	margin: 0 auto;
}

.bx-wrapper .bx-pager {
	padding-top: 15px; 
}

.bxslider img {
	width:224px;
	height:95px;
	margin-top:15px;
	margin-left:0px;
	padding-right:0px;
	border-right: 1px solid #dddddd
}}

/* ###################### ダイヤモンド適性検査 ###################### */

/* テーブル */

table.info th,
table.info td {
	font-size:14px;
	padding: 0px 20px;
	padding-top: 10px;
	padding-bottom: 40px;
	border: 1px solid #442220;
	text-align: left;
	vertical-align: middle;
	border-radius: 4px;
}

table.info {
	min-width:50%;
	margin-top:10px;
	margin-bottom:30px;
	border-collapse: collapse;
	border: 2px solid #442220
}			

/* 問題数 */

.TOY {
	width:atuo;
	padding-top:20px;
	margin-left: 0px;
	text-align: left
}

/* 適性検査トップの全体ページ幅 */
#box_5_dai_main {
	width: 100%
}

#box_5_dai_main h1,
#box_5_dai_main p {
	margin:10px auto;
	width: 88%
}

/* 適性検査の本文ページ幅 */
.box_5_tekisei {
	padding-bottom: 15px;
	width: 90%;
	height: auto;
}

/* 適性検査の概要･値段ページ幅 */
.box_5_tekisei_2 {
	padding-bottom: 15px;
	max-width: 450px;
	height: auto;
	text-align: left
}

.box_5_tekisei p {
	width:500px;
}

/* 適性検査の900px以下の調整 */
@media (min-width: 900px) {
/* 適性検査の全体ページ幅 */
.box_5_dai {
	float:left;
	padding-bottom: 15px;
	width: 660px;
	padding:0 auto;
	padding-left:10px;
	min-height: 1200px;

}}

/* 適性検査の900px以下の調整 */
@media (max-width: 900px) {
.box_5_dai {
	clear:both;
	padding-bottom: 15px;
	padding-left:0px;
	width: 85%;
	padding:0 auto;
	margin:0 auto;
	min-height: 1200px;
}


.box_5_tekisei,
.box_5_tekisei_2 {
	clear:both;
	margin:0 auto
}

table.info {
	margin:0 15px;
	margin-top:10px;
	margin-bottom:30px;
}

.box_5_tekisei p {
	font-size:12px;
	width:auto
}

.TOY{
	clear:both;
}

.subpict img {
	display:none
}}


/* dai-1とdai-2を横に並べる設定 */
.box_dai-1 {
	float: left;
	width: 45%;
	margin-top: 35px;
	margin-left: 10px;
	margin-right: 10px;
}

.box_dai-2 {
	float: left;
	width:45%;
	margin-top: 35px;
	margin-left: 10px;
	margin-right: 10px;
}

.box_dai-2 p, 
.box_dai-1 p {
	width:100%;
	margin-left: -20px;
	text-align: center
}

.tekisei img {
	width:100%
}

/*  ダイヤモンド適性検査　概要 */
.tekisei a	{
	display: block;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 42px;
	text-align: center;
	text-decoration: none
}

.tekisei a:hover {
	opacity: 0.8
}

.tekisei i	{
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 38px
}

.tekisei h1 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal
}

.tekisei p	{
	display: block;
	border-radius: 6px;
	margin-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #819FF7;
	font-size: 18px
}

.subpict img {
	margin: 15px 10px 15px 0;
	padding :0 0 0 0px;
	float: left;
	clear: both
}

/* 問題数の提示 */
.TOY {
	font-size: 20px;
	padding-left: 25px
}

/* dai-1とdai-2の600px以下の調整 */
@media (max-width: 600px) {
.box_dai-1,
.box_dai-2 {
	width: 90%;
	clear:both;
	margin:0 atuo;
	text-align: center
}

.box_dai-1 p,
.box_dai-2 p {
	width: 90%;
	display: block;
	border-radius: 8px;
	padding-top: 10px;
	padding-left:0px;
	padding-bottom: 10px;
	margin:0 0 0 0;	
	background-color: #819FF7;
	font-size: 14px

}}

/* ボックスの左右をあける */
@media (min-width: 1030px) {
.box5, 
.box_5_inA {
	padding-left: 0px;
	padding-right: 0px
}}

/* ###################### 文字装飾など ###################### */

.kiji h1 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: solid 14px #66CDAA;
	font-size: 30px;
	font-weight: normal
}

.kiji h2 {
	margin-top: 30px;
	margin-left: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #dddddd;
	font-size: 24px;
	font-weight: normal
}

.kiji h2 i {
	margin-right: 7px;
	color: #888888
}

.kiji p {
	max-width: 800px;
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 20px
}

.kiji .lead	{
	max-width: 100%;
	font-size: 16px;
	color: #666666
}

.kiji .lead	{
	max-width: 100%;
	font-size: 16px;
	color: #666666
}

.kiji {
	max-width: 100%;
	height: auto
}

.kijiimg {
	max-width: 100%;
	margin-bottom: 15px;
	height: auto
}

.kiji h3 {
	border-bottom: solid 2px #dddddd;
	padding-bottom: 3px
}

.kiji h5 {
	border-top: solid 1px #dddddd
}

/*  画面サイズに合わせて文字を小さくする */
@media (max-width: 1175px) {

.kiji h1 {
	font-size: 1.40em;
	font-weight: normal
}

.kiji h2 {
	font-size: 1.25em;
	nt-weight: normal
}}

@media (max-width: 540px) {
.kiji h1 br,
.kiji  br {
	display: none
}

.kiji h1 {
	font-size: 1.25em;
	font-weight: normal
}}

/* ###################### アコーディオンメニユー  ###################### */

.accordion2 {
	min-width: 200px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px
}

.accordion2 a {
	text-decoration: none;
}

.accordion3 a {
	color: #FFFFFF
}

.accordion2 .ac-content {
	margin: auto;
}

.accordion2 label {
	display: block;
	background: #91acc9;
	cursor: pointer;
	padding: 10px;
	border-radius: 6px;
	font-weight: 600;
	line-height: 1.5em
}

.accordion2 label {
	color: #FFFFFF;
	font-size: 16px;
	text-shadow:2px 2px 8px #5b7087
}

.accordion2 label {
	border-bottom: 1px solid #fff
}

.accordion2 label:hover {
	opacity: 0.8;
	transition: opacity 0.1s ease-out
}

.accordion2 input {
	display: none
}

.accordion2 .ac2-cont {
	transition: 0.5s;
	height: 0;
	overflow: hidden;
	background: #cad9e8;
	padding: 0px 5px
}

.accordion2 input:checked + .ac2-cont {
	height: auto;
	padding: 5px
}

.accordion2 p {
	width:160px;
	padding: 0px 5px 5px 5px;
	margin: 10px;
   	border-bottom: dotted 2px #dddddd;
}

/* ###################### 電話と申し込みボタン ###################### */

.form {	
	clear: both;
	max-width: 100%;	
	text-align: center;
	background: #F8F8FF
}

.form img {
	padding: 15px 5px 15px 5px;
   	max-width: 85%
}

.form a:hover {
	opacity: 0.7;
	transition: opacity 0.5s ease-out
}

/* 電話と申し込みボタンの上に罫線を挿入 */
.form {
	margin-top: 15px;
	border-top: solid 1px #dddddd
}

.box_5_Recruitment {
	background: #00FF7F
}

/* ###################### 取扱い媒体ナビメニュー ###################### */

.box_5_inC_menu_p {
	background: FFAB00;
	width:100%;
	text-align: center;
	height: auto;
	padding: 3px;
	cursor: pointer;
	border-radius: 6px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: 400;
	line-height: 1.5em
}

.dropmenu {
	max-width:100%;
	text-align: center; 
	height: auto;
	padding: 0px auto;
	margin:0px auto;
	list-style-type: none;
	background: FFC550
}

.dropmenu::before {
	display: table; content: ""
}

.dropmenu::after {
	display: table; content: ""
}

.dropmenu::after {
	clear: both
}

.dropmenu li {
	margin: 0px auto; 
	padding: 0px; 
	width: 100%; 
	position: relative
}

.dropmenu li a {
	background: #eeeeee; 
	margin: 2px auto 0px auto; 
	color: #7c7c7c;
	line-height: 2; 
	display: block;
	text-decoration: none;
	border-radius: 24px;
	border: solid 1px #dddddd;
	box-shadow: 0px 3px 8px -5px rgba(0, 0, 0, 0.8);
}

.dropmenu li ul {
	width: 100%; 
	list-style: none; 	
	margin: 1px auto; 
	padding: 0px; 
	left: 0px; 
	top: 100%; 
	position: absolute; 
	z-index: 9999
}

.dropmenu li ul li {
	width: 100%; 

}

.dropmenu li ul li a {
	background: rgb(97, 93, 93);
	color: #ffffff;
	
	padding: 0px 0px
}

.dropmenu li:hover > a {
	background:##819ff7;

}

.dropmenu li a:hover {
	background:#819ff7;
}

.dropmenu li ul li {
	height: 0px; 
	overflow: hidden; 
	transition: .3s
}

.dropmenu li:hover ul li {
	height: 38px; 
	line-height: 2; 
	overflow: visible
}

/* ドロップメニューが重なる状態を防ぐ */

#dropmenu_9 {
	position: relative; 
	z-index: 9
}

#dropmenu_8 {
	position: relative; 
	z-index: 99
}

#dropmenu_7 {
	position: relative; 
	z-index: 999
}

#dropmenu_6 {
	position: relative; 
	z-index: 9999
}

#dropmenu_5{
	position: relative; 
	z-index: 99999
}

#dropmenu_4 {
	position: relative; 
	z-index: 999999
}

#dropmenu_3 {
	position: relative; 
	z-index: 9999999
}

#dropmenu_2 {
	position: relative; 
	z-index: 99999999
}

#dropmenu_1 {
	position: relative; 
	z-index: 999999999
}

/* ###################### 伸縮型ナビメニュー ###################### */

/* 適性検査・会社案内のナビメニュー */
.box_5_inC_menu, 
#nav_cross_works {
	background: FFAB00;
	border-top: solid 1px #dddddd;
   	padding-top: 15px;
    	padding-bottom: 15px;
	text-align: center;
	height: auto;
	cursor: pointer;
	border-radius: 6px;
	font-weight: 400;
	line-height: 1.5em
}

.box_5_inC_menu ul, 
#nav_cross_works ul {
	width:100%;
	text-align: center;	
	overflow: hidden;
	padding: 0 auto;
	margin: 0 auto
}

.box_5_inC_menu li, 
#nav_cross_works li {
	display:inline-block;
	width:310px;
	text-align: center;	
	margin: 1px auto;
	padding-top:7px;
 	padding-bottom:7px;
	padding-left: 3px;
	padding-right: 3px;
	background: #eeeeee;
	border-radius: 24px;
	border: solid 1px #dddddd;
	box-shadow: 0px 3px 8px -5px rgba(0, 0, 0, 0.8);
}

.box_5_inC_menu a,
#nav_cross_works a {
	text-decoration: none;
	color:#7c7c7c
}

.box_5_inC_menu li:hover, 
#nav_cross_works li:hover {
	display:inline-block;
	background: #FFC550
}

@media (max-width: 900px) {
.box_5_inC, 
.box_5_inC_p {
	padding-top: 15px;
	padding-bottom: 10px;
	width: 100%;
	margin:0 atuo;
	height: auto
}}

@media (min-width: 900px) {
/* 900px以下でナビゲーションを消す */
#nav_cross_works {
	display:none
}}

/* ###################### お問合せのページ ###################### */

/* 入力バーの幅調整 */
input[type="text"] { 
	width:90%
}

/* 送信ボタンの幅調整 */
input[type="submit"] { 
	min-width:60%
}

/*  お問合せのページ全体の幅調整 */
#box_5_inB_form {
	max-width:70%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding: 15px;
	margin: 0 auto;
	height: auto;
}

/*  お問合せのページ全体の幅調整 */
@media (max-width: 900px) {
#box_5_inB_form {
	max-width:85%;
}}

/* ###################### ツノルのページ ###################### */

.tuno_box_C {
	float:left;
	width:200px
}

.tuno_box_C img {
	width:100%
}

.tuno_box_D {
	float:left;
	width:300px
}

.tuno_box_C p { 
	width:170px; 
	margin:0 auto
}

.tuno_box_D p { 
	width:260px; 
	margin:0 auto
}

.tsunoru h3 {	
	padding: 3px 3px 3px 3px;
	margin:15px 5px;
	text-align: center;
	border-radius: 6px;
	border: solid 2px #000000;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.8);
}

.tsunoru img {
	margin:15px auto 0px auto;
}

.tsunoru p {	
	font-size:14px
}

.tsunoru_border {
	padding: 8px;
	margin:15px 0px;
	border-radius: 4px;
	border: solid 1px #cccccc;
}

.tsunoru_border_a {
	padding: 15px;
	margin:15px 15px;
	border-radius: 4px;
	border: solid 1px #cccccc;
}

.tsunoru h1 {
	font-size:18px;	
	padding:0px 15px;
	margin:25px  0px 0px 0px;
}

.tuno_top {
	height:120px;
	clear:both;
	margin-bottom:0px  0px 15px 0px;
	border-bottom: solid 1px #cccccc

}

.tuno_top p{
	line-height: 1.2rem;
	font-size:14px;	
	padding:10px  0px 0px 0px;
}

.tuno_top h1 {
	float:left;
	width:200px;
	font-size:18px;
	text-align: center;
	padding: 10px;
	margin:10px 10px;
	border-radius: 4px;
	border: solid 1px #cccccc;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.8);
	
}

@media (max-width: 725px) {

.tsunoru img {
	margin:5px auto 0px auto;
}

.tsunoru {
	width:100%;
	margin:0 auto
}

.tuno_top {
	width:auto;
	height:auto;
	border-bottom: solid 1px #cccccc

}

.tuno_top p {
	width:90%
	height:auto;
	clear:both
}

.tsunoru_main h1 br,
.tsunoru h1 br,
.tsunoru h2 br,
.tuno_top p br { 
	display:none
}

.tsunoru img {
	clear:both;
	margin:0 auto;
	text-align: center;
	width:100%
}

.tuno_top h1 {
	clear:both;
	text-align: center;
	font-size:18px;
	margin:15px auto;
	padding: 10px;
}

.tuno_box_D,
.tuno_box_D p,
.tuno_box_C p,
.tuno_box_C {
	clear:both;
	width:100%
}

.tuno_box_D img,
.tuno_box_C img {
	margin:0 auto;
	width:60%

}}

@media (min-width: 725px) {
.tsunoru_main h1 {
	font-size:25px;
	margin-top:-20px
}}

/* ###################### シゴトフェアのページ ###################### */

/* sf_boxを縦に並べる設定 */

.sf_sub_image {
	height:110px;
	margin-bottom:20px
}

.sf_sub_image img {
	width:150px;
	float:left;
	margin-right:10px
}

.sf_sub_image p {
	width:500px;
	font-size:16px
}

@media (max-width: 600px) {
.sf_sub_image {
	width:300px;
	margin:0px auto 80px auto
}

.sf_sub_image img {
	clear:both;
	margin-bottom:10px
}

.sf_sub_image p {
	clear:both;
	width:320px;
	font-size:12px
}}

@media (max-width: 760px) {
.sf_box_1 {
	width:300px;
	margin:0 auto
}}


.sf_box {
	float:left;
	margin:5px 15px 10px -20px;
	width:300px
}

.sf_box img {
	margin:-10px 0px 0px 0px;	
}

/* ###################### JOBのページ ###################### */

.job_price p {
	font-size:16px;
	margin-bottom:5px
}

.job h2 {
	font-size:22px;
	color:#000000;
	border-bottom: solid 1px #cccccc;
	padding-bottom:5px;
	margin-top: 15px
}

.job h3 {
	font-size:16px;
	color:#008000;
	padding:-10px 0px 0px 0px;
	margin-bottom: -5px;
}

.job_box {
	float:left;
	margin-left: -25px;
	margin-right: 15px;
}

.job_box p  {
	width:210px;
	font-size:14px;
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: -5px;
}

@media (max-width: 660px) {
br { 
	display:none
}

.job_box {
	max-width:100%;

}

.job_box ul {
	margin:0px 
}

.job_box {
	clear:both
}

.job_box p  {
	width:auto;
	font-size:14px;
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: -5px;
}}

/* ###################### 食べログのページ ###################### */

@media (max-width: 660px) {

.tabelog img {
	width:100%
}

.tabelog br {
	display:none
}}

.coment {
	font-size:10px
}


.tabelog h1 {
	font-size:18px;	
	padding:0px 15px;
	margin:25px  0px 15px 0px;
	background-color:#2f4f4f;
}

.tabelog h1 {
	font color:#ffffff
}

/* ###################### 会社案内のページ ###################### */

/* 会社案内の票 */
.cross_table TD {
	background: #eeeeee;
	border:1px solid #cccccc
}

/* ###################### フッター ###################### */

.box_6_footer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
	height: auto;
	text-align: center;
	color: #99a6b9;
	background-color: #4b636d
}

.box_6_footer a {
	color: #eeeeee;
	text-decoration: none;
	display:inline-block
}

/* コピーライト */
copyright {
	margin: 0;
	color: #666666;
	font-size: 14px
}

.copyright {
	background-color: #3c4f59;
	text-align: center;
	padding-bottom: 15px;
	height: auto;
	color: #aaaaaa
}

.copyright  a { 
	color: #3b7c98; 
	text-decoration: none
}

/* フッターメニューを小さくする */
@media (max-width: 900px) {

.box_6_footer a {
	font-size:12px
}

.box_6_footer br {
	display:none
}

.box_6_footer p {
	margin:0px 10px;
	font-size:12px
}

.copyright {
	font-size:12px
}}


@media (max-width: 900px) {
.menu {
	position: relative;
	z-index:999999;
}

.top {
	position: relative;
	z-index:-999999;
}}

/* ###################### パンくずリスト ###################### */

/* サイト名 */
.site h1 a	{
	color: #F4A460;
	text-decoration: none
}

.site h1 {
	margin: 0;
	font-size: 30px
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

/* ヘッダー画像 */
.topimg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}

/* お知らせ */
.news {
	padding: 20px;
	border-radius: 6px;
	border: solid 3px #dddddd
}

.news h1	{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666
}

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

.news li a	{ 	
	display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	font-size: 16px;
	text-decoration: none
}

.news li a:hover {
	background-color: #eeeeee
}

.news time {
	color: #888888
	font-weight: bold
}

.news a:after {
	content: "";
	display: block;
	clear: both
}

.news time {
	float: left;
	width: auto
}

.news .text {
	float: none;
	width: auto;
	margin-left: 60px
}

/* スムーズスクロール*/
.pad {
	height: 100px;
	margin-bottom: 4rem;
}