/*
Theme Name: FRANCHIR - Japanese
Author: FRANCHIR
Description: 株式会社フランシール用WordPressテーマ - 日本語用
*/

/* Reset-----------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
/*
	border: 0;
*/
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

ul, ol { list-style: none;}
img { border: none; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

a {
	color: #ec1d4d;
	text-decoration: none;
}

a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a[name] {
	color: #000;
	text-decoration: none;
}

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
	width /***/: auto; /* for ie8 */
	vertical-align: top;
}

.pic-right {
	float: right;
	margin-left: 7px;
	margin-top: 2px;
	margin-bottom: 5px;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.pic-left {
	float: left;
	margin-right: 7px;
	margin-top: 7px;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Layout-----------------------------------------------------------*/

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 140%;
	color: #000;
	border: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
	background: rgba(40,135,187,0.1);
}

#container {
	width: 100%;
	max-width: 1307px;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
	background: rgba(255,255,255,0.6);
}

header {
	margin: 0 auto;
	max-width: 1260px;
	padding: 0px 0px 0px 0px;
}

@media (max-width: 1260px) {
	header {
		width: 96%;
	}
}

#contents {
	width: 100%;
	max-width: 1307px;
	margin: 0 auto;
	background-image: url("/images/franchir-globe.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

#main {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding-top: 10px;
}

#franchir-left {
	width: 980px;
	float: left;
	margin-bottom: 30px;
}

@media (max-width: 1260px) {
	#franchir-left {
		width: 96%;
		margin: 0 2% 0 2%;
	}
}

#franchir-right {
	width: 260px;
	float: right;
}

@media (max-width: 1260px) {
	#franchir-right {
		display: none;
	}
}

footer {
	clear: both;
	text-align: center;
	width: 100%;
	padding: 30px 0px 0px 0px;
}

/* header-----------------------------------------------------------*/

header img {
}

.franchir-logo {
	float: left;
	margin-bottom: 10px;
	width: 80px;
}

.franchir-name {
	float: left;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 28px;
	padding: 20px 0px 0px 10px;
	white-space: nowrap;
}

.franchir-name a {
	color: #777;
}

.franchir-slogan {
	margin: 4px 20px 0px 0px;
	color: #777;
}

.franchir-sns {
	float: right;
	margin: 4px 0px 10px 0px;
}

.franchir-sns img {
	float: right;
	padding: 0px 3px 5px 0px;
}

.franchir-sns img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.franchir-menu {
	clear: both;
	max-width: 1240px;
	background: rgba(220,208,174,1.0);
	padding: 6px 0px 3px 0px;
	margin: 20px 0px 0px 0px;
	font-size: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

.franchir-menu {
	color: #fff;
}

.franchir-menu a {
	font-size: 22px;
	color: #000;
	padding: 0px 22px 0px 22px;
}

@media (max-width: 1307px) {
	.franchir-menu {
		width: 100%;
	}
	.franchir-menu a {
		font-size: 22px;
		color: #000;
		padding: 0px 22px 0px 22px;
	}
}

@media (max-width: 1230px) {
	.franchir-menu {
		display: none;
	}
	#franchir-l-n {
		padding: 0px 0px 0px 30px;
	}
}

/* Menu SP--------------------------------*/

#dl-menu {
	position: absolute;
}

#dl-menu a {
	color: #000;
}

@media (min-width: 1230px) {
	#dl-menu {
		display: none;
		}
}

/* /Menu SP--------------------------------*/

@media (min-width: 600px) {
	.franchir-logo {
		width: 70px;
	}
	.franchir-slogan {
		float: right;
		padding: 5px 0px 0px 10px;
	}
}

@media (max-width: 800px) {
	.franchir-logo {
		width: 60px;
	}
	.franchir-name {
		padding: 12px 0px 0px 10px;
	}
	.franchir-slogan {
		clear: both;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
		font-size: 18px;
	}
	.franchir-sns {
		margin: 12px 0px 10px 0px;
	}
}

@media (max-width: 600px) {
	.franchir-logo {
		width: 60px;
	}
	.franchir-slogan {
		clear: both;
		margin: 0 auto;
		margin-bottom: 0px;
	}
}

