@charset "utf-8";
/*
Theme Name: 株式会社イシヅカ Ver1.0.3-7
Theme URI: https://ishiduka.co.jp
Author: 株式会社イシヅカ
Author URI: https://ishiduka.co.jp
Description: イシヅカ専用テーマ（レスポンシブWebデザイン）
Version: 1.0.3-7
License: 株式会社イシヅカ
*/

/*--------------------------------------------------------------------------
	初期設定
--------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
a { outline:none !important;	text-decoration:none; color:#333; }
a:focus { outline:none !important; color:#333; }
a:active { outline:none !important; color:#333; }
a:visit { color:#333; }
address {
	margin-top:0;
}
b,
strong {
	font-weight: 700;
}
p {
	margin-bottom: 0px;
}
ul,
ol {
	list-style: none;
}
ul {}
ol {}
li > ul,
li > ol {}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 0;
	vertical-align: baseline;
}
button,
input {
	line-height: normal;
}
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize:vertical;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin:0 auto 24px auto;
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}
td {
	border-width: 0 1px 1px 0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}
.blk {
    display: none;
}
.no-jobs {
    margin:100px auto;
    text-align: center;
    font-size:18px;
}
/*----------------------------------------------------------------------
	body
 ---------------------------------------------------------------------*/

body {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	color:#333;
	min-width:1100px;
	font-size:16px;
	background:#fff;
    line-height: 1.7;
    letter-spacing: 1px;
}
html, body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}
main {
    padding:0 !important;
    margin:0 !important;
}

section {
    position: relative;
    padding:100px 10px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
section:nth-child(2n-1) {
    background:#f9f9f9;
}

@media only screen and (max-width:1300px) {
    section {
        padding:100px 10px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
    }
}

/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/
header {
	position:relative;
	top:0;
	left:0;
	width:100%;
	min-width:1100px;
	border-top:5px solid #3287c8;
	background:#fff;
	padding:0 0 0 10px;
	height:80px;
	z-index:10;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
header #logo {
	position: relative;
	width:350px;
}
header #logo img {
	width:100%;
	height:auto;
}

/*------------------------------ Grobal Nav ----------*/
nav#gnav {
	margin:0 7% 0 0;
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}
nav#gnav ul {
	display: -webkit-flex;
    display: flex;
}
nav#gnav ul li {
	font-family: 'Noto Sans JP', sans-serif;
	position:relative;
	font-size: 16px;
	line-height:100%;
    letter-spacing: 2px;
}
nav#gnav ul li a {
	position: relative;
	display: block;
	color:#777;
	padding:20px 30px 39px 30px;
    font-weight:500;
	text-align: center;
    white-space: nowrap;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
nav#gnav ul li a:hover {
    background:#f7f7f7;
}
nav#gnav ul li a:after {
    position: absolute;
    top: 75%;
    color:#99B5C5;
    font-size:10px;
}
nav#gnav ul li a.home:after { content:'home'; left: 57%; transform: translate(-75%, -57%); }
nav#gnav ul li a.company:after { content:'company'; left: 60%; transform: translate(-75%, -60%); }
nav#gnav ul li a.works:after { content:'works'; left: 57%; transform: translate(-75%, -57%); }
nav#gnav ul li a.sdgs:after { content:'SDGs initiatives'; left: 61%; transform: translate(-75%, -61%); }
nav#gnav ul li a.recruit:after { content:'recruit'; left: 58%; transform: translate(-75%, -58%); }
nav#gnav ul li a.inquiry:after { content:'inquiry'; left: 55%; transform: translate(-75%, -55%); }

/*------------------------------ button on the right ----------*/
.li-contact {
	position: fixed;
	top:0;
	right:0;
	width:70px;
    z-index: 10;
}
.li-contact li {
    position: relative;
    -webkit-box-shadow: -5px 5px 0 rgba(0,0,0,0.10);
            box-shadow: -5px 5px 0 rgba(0,0,0,0.10);
}
.li-contact a {
	display: block;
    padding:45px 30px 30px 30px;
    color:#fff;
    line-height:150%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li-contact a.con1 {
    background:url("img/parts/ic_mail.svg") 53% 15px no-repeat #0d73b2;
    background-size:20px auto;
}
.li-contact a.con2 {
    background:url("img/parts/ic_recruit.svg") 53% 15px no-repeat #5eadcc;
    background-size:15px auto;
}

@media only screen and (max-width:1300px) {
	header #logo {
		width:280px;
	}
    nav#gnav {
        margin:0;
    }
    nav#gnav ul li a {
        padding:20px 25px 39px 25px;
        font-size:14px;
    }
    .li-contact {
        top:75px;
        right:0;
        width:70px;
        z-index: 10;
    }
    .li-contact li {
        position: relative;
        -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.10);
                box-shadow: 0 5px 0 rgba(0,0,0,0.10);
    }
    .li-contact a {
        line-height:100%;
        font-size:16px;
    }
    .li-contact a.con1 {
        background-size:20px auto;
    }
    .li-contact a.con2 {
        background-size:15px auto;
    }
}

/*-----------------------------------------------------------------------------------------
	footer
-----------------------------------------------------------------------------------------*/
footer {
    position: relative;
    /* background:#3287c8; */
    background:#4E99D1;
    color:#fff;
    padding:60px 0 0 0;
	text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
footer p {
    font-size:18px;
    letter-spacing: 2px;
    margin-bottom:30px;
}
footer p span {
    display: inline-block;
    margin:0 10px;
}
footer .logo-f {
    margin-bottom:30px;
}
footer small {
    text-align: center;
    font-size:12px;
    display: block;
    background:#3287c8;
    line-height:60px;
    letter-spacing: 2px;
}
footer #fnav ul {
    margin-bottom:60px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
}
footer #fnav ul li {
    position: relative;
    line-height: 130%;
    padding:0 25px;
}
footer #fnav ul li:after {
    position:absolute;
    content:'';
    top:0;
    right:0;
    border-right:1px solid #fff;
    height: 100%;
}
footer #fnav ul li a {
    color:#fff;
}
footer #fnav ul li:last-child:after {
    display: none;
}

/*------------------------------ PageTop ----------*/
#pageUp {
	position:fixed;
	bottom:0;
	right:0;
	width:60px;
	height:60px;
	background:#1b7ac2;
	z-index:10;
}
#pageUp:after {
	position: absolute;
	content:'';
	top:25px;
	left:22px;
	width:15px;
	height:15px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
#pageUp:hover {
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------------
	top
-----------------------------------------------------------------------------------------*/

/*------------------------------ Main Photo ----------*/
#main {
    position: relative;
    overflow: hidden;
    background:url("img/contents/idx/main02.jpg") 50% 50% no-repeat;
    background-size:auto 100%;
    height:calc(100vh - 80px);
}
#catchcopy {
    position: absolute;
    top:20%;
    left:0;
    right:0;
    bottom:0;
    margin:auto auto auto auto;
    width:550px;
    height:170px;
    font-size:32px;
    font-weight:bold;
    line-height: 180%;
    color:#fff;
    text-align: center;
    -webkit-text-shadow:3px 3px 0 rgba(0,0,0,0.50);
            text-shadow:3px 3px 0 rgba(0,0,0,0.50);
}

/*------------------------------ ishiduka Information ----------*/
section#about {
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
    overflow: hidden;
}
section#about:before {
	position: absolute;
    overflow: hidden;
    content:'';
    top:-30%;
    left:62%;
    background:#A7C2DF;
    width:300%;
    height:300%;
	-webkit-transform: rotate(15deg);
	        transform: rotate(15deg);
    z-index:-1;

}
section#about h1 {
    position: relative;
	font-size: 36px;
	letter-spacing: 2px;
    margin:0 0 50px 0;
}
section#about h1:after {
    position: absolute;
    content:'';
    top:50%;
    border-top:1px solid #333;
    width:100px;
}

