@charset "utf-8";
/* CSS Document */

/* 
====================================================================================================
* top *
------------------------------------------------------------------------------------------------- */
.top_ttl {
	text-align: center;
	padding-bottom: 70px;
}
#leadBox, #menuBox, #flowBox, .news_submenu {
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	min-width: 1000px;
}
/* メインビジュアル
-------------------------------------------------- */
#mainVisual {
	border: none;
	margin: 0;
}
#mainVisual .slides li {
	background-position: center;
	background-repeat: no-repeat;
	height: 600px;
	display: block;
	font-size: 0;
	min-width: 1000px;
}
.mainVisual-1 {
	background-image: url(../images/mainvisual_01.png);
}
.mainVisual-2 {/* メインビジュアルの画像はここを変更してください */
	background-image: url(../images/mainvisual_02.png);
}
.mainVisual-3 {/* メインビジュアルの画像はここを変更してください */
	background-image: url(../images/mainvisual_03.png);
}
.mainVisual-4 {/* メインビジュアルの画像はここを変更してください */
	background-image: url(../images/mainvisual_04.png);
}
.flex-control-nav {
	bottom: 0;
}
.flex-control-paging li a {
	background: #285ca8;
}
.flex-control-paging li a.flex-active {
	background: #fff;
}
/* leadBox
-------------------------------------------------- */
#leadBox {
	background: url(../images/bg-f1.png) center top no-repeat;
	position: relative;
	padding-top: 50px;
}
#leadBox:after {
	content: "";
	position: absolute;
}
/*#leadBox p {
	line-height: 2;
	padding: 20px 0 20px 40px;
}*/
#leadBox .lineH0 {
	line-height: 0;
}
#leadBox .f-right {
	padding: 20px 0 0 40px;
}
#leadBox .top_ttl {
	padding: 40px 0 20px 0;
}
#leadBox .text-center {
	padding-top: 35px;
}
/* #leadBox .hover-arrow {
	right: 60px;
} */
#leadBox .point_list {
	width: 1000px;
	display: table;
	text-align: center;
	margin-bottom: 20px;
}
#leadBox .point_list .point {
	width: 280px;
	height: 160px;
	background: url(../images/merit_bg.png) no-repeat top center;
	margin: 15px 25px;
	font-size: 18px;
	text-align: center;
	display: inline-table;
}
#leadBox .point_list .point span {
	font-weight: bold;
}
#leadBox .point_list .point img {
	margin: 22px 0 5px 0;
}
/*#leadBox .point_list .point.point1 {
	margin-left: 50px;
}
#leadBox .point_list .point.point2 {
	margin-right: 50px;
}*/

