/*トップページ･･･スライド部*/ .current .slide-area { position:relative; width:100%; min-height:100px; background-color:#FFFFFF;} @media all and (max-width:719px) { .current .slide-area { min-height:0; border-top:#27B1AE 50px solid; font-size:0;} } /*トップページ･･･Topics&News部*/ .tn-area { padding:20px 0 40px;} .tn-area .tn-box { margin:0 10%; padding:20px; background-color:#FFFFFF; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} .tn-area .tn-box h2 { display:block; margin:0 0 20px; padding:0 0 10px; border-bottom:#333333 1px solid; font-size:28px; font-weight:normal;} .tn-area .tn-box dl { padding:0 10px; text-align:left; font-size:14px;} .tn-area .tn-box dl dt { float:left; width:120px; padding:0 0 0 5px;} .tn-area .tn-box dl dd { padding:0 0 0 125px; border-bottom:#333333 1px dotted;} @media all and (max-width:719px) { .tn-area .tn-box { margin:0 10px; padding:10px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} .tn-area .tn-box h2 { display:block; margin:0 0 10px; padding:0 0 5px; font-size:2.0rem;} .tn-area .tn-box dl { padding:0 5px; font-size:1.4rem;} .tn-area .tn-box dl dt { float:none; width:auto;} .tn-area .tn-box dl dd { padding:0 0 0 5px;} } /*トップページ･･･コンテンツリスト部*/ #home ul#contents-list { margin:0 2.0vw; padding:0; text-align:center; list-style:none; font-size:0;} #home ul#contents-list li { display:inline-block; vertical-align:top; width:32.0%; margin:0 0 2.0vw; padding:0;} #home ul#contents-list li:nth-of-type(1), #home ul#contents-list li:nth-of-type(2), #home ul#contents-list li:nth-of-type(4) { margin-right:2%;} #home ul#contents-list li img { display:block; width:100%; height:auto;} #home ul#contents-list li h2 { margin:0; padding:10px 0; border:#27B1AE 5px solid; font-size:28px; color:#27B1AE; background-color:#FFFFFF;} #home ul#contents-list li h2 p { font-size:18px;} #home ul#contents-list li a:hover { text-decoration:none;} #home ul#contents-list li a:hover img { opacity:0.7;} #home ul#contents-list li a:hover h2 { background-color:#B9E4E2;} @media all and (max-width:1199px) { #home ul#contents-list li { width:49.0%; font-size:24px; background-color:#0C9} #home ul#contents-list li h2 p { font-size:16px;} #home ul#contents-list li:nth-of-type(1), #home ul#contents-list li:nth-of-type(3) { margin-right:2%;} #home ul#contents-list li:nth-of-type(2), #home ul#contents-list li:nth-of-type(4) { margin-right:0%;} } @media all and (max-width:719px) { #home ul#contents-list li { width:100%; font-size:2.8remx; margin:0 0 20px;} #home ul#contents-list li h2 p { font-size:1.6rem;} #home ul#contents-list li:nth-of-type(1), #home ul#contents-list li:nth-of-type(3) { margin-right:0;} #home ul#contents-list li:nth-of-type(2), #home ul#contents-list li:nth-of-type(4) { margin-right:0%;} } /* ページ共用･･･詳細ボタン */ .btn-more { display:inline-block; margin:40px auto 0;} .btn-more span { display:inline-block; margin:0 0 0 15px;} .btn-more a { display:block; padding:14px 19px; border:#333333 1px solid; text-align:center; font-size:20px; color:#333333;} .btn-more a:hover { border-color:#EB3F40; color:#EB3F40; text-decoration:none; background-color:#FFEEEE;} @media all and (max-width:719px) { .btn-more { display:block;} .btn-more span { display:block; margin:0;} .btn-more a { padding:9px 0; font-size:1.8rem;} } /* ページ共用･･･お客様の声 */ .case-exm { margin:40px 0 0; padding:13px; border:#EB3F40 2px solid; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} .case-exm .subtitle { margin:0; font-size:22px; background-color:#E8E8E8; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center;} .case-exm .subtitle p:nth-of-type(1) { flex-shrink:0; vertical-align:middle; width:200px; padding:15px 0; color:#FFFFFF; background-color:#EB3F40;} .case-exm .subtitle p:nth-of-type(2) { vertical-align:middle; width:100%; padding:14px;} .case-exm .subtitle span { display:inline-block;} .case-exm dl { margin:15px 0 0; padding:0; border:none; font-size:16px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center;} .case-exm dl dt { flex-shrink:0; width:190px; margin:0; padding:10px 5px 5px; text-align:center; background-color:#E8E8E8;} .case-exm dl dd { width:100%; margin:0; padding:9px; border:#E8E8E8 1px solid; text-align:left;} .case-exm .box { margin:0; padding:0; list-style:none; text-align:center;} .case-exm .box li { text-align:left;} .case-exm .box li.impression { margin:0 0 0 10px;} .case-exm .box li.qestion { margin:0; padding:5px 5px 5px 1.0em; border:#E8E8E8 1px solid; background-color:#E8E8E8;} .case-exm .box li.qestion p { padding-left:2.0em; text-indent:-2.0em;} .case-exm .box li.qestion p:before { display: inline; content: "Ｑ．";} .case-exm .box li.answer { margin:0 0 15px; padding:5px 5px 5px 1.0em; border:#E8E8E8 1px solid;} .case-exm .box li.answer p { padding-left:2.0em; text-indent:-2.0em;} .case-exm .box li.answer p:before { display: inline; content: "Ａ．";} .case-exm .box li.answer p span { display:block; margin:0 0 0 1.0em; padding:0; text-indent:0; text-decoration:line-through;} .case-exm .box li.answer p.alignment-r { display:inline-block; text-align:right;} .case-exm .box li.asterisk { margin:0 0 0 10px; padding-left:1.0em;} .case-exm .box li.asterisk p { padding-left:1.0em; text-indent:-1.0em;} .case-exm .box li.asterisk p:before { display: inline; content: "＊";} .case-exm .box li.asterisk p span { display:block; margin:0 0 0 1.0em; padding:0; text-indent:0; text-decoration:line-through;} .case-exm .btn-case { display:inline-block; margin:10px auto 0;} .case-exm .btn-case a { display:block; padding:14px 19px; border:#EB3F40 1px solid; text-align:center; font-size:20px; color:#EB3F40; background-color:#FFEEEE;} .case-exm .btn-case a:hover { text-decoration:underline; opacity: 0.7 !important;} @media all and (max-width:719px) { .case-exm { padding:9px;} .case-exm .subtitle { display:block; margin:0; font-size:1.6rem;} .case-exm .subtitle p:nth-of-type(1) { flex-shrink:none; width:auto; padding:15px 0; color:#FFFFFF; background-color:#EB3F40;} .case-exm .subtitle p:nth-of-type(2) { width:auto; padding:14px;} /*.case-exm dl { display:block; width:auto; margin:5px 0 0; padding:5px 0 0; font-size:1.6rem !important;} .case-exm dl dt { float:none; width:auto; margin:0; text-align:center; background-color:#F2F2F2;} .case-exm dl dd { margin:0; border:#F2F2F2 1px solid;}*/ .case-exm dl { display:block; margin:5px 0 0; font-size:1.4rem !important;} .case-exm dl dt { display:block; flex-shrink:none; float:left; width:80px; margin:0 10px 10px 0;} .case-exm dl dt img { display:block; width:80px; margin:0 auto;} .case-exm dl dd { width:auto;} .case-exm .box { margin:0; padding:0;} .case-exm .box li.impression { margin:0;} .case-exm .box li.qestion { margin:0; padding:5px;} .case-exm .box li.answer { margin:0 0 15px; padding:5px;} .case-exm .box li.asterisk { margin:0; padding-left:5px;} .case-exm .box li.linkbtn a { padding:9px 4px;} .case-exm .btn-case { display:block; margin:10px auto 0;} .case-exm .btn-case a { padding:9px 4px; font-size:1.6rem;} #contents .case-exm dl dt, #effect .case-exm dl dt, #comparison .case-exm dl dt, #price .case-exm dl dt { margin-right:40px;} #contents .case-exm dl dd, #effect .case-exm dl dd, #comparison .case-exm dl dd, #price .case-exm dl dd { margin:0; padding:0; border:none;} } /*トップページ･･･コンテンツ部*/ #home {} #home .block01 {} #home .block01 p { margin-bottom:20px; text-align:left; font-size:18px;} #home .block01 img { float:right; width:45%; margin:0 0 0 20px;} #home .block02 {} #home .block02 p { margin-bottom:20px; text-align:left; font-size:18px;} #home .block02 img { float:left; width:45%; margin:0 20px 0 0;} #home .block01 p.list-ex { padding-left:2.0em; text-indent:-2.0em;} #home .block01 p.list-ex:before { display: inline; content: "例：";} #home .block01 p span { display:inline-block; margin:0 15px 0 0;} @media all and (max-width:719px) { #home .block01 p { font-size:1.6rem;} #home .block01 img { float:none; width:100%; margin:0 0 15px;} #home .block02 p { font-size:1.6rem;} #home .block02 img { float:none; width:100%; margin:0 0 15px;} } /*共用･･･事例Index用*/ .casearea-h {} .casearea-h img { float:right; width:45%; max-width:800px; margin:0;} .casebox { width:55%; list-style:none; margin:0 0 25px; padding:0; text-align:center; font-size:0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center;} .casebox li { width:100%; vertical-align:bottom; font-size:16px !important;} .casebox li:nth-of-type(2) { flex-shrink:0; align-self:center; width:100px; text-align:center;} .casebox h3 { margin:0 0 5px; padding:5px; border-bottom:#666666 1px dotted; text-align:left; font-weight:normal; background-color:#F5F5F5;} .casebox h3 span { display:inline-block; text-align:left;} .casebox h3 span:nth-of-type(1) { font-weight:bold; margin:0 !important; font-size:18px !important;} .casebox h4 { text-align:left; padding:0 0 0 10px;} .casebox p:nth-of-type(1) { margin:0 !important; padding-left:2.0em; text-indent:-1.0em; padding-top:5px; padding-bottom:5px; text-align:left;} .casebox p:nth-of-type(2), .casebox p:nth-of-type(3) { margin:0 !important; padding-left:3.0em; text-indent:-1.0em; text-align:left;} .casebox p:nth-of-type(1):before { display:inline; content: "⇒";} .casebox p:nth-of-type(2):before, .casebox p:nth-of-type(3):before { display:inline; content: "→";} .casebox a { display:inline-block; margin:5px auto 0; padding:9px 14px 7px 0; padding-left:1.5em; text-indent:-1.0em; border:#333333 1px solid; text-align:center; color:#333333; line-height:1.2; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} .casebox a:before { display:inline; content: "→";} .casebox a:hover { border-color:#EB3F40; color:#EB3F40; text-decoration:none; background-color:#FFEEEE;} @media all and (max-width:999px) { .casearea-h img { float:none; width:100%; margin:0 auto 15px; max-width:400px;} .casebox { width:100%; font-size:1.8rem;} .casebox li:nth-of-type(2) { text-align:right;} } @media all and (max-width:719px) { .casebox li { font-size:1.4rem !important;} .casebox h3 span:nth-of-type(1) { font-size:1.6rem !important;} .casebox li:nth-of-type(2) { width:85px;} } @media all and (max-width:539px) { .casebox { display:block;} .casebox li { width:100%;} .casebox li:nth-of-type(2) { flex-shrink:none; width:100%; text-align:center;} .casebox a { padding:9px 9px 7px 0; padding-left:1.5em;} .casebox a br { display:none;} } /*ページメイン画像（トップ＆色個性各種診断）*/ #shindan_main { position:relative; width:100%; margin-top:100px; text-align:center;} #shindan_main p { display:block; margin:0; padding:0; text-align:center; overflow:hidden;} #shindan_main p img { width:100%; height:auto;} #shindan_main p:nth-of-type(1) { position:absolute; right:0; bottom:0; left:0; z-index:1;} #shindan_main p:nth-of-type(2) { width:100%; box-sizing:border-box; margin:0 auto; padding:10px 0; color:#27B1AE; font-weight:normal; background-color:rgba(255,255,255,0.9); z-index:1; position:absolute; top:80%; left:50%; transform: translateY(-80%) translateX(-50%); -webkit- transform: translateY(-80%) translateX(-50%); -moz-border-radius: 10px; /*古いFirefox */ -webkit-border-radius: 10px; /*古いSafari,Chrome */ border-radius: 10px; /*CSS3 */} #shindan_main p:nth-of-type(2) span { display:block;} #shindan_main p:nth-of-type(2) br { display:none;} #shindan_main #mainimg01 { width:100vw; height:calc(100vh - 100px); background-position:center center; background-size:cover; display:flex; align-items:center; justify-content:center; background-attachment:fixed;/*画面からの相対位置（背景固定）*/ z-index:1;} @media all and (max-width:719px) { #shindan_main { margin-top:0; border-top:#27B1AE 10px solid;} #shindan_main p:nth-of-type(1) { bottom:-1px;} } /*メイン画像parallax用･･･Safariだけに適用されるCSSハック*/ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:720px) { ::i-block-chrome, #mainimg01 { height:auto; min-height:100%; background-attachment:scroll, scroll;} } /*トップページ用*/ #shindan_main.toppage { text-align:center; background-image:url(../img/top/mainimg.jpg); width:100% !important; height:auto; background-repeat:repeat-x !important; background-position:top center !important; background-size:contain !important; display:flex; align-items:center; justify-content:center; background-attachment:fixed;/*画面からの相対位置（背景固定）*/ z-index:1;} @media all and (max-width:719px) { #shindan_main.toppage { background-image:url(../img/top/mainimg_sp.jpg); background-attachment:scroll;/*画面からの相対位置（背景固定）*/} } #shindan_main.toppage > p:nth-of-type(1) { display:none;} #shindan_main.toppage > p:nth-of-type(2) { width:90%; max-width:1000px; margin:0 auto; padding:60px 20px 20px; text-align:center; background-color:rgba(255,255,255,1.00); position:relative; top:auto; left:auto; transform:none; -webkit- transform:none; -moz-border-radius:0; /*古いFirefox */ -webkit-border-radius:0; /*古いSafari,Chrome */ border-radius:0; /*CSS3 */} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(1) { display:block; margin:0 auto 1.0em; text-align:center; color:#FD4702; font-size:24px;} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(1) strong { font-size:32px; font-weight:normal;} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(1) br { display:inline;} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(2) { display:block; margin:0; text-align:left; font-size:20px; color:#333333;} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(2) br { display:inline;} @media all and (max-width:859px) { #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(1) br { display:none;} } @media all and (max-width:719px) { #shindan_main.toppage > p:nth-of-type(2) { margin:0 auto; padding:30px 15px 20px; -moz-border-radius:0; /*古いFirefox */ -webkit-border-radius:0; /*古いSafari,Chrome */ border-radius:0; /*CSS3 */} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(1) { display:block; font-size:1.9rem;} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(1) strong { font-size:2.5rem;} #shindan_main.toppage > p:nth-of-type(2) > span:nth-of-type(2) { font-size:1.7rem;} } /*20221006追加変更･･･色個性診断【ベース】*/ #shindan_base {} #shindan_base .sb-box { width:100%; max-width:800px; margin:0 auto 40px; font-size:16px; text-align:left;} #shindan_base .sb-box h3 { width:auto; margin:0; padding:10px; padding-left:1.5em; text-indent:-1.0em; border-right:none; border-bottom:#333333 1px solid; text-align:left; font-size:18px; color:#333333; font-weight:bold; background-color:#F6F6F6;} #shindan_base .sb-box h3:before { display: inline; content:"◆";} #shindan_base .sb-box > div { margin:10px 1.0em 40px; text-align:left;} #shindan_base .sb-box > div > p { margin:0 0 0.75em;} #shindan_base .sb-box > div ul.normallist { margin:0 0 0.75em 1.0em;} #shindan_base .sb-box > div ul.numberlist { margin:0; padding:0; list-style:none;} #shindan_base .sb-box > div ul.numberlist li { margin:0 0 1.0em; padding:0 0 0 0.5em; text-indent:-0.5em;} #shindan_base .sb-box > div ul.numberlist li p.ik-price { display:inline-block; vertical-align:baseline; margin:0 0 0 1.0em; padding:0;} #shindan_base .sb-box > div ul.numberlist li p.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;} #shindan_base .sb-box > div ul.numberlist li p.ik-price span.pricesize { font-size:24px;} #shindan_base .sb-box > div ul.numberlist li p.ik-price span.fc-normal { display:inline; color:#333333;} #shindan_base .sb-box > div ul.numberlist li p.ik-price span.fc-normal:before { display:inline; content:"●";} #shindan_base .sb-box > div ul.numberlist li > dl { margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; text-indent:0; font-size:14px; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-wrap:wrap;} #shindan_base .sb-box > div ul.numberlist li > dl dt { box-sizing:border-box; flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;} #shindan_base .sb-box > div ul.numberlist li > dl dd { box-sizing:border-box; width:80%; margin:0; padding:10px 10px 10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; color:#333333;} #shindan_base .sb-box > div ul.numberlist li > dl dd span { display:inline-block; margin:0 0 0 10px;} #shindan_base .sb-box > div ul.howto li:nth-of-type(1):before { content:"@";} #shindan_base .sb-box > div ul.howto li:nth-of-type(2):before { content:"A";} #shindan_base .sb-box > div ul.howto li:nth-of-type(3):before { content:"B";} #shindan_base .sb-box > div ul.howto li:nth-of-type(4):before { content:"C";} #shindan_base .sb-box > div ul.howto li:nth-of-type(5):before { content:"D";} #shindan_base .sb-box > div ul.howto li:nth-of-type(6):before { content:"E";} #shindan_base .sb-box > div ul.consultation li:nth-of-type(1):before { content:"1)";} #shindan_base .sb-box > div ul.consultation li:nth-of-type(2):before { content:"2)";} #shindan_base .sb-box > div ul.consultation li:nth-of-type(3):before { content:"3)";} #shindan_base .sb-box > div ul.consultation li:nth-of-type(4):before { content:"4)";} #shindan_base .sb-box > div ul.consultation li:nth-of-type(5):before { content:"5)";} #shindan_base .sb-box > div ul.consultation li:nth-of-type(6):before { content:"6)";} #shindan_base .sb-box > div ul.consultation li p.consultxt { padding-left:0em; text-indent:0em;} #shindan_base .sb-box > div .cartbtn-area { width:100%; max-width:320px; margin:0 auto 1.5em;} #shindan_base .sb-box > div .cartbtn-area input[type=image] { display:block; width:100%; max-width:320px; margin:0 auto; padding:0 !important; border:none !important; box-shadow:none !important; background-color:transparent !important;} #shindan_base .sb-box > div .cartbtn-area input[type=image]:hover { opacity:0.7;} #shindan_base .sb-box > div .cartbtn-area input[type=image] img { width:100%;} #shindan_base .sb-box > div .cartbtn-area a img { width:100%;} #shindan_base .sb-box > div .cartbtn-area a:hover img { opacity:0.7;} #shindan_base .sb-box #sb-img { width:100%; max-width:640px; margin:15px auto 0;} #shindan_base .sb-box #sb-img img { width:100%; height:auto;} #shindan_base .sb-box img.fitimg { width:100%; height:auto;} #shindan_base .sb-box #certificate { position:relative; display:inline-block; width:100%; box-sizing:border-box; margin:15px auto 0; border:#999999 1px solid; background-color:#FFFFFF; box-shadow:2px 2px 4px gray;} #shindan_base .sb-box #certificate img { width:100%; height:auto;} #shindan_base .sb-box #certificate p { position:absolute; right:5px; bottom:5px; margin:0; font-size:12px; font-size:1.2rem;} #shindan_base .sb-box #certificate02 { position:relative; display:block; width:100%; height:auto; box-sizing:border-box; margin:15px 0 0; border:none; background-color:#FFFFFF;:} #shindan_base .sb-box #certificate02 img { position:relative; display:inline-block; width:49%; height:auto; box-sizing:border-box; margin:0; border:#999999 1px solid; background-color:#FFFFFF; box-shadow:2px 2px 4px gray;} #shindan_base .sb-box #certificate02 img:nth-of-type(2) { margin-left:2%;} #shindan_base .sb-box #certificate02 p { margin:5px 0 0; text-align:center; font-size:12px; font-size:1.2rem;} #shindan_base .sb-box ul#commentary { margin:15px 0 0; padding:0; list-style:none; font-size:0;} #shindan_base .sb-box ul#commentary li { display:inline-block; vertical-align:top; width:23.5%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;} #shindan_base .sb-box ul#commentary li:nth-of-type(4n) { margin:0 0 15px;} #shindan_base .sb-box ul#commentary li a { width:100%;} #shindan_base .sb-box ul#commentary li a:hover { opacity:0.7;} #shindan_base .sb-box ul#commentary li a img { width:100%; height:auto;} #shindan_base .sb-box ul#commentary li a p { display:inline-block; height:3.0em; overflow:hidden; margin:5px auto; padding:0 5px; text-align:left; font-size:12px; color:#333333;} #shindan_base .sb-box > div h4 { margin:25px 0 10px; padding:5px; border-top:#333333 1px dotted; border-bottom:#333333 1px dotted; font-size:18px;} #shindan_base .sb-box ul.selltable { margin:0 1.0em 20px; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; box-sizing:border-box; list-style:none; font-size:0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;} #shindan_base .sb-box ul.selltable li { margin:0; padding:5px; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; box-sizing:border-box;} #shindan_base .sb-box ul.selltable li span { display:inline-block;} #shindan_base .sb-box ul.selltable li img { width:100%; height:auto;} #shindan_base .sb-box ul.selltable li a { display:block; margin:0; padding:0;} #shindan_base .sb-box ul.selltable li a:hover img { opacity:0.7;} /*#shindan_base .sb-box ul.selltable li:nth-of-type(3n-2) { width:calc(100% - 160px); font-size:16px;} #shindan_base .sb-box ul.selltable li:nth-of-type(3n-1) { flex-shrink:0; width:80px;} #shindan_base .sb-box ul.selltable li:nth-of-type(3n) { flex-shrink:0; width:80px;} #shindan_base .sb-box ul.selltable li:nth-of-type(1), #shindan_base .sb-box ul.selltable li:nth-of-type(2), #shindan_base .sb-box ul.selltable li:nth-of-type(3) { text-align:center; font-size:12px; background-color:#F6F6F6;}*/ #shindan_base .sb-box ul.selltable li:nth-of-type(n) { width:calc(100% - 60px); font-size:16px;} #shindan_base .sb-box ul.selltable li:nth-of-type(2n) { flex-shrink:0; width:60px;} #shindan_base .sb-box ul.selltable li:nth-of-type(1), #shindan_base .sb-box ul.selltable li:nth-of-type(2) { text-align:center; font-size:12px; background-color:#F6F6F6;} #shindan_base .sb-box ul.selltable li input[type=image] { display:block; width:100%; margin:0 auto; padding:0 !important; border:none !important; box-shadow:none !important; background-color:transparent !important;} #shindan_base .sb-box ul.selltable li input[type=image]:hover { opacity:0.7;} #shindan_base .sb-box ul.selltable li input[type=image] img { width:100%;} #shindan_base .sb-box > div ul.numberlist li .settlement { margin:1.0em 0 0; text-indent:0; text-align:center;} #shindan_base .sb-box > div ul.numberlist li .settlement > p { margin:0 0 0.5em 0; padding:0 0 0 0.5em; border-bottom:#333333 1px dotted; text-align:left; font-weight:bold;} #shindan_base .sb-box > div ul.numberlist li .settlement dl { margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; text-indent:0; font-size:14px; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-wrap:wrap;} #shindan_base .sb-box > div ul.numberlist li .settlement dl dt { box-sizing:border-box; flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;} #shindan_base .sb-box > div ul.numberlist li .settlement dl dd { box-sizing:border-box; width:80%; margin:0; padding:10px 10px 10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; color:#333333;} #shindan_base .sb-box > div ul.numberlist li .settlement dl dd span { display:inline-block; margin:0 0 0 10px;} #shindan_base .sb-box > div ul.numberlist li .settlement .settlement_btn { display:block; width:100%; max-width:320px; margin:10px 0 0; padding:10px; text-align:center; font-size:18px; color:#FFFFFF; background-color:#EB3F40; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #shindan_base .sb-box > div ul.numberlist li .settlement .settlement_btn span { display:block; font-size:14px;} #shindan_base .sb-box > div ul.numberlist li .settlement .cart_btn { position:relative; width:100%; max-width:320px; margin:0 !important; padding:0 !important;} #shindan_base .sb-box > div ul.numberlist li .settlement .cart_btn form { position:absolute; top:0; right:0; bottom:0; left:0; margin:0 !important; padding:0 !important; display:block;} #shindan_base .sb-box > div ul.numberlist li .settlement .cart_btn input[type=image] { position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto; padding:0 !important; border:none !important; box-shadow:none !important; background-color:transparent !important;} #shindan_base .sb-box > div ul.numberlist li .settlement .cart_btn input[type=image]:hover { opacity:0.7;} #shindan_base .sb-box > div ul.numberlist li .settlement .cart_btn input[type=image] img { position:absolute; top:0; right:0; bottom:0; left:0;} #shindan_base .sb-box > div ul.numberlist li .settlement .settlement_btn:hover { text-decoration:none; opacity:0.7;} #shindan_base .sb-box > div ul.numberlist li .settlement .cart_btn:hover { text-decoration:none; opacity:0.7;} #shindan_base .sb-box > div .card_settlement { font-size:20px; font-weight:bold;} #shindan_base .sb-box > div .card_settlement span.ik-price { display:inline-block; vertical-align:baseline; margin:0 0 0 1.0em; padding:0;} #shindan_base .sb-box > div .card_settlement span.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;} #shindan_base .sb-box > div .card_settlement span.ik-price span { font-size:28px;} #shindan_base .sb-box > div .card_ctn { margin:0; padding:0 0 0 1.0em; text-indent:-1.0em;} #shindan_base .sb-box > div .card_ctn:before { display:inline; content:"※";} #shindan_base .sb-box > div .settlement_btn {} #shindan_base .sb-box > div .settlement_btn a { display:inline-block; width:auto; /*max-width:320px;*/ margin:10px 0 0; padding:10px; text-align:center; font-size:28px; color:#FFFFFF; background-color:/*#EB3F40*/#FF0000; /*-moz-border-radius: 10px; 古いFirefox */ /*-webkit-border-radius: 10px; 古いSafari,Chrome */ /*border-radius: 10px; CSS3 */} #shindan_base .sb-box > div .settlement_btn a:hover { text-decoration:none; opacity:0.7;} #shindan_base .sb-box > div .settlement_btn a img { width:40px; height:33px; vertical-align:middle; margin:0 0.5em 5px 0;} #shindan_base .sb-box > div .send_ctninfo { display:inline-block; margin:15px 0 0; padding:8px; border:#FF0000 2px solid; font-size:14px; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} #shindan_base .sb-box .form-box { text-align:center;} #shindan_base .sb-box .form-box > p { display:inline-block; margin:1.0em auto 0; text-align:left;} #shindan_base .sb-box .form-box dl dt p { display:block; margin:0 auto; text-align:center; font-size:12px;} #shindan_base .sb-box .form-box dl dd p { display:block; margin:0 auto; text-align:left; font-size:12px;} #shindan_base .sb-box .form-box dl dd span { display:inline-block;} @media all and (max-width:719px) { #shindan_base .sb-box > div .settlement_btn a { font-size:2.2rem;} #shindan_base .sb-box .form-box dl dt p { display:inline-block; margin-left:1.0em; text-align:left;} #shindan_base .sb-box .form-box dl dt p br { display:none;} } /* 230208追加 */ #shindan_base ul#c-voice { margin:1.0em auto 0; padding:0; list-style:none; text-align:center;} #shindan_base ul#c-voice li { margin:1.0em auto 0; padding:9px; border:#CCCCCC 1px solid; text-align:left; -moz-border-radius:5px; /* 古いFirefox */ -webkit-border-radius:5px; /* 古いSafari,Chrome */ border-radius:5px; /* CSS3 */} #shindan_base ul#c-voice li h4 { margin:0 0 10px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted;} #shindan_base ul#c-voice li p { display:inline-block; padding:0 5px; font-size:16px;} @media all and (max-width:719px) { #shindan_base ul#c-voice li p { font-size:1.4rem;} } /*色個性診断Aishoページ用*/ #shindan_main.aisho_main p:nth-of-type(2) { max-width:520px; font-size:48px;} #shindan_main.aisho_main p:nth-of-type(2) span { display:block; font-size:32px;} #shindan_main.aisho_main #mainimg01 { background-position:center center; width:100vw; height:calc(100vh - 100px); background-position:center center; background-size:cover; display:flex; align-items:center; justify-content:center; background-attachment:fixed;/*画面からの相対位置（背景固定）*/ z-index:1;} .aisho-cart > div .card_settlement { margin:15px 0 0 !important; padding:15px 0 0 !important; border-top:#999999 1px solid;} .aisho-cart > div .settlement_btn a { margin:5px 0 15px !important;} @media all and (max-width:719px) { #shindan_main.aisho_main p:nth-of-type(2) { max-width:320px; font-size:2.8rem; position:absolute; top:70%; left:50%; transform: translateY(-70%) translateX(-50%); -webkit- transform: translateY(-80%) translateX(-50%); } #shindan_main.aisho_main p:nth-of-type(2) span { font-size:2.0rem;} #shindan_main.aisho_main #mainimg01 { background-position:center center; height:calc(100vh - 100px); background-size:cover;/*背景サイズ*/ background-position:center center; background-attachment:scroll;/*画面からの相対位置（背景固定）*/} } /*色個性診断Baseページ用*/ #shindan_main.base_main ul { position:relative; width:100%; text-align:center; list-style:none; font-size:0;} #shindan_main.base_main ul li { position:relative; display:inline-block; height:40vh; background-repeat:no-repeat; background-size:cover;} #shindan_main.base_main ul li:nth-of-type(1) { width:33.33%; background-image:url(../../shindan_base/img/main01.jpg); background-position:center top;} #shindan_main.base_main ul li:nth-of-type(2) { width:33.33%; background-image:url(../../shindan_base/img/main02.jpg); background-position:left top;} #shindan_main.base_main ul li:nth-of-type(3) { width:33.33%; background-image:url(../../shindan_base/img/main03.jpg); background-position:left top;} #shindan_main.base_main ul li:nth-of-type(4) { width:100%; max-width:500px; height:auto !important; box-sizing:border-box; margin:0 auto; padding:10px 0; color:#27B1AE; font-size:56px; font-weight:normal; background-color:rgba(255,255,255,0.95); z-index:1; position:absolute; top:85%; left:50%; transform: translateY(-85%) translateX(-50%); -webkit- transform: translateY(-85%) translateX(-50%); -moz-border-radius: 10px; /*古いFirefox */ -webkit-border-radius: 10px; /*古いSafari,Chrome */ border-radius: 10px; /*CSS3 */} #shindan_main.base_main ul li:nth-of-type(4) span { display:block !important; font-size:32px;} #shindan_main.base_main ul li:nth-of-type(4) br { display:none;} #shindan_main.base_main ul li:nth-of-type(5) { width:50%; background-image:url(../../shindan_base/img/main04.jpg); background-position:center top;} #shindan_main.base_main ul li:nth-of-type(6) { width:50%; background-image:url(../../shindan_base/img/main05.jpg); background-position:center top;} @media all and (max-width:999px) { #shindan_main.base_main ul li { height:30vh;} #shindan_main.base_main ul li:nth-of-type(4) { max-width:420px; font-size:48px;} #shindan_main.base_main ul li:nth-of-type(4) span { font-size:22px;} } @media all and (max-width:719px) { #shindan_main.base_main ul li { height:30vh;} #shindan_main.base_main ul li:nth-of-type(1) { background-image:url(../../shindan_base/img/main01_sp.jpg); background-position:center top;} #shindan_main.base_main ul li:nth-of-type(2) { background-image:url(../../shindan_base/img/main02_sp.jpg); background-position:center top;} #shindan_main.base_main ul li:nth-of-type(3) { background-image:url(../../shindan_base/img/main03_sp.jpg); background-position:center top;} #shindan_main.base_main ul li:nth-of-type(4) { position:relative; display:block; width:auto; max-width:none; height:auto !important; font-size:3.6rem; background-color:rgba(255,255,255,1.0); top:auto; left:auto; transform:none; -webkit- transform:none; -moz-border-radius:0; /*古いFirefox */ -webkit-border-radius:0; /*古いSafari,Chrome */ border-radius:0; /*CSS3 */} #shindan_main.base_main ul li:nth-of-type(4) span { font-size:2.2rem; line-height:1.2;} #shindan_main.base_main ul li:nth-of-type(5) { background-image:url(../../shindan_base/img/main04_sp.jpg); background-position:center top;} #shindan_main.base_main ul li:nth-of-type(6) { background-image:url(../../shindan_base/img/main05_sp.jpg); background-position:center top;} } /*色個性診断Fashionページ用*/ #shindan_main.fashion_main p:nth-of-type(2) { max-width:580px; font-size:48px;} #shindan_main.fashion_main p:nth-of-type(2) span { display:block !important; font-size:32px;} .loopSlide { display: flex; width: 100vw; height: 60vh; overflow: hidden;} .loopSlide img { width: auto; height: 100%;} .loopSlide img:first-child { animation: slide1 200s -100s linear infinite;} .loopSlide img:last-child { animation: slide2 200s linear infinite;} @keyframes slide1 { 0% { transform: translateX(100%); } to { transform: translateX(-100%); } } @keyframes slide2 { 0% { transform: translateX(0); } to { transform: translateX(-200%); } } @media all and (max-width:719px) { .loopSlide { height:70vh;} #shindan_main.fashion_main p:nth-of-type(2) { max-width:340px; font-size:2.8rem;} #shindan_main.fashion_main p:nth-of-type(2) span { font-size:2.0rem;} } #nd-irokosei { margin:30px 4% 0; font-size:16px; color:#333333;} #nd-irokosei .sf-box { width:100%; max-width:800px; margin:0 auto 40px; font-size:16px; text-align:center;} #nd-irokosei #ik-youtube { position:relative; width:100%; max-width:800px; margin:20px auto 0;} #nd-irokosei #ik-youtube div { position:relative; width:100%; height:0; padding-top:56.25%; overflow:hidden;} #nd-irokosei #ik-youtube div iframe { position:absolute; top:0; left:0; width:100%; height:100%;} #nd-irokosei #ik-main { text-align:center;} #nd-irokosei #ik-main .txtbox { display:inline-block; width:100%; margin:0 auto 20px; padding:0; text-align:center;} #nd-irokosei #ik-main .txtbox > p { margin:0; text-align:left; font-size:18px;} #nd-irokosei #ik-main .txtbox > p:nth-of-type(2) { display:inline-block; margin:1.5em auto 1.0em; padding:8px 13px; border:#653D78 2px solid; text-align:center; font-size:20px; color:#653D78; font-weight:bold; -moz-border-radius:30px; /* 古いFirefox */ -webkit-border-radius:30px; /* 古いSafari,Chrome */ border-radius:30px; /* CSS3 */} #nd-irokosei #ik-main .txtbox > p:nth-of-type(2) span { display:inline-block;} #nd-irokosei #ik-main .txtbox > p:nth-of-type(3) { display:inline-block; margin:0 auto;} #nd-irokosei #ik-main .imgbox { text-align:center; font-size:0;} #nd-irokosei #ik-main .imgbox img { display:inline-block; width:16.0%; max-width:120px; height:auto; margin:0 0.8% 0 0;} #nd-irokosei #ik-main .imgbox img:last-of-type { margin:0;} #nd-irokosei #ik-main #certificate { position:relative; display:inline-block; width:90%; box-sizing:border-box; margin:15px auto 0; border:#999999 1px solid; background-color:#FFFFFF; box-shadow:2px 2px 4px gray;} #nd-irokosei #ik-main #certificate img { width:100%; height:auto;} #nd-irokosei #ik-main #certificate p { position:absolute; right:5px; bottom:5px; font-size:12px; font-size:1.2rem;} #nd-irokosei #ik-main ul { display:inline-block; margin:30px auto 40px; padding:9px 9px 9px 2.0em; border-right:#666666 1px solid; border-left:#666666 1px solid; text-align:left; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} #nd-irokosei #ik-main ul li { margin:0 0 0.4em;} #nd-irokosei #ik-main ul li:last-of-type { margin:0;} #nd-irokosei #ik-main ul li strong { color:#E73F40;} #nd-irokosei .ik-box { margin:0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;} #nd-irokosei #ik-flow { border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid;} #nd-irokosei #ik-flow ul { margin:0; padding:10px; list-style:none;} #nd-irokosei #ik-flow ul li { margin:0 0 0.4em; padding:0 0 0 1.0em; text-indent:-1.0em;} #nd-irokosei #ik-flow ul li:last-of-type { margin:0;} #nd-irokosei #ik-flow ul li:before { display:inline;} #nd-irokosei #ik-flow ul li:nth-of-type(1):before { content:"@";} #nd-irokosei #ik-flow ul li:nth-of-type(2):before { content:"A";} #nd-irokosei #ik-price { margin:0 0 40px; border-left:#CCCCCC 1px solid;} #nd-irokosei #ik-price div { margin:0; padding:10px;} #nd-irokosei #ik-price div p { display:inline-block; vertical-align:baseline; margin:0 0 0.4em; padding:0;} #nd-irokosei #ik-price div p:first-of-type { margin-right:1.0em; font-weight:bold; color:#FF0000;} #nd-irokosei #ik-price div p:first-of-type span { font-size:24px;} #nd-irokosei #ik-price div p:last-of-type { margin:0; padding:9px; border:#003399 1px solid; text-align:left; color:#003399; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} #nd-irokosei #ik-price div p:last-of-type span { display:inline-block;} @media all and (max-width:719px) { #nd-irokosei { font-size:1.4rem;} #nd-irokosei h2 { margin:20px 0; font-size:2.4rem;} #nd-irokosei #ik-main .txtbox p { font-size:1.6rem;} #nd-irokosei #ik-main .txtbox p:nth-of-type(2) { font-size:1.8rem;} #nd-irokosei #ik-price div p:first-of-type span { font-size:2.4rem;} } #nd-irokosei #cartbtn-area { width:100%; max-width:320px; margin:0 auto;} #nd-irokosei #cartbtn-area input[type=image] { width:100%; max-width:320px; margin:0 auto;} #nd-irokosei #cartbtn-area input[type=image]:hover { opacity:0.7;} #nd-irokosei #cartbtn-area input[type=image] img { width:100%;} /* 220303変更 */ #nd-irokosei.update220303 h3 { width:auto; margin:0; padding:10px; border-right:none; border-bottom:#333333 1px solid; text-align:left; font-size:18px; color:#333333; font-weight:bold; background-color:#F6F6F6;} #nd-irokosei.update220303 #ik-detail { margin:30px auto 0;} #nd-irokosei.update220303 #ik-detail > div { margin:10px 1.0em 40px; text-align:left;} #nd-irokosei.update220303 #ik-detail > div ul#howto { margin:0; padding:0; list-style:none;} #nd-irokosei.update220303 #ik-detail > div ul#howto li { margin:0 0 0.4em; padding:0 0 0 1.0em; text-indent:-1.0em;} #nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(1):before { content:"@";} #nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(2):before { content:"A";} #nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(3):before { content:"B";} #nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(4):before { content:"C";} #nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(5):before { content:"D";} #nd-irokosei.update220303 #ik-detail > div ul#howto li:nth-of-type(6):before { content:"E";} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl { margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; text-indent:0; font-size:14px; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-wrap:wrap;} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl dt { box-sizing:border-box; flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl dd { box-sizing:border-box; width:80%; margin:0; padding:10px 10px 10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; color:#333333;} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl dd span { display:inline-block; margin:0 0 0 10px;} /*#nd-irokosei.update220303 #ik-detail > */div ul#know { display:inline-block; margin:0.5em 0 0; padding:9px 9px 9px 2.0em; border-right:#666666 1px solid; border-left:#666666 1px solid; text-align:left; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} /*#nd-irokosei.update220303 #ik-detail > */div ul#know li { margin:0 0 0.4em;} /*#nd-irokosei.update220303 #ik-detail > */div ul#know li:last-of-type { margin:0;} /*#nd-irokosei.update220303 #ik-detail > */div ul#know li strong { color:#E73F40;} #nd-irokosei.update220303 #ik-detail > div ul#advantage { max-width:400px; margin:1.0em auto 0; padding:0; list-style:none; text-align:center;} #nd-irokosei.update220303 #ik-detail > div ul#advantage li { margin:1.0em auto 0; padding:9px; border:#CCCCCC 1px solid; text-align:left; -moz-border-radius:5px; /* 古いFirefox */ -webkit-border-radius:5px; /* 古いSafari,Chrome */ border-radius:5px; /* CSS3 */} #nd-irokosei.update220303 #ik-detail > div ul#advantage li h5 { margin:0 0 5px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted;} #nd-irokosei.update220303 #ik-detail > div ul#advantage li p { display:inline-block; vertical-align:middle;} #nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(1), #nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(3) { width:46%; max-width:180px;} #nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(1) img, #nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(3) img { width:100%; height:auto;} #nd-irokosei.update220303 #ik-detail > div ul#advantage li p:nth-of-type(2) { width:4%; height:100px; margin:0 2%; background:url(../img/irokosei/ba-arrow.gif) center center no-repeat; background-size:contain;} #nd-irokosei.update220303 #ik-detail > div p.ik-price { display:inline-block; vertical-align:baseline; margin:0; padding:0;} #nd-irokosei.update220303 #ik-detail > div p.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;} #nd-irokosei.update220303 #ik-detail > div p.ik-price span { font-size:24px;} @media all and (max-width:719px) { #nd-irokosei.update220303 h3 { padding:5px; font-size:1.6rem;} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl { font-size:1.4rem;} #nd-irokosei.update220303 #ik-detail > div p.ik-price span { font-size:2.4rem;} } @media all and (max-width:519px) { #nd-irokosei.update220303 #ik-detail > div ul#howto li dl { display:block;} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl dt { width:100%; padding:5px; text-align:left;} #nd-irokosei.update220303 #ik-detail > div ul#howto li dl dd { width:100%; padding:5px;} } /* 220406追加 */ #nd-irokosei ul#commentary { margin:15px 15px 0; padding:0; list-style:none; font-size:0;} #nd-irokosei ul#commentary li { display:inline-block; vertical-align:top; width:32%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;} #nd-irokosei ul#commentary li:nth-of-type(3n) { margin:0 0 15px;} #nd-irokosei ul#commentary li a { width:100%;} #nd-irokosei ul#commentary li a:hover { opacity:0.7;} #nd-irokosei ul#commentary li a img { width:100%; height:auto;} #nd-irokosei ul#commentary li a p { display:inline-block; margin:5px auto; padding:0 5px; text-align:left; font-size:12px; color:#333333;} @media all and (max-width:479px) { #nd-irokosei ul#commentary li { display:inline-block; width:49%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;} #nd-irokosei ul#commentary li:nth-of-type(3n) { margin:0 2% 15px 0;} #nd-irokosei ul#commentary li:nth-of-type(2n) { margin:0 0 15px;} } /* 230509追加 */ ul#commentary03 { margin:15px 15px 0; padding:0; list-style:none; font-size:0;} ul#commentary03 li { display:inline-block; vertical-align:top; width:32%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;} ul#commentary03 li:nth-of-type(3n) { margin:0 0 15px;} ul#commentary03 li a { width:100%;} ul#commentary03 li a:hover { opacity:0.7;} ul#commentary03 li a img { width:100%; height:auto;} ul#commentary03 li a p { display:inline-block; margin:5px auto; padding:0 5px; text-align:left; font-size:12px; color:#333333;} @media all and (max-width:479px) { ul#commentary03 li { display:inline-block; width:49%; margin:0 2% 15px 0; padding:0; border:#CCCCCC 1px solid; box-sizing:border-box;} ul#commentary03 li:nth-of-type(3n) { margin:0 2% 15px 0;} ul#commentary03 li:nth-of-type(2n) { margin:0 0 15px;} } /* 220907追加 */ #nd-irokosei ul#c-voice { margin:1.0em auto 0; padding:0; list-style:none; text-align:center;} #nd-irokosei ul#c-voice li { margin:1.0em auto 0; padding:9px; border:#CCCCCC 1px solid; text-align:left; -moz-border-radius:5px; /* 古いFirefox */ -webkit-border-radius:5px; /* 古いSafari,Chrome */ border-radius:5px; /* CSS3 */} #nd-irokosei ul#c-voice li h5 { margin:0 0 10px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted;} #nd-irokosei ul#c-voice li p { display:inline-block; padding:0 5px; font-size:16px;} @media all and (max-width:719px) { #nd-irokosei ul#c-voice li p { font-size:1.4rem;} } /* 220912追加 */ #more_consul { margin:40px 0 0; text-align:center;} #more_consul a { display:inline-block; margin:0 auto; padding:10px 20px; font-size:20px; font-weight:bold; color:#FFFFFF; background-color:#FF0000; -moz-border-radius:30px; /* 古いFirefox */ -webkit-border-radius:30px; /* 古いSafari,Chrome */ border-radius:30px; /* CSS3 */} #more_consul a:hover { text-decoration:none; opacity:0.7;} #more_consul a:after { content:"\0020\025b6";} #more_consul a span { display:inline-block;} @media all and (max-width:719px) { #more_consul a { font-size:1.8rem;} } /* 240110追加 */ #nd-irokosei ul#commentary li #ik-youtube { margin:0 auto;} #ik-detail > div .card_settlement { font-size:20px; font-weight:bold;} #ik-detail > div .card_settlement span.ik-price { display:inline-block; vertical-align:baseline; margin:0 0 0 1.0em; padding:0;} #ik-detail > div .card_settlement span.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;} #ik-detail > div .card_settlement span.ik-price span { font-size:28px;} #ik-detail > div .card_ctn { margin:0; padding:0 0 0 1.0em; text-indent:-1.0em;} #ik-detail > div .card_ctn:before { display:inline; content:"※";} #ik-detail > div .settlement_btn {} #ik-detail > div .settlement_btn a { display:inline-block; width:auto; /*max-width:320px;*/ margin:10px 0 0; padding:10px; text-align:center; font-size:28px; color:#FFFFFF; background-color:/*#EB3F40*/#FF0000; /*-moz-border-radius: 10px; 古いFirefox */ /*-webkit-border-radius: 10px; 古いSafari,Chrome */ /*border-radius: 10px; CSS3 */} #ik-detail > div .settlement_btn a:hover { text-decoration:none; opacity:0.7;} #ik-detail > div .settlement_btn a img { width:40px; height:33px; vertical-align:middle; margin:0 0.5em 5px 0;} #ik-detail > div .send_ctninfo { display:inline-block; margin:15px 0 0; padding:8px; border:#FF0000 2px solid; font-size:14px; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} /* 221221追加 */ #consulbox { margin:10px 1.0em 40px; text-align:left;} #consulbox > p { margin:0 0 0.75em;} #consulbox ul.normallist { margin:0 0 0.75em 1.0em;} #consulbox ul.numberlist { margin:0; padding:0; list-style:none;} #consulbox ul.numberlist li { margin:0 0 0.5em; padding:0 0 0 0.5em; text-indent:-0.5em;} #consulbox ul.numberlist li p.ik-price { display:inline-block; vertical-align:baseline; margin:0 0 0 1.0em; padding:0;} #consulbox ul.numberlist li p.ik-price { margin-right:1.0em; font-weight:bold; color:#FF0000;} #consulbox ul.numberlist li p.ik-price span { font-size:24px;} #consulbox ul.numberlist li > dl { margin:0; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; text-indent:0; font-size:14px; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; flex-wrap:wrap;} #consulbox ul.numberlist li > dl dt { box-sizing:border-box; flex-shrink:0; width:20%; margin:0; padding:10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:center; color:#333333; font-weight:normal; background-color:#F6F6F6;} #consulbox ul.numberlist li > dl dd { box-sizing:border-box; width:80%; margin:0; padding:10px 10px 10px 0; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; text-align:left; color:#333333;} #consulbox ul.numberlist li > dl dd span { display:inline-block; margin:0 0 0 10px;} #consulbox ul.consultation li:nth-of-type(1):before { content:"1)";} #consulbox ul.consultation li:nth-of-type(2):before { content:"2)";} #consulbox ul.consultation li:nth-of-type(3):before { content:"3)";} #consulbox ul.consultation li:nth-of-type(4):before { content:"4)";} #consulbox ul.consultation li:nth-of-type(5):before { content:"5)";} #consulbox ul.consultation li:nth-of-type(6):before { content:"6)";} #consulbox ul.consultation li p.consultxt { padding-left:0em; text-indent:0em;} #consulbox h4 { margin:25px 0 10px; padding:5px; border-top:#333333 1px dotted; border-bottom:#333333 1px dotted; font-size:18px;} #consulbox ul.selltable { margin:0 1.0em 20px; padding:0; border-top:#CCCCCC 1px solid; border-left:#CCCCCC 1px solid; box-sizing:border-box; list-style:none; font-size:0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;} #consulbox ul.selltable li { margin:0; padding:5px; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; box-sizing:border-box;} #consulbox ul.selltable li span { display:inline-block;} #consulbox ul.selltable li img { width:100%; height:auto;} #consulbox ul.selltable li a { display:block; margin:0; padding:0;} #consulbox ul.selltable li a:hover img { opacity:0.7;} #consulbox ul.selltable li:nth-of-type(n) { width:calc(100% - 60px); font-size:16px;} #consulbox ul.selltable li:nth-of-type(2n) { flex-shrink:0; width:60px;} #consulbox ul.selltable li:nth-of-type(1), #consulbox ul.selltable li:nth-of-type(2) { text-align:center; font-size:12px; background-color:#F6F6F6;} #consulbox ul.selltable li input[type=image] { display:block; width:100%; margin:0 auto; padding:0 !important; border:none !important; box-shadow:none !important; background-color:transparent !important;} #consulbox ul.selltable li input[type=image]:hover { opacity:0.7;} #consulbox ul.selltable li input[type=image] img { width:100%;} /* 231213追加 */ ul#c-voice li .corp_cmmt { margin:1.0em auto 0; padding:1.0em; border:#B1E2DF 1px solid; background-color:#E6F9F5; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} ul#c-voice li .corp_cmmt strong { display:block; margin:0 0 0.5em; padding:0 0 0.3em 0.3em; border-bottom:#B1E2DF 1px dotted; color:#4E726B;} .fashion-cart > div .card_settlement { margin:15px 0 0 !important; padding:15px 0 0 !important; border-top:#999999 1px solid;} .fashion-cart > div .settlement_btn a { margin:15px 0 !important;} /*-------------不要？？？「色個性コンサルティング」とは？ページ------------------------------------------------------------------------------------------*/ #about {} #about .block { text-align:left; /*---201111変更前----font-size:22px;*/ font-size:18px;} #about .block p { margin:0; padding:15px;} #about .block p.heading { margin:40px 0; padding:14px; border:#999999 1px solid; text-align:center;} #about .block p.heading span { display:inline-block; text-align:left;} #about .block img { float:right; width:45%; margin:0 0 15px 20px;} @media all and (max-width:719px) { #about .block { font-size:1.6rem;} #about .block p { padding:5px;} #about .block p.heading { font-size:1.6rem;} #about .block img { float:none; display:block; width:100%; margin:15px auto;} } /*効果ページ*/ #effect {} /*---201111変更前---- #effect h3 { display:block; margin:0; padding:0; border:none; text-align:center; font-weight:normal; font-size:22px;} #effect h4 { display:block; margin:20px 0 0; padding:0; border:none; text-align:center; font-weight:normal; font-size:18px;} #effect .ctnbox > h3:nth-of-type(1) { display:block; margin:0; padding:0; border:none; text-align:center; font-weight:normal; font-size:22px; background-color:#FFFFFF;}*/ #effect h3 { display:inline-block; margin:0; padding:14px; border:#666666 1px solid; text-align:left; font-weight:normal; font-size:18px;} #effect h4 { display:inline-block; margin:20px 0 0; padding:0; border:none; text-align:left; font-weight:normal; font-size:18px;} #effect .block01 { margin:30px 0; padding:0; text-align:center; font-size:0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center;} #effect .block01 div { display:block; vertical-align:top; width:auto; font-size:16px;} #effect .block01 div ul { margin:0 0 0 0; text-align:left;} #effect .block01 div ul:nth-of-type(2) { margin:30px 0 0;} #effect .block01 div ul p { width:auto; margin:0 auto 10px; padding:5px; color:#FFFFFF; font-size:18px; background-color:#666666; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #effect .block01 div ul li { width:auto; margin:0 10px 0 30px; font-size:16px;} #effect .block01 img { flex-shrink:0; display:block; vertical-align:top; width:480px; height:720px; margin:0 0 0 20px;} @media all and (max-width:1119px) { #effect .block01 img { width:320px; height:480px;} } @media all and (max-width:889px) { #effect .block01 img { width:280px; height:420px;} } @media all and (max-width:719px) { #effect h3 { padding:10px 5px 7px; /*---201111変更前----font-size:1.8rem;*/ font-size:1.6rem;} #effect h4 { text-align:left; font-size:1.6rem;} #effect .block01 { display:block;} #effect .block01 div { font-size:1.4rem;} #effect .block01 div ul p { font-size:1.6rem;} #effect .block01 div ul li { font-size:1.4rem;} #effect .block01 img { width:100%; height:auto; margin:30px 0 0; padding:0;} } /*「色個性コンサルティング」だからできた2ヶ月での問題解決！ページ*/ /*「色個性コンサルティング」の流れページ*/ #solution .block { text-align:center; font-size:16px;} #solution .block p { margin:0 0 10px; font-weight:bold; font-size:24px;} #solution .block img { width:100%;} #solution .block .goto-inq { margin:0; padding:13px 3px; color:#EB3F40; font-size:24px; border:#EB3F40 2px solid; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} #solution .flow {} #solution .flow ul { display:table; width:100%; margin:0; padding:0; border-top:#666666 1px solid; border-right:#666666 1px solid; list-style:none;} #solution .flow ul:last-of-type { border-bottom:#666666 1px solid;} #solution .flow ul li { display:table-cell; margin:0; padding:10px; border-left:#666666 1px solid; box-sizing:border-box; font-size:16px;} #solution .flow ul li:nth-of-type(1) { width:29%; background-color:#DCDCDC;} #solution .flow ul li:nth-of-type(3) { width:7%; padding:0;} #solution .flow ul li.aw-r { background:url(../../base/price/img/flow_img-arrow_r.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-l { background:url(../../base/price/img/flow_img-arrow_l.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-rl { background:url(../../base/price/img/flow_img-arrow_rl.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-lr { background:url(../../base/price/img/flow_img-arrow_lr.gif) center center no-repeat; background-size:100% auto} #solution .flow ul li.aw-w { background:url(../../base/price/img/flow_img-arrow_w.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-n { background:none;} #solution .flow ul li:nth-of-type(2), #solution .flow ul li:nth-of-type(4) { width:32%;} #solution .flow ul li.cp-type { margin:0 auto; padding:10px 0; color:#FFFFFF; background-color:#666666;} #solution .flow ul li.cp-blank { background-color:#999999;} #solution .flow ul li h3 { margin:0; padding-left:1.2em; text-indent:-1.2em; text-align:left; font-size:18px; font-weight:normal;} #solution .flow ul li h3:before { display: inline; vertical-align:middle; font-size:22px;} #solution .flow ul:nth-of-type(2) li h3:before { content: "\002460"; margin-top:0;} /* ① */ #solution .flow ul:nth-of-type(3) li h3:before { content: "\002461";} /* ② */ #solution .flow ul:nth-of-type(4) li h3:before { content: "\002462";} /* ③ */ #solution .flow ul:nth-of-type(5) li h3:before { content: "\002463";} /* ④ */ #solution .flow ul:nth-of-type(6) li h3:before { content: "\002464";} /* ⑤ */ #solution .flow ul:nth-of-type(7) li h3:before { content: "\002465";} /* ⑥ */ #solution .flow ul:nth-of-type(8) li h3:before { content: "\002466";} /* ⑦ */ #solution .flow ul:nth-of-type(9) li h3:before { content: "\002467";} /* ⑧ */ #solution .flow ul:nth-of-type(10) li h3:before { content: "\002468";} /* ⑨ */ #solution .flow ul:nth-of-type(11) li h3:before { content: "\002469";} /* ⑩ */ #solution .flow ul:nth-of-type(12) li h3:before { content: "\00246a";} /* ⑪ */ #solution .flow ul:nth-of-type(13) li h3:before { content: "\00246b";} /* ⑫ */ #solution .flow ul:nth-of-type(14) li h3:before { content: "\00246c";} /* ⑬ */ #solution .flow ul:nth-of-type(15) li h3:before { content: "\00246d";} /* ⑭ */ #solution .flow ul:nth-of-type(16) li h3:before { content: "\00246e";} /* ⑮ */ #solution .flow ul:nth-of-type(17) li h3:before { content: "\00246f";} /* ⑯ */ /*（1）サニタイズする文字列は16進数で数値文字参照を行う。 （2）& を \（バックスラッシュ）に変更する （3）#とxをそれぞれ0に変更する（または削除する） （4）;（セミコロン）を削除する*/ @media all and (max-width:979px) { #solution .flow ul li { font-size:14px;} #solution .flow ul li h3 { font-size:16px;} } @media all and (max-width:719px) { #solution .block { font-size:1.4rem;} #solution .block p { font-size:2.0rem;} #solution .block .goto-inq { font-size:2.0rem;} #solution .flow {} #solution .flow ul { position:relative; display:block; overflow:hidden; border-left:#666666 1px solid; font-size:0;} #solution .flow ul li { display:block; padding:5px; border:none; font-size:1.4rem; background-position:center 10px !important;} #solution .flow ul li h3 { font-size:1.6rem;} #solution .flow ul li:nth-of-type(1) { display:block; width:100%;} #solution .flow ul li:nth-of-type(3) { display:inline-block; vertical-align:top; width:10%; padding:0; border-right:#666666 1px solid; border-left:#666666 1px solid; padding-bottom:300px; margin-bottom:-300px;} #solution .flow ul li:nth-of-type(2), #solution .flow ul li:nth-of-type(4) { display:inline-block; vertical-align:top; width:45%;} #solution .flow ul:nth-of-type(1) li:nth-of-type(1) { display:none;} } /*内容ページ*/ #contents {} #contents .emphasis { background-color:#FFFF33;} #contents .ctnbox > h3 { display:inline-block; text-align:left; font-weight:normal; font-size:18px;} #contents .ctnbox > h3 > p { margin:0 0 0.5em; text-align:center; font-size:20px; font-weight:bold;} #contents .ctnbox > h3 > span { display:block;} #contents .ctnbox > ul { margin:0; padding:0; list-style:none; text-align:left; font-size:18px;} #contents .listarea { box-sizing:border-box; margin:30px 0 0; padding:14px; border:#999999 1px solid; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} /*#contents .listarea > p { margin:0; padding:5px 10px; text-align:left; font-size:18px; font-size:1.8rem; background-color:#CCCCCC;}*/ #contents .listarea dl { position:relative; height:auto; margin:5px 0 15px; padding:5px 5px 0; border:#CCCCCC 1px solid; font-size:16px; z-index:0;} #contents .listarea dl:last-of-type { margin:5px 0 0;} #contents .listarea dl > img { float:right; width:30%; max-width:640px; margin:0 0 5px 20px;} #contents .listarea dl > h3 { margin:0 0 5px; padding:5px 10px; text-align:left; font-size:16px; font-size:1.6rem; background-color:#DEDEDE;} #contents .listarea dl dt { float:left; width:240px; margin:0 0 5px; padding:5px 10px; text-align:center;} #contents .listarea dl dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 260px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;} #contents .listarea dl dd.dtnone { border:none;} #contents .listarea dl dd > img { float:left; width:35%; max-width:640px; margin:0 20px 0 0;} /*#contents .listarea dl dd span { display:inline-block; margin:0 0 0 10px;}*/ #contents .listarea dl dd.tb-area { width:100%; box-sizing:border-box;} #contents .listarea dl dd.tb-area h4 { margin:0 0 5px; padding:5px 10px; font-size:16px; background-color:#F2F2F2;} #contents .listarea dl dd.tb-area h4:nth-of-type(2) { margin-top:15px;} #contents .listarea dl dd.tb-area h4 span { display:inline-block;} #contents .listarea dl dd.tb-area h4 a { display:inline-block; margin:0 0 0 0.5em; padding:2px 5px; color:#FFFFFF; background-color:#EB3F40; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #contents .listarea dl dd.tb-area h4 a:hover { text-decoration:none; opacity:0.7;} #contents .listarea dl dd.tb-area > span { display:none;} #contents .listarea dl dd.tb-area div { display:block; width:100%; height:auto; box-sizing:border-box;} #contents .listarea dl dd.tb-area div table { border-collapse:collapse; width:100%; box-sizing:border-box; border-right:#DEDEDE 1px solid; border-bottom:#DEDEDE 1px solid; font-size:16px;} #contents .listarea dl dd.tb-area div table th, #contents .listarea dl dd.tb-area div table td { position:relative; padding:9px; border-top:#DEDEDE 1px solid; border-left:#DEDEDE 1px solid;} #contents .listarea dl dd.tb-area div table th { text-align:center; font-weight:normal; background-color:#F2F2F2;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(1) { width:220px; text-align:center; color:#1C5A99; background-color:#E8F3FD;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(1) span { display:inline-block;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(2) { width:auto;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(3) { width:260px;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(4) { width:200px;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(1):after, #contents .listarea dl dd.tb-area div table tr td:nth-of-type(2):after { content:"▼"; position:absolute; bottom:-15px; left:50%; font-size:20px; z-index:9;} #contents .listarea dl dd.tb-area div table tr:last-of-type td:nth-of-type(1):after, #contents .listarea dl dd.tb-area div table tr:last-of-type td:nth-of-type(2):after { display:none;} #contents .cmtarea { margin:30px 0 0; text-align:left; font-size:16px;} #contents .cmtarea ul { margin:0 0 0 30px;} #contents .cmtarea ul li { margin:0 0 15px;} @media all and (max-width:1219px) { #contents .listarea dl dd.tb-area div table tr td:nth-of-type(1) { width:115px;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(2) { min-width:230px;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(3) { width:225px;} #contents .listarea dl dd.tb-area div table tr td:nth-of-type(4) { width:170px;} } @media all and (max-width:979px) { #contents .listarea dl dd.tb-area > span { display:block; margin:0 0 2px; font-size:1.2rem; color:#FF0000;} #contents .listarea dl dd.tb-area div { overflow-x:scroll;} #contents .listarea dl dd.tb-area div table { min-width:810px; font-size:14px;} } @media all and (max-width:719px) { #contents .ctnbox > h3 { font-size:1.6rem;} #contents .ctnbox > h3 > p { font-size:1.8rem;} #contents .ctnbox > h3 > span { display:inline;} #contents .ctnbox > ul { font-size:1.6rem;} #contents .listarea { padding:9px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #contents .listarea dl { display:block; width:auto; margin:10px 0 0; padding:5px 5px 0;} #contents .listarea dl > img { float:none; width:100%; max-width:640px; margin:0 auto 10px;} #contents .listarea dl dt { float:none; width:auto; margin:0; text-align:left; background-color:#F2F2F2;} #contents .listarea dl dd { border:none;} #contents .listarea dl dd > img { float:none; width:100%; max-width:640px; margin:0 auto 10px;} #contents .listarea dl dd.tb-area h4 { font-size:1.6rem;} #contents .listarea dl dd.tb-area div table { font-size:1.4rem;} #contents .cmtarea { font-size:1.4rem;} #contents .cmtarea ul { margin:0 0 0 20px;} #contents .cmtarea ul li { margin:0 0 15px;} } /*コスト削減効果ページ*/ #cost-reduction {} #cost-reduction .emphasis { background-color:#FFFF33;} #cost-reduction .ctnbox > h3 { width:100%; max-width:725px; margin:0 auto; padding:0; padding-left:2.0em; text-indent:-2.0em; box-sizing:border-box; text-align:left; font-size:20px;} #cost-reduction .ctnbox > h3:nth-of-type(2) { margin:40px auto 0;} #cost-reduction .ctnbox > h3:before { display:inline;} #cost-reduction .ctnbox > h3:nth-of-type(1):before { content:"@：";} #cost-reduction .ctnbox > h3:nth-of-type(2):before { content:"A：";} #cost-reduction .ctnbox .cr-area { display:inline-block; width:100%; max-width:725px; margin:0 auto; padding-left:2.5em; box-sizing:border-box; text-align:left; font-size:16px;} #cost-reduction .ctnbox .cr-area p { margin:10px 0; padding:0;} #cost-reduction .ctnbox .cr-area .unitstandard { display:inline-block; margin:0 0 15px; padding:14px; border:#999999 1px solid; text-align:left; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #cost-reduction .ctnbox .cr-area .unitstandard span { display:inline-block;} #cost-reduction .ctnbox .cr-area h4 { margin:15px 0 0; text-align:left; font-size:18px;} #cost-reduction .ctnbox .cr-area h4 > span { display:none;} #cost-reduction .ctnbox .cr-area .tb-area table { border-collapse:collapse; width:auto; box-sizing:border-box; border-right:#DEDEDE 1px solid; border-bottom:#DEDEDE 1px solid;} #cost-reduction .ctnbox .cr-area .tb-area table th, #cost-reduction .ctnbox .cr-area .tb-area table td { position:relative; padding:9px; border-top:#DEDEDE 1px solid; border-left:#DEDEDE 1px solid; box-sizing:border-box; vertical-align:middle;} #cost-reduction .ctnbox .cr-area .tb-area table th { text-align:center; font-weight:normal; background-color:#F2F2F2;} #cost-reduction .ctnbox .cr-area .tb-area table td { width:140px; text-align:right;} #cost-reduction .ctnbox .cr-area .tb-area table td.num { width:120px; text-align:center;} #cost-reduction .ctnbox .cr-area ul { margin:0.5em 0 0; padding:0; list-style:none; font-size:14px;} #cost-reduction .ctnbox .cr-area ul li { margin:1.0em 0 0; padding:0; padding-left:1.0em; text-indent:-1.0em; list-style:none;} #cost-reduction .ctnbox .cr-area ul li:before { content:"※";} @media all and (max-width:799px) { #cost-reduction .ctnbox > h3 { max-width:650px; font-size:1.8rem;} #cost-reduction .ctnbox .cr-area { max-width:650px; font-size:1.4rem;} #cost-reduction .ctnbox .cr-area h4 { font-size:1.6rem;} #cost-reduction .ctnbox .cr-area .tb-area table td { width:125px;} #cost-reduction .ctnbox .cr-area .tb-area table td.num { width:105px;} #cost-reduction .ctnbox .cr-area ul { font-size:1.2rem;} } @media all and (max-width:719px) { #cost-reduction .ctnbox .cr-area { padding-left:0.0em;} #cost-reduction .ctnbox .cr-area h4 > span { display:inline-block; font-size:1.2rem; color:#FF0000;} #cost-reduction .ctnbox .cr-area .tb-area { width:100%; overflow-x:scroll;} #cost-reduction .ctnbox .cr-area .tb-area table.tbcol05 { width:605px;} #cost-reduction .ctnbox .cr-area .tb-area table.tbcol04 { width:500px;} } /*研究論文ページ*/ #research-paper {} #research-paper .emphasis { background-color:#FFFF33;} #research-paper .ctnbox > h3 { display:inline-block; margin:0 auto; text-align:left; font-size:20px;} #research-paper .ctnbox > ul { margin:0; padding:0; border-left:#999999 1px solid; list-style:none; text-align:left; font-size:0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content:left;} #research-paper .ctnbox > ul li { display:inline-block; margin:0; padding:9px; border-right:#999999 1px solid; border-bottom:#999999 1px solid; list-style:none; font-size:16px;} #research-paper .ctnbox > ul li:nth-of-type(2n-1) { flex-shrink:0; font-size:14px; background-color:#F2F2F2;} #research-paper .ctnbox > ul:nth-of-type(2n-1) { margin:40px 0 0; border-top:#999999 1px solid;} #research-paper .ctnbox > ul:nth-of-type(2n-1) li:nth-of-type(2) { width:80%;} #research-paper .ctnbox > ul:nth-of-type(2n-1) li:nth-of-type(4) { width:20%;} #research-paper .ctnbox > ul:nth-of-type(2n) li:nth-of-type(2) { width:100%;} @media all and (max-width:979px) { #research-paper .ctnbox > h3 { font-size:18px;} #research-paper .ctnbox > ul li { font-size:14px;} #research-paper .ctnbox > ul li:nth-of-type(2n-1) { font-size:12px;} } @media all and (max-width:719px) { #research-paper .ctnbox > h3 { font-size:1.6rem;} #research-paper .ctnbox > ul { display:block;} #research-paper .ctnbox > ul li { display:block; font-size:1.4rem;} #research-paper .ctnbox > ul li:nth-of-type(2n-1) { flex-shrink:none; font-size:1.2rem;} #research-paper .ctnbox > ul:nth-of-type(2n-1) { margin:30px 0 0;} #research-paper .ctnbox > ul:nth-of-type(2n-1) li:nth-of-type(2) { width:auto;} #research-paper .ctnbox > ul:nth-of-type(2n-1) li:nth-of-type(4) { width:auto;} #research-paper .ctnbox > ul:nth-of-type(2n) li:nth-of-type(2) { width:auto;} } /*導入事例１ページ*/ #case01 {} #case01 h2 span { font-size:20px;} #case01 h3 { display:block; margin:0; padding:0; border:none; text-align:center; font-weight:normal; font-size:24px;} #case01 .pickup-img { display:inline-block; width:48%; vertical-align:middle; margin:20px 2% 0 0;} #case01 .pickup-img img { width:100%;} #case01 .pickup-effect { display:inline-block; width:48%; vertical-align:middle; box-sizing:border-box; margin:20px 0 0; padding:14px; border:#999999 1px solid; text-align:left; font-size:20px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #case01 .profile-img { float:right; width:40%; max-width:430px; margin:30px 0 0 40px;} #case01 .profile-img img { width:100%;} #case01 .box { margin:30px 0 0; padding:19px; border:#999999 1px solid; text-align:left; font-size:16px; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} #case01 h4 { display:block; margin:30px 0 10px; padding:10px 10px 7px; border-bottom:#666666 1px dotted; text-align:left; font-weight:normal; font-size:20px; background-color:#F5F5F5;} #case01 .textbox { margin:0 20px; padding:0; text-align:left; font-size:16px;} #case01 ul.num { margin:0 20px; padding:0; list-style:none; text-align:left;} #case01 ul.num > li { margin:20px 0 0; padding-left:2.0em; border-bottom:none; font-size:16px; text-indent:-2.0em;} #case01 ul.num > li:before { display: inline;} #case01 ul.num > li:nth-of-type(1):before { content: "１）";} #case01 ul.num > li:nth-of-type(2):before { content: "２）";} #case01 ul.num img { float:right; width:40%; max-width:430px; margin:0 0 0 20px;} #case01 ul.dsc { margin:0 20px; padding:0; list-style:disc; text-align:left;} #case01 ul.dsc > li { margin:20px 0 0 2.0em; font-size:16px;} #case01 ul.arw { margin:0 5px; padding:0; list-style:none; text-align:left;} #case01 ul.arw > li { margin:5px 0 0; padding-left:1.25em; border-bottom:none; font-size:16px; text-indent:-1.25em;} #case01 ul.arw > li:before { content: "→ "; display: inline;} #case01 dl { margin:0 20px; padding:0; font-size:16px;} #case01 dl dt { float:left; width:120px; margin:0 0 5px; padding:5px 10px; text-align:center;} #case01 dl dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 140px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;} #case01 dl p { margin:20px 0 0; padding:19px; border:#CCCCCC 1px solid; text-align:left; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} @media all and (max-width:719px) { #case01 h2 span { font-size:1.6rem;} #case01 h3 { font-size:2.0rem;} #case01 .pickup-img { display:block; width:100%; margin:20px 0 0 0;} #case01 .pickup-effect { display:block; width:auto; margin:20px 0 0; padding:9px; font-size:1.6rem;} #case01 .box { padding:14px; font-size:1.4rem;} #case01 h4 { font-size:1.6rem;} #case01 .textbox { margin:0 10px; font-size:1.4rem;} #case01 ul.num, #case01 ul.dsc { margin:0 10px;} #case01 li { font-size:1.4rem !important;} #case01 ul.dsc > li { margin:5px 0 0 1.5em;} #case01 dl { display:block; width:auto; margin:10px 0 0; padding:5px 5px 0; font-size:1.4rem !important;} #case01 dl dt { float:none; width:auto; margin:0; text-align:center; background-color:#F2F2F2;} #case01 dl dd { border:none;} #case01 dl p { padding:14px;} } @media all and (max-width:639px) { #case01 ul.num img { float:none; display:block; width:100%; margin:0 auto 0;} } /*導入事例２ページ*/ #case02 {} #case02 h2 span { font-size:20px;} #case02 h3 { display:block; margin:0; padding:0; border:none; text-align:center; font-weight:normal; font-size:24px;} #case02 .pickup-img { display:inline-block; width:48%; vertical-align:middle; margin:20px 2% 0 0;} #case02 .pickup-img img { width:100%;} #case02 .pickup-effect { display:inline-block; width:48%; vertical-align:middle; box-sizing:border-box; margin:20px 0 0; padding:14px; border:#999999 1px solid; text-align:left; font-size:20px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #case02 h4 { display:block; margin:30px 0 10px; padding:10px 10px 7px; border-bottom:#666666 1px dotted; text-align:left; font-weight:normal; font-size:20px; background-color:#F5F5F5;} #case02 .textbox { margin:0 20px; padding:0; text-align:left; font-size:16px;} #case02 .textbox p { margin:20px 0 0; font-weight:bold;} #case02 ul.num { margin:0 20px; padding:0; list-style:none; text-align:left;} #case02 ul.num > li { margin:20px 0 0; padding-left:2.0em; border-bottom:none; font-size:16px; text-indent:-2.0em;} #case02 ul.num > li:before { display: inline;} #case02 ul.num > li:nth-of-type(1):before { content: "１）";} #case02 ul.num > li:nth-of-type(2):before { content: "２）";} #case02 ul.dsc { margin:0 20px; padding:0; list-style:disc; text-align:left;} #case02 ul.dsc > li { margin:5px 0 0 2.0em; font-size:16px;} #case02 .subheading { position:relative; margin:50px 0 30px; padding:18px; border-top:#333333 2px solid; border-bottom:#333333 2px solid; text-align:center; font-size:20px;} #case02 .subheading:before { display:block; position:absolute; top:-0.75em; left:0; padding:0 5px 0 0; font-weight:bold !important; font-size:24px; background-color:#FFFFFF; content: "○";} #case02 .subheading:after { display:block; position:absolute; bottom:-0.75em; padding:0 0 0 5px; right:0; font-weight:bold !important; font-size:24px; background-color:#FFFFFF; content: "○";} #case02 .subheading p { margin:0 0 15px; font-weight:bold;} #case02 table { border-collapse:collapse; margin:20px 0 0 20px; font-size:16px;} #case02 table th { border:#999999 1px solid; padding:10px 5px; vertical-align: middle; font-weight:normal; background-color:#F0F0F0;} #case02 table td { border:#999999 1px solid; padding:10px 5px; vertical-align: middle;} #case02 table .x-line { height:1px; padding:0 !important; font-size:0;} #case02 table .y-line { width:1px; padding:0 !important; font-size:0;} #case02 p.tablecmt { margin:5px 0 20px 20px; text-align:left;} #case02 ul.crcnum { margin:15px 0 15px 20px; list-style:none; font-size:16px;} #case02 ul.crcnum li { margin:0; padding-left:1.0em; text-indent:-1.0em; text-align:left;} #case02 ul.crcnum li:before { display: inline;} #case02 ul.crcnum li:nth-of-type(1) { margin-bottom:5px;} /* ① */ #case02 ul.crcnum li:nth-of-type(1):before { content: "\002460";} /* ① */ #case02 ul.crcnum li:nth-of-type(2):before { content: "\002461";} /* ② */ #case02 .box { margin:20px 20px 0; padding:19px; border:#999999 1px solid; list-style:none; text-align:center; font-size:16px; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} #case02 .box li { text-align:left;} #case02 .box li.hedding { margin:0 0 15px; padding:0 10px 5px; border-bottom:#999999 1px dotted; text-align:left;} #case02 .box li.separate { margin:0 0 15px; border-bottom:#999999 1px dotted;} #case02 .box li.impression { margin:0 0 0 10px;} /*#case02 .box ul { margin:10px 0 15px 20px; text-align:left; list-style:disc;} #case02 .box ul li { margin:5px 0 0; text-align:left; list-style:disc;}*/ #case02 .box li.qestion { margin:0 10px; padding:5px 5px 5px 1.0em; border:#E8E8E8 1px solid; background-color:#E8E8E8;} #case02 .box li.qestion p { padding-left:2.0em; text-indent:-2.0em;} #case02 .box li.qestion p:before { display: inline; content: "Ｑ．";} #case02 .box li.answer { margin:0 10px 15px; padding:5px 5px 5px 1.0em; border:#E8E8E8 1px solid;} #case02 .box li.answer p { padding-left:2.0em; text-indent:-2.0em;} #case02 .box li.answer p:before { display: inline; content: "Ａ．";} #case02 .box li.answer p span { display:block; margin:0 0 0 1.0em; padding:0; text-indent:0; text-decoration:line-through;} #case02 .box li.answer p.alignment-r { display:inline-block; text-align:right;} #case02 .box li.asterisk { margin:0 0 0 10px; padding-left:1.0em;} #case02 .box li.asterisk p { padding-left:1.0em; text-indent:-1.0em;} #case02 .box li.asterisk p:before { display: inline; content: "＊";} #case02 .box li.linkbtn { display:inline-block; margin:20px auto 0; text-align:center;} #case02 .box li.linkbtn a { display:block; padding:14px; border:#EB3F40 1px solid; color:#EB3F40; background-color:#FFF2F0; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #case02 .box li.linkbtn a:hover { opacity: 0.7 !important;} @media all and (max-width:719px) { #case02 h2 span { font-size:1.6rem;} #case02 h3 { font-size:2.0rem;} #case02 .pickup-img { display:block; width:100%; margin:20px 0 0 0;} #case02 .pickup-effect { display:block; width:auto; margin:20px 0 0; padding:9px; font-size:1.6rem;} #case02 h4 { font-size:1.6rem;} #case02 .textbox { margin:0 10px; font-size:1.4rem;} #case02 ul.num, #case02 ul.dsc, #case02 ul.crcnum, #case02 .box ul { margin:0 10px;} #case02 li { font-size:1.4rem !important;} #case02 ul.dsc > li { margin:5px 0 0 1.5em;} #case02 .subheading { font-size:1.6rem;} #case02 .subheading:before { top:-0.75em; font-size:2.0rem;} #case02 .subheading:after { bottom:-0.75em; font-size:2.0rem;} #case02 table { margin:20px 0 20px 10px; font-size:1.4rem;} #case02 .box { margin:20px 0 0; padding:9px; font-size:1.4rem; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #case02 .box li.impression { margin:0;} #case02 .box li.qestion { margin:0; padding:5px;} #case02 .box li.answer { margin:0 0 15px; padding:5px;} #case02 .box li.asterisk { margin:0; padding-left:5px;} #case02 .box li.linkbtn a { padding:9px 4px;} } /*導入事例(新)*/ #case03n {} #case03n .logoimg { width:100%; margin:0 auto; text-align:center;} #case03n .logoimg img { width:100%;} #case03n .mainimg { width:100%; margin:40px 0;} #case03n .mainimg img { width:100%;} #case03n h3.cp-name { display:block; margin:0 0 60px; padding:0; border:none; text-align:center; font-weight:normal; font-size:28px;} #case03n h3.cp-name:after { font-size:24px; content: " 様";} #case03n .cp-catch { display:inline-block; margin:0 0 40px; text-align:left; font-size:24px;} #case03n ul.status { margin:0 0 40px; padding:0; list-style:none; font-size:0;} #case03n ul.status > span { display:block; margin:0 0 15px; text-align:left; font-size:18px; font-weight:bold;} #case03n ul.status li { display:inline-block; vertical-align:top; box-sizing:border-box; font-size:18px; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #case03n ul.status li:nth-of-type(1), #case03n ul.status li:nth-of-type(3) { width:45%; padding:19px; border:#999999 1px solid; text-align:left;} #case03n ul.status li:nth-of-type(2) { width:10%; text-align:center; font-size:36px;} #case03n ul.status li p { margin:0 0 10px; padding:5px; text-align:center; font-weight:bold; background-color:#E7E7E7;} #case03n .cp-info { display:block; margin:0 0 40px; padding:19px; border:#CCCCCC 1px solid; text-align:left; font-size:18px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #case03n .cp-info p { margin:0 0 20px;} #case03n .cp-info p:last-of-type { margin:0;} #case03n ul.cp-block01 { margin:0 0 40px; padding:0; list-style:none; font-size:0;} #case03n ul.cp-block01 li { display:inline-block; vertical-align:middle;} #case03n ul.cp-block01 li:nth-of-type(1) { width:49%; margin:0 2% 0 0; text-align:right;} #case03n ul.cp-block01 li:nth-of-type(1) p:nth-of-type(1) { display:block; text-align:right;} #case03n ul.cp-block01 li:nth-of-type(1) p:nth-of-type(1) img { width:100%;} /*#case03n ul.cp-block01 li:nth-of-type(1) p:nth-of-type(1) img { width:100%; max-width:320px;} #case03n ul.cp-block01 li:nth-of-type(1) p:nth-of-type(2) { display:inline-block; width:100%; max-width:320px; margin:5px 0 0; text-align:center; font-size:16px;}*/ #case03n ul.cp-block01 li:nth-of-type(2) { width:49%; font-size:16px; text-align:left;} #case03n ul.cp-block01 li:nth-of-type(2) dl { margin:0; padding:0; font-size:16px;} #case03n ul.cp-block01 li:nth-of-type(2) dl dt { float:left; width:100px; margin:0 0 5px; padding:5px 10px; text-align:center;} #case03n ul.cp-block01 li:nth-of-type(2) dl dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 120px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;} #case03n .catchimg01 { width:100%; margin:60px auto; text-align:center;} #case03n .catchimg01 img { width:100%; margin:0 auto;} #case03n h3.subtitle { display:block; margin:0; padding:10px 5px; border:none; text-align:center; font-weight:normal; font-size:28px; background-color:#F3F3F3;} #case03n .t-block { display:block; margin:0 0 60px; padding:20px; text-align:left; font-size:18px; background-color:#F9F9F9;} #case03n .t-block p { margin:0 0 20px;} #case03n .t-block p:last-of-type { margin:0;} #case03n .t-block p.name { margin:0 0 10px; font-weight:bold;} #case03n .t-block p.datail { margin:0 0 10px; padding:15px 0 0 10px; border-top:#999999 1px solid;} #case03n .t-block table { border-collapse:collapse; margin:0 0 0 20px;} #case03n .t-block table th { min-width:80px; border:#999999 1px solid; padding:10px 5px; vertical-align:middle; text-align:center; font-weight:normal; background-color:#F0F0F0;} #case03n .t-block table td { min-width:80px; border:#999999 1px solid; padding:10px 5px; vertical-align:middle; text-align:center;} #case03n .t-block table .x-line { height:1px; min-width:0; padding:0 !important; font-size:0;} #case03n .t-block table .y-line { width:1px; min-width:0; padding:0 !important; font-size:0;} #case03n .t-block p.tablecmt { margin:10px 0 30px 0; padding:0 0 15px 15px; border-bottom:#999999 1px solid; text-align:left; font-size:16px;} #case03n span.emphasis { background:linear-gradient(transparent 10%, #FFFF66 0%); font-weight:bold;} @media all and (max-width:719px) { #case03n h3.cp-name { font-size:2.0rem;} #case03n h3.cp-name:after { font-size:1.6rem;} #case03n .cp-catch { font-size:1.8rem;} #case03n ul.status span { font-size:1.6rem;} #case03n ul.status li { display:block; font-size:1.6rem;} #case03n ul.status li:nth-of-type(1), #case03n ul.status li:nth-of-type(3) { width:100%; padding:9px;} #case03n ul.status li:nth-of-type(2) { display:inline-block; width:auto; font-size:3.2rem; transform:rotate(90deg);} #case03n .cp-info { font-size:1.6rem;} #case03n ul.cp-block01 li { display:block;} #case03n ul.cp-block01 li:nth-of-type(1) { width:100%; margin:0 0 20px; text-align:center;} #case03n ul.cp-block01 li:nth-of-type(1) p:nth-of-type(1) { text-align:center;} #case03n ul.cp-block01 li:nth-of-type(1) p:nth-of-type(2) { display:block; max-width:none; font-size:1.4rem; text-align:center;} #case03n ul.cp-block01 li:nth-of-type(2) { width:100%; font-size:1.4rem; text-align:center;} #case03n ul.cp-block01 li:nth-of-type(2) dl { font-size:1.4rem;} #case03n h3.subtitle { font-size:2.0rem;} #case03n .t-block { font-size:1.6rem;} } @media all and (max-width:479px) { #case03n .cp-info { padding:9px;} #case03n ul.cp-block01 li:nth-of-type(2) dl dt { float:none; width:auto; margin:0; text-align:center; background-color:#F2F2F2;} #case03n ul.cp-block01 li:nth-of-type(2) dl dd { border:none;} #case03n .t-block { padding:10px;} } /*導入事例ケース･･･各画像コントロール(新)*/ /*共通*/ #case03n .t-block img.diagnosis01 { float:right; width:45%; max-width:640px; margin:0 0 20px 20px;} #case03n .t-block img.diagnosis02 { float:right; width:30%; max-width:480px; margin:0 0 20px 20px;} @media all and (max-width:599px) { #case03n .t-block img.diagnosis01 { float:none; display:block; width:100%; max-width:320px; margin:0 auto 20px;} #case03n .t-block img.diagnosis02 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} } /*case01*/ #case03n .t-block img.pecking01 { float:left; width:35%; max-width:480px; margin:0 20px 0 0;} #case03n .t-block img.flustered01 { float:right; width:45%; max-width:640px; margin:0 0 20px 20px;} #case03n .t-block img.unity01 { float:right; width:45%; max-width:640px; margin:0 0 20px 20px;} @media all and (max-width:599px) { #case03n .t-block img.pecking01 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} #case03n .t-block img.flustered01 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} #case03n .t-block img.unity01 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} } /*case02*/ #case03n .t-block img.meeting02 { float:left; width:45%; max-width:640px; margin:0 20px 0 0;} #case03n .t-block img.questionnaire01_02 { float:left; width:35%; max-width:480px; margin:0 20px 0 0;} #case03n .t-block img.questionnaire02_02 { float:right; width:35%; max-width:480px; margin:0 0 0 20px;} @media all and (max-width:599px) { #case03n .t-block img.meeting02 { float:none; display:block; width:100%; max-width:320px; margin:0 auto 20px;} #case03n .t-block img.questionnaire01_02 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} #case03n .t-block img.questionnaire02_02 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} } /*case03*/ #case03n .t-block img.conference03 { float:left; width:35%; max-width:480px; margin:0 20px 0 0;} #case03n .t-block img.director_a { float:left; width:25%; max-width:320px; margin:20px 20px 0 0;} @media all and (max-width:599px) { #case03n .t-block img.conference03 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} #case03n .t-block img.director_a { float:none; display:block; width:100%; margin:0 auto;} } /*case04*/ #case03n .t-block img.meeting04 { float:right; width:30%; max-width:320px; margin:0 0 20px 20px;} #case03n .t-block img.work04 { float:left; width:35%; max-width:480px; margin:0 20px 0 0;} @media all and (max-width:599px) { #case03n .t-block img.meeting04 { float:none; display:block; width:100%; margin:0 auto 20px;} #case03n .t-block img.work04 { float:none; display:block; width:100%; max-width:240px; margin:0 auto 20px;} } /*料金ページ*/ #price {} #price h3 { margin:60px 0 15px; padding:0 0 10px 5px; border-bottom:#666666 1px solid; text-align:left; font-size:22px;} #price h3 span { margin:0 0 0 10px; padding:0; text-align:left; color:#EB3F40; font-size:18px;} #price h3:nth-of-type(1) { margin-top:0;} #price ul.detail { margin:0 0 0 10px; padding:0; border:#999999 1px solid; border-bottom:none; text-align:left; list-style:none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content:left;} /*#price ul.detail:nth-of-type(1),*/ #price ul.detail:last-of-type { margin:0 0 20px 10px; border-bottom:#999999 1px solid;} #price ul.detail li { margin:0; padding:15px; font-size:18px;} #price ul.detail li:nth-of-type(2n-1) { flex-shrink:0; width:160px; border-right:#999999 1px solid; background-color:#F3F3F3;} #price .dsrpt { margin:0 0 10px 10px; padding:0 5px; text-align:left; font-size:18px;} #price .dsrpt p { margin:0 0 0 15px;} #price .dsrpt p:nth-of-type(1) { margin:0; font-weight:bold;} @media all and (max-width:719px) { #price ul.detail { display:block; justify-content:left;} #price ul.detail li { display:block; width:auto; padding:10px; font-size:1.6rem;} #price ul.detail li:nth-of-type(2n-1) { flex-shrink:none; width:auto; border-right:none;} #price .dsrpt { font-size:1.6rem;} } /*220907追加分*/ #price .centerbox { max-width:920px; margin:0 auto;} #price .dsrpt_p { margin:0 0 0 10px; text-align:left;} #price .dsrpt_p > span { display:inline-block; padding:0 0.5em; font-size:20px; font-weight:bold; background-color:#FFFDD0;} #price .dsrpt_p > span > span { display:inline-block;} #price .dsrpt_p p.ctn { margin:10px 0 0; padding-left:1.5em; border-bottom:none; font-size:14px; text-indent: -1em;} #price .dsrpt_p p.ctn:before { display: inline; content: "※";} @media all and (max-width:719px) { #price h3 { font-size:2.0rem;} #price .dsrpt_p > span { font-size:1.8rem;} } /*料金シミュレーションページ*/ #simulation {} #simulation p.caution { display:none;} #simulation p.pcwinbtn { display:none;} #simulation .formbox { overflow:hidden;} #simulation .formbox-pc { min-width:670px;} #simulation table { min-width:670px; border-collapse:collapse; margin:0 auto; font-size:16px;} #simulation table th { border:#999999 1px solid; padding:5px; vertical-align: middle; background-color:#F0F0F0} #simulation table td { border:#999999 1px solid; padding:5px; vertical-align: middle;} #simulation table td.item {} #simulation table td.item span { display:block; font-weight:bold;} #simulation table td.item span br { display:none;} #simulation table td.detail { font-weight:bold;} #simulation table td.detail span { display:inline-block; margin:0 auto; text-align:left; font-weight:normal; font-size:14px;} #simulation table td.quantity { text-align:center;} #simulation table td.quantity select { width:60px; padding:0 0 0 5px;} #simulation table td.unit-detail { border-right:none; font-size:14px;} #simulation table td.unit-price { border-left:none; text-align:right;} #simulation table td.subtotal { padding:5px 0 !important;} #simulation table td.subtotal input[type=text] { margin:0 2px 0 0 !important; padding:0 5px !important; font-family:inherit !important; font-size:100% !important;} #simulation table td.total-title { text-align:right; background-color:#F0F0F0} #simulation table td.total { padding:5px 0 !important;} #simulation table td.total input[type=text] { margin:0 2px 0 0 !important; padding:5px !important; font-family:inherit !important; font-size:100% !important;} #simulation table td.spacer { height:1px; margin:0; padding:0; font-size:0;} @media all and (max-width:979px) { #simulation table { font-size:14px; font-size:1.4rem;} #simulation table td.detail span { font-size:12px; font-size:1.2rem;} #simulation table td.unit-detail { font-size:12px; font-size:1.2rem;} } @media all and (max-width:889px) { #simulation table td.item span br { display:inline;} } @media all and (max-width:749px) { #simulation p.caution { display:block; margin:0 0 10px; color:#EB3F40; font-weight:bold; font-size:12px; font-size:1.2rem;} #simulation p.pcwinbtn { display:inline-block;} #simulation p.pcwinbtn a { display:block; margin:0 0 10px; padding:10px; color:#FFFFFF; font-size:1.4rem; font-weight:bold; background-color:#EB3F40; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #simulation p.pcwinbtn a:hover { text-decoration:none; opacity: 0.7 !important;} #simulation .formbox { overflow-x:scroll; border:#666666 1px solid;} } @media all and (max-width:719px) { } /*「色個性コンサルティング」の流れページ*/ #flow {} #flow ul { display:table; width:100%; margin:0; padding:0; border-top:#666666 1px solid; border-right:#666666 1px solid; list-style:none;} #flow ul:last-of-type { border-bottom:#666666 1px solid;} #flow ul li { display:table-cell; margin:0; padding:10px; border-left:#666666 1px solid; box-sizing:border-box; font-size:16px;} #flow ul li:nth-of-type(1) { width:29%; background-color:#DCDCDC;} #flow ul li:nth-of-type(3) { width:7%; padding:0;} #flow ul li.aw-r { background:url(../../base/price/img/flow_img-arrow_r.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-l { background:url(../../base/price/img/flow_img-arrow_l.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-rl { background:url(../../base/price/img/flow_img-arrow_rl.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-lr { background:url(../../base/price/img/flow_img-arrow_lr.gif) center center no-repeat; background-size:100% auto} #flow ul li.aw-w { background:url(../../base/price/img/flow_img-arrow_w.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-n { background:none;} #flow ul li:nth-of-type(2), #flow ul li:nth-of-type(4) { width:32%;} #flow ul li.cp-type { margin:0 auto; padding:10px 0; color:#FFFFFF; background-color:#666666;} #flow ul li.cp-blank { background-color:#999999;} #flow ul li h3 { margin:0; padding-left:1.2em; text-indent:-1.2em; text-align:left; font-size:18px; font-weight:normal;} #flow ul li h3:before { display: inline; vertical-align:middle; font-size:22px;} #flow ul:nth-of-type(2) li h3:before { content: "\002460"; margin-top:0;} /* ① */ #flow ul:nth-of-type(3) li h3:before { content: "\002461";} /* ② */ #flow ul:nth-of-type(4) li h3:before { content: "\002462";} /* ③ */ #flow ul:nth-of-type(5) li h3:before { content: "\002463";} /* ④ */ #flow ul:nth-of-type(6) li h3:before { content: "\002464";} /* ⑤ */ #flow ul:nth-of-type(7) li h3:before { content: "\002465";} /* ⑥ */ #flow ul:nth-of-type(8) li h3:before { content: "\002466";} /* ⑦ */ #flow ul:nth-of-type(9) li h3:before { content: "\002467";} /* ⑧ */ #flow ul:nth-of-type(10) li h3:before { content: "\002468";} /* ⑨ */ #flow ul:nth-of-type(11) li h3:before { content: "\002469";} /* ⑩ */ #flow ul:nth-of-type(12) li h3:before { content: "\00246a";} /* ⑪ */ #flow ul:nth-of-type(13) li h3:before { content: "\00246b";} /* ⑫ */ #flow ul:nth-of-type(14) li h3:before { content: "\00246c";} /* ⑬ */ #flow ul:nth-of-type(15) li h3:before { content: "\00246d";} /* ⑭ */ #flow ul:nth-of-type(16) li h3:before { content: "\00246e";} /* ⑮ */ #flow ul:nth-of-type(17) li h3:before { content: "\00246f";} /* ⑯ */ /*（1）サニタイズする文字列は16進数で数値文字参照を行う。 （2）& を \（バックスラッシュ）に変更する （3）#とxをそれぞれ0に変更する（または削除する） （4）;（セミコロン）を削除する*/ @media all and (max-width:979px) { #flow ul li { font-size:14px;} #flow ul li h3 { font-size:16px;} } @media all and (max-width:719px) { #flow {} #flow ul { position:relative; display:block; overflow:hidden; border-left:#666666 1px solid; font-size:0;} #flow ul li { display:block; padding:5px; border:none; font-size:1.4rem; background-position:center 10px !important;} #flow ul li h3 { font-size:1.6rem;} #flow ul li:nth-of-type(1) { display:block; width:100%;} #flow ul li:nth-of-type(3) { display:inline-block; vertical-align:top; width:10%; padding:0; border-right:#666666 1px solid; border-left:#666666 1px solid; padding-bottom:300px; margin-bottom:-300px;} #flow ul li:nth-of-type(2), #flow ul li:nth-of-type(4) { display:inline-block; vertical-align:top; width:45%;} #flow ul:nth-of-type(1) li:nth-of-type(1) { display:none;} } /*組織の問題解決のための改善サービスページ*/ #comparison {} #comparison .dsrpt { display:inline-block; margin:0 0 40px; padding:0; text-align:left; font-size:18px;} #comparison h3 { margin:0 0 5px; padding:0 0 5px; text-align:left; font-weight:normal; font-size:24px;} #comparison p.caution { display:none;} #comparison .areabox { overflow:hidden;} #comparison table { min-width:344px; border-collapse:collapse; margin:0 auto; font-size:16px;} #comparison table br { display:none;} #comparison table th { border:#999999 1px solid; padding:10px 5px; vertical-align: middle; font-weight:normal; background-color:#F0F0F0;} #comparison table td { border:#999999 1px solid; padding:10px 5px; vertical-align: middle;} #comparison table th.i-line { color:#FFFFFF; font-weight:bold; background-color:#EB3F40;} #comparison table td.i-line { padding:0; font-size:20px; line-height:1.0;} #comparison table td.o-line { padding:0; font-size:20px; line-height:1.0;} @media all and (max-width:1239px) { #comparison table br { display:inline;} } @media all and (max-width:1079px) { #comparison table { font-size:14px;} } @media all and (max-width:949px) { #comparison table { font-size:16px; font-size:1.6rem;} #comparison table br { display:none;} #comparison table th p { display:inline-block; width:1.0em; /*height:200px;*/ margin:0; padding:0; /*-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;*/} } @media all and (max-width:719px) { #comparison .dsrpt { font-size:1.6rem;} #comparison h3 { font-size:2.0rem;} #comparison table td br { display:inline;} #comparison table td.i-line { font-size:2.0rem;} #comparison table td.o-line { font-size:2.0rem;} } @media all and (max-width:459px) { #comparison table { font-size:1.4rem;} } @media all and (max-width:399px) { #comparison p.caution { display:block; margin:0 0 10px; color:#EB3F40; font-weight:bold; font-size:12px; font-size:1.2rem;} #comparison .areabox { overflow-x:scroll; border:#666666 1px solid;} #comparison table th.i-line, #comparison table th.o-line, #comparison table td.i-line, #comparison table td.o-line { width:20px; /*overflow:hidden;*/} } /*FAQページ*/ #faq {} #faq .qalist { margin:20px 0 0; padding:0; text-align:center;} #faq .qalist h3 { margin-bottom:15px; text-align:center; font-size:28px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;} #faq .qalist dl { font-size:16px;} #faq .qalist dl p { margin:30px 0 0; padding:10px; text-align:left; color:#FFFFFF; font-weight:bold; font-size:20px; background-color:#EB3F40;} #faq .qalist dl p:nth-of-type(1) { margin:0;} #faq .qalist dl dt { margin:10px 0 5px; padding:10px; padding-left:3.0em; text-indent:-3.0em; border-bottom:#333333 1px solid; text-align:left; background-color:#F0F0F0;} #faq .qalist dl dt:before { padding-left:1.0em; text-indent:-1.0em; font-weight:bold; content: "Ｑ：";} #faq .qalist dl dd { margin:0; padding:10px; padding-left:3.0em; text-indent:-3.0em; text-align:left; background-color:#FFFFFF;} #faq .qalist dl dd:before { padding-left:1.0em; text-indent:-1.0em; font-weight:bold; color:#820041; content: "Ａ：";} #faq .qalist dl dd > ul { display:inline-block; margin:10px 0 0; padding:9px; padding-left:2.0em; text-indent:0; border:#CCC 1px solid; list-style:disc; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #faq .qalist dl dd > ul li { margin-top:5px;} #faq .qalist dl dd > ul li:nth-of-type(1) { margin-top:0;} @media all and (max-width:719px) { #faq {} #faq .qalist { padding:10px;} #faq .qalist h3 { margin-bottom:10px; font-size:2.0rem;} #faq .qalist dl { font-size:1.4rem;} #faq .qalist dl p { font-size:1.8rem;} #faq .qalist dl dt { padding:5px; padding-left:2.5em; text-indent:-2.5em;} #faq .qalist dl dt:before { padding-left:0.5em; text-indent:-0.5em;} #faq .qalist dl dd { padding:5px; padding-left:2.5em; text-indent:-2.5em;} #faq .qalist dl dd:before { padding-left:0.5em; text-indent:-0.5em;} #faq .qalist dl dd > ul { padding:5px; padding-left:2.0em;} } /*お問い合わせページ*/ #inquiry { margin:0; text-align:center;} #inquiry .inq-area { margin:0; padding:0; text-align:center; font-size:16px;} #inquiry .inq-area h3 { display:block; width:100%; box-sizing:border-box; margin:0 0 10px; padding:5px; text-align:center; color:#FFFFFF; font-weight:normal; font-size:18px; background-color:#EB3F40; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #inquiry .inq-area > p { text-align:center; padding:0 5px;} #inquiry .inq-area .form-box { display:inline-block; width:auto; margin:20px auto 0; padding:0 0 40px; text-align:center;} #inquiry .inq-area .form-box dl { margin:0 auto 10px;} #inquiry .inq-area .form-box dt { float:left; width:240px; margin-bottom:10px; padding:10px 5px 3px; text-align:center;} #inquiry .inq-area .form-box dt span { display:inline-block; vertical-align:middle; margin:0 5px; padding:0 5px; color:#FFFFFF; font-size:12px; font-size:1.2; background-color:#FF0000;} #inquiry .inq-area .form-box dt p { margin:10px 0 0; text-align:left;} #inquiry .inq-area .form-box dd { margin:0 0 10px 0; padding:5px 10px; border-left:250px #F0F0F0 solid; text-align:left; min-height:30px;} #inquiry .inq-area .form-box input[type=submit], #inquiry .inq-area .form-box input[type=reset], #inquiry .inq-area .form-box input[type=image], #inquiry .inq-area .form-box input[type=button] { margin:20px 10px 0; padding:10px 20px; font-size:14px; font-size:1.4rem;} #inquiry .inq-area ul { margin:0; padding:0; list-style:none; text-align:center; font-size:0;} #inquiry .inq-area ul li { display:inline-block; vertical-align:top; width:32%; margin:10px 2% 0 0; padding:5px 0 0; color:#FFFFFF; font-size:22px; font-size:2.2rem; background-color:#B6B0B0;} #inquiry .inq-area ul li:last-child { margin:10px 0 0;} #inquiry .inq-area ul li p { display:block; text-align:center; padding:5px 0; border-top:#897B7B 1px dotted; color:#333333; font-size:28px; font-size:2.8rem; background-color:#F8F5F3; font-weight:normal !important; font-family:"Times New Roman", Times, serif !important; transform: rotate(.00deg) !important;} /*#inquiry .inq-area .form-box dd img { width:89px; margin:0 0 0 10px;} #inquiry .inq-area .form-box dd span.img-info { margin:0 0 0 10px; font-size:12px;} #inquiry .inq-area .form-box .msg { color:#FF0000;} #inquiry .inq-area .form-box .msg { text-align:center;} #inquiry .inq-area .form-box .error-msg { text-align:center; color:#FF0000;} #inquiry .inq-area .form-box .catchtext { margin:0 0 20px; font-size:16px; font-weight:bold;}*/ @media all and (max-width:719px) { #inquiry {} #inquiry .inq-area .form-box { width:100%; margin:0 auto; padding:0 0 30px;} #inquiry .inq-area .form-box dl { margin:10px 0 0} #inquiry .inq-area .form-box dt { float:none; width:auto; margin-bottom:2px; padding:5px 10px; text-align:center; background-color:#F0F0F0;} #inquiry .inq-area .form-box dd { margin:0 0 10px 0; padding:5px; border:none; text-align:center;} #inquiry .inq-area .form-box dd.sp-list { text-align:left;} #inquiry .inq-area .form-box input[type=text], #inquiry .inq-area .form-box textarea { width:90%;} #inquiry .inq-area .form-box input[type=submit], #inquiry .inq-area .form-box input[type=reset], #inquiry .inq-area .form-box input[type=button] { max-width:none; min-width:30%;} #inquiry .inq-area ul li { display:block; vertical-align:top; width:auto; margin:10px 0 0;} } @media all and (max-width:539px) { #inquiry .inq-area { font-size:1.4rem;} #inquiry .inq-area h3 { font-size:1.6rem;} } /*資料ダウンロードページ*/ #document { font-size:0;} #document .dlbox { display:inline-block; vertical-align:top; width:48%; margin:0; padding:15px; border:#CCCCCC 1px solid; box-sizing:border-box; font-size:14px; background-color:#F6F6F6;} #document .dlbox:nth-of-type(1) { margin-right:4%;} #document .dlbtn { margin:0 auto 30px;} #document .dlbtn a { display:block; padding:10px; color:#FFFFFF; font-size:24px; line-height:1.0em; background-color:#EB3F40; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #document .dlbtn a:hover { text-decoration:none; opacity: 0.7 !important;} #document .dlbtn a img { display:inline-block; vertical-align:middle; margin:0 10px 0 0;} #document .dlbtn a span.detail { display:block; vertical-align:middle; margin:0 0 0 10px; font-size:12px;} #document .dlbtn a span.info { display:block; margin:0; padding:0; font-size:14px;} #document ul.example { margin:0; padding:0; text-align:left; list-style:none; font-size:0;} #document ul.example li { display:inline-block; vertical-align:top; width:48%; margin:0; padding:0; border:#999999 1px solid; box-sizing:border-box;} #document ul.example li:nth-of-type(1) { margin-right:4%;} #document ul.example li:nth-of-type(3) { margin-top:15px; margin-right:4%;} #document ul.example li:nth-of-type(4) { margin-top:15px;} #document ul.example li img { width:100%; max-width:960px;} #document ul.example li:hover { opacity: 0.7 !important;} #document .pageclose { display:inline-block; margin:30px auto;} #document .pageclose a { display:block; padding:10px; color:#333333; font-size:20px; line-height:1.0em; background-color:#E8E8E8; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #document .pageclose a:hover { text-decoration:none; opacity: 0.7 !important;} #document .caution { display:block; margin:0 0 40px; padding:0; text-align:center; font-size:18px;} #document .caution p { display:inline-block; text-align:left;} /*colorbox用*/ #cboxLoadedContent img { display:block; width:100% !important; max-width:1000px !important; min-width:500px !important; height:auto !important; margin:0 auto !important; padding:0 !important;} @media all and (max-width:719px) { #document .dlbox { display:block; width:100%; padding:5px; font-size:1.4rem;} #document .dlbox:nth-of-type(1) { margin-right:0; margin-bottom:30px;} #document .dlbtn { display:block; margin:0 auto 20px;} #document .dlbtn a { padding:10px 0; font-size:2.0rem;} #document .dlbtn a span.detail { display:block; margin:0; font-size:1.2rem;} #document .dlbtn a span.info { font-size:1.2rem;} #document .pageclose a { font-size:1.8rem;} #document .caution { font-size:1.6rem;} } /*プライバシーポリシーページ*/ #privacy {} #privacy ul { padding:0 0 0 1.0em; text-align:left; font-size:14px; font-size:1.4rem;} #privacy ul li { margin:0 0 20px; color:#A88B33; font-weight:bold;} #privacy ul li p { color:#333333; font-weight:normal;} #privacy ul li p span { display:block; margin:10px 0 0;} @media all and (max-width:411px) { #privacy {} } /*会社概要ページ*/ #corporate {} #corporate .outline-area { /*overflow: hidden;*/ font-size:0;} /*#corporate .outline-area .imgbox { float:left; width:240px;} #corporate .outline-area .imgbox img { width:100%; height:auto;} #corporate .outline-area .outline { display:block; float:right; box-sizing:border-box; width:100%; margin:0 0 0 -260px; padding:0 0 0 260px;}*/ #corporate .outline-area .outline { display:block; float:none; box-sizing:border-box; width:100%; margin:0; padding:0;} #corporate .outline-area .outline > p { margin:0 0 20px; padding:18px; border:#CCCCCC 2px solid; text-align:left; font-size:16px; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} #corporate .outline-area .outline dl { margin:0; padding:5px 5px 0; border:#CCCCCC 1px solid; font-size:14px; font-size:1.4rem; z-index:0;} #corporate .outline-area .outline dl dt { float:left; width:120px; margin:0 0 5px; padding:5px 10px; text-align:center;} #corporate .outline-area .outline dl dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 140px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;} #corporate .outline-area .outline dl dd span { display:inline-block; margin:0 0 0 10px;} @media all and (max-width:639px) { #corporate {} /*#corporate .outline-area .imgbox { float:none; max-width:320px; margin:0 auto;} #corporate .outline-area .imgbox img { width:100%; height:auto;}*/ #corporate .outline-area .outline > p { margin:0 0 20px; padding:8px; font-size:1.6rem; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #corporate .outline-area .outline dl { display:block; width:auto; margin:10px 0 0; padding:5px 5px 0;} #corporate .outline-area .outline dl dt { float:none; width:auto; margin:0; text-align:center; background-color:#F2F2F2;} #corporate .outline-area .outline dl dd { border:none;} } /*アクセスページ*/ #access { text-align:center;} #access .access-box { margin:40px 40px 0;} #access .adr-box { display:inline-block; margin:0 0 40px; padding:0 0 10px; border-bottom:#BC8858 3px solid; text-align:left;} #access .adr-box img { float:right; width:270px/*25%*/; margin:0 0 0 15px;} #access .adr-box h3 { margin:0 0 15px; padding:10px 0 10px 10px; color:#FFFFFF; font-size:28px; background-color:#BC8858;} #access .adr-box p { padding:0 15px; font-size:18px; font-weight:bold;} #access .adr-method { font-size:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} #access .adr-method div { display:inline-block; vertical-align:top; box-sizing:border-box; width:48.5%; margin-bottom:3%;} #access .adr-method div:nth-of-type(1), #access .adr-method div:nth-of-type(3) { margin-right:3%;} #access .adr-method div, #access .mp-box { padding:2%; border:#EEE0B5 2px solid; text-align:left; font-size:16px; background-color:#FDFBF0; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #access .adr-method div h3, #access .mp-box h3, #access .root-directions h3 { display:block; width:100%; box-sizing:border-box; margin:0 0 10px; padding:5px; font-size:18px; background-color:#EEE0B5;} #access .adr-method div p { margin:0 0 5px; padding:0 0 0 5px; border-bottom:#666666 1px dotted;} #access .adr-method div p.ctn { padding-left:1.5em; border-bottom:none; font-size:14px; text-indent: -1em;} #access .adr-method div p.ctn:before { display: inline; content: "※";} #access .mp-box { margin-bottom:3%;} #access .mp-box iframe { width:100%; height:60vh;} #access .root-directions { font-size:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} #access .root-directions h3 span { /*display:block;*/ font-weight:normal; font-size:14px;} #access .root-directions h3 p { padding:5px; font-weight:normal; font-size:14px; background-color:#FFFFFF;} #access .root-directions div { display:inline-block; vertical-align:top; box-sizing:border-box; width:32%; margin:0 0 2% 0; padding:2%; border:#CCCCCC 2px solid; background-color:#FFFFFF; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #access .root-directions div img { width:100%; max-width:220px; margin-bottom:10px;} #access .root-directions > p { box-sizing:border-box; width:2%; background:url(../../base/corporate/img/acc-arrow.gif) center center no-repeat; background-size:contain;} #access .root-directions > p:nth-of-type(3n) { display:none;} #access .root-directions div span { display:block; text-align:left; font-size:14px;} @media all and (max-width:719px) { #access { text-align:center;} #access .access-box { margin:20px 15px 0;} #access .adr-box { display:block;} #access .adr-box img { width:38%; max-width:180px; margin:0 0 0 10px;} #access .adr-box h3 { margin:0 0 10px; padding:7px 0 7px 7px; font-size:4.8vmin;} #access .adr-box p { padding:0 10px; font-size:4.0vmin; font-weight:normal;} #access .adr-method { display:block; flex-wrap:none;} #access .adr-method div { display:block;width:auto; margin-bottom:3%;} #access .adr-method div:nth-of-type(1), #access .adr-method div:nth-of-type(3) { margin-right:0;} #access .adr-method div, #access .mp-box { font-size:1.4rem; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #access .adr-method div h3, #access .mp-box h3, #access .root-directions h3 { font-size:1.6rem;} #access .adr-method div p.ctn { font-size:1.2rem;} #access .root-directions { display:block; flex-wrap:none;} #access .root-directions h3 span { font-size:1.2rem;} #access .root-directions h3 p { text-align:left; font-size:1.2rem;} #access .root-directions div { display:block; width:auto;} #access .root-directions div:after { /*floatの解除、ここがポイント*/ display:block; clear:both; height:0px; visibility:hidden; content:"."; } #access .root-directions div { min-height: 1px; /*IE6、7対策*/ } * #access .root-directions div { height: 1px; /*\*//*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/ } #access .root-directions div img { float:left; width:40%; margin:0 10px 0 0;} #access .root-directions > p { width:100%; height:15px; transform: rotate(90deg);} #access .root-directions > p:nth-of-type(3n) { display:block;} } /*メルマガページ*/ #mailmag { text-align:center;} #mailmag .title-area { display:inline-block; vertical-align:top; box-sizing:border-box; margin:0 0 20px; padding:0; text-align:left; font-size:18px;} #mailmag ul.outsidelink { margin:10px 0 0; padding:0; font-size:0;} #mailmag ul.outsidelink li { display:inline-block; vertical-align:top; margin:10px 2% 0; padding:0; border-bottom:#B6B0B0 1px solid;} #mailmag ul.outsidelink li a { display:block; margin:0; padding:5px 5px 3px; text-align:left; font-size:16px;} #mailmag ul.outsidelink li a:hover { background-color:#EFEFEF;} #mailmag ul.outsidelink li a img { vertical-align:middle; margin:0 5px 0 0;} #mailmag .form-area { margin:40px 0 0; padding:2%; border:#999999 1px solid; text-align:center; font-size:16px; background-color:#F6F6F6; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #mailmag .form-area h3 { display:block; width:100%; box-sizing:border-box; margin:0 0 10px; padding:5px; text-align:left; color:#333333; font-weight:normal; font-size:18px; background-color:#CCCCCC;} #mailmag .form-area p { display:inline-block; text-align:left; padding:0 5px;} #mailmag .form-area .form-box { display:inline-block; width:auto; margin:20px auto 0; padding:0 0 30px;} #mailmag .form-area .form-box dl { margin:0 0 10px;} #mailmag .form-area .form-box dt { float:left; width:200px; margin-bottom:10px; padding:10px 3px 3px; color:#333333; text-align:center;} #mailmag .form-area .form-box dd { margin:0 0 10px 0; padding:5px 10px; border-left:200px #E8E8E8 solid; text-align:left; min-height:30px;} #mailmag .form-area .form-box dd img { width:89px; margin:0 0 0 10px;} #mailmag .form-area .form-box dd span.img-info { margin:0 0 0 10px; font-size:12px;} #mailmag .form-area .form-box .msg { color:#FF0000;} #mailmag .form-area .form-box input, #mailmag .form-area .form-box button, #mailmag .form-area .form-box textarea, #mailmag .form-area .form-box select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #mailmag .form-area .form-box input, #mailmag .form-area .form-box textarea { display:inline; margin:0; padding:5px; border:1px solid #B9C9CE; background-color:#FFFFFF; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */ box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); text-transform:lowercase; font-weight:normal; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #mailmag .form-area .form-box input[type=text] { width:auto;} #mailmag .form-area .form-box textarea { width:95%;} #mailmag .form-area .form-box input[type=text]:focus, #mailmag .form-area .form-box input[type=email]:focus, #mailmag .form-area .form-box textarea:focus { border-color:#83B6C2; outline:none; box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);} ::-webkit-input-placeholder { color:#AFAFAF;} :-moz-placeholder { color:#AFAFAF;} #mailmag .form-area .form-box input[type=submit], #mailmag .form-area .form-box input[type=reset], #mailmag .form-area .form-box input[type=image], #mailmag .form-area .form-box input[type=button] { margin:0 10px; padding:10px 20px; background-color:#666666;} #mailmag .form-area .form-box .msg { text-align:center;} #mailmag .form-area .form-box .error-msg { text-align:center; color:#FF0000;} #mailmag .form-area .form-box .catchtext { margin:0 0 20px; font-size:16px; font-weight:bold;} :placeholder-shown { color:#AAAAAA;}/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */ ::-webkit-input-placeholder { color:#AAAAAA;}/* Google Chrome, Safari, Opera 15+, Android, iOS */ :-moz-placeholder { color:#AAAAAA; opacity:1.0;}/* Firefox 18- */ ::-moz-placeholder { color:#AAAAAA; opacity:1.0;}/* Firefox 19+ */ :-ms-input-placeholder { color:#AAAAAA;}/* IE 10+ */ @media all and (max-width:719px) { #mailmag {} #mailmag .form-area .form-box { width:100%; margin:0 auto; padding:0 0 30px;} #mailmag .form-area .form-box dl { margin:10px 0 5px;} #mailmag .form-area .form-box dt { float:none; width:auto; margin-bottom:2px; padding:5px 10px; text-align:center; background-color:#E8E8E8;} #mailmag .form-area .form-box dd { margin:0 0 10px 0; padding:5px 10px; border:none; text-align:center;} #mailmag .form-area .form-box dd span.img-info { display:block; margin:0; font-size:1.2rem;} #mailmag .form-area .form-box input.widthauto, #mailmag .form-area .form-box textarea { width:90%;} #mailmag .form-area .form-box input[type=submit], #mailmag .form-area .form-box input[type=reset], #mailmag .form-area .form-box input[type=button] { max-width:none; min-width:30%;} } @media all and (max-width:539px) { #mailmag .title-area { display:block; width:100%; padding:0; font-size:1.4rem;} #mailmag ul.outsidelink li a { font-size:1.4rem;} #mailmag .form-area { font-size:1.4rem;} #mailmag .form-area h3 { font-size:1.6rem;} } /*エラーページ*/ #notfound {} #notfound .nt-box { margin:0; padding:100px; font-size:14px; font-size:1.4rem;} /*181012追加分*/ #home .topics-area { font-size:48px; background-color:#EAE8E9;} #home .topics-area .box { display:inline-block; margin:0 20px; padding:20px; text-align:center; background-color:#FFFFFF; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #home .topics-area .box p:nth-of-type(1) { font-size:24px;} #home .topics-area .box p:nth-of-type(2) { font-size:20px;} #home .topics-area .box p:nth-of-type(3) a { display:block; margin:5px 0 0; padding:10px 0; color:#FFFFFF; font-size:24px; background-color:#EB3F40; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #home .topics-area .box p:nth-of-type(3) a:hover { text-decoration:none; opacity: 0.7 !important;} #home .topics-area .box p span { display:inline-block;} @media all and (max-width:719px) { #home .topics-area .box { margin:0 10px; padding:10px;} #home .topics-area .box p:nth-of-type(1) { font-size:2.0rem;} #home .topics-area .box p:nth-of-type(2) { font-size:1.6rem;} #home .topics-area .box p:nth-of-type(3) a { font-size:2.0rem;} } #topics-181012 { font-size:18px;} #topics-181012 p { margin:20px 0 0; text-align:left;} #topics-181012 p:nth-of-type(1) { margin:0 0 20px; text-align:center; font-size:28px;} #topics-181012 img { float:left; width:50%; max-width:720px; margin:0 20px 0 0;} #topics-181012 dl { display:inline-block; margin:20px 0 0; padding:10px 0 0 10px; border:#999999 1px solid;} #topics-181012 dt { float:left; width:100px; margin-bottom:10px; padding:10px 3px 3px; color:#333333; text-align:center;} #topics-181012 dd { margin:0 0 10px 0; padding:5px 10px; border-left:100px #E8E8E8 solid; text-align:left; min-height:30px;} #topics-181012 p:last-of-type { text-align:center;} #topics-181012 .formbtn { display:inline-block; margin:20px 0 0;} #topics-181012 .formbtn a { display:block; margin:5px 0 0; padding:10px 20px; color:#FFFFFF; font-size:24px; background-color:#EB3F40; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #topics-181012 .formbtn a:hover { text-decoration:none; opacity: 0.7 !important;} @media all and (max-width:719px) { #topics-181012 { font-size:1.6rem;} #topics-181012 p:nth-of-type(1) { font-size:2.0rem;} #topics-181012 .formbtn a { font-size:2.2rem;} } @media all and (max-width:539px) { #topics-181012 img { float:none; width:100%; margin:0 0 20p;} #topics-181012 dl { display:inline-block; margin:20px 0 0; padding:10px 10px 0; border:#999999 1px solid;} #topics-181012 dt { float:none; width:auto; margin-bottom:10px; padding:10px 3px 3px; color:#333333; text-align:center; background-color:#E8E8E8;} #topics-181012 dd { margin:0 0 10px 0; padding:5px 10px; border:none; min-height:none;} } /*モニター募集用トップパーツ*/ .mntrec { position:absolute; top:auto; right:3%; bottom:15%; left:3%; margin:0; z-index:20;} .mntrec a { display:block; padding:10px; text-align:center; color:#FFFFFF; font-size:32px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important; background-color:rgba(235,63,64, 0.9); -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} .mntrec a:hover { background-color:rgba(235,63,64, 0.7);} .mntrec span { display:inline-block;} .mntrec span:nth-of-type(3) { font-size:28px;} @media all and (max-width:999px) { .mntrec { top:auto; right:3%; bottom:10%; left:3%;} .mntrec a { font-size:28px;} .mntrec span:nth-of-type(3) { font-size:24px;} } @media all and (max-width:719px) { .mntrec { top:auto; left:4%; right:4%; bottom:40%;} .mntrec a { padding:5px; font-size:4.4vmin;} .mntrec span:nth-of-type(3) { font-size:4.0vmin;} } @media all and (max-width:399px) { .mntrec { top:auto; left:4%; right:4%; bottom:32%;} .mntrec a { font-size:6.0vmin;} .mntrec span:nth-of-type(3) { font-size:5.2vmin;} } /*モニター募集ページ*/ #monitor { margin:0; text-align:center;} #monitor h2 span { display:inline-block;} #monitor h3 { display:block; width:100%; box-sizing:border-box; margin:0 0 10px; padding:5px; text-align:center; color:#FFFFFF; font-weight:normal; font-size:18px; background-color:#EB3F40; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #monitor h3 span { display:inline-block;} #monitor p { display:inline-block; text-align:left; margin:0; padding:0;} #monitor p.midashi { margin:0 0 20px; padding:10px; font-size:18px; background-color:#FFF0F5; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} #monitor p.action { margin:20px 0 0; padding:10px; font-size:16px; background-color:#EAEAEA;} #monitor p.action:before { display: inline; content: "↓";} #monitor p.action:after { display: inline; content: "↓";} #monitor .dtl-area { margin:0; padding:0; text-align:center; font-size:0;} #monitor .dtl-area .imgbox { display:inline-block; vertical-align:top; width:45%;} #monitor .dtl-area .imgbox img { width:100%;} #monitor .dtl-area .txtbox { display:inline-block; vertical-align:top; width:52%; margin-right:3%; font-size:16px;} #monitor .dtl-area dl { margin:0 15px 20px;} #monitor .dtl-area dt { float:left; width:100px; margin-bottom:5px; padding:10px 5px 3px; text-align:center;} #monitor .dtl-area dd { margin:0 0 5px; padding:5px 10px; border-left:110px #F0F0F0 solid; border-bottom:#666666 1px dotted; text-align:left; min-height:30px;} #monitor .inq-area { margin:0; padding:0; text-align:center; font-size:16px;} #monitor .inq-area .form-box { display:inline-block; width:auto; margin:20px auto 0; padding:0 0 40px;} #monitor .inq-area .form-box dl { margin:0 0 10px;} #monitor .inq-area .form-box dt { float:left; width:240px; margin-bottom:10px; padding:10px 5px 3px; text-align:center;} #monitor .inq-area .form-box dt span { display:inline-block; vertical-align:middle; margin:0 5px; padding:0 5px; color:#FFFFFF; font-size:12px; font-size:1.2; background-color:#FF0000;} #monitor .inq-area .form-box dt p { margin:10px 0 0; text-align:left;} #monitor .inq-area .form-box dd { margin:0 0 10px; padding:5px 10px; border-left:250px #F0F0F0 solid; text-align:left; min-height:30px;} #monitor .inq-area .form-box input[type=submit], #monitor .inq-area .form-box input[type=reset], #monitor .inq-area .form-box input[type=image], #monitor .inq-area .form-box input[type=button] { margin:20px 10px 0; padding:10px 20px; font-size:14px; font-size:1.4rem;} #monitor .inq-area ul { margin:0; padding:0; list-style:none; text-align:center; font-size:0;} #monitor .inq-area ul li { display:inline-block; vertical-align:top; width:32%; margin:10px 2% 0 0; padding:5px 0 0; color:#FFFFFF; font-size:22px; font-size:2.2rem; background-color:#B6B0B0;} #monitor .inq-area ul li:last-child { margin:10px 0 0;} #monitor .inq-area ul li p { display:block; text-align:center; padding:5px 0; border-top:#897B7B 1px dotted; color:#333333; font-size:28px; font-size:2.8rem; background-color:#F8F5F3; font-weight:normal !important; font-family:"Times New Roman", Times, serif !important; transform: rotate(.00deg) !important;} /*#monitor .inq-area .form-box dd img { width:89px; margin:0 0 0 10px;} #monitor .inq-area .form-box dd span.img-info { margin:0 0 0 10px; font-size:12px;} #monitor .inq-area .form-box .msg { color:#FF0000;} #monitor .inq-area .form-box .msg { text-align:center;} #monitor .inq-area .form-box .error-msg { text-align:center; color:#FF0000;} #monitor .inq-area .form-box .catchtext { margin:0 0 20px; font-size:16px; font-weight:bold;}*/ @media all and (max-width:719px) { #monitor {} #monitor p.midashi { font-size:1.6rem;} #monitor p.action { font-size:1.4rem;} #monitor .dtl-area .imgbox { display:block; width:100%; margin-top:20px;} #monitor .dtl-area .txtbox { display:block; width:100%; margin-right:0; font-size:1.4rem;} #monitor .dtl-area dl { margin:10px 0 0} #monitor .dtl-area dt { float:none; width:auto; margin-bottom:2px; padding:5px 0; text-align:center; background-color:#F0F0F0;} #monitor .dtl-area dd { margin:0 0 10px 0; padding:5px; border-left:none; text-align:left;} #monitor .inq-area { font-size:1.4rem;} #monitor .inq-area .form-box { width:100%; margin:0 auto; padding:0 0 30px;} #monitor .inq-area .form-box dl { margin:10px 0 0} #monitor .inq-area .form-box dt { float:none; width:auto; margin-bottom:2px; padding:5px 10px; text-align:center; background-color:#F0F0F0;} #monitor .inq-area .form-box dd { margin:0 0 10px 0; padding:5px; border:none; text-align:center;} #monitor .inq-area .form-box dd.sp-list { text-align:left;} #monitor .inq-area .form-box input[type=text], #monitor .inq-area .form-box textarea { width:90%;} #monitor .inq-area .form-box input[type=submit], #monitor .inq-area .form-box input[type=reset], #monitor .inq-area .form-box input[type=button] { max-width:none; min-width:30%;} #monitor .inq-area ul li { display:block; vertical-align:top; width:auto; margin:10px 0 0;} } @media all and (max-width:539px) { #monitor h3 { font-size:1.6rem;} } /*無料ZOOM説明会・WEBセミナーページ*/ #e-briefing { margin:0; text-align:center;} #e-briefing h2 span { display:inline-block;} #e-briefing .maininfo { display:inline-block; margin:0 auto 15px; padding:0; text-align:left; font-size:18px;} #e-briefing .mainrcmd { display:inline-block; margin:0 auto 40px; padding:14px; border:#999999 1px solid; text-align:center; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #e-briefing .mainrcmd p { margin:0 auto 5px; text-align:center; font-size:18px; font-weight:bold;} #e-briefing .mainrcmd ul { display:inline-block; margin:0 0 0 1.0em; text-align:left; font-size:16px;} #e-briefing .schedule-list { width:auto; margin:0; padding:0; font-size:0;} .schedule-list h3 { margin:0 0 20px; padding:10px 0; border-bottom:#888888 5px solid; font-size:24px; font-weight:normal; background-color:#F2F2F2;} .schedule-list .listbox { display:inline-block; vertical-align:top; width:48%; margin:0 0 20px; box-sizing:border-box;} .schedule-list .listbox:nth-of-type(2n) { margin-left:4%;} .schedule-list .listbox a { display:block; padding:19px; border-top:#E8E8E8 1px solid; border-right:#C2C2C2 5px solid; border-bottom:#848484 5px solid; border-left:#D5D5D5 1px solid; font-size:14px; color:#333333;} .schedule-list .listbox a:hover { text-decoration:none; background-color:#FFFEDF; opacity:0.8;} .schedule-list .listbox h4 { margin:0 0 10px; padding:0 0 0 5px; border-bottom:#EB3F40 2px solid; text-align:left; font-size:20px;} .schedule-list .listbox dl.details { font-size:16px;} .schedule-list .listbox dl.details dt { float:left; width:80px; margin:0 0 5px; padding:5px 10px; text-align:center;} .schedule-list .listbox dl.details dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 100px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;} .schedule-list .listbox dl.details dd ul { margin:0 0 0 1.0em;} .schedule-list .listbox dl.details dd.date { font-size:20px; font-weight:bold;} .schedule-list .listbox dl.details dd.date span { font-size:28px;} .schedule-list .listbox dl.details dd.date p { display:inline-block;} .schedule-list .listbox .recommend { display:inline-block; margin:10px auto; padding:14px; border:#EB3F40 1px solid; text-align:center; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} .schedule-list .listbox .recommend p { display:inline-block; margin:0 auto 5px; text-align:left; font-size:18px; font-weight:bold;} .schedule-list .listbox .recommend hr { height:1px; border:none; color:#FFFFFF;} .schedule-list .listbox .recommend ul { display:inline-block; margin:0 0 0 1.0em; text-align:left; font-size:16px;} .schedule-list .listbox p.btn-apply { margin:10px 0 0; padding:8px 5px; font-size:18px; font-weight:bold; color:#FFFFFF; background-color:#EB3F40;} @media all and (max-width:969px) { .schedule-list .listbox { display:block; width:auto;} .schedule-list .listbox:nth-of-type(2n) { margin-left:0;} } @media all and (max-width:719px) { #e-briefing .maininfo { font-size:1.6rem;} #e-briefing .mainrcmd { padding:9px;} #e-briefing .mainrcmd p { font-size:1.6rem;} #e-briefing .mainrcmd ul { font-size:1.4rem;} .schedule-list h3 { font-size:2.0rem;} .schedule-list .listbox a { font-size:1.4rem;} .schedule-list .listbox h4 { font-size:1.8rem;} .schedule-list .listbox dl.details { font-size:1.4rem;} .schedule-list .listbox dl.details dd.date { font-size:1.8rem;} .schedule-list .listbox dl.details dd.date span { font-size:2.4rem;} .schedule-list .listbox .recommend { padding:9px;} .schedule-list .listbox .recommend p { font-size:1.6rem;} .schedule-list .listbox .recommend ul { font-size:1.4rem;} .schedule-list .listbox p.btn-apply { font-size:1.8rem;} } @media all and (max-width:539px) { .schedule-list .listbox a { padding:9px;} } @media all and (max-width:479px) { .schedule-list .listbox dl.details { display:block; width:auto; margin:10px 0 0; padding:5px 5px 0;} .schedule-list .listbox dl.details dt { float:none; width:auto; margin:0; text-align:left; background-color:#F2F2F2;} .schedule-list .listbox dl.details dd { border:none;} } /*--別案ここから------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #e-briefing .briefingbox02 { width:100%; margin:0; padding:0; font-size:0;} .briefingbox02 .maininfo { display:inline-block; vertical-align:middle; width:48%; margin:0 4% 0 0; padding:0; box-sizing:border-box; text-align:center; font-size:16px;} .briefingbox02 .maininfo div {} .briefingbox02 .maininfo h3 { display:inline-block; text-align:left; font-size:22px;} .briefingbox02 .maininfo img { width:100%; height:auto; margin:10px 0;} .briefingbox02 .maininfo p { display:inline-block; text-align:left; font-size:18px; font-weight:bold;} .briefingbox02 .maininfo ul { display:inline-block; margin:0 0 0 1.0em; text-align:left; font-size:18px;} .briefingbox02 dl.details { display:inline-block; vertical-align:middle; width:48%; margin:0; padding:5px 5px 0; border:#888888 5px solid; box-sizing:border-box; font-size:16px;} .briefingbox02 dl.details dt { float:left; width:80px; margin:0 0 5px; padding:5px 10px; text-align:center;} .briefingbox02 dl.details dd { margin:0 0 5px; padding:5px 10px 5px; border-left:#F2F2F2 100px solid; border-bottom:#CCCCCC 1px dotted; text-align:left;} .briefingbox02 dl.details dd ul { margin:0 0 0 1.0em;} #e-briefing .schedule-list02 { width:auto; margin:0; padding:0; font-size:0;} .schedule-list02 h3 { margin:40px 0 15px; padding:10px 0; border-bottom:#888888 5px solid; font-size:24px; font-weight:normal; background-color:#F2F2F2;} .schedule-list02 .listbox { display:inline-block; margin:0;} .schedule-list02 .listbox a { display:block; padding:14px; border:#000000 1px solid; font-size:14px; font-size:1.4rem; color:#333333; line-height:1.0; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} .schedule-list02 .listbox a:hover { text-decoration:none; background-color:#FFFEDF; opacity:0.8;} .schedule-list02 .listbox p { padding:5px 0;} .schedule-list02 .listbox p.date { font-size:20px; font-size:2.0rem; font-weight:bold;} .schedule-list02 .listbox p.date span { font-size:28px; font-size:2.8rem;} .schedule-list02 .listbox p.time { margin:0 0 5px; font-size:18px; font-size:1.8rem; font-weight:bold;} .schedule-list02 .listbox p.subitems { padding:5px 0; background-color:#F2F2F2;} .schedule-list02 .listbox p.capacity { padding:5px 0; border:#F2F2F2 1px solid;} .schedule-list02 .listbox p.deadline { padding:5px 0; border:#F2F2F2 1px solid; font-weight:bold;} .schedule-list02 .listbox p.btn-apply { margin:10px 0 0; padding:8px 5px; font-size:18px; font-size:1.8rem; font-weight:bold; color:#FFFFFF; background-color:#EB3F40;} @media all and (max-width:969px) { .briefingbox02 .maininfo { display:block; width:auto; margin:0;} .briefingbox02 dl.details { display:block; width:auto; margin:10px 0 0; padding:5px 5px 0;} .briefingbox02 dl.details dt { float:none; width:auto; margin:0; text-align:left; background-color:#F2F2F2;} .briefingbox02 dl.details dd { border:none;} } @media all and (max-width:719px) { .briefingbox02 .maininfo { font-size:1.6rem;} .briefingbox02 .maininfo h3 { font-size:2.2rem;} .briefingbox02 .maininfo p { font-size:1.8rem;} .briefingbox02 .maininfo ul { font-size:1.8rem;} .briefingbox02 dl.details { font-size:1.6rem;} .schedule-list02 h3 { font-size:2.2rem;} } @media all and (max-width:419px) { .briefingbox02 .maininfo { font-size:1.4rem;} .briefingbox02 .maininfo h3 { font-size:2.0rem;} .briefingbox02 .maininfo p { font-size:1.6rem;} .briefingbox02 .maininfo ul { font-size:1.6rem;} .briefingbox02 dl.details { font-size:1.4rem;} .schedule-list02 h3 { font-size:2.0rem;} } /*--別案ここまで------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*20200624追加変更⇒20201225追加変更*/ .tp_bnrbox { position:absolute; top:auto; right:3%; bottom:5%; display:inline-block; margin:0; text-align:right; z-index:20;} .tp_bnrbox a.eb_bnr { display:inline-block; margin:0 0 15px; padding:5px 10px; text-align:center; font-size:28px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important; color:#FFFFFF; background-color:#EB3F40; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} .tp_bnrbox a.hb_bnr { display:inline-block; margin:0 0 15px; padding:10px; text-align:center; font-size:36px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important; color:#FFFFFF; background-color:#EB3F40; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */ line-height:1.1; /*text-shadow: #FFFFFF 2px 0px 1px, #FFFFFF -2px 0px 1px, #FFFFFF 0px -2px 1px, #FFFFFF -2px 0px 1px, #FFFFFF 2px 2px 1px, #FFFFFF -2px 2px 1px, #FFFFFF 2px -2px 1px, #FFFFFF -2px -2px 1px, #FFFFFF 1px 2px 1px, #FFFFFF -1px 2px 1px, #FFFFFF 1px -2px 1px, #FFFFFF -1px -2px 1px, #FFFFFF 2px 1px 1px, #FFFFFF -2px 1px 1px, #FFFFFF 2px -1px 1px, #FFFFFF -2px -1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px -1px 1px, #FFFFFF -1px -1px 1px;*/} .tp_bnrbox a.yt_bnr { display:inline-block;} .tp_bnrbox a.yt_bnr img { width:640px;} .tp_bnrbox a { text-decoration:none;} .tp_bnrbox a:hover { text-decoration:none; opacity:0.7;} @media all and (max-width:1279px) { .tp_bnrbox a.yt_bnr img { width:80%;} } @media all and (max-width:999px) { .tp_bnrbox a.eb_bnr { font-size:24px;} .tp_bnrbox a.hb_bnr { font-size:24px;} .tp_bnrbox a.yt_bnr img { width:60%;} } @media all and (max-width:719px) { /*-----201109変更前 .tp_bnrbox { top:auto; left:4%; right:4%; bottom:45vw; text-align:center;}*/ .tp_bnrbox { top:auto; left:auto; right:4%; bottom:55vw; left:4%; width:auto; text-align:right;} .tp_bnrbox a.eb_bnr { margin:0 0 5px; padding:5px 7px; font-size:3.3vw;} .tp_bnrbox a.hb_bnr { margin:0 0 5px; padding:7px; font-size:6.0vw;} .tp_bnrbox a.yt_bnr img { width:60%; max-width:480px;} } .mrbnr { padding:0 3%; background-color:#EAE8E9;} .mrbnr a { display:block; padding:10px; text-align:center; color:#FFFFFF; font-size:32px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important; background-color:rgba(235,63,64, 0.9); -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} .mrbnr a:hover { text-decoration:none; background-color:rgba(235,63,64, 0.7);} .mrbnr a span { display:inline-block;} .mrbnr a span:last-of-type { font-size:28px;} .mrbnr a p { display:inline-block; margin:0 auto; padding:5px; color:#333333; font-size:24px; background-color:#FFFFFF;} .mrbnr a p span { margin:0 0.5em;} @media all and (max-width:999px) { .mrbnr a { font-size:28px;} .mrbnr a span:last-nth-of-type { font-size:24px;} .mrbnr a p { font-size:20px;} } @media all and (max-width:719px) { .mrbnr a { padding:5px; font-size:4.4vmin;} .mrbnr a span:last-of-type { font-size:4.0vmin;} .mrbnr a p { font-size:3.4vmin;} .mrbnr a p span { display:block; margin:0;} } @media all and (max-width:399px) { .mrbnr a { font-size:6.0vmin;} .mrbnr a span:last-of-type { font-size:5.2vmin;} } .wzbnr { padding:20px 3% 0; background-color:#EAE8E9;} .wzbnr a { display:block; padding:10px; border:rgba(235,63,64, 0.9) 2px solid; font-size:0; background-color:#FFFFFF; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} .wzbnr a:hover { text-decoration:none; opacity:0.7;} .wzbnr a img { display:inline-block; vertical-align:middle; width:58%; margin:0 2% 0 0; padding:0;} .wzbnr a p { display:inline-block; vertical-align:middle; width:40%; margin:0; padding:0; text-align:center; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;} .wzbnr a p span:nth-of-type(1) { display:block; margin:0; padding:1%; color:#FFFFFF; font-size:2.4vw; background-color:rgba(235,63,64, 0.9);} .wzbnr a p span:nth-of-type(2) { display:block; margin:5px 0; font-size:1.8vw; color:#333333;} .wzbnr a p span:last-of-type { display:block; color:rgba(235,63,64, 0.9); font-size:2.2vw;} @media all and (max-width:719px) { .wzbnr a img { display:block; width:100%; margin:0 0 5px;} .wzbnr a p { display:block; width:auto;} .wzbnr a p span:nth-of-type(1) { font-size:5.2vw;} .wzbnr a p span:nth-of-type(2) { font-size:4.5vw;} .wzbnr a p span:last-of-type { font-size:5.0vw;} } /*20200910追加変更･･･診断お申し込みフォームページ･･･フォーム基本設定部*/ #appli-form { margin:0; text-align:center;} #appli-form .form-area { margin:0; padding:0; text-align:center; font-size:16px;} #appli-form .form-area h3 { display:block; width:100%; box-sizing:border-box; margin:0 0 10px; padding:5px; text-align:center; color:#FFFFFF; font-weight:normal; font-size:18px; background-color:#EB3F40; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #appli-form .form-area > p { text-align:center; padding:0 5px;} #appli-form .form-area .form-box { display:inline-block; width:auto; margin:20px auto 0; padding:0 0 40px; text-align:center;} .form-box dl { margin:0 auto 10px;} .form-box dt { float:left; width:240px; margin-bottom:10px; padding:10px 5px 3px; text-align:center;} .form-box dt span { display:inline-block; vertical-align:middle; margin:0 5px; padding:0 5px; color:#FFFFFF; font-size:12px; font-size:1.2; background-color:#FF0000;} .form-box dt p { margin:10px 0 0; text-align:left;} .form-box dd { margin:0 0 10px 0; padding:5px 10px; border-left:250px #F0F0F0 solid; text-align:left; min-height:30px;} .form-box input[type=submit], .form-box input[type=reset], .form-box input[type=image], .form-box input[type=button] { margin:20px 10px 0; padding:10px 20px; font-size:14px; font-size:1.4rem;} @media all and (max-width:719px) { #appli-form {} #appli-form .form-area .form-box { width:100%; margin:0 auto; padding:0 0 30px;} .form-box dl { margin:10px 0 0; text-align:left;} .form-box dt { float:none; width:auto; margin-bottom:2px; padding:5px 10px; text-align:left; background-color:#F0F0F0;} .form-box dd { margin:0 0 10px 0; padding:5px; border:none; text-align:left;} .form-box dd.sp-list { text-align:left;} .form-box input[type=text], .form-box textarea { width:90%;} .form-box input[type=submit], .form-box input[type=reset], .form-box input[type=button] { max-width:none; min-width:30%;} } @media all and (max-width:539px) { #appli-form .form-area { font-size:1.4rem;} #appli-form .form-area h3 { font-size:1.6rem;} } /*20200910追加変更･･･診断お申し込みフォームページ･･･オリジナル設定部*/ #appli-form .form-subinfo { margin:0 0 5px; text-align:left;} #appli-form .form-subtitle { margin:0 0 5px; padding:5px; border-bottom:1px solid; text-align:left; font-size:2.2rem; font-weight:bold; background-color:#F5F5F5;} .terms-service { width:auto; height:25vh; box-sizing:border-box; overflow-y:scroll; margin:10px 0; padding:9px; border:#E4E4E4 1px solid; text-align:left; font-size:1.4rem;} .terms-service p.title { font-size:1.6rem; font-weight:bold;} .terms-service p.info { margin:1.0em 0;} .terms-service p.subheading { margin:1.5em 0 0.25em;} .terms-service .subcontents { margin:0 0.5em 0 1.0em;} .terms-service .subcontents ol { margin-left:1.5em; list-style:decimal;} .terms-service .subcontents ol > li { margin:0.5em 0 0;} .terms-service .subcontents ol > li:nth-of-type(1) { margin:0;} .terms-service .subcontents ul.brackets { margin:0.25em 0 0.5em; list-style:none;} .terms-service .subcontents ul.brackets > li { padding-left:3.0em; text-indent:-3.0em;} .terms-service .subcontents ul.brackets > li:before { display: inline;} .terms-service .subcontents ul.brackets > li:nth-of-type(1):before { content:"（１）";} .terms-service .subcontents ul.brackets > li:nth-of-type(2):before { content:"（２）";} .terms-service .subcontents ul.brackets > li:nth-of-type(3):before { content:"（３）";} .terms-service .subcontents ul.brackets > li:nth-of-type(4):before { content:"（４）";} .terms-service .subcontents ul.brackets > li:nth-of-type(5):before { content:"（５）";} .terms-service .subcontents ul.brackets > li:nth-of-type(6):before { content:"（６）";} .terms-service .subcontents ul.brackets > li:nth-of-type(7):before { content:"（７）";} .terms-service .subcontents ul.brackets > li:nth-of-type(8):before { content:"（８）";} .terms-service .subcontents ul.brackets > li:nth-of-type(9):before { content:"（９）";} @media all and (max-width:719px) { .terms-service { font-size:1.2rem;} #appli-form .form-subtitle { font-size:1.8rem;} .terms-service p.title { font-size:1.4rem;} } /*20230724追加変更･･･Aishoページ*/ ul.normallist li > ul { margin:0; padding:0; list-style:none;} ul.normallist li > ul > li { padding-left:2.0em; text-indent:-2.0em;} ul.normallist li > ul > li:before { display: inline;} ul.normallist li > ul > li:nth-of-type(1):before { content:"１）";} ul.normallist li > ul > li:nth-of-type(2):before { content:"２）";} ul.normallist li > ul > li:nth-of-type(3):before { content:"３）";} /*20240221追加変更･･･各診断ページ*/ .aisho_main #submenu { position:absolute; right:20px; bottom:20px; left:20px; text-align:center; z-index:5;} .fashion_main #submenu { position:absolute; right:20px; bottom:0; left:20px; text-align:center; z-index:5;} .aisho_main #submenu ul, .fashion_main #submenu ul { box-sizing:border-box; display:inline-block; width:auto !important; margin:0 auto; padding:5px; list-style:none; background-color:#FFFFFF; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} .aisho_main #submenu ul li, .fashion_main #submenu ul li { display:inline-block; margin:0; padding:0;} .aisho_main #submenu ul li:before, .fashion_main #submenu ul li:before { display:inline; content:"｜";} .aisho_main #submenu ul li:last-of-type:after, .fashion_main #submenu ul li:last-of-type:after { display:inline; content:"｜";} .aisho_main #submenu ul li a, .fashion_main #submenu ul li a { display:inline-block; padding:2px 5px;} .aisho_main #submenu ul li a:hover, .fashion_main #submenu ul li a:hover { text-decoration:none; color:#21AB9A; background-color:#C7FCE2;} .submenu-link:before { content: ""; display: block; height: 100px; /* 調整したい高さ（固定ヘッダーの高さ） */ margin-top: -100px; /* heightと同じ分のネガティブマージン */ visibility: hidden; } @media all and (max-width:719px) { .aisho_main #submenu ul li, .fashion_main { font-size:1.4rem !important;} .submenu-link { padding-top:120px !important; margin-top:-120px !important;} } /*20240612追加変更･･･Fashionページ*/ ul.numberlist02 { margin:0 0 0.75em 1.0em; padding:0; text-align:left; list-style:none;} ul.numberlist02 li { margin:0.5em 0 0; padding:0 0 0 1.0em; text-indent:-1.0em; line-height:1.3;} ul.numberlist02 li:before { display:inline;} ul.numberlist02 li:nth-of-type(1):before { content:"1:";} ul.numberlist02 li:nth-of-type(2):before { content:"2:";} ul.numberlist02 li:nth-of-type(3):before { content:"3:";} ul.numberlist02 li:nth-of-type(4):before { content:"4:";} ul.numberlist02 li:nth-of-type(5):before { content:"5:";} ul.numberlist02 li:nth-of-type(1) { margin:0.75em 0 0;} /* きもの人似合うマッチリンク用CSS */ #btn-niau_link { width:100%; max-width:1200px; margin:0 auto; padding:0; text-align:center;} #btn-niau_link a { display:inline-block; margin:0; padding:10px; text-align:center; font-size:1.4rem; color:#000000;} #btn-niau_link a:hover { text-decoration:none; opacity:0.7;} #btn-niau_link a > div:nth-of-type(1) { box-sizing:border-box; display:inline-block; vertical-align:middle; width:calc(100% - 30px); max-width:360px; margin:0 0 10px; padding:15px; background-color:#F0E600;} #btn-niau_link a > div:nth-of-type(1) img { width:100%;} #btn-niau_link a > div:nth-of-type(2) { box-sizing:border-box; display:inline-block; vertical-align:middle; width:100%; max-width:320px; margin:0 0 10px; padding:5px; background-color:#FFFFFF;} #btn-niau_link a > div:nth-of-type(2) img { display:inline-block; width:16.6%; max-width:100px !important;} /*---20241015一時追加---*/ #add241015 { display:inline-block; margin:60px auto; padding:18px; border:#FF0000 2px solid; font-size:18px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} #add241015 p:nth-of-type(1) { margin:0 0 15px; padding:0 0.5em 10px; border-bottom:#FF0000 1px solid; color:#FF0000; font-size:20px; font-weight:bold;} #add241015 p:nth-of-type(2) { padding:0 1.0em; text-align:left; line-height:1.8;} #add241015 p:nth-of-type(3) { padding:0.5em 1.0em 0; text-align:right;} /*---241113一時追加---*/ .sf2ndform { min-height:50vh; margin:0;} .sf2ndform > h2 { font-size:32px !important;} .sf2ndform > h2 span { display:inline-block !important; margin:0 3px;} .sf2ndform > p { margin:20px auto; font-size:16px;} .sf2ndform .form-box { max-width:720px; margin:0 auto; padding:0 20px;} .sf2ndform .form-box dl {} .sf2ndform .form-box dl dt { width:170px;} .sf2ndform .form-box dl dd { border-left:180px #F0F0F0 solid;} .sf2ndform .form-box dl dd input[type=text] { box-sizing:border-box; width:100%;} @media all and (max-width:719px) { .sf2ndform > h2 { font-size:2.4rem !important;} .sf2ndform > p { font-size:1.6rem;} .sf2ndform .form-box { padding:0 20px;} .sf2ndform .form-box dl dt { width:auto;} .sf2ndform .form-box dl dd { border-left:none;} } /*---241126一時追加---*/ .interaction_ctninfo { margin:0 !important;} .interaction_ctninfo > ul { margin:0 0 0 0.5em; padding:0; text-align:left; list-style:none;} .interaction_ctninfo > ul > li { margin:0.5em 0 0; padding:0 0 0 2.0em; text-indent:-2.0em;} .interaction_ctninfo > ul > li:nth-of-type(1):before { content:"１）";} .interaction_ctninfo > ul > li:nth-of-type(2):before { content:"２）";} .interaction_ctninfo > ul > li:nth-of-type(3):before { content:"３）";} .interaction_ctninfo > ul > li:nth-of-type(4):before { content:"４）";} .interaction_ctninfo > ul > li:nth-of-type(5):before { content:"５）";} .interaction_ctninfo > ul > li > ul { margin:0; padding:0; text-align:left; list-style:none;} .interaction_ctninfo > ul > li > ul > li { padding:0 0 0 1.0em; text-indent:-1.0em;} .interaction_ctninfo > ul > li > ul > li:nth-of-type(1):before { content:"@";} .interaction_ctninfo > ul > li > ul > li:nth-of-type(2):before { content:"A";} .interaction_ctninfo > ul > li > ul > li:nth-of-type(3):before { content:"B";} .interaction_ctninfo > ul > li > ul > li:nth-of-type(4):before { content:"C";} .interaction_ctninfo > ul > li > ul > li:nth-of-type(5):before { content:"D";} .interaction_ctninfo > ul > li img { display:block; width:100%; max-width:540px; margin:0.4em 0;} .second_ctninfo { margin:20px 0.5em 0; padding:1.0em; border:#C8C8C8 1px solid; font-size:15px !important; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} /*---241227一時追加---*/ .fashion_main #mainimg01 { width:100% !important; background-repeat:no-repeat !important; background-size:contain !important;} @media all and (max-width:719px) { .fashion_main { width:100% !important; height:85% !important; height:85vw !important;} .fashion_main p:nth-of-type(2) { bottom:-50px !important; position:absolute; top:auto !important; left:50%; transform: translateY(auto) translateX(-50%) !important; -webkit- transform: translateY(auto) translateX(-50%) !important;} .fashion_main #mainimg01 { width:100% !important; height:100% !important; background-position:bottom left;} .fashion_main #submenu { bottom:-70px; font-size:1.2rem !important;} .fashion_main #submenu ul { border:#27B1AE 1px solid;} } /*---250115変更･追加---トップページ･･･コンテンツリスト部---*/ #shindan_main.toppage ul#contents-list { position:relative; margin:0 2.0vw; padding:50px 30px 0; text-align:center; list-style:none; font-size:0; background-color:#FFFFFF;} #shindan_main.toppage ul#contents-list > div { margin:0 0 10px; padding:10px; font-size:24px; color:#FFFFFF; background-color:#666666;} #shindan_main.toppage ul#contents-list li { display:inline-block; vertical-align:top; width:32.0%; margin:0 0 2.0vw; padding:0;} #shindan_main.toppage ul#contents-list li:nth-of-type(1), #shindan_main.toppage ul#contents-list li:nth-of-type(2), #shindan_main.toppage ul#contents-list li:nth-of-type(4) { margin-right:2%;} #shindan_main.toppage ul#contents-list li img { display:block; width:100%; height:auto;} #shindan_main.toppage ul#contents-list li h2 { margin:0; padding:10px 0; border:#27B1AE 5px solid; font-size:28px; font-weight:normal; color:#27B1AE; background-color:#FFFFFF;} #shindan_main.toppage ul#contents-list li h2 p { position:relative; font-size:18px;} #shindan_main.toppage ul#contents-list li a:hover { text-decoration:none;} #shindan_main.toppage ul#contents-list li a:hover img { opacity:0.7;} #shindan_main.toppage ul#contents-list li a:hover h2 { background-color:#B9E4E2;} @media all and (max-width:1199px) { #shindan_main.toppage ul#contents-list li h2 { font-size:22px;} #shindan_main.toppage ul#contents-list li h2 p { font-size:14px;} } @media all and (max-width:719px) { #shindan_main.toppage ul#contents-list { padding:35px 10px 0;} #shindan_main.toppage ul#contents-list > div { font-size:20px;} #shindan_main.toppage ul#contents-list li { width:100%; font-size:2.8remx; margin:0 0 20px;} #shindan_main.toppage ul#contents-list li h2 { font-size:2.6rem;} #shindan_main.toppage ul#contents-list li h2 p { font-size:1.5rem;} #shindan_main.toppage ul#contents-list li:nth-of-type(1), #shindan_main.toppage ul#contents-list li:nth-of-type(2), #shindan_main.toppage ul#contents-list li:nth-of-type(4) { margin-right:0;} } #home .topinfo-area p { width:90%; max-width:1100px; margin:0 auto 80px; padding:0; text-align:center; background-color:rgba(255,255,255,1.00); position:relative; top:auto; left:auto; transform:none; -webkit- transform:none; -moz-border-radius:0; /*古いFirefox */ -webkit-border-radius:0; /*古いSafari,Chrome */ border-radius:0; /*CSS3 */} #home .topinfo-area p > span:nth-of-type(1) { display:block; margin:0 auto 1.0em; text-align:center; color:#FD4702; font-size:24px;} #home .topinfo-area p > span:nth-of-type(1) strong { font-size:32px; font-weight:normal;} #home .topinfo-area p > span:nth-of-type(1) br { display:inline;} #home .topinfo-area p > span:nth-of-type(2) { display:block; margin:0; text-align:left; font-size:20px; color:#333333;} #home .topinfo-area p > span:nth-of-type(2) br { display:inline;} @media all and (max-width:859px) { #home .topinfo-area p > span:nth-of-type(1) br { display:none;} } @media all and (max-width:719px) { #home .topinfo-area p { margin:0 auto 80px; padding:0; -moz-border-radius:0; /*古いFirefox */ -webkit-border-radius:0; /*古いSafari,Chrome */ border-radius:0; /*CSS3 */} #home .topinfo-area p > span:nth-of-type(1) { display:block; font-size:1.9rem;} #home .topinfo-area p > span:nth-of-type(1) strong { font-size:2.5rem;} #home .topinfo-area p > span:nth-of-type(2) { font-size:1.7rem;} } /*---251024変更･追加---*/ .settlement_btn > a > span { display:block; font-size:20px;} @media all and (max-width:719px) { .settlement_btn > a > span { font-size:1.8rem;} }