@media (max-width: 490px) {
	#franchir-l-n {
		clear: both;
		width: 290px;
		margin: 0 auto;
		padding: 0;
	}
	.franchir-logo {
		padding: 0px 0px 0px 0px;
	}
	.franchir-sns {
		margin: 0px 0px 10px 0px;
	}
	.franchir-slogan {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	#dl-menu {
		clear: both;
		position: relative;
			}
}

/* slider-----------------------------------------------------------*/

.swiper-container {
	clear: both;
	margin: 0 auto;
	max-width: 1260px;
}

@media (max-width: 1260px) {
	.swiper-container {
		width: 100%;
	}
}

.swiper-wrapper {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
}

@media (max-width: 1260px) {
	.swiper-wrapper {
		margin-top: 0px;
	}
}

.franchir-image00 {
	height: 0;
	padding-top: 43%;
	background-image: url("/images/service-image/franchir-top.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.franchir-image01 {
	height: 0;
	padding-top: 43%;
	background-image: url("/images/service-image/franchir-interpretation.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.franchir-image02 {
	height: 0;
	padding-top: 43%;
	background-image: url("/images/service-image/franchir-translation.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.franchir-image03 {
	height: 0;
	padding-top: 43%;
	background-image: url("/images/service-image/franchir-temporary-staffing.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.franchir-image04 {
	height: 0;
	padding-top: 43%;
	background-image: url("/images/service-image/franchir-legal-translation.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.swiper-wrapper p {
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 4px;
	margin-top: -40%;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	background: rgba(255,255,255,0.6);
	display: table;
	border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	padding-left: 3%;
	padding-right: 3%;
}
/*
.swiper-wrapper p:before {
	content: '';
	display: inline-block;
	width: 37px;
	height: 30px;
	background-image: url("/images/service-image/franchir-logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
*/

.swiper-wrapper p img {
	margin-top: 10px;
}

.swiper-wrapper a {
	color: #333;
}

/* toppage-----------------------------------------------------------*/

.franchir-motto {
	font-size: 24px;
	line-height: 30px;
	color: #ec1d4d;
}

.franchir-description {
	margin: 10px 0px 10px 0px;
}

.franchir-short-des {
    margin: 0px 0px 0px 24px;
    padding: 0px 0px 0px 0px;
}

/*----------------*/

.interpretation {
	position:relative;
	width: 350px;
	height: 200px;
	border:solid 1px #e5d9b7;
	margin: 10px 0px 10px 0px;
}
 
.interpretation a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size: 20px;
	color: #555;
	background-image: url("/images/top/franchir-interpretation.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}

.interpretation p{
	padding: 4px 0px 0px 40px;
}

/*----------------*/

.translation {
	position:relative;
	width: 350px;
	height: 200px;
	border:solid 1px #e5d9b7;
	margin: 10px 0px 10px 0px;
}
 
.translation a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size: 20px;
	color: #555;
	background-image: url("/images/top/franchir-translation.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}

.translation p{
	padding: 4px 0px 0px 40px;
}

/*----------------*/


.temporary-staffing {
	position:relative;
	width: 350px;
	height: 200px;
	border:solid 1px #e5d9b7;
	margin: 10px 0px 10px 0px;
}
 
.temporary-staffing a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size: 20px;
	color: #555;
	background-image: url("/images/top/franchir-temporary-staffing.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}

.temporary-staffing p{
	padding: 4px 0px 0px 40px;
}

/*----------------*/

.legal-translation {
	position:relative;
	width: 350px;
	height: 200px;
	border:solid 1px #e5d9b7;
	margin: 10px 0px 10px 0px;
}
 
.legal-translation a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-size: 20px;
	color: #555;
	background-image: url("/images/top/franchir-legal-translation.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}

.legal-translation p{
	padding: 4px 0px 0px 40px;
}

/*----------------*/

@media (min-width: 650px) {
	.interpretation, .temporary-staffing {
		float: left;
	}
	.translation, .legal-translation {
		float: right;
	}
}

@media (max-width: 750px) {
	.interpretation, .translation, .temporary-staffing, .legal-translation {
		width: 300px;
		height: 172px;
	}
	.interpretation p, .translation p, .temporary-staffing p, .legal-translation p {
	padding: 2px 0px 0px 35px;
	}
}

@media (max-width: 650px) {
	.interpretation, .translation, .temporary-staffing, .legal-translation {
		width: 350px;
		height: 200px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.interpretation p, .translation p, .temporary-staffing p, .legal-translation p {
	padding: 4px 0px 0px 40px;
	}
}

@media (max-width: 380px) {
	.interpretation, .translation, .temporary-staffing, .legal-translation {
		width: 320px;
		height: 183px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.interpretation p, .translation p, .temporary-staffing p, .legal-translation p {
	padding: 2px 0px 0px 35px;
	}
}

/*----------------*/

.franchir-news {
	clear: both;
	width: 980px;
	border:solid 1px #e5d9b7;
	background: rgba(255,255,255,0.5);
}

.franchir-news-title {
	font-size: 20px;
	color: #555;
	height: 30px;
	padding: 4px 0px 0px 40px;
	background: rgba(236,236,236,1);
	background-image: url("./images/top/franchir-news-title.jpg");
	background-repeat: no-repeat;
}

.franchir-news-list a {
	color: #2887bb;
}

.franchir-news-list th {
	font-weight: normal;
	padding: 0px 0px 0px 10px;
}

.franchir-news-list td {
	padding: 0px 0px 0px 10px;
}

@media (max-width: 1260px) {
	.franchir-news {
		clear: both;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 30px;
	}
}

@media (max-width: 1260px) {
	.franchir-news {
		width: 100%;
	}
}

/*----------------
franchir-right
----------------*/

.franchir-toform {
	text-align: center;
	width: 259px;
	border:solid 1px #e5d9b7;
	background: rgba(255,255,255,0.5);
	padding: 15px 0px 15px 0px;
	line-height: 30px;
}

.franchir-toform a {
	font-size: 28px;
}

.franchir-right-title {
	width: 259px;
	height: 30px;
	background-image: url("/images/top/franchir-news-title.jpg");
	background-repeat: no-repeat;
	border:solid 1px #e5d9b7;
	margin: 10px 0px 10px 0px;
}

.franchir-right-title p {
	font-size: 20px;
	color: #555;
	padding: 4px 0px 0px 40px;
}

.franchir-right-title:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.franchir-right-access {
	width: 244px;
	background: rgba(255,255,255,0.5);
	background-image: url("/images/top/franchir-news-title.jpg");
	background-repeat: no-repeat;
	border:solid 1px #e5d9b7;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}

.franchir-right-access p {
	font-size: 20px;
	color: #555;
	padding: 4px 0px 0px 23px;
}

.franchir-right-access img {
	margin: 12px 0px 10px 0px;
}

.franchir-right-access a {
	color: #000;
}

.franchir-right-access a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.franchir-right-privacy {
	text-align: left;
}

/* Page-----------------------------------------------------------*/

h1 {
	color: #fff;
	font-weight: normal;
	font-size: 26px;
	line-height: 60px;
	letter-spacing: 4px;
	margin-top: -40%;
	margin-left: 3%;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

h1:before {
	content: '';
	display: inline-block;
	width: 37px;
	height: 30px;
	background-image: url("/images/service-image/franchir-logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

h2 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
/**
	border-left: 2px solid #ec1d4d;
	padding-left: 6px;
**/
	margin-top: 20px;
	margin-bottom: 10px;
}

h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #ec1d4d;
}

h5 {
	font-weight: normal;
}

/* BIG accordion */

/*ボックス全体*/
.big_accbox {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*ラベル*/
.big_accbox label {
    display: block;
    cursor :pointer;
    transition: all 0.5s;
	font-weight: 500;
}

/*アイコンを表示*/
.big_accbox label h3:after {
	font-size: 14px;
    content: '詳細を表示する';
  border: 0px;
  position: absolute;
	color: #2887bb;
	margin-left: 10px;
	white-space: nowrap;
}

/*ラベルホバー時*/
.big_accbox label:hover {

}

/*チェックは隠す*/
.big_accbox input.big_cssacc {
    display: none;
}

/*中身を非表示にしておく*/
.big_accbox .big_accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.big_cssacc:checked + label + .big_accshow {
    height: auto;
    opacity: 1;
}

.big_accbox .big_accshow {
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 0px;
}

/*アイコンを入れ替える*/
.big_cssacc:checked + label h3:after {
	font-size: 14px;
    content: '詳細を閉じる';
  border: 0px;
  position: absolute;
	color: #2887bb;
	margin-left: 10px;
}

/* accordion */

/*ボックス全体*/
.accbox {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*ラベル*/
.accbox label {
    display: block;
    cursor :pointer;
    transition: all 0.5s;
	font-weight: 500;
}

/*アイコンを表示*/
.accbox label:after {
	font-size: 14px;
    content: '詳細を表示する';
  border: 0px;
  position: absolute;
	color: #2887bb;
	white-space: nowrap;
}

/*アイコンを表示*/
.accbox label h5:after {
	font-size: 80%;
    content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #ec1d4d;
  border-right: solid 2px #ec1d4d;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
    margin-top: 1px;
    margin-left: 10px;
	border-radius: 0px 4px 0px 0px;
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
}


/*Big内のアイコンを表示*/
.big_accbox .accbox label:after {
    margin-top: 0px;
}

/*ラベルホバー時*/
.accbox label:hover {

}

/*チェックは隠す*/
.accbox input.cssacc {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    opacity: 1;
}

.accbox {
    margin: 0px 0px 20px 24px;
    padding: 0px 0px 0px 0px;
}

.accshow {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {
    content: '詳細を閉じる';
  border: 0px;
  position: absolute;
}

/*アイコンを入れ替える*/
.cssacc:checked + label h5:after {
	font-size: 80%;
    content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #ec1d4d;
  border-right: solid 2px #ec1d4d;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
    margin-top: 7px;
    margin-left: 10px;
	border-radius: 0px 4px 0px 0px;
	-webkit-border-radius: 0px 4px 0px 0px;
	-moz-border-radius: 0px 4px 0px 0px;
}

.service-description {
	margin-left: 8px;
}

.service-description-short {
	margin-left: 32px;
}

.service-box {
	margin-top: 0px;
	border: solid 1px #ccc;
	width: 95%;
	height: 120px;
	overflow: auto;
	padding: 10px;
}

.service-network {
	width: 95%;
	border-collapse: collapse;
	border: 0px;
	margin-top: 10px;
}

.service-network th {
	text-align: left;
	font-weight: normal;
	min-width: 100px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
}

.service-network td {
	text-align: left;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
}

.service-network table, .service-network th, .service-network td {
	border: 1px solid #ccc;
}

.flow01 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow01:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow02 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow02:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow02.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow03 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow03:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow03.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow04 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow04:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow04.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow05 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow05:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow05.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow06 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow06:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow06.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow07 {
	font-size: 20px;
	line-height: 30px;
	font-weight: normal;
	color: #ec1d4d;
}

.flow07:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url("/images/service-image/flow07.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0px -2px;
	vertical-align: middle;
}

.flow {
	margin: 0px 0px 10px 20px;
}

.service-no-border {
	width: 95%;
	border-collapse: collapse;
	border: 0px;
	margin-left: 10px;
}

.service-no-border th {
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
	padding: 0px 5px 0px 5px;
	vertical-align: top;
}

.service-no-border td {
	text-align: justify;
	padding: 0px 5px 0px 5px;
	text-justify: inter-ideograph;
}

.list-circle {
	margin-left: 26px;
	list-style-type: disc;
}

.list-number {
	margin-left: 26px;
	list-style-type: decimal;
}

.list-number ul {
	margin-bottom: 26px;
}

.service-faq {
	width: 95%;
}

.service-faq th, .service-faq td {
	text-align: left;
}

.service-faq td {
	padding: 0px 0px 16px 26px;
}

.service-faq-box {
	margin-top: 10px;
	border: solid 1px #ccc;
	width: 83%;
	height: 240px;
	overflow: auto;
	margin:  0px 0px 16px 26px;
	padding: 10px;
}

@media (min-width: 500px) {
	.sp-br {
		display: none;
	}
}

@media (max-width: 550px) {
	.sp-only {
		display: none;
	}
}

/* 通訳派遣-----------------------------------------------------------*/

.interpretation-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-interpretation.png");
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 1050px) {
	.interpretation-image {
		width: 100%;
	}
}

/* 翻訳-----------------------------------------------------------*/

.translation-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-translation.png");
	background-repeat: no-repeat;
	background-size: contain;
}

@media (max-width: 1050px) {
	.translation-image {
		width: 100%;
	}
}

.service-lineup .accshow {
	margin-top: 20px;
}

/* 人材派遣-----------------------------------------------------------*/

.temporary-staffing-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-temporary-staffing.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.temporary-staffing-image {
		width: 100%;
	}
}

/* 法定翻訳-----------------------------------------------------------*/

.legal-translation-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-legal-translation.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.legal-translation-image {
		width: 100%;
	}
}

/* FAQ-----------------------------------------------------------*/

.faq-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-faq.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.faq-image {
		width: 100%;
	}
}

.faq-q {
	width: 92%;
	font-weight: normal;
	margin-left: 10px;
}

.faq-q:before {
	content: 'Q.';
	display: inline-block;
	vertical-align: top;
	color: #3366ff;
	margin-left: -18px;
}

.faq-a {
	margin-left: 20px;
}

.faq-a:before {
	content: 'A.';
	display: inline-block;
	vertical-align: top;
	color: #ec1d4d;
	margin-left: -16px;
}

/*ボックス全体*/
.accbox-faq {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*ラベル*/
.accbox-faq label {
    display: block;
    cursor :pointer;
    transition: all 0.5s;
	font-weight: 500;
}

/*アイコンを表示*/
.accbox-faq label li:after {
	font-size: 14px;
    content: '回答を表示する';
  border: 0px;
  position: absolute;
	color: #2887bb;
	white-space: nowrap;
}

/*チェックは隠す*/
.accbox-faq input.cssacc-faq {
    display: none;
}

/*中身を非表示にしておく*/
.accbox-faq .accshow-faq {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc-faq:checked + label + .accshow-faq {
    height: auto;
    opacity: 1;
}

.accbox-faq {
    margin: 0px 0px 20px 24px;
    padding: 0px 0px 0px 0px;
}

.accshow-faq {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*アイコンを入れ替える*/
.cssacc-faq:checked + label li:after {
    content: '回答を閉じる';
  border: 0px;
  position: absolute;
}

@media (max-width: 500px) {
	.faq-a {
		padding-top: 20px;
	}
}
/* アクセスマップ-----------------------------------------------------------*/

.access-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-access.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.access-image {
		width: 100%;
	}
}

.franchir-access {
	text-align: center;
	margin: 10px 0px 10px 0px;
}

.franchir-access iframe {
	width: 450px;
	height: 450px;
}

@media (max-width: 550px) {
	.franchir-access iframe {
		width: 320px;
		height: 450px;
	}
}

/* 個人情報保護方針-----------------------------------------------------------*/

.scroll table {

}
.scroll {
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
	height: 5px;
}
.scroll::-webkit-scrollbar-track{ 　　/*tableにスクロールバーを追加*/
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	background: #BCBCBC;
}

.privacy_table {

	border-collapse: collapse;
}

.privacy_table th {
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
	border: 1px solid #e5d9b7;
	padding: 4px 8px;
	vertical-align: middle;
}

.privacy_table td {
	white-space: nowrap;
	text-align: left;
	border: 1px solid #e5d9b7;
	padding: 4px 8px;
	vertical-align: middle;
}

/* お見積依頼フォーム表示非表示-------------------------------------------------*/

.estimate-content {
	margin-bottom: 30px;
}

.estimate-content .estimate-box {
  width: 100%;
}

.estimate-content label {
	margin-left: -6px;
	margin-right: 10px;
}

.estimate-content > .estimate-box > div {
  display: none;
}

#selector1:checked ~ .estimate-box > #estimate1 {
  display: block;
}

#selector2:checked ~ .estimate-box > #estimate2 {
  display: block;
}

#selector3:checked ~ .estimate-box > #estimate3 {
  display: block;
}

#selector4:checked ~ .estimate-box > #estimate4 {
  display: block;
}

#selectorx:checked ~ .estimate-box > #estimatex {
  display: block;
}

/* お見積依頼フォーム-----------------------------------------------------------*/

.estimate-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-estimate.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.estimate-image {
		width: 100%;
	}
}

.service-estimate {
	width: 95%;
	margin: 0 auto;
	text-align: left;
}

.service-estimate th {
	font-weight: normal;
	padding: 2px 10px 2px 10px;
	width: 145px;
}

.service-estimate td {
	padding: 2px 10px 2px 10px;
}

.service-estimate th.estimate-title {
	background: #97c7ec;
	color: #fff;
	padding: 2px 6px 2px 6px;
	font-size: 18px;
}

.service-estimate th.esitmate-notice {
		width: 92%;
}

@media (max-width: 600px) {
	.service-estimate th.estimate-title {
		width: 95%;
	}
}

.required {
	color: #ec1d4d;
}

.estimate-short {
	width: 160px;
}

.estimate-long {
	width: 400px;
}

.service-estimate textarea {
	width: 97%;
	height: 120px;
}

@media (max-width: 600px) {
	.service-estimate td, .service-estimate th {
		width: 100%;
		display: block;
	}
	.estimate-long {
		width: 300px;
	}
	.service-estimate textarea {
		width: 90%;
	}
	.service-estimate .service-box {
		width: 85%;
	}
}

/* お問合せ-----------------------------------------------------------*/

.contact-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-contact.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.contact-image {
		width: 100%;
	}
}

/* 会社概要・個人情報保護方針-----------------------------------------*/

.about-image {
	clear: both;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 1000px;
	height: 15px;
	padding-top: 41%;
	background-image: url("/images/service-image/franchir-about.png");
	background-repeat: no-repeat;
	background-size: contain;

}

@media (max-width: 1050px) {
	.about-image {
		width: 100%;
	}
}

/*ボックス全体*/
.accbox-p {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*ラベル*/
.accbox-p label {
    display: block;
    cursor :pointer;
    transition: all 0.5s;
	font-weight: 500;
}

/*アイコンを表示*/
.accbox-p label:after {
	font-size: 14px;
    content: '略歴を表示する';
  border: 0px;
  position: absolute;
	color: #2887bb;
	white-space: nowrap;
}

/*チェックは隠す*/
.accbox-p input.cssacc-p {
    display: none;
}

/*中身を非表示にしておく*/
.accbox-p .accshow-p {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc-p:checked + label + .accshow-p {
    height: auto;
    opacity: 1;
}

.accbox-p {
    margin: 0px 0px 20px 24px;
    padding: 0px 0px 0px 0px;
}

.accshow-p {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*アイコンを入れ替える*/
.cssacc-p:checked + label:after {
    content: '略歴を閉じる';
  border: 0px;
  position: absolute;
}

/* Information-----------------------------------------------------------*/

.franchir-information {
	border-collapse: collapse;
}

.franchir-information tr {
	border-bottom: 1px solid #ccc;
}

.franchir-information th {
	text-align: left;
	padding: 10px 10px 10px 10px;
}

.franchir-information td {
	padding: 10px 10px 10px 10px;
}

/* 採用情報-----------------------------------------------------------*/

dl.next_prev {
	width: 100%;
	margin: 0px 0px 30px 0px;
}

dl.next_prev dt {
	float: left;
	display: table;
	margin: 0px 0px 0px 0px;
}

dl.next_prev dd {
	float: right;
	display: table;
	margin: 0px 0px 30px 0px;
}

/* footer-----------------------------------------------------------*/

#footer-menu {
	padding: 0px 25px 0px 25px;
	text-align: center;
}

#footer-menu a {
	color: #333;
	white-space: nowrap;
}

.franchir-privacy {
	clear: both;
	width: 96%;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
}

@media (min-width: 1050px) {
	.franchir-privacy {
		display: none;
		}
}

#footer {
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

@media (max-width: 1050px) {
	#footer {
		margin: 20px 0px 60px 0px;
	}
}

#totop a{
	position: fixed;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	margin: 0px 20px 20px 0px;
	z-index: 100;
}

#totop a:before,
#totop a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#totop a:before {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 16%;
	border-radius: 16%;
	background: #ec1d4d;
}

#totop a:after{
	bottom: 12px;
	left: 5px;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border: 10px solid transparent;
	border-bottom: 16px solid #fff;
}

#bottom-bar {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 0;
	margin: 0px 0px 52px 0px;
	text-align: center;
}

@media (min-width: 1050px) {
	#bottom-bar {
	margin: 0px 0px -100px 0px;
	}
}

#bottom-button {
	background: rgba(220,220,220,0.6);
	text-align: center;
}

