@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/


body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333333 !important;
	font: 14px/1.6 !important;	
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.btn-menu {
	position: relative;
	top: -5px;
}

div {
}
.breadcrumbs {
	font-size: 13px;
	color: #888;
	margin-bottom: 10px;
}

.entry-footer {
	margin-top: 10px !important;
	margin-bottom: 30px !important;
}
/*関連記事プラグイン*/
.yuzo_related_post h3{
	font-size: 20px !important;
}

/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 12px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #f7f7f7; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f7f7f7; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}

/*.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; 
 padding-right: 4px;
}*/

.site-header.fixed {
    position: fixed;
    background-color: #fff;
}
.sydney-hero-area {
    top: 0;
}
@media only screen and (min-width: 1024px) {
.sydney-hero-area {
    overflow: hidden;
    position: relative;
    top: 78px;
}
}
.admin-bar .site-header, .admin-bar .site-header.float-header {
    top: 32px;
	padding: 20px 0 !important;
	background-color: #fff;
}

th, td {
    border: none;
    padding: 5px;
    text-align: left;

}

select {
	width: 100%;
}


a {
	color: #333333;
	cursor: pointer !important;
}
a:hover{
	color: #333333 !important;
	cursor: pointer !important;
}
h2 {
    font-size: 18px !important;
}

.topVideo {
	display: none;
}
@media only screen and (min-width: 1024px) {
	.topVideo {
		display: block;
	}
}

.pc_image{
	display:none;
}
.sp_image{
	display:block;
	width: 100%;
}
	
/*-- PC --*/
@media screen and (min-width: 1024px){

	.pc_image {
		display: block;
		margin: 0 auto;
	}
	.sp_image {
		display: none;
		margin: 0 auto;
	}
}



.hentry .meta-post {
	margin-bottom: 0 !important;
}

.panel-grid-cell {
	padding-left: 0 !important;
	padding-right: 0 !important;	
}
.containerRecruit {
	padding-left: 15px;
	padding-right: 15px;
}

.col-md-4, .col-sm-8 {
	padding-left: 0px !important;
}
@media only screen and (min-width: 1024px) {
	.col-md-4, .col-sm-8 {
		padding-left: 15px !important;
	}
	
}

.wf-mplus1p { 
	font-family: "Mplus 1p";
}
.row {
    margin-left: 0;
    margin-right: 0;
}
@media only screen and (min-width: 1024px) {
	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}	
}

#mainnav ul li a　{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	display: inline-block;
	position: relative;
	color: #333;
	font-size: 14px !important;
 	text-decoration: none;
}
#mainnav ul li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transition: 0.4s;
}
#mainnav ul li a:hover:before {
	transform: scale(1);
}

@media only screen and (min-width: 1024px) {
	#mainnav ul li a　{
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
		display: inline-block;
		position: relative;
		color: #333;
		font-size: 16px !important;
		text-decoration: none;
	}
}

.single .entry-header, .page .entry-header {
	width: 100%;
	margin: 0 auto;
	text-align: left;	
}
.single .meta-post .post-cat:first-of-type::before {
    content: none;
}
.single .meta-post .post-cat::before {
    content: none;
}
.single .meta-post a, .classic-alt .meta-post a {
	letter-spacing: 0px;
}


.#pg-8-3 > .panel-row-style {
	background-color:  #fff !important;
}
.panel-row-style-for-w5b6c186a1a665-0 {
	padding: 0 !important;
}
.panel-row-style-for-w5b6c186a1a665-1 {
	padding: 0 !important;
}

/* top-page */
.topGraduatesBanner {
	margin-bottom: 45px;
}





/* page-wrap */
.page-wrap {
	padding-top: 0 !important;
}
.page-wrap .content-wrapper {
	padding-top: 30px !important;
}

.page-wrap .content-wrapper_bg_non {
    background-color: none;
}
#content .content-wrapper_white {
    background-color: #fff;
}
.page-wrap_gray {
    background-color: #f3f3f3;
}
.page-wrap_btmContact {
	width: 100%;
	background-color: #f3f3f3;	
}
.page-wrap_fullwidth{
    padding: none;
	
}

/* header */
.btn-menu {
	color: #000 !important;
	margin: 0px 0 0 auto !important;
	font-size: 25px !important;
}

.header-wrap .site-logo {
	margin-left: 0px !important;
}
@media only screen and (min-width: 1024px) {
	.header-wrap .site-logo {
		margin-left: 20px;
	}	
}

.header-wrap .site-logo::after {
	content: ''
}



.wp-custom-header {
    height: auto;
}
@media only screen and (min-width: 1024px) {
	.wp-custom-header {
		height: 650px;
	}
}
.wp-custom-header .wp-custom-header-video-button {
	display: none;
}
.content-area {
	padding: 10px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
	.content-area {
	padding: 50px;
	box-sizing: border-box;
	}
}
.content-area_gray {
	background-color: #ebebeb;
	padding: 20px 0 100px 0 !important;
}
.panel-row-style {
	padding: 0;
}



.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
	padding: 10px !important;	
}



@media only screen and (min-width: 1024px) {
	
	.content-area_gray {
		background-color: #ebebeb;
		padding: 50px 0 0px 0 !important;
	}
	
	.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
		padding: 30px !important;	
	}
}


.topLargeTitle {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
    font-family: 'Poppins', sans-serif;
	height: 50px;
}

