/*
Theme Name: theme001
Author: Marie
Version: 2022
*/
@charset "UTF-8";
@import url("grid.css");


/* reCaptcha */

.grecaptcha-badge {
  opacity: 0;
  z-index: -1;
}


:root { /* 色変更される場合は、#以降のカラーコードを変更してください IE非対応 */
    --base-color: #000;
    --link-color: #666;
    --linkhover-color: #999;
    --back-color: #f7f7f7;
    --border-color: #ccc;
    --white-color: #fff;
}

a {
    display:block;
    color: var(--link-color);
    text-decoration-line: none;
}
a:hover { 
    color: var(--linkhover-color);
}

.container_in {
  margin: 30px 0;
	 max-width:100%;
height: auto;/*高さ自動*/
}

.container_work {
  margin: 30px 0;
	padding: 90px 0;
	 max-width:100%;
height: auto;/*高さ自動*/
	background:#f5f5f5;
	
}

.center {
	text-align: center;
}

/*ワードプレス化によりあとで付け足したもの
-------------------------------------*/
.flex {
	display: flex;
	flex-wrap: wrap;
}
.newPost{
	 display: flex; /* 横並び */
  justify-content: space-around; /* 均等配置 */
	flex-flow: row wrap;
}
.item{
	 display: block;
	width: calc(100% / 3);
	padding: 30px 15px;
}

.ttl_sub{
	margin: 20px 0px 0px 30px;
}
.wpcf7-not-valid-tip {text-align: left;}





/*あいさつ
-------------------------------------*/

.yama{
    display: flex;
    justify-content: space-between;
	align-items: flex-end;/*下寄せ*/
}
.yama>p{
    width: 90%;
	
}

.yama img{
	max-width: 100px;
	height: 312px;
	width: 100px;

}

.notosans1{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.5em;
	text-align: center;
}

.notosans2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 2.0em;
	text-align: center;
}

.notosans3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.0em;
	text-align: center;
}

.notosans4 {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 1.5em;
}

/*マーカーを引く*/
.marker {
  background: linear-gradient(transparent 60%, #FFFF01 60%);
  display: inline;

  /* 背景の繰り返しを停止 */
  background-repeat: no-repeat;

  /* マーカーの横方向を0にして縮める */
  background-size: 0% 100%;

  /* マーカーが引かれる速度を指定 */
  transition:background-size 1.5s;
}

/* マーカーが引かれる際に付与するクラス */
.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}


/*ヘッダー
-------------------------------------*/
.header {
	display: flex;
    flex-direction: row;
    padding: 1rem 0 0 0;

}

section {
	margin: 0.3rem 0;
	padding: 0.3rem 0;
}	

nav ul {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
	margin: 1rem 0 0 0;
}
nav li {
	flex: 1 0 auto;
}
nav li a {
    text-decoration: none;
    text-align: center;
    width: 100%;
}

nav a {
    padding: 0.5rem;
}

.head-top{
	margin-top: 30px;
	margin-bottom: 20px;
}

/*　5-3-1 中心から外に線が伸びる（下部）*/
nav li a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #000000;
bottom: -1px;
transform: scale(0, 1);
transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;   /*変形の時間*/
}

nav li a:hover::after {
transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
/*現在地とhoverの設定*/
nav li.current a::after,
nav li a:hover::after {
    transform: scale(0.5, 0.5);/*X方向にスケール拡大*/
}
nav li a{
    /*線の基点とするためrelativeを指定*/
  position: relative;
}

nav li.current a,
nav li a:hover{
  color:#000;
}


/*文字装飾
-------------------------------------*/

.text2 {
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
	text-align: center;
	font-family: "Calibri", "メイリオ", "Meiryo", sans-serif;
	 font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #000;
	font-size: 2.0em;
}

.text2:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 100px;
  height: 8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: mediumspringgreen;
  border-radius: 5px;
}

