@charset "shift_jis";





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

.view_mb_tb_nav{
	display: none;
}

@media (max-width: 1024px)  {
	
.viewpc_only_nav {
	display: none;
}
.view_mb_tb_nav{
	display: block;
}

}


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

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


.head_bg{
	width:100%;
	margin: 0 auto;
	background-color:#FFF;
}
.head_logo{
	width:170px;
	}
.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:12%;
	min-width:200px;
	padding-top:40px;
	padding-bottom:15px;
	padding-left:15px;
	}
.head_fbox-a_02{
	width:78%;
	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: #111;
	font-weight:bold;
    padding: 15px 6px 6px 6px;
	margin:0 8px;
    display: block;
	border-bottom:3px #FFF solid;
}
.head_nav li a.fb {
    text-decoration: none;
    color: #111;
	font-weight:bold;
    padding: 0px;
    display: block;
	border:none;
}

.head_nav li a:hover {
	color:#111;
	border-bottom:3px #C51721 solid;
	/*margin-bottom:-3px;*/
}
.head_nav li a.fb:hover {
	color:#666;
	border-bottom: none;
	margin-bottom:0px;
}

.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;
	}
.head_logo{
	width: auto;
	padding-left:15px;
	}

}




.foot01_bg{
	width:100%;
	margin: 0 auto;
	background-color:#EAEDF1;
}
.foot_logo{
	width:170px;
	}
.foot_fbox-a {
	padding-top:40px;
	padding-bottom:40px;	
	}	

.foot_fbox-a_00{
	width:100%;
	min-width:1024px;
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	}
.foot_fbox-a_01{
	width:12%;
	min-width:200px;
	padding-top:40px;
	padding-bottom:15px;
	padding-left:0px;
	}
.foot_fbox-a_02{
	width:78%;
	padding-top:40px;
	padding-bottom:15px;
	}
@media only screen and (max-width: 823px) {
	
.foot_logo{
	width:100%;
	}
.foot_logo img{
	width:100%;
	}
.foot_fbox-a {
	padding-top:20px;
	padding-bottom:40px;	
	}
.foot_fbox-a_00{
	width:100%;
	min-width:720px;
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	}
.foot_fbox-a_01{
	width:25%;
	padding-top:40px;
	padding-bottom:15px;
	padding-left:0px;
	}
.foot_fbox-a_02{
	width:100%;
	padding-top:40px;
	padding-bottom:15px;
	}
}
	
.foot_nav ul {
	text-align:right;
}
.foot_nav li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; // IE7以下
}
.foot_nav li a {
    text-decoration: none;
    color: #FFF;
	font-weight:bold;
    padding: 15px 6px 6px 6px;
	margin:0 8px;
    display: block;
}
.foot_nav li a.fb {
    text-decoration: none;
    color: #FFF;
	font-weight:bold;
    padding: 0px;
    display: block;
}

.foot_nav li a:hover {
	color:#FFF;
	border-bottom:3px #FFF solid;
	margin-bottom:-3px;
}
.foot_nav li a.fb:hover {
	color:#EEE;
	border-bottom: none;
	margin-bottom:0px;
}

@media only screen and (max-width: 823px) {
.foot_nav ul {
	text-align: center;
}
.foot_nav li a:hover {
	color:#FFF;
	border-bottom: none;
	margin-bottom:0px;
}
}


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

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

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

.foot_contents01_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; /* 縦位置 */
}
.foot_contents01_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; 
}
.foot_contents01_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; 
}
.foot_contents01_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: 823px) {


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

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


}

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

.foot_contents01_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; 
}
.foot_contents01_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; 
}
.foot_contents01_g4 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.foot_contents01_g4 > .grid_container > .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	
	-ms-grid-row: 3;
	grid-row: 3;
	
	text-align:center;
}
.foot_contents01_g4 > .grid_container > .grid_item_04 img {
	width:60%;
}
}



/*.foot_btn-square01 {
  display: inline-block;
  padding: 30px 0;
  text-decoration: none;
  color: #FFF;
  border-radius: 6px;
  width:100%;
  text-align:center;
}

.foot_btn-square01a {
  background: #555;
  border-bottom: solid 4px #4B4B4B;
}
.foot_btn-square01b {
  background: #D0121B;
  border-bottom: solid 4px #9C0E15;
}
*/
.foot_btn-square01{
    display: inline-block;
  padding: 30px 0 26px 0;
    text-decoration: none;
    color: #FFF;
    border-radius: 6px;
	width:100%;
	text-align: center;
}


