@charset "UTF-8";

body {
 margin:0;
 padding:0;
 font-family:Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;
 line-height:1.8;
 width:100%;
}

html {
 width:100%;
 overflow-y: scroll !important;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

ruby.ruby-test > rt {
  font-size: 100%;
  zoom: 0.5;
}

.clearfix {
 clear:both;
}

li {
list-style:none;
}

div.header_contents_fixed {
  position: fixed;
  top: -200px;
  left: 0;
  width:100%;
  padding-left:10px;
  background:rgba( 0, 0, 0, 0.85 );
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  transition: .3s;
  z-index:20;
  overflow:hidden;
}

div.header_contents_fixed_body {
 max-width:1120px;
 margin:0 auto;
 padding:0;
}

div.header_contents_fixed p.daiji a img {
 width:150px !important;
 padding:0 0 10px 0;
 margin:0 20px 0 0;
 float:left;
}

div.header_contents_fixed p.namingttl a img {
 width:180px;
 padding:0 0 10px 0;
 margin:-10px 20px 0 0;
 float:left;
}

.sns_header {
 position:absolute;
 top:15px;
 right:30px;
 margin:10px 0 0 0;
 padding-right:15px;
}

.sns_header li {
 float: left;
 margin-right: 10px;
 font-size: 10px;
}

.sns {
 float:right;
 margin:-40px 0 10px 0;
 padding:0 0 10px 0;
}

.sns li {
 float: left;
 margin-left: 10px;
 font-size: 10px;
}

#gloval_header {
 width:100%;
 height:30px;
 background:#333;
}

#gloval_header_body {
 max-width:1120px;
 margin:0 auto;
}

.daiji {
 padding:0;
 margin:0;
}

.daiji a img {
 width:150px;
 padding:0;
 margin:-10px 0 0 0;
}

#header {
 width:100%;
 height:250px;
 background:#ffffff;
 margin:0;
 padding:0;
}

#header_contentsbox {
 width:100%;
 height:250px;
 background:url(../images/headimg2021.png) center top no-repeat;
 background-size: cover;
 margin:0;
 padding:0;
}

ul#path{
 padding:10px 0 10px 10px;
 margin:0 auto;
 width:1120px;
}

ul#path li{
 float: left;
 font-size: 12px;
 margin-right: 10px;
 list-style:none;
}

ul#path li a{
 padding-right: 20px;
 background: url(https://www.nikkan.co.jp/images/arw_path.png) right center no-repeat;
 color:#333;
}

.noborder {
 border:none !important;
}

#header_contentsbox h1 {
 clear:both;
 padding-top:0;
 max-width:825px;
 margin:0 auto;
}


#column01 {
 width:100%;
}

#column01_contentsbox {
 width:1120px;
 margin:0 auto;
}

#column01_contentsbox h2 {
 font-size:30px;
 color:#cc3333;
 width:320px;
 padding:30px 30px 10px 30px;
 text-align:center;
 line-height:1.1em;
 border-bottom:3px solid #cc3333;
 margin:0 auto;
}

#column01_contentsbox h3 {
 text-align:center;
 margin:10px;
}

#column01_contentsbox p {
 margin:20px 20px 20px 20px;
}

#column02 {
 clear:both;
 width:100%;
 height:auto;
 margin:40px 0 0 0;
}

#column02_contentsbox {
 /*width:980px;*/
 width:1120px;
 margin:0 auto;
}

#column02_contentsbox ul {
 padding:1px 10px 10px 25px;
 display: -webkit-flex;
 display: flex;
}

#column02_contentsbox ul li {
 padding:10px;
 list-style:none;
 /*width:45%;*/
 width:330px;
 margin-right:10px;
 margin-bottom:10px;
 background:#efefef;
}

#column02_contentsbox ul li h3 {
 text-align:center;
 margin:10px 0 0 0;
 padding:0;
 border-bottom:2px solid #000000;
}

#column02_contentsbox ul li p {
 margin:14px 10px 10px 10px;
 padding:0;
}

#column02_contentsbox ul li p span {
 font-weight:bold;
}

.floatl {
 float:left;
}

.floatr {
 float:right !important;
}

.btn {
 clear:both;
 max-width:600px;
 min-height:60px;
 color:#ffffff;
 font-size:30px;
 border-radius:3px;
 text-align:center;
 background:#669966;
 border-bottom:5px solid #336633;
 margin:0 auto;
 padding:0;
 display:block;
}

