/*
Theme Name: imageworks-2021
*/
@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Questrial&display=swap');
@import url("normalize.css") screen and (min-width:641px);

body,html {
	height:100%;
}
body {
	background:#FDF9EF;
	color: #333;
	font-family: "Noto Sans JP","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	border: none !important;
}


a {
	color:#333;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#F58989;
	text-decoration:none;
}

a:hover img {
	opacity:0.6;
}
img {
	border:0;
	vertical-align:middle;
	max-width:100%;
	height:auto;
}
ul, li, dl, dt, dd, p {
	margin:0;
	padding:0;
}

ul {
	list-style:none;
	letter-spacing:-0.4em;
	font-size:0;
}
li {
	letter-spacing:normal;
}
dl	{list-style-type: none;}
em,i {
	font-style:normal;
	vertical-align: middle;
}
table {
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	border: none;
	border-spacing: 0;
}
table th,
table td {
	padding: 5px 0;
	border: none;
	line-height: 1.4;
	border-bottom: 1px solid #ddd;
}
table th {
	width: auto;
	white-space: nowrap;
	font-weight: 400;
}
table td {
	vertical-align: top;
}
table td.youbi {
	white-space: nowrap;
	
}
h1, h2 {
	margin:0;
	padding:0;
	font-weight: 400;

}
h2 a {
	text-decoration: none;
}
#newstopics .articleWrap article h2:not([class]) {
	border-left: 5px solid #A98C5D;
	padding-left: 10px;
}
#newstopics .articleWrap article h3 {
	color: #A98C5D;
	font-size: 1.2em;
}
#newstopics .articleWrap article em {
	color: #E41F1F;
}
.wp-block-table {
	padding-bottom: .5em;
}
.wp-block-table figcaption {
	font-size: .8em;
	text-align: right;
}


hr {
	height:0px;
	margin:2em 0 0 0;
	border:none;
}
section p,
.second h1 + p {
	padding-bottom: 1.8em;
}

.textRed {
	color: #D81D1D !important;
}
note {
	display: block;
	font-size: 0.8em;
}
.textSemiSmall {
	font-size: .85em;
}
.textSmall {
	font-size: .7em;
}
li.textSmall {
	font-size: 14px;
}
.textLarge {
	font-size: 1.2em;
}
figure {
	margin: 0 0 15px 0;
	padding: 0;
}

.textR {
	text-align:right !important;
}
.textC {
	text-align:center !important;
}

.bgWhite {
	background-color: #fff;
}
section.bgWhite {
	padding: 40px 0;
}

/* FORM */
.formTxt {
	width: 35em;
	max-width: 100%;
	box-sizing: border-box;
}
.formTxt.formTxtarea {
	width: 100%;
}
.gyousyuarea,
.syuruiarea {
	padding-left: 3.5em;
	position: relative;
	margin-bottom: 10px;
	min-height:1.8em;
}
.gyousyuarea:before {
	content: '業種：';
	position: absolute;
	left: 0;
	top: 0;
}
.syuruiarea:before {
	content: '種類：';
	position: absolute;
	left: 0;
	top: 0;
}
.mw_wp_form_confirm .kakuninArea {
	display: none;
}
/* BOX */
.boxRed {
	border: 1px solid #E41F1F;
	padding: 1.2em;
	background-color: #fff;
	position: relative;
}

.boxCard {
	background-color: #E41F1F;
	color: #fff;
	position: relative;
	padding: 0 30px;
	margin: 30px auto 80px auto;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;

}
.boxCard:before,
.boxCard:after{
	width: calc(100% - 30px);
	height: 0;
	display: block;
	position: absolute;
	left: 0;
	content: "";
}
.boxCard:before{
	border-bottom: solid 30px #E41F1F;
	border-left: solid 30px transparent;
	bottom: 100%;
}
.boxCard:after{
	border-top: solid 30px #E41F1F;
	border-right: solid 30px transparent;
	top: 100%;
}
.boxCard .liststyle {
	padding-bottom: 0;
	margin-bottom: 0;
}
.boxCardInner {
	text-align: center;
	margin: 50px 0;
	
}
.second .boxCard h2 {
	font-size: 1.4em;
	color: #fff;
}

.boxPrg {
	padding: 1.2em;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.boxPrg ol {
	padding-top: 15px;
	padding-bottom: 0;
}
.second .boxPrg h2 {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 5px;
}

.boxPrg.redbox {
	border: 3px solid #E41F1F;
	background-color: #FCECEC;
	position: relative;
	margin-bottom: 50px;
}

.boxPrg.redbox:after {
	content: "";
	display: inline-block;
	border-style: solid;
	border-width: 46px 80px 0 80px;
	border-color: #E41F1F transparent transparent transparent;
	position: absolute;
	bottom: -46px;
	left: 50%;
	margin-left: -80px;
}

.boxPrg.redbox h2 {
	color: #E41F1F;
}
.boxPrg.redbox p {
	text-align: center;
}
.boxPrg.brownbox {
	border: 3px solid #A98C5D;
	background-color: #fff;
}
.boxPrg.brownbox h2 {
	color: #A98C5D;
}

.iconRed {
	background-color: #E41F1F;
	color: #fff;
	display: inline-block;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 10px;
}
#clients .boxRed.articleListBox {
	padding: 4em 1.2em 1.2em 1.2em;
}
#clients .boxRed.articleListBox .iconRed ,
#clients .boxRed.articleListBox .iconRed {
	position: absolute;
	top: .7em;
	left: -.5em;
}
#clients .boxRed.articleListBox:nth-child(n+2) {
	margin-top: 20px;
}
.boxAside {
	background-color: #fff;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #E5D8C3;
}
.boxAside .liststyle {
	padding-bottom: 0;
	margin-bottom: 0;
}
.boxAside .liststyle li {
	font-size: 13px;
}