.mainTitle {
	font-size: 20px !important;
	line-height: 28px;
	text-align: center;
	margin-bottom: 100px !important;
	position: relative;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.mainTitle:after {
	font-size: 30px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    background-color: #d65050;
}

.mainsmallTitle {
	font-size: 18px !important;
	line-height: 28px;
	text-align: center;
	margin-bottom: 30px !important;
	position: relative;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-top: 0;
}
.mainsmallTitle:after {
	font-size: 30px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    background-color: #d65050;
}


.mainTitleMargin {
	font-size: 20px !important;
	line-height: 28px;
	text-align: center;
	margin-bottom: 40px !important;
	position: relative;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.mainTitleMargin:after {
	font-size: 30px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin-left: -25px;
    background-color: #d65050;
}

.topMessageTitle {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
    font-family: 'Poppins', sans-serif;
	height: 50px;
}

@media only screen and (min-width: 1024px) {
	.topLargeTitle {
		width: 100%;
		margin: 0 auto 10px;
		text-align: center;
		font-size: 60px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		height: 80px;
	}
	
	.mainsmallTitle {
		font-size: 23px !important;
		line-height: 28px;
		text-align: center;
		margin-bottom: 50px !important;
		position: relative;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
		padding-bottom: 10px;
	}
	

	.mainTitleMargin {
		font-size: 28px !important;
		line-height: 28px;
		text-align: center;
		margin-bottom: 40px !important;
		position: relative;
		font-weight: 600;
		line-height: normal;
		text-transform: uppercase;
		padding-bottom: 10px;
	}
	.mainTitleMargin:after {
		font-size: 30px;
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 50px;
		height: 2px;
		margin-left: -25px;
		background-color: #d65050;
	}

	
	.topMessageTitle {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		font-size: 30px;
		font-weight: 600;
		font-family: 'Poppins', sans-serif;
		height: 50px;
		
	}

}
/*
---------------------------------------------------------------
service
---------------------------------------------------------------
*/
.serviceWrapper {
	width: 100%;
	margin: 0 auto;
}
.serviceWrapbox {
	position: relative;
}
.serviceWrapper h2.toCtitle {
	background-color: #f39800;
	padding: 30px;
	box-sizing: border-box;
	color: #fff !important;
	position: absolute;
	top: -85px;
	width: 100%;
}
.serviceWrapper h2.toBtitle {
	background-color: #78bded;
	padding: 30px;
	box-sizing: border-box;
	color: #fff !important;
	position: absolute;
	top: -85px;
	width: 100%;
}
@media only screen and (min-width: 1024px) {
	.serviceWrapper {
		width: 1050px;
		margin: 0 auto;
	}
	.serviceWrapbox {
		position: relative;
	}
	.serviceWrapper h2.toCtitle {
		background-color: #f39800;
		padding: 30px 30px;
		box-sizing: border-box;
		color: #fff !important;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto 200px;
		top: -50px;
		width: 300px;
	}
	.serviceWrapper h2.toBtitle {
		background-color: #78bded;
		padding: 30px 30px;
		box-sizing: border-box;
		color: #fff !important;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto 200px;
		top: -50px;
		width: 300px;
	}
}




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

.wpcf7-form-control-wrap {
	
}
.textarea, input[type="text"], input[type="submit"], input[type="your-name"], input[type="your-name2"], input[type="your-email"], input[type="your-tel"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:  -webkit-fill-available;
	width: -moz-available;
}



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

.toFancrew {
	border-bottom: 1px solid;
	padding-bottom: 1px;
}

/*
---------------------------------------------------------------
frontpage
---------------------------------------------------------------
*/
.panel-widget-style{
	padding-bottom: 0;
}
.panel-widget-style h3 {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

}
.roll-promobox .promo-controls{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #fff;
}

.roll-button {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 18px;
    font-weight: 200;
	color: #fff !important;
}
.panel-row-style {
	padding: 0;
}
#pgc-w5b6277d4170f6-0-1 {
    padding-top: 20px;
    color: #fff !important;
}





/*
---------------------------------------------------------------
company
---------------------------------------------------------------
*/

.companyCont h4 {
  margin: 20px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.companyCont .recruitComment dt {
  margin: 10px 0;
  padding: 15px 0;
  font-weight: bold;
  border-bottom: 1px dotted #999;
}

.companyCont .recruitComment dd {
  font-size: 14px;
}
.BranchOffice {
	background-color: #f1f1f1;
	padding: 10px;	
}
.companyCont, .company_info {
	width: 100%;
	line-height: 1.7;
	border-top: 1px solid #999 !important;
	border-bottom: 1px solid #999 !important;
	margin-bottom: 100px !important;
}
@media only screen and (min-width: 1024px) {
  
  .companyCont, .company_info {
    width: 96%;
    border: none;
    margin: 0 2%;
	margin-bottom: 100px !important;
  }
}

.companyCont tr, .company_info tr {
  text-align: left;
  border-bottom: 1px dotted #999;
}

.companyCont th, .company_info th {
  width: 30%;
  padding: 10px 0;
  font-weight: bold;
  font-size: 16px;
}
@media only screen and (max-width: 479px) {
  
  .companyCont th, .company_info th {
    width: 100%;
    padding: 10px 0 0 0;
    display: block;
  }
}

.companyCont td, .company_info td {
  padding: 10px 0;
  font-size: 14px;
}
@media only screen and (max-width: 479px) {
  
  .companyCont td, .company_info td {
    padding: 0 0 10px;
    display: block;
  }
}







.recruitTopCont{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.recruitTopCont dl{
    flex-grow: 1;
    flex-basis:30%;
    margin:0 1%;
}
.recruitTopCont dl dt{
    text-align:center;
    font-size:18px;
    border-bottom:2px solid #ccc;
}
.recruitTopCont dl dd{
    padding:10px 0;
}

.recruitTopCont dl dd li a{
    padding:5px 0 0 5px;
    display:block;
    border-bottom:1px dotted #ddd;
}


.recruit .hentry .meta-post {
	text-align: center !important;
	display: flex;
	width: 100%;
	margin: 0 auto 5px !important;
	flex-direction: row;
	justify-content: center;
	font-size: 15px;
	color: #d65050;
	
}
.recruit .hentry .meta-post li{
	list-style: none;
	
}

.company_history td a.press {
	padding-left: 10px !important;
	color: cornflowerblue;
}
@media only screen and (max-width: 479px) {
  
  .company_info dt {
    margin-top: 15px;
    font-weight: bold;
  }
  
  .company_info .list li:before {
    content: "・";
  }
}

.company_info .map {
  background-color: #eee;
  padding: 5px 15px;
  border-radius: 20px;
  -webkit-transition: all .1s linear;
          transition: all .1s linear;
	margin: 5px 0;
    display: inline-block;
}
@media only screen and (max-width: 479px) {
  
  .company_info .map {
    width: 74%;
    margin: 10px 10%;
    padding: 15px 3%;
    display: inline-block;
    text-align: center;
	margin: 5px 0;
    display: inline-block;
  }
}

.company_info .map:hover {
  background-color: #c6171e;
  color: #fff;
}


.company_history {
  width: 100%;
  margin: 0 0 30px;
  font-size: 14px;
	border-top: 1px solid #999 !important;
	border-bottom: 1px solid #999 !important;
}

.company_history tr {
 	border-bottom: 1px dotted #ccc;
	display: flex;
	flex-direction: column;
}

.company_history th {
	width: 100%;
  padding: 10px 30px 0px 0;
  text-align: left;
}

.company_history td {
	width: 100%;
  padding: 0px 20px 10px 0;
  line-height: 1.3;
	display: flex;
	flex-direction: column;
}

.company_history td span:after {
  right: 0;
  top: 0px;
  background-color: #ddd;
  border-radius: 5px;
  content: " ";
  display: inline-block;
  width: 5px;
  height: 24px;
  position: absolute;
}

.company_history td span {
	width: auto;
	margin-right: 10px;
	display: inline-block;
	font-size: 14px;
	position: inherit;
	margin-bottom: 6px;
}
.company_history td .textLong{
    display: inline-block;
    vertical-align: text-top;
	 line-height: 1.5;
}
.map_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 40px;
  border-bottom: 1px dotted #999;
}
@media only screen and (min-width: 1024px) {
	.company_history tr {
		border-bottom: 1px dotted #ccc;
		display: flex;
		flex-direction: row;
	}
	.company_history td {
		width: 85%;
		padding: 10px 20px 10px 0;
		line-height: 1.3;
		display: flex;
		flex-direction: row;
	}
	.company_history th {
	  width: 15%;
	  padding: 10px 30px 10px 0;
	  text-align: right;
	}
	.company_history td span {
		width: 13%;
		margin-right: 10px;
		display: inline-block;
		font-size: 12px;
		position:relative;
		padding-top: 5px;
	}
}
@media only screen and (max-width: 479px) {

  .map_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border: none;
  }
}

.map_wrap .access, .map_wrap iframe {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.map_wrap iframe {
  height: 350px;
  position: relative;
  top: -40px;
}
@media only screen and (max-width: 479px) {
  
  .map_wrap iframe {
    width: 84%;
    height: 250px;
    margin: 0 8%;
    top: 0;
  }
}

.map_wrap .access {
  padding: 0 1% 0 0;
}
@media only screen and (max-width: 479px) {
  
  .map_wrap .access {
    padding: 0 2%;
  }
}

.map_wrap dt {
  font-weight: bold;
  margin-top: 20px;
}
@media only screen and (max-width: 479px) {
  
  .map_wrap dt {
    margin-top: 10px;
  }
}

.map_wrap dd {
  font-size: 14px;
  padding-left: 2%;
}
@media only screen and (max-width: 479px) {
  
  .map_wrap dd {
    padding-left: 0;
  }
}

.map_wrap dd span {
  font-size: 12px;
}
.work_style{
  font-size: 14px;
  margin: 20px 0;
  padding: 0 2%;
}
.work_style dt{
  margin-top:20px;
  font-weight:bold;
  font-size:16px;
}

.greetingBox {
	position: relative;
	height: auto;
	width: 100%;
}

.greetingContainerBox h2 {
	padding: 0 0 0 20px;
	margin-top: 0 !important;
	text-align: center;
	font-size: 16px;
}
.greetingContainerBox .insideBox {
	width: 100%;
	padding: 0px;
	position: relative;
	left: 0;
	right: 0;
	top: auto;
	box-sizing: border-box;
	bottom: 0;
}


.headCopyBox {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #fff;
}


	
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	
	.greetingBox {
		position: relative;
		height: auto;
		width: 100%;
	}

	.greetingContainerBox h2 {
		padding: 0 0 0 20px;
		text-align: left;
		font-size: 18px;
	}
	.greetingContainerBox .insideBox {
		width: 500px;
		padding: 30px;
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		box-sizing: border-box;
		bottom: 70px;

	}
	.headCopyBox {
		width: 1200px;
		position: relative;
		margin: 0 auto;
	}
}	



.messageBox {
	background-color: #fff;
	padding: 20px 10px;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}
.messageBox p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 30px;
	
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	
	.messageBox {
		background-color: #fff;
		padding: 30px;
		border-top: none;
		border-bottom: none;
	}
	.messageBox p {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 0;
	}	
}

.messageContents {
	width: 100%;
	margin: 0 auto;
/*   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;*/
		padding-top: 0;
}
.messageContents h3 {
	font-size: 20px !important;
	padding-left: 0 !important;
	position: relative;
	z-index: 5;
	color: #ff7800;
	font-weight: 600;
	font-family: inherit;
	line-height: 30px;
	padding-top: 20px;
}


