/* index page */
#index {
	background: linear-gradient(
		135deg, 
		rgb(54 162 255 / 30%), 
		rgb(79 231 255 / 43%)), 
		url(../image/main_connect_skyblue.jpg);
    background-position: top center;
    background-size: 200vw;
    background-repeat: no-repeat;
}

#index .box_table {
	padding-left: 20px;
	padding-right: 20px;
}

#index #box_panel {
	width: 100%;
}

#index #box_panel td {
	width: 20%;
	background: url(../image/index/photo_bg.png);
	line-height: 1;
	vertical-align: top;
	padding-left: 8px;
	padding-bottom: 5px;
}

#index #box_panel td img {
	width: 100%;
}

#index #box_panel td.feelgood {
	padding-top: 1px;
}




#index #box_panel_btn {
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	padding-top: 10px;
}

#index #box_panel_btn img {
	width:100%;
}

#index #box_panel_btn div:last-child {
	width: 49%;
	float: right;
}

#index #box_panel_btn div:last-child a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 8px;
	line-height: 1.5;
	height: 90%;
	background: url(../image/index/plate_green.png) no-repeat;
	background-size:100%;
}

#index #box_panel_btn div:last-child a:hover {
	opacity: 0.7;
}



#index #box_panel_btn div:first-child {
	float: left;
	width: 49%;
}

#index #box_panel_btn div:first-child img {
	width: 100%;
}




#index #box_panel_btn2 {
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	padding-top: 3px;
}

#index #box_panel_btn2 div:first-child {
	width: 49%;
	float: left;
}

#index #box_panel_btn2 div:first-child a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	display: block;
	padding: 8px;
	line-height: 1.5;
	height: 90%;
	background: url(../image/index/plate_green.png) no-repeat;
	background-size:100%;
}

#index #box_panel_btn2 div:first-child a:hover {
	opacity: 0.7;
}

#index #box_panel_btn2 div:last-child {
	float: right;
	width: 49%;
}

#index #box_panel_btn2 div:last-child img {
	width: 100%;
}

#tagline {
    padding: 20vw 5vw;
    font-size: 8vw;
    color: white;
}
#tagline span {
    display: block;
    line-height: 1em;
    font-weight: bold;
    text-indent: -.5em;
	text-shadow: 0 0 5px rgb(5 39 80 / 64%);
}
#tagline span + span {
    margin-top: .5em;
}
#tagline span:nth-child(3) {
    text-indent: 0;
}
#tagline + div {
    margin: 0 2vw 5vw;
	padding: 3vw;
	font-size: 4vw;
	background-color: aliceblue;
}