.bx-about {
    max-width:85%;
    margin:0 auto;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
			justify-content: space-between;
}
.bx-about div {
    width:45%;
    padding:40px 20px 40px 0;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx-about div h2 {
    font-size:40px;
    font-weight:700;
    line-height:160%;
    color:#1b7ac2;
    margin-bottom:30px;
}
.bx-about img {
    position: relative;
    width:auto;
    height: 750px;
    border:20px solid #fff;
    box-shadow:-30px 30px 0 rgba(0,0,0,0.05);
}
.bx-about p {
    margin-bottom:0;
    font-size: 20px;
}
.bx-about p strong {
    display: block;
    font-size:28px;
    margin-bottom:30px;
}

/*------------------------------ content List ----------*/
#pickup h1 {
    font-family: 'Noto Sans JP', sans-serif;
	font-size:26px;
    letter-spacing:2px;
    margin:0 auto 80px auto;
    text-align: center;
}
.li-content {
	margin:0 auto;
    width:88%;
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li-content li {
    position: relative;
    overflow: hidden;
    width:33%;
    border:5px solid #efefef;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li-content li img {
    width:100%;
    height:auto;
}
.li-content li dl div {
    position: relative;
    text-align: left;
    padding:40px 30px;
    background:#fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.li-content li a {
	display: block ;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	background/*\**/: #fff\9;
	filter:alpha(opacity=0);
}
.li-content li .img {
	position: relative;
	clear:both;
	overflow: hidden;
	padding-top:75%;
}
.li-content li .img img {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	-webkit-transition:0.50s;
	        transition:0.50s;
}
.li-content li:hover > .img img {
	-webkit-transform: scale(1.08);
			transform: scale(1.08);
	-webkit-transition:0.50s;
	        transition:0.50s;
}
.li-content li dl div:before {
    position: absolute;
    content:'';
    top:80px;
    right:30px;
    width:50px;
    height:50px;
    border-radius: 50%;
    background:#1b7ac2;
    margin-top:-25px;
}
.li-content li dl div:after {
    position: absolute;
    content:'';
    top:80px;
    right:51px;
    width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
    margin-top:-6px;
}
.li-content li dl div dt {
    font-family: 'Noto Sans JP', sans-serif;
	font-size:24px;
    letter-spacing:2px;
    margin-bottom:10px;
}
.li-content li dl div dd {
    font-size:14px;
}

/*------------------------------ box Recruit ----------*/
#recruit {
    position: relative;
    padding:100px 80px;
    color:#fff;
    text-align:left;
    background: url("img/parts/bg-recruit.jpg") 50% 50% no-repeat;
    background-size:cover;
    height: 580px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#recruit h1 {
    font-size:30px;
    font-weight:700;
    margin-bottom:70px;
}
#recruit p {
    font-size:20px;
    margin-bottom:40px;
}
.txt_part {
    position: relative;
    margin:0 auto 50px auto;
    color:#1b7ac2;
    font-size:46px !important;
    font-weight:700;
    width:500px;
}
.txt_part:before,
.txt_part:after {
    position: absolute;
    content:'';
    left:0;
    width: 100%;
    border-bottom:5px solid #1b7ac2;
}
.txt_part:before {
    bottom:0px;
}
.txt_part:after {
    bottom:-10px;
}
.bx-recruit {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
	        align-items: flex-end;
	-webkit-justify-content: center;
			justify-content: center;
}
.bx-recruit div {
    width:60%;
}
.bx-recruit a {
    position: relative;
    display: block;
    max-width:400px;
    width:40%;
    line-height:80px;
    background:#1b7ac2;
    color:#fff;
    margin-right:50px;
    font-size:24px;
    letter-spacing:4px;
    text-align: center;
    border-radius: 80px;
	box-shadow: 7px 7px 0 rgba(0,0,0,0.50);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.bx-recruit a:after {
    position: absolute;
    content:'';
    top:30px;
    right:40px;
    width: 14px;
	height: 14px;
    border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/*---------- contribution ------------------------------*/
.contribution {
    padding:80px 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.contribution p {
    text-align: center;
    font-size:26px;
    font-weight:700;
    margin-bottom:40px;
}
.contribution ul {
    margin:0 auto;
    max-width:1100px;
    display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
			justify-content: center;
}
.contribution ul li {
    margin:0 1%;
    text-align: center;
    font-size:14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.contribution ul li img {
    display: block;
    margin:0 0 15px 0;
    width:100%;
    height:auto;
}

@media only screen and (max-width:1800px) {
    .bx-about div h2 {
        font-size:34px;
    }
    .bx-about p {
        font-size: 18px;
    }
    .bx-about p strong {
        font-size:24px;
    }
    .bx-about img {
        height: 650px;
    }
}
@media only screen and (max-width:1600px) {
    .bx-about div h2 {
        font-size:30px;
    }
    .bx-about p {
        font-size: 16px;
    }
    .bx-about p strong {
        font-size:20px;
    }
    .bx-about img {
        height: 550px;
    }
}
@media only screen and (max-width:1400px) {
    .bx-about img {
        height: 500px;
    }
}
@media only screen and (max-width:1300px) {
    section#about:before {}
    section#about h1 {
        margin-bottom:20px;
        font-size: 30px;
    }
    .bx-about {
        max-width:94%;
    }
    .bx-about div {
        width:49%;
        padding:40px 10px;
    }
    .bx-about div h2 {
        font-size:30px;
        margin-bottom:30px;
    }
    .bx-about p {
        font-size: 16px;
    }
    .bx-about p strong {
        font-size:24px;
    }
    .bx-about img {
        height: 470px;
    }
    .li-content {
        margin:0 auto;
        width:96%;
    }
    .li-content li {}
    .li-content li img {}
    .li-content li dl div {
        padding:20px 10px;
    }
    .li-content li dl div:before {
        position: absolute;
        content:'';
        top:50%;
        right:20px;
        width:30px;
        height:30px;
        margin-top:-15px;
    }
    .li-content li dl div:after {
        position: absolute;
        content:'';
        top:50%;
        right:32px;
        width: 8px;
        height: 8px;
        margin-top:-4px;
    }
    .li-content li dl div dt {
        font-size:18px;
    }
    .li-content li dl div dd {
        font-size:12px;
    }

    /*------------------------------ box Recruit ----------*/
    #recruit {
        position: relative;
        padding:80px 30px;
        height: auto;
    }
    #recruit h1 {
        font-size:26px;
        margin-bottom:35px;
    }
    #recruit p {
        font-size:16px;
    }
    .txt_part {
        margin:0 auto 12% auto;
        font-size:32px !important;
        width:80% !important;
        text-align: center !important;
    }
    .txt_part:before,
    .txt_part:after {}
    .txt_part:before {}
    .txt_part:after {}
    .bx-recruit {}
    .bx-recruit div {
        width:60%;
    }
    .bx-recruit a {
        position: relative;
        display: block;
        max-width:350px;
        width:40%;
        line-height:60px;
        background:#1b7ac2;
        color:#fff;
        margin:0 5% 2% 0;
        font-size:20px;
        letter-spacing:2px;
        text-align: center;
        border-radius: 60px;
        box-shadow: 7px 7px 0 rgba(0,0,0,0.50);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .bx-recruit a:after {
        position: absolute;
        content:'';
        top:50%;
        right:40px;
        width: 10px;
        height: 10px;
        margin-top:-5px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
    }

}
@media only screen and (max-width:1200px) {
    .bx-about {
        max-width:94%;
    }
    section#about h1 {
        font-size: 26px;
        margin-bottom:20px;
    }
    section#about h2 {
        font-size: 26px;
    }
    .bx-about p {
        font-size: 14px;
    }
    .bx-about p strong {
        font-size:20px;
    }
    .bx-about img {
        height: 420px;
    }
}

/*-----------------------------------------------------------------------------------------
	2nd page - common
-----------------------------------------------------------------------------------------*/