.foot_btn-square01a{
    background: #000;/*ボタン色*/
  border-bottom: solid 4px #4B4B4B;
	}
.foot_btn-square01b{
    background: #D0121B;/*ボタン色*/
  border-bottom: solid 4px #9C0E15;
	}




.foot_contents02_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;
}

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

.foot_contents02_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_contents02_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: 823px) {


.foot_contents02_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;


}

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

.foot_contents02_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_contents02_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; 
}
}


.foot03_fbox-a_00{
	width:100%;
	min-width:1080px;
	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;
	}
.foot03_fbox-a_01{
	width:200px;
	padding-top:40px;
	padding-bottom:15px;
	padding-left:15px;
	}
.foot03_fbox-a_02{
	width:800px;
	padding-top:40px;
	padding-bottom:15px;
	}
.foot_box a{
	color:#FFF;
	text-decoration:none;
	}
.foot_box a:hover{
	color:#EEE;
	text-decoration: underline;
	}
.foot_box a.tel{
	color:#FFF;
	text-decoration:none;
	cursor: default;
	}
.foot_box a:hover{
	color:#EEE;
}
















.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__main00_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

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

.top__main00_bg01{
	width: 100%;
/*	background-image: url(../sunflap-p/top-p/top__main01_bg01.gif);*/
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
	background-color:#111;
}

.top__main00_bg02{
	width: 100%;
/*	background-image: url(../sunflap-p/top-p/top__main01_bg02.png);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.top__main02_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EDEDED;
	border-bottom:3px #EB000C solid;
}

.top__main02_bg02{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
.top__main04_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EDEDED;
	border-bottom:3px #EB000C solid;
}

.top__main04_bg02{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
.top__main07_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#F5F5F5;
}

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

.top__main08a_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#D0121B;
}
.top__main08b_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#FFF;
}

.top__main08b_bg02{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
.top__main09_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.top__main09_bg02a{
	width: 100%;
	background-image: url(../sunflap-p/top-p/top_c09_bg02a.png);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;

}
.top__main09_bg02b{
	width: 100%;
	background-image: url(../sunflap-p/top-p/top_c09_bg02b.png);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:repeat;
	background-position: top center;
}


.top__main01_tx01{	
	}





.top_contents01a_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;
}

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

.top_contents01a_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; /* 縦位置 */
}
.top_contents01a_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; 
}
.top_contents01a_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; 
}
.top_contents01a_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) {


.top_contents01a_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;


}

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

.top_contents01a_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; 
}
.top_contents01a_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; 
}
.top_contents01a_g4 > .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; 
}
.top_contents01a_g4 > .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; 
}
}







.top_contents01_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_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 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; 
}
.top_contents01_g2 > .grid_container > .grid_item_03 {
	-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; /* 縦位置 */
}
.top_contents01_g2 > .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; /* 縦位置 */ 
}

@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 15px 30px 15px;
}

.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 > .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; 
}
.top_contents01_g2 > .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; 
}
}




.top_c02_en-box {
	text-align:center;
  display: block;
  padding: 0.5em 1em;
  background: #FFF;
  border-radius: 3px;
  font-weight:bold;
  margin-bottom:20px;
	}
	
.top_c02_more_btn-square{
    display: inline-block;
  padding: 10px 65px 10px 65px;
    text-decoration: none;
    color: #FFF;
    border-radius: 6px;
	text-align: center;
    background: #000;/*ボタン色*/
    /*border-bottom: solid 4px #4B4B4B;*/
	background-image: url(../sunflap-p/common-p/more_btn_icon_on.png);
	background-position:center right;
	background-repeat:no-repeat;
}
	

.top_contents02_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;
}

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

.top_contents02_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; /* 縦位置 */
}
.top_contents02_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; 
}
.top_contents02_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; 
}
.top_contents02_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) {


.top_contents02_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;


}

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