.btn a {
 color:#ffffff;
 max-width:600px;
 min-height:60px;
 padding:0;
 text-decoration:none;
 display:block;
}

.btn:hover {
 max-width:600px;
 min-height:60px;
 background:#77A577;
 padding:0;
 display:block;
}

.btn span {
 font-size:50px;
}

#column03 {
 clear:both;
 width:100%;
}

#column03_contentsbox {
 width:1120px;
 margin:0 auto;
 padding-top:1px;
}

#column03_contentsbox h2 {
 margin:0 30px 30px 30px;
 padding:10px;
 font-size:30px;
 color:#ffffff;
 line-height:1.5em;
 text-align:center;
 background:#cc3333;
}

#column03_contentsbox h2 span {
 font-size:60px;
}

#column03_contentsbox h3 {
 font-size:30px;
 text-align:center;
}

#column04 {
 clear:both;
 width:100%;
 height:auto;
 background:url(../images/headimg.png) center top repeat-y;
 margin:40px 0 0 0;
 padding-bottom:40px;
}

#column04_contentsbox {
 width:1120px;
 margin:0 auto;
 padding-top:1px;
}

#column04_contentsbox h2 {
 margin:0;
 padding:30px 0 0 0;
 font-size:40px;
 color:#336633;
 line-height:1.5em;
 text-align:center;
}

#column04_contentsbox h2 span {
 font-size:60px;
}

.step1 {
 position:absolute;
 margin-top:-20px;
 margin-left:-35px;
 z-index:10;
}

.step2 {
 position:absolute;
 margin-top:-20px;
 margin-left:-35px;
 z-index:10;
}

.step3 {
 margin:0 auto;
 width:133px;
 height:148px;
 z-index:10;
}

.paddingbottom80 {
 padding-bottom:50px;
}

#column04_contentsbox table {
 margin:0 auto;
 /*box-shadow: 4px 4px 20px rgba(0,0,0,0.10);*/
}

/*
table.cntct th span {
 background: #ff3333;
 color: #fff;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 2px 5px;
 margin-left: 8px;
 font-weight: normal;
 font-size: 14px;
}
*/
#column04_contentsbox table th.hpb-cnt-tb-th2 {
 padding:10px;
 color:#ffffff;
}

#column04_contentsbox table td.radiobox {
 width:60px;
 background:#ffffff;
}

.naming {
 width:30% !important;
}

.gaiyo {
 width:32% !important;
}

.companyname {
 width:18% !important;
}

#column04_contentsbox table td.hpb-cnt-tb-cell5 {
 padding:8px;
 background:#ffffff;
}

table.life {
 width:100%;
}

table.life a {
 color:#000;
}

table.life a:hover {
 color:#999;
}

table.business {
 width:100%;
 margin-top:-30px !important;
}

table.business a {
 color:#000;
}

table.business a:hover {
 color:#999;
}

.table-wrapper {
 overflow: visible !important;
}

.origin {
 text-align:center;
}

.origin a {
 display:block;
 background:#ff9900;
 color:#fff !important;
 padding:5px;
 font-size:14px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-bottom:3px solid #cc6600;
 margin-left:10px;
 margin-right:10px;
 cursor: pointer;
}

.origin a:hover {
 background:#cc6600;
}



.cp_ipradio {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

@keyframes click-wave {
	0% {
		position: relative;
		width: 30px;
		height: 30px;
		opacity: 0.35;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-top: -80px;
		margin-left: -80px;
		opacity: 0;
	}
}
.cp_ipradio .option-input {
	position: relative;
	/*top: 13.33333px;*/
	top:3px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	border: none;
	outline: none;
	background: #d7cbcb;
	-webkit-appearance: none;
	        appearance: none;
}
.cp_ipradio .option-input:hover {
	background: #d6a9a9;
}
.cp_ipradio .option-input:checked {
	background: #da3c41;
}
.cp_ipradio .option-input:checked::before {
	font-family: "Font Awesome 5 Free";
 	content: "\f00c";
  	font-weight: 900;
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	/*content: '';*/
	text-align: center;
}


.cp_ipradio .option-input:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	        animation: click-wave 0.65s;
	background: #da3c41;
}
.cp_ipradio .option-input.radio {
	border-radius: 50%;
}
.cp_ipradio .option-input.radio::after {
	border-radius: 50%;
}
.cp_ipradio label {
	line-height: 1.8;
	display: block;
}
.cp_ipradio .option-input:disabled {
	cursor: not-allowed;
	background: #b8b7b7;
}
.cp_ipradio .option-input:disabled::before {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '??';
	text-align: center;
}
.cp_ipradio .disabled {
	color: #9e9e9e;
}






