.@charset "UTF-8";

/*--------------------
	Base
--------------------*/
html {-webkit-text-size-adjust: 100%}

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

body {
	width:100%;
	font-size: 16px;
	/*color:#333;
	font-family: "Yu Gothic", YuGothic, "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
}

/*共通レイアウト*/
.ABOUT-bg{
	height: 354px;
	background: #E1F3C6;
}

.inner {
	width:1000px;
	margin:0 auto;
	text-align:left;
}

.inner:before, .inner:after { content:""; display:table; }

.inner:after { clear:both; }

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


#header {
	padding:30px 0;
	font-family:'Sintony', 'Noto Sans JP', sans-serif;
}

#header .logo {
	float:left;
	width:120px;
}


#header a {
	text-decoration:none;
}

.dropmenu{
	float:right;
	*zoom: 1;
	list-style-type: none;
	margin: 5px auto 0px;
	padding: 0;
}

.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}

.dropmenu:after{
	clear: both;
}

.dropmenu li{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.dropmenu li a{
	display: block;
	margin: 0;
	padding: 10px 23px;
	color: #666;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
}

.dropmenu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	width:280px;
}

.dropmenu li ul li{
	width: 100%;
}

.dropmenu li ul li a{
	padding: 13px 15px;
	border-top: none;
	font-size:14px;
	background: #f6f6f6;
	color:#000;
	text-align: left;
}

.dropmenu li:hover > a{
	background: #999;
}

.dropmenu li a:hover{
	background: #999;
	color:#fff;
}

#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}

#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}

#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}

#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

#contents{
	padding:80px 0;
}

#footer {
	background:#F6F6F6;
	padding:45px 0;
}

.footerCopy {
	float:left;
	width:300px;
	font-size:13px;
	color:#666666;
}

.footerIcn ul {
	float:right;
}

.footerIcn li {
	float:left;
	margin-left:15px;
	width:30px;
}

/*下層ページ共通レイアウト*/
#pageHeader {
	height:300px;
}

#pageHeader, #pageHeader a {
	color:#fff;
	text-decoration:none;
}

.bannerHeader{
	position: relative;
	height:300px;
	min-height:300px;
	overflow:hidden;
}
.bannerHeader img{
	background-repeat:no-repeat;
	background-position:top center;
	background-color: #000;
	width:100%;
	min-width: 1240px;
}
.bannerHeader .bannerList{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.bread {
	padding-top:20px;
}

.bread ul {
	float:right;
}

.bread li {
	float:left;
	font-size:12px;
}

.bread li:after {
	content: "-";
	padding:0 5px;
}

.bread li:last-child:after {
	content:none;
}

.category {
	font-family:'Noto Sans JP';
	text-align:center;
	padding:174px 0 0;
}

.pageTitle {
	font-size:34px;
	font-weight: 600;
	text-align:center;
}

.column04 li {
	width:23%;
	float:left;
	margin-right:2%;
}

.column03 li {
	width:30%;
	float:left;
	margin-right:5%;
}

.column02 li:nth-child(2n),
.column03 li:nth-child(3n),
.column03 li:nth-child(4n) {
	margin-right:0%;
}


.column02 li {
	width:48%;
	float:left;
	margin-right:4%;
}



/*ボタン類*/

.btn01, .btn02, .btn03 {
	-webkit-appearance: none;
	display:inline-block;
    border: none;
    background: #666;
    color: #FFF;
    cursor: pointer;
    padding: 12px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	text-decoration:none;
}

.btn02, .btn03 {
	margin:0 1%;
}

.btn03 {
    background: #aaa;
    color: #FFF;
}

a.btn01 {
	display:inline-block;
	margin:0 auto;
	color:#fff;
}

.btn04 {
	-webkit-appearance: none;
	display:inline-block;
    border: none;
    background: #666;
    color: #FFF;
    cursor: pointer;
	line-height:30px;
	font-size:13px;
	padding:0 10px 0 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	text-decoration:none;
}

.btn04:after {
	margin:0 0 0 15px;
    content: "\f105";
    color: inherit;
    font-family: fontello;
}

/*見出し*/
.title01 {
	font-size:30px;
	line-height:1.1em;
	font-weight:normal;
	text-align:center !important;
	background:url(../img/title01_bg.png) center bottom no-repeat;
	padding-bottom:23px;
	margin-bottom:40px;
	letter-spacing:2px;
	font-family:'Sintony', 'Noto Sans JP',  "Yu Gothic", YuGothic, "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.title02 {
	text-align:center;
	font-size:30px;
}

.title02 * {
	font-weight:400;
	padding:0 20px 7px 20px;
	display:inline-block;
	margin:0 auto;
}

.title03 {
	text-align:center;
	background:url(../img/title03_bg.png) no-repeat center center;
}

.title03 * {
	font-size:22px;
	letter-spacing:1px;
	color:#666;
	padding:0 20px;
	display:inline-block;
	margin:0 auto;
	background:#fff;
}

/*下層ページヘッダー画像*/
#pageHeader.about_index  {
	background:url(../img/index_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}

#pageHeader.about_info {
	background:url(../img/info_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}

#pageHeader.service_contents  {
	background:url(../img/cts_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}

#pageHeader.service_featurephone  {
	background:url(../img/fp_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}

#pageHeader.recruit_index  {
	background:url(../img/index_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}

#pageHeader.recruit_mvp  {
	background:url(../img/mvp_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}

#pageHeader.recruit_data  {
	background:url(../img/data_title_bg.jpg) no-repeat top center #000;
	background-size:100% auto;
}
@media screen and (max-width: 1250px) {
#pageHeader.about_index  {
	background:url(../img/index_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}

#pageHeader.about_info {
	background:url(../img/info_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}

#pageHeader.service_contents  {
	background:url(../img/cts_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}

#pageHeader.service_featurephone  {
	background:url(../img/fp_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}

#pageHeader.recruit_index  {
	background:url(../img/index_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}

#pageHeader.recruit_mvp  {
	background:url(../img/mvp_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}

#pageHeader.recruit_data  {
	background:url(../img/data_title_bg.jpg) no-repeat top center #000;
	background-size:auto 100%;
}
}