/* LIST COMMON */
ul.liststyle,
.articleWrap ul {
	margin-left:1.4rem;
	padding-bottom:20px;
	margin-bottom: 10px;
	margin-top: 5px;
}
ol {
	margin:0;
	padding-bottom: 15px;
    padding-left: 2em;
}
dd ul.liststyle,
li ul.liststyle {
	padding-bottom: 0;
	margin-bottom: 0;
}
ul.liststyle li,
ol li {
	margin-bottom:5px;
	line-height: 1.4;
}

ul.liststyle > li:before,
.articleWrap ul > li:before {
	content: "•";
	display:inline-block;
	margin-left:-1.4em;
	width:1.4em;
	text-align:center;
}
.articleWrap ul > li:before {
	margin-bottom: 10px;
	line-height: 1.4;
}
ul.liststyle.listNotice > li {
	margin-bottom: 5px;
	font-size: 14px;
}
ul.liststyle.listNotice > li:before {
	content: "※";
	display:inline-block;
	margin-left:-1.4em;
	width:1.4em;
}
ul.liststyle.listNotice2 > li:before {
	content: "＊";
	display:inline-block;
	margin-left:-1.4em;
	width:1.4em;
}
ul.liststyle.listNotice2 > li {
	font-size: 15px;
}
ul.liststyle.listDiamond > li:before {
	content: "◆";
	display:inline-block;
	margin-left:-1.4em;
	width:1.4em;
}
ul.liststyle.listCheckmark {
	margin-left: 30px;
}
ul.liststyle.listCheckmark li{
	position: relative;
	margin-bottom: 15px;
	}

ul.liststyle.listCheckmark li:before {
	content: "";
	position: absolute;
	top: .2em;
	left: .2em;
	-webkit-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
	width: 6px;
	height: 12px;
	border-right: 3px solid ;
	border-bottom: 3px solid ;
 }

dd {
	padding-left: 1em;
}
dl.dlList {
	margin: 0 auto 30px auto;
}
dl.dlList dt {
	text-align: left;
	font-weight: 400;
}

dl.dlList dd {
	margin-bottom:15px;
	text-align: left;
	padding: 0;
}
.menu__item i.fab,
.dlList i.fab {
	margin-right: 5px;
}


/* TAB COMMON */
.tabs {
	padding-bottom: 20px;
}
.tabMenu {
	margin: 0 auto 35px;
	display: flex;
}

.tabMenu li {
	padding: 0 15px 0 0;
}
.tabMenu a {
	color: #B98F8F;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 0;
	text-decoration: none;
	white-space: nowrap;
}
.tabMenu a.active,
.tabMenu a:hover,
.tabMenu li.current-cat a,
.contents.area .cat-item-all a {
	border-bottom: 2px solid #E41F1F;
	color: #E41F1F !important;
}

#clients .panel {
	padding-top: 30px;
}




/* COMMON */
section {
	padding-bottom: 40px;
}


/* TITLE COMMON */
.toppage h1 {
	font-size: 1.2em;
	font-weight: 400;
}
.toppage section h2 {
	font-size: 1.6em;
	padding: 0;
	margin-bottom: 15px;
	line-height: 1;
	font-weight: normal;
	font-family: 'Questrial', sans-serif;
	letter-spacing:2px;
}
.second h1 {
	font-size: 1.8em;
	padding: 0;
	margin-bottom: 15px;
	line-height: 1;
	font-weight: normal;
	font-family: 'Questrial', sans-serif;
	color: #E41F1F;
	letter-spacing:2px;
}
.tith1 {
	margin-bottom: 40px !important;
	line-height: .75 !important;
	background: linear-gradient(transparent 80%, rgba(228, 31, 31, .3) 20%);
}
.tith1 a {
	color: #E41F1F;
	text-decoration: none;
}
.tith1 a:hover {
	opacity: .7;
}
.titNews {
	font-size: 1.7em;	
}

.titNews {
	font-size: 1.7em;	
}

