@charset "UTF-8";


/* スマホだけに適用するCSS */
@media screen and ( max-width:740px )
{
.table-wrapper {
 width: 100% !important;
 overflow-x: auto !important;
 -webkit-overflow-scrolling: touch;
 margin:0 !important;
 padding:0 !important;
}

.table-wrapper::-webkit-scrollbar{
    background: #fff;
    border-radius: 5px;
    height: 10px;
    border: 1px solid #ccc;
  }
  .table-wrapper::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius: 5px;
  }

table.life {
 width:720px !important;
 margin-right:10px;
 margin-left:10px;
}

table.business {
 margin:-30px 0 0 0 !important;
 padding:0 !important;
 width:720px !important;
}

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

#column02_contentsbox ul {
 flex-wrap:wrap;
}

#column02_contentsbox ul li {
  width:100% !important;
 margin-left:10px;
}

.present li {
 width:30%;
}
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:600px )
{
body {
 width:100%;
}

#gloval_header_body {
 width:100% !important;
 overflow:hidden;
}

.daiji {
 padding:0;
 margin:0 0 0 5%;
 overflow: hidden;
}


div#header {
 width:100% !important;
 height:auto;
 margin:0;
 padding:0;
 overflow: hidden;
}

div#header p a img {
 margin:0 auto;
 max-width:100%;
}

#header_contentsbox {
 width:100%;
 height:auto;
 background-size: cover;
 margin:0;
 padding:0;
 overflow: hidden;
}

.noborder {
 border:none !important;
}

ul#path{
 padding:10px 0 10px 10px;
 margin:0;
 width:95%;
 overflow: hidden;
}

#header_contentsbox h1 {
 clear:both;
 width:100%;
 margin:0 auto;
 padding:10px 0 10px 0 !important;
 line-height:1em !important;
 overflow: hidden;
}

#header_contentsbox h1 span {
 color:#ffffff;
 font-size:28px;
 line-height:1em !important;
}

#header_contentsbox h2 {
 margin:0 10px 0 10px;
 text-align:center;
 font-size:20px;
}

#header_contentsbox img {
 width:100%;
 height:auto;
}

#column01 {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column01_contentsbox {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

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

#column02 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column02_contentsbox {
 width:100%;
 margin:0 auto;
 overflow: hidden;
}

#column02_contentsbox ul {
 padding:1px 10px 10px 10px;
}

#column02_contentsbox li {
 padding:10px;
 list-style:none;
 float:left;
 width:95%;
 height:auto;
 margin-right:10px;
 margin-bottom:10px;
 background:#efefef;
}

#column03 {
 clear:both;
 width:100%;
 height:auto;
 margin:0;
 overflow:hidden;
}

#column03_contentsbox {
 width:100%;
 margin:0 auto;
 padding-top:10px;
 overflow:hidden;
}

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

#column03_contentsbox h3 {
 margin:20px 10px 10px 10px;
 font-size:18px;
 text-align:center;
 line-height:1.4em;
 overflow:hidden;
}

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

#column04_contentsbox {
 width:100%;
 margin:0 auto;
 padding-top:1px;
 overflow:hidden;
}

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

.step1 {
 position:absolute;
 margin-top:-90px;
 margin-left:-5px;
}

.step2 {
 position:absolute;
 margin-top:-40px;
 padding-bottom:0;
 margin-left:-5px;
 margin-bottom:0;
}

.business_sec {
 padding-top:80px !important;
 margin-bottom:0 !important;
 padding-bottom:0 !important;
}
 

.step3 {
 margin:0 auto;
 width:133px;
 height:148px;
}

.paddingbottom80 {
 padding-bottom:90px;
}

#column04_contentsbox table th.hpb-cnt-tb-th2 {
 font-size:90%;
}

#column04_contentsbox table td.radiobox {
 width:40px !important;
 background:#ffffff;
}

#column04_contentsbox table td.hpb-cnt-tb-cell5 {
 font-size:90%;
}

.naming {
 width:24% !important;
}

.companyname {
 font-size:14px;
 width:20%;
}

.description {
 font-size:14px;
}

.riyu {
 width:100%;
 overflow: hidden;
}

.riyu textarea {
 width:90%;
 font-size:16px;
}

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

#column05_contentsbox {
 max-width:100%;
 margin:0 auto;
 overflow: hidden;
}

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

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

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

.present li {
 width:44% !important;
 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;
}

.present li h3 {
 line-height:1.4em;
 margin:0;
 font-size:16px;
 padding:8px 8px 0 8px;

}