.us_text1 {
  margin-bottom: 1em;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 600;
	color: #000;
	font-size: 1.8em;
	background: #f5f5f5;
  padding: 1em;/*文字まわり（上下左右）の余白*/
	text-align:  center;        /* 中央寄せ */
	line-height: 1.5em;
}

.us_text2 {
  margin-bottom: 1em;
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #000;
	font-size: 1.5em;
	text-align:  center;        /* 中央寄せ */
	line-height: 2em;
}


.daiji {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
	margin-top: 20px;
}

.daiji:before, .daiji:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.daiji:before {
  border-left: solid 1px mediumspringgreen;
  border-top: solid 1px mediumspringgreen;
  top:0;
  left: 0;
}

.daiji:after {
  border-right: solid 1px mediumspringgreen;
  border-bottom: solid 1px mediumspringgreen;
  bottom:0;
  right: 0;
}

.setumei{
  margin: 1em 0;
	color: #000;
	font-size: 0.7em;
	line-height: 1.5em;
	width: 100%;

}

/*私たちが動画制作で大事にしているコト
-------------------------------------*/
.box_30 {
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	 text-align: center ;
	margin: 10px;
	min-height: 380px;
	 position: relative;
	}
.box_30_ttl {
	margin: 0;
	background: #f5f5f5;
	color: #000;
	padding: 10px;
	text-align: center;
	font-size: 1.5em;
	font-family: 'Zen Maru Gothic', sans-serif;
		 font-weight:600;
	
	}
.box_30_txt {
	margin: 0;
	padding: 1em;
font-family: 'Montserrat', sans-serif;
	text-align: left;
	 position: absolute;/*テキスト位置を下揃え */
  bottom: 0;/*テキスト位置を下揃え */
  right: 0;/*テキスト位置を下揃え */
	}



.box_16 {
	border: 0.5rem solid #FFF;
	background: #f5f5f5;
	text-align: center ;
	min-height: 500px;
	position: relative;
	height: 100%;
	}
.box_16_ttl {
	margin: 0;
	background: #f5f5f5;
	color: #000;
	padding: 10px;
	text-align: center;
	font-size: 1.5em;
	font-family: 'Zen Maru Gothic', sans-serif;
		 font-weight:600;
	
	}
.box_16_txt {
	margin: 15px;
	padding: 0em;
font-family: 'Montserrat', sans-serif;
	text-align: left;
  bottom: 0;/*テキスト位置を下揃え */
  right: 0;/*テキスト位置を下揃え */
	}


.box_15 {
	border: 0.5rem solid #FFF;
	background: #f5f5f5;
	 text-align: center ;
	min-height: 400px;
	 position: relative;/*テキスト位置を下揃え */
	height: 100%;
	}

.box_15_ttl {
	margin: 0;
	color: #000;
	padding: 10px;
	text-align: center;
	font-size: 1.2em;
	font-family: 'Zen Maru Gothic', sans-serif;
		 font-weight:600;
	
	}
.box_15_txt {
	margin: 0;
	padding: 1em;
font-family: 'Montserrat', sans-serif;
	text-align: left;
	display:flex;
  bottom: 0;/*テキスト位置を下揃え */
  right: 0;/*テキスト位置を下揃え */
	}

/*画像回転
-------------------------------------*/
.box_30 img {
  width: 150px ;
  height:150px ;
}
.box_16 img {
  width: 150px ;
  height:150px ;
}
.spinY {
  transition: 1s ;
  transform: rotateY( 0deg ) ;
}
.spinY:hover {
  transition: 1s ;
  transform: rotateY( 360deg );
}
/*NEWS PC
-------------------------------------*/
.box_news{
width: 100%; /*divの幅に対する割合 */
height: 313px; /*divの幅に対する割合 */
padding:0;
margin: 0;
background:#f5f5f5;
overflow: hidden;

}

