@charset "utf-8";

/*====================================
ヘッダーフッター
====================================*/


.head_bg{
	width:100%;
	margin: 0 auto;
	background-color:#11C2FD;
}

.head_fbox-a_00{
	width:100%;
	min-width:1024px;
	/*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	}
.head_fbox-a_01{
	width:30%;
	min-width:200px;
	padding-top:25px;
	padding-bottom:30px;
	padding-left:15px;
	}
.head_fbox-a_02{
	width:68%;
	padding-top:40px;
	padding-bottom:15px;
	}

.btn-square_headlogo{
	  display: inline-block;
	  margin-left:20%;
	  padding: 10px;
	}

.btn-square_headnav_a{
	  display: inline-block;
	  padding: 10px;
	  border-left: solid 1px #717071;
	}
.btn-square_headnav_a_last{
	  border-right: solid 1px #717071;
	}
.btn-square_headnav_a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}


.head_nav ul {
	text-align:right;
}
.head_nav li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; /*IE7以下*/
}
.head_nav li a {
    text-decoration: none;
    color: #FFF;
    padding: 15px 6px 6px 6px;
	margin:0 8px;
    display: block;
	border-bottom:3px #11C2FD solid;
}

.head_nav li.search a {
	border-bottom:3px #11C2FD solid;
}

.head_nav li a:hover {
	color:#FFF;
	border-bottom:3px #FFF solid;
	/*margin-bottom:-3px;*/
}
.head_nav li.search a:hover {
	border-bottom:3px #11C2FD solid;
}

.pankuzu {
    padding: 14px 14px;
    font-size: 13px;
    font-size: 1.3rem;
}
.bdt1{
	border-top:1px #CCC solid;
	}

.bdb2{
	border-bottom:2px #333 solid;
	}
.btgy1{
	border-top:1px #D1D1D1 solid;
	}
.bdgy1{
	border-bottom:1px #D1D1D1 solid;
	}

@media only screen and (max-width:1024px) {
/*.head_fbox-a_00_sp{
	width:100%;
	min-width:1000px;
	}
.head_fbox-a_01_sp{
	width:50%;
	}
.head_fbox-a_02_sp{
	width:50%;
	}
*/

.head_fbox-a_00_sp{
	/*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	background-repeat:no-repeat;
	background-position: top right;
	background-size: cover;
}

.head_fbox-a_01_sp{
	padding-top:15px;
	padding-bottom:15px;
	width:42%;
	}


.head_fbox-a_02_sp{
	margin-right:0%;
	width:16%;
	}
.head_fbox-a_03_sp{
	margin-right:2%;
	width:16%;
	}
	


.top-head_fbox-a_00_sp{
 /*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
 margin: 0 auto;
 background-repeat:no-repeat;
 background-position: top right;
 background-size: cover;
}
.top-head_fbox-a_01_sp{
 margin-left:5%;
 width:42%;
 }


.top-head_fbox-a_02_sp{
	margin-right:0%;
	width:13%;
	}
.top-head_fbox-a_03_sp{
	margin-right:2%;
	width:13%;
	}
}


.foot_bg{
	width:100%;
	margin: 0 auto;
	background-color:#ffffff;
}

.foot01_bg01{
	width:100%;
	margin: 0 auto;
	background-color:#F6F6F6;
	}
.foot01_tx01 {
	font-size:40px;
	font-size:4.0rem;
	line-height: 1.35;
	padding-bottom: 25px;
	text-align: center;
}
.foot01_tx01 span.tx_sx {
	font-size:48px;
	font-size:4.8rem;
	color: #11BFFD;
}

.foot_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 63.5% 36.5%;
  grid-template-columns: 63.5% 36.5%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.foot_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 25px 0px 25px;
}

.foot_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.foot_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

/*@media only screen and (max-width: 813px) {
.foot_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.foot_contents01_g2 > .grid_container > .grid_item {

  margin: 0 15px 30px 15px;
}

.foot_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.foot_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}*/


.foot02_bg01{
	width:100%;
	margin: 0 auto;
	background-color:#11C2FD;
	padding: 40px 0;
	}

.foot02_nav ul {
	text-align:center;
}
.foot02_nav li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; /*IE7以下*/
}
.foot02_nav li a {
    text-decoration: none;
    color: #FFF;
    padding: 15px 6px 6px 6px;
	margin:0 8px;
    display: block;
	border-bottom:3px #11C2FD solid;
}

.foot02_nav li.search a {
	border-bottom:3px #11C2FD solid;
}

.foot02_nav li a:hover {
	color:#FFF;
	border-bottom:3px #FFF solid;
	/*margin-bottom:-3px;*/
}
.foot02_nav li.search a:hover {
	border-bottom:3px #11C2FD solid;
}

@media only screen and (max-width: 813px) {
.foot02_nav ul {
	text-align:left;
}
.foot02_nav li {
	width:48%;
}
.foot02_nav li a {
    text-decoration: none;
    color: #FFF;
	padding:20px 0;
	margin:0 8px;
    display: block;
}
.foot02_nav li.search{
	padding:20px 0 15px 0;}
.foot02_nav li.search label{
    display: block;}
.foot02_nav li.search label img{
    display: none;}
.foot02_nav li.search label:after{
	content:url(../gigwork-p/top-p/sp-p/foot_nav_icon01.png);
	padding-left:5px;}}








.foot03_bg01{
	width:100%;
	margin: 0 auto;
	background-color:#FFF;
	padding: 0px 0 75px;
	}
.foot03_nav ul {
	text-align:right;
}
.foot03_nav li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; /*IE7以下*/
}
.foot03_nav li a {
    text-decoration: none;
    color: #333;
    padding: 15px 6px 6px 6px;
	margin:0 8px;
    display: block;
	/*border-bottom:3px #FFF solid;*/
}
.foot03_nav li a:hover {
	color:#555;
	/*border-bottom:3px #FFF solid;*/
	/*margin-bottom:-3px;*/
}



