#none_pc { display: none; overflow: hidden; }/*ＰＣ表示させない*/
#none_smart { }/*スマフォ表示させない*/

smart_br {/*改行*/
display: block;
}

@media screen and (min-width: 680px){   
.pc { display:block; }
.sp { display:none; }
}
@media screen and (max-width: 680px){   
.pc { display:none; }
.sp { display:block; }
}


html,body,table,th,td,div {
font-size: 100%;
}

/* ページトップへ戻るボタン */
#pagetop { position:fixed; bottom:0px; right:10px; padding:0; z-index: 900;}
#pagetop img { width: 100px; }











#Main_Grid {
max-width: 100%;
padding: 50px 20px 50px 20px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Main_Center {
width: 100%;
text-align: center;
font-feature-settings: "palt";/* 文字詰め */
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 20px auto 20px auto;/* 上・右・下・左*/
}
#Main_Left {
width: 100%;
text-align: justify;/*両端揃え*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 50px auto 20px auto;/* 上・右・下・左*/
}






#White_Title {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
text-align: center;
width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 150%;
line-height: 130%;
font-feature-settings: "palt";/* 文字詰め */
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 10px 0px 10px 0px;/* 上・右・下・左*/
}
#White_ZOBI {
font-family: rift-soft, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 90%;
line-height: 100%;
letter-spacing:0.1em;/*文字間隔*/
text-indent:0.1em;/*文字間隔*/
opacity: 0.5;/*透明度*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 30px 0px;/* 上・右・下・左*/
}

#Background_White {/* BOX-ホワイト */
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
color: #3A3A3A;/*フォント色*/
font-size: 100%;
line-height: 150%;
text-align: center;
background-color:#FFFFFF;/*背景色*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Background_Grey {/* BOX-グレー */
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
color: #3A3A3A;/*フォント色*/
font-size: 100%;
line-height: 150%;
text-align: center;
background-color:#E5EBEB;/*背景色*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Title_L_Black {/*業務内容*/
font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
text-align: center;
max-width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 200%;
line-height: 100%;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 10px 0px 50px 0px;/* 上・右・下・左*/
}
#Title_S_Black {/*ZOBI ENTERPRISES*/
font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
text-align: center;
width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 100%;
line-height: 100%;
opacity: 0.8;/*透明度*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}



/*2024.4.4*/
#Contact_Box {
width: 100%;
text-decoration: none;
text-align:center;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 0px auto 100px auto;/*上・右・下・左*/
}
#Contact_Box th {
font-family: a-otf-jun-pro, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 90%;
line-height: 150%;
text-align: right;
color: #2c5d71;
padding: 20px 5px 20px 0px;/*上・右・下・左*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#Contact_Box td {
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 100%;
line-height: 150%;
text-align: center;
color: #2c5d71;
padding: 20px 0px 20px 5px;/*上・右・下・左*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#Contact_Box tr:nth-child(odd) { background: #f9f9f9; }
#Contact_Box tr:nth-child(even) { background: #FFFFFF; }
#Contact_Box td a {
color: #57637c;/*文字色*/
text-decoration: none;
}
#Contact_Box td a :hover {
color: #57637c;/*文字色*/
text-decoration: none;
}
#Background_Grid_Contact {
max-width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 20px auto 0px auto;/*上・右・下・左*/
}
#Grid_Contact_2 {
width: calc(100% / 1);/*2等分*/
display: flex;
box-sizing:border-box;
padding: 10px 0px 10px 0px;/* 上・右・下・左*/
}
#Grid_Contact_box {
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
text-align: justify;/*両端揃え*/
color: #57637c;/*文字色*/
font-size: 100%;
line-height: 150%;
max-width: 100%;
padding: 20px 0px 20px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
font-feature-settings: "palt";/* 文字詰め */

}
#Grid_Contact_box img {
float: right;
width: 100px;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 90px 0px 0px 10px;/*上・右・下・左*/
border-radius: 5px;/*角を丸くする*/
border: 0px solid #D2D2D2;
}
.balloon3 {
  position: relative;
  display: inline-block;
  margin: 0px 0px 15px 0px;
  padding: 0 5px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  background: #70a6ff;
  border-radius: 50%;
  box-sizing: border-box;
}
.balloon3:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #70a6ff;
  z-index: 0;
}
#Contact_Sub {
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
text-align: justify;/*両端揃え*/
width: 100%;
color: #4C576D;/*文字色*/
font-size: 120%;
line-height: 120%;
opacity: 1.0;/*透明度*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 15px auto;/* 上・右・下・左*/
font-feature-settings: "palt";/* 文字詰め */
}
#Contact_Title_1 {/*会社概要*/
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
max-width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 100%;
line-height: 100%;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}
#Contact_Title_2 {/*会社概要*/
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
max-width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 200%;
line-height: 100%;
text-align: center;
letter-spacing:0.1em;/*文字間隔*/
text-indent:0.1e;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 10px 0px;/* 上・右・下・左*/
}
#Contact_Title_3 {/*会社概要*/
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
max-width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 100%;
line-height: 100%;
text-align: center;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
font-feature-settings: "palt";/* 文字詰め */
}
.contact_TEL a {
font-size: 120%;
color: #57637c;/*文字色*/
text-decoration: none;
}
.contact_TEL a[href^="tel:"] {
color: #57637c;/*文字色*/
text-decoration: none;
}





