@charset "utf-8";
@media screen and (max-width:767px) {
/*---------------------------------

mission

---------------------------------*/
.content .main.mission { background:#fff; padding:20px; position:relative; }
.content .main.mission:before { content: ""; position:absolute; width:17px; height:78px; top:10px; right:10px; background:url(../../img/sp_common/bg_mission.png) center no-repeat; background-size:17px 78px; }

.content #sideBar { display:block !important; float:none; margin-top:30px; width:100%; }
.content #sideBar #bnr { padding-top:0; margin-top:20px; }
.content #sideBar #bnr li { margin:0; text-align:center; }
.content #sideBar #snavi { margin-top:20px; }
.content #sideBar #snavi ul { border-top:1px solid #eee; border-left:1px solid #eee; border-radius:3px; }
.content #sideBar #snavi ul li { border-right:1px solid #eee; border-bottom:1px solid #eee; }
.content #sideBar #snavi ul li:first-child { border-radius:3px 3px 0 0; }
.content #sideBar #snavi ul li:last-child { border-radius:0 0 3px 3px; }
.content #sideBar #snavi ul li a { display:flex; justify-content:space-between; padding:15px 40px 15px 15px; position:relative; }
.content #sideBar #snavi ul li a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }
.content #sideBar #snavi ul li a span {}
.content #sideBar #snavi ul li a span:first-child { color:#999; font-weight:600; font-size:85%; }
.content #sideBar #snavi ul li a span:nth-child(2) { font-weight:600; font-size:100%; }
.content #sideBar #snavi ul li a img {} 

.content #sideBar #snavi ul li ul.sec { border-left:none; margin:0; }
.content #sideBar #snavi ul li ul.sec li { border-top:none; }
.content #sideBar #snavi ul li ul.sec li:last-child { border-bottom:none; }
.content #sideBar #snavi ul li ul.sec li a {}
.content #sideBar #snavi ul li ul.sec li a span {}
.content #sideBar #snavi ul li ul.sec li a img {}

#sideFaq { margin-top:20px; }
#sideFaq h2 {}
#sideFaq h2 a {}
#sideFaq h2 a span { font-size:116%; }
#sideFaq ul { border-radius:3px; margin-top:10px; padding:0; border:none; }
#sideFaq ul li { border:1px solid #eee; border-radius:3px; font-size:100%; }
#sideFaq ul li a { display:block; padding:10px 10px 10px 30px; position:relative; }
#sideFaq ul li a span { position:absolute; left:10px; top:10px; }

/*
  フォレスタイルとは
--------------------------*/
#mission ul li {
  width: 100%;
  margin: 0 0 20px;
}
#mission ul li a {
  display: block;
}
#mission #bnr {
  width: 100%;
  margin-top: 15px;
  padding-top: 30px;
}

.mission .contBox { padding-left:0; position:relative; width:100%; }

