@charset "UTF-8";

/*normalize: http://necolas.github.io/normalize.css/*/

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */

html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font: inherit;
}

:root {
  --color:#111;
  --colorB:#1E295E;
}

/* ==========================================================================
  アニメーション
========================================================================== */

@keyframes menuFadeIn {
  0%{
    display: flex;
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes menuFadeOut {
  0%{
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100%{
    display: none;
    opacity: 0;
  }
}

@keyframes fadeIn {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fadeOut {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

/* vue用 */

.fade-enter-active, .fade-leave-active {
  transition: opacity .4s;
}

.fade-enter, .fade-leave-to{
  opacity: 0;
}

.fade2-enter-active, .fade2-leave-active {
  transition: opacity .2s;
}

.fade2-enter, .fade2-leave-to{
  opacity: 0;
}

.mode-fade-enter-active, .mode-fade-leave-active {
  transition: opacity .5s ease
}

.mode-fade-enter-from, .mode-fade-leave-to {
  opacity: 0
}

/* ==========================================================================
   ajaロード関連
========================================================================== */

.ajaxFadein{
  animation: fadeInAjax .6s 1 0s ease forwards;
}

@keyframes fadeInAjax {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.loading{
  position: absolute;
  top:100px;
  left: 0;
  width: 100%;
  z-index: -1;
}

.loading::before{
    position: absolute;
    top:0;
    left:50%;
    margin:-26px 0 0 -26px;
    width: 52px;
    height: 52px;
    content: '';
    animation: loader .8s infinite linear;
    border: 6px solid #000;
    border-top-color: #ddd;
    border-radius: 50%;
  }

.loadingBtn{
  position: relative;
}

.loadingBtn::before{
    position: absolute;
    top:60px;
    left:50%;
    margin:0 0 0 -15px;
    width: 30px;
    height: 30px;
    content: '';
    animation: loader .8s infinite linear;
    border: 3px solid #000;
    border-top-color: #ddd;
    border-radius: 50%;
  }

.noPost{
  grid-column: 1 / 6;
  text-align: center;
  margin-top: 2em;
  font-size: 1.7rem;
}

@media only screen and (max-width: 767px) {
  .loading{
    top:20.51282vw;
    left: 0;
    width: 100%;
  }
  .loadingBtn{
    position: relative;
  }
    .loadingBtn::before{
      top:15.38462vw;
    }
}

@keyframes loader{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

.singleEdit{
	margin-top: 63px;
	overflow: hidden;
	line-height: 1.37;
	font-size: 1.6rem;
}

.singleEdit > *{
		margin-block-start: 30px;
	}

.singleEdit >*:first-child{
		margin-block-start:0 !important;
	}

.singleEdit .has-normal-font-size{
		font-size: 1.6rem;
	}

.singleEdit h2{
		font-size: 3.2rem;
		font-weight: 700;
		line-height: 1.4;
		padding-bottom: 17px;
		border-bottom: 1px solid #1E295E;
	}

.singleEdit >* + h2{
		margin-top: 50px;
	}

.singleEdit h3{
		font-size: 2.8rem;
		font-weight: 400;
		line-height: 1.4;
		background: #fff;
		display: flex;
		align-items: center;
		color: #1E295E;
		border-left: 10px solid #1E295E;
		padding-left:13px;
	}

.singleEdit h4{
		font-size: 2.2rem;
		font-weight: 400;
		line-height: 1.4;
		background: #1E295E;
		border: 1px solid #707070;
		display: flex;
		align-items: center;
		color: #fff;
		padding: 3px 20px;
		min-height: 39px;
	}

.singleEdit h5{
		font-size: 1.9rem;
		font-weight: 400;
		line-height: 1.4;
		border: 1px solid #1E295E;
		display: flex;
		align-items: center;
		color: #1E295E;
		padding: 3px 20px;
		min-height: 39px;
	}

.singleEdit .wp-block-quote{
		background: #F3F3F3;
		border-radius: 7px;
		padding: 30px;
	}

.singleEdit .wp-block-quote::before{
			content: '”';
			display: block;
			background: url('../../img/quote.svg') no-repeat center center / contain;
			width: 30px;
			height: 21px;
			line-height: 1;
			margin-bottom: 20px;
		}

.singleEdit .wp-block-quote cite{
			display: block;
			font-style: normal;
			text-align: right;
			padding-top: 1em;
			font-size: .9em;
		}

.singleEdit .wp-element-caption{
		display: block;
		text-align: center;
		padding-top: 1em;
		font-size: .9em;
	}

.singleEdit .wp-block-table table{
			border-collapse: collapse;
			border-spacing: 0;
			width: 100%;
			border: 1px solid #AAAAAA;
			
		}

.singleEdit .wp-block-table table td,.singleEdit .wp-block-table table th{
				border: 1px solid #AAAAAA;
				padding: 5px;
				text-align: center;
			}

.singleEdit .wp-block-table table th{
				background: #EFF8FF;
				font-weight: 400;
			}

.singleEdit .wp-block-table:not(.is-style-stripes) tr:first-child{
			background: #1E295E;
			color: #fff;
		}

.singleEdit .numBox{
		grid-template-columns: 60px 1fr !important;
	}

.singleEdit .numBox .wp-block-media-text__media{
			align-self: start;
		}

.singleEdit .numBox .wp-block-media-text__content{
			padding: 0 0 0 10px;
		}

.singleEdit .numBox .wp-block-media-text__content p{
				margin: 0;
			}

.singleEdit p {
		font-size: 1.6rem;
	}

.singleEdit ol,.singleEdit ul{
		font-size: 1.6rem;
		padding: 0;
		list-style: none;
	}

.singleEdit ul li{
			text-indent: -17px;
			margin-left: 17px;
    }

.singleEdit ul li::marker {
				display: none;
			}

.singleEdit ul li::before{
				content: '';
        width: 7px;
        height: 7px;
        background: url('../../img/list_circle.svg') no-repeat center center / contain;
        margin-right: 10px;
				display: inline-block;
				vertical-align: middle;
				margin-bottom: .2em;
      }

.singleEdit .is-style-listType1 li{
			text-indent: -27px;
			margin-left: 27px;
    }

.singleEdit .is-style-listType1 li::before{
        width: 20px;
        height: 20px;
        background: url('../../img/checkbox-checked-filled.svg') no-repeat center center / contain;
      }

.singleEdit .is-style-listType1 li + li{
			margin-top: .5em;
		}

.singleEdit .is-style-listType2 li{
			text-indent: -27px;
			margin-left: 27px;
    }

.singleEdit .is-style-listType2 li::before{
        width: 20px;
        height: 20px;
        background: url('../../img/check-circle.svg') no-repeat center center / contain;
      }

.singleEdit .is-style-listType2 li + li{
			margin-top: .5em;
		}

.singleEdit ol{
		counter-reset: my-counter;
	}

.singleEdit ol li{
			counter-increment: my-counter;
			text-indent: -1.8em;
			margin-left: 1.8em;
		}

.singleEdit ol li::before{
				content: counter(my-counter)'.';
				font-size: 2.4rem;
				font-weight: 700;
				color: #235362;
				margin-right: 4px;
			}

.singleEdit .wave strong{
			-webkit-text-decoration:underline wavy #3489CE;
			        text-decoration:underline wavy #3489CE;
			font-weight: normal;
		}

.singleEdit a:not(.wp-block-button__link){
    text-decoration: underline;
		color: #1E295E;
  }

.singleEdit .wp-block-button__link{
		font-size: 1em;
	}

.singleEdit ol {
		list-style: none;
	}

.singleEdit .wp-block-table th,.singleEdit .wp-block-table td{
			padding: .2em .5em;
		}

@media only screen and (max-width: 767px) {
		.singleEdit > *{
			margin-block-start: 7.69231vw;
		}
		.singleEdit h2{
			padding-bottom: 4.35897vw;
			border-bottom: 0.25641vw solid #1E295E;
		}
		.singleEdit >* + h2{
			margin-top: 12.82051vw;
		}
		.singleEdit h3{
			border-left: 2.5641vw solid #1E295E;
			padding-left:3.33333vw;
		}
		.singleEdit h4{
			border: 0.25641vw solid #707070;
			padding: 0.76923vw 5.12821vw;
			min-height: 10vw;
		}
		.singleEdit h5{
			border: 0.25641vw solid #1E295E;
			padding: 0.76923vw 5.12821vw;
			min-height: 10vw;
		}
		.singleEdit .wp-block-quote{
			border-radius: 1.79487vw;
			padding: 5.12821vw;
		}
			.singleEdit .wp-block-quote::before{
				width: 7.69231vw;
				height: 5.38462vw;
				margin-bottom: 5.12821vw;
			}
			.singleEdit .wp-block-table table{
				border: 0.25641vw solid #AAAAAA;
				
			}
				.singleEdit .wp-block-table table td,.singleEdit .wp-block-table table th{
					border: 0.25641vw solid #AAAAAA;
					padding: 1.28205vw;
				}
		.singleEdit .numBox{
			grid-template-columns: 15.38462vw 1fr !important;
		}
			.singleEdit .numBox .wp-block-media-text__content{
				padding: 0 0 0 2.5641vw;
			}
			.singleEdit ul li{
				text-indent: -4.35897vw;
				margin-left: 4.35897vw;
			}
				.singleEdit ul li::before{
					width: 1.79487vw;
					height: 1.79487vw;
					margin-right: 2.5641vw;
				}
			.singleEdit .is-style-listType1 li{
				text-indent: -6.92308vw;
				margin-left: 6.92308vw;
			}
				.singleEdit .is-style-listType1 li::before{
					width: 5.12821vw;
					height: 5.12821vw;
				}
			.singleEdit .is-style-listType2 li{
				text-indent: -6.92308vw;
				margin-left: 6.92308vw;
			}
				.singleEdit .is-style-listType2 li::before{
					width: 5.12821vw;
					height: 5.12821vw;
				}
		.singleEdit > .alignright {
      float: none;
      margin-inline-start: 0 !important;
    }
    .singleEdit > .alignleft {
      float: none;
      margin-inline-end: 0 !important;
    }
		.singleEdit .wp-block-media-text:not(.numBox){
			grid-template-areas:"media-text-media" "media-text-content";
			grid-template-columns:1fr;
		}
			.singleEdit .wp-block-media-text:not(.numBox) .wp-block-media-text__media{
				grid-area: media-text-media;
			}
			.singleEdit .wp-block-media-text:not(.numBox) .wp-block-media-text__content{
				grid-area: media-text-content;
				padding: 1.5em 0 0;
			}
				.singleEdit .wp-block-media-text:not(.numBox) .wp-block-media-text__content p{
					margin: 0;
				}
}

@media only screen and (max-width: 767px){
		.singleEdit .wp-block-media-text:not(.numBox) .wp-block-media-text__media{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
		}
		.singleEdit .wp-block-media-text:not(.numBox) .wp-block-media-text__content{
    -ms-grid-row: 2;
    -ms-grid-column: 1;
		}
}

/* ==========================================================================
   フォント
========================================================================== */

.fontZ {
  font-family: "Zen Old Mincho", serif;
  font-style: normal;
}

/* ==========================================================================
   下層 タイトル
========================================================================== */

.pageTitle{
  font-size: 4rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: center;
  color: #1E295E;
  margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
  .pageTitle{
    font-size: 3.4rem;
    margin-bottom: 12.82051vw;
  }
}

/* ==========================================================================
   下層共通
========================================================================== */

.subPage{
  padding-top: 60px;
}

@media only screen and (max-width: 767px) {
  .subPage{
    padding-top: 12.82051vw;
  }
}

/* ==========================================================================
   ctaBox
========================================================================== */

.ctaBox{
  background: url('../../img/cta_bk.jpg') no-repeat center center / cover;
  padding: 60px 0 70px;
  text-align: center;
}

.ctaBox h2{
    font-size: 3.4rem;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 1;
    color: #1E295E;
    color: var(--colorB);
  }

.ctaBox p{
    line-height: 1.78;
    letter-spacing: .25em;
    font-size: 1.4rem;
    font-weight: 500;
  }

.ctaBox .goService{
    max-width: 220px;
    height: 43px;
    margin: 26px auto 0;
    display: grid;
    place-content:center;
    border-radius: 22px;
    background: linear-gradient(90deg,#1665aa 0%, #1b2962 100%);
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
  }

@media only screen and (max-width: 767px) {
  .ctaBox{
    background: url('../../img/sp_cta_bk.jpg') no-repeat center center / cover;
    padding: 8.97436vw 0;
  }
    .ctaBox h2{
      line-height: 1.26;
      margin-bottom: 7.17949vw;
    }
    .ctaBox p{
      max-width: 89.74359vw;
      margin: 0 auto;
      letter-spacing: .1em;
      text-align: center;
    }
    .ctaBox .goService{
      max-width: 56.41026vw;
      height: 11.53846vw;
      margin: 8.20513vw auto 0;
      border-radius: 5.64103vw;
    }
}

/* ==========================================================================
   サイバー
========================================================================== */

.sideBar ul{
    padding: 0;
    margin: 0;
    list-style: none;
  }

.sideBar .sideSec >h2{
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1;
      padding-bottom: 17px;
      border-bottom: 2px solid #1E295E;
      margin-bottom: 19px;
    }

.sideBar .sideSec li{
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.35;
      border-bottom: 1px solid #C4C4C4;
      padding-bottom: 17px;
      margin-bottom: 17px;
    }

.sideBar .rankSec li{
      display: flex;
      align-items: center;
      gap:0 17px;
      overflow: hidden;
    }

.sideBar .rankSec li a:first-child{
        flex: 0 0 68px;
      }

.sideBar .rankSec li .wpp-post-title{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

.sideBar .newSec{
    margin-top: 27px;
  }

.sideBar .newSec li a{
        display: flex;
        align-items: center;
        gap:0 17px;
      }

.sideBar .newSec li img{
        width:68px;
        flex-shrink: 0;
      }

.sideBar .newSec li .title{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

@media only screen and (max-width: 767px) {
  .sideBar{
    margin-top: 17.94872vw;
  }
      .sideBar .sideSec >h2{
        padding-bottom: 4.35897vw;
        border-bottom: 0.51282vw solid #1E295E;
        margin-bottom: 4.87179vw;
      }
      .sideBar .sideSec li{
        border-bottom: 0.25641vw solid #C4C4C4;
        padding-bottom: 4.35897vw;
        margin-bottom: 4.35897vw;
      }
      .sideBar .rankSec li{
        gap:0 4.35897vw;
      }
        .sideBar .rankSec li a:first-child{
          flex: 0 0 17.4359vw;
        }
    .sideBar .newSec{
      margin-top: 6.92308vw;
    }
        .sideBar .newSec li a{
          gap:0 4.35897vw;
        }
        .sideBar .newSec li img{
          width:17.4359vw;
        }
}

/* ==========================================================================
   borderTitle
========================================================================== */

.borderTitle{
  font-size: 1.6rem;
  line-height: 1;
  padding-bottom: 20px;
  border-bottom: 2px solid #1E295E;
  margin-bottom: 17px;
}

@media only screen and (max-width: 767px) {
  .borderTitle{
    padding-bottom: 5.12821vw;
    border-bottom: 0.51282vw solid #1E295E;
    margin-bottom: 4.35897vw;
  }
}

/* ==========================================================================
   リスト系レイアウト
========================================================================== */

.listLayout{
  display: grid;
  grid-template-columns: 252px 1fr 300px;
  grid-gap: 0 40px;
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.listLayout .main{
    position: relative;
  }

@media only screen and (max-width: 767px) {
  .listLayout{
    display: block;
    max-width: 89.74359vw;
    padding-bottom: 17.94872vw;
  }
    .listLayout .main{
      margin-top: 17.94872vw;
      min-height: 80px;
    }
}

/* ==========================================================================
   catSidebar
========================================================================== */

.catSidebar .catList{
    list-style: none;
    padding: 0;
    margin: 0;
  }

.catSidebar .catList li a{
        display: flex;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.42;
      }

.catSidebar .catList li .icon{
        flex: 0 0 20px;
        margin-right: 17px;
      }

.catSidebar .catList li + li{
      margin-top: 20px;
    }

@media only screen and (max-width: 767px) {
    .catSidebar .catList{
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      gap:5.12821vw 0;
    }
      .catSidebar .catList li{
        flex: 0 1 43.07692vw;
      }
        .catSidebar .catList li a{
          line-height: 1.21;
        }
        .catSidebar .catList li .icon{
          flex: 0 0 5.12821vw;
          margin-right: 2.5641vw;
        }
      .catSidebar .catList li + li{
        margin-top: 0;
      }
}

/* ==========================================================================
   リスト系 記事
========================================================================== */

.postListBox{
  padding-bottom: 19px;
  border-bottom: 1px solid #C4C4C4;
}

.postListBox a{
    width: 100%;
    display: flex;
    align-items: center;
    gap:0 17px;
  }

.postListBox header{
    order: 2;
  }

.postListBox header h2{
      font-size: 1.6rem;
      line-height: 1.37;
    }

.postListBox header .cat{
      margin-top: 5px;
      background: #1E295E;
      border-radius: 12px;
      color: #fff;
      font-weight: 500;
      font-size: 1.4rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 25px;
      padding: 0 17px;
      text-align: center;
    }

.postListBox .tm{
    order: 1;
    flex: 0 0 140px;
  }

.postListBox + .postListBox{
  margin-top: 19px;
}

@media only screen and (max-width: 767px) {
  .postListBox{
    padding-bottom: 4.87179vw;
    border-bottom: 0.25641vw solid #C4C4C4;
  }
    .postListBox a{
      gap:0 4.35897vw;
    }
      .postListBox header .cat{
        margin-top: 1.28205vw;
        background: #1E295E;
        border-radius: 3.07692vw;
        min-height: 6.41026vw;
        padding: 0.51282vw 4.35897vw;
      }
    .postListBox .tm{
      flex: 0 0 35.89744vw;
    }
  .postListBox + .postListBox{
    margin-top: 4.87179vw;
  }
}

/* ==========================================================================
   moreBtnBox
========================================================================== */

.moreBtnBox .moreBtn{
    width: 200px;
    height: 52px;
    margin: 69px auto 0;
    display: grid;
    place-content:center;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    font-size: 1.3rem;
    background: url('../../img/more_bnt_bk.svg') no-repeat center center / contain;
    cursor: pointer;
  }

@media only screen and (max-width: 767px) {
    .moreBtnBox .moreBtn{
      width: 51.28205vw;
      height: 13.33333vw;
      margin: 12.5641vw auto 0;
    }
      .moreBtnBox .moreBtn:hover{
        opacity: 1;
      }
}

/* ==========================================================================
   end
========================================================================== */

/* ==========================================================================
   フォーム
========================================================================== */

.formWall{
  max-width: 720px;
  margin: 0 auto;
}

.formWall select,
  .formWall input[type="text"],
  .formWall input[type="tel"],
  .formWall input[type="url"],
  .formWall input[type="email"]{
    padding: 0 10px;
    height: 47px;
    line-height: 47px;
    width: 100%;
    border-radius: 5px;
    border:1px solid #CCCCCC;
  }

.formWall textarea{
    width: 100%;
    padding: 10px;
    height: 117px;
    border-radius: 5px;
    border:1px solid #CCCCCC;
  }

.formWall input[type="file"]{
    font-size: 1.5rem;
  }

.formWall .formBox .inputTitle{
      line-height: 1;
      font-size: 1.6rem;
      margin-bottom: 7px;
      display: flex;
      align-items: center;
    }

.formWall .formBox .inputTitle:not(.nini)::after{
        content: '*';
        color: #B42D60;
        font-size: 3rem;
        margin-left: 5px;
        line-height: 1;
        height: .6em;
        font-weight: 400;
      }

.formWall .formBox + .formBox{
    margin-top: 15px;
  }

.formWall .formBox + .kikkakeBox{
    margin-top: 25px;
  }

.formWall .accept{
    margin-top: 50px;
    font-size: 1.5rem;
    line-height: 1;
  }

.formWall .accept span{
      display: block;
    }

.formWall .accept .wpcf7-list-item{
      margin: 0;
    }

.formWall .accept label{
      display: flex;
      align-items: center;
      justify-content: center;
    }

.formWall .accept label input{
        margin:0 13px 0 0;
      }

.formWall .accept a{
      text-decoration: underline;
    }

.formWall .send{
    max-width: 250px;
    margin: 50px auto 0;
  }

.formWall .send input{
      width: 100%;
      height: 50px;
      background:#B42D60;
      border-radius: 25px;
      display: grid;
      place-content:center;
      color: #fff;
      font-size: 1.5rem;
      font-weight: 700;
      border: none;
      padding: 0;
    }

.formWall .send input:hover{
        opacity: .8;
      }

.formWall .send .wpcf7-spinner{
      display: block;
      margin: 10px auto 0;
    }

.formWall .wpcf7-not-valid-tip{
    padding: .3em;
    font-size: 1.6rem;
  }

.formWall .wpcf7-response-output{
    font-size: 1.5rem;
    margin:0 !important;
    padding: 1em !important;
    text-align: center;
  }

@media only screen and (max-width: 767px) {
.formWall{
  max-width: 92.82051vw;
  
}
  .formWall select,
  .formWall input[type="url"],
  .formWall input[type="text"],
  .formWall input[type="tel"],
  .formWall input[type="email"]{
    padding: 0 2.5641vw;
    height: 12.05128vw;
    line-height: 12.05128vw;
    border-radius: 1.28205vw;
    border:0.25641vw solid #CCCCCC;
    font-size: 16px;
  }
  .formWall textarea{
    width: 100%;
    padding: 2.5641vw;
    height: 30vw;
    border-radius: 1.02564vw;
    border:0.25641vw solid #CCCCCC;
    font-size: 16px;
  }
    .formWall .formBox .inputTitle{
      font-size: 1.6rem;
      margin-bottom: 2.05128vw;
    }
      .formWall .formBox .inputTitle::after{
        margin-left: 1.28205vw;
      }
  .formWall .formBox + .formBox{
    margin-top: 3.84615vw;
  }
  .formWall .formBox + .kikkakeBox{
    margin-top: 5.12821vw;
  }
  .formWall .accept{
    margin-top: 12.82051vw;
  }
      .formWall .accept label input{
        margin:0 3.33333vw 0 0;
      }
  .formWall .send{
    max-width: 64.10256vw;
    margin: 12.82051vw auto 0;
  }
    .formWall .send input{
      height: 12.82051vw;
      border-radius: 6.41026vw;
    }
  .formWall .wpcf7-not-valid-tip{
    font-size: 1.4rem;
  }
  .formWall .wpcf7-response-output{
    font-size: 1.4rem;
  }

}

/* ==========================================================================
   共通設定
========================================================================== */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	overflow-y:scroll;
}

body {
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Noto Sans','Noto Sans JP','Noto Sans CJK JP','游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'メイリオ',Meiryo,sans-serif;
	font-feature-settings : 'pkna';
	color:#111;
	color:var(--color);
	text-align: justify;
	text-justify: inter-ideograph;
	width:100%;
  min-width: 1240px;
	font-size: 1.6rem;
	line-height: 1.4;
	overflow: hidden;
}

img{
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
  backface-visibility: hidden;
}

a{
	color:#111;
	color:var(--color);
	text-decoration: none;
}

a:hover{
	opacity:0.8;
}

.spShow{
	display: none;
}

.pcShow{
	display: inline-block;
}

.container{
	display: grid;
	min-height: 100vh;
	grid-template-columns: 100%;
  grid-template-rows: 105px 1fr auto;
}

.header{
	grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 3;
}

.pageContainer{
	grid-column: 1;
  grid-row: 2;
  position: relative;
  z-index: 2;
}

.footer{
	grid-column: 1;
  grid-row: 3;
  z-index: 2;
}

button{
  background: none;
  border: none;
  padding: 0;
  outline: none;
}

button:focus{
    outline: none;
  }

button:hover{
    opacity:0.8;
  }

button:disabled{
    opacity:1;
  }

button:disabled:hover{
      opacity:1;
    }

.anchor{
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}

/* ==========================================================================
   ヘッダー
========================================================================== */

.header{
  width: 100%;
  min-width: 1240px;
  background: #1E295E;
  background: var(--colorB);
}

.header .headerText{
    padding: 0 20px;
    margin: 0 auto;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    height: 30px;
  }

.header .headerBottom{
    display: grid;
    grid-template-columns: 20px 226px minmax(954px,1fr) 20px;
    grid-template-rows: 75px;
    background: #fff;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
  }

.header .headerBottom::before{
      content: '';
      grid-column: 1;
    }

.header .headerBottom::after{
      content: '';
      grid-column: 4;
    }

.header .menuFix{
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
  }

.header .logo{
    grid-column: 2;
    align-self: center;
  }

.header .gNav{
    grid-column: 3;
    align-self: center;
    justify-self: end;
  }

/* ==========================================================================
   gNav
========================================================================== */

.gNav ul{
    margin: 0;
    padding: 0;
    list-style: none;
  }

.gNav .pageNavPC{
    display: grid;
    grid-template-columns: 1fr 285px;
    grid-template-rows: auto;
    align-items: center;
  }

.gNav .pageNavPC .catList{
      grid-column: 1;
      justify-self: end;
      display: flex;
      align-items: center;
      gap:0 12px;
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 1.42;
      margin-right: 40px;
    }

.gNav .pageNavPC .catList a{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 15px;
        border: 1px solid #C6C3C3;
        border-radius: 6px;
        text-align: center;
      }

.gNav .pageNavPC .catList a span{
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

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

.gNav .pageNavPC .catList{
        margin-right: 20px
    }
        .gNav .pageNavPC .catList a{
          padding: 5px 10px;
        }
      }

.gNav .pageNavPC .btnLink{
      grid-column: 2;
      display: flex;
      align-items: center;
      gap:0 20px;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1;
    }

.gNav .pageNavPC .btnLink a{
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        height: 32px;
      }

.gNav .pageNavPC .btnLink li:nth-child(1){
        flex: 0 0 135px;
      }

.gNav .pageNavPC .btnLink li:nth-child(1) a{
          background: #4080C5;
        }

.gNav .pageNavPC .btnLink li:nth-child(1) a::before{
            content: '';
            width: 16px;
            height: 18px;
            background: url('../../img/menu_icon1.svg') no-repeat center center / contain;
            flex-shrink: 0;
            margin-right: 7px;
          }

.gNav .pageNavPC .btnLink li:nth-child(2){
        flex: 0 0 130px;
      }

.gNav .pageNavPC .btnLink li:nth-child(2) a{
          background: #B42D60;
        }

.gNav .pageNavPC .btnLink li:nth-child(2) a::before{
            content: '';
            width: 13px;
            height: 18px;
            background: url('../../img/menu_icon2.svg') no-repeat center center / contain;
            flex-shrink: 0;
            margin-right: 6px;
          }

.gNav .pageNavSP{
    display: none;
  }

/* ==========================================================================
   footer
========================================================================== */

.footer{
  background: #1E295E;
  background: var(--colorB);
  padding: 15px 0 10px;
}

.footer .footerNav ul{
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      justify-content: center;
      gap:0 50px;
      font-size: 1.4rem;
      line-height: 1;
    }

.footer .footerNav a{
      color: #fff;
    }

.footer .logo{
    margin-top: 99px;
    display: flex;
    justify-content: center;
    line-height: 1;
  }

.footer .copyright{
    margin-top: 108px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 300;
  }

/* ==========================================================================
   プライバシーポリシー
========================================================================== */

.privacy-policyPage{
  padding-bottom: 92px;
}

.privacy-policyPage .main{
    max-width: 1100px;
    margin: 0 auto;
  }

.privacy-policyPage ul,.privacy-policyPage ol{
    margin: 0;
    list-style: none;
    padding: 0;
  }

.privacy-policyPage p,.privacy-policyPage li{
    font-size: 1.6rem;
    line-height: 1.75;
    color: #151515;
  }

.privacy-policyPage .privacySec{
    margin-top: 22px;
  }

.privacy-policyPage .privacySec h2{
      font-size: 2rem;
      display: flex;
      align-items: center;
      background: #1E295E;
      background: var(--colorB);
      height: 50px;
      padding: 0 28px;
      color: #fff;
      margin-bottom: 30px;
    }

.privacy-policyPage .privacySec >* + *{
      margin-top: 12px;
    }

.privacy-policyPage .privacySec ol{
      counter-reset: my-counter;
    }

.privacy-policyPage .privacySec ol li{
        text-indent: -1.7em;
        margin-left: 1.7em;
      }

.privacy-policyPage .privacySec ol li::before{
          content: counter(my-counter)'.';
          counter-increment: my-counter;
          margin-right:.8em;
          
        }

.privacy-policyPage .privacySec ol li > ol{
        margin: 12px 0;
      }

.privacy-policyPage .privacySec .addr{
      font-style: normal;
      margin-top: 1.5em;
    }

/* ==========================================================================
   お問い合わせ
========================================================================== */

.contactPage{
  padding-bottom: 70px;
}

/* ==========================================================================
   Vietbizマッチングメディアとは
========================================================================== */

.servicePage .mv{
    min-height: 380px;
    padding: 80px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../../img/service_mv_bk.jpg') no-repeat center center / cover;
  }

.servicePage .mv .inner{
      max-width: 853px;
      padding: 50px;
      background: rgba(255,255,255,0.92);
    }

.servicePage .mv h2{
      font-size: 4rem;
      line-height: 1.45;
      font-weight: 700;
      color: #1E295E;
      margin-bottom: 20px;
    }

.servicePage .mv p{
      font-size: 1.5rem;
      letter-spacing: .25em;
      line-height: 1.86;
      justify-self: center;
    }

.servicePage .feature{
    max-width: 900px;
    margin: 122px auto 0;
  }

.servicePage .feature >h2{
      color: #1E295E;
      font-weight: 700;
      font-size: 3.9rem;
      line-height: 1.43;
      text-align: center;
      margin-bottom: 50px;
    }

.servicePage .feature ol{
      padding: 0;
      margin: 0;
      list-style: none;
    }

.servicePage .feature ol .featureBox{
        display: grid;
        grid-template-columns: 180px 1fr;
        grid-template-rows: minmax(180px,auto);
        grid-gap: 0 30px;
      }

.servicePage .feature ol .featureBox .img{
          grid-column: 1;
          grid-row: 1;
          display:grid;
          grid-template-rows: auto;
        }

.servicePage .feature ol .featureBox .img .num{
            grid-column: 1;
            grid-row: 1;
            z-index: 2;
            justify-self: start;
            align-self: start;
            font-size: 3rem;
            line-height: 1;
            color: #1E295E;
          }

.servicePage .feature ol .featureBox .img img{
            grid-column: 1;
            grid-row: 1;
            z-index: 1;
          }

.servicePage .feature ol .featureBox header{
          grid-column: 2;
          grid-row: 1;
          align-self: center;
        }

.servicePage .feature ol .featureBox header h2{
            color: #1E295E;
            font-weight: 700;
            font-size: 2rem;
            line-height: 1.65;
            letter-spacing: .3em;
          }

.servicePage .feature ol .featureBox header p{
            font-size: 1.5rem;
            line-height: 1.8;
            margin-top: 7px;
          }

.servicePage .feature ol li + li{
        margin-top: 20px;
      }

.servicePage .infoList{
    margin-top: 100px;
    padding: 75px 0 107px;
    background: url('../../img/info_list_bk_new.jpg') no-repeat center center / cover;
  }

.servicePage .infoList h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 4rem;
      line-height: 1.45;
      margin-bottom: 45px;
    }

.servicePage .infoList ul{
      max-width: 690px;
      margin: 0 auto;
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      gap:35px 0;
    }

.servicePage .infoList ul li{
        flex: 0 1 160px;
        list-style: none;
        font-size: 2rem;
        text-align: center;
        font-weight: 700;
        color: #1E295E;
        line-height: 1.65;
        position: relative;
      }

.servicePage .infoList ul li::before{
          content: '';
          width: 160px;
          height: 160px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          display: block;
          margin: 0 auto 10px;
        }

.servicePage .infoList ul li:nth-child(1){
        margin-right: 63px;
      }

.servicePage .infoList ul li:nth-child(1)::before{
          background-image: url('../../img/infolist1_new.png');
        }

.servicePage .infoList ul li:nth-child(2){
        margin-right: 41px;
        flex: 0 1 12em;
      }

.servicePage .infoList ul li:nth-child(2)::before{
          background-image: url('../../img/infolist2_new.png');
        }

.servicePage .infoList ul li:nth-child(3)::before{
          background-image: url('../../img/infolist3_new.png');
        }

.servicePage .infoList ul li:nth-child(4){
        flex: 0 1 10em;
        margin-right: 63px;
      }

.servicePage .infoList ul li:nth-child(4)::before{
          background-image: url('../../img/infolist4_new.png');
        }

.servicePage .infoList ul li:nth-child(5){
        flex: 0 1 10em;
        margin-right: 63px;
      }

.servicePage .infoList ul li:nth-child(5)::before{
          background-image: url('../../img/infolist5_new.png');
        }

.servicePage .infoList ul li:nth-child(6)::before{
          background-image: url('../../img/infolist6_new.png');
        }

.servicePage .atukau{
    padding: 70px 0 94px;
    background: url('../../img/atukau_bk.jpg') no-repeat center center / cover;
  }

.servicePage .atukau h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 4rem;
      line-height: 1.45;
      margin-bottom: 50px;
    }

.servicePage .atukau ul{
      max-width: 1100px;
      margin: 0 auto;
      list-style: none;
      padding: 0;
      display: grid;
      grid-template-columns: repeat(3,340px);
      grid-gap: 40px;
    }

.servicePage .atukau ul li{
        min-height: 100px;
        font-size: 1.8rem;
        line-height: 1.833;
        letter-spacing: .2em;
        color: #1E295E;
        font-weight: 700;
        background: #F3F5FE;
        border: 1px solid #9AA4D0;
        display: flex;
        align-items:center;
        padding: 0 10px 0 30px;
      }

.servicePage .atukau ul li::before{
          content: '';
          width: 75px;
          height: 75px;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          flex-shrink: 0;
          margin-right: 15px;
        }

.servicePage .atukau ul li:nth-child(1)::before{
          background-image: url('../../img/atukau_img1.png');
        }

.servicePage .atukau ul li:nth-child(2)::before{
          background-image: url('../../img/atukau_img2.png');
        }

.servicePage .atukau ul li:nth-child(3)::before{
          background-image: url('../../img/atukau_img3.png');
        }

.servicePage .atukau ul li:nth-child(4)::before{
          background-image: url('../../img/atukau_img4.png');
        }

.servicePage .atukau ul li:nth-child(5)::before{
          background-image: url('../../img/atukau_img5.png');
        }

.servicePage .atukau ul li:nth-child(6)::before{
          background-image: url('../../img/atukau_img6.png');
        }

.servicePage .atukau ul li:nth-child(7)::before{
          background-image: url('../../img/atukau_img7.png');
        }

.servicePage .atukau ul li:nth-child(8)::before{
          background-image: url('../../img/atukau_img8.png');
        }

.servicePage .atukau ul li:nth-child(9)::before{
          background-image: url('../../img/atukau_img9.png');
        }

.servicePage .atukau ul li:nth-child(10)::before{
          background-image: url('../../img/atukau_img10.png');
        }

.servicePage .atukau ul li:nth-child(11)::before{
          background-image: url('../../img/atukau_img11.png');
        }

.servicePage .atukau ul li:nth-child(12)::before{
          background-image: url('../../img/atukau_img12.png');
        }

.servicePage .atukau ul li:nth-child(13)::before{
          background-image: url('../../img/atukau_img13.png');
        }

.servicePage .atukau ul li:nth-child(14)::before{
          background-image: url('../../img/atukau_img14.png');
        }

.servicePage .atukau ul li:nth-child(15)::before{
          background-image: url('../../img/atukau_img15.png');
        }

.servicePage .atukau ul li:nth-child(16)::before{
          background-image: url('../../img/atukau_img16.png');
        }

.servicePage .atukau ul li:nth-child(17)::before{
          background-image: url('../../img/atukau_img17.png');
        }

.servicePage .atukau ul li:nth-child(18)::before{
          background-image: url('../../img/atukau_img18.png');
        }

.servicePage .atukau ul li:nth-child(19)::before{
          background-image: url('../../img/atukau_img19.png');
        }

.servicePage .atukau ul li:nth-child(20)::before{
          background-image: url('../../img/atukau_img20.png');
        }

.servicePage .atukau ul li:nth-child(21)::before{
          background-image: url('../../img/atukau_img21.png');
        }

.servicePage .faq{
    padding: 105px 0 100px;
    background:#F3F5FE;
  }

.servicePage .faq >h2{
      color: #1E295E;
      text-align: center;
      font-weight: 700;
      font-size: 4rem;
      line-height: 1.45;
      margin-bottom: 37px;
    }

.servicePage .faq .faqBox{
      max-width: 900px;
      margin: 0 auto;
    }

.servicePage .faq .faqBox header{
        border: 1px solid #707070;
        background: #fff;
        min-height: 102px;
        cursor:pointer;
        display: flex;
        align-items: center;
        padding: 5px 30px;
        color: #1E295E;
      }

.servicePage .faq .faqBox header:hover{
          opacity: .8;
        }

.servicePage .faq .faqBox header::before{
          content: 'Q';
          font-size: 4rem;
          margin-right: 27px;
          flex-shrink: 0;
        }

.servicePage .faq .faqBox header::after{
          content: '';
          width: 15px;
          height: 7px;
          background: url('../../img/faq_arrow.svg') no-repeat center center / contain;
          margin: 0 0 0 auto;
          flex-shrink: 0;
          transform-origin: center;
          transition: transform .2s linear;
        }

.servicePage .faq .faqBox header h2{
          font-size: 2rem;
          letter-spacing: .3em;
          line-height: 1.65;
          margin-right: 10px;
        }

.servicePage .faq .faqBox .open::after{
          transform: rotate(180deg);
        }

.servicePage .faq .faqBox .hideBox{
        border-bottom:1px solid #707070;
        border-left:1px solid #707070;
        border-right:1px solid #707070;
        background: #F8FAFF;
        padding: 20px 30px;
        display: none;
      }

.servicePage .faq .faqBox .hideBox .inner{
          display: flex;
          color: #1E295E;
        }

.servicePage .faq .faqBox .hideBox .inner::before{
            content: 'A';
            font-size: 4rem;
            margin-right: 27px;
            flex-shrink: 0;
          }

.servicePage .faq .faqBox .hideBox .inner p{
            font-size: 2rem;
            letter-spacing: .3em;
            line-height: 1.65;
          }

.servicePage .faq .faqBox + .faqBox{
      margin-top: 19px;
    }

/* ==========================================================================
   記事ページ
========================================================================== */

.postSingle{
  background: #F9F9F9;
  padding: 20px 0 70px;
}

.postSingle .pankuzu{
    max-width: 1140px;
    margin: 0 auto 48px;
  }

.postSingle .pankuzu ul{
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex;
      font-size: 1.3rem;
      line-height: 1;
      display: flex;
      color: #3C3B3B;
    }

.postSingle .pankuzu li:not(:last-child)::after{
        content: '＞';
        padding: 0 .5em;
      }

.postSingle .isSidebarMain{
    max-width: 1140px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 30px;
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 0 40px;
    align-items: start;
  }

.postSingle .postHeader{
    display: flex;
    flex-flow: row wrap;
    gap:10px 0;
    margin-bottom: 22px;
  }

.postSingle .postHeader h2{
      flex: 0 0 100%;
      font-size: 3.6rem;
      line-height: 1.38;
      font-weight: 700;
    }

.postSingle .postHeader .time{
      font-size: 1.4rem;
      line-height: 1;
      color: #777777;
      display: flex;
      align-items: center;
    }

.postSingle .postHeader .time::before{
        content: '';
        flex-shrink: 0;
        margin-right: 10px;
      }

.postSingle .postHeader .time1::before{
        width: 18px;
        height: 18px;
        background: url('../../img/time1.svg') no-repeat center center / contain;
      }

.postSingle .postHeader .time2{
      margin-left: 25px;
    }

.postSingle .postHeader .time2::before{
        width: 20px;
        height: 20px;
        background: url('../../img/time2.svg') no-repeat center center / contain;
      }

.postSingle .postHeader .cat{
      margin-left: 37px;
    }

.postSingle .postHeader .cat a{
        background: #1E295E;
        border-radius: 10px;
        color: #fff;
        font-weight: 700;
        font-size: 1.9rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 20px;
      }

.postSingle .summary{
    margin-top: 30px;
    border: 1px solid #1E295E;
    border-radius: 10px;
    padding: 28px 24px 24px 30px;
  }

.postSingle .summary h2{
      font-size: 2.6rem;
      line-height: 1;
      margin-bottom: 25px;
      display: flex;
      align-items: center;
      font-weight: 400;
    }

.postSingle .summary h2::before{
        content: '';
        background: url('../../img/summary.svg') no-repeat center center / contain;
        width: 35px;
        height: 31px;
        flex-shrink: 0;
        margin-right: 20px;
      }

.postSingle .summary ul{
      padding: 0;
      margin: 0;
      list-style: none;
      font-size: 1.6rem;
      line-height: 1.37;
    }

.postSingle .summary li{
      display: flex;
    }

.postSingle .summary li::before{
        content: '';
        background: url('../../img/circle_arrow.svg') no-repeat center top / contain;
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        margin-right: 6px;
      }

.postSingle .summary li + li{
      margin-top: 20px;
    }

.postSingle #ez-toc-container{
    margin-top: 30px;
    border: 1px solid #1E295E;
    border-radius: 10px;
    padding: 30px;
  }

.postSingle #ez-toc-container ul{
      list-style: none;
      padding: 0;
      margin: 0;
    }

.postSingle #ez-toc-container .ez-toc-title-container{
      display: flex;
      flex-flow: row-reverse;
      align-items: center;
      justify-content: flex-end;
    }

.postSingle #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle{
        background: url('../../img/table-of-contents.svg') no-repeat center center / contain;
        width: 35px;
        height: 20px;
      }

.postSingle #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle svg{
          display: none;
        }

.postSingle #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-icon-toggle-span{
          display: block;
          height: 100%;
        }

.postSingle #ez-toc-container .ez-toc-title-container .ez-toc-title {
        font-size: 2.6rem;
        margin-left: 20px;
      }

.postSingle #ez-toc-container nav{
      margin-top: 15px;
      font-size: 1.8rem;
      font-weight: 700;
    }