.smpScreen, .fpScreen {
	background:url(../img/smp_bg01.png) repeat-x;
	background-size:100% 350px;
	height:350px;
	text-align:center;
	position:relative;
}
.smpScreen .screen {
	margin:0 auto;
	width:149px;
	height:350px;
	background:url(../img/smp_bg02.png) repeat-x;
	background-size:100% 100%;
}

.fpScreen .screen {
	margin:0 auto;
	width:149px;
	height:350px;
	background:url(../img/fp_bg02.png) repeat-x;
	background-size:100% 100%;
}

.smpScreen .screen img {
	width:130px;
	margin-top:52px;
	border:1px solid #ccc;
}
.fpScreen .screen img {
	width:130px;
	margin-top:52px;
	border:1px solid #ccc;
}
.smpScreen .icn {
	width:60px;
	position:absolute;
	top:15px;
	right:15px;
}
.fpScreen .icn {
	width:60px;
	position:absolute;
	top:15px;
	right:15px;
}

.ctsTitle {
	text-align: center;
	line-height: 1.6em;
}

.ctsTitle dt {
	font-size:20px;
	font-weight:600;
	padding:30px 0 0 ;
}

.ctsTitle dd {
	font-size:14px;
	padding-bottom:10px;
}

.cts_list a {
	display:block;
}

.pass {
	font-size:12px;
	color:#666;
	line-height:1.4em;
	padding-top:10px;
}

.pass .arrow {
	color:#aaa;
	padding:0 3px;
}

.cts_list li {
	padding-top:60px;
}

.cts_list a {
	text-decoration:none;
}


/*代表メッセージ*/

.catch {
	text-align:center;
	font-size:25px;
	padding-bottom:50px;
}

.catch p {
	font-weight:400;
	padding:0 20px 7px 20px;
	display:inline-block;
	border-bottom:2px solid #000;
	margin:0 auto;
}

.messagePhoto {
	width:30%;
	float:left;
}

.messageText {
	width:65%;
	float:right;
}

.messageText p {
	padding-bottom:15px;
}

/*TOP*/

