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

  methodとその子ページ

---------------------------------*/
/*
  こだわりの家づくり
--------------------------*/
.h_title2 {
  background: url(../../img/method/index/sp/h_title.png) center no-repeat;
  background-size: cover;
}
#method section {
  border-top: dotted 1px #DBDBDB;
  padding-top: 25px;
}
#method section:last-of-type {
  border-top: solid 1px #DBDBDB;
}
#method h3 {
  font-size: 16px;
  font-weight: bold;
  color: #70522F;
  line-height: 1.6;
  margin: 0 0 20px;
}
#method #bnr {
  width: 100%;
  padding-top: 30px;
  border-top: solid 1px #DBDBDB;
}

.method .lead { font-size:116%; line-height:1.8; margin-bottom:15px; }
.method .lead > a { color:#336699; }

.method #tab { display:flex; justify-content:start; }
.method #tab li { flex:0 0 30%; }
.method #tab li:first-child { flex:0 0 40%; }
.method #tab li a { background-color:#eee; display:block; padding:15px; text-align:center; }
.method #tab li a span {}
.method #tab li h2 a { background-color:#82ae46; color:#fff; }

.method .topBack {}
.method .topBack a { border:1px solid #eee; display:block; margin-top:10px; padding:15px; position:relative; text-align:center; }
.method .topBack a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_up.svg) center no-repeat; background-size:8px; }

