@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;
color:#333;
}

/*共通*/
a{
/*color:#2a627e;*/
/*color:#8c6419;*/
color:#cc9125;
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 80px;
}
.first{
margin-top:20px;
}
.button {
margin:40px auto;
text-align:center;
}
.button a{
text-decoration:none;
padding:20px 60px;
background:#485470;
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;
padding:20px 60px;
font:inherit;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
}
.wpcf7 input[type="submit"] {
display: block;
margin: 0 auto;
}
.aligncenter{
display: block;
margin:0 auto;
}

/*ヘッダー*/
.header_cover{
width:100%;
height: 100vh;
background-image:url('/wp-content/uploads/2025/05/22687966_m.jpg');
background-position: center;
background-repeat: no-repeat;
position:relative;
background-size: cover;
}
.header_cover::before{
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ' ';
}
.header_page{
width:100%;
height:200px;
background-image:url('/wp-content/uploads/2025/05/22687966_m.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:#0059ab;*/
background:#e6e6e6;
width:100%;
z-index: 10000;
}
.header_top .inner{
padding:0;
}
.header_bottom{
background:#000;
opacity:0.8;
}
.header_logo{
float:left;
font-size:1.4rem;
text-align:center;
/*padding:10px 0 0 10px;*/
padding:5px 0 5px 5px;
max-width:100%;
text-align:center;
}
h1.main_catch{
clear:both;
/*padding:200px 0 60px;*/
text-align:center;
color:#fff;
font-weight:normal;
position: absolute;
/*top:260px;*/
top:260px;
left:0;
width:100%;
}
h1.main_catch span:nth-of-type(1){
font-size:3.0rem;
}
h1.main_catch span:nth-of-type(2){
font-size:2.3rem;
}
/*
h1.main_catch span:nth-of-type(2)::before,
h1.main_catch span:nth-of-type(2)::after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 180px;
height: 2px;
background-color: #fff;
}
h1.main_catch span:nth-of-type(2)::before {
left: 0;
}
h1.main_catch span:nth-of-type(2)::after {
right: 0;
}
h1.main_catch span:nth-of-type(3){
font-size:2.0rem;
}
.sub_catch{
color:#fff;
}
*/

/*ナビメニュー*/
.nav_content{
float:right;
padding:25px 0 0 ;
}
ul.nav_list{
}
.nav_list li{
display:inline-block;
}
.nav_list li a{
color:#333;
text-decoration:none;
padding:0 20px;
}
/*言語スイッチャー*/
.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;
}
.box_left{
float:left;
}
.box_right{
float:right;
}
.concept_box img{
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;
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:#0059ab;*/
background:#e6e6e6;
color:#333;
text-align:center;
padding:20px 0 20px;
}
footer p{
margin-bottom:40px;
}
ul.footer_nav_list{
margin:30px 0;
}
ul.footer_nav_list li{
display:inline-block;
margin:0 20px;
}
ul.footer_nav_list li a{
font-weight:normal;
/*color:#8c6419;*/
color:#333;
}
.copyright{
font-size:1.2rem;
margin:0;
}
.footer_tel{
font-size:2.6rem;
}

/*投稿*/
.post{
padding:20px 0;
}
.post p{
margin-bottom:15px;
}
.post h3{
font-size:2.0rem;
margin:20px auto 10px;
color:#8c6419;
}
.dateLabel{
margin:-10px 0 10px;
text-align:right;
}

/*固定ページ*/
.tb_layout{
margin:0 0 20px;
}
.tb_layout th{
text-aligin:center;
/*background:#72A6B3;*/
background:#8f7051;
border:1px #ccc solid;
font-weight:normal;
padding:10px 10px;
vertical-align:middle;
color:#fff;
}
.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;
}
.post ul {
list-style-type:disc;
margin-left:2em;
}
.post ol {
list-style-type:decimal;
margin-left:1em;
}
.post .memo{
background:#E6E1E5;
padding:10px;
border-radius:5px;
margin-top:40px;
}
.post .memo span{
font-weight:bold;
}
.point{
}
.point .mark{
margin-top:40px;
background:#4169e1;
color:#fff;
paddng:5px;
width:7em;
text-align:center;
}
.point span{
font-weight:bold;
font-size:2rem;
}
table.tb_business{
margin:30px 0 40px;
}
table.tb_business td{
vertical-align:top;
padding:5px;
}
table.tb_business td h3{
margin-top:0;
}
table.tb_business td img{
width:250px;
height:auto;
}
.image_photo{
padding:0 0 10px 10px; 
}
table.tb_vision{
border-collapse: separate;
}
table.tb_vision td{
width:33%;
padding:5px;
border:3px #fff solid;
background:#c8e7fa;
border-collapse: separate;
}
table.tb_vision td h3{
margin-top:0;
}

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


.header_logo{
float:left;
}

h1.main_catch span:nth-of-type(1){
font-size:2.4rem;
}
h1.main_catch span:nth-of-type(2){
font-size:2.0rem;
padding: 0 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;
}
h1.main_catch span:nth-of-type(3){
font-size:2.0rem;
}

.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){
.pc{
display:none;
}
.sp{
display:block;
}
.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;
}
/*言語スイッチャー*/
.bogo-language-switcher{
float:none;
text-align:center;
}
.bogo-language-switcher li{
}
.bogo-language-switcher li a{
color:inherit;
}

.post table th{
/*width:1rem;*/
}
.req{
padding:3px;
margin-left:0;
white-space: nowrap;
}
.company th{
width:4em;
}
.contact th{
width:8em;
}
.image_photo{
padding:0;
}
.image_photo img{
width:100%;
height:auto;
}
table.tb_business td:nth-child(1){
width:70%;
}
table.tb_business td:nth-child(2){
width:30%;
}
table.tb_business td img{
width:100%;
height:auto;
}
table.tb_vision{
width:100%;
box-sizing: border-box;
}
table.tb_vision td{
box-sizing: border-box;
width:100%;
display: block;
padding:none!important;
}


}