.mission .returnIdx { display:none; }
.mission .returnIdx a { border:1px solid #eee; display:flex; justify-content:flex-end; margin-top:15px; padding:15px 15px 15px 15px; position:relative; }

.mission #spec .link { text-align:left; margin-top:15px; }
.mission #spec .link a { background-color:#fff; display:flex; justify-content:space-between; margin-top:15px; padding:15px; position:relative; }

/*----------------------------
concept
----------------------------*/
.h_title2.concept { background: url(../../img/mission/concept/h_title.jpg) center no-repeat; }
.mission#concept .contBox { padding:0; width:100%; }
#concept .contBox .block { margin-bottom:0; }
#concept .contBox .block p { font-size:116%; line-height:1.8; }
#concept .contBox .txt { font-size:131%; font-weight:600; line-height:1.6; }
#concept .contBox .txtLeft { float:none; width:100%; }
#concept .contBox .imgRight { float:none; width:100%; }
#concept .contBox .imgRight img { max-width:220px; }

.mission ul.pager { margin:0; width:100%; }
.mission ul.pager li { border:1px solid #eee; border-radius:3px; float:none; margin-top:15px; }
.mission ul.pager li:first-child { margin-top:0; }
.mission ul.pager li.next { float:none; }
.mission ul.pager li a { display:block; padding:10px; }
.mission ul.pager li span { font-size:100%; }

/*----------------------------
origin
----------------------------*/
.h_title2.origin { background: url(../../img/mission/origin/h_title.jpg) center no-repeat; }

#origin .contBox { padding:0; width:100%; }
#origin .contBox .blockLeft { float:none; width:100%; }
#origin .contBox .blockRight { float:none; width:100%; }
#origin .contBox > .txt { font-size:131%; font-weight:600; line-height:1.6; }
#origin .contBox .block { margin-top:0; }
#origin .contBox .blockLeft p { font-size:116%; line-height:1.8; }
#origin .contBox .blockLeft p em { color:#82ae46; font-size:18px; font-style:normal; font-weight:600; line-height:1.8; }

/*----------------------------
quality
----------------------------*/
.h_title2.quality { background: url(../../img/mission/quality/h_title.jpg) center no-repeat; }
.mission#quality .contBox { padding:0 0 20px; width:100%; }
#quality .contBox .blockLeft { float:none; width:100%; }
#quality .contBox .blockRight { float:none; width:100%; }
#quality .contBox p { font-size:116%; line-height:1.8; }
#quality .contBox p:nth-child(3) { margin-top:0; }
#quality .contBox p a { border:1px solid #eee; border-radius:3px; display:block; font-size:85%; margin-top:10px; padding:10px; }

/*----------------------------
system
----------------------------*/
.h_title2.system { background: url(../../img/mission/system/h_title.jpg) center no-repeat; }
.mission#system .contBox { padding:0 0 20px; width:100%; }
#system .contBox > p { font-size:116%; line-height:1.8; margin-top:15px; }
#system .contBox .func span {  font-size:100%; line-height:1.6; text-align:left; }
#system .contBox .func { padding:0; width:100%; }
#system .contBox .func p { font-size:116%; line-height:1.8; margin-top:15px; }
#system .contBox .func ul {}
#system .contBox .func ul li { background-image:none; background-color:#EDF3E0; border-radius:3px; padding:20px; }
#system .contBox .func ul li > a span { color:#82AE46; font-size:131%; font-weight:600; line-height:1.6; text-align:left; }
#system .contBox .func ul li > span { display:block; margin-top:10px; text-align:center; font-size:100%; }
#system .contBox .func ul li > span a { background-color:#fff; display:block; padding:15px; text-align:center; }

#agent .contBox {}
#agent .contBox h2 { background-image:none; font-size:100%; margin-top:0; padding-bottom:0; }
#agent .contBox h2 span { color:#82AE46; font-size:154%; font-weight:600;  }
#agent .contBox .block { margin-bottom:0; }
#agent .contBox .blockLeft { float:none; width:100%; }
#agent .contBox .blockLeft dl { margin-top:15px; }
#agent .contBox .blockLeft dl dt {}
#agent .contBox .blockLeft dl dt span { color:#8c8276; font-size:125%; font-weight:600; }
#agent .contBox .blockLeft dl dd { font-size:116%; line-height: 1.8; }
#agent .contBox .blockRight { float:none; margin-top:15px; width:100%; }
#agent .contBox .blockRight p { text-align:center; margin-bottom:0; }
#agent .contBox .blockRight p img { max-width:280px; }
#agent .contBox p { position:relative; padding-bottom:25px; text-align:center; }
#agent .contBox p.after { margin-top:25px; margin-bottom:0; }
#agent .contBox p.after span { background-color:#e9e9e9; color:#8d8077; font-size:116%; font-weight:600; display:block; padding:10px;  }
#agent .contBox p.after:before { content:" "; width:0; height:0; border-style:solid; border-width:10px 7px 0 7px; border-color: #e9e9e9 transparent transparent transparent; position:absolute; left:50%; bottom:5px; margin-left:-5px; height:10px; z-index:1; }
#agent .contBox .bestAgent { margin-bottom:0; text-align:left; padding:15px; }
#agent .contBox .bestAgent span {}
#agent .contBox p.returnIdx { margin-bottom:0; }
#agent .contBox .note { font-size:108%; line-height: 1.6; }

/*----------------------------
style
----------------------------*/
.h_title2.style { background: url(../../img/mission/style/h_title.jpg) center no-repeat; }
.mission#style .contBox { padding:0 0 20px; width:100%; }

#style .contBox h2 { background-image:none; }
#style .contBox h2.title_green { margin:0; padding:0; background-image:none; }
#style .contBox > p { font-size:116%; line-height:1.8; margin-top:15px; }
#style .contBox ol { width:100%; }
#style .contBox ol li { width:100%; }
#style .contBox ol li img { float:none; }
#style .contBox dl { float:none; margin-right:0; padding-bottom:20px; width:100%; }
#style .contBox dl dd { font-size:116%; line-height:1.8; }
#style .contBox dl dd a { border:1px solid #eee; display:flex; justify-content:space-between; font-size:100%; margin-top:15px; padding:15px 40px 15px 15px; position:relative; }
#style .contBox dl dd a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }

#style .contBox ol li:nth-child(2) dl dd a { margin-bottom:15px; }

/*--- hayfever ---*/
#hayfever .contBox h2 { color:#82AE46; font-size:125%; font-weight:600; margin-top:0; margin-bottom:15px; }
#hayfever .contBox > p { font-size:116%; line-height:1.8; }
#hayfever .contBox p.returnIdx { display:none; }
#hayfever .contBox #action { width:100%; }
#hayfever .contBox #action dl { width:100%; }
#hayfever .contBox #action dt { line-height:1.6; }
#hayfever .contBox #action dt span { color:#82AE46; display:block; font-size:116%; font-weight:600; }
#hayfever .contBox #action dd { font-size:116%; line-height:1.8; }
#hayfever .contBox .pict img { max-width:300px; }
#hayfever .contBox .spec p span { font-size:125%; font-weight:600; }

/*--- solar ---*/
#solar .contBox { padding:0; width:100%; }
#solar .contBox h2 { color:#82AE46; font-size:125%; font-weight:600; margin-bottom:15px; margin-top:0; }
#solar .contBox p { font-size:116%; line-height:1.8; }
#solar .contBox p.returnIdx { display:none; }
#solar .contBox p.returnIdx a { margin-top:0; }
#solar .contBox #merit { width:100%; }
#solar .contBox #merit dl { width:100%; }
#solar .contBox #merit dl dt { line-height:1.6; }
#solar .contBox #merit dl dt span { color:#82AE46; font-size:125%; font-weight:600; }
#solar .contBox #merit dl dd { font-size:116%; line-height:1.8; }
#solar .contBox .pict img { max-width:420px; }

.mission #spec li { float:none; }
.mission #spec dl { align-items:start; display:flex; flex-direction:column; justify-content:start; }
.mission #spec dt { float:none; margin-top:15px; }
.mission #spec dt:first-child { margin-top:0; }
.mission #spec dd { margin:5px 0 0 0; padding:0; }
.mission #spec dd ul li { margin:0; }

/*----------------------------
member
----------------------------*/
.content #member #snavi { border-bottom:none; }

.h_title2.member { background: url(../../img/mission/member/h_title.jpg) center no-repeat; }
#member .contBox p { font-size:116%; line-height:1.8; }

#member #amenity { margin-top:20px; }
#member #amenity h2 span { font-size:116%; }
#member #amenity ol li:nth-child(4) { margin-bottom:0; }
#member #amenity dl { align-items:center; display:flex; flex-wrap:wrap; justify-content:start; }
#member #amenity dt { align-items:center; display:flex; justify-content:start; flex: 0 0 100%; }
#member #amenity dt img { object-fit:cover; height:38px; width:63px; object-position:left center; flex: 0 0 63px; }
#member #amenity dt span { color:#82AE46; display:block; flex:1; font-size:131%; font-weight:600; line-height:1.6; padding-left:10px; }
#member #amenity dd { font-size:116%; line-height:1.8; margin-top:10px; }
#member #amenity dd ul li { margin:0; text-indent:0; }
#member #amenity dd a { border:1px solid #eee; border-radius:3px; display:block; font-size:93%; margin-top:10px; padding:10px; position:relative; }
#member #amenity dd a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }
#member #amenity dd a.inline_link { background:none; color:#336699; padding:0; border:none; border-radius:0; margin:0; display:inline; }
#member #amenity dd a.inline_link:after { content:none; }
#member #amenity .mgnBtm { background: url(../../img/sp_common/i_ar_orange_down_grad.png) center bottom no-repeat; margin:0; padding:0 0 70px; }
#member #amenity .mgnBtm span:first-child { background-color:#edf3e0; border:1px solid #82AE46; display:block; margin:15px 0 0; padding:15px; }
#member #amenity .mgnBtm span:nth-child(4) { display:block; font-size:125%; font-weight:600; position:relative; }

#member #memberBox { margin-top:0; margin-bottom:20px; }
#member #memberBox p {}
#member #memberBox p.btn { float:none; font-size:100%; margin-top:20px; width:100%; }
#member #memberBox p.btn a { background-color:#709F2E; display: block; border-radius:3px; color:#fff; font-weight:600; padding:15px 15px; position:relative; }
#member #memberBox p.btn a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_white.svg) center no-repeat; background-size:8px; }
#member #memberBox p.copy { float:none; width:100%; }

/*--- point ---*/
.content #point #snavi { border-bottom:none; }
#point .block .box { display:flex; flex-wrap:wrap; margin:0 0 20px; width:100%; }
#point .block .box dl { flex:0 0 50%; float:none; margin:20px 0 0; width:auto; text-align:center; }
#point .block .box dd { font-size:100%; margin-top:5px; }
#point .block p.right {}
#point .block p.right a { background-color:#fff; border:1px solid #eee; display:block; padding:10px; position:relative; text-align:left; }
#point .block p.right a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }
#member #memberBox p.copy { float:none; width:100%; }

#point .block .pict { margin-top:20px; margin-bottom:20px; }

#point .contBox h2 {}
#point .contBox h2 span { color:#32660B; display:block; font-size:154%; font-weight:600; }
#point .contBox .lead dt { font-size:131%; line-height:1.6; }
#point .contBox .lead dd { font-size:116%; line-height:1.8; margin-top:10px; }
#point .block h3 { padding-bottom:10px; }
#point .block h3 span { font-size:116%; line-height:1.8; }
#point .block p { font-size:116%; line-height:1.8; }
#point .block ul li { font-size:116%; line-height:1.8; text-indent:0; margin:0; }
#point #pointDetail { margin-top:15px; padding:15px; }
#point #pointDetail p { margin-bottom:10px; }
#point #pointDetail p span { font-weight:600; font-size:116%; line-height:1.8; }
#point #pointDetail li { font-size:100%; margin:0; }
#point #pointDetail ul li ul.sec { margin-top:10px; }
#point #pointDetail ul li ul.sec li {}

/*--- pointDetail ---*/
#pointDetail #wrap #container { padding:0 0 64px; position:relative; width:100%; }
#pointDetail #newWinHeader { height:auto; padding:10px; }
#pointDetail #newWinHeader #headerLogo { padding:0; text-align:left; }
#pointDetail #headImage { padding:30px; }
#pointDetail #headImage h1 span { color:#fff; font-size:125%; font-weight:600; }
#pointDetail #headImage h1 img { display:none; }
#pointDetail #pointDetailBody { margin:0; padding:15px; width:100%; }
#pointDetail #pointDetailBody h2 { margin-top:10px; padding:10px 0 5px; }
#pointDetail #pointDetailBody h2 img { display:none; }
#pointDetail #pointDetailBody h2 span { color:#82AE46; font-size:125%; font-weight:600; line-height:1.6; }
#pointDetail #pointDetailBody h4 { color:#82AE46; line-height:1.6; margin-top:15px; }
#pointDetail #pointDetailBody ul {}
#pointDetail #pointDetailBody ul li { font-size:116%; line-height:1.8; margin-top:10px; }
#pointDetail #pointDetailBody ul li:first-child { margin-top:0; }
#pointDetail #pointDetailBody dl { margin:15px 0 0; padding:0; }
#pointDetail #pointDetailBody dl dt { font-size:125%; line-height:1.8; }
#pointDetail #pointDetailBody dl dd { font-size:116%; line-height:1.8; }
#pointDetail #pointDetailBody p { font-size:116%; line-height:1.8; }
#pointDetail #pointDetailBody p.right { font-size:85%; margin-top:15px; width:100%; }
#pointDetail #pointDetailBody .pointTable { border-top:none; display:flex; width:100%; }
#pointDetail #pointDetailBody .pointTable tbody { display:flex; flex-direction:column; flex:0 0 100%; }
#pointDetail #pointDetailBody .pointTable tbody tr { border:1px solid #ccc; border-radius:3px; display:flex; flex-wrap:wrap; margin-top:15px; }
#pointDetail #pointDetailBody .pointTable tbody tr:first-child { margin-top:0; }
#pointDetail #pointDetailBody .pointTable tbody tr td.name { border-bottom:1px dotted #ccc; flex:0 0 100%; padding:15px; text-align:left; }
#pointDetail #pointDetailBody .pointTable tbody tr td.point { border:none; flex:0 1 50%; padding:15px; text-align:left; }
#pointDetail #pointDetailBody .pointTable tbody tr td.option { border:none; flex:0 1 50%; padding:15px; text-align:right; }
#pointDetail #pointDetailBody #close { background-color:#fff; border-top:1px solid #eee; position:fixed; bottom:0; left:0; margin:0; padding:10px; text-align:center; width:100%; }
#pointDetail #pointDetailBody #close a { background-color:#82AE46; border-radius:3px; display:block; padding:15px;  }
#pointDetail #pointDetailBody #close a span { color:#fff; display:block; font-size:108%; font-weight:600; line-height:1; }
#pointDetail #pointDetailBody #close a img { display:none; }
#pointDetail #newWinFooter { width:100%; }

/*--- preList ---*/
#preList #wrap #container { padding:0 0 64px; position:relative; width:100%; }
#preList #preBody { padding:15px; margin:0; width:100%; }
#preList #preBody p { font-size:116%; line-height:1.8; }
#preList #newWinHeader { height:auto; padding:10px; }
#preList #newWinHeader #headerLogo { padding:0; text-align:left; }
#preList #headImage { padding:30px; margin-bottom:0; }
#preList #headImage h1 span { color:#fff; font-size:125%; font-weight:600; }
#preList #headImage h1 img { display:none; }

#preList #preBody #presentInfo { border-top:1px dotted #ccc; margin-top:15px; padding-top:15px; }
#preList #preBody #presentInfo d l { display:flex; flex-wrap:wrap; margin-bottom:10px; }
#preList #preBody #presentInfo dl dt { float:none; margin-right:0; }
#preList #preBody #presentInfo dt img { margin:0; }
#preList #preBody #presentInfo dl dd { flex:0 0 100%; font-size:116%; line-height:1.8; margin-top:15px; }
#preList #preBody #presentInfo dl dd br:nth-child(2) { display:none; }
#preList #preBody #presentInfo dl dd strong { display:flex; margin-top:10px; padding-bottom:10px; }
#preList #preBody #presentInfo dl dd strong span { display:inline-block; }
#preList #preBody #presentInfo dl dd strong span:first-child { font-size:125%; }
#preList #preBody #presentInfo dl dd strong span:nth-child(2) { font-size:116%; padding-left:5px; }
#preList #preBody #presentInfo dl dd .campaign { display:block; margin-top:10px; }
#preList #preBody #close { background-color:#fff; border-top:1px solid #eee; position:fixed; bottom:0; left:0; margin:0; padding:10px; text-align:center; width:100%; }
#preList #preBody #close a { background-color:#82AE46; border-radius:3px; display:block; padding:15px; position:relative; }
#preList #preBody #close a:after { content: ""; position:absolute; width:13px; height:13px; top:50%; margin-top:-7px; left:15px; background:url(../../img/sp_common/x_white.svg) center no-repeat; background-size:13px 13px; }
#preList #preBody #close a span { color:#fff; display:block; font-size:108%; font-weight:600; line-height:1; }
#preList #preBody #close a img { display:none; }


#newWinFooter address { text-align:center; }
#newWinFooter address img { display:none; }
#newWinFooter address span { font-size:72%; }


/*----------------------------
benefit
----------------------------*/
.content .main#benefit {
padding: 15px 15px 30px;
}

#benefit .contBox ul.benefit {
border-top: 1px dotted #ddd;
width:100%;
}

