@charset "UTF-8";

/*

Theme Name: ひみつのデザインオフィス JUNE 2026

Description: ひみつのデザインオフィス専用テーマ ver3

Author: D.Nakano

Version: 3.00

License: Himitsu no design office.

*/



.openbtn2{

	width: 50px;

	height:50px;

	cursor: pointer;

}.openbtn2:hover{

	opacity: 0.5;

}.openbtn2 span{

	display: inline-block;

	transition: all .4s;

	position: absolute;

	left: 6px;

	height: 2px;

}.openbtn2 span:nth-of-type(1) {

	top:22px; 

	width: 60%;

}.openbtn2 span:nth-of-type(2) {

	top:31px;

	width:40%;

}.openbtn2.active span:nth-of-type(1) {

	top: 20px;

	left: 10px;

	transform: translateY(6px) rotate(-45deg);

	width: 45%;

}.openbtn2.active span:nth-of-type(2) {

	top: 32px;

	left: 10px;

	transform: translateY(-6px) rotate(45deg);

	width: 45%;

}



#menu-list{

	transition: all .4s;

}#menu-list.active{

	right: 0;

}



body{

	font-family: "Noto Sans JP", sans-serif;

	width: 100%;

	height: 100vh;

}

a{

	color: #333;

	text-decoration: none;

}

a:hover{

	opacity: 0.5;

}



.slider{

	background-color: #666;

}.slider li{

	width: 100%;

	height: 100vh;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

}

@keyframes zoomUp {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.15); /* 拡大率 */

  }

}

.add-animation {

  animation: zoomUp 10s linear 0s normal both;

}



.lead{

  margin:20px 0 0 0;

}

.btn-block{

  width:200px;  

  padding: 30px;

}

.tile{

	background-image: url('./assets/tile.png');

	background-repeat: repeat;

}



#main_content h2{

	margin-bottom: 1.5rem;

	padding-top: 2rem;

	font-size: 1.875rem;

	line-height: 2.25rem;

}

#main_content p{

	margin-bottom: 1rem;

	line-height: 2;

}

#main_content a{

	text-decoration: underline;

}



.wp-block-list{

	padding-left: 2rem;

	margin-bottom: 1rem;

}

.wp-block-list li{

	list-style: disc;

	line-height: 2;

}

.wp-block-table td{

	border: none !important;

	border-bottom: 1px solid #ddd !important;

}



.wpcf7-text{

	background-color: #f5f5f5;

	padding: 0.35rem 0.6rem;

}

.wpcf7-textarea{

	background-color: #f5f5f5;

	width: 100%;

	padding: 0.35rem 0.6rem;

}

.wpcf7-submit{

	padding: 0.5rem 2rem;

	background-color: #000;

	color: #fff;

	margin: auto;

    display: block;

}.wpcf7-submit:hover{

	opacity: 0.5

}



.recaptcha_policy {

  padding: 0;

  margin: 0;

  text-align: center;

  font-size: 11px !important;

  color: #444 !important;

}

.recaptcha_policy a {

  font-size: 11px !important;

  color: #111 !important;

}



.grecaptcha-badge { visibility: hidden; }