@charset "UTF-8";
/*================================================================================================
 *  var(--color-a) > var(--color-b) | var(--color-c) > var(--color-d) | var(--color-e)  #f3f3f3 / #fffff0  #f3f3f3  #fdf0f0  /  #efede9 /
 ================================================================================================*/
.grecaptcha-badge { visibility: hidden; }

/*================================================
 *  Q A
 ================================================*/
.faqstyle dt {
    margin-bottom: 1em;
    color: var(--color-b);
    text-indent: -1.5em;
    padding-left: 1.5em;
	font-weight:bold;
}

.faqstyle dt::before,
.faqstyle dd::before {
    margin-right: .4em;
}

.faqstyle dt::before {
    color:var(--color-b);
    content: "Q.";
    font-weight:700;
}

.faqstyle dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #fff8e6;
    color: #111;
}

.faqstyle dd::before {
    color:var(--color-e);
    content: "A.";
    font-weight:700;
}


/*================================================
 *  box
 ================================================*/
.box0, .box1, .box2, .box3, .box4, .box0b, .box1b, .box2b, .box3b, .box4b{
    display:block;
    clear:both;
    overflow:hidden;
    margin: 0.5em 0 3em;
    padding: 1em 1em 0.5em;
    text-align: left;
}
.box0{
    border: #ddd solid 2px;
    background: #fff;
}
.box1{
    border: var(--color-c) solid 2px;
    background: #fff;
}
.box2{
    border:unset;
    background: #ececec;
}

/*-bg------------------------------------------------------------------------------------------------*/
.bgbox{
    background-image: url(../images/01a.png),url(../images/01b.png),url(../images/01.png);
    background-position: top,bottom,center;
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-size: 100%;
    margin: 0 0 3em;
    padding: 1.5em;
    color:#333333;
    overflow: hidden;
background-color: #ffffff;
}

/*================================================
　btn
 ================================================*/
.btna, input[type="submit"], .btnb, .btnc, .btnd, div.dbtna a, div.dbtnb a, div.dbtnc a, div.dbtnd a{font-size: 1em; vertical-align: middle; line-height:1.5em; text-decoration: none !important;}
header .btn, header .btnb, header .btnc, header .btnd{font-size: 14px;}
.btna, div.dbtna a, input[type="submit"] {
  display: inline-block;
  text-align: center;
  border: 2px solid var(--color-a);
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2em 0.5em;
  margin: 0 auto;
  border-radius: 4px;
  transition: .4s;
  background:var(--color-a);
}
.btna:hover, div.dbtna a:hover, input:hover[type="submit"] {
  background-color: #fff;
  border-color: var(--color-a);
  color: var(--color-a) !important;
}
.btnb, div.dbtnb a {
  display: inline-block;
  text-align: center;
  border: 2px solid var(--color-b);
  color: #fff !important;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2em 0.5em;
  margin: 0 auto;
  border-radius: 4px;
  transition: .4s;
  background:var(--color-b);
}
.btnb:hover, div.dbtnb a:hover {
  background-color: #fff;
  border-color: var(--color-b);
  color: var(--color-b) !important;
}
.btnc, div.dbtnc a {
  display: inline-block;
  text-align: center;
  border: 2px solid var(--color-a);
  color: var(--color-a) !important;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2em 0.5em;
  margin: 0 auto;
  border-radius: 4px;
  transition: .4s;
  background:#fff;
}
.btnc:hover, div.dbtnc a:hover {
  background-color: var(--color-a);
  border-color: var(--color-a);
  color: #ffffff !important;
}
.btnd, div.dbtnd a {
  display: inline-block;
  text-align: center;
  border: 2px solid var(--color-b);
  color: var(--color-b) !important;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2em 0.5em;
  margin: 0 auto;
  border-radius: 4px;
  transition: .4s;
  background:#fff;
}
.btnd:hover, div.dbtnd a:hover {
  background-color: var(--color-b);
  border-color: var(--color-b);
  color: #ffffff !important;
}

ul.usns{padding:0 0 0em;}
.usns{
display:flex;
flex-flow:row wrap;
justify-content:center;
}
.usns li{
text-align:center!important;
letter-spacing: .2px;
line-height: 1;
margin-bottom: 0em;
position: relative;
}