#benefit .contBox ul.benefit li {
border-bottom: 1px dotted #ddd;
padding:20px 0 20px;
}

#benefit .contBox ul.benefit li a {
align-items:start;
flex-direction:column;
justify-content:center;
row-gap:10px;
}

#benefit .contBox ul.benefit li a img:last-child {
object-fit:cover;
height:auto;
width:100%;
}

#benefit .contBox ul.benefit li a dl {
align-items:start;
flex-direction:column;
row-gap:15px;
}

#benefit .contBox ul.benefit li a dl:after {
content:none;
}

#benefit .contBox ul.benefit li a dl dt {
align-items:center;
column-gap:10px;
display:flex;
justify-content:start;
}

#benefit .contBox ul.benefit li a dl dt img {
height:38px;
width:auto;
}

#benefit .contBox ul.benefit li a dl dt span {
color: #336600;
font-weight: 600;
font-size: 124%;
}

#benefit .contBox ul.benefit li a dl dd {
border:1px dotted #ddd;
display:flex;
flex-direction:column;
width:100%;
}

#benefit .contBox ul.benefit li a dl dd img {
object-fit:cover;
position:relative;
top:auto;
width:100%;
}

#benefit .contBox ul.benefit li a dl dd span {
display:flex;
padding:15px;
position:relative;
}

