@charset "utf-8"; 
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}


body {
    width: 100%;
    background-color: #000;
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
}


body p {
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
}


/*リンク*/
a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}


#stage {
    margin: 0 auto;
}


/*==========================================
 ヘッダー
===========================================*/

#header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  height: 72.5px;
  position: fixed; 
  top: 0;
  left: 0; 
  width: 100%;
  z-index: 99;
}

.header_area {
  display: flex;
  width: 100%;
  max-width: 950px;
  position: relative;
}

.logo {
  padding: 8px 0px 0px 14px;
}

.logo img {
  width: 190px;
}

#globalnav {
  position: absolute;
  right: 0px;
}


/* ここから下がハンバーガーメニューに関するCSS */
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  height: 53.5px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 3px;
  background: #fff;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
  transition: .0s;
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(30deg);
  transition: .0s;
}
#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-30deg);
  transition: .0s;
}

/* ×印をクリックした時のアニメーション */

#drawer_input:not(:checked) ~ .drawer_open span::before {
  transform: rotate(0deg);
  transition: .0s; /* アニメーション時間 */
}
#drawer_input:not(:checked) ~ .drawer_open span::after {
  transform: rotate(0deg);
  transition: .0s; /* アニメーション時間 */
}

/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 440px;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background-color: rgba(0,0,0,0.9);
  transition: .0s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}


.nav_content_area {
  margin: 0 auto;
  padding: 45px 0px 0px 0px;
  width: 78%;
  height: 350px;
  max-width: 750px;
}

.nav_list {
  list-style: none;/* メニュー黒ポチを消す */
}

.nav_list li:not(.nav_contact) {
border-bottom: 0.5px solid #fff;
height: 34px;
margin-top: 23px;
}

.nav_list li a:hover {
  text-decoration: none;
}


.nav_list p {
  color: #fff;
  font-size: 18px;
  font-family: "Noto Serif JP", serif;
	font-weight: 700;
}

.nav_list p:hover:not(.notcolor) {
  color: #D5C39B;
}


.contactbtn p {
  color: #fff;
  font-size: 21px;
  font-family: "Noto Serif JP", serif;
	font-weight: 700;
}



/* 丸矢印 */
.nav_list span {
  display: block;
  float: right;
  clear: right;
 }

.arrow {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #000;
  display: inline-block;
  position: relative;
}
.arrow::before {
  display: inline-block;
  position: absolute;
  content: "";
	width: 8px;
	height: 8px;
  top: 0;
  left: 0;
  right: 4px;
  bottom: 0;
  margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}


/* 相談ボタン */

.contactbtn a {
 background-color: #9A815D; 
 width: 270px;
 height: 46px;
 border-radius: 50px;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
}
 
.contactbtn p {
  position: absolute;
  width: 270px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contactbtn span {
  position: absolute;
  right: 12px;
}



.contactbtn a:hover {
  background-color: #b4976e; 
 }

 .contactbtn p:hover {
  color: #000;
}


.nav_contact {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 27px;
} 



/*==========================================
 フローティングボタン
===========================================*/

.floating {
  width: 114px;
  height: 114px;
  position: fixed;
  bottom: -5px; /* バナーの上下の位置 */
  right: 5px; /* バナーの左右の位置 */
  z-index: 97;
  filter: drop-shadow(3px 0px 6px rgb(131, 109, 78));
}


.floating img {
  display: block;
}

.floating p {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  width: 100%;
  font-size: 19px;
  font-family: "Noto Serif JP", serif;
	font-weight: 700;
  text-align: center;
}

.floating:hover {
  opacity: 0.7;
}



/*==========================================
 FVアニメーション
===========================================*/

#fv {
  background-color: #9A815D;
}

.fv_area {
  max-width: 950px;
  width: 100%;
  height: 660px;
  position: relative;
  right: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
}

.fvimages img {
  position: absolute;
  padding: 0;
  width: 360px;
  top: 8%;
  right: -4%;
  background-size: cover;
  background-repeat: no-repeat;
}


.fv1 {
  background-image:  url(..images/worksimages.png);
  animation: slide-animation-01 9s infinite;
}

.fv2 {
  background-image:  url(..images/retouchimagesbefore.png);
  animation: slide-animation-02 9s infinite;
}

.fv3 {
  background-image:  url(..images/retouchimagesafter.png);
  animation: slide-animation-03 9s infinite;
}

