@charset "utf-8";

/*<![CDATA[*/@import 'fonts/stylesheet.css';/*]]>*/
* {
  /* outline: 1px solid #f00; */
}

html {
  font-size: 16px;
  font-family:"Capture it", "Hiragino Kaku Gothic ProN", sans-serif;
}
body {
  width: 100vw;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

p {
  font-family:"Capture it";
}
div {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 300;
  font-size: 14pt;
}
img {
  /* width: 100%; */
}
.logo {
  height: 76px;
}
.subtitle_control {
}
.subtitle_shooting {
}
.subtitle_others {
}
a {
  text-decoration: none;
  color: white;
}

#menu a {
  text-decoration: none;
  color: white;
}

#wrapper {
  width: 100%;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 0;
}

#header {
  z-index: 10;
  position: fixed;
  display: flex;
  flex-direction: row;
  background-color: #669933;
  width: 100%;
  margin: 0;
  padding: 0;
  /* overflow: hidden; */
  /* height: 76px; */
  color: #fff;
}
#header p:hover {
  opacity: 0.8;
  text-decoration: underline;
}
#open_contact1:hover div {
  outline: 1px solid #f00;
  text-decoration: underline;
  opacity: 0.9;
}
#open_contact2:hover div {
  outline: 1px solid #ff9900;
  text-decoration: underline;
  opacity: 0.9;
}
#open_contact3:hover div {
  outline: 1px solid #ff9933;
  text-decoration: underline;
  opacity: 0.9;
}
#menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.opening_x:hover {
  transform: scale(1.01);
}
.menu {
  min-width: 100px;
  font-family:"Capture it";
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 8px;
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
}
.top {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 0.8rem;
  line-height: 1.7rem;
  overflow: hidden;
}
.top_and {
  font-size: 1.6rem;
}
.r180 {
  transform: rotate(180deg);
}

/* スライダーの矢印デザイン */
.slide-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border: 0;
  border-radius: 50px;
  position: absolute;
  top: calc(100%/2);
}
.slide-arrow:hover {
  cursor: pointer;
  background-color: #ccc;
}
.slide-arrow img {
  width: 45px;
  height: 45px;
}
.prev-arrow {
  z-index: 1;
  left: 30px;
}
.next-arrow {
  z-index: 1;
  right: 30px;
}

.slider-image {
  /* width: 890px; */
}

.slider-image img {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}

.slick-next, .slixk-prev {
  right: 0;
}
.slick-dots {
  margin: -10px 0;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #ff6600;
}
.slick-dots li.slick-active button:before {
  color: #ff6600;
}
.slick-dotted.slick-slider {
  margin-bottom: 36px;
}

