@charset "UTF-8";
/*
Theme Name: ski2018
*/

/***************************************
01.Reset
02.共通
　ーヘッダー
　ーパンくず
　ーフッター
03.トップページ
04.サービス
05.印刷、ホームページ制作・集客
06.制作実績・事例
07.お客様の声・推薦者の声
08.会社案内
09.スタッフ紹介
10.Q&A
11.RWD

***************************************/
/***************************************
01.Reset
***************************************/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************************************
02.共通
***************************************/
body {
  font-size: 16px;
  color: #313131;
  font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Open Sans', 'Meiryo', 'メイリオ', sans-serif;
  font-weight: 400;
  text-align: justify;
  text-justify: distribute; /*IE*/
  background: #fff;
	-webkit-text-size-adjust: 100%;
	/*background-image: url(../img/casestudy_bg_02.svg);*/
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #005bac;
	text-decoration: none;
}
a:hover {
	color: #237ab6;
	text-decoration: none;
}

img {
	vertical-align: middle;
}

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

/*for IE8*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
 }

 /*for IE7*/
.clearfix {
	*zoom: 1;
}

.clear {
	clear: both;
}

.dlock {
	display: block;
}

.iblock {
	display: inline-block;
	*display: inline; /* IE7 以下 */
	*zoom: 1;
}

.inline {
	display: inline;
}

.text_underline {
	text-decoration: underline;
}
.tAcenter {
	text-align: center;
}
a img:hover {
	opacity: 0.7;
}
.pc-only {
	display: block;
}
.sp-only {
	display: none;
}
.fwb {
	font-weight: bold;
}
.fs15 {
	font-size: 1.5em;
}
/*container*/
#container {
	width: 90%;
	margin: 0 auto;
}
/*color*/
.bg-gr {
	background-color: #c8d32e;
}
.bg-or {
	background-color: #fd8a25;
}
.yellow {
	color: #fafd02;
}
.pink {
	color: #fb5b97;
}
.egreen {
	color: #31b1a8;
}
.orange {
	color: #fb7602;
}
.blue {
	color: #008bd5;
}
.print-color {
	background-color: #79a8ef;
}
.web-color {
	background-color: #48c6de;
}
.it-color {
	background-color: #3c9d8a;
}
.movie-color {
	background-color: #00a0e9;
}
.advertisement-color {
	background-color: #31b1a8;
}
.publication-color {
	background-color: #80c269;
}
.otherservice-color {
	background-color: #cce198;
}


.resultspamphlet-color {
	background-color: #79a8ef;
	display: inline;
}


/*半透明*/
.print-color-a:hover {
	background-color: rgba(121,168,239,0.6);
}
.web-color-a:hover {
	background-color: rgba(72,198,222,0.6);
}
.movie-color-a:hover {
	background-color: rgba(0,160,233,0.6);
}
.advertisement-color-a:hover {
	background-color: rgba(49,177,168,0.6);
}
.publication-clolor-a:hover {
	background-color: rgba(128,194,105,0.6);
}
.otherService-color-a:hover {
	background-color: rgba(90,210,180,0.6);
}
/*半透明 ホバー*/
.print-color-a {
	background-color: rgba(121,168,239,1);
}
.web-color-a {
	background-color: rgba(72,198,222,1);
}
.movie-color-a {
	background-color: rgba(0,160,233,1);
}
.advertisement-color-a {
	background-color: rgba(49,177,168,1);
}
.publication-clolor-a {
	background-color: rgba(128,194,105,1);
}
.otherService-color-a {
	background-color: rgba(90,210,180,1);
}
/*ボタン*/
.btnS {
	margin: 1em auto;
    width: 100px;
    padding: 0 20px 0 20px;
    background: #008bd5;
    border-radius: 20px;
    font-size: 0.750em;
    text-align: center;
    line-height: 24px;
    background-image: url(../img/arrow-01.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: right 10px center;
    color: #fff;
}
.btnL {
	margin: 2em auto;
    width: 420px;
    padding: 0 20px 0 20px;
    background-color: #5cc8e6;
    border-radius: 25px;
    font-size: 1.5em;
	color: #fff !important;
	font-weight: bold;
    text-align: center;
    line-height: 50px;
    background-image: url(../img/arrow-01.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 33px center;
	text-transform: uppercase;
	transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.btnL:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-image: url(../img/arrow-01.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 33px center;
    background-color: #5cc8e6;
    border-radius: 10rem;
    z-index: -2;
}
.btnL:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
	background-image: url(../img/arrow-01.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: right 33px center;
    background-color: #0157a7;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.btnL:hover {
  color: #fff;
}
.btnL:hover:before {
  width: 100%;
}
.btnL a {
	color: #fff;
}
.ttl {
	text-align: center;
    padding-top: 45px;
	padding-bottom: 30px;
}
.ttl p {
	color: #008bd5;
	padding-top: 1em;
}
/*バナーエリア*/
.btnArea, .contactBnArea {
	    width: 100%;
    max-width: 1070px;
	margin: 0 auto;
	padding: 50px;
}
.btnArea, .contactBnArea ul li{
	    width: 48%;

}
.btnArea ul, .contactBnArea ul {
	display: flex;
	justify-content: space-between;
}
.btnArea img, .contactBnArea img {
	width: 100%;
	height: auto;
}
/*タイトル*/
.ttlS {
  display: table;
  text-align: center;
  white-space: nowrap;
  font-size: 1.875em;
  font-weight: bold;
  color: #5cc8e6;
  width: 90%;
  margin: 1.3em auto;
}
.ttlS:after, .ttlS:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 3px), transparent calc(50% + 3px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.ttlS:after {
  border-left: 1em solid transparent;
}
.ttlS:before {
  border-right: 1em solid transparent;
}
/*メインビジュアル*/
#mainVisual, #nameArea {
	width: 100%;
    display: block;
    margin: -35px auto 0;
}
#mainVisual img {
	width: 100%;
	height: auto;
}
.bx-viewport {
	height: auto;
}
/*カテゴリ*/
.category {
    padding: 0.5em;
    border-radius: 5px;
    color: #fff;
    font-size: 0.813em;
    margin-bottom: 1em;
    display: inline-block!important;
}
/*------------ヘッダー-----------------*/
.sp-contact, #sp-mainImg {
	display: none;
}
header {
	background-color: #fff;
}
.headerTop {
	background-color: #237ab6;
	height: 20px;
}
.headerTop h1 {
	color: #fff;
	font-size: 0.625em;
	padding: 0.5em;
}
header .headerContainer {
	width: 90%;
    margin: 0 auto;
    /*height: 100px;*/
	height: 116px;
}
header .headerContainer .containerRow01 .headerLogo {
	float: left;
	margin: 1em;
}
header .headerContainer .headercontact {
	float: right;
	display: flex;
}
header .headerContainer .containerRow01 .headercontact ul li {
	float: left;
	font-size: 0.938em;
	color: #fff;
	padding: 1em;
	border-radius: 5px;
	margin: 1em 0 0 1em;
}
.headercontact a {
	color: #fff;
}
.headercontact .bg-gr:hover, .sideBer .contactList .bg-gr:hover {
	background-color: #e5ef52;
}
.headercontact .bg-or:hover, .sideBer .contactList .bg-or:hover {
	background-color: #fca316;
}
header .headerContainer .headerSmenu {
	float: right;
}
header .headerContainer .headerSmenu ul li {
	float: left;
	font-size: 0.813em;
	padding: 0.5em;
	font-family: vdl-logog,sans-serif;
	font-weight: 400;
	font-style: normal;
}
header .headerContainer .headerSmenu ul li a:hover {
	text-decoration: underline;
}

    
/*------------ナビゲーション-----------------*/
nav {
	width: 100%;
	height: 3rem;
	padding-top: 1em;
	background-color: #237ab6;
	font-size: 0.875em;
}
nav ul {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 500;
	font-style: normal;
}
nav ul li {
	text-align: center;
	width: 16%;
    line-height: 2.25em;
	border-left: 1px solid #fff;
}
nav ul li:last-child {
	border-right: 1px solid #fff;
}
nav ul li a {
	color: #fff;
}
nav {
	/*background: url(../img/bg-nav.png) no-repeat center;*/
	width: 100%;
	position: relative;
    z-index: 10;
}
/*------------パンくず-----------------*/
.breadcrumb {
  margin: 10px;
}

.breadcrumb li {
  display: inline;
  font-size: 0.800em;
}

