@charset "UTF-8"; @media screen and (max-width: 750px) { /*--------------------------------------------------------------------------------------------------------------------- index.html ---------------------------------------------------------------------------------------------------------------------*/ #topPage #headerWrap { position: static; top: auto; } #topPage h2 { font-size: 162%; line-height: 1.5; } /* MvSection */ #topPage .mainWrap #MvSection { height: calc(100vw * 1.32); } #topPage .mainWrap #MvSection p#imgLine { height: 66px; width: 250vw; top: calc(100vw * 0.84); background: url("/images/mv_line_sp.png") repeat-x left center / 638px; } #topPage .mainWrap #MvSection .contentsOuterM h2 { padding-top: calc(100vw * 0.08); } #topPage .mainWrap #MvSection .contentsOuterM p#subTxt { margin-top: calc(100vw * 0.15); } #topPage .mainWrap #MvSection .contentsOuterM p#imgHeart { width: 35%; margin: 0 auto; margin-top: calc(100vw * 0.09); } #topPage .mainWrap #MvSection .contentsOuterM ul { top: calc(100vw * 0.78); width: 100%; } #topPage .mainWrap #MvSection .contentsOuterM ul li { width: 14.2%; } #topPage .mainWrap #MvSection .contentsOuterM ul li:first-child { left: 8%; } #topPage .mainWrap #MvSection .contentsOuterM ul li:nth-child(2) { left: 19.2%; } #topPage .mainWrap #MvSection .contentsOuterM ul li:nth-child(3) { left: 36.2%; } #topPage .mainWrap #MvSection .contentsOuterM ul li:nth-child(4) { right: 35%; } #topPage .mainWrap #MvSection .contentsOuterM ul li:nth-child(5) { right: 17%; } #topPage .mainWrap #MvSection .contentsOuterM ul li:last-child { right: 3%; } /* introSection */ #topPage .mainWrap #introSection { margin-top: 0; padding: 50px 0 60px; } #topPage .mainWrap #introSection .contentsOuterS p { margin-top: 25px; line-height: 2; } #topPage .mainWrap #introSection .contentsOuterS p + p { margin-top: 40px; } /* strengthSection */ #topPage .mainWrap #strengthSection { padding: 40px 0 60px; background: url("/images/common_bg_sp.gif") no-repeat left bottom / cover; } #topPage .mainWrap #strengthSection .contentsOuterM ul { margin-top: 35px; display: block; } #topPage .mainWrap #strengthSection .contentsOuterM ul li { padding: 35px 12% 40px; width: 100%; } #topPage .mainWrap #strengthSection .contentsOuterM ul li:nth-child(n+2), #topPage .mainWrap #strengthSection .contentsOuterM ul li:nth-child(n+3) { margin-top: 40px; } #topPage .mainWrap #strengthSection .contentsOuterM ul li h3 { font-size: 208%; margin-top: 20px; } #topPage .mainWrap #strengthSection .contentsOuterM ul li h3 + p { margin-top: 5px; line-height: 1.7; } #topPage .mainWrap #strengthSection .contentsOuterM ul li p span { margin-bottom: 0; } #topPage .mainWrap #strengthSection .contentsOuterM ul li p span.lineTxt { font-size: 131%; background-size: 5px; } #topPage .mainWrap #strengthSection .contentsOuterM ul li p span.lineTxt + span { margin-top: 5px; } /* serviceSection */ #topPage .mainWrap #serviceSection { padding: 40px 0 50px; } #topPage .mainWrap #serviceSection .contentsOuterS h2 + p { margin-top: 20px; line-height: 2; } #topPage .mainWrap #serviceSection .contentsOuterS ul { margin-top: 40px; } #topPage .mainWrap #serviceSection .contentsOuterS ul li { margin-top: 40px; } #topPage .mainWrap #serviceSection .contentsOuterS ul li:first-child { margin-top: 0; } #topPage .mainWrap #serviceSection .contentsOuterS ul li h3 { font-size: 138%; padding-left: 5px; padding-bottom: 10px; border-width: 1px; } #topPage .mainWrap #serviceSection .contentsOuterS ul li div { display: block; margin-top: 25px; } #topPage .mainWrap #serviceSection .contentsOuterS ul li div > p { width: 100%; } #topPage .mainWrap #serviceSection .contentsOuterS ul li:first-child div > p { margin-top: 0; } #topPage .mainWrap #serviceSection .contentsOuterS ul li div ul { width: 100%; margin-top: 20px; margin-left: 0; } #topPage .mainWrap #serviceSection .contentsOuterS ul li div ul li { margin-top: 5px; padding-left: 17px; background: url("/common/images/icon_dot02.gif") no-repeat left 0.6em; } #topPage .mainWrap #serviceSection .contentsOuterS ul li div ul li:first-child { margin-top: 0; } /* resultSection */ #topPage .mainWrap #resultSection { padding: 45px 0 60px; background: url("/images/common_bg_sp.gif") no-repeat left bottom / cover; } #topPage .mainWrap #resultSection .resultArea { padding: 35px 20px; } #topPage .mainWrap #resultSection .resultArea h3 { font-size: 120%; } #topPage .mainWrap #resultSection .resultArea > ul { margin-top: 15px; } #topPage .mainWrap #resultSection #planningResult { margin-top: 25px; } #topPage .mainWrap #resultSection #planningResult > ul > li { padding-left: 12px; float: none; width: 100%; margin: 20px 0 0; background-position: left 0.4em; background-size: 8px; } #topPage .mainWrap #resultSection #planningResult > ul > li:first-child { width: 100%; margin-top: 0; } #topPage .mainWrap #resultSection #planningResult > ul > li:nth-child(n+2), #topPage .mainWrap #resultSection #planningResult > ul > li:nth-child(n+3) { margin-top: 15px; } #topPage .mainWrap #resultSection #planningResult ul li ul li { margin-top: 5px; padding-left: 12px; background: url("/common/images/icon_dot02.gif") no-repeat left 0.7em; line-height: 1.6; } #topPage .mainWrap #resultSection #planningResult #contactBtnArea { width: 100%; position: static; right: auto; bottom: auto; margin-top: 20px; } #topPage .mainWrap #resultSection #planningResult #contactBtnArea p + p a.btn { font-size: 122%; font-weight: bold; padding: 10px 0 12px; } /* profileSection */ #topPage .mainWrap #profileSection { padding: 45px 0 0; } #topPage .mainWrap #profileSection table { margin-top: 35px; } #topPage .mainWrap #profileSection table tr th { width: 80px; padding: 8px 0; } #topPage .mainWrap #profileSection table tr td { padding: 8px 10px; } /*--------------------------------------------------------------------------------------------------------------------- /privacy/index.html ---------------------------------------------------------------------------------------------------------------------*/ #privacyPage .pagesSection h3 { font-size: 120%; padding-left: 5px; padding-bottom: 15px; border-width: 1px; margin-top: 40px; } #privacyPage .pagesSection h3 + p { margin-top: 20px; } #privacyPage .pagesSection dl { margin-top: 30px; } #privacyPage .pagesSection dl dt { margin-top: 35px; font-size: 110%; } #privacyPage .pagesSection dl dt:first-child { margin-top: 0; } #privacyPage .pagesSection dl dd { margin-top: 15px; margin-left: 0; } #privacyPage .pagesSection dl dd dl { margin-top: 0; } #privacyPage .pagesSection dl dd dl dt { font-size: 108%; margin-top: 20px; } #privacyPage .pagesSection dl dd dl dt:first-child { margin-top: 15px; } #privacyPage .pagesSection dl dd dl dd { margin-top: 10px; margin-left: 0; } #privacyPage .pagesSection dl dd dl dd ol { margin-top: 10px; margin-left: 20px; } #privacyPage .pagesSection dl dd dl dd ol li span + span { margin-left: 10px; } #privacyPage .pagesSection dl dd dl dd ol + p { margin-top: 10px; } /*--------------------------------------------------------------------------------------------------------------------- /contact/index.html ---------------------------------------------------------------------------------------------------------------------*/ #contactPage .pagesSection h2 + p { margin-top: 20px; } #contactPage .pagesSection table { margin-top: 25px; } #contactPage .pagesSection table tr th { display: block; width: 100%; padding: 10px; } #contactPage .pagesSection table tr th div { display: block; } #contactPage .pagesSection table tr th div span.iconRequired { margin-left: 10px; } #contactPage .pagesSection table tr td { display: block; width: 100%; padding: 10px; } #contactPage .pagesSection p#submitBtn { margin-top: 20px; } #contactPage .pagesSection p#submitBtn button { font-size: 106%; width: 100%; padding: 10px 0; } /* 確認画面 */ div#mfp_phase_confirm p#confirmTxt { margin-top: 20px; } table#mfp_confirm_table tr th, table#mfp_confirm_table tr td { border-top: none; } /* /contact/thanks.html */ #contactPage .pagesSection p#btnTop { max-width: 100%; } #contactPage .pagesSection p#btnTop a { padding: 10px 0 12px; } }