@charset "utf-8";

#hirogariTop{
	max-width: 1100px;
	margin: 119px auto 0;
}

.topBlock01{
	text-align: center;
	margin-bottom: 55px;
	padding-top: 35px;
}
.topBlock01 h2{
	font-size: 30px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 0.2em;
	margin-bottom: 55px;
	position: relative;
	display: inline-block;
}
.topBlock01 h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -25px;
	display: inline-block;
	width: 125px;
	height: 3px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #eb70de;
	border-radius: 2px;
}
.topBlock01 p{
	font-size: 16px;
	line-height: 200%;
}

.topBlock02{
	position: relative;
}
.topBlock02L,
.topBlock02R{
	width: 526px;
	height: 880px;/*895px*/
	padding-top: 120px;
	-moz-border-radius:8px!important;
	-webkit-border-radius:8px!important;
	border-radius:8px!important;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	box-sizing: border-box;
	position: relative;
}
.topBlock02L{
	background-color: #ffffd9;
	float: left;
}
.topBlock02R{
	background-color: #ffeede;
	float: right;
}
.topBlock02L h3,
.topBlock02R h3{
	width: 526px;
	height: 89px;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
	line-height: 100%;
	background-size: 100% auto;
	box-sizing: border-box;
	position: absolute;
	top: -15px;
	left: 0;
}
.topBlock02L h3{
	padding: 52px 0 0 35px;
	background-image: url(/hirogari/images/top_tit01.png);
}
.topBlock02R h3{
	padding: 52px 0 0 190px;
	background-image: url(/hirogari/images/top_tit02.png);
}
.topBlock02L h4,
.topBlock02R h4{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 28px;
}
.topBlock02L a,
.topBlock02R a{
	transition: 0.3s;
}
.topBlock02L .inner,
.topBlock02R .inner{
	position: relative;
}
.topBlock02L a:link,
.topBlock02L a:visited,
.topBlock02R a:link,
.topBlock02R a:visited{
	color: #181818 !important;
	text-decoration: none;
}

.topMenu01_1,
.topMenu01_2,
.topMenu01_3{
	width: 425px;
	margin: 0 auto 35px;
	padding: 22px 25px 15px;
	background-color: #fff;
	-moz-border-radius:6px!important;
	-webkit-border-radius:6px!important;
	border-radius:6px!important;
	position: relative;
	box-sizing: border-box;
}
.topMenu02_1,
.topMenu02_2,
.topMenu02_3,
.topMenu02_4,
.topMenu02_5{
	width: 425px;
	margin: 0 auto 25px;
	padding: 15px 25px 15px;
	background-color: #fff;
	-moz-border-radius:6px!important;
	-webkit-border-radius:6px!important;
	border-radius:6px!important;
	position: relative;
	box-sizing: border-box;
}
.topMenu01_1 .icon,
.topMenu01_2 .icon{
	width: 44px;
	position: absolute;
	top: 0px;
	left: 25px;
}
.topMenu01_3 .icon{
	width: 86px;
	position: absolute;
	top: -8px;
	left: 25px;
}
.topMenu02_1 .icon{
	width: 44px;
	position: absolute;
	top: -15px;
	left: 25px;
}
.topMenu02_2 .icon{
	width: 53px;
	position: absolute;
	top: -10px;
	left: 25px;
}
.topMenu02_3 .icon{
	width: 60px;
	position: absolute;
	top: -15px;
	left: 25px;
}
.topMenu02_4 .icon{
	width: 47px;
	position: absolute;
	top: 0px;
	left: 28px;
}
.topMenu02_5 .icon{
	width: 47px;
	position: absolute;
	top: 10px;
	left: 28px;
}
.topMenu01_1 h4{
	color: #209dd3;
	margin-left: 50px;
}
.topMenu01_2 h4{
	color: #3478b2;
	margin-left: 50px;
}
.topMenu01_3 h4{
	color: #24a6be;
	margin-left: 90px;
}
.topMenu02_1 h4{
	color: #3dc19a;
	margin-left: 60px;
}
.topMenu02_2 h4{
	color: #389b33;
	margin-left: 60px;
}
.topMenu02_3 h4{
	color: #4cc054;
	margin-left: 60px;
}
.topMenu02_4 h4{
	color: #2aad2a;
	margin-left: 60px;
}
.topMenu02_5 h4{
	color: #75b636;
	margin-left: 60px;
}
.topBlock02L .link{
	font-size: 15px !important;
	margin-bottom: 15px;
	padding: 0 30px 8px;
	border-bottom: 1px solid #878787;
}
.topBlock02R .link{
	font-size: 15px !important;
	margin-bottom: 15px;
	padding: 0 0 8px 18px;
	border-bottom: 1px solid #878787;
}
.topBlock02R .linkL,
.topBlock02R .linkR{
	width: 47%;
	font-size: 15px !important;
	margin-bottom: 10px;
	padding: 0 0 8px 18px;
	border-bottom: 1px solid #878787;
}
.topBlock02R .linkL{
	float: left;
}
.topBlock02R .linkR{
	float: right;
}