.breadcrumb li a {
  color: #313131;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

/*------------フッター-----------------*/
footer {
	background-color: #152343;
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover{
	color: #5cc8e6;
}
.footerContens {
	width: 900px;
	margin: 0 auto;
	padding: 30px;
}
.footerLeft, .footerCenter, .footerRight {
	float: left;
	padding-right: 40px;
}
.footerLeft {
	line-height: 1.5em;
}
.footerLeft p {
	padding: 0.5em;
}
.footerCenter, .footerRight {
	font-size: 0.875em;
}
.footerCenter li, .footerRight li {
	padding: 0.5em;
}
.footerCenter a, .footerRight a {
	padding-left: 1em;
}
.footerContens li {
	background-image: url(../img/arrow02.png);
	background-repeat: no-repeat;
	background-position: center left;
}
.copyright {
	background-color: #1b1b1b;
	text-align: center;
	height: 40px;
	line-height: 3em;
	font-size: 0.75em;
}

/***************************************
03.トップページ
***************************************/
/*共通*/

/*スライダー*/
div.slider {
    width:100%;
    display:block;
    margin: -35px auto 0;
	background-color: #fff;
}
 
ul.bxslider01 li {/*メインスライダー*/
    display:block;
    width:1280px;
    height:auto;
}
 
ul.bxslider01 li img{
    display:block;
    width:100%;
    height:auto;
}
 
ul.bxslider02 li a {/*サムネイル*/
    display:block;
    width:190px;
    height:auto;
}
 
ul.bxslider02 li a img{/*サムネイルの画像*/
    display:block;
    width:190px;
    height:auto;
}
 
div.controlWrap {
    display:block;
    position:relative;
	background-color: #e6e6e6;
    padding: 10px;
}
 
div.controlWrap p#PrevIcon a{/*矢印画像（前へ）*/
    display:block;
    width:13px;
    height:19px;
    position:absolute;
    background: url(../img/controls.png) left center no-repeat;
    color:#fff;
    top:20px;
    left:20px;
    text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{/*矢印画像（次へ）*/
    display:block;
    width:13px;
    height:19px;
    position:absolute;
    background: url(../img/controls.png) left center no-repeat;
    color:#fff;
    top:20px;
    right:20px;
    text-indent:-9999px;
}
/*バナーエリア*/
.bannerArea ul {
	/*max-width: 1000px;*/
	max-width: 1000px;
	margin: 4.375em auto;
	display: flex;
	/*justify-content: space-between;
	justify-content: space-around;*/
	justify-content: center;
	flex-wrap: wrap;
}
.bannerArea ul li {
	margin-left: 10px;
	margin-right: 10px;
}
.bannerArea ul li img{
	width: 300px;
	height: auto;
	margin-bottom: 1em;
}
/*よくあるご相談pickup*/
.pickup {
	background-color: #cbe9bc;
	padding-bottom: 10px;
}
.pickup h2 {
	margin: 4.375em auto 2em;
	text-align: center;
}
.pickup ul {
	width: 1000px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.pickup ul li {
	background-color: #fffcf0;
	width: 240px;
	height: 280px;
	padding: 1em 1em 0 1em;
	margin-right: 1em;
}
.pickup ul li img {
	width: 220px;
	height: 116px;
}
.pickup ul li .category {
	padding: 0.5em;
	border-radius: 5px;
	color: #fff;
	font-size: 0.813em;
	margin-top: 1em;
	margin-bottom: 1em;
	display: inline-block;
}
.pickup ul li .pickupTxt {
	font-size: 0.875em;
	color: #333!important;
}
.pickup ul li:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15);
}
.pickup .btnL {
	margin-bottom: 30px;
}
.pickupBox p {
	padding: 1em 0 0 0;
}
/*Service サービス*/
.serviceArea {
	/*background-color: #d0ecfa;*/
}
.serviceArea .subTtl {
	color: #159486;
	font-size: 1.5em;
	text-align: center;
	padding-top: 0;
	padding-bottom: 1em;
}
.serviceList {
	margin: 3em auto 0;
	padding-bottom: 3em;
}
.serviceList ul {
	display: flex;
	justify-content: space-between;
	width: 1080px;
	margin: 0 auto;
}
.serviceList ul li {
	width: 18%;
	margin-right: 10px;
}
.serviceList ul li .serviceListBox {
	border: 1px solid #fff;
	margin: 0.5em;
	width: 90%;
    height: 250px;
}
.serviceList .btnS-ore {
	padding: 5px 35px 5px 20px;
    background: #f8b551;
    border-radius: 20px;
	width: 66px;
    margin: 0 auto;
    text-align: center;
    background-image: url(../img/arrow-01.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: right 10px center;
    color: #fff;
}
.serviceListBox a {
	color: #fff;
}
.serviceList li:hover {
	box-shadow:  0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15);
}
.serviceListBox h4 {
	font-size: 1.2em;
	padding: 0.75em;
}
.web .serviceListBox h4{
	font-size: 0.9em;
    line-height: 1.2;
    padding: 0.75em 0 0.2em;
}
.it .serviceListBox h4{
	font-size: 1.2em;
    line-height: 1.2;
    padding: 0.4em 0 0em;	
}
.serviceListBox p {
	font-size: 0.750em;
	padding: 1em;
	line-height: 1.2em;
}
.serviceListBox img {
	margin: 1em auto 0;
    display: block;
    height: 50px;
}
.serviceListBox p:first-of-type {
	height: 64px;
    padding: 1em;
}
/*エスケイアイ　３つの強み*/
.tuyomi {
	background-image: url(../img/bg-wood.jpg);
	background-repeat: repeat;
	text-align: center;
	padding-bottom: 3em;
		
}
/*Work こんな事できます*/
.work {
	background-image: url(../img/bg-sasebo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 50px;
	color: #fff;
}
.work ul {
	width: 1120px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.work ul li {
	width: 268px;
	height: 268px;
	margin: 5px;
	min-height: 273px;
}
.work ul a {
	color: #fff;
}
.work h4 {
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	line-height: 1em;
	width: 160px;
	padding: 1em;
	margin: 1em auto;
}
.work ul li img {
	display: block;
	margin: 0 auto;
	padding: 1em;
	height: 60px;
}
.workBox {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}	
.workBox p{
	line-height: 1.35;
}

/*Voice お客様の声*/
.voiceArea01 {
	background-color: #fffcf0;
	padding-bottom: 10px;
}
.voiceArea01 ul {
	display: flex;
	justify-content: space-between;	
	width: 1000px;
	margin: 0 auto;
}
.voiceArea01 ul li {
	background-color: #d0ecfa;
	width: 300px;
	height: 380px;
}
.voiceArea01 ul li:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15);
}
.voiceArea01 figure p {
	text-align: center;
	padding: 1em;
}
.voiceArea01 figure img {
	width: 280px;
	height: 200px;
	border-radius: 10px;
	margin: 0 auto;
    display: block;
}
.voiceArea01 figcaption {
	padding: 1em;
	height: 50px;
	font-size: 0.875em;
}
.voiceArea01 a p, .voiceArea01 a figcaption {
	color: #333;
}
.voiceArea01 a p.btnS {
	color: #fff;
}
/*メールマガジン登録*/
.mailmagazine{
	background-color: #fff8e6;
	padding-bottom: 10px;
	text-align: center;
}
.mailmagazine .mm_txt{
	font-size: 24px;
	margin: 1em auto;
}
.mailmagazine h4{
	color: #f26507;
	font-size: 22px;
}
.mailmagazine h3{
	color: #f26507;
	font-size: 29px;
}
.mailmagazine h3 b{
	font-size: 32px;
}
.mailmagazine .mm_honbun{
	text-align: left;
	max-width: 780px;
	margin: 2em auto;
	padding: 0 1rem;
}
.mailmagazine .entry {
	margin: 1em auto 3em;
	padding: 0;
}
.mailmagazine .entry a{
	display: inline-block;
	background-color: #f26507;
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	padding: 0.5em 3em;
}
/*Recommended 推薦者の声*/
.recommendedArea01 {
	background-color: #d0ecfa;
	padding-bottom: 10px;
}
.recommendedArea01 ul {
	display: flex;
	justify-content: space-between;	
	width: 1000px;
	margin: 0 auto;
	padding-top: 2em;
}
.recommendedArea01 ul li {
	background-color: #fffcf0;
	width: 300px;
	height: 380px;
}
.recommendedArea01 ul li:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .15);
}
.recommendedArea01 figure p {
	text-align: center;
	padding: 1em;
}
.recommendedArea01 figure img {
	width: 140px;
	height: 140px;
	border-radius: 70px;
	margin: 0 auto;
    display: block;
}
.recommendedArea01 figcaption {
	padding: 1em 2em;
	height: 100px;
	font-size: 0.875em;
	background-image: url(../img/fukidasi01.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.recommendedArea01 figcaption p {
	padding: 2em 2em 1em;
}
.recommendedArea01 a p, .recommendedArea01 a figcaption {
	color: #333;
}
.recommendedArea01 a p.btnS {
	color: #fff;
}
/*会社案内*/
.companyArea h2 {
	display: block;
	text-align: center;
	padding-top: 30px;
}
.companyArea h2 img {
	width: 800px;
}
.companyArea .yt-thumbnail iframe, .companyArea .yt-thumbnail p {
	float: left;
	padding-left: 20px;
}
.companyArea .yt-thumbnail {
	width: 1000px;
	margin: 3em auto;
}

/*RelationSite 関連サイト*/
.relationSiteArea {
	background-color: #b3def3;
}
.relationSiteArea ul {
	width: 60%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 3em;
}
.relationSiteArea ul img {
	width: 270px;
	height: 180px;
	padding: 1em;
	text-align: center;
}
/*その他*/
.otherContents {
	background-color: #fffcf0;
	padding: 30px 0;
}
.othrLeft {
	float: left;
	padding-right: 50px;
}
.otherContents .fb {
	float: left;
}
.otherContents .fb ul li {
	float: left;
	padding-right: 50px;
}
.otherBox {
	width: 900px;
	margin: 0 auto;
}
/***************************************
04.サービス
***************************************/
.service-ttl {
	font-size: 1.8em;
	line-height: 1.8em;
	text-align: center;
	margin: 2em;
}
.gainenzu {
	width: 70%;
	display: block;
	margin: 0 auto 7em;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
.gainenzu img {
	width: 100%;
	height: auto;
}

/***************************************
05.印刷、ホームページ制作・集客
***************************************/
.reason3, .serviceArea02 {
	width: 880px;
	height: auto;
	margin: 50px auto;
	background-color: #b3def3;
	padding: 60px;
}
.reason3 .ttl {
	padding: 0!important;
}
.reason01, .reason02, .reason03 {
	width: 90%;
	margin: 0 auto;
}
.reason01 .reasonBox::before{
	content: '';
	display: inline-block;
	background-image: url(../img/num-01.png);
	width: 141px;
    height: 169px;
	top: 80px;
    left: -50px;
	background-repeat: no-repeat;
	position: relative;
}
.reason02 .reasonBox::before{
	content: '';
	display: inline-block;
	background-image: url(../img/num-02.png);
	width: 141px;
    height: 169px;
	top: 80px;
    left: -50px;
	background-repeat: no-repeat;
	position: relative;
}
.reason03 .reasonBox::before{
	content: '';
	display: inline-block;
	background-image: url(../img/num-03.png);
	width: 141px;
    height: 169px;
	top: 80px;
    left: -50px;
	background-repeat: no-repeat;
	position: relative;
}
.reasonBox {
/*	width: 800px;*/
	height: auto;
	margin: -80px auto 30px;
}
.reason3 .reasonBox h3 {
	background-color: #fff;
	font-size: 1.5em;
    padding: 1em;
    text-align: center;
}
.reason3 .reasonBox h3 span {
	color: #00a0e9;
	font-size: 1.5em;
}
.reason3 .reasonBox p {
	background-color: #00a0e9;
    padding: 2em;
    line-height: 1.5em;
    color: #fff;
}
.sDetailBox {
	background-color: #fff;
	margin: 1em auto;
	padding-bottom: 2em;
}
.service-detail h3 {
	font-size: 2.375em;
	color: #5cc8e6;
	text-align: center;
	padding: 0.5em;
}
.service-detail h3 span {
	color: #00a0e9;
	font-size: 1.5em;
}
.service-detail p {
	font-size: 1.3em;
	padding: 0em 4em;
    line-height: 1.5em;
    color: #666;
}
.sDetail01 p, .sDetail03 p {
/*	background: url(../img/bg-tennsennwaku-S.png) no-repeat top center;
	height: 100px;*/
}
.sDetail02 p {
/*	background: url(../img/bg-tennsennwaku-L.png) no-repeat top center;
	height: 150px;*/
}
/***************************************
06.制作実績・事例
***************************************/
.casesArea {
	width: 90%;
	margin: 0 auto;
}
.casesBox {
	/*height: 430px;*/
	/*background-color: #fafae4;*/
	/*border: 1px solid #a0a0a0;*/
	border-radius: 20px;
	padding: 1em;
}
.casesArea ul {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.casesArea ul li {
	width: 30%;
	margin: 10px;
	text-align: center;
}
.casesArea figure {
	width: 100%;
	/*height: 175px;*/
	margin: 2em auto;
}
.casesArea figure img {
	width: 100%;
	height: auto;
}
.casesArea p {
	text-align: center;
	margin: 1em;
}
.casesArea figcaption {
	padding: 1em;
}
.casesArea .btnS {
	text-align: center;
	margin: 1em auto;
}

.casesArea .category {
	border-radius: 5px;
    padding: 0.3em 1em;
	color: #fff;
	text-align: center;
	letter-spacing: 1.3px;
	font-size: 1em;
		
}
.casesArea h2.cattitle{
    font-size: 1.5em;
    color: #237ab6;
    width: 90%;
    margin: 2em auto 0.5em;
}
/*個別ページ*/
/*サムネイル付きスライダー*/
#wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
}

#slider {
  width: 600px;
  margin: 0 auto 30px;
}

.slide-item img {
  width: 100%;
}

#thumbnail-list {
  width: 600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.thumbnail-item {
  flex: 0 1 30%;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
}
.thumbnail-item:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}

.ttlArea {
	width: 600px;
	margin: 0 auto;
}
.resultsTtl {
	
	font-size: 1.3em;
	display: block;
	border-radius: 10px;
	margin: 1em auto 0;
	padding: 0.5em 0;
}
.serviceSort {
	font-size: 0.9em;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
    padding: 0.2em 0.5em;
	letter-spacing: 1.7px;
}
.resultDetailed p {
	width: 70%;
	margin: 2em auto;
	line-height: 1.5em;
}
/*追加1806*/
.ttlArea .title {
    font-size: 1.2rem;
    margin-top: 1rem;
}
.ttlArea .title:before {
    content:"▶";
    display:inline-block;
    
    height: 15px;
    font-size: 18px;
    padding-left: 5px;
    position: relative;
    top: -3px;
}
.ttlArea .url_link a{
	color: #313131;
}
.ttlArea .url_link {
    margin-left: 2rem;
}

.challenge h5 {
	width: 70%!important;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold!important;
	padding-bottom: 10px!important;
}

.challenge h4 {
	width: 70%!important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.3em;
	font-weight: bold!important;
	font-size: 130%;
	color: #3176BF;
}

.challenge p {
	margin-top: 0.2em;
	margin-bottom: 1.8em;
}

/***************************************
07.お客様の声・推薦者の声
***************************************/
.post-type-archive-recommend p {
	padding: 1em 0;
}
.recommendedPickup {
	width: 90%;
	display: block;
	margin: 2em auto;
}
.recommendedPickup img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.recommendedPickup .movieBox iframe {
	display: block;
	margin: 2em auto;
}

.voiceBox02, .recomePtxt {
	width: 90%;
	margin: 0 auto;
	padding: 2em 1em;
	border: 1px solid #8c97cb;
	background-color: #fff;
	border-radius: 10px;
	line-height: 1.5em;
}
.voiceArea02 {
	width: 90%;
	margin: 0 auto 5em;
}
.voiceArea02 .voiceBox02 img, .voiceArea02 .voiceBox02 figcaption {
	float: left;
}
.voiceArea02 img, .recommendedArea02 img {
	width: 300px;
	height: auto;
	padding-left: 1em;
}
.voiceArea02 .voiceBox02 figcaption {
	padding-left: 2em;
	width: 60%;
}
.voiceArea02 .voiceName {
	width: 92%;
	margin: 2em auto;
	background-color: #79a8ef;
	border-radius: 10px;
	color: #fff;
	font-size: 1.2em;
	padding: 1em;
}
.voiceArea02 figure {
	margin-bottom: 1em;
}
.voiceArea02 .btnS {
	padding: 1em 3em;
}

.recommendedBox02 {
	width: 90%;
	margin: 0 auto;
	padding: 2em;
	border: 1px solid #80c269;
	background-color: #fff;
	border-radius: 10px;
	line-height: 1.5em;
}
.recommendedArea02 {
	width: 90%;
	margin: 0 auto 3em;
}
.recommendedArea02 .recommendedBox02 img, .recommendedArea02 .recommendedBox02 figcaption {
	float: left;
}
.recommendedArea02 .recommendedBox02 figcaption {
	padding-left: 2em;
	width: 60%;
}
.recommendedArea02 .recommendedName {
	width: 92%;
	margin: 2em auto;
	background-color: #80c269;
	border-radius: 10px;
	color: #fff;
	font-size: 1.2em;
	padding: 1em;
}
/***************************************
08.会社案内
***************************************/
#companyContent {
	width: 90%;
	margin: 0 auto;
	font-feature-settings : "palt";
	line-height: 1.5em;
}
.greetingPhoto img {
	width: 300px;
    display: block;
    margin: 0 auto
}
.greeting {
	width: 70%;
    padding: 2em;
    margin: 3em auto;
	background-color: #fff;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
.greeting p {
	padding: 1em 0;
}
#companyContent h4 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 1em 0;
}
#companyContent h5 {
	font-size: 1.25em;
	font-weight: bold;
	padding: 2em 0 1em 0;
}
#companyContent .endSentence {
	font-weight: bold;
	line-height: 1.5em;
	padding: 3em 0;
}
.meibutu img, .ichinichi iframe {
	display: block;
	margin: 0 auto;
}
.companyBackground {
	width: 80%;
	margin: 0 auto;
}
.companyBackground dt {
	float: left;
}
.companyBackground dl dd {
	margin: 0 0 20px 100px;
}
.structure img {
	width: 1000px;
    display: block;
    margin: 0 auto;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
/***************************************
09. スタッフ紹介
***************************************/
.staffArea {
	padding: 70px;
}
.staffBox {
	width: auto;
	height: 400px;
}

.staffArea ul {
	width: 100%;
}
.staffArea li {
	float: left;
	width: 33%;
}
.sample-image-01{  /* div.baseH に表示する画像 */
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 125px;
	background-size: 250px;
}
.sample-image-02{  /* div.coverH に表示する画像 */
  	width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 125px;
	background-size: 250px;
}
.hover-come {
	opacity: 0;
	width: 250px;
}
.staffName {
	text-align: center;
	padding-top: 1em;
}
.effectH-scale{  /* 表示倍率が変化するエフェクトの設定 */
    transform: scale(1);
    transition: .3s ease-in-out;
    -webkit-transform-origin: top right;
    transform-origin: top right;
}
.baseH:hover .effectH-scale{  /* マウスオーバー時の設定 */
    transform: scale(0);
}
.baseH:hover > .hover-come{
	opacity: 1;
}
.baseH:hover + .staffName{
	opacity: 0;
}
.sample-image-01:hover {
	filter: drop-shadow(0 0 8px rgba(1,198,253,0.6));
	border: 3px solid #fff
} 


#movie .m-box {
	background-image: url(../images/movie/move-waku-b.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#movie .chatch {
	font-size: 18px;
	line-height: 1.4;
	padding-left: 15px;
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif, "Hiragino Kaku Gothic Pro", Meiryo, Osaka;
	font-weight: bold;
}
#movie h2 {
	margin: 0px;
}
#movie .syuryu {
	font-size: 15px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif, "Hiragino Kaku Gothic Pro", Meiryo, Osaka;
}
#movie .kome {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-indent: -1em;
	padding-left: 1em;
}
#movie .m-box {
	margin-top: 20px;
	background-color: #16ABC0;
}