@keyframes slide-animation-01 {
  0% {opacity: 1;}
30% {opacity: 1;}
50% {opacity: 1;}
90% {opacity: 0}
100% {opacity: 1;}
}
@keyframes slide-animation-02 {
  0% {opacity: 0;}
30% {opacity: 0;}
50% {opacity: 1;}
75% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
  0% {opacity: 0;}
60% {opacity: 0;}
75% {opacity: 1;}
90% {opacity: 1;}
100% {opacity: 0;}
}


/*==========================================
 FVコピー
===========================================*/

.catchphrase {
  position: absolute;
  font-size: 22.5px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  line-height: 160%;
  color: #fff;
  margin: 95px 0px 0px 26px;
}

.catchcopy {
  position: absolute;
  font-size: 17px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 180%;
  color: #fff;
  margin: 0px 0px 0px 26px;
  bottom: 64px;
}


/*==========================================
 カテゴリタイトルデザイン
===========================================*/

.categorytitle {
  max-width: 950px;
  padding: 40px 26px 0px 26px;
}

.wakuwaku {
  position: relative;
  width: 94px;
  height: 28px;
}

.wakuwaku:before,
.wakuwaku:after {
  position: absolute;
  content: '';
}

.wakuwaku:after {
  top: 0;
  left: 0;
  width: 86px;
  height: 25px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.wakuwaku:before {
  right: 0;
  bottom: 0;
  width: 86px;
  height: 25px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.wakuwaku p {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.midashi {
  font-size: 27px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  margin: 10px 0px 0px 0px;
}

.midashi3 {
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  line-height: 125%;
  margin: 50px 0px 0px 0px;
  color: #fff;
}


/* お問い合わせページ */
.categorytitle_kasou {
  max-width: 950px;
  padding: 105px 26px 0px 26px;
}


/*==========================================
 サービスエリア
===========================================*/

#service {
  background-color: #D5C39B;
  overflow: hidden;
}

.service_area {
  max-width: 950px;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: relative;
}


/* タイトル */
.servicetitle {
  position: relative; 
  display: flex;
  padding-top: 60px;
}

.servicetitle p {
  text-align: center;
  font-size: 19px;
  color: #D5C39B;
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 39px;
}



.obileft {
  position: absolute;
  background-color: #000;
  width: 80%;
  height: 115px;
  border-radius: 0px 70px 70px 0px;
  margin-left: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
}

.obiright {
  position: absolute;
  background-color: #000;
  width: 80%;
  right: 0;
  height: 115px;
  border-radius: 70px 0px 0px 70px;
  margin-right: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
}


/* バナーエリア */
.bannerimg {
  position: relative;
  margin: 85px 26px 10px 26px;
}


.bannerimg img {
  width: 100%;
  margin-bottom: 20px;
}


/* バナー広告掲載お知らせ */


.bannermediainfotitle {
  background-color: #1F2969;
  max-width: 600px;
  width: 100%;
  height: 91px;
  margin: 0 auto;
  margin-top: 50px;
}

.bannermediainfotitleline {
  margin: 0 auto;
  position: relative;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.bannermediainfotitleline p {
  font-size: 19px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  width: 232px;
  margin: 0 auto;
}

.bannermediainfotitleline hr {
  border: none;
  border-bottom: 1px solid #fff;
  width: 80%;
}


.bannermediainfocopyp {
  max-width: 380px;
  width: 80%;
  margin: 0 auto;
  position: relative;
}

.bannermediainfocopyp p {  
  line-height: 150%;
  padding: 20px 0px;
}

/* バナー広告掲載　対応媒体一覧リンク */

.bannermediainfocopylink a {
 width: 120px;
 height: 40px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
}

.bannermediainfocopylink .arrow {
  position: absolute;
}



/* ロゴエリア */
.servicelogoimg {
  position: relative;
  margin: 90px 26px 0px 26px;
}


.servicelogoimg img {
  width: 100%;
  margin-bottom: 20px;
}




/* 看板エリア */
.signimg {
  position: relative;
  margin: 90px 26px 0px 26px;
}


.signimg img {
  width: 100%;
  margin-bottom: 20px;
}



/* 動画エリア */

.movieimg {
  position: relative;
  margin: 90px 26px 0px 26px;
  
}

.movieimg video {
  width: 100%;
  margin-bottom: 60px;
}

.tempback {
  background-color: #000;
  padding: 40px 60px 0px 60px;
  margin: 0 calc(100% - 100vw);
  overflow: hidden;
}

.tempback .bannermediainfocopy{
  color: #fff;
}

.tempback .bannermediainfocopylink p {
  color: #fff;
}


.tempback .arrow {
  background: #fff;
}
.tempback .arrow::before {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}


.tempback .bannermediainfocopylink {
  padding-bottom: 70px;
}

/*youtubeスライド */

.slider{
      margin: 20px auto;
      max-width: 800px;
      width: 100%;
  }
  .slick-initialized{
      opacity: 1;
  }

  .slider img,
  .slider video,
  .sliderBox iframe{
      width: 100%;
      height: auto;
  }
  
  
  .slick-slide li{
      position: relative;
      padding-bottom: 56.25%;
          height: 0;
      overflow: hidden;
  }
  
  
  .slick-slide iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }


/*youtubeスライド 矢印*/
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.prev-arrow{
  left: -23px;
  width: 20px;
  height: 20px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
  border-radius: 4px;
  cursor: pointer;
z-index: 1;
}

.next-arrow{
  right: -23px;
  width: 20px;
  height: 20px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transform: rotate(45deg);
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
}

.slick-dots li button:before {
  content: ''!important;
  background-color: #FFF;
  width: 8px;
  height: 8px;
  margin-top:4px!important;
  border-radius: 8px;
  opacity: 0.4;
}

  
/* レタッチエリア */
.retouchimg {
  position: relative;
  margin: 90px 26px 0px 26px;
}

.retouchimg img {
  width: 100%;
  margin-bottom: 10px;
}

.retouchimgcaption {
  line-height: 150%;
  margin-bottom: 80px;
}

  /*==========================================
価格例（スマホ）
===========================================*/

#price {
  background-color: #DDDAD6;
}

.price_area {
  max-width: 950px;
  right: 0;
  left: 0;
  margin: 0 auto;
  position: relative;
}

.price, .option {
  position: relative;
  margin: 0px 0px 80px 0px;
}


.obi {
  background-color: #000;
  max-width: 300px;
  width: 80%;
  height: 40px;
  margin: 0 auto;
  border-radius: 50px 50px 50px 50px;
  position: relative;
  margin-top: 30px;
}

.obi p {
  color: #fff;
  width: 300px;
  text-align: center;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.obi_youtube {
  background-color: #b4976e;
  max-width: 300px;
  width: 80%;
  height: 40px;
  margin: 0 auto;
  border-radius: 50px 50px 50px 50px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
}

.obi_youtube p {
  color: #fff;
  width: 300px;
  text-align: center;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.price_title {
  font-size: 19px;
  padding-top: 65px;
}

.pricebanner p, .pricelogo p, .pricesign p, .pricemovie p, .priceretouch p, .priceoption p {
  text-align: center;
  margin-top: 20px;
}

.pricefont {
  font-size: 34px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  padding: 0px 5px 0px 10px;
}

.pricefont_en {
  font-weight: 700;
}

.shame_price {
  padding-top: 5px;
}

.priceright .bannermediainfocopyp, .priceleft .bannermediainfocopyp {
  margin-top: 10px;
}


.price hr, .option hr {
  border: none;
  border-bottom: 1px solid #000;
  max-width: 950px;
  margin-left: 26px;
  margin-right: 26px;
}


.option .priceoption {
  margin-top: -35px;
}

.option .categorytitle {
  margin-top: -35px;
}



/*==========================================
相談する（スマホ）
===========================================*/

#contactlink {
  background-color: #000;
  height: 200px;
  position: relative;
}

.contactcaption {
  position: absolute;
  color: #fff;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.contactcaption :not(.notcolor, .arrow) {
  margin-bottom: 15px;
}


  /*==========================================
SNS（スマホ）
===========================================*/

#snslink {
  background-color: #D5C39B;
  height: 180px;
}

#snslink p {
  text-align: center;
  margin: 40px 0px 35px 0px;
}

