/*
Theme Name:sanyo-kenkyu
Theme URI: 
*/




/* CSS Document */


*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}

.pointer-events-none{pointer-events:none;}
.static{position:static;}
.fixed{position:fixed;}
.absolute{position:absolute;}
.relative{position:relative;}
.inset-0{inset:0;}
.bottom-0{bottom:0;}
.bottom-6{bottom:1.5rem;}
.left-0{left:0;}
.right-6{right:1.5rem;}
.top-0{top:0;}
.z-0{z-index:0;}
.z-10{z-index:10;}
.z-50{z-index:50;}
.mx-auto{margin-left:auto;margin-right:auto;}
.mb-1{margin-bottom:.25rem;}
.mb-10{margin-bottom:2.5rem;}
.mb-2{margin-bottom:.5rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.mt-0\.5{margin-top:.125rem;}
.mt-1{margin-top:.25rem;}
.mt-10{margin-top:2.5rem;}
.mt-2{margin-top:.5rem;}
.mt-4{margin-top:1rem;}
.mt-6{margin-top:1.5rem;}
.block{display:block;}
.inline-block{display:inline-block;}
.flex{display:flex;}
.table{display:table;}
.grid{display:grid;}
.hidden{display:none;}
.h-10{height:2.5rem;}
.h-12{height:3rem;}
.h-5{height:1.25rem;}
.h-64{height:16rem;}
.h-\[420px\]{height:420px;}
.h-auto{height:auto;}
.h-full{height:100%;}
.h-screen{height:100vh;}
.min-h-\[280px\]{min-height:280px;}
.min-h-screen{min-height:100vh;}
.w-10{width:2.5rem;}
.w-32{width:8rem;}
.w-5{width:1.25rem;}
.w-full{width:100%;}
.max-w-3xl{max-width:48rem;}
.max-w-5xl{max-width:64rem;}
.flex-1{flex:1;}
.flex-shrink-0{flex-shrink:0;}
.cursor-pointer{cursor:pointer;}
.select-none{-webkit-user-select:none;user-select:none;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.flex-col{flex-direction:column;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-1{gap:.25rem;}
.gap-3{gap:.75rem;}
.gap-4{gap:1rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}
.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse));}
.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse));}
.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse));}
.overflow-hidden{overflow:hidden;}
.whitespace-nowrap{white-space:nowrap;}
.rounded{border-radius:.25rem;}
.rounded-full{border-radius:9999px;}
.rounded-lg{border-radius:.5rem;}
.rounded-md{border-radius:.375rem;}
.border{border-width:1px;}
.border-b{border-bottom-width:1px;}
.border-l-4{border-left-width:4px;}
.border-t{border-top-width:1px;}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1));}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));}
.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity,1));}
.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1));}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));}
.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));}
.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1));}
.bg-green-800{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1));}
.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1));}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1));}
.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1));}
.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity,1));}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));}
.bg-white\/80{background-color:#fffc;}
.bg-white\/90{background-color:#ffffffe6;}
.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));}
.from-black\/20{--tw-gradient-from:#0003 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);}
.via-black\/10{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0000001a var(--tw-gradient-via-position), var(--tw-gradient-to);}
.to-black\/30{--tw-gradient-to:#0000004d var(--tw-gradient-to-position);}
.object-contain{-o-object-fit:contain;object-fit:contain;}
.object-cover{-o-object-fit:cover;object-fit:cover;}
.object-center{-o-object-position:center;object-position:center;}
.object-top{-o-object-position:top;object-position:top;}
.p-2{padding:.5rem;}
.p-4{padding:1rem;}
.p-5{padding:1.25rem;}
.px-3{padding-left:.75rem;padding-right:.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem;}
.py-2{padding-top:.5rem;padding-bottom:.5rem;}
.py-3{padding-top:.75rem;padding-bottom:.75rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.pl-3{padding-left:.75rem;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.text-3xl{font-size:1.875rem;line-height:2.25rem;}
.text-9xl{font-size:8rem;line-height:1;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-sm{font-size:.875rem;line-height:1.25rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.text-xs{font-size:.75rem;line-height:1rem;}
.font-black{font-weight:900;}
.font-bold{font-weight:700;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.leading-none{line-height:1;}
.leading-relaxed{line-height:1.625;}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));}
.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity,1));}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1));}
.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1));}
.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1));}
.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));}
.text-white\/80{color:#fffc;}
.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);}
.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);}
.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);}
.duration-300{transition-duration:.3s;}
.last\:border-0:last-child{border-width:0;}
.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));}
.hover\:bg-green-800:hover{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1));}
.hover\:text-green-200:hover{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1));}
.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1));}
.hover\:underline:hover{text-decoration-line:underline;}