/*動画CSS*/

#movie h3 {
	text-align: center;
	font-size: 1.5em:
}

#movie .m-box h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
	font-size: 1.5em:
}
#movie .m-box p {
	font-size: 14px;
	line-height: 1.6;
	color: #FFF;
	padding-right: 25px;
	padding-left: 25px;
	margin: 0px;
	text-align: left;
}
#movie .m-box .toi {
	margin: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(../images/movie/move-waku-c.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-left: 25px;
}
#movie .m-box .toi img {
}
#movie .m-box .toi div {
	margin-top: -134px;
	padding-left: 135px;
	padding-bottom: 20px;
}
#movie .m-box .toi div h4 {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif, "Hiragino Kaku Gothic Pro", Meiryo, Osaka;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#movie .m-box .toi div p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#movie .chatch{
	margin: 0px auto;
	width: 65%;
}
#movie h2 img {
    display: block;
    width: 80%;
    margin: 1em auto;
}
.youm iframe{
	    margin-left: auto;
    margin-right: auto;
    display: block;
}
.youm h3{
	font-size:1em;
	text-align:center;
}
#movie .m-box{
	background-image: none;
	 width: 80%;
	padding: 2em 1em 1em;
}
#movie .m-box .toi{
	background-image: none;
	padding-bottom: 20px;
}
#movie .m-box h3{
	padding: 0 25px;
	color:#FAF22E;
}
/*採用情報 190130*/
.page-id-651 .myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px;
	border:2px solid #237ab6;
	display:inline-block;
	cursor:pointer;
	color:#237ab6;
	font-family:Arial;
	font-size:21px;
	font-weight:bold;
	padding: 2% 3%;
	text-decoration:none;
	display: block;
    width: 50%;
    margin: 0 auto;
	    position: relative;
}
.page-id-651 .myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.page-id-651 .naradewa_kyu{
	border:2px solid #fd8a25;
	color:#fd8a25;
}
.page-id-651 .myButton:active {
	/*position:relative;*/
	/*top:1px;*/
}
.page-id-651 .myButton a{
	color:#237ab6;
	width: 90%;
    display: inline-block;
	padding-right: 35px;
}