.box_news img {/*横幅1200Pxの画像 */
width: 100%; /*divの幅に対する割合 */
height: 338px; /*divの幅に対する割合 */
	object-fit: cover;
}
.box_news_right{
width: 100%; /*divの幅に対する割合 */
height: 313px; /*divの幅に対する割合 */
padding:20px;
margin: 0;
background:#f5f5f5;
}
.box_news_ttl {
	margin: 0;
	color: #000;
	padding: 10px;
	text-align: left;
	font-size: 1.2em;
	font-family: 'Zen Maru Gothic', sans-serif;
    font-weight:600;
	}

.box_news_sub {
	margin-bottom: 10px;
	color: #000;
	padding: 10px;
	text-align: left;
	font-size: 1.0em;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:600;
	}

.box_news_txt {
	margin-bottom: 10px;
	padding: 10px;
    font-family: 'Montserrat', sans-serif;
	text-align: left;
	}

.box_news_more img {
width: 1200px; /*divの幅に対する割合 */
height: auto; /*divの幅に対する割合 */
	object-fit: cover;/*画像縮尺を崩さない*/
}

.box_news_more {
	display:flex;
	justify-content: center;
}
/*YOUTUBE動画 PC
-------------------------------------*/
.box_movie{
width: 100%; /*divの幅に対する割合 */
height: 300px; /*divの幅に対する割合 290px*/
padding:0;
margin: 0;
background:#f5f5f5;
}
.box_movie_right{
width: 100%; /*divの幅に対する割合 */
height: 300px; /*divの幅に対する割合 290px*/
padding:20px;
margin: 0;
background:#f5f5f5;
}
.box_movie_ttl {
	margin: 0;
	color: #000;
	padding: 10px 0px;
	text-align: left;
	font-size: 1.2em;
	font-family: 'Zen Maru Gothic', sans-serif;
    font-weight:600;
	}

.box_movie_sub {
	margin-bottom: 20px;
	color: #000;
	padding: 0px 5px;
	text-align: left;
	font-size: 1.0em;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:600;
	}

.box_movie_txt {
	margin-bottom: 10px;
	padding: 10px;
    font-family: 'Montserrat', sans-serif;
	text-align: left;
	font-size: 1.0em;
	}

.box_movie_txt2 {
	margin-bottom: 10px;
	padding: 10px;
    font-family: 'Montserrat', sans-serif;
	text-align: left;
	font-size: 0.8em;
	}

.readmore {
  display: flex;
  position: relative;
  width: 100px;
  height: 20px;
  background: #fcc800 ;
	border-radius: 30px;
	border: solid #fcc800 1.5px;
}

.readmore::before {
  content: "READ MORE";
  color: #000;
  font-size: 1.0rem;
	font-weight: 600;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  margin: auto;
}

.readmore:hover {
     background: #FFDC58 ;
	transition: 0.2s ;/*ゆっくり色を変える*/
}
.box_movie_more{
width: 100%; /*divの幅に対する割合 */
height: 600px; /*divの幅に対する割合 */
padding:0;
margin: 0;
max-width: 100%;
}


.box_movie_more img{ /*新規追加　だめなら消す*/
max-height: 100%;
}
.box_movie img{ /*新規追加　だめなら消す*/
max-height: 100%;
}


/*スタッフ名
-------------------------------------*/
table.aaa {border: 0px none;
 
}
.aaa th {
  color: #000;
  padding: 10px;
	font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem;
	font-weight: 600;
}
.aaa td {
  padding: 10px;
		font-family: 'Montserrat', sans-serif;
	 color: #000;
  font-size: 1.5rem;
	font-weight: 400;
}

hr.style-one {
     margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; 
    
}


/*ニュースdisplay: flex;
-------------------------------------*/
.news {
	cursor: pointer;
  max-width: 200px;
	max-height: 100px;
	width: 150px;
	height: 90px;
 overflow: hidden;
	margin-bottom: 5px;
}

.news img{
	width: 100%; /*divの幅に対する割合 */
height: 100%; /*divの幅に対する割合 */
 transition: transform .5s ease; /* ゆっくり変化させる */
}