.ttl {
    position: relative;
    overflow: hidden;
    text-align: left;
    padding:120px 160px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.ttl:before {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.30);
    z-index:0;
}
.ttl h1 {
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:60px;
    letter-spacing: 10px;
    color:#fff;
}
.ttl h1 span {
    font-size:30px;
    display: block;
    margin-left:10px;
    letter-spacing:5px;
}
/*--------- bg-company ----------*/
.t_company {
    background:url("img/parts/bg-company.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.t_sdgs {
    background:url("img/parts/bg-sdgs-ngt.jpg") 82% 50% no-repeat !important;
    background-size:450px auto !important;
    padding:120px 160px 200px 160px;
}
.t_sdgs h1,
.t_sdgs h1 span {
    color:#333;
}
.t_sdgs:before {
    display: none !important;
}
.t_works {
    background:url("img/parts/bg-works.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.t_recru {
    background:url("img/parts/bg-recruitment.jpg") 50% 50% no-repeat;
    background-size:cover;
}
.t_recu_dtl,
.t_inquiry {
    padding:40px 160px;
    background:#4E99D1;
}
.t_recu_dtl:before,
.t_inquiry:before {
    display: none !important;
}

@media only screen and (max-width:1300px) {
    .ttl {
        padding:100px 80px;
    }
    .ttl:before {}
    .ttl h1 {
        font-size:50px;
    }
    .ttl h1 span {
        font-size:16px;
    }
    /*--------- bg-company ----------*/
    .t_sdgs {
        background:url("img/parts/bg-sdgs-ngt.jpg") 75% 90% no-repeat !important;
        background-size:25% auto !important;
    }
    .t_recu_dtl {
        padding:40px 80px;
    }
}

/*-----------------------------------------------------------------------------------------
	2nd page - company
-----------------------------------------------------------------------------------------*/

section.s_company {
    display: -webkit-flex;
    display: flex;
    padding:50px;
    width:80%;
    margin:0 auto;
    background:none !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_company h1 {
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 2px;
    width:20%;
    margin-top:20px;
    font-size: 26px;
}
section.s_company div.bx-company {
    width:80%;
    border-left:1px solid #efefef;
    padding-left:100px;
}
section.s_company div.bx-company ul.license {
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_company div.bx-company ul.license li {
    line-height: 180%;
    padding:10px;
    font-size:16px;
    width:50%;
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_company div.bx-company p {
    position: relative;
    padding-left:20px;
    margin:20px 0 40px 0;
}
section.s_company div.bx-company p:before {
    position: absolute;
    content:'◎';
    top:0;
    left:0;
}
section.s_company div.bx-company ul.heavy-equipment {
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
}
section.s_company div.bx-company ul.heavy-equipment li {
    line-height: 180%;
    padding:10px;
    font-size:16px;
    width:100%;
    border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_company div.bx-company ul.heavy-equipment li span {
    display: inline-block;
    margin-left:20px;
}
section.s_company div.bx-company dl {

}
section.s_company div.bx-company dl div {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    border-bottom:1px solid #efefef;
    padding:8px 0;
    font-size:18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_company div.bx-company dl div:first-child {
    border-top:1px solid #efefef;
} 
section.s_company div.bx-company dl div dt {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    width:20%;
    background: #efefef;
}
section.s_company div.bx-company dl div dd {
    width:77%;
}
section.s_company div.bx-company dl div dt,
section.s_company div.bx-company dl div dd {
    padding:15px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_company div.bx-company dl div dd strong {
    display: block;
    margin-bottom:20px;
}
section.s_company div.bx-company dl div dd ul {
    margin:20px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    border-left:none !important;
    padding-left:0 !important;
}
section.s_company div.bx-company dl div dd ul > * {
  flex: 1 1 180px;
}
section.s_company div.bx-company dl div dd ul li {
    list-style: disc;
    margin-left:25px;
    padding:0;
    border:0 !important;
}
section.s_company #map {
    overflow: hidden;
    position: relative;
    height: 700px;
    width:80%;
    
}
section.s_company #map iframe {
    position: absolute;
    inset: -150px;
    width: calc(100% + 300px);
    height: calc(100% + 300px);
}

section.s_company div.bx-company dl div dd ul.affiliation {
    margin:0;
    display:block !important;
}

@media only screen and (max-width:1300px) {
    section.s_company {
        padding:40px 0;
        width:90%;
    }
    section.s_company h1 {
        font-size:20px;
        letter-spacing: 2px;
    }
    section.s_company dl {
        width:100%;
    }
    section.s_company ul.license {
        width:100%;
        padding-left:5%;
    }
    section.s_company ul.license li {
        padding:10px 15px;
        font-size:16px;
    }
    section.s_company dl div {
        font-size:16px;
    }
    section.s_company dl div dt {}
    section.s_company dl div dd {}
    section.s_company dl div dt,
    section.s_company dl div dd {
        padding:10px 20px;
    }
    section.s_company dl div dd strong {
        display: block;
        margin-bottom:20px;
    }
    section.s_company dl div dd ul {
        margin:20px 0;
        border-left:none !important;
        padding-left:0 !important;
    }
    section.s_company dl div dd ul > * {
      flex: 1 1 180px;
    }
    section.s_company dl div dd ul li {}
    section.s_company #map {
        height: 550px;
        width: 90%;
    }
    section.s_company #map iframe{}
    section.s_company div.bx-company dl div dd ul.affiliation {}
}

/*-----------------------------------------------------------------------------------------
	2nd page - works
-----------------------------------------------------------------------------------------*/

/*------------------------------ works about ----------*/
section.s_works_about {
    position: relative;
    overflow: hidden;
    margin:0 auto;
    padding:100px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
section.s_works_about:before,
section.s_works_about:after {
    position:absolute;
    content:'';
    bottom:-50px;
	width:110%;
    height:100px;
    background:#f9f9f9;
}
section.s_works_about:before {
    left:-5%;
	-webkit-transform: rotate(3deg);
	        transform: rotate(3deg);
}
section.s_works_about:after {
    right:-5%;
    -webkit-transform: rotate(-3deg);
	        transform: rotate(-3deg);
}
section.s_works_about h1 {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size:50px;
    font-weight: 700;
    margin-bottom:60px;
}
section.s_works_about p {
    max-width:1200px;
    font-size:20px;
    margin:0 auto 40px auto;
}

/*------------------------------ works about ----------*/
#wrap-works {
    background:#f9f9f9;
}
section.s_works {
    padding:50px 10px;
    margin:0 auto;
    width:88%;
}
section.s_works h1 {
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:40px;
    font-weight: 700;
    margin-bottom:20px;
    -webkit-align-items: center;
            align-items: center;
}
section.s_works h1 span {
    padding-left:30px;
    margin-left:30px;
    line-height:45px;
    border-left:2px solid #333;
    font-size:18px;

}
section.s_works ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
}
section.s_works ul li {
    width:32.33333333%;
    margin:0 1.5% 1.5% 0;
}
section.s_works ul li:nth-child(3n) {
    margin-right:0;
}
section.s_works ul li img {
    width:100%;
    height:auto;
}
section.s_works ul li span {
    display: block;
    background:#333;
    text-align: center;
    color:#fff;
    padding:15px 10px;
    font-size:16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.pato {
    font-size:40px !important;
}

@media only screen and (max-width:1300px) {
    /*------------------------------ works about ----------*/
    section.s_works_about {
        padding:80px 5%;
    }
    section.s_works_about:before,
    section.s_works_about:after {}
    section.s_works_about:before {}
    section.s_works_about:after {}
    section.s_works_about h1 {
        font-size:40px;
        margin-bottom:60px;
    }
    section.s_works_about p {
        max-width:1100px;
        font-size:18px;
    }

    /*------------------------------ works about ----------*/
    #wrap-works {}
    section.s_works {
        padding:50px 10px;
        margin:0 auto;
        width:90%;
    }
    section.s_works h1 {
        font-size:30px;
        margin-bottom:20px;
    }
    section.s_works h1 span {
        line-height:45px;
        font-size:16px;

    }
    section.s_works ul {}
    section.s_works ul li {}
    section.s_works ul li:nth-child(3n) {}
    section.s_works ul li img {}
    section.s_works ul li span {
        font-size:12px;
    }
    .pato {
        font-size:30px !important;
    }
}

/*-----------------------------------------------------------------------------------------
	2nd page - sdgs
-----------------------------------------------------------------------------------------*/

/*------------------------------ sdgs about ----------*/
.sdgs_about {
    margin:0 auto;
    width:94%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.sdgs_about img {
    width:40%;
    height: auto;
}
.sdgs_about div {
    width:50%;
    margin-left:5%;
}
.sdgs_about div p {
    font-size:20px;
    margin:0;
}
.sdgs_about div p strong {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:26px;
    display: block;
    margin-bottom:40px;
}

/*------------------------------ sdgs attempt ----------*/
.sdgs_attempt section {
    margin:0 auto 80px auto;
    padding:0;
    width:70%;
    background:#fff !important;
}
.sdgs_attempt section h1 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:36px;
    letter-spacing: 5px;
    padding:0 0 0 200px;
    line-height: 150px;
    border-bottom:1px solid #efefef;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.sdgs_attempt section h1.kankyo {
    border-top:8px solid #fabd00;
    background: url("img/contents/sdgs/sdgs07-kankyo.png") 0 0 no-repeat;
    background-size:auto 100%;
}
.sdgs_attempt section h1.syakai {
    border-top:8px solid #c60f28;
    background: url("img/contents/sdgs/sdgs04-syakai.png") 0 0 no-repeat;
    background-size:auto 100%;
}
.sdgs_attempt section h1.keizai {
    border-top:8px solid #970b31;
    background: url("img/contents/sdgs/sdgs08-keizai.png") 0 0 no-repeat;
    background-size:auto 100%;
}

/*------------------------------ sdgs information ----------*/
.fx-attempt {
    padding:40px 30px;
    width:96%;
    margin:0 auto;
    border-bottom:1px solid #efefef;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.fx-attempt div:first-child {
    width:50%;
    padding:25px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.fx-attempt div:first-child h2 {
    font-size:28px;
    font-weight:700;
    margin-bottom: 20px;
}
.fx-attempt div:first-child h3 {
    font-size:24px;
    font-weight:700;
    margin: 20px 0;
}
.fx-attempt div:first-child p {
    font-size:18px;
}
.fx-attempt div:first-child ul li {
    font-size:18px;
    list-style:disc;
    margin-left:25px;
}
.fx-attempt div:last-child {
    width:45%;
}
.fx-attempt div:last-child img {
    width:100%;
    height: auto;
    display: block;
    margin:0 0 2% 0;
}
.fx-attempt div:last-child ul li {
    position: relative;
}
.fx-attempt div:last-child ul li span {
    position: absolute;
    bottom:0;
    left:0;
    display: block;
    background:rgba(0,0,0,0.85);
    text-align: center;
    width:100%;
    color:#fff;
    padding:15px 10px;
    font-size:16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.fx-attempt:nth-child(2) div {
    border-bottom:0 !important;
}

/*------------------------------ sdgs progress ----------*/
.sdgs_progress {
    margin:0 auto 80px auto;
    padding:0;
    width:60%;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    flex-direction: row-reverse;
}
.sdgs_progress div {
    width:50%;
    text-align: center;
}
.sdgs_progress div p {
    font-weight:700;
    font-size:26px;
    line-height:180%;
    margin-bottom:80px;
}
.sdgs_progress div a {
    display: block;
    line-height:70px;
    width:80%;
    margin:0 auto;
    background:url("img/parts/ic_pdf.svg") 85% 50% #4e99d1 no-repeat;
    background-size:7% auto;
    border-radius:70px;
    color:#fff;
    font-weight:700;
    font-size:20px;
    letter-spacing: 1px;
    box-shadow:0 5px 0 rgba(0,0,0,0.05);
}
.sdgs_progress img {
    width:40%;
    height:auto;
}

@media only screen and (max-width:1400px) {
    .sdgs_progress div p {
        font-size:22px;
    }
    .sdgs_progress div a {
        width:90%;
    }
}

@media only screen and (max-width:1300px) {
    /*------------------------------ sdgs about ----------*/
    .sdgs_about {
        width:96%;
    }
    .sdgs_about img {
        width:40%;
        height: auto;
    }
    .sdgs_about div {}
    .sdgs_about div p {
        font-size:16px;
    }
    .sdgs_about div p strong {
        font-size:22px;
        margin-bottom:30px;
    }

    /*------------------------------ sdgs attempt ----------*/
    .sdgs_attempt section {
        margin:0 auto 80px auto;
        width:90%;
    }
    .sdgs_attempt section h1 {
        font-size:30px;
    }
    .sdgs_attempt section h1.kankyo {}
    .sdgs_attempt section h1.syakai {}
    .sdgs_attempt section h1.keizai {}

    /*------------------------------ sdgs information ----------*/
    .fx-attempt {
        padding:30px;
    }
    .fx-attempt div:first-child {
        width:47%;
        padding:15px 0;
    }
    .fx-attempt div:first-child h2 {
        font-size:20px;
    }
    .fx-attempt div:first-child h3 {
        font-size:18px;
    }
    .fx-attempt div:first-child p {
        font-size:16px;
    }
    .fx-attempt div:first-child ul li {
        font-size:16px;
    }
    .fx-attempt div:last-child {}
    .fx-attempt div:last-child img {}
    .fx-attempt:nth-child(2) {}
    .fx-attempt:nth-child(2) div {}
    
    /*------------------------------ sdgs progress ----------*/
    .sdgs_progress {
        width:80%;
    }
}

/*-----------------------------------------------------------------------------------------
	2nd page - recruitment
-----------------------------------------------------------------------------------------*/
#recruitment {
    background:#f9f9f9;
}
#recruitment section {
    padding:80px 10px;
}
#recruitment section p {
    text-align: center;
    font-size:20px;
    line-height: 200%;
    margin-bottom:80px;
}
#recruitment section h1 {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size:36px;
    letter-spacing:5px;
    font-weight: 700;
    margin-bottom:60px;
}
#recruitment section ul {
    margin:0 auto 100px auto;
    max-width:1100px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}
#recruitment section ul li {
    position: relative;
    width:49%;
    margin-bottom:2%;
    background:#fff;
    font-size: 20px;
    border-radius:5px;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.05);
    display: -webkit-flex;
    display: flex;
    align-items: center;
    
}
#recruitment section ul li a {
    position: relative;
    padding:40px 30px;
    display: block;
    width:100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