.postSingle #ez-toc-container nav >ul >li:first-child >a{
            margin-top: 0;
          }

.postSingle #ez-toc-container nav >ul >li >a{
            display: inline-flex;
            align-items: center;
          }

.postSingle #ez-toc-container nav >ul >li >a::before{
              content: '';
              width: 18px;
              height: 18px;
              background: url('../../img/mokuji.svg') no-repeat center center / contain;
              flex-shrink: 0;
              margin-right: 11px;
            }

.postSingle #ez-toc-container nav >ul >li >ul{
            padding-left: 29px;
          }

.postSingle #ez-toc-container nav >ul >li >ul ul{
              margin-top: 8px;
              padding-left: 29px;
            }

.postSingle #ez-toc-container nav >ul >li >ul a{
              display: inline-flex;
              align-items: center;
            }

.postSingle #ez-toc-container nav >ul >li >ul a::before{
                content: '';
                width: 20px;
                height: 1px;
                background: #C0D6ED;
                flex-shrink: 0;
                margin-right: 10px;
              }

.postSingle #ez-toc-container nav >ul li + li{
          margin-top: 8px;
        }

.postSingle .formWall{
    margin-top: 50px;
    background: #F5F5F5;
    border-radius: 7px;
    padding: 40px 30px;
  }