.riyu {
 text-align:center;
}

.riyu textarea {
 width:70%;
 box-shadow: 4px 4px 20px rgba(0,0,0,0.10);
}

.riyu h3 {
 font-size:24px;
 margin-bottom:10px;
}

.riyu h3::before {
  font-family: "Font Awesome 5 Free";
  content: "\f27a";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding-right:10px;
}

#column05 {
 clear:both;
 width:100%;
}

#column05_contentsbox {
 max-width:1120px;
 margin:0 auto;
}

#column05_contentsbox h2 {
 margin:0;
 padding:40px 0 0 0;
 font-size:40px;
 color:#990000;
 border-bottom:1px solid #990000;
 line-height:1em;
 text-align:center;
}

#column05_contentsbox h2::before {
  font-family: "Font Awesome 5 Free";
  content: "\f06b";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding-right:10px;
　font-weight:900;
}


#column05_contentsbox h2 span {
 font-size:20px;
}

#present_list {
 padding-top:40px;
}

.present {
 margin:0 auto;
 padding:10px 0 0 30px;
 display:block;
}

ul.present {
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
}

.present li {
 width:31%;
 list-style:none;
 /*float:left;*/
 margin-right:10px;
 margin-bottom:10px;
 padding:0;
 border-left:3px solid #990000;
 border-right:3px solid #990000;
 border-bottom:3px solid #990000;
 text-align:center;
}

.present li p{
 margin:0;
 padding:8px;
}

.present li p.present_copy{
 clear:both;
 font-size:80%;
 /*font-weight:700;*/
 line-height:1.6;
 text-align:left;
}

.present_number {
 text-align:center;
 font-weight:bold;
 margin:0;
 background:#990000;
 color:#ffffff;
}

.present li h3 {
 line-height:1.5em;
 margin:0;
 font-size:16px;
 padding:8px 8px 0 8px;
 min-height:5em;
 word-break: break-all;
 text-align:left;
}


.present li.n5 h3, .present li.n8 h3, .present li.n9 h3 {
 min-height:7.5em;
}

p.sponsered {
 margin:0;
 padding:0;
 font-size:12px;
 float:left;
}

/**.present li.n2 p.sponsered {
 margin-top:-3em;
}

.present li.n3 p.sponsered {
 margin-top:-3em;
}**/

@media screen and ( max-width:1210px )
{
.present li.n4 p.sponsered {
 margin-top:0;
}
}

p.number {
 position:relative;
 font-size:18px;
 font-weight:bold;
 text-align:center;
 padding:3px 5px 3px 3px !important;
 display:block;
 width:4em;
 background:#efefef;
 float:right;
 border-radius:3px;
}

.present li img {
 clear:both;
 margin:8px 0 0 0;
 padding:0;
}

#column06 {
 clear:both;
 width:100%;
 padding-top:20px;
}

#column06_contentsbox {
 max-width:1024px;
 margin:0 auto;
 padding:20px 10px 0 10px;
}

#column06_contentsbox h2 {
 margin:0;
 padding:0;
}

table.cntct {
 width: 100%;
 text-align: left;
 font-size: 16px;
 margin-top:-10px;
 margin-bottom: 30px;
 border-collapse:collapse;
 border-spacing:0;
box-shadow: 4px 4px 20px rgba(0,0,0,0.10);
}

table.cntct th {
 width:300px;
 background: #efefef;
 border: 1px solid #666;
 border-collapse: collapse;
 vertical-align: middle;
 padding: 20px;
 line-height: 1.8;
 white-space: nowrap;
}

table.cntct th span {
 background: #ff3333;
 color: #fff;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 padding: 2px 5px;
 margin-left: 8px;
 font-weight: normal;
 font-size: 14px;
}
table.cntct td {
 border: 1px solid #666;
 border-collapse: collapse;
 vertical-align: top;
 padding: 20px;
 background:#ffffff;
}

table.cntct td.check {
 color: #ff0000;
 line-height: 1.7;
}