.news:hover img {
  transform: scale(1.2); /* 拡大 */
}

.news_date{
  font-size: 14px;
font-weight: 600;
font-family: 'Zen Maru Gothic', sans-serif;
		margin-bottom: 0px;
}

.news_text{
  font-size: 12px;
font-weight: 400;
	font-family: 'Zen Maru Gothic', sans-serif;
		margin-bottom: 20px;
}





.scroll {
  display: flex;
	width: 850px;
  height: 240px;
  overflow-x: scroll;
}
.scroll div {
  width: 90%;
  margin: 5px;
	 flex-shrink: 0;
}

.scroll::-webkit-scrollbar {
  height: 14px; /* スクロールバーの高さ */
}
 
.scroll::-webkit-scrollbar-thumb {
  background: #C0C0C0; /* ツマミの色 */
  border-radius: 7px; /* ツマミ両端の丸み */
}
 
.scroll::-webkit-scrollbar-track {
  background: #f5f5f5; /* トラックの色 */
  border-radius: 7px; /* トラック両端の丸み */
}
/*ワーク
-------------------------------------*/
.work {
	cursor: pointer;
  max-width: 1200px;
	max-height: 1200px;
	border-radius: 10px;
	display: block;
	overflow: hidden;
	
}
.work img{
width: 100%; /*divの幅に対する割合 */
height: 100%; /*divの幅に対する割合 */
 transition: transform .5s ease; /* ゆっくり変化させる */
	border-radius: 10px;
}

.work:hover img {
  transform: scale(1.2); /* 拡大 */
}
.work_name{
  font-size: 12px;
font-weight: 400;
	font-family: 'Zen Maru Gothic', sans-serif;
}

.work_text{
  font-size: 14px;
font-weight: 600;
	font-family: 'Zen Maru Gothic', sans-serif;
}

.arrow {
  position: relative;
  background: #FFF;
	border-radius: 30px;
	border: solid #fcc800 1.5px;
  color: #000;
  font-size: 1.0rem;
  font-weight: 600;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  width: fit-content;
  padding: 2px 4px;
  min-width: 40px;
  text-align: center;
}


.button-002c{
  padding-top: 60px;
}

.button-002 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
	height: 60px;
    margin:0 auto;
    padding: .9em 2em;
    border: solid 4px #000;
    border-radius: 50px;
    background-color: #FFF;
    color: #000;
    font-weight: 600;
    font-size: 1.5em;
 font-family: 'Montserrat', sans-serif;
}

.button-002:hover {
    background-color: #000;
	color: #fff;
	 border: solid 4px #000;
	transition: 0.5s ;/*ゆっくり色を変える*/
}

.button-004 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
	height: 40px;
    margin:0 auto;
    padding: .9em 2em;
    border: solid 4px #000;
    border-radius: 50px;
    background-color: #FFF;
    color: #000;
    font-weight: 600;
    font-size: 1.2em;
 font-family: 'Montserrat', sans-serif;
}

.button-004:hover {
    background-color: #000;
	color: #fff;
	 border: solid 4px #000;
	transition: 0.5s ;/*ゆっくり色を変える*/
}


.button-003 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 500px;
	height: 60px;
    margin:0 auto;
    padding: .9em 2em;
    border: solid 4px #000;
    border-radius: 50px;
    background-color: #FFF;
    color: #000;
    font-weight: 600;
    font-size: 1.4em;
 font-family: 'Montserrat', sans-serif;

}

.button-003:hover {
    background-color: #000;
	color: #fff;
	 border: solid 4px #000;
	transition: 0.5s ;/*ゆっくり色を変える*/
}

.space{
	margin-top: 50px;
	margin-bottom: 50px;
}

/*ニュースボタン
-------------------------------------*/
.button-news {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
	height: 30px;
    margin:0 auto;
    padding: .9em 2em;
    border: solid 1px #000;
    border-radius: 50px;
    background-color: #FFF;
    color: #000;
    font-weight: 400;
    font-size: 0.8em;
 font-family: 'Montserrat', sans-serif;
	text-align: right;
}


