body {font-family:'Noto Sans JP',sans-serif,"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial!important; box-sizing: border-box;}

html {scroll-behavior: smooth;}

* {box-sizing: border-box;}

a {-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;}

a:link      { color : #000; text-decoration:none!important;}
a:active    { color : #000; text-decoration:none!important;}
a:visited   { color : #000; text-decoration:none!important;}
a:hover     { color: #A39C1F!important; text-decoration:none!important; background-color: #FFF!important;}

img {border-top-width:0; border-left-width:0; border-right-width:0; border-bottom-width:0;}
p {margin:0; padding:0; color:#000; font-size:18px; font-weight:500;}
h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans JP',sans-serif; font-weight:500;}

.gfont {font-family: "Mukta", sans-serif; font-weight: 700; font-style: normal;}

.midori {color:#62a464;} .cha {color:#ae8533;}
.gray {color:#AAAAAA;} .gray777 {color:#777777;}
.white {color:#FFF;} .red {color:#F00;}
.bold {font-weight:bold;} .smaller {font-size:11px;}

p {text-align:center;}

.mobileon {display:block;} .mobileoff {display:none;}

/* ハンバーガーメニュー */ 
#hanburger {display:none;}
#menu01 {display:block; position:absolute; top:30px; right:30px;}

.menubar {width:100%; height:auto; margin:0; padding:0; position:static; top:0; z-index:102;}
 
.menu-trigger, .menu-trigger span
{display:inline-block; transition:all 0.1s; box-sizing:border-box; position:relative; z-index:101;}
.menu-trigger {position:relative; width:45px; height:36px; background:none; border:none; appearance:none; cursor:pointer;}
.menu-trigger span {position:absolute; left:0; width:100%; height:6px; background-color: #000000; border-radius:3px;}
.menu-trigger span:nth-of-type(1) {top:0;} 
.menu-trigger span:nth-of-type(2) {top:15px;} 
.menu-trigger span:nth-of-type(3) {bottom:0;}

/*チェックボックスにチェックが入ったら*/
#hanburger:checked + label span:nth-of-type(1) {transform: translateY(15px) rotate(-45deg); background-color:#000000;}
#hanburger:checked + label span:nth-of-type(2) {opacity: 0;}
#hanburger:checked + label span:nth-of-type(3) {transform: translateY(-15px) rotate(45deg); background-color:#000000;}
#hanburger:checked + label + div {display: block;}

.global_menu {visibility:hidden; width:100%; height:100%; position:fixed; top:8px; right:0; padding:30px; background:#FFF; overflow-y:scroll; text-align:center; opacity:0; transition:0.4s top; z-index:100;}
#hanburger:checked ~ .global_menu {visibility:visible; width:100%; height:100%; right:0; top:0; padding:135px 20px; opacity:1; z-index:99;}

.global_menu a {display:block; width:100%; height:30px;}
.global_menu a:hover {background:#121212;}

.global_menu ul {list-style:none; padding:0; margin-top:-40px; text-align:right;}
.global_menu li {font-size:18px; padding:0 13px 0 0;}


.wrap {margin:0; padding:10px; background-color: #F9F8F8;}

/* =header */
.header {width:100%; height:100px; display:flex; justify-content:space-between; align-items:center; margin:0;}
.primewealth-logo {display:block; width:280px; margin:0 0 0 20px; padding:0;}
.nav {margin:0;}

.pw01 {width:100%; height:auto; margin:0; padding:0;}
.pw02 {width:100%; height:auto; margin:0; padding:0;}

/* =TOP */
.box-pw-100 {width: 100%; height: auto; border-radius: 4px; background-color: #FFF; box-shadow: 2px 2px 4px #cecece, -2px -2px 4px #f2f2f2; border: 1px thin #797A7A; padding: 40px; display: flex; flex-direction: row; justify-content: space-between; text-align: left;}
.text-100 h1 {flex: 1; text-align: left!important; margin:40px 0 0 0px; line-height:40px;}
.text-100 p {flex: 1; text-align: left!important; margin:20px 0 0 0px; line-height:30px;}
.button-100 {flex: 1; text-align: left!important; margin:20px 0 0 0px;}
.btn {font-size:20px !important; margin:0 0 10px 0!important; padding:10px 20px!important;}
.btn-pw {background-color:#A39C1F; color:#FFFFFF!important; margin-right:10px;}
.btn-pw:hover {background-color:#938d0b; color:#FFFFFF!important; margin-right:10px;}
.btn-pw-wb {border:1px solid #444444!important;}
.btn-pw-wb:hover {background-color:#EEEEEE; border:1px solid #444444!important;}
.pic-100 {width:0px; margin-left:0;}
.weight {display:none; width: 0px; right: 0px; top: 0px;}
.box-pw-wrap {display: flex; justify-content: center; align-items: center; gap: 20px; align-items: stretch; flex-wrap: wrap;}
.box-pw {width: 100%; height: 200px; border-radius: 4px; background-color: #FFF; box-shadow: 2px 2px 4px #cecece, -2px -2px 4px #f2f2f2; border: 1px thin #797A7A; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 20px;}
.pw-icon {width: 50px; margin-top:2cqmax; margin-bottom: 10px;}


/* =services */
.box-pw-100-only {width: 100%; height: auto; padding: 40px 40px; border-radius: 4px; background-color: #FFF; box-shadow: 2px 2px 4px #cecece, -2px -2px 4px #f2f2f2; border: 1px thin #797A7A; display: flex; flex-direction: row; justify-content: space-between; text-align: left;}
.text-100-only h1 {flex: 1; text-align: left!important; margin:0; line-height:40px;}
.text-100-only p {flex: 1; text-align: left!important; margin:20px 0 0 0; line-height:30px;}
.box-pw-50 {width: 100%; height: auto; border-radius: 4px; background-color: #FFF; box-shadow: 2px 2px 4px #cecece, -2px -2px 4px #f2f2f2; border: 1px thin #797A7A; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: center; padding: 20px; height: 100%;}
.s-img {width:100%; height:auto; padding:0 0 10px 0;}
.s-big {font-size:22px; line-height:50px; padding:0 5px; margin-left:-5px; border-left:5px solid #A39C1F;}
.s-text {text-align:left; margin-left:4px; flex-grow: 1;}


/* =primewealth */
.box-pw-100-co { width: 100%; height: auto; padding: 30px; border-radius: 4px; background-color: #FFF; box-shadow: 2px 2px 4px #cecece, -2px -2px 4px #f2f2f2; border: 1px thin #797A7A;}
.text-100-co h1 { flex: 1; text-align: left!important; margin: 0; line-height: 40px;}
.container-fluid {width: 100%; padding:0!important; margin-top:30px;}
.co-hyo-td {width:100px;}
td {font-size:18px; line-height:25px; }

/* =contact */
.mb-3 {margin-bottom: 16px !important;}
.mb-4 {margin-bottom: 24px !important;}
.mb-5 {margin-bottom: 48px !important;}
.mt-4 {margin-top: 24px !important;}
.mt-5 {margin-top: 48px !important;}
.privacy-policy { font-size:13px; max-height: 200px; overflow-y: auto; padding: 10px; border: 1px solid #ced4da; border-radius: 5px;}
input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: #A39C1F; border-color: #A39C1F;}
input[type="radio"] { appearance: none; width: 16px; height: 16px; margin:5px 0 0 0; border: 2px solid #A39C1F; border-radius: 50%; outline: none; cursor: pointer;}
input[type="radio"]:checked::before { content: ""; display: block; width: 8px; height: 8px; margin: 2px 0 0 2px; background-color: #fff; border-radius: 50%;}
.form-check {display: inline-block; margin-right: 15px;}
.form-label {font-family:'Noto Sans JP',sans-serif; font-weight:500;}
.form-check-label {font-family:'Noto Sans JP',sans-serif; font-weight:500;}
.container {font-size:16px; font-weight:normal;}
.thanks {padding:200px 0; text-align:center; line-height:28px;}

/* =footer */
footer {background-color: #A39C1F; color: #FFFFFF;}
.footer-logo {width:300px; height:auto; margin:0;}
.footer-logo-lights {width:50px; height:auto; margin:0;}
.footer-container {display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 220px 50px 240px; width: 100%;}
.logo, .links {display: flex; align-items: center;}
.logo {flex: 1;}
.links {flex: 1; margin-top:20px;}
.links a {color:#FFFFFF; margin-left: 8px; margin-right: 10px;}
.maru {width:10px; margin:0; vertical-align: middle;}
.copyright {width:100%; height:240px; display:block; background-color:#000;}
.copyright p {margin: 0; font-size: 12px; color:#FFFFFF; padding-top:60px;}
.big-copy {line-height:25px; font-size:15px;}
.small-copy {line-height:30px; font-size:10px;}


/* =Media queries
-------------------------------------------------------------- */


@media screen and (min-width: 768px) {
.wrap {margin:0; padding:40px; background-color: #F9F8F8;}
.mobileon {display:none;} .mobileoff {display:block;}
}

@media screen and (min-width: 992px) {
.primewealth-logo {width:320px; margin:0 0 0 40px;}
.menubar{width:100%; height:80px; margin:0; padding:0;}
nav ul li {list-style: none; display: inline-block; width:auto; text-align:right; margin:0; padding:0;}
#menu01 {display: none;}
.global_menu {position:absolute; width:400px; height:auto; margin:28px 0 0 0; padding:0; color:#fff; text-align:right; background:#FFF; visibility:visible; overflow-y:visible; opacity:1; display:block; top:0; right:0;}  
.global_menu ul {list-style:none; padding:0; margin-top:0;}
.global_menu li {font-size:18px; padding:0 30px 0 0;}

.pic-100 {width: 440px; margin-left: 100px;}
.weight {display:block; width: 440px; height: auto; right: 50px; top: 30px;}
.text-100 h1 {margin:80px 0 0 50px; line-height:40px;}
.text-100 p {margin:20px 0 0 50px; line-height:30px;}
.button-100 {margin:20px 0 0 50px;}
.box-pw {width: 32%; height: 200px; padding: 20px;}
.links a {color:#FFFFFF; margin-left: 8px; margin-right: 20px;}

.box-pw-100-only {width: 100%; padding: 80px 90px;}
.text-100-only h1 {margin:0; line-height:40px;}
.text-100-only p {margin:20px 0 0 0; line-height:30px;}

.box-pw-100-co {padding: 80px 90px;}
.co-hyo-td {width:200px;}
}

@media screen and (min-width: 1080px) {
.box-pw-50 {width: 49%;}
}