#bottom-button img {
	width: 180px;
	padding: 10px 0px 10px 0px;
}

@media (max-width: 450px) {
	#bottom-button img {
		width: 160px;
	}
}

.sharebutton {
	margin-left: 25px;
}


/*New Icom Menu*/

.icon-menus {
	display: table;
	width: 980px;
}

.icon-menu {
	width: 146px;
	background: rgba(255,255,255,1);
/*
	color: rgba(255,255,255,1);
*/
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	position: relative;
	line-height: 18px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 50;
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .2);
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
}

@media (min-width: 1260px) {
	.menu-6 {
		margin-right: 0px;
	}
}

.icon-menu img {
	margin-top: 27px;
	margin-bottom: 15px;
	width: 70%;
	height: 70%;
}

.icon-menu p {
	text-align: center;
	background: rgba(240,240,240,1);
	width: 98%;
	height: 60px;
	padding: 20px 1% 0px 1%;
	-moz-border-radius: 0px 0px 9px 9px;
	-webkit-border-radius: 0px 0px 9px 9px;
	border-radius: 0px 0px 9px 9px;
}

.icon-menu a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
}

.icon-menu:hover {
	filter:alpha(opacity=50);/* IE 6,7*/
	-ms-filter: "alpha(opacity=50)";/* IE 8,9 */
	-moz-opacity:0.5;/* FF , Netscape */
	-khtml-opacity: 0.5;/* Safari 1.x */
	opacity:0.5;
	zoom:1;/*IE*/
}