#benefit .contBox ul.benefit li a dl dd span:after {
background-image:url(../../img/mission/benefit/i_ar_on.png);
background-position:center bottom;
background-repeat:no-repeat;
background-size:16px 16px;
content:" ";
position:absolute;
right:10px;
top:50%;
margin-top:-8px;
height:16px;
width:16px;
z-index:1;
}

#benefit.index .contBox .title_green + p {
margin-bottom:30px;
}

#benefit .contBox .back_link {
display:flex;
justify-content:center;
width:100%;
}

#benefit .contBox .back_link a {
background-color:#fff;
border:1px solid #ddd;
border-radius:30px;
padding:15px;
text-align:center;
width:100%;
}

#benefit .member_announce_link {
padding: 25px 20px 30px 30px;
}

/*--- index ---*/
.h_title2.benefit.index {
background-image:url(../../img/mission/benefit/p_sp_benefit_index.jpg);
background-position:center center;
background-repeat:no-repeat;
}

.h_title2.benefit.index span:nth-child(2) {
color:#333;
}

/*--- benefit1 ---*/
.h_title2.benefit.benefit1 {
background-image:url(../../img/mission/benefit/p_sp_benefit1.jpg);
background-position:center center;
background-repeat:no-repeat;
}

.h_title2.benefit.benefit1 span:nth-child(2) {
color:#333;
}