/* menuBox
-------------------------------------------------- */
#menuBox {
	background-image: url(../images/bg-f3.png);
	background-position: center top;
	position: relative;
}
#menuBox:after, #menuBox:before {
	content: "";
	background-position: center;
	position: absolute;
	display: block;
	width: 100%;
	height: 40px;
}
#menuBox:before {
	background-image: url(../images/bg_wave1.png);
	top: -40px;
}
#menuBox:after {
	background-image: url(../images/bg_wave2.png);
	bottom: -2px;
}
.tMenu {
	width: 172px;
	text-align: center;
	display: inline-block;
	padding: 10px 35px;
}
.tMenu:nth-child(1), .tMenu:nth-child(3) {
	padding-left: 50px;
}
.tMenu a {
	color: #295ca8;
	font-size: 1.1em;
	text-decoration: none;
}
.tMenu .square {
	border-radius: 50%;
	height: 172px;
	width: 172px;
	display: inline-block;
	overflow: hidden;
}
.tMenu .square img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.tMenu a:hover .square img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.tMenu .mLinkTxt:before {
	content: "\025b6";
	font-size: 0.8em;
	padding-right: 5px;
	display: inline-block;
}
.MenuList {
	padding-top: 50px;
}
.MenuList li {
	background-color: #fff;
	border-radius: 5px;
	line-height: 0;
}
.MenuList li:nth-child(2) {
	margin: 0 50px;
}
.MenuList a:hover img {
	opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/* flowBox
-------------------------------------------------- */
#flowBox {
	background: url(../images/bg-f5.png) center top;
}
.flowItem {
	width: 212px;
	padding-bottom: 100px;
	padding-right: 50px;
	position: relative;
}
.flowItem h3 {
	padding-bottom: 20px;
}
.flowItem .arrow img{
	width:100%;
}
.flowItem .flowtxt {
	padding-top: 30px;
	line-height: 1.8;
}
.flowItem:nth-child(5) {
	padding-right: 0;
}
.flowItem .arrow {
	position: relative;
}
.flowItem .arrow:after {
	content: url(../images/flow_arrow.png);
	position: absolute;
	top: calc( 50% -  calc( 34px / 2 ) );
 	right: calc( -1 * ( calc( 50px / 2 ) + calc( 20px / 2) ));
}
.flow_btn {
	width: 50%;
	box-sizing: border-box;
}
.flow_btn:nth-child(1) {
	text-align: right;
	padding-right: 15px;
}
.flow_btn:nth-child(2) {
	padding-left: 15px;
}
.flow_btn.f-left .hover-arrow {
	right: 70px;
}
.flow_btn.f-right .hover-arrow {
	right: 58px;
}
/* aboutBox
-------------------------------------------------- */
#aboutBox {
	background-image: url(../images/about_bg.png);
	background-position: center;
	position: relative;
}
#aboutBox:before, #aboutBox:after {
	content: "";
	background-position: center;
	position: absolute;
	display: block;
	width: 100%;
}
#aboutBox:before {
	background-image: url(../images/bg_wave3.png);
	top: 0px;
	height: 34px;
}
#aboutBox:after {
	background-image: url(../images/bg_wave4.png);
	bottom: -2px;
	height: 29px;
}
.aboutLeft, .aboutRight {
	width: 50%;
}
.aboutLeft p, .aboutRight p {
	padding-top: 40px;
	line-height: 1.8;
}
.aboutLeft .arrow_btn:hover, .aboutRight .arrow_btn:hover {
	background-color: #000;
}
.aboutLeft .hover-arrow {
	right: 36px;
}
.aboutRight .hover-arrow {
	right: 46px;
}
/* newsBox
-------------------------------------------------- */
.news_submenu {
	background-image: url(../images/bg-f7.png), url(../images/bg-f8.png);
}
#tNews {
	overflow: auto;
	height: 200px;
	width: 880px;
}
#tNews dt, #tNews dd {
	padding: 20px 0;
	border-bottom: 1px dotted #c2c2c2;
}
#tNews dt {
	float: left;
	padding-right: 20px;
}
#tNews dd {
	margin-right: 20px;
}
#tNews dd a:link {
	text-decoration: underline;
}
.nDate {
	background-color: #cbdaf0;
	font-size: 0.8em;
	border-radius: 3px;
	padding: 5px;
}
.news_btn {
	margin-top: 30px;
	padding: 10px 30px 10px 20px;
	display: inline-block;
	border: 1px solid #295ca8;
	border-radius: 3px;
	font-size: 0.9em;
	color: #295ca8;
	position: relative;
}
.news_btn:hover {
	text-decoration: none;
	background-color: #295ca8;
	color: #fff;
}
.news_btn:after {
	content: "\03e";
	position: absolute;
	right: 10px;
}
/* submenuBox
-------------------------------------------------- */
#submenuBox {
	padding-top: 0;
}
.submenuItem {
	width: 25%;
}
.submenuItemimg {
	position: relative;
}
.submenuItemimg span {
	border-radius: 50%;
	height: 152px;
	width: 152px;
	display: inline-block;
	overflow: hidden;
}
.submenuItemimg img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.submenuItem a:hover span img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.submenuItem .submenuItemtxt {
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
}
.no_btn{
	background-color: #eef8f8;
    padding: 20px;
    border-radius: 10px; 
}
.no_btn .text-center{
	padding: 0 !important;
}
.no_btn  #leadBox p{
	padding: 0 !important;
}
.no_btn a img:hover{
	opacity: 0.4;
}
.no_btn a:hover{
	text-decoration: none;
	border: none;
}