.topMenu01_2 .link_sim,
.topMenu01_3 .link_sim{
	padding: 0 30px 8px;
	border-bottom: 1px solid #878787;
	position: relative;
}
.topMenu01_2 .link_sim span,
.topMenu01_3 .link_sim span{
	font-size: 15px;
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: top 4px left;
	padding-left: 20px;
}
.topMenu01_2 .link_sim span{
	background-image: url(/hirogari/images/common/m_arrow01_2.png);
}
.topMenu01_3 .link_sim span{
	background-image: url(/hirogari/images/common/m_arrow01_3.png);
}
.topMenu01_2 .link_sim div,
.topMenu01_3 .link_sim div{
	margin-top: 10px;
	padding-left: 15px;
	/*padding: 8px 15px 4px;
	background-color: #cfe7fc;
	-moz-border-radius:6px!important;
	-webkit-border-radius:6px!important;
	border-radius:6px!important;*/
}
.topMenu01_2 .link_sim div ul,
.topMenu01_3 .link_sim div ul{
	font-size: 14px;
	margin-left: 15px;
}
.topMenu01_2 .link_sim div li,
.topMenu01_3 .link_sim div li{
	margin-bottom: 8px;
	list-style: disc; 
}
/*.topMenu01_2 .link_sim a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}*/
/*.topMenu01_2 .link_sim:hover{
	color: #3478b2 !important;
	transition: 0.3s;
}*/

.topBlock02L .link a,
.topBlock02R .link a{
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: top 4px left;
	padding-left: 20px;
	/*transition: 0.3s;*/
}
.topBlock02R .linkR a,
.topBlock02R .linkL a{
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: top 4px left;
	padding-left: 13px;
	/*transition: 0.3s;*/
}
.topMenu01_1 .link a{
	background-image: url(/hirogari/images/common/m_arrow01_1.png);
}
.topMenu01_2 .link a{
	background-image: url(/hirogari/images/common/m_arrow01_2.png);
}
.topMenu01_3 .link a{
	background-image: url(/hirogari/images/common/m_arrow01_3.png);
}
.topMenu02_1 .linkL a,
.topMenu02_1 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_1.png);
}
.topMenu02_2 .linkL a,
.topMenu02_2 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_2.png);
}
.topMenu02_3 .linkL a,
.topMenu02_3 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_3.png);
}
.topMenu02_3 .link a{
	background-image: url(/hirogari/images/common/m_arrow02_3.png);
}
.topMenu02_4 .link a{
	background-image: url(/hirogari/images/common/m_arrow02_4.png);
}
.topMenu02_5 .linkL a,
.topMenu02_5 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_5.png);
}
.topMenu02_5 .link a{
	background-image: url(/hirogari/images/common/m_arrow02_5.png);
}

.topMenu01_1 h4 a:link,
.topMenu01_1 h4 a:visited{
	color: #209dd3 !important;
}
.topMenu01_1 h4 a:hover{
	color: #3aaddf !important;
}
.topMenu01_2 h4 a:link,
.topMenu01_2 h4 a:visited{
	color: #3478b2 !important;
}
.topMenu01_2 h4 a:hover{
	color: #56a1e1 !important;
}
.topMenu01_3 h4 a:link,
.topMenu01_3 h4 a:visited{
	color: #24a6be !important;
}
.topMenu01_3 h4 a:hover{
	color: #3dc2da !important;
}
.topMenu02_1 h4 a:link,
.topMenu02_1 h4 a:visited{
	color: #3dc19a !important;
}
.topMenu02_1 h4 a:hover{
	color: #59dfb8 !important;
}
.topMenu02_2 h4 a:link,
.topMenu02_2 h4 a:visited{
	color: #389b33 !important;
}
.topMenu02_2 h4 a:hover{
	color: #56c351 !important;
}
.topMenu02_3 h4 a:link,
.topMenu02_3 h4 a:visited{
	color: #4cc054 !important;
}
.topMenu02_3 h4 a:hover{
	color: #69de72 !important;
}
.topMenu02_4 h4 a:link,
.topMenu02_4 h4 a:visited{
	color: #2aad2a !important;
}
.topMenu02_4 h4 a:hover{
	color: #45ce45 !important;
}
.topMenu02_5 h4 a:link,
.topMenu02_5 h4 a:visited{
	color: #75b636 !important;
}
.topMenu02_5 h4 a:hover{
	color: #91d351 !important;
}