.page-id-651 .myButton span{
	font-size:14px!important;
	width:90%!important;
	margin: 0 auto;
}

.page-id-651 .myButton.naradewa_kyu a{
	color:#fd8a25;
	width: 90%;
    display: inline-block;
}

.page-id-651 .myButton a::after {
	position: absolute;
    content: "";
    display: inline-block;
    width: 35px;
    height: 100%;
	background:url(../img/recruit/arro_recruit_03.png) no-repeat;
	background-size:contain;
	background-size: 15px auto;
	background-position: center right 10px;
	top: 0;
	right: 0;
}
.page-id-651 .myButton.naradewa_kyu::after {
	position: absolute;
    content: "";
    display: inline-block;
    width: 19px;
    height: 1.4em;
    right: 2%;
	background:url(../img/recruit/arro_recruit_nara.png) no-repeat;
	background-size:contain;
}

.page-id-651 .list p{
	margin-top: 1em;
}


/*******追加2019.12*******/

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

.joboffer table{
	width: 95%;
	max-width: 800px;
	margin: 4em auto;
	border-top: 1px #888888 solid;
}
.joboffer table th{
	background-color: #DAF0FB;
	text-align: left;
	padding: 10px;
	border-bottom: 1px #888888 solid;
	white-space: nowrap;
}
.joboffer.naradewa_color table th{
	background-color: #FFEEDC;
}
.joboffer table td{
	text-align: left;
	padding: 10px;
	border-bottom: 1px #888888 solid;
}
.joboffer table td ul{
	margin-bottom: 1.5em;
	margin-left: 1em;
}
.joboffer table td ul li{
	list-style-type:disc;
}
.joboffer .oubo_wrap {
	text-align: center;
}
.joboffer .oubo_wrap p{
	display: inline-block;
	text-align: left;
	margin-bottom: 1.5em;
}
.joboffer .oubo_wrap p.t-r{
	text-align: right;
}
.pankuzu li{
	font-size: 13px;
	display: inline-block;
}
.pankuzu .category{
	color: inherit;
}

/*スマホ用*/
@media screen and (max-width: 400px) {
	#movie .m-box{
		    padding: 0;
	}
	#movie .m-box h3{
		padding: 1em 0.5em 0.3em;
	}
#movie .m-box .toi{
	       width: 90%;
		padding-left:0;
		    margin: 0 25px;
}
#movie .m-box .toi div{
	margin-top: 0;
    padding-left: 0;
}
#movie .m-box .toi div p{
	padding-left:0;
}
#movie .m-box .toi img{
	display:none;
}
	
/*採用情報*/
	.joboffer table th{
		display: block;
		border: none;
	}
	.joboffer table td{
		display: block;
		padding-bottom: 2em;
	}
	.joboffer .oubo_wrap {
	width: 80%;
		margin: auto;
}
	.joboffer .oubo_wrap p.t-r{
	text-align: left;
}
	.joboffer .oubo_wrap p.t-r span{
		display: block;
	}
}
/*動画CSS*/



/*個別ページ*/
#nameArea {
	height: 160px;
	background-color: #e2f5fa;
	font-family: Impact,"Arial Black", Gadget, "sans-serif";
	font-size: 5em;
	text-align: center;
	padding-top: 0.5em;
	color: #5cc8e6;
}

.eyeCatch {
	width: 90%;
	margin: 2em auto 3em;
}
.eyeCatch img {
	width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.staffProfile {
	width: 100%;
	background-color: #e2f5fa; 
}
.nameBox {
	width: 50%;
	margin: 2em auto;
	text-align: center;
	display: flex;
	justify-content: space-around;
	padding: 2em 0;
}
.nameBox h3 {
	font-size: 2.25em;
	font-weight: bold;
	line-height: 2em;
    padding-top: 1em;
}
.nameBox span {
	font-size: 1.125em;
}
.staffComment {
	width: 70%;
	margin: 2em auto;
	line-height: 1.5em;
    font-feature-settings: "palt";
	padding-bottom: 3em;
}
.single-staff p {
	padding: 1em 0;
}

/*個別ページ・中村社長*/
.staffProfile .bnBlog {
	width: 80%;
	margin: 0 auto;
	padding: 3em 0;
}
.staffProfile .bnBlog .infoErea img {
	width: 400px;
	height: 284px;
}
.staffProfile .bnBlog ul {
	display: flex;
	justify-content: space-around;
}
 .staffProfile .bnBlog .commentArea img {
	width: 300px;
	height: 160px;
}
/***************************************
10. QA&
***************************************/
#qaContainer {
	width: 90%;
	margin: 0 auto 20px;
}
#qaContainer .entry, #qaContainer .newEntryDet,  #qaContainer .recommeEntryDet li, #qaContainer .recentlyEntryDet li, .sideBer, .relationEntry li, .writer {
	background-color: #fff;
	border: 1px solid #d2d2d2;
}
#qaContainer h4 {
	padding: 0.5em 0;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	font-size: 1.5em;
}

#qaContainer .st {
	padding-top: 0.5em;
	font-size: 2em;
}

#qaContainer .cat {
	padding-bottom: 0.7em;
}

#qaContainer .kaku {
	padding-bottom: 2em;
	padding-top: 0.2em;
}


#qaContainer p {
	line-height: 2em;
	padding-top: 1em;
	display: block;
}


#qaContainer .column-color {
	background-color: #09B192;
	line-height: 2em;
    padding-top: 0.5em;
	margin-top: 0.5em;
	display: inline;
}

#qaContainer .results-color {
	background-color: #09B192;
	line-height: 2em;
    padding-top: 0.5em;
	margin-top: 0.5em;
	display: inline;
}




#qaContainer .recommeEntry p  {
	margin-bottom: 0;
}

#qaContainer .recommeEntry h4  {
	border: none;
}

#qaContainer img {
	width: 100%;
	height: auto;
}

#qaContainer .newEntryDet .entryText {
	float: left;
	width: 60%;
	padding-right: 2em;
}
#qaContainer .newEntryDet img {
	float: left;
	width: 30%;
}
.entryType {
	font-size: 1.25em;
	font-weight: bold;
	color: #000000;
	padding: 1em 0;
}
.entryType::before {
	content:"";
	display:inline-block;
	width:1em;
	height:0.85em;
	background:url(../img/arrow03.png) no-repeat;
	background-size:contain;
}
#qaContainer .newEntryDet {
	width: 97%;
	/*height: 230px;*/
	margin: 2em auto;
	padding: 1em;
}
#qaContainer .newEntryDet .entryText, #qaContainer .newEntryDet img {
	float: left;
	height: auto;
}
.newEntryDet h4, .entry h3 {
	font-size: 1.25em;
	font-weight: bold;
}
.recommeEntry {
	margin-bottom: 2em;
}
.recommeEntry ul {
	display: flex;
	justify-content: space-between;
}
.recommeEntry .entryText {
	padding: 1em;
}
#qaContainer .recommeEntryDet li img {
	display: block;
	margin: 0 auto;
	width: 100%;
    height: auto;
	
}
#qaContainer .recommeEntryDet li {
	width: 20%;
	padding: 1em;
	margin: 0 1% 0 1%;
}
.underContents .recentlyEntry, .leftcolumn {
	float: left;
	width: 60%;
}
.sideBer {
	float: right;
    width: 30%;
    margin-top: 4.7em;
}
.recentlyEntry ul li {
	margin: 1em auto;
	padding: 1em;
}
.recentlyEntry img, .recentlyEntry .entryText {
	float: left;
}

