@charset "utf-8";
/*
Theme Name: Passo theme
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}
/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
#menu-mainmenu .navi_01 a {
	background-image:url(image/icon001.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_02 a {
	background-image:url(image/icon002.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_03 a {
	background-image:url(image/icon003.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_04 a {
	background-image:url(image/icon004.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_05 a {
	background-image:url(image/icon005.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}
#menu-mainmenu .navi_06 a {
	background-image:url(image/icon006.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:30px 15px 5px 15px;
}

@media (max-width: 1200px) {
    .navbar-brand {
	    padding:10px 0px 5px 0px;
    }
    .navbar-brand a img {
        max-width: 150px;
    }
}
@media (max-width: 991px) {
    #menu-mainmenu.gMenu {
        border: none;
    }
    #menu-mainmenu.gMenu a {
        border: none;
    }
}

@font-face {
  font-family: "Senobi-Gothic-Bold";
  src: url("../../../font/Senobi-Gothic-Bold.woff") format("woff2"),
       url("../../../font/Senobi-Gothic-Bold.woff") format("woff");
}
@font-face {
  font-family: "ArnoPro-Light-Italic";
  src: url("../../../font/Arno Pro Light Italic Display.woff") format("woff2"),
       url("../../../font/Arno Pro Light Italic Display.woff") format("woff");
}
@font-face {
  font-family: "Oswald-Regular";
  src: url("../../../font/Oswald-Regular.woff") format("woff2"),
       url("../../../font/Oswald-Regular.woff") format("woff");
}
@font-face {
  font-family: 'amaze';
  font-style: normal;
  font-weight: 400;
  src: url("../../../font/amaze.ttf") format("truetype"), url("http://www.mmg-passo.com/font/amaze.woff") format("woff"), url("http://www.mmg-passo.com/font/amaze.eot") format("eot");
  font-display: swap
}
.SenobiClass{
  font-family: "Senobi-Gothic-Bold";
}
.ArnoProClass{
  font-family: "ArnoPro-Light-Italic";
}
.Oswald-Regular{
  font-family: "Oswald-Regular";
}
.notoserif {
    font-family: 'Noto Serif JP', serif;
}
header.navbar .navbar-header .navbar-toggle {
	background-color:#FFF;
	border:solid 1px #999;
}
header.navbar .navbar-header .navbar-toggle .icon-bar {
	background-color:#999;
}
header.onlinehead {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
}
header.onlinehead .container {
	margin:0px auto 0px auto;
	padding:100px 0px 10px 0px;
	max-width:1170px;
    background-image: url("http://www.mmg-passo.com/image/contents/online/main.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
header.onlinehead .container p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
    text-align: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
    background-color: rgba(255,255,255,0.54);
}
header.onlinehead .container p.text2 {
	margin:0px auto 10px auto;
}
header.onlinehead .container p.image1 {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
    background-color: rgba(255,255,255,0);
}
header.onlinehead .container p.image1 img {
	max-width:200px;
}
#vkexunit_fbpageplugin-3 {
	margin:0px 0px 36px 0px;
}
#post-212 .entry-body {
	padding-bottom:0px;
}
.area-top {
	padding:0px 0px 0px 0px;
	margin:0px 0px 36px 0px;
}
.area-top .banner .imgpc {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	max-width:1024px;
}
.area-top .banner .imgpc a:hover img {
	opacity:0.9;
}
.area-top .banner .imgsp {
	display:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.area-top .textwidget {
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.area-top .textwidget a {
	display:block;
	padding:15px 30px 15px 10px;
	border:solid 1px #FF931E;
	background-color:#FF931E;
	border-radius:7px;
	color:#FFF;
	text-decoration:none;
}
.area-top .textwidget a i {
	vertical-align:middle;
}
.area-top .textwidget a span {
	margin:0px 0px 0px 10px;
}
.area-top .textwidget p.texts {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:14px;
}
#mainimage {
  margin: 100px 0px 0px 0px;
  padding: 0px 0px 50px 0px;
  background-color: #FFFFFF;
}
#mainimage .inner {
  position: relative;
  margin: auto;
  z-index: 1;
  padding: 0px;
}
#mainimage .inner .image001 {
  text-align: center;
}
#mainimage .inner .image001 .message {
    position: absolute;
    left: 5%;
    top: 120px;
    text-align: left;
}
#mainimage .inner .image001 .message2 {
    top: auto;
    bottom: 80px;
}
#mainimage .inner .image001 .message3 {
    left: auto;
    right: 5%;
    top: auto;
    bottom: 30px;
    text-align: left;
}
#mainimage .inner .image001sp .message {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: center;
}
#mainimage .inner .image001sp .message p ,
#mainimage .inner .image001 .message p {
	margin:0px 0px 15px 0px;
	padding:0px 10px 0px 10px;
	background-color: rgba( 60, 187, 11, 0.65 );
	font-size:36px;
	font-weight:bold;
	line-height:156%;
	color:#FFFFFF;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	display:inline-block;
	letter-spacing: 0.1em;
    border-radius: 4px;
}
#mainimage .inner .image001sp .message p {
	font-size:18px;
}
#mainimage .inner .image001sp {
  display: none;
}
.area-poli {
	padding: 10px 0px 20px 0px;
}
.area-poli .container {
	position:relative;
	/*border-bottom:solid 1px #EEE;*/
}
.area-poli #interview-page .in-page05 {
	margin:0px 0px 10px 0px;
}
.area-poli p.text001 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	color:#92C646;
	text-align:center;
}
.area-poli p.text002 {
	margin:0px 0px 20px 0px;
	font-size:34px;
	color:#92C646;
	text-align:center;
}
.area-top p.text003 ,
.area-poli p.text003 {
	margin:0px 0px 20px 0px;
	font-size:18px;
	color:#323232;
	text-align:center;
}
.area-poli div.texts {
	z-index:10;
	margin:0px 0px 0px 0px;
	padding:0px 0px 50px 0px;
}
.area-poli p.backimg {
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}
.area-poli .banner {
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
}
.area-poli .banner .bimg {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.area-poli .banner .bimg img {
	width:100%;
	max-width:570px;
}
.area-poli .banner .bimg a:hover {
	opacity:0.8;
}
.area-top .banner .btin ,
.area-top .banner .fd ,
.area-poli .banner .fd {
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.area-top .banner .fwarea img {
    transition: 0.3s;
}
.area-top .banner .fwarea img:hover {
    transition: 0.3s;
    opacity: 0.8;
}
.widget_rss h1.widget-title {
	font-size:15px;
}
.widget_rss .rss-date {
	display:block;
	font-size:12px;
	text-align:right;
}
.widget_rss .rssSummary {
	font-size:13px;
}
.servicedetail {
	padding:20px 0px 40px 0px;
	margin:0px 0px 40px 0px;
	background-image:url(image/background001.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.servicedetail p.text001 {
	margin:0px 0px 10px 0px;
	font-size:22px;
	color:#92C646;
	text-align:center;
}
.servicedetail p.text002 {
	margin:0px 0px 40px 0px;
	font-size:22px;
	color:#323232;
	text-align:center;
}
.servicedetail .area-club ,
.servicedetail .area-syuro {
	padding:0px 15px 0px 15px;
}
.servicedetail .area-club .linkbox ,
.servicedetail .area-syuro .linkbox {
	display:block;
    min-height: 280px;
	box-shadow:0px 0px 6px 3px #CECECE;
	-moz-box-shadow:0px 0px 6px 3px #CECECE;
	-webkit-box-shadow:0px 0px 6px 3px #CECECE;
	border:solid 4px #92C646;
	border-radius:6px;
	padding:20px 10px 20px 10px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
}
.servicedetail .area-club .linkbox {
	border:solid 4px #B8D200;
}
.servicedetail .area-club a.linkbox:link ,
.servicedetail .area-club a.linkbox:visited ,
.servicedetail .area-club a.linkbox:hover ,
.servicedetail .area-club a.linkbox:active ,
.servicedetail .area-syuro a.linkbox:link ,
.servicedetail .area-syuro a.linkbox:visited ,
.servicedetail .area-syuro a.linkbox:hover ,
.servicedetail .area-syuro a.linkbox:active {
	text-decoration:none;
}
.servicedetail .area-syuro a.linkbox:hover {
	background-color:#EBFF9F;

}
.servicedetail .area-club a.linkbox:hover {
	background-color:#FFFFDF;
}
.servicedetail .area-b a.linkbox:hover {
	background-color:#FFF;
	cursor:default;
}
.servicedetail .area-syuro .linkbox .text001 {
	font-size:14px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.servicedetail .area-syuro .linkbox .text002 {
	font-size:14px;
	font-weight:bold;
	color:#93C746;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.servicedetail .area-syuro .linkbox .text003 ,
.servicedetail .area-club .linkbox .text003 {
	font-size:12px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.servicedetail .area-syuro .linkbox .logo {
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.servicedetail .area-club .linkbox .text001 {
	font-size:14px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
.servicedetail .area-club .linkbox .text002 {
	font-size:14px;
	color:#B8D200;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.servicedetail .area-club .linkbox .text003 {
	font-size:12px;
	color:#323232;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.servicedetail .area-club .linkbox .logo {
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.siteContent .areat #vkexunit_post_list-3 {
	margin:0px 0px 5px 0px;
}
#text-6 .textwidget .newsbt {
	margin:0px 0px 50px 0px;
}

footer {
	background-color:#F5F2DC;
}
footer .sectionBox {
	padding:20px 0px 0px 0px;
}
footer .ftext001 ,
footer .flogo {
	text-align:center;
	font-size:14px;
}
footer .ftext002 {
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:2px 0px 2px 0px;
	margin:0px 0px 8px 0px;
	background-color:#92C646;
	border:solid 1px #92C646;
	border-radius:15px;
}
footer .ftext002 a {
	color:#FFF;
}
footer .ftext003 {
	text-align:center;
	font-size:14px;
	color:#FFF;
	padding:2px 0px 2px 0px;
	margin:0px 0px 8px 0px;
	background-color:#B8D200;
	border:solid 1px #B8D200;
	border-radius:15px;
}
footer .ftext004 {
	font-size:12px;
	color:#333;
	padding:0px 0px 0px 0px;
	margin:0px 0px 4px 25px;
}
footer .ftext002 a ,
footer .ftext003 a ,
footer .ftext004 a {
	color:#FFF;
}
footer .ftel001 ,
footer .ftel002 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
footer .ftel001 li ,
footer .ftel002 li {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	list-style:none;
	font-size:14px;
}
footer .ftel001 li span {
	color:#92C646;
}
footer .ftel002 li span {
	color:#B8D200;
}

#company-area .workenvironment th {
    border-right: solid 1px #EEEEEE;
    vertical-align: middle;
    font-weight: bold;
    min-width: 120px;
}

#about h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	font-size:28px;
	font-weight: bold;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about h2.title001 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	font-size:28px;
	font-weight: bold;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about h2.title002 {
	padding:0px 0px 0px 0px;
	margin:30px 0px 20px 0px;
	text-align:center;
	font-size:28px;
	font-weight: bold;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about .circle{
	width:100%;
	text-align:center;
}
#about .circle h2 {
	position:relative;
	display:inline-block;
	padding:16px 40px;
	border-top:2px solid #666;
	margin: 0px 0px 20px 0px;
}
#about .circle h2:before, #about .circle h2:after{
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#666;
	position:absolute;
	top:-5px;
}
#about .circle h2:before{left:-4px;}
#about .circle h2:after{right:-4px;}
#about h2.title003 {
	font-size:28px;
	font-weight: normal;
	line-height: 160%;
}
#about .textarea1{
	margin:0px 0px 100px 0px;
}
#about h3.text01 {
    font-family: 'Noto Serif JP', serif;
	padding:0px 0px 0px 0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	font-size:28px;
	font-weight: normal;
	line-height: 160%;
	background-color:#FFFFFF;
	border: none;
}
#about h3.text01::after {
	border: none;
}
#about .textarea1 p.indent5 {
    text-indent: 7em;
}


#about ul.lists {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
#about ul.lists li {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 30px;
	font-size:18px;
	list-style: decimal;
}
#syurou01 h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
	font-size:40px;
	color:#92C646;
	background-color:#FFF;
	border:none;
}
#syurou01 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}
#syurou02 .school {
	border-radius:10px;
}
#syurou02 .school p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
#syurou02 .school div.dlink ,
#syurou02 .school a.dlink {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	display:block;
	text-decoration:none;
	border:solid 2px #93c746;
	border-radius:10px;
}
#syurou02 .school a:link ,
#syurou02 .school a:visited ,
#syurou02 .school a:hover ,
#syurou02 .school a:active {
	text-decoration:none;
}
#syurou02 .school a:hover {
	background-color:#EBFF9F;
}
#syurou02 .school p.logo001 {
	padding:20px 0px 20px 0px;
}
#syurou02 .school p.text002 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 1px #EEE;
}
#syurou02 .school p.text003 {
	font-size:14px;
	line-height:140%;
	margin:0px 0px 10px 0px;
}
#syurou02 .school p.text004 {
	font-size:20px;
	color:#FF921E;
	margin:0px 0px 10px 0px;
}
#syurou02 .school p.text005 {
	font-size:14px;
	color:#FFF;
	margin:0px 0px 10px 0px;
	background-color:#93C746;
	border:solid 1px #93C746;
	border-radius:14px;
}
#syurou03 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
}
#syurou03 h3::after, .subSection-title::after {
	border:none;
}
#syurou03 h3.text006 {
	width:70%;
	padding:10px 0px 10px 0px;
	margin:0px auto 20px auto;
	text-align:center;
	font-size:24px;
	color:#FFF;
	border:solid 2px #FFF !important;
	border-radius:5px;
}
#syurou03 p.text007 {
	font-size:16px;
	line-height:200%;
	margin:0px 0px 30px 0px;
}
#syurou03 .points {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#syurou03 .points .circlearea {
	padding:40px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
	border:solid 1px #FFF;
	border-radius:130px;
}
#syurou03 .points .circlearea p.text008 {
	color:#000;
	font-size:16px;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