.foot_fbox-a_00{
	width:100%;
	/*min-width:1024px;*/
	/*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	}
.foot_fbox-a_01{
	width:160px;
	/*min-width:204px;*/
	padding-top:25px;
	padding-bottom:20px;
	/*padding-left:15px;*/
	}
.foot_fbox-a_02{
	width:80%;
	/*min-width:204px;*/
	padding-top:15px;
	padding-bottom:15px;
	}
.foot_fbox-a_03{
	width:58px;
	/*min-width:204px;*/
	padding-top:20px;
	padding-bottom:15px;
	margin-right:30px;
	}
@media only screen and (max-width: 813px) {
.foot_fbox-a_00{
	width:100%;
	min-width:720px;
	/*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	margin-bottom:25px;
	}
.foot_fbox-a_01{
	/*width:40%;
	min-width:204px;
	padding-top:20px;
	padding-bottom:15px;
	padding-left:15px;*/
	}
.foot_fbox-a_02{
	width:100%;
	/*min-width:204px;
	padding-top:20px;
	padding-bottom:15px;*/
	}
}


#main {
padding-top: 146px;
}
@media only screen and (max-width: 813px) {
#main {
padding-top: 115px;
}
}


/*====================================
検索エリア
====================================*/
	
.label_btn01{
	cursor:pointer;}
	
.input_btn{
	display:none}
	
.search_area{
	display:none;
	z-index:9999;}
	
#label_btn01:checked ~ .search_area {
	display: block;
	background-color:#222222;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom:0px;
	animation: DownAnime 0.5s forwards;}
	
.search_box01{
	width:30%;
	min-width:200px;
	padding-top:25px;
	padding-bottom:30px;
	padding-left:15px;
	}
	
.search_box02{
	margin-right:15px;
	margin-top:25px;}
	
#search{
	max-width:900px;
	width:96%;
	margin:15px 15px 0 15px;
	padding:20px 10px;
	border-radius:10px;
	font-size:20px;}
	
.search_icon{
	position:absolute;
	top:30px;
	right:30px;
	border:0;
	cursor: pointer;
    background: none;
}
	
.search_ttl02{
	border-bottom: 8px #FFF solid;
	padding-right:100px;
	padding-bottom: 10px;
	display: inline-block;}
	
.search_tags{
	padding-top:15px;
	margin-left:15px;}
	
.search_tags a{
	font-size:18px;
	color:#FFFFFF;
	line-height:1.45;
	text-decoration:none;
	margin-right:5px;}
	