#recruitment section ul li a:before {
    position: absolute;
    content:'';
    top:60px;
    right:30px;
    width:40px;
    height:40px;
    border-radius: 50%;
    background:#1b7ac2;
    margin-top:-20px;
}
#recruitment section ul li a:after {
    position: absolute;
    content:'';
    top:60px;
    right:47px;
    width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
    margin-top:-4px;
}

/*------------------------------ detail ----------*/
#recruitment_detail {
    background:#f9f9f9;
}
#s_rec {
    text-align: left;
    margin:0 auto;
    width:80%;
    padding:80px 10px;
}
#s_rec h1 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:36px;
    line-height:130%;
    letter-spacing:5px;
    font-weight: 700;
    margin-bottom:40px;
    border-left:7px solid #333;
    padding-left:20px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
#s_rec h1 span {
    font-size:20px;
    margin-right:40px;

}
#s_rec h2 {
    position: relative;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size:36px;
    letter-spacing:5px;
    margin:0 auto 40px auto;
}
#s_rec h2 span {
    position: relative;
    display: inline-block;
    padding:0 70px;
    background:#fff;
}
#s_rec h2:before {
    position: absolute;
    content:'';
    top:50%;
    left:0;
    width:100%;
    border-top:1px solid #333;
    z-index: 0;
}
#s_rec p {
    font-size:16px;
    margin-bottom:20px;
}
.bx-rec {
    background:#fff;
    padding:60px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.bx-rec table {
    border-top:1px solid #efefef;
    margin-bottom:100px;
}
.bx-rec table th,
.bx-rec table td {
    padding:20px;
    font-size:16px;
    vertical-align: middle;
    border-bottom:1px solid #efefef;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
.bx-rec table th {
    background:#f9f9f9;
    width:30%;
}

@media only screen and (max-width:1300px) {
    #recruitment {}
    #recruitment section {}
    #recruitment section p {
        font-size:18px;
        margin-bottom:60px;
    }
    #recruitment section h1 {
        font-size:30px;
        margin-bottom:40px;
    }
    #recruitment section ul {
        margin:0 auto 50px auto;
        width:90%;
    }
    #recruitment section ul li {
        font-size: 18px;

    }
    #recruitment section ul li a {}
    #recruitment section ul li a:before {}
    #recruitment section ul li a:after {}

    /*------------------------------ detail ----------*/
    #recruitment_detail {}
    #s_rec {
        width:90%;
    }
    #s_rec h1 {
        font-size:30px;
        line-height:130%;
        letter-spacing:5px;
        font-weight: 700;
        margin-bottom:40px;
    }
    #s_rec h1 span {
        font-size:20px;
        margin-right:40px;
    }
    #s_rec h2 {
        font-size:28px;
    }
    #s_rec h2 span {
        padding:0 40px;
    }
    #s_rec h2:before {}
    #s_rec p {}
    .bx-rec {}
    .bx-rec table {}
    .bx-rec table th,
    .bx-rec table td {}
    .bx-rec table th {}
}

