/*
Theme Name: Xwrite child
Version: 2.0.0
Template: xwrite
*/


a:hover {
  opacity: 0.6; 
}

.gwkk{
	text-align:center;
	font-size:1.2em;
}
@media screen and (max-width: 801px){
.gwkk{
	text-align:left;
}
}


.snssix{
	display:flex;
	margin-top:1em;
}
.snssix_in{
	flex: 1;
}
.wks_in_cat{
	color:#888;
	font-size:0.8em;
	padding:0 1em;
}
.wks_in_title{
	font-weight:bold;
	padding:0 1em;
}
.wks_in_disc{
	padding:0 1em;
}

@media only screen and (max-width: 736px) {
    .keni-mv_outer {
        height: 800px !important;
    }
}


.display-posts-listing .listing-item{
	font-size:1.2em;
}

.ft_menu{
	margin-top:1em;
	font-size:1.5em;
}
.ft_tex{
	margin-bottom:-15px;
}


.typesquare_option{

}

/*ステップ図*/
.step-chart_style01,
.step-chart_style02{
	margin-left: 0;
}

.step-chart_style02{
	letter-spacing: -.5em;
}

.step-chart_style01 > li,
.step-chart_style02 > li{
	position: relative;
	list-style: none;
	margin-bottom: 16px;
	padding: 20px 10px;
	background: #ccc;
}

.step-chart_style02 > li{
	padding: 20px;
	font-size: 1.6rem;
	letter-spacing: 0;
}

.step-chart li > p:last-child{
	margin-bottom: 0;
}

.step-chart_style01 li::after{
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -12px;
	border: solid transparent;
	border-width: 12px;
	border-top-color: #ccc;
	content: '';
}

.step-chart_style02 li::after{
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -12px;
	border: solid transparent;
	border-width: 12px;
	border-top-color: #ccc;
	content: '';
}

.step-chart li:nth-child(1){
	z-index: 40;
	background-color: #f0f0f0;
}

.step-chart_style01 li:nth-child(1)::after,
.step-chart_style02 li:nth-child(1)::after{
	border-top-color: #05a5ab;
}

.step-chart li:nth-child(2){
	z-index: 30;
	background-color: #f0f0f0;
}

.step-chart_style01 li:nth-child(2)::after,
.step-chart_style02 li:nth-child(2)::after{
	border-top-color: #05a5ab;
}

.step-chart li:nth-child(3){
	z-index: 20;
	background-color: #f0f0f0;
}

.step-chart_style01 li:nth-child(3)::after,
.step-chart_style02 li:nth-child(3)::after{
	border-top-color: #05a5ab;
}

.step-chart li:nth-child(4){
	z-index: 10;
	background-color: #f0f0f0;
	color: #fff;
}

.step-chart_style01 li:nth-child(4)::after,
.step-chart_style02 li:nth-child(4)::after{
	border-top-color: #05a5ab;
}

.step-chart li:last-child::after{
	border-width: 0;
}




.voice{
	display:flex;
	background-color:#f8f8f8;
	padding:30px;
	border: 0.5px solid #666;
	margin-bottom:30px;
}
.voice_left{
	width:25%;
	padding-right:10px
}

.voice_right{
	width:75%;
}

@media screen and (max-width: 640px) {
.voice{
	display:block;
	background-color:#f8f8f8;
	padding:5px;
	border: 0.5px solid #666;
	margin-bottom:10px;
}
	
.voice_left{
	padding-top:10px;
	width:100%;
}
.voice_left_img{
	display:inline-block;
	width:40%;
	text-align:center;
	vertical-align: top;
	
}
.voice_left_dsc{
	display:inline-block;
	width:58%;
	vertical-align: top;
}
.voice_right{
	width:100%;
	margin-top:10px;
}
}


.tooltip {
  position: absolute;
  bottom: 3.0rem;
  left: -45px;
  padding: 6px 10px;
  background: #fff;
  color: #666;
  font-size: 1.3rem;
  border: 0.5px solid #666;
  border-radius: 5px;
  transition: 0.5s;
  opacity: 0;
line-height: 1.2;
}

.rkdt:hover .tooltip {
  opacity: 5;
}

.tooltip2 {
  position: absolute;
  bottom: 3.0rem;
  left: 10px;
  padding: 6px 10px;
  background: #fff;
  color: #666;
  font-size: 1.3rem;
  border: 0.5px solid #666;
  border-radius: 5px;
  transition: 0.5s;
  opacity: 0;
line-height: 1.2;
}
.rkdt:hover .tooltip2 {
  opacity: 5;
}

/*フォーム資料請求用ここから*/
.nss{
background:#eaeaea;
padding: 3px 10px 2px 30px;
   margin:0 0 21px 0;
}

.nss #ss01{
font-weight: bold;
}