.button-news:hover {
    background-color: #000;
	color: #fff;
	 border: solid 1px #000;
	transition: 0.5s ;/*ゆっくり色を変える*/
}
/*ニュースボタンの親子関係
-------------------------------------*/

#parent_flame {
  height:100%;
  position:relative;
}

#child_flame {
    position: absolute;
    bottom: 20px; /** 場合によっては微調整 **/
    left: 20px;  /** 場合によっては微調整 **/
}


.space_h1{
    padding-top: 10px;
}

video {
 max-width:100%;
height: auto;/*高さ自動*/
}




/*背景動画にフィルタをかける*/
.container-video_2 {
  position: relative;
  height: 600px;
  overflow: hidden;
  opacity: 0.01;
  animation: load 1.5s 0.8s ease-out forwards;
}
.container-video_2 #video {
  position: absolute;
  top: 50%;
  left: 50%;
	 transform: translate(-50%, -50%) scale(1.05);
	max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
  filter: grayscale(0.0) contrast(1);/*背景動画にかけるフィルタ*/
  transition: 0.3s;
}

@keyframes load {
  100% {
    opacity: 1;
  }
}




/*メニューのもじ
-------------------------------------*/
.moji1{
	font-family: 'Zen Maru Gothic', sans-serif;
		 font-size: 1.5rem;
		 font-weight:600;
			color: #000;
		}	

/*お問い合わせ
-------------------------------------*/



.Form {
  margin-top: 20px;
  margin-left: 0px;
  margin-right: auto;
  max-width: 630px;
}

.Form-Item {
  border-top: 1px solid #ddd;
  width: 100%;
  display: 1;
  align-items: center;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
}
.Form-Item:nth-child {
  border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
  width: 100%;
  letter-spacing: 0.05em;
  font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 15px;
	max-width: inherit;
}


.Form-Item-Label.isMsg {
  margin-top: 0px;
  margin-bottom: auto;
}



.Form-Item-Label-Required {
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
	 border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
}


.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 0px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: inherit;
  width: 100%;
  max-width: 600px;
  background: #f5f5f5;
}


.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 18px;
    margin-left: 0;
  padding-left: 1em;
  padding-right: 1em;
  flex: 1;
  width: 100%;
  max-width: 600px;
  background: #f5f5f5;
  font-size: 15px;
	height: 200px;
}




.Form-Btn {
	
	border-radius: 6px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    padding-bottom: 10px;
    width: 280px;
	height: 40px;
    display: block;
    letter-spacing: 0.05em;
    background: #fff;
    color: #000;
    font-size: 16px;
    transition: 0.5s;
  border: 1px solid #bbb;


}

.Form-Btn:hover {
  background: #5bc8ac;
}

 
.privacy-policy {
    height: 150px;
    padding: 2em;
    overflow-y: scroll;
	 border: 1px solid #ddd;
	margin-left: 0px;
  border-radius: 6px;
  margin-top: 18px;
  padding-left: 1em;
  padding-right: 1em;
  flex: 1;
  width: 100%;
  max-width: 600px;
  background: #f5f5f5;
}

.privacy-policy__head{
  margin-bottom: 0.5em;
	color: #000;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
}

.privacy-policy__detail{
  margin-bottom: 1.5em;
	color: #000;
	font-size: 0.7em;
	line-height: 1.5em;
	text-align: left;
}
/* チェックボックスデザインクリア */
input[type="checkbox"] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

/* 同意チェックボックスデザイン */
input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
	
  }
  input[type="checkbox"]::before,
  input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
  input[type="checkbox"]::before {
    background-color: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #ddd;
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
  }
  input[type="checkbox"]::after {
    border-bottom: 3px solid #5bc8ac;/*チェックの太さ*/
    border-left: 3px solid #5bc8ac;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height: 8px;/*チェックの高さ*/
    width: 16px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: -5px;/*チェック時の位置調整*/
    left: 8px;/*チェック時の位置調整*/
  }
  input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }
