@charset "shift_jis";





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


.head_bg{
	width:100%;
	margin: 0 auto;
	background-color:#ffffff;
	border-bottom:1px #111 solid;
}

.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:380px;
	padding-top:30px;
	padding-bottom:15px;
	padding-left:15px;
	}
.head_fbox-a_02{
	width:50%;
	/*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:hover {
	color:#111;
	border-bottom:3px #333 solid;
	/*margin-bottom:-3px;*/
}

/* ツールチップコメント */
/*.cp_tooltip {
	display: inline-block;
}*/
.cp_tooltiptext {
	position: relative;
	cursor: pointer;
	background: linear-gradient(transparent 60%, #f19ec2 60%);
}
.cp_tooltiptext::after {
	position: absolute;
	transition: all 0.3s ease 0s;
	opacity: 0;
	top: 20px;/*HOVERのスタート位置*/
	left: 20px;
	display: block;
	padding: 0.2em 0.5em;
	content: attr(data-tooltip);
	white-space: nowrap;
	color: #ffffff;
	border-radius: 6px;
	background: #1b2538;
}
.cp_tooltiptext:hover::after {
	top: 20px;/*HOVER位置*/
	left:-20px;
	opacity: 1;
}



.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:38%;
	}


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


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

.foot02_bg01{
	width:100%;
	margin: 0 auto;
	background-color:FFF;
	}

.foot_nav_bg01 {
	background-color:#000;
	/*border-top:1px #ccc solid;*/
	font-weight:bold;
	min-height:15px;
	}

ul.foot_nav {
  list-style: none;
  overflow: hidden;
  	font-size:16px;
	font-size:1.6rem;
}

@media only screen and (max-width: 1000px) {
ul.foot_nav {
  	font-size:14px;
	font-size:1.4rem;
}
}
 
ul.foot_nav li {
  text-align: center;
  float: left;
  height: 44px;
  line-height: 44px;
  padding:15px 0;
  /*margin-right: 2px;*/
}



ul.foot_nav li.nav_a {
  width: 21%;
}
ul.foot_nav li.nav_b {
  width: 12%;
}
ul.foot_nav li.nav_c {
  width: 11%;
}
ul.foot_nav li.nav_00 {
  width: 11%;
}

@media only screen and (max-width: 1180px) {
ul.foot_nav li.nav_a {
  width: 26%;
}
ul.foot_nav li.nav_b {
  width: 16%;
}
ul.foot_nav li.nav_c {
  width: 14%;
}
ul.foot_nav li.nav_00 {
  width: 0%;
}
}
 
ul.foot_nav li a {
  text-decoration: none;
  /*font-weight:bold;*/
  color: #FFF;
  padding: 10px 5px;
}
ul.foot_nav li a:hover {
  color: #EEE;

}


.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:215px;
	/*min-width:204px;*/
	padding-top:20px;
	padding-bottom:15px;
	/*padding-left:15px;*/
	}
.foot_fbox-a_02{
	width:105px;
	/*min-width:204px;*/
	padding-top:20px;
	padding-bottom:15px;
	}
.foot_fbox-a_03{
	width:252px;
	/*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:40%;
	min-width:204px;
	padding-top:20px;
	padding-bottom:15px;*/
	}
}


.btn_c00_btn-gradient-radius {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none;
  color: #FFF;
  /*background-image: linear-gradient(45deg, #277BD8 0%, #216BBE 100%);
  transition: .4s;*/
  
  width:90%;
  text-align:center;
  background-image: url(../images/btn_icon03.png);
  background-position:center right 20px;
  background-repeat:no-repeat;
  font-weight:bold;
}

.btn_c00_btn01{
  background-color:#CF000E;
	}
	
@media only screen and (max-width: 813px) {
.btn_c00_btn-gradient-radius {
  border-radius: 40px;
  background-position:center right 5%;
}
}



/*====================================
グリッドベース
====================================*/

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


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

.tit_type01 span {
  border-bottom:1px #009843 solid;
  padding-bottom:10px;
}
.tit_type02 {
	padding:25px 0;
	background-color:#FFF;
	border-top:60px #F6F6F6 solid;
	}

.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:#EEE;
}

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

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

}


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

.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_contents01_g2 > .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 > .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; /* 縦位置 */
	background-image: url(../smileyplus-p/top-p/top_c01_img01.png);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	min-height:440px;
}
.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 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: 2;
	grid-row: 2; 
}
.top_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; 
}
}





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

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


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

.top_contents03_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; /* 縦位置 */
	
	background-position:top center;
	background-repeat: no-repeat;
	background-size:contain;
	min-height:270px;
	background-image: url(../smileyplus-p/top-p/top_c03_img01.jpg);
}
.top_contents03_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_contents03_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_contents03_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents03_g2 > .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;
	
	min-height:320px;
}
.top_contents03_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_c04_bg01{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg01.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	border-bottom:1px #DDDDDD solid;
	padding-bottom:60px;
}

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



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

.top_contents05_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; /* 縦位置 */
	
	border:1px #7A7A7A solid;
}
.top_contents05_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;
	
	border:1px #000 solid;
}

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


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

.top_contents05_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_contents05_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_c05_boxin_fbox {
	width:92%;
	padding-left:4%;
	padding-right:4%
	}