#naiyou_img{
width:50%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:30px;
}



#naiyou_img img{
width:100%;
height:auto;
}


#naiyou_img p{
text-align:center;
font-size:14px;
color:#333333;
}




#head_section01{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:10;

}

/* ぼかしから出現 */
.blur3{
	animation-name:blurAnime3;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	visibility: visible !important;
}

@keyframes blurAnime3{
  from {
	filter: blur(10px);
	transform: scale(1.02);
  }

  to {
	filter: blur(0);
	transform: scale(1);
  }
}


/*--------------------------*/
/*すぐフワ*/
.sugu_huwa{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
/*----スピード調整はこちらで----*/
-webkit-animation-duration:2.5s;
 -ms-animation-duration:2.5s;
 animation-duration:2.5s;
 -webkit-animation-name: fadeInDown5;
 animation-name: fadeInDown_sugu;
 visibility: visible !important;/*ここ重要*/
}


@-webkit-keyframes fadeInDown_sugu {
 0% { opacity: 0; 
 transform: translateX(0px);
 }
 100% { opacity: 1;
 transform: translateX(0px);
 }
}
@keyframes fadeInDown_sugu {
 0% { opacity: 0; 
 transform: translateX(0px);
 }
 100% { opacity: 1;
 transform: translateX(0px);
 }
}
--> 

/*-----------*/

.animation {
}

.animation2 {
}

.animation3 {
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
/*----スピード調整はこちらで----*/
-webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown5;
 animation-name: fadeInDown5;
 visibility: visible !important;/*ここ重要*/
}
@-webkit-keyframes fadeInDown5 {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown5 {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}




/*-スマホメニュー--*/

#head_menu{
display:none;
}


/*--コンタクトフォーム----------------*/


#contact{
width:100%;
height:auto;

margin-left:auto;
margin-right:auto;
text-align:left;
margin-bottom:30px;
padding-top:100px;



}


#contact_wara{
padding-bottom:100px;
}

#content_back01{
width:100%;
height:auto;

}


#contact_inner{
width:50%;
margin-right: auto;
margin-left: auto;

}

.contact_p01{
text-align:right;
font-size:14px;
font-weight:bold;
}

.hissu{
color:#CC3300;
}


/*テーブルのスタイル*/
.unit_contact01{
width:70%;
max-width:1200px;
margin-right: auto;
margin-left: auto;
}

#contact_inner{
margin-top:40px;
}



.contact_line2{/* ２列目の項目名 */
width:250px;
height:30px;
font-size:14px;
text-indent:1em;
padding-top:15px;
padding-bottom:10px;
padding-left:5px;
font-weight:bold;
box-sizing: border-box;
text-align:left;
vertical-align:top;
}


.contact_line3{
width:auto;
text-align:right;


}






.contact_title{/*セレクトボックス*/
 border-radius: 3px;
 padding: 10px 15px;
width:100%;
border: 1px solid #ddd;
box-sizing: border-box;
margin-bottom:20px;
font-size:16px;
}

/*-------他のCSSでinputがある場合は注意必要　そちらが設定になってしまう----------------------------------*/

/*------お問い合わせボックスの書式が不揃いな時、このCSSのどこからにinputのCSSがある----
「input」で検索してみる。
例：井上不動産では、フォームに関するＣＳＳが160行目付近から４０行ほどあった
input[type="submit"],input[type="reset"],input[type="button"]{ 
*/
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="select"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 10px 15px;
box-sizing: border-box;
	 border: 1px solid #ddd;
	 border-radius: 3px;
	 margin-bottom:20px;
	 font-size:16px;
	
}





/*送信ボタンの書式 
もしも色等が変更できない時は　他にフォーム関係のＣＳＳがあるので
「input」で検索してみる。
例：井上不動産では、フォームに関するＣＳＳが160行目付近から４０行ほどあった
input[type="submit"],input[type="reset"],input[type="button"]{ 
*/

/*送信ボタンの書式*/
p input.wpcf7-submit{ 


}

#submit_wap{/*ボタン用の外包の書式*/
width:100%;
height:auto;
text-align:center;
display        : flex;                
  justify-content: center;              
  flex-wrap      : wrap;
  margin-bottom:111px;
}