/* チェックボックスデザイン */
.checkbox-002 {
    display: flex;
    flex-wrap: wrap;
    gap: .5em 2em;
    border: none;
	margin-right:3px;
}

.checkbox-002 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;
}

.checkbox-002 label::before {
    border-radius: 3px;
    content: '';
	 background-color: #f5f5f5;
    border: 1px solid #ddd;
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
	margin-right:3px;
	
}
.checkbox-002 label:has(:checked)::after {
    position: absolute;
    top: 3px;
    left: 6px;
    transform: rotate(45deg);
    width: 8px;
    height: 16px;
    border: solid #5bc8ac;
    border-width: 0 3px 3px 0;
    content: '';
}

.checkbox-002 input {
    display: none;
}

.form{
	display: flex;/*フレックスボックスを使用して、div を水平方向の中央に配置*/
  justify-content: center;/*フレックスボックスを使用して、div を水平方向の中央に配置*/
}

.box_17 {
	border: 1px solid #f5f5f5;
	width: 100%;
	height: 230px;
	background: #f5f5f5;
	 text-align: center ;
	margin: 0px;
	min-height: 100px;
	}
.box_17_ttl {
	margin: 0;
	background: #f5f5f5;
	color: #000;
	padding: 10px;
	text-align: center;
	font-size: 1.2em;
	font-family: 'Zen Maru Gothic', sans-serif;
		 font-weight:600;
	}
.box_17_txt {
font-family:  'Zen Maru Gothic', sans-serif;
	text-align: center;
	font-size: 1em;
	}

.box_17 img {
  width: 100px ;
  height:100px ;
}
.box_18 img {
  width: 100px ;
  height:100px ;
}
.box_18 {
	border: 1px solid #f5f5f5;
	width: 100%;
	height: 230px;
	background: #f5f5f5;
	 text-align: center ;
	margin: 50px 0px 0px;
	min-height: 100px;
	}
.box_18_ttl {
	margin: 0;
	background: #f5f5f5;
	color: #000;
	padding: 10px;
	text-align: center;
	font-size: 1.2em;
	font-family: 'Zen Maru Gothic', sans-serif;
		 font-weight:600;
	}
.box_18_txt {
font-family:  'Zen Maru Gothic', sans-serif;
	text-align: center;
	}
.box_18_txt2 {
font-family:  'Zen Maru Gothic', sans-serif;
	text-align: center;
	font-size: 1.5em;
	}

/*singleページ*/
.singleTitle {
	font-size: 1.4em;
	margin-bottom: 20px;
}
.pagelink {
	font-size: 11px;
	justify-content: space-between;
	margin-bottom: 30px;
}
.pagelink a {
	padding: 5px 10px;
	display: block;
	border: 1px solid #666;
}
.breadcrumb {
	font-size: 11px;
	display: flex;
	flex-wrap: wrap;
}
.breadcrumb li {
	padding: 0 5px;
	margin-bottom: 30px;
}



@media screen and (max-width: 640px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.tb01 td:first-child{
    background: #ff7bac;
    color:#fff;
    font-weight:bold;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}
/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  background: #000;
  border-radius: 50%;
}
#pagetop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#pagetop a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 35px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}




/*フッター
-------------------------------------*/

address {
  font-style: normal;
}

.footer {
  padding: 2rem;
  font-size: 15px;
  color: #4b5564;
  background: #fff;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 1.0rem;
}

.footer__address {
  margin-bottom: 2rem;
 margin-left: 20px; 
}

.footer__address a {
  text-decoration: underline;
}

.footer_p{
	 font-family: 'Montserrat', sans-serif;
		 font-size: 1.5rem;
		 font-weight:600;
			color: #000;
	margin-left: 30px;
		}

.footer__address p {
   font-family: 'Montserrat', sans-serif;
	font-size: 1.5rem;
		 font-weight:500;
}

