@charset "UTF-8";
 body {
font-family: tbudgothic-std,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #222 !important;
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;   }
body h1, body h2, body h3, body h4, body h5, body h6 {
font-family: tbudgothic-std,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body a img {
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
body a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
body a:hover img.noalpha {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; }
body a, body .btn-info {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
body a:hover, body .btn-info:hover {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
body a, body .btn-info {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
@media only screen and (min-width: 768px) {
body .anchor {
padding-top: 85px;
margin-top: -85px;
}
}
@media only screen and (max-width: 767px) {
body .anchor {
padding-top: 85px;
margin-top: -85px;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body .clear {
position: relative;
clear: both;
}
body .hide_all {
display: none;
}
@media only screen and (min-width: 768px) {
body .pchide {
display: none;
}
}
@media only screen and (max-width: 969px) {
body .sphide {
display: none;
}
}
body #headerTop,
body #header,
body #topMainBnrFrame,
body #topMainBnr img,
body #main,
body #footMenu {
width: 100% !important;
}
body #header {
background-color: rgba(255,255,255,0.9);
}
@media only screen and (max-width: 969px) {
body #header {
background-color: unset;
}
}
@media (min-width: 970px) {
body .innerBox,
body #header .innerBox,
body #pageTitBnr .innerBox,
body #panList .innerBox,
body #footMenu .innerBox,
body #footer .innerBox {
width: 96%;
margin: 0px auto;
}
}
@media (min-width: 1200px) {
body .innerBox,
body #header .innerBox,
body #pageTitBnr .innerBox,
body #panList .innerBox,
body #footMenu .innerBox,
body #footer .innerBox {
width: 92%;
max-width: 1300px !important;
margin: 0px auto;
}
}
body #topMainBnr img {
max-width: 100% !important;
}
body #topMainBnrFrame {
min-height: inherit;
}
body .headMainMenu div ul.menu li.menu-item a strong {
font-family: "kan415typos-std" !important;
font-size: 110%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
body .headMainMenu div ul.menu li.menu-item a strong:hover {
color: #f27200;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
body .headMainMenu div ul.menu li.menu-item a:before {
content: " ";
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
margin-right: 6px;
}
body .headMainMenu div ul.menu li:first-child a:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/00_gnavi01.png);
background-size: contain;
background-repeat: no-repeat;
}
body .headMainMenu div ul.menu li:nth-child(2) a:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/00_gnavi02.png);
background-size: contain;
background-repeat: no-repeat;
}
body .headMainMenu div ul.menu li:nth-child(3) a:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/00_gnavi03.png);
background-size: contain;
background-repeat: no-repeat;
}
body .headMainMenu div ul.menu li:nth-child(4) a:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/00_gnavi04.png);
background-size: contain;
background-repeat: no-repeat;
}
body .headMainMenu div ul.menu li:nth-child(5) a:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/00_gnavi05.png);
background-size: contain;
background-repeat: no-repeat;
}
body .headMainMenu div ul.menu li.current_page_item a strong {
color: #f27200;
}
@media (min-width: 970px) {
body {  }
body #main #container .content {
width: calc(100% - 320px);
}
body #main #container #sideTower {
width: 280px;
}
}
body div#topMainBnr div#topMainBnrFrame {
padding-top: 70px;
}
@media only screen and (max-width: 969px) {
body div#topMainBnr div#topMainBnrFrame {
padding-top: 45px;
}
}
body div#topMainBnr div#topMainBnrFrame ul.slides li a.slideFrame img:hover {
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
body div#panList {
background-color: #e3ede7;
padding: 5px 0 !important;
}
body div#main div#container {
line-height: 1.8em;
}
body div#main div#container div.moreLink a {
font-size: 0.9em !important;
}
body div#footerSection {
clear: both;
line-height: 1.8em;
}
@media only screen and (min-width: 970px) {
body div#footerSection div#footer div#footerInner dl#footerOutline {
width: 350px !important;
}
}
body div#footerSection div#footer div#footerInner dl#footerOutline dd {
font-size: 0.75em !important;
line-height: 1.7em !important;
}
body .kadomaru {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
margin-bottom: 1.0em;
}
body .kadomaru5_2 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
body .kadomaru10 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
margin-bottom: 1.0em;
}
body div.sidemenu {
display: block;
clear: both;
margin-bottom: 10px;
}
body div#topInfo ul.entryList li span.infoTxt a, body div.infoList ul.entryList li span.infoTxt a {
font-size: 1.0em !important;
}
body div.acf_pdf a.acf_pdf {
display: block;
min-height: 32px;
font-weight: bold;
text-decoration: underline;
margin: 50px 0 40px 0;
padding: 0 0 0 36px;
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/file-type-icons/02_ic_pdf.png);
background-repeat: no-repeat;
background-position: 0 0;
}
h1#pageTit {
font-family: "kan415typos-std" !important;
letter-spacing: 0.1em;
text-shadow: 0px 0px 10px #000000;
}
.hh01 {
display: block;
width: calc( 100% - 46px ) !important;
color: #d76357 !important;
line-height: 1.6em !important;
margin-top: 0;
margin-bottom: 26px;
padding: 10px 20px 11px 20px !important;
min-height: 42px;
clear: both;
border: dotted 3px #f9cdc9 !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
font-family: "source-han-sans-japanese" !important;
font-weight: 500;
}
.hh01:after {
border: none !important;
}
.hh02 {
display: block;
color: #222 !important;
line-height: 1.6em !important;
margin-top: 0;
margin-bottom: 26px;
clear: both;
font-family: "vdl-pengentle" , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: 400 !important;
margin: 0 0 0.5em 0 !important;
padding: 0 !important;
}
.hh02:after {
border: none !important;
}
.hh03 {
background-position: left 0px bottom 0.3em;
width: 100%;
color: #f27200 !important;
line-height: 1.6em;
margin-top: 0;
margin-bottom: 1.0em;
padding: 0 0 10px 0;
min-height: 30px;
clear: both;
font-size: 1.25em !important;
font-weight: bold  !important;
border-bottom: dotted 1px #999;
}
.hh04 {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/01_h3_bg.png);
background-position: left 0px bottom 15px;
width: calc( 100% - 30px );
color: #FFF !important;
line-height: 1.6em;
margin-top: 0;
margin-bottom: 26px !important;
padding: 10px 15px 11px 15px !important;
clear: both;
border-bottom: dotted 1px #999;
font-family: "source-han-sans-japanese";
font-weight: bold !important;
font-size: 1.15em !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.hh04:after {
border: none !important;
}
.hh04-02 {
font-family: "fot-tsukubrdgothic-std";
font-weight: bold !important;
clear: none !important;
margin: 0 0 20px 0 !important;
color: #1bb2ad !important;
font-size: 1.4em !important;
box-shadow: none !important;
}
.hh04-03 {
font-family: "fot-tsukubrdgothic-std";
font-weight: bold !important;
clear: none !important;
margin: 0 0 20px 0 !important;
box-shadow: none !important;
}
.hh04-04 {
font-family: "fot-tsukubrdgothic-std";
font-weight: bold !important;
clear: none !important;
margin: 0 0 20px 0 !important;
color: #1bb2ad !important;
font-size: 1.6em !important;
box-shadow: none !important;
border-bottom: dotted 4px #6defeb;
}
.hh_chk01 {
width: 100%;
color: #1fa2b6;
line-height: 1.6em;
margin-top: 0;
margin-bottom: 0.4em;
min-height: 30px;
clear: both;
font-family: "source-han-sans-japanese";
font-weight: bold;
font-size: 1.2em;
}
.hh_chk01:before {
content: " ";
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
margin-right: 10px;
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_chk01.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon00:before {
content: " ";
display: inline-block;
width: 34px;
height: 34px;
vertical-align: middle;
margin-right: 10px;
}
.num_icon01:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon01.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon02:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon02.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon03:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon03.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon04:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon04.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon05:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon05.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon06:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon06.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon07:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon07.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon08:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon08.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon09:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon09.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon10:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon10.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon11:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon11.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon12:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon12.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon13:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon13.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon14:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon14.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon15:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon15.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon16:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon16.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon17:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon17.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon18:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon18.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon19:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon19.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_icon20:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_num_icon20.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb00:before {
content: " ";
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
margin-right: 10px;
}
.num_iconb01:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_01.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb02:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_02.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb03:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_03.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb04:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_04.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb05:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_05.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb06:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_06.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb07:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_07.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb08:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_08.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb09:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_09.png);
background-size: contain;
background-repeat: no-repeat;
}
.num_iconb10:before {
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/04_icon_e_10.png);
background-size: contain;
background-repeat: no-repeat;
}
.hh_center {
text-align: center;
}
p.pp01 {
line-height: 1.9em;
font-weight: bold;
}
p.pp02 {
line-height: 2.0em !important;
}
.pp_center {
text-align: center;
}
span.str01 {
font-weight: bold;
font-size: 1.15em;
color: #f37200;
}
span.str02 {
font-weight: bold;
font-size: 1.15em;
color: #ff5f79;
}
span.str03 {
font-weight: bold;
color: #999;
}
span.str04 {
font-size: 1.5em;
}
span.str05 {
font-weight: bold;
}
span.str06 {
color: #ff5e5e;
}
span.str07 {
font-size: 115%;
font-weight: bold;
margin-right: 0.5em;
}
img.fit100 {
max-width: 100%;
margin-bottom: 10px;
}
div.div_center {
text-align: center;
}
@media only screen and (min-width: 970px) {
.fl_l01 {
float: left;
margin-right: 15px !important;
}
}
@media only screen and (min-width: 970px) {
.fl_r01 {
float: right;
margin-left: 15px !important;
}
}
@media only screen and (min-width: 970px) {
.fl_40 {
width: 40%;
max-width: 350px !important;
}
}
section.section01 {
display: block;
clear: both;
margin-bottom: 2.0em;
}
section.section02 {
display: block;
clear: both;
margin-bottom: 0;
}
section.section03 {
display: block;
clear: both;
margin-bottom: 20px;
}
section.section04 {
display: block;
clear: both;
margin-bottom: 3.0em;
}
div.box01 {
display: block;
clear: both;
background-color: #FFF;
border: solid 3px #9fd8e7;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
padding: 1.0em 20px 1.5em 20px;
}
@media only screen and (max-width: 969px) {
div.box01 {
padding: 1.0em 3% 1.5em 3%;
}
}
div.box02 {
display: block;
clear: both;
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_bg_review.jpg);
padding: 1.0em 20px 1.5em 20px;
border-radius: 10px;
}
@media only screen and (max-width: 969px) {
div.box02 {
padding: 1.0em 3% 1.5em 3%;
}
}
div.box03 {
display: block;
clear: both;
background-color: #FFF;
border: solid 2px #EEE;
margin-bottom: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
padding: 1.0em 20px 1.5em 20px;
}
@media only screen and (max-width: 969px) {
div.box03 {
padding: 1.0em 3% 1.5em 3%;
}
}
ul.ul01 {
margin-left: 0.5em;
}
ul.ul01 li {
list-style: none;
font-weight: bold;
}
ul.ul01 li p {
font-size: 0.8em;
font-weight: normal;
margin-bottom: 0;
}
ul.ul01 li:before {
content: '●';
font-size: 0.7em;
color: #9fd8e7;
margin-right: 0.7em;
} div.service_flow{
position: relative;
width: 25%;
height: 55px;
}
@media only screen and (max-width: 767px) {
div.service_flow{
width: 100%;
}
}
div.service_flow_yaji a {
padding-top: 70px;
} div.service_flow_yaji{
position: absolute;
top: -15px;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 3px solid #4291cc;
border-bottom: 3px solid #4291cc;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb 1.5s infinite;
animation: sdb 1.5s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
@keyframes sdb {
0% {
transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
table.table_01 {
border-top: solid 2px #cccccc;
border-bottom: solid 2px #cccccc;
border-left: 0;
border-right: 0;
border-spacing: 0;
background-color: #FFF;
margin-bottom: 3.0em;
min-width: 100%;
}
table.table_01 tr td {
border: 0;
border-bottom: solid 1px #cccccc;
padding: 10px 2%;
line-height: 1.5em;
vertical-align: middle;
}
table.table_01 tr td:first-child {
background-color: #f0f0f0;
width: 25%;
font-weight: bold;
color: #777777;
font-size: 1.1em;
padding: 1em 3%;
}
table.table_02 {
border-width: 1px 0 1px 0;
border-color: #ccc;
border-spacing: 0;
background-color: #fafafa;
margin-bottom: 3.0em;
min-width: 100%;
}
table.table_02 tr th, table.table_02 tr td {
padding: 10px 2%;
line-height: 1.9em;
vertical-align: middle;
border: none;
border-bottom: solid 1px #ccc;
}
table.table_02 tr th {
background-color: #f0f0f0;
font-weight: bold;
color: #444;
text-align: right;
border-right: solid 3px #ccc;
}
@media only screen and (min-width: 768px) {
table.table_02 tr th {
width: 30%;
}
}
table.table_02 tr td {
text-align: center;
}
iframe.googlemap_iframe {
pointer-events: none;
border: solid 2px #ccc;
background-color: #CCC;
min-width: 100%;
min-height: 300px;
margin-bottom: 2.0em;
}
.box_appeal01 {
width: 90%;
margin: 0 auto;
font-family: "source-han-sans-japanese";
line-height: 1.7em;
text-align: center;
}
.box_appeal01-01-01 {
background-color: #4291cc;
color: #FFF;
font-weight: bold;
font-size: 1.4em;
padding: 15px 10px 10px 10px;
border-bottom: solid 3px #1e59b3;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topright: 7px;
border-top-right-radius: 7px;
}
.box_appeal01-01-01:before {
content: " ";
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 10px;
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_icon02.png);
background-size: contain;
background-repeat: no-repeat;
}
.box_appeal01-01-02 {
background-color: #FFF;
color: #333;
font-weight: bold;
padding: 15px 10px 10px 10px;
border-left: solid 3px #dddddd;
border-right: solid 3px #dddddd;
}
.box_appeal01-01-03 {
background-color: #FFF;
overflow: hidden;
padding: 10px 20px 20px 20px;
border-left: solid 3px #dddddd;
border-right: solid 3px #dddddd;
border-bottom: solid 3px #dddddd;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
}
.box_appeal01-01-03 .tel {
display: block;
float: left;
width: 45%;
padding-top: 10px;
color: #1e59b3;
font-size: 1.8em;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.box_appeal01-01-03 .tel {
width: 100%;
font-size: 1.5em;
margin-bottom: 12px;
}
}
.box_appeal01-01-03 .tel:before {
content: " ";
display: inline-block;
width: 36px;
height: 36px;
vertical-align: top;
margin-top: -6px;
margin-right: 10px;
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_icon03.png);
background-size: contain;
background-repeat: no-repeat;
}
.box_appeal01-01-03 .mail {
display: block;
float: left;
margin-bottom: 0;
width: 45%;
background-color: #f4654a;
border: solid 2px #cb2f2a;
padding: 12px;
font-size: 1.2em;
color: #FFF;
}
@media only screen and (max-width: 767px) {
.box_appeal01-01-03 .mail {
padding: 12px 3%;
width: 94%;
}
}
.box_appeal01-01-03 .mail span:before {
content: " ";
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
margin-top: 2px;
margin-right: 10px;
background: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/02_icon04.png);
background-size: contain;
background-repeat: no-repeat;
}
.box_appeal01 a {
text-decoration: none;
display: block;
width: 100%; margin: 0;
padding: 0;
}
.box_appeal01 a .mail {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.box_appeal01 a:hover {
text-decoration: none;
}
.box_appeal01 a:hover .mail {
background-color: #cb2f2a;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.box_appeal01 a:active {
text-decoration: none;
}
.contactformComponent .form-inner {
margin-top: 30px;
padding: 20px 10px 40px 10px;
background-color: #f0f0f0;
}
.contactformComponent .form-inner table {
width: 100%;
border-top: none;
}
.contactformComponent .form-inner table th, .contactformComponent .form-inner table td {
display: block;
padding: 7px 5px;
border: none;
background-color: transparent;
vertical-align: middle !important;
font-family: "source-han-sans-japanese";
}
.contactformComponent .form-inner table th p, .contactformComponent .form-inner table td p {
margin-bottom: 0.8em;
}
.contactformComponent .form-inner table th img, .contactformComponent .form-inner table td img {
max-width: 100%;
}
.contactformComponent .form-inner table th {
width: 100%;
vertical-align: top;
text-align: left;
color: #999;
font-weight: bold;
}
.contactformComponent .form-inner table th .caution {
color: #a13234;
font-size: 0.9em;
font-weight: normal;
}
.contactformComponent .form-inner table input[type="text"], .contactformComponent .form-inner table textarea {
padding: 5px;
border-width: 2px;
border-style: solid;
border-color: #9b918f;
font-size: 1.15em;
line-height: 1.5em;
font-family: "source-han-sans-japanese";
}
.contactformComponent .form-inner table input[type="text"][size="45"], .contactformComponent .form-inner table input[type="text"][cols="37"], .contactformComponent .form-inner table textarea[size="45"], .contactformComponent .form-inner table textarea[cols="37"] {
width: 95%;
}
@media only screen and (min-width: 768px) {
.contactformComponent .form-inner table th {
display: table-cell;
width: 255px;
text-align: right;
}
.contactformComponent .form-inner table td {
display: table-cell;
}
.contactformComponent .form-inner table input[type="text"][size="45"], .contactformComponent .form-inner table input[type="text"][cols="37"], .contactformComponent .form-inner table textarea[size="45"], .contactformComponent .form-inner table textarea[cols="37"] {
width: 480px;
}
}
.contactformComponent .form-inner select {
padding: 8px 0;
}
.contactformComponent .form-inner input[type="submit"] {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
display: block;
margin: 0 auto;
width: 250px;
height: 48px;
border: 0;
cursor: pointer;
background-color: transparent;
text-indent: -9999px;
}
.contactformComponent .form-inner input[type="submit"][name="submitConfirm"] {
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/mw_wp_form_input_s.png);
background-repeat: no-repeat;
background-size: 100%;
}
.contactformComponent .form-inner input[type="submit"][name="submitBack"] {
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/submitback_s.png);
background-repeat: no-repeat;
background-size: 100%;
}
.contactformComponent .form-inner input[type="submit"][name="action"] {
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/contact_confirm_s.png);
background-repeat: no-repeat;
background-size: 100%;
}
@media only screen and (min-width: 768px) {
.contactformComponent .form-inner input[type="submit"] {
width: 284px;
height: 54px;
}
.contactformComponent .form-inner input[type="submit"][name="submitConfirm"] {
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/mw_wp_form_input.png);
background-repeat: no-repeat;
background-size: 100%;
}
.contactformComponent .form-inner input[type="submit"][name="submitBack"] {
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/submitback.png);
background-repeat: no-repeat;
background-size: 100%;
}
.contactformComponent .form-inner input[type="submit"][name="action"] {
background-image: url(//jmf-nagasaki.jp/wp-content/themes/biz-vektor-child/img/contact_confirm.png);
background-repeat: no-repeat;
background-size: 100%;
}
}
@media only screen and (min-width: 768px) {
.contactformComponent .contactformComponent-buttons {
display: flex;
text-align: center;
}
.contactformComponent .contactformComponent-buttons input[name="submitBack"],
.contactformComponent .contactformComponent-buttons input[name="action"] {
display: table-cell;
}
.contactformComponent .contactformComponent-buttons input[name="submitBack"] {
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.contactformComponent .contactformComponent-buttons input[name="submitBack"],
.contactformComponent .contactformComponent-buttons input[name="action"] {
margin: 0 auto 10px;
}
}
.contactformComponent div#mw-wp-form-captcha {
text-align: center;
padding: 0 3% 2.0em 3%;
}
.recruit_bnr{
margin-top: 1em !important;
border-radius: 10px;
}
.sp-no{
display: block;
}
@media (max-width:767px) {
.sp-no{
display: none;
}
}