.top_contents02_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; 
}
.top_contents02_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; 
}
.top_contents02_g4 > .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; 
}
.top_contents02_g4 > .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; 
}
.top_contents02_g4 > .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; 
}
.top_contents02_g4 > .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; 
}
}





.top_contents03_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;
}

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

.top_contents03_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; /* 縦位置 */
}
.top_contents03_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; 
}
.top_contents03_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; 
}
.top_contents03_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) {


.top_contents03_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;


}

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

.top_contents03_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; 
}
.top_contents03_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; 
}
.top_contents03_g4 > .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; 
}
.top_contents03_g4 > .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; 
}
.top_contents03_g4 > .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; 
}
.top_contents03_g4 > .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; 
}
}







.top_c04_en-box {
	text-align:center;
  display: block;
  padding: 0.5em 1em;
  background: #FFF;
  border-radius: 3px;
  font-weight:bold;
  margin-bottom:20px;
	}

.top_contents04_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;
}

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

.top_contents04_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; /* 縦位置 */
}
.top_contents04_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; 
}
.top_contents04_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; 
}
.top_contents04_g3 > .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) {


.top_contents04_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;


}

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

.top_contents04_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; 
}
.top_contents04_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; 
}
.top_contents04_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; 
}
.top_contents04_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; 
}
.top_contents04_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; 
}
.top_contents04_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; 
}
}




.top_contents06_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;
}

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

.top_contents06_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; /* 縦位置 */
}
.top_contents06_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; 
}
.top_contents06_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; 
}

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


.top_contents06_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;


}

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

.top_contents06_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; 
}
.top_contents06_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; 
}
.top_contents06_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; 
}
}







.top_contents08_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_contents08_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}
.top_contents08_g2 > .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; 
}
.top_contents08_g2 > .grid_container > .grid_item_03 {
	-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_contents08_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_contents08_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents08_g2 > .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; 
}
.top_contents08_g2 > .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; 
}
}






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

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

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

.top_contents08_g6 > .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_contents08_g6 > .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; 
}
.top_contents08_g6 > .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; 
}
.top_contents08_g6 > .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; 
}
.top_contents08_g6 > .grid_container > .grid_item_05 {
	-ms-grid-column: 5;
	-ms-grid-column-span: 1;
	grid-column: 5 / 6;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents08_g6 > .grid_container > .grid_item_06 {
	-ms-grid-column: 6;
	-ms-grid-column-span: 1;
	grid-column: 6 / 7;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}


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


.top_contents08_g6 > .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_contents08_g6 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents08_g6 > .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_contents08_g6 > .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; 
}
.top_contents08_g6 > .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; 
}
.top_contents08_g6 > .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; 
}
.top_contents08_g6 > .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; 
}
.top_contents08_g6 > .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; 
}
}



/* スタッフページ */

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

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



.staff_contents01_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;
}

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

.staff_contents01_g2 > .grid_container > .grid_item_02 {
	-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; /* 縦位置 */
}
.staff_contents01_g2 > .grid_container > .grid_item_03 {
	-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) {


.staff_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;


}

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

.staff_contents01_g2 > .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; 
}
.staff_contents01_g2 > .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; 
}
}

.staff_contents01_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;
}

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

.staff_contents01_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; /* 縦位置 */
}
.staff_contents01_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; 
}
.staff_contents01_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; 
}


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


.staff_contents01_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;


}

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

.staff_contents01_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; 
}
.staff_contents01_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; 
}
.staff_contents01_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; 
}
}


.staff__main01_tit02{
	border-bottom:2px #111 solid;
	margin:0 15px;
	padding-bottom:8px;
	}

.message_main02_btn {

  display: inline-block;
  width: 100%;
  height: 60px;
  text-align: left;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #111;
  	background-image: url(../sunflap-p/common-p/btn_icon01_off.png);
	background-repeat:no-repeat;
	background-position: right 10px center;
}
.message_main02_btn:hover{
  color:#666;
  	background-image: url(../sunflap-p/common-p/btn_icon01_on.png);
	background-repeat:no-repeat;
	background-position: right 7px center;
}
.message_main02_btn::before,
.message_main02_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.message_main02_btn,
.message_main02_btn::before,
.message_main02_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}