.postSingle .formWall >h2{
      text-align: center;
      font-size: 2.4rem;
      line-height: 1;
      margin-bottom: 27px;
    }

.postSingle .kanren{
    margin-top: 30px;
    border-top: 5px solid #285384;
    background: #F5F5F5;
    padding: 10px 14px 26px;
  }

.postSingle .kanren >h2{
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 1;
      margin-bottom: 20px;
      color: #285384;
    }

.postSingle .kanren .row{
      display: grid;
      grid-template-columns: repeat(2,350px);
      grid-gap: 0 12px;
    }

.postSingle .kanren .kanrenBox time{
        display: block;
        margin-top: 11px;
        font-weight: 500;
        font-size: 1.3rem;
        letter-spacing: .1em;
        color: #777777;
      }

.postSingle .kanren .kanrenBox .title{
        font-size: 1.6rem;
        line-height: 1.37;
        margin-top: 8px;
        font-weight: 400;
      }

/* ==========================================================================
   home
========================================================================== */

.homePage .fv{
    min-height: 428px;
    background: url('../../img/home_fv.jpg') no-repeat center center / cover;
    padding: 32px 0;
    display: flex;
    justify-content: center;
  }

.homePage .fv .fvRow{
      background: #fff;
      padding: 20px;
      display: flex;
      justify-content: center;
      gap: 0 21px;
    }