.topMenu01_1 a:hover{
	color: #209dd3 !important;
}
.topMenu01_2 a:hover{
	color: #3478b2 !important;
}
.topMenu01_3 a:hover{
	color: #24a6be !important;
}
.topMenu02_1 a:hover{
	color: #3dc19a !important;
}
.topMenu02_2 a:hover{
	color: #389b33 !important;
}
.topMenu02_3 a:hover{
	color: #4cc054 !important;
}
.topMenu02_4 a:hover{
	color: #2aad2a !important;
}
.topMenu02_5 a:hover{
	color: #75b636 !important;
}




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

.topBlock01{
	width: 94%;
	margin: 0 auto 55px;
}
.topBlock02L,
.topBlock02R{
	width: 48%;
	height: 880px;/*895*/
}
.topBlock02L h3,
.topBlock02R h3{
	width: 100%;
	height: auto;
	background-image: none !important;
	top: 30px;
	left: 0;
}
.topBlock02L h3{
	padding: 14px 0 14px 20px;
	background-color: #35baeb;
}
.topBlock02R h3{
	padding: 14px 0 14px 20px;
	background-color: #d6893d;
}
.topBlock02L h4,
.topBlock02R h4{
	font-size: 17px;
}

.topMenu01_1,
.topMenu01_2,
.topMenu01_3{
	width: 100%;
}
.topMenu02_1,
.topMenu02_2,
.topMenu02_3,
.topMenu02_4,
.topMenu02_5{
	width: 100%;
}
.topMenu01_1 .icon,
.topMenu01_2 .icon{
	width: 35px;
	top: 10px;
}
.topMenu01_3 .icon{
	width: 60px;
	top: 14px;
}
.topMenu02_1 .icon{
	width: 32px;
	top: 4px;
}
.topMenu02_2 .icon{
	width: 40px;
	top: 0px;
}
.topMenu02_3 .icon{
	width: 42px;
	top: 0px;
}
.topMenu02_4 .icon{
	width: 35px;
	top: 7px;
	left: 25px;
}
.topMenu02_5 .icon{
	width: 35px;
	top: 10px;
	left: 25px;
}
.topMenu01_1 h4{
	margin-left: 40px;
}
.topMenu01_2 h4{
	margin-left: 40px;
}
.topMenu01_3 h4{
	margin-left: 70px;
}
.topMenu02_1 h4{
	margin-left: 45px;
}
.topMenu02_2 h4{
	margin-left: 45px;
}
.topMenu02_3 h4{
	margin-left: 50px;
}
.topMenu02_4 h4{
	margin-left: 45px;
}
.topMenu02_5 h4{
	margin-left: 45px;
}


}





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

#hirogariTop{
	width: 100%;
	margin: 70px auto 0;
}

.topBlock01{
	width: 92%;
	margin: 0 auto 7%;
	padding-top: 8%;
}
.topBlock01 h2{
	font-size: 5.0vw;
	/*font-weight: 500;*/
	line-height: 140%;
	letter-spacing: 0.2em;
	margin-bottom: 11%;
	/*position: relative;
	display: inline-block;*/
}
.topBlock01 h2:before {
	/*content: '';
	position: absolute;
	left: 50%;*/
	bottom: -22px;
	/*display: inline-block;*/
	width: 80px;
	height: 2px;
	/*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #eb70de;
	border-radius: 2px;*/
}
.topBlock01 p{
	font-size: 3.4vw;
	line-height: 180%;
}

