/*
Theme Name: 蝗帛嵜繝輔ぃ繧ｷ繝ｪ繝�ぅ繝ｼ繧ｺ
Author: 蝟懷ｮ�
Description: 蝗帛嵜繝輔ぃ繧ｷ繝ｪ繝�ぅ繝ｼ繧ｺ縺ｮ繝��繝槭ヵ繧｡繧､繝ｫ縺ｧ縺�
Version: 1.0
*/

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

/* main */
ul[role='list'], ol[role='list']{
    list-style: none; 
}

html:focus-within{
    scroll-behavior: smooth; 
}

a:not([class]){
    text-decoration-skip-ink: auto; 
}

img, picture, svg, video, canvas{
    max-width: 100%;
    height: auto; 
    vertical-align: middle; 
    font-style: italic; 
    background-repeat: no-repeat; 
    background-size: cover;
}

input, button, textarea, select{
    font: inherit; 
}

@media (prefers-reduced-motion: reduce){
    html:focus-within {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}

body, html{
    height: 100%; 
    scroll-behavior: smooth; 
    
}

/* 繧ｳ繝ｳ繝�Φ繝ГSS */

/* google font */
.zen-kaku-gothic-new-regular {
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 400;
    font-style: normal;
  }
/* google font - end */ 
  
body{
    background-color: #474f29;
    color:#fff;
}
ul,li{
    list-style: none;
}

a{
    color:#fff;
    text-decoration: none;
    padding:8px;
}
a:hover{
    background-color: #333;
}
header {
 
    background-color: #474f29;
}
h2 {
    margin-top:1rem;
    margin-bottom:1rem;
}
p,div{
    line-height: 1.5em;
}

section{
    width: 100vw;
    height:100vh;
    /* border:1px solid #b1b1b1;*/
}
input,textarea {
    background-color: #fff;
}

dt {
    margin-left:20px;
}
dd {
    margin-left:40px;
}
footer {
    margin: 30px 0 10px;
}
.m5 {
    margin:5px;
}
/* header */
.lead {
    padding:8px;
}
.lead h1{
    font-size:0.9em;
}
.lead h2{
    font-size:0.9em;
}
.logo img {
    margin-top:20px;
}

#header>div{
display: flex;
align-items: center;
justify-content: center;
margin:10px;

}
.h-left{
    display: flex;
}
.h-center p{
    font-size: 0.7em;
    text-indent: 20px;
}
.h-right p{
    font-size: 1.2em;
}
/* navi */
/*
nav {
    display: flex;
    justify-content:center;
    height: 3rem;
    position: sticky;
    top:0;
    
}
*/
/*
nav ul{
    display:flex;
}
nav li {
    padding:8px;
}
    */

/* main */
#hero {
    background-image: url(/wp-content/themes/shikoku-f.co.jp-wp-theme/images/img1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 45%;
    display:flex;
    justify-content: center;
    align-items: center;
    
}
#hero h2{
    color:#ffffff;
    font-size: 3.0rem;
    font-weight: 700;
  text-shadow: 1px 1px 2px black, 0 0 25px #484f29, 0 0 5px #212121;

}
.contents{
    display: grid;

}
.inner{
    margin:0 auto;
}
.contents h2{
    font-size:1.7rem;
}
.main-photo{
    margin:12px;
    padding:10px;  
}
.sub-photos{
    margin:10px;
    padding:10px;
}
.main-photo,.sub-photos{
    display: flex;
    justify-content: center;
    gap:10px;
}
.sub-photos img{
    margin-right:7px;
}
.map {
    display: flex;
    justify-content: center;
}
.fl{
    display: flex;
    justify-content: center;
    margin:20px 0;
}
.textcenter{
    text-align: center;
    margin-bottom:30px;
}
.contents h2{
    text-align: center;
}
.contents h3{
    margin-top:10px;
    margin-bottom:10px;
}
.contents h3+div{
    margin-left:20px;
}
#branch .contents p{
    text-align: center;
}
#lagom .contents {
    display:grid;
}
#lagom .contents img{
    display: block;
    margin:0 auto;
}
#branch {
    height: auto;
}
#branch .contents>div {
    background-color: #fff;
    color:#333;
    padding:20px;
    margin: 20px 0;
}
#branch dl dt{
    background-color: #474f29;
    color:#fff;
    padding:10px;
    border-radius: 5px;
    width: fit-content;
    height: fit-content;
}
#recruit {
    height: auto;
}

