@charset "UTF-8";
/*
Theme Name: Shigeki Films
Theme URL: 
Description: Shigeki Films
Author: spiritus9
Version: 1.0
*/
/*--------------------------------------------共通設定*/
html {
	font-size: 44%;
}
body {
	position: relative;
  color: #555;
  font-size: 1.6rem;
  font-family: 'Noto Serif JP', serif;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
  color: #333;
  text-decoration: none;
}
a img:hover {
	opacity: 0.8;
}
a:hover {
	opacity: 0.8;
}
ul {
	list-style: none;
}
.flex {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
   -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
}
.clear {
	clear: both;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
img {
	width: 100%;
	height: 100%;
}
.rerative {
	position: relative;
}
section {
	width: 100%;
	margin-bottom: 120px;
}
.pcNone {
	display: none;
}
main,header .nav ,footer{
	background-color: #fff;
}
/*--------------------------------------------loading*/
#loader {
	width: 100vw;
	height: 100vh;
	background-color: #4caac3;
  position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	transition: all 1s ease-in-out;
}
#loader.loaded {
	opacity: 0;
	visibility: hidden;
}
.spinner {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: auto;
  position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------------------------------ヘッダー*/
.headerWrap {
	width: 100%;
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
	padding-bottom: 30%;
}
.headerWrap .videoWrap {
	position: fixed;
	top : 0;
	left: 0;
	width: 100%;
	padding-bottom: 34%;
	z-index: -1;
}
.headerWrap .videoWrap iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 56.25vw;
	z-index: -1;
	transform: translate(-50%, -50%);
	background: url("img/top.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}
h1 {
	position: absolute;
	bottom: 10%;
	right: 10%;
	font-size: 4rem;
	padding: 15px;
	letter-spacing: 3px;
	mix-blend-mode: exclusion;
}
.headerWrap h1 a {
	display: inline-block;
	color: #fff;
}
.headerWrap .footerIcons {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
}
.headerWrap .footerIcons ul {
	width: 10%;
	opacity: 0.6;
}
/*--------------------------------------------ナビ*/
section.nav {
	margin-bottom: 0;
	background-color: transparent;
	mix-blend-mode: exclusion;
}
section.nav.scroll {
	background-color: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	transition: 0.4s;
	mix-blend-mode: normal;
}
section.nav div.Title {
	margin-bottom: 0;
	padding: 0;
}
nav {
	width: 70%;
	margin: 0 auto;
	padding: 20px 0;
}
nav ul li {
	width: 14.2%;
	text-align: center;
}
nav ul li a::before {
	content: '▷';
	display: inline-block;
	font-size: 3rem;
	margin-right: 10px;
	color: #4caac3;
	transition: 0.4s;
}
nav ul li a::after,.listButton a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 2px;
	background-color: #4caac3;
	transition: 0.4s;
}
nav ul li a:hover::before {
	content: '▶';
	transform: rotateX(360deg);
}
nav ul li a:hover::after ,.listButton a:hover::after{
	width: 100%;
}
body.home .nav nav ul li a {
	font-size: 2.4rem;
	color: #fff;
	text-shadow: 0 0 3px #000;
}
.nav nav ul li a {
	font-size: 2.4rem;
	color: #333;
	text-shadow: 0 0 3px #fff;
}
body .nav.scroll nav ul li a {
	color: #333;
	text-shadow: 0 0 3px #fff;
}
nav ul li a ,.listButton a{
	letter-spacing: 2px;
	line-height: 2;
	position: relative;
	transition: 0.4s ease-in-out;
}
.listButton a {
	font-size: 3rem;
}
/*--------------------------------------------メイン*/
main {
	padding: 0 0 100px;
}
/*--------------------------------------------コンセプト*/
.conceptWrap {
	padding: 50px 0;
	background: url("img/concept.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}
.conceptWrap::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
}
.conceptContent {
	width: 100%;
}
h2.conceptCatch {
	width: 90%;
  max-width: 1200px;
	margin: 0 auto 30px;
	padding: 40px 20px;
	font-size: 5rem;
	letter-spacing: 4px;
	line-height: 1.5;
	text-shadow: 0 0 5px #fff;
	background: none;
}

.conceptContent div {
	width: 80%;
  max-width: 1200px;
	padding: 40px 30px;
	line-height: 2;
	letter-spacing: 1px;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	margin:0 auto;
	font-size: 3rem;
	border-left: 20px solid #4caac3;
	text-shadow: 0 0 3px #fff;
}
.conceptContent div p {
	text-shadow: 0 0 5px #fff;
}
/*--------------------------------------------プロフィール*/
.profileWrap {
	text-align: right;
}

.profileContent {
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
	background-color: rgba(255,255,255,0.8);
	font-size: 2.4rem;
	line-height: 1.8;
	letter-spacing: 2px;
	align-items: center;
}
.profileContent .profileDcument{
	width: 80%;
	padding-left: 5%;
}
.profileContent .profileImg {
	width: 20%;
	padding-top: 20%;
	border-radius: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.profileContent .profileName {
	margin-bottom: 30px;
	letter-spacing: 3px;
	font-size: 3rem;
	background: none;
	text-align: left;
}
.profileContent .profileName span {
	font-size: 2rem;
}
.profileContent p {
	padding-left: 20px;
	margin-left: 20px;
	border-left: 2px solid #12b7cd;
	text-align: left;
}
.profileWrap .postDocument iframe {
	width: 100%;
	height: 42vw;
}
/*--------------------------------------------ワークス*/
div.Title {
	position: relative;
	padding: 30px 0;
	border-top: 10px solid #cfe8ed;
	margin-bottom: 30px;
	color: #007786;
}
div.Title::before{
	content: "";
  position: absolute;
  right: 0;
  top: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cfe8ed transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
body.page .nav div.Title::before,body.single .nav div.Title::before,body.category .nav div.Title::before {
	display: none;
}
.worksTitle, h2 {
	font-size: 4rem;
	line-height: 2.5;
	letter-spacing: 3px;
	text-align: center;
	font-weight: normal;
	background: url("img/worksTitle.jpg") no-repeat;
	background-position: center center;
	background-size: contain;
}

.worksWrap article {
	width: 90%;
  max-width: 1200px;
	margin: 60px auto 100px;
}
.worksWrap article ul {
	justify-content: center;
}
.worksWrap article ul li {
	position: relative;
	width: 33%;
	width: -webkut-calc(100%/3);
	line-height: 0;
}
.worksWrap article ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
}
.worksWrap article ul li a .workThum, .planWrap .workThum{
	width: 100%;
	height: 0;
	padding-top: 50%;
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: .4s ease-in-out;
}
.worksWrap article ul li a .worksMask {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	text-shadow: 0 0 3px #000;
	color: #fff;
	transition:	all 0.4s ease-in-out;
	padding-top: 17%;
}
.worksWrap article ul li a .worksMask p {
	line-height: 2;
	letter-spacing: 1px;
	text-align: center;
	font-size: 2rem;
}
.worksWrap article ul li a .worksMask .worksPostTitle {
	border-bottom: 1px dotted #cfe8ed;
	font-size: 2rem;
	mix-blend-mode: exclusion;
}
.worksPostCat {
	color: #cfe8ed;
}
.worksWrap article ul li a {
	opacity: 1;
}
.worksWrap article ul li a:hover .workThum,.planWrap a:hover .workThum {
	-webkit-background-size: 110%;
	background-size:110% ;
}
.worksWrap article ul li a:hover .worksMask {
	opacity: 0;
	padding-top: 10%;
}
.worksWrap article ul li a img:hover {
	opacity: 1;
}
.listButton {
	text-align: center;
	margin-top: 30px;
}
.listButton a {
	padding: 10px 15px;
	font-size: 3rem;
}
.wp-pagenavi {
	padding: 20px 0;
	text-align: center;
}
.wp-pagenavi >* {
	font-size: 2rem;
	padding: 5px 10px;
}
.wp-pagenavi a {
	color: #4caac3;
}
.wp-pagenavi .current {
	border: 1px solid #1ab4d0;
	border-radius: 50%;
}
/*--------------------------------------------プラン*/
.planWrap .sectionTitle {
	background-image: url("img/plan.gif");
}
.planWrap .planContent:nth-child(even) {
	flex-direction: row-reverse;
}
.planWrap .planContent:nth-child(even) .planInfo {
	text-align: right;
}
.planWrap .planContent:nth-child(even) .planInfo dl {
	border-right: 2px solid #4caac3;
	border-left: none;
}
.planContent {
	width: 80%;
  max-width: 1200px;
	margin: 0 auto;
	align-items: center;
	margin-bottom: 80px;
}
.planContent .planImg {
	width: 30%;
}
.planContent .planInfo {
	width: 70%;
	padding:0 20px;
}
.planWrap dl {
	border-left: 2px solid #4caac3;
	font-size: 2.4rem;
	line-height: 1.8;
	letter-spacing: 1px;
	padding: 0 15px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.planWrap dl dt {
	font-weight: bold;
}
.planWrap dl dd {
	font-size: 2rem;
	padding: 15px 20px;
}
.planWrap .planContent.price {
	display: none;
}
/*--------------------------------------------スケジュール*/
.scheduleWrap {
	margin-bottom: 0;
	padding-bottom: 120px;
}
.scheduleWrap .sectionTitle {
	background-image: url("img/schedule.gif");
}
section h3 {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.4;
	letter-spacing: 2px;
	font-weight: normal;
	margin-bottom: 60px;
}
.scheduleContent {
	width: 80%;
  max-width: 1200px;
	margin: 0 auto;
}
.scheduleContent ul {
	align-items: center;
	justify-content: center;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin-bottom: 30px;
}
.scheduleContent ul li {
	font-size: 2.4rem;
	line-height: 1.8;
	letter-spacing: 2px;
	text-align: center;
}
.scheduleContent ul li.scheduleImg,.scheduleContent ul li.scheduleDocument {
	width: 40%;
}
.scheduleContent ul li.scheduleImg img {
	width: 70%;
}
.scheduleContent ul li.scheduleTitle {
	width: 20%;
	font-weight: bold;
}
.scheduleContent ul li.scheduleTitle span {
	margin-right: 15px;
	color: #1ab4d0;
}
.scheduleContent ul li.scheduleDocument {
	text-align: left;
	padding-left: 20px;
}
/*--------------------------------------------コンタクト*/
.contactWrap {
	margin-bottom: 0;
	padding-bottom: 120px;
}
.contactWrap .sectionTitle {
	background-image: url("img/contact.gif");
}
.contactIcon {
	width: 30%;
	margin: 0 auto 60px;
}
.contactIcon h3 {
	text-align: center;
	line-height: 1.8;
	letter-spacing: 1px;
	font-size: 2.1rem;
	margin-bottom: 20px;
}
.contactIcon ul li {
	width: 100%;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1px;
}
.contactIcon ul li a{
	background-image: url("img/insta.gif");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	padding-left: 40px;
	font-size: 3rem;
	line-height: 3;
}
/*--------------------------------------------フォーム*/

.wpcf7 .wpcf7-form {
	width: 40%;
	margin: 0 auto;
}
.wpcf7 .wpcf7-form p {
	margin-bottom: 15px;
}
.wpcf7 .wpcf7-form p label {
	line-height: 1.8;
	font-size: 2rem;	
}
.wpcf7 .wpcf7-form p span input,.wpcf7 .wpcf7-form p span textarea{
	width: 100%;
	border: 1px solid #86d8e3;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.4;
	padding: 10px;
	border-radius: 10px;
}
.wpcf7-submit {
	background-color: transparent;
	padding: 10px 20px;
	padding-right: 50px;
	border-radius: 15px;
	font-size: 2rem;
	letter-spacing: 2px;
	border: 2px solid #4caac3;
	color: #4caac3;
	background: url("img/send.gif") no-repeat;
	background-position: 80% center;
	background-size: 25% auto;
	transition: 0.4s
}
.wpcf7-submit:hover {
	text-decoration: underline;
}
.sendButton {
	width: 100%;
	text-align: center;
}
.wpcf7 .sendButton .ajax-loader {
	display: none;
}
div.recapcha {
	text-align: center;
	margin: 15px 0;
}
#checkBox input[type="checkbox"] {
    width: auto;
}
.wpcf7-form-control-wrap {
  display: block;
}
.wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
}
span.wpcf7-list-item {
  position: relative;
  margin: 0 50px 0 0 !important;/*項目ごとの余白を調整*/
}
.wpcf7-list-item-label {/*項目の色や文字サイズ*/
  cursor: pointer;
  font-size: 16px;
}
input[type="checkbox"] {
  position: absolute;
  opacity: 0;/*既存のチェックボックスを見えなくする*/
}
.wpcf7-list-item-label:before {/*チェックボックスの枠*/
  content: '';
  border: 1px solid #4caac3;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  margin-right: 20px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {/*チェックアイコン*/
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: url("https://yuyauver98.me/develop-html/check-solid.svg") no-repeat center;
  background-size: contain;
}
.grecaptcha-badge { 
  visibility: hidden;
}
p.reCAPTCHA {
  text-align: center;
  padding: 0 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}
/*--------------------------------------------フッター*/
section.footer {
	margin-bottom: 0;
}
.footerIcons {
	margin-bottom: 20px;
}
.footerIcons ul {
	width: 15%;
	margin: 0 auto;
	justify-content: center;
}
.footerIcons ul li {
	width: 23%;
}
/*仕様変更21/10/01
.footerIcons ul li a img {
	filter: drop-shadow(0 0 2px #fff);
}
*/
.footer address {
	padding: 15px 0;
	text-align: center;
	border-top: 2px solid #1ab4d0;
}
/*--------------------------------------------投稿*/
.postContent .Title {
	margin-bottom: 20px;
}
.postContent .Title h2 {
	line-height: 1.4;
	font-size: 4rem;
	background: none;
}
.postContent iframe {
	width: 100%;
	height: 42vw;
}
.singleButton {
	margin-top: 30px;
	text-align: center;
	padding: 10px 0;
}
.backButton,a.backButton{
	display: inline-block;
	background: none;
	padding: 10px 20px;
	border: 1px solid #1ab4d0;
	border-radius: 30px;
	color: #4caac3;
	font-size: 2.4rem;
	font-family: 'Noto Serif JP', serif;
}

/*--------------------------------------------投稿内容*/
.postDocument {
	width: 80%;
	max-width: 1000px;
	margin: 0 auto;
}
.postDocument>* {
	font-size: 16px;
}
.postDocument p {
	line-height: 1.8;
	letter-spacing: 1px;
	margin: 30px 0;
}
.postDocument p strong {
	margin-bottom: 10px;
}
.postDocument figure img {
	width: 100%;
}
.wp-block-image .aligncenter {
	width: 100%;
}
.postDocument figure figcaption {
	text-align: center;
}
.postDocument figure table{
	width: 90%;
	margin: 0 auto 30px;
}
.postDocument figure table td {
	padding: 15px 10px;
	border: 1px solid #aaa;
	line-height: 1.4;
}
.postDocument h2,.postDocument h3,.postDocument h4,.postDocument h5,.postDocument h6 {
	clear: both;
	line-height: 2;
	letter-spacing: 2px;
}
.postDocument h2 {
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	border-left: 5px solid #4caac3;
	background-image: none;
	margin-top: 50px;
	margin-bottom: 30px;
	text-align: left;
}
.postDocument h3 {
	font-size: 20px;
	margin: 50px 0 35px;
	padding: 20px 0;	
}
.postDocument h3::before {
	content: '●';
	color: #4caac3;
}
.postDocument h4 {
	font-weight: bold;
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.postDocument h4::before,.wp-block-verse::before,.wp-block-verse::after {
	content: '';
	display: inline-block;
	width: 3%;
	height: 3px;
	font-weight: bold;
	background-color:  #4caac3;
	vertical-align: middle;
	margin-bottom: 1.5px;
}
.postDocument .wp-block-verse {
	white-space: pre-wrap;
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	padding: 30px 0;
	line-height: 1.8;
	letter-spacing: 2px;
}
.wp-block-verse::after {
	margin-left: 10px;
}
.postDocument h4::before,.wp-block-verse::before {
	margin-right: 10px;
}
.wp-block-verse::before,.wp-block-verse::after {
	background-color: #aaa;
	height: 2px;
}
.postDocument ul {
	margin: 40px 0;
	padding: 30px;
	background-color: #eee;
	border-radius: 20px;
}
.postDocument ul li {
	line-height: 1.8;
	letter-spacing: 2px;
	list-style-type: square;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 16px;
}
.postDocument ul li::marker, .postDocument ol li::marker{
	color: #4caac3;
	font-size: 18px;
}
.postDocument ol {
	width: 90%;
	margin:  0 auto;
}
.postDocument ol li {
	font-size: 16px;
	line-height: 2;
	margin-left: 20px;
	margin-bottom: 10px;
}
.postDocument .wp-block-quote.is-style-large {
	border-left: 3px solid #aaa;
}
.postDocument .wp-block-quote.is-style-large p {
	font-size: 18px;
}
.wp-block-group {
	padding: 30px;
	border: 1px solid #4caac3;
	border-radius: 20px;
	margin: 60px auto;
	width: 90%;
}
.wp-block-group .wp-block-group__inner-container>* {
	margin-top: 0;
}
.wp-block-group::after {
	content: '';
	display: block;
	clear: both;
}
.postDocument .wp-block-pullquote.is-style-default {
	padding: 20px;
	width: 90%;
	margin: 0 auto;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.postDocument .wp-block-pullquote.is-style-default p {
	font-size: 18px;
}
.postDocument .wp-block-quote {
	font-style: normal;
	padding: 20px;
	border: 1px dotted #ccc;
	margin-bottom: 30px;
	line-height: 1.8;
}
.postDocument .wp-block-quote p {
	margin: 0;
}
/*--------------------------------------------plan詳細*/
.planWrap.flex {
	justify-content: center;
}
.planWrap div.Title, .planWrap div.singleButton{
	width: 100%;
}
.planWrap .planItem {
	width: 35%;
	padding: 25px;
	border: 2px solid #ccc;
	border-radius: 5px;
	margin: 0 2% 40px;
}
.planItem h3 {
	margin-bottom: 15px;
	font-size: 3rem;
	color: #4caac3;
	text-align: center;
}
.planItem h3 span {
	display: block;
	font-size: 1.3rem;
	padding-left: 10px;
}
.planItem dl.planPrice {
	border: 2px solid #4caac3;
	padding: 10px;
	margin-bottom: 15px;
}
.planItem .planPrice dt {
	text-align: center;
	font-size: 3rem;
}
.planItem dl dd {
	padding: 0;
}
.planItem .planInfo, .planItem .planDesc{
	padding: 0 15px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: 1.2em;
	margin-bottom: 20px;
}
.planItem .planDesc{
	width: 90%;
	margin: 0 auto;
	border-left: 2px solid #4caac3;
}
.planItem dl.planMovie {
	border-left: none;
}
.planItem dl.planMovie dd {
	color: #4caac3;
	text-align: center;
}
.planItem .planMovie dt iframe {
	height: 15vw;
}
.planItem .wp-block-table {
	text-align: center;
}
.planItem .wp-block-table table {
	display: table;
}
.planItem .wp-block-table td,.planItem .wp-block-table th {
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
}
.planItem .wp-block-table th {
	width: 28%;
	padding: 10px;
	font-size: 2.8rem;
}
.planItem .wp-block-table th:nth-child(1) {
	width: 16%;
}
.planItem .wp-block-table th:nth-child(2) {
	background-color: #cfe8ed;
}
.planItem .wp-block-table th:nth-child(3) {
	background-color: #007786;
	color: #FFF;
}
.planItem .wp-block-table th:nth-child(4) {
	background-color: #333;
	color: #D7F432;
}
.planItem .wp-block-table td a {
	color: #4caac3;
	text-decoration: underline;
}
#price.planItem {
	width: 74%;
}
#price.planItem .planPrice,#price.planItem .planMovie dd {
	display: none;
}
/*--------------------------------------------レスポンシブ設定タブレット*/
@media (max-width: 1200px) {
/*--------------------------------------------共通設定*/
	html {
		font-size: 35%;
	}
}
@media (max-width: 1000px) {
	nav {
		width: 100%;
	}
	.headerWrap iframe {
		top: -9%;
	}
	.profileWrap {
		background-size: 120%;
	}

}

/*--------------------------------------------レスポンシブ設定スマホ*/
@media (max-width: 790px) {
/*--------------------------------------------共通設定*/
	.spNone {
		display: none;
	}
	.pcNone {
		display: block;
	}
	section {
		margin-bottom: 60px;
	}
	.worksTitle, h2 {
		font-size: 5rem;
	}
/*--------------------------------------------ヘッダー*/
	/*仕様変更21/10/01
	h1 {
		position: inherit;
		bottom: 0;
		right: 0;
		text-align: center;
		padding: 20px 0;
		background: #fff;
	}	
	*/
	h1 {
		position: absolute;
		top: 0;
		left: 0;
		bottom: auto;
		right: auto;
		padding: 17px 10px;
		font-size: 3rem;
	}
	.headerWrap {
		padding-bottom: 0;
		padding-top: 63%;
	}
	/*仕様変更21/10/01
	.headerWrap h1 a {
		color: #555;
	}
	*/
	.headerWrap h1 a {
		text-shadow: 1px 1px 2px #444;
	}
		/*仕様変更21/10/01
	.headerWrap .footerIcons {
		background-color: #fff;
		position: inherit;
	}
	*/
	.headerWrap .footerIcons ul {
		width: 15%;
	}
	.headerWrap .videoWrap {
		padding-bottom: 63%;
	}
	.headerWrap .videoWrap iframe {
	width: 150%;
	height: 84.375vw;
}
	
.scrollIcon {
	display: block;
  padding-top: 80px;
	position: absolute;
	bottom: -5%;
	right: 5%;
	z-index: 2;
}
.scrollIcon span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scrollIcon span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scrollIcon span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.scrollIcon span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*--------------------------------------------ナビ*/
	section.nav {
		mix-blend-mode: normal;
	}
	section.nav.scroll {
		background-color: #fff;
	}
	section.nav nav {
		padding: 30px;
		width: 100%;
	}
	section.nav nav ul li {
		width: 100%;
		margin-bottom: 15px;
		text-align: left;
	}
	body.home .nav nav ul li a {
		font-size: 3rem;
		color: #333;
		text-shadow: none;
	}
	.nav.scroll nav ul li a {
		text-shadow: none;
	}
	section.nav,section.nav.scroll {
		position: fixed;
		top: 40%;
		left: 50%;
		display: block;
		opacity: 0;
		width: 80%;
		margin: 0 auto;
		background-color: #fff;
		transform: translate(-50%, -50%);
		border-radius: 0 0 20px 20px;
		transition: 0.4s;
		visibility: hidden;
	}
	section.nav div.Title {
		margin-bottom: 0;
	}
	section.nav div.Title h2 {
		margin-top: 30px;
	}
	section.nav.active {
		top: 50%;
		left: 50%;
		opacity: 1;
		bottom: inherit;
		transition: 0.4s ease-in-out;
		z-index: 99;
		visibility: visible;
	}
	.navButton {
		width: 50px;
		height: 50px;
		position: fixed;
		top: 1%;
		right: 2%;
		z-index: 200;
		background: url("img/menuicon.png") no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		transition: 0.4s;
	}
	.navButton.active {
		background: url("img/menuicon2.png") no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center center;
		transition: 0.4s;
	}
	.mainCover {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		transition: ease-in-out 0.4s;
		visibility: hidden;
	}
	.mainCover.active {
		opacity: 1;
		transition: 0.4s;
		z-index: 98;
		visibility: visible;
			
	}
/*--------------------------------------------メイン*/
	main {
		padding: 0;
	}
	div.Title {
		margin-bottom: 30px;
	}
/*--------------------------------------------コンセプト*/
	.conceptWrap {
		padding: 0;
	}
	.conceptContent {
		width: 100%;
		margin-bottom: 0;
	}
	h2.conceptCatch {
		width: 90%;
		margin: 30px auto 60px;
		padding: 20px 10px;
		border-left: none;
		border-top: 5px solid #4caac3;
		font-size: 4rem;
		text-shadow: 0 0 5px #000;
	}
	.conceptContent div {
		border-left: none;
		width: 100%;
		background-color: rgba(0,0,0,0.6);
		color: #FFF;
		text-shadow: 0 0 3px #000;
	}
	.conceptContent div p {
		width: 100%;
		text-shadow: 0 0 5px #000;
	}
/*--------------------------------------------プロフィール*/
	.profileContent {
		width: 100%;
		margin: 0;
		padding: 30px 0;
	}
	.profileContent .profileDcument,.profileContent .profileImg {
		width: 80%;
		margin: 0 auto 30px;
	}
	.profileContent .profileImg {
		padding-top: 80%;
	}
	.profileContent .profileDcument p,.profileContent .profileDcument .profileName{
		text-align: center;
	}
	.profileContent .profileDcument p {
		border-left: none;
		border-top: 2px solid #12b7cd;
		padding-top: 30px;
		margin-left: 0;
		padding-left: 0;
	}
/*--------------------------------------------ワークス*/
	.worksWrap article {
		width: 100%;
		margin: 30px 0;
	}
	.worksWrap article ul li {
		width: 100%;
	}
	.worksWrap article ul li a .worksMask {
		opacity: 1;
		height: 100%;
		padding-top: 20%;
	}

/*--------------------------------------------プラン*/
	.planContent {
		width: 95%;
		text-align: left;
	}
	.planContent .planImg ,.planContent .planInfo{
		width: 100%;
	}
	.planWrap .planContent:nth-child(even) .planInfo dl,.planWrap dl {
		border: none;
	}
	.planWrap .planContent:nth-child(even) .planInfo {
		text-align: left;
	}
/*--------------------------------------------スケジュール*/
	.scheduleWrap {
		padding-bottom: 30px;
	}
	.scheduleContent {
		width: 90%;
	}
	.scheduleContent ul {
		position: relative;
		margin-bottom: 40px;
		border: 1px solid #1ab4d0;
		border-radius: 20px;
		padding: 15px;
	}
	.scheduleContent ul li.scheduleImg,.scheduleContent ul li.scheduleTitle,.scheduleContent ul li.scheduleDocument {
		width: 100%;
		text-align: center;
	}
	.scheduleContent ul li.scheduleImg img {
		width: 100%;
		padding-top: 15px;
	}
	.scheduleContent ul li.scheduleTitle {
		position: absolute;
		display: inline-block;
		width: inherit;
		top: -18px;
		font-size: 4rem;
		background-color: #fff;
		padding: 0 10px;
	}
	.scheduleContent ul li.scheduleDocument{
		padding-left: 0;
	}
/*--------------------------------------------コンタクト*/
	.contactWrap {
		padding-bottom: 30px;
	}
	.wpcf7 .wpcf7-form {
		width: 80%;
	}
	.contactIcon {
		width: 50%;
	}
	.contactIcon ul li {
		width: 100%;
	}
/*--------------------------------------------フッター*/
	.footerIcons ul {
		width: 40%;
	}
/*--------------------------------------------plan*/
	.planWrap .planItem,.planWrap #price.planItem {
		width: 95%;
	}
	.planWrap #price.planItem {
		padding: 2%;
	}
	.planWrap #price.planItem .planMovie {
		padding: 0 ;
		font-size: 0.8rem;
	}
	.planItem .planMovie dt iframe {
		height: 42vw;
	}
	.planItem .wp-block-table th {
		padding: 0;
		font-size: 1rem;
	}
/*--------------------------------------------投稿*/
	.postDocument {
		width: 95%;
	}
	.postDocument iframe {
		height: 300px;
	}
}
@media (max-width: 580px) {
	.headerWrap iframe {
		top: -5%;
	}
	.headerWrap .footerIcons ul {
		width: 30%;
	}
}