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

	base.css
	+お客様編集用CSS+
	新たにスタイルを追記する時はこのファイルにお願い致します。

----------------------------------------------------------------***/
/***  common  ***/
#contetns {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
#icarch img {
	display: block;
	width: 100%;
}
#contetns a:hover {
	text-decoration: none;
}
img {
	display: block;
	vertical-align: bottom;
}
section {
	padding: 0;
}

#contetns h2 {
	padding: 0 0 0px 0;
	margin: 0 0 0 30px;
	font-weight: normal;
	line-height: 1.4;
	font-size: 36px;
	letter-spacing: 0.2em;
	text-align: center;
}
#contetns h2 p{
	color: #000000;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 0 0 0 -30px;
	padding-bottom: 40px;
}

/***  nav  ***/
nav ul {
	width: 960px;
	margin: 0 auto;
}

nav ul li {
	float: left;
	width: 240px;
    margin: 15px 0;
}


nav ul li a {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.2em;
	display:block;
}

nav ul li a span img {
    display: block;
    margin: 10px auto;
	padding-top: 5px;
}

nav ul li.area a{
    position: 50% 50%;
    background-color: #FFF;
    margin: 10px 0;
	color: #195f93;
	transition: background-color 0.3s;
}

nav ul li.area span.main{
	color: #195f93;
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 500;
}

nav ul li.area a:hover{
    background-color: #e6f4ff;
    opacity:1;
}

nav ul li.location a{
    position: 50% 50%;
	background-color: #FFF;
    margin: 10px 0;
	color: #ce3c33;
	transition: background-color 0.3s;
}

nav ul li.location span.main{
	color: #ce3c33;
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 500;
}

nav ul li.location a:hover{
	background-color: #fff0ef;
	opacity:1;
}
nav ul li.category a{
	color: #199324;
	position: 50% 50%;
	background-repeat: no-repeat;
	transition: background-color 0.3s;
    margin: 10px 0;
}

nav ul li.category span.main{
	color: #199324;
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 500;
}

nav ul li.category a:hover{
	background-color: #e2f5e4;
	opacity:1;
}

nav ul li.about a{
	color: #FF749C;
	position: 50% 50%;
    margin: 10px 0;
	background-color: #FFF;
    transition: background-color 0.3s;
}

nav ul li.about span.main{
	color: #FF749C;
    text-align: center;
    font-size: 18px;
    padding-bottom: 5px;
    font-weight: 500;
}

nav ul li.about a:hover{
	background-color: #fff0ef;
	opacity:1;
}



/***  エリア  ***/
#area {
	background-color: #DEF6FF;
	padding: 80px 0 70px;
}
#area h2{
	color: #195f93;
	background-image:url(../img/icon01.png);
	background-repeat: no-repeat;
	background-position: 37% 0%;
	padding-top: 10px;
	line-height: 1.7;
}

#area ul li{
	width: 232px;
	float: left;
	margin: 0 10px 20px 0;
}

#area ul li:nth-child(4n){
	margin: 0 0 10px 0;
}
#area ul li a{
	display: block;
	border-radius: 5px;
	border: 2px solid #195f93;
	color: #000000;
	background-color: #FFFFFF;
	padding: 20px 0 20px 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 17px;
	background-image: url(../img/area_arrow.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
	transition: background-color 0.3s;
}
#area ul li a:hover{
	background-color: #e6f4ff;
	opacity:1;
}
/***  働く場所  ***/
#location {
	background-color: #FFE8D5;
	padding: 80px 0 100px;
	    position: relative;
}
#location h2{
	color: #ce3c33;
	background-image:url(../img/icon02.png);
	background-repeat: no-repeat;
	background-position: 30% 0%;
	line-height: 1.7;
	padding-top: 10px;
}


