@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700&display=swap");

@keyframes hartbeat {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.9);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	max-height: 999999px;
  /* background-color: #19170e; */

    scrollbar-width: thin;
    scrollbar-color: #ffda20 #DFE9EB;
}

body {
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", Helvetica, Arial, sans-serif;
  color: #000000;
  text-align: left;
  font-size: 1.1rem;
  font-weight: bold;
}

.background{
  background-color: #19170e;
}

.background1{
  background-color: #1a1a1a;
}

#header {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 100%;
    display: inline-block
}

h2 {
  color: rgb(0, 0, 0); 
  font-size: 30px; /* フォントサイズを24pxにする */
  margin-bottom: 15px; /* 下部に15pxの余白を設ける */
  text-align: center;
  background-color: rgb(255, 229, 83); 
  padding: 25px 0; /* 上下に20pxずつ余白を追加（高さを調整） */
  /* background-image: url("image/questions/akt/subheader.png"); */
}


/* #wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
  background: rgba(255,255,255,0.95);
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(255, 230, 0, 0.15), 
              0 1px 4px rgba(0, 0, 0, 0.08);
  display: block; 
  border-left: 4px solid #ffda20; 
  border-right: 4px solid #ffda20;
} */



.contents {
  background-color: rgba(255, 255, 255, 0.95); 
  border: 6px solid #ffde52; 
  border-radius: 10px;
  padding: 40px 30px;
  width: 90%;
  max-width: 800px;
  box-sizing: border-box;
  text-align: left;
  margin: 30px auto;
  box-shadow: 0 0 30px rgba(255, 255, 152, 0.477);
}


/* ==== 画像 ===========================================================================*/

.image {
  width: 40%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.image1 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
  /* margin: 10px 0; */
}