/*.topBlock02{
	position: relative;
}*/
.topBlock02L,
.topBlock02R{
	width: 48%;
	height: 190vw;/*225vw*/
	padding-top: 18%;
	/*-moz-border-radius:8px!important;
	-webkit-border-radius:8px!important;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
	box-sizing: border-box;
	position: relative;*/
}
.topBlock02L{
	border-radius:0px 8px 8px 0px!important;
	/*background-color: #ffffd9;
	float: left;*/
}
.topBlock02R{
	border-radius:8px 0px 0px 8px!important;
	/*background-color: #ffeede;
	float: right;*/
}
.topBlock02L h3,
.topBlock02R h3{
	width: 100%;
	height: auto;
	font-size: 3.8vw;
	/*font-weight: 600;
	color: #fff;
	line-height: 100%;*/
	background-size: 100% auto;
	background-repeat: no-repeat;
	/*box-sizing: border-box;
	position: absolute;*/
	top: -20px;
	left: 0;
}
.topBlock02L h3{
	padding: 25.5% 0 4% 4%;
	background-image: url(/hirogari/images/top_tit01sp.png) !important;
	background-color: rgba(000,000,000,0.0) !important;
}
.topBlock02R h3{
	padding: 25.5% 0 4% 7%;
	background-image: url(/hirogari/images/top_tit02sp.png) !important;
	background-color: rgba(000,000,000,0.0) !important;
}
.topBlock02L h4,
.topBlock02R h4{
	font-size: 3.5vw;
	/*font-weight: 600;*/
	line-height: 120%;
	margin-bottom: 8%;
}
/*.topBlock02L a,
.topBlock02R a{
	transition: 0.3s;
}
.topBlock02L .inner,
.topBlock02R .inner{
	position: relative;
}
.topBlock02L a:link,
.topBlock02L a:visited,
.topBlock02R a:link,
.topBlock02R a:visited{
	color: #181818 !important;
	text-decoration: none;
}*/

.topMenu01_1,
.topMenu01_2,
.topMenu01_3{
	width: 100%;
	margin: 0 auto 8%;
	padding: 8% 6% 4%;
	/*background-color: #fff;*/
	-moz-border-radius:0px!important;
	-webkit-border-radius:0px!important;
	border-radius:0px!important;
	/*position: relative;
	box-sizing: border-box;*/
}
.topMenu02_1,
.topMenu02_2,
.topMenu02_3,
.topMenu02_4,
.topMenu02_5{
	width: 100%;
	margin: 0 auto 8%;
	padding: 8% 6% 4%;
	/*background-color: #fff;*/
	-moz-border-radius:0px!important;
	-webkit-border-radius:0px!important;
	border-radius:0px!important;
	/*position: relative;
	box-sizing: border-box;*/
}
.topMenu01_1 .icon,
.topMenu01_2 .icon{
	width: 20px;
	/*position: absolute;*/
	top: 10px;
	left: 5%;
}
.topMenu01_3 .icon{
	width: 40px;
	/*position: absolute;*/
	top: 14px;
	left: 5%;
}
.topMenu02_1 .icon{
	width: 20px;
	/*position: absolute;*/
	top: 6px;
	left: 5%;
}
.topMenu02_2 .icon{
	width: 30px;
	/*position: absolute;*/
	top: 2px;
	left: 5%;
}
.topMenu02_3 .icon{
	width: 28px;
	/*position: absolute;*/
	top: -5px;
	left: 3%;
}
.topMenu02_4 .icon{
	width: 25px;
	/*position: absolute;*/
	top: 10px;
	left: 5%;
}
.topMenu02_5 .icon{
	width: 25px;
	/*position: absolute;*/
	top: 15px;
	left: 5%;
}
.topMenu01_1 h4{
	margin-left: 25px;
}
.topMenu01_2 h4{
	margin-left: 25px;
}
.topMenu01_3 h4{
	margin-left: 45px;
}
.topMenu02_1 h4{
	margin-left: 25px;
}
.topMenu02_2 h4{
	margin-left: 35px;
}
.topMenu02_3 h4{
	margin-left: 25px;
}
.topMenu02_3 h4 span{
	font-size: 2.6vw;
}
.topMenu02_4 h4{
	margin-left: 30px;
}
.topMenu02_5 h4{
	margin-left: 30px;
}
.topBlock02L .link,
.topBlock02R .link{
	font-size: 3.2vw !important;
	margin-bottom: 12px;
	padding: 0 0 8px;
	/*border-bottom: 1px solid #878787;*/
	text-indent: -1.3em;
	padding-left: 1.5em;
}
/*.topBlock02R .link{
	font-size: 15px !important;
	margin-bottom: 15px;
	padding: 0 0 8px 18px;
	border-bottom: 1px solid #878787;
}*/
.topBlock02R .linkL,
.topBlock02R .linkR{
	width: 100%;
	font-size: 3.2vw !important;
	margin-bottom: 12px;
	padding: 0 0 8px;
	/*border-bottom: 1px solid #878787;*/
}
.topBlock02R .linkL,
.topBlock02R .linkR{
	float: none;
}
/*.topBlock02R .linkR{
	float: right;
}*/