.second h2 {
	font-size: 1.7em;
	padding: 0;
	margin-bottom: 10px;
	font-weight: 400;
	line-height: 1.4;
	color: #50493e;
}
.second h2.enH2 {
	font-family: 'Questrial', sans-serif;
	font-size: 1.9em;
}
.second h2.tith2 {
	margin-bottom: 20px;
}
.second article .newsTitArea h2 {
	font-size: 1.7em;
}
.second article h2 {
	font-size: 1.4em;
	line-height: 1.4;
}
.second .clientsList .tabMenu h2 {
	font-size: 1em;
	margin: 0;
	line-height: 1.8;
}
.second .clientsList .panel h2 {
	font-size: 1.3em;
	color: #E41F1F;
	margin-bottom: 30px;
	border-bottom: 3px solid #EDE6D3;
	line-height: 1;
	font-weight: 400;
	position: relative;
}
.second .clientsList .panel h2 span {
	display: inline-block;
	border-bottom: 3px solid #E41F1F;
	position: absolute;
	left: 0;
	bottom: -3px;
	padding-bottom: 10px;
}
.second .clientsList section {
	padding-bottom: 50px;
}
.tith3 {
	color: #A98C5D;
	border-bottom: 2px solid #A98C5D;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.tith3black {
	color: #333;
	font-size: 1.6em;
	margin: 0 0 15px 0;
}
/* TOP COMMON */


.bx-wrapper {
	background-color: #FDF9EF !important;
}
.topMainImgArea {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

.topMainImg > div {
  display: none; /*読み込み時は非表示*/
}
.bx-viewport .topMainImg > div {
  display: block !important; /*JSが読み込まれたら表示*/
}
.bx-wrapper {
    background-color: transparent;
    margin: 0px auto;
    border: none !important;
    box-shadow: none !important;
	margin-bottom: 0 !important;
}

.topBtnArea {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.topBtnArea > div {
	background-color: #A98C5D;
	width: 180px;
	height: 180px;
	margin: 0 5px;
	z-index: 5;
	opacity: .95;
	transition: .3s;
	position: relative;
}
.topBtnArea > div:hover,
.topBtnArea > div:hover img {
	opacity: 1;
}
.topBtnArea > div.btnRed {
	background-color: #E41F1F;
}
.topBtnArea a {
	width: 180px;
	height: 180px;
	text-align: center;
	display:flex;
	align-items: center;
}


.topBtnArea a img {
	height: 35px;
	margin: 0 auto;
}
.topBtnArea .twolines img {
	height: 74px;
}

.btn1::before,
.topBtnArea > div::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  background: rgba(255,255,255,.5);
  transform: scale(1, 0);
}
.btn1:hover,
.topBtnArea > div:hover {
  animation: hover .6s forwards;
}
.btn1:hover::before,
.topBtnArea > div:hover::before {
  animation: hover-in .3s forwards alternate, hover-out .3s .3s forwards alternate;
}

@keyframes hover-in {
  0% {
    transform-origin: left top;
    transform: scale(1, 0);
  }
  100% {
    transform-origin: left top;
    transform: scale(1, 1);
  }
}
@keyframes hover-out {
  0% {
    transform-origin: left bottom;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: left bottom;
    transform: scale(1, 0);
  }
}
.topLinks {
	padding-top: 40px;
}
.topLinkArea {
	border: 5px solid #EDE6D3;
	box-sizing: border-box;
	background-color: #fff;
}
.topLinkArea a {
	display: block;
	text-decoration: none;
}
.toppage section .topLinks h2 {
	font-size: 0.9em;
	font-weight: 400;
	text-align: center;
	margin: 0;
	line-height: 1;
	letter-spacing: 0;
	color: #A8A8A8;
}
.toppage section .topLinks a h2 {
	color: #333;
}
.toppage section .topLinks a:hover h2 {
	color: #F58989;
}
.topLinkArea .imgArea {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.topLinkArea a:hover .imgArea {
	opacity: .7;
}
.topListArea {
	padding-top: 30px;
	border-top: 1px solid #E1D1B7;
}
	
.withcLink .imgArea img,
.otoiawaseLink .imgArea img{
	object-fit: cover;
	object-position: top;
	width: 100%;
	height: 130px;
}
.otoiawaseLink .imgArea img {
	object-position: center;
}

/*
.otoiawaseLink .imgArea {
	background-color: #FAF6EC;
	color: #EDE6D3;
	font-size: 70px;
}*/
.noteLink .imgArea {
	background-color: #EDEDED;
}



.btnArea {
	text-align: center;
	padding: 20px 0;
	display: flex;
	justify-content: center;
	font-size: .8em;
}
.btnArea .btn1 {
	background-color: #E41F1F;
	width: 150px;
	height: 150px;
	margin: 5px auto;
	z-index: 5;
	transition: .3s;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.btnArea .btn1 img {
	height: 28px;
	margin: 0 auto;
}
.btn2Area {
	text-align: center;
	padding: 20px 0;
	font-size: .8em;
}
.btn2 {
	background-color: #E41F1F;
	color: #fff;
	text-align: center;
	line-height: 3em;
	border: none;
	cursor: pointer;
	box-sizing: border-box;
}
.btn2:hover {
	background-color: #F58989;
}
.topNewsArea {
	margin-bottom: 40px;
}




/* NEWS COMMON */
.newsList li   {
	width: 100%;
}
.newsList li:not(:first-child)  {
	margin-top: 10px;
}

.newsList li > div {
	text-align: left;
	line-height: 1.4;
}
.newsTag {
	display: inline-block;	
}
.newsTag a {
	display: block;
	display: inline-block;
	background-color: #CBB28A;
	color: #fff;
	text-align: center;
	padding: 0 15px;
	text-decoration: none;
	font-size: .8em;
}
.newsTag a:hover {
	opacity: .7;
}
.newsList li .newsTag a {
	margin-left: 15px;
}
.newsTitArea .newsTag a {
	margin-right: 15px;	
}
.newsTitArea {
	margin-bottom: 15px;
}
.newsTitArea p {
	text-align: right;
}

.second .newsList li {
	margin-bottom: 30px;
}

.main,
.footerInner {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.second .main {
	padding-top: 25px;
	padding-bottom: 50px;
}

.secondMainArea {
	background-color: #EDE6D3;
	/*margin-bottom: 30px;*/
	
}
.secondMainArea p strong {
	font-size: 1.1em;
}
.second .secondMainArea .main {
	padding: 0;
}

aside {
	background: #EDE6D3;
	padding: 10px;
	box-sizing: border-box;
}
.second aside h2 {
	font-size: 1.1em;
}
aside ul.liststyle {
	padding-bottom: 0;
	margin-bottom: 0;
}
aside ul.liststyle li {
	margin-bottom: 15px;
	font-size: 13px;
}
aside ul.liststyle li a {
	display: inline-block;
	vertical-align: top;
}

/* FOOTER COMMON */
footer {
	background-color: #F4EEDC;
	padding: 30px 0;
	font-weight: 300;

}
footer .footerList li {
	display: inline-block;
}
footer .footerList li:nth-child(n+2) {
	margin-left: 30px;
}

#pagetop {
	position: fixed;
  right: 0;
  bottom: 20px;
  opacity: 0.6;
	z-index: 500;
}

#pagetop a {
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
    position:  relative;
	color: #A98C5D;
}
#pagetop a:hover {
	color: #896427;
	
}
#pagetop a::before {
    content:  '';
    width: 20px;
    height: 20px;
    display:  block;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(-45deg);
    position:  absolute;
    top: 10px;
    bottom:  0;
    left:  0;
    right:  0;
    margin:  auto;
}