#benefit.benefit_1 .contBox {
row-gap:15px;
}

#benefit.benefit_1 .contBox h2 {
margin:0;
}

#benefit.benefit_1 .contBox .catch {
background:none;
flex-direction:column;
row-gap:15px;
padding-bottom:0;
}

#benefit.benefit_1 .contBox .catch img {
order:2;
margin-right:auto;
}

#benefit.benefit_1 .contBox .catch span {
border-bottom:1px solid #82AE46;
color:#333;
font-size:79%;
order:1;
padding-bottom:10px;
text-align:center;
width:100%;
}

#benefit.benefit_1 .contBox ul.detail li {
padding:25px 0;
position:relative;
}

#benefit.benefit_1 .contBox ul.detail li .txt {
padding:0;
row-gap: 20px;
width:100%;
}

#benefit.benefit_1 .contBox ul.detail li .txt h3 {
color:#70522F;
display:flex;
font-size:168%;
font-family:"Hiragino Mincho ProN",	YuMincho,	serif;
justify-content:center;
padding:0;
text-align:center;
}

#benefit.benefit_1 .contBox ul.detail li .txt p {
padding:0;
}

#benefit.benefit_1 .contBox ul.detail li .txt .pic {
display:flex;
height:auto;
justify-content:center;
margin:0 auto;
min-height:100px;
position:relative;
top:auto;
width:auto;
max-width:400px;
}