.topMenu01_2 .link_sim,
.topMenu01_3 .link_sim{
	padding: 0 0 8px 2px;
	/*border-bottom: 1px solid #878787;
	position: relative;*/
	/*text-indent: -1.4em;*/
}
.topMenu01_2 .link_sim span,
.topMenu01_3 .link_sim span{
	font-size: 3.2vw;
	/*background-image: url(/hirogari/images/common/m_arrow01_2.png);
	background-repeat: no-repeat;*/
	background-size: 13px auto;
	background-position: top 3px left;
	padding-left: 1.5em;
}
.topMenu01_2 .link_sim div,
.topMenu01_3 .link_sim div{
	margin-top: 5px;
	padding-left: 0;
	/*padding: 6px 10px 3px;
	background-color: #cfe7fc;
	-moz-border-radius:6px!important;
	-webkit-border-radius:6px!important;
	border-radius:6px!important;*/
}
.topMenu01_2 .link_sim div ul,
.topMenu01_3 .link_sim div ul{
	font-size: 3.0vw;
	margin-left: 12px;
}
.topMenu01_2 .link_sim div li,
.topMenu01_3 .link_sim div li{
	line-height: 130%;
	margin-bottom: 3px;
	/*list-style: disc;*/
}
/*.topMenu01_2 .link_sim a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.topMenu01_2 .link_sim:hover{
	color: #3478b2 !important;
	transition: 0.3s;
}*/

.topBlock02L .link a,
.topBlock02R .link a,
.topBlock02R .linkR a,
.topBlock02R .linkL a{
	line-height: 150%;
	/*background-repeat: no-repeat;*/
	background-size: 13px auto;
	background-position: top 3px left;
	padding-left: 1.5em;
	
}
/*.topBlock02R .linkR a,
.topBlock02R .linkL a{
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: top 4px left;
	padding-left: 13px;
}*/
/*.topMenu01_1 .link a{
	background-image: url(/hirogari/images/common/m_arrow01_1.png);
}
.topMenu01_2 .link a{
	background-image: url(/hirogari/images/common/m_arrow01_2.png);
}
.topMenu01_3 .link a{
	background-image: url(/hirogari/images/common/m_arrow01_3.png);
}
.topMenu02_1 .linkL a,
.topMenu02_1 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_1.png);
}
.topMenu02_2 .linkL a,
.topMenu02_2 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_2.png);
}
.topMenu02_3 .linkL a,
.topMenu02_3 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_3.png);
}
.topMenu02_4 .link a{
	background-image: url(/hirogari/images/common/m_arrow02_4.png);
}
.topMenu02_5 .linkL a,
.topMenu02_5 .linkR a{
	background-image: url(/hirogari/images/common/m_arrow02_5.png);
}

.topMenu01_1 h4 a:link,
.topMenu01_1 h4 a:visited{
	color: #209dd3 !important;
}
.topMenu01_1 h4 a:hover{
	color: #3aaddf !important;
}
.topMenu01_2 h4 a:link,
.topMenu01_2 h4 a:visited{
	color: #3478b2 !important;
}
.topMenu01_2 h4 a:hover{
	color: #56a1e1 !important;
}
.topMenu01_3 h4 a:link,
.topMenu01_3 h4 a:visited{
	color: #24a6be !important;
}
.topMenu01_3 h4 a:hover{
	color: #3dc2da !important;
}
.topMenu02_1 h4 a:link,
.topMenu02_1 h4 a:visited{
	color: #3dc19a !important;
}
.topMenu02_1 h4 a:hover{
	color: #59dfb8 !important;
}
.topMenu02_2 h4 a:link,
.topMenu02_2 h4 a:visited{
	color: #389b33 !important;
}
.topMenu02_2 h4 a:hover{
	color: #56c351 !important;
}
.topMenu02_3 h4 a:link,
.topMenu02_3 h4 a:visited{
	color: #4cc054 !important;
}
.topMenu02_3 h4 a:hover{
	color: #69de72 !important;
}
.topMenu02_4 h4 a:link,
.topMenu02_4 h4 a:visited{
	color: #2aad2a !important;
}
.topMenu02_4 h4 a:hover{
	color: #45ce45 !important;
}
.topMenu02_5 h4 a:link,
.topMenu02_5 h4 a:visited{
	color: #75b636 !important;
}
.topMenu02_5 h4 a:hover{
	color: #91d351 !important;
}

.topMenu01_1 a:hover{
	color: #209dd3 !important;
}
.topMenu01_2 a:hover{
	color: #3478b2 !important;
}
.topMenu01_3 a:hover{
	color: #24a6be !important;
}
.topMenu02_1 a:hover{
	color: #3dc19a !important;
}
.topMenu02_2 a:hover{
	color: #389b33 !important;
}
.topMenu02_3 a:hover{
	color: #4cc054 !important;
}
.topMenu02_4 a:hover{
	color: #2aad2a !important;
}
.topMenu02_5 a:hover{
	color: #75b636 !important;
}*/

}