/* HEADER COMMON */
.siteNameText {
	text-align: left;
	color: #675f53;
	
}
/* NAVIGATION COMMON */
.menu > ul li a {
	font-family: "Questrial";
}
nav i.fab {
	font-size: 1.1em;
	
}
@media screen and (max-width: 1109px) {
	.menu {
		z-index:1000;
	}
	.navbar_toggle {
		z-index:9999;
		position: absolute;
		right: 3%;
		top: 19px;
	}
	.navbar_toggle_icon {
		position: relative;
		display: block;
		height: 2px;
		width: 30px;
		background: #E41F1F;
		-webkit-transition: ease .5s;
		transition: ease .5s;
	}
	.navbar_toggle_icon:nth-child(1) {
		top: 0;
	}
	.navbar_toggle_icon:nth-child(2) {
		margin: 8px 0;
	}
	.navbar_toggle_icon:nth-child(3) {
		top: 0;
	}
	/*OPEN時の動き*/
	.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
		top: 10px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0;
	}
	.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
		top: -10px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.menu {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition:ease .5s;
		transition:ease .5s;
		width: 100%;
		position: relative;
		position: absolute;
		text-align: left;
		left: 0;
	}
	.menu > ul {
		border-top: 1px solid #CCC;
	}
	.menu > ul > li {
		border-bottom: 1px solid #CCC;
	}

	.menu > ul li a {
		display: block;
		padding: .8em;
		background: rgba(255,255,255,.85);
		text-decoration: none;

	}
	.menu > ul li#headerlinkYoyaku a {
		background: #e966a0;
		color: #fff;
	}
	/*OPEN時の動き*/
	.menu.open {
		-webkit-transform:translateX(0);
		transform:translateX(0);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}


/* ABOUT COMMON */
.linkList li {
	margin-bottom: 10px;
}
.linkList li a {
	text-decoration: none;
}
.linkList li .bnrArea {
	background: #fff;
	border: 1px solid #c2a87e;
	box-sizing: border-box;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
}
.linkList li h3 {
	font-size: .9em;
	font-weight: 400;
	margin: 0 0 5px 0;
	color: #A98C5D;
}
.linkList li p {
	padding: 0;
	font-size: .9em;
	line-height: 1.6;
}
.linkList li p strong {
	display: block;
	font-size: 1.1em;
}
.formArea {
	background-color: #fff;
	padding: 2em;
}
section .formArea.thanks p {
	text-align: center;
	padding-bottom: 0;
}
.formArea dd {
	min-height: 1.8em;
}

/* MEDIATRAINING COMMON */
.swiper-button-prev,
.swiper-button-next {
	top: auto !important;
	bottom: 0 ;
}
.mt1Box {
	background: url(/img/mediatraining/img-01.jpg) no-repeat top;
}



/* CLIENTS COMMON */