/* スタッフ個人ページ */

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

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

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

.staffkojin__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; /* 縦位置 */
}
.staffkojin__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) {


.staffkojin__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;


}

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

.staffkojin__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; 
}
.staffkojin__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; 
}
}



.staffkojin__contents01b_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;
}

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

.staffkojin__contents01b_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; /* 縦位置 */
}
.staffkojin__contents01b_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) {


.staffkojin__contents01b_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;


}

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

.staffkojin__contents01b_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; 
}
.staffkojin__contents01b_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; 
}
}

.staffkojin_btn-box{
	text-align:right;
	}
.staffkojin_btn {
	text-align:right;
  display: inline-block;
  width: 25%;
  height: 60px;
  text-align: left;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #111;
  	background-image: url(../sunflap-p/common-p/btn_icon01_off.png);
	background-repeat:no-repeat;
	background-position: right 10px center;
}
.staffkojin_btn:hover{
  color:#666;
  	background-image: url(../sunflap-p/common-p/btn_icon01_on.png);
	background-repeat:no-repeat;
	background-position: right 7px center;
}
.staffkojin_btn::before,
.staffkojin_btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.staffkojin_btn,
.staffkojin_btn::before,
.staffkojin_btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

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

.staffkojin_btn-box{
  text-align: center;
	}
.staffkojin_btn {
  width: 60%;
  text-align: center;
  }
	
	}




/* 制作物ページ */

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

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







/* 会社案内ページ */

.company__mainimg_bg01{
	width: 100%;
	background-image: url(../sunflap-p/company-p/company_mainimg_bg01.png);
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.company__mainimg_bg02{
	width: 100%;
	background-image: url(../sunflap-p/company-p/company_mainimg_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}


.company_table01{
border-collapse:collapse;
max-width:900px;
width:100%;
min-width:650px;
font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
font-size:1.6rem;
font-size:16px;
line-height:1.45;
}




.company_td01{
font-weight: bold;
width:30%;
padding-top:20px;
padding-bottom:20px;
color:#D0121B;
border-bottom:1px #D0121B solid;
}


.company_td02{
width:70%;
background-color:#FFFFFF;
text-align:left;
line-height:1.50;
padding-top:20px;
padding-bottom:20px;
color:#595959;
border-left:10px #FFFFFF solid;	
border-bottom:1px #A4A4A4 solid;

}

.line_top01{
border-top:1px #D0121B solid;
}

.line_top02{
border-top:1px #A4A4A4 solid;
}

.company_ol li {
	margin-left:1.6em;
 padding-left: 0.2em;
 position: relative;
 line-height:1.75;
}
.company_ol li:before{
 display: block;
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
 color:#B8C9DC;
 font-size:16px;
 font-size:1.6rem;
}

@media only screen and (max-width: 813px) {
.company_table01{
font-size:2.2rem;
font-size:22px;
}
.company_td01{
width:22%;
}
.company_td02{
width:78%;
}
}



/* 会社案内ページ */

.lecture__main01_bg01{
	width: 100%;
	background-image: url(../sunflap-p/lecture-p/lecture_mainimg_bg01.png);
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.lecture__main01_bg02{
	width: 100%;
	background-image: url(../sunflap-p/lecture-p/lecture_mainimg_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}



/* 流れページ */

.flow__mainimg_bg01{
	width: 100%;
	background-image: url(../sunflap-p/flow-p/flow_mainimg_bg01.png);
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.flow__mainimg_bg02{
	width: 100%;
	background-image: url(../sunflap-p/flow-p/flow_mainimg_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-color:#241C0F;
}

.flow__main02_bg01{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../sunflap-p/flow-p/flow__main02_bg01.png);
	background-repeat:repeat;
	margin: 0 auto;
}

.flow__main04_bg01{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../sunflap-p/flow-p/flow__main02_bg01.png);
	background-repeat:repeat;
	margin: 0 auto;
}


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

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

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

.flow_contents01_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; /* 縦位置 */
}
.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .grid_container > .grid_item_05 {
	-ms-grid-column: 5;
	-ms-grid-column-span: 1;
	grid-column: 5 / 6;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

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


.flow_contents01_g5 > .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;


}

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

.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .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; 
}
.flow_contents01_g5 > .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;
}
}