/*-----------------------------------------------------------------------------------------
	2nd page - recruitment
               inquiry
-----------------------------------------------------------------------------------------*/

/*------------------------------ Form common ----------*/
.attention {
	position: relative;
	display:block;
	color:#e50012;
	padding-left:20px;
	font-size: 12px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.attention:before {
	position: absolute;
	content:'※';
	top:1px;
	left:0;
}

/*---------- Form ----------*/
.mailForm {
	position: relative;
}
.mailForm p {
    margin:0 !important;
    padding:10px 0 0 0 !important;
    font-size:14px !important;
}
.mailForm div {
	border-bottom:1px solid #efefef;
	padding:20px 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
			align-items:center;	
}
.mailForm div dt {
	position: relative;
	padding:0 0 0 70px;
	width:30%;
	font-weight:700;
}
.mailForm div dd {
	width:70%;
}
.mailForm div dt,
.mailForm div dd {
	font-size:16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

.mailForm div dd input[type="text"],
.mailForm div dd input[type="email"],
.mailForm div dd input[type="tel"] {
	width:100%;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
    border:1px solid #ccc;
	font-size: 16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.mailForm div dd.zip input[type="text"],
.mailForm div dd.telephone input[type="text"] {
	width:40%;
	padding:0 10px;
	display: inline-block;
}
.mailForm div dd select {
	width:40%;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
	font-size: 16px;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.mailForm div dd label {
	line-height:35px;
    display: -webkit-flex;
			display: flex;
	-webkit-align-items: center;
			align-items: center;
}
.mailForm div dd label:hover {
	cursor: pointer;
}
.mailForm div dd textarea {
	display: block;
	width:100%;
	min-height: 200px;
	padding:10px;
	background:#fff;
    border:1px solid #ccc;
	font-size: 16px;
    line-height:150%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.mailForm div dd img {
	margin:15px 0;
}
.wpcf7-captchar {
	width:40% !important;
}
.h:before {
	position: absolute;
	content:'必 須';
	top:3px;
	left:0;
	margin:0;
	color:#fff;
	width:55px;
	font-size:12px;
	background:#f2483b;
	border-radius:3px;
	text-align: center;
}
.n:before {
	position: absolute;
	content:'任 意';
	top:3px;
	left:0;
	margin:0;
	color:#fff;
	width:55px;
	font-size:12px;
	background:#ccc;
	border-radius:3px;
	text-align: center;
}
.error {
	display: block;
	margin:10px 0 0 0;
	color:#ff0000;
}
.bx-send {
    position: relative;
	padding:50px 0 20px 0 !important;
	text-align:center;
    margin:0 auto;
    border-bottom:0 !important;
}
.bx-send input[type="submit"] {
	display: block;
    border:none;
	background:#1b7ac2;
	color:#fff;
	width:350px;
	height:70px;
	line-height:70px;
	font-size:16px;
	margin:0 auto;
    border-radius:70px;
    box-shadow: 0 7px 0 rgba(0,0,0,0.10);
	-webkit-transition:0.3s;
			transition:0.3s;
}
.bx-send input[type="submit"]:hover {
	background:rgba(0,23,41,1.00);
	cursor: pointer;
}
.bx-send p {
	margin:0;
}
.error-entry {
	border:1px solid #c1272d;
	padding:4%;
	text-align: center;
	color:#c1272d;
	margin-bottom: 50px;
	background:rgba(255,77,1,0.10);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.wpcf7-list-item {
	display: block;
}
.wpcf7-response-output {
    text-align: center;
    background:#fff;
    font-size:12px !important;
    padding:20px 10px !important;
}

/*------------------------------ inquiry only ----------*/
#inquiry {}
#inquiry section section {
    padding:0 !important;
    width:90%;
    max-width:1100px;
    margin:0 auto;
}
#inquiry p.mt_inquiry {
    max-width:1100px;
    font-size:20px;
    margin:0 auto 40px auto;
    text-align: center;
}
#inquiry p {
    max-width:1100px;
    font-size:18px;
    line-height:180%;
    margin:0 auto 40px auto;
}
#inquiry p a {
    text-decoration: underline;
    color:#1b7ac2;
}
#inquiry section h1 {
	font-family: 'Noto Sans JP', sans-serif;
    font-size: 36px;
    text-align: center;
    margin:0 0 40px 0;
}
#bx-tel {
    position: relative;
    margin:0 auto;
    background:#fff;
    border:15px solid #efefef;
    text-align: center;
    padding:80px 20px;
    border-radius:10px;
    width:100%;
    /*
    -webkit-box-shadow: 0 7px 0 rgba(0,0,0,0.05);
            box-shadow: 0 7px 0 rgba(0,0,0,0.05);
    */
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
#bx-tel img {
    max-width:100%;
    height:auto;
}

/*------------------------------ privacy policy ----------*/
#bx-privacy {
    position: relative;
    background:#fff;
    border-radius:10px;
    padding:40px 20px;
    margin:120px auto 80px auto;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}
#bx-privacy h2 {
	font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size:18px;
    font-weight:700;
    margin:40px 0;
}
#bx-privacy h3 {
    font-size:14px;
    font-weight:700;
}
#bx-privacy p {
    font-size:14px;
    margin-bottom:20px;
}
#bx-privacy ul {
    margin-bottom:20px;
}
#bx-privacy ul li {
    font-size:14px;
    list-style:disc;
    margin-left:20px;
}
#bx-privacy div {
    position: relative;
    height: 350px;
    overflow-x:hidden;
    padding:0 40px;
    -webkit-box-sizing:border-box;
            box-sizing:border-box;
}

/*------------------------------ agree ----------*/
#agree {
    display: block;
    text-align: center;
    width:330px;
    margin: 0 auto;
    font-size:18px;
}
#agree input[type="checkbox"],
#agree input[type="radio"] {
    border:1px solid #ccc;
    margin-right:20px;
    -webkit-transform: scale(2.5, 2.5);
            transform: scale(2.5, 2.5);
}
.screen-reader-response ul li {
    margin:10px 0 !important;
    font-size:12px !important;
}

@media only screen and (max-width:1300px) {
    /*------------------------------ inquiry only ----------*/
    #inquiry {}
    #inquiry section section {}
    #inquiry p.mt_inquiry {}
    #inquiry p {
        max-width:1100px;
        font-size:16px;
    }
    #inquiry p a {}
    #inquiry section h1 {
        font-size: 30px;
        margin:0 0 40px 0;
    }
    #bx-tel {}
    #bx-tel img {}

    /*------------------------------ privacy policy ----------*/
    #bx-privacy {}
    #bx-privacy h2 {
        font-size:18px;
    }
    #bx-privacy h3 {}
    #bx-privacy p {
        font-size:14px;
        margin-bottom:20px;
    }
    #bx-privacy ul {
        margin-bottom:20px;
    }
    #bx-privacy ul li {
        font-size:14px;
        list-style:disc;
        margin-left:20px;
    }
    #bx-privacy div {}

    /*------------------------------ agree ----------*/
    #agree {}
    #agree input[type="radio"],
    #agree input[type="checkbox"] {}
    #agree input[type="radio"] {
        border-radius: 50%;
    }
    #agree input[type="radio"]:checked:before,
    #agree input[type="checkbox"]:checked:before {}
    #agree input[type="radio"]:before {}
    #agree input[type="checkbox"]:before {}
    #agree input[type="radio"],
    #agree input[type="checkbox"] {}
    #agree input[type="radio"]:checked:before,
    #agree input[type="checkbox"]:checked:before {}
}

/*-----------------------------------------------------------------------------------------
	SP
-----------------------------------------------------------------------------------------*/