#syurou03 .points p.text008 {
	font-size:16px;
	margin:0px 0px 30px 0px;
}
#syurou04 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#syurou04 p.text010 {
	margin:0px 0px 20px 0px;
	font-size:24px;
	color:#92C646;
}
#syurou04 p.text011 {
	margin:0px 0px 20px 0px;
	font-size:16px;
}
#syurou04 p.text021 {
	margin:10px 0px 40px 0px;
	font-size:12px;
	text-align:left;
}
#syurou04 p.text022 {
	margin:0px 0px 20px 0px;
	font-size:16px;
	text-align:left;
}
#syurou04 p.text023 {
	margin:0px 0px 10px 0px;
	font-size:16px;
	text-align:left;
}

#syurou05 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}


#club01 h2 {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
	font-size:40px;
	color:#B8D200;
	background-color:#FFF;
	border:none;
}
#club01 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	text-align:center;
}
#club02 .school div.dlink ,
#club02 .school a.dlink {
	padding:10px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	display:block;
	text-decoration:none;
	border:solid 2px #b8d200;
	border-radius:10px;
}
#club02 .school a:link ,
#club02 .school a:visited ,

#club02 .school a:hover ,
#club02 .school a:active {
	text-decoration:none;
}
/*#syurou02 .school a:hover {
	background-color:#EBFF9F;
}*/
#club02 .school {
	border-radius:10px;
}
#club02 .school p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#club02 .school p.logo001 {
	padding:20px 0px 20px 0px;
}
#club02 .school p.text002 {
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 1px #EEE;
}
#club02 .school p.text003 {
	font-size:14px;
	line-height:140%;
	margin:0px 0px 10px 0px;
}
#club02 .school p.text004 {
	font-size:20px;
	color:#FF921E;
	margin:0px 0px 10px 0px;
}
#club02 .school p.text005 {
	font-size:14px;
	color:#FFF;
	margin:0px 0px 10px 0px;
	background-color:#B8D200;
	border:solid 1px #B8D200;
	border-radius:14px;
}
#club02 .school a:link ,
#club02 .school a:visited ,
#club02 .school a:hover ,
#club02 .school a:active {
	text-decoration:none;
}
#club02 .school a:hover {
	background-color:#EBFF9F;
}
#club02 .school a p {
	color:#000000;
}
#club03 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#FFF;
}
#club03 h3::after, .subSection-title::after {
	border:none;
}
#club03 h3.text006 {
	width:70%;
	padding:10px 0px 10px 0px;
	margin:0px auto 20px auto;
	text-align:center;
	font-size:24px;
	color:#FFF;
	border:solid 2px #FFF !important;
	border-radius:5px;
}
#club03 p.text007 {
	font-size:16px;
	line-height:200%;
	margin:0px 0px 30px 0px;
}
#club03 .points {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#club03 .points .circlearea {
	padding:55px;
	margin:0px 0px 20px 0px;
	background-color:#FFF;
	border:solid 1px #FFF;
	border-radius:130px;
}
#club03 .points .circlearea p.text008 {
	color:#000;
	font-size:16px;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