.recentlyEntry img, .recentlyEntry .entryText p {
	color: black;
}

.recentlyEntry .entryText, .relationEntry .entryText {
	padding: 1em 1em 1em 0;
	width: 100%;
}
/*サイドバー*/
.sideBer{
	background: #fff;
	padding: 1em;
}
.sideBer h3 {
	background-color: #5cc8e6;
	border-radius: 5px;
	color: #fff;
	font-size: 1.125em;
	line-height: 2.5em;
	margin: 10px auto;
	width: 90%;
	text-align: center;
}
.sideBer .recommeList .thumb {
	width: 45%;
	float: left;
}
.sideBer .recommeList .thumb img {
	width: 100%;
	height: auto;
}
.sideBer .recommeList .entryText {
	width: 50%;
	padding-left: 1em;
	float: left;
}
.sideBer .recommeList li {
	padding: 1em;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	font-size: 0.75em;
	margin: 1em auto;
}
.sideBer .recommeList li img, .sideBer .recommeList li h4 {
	float: left;
}
.sideBer .recommeList li img {
	width: 120px;
}
.sideBer .recommeList h4 a {
	color: #5cc8e6;
	text-align: left;
}
.sideBer .cateList ul {
	line-height: 2em;
	width: 50%;
	margin: 0 auto;
}
.sideBer .cateList ul.children{
    margin: 0;
    margin-left: 1em;
    width: 150%;
}
.sideBer .cateList li::before {
	content: "";
	display: inline-block;
	background: url(../img/arrow04.png)no-repeat;
	width: 1em;
	height: 1em;
	background-size: contain;

}
.sideBer .cateList ul a {
	color: #5cc8e6
}

.sideBer .cateList ul a:hover {
	color: #237ab6;
	text-decoration: none;
}
.sideBer .sideverServiceList li {
	text-align: center;
}
.sideBer .sideverServiceList img {
	width: 200px;
	display: block;
	margin: 5px auto;
}
.sideBer .contactList ul {
	text-align: center;
}
.sideBer .contactList li {
	font-size: 0.938em;
    color: #fff;
    padding: 1em;
    border-radius: 10px;
    margin: 0.5em auto;
	width: 40%;
}

.sideBer ul li a {
	color: #fff;
	display: inline-block;
	text-align: center;
}
/*QAカテゴリ*/
.qaCatTtl {
	width: 100%;
	background-color: #5cc8e6;
	font-size: 1.875em;
	line-height: 2em;
	color: #fff;
	text-align: center;
}

/*QA個別ページ*/
.relationEntry ul li {
	margin: 1em auto;
	padding: 1em;
	display: flex;
}
.relationEntry img, .relationEntry .entryText {
	float: left;
}
.relationEntry .entryText {
	padding: 0 1em 1em 1em;
}
.entry {
	padding: 1em;
	margin: 2em auto;
}
.entry img {
	display: block;
	margin: 0 auto;
}
.entry p {
	padding: 1em 0 3em 0;
}
.writer {
	padding: 1em;
}
.writer .writer-photo {
	width: 20%;
}
.writer .writer-photo {
	width: 20%;
	float: left;
}
.writer .writer-photo img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2);
}
.writer .writerText {
	float: left;
	width: 70%;
	padding-left: 2em;
}
.writer .writerText .writerName {
	margin-top: 1em;
	font-size: 1.5em;
}
.writer .writerText .w-come {
	padding: 2em 0 1em;
}
.writerText .btnS a {
	color: #fff;
}

/***************************************
00.無料お見積り
***************************************/
.page-id-288 .content{
	width: 70%;
	margin: 0 auto;
}
.page-id-288 .page-title{
	width: 70%;
	margin: 2rem auto;
	border-left: 4px solid;
	border-left-color: #237AB6;
	    padding-left: 0.4rem;
	    font-size: 2rem;
}
.page-id-288 .content .naiyou strong{
	font-weight: bold;
}
.page-id-288 .content .naiyou{
	margin-bottom: 1rem;
	    border-bottom: 1px solid #333;
    padding-bottom: 2rem;
}
.page-id-288 .content .naiyou dl dd,
.page-id-288 .content .naiyou dl dt{
	margin-bottom: 1rem;
}
.page-id-288 .content .naiyou dt{
	margin-top: 2rem;
	border-top: 1px solid #333;
	    padding-top: 2rem;
}
.page-id-288 .content .naiyou dl dd {
    margin-left: 3rem;
}
.page-id-288 .content .naiyou dl dd .both{
	margin-top: 1rem;
    line-height: 1.4;
}
.page-id-288 .content .naiyou dl dd .both input,
.page-id-288 .content .naiyou dl dd div input{
	margin-left: 0.7rem;
	    margin-right: 1rem;
}
.page-id-288 .content .naiyou dl dd #paper{
	margin-bottom: 0.5rem;
}
.page-id-288 .content .naiyou .submit input[type="submit"] {
    background-color: #E55E22;
	padding: 1rem 2rem;
    font-size: 1rem;
    color: #fff;
	    height: 4rem;
	margin: 0 auto;
    display: block;
}
.page-id-288 .content p.kakunin{
	margin-bottom: 1rem;
    margin-top: 2rem;
	text-align: center;
}
.page-id-288 .content .naiyou dl{
	margin-top: 2rem;
}
.page-id-288 .content .naiyou input{
	height: 1.2rem;
	
}
.page-id-288 .content .naiyou textarea#message {
    width: 85%;
    min-height: 9rem;
}
.page-id-288 .content .naiyou:nth-of-type(5){
	border-bottom:none;
}

/***************************************
00.お問い合わせ
***************************************/
.page-id-291 .content{
	width: 70%;
	margin: 0 auto;
}
.page-id-291 .page-title{
	width: 70%;
	margin: 2rem auto;
	border-left: 4px solid;
	border-left-color: #237AB6;
	    padding-left: 0.4rem;
	    font-size: 2rem;
}
.page-id-291 .content .naiyou strong{
	font-weight: bold;
}
.page-id-291 .content .naiyou{
	margin-bottom: 1rem;
	    border-bottom: 1px solid #333;
    padding-bottom: 2rem;
}
.page-id-291 .content .naiyou dl dd,
.page-id-291 .content .naiyou dl dt{
	margin-bottom: 1rem;
}
.page-id-291 .content .naiyou dt{
	margin-top: 2rem;
	border-top: 1px solid #333;
	    padding-top: 2rem;
}
.page-id-291 .content .naiyou dl dd {
    margin-left: 3rem;
}
.page-id-291 .content .naiyou dl dd .both{
	margin-top: 1rem;
    line-height: 1.4;
}
.page-id-291 .content .naiyou dl dd .both input,
.page-id-291 .content .naiyou dl dd div input{
	margin-left: 0.7rem;
	    margin-right: 1rem;
}
.page-id-291 .content .naiyou dl dd #paper{
	margin-bottom: 0.5rem;
}
.page-id-291 .content .naiyou .submit input[type="submit"] {
    background-color: #E55E22;
	padding: 1rem 2rem;
    font-size: 1rem;
    color: #fff;
	    height: 4rem;
	margin: 0 auto;
    display: block;
}
.page-id-291 .content p.kakunin{
	margin-bottom: 1rem;
    margin-top: 2rem;
	text-align: center;
}
.page-id-291 .content .naiyou dl{
	margin-top: 2rem;
}
.page-id-291 .content .naiyou input{
	height: 1.2rem;
	
}
.page-id-291 .content .naiyou textarea#message {
    width: 85%;
    min-height: 9rem;
}
.page-id-291 .content .naiyou:nth-of-type(4){
	border-bottom:none;
}
.page-id-291 .content .naiyou dl dd{
	line-height: 1.5;
}