table.cntct td li {
 margin-top: 5px;
 margin-left:0;
 vertical-align: middle;
}

table.cntct td li input[type="radio"] {
 margin-right: 5px;
 margin-top: -1px;
 vertical-align: middle;
}

table.cntct td input[type="text"],
table.cntct td input[type="tel"],
table.cntct td input[type="email"]
 {
	border: 1px solid #999;
	width: 75%;
	padding: 10px 5px;
}

table.cntct td.td01 input[type="text"]
 {
	border: 1px solid #999;
	width: 20% !important;
	padding: 10px 5px;
}

table.cntct td input.short {
	width: 40%;
}
table.cntct td ul {
 margin-bottom: 20px;
 padding-top: 5px;
}

label {
 cursor: pointer;
 display:block;
 width: 100%;
 height: 100%;
}

label:hover {
 /*background:#efefef;*/
 display:block;
 width: 100%;
 height: 100%;
}

label:visited {
 background:#efefef;
 display:block;
 width: 100%;
 height: 100%;
}


.cp_ipselect {
	overflow: hidden;
	width: 75%;
	margin: 0;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #999;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #333;
}




.privacy {
 padding-top:15px;
 text-align:center;
}

.privacy2 {
 padding:20px;
 text-align:center;
 border:1px solid #666;
 background:#fff;
 box-shadow: 4px 4px 20px rgba(0,0,0,0.10);
}

.button {
 width:500px;
 margin:0 auto;
 text-align:center;
 overflow: hidden;
 padding-top: 30px;
 padding-bottom:15px;
}

.btns input {
 float:left;
 font-size: 18px;
 width: 250px;
 margin: 0 25px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #339966;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns input:hover {
 background: #4fa879;
	}
.btns input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns input.back:hover {
		background: #7bd6a6;
	}

.btns02 input {
 float:right;
 font-size: 18px;
 width: 150px;
 margin: 0 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #66cc99;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns02 input:hover {
 background: #4fa879;
	}
.btns02 input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns02 input.back:hover {
		background: #7bd6a6;
	}


.btns03 input {
 font-size: 18px;
 width: 150px;
 margin: 0 20px;
 text-align: center;
 color: #fff;
 padding: 10px;
 background: #669966;
 border-top: 0;
 border-right: 0;
 border-left: 0;
 border-bottom: 3px solid #336633;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
.btns03 input:hover {
 background: #4fa879;
	}
.btns03 input.back {
		background: #66cc99;
		border-color: #669966;
	}
.btns03 input.back:hover {
		background: #7bd6a6;
	}




.btn2 {
 clear:both;
 max-width:700px;
 min-height:60px;
 color:#ffffff;
 font-size:30px;
 border-radius:3px;
 text-align:center;
 background:#6666cc;
 border-bottom:5px solid #333366;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:20px;
 padding:20px 0 15px 0;
 display:block;
}

.btn2 a {
 color:#ffffff;
 max-width:700px;
 min-height:60px;
 padding:0;
 text-decoration:none;
 display:block;
}

.btn2:hover {
 max-width:700px;
 min-height:60px;
 background:#7979e2;
 padding:20px 0 15px 0;
 display:block;
}

div#footer {
 width:100%;
 margin:30px 0 0 0;
 padding:50px 0 50px 0;
 background:#ebebe0;
 overflow: hidden;
}

.companylogo {
 text-align:center;
 margin:0;
 padding:0;
}

.copyright {
 text-align:center;
 padding:0;
 font-size:14px;
 color:#333333;
}

#pageTop{
 background:#999999;
 color:#FFF;
 padding:20px;
 position:fixed;
 bottom:30px;
 right:30px;
 font-size:12px;
}

.attention {
 margin:10px;
 padding:15px;
 font-size:14px;
 /*border:1px solid #999;*/
}

.attention h4 {
 font-size:16px;
 margin:0;
 padding:0;
 color:#ff0000;
}

.attention p {
 margin:0;
 padding:0 0 0 10px;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}




/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, -50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }






.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
}
 
.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.col-head-type1 th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }
  
  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}

input[type=checkbox] {
	transform: scale(1.5);
	margin: 0 6px 0 0;
}

.select {
  height: 37px;
  width:75%;
  position: relative;
  border:1px solid #999;
  z-index: 1;
}

.select::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  z-index: -1;
}

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 15px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}

input::placeholder,
textarea::placeholder {
	color: #999;
}