#club04 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#club04 p.text010 {
	margin:0px 0px 20px 0px;
	font-size:24px;
	color:#92C646;
}
#club04 p.text011 {
	margin:0px 0px 40px 0px;
	padding:0px 20px 0px 20px;
	font-size:16px;
}
#club04 p.text014 {
	margin:0px 0px 20px 0px;
	font-size:16px;
}
#club05 {
	border-radius:40px;
}
#club05 .caricuram01 ,
#club05 .caricuram02 ,
#club05 .caricuram03 ,
#club05 .caricuram04 {
	border-radius:15px;
}
#club05 .caricuram01 .widget_text ,
#club05 .caricuram02 .widget_text ,
#club05 .caricuram03 .widget_text ,
#club05 .caricuram04 .widget_text {
	background-image:url(image/n01.gif);
	background-position:5px 10px;
	background-repeat:no-repeat;
}
#club05 .caricuram02 .widget_text {
	background-image:url(image/n02.gif);
}
#club05 .caricuram03 .widget_text {
	background-image:url(image/n03.gif);
}
#club05 .caricuram04 .widget_text {
	background-image:url(image/n04.gif);
}
#club05 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#club05 p.text013 {
	font-size:14px;
}
#club05 .caricuram02 p.text012 ,
#club05 .caricuram04 p.text012 {
	padding:12px 0px 12px 0px;
}
#club06 p i {
	vertical-align:middle;
}
#club06 p a:link ,
#club06 p a:visited {
	color:#92C646;
}
#club06 p a:hover ,
#club06 p a:active {
	color:#6a932d;
}
#contactbt2 .contact001 a ,
#contactbt .contact001 a {
	display:block;
	padding:15px 30px 15px 10px;
	border:solid 1px #FF931E;
	background-color:#FF931E;
	border-radius:7px;
	color:#FFF;
}
#contactbt2 .contact001 .fd a ,
#contactbt .contact001 .fd a {
	display:block;
	padding:0px;
	margin:30px 0px 0px 0px;
	border: none;
	background-color:#FFF;
}
#contactbt2 .contact001 a:link ,
#contactbt2 .contact001 a:visited ,
#contactbt .contact001 a:link ,
#contactbt .contact001 a:visited {
	text-decoration:none;
}
#contactbt2 .contact001 a:hover ,
#contactbt2 .contact001 a:active ,
#contactbt .contact001 a:hover ,
#contactbt .contact001 a:active {
	color:#EFF7E3;
	text-decoration:none;
}
#contactbt2 .contact001 a i ,
#contactbt .contact001 a i {
	vertical-align:middle;
}
#contactbt2 .contact001 a span ,
#contactbt .contact001 a span {
	padding:0px 0px 0px 10px;
	vertical-align:middle;
}
#contactbt2 .contact001 p.texts ,
#contactbt .contact001 p.texts {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
}
#contactbt2 .veu_contact .btn-primary ,
#contactbt .veu_contact .btn-primary {
	background-color:#FF931E;
	border-color:#FF931E;
	margin:15px 0px 15px 0px;
}
#contactbt2 p.text001 {
	font-size:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#93C746;
	text-align:left;
}
#contactbt2 p.text001 i {
	vertical-align:middle;
	margin:0px 5px 0px 0px;
}
#contactbt2 p.text002 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#333;
	text-align:left;
}
#contactbt2 ul.tel001 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
#contactbt2 ul.tel001 li {
	margin:0px 0px 0px 15px;
	padding:0px 0px 4px 0px;
}
#contactbt2 p.text001 a ,
#contactbt2 p.text002 a ,
#contactbt2 ul.tel001 li a {
	color:#93c746;
}
#contactbt2 {
	box-shadow:0px 0px 6px 3px #CECECE;
	-moz-box-shadow:0px 0px 6px 3px #CECECE;
	-webkit-box-shadow:0px 0px 6px 3px #CECECE;
}
#contactform .form-title {
	padding:10px 0px 10px 10px;
	margin:0px 0px 15px 0px;
	background-color:#93C746;
	color:#FFF;
}
#contactform .form-title a {
	color:#FFF;
	font-weight:bold;
}
#contactform .form-title a:link ,
#contactform .form-title a:visited {
	text-decoration:underline;
}
#contactform .form-title a:hover ,
#contactform .form-title a:active {
	text-decoration:none;
}
#contactform .tel ,
#contactform .text ,
#contactform .inputArea {
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}
#contactform .submit {
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	text-align:center;
}

