@charset "utf-8";

*{
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	font-size:18px;
	color:#333333;
	line-height:180%;
	margin:0px;
	padding:0px;
	}

img {
	border:0px;
	vertical-align:bottom;
	}
	
h1 {
	font-size:100%;
	}
h3 {
	font-size:120%;
	color:#164a9b;
	}
strong {
	font-size:110%;
	font-weight:bold;
	color:#164a9b;
	}
	
#wrapper1{
	display:none;
	}

a {
	}
a:hover {
    opacity: 0.6;
	}

html {
	height:100%;
	overflow:auto;
	}
	
body {
	margin:auto;
	width:100%;
	overflow:hidden;
    position:relative;
	background-color:#f6fbff;
	}

#container {
	width:1000px;
	margin:0px auto 0px auto;
	min-height:100%;
	margin-bottom:0px;
	height:auto !important;
	text-align:left;
	}


.pc {
	}

.sp {
	display:none;
	}



/* head */
#hd {
	width:80%;
	padding:0 10%;
	background-color:#f6fbff;
	float:left;
	}

.hd_l {
	width:15%;
	margin:20px 25% 20px 0;
	float:left;
	}

.hd_r {
	width:60%;
	margin:25px 0;
	text-align:right;
	float:right;
	}

/* head */
#main {
	width:1000px;
	margin:0px auto 0px auto;
	min-height:100%;
	margin-bottom:0px;
	height:auto !important;
	text-align:left;
	}
.main_bnr a {
	width:400px;
	margin:-150px 0 0px 0;
	padding:20px 0;
	float:left;
	align-items:center;
	text-align:center;
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	color:#fff;
	text-decoration:none;
    border-radius:999px;
    cursor:pointer;
	font-weight:bold;
	z-index:1000;
	position:relative;
	font-size:120%;
	}

.main_bnr_center a {
	width:50%;
	margin:-150px 25% 0px 25%;
	padding:20px 0;
	float:left;
	align-items:center;
	text-align:center;
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	color:#fff;
	text-decoration:none;
    border-radius:999px;
    cursor:pointer;
	font-weight:bold;
	z-index:1000;
	position:relative;
	font-size:120%;
	}





/* menu */
#mnu {
	width:3000px;
	height:40px;
	margin-left:-1000px;
    position:relative;  
	float:left; 
	z-index:990;
	background-color:#000000;
	}

.mn_bx_l {
	height:20px;
	margin-left:1000px;
	float:left;
	}

.mn_bx {
	float:left;
	}

/* change menu */
#change {
	width:3000px;
	height:40px;
	margin-left:-1000px;
	float:left;
	z-index:9999;
	background-color:#000000;
	position:fixed;
	top:0px;
	display:none;
	}

#content {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.inner {
	width:100%;
	margin:auto;
	float:left;
	}






/********************** ChatGPT **********************/
.navlinks{
	align-items:center;
	font-weight:bold;
	}
.navlinks a.link{
	font-size:100%;
    text-decoration:none;
	margin-right:30px;
	}
.btn{
    display:inline-flex;
	align-items:center;
	gap:10px;
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	color:#fff;
	text-decoration:none;
    border-radius:999px;
	height:70px;
    cursor:pointer;
	font-weight:bold;
	padding:0 30px;
	border:none;
	}
.btn:hover{
	filter:saturate(1.05) brightness(1.02);
	}
.btn:active{
	transform:translateY(1px);
	}
.btn.s{
	height:44px;
	padding:0 16px;
	font-size:14px;
	}

.btn02{
	width:50%;
	padding:30px 0;
	margin:20px 25%;
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	color:#fff;
    border-radius:999px;
    cursor:pointer;
	font-weight:bold;
	text-align:center;
	float:left;
	text-decoration:none;
	font-size:120%;
	border:none;
	}

.btn03{
    display:inline-flex;
	align-items:center;
	gap:10px;
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	color:#fff;
	text-decoration:none;
    border-radius:60px;
	height:100px;
    cursor:pointer;
	font-weight:bold;
	padding:0 20px;
	text-align:center;
	}







.kpi{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	}
.kpi .pill{
    border-radius:999px;
	padding:5px 20px;
	border:1px solid #000000;
	}


.grid2{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:14px;
	}
.grid3{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:14px;
	}
.secTitle{
	 font-size:200%;
	 font-weight:1000;
	 position:relative;
	 padding-bottom:50px; /* 線との距離 */
	 text-align:center;
	}
.secTitle:after{
    content:"";
    display:block;
	width:40%;
	margin:10px 30% 10px 30%; 
	border-radius:999px;
	height:6px;           /* 線の太さ */
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	}
.secTitle2{
	 font-size:200%;
	 font-weight:1000;
	 position:relative;
	 padding-bottom:30px; /* 線との距離 */
	 text-align:center;
	}
.secTitle2:after{
    content:"";
    display:block;
	width:40%;
	margin:10px 30% 10px 30%; 
	border-radius:999px;
	}