.messageContents h3 br {
	display: none;
}
.messageTextBox {
	margin-bottom: 80px;	
}
.messageTextBox a {
	color: cornflowerblue;
}
.messageTextBox p {
	font-size: 16px;
	line-height: 30px;
}
.messageTextBox dl dd{
	margin-left: 25px !important;
	margin-bottom: 10px !important;
}
.nameBox {
	width: 100%;
	text-align: right;
	margin-bottom: 100px;
}
.nameBox p {
	width: 100%;
	text-align: right;
	margin-bottom: 0;
}


@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	

	.messageContents {
		width: 900px;
		margin: 0 auto;
		padding-top: 70px;
	
	}
	.messageContents h3{
		font-size: 25px !important;
		padding-left: 40px;
		position: relative;
		z-index: 5;
		color: #ff7800;
		font-weight: 600;
		font-family: inherit;
		line-height: 32px;
		padding-top: 0;
	}
	

	
	.messageContents h3 br {
		display: block;
	}
}


.personalhistoryBox {
		font-size: 15px;
		line-height: 25px;
		padding: 20px;
}
.personalhistoryBox .title {
	font-size: 17px;
	font-weight:bold;
	margin-bottom: 6px;
}
.personalhistoryBox p {
	margin-bottom: 0 !important;
}


.recruitmentBox dd {
	margin-bottom: 0 !important;
}


.entry-title {
	text-align: left;
}


.keizaiBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0 0;
	box-sizing: border-box;
	border-top: 1px solid #c8c8c8;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
}
.keizaiBox .infoBox h4{
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 1.5;
}
.keizaiBox .infoBox ul{
	margin-bottom: 0px;
	display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
	list-style: none;
	padding-left: 0;
}
.keizaiBox .infoBox ul li:before{
  font-family: FontAwesome;
  content: '\f054'; /* アイコンのunicode */
	color: #c8c8c8;
}
.keizaiBox .infoBox ul li{
	width: 50%;
}
.keizaiBox .infoBox ul li:last-child{
	padding-left: 10px;
	box-sizing: border-box;
}
.keizaiBox .infoBox a {
	color: cornflowerblue;
	margin-left: 5px;
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
.keizaiBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
	width: 83%;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #c8c8c8;
}
.keizaiBox .bannerBox{
	width: 180px;
	
}
.keizaiBox .bannerBox img{
	max-width: inherit;
}
.keizaiBox .infoBox h4{
	font-size: 16px;
	padding: 0;
	box-sizing: border-box;
	margin-top: 0;
	line-height: 24px;
	margin-bottom: 2px;
	font-weight: normal;
}
.keizaiBox .infoBox {
	padding-left: 15px;
}
.keizaiBox .infoBox ul{
	margin-bottom: 0px;
	display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: row;
         flex-direction: row;
	list-style: none;
	padding-left: 0;
}
.keizaiBox .infoBox ul li:before{
  font-family: FontAwesome;
  content: '\f054'; /* アイコンのunicode */
	color: #c8c8c8;
}
.keizaiBox .infoBox ul li{
	width: 32%;
}

.keizaiBox .infoBox a {
	color: cornflowerblue;
	margin-left: 5px;
}
}



/*--------------------------------------------------------------
news
--------------------------------------------------------------*/
.news h3 {
	font-size: 22px;
}
.news .col-md-3 {
	padding-left: 0;
}
	@media screen and (min-width:1024px) {
	.news .col-md-3 {
		padding-left: auto;
	}
}
.news .search-form label {
	width: 100%;
}
.tags-links a {
    display: inline-block;
    background-color: #f7f7f7;
    padding: 5px 10px;
    color: #47425d;
    margin: 0 5px 5px;
        margin-left: 5px;
    font-size: 12px;
    text-transform: uppercase;
}
	@media screen and (min-width:1024px) {
	.tags-links a {
		display: inline-block;
		background-color: #f7f7f7;
		padding: 4px 10px;
		color: #47425d;
		margin: 0 5px;
			margin-left: 5px;
		font-size: 11px;
		text-transform: uppercase;
	}
}

.news .content-area {
	padding: 0px !important;
	box-sizing: border-box;
}
.news .hentry .title-post {
	font-size: 18px !important;
	margin-bottom: 5px !important;
	line-height: 22px;
	text-align: center;
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.news .hentry .meta-post {
	margin-bottom: 10px !important;
}

.news .hentry .meta-post .post-cat {
background-color: #fff;
color: #666;
padding: 1px 3px;
font-size: 13px;
border-radius: 3px;
border: 1px solid #999;
display: inline-block;
	
}
@media screen and (min-width:1024px) {
	.news .hentry .meta-post .post-cat {
		background-color: #fff;
		color: #666;
		padding: 4px 5px;
		font-size: 13px;
		border-radius: 3px;
		border: 1px solid #999;
		display: inline-block;
	}
}


.news .content-area .hentry {
	padding: 20px 0;
	clear: both;
}

.news .archive-title {
	width: 100%;
	margin: 0 auto 20px;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
}
.hentry .title-post {
	font-size: 28px !important;
	margin-bottom: 30px !important;
	line-height: 28px;
	text-align: center;
}
.entry-post img {
    margin: 10px 0 20px;
    width: 30%;
}
.postImg{
	width: 30%;
    box-sizing: border-box;
	float: left;
}
.postText {
	width: 70%;
	box-sizing: border-box;
	float: left;
	padding: 0 15px 15px 25px;
}
.content-area .hentry {
	position:inherit;
}
.news .entry-page p, .entry-post p {
	margin-bottom: 12px !important;
	font-size: 14px;
	line-height: 21px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.news .entry-content p a {
	color: #6495ED;
	word-wrap: break-word;
}

@media screen and (min-width:1024px) {
	.news .hentry .title-post {
		font-size: 20px !important;
		margin-bottom: 0px !important;
		line-height: 28px;
		text-align: center;
		text-align: left;
	}
	.news .hentry .meta-post {
		margin-bottom: 10px;
	}
	.news .content-area {
		padding: 50px 30px 100px 100px !important;
		box-sizing: border-box;
	}
	.news .entry-page p, .entry-post p {
		margin-bottom: 12px !important;
		font-size: 14px;
		line-height: 21px;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}
}
.news .widget-area {
	padding-right: 0px !important;
}
@media screen and (min-width:1024px) {
.news .widget-area {
	padding-right: 50px !important;
}
}
.news .widget-area .widget ul li {
	color: #767676;
    font-size: 14px !important;
    margin-bottom: 15px !important;
    display: block;
    border-bottom: 1px dotted #767676;
    padding-bottom: 15px !important;
	padding-right: 0;
	line-height: 22px;
}
.wpp-thumbnail {
	margin: 0 10px 0 0;
}
.news .single-meta {
	margin-bottom: 30px !important;
}
.news .single .hentry .meta-post a {
	display: inline-block;
}
@media only screen and (min-width: 1024px) {
	.news .single .entry-header, .page .entry-header {
		width: 100%;
		margin: 0 auto;
		text-align: left;	
	}
}



/*---------------------------------------------------------------
news
---------------------------------------------------------------*/
.newsMenuBox {
	display: none;
}
	@media only screen and (min-width: 1024px) {
		.newsMenuBox {
		display: block;
	}
}

@media only screen and (min-width: 1024px) {
	.menu-news_menu-container ul{
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
		 -ms-flex-direction: row;
			 flex-direction: row;
		  -webkit-box-pack: center;
		 -ms-flex-pack: center;
	   justify-content: center;
	margin: 0 50px;
	box-sizing: border-box;
		background-color: #443f3f;
	}
	.menu-news_menu-container ul li{
		width: 200px;
		list-style: none;
		text-align: center;
		font-size: 14px;
	}
	.menu-news_menu-container ul li:last-child{
		border-right: none;
	}
	.menu-news_menu-container ul li a{
		color: #fff !important;
		cursor: pointer !important;
		display: block;
		padding: 20px 0;
		display: inline-block;
	}
	.menu-news_menu-container ul li a.active::after{
		content: '';
		width: 100%;
		height: 4px;
		position: absolute;
		display: block;
		bottom: -1px;
		left: 0;
		border-bottom: 4px solid #666666;
	}
}


.news .widget-area {
	border: none !important;
}


.news .widget-area .widget-title {
    font-size: 18px;
    color: #443f3f;
}
	
	
/*--------------------------------------------------------------
company_menu
--------------------------------------------------------------*/

.menu-company_menu-container {
	background-color: #282727;
	top: 0px !important;
	position: relative;
}
.menu-company_menu-container ul {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

@media only screen and (min-width: 1024px) {
	.menu-company_menu-container ul {
		width: 1170px;
		margin: 0 auto;
		text-align: center;
	}	
}
.menu-company_menu-container ul.menu {
	color: #fff;
	padding: 15px;
}
.menu-company_menu-container ul li {
	display: inline-block;
	padding: 0 30px;
}
.menu-company_menu-container ul li a {
	color: #fff;
	padding: 15px;
}
.menu-company_menu-container ul li a:hover {
	color: #f3f3f3 !important;
	padding: 15px;
}





/*--------------------------------------------------------------
privacy
--------------------------------------------------------------*/

.privacy ul {
	margin-bottom: 40px;
}
.privacy h2 {
	margin: 10px 0 12px;
}



/*--------------------------------------------------------------
widget-area
--------------------------------------------------------------*/

.widget-area .widget ul {
    list-style: none;
    padding: 0;
	margin-bottom: 0;
}
.widget-area .widget ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}
@media only screen and (min-width: 1140px) {
.widget-area .widget ul {
    list-style: none;
    padding: 0;
	margin-bottom: 60px;
}
	.widget-area .widget ul li {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
		 -ms-flex-direction: row;
			 flex-direction: row;
	}
}
.news .widget-area .widget:first-child {
	padding-top: 50px !important;
}

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

.footer-widgets .widget ul {
    list-style: none;
    padding: 0;
	display: flex;
}
.footer-widgets .textwidget {
	padding-top: 30px;
}
.footerContents {
	display: flex;
	flex-direction: column;

}
.footerContents dl {
	width: 220px;
}
.footerContents dt {
	font-size: 15px;
	margin-bottom: 10px;
}
.footerContents dd {
	padding-top: 6px;
}
.footer_companyInfo{

}
.footer_companyInfo .map {
	margin-top: 5px;
	display: block;
}
.footerContents a:hover{
    color: #666 !important;
}

@media only screen and (min-width: 1140px) {
	.footerContents {
		display: flex;
		flex-direction: row;

	}
	.footerContents dl {
		width: 220px;
	}
	.footerContents dt {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.footerContents dd {
		padding-top: 6px;
	}
	.footer_companyInfo{
		width: auto;
		float: none;
		clear: both;
	}
	.footer_companyInfo .map {
		margin-top: 5px;
		display: block;
	}
	.footerContents a:hover{
		color: #666 !important;
	}

}

@media only screen and (max-width: 1024px) {
	.widget-area .widget ul {
		display: inherit;
	}
	
	.footer-widgets .widget ul {
		display: inline-block !important;
	}
	
}

.widget-area .widget ul li:first-child {
	padding-top: 0;
}
.widget-area .widget ul li {
	justify-content: space-around;
	padding: 0 40px 0 0;
}

.footer-widgets {
    padding: 15px 0 0 0;
    background-color: #252525;
}
.widget-area .widget {
    padding-top: 0;
}

.site-footer {
    padding: 15px 0 0 0;
}
.site-info {
	text-align: center;
	font-size: 14px;
	padding-bottom: 20px;
}


#sidebar-footer .container .sidebar-column:last-child{
	width: 100%;
	border-top: 1px solid;
	padding-top: 8px;
	font-size: 14px;
	margin-top: 50px;
}
#sidebar-footer .container .sidebar-column:first-child{
	width: 100%;
	font-size: 14px;
}
@media only screen and (min-width: 1140px) {
	#sidebar-footer .container .sidebar-column:first-child{
		width: 25%;
		font-size: 14px;
	}	
}