.snsbtn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.snsbtn img {
  height: 32px;
}

.snsbtn_x {
  margin-right: 50px;
  width: 32px;
  height: 32px;
  float: left;
  clear: left;
  }
  

 .snsbtn_insta {
    width: 32px;
    height: 32px;
    display: flex;
    }
    


  /*==========================================
フッター（スマホ）
===========================================*/

#footer {
  background-color: #000;
  height: 445px;
  text-align: center;
  color: #fff;
  position: relative;
}

#footer a, #footer p {
  color: #fff;
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
}

.footermenu {
  margin-top: 40px;
}


.footermenu a {
  display: block;
  width: 115px;
  margin: 0 auto;
}


.footermenu p {
  margin-bottom: 50px;
}


.copyright {
  position: absolute;
  width: 100%;
  bottom: 116px;
  left: 50%;
  transform: translate(-50%);
}

.copyright p {
  margin-bottom: -7px;
}

.copyright small {
  font-size: 12px;
  line-height: 150%;
}


  /*==========================================
コンタクトページ（スマホ）
===========================================*/

.contact_title {
  background-color: #000;
  color: #D5C39B;
  font-size: 19px;
  max-width: 300px;
  width: 80%;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  line-height: 40px;
  margin-top: 50px;
}

.line_area {
  display: block;
  width: 170px;
  margin: auto;
  margin-top: 40px;
}