/*******追加1806*******/
header .headerContainer .headerSmenu ul li{
	background-image: url(../img/12_03.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
    margin-left: 1rem;

}
header .headerContainer .headerSmenu ul li a{
	color: #009245;
    font-size: 1.2rem;
	text-decoration: underline;
}

.serviceListBox p{
	    line-height: 1.5em;
}
.serviceListBox p:first-of-type{
	    height: 91px;
}
.serviceList ul li .serviceListBox{
	height: 275px;
}
.workBox p{
	line-height: 1.5;
}
.work ul li{
	    height: 100%;
	min-height: 285px;
}
.voiceArea01 ul li{
	 line-height: 1.4;
	  height: auto;
}
.voiceArea01 figure p{
	color: #237ab6;
    font-weight: bold;
}
.voiceArea01 figcaption p{
	color: #313131;
	font-weight: normal;
}
.voiceArea01 figcaption{
	    height: 100%;
	padding: 1em 1.5rem;
}
.voiceArea02 .voiceBox02 figcaption h3{
	    font-weight: bold;
    font-size: 1.3rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
	color: #237ab6;
}
.voiceArea01 figcaption p{
	padding: 0;
	    text-align: left;
}
.recommendedArea01 figure p{
	color: #237ab6;
    font-weight: bold;
	    line-height: 1.5;
}
.recommendedArea01 figcaption p{
	font-weight: normal;
	color: #313131;
	text-align: left;
}
.companyArea h2 img{
	    width: auto;
}
.companyArea h2{
	 font-weight: bold;
    font-size: 1.3rem;
padding-top: 3rem;
}
.companyArea .yt-thumbnail iframe{
	    float: none;
}
.companyArea .yt-thumbnail{
	    width: 560px;
	    margin: 1.5em auto 3rem;
}
.pickupBox p{
    line-height: 1.47;
}
.pickup ul li{
	height: auto;
    padding: 1em;
}
nav ul li a:hover{
	color: #fff;
	text-decoration: underline;
}
div.slider{
	margin: 0 auto 0;
}
nav{
	height: auto;
	padding-bottom: 1rem;
}
nav ul li{
	line-height: 1.5em;
}
.ttl{
	padding-bottom: 0;
}
.pickup ul{
width: 100%;
    
}
.pickup .item{
	    max-width: 1000px;
    width: 90%;
	margin: 0 auto;
}
.serviceArea .subTtl{
	    padding-top: 2rem;
}
.voiceBox02, .recomePtxt ,.recommendedBox02{
	    padding: 2em 2em;
	    width: 83%;
}
.ttlS{
	    margin-top: 5rem;
}
.casesArea figure{
	margin-top: 0;
	padding: 0 1em;
	    width: auto;
}
.casesArea p{
	    margin: 1em auto 0;
}
.casesBox{
	/*padding-bottom: 0;*/
	/*height: 378px;*/
}
.casesArea figcaption{
	    line-height: 1.5;
}
.writer .writerText .writerName{
	margin-top: 0.5em;
}
.writer .writerText .w-come{
	    padding: 0em 0 1em;
}
.writer .writer-photo{
	width: 17%;
	margin-left: 4%;
}
.pickup ul li .pickupBox{
	position: relative;
}
.pickup ul li .pickupBox .pb_mark{
	position: absolute;
	    top: -35px;
    left: -12px;
}
.pickup ul li .pickupBox .pb_mark img{
	width: 93px;
	height: 52px;
}
.casesBox figure p:nth-of-type(1){
	font-size: 0.9rem;
	color: #008bd5;
}

/*******追加basic_tempale*******/
.basic_temp{
	max-width: 980px;
	margin: 2em auto;
	padding: 0 10px;
	text-align: center;
}
.basic_temp h1{
	font-size: 24px;
	padding: 7px;
    border: 1px solid #237ab6;
    color: #237ab6;
    font-weight: bold;
	margin-bottom: 30px;
}
.basic_temp h2{
	font-weight: bold;
	font-size: 24px;
	margin: 1em 0 0.5em;
}
.basic_temp .bb{
	border-bottom: 1px solid #000;
}
/***************************************
11. RWD
***************************************/
@media screen and (min-width:1440px) {
	nav {
		background-image: none;
		background-color: #237ab6;
		/*height: 50px;*/
	}
	div.slider {
		margin: 0 auto 0;
	}
	.bx-viewport {
		height: auto;
	}
	.bx-viewport ul li {
		height: auto;
	}
	.casesArea ul li {
		width: 30%;
		margin: 2em 1em;
		/*height: 550px;*/
		text-align: center;
	}
	.casesBox {
    	/*height: 100%;*/
		padding: 1em;
	}
	#qaContainer img {
	width: 100%;
}
	
}
@media screen and (min-width:769px) and ( max-width:1024px){
	header .headerContainer .headercontact {
		float: right;
		/*padding-left: 5%;*/
		padding-left: 0;
	}
	ul.bxslider01 li {
		height: 360px;
	}
	.pickup ul li {
		background-color: #fffcf0;
		width: 20%;
		height: 260px;
		padding: 1em 1em 0 1em;
		/* margin-right: 1em; */
		margin: 1%;
	}
	.pickup ul li img {
		width: 100%;
		height: auto;
	}
	.serviceList ul {
		width: 95%;
		margin: 0 auto;
	}
	.serviceList ul li {
		width: 18%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.work ul {
		width: 92%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.work ul li {
		width: 48%;
		height: 280px;
		margin: 5px;
	}

#qaContainer img {
	width: 100%;
}
}
	

/*sp ナビゲーション*/
@media only screen and (max-width: 800px) {
    .menuList ul {
        width: 100%;
    }
 
    .menuList ul li {
        width: 20%;
    }
	/*採用情報*/
	.page-id-651 .list p {
    width: 90%;
}
	.page-id-651 .myButton::after,
.page-id-651 .myButton.naradewa_kyu::after{
	top: 22%;
}
}
@media only screen and (max-width: 768px) {
	/*共通*/
/*
	img {
		width: 100%;
		height: auto;
	}
	*/
	#qaContainer img {
	width: 100%;
    }
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	#sp-mainImg img {
		display: block;
	}
	#innerTop {
		top: 0;
		position: fixed;
		z-index: 3;
	}
	.headercontact, .headerSmenu, #top-mainImg, .headerLogo {
		display: none;
	}
	.sp-logo {
		padding: 25px 0 0px 70px;
	}
	.sp-logo img {
		width: 200px;
		height: auto;
	}
	.sp-contact, #sp-mainImg {
		display: block;
	}

	.headerLogo img {
		width: 200px;
		height: auto;
		padding: 25px 90px;
	}
	.sp-contact .bg-in {
		background-color: #303a59;
		color: #fff;
		padding: 15px 20px;
	}
	.sp-contact .bg-bl {
		background-color: #9ed6f2;
		color: #303a59;
		padding: 15px 20px;
	}
	.sp-contact .bg-gr a {
		background-color: #90c132!important;
		color: #fff!important;
	}
	.btnL {
		width: 80%;
		font-size: 1em;
	}
	.ttl {
		width: 90%;
		margin: 0 auto;
	}
	.ttlS {
		width: 90%;
		font-size: 1.5em;
		padding: 0.5em 0;
		margin: 0 auto;
	}
	.service-detail h3 {
		font-size: 1.5em;
	}
	.serviceList {
		padding-bottom: 1em;
		
	}
	
	.pickup .ttl img, .tuyomi .ttl img, .reason3 .ttl img {
		width: 100%;
		height: auto;
	}
	
	
	/*関連サイト*/
	.relationSiteArea ul {
		width: 90%;
		display: block;
		margin: 0 auto;	
	}
	.relationSiteArea ul li {
		text-align: center;
	}
	.contactBnArea {
		width: 90%;
		padding: 0;
	}
	.contactBnArea ul {
		display: block;
		margin: 0 auto;
		width: 90%;
	}
	.contactBnArea ul li img {
		width: 100%;
		margin: 1em auto;
	}
	
	/*ナビゲーション*/
	#menuList {
        display: none;
    }
 
    #menuOverlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.6);
        display: none;
        position: fixed;
        z-index: 2;
    }
 
    #switchBtnArea {
        width: 100%;
        height: 70px;
        /*background: #fff;
        border-bottom: #aaa 1px solid;*/
        position: fixed;
		z-index: 2;
    }
 
    #switchBtnArea #switchBtn {
        top: 25px;
        left: 10px;
        width: 40px;
        height: 40px;
        display: block;
        background: #a7a7a7;
        position: absolute;
        border-radius: 5px;
        z-index: 9998;
    }
 
    #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        transition: all 0.2s linear;
    }
    #switchBtnArea #switchBtn span:nth-of-type(1) {
        top: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    #switchBtnArea #switchBtn span:nth-of-type(2) {
        top: 18px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    #switchBtnArea #switchBtn span:nth-of-type(3) {
        bottom: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
 
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
        top: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
        bottom: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
 
    #rwdMenuWrap {
        top: 0;
        left: -237px;
        width: 237px;
        height: 100%;
        background: #3c3c3c;
        overflow: auto;
        position: fixed;
        z-index: 9999;
    }
 
    #rwdMenuWrap ul {
        width: 100%;
    }
 
    #rwdMenuWrap ul li {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }
 
    #rwdMenuWrap ul li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        background: #ebebeb;
        position: relative;
    }
 
    #rwdMenuWrap ul li a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        color: #888;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #b0b0b0;
        border-right: 2px solid #b0b0b0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
	#rwdMenuWrap ul .bg-in a{
		padding: 0;
    text-align: left;
    display:inline;
    background: #303a59;
    position: relative;
	}
	#rwdMenuWrap ul .bg-in a:after{
		display: none;
	}
 /*スライダー*/
	.bx-viewport {
		height: auto!important;
	}
	.ul.bxslider01 li {
		height: auto!important;
	}
/*バナーエリア*/
	.bannerArea ul {
		width: 90%;
		margin: 2em auto;
		display: block;
		text-align: center;
	}
	.bannerArea ul li {
		padding-bottom: 1em;
	}
	.bannerArea ul li img {
		width: 100%;
		height: auto;
	}