#sidebar-footer .container .sidebar-column:nth-child(2){
		display: none;
}
@media only screen and (min-width: 1140px) {
	#sidebar-footer .container .sidebar-column:nth-child(2){
		width: 75%;
		font-size: 14px;
		display: block;
	}
}


#sidebar-footer .container .sidebar-column .menu-item-has-children{
	display: flex;
	flex-direction: column;
	padding-top: 30px;
}

#sidebar-footer .container .sidebar-column .sub-menu{
	display: flex;
	flex-direction: column;
	
}
#sidebar-footer .container .sidebar-column ul.sub-menu li{
	padding-top: 0;
	text-align: left !important;
	display: block;
}

#sidebar-footer .container .sidebar-column:last-child > ul{
	margin-bottom: 0;
	
}




	
/*--------------------------------------------------------------
wpcf7-form
--------------------------------------------------------------*/

.contactBox {
	width: 100%;
	margin: 0 auto;
	border: 2px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
	.contactBox {
	width: 80%;
	margin: 0 auto;
	border: 2px solid #ccc;
	padding: 50px;
	box-sizing: border-box;
	}	
}
.contactBox h2 {
	font-size: 24px !important;
	display: block;
	text-align: center;
	padding-top: 20px;
	font-size: 30px;
	margin-bottom: 40px;
}
.contactBox input[type="submit"] {
	width: 100%;
	font-size: 24px;
	
	
}
.contactBox a {
	color: #167cf9;	
}
/*--------------------------------------------------------------
recruit_privacy
--------------------------------------------------------------*/

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

.recruit_privacyBox a{
	color: #439bff;
}
@media only screen and (min-width: 1024px) {
	.recruit_privacyBox {
		width: 80%;
		margin: 0 auto;
	}	
}

/*--------------------------------------------------------------
service
--------------------------------------------------------------*/
.serviceTopText {
	font-size: 16px;
	border-bottom: 1px solid #3a3a3a;
	width: 100%;
	padding-bottom: 20px;
	margin: 0 auto 100px;
	text-align: center;
	width: 100%;
}
.serviceBox {
	background-color: #f3f3f3;
	width: auto;
}
.serviceBox_toCbg {
    width: 100%;
    margin: 0 auto 10px !important;
    padding: 0;
    box-sizing: border-box;
	text-align: center;

background-image: url("https://www.j-roi.com/wp-content/uploads/2018/08/service01.jpg") ;
	background-repeat: no-repeat;
	background-size: contain;
	
    }
.serviceBox_toBbg {
    width: 100%;
    margin: 0 auto 50px !important;
    padding: 0;
    box-sizing: border-box;
	text-align: center;
background-image: url("https://www.j-roi.com/wp-content/uploads/2018/08/service02.jpg") ;
	
	background-repeat: no-repeat;
	background-size: contain;
	
    }

@media only screen and (min-width: 1024px) {
	.serviceBox {
		background-color: #f3f3f3;
		width: 1140px;
		padding-bottom: 50px;
		margin: 0 auto 150px;
	}
	.serviceTopText {
		font-size: 20px;
		border-bottom: 1px solid #3a3a3a;
		width: 980px;
		padding-bottom: 20px;
		margin: 0 auto 100px;
	}
.serviceBox_toCbg {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
	text-align: center;
background-image: url("https://www.j-roi.com/wp-content/uploads/2018/08/service01.jpg") ;
	background-repeat: no-repeat;
	background-size: contain;
	
    }
.serviceBox_toBbg {
    width: 100%;
    margin: 0 auto !important;
    padding: 0;
    box-sizing: border-box;
	text-align: center;
background-image: url("https://www.j-roi.com/wp-content/uploads/2018/08/service02.jpg") ;
	background-repeat: no-repeat;
	background-size: contain;
	
    }
}



.serviceBox .topEnTitle {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 1024px) {
	.serviceBox .topEnTitle {
		font-family: 'Poppins', sans-serif;
		font-size: 44px;
		margin-bottom: 20px;
	}
}

.serviceBox h2 {
	font-size: 18px !important;
}
.fancrewBox {
	width: 100%;
	margin: 0 auto 40px;
}
.serviceContents{
    display: flex;
    flex-direction: column;
    width: 100%;
	justify-content: space-between;
	padding-left: 0;
	margin-bottom: 0;
	padding-top: 100px;
	

}