.linebtn {
  width: 170px;
}

.lineid {
  text-align: center;
  margin: 15px 0 30px 0;
  line-height: 140%;
}

  /*==========================================
フォーム（スマホ）
===========================================*/
form {
  max-width: 400px;
  width: 80%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 125px;
}


label{
display: flex;
margin-bottom: 7px;
}


input[type="text"],input[type="email"] {
width: 100%;
height: 35px;
appearance: none;
border: #808080 solid 1pt;
margin-bottom: 30px;
}

.datelabel{
  display: block;
  width: 100%;
  height: 35px;
  }

input[type="date"] {
  appearance: none;
  border: #808080 solid 1pt;
  width: 100%;
  height: 35px;
  margin-top: 7px;
}

.date_caption {
  font-size: 14px;
  line-height: 140%;
  margin-top: 40px;
  margin-bottom: 30px;
}

 textarea {
  width: 100%;
  height: 130px;
  appearance: none;
  border: #808080 solid 1pt;
}

form span {
  background-color: #E95052;
  color: #fff;
  font-size: 80%;
  margin-left: 5px;
  padding: 0 5px 0 5px;
  line-height: 125%;
}

.form_caption {
  font-size: 14px;
  line-height: 140%;
  margin-top: 10px;
}

.cbox_area {
  display: flex;
  align-items: center;
  margin-top: 30px;
  position: relative;
}

.cbox_area .form_caption {
  font-size: 16px;
  line-height: 140%;
  margin-top: 12px;
}

.cbox_area label {
	padding-left:		38px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

.cbox_area label:before {
	content:		'';
	width:			25px;
	height:			25px;
  left: 0px;
  top: 15px;
	display:		inline-block;
	position:		absolute;
	background-color:	#fff;
  border: #808080 solid 1pt;
	border-radius:		5px 5px 5px 5px;
}

input[type="checkbox"] {
position: absolute;
top: 19px;
left: 3px;
opacity: 0;
}

.cbox_area input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		25px;			/* チェックのサイズ */
	color:			#D5C39B;			/* チェックの色 */
	background-color:	#000;			/* チェックした時の色 */
  text-align: center;
  line-height: 100%;
}


.submit_area {
  text-align: center;
}

input[type="submit"] {
  appearance: none;
  width: 80%;
  height: 56px;
  border: none;
  border-radius: 100px 100px 100px 100px;
  background-color: #1F2969;
  margin-top: 60px;
  display: inline-block;
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  cursor:			pointer;
}

input[type="submit"]:hover {
  background-color: #000;
  color: #D5C39B;
}


  /*==========================================
サンクスページ（スマホ）
===========================================*/

.thanks_copyp {
  max-width: 380px;
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 90px;
  position: relative;
}

.thanks_copyp p {  
  line-height: 160%;
  padding: 20px 0px;
}


  /*==========================================
制作の流れ（スマホ）
===========================================*/

.flow_area {
  margin-top: 110px;
  margin-bottom: 80px;
}

.flow_step_area {
  max-width: 450px;
  position: relative;
  margin: auto;
  margin-bottom: 65px;
}

.flow_title {
  background-color: #000;
  color: #fff;
  font-size: 18px;
  width: 80%;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  line-height: 40px;
  position: relative;
}

.step_no_left {
  background-color: #9A815D;
  color: #fff;
  font-size: 15px;
  width: 61px;
  height: 43px;
  display: inline-block;
  padding: 23px 7px 9px 7px;
  text-align: right;
  position: absolute;
  top: -57px;
}

.step_no_right {
  background-color: #9A815D;
  color: #fff;
  font-size: 15px;
  width: 61px;
  height: 43px;
  display: inline-block;
  padding: 23px 7px 9px 7px;
  text-align: left;
  position: absolute;
  top: -57px;
  right: 0;
}