.block_title {
  font-family:"Capture it";
  font-size: 40pt;
}
.block_subtitle {
  padding: 5px;
  border-radius: 10px;
  font-size: 20pt;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block_title_example {
  color: #cc6600;
}
.block_subtitle_example {
  background-color: #cc6600;
  color: #ffffff;
}
.block_title_studio {
  letter-spacing: 0.017em;
  color: #33cc33;
  font-size: 62px;
}
.block_subtitle_studio {
  background-color: #33cc33;
  width: 410px;
}
.block_title_shooting {
  font-size: 49px;
  color: #6699ff;
}
.block_subtitle_shooting {
  width: 400px;
  padding: 5px;
  border-radius: 10px;
  font-size: 20px;
  background-color: #6699ff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block_subtitle_example {
  background-color: #cc6600;
  color: #ffffff;
}
.block_title_control {
  font-size: 49px;
  color: #ff9933;
}
.block_subtitle_control {
  background-color: #ff9933;
  color: #ffffff;
}
.block_title_others {
  letter-spacing: 0.1rem;
  font-size: 49px;
  color: #ed8a88;
}
.block_subtitle_others {
  background-color: #ed8a88;
  color: #ffffff;
}

.slider1,
.slider2,
.slider3 {
  max-width: 630px;
  /* width: 100%; */
}
.thumbnail1,
.thumbnail2,
.thumbnail3 {
  margin-top: 20px;
  max-width: 630px;
  width: 100%;
}

.thumbnail1-image,
.thumbnail2-image,
.thumbnail3-image {
  max-width: 630px;
  width: 100%;
}
.thumbnail1-image:hover,
.thumbnail2-image:hover,
.thumbnail3-image:hover {
  cursor: pointer;
}
.thumbnail1-image img,
.thumbnail2-image img,
.thumbnail3-image img {
  height: auto;
  width: 100%;
}
.thumbnail1 .slick-track,
.thumbnail2 .slick-track,
.thumbnail3 .slick-track {
  transform: unset !important;
}
.thumbnail1-image,
.thumbnail2-image,
.thumbnail3-image {
  opacity: .3;
  transition: opacity .3s linear;
}
.thumbnail1 .slick-current,
.thumbnail2 .slick-current,
.thumbnail3 .slick-current {
  opacity: 1;
}

.opening {
  padding-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
}
.opening img {
  width: 100%;
}
.example_ch {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 20px;
}
.yt01, .yt02, .yt03 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: initial;
}
.yt03 a {
  width: 100%;
}
.yt01 .title, .yt02 .title, .yt03 .title {
  color: #cc6600;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}
.yt01 .msg, .yt02 .msg, .yt03 .msg {
  color: #cc6600;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2rem;
  text-align: left;
  margin: 10px 0;
}
.yt01 iframe {
  width: calc(100% - 10px);
  margin-right: 10px;
  aspect-ratio: 16/9;
}
.yt02 iframe {
  width: calc(100% - 10px);
  margin: 0 5px;
  aspect-ratio: 16/9;
}
.yt03 img {
  width: calc(100% - 10px);
  margin-left: 10px;
  padding: 0;
  aspect-ratio: 16/9;
}
.studio_link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 150px;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.studio_link_wrapper {
  width: 100%;
  position: relative;
}
.about_company {
  display: flex;
  flex-direction: column;
  margin:40px 0;
}
.about_link_wrapper {
  /* width: 420px; */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.about_link {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 2px;
}
.about_link1,
.about_link2,
.about_link3,
.about_link4,
.about_link5,
.about_link6,
.googlemap_link {
  width: 170px;
  font-size: 14px;
  background-color: #f00;
  border-radius: 20px;
  text-decoration: underline;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  margin: 0 2px;
}
.about_link1:hover,
.about_link2:hover,
.about_link3:hover,
.about_link4:hover,
.about_link5:hover,
.about_link6:hover,
.googlemap_link:hover {
  opacity: 0.9;
}
.about_link2 {
  background-color: #33ccff;
}
.about_link3 {
  background-color: #ff0000;
}
.about_link4 {
  background-color: #ff9933;
}
.about_link5 {
  background-color: #ff6633;
}
.about_link6 {
  background-color: #ff6633;
}
.about_link1:hover {
  outline: 1px solid #f00;
  cursor: pointer;
}
.about_link2:hover {
  outline: 1px solid #33ccff;
  cursor: pointer;
}
.about_link3:hover {
  outline: 1px solid #f00;
  cursor: pointer;
}
.about_link4:hover {
  outline: 1px solid #ff9933;
  cursor: pointer;
}
.about_link5:hover {
  outline: 1px solid #ff6633;
  cursor: pointer;
}
.about_link6:hover {
  outline: 1px solid #ff6633;
  cursor: pointer;;
}
.googlemap_link {
  z-index: 4;
  position: absolute;
  top:10px;
  right: 10px;
  text-decoration: none;
  font-size: 1.0rem;
  padding: 8px;
}
.googlemap_link:hover {
  text-decoration: underline;
  outline: 1px solid #f00;
  cursor: pointer;
}
.about0 {
  display: flex;
  flex-direction: column;
  padding-top: 35px;
}
.about1,
.about2,
.about3,
.about4,
.about5,
.about6,
.about7,
.about8 {
  display: flex;
  flex-direction: row;
  line-height: 1.6rem;
  padding-bottom: 2px;
}
.about1 {
  font-weight: 500;
  font-size: 24px;
  padding-bottom: 15px;
}
.about3 {
  padding-bottom: 12px;
}
.about6 {
  padding-bottom: 2rem;
}
.about7, .about8 {
  padding-bottom: 0;
}
.about7 .a1, .about8 .a1 {
  font-size: 14px;
}
.about7 .a2, .about8 .a2 {
  font-size: 14px;
}
.a1 {
  width: 120px;
  font-weight: bold;
}
.a2 {
  flex: 1;
}
#contents {
  /* margin-top: 76px; */
}
.contents_title {
  text-align: left;
}
.contents_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin:20px 55px;
}
.contents_item {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.contents_item_left {
  align-items: flex-start;
}
.contents_item_right {
  align-items: flex-end;
}
.contents_detail {
  padding: 0 20px;
}

/* contact us */
#contact0 {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 300;
  font-size: 14pt;
  background-color: #73aa3c;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  max-width: 100%;
}
#contact1 {
  width: 412px;
  padding-top: 40px;
  margin: 0 40px;
  background-color: #73aa3c;
}
#contact2,
#contact3,
#contact4 {
  width: 228px;
  padding-top: 40px;
  margin: 0 10px;
}
#contact1 img,
#contact2 img,
#contact3 img,
#contact4 img {
  max-width: 100%;
}
#contact2 img:hover,
#contact3 img:hover,
#contact4 img:hover {
  background-color: #fff;
  outline: 1px solid #fff;
  cursor: pointer;
  opacity: 0.9;
}
.contact_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.contact_address_wrapper {
  color: white;
}
.contact_address {
  font-size: 14px;
  margin: 10px 0;
  line-height: 1.1rem;
}
.contact1_address_wrapper {
  display: flex;
  flex-direction: column;
}
.contact1_address_title {
  color: white;
  font-size: 12px;
  margin: 10px 0 5px 0;
}
.contact1_address {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 166px;
  height: 25px;
  background-color: #ffcc33;
  font-size: 14px;
  margin: 2px 0;
}
.contact1_address a {
  color: #000;
  text-decoration: none;
}
.shooting, .control, .others {
  max-width: 650px;
  font-weight: 300;
  font-size: 24px;
  margin: 20px 0;
  line-height: 2.0rem;
}
.other_link {
  display: flex;
  flex-direction: row;
}
.control {
  margin-right: 20px;
}
.access {
  margin-right: 20px;
}
.access_text {
  display: flex;
  flex-direction: column;
  margin: 20px 55px;
  width: 50%;
  justify-content: space-between;
  flex: 1;
}
.access_f10 {
  font-size: 1.0rem;
  margin-left: 2rem;
}
.access_f11 {
  font-size: 1.1rem;
  margin-left: 1rem;
}
.access_f16 {
  font-size: 1.6rem;
}
.menu_wrapper {
  display: flex;
  flex-direction: row;
  background-color: #73aa3c;
  padding: 10px 40px;
}
.menu_title {
  display: flex;
  flex-direction: column;
  letter-spacing: 0.1rem;
}
.menu_title_main {
  font-size: 46px;
  color: #fff;
}
.menu_title_sub {
  width: 260px;
  margin: 5px 0 10px 0;
  padding: 5px 0;
  border-radius: 10px;
  font-size: 18pt;
  background-color: #fff;
  color: #73aa3c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.example_wrapper {
  padding: 20px 40px;
  background-color: #ffcc00;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.example_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.example_title {

}
.example_title_main {
  letter-spacing: 0.3rem;
  color: #cc6600;
}
.example_title_sub {
  width: 220px;
  font-size: 22px;
  background-color: #cc6600;
  color: #fff;
}
.example_title_text {
  padding: 0px;
  border-radius: 5px;
  font-size: 18pt;
  line-height: 1.9rem;
  color: #cc6600;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about_title_sub {
  width: 220px;
  font-size: 25px;
  letter-spacing: 0.5rem;
}
.about_map {
  width: 50%;
  position: relative;
}
.about_map iframe {
  width:700px;
  height:520px;
  border:0;
  width: 100%;
}
.menu_title_spacer {
  border-right: 2px solid #fff;
  margin: 0px 30px;
}
.menu_title_detail {
  margin: 0px;
  color:white;
  line-height: 1.8rem;
  font-size: 24px;
}