.top_c05_boxin_fbox_a {
	width:8%;
}
.top_c05_boxin_fbox_b {
	width:92%;
}
.top_c05_boxin_fbox_b > p > span{
	color:#B81933;
	}

@media only screen and (max-width: 813px) {
.top_c05_boxin_fbox {
	width:94%;
	padding-left:3%;
	padding-right:3%
	}
.top_c05_boxin_fbox_a {
	width:10%;
}
.top_c05_boxin_fbox_b {
	width:90%;
}

}


.top_c05_tx01 span {
	/*color:#0059A5;
	background: linear-gradient(transparent 80%, #F9E453 80%);*/
	}

.top_c05_stit01{
	background-color:#919191;
	padding:8px 12px;
	color:#FFF;	
	}
.top_c05_stit02{
	background-color:#000;
	padding:8px 12px;
	color:#FFF;	
	}




.top_c06_bg01{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg01.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#000;
}

.top_c06_bg02{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}


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

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

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

	background-position:top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:400px;
	background-image: url(../smileyplus-p/top-p/top_c06_img01.jpg);
}
.top_contents06_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_contents06_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_contents06_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents06_g2 > .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;
	
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height:440px;
	background-image: url(../smileyplus-p/top-p/top_c06_img01.jpg);
}
.top_contents06_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_c07_bg01{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg01.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#F6F6F6;
}

.top_c07_bg02{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

.top_c07_box01{
	background-color:#FFF;
	border-radius: 6px;
	border:1px #E1E1E1 solid;
	}
	
.top_c07_tit01{
	/*border-top:1px #68D309 solid;
	border-bottom:1px #68D309 solid;*/
	background-color:#000;
	}

.top_c07b_stit01{
	background-color:#7A7A7A;
	padding:5px 10px;
	margin:0px 0 8px 0;
	color:#FFF;	
	}

.mekkin_table01{
border-collapse:collapse;
max-width:1140px;
width:96%;
min-width:690px;
font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
font-size:20px;
/*font-size:2.5rem;*/
line-height:1.45;
margin:0 auto;
}

.mekkin01_td01{
width:20%;
background-color:#AAA;
text-align:center;
padding:15px 20px 15px 20px;
color: #FFFFFF;
border:1px #CFCFCF solid;
}

.mekkin01_td01a{
width:16%;
}
.mekkin01_td01b{
width:28%;
}
.mekkin01_td01c{
width:28%;
}
.mekkin01_td01d{
width:28%;
}

.mekkin01_td02{
text-align:center;
padding:15px 20px 15px 20px;
border:1px #CFCFCF solid;
}

.mekkin01_td02a{
background-color:#F3F3F3;
}
.mekkin01_td02b, .mekkin01_td02c, .mekkin01_td02d{
background-color:#FFF;
}



@media only screen and (max-width: 813px) {
.mekkin01_td01{
	padding:15px 5px;
}
.mekkin01_td02{
	padding:15px 5px;
}
}


.top_c07b_tx01{
	background-color:#000;
	padding:8px 0;
	}
.top_c07b_box01{
	border:1px #000 solid;
	border-top:none;	
	}


/* 動画埋め込み */
.movie_box iframe {
	width:100%;
	height:210px;
	}
@media only screen and (max-width: 813px) {
.movie_box {
	width:94%;
	padding:25px 3%;
	background-color:#F8F8F8;
	}
.movie_box iframe {
	width:100%;
	height:auto;
	min-height:340px;
	max-height:440px;
	}
}


.top_c08_stit01{
	background-color:#000;
	padding:5px 10px;
	margin:0px 0 8px 0;
	color:#FFF;	
	}


.top_c10_bg01{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg01.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#F6F6F6;
}

.top_c10_bg02{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}


.top_c11_bg01{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg01.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#FFF;
}

.top_c11_bg02{
	width: 100%;
	/*background-image: url(../smileyplus-p/top-p/top_c03_bg02.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.top_c11_grid_item {
	background-color:#FFF;
	border:1px #CCC solid;
	}
.top_c11_imgbg {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	min-height:280px;
	}
.top_c11_imgbg01 {
	background-image: url(../smileyplus-p/top-p/top_c11_img01.jpg);
}
.top_c11_imgbg02 {
	background-image: url(../smileyplus-p/top-p/top_c11_img02.jpg);
}
.top_c11_imgbg03 {
	background-image: url(../smileyplus-p/top-p/top_c11_img03.jpg);
}
.top_c11_imgbg04 {
	background-image: url(../smileyplus-p/top-p/top_c11_img04.jpg);
}



.top_c12_bg01{
	width: 100%;
	/*background-image: url(../horikogyo_nano-p/top-p/top_c12_bg01.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#D6D6D6;
}

.top_c12_bg02{
	width: 100%;
	background-image: url(../smileyplus-p/top-p/top_c12_bg02.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
}
.top_c12_img img{
	width:80%;	
	}
@media only screen and (max-width: 813px) {
.top_c12_img img{
	width:90%;	
	}
}

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

.top_ttl_wrap {
	width: 1200px;
	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;
	background-color: #E6E6E6;
}

.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: 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: 380px;
	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;
}