.step_no_left span, .step_no_right span {
 font-size: 30px;
 font-weight: 700;
 font-family: "Noto Sans JP", sans-serif;
 display: block;
 padding-top: 3px;
}

 
 

  /*==========================================
よくある質問（スマホ）
===========================================*/

.faq_area {
  margin-top: 50px;
  margin-bottom: 90px;
}

.accordion {
  max-width: 450px;
  position: relative;
  margin: auto;
  margin-bottom: 65px;
}

.toggle {
	display: none;
}

.accordion .Label {		/*タイトル*/
  display: block;
  background-color: #000;
	color: #fff;
  width: 80%;
  height: auto;
  margin: 0 auto;
  align-items: center;
  line-height: 140%;
  cursor: pointer;
  padding: 1px 0px;
}

.accordion .Label p {		/*タイトル*/
  font-size: 18px;
  margin: 8px 28px 8px 15px;
}

.accordion .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 5px );
	right: 10px;
	transform: rotate(135deg);
}

.accordion .Label,
.accordion .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.accordion .content {		/*本文*/
	width: 80%;
  height: 0;
	margin: auto;
	overflow: hidden;
  margin-bottom: 4px;
}

.accordion .content p {
  line-height: 150%;
  font-size: 16px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: -5px;
  margin-bottom: 15px;
}

.accordion .toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}

.accordion .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
  top:calc( 50% - 2px );
}





  /*==========================================
利用規約（スマホ）
===========================================*/


.tos_area {
  max-width: 400px;
  width: 80%;
  position: relative;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 90px;

}

.tos_title {
  font-size: 20px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 10px;
}

.tos_text {
  line-height: 150%;
  margin-bottom: 45px;
}

#policy_top {
  margin-top: -110px;
}



  /*==========================================
広告媒体（スマホ）
===========================================*/

.media_etc {
  text-align: right;
}



/* 小さいSP向けレイアウトの指定：560px以下レイアウト */

@media only screen and (max-width: 560px) {

  /*==========================================
 FVイメージ（スマホ）
===========================================*/
  .fvimages img {
    width: 94%;
  }
}



/* PC向けレイアウトの指定：561〜939pxレイアウト */
@media only screen and (min-width: 561px) {


  /*==========================================
 FVイメージ（PC）
===========================================*/

.fvimages img {
  width: 526px;
  right: -0%;
}

/*==========================================
 FVコピー
===========================================*/

.catchphrase {
  font-size: 30px;
  line-height: 150%;
  margin: 140px 0px 0px 45px;
}

.catchcopy {
  font-size: 20px;
  margin: 0px 0px 0px 45px;
  bottom: 65px;
}

}


/* PC向けレイアウトの指定：940px以上では固定レイアウト */
@media only screen and (min-width: 940px) {

  /*==========================================
 ヘッダー
===========================================*/

#header {
  height: 85px;
}

.logo {
  padding: 8px 0px 0px 14px;
}

.logo img {
  width: 220px;
}


  /*==========================================
 グローバルメニュー（PC）
===========================================*/
  
/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: none;
  cursor: pointer;
  pointer-events: none
}


/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 0px;
  top: 0;
  left: 0; /* メニューを画面の外に飛ばす */
  transition: .0s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}


.nav_content_area {
  padding: 35px 0px 0px 0px;
  width: 100%;
  height: 0px;
  max-width: 950px;
  position: relative;
}

.nav_list {
  list-style: none;/* メニュー黒ポチを消す */
  display: flex;
  position: absolute;
  right: 14px;
}

.nav_list li:not(.nav_contact) {
border-bottom: 0px;
margin-top: 0px;
margin-left: 32px;
}

.nav_list li a:hover {
  text-decoration: none;
}


.nav_list p {
  color: #fff;
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}

.nav_list p:hover:not(.notcolor) {
  color: #D5C39B;
}


.contactbtn p {
  color: #fff;
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}


/* 丸矢印 */
.nav_list span {
  display: none;
 }



/* 相談ボタン */

.contactbtn a {
  background-color: #9A815D; 
  width: 110px;
  height: 40px;
  position: relative;
  display: flex;
  margin-left: 32px;
 }
  
 .contactbtn p {
  width: 110px;
  height: 40px;
}

 .nav_contact {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: -17px;
 } 
 
 
 
 /*==========================================
 フローティングボタン
===========================================*/

.floating {
  width: 150px;
  height: 150px;
}

