@charset "utf-8";

/*************************************************
			sitemap/index用
**********************************2011.12*********/
@import "../../common/css/common.css";
@import "../../common/css/common_footer.css";
/*contents------------------------------------*/

div.wrapper div#mainContents_b div#container {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-left-radius:4px;
	-moz-border-bottom-right-radius:4px;
	border:#ccc2c0 solid;
	border-width:0 1px 1px;
	background:#fff;
	padding:10px 40px 0;
	}
/*#mainContents_b h1-------------------------------------*/
	div.wrapper div#mainContents_b h1 {
		height:79px;
		width:950px;
		text-indent:-9999px;
		}

/*#mainContents_b h2-------------------------------------*/
	div.wrapper div#mainContents_b h2 {
		font-size:1.5em;
		}

/*table-price---------------------------------*/
@media screen and (min-width: 480px) {

table {
  margin: 20px auto;
  width:100% !important;
}
}
p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
.tbl-r02 th {
  background: #aaa;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
}
.tbl-r02 td {
border: solid 1px #ccc;
padding: 10px;
}
.tbl-r02 ul {
margin:0 1em !important;
list-style: disc !important;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
table {
  margin: 20px auto;
  width:100% !important;
}
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/*apply-button---------------------------------*/
*, *:before, *:after {
    box-sizing: border-box;
}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_2 > *{
    width: calc( 50% - 6px ) ;
    margin-right: 12px;
    margin-bottom: 12px;
}
.col_2 > *:nth-child(2n){
    margin-right: auto;
}
.col_2 > * > *{
    background: #ff0000;
    height: 120px;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
    .col_2 > *{
        width: 100%;
        margin-right: auto;
    }
}


a.btn_04 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 320px;
	height: 50px;
	margin: auto;
	padding: 3px 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 12px;
}
a.btn_04:hover {
	color: #27acd9;
	background: #fff;
}

a.btn_15 {
	display: block;
	text-align: center;
	text-decoration: none;
	position: relative;
	width: 100%;
	margin: auto;
	padding: 3rem 4rem;
	font-size: 18px;
	font-weight: bold;
	border-radius: 0.3rem;
	background-color: #e9f6fb;
	border-image-source: repeating-linear-gradient(45deg, #27acd9 0, #27acd9 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
	border-image-slice: 4;
	border-width: 4px;
	border-image-repeat: round;
	border-style: solid;
	color: #27acd9;
}
a.btn_15:hover {
	border: 4px solid #27acd9;
	color: #27acd9;
}


/*pagetop---------------------------------*/
div.wrapper div#mainContents_b p.pageTop {
	margin:10px 0;
	text-align:right;
	}
	div.wrapper div#mainContents_b p.pageTop span {
		color:#d3bf99;
		}



/*contents------------------------------------*/
	
	/*#mainContents_b h1-------------------------------------*/
	div.wrapper div#mainContents_b h1 {
		background:url(../images/title_renew.gif) no-repeat;
		}
	
	div.wrapper div#mainContents_b div#contents01 {
		width:840px;
		margin:0 auto;
		padding:10px 0 50px;
		}
	div.wrapper div#mainContents_b div#contents01 p {
		margin:0 0 20px;
		line-height:2em;
		}


.col2 a:hover{text-decoration:none;}

/*-----------------------------------------------*/


	div#mainContents_b div#container div#contents01 ul{
						list-style:none;
						}
	div#mainContents_b div#container div#contents01 ul li,
	div#mainContents_b div#container div#contents01 ul li ul li{
		padding:5px 0;
						}
	div#mainContents_b div#container div#contents01 ul li.border01,
	div#mainContents_b div#container div#contents01 ul.border01{
						border-bottom:1px #DCD7D4 solid;
						padding:0 0 20px;
						}
	div#mainContents_b div#container div#contents01 ul li a{
						background:url(../images/listmarker_arrow01.gif) no-repeat 20px 50%;
						padding:0 0 0 35px;
						}
		div#mainContents_b div#container div#contents01 ul li.none {
			background:url(../images/listmarker_arrow01.gif) no-repeat 20px 50%;
			padding:0 0 0 35px;
			color:#aaa;
			}
	div#mainContents_b div#container div#contents01 li a.contensTitle{
						background:url(../images/listmarker_arrow02.gif) no-repeat 20px 50% #F6F5F3;
						display:block;
						width:280px;
						text-indent:35px;
						padding:10px 0;
						margin:1px 0 0;
						}
	div#mainContents_b div#container div#contents01 li span.contensTitle02{
						background:#F6F5F3;
						display:block;
						width:280px;
						text-indent:35px;
						padding:10px 0;
						margin:1px 0 0;
						}
	div#mainContents_b div#container div#contents01 ul.rightArea{
						margin:-25px 0 0 280px;
						}
	div#mainContents_b div#container div#contents01 ul.rightArea ul.detail{
						margin:5px 0 0;
						}

	div#mainContents_b div#container div#contents01 ul.rightArea ul.detail li{
						text-indent:20px;
						}
	div#mainContents_b div#container div#contents01 ul.titleNone{
						padding:10px 0;
						}
	div#mainContents_b div#container div#contents01 ul.titleNone li{
						float:left;
						width:280px;
						}
	div#mainContents_b div#container div#contents01 ul li img{
						margin:0 0 0 5px;
						vertical-align: middle;
						}
	div#mainContents_b {
		width: 950px;
		margin: 0 auto;
	}
	div#mainContents_b #contents01>ul {
		margin: 0;
	}



@media all and (min-width: 0px) and (max-width: 736px) {

	/*------------------------------------------------------------
		レイアウト
	------------------------------------------------------------*/
	* {
	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
	         -o-box-sizing: border-box;
	        -ms-box-sizing: border-box;
	            box-sizing: border-box;
	}
	body {
		-webkit-text-size-adjust: none;
		width: 100%;
		overflow-x: hidden;
	}

	div#mainContents_b div#container div#contents01 ul.rightArea {
		margin: 0 0 0 15px;
	}

	div#pageTop {
		width: 100%;
		margin: 0;
	}
	div#pageTop a {
		padding-left: 0;
		margin: 0;
	}
	div#mainContents_b {
		width: 100%;
	}
	div.wrapper div#mainContents_b div#container {
		padding: 3%;
	}
	div.wrapper div#mainContents_b h1 {
		width: 100% !important;
		height: auto;
		background-size: contain;
	}

	div.wrapper div#mainContents_b div#contents01 {
		width: 100%;
	}
}
.gFooter_setTitle {
color: #41bbf3 !important;
font-weight: 700;
display: block;
font-size: 15px;
font-size: 1.5rem;
padding-top: 10px;
}
div.wrapper div#mainContents_b div#contents01 p {
margin: 0;
line-height: 2em;
}