@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {
#hedImg {
background: url("../images/about/hed_img.jpg") center center no-repeat;
}

/*com-------*/
.gh_idxListWrap { background-color: #f3f2e9; padding: 70px 0; margin-top: 100px; }

.recruit_list { width: 100%; margin: 0 auto; }
.recruit_list li { width: calc((100% - 4% * 1) /2);  float: left; margin-right: 4%; display: table; margin-bottom: 70px; }
.recruit_list li:nth-child(2n+2) { margin-right: 0px; }

.recruit_list_img { width: 100%; margin: 0 auto; vertical-align: middle; }
.recruit_list_img img { width: 100%; height: auto; }
.photo_hover_wrap img { width: 100%; height: auto; }
.photo_hover_wrap { display: block; height: 340px; overflow: hidden; position: relative; text-decoration: none; z-index: 0; }
.photo_hover_wrap .photo { display: block; height: auto; left: 0; position: absolute; top: 0; transition: all 0.2s linear 0s; width: 100%; }
.recruit_list li a:hover .photo_hover_wrap { text-decoration: none; cursor: pointer; }
.recruit_list li a:hover .photo_hover_wrap .photo {transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; }

.recruit_list_btn { width: 350px; padding: 20px 15px; border: #393939 1px solid; color: #393939 !important; background-color: #fff; box-shadow: 3px 3px 0px 0px #393939; position: relative; text-align: center; font-size: 20px; font-weight: bold; margin: 0 auto; margin-top: -30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all .5s ease-out; transition: all 0.5s ease-out; }
.recruit_list_btn::after { position: absolute; font-family: "Font Awesome 5 Free"; content: "\f105"; display: block; right: 30px; top: 20px; font-weight: bold; font-size: 1.2em; }
.recruit_list_btn span.women { font-size: 15px; }


.recruit_list li a:hover .recruit_list_btn { color: #fff !important; box-shadow:0px 0px 0px 0px #393939; transform: translate(3px,3px); background-color: #e8a02b; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all .5s ease-out; transition: all 0.5s ease-out; }
.recruit_list li a:hover .recruit_list_btn::after { right: 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all .5s ease-out; transition: all 0.5s ease-out; color: #fff;  }



/**************************
index
***************************/
.about_wrap { width:100%; margin:0 0 70px; position:relative}
.about_bg_img {width:50%; height:550px; position:absolute; top:0; left:0; z-index:-10;}
.about_bg_img {background-image:url(../images/about/bg_img.jpg); background-size:cover;}
.about_box01 { border:1px solid #ae9373; width:660px; padding:50px; position: relative; margin-top:140px; margin-left:42%; background:#FFF;}
.about_box01 h3 { color:#ae9373; font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-size:20px; margin:0 0 20px;
}
.about_box01 p { line-height:2.2; }


/**************************
history
***************************/
.about_wrap2 { width:960px; padding:50px;background:#FFF; margin:0 auto; box-sizing: border-box;}
.about_wrap2 table { width:100%; }
.about_wrap2 table tr { border-bottom:dashed 1px #CCCCCC;}
.about_wrap2 table th { width:25%; display:table-cell; padding:30px; font-size: 1.8rem; font-weight: 500;}
.about_wrap2 table td { display:table-cell; /*border-left:1px solid #CCCCCC; padding:45px;*/}
.about_wrap2 table td h4 { font-size: 1.8rem; color:#e8a02b;}
.about_wrap2 table td p { margin-top: 10px;}
.aListIn { margin: 15px 0; padding: 15px 45px; border-left:1px solid #CCCCCC;}


/**************************
history
***************************/
/*---overview---------*/
.tableWrap,
.timelineWrap {
width: 80%;
margin-left: auto;
margin-right: auto;
}

.timeline > li {
overflow: hidden;
margin: 0;
position: relative;
}

.timeline-date {
width: 150px;
float: left;
text-align: right;
padding-right: 30px;
}

.timeline-content {
width: 75%;
float: left;
border-left: 3px #e5e5d1 solid;
padding-left: 30px;
padding-bottom: 30px;
}

.timeline-content:before {
content: '';
width: 12px;
height: 12px;
background:  #e8a02b;
position: absolute;
left: 175px;
top: 5px;
border-radius: 100%;
}

.timeline-content h3 {
font-weight: 500;
}

.map_wrap { width:100%; margin:0 0 70px;}



/**************************
president
***************************/
.president_imgbox {
width: 100%;
margin: 0 auto 70px;
position: relative;
}
.president_img {
width: 100%;
margin: auto;
}
.president_img img {
width: 100%;
height: auto;
}
.president_tit {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 50px 50px;
background: #fff;
font-size: 33px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
line-height:1.6;
position: absolute;
bottom: -250px;
left: 30px;
box-shadow: 3px 3px 0px rgba(174,147,115,0.5);
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .president_tit { left: -65px;}

.president_txtbox {
width: 700px;
margin: auto 0px auto auto;
}
.president_txt {
font-size: 16px;
line-height: 2em;
}
.president_name {
font-size: 16px;
text-align: right;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin-top: 50px;
}
.president_box {
margin: 0 auto 30px;
}

.president_wrap {
	width:100%;
	margin:0 auto 70px;
	position:relative;
	padding:60px 0;
}

.president_wrap::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:#f7f5f2;
	width:75%;
	height:400px;
	z-index:-10;
}

.president_img2 { width:400px; float:right; margin:-30px 0 4% 6%;}

.president_bg_img { background:url(../images/about/about_message/bg_img01.jpg) center center no-repeat; width:100%; background-size:cover; padding:60px 0;} 


.president_box3 { width:1000px; margin:0 auto; padding:45px; background:#FFFFFF;}
.president_box3 h4{ font-size:28px; color:#cd4a38; text-align:center; margin:0 0 30px; font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}
.president_box3 h5{font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:20px; margin:0 0 40px; text-align:center;}
.president_box3 p{ text-align:center; font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; line-height: 2.5;}




/**************************
sustainability
***************************/
.comTit01 span {font-size:20px; display:block}
.sustainability_wrap {padding:75px; background:#FFFFFF; width:100%;}

.sustainability_wrap2 { width:100%; margin:0 0 70px; position:relative}
.sustainability_wrap2:last-child { margin-bottom: 0;}

.sustainability_bg_img1 {width:55%; height:400px; position:absolute; top:0; left:0; z-index:10;}
.sustainability_bg_img1 {background-image:url(../images/about/about_sustainability/bg_img01.jpg); background-size:cover;}
.sustainability_box01 { border:1px solid #ae9373; width:620px; padding:50px; position: relative; margin-top:250px; margin-left:33%; background:#FFF; z-index:20}

.sustainability_bg_img2 {width:55%; height:400px; position:absolute; top:0; right:0; z-index:10;}
.sustainability_bg_img2 {background-image:url(../images/about/about_sustainability/bg_img02.jpg); background-size:cover;}
.sustainability_box02 { border:1px solid #ae9373; width:620px; padding:50px; position: relative; margin-top:250px; margin-right:33%; background:#FFF; z-index:20}

.sustainability_bg_img3 {width:55%; height:400px; position:absolute; top:0; right:0; z-index:10;}
.sustainability_bg_img3 {background-image:url(../images/about/about_sustainability/bg_img03.jpg); background-size:cover;}
.sustainability_box03 { border:1px solid #ae9373; width:620px; padding:50px; position: relative; margin-top:250px; margin-right:33%; background:#FFF; z-index:20}


.sustainability_bg_img4 {width:55%; height:400px; position:absolute; top:0; left:0; z-index:10;}
.sustainability_bg_img4 {background-image:url(../images/about/about_sustainability/bg_img04.jpg); background-size:cover;}
.sustainability_box04 { border:1px solid #ae9373; width:620px; padding:50px; position: relative; margin-top:250px; margin-left:33%; background:#FFF; z-index:20}



.sustainability_box01 h3,
.sustainability_box02 h3,
.sustainability_box03 h3,
.sustainability_box04 h3 { color:#ae9373; font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-size:20px; margin:0 0 20px;
}
.sustainability_box01 p,
.sustainability_box02 p,
.sustainability_box03 p,
.sustainability_box04 p { line-height:2.2; }



/**************************
planner
***************************/
/*.about_planner_wrap { width:100%; height:500px; background:#f3f2e9; margin:0 auto 40px; position:relative;}
.about_planner_bg_img01 { width:50%; height:500px; position:absolute; top:0; left:0; background:url(../images/about/about_planner/bg_img01.jpg) center center no-repeat; background-size:cover;}
.about_planner_box01 { width:440px;border:1px solid #FFFFFF; padding:40px; margin:10px 0 0 auto;}*/
.about_planner_wrap {
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 60px;
}
.about_planner_bg_img01 {
width: 50%;
background:url(../images/about/about_planner/bg_img01.jpg) center center no-repeat;
background-size: cover;
}
.about_planner_box01 {
box-sizing: border-box;
width: 50%;
background:#f3f2e9;
padding: 20px;
}
.about_planner_box01 p {
padding: 50px;
border: #fff 2px solid;
}


.about_planner_wrap02 { width:100%; margin:0 auto 60px; position:relative;}
.about_planner_box { width:1100px; margin:0 auto 0; position:relative;}
.about_planner_illust { width:445px; position:absolute; top:0; left:0;}

.about_planner_bg_img02 { width:50%; height:420px; position:absolute; top:-200px; right:0; background:url(../images/about/about_planner/bg_img02.jpg) center center no-repeat; background-size:cover; z-index:10;}
.about_planner_box02 {width:520px; padding:20px; border:1px solid #d6c9b9; background:#FFFFFF;z-index:20; position: relative; margin:400px 0 0 20%; box-shadow:3px 3px 0px 0px #d6c9b9;}

.about_planner_bg_img03 { width:50%; height:420px; position:absolute; top:-200px; left:0; background:url(../images/about/about_planner/bg_img03.jpg) center center no-repeat; background-size:cover; z-index:10;}
.about_planner_box03 {width:520px; padding:20px; border:1px solid #d6c9b9; background:#FFFFFF;z-index:20; position: relative; margin:300px 0 0 40%; box-shadow:3px 3px 0px 0px #d6c9b9;}

.about_planner_bg_img04 { width:50%; height:420px; position:absolute; top:-200px; right:0; background:url(../images/about/about_planner/bg_img04.jpg) center center no-repeat; background-size:cover; z-index:10;}
.about_planner_box04 {width:520px; padding:20px; border:1px solid #d6c9b9; background:#FFFFFF;z-index:20; position: relative; margin:300px 0 0 20%; box-shadow:3px 3px 0px 0px #d6c9b9;}


.about_planner_box02 h3,
.about_planner_box03 h3,
.about_planner_box04 h3 { background:#e8a02b;font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; color:#FFFFFF; text-align:center; font-size:20px; padding:10px 17px; position:absolute; top:0;left:0; font-weight: 500;}
.about_planner_box02 h4,
.about_planner_box03 h4,
.about_planner_box04 h4 { font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-size:28px;position:absolute; top:25px;left:100px; font-weight:500;}
.about_planner_box02 h3 span,
.about_planner_box03 h3 span,
.about_planner_box04 h3 span { display:block; font-size:28px;}
.about_planner_box02 p,
.about_planner_box03 p,
.about_planner_box04 p { padding:20px; margin:50px 0 0;} 

.about_planner_img01 {width:36%; float:left; margin:0;}
.about_planner_img01 img { margin-bottom: 10px;}
.about_planner_detail01 { width:60%;float:right;margin:0 0 100px; background:#FFFFFF; border-radius:16px; padding:5%; box-sizing: border-box;}

.about_planner_img02 {width:36%; float:right; margin:0;}
.about_planner_img02 img { margin-bottom: 10px;}
.about_planner_detail02  { width:60%;float:left;margin:0; background:#FFFFFF; border-radius:16px; padding:5%; box-sizing: border-box;}

.about_planner_img01 h4,
.about_planner_img02 h4 {font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:20px; text-align:center; line-height: 2em;}
.about_planner_img01 h4 span,
.about_planner_img02 h4 span { font-size:16px; display:block}


}








/*sp*/
@media only screen and (max-width: 768px) {
#hedImg {
background: url("../images/about/hed_img.jpg") center center no-repeat;
}

/*com-------*/
.gh_idxListWrap { background-color: #f3f2e9; padding: 40px 0; margin-top: 100px; }

.recruit_list { width: 100%; margin: 0 auto; }
.recruit_list li { width: 100%;  display: table; margin-bottom: 50px; }

.recruit_list_img { width: 100%; margin: 0 auto; vertical-align: middle; }
.recruit_list_img img { width: 100%; height: auto; }
.photo_hover_wrap img { width: 100%; height: auto; }
.photo_hover_wrap { display: block; height: 55vw; overflow: hidden; position: relative; text-decoration: none; z-index: 0; }
.photo_hover_wrap .photo { display: block; height: auto; left: 0; position: absolute; top: 0; transition: all 0.2s linear 0s; width: 100%; }
.recruit_list li a:hover .photo_hover_wrap { text-decoration: none; cursor: pointer; }
.recruit_list li a:hover .photo_hover_wrap .photo {transform: scale(1.1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s; }

.recruit_list_btn { width: 80%; padding: 20px 15px; border: #393939 1px solid; color: #393939 !important; background-color: #fff; box-shadow: 3px 3px 0px 0px #393939; position: relative; text-align: center; font-size: 16px; font-weight: bold; margin: 0 auto; margin-top: -30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all .5s ease-out; transition: all 0.5s ease-out; }
.recruit_list_btn::after { position: absolute; font-family: "Font Awesome 5 Free"; content: "\f105"; display: block; right: 30px; top: 20px; font-weight: bold; font-size: 1.2em; }
.recruit_list_btn span.women { font-size: 14px; }
.recruit_list li a:hover .recruit_list_btn { color: #fff !important; box-shadow:0px 0px 0px 0px #393939; transform: translate(3px,3px); background-color: #e8a02b; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all .5s ease-out; transition: all 0.5s ease-out; }
.recruit_list li a:hover .recruit_list_btn::after { right: 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all .5s ease-out; transition: all 0.5s ease-out; color: #fff;  }


/**************************
index
***************************/
.about_wrap { width:100%; margin:0 0 70px; position:relative}
.about_bg_img {width:100%; height:320px; position: relative; top:0; left:0;}
.about_bg_img {background-image:url(../images/about/bg_img.jpg); background-size:cover;}
.about_box01 { border:1px solid #ae9373; width:90%; padding:2%; position: relative; margin:-30px auto 0; background:#FFF;}
.about_box01 h3 { color:#ae9373; font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-size:16px; margin:0 0 20px;
}
.about_box01 p { line-height:2.2; }




/**************************
history
***************************/
.about_wrap2 { width:96%; padding:2%;background:#FFF; margin:0 auto;}
.about_wrap2 table { width:100%; }
.about_wrap2 table th { text-align:center; display: block; padding:2%; border-top:1px solid #ae9373; background:#F0F0F0;}
.about_wrap2 table td { display:block; border-bottom:1px solid #cccccc; padding:4% 2%;}
.about_wrap2 table td h4 { font-size:1.8rem; color:#e8a02b;}
.about_wrap2 table td p { margin-top: 10px;}

/*---overview---------*/
.tableWrap,
.timelineWrap {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.timeline {
list-style: none;
}

.timeline > li {
}       

.timeline li {
border-left: 3px solid #e5e5d1;
padding-left: 20px;
padding-bottom: 20px;
}

.timeline li {
position: relative;
}

.timeline-date {
font-weight: bold;
}

.timeline-date::before {
content: '';
width: 12px;
height: 12px;
background:  #e8a02b;
position: absolute;
left: -7px;
top: 5px;
border-radius: 100%;
}

.timeline-content h3 {
font-weight: 500;
}

.map_wrap { width:90%; margin:0 auto 30px;}


/**************************
president
***************************/
.president_imgbox {
width: 100%;
margin: 0 auto 50px;
position: relative;
}
.president_img {
width: 100%;
margin: auto;
}
.president_img img {
width: 100%;
height: auto;
}
.president_tit {
width: 80%;
padding: 20px 15px;
background: #fff;
font-size: 23px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin: 0 auto;
margin-top: -30px;
box-shadow: 3px 3px 0px rgba(174,147,115,0.5);
position: relative;
z-index: 10;
}
.president_txtbox {
width: 98%;
margin: 0 auto;
padding: 1%;
}
.president_txt {
font-size: 16px;
line-height: 2em;
}
.president_name {
font-size: 16px;
text-align: right;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin-top: 50px;
}
.president_box {
margin: 0 auto 40px;
}

.president_wrap {
	width:100%;
	margin:0 auto 30px;
	position:relative;
	padding:30px 0;
}

.president_wrap::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:#f7f5f2;
	width:75%;
	height:1000px;
	z-index:-10;
}

.president_img2 { width:80%; margin:0 auto 30px;}

.president_bg_img { background:url(../images/about/about_message/bg_img01.jpg) center center no-repeat; width:100%; background-size:cover; padding:30px 0;} 


.president_box3 { width:84%; margin:0 auto; padding:5%; background:#FFFFFF;}
.president_box3 h4{ font-size:20px; color:#cd4a38; text-align:center; margin:0 0 20px; font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}
.president_box3 h5{font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:16px; margin:0 0 20px; text-align:center;}
.president_box3 p{ text-align:left;}




/**************************
sustainability
***************************/
.comTit01 span {font-size:14px; display:block}
.sustainability_wrap {padding:4%; background:#FFFFFF; width:88%; margin:auto;}

.sustainability_wrap2 { width:100%; margin:0 0 40px; position:relative}
.sustainability_wrap2:last-child { margin-bottom: 0;}

.sustainability_bg_img1,
.sustainability_bg_img2,
.sustainability_bg_img3,
.sustainability_bg_img4 {width:100%; height:280px; position: relative; margin:0; z-index:10;}

.sustainability_bg_img1 {background-image:url(../images/about/about_sustainability/bg_img01.jpg); background-size:cover;}
.sustainability_bg_img2 {background-image:url(../images/about/about_sustainability/bg_img02.jpg); background-size:cover;}
.sustainability_bg_img3 {background-image:url(../images/about/about_sustainability/bg_img03.jpg); background-size:cover;}
.sustainability_bg_img4 {background-image:url(../images/about/about_sustainability/bg_img04.jpg); background-size:cover;}

.sustainability_box01,
.sustainability_box02,
.sustainability_box03,
.sustainability_box04 { border:1px solid #ae9373; width:90%; padding:3%; position: relative; margin:-40px auto 40px; background:#FFF; z-index:20}


.sustainability_box01 h3,
.sustainability_box02 h3,
.sustainability_box03 h3,
.sustainability_box04 h3 { color:#ae9373; font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-size:16px; margin:0 0 20px;
}
.sustainability_box01 p,
.sustainability_box02 p,
.sustainability_box03 p,
.sustainability_box04 p { line-height:1.8; }




/**************************
planner
***************************/
/*.about_planner_wrap { width:100%; height: auto; background:#f3f2e9; margin:0 auto 40px; position:relative;}
.about_planner_bg_img01 { width:100%; height:300px; position:relative; margin:0 0 10px; background:url(../images/about/about_planner/bg_img01.jpg) center center no-repeat; background-size:cover;}
.about_planner_box01 { width:94%;border:1px solid #FFFFFF; padding:2%; margin:0 auto 20px;}*/
.about_planner_wrap {
width:100%;
margin-bottom: 40px;
}
.about_planner_bg_img01 {
width: 100%;
height: 280px;
background:url(../images/about/about_planner/bg_img01.jpg) center center no-repeat;
background-size: cover;
}
.about_planner_box01 {
box-sizing: border-box;
width: 100%;
background:#f3f2e9;
padding: 20px;
}
.about_planner_box01 p {
padding: 20px;
border: #fff 2px solid;
}



.about_planner_wrap02 { width:100%; margin:0 auto 60px; position:relative;}
.about_planner_box { width:96%; margin:0 auto 0; position:relative;}
.about_planner_illust { width:60%; margin:0 auto 20px;}

.about_planner_bg_img02 { width:100%; height:200px; position: relative; margin:0; background:url(../images/about/about_planner/bg_img02.jpg) center center no-repeat; background-size:cover; z-index:10;}
.about_planner_box02 {width:90%; padding:2%; border:1px solid #d6c9b9; background:#FFFFFF;z-index:20; position: relative; margin:-20px auto 40px; box-shadow:3px 3px 0px 0px #d6c9b9;}

.about_planner_bg_img03 { width:100%; height:200px; position: relative; margin:0;background:url(../images/about/about_planner/bg_img03.jpg) center center no-repeat; background-size:cover; z-index:10;}
.about_planner_box03 {width:90%; padding:2%; border:1px solid #d6c9b9; background:#FFFFFF;z-index:20; position: relative; margin:-20px auto 40px; box-shadow:3px 3px 0px 0px #d6c9b9;}

.about_planner_bg_img04 { width:100%; height:200px; position:relative; margin:0; background:url(../images/about/about_planner/bg_img04.jpg) center center no-repeat; background-size:cover; z-index:10;}
.about_planner_box04 {width:90%; padding:2%; border:1px solid #d6c9b9; background:#FFFFFF;z-index:20; position: relative; margin:-20px auto 40px; box-shadow:3px 3px 0px 0px #d6c9b9;}


.about_planner_box02 h3,
.about_planner_box03 h3,
.about_planner_box04 h3 { background:#e8a02b;font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; color:#FFFFFF; text-align:center; font-size:18px; padding:10px 16px; position:absolute; top:0;left:0;}
.about_planner_box02 h4,
.about_planner_box03 h4,
.about_planner_box04 h4 { font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;font-size:20px;position:absolute; top:25px;left:100px; font-weight:500;}
.about_planner_box02 h3 span,
.about_planner_box03 h3 span,
.about_planner_box04 h3 span { display:block; font-size:20px;}
.about_planner_box02 p,
.about_planner_box03 p,
.about_planner_box04 p { padding:30px 20px 20px; margin:50px 0 0;} 

.about_planner_img01,
.about_planner_img02 {width:100%; float:none; margin:0 auto 20px; text-align: center;}
.about_planner_img01 img,
.about_planner_img02 img {width:50%; margin-bottom: 10px;}

.about_planner_detail01 { width:88%;margin:0 auto 40px; background:#FFFFFF; border-radius:10px; padding:5%;}
.about_planner_detail02 { width:88%;margin:0 auto 0; background:#FFFFFF; border-radius:10px; padding:5%;}

.about_planner_img01 h4,
.about_planner_img02 h4 {font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:16px; text-align:center;}
.about_planner_img01 h4 span,
.about_planner_img02 h4 span { font-size:12px; display:block}



}