.floating img {
  width: 150px;
}

.floating p {
  font-size: 26px;
}

  /*==========================================
 FVイメージ（PC）
===========================================*/
.fv_area {
  max-width: 950px;
  width: 100%;
  height: 784px;
  position: relative;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.fvimages img {
  position: absolute;
  padding: 0;
  width: 540px;
  top: 8%;
  right: 75px;
  background-size: cover;
  background-repeat: no-repeat;
}


/*==========================================
 FVコピー
===========================================*/

.catchphrase {
  font-size: 36px;
  line-height: 150%;
  margin: 170px 0px 0px 75px;
}

.catchcopy {
  font-size: 24px;
  color: #fff;
  margin: 0px 0px 0px 75px;
  bottom: 175px;
}

/*==========================================
 カテゴリタイトルデザイン
===========================================*/

.categorytitle {
  max-width: 950px;
  padding: 80px 0px 0px 0px;
}

.wakuwaku {
  width: 116px;
  height: 37px;
}


.wakuwaku:after {
  width: 106px;
  height: 33px;
}

.wakuwaku:before {
  width: 106px;
  height: 33px;
}

.wakuwaku p {
  font-size: 16px;
}

.midashi {
  font-size: 36px;
  margin: 15px 0px 0px 0px;
}

.midashi3 {
  font-size: 30px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  line-height: 125%;
  margin: 100px 0px 0px 0px;
}


/* お問い合わせページ */
.categorytitle_kasou {
  padding: 160px 0px 0px 0px;
}

/*==========================================
 サービスエリア
===========================================*/

.service_area {
  max-width: 800px;
}

/* タイトル */

.servicetitle p {
  font-size: 22px;
  margin-top: 64px;
}

.obileft {
  height: 176px;
  border-radius: 0px 100px 100px 0px;
}

.obiright {
  height: 176px;
  border-radius: 100px 0px 0px 100px;
}


/* バナーエリア */
.bannerimg {
  margin: 125px 0px 10px 0px;
  display: flex;
}

.bannerimgleft {
  width: 376px;
}

.bannerimgright {
  width: 376px;
  margin-left: 48px;
}



/* バナー広告掲載お知らせ */


.bannermediainfotitle {
  height: 132px;
  margin-top: 75px;
}

.bannermediainfotitleline {
  margin: 0 auto;
  position: relative;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.bannermediainfotitleline p {
  font-size: 25px;
  width: 376px;
  padding: 10px 0px;
}

.bannermediainfotitleline hr {
  width: 500px;
  border: none;
  border-bottom: 2px solid #fff;
}


.bannermediainfocopyp {
  max-width: 500px;
}

.bannermediainfocopyp p {  
  line-height: 150%;
  padding: 26px 0px;
  font-size: 18px;
}


/* バナー広告掲載　対応媒体一覧リンク */

.bannermediainfocopylink {
  margin-top: 15px;
  margin-bottom: 120px;
}
.bannermediainfocopylink a {
  width: 142px;
 }
 
 .bannermediainfocopylink p {
   font-size: 18px;
 }
 
 

/* ロゴエリア */
.servicelogoimg {
  margin: 125px 0px 120px 0px;
  display: flex;
}


.servicelogoimgleft {
  width: 376px;
}

.servicelogoimgright {
  width: 376px;
  margin-left: 48px;
}


/* 看板エリア */
.signimg {
  margin: 125px 0px 200px 0px;
  display: flex;
}


.signimgleft {
  width: 376px;
}

.signimgright {
  width: 376px;
  margin-left: 48px;
}




/* 動画エリア */
.movieimg {
  margin: 125px 0px 200px 0px;
}

.movieimg video {
  margin-bottom: 140px;
}

.tempback .bannermediainfocopylink {
  padding-bottom: 0px;
}


/* レタッチエリア */
.retouchimg {
  margin: 125px 0px 200px 0px;
}

.retouchimgcenter {
 text-align: center;
}

.retouchimg img {
  width: 376px;
  margin-bottom: 20px;
}

.retouchimgcaption p {
  width: 376px;
  line-height: 150%;
  font-size: 20px;
  margin: 0 auto;
}



  /*==========================================
価格例（PC）
===========================================*/

.price_area {
  max-width: 800px;
}

.price, .option {
  margin: 0px 0px 100px 0px;
}

.obi {
  max-width: 500px;
  height: 55px;
  margin-top: 50px;
}

.obi p {
  font-size: 22px;
  width: 400px;
}


.obi_youtube {
  max-width: 500px;
  height: 55px;
  margin-top: 50px;
  margin-bottom: 60px;
}

.obi_youtube p {
  font-size: 22px;
  width: 400px;
}

.price_title {
  font-size: 20px;
}

.pricebanner p, .pricelogo p, .pricesign p, .pricemovie p, .priceretouch p, .priceoption p {
  margin-top: 30px;
  font-size: 21px;
}

.pricefont {
  font-size: 42px;
  padding: 0px 10px 0px 15px;
}


.priceright .bannermediainfocopyp, .priceleft .bannermediainfocopyp {
  margin-top: 20px;
  width: 360px;
}


.price hr, .option hr {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}


.pricebanner_area, .pricelogo_sign_area, .pricemovie_area, .priceretouch_area {
  display: block;
  width: 360px;
}


.price_2column_1, .price_2column_2 {
  display: flex;
  width: 800px;
}


.price_2column_1 {
  margin-top: 20px;
}

.price_2column_2 {
  margin-top: -70px;
}

.pricesign {
  margin-top: 65px;
}

.priceright {
margin-left: 80px;
}


.option .priceoption {
  margin-top: -35px;
}

.option .categorytitle {
  margin-top: -35px;
}

.priceoption {
  width: 360px;
  margin: 0 auto;
}



  /*==========================================
相談する（PC）
===========================================*/

#contactlink {
  height: 300px;
}


.contactcaption p {
  font-size: 18px;
  line-height: 150%;
}

.contactcaption :not(.notcolor, .arrow) {
  margin-bottom: 20px;
}


#contactlink .contactbtn a {
  background-color: #9A815D; 
  width: 380px;
  height: 68px;
  border-radius: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
 }
  
 #contactlink  .contactbtn p {
   position: absolute;
   width: 380px;
   height: 68px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 30px;
 }
 
 #contactlink .contactbtn span {
   position: absolute;
   right: 20px;
   width: 30px;
   height: 30px;
 }
 