/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    padding: 3rem 0;
	margin-bottom: 0;
    color: #050505;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5rem;
	font-weight:500;
}


@media screen and (min-width: 768px){
/* PC時はMENUボタンを非表示 */
#open,#close {
    display: none !important;
}

#navi {
    display: block !important;
}
}

/* PC時は非表示 */
.bar1 {
    display: none !important;
}

.bar1 {
    display: block !important;
}


/* 幅768px以下の表示
-------------------------------------*/
@media screen and (max-width: 768px){
.header {
	flex-direction: column;
  padding: 0rem 0 0 0;
}
.header #open,#close  {
    position: absolute;
    top: 6px;
    right: 12px;
}
nav ul {
	flex-direction: column;
}
.header li {
	padding-top: 0;
}
/* スマホ時はMENUボタンを表示 */
#open {
    display: block;
    background: url(img/button.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    top: 6px;
    right: 12px;
}
#close  {
    display: block;
    background: url(img/button2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    border: none;
    position: absolute;
    top: 6px;
    right: 12px;
}
/* スマホ時はメニューを非表示 */
#navi {
    display: none;
}


/* ｍ調整 */
	.logo img{width: 250px;
}

/* ｍ調整 */
.moji3{
		 font-size: 1.0rem;
		 font-weight:500;
		}
	
.text2 {
  margin-bottom: 1em;
	font-size: 1.8em;
	font-family: 'Poppins', sans-serif;
	 font-family: 'Montserrat', sans-serif;


}
	
	
.us_text1 {
	font-size: 1.0em;
	line-height: 1.5em;
}
	
.us_text2 {
	font-size: 1.0em;
	line-height: 1.5em;
}
.button-003 {
    width: 330px;
	height: 50px;
    font-weight: 600;
    font-size: 0.8em;
	}
	
	/*YOUTUBE動画 
-------------------------------------*/
.box_movie{
width: 100%; /*divの幅に対する割合 */
height: 250px; /*divの幅に対する割合 */
	overflow: hidden;
}
iframe {width: 100%;  
		height: 250px; 
	}
.box_movie_right{
width: 100%; /*divの幅に対する割合 */
height: 350px; /*divの幅に対する割合 350px */
}
.box_movie_ttl {
	font-size: 0.8em;
	}

.box_movie_sub {
	margin-bottom: 5px;
	padding: 5px 0px;
	font-size: 0.8em;
	}

.box_movie_txt {
font-size: 0.8em;
	}

.box_movie_more {
width: 100%; /*divの幅に対する割合 */
height: 250px; /*divの幅に対する割合 */
overflow: hidden;
}
	
.box_movie_more iframe {
	width: 100%; 
	height: 250px; 
	}

.box_news{
height: 100%; /*divの幅に対する割合 */
	height: 250px; /*divの幅に対する割合 */
	overflow: hidden;
}

.box_news img {/*横幅1200Pxの画像 */
width: 100%; /*divの幅に対する割合 */
height: 250px; /*divの幅に対する割合 */
}
.box_news_right{
width: 100%; /*divの幅に対する割合 */
height: 290px; /*divの幅に対する割合 */
}
.box_news_ttl {
	font-size: 1.0em;
	}

.box_news_sub {
	font-size: 0.8em;
	}

.box_news_txt {
	font-size: 0.8em;
	}

.box_news_more img {
width: 100%; /*divの幅に対する割合 */
height: auto; /*divの幅に対する割合 */
}

/*私たちが動画制作で大事にしているコト
-------------------------------------*/
.box_30 {
	min-width: 300px;
	min-height: 400px;

	}
.box_30_ttl {
	font-size: 1.0em;
	}
.box_30_txt {
	font-size: 0.8em;
	}	
	
.box_16 {
	min-width: 300px;
	min-height: none;
	}
.box_16_ttl {
	font-size: 1.0em;
	}
.box_16_txt {
	font-size: 0.8em;
	}
	