.qa_title_spacer {
  margin: 5px 20px 10px 20px;
}
.about_title_spacer {
  margin: 40px 0 10px 0;
}

/* .control {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 300;
  font-size: 24pt;
}
.others {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 300;
  font-size: 24pt;
} */

.qa_wrapper {
  margin: 100px;
}
.qa_title_wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  letter-spacing: 1px;
}
.qa_title_q {
  font-size: 42pt;
  color: #fff;  
}
.qa_title_uestion {
  font-size: 32pt;
  color: #fff;  
}
.qa_title_and {
  font-size: 24pt;
  color: #fff;
  margin: 0 4px 3px 4px;
}
.qa_title_a {
  font-size: 42pt;
  color: #fff;
}
.qa_title_ns {
  font-size: 32pt;
  color: #fff;
}
.qa_title_w {
  font-size: 32pt;
  color: #fff;
  margin-bottom: 2px;
  margin-right:3px;
  transform: rotate(180deg);
}
.qa_title_er {
  font-size: 32pt;
  color: #fff;
}
.qacontents {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 0;
  /* justify-content: space-around; */
}
.qaitem {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.qa1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  flex: 1;
  white-space: nowrap;
}
.qa_q {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 40px 0 10px;
  overflow: hidden;
  flex: 1;
  /* white-space: nowrap; */
  justify-content: space-between;
}
.qa_q1 {
  display: flex;
  flex-direction: row;
}
.qa_a {
  margin-left:20px;
  flex: 1;
}
.guide_wrapper {
  background-color: #ff7800;
  color: #fff;
  padding: 5px;
  /* border-radius: 10px 10px 0 0; */
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.5rem;
}
.guide_detail {
  margin: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 220px;
}
.guide_detail_text {
  font-size: 12pt;
}
.guide_detail_text span {
  color: #f00;
}
.guide_number {
  font-family: "Hiragino Kaku Gothic Std", sans-serif;
  font-size: 2.5rem;
  margin: 0 10px;
}
.guide_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.guide_contact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.guide_contact_wrapper {
  width: 90%;
  display: flex;
  flex-direction: row;
  margin: 20px 0;
}
.guide_contact_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.guide_contact_item_right {
  margin-left: 10px;
}
.guide_contact_item_left {
  margin-right: 10px;
}
.guide_contact_link {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.guide_contact_form_link {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ff9900;
  color: #fff;
  width: 100%;
  height: 86px;
  border-radius: 20px;
  font-size: 20pt;
  font-weight: bold;
}
.guide_contact_text {
  margin-top: 10px;
  margin-bottom: 20px;
}
.guide_kiyaku {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #33ccff;
  height: 35px;
  border-radius: 10px;
  font-size: 18pt;
}
.open_campaign {
  width: 100%;
}

#studio_wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
.studio_title_main {
  letter-spacing: 0.3rem;
  color: #33cc33;
}
.studio_title_sub {
  width: 220px;
  font-size: 22px;
  background-color: #33cc33;
  color: #fff;
}
.guide_arrow {
  margin: 0 10px;
}
.about_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 590px;
  margin: 30px 0;
}
.about_order {
  display: flex;
  flex-direction: row;
  margin: 0 40px;
}