.nssb{
font-size: 1.3em;
padding-left:10px;
}
.nssbp{
padding-left:10px;
}
.ss-in{
display: inline-block;
width:32%;
vertical-align: top;
margin-bottom:5px;
}


@media screen and (max-width: 640px) {


.nssb{
font-size: 1.1em;
font-weight: bold;
}

.ss-in{
display: inline-block;
width:49%;
font-size: 1em;
}
}

@media screen and (max-width: 463px) {
.nss{
padding: 3px 0px 2px 0px;
   margin:0 0 21px 0;
}


.ss-in{
display: inline-block;
width:48%;
font-size: 0.8em;
}
}

.ssb{
width:90%;
margin:auto;
}
.ssbp{
text-align:center;
}

@media screen and (max-width: 320px) {
.ss-in{
font-size: 0.6em;
}
}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}

.mw_wp_form_confirm .input-show {
  display: none;
}

.form_st{
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	text-align: left;
	vertical-align: top;
}
.form_al{
	display: inline-block;
	float: right;
	font-weight: bold;
	font-size: 14px;
	color: #ff0004;
	text-align: right;
	vertical-align: top;
}

@media screen and (max-width:768px) {
.form_al{
	float: none;
	text-align: left;
	padding-left: 10px;
	}
}

/*フォーム資料請求用ここまで*/




.nav-links{
	display:none;
}



a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}


.is_int{
	display:block;
}

.keni-section{
	padding:0px 30px;
}
@media screen and (max-width: 801px){
.keni-section{
	padding:0px 10px;
}
}

 /* full-width */

.full-width {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
 }

.full-width .fullwidth_inner1
{
    
   background:#e8f7f7;
  padding:0px 0 0px;
}

.full-width .fullwidth_inner2
{
    
 background:#fff6e0; 
  padding:0px 0 0px;
}

.full-width .fullwidth_inner3
{
    
   background:rgba(170,229,158,0.5);
  padding:0px 0 0px;
}


.keni-section_wrap2 {
   padding:0px 0px 0px;
   margin:0px;
background:rgba(255,244,214,0.5);
}


.keni-section_wrap3 {
   padding:0px 0px 0px;
   margin:0px;
  background:#fff6e0; 
}

.keni-section_wrap {
   padding:0px 0px 0px;
   margin:0px;
}


.full-widthea {
	padding:30px;
	background:#aeaeae;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

 /* full-width */

input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:33%;
   height:50px;
   font-size:20px;
   padding:0 3px;
   margin:5px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}
@media screen and (max-width: 801px){
input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   width:45%;
   height:50px;
   font-size:16px;
   padding:0 3px;
   margin:5px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
   text-shadow:1px 1px 0px #fff;
}
}

/* 罫線 */
.move-border {
  font-size:2em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: linear-gradient(left, transparent 50%, #fde250 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
}
.move-border.active {
  background-position: -100% .7em;
}

.move-border02 {
  font-size:1em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: linear-gradient(left, transparent 50%, #fde250 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 2s ease;
}
.move-border02.active {
  background-position: -100% .7em;
}
.move-border03 {
  font-size:1em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fde250 50%);
  background-image: linear-gradient(left, transparent 50%, #fde250 50%);
  background-repeat: repeat-x;
  background-size: 200% .4em;
  background-position: 0 .5em;
  transition: all 2s ease;
}
.move-border03.active {
  background-position: -100% 1em;
}
.move-border04 {
  font-size:1em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, transparent 50%, #fa83fc 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #fa83fc 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #fa83fc 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #fa83fc 50%);
  background-image: linear-gradient(left, transparent 50%, #fa83fc 50%);
  background-repeat: repeat-x;
  background-size: 200% .4em;
  background-position: 0 .5em;
  transition: all 2s ease;
}
.move-border04.active {
  background-position: -100% 1em;
}
.move-border05 {
  font-size:1em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, transparent 50%, #81e9f9 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #81e9f9 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #81e9f9 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #81e9f9 50%);
  background-image: linear-gradient(left, transparent 50%, #81e9f9 50%);
  background-repeat: repeat-x;
  background-size: 200% .4em;
  background-position: 0 .5em;
  transition: all 2s ease;
}
.move-border05.active {
  background-position: -100% 1em;
}
.move-border06 {
  font-size:1em;
  font-weight: bold;
  background-image: -webkit-linear-gradient(left, transparent 50%, #76fc7d 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #76fc7d 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #76fc7d 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #76fc7d 50%);
  background-image: linear-gradient(left, transparent 50%, #76fc7d 50%);
  background-repeat: repeat-x;
  background-size: 200% .4em;
  background-position: 0 .5em;
  transition: all 2s ease;
}
.move-border06.active {
  background-position: -100% 1em;
}
/* 罫線 */