.serviceContentsToB{
    display: flex;
    flex-direction: column;
    width: 100%;
	justify-content: space-between;
	padding-left: 0;
	margin-bottom: 75px;
	padding-top:20px;

}
.serviceContents h3 span{
	font-size: 16px;
	line-height: 26px;
	display: block;
	margin-bottom: 10px;
}
.serviceContentsToB h3 span {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	display: block;
	margin-bottom: 10px;

}
.page-wrap_fullwidth .serviceContentsToB_L .serviceContentsToBfancrew h3 span {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.serviceContentsToBfancrew h3 span {
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.serviceContentsToB h3 .cs{
	font-size: 20px;
	text-align: center;
	color: #f39800;
}
.serviceContentsToB h3 .es{
	font-size: 20px;
	text-align: center;
	color: #16c59e;
}

.serviceContentsToB h3 .gururiza{
	font-size: 20px;
	text-align: center;
	color: #e60012;
}
.serviceContentsToB_L{
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
	padding-left: 0;
	margin-bottom: 0;
	padding-top: 150px;
	}
	

@media only screen and (min-width: 1024px) {
	
	.serviceBox h2 {
		font-size: 26px !important;
	}
	.serviceContents{
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: space-between;
		padding-left: 0;
		margin-bottom: 0;
			padding-top: 150px;
		}
	

	.serviceContentsToB_L{
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: space-between;
		padding-left: 0;
		margin-bottom: 0;
		padding-top: 150px;
		}
	
	
	.serviceContentsToB{
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: space-between;
		padding-left: 0;
		margin-bottom: 0;
		padding-top: 20px;
		}

	
}
.serviceContents ul{
    display: flex;
    flex-direction: row;
	justify-content: space-between;
    width: 100%;
}

.serviceContents li {
		width: 100%;
		list-style: none;
		padding: 30px;
		box-sizing: border-box;
		border-radius: 0;
		font-size: 18px;
		margin-bottom: 20px;
	    background-color: #fff;
}
.serviceContentsToB li {
		width: 100%;
		list-style: none;
		padding: 30px;
		box-sizing: border-box;
		border-radius: 0;
		font-size: 16px;
	line-height: 24px;
		margin-bottom: 20px;
	text-align: left;
	background-color: #fff;
}

@media only screen and (min-width: 1024px) {
	.serviceContentsToB ul{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	
	.serviceContents li {
		width: 49%;
		list-style: none;
		padding: 20px;
		box-sizing: border-box;

		border-radius: 10px;
		font-size: 18px;
		background-color: #fff;
	}
	.serviceContentsToB .tobFancrew {
		width: 100%;

		padding: 20px;
		box-sizing: border-box;

		border-radius: 10px;
		font-size: 18px;
		background-color: #fff;
	}
	
	.serviceContentsToB li {
		width: 49%;
		list-style: none;
		padding: 20px;
		box-sizing: border-box;

		border-radius: 10px;
		font-size: 18px;
		background-color: #fff;
	}

}

.serviceContents li.cs {

	background-color: #fff;
}

.serviceContents li.es {

}
.serviceContents li.guru {

}



.serviceContents li .fancrewBtnBox {
    width: 100%;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: center;
 -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
         display: flex;
}
@media only screen and (min-width: 1024px) {
	.serviceContents li .fancrewBtnBox {
		width: 100%;
		list-style: none;
		padding: 0;
		box-sizing: border-box;
	  -webkit-box-pack: justify;
		 -ms-flex-pack: justify;
	   justify-content: space-between;
	 -webkit-box-orient: horizontal;
	  -webkit-box-direction: column;
		 -ms-flex-direction: column;
			 flex-direction: column;
			 display: flex;
	}	
}


.serviceContents li .fancrewBtnBox div {
    width: 100%;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
  	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
   	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) {

	.serviceContents li .fancrewBtnBox div {
		width: 100%s;
		list-style: none;
		padding: 3px 10px;
		box-sizing: border-box;
		border-radius: 5px;
		text-align: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 0px;
	}	
}


.serviceContents li .guruBtnBox {
    width: 100%;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
 -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
         display: flex;
	margin: 0 auto;
	
}

@media only screen and (min-width: 1024px) {
	.serviceContents li .guruBtnBox {
		width: 500px;
		list-style: none;
		padding: 0;
		box-sizing: border-box;
	  -webkit-box-pack: justify;
		 -ms-flex-pack: justify;
	   justify-content: space-between;
	 -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
		 -ms-flex-direction: column;
			 flex-direction: column;
			 display: flex;
		margin: 0 auto;
	}
}

.serviceContents li .guruBtnBox div {
    width: 100%;;
    list-style: none;
    padding: 0;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: center;
  	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
   	justify-content: space-between;
	align-items: stretch;
}

@media only screen and (min-width: 1024px) {
	.serviceContents li .guruBtnBox div {
		width: 420px;
		list-style: none;
		padding: 3px 10px;
		box-sizing: border-box;
		border-radius: 5px;
		text-align: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: stretch;
	}
}

.serviceContents li h3{
    display: block;
    text-align: center;
	color: #666 !important;
	height: auto;
}

.serviceContents li h3 {
}
.serviceContents li h3 .logo {
	display: inline-block;
	text-align: center;
	width: 80%;
}


.serviceContentsToBfancrew h3 .logo {
	display: inline-block;
	text-align: center;
	width: 80%;
}


.serviceContents li p{
	text-align: left;
	font-size: 16px;
	padding: 0;
	line-height: 24px;
}


.serviceContentsToB h3, .serviceContentsToBfancrew h3{
    display: block;
    text-align: center;
	color: #666 !important;
	height: auto;
	font-size: 18px !important;
	line-height: 26px;
}
.serviceContentsToB li h3 .logo {
	display: inline-block;
	text-align: center;
	width: 80%;
}

.serviceContentsToB li p{
	text-align: left;
	font-size: 14x;
	padding: 0;
	line-height: 27px;
	height: auto;
}
.serviceContentsToBfancrew p{
	text-align: left;
	font-size: 16px;
	padding: 0;
	line-height: 27px;
	height: auto;
	width: 100%;
	margin: 0 auto 20px;
}

	.serviceContentsToBfancrew {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		border-radius: 10px;
		font-size: 18px;
		background-color: #fff;
		
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: space-between;
		margin-bottom: 0;
		
	}

@media only screen and (min-width: 1024px) {
	
	.serviceContentsToB li h3 .logo {
		display: inline-block;
		text-align: center;
		width: 60%;
	}
	.serviceContents li h3{
		height: 125px;
	}
	.serviceContents li h3 span{
	padding: 15px 0;
	display: block;

	}
	.serviceContents li h3 p {
		display: none;
	}
	.serviceContents li p{
		text-align: left;
		font-size: 17px;
		padding: 20px;
		padding-top: 20px;
		line-height: 31px;
		height: 215px;
		padding-top: 35px;
	}
	.serviceContentsToB li h3{
		height: 150px;

	}
	.serviceContentsToB li h3 span{
	padding: 15px 0;
	display: block;


	}
	.serviceContentsToB li h3 p {
		display: none;
	}
	.serviceContentsToB li p{
	text-align: left;
	font-size: 17px;
	padding: 20px;
	line-height: 31px;
    height: auto;
	}	

	.serviceContentsToBfancrew p{
		text-align: left;
		font-size: 17px;
		padding: 0;
		line-height: 31px;
		height: auto;
		width: 55%;
		margin: 0 auto 50px;
	}
	.page-wrap_fullwidth .serviceContentsToB_L .serviceContentsToBfancrew p{
		text-align: left;
		font-size: 17px;
		padding: 0;
		line-height: 31px;
		height: auto;
		width: 55%;
		margin: 0 auto 0px;
	}


	.serviceContentsToBfancrew {
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 10px;
		font-size: 18px;
		background-color: #fff;
		
		display: flex;
		flex-direction: column;
		width: 100%;
		justify-content: space-between;
		padding-left: 0;
		margin-bottom: 0;
		
	}

	.serviceContents li h3 .logo {
		display: inline-block;
		text-align: center;
		width: 60%;
	}


	.serviceContentsToBfancrew h3 .logo {
		display: inline-block;
		text-align: center;
		width: 60%;
	}
	
}

.serviceContents li p br {
	display: none;
}
@media only screen and (min-width: 1024px) {
	.serviceContents li p br {
		display: block;
	}	
}

.fancrewBox .serviceText, .gururizaBox .serviceText {
		width: 80%;
		margin: 0 auto 50px;
		font-size: 16px;
		text-align: center;
}
@media only screen and (min-width: 1024px) {
	.fancrewBox .serviceText, .gururizaBox .serviceText {
		width: 700px;
		margin: 0 auto 50px;
		font-size: 18px;
		text-align: center;

	}
}
.fancrewBox .serviceText br, .gururizaBox .serviceText br {
	display: none;
}
@media only screen and (min-width: 1024px) {
	.fancrewBox .serviceText br, .gururizaBox .serviceText br {
		display: block;
	}
	
}

.fancrewBox .logo, .gururizaBox .logo {
	margin: 0 auto 20px;
	text-align: left;
	width: 70%;
}
@media only screen and (min-width: 1024px) {
	.fancrewBox .logo, .gururizaBox .logo {
		margin: 0 auto 40px;
		text-align: center;
		width: 350px;
	}
}
.gururizaBox {
    width: 100%;
    margin: 0 auto;
}
.serviceContents li.guru{
	width: 100%;
	text-align: left;
}
@media only screen and (min-width: 1024px) {
	.serviceContents li.guru{
		width: 100%;
		text-align: center;
	}
}
.service {
	margin-bottom: 0 !important;
}
.serviceContents span.smallText {
	font-size: 15px;
	margin-right: 10px;
	display: block;
}

/*-----------------------------------------------------------
	btn
------------------------------------------------------------*/
.serviceBox .btn{
	width: 100%;

}

.serviceBox .btn a{
	background: #e73131;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	margin: 8px auto 5px;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
	display: block;
}
.serviceBox .btn a:hover {
	background: #ff8888;
	transform: translateY(3px);
	color: #fff;
}
.serviceBox .btn a:active {
	transform: translateY(6px);
	transition-duration: 0.1s;
	color: #fff;
	}
	


	/*-- PC --*/
	@media screen and (min-width: 1024px){

.serviceBox .btn{
	width: 100%;
	margin: 0 auto;

}
		
		.serviceBox .btn a{
			background: #e73131 none repeat scroll 0 0;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			display: block;

			margin: 10px auto 15px;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
			width: 100%;
		}
		.serviceBox .btn a:hover {
			background: #ff8888;
			transform: translateY(3px);
			color: #fff;
		}
		.serviceBox .btn a:active {
			transform: translateY(6px);
			transition-duration: 0.1s;
			color: #fff;
		}

		.serviceBox .btn a {
			color: #fff !important;
			text-decoration: none;
			display: block;
		}


}





.serviceBox .fancrewBtn1{
	width: 100%;

}

.serviceBox .fancrewBtn1 a{
	background: #fff;
	border-radius: 5px;
	color: #f39800;
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
	display: block;
	border: 2px solid #f39800;
	font-weight: bold;
}
.serviceBox .fancrewBtn1 a:hover {
	background: #fff;
	transform: translateY(3px);
	color: #f39800;
}
.serviceBox .fancrewBtn1 a:active {
	transform: translateY(6px);
	transition-duration: 0.1s;
	color: #f39800;
	}
	


	/*-- PC --*/
	@media screen and (min-width: 1024px){

.serviceBox .fancrewBtn1{
	width: 100%;
	margin: 0 auto;

}
		
		.serviceBox .fancrewBtn1 a{
			background: #fff none repeat scroll 0 0;
			border-radius: 5px;
			color: #f39800;
			cursor: pointer;
			display: block;

			margin: 10px auto 15px;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
			width: 100%;
		}
		.serviceBox .fancrewBtn1 a:hover {
			background: #fff;
			transform: translateY(3px);
			color: #f39800;
		}
		.serviceBox .fancrewBtn1 a:active {
			transform: translateY(6px);
			transition-duration: 0.1s;
			color: #f39800;
		}

		.serviceBox .fancrewBtn1 a {
			color: #f39800 !important;
			text-decoration: none;
			display: block;
			width: 440px;
			margin: 0 auto;
		}
}




.serviceBox .fancrewBtn2{
	width: 100%;
}
.serviceBox .fancrewBtn2 a{
	background: #f39800;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
	display: block;
	border: 2px solid #f39800;
}
.serviceBox .fancrewBtn2 a:hover {
	background: #f39800;
	transform: translateY(3px);
	color: #fff;
}
.serviceBox .fancrewBtn2 a:active {
	transform: translateY(6px);
	transition-duration: 0.1s;
	color: #f39800;
	}
	


/*-- PC --*/
@media screen and (min-width: 1024px){

	.serviceBox .fancrewBtn2{
	width: 100%;
	margin: 0 auto;

	}
		
		.serviceBox .fancrewBtn2 a{
			background: #f39800 none repeat scroll 0 0;
			border-radius: 5px;
			color: #f39800;
			cursor: pointer;
			display: block;

			margin: 0;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
			width: 100%;
		}
		.serviceBox .fancrewBtn2 a:hover {
			background: #f39800;
			transform: translateY(3px);
			color: #fff;
		}
		.serviceBox .fancrewBtn2 a:active {
			transform: translateY(6px);
			transition-duration: 0.1s;
			color: #fff;
		}
		.serviceBox .fancrewBtn2 a {
			color: #fff !important;
			text-decoration: none;
			display: block;
		}
}




.serviceBox .esBtn{
	width: 100%;
}
.serviceBox .esBtn a{
	background: #00a8ae;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
	display: block;
	border: 2px solid #00a8ae;
}
.serviceBox .esBtn a:hover {
	background: #00a8ae;
	transform: translateY(3px);
	color: #fff;
}
.serviceBox .esBtn a:active {
	transform: translateY(6px);
	transition-duration: 0.1s;
	color: #00a8ae;
	}
	


/*-- PC --*/
@media screen and (min-width: 1024px){

	.serviceBox .esBtn{
	width: 100%;
	margin: 0 auto;

	}
		
		.serviceBox .esBtn a{
			background: #00a8ae none repeat scroll 0 0;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			display: block;

			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
			width: 100%;
		}
		.serviceBox .esBtn a:hover {
			background: #00a8ae;
			transform: translateY(3px);
			color: #fff;
		}
		.serviceBox .esBtn a:active {
			transform: translateY(6px);
			transition-duration: 0.1s;
			color: #fff;
		}
		.serviceBox .esBtn a {
			color: #fff !important;
			text-decoration: none;
			display: block;
		}
}



.serviceBox .guruBtn1{
	width: 100%;

}
.serviceBox .guruBtn1 a{
	background: #fff;
	border-radius: 5px;
	color: #e73131;
	cursor: pointer;
	font-size: 20px;
	margin: 8px auto 5px;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
	display: block;
	border: 2px solid #e73131;
	font-weight: bold;
}
.serviceBox .guruBtn1 a:hover {
	background: #fff;
	transform: translateY(3px);
	color: #e73131;
}
.serviceBox .guruBtn1 a:active {
	transform: translateY(6px);
	transition-duration: 0.1s;
	color: #e73131;
	}
	


	/*-- PC --*/
	@media screen and (min-width: 1024px){

.serviceBox .guruBtn1{
	width: 100%;
	margin: 0 auto;
}
		.serviceBox .guruBtn1 a{
			background: #fff none repeat scroll 0 0;
			border-radius: 5px;
			color: #e73131;
			cursor: pointer;
			display: block;

			margin: 0px auto 15px;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
			width: 100%;
		}
		.serviceBox .guruBtn1 a:hover {
			background: #fff;
			transform: translateY(3px);
			color: #e73131;
		}
		.serviceBox .guruBtn1 a:active {
			transform: translateY(6px);
			transition-duration: 0.1s;
			color: #e73131;
		}

		.serviceBox .guruBtn1 a {
			color: #e73131 !important;
			text-decoration: none;
			display: block;
		}
}



.serviceBox .guruBtn2{
	width: 100%;

}
.serviceBox .guruBtn2 a{
	background: #e73131;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
	display: block;
	border: 2px solid #e73131;
}
.serviceBox .guruBtn2 a:hover {
	background: #e73131;
	transform: translateY(3px);
	color: #fff;
}
.serviceBox .guruBtn2 a:active {
	transform: translateY(6px);
	transition-duration: 0.1s;
	color: #fff;
	}
	


	/*-- PC --*/
	@media screen and (min-width: 1024px){

.serviceBox .guruBtn2{
	width: 100%;
	margin: 0 auto;
}
		.serviceBox .guruBtn2 a{
			background: #e73131 none repeat scroll 0 0;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			display: block;

			margin: 0;
			padding: 10px 0;
			text-align: center;
			text-decoration: none;
			transition: all 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
			width: 100%;
		}
		.serviceBox .guruBtn2 a:hover {
			background: #e73131;
			transform: translateY(3px);
			color: #fff;
		}
		.serviceBox .guruBtn2 a:active {
			transform: translateY(6px);
			transition-duration: 0.1s;
			color: #fff;
		}

		.serviceBox .guruBtn2 a {
			color: #fff !important;
			text-decoration: none;
			display: block;
			width: 440px;
			margin: 0 auto;
		}
}

.serviceBox .partition {
	font-size: 22px;
	border-bottom: 1px solid #ccc;
	width: 80%;
	padding-bottom: 5px;
	margin: 0 auto 60px;
}

/*-----------------------------------------------------------
	btmContactBox
------------------------------------------------------------*/
.btmContactBox {
	width: 100%;
	text-align: center;
	padding: 50px 0;
}
.btmContactBox p {
	font-size: 16px;
}
.btmContactBox ul{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}
.btmContactBox ul li {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #fff;
	padding: 30px;
	margin-bottom: 20px;
}
.btmContactBox .title1 {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
}
.btmContactBox .title2 {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
.btmContactBox .tel {
	font-size: 30px;
	font-weight: 800;
}
.btmContactBox .time{
	font-size: 16px;
}
.btmContactBox .forUsersText {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: 5px;
	padding: 20px;
}
.btmContactBox .forUsersText .logoBox{
	text-align: auto;
	width: 100%;
	margin: 0 auto 20px;
}
.btmContactBox .forUsersText .logoBox img {
	width: auto;
	margin: 0 auto;
	
	
}
.btmContactBox .userBox{
	text-align: left;
	width: 100%;
	line-height: 24px;
	font-size: 16px !important;
	padding: 8px 8px 0 8px !important;
	margin-bottom: 5px;
}

/*-- PC --*/
@media screen and (min-width:1024px) {
	.btmContactBox p {
		font-size: 20px;
	}
	.btmContactBox ul{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		list-style: none;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.btmContactBox ul li {
		width: 49%;
		box-sizing: border-box;
		border-radius: 5px;
		background-color: #fff;
		padding: 30px;
		margin-bottom: 0;

	}
	.btmContactBox .tel {
		font-size: 40px;
		font-weight: 800;
	}
	
	.btmContactBox .forUsersText {
		display: flex;
		flex-direction: row;
		background-color: #fff;
		border-radius: 5px;
	}
	.btmContactBox .forUsersText .logoBox{
		text-align: center;
		width: 20%;
		margin: 0 20px 0 0;
	}
	.btmContactBox .userBox{
		text-align: left;
		width: 80%;
		line-height: 24px;
		font-size: 16px !important;
		padding: 8px 8px 0 8px !important;
		margin-bottom: 5px;

	}
}



/*---------------------------------------------------------------
mvvBox
---------------------------------------------------------------*/
.mvvBox .valueBox {
	width: 100%;
	margin: 0 auto;
}
.mvvBox .valueBox p {
	margin-bottom: 0;
}


.mvvBox .valueBox dl, .valueBox dt, .valueBox dd {
  box-sizing: border-box;
}
.mvvBox .valueBox dl {
	margin-bottom: 0;
}


.mvvBox .valueBox dt,
.mvvBox .valueBox dd {

}
.mvvBox .valueBox dt {
	width: 100%;
	float: left;
	padding-left: 0;
}
.mvvBox .valueBox dd {
	width: 100%;
	float: left;
}
.mvvBox .valueBox dl {
	padding: 17px;
	font-size: 18px;
	text-align: left;
}

@media only screen and (min-width: 1024px) {
	.mvvBox .valueBox dl {
		padding: 30px 17px;
		font-size: 21px;
		text-align: left;
	}
	.mvvBox .valueBox dt {
		width: 30%;
		float: left;
		padding-left: 40px;
	}
	.mvvBox .valueBox dd {
		width: 70%;
		float: left;

	}
}

/* 偶数行の背景色を変更 */
.mvvBox .valueBox dl:nth-child(even){
  background-color: #fff;
}

/* 奇数行の背景色を変更 */
.mvvBox .valueBox dl:nth-child(odd){
  background-color: #eee;
}



/*.mvvBox .valueBox dl, .valueBox dt, .valueBox dd {
  box-sizing: border-box;
}
.mvvBox .valueBox dl {
	background: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 100px;
}


.mvvBox .valueBox dt,
.mvvBox .valueBox dd {
	padding: 20px;
	border-top: 1px solid #ccc;
}
.mvvBox .valueBox dt {
	width: 20%;
	float: left;
	display: block;
}
.mvvBox .valueBox dd {
	background: #fff;
	border-left: 1px solid #ccc;
	width: 80%;
	display: block;	
	float: left;
	line-height: 1.6;
}
.mvvBox .valueBox dd:after {
	content: '';
	display: block;
	clear: both;
}
.mvvBox .valueBox dl {
	font-size: 20px;
	text-align: left;
}
@media only screen and (max-width: 1024px) {
	.mvvBox .valueBox dt {
		width: 100%;
		float: left;
		display: block;
	}
	.mvvBox .valueBo dd {
		background: #fff;
		border-left: 0px solid #ccc;
		width: 100%;
		display: block;	
		float: left;
		line-height: 1.6;
	}
}*/



.mvvBox {
	text-align: center;
}
.mvvBox h2 {
	font-size: 26px !important;
	font-weight: bold;
	margin-bottom: 30px;
}
.mvvBox .visionBox {
	display: flex;
	flex-direction: column;
	margin-bottom: 70px;
 justify-content: space-between;
}
.mvvBox .visionBox,
.mvvBox .missionBox
{
text-align: center;
box-sizing: border-box;
border: 4px solid #f3f3f3;
padding: 10px;
}
.mvvBox .visionBox .text
{
	width: 100%;
	font-size: 18px;
	line-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
	flex-direction: column;
}
.mvvBox .visionBox .text br {
	display: none;
}
.mvvBox .missionBox .text{
	font-size: 20px;
	margin-bottom: 0 !important;
}
.mvvBox span.color {
	color: red;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.mvvBox .visionBox .image{
	width: 100%;
}
.mvvBox .missiosBox .missionText {
	width: 100%;
	font-size: 18px;
}

.mvvBox .missionBox {
	margin-bottom: 150px;
}

@media only screen and (min-width: 1024px) {
.mvvBox .visionBox .text br {
	display: block;
}
.mvvBox .visionBox,
.mvvBox .missionBox
{
text-align: center;
padding: 30px;
box-sizing: border-box;
border: 7px solid #f3f3f3;
padding: 40px;
}
	.mvvBox .missionBox .text{
		font-size: 26px;
		margin-bottom: 0 !important;
	}
	.mvvBox .visionBox {
		display: flex;
		flex-direction: row;
		margin-bottom: 150px;
	}
	.mvvBox .visionBox .text{
		width: 60%;
		font-size: 26px;
			line-height: 50px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.mvvBox .visionBox .image{
		width: 40%;
	}	
}


.sydney_latest_news_widget .newsList {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
}
.sydney_latest_news_widget .newsList:last-child {
	margin-bottom: 100px;		
}
.sydney_latest_news_widget .newsList .datecate {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.sydney_latest_news_widget .newsList p.date { 
	width: 120px;
	margin-bottom: auto;
	font-size: 14px;
}
.sydney_latest_news_widget .newsList p.category {
	width: 120px;
	background-color: #5c5c5c !important;
	padding: 2px;
	text-align: center;
	font-size: 12px;
	color: #fff !important;
	margin-bottom: auto;
}
.sydney_latest_news_widget .newsList p.category a {
	color: #fff !important;
	display: block;
}
.sydney_latest_news_widget .newsList h4.entry-title {
	margin: 6px 0 15px;
	font-size: 16px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 0px;
	font-weight: normal;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media only screen and (min-width: 1024px) {
	.sydney_latest_news_widget .newsList {
		display: flex;
		flex-direction: row;
		margin-bottom: 15px;
	}
	.sydney_latest_news_widget .newsList .datecate {
		width: 20%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
	.sydney_latest_news_widget .newsList p.date { 
		width: 120px;
		margin-bottom: 0;
	}
	.sydney_latest_news_widget .newsList p.category {
		width: 120px;
		background-color: #5c5c5c !important;
		padding: 2px;
		text-align: center;
		font-size: 12px;
		color: #fff !important;
		margin-bottom: 0;
		height: 25px;
	}
	.sydney_latest_news_widget .newsList h4.entry-title {
		margin: 6px 0 15px;
		font-size: 16px;
		width: 80%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 25px;
		font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}
}




/* gururiza */

.gururiza .worryPoint li {
  position: relative;
  margin-left: 30px;
  padding-left: 25px;
  line-height: 2;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .worryPoint li {
    margin-left: 25px;
    padding-left: 5px;
    margin-bottom: 10px;
    line-height: 1.5;
  }
}

.gururiza .worryPoint li:before, .gururiza .worryPoint li:after {
  position: absolute;
  content: "";
  display: inline-block;
}

.gururiza .worryPoint li:before {
  height: 8px;
  top: 13px;
  left: 0;
  border: 2px solid #f00;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media only screen and (max-width: 479px) {
  
  .gururiza .worryPoint li:before {
    width: 5px;
    height: 10px;
    top: 0;
    left: -15px;
    border: 2px solid transparent;
    border-top-width: 4px;
    border-right: 3px solid #f00;
    border-bottom: 3px solid #f00;
    -webkit-transform: rotate(60deg) skew(25deg);
        -ms-transform: rotate(60deg) skew(25deg);
            transform: rotate(60deg) skew(25deg);
  }
}

.gururiza .worryPoint li:after {
  left: 7px;
  bottom: 7px;
  height: 15px;
  border: 2px solid #f00;
  -webkit-transform: rotate(32deg);
      -ms-transform: rotate(32deg);
          transform: rotate(32deg);
}
@media only screen and (max-width: 479px) {
  
  .gururiza .worryPoint li:after {
    display: none;
  }
}

.gururiza .caseBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 40px;
}

.gururiza .caseBox .case {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.gururiza .caseBox .case:nth-child(1) {
  margin-right: 3%;
}

.gururiza .caseBox img {
  width: 100%;
}

.gururiza .caseBox h3 {
  margin-bottom: 10px;
  font-size: 16px;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .caseBox h3 {
    margin-bottom: 8px;
    text-align: center;
  }
}

.gururiza .caseBox h3 span {
  margin-right: 10px;
  padding: 3px 10px 1px;
  background-color: #ccc;
  border-radius: 20px;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .caseBox h3 span {
    margin-bottom: 10px;
    display: block;
  }
}

.gururiza .caseBox h4 {
  margin-bottom: 5px;
  text-align: center;
  background-color: #EE780C;
  color: #fff;
  border-radius: 3px;
  clear: both;
}

.gururiza .caseBox .coupon {
  margin: 0 0 10px 0;
  padding: 10px 2%;
  border-radius: 5px;
  border: 3px solid #eee;
  box-sizing: border-box;
  background-color: #fafafa;
}

.gururiza .caseBox .coupon span {
  font-weight: bold;
  color: #c6171e;
}

.gururiza .caseBox .coupon h4 {
  margin: 0;
  color: #000;
  background-color: inherit;
  border-bottom: 1px dotted #999;
}

.gururiza .caseBox .coupon p {
  font-size: 13px;
}

.gururiza .caseBox .result {
  text-align: center;
}

.gururiza .caseBox dt {
  min-width: 30%;
  float: left;
}

.gururiza .caseBox dd {
  min-width: 70%;
  vertical-align: top;
}

.gururiza .caseBox dd span {
  font-size: 20px;
  color: #c6171e;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .caseBox dd span {
    font-size: 14px;
    margin-left: 2%;
    font-weight: bold;
  }
}

.gururiza .flow {
  margin: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  counter-reset: flow;
  list-style:none;
}

.gururiza .flow li {
  padding-top: 26px;
  -webkit-flex-basis: 18%;
      -ms-flex-preferred-size: 18%;
          flex-basis: 18%;
  text-align: center;
  position: relative;
  border-radius: 5px;
  border: 2px solid #eee;
  box-sizing: border-box;
  background-color: #fafafa;
  font-size: 14px;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .flow li {
    font-size: 12px;
    -webkit-flex-basis: 19.2%;
        -ms-flex-preferred-size: 19.2%;
            flex-basis: 19.2%;
  }
}

.gururiza .flow li:not(:last-child) {
  margin-right: 1.5%;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .flow li:not(:last-child) {
    margin-right: 1%;
  }
}

.gururiza .flow li:before {
  width: 25px;
  height: 25px;
  padding: 5px 5px 5px 5px;
  visibility: middle;
  border-radius: 50px;
  background-color: #018D34;
  position: absolute;
  top: -15px;
  left: 41%;
  display: inline-block;
  counter-increment: flow;
  content: counter(flow);
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .flow li:before {
    left: 22%;
  }
}

.gururiza .flow li:nth-child(4):before {
  background-color: #eee;
  color: #000;
}

.gururiza .flow li:not(:last-child):after {
  width: 8px;
  height: 8px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -11px;
  z-index: 10;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .flow li:not(:last-child):after {
    display: none;
  }
}

.gururiza .flow li .fa {
  margin: 5px 0 10px;
  display: block;
  font-size: 40px;
}

.gururiza .price {
  display: inline-block;
  width: 100%;
}

.gururiza .price dt {
  font-weight: bold;
}

.gururiza .price dt:nth-child(-n+5) {
  float: left;
  margin-right: 10px;
}

.gururiza .price dd div {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 479px) {
  
  .gururiza .price dd div {
    width: 100%;
  }
}

.gururiza .price dd img {
  float: left;
  width: 45%;
  margin: 50px 0 20px 5%;
}
@media only screen and (min-width: 480px) and (max-width: 769px) {
  
  .gururiza .price dd img {
    width: 48%;
    margin: 100px 0 0 2%;
  }
}
@media only screen and (max-width: 479px) {
  
  .gururiza .price dd img {
    margin: 0 10%;
    float: none;
    width: 80%;
  }
}

.gururiza .price .sample {
  width: 100%;
  margin: 20px 0;
}

.gururiza .price .sample caption {
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.gururiza .price .sample tr {
  border-bottom: 1px dotted #ccc;
}

.gururiza .price .sample th {
  padding: 5px 0;
  text-align: left;
}

.gururiza .price .sample td {
  padding: 5px 0;
  text-align: right;
}

.gururiza h4 {
  margin-top: 20px;
}

.gururiza .before {
  width: 96%;
  margin: 20px 2% 20px;
  padding: 10px 2%;
  position: relative;
  background-color: #fafafa;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #ccc;
  box-sizing: border-box;
  font-size: 18px;
  text-align: center;
}

.gururiza .before span {
  font-weight: bold;
  color: #f00;
}

.gururiza .before:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border: 15px solid transparent;
  border-top: 15px solid #ccc;
  box-sizing: border-box;
  bottom: -30px;
  left: 50%;
}

.gururiza .introduce {
  font-size: 20px;
  text-align: center;
}

.gururiza .rec {
  padding: 10px 0;
}

.gururiza .rec span {
  color: #c6171e;
  font-weight: bold;
}


.gururiza_timeTable {
  width: 100%;
  border: 1px solid #ccc;
  text-align: center;
  color: #333;
}
@media only screen and (max-width: 479px) {
  
  .gururiza_timeTable {
    font-size: 12px;
  }
}

.gururiza_timeTable th, .gururiza_timeTable td {
  padding: 10px 0;
  border: 1px solid #ccc;
}

.gururiza_timeTable th {
  width: 20%;
  font-weight: bold;
}
@media only screen and (max-width: 479px) {
  
  .gururiza_timeTable th {
    width: 10%;
  }
}

.gururiza_timeTable .TIME {
  background-color: #5c2700;
  color: #fff;
}

.gururiza_timeTable .TIME td {
  width: 10%;
}

.gururiza_timeTable .NoGR td {
  background-color: #ddd;
}

.gururiza_timeTable .Seat-0 {
  background-color: #eee;
  color: #aaa;
}

.gururiza_timeTable .Seat-2, .gururiza_timeTable .Seat-3, .gururiza_timeTable .Seat-4 {
  background-color: #FFDE00;
}

.gururiza_timeTable .fa {
  margin-right: 2%;
}
@media only screen and (max-width: 479px) {
  
  .gururiza_timeTable .fa {
    display: none;
  }
}
/* * * * * *
	.a_review
* * * * * */
#a_contents .a_review {
	padding: 90px 0 80px;
}
#a_contents .a_review .a_main {
}
#a_contents .a_review .a_main .a_title {
	font-family: "Amiri", serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 1;
	text-align: center;
	position: relative;
	display: block;
	margin: 0 auto;
}
#a_contents .a_review .a_main .a_title:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -13px;
	width: 26px;
	height: 2px;
	background: #8ccde1;
}
#a_contents .a_review .a_main .a_list {
	display: flex;
	justify-content: space-between;
	align-items: top;
	flex-wrap: wrap;
}
#a_contents .a_review .a_main .a_list li {
	width: 320px;
	margin-top: 70px;
	display: none;
}
#a_contents .a_review .a_main .a_list li .a_text {
	position: relative;
	padding: 25px 30px;
	border: 1px solid #8ccde1;
	border-radius: 6px;
	height: calc(100% - 45px);
	display: flex;
	align-items: center;
}
#a_contents .a_review .a_main .a_list li .a_text:after {
	content: "";
	display: block;
	width: 22px;
	height: 16px;
	background: url(../img/review_bg.png) no-repeat left top;
	background-size: 22px auto;
	position: absolute;
	bottom: -16px;
	left: 25px;
}
#a_contents .a_review .a_main .a_list li .a_name {
	color: #50b9cd;
	background: url(../img/review_icon.png) no-repeat left center;
	background-size: 20px auto;
	padding-left: 30px;
	line-height: 35px;
	margin: 10px 0 0 60px;
}

.go-top.show {
	bottom: 90px;
}