.mainv {
	position:relative;
	background:#F6F6F6;
	height:100%;
	max-height:420px;
	min-height:140px;
}


.mainvLeft h2 {
	position:absolute;
	top:50%;
	left:0;
	width:40%;
	text-align:center;
	margin-top:-62px;
	margoin-left:138px;
}

.mainvRight {
	width:60%;
	float:right;
}


.mainv01 {
	background:url(../img/main01.jpg) no-repeat top center;
	height:420px;
}

.mainv02 {
	background:url(../img/main02.jpg) no-repeat top center;
	height:420px;
}

.mainv03 {
	background:url(../img/main03.jpg) no-repeat top center;
	height:420px;
}

.mainv04 {
	background:url(../img/main04.jpg) no-repeat top center;
	height:420px;
}

.mainv05 {
	background:url(../img/main05.jpg) no-repeat top center;
	height:420px;
}

.topPress {
	padding:80px 30px 100px 30px;
}

.topPress .pressList {
	border-top:none;
}

.topPress .pressList dl {
	padding:5px 0;
	border-bottom:none;
}

.topService {
	padding-bottom:115px;
}

.topService dt {
	font-size:20px;
	text-align:center;
	display:table;
	width:100%;
	line-height:1.3em;
	height:70px;
	margin-top:10px;
	letter-spacing:1px;
}

.topService dt span {
	display:block;
	font-size:14px;
	font-weight:normal;
	line-height:1.2em;
	margin-top:10px;
	letter-spacing:0px;
}

.topService dt.topServiceCA {
	letter-spacing:-1px;
	margin:10px -5% 0 -5%;
	width:110%;
}

.topService dt.topServiceCA span {
	letter-spacing:-0px;
	margin-top:3px;
}

.topService a {
	display:block;
}

.topSite {
	margin-left:190px;
}

.topSite li {
	width:267px;
	float:left;
	margin-right:84px;
}

.topBnr {
	margin-left:30px;
	padding-bottom:120px;
}

.topBnr li {
	width:300px;
	float:left;
	margin-right:20px;
}


/* 20190415　yatabe */
.topServiceList {
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
	padding-bottom:88px;
}
.topServiceList .topLINEList dt {
	font-size:18px;
	height:70px;
	font-weight:900;
	text-align:center;
}
.topServiceList .topSiteList dt {
	font-size:18px;
	height:70px;
	font-weight:900;
	text-align:center;
}
.topServiceList dt span {
	display:block;
	font-size:16px;
	font-weight:100;
}
.topServiceList a {
	display:block;
}

.topLINEList {
	margin-left:200px;
	float:left;
}
.topLINEListTop {
	margin-bottom:30px;
}
.topLINEList_brn {
	width:100%;
	margin-bottom:12px;
	max-width: 265px;
}

.topSiteList {
	margin-left:70px;
	float:left;
}
.topSiteListTop {
	margin-bottom:30px;
}
.topSiteList_brn {
	width:100%;
	margin-bottom:12px;
	max-width: 265px;
}


/*会社概要*/

dl.info {
  padding-bottom: 26px;
  border-top: 1px solid #dcdddd;
}
dl.info {
  padding-top: 29px;
}

.info dt {
  float: left;
  width: 250px;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}

.info dd {
  margin-left: 250px;
}
.underline{
	text-decoration: underline;
}

/*採用情報*/

.recruitPhoto {
	float:right;
	width:47%;
}

.recruitText {
	float:left;
	width:47%;
}

/*MVP*/

.subNavi li {
	width:50%;
	float:left;
}

.subNavi li a {
	display:block;
	padding:10px 0;
	margin:0 1px;
	text-align:center;
	background:#e6e6e6;
	text-decoration:none;
}

.subNavi li a:before {
	margin:0 10px 0 0;
    content: "\f105";
    color: inherit;
    font-family: fontello;
}

.subNavi li.current a {
	background:#000;
	color:#fff;
	font-weight:bold;
}

.subNavi li.current a:before {
	margin:0 10px 0 0;
    content: "\f107";
    color: inherit;
    font-family: fontello;
}

.anchorLink li {
	width:25%;
	float:left;
}

.anchorLink li a {
	text-decoration:none;
}