@media (max-width: 1260px) {
	.icon-menus {
		padding-left: 10px;
		margin: 0 auto;
		width: 100%;
	}
	.icon-menu {
		width: 18%;
	}
}

@media (max-width: 1100px) {
	.icon-menu {
		width: 22%;
	}
}

@media (max-width: 800px) {
	.icon-menu {
		width: 28%;
	}
}

@media (max-width: 550px) {
	.icon-menu {
		width: 40%;
	}
}

@media (max-width: 460px) {
	.icon-menu {
		font-size: 16px;
	}
}

@media (max-width: 360px) {
	.icon-menu {
		width: 80%;
	}
}

/*New Bottom Buttons*/

#bottom-bar-2 {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 0;
	margin: 0px 0px 52px 0px;
	text-align: center;
}

#bottom-button-2 {
	background: rgba(220,220,220,0.6);
	text-align: center;
}

#bottom-button-2 img {
	width: 180px;
	padding: 10px 0px 10px 0px;
}

@media (max-width: 450px) {
	#bottom-button-2 img {
		width: 160px;
	}
}

/*Search*/

.search {
	margin: 0px 20px 10px 20px;
	display: table;
}

/*検索フォーム*/

.searchform {
	float: left;
	position: relative;
}

.searchfield {
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	border: 1px solid #bbb;
	border-radius: 30px;
	font-family: "M PLUS Rounded 1c";
	font-size: 18px;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#searchbtn {
	position: absolute;
	top: 2px;
	left: 192px;
}

