@charset "utf-8";

/*共通*/
body#fresh{
	font-family:Ubuntu,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#181818;
	background:url(../../img/ichikawa.gif) no-repeat;
	background-position:105% 3100px;
}

h2 { font-size:52px; color:#000858; text-align:center; padding:30px 0 40px 0; }
h3 { padding:30px 0 30px 40px; font-size:28px; line-height:1.2; }

/*トップのイメージ*/
#fresh_main {
	background:url(../../img/bg_fresh.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	height:530px !important;
	overflow:hidden;
	margin-bottom:52px;
	position:relative;
}
#fresh_main #animated_txt { font-size:60px; margin:100px 0 50px 0; text-align:center; color:#FFF; }
#fresh_main #animated_line { text-align:center; margin-top:200px; }
#fresh_main #animated_image {
	position:absolute;
	top:146px;
	right:0;
	left:0;
	margin:0 auto;
	width:100px;
	height:200px;
	overflow:hidden;
	background:url(../../img/img_door_anime.png) no-repeat;
}
#fresh_main #btn_navi { width:862px; margin:0 auto; margin-top:50px; }
#fresh_main #btn_navi li { width:287px; float:left;}
#fresh_main #btn_navi li a {
	display:block;
	width:250px;
	padding:15px 0;
	border:1px solid #fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#990178d2,endColorstr=#990178d2); 
    background: rgba(1, 120, 210, 0.1);
	color:#FFF;
	font-size:24px;
	text-align:center;
	text-decoration:none;
}
#fresh_main #btn_navi li a:not(:target){
    filter: none;
}

/*印刷について*/
#printing { position:relative; }
#printing>p {
	font-size:18px;
	margin-left:40px;
	line-height:1.6;
	background:url(../../img/deco_duck02.png) no-repeat;
	background-position:80% 15px;
}

#printing #print_category {
	margin-top:40px;
	background:url(../../img/deco_print01.gif) no-repeat;
	background-position:left top;
}
#printing #print_category ul { margin:0 0 40px 40px; }
#printing #print_category ul li { float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#printing #print_category ul li:first-child { width:40%; padding-right:10px; line-height:1.6; }
#printing #print_category ul li:last-child { width:60%; padding-left:10px; text-align:right; }
#printing #print_category ul li h4 { text-align:center; margin-bottom:10px; }
#printing #print_category ul li #note { font-size:12px; margin-top:10px;}

#printing #print_flow { position:relative; height:535px; background:url(../../img/deco_print02.gif) no-repeat; background-position:bottom right; }
#printing #print_flow>p { margin-left:40px; width:38%; line-height:1.6; }
#printing #print_flow #flow_chart { position:absolute; width:900px; top:0; left:40px; color:#FFF; }
#printing #print_flow #flow_chart ul li {
	position:absolute;
	font-size:15px;
	line-height:1.3;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	z-index:10;
}
#printing #print_flow #flow_chart ul li#step01 {
	width:176px;
	height:176px;
	background:url(../../img/circle_01.png) no-repeat;
	padding:65px 9px 0 9px;
	top:0;
	left:370px;
}
#printing #print_flow #flow_chart ul li#step02 {
	width:140px;
	height:140px;
	background:url(../../img/circle_02.png) no-repeat;
	padding:45px 5px 0 5px;
	top:50px;
	left:570px;
}
#printing #print_flow #flow_chart ul li#step03 {
	width:164px;
	height:164px;
	background:url(../../img/circle_03.png) no-repeat;
	padding:50px 8px 0 8px;
	top:0;
	right:0;
}
#printing #print_flow #flow_chart ul li#step03 {
	width:164px;
	height:164px;
	background:url(../../img/circle_03.png) no-repeat;
	padding:50px 8px 0 8px;
	top:0;
	right:0;
}
#printing #print_flow #flow_chart ul li#step04 {
	width:191px;
	height:191px;
	background:url(../../img/circle_04.png) no-repeat;
	padding:65px 8px 0 8px;
	top:200px;
	right:10px;
}
#printing #print_flow #flow_chart ul li#step05 {
	width:143px;
	height:143px;
	background:url(../../img/circle_05.png) no-repeat;
	padding:55px 8px 0 8px;
	top:250px;
	left:520px;
}
#printing #print_flow #flow_chart ul li#step06 {
	width:204px;
	height:204px;
	background:url(../../img/circle_06.png) no-repeat;
	padding:70px 8px 0 8px;
	top:320px;
	left:290px;
}
#printing #print_flow #flow_chart ul li#step07 {
	width:164px;
	height:164px;
	background:url(../../img/circle_07.png) no-repeat;
	padding:70px 8px 0 8px;
	top:350px;
	left:80px;
}
#printing #print_flow #flow_chart p { position:absolute; z-index:0;}
#printing #print_flow #flow_chart p#connect01 { top:80px; left:510px; }
#printing #print_flow #flow_chart p#connect02 { top:90px; left:665px; }
#printing #print_flow #flow_chart p#connect03 { top:145px; left:805px; }
#printing #print_flow #flow_chart p#connect04 { top:285px; left:620px; }
#printing #print_flow #flow_chart p#connect05 { top:335px; left:470px; }
#printing #print_flow #flow_chart p#connect06 { top:420px; left:200px; }
#printing #print_flow #flow_chart p#deco01 { top:400px; left:620px; }