/* 2022・お問合せ */
#grid_mail {
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.deta_contact {
min-width: 100%;
margin: 0px 0px 30px 0px;/*上・右・下・左*/
}
.deta_contact td.one {
display:none;
}
.deta_contact td.two {
display:none;
}
.deta_contact td.three {
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;
line-height: 110%;
max-width: 100%;
text-align:left;
color: #2c5d71;
padding: 10px 5px 10px 5px;/*上・右・下・左*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.display_none {
margin-bottom: 10px;
}
.deta_contact tr:nth-child(odd) {  }
.deta_contact tr:nth-child(even) {  }

.end_contact {
width: 100%;
text-decoration: none;
text-align:center;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 20px auto 20px auto;/*上・右・下・左*/
}
.end_contact td.one {
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;/*文字サイズ*/
line-height: 100%;
color: #FFFFFF;/*フォント色*/
text-align:center;
background:#2c5d71;
padding: 30px 10px 30px 10px;/*上・右・下・左*/
border: 1px solid #2c5d71;
}
.end_contact td.two {
font-size: 150%;/*文字サイズ*/
line-height: 100%;
color: #2c5d71;/*フォント色*/
text-align:center;
background-color: #FFFFFF ;
padding: 30px 10px 30px 10px;/*上・右・下・左*/
border: 1px solid #2c5d71;
pointer-events: none;
text-decoration-line: none;
}
.end_contact td.two>a{
color: #2c5d71;/*フォント色*/
    text-decoration:underline;
}
.end_contact td.two>a{
color: #2c5d71;/*フォント色*/
    /*効く*/text-decoration:none;
}

.must {/* -- 必須 -- */
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 400;
display: block;
background-color: #C00;
border: solid 2px #C00;
text-shadow: 0px 1px 2px #933;
font-size: 90%;
color: #FFF;
float: left;
padding: 2px 5px 2px 5px;/*上・右・下・左*/
margin: 0px 5px 0px 0px;/*上・右・下・左*/
border-radius: 4px;
box-shadow: 0px 0px 5px #CCC;
background-image: url(//www.zobi.ac.jp/contact/mail/mfp.statics/images/header.png);
background-size: 100% 100%;
}
.must_title {
font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 110%;
line-height: 140%;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
font-feature-settings: "palt";/* 文字詰め */
}
textarea {/* -- お問合せ内容枠 -- */
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
color: #232a30;/*フォント色*/
font-size: 100%;
min-width: 100%;
min-height: 150px;
}
.input {/* -- お問合せ内容枠 -- */
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
color: #232a30;/*フォント色*/
font-size: 100%;
line-height: 180%;
min-width: 100%;
}
.input_tel {/* -- お問合せ内容枠 -- */
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
color: #232a30;/*フォント色*/
font-size: 100%;
line-height: 180%;
}
















/* お問い合わせ・ボタン */
.btn_contact {
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;/* 文字サイズ */
line-height: 100%;
vertical-align: middle;
/*アニメーションの起点とするためrelativeを指定*/
position: relative;
overflow: hidden;
/*ボタンの形状*/
text-decoration: none;
display: inline-block;
text-align: center;
outline: none;
width: 250px;
color: #003759;/* 文字色 */
font-feature-settings: "palt";/* 文字詰め */
padding: 20px 50px 20px 50px;/*上・右・下・左*/
margin: 0px 0px 50px 0px;/*上・右・下・左*/
border-radius: 5px;/*角丸める*/
background-color: #CFCFCF;/*背景色*/
border: 1px solid #003759;
}
.bgskew::before {
content: '';
/*絶対配置で位置を指定*/
position: absolute;
top: 0;
left: -130%;
/*色や形状*/
background:#FFF;
width:120%;
height: 100%;
transform: skewX(-25deg);
opacity:0.5;
}
.bgskew:hover::before {
animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
}
@keyframes skewanime {
100% {
left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
}
}


















/* お問い合わせボタン大 */
#Grid_contact {
text-align: center;
max-width: 100%;
background:linear-gradient(125deg, #C9D5D5 50%, #E5EBEB 50%);
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 30px 0px;/*上・右・下・左*/
}
a.bt-sitemap{
color: #FFFFFF; /* 文字色 */
display: block;
position: relative;
text-decoration: none;
line-height: 37px;
text-align: center;
overflow: hidden;
z-index: 1;
padding: 60px 0px 60px 0px;/*上・右・下・左*/
}
a.bt-sitemap:after{
content:"";
position: absolute;
top: 50%;
left: 50%;
height: 0;
width: 100%;
background : #FFFFFF;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
z-index: -1;
}
a.bt-sitemap:hover{
color: #11653C;/*文字色*/
}
a.bt-sitemap:hover:after{
height: 250%;
opacity: 1;
}
a.bt-sitemap:active:after{
height: 350%;
opacity: 1;
}
span.font_contact_01 {
font-family: rift-soft, sans-serif;
font-weight: 500;
font-style: normal;
color: #6A6A6A;/*フォント色*/
font-size: 130%;
line-height: 130%;
letter-spacing:0.1em;/*文字間隔*/
text-indent:0.1em;/*文字間隔*/
}
span.font_contact_02 {
font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;
text-align: center;
max-width: 100%;
color: #6A6A6A;/*フォント色*/
font-size: 200%;
line-height: 130%;
letter-spacing:0.25em;/*文字間隔*/
text-indent:0.25em;/*文字間隔*/
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 10px 0px 10px 0px;/* 上・右・下・左*/
}