#mail .contact {
	width:100%;
	margin:0px auto;
	max-width:800px;
}
#mail .contact table {
	width:100%;
	margin:0px 0px 0px 0px ;
	border:solid 1px #EFEFEF;
}
#mail .contact table th {
	width:30%;
	padding:15px 15px 15px 15px;
	border:solid 1px #EFEFEF;
	text-align:left;
	vertical-align:top;
	background-color:#f8f8f8;
	font-size:12px;
}
#mail .contact table th .must {
	padding:3px 10px 3px 10px;
	border:solid 1px #f98400;
	border-radius:4px;
	background-color:#f98400;
	color:#FFFFFF;
	font-size:12px;
}
#mail .contact table th .none {
	padding:3px 10px 3px 10px;
	border:solid 1px #666;
	border-radius:4px;
	background-color:#666;
	color:#FFFFFF;
	font-size:12px;
}
#mail .contact table th .blank {
	padding:3px 22px 3px 22px;
}
#mail .contact table td {

	width:70%;
	padding:15px 15px 15px 15px;
	border:solid 1px #EFEFEF;
	text-align:left;
	vertical-align:top;
	font-size:12px;
	background-color:#FFFFFF;
}
#mail .contact table td textarea ,
#mail .contact table td input {
	padding:5px 5px 5px 5px;
	border:solid 1px #EEE;
	font-size:12px;
}

#mail .contact table td select {
	padding:10px 5px 10px 10px;
	border:solid 1px #EEE;
}
#mail .contact table td .mail ,
#mail .contact table td .who {
	width:80%;
	padding:10px 5px 10px 5px;
}
#mail .contact table td textarea {
	width:100%;
	padding:10px 5px 10px 5px;
}
#mail .contact .submit {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px ;
}
#mail .contact .submit p {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px ;
    text-align: center;
}
#mail .contact .submit p button {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px ;
	border:none;
	background-color:#FFFFFF;
	cursor:pointer;
	max-width:300px;
	width:80%;
}
#mail .contact .submit p button img {
	max-width:300px;
	width:100%;
}
#mail .contact .submit p button:hover img {
	opacity:0.8;
}
#mail .contact .privacy-title {
	margin:0px 0px 20px 0px ;
	text-align:center;
}
#mail .contact .privacy-text {
	margin:0px 0px 30px 0px ;
	text-align:center;
}
 #mail .contact .tbl-pp {
  border-collapse: collapse;
  margin: 20px 30px;
  text-align: left;
  border: 1px solid #dadada;
  background: #fff;
}
 #mail .contactcheck .mw_wp_form_preview .tbl-pp {
	display:none;
}

 #mail .contact .tbl-pp > dt {
  background-color: #f9f9f9;
  border-bottom: 1px solid #dadada;
  line-height: 28px;
  height: 28px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

 #mail .contact .tbl-pp .pp {
  height: 70px;
  padding: 5px 15px 30px;
  background: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}

 #mail .contact .tbl-pp .pp * {
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
}

 #mail .contact .tbl-pp .pp li {
  list-style-position: inside;
}
 #mail .contact .tbl-pp .pp ol li {
	list-style:decimal;
	margin:0px 0px 0px 30px ;
}

.tayori_area1 ,
.tayori_area {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.tayori_area1 ul ,
.tayori_area ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.tayori_area1 ul li ,
.tayori_area ul li {
	border-radius:100px;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 28px;
	text-align:center;
}
.tayori_area ul li img {
	width:200px;
	height:200px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius:100px;
}
.tayori_area1 ul li a:hover img ,
.tayori_area ul li a:hover img {
	opacity:0.8;
}
.papers {
	margin:20px 0px 20px 0px;
}
.papers h3 {
	font-size:16px;
}
.papers .bnr {
	text-align:center;
}
.papers .bnr a:hover img {
	opacity:0.9;
}

#paper .boxs {
	width:50%;
	float:left;
}
#paper .boxs h3 {
	margin:5px 10px 10px 0px;
	font-size:20px;
}
#paper .button {color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin:1em 0;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;font-weight:bold}
#paper .button:before, 
#paper .button:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
#paper .button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
#paper .button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
#paper .button:hover:before, #paper .button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
#paper .button:hover {color:#353535;background-color:#fff;border-color:#fff}
#paper .panel {
	max-width:960px;
	text-align:center;
	position:relative;
	margin:auto;
}