.contact_btn {
 width:140px;
  height:50px;
  border:2px solid #000000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 0 40px 50px;
  margin-top:20px;
  background-color:#FFFFFF;
  font-weight:bold;
  color:#000000;
  font-size:16px;
}

.contact_btn:hover{
background-color:#000000;
color:#FFFFFF;
transition: 0.5s;
}


/*送信完了*/

#contact_thanks{
padding-top:100px;
text-align:center;
font-size:20px;
color:#000000;
}

#contact_thanks p{
margin-top:30px;
}

#contact_thanks a{
color:#0066FF;
text-decoration:underline!important;
}



#contact_box{
width:300px;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:100px;
margin-bottom:100px;
text-align:center;
}


.syousai_button-2{
margin-top:10px;
  width:90%;
    margin-right: auto;
margin-left: auto;
  
  height:50px;
  border:2px solid #000000;
  
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  background:#000000;
  border-radius: 25px;
}

.syousai_button-2 a{
  font-family:arial;
  font-size:14px;
  color:#ffffff;
  text-decoration:underline;
 

  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
align-items: center;
justify-content: center;
}


.eff-2{
   width:100%;
    margin-right: auto;
margin-left: auto;
  height:50px;
  top:-50px;
   background:#ffffff;
   
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.syousai_button-2:hover .eff-2{
  top:0;
}


.syousai_button-2 a:hover{
color:#000000;
font-weight:bold;
}





















}





@media (width>=640px){
.sm\:block{display:block;}
.sm\:flex-row{flex-direction:row;}
.sm\:text-right{text-align:right;}

#head_menu{
display:none;
}


}
@media (width>=768px){
.md\:block{display:block;}
.md\:flex{display:flex;}
.md\:hidden{display:none;}
.md\:h-\[600px\]{height:600px;}
.md\:w-72{width:18rem;}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:flex-row{flex-direction:row;}
.md\:px-8{padding-left:2rem;padding-right:2rem;}
.md\:text-2xl{font-size:1.5rem;line-height:2rem;}
.md\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
.md\:text-5xl{font-size:3rem;line-height:1;}
.md\:text-\[12rem\]{font-size:12rem;}
.md\:text-base{font-size:1rem;line-height:1.5rem;}
.md\:text-xl{font-size:1.25rem;line-height:1.75rem;}
}
@media (width>=1024px){.lg\:flex-row{flex-direction:row;}}













































































































































































@media (min-width: 5px) and (max-width: 768px) {



#naiyou_img{
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:10px;
}



#naiyou_img img{
width:100%;
height:auto;
}


#naiyou_img p{
text-align:center;
font-size:14px;
color:#333333;
}

/*-スマホメニュー-表示用-*/

#head_menu{
display:block;
}




/*========= ハンバーガー部分===============*/
.openbtn{
	position:absolute;
    z-index: 888;/*ボタンを最前面に*/
	top:0px;
	left: 0px;
	cursor: pointer;

    width: 65px;
    height:85px;



}

/*×に変化*/
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 32px;
    height: 2px;

	background-color:#fff;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:10px;
}

.openbtn span:nth-of-type(2) {
	top:22px;
}

.openbtn span:nth-of-type(3) {
	top:34px;
}


.openbtn.active span{
background-color:#fff;
}




.openbtn.active span:nth-of-type(1) {
    top: 15px;
    left: 32px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
	
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 27px;
    left: 32px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
}



/*ハンバーガーをクリックすると展開するメニュー----------------------*/


#head_menu{
 position:absolute;
 top:45px;
 left:0px;
	width:100%;
    height:auto;
background-color:#fff;


z-index:777;	

	text-align: center;
	
		-webkit-transition: opacity 1s, visibility 0s ease 1s;
      -moz-transition: opacity 1s, visibility 0s ease 1s;
      -ms-transition: opacity 1s, visibility 0s ease 1s;
      -o-transition: opacity 1s, visibility 0s ease 1s;
      transition: opacity 1s, visibility 0s ease 1s;;
      opacity: 0;
	  visibility: hidden;

}



/*アクティブクラスがついたら透過なしにして最前面へ*/
#head_menu.panelactive{

	transition-delay: 0s;/*safari対策らしい*/
opacity: 1;
visibility: visible;


}





#head_inn{
width:100%;
height:auto;
}

.head_menu_btn{
    position:relative;

width:100%;
height:55px;
font-weight:bold;


box-sizing: border-box;

}

.head_menu_btn span{

}