#benefit.benefit_1 .contBox ul.detail li .txt .pic img {
margin:0 auto;
}

#benefit.benefit_1 .contBox ul.detail li .txt a {
border:1px solid #ddd;
border-radius:30px;
padding:15px;
text-align:center;
width:100%;
}

#benefit.benefit_1 .contBox #tono_hinoki {
row-gap:20px;
padding:25px;
}

#benefit.benefit_1 .contBox #tono_hinoki:before {
aspect-ratio: 151 / 119;
background-size:contain;
background-position:right top;
background-size: 80% 80%;
height:auto;
right:5px;
width:calc(100% - 61px);
}

#benefit.benefit_1 .contBox #tono_hinoki .image_area {
flex-direction:column;
row-gap:15px;
}

#benefit.benefit_1 .contBox #tono_hinoki .image_area .pic {
flex-direction:unset;
width:100%;
}

#benefit.benefit_1 .contBox #tono_hinoki .text a {
background-color:#fff;
border:1px solid #ddd;
border-radius:30px;
padding:15px;
text-align:center;
width:100%;
}

/*--- benefit2 ---*/
.h_title2.benefit.benefit2 {
background-image:url(../../img/mission/benefit/p_sp_benefit2.jpg);
background-position:center top;
background-repeat:no-repeat;
}