/*営業について*/
#marketing { margin-top:40px; background:#f2f2f2; padding:40px 0; }
#marketing #market_area {
	padding-bottom:40px;
	background:url(../../img/deco_market02.gif) no-repeat;
	background-position:bottom right;
}
#marketing #contents_market {
	position:relative;
	background:url(../../img/deco_market01.gif) no-repeat;
	background-position:top left;
}
#marketing #contents_market p#deco02 { position:absolute; top:15px; right:120px; }
#marketing #contents_market>p { padding-left:40px; }

#marketing #condition { width:70%; margin:0 auto; margin-top:40px; border:2px solid #ffd305; }
#marketing #condition h3 {
	color:#FFF;
	background:#ffd305;
	font-size:20px;
	text-align:center;
	padding:10px 0;
}
#marketing #condition dl { padding:10px; font-size:14px; }
#marketing #condition dt { float:left; clear:left; width:110px; font-weight:bold; }
#marketing #condition dt:first-child { width:280px; }
#marketing #condition dd { padding-left:110px; padding-bottom:10px; }
#marketing #condition dd:nth-of-type(1) { padding-left:280px; }

/*社員インタビュー*/
#interview { padding:40px 0 10px 0; position:relative;}
#interview #deco03 { position:absolute; top:120px; left:130px; }
#interview #qa { margin:40px 0 0 40px; width:570px; }
#interview #qa ul li{
	list-style:none;
	counter-increment:chapter;
	border:2px solid #206eb7;
	margin-bottom:15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:18px;
	color:#000858;
	background:url(../../img/mark_plus.png) no-repeat;
	background-position:98% 16px;
	cursor:pointer;
}
#interview #qa ul li.active {
	background:url(../../img/mark_minus.png) no-repeat;
	background-position:98% 16px;

}
#interview #qa ul li p.question { padding:15px 10px; }
#interview #qa ul li p.question:before{
	font-family: Ubuntu, sans-serif !important;
	content :"0" counter(chapter);
	font-size:22px;
	color:#206eb7;
}
#interview #qa ul li p.answer {
	margin-top:10px;
	padding-top:10px;
	font-size:16px;
	border-top:1px solid #206eb7;
	display:none;
	padding:15px 10px;
	background: rgba(255, 255, 255, 0.2);
}


/*社員スケジュール*/
#timeschedule { position:relative; }
#timeschedule h3 { color:#206eb7; padding-bottom:2px; }
#timeschedule table {
	margin-left:40px;
	width:570px;
	border-top:2px solid #206eb7;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF,endColorstr=#88FFFFFF); 
    background: rgba(255, 255, 255, 0.2);
}
#timeschedule table td { padding:10px 5px; vertical-align:middle; border-bottom:1px solid #dadada; }
#timeschedule table td.w10 { width:10%; }
#timeschedule table td.w20 { width:20%; }
#timeschedule table td.w60 { width:60%; }
#timeschedule #deco04 { position:absolute; bottom:-20px; left:500px; }