@charset "utf-8"; /*common*/ /*----------------------------*/ *{ margin:0; padding:0; box-sizing: border-box;} body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} img { border: none; max-width: 100%; height: auto; } ul { list-style-type: none; } /*----------------------------*/ /*削除不可*/ /*----------------------------*/ .switch { visibility: hidden;} /*----------------------------*/ /*PC・スマホ共通設定*/ /*----------------------------*/ body { } h1, h2, h3, h4, h5, h6, p, td, th, a { font-size: 100%; font-weight: normal; color: #222222; } table { border-collapse: collapse; } table th { text-align: left; vertical-align: top; } img { vertical-align: middle; } a { text-decoration: none; } .clearfix:after { content: ""; display: block; clear: both; } #header .information p { color: #555555; font-size: 87.5%; } #header .information a.tel { background: url(images/icon01.png) no-repeat left; padding-left: 30px; color: #555555; font-size: 187.5%; font-weight: bold; display: inline-block; min-height: 30px; } #header .information .contact { background: #db3e39; text-align: center; } #header .information .contact a { color: #ffffff; font-size: 93.75%; display: block; padding: 5px 20px; } #header .information .contact a span { position: relative; left: 10px; } #header .information .contact a span:before { content: url(images/icon02.png); position: absolute; left: -20px; top: 2px; } #eyecatch { border-top: 5px solid #429fdc; } #eyecatch .eyecatch01 { background: #ecf1f4; padding: 20px 0; } /*#eyecatch .eyecatch03 { background: url(images/eyecatch_bg.png) repeat; position: relative; padding: 20px 0; }*/ #eyecatch .eyecatch03 { background: url(images/bg_mv02.gif) repeat; position: relative; padding: 0; height:230px; background-position:top center;} #eyecatch .eyecatch03 img.arrow { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -100px; } #eyecatch .eyecatch04 .frame { background: #7cc61c; border-radius: 8px; padding: 6px 0; } #eyecatch .eyecatch04 .box { background: #f6f6f6; border-radius: 8px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.5); } #eyecatch .eyecatch04 .box table td, #eyecatch .eyecatch04 .box table th { color: #222222; font-size: 175%; vertical-align: top; } #eyecatch .eyecatch04 .box table th.icon01 { background: url(images/eyecatch_icon01.png) no-repeat left 6px; padding-left: 30px; } #eyecatch .eyecatch04 .box table th.icon02 { background: url(images/eyecatch_icon02.png) no-repeat left 6px; padding-left: 30px; } #eyecatch .eyecatch04 .box table small { display: block; text-align: right; font-size: 75%; } /*#content .section01 { background: url(images/section01_bg.png) no-repeat center top; }*/ #content .section01 p.p01 { color: #333333; font-size: 218.75%; font-weight: bold; line-height: 120%; } #content .section01 p.p02 { color: #ca221d; font-size: 250%; line-height: 120%; text-align: center; } #content .section02 { background: #efefef; } #content .section02 .box { background: #ffffff; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); } #content .section02 .box table.caption { width: 100%; } #content .section02 .box table.caption th { color: #ffffff; font-size: 187.5%; font-weight: bold; line-height: 120%; background: #ffa500; text-align: center; vertical-align: middle; } #content .section02 .box table.caption th .no { font-size: 150%; } #content .section02 .box table.caption td { color: #ffffff; font-size: 218.57%; font-weight: bold; line-height: 120%; background: #117bc1; text-align: center; vertical-align: middle; } #content .section02 .box .inner .catch { color: #333333; font-size: 312.5%; line-height: 120%; font-weight: bold; } #content .section02 .box .inner .catch .red { color: #ca221d; } #content .section02 .box .inner .message { border: 1px solid #b5b5b5; color: #333333; font-size: 143.75%; } #content .section03 p.p03 { color: #1a52b8; font-size: 343.75%; font-weight: bold; line-height: 120%; } #content .section03 .inner { background: url(images/caption01_bg.png) repeat; } #content .section03 img.arrow { display: block; margin: 0 auto; } #content .section03 .box { border: 1px solid #aaaaaa; background: #ffffff; } #content .section03 .box p { color: 333333; } #content .section04 .caption { background: #117bc1; } #content .section04 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section04 .caption p .no { color: #ffde00; font-size: 133.33%; } #content .section04 img.arrow { display: block; margin: 10px auto 20px; } #content .section04 .title p { color: #ca221d; font-size: 250%; font-weight: bold; line-height: 120%; } #content .section04 .block { border-top: 1px solid #aaaaaa; } #content .section04 .inner p { color: #333333; font-size: 93.75%; } #content .section05 { border-top: 1px solid #aaaaaa; } #content .section05 .intro p { color: 333333; font-size: 143.75; font-weight: bold; line-height: 120%; } #content .section05 .block { background: #f5f5f5; } #content .section05 .block .picture { background: #ffffff; border: 1px solid #cccccc; } #content .section05 .block .picture .caption { border-bottom: 1px solid #888888; } #content .section05 .block .picture .caption p { color: #333333; font-size: 125%; } #content .section05 .block .picture table { color: #333333; font-size: 93.75%; } #content .section05 .block .text .caption { border-bottom: 2px solid #888888; } #content .section05 .block .text .caption p { color: #333333; font-size: 281.25%; font-weight: bold; line-height: 120%; } #content .section05 img.arrow { position: absolute; left: 0; right: 0; margin: auto; } #content .section06 .caption { color: #333333; font-size: 281.25%; font-weight: bold; line-height: 120%; text-align: center; } #content .section06 .caption .orange { color: #ffa500; } #content .section06 p { color: #333333; font-size: 112.5%; } #content .section07 .caption { background: #117bc1; } #content .section07 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section07 .caption p .no { color: #ffde00; font-size: 133.33%; } #content .section07 .caption p .no02 { color: #ffde00; font-size: 120%; } #content .section07 img.arrow { display: block; margin: 10px auto 20px; } #content .section07 p.p01 { color: #333333; font-size: 156.25%; } #content .section07 .box { background: url(images/section07_bg.png) no-repeat; background-size: 100% 100%; } #content .section07 .box ul li { color: #333333; font-size: 218.75%; font-weight: bold; border-bottom: 1px dashed #aaaaaa; } #content .section07 .box ul li:last-child { border-bottom: none; } #content .section07 .box ul li .no { color: #ca221d; margin-right: 20px; } #content .section07 ul.ul01 li { color: #ca221d; font-size: 156.25%; } #content .section08 .caption p { color: #1a52b8; font-size: 343.75%; font-weight: bold; line-height: 120%; } #content .section08 .inner { background: url(images/caption01_bg.png) repeat; } #content .section08 img.arrow { display: block; margin: 0 auto; } #content .section08 .box { border: 1px solid #aaaaaa; background: #ffffff; } #content .section08 .box p { color: 333333; } #content .section08 .box table { border-collapse: separate; border-spacing: 10px; } #content .section08 .box table td { color: #ca221d; font-size: 156.25%; border: 2px solid #db3e39; box-shadow: 0px 0px 4px 4px rgba(219,62,57,0.4) inset; text-align: center; } #content .section08 .box ul li span { display: block; width: 100%; height: 100%; } #content .section09 .caption p { color: #1a52b8; font-size: 343.75%; font-weight: bold; line-height: 120%; } #content .section09 .inner { background: url(images/caption01_bg.png) repeat; } #content .section09 img.arrow { display: block; margin: 0 auto; } #content .section09 .box { border: 1px solid #aaaaaa; background: #ffffff; } #content .section09 .box p { color: 333333; } #content .section10 .caption { background: #117bc1; } #content .section10 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section10 .caption p .no { color: #ffde00; font-size: 133.33%; } #content .section10 img.arrow { display: block; margin: 10px auto 20px; } #content .section10 ul li { position: relative; margin-left: 100px; } #content .section10 ul li:before { content: " "; background: url(images/section10_img01.png) no-repeat center; background-size: contain; position: absolute; left: -100px; display: block; width: 86px; height: 73px; } #content .section10 ul li span { display: block; background: #db3e39; color: #ffffff; font-size: 281.25%; font-weight: bold; line-height: 120%; } #content .section11 .caption { background: #117bc1; } #content .section11 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section11 img.arrow { display: block; margin: 10px auto 20px; } #content .section11 p.p01 { color: #333333; font-size: 312.5%; font-weight: bold; line-height: 120%; background: url(images/section11_img03.png) no-repeat center; text-align: center; } #content .section11 p.p01 .orange { color: #ffa500; } #content .section11 ul li { color: #ca221d; font-size: 156.25%; } #content .section12 .caption { background: #117bc1; } #content .section12 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section12 img.arrow { display: block; margin: 10px auto 20px; } #content .section12 .box { background: url(images/section12_bg.png) repeat top; box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.2); position: relative; } #content .section12 .box img.clip { position: absolute; right: 10px; top: -68px; } #content .section12 .box ul li { position: relative; margin-left: 30px; color: #333333; font-size: 156.25%; } #content .section12 .box ul li:before { content: url(images/section12_img01.png); position: absolute; left: -30px; } #content .section12 p { color: #333333; font-size: 112.5%; } #content .section12 p.p01 { color: #333333; font-size: 156.25%; } #content .section12 table td { color: #ffffff; font-size: 156.25%; font-weight: bold; background: #ca221d; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); text-align: center; } #content .section13 .caption p { color: #1a52b8; font-size: 343.75%; font-weight: bold; line-height: 120%; } #content .section13 .inner { background: url(images/caption01_bg.png) repeat; } #content .section13 img.arrow { display: block; margin: 0 auto; } #content .section13 .box { border: 1px solid #aaaaaa; background: #ffffff; } #content .section13 .box p { color: 333333; } #content .section14 .caption p { color: #1a52b8; font-size: 343.75%; font-weight: bold; line-height: 120%; } #content .section14 .inner { background: url(images/caption01_bg.png) repeat; } #content .section14 img.arrow { display: block; margin: 0 auto; } #content .section14 .box { border: 1px solid #aaaaaa; background: #ffffff; } #content .section14 .box p { color: 333333; } #content .section14 .box p.p01 { position: relative; margin-left: 50px; color: #ca221d; font-size: 143.75%; font-weight: bold; } #content .section14 .box p.p01:before{ content: url(images/section14_img01.png); position: absolute; left: -50px; } #content .section14 .box p.p02 { position: relative; margin-left: 50px; } #content .section14 .box p.p02:before{ content: url(images/section14_img02.png); position: absolute; left: -50px; } #content .section15 .caption { background: #117bc1; } #content .section15 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section15 img.arrow { display: block; margin: 10px auto 20px; } #content .section15 p.p01 { color: #333333; font-size: 312.5%; font-weight: bold; line-height: 120%; text-align: center; } #content .section15 p.p01 .red { color: #ca221d; } #content .section15 .block ul { font-size: 93.75%; } #content .section16 .caption { background: #117bc1; } #content .section16 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section16 img.arrow { display: block; margin: 10px auto 20px; } #content .section16 table.information { border: 1px solid #cccccc; } #content .section16 table.information th, #content .section16 table.information td { border: 1px solid #cccccc; } #content .section16 table.information th { background: #faf8cb; } #content .section16 table.information .red { color: #ff0000; } #contact table { width: 100%; table-layout: fixed; } #contact table th, #contact table td { padding: 10px; color: #333333; } #contact input { width: 100%; padding: 10px; } #contact select { padding: 10px; } #contact button[type=submit] { display: block; margin: 0 auto; border: none; background: none; max-width: 100%; cursor: pointer; } #footer .sitemap { background: #222222; } #footer .sitemap ul.first > li > a { color: #aaaaaa; font-size: 93.75%; } #footer .sitemap ul.second > li > a { color: #666666; font-size: 81.25%; } #footer .information { background: #000; } #footer .information p { color: #aaaaaa; font-size: 81.25%; } #content .section100 .caption { background: #117bc1; } #content .section100 .caption p { color: #ffffff; font-size: 375%; font-weight: bold; line-height: 120%; } #content .section100 img.arrow { display: block; margin: 10px auto 20px; } /*スマホ専用設定*/ /*----------------------------*/ @media screen and (max-width: 640px) { img { display: block; margin: 0 auto; } .for-pc{ display: none;} .for-pc-inline{ display: none;} .for-sp{ display: block;} #header { padding: 10px 0; text-align: center; } #header .wrapper { padding: 0 10px; } #header { overflow: hidden; padding: 10px 0; } #header .logo { float: left; max-width: 22%; } #header .information { float: right; max-width: 80%;} #header .information .left { float: left; text-align: left; margin-right: 10px; } #header .information p { font-size: 62.5%; } #header .information a.tel { font-size: 95%; background: url(images/icon01.png) no-repeat left; background-size: 20px; min-height: 20px; padding-left: 20px; } #header .information .contact { float: left; font-size: 75%; } #header .information .contact a { padding: 8px 14px; } #header .information .contact a span:before { top: 0px; } /*#eyecatch .wrapper { padding: 0 10px; } #eyecatch .eyecatch02 { margin: -10px 0 10px; }*/ #eyecatch .wrapper { padding: 0 } #eyecatch .eyecatch02 { margin: 0 ; padding:0 10px; background-color: #f4f1ea; } #eyecatch .eyecatch03 { margin-bottom: 4%; height:inherit; background-image:none;} #eyecatch .eyecatch03 img.arrow { bottom: -70px; } #eyecatch .eyecatch04 { margin-bottom: 60px; } #eyecatch .eyecatch04 .frame { margin: 0 10px; } #eyecatch .eyecatch04 .box .inner { padding: 0 10px 10px; } #eyecatch .eyecatch04 .box table { width: 100%; } #eyecatch .eyecatch04 .box .button { position: relative; } #eyecatch .eyecatch04 .box .button img.cursor { position: absolute; right: 0px; top: 50%; max-width: 10%; } #content .section01 { padding: 0 10px; background: none; } #content .section01 p.p01 { margin-bottom: 60px; } #content .section01 p.p02 { margin-bottom: 30px; } #content .section02 { padding: 40px 10px; } #content .section02 .box { margin-bottom: 30px; } #content .section02 .box table.caption th, #content .section02 .box table.caption td { display: block; padding: 10px; } #content .section02 .box .inner { overflow: hidden; padding: 20px; } #content .section02 .box .inner .picture { margin-bottom: 10px; } #content .section02 .box .inner .text .message { padding: 10px; } #content .section03 p.p03 { padding: 40px 10px; } #content .section03 .inner { padding: 0 10px 30px; } #content .section03 img.arrow { margin-bottom: 20px; } #content .section03 .box { padding: 10px; } #content .section03 .box img.picture { margin-bottom: 10px; } #content .section04 .caption { padding: 30px 10px; } #content .section04 .block { padding: 0 10px 20px; margin-bottom: 40px; } #content .section04 .title img.no { display: inline; width: 60px; } #content .section04 .title p { padding: 20px 0; } #content .section04 .inner img.picture { margin-bottom: 10px; } #content .section05 .intro { padding: 60px 10px; } #content .section05 .block { padding: 60px 10px; } #content .section05 .picture { max-width: 380px; padding: 10px; margin: 0 auto 20px; } #content .section05 .picture img { margin-bottom: 10px; } #content .section05 .picture .caption { margin-bottom: 10px; } #content .section05 .picture .description { margin-bottom: 10px; } #content .section05 .picture table th, #content .section05 .picture table td { display: block; } #content .section05 .text .caption { margin-bottom: 20px; } #content .section06 { padding: 60px 10px; } #content .section06 img { margin-bottom: 20px; } #content .section06 .caption { margin-bottom: 10px; } #content .section07 .caption { padding: 30px 10px; } #content .section07 .block { padding: 0 10px; } #content .section07 .box { background: #ffffff; border: 3px solid #aaaaaa; box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.2) inset; margin-bottom: 10px; } #content .section07 .box ul { padding: 10px; } #content .section07 .box ul li { padding: 10px 0; } #content .section07 ul.ul01 { padding: 10px; } #content .section08 .caption { padding: 30px 10px; } #content .section08 .inner { padding: 0 10px 30px; } #content .section08 .box { padding: 10px; margin: 10px 0; } #content .section08 .box table { margin: 40px 0; border-collapse: collapse; } #content .section08 .box table td { display: block; padding: 10px; margin-bottom: 10px; } #content .section09 .caption { padding: 30px 10px; } #content .section09 .inner { padding: 0 10px 30px; } #content .section09 .box { padding: 10px; margin: 10px 0; } #content .section10 { padding: 60px 0 60px; } #content .section10 .caption { padding: 30px 10px; } #content .section10 .block { padding: 0 10px; } #content .section10 ul li { margin-bottom: 10px; margin-left: 60px; } #content .section10 ul li:before { height: 44px; left: -80px; } #content .section10 ul li span { padding: 10px; } #content .section11 { padding: 0 0 60px; } #content .section11 .caption { padding: 30px 10px; } #content .section11 .block { padding: 0 10px; } #content .section11 .block img { margin-bottom: 20px; } #content .section11 p.p01 { padding: 20px 0; background: none; } #content .section11 ul { margin: 40px 0; } #content .section12 { padding: 0 0 60px; } #content .section12 .caption { padding: 30px 10px; } #content .section12 .block { padding: 0 10px; } #content .section12 .block p { margin-bottom: 20px; } #content .section12 .box { margin-bottom: 40px; } #content .section12 .box img.clip { display: none; } #content .section12 .box ul { padding: 20px 10px; } #content .section12 .box ul li { margin-bottom: 10px; } #content .section12 table { width: 100%; } #content .section12 table td { display: block; padding: 10px; margin-bottom: 10px; } #content .section13 .caption { padding: 30px 10px; } #content .section13 .inner { padding: 0 10px 30px; } #content .section13 .box { padding: 10px; margin: 10px 0; } #content .section14 .caption { padding: 30px 10px; } #content .section14 .inner { padding: 0 10px 30px; } #content .section14 .box { padding: 10px; margin: 40px 0; } #content .section14 .box p { margin-bottom: 20px; } #content .section15 { padding: 40px 0 0; } #content .section15 .caption { padding: 30px 10px; } #content .section15 .block { padding: 0 10px; } #content .section15 .block p { margin-bottom: 40px; } #content .section15 .block ul li .item img { margin-bottom: 10px; } #content .section16 { padding: 40px 0 60px; } #content .section16 .caption { padding: 30px 10px; } #content .section16 .block { padding: 0 10px; } #content .section16 .block img.picture { display: block; margin: 0 auto 20px; } #content .section16 .block p { margin-bottom: 40px; } #content .section16 table.information { margin-bottom: 40px; } #content .section16 table.information th, #content .section16 table.information td { display: block; padding: 10px; } #contact table th, #contact table td { display: block; } #contact table th { padding: 0; } #footer .sitemap { padding: 50px 0; } #footer .sitemap ul.first { max-width: 320px; margin: 0 auto 10px; padding: 0 10px; } #footer .sitemap ul.first > li > a { display: block; margin-bottom: 10px; } #footer .sitemap ul.second > li { margin-left: 40px; } #footer .information { padding: 60px 10px; } #footer .information p { text-align: center; } /* フォントサイズ調整 */ #header .information .tel { font-size: 125%; } #eyecatch .eyecatch04 .box table th { font-size: 125%; } #content .section01 p.p01 { font-size: 125%; } #content .section01 p.p02 { font-size: 125%; } #content .section02 .box table.caption th { font-size: 125%; } #content .section02 .box table.caption th .no { font-size: 125%; } #content .section02 .box table.caption td { font-size: 125%; } #content .section02 .box .inner .catch { font-size: 125%; } #content .section02 .box .inner .message { font-size: 125%; } #content .section03 p.p03 { font-size: 125%; } #content .section04 .caption p { font-size: 125%; } #content .section04 .caption p .no { font-size: 125%; } #content .section04 .title p { font-size: 125%; } #content .section05 .intro p { font-size: 125%; } #content .section05 .block .picture .caption p { font-size: 125%; } #content .section05 .block .text .caption p { font-size: 125%; } #content .section06 .caption { font-size: 125%; } #content .section07 .caption p { font-size: 125%; } #content .section07 .caption p .no { font-size: 125%; } #content .section07 p.p01 { font-size: 125%; } #content .section07 .box ul li { font-size: 125%; } #content .section07 ul.ul01 li { font-size: 125%; } #content .section08 .caption p { font-size: 125%; } #content .section08 .box table td { font-size: 125%; } #content .section09 .caption p { font-size: 125%; } #content .section10 .caption p { font-size: 125%; } #content .section10 .caption p .no { font-size: 125%; } #content .section10 ul li span { font-size: 125%; } #content .section11 .caption p { font-size: 125%; } #content .section11 p.p01 { font-size: 125%; } #content .section11 ul li { font-size: 125%; } #content .section12 .caption p { font-size: 125%; } #content .section12 .box ul li { font-size: 125%; } #content .section12 p.p01 { font-size: 125%; } #content .section12 table td { font-size: 125%; } #content .section13 .caption p { font-size: 125%; } #content .section14 .caption p { font-size: 125%; } #content .section14 .box p.p01 { font-size: 125%; } #content .section15 .caption p { font-size: 125%; } #content .section15 p.p01 { font-size: 125%; } #content .section16 .caption p { font-size: 125%; } #content .section100 .caption p { font-size: 125%; } #content .section100 .caption { padding: 30px 10px; } #content .section100 .block { padding: 0 10px; } #content .section100 .box img.picture { margin-bottom: 10px; } #content .section100 { padding: 0 0 60px; } } /*スマホ以外 共通設定*/ /*----------------------------*/ @media screen and (min-width: 641px) { .for-pc{ display: block;} .for-pc-inline{ display: inline;} .for-sp{ display: none;} #header { overflow: hidden; padding: 10px 0; } #header .logo { float: left; max-width: 16%; } #header .information { float: right; padding-top: 10px; } #header .information .left { display: inline; } #header .information p { float: left; margin-right: 10px; } #header .information a.tel { float: left; margin-right: 10px; font-size: 125%; } #header .information .contact { float: left; max-width: 140px; } #eyecatch .wrapper { padding: 0 10px; } /*#eyecatch .eyecatch02 { margin: -20px 0 50px; }*/ #eyecatch .eyecatch02 { margin: 0; background-color:#f4f1ea; } #eyecatch .eyecatch03 { margin-bottom: 100px; } #eyecatch .eyecatch03 img.arrow { bottom: -100px; } #eyecatch .eyecatch04 { max-width: 920px; margin: 0 auto; margin-bottom: 90px; } #eyecatch .eyecatch04 .frame { margin: 0 10px; } #eyecatch .eyecatch04 .box .caption { margin-top: -10px; } #eyecatch .eyecatch04 .box .inner { padding: 0 10px 10px; } #eyecatch .eyecatch04 .box table { width: 100%; max-width: 640px; margin: 0 auto; } #eyecatch .eyecatch04 .box .button { position: relative; max-width: 587px; margin: 0 auto; } #eyecatch .eyecatch04 .box .button img.cursor { position: absolute; right: -20px; top: 50%; } #content .section01 { padding: 40px 10px 0; } #content .section01 p.p01 { padding: 40px 0 120px; } #content .section01 p.p02 { margin-bottom: 30px; } #content .section02 { padding: 40px 10px; } #content .section02 .box { margin-bottom: 30px; } #content .section02 .box table.caption th, #content .section02 .box table.caption td { padding: 10px 0 5px; } #content .section02 .box .inner { overflow: hidden; padding: 20px; } #content .section02 .box .inner .picture { float: left; width: 25%; } #content .section02 .box .inner .text { float: right; width: 70%; } #content .section02 .box .inner .text .catch { min-height: 190px; padding: 0px 20px; } #content .section02 .box .inner .text .message { min-height: 130px; padding: 10px; } #content .section03 p.p03 { padding: 40px 10px; } #content .section03 .inner { padding: 0 10px 30px; } #content .section03 img.arrow { margin-bottom: 20px; } #content .section03 .box { padding: 30px; } #content .section03 .box img.picture { float: right; margin: 0 0 10px 10px; } #content .section04 .caption { padding: 20px 10px; } #content .section04 .block { padding: 0 10px 20px; margin-bottom: 40px; } #content .section04 .title { position: relative; min-height: 130px; } #content .section04 .title img.no { position: absolute; } #content .section04 .title p { position: relative; left: 120px; margin-right: 120px; padding: 20px 0; } #content .section04 .inner img.picture { float: right; margin: 0 0 10px 10px; } #content .section05 .intro { padding: 60px 10px; } #content .section05 .block { padding: 60px 10px 40px; } #content .section05 .picture { max-width: 380px; padding: 10px; margin: 0 auto 20px; } #content .section05 .picture .inner { padding: 0 20px; } #content .section05 .picture img { margin-bottom: 10px; } #content .section05 .picture .caption { margin-bottom: 10px; } #content .section05 .picture .description { margin-bottom: 10px; } #content .section05 .text .caption { margin-bottom: 20px; } #content .section06 { padding: 80px 10px; } #content .section06 img { margin-bottom: 40px; } #content .section06 .caption { margin-bottom: 10px; } #content .section07 .caption { padding: 40px 10px; } #content .section07 .block { padding: 0 10px; } #content .section07 .box { max-width: 910px; margin: 0 auto 20px; } #content .section07 .box ul { padding: 50px; } #content .section07 .box ul li { padding: 10px 0; } #content .section07 ul.ul01 { padding: 20px; } #content .section08 .caption { padding: 40px 10px; } #content .section08 .inner { padding: 0 10px 30px; } #content .section08 .box { padding: 30px; } #content .section08 .box table { margin: 40px 0; } #content .section08 .box table td { width: 50%; padding: 10px; } #content .section09 .caption { padding: 40px 10px; } #content .section09 .inner { padding: 0 10px 30px; } #content .section09 .box { padding: 40px; margin: 40px 0; } #content .section10 { padding: 70px 0 60px; } #content .section10 .caption { padding: 40px 10px; } #content .section10 .block { padding: 0 10px; } #content .section10 ul { padding: 20px; } #content .section10 ul li { padding: 10px; margin-bottom: 10px; } #content .section10 ul li span { padding: 10px; } #content .section11 { padding: 0 0 60px; } #content .section11 .caption { padding: 40px 10px; } #content .section11 .block { padding: 0 10px; } #content .section11 .block img { margin-bottom: 20px; } #content .section11 p { margin-bottom: 20px; } #content .section11 p.p01 { padding: 100px 60px; } #content .section11 ul { margin: 40px 20px; } #content .section12 { padding: 0 0 60px; } #content .section12 .caption { padding: 40px 10px; } #content .section12 .block { padding: 0 10px; } #content .section12 .block p { margin-bottom: 20px; } #content .section12 .box { margin-bottom: 40px; } #content .section12 .box ul { padding: 40px; } #content .section12 .box ul li { margin-bottom: 20px; } #content .section12 table { border-collapse: separate; border-spacing: 10px; } #content .section12 table td { width: 50%; padding: 10px; } #content .section13 .caption { padding: 40px 10px; } #content .section13 .inner { padding: 0 10px 30px; } #content .section13 .box { padding: 40px; margin: 40px 0; } #content .section14 .caption { padding: 40px 10px; } #content .section14 .inner { padding: 0 10px 30px; } #content .section14 .box { padding: 40px; margin: 40px 0; } #content .section14 .box p { margin-bottom: 20px; } #content .section14 .box .block { margin-left: 20px; } #content .section15 { padding: 40px 0 0; } #content .section15 .caption { padding: 40px 10px; } #content .section15 .block { padding: 0 10px; } #content .section15 .block p { margin-bottom: 40px; } #content .section15 .block ul { overflow: hidden; } #content .section15 .block ul li { float: left; width: 25%; } #content .section15 .block ul li .item { max-width: 90%; margin: 0 auto; } #content .section15 .block ul li .item img { margin-bottom: 10px; } #content .section16 { padding: 40px 0 60px; } #content .section16 .caption { padding: 40px 10px; } #content .section16 .block { overflow: hidden; padding: 0 10px; } #content .section16 .block .message { margin-bottom: 40px; } #content .section16 .block img.picture { float: right; max-width: 38%; } #content .section16 .block .text{ float: left; max-width: 60%; padding-bottom: 20px; border-bottom: 1px solid #aaaaaa; } #content .section16 table.information { margin: 0 40px 80px; } #content .section16 table.information th, #content .section16 table.information td { padding: 20px; } #content .section16 table.information th { width: 100px; } #contact table th { width: 200px; } #footer .sitemap { overflow: hidden; padding: 50px 0; } #footer .sitemap .wrapper { padding: 0 10px; } #footer .sitemap ul.first { float: left; width: 33%; padding: 0 10px; } #footer .sitemap ul.first > li > a { display: block; margin-bottom: 10px; } #footer .sitemap ul.second > li { margin-left: 40px; } #footer .information { padding: 60px 10px; overflow: hidden; } #footer .information img.logo { float: left; margin-right: 20px; } #footer .information p { float: left; padding: 10px 0 0; } #content .section100 .caption { padding: 40px 10px; } #content .section100 .box img.picture { float: right; margin: 0 0 10px 10px; width:52.085%;} #content .section100 .box .txt { float: left; width:45.915%;} #content .section100 { padding: 0 0 60px;} #content .section100 .block { padding: 0 10px; } } /*PC専用設定*/ /*----------------------------*/ @media screen and (min-width: 1024px) { a:hover img{ opacity: 0.7;} a[name]:hover img{ opacity: 1;} button:hover img{ opacity: 0.7;} .wrapper { width: 960px; margin: 0 auto; } #eyecatch .eyecatch04 .box .inner { padding: 0 20px 10px; } #eyecatch .eyecatch04 .box table { float: left; width: 60%; } #eyecatch .eyecatch04 .box .button { float: right; position: relative; } #eyecatch .eyecatch04 .box .button img.cursor { position: absolute; right: -40px; top: 50%; } #content .section01 p.p01 { max-width: 780px; margin-left: auto; margin-right: auto; } #content .section01 p.p02 { background: url(images/p02_bg.png) no-repeat center; background-size: 100%; padding: 0 40px; margin: 0 auto 30px; } #content .section05 .picture { float: right; max-width: 380px; padding: 10px; margin: 0 0 10px 10px; } #content .section05 .picture table th { width: 140px; } #content .section05 .text .caption { margin-bottom: 20px; max-width: 540px; } #content .section06 .caption { background: url(images/p04_bg.png) no-repeat center; background-size: 100%; padding: 0 30px; } #content .section11 p.p01 { padding: 140px 60px; } #content .section15 .block p.p01 { background: url(images/section15_img06.png); background-size: 100%; padding: 0 40px; } } /*高解像度PC専用設定*/ /*----------------------------*/ @media screen and (min-width: 1118px) { } /*------------------------------- 20160301_LPhashi_追記 -------------------------------*/ #eyecatch .eyecatch01 { background: none; padding-top: 50px; } #page .line { border-top: 5px solid #429fdc; width: 100%; margin-top: 50px; margin-bottom: 50px; } #content .section02 .box .inner .message { color: #333333; font-size: 180%; background-color: #F3F3F3; border: none; border-radius: 10px; } /*------------------------------- 20160302_LPhashi_追記 （thanksページ用） -------------------------------*/ .caption .wrapper .mo_tex { font-size: 3rem !important; } .mo_tex02 { font-size: 1.5rem; line-height: 2.5rem; } .mb1re { margin-bottom: 1rem; } .pt1re { padding-top: 1rem; } .pb1re { padding-bottom: 1rem; } .mb3re { margin-bottom: 3rem; } .bank { margin-left: 7.5rem; } .kyanseru_thanks { line-height: 1.5rem; margin-left: 3rem; padding-top: 2rem; padding-bottom: 1rem; margin-right: 3rem; } .kyanseru_thanks ol { padding-top: 1rem; } .kyanseru_thanks ol li { padding-bottom: 1rem; } #content .section02 .box_02 { background-color: #DFDFDF; border: 1px dotted #000; margin: 4rem auto; } #content .box_03 { background-color: #fff !important; margin: 0rem auto 2.5rem; padding: 1rem; } #page .line02 { border-top: 5px solid #429fdc; width: 100%; } .cent { text-align: center; } .small { font-size: 70%; }