/*
.present li.n1 h3 {
 min-height:170px !important;
}

.present li.n2 h3 {
 min-height:170px !important;
}

.present li.n3 h3 {
 min-height:170px !important;
}

.present li.n4 h3 {
 min-height:170px !important;
}

.present li.n5 h3 {
 min-height:100px !important;
}

.present li.n6 h3 {
 min-height:100px !important;
}

.present li.n7 h3 {
 min-height:150px !important;
}

.present li.n8 h3 {
 min-height:150px !important;
}*/


p.sponsered {
 margin:0;
 padding:0;
 font-size:10px;
 float:none !important;
 text-align:left;
}

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

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

#column06 {
 clear:both;
 width:100%;
 overflow: hidden;
}

#column06_contentsbox {
 margin:0 auto;
 padding:20px 10px 0 10px;
 overflow: hidden;
}

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

#column04_contentsbox table {
 margin:0 auto;
 box-shadow: none;
}

table.cntct {
 width: 100% !imporatnt;
 font-size: 16px;
 margin-bottom: 30px;
 padding:0;
}

table.cntct tbody {
 width:90%;
 display:block;
}

table.cntct tr {
 width:100%;
 display:block;
}

table.cntct th {
 width: 100%;
 display:block;
 background: #efefef;
 border-collapse: collapse;
 vertical-align: middle;
 padding: 15px;
 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 {
 width: 100% !important;
 display:block;
 vertical-align: top;
 padding: 15px;
 border-top:0;
 border-right:1px solid #666;
 border-bottom:0;
 border-left:1px solid #666;
}
.cp_ipselect {
	width: 95%;
}

table.cntct td.borderbottom {
 width: 100%;
 display:block;
 vertical-align: top;
 padding: 15px;
 border-top:0;
 border-right:1px solid #999;
 border-bottom:1px solid #999;
 border-left:1px solid #999;
}

table.cntct td.check {
 color: #ff0000;
 line-height: 1.7;
}
table.cntct td p.listtl {
 font-weight: bold;
 padding: 5px 5px 3px 5px;
}

table.cntct td ul {
 margin:0;
 padding:0;
}

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"],
table.cntct td textarea {
	display:block;
	border: 1px solid #999;
	width: 95% !important;
	padding: 10px 5px;
	font-size:16px;
}
table.cntct td textarea {
	height: 100px;
}
table.cntct td input.short {
	width: 40%;
}
table.cntct td ul {
 margin:0;
 padding-top: 5px;
}

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

.privacy {
 padding:0 15px 0 15px;
 text-align:left !important;
 font-size:12px;
}

.button {
 width:100% !important;
 margin:0 auto;
 text-align:center;
 overflow: hidden;
 padding-top: 15px;
 padding-bottom:15px;
 overflow: hidden;
}

.btns input {
 clear:left !important;
 font-size: 18px;
 /*width: 270px;*/
 width:90% !important;
 margin: 0 20px 15px 20px;
 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:none !important;
 font-size: 18px;
 width: 160px;
 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;
	}

input[type="submit"] {
  -webkit-appearance: none;
}

input[type="reset"] {
  -webkit-appearance: none;
}

input[type="button"] {
  -webkit-appearance: none;
}

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

#pageTop img {
 width:24px;
}

#pageTop:hover{
 background:#cccccc;
}

}


@media screen and ( max-width:540px )
{
.present li.n2 p.sponsered {
    margin-top: 0 !important;
}
.present li.n3 p.sponsered {
    margin-top: 0 !important;
}
}


/* スマホだけに適用するCSS */
@media screen and ( max-width:510px )
{
div.header_contents_fixed p.namingttl a img {
 width:130px;
 padding:0 0 10px 0;
 margin:-10px 20px 0 0;
 float:left;
}

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

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


/* スマホだけに適用するCSS */
@media screen and ( max-width:420px )
{
div.header_contents_fixed p.namingttl {
 width:130px;
 margin:0 auto;
}

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

div.header_contents_fixed {
 height:75px;
}

.sns_header {
 position:absolute;
 top:47px;
 /*right:10px;*/
 margin:0;
 padding:0;
 width:320px;
 left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
}

/*@media screen and ( max-width:384px )
{
table.business {
 margin:-55px 0 0 0 !important;
}

}*/

/* スマホだけに適用するCSS */
@media screen and ( max-width:340px )
{
div.header_contents_fixed p.namingttl a img {
 width:130px;
 padding:0 0 10px 0;
 margin:-10px 20px 0 0;
 float:left;
}

div.header_contents_fixed {
 height:75px;
}

.sns_header {
 position:absolute;
 top:47px;
 right:10px;
 margin:0;
 padding:0;
}
}