.wpcf7-spinner{
    display: none;
}
.syokushu-wrap{
  display: grid;
  grid-template-columns: repeat(auto-fit, 400px);
  gap: 20px 20px;
  justify-content: center;
}
.syokushu{
    background-color: #fff;
    color:#333;
    border-radius: 5%;
    padding:2rem 0;
}
.syokushu h3{
    font-size:1.5rem;
}
.syokushu p{
    text-align: center;
}
.oubo{
    background-color: #fff;
    color:#333;
    width: 60%;
    margin:40px auto;
    padding:0.8rem;
}
footer p {
    text-align: center;
}
.lagom-des{
    margin:30px 0 0 20px;
}
.syokushu h3 {
    text-align: center;
}
.ani1{
    animation: keyVis 3s ease-in-out forwards;
}
.telTxt {
    font-size:2rem;
}
@keyframes keyVis {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

/* 繧ｹ繝槭�縺ｫ縺ｯ驕ｩ逕ｨ縺励↑縺� */
@media (min-width: 768px) {
#header{
    display: flex;
}

#header>div{
width:33vw;
}
#hero {
    background-position: left;
}

  .wpcf7-form-control.form-control {
    width: auto;
    max-width: 100%;
  }
  

  /* 繝輔か繝ｼ繝�繧剃ｸｭ螟ｮ縺ｫ驟咲ｽｮ繝ｻ閭梧勹濶ｲ謖�ｮ� */
  
  .wpcf7-form {
    max-width: 680px;
    margin-left:auto;
    margin-right:auto;
    background-color: #f1f1f1;
    padding: 15px 40px;
    border-radius: 5px;
    color:#000;
  }
  .wpcf7-text,.wpcf7-textarea{
  width:70vw;
}


    

}
.wpcf7-form .wpcf7-form-control-wrap{
    text-align: left;
}


/* 蠢��医�繝ｼ繧ｯ */
.wpcf7-form small.text-danger {
    color: #fff !important;
    background-color: #816AA1;
    font-size: 75%;
    padding: 0.1em 0.3em;
    margin-left: 0.5em;
}

/* 蜈･蜉帷｢ｺ隱阪�繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ繧貞､ｧ縺阪￥ */
form .wpcf7-acceptance input[type="checkbox"] {
    transform: scale(2.0);
    margin-right: 0.5em;
}
.wpcf7-text,.wpcf7-textarea{
    border:1px solid #000;
    color:#000;
    width:100%;
}
.wpcf7-submit{
    background-color: #816AA1;
    color:#fff;
    border:1px solid #000;
    padding:20px;
    margin:20px;
    border-radius: 10px;
}
.wpcf7-spinner {
    display: none;
}


/* 騾∽ｿ｡繝懊ち繝ｳ繧偵�縺｣縺溘ｊ荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
.wpcf7-submit.btn {
    margin-left: 72px;
}

form .wpcf7-acceptance input[type="checkbox"]{
    transform: scale(2.0);
    margin-right:0.5em;
    width: 13px;
    height: 13px;
    border:1px solid #000;
    color:#000;
}
.wpcf7-form p{
    margin:20px 0;
}



/* 繝懊ち繝ｳ縺ｮ謖�ｮ� */
button{
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 20px;
  bottom: 20px;
  width: 100px;
  height: 100px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #816AA1;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
/* 繧ｯ繝ｩ繧ｹ莉倅ｸ取凾縺ｮ謖�ｮ� */
.is-active{
  opacity: 1;
  visibility: visible;
}
/* 

 繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ1 

*/
.hamburger {
  position: fixed;
  top: 60px;
  right: 20px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  background-color: #474f29;
}

.hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  
  background-color: #ffffff;
  transition: all 0.5s ease;
}

.hamburger span:nth-child(1) {
  top: 5px;
}

.hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger span:nth-child(3) {
  bottom: 5px;
}

/* 蝗櫁ｻ｢繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
.hamburger.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* 蜀��繧ｹ繧ｿ繧､繝ｫ */
.circle {
  position: absolute;
  
  border: 3px solid #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 0; /* 蛻晄悄迥ｶ諷九〒縺ｯ騾乗� */
  transition: opacity 0.3s ease;
  z-index: -1; /* 蜀�′邱壹�蠕後ｍ縺ｫ陦ｨ遉ｺ縺輔ｌ繧� */
}

/* 繧｢繧ｯ繝�ぅ繝匁凾縺ｮ蜀��荳埼€乗�蠎ｦ繧貞､画峩 */
.hamburger.active .circle {
  opacity: 1; /* 繧｢繧ｯ繝�ぅ繝匁凾縺ｫ荳埼€乗�蠎ｦ繧�100縺ｫ */
}

/* 繝｡繝九Η繝ｼ縺ｮ繧ｹ繧ｿ繧､繝ｫ */
.menu {
  position: fixed;
  top: -100%;
  right: 0;
  width: 220px;
  height: 100vh;
  background-color: #474f29;
  color:#fff;
  padding: 20px;
  box-sizing: border-box;
  z-index: 5;
  transition: top 0.3s ease;
}

.menu.open {
  top: 0px;
}
.menu li a{
    display:block;
    padding:50px 0 10px 10px;
    border-bottom:solid 1px #858585;
}
.iai-img,.kubota-img,.lagom-img{
    margin:10px 0 10px 0;;
    padding:0;
}