@charset "utf-8"; *{margin: 0;padding: 0} html {overflow-y: scroll;} body { font-family: 'Century Gothic',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; font-size: 1em; line-height : 1.8; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 {font-size: 1.0em; font-weight: normal; clear: both;} table {border-collapse: collapse;} ul, ol { list-style : none;} ul {padding: 0; margin: 1em 0 2em;line-height: 1.5;} img {border: none; vertical-align : bottom; max-width : 100%; max-height: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} a img { border: none;} @-o-viewport { width : 320px; zoom:1.0;} /* link ----------------------------------------------- */ a { color: #6696be; text-decoration : underline; } a:hover { color: #95b3cd; } a.link01 { background: url(../images/common/icon_arrow01.png) no-repeat left 6px; background-size: 8px; padding-left: 14px; } a.link02 { background: url(../images/common/icon_arrow02.png) no-repeat left 5px; background-size: 8px; padding-left: 12px; } /* clearfix ----------------------------------------------- */ /* ---IE7.IE8 clearfix--- */ .clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .clear { clear: both; } /* typography ----------------------------------------------- */ h2 { font-size: 2em; margin: 1.5em 0 1.5em; } h3 { font-size: 1.5em; line-height: 1.5; text-align: center; color: #005b1a; border-top: 3px dotted #E0D9C5; border-bottom: 3px dotted #E0D9C5; background: #fff; padding: 1.3em 0.4em 1.5em; margin: 2em 0 1.5em; font-weight: normal; font-weight: bold; } h3.subhead { margin: 2em 0 2em; border: none; background: url(../images/bg_headline2.png) repeat 0 0; position:relative; color: #fff; } h3.subhead:after { border-color:#2c9f2c transparent transparent; border-style:solid; border-width:16px 16px 0; bottom:-16px; content:""; display:block; left:45%; position:absolute; width:0; } h4 { font-size: 1.2em; text-align: left; margin: 2em 0 1.5em 0; padding: 10px 10px 10px 15px; font-weight: bold; text-shadow: 0px 1px 1px #ddd; border-left: 8px solid #d7ba8c; line-height: 1.5; } h5 { font-size: 1.1em; text-align: left; margin: 1.5em 0 1em; font-weight: bold; } p { margin-bottom : 1.8em; text-align : left; } li { margin-bottom : 1em; text-align : left; } /* text-style ----------------------------------------------- */ .txt-right { text-align: right !important; } .txt-left { text-align: left !important; } .center { text-align: center !important; } .color-red { color: #dd0000; } .color-salmon { color: #f96060; } .color-lime { color: #007c36; } .color-green { color: #6baa07; } .font_s { font-size: smaller; } .font12 { font-size: 12px; } .font10 { font-size: 10px; } .inlineb{display: inline-block;} /* Emphasis ----------------------------------------------------------- */ .em1 { color: #c00; font-weight: bold; } .em2 { font-size: 1.1em; color: #c00; font-weight: bold; } .em3 { font-weight: bold; } .em4 { font-weight: bold; font-size: large; } .em5 { font-weight: bold; text-decoration: underline; } .em6{ background: #FFF8CE; font-weight: bold; padding-left: 3px; } .em7{ font-weight: bold; background: url(../images/common/liner.png) repeat-x 0 96%; padding-left: 3px; } .em1 a{ color: #dd0000; } .em2 a{ color: #dd0000; } /* 文字装飾 */ .b4 { font-size: 1.2em; font-weight: bold; } .bbb { font-size: 1.1em; font-weight: bold; } .bb { font-size: 1.05em; font-weight: bold; } .b { font-weight: bold; } .bbbr { color: #bf4141; font-size: 1.1em; font-weight: bold; } .bbr { color: #bf4141; font-size: 1.05em; font-weight: bold; } .br { color: #bf4141; font-weight: bold; } .red { color: #dd0000;} .blue { color: #002e73;} .gold { color: #a0895c;} .gray { color: #666666;} .line { background: #ffff00; font-weight: bold; } .linered { background: #ffff00; color: #cc0000; font-weight: bold; } .lineb { background: #ffff00; font-weight: bold; } .u { border-bottom: 1px solid ; } /* btn-style ----------------------------------------------- */ .submit-btn { text-align: center; margin: 30px 0; } .bnr {text-align: center; margin: 30px 0;} .submit { text-align: center !important; margin: 3em 0; } .txt-btn { color: #fff; font-size: 1.6em; line-height: 1.3; font-weight: bold; padding: 1.2em 2%; display: inline-block; text-decoration: none; text-shadow: 0 1px 1px #666; text-align: center; display: inline-block; -moz-box-shadow: 0px 2px 2px #aaa; -webkit-box-shadow: 0px 2px 2px #aaa; box-shadow: 0px 2px 2px #aaa; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 96%; } .txt-btn.red { background: #cc0000; box-shadow: 0px 5px 0 #950000; } .txt-btn.green { background: #2ba62b; box-shadow: 0px 5px 0 #1f791f; } .txt-btn:hover { color: #fff; opacity: 0.7; cursor: pointer; box-shadow: none; margin-top: 5px; margin-bottom: -5px; } /* image-style ----------------------------------------------------------- */ img{max-width:100%;height:auto;} #contents img { margin : 0 0 20px; } #contents img.alignright,#contents img.alignleft { float: none; margin: 0 auto 20px; display: block; } img.center,#contents img.center { display: block; margin: 15px auto; } img.border { border: 1px solid #ddd; padding: 4px; } img.shadow { background: #fff; padding: 6px; -moz-box-shadow: 1px 2px 5px #ccc; -webkit-box-shadow: 1px 2px 5px #ccc; box-shadow: 1px 2px 5px #ccc; max-width: 96%; } img.frame { border: 5px solid #fff; box-shadow: 0px 1px 4px #999; -moz-box-shadow: 0px 1px 4px #999; -webkit-box-shadow: 0px 1px 4px #999; } /* box-style ----------------------------------------------- */ /* ボックス01（枠線） */ .box01 { margin: 40px 0px ; padding: 5%; border: 2px solid #dadada; } .box01b { margin: 40px 0px ; padding: 5%; border: 2px solid #dadada; } /* ボックス02（背景） */ .box02 { margin: 40px 0px ; padding: 5%; background: url(../images/common/pattern_bg01.png) repeat left top; } /* ボックス03（枠線内影） */ .box03 { margin: 40px 0px ; padding: 5%; background: #fff; box-shadow: 0 0 5px #ccc inset; } /* ボックス04（枠線影） */ .box04 { margin: 40px 0px ; padding: 5%; background: #fff; box-shadow: 0 3px 6px #bababa; } /* title-box-style ----------------------------------------------- */ .t-box01{ clear: both; margin: 30px 0px ; } .t-box01 .title{ margin:0; padding:15px 5px 12px 15px; font-size:1.2em; font-weight:bold; background: #fbf7f1; border: 3px solid #e8dac2; border-bottom: none; border-radius: 12px 12px 0 0; } .t-box01 .t-box01In{ padding: 5%; border: 3px solid #e8dac2; border-radius: 0px 0px 12px 12px; } /* color-box-style ----------------------------------------------- */ .box-red { margin: 0 0px 30px; padding: 20px 20px 0 ; background: #fff5f9; border: 1px solid #f2a99d; border-radius: 6px; color: #bf0008; } .box-yellow { margin: 0 0px 30px; padding: 20px 20px 0 ; background: #ffffe0; border: 1px solid #e0d0a1; border-radius: 6px; color: #726055; } .box-blue { margin: 0 0px 30px; padding: 20px 20px 0 ; background: #e5f4fc; border: 1px solid #99c7de; border-radius: 6px; color: #023894; } .box-green { margin: 0 0px 30px; padding: 20px 20px 0 ; background: #ecfbeb; border: 1px solid #82c682; border-radius: 6px; color: #007c36; } .box-gray { margin: 0 0px 30px; padding: 20px 20px 0 ; background: #f8f8f8; border: 1px solid #ccc; color: #333; } .box-red h4,.box-yellow h4,.box-blue h4,.box-green h4,.box-gray h4{ border: none; padding: 0; margin: 0 0 10px 0; } .flow { clear: both; background: url(../images/common/u_arrow01.png) no-repeat center bottom; background-size: 80px; padding: 0 0 20px; overflow: hidden; margin: 0 0 1em; } .flow h4 { margin: 0.5em 0; } .flow.last { background: 0 0; } /* testimonials ----------------------------------------------- */ .testimonial { margin: 50px 0; padding: 20px 15px 0; border: 8px solid #fff; background: url(../images/common/testimonial_bg.png) no-repeat 97% 16px #f8f8f8; line-height: 1.5; box-shadow: 0 2px 8px #ccc; } .testimonial.bgnone { background: url(../images/common/testimonial_bg.png) no-repeat 98% 10px #fff; } .t-title { font-weight: bold; font-size: 1.2em; padding-bottom: 0.5em; border: none; border-bottom: 1px dotted #ccc; margin-bottom: 1em; color: #bf4141; } .t-name { font-weight: bold; } .attention{ font-size: small; color: #777; clear: both; text-align: center; margin: 1em 0; } /* プロフィール */ .box_prof { margin: 0 0 20px; padding: 1.5em 1.5em 0.5em; background: url(../images/common/pattern_bg01.png) repeat left top; border: 3px solid #999; } .box_prof .name { margin: 1em 0 2em ; font-size: 1.1em; font-weight: bold; } /* list-style ----------------------------------------------- */ .bullet01 li { list-style-image: url("../images/common/bullet1.gif"); list-style-position: inside; font-weight: bold; margin-bottom: 3px !important; padding: 5px 0; } .bullet01 li:nth-child(2n) { background: #f2f2f2; } .list-check01 { margin: 2em 0; } .list-check01 li { background: url(../images/common/icon-check.png) no-repeat left 8px; padding: 10px 0 10px 35px; font-size: 1.1em; font-weight: bold; margin-bottom: 6px; } .list-check01 li:nth-child(2n) { background-color:#f2f2f2; } .list-check01.bgnone li { background: url(../images/common/icon-check.png) no-repeat left 8px; } .list-check02 { margin: 2em 0; } .list-check02 li { background: url(../images/common/icon-check.png) no-repeat left 1em; padding: 20px 5px 20px 38px; font-size: 1em; font-weight: bold; border-bottom: 1px dotted #ccc; margin: 0 0 0; line-height: 1.5; } .list-check02 li:nth-child(2n) { background: url(../images/common/icon-check.png) no-repeat left 1em #f8f8f8; } .list-check03 { margin: 2em 0; } .list-check03 li { margin-bottom: 8px; font-weight: bold; padding: 3px 0 8px 36px; background: url(../images/common/icon_check.png) no-repeat left 0; background-size: 30px; border-bottom: 1px dashed #ccc; } .list-check04 { margin: 2em 0; } .list-check04 li { margin-bottom: 10px; font-weight: bold; padding: 0px 0 10px 34px; background: url(../images/common/icon_check01.png) no-repeat left 0; background-size: 28px; border-bottom: 1px dashed #ccc; } .list-mov { margin: 2.5em 0 1em; } .list-mov li { background: url(../images/common/icon-mov.png) no-repeat left top; padding: 3px 0 12px 52px; font-size: 1em; font-weight: bold; margin-bottom: 1em; border-bottom: 1px dotted #ccc; } .list-arrow { margin: 0 0 40px; } .list-arrow li { background: url(../images/common/icon-arrow.png) no-repeat 6px 1em; padding: 18px 15px 18px 40px; font-weight: bold; margin: 0 0 0; line-height: 1.5; } .list-arrow li:nth-child(2n) { background: url(../images/common/icon-arrow.png) no-repeat 6px 1em #f8f8f8; } .list01 { margin: 20px 0 30px; } .list01 li { margin-bottom: 5px; padding: 0 0 5px 18px; background: url(../images/common/icon_circle01.png) no-repeat left 8px; background-size: 8px; } /* dl-style ----------------------------------------------- */ .dl01 { margin-bottom: 20px; text-align: left; } .dl01 dt { margin:10px 0 15px; padding: 0 0 10px 10px; font-size:117%; font-weight: bold; border-bottom: 1px dotted #bababa; } .dl01 dd { margin: 0 10px 25px; font-size: 96%; } .faq { margin-bottom: 30px; text-align: left; } .faq dt { background: url("../images/common/icon_faq-q.png") no-repeat scroll 5px 15px #f2f2f2; background-size: 30px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; padding: 15px 5px 15px 45px; line-height: 1.5; } .faq dd { background: url("../images/common/icon_faq-a.png") no-repeat scroll 5px top transparent; background-size: 30px; margin-bottom: 20px; padding: 2px 0 20px 45px; } .faq p{ margin: 0 0 0.75em !important; } .dl-check { margin-bottom: 20px; text-align: left; } .dl-check dt { margin:10px 0 15px; background: url(../images/common/icon-check.png) no-repeat 10px 10px; padding: 10px 0 10px 45px; font-size:120%; font-weight: bold; border-bottom: 1px dotted #bababa; } .dl-check dd { margin: 0 10px 25px; font-size: 96%; } /* table-style ----------------------------------------------- */ .table01 { width: 100%; margin-bottom: 30px; } .table01 th, .table01 td { border: 1px solid #dadada; font-weight: normal; padding: 15px; text-align: left; vertical-align: top; } .table01 th { background: #eee; } .table01.center th,.table01.center td { text-align: center; } .table01.w3070 th { width: 30%; } .table01.w3070 td { width: 70%; } table.table02 { width: 100%; margin: 0 0 20px; border-collapse: separate; } table.table02 tr.bdnone th,table.table01 tr.bdnone td{ border: none; } table.table02 th, table.table02 td { font-weight: normal; padding: 7px 4% 6px; text-align: left; vertical-align: top; } table.table02 th { background:#eee; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } table.table02 td { border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } table.eigyotable { width: 100%; text-align: center; margin-bottom: 40px; border-collapse: separate; } table.eigyotable tr { background-color: #fffae7; } table.eigyotable th { background:#e6e6e6; color: #555; } table.eigyotable th, table.eigyotable td { padding: 10px 2px 7px; } /* other-style ----------------------------------------------- */ .MT0 { margin-top: 0px !important; } .MT10 { margin-top: 10px !important; } .MT20 { margin-top: 20px !important; } .MT30 { margin-top: 30px !important; } .MB0 { margin-bottom: 0px !important; } .MB10 { margin-bottom: 10px !important; } .MB20 { margin-bottom: 20px !important; } .MB30 { margin-bottom: 30px !important; } .PT0 { padding-top: 0px !important; } .PT10 { padding-top: 10px !important; } .PT20 { padding-top: 20px !important; } .PT30 { padding-top: 30px !important; } .PB0 { padding-bottom: 0px !important; } .PB10 { padding-bottom: 10px !important; } .PB20 { padding-bottom: 20px !important; } .PB30 { padding-bottom: 30px !important; } .mtb50 {margin-top: 50px; margin-bottom: 50px; } .mrl50 {margin-right: 50px; margin-left: 50px; } .ML0 { margin-left: 0px !important; } .ML10 { margin-left: 10px !important; } .ML20 { margin-left: 20px !important; } .ML30 { margin-left: 30px !important; } .ML50 { margin-left: 50px !important; } .MR0 { margin-right: 0px !important; } .MR10 { margin-right: 10px !important; } .MR20 { margin-right: 20px !important; } .MR30 { margin-right: 30px !important; } hr { background: url(../images/break.png) no-repeat center top; padding-bottom: 30px; margin: 50px 0 20px; border: none; } .pc {display: none;} .youtube-wrap { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 15px; text-align: center; } .youtube-wrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } .iframebox { text-align: center; } .iframebox iframe { max-width: 100%; } /* phone-style ----------------------------------------------- */ .phone{ font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 3em; color: #d00; line-height: 1.2; } .phone.size-s{ font-size: 2.4em; } .phone a{ color: #d00; text-decoration: none; background: url(../images/common/icon_tel01.png) no-repeat left center; background-size: 44px 44px; padding: 5px 0 3px 52px; }
.insta{ font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2em; color: #c71585; line-height: 1.2; } .insta.size-s{ font-size: 1.8em; } .insta a{ color: #c71585; text-decoration: none; background: url("../images/insta.jpg") no-repeat left center; background-size: 44px 44px; padding: 5px 0 3px 52px; }
.hotpepper{ font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2em; color: #993366; line-height: 1.2; } .hotpepper.size-s{ font-size: 1.8em; } .hotpepper a{ color: #993366; text-decoration: none; background: url("../images/hotpepper.gif") no-repeat left center; background-size: 44px 44px; padding: 5px 0 3px 52px; }
.reason1,.reason2,.reason3,.reason4,.reason5,.reason6,.reason7,.reason8,.reason9,.reason10 { border: none; min-height: 20px; padding: 20px 0 20px 70px; margin-bottom: 1em; color: #bf4141; border-bottom: 3px dotted #e8dac2; } .reason1 {background: url(../images/common/icon_reason01.png) no-repeat 0 50%;background-size: 63px;} .reason2 {background: url(../images/common/icon_reason02.png) no-repeat 0 50%;background-size: 63px;} .reason3 {background: url(../images/common/icon_reason03.png) no-repeat 0 50%;background-size: 63px;} .reason4 {background: url(../images/common/icon_reason04.png) no-repeat 0 50%;background-size: 63px;} .reason5 {background: url(../images/common/icon_reason05.png) no-repeat 0 50%;background-size: 63px;} .reason6 {background: url(../images/common/icon_reason06.png) no-repeat 0 50%;background-size: 63px;} .reason7 {background: url(../images/common/icon_reason07.png) no-repeat 0 50%;background-size: 63px;} .reason8 {background: url(../images/common/icon_reason08.png) no-repeat 0 50%;background-size: 63px;} .reason9 {background: url(../images/common/icon_reason09.png) no-repeat 0 50%;background-size: 63px;} .reason10 {background: url(../images/common/icon_reason10.png) no-repeat 0 50%;background-size: 63px;} .icon-star { border: none; padding: 10px 0 20px 70px; margin-bottom: 0.5em; color: #d00; background: url(../images/common/icon_star01.png) no-repeat 0 0; background-size: 53px; } span.point{ font-size: 15px; font-weight: bold; padding: 8px 16px 6px; margin-right: 10px; margin-bottom: 7px; text-shadow: 0px 1px 1px #fff; line-height: 1.3; display: inline-block; vertical-align: middle; background: #ffeeb2; border-radius: 8px 8px 8px 8px; } /* ～768px メディアクエリ開始 */ @media screen and (max-width : 767px) { .sp_none{ display: none;} } /* 768px～ メディアクエリ開始 */ @media screen and (min-width : 768px) { body {font-size: 1em;} .pc_none{ display: none;} /* image-align shadow ----------------------------------------------------------- */ #contents img { margin : 0 0 15px; } #contents img.alignleft { float: left; margin: 0 15px 10px 0; } #contents img.alignright { float: right; margin: 0 0 10px 15px; } #contents img.center { margin: 12px auto; } img.shadow { max-width: 100%; } /* flow-style ----------------------------------------------- */ .flow h4 { margin: 1.5em 0; font-size: 1.5em; } .flow .itemleft { text-align: left; float: left; width: 33%; } .flow .itemright { float: right; width: 62%; } } /* 1024px～ メディアクエリ開始 */ @media screen and (min-width : 1024px) { /* typography ----------------------------------------------- */ h3 { font-size: 2.2em; line-height: 2; } h3.subhead { margin: 2.3em 0 2.3em; border: none; } h3.subhead:after { border-width:28px 28px 0; bottom:-28px; left:47%; } h4{ font-size:1.5em; } .em2 { font-size: 1.2em; } /* 文字装飾 */ .b4 /* 最大・太字 */ {font-size: 2em;} .bbb,.bbbr /* 最大・太字 */ {font-size: 1.4em;} .bb,.bbr /* 大・太字 */ {font-size: 1.2em;} /* box-style ----------------------------------------------- */ /* ボックス01（枠線） */ .box01 { margin: 40px -50px ; padding: 60px; } .box01b { margin: 40px 0 ; padding: 20px; } /* ボックス02（背景） */ .box02 { margin: 40px -50px ; padding: 50px 40px 40px; } /* ボックス03（枠線内影） */ .box03 { margin: 40px -50px ; padding: 50px; } /* ボックス04（枠線影） */ .box04 { margin: 40px -50px ; padding: 50px; } /* title-box-style ----------------------------------------------- */ .t-box01{ clear: both; margin: 40px 0px ; } .t-box01 .title{ padding:20px 5px 15px 17px; font-size:1.5em; border-bottom: none; } .t-box01 .t-box01In{ padding: 5%; } /* 見出し付きボックス（01・共通） */ .ptitle { margin: 30px 20px 0; padding: 20px 20px 20px 20px; } .p-boxIn { margin: 0 20px 30px; padding: 20px 30px ; } /* 見出し付きボックス02（テキストアイコン付き） */ .p-box02 .point { padding: 7px 20px; } .p-box02 .ptitle span{ margin-top: 1px; } /* 見出し付きボックス03（テキストアイコン付き） */ .p-box03 .point { padding: 7px 20px; } .p-box03 .ptitle span{ margin-top: 1px; } /* 見出し付きボックス04（テキストアイコン付き） */ .p-box04 .point { padding: 7px 20px; } .p-box04 .ptitle span{ margin-top: 1px; } /* list-style pc ----------------------------------------------- */ .list-check01 { margin: 2em 0 2.2em; } .list-check01 li { font-size: 1.2em; } .list-check02 { margin: 2em 0 2.2em; } .list-check02 li { font-size: 1.1em; } .list-check03 { margin: 2em 0 2.2em; } .list-check03 li { font-size: 1.3em; margin-bottom: 12px; padding: 6px 0 16px 48px; background-size: auto; } .list-check04 { margin: 2em 0 2.2em; } .list-check04 li { font-size: 1.3em; margin-bottom: 10px; padding: 5px 0 14px 48px; background-size: auto; } .list-mov { margin: 2.5em 1em 1em; } .list-mov li { font-size: 1.2em; } /* dl-style ----------------------------------------------- */ .dl01 dt { margin:20px 0 15px; padding: 0 0 10px 15px; } .dl01 dd { margin: 0 15px 25px; } .faq dt { background: url("../images/common/icon_faq-q.png") no-repeat scroll 5px center #f2f2f2; background-size: 40px; padding: 15px 5px 15px 62px; font-size: 1.3em; line-height: 1.5; } .faq dd { background: url("../images/common/icon_faq-a.png") no-repeat scroll 5px top transparent; background-size: 40px; margin-bottom: 20px; padding: 5px 0 20px 62px; } /* testimonials ----------------------------------------------- */ .testimonial { margin: 50px 30px; padding: 30px 30px; } .t-title { font-size: 1.3em; padding-bottom: 1em; margin-bottom: 1.5em; } .reason1,.reason2,.reason3,.reason4,.reason5,.reason6,.reason7,.reason8,.reason9,.reason10 { font-size: 1.5em; padding-left: 76px; } } /* 1024px～ メディアクエリ終了 */