.homePage .fv .fvBox{
      width: 332px;
    }

.homePage .fv .fvBox a{
        display: block;
        overflow: hidden;
      }

.homePage .fv .fvBox h2{
        margin-top: 12px;
        min-height: 2.75em;
        font-size: 1.6rem;
        line-height: 1.37;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

.homePage .fv .fvBox .data{
        margin-top: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
        gap:10px 0;
      }

.homePage .fv .fvBox .data time{
          font-size: 1.6rem;
          color: #777777;
          line-height: 1;
        }

.homePage .fv .fvBox .data .cat{
          background: #1E295E;
          border-radius: 12px;
          color: #fff;
          font-weight: 500;
          font-size: 1.4rem;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          min-height: 25px;
          padding: 0 17px;
          text-align: center;
        }

.homePage .listLayout{
    margin-top: 60px;
  }

/* ==========================================================================
   一覧ページ
========================================================================== */

.archivePage .listLayout{
    margin-top: 57px;
  }

/* ==========================================================================
   end
========================================================================== */

@media only screen and (max-width: 767px) {
  html{
    font-size: 2.5641vw;
  }
body {
  min-width: 0;
	width:100%;
  font-size: 1.4rem;
}
img{
	width: 100%;
}
.spShow{
	display: inline-block;
}
.pcShow{
	display: none;
}
.container{
	display: grid;
	min-height: 100vh;
	grid-template-columns: 100%;
  grid-template-rows: 28.20513vw 1fr auto;
}
.anchor{
	display: block;
	padding-top: 23.07692vw;
	margin-top: -23.07692vw;
}
/* ==========================================================================
   ヘッダー
========================================================================== */
.header{
  min-width: 0;
}
  .header .headerText{
    width:100%; 
    padding: 0;
    margin: 0;
    text-align: center;
    justify-content: center;
    height: 8.97436vw;
    line-height: 1.25;
    text-align: center;
  }
  .header .headerBottom{
    display: grid;
    grid-template-columns: 14.35897vw 1fr 14.35897vw;
    grid-template-rows: 19.23077vw;
    border-bottom: 0.25641vw solid #EEEEEE;
  }
    .header .headerBottom::before{
      content: '';
      grid-column: 1;
    }
    .header .headerBottom::after{
      display: none;
    }
  
  .header .logo{
    grid-column: 2;
    align-self: center;
    justify-self: center;
  }
    .header .logo img{
      width: 38.46154vw;
    }
  .header .gNav{
    grid-column: 1 / 3;
  }
  .header .menuBtn{
    grid-column: 3;
    align-self: start;
    align-self: center;
  }
    .header .menuBtn button{
      width: 8.46154vw;
      height: 2.82051vw;
      display: grid;
      grid-template-rows: auto 1fr;
      line-height: 1;
    }
      .header .menuBtn button span{
        width: 100%;
        height: 0.25641vw;
        background: #707070;
      }
      .header .menuBtn button .line1{
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        justify-self: center;
        transition: rotate .2s linear;
      }
      .header .menuBtn button .line2{
        grid-column: 1;
        grid-row: 2;
        align-self: end;
        justify-self: center;
        transition: rotate .2s linear;
      }
    .header .menuBtn .menuBtnOpen{
      height: 4.35897vw;
    }
      .header .menuBtn .menuBtnOpen .line1{
        align-self: start;
        transform-origin: left;
        rotate: 30deg;
      }
      .header .menuBtn .menuBtnOpen .line2{
        align-self: end;
        transform-origin: left;
        rotate: -30deg;
      }

/* ==========================================================================
   gNav
========================================================================== */
.gNav{
  display: none;
  align-items: center;
  justify-content:center;
  position: absolute;
  top: 19.23077vw;
  left: 0;
  width: 100vw;
  height: calc(100svh - 19.23077vw);
  overflow-y: auto;
  overscroll-behavior-y: none;
  background: #1E295E;
  background: var(--colorB);
}
  .gNav .pageNavPC{
    display: none;
  }
  .gNav .pageNavSP{
    padding: 19.23077vw 0;
    margin: auto;
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    gap:10.25641vw 0;
    font-size: 2rem;
    letter-spacing: 0.1em;
    font-weight: 300;
    line-height: 1;
  }
    .gNav .pageNavSP a{
      color: #fff;
    }
        .gNav .pageNavSP li:not(.privacy) a::after{
          content: attr(data-en);
          display: block;
          font-size: 1.2rem;
          letter-spacing: .3em;
          margin-top: 10px;
        }
    .gNav .pageNavSP .privacy{
      margin-top: 12.82051vw;
    }
.navOpen{
  display: flex;
  animation: menuFadeIn .4s 1 0s linear forwards;
}
.navClose{
  animation: menuFadeOut .4s 1 0s ease-out forwards;
}
/* ==========================================================================
   footer
========================================================================== */
.footer{
  background: #1E295E;
  background: var(--colorB);
  padding: 4.61538vw 0;
}
    .footer .footerNav ul{
      gap:0 4.87179vw;
      font-size: 1.3rem;
      font: 600;
    }
  .footer .logo{
    margin-top: 25.38462vw;
  }
    .footer .logo img{
      width: 37.4359vw;
    }
  .footer .copyright{
    margin-top: 21.28205vw;
    line-height: 1.41;
  }
/* ==========================================================================
   プライバシーポリシー
========================================================================== */
.privacy-policyPage{
  padding-bottom: 13.33333vw;
}
  .privacy-policyPage .main{
    max-width: 92.82051vw;
  }
  .privacy-policyPage .privacySec{
    margin-top: 5.64103vw;
  }
    .privacy-policyPage .privacySec h2{
      font-size: 1.8rem;
      height: 12.82051vw;
      padding: 0 4.61538vw;
      margin-bottom: 7.69231vw;
    }
    .privacy-policyPage .privacySec >* + *{
      margin-top: 3.07692vw;
    }
      .privacy-policyPage .privacySec ol li > ol{
        margin: 3.07692vw 0;
      }
/* ==========================================================================
   お問い合わせ
========================================================================== */
.contactPage{
  padding-bottom: 17.94872vw;
}
/* ==========================================================================
   Vietbizマッチングメディアとは
========================================================================== */
  .servicePage .mv{
    padding: 7.69231vw 0;
    min-height: calc(100svh - 26.92308vw);
    background: url('../../img/sp_service_mv_bk.jpg') no-repeat center center / cover;
    margin: 0;
  }
    .servicePage .mv .inner{
      max-width: 89.74359vw;
      height: 107.4359vw;
      background: rgba(255,255,255,0.92);
      padding: 13.84615vw 3.84615vw 18.46154vw;
    }
    .servicePage .mv h2{
      line-height: 1.45;
      margin-bottom: 5.12821vw;
    }
    .servicePage .mv p{
      width: 82.05128vw;
      text-align: justify;
    }
  .servicePage .feature{
    max-width:none;
    margin: 17.94872vw auto 0;
  }
    .servicePage .feature >h2{
      font-size: 3.4rem;
      margin-bottom: 11.28205vw;
    }
    .servicePage .feature ol{
      width:  89.74359vw;
      margin: 0 auto;
    }
      .servicePage .feature ol .featureBox{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto 1fr;
        grid-gap: 2.5641vw 0;
      }
        .servicePage .feature ol .featureBox .img{
          grid-column: 1;
          grid-row: 1;
          width: 46.15385vw;
          justify-self: center;
          margin-bottom: 2.5641vw;
        }
        .servicePage .feature ol .featureBox header{
          grid-column: 1;
          grid-row: 2;
          align-self: start;
        }
          .servicePage .feature ol .featureBox header h2{
            line-height: 1.35;
          }
          .servicePage .feature ol .featureBox header p{
            line-height: 1.6;
            margin-top: 2.5641vw;
          }
      .servicePage .feature ol li + li{
        margin-top: 15.12821vw;
      }
  .servicePage .infoList{
    margin-top: 22.82051vw;
    padding: 17.94872vw 0 25.64103vw;
  }
    .servicePage .infoList h2{
      font-size: 3.4rem;
      margin-bottom: 21.02564vw;
    }
    .servicePage .infoList ul{
      max-width: 89.74359vw;
      margin: 0 auto;
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      gap:7.69231vw 0;
    }
      .servicePage .infoList ul li{
        flex: 0 1 41.02564vw;
        font-size: 5.12821vw;
        line-height: 1.35;
      }
        .servicePage .infoList ul li::before{
          width: 41.02564vw;
          height: 41.02564vw;
          margin: 0 auto 2.5641vw;
        }
      .servicePage .infoList ul li:nth-child(1){
        margin-right: 0;
      }
        .servicePage .infoList ul li:nth-child(1)::before{
          background-image: url('../../img/infolist1_new@2x.png');
        }
      .servicePage .infoList ul li:nth-child(2){
        margin-right: 0;
        flex: 0 1 41.02564vw;
      }
        .servicePage .infoList ul li:nth-child(2)::before{
          background-image: url('../../img/infolist2_new@2x.png');
        }
      .servicePage .infoList ul li:nth-child(3){
        margin-right: 0;
      }
        .servicePage .infoList ul li:nth-child(3)::before{
          background-image: url('../../img/infolist3_new@2x.png');
        }
      .servicePage .infoList ul li:nth-child(4){
        margin-right: 0;
        flex: 0 1 41.02564vw;
      }
        .servicePage .infoList ul li:nth-child(4)::before{
          background-image: url('../../img/infolist4_new@2x.png');
        }
      .servicePage .infoList ul li:nth-child(5){
        flex: 0 1 41.02564vw;
        margin-right: 0;
      }
        .servicePage .infoList ul li:nth-child(5)::before{
          background-image: url('../../img/infolist5_new@2x.png');
        }
      .servicePage .infoList ul li:nth-child(6){
        margin-right: 0;
      }
        .servicePage .infoList ul li:nth-child(6)::before{
          background-image: url('../../img/infolist6_new@2x.png');
        }
  .servicePage .atukau{
    padding: 17.94872vw 0 25.64103vw;
    background: url('../../img/sp_atukau_bk.jpg') no-repeat center center / cover;
  }
    .servicePage .atukau h2{
      font-size: 3.4rem;
      margin-bottom: 12.82051vw;
    }
    .servicePage .atukau ul{
      max-width: 94.87179vw;
      grid-template-columns: repeat(2,46.15385vw);
      grid-gap: 2.5641vw;
    }
      .servicePage .atukau ul li{
        min-height: 25.64103vw;
        font-size: 1.6rem;
        line-height: 1.31;
        letter-spacing: .1em;
        border: 0.25641vw solid #9AA4D0;
        padding: 0 2.5641vw 0 2.5641vw;
      }
        .servicePage .atukau ul li::before{
          width: 19.23077vw;
          height: 19.23077vw;
          margin-right: 2.05128vw;
        }
        .servicePage .atukau ul li:nth-child(1)::before{
          background-image: url('../../img/atukau_img1@2x.png');
        }
        .servicePage .atukau ul li:nth-child(2)::before{
          background-image: url('../../img/atukau_img2@2x.png');
        }
        .servicePage .atukau ul li:nth-child(3)::before{
          background-image: url('../../img/atukau_img3@2x.png');
        }
        .servicePage .atukau ul li:nth-child(4)::before{
          background-image: url('../../img/atukau_img4@2x.png');
        }
        .servicePage .atukau ul li:nth-child(5)::before{
          background-image: url('../../img/atukau_img5@2x.png');
        }
        .servicePage .atukau ul li:nth-child(6)::before{
          background-image: url('../../img/atukau_img6@2x.png');
        }
        .servicePage .atukau ul li:nth-child(7)::before{
          background-image: url('../../img/atukau_img7@2x.png');
        }
        .servicePage .atukau ul li:nth-child(8)::before{
          background-image: url('../../img/atukau_img8@2x.png');
        }
        .servicePage .atukau ul li:nth-child(9)::before{
          background-image: url('../../img/atukau_img9@2x.png');
        }
        .servicePage .atukau ul li:nth-child(10)::before{
          background-image: url('../../img/atukau_img10@2x.png');
        }
        .servicePage .atukau ul li:nth-child(11)::before{
          background-image: url('../../img/atukau_img11@2x.png');
        }
        .servicePage .atukau ul li:nth-child(12)::before{
          background-image: url('../../img/atukau_img12@2x.png');
        }
        .servicePage .atukau ul li:nth-child(13)::before{
          background-image: url('../../img/atukau_img13@2x.png');
        }
        .servicePage .atukau ul li:nth-child(14)::before{
          background-image: url('../../img/atukau_img14@2x.png');
        }
        .servicePage .atukau ul li:nth-child(15)::before{
          background-image: url('../../img/atukau_img15@2x.png');
        }
        .servicePage .atukau ul li:nth-child(16)::before{
          background-image: url('../../img/atukau_img16@2x.png');
        }
        .servicePage .atukau ul li:nth-child(17)::before{
          background-image: url('../../img/atukau_img17@2x.png');
        }
        .servicePage .atukau ul li:nth-child(18)::before{
          background-image: url('../../img/atukau_img18@2x.png');
        }
        .servicePage .atukau ul li:nth-child(19)::before{
          background-image: url('../../img/atukau_img19@2x.png');
        }
        .servicePage .atukau ul li:nth-child(20)::before{
          background-image: url('../../img/atukau_img20@2x.png');
        }
        .servicePage .atukau ul li:nth-child(21)::before{
          background-image: url('../../img/atukau_img21@2x.png');
        }
  .servicePage .faq{
    background: #F5F5F5;
    padding: 17.94872vw 0 25.64103vw;
  }
    .servicePage .faq >h2{
      font-size: 3.4rem;
      margin-bottom: 12.82051vw;
    }
    .servicePage .faq .faqBox{
      max-width: 94.87179vw;
    }
      .servicePage .faq .faqBox header{
        border: 0.25641vw solid #707070;
        background: #fff;
        min-height: 26.15385vw;
        cursor:pointer;
        display: flex;
        align-items: center;
        padding: 3.07692vw 4.87179vw 3.07692vw 3.84615vw;
      }
        .servicePage .faq .faqBox header::before{
          margin-right: 3.58974vw;
        }
        .servicePage .faq .faqBox header::after{
          width: 3.84615vw;
          height: 1.79487vw;
        }
        .servicePage .faq .faqBox header h2{
          font-size: 1.8rem;
          letter-spacing: .1em;
          line-height: 1.38;
          margin-right: 2.5641vw;
        }
      .servicePage .faq .faqBox .hideBox{
        border-bottom:0.25641vw solid #707070;
        border-left:0.25641vw solid #707070;
        border-right:0.25641vw solid #707070;
        background: #F8FAFF;
        padding: 3.84615vw 3.84615vw 3.84615vw 3.07692vw;
        display: none;
      }
          .servicePage .faq .faqBox .hideBox .inner::before{
            font-size: 10.25641vw;
            margin-right: 3.58974vw;
          }
          .servicePage .faq .faqBox .hideBox .inner p{
            font-size: 1.8rem;
            letter-spacing: .1em;
            line-height: 1.38;
          }
    .servicePage .faq .faqBox + .faqBox{
      margin-top: 5.12821vw;
    }
/* ==========================================================================
   記事ページ
========================================================================== */
.postSingle{
  padding: 5.12821vw 0 17.94872vw;
}
  .postSingle .pankuzu{
    max-width: 94.87179vw;
    margin: 0 auto 4.61538vw;
  }
    .postSingle .pankuzu ul{
      display: block;
      line-height: 1.46;
      letter-spacing: -.02em;
    }
    .postSingle .pankuzu li{
      display: inline;
    }
  .postSingle .isSidebarMain{
    max-width: 94.87179vw;
    padding: 7.69231vw 2.5641vw;
    display: block;
  }
  .postSingle .postHeader{
    gap:0;
    margin-bottom: 5.12821vw;
  }
    .postSingle .postHeader h2{
      font-size: 2.8rem;
      line-height: 1.42;
      margin-bottom: 2.5641vw;
    }
      .postSingle .postHeader .time::before{
        margin-right: 2.5641vw;
      }
      .postSingle .postHeader .time1::before{
        width: 4.61538vw;
        height: 4.61538vw;
      }
    .postSingle .postHeader .time2{
      margin-left: 6.41026vw;
    }
      .postSingle .postHeader .time2::before{
        width: 5.12821vw;
        height: 5.12821vw;
      }
    .postSingle .postHeader .cat{
      flex: 0 0 100%;
      margin:5.12821vw 0 0 0;
    }
      .postSingle .postHeader .cat a{
        background: #1E295E;
        border-radius: 2.5641vw;
        min-height: 9.74359vw;
        padding: 1.02564vw 5.12821vw;
      }
  .postSingle .summary{
    margin-top: 7.69231vw;
    border: 0.25641vw solid #1E295E;
    border-radius: 10px;
    padding: 9.74359vw 6.15385vw 6.15385vw 7.69231vw;
  }
    .postSingle .summary h2{
      margin-bottom: 6.41026vw;
    }
      .postSingle .summary h2::before{
        width: 8.97436vw;
        height: 7.94872vw;
        margin-right: 5.12821vw;
      }
      .postSingle .summary li::before{
        width: 5.12821vw;
        height: 5.12821vw;
        margin-right: 1.53846vw;
      }
    .postSingle .summary li + li{
      margin-top: 5.12821vw;
    }
  .postSingle #ez-toc-container{
    margin-top: 30px;
    border: 1px solid #1E295E;
    border-radius: 10px;
    padding: 30px;
  }
    .postSingle #ez-toc-container ul{
      list-style: none;
      padding: 0;
      margin: 0;
    }
      .postSingle #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle{
        width: 8.97436vw;
        height: 5.12821vw;
      }
      .postSingle #ez-toc-container .ez-toc-title-container .ez-toc-title {
        margin-left: 5.12821vw;
      }
    .postSingle #ez-toc-container nav{
      margin-top: 3.84615vw;
      font-size: 1.8rem;
      font-weight: 700;
    }
            .postSingle #ez-toc-container nav >ul >li >a::before{
              width: 4.61538vw;
              height: 4.61538vw;
              margin-right: 2.82051vw;
            }
          .postSingle #ez-toc-container nav >ul >li >ul{
            margin-top: 2.05128vw;
            padding-left: 7.4359vw;
          }
            .postSingle #ez-toc-container nav >ul >li >ul ul{
              padding-left: 7.4359vw;
            }
            .postSingle #ez-toc-container nav >ul >li >ul a{
              align-items: flex-start;
            }
              .postSingle #ez-toc-container nav >ul >li >ul a::before{
                margin-top: .6em;
                width: 5.12821vw;
                height: 0.25641vw;
                margin-right: 2.5641vw;
              }
      .postSingle #ez-toc-container nav li + li{
        margin-top: 2.05128vw;
      }
  .postSingle .formWall{
    margin-top: 7.69231vw;
    border-radius: 1.28205vw;
    padding: 10.25641vw 2.5641vw;
  }
    .postSingle .formWall >h2{
      margin-bottom: 6.92308vw;
    }
  .postSingle .kanren{
    margin-top: 12.82051vw;
    border-top: 1.28205vw solid #285384;
    background: #F5F5F5;
    padding: 3.33333vw 2.94872vw 22.5641vw;
  }
    .postSingle .kanren >h2{
      margin-bottom: 5.12821vw;
    }
    .postSingle .kanren .row{
      display: grid;
      grid-template-columns: repeat(2,39.74359vw);
      grid-gap: 0 4.35897vw;
    }
      .postSingle .kanren .kanrenBox time{
        margin-top: 2.82051vw;
      }
      .postSingle .kanren .kanrenBox .title{
        margin-top: 2.05128vw;
      }
  .postSingle .sideBar{
    display: none;
  }
/* ==========================================================================
   home
========================================================================== */
  .homePage .fv{
    min-height: 0;
    background: url('../../img/sp_home_fv.jpg') no-repeat center center / cover;
    padding: 9.48718vw 0;
  }
    .homePage .fv .fvRow{
      background: #fff;
      padding: 5.12821vw;
      display: block;
    }
    .homePage .fv .fvBox{
      width: 64.35897vw;
    }
      .homePage .fv .fvBox h2{
        margin-top: 2.5641vw;
        min-height: 0;
      }
      .homePage .fv .fvBox .data{
        margin-top: 2.05128vw;
        display: block;
      }
        .homePage .fv .fvBox .data time{
          display: block;
        }
        .homePage .fv .fvBox .data .cat{
          margin-top: 1.79487vw;
          border-radius: 3.07692vw;
          min-height: 6.41026vw;
          padding: 0.51282vw 4.35897vw;
        }
    .homePage .fv .fvBox + .fvBox{
      margin-top: 5.12821vw;
    }
  .homePage .listLayout{
    margin-top: 12.05128vw;
  }
/*end*/
}

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

}