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

 body.mceContentBody {
margin : 0 10px;
background : transparent;
color : #000;
} .clearfix:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1em;
line-height : 0;
}
.clear {
clear : both;
} .no_img {
display : block;
width : 100%;
height : 0;
padding : 0 0 67% 0;
background : url(//www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
}
.no_img-sq {
display : block;
width : 100%;
height : 0;
padding : 0 0 100% 0;
background : url(//www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
} * {
box-sizing : border-box;
}
h1,h2,h3,h4,h5,h6,h7 {
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 0;
}
audio,
canvas,
progress,
video {
display : inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden],
template {
display : none;
}
abbr[title] {
border-bottom : 1px dotted;
}
dfn {
font-style : italic;
}
mark {
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 1em 40px;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
legend {
border : 0;
padding : 0;
}
optgroup {
font-weight : bold;
}
HR {	
border : 0 none;
height : 1px;
margin : 10px 0;
padding : 0;
color : #ccc;
background : #ccc;
}
ol, ol li,
ul, ul li {
list-style-type : none;
padding : 0;
margin : 0;
}
dl,
dl dt ,
dl dd {
margin : 0;
padding : 0;
}
small {
font-size : 75%;
}
sub,
sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
} img,
video,
object {
max-width : 100%!important;
height : auto;
border : none;
vertical-align : top;
}
iframe {
max-width : 100%;
}
@media screen and (max-width: 999px) {
.youtube-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
height : 0;
overflow : hidden;
}
.youtube-container iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
} button,
input,
optgroup,
select,
textarea {
color : inherit;
font : inherit;
margin : 0;
}
button {
overflow : visible;
}
button,
select {
text-transform : none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button;
cursor : pointer;
display : block;
}
input[type="submit"]:hover {
}
button[disabled],
html input[disabled] {
cursor : default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border : 0;
padding : 0;
}
input {
line-height : normal;
}
input[type="checkbox"],
input[type="radio"] {
padding : 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height : auto;
}
input[type="search"] {
-webkit-appearance : textfield;
width : 100%;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance : none;
}
input[type="select"] {
}
select {
}
input[type="text"] ,
input[type="email"] ,
input[type="tel"] ,
input[type="password"] {
-webkit-appearance : textfield;
width : 100%;
border : 1px solid #999!important;
}
textarea {
-webkit-appearance : textfield;
width : 100%;
overflow : auto;
}
input[type="submit"] {
border : none;
box-shadow : none;
}
input[type="submit"]:hover {
}  .flex { display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
align-items : stretch;
}
.flex-nowrap { display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : nowrap;
flex-wrap : nowrap;
justify-content : space-between;
align-items : stretch;
}
.box-left {
float : left;
}
.box-right {
float : right;
}
.pc-only {
display : block;
}
.mobile-only {
display : none;
}
.fixed { position : fixed;
top : 0;
left : 0;
z-index : 9999;
}
@media screen and (max-width: 999px) {
.flex ,
.flex-nowrap {
display : block;
}
.box-left ,
.box-right {
float : none;
}
.pc-only {
display : none;
}
.mobile-only {
display : block;
}
} img {
border : 0;
margin : 0;
}
img.size-thumbnail,
img.size-medium,
img.size-medium_large,
img.size-large,
img.size-full {
max-width : 100%;
height : auto;
}
.alignleft {
float : left;
margin : 0 20px 10px 0;
}
.alignright {
float : right;
margin : 0 0 10px 20px;
}
.aligncenter {
display : block;
margin : 0 auto;
text-align : center;
}
@media screen and (max-width: 999px) {
.alignleft ,
.alignright ,
.aligncenter {
float : none;
margin : 0 0 10px 0;
}
.aligncenter {
margin-left : auto;
margin-right : auto;
}
} .wp-caption.align-right ,
.wp-caption.align-left {
float : none;
margin : 0 0 10px 0;
}
@media screen and (min-width: 1000px) {
.wp-caption {
max-width : 100%!important;
position : relative;
padding : 0;
margin : 0;
}
.wp-caption p.wp-caption-text {
position : absolute;
display : table-caption;
width : 100%;
margin : 0;
bottom : 0;
background : rgba(0,0,0,0.3);
color : #fff;
padding : 5px;
font-size :12px;
}
.wp-caption.align-right {
float : right;
margin : 0 0 10px 20px;
}
.wp-caption.align-left {
float : left;
margin : 0 20px 10px 0;
}
} form#searchform {
position : relative;
padding : 0;
width : 100%;
background : rgba(255,255,255,1.0);
border : 1px solid #333;
height : 40px;
}
form#searchform #search {
position : relative;
height : 38px;
border : none;
z-index : 10;
padding : 5px 0 5px 5px;
width : 100%;
}
form#searchform #searchsubmit {
position : absolute;
right : 0;
top : 0;
z-index : 100;
width : 33px;
height : 33px;
border-radius : 0;
}
*:first-child + html #searchsubmit {
top : 1px;
} form#searchform2 {
border : none;
text-align : center;
}
form#searchform2 input {
width: 50px;
height: 50px;
border: solid 2px #666666;
border-radius: 25px;
padding: 20px;
background : url(//www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/search.svg) center center no-repeat;
background-size: 25px;
transition: all 0.5s;
margin : 0 auto;
}
form#searchform2 input:focus {
width: 100%;
background-position: 96% 50%;
padding-right: 50px;
} .metaslider {
z-index : 100;
}
.metaslider ul.slides .caption-wrap {
position : absolute;
display : block;
width : 100%;
bottom : 0;
left : 0;
opacity : 1; background-color : rgba(0,0,0,0.6); margin : 0;
line-height : 1.5em;
}
.metaslider ul.slides .caption-wrap .caption {
padding : 5px 10px;
word-wrap : break-word;
color : #fff;
font-size : 18px;
}
.metaslider .flex-viewport {
overflow: hidden!important;
}
html {
overflow-x : hidden!important;
}
@media screen and (min-width : 1000px) {
.metaslider .flex-viewport {
overflow: visible!important;
}
} .grecaptcha-badge {
visibility : hidden;
}
 #wp-members,
