body { /* font: 14px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, sans-serif;*/ font: 14px/1.5 "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, sans-serif; color:#555; } img{ max-width: 100%; height: auto; } @bass-color:#555; @color_bass-val:#555; @font-size_bass-val: 14px; @font-size: 14px; @line-height: 1.5; @color: #666; .Mixins__text-base-set (@font-size, @line-height ,@color) { font-size:@font-size; line-height:@line-height; color:@color; } .Mixins__block-base-set (@mt, @mr, @mb, @ml, @pt, @pr, @pb, @mpl) { margin:@mt @mr @mb @ml; padding:@pt @pr @pb @mpl; } .\block-reset{ margin:0; padding:0; } .\inline-reset{ padding:0; } .nav-text{ .\block-reset; .nav-text__li{ .nav-text__li__date{ display:block; .\block-reset; border:solid 1px #C00; } .nav-text__li__head{ display:block; .\block-reset; border:solid 1px #C00; } .nav-text__li__desc{ display:block; .\block-reset; border:solid 1px #C00; } } } .sec-index{ .\block-reset; margin-bottom:20px; .sec-index__title-l01{ .\block-reset; font-size:14px; font-weight:normal; line-height:1.5; } .sec-index__title-l01.site{ padding-left: 24px; background: transparent url(../img/icon_site_w16.png) no-repeat 0 2px; } .sec-index__link-list01{ .\block-reset; li{ .\block-reset; list-style:none; margin-bottom:5px; border-bottom:1px dotted #ccc; padding:5px 0; a{ .\inline-reset; color:@bass-color; .title{ .\inline-reset; display:block; font-size:13px; font-weight:bold; line-height:1.5; } .caption{ .\inline-reset; font-size:11px; line-height:1.5; } } a.arw{ display:block; padding-left: 16px; background: transparent url(../img/icon-arw_01.png) no-repeat 0 3px; } } } } @base_font-size:14px; @base_margin-bottom:20px; @base_line-height:1.5; @base_color:#666; .page-sec{ h2{ margin:0 0 20px 0; padding:0; border:none; font-size:24px; line-height:@base_line-height; color:@base_color; font-weight:normal; } h3{ margin:0 0 20px 0; padding:0; border:none; font-size:20px; line-height:@base_line-height; color:@base_color; font-weight:normal; } h4{ margin:0 0 20px 0; padding:0; border:none; font-size:18px; line-height:@base_line-height; color:@base_color; font-weight:normal; } h5{ margin:0 0 20px 0; padding:0; border:none; font-size:16px; line-height:@base_line-height; color:@base_color; font-weight:normal; } h6{ margin:0 0 20px 0; padding:0; border:none; font-size:14px; line-height:@base_line-height; color:@base_color; font-weight:bold; } p{ margin:0 0 @base_margin-bottom 0; padding:0; border:none; font-size:@base_font-size; line-height:@base_line-height; color:@base_color; } ul{ margin:0 0 20px 0; padding:0; border:none; li{ list-style: circle outside; margin:0 0 10px 20px; padding:0; border:none; font-size:@base_font-size; line-height:@base_line-height; color:@base_color; ul,dl{ margin-top:10px; margin-bottom:-3px; margin-left:0; } ol{ margin-top:10px; margin-bottom:-3px; margin-left:-5px; } } } ol{ margin:0 0 20px 0; padding:0; border:none; li{ list-style: decimal outside; margin:0 0 10px 30px; padding:0; border:none; font-size:@base_font-size; line-height:@base_line-height; color:@base_color; ul{ margin-top:10px; margin-bottom:-3px; margin-left:-10px; li{ list-style: circle outside; } } ol{ margin-top:10px; margin-bottom:-3px; margin-left:-5px; } dl{ margin-top:10px; margin-bottom:-3px; margin-left:0; } } } dl{ margin:0 0 20px 0; padding:0; border:none; dt{ margin:0 0 10px 0; padding:0; border:none; font-size:@base_font-size; line-height:@base_line-height; color:@base_color; } dd{ margin:0 0 10px 0; padding:0; border:none; font-size:@base_font-size; line-height:@base_line-height; color:@base_color; ul,dl{ margin-top:10px; margin-bottom:-3px; margin-left:20px; } ol{ margin-top:10px; margin-bottom:-3px; margin-left:15px; } } } .page-sec__catch{ margin:0 0 @base_margin-bottom 0; padding:0; border:none; font-size:36px; line-height:1.1; color:#322222; font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif; } .page-sec__lead{ margin:0 0 @base_margin-bottom 0; padding:0; border:none; font-size:14px; line-height:@base_line-height; color:@base_color; } .page-sec__point{ margin:0 0 20px 0; padding:0; border:none; li{ list-style: none; margin:0 0 10px 1em; padding:0; border:none; font-size:24px; font-weight:bold; line-height:@base_line-height; color:#40A3A3; text-indent:-16px; ul,dl{ margin-top:10px; margin-bottom:-3px; margin-left:0; } ol{ margin-top:10px; margin-bottom:-3px; margin-left:-5px; } .glyphicon.glyphicon-ok{ color:#CCCCCC; } } } .page-sec__point02{ margin:0 0 20px 0; padding:0; border:none; .li{ width: 50px; height: 50px; -webkit-border-radius: 50%;/* 50%でもOK */ -moz-border-radius: 50%; border-radius: 50%; background-color: #999;/* 円の色 */ text-align:center; vertical-align:text-bottom; } } .page-sec__figure{ margin:0 0 20px 0; padding:0; border:none; img{ margin:0; padding:0; border:none; } } } #g-shot .page-sec{ .page-sec__point{ li{ color:#EC6E2B; } } } .page-head{ margin:0 0 20px 0; padding:0; border:none; .heading{ margin:0 0 0 0; padding:0; border:none; font-size:64px; line-height:1.1; font-weight:bold; color:#40A3A3; font-family: Arial,Helvetica,serif; } .heading-sub-01{ margin:0 0 0 0; padding:0; border:none; font-size:24px; line-height:1.2; font-weight:bold; color:@base_color; font-family: Arial,Helvetica,serif; } .heading-sub-02{ margin:0 0 0 0; padding:0; border:none; font-size:16px; line-height:1.2; color:@base_color; } } .page-sec .title___{ font-size:16px; color:#322222; font-weight:bold; margin-bottom:5px; } #g-shot .page-head{ .heading{ color:#EC6E2B; } } #s0_04{ } #s0_04.sec00 .sec01 h1 { margin:0 0 0 0; padding:40px; border:none; font-size:36px; line-height:1.1; color:#322222; font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif; text-align:center; } #s0_04_s1_02{ } #s0_04_s1_02 div{ margin-bottom:30px; text-align:center; } #s0_04_s1_02 div img{ margin-bottom:5px; } #s0_04_s1_03{ } #s0_04_s1_03 p{ margin-bottom:20px; } #s0_04_s1_03 ul li{ margin-bottom:20px; /* border-bottom:1px dotted #ccc; padding-bottom:10px;*/ } #s0_04_s1_03 input[type="text"]{ width:95%; } #s0_04_s1_03 input[type="text"]#email{ width:40%; } #s0_04_s1_03 input[type="text"]#emai2{ width:40%; } #s0_04_s1_03 textarea{ width:95%; } #s0_04_s1_03 .btn-block{ padding:20px; } #s0_04 label { display: block; margin-bottom: 5px; } #s0_04 .required_{ color:#c00; font-size:11px; } /*.doc_ ul.note_*/ #s0_04 ul.note_ { margin-bottom: 20px; margin-left: 20px; margin-top: 5px; border-top: 1px dotted #ccc; padding-top: 6px; } #s0_04 ul.note_ li { background: none; margin-left: 1em; padding:2px 0; border: none; font-size: 11px; color: #888; list-style: none; text-indent:-1em; } #s0_04 .note_ li span { padding-right: 0; font-weight: bold; color: #666; } #s0_04 .note_mark_ { font-size: 0.83em; font-weight: bold; } #s0_04 li ul.note_, #s0_04 dd ul.note_, dd ul.note_ { margin: 5px 0; } /* ----------------------------------------- siteHeader ----------------------------------------- */ #siteHeader{ margin:20px 0; padding:0; border:none; } /* ----------------------------------------- siteFooter ----------------------------------------- */ #siteFooter { background: transparent url("http://cm1.jp/images/cm1/footer_bg.png") repeat 0 0; color: #fff; padding: 20px 0; border-top:10px solid #37B1DC; } #siteFooter a { color: #ffffff; } /*.side_info*/ #siteFooter .side_info { padding-bottom: 10px; margin-bottom: 10px; color: #fff; } #siteFooter .side_info h1 { padding: 0; margin: 0; } #siteFooter .side_info h1 img{ display: block; } #siteFooter .side_info div{ margin: 0 15px 10px 15px; padding:2px 5px 10px 30px; border-bottom: 1px dotted #6AB4C7; } #siteFooter .side_info .mail { background: transparent url("http://cm1.jp/images/cm1/side_icon_mail.png") no-repeat 0 8px; font-size: 20px; font-size: 2.0rem; font-weight: bold; } #siteFooter .side_info .mail a:hover { color: #ccc; } #siteFooter .side_info .tel { background: transparent url("http://cm1.jp/images/cm1/side_icon_tel.png") no-repeat 0 0; font-size: 20px; font-size: 2.0rem; font-weight: bold; } #siteFooter .side_info .fax { background: transparent url("http://cm1.jp/images/cm1/side_icon_fax.png") no-repeat 0 0; } #siteFooter .side_info .address { background: transparent url("http://cm1.jp/images/cm1/side_icon_address.png") no-repeat 0 0; } #siteFooter .side_info .address span { display: block; margin-top: 5px; font-size: 11px; font-size: 1.1rem; } #siteFooter .side_info .opentime { background: transparent url("http://cm1.jp/images/cm1/side_icon_time.png") no-repeat 0 0; } #siteFooter .side_link { } #siteFooter .side_link h1 { font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #fff; } #siteFooter .side_link ul { padding: 0; margin:0 15px 15px 15px; } #siteFooter .side_link ul li { background: transparent url("http://cm1.jp/images/cm1/icon_arw_r_w.png") no-repeat 0 0; padding: 0 5px 5px 24px; margin: 0 0 5px 0; border-bottom: 1px dotted #6AB4C7; list-style:none; } #siteFooter .side_link ul li a { color: #fff; } #siteFooter .side_link ul li a:hover { color: #ccc; } #siteFooter .side_link ul li a.blank_ { background: transparent url("http://cm1.jp/images/cm1/icon_external_w.gif") no-repeat right 0; padding-right:24px; } #g-shot .main-content{ margin:0 0 0 0; padding:40px 0; border-top:5px solid #eee; background:#ffffff; background: #ffffff; /* Old browsers */ } .form_W{ margin:0; padding:0 0 80px 0; border-top:10px solid #fff5bf; background:#fffbe5; } .head02{ margin:0 0 @base_margin-bottom 0; padding:0; border:none; font-size:36px; line-height:1.1; color:#322222; font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","MS P明朝",serif; }