/* footer */
#footer {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 300;
  font-size: 12pt;
  background-color: #336600;
  color: white;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spacer_ff9900 { /* footer1 */
  background-color: #ff9900;
  height: 17px;
}
.spacer_ff6600 { /* footer2 */
  background-color: #ff6600;
  height: 20px;
}
.spacer_ff9933 { /* footer2 */
  background-color: #ff9933;
  height: 20px;
}
.spacer_5ae35a { /* footer1 */
  background-color: #5ae35a;
  height: 17px;
}
.spacer_33cc33 { /* footer2 */
  background-color: #33cc33;
  height: 20px;
}
.spacer_6699ff { /* footer2 */
  background-color: #6699ff;
  height: 20px;
}
.spacer_569616 { /* footer1 */
  background-color: #569616;
  height: 17px;
}
.spacer_4b8115 { /* footer2 */
  background-color: #4b8115;
  height: 20px;
}
.spacer_ed8a88 {
  background-color: #ed8a88;
  height: 20px;
}

/* CONTACT */
div.mfp_err {
	clear: both;
	display: none;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 17px;
	color: #F00;
	font-size: 12px;
	line-height: normal;
	background-image: url(contact/mfp.statics/_images/mfp_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#mfp1, #mfp2, #mfp3, #mfp4, #mfp5, #mfp6, #mfp7, #mfp8, #mfp9 {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  /* background-color: rgba(255,255,255,0.7); */
}
div#mfp_hidden {
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0px;
	margin: 0px;
}
div#mfp_hidden input {
	margin: 10px;
}
.popup {
  display: none;
  height: 100vh;
  width: 100%;
  background: black;
  /* opacity: 0.7; */
  position: fixed;
  top: 0;
  left: 0;
  /* overflow-y: scroll; */
  z-index: 1;
}
.modal_section {
  width: 100%;
}
.show {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-open {
	text-decoration: underline;
	cursor: pointer;
}
.modal-content {
  width: 95%;
	margin: 0 auto;
	border-radius: 0.3rem;
	background: #fff;
}
.modal-header {
	display: flex;
	justify-content: space-between;
	padding: 1rem;
}
.modal-title {
  width: 100%;
  text-align: center;
  font-size: 40px;
	margin: 0;
}
.modal-header .close {
	position: relative;
	width: auto;
	height: auto;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	opacity: .5;
}
.modal-header .close:hover {
	opacity: .75;
}
.modal-header .close:active {
	top: 0;
}

.modal-body iframe {
  width: 100%;
  height: 646px;
}

.modal-footer {
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #dee2e6;
}
.ul {
  border-bottom: 1px solid #ccc;
}
.mfp-close {
  font-size:2rem;
}
.mfp_buttons {
  margin: 30px;
  text-align: center;
}
.mfp_button {
  color: #fff;
  background-color: #2398d4;
  border-radius: 5px;
  border: 0;
  padding: 10px;
  margin: 0 20px;
  font-size: 2rem;
  cursor: pointer;
  width: 300px;
}
.mfp_rows {
  width: 100%;
}
.mfp_col5 input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 20px;
  padding: 15px;
}
.mfp_col10 input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 20px;
  padding: 15px;
}
.mfp_col10 textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 20px;
  padding: 15px;
}

