@charset "UTF-8";
/*==========基本構造==========
07その他関連追加CSS、修正メモ
==============================*/
/*ーーーーーーーーーーーーーーー 
お問合せ　プライバシーポリシー
ーーーーーーーーーーーーーーーー */
.ttl-other {
  font-size: 3rem;
  position: relative;
  color: #D10000;
  font-weight: bold;
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
.ttl-other::after {
  content: url(/images/common/line.jpg);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30%;
}
.privacy_tbl ul {
  margin-top: 50px;
}
.privacy_tbl li {
  position: relative;
  padding-left: 30px;
  font-size: 1.4rem;
  margin-bottom: 40px;
}
.privacy_tbl li:before {
  content: "";
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #cf0505;
  border-radius: 50%;
}
.day {
  text-align: right;
  margin: 30px 0px;
  font-size: 1.3rem;
}
.btn_area {
  margin-top: 50px;
}
.btn_agree {
  background-color: #D10000;
  border-radius: 100vh;
  width: 180px;
  text-align: center;
  margin: 0 auto;
}
.btn_agree a {
  display: block;
  padding: 5px 40px;
  font-size: 1.6rem;
  color: #ffffff;
}
.btn_agree a :hover, .btn_disagree a :hover {
  opacity: 0.7;
}
.btn_disagree {
  background-color: #E8E8E8;
  border-radius: 100vh;
  width: 180px;
  text-align: center;
  margin: 0 auto;
}
.btn_disagree a {
  display: block;
  padding: 5px 40px;
  font-size: 1.6rem;
  color: #2E2E2E;
}
.btn_agree + .btn_disagree {
  margin-top: 20px;
}
.privacy table {
  background-color: #FCF2F2;
  border-radius: 5px;
  margin: 0 auto;
  width: auto;
  font-size: 1.5rem
}
.privacy table th {
  border-right: 1px solid #C0271B;
  vertical-align: middle;
  padding: 20px
}
.privacy table td {
  padding: 20px;
}
.privacy table .link {
  line-height: 2.5rem;
  padding-left: 20px;
}
.privacy table .link a {
  color: #D10000 !important
}
.mb_50 {
  margin-bottom: 50px;
}
.mail-link {
  color: #D10000 !important;
}
.mail-link:before {
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  width: 14px;
  height: 12px;
  margin-right: 7px;
  vertical-align: middle;
  background-image: url("/images/common/mail_red.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.pdf-link:after {
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  width: 14px;
  height: 17px;
  margin-left: 7px;
  vertical-align: middle;
  background-image: url("/images/common/icon_pdf.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.ankerLink-2-inquiry li::after {
  content: '';
  color: #D10000;
  position: absolute;
  top: calc(50% - 3px);
  right: 16px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}
.ankerLink-2-inquiry li.space{
	border: none;
	color: transparent;
	background-color: transparent
}
.ankerLink-2-inquiry li.space::after,
.ankerLink-2-inquiry li.space::before{
	border: none;
	color: transparent;
	background-color: transparent
}
.inquiry-p p {
  margin-left: 1em;
  text-indent: -1em
}

.attention{
  background-color: #FCF2F2;
  border-radius: 5px;
  font-size: 1.7rem;
  padding: 10px;
  color: #D10000;
}

.attention-2 {
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
	margin-bottom: 20px
}
.attention-2 .btn {
  flex-basis: 100% ;
  box-sizing: border-box
}
.attention-2 .btn a {
  border: #A7A7A7 1px solid;
  border-radius: 3px;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  padding: 0.5em 2.7em 0.5em 1em;
  height: 50px;
  font-weight: bold;
  line-height: 1.3
}
.attention-2 .btn a::after {
  content: '';
  color: #D10000;
  position: absolute;
  top: 47%;
  right: 18px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #A7A7A7;
  border-right: 2px solid #A7A7A7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg), translate(-50%, -50%);
}

.attention-2 .btn a:hover {
  text-decoration: none;
  opacity: .7;
  transition: .15s;
}
/*list*/
.list > li {
  position: relative;
  font-size: 1.7rem;
  padding-left: 20px;
  margin-bottom: 20px;
}
.list > li::before {
  content: '';
  display: block;
  position: absolute;
  top: .65em;
  left: 0;
  width: 11px;
  height: 11px;
  background: #D10000;
  border-radius: 50%;
}
.listAIU, .listNum {
  counter-reset: num 0;
}
.listAIU li, .listNum li {
  padding-left: 30px;
  margin-top: 30px;
  position: relative;
}
.listAIU li::before {
  counter-increment: num 1;
  content: counter(num, katakana)".";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 1.7rem;
  font-weight: bold;
  color: #D10000;
}
.listAIU li b {
  font-size: 1.7rem;
}
.listAIU li p {
  font-size: 1.5rem;
}
.list123, .listNum {
  counter-reset: num 0;
}
.list123 li, .listNum li {
  padding-left: 30px;
  margin-top: 30px;
  position: relative;
}
.list123 li::before {
  counter-increment: num 1;
  content: counter(num);
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 1.7rem;
  font-weight: bold;
  color: #D10000;
}
.list123 li b {
  font-size: 1.7rem;
}
.list123 li p {
  font-size: 1.5rem;
}
.listNum > li::before {
  counter-increment: num 1;
  content: counter(num)".";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 1.7rem;
  font-weight: bold;
  color: #D10000;
}

.listAIU-bk {
  counter-reset: num;
}
.listAIU-bk li::before {
  counter-increment: num 1;
  content: counter(num, katakana)".";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 1.7rem;
  font-weight: bold;
  color: #222;
}
.list123-bk {
  counter-reset: num;
}
.list123-bk li{
  font-size: 1.6rem;
}
.list123-bk li::before {
  counter-increment: num 1;
  content: "("counter(num)")";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 1.6rem;
  color: #222;
}

.indent01{
	text-indent: -1em;
	margin-left: 1em
	
}
/*ーーーーーーーーーーーーーーー 
お問合せ　お問合せ先一覧
ーーーーーーーーーーーーーーーー */
.accordion {
  margin: 3em auto 3em auto;
  max-width: 100%;
  font-size: 1.6rem
}
.toggle {
  display: none;
}
.option {
  position: relative;
  margin-bottom: 1em;
}
.qtitle, .acontent {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.qtitle {
  border-bottom: solid 1px #B4BBC3;
  padding: 0rem 1.6rem 1.6rem 1.6rem;
  display: block;
  font-weight: bold;
}
.qtitle::after, .qtitle::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0.3em;
  width: 2px;
  height: 1.0em;
  background-color: #D10000;
  transition: all 0.3s;
}
.qtitle::after {
  transform: rotate(90deg);
}
.acontent {
  max-height: 0;
  overflow: hidden;
}
.acontent p {
  margin: 0;
  padding: 0.5em 1em 1em 3em;
  line-height: 1.5;
  position: relative
}
.acontent p::before {
  content: "A.";
  position: absolute;
  left: 1.1em
}
.acontent p a {
  color: #D10000
}
.toggle:checked + .qtitle + .acontent {
  max-height: 500px;
  transition: all 1.5s;
}
.toggle:checked + .qtitle::before {
  transform: rotate(90deg) !important;
}
/*ーーーーーーーーーーーーーーー 
このサイトについて
ーーーーーーーーーーーーーーーー */
.term .listNum {
  counter-reset: none;
}
.term .listNum li {
  padding: 0px 0px 10px 0px;
}
.term .listNum > li::before {
  display: none
}
.term .listNum li span {
  font-weight: bold;
}

.listNum li .listDisc li, .discBlock {
  font-size:1.6rem;
  line-height: 2.0em;
  padding: 0 0 0 1em;
  position: relative;
}
.listDisc li{padding-top: 0px;margin-top: 10px} 
.listDisc li::before, .discBlock::before  {
  content: '';
  display: block;
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 8px;
  background: #D10000;
  border-radius: 50%;
}



/*ーーーーーーーーーーーーーーー 
ライセンスビジネスのご相談
ーーーーーーーーーーーーーーーー */

.simply-scroll-container {
  position: relative;
}

.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 3000px;
  margin-top: 30px;
}

.simply-scroll-list li {
  float: left;
  padding: 0;
  margin: 0;
  width: 300px;
}

.simply-scroll-list li img {
  display: block;
  border-radius: 0;
}

.lic{
  margin: 70px auto 0;
}

.lic p{
  margin-bottom: 70px;
}

.lic ul{
  text-align: center;
}

.lic li{
  display: inline-block;
  width: 16.1%;
  min-width: 108px;
  border: solid 1px #ccc;
  border-radius: 8px;
  margin-bottom: 1%;
  overflow: hidden;
}

.lic h2 {
  font-size: 2.3rem;
  line-height: 1.3;
  padding-bottom: 20px;
}

.license-group {
  display: table;
  margin: 10px auto 30px;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  padding: 15px;
  border-radius: 10px;
  width: 92%;
  max-width: 440px;
  background-color: #F4F4F4;
  color: #2E2E2E;
}

.license-group a{
  position: relative;
}

.license-group .outline_j::after {
  content: '';
  position: absolute;
  top: 8px;
  right: -13px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.license-group .outline_e::after {
  content: '';
  position: absolute;
  top: 8px;
  right: -15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btns {
  margin: 40px auto 60px;
  text-align: center;
}

.btns a{
  color: #fff;
  position: relative;
}

.btns .contact_j::after {
    content: '';
    position: absolute;
    top: 23px;
    right: 70px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btns .contact_e::after {
  content: '';
  position: absolute;
  top: 23px;
  right: 70px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.license-form {
  display: inline-block;
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #da0303;
  padding: 10px 45px;
  border-radius: 10px;
  width: 100%;
  max-width: 210px;
  margin: 0.5% 0.5% 2% 0.5%;
}

.achieve {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.achieve h3 {
  display: block;
  width: 100%;
  margin: 5% 0;
  padding: 0;
}

.achieve h3 span{
  font-size: 2rem;
  color: #D10000;
  padding-left: 10px;
}

.achieve .child {
  font-size: 85%;
  line-height: 1.3;
  color: #333;
  display: block;
  padding: 5px;
  text-align: center!important;
  width: 30.5%;
  margin: 0.5%;
}

.achieve .child span {
  color: #9D9D9D;
  padding-top: 2%;
  display: block;
}

.achieve .child img {
  margin-bottom: 10px;
}
.sp{
	display: none;
}
@media screen and (max-width: 639px){
.achieve .child {
    width: 100%;
    display: inline-block;
    margin: 0.5%;
    padding-bottom: 5%;
}
.license-form {
  max-width: 180px;
}

}
@media screen and (max-width: 768px){
  .sp{
    display: block;
  }
}

/*ーーーーーーーーーーーーーーー 
サイトマップ
ーーーーーーーーーーーーーーーー */
.ankerLink {
  font-size: 1.6rem;
  width: 100%;
	margin-top: 50px
}
.ankerLink li {
  position: relative;
  margin-bottom: 13px;
  width: 100%;
}
.ankerLink li a {
  font-weight: bold;
  padding: 12px 28px 12px 8px;
  background-color: #EDEFF2;
  display: block;
}
.ankerLink li.active {
  background-color: #FBF0F0;
}
.ankerLink:not(.ankerOther) li::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 22px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.ankerLink:not(.ankerOther) li::before {
  content: ' ';
  position: absolute;
  top: 48%;
  right: 20px;
  width: 17px;
  height: 17px;
  background-color: #D10000;
  border-radius: 7.5px;
  -webkit-transform:rotate(45deg) translateY(-50%);
  transform:rotate(45deg) translateY(-50%);
}
.ankerLink li a:hover {
  text-decoration: none;
  opacity: .7;
}
.sitemaplink ul {
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.sitemaplink ul li {
	flex-basis: calc(33.3% - 40px);
	min-height: 40px
}
.sitemaplink ul li a {
  position: relative;
  display: block;
  padding: 0 30px 0 0;
}
.sitemaplink ul li a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #D10000;
  border-right: 2px solid #D10000;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%)
}
.sitemaplink ul li a:hover {
  opacity: .7;
  transition: .15s;
  text-decoration: none;
}

.sitemap3clmn  {
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.sitemap3clmn div {
	flex-basis: calc(33.3% - 40px);
	min-height: 40px
}

.sitemap3clmn ul li {
	flex-basis: calc(33.3% - 40px);
	min-height: 40px
}
.sitemap3clmn ul li a {
  position: relative;
  display: block;
  padding: 0 30px 0 0;
}
.sitemap3clmn ul li a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #D10000;
  border-right: 2px solid #D10000;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%)
}
.sitemap3clmn ul li.gly-arrow a::after {
  border-top: 2px solid #AEAEAE!important;
  border-right: 2px solid #AEAEAE!important;

}

.ankerOther a {
  pointer-events: none;
}



@media print, screen and (max-width: 769px) {
  .privacy table {
    width: 100%;
  }
}
@media print, screen and (max-width: 480px) {
	.sitemap3clmn div,
	.sitemap3clmn ul li,
	.sitemaplink ul li {
	flex-basis: calc(50% - 10px);
	
}}


/*ーーーーーーーーーーーーーーー 
検索結果
ーーーーーーーーーーーーーーーー */
#search-results h1.title{
	text-align: center;
	font-size:  2rem;
	margin-bottom: 2rem
}
.search-asset{
	display: block;
	padding: 10px 20px;
	margin-bottom: 10px;
	border: 1px solid #D7D7D7
}
.search-asset h2 a{
	font-size: 2rem;
	font-weight: bold;
	color: #D10000;
	text-decoration: underline;
}
.search-asset h2 {
	line-height: 1.3;
	margin-bottom: 0.5em;

}
.search-asset li {
	font-size: 1.4rem;
	display: inline-block;
}
.search-asset li.data {
	padding-right: 1em;
	margin-right: 1em;
		position: relative


}.search-asset li.data::after {
	content: '|';
	margin-right: 1em;
	position: absolute;
	right: -1em

}
.pagination{
	text-align: center;
	margin-top: 60px
	
}
.pagination li{
	text-align: center;
	font-size: 1.4rem;
	display: inline-block;
	margin: 0 10px
}
.pagination li a{
	text-align: center;
	font-size: 1.4rem;
	padding: 10px 20px;
	background-color: #ECECEC;
	border-radius: 4px
}
.pagination li a:hover{
	text-decoration: none;
	opacity: 0.8
}

/*ーーーーーーーーーーーーーーー 
お問い合わせフォーム
ーーーーーーーーーーーーーーーー */
.form_box {
  margin: 0  auto;
  background: #eee;
  border-radius: 15px;
  padding: 5px 20px 20px 20px

}
@media only screen and (max-width: 768px) {
  .form_box {
  }
}
.form_box form {
  width: 100%;
}
.form_box form ul {
  width: 100%;
/*  background: #eee;*/
}
.form_box form ul li {
  position: relative;
  overflow: hidden;
  margin: .5em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	font-size: 1.6rem;
	border-bottom: 2px solid #FFFFFF

}
@media only screen and (min-width: 769px) {
  .form_box form ul li {
    display: -webkit-flex;
    display: flex;
  }
}
@media print {
  .form_box form ul li {
    display: -webkit-flex;
    display: flex;
  }
}
.ie8 .form_box form ul li {
  display: -webkit-flex;
  display: flex;
}
.form_box form ul li .title_p {
  width: 30%;
  font-weight: bold;
  padding: 1em 3em 1em 0em;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .form_box form ul li .title_p {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
@media print {
  .form_box form ul li .title_p {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.ie8 .form_box form ul li .title_p {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  .form_box form ul li .title_p {
    width: 100%;
    display: block;
    padding: .8em .2em;
  }
}
.form_box form ul li .title_p {
  position: relative;
  z-index: 1;
}
.form_box form ul li .title_p span {
  background: #D10000;
  color: #fff;
  margin-left: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	border-radius: 10px;
	width: 60px;
	text-align: center;
	  position: absolute;
	right: 20px;
	top: 25px

}
.form_box form ul li .box_det {
  width: 70%;
  position: relative;
  padding: 1em 0em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .form_box form ul li .box_det {
    padding: 0em .5em 1.5em .5em;
    display: block;
    width: 100%;
  }
}

.form_box form ul li select, .form_box form ul li textarea, .form_box form ul li .wide {
  width: 100%;
  height: 3em;
  padding: .5em;
  border: none;
  outline: none;
  background: transparent;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
	border-radius: 15px

}
.form_box form ul li textarea {
  height: 10em;
}

.btn_submit {
  text-align: center;
	padding-top: 20px;
	width: 100%;
	margin: 0 auto
}
.btn_submit span{
	position: relative;
}
.btn_submit input {
	font-size: 1.7rem;
  display: inline-block;
  background: #D10000;
	border-radius:25px;
  padding: .5em 4em;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  border: none;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn_submit input:hover {
  opacity: 0.7;
}
.btn_submit span::after {
 content: '';
    color: #D10000;
    position: absolute;
    right: 40px;
	top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
@media only screen and (max-width: 768px) {

	.form-group label {display: block;width: 100%;padding: 15px 0px;}
	.form-group div.control {display: block;width: 100%;padding: 15px 0px;}
	.child_1 {order: 1}
	.child_2 {order: 2}
	.child_3 {order: 3}
	.child_4 {order: 5}
	.child_5 {order: 6}
	.child_6 {order: 4}
	.child_7 {order: 7}
	.child_8 {order: 8}
	.child_9 {order: 9}
	
	}