.image2 {
  width: 80%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

/*＝＝＝＝＝詳細はこちら＝＝＝＝＝ */

.shosai {
    width: auto;
    display: block;
    margin: 0 auto 30%;
    text-align: center;
}

.shosai {
    font-size: 2.5rem;
    padding: auto;
    text-align: center;
    /* display: inline-block; */
    border: 1px solid #555;
    background-color: #ffffff;
    
    /* color: #000000; */
}

.no-wrap-text {
  /* white-space: nowrap; */
}



/*======　商品内容（ｐｃ）　=================================================================== */

.youkou{
	border:1px solid #dcdcdc;
	margin:50px auto;
	/* background:#FFA87D; */
}

table.youkou_in{
	border:1px solid #dcdcdc;
	margin:3px 3px;
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
	-webkit-background-size: 5px;
}

.midasi{
width:100px;
	padding:10px;
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 5px 5px;
	font-size:18px;
	border-bottom:1px solid #FFA87D;
}

table.mini_table{
	width:580px;
}

table.mini_table th{
	background:#fff000;
	border-bottom:1px solid #dcdcdc;
	border-radius:10px;
}

table.mini_table td{
	padding:20px 10px;
	font-size:1rem;
}

.naiyou{
	font-size:1rem;
	border-bottom:1px solid #FFA87D;
	padding:20px 10px;
	width:70%;
}

form{
	width:580px;
	margin:0 auto;
}

.form_input{
	width:550px;
	height:35px;
	font-size:1rem;
	background:#fff;
}

.box_no{
	background:#000;
	padding:0 5px;
	color:#fff;
}

.tokuten-waku{
	border-collapse:collapse;
	border:1px solid #dcdcdc;
}

.tokuten{
	background:#E0FFD7;
	padding:20px 0;
	font-size:1.3rem;
	text-align:center;
}

.tokuten_in{
	background:#FCE3AC;
padding:10px;
letter-spacing:0.2px;
}


.dlbtn{
 width:450px;
 margin:0 auto;
 text-align:center;
}
.getdl{
 width:450px;
 display:block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c2ea8a+30,87c974+100 */
background: rgb(194,234,138); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(194,234,138,1) 30%, rgba(135,201,116,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(194,234,138,1) 30%,rgba(135,201,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(194,234,138,1) 30%,rgba(135,201,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2ea8a', endColorstr='#87c974',GradientType=0 ); /* IE6-9 */
font-weight:bold;
 font-size:35px;
 text-decoration:none;
 padding:20px 0;
 color:#000;
 border-radius:20px;
 }
 
 
 .getdl:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6f0a3+0,d2e638+90,c7e23f+100 */
background: rgb(230,240,163); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(230,240,163,1) 0%, rgba(210,230,56,1) 90%, rgba(199,226,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 90%,rgba(199,226,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(230,240,163,1) 0%,rgba(210,230,56,1) 90%,rgba(199,226,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#c7e23f',GradientType=0 ); /* IE6-9 */
 color:#dcdcdc;
 }

.applicationButton01 {
	width: 560px;
	height: 160px;
	text-indent: -9999px;
	background: url(../../../../image/service/licence/every/button.png) no-repeat left top;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	cursor:pointer;
	border: none;
	margin: 0px;
	text-align: center;
}

.applicationButton01:hover {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.5,2);
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* ==============　商品内容（ｓｐ）　======================================================= */

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

.toyoukou{
	width:300px;
	margin:0 auto;
	display:block;
	background: rgb(252,255,253);
	background: -moz-linear-gradient(top,  rgba(252,255,253,1) 35%, rgba(181,242,230,1) 93%, rgba(173,234,232,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(252,255,253,1) 35%,rgba(181,242,230,1) 93%,rgba(173,234,232,1) 100%);
	background: linear-gradient(to bottom,  rgba(252,255,253,1) 35%,rgba(181,242,230,1) 93%,rgba(173,234,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfffd', endColorstr='#adeae8',GradientType=0 );

	border-radius:15px;
	padding:15px;
	text-decoration:none;
	border:1px solid #dcdcdc;
}

.toyoukou:hover{
	color:#FC4FDB;
	opacity:0.6;
}


.youkou{
	max-width:100%;
	border:1px solid #dcdcdc;
	margin:0 auto;
	/* background:#FFA87D; */
}

table.youkou_in{
	max-width:100%;
	border:1px solid #dcdcdc;
	margin:3px 3px;
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
	-webkit-background-size: 5px;
}

.midasi{
	width:94%;
	padding:10px;
	background:#dcdcdc;
	font-size:18px;
	display:block;
	border-bottom:1px solid #FFA87D;
	background-color: #dddddd;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #ffffff), to(#ffffff));
	-webkit-background-size: 5px 5px;
}

table.mini_table{
	width:100%;
}

table.mini_table th{
	background:#fff000;
	border-bottom:1px solid #dcdcdc;
	display:block;
	width:100%;
	border-radius:10px;
}

table.mini_table td{
	padding:20px 5px;
	font-size:1rem;
	border-bottom:1px solid #dcdcdc;
	display:block;
	max-width:100%;
}

.naiyou{
	font-size:1rem;
	border-bottom:1px solid #FFA87D;
	padding:0px 5px;
	display:block;
	width: 95%;
}

form{
	width:100%;
	margin:0 auto;
}

.form_input{
	width:98%;
	height:35px;
	font-size:1rem;
}

.box_no{
	background:#000;
	padding:0 5px;
	color:#fff;
}


.applicationButton01 {
	width: 100%;
	height: 100px;
	text-indent: -9999px;
	background: url(../../../../image/service/licence/every/button.png) no-repeat left top;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	cursor:pointer;
	border: none;
	margin: 0px;
	text-align: center;
	background-size:contain;
}

.applicationButton01:hover {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	transform: scale(1.5,2);
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

}

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

.question-box {
  background: #f1d865;      /* 白背景 */
  padding: 30px;           /* 内側の余白 */
  margin: 20px 0;          /* 上下に余白を入れる */
  border-radius: 10px;     /* 角を丸く */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* ほんのり影をつける */
}

.question-box1 {
  height: 400px;
}

.question-box p {
  font-weight: bold;
  margin-bottom: 10px;           /* 質問文と選択肢の間隔 */
}

input{
  width: 100%;
  height: auto;
  padding: 1em 2em;
  font-size: 1.0em;
}

body, html { overflow-x: hidden; }

button[type="submit"] {
  font-size: 2em;      
  padding: 1em 3em;      
  border-radius: 8px;    
  background: #ad2020;   
  color: #fff;           
  border: none;
  margin: 2em auto 0 auto;
  display: block;        
  width: 80%;            
    
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 3rem;
}

button[type="submit"]:hover {
  background: #8a1818;
}

  /* 送信ボタンも大きく・タップしやすく */
button[type="submit"] {
  font-size: 1.8em;
  padding: 1em 0;
  width: calc(100% - 2em);
  max-width: 100%;
  margin: 0.5em auto 0 auto;
  display: block;
  border-radius: 8px;
}

label{
  cursor: pointer; /*カーソルが指になる*/
  padding:0 1rem;
}


 /* 選択されたときにラベルの背景色とテキスト色を変更・htmlにはlabel id forの追加が必要！ */
input[type="radio"]:checked + label {
  background-color: #397524; /* 例: 背景色を青にする */
  color: #FFFFFF; /* 例: テキスト色を白にする */
}

textarea{
	padding:1.5rem;
	font-size:1.8rem;
	width:100%;
	height: 25rem;
	border:0.2rem solid #DDDDDD;
	font-family: "メイリオ","Meiryo","Osaka","MS Pゴシック","MSゴシック",Helvetica,verdana,arial;
}
textarea.text02 {
	padding: 10px;
	font-size:2rem;
	width:100%;
	height: 600px;
	border:0.2rem double #7D342E;
	background-color: #FCFCFC;
	border-radius: 0.5rem;
	/*background-image: url("https://www.transparenttextures.com/patterns/ecailles.png");*/
}


/* ================================================================================================= */



/*====ｐｃ用====*/
@media screen and (min-width: 641px) {
  .sponly {
    display: none;
  }


  html {
    font-size: 20px;
  }
}


/*====スマホ用====*/
@media screen and (max-width: 640px) {
  .pconly {
    display: none;
  }
    


  html {
    font-size: 14px;
  }

  .contents {
  padding: 0px 0px 15px 0px;
  
}
}



/*＝＝＝＝＝フッター装飾＝＝＝＝＝ */

footer {
    width: 100%;
    font-size: 1.5rem;
    margin: 3rem auto 0 auto;
    background-color: #1a1a1a;
    padding: 20px 0;
}

.footer-main {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.footer-r ul.link {
    width: auto;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}
.footer-r p.copy {
    font-size: 0.7rem;
    text-align: center;
    color: #FFF;
    max-width: 745px;
    margin: 0 auto 10px;
}

.footer-r ul.link li {
    font-size: 1.2rem;
    padding: 5px;
    text-align: right;
    display: inline-block;
    border: 1px solid #555;
}

.footer-r ul.link li a {
    color: #adadad;
}



/* ==================================================================================================
 横線
===================================================================================================== */

hr {
  padding: 20px 0;
}

/* ================================
   位置指定
================================ */

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

/* ================================
   色
================================ */
.txy {
  color: #fff156;
}

.txr {
  color: #ff3d3d;
}

.txo {
  color: #ffaf53;
}

.txw {
  color: #ffffff;
}

/* ================================
   マーカー
================================ */
.bgr {
   background: #ff0000; 
}

.bgy1 {
   background: #eeff00; 
}

.bgy2 {
   background: #f1d865; 
}

/* ================================
   サイズ
================================ */

.tx31 {
  font-size: 3.1rem;
  line-height: 1;
}

.tx26 {
  font-size: 2.6rem;
  line-height: 1;
}

.tx25 {
  font-size: 2.5rem;
  line-height: 1;
}

.tx24 {
  font-size: 2.4rem;
  line-height: 1;
}

.tx23 {
  font-size: 2.3rem;
  line-height: 1;
}

.tx22 {
  font-size: 2.2rem;
  line-height: 1;
}

.tx21 {
  font-size: 2.1rem;
  line-height: 1;
}

.tx20 {
  font-size: 2rem;
  line-height: 1;
}

.tx19 {
  font-size: 1.9rem;
  line-height: 1;
}

.tx18 {
  font-size: 1.8rem;
  line-height: 1;
}

.tx17 {
  font-size: 1.7rem;
  line-height: 1;
}

.tx16 {
  font-size: 1.6rem;
  line-height: 1;
}

.tx15 {
  font-size: 1.5rem;
  line-height: 1;
}

.tx14 {
  font-size: 1.4rem;
  line-height: 1;
}

.tx13 {
  font-size: 1.3rem;
  line-height: 1;
}

.tx12 {
  font-size: 1.2rem;
  line-height: 1;
}

.tx10 {
  font-size: 1.0rem;
  line-height: 1;
}

.tx09 {
  font-size: 0.9rem;
  line-height: 1;
}

.tx08 {
  font-size: 0.8rem;
  line-height: 1;
}

.tx07 {
  font-size: 0.7rem;
  line-height: 1;
}

/* ================================
   余白
================================ */
.mt0 {
  margin-top: 0em;
}

.mt001 {
  margin-top: 0.01em;
}

.mt01 {
  margin-top: 0.1em;
}

.mt05 {
  margin-top: 0.5em;
}

.mt1 {
  margin-top: 1em;
}

.mt2 {
  margin-top: 2em;
}

.mt3 {
  margin-top: 3em;
}

.mt4 {
  margin-top: 4em;
}

.mt5 {
  margin-top: 5em;
}

.mt10 {
  margin-top: 10em;
}

.mt20 {
  margin-top: 20em;
}

/* ================================
   余白(内側)
================================ */

.pdl {
  padding-left: 30em;
}

/* ================================
   装飾
================================ */

.txli {
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

.txbo {
  font-weight: bold;
}