/*pickupエリア*/
	.pickup h2 {
		margin: 2em auto;
		width: 90%;
	}
	.pickup ul {
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	.pickupBox {
		text-align: center;
	}
	
	.pickup ul li {
		margin: 1em auto 2rem;
		width: 90%;
		height: auto;
		padding: 1em;
	}
	.pickup ul li img {
		width: 100%;
		height: auto;
	}
	
	/*会社案内*/
	.serviceArea .subTtl {
		width: 90%;
		margin: 0 auto;
		font-size: 1.2em;
		padding-top: 20px;
	}
	.tAcenter {
		width: 90%;
		margin: 0 auto;
	}
	/*サービスエリア*/
	.serviceList ul {
		display: block;
		width: 70%;
		margin: 0 auto;
	}
	.serviceList ul li {
		margin: 1em auto;
    	padding: 0.2em;
	}
	.serviceList ul li .serviceListBox {
		margin: 1em auto;
		width: 90%;
		height: 280px;
	}
	.serviceListBox img {
		width: auto;
	}
	/*強み*/
	.tuyomi {
		width: 100%;
		margin: 0 auto;
	}
	.tuyomi img {
		width: 95%;
	}
	
	/*work*/
	.work {
		background-image: none;
		background-color: #dce4d9;
	}
	.work ul {
		display: block;
		width: 90%;
	}
	.work ul li {
		width: 268px;
		height: 268px;
		margin: 5px auto;
	}
	.workBox {
		padding: 1em;
	}
	/*voice*/
	.voiceArea01 ul, .recommendedArea01 ul {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.voiceArea01 ul li, .recommendedArea01 ul li {
		margin: 1em auto;
	}
	.companyArea {
		width: 90%;
		margin: 0 auto;
	}
	.companyArea h2 img {
		width: 100%;
	}
	.companyArea .yt-thumbnail {
		width: 90%;
		margin: 0 auto;
	}
	.companyArea .yt-thumbnail iframe, .companyArea .yt-thumbnail p {
		float: none;
		padding: 1em;
		width: 95%;
		height: auto;
	}
	.othrLeft, .otherContents .fb, .otherContents .fb ul li {
		float: none;
		padding: 1em;
	}
	/***********
	　サービス
	***********/
	.service-ttl {
		font-size: 1em;
		text-align: center;
		font-feature-settings: "palt";
	}
	.gainenzu {
		width: 95%; }
	.reasonBox {
		height: auto;
		margin: 0 auto;
	}
	.reason3, .serviceArea02 {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.reason01 .reasonBox::before{
		content: '';
		display: inline-block;
		background-image: url(../img/sp/sp-num-01.png);
		width: 90px;
		height: 105px;
		top: 20px;
		left: -10px;
		background-repeat: no-repeat;
		position: relative;
	}
	.reason02 .reasonBox::before{
		content: '';
		display: inline-block;
		background-image: url(../img/sp/sp-num-02.png);
		width: 90px;
		height: 105px;
		top: 20px;
		left: -10px;
		background-repeat: no-repeat;
		position: relative;
	}
	.reason03 .reasonBox::before{
		content: '';
		display: inline-block;
		background-image: url(../img/sp/sp-num-03.png);
		width: 90px;
		height: 105px;
		top: 20px;
		left: -10px;
		background-repeat: no-repeat;
		position: relative;
	}
	.reason3 .ttl img {
		padding-top: 1em;
	}
	.reason3 .reasonBox h3 {
		font-size: 1.2em;
	}
	.reason3 .reasonBox p {
		line-height: 1.2em;
		padding: 1em;
	}
	.reason03 {
		padding-bottom: 1em;
	}
	.service-detail p {
		width: 80%;
		margin: 0 auto;
		font-size: 0.875em;
		padding: 1em;
		line-height: 1.3em;
		color: #666;
	}
	.sDetail01 p, .sDetail02 p, .sDetail03 p {
		background-size: contain;
		width: 90%;
		height: auto!important;
	}
	.serviceArea02 {
		width: 100%;
		padding: 1em 0;
	}
	.sDetailBox {
		width: 90%;
	}
	/***********
	　実績・事例
	***********/
	.casesArea figure {
		width: 95%;
		height: auto;
		margin: 1em auto 0;
		    padding: 0;
	}
	.casesArea ul {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.casesArea ul li {
		width: 90%;
		margin: 1em auto;
	}
	.casesArea ul li img {
		width: 100%;
		height: auto;
	}
	.ttlArea {
		width: 90%;
		font-size: 1.2em;
	}
	.serviceSort {
		font-size: 1em;
	}
	.slideArea {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	#slider {
		width: 90%;
		height: auto;
		margin: 1em auto;
	}
	#thumbnail-list {
		width: 90%;
		margin: 0 auto;
	}

	.voiceArea02 .voiceBox02 figcaption {
	width: 90%;
}
	
	.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/******************
IT導入補助金
******************/
	
.it_s img {
		width: 100%;
		height: auto;
	}
	
	
	/******************
	お客様の声・推薦者の声
	******************/
	.recommendedPickup img {
		width: 100%;
		height: auto;
	}
	.movieBox iframe {
		width: 100%;
		height: auto;
	}
	.voiceBox02, .recomePtxt {
		width: 90%;
		display: block;
		margin: 0 auto;
		padding: 1em;
		border-radius: 10px;
		line-height: 1.5em;
	}
	.voiceArea02 .voiceBox02 img, .voiceArea02 .voiceBox02 figcaption {
		float: none;
		display: block;
		padding: 0;
		margin: 0 auto;
		text-align: left;

		}
	.voiceBox02 .btnS {
		padding: 0.5em 3em;
		width: 50%;
		display: block;
		margin: 0 auto;
	}
	.recomePtxt .recommendedBox02, .recommendedBox02 {
		width: auto;
	}
	.recommendedArea02 .recommendedBox02 figcaption {
		padding-left: 0;
		width: 100%;
	}
	/******************
	会社案内
	******************/
	.greeting {
		width: 90%;
		padding: 1em;
		margin: 2em auto;
	}
	.meibutu, .ichinichi, .structure {
		width: 90%;
		margin: 0 auto;
	}
	.meibutu img {
		width: 100%;
	}
	.ichinichi iframe {
		width: 100%;
		height: auto;
	}
	.structure img {
		width: 100%;
	}
	.companyBackground {
		width: 90%;
	}
	
	/******************
	    スタッフ紹介
	******************/	
	
	.staffArea li {
		float: none;
		width: 100%;
	}
	.eyeCatch img {
		width: 100%;
	}
	.nameBox {
		width: 90%;
		display: block;
	}
	/******************
	        Q&A
	******************/	
	#qaContainer .newEntryDet {
		height: auto;
		padding: 0;
	}
	.entryText {
		width: 90%;
		padding: 1em;
	}
	#qaContainer .newEntryDet .entryText {
		float: none;
		width: 90%;
	}
	.newEimg {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 1em;
		}
	#qaContainer .newEntryDet img, .underContents .recentlyEntry, .leftcolumn {
		float: none;
		width: 100%;
		height: auto;
	}
	.recommeEntry ul {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	#qaContainer .recommeEntryDet li {
		width: 100%;
		padding: 0;
		margin: 1em auto;
	}
	#qaContainer .recommeEntryDet li .thumb {
		padding-top: 1em;
	}
	.underContents .recentlyEntry, .leftcolumn {
		float: none;
		width: 100%;
	}
	.recentlyEntry img, .recentlyEntry .entryText {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.sideBer {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.sideBer .recommeList .thumb, .sideBer .recommeList .entryText {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	header .headerContainer{
		
	}
	#switchBtnArea{
		
    background-color: #fff;
	}
	header {
    height: 79px;
}
	.footerContens{
		    width: 100%;
		    padding: 0;
	}
	.tuyomi .pc-only img{
		display: none;
	}
	.otherBox{
		width: 100%;
	}
	.footerLeft, .footerCenter, .footerRight{
		float: none;
		padding-right: 0;
	}
	.footerCenter, .footerRight{
		display: none;
	}
	.serviceList ul{
		width: 100%;
	}
	.serviceList ul li{
		    width: 90%;
	}
	.serviceList ul li .serviceListBox{
		 margin: 0.6em auto;
		width: 93%;
		height: auto;
		padding-bottom: 1rem;
	}
	.serviceListBox p:first-of-type{
		    height: auto;
	}
	.companyArea h2 img{
		  display: none;
	}
	.othrLeft .carender img{
		    width: 85%;
    margin: 0 auto;
    display: block;
	}
	.othrLeft, 
	.otherContents .fb, 
	.otherContents .fb ul li{
		text-align: center;
	}
	.footerLeft{
		padding: 1rem;
	}
	.companyArea .yt-thumbnail{
		    width: 100%;
	}
	.companyArea .yt-thumbnail iframe{
		    padding: 1rem 0 2rem 0;
		    width: 100%;
	}
	.companyArea h2{
		    padding-top: 2rem;
	}
	.bosyubn {width: 95%; height: auto;
	}
/*メルマガ登録*/
	.mailmagazine .mm_txt {
    font-size: 1rem;
}
.mailmagazine h4 {
    font-size: 1.4rem;
}
.mailmagazine h3 {
    font-size: 1.3rem;
}
.mailmagazine h3 b{
    font-size: 1.6rem;
}
.mailmagazine .entry a {
	font-size: 1.2rem;
	padding: 0.5em 1em;
}
	header .headerContainer{
		display: none;
	}
}


/*add 210402トップ改定*/
.headerContainer .bg-gr,
.headerContainer .bg-or{
	background-color: #FFFFFF;
	
}
header .headerContainer .headerSmenu ul li{
	    background-image: none;
	padding: 0;
}
header .headerContainer{
	    height: auto;
	    margin-bottom: 7px;
    margin-top: 4px;
}
.headercontact .bg-or:hover,
.headercontact .bg-gr:hover{
	background-color: #fff;
}
header .headerContainer .containerRow01 .headercontact .headerSmenu ul li{
	float: none;
	    padding: 0;
	margin: 0;
}
header .headerContainer .headerSmenu {
    float: right;
    border-left: 2px solid #237ab6;
    padding-left: 19px;
    margin: 10px 0 11px 0;
}
header .headerContainer .headercontact .telno{
	margin-top: 8px;
	margin-right: 18px;
}
header .headerContainer .containerRow01 .headercontact ul.toiawase{
	margin-top: 8px;
	margin-right: 18px;
}
header .headerContainer .containerRow01 .headercontact ul.toiawase li{
	float: none;
	margin: 0;
    padding: 3px;
}
.ttl{
	width: 20%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 2em;
}
.ttl img,
.serviceArea .f_box img,
.tuyomi img{
	width: 100%;
	height: auto;
}
.tAcenter img{
	width: 100%;
}
.serviceArea .f_box{
	display: flex;
	    width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.serviceArea .f_box .l_box{
	width: 30%;
	margin-right: 3%;
}
.serviceArea .f_box .r_box{
	width: 70%;
}
.serviceArea .f_box .r_box .serviceList ul{
	    width: 100%;
    flex-wrap: wrap;
}
.serviceArea .f_box .r_box .serviceList ul li{
	    width: 30%;
    margin-bottom: 1.5em;
	background-color: #fff;
}
.tuyomi .tuyomi_list{
	display: flex;
	width: 1000px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.tuyomi .tuyomi_list div{
	width: 30%;
	margin-right: 5%;
}
.tuyomi .tuyomi_list div:nth-of-type(3){
	margin-right: 0;
}
.tuyomi .ttl{
	width: 30%;
	position: absolute;
	     top: -5.5em;
    left: 35%;
}
.tuyomi{
	    background-image: none;
	position: relative;
	background-color: #eeefef;
	    margin-top: 3em;
    padding-top: 4em;
	text-align: left;
}
.tuyomi .tuyomi_list div p {
    margin-top: 1em;
	    line-height: 1.8;
}
.page-id-140 main > .serviceList > ul{
	flex-wrap: initial;
	    width: 67%;
	flex-wrap: wrap;
}
.page-id-140 main > .serviceList > ul li{
	    width: 30%;
	    margin-bottom: 2em;
}
.work{
	    background-image: none;
    color: #403d3c;
}
.work .photo {
    width: 100%;
    height: 238px;
}
.work ul li{
	    width: 233px;
    margin: 0 22px 0 0;
	    border-bottom: 1px solid;
    padding-bottom: 1em;
	    font-size: 0.9em;
}
.work ul li:nth-of-type(4n){
	margin-right: 0;
}
.work ul{
	    width: 100%;
	max-width: 1000px;
}
.work h4{
	    width: auto;
    text-align: left;
    border: 2px solid;
    display: inline-block;
    padding: 6px 12px;
	    font-weight: bold;
    margin-top: 1.5em;
}
.work .link_all a {
    display: block;
    border: 2px solid #333;
    color: #333;
    padding: 6px 25px;
    font-size: 1.2em;
    border-radius: 2em;
    margin: 2em auto 2em;
    width: 10%;
    text-align: center;
	max-width: 160px;
    width: 100%;
}
.work .photo img {
  width: 233px;
  height: 238px;
  object-fit: none; /* 🖐 */
  border: dashed 1px silver; /* 分かりやすくするために */
	padding: 0;
	border: 1px solid #666;
	border-radius: 11px;
}
.serviceArea{
	    border-top: 2px solid #777;
}
.work h4.goods_design {
    color: #4973a8;
}
.work h4.goods_movie {
    color: #51a199;
}
.work h4.goods_book {
    color: #88b83e;
}
.work h4.goods_web {
    color: #65a6de;
}

/*お客様の声*/
.voiceArea01 figure img{
	border-radius: 0px;
    max-width: 203px;
    max-height: 198px;
    width: 100%;
    object-fit: cover;
}
.voiceArea01 ul{
	flex-wrap: wrap;
}
.voiceArea01 ul li {
    background-color: #fff;
	    width: 48%;
	    margin-bottom: 2em;
}
.voiceArea01 {
    background-color: #eeefef;
}
.voiceArea01 .voiceBox figure .f_box{
	display: flex;
	flex-wrap: wrap;
    object-fit: cover;
	padding: 18px;

}
.voiceArea01 .voiceBox figure .f_box .l_box {
    width: 43%;
	margin-right: 5%;
}
.voiceArea01 .voiceBox figure .f_box .r_box {
    width: 52%;
}
.voiceArea01 figure p,
.voiceArea01 figcaption{
	text-align: left;
	padding: 0;
}
.voiceArea01 .voiceBox figure .f_box .r_box p.voiceName {
    margin-bottom: 7px;
    border-bottom: 2px solid #999;
    line-height: 2;
}
.voiceArea01 figure figcaption p{
	    line-height: 1.6;
}
.voiceArea01 figcaption{
	    height: auto;
}
.voiceArea01 .voiceBox figure .f_box .r_box .btnS{
	    background: #fff;
    width: auto;
    background-image: none;
	    text-align: right;
}
.voiceArea01 .voiceBox figure .f_box .r_box .btnS a{
	color: #666;
        font-size: 1.2em;
    border-bottom: 1px solid;
    padding-bottom: 2px;
}
.voiceArea01 .btnS{
	max-width: 15%;
	width: 100%;
	padding: 10px;
	background-image:none;
}
.voiceArea01 .btnS a{
	color: #fff;
        font-size: 1.2em;
    
}
.voiceArea01 {
    padding-bottom: 3em;
}
.relationSiteArea{
	background-color: #fff;
}
footer{
	background-color:#237ab6;
}
.relationSiteArea ul{
	    width: 50%;
}
.reason3 .ttl{
	    width: 68%;
}
.contactBnArea{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.contactBnArea ul li{
	width: 46%;
}
#topics{
	margin: -50px auto 0px;
	padding-bottom: 4em;
}
#topics ul{
	max-width: 900px;
	margin: 10px auto;
	padding: 0 10px;
}
#topics ul li {
	background-color: #e6e6e6;
	margin-bottom: 15px;
	padding-right: 15px;
	display: flex;
	align-items: stretch;
}
#topics ul li .date{
	background-color: #2370a9;
	color: #ffffff;
	padding: 5px 10px;
	margin-right: 15px;
}
#topics ul li a{
	color: #000000;
	text-decoration: underline;
	padding-top: 5px;
	padding-bottom: 5px;
}
.single .topics_content{
	padding-bottom: 80px;
	
}
.single .topics_inner{
	max-width: 920px;
	margin: 10px auto;
	padding: 0 10px;
}
.single .topics_inner h2.title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1.5em;
}
/* PC仕様 */
/* 表示領域が1024px以上の場合に適用するスタイル */
@media print, screen and (min-width: 768px) {
	.pcmode{
		display: block;
	}
	.spmode{
		display:none;
	}

}
@media only screen and (max-width: 768px){
	.pcmode{
		display: none;
	}
	.spmode{
		display:block;
	}
	.bannerArea ul{
		    width: 100%;
		display: flex;
    flex-wrap: wrap;
	}
	.bannerArea ul li{
		        width: 48%;
		margin-left: 0;
	}
	.bannerArea ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.ttl{
		width: 50%;
	}
	.serviceArea .f_box{
		    display: block;
	}
	.serviceArea .f_box .l_box{
		width: 100%;
	}
	
	.serviceArea .ttl {
    width: 50%;
    margin-bottom: 0;
}
	.serviceArea .f_box .r_box{
		width: 100%;
	}
	.serviceList ul{
		    display: flex;
	}
	.serviceList{
		margin-top: 0;
	}
	.serviceList ul li{
		    width: 45%;
	}
	.tuyomi .ttl{
		width: 50%;
		    top: -4em;
		left: 25%;
	}
	.tuyomi .tuyomi_list{
		    display: block;
	}
	.tuyomi .tuyomi_list div{
		    width: 100%;
	}
	.tuyomi .tuyomi_list div img:nth-of-type(1){
		float: left;
		display: block;
		width: 37%;
	}
	.tuyomi .tuyomi_list div img.spmode{
		float: right;
		display: block;
		width: 63%;
	}
	.tuyomi .tuyomi_list div{
		clear: both;
		display: block;
    height: 17em;
    border-bottom: 2px solid #fff;
    margin-bottom: 2em;
	}
	.tuyomi .tuyomi_list div p {
    float: right;
    width: 63%;
		    line-height: 1.4;
}
	.work .photo img{
		    width: 100%;
    height: 11em;
	}
	.work ul li{
		    width: 46%;
		margin-bottom: 2em;
	}
	.work ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.work .photo{
		height: auto;
	}
	.work ul{
		display: flex;
		width: 90%;
		    margin-left: auto;
    margin-right: auto;
	}
	.voiceArea01 ul li{
		width: 100%;
	}
	.work .link_all a{
		margin: 0 auto 0;
	}
	.voiceArea01 figure img{
		height: 137px;
	}
	.voiceArea01 .btnS{
		max-width: 56%;
	}
	.relationSiteArea ul{
		    width: 90%;
		    display: flex;
	}
	.relationSiteArea ul img{
		width: 100%;
		    height: auto;
		    padding: 0;
	}
	.relationSiteArea ul li{
		    width: 46%;
	}
	main > .serviceList > ul{
		    width: 100%;
	}
	main > .serviceList > ul li {
    width: 46%;
}
	.wp-block-image img{
		    height: auto;
	}
	.contactBnArea ul li{
		    width: 100%;
	}
	.contactBnArea ul li:nth-of-type(2){
		margin-bottom:1em;
	}
	.contactBnArea ul li img{
		margin: 8px auto;
	}
}