.box_15 {
	min-width: 300px;
	min-height: none;
	}

.box_15_ttl {
	font-size: 1.0em;
	}
.box_15_txt {
	font-size: 0.8em;
	}

	
.daiji {
 font-size: 1.2em;
}

.tableb1p {
 font-size: 0.7em;
}
.tableb3p{
 font-size: 0.7em;
}
/*ワーク
-------------------------------------*/
.work { max-width: 700px;
	max-height: 700px;
	width: 320px;
	height: 170px;
	margin: 10px 0;
	
}
.work img{width: 320px;
	height: 170px;
}

.work_name{
  font-size:1.0em;
}

.work_text{font-size:1.0em;

}

.arrow {
margin-bottom: 10px;
}

/*ニュースボタン
-------------------------------------*/
#child_flame {
    bottom: -50px; /** 場合によっては微調整 **/
}

/*メイン画像
-------------------------------------*/
.mainimg img {
    width: 100vw;
}

/*メインコンテンツ
-------------------------------------*/
main {
    margin: 0rem 0 0 0;/** ヘッダーとの距離調整 **/
}
section {
	margin: 0rem 0;
	padding: 0.1rem 0;
}	
	
.gray-back {
	background-color: var(--back-color);
}

/*ビデオ モバイル
-------------------------------------*/	
.container-video_2 #video {
	  width: 100%;
  max-width: 500px; /* 最大でも500px以下に */
}
	
.container-video_2 {/* ヘッダーとの距離の調整 */
  height: 300px;
}	
	
/*キャッチコピー
-------------------------------------*/
.catch {
    text-align: center;
}
.catch h2 {
    padding-bottom: 1rem;
}
.under {
    border-bottom: 0.4rem solid var(--base-color);
    padding:0.5 0.5rem 0.5rem 0.5rem;
}
.center {
	text-align: center;
	margin-bottom: 4rem;
}


/*フッター
-------------------------------------*/

  .footer__address a {
    text-decoration: none;
    pointer-events: none;
	
  }

	
/*ヘッダー
-------------------------------------*/

/*indexのNEWS
-------------------------------------*/

.news {
		max-width: 200px;
	max-height:200px;
	width: 200px;
	height: 250px;
	margin-bottom: 5px;
}

.news img{
	width: 100%; /*divの幅に対する割合 */
height: 100%; /*divの幅に対する割合 */
}
	
.scroll {
	width: 340px;
  height: 200px;
}
.scroll div {
  width: 200px;
  height: 100px;
  margin: 5px;
}	
		
.news_date{
  font-size: 0.8em;
margin-bottom: 0px;
}

.news_text{
  font-size: 0.8em;
	margin-bottom: 20px;
}
.head-top{
	margin-top: 10px;
	margin-bottom: -25px;
}	
.space_h1{
	margin-left: -30px;
}
	
.box_17 {
	height: 250px;
	}
.Form-Item-Label {
    font-size: 0.7em;
  
}
.Form-Item-Label-Required {
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
	 border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 25px;
    font-size: 0.8em;
}
	/*ワードプレス化によりあとで付け足したもの
-------------------------------------*/

.newPost{
	flex-direction: column; /* 縦並び */
  align-items: center; /* 中央寄せ */
	
}
/*ワードプレス化によりあとで付け足したもの
-------------------------------------*/
.flex {
	display: flex;
	flex-wrap: wrap;
}
.newPost{
 display:flex;
  flex-flow: column;
  justify-content:space-around;

}
.item{
	width: 100%;
}


	/*あいさつ
-------------------------------------*/


.yama>p{
    font-size: 0.8em;
	
}
.yama>p{
    width: 95%;
	
}

.yama img{
	max-width: 50px;
	height: 156px;
	width: 50px;

}	
	
.notosans1{
  font-size: 1.5em;
}	
.notosans2{
  font-size: 1.2em;
}	
.notosans3{
  font-size: 0.8em;
}
}