.method .obsessiveness {}
.method .obsessiveness p strong { font-size:116%; }
.method .obsessiveness .lineFrame { border:1px solid #ccc; }
.method .obsessiveness .lineFrame div { background-color:#f1f1f1; float:none; text-align:center; }
.method .obsessiveness .lineFrame p { float:none; font-size:116%; margin-top:10px; width:100%; }
.method .obsessiveness .lineFrame p a { border:1px solid #eee; border-radius:3px; display:block; font-size:85%; margin-top:15px; padding:15px; width:100%; }

.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:#57534E; font-weight:600; font-size:100%; }
.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 { margin:0; }
#sideFaq h2 a  {}
#sideFaq h2 a span {}
#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; }

/*----------------------------
flow
----------------------------*/
.h_title2.flow { background: url(../../img/method/flow/h_title.jpg) center no-repeat; background-size: cover; }

#flow .lead { font-size:116%; line-height:1.8; margin-bottom:0; }
#flow #chart {}
#flow #chart img { float:none; }
#flow #chart dl { float:none; width:100%; }
#flow #chart dl dt { font-size:125%; line-height:1.8; margin-top:0; min-height:70px; padding-left:60px; }
#flow #chart dl dd { font-size:116%; line-height:1.8; }
#flow #chart dl dd a { border:1px solid #eee; display:block; margin-top:10px; padding:10px; position:relative; text-align:center; }

#flow #chart ol li { position:relative; }
#flow #chart ol li img:first-child { position:absolute; left:0; top:0; }
#flow #chart ol li span { font-size:116%; line-height:1.6; }
#flow #chart li:after { content:none; }

#flow #chart ol li .point { flex:0 0 100%; margin-top:10px; padding:0 0 15px; position:relative; }
#flow #chart ol li .point:after { content:" "; width:0; height:0; border-style:solid; border-width:10px 7px 0 7px; border-color: #CCE599 transparent transparent transparent; position:absolute; left:50%; bottom:-5px; margin-left:-5px; height:10px; z-index:1; }
#flow #chart ol li .point > dl { align-items:center; background-color:#CCE599; display:flex; flex:0 0 100%; justify-content:center; padding:10px; position:relative; }
#flow #chart ol li .point > dl > dt { min-height:auto; margin:0; padding:0; }
#flow #chart ol li .point > dl > dt span { font-size:72%; } 
#flow #chart ol li .point > dl > dd { padding-left:10px; }

#flow #chart ol li:first-child { display:flex; flex-wrap:wrap; justify-content:flex-end; }
#flow #chart ol li:first-child > span:nth-child(2) { background-color:#edf3e0; border:1px solid #82ae46; flex:0 0 100%; font-size:116%; display:block; padding-right:15px; order:2; margin-top:5px; text-align:center; padding:15px; line-height:1.6; }
#flow #chart ol li:first-child img { display:none; }

#flow #chart ol li:nth-child(6) { align-items:center; display:flex; flex-wrap:wrap; justify-content:flex-end; }
#flow #chart ol li:nth-child(6) > span:nth-child(2) { background-color:#edf3e0; border:1px solid #82ae46; flex:0 0 100%; font-size:116%; display:block; order:2; margin-top:5px; text-align:center; padding:15px; line-height:1.6; }
#flow #chart ol li:nth-child(6) img { display:none; }

#flow #chart ol li:nth-child(7) img:nth-child(3) { display:none; }
#flow #chart ol li:nth-child(7) .figure { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px; }
#flow #chart ol li:nth-child(7) .figure ul { border:none; display:flex; flex:0 0 100%; justify-content:space-between; position:relative; }
#flow #chart ol li:nth-child(7) .figure ul:after { content:none; }
#flow #chart ol li:nth-child(7) .figure ul li { flex:0 0 45%; position:relative; }
#flow #chart ol li:nth-child(7) .figure ul li:after { content:none; }
#flow #chart ol li:nth-child(7) .figure ul:first-child li { background:url(../../img/sp_common/i_ar_green_down.png) center bottom no-repeat; background-size:21px 67px; margin:0; padding:0 0 67px; }

#flow #chart ol li:nth-child(7) .figure ul li dl { border:1px solid #82AE46; flex:0 0 100%; padding:15px; position:relative; }
#flow #chart ol li:nth-child(7) .figure ul li dl dt { display:flex; flex-wrap:wrap; margin:0; min-height:auto; padding:0; }
#flow #chart ol li:nth-child(7) .figure ul li dl dt span:first-child { flex:0 0 100%; }
#flow #chart ol li:nth-child(7) .figure ul li dl dt span:nth-child(2) { color:#57534E; display:block; margin-top:5px; }
#flow #chart ol li:nth-child(7) .figure ul li dl dd { margin-top:10px; }
#flow #chart ol li:nth-child(7) .figure ul:nth-child(2) li { background-color:#fff; border:1px solid #82AE46; margin:0; padding:20px; text-align:center; }
#flow #chart ol li:nth-child(7) .figure ul:nth-child(2) li:first-child { justify-content:center; }
#flow #chart ol li:nth-child(7) .figure ul:nth-child(2):before { background:url(../../img/sp_common/i_ar_green_right.png) left top no-repeat; background-size:67px 21px; content:" "; margin:0; padding:0; left:50%; top:50%; position:absolute; width:67px; height:21px; margin-top:-10px; margin-left:-50px; }
#flow #chart ol li:nth-child(9) { background: url(../../img/sp_common/i_ar_green_down_grad.png) center bottom no-repeat; background-size: 31px 69px; margin: 0; padding: 0 0 69px; }
#flow #chart ol li:nth-child(9) img { display:none; }
#flow #chart ol li:nth-child(9) > span:nth-child(2) { background-color:#edf3e0; border:1px solid #82ae46; flex:0 0 100%; font-size:116%; display:block; padding-right:15px; order:2; margin-top:5px; text-align:center; padding:15px; line-height:1; }

#flow #chart ol li:nth-child(12) { background: url(../../img/sp_common/i_ar_green_down_grad.png) center bottom no-repeat; background-size: 31px 69px; margin: 0; padding: 0 0 69px; }
#flow #chart ol li:nth-child(12) img { display:none; }
#flow #chart ol li:nth-child(12) > span:nth-child(2) { background-color:#edf3e0; border:1px solid #82ae46; flex:0 0 100%; font-size:116%; display:block; padding-right:15px; order:2; margin-top:5px; text-align:center; padding:15px; line-height:1; }

#flow #chart ol li:nth-child(15) dl dt { min-height:50px; } 

#flow .block p strong { font-size:116%; line-height:1.8; }
#flow .block .lineFrame { border:1px solid #ccc; display:flex; flex-wrap:wrap; position:relative; }
#flow .block .lineFrame div { background-color:#F1F1F1; flex:0 0 100%; float:none; text-align:center; }
#flow .block .lineFrame .long { margin-top:15px; }
#flow .block .lineFrame p { float:none; margin-top:10px; width:auto; }
#flow .block .lineFrame p br { display:none; }
#flow .block .lineFrame p span { display:block; font-size:116%; line-height:1.8; }
#flow .block .lineFrame p a { border:1px solid #eee; border-radius:3px; display:block; font-size:116%; margin-top:15px; padding:15px; width:100%; }
#flow .blockLeft { float:none; width:100%; }
#flow .blockLeft p {}
#flow .blockLeft p strong { font-size:116%; line-height:1.8; }
#flow .blockLeft p a { margin-top:10px; }
#flow .blockLeft p a:nth-child(3) { margin-top:10px; }
#flow .blockRight { float:none; margin-top:25px; width:100%; }
#flow .blockRight p {}
#flow .blockRight p strong { font-size:116%; line-height:1.8; }
#flow .blockRight p a { margin-top:10px; }

/*----------------------------
costdown
----------------------------*/
.h_title2.costdown { background: url(../../img/method/costdown/h_title.jpg) center no-repeat; background-size: cover; }
#costdown h2 span { color:#82AE46; display:block; font-size:125%; line-height:1.8; }
#costdown h2.first {}
#costdown h2.first span { color:#82AE46; display:block; font-size:125%; }
#costdown #mainLeft p { font-size:116%; line-height:1.8; }
#costdown .pict { text-align:center; }
#costdown .pict img { max-width:420px; width:100%; }
#costdown .block p { float:none; font-size:116%; line-height:1.8; width:100%; }
#costdown .block div { float:none; margin-top:15px; text-align:center; width:100%; }
#costdown .block div img { max-width:420px; }
#costdown #advisement { padding-bottom:0; }
#costdown #advisement dt { font-size:116%; line-height:1.8; }
#costdown #advisement dl dd { font-size:116%; line-height:1.8; }
#costdown #advisement dl dd a { border:1px solid #eee; border-radius:3px; display:block; margin-top:15px; padding:15px; width:100%; }
#costdown #mainLeft p.exLink { font-size:100%; }

/*----------------------------
fsc
----------------------------*/
.h_title2.fsc { background: url(../../img/method/fsc/h_title.jpg) center no-repeat; background-size: cover; }
#fsc #mainLeft h2 span { color:#336600; font-size:125%; }
#fsc .blockLeft { float:none; width:100%; }
#fsc .block p { font-size:116%; line-height:1.8; }
#fsc .block #features dt { font-size:116%; }
#fsc .block #features dd ul { width:100%; }
#fsc .block #features dd li { float:none; font-size:116%; line-height:1.8; padding-right:0; width:100%; }

#fsc .blockRight { background-color:#F1F1F1; float:none; margin-top:15px; text-align:center; width:100%; }
#fsc .block #activity dt { font-size:116%; line-height:1.8; }
#fsc .block #activity dd { background-color:#F1F1F1; text-align:center; float:none; margin-right:0; margin-bottom:20px; width:100%; }
#fsc .block #activity dd img { margin:0; padding:0; }
#fsc .block #activity dd span { background-color:#fff; display:block; padding-top:10px; text-align:left; }
#fsc .message { padding:15px 0 0; width:100%; }
#fsc .message dl dt { line-height:1.6; margin:15px 0 5px; }
#fsc .message dl dt span { color:#82AE46; display:block; font-size:116%; font-weight:600; }

/*----------------------------
guideline
----------------------------*/
.h_title2.guideline { background: url(../../img/method/guideline/h_title.jpg) center no-repeat; background-size: cover; }

#guideline .block { margin-bottom:30px; width:100%; }
#guideline .block ul li > dl > dt { font-size:125%; line-height:1.8; }
#guideline .block ul li > dl > dd { font-size:116%; line-height:1.8; }
#guideline .block ul li > dl > dd.blank { display:none; }
#guideline .block li { background-position: 0 0.75em; }
#guideline .block dl.sec dt { font-size:100%; line-height:1.8; margin-bottom:10px; }
#guideline .block dl.sec dd { font-size:100%; line-height:1.8; }
#guideline .block dl dd dl.sec dt { margin-top:10px; }
#guideline .block dl dd dl.sec dd.blank { display:none; }
#guideline .block dl dd dl.sec dd dl.sec dt { font-size:100%; }
#guideline .block dl dd dl.sec dd.last { margin-top:0; }
#guideline .block dl dd dl.sec dd.last ul.sec li dl dt { margin-top:0; }
#guideline .block li#avouchment dl dt span { background-image:none; }
#guideline .block li#avouchment dl dt span a { border:1px solid #eee; border-radius:3px; display:block; font-size:12px; margin:15px 0; padding:15px; position:relative; width:100%; }
#guideline .block li#avouchment dl dt span a:after { background: url("http://www.forestyle-home.jp/img/i_pdf.gif") no-repeat center center; background-size:12px 14px; content:" "; position:absolute; right:15px; top:20px; width:12px; height:14px; }
#guideline .block#priBasis dl dt span { background-image:none; padding:0; }
#guideline .block#priBasis dl dt span a { border:1px solid #eee; border-radius:3px; display:block; margin:15px 0; padding:15px; position:relative; width:100%; }
#guideline .block#priBasis dl dt span a:after { background: url("http://www.forestyle-home.jp/img/i_pdf.gif") no-repeat center center; background-size:12px 14px; content:" "; position:absolute; right:15px; top:20px; width:12px; height:14px; }
#guideline .block#priBasis dl dd { font-size:116%; line-height:1.8; }
#guideline .block#approximation dl dd { font-size:116%; line-height:1.8; }

/*----------------------------
guide
----------------------------*/
.h_title2.guide { background: url(../../img/method/guide/h_title.jpg) center no-repeat; background-size: cover; }

#guide #pageLink { border-top:1px solid #eee; border-left:1px solid #eee; font-size:100%; }
#guide #pageLink li { background-image:none; border-right:1px solid #eee; border-bottom:1px solid #eee; display:block; float:none; margin-bottom:0; padding:0; width:100%; }
#guide #pageLink li a { background-image:none; display:block; padding:15px; position:relative; }
#guide #pageLink 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; }

#guide #row h3 { font-size:131%; line-height:1.8; position:relative; }
#guide #row h3:after { background: url("http://www.forestyle-home.jp/img/method/guide/index/i_book.gif") no-repeat center center; background-size:42px 35px; content:" "; position:absolute; right:0; top:20px; width:42px; height:35px; }
#guide #row dl { background:none; margin-top:10px; padding-left:0; }
#guide #row dl dt { font-size:116%; line-height:1.8; }
#guide #row dl dd { font-size:116%; line-height:1.8; }
#guide #row dl dd dl dt { font-size:100%; }
#guide #row dl dd dl dd { font-size:100%; }

/*--- spec ---*/
#spec #pageLink { border-top:1px solid #ddd; border-left:1px solid #ddd; }
#spec #pageLink li { border-right:1px solid #ddd; border-bottom:1px solid #ddd; float:none; margin:0; }
#spec #pageLink li a { background:none; display:block; font-size:116%; padding:15px; position:relative; }
#spec #pageLink 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; }
#spec h3 { border-top:2px solid #82AE46; padding:15px 0; }
#spec h3 span { font-size:125%; color:#82AE46; }
#spec .block { margin-bottom:20px; }
#spec .block h4 { font-size:125%; margin-top:20px; margin-bottom:10px; }
#spec .block h4#structural01 { margin-top:0; }
#spec .block ul { margin:0; width:100%; }
#spec .block p { font-size:116%; line-height:1.8; }
#spec .block p.first { width:100%; }
#spec .block ul { font-size:100%; }
#spec .block ul li { padding:15px 0; }
#spec .block ul li dl dt { flex:0 0 100%; float:none; font-size:116%; width:100%; }
#spec .block ul li dl > dd { flex:0 0 100%; font-size:116%; line-height:1.8; margin-top:5px; margin-left:0; }

#spec .block ul#roof { margin:0 }
#spec .block ul#roof li dl { display:flex; flex-wrap:wrap; }
#spec .block ul#roof li dl dt { flex:0 0 100%; float:none; font-size:116%; }
#spec .block ul#roof li dl dd { flex:0 0 100%; flex-wrap:wrap; margin-top:15px; margin-left:0; text-align:center; }
#spec .block #roof li dd img { float:none; margin:0; }
#spec .block ul#roof li dl dd span { display:block; flex:0 0 100%; font-size:100%; line-height:1.8; margin-top:10px; text-align:left; }

#spec .comparing { overflow-x:auto; margin:20px 0 0; white-space:nowrap; width:100%; }
#spec .comparing table {}
#spec .comparing thead th { padding:15px; font-size:100%; }
#spec .comparing thead td { padding:15px; font-size:100%; }
#spec .comparing tbody th { padding:15px; font-size:100%; }
#spec .comparing tbody td { padding:15px; font-size:100%; }

#spec #structural ul li dl { display:flex; flex-wrap:wrap; }
#spec #structural ul li dl dt { flex:0 0 100%; }

#spec #equipment { margin-bottom:0; }
#spec #equipment .box { margin-left:0; text-align:center; width:100%; }
#spec #equipment .box dl { float:none; width:100%; }
#spec #equipment .box dt { text-align:left; margin-bottom:5px; }
#spec #equipment .box dd { text-align:left; }
#spec #equipment .box p { float:none; margin-top:20px; width:100%; }

/*--- word ---*/
h_title2.word { background: url(../../img/method/guide/h_title.jpg) center no-repeat; background-size: cover; }
#word #JapaneseAlphabet { background:none; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:0; }
#word #JapaneseAlphabet li { background:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; float:none; margin:0; padding-right:0; }
#word #JapaneseAlphabet li a,
#word #JapaneseAlphabet li span { background:none; display:block; font-size:116%; padding:15px; position:relative; }
#word #JapaneseAlphabet li a:after,
#word #JapaneseAlphabet li span: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; }
#word #row dt { font-size:116%; }
#word #row dd { display:flex; flex-wrap:wrap; font-size:116%; line-height:1.8; }
#word #row dd > span { display:block; margin-top:10px; width:100%; }

/*----------------------------
maintenance
----------------------------*/
.h_title2.maintenance { background: url(../../img/method/maintenance/h_title.jpg) center no-repeat; background-size: cover; }
#maintenance #after .listLink { border:1px solid #eee; border-radius:3px; display:block; margin:15px 0; padding:15px; position:relative; width:100%; }

/*----------------------------
land
----------------------------*/
.h_title2.land { background: url(../../img/method/land/h_title.jpg) center no-repeat; background-size: cover; }
#land #knack h2 { border-top:1px dotted #ccc; display:flex; flex-wrap:wrap;  justify-content:start; margin-bottom:15px; }
#land #knack h2 span:first-child { background-color:#82AE46; color:#fff; display:block; font-size:131%; font-weight:600; padding:10px 15px; }
#land #knack h2 span:nth-child(2) { color:#82AE46; display:block; flex:0 0 100%; font-size:125%; line-height:1.8; margin-top:15px; }
#land #knack li { background-position:0 0.75em; }
#land #knack dt { font-size:116%; line-height:1.8; }
#land #knack dd { display:flex; flex-wrap:wrap; font-size:116%; line-height:1.8; justify-content:start; margin-top:5px; }
#land #knack dd > span { display:block; margin-top:10px; width:100%; }

#land #knack #space { background:none; padding:0; }
#land #knack #space ul { background: url("http://www.forestyle-home.jp/img/method/land/land_img01.jpg") no-repeat center top; margin-top:0; padding-top:160px; }
#land #knack #space p { font-size:116%; line-height:1.8; margin:0; width:100%; }
#land #knack #control { padding:-bottom:20px; }
#land #knack #control .ex { margin:0 0 30px; }
#land #knack #control .ex p { float:none; margin-top:15px; margin-right:0; text-align:center; }
#land #knack #control .ex p:first-child { margin-top:0; }

#land #knack #convenience { background:none; }
#land #knack #convenience p { background: url("http://www.forestyle-home.jp/img/method/land/land_img02.jpg") no-repeat center top; font-size:116%; line-height:1.8; padding-top:220px; padding-bottom:20px; width:100%; }
#land #knack #convenience h3 { font-size:116%; margin-top:0; }
#land #knack #convenience ul { margin-top:10px; }
#land #knack #ground p { font-size:116%; line-height:1.8; }
#land #knack #ground li img { margin:0; }

#land #pageLink { border-top:1px solid #eee; border-left:1px solid #eee; font-size:100%; }
#land #pageLink li { background-image:none; border-right:1px solid #eee; border-bottom:1px solid #eee; display:block; float:none; margin-bottom:0; padding:0; width:100%; }
#land #pageLink li a { background-image:none; display:block; padding:15px; position:relative; }
#land #pageLink 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; }

/*----------------------------
planning
----------------------------*/
.h_title2.planning { background: url(../../img/method/planning/h_title.jpg) center no-repeat; background-size: cover; }
#planning #mainLeft h2 {}
#planning #mainLeft h2 span { color:#82AE46; font-size:125%; }
#planning #mainLeft > p { font-size:116%; line-height:1.8; }
#planning #planFlowList {}
#planning #planFlowList li { align-items:center; display:flex; font-size:116%; line-height:1.8; justify-content:start; position:relative; }
#planning #planFlowList li span:first-child { background-color:#82AE46; border-radius:50%; color:#fff; display:inline-block; content:""; height:20px; font-weight:600; width:20px; line-height:20px; text-align:center; }
#planning #planFlowList li span:nth-child(2) { font-size:100%; line-height:1.8; padding-left:5px; }
#planning #planFlow h3 { align-items:center; display:flex; justify-content:start; padding:15px 0; }
#planning #planFlow h3 span:first-child { background-color:#82AE46; border-radius:50%; color:#fff; display:inline-block; content:""; height:20px; font-weight:600; width:20px; line-height:20px; text-align:center; }
#planning #planFlow h3 span:nth-child(2) { font-size:125%; padding-left:5px; }
#planning #planFlow .block { margin:20px 0 40px; width:100%; }
#planning #planFlow .block > p { font-size:116%; line-height:1.8; }
#planning #planFlow .block dl { display:flex; flex-wrap:wrap; font-size:100%; line-height:1.8; width:100%; }
#planning #planFlow .block dt { flex:0 0 100%; float:none; font-size:116%; margin-top:15px; width:100%; }
#planning #planFlow .block dd { margin:5px 0 0; font-size:116%; line-height:1.8; padding:0; border:none; }
#planning #planFlow .block li { font-size:100%; line-height:1.8; }

#planning .planFlow02 p { float:none; width:100%; }
#planning .planFlow02 div { float:none; margin-top:15px; padding:0; width:100%; }

/*----------------------------
support
----------------------------*/
.h_title2.support { background: url(../../img/method/support/h_title.jpg) center no-repeat; background-size: cover; }
#support .advise { border:1px solid #82AE46; color:#82AE46; font-weight:600; padding:20px; }
#support #mainLeft > p { font-size:116%; line-height:1.8; }

#support #practicalTip .heading { padding-top:30px; }
#support #practicalTip .heading h2 { float:none; position:relative; text-align:center; margin-bottom:20px; }
#support #practicalTip .heading h2:before { background-color:#ddd; content:""; width:2px; height:30px; position:absolute; top:0; left:0; }
#support #practicalTip .heading h2:after { background-color:#ddd; content:""; width:30px; height:2px; position:absolute; top:0; left:0; }
#support #practicalTip .heading h2 span { display:block; font-size:131%; padding:30px; }
#support #practicalTip .heading h2 span:before{ background-color:#ddd; content:""; width:2px; height:30px; position:absolute; right:0; bottom:0; }
#support #practicalTip .heading h2 span:after{ background-color:#ddd; content:""; width:30px; height:2px; position:absolute; right:0; bottom:0; }
#support #practicalTip .heading p { float:none; font-size:125%; line-height:1.8; width:100%; }
#support #practicalTip .left { float:none; width:100%; }
#support #practicalTip .left dd { font-size:116%; line-height:1.8; }
#support #practicalTip .right { float:none; margin-top:20px; width:100%; }
#support #practicalTip .right dd { font-size:116%; line-height:1.8; }
#support #practicalTip h3 { padding-top:15px; }
#support #practicalTip h3 span { font-size:116%; font-weight:600; }
#support #practicalTip .box dt { color:#82AE46; font-size:125%; font-weight:600; }

#support #practicalTip .block dl { float:none; margin:20px 0 0; width:100%; }
#support #practicalTip .block dl:first-child { margin-top:0; }
#support #practicalTip .block dt { margin-bottom:0; padding:15px; text-align:center; line-height:1.6; }
#support #practicalTip .block dt span { color:#fff; font-size:116%; display:block; }
#support #practicalTip .block dd { font-size:116%; line-height:1.8; margin-top:10px; }
#support #practicalTip .block dd em {}
#support .adviseBtm { border:1px solid #82AE46; color:#82AE46; font-weight:600; padding:20px; }s
#support .adviseBtm span {}

}