.secSub{
	font-weight:700;
	}

.card{
    background:rgba(255,255,255,.92);
    border:1px solid rgba(11,91,211,.12);
    border-radius:10px;
    padding:30px;
	box-shadow: 0 10px 24px rgba(13, 93, 211, .08);
	}

.card.soft{
	background: var(--soft);                   /* ← 単色 */
	}
.card h3{margin:0 0 8px;font-size:120%;font-weight:1000}
.card p{margin:0;color:var(--muted);line-height:1.9;font-weight:700}
.card.emph{
    border:2px solid rgba(34,193,255,.30);
    background:
      linear-gradient(180deg, rgba(34,193,255,.14), rgba(255,255,255,.95));
  }





.card_flow {
	width:54%;
	margin:0 20%;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(11,91,211,.12);
    border-radius:10px;
    padding:3%;
	box-shadow: 0 10px 24px rgba(13, 93, 211, .08);
	}
.card_flow.soft{
	background: var(--soft);                   /* ← 単色 */
	}

.card_flow h3{margin:0 0 8px;font-size:120%;font-weight:1000;text-align:center;}

.card_flow_yaji {
 	width:100%;
	margin:0 0%;
	text-align:center;
	font-size:150%;
	color:#164a9b;
	}



  /* mini icon */
.iRow{
	display:flex;
	gap:10px;
	align-items:flex-start;
	}
.ico{
    width:40px;
	height:40px;
	border-radius:5px;
    background:linear-gradient(135deg, rgba(34,193,255,.28), rgba(11,91,211,.12));
    border:1px solid rgba(11,91,211,.12);
	box-shadow: 0 10px 24px rgba(13, 93, 211, .08);
	display:grid;
	place-items:center;
	flex:0 0 auto;
	}
.ico svg{width:22px;height:22px}
.ico svg *{fill:#0b5bd3}




.steps{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:14px;
	}

.stepNo{
	width:50%;
	padding:4px 0;
	margin:0px 25% 10px 25%;;
	text-align:center;
	gap:8px;
    font-size:70%;
	font-weight:bold;
	color:#164a9b;
    background:rgba(34,193,255,.16);
    border:1px solid rgba(11,91,211,.12);
    border-radius:999px;
	}



.price_img {
	width:80%;
	float:left;
	margin:0px 10% 30px 10%;
	}


  /* Forms */
.formWrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  label{display:block;font-weight:1000;margin:0 0 6px;color:#173c76}
  input,textarea{
    width:90%;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(11,91,211,.16);
    background:#fff;
    font:inherit;
    outline:none;
  }
  input:focus,textarea:focus{
    border-color:rgba(34,193,255,.65);
    box-shadow:0 0 0 5px rgba(34,193,255,.15);
  }
  textarea{min-height:120px;resize:vertical}

  .footer{
    padding:40px 0;
    border-top:1px solid rgba(11,91,211,.10);
    color:var(--muted);font-size:13px;font-weight:700
  }



/********************** ChatGPT **********************/




.btm10 {
	width:100%;
	float:left;
	margin:0px 0px 10px 0px;
	}




/* txt */
.bx {
	width:100%;
	float:left;
	margin:0px 0px 30px 0px;
	}

.tit {
	width:100%;
	float:left;
	margin:0px 0px 20px 0px;
	font-size:250%;
	}

.lead {
	width:100%;
	float:left;
	margin:0px 0px 20px 0px;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	}

.txt {
	width:100%;
	float:left;
	margin:0px 0px 20px 0px;
	}

.caution {
	width:100%;
	float:left;
	margin:0px 0px 10px 0px;
	font-size:80%;
	}



/* footer */
.cts_fot {
	width:100%;
	margin:0 -500%;
	padding:50px 500%;
	float:left;
	}

.fot_mnu {
	width:100%;
	margin:0px 0px 0px 0px;
	float:left;
	}

.ft {
	text-decoration:none;
	margin-right:10px;
	margin-left:10px;
	font-size:90%;
	}

/* copy */
.fot_copy {
	width:100%;
	margin:30px 0px 0px 0px;
	float:left;
	}






/* link */
p.gotop{
	width:100px;
	height:100px;
    position:fixed;
    right:20px;
	bottom:20px;
	background:linear-gradient(90deg, #0b5bd3, #22c1ff);
	z-index:990;
	border-radius:60px;
	}
p.gotop a{
	width:100px;
	height:100px;
    display:block;
	}





/* privacy */
.pv_bx {
	width:700px;
	margin:30px 30px 20px 30px;
	float:left;
	}
.pv_bx li {
    width:95%;
    margin:0 0 0 5%;
    float:left;
    }
.pv_bx li ol {
    width:100%;
    margin:10px 0 10px 0;
    float:left;
    }
.pv_bx h2 {
    width:100%;
    margin:30px 0 5px 0;
    float:left;
    }