/***  アコーディオン  ***/
.locationbox .accordion {
	width: 313px;
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #ce3c33;
	border-radius: 5px;
	background-color: #FFFFFF;
	box-sizing: border-box;
}
.locationbox .accordion > li p {
	display: block;
	border-radius: 5px;
	padding: 20px 15px 20px 15px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-size: 17px;
	background-image: url(../img/location_arrow.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	transition: background-color 0.3s;
}
.locationbox .accordion > li {
	cursor: pointer;
	color: #000;
	font-weight: bold;
}
.locationbox .accordion > li a {
	padding: 15px 10px;
	display: block;
	text-decoration: none;
	color: #000;
	background-image: url(../img/location_link_arrow.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.locationbox ul li ul li:hover{
	background-color: #fff0ef;
}
.locationbox .accordion > li p:hover {
	background-color: #fff0ef;
}
.locationbox .accordion > li:last-child {
	border-bottom: none;
}
.locationbox ul li ul {
	display: none;
	box-sizing: border-box;
	color: #000;
	margin: 0px 0 0 0;
	border-top: 1px solid #ce3c33;
}
.locationbox ul li ul li {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0px 10px;
	transition: background-color 0.3s;
}
.locationbox ul li ul li a{
	border-bottom: 1px solid #ce3c33;
}
.locationbox ul li ul li:last-child a{
	border-bottom: none;
}
.locationbox .accordion:nth-child(3n) {
	margin: 0 0 20px 0 !important;
}
.locationbox .accordion:nth-child(3n + 1){
	clear:both;
}


/***  category  ***/
#category {
	background-color: #F0FFE8;
	padding: 80px 0 70px;
}
#category h2{
	color: #199324;
	background-image:url(../img/icon03.png);
	background-repeat: no-repeat;
	background-position: 29% 0%;
	line-height: 1.7;
	padding-top: 10px;
}
/***  categoryアコーディオン  ***/

#category {
	padding: 80px 0 70px 0;
}
#category img{
	display: block;
}
.categorybox .accordion > li p {
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 17px;
	    border-radius: 5px;
	transition: background-color 0.3s;
}
.categorybox .accordion > li p span {
	display: block;
	padding: 20px 0 20px 15px;
	background-image: url(../img/category_arrow.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.categorybox .accordion {
	background-color: #FFFFFF;
	cursor: pointer;
	width: 313px;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 5px;
	border: 2px solid #199324;
	box-sizing: border-box;
}
.categorybox .accordion > li ul {
	display: none;
	margin: 0 !important;
	color: #000;
	border-top: 1px solid #199324;
}
.categorybox .accordion > li {
	border-radius: 5px;
	float: left;
	padding: 0;
	color: #000;
	font-weight: bold;
	font-size: 15px;
}
.categorybox .accordion > li a {
	display: block;
	text-decoration: none;
	color: #000;
	text-align: left;
	font-size: 15px;
	border-bottom: 1px solid #199324;
	font-weight: normal;
		background-image: url(../img/category_link_arrow.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.categorybox ul li ul li {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	padding: 0px 10px;
	transition: background-color 0.3s;
}
.categorybox ul li ul li:last-child a {
	border-bottom: none;
}
.categorybox ul li ul li:hover{
	background-color: #e2f5e4;
}
.categorybox .accordion > li p:hover {
	background-color: #e2f5e4;
}
.categorybox .accordion:last-child {
	margin: 0 0 10px 0;
}
.banner img{
	width: 960px;
	margin-bottom: 10px;
	border: 2px solid #199324;
	border-radius: 5px;
}


/*about*/
#about {
	background-color: #FFF0F4;
	padding: 80px 0 70px;
}

#about .aboutBigTitle{
	color: #FF749C;
	background-image:url(../img/icon04.png);
	background-repeat: no-repeat;
	background-position: 34% 0%;
	line-height: 1.7;
	padding-top: 10px;
}
#about .aboutBlockMiddleTitle{
	color: #fff;
	background-color: #FF749C;
	text-align: center;
	font-size: 22px;
	margin: 0 0 50px 0;
    padding: 10px;
    font-weight: bold;
}



.aboutBlock1 {
    float: left;
    text-align: center;
    width: 460px;
    background-position: left bottom;
    padding-bottom: 15px;
    padding-right: 40px;
}

.aboutBlock2 {
    float: left;
    text-align: center;
    width: 460px;
    background-position: left bottom;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.aboutBlockTitle span {
    position: relative;
}


.aboutBlockTxt {
    display: block;
    width: 460px;
    padding: 25px 0px 60px;
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.2em;
	line-height: 1.3;
     border-top: solid 3px #FF749C;
}

.aboutBlockInner h3 {
    padding-bottom: 20px;
    font-size: 18px;
    text-align: center;
    width: 460px;
}


#about dl{
	margin: 0 0 20px 0;
	height: 150px;
}
#about dl:last-child{
	margin: 0;
}