/*====================================
グリッドベース
====================================*/

.base_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.base_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

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


.base_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}



.base_contents00_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 33.3% 33.3% 33.3%;
  grid-template-columns: 33.3% 33.3% 33.3%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_04 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
.base_contents00_g3 > .grid_container > .grid_item_05 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_06 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}

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


.base_contents00_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
.base_contents00_g3 > .grid_container > .grid_item_06 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
}

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


.base_contents00_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3;
}
.base_contents00_g3 > .grid_container > .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 4;
	grid-row: 4;
}
.base_contents00_g3 > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 5;
	grid-row: 5;
}
.base_contents00_g3 > .grid_container > .grid_item_06 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 6;
	grid-row: 6;
}
}


.base_contents00_g3b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 33.3% 33.3% 33.3%;
  grid-template-columns: 33.3% 33.3% 33.3%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g3b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g3b > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_04 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
.base_contents00_g3b > .grid_container > .grid_item_05 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_06 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}

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


.base_contents00_g3b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
.base_contents00_g3b > .grid_container > .grid_item_06 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
}

/*@media only screen and (max-width: 813px) {


.base_contents00_g3b > .grid_container {
	display: -ms-grid;
	display: grid;
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3b > .grid_container > .grid_item {
  margin: 0 15px 30px 15px;
}

.base_contents00_g3b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3;
}
.base_contents00_g3b > .grid_container > .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 4;
	grid-row: 4;
}
.base_contents00_g3b > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 5;
	grid-row: 5;
}
.base_contents00_g3b > .grid_container > .grid_item_06 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 6;
	grid-row: 6;
}
}*/


.base_contents00_g4 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 25% 25% 25% 25%;
  grid-template-columns: 25% 25% 25% 25%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g4 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.base_contents00_g4 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g4 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g4 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}.base_contents00_g4 > .grid_container > .grid_item_04 {
	-ms-grid-column: 4;
	-ms-grid-column-span: 1;
	grid-column: 4 / 5;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

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


.base_contents00_g4 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g4 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g4 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g4 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g4 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
.base_contents00_g4 > .grid_container > .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
}


/*====================================
サイトここから
====================================*/

.top_c00_bg01{
	width: 100%;
		background-image: url(../xxxx-p/xxxxxx_bg.jpg);
	margin: 0 auto;
	overflow: hidden;
}

.top_c00_bg02{
	width: 100%;
	background-image: url(../xxxx-p/xxxxxx_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}


.top_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#11C2FD;
}

.top_mainimg_bg02 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

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

}


.top_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

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


.top_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}


.top_c01_bg01{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

.top_c01_bg02{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.top_c01_tit01{
	font-size:36px;
	font-size:3.6rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.top_c01_tit01 span{
	border-bottom: 8px #000 solid;
	padding-bottom: 6px;
	display: inline-block;
}
.top_c01_tit01a span{
	min-width: 300px;
}
.top_c01_tit01b span{
	min-width: 260px;
}
.top_c01_tit01c span{
	min-width: 170px;
}
.top_c01_tit01d span{
	min-width: 520px;
}
.top_c01_tit01c {
margin-top: 75px;
}
.top_c01_tit01d {
margin-right: 15px;
margin-left: 15px;
}

@media only screen and (max-width: 813px) {
.top_c01_tit01b span{
	min-width: 260px;
	border-bottom: 8px #FFF solid;
}
.top_c01_tit01c {
margin-top: 15px;
padding:0 15px;
}
.top_c01_tag {
padding:0 15px;
}
}

.top_contents01_g2_main_in a {
text-decoration: none;
}

/*.top_contents01_g2_main_in a :hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}*/


.top_c01_main_tx_tit{
	font-size:24px;
	font-size:2.4rem;
	line-height: 1.45;
	color: #111;
	margin-bottom: 4px;
}

.top_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 66.25% 33.75%;
  grid-template-columns: 66.25% 33.75%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

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


.top_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.top_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 0 30px 0;
}

.top_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}


.top_contents01_g2_main_in > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2_main_in > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents01_g2_main_in > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents01_g2_main_in > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.top_contents01_g2_main_in > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2_main_in > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 0 30px 0;
}