.flow_contents01_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;
}

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

.flow_contents01_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; /* 縦位置 */
}
.flow_contents01_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; 
}
.flow_contents01_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; 
}
.flow_contents01_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) {


.flow_contents01_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;


}

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

.flow_contents01_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; 
}
.flow_contents01_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; 
}
.flow_contents01_g4 > .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; 
}
.flow_contents01_g4 > .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; 
}
}


.flow_contents02__stit{
	color:#FFF;
	background-color:#333333;
	padding:6px 0;
	}
.flow_contents02__txbox{
	padding:10px;
	
	}

ul.flow_contents02__list01 li {
 padding-left: 1.2em;
 position: relative;
}
ul.flow_contents02__list01 li:before{
 display: block;
 content: "●";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
 color:#FF0033;
 font-size:20px;
 font-size:2.0rem;
}

.flow_contents02__boxbg {
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:280px;
	}
.flow_contents02__boxbg01 {
	background-image: url(../sunflap-p/flow-p/flow_boxbg01.jpg);
	}
.flow_contents02__boxbg02 {
	background-image: url(../sunflap-p/flow-p/flow_boxbg02.jpg);
	}
.flow_contents02__boxbg03 {
	background-image: url(../sunflap-p/flow-p/flow_boxbg03.jpg);
	min-height:380px;
	}	
.flow_contents02__boxbg04 {
	background-image: url(../sunflap-p/flow-p/flow_boxbg04.jpg);
	min-height:380px;
	}
.flow_contents02__boxbg05 {
	background-image: url(../sunflap-p/flow-p/flow_boxbg05.jpg);
	min-height:380px;
	}


.flow_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;
}

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

.flow_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; /* 縦位置 */
}
.flow_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) {


.flow_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;


}

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

.flow_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; 
}
.flow_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; 
}
}


.flow_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;
}

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

.flow_contents02_g2b > .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; /* 縦位置 */
}
.flow_contents02_g2b > .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) {


.flow_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;
}

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

.flow_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.flow_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; 
}
}



.flow_contents03_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;
}

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

.flow_contents03_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; /* 縦位置 */
}
.flow_contents03_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; 
}
.flow_contents03_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; 
}
.flow_contents03_g3 > .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) {


.flow_contents03_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;


}

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

.flow_contents03_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; 
}
.flow_contents03_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; 
}
.flow_contents03_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; 
}
.flow_contents03_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; 
}
}



/* 講演会ページ */
.lecture__mainimg_bg01{
	width: 100%;
	background-image: url(../sunflap-p/lecture-p/lecture_mainimg_bg01.png);
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.lecture__mainimg_bg02{
	width: 100%;
	background-image: url(../sunflap-p/lecture-p/lecture_mainimg_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
.lecture__main01_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

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

.lecture__main02_bg01{
	width: 100%;
	/*background-image: url(../images/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#FAFAFA;
}

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


.lecture_ctgbox{
	position:absolute; top:50%;
	transform: translateY(-50%);
	padding:6px;
	}
.lecture_libox ul {
	text-align:left;
}
.lecture_libox li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; // IE7以下
}
.lecture_libox li span {
    text-decoration: none;
	color:#013D6C;
	/*font-weight:bold;*/
    padding: 6px 6px 6px 6px;
	margin:0 8px;
    display: block;
	font-size:1.6rem;
	font-size:16px;
	/*border-bottom:2px #FFF solid;*/
}



.lecture_contents01_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;
}

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

.lecture_contents01_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; /* 縦位置 */
}
.lecture_contents01_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; 
}
.lecture_contents01_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; 
}
.lecture_contents01_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) {


.lecture_contents01_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;


}

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

.lecture_contents01_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; 
}
.lecture_contents01_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;
}
.lecture_contents01_g4 > .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; 
}
.lecture_contents01_g4 > .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; 
}
}


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

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

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

.lecture_contents02_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; /* 縦位置 */
	
	padding:15px;
}
.lecture_contents02_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) {


.lecture_contents02_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;


}

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

.lecture_contents02_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;
	
	padding:20px 15px;
}
.lecture_contents02_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; 
}
}


/* グループページ */