/*==========================================
SNS（PC）
===========================================*/

#snslink {
  height: 200px;
}

#snslink p {
  font-size: 18px;
  text-align: center;
  margin: 50px 0px 35px 0px;
}

.snsbtn img {
  height: 40px;
}

.snsbtn_x {
  margin-right: 60px;
  width: 40px;
  height: 40px;
  float: left;
  clear: left;
  }
  

 .snsbtn_insta {
    width: 40px;
    height: 40px;
    display: flex;
    }
    

  /*==========================================
フッター（PC）
===========================================*/

#footer {
  height: 245px;
}

.footermenu {
  display: flex;
  max-width: 625px;
  margin: 0 auto;
  margin-top: 60px;
}


.footermenu a {
  display: block;
  width: 115px;
  margin: 0 auto;
}

.footermenu p {
  margin-bottom: 0px;
}

.copyright {
  bottom: 20px;
}

.copyright small {
  font-size: 12px;
  line-height: 150%;
}

 /*==========================================
コンタクトページ（PC）
===========================================*/

.contact_title {
  background-color: #000;
  color: #D5C39B;
  font-size: 22px;
  max-width: 100%;
  height: 55px;
  border-radius: 50px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  line-height: 55px;
  margin-top: 70px;
}

.line_area {
  display: block;
  width: 230px;
  margin: auto;
  margin-top: 50px;
}

.linebtn {
  width: 230px;
}

.lineid {
  text-align: center;
  margin: 20px 0 50px 0;
  font-size: 20px;
}



  /*==========================================
フォーム（PC）
===========================================*/
form {
  max-width: 800px;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 145px;
  position: relative;
}

.form_pc {
 display: block;
 margin-bottom: 60px;
}

.form_pc2 {
  display: block;
  margin-top: 115px;
 }

 
label{
display: inline-block;
margin-bottom: 7px;
margin-top: 12px;
font-size: 18px;
}


input[type="text"],input[type="email"] {
width: 430px;
height: 40px;
appearance: none;
border: #808080 solid 1pt;
margin-bottom: 30px;
position: absolute;
right: 0;
font-size: 18px;
}


input[type="date"] {
  appearance: none;
  border: #808080 solid 1pt;
  width: 430px;
  height: 42px;
  position: absolute;
  right: 0;
  font-size: 18px;
  margin-top: -7px;
}