#searchbtn:hover {
	filter:alpha(opacity=70);/* IE 6,7*/
	-ms-filter: "alpha(opacity=70)";/* IE 8,9 */
	-moz-opacity:0.7;/* FF , Netscape */
	-khtml-opacity: 0.7;/* Safari 1.x */
	opacity:0.7;
	zoom:1;/*IE*/
}

@media (max-width: 700px) {
	.searchbtn  {
		top: 4px;
	}
}

/* 検索結果用-----------------------------------------------------------*/

.franchir-blog {
	margin: 10px 0px 10px 0px;
	margin: 30px 0 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.franchir-blog-contents {
	padding: 0px 20px 0px 20px;
}

.franchir-blog-contents p {
	margin: 26px 0px 0px 0px;
}

.franchir-blog-contents h1 {
	font-size: 26px;
	line-height: 140%;
}

.franchir-blog-contents h2 {
	font-size: 22px;
	line-height: 140%;
}

.franchir-blog-contents h3 {
	font-size: 20px;
	line-height: 140%;
}

.franchir-blog-contents h4 {
	font-size: 18px;
	line-height: 140%;
}

.pagination {
	display: table;
	margin: 0 auto;
	padding-bottom: 30px;
}

/* お役立ち情報用-----------------------------------------------------------*/

.lang_english p {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("/images/franchir-english.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	padding-left: 26px;
}


/* インタビュー-----------------------------------------------------------*/
.interview_0529-thum-prof-box{
	margin-top:40px;
	margin-bottom:40px; 
	display:flex; 
	gap:30px;
}
@media screen and (max-width: 767px) {
	.interview_0529-thum-prof-box{
		flex-wrap: wrap;
	}
}
.interview_0529-thum{
	display:block;
	max-width:320px;
}
.interview_0529-prof{
	max-width:500px;
}