.group__mainimg_bg01{
	width: 100%;
	/*background-image: url(../regista-p/group-p/group_mainimg_bg01.gif);*/
	background-color:#E3E3ED;
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.group__mainimg_bg02{
	width: 100%;
	background-image: url(../regista-p/group-p/group_mainimg_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size: cover;
	min-height:320px;
}

.group__main01_bg01{
	width: 100%;
	/*background-image: url(../regista-p/group-p/group_main01_bg01.gif);*/
	background-color:#FFF;
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.group__main01_bg02{
	width: 100%;
	/*background-image: url(../regista-p/group-p/group_main01_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat: repeat-y;
	background-position: top center;
}
@media only screen and (max-width: 823px) {
.group__main01_bg01{
	background-image: url(../regista-p/group-p/group_main01_bg01.gif);
}

.group__main01_bg02{
	background-image: url(../regista-p/group-p/group_main01_bg02.gif);
}
}

.group_stit01{
	font-size:28px;
	font-size:2.8rem;
	line-height:1.25;
	padding-bottom:6px;
	border-bottom:2px #BBBBBB solid;
	margin:50px 15px 20px;
	position: relative;
	}
.group_stit01:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #E20B11;
  bottom: -3px;
  width: 30%;
}

.group_tx01{
  position: absolute;
  top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
	}
@media only screen and (max-width: 823px) {
.group_tx01{
  position: static;
  transform: none;
}
}

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

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

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

.group_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; /* 縦位置 */
}
.group_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: 823px) {


.group_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;


}

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

.group_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;
	
	background-color:#FFF;
	border:2px #CCC solid;
	text-align:center;
}
.group_contents01_g2 > .grid_container > .grid_item_01 img {
	width:80%;


}
.group_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; 
}
}


/* お問い合わせページ */

.contact__mainimg_bg01{
	width: 100%;
	background-image: url(../sunflap-p/company-p/company_mainimg_bg01.png);
	background-repeat:repeat-x;
	margin: 0 auto;
	overflow: hidden;
}

.contact__mainimg_bg02{
	width: 100%;
	background-image: url(../sunflap-p/company-p/company_mainimg_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}



.thanks_box .btn-square {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #111;/*ボタン色*/
  color: #FFF;
  border:2px #111 solid;
  border-radius: 3px;
}

.thanks_box .btn-square:hover {
	background: #FFF;/*ボタン色*/
	  color: #111;
  border:2px #111 solid;
	
}

.thanks_box .top_btn a {
	color:#FFF;
	text-decoration:none;
	margin-left:20px;
	
	}

/* ====================================
gotop
====================================*/

p.go_top{
position: fixed;
right: 2%;
bottom: 0;
z-index:9999;
}
p.go_top a{
width: 60px; /*画像の横幅と同じ*/
height: 60px; /*画像の縦幅と同じ*/
display: block;
}
p.go_top img{
width: 60px; /*画像の横幅と同じ*/
height: 60px; /*画像の縦幅と同じ*/
display: block;
}

@media (max-width: 813px)  {
	
p.go_top{
position: fixed;
right: 2%;
bottom: 0;
z-index:9999;
}
p.go_top a{
width: 90px; /*画像の横幅と同じ*/
height: 90px; /*画像の縦幅と同じ*/
display: block;
}
p.go_top img{
width: 90px; /*画像の横幅と同じ*/
height: 90px; /*画像の縦幅と同じ*/
display: block;
}
	
	
}


/* -----------------------------------------
slide_カバーのcss
----------------------------------------- */

.top_ttl_wrap {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}
.top_ttl {
	/*height: 1400px;*/
	position: absolute;
	z-index: 99999;
	top: 0px;
	left: 0px;
}

.slide_bg{
	background:url(../sunflap-p/top-p/slide-p/slide_bg01.png) repeat center;
	overflow:hidden;
}

.slide_left{
	background:#FFFFFF;}

.slide_right{
	background:#FFFFFF;}



@media only screen and (max-width: 823px) {
.ttl_wrap {
	width: 750px;
	margin: 0 auto;
	position: relative;
}
.ttl {
	height: 750px;
	position: absolute;
	z-index: 999;
	top: 0px;
	left: 0px;
}
}

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

#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: 90px;
	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;
}