#paper .pink .button {color:#93C746;border-color:#93C746}
#paper .pink .button:before, #paper .pink .button:after  {border-color:#93C746}
#paper .pink .button:hover:before, #paper .pink .button:hover:after {border-color:#93C746;}
#paper .pink .button:hover {color:#fff;background-color:#93C746;border-color:#93C746;}
#paper .pink .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .green .button {color:#B8D200;border-color:#B8D200}
#paper .green .button:before, #paper .green .button:after  {border-color:#B8D200}
#paper .green .button:hover:before, #paper .green .button:hover:after {border-color:#B8D200;}
#paper .green .button:hover {color:#fff;background-color:#B8D200;border-color:#B8D200;}
#paper .green .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .orange .button {color:#FF931E;border-color:#FF931E}
#paper .orange .button:before, #paper .orange .button:after  {border-color:#FF931E}
#paper .orange .button:hover:before, #paper .orange .button:hover:after {border-color:#FF931E;}
#paper .orange .button:hover {color:#fff;background-color:#FF931E;border-color:#FF931E;}
#paper .orange .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .contact .button {width: 100%;padding: 10px 5px; color:#93C746;border-color:#93C746;font-size: 24px;}
#paper .contact .button:before, #paper .contact .button:after  {border-color:#93C746}
#paper .contact .button:hover:before, #paper .contact .button:hover:after {border-color:#93C746;}
#paper .contact .button:hover {color:#fff;background-color:#93C746;border-color:#93C746;}
#paper .contact .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

#paper .widget_text {
	width:33.33%;
	float:left;
}
#paper .widget_text .textwidget {
	margin:5px 10px 10px 10px;
}
#paper .widget_text .textwidget p {
	margin:0px 0px 0px 0px;
}
#paper .widget_text .textwidget .caption {
	text-align:center;
}
#paper .widget_text .textwidget ul {
	text-align:center;
	padding:0px 0px 0px 0px;
}
#paper .widget_text .textwidget ul li {
	list-style:none;
	margin:0px 0px 0px 0px;
}
#paper .widget_text .textwidget ul li a:hover img {
	opacity:0.8;
}
#paper .widget_text .textwidget ul li img {
	width:200px;
	height:200px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius:100px;
}
#paper .widget_text .textwidget ul.kobo li img {
	width:200px;
	height:200px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

.interView {
	background-image: url("../../../image/contents/interview/background.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
.curriculum {
	background-image: url("http://www.mmg-passo.com/image/contents/curriculum/background.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#wrap .interViewCompany {
	background-image: url("http://www.mmg-passo.com/image/contents/interview/background2.jpg");
}
#interview-page h2 {
	background-color: white;
	border: none;
	margin:0px 0px 0px 0px;
}

#interview-page .in-page01 .area01 {
	margin:0px 0px 250px 0px;
}
#interview-page .in-page01 .area02 {
	margin:0px 0px 270px 0px;
	position: relative;
}
#interview-page .in-page01 .area03 {
	margin:0px 0px 300px 0px;
	position: relative;
}
#interview-page .otherimg .area02 {
	margin:0px 0px 100px 0px;
}
#interview-page .in-page01 .area02 p.img002 {
	position: absolute;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	top: -300px;
	right: 10px;
}
#interview-page .in-page01 .area02 h2.title01 {
	font-family: 'Noto Serif JP', serif;
	font-size: 42px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
	margin:0px 0px 20px 0px;
}
#interview-page .in-page01 .area02 p.titletext001 {
	width: 440px;
}
#interview-page .in-page01 .area02 .prof {
	width: 90%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 10px;
	background-color: #EEEEEE;
	border: none;
}
#interview-page .in-page01 .area02 .proftable {
	width: 600px;
	border: none;
}
#interview-page .in-page01 .area02 .proftable td {
	width: 300px;
	padding:0px 0px 0px 20px;
	border: none;
	vertical-align: top;
}
#interview-page .in-page01 .area02 .proftable2 {
	width: 800px;
}
#interview-page .in-page01 .area02 .proftable2 td {
	width: 400px;
}
#interview-page .in-page01 .area02 .proftable td.positionbt {
	vertical-align: bottom;
}
#interview-page .in-page01 .area02 .proftable td p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 14px;
	color: #3E3939;
}
#interview-page .in-page01 .area02 .proftable td p.text002 {
	font-family: 'Noto Serif JP', serif;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size: 40px;
	color: #211713;
}
#interview-page .in-page01 .area02 .proftable td p.text003 {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size: 23px;
	color: #211713;
	letter-spacing: 0.1em;
}
#interview-page .in-page01 .area02 .proftablec {
	margin:0px 0px 10px 0px;
}
#interview-page .in-page01 .area02 .proftablec td {
	padding:30px 0px 20px 20px;
	border-bottom: solid 1px #000;
}
#interview-page.company-page .in-page01 .area02 .proftable td {
	width: auto;
}
#interview-page.company-page .in-page01 .area02 .proftable td p.text002 {
	font-family: 'Noto Serif JP', serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 30px;
	color: #211713;
}
#interview-page.company-page .in-page01 .area02 .proftable td p.text003 {
	font-size:18px;
	margin:0px 0px 0px 0px;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 {
	font-family: 'Noto Serif JP', serif;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 40px;
	color: #211713;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 span {
	font-size: 28px;
	margin:0px 20px 0px 0px;
}
#interview-page .in-page01 .area02 .proftablec td p.text006 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size: 14px;
	color: #211713;
}

#interview-page .in-page02 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page02 .area01 {
	margin:0px 0px 0px 0px;
}
#interview-page .in-page02 .sentences {
	width: 470px;
	background-color: white;
	margin:0px 0px 0px 0px;
	padding:20px 20px 50px 20px;
	position: absolute;
	top:50px;
	right: 140px;
}
#interview-page .in-page04 .sentences .title001 ,
#interview-page .in-page03 .sentences .title001 ,
#interview-page .in-page02 .sentences .title001 {
	font-size: 28px;
	color: #3E3939;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