.top_contents01_g2_main_in > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents01_g2_main_in > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}



.top_c01_side_tx_tit{
	font-size:15px;
	font-size:1.5rem;
	line-height: 1.25;
	font-weight: bold;
	padding-left: 10px;
	color: #111;
}
.top_c01_side_tx_day{
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 12px;
	color: #04BFFD;
}

.top_contents01_g2_side_in {
}

.top_contents01_g2_side_in a {
text-decoration: none;
}

@media only screen and (max-width: 813px) {
.top_c01_side_tx_tit{
	font-size:15px;
	font-size:1.5rem;
	line-height: 1.25;
	font-weight: bold;
	padding-left: 10px;
	color: #FFF;
}
.top_c01_side_tx_day{
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 12px;
	color: #04BFFD;
}
.top_c01_sidebox01 {
background-color: #333;
padding: 40px 15px;
}
}



/*.top_contents01_g2_main_in a :hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}*/

.top_c01_tag {
	font-size:18px;
	font-size:1.8rem;
	line-height: 1.45;
}
.top_c01_tag a {
	color: #333333;
text-decoration: none;
}
.top_c01_tag span {
	color: #04BFFD;
}
.top_c01_tag a span {
	color: #04BFFD;
}

.top_contents01_g2_side_in .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 40% 60%;
  grid-template-columns: 40% 60%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2_side_in .grid_container .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 0px 0px 0px;
}

.top_contents01_g2_side_in .grid_container .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents01_g2_side_in .grid_container .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

/*@media only screen and (max-width: 813px) {
.top_contents01_g2_side_in .grid_container {
	display: -ms-grid;
	display: grid;
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2_side_in .grid_container .grid_item {
  margin: 0 10px 30px 10px;
}

.top_contents01_g2_side_in .grid_container .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents01_g2_side_in .grid_container .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}*/


.top_c02_bg01{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

.top_c02_bg02{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
.top_c02_txbox01_icon {
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.top_c02_txbox01{
background-color: #222;
color: #FFF;
padding: 16px 32px 16px 22px ;
margin-bottom: 20px;
}
.top_c02_txbox01 p{
	font-size:26px;
	font-size:2.6rem;
	line-height: 1.45;
}
.top_c02_tx02 {
	font-size:16px;
	font-size:1.6rem;
	line-height: 1.45;
}
.top_c02_tx_day{
	font-size:18px;
	font-size:1.8rem;
	color: #04BFFD;
	padding-top: 10px;
}

.top_c02_tx_tit{
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.25;
	padding-top: 8px;
	padding-left: 10px;
	color: #111;
}
a .top_c02_tx_tit{
text-decoration: none;
	color: #111;
}

.top_c02_tag {
	font-size:18px;
	font-size:1.8rem;
	line-height: 1.45;
}
.top_c02_tag a {
	color: #333333;
text-decoration: none;
}
.top_c02_tag span {
	color: #04BFFD;
}
.top_c02_tag a span {
	color: #04BFFD;
}

.top_c02_btn-square {
  display: inline-block;
  padding: 16px 3em;
  text-decoration: none;
  background: #FFF;/*ボタン色*/
  color: #000;
  border: solid 1px #11C2FD;
  /*border-radius: 3px;*/
  	font-size:22px;
	font-size:2.2rem;
}
.top_c02_btn-square img{
vertical-align: middle;
padding-left: 8px;
}


.top_c02_btn-square:active {

}

.top_contents02_g2a > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents02_g2a > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents02_g2a > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents02_g2a > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.top_contents02_g2a > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents02_g2a > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}
.top_contents02_g2a > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents02_g2a > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}


.top_contents02_g2b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents02_g2b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 2; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 2 / 3; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents02_g2b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.top_contents02_g2b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents02_g2b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}
.top_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents02_g2b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}


.top_c03_bg01{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color: #222;
}

