@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";


html{font-size: 62.5%;}
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;} 
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:middle;background:transparent;list-style-type:none;line-height:2.2;font-family:'Roboto', 'Noto Sans JP', sans-serif;}
body{-webkit-text-size-adjust: 100%;color:#5F5E5D;background-color:#F7F7F8;position:relative;font-size:16px;text-align:left;text-align: justify;font-weight:400;letter-spacing: 0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#FFFFFF;text-decoration:none;}
a{-webkit-transition: 0.5s ease-in-out;  -moz-transition: 0.5s ease-in-out;  -o-transition: 0.5s ease-in-out;  transition: 0.5s ease-in-out;  } ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; 
font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;   
border-top:1px solid #DDDDDD;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
::selection{background-color:#E1F0CC;}
::-moz-selection {background-color:#E1F0CC;}
    .grecaptcha-badge { visibility: hidden; } #wrapper{text-align:left;}
#wrapper img{max-width:100%;}
@media screen and (max-width:768px) {} .main{width:100%;height:860px;position: relative;background:
url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/mv1.png) top center / cover;}
.main p.copy{position: absolute; top:195px; left:calc(50% - 350px);z-index: -1;}
@media screen and (max-width:768px) {.main{width:100%;height:640px;position: relative;}
.main p.copy{position: absolute; top:80px; left:calc(50%);transform: translate(-50%, 0%);z-index: -1;}
} header{padding:40px 40px;display: flex;justify-content: space-between;align-items: center;}
header ul{color:#FFFFFF !important;font-size:0.875rem;display: flex;justify-content: flex-end;}
header ul li{padding:0 0 0 30px;}
button {border: none;background: none;outline:none;}
.menu,
.menu span {display: inline-block;-webkit-transition:all .4s;transition: all .4s;box-sizing: border-box;}
.menu {position: relative;top: -10px;right:0px;width: 35px;height: 18px;z-index: 10;}
.menu span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #FFFFFF;z-index: 10;}
.menu span:nth-of-type(1) {top: 0px;}
.menu span:nth-of-type(2) {top: 8px;}
.menu span:nth-of-type(3) {bottom: 0px;}
.menu.active span:nth-of-type(1) {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
.menu.active span:nth-of-type(2) {opacity: 0;}
.menu.active span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
.fullscreenmenu{position: absolute;top: 10px;right: 10px;display:none;float: right;padding: 10px 0 0 0
}
button.active{position: fixed;top: 20px;right: 10px;} 
#nav{position: fixed;top: 0;right: 0;z-index: 10;width: 100%;height: 100vh;opacity: 0;background-color: #005086;transition: all 0.4s ease-in-out;visibility:hidden;}
#nav.active{right: 0;opacity: 1;-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);visibility: visible;background-color: #E5E5F3;}
#nav ul{margin:20px 0;padding:20px 0;}
#nav ul li{list-style-type: none;float:none;padding:0px 0  40px 0;}
#nav ul li a{display: block;text-align: center;text-decoration: none;color:#005086;}
@media screen and (max-width:1300px) {header{padding:0px 10px;}
nav .fullscreenmenu{display:block;  padding: 5px 0 0 0;}
nav ul.pc-menu{display:none;}
header h1 img{height:25px;}
header ul{display: block;}
} #now{width:100%;padding:100px 0 0 0;}
#now h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#now h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#now .inner{display: flex;justify-content: center;align-items: stretch;}
#now .txt{width:50%;padding:0 0 0 calc(50vw - 660px);}
#now .txt p{padding:0 0 40px 0;}
#now .pic{width:50%;margin:0 0 0 40px;border-radius:5px 0px 0px 5px;background:url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/img_now.png) top center / cover;}
@media screen and (max-width:768px) {#now{width:100%;padding:50px 10px 0 10px;}
#now .inner{display: block;justify-content: center;align-items: stretch;}
#now .txt{width:100%;padding:0 0 0 calc(50vw - 660px);}
#now .txt p{padding:0 0 40px 0;}
#now .pic{width:100%;height:200px;margin:0 0 0 0px;border-radius:5px 0px 0px 5px;background:url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/img_now.png) top center / cover;}
} #about{width:100%;padding:100px 0 120px 0;}
#about h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#about h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#about .inner{max-width:1320px;margin:0 auto;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: stretch;}
#about .txt{width:54.5%;}
#about .txt p{padding:0 0 40px 0;}
#about .pic{width:45.5%;padding:0 40px 0 0;}
#about .pic p{padding:20px 0px;text-align:center;border-radius:10px;background-color:#FFFFFF;box-shadow: 0px 0px 20px #c0c5c452;}
@media screen and (max-width:768px) {#about{width:100%;padding:100px 10px 60px 10px;}
#about .inner{max-width:1320px;margin:0 auto;display: block;flex-direction: row-reverse;justify-content: space-between;align-items: stretch;}
#about .txt{width:100%;}
#about .txt p{padding:0 0 40px 0;}
#about .pic{width:100%;padding:0 0px 0 0;}
#about .pic p{padding:20px 0px;text-align:center;border-radius:10px;background-color:#FFFFFF;box-shadow: 0px 0px 20px #c0c5c452;}
} #purpose{width:100%;padding:0px 0 0px 0;background-color:#FFFFFF;}
#purpose h2 {padding:80px 0 80px 0;text-align:center;color:#FFFFFF;font-weight:500;font-size:1.375rem;background:url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_about.png) top center / cover;}
#purpose h2 span{display:block;color:#FFFFFF;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#purpose .inner{text-align:center;padding:60px 0 60px 0;margin:0 auto;background:url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_about_r.png) top right  no-repeat,url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_about_l.png) bottom left no-repeat;}
#purpose dl{margin:0 auto;max-width:720px;padding:20px 0 0 0;color:#005086;}
#purpose dl dt{font-size:3.0rem;padding:30px 0 0 0;font-weight:bold;}
#purpose dl dd{font-size:1.125rem;padding:0 0 40px 0;font-weight:500;border-bottom:dotted 1px #D6D6D6;}
#purpose dl dd p{font-size:1.125rem;}
#purpose dl dd:last-of-type{border-bottom:none;}
#purpose p{text-align: center}
@media screen and (max-width:768px) {#purpose{width:100%;padding:0px 0px 0px 0px;background-color:#FFFFFF;}
#purpose h2 {padding:40px 0 40px 0;text-align:center;color:#FFFFFF;font-weight:500;font-size:1.375rem;background:url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_about.png) top center / cover;}
#purpose .inner{text-align:center;padding:60px 10px 60px 10px;margin:0 auto;background:url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_about_r.png) top right  / 100px no-repeat,url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_about_l.png) bottom left / 100px no-repeat ;}
#purpose .inner > p br{display:none;}
#purpose dl{margin:0 auto;max-width:720px;padding:10px 0 0 0;color:#005086;}
#purpose dl dt{font-size:2.5rem;padding:15px 0 0 0;font-weight:bold;}
#purpose dl dd{font-size:1.125rem;padding:0 0 20px 0;font-weight:500;border-bottom:dotted 1px #D6D6D6;}
#purpose dl dd p{font-size:1.125rem;}
#purpose dl dd:last-of-type{border-bottom:none;}
} #searvice{width:100%;padding:0px 0 80px 0;}
#searvice h2 {padding:40px 0 80px 0;text-align:center;color:#FFFFFF;font-weight:500;font-size:1.375rem;background: 
url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_service.png) top right 100px no-repeat,
linear-gradient(-135deg, #59D1C3, #A7EFF2, #72DDFD) fixed;background-color:#000000;}
#searvice h2 span{display:block;color:#FFFFFF;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#searvice .inner{max-width:840px;margin:-50px auto 0 auto;text-align:center;display: flex;justify-content: space-between;}
#searvice .inner p{text-align: center}
#searvice dl{width:45.2%;border-radius:10px;background-color:#FFFFFF;box-shadow: 0px 0px 20px #c0c5c452;}
#searvice dd{padding:40px 20px;font-size:1rem;}
#searvice dd h3{padding:30px 0px;color:#53BDB2;line-height:1.5;}
#searvice dl:last-child dd h3{color:#52C3FF;}
@media screen and (max-width:768px) {#searvice{width:100%;padding:0px 0 40px 0;}
#searvice h2 {padding:40px 0 80px 0;text-align:center;color:#FFFFFF;font-weight:500;font-size:1.375rem;background: 
url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_service.png) top right 100px no-repeat,
linear-gradient(-135deg, #59D1C3, #A7EFF2, #72DDFD) fixed;background-color:#000000;}
#searvice h2 span{display:block;color:#FFFFFF;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#searvice .inner{max-width:840px;padding:0px 10px 0px 10px;margin:-50px auto 0 auto;text-align:center;display: block;justify-content: space-between;}
#searvice dl{width:100%;margin:0 0 20px 0;border-radius:10px;background-color:#FFFFFF;box-shadow: 0px 0px 20px #c0c5c452;}
#searvice dd{padding:40px 20px;font-size:1rem;}
#searvice dd h3{padding:30px 0px;color:#53BDB2;line-height:1.5;}
#searvice dl:last-child dd h3{color:#52C3FF;}
} #member{width:100%;padding:100px 0 80px 0;background: 
url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_member.png) top right no-repeat;background-color:#FFFFFF;}
#member h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#member h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#member .inner{max-width:1300px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
#member .inner:first-of-type{padding:0 0 100px 0;}
#member dl{width:47.6%;margin:0 0 40px 0;padding:30px 20px;border-radius:5px;border:solid 1px #015087;display: flex;background-color:#FFFFFF;box-shadow: 0px 0px 20px #c0c5c452;}
#member dl dt{min-width:150px;}
#member dl dd{font-size:0.875rem;line-height:1.8;padding:0 0 0 20px;}
#member dl dd h3{color:#015087;font-weight:500;font-size:1rem;padding:0 0 10px 0;}
@media screen and (max-width:768px) {#member{width:100%;padding:50px 10px 20px 10px;background: 
url(//gracebank.jp/wp-content/themes/GraceBank2022/img/company/bg_member.png) top right / 200px no-repeat;background-color:#FFFFFF;}
#member h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#member h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#member .inner{max-width:1300px;margin:0 auto;display: block;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
#member .inner:first-of-type{padding:0 0 50px 0;}
#member dl{width:80%;margin:0 auto 40px auto;padding:30px 20px;border-radius:5px;border:solid 1px #015087;display: block;background-color:#FFFFFF;box-shadow: 0px 0px 20px #c0c5c452;}
#member dl dt{min-width:150px;text-align:center;}
#member dl dd{font-size:0.875rem;line-height:1.8;padding:20px 0 0 0;}
#member dl dd h3{text-align:center;color:#015087;font-weight:500;font-size:1rem;padding:0 0 10px 0;}
} #company{width:100%;padding:100px 0 80px 0;}
#company h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#company h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#company .inner{max-width:640px;font-size:0.875rem;font-weight:400;margin:0 auto;text-align:center;}
#company dl{text-align:left;padding:0 0 0px 0;display: flex;  flex-wrap: wrap;}
#company dl dt{width: 40%;padding:30px 0 10px 0;font-size:1rem;font-weight:500;}
#company dl dd{padding:30px 0 10px 0;width: 60%;}
@media screen and (max-width:768px) {#company{width:100%;padding:50px 0 40px 0;}
#company h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#company h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#company .inner{max-width:640px;padding:0 10px 0 10px;font-size:0.875rem;font-weight:400;margin:0 auto;text-align:center;}
#company dl{text-align:left;padding:0 0 0px 0;display: block; flex-wrap: wrap;}
#company dl dt{width: 40%;padding:0px 0 5px 0;font-size:0.875rem;font-weight:500;}
#company dl dd{padding:0px 0 30px 0;width: 60%;}
} #contact{width:100%;padding:100px 0 80px 0;background-color:#FFFFFF;}
#contact h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#contact h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#contact .inner{max-width:800px;font-size:0.875rem;font-weight:400;margin:0 auto;text-align:center;}
#contact dl{text-align:left;padding:0 0 60px 0;}
#contact dl dt{padding:30px 0 10px 0;font-size:1rem;font-weight:500;}
@media screen and (max-width:768px) {#contact{width:100%;padding:50px 0 40px 0;}
#contact h2 {padding:0 0 50px 0;text-align:center;color:#005086;font-weight:500;font-size:1.375rem;}
#contact h2 span{display:block;color:#A3A3A3;font-size:0.875rem;font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#contact .inner{max-width:640px;padding:0 10px 0 10px;font-size:0.875rem;font-weight:400;margin:0 auto;text-align:center;}
#contact dl{text-align:left;padding:0 0 30px 0;}
#contact dl dt{padding:30px 0 10px 0;font-size:0.875rem;font-weight:500;}
} .contact_table table{margin-bottom: 1rem; border: none;border-top:none !important;border-right: none!important;}
.contact_table table th{padding: 1rem;background-color: #fff;font-weight: 400;white-space:nowrap;border: none;min-width: 150px;}
.contact_table table td{padding: 1rem;vertical-align: text-top;border: none;}
.contact_table table tr:hover th,.contact_table table tr:hover td {background-color:rgba(69,184,166,.10);}
.contact_table table th font{font-weight: 500;color: red}
.contact_table a{text-decoration: underline !important;}
.contact_table .wpcf7-submit
@media (max-width:767px){
.contact_table table th{display: block;width: 100%;padding: 1rem 1rem 0 1rem;text-align: left;border-bottom: none;font-weight: 600;}
.contact_table table td{display: block;width: 100%;padding: .3rem 1rem 1rem 1rem;}
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select{    width: 100%;padding: 8px 1%;border: solid 2px #eee;background: #FCFBF7;margin: 0 0 5px 0 !important;}
.wpcf7-list-item{font-size: 1rem}
.wpcf7-submit {display: inline-block;margin:0 0 0 2rem;margin-bottom: 20px;padding: 15px 15%;border: none;text-align: center;font-size: 120%;background:#eb7e47;color: #fff;-webkit-border-radius: 5px;border-radius: 5px;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-decoration: none;}
.wpcf7-submit:hover {}
.wpcf7-previous {display: inline-block;margin: 0 0 ;margin-bottom: 50px;padding: 15px 80px;border: none;text-align: center;border:3px solid #ccc;color: #fff; background:#ccc;-webkit-border-radius: 5px;border-radius: 5px;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-decoration: none;} footer{padding:50px 0 30px 0;text-align:center;font-weight:400;color:#FFFFFF;background-color:#B7CDDD;}
footer ul{display: flex;font-size:.75rem;color: #fff; justify-content: center;}
footer ul li{padding:0 10px;}
footer .logo{padding:60px 0;}
footer .copyright{font-size:0.875rem;padding:30px 0 0 0;}
@media screen and (max-width:768px) {footer{padding:25px 10px 30px 10px;text-align:center;font-weight:400;color:#FFFFFF;background-color:#B7CDDD;}
footer ul{display: flex;font-size:1.2rem;justify-content: center;}
footer ul:first-child{display: block;}
footer ul li{padding:0 10px;}
footer ul:first-child li{padding:5px 0;}
footer .logo{padding:30px 0;}
footer .copyright{font-size:1.0rem;padding:30px 0 0 0;}
}
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");