#interview-page .in-page03 .sentences .title001 {
    background-color: rgba(255, 255, 255, 0);
}
#interview-page .in-page04 .sentences .text002 ,
#interview-page .in-page03 .sentences .text002 ,
#interview-page .in-page02 .sentences .text002 {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page .in-page03 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page04 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page04 .area01 {
	margin:0px 0px 0px 0px;
	text-align: right;
}
#interview-page .in-page04 .sentences {
	width: 470px;
	background-color: white;
	margin:0px 0px 0px 0px;
	padding:20px 20px 50px 20px;
	position: absolute;
	top:50px;
	left: 140px;
}
#interview-page .in-page04 .sentences2 {
	width: 630px;
	left: 80px;
}
#interview-page .in-page04 .companystaff .sentences {
	width: 630px;
	padding:20px 20px 50px 20px;
	position: absolute;
	top: 10px;
	left: 40px;
    background-color: rgba(0,0,0,0.50);
}
#interview-page .in-page04 .companystaff .sentences .title001 {
    background-color: rgba(0,0,0,0.0);
    color: #DDE100;
}
#interview-page .in-page04 .companystaff .sentences .text002 {
    color: #FFFFFF;
}
#interview-page .in-pagetop {
	margin:0px 0px 20px 0px;
	text-align: center;
}
#interview-page .in-page05 {
	margin:0px 0px 50px 0px;
	position: relative;
}
#interview-page .in-page05 .img005 {
	margin:0px 0px 50px 0px;
	text-align: center;
}
#interview-page .in-page05 .strength {
	margin:0px 0px 30px 0px;
}
#interview-page .in-page05 .strength p {
	margin:0px 0px 0px 0px;
}
#interview-page .in-page05 .strength .box {
	width: 25%;
	float: left;
}
#interview-page .in-page05 .strength .box a {
	position: relative;
	display: block;
	margin:0px 20px 0px 0px;
	border: solid 1px #ccc;
}
#interview-page .in-page05 .strength .box a:hover {
	border: solid 1px #888;
}
#interview-page .in-page05 .strength .box a p.text006 {
	position: absolute;
	left:0px;
	top:0px;
	padding:0px 10px 0px 10px;
	background-color: #DCE000;
	font-size: 15px;
	color: #ffffff;
}
#interview-page .in-page05 .strength .boxcompany a p.text006 {
	padding:0px 10px 0px 10px;
	background-color: #82B027;
	font-size: 15px;
}
#interview-page .in-page05 .strength .box a p.text007 {
	position: absolute;
	right:0px;
	top:0px;
	padding:0px 10px 0px 0px;
	font-size: 31px;
	color: #211713;
	line-height: 120%;
}
#interview-page .in-page05 .strength p.text008 {
	margin:0px 0px 10px 0px;
}

#interview-page .in-page05 .curriculum-list {
	margin:0px auto 30px auto;
	width:100%;
    max-width: 800px;
}
#interview-page .in-page05 .curriculum-list p {
	margin:0px 0px 0px 0px;
}
#interview-page .in-page05 .curriculum-list .box {
	width: 50%;
	float: left;
    text-align: center;
}
#interview-page .in-page05 .curriculum-top .box {
	width: 100%;
	float: none;
    text-align: center;
}
#interview-page .in-page05 .curriculum-list a:link ,
#interview-page .in-page05 .curriculum-list a:visited {
    text-decoration: underline;
}
#interview-page .in-page05 .curriculum-list a:hover ,
#interview-page .in-page05 .curriculum-list a:active {
    text-decoration: none;
}


#interview-page .in-page05 .morebt {
	margin:0px 0px 50px 0px;
	text-align: center;
}
#interview-page .in-page05 .morebt a {
	font-size: 31px;
    transition-duration: 1s;
}
#interview-page .in-page05 .morebt a:link ,
#interview-page .in-page05 .morebt a:visited {
    text-decoration: underline;
}
#interview-page .in-page05 .morebt a:hover ,
#interview-page .in-page05 .morebt a:active {
    text-decoration: none;
}
/*カリキュラム*/
#interview-page.curriculum-page h2 {
    background-color: rgba(0,0,0,0.00);
}
#interview-page.curriculum-page .explains {
	width:100%;
    max-width: 700px;
	margin:0px auto 60px auto;
}
#interview-page.curriculum-page .in-page01 .area02 {
	margin:0px 0px 100px 0px;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name {
	width:44%;
    float: left;
    text-align: center;
	background-image: url("http://www.mmg-passo.com/image/contents/curriculum/curriculumname.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#interview-page.curriculum-page .in-page01 .area02 .sentences {
	width:56%;
    float: left;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name .title01 {
    background-color: rgba(0,0,0,0.00);
}
#interview-page.curriculum-page .in-page01 .area02 .c-name .title01 .sml {
	font-size: 15px;
}
#interview-page.curriculum-page .in-page01 .sentences .text002 {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page.curriculum-page .in-page02 .sentences {
	width: 680px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top:30px;
	right: 10px;
    background-color: rgba(251,250,245,0.90);
}
#interview-page.curriculum-page .in-page04 {
	margin: 0px 0px 100px 0px;
}
#interview-page.curriculum-page .in-page04-ex {
	margin: 0px 0px 140px 0px;
}
#interview-page.curriculum-page .in-page04 .sentences {
	width: 540px;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top:30px;
	left: 30px;
    background-color: rgba(251,250,245,0.90);
}
#interview-page.curriculum-page .in-page06 {
	margin: 80px 0px 80px 0px;
}
#interview-page.curriculum-page .in-page06 .img004 {
	width: 100%;
	max-width: 600px;
	margin: 0px auto 0px auto;
}
#interview-page.curriculum-page .in-page02 .sentences .text002 {
	margin:0px 0px 0px 20px;
}
#interview-page.curriculum-page .in-page02 .sentences .text002 li {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page.curriculum-page .in-page05 .strength .box a p.text006 {
	background-color: #F08300;
}