a.btny, a.btnl, a.btnm, a.btne, a.btnw, a.btnf, a.btnt, a.btni, a.btnn, a.btnh {
  display: inline-block;
  text-align: center;
  padding: 0.1em 0.1em;
  margin: 1em 0;
  font-size: 1.5em;
}
a.btny:hover, a.btnl:hover, a.btnm:hover, a.btne:hover, a.btnw:hover, a.btnf:hover, a.btnt:hover, a.btni:hover, a.btnn:hover, a.btnh:hover{
  opacity: 0.5;
}
a.btny {color:#fc0d1c;}
a.btnl {color:#00b900;}
a.btnm {color:#ef3f56;}
a.btne {color:#ef3f56;}
a.btnw {color:#ffc107;}
a.btnf {color:#3b75d4;}
a.btnt {color:#55acee;}
a.btni {color:#f13f79;}
a.btnn {color:#0077b5;}
a.btnh {color:#f13f79;}
.fa-fw {text-align: center !important; width: 1.4em !important;}

/*================================================
 *  flex box
 ================================================*/
.af2, .bf2, .lf2, .af3, .bf3, .lf3, .af4, .bf4, .lf4, .af5, .bf5, .lf5, .af6, .bf6, .lf6{
     display: flex;
     flex-flow: row wrap;
}
.af2, .af3, .af4, .af5, .af6{justify-content:space-around;}
.bf2, .bf3, .bf4, .bf5, .bf6{justify-content:space-between;}
.lf2, .lf3, .lf4, .lf5, .lf6{justify-content:flex-start;}
.lf2 .bin, .lf3 .bin, .lf4 .bin, .lf5 .bin, .lf6 .bin{
    flex-grow: 0;
    margin-bottom: 1.5em;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
.af2 .bin, .af3 .bin, .af4 .bin, .af5 .bin, .af6 .bin, .bf2 .bin, .bf3 .bin, .bf4 .bin, .bf5 .bin, .bf6 .bin{
    flex-grow: 0;
    margin-bottom: 1.5em;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
@media only screen and ( max-width : 414px ){ 
.af2 .bin, .af3 .bin, .af4 .bin, .af5 .bin, .af6 .bin, .bf2 .bin, .bf3 .bin, .bf4 .bin, .bf5 .bin, .bf6 .bin, .lf2 .bin, .lf3 .bin, .lf4 .bin, .lf5 .bin, .lf6 .bin{flex-basis:100%; margin-left:0;}
}
@media only screen and ( min-width : 414.1px ) and ( max-width : 767.9px ) { 
.lf2 .bin, .af2 .bin, .bf2 .bin{flex-basis:100%; margin-left:0;}
.lf3 .bin, .af3 .bin, .bf3 .bin{flex-basis:46%;}
.lf3 .bin:nth-child(3n+1), .lf3 .bin:nth-child(3n){margin-left:0;}
.lf3 .bin:nth-child(3n+2){margin-left:8%;}
.lf4 .bin, .af4 .bin, .bf4 .bin{flex-basis:46%;}
.lf4 .bin:nth-child(4n+1), .lf4 .bin:nth-child(4n+3){margin-left:0;}
.lf4 .bin:nth-child(4n+2), .lf4 .bin:nth-child(4n){margin-left:8%;}
.lf5 .bin, .af5 .bin, .bf5 .bin{flex-basis:46%;}
.lf5 .bin:nth-child(5n+1), .lf5 .bin:nth-child(5n+3), .lf5 .bin:nth-child(5n){margin-left:0;}
.lf5 .bin:nth-child(5n+2), .lf5 .bin:nth-child(5n+4){margin-left:8%;}
.lf6 .bin, .af6 .bin, .bf6 .bin{flex-basis:46%;}
.lf6 .bin:nth-child(6n+1), .lf6 .bin:nth-child(6n+3), .lf6 .bin:nth-child(6n+5){margin-left:0;}
.lf6 .bin:nth-child(6n+2), .lf6 .bin:nth-child(6n+4), .lf6 .bin:nth-child(6n){margin-left:8%;}
}
@media only screen and ( min-width : 768px ) and ( max-width : 1024px ) { 
.lf2 .bin, .af2 .bin, .bf2 .bin{flex-basis:46%;}
.lf2 .bin:nth-child(2n+1){margin-left:0;}
.lf2 .bin:nth-child(2n){margin-left:8%;}
.lf3 .bin, .af3 .bin, .bf3 .bin{flex-basis:30%;}
.lf3 .bin:nth-child(3n+1){margin-left:0;}
.lf3 .bin:nth-child(3n+2), .lf3 .bin:nth-child(3n){margin-left:5%;}
.lf4 .bin, .af4 .bin, .bf4 .bin{flex-basis:46%;}
.lf4 .bin:nth-child(4n+1), .lf4 .bin:nth-child(4n+3){margin-left:0;}
.lf4 .bin:nth-child(4n+2), .lf4 .bin:nth-child(4n){margin-left:8%;}
.lf5 .bin, .af5 .bin, .bf5 .bin{flex-basis:30%;}
.lf5 .bin:nth-child(5n+1){margin-left:0;}
.lf5 .bin:nth-child(5n+2), .lf5 .bin:nth-child(5n+3){margin-left:5%;}
.lf5 .bin:nth-child(5n+4), .lf5 .bin:nth-child(5n){margin-left:13.8%;}
.lf6 .bin, .af6 .bin, .bf6 .bin{flex-basis:30%;}
.lf6 .bin:nth-child(6n+1), .lf6 .bin:nth-child(6n+4){margin-left:0%;}
.lf6 .bin:nth-child(6n+2), .lf6 .bin:nth-child(6n+3), .lf6 .bin:nth-child(6n+5), .lf6 .bin:nth-child(6n){margin-left:5%;}
}
@media print, screen and (min-width: 1024.1px){
.lf2 .bin, .af2 .bin, .bf2 .bin{flex-basis:46%;}
.lf2 .bin:nth-child(2n+1){margin-left:0;}
.lf2 .bin:nth-child(2n){margin-left:8%;}
.lf3 .bin, .af3 .bin, .bf3 .bin{flex-basis:30%;}
.lf3 .bin:nth-child(3n+1){margin-left:0;}
.lf3 .bin:nth-child(3n+2), .lf3 .bin:nth-child(3n){margin-left:5%;}
.lf4 .bin, .af4 .bin, .bf4 .bin{flex-basis:23%;}
.lf4 .bin:nth-child(4n+1){margin-left:1%;}
.lf4 .bin:nth-child(4n+2), .lf4 .bin:nth-child(4n+3), .lf4 .bin:nth-child(4n){margin-left:2%;}
.lf5 .bin, .af5 .bin, .bf5 .bin{flex-basis:18%;}
.lf5 .bin:nth-child(5n+1){margin-left:1%;}
.lf5 .bin:nth-child(5n+2), .lf5 .bin:nth-child(5n+3), .lf5 .bin:nth-child(5n+4), .lf5 .bin:nth-child(5n){margin-left:2%;}
.lf6 .bin, .af6 .bin, .bf6 .bin{flex-basis:16%;}
.lf6 .bin:nth-child(6n+1){margin-left:0%;}
.lf6 .bin:nth-child(6n+2), .lf6 .bin:nth-child(6n+3), .lf6 .bin:nth-child(6n+4), .lf6 .bin:nth-child(6n+5), .lf6 .bin:nth-child(6n){margin-left:0.8%;}
}
.fg1 { flex-grow: 1;}
.fg2 { flex-grow: 2;}
.fg3 { flex-grow: 3;}
.f2 p, .f3 p{margin:0.5em 0.5em 1em;}

.b55l{display:block;padding:0;margin:0;width:50%;float:left;}
.b55r{display:block;padding:0;margin:0;width:50%;float:right;}
.b64l{display:block;padding:0;margin:0;width:60%;float:left;}
.b64r{display:block;padding:0;margin:0;width:40%;float:right;}
.b46l{display:block;padding:0;margin:0;width:40%;float:left;}
.b46r{display:block;padding:0;margin:0;width:60%;float:right;}
.b73l{display:block;padding:0;margin:0;width:70%;float:left;}
.b73r{display:block;padding:0;margin:0;width:30%;float:right;}
.b37l{display:block;padding:0;margin:0;width:30%;float:left;}
.b37r{display:block;padding:0;margin:0;width:70%;float:right;}
.b82l{display:block;padding:0;margin:0;width:80%;float:left;}
.b82r{display:block;padding:0;margin:0;width:20%;float:right;}
.b28l{display:block;padding:0;margin:0;width:20%;float:left;}
.b28r{display:block;padding:0;margin:0;width:80%;float:right;}
.b91l{display:block;padding:0;margin:0;width:90%;float:left;}
.b91r{display:block;padding:0;margin:0;width:10%;float:right;}
.b19l{display:block;padding:0;margin:0;width:10%;float:left;}
.b19r{display:block;padding:0;margin:0;width:90%;float:right;}
.b33l{display:block;padding:0;margin:0;width:33%;float:left;}
.b33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.b33r{display:block;padding:0;margin:0;width:33%;float:right;}
.b44{display:block;padding:0;margin:0;width:25%;float:left;}
.bb55l,.bb55r,.bb64l,.bb64r,.bb46l,.bb46r,.bb73l,.bb73r,.bb37l,.bb37r,.bb82l,.bb82r,.bb28l,.bb28r,.bb91l,.bb91r,.bb19l,.bb19r
{width:100%; margin:0; padding:0; display:inline-block;}
.b0{margin-left: -20px; margin-right: 20px; width:-webkit-calc(100% + 40px); width:calc(100% + 40px); padding:0; display:block; overflow:hidden;}
.b1, .b2, .b3, .b4, .b6{width:100%; margin:0; padding:0; display:inline-block;}
.maxwss{max-width:300px; margin:1em auto 2em;}
@media only screen and (min-width: 360px)
{
.b6{width:50%; font-size:90%; margin:0; padding:0; display:inline-block; float:left;}
}
@media only screen and (min-width: 414.1px)
{
.b4 {width:50%; float:left;}
.bb55l{display:block;padding:0;margin:0;width:50%;float:left;}
.bb55r{display:block;padding:0;margin:0;width:50%;float:right;}
.bb33l{display:block;padding:0;margin:0;width:33%;float:left;}
.bb33c{display:block;padding:0;margin:0 0.5%;width:33%;float:left;}
.bb33r{display:block;padding:0;margin:0;width:33%;float:right;}
.bb44{display:block;padding:0;margin:0;width:25%;float:left;}
.maxws{overflow: hidden; width:100%; max-width:300px !important; margin-left:-webkit-calc(50% - 150px); margin-left:calc(50% - 150px); margin-right:-webkit-calc(50% - 150px); margin-right:calc(50% - 150px);}
}
@media only screen and (min-width: 768px)
{
.b3{width:33.3%; padding-left:0; padding-right:0; float:left;}
.b6{width:33.3%; padding-left:0; padding-right:0; float:left;font-size:100%;}
.bb73l{display:block;padding:0;margin:0;width:70%;float:left;}
.bb73r{display:block;padding:0;margin:0;width:30%;float:right;}
.bb37l{display:block;padding:0;margin:0;width:30%;float:left;}
.bb37r{display:block;padding:0;margin:0;width:70%;float:right;}
.bb82l{display:block;padding:0;margin:0;width:80%;float:left;}
.bb82r{display:block;padding:0;margin:0;width:20%;float:right;}
.bb28l{display:block;padding:0;margin:0;width:20%;float:left;}
.bb28r{display:block;padding:0;margin:0;width:80%;float:right;}
.bb91l{display:block;padding:0;margin:0;width:90%;float:left;}
.bb91r{display:block;padding:0;margin:0;width:10%;float:right;}
.bb19l{display:block;padding:0;margin:0;width:10%;float:left;}
.bb19r{display:block;padding:0;margin:0;width:90%;float:right;}
}
@media print, screen and (min-width: 1024px)
{
.b2{width:50%; padding-left:0; padding-right:0; float:left;}
.b4{width:25%; padding-left:0; padding-right:0; float:left;}
.b6{width:33.3%; padding-left:0; padding-right:0; float:left;}
.bb64l{display:block;padding:0;margin:0;width:60%;float:left;}
.bb64r{display:block;padding:0;margin:0;width:40%;float:right;}
.bb46l{display:block;padding:0;margin:0;width:40%;float:left;}
.bb46r{display:block;padding:0;margin:0;width:60%;float:right;}
.maxw{overflow: hidden; width:100%; max-width:900px !important; margin-left:-webkit-calc(50% - 450px); margin-left:calc(50% - 450px); margin-right:-webkit-calc(50% - 450px); margin-right:calc(50% - 450px);}
.maxwss{max-width:45%; margin:1em auto 2em;}
}

/*================================================
 *　contactform7 
 ================================================*/
input {vertical-align: middle; line-height:1.5em;}
input[type="text"].inps{vertical-align: text-top;}
input[type=radio] ,input[type=checkbox]{vertical-align: baseline;}
select {vertical-align: middle; line-height:1.5em; padding: 0.5em;}
select option{font-size:1em;}
.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em;}
input[name="s"] {width: 96%; padding: 0.4em;}
label[for="s"]{display:none;}
#searchform {margin: 1em 0.5em 0.5em; width: 96%;}
.wpcf7-form label, .wpcf7-radio, .wpcf7-text, .wpcf7-form textarea, .wpcf7-select,
#respond input, #respond textarea{font-size:1em; line-height:1.1; width:100%;}
.wpcf7-submit{font-size:1em; line-height:1.1;}
@media print, screen and (min-width: 768px)
{
.wpcf7-form label, .wpcf7-radio, .wpcf7-text, .wpcf7-form textarea, .wpcf7-select,
#respond input, #respond textarea{font-size:1em; line-height:1.2; width:100%;}
.wpcf7-submit{font-size:1em; line-height:1.2;}
}
div.wpcf7 .ajax-loader {display: none !important;}
#respond label{display:block;}
p.form-submit{text-align:center;}
#respond input[type="submit"]{width: auto;}
.says{display:none;}
.comment-author, .comment-meta{display:inline-block;}
#respond input[type="checkbox"] {float: left; width: auto; height: 1.5em; margin-right: 0.5em;}
.wpcf7-text, .wpcf7-form textarea{padding-left:0.5em; padding-right:0.5em;}
.kanarazu{font-size:0.8em;
	padding: 0.2em;
	background: var(--color-a);
	color: #fff;
	border-radius: 3px;
	margin-left:1em;
}
.w50{width: 48%; margin-right: 2%;}
.w10{width:12em;}
.w4{width:5em;}
.w2{width:3em;}

/*================================================================================================
 *  searchbox
 ================================================================================================*/
section.searchbox{padding:0;}
.searchbox label{margin-right: 1em;}
.checkbtn input {display:none;}
.checkbtn label {
  display: inline-block;
  position:relative;
  margin: 0.5em 0.3em 0.5em 0.3em;
  padding: 0.2em 0.4em;
  border: 2px solid #fff;
  border-radius: 8px;
  color: var(--color-d);
  background-color: #fff;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
  font-size:0.8em;
}
.checkbtn label:hover, input:focus + .checkbtn label {box-shadow: 0 0 0.5em rgba(0, 0, 0, .6);}
.checkbtn label.selected{background-color:var(--color-d); color: #fff;}
.searchbox select{width:100%; margin:0em 0 1em; padding:0.8em; color:var(--color-a);}
.searchbox input[name="s"]{width:100%; margin:0 0 1em; padding:0.6em 0.5em; color:var(--color-a);}
input::placeholder, input::-ms-input-placeholder, input:-ms-input-placeholder{color:var(--color-a);}
@media only screen and (min-width: 768px)
{
.checkbtn label {font-size:0.8em;}
.searchbox input[name="s"]{width:100%; margin:0 0 1em;}
}

/*================================================
 *　tagcloud
 ================================================*/
.tagcloud, .tags{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0.4em 0 0;
    display: inline-block;
    clear: both;
}
.tagcloud li, .tags li{
    display: inline-block;
    padding: 0;
    margin: 0 0.2em 0.6em 0;
}
.tagcloud a, .tags a{
 background:var(--color-d);
 color:#fff;
 padding:4px 8px 3px;
 margin:3px;
 border-radius:5px;
 text-decoration:none;
 font-size:12px;
 line-height: 1em;
 font-weight:600;
 white-space: nowrap;
}
.tagcloud a:hover, .tags a:hover{
 color:#fff;
 background:var(--color-e);
 font-weight:400;
}
.tagcloud a:before, .tags a:before{
 font-family:"Font Awesome 6 Free";
 content:"\f02b"; 
 font-weight:600;
 color:#fff;
 padding-right:6px;
}
.tagcloud a span, .tags a span{
 padding-left:0.5em;
 color:#fff;
}

/*================================================
 *　catcloud
 ================================================*/
.catcloud, .post-categories{
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0.4em 0 0;
    display: inline-block;
    clear: both;
}
.catcloud li, .post-categories li{
    display: inline-block;
    padding: 0;
    margin: 0 0.2em 0.6em 0;
}
.catcloud a, .post-categories a{
 background:var(--color-e);
 color:#fff;
 padding:4px 8px 3px;
 margin:3px;
 border-radius:5px;
 text-decoration:none;
 font-size:12px;
 line-height: 1em;
 font-weight:600;
 white-space: nowrap;
}
.catcloud a:hover, .post-categories a:hover{
 background:var(--color-d);
 color:#fff;
 font-weight:400;
}
.catcloud a:before, .post-categories a:before{
 font-family:"Font Awesome 6 Free";
 content:"\f35a"; 
 font-weight:600;
 color:#fff;
 padding-right:6px;
}
.catcloud a span, .post-categories a span{
 padding-left:0.5em;
 color:#fff;
}

/*================================================
 *　pagination
 ================================================*/
.pagination {
  margin: 0 auto 2em;
  padding: 0em 0;
  text-align: center;
  display: block;
}
.pagination a {
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background: var(--color-d);
  transition: .3s
}
.pagination a:hover {
  color: #fff;
  background: var(--color-e);
}
.pagination span {
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background: var(--color-d);
}
.pagination span.dots {
  background: 0
}
.pagination span.current {
  background: var(--color-e);
  color: #fff
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 70px;
  right: 5px;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
  text-decoration: none;
  transition: .5s;
}
#page-top{background:#bbb;}
#page-top:hover{background:#ddd;}
#page-top a
{
  font-size:1em;
  color:#fff;
  text-decoration:none;
}
#page-top a:hover
{
  font-size:1.1em;
  color:#fff;
}

/*================================================
 *  Q A
 ================================================*/
.question {
    background: url(../images/q.png) no-repeat;
    background-position: top left;
    margin-top: 1.5em;
    margin-bottom: 1em;
    padding-top: 3px;
    padding-left: 40px;
    min-height: 40px;
    color: var(--color-a);
}
.answer {
    background: url(../images/a.png) no-repeat;
    background-position: top left;
    margin-bottom: 1.5em;
    padding-top: 3px;
    padding-left: 40px;
    min-height: 40px;
}

.qanda *, .qanda *:after, .qanda *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.qanda dt,.qanda dd {
	position: relative;
	padding: 0.5em 0.8em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
.qanda dt {
	margin: 0 3em 1em 3em;
	background: #ffffe6;
}
.qanda dd {
	margin: 0 3em 3em 3em;
	background: #e2fff2;
}
/* 吹き出し?? */
.qanda dt::before,.qanda dd::before{
	position: absolute;
	z-index: 2;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し */
.qanda dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #f57c00 transparent transparent;
}
/* 答え吹き出し */
.qanda dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent var(--color-b);
}
/* アイコン */
.qanda dt::after,.qanda dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* Qアイコン */
.qanda dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.15em 0.4em 0.2em 0.3em;
	font-family: "Font Awesome 6 Free";
	content: '\51';
	background: #f57c00;
}
/* Aアイコン */
.qanda dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.15em 0.3em 0.2em 0.4em;
	font-family: "Font Awesome 6 Free";
	content: '\41';
	background: var(--color-b);
}

/*================================================
 *  Q A　image
 ================================================*/
.arrow_answer, .arrow_question {
    position: relative;
    background: #fff;
    border: 1px solid #c8c8c8;
    padding: 1em;
    border-radius: 10px;
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    font-size: 1em;
}
.arrow_question {
    float: right;
    margin-right: 1em;
}
.arrow_answer:after,
.arrow_answer:before,
.arrow_question:after,
.arrow_question:before {
    top: 2em;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_question:after, .arrow_question:before { right: 100%; }
.arrow_answer:after, .arrow_answer:before { left: 100%; }
.arrow_answer:after, .arrow_question:after {
    border-color: rgba(255, 255, 255, 0);
    border-width: 15px;
    margin-top: -15px;
}
.arrow_answer:after { border-left-color: #fff ; }
.arrow_question:after { border-right-color: #fff ; }
.arrow_answer:before, .arrow_question:before {
    border-color: rgba(200, 200, 200, 0);
    border-width: 16px;
    margin-top: -16px;
}
.arrow_answer:before { border-left-color: #c8c8c8; }
.arrow_question:before { border-right-color: #c8c8c8; }
.question_image { float: left; }
.answer_image { float: right; margin-right: 1em;}
.answer_image img, .question_image img { border-radius: 50%; }
.question_box { margin-bottom: 2em; overflow: hidden;}
.answer_box { margin-bottom: 3em; overflow: hidden;}

.mainbox + section, h1 + section, h2 + section, h3 + section, h4 + section, h5 + section, h6 + section,
h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
h1 + .m1, h1 + .m2, h1 + .m3, h1 + .m4, h1 + .m5, h1 + .m6, h2 + h3, h2 + h4, h2 + h5, h2 + h6,
.m1 + h2, .m1 + h3, .m1 + h4, .m1 + h5, .m1 + h6,
h3 + h2, h3 + h4, h3 + h5, h3 + h6, h4 + h2, h4 + h3, h4 + h5, h4 + h6,
h5 + h6, h5 + h2, h5 + h3, h5 + h4, h6 + h2, h6 + h3, h6 + h4, h6 + h5{margin-top: 0 !important;}
section > h1:first-child, section > h2:first-child, section > h3:first-child, section > h4:first-child, box1 > h5:first-child, section > h6:first-child{margin-top: 0.2em !important;}
.box1 > h1:first-child, .box1 > h2:first-child, .box1 > h3:first-child, .box1 > h4:first-child, box1 > h5:first-child, .box1 > h6:first-child{margin-top: 0 !important;}
.box2 > h1:first-child, .box2 > h2:first-child, .box2 > h3:first-child, .box2 > h4:first-child, box2 > h5:first-child, .box2 > h6:first-child{margin-top: 0 !important;}
.box3 > h1:first-child, .box3 > h2:first-child, .box3 > h3:first-child, .box3 > h4:first-child, box3 > h5:first-child, .box3 > h6:first-child{margin-top: 0 !important;}
.box4 > h1:first-child, .box4 > h2:first-child, .box4 > h3:first-child, .box4 > h4:first-child, box4 > h5:first-child, .box4 > h6:first-child{margin-top: 0 !important;}
.b1 > h1:first-child, .b1 > h2:first-child, .b1 > h3:first-child, .b1 > h4:first-child, b1 > h5:first-child, .b1 > h6:first-child{margin-top: 0 !important;}
.b2 > h1:first-child, .b2 > h2:first-child, .b2 > h3:first-child, .b2 > h4:first-child, b1 > h5:first-child, .b2 > h6:first-child{margin-top: 0 !important;}
.bin > h1:first-child, .bin > h2:first-child, .bin > h3:first-child, .bin > h4:first-child, box1 > h5:first-child, .bin > h6:first-child{margin-top: 0 !important;}

.ri-shadow:after, .ri-shadow:before{display:none !important;}
#feed{
    height: 11em;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media print{
.print_pages { size: A4; page-break-before: always;}
header, footer, #sidebar, #subbox , .fixfoot, .top-fixed, .side-fixed, .btn-fixed, .vwrap, #page-top, #g-menu{display:none !important;}
#contents, #main{width:100% !important; max-width:297mm !important; font-size:14px;}
}
@media all and (-ms-high-contrast: none){
  .print_pages.page-break {page-break-before: auto;}
}