.top_c03_bg02{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.top_c03_bg02s{
	width: 100%;
	background-image:url(../gigwork-p/top-p/top_c02_bn02.png);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: bottom 25px left;
}

.top_c03_tit01{
	font-size:36px;
	font-size:3.6rem;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 20px;
}
.top_c03_tit01 span{
	border-bottom: 8px #FFF solid;
	display: inline-block;
	padding-bottom: 10px;
}
.top_c03_tit01a span{
	min-width: 310px;
}



.top_c03_txbox01_icon {
position: absolute;
top: 0;
right: 0;
z-index: 999;
}
.top_c03_txbox01{
background-color: #FFF;
padding: 16px 32px 16px 22px ;
margin-bottom: 20px;
}
.top_c03_txbox01 p{
	font-size:24px;
	font-size:2.4rem;
	line-height: 1.45;
	color: #222;
}
.top_c03_tx02 {
	font-size:16px;
	font-size:1.6rem;
	line-height: 1.45;
	color: #FFF;
}
.top_c03_tx_day{
	font-size:18px;
	font-size:1.8rem;
	color: #04BFFD;
	padding-top: 10px;
}

.top_c03_tx_tit{
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.25;
	padding-top: 8px;
	padding-left: 10px;
	color: #FFF;
}

.top_c03_tag {
	font-size:18px;
	font-size:1.8rem;
	line-height: 1.45;
}
.top_c03_tag a {
	color: #FFF;
text-decoration: none;
}
.top_c03_tag span {
	color: #04BFFD;
}
.top_c03_tag a span {
	color: #04BFFD;
}

.top_c03_btn-square {
  display: inline-block;
  padding: 16px 3em;
  text-decoration: none;
  background: #222;/*ボタン色*/
  color: #FFF;
  border: solid 1px #FFF;
  /*border-radius: 3px;*/
  	font-size:22px;
	font-size:2.2rem;
}
.top_c03_btn-square img{
vertical-align: middle;
padding-left: 8px;
}


.top_c04_bg01{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
}

.top_c04_bg02{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

/*====================================
下層トップ共通
====================================*/
.kasou_top_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#F1F1F1;
}
.kasou_top_mainimg_bg02 {
	width: 100%;
	background-image: url(../gigwork-p/what-p/what_mainbg02.png);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: bottom right;
}

.kasou_top_mainimg_tit span{
	/*border-bottom: 8px #000 solid;*/
	/*padding-bottom: 6px;*/
	display: inline-block;
	margin-bottom: 20px;
}
.kasou_top_mainimg_tx01{
	font-size:15px;
	font-size:1.5rem;
	line-height: 1.80;
	max-width: 765px;
}
.kasou_top_c01_bg01{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.kasou_top_c01_bg02{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

/*====================================
下層記事共通
====================================*/
.kasou_kiji_c00_bg01{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.kasou_kiji_c00_bg02{
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.kasou_kiji_c00_tit01 span{
	/*border-bottom: 8px #000 solid;*/
	/*padding-bottom: 6px;*/
	display: inline-block;
	margin-bottom: 20px;
}
.kasou_kiji_c00_tx_tit {
	font-size:36px;
	font-size:3.6rem;
	font-weight: 800;
	line-height: 1.75;
}
.kasou_kiji_c00_tx_day {
	font-size:15px;
	font-size:1.5rem;
	color: #04BFFD;
	margin-bottom: 35px;
}

ul.kasou_kiji_c00_mokuji {
 font-size:18px;
 font-size:1.8rem;
border-top: 2px #11C2FD solid;
border-bottom: 2px #11C2FD solid;
padding: 20px 0 10px;
margin-top: 30px;
margin-bottom: 30px;
}
ul.kasou_kiji_c00_mokuji li {
margin-bottom: 10px;
}
ul.kasou_kiji_c00_mokuji li a {
 padding-left: 1.2em;
 position: relative;
 color: #333;
}
ul.kasou_kiji_c00_mokuji li a:before{
 display: block;
 content: "●";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
 color:#11C0FD;
 font-size:18px;
 font-size:1.8rem;
}
/*#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10 {
padding-top: 146px;
margin-top: -146px;
}
@media only screen and (max-width: 813px) {
#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10 {
padding-top: 115px;
margin-top: -115px;
}
}*/


.kasou_kiji_c00_tx01{
 font-size:16px;
 font-size:1.6rem;
 line-height: 1.65;
 padding-bottom: 25px;
}

.kasou_kiji_c01_tit01 {
 font-size:30px;
 font-size:3.0rem;

  color: #000;/*文字色*/
  background: transparent;/*背景透明に*/

  margin-top: 60px;
  margin-bottom: 15px;
  padding-top: 20px;
}
.kasou_kiji_c01_tit01 span {
 padding-left: 0.5em;
  border-left: solid 5px #11C2FD;/*左線*/
}

.kasou_kiji_c01_tx01{
 font-size:16px;
 font-size:1.6rem;
 line-height: 1.65;
 padding-bottom: 25px;
}
.kasou_kiji_c01_tx02 {
 font-size:20px;
 font-size:2.0rem;
 color: #11C1FD;
}

.kasou_kiji_c01_tit02{
 font-size:25px;
 font-size:2.5rem;
 line-height: 1.65;
 border-bottom: 3px #11C2FD solid;
 margin-top: 20px;
 margin-bottom: 15px;
}





/*====================================
 モバイルメニュー 
====================================*/

#mobilemenu {
	display: block;
	position: relative;
	cursor: pointer;
}

#mobilemenu ul#mobilemenu_list {
	display: none;
	position: absolute;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #000000;
	right: 0px;
	top: 115px;
	padding: 0;
	z-index: 100000;
}
#mobilemenu ul#mobilemenu_list li {
	font-size:24px;
	font-size:2.4rem;
	line-height:1.7;
	margin-right: 0;
	list-style-type: none;
}
#mobilemenu ul#mobilemenu_list li a {
	clear: both;
	display: block;
	width: 350px;
	text-align: left;
	padding: 14px;
	color: #111111;
	text-decoration: none;
}
#mobilemenu ul#mobilemenu_list li.current {
	border-bottom: none;
}
#mobilemenu ul#mobilemenu_list li a:hover {
	background-color: #111111;
	color: #ffffff;
}