#onLine {
	margin:30px auto 50px auto;
	padding:0px 0px 0px 0px;    
}
#onLine h1.title {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	font-family: 'Noto Serif JP', serif;
	font-size: 32px;
	color: #211713;
    text-align: center;
}
#onLine .container p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
}
#onLine table.detaile1 {
	width:80%;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
    border: none;
}
#onLine table.detaile1 th ,
#onLine table.detaile1 td {
	padding:20px 0px 10px 20px;
    text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #211713;
	line-height: 160%;
    vertical-align: top;
    border: none;
    border-bottom: dashed 1px #211713;
}
#onLine table.detaile1 th {
	width:20%;
}
#onLine table.detaile1 td {
	width:80%;
}
#onLine div.detaile2 {
	width:80%;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
    border: none;
}
#onLine div.zoom {
	width:80%;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
    text-align: center;
}
#onLine div.zoom p img {
	width:300px;
}
#onLine div.detaile2 .flow {
	margin:0px auto 20px auto;
	padding:10px 0px 60px 120px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 101px;
}
#onLine div.detaile2 .flow01 {
    background-image: url("http://www.mmg-passo.com/image/contents/online/icon001.png");
}
#onLine div.detaile2 .flow02 {
    background-image: url("http://www.mmg-passo.com/image/contents/online/icon002.png");
}
#onLine div.detaile2 .flow03 {
    background-image: url("http://www.mmg-passo.com/image/contents/online/icon003.png");
	padding:10px 0px 0px 120px;
}
#onLine div.detaile2 .flow04 {
    background-image: url("http://www.mmg-passo.com/image/contents/online/icon004.png");
}
#onLine div.detaile2 .flow05 {
    background-image: url("http://www.mmg-passo.com/image/contents/online/icon005.png");
	padding:10px 0px 30px 120px;
}
#onLine div.detaile2 .flow06 {
    background-image: url("http://www.mmg-passo.com/image/contents/online/icon006.png");
	padding:10px 0px 30px 120px;
}
#onLine div.detaile2 .contact {
    max-width: 560px;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
}
#onLine div.detaile2 .contact a {
    display: block;
    max-width: 560px;
	margin:0px auto 0px auto;
	padding:10px 20px 10px 20px;
    border: solid 4px #666666;
    transition: all .3s;
}
#onLine div.detaile2 .contact a:hover {
    background-color: #EEEEEE;
}
#onLine div.detaile2 .contact-tel {
    max-width: 560px;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
}

.contact-area .fd {
	margin:20px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.contact-area .textwidget {
	margin:20px auto 100px auto;
	padding:0px 0px 0px 0px;
	width:100%;
	max-width:570px;
}
.contact-area .textwidget a {
	display:block;
	padding:15px 30px 15px 10px;
	border:solid 1px #FF931E;
	background-color:#FF931E;
	border-radius:7px;
	color:#FFF;
	text-decoration:none;
}
.contact-area .textwidget a i {
	vertical-align:middle;
}
.contact-area .textwidget a span {
	margin:0px 0px 0px 10px;
}
.contact-area .textwidget p.texts {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:14px;
}

a[href^="tel:"]{
    pointer-events: none ;
}

.area-top .banner .moreinfo {
	margin:50px auto 50px auto;
	padding:0px 0px 0px 0px;
	width:100%;
    text-align: center;
	font-size:34px;
    font-weight: bold;
}
.area-top .banner .moreinfo a:link ,
.area-top .banner .moreinfo a:visited {
    text-decoration: underline;
    transition: 0.3s;
}
.area-top .banner .moreinfo a:hover ,
.area-top .banner .moreinfo a:active {
    text-decoration: none;
    transition: 0.3s;
}
/*アクセス*/
#paper.access_link .panel1 {
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
	margin:0px 20px 10px 20px;
}
#mapnisshin .red {
    color:#EE0000;
}
@media screen and (max-width: 1100px) {    
    #mainimage .inner .image001 .message p {
        font-size:24px;
    }
    #mainimage .inner .image001 .message2 {
        bottom: 10px;
    }
}

@media screen and (max-width: 1024px) {
#wrap .interView .container {
	width: auto;
}
#interview-page .in-page01 .area01 {
	margin:0px 0px 20px 0px;
}
#interview-page .in-page01 .area02 {
	margin:0px 0px 20px 0px;
	position: relative;
}
#interview-page .in-page01 .area03 {
	margin:0px 0px 20px 0px;
	position: relative;
}
#interview-page .otherimg .area02 {
	margin:0px 0px 20px 0px;
}
#interview-page .in-page01 .area02 p.img002 {
	width: 140px;
	top: -20px;
}

#interview-page .in-page01 .area02 h2.title01 {
	font-size: 32px;
}
#interview-page .in-page01 .area02 p.titletext001 {
	width: 340px;
}
#interview-page .in-page01 .area02 .prof {
	width: 90%;
}
#interview-page .in-page01 .area02 .proftable {
	width: 80%;
}
#interview-page .in-page01 .area02 .proftable td {
	width: 50%;
	padding:0px 0px 0px 20px;
}
#interview-page .in-page01 .area02 .proftable td p.text002 {
	font-size: 30px;
}
#interview-page .in-page01 .area02 .proftable td p.text003 {
	font-size: 18px;
}
#interview-page .in-page01 .area02 .proftablec td {
	padding:10px 0px 20px 20px;
}

#interview-page .in-page02 .imgs ,
#interview-page .in-page04 .imgs {
	margin:0px 0 0px 0;
	text-align: center;
}
#interview-page .in-page02 .imgs .img003 ,
#interview-page .in-page04 .imgs .img003 {
	margin:0px 0 0px 0;
}
#interview-page .in-page02 .sentences ,
#interview-page .in-page04 .sentences {
	width: 470px;
	background-color: white;
	margin:-40px auto 0px auto;
	padding:20px 20px 50px 20px;
	position:relative;
	top:0px;
	right: 0px;
	left: 0px;
}
#interview-page .in-page04 .companystaff .sentences {
	width: 100%;
	max-width: 470px;
	padding:20px 20px 50px 20px;
	position:relative;
	top: 30px;
	left: 0px;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name {
	width: 100%;
    float: none;
    text-align: center;
	background-image: url("http://www.mmg-passo.com/image/contents/curriculum/curriculumname.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}
#interview-page.curriculum-page .in-page01 .area02 .sentences {
	width: 100%;
    float: none;
}
#interview-page.curriculum-page .in-page01 .area02 .c-name .title01 .sml {
	font-size: 15px;
}
#interview-page.curriculum-page .in-page01 .sentences .text002 {
	font-size: 16px;
	color: #212121;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height: 180%;
}
#interview-page.curriculum-page .in-page02 .sentences {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top: -20px;
	right: 0px;
}
#interview-page.curriculum-page .in-page04 {
	margin: 0px 0px 100px 0px;
}
#interview-page.curriculum-page .in-page04 .sentences {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:20px 20px 30px 20px;
	top: -20px;
	left: 0px;
}
	
}

@media screen and (max-width: 768px) {
a[href^="tel:"]{
    pointer-events: auto ;
 }

header.onlinehead .container {
	padding:30px 0px 10px 0px;
}
header.onlinehead .container p {
	font-size: 22px;
}
header.onlinehead .container p.image1 img {
	max-width:140px;
}
#menu-mainmenu li {
	border-top:solid 1px #ECECEC;
}
#menu-mainmenu .navi_01 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_02 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_03 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_04 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_05 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu .navi_06 a {
	background-position:10px 13px;
	padding:15px 15px 15px 40px;
}
#menu-mainmenu li a .gMenu_name {
	display:block;
}