.noteList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.noteList > div {
	width: 23.5%;
}
.noteList > div a {
	text-decoration: none;
}
.noteList figure {
	margin: 0 0 5px 0;
}
.noteList .date_blog {
	font-size: .8em;
	margin-bottom: 3px;
}
.noteList p {
	line-height: 1.5;
}
.noteList p span {
	font-size: .7em;
}

#clients .boxRed .liststyle {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
	
}

#clients .boxRed .liststyle li:not(:last-child) {
	margin-bottom: 10px;
}
#clients .tabs {
	margin-top: 30px;
}
.clientsList .liststyle li {
	margin-bottom: 20px;
}

/* ARTICLE COMMON */
.articleWrap article {
	padding-bottom: 30px;
}
.second article h1 {
	font-family: "Noto Sans JP","メイリオ", Meiryo,"HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Helvetica Neue", Helvetica, "Arial", "ＭＳ Ｐゴシック",sans-serif;
    color: #333;
    letter-spacing: 1px;
	font-size: 1.8em;

}
.second article h1 span,
.articleDate {
	font-size: 13px;
}
.articleFooter {
	border-top: 1px solid #999;
	padding-top: 30px;
}
.wp-pagenavi {
	display: flex;
	justify-content: center;
}

.wp-pagenavi > span,
.wp-pagenavi > a {
	display: block;
	margin: 0 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #CBB28A;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	color: #a18d6e;
}
.wp-pagenavi > span.current {
	background-color: #CBB28A;
	color: #fff;
}

/* LIST COMMON */
article p {
	padding-bottom: 1.8em;
}
/*
.contents:not(.mtlist-comm):not(.mtlist-mt):not(.mtlist-other) .clientsList .taball a,
.contents.mtlist-comm .clientsList .tabmtlist-comm a,
.contents.mtlist-mt .clientsList .tabmtlist-mt a,
.contents.mtlist-other .clientsList .tabmtlist-other a {
	border-bottom: 2px solid #E41F1F;
	color: #E41F1F !important;
}
*/

/* -------------------------------------- */
/* ----- SP(max-width: 767px)  ----- */
@media screen and (max-width: 767px) {
	
	html {
		font-size: 62.5%;
		padding:0;
		margin:0;
	}
	body {
		font-size: 1.5rem;
		line-height:1.8;
		padding:0 ;
		margin:0;
		box-sizing:border-box;
		word-wrap:break-word;
		overflow-wrap:break-word;
	}
	.pcOnly {display:none;}
	.sptabOnly, .spOnly {display:block !important;}
	
	.spSmall,
	small {
		font-size: 1.2rem;
	}

	p, li, dt, dd, td, th {
		font-size:1.5rem;
		line-height:1.8;
	}

	input, button, select, textarea {
		font-size:1.5rem;
	}
	dl.dlList dt {
		font-size: .8em;
		color: #666;
	}
	dl.dlList dd {
		margin-bottom: 25px;
	}
	.btn2 {
		width: 70%;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.btn2:nth-child(n+2) {
		margin-top: 20px;
}
	/* HEADER SP */
	
	/* TITLE SP */
	.toppage section h2,
	.second h1 {
		font-size: 3.4rem;
		margin-bottom: 15px;		
		letter-spacing: 3px;
	}
	.second h2 {
		font-size: 2.2rem;
	}
	.second .clientsList .tabMenu h2 {
		font-size: 1rem;
		
	}
	.second .boxPrg h2 {
		font-size: 1.8rem;
	}
	.tith3 {
		font-size: 1.7rem;
	}
	
	/* TOP SP */
	.topMainslide {
		height: 35vh;
	}
	.topMainslide img {
		object-fit: cover;
		height: 35vh;
		object-position: right 50%;
	}
	
	
	
	.topBtnArea {
		flex-wrap: wrap;
	}
	.topBtnArea > div {
		margin-bottom: 10px;
	}
	.topBtnArea > div,
	.topBtnArea a {
		width: 36vw;
		height: 36vw;
	}
	.topBtnArea > div.btnRed {
		width: calc(72vw + 10px);
	}
	.topBtnArea > div.btnRed a {
		width: 100%
	}
	.newsList li:not(:first-child)  {
		margin-top: 15px;
	}

	.newsList li .newsDate {
		font-size: 1.3rem;
	}
	
	.newsList li .newsTitle {
		font-size: 1.5rem;
	}
	.topLinkArea .imgArea,
	.withcLink .imgArea img,
	.otoiawaseLink .imgArea img{
		height: 150px;
	}
	.toppage section .topLinks h2 {
		font-size: 1.6rem;
		padding: 20px 0;
	}
	.noteLink .imgArea img {
		height: 50px;
	}

	
	/* SECOND SP */
	.secondMainArea .main {
		width: 100%;		
		
	}
	.secondMainArea .main .textArea {
		padding: 30px 5% 20px 5%;
	}
	.secondMainArea .imgArea.imgof {
		height: 35vh;
	}
	.secondMainArea .imgArea.imgof img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.imgtext .flexImg {
		margin-bottom: 15px;
	}
	#mediatraining .secondMainArea .imgArea.imgof img {
		object-position: top right;
	}
	/* FOOTER SP */
	footer .main {
		text-align: center;
	}
	footer .footerList li, footer .footerCr {
		font-size: 1.2rem;	
	}
	footer .footerList {
		text-align: center;
		margin-bottom: 15px;
	}
	.footerCr {
		text-align: center;
	}

	/* CLIENTS SP */
	.noteList p {
		font-size: 1.3rem;
	}
	.noteList > div {
		width: 48%;
	}
	.noteList > div:nth-child(n+3) {
		margin-top: 6%;
	}
	
	/* ABOUT SP */
	.linkList li a {
		display: flex;
		align-items: center;
	}
	.linkList li .bnrArea {
		width: 25%;
		margin-right: 5px;
		padding: 10px 0;
	}
	.linkList li img {
		width: 95%;
	}
	/* PROFILE SP */	
	#profile .flexBox.imgtext .flexImg {
		display: flex;
		justify-content: space-between;
	}
	#profile .imgtext .flexImg > div {
		width: 48%;
	}

}