/*=========

2022/02/21　追記

=========*/
	
.tra05{
	transition: .5s ease-in-out;}

.gigu_tophead{
	position:absolute;
	top:0;
	left:0;
	padding:0 100px 0 50px;
	width:300px;}
	
.gigu_tophead-bg{
	position:absolute;
	background-color:#417AB1;
	padding:0 100px 0 50px;
	width:300px;
	min-height:755px;
	height:calc(((100vw - 300px) * (494 / 900)) + 210px);}
	
.top-logo{
	margin-top:30px;}
	
.nav{
	padding-top:40px;}
	
.nav li a{
	font-size:18px;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	margin-bottom:20px;
	border-bottom:3px #417AB1 solid;}
	
.nav li a:hover{
	border-bottom:3px #FFF solid;}
		
.sp-top_menu{
	display:none;}
	
	
@media only screen and (max-width: 950px) {

	.gigu_tophead{
		top:0;
		left:0;
		padding:0;
		position:relative;
		width:100%;}
	
	.gigu_tophead-bg{
		width:300px;
		min-height:1152px;
		height:calc(((100vw - 100px) * (750 / 650)) + 400px);}
		
		
		
	.top-logo{
		display:none;}
		
	.nav{
		display:none;}
		
	.sp-label_btn01{
		cursor:pointer;}
		
	.sp-top_menu{
		display:block;}}
	
	
.main_box{
	margin:0 0 0 300px;
	min-height:755px;
	height:calc(((100vw - 300px) * (494 / 900)) + 210px);
  	background: linear-gradient(180deg, #FFF 0%, #FFF 20%, #FFF9E7 20%, #FFF9E7 100%);}

.main_img{
	width:100%;
	height:auto;
	position:relative;
	z-index:999;}
	
.main_img img{
	width:100%;
	height:auto;
	margin-top:50px;}
		
.main_img-sp{
	display:none;}

@media only screen and (max-width: 950px) {
	.main_box{
  		background: linear-gradient(180deg, #FFF 0%, #FFF 20%, #FFF9E7 20%, #FFF9E7 100%);
		margin:0 0 0 100px;
		min-height:972px;
		height:calc(((100vw - 100px) * (750 / 650)) + 220px);}
	
		
	.main_img img{
		margin-top:30px;}
		
	.main_img-pc{
		display:none;}
			
	.main_img-sp{
		display: block;}}
		
.slider{
	margin:0 auto;
	max-width:990px;
	width:100%;
	height:auto;
	margin-top:-90px;}
	
.slick-slide{
	margin:0 15px;}
	
.slick-slide img{
	width:100%;
	height:auto;}


@media (max-width: 813px)  {
	
	div.img_r20 > img {
		border-radius: 0;
		}
		
	.saisin_test-r{
		border-radius: 0;
		width:90%;
		float:right;
		}
		
	.saisin_test-r h3{
		text-align:left;}
		
	.saisin_test-l{
		border-radius: 0;
		width:90%;
		float:left;
		}
		
	.saisin_test-l h3{
		text-align:right;}
		
	.saisin_area{
		padding:100px 0;
  		background: linear-gradient(90deg, #FFF 0%, #FFF 30%, #85B6E2 30%, #85B6E2 100%)}
	
	.top_c01_tit01a{
		text-align: center;}
		
	.top_c01_tit01a span{
		min-width:250px;}
		
	.top-pconly{
		display:none;}}

.top-btn_bl{
	display:inline-block;
	text-decoration:none;}

.top-btn_bl div{
	font-size:22px;
	font-size:2.2rem;
	color:#000;
	text-align:center;
	display:block;
	width:350px;
	padding:20px 0;
	border-radius:9px;
	margin:0 auto;
	vertical-align:middle;
	position:relative;}
	
.top-btn_bl div span{
	position:relative;
	z-index:999;}
	
.top-btn_bl div:before{
	position:absolute;
	top:3px;
	left:3px;
	z-index:0;
	content:"";
	height:100%;
	width:100%;
	border-radius:9px;
	background-color:#57D2FB;
	border:2px #57D2FB solid;
	transition: .2s ease-in-out;}
	
.top-btn_bl:hover div:before{
	top:0px;
	left:0px;}
	
.top-btn_bl div:after{
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:5;
	content:"";
	height:100%;
	width:100%;
	border-radius:9px;
	border:2px #000 solid;
	transition: .2s ease-in-out;}
	
.top-btn_bl:hover div:after{
	top:0px;
	left:0px;}

.top-btn_bl div img{
	padding-left:10px;}
	
.top-btn_bl:hover div img{
	padding-left:11px;}

.top-btn_wh{
	display:inline-block;
	text-decoration:none;}

.top-btn_wh div{
	font-size:22px;
	font-size:2.2rem;
	color:#FFF;
	text-align:center;
	display:block;
	width:350px;
	padding:20px 0;
	border-radius:9px;
	margin:0 auto;
	vertical-align:middle;
	position:relative;}
	
.top-btn_wh div span{
	position:relative;
	z-index:999;}
	
.top-btn_wh div:before{
	position:absolute;
	top:3px;
	left:3px;
	z-index:0;
	content:"";
	height:100%;
	width:100%;
	border-radius:9px;
	background-color:#57D2FB;
	border:2px #57D2FB solid;
	transition: .2s ease-in-out;}
	
.top-btn_wh:hover div:before{
	top:0px;
	left:0px;}
	
.top-btn_wh div:after{
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:5;
	content:"";
	height:100%;
	width:100%;
	border-radius:9px;
	border:2px #FFF solid;
	transition: .2s ease-in-out;}
	
.top-btn_wh:hover div:after{
	top:0px;
	left:0px;}

.top-btn_wh div img{
	padding-left:10px;}
	
.top-btn_wh:hover div img{
	padding-left:11px;}


@media (max-width: 813px)  {

	.top-btn_bl div{
		width:500px;
		padding:25px 0;
		border-radius:10px;}
		
	.top-btn_bl div:before{
		top:5px;
		left:5px;
		border-radius:10px;}
		
	.top-btn_bl div:after{
		position:absolute;
		top:-5px;
		left:-5px;
		border-radius:10px;}

	.top-btn_wh div{
		width:500px;
		padding:25px 0;
		border-radius:10px;}
		
	.top-btn_wh div:before{
		top:5px;
		left:5px;
		border-radius:10px;}
		
	.top-btn_wh div:after{
		position:absolute;
		top:-5px;
		left:-5px;
		border-radius:10px;}}


/*====================================
下層記事共通
====================================*/
.kasou_kiji_c00_bg01 {
  width: 100%;
  /*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
  margin: 0 auto;
  overflow: hidden;
}
.kasou_kiji_c00_bg02 {
  width: 100%;
  /*background-image: url(../xxxx-p/xxxxxx_bg02.jpg);*/
  margin: 0 auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
}

.kasou_kiji_c00_tit01 span {
  /*border-bottom: 8px #000 solid;*/
  /*padding-bottom: 6px;*/
  display: inline-block;
  margin-bottom: 25px;
}
.kasou_kiji_c00_tx_tit {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 8px;
}
.kasou_kiji_c00_tx_day {
  font-size: 15px;
  font-size: 1.5rem;
  color: #04bffd;
  margin-bottom: 35px;
}
@media only screen and (max-width: 813px) {
  .kasou_kiji_c00_tx_tit {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.kiji_content .toc_list {
  font-size: 18px;
  font-size: 1.8rem;
  border-top: 2px #11c2fd solid;
  border-bottom: 2px #11c2fd solid;
  padding: 20px 0 10px;
  margin-bottom: 30px;
}
.kiji_content .toc_list li {
  margin-bottom: 10px;
}
.kiji_content .toc_list li a {
  padding-left: 1.2em;
  position: relative;
  color: #333;
}
.kiji_content .toc_list li a:before {
  display: block;
  content: '';
  width: 0.9em;
  height: 0.9em;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(30%);
  border-radius: 50%;
  background-color: #11c0fd;
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 813px) {
  .kiji_content .toc_list {
    margin-bottom: 40px;
  }
}

/*#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10 {
padding-top: 146px;
margin-top: -146px;
}
@media only screen and (max-width: 813px) {
#c01, #c02, #c03, #c04, #c05, #c06, #c07, #c08, #c09, #c10 {
padding-top: 115px;
margin-top: -115px;
}
}*/
.kiji_content {
  padding: 30px 0;
}
.kiji_content a {
  color: #000;
}

.kiji_content p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.45;
  padding-bottom: 25px;
  /*letter-spacing: -0.03em;*/
}
@media only screen and (max-width: 813px) {
  .kiji_content p {
    line-height: 1.75;
    padding-bottom: 40px;
  }
}

.kiji_content h3 {
  font-size: 30px;
  font-size: 3rem;

  color: #000; /*文字色*/
  background: transparent; /*背景透明に*/

  margin-top: 60px;
  margin-bottom: 20px;
  padding-left: 0.4em;
  border-left: solid 5px #11c2fd; /*左線*/
  letter-spacing: -0.02em;
  line-height: 1.25;
  padding-top: 6px;
  padding-bottom: 6px;
}
@media only screen and (max-width: 813px) {
  .kiji_content h3 {
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 30px;
  }
}

.kiji_content h5 {
  font-size: 20px;
  font-size: 2rem;
  padding-left: 1em;
  color: #11c1fd;
  position: relative;
}
.kiji_content h5:before {
  content: '';
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #11c0fd;
}

.kiji_content h4 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.25;
  border-bottom: 3px #11c2fd solid;
  margin-top: 20px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 813px) {
  .kiji_content h4 {
    font-size: 23px;
    font-size: 2.3rem;
    margin-top: 30px;
  }
}

.kiji_content h6 {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}

.kiji_content ol {
  padding-left: 3rem;
  margin-bottom: 25px;
}

.kiji_content ul:not(.toc_list) li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  position: relative;
  padding-left: 1em;
  margin-bottom: 10px;
}
.kiji_content ul:not(.toc_list) li:before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #000;
}
.kiji_content ol li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.65;
  padding-left: 0.1em;
}

.kiji_content img {
  width: 100%;
  height: auto;
  border-radius: 40px;
}

/*====================================
2022/03/02追記
====================================*/


.top_c01_tag a:before {
    content: '#';
    color: #04bffd;
}

.top_c02_tag a:before {
  content: '#';
  color: #04bffd;
}

.top_c03_tag a:before {
  content: '#';
  color: #04bffd;
}

.search_tags a:before {
  content: '#';
}

.top_contents01_g2 .top_contents01_g2_main_in img,.top_contents01_g2_side_in img,div.img_r20 > img,div.img_r30 > img{
	width: 100%;
	height: 100%;
}