@media only screen and (max-width:800px) {
    a {}
    a:focus {}
    a:active {}
    a:visit {}
    address {}
    b,strong {}
    p {}
    ul,ol {}
    ul {}
    ol {}
    li > ul,li > ol {}
    img {}
    button,input,select,textarea {}
    button,
    input {}
    textarea {}
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {}

    button[disabled],
    input[disabled] {}

    input[type="checkbox"],
    input[type="radio"] {}

    input[type="search"] {}

    input[type="search"]::-webkit-search-decoration {}

    button::-moz-focus-inner,
    input::-moz-focus-inner {}
    textarea {}
    table {
        margin:0 auto 6% auto;
    }
    caption,
    th,
    td {}
    th {}
    td {}
    table {}
    input, select {}
    .blk {
        display: block;
    }

    /*----------------------------------------------------------------------
        body
     ---------------------------------------------------------------------*/

    body {
        min-width:100%;
        font-size:16px;
        line-height: 1.7;
    }
    html, body {}
    main {}

    article {
        margin-top:60px;
    }
    section {
        padding:8% 1%;
    }
    section:nth-child(2n-1) {}

    /*-----------------------------------------------------------------------------------------
        header
    -----------------------------------------------------------------------------------------*/
    header {
        position: fixed;
        top:0;
        left:0;
        min-width:100%;
        height:60px;
        display:block;
	    padding:0 0 0 1%;
    }
    header #logo {
        width:250px;
    }
    header #logo img {}
    
    /*------------------------------ global Nav, Menu ----------*/
	#panel-btn {
		display: inline-block;
		position: fixed;
		top:0;
		right:0;
		width:60px;
		max-width:60px;
		min-width:60px;
		height:60px;
		margin-top:0;
		z-index:7000;
	}
	#panel-btn:after {
		position: absolute;
		content:'menu';
		top:38px;
		left:13px;
		font-size:10px;
		font-weight:700;
		color:#3287c8;
	}
	#panel-btn-icon {
		display: block;
		position: absolute;
		top: 40%;
		left: 12px;
		width: 35px;
		height: 3px;
		background: #3287c8;
		border-radius:50px;
		-webkit-transition: 0.2s;
				transition: 0.2s;
	}
	#panel-btn-icon:before,
	#panel-btn-icon:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		display: block;
		width: 35px;
		height: 3px;
		background: #3287c8;
		-webkit-transition: 0.3s;
				transition: 0.3s;
	}
	#panel-btn-icon:before {
		margin-top: -10px;
	}
	#panel-btn-icon:after {
		margin-top: 6px;
	}
	#panel-btn .close {
		background: transparent;
	}
	#panel-btn .close:before,
	#panel-btn .close:after {
		margin-top: 0;
		background: #3287c8;
	}
	#panel-btn .close:before{
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	}
	#panel-btn .close:after{
	  -webkit-transform: rotate(-135deg);
			  transform: rotate(-135deg);
	}
	.dr_on {
		top:60px !important;
		left:0 !important;
		visibility:visible !important;
		opacity:1 !important;
		z-index:9999 !important;
		-webkit-transition: .7s;
				transition: .7s;
	}
	.dr_off {
		top:50px;
		visibility:hidden;
		opacity:0;
		-webkit-transition: .7s;
				transition: .7s;
	}
	.over_hide {
    	overflow: hidden !important;
	}

    /*------------------------------ Grobal Nav ----------*/
    nav#gnav {
        display: block;
		position: fixed;
		top:60px;
		left:0;
		width:100%;
		max-width:100%;
		height:100%;
		visibility:hidden;
		opacity:0;
		margin-left:0;
		background:#fff;
		z-index:15000 !important;
    }
    nav#gnav ul {
		display:block;
		margin:10% auto;
		height:80%;
		width:80%;
		overflow-x: hidden;
	}
	nav#gnav ul li {
		line-height:100%;
		border-bottom:1px dotted rgba(0,0,0,0.10) !important;
	}
	nav#gnav ul li a {
		position: relative;
		font-size: 18px !important;
		padding:0 0 0 30px;
		line-height:60px !important;
		text-align: left !important;
		color:#3287c8;
	}
	nav#gnav ul li:before {
		display: none;
	}
	nav#gnav ul li:hover:before{
		display: none;
	}
	nav#gnav ul li:after {
		position: absolute;
		content:'';
		top:50%;
		left:2px;
		height:8px;
		width:8px;
		margin-top:-4px;
		background:none;
		display: block !important;
		border-top:2px solid #3287c8;
		border-right:2px solid #3287c8;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}
    nav#gnav ul li a:hover {
        background:#f7f7f7;
    }
    nav#gnav ul li a:after {
        display: none !important;
    }
    nav#gnav ul li a.home:after {}
    nav#gnav ul li a.company:after {}
    nav#gnav ul li a.works:after {}
    nav#gnav ul li a.sdgs:after {}
    nav#gnav ul li a.recruit:after {}
    nav#gnav ul li a.inquiry:after {}

    /*------------------------------ button on the right ----------*/
    .li-contact {
        display: none !important;
    }
    .li-contact li {}
    .li-contact a {}
    .li-contact a.con1 {}
    .li-contact a.con2 {}

    /*-----------------------------------------------------------------------------------------
        footer
    -----------------------------------------------------------------------------------------*/
    footer {
        padding:10% 0 0 0;
    }
    footer p {
        font-size:14px;
        letter-spacing:1px;
        margin-bottom:4%;
    }
    footer p span {
        display: inline-block;
        margin:0 2%;
    }
    footer .logo-f {
        width:60%;
        margin:0 auto 5% auto;
    }
    footer .logo-f img {
        width:100%;
        height: auto;
    }
    footer small {
        line-height: 40px;
    }
    footer #fnav ul {
        display: none;
    }
    footer #fnav ul li {}
    footer #fnav ul li:after {}
    footer #fnav ul li a {}
    footer #fnav ul li:last-child:after {}

    /*------------------------------ PageTop ----------*/
    #pageUp {
        width:40px;
        height:40px;
        z-index:10;
    }
    #pageUp:after {
        top:18px;
        left:14px;
        width:10px;
        height:10px;
    }
    #pageUp:hover {}

    /*-----------------------------------------------------------------------------------------
        top
    -----------------------------------------------------------------------------------------*/

    /*------------------------------ Main Photo ----------*/
    #main {
        background:url("img/contents/idx/main02-sp.jpg") 50% 50% no-repeat;
        background-size:cover;
        height:calc(85vh - 60px);
    }
    #catchcopy {
        position: absolute;
        top:20%;
        left:0;
        right:0;
        bottom:0;
        margin:auto auto auto auto;
        width:90%;
        height:100px;
        font-size:21px;
        font-weight:bold;
        line-height: 180%;
    }

    /*------------------------------ ishiduka Information ----------*/
    section#about {}
    section#about:before {
        top:-30%;
        left:50%;
        background:#A7C2DF;
        width:200%;
        height:200%;
    }
    section#about h1 {
        position: relative;
        font-size: 24px;
        letter-spacing: 2px;
        margin:0 0 5% 0;
    }
    section#about h1:after {
        width:50px;
    }

    .bx-about {
        max-width:90%;
        margin:0 auto;
        display:block;
    }
    .bx-about div {
        width:100%;
        padding:0;
        margin-bottom:5%;
    }
    .bx-about div h2 {
        font-size:18px;
        margin-bottom:6%;
    }
    .bx-about img {
        width:94% !important;
        height: auto !important;
        margin:5% 0;
        border:10px solid #fff;
        box-shadow:10px 10px 0 rgba(0,0,0,0.05);
    }
    .bx-about p {
        margin-bottom:0;
        font-size: 16px;
    }
    .bx-about p strong {
        display: block;
        font-size:18px;
        margin-bottom:30px;
    }

    /*------------------------------ content List ----------*/
    #pickup h1 {
        font-size:20px;
        letter-spacing:2px;
        margin:0 auto 4% auto;
    }
    .li-content {
        width:90%;
        display:block;
    }
    .li-content li {
        width:100%;
        border:10px solid #fff;
        margin-bottom:5%;
        box-shadow: 10px 10px 0 rgba(0,0,0,0.05);
    }
    .li-content li img {}
    .li-content li dl div {
        padding:5% 3%;
    }
    .li-content li a {
        display: block ;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent:-999px;
        background/*\**/: #fff\9;
        filter:alpha(opacity=0);
    }
    .li-content li .img {}
    .li-content li .img img {
        -webkit-transition:0s;
                transition:0s;
    }
    .li-content li:hover > .img img {
        -webkit-transform: scale(1.00);
                transform: scale(1.00);
        -webkit-transition:0s;
                transition:0s;
    }
    .li-content li dl div:before {
        position: absolute;
        content:'';
        top:50%;
        right:10px;
        width:40px;
        height:40px;
        margin-top:-20px;
    }
    .li-content li dl div:after {
        position: absolute;
        content:'';
        top:50%;
        right:26px;
        width: 12px;
        height: 12px;
        margin-top:-6px;
    }
    .li-content li dl div dt {
        font-family: 'Noto Sans JP', sans-serif;
        font-size:20px;
        margin-bottom:2%;
    }
    .li-content li dl div dd {
        font-size:14px;
    }

    /*------------------------------ box Recruit ----------*/
    #recruit {
        position: relative;
        padding:12% 8%;
        height: auto;
    }
    #recruit h1 {
        font-size:20px;
        margin-bottom:8%;
    }
    #recruit p {
        font-size:16px;
        margin-bottom:12%;
    }
    #recruit p br {
        display: none;
    }
    .bx-recruit {
        display:block;
    }
    .bx-recruit div {
        width:100%;
    }
    .bx-recruit a {
        max-width:80%;
        width:80%;
        line-height:60px;
        margin:0 auto 5% auto;
        font-size:20px;
        letter-spacing:2px;
        border-radius: 60px;
        box-shadow: 0 7px 0 rgba(0,0,0,0.50);
    }
    .bx-recruit a:after {
        top:50%;
        right:20px;
        width: 14px;
        height: 14px;
        margin-top:-7px;
    }
    
    /*---------- contribution ------------------------------*/
    .contribution {
        padding:8% 4%;
    }
    .contribution p {
        text-align:left;
        font-size:18px;
        margin:0 auto 5% auto;

    }
    .contribution ul {
        margin:0 auto;
        max-width:100%;
        /*display:block;*/
        flex-wrap: wrap;
    }
    .contribution ul li {
        margin:0 3% 3% 0;
        width:48.5%;
        /*
        background:#f7f7f7;
        padding:2%;
        */
        font-size:11px;
        font-weight:700;
    }
    .contribution ul li:nth-child(2n) {
        margin-right:0 !important;
    }
    .contribution ul li img {
        margin:0 0 8% 0;
    }

    /*-----------------------------------------------------------------------------------------
        2nd page - common
    -----------------------------------------------------------------------------------------*/

    .ttl {
        padding:10% 4%;
    }
    .ttl:before {}
    .ttl h1 {
        font-size:26px;
        letter-spacing: 10px;
    }
    .ttl h1 span {
        font-size:16px;
        display: block;
        margin-left:0;
        letter-spacing:5px;
    }
    /*--------- bg-company ----------*/
    .t_company {
        background:url("img/parts/bg-company_sp.jpg") 50% 50% no-repeat !important;
    }
    .t_sdgs {
        background:url("img/parts/bg-sdgs-ngt.jpg") 50% 90% no-repeat !important;
        background-size:60% auto !important;
        padding-bottom:70%;
    }
    .t_sdgs h1,
    .t_sdgs h1 span {
        letter-spacing: 2px !important;
    }
    .t_sdgs:before {}
    .t_works {
        background:url("img/parts/bg-works_sp.jpg") 50% 50% no-repeat !important;
    }
    .t_recru {}
    .t_recu_dtl,
    .t_inquiry {
        padding:10% 4%;
    }
    .t_recu_dtl:before,
    .t_inquiry:before {}

    /*-----------------------------------------------------------------------------------------
        2nd page - company
    -----------------------------------------------------------------------------------------*/

    section.s_company {
        display:block;
        padding:8% 0;
        width:90%;
    }
    section.s_company h1 {
        width:100%;
        margin:0 0 4% 0;
        font-size: 20px;
    }
    section.s_company div.bx-company {
        width:100%;
        border-left:none;
        padding-left:0;
    }
    section.s_company div.bx-company ul.license {
        display:block;
        padding:0;
    }
    section.s_company div.bx-company  ul.license li {
        line-height: 180%;
        padding:2% 4%;
        width:100%;
        font-size:16px;
        margin:0;

    }
    section.s_company div.bx-company p {
        margin:0 0 8% 0;
    }
    section.s_company div.bx-company p:before {}
    section.s_company div.bx-company ul.heavy-equipment {}
    section.s_company div.bx-company ul.heavy-equipment li {
        padding:3% 4%;
    }
    section.s_company div.bx-company ul.heavy-equipment li span {
        display: block;
        font-size: 12px;
        margin-left:0;
    }
    section.s_company div.bx-company dl div {
        padding:0;
        font-size:16px;
        border-left:1px solid #efefef;
        border-right:1px solid #efefef;
    }
    section.s_company div.bx-company dl div:first-child {
        border-top:1px solid #efefef;
    } 
    section.s_company div.bx-company dl div dt {
        width:30%;
        background: #f5f5f5;
    }
    section.s_company div.bx-company dl div dd {
        width:70%;
    }
    section.s_company div.bx-company dl div dt,
    section.s_company div.bx-company dl div dd {
        padding:2% 4%;
        font-size:16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    section.s_company div.bx-company dl div dd strong {
        display: block;
        margin:5% 0;
    }
    section.s_company div.bx-company dl div dd ul {
        margin:4% 0 0 0;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        border-left:none !important;
        padding:6% 0 4% 0;
    }
    section.s_company div.bx-company dl div dd ul > * {
      flex: 1 1 180px;
    }
    section.s_company div.bx-company dl div dd ul li {}
    section.s_company #map {
        height: 500px;
        width:100%;

    }
    section.s_company #map iframe {
        position: absolute;
        inset: -150px;
        width: calc(100% + 300px);
        height: calc(100% + 300px);
    }
    section.s_company div.bx-company dl div dd ul.affiliation {
        padding: 0 !important;
    }

    /*-----------------------------------------------------------------------------------------
        2nd page - works
    -----------------------------------------------------------------------------------------*/

    /*------------------------------ works about ----------*/
    section.s_works_about {
        padding:8% 0;
    }
    section.s_works_about:before,
    section.s_works_about:after {
        bottom:-30px;
        width:110%;
        height:50px;
    }
    section.s_works_about:before {}
    section.s_works_about:after {}
    section.s_works_about h1 {
        font-size:26px;
        margin-bottom:6%;
    }
    section.s_works_about p {
        max-width:90%;
        font-size:16px;
        margin:0 auto 8% auto;
    }

    /*------------------------------ works about ----------*/
    #wrap-works {}
    section.s_works {
        padding:5% 0;
        width:90%;
    }
    section.s_works h1 {
        font-size:20px;
        margin-bottom:4%;
    }
    section.s_works h1 span {
        padding-left:4%;
        margin-left:4%;
        font-size:12px;
    }
    section.s_works ul {
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }
    section.s_works ul li {
        width:49.5%;
        margin:0 0 1% 0;
    }
    section.s_works ul li:nth-child(3n) {}
    section.s_works ul li img {}
    section.s_works ul li span {
        display: table-cell;
        padding:4% 2%;
        font-size:14px;
        height: 70px;
        width:100vw;
        vertical-align: middle;
    }
    .pato {
        font-size:20px !important;
    }

    /*-----------------------------------------------------------------------------------------
        2nd page - sdgs
    -----------------------------------------------------------------------------------------*/
    
    #sdgs section:last-child {
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }
    /*------------------------------ sdgs about ----------*/
    .sdgs_about {
        width:90%;
        display:block;
    }
    .sdgs_about img {
        width:80%;
        height: auto;
        display: block;
        margin:0 auto 8% auto;
    }
    .sdgs_about div {
        width:100%;
        margin-left:0;
    }
    .sdgs_about div p {
        font-size:16px;
    }
    .sdgs_about div p strong {
        font-size:20px;
        margin-bottom:8%;
    }

    /*------------------------------ sdgs attempt ----------*/
    .sdgs_attempt section {
        margin:0 auto 12% auto;
        width:90%;
    }
    .sdgs_attempt section h1 {
        font-size:20px;
        letter-spacing: 3px;
        padding:0 0 0 100px;
        line-height: 80px;
    }
    .sdgs_attempt section h1.kankyo {
        border-top:5px solid #fabd00;
    }
    .sdgs_attempt section h1.syakai {
        border-top:5px solid #c60f28;
    }
    .sdgs_attempt section h1.keizai {
        border-top:5px solid #970b31;
    }

    /*------------------------------ sdgs information ----------*/
    .fx-attempt {
        padding:5%;
        display:block;
    }
    .fx-attempt:first-child {
        border-bottom:1px solid #efefef;
    }
    .fx-attempt div:first-child {
        width:100%;
        padding:4% 0;
        border-bottom:0;
        margin-bottom:4%;
    }
    .fx-attempt div:first-child h2 {
        font-size:18px;
        margin-bottom: 4%;
    }
    .fx-attempt div:first-child h3 {
        font-size:18px;
        margin: 2% 0;
    }
    .fx-attempt div:first-child p {
        font-size:16px;
    }
    .fx-attempt div:first-child ul li {
        font-size:16px;
    }
    .fx-attempt div:last-child {
        width:100%;
    }
    .fx-attempt div:last-child img {
        width:100%;
        height: auto;
        display: block;
        margin:0 0 4% 0;
    }
    .fx-attempt:nth-child(2) {
        padding-top:0 !important;
    }
    .fx-attempt:nth-child(2) div {
        border-bottom:0 !important;
    }
    
    /*------------------------------ sdgs progress ----------*/
    .sdgs_progress {
        margin:0 auto !important;
        width:100%;
        display:block;
        background:#efefef;
        padding:10% 0 15% 0;
    }
    .sdgs_progress div {
        width:100%;
    }
    .sdgs_progress div p {
        font-size:20px !important;
        margin-bottom:10%;
    }
    .sdgs_progress div a {
        display: block;
        line-height:60px;
        width:80%;
        background:url("img/parts/ic_pdf.svg") 90% 50% #4e99d1 no-repeat;
        background-size:5% auto;
        border-radius:60px;
        font-size:18px;
    }
    .sdgs_progress img {
        width:80%;
        height:auto;
        display: block;
        margin:0 auto 10% auto;
    }

    /*-----------------------------------------------------------------------------------------
        2nd page - recruitment
    -----------------------------------------------------------------------------------------*/
    #recruitment {}
    #recruitment section {
        padding:8% 0;
    }
    #recruitment section p {
        text-align: left;
        font-size:16px;
        line-height: 180%;
        margin:0 auto 10% auto;
        width:90%;
    }
    #recruitment section h1 {
        font-size:26px;
        margin-bottom:10%;
    }
    #recruitment section ul {
        margin:0 auto 10% auto;
        max-width:100%;
        display:block;
    }
    #recruitment section ul li {
        position: relative;
        width:100%;
        margin-bottom:4%;
        background:#fff;
        font-size: 18px;
        border-radius:5px;
        box-shadow: 5px 5px 0 rgba(0,0,0,0.05);
        display: -webkit-flex;
        display: flex;
        align-items: center;

    }
    #recruitment section ul li a {
        padding:8% 4%;
        width:100%;
    }
    #recruitment section ul li a:before {
        position: absolute;
        content:'';
        top:50%;
        right:20px;
        margin-top:-20px;
    }
    #recruitment section ul li a:after {
        top:50%;
        right:37px;
    }

    /*------------------------------ detail ----------*/
    #recruitment_detail {}
    #s_rec {
        width:90%;
        padding:2% 0;
    }
    #s_rec h1 {
        font-size:22px;
        line-height:130%;
        letter-spacing:5px;
        margin:8% 0 4% 0;
        padding-left:4%;
    }
    #s_rec h1 span {
        font-size:16px;
        margin-right:4%;
    }
    #s_rec h2 {
        font-size:20px;
        letter-spacing:5px;
        margin:0 auto 8% auto;
    }
    #s_rec h2 span {
        padding:0 35px;
    }
    #s_rec h2:before {
        position: absolute;
        content:'';
        top:50%;
        left:0;
        width:100%;
        border-top:1px solid #333;
        z-index: 0;
    }
    #s_rec p {
        margin-bottom:4%;
    }
    .bx-rec {
        padding:5%;
    }
    .bx-rec table {
        margin-bottom:12%;
    }
    .bx-rec table th,
    .bx-rec table td {
        padding:4%;
        font-size:14px;
    }
    .bx-rec table th {
        width:35%;
    }

    /*-----------------------------------------------------------------------------------------
        2nd page - recruitment
                   inquiry
    -----------------------------------------------------------------------------------------*/

    /*------------------------------ Form common ----------*/
    .attention {}
    .attention:before {}

    /*---------- Form ----------*/
    .mailForm {}
    .mailForm div {
        padding:4% 2%;
        display:block;
        border-bottom:0;
    }
    .mailForm div dt {
        padding:0 0 0 70px;
        width:100%;
        margin-bottom:2%;
    }
    .mailForm div dd {
        width:100%;
    }
    .mailForm div dt,
    .mailForm div dd {}
    .mailForm div dd input[type="text"],
    .mailForm div dd input[type="email"],
    .mailForm div dd input[type="tel"] {}
    .mailForm div dd.zip input[type="text"],
    .mailForm div dd.telephone input[type="text"] {}
    .mailForm div dd select {}
    .mailForm div dd label {}
    .mailForm div dd label:hover {}
    .mailForm div dd textarea {
        padding:4%;
    }
    .mailForm div dd img {
        margin:4% 0;
    }
    .wpcf7-captchar {
        width:40% !important;
    }
    .h:before {}
    .n:before {}
    .error {}
    .bx-send {
        padding:15% 0 !important;
    }
    .bx-send input[type="submit"] {
        width:80%;
        height:60px;
        line-height:60px;
        border-radius:60px;
        -webkit-transition:0s;
                transition:0s;
    }
    .bx-send input[type="submit"]:hover {
        background:#1b7ac2;
    }
    .bx-send p {}
    .error-entry {
        border:1px solid #c1272d;
        padding:4%;
        text-align: center;
        color:#c1272d;
        margin-bottom: 50px;
        background:rgba(255,77,1,0.10);
        -webkit-box-sizing:border-box;
                box-sizing:border-box;
    }
    .wpcf7-list-item {}

    /*------------------------------ inquiry only ----------*/
    #inquiry {}
    #inquiry section section {
        width:90%;
        max-width:90%;
    }
    #inquiry p.mt_inquiry {
        max-width:90%;
        font-size:16px;
        margin:0 auto 8% auto;
        text-align:left;
    }
    #inquiry p {
        max-width:100%;
        font-size:14px;
        line-height:180%;
        margin:0 auto 8% auto;
    }
    #inquiry p a {}
    #inquiry section h1 {
        font-size: 24px;
        margin:0 0 10% 0;
    }
    #bx-tel {
        border:10px solid #efefef;
        text-align: center;
        padding:10% 8%;
        border-radius:10px;
        width:100%;
    }
    #bx-tel img {
        max-width:100%;
        height:auto;
    }

    /*------------------------------ privacy policy ----------*/
    #bx-privacy {
        padding:3%;
        margin:15% auto 10% auto;
    }
    #bx-privacy h2 {
        font-size:16px;
        margin:8% 0;
    }
    #bx-privacy h3 {
        font-size:14px;
        font-weight:700;
    }
    #bx-privacy p {
        font-size:14px;
        margin-bottom:4%;
    }
    #bx-privacy ul {
        margin-bottom:4%;
    }
    #bx-privacy ul li {
        font-size:14px;
        list-style:disc;
        margin-left:20px;
    }
    #bx-privacy div {
        height: 300px;
        padding:0 4%;
    }

    /*------------------------------ agree ----------*/
    #agree {
        width:280px;
        font-size:16px;
    }
    #agree input[type="checkbox"],
    #agree input[type="radio"] {}
}