<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />

@charset "utf-8";

/* CSS Document */

:root {
--fontColor:#5B8D44;
--fontColor2:#4A4A4A;
--fontGlay:#D8D8D8;
--primaryColor:#D4ED85;
--secondaryColor:#87BF44;
--pointColor:#FFE162;
--bgColor:#E2F2AF;
--bgColor2:#FCFAEA;
--bkColor:#000;
--glayColor:#707070;
--lightGlay:#BABABA;
--whiteColor:#fff;
--shadowColor:rgba(0, 0, 0, .25);
--alphaColor:rgba(255, 255, 255, .7);
--alphaGreen:rgba(91, 141, 68, .9);
--yellowColor:#FFCE00;
--yellowShadow:#907503;
--blueFont:#00859D;
--lightGlay2:#F5F5F5;
}
/*========= ▼reset ===============*/
/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video, a):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
/*========= ▲reset ===============*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-all;
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ul, ol {
  list-style: none;
}
html, body {
  margin: 0 auto;
  padding: 0;
  /*font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*/
/*  font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;	*/
    font-family:  "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 1.8;
    line-break: strict;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all!important;
    max-width: 2040px;
    color: var(--bkColor);
}
a {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
text-decoration: none;
}

a[href^="tel:"] {
	pointer-events: none;
  color:inherit;
  text-decoration:none;
}

img{
    width: auto;
	border:0;
	vertical-align:bottom;
	max-width:100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

header,
ul {
  list-style-type: none;
}


table{border-collapse:collapse;}
th{border-collapse:collapse;}
td{border-collapse:collapse;}


.font_nomalbold{font-weight:400;}
.font_bold{font-weight:bold;}
.font_small{font-size:80%;}
.font_middle{font-size:90%;}
.font_big{font-size:105%;}
.font-space {letter-spacing: -0.05em;}
.font_ss{font-size:70%;}
.font_yellow{color: var(--yellowColor);}

.line_center{text-align:center;}
.line_right{text-align:right;}
.line_left{text-align:left !important;}

body, html{
    height: 100%;
}

.wrap{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
h1.tdk{
    position: absolute;
    top: -100px;
}
header{
    width: 100%;
}
main{
    display: block;
    flex: 1;
}
footer{
    width: 100%;
}

section {
    position: relative;
}
.secInner{
    max-width: 1290px;
    width: 88%;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

.h2{
    text-align: center;
}
.h2 h2{
    font-size: clamp(24px, 2.65vw, 42px); 
    display: inline-block;
    border-bottom: 1px solid var(--fontColor);
    line-height: 1.4;
}
.h2 span{
    display: block;
    font-size: clamp(16px, 1.2vw, 19px);
    color: var(--fontColor);
}
.contact,
.affiliated{
    margin: 5% auto 3%;
}
.contact_flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.leftImg,
.rightImg{
    flex-basis: 30%;
}
.leftImg figure{
    width: 80%;
}
.rightImg figure{
    width: 41%;
    margin-left: 30%;
}
.contactBox{
    flex-basis: 40%;
    margin: auto;
    max-width: 565px;
    text-align: center;
}
.contactBox > a{
    font-size: clamp(25px, 2.96vw, 50px);
    font-weight: 600;
    border-top: 2px solid var(--bkColor);
    border-bottom: 2px solid var(--bkColor);
    padding: 5px 0;
    display: block;
    margin-bottom: 12%;
    font-family: "Barlow", sans-serif;
    letter-spacing: 0.12em;
}
.contactBox a i{
    margin-right: 10px;
}
.contactBtn_area a {
    font-size: clamp(17px, 1.9vw, 30px);
    font-size: 500;
    display: block;
    padding: 0.6em 3em 0.6em 2em;
    border: 1px solid var(--glayColor);
    box-shadow: 2px 2px 1px var(--shadowColor);
    border-radius: 10px;
    transition: all .5s;
    position: relative;
    display: block;
    box-shadow: 2px 2px 1px var(--shadowColor);
}
.contactBtn_area a .abRight{
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
    transition: all .5s;
}

#sec06{
    background: var(--primaryColor);
}
.affiliated_flex{
    position: relative;
    display: flex;
    justify-content: space-around;
}
.affiliated_flex li {
    flex-basis: 48%;
    transition: all .35s;
}


.only_sp, .only_pad {
  display: none;
}
.only_pad_sp{display: none;}

@media (any-hover: hover) {
/*:hover はここに書く*/
    .contactBtn_area a:hover{
        transform: translateY(-3px);
        box-shadow: 2px 5px 10px var(--shadowColor);
    }
    .contactBtn_area a:hover .abRight{
        right: 1em;
    }
    .affiliated_flex li:hover{
        transform: translateY(-5px);
        box-shadow: 3px 5px 5px var(--shadowColor);
    }

}

/******************************************************************************************/

/* for tablet  */

/******************************************************************************************/

@media only screen and (max-width: 820px)  {
  
  	.only_pc {
		display: none;
	}
  
  .only_pad {display: block !important;}

    .only_sp{display: none !important;}
    .only_pad_sp{display: block !important;}


}


/******************************************************************************************/

/* for sp  */

/******************************************************************************************/

@media only screen and (max-width: 700px)  {
      a[href^="tel:"] {
    pointer-events: inherit;
}
    .contact_flex{
        flex-direction: column;
    }
    .leftImg figure{
        width: 60%;
        margin: auto;
    }

    .contactBox{
        width: 90%;
        margin: 5% auto 7%;
    }
    .rightImg figure{
        width: 34%;
        margin: auto;
    }
    .affiliated_flex{
        flex-direction: column;
    }
    .affiliated_flex li{
        margin-bottom: 7%;
    }


	.only_sp {
		display: block !important;
	}
	
	.only_pc {
		display: none;
	}
  .only_pad_sp{display: block !important;}

  .no-sp {display: none;}
	
  
}