.anchorLink li a span {
	text-decoration:underline;
}

.anchorLink li a:before {
	margin:0 10px 0 0;
    content: "\f107";
    color: inherit;
    font-family: fontello;
}

.mvpBox {
	padding:50px 0;
	border-top:1px dotted #ddd;
}

.mvpWinner {
	margin:0 auto 30px;
	display:table;
}

.mvpWinner span {
	display:table-cell;
	padding:0 10px;
	vertical-align:middle;
	line-height:1.1em;
}

.mvpQuarter {
	display:inline-block;
	margin:0 auto 15px auto;
	border:1px solid #ddd;
	padding:0 15px;
}

.mvpName {
	font-size:30px;
	font-weight:600;
	padding:0 10px 0 20px;
}

.mvpPhoto {
	float:right;
	width:400px;
	margin:10px 0 30px 50px;
}

.mvpBox h4 {
	font-weight:bold;
	padding-bottom:10px;
}

.mvpComment p {
	padding-bottom:15px;
}

/*社員データ*/

.dataBox {
	width:30%;
	margin-left:5%;
	float:left;
}

.dataBox:first-child {
	margin-left:0;
}

.dataBox h2 {
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
	font-size:18px;
}

.dataBox table {
	width:100%;
}

.dataBox table td,
.dataBox table th {
	padding:5px 10px;
	font-weight:normal;
}

.dataBox table tr:nth-child(odd) {
	background:#f6f6f6;
}

.dataText {
	min-height:10em;
}

.dataBox img {
	width:80%;
}

/*お問い合わせ*/

#contactPrivacy {
	height:150px;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	border:1px solid #ddd;
	padding:10px;
	line-height:1.5em;
	margin:10px 0;
}

#contactPrivacy .att01 {
	margin-top:1em;
	font-weight:400;
}

#contactPrivacy .att01 dd {
	padding:0 0 0 1.5em;
	margin-top:-1.5em;
}

#contact li  dd {
	padding:0 0 0 1.5em;
	margin-top:-1.8em;
}

.telList dt {
	border-left:5px solid #666;
	padding-left:5px;
	line-height:1em;
	margin:5px 0;
  float: left;
  width: 300px;
  clear:both;
}

.telList dd {
  margin-left: 300px;
  padding-bottom:5px;
}

.long, .short {
	-webkit-appearance: none;
	border:1px solid #ddd;
	background:#f6f6f6;
}

.long {
	width:70%;
}

.short {
	width:4em;
}

.info dd dt {
	width:1em;
}

.info dd dd {
  margin-left:2em;
}

.att01 dd {
	padding-left:2em;
	margin-top:-1.8em;
}

.info.borderBottom {
	border-bottom:1px solid #ddd;
}


/*プレスルーム*/

.pressMain {
	width:80%;
	float:left;
}

.pressSub {
	width:17%;
	float:right;
}

.pressSub dt {
	padding:10px;
}

.pressSub dl {
	border:1px solid #ddd;
}

.pressSub li {
	padding:10px;
	border-top:1px solid #ddd;
	font-family:'Sintony', 'Noto Sans JP', sans-serif;
}

.pressSub a {
	text-decoration:none;
}

.pressSub li:before {
	margin:0 6px 0 0;
    content: "\f105";
    color: inherit;
    font-family: fontello;
}

.pressList dl {
	padding:10px 0;
	border-bottom:1px solid #ddd;
}

.pressList dt {
	width:200px;
	line-height:20px;
}

.pressList dd {
	margin:-20px 0 0 190px;
	line-height:1.4em;
}

.pressCategory {
	display:inline-block;
	font-size:13px;
	color:#333;
	width:80px;
	text-align:center;
	background:#EEEEEE;
	font-family:'Sintony', 'Noto Sans JP', sans-serif;
}

.pressDate {
	width:90px;
	font-size:14px;
	display:inline-block;
}

.pressList {
	border-top:1px solid #ddd;
}

.pressBody {
	border:1px solid #ddd;
	padding:40px;
}

.pressInfo td, .pressInfo th {
	vertical-align:top;
}

.pressInfo th {
	width:130px;
}