#wp-members form,
#wp-members form fieldset {
margin : 0;
padding : 0;
}
#wp-members form fieldset {
padding : 10px;
border : 1px solid #666;
}
#wp-members form fieldset label {
font-size : 12px;
font-weight : bold;
}
#wp-members form fieldset input {
display : inline-block;
margin : 0 0 10px 0;
} #wpmem_login,
#wpmem_msg,
#wpmem_reg,
.wpmem_msg {
margin : 0;
padding : 0;
width : 100%!important;
} #wp-members form fieldset .button_div a {
display : inline-block;
font-size : 12px;
line-height : 20px;
color : #fff;
margin : 0 0 10px 0;
background : #03c;
border-radius : 4px;
padding : 5px 10px;
}
#wp-members form fieldset .button_div a:hover {
opacity : 0.7;
}    aside #members_profile a ,
aside #members_passwd a {
display : block;
margin : 0 0 20px 0;
text-align : center;
font-size : 18px;
line-height : 60px;
background : #4bce2d;
color : #fff;
border-radius : 8px;
}
aside #members_passwd a {
background : #0034cb;
}
aside #members_profile a:hover ,
aside #members_passwd a:hover {
background : #f00;
color : #fff;
} .wpmem_msg {
}
   :root { --font-size : 18px; --line-height : 2em;  --color-01 : #000; --color-02 : #fff; --color-03 : #000; --color-04 : #666; --color-05 : #999; --color-06 : #ccc; --color-07 : #efefef; --color-08 : #d00; --color-09 : #04532c; --color-10 : #377389; --color-a : #1d3993; --color-visited : #7f008b; --color-hover : #fd0000; --color-hover_rev : #fc0; --size-sitename : 40px; --size-gnav : 40px; --size-mnav : 240px; --size-foot_nav : 40px; --size-side : 10px; --size-padding : 30px; --size-ml-w :1000px;
--size-ml-h :150px; --w-large : 1000px;
--w-medium : 640px;
--w-half : 48%;
--w-1-third : 32%;
--w-quarter : 24%;
--w-small : 300px;
--w-thumb : 150px;
} html {
margin : 0;
padding : 0;
height : 100%;
}
body {
margin : 0;
margin-top : 0!important; padding : 0;
background : var(--color-02);;
font-size : var(--font-size);
line-height : var(--line-height);
font-family : "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; color : var(--color-01);
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing : grayscale;
table-layout : fixed;
overflow-wrap : break-word;
word-break : break-word;
} a {
color : var(--color-a);
text-decoration : none;
}
a:visited {
color : var(--color-visited);
}
a:hover {
color : var(--color-hover);
outline : 0;
}
a img {
border : none;
}
a:hover img {
opacity : 0.8;
}
a.attention {
display : flex;
margin : 40px auto 20px auto;
padding : 0;
width : 240px;
height : 240px;
background : #e32e2e;
border-radius : 120px;
color : #fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 900;
align-items : center;
justify-content : center;
text-align : center;
}
a.attention:hover {
background : #27a867;
}
a.amazon {
display : inline-block;
margin : 10px 0;
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/amazon.png) no-repeat left center #000;
padding : 0 10px 0 90px;
height : 30px;
line-height : 30px;
color : #fff;
border-radius : 4px;
}
a.lnk_sample {
display : inline-block;
padding : 20px 20px;;
border : 10px solid #c09035;
background : #3362a9;
color : #fff;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 900;
font-size : 24px;
line-height : 24px;
border-radius : 42px;
margin : 30px auto;
}
a.lnk_sample:hover {
background : #04532c;
}
#lnk_topics {
margin : 30px 0;
border : 1px solid #666;
}
#lnk_topics #lnk_topics-pict {
padding : 0;
height : 200px;
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/kaisatsu_lnk.jpg);
background-size : cover;
text-indent : -9999px;
}
@media screen and (min-width : 1000px) {
#lnk_topics #lnk_topics-pict {
height : 100%;
}
}
#lnk_topics #lnk_topics-txt {
padding : 10px;
}
#lnk_topics #lnk_topics-txt h3 {
clear : none;
font-size : 22px;
text-align : left;
padding : 0;
margin : 0 0 10px 0;
}
#lnk_topics #lnk_topics-txt a { } #logout_bttn a {
display : inline-block;
background : #c00;
border-radius : 6px;
padding : 0 20px;
color : #fff;
font-weight : bold;
font-size : 1.25em;
}
#logout_bttn a:hover {
background : #000;
}
a.abttn {
display : inline-block;
background : #c00;
border-radius : 6px;
padding : 0 20px;
color : #fff;
}
input[type="submit"] {
background : #3362a8;
border-radius : 6px;
padding : 5px 20px;
color : #fff;
font-weight : bold;
font-size : 1.1em;
}
input[type="submit"]:hover {
background : #04532c;
}
b,
strong {
font-weight : bold;
}
.color-spot {
color : var(--color-04);
} .w-large,
.w-half ,
.w-medium,
.w-small {
width : 100%;
}
br.not_pc {
display : inline;
}
img.left300 {
}
@media screen and (min-width : 1000px) {
.w-full {
width : 100%;
}
.w-large {
width : var(--w-large);
margin : 0 auto;
}
.w-medium {
width : var(--w-medium);
}
.w-half {
width : var(--w-half);
}
.w-1-third {
width : var(--w-1-third);
}
.w-quarter {
width : var(--w-quarter);
}
.w-small {
width : var(--w-small);
}
.w-thumb {
width : var(--w-thumb);
}
br.not_pc {
display : none;
}
}
@media screen and (min-width : 600px) {
img.left300 {
width : 300px;
float : left;
margin : 0 20px 10px 0;
}
} .grid2-1-250-750 {
display : block;
margin : 20px 0 0 0;
padding : 0;
}
.grid2-1-250-750 div {
margin : 0 0 10px 0;
}
@media screen and (min-width: 1000px) {
.grid2-1-250-750 {
display : grid;
grid-template-columns : 250px 750px;
justify-content : space-between;
}
} .grid2-1 {
display : block;
margin : 0;
padding : 0;
}
.grid2-1 div {
margin : 0 0 10px 0;
}
@media screen and (min-width: 640px) {
.grid2-1 {
display : grid;
grid-template-columns : repeat(2, 48%);
justify-content : space-between;
}
} .grid3-1 {
display : block;
}
.grid3-1 div {
margin : 0 0 10px 0;
}
@media screen and (min-width: 640px) {
.grid3-1 {
display : grid;
grid-template-columns : repeat(3, var(--w-1-third));
justify-content : space-between;
}
} .grid4-1 {
display : block;
}
.grid4-1 div {
margin : 0 0 10px 0;
}
@media screen and (min-width: 640px) {
.grid4-1 {
display : grid;
grid-template-columns : repeat(4, var(--w-quarter));
justify-content : space-between;
}
} .grid4-2 {
display : grid;
grid-template-columns : repeat(2, var(--w-half));
justify-content : space-between;
}
.grid4-2 div {
margin : 0 0 10px 0;
}
@media screen and (min-width: 640px) {
.grid4-2 {
grid-template-columns : repeat(4, var(--w-quarter));
}
} .full_width {
margin-left : -10px;
margin-right : -10px;
}
@media screen and (min-width: 1000px) {
.full_width {
margin-left : calc( -1 * ( 100vw - var(--w-large) ) / 2 );
margin-right : calc( -1 * ( 100vw - var(--w-large) ) / 2 );
}
} #wrapper {
position : relative;
padding : calc(var(--size-sitename) + 21px) 0 0 0;
margin : 0;
}
header {
position : fixed;
top : 0;
left : 0;
right : 0;
height : 60px;
margin : 0;
z-index : 9999;
box-sizing : content-box;
background : var(--color-02);
border-bottom : 1px solid var(--color-01);
}
#header {
position : relative;
height : var(--size-sitename);
padding : 10px;
margin : 0;
}
#container_outer {
clear : both;
padding : calc(var(--size-sitename) + 20px)) 0 20px 0;
margin : 0;
background : var(--color-02);
}
#container {
padding : 0;
overflow : hidden;
}
#content,
aside {
float : none;
}
#content {
padding : 0 10px;
}
main {
padding : 0;
margin : 0;
}
section {
padding : 0;
margin : 0;
}
aside {
padding : 0 10px;
}
#footer_outer {
clear : both;
background : var(--color-03);
padding : 10px;
}
footer {
padding : 20px 0 0 0;
margin : 0;
}
#footertitle_outer {
clear : both;
background : var(--color-04);
}
#footertitle {
padding : 10px 10px var(--size-foot_nav) 10px;	
}
@media screen and (min-width : 1000px) {
#wrapper {
}
header {
height : calc( var(--size-sitename) + 20px );
}
#container_outer {
}
#container {
padding-bottom : 40px;
}
#content {
padding : 0;
}
main {
}
aside {
float : right;
padding : 0;
}
#footer_outer {
padding : 30px 0 0 0;
}
footer {
padding : 30px 0 0 0;
}
#footertitle {
padding : 10px 0;
}
} #google_eyecatch {
visibility : hidden;
height : 0;
}
#header #sitename {
padding : 0;
margin : 0;
font-weight : bold;
line-height : var(--size-sitename);
max-width : calc(100vw - 90px);
max-height : 40px;
}
#header #sitename.sitelogo {
}
#header #sitename.sitelogo img {
max-width : 100%;
max-height : 40px;
}
#header_right {
display : none;
}
#rndimage {
display : none;
}
@media screen and (min-width: 1000px) {
#header #sitename {
float : left;
margin : 0;
}
#header #sitename a {
color : var(--color-01);
}
#header_right ,
#header_right h1.description,
#header_right p.description {
display : block;
float : left;
padding : 0;
margin : 0 0 0 20px;
font-size : 1em;
line-height : var(--size-sitename);
}
#header_right h1.description a,
#header_right p.description a {
color : #000;
}
#header_right {
margin : 0;
}
#rndimage {
position : relative;
display : block;
margin : 0;
width : 100%;
height : 15em;
}
#rndimage-inner  {
position : relative;
top : 0;
}
#rndimage #site_logo a {
top : 1em;
left : 2em;
}
} button#mobile_menu_bttn {
position : fixed;
z-index : 1000;
display : block;
top : 0;
right : 0;
padding : 0;
margin : 0;
border : none;
box-shadow : none;
width : 60px;
height : 60px;
text-indent : -9999px;
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/menu3.png) no-repeat ;
background-size : contain;
}
button#mobile_menu_bttn:hover {
background-image : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/menu3.png) no-repeat;
background-color :  #c00;
background-size : contain;
background-blend-mode : lighten;
}
button#mobile_menu_bttn.close {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/menu3-close.png) no-repeat;
background-size : contain;
}
button#mobile_menu_bttn.close:hover {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/menu3-close.png) no-repeat;
background-color :  #c00;
background-size : contain;
background-blend-mode : lighten;
}
@media screen and (min-width: 1000px) {
} #mobile_menu {
display : none;
}
#mobile_menu {
position : fixed;
-webkit-transform : translateZ(0);
z-index : 500;
top : calc(var(--size-sitename) + 20px);
right : 0;
width : 280px;
border-bottom : 1px solid var(--color-01);
box-shadow : 0 1.25em 2em rgba(0,0,0,0.5);
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/hexellence.png);
border-left : 1px solid #999;
}
#mobile_menu ul.menu {
overflow : auto;
-webkit-overflow-scrolling : touch;
height : calc(100vh - (var(--size-gnav) + 20px));
}
_::-webkit-full-page-media, _:future, :root #mobile_menu ul.menu {
height : calc(100dvh - (var(--size-gnav) + 20px));
}
#mobile_menu li {
list-style : none;
border-top : 1px solid var(--color-01);
}
#mobile_menu li a {
display : block;
padding : 10px 5px;
font-weight : bold;
line-height : 1.3em;
color : var(--color-03);
}
#mobile_menu li a:hover {
background : var(--color-02);
}
#mobile_menu li#mobile_searchform {
padding : 0;
}
#mobile_menu li#mobile_searchform form#searchform {
border : none;
}
#mobile_menu li.gnav-login a,
#mobile_menu li.gnav-logout a {
background : #e32e2e;
color : #fff;
font-size : 1.2em;
padding : 0.7em 0;
text-align : center;
}
#mobile_menu li.gnav-lostpwd a {
border-bottom : 1px solid var(--color-01);
}
#mobile_menu li.gnav-logout a {
background : #27a867;
border-bottom : 1px solid var(--color-01);
}
#mobile_menu li.nav-member {
background : #c09035;
}
#mobile_menu li.nav-keibai {
background : #3362a9;
}
#mobile_menu li.nav-sokochi {
background : #02532d;
}
#mobile_menu li.nav-profile {
background : #999;
}
#mobile_menu li.nav-contact {
}
#mobile_menu li.nav-contact a:before {
font-family : fontawesome;
content : "\f0e0";
margin : 0 10px 0 0;
}
#mobile_menu li.nav-member a,
#mobile_menu li.nav-keibai a,
#mobile_menu li.nav-sokochi a,
#mobile_menu li.nav-profile a {
color : #fff;
}
#mobile_menu li.nav-member a:hover,
#mobile_menu li.nav-keibai a:hover,
#mobile_menu li.nav-sokochi a:hover,
#mobile_menu li.nav-profile a:hover {
color : #000;
}
#mobile_menu li.nav-sub a {
padding-left : 20px;
}
#mobile_menu li.nav-sub a:before {
content : "▷";
} h2#past-news a {
color : #000;
}
h1.search_result-title ,
h4.category-title {
padding : 0 0 0.5em 0;
margin : 0 0 1em 0;
background : transparent;
font-size : 1.5em;
color : var(--color-01);
border-bottom : 2px solid var(--color-01);
font-weight : bold;
}
.search_numbers {
margin : 0 0 0 10px;
font-size : 0.8em;
font-weight : normal;
}
#post_list {
}
#post_list dl.post_list-box {
margin : 0;
padding : 10px 0;
border-bottom : 1px solid var(--color-06);
}
#post_list dl.post_list-box p {
margin : 0;
}
#post_list dt.post_list-date {
}
#post_list dd.post_list-content {
}
#news_more {
text-align : right;
}
#news_more a {
display : inline-block;
padding : 10px;
margin : 10px 0 0 auto;
border : 1px solid #999;
color : #333;
}
#news_more a:hover {
background : #efefef;
}
.new {
display : inline-block;
background : #f00;
color : #fff;
font-size : 14px;
font-weight : bold;
line-height : 28px;
padding : 0 10px;
margin : 0 10px 0 0;
border-radius : 4px;
}
@media screen and (min-width: 640px) {
#post_list {
}
#post_list dl.post_list-box p {
margin : 0;
}
#post_list dt.post_list-date {
float : left;
width : 140px;
}
#post_list dd.post_list-content {
margin : 0 0 0 160px;
}
} #post_list_grid {
display : grid;
grid-template-columns : repeat(auto-fit, 48%);
justify-content : space-between;
}
#post_list_grid dl.post_list-box {
margin : 0 0 2em 0;
}
#post_list_grid dt.post_list-thumb {
margin : 0 0 0.5em 0;
}
#post_list_grid dt.post_list-thumb a {
}
#post_list_grid dt.post_list-thumb a span {
display : block;
width : 100%;
height : 0;
padding-bottom : 100%;
}
#post_list_grid dd.post_list-content {
margin : 0;
padding : 0;
}
#post_list_grid dd.post_list-content h3 {
padding : 0;
margin : 0 0 0.5em 0;
font-size : 1.1em;
font-weight : bold;
line-height : 1.25em;
border-bottom : none;
}
#post_list_grid dd.post_list-content h3 a:hover {
color : var(--color-hover);;
}
#post_list_grid dd.post_list-content a {
color : var(--color-01);;
}
#post_list_grid dd.post_list-content p {
display : none;
margin : 0;
font-size : 1em;
line-height : 1.5em;
}
#post_list_grid dd.post_list-content .blog_info {
font-size : 0.9em;
display : none;
}
@media screen and (min-width: 640px) {
#post_list_grid {
grid-template-columns : repeat(3, 30%);
}
#post_list_grid dd.post_list-content h3 {
font-size : 1.25em;
line-height : 1.4em;
}
#post_list_grid dd.post_list-content p {
display : block;
}
#post_list_grid dd.post_list-content .blog_info {
display : block;
}
} a.read_more {
display : inline-block;
background : var(--color-a);
color : var(--color-02)!important;
padding : 0 4px;
margin : 0 0 0 8px;
border-radius : 4px;
font-size : 0.9em;
font-weight : bold;
}
a.read_more:hover {
background : var(--color-hover);
} .post p ,
.post ul ,
.post ol {
margin : 0 0 0.5em 0;
}
.post ul ,
.post ol {
padding : 0 0 0 2em;
}
.post ul li {
list-style-type : disc;
}
.post ol li {
list-style-type : decimal;
}
@media screen and (min-width: 1000px) {
p ,
.post ul ,
.post ol {
margin : 0 0 1em 0;
}
} .publish_date {
padding : 0.5em;
margin : 1em 0;
border : 1px solid var(--color-04);
background : var(--color-02);
color : var(--color-04);
}
.blog_info {
margin : 0.5em 0;
padding : 0.2em 0;
border-top : 1px solid var(--color-04);
border-bottom : 1px solid var(--color-04);
}
.blog_info p {
margin : 0;
font-size : 1em;
line-height : 1em;
} blockquote {
padding : 2em 1em 0 1em;
margin : 1.25em 0;
background : var(--color-07) url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/quote-top.png) left top no-repeat;
}
blockquote:after {
display : block;
padding : 0;
margin : 0;
content : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/quote-bottom.png);
text-align : right;
} span.require,
span.caution {
font-size : 1em;
color : var(--color-08);;
}
p.attention {
border : 2px solid var(--color-08);
padding : 0.5em;
color : var(--color-08);
} #related {
margin : 1.25em 0;
}
#related h4 {
margin : 1.25em 0 0 0;
}
#related dl {
margin : 0;
border-bottom : 1px solid var(--color-04);
}
#related dt {
float : left;
width : 100px;
height : 100px;
margin : 0;
}
#related dt img {
width : 100px;
}
#related dd {
padding : 0 5px 0 0;
margin : 0 0 0 120px;
}
#related dd p {
line-height : 1.5em;
font-weight : bold;
padding : 0.5em 0 0 0;
margin : 0;
}
#related dd p a {
color : var(--color-03);
}
#related dd p a:hover {
color : var(--color-08);
}
@media screen and (min-width: 1000px) {
#related dd {
padding : 0 0.5em 0 0;
}
} #comments_outer {
margin : 2em 0;
}
h4#resp ,
h4#message {
margin : 1.5em 0 0 0;
}
h4#resp:before {
font-family : fontawesome;
content : "\f086";
margin : 0 1em 0 0;
}
#comments_resp ,
#comments {
padding : 10px 20px;
margin : 0;
background : var(--color-07);
border : 1px solid var(--color-05);
}
.comment-body {
padding : 10px;
margin-bottom : 20px;
}
#comments h3 {
display : none;
}
#comments ol.commets-list li {
list-style-type : none;
}
#comments p {
margin : 0;
padding : 5px 0;
}
#comments label {
display : inline-block;
}
.metadata {
font-size : 1em;
line-height : 1.5;
}
.commentmetadata {
border-bottom : 1px dotted var(--color-04);
font-size : 1em;
line-height : 1.2em;
width : 100%;
clear : both;
padding : 10px 0 5px 0;
margin : 10px 0;
}
.reply a {
display : inline-block;
padding : 5px 15px;
background : var(--color-03);
border-radius : 4px;
color : var(--color-02);
}
.reply a:hover {
background : var(--color-08);
}
#comments #respond {
margin : 0 0 10px 0;
padding : 5px 0 0 0;
}
.logged-in-as {
font-weight : bold;
}
#comments #commentform .tags {
padding : 10px;
background : var(--color-06);
}
#comments #commentlist img {
padding : 10px;
}
.commets-list {
padding : 0;
list-style-type : none;
}
ul.children {
padding : 0;
}
.commets-list li {
list-style-type : none;
}
.comment-author.vcard .avatar {
float : left;
margin : 0 10px 0 0;
}
.form-allowed-tags { display : none;
}
#comments textarea {
margin : 0;
padding : 5px;
width : 100%;
background : var(--color-02);;
color : var(--color-03);
}
#comments input {
padding : 10px;
width : 100%;
}
#comments input[type="submit"] {
background : #999;
color : var(--color-02);
font-weight : bold;
}
#comments input[type="submit"]:hover {
background : var(--color-03);
} #tags_404 {
margin : 30px 0 0 0;
border : 1px solid var(--color-03);
padding : 10px;
}
#tags_404 h3 {
margin : 0;
padding : 0.5em;
font-size : 1em;
font-weight : bold;
border : none;
} aside ,
aside p {
margin : 0 0 0.25em 0;
}
aside a ,
aside a:visited {
color : var(--color-03);
}
aside a:hover {
color : var(--color-08);;
}
aside h4 {
margin : 0 0 10px 0;
}
aside h4 a {
color : var(--color-02);;
}
#aside-search {
margin : 0 0 1.25em 0;
} #footer_logo {
margin : 0 auto;
width : 500px;
max-width : 100%;
}
.footer_box {
display : none;
}
.footer_box ,
.footer_box p {
color : var(--color-02);
line-height : 1.5em;
text-decoration : none;
}
.footer_box a {
color : var(--color-02);
}
.footer_box a:hover {
color : var(--color-hover_rev);
}
.footer_box h4 {
color : var(--color-03);
text-align : center;
margin : 0 0 0.5em 0;
background-color : var(--color-02);
}
@media screen and (min-width: 1000px) {
.footer_box {
display : block;
}
} #footertitle p,
#footertitle a,
#footertitle h1,
#footertitle h1 a {
color : var(--color-02);;
font-weight : normal;
font-size : 1em;
line-height : 1.5em;
} #foot_nav {
position : fixed;
bottom : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
height : var(--size-foot_nav);
display : grid;
grid-template-columns : repeat(4, 1fr);
justify-content : space-between;
}
#foot_nav li {
}
#foot_nav a {
position : relative;
bottom : 0;
right : 0;
display : block;
padding : 0;
width : 100%;
background : var(--color-09);
text-align : center;
color : var(--color-02);;
font-size : 0.7em;
line-height : var(--size-foot_nav);
font-weight : bold;
}
#foot_nav a:hover {
background : var(--color-hover);;
}
#foot_nav a i {
font-size : 1.5em;
margin : 0 5px 0 0;
}
#foot_nav br {
display : none;
}
@media screen and (min-width: 1000px) {
#foot_nav {
position : initial;
display : block;
bottom : auto;
left : auto;
right : auto;
height : auto;
}
#foot_nav li {
width : auto;
}
#foot_nav a {
display : block;
position : fixed;
padding : 7px 0;
width : 66px;
right : 20px;
background : var(--color-09);
border-radius : 6px;
line-height : 1em;
}
#foot_nav a i {
margin : 0 0 5px 0;
}
#foot_nav br {
display : inline;
}
#foot_nav a:hover {
background : var(--color-hover);
}
#foot_nav li a#login {
bottom : 210px;
}
#foot_nav li a#page_top {
bottom : 150px;
}
#foot_nav li a#home {
bottom : 90px;
}
#foot_nav li a#contact {
bottom : 30px;
}
} .pagination {
padding : 10px 0;
margin : 20px auto;
text-align : center;
background : var(--color-07);
}
.pagination span,
.pagination a {
display : inline-block;
width : auto;
height : 28px;
border-radius : 14px;
margin : 0 2px 0 0 ;
padding : 0 8px;
text-align : center;
text-decoration : none;
font-size : 1em;
line-height : 28px;
color : #333;
border : 1px solid var(--color-05);
background : var(--color-02);;
}
.pagination .page-count {
margin: 0 8px 0 0 ;
padding : 0;
width : auto;
font-size : 1em;
color : var(--color-03);
border : none;
background : transparent;
}
.pagination a.control ,
.pagination a.last {
width : auto;
padding : 0 5px;
color : var(--color-03);
}
.pagination a:hover {
background : var(--color-01);
color : var(--color-02);
}
.pagination .current {
background : var(--color-03);
color : var(--color-02);;
} nav#braudcrumb-list {
margin : 10px 0;
font-size : 0.85em;
line-height : 1.5em;
}
nav#braudcrumb-list a {
color : var(--color-03);
}
nav#braudcrumb-list ol {
padding : 0;
margin : 0;
}
nav#braudcrumb-list ol li {
float : left;
padding : 0;
margin : 0 0.5em 0 0;
list-style : none;
}
nav#braudcrumb-list i {
font-size : 1em;
margin-right : 2px;
color : var(--color-04);
} .page_nav {
margin : 10px 0;
}
.page_nav div {
width : 49%;
}
.page_nav a {
display : block;
height : 100%;
color : var(--color-03);
padding : 1em 1.25em;
margin : 0 0 10px 0;
line-height : 1.25em;
background : var(--color-07);
}
.page_nav .previous a ,
.page_nav .next a {
}
.page_nav .previous a:before {
font-family : fontawesome;
content : "\f060";
margin : 0;
}
.page_nav .next a:before {
font-family : fontawesome;
content : "\f061";
margin : 0;
}
.page_nav a:hover {
background : var(--color-03);
color : var(--color-02);;
} table {
width : 100%;
margin : 0 0 10px 0;
border-collapse : collapse;
border-spacing : 0;
}
table th,
table td {
margin : 0;
padding : 5px;
border-collapse : collapse;
border : 1px solid #999;
border-spacing : 0;
vertical-align : top;
}
table th,
table th p ,
table td ,
table td p {
margin : 0!important;
line-height : 1.5em;
}
table#keibai_fudousan_book-download {
display : block;
border : none;
}
table#keibai_fudousan_book-download td {
display : block;
border : none;
padding : 0;
}
table#keibai_fudousan_book-download td:nth-child(3),
table#keibai_fudousan_book-download td:nth-child(4) {
display : inline-block;
}
@media screen and (min-width: 1000px) {
table th,
table td {
padding : 10px;
}
table.w15-85 td:nth-child(1) {
width : 15%;
}
table.w15-85 td:nth-child(2) {
width : 85%;
}
table.w20-80 td:nth-child(1) {
width : 20%;
}
table.w20-80 td:nth-child(2) {
width : 80%;
}
table.w25-75 td:nth-child(1) {
width : 25%;
}
table.w25-75 td:nth-child(2) {
width : 75%;
}
table.w50-50 td {
width : 50%;
}
table.w20-20-60 td:nth-child(1),
table.w20-20-60 td:nth-child(2) {
width : 20%;
}
table.w20-20-60 td:nth-child(3) {
width : 60%;
}
table.w-even td {
width : 10%;
}
table#keibai_fudousan_book-download {
display : table;
border : 1px solid #999;
}
table#keibai_fudousan_book-download td {
display : table-cell;
border : 1px solid #999;
padding : 5px;
}
table#keibai_fudousan_book-download td:nth-child(3),
table#keibai_fudousan_book-download td:nth-child(4) {
display : table-cell;
text-align : center;
}
table#keibai_fudousan_book-download td:nth-child(4) {
margin-left ; 0;
}
} .slide_tbl {
overflow-x : auto;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
font-size : 1em;
line-height : 1.2em;
min-width : 100px;
max-width : 100px;
margin-bottom : 0!important;
margin : 0!important;
} @media screen and (min-width: 1001px) {
.slide_tbl {
overflow-x : none;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
font-size : 1em;
line-height : 1.2em;
min-width : initial;
max-width : initial;
margin-bottom : 0!important;
margin : 0!important;
}
tr.pc_no_disp {
display : none;
}
} .asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 0.5em;
}
.widget_box {
padding : 0 0.5em;
}
.widget_box h4 {
margin : 0 -0.5em 0.5em -0.5em;
}
@media screen and (min-width: 1000px) {
.asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 1em;
}
.widget_box {
padding : 0;
}
.widget_box h4 {
margin : 0 0 0.5em 0;
}
} #aside-02 img {
max-width : 150px!important;
}
@media screen and (min-width: 1000px) {
#aside-02 img {
max-width : var(--size-small)!important;
}
} #recent-posts-2 {
}
#recent-posts-2 ul {
margin : -0.5em 0 0 0;
}
#recent-posts-2 ul li {
padding : 0.25em 0;
border-bottom : 1px solid var(--color-05);
} aside ul.wpp-list {
margin-top : -0.5em;
}
ul.wpp-list {
margin : -0.5em -0.5em 0 -0.5em;
counter-reset : item;
}
ul.wpp-list li {
padding : 0;
margin : 0!important;
border-bottom : 1px solid var(--color-05);
}
ul.wpp-list li:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 1em;
line-height : 0;
}
ul.wpp-list li:before {
counter-increment : item;
content : counter(item)'位';
display : inline-block;
padding : 0 0.5em;
margin : 0 0 2px 0;
background : #444;
border-radius : 4px;
font-size : 1em;
color : var(--color-02);;
font-weight : bold;
line-height : 1.25em;
}
ul.wpp-list li:nth-child(1):before {
background : #beb339;
}
ul.wpp-list li:nth-child(2):before {
background : #9e9e9e;
}
ul.wpp-list li:nth-child(3):before {
background : #875e47;
}
ul.wpp-list li .wpp-thumbnail {
margin : 0 0.5em 0 0!important;
}
ul.wpp-list li .wpp-post-title {
display : block;
margin : 2px 0 0 0;
font-size : 1em;
line-height : 1.25em;
}
@media screen and (min-width: 1000px) {
ul.wpp-list {
margin : 0;
}
.wpp-meta {
display : block;
}
} .widget_sp_image-description {
font-size : 1em;
line-height : 1.25em;
} .tagcloud {
padding : 0 0.5em;
}
.tagcloud a {
display : inline-block;
padding : 0.25em;
margin : 0 0.25em 0.25em 0;
font-size : 0.875em!important;
color : var(--color-02);;
background : var(--color-09);
border-radius : 4px;
}
.tagcloud a:visited {
color : var(--color-02);;
}
.tagcloud a:hover {
color : var(--color-02);;
background : var(--color-08);;
} footer ul li {
margin : 0 0 0.5em 0;
}
footer ul li:before {
content : "▶";
} table.contactform {
border : none;
}
table.contactform td {
display : block;
padding : 0;
margin : 0;
border : none;
}
table.contactform td:nth-child(1) {
font-weight : bold;
}
table.contactform td:nth-child(2) {
margin : 0 0 5px 0;
}
.wpcf7-list-item {
display : block;
}
.form_fullsize {
width : 100%;
}
.contact_submit input[type="submit"] {
display : inline-block;
margin : 1.5em auto;
padding : 0.5em 0;
color : var(--color-02);;
}
.contact_submit input[type="submit"]:hover {
background : var(--color-03);
}
@media screen and (min-width: 1000px) {
table.contactform {
border-collapse : separate; border-spacing : 5px;
}
table.contactform tr {
}
table.contactform td {
display : table-cell;
padding : 0 10px;
}
table.contactform td:nth-child(1) {
width : 25%;
background : #efefef;
}
} .home #home_main {
position : absolute;
top : calc(var(--size-sitename) + 20px);
margin : 0;
padding : 0;
width : 100%;
height : calc(100vh - ( var(--size-sitename) + 20px + var(--size-foot_nav)) );
overflow : hidden;
display : flex;
align-items : center;
}
_::-webkit-full-page-media, _:future, :root #home_main {
height : calc(100dvh - var(--size-sitename) - var(--size-foot_nav) );
}
.home #home_main::after {
clear : both;
}
#front_image_outer {
position : relative;
width : var(--size-ml-w);
max-width : 100%;
margin : 0 auto;
}
#front_image {
position : absolute;
top : 0;
}
#video {
position : absolute;
top : 50%;
left : 50%;
max-width : none!important;
min-width : 100%!important;
min-height : calc(100vh - ( var(--size-sitename) + 20px + var(--size-foot_nav)) );
-webkit-transform : translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
transform : translate(-50%, -50%);
}
#video_dot {
position : absolute;
top : 0;
right : 0;
left : 0;
bottom : 0;
max-width : none!important;
min-height : calc(100vh - var(--size-sitename) - var(--size-foot_nav) );
background : url(//www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/video_dot-black.png);
text-indent : -9999px;
}
@media screen and (min-width: 1000px) {
.home #container_outer {
padding : calc(100vh - var(--size-sitename) + 20px) 0 var(--size-padding) 0;
margin : calc(-1 * (var(--size-sitename) + var(--size-gnav) + 20px)) 0 0 0;
}
.home #home_main {
height : calc(100vh - var(--size-sitename) );
top : calc(var(--size-sitename));
}
#front_image_outer {
width : var(--size-ml-w);
max-width : 100%;
}
} .home #container_outer {
padding : calc(100vh - (var(--size-sitename) + 20px)) 0 var(--size-padding) 0;
margin : 0;
}
.home #container_outer.paged2 {
padding : calc(var(--size-gnav) + var(--size-sitename)) 0 var(--size-padding) 0;
margin : 0;
}
#home_content {
padding : 0;
margin : 0 0 20px 0;
}
#home_content-column {
margin : 0 auto 20px auto;
}
#lnk_profile {
}
#lnk_profile a {
display : grid;
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/lnk_companyprofile.png) bottom center no-repeat #1a3257;
width : 100%;
aspect-ratio : 4 / 1;
align-items : center;
justify-content : center;
color : #fff;
text-align : center;
font-family: 'Sawarabi Mincho', serif;
font-size : 40px;
}
#home_search_form-column {
padding : 0;
margin : 0 auto 40px auto;
width : 75%;
}
#home_wpp {
}
#home_wpp h3 {
padding : 10px;
margin : 30px 0 0 0;
background : var(--color-03);
color : var(--color-02);;
text-align : center;
border : none;
}
#home_wpp .wpp-list {
display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
align-items : stretch;
}
#home_wpp .wpp-list li {
width : 50%;
padding : 0 10px 0 0;
}
#home-banners {
margin : 40px 0 0 0;
}
#home-banners4 img {
margin : 0 0 10px 0;
border-radius : 6px;
}
#home-banners4 #gyouseishoshi img {
}
#home-banners4 #zensyakkyo img {
}
#home-banners4 #books img {
}
#home-banners4 #kaibun img {
background :#bfad8b;
}
@media screen and (max-width: 1000px) {
#home_content-column {
margin : 0 auto 20px auto;
width : 100%;
}
#home_wpp h3 {
margin : 30px -10px 0 -10px;
background : var(--color-03);
}
#home_wpp .wpp-list {
display : block;
margin : 0 -10px;
}
#home_wpp .wpp-list li {
width : 100%;
padding : 0;
}
} #scroll_arrow {
z-index : 9999;
}
#scroll_arrow a {
position : absolute;
bottom : 40px;
left : calc((100vw - 46px) / 2);
color : #fff;
padding-top: 60px;
display : inline-block;
font : normal 400 20px/1 'Josefin Sans', sans-serif;
}
#scroll_arrow a span {
position: absolute;
top: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
border: 4px solid #fff;
border-radius: 100%;
box-sizing: border-box;
}
#scroll_arrow a span::after {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
#scroll_arrow a span::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 rgba(255,255,255,0.1);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb 3s infinite;
animation: sdb 3s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255,255,255,0.1);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(255,255,255,0.1);
opacity: 0;
}
100% {
opacity: 0;
}
}
.scroll_anchor {
padding-top : calc(var(--size-sitename) + var(--size-padding))!important;
margin-top : calc( -1 * var(--size-sitename))!important;
}
@media screen and (min-width: 1000px) {
.scroll_anchor {
padding-top : calc(var(--size-sitename) + var(--size-gnav) + var(--size-padding))!important;
margin-top : calc( -1 * (var(--size-sitename) + var(--size-gnav)) )!important;
}
} form.wpcf7-form button {
margin : 20px 0;
outline : none;
}
.custom-btn {
width : 130px;
height : 40px;
padding : 10px 25px;
border : 1px solid #333;
font-family : 'Lato', sans-serif;
font-weight : 500;
background : transparent;
cursor : pointer;
transition : all 0.3s ease;
position : relative;
display : inline-block;
}
.btn-3 {
line-height : 39px;
padding : 0;
}
.btn-3:hover{
background : transparent;
color : var(--color-03);
}
.btn-3 span {
position : relative;
display : block;
width : 100%;
height : 100%;
}
.btn-3:before,
.btn-3:after {
position : absolute;
content : "";
left : 0;
top : 0;
background : var(--color-03);
transition : all 0.3s ease;
}
.btn-3:before {
height : 0%;
width : 2px;
}
.btn-3:after {
width : 0%;
height : 2px;
}
.btn-3:hover:before {
height : 100%;
}
.btn-3:hover:after {
width : 100%;
}
.btn-3 span:before,
.btn-3 span:after {
position : absolute;
content : "";
right : 0;
bottom : 0;
background : var(--color-03);
transition : all 0.3s ease;
}
.btn-3 span:before {
width : 2px;
height : 0%;
}
.btn-3 span:after {
width : 0%;
height : 2px;
}
.btn-3 span:hover:before {
height : 100%;
}
.btn-3 span:hover:after {
width : 100%;
} #vegasslider {
position : absolute;
width : 100%;
height : 100vh;
} #top-grid {
}
#top01,
#top02,
#top03 {
text-align : center;
}
#top01 {
margin : 0 0 20px 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 900;
font-size : 24px;
line-height : 30px;
color : #fff;
text-shadow: 1px 2px 3px #333;
}
#top02 ,
#top03 {
border : 4px solid #fff;
border-radius : 12px;
padding : 5px;
width : 96%;
margin : 0 auto 20px auto;
background : rgba(0,0,0,0.15);
}
#top02 p,
#top03 p {
margin : 0 0 5px 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 900;
font-size : 20px;
line-height : 24px;
color : #fff;
text-shadow: 1px 2px 3px #333;
}
#top02 h2,
#top03 h2 {
margin : 0 0 5px 0;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 900;
font-size : 40px;
line-height : 48px;
color : #fff;
text-shadow: 1px 2px 3px #333;
background : transparent;
border : none;
padding : 0;
}
#top02 .top-banner,
#top03 .top-banner {
display : none;
}
#top04 {
position : relative;
border : 4px solid #fff;
border-radius : 12px;
padding : 10px 80px 10px 5px;
width : 96%;
margin : 0 auto;
background : rgba(220,40,40,0.2);
}
#top04 h2 {
border : none;
background : transparent;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 700;
font-size : 16px;
line-height : 24px;
color : #fff;
text-shadow: 1px 2px 3px #333;
padding : 0;
margin : 0;
text-align : left;
}
#top04 h2 .wise-member {
font-weight : 900;
font-size : 20px;
}
#top04 #wisereport {
position : absolute;
width : 70px;
right : 10px;
top : 10px;
transform : rotate(3deg);
}
#home_banners3 {
margin : 40px 0 0 0;
}
.home_banners3-item a {
display : flex;
align-items : center;
justify-content : center;
border-radius : 12px;
color : #fff;
margin : 0 0 10px 0;
padding : 0;
height : 160px;
font-size : 18px;
line-height : 30px;
font-family: 'Noto Sans JP', sans-serif;
font-weight : 700;
}
#home_banner-keibai a {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/home_banner-keibai-light.png) no-repeat center center #3362a9;
}
#home_banner-member a {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/home_banner-member-w-light.png) no-repeat center center #c09035;
}
#home_banner-sokochi a {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/home_banner-sokochi-light.png) no-repeat center center #02532d;
}
#home_banners4 {
margin : 40px 0 0 0;
}
@media screen and (min-width: 1000px) {
#top01 {
margin : 0 0 40px 0;
font-size : 66px;
line-height : 80px;
}
#top02 ,
#top03 {
border : none;
padding : 0;
width : 100%;
margin : 0;
background : transparent;
}
#top02 p,
#top03 p {
margin : 0 0 10px 0;
font-size : 30px;
line-height : 36px;
}
#top02 h2,
#top03 h2 {
margin : 0 0 10px 0;
font-size : 50px;
line-height : 60px;
background : transparent;
border : none;
padding : 0;
}
#top02 .top-banner,
#top03 .top-banner {
display : block;
}
#top04 {
border : 8px solid #fff;
border-radius : 20px;
padding : 10px;
width : 80%;
margin : 30px auto 0 auto;
}
#top04 h2 {
font-size : 20px;
line-height : 30px;
}
#top04 h2 .wise-member {
font-size : 24px;
}
#top04 #wisereport {
width : 100px;
right : 15px;
top : -20px;
transform : rotate(7deg);
}
.home_banners3-item a {
margin : 0 0 10px 0;
padding : 0 0 0 136px;
justify-content : left;
}
#home_banner-keibai a {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/home_banner-keibai.png) no-repeat #3362a9;
}
#home_banner-member a {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/home_banner-member-w.png) no-repeat #c09035;
}
#home_banner-sokochi a {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/home_banner-sokochi.png) no-repeat #02532d;
}
#home_banner-keibai a {
width : 320px;
max-width : 100%;
}
#home_banner-member a {
width : 320px;
max-width : 100%;
}
#home_banner-sokochi a {
width : 320px;
max-width : 100%;
}
} #title_blk {
} .question {
font-weight : bold;
}
.question::before {
content : "Q";
font-weight : bold;
color : #fff;
background : #c00;
padding : 5px 10px;
margin : 0 10px 0 0;
}
p.answer {
margin : 0 0 20px 0;
}
.answer::before {
content : "A";
font-weight : bold;
color : #fff;
background : #00c;
padding : 5px 10px;
margin : 0 10px 0 0;
} a.word,
a.pdf {
display : inline-block;
padding : 0 20px;
margin : 0;
background : #0468a5;
color : #fff;
border-radius : 6px;
text-align : center;
}
a.word {
margin-right : 10px;
}
a.pdf {
background : #da2a47;
}
@media screen and (min-width: 1000px) {
a.word {
margin-right : 0;
}
}
 p {
}
h1 {
}
h1.page-title {
display : flex;
align-items : center;
justify-content : center;
text-align : center;
padding : 0;
margin-bottom : 30px;
height : 240px;
font-family: 'Noto Sans JP', sans-serif;
font-size : 1.5em;
line-height : 2em;
font-weight : 700;
color : var(--color-02);
background : #666;
text-shadow : 3px 3px 8px rgba(0,0,0,0.9);
}
.wise-member h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/_A0A7298.jpg) center center;
background-size : cover;
}
.keibai h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/_A0A7302.jpg) center center;
background-size : cover;
}
.sokochi h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/_A0A0340.jpg) center center;
background-size : cover;
}
.profile h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/_A0A0344.jpg) center center;
background-size : cover;
}
.category-jiji h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/jiji2.jpg) center center;
background-size : cover;
}
.category-news h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/_A0A7288.jpg) center center;
background-size : cover;
}
.category-report h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/_A0A7298.jpg) center center;
background-size : cover;
}
.category-topics h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/kaisatsu.jpg) center center;
background-size : cover;
}
.contact h1.page-title {
background : url(https://www.wise-cir.co.jp/wp/wp-content/themes/pochiintegrated/images/contact.jpg) center center;
background-size : cover;
}
@media screen and (min-width : 1000px) {
h1.page-title {
margin-bottom : 40px;
height : 500px;
font-size : 2.5em;
}
}
h1.entry-title,
h4.entry-title,
h4.page-title {
clear : both;
margin : 0 0 40px 0;
padding : 0 0 0.5em 1em;
background : transparent;
color : var(--color-01);
font-family: 'Noto Sans JP', sans-serif;
font-size : 1.5em;
line-height : 1.4em;
font-weight : bold;
border-left : 2px solid var(--color-03);
border-bottom : 3px solid var(--color-03);
}
h2 {
clear : both;
margin : 50px 0 20px 0;
padding : 10px 10px 10px 15px;
font-family: 'Noto Sans JP', sans-serif;
font-size : min(8vw,2em);
line-height : 2em;
font-weight : 300;
color : var(--color-01);
text-align : center;
}
#home-contact h2 {
margin : 60px 0 10px 0;
font-size : 1.55em;
line-height : 1.8em;
border-bottom : 1px solid #222;
}
h3 {
margin : 40px 0 20px 0;
padding : 8px 0;
font-family: 'Noto Sans JP', sans-serif;
font-size : 1.5em;
line-height : 2em;
font-weight : 300;
text-align : center;
}
h2:nth-child(1) ,
h3:nth-child(1) ,
h4:nth-child(1) {
margin-top : 0;
}
h4 {
display : inline-block;
padding : 0 5px;
margin : 20px 0;
font-family: 'Noto Sans JP', sans-serif;
font-size : 1.05em;
font-weight: 400;
line-height : 2em;
color : var(--color-01);
border-bottom : 2px solid #000; } .footer_box h1.entry-title,
.footer_box h1.page-title ,
.footer_box h4.entry-title,
.footer_box h4.page-title {
line-height : 1.5em;
color : var(--color-01);
text-align : center;
padding : 10px 20px;
margin : 0 0 10px 0;
background-color : var(--color-02);
}
h5 {
}
h6 {
}
h7 {
}