@media screen and (max-width: 419px) {
	.mt1Box {
		background-size:  auto 160px;
		padding-top: 180px;
	}
}
@media screen and (min-width: 420px) {
	.mt1Box {
		background: url(/img/mediatraining/img-01.jpg) no-repeat top;
		background-size: cover;
		padding: 25px 0 25px 25px;
		display: flex;
		align-items: center;
	}
	.mt1BoxInner {
		color: #fff;
		text-shadow:
		black 1px 1px 2px, black -1px 1px 2px,
		black 1px -1px 2px, black -1px -1px 2px;
	}
	.mt1BoxInner .liststyle {
		padding-top: 10px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.mt1BoxInner .liststyle li:before {
		filter: drop-shadow(0 0 2px rgba(0, 0, 0, .9));
	}
}
/* -------------------- */
/* ----- SP and TABLET ----- */
@media screen and (max-width: 1109px) {
	.tabMenu {
	overflow-x: auto;
	white-space: nowrap;
	}
	
	.tabMenu ul li {
		display: inline-block;
	}

	/* HEADER SP and TABLET */
	.headerInner {
		position: relative;
	}
	.siteLogo {
		/*max-width: 90%;*/
		margin: 0 auto;
		text-align: left;
	}
	.siteLogo a {
		position: relative;
		/*z-index: 50;*/
		width: 60px;
		display: block;
	}
	.siteLogo img {
		max-height: 60px;
	}
	.siteNameText {
		font-size: 11px;
		line-height: 1.2;
		position: absolute;
		left: 65px;
		top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	}

	.boxCard,
	.boxPrg.brownbox {
		width: 100%;
	}
	.boxCard {
		padding: 0 15px;
	}
/* TOP SP and TABLET */
	
	.topMainslide img {
		max-height: 405px;
		width: 100%;
		object-fit:cover;
	}
	.catch {
		text-align: left;
		padding: 30px 5%;
	}
	.catchTxt img {
		max-height: 150px;
		width: auto;
		display: block;
	}
	
	.topBtnArea a img {
		height: 20%
	}
	.topBtnArea .twolines img {
		height: 40%;
	}
	
	.topLinkArea {
		margin-bottom: 30px;
	}
	
	
}



/* -------------------- */
/* ----- TABLET AND PC ----- */

@media screen and (min-width: 768px) {
	

	body {
		padding:0;
		margin:0;
		text-align:center;
		font-size:16px;
		line-height:1.8;
		word-wrap:break-word;
		overflow-wrap:break-word;
	}

	.pcOnly, .spOnly {display: none !important;}
	 .sptabOnly {display: block !important;}
	nav .sptabOnly {
		display: inline-block !important;
		margin-left: 5px;
	}

	p {
		font-size:16px;
		line-height:1.8;
	}
	ul {
		list-style:none;
		letter-spacing:-0.4em;
		word-spacing: -1em;
		font-size:0;
	}
	li {
		letter-spacing:normal;
		word-spacing:normal;
	}
	li, dt, dd, td, th {
		font-size:16px;
		line-height:1.8;
	}
	input, button, select, textarea {
		font-size:16px;
	}

	section section {
		padding-bottom: 30px;
	}
	a[href^="tel:"]{
		pointer-events: none;
		color: #333;
		text-decoration:none;
	 }
	dl.dlList dt {
		float:left;
		clear:both;
		width:7em;
	}

	dl.dlList dd {
		padding-left:7.5em;
	}
	dl.dlList.length14 dt {
	width:14em;
	}
	dl.dlList.length14 dd {
		padding-left:14.5em;
	}
	
	.flexBox {
		display: flex;
		justify-content: space-between;
	}
	.imgtext .flexImg {
		width: 330px;
	}
	.imgtext p {
		flex: 1;
	}
	.imgtext.imgR p {
		padding-right: 30px;
	}
	.imgtext.imgL p {
		order: 1;
		padding-left: 30px;
	}
	.imgtext.imgR .flexImg {
		order: 1;				
	}
	
	
	.btn2 {
	min-width: 200px;
}
.btn2:nth-child(n+2) {
	margin-left: 20px;
}

	
	
	/* FOOTER TAB and PC */
	footer .footerList li,
	footer .footerCr {
		font-size: 13px;
	}
	footer .footerInner {
		display: flex;
		justify-content: space-between;
	}
	
	/* FOOTER FIX PC */
	body,
	.wrapper {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}

	footer {
		margin-top: auto;
	}
	aside {
		width: 25%;
		margin-left: 5%;
	}
	.flexBox article {
		width: 70%;
	}
	aside li {
		font-size: 14px;
	}
	/* TOP TABLET and PC */
	.toppage section h2 {
		font-size: 1.8em;
	}
	/*.topNewsArea,
	.topListArea {
		width: 100%;
		box-sizing: border-box;
	}*/
	
	/* NEWS TABLET and PC */
	.newsList li   {
	display: flex;
	align-content: flex-start;
}
.newsList li > div {
	vertical-align: top;
	text-align: left;
	line-height: 1.4;
}
.newsList li .newsDate {
	flex-basis: 6.5em;
	flex-shrink: 0;
}
	
	/* MEDIATRAINING TABLET and PC */
	.mtPrg .flexBox {
		flex-wrap: wrap;
	}
	.boxPrg.redbox {
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.boxCard .liststyle li {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.second .mt1BoxInner h2 {
		color: #fff;
	}
	.second .mt1BoxInner h2 span {
		display: inline-block;
	background: -webkit-linear-gradient(transparent 70%, rgba(228,31,31,.45) 60%);
	background: -o-linear-gradient(transparent 70%, rgba(228,31,31,.45) 60%);
	background: linear-gradient(transparent 70%, rgba(228,31,31,.45) 60%);
	}

	.second .mt1BoxInner h2 small {
		font-size: 0.7em;
		font-weight: normal;
}
	/* CLIENTS TABLET and PC */
	.noteList p {
		font-size: 12px;
	}
	
	/* ABOUT TABLET and PC */
	.linkList {
		display: flex;
	}
	.linkList li {
		width: 330px;
		margin-right: 30px;
	}
	
	/* PROFILE TABLET and PC */
	#profile .imgtext .flexImg {
		width: 20%;
	}
	#profile .imgtext .flexImg > div {
		margin-bottom: 5px;
	}
}
/* -------------------- */
/* ----- TABLET ONLY ----- */
@media screen and (min-width: 768px) and (max-width: 1109px){
/* SECOND TABLET ONLY */
	.second h1 {
		margin-bottom: 5px;
	}
	.secondMainArea {
		align-items: center;
	}
	.secondMainArea .textArea {
		padding-top: 15px;
		width: calc(100% - 33vw);
	}
	.secondMainArea .textArea p {
		font-size: 14px;
		padding-bottom: 15px;
	}
	.secondMainArea .textArea p span {
		font-size: 12px;
		display: inline-block;
	}
	.secondMainArea .imgArea {
		width: 30vw;
		position: relative;
		/*min-height: 30vw;
		max-height: 35vw;*/
	}
	.secondMainArea .imgArea img {
		object-fit: cover;
		height: 100%;
		position: absolute;
		
	}
	
	/* TOP TABLET ONLY */
	.topBtnArea > div,
	.topBtnArea a {
		width: 18vw;
		height: 18vw;
	}
	.catchTxt {
		font-size: 24px;
	}
	
	
	.topLinkArea a,
	.topLinkArea > div {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}
	.topLinkArea .imgArea {
		width: 30%;
		height: 130px;
	}
	.toppage section .topLinks h2 {
		font-size: 18px;
		padding-left: 2%;
	}
	.noteLink .imgArea img {
		width: 80%;
	}
	
	
	/* MEDIATRAINING TABLET ONLY */
	.mtPrg .flexBox > div {
		width: 100%;
	}
	
}

/* -------------------- */
/* ------- PC -------- */

@media screen and (min-width: 1110px) {
	body,html {
		height:100%;
		padding:0;
		margin:0;
		width:100%;
	}
	body {
		min-width:1110px;
	}
	
	section section {
		padding-bottom: 40px;
	}
	
	.sptabOnly,
	nav .sptabOnly{
		display: none !important;
	}
	.pcOnly {display: block !important;}
	
	/* TAB PC */
	.tabMenu {
		justify-content: center;
	}
	.tabMenu li {
	padding: 0 15px;
}
	/* HEADER PC */
	header {
		width: 1110px;
		height: 90px;
		margin: 0 auto;
		position: relative;
	}
	
	.drawer {
		display: none;
	}
	.headerInner {
		display: flex;
		justify-content: space-between;
		align-items:flex-end;
		height: 90px;
	}
	.siteLogo {
		width: 90px;
		margin: 0;
		text-align: left;
	}
	.siteLogo img {
		width: 90px;
	}
	.toppage .siteLogo {
		width: 120px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		background-color: #E41F1F;
	}
	.toppage .siteLogo img {
		width: 120px;
	}
	.toppage nav {
		width: 100%;
	}
	.siteNameText {
		font-size: 15px;
		line-height: 1.1;
		position: absolute;
		left: 100px;
		bottom: 15px;
	}
	.toppage .siteNameText {
		left: 130px;
}
	.menu ul {
		text-align: right;
		padding-bottom: 10px;
	}
	.menu li {
		display: inline-block;
		margin-left: 30px;
	}
	.menu li a {
		color: #E41F1F;
		text-decoration: none;
	}
	.menu li a:hover,
	#about .menu li#navAbout a,
	#profile .menu li#navProfile a,
	#mediatraining .menu li#navMediatraining a,
	#clients .menu li#navClients a,
	#contact .menu li#navContact a,
	#mtlist .menu li#navList a {
		color: #F0A3A3;		
	}
	#iwtop .menu li#navHome {
		display: none;
	}

	.main,
	.headerInner,
	.footerInner {
		width: 1110px;
		margin: 0 auto;
	}

	
	
	.second h1 {
		font-size: 38px;
		margin-bottom: 5px;
	}
	/* TOP PC */
	.topMainImgArea {
		text-align: right;
		max-width: 1500px;
	}
	.topMainslide {
		height: 405px;
		overflow: hidden;		
	}
	.topMainImgArea,
	.bx-wrapper {
		height: 405px;
	}
	.bx-wrapper img {
		display: inline-block !important;
		object-fit: cover;
	}
	.catch {
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		height: 405px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdf9ef+0,fdf9ef+100&1+0,1+80,0+100 */
		background: -moz-linear-gradient(left,  rgba(25,25,25,.7) 0%, rgba(25,25,25,.4) 42%, rgba(25,25,25,0) 73%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(25,25,25,.7) 0%,rgba(25,25,25,.4) 42%,rgba(25,25,25,0) 73%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(25,25,25,.7) 0%,rgba(25,25,25,.4) 42%,rgba(25,25,25,0) 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.catchTxt {
		width: 1110px;
		margin: 0 auto;
		font-size: 18px;
		/*color: #262626;*/
		text-align: left;
		padding-top: 90px;
		color: #fff;		
	}
	.catchTxt img {
		width: 430px;
		height: auto;
		display: block;
	}
	
	
	.topBtnArea {
		margin-top: -35px;
	}
	
	.topLinks {
		display: flex;
		justify-content:center;
		grid-gap: 30px;
	}
	.topLinkArea {
		width: 350px;
		padding: 20px;
		
	}
	.topLinkArea .imgArea {
	height: 130px;
	margin-bottom: 20px;
}
	.noteLink .imgArea img {
	width: 190px;
}
	/* SECOND PC */
	.secondMainArea .textArea {
		width: 720px;
		padding-top: 20px;
		padding-right: 30px;
		flex:1;
		box-sizing: border-box;
	}
	.secondMainArea .textArea p {
		padding-bottom: 0;
		font-size: 15px;
	}
	body:not(#profile) .secondMainArea .textArea p {
		font-size: 15px;
		padding-top: 5px;
	}
	.secondMainArea .textArea p span {
		display: inline-block;
		font-size: 12px;
	}
	.secondMainArea .imgArea {
		width: 230px;
	}
	.secondMainArea .textArea p note {
		line-height: 19px;
		padding-top: 3px;
	}
	/* PROFILE PC */
	#profile .imgtext .flexImg {
		width: 200px;
	}
	
	/* MEDIATRAINING PC */
	.mt1Box {
		height: 425px;
		padding: 0 0 0 40px;
	}
	.mt1BoxInner .liststyle li {
	font-size: 19px;
}

	.boxCard {
		max-width: 80%;
		padding: 0 60px;
	}
	.boxPrg {
		padding: 15px;
	}
	.mtPrg .flexBox > div {
		width: 550px;
	}
	.mtPrg .imgArea {
		margin-bottom: 10px;
		position: relative;
		margin-left: 10px;
	}
	.mtPrg .imgArea img {
		object-fit: cover;
		position: absolute;
		width: 100%;
		height: 100%;
		/*height: calc(100% - 30px);*/
}
	/* CLIENTS PC */
	

	.clientsList .flexBox {
		justify-content: flex-start;
justify-content: space-between;
	}
	.clientsList .flexBox > div {
		flex-grow: 1;
		width: 100%;
	}
	.clientsList .flexBox > div:nth-child(2+n) {
		margin-left: 20px;
	}
	/* ARTICLE PC */
	aside {
		width: 255px;
		margin-left: 30px;
		background: #EDE6D3;
		padding: 15px;
	}
	.flexBox article {
		width: 825px;
	}
	.articleWrap .wp-block-image {
		max-width: 55%;
	}
	#wpcf7-f288-p73-o1 {
		text-align: center;
	}
	.formArea {
		display: inline-block;
		margin: 0 auto;
	}
	.tb10 {
	width: 20em;
}
#wpcf7-f288-p73-o1 textarea {
	width: 30em;
}
	.wpcf7-spinner {
		display: block !important;
	}
		
}
span.wpcf7-list-item {
	display: block;
}