#mainimage .inner .image001 {
  display: none;
}
#mainimage .inner .image001sp {
  display: block;
}
.servicedetail .area-club ,
.servicedetail .area-syuro {
	padding:0px 30px 0px 30px;
}
.servicedetail .area-club .linkbox ,
.servicedetail .area-syuro .linkbox {
    min-height: auto;
}
    
.area-top .banner .imgpc {
	display:none;
}
.area-top .banner .imgsp {
	display:block;
}
.area-poli p.text002 {
	font-size:24px;
}
.area-poli p.text003 {
	font-size:16px;
}
.area-top p.text003 {
	margin:0px 0px 20px 0px;
	font-size:14px;
	color:#323232;
	text-align:center;
}
.area-poli .banner .bimg img {
	width:100%;
	max-width: inherit;
}
.area-poli .banner .fd {
	max-width: inherit;
}
#club01 h2 ,
#syurou01 h2 {
	font-size:28px;
}

#paper .boxs {
	width:100%;
	float: none;
}
#paper .widget_text {
	width:100%;
	float: none;
}


#interview-page .in-page01 .area02 p.img002 {
	width: 100px;
	position: relative;
	top: 0px;
	margin:0px auto 0px auto;
}

#interview-page .in-page01 .area02 h2.title01 {
	font-size: 24px;
}
#interview-page .in-page01 .area02 p.titletext001 {
	width: 240px;
}
#interview-page .in-page01 .area02 .prof {
	width: 100%;
}
#interview-page .in-page01 .area02 .proftable {
	width: 100%;
}
#interview-page .in-page01 .area02 .proftable td {
	width: 50%;
	padding:0px 0px 0px 20px;
}
#interview-page .in-page01 .area02 .proftable td p.text002 {
	font-size: 20px;
}
#interview-page .in-page01 .area02 .proftable td p.text003 {
	font-size: 16px;
}
#interview-page .in-page02 .sentences ,
#interview-page .in-page04 .sentences {
	width: 90%;
	background-color: white;
	margin:-40px auto 0px auto;
	padding:20px 20px 50px 20px;
	position:relative;
	top:0px;
	right: 0px;
	left: 0px;
}
#interview-page .in-page01 .area02 .proftablec td {
	padding:10px 0px 20px 20px;
}

#interview-page .in-page05 .strength .box {
	width: 50%;
	float: left;
}
#interview-page .in-page05 .strength .box a {
	margin:0px 10px 0px 10px;
}
#interview-page .in-page05 .strength .box p.text008 {
	margin:0px 10px 20px 10px;
}

#interview-page .in-page05 .curriculum-list .box {
	width: 100%;
	float: none;
}
#interview-page.curriculum-page .in-page04-ex {
	margin: 0px 0px 50px 0px;
}

#onLine h1.title {
	font-size: 22px;
}
#onLine .container p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #211713;
	line-height: 180%;
}
#onLine .container p.image01 {
	width:60%;
	padding:0px 0px 0px 0px;
}
#onLine table.detaile1 {
	width:98%;
}
#onLine table.detaile1 th ,
#onLine table.detaile1 td {
	padding:20px 0px 10px 10px;
	font-size: 16px;
}
#onLine table.detaile1 th {
	width:30%;
}
#onLine table.detaile1 td {
	width:70%;
}
#onLine div.detaile2 {
	width:98%;
	margin:0px auto 50px auto;
}
#onLine div.zoom {
	width:98%;
	margin:0px auto 20px auto;
}
#onLine div.detaile2 .flow01 {
	padding:10px 0px 60px 120px;
}
#onLine div.detaile2 .flow06 {
	margin:0px auto 0px auto;
	padding:10px 0px 30px 120px;
}
    
    #about h2.title003 {
        font-size:20px;
    }
    #about .textarea1{
        margin:0px 0px 100px 0px;
    }
    #about h3.text01 {
        margin:0px 0px 40px 0px;
        font-size:20px;
    }
    #about .textarea1 p.indent5 {
        text-indent: 0;
    }
    
	#mail .contact table th .blank {
		padding:0px 0px 0px 0px;
	}
    #mail .contact table td span.mwform-radio-field {
        display: block;
		margin:0px 0px 0px 0px;
    }
}
@media screen and (max-width: 468px) {

	#contactbt2 p.text001 a, 
	#contactbt2 p.text002 a, 
	#contactbt2 ul.tel001 li a {
		padding:10px 0px 10px 0px;
		line-height: 180%;
	}
	footer .ftel001 li ,
	footer .ftel002 li {
		padding:0px 0px 0px 10px;
		margin:10px 0px 15px 0px;
		/*list-style:none;
		font-size:14px;*/
	}
	footer .ftel001 li a ,
	footer .ftel002 li a {
		/*padding:0px 0px 0px 10px;
		margin:0px 0px 0px 0px;
		list-style:none;*/
		font-size:16px;
	}
#interview-page.company-page .in-page01 .area02 .proftable td p.text002 {
	font-size: 22px;
}
#interview-page.company-page .in-page01 .area02 .proftable td p.text003 {
	font-size:12px;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 {
	font-size: 32px;
}
#interview-page .in-page01 .area02 .proftablec td p.text005 span {
	font-size: 20px;
}
#onLine div.detaile2 .flow01 {
	padding:10px 0px 30px 120px;
}
#onLine div.detaile2 .flow04 {
	padding:10px 0px 30px 120px;
}
#interview-page .in-page05 .strength .box {
	width: 100%;
	float: none;
}
    
	#mail .contact table th .must {
		padding:1px 2px 1px 2px;
		border:solid 1px #f98400;
		border-radius:4px;
		background-color:#f98400;
		color:#FFFFFF;
		font-size:12px;
		display:block;
		text-align:center;
	}
	#mail .contact table th .none {
		padding:1px 2px 1px 2px;
		border:solid 1px #666;
		border-radius:4px;
		background-color:#666;
		color:#FFFFFF;
		font-size:12px;
		display:block;
		text-align:center;
	}
/*アクセス*/
#paper.access_link .panel1 {
    display: block;
    width: 100%;
	margin:0px 0px 0px 0px;
}
#paper.access_link .panel1 .button {
    width: 100%;
}
}