.date_caption {
  font-size: 17px;
  line-height: 140%;
  margin-top: -47px;
  position: absolute;
  display: block;
  right: 0;
}

 textarea {
  width: 430px;
  height: 200px;
  appearance: none;
  border: #808080 solid 1pt;
  position: absolute;
  right: 0;
  font-size: 18px;
}

form span {
  background-color: #E95052;
  color: #fff;
  font-size: 80%;
  margin-left: 5px;
  padding: 0 5px 0 5px;
  line-height: 125%;
}


.form_caption:not(:first-child) {
  line-height: 140%;
  margin-top: 190px;
  font-size: 18px;
  width: 430px;
  position: absolute;
  right: 0;
  margin-top: 182px;
}

.form_caption {
  line-height: 140%;
  margin-top: 10px;
  font-size: 18px;
}

.cbox_area .form_caption {
  font-size: 18px;
}


.cbox_area {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 17px;
  width: 80%;
  margin: 0 auto;
  margin-top: 300px;
}


input[type="checkbox"] {
  position: absolute;
  top: 32px;
  left: 3px;
  opacity: 0;
  }


.cbox_area input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		25px;			/* チェックのサイズ */
  text-align: center;
  line-height: 90%;
	color:			#D5C39B;			/* チェックの色 */
	background-color:	#000;			/* チェックした時の色 */
}



input[type="submit"] {
  appearance: none;
  width: 400px;
  height: 68px;
  border: none;
  border-radius: 100px 100px 100px 100px;
  background-color: #1F2969;
  margin-top: 80px;
  display: inline-block;
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  cursor:			pointer;
}


  /*==========================================
サンクスページ（PC）
===========================================*/

.thanks_copyp {
  max-width: 600px;
}

.thanks_copyp p {  
  line-height: 160%;
  padding: 36px 0px;
  font-size: 18px;
}


  /*==========================================
制作の流れ（PC）
===========================================*/

.flow_area {
  margin-top: 120px;
  margin-bottom: 110px;
}

.flow_step_area {
  max-width: 640px;
  position: relative;
  margin: auto;
  margin-bottom: 120px;
}

.flow_title {
  background-color: #000;
  color: #fff;
  font-size: 20px;
  width: 80%;
  height: 55px;
  border-radius: 50px;
  text-align: center;
  margin: 0 auto;
  align-items: center;
  line-height: 55px;
  position: relative;
}


.step_no_left {
  background-color: #9A815D;
  color: #fff;
  font-size: 20px;
  width: 95px;
  height: 65px;
  display: inline-block;
  padding: 35px 5px 0px 0px;
  text-align: right;
  position: absolute;
  top: -72px;
}

.step_no_right {
  background-color: #9A815D;
  color: #fff;
  font-size: 20px;
  width: 95px;
  height: 65px;
  display: inline-block;
  padding: 35px 0px 0px 5px;
  text-align: left;
  position: absolute;
  top: -72px;
  right: 0;
}

.step_no_left span, .step_no_right span {
 font-size: 40px;
 font-weight: 700;
 font-family: "Noto Sans JP", sans-serif;
 display: block;
 padding-top: 0px;
}






  /*==========================================
よくある質問（PC）
===========================================*/

.faq_area {
  margin-top: 60px;
  margin-bottom: 120px;
}

.accordion {
  max-width: 800px;
  position: relative;
  margin: auto;
  margin-bottom: 65px;
}

.toggle {
	display: none;
}

.accordion .Label {		/*タイトル*/
  display: block;
  background-color: #000;
	color: #fff;
  width: 80%;
  height: auto;
  margin: 0 auto;
  align-items: center;
  line-height: 140%;
  cursor: pointer;
  padding: 1px 0px;
}

.accordion .Label p {		/*タイトル*/
  font-size: 20px;
  margin: 16px 28px 16px 25px;
}


.accordion .content {		/*本文*/
	width: 80%;
  height: 0;
	margin: auto;
	overflow: hidden;
  margin-bottom: 4px;
}

.accordion .content p {
  line-height: 160%;
  font-size: 18px;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 0px;
  margin-bottom: 30px;
}



  /*==========================================
利用規約（PC）
===========================================*/


.tos_area {
  max-width: 600px;
  position: relative;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 160px;
}

.tos_title {
  font-size: 22px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 15px;
}

.tos_text {
  font-size: 18px;
  line-height: 160%;
  margin-bottom: 55px;
}

#policy_top {
  margin-top: -150px;
}


  /*==========================================
広告媒体（PX）
===========================================*/

.media_title {
  line-height: 80%;
}

.accordion .content p.media_title {
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
}
















 }