@charset "utf-8";
/*
Theme Name: cl-theme
Version: 1.0
Author: CAREER-LEAP
*/

html {
font-size: 10px;
/*scroll-behavior: smooth;*/
}
body{
/*font:1.6rem/1.5 "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
/*font:1.6rem/1.5 "SF Pro JP","SF Pro Text","Apple TP","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;*/
font:1.6rem/1.5 "Noto Sans JP",sans-serif;*
color:#333;
}

/*共通*/
a{
/*color:#2a627e;*/
/*color:#8c6419;*/
color:#333;
font-weight:normal;
}
.clear{
clear:both;
}
.pc{
display:block;
}
.sp{
display:none;
}
.inner{
width:1200px;
margin:0 auto;
padding:20px 0;
}
section{
margin:60px 0 20px;
}
.first{
margin-top:20px;
}
.button {
margin:40px auto;
text-align:center;
}
.button a{
text-decoration:none;
padding:20px 60px;
/*background:#485470;*/
background:#00cc00;
color:#fff;
}
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}
.prev{float:left}
.next{float:right;}

input[type="text"],input[type="email"],input[type="tel"], textarea{
vertical-align:middle;
max-width:100%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #968e87;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
width:100%;
font:inherit;
}

textarea{
height:auto;
line-height:1.5;
width:100%;
}

input[type="submit"],input[type="reset"],input[type="button"]{
color:#fff;
/*background: #485470;*/
background: #00cc00;
padding:20px 60px;
font:inherit;
border:none;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
}
.wpcf7 input[type="submit"] {
display: block;
margin: 0 auto;
}
.wpcf7-validates-as-required{
background:#FFE8EC;
}
.aligncenter{
display: block;
margin:0 auto;
}

/*ヘッダー*/
.header_cover{
width:100%;
height: 100vh;
/*
background-image:url('https://futaba-28.co.jp/wp-content/uploads/2025/11/C32V4649-scaled.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
*/
position: relative;
}
/*
.header_cover::before{
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
*/
  #bg-video {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
/*    object-fit: contain;*/
/*    object-fit: none;*/
    z-index: -1;
  }

/*
.header_page{
width:100%;
height:200px;
background-image:url('/cltheme/wp-content/uploads/2024/11/skyscraper-3122210_1920.jpg');
background-position: center;
background-repeat: no-repeat;
position:relative;
background-size: cover;
}
.header_page::before{
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
*/


.header_top{
position: fixed;
/*background:rgba(19, 58, 82, .65);*/
background:rgba(255,255, 255, .9);
width:100%;
z-index: 10000;
top: 0;
left: 0;
}
.header_top .inner{
padding:0;
}
.header_bottom{
background:#000;
opacity:0.8;
}
.header_logo{
float:left;
font-size:1.4rem;
text-align:center;
padding:5px 0;
max-width:100%;
text-align:center;
}
h1.main_catch{
clear:both;
text-align:center;
font-weight:normal;
position: absolute;
top:530px;
left:0;
width:100%;
/*text-shadow: 3px 3px 3px #eee;*/
font-family:"Noto Serif JP",serif;
}
h1.main_catch span:nth-of-type(1){
font-size:4.0rem;
font-weight:bold;
border-bottom: 4px solid #00cc00;
padding-bottom:5px;
}
h1.main_catch span:nth-of-type(2){
font-size:1.8rem;
}

/*ナビメニュー*/
.nav_content{
float:right;
padding:25px 0 0 ;
position:relative;
}
ul.nav_list{
}
.nav_list li{
display:inline-block;
}
.nav_list li a{
/*color:#00cc00;*/
text-decoration:none;
padding:0 20px;
}
ul.nav_list li ul{
display: none;
}
ul.nav_list li:hover ul{
display: block;
position: absolute;
top:43px;
left:0;
text-align:left;
z-index:500;
/*background:rgba(19, 58, 82, .65);*/
background:rgba(255,255, 255, .9);
padding:20px 20px;
}
.nav_list li li{
font-size:1.5rem;
}
.nav_list li li a{
padding:0 10px;
}


/*言語スイッチャー*/
.bogo-language-switcher{
float:right;
}
.bogo-language-switcher li{
display:inline-block;
margin-left:10px;
}
.bogo-language-switcher li a{
color:#fff;
text-decoration:none;
}
.bogo-language-switcher li.current a{
text-decoration:underline;
}

/*メインコンテンツ*/
main{
clear:both;
}
main h2{
width:60%;
margin:20px auto 20px;
text-align:center;
font-size:2.4rem;
color:#485470;
border-bottom:2px #485470 solid;
}

.concept_box{
width:50%;
padding:20px 10px;
box-sizing:border-box;
text-align:center;
}
.concept_box h3{
text-align:center!important;
}
.box_left{
float:left;
}
.box_right{
float:right;
}
.concept_box img,
.concept_box video{
width:100%;
height:auto;
}
.concept_box h2{
width:auto;
border:none;
padding:0 55px;
margin:60px 0 20px 0;
text-align:center;
font-size:2.4rem;
font-weight:normal;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.concept_box h2:before, .concept_box h2:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #485470;
}
.concept_box h2:before {
left:100px;
}
.concept_box h2:after {
right: 100px;
}
.concept_box p{
margin-bottom:20px;
}
.concept_button {
margin:40px auto;
text-align:center;
}
.concept_button a{
text-decoration:none;
padding:20px 60px;
/*background:#485470;*/
background:#00cc00;
color:#fff;
}