.h_title2.benefit.benefit2 span:nth-child(2) {
color:#333;
}

#benefit.benefit_2 .contBox {
row-gap:15px;
}

#benefit.benefit_2 .contBox h2 {
margin:0;
}

#benefit.benefit_2 .contBox .catch {
background:none;
flex-direction:column;
row-gap:15px;
padding-bottom:0;
}

#benefit.benefit_2 .contBox .catch img {
order:2;
margin-right:auto;
}

#benefit.benefit_2 .contBox .catch span {
border-bottom:1px solid #82AE46;
color:#333;
font-size:79%;
order:1;
padding-bottom:10px;
text-align:center;
width:100%;
}

#benefit.benefit_2 .contBox ul.detail li {
padding:25px 0;
position:relative;
}

#benefit.benefit_2 .contBox ul.detail li .txt {
padding:0;
row-gap: 20px;
width:100%;
}

#benefit.benefit_2 .contBox ul.detail li .txt h3 {
color:#70522F;
display:flex;
font-size:168%;
font-family:"Hiragino Mincho ProN",	YuMincho,	serif;
justify-content:center;
padding:0;
text-align:center;
}

#benefit.benefit_2 .contBox ul.detail li .txt .pic {
display:flex;
height:auto;
justify-content:center;
margin:0 auto;
min-height:100px;
position:relative;
top:auto;
width:auto;
max-width:400px;
}

#benefit.benefit_2 .contBox ul.detail li .txt .pic img {
margin:0 auto;
}

#benefit.benefit_2 .contBox ul.detail li .txt a {
border:1px solid #ddd;
border-radius:30px;
padding:15px;
text-align:center;
width:100%;
}

#benefit.benefit_2 .contBox #bestagent_map ul {
flex-direction:column;
row-gap:20px;
}

#benefit.benefit_2 .contBox #bestagent_map ul li {
width:100%;
}

#benefit.benefit_2 .contBox #bestagent_map ul li dl dd img {
width:auto;
max-width:300px;
}

/*--- benefit3 ---*/
.h_title2.benefit.benefit3 {
background-image:url(../../img/mission/benefit/p_sp_benefit3.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#benefit.benefit_3 .contBox {
row-gap: 15px;
}

#benefit.benefit_3 .contBox h2 {
margin:0;
}

#benefit.benefit_3 .contBox .catch {
background:none;
flex-direction:column;
row-gap:15px;
padding-bottom:0;
}

#benefit.benefit_3 .contBox .catch img {
order:2;
margin-right:auto;
}

#benefit.benefit_3 .contBox .catch span {
border-bottom:1px solid #82AE46;
color:#333;
font-size:79%;
order:1;
padding-bottom:10px;
text-align:center;
width:100%;
}

#benefit.benefit_3 .contBox ul.present li .present_cont {
padding:10px;
}

#benefit.benefit_3 .contBox ul.present li .present_cont .present_inner {
flex-direction:column;
overflow: visible;
}

#benefit.benefit_3 .contBox ul.present li .present_cont .present_inner .pic {
margin:0 auto;
}

#benefit.benefit_3 .contBox #point_get_chance ul {
flex-wrap:wrap;
justify-content:start;
row-gap:20px;
}

#benefit.benefit_3 .contBox #point_get_chance ul li {
border-bottom:1px dotted #ddd;
width:100%;
}

#benefit.benefit_3 .contBox #point_get_chance ul li dl {
column-gap:20px;
flex-direction:unset;
}

#benefit.benefit_3 .contBox #point_get_chance ul li dl dt {
flex-grow:0;
width:100px;
}

#benefit.benefit_3 .contBox #point_get_chance ul li dl dd {
align-items:center;
flex-grow:1;
font-size:100%;
display:flex;
text-align:left;
}

#benefit.benefit_3 .contBox #present_example ul li {
width: calc(100% / 3 - 20px);
}

#benefit.benefit_3 .contBox #present_example a {
border:1px solid #ddd;
border-radius:30px;
padding:15px;
text-align:center;
width:100%;
}

}