.pressBodyTitle {
	font-size:20px;
	font-weight:600;
	padding-bottom:10px;
	border-bottom:2px solid #000;
	margin-bottom:30px;
	line-height:1.3em;
}

.pressBody h3 {
	background:#ddd;
	padding:5px 15px;
	color:#000;
	margin:25px 0;
	font-weight:	bold;
	clear:both;
}

.pressBody h4 {
	font-weight:bold;
	margin:25px 0;
	clear:both;
}

.pressBody h4:before {
	content:"■";
	margin-left:5px;
}

.pressBody h5 {
	font-weight:bold;
	margin:25px 0 15px;
	clear:both;
}

.pressBody a {
	text-decoration:underline !important;
}

.pressBody img.fLeft {
	margin:0 20px 20px 0;
}

.pressBody img.fRight {
	margin:0 0 20px 20px;
}

.pressBody hr {
	margin:50px 0;
}

/*コンテンツ事業*/

.leader {
	padding-bottom:80px;
}

.leaderPhoto {
	width:28%;
	float:left;
}

.leaderText {
	width:65%;
	float:right;
}

.leader h2  {
	font-size:36px;
	font-weight:600;
}

.leaderName {
	padding:0 0 25px 0;
	font-weight:600;
	background:url(../img/title01_bg.png) left bottom no-repeat;
	background-size:80px 2px;
}

.leaderText h3 {
	font-size:22px;
	font-weight:bold;
	padding:35px 0 7px;
}

.leaderPhoto p {
	font-family:'Sintony', 'Noto Sans JP', sans-serif;
	font-size:22px;
	color:#666;
	text-align:center;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}

.keyperson {
	padding:30px 0 40px;
	position:relative;
}

.kpPhoto {
	width:45.5%;
	float:left;
	text-align:center;
}

.kpNameEn {
	padding:15px 0 0 0;
	font-family:'Sintony', 'Noto Sans JP', sans-serif;
	font-size:22px;
	text-align:center;
	line-height:1.1em;
}

.kpText {
	width:50%;
	float:right;
	padding:50px 0 0 0;
}

.kpTitle {
	position:absolute;
	top:0;
	right:0;
	width:645px;
	background:#000;
	border-top-left-radius : 27px;
	-webkit-border-top-left-radius: 27px;
	-moz-border-radius-topleft: 27px;
	border-bottom-right-radius : 27px;
	-webkit-border-bottom-right-radius: 27px;
	-moz-border-radius-bottomright: 27px;
}

.kpTitle h3 {
	font-size:20px;
	color:#fff;
	padding:10px 20px 10px 30px;
	line-height:1.5em;
}

/* 20210409　yamashita */
.container{
	margin-top:80px;
}


/* SP版 */
@media screen and (max-width: 480px) {
	body{
		-webkit-overflow-scrolling: touch;
		-webkit-text-size-adjust: 100%;
	}
	/*ヘッダー*/
	#header {
		display: none;
	}
/*　footer
========================================= */
.footer-box{
	height: 230px;
	margin-top: 10px;
	background-color: #F9FEF1;
}
.footer-box .footer-box2{
	width: 540px;
	height: 82px;
	margin: 0 auto;
}
.footer-box .logo{
	width: 270px;
	height: 46px;
	float: left;
	margin-right: 10px;
	padding-top: 90px;
}
.footer-box .sub-menu{
	width: 220px;
	font-size: 14px;
	font-weight: 400;
	float: right;
	line-height: 30px;
	margin-top: 48px;
	padding:3px 9px;
	border-left: 2px solid #C9CDC3;
	font-family: 'Noto Sans JP';
}
.sub-menu .menu-item{
	padding-left: 18px;
}
.footer-box2 .Text-center{
	font-size: 11px;
	padding-top: 204px;
	text-align: center;
}
	/*バナー*/
	.bannerHeader{
		display: none;
	}
	/*プレスルーム*/
	.pressMain {
		width:100%;
		float:left;
	}
	#contents{width:100%;}
	.pressMain{font-size:35px; overflow-wrap: break-word;}
	.pressMain .pressBody .pressBodyTitle{font-size:50px;}
	 h4{font-size:40px;}
}