.news table{
width:auto;
border-collapse:separate;
border-spacing: 0 10px;
}
.news table td{
width:auto;
padding:5px 30px;
margin-bottom:10px;
}
.news table td.cat{
text-align:center;
}
.news table td.cat a{
color:#fff;
text-decoration:none;
width:6.4rem; /*1.6remの4文字分*/
padding:3px 10px;
display:block;
}
.news table td.info a,.news table td.info-en a{
background:#333366;
}
.news table td.blog a{
background:#CC9933;
}
.news table td.uncategorized a{
background:#aaa;
}

.access p{
text-align:center;
margin-bottom:20px;
}

.contact p{
text-align:center;
}
.contact .tel{
font-size:3.0rem;
}

/*フッター*/
footer{
/*background:#133a52;*/
background:#fff;
text-align:center;
padding:20px 0 20px;
}
footer p{
margin-bottom:20px;
}
ul.footer_nav_list{
margin:0px 0 20px;
}
ul.footer_nav_list li{
display:inline-block;
margin:0 20px;
}
ul.footer_nav_list li a{
font-weight:normal;
/*color:#8c6419;*/
}


.copyright{
font-size:1.2rem;
margin:0;
}
.footer_tel{
font-size:2.6rem;
}

/*投稿*/
.post{
padding:20px 0;
}
.post h3{
font-size:2.0rem;
margin:20px auto 20px;
/*color:#8c6419;*/
color:#485470;
text-align:center;
}
.post h4{
font-weight:bold;
}
.post img{
max-width:100%;
}
.dateLabel{
margin:-10px 0 10px;
text-align:right;
}


/*固定ページ*/
.tb_layout{
margin:20px 0;
}
.tb_layout th{
text-aligin:center;
/*background:#8f7051;*/
background:#ccc;
border:1px #aaa solid;
font-weight:normal;
padding:10px 10px;
vertical-align:middle;
}
.tb_layout td{
border:1px #ccc solid;
padding:10px 10px;
vertical-align:middle;
}
.req{
color:#fff;
background:#ff0000;
padding:3px;
font-size:0.9rem;
margin-left:10px;
vertical-align:middle;
border-radius:3px;
white-space: nowrap;
}
.req:after{
content:'必須';
}
.req-en{
color:#fff;
background:#ff0000;
padding:3px;
font-size:0.9rem;
margin-left:10px;
vertical-align:middle;
border-radius:3px;
white-space: nowrap;
}
.req-en:after{
content:'Required';
}
.search article{
margin-bottom:20px;
}

/*フロー*/
.flow_design10 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow10 {
  padding-left: 0;
}

.flow10 > li {
  list-style-type: none;
  border: 2px solid #4D9BC1;
  padding: 20px;
  border-radius: 20px;
}

.flow10 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow10 > li:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #4D9BC1;
}

.flow10 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow10 > li .icon10 {
  color: #4D9BC1;
  margin-right: 0.5em;
}

.flow10 > li dl dd {
  margin: 0;
}

/*３，４番目のスタイル*/
.flow10 li:nth-of-type(3) dl dt,
.flow10 li:nth-of-type(4) dl dt {
border:none;
padding-top:0.5em;
margin-bottom:0;
}



.list{
width:800px;
margin:0 auto;
}
.post .list ul{
margin: 1em 0 1em 1em;
}
.post .list ul li{
list-style-type:disc;
}
.post .list ul li span{
font-weight:bold;
}


@media only screen and (max-width: 1200px){
.pc{
display:none;
}
.sp{
display:block;
}
.inner{
width:100%;
padding:0 5px;
box-sizing:border-box;
}
section{
margin:20px 0 20px;
}

.nav_content{
float:none;
padding:0;
}
ul.nav_list{
margin:60px 0 0 0;
} 
ul.nav_list li{
color:#333;
margin-bottom:0;
text-align:center;
font-size:2rem;
display:block;
border-top:1px #ccc solid;
} 
ul.nav_list li:last-child{
border-bottom:1px #ccc solid;
} 

ul.nav_list li a{
text-decoration:none;
color:#333;
display:block;
width:100%;
padding:10px 0;
}
/*
ul.nav_list li:hover ul,
ul.nav_list li:active ul{
display:none;
}
*/
ul.nav_list li:hover ul{
display: block;
position: static;
background:none;
padding:0;
}
ul.nav_list li ul li{
background:#fff;
}


/*言語スイッチャー*/
.bogo-language-switcher{
float:none;
text-align:center;
}
.bogo-language-switcher li{
}
.bogo-language-switcher li a{
color:inherit;
}


.header_logo{
float:left;
padding:3px 0;
}

h1.main_catch{
top:70%;
text-align:left;
line-height:2.0rem;
}

h1.main_catch span:nth-of-type(1){
font-size:2.4rem;
}
h1.main_catch span:nth-of-type(2){
font-size:1.1rem;
padding:0;
}
/*
h1.main_catch span:nth-of-type(2)::before,
h1.main_catch span:nth-of-type(2)::after {
width: 100px;
}
h1.main_catch span:nth-of-type(2)::before{
left:50px;
}
h1.main_catch span:nth-of-type(2)::after {
right:50px;
}
*/

.concept_box{
width:100%;
}
.concept_box h2{
margin:10px 0 20px 0;
}
.box_left,.box_right{
float:none;
}
.concept_box h2:before {
left:0;
}
.concept_box h2:after {
right: 0;
}
main h2{
width:100%;
}
.news table td{
padding:5px 5px;
font-size:1.4rem;
}
.g-map {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}
.g-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}
@media only screen and (max-width: 768px){
.inner{
/*padding-top:60px;*/
}
.post table th{
/*width:1rem;*/
}
.req{
padding:3px;
margin-left:0;
white-space: nowrap;
}
.history th{
width:100px;
}
.company th{
width:4em;
}
.contact th{
width:8em;
}
.list{
width:auto;
margin:0;
}

}