.head_menu_btn a{
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

transition: 0.5s;
letter-spacing:0.1em;
color:#000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#CCCCCC;
padding-top:15px;
text-align:center;
text-indent:2em;
font-weight:normal;
}


.head_menu_btn a:hover{
background-color:#CCCCCC;
color:#000000;
transition: 0.5s;
text-decoration:none;
}


/*------スマホメニューここまで---------*/


/*--コンタクトフォーム----------------*/


#contact{
width:100%;
height:auto;

margin-left:auto;
margin-right:auto;
text-align:left;
margin-bottom:30px;
padding-top:100px;



}


#contact_wara{
padding-bottom:100px;
}

#content_back01{
width:100%;
height:auto;

}


#contact_inner{
width:50%;
margin-right: auto;
margin-left: auto;

}

.contact_p01{
text-align:right;
font-size:14px;
font-weight:bold;
}

.hissu{
color:#CC3300;
}


/*テーブルのスタイル*/
.unit_contact01{
width:90%;
max-width:1200px;
margin-right: auto;
margin-left: auto;
}


.unit_contact01 td{
display:block;
}

.contact_line2{
margin-bottom:15px;
}



#contact_inner{
margin-top:40px;
}



.contact_line2{/* ２列目の項目名 */
width:250px;
height:30px;
font-size:14px;
text-indent:1em;
padding-top:15px;
padding-bottom:10px;
padding-left:5px;
font-weight:bold;
box-sizing: border-box;
text-align:left;
vertical-align:top;
}


.contact_line3{
width:auto;
text-align:right;


}






.contact_title{/*セレクトボックス*/
 border-radius: 3px;
 padding: 10px 15px;
width:100%;
border: 1px solid #ddd;
box-sizing: border-box;
margin-bottom:20px;
font-size:16px;
}

/*-------他のCSSでinputがある場合は注意必要　そちらが設定になってしまう----------------------------------*/

/*------お問い合わせボックスの書式が不揃いな時、このCSSのどこからにinputのCSSがある----
「input」で検索してみる。
例：井上不動産では、フォームに関するＣＳＳが160行目付近から４０行ほどあった
input[type="submit"],input[type="reset"],input[type="button"]{ 
*/
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="select"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 10px 15px;
box-sizing: border-box;
	 border: 1px solid #ddd;
	 border-radius: 3px;
	 margin-bottom:20px;
	 font-size:16px;
	
}





/*送信ボタンの書式 
もしも色等が変更できない時は　他にフォーム関係のＣＳＳがあるので
「input」で検索してみる。
例：井上不動産では、フォームに関するＣＳＳが160行目付近から４０行ほどあった
input[type="submit"],input[type="reset"],input[type="button"]{ 
*/

/*送信ボタンの書式*/
p input.wpcf7-submit{ 


}

#submit_wap{/*ボタン用の外包の書式*/
width:100%;
height:auto;
text-align:center;
display        : flex;                
  justify-content: center;              
  flex-wrap      : wrap;
  margin-bottom:111px;
}

.contact_btn {
 width:140px;
  height:50px;
  border:2px solid #000000;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 0 40px 50px;
  margin-top:20px;
  background-color:#FFFFFF;
  font-weight:bold;
  color:#000000;
  font-size:16px;
}

.contact_btn:hover{
background-color:#000000;
color:#FFFFFF;
transition: 0.5s;
}


/*送信完了*/

#contact_thanks{
padding-top:100px;
text-align:center;
font-size:20px;
color:#000000;
}

#contact_thanks p{
margin-top:30px;
}

#contact_thanks a{
color:#0066FF;
text-decoration:underline!important;
}




#contact_box{
width:300px;
height:auto;
margin-right: auto;
margin-left: auto;
margin-top:100px;
margin-bottom:100px;
text-align:center;
}


.syousai_button-2{
margin-top:10px;
  width:90%;
    margin-right: auto;
margin-left: auto;
  
  height:50px;
  border:2px solid #000000;
  
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  background:#000000;
  border-radius: 25px;
}

.syousai_button-2 a{
  font-family:arial;
  font-size:14px;
  color:#ffffff;
  text-decoration:underline;
 

  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
align-items: center;
justify-content: center;
}


.eff-2{
   width:100%;
    margin-right: auto;
margin-left: auto;
  height:50px;
  top:-50px;
   background:#ffffff;
   
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.syousai_button-2:hover .eff-2{
  top:0;
}


.syousai_button-2 a:hover{
color:#000000;
font-weight:bold;
}











}