@charset "UTF-8";
/*foundation*/
/******************************************************************************
 Default CSS Reset
******************************************************************************/
html, body {
  position: relative; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  table-layout: fixed; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500; }

img {
  vertical-align: bottom;
  /* chormeで画像のぼやけ回避 */
  -webkit-backface-visibility: hidden; }

/* iOSでのデフォルトスタイルをリセット */
input, button, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type='checkbox'], input[type='radio'] {
  display: none; }

input[type='submit'], input[type='button'], label, button, select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

/******************************************************************************
 General Setting
******************************************************************************/
body {
  margin: 0 auto;
  padding: 0;
  font-family: "Noto Sans JP","游ゴシック",YuGothic,"Yu Gothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Sans", "メイリオ",Meiryo,sans-serif;
  color: #333333;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.7;
  font-weight: 500; }

@media screen and (max-width: 1024px) {
  body {
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 1.5; } }
a {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP","游ゴシック",YuGothic,"Yu Gothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Sans", "メイリオ",Meiryo,sans-serif;
  color: #333;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


a:focus, *:focus {
  outline: none; }

button:hover,a:hover,a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/*component*/
/******************************************************************************
 Font
******************************************************************************/

.c-gelasio {
  font-family: 'Gelasio', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }

.c-notoSans { 
	font-family: "Noto Sans JP","游ゴシック",YuGothic,"Yu Gothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Sans", "メイリオ",Meiryo,sans-serif;}
	

	.c-Kaisei {
		font-family: 'Kaisei HarunoUmi', serif;
	}
.c-tCenter {
  text-align: center; }

.c-tLeft {
  text-align: left; }
@media screen and (max-width: 768px) {
.c-tLeftS {
  text-align: left; }
}
.c-tRight {
  text-align: right; }

.c-tWeight300 {
  font-weight: 300; }

.c-tWeight400 {
  font-weight: 400; }

.c-tWeight500 {
  font-weight: 500; }

.c-tWeight600 {
  font-weight: 600; }

.c-tWeight700 {
  font-weight: 700; }

.c-tSmall {
  font-size: 0.875em; }

.lineHeightM {
  line-height: 3em; }

.lineHeight2 {
  line-height: 2em; }
@media screen and (max-width: 768px) {
.lineHeight1S {
  line-height: 1em; }
}
.lineHeight1 {
  line-height: 1; }

.c-fontsize10 {
  font-size: 0.625em;
  /*10*/ }

.c-fontsize11 {
  font-size: 0.68em;
  /*11*/ }

.c-fontsize12 {
  font-size: 0.75em;
  /*12*/ }
  
.c-fontsize13 {
 font-size: 0.812em;
 /*13*/ }

.c-fontsize14 {
  font-size: 0.87em;
  /*14*/ }

.c-fontSize15 {
  font-size: 0.938em;
  /*15*/ }

.c-fontSize18 {
  font-size: 1.12em;
  /*18*/ }

.c-fontSize19 {
  font-size: 1.188em;
  /*19*/ }

.c-fontSize20 {
  font-size: 1.25em;
  /*20*/ }

.c-fontSize22 {
  font-size: 1.375em;
  /*22*/ }

.c-fontSize23 {
  font-size: 1.438em;
  /*23*/ }

.c-fontSize24 {
  font-size: 1.5em;
  /*24*/ }

.c-fontSize26 {
  font-size: 1.625em;
  /*26*/ }

.c-fontSize30 {
  font-size: 1.875em;
  /*30*/ }

.c-fontSize32 {
  font-size: 2em;
  /*32*/ }

.c-fontSize35 {
  font-size: 2.187em;
  /*35*/ }

.c-fontSize40 {
  font-size: 2.5em;
  /*40*/ }

@media screen and (max-width: 1024px) {
  .c-fontSize20M {
    font-size: 2vw;
    /*26*/ }

  .c-fontSize26M {
    font-size: 2.54vw;
    /*26*/ } }
@media screen and (max-width: 768px) {
  .c-fontsize10S {
    font-size: 0.714em;
    /*10*/ }

  .c-fontsize12S {
    font-size: 0.857em;
    /*12*/ }

  .c-fontsize13S {
    font-size: 0.929em;
    /*13*/ }

  .c-fontsize14S {
    font-size: 1em;
    /*14*/ }

  .c-fontsize16S {
    font-size: 1.143em;
    /*16*/ }

  .c-fontsize18S {
    font-size: 1.285em;
    /*18*/ }

  .c-fontsize20S {
    font-size: 1.429em;
    /*20*/ }

  .c-fontsize24S {
    font-size: 1.714em;
    /*24*/ } }
@media screen and (max-width: 374px) {
  .c-fontsize12S {
    font-size: 3.21vw;
    /*12*/ }

  .c-fontsize13S {
    font-size: 3.48vw;
    /*13*/ }

  .c-fontsize14S {
    font-size: 3.74vw;
    /*14*/ }

  .c-fontsize16S {
    font-size: 4.28vw;
    /*16*/ } }
	h2 {
		font-family: 'Gelasio', serif;
		font-size: clamp(35px ,9vw, 88px);
		letter-spacing: 0.06em;
		line-height: initial;
		line-height: .75em;
	}

/******************************************************************************
 Fontcolor
******************************************************************************/

.c-fontColorWhite {
  color: #fff; }
.c-fontColorGrey {
	color: #e4e4e4;
}
.c-fontColorOrange {
	color: #f97818;
}
.c-fontColorBlue {
	color: #133776;
}



/******************************************************************************
 Margin
******************************************************************************/
.c-mCenter {
  margin: 0 auto; }

.c-space10 {
  margin-bottom: 0.62em;
  /*10*/ }

.c-space20 {
  margin-bottom: 1.25em;
  /*20*/ }

.c-space25 {
  margin-bottom: 1.563em;
  /*25*/ }

.c-space30 {
  margin-bottom: 1.875em;
  /*30*/ }

.c-space50 {
  margin-bottom: 3.125em;
  /*50*/ }

.c-space70 {
  margin-bottom: 4.375em;
  /*70*/ }

.c-space120 {
  margin-bottom: 7.5em;
  /*120*/ }

.c-spaceTop10 {
  margin-top: 0.62em;
  /*10*/ }

.c-spaceTop20 {
  margin-top: 1.25em;
  /*20*/ }

.c-spaceTop50 {
	margin-top: 3.125em;
	/*20*/ }
.c-spaceTop120 {
  margin-top: 7.5em;
  /*120*/ }

.c-spaceRight3 {
  margin-right: 3%; }

@media screen and (max-width: 768px) {
.c-space10s {
  margin-bottom: 0.62em;
  /*10*/ } 
.c-space20s {
  margin-bottom: 1.25em;
  /*20*/ } 
}
@media screen and (max-width: 768px) {
  .c-mCenterS {
    margin: 0 auto; } 
}
/******************************************************************************
 Padding
******************************************************************************/
.c-Space8 {
  padding: 0.5em;
  /*8*/ }
.c-TinnerSpace5 {
  padding-top: 0.313em;
  /*5*/ }

.c-TinnerSpace10 {
  padding-top: 0.62em;
  /*10*/ }

.c-TinnerSpace15 {
  padding-top: 0.937em;
  /*15*/ }

.c-TinnerSpace20 {
  padding-top: 1.25em;
  /*20*/ }

.c-TinnerSpace25 {
  padding-top: 1.563em;
  /*25*/ }

.c-TinnerSpace30 {
  padding-top: 1.875em;
  /*30*/ }

.c-TinnerSpace40 {
  padding-top: 2.5em;
  /*40*/ }

.c-TinnerSpace45 {
  padding-top: 2.813em;
  /*45*/ }

.c-TinnerSpace50 {
  padding-top: 3.125em;
  /*50*/ }

.c-TinnerSpace60 {
  padding-top: 3.75em;
  /*60*/ }

.c-TinnerSpace70 {
  padding-top: 4.375em;
  /*70*/ }

.c-TinnerSpace80 {
  padding-top: 5em;
  /*80*/ }

.c-TinnerSpace90 {
  padding-top: 5.625em;
  /*90*/ }

.c-TinnerSpace120 {
  padding-top: 7.5em;
  /*120*/ }

.c-UinnerSpace5 {
  padding-bottom: 0.313em;
  /*5*/ }

.c-UinnerSpace10 {
  padding-bottom: 0.62em;
  /*10*/ }

.c-UinnerSpace15 {
  padding-bottom: 0.937em;
  /*15*/ }

.c-UinnerSpace20 {
  padding-bottom: 1.25em;
  /*20*/ }

.c-UinnerSpace25 {
  padding-bottom: 1.563em;
  /*25*/ }

.c-UinnerSpace30 {
  padding-bottom: 1.875em;
  /*30*/ }

.c-UinnerSpace35 {
  padding-bottom: 2.187em;
  /*35*/ }

.c-UinnerSpace40 {
  padding-bottom: 2.5em;
  /*40*/ }

.c-UinnerSpace45 {
  padding-bottom: 2.813em;
  /*45*/ }

.c-UinnerSpace50 {
  padding-bottom: 3.125em;
  /*50*/ }

.c-UinnerSpace60 {
  padding-bottom: 3.75em;
  /*60*/ }

.c-UinnerSpace80 {
  padding-bottom: 5em;
  /*80*/ }

.c-UinnerSpace100 {
  padding-bottom: 6.25em;
  /*100*/ }

.c-UinnerSpace110 {
  padding-bottom: 6.875em;
  /*110*/ }

.c-UinnerSpace120 {
  padding-bottom: 7.5em;
  /*120*/ }

.c-linnerSpace5 {
  padding-left: 5%;
  /*5*/ }

.c-linnerSpace32 {
  padding-left: 32%;
  /*32*/ }

.c-linnerSpace10P {
  padding-left: 0.7em;
  /*10*/ }

.c-linnerSpace20P {
  padding-left: 1.3em;
  /*20*/ }

.c-linnerSpace32P {
  padding-left: 2em;
  /*32*/ }

@media screen and (max-width: 1024px) {
  .c-TinnerSpace50M {
    padding-top: 3.125em;
    /*50*/ }

  .c-UinnerSpace50M {
    padding-bottom: 3.125em;
    /*50*/ } }
@media screen and (max-width: 768px) {
  .c-linnerSpace0S {
    padding-left: 0%;
    /*0*/ }

  .c-TinnerSpace0S {
    padding-top: 0em;
    /*0*/ }

  .c-TinnerSpace10S {
    padding-top: 0.714em;
    /*10*/ }

  .c-TinnerSpace15S {
    padding-top: 1.071em;
    /*15*/ }

  .c-TinnerSpace20S {
    padding-top: 1.429em;
    /*20*/ }

  .c-TinnerSpace25S {
    padding-top: 1.786em;
    /*25*/ }

  .c-TinnerSpace30S {
    padding-top: 2.142em;
    /*30*/ }

  .c-TinnerSpace45S {
    padding-top: 3.214em;
    /*45*/ }

  .c-TinnerSpace60S {
    padding-top: 4.286em;
    /*60*/ }

  .c-UinnerSpace0S {
    padding-bottom: 0em;
    /*0*/ }

  .c-UinnerSpace10S {
    padding-bottom: 0.714em;
    /*10*/ }

  .c-UinnerSpace15S {
    padding-bottom: 1.071em;
    /*15*/ }

  .c-pUinnerSpace20S {
    padding-bottom: 1.429em;
    /*20*/ }

  .c-UinnerSpace20S {
    padding-bottom: 1.429em;
    /*20*/ }

  .c-UinnerSpace25S {
    padding-bottom: 1.786em;
    /*25*/ }
	
  .c-UinnerSpace30S {
    padding-bottom: 1.875em;
    /*25*/ }

  .c-UinnerSpace45S {
    padding-bottom: 3.214em;
    /*45*/ }

  .c-UinnerSpace50S {
    padding-bottom: 3.571em;
    /*50*/ }

  .c-UinnerSpace60S {
    padding-bottom: 4.286em;
    /*60*/ }

  .c-linnerSpace5S {
    padding-left: 5%;
    /*5*/ } }


	/*==========================================
 layout
===========================================*/
.l-L-inner {
	width: min(1200px,90%);
	margin-inline: auto;
}
.l-M-inner {
	width: min(1000px,100%);
	margin-inline: auto;
}
.l-S-inner {
	width: min(800px,100%);
	margin-inline: auto;
}

/******************************************************************************
 Bg
******************************************************************************/
.c-bgColor-lightBlue {
	background-color: #e3e8f1;
}
.c-LPbgColor-lightBlue {
	background-color: #f2faff;
}
/*==========================================
 button
===========================================*/
.l-header-btn {
	display: grid;
    background: rgb(252,140,49);
    background: linear-gradient(90deg, rgba(252,140,49,1) 0%, rgba(248,111,0,1) 100%);
    font-size: clamp(14px , 3vw, 16px);
    padding: 1em;
    border-radius: 20px;
    grid-template-columns: auto auto;
    align-items: center;
}
@media screen and (max-width: 768px) {
	.l-header-btn {
		padding: .5em;
	}
}
.l-header-btn a {
	color: #123471;
}
  
.l-site-link-btn{
	display: inline-block;
    color: #123471;
    border: 2px solid #123471;
    padding: .7em 3em;
    border-radius: 40px;
	position: relative;
	margin-bottom: 1em;
}
.fa-solid.fa-chevron-right::before{
	position: absolute;
	transform: translateY(-50%);
    top: 50%;
	right:15px;
}
.p-confilm-btn {
	color: #fff;
	background: linear-gradient(90deg, rgba(252,140,49,1) 0%, rgba(248,111,0,1) 100%);
	color: #fff;
    display: block;
    padding:.5em 4em;
    border-radius: 30px;
	width: min(430px,100%);
	margin-inline: auto;
	position: relative;
	font-size: 1.2em;
	text-align: center;
}
.fa-solid.fa-circle-chevron-right::before{
	position: absolute;
	transform: translateY(-50%);
    top: 50%;
	right:15px;
}
.l-contact-btn {
	display: grid;
    background: rgb(252,140,49);
    background: linear-gradient(90deg, rgba(252,140,49,1) 0%, rgba(248,111,0,1) 100%);
    font-size: clamp(16px , 3vw, 20px);
    padding: 1em;
    border-radius: 20px;
    grid-template-columns: auto auto;
    align-items: center;
	width: min(560px,80%);
	margin-inline: auto;
	box-shadow: 8px 12px 25px -13px #777777;
border-radius: 19px;
}






/******************************************************************************
 position
******************************************************************************/
.c-positionR {
  position: relative; }
/*** none ***/
.c-pcNone {
  display: none; }

.c-spNone {
  display: block; }

@media screen and (max-width: 1024px) {
  .c-pcNone {
    display: block; }

  .c-spNone {
    display: none; } }
/*==========================================
 header
===========================================*/
.l-header {
	width: 96%;
	display: flex;
	justify-content: space-between;
	height: 100px;
	align-items: center;
	margin-inline: auto;
}
@media screen and (max-width: 1024px) {
	.l-header {
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	.l-sp-header {
		height: auto;
		display: grid;
		grid-template-columns: auto auto;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		z-index: 100;
	}
}
.l-text-box {
	display: grid;
    grid-template-columns: 26% 26% 26%;
	align-items: center;
	column-gap: 1em;
}
@media screen and (max-width: 768px) {
	.l-text-box {
		align-items: flex-start;
		margin-bottom: .5em;
	}
}
.fa-solid.fa-envelope {
	padding-right: 3px;
	margin: 0 0 0 auto;
}
.l-header-nav {
	display: grid;
    grid-template-columns: auto auto auto 220px;
    column-gap: 2em;
    font-weight: 800;
    align-items: center;
    font-size: 13px;
}
/*==========================================
 main
===========================================*/
.p-service-wrap {
	padding-top: clamp(3em ,6vw, 6em);
}
.p-smalltitle {
	color: #123471;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(18px ,3vw, 24px);
	display: block;
	letter-spacing: 0;
	font-weight: 700;
	padding-bottom: 0.3em;
	border-bottom: 2px solid #c3d3ef;
	position: relative;
	margin-bottom: clamp(2em ,6vw, 4em);
}
.p-smalltitle::before {
	content: '';
    position: absolute;
    border: 1px solid #123471;
    bottom: -2px;
    width: 9em;
}
.p-service-box {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 6em;
	color: #123471;
	padding-bottom: 6em;
}
@media screen and (max-width: 768px) {
	.p-service-box {
		grid-template-columns: auto;
		row-gap: 2em;
		padding-bottom: 3em;
	}
}
.p-service-icon {
	width: min(108px,80%);
	margin-inline: auto;
	padding-bottom: .5em;
}
.p-icon-title {
	font-size: clamp(16px ,3vw, 22px);
	font-weight: 700;
	text-align: center;
	padding-bottom: .5em;
}
.p-sistem-link-are {
	background-image: linear-gradient(124deg, rgba(35, 83, 175, 1), rgba(18, 52, 113, 1) 84%);
	color: #fff;
	text-align: center;
	padding-bottom: 2em;
    padding-top: 4em;
	position: relative;
}
.p-sistem-link-are::before {
	position: absolute;
	content: '';
	width: 0;
  height: 0;
  border-style: solid;
  border-right: 75px solid transparent;
  border-left: 75px solid transparent;
  border-top: 45px solid #fff;
  border-bottom: 0;
  top: -2px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.p-sistem-link-text {
	font-size: clamp(20px ,4vw, 30px);
	font-weight: 700;
	width: 90%;
    margin-inline: auto;
}
.p-sistem-link-smalltext {
	font-size: clamp(16px ,4vw, 24px);
	font-weight: 700;
	margin-bottom: 1em;
	width: 90%;
    margin-inline: auto;
}
.p-sistem-link-smalltext span{
	font-size: clamp(14px ,4vw, 18px);
	font-weight: 400;
}


.p-sistem-link{
	font-size: clamp(18px ,4vw, 24px);
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5em 5em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
}
@media screen and (max-width: 768px) {
	.p-sistem-link  {
		padding: 0.5em 2em;
	}
}
.p-sistem-link-wrap {
	position: relative;
  display: inline-block;
  padding: 0.3rem;
  border-radius: 100vh;
  background: #f2f5f6;
  background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #fdb276 37%,
    #7c3700 100%
  );
 
  background: linear-gradient(to bottom, #fdb276 0%, #fdb276 37%, #7c3700 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}
@media screen and (max-width: 768px) {
	.p-sistem-link-wrap  {
		width: 90%;
	}
}
.p-sistem-link {
	position: relative;
  border-radius: 100vh;
  background: linear-gradient(90deg, rgba(252,140,49,1) 0%, rgba(248,111,0,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
  
  letter-spacing: 0;
    font-weight: 500;
	width: 100%;
}
.p-sistem-link .fa-solid.fa-circle-chevron-right {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.p-sistem-link:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.02);
}
.p-results-wrap {
	position: relative;
}
@media screen and (max-width: 768px) {
	.p-results-wrap {
		padding-bottom: 4em;
	}
}
.p-results-wrap::before {
	content: '';
	position: absolute;
	background-color: #e3e8f1;
	width: 100%;
	height: 90%;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	.p-results-wrap::before {
		height: 100%;
	}
}
.p-results-content1 {
	display: grid;
    grid-template-columns: 46% auto;
    column-gap: 5em;
	padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
	.p-results-content1 {
		grid-template-columns: auto;
		width: 92%;
		margin-inline: auto;
		padding-bottom: 4em;
		row-gap: .5em;
	}
}
.p-results-content1 dt{
	color: #123471;
	font-size: clamp(18px ,4vw, 28px);
	font-weight: 700;
	line-height: 1.5;
	padding-bottom: clamp(.2em ,2vw, 1.5em);
}
.p-results-content2 {
	display: grid;
    grid-template-columns: 40% auto;
    column-gap: 5em;
    width: 84%;
    margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
	.p-results-content2 {
		grid-template-columns:auto;
		width: 92%;
		margin:0 auto;
		row-gap: 0.5em;
	}
}
@media screen and (max-width: 768px) {
	.p-results-content2 dl{
		grid-row: 3/3;
	}
}
.p-results-content2 dt{
	color: #123471;
	font-size: clamp(18px ,4vw, 28px);
	font-weight: 700;
	line-height: 1.5;
	padding-bottom: clamp(.5em ,2vw, 1.5em);
}
.p-message-wrap {
	padding-top: clamp(3em ,2vw, 5em);
}
.p-message {
	width: min(900px,100%);
	margin-inline: auto;
	text-align: center;
	line-height: 2.5;
}
@media screen and (max-width: 768px) {
	.p-message {
		text-align: left;
		line-height: 1.5;
		padding-bottom: 2em;
	}
}
.p-message img{
	width: min(260px,60%);
	padding-top: 2em;
}
.p-company-wrap {
	padding-top: clamp(3em ,2vw, 5em);
}
.p-company-wrap dl{
	display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 7em;
    padding: 1.5em;
}
.p-company-wrap table{
	width: 100%;
  }
  .p-company-wrap th{
	width: 30%;
    text-align: left;
    padding: 1.5em 4em;
  }
  @media screen and (max-width: 768px) {
	.p-company-wrap th{
		width: 30%;
		text-align: left;
		padding: 1.5em 1em;
		font-weight: 500;
	  }
}
  .p-company-wrap td{
	width: 70%;
	padding: 1.5em 1em;
  }
  .p-company-wrap td img{
	width: 62px;
    display: flex;
  }
  .p-privacypolicy-wrap {
	padding-top: clamp(3em ,2vw, 5em);
  }
.p-privacypolicy-wrap .p-smalltitle {
	margin-bottom: 1em;
}
.p-prpoli-text-wrap {
	padding-top: clamp(2em ,3vw, 5em);
}
.p-prpoli-title {
	font-size: clamp(18px ,3vw, 20px);
	font-weight: 700;
	
}
.p-prpoli-Lbox {
	padding-bottom: clamp(2em ,3vw, 5em);
}
.p-privacypolicy-wrap dt{
	color: #123471;
	padding-bottom: .2em;
}
.p-prpoli-Sbox dt{
	padding-top: clamp(.5em ,3vw, 1em);
}
.p-contact-wrap {
	padding-top: clamp(3em ,2vw, 5em);
}
form dl {
	margin-bottom: 2em;
}
.p-form-title {
	padding-bottom: .5em;
}
.p-form-title span{
	color: #123471;
	border: 1px solid #123471;
	font-size: clamp(11px ,3vw, 14px);
	padding: 3px 5px;
    border-radius: 6px;
	margin-left: 1em;
}

.example{
background-color: #e3e8f1;
padding: 1em 1em;
    border-radius: 10px;
}
input {
	width: 100%;
}textarea {
	width: 100%;
}
/******************************************************************************
LP
******************************************************************************/
.p-top-mv img{
width: 100%;
}


.p-qestion-wrap {
	background-color: #fff;
	border: 1px solid #d0e7f6;
	margin-top: 3em;
	margin-bottom: 5em;
}
@media screen and (max-width: 768px) {
	.p-qestion-wrap {
		width: 94%;
    margin-inline: auto;
	}
}
.p-qestion-wrap dl{
	width: min(800px,90%);
	margin-inline: auto;
	padding-top: 3em;
    padding-bottom: 3em;
}
.p-qestion-wrap dt{
	font-size: clamp(25px ,3vw, 30px);
	font-weight: 700;
	color: #f9730b;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 1em;
}

.p-qestion-wrap dd{
	display: grid;
    grid-template-columns: 30px auto;
	align-items: center;
	column-gap: .5em;
	padding-bottom: 1.5em;
	font-size: clamp(16px ,3vw, 17px);
	/* padding: 0.5em 8em; */
}
.p-qestion-wrap dd img{
	width: 25px;
}
.p-qestion-last {
	font-size: clamp(20px ,3vw, 24px);
	font-weight: 700;
	text-align: center;
	padding-top: 2em;
}
.p-contact-area{
	background-image: url(/assets/images/contact_bg.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	padding-top: 4em;
	padding-bottom: 4em;
}
.p-contact-white {
	background-color: rgba(255,255,255,.6);
	padding-bottom: 3em;
	padding-top: 2em;
}
.p-contact-title {
	text-align: center;
	font-size: clamp(25px ,4vw, 44px);
	color: #133674;
	line-height: 1.2;
    padding-bottom: 0.5em;
	letter-spacing: 3px;
}
.p-contact-title span{
	display: block;
	font-size: clamp(14px ,4vw, 16px);
	font-weight: 400;
}
.p-contact-text {
	text-align: center;
	padding-bottom: 1em;
	color: #133674;
}
@media screen and (max-width: 768px) {
	.p-general-wrap {
		width: 90%;
		margin-inline: auto;
	}
} 

.p-sistem-wrap h3{
	font-size: clamp(19px ,5vw, 30px);
	color: #1e5274;
	background-color: #fff;
	border: 2px solid #1e5274;
	display: inline-block;
	text-align: center;
	border-radius: 50px;
	font-weight: 700;
	padding: .2em 1em;
	margin-top: 3em;
	margin-bottom: 3em;
}
@media screen and (max-width: 768px) {
	.p-sistem-wrap h3{
		display: block;
		padding: .3em 1em;
		line-height: 1.2;
	}
} 
.p-sistem-wrap h3 span{
	font-size: clamp(12px ,4vw, 18px);
}
.p-general-flow{
	display: grid;
	grid-template-columns: 135px 90px 135px 90px 135px 90px 135px;
    column-gap: 2em;
    align-items: baseline;
	margin-bottom: 3em;
}
@media screen and (max-width: 768px) {
	.p-general-flow{
		grid-template-columns:auto;
		row-gap: 3em;
		margin-inline: auto;
	}
	.p-gra-arr{
		transform: rotate(90deg);
		width: 20%;
		margin-inline: auto;
	}
} 
.p-general-flow dt{
	padding-bottom: 1em;
}
@media screen and (max-width: 768px) {
	.p-general-flow dt{
		width: 40%;
		margin-inline: auto;
	}
}
.p-general-flow dd{
	text-align: center;
	color: #1e5274;
	font-size:1em;
	line-height: 1.2;
}
@media screen and (max-width: 768px) {
	.p-general-flow dd{
		font-size:1.2em;
	}
}
.p-flow-text {
	text-align: left;
	color: #1e5274;
}
.p-flow-text p{
	padding-bottom: 1.5em;
	padding-left: 1em;
    text-indent: -1em;
}
.fa-solid.fa-circle-right {
	padding-left: 1em;
    text-indent: -1em;
}
.p-support-wrap {
	display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4em;
}
@media screen and (max-width: 768px) {
	.p-support-wrap {
		grid-template-columns: auto;
		row-gap: 2em;
	}
}
.p-support-wrap dl{
	background-color: #fff;
	padding-bottom: 1em;
	position: relative;
	box-shadow: 8px 12px 25px -13px #777777;
}
@media screen and (max-width: 768px) {
	.p-support-wrap dl{
		padding-bottom: 8em;
	}
}
.p-support::after{
	position: absolute;
	content: '';
	width: 95px;
	height: 133px;
	background-image: url(/assets/images/support_img1.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 6%;
    bottom: 5%;
}
.p-no-support::after {
	position: absolute;
	content: '';
	width: 40px;
	height: 112px;
	background-image: url(/assets/images/support_img2.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 6%;
    bottom: 4%;
}
.p-support-wrap dt{
	background-image: linear-gradient(90deg, rgba(30, 84, 119, 1), rgba(72, 145, 195, 1));
	color: #fff;
	padding: .2em;
	font-size: clamp(20px ,4vw, 24px);
	font-weight: 700;
	letter-spacing: 3px;
	margin-bottom: 1em;
}
.p-support-wrap dd{
	text-align: left;
	color: #1e5274;
    padding-left: 1em;
    text-indent: -1em;
    width: 90%;
    margin-inline: auto;
    padding-bottom: 1em;
}
.p-support-arr {
	position: relative;
	margin-top: 7em;
}
.p-support-arr img{
	width: min(470px,80%)
}

.p-support-arr p {
	position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: clamp(20px ,5vw,34px);
    font-weight: 700;
}
.p-main-system-wrap {
	padding-top: 5em;
    padding-bottom: 7em;
	background-image: url(/assets/images/support_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}
.p-main-system-bg{
	width: min(1000px,90%);
	margin-inline: auto;
}
/* @media screen and (max-width: 768px) {
	.p-main-system-bg {
		width: 90%;
		margin-inline: auto;
	}
} */

.p-main-system {
	/* width: min(1000px,90%); */
	background-color: #fff;
	border: 1px solid #ff7608;
	padding: 4em 3em 2em;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	.p-main-system {
		background-color: #fff;
		border: 1px solid #ff7608;
		padding: 3em 2em;
	}
}
.p-main-system dl{
	display: grid;
	grid-template-columns: auto 1fr;
	color: #ff7608;
	align-items: center;
	padding-bottom: 2em;
	column-gap: 1em;
}
@media screen and (max-width: 768px) {
	.p-main-system dl{
		grid-template-columns: auto;
		row-gap: 1em;
		line-height: 1.5;
		padding-bottom: 3em;
	}
	.p-main-system dt{
		width: 35%;
		margin-inline: auto;
	}
}
.p-main-system dd{
	font-size: clamp(16px ,3vw, 20px);
}
.p-main-system dd span{
	font-size: clamp(19px ,3vw, 24px);
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.p-feature {
		width: 90%;
		margin-inline: auto;
	
	}
}


.p-feature-wrap {
	background-image: url(/assets/images/feature_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 9em;
    padding-top: 9em;
}
@media screen and (max-width: 768px) {
	.p-feature-wrap {
		padding-bottom: 5em;
		padding-top: 5em;
	}
}
.p-feature-title {
	text-align: center;
	font-size: clamp(25px ,4vw, 44px);
	color: #fff;
	line-height: 1.2;
    padding-bottom: 0.5em;
	letter-spacing: 3px;
	padding-bottom: 2em;
}
.p-feature-title span{
	display: block;
	font-size: clamp(14px ,4vw, 16px);
	font-weight: 400;
}
.p-feature-wrap {
	color: #1e5274;
}
.p-feature dl{
	background-color: #fff;
	padding: 3em 4em;
	margin-bottom: 3em;
}
@media screen and (max-width: 768px) {
	.p-feature dl{
		padding: 2em 1.5em;
	}
}
.p-feature dt{
	font-weight: 700;
	border-bottom: 2px dotted #1e5274;
	text-align: center;
	padding-bottom: .5em;
	font-size: clamp(18px ,3vw, 20px);
	margin-bottom: 1em;

}
.p-feature dt img{
	width: min(79px,24%);
    display: block;
    margin-inline: auto;
	padding-bottom: .5em;
}
.p-feature dd {
	padding-top: .2em;
}
.p-feature-Ltext {
	font-size: clamp(16px ,3vw, 18px);
	font-weight: 700;
    padding-bottom: 0.5em;
    line-height: 1.5;
}
.p-feature-Stext {
	padding-left: 1em;
    text-indent: -1em;
}
/*==========================================
 form
===========================================*/
p.error {
    color: #fd2828;
}
.p-form-confirm .title{
	font-weight: 700;
	color: #133776;
}
.p-thanks-text {
	text-align: center;
}
@media screen and (max-width: 768px) {
	.p-thanks-text {
		text-align: left;
	}
}
.contact-text {
    min-height: 200px;
}
/*==========================================
 footer
===========================================*/
.l-footer {
	background-image: linear-gradient(124deg, rgba(35, 83, 175, 1), rgba(18, 52, 113, 1) 84%);
	color: #fff;
	height: 290px;
	margin-top: clamp(4em ,8vw, 8em);
}
@media screen and (max-width: 768px) {
	.l-footer {
		height: auto;
	}
}
.l-footer-wrap {
	display: grid;
	grid-template-columns: auto auto;
	padding-top: 4em;
	padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
	.l-footer-wrap {
		grid-template-columns: auto;
		row-gap: 3em;
		padding-top: 2em;
	padding-bottom: 2em;
	}
}
.l-address-wrap img{
	width: min(150px,42%);
    padding-bottom: 1em;
}
.l-footer-menu-wrap {
	text-align: right;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	.l-footer-menu-wrap {
		text-align: left;
		grid-row: 1/3;
	}
}
.l-footer-menu-wrap a{
	color: #fff;
}
.l-footer.l-lp-footer{
margin-top: 0;
}







/*==========================================
 ヘッダー（ハンバーガー）
===========================================*/
.header {
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
  }
  .logo {
	font-weight: 700;
	padding-left: 14px;
  }
  .hamburger-menu {
	width: 50px;
	height: 50px;
	position: relative;
	border: none;
	background: transparent;
	appearance: none;
	padding: 0;
	cursor: pointer;
  }
  .hamburger-menu__bar {
	display: inline-block;
	width: 44%;
	height: 2px;
	background: #123471;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: .5s;
  }
  .hamburger-menu__bar:first-child {
	top: 16px;
  }
  .hamburger-menu__bar:nth-child(2) {
	top: 24px;
  }
  .hamburger-menu__bar:last-child {
	top: 32px;
  }
  .hamburger-menu--open .hamburger-menu__bar {
	top: 50%;
  }
  .hamburger-menu--open .hamburger-menu__bar:first-child {
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:last-child {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }
  .hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
	display: none;
  }
  .navigation {
	display: none;
	background: #123471;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 9999;
  }
  .navigation__list {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
  }
  .navigation__list-item {
	border-bottom: solid 1px #fff;
  }
  .navigation__list-item:first-child {
	border-top: solid 1px #fff;
  }
  .navigation__link {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	display: block;
	padding: 24px 0;
	transition: .5s;
  }
  @media (hover: hover) and (pointer: fine) {
	.navigation__link:hover {
	  background: #333;
	}
  }
  .l-sp-logoWrap {
	display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 1em;
	align-items: center;
  }
  .l-sp-logoWrap img{
	display: block;
  }

/*==========================================
パンくず
===========================================*/
.l-breadcrumb-wrap {
	padding-top: clamp(1em,2vw,2em);
	font-size: clamp(12px,2vw,14px);
}
  .breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
  }
  .breadcrumb a{
	color: #123471;
	font-weight: 900;
  }
  
  .breadcrumb li:not(:last-of-type)::after {
	content: "›";
	margin: 0 .6em; /* 記号の左右の余白 */
	color: #777; /* 記号の色 */
  }