.mailform {
  width: calc(100vw - 100px);
}
#mailformpro {
  display: flex;
  flex-direction: column;
  margin: 20px;
  padding: 50px;
  border-radius: 10px;
}
.must {
	display: flex;
  width: 24px;
  height: 16px;
  justify-content: center;
  align-items: center;
	background-color: #C00;
	border: solid 2px #C00;
	text-shadow: 0px 1px 2px #933;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
  margin: 0;
  margin-right: 5px;
}
.any {
	display: flex;
  width: 24px;
  height: 16px;
  justify-content: center;
  align-items: center;
  background-color: #3f3f3f;
  border: solid 2px #000;
	text-shadow: 0px 1px 2px #CCC;
	padding: 2px 5px;
	font-size: 10px;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 5px #CCC;
  background-image: url(../contact/mfp.statics/_images/mfp_header.png);
  background-size: 100% 100%;
  margin: 0;
  margin-right: 5px;
}
.mfp_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding: 20px 0;
}
.mfp_left {
  flex: 1;
  text-align: left;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mfp_right {
  flex: 1;
}
.mfp_right input {
  font-size: 16px;
  line-height: 16px;
  background-color: #eee;
}
.mfp_right textarea {
  background-color: #eee;
}
.mfp_datetime {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
  border: solid 1px #CCC;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #CCC inset;
  padding: 3px 8px;
  margin: 2px;
  vertical-align: middle;
  font-size: 1.4rem;
}
.mfp_text {
  flex: 1;
}
dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #808080;
  padding: 30px 30px 0 30px;
  /* margin-bottom: 20px; */
  border-radius: 10px;
}
dt {
  width: 270px;
  padding-bottom: 20px;
  padding-left: 30px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

dd {
  width: 700px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
/* .mfp_loading,
.mfp_loading_screen,
.mfp_overlay_background,
.mfp_overlay {
  display: none !important;
} */
/* CONTACT */

/* PCとモバイルで画像を切り替えたいときのスイッチ */
.pcmode {
  display: block !important;
}
.spmode {
  display: none !important;
}
#mobileMenuWrapper {
  display: none;
}