#about dl dt{
	background:url(../img/q.png) no-repeat;
    background-position: 2% 50%;
	padding: 15px 15px 15px 70px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid;
	border-color: #FF749C;
	border-width: 5px;
}

#about dl dd{
	color: #000;
	padding: 15px 0 15px 70px;
	background:url(../img/a.png) no-repeat;
    background-position: 2% 50%;
    font-size: 14px;
    letter-spacing: 0.2em;
	line-height: 1.3;
}





/*button*/
.button {
	background-color: #fff;
	padding: 40px 0;
}
.allArea{
	width: 600px;
	display: block;
    border-radius: 10px;
    padding: 20px 15px 20px 15px;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-size: 17px;
    background-image: url(../img/button_arrow.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    transition: background-color 0.3s;
	background-color: #E36F28;
	margin: auto;
	border: none;
}

.allArea:hover{
	background-color: #EC9F70;
}

.button a{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.2em;
}


/*QA*/
#faq {
	padding: 80px 0;
	background-color: #fafafa;
}
#faq dl {
	width: 475px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 20px 0;
	border-radius: 5px;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
}
#faq dl:last-child {
	margin: 0;
}
#faq dl dd h3{
	color: #ed6f14;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 20px 10px;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#faq dl dd p{
	padding: 10px 20px 0px 20px;
	font-size: 15px;
	text-align: left;
	color: #000;
	font-weight:lighter;
}
#faq dl dd p {
	letter-spacing: 0.05em;
	line-height: 1.3;
}


/*オススメ情報*/
.adbnr{
	width:100%;
	margin:0px auto 0;
	border: 1px solid #ed6f14;
  text-align: center;
}
.adbnr ul li{
	margin:0 auto;
	padding:10px 10px;
	box-sizing:border-box;
}
.adbnr h3{
	padding: 3px 0 10px;
	text-align:center;
	color:#FFF;
	font-size: 14px;
	letter-spacing: 0.05em;
	background-color: #ed6f14;
}
.adbnr ul li a{
	padding:5px 0;
	font-size: 14px !important;
}
.adbnr ul li a:hover{
	opacity: 0.6;
}

.lpbanner{
    background: #fbfaf8;
    border: 1px solid #ed6f14;
    border-radius: 5px;
    font-size: 12px;
    margin:20px auto 20px auto;
	width:100%;
}



.lpbanner h3{
	background: #ed6f14;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: .06em;
    padding: 10px 0!important;
    margin: 0 0 15px;
}

.lpbanner p {
    padding: 0 15px 15px;
    box-sizing: border-box;
    letter-spacing: .08em;
    line-height: 1.4;
    font-size: 13px;
    text-align: center;
}

/*モーダル内リンク*/

.popup h2{
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 20px 0;
}
.popup section dl{
	width: 31%;
	height: 180px;
	background: #FFE8D5;
	border-radius: 5px;
	border:1px solid #FFE8D5;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	margin: 0 1% 2% 1%;
}
.popup section dl dt{
	font-size: 18px;
	padding: 0 0 5px 0;
	text-align: center;
    color: #444;
	font-weight: 400;
}
.popup section dl dd ul li{
	width: 31%;
	float: left;
	margin: 0 1% 2% 1%;
}
.popup section dl dd ul li a{
	display: block;
	color: #fff;
	border:1px solid #FFE8D5;
	border-radius: 5px;
	background: url(../img/arrow_w.png) no-repeat 98% center;
	font-size: 14px;
	text-align: center;
	padding: 5px 0;
    background-color: #E36F28;
}
.popup section dl dd ul li a:hover{
	background: url(../img/arrow.png) no-repeat 98% center #EFAC83;
	color: #444;
	text-decoration: none;
	opacity:1;
}