.samplebox { background-color:#F0F0F0; margin:0 4%; padding:500px 0; text-align:center;} .standby { margin:0; padding:200px 0 !important; text-align:center;} /*トップページ･･･オープニング部*/ .introtzikas_bg { background:url(../img/top/opening.png) no-repeat; background-position:center center; background-size:320px 150px;} @media all and (max-width:359px) { .introtzikas_bg { background-size:95% auto;} } /*トップページ･･･コンテンツ動き部*/ #home .container {} #home .container h2 { transition: .8s; } #home .container .ctnbox { transition: .6s; transition-delay: .6s; } #home .container .ctnbox img { transition: 1.2s; transition-delay: 1.2s; } #home .container .ctnbox p { transition: 1.8s; transition-delay: 1.8s; } #home .container .ctnbox .btn-more { transition: 2.4s; transition-delay: 2.4s; } .prlx-area {} .case-exm { transition: .8s; transition-delay: .8s; } /*トップページ･･･スライド部*/ .current .slide-area { display:block; position:relative; width:100%; height:100vh; border-top:none !important;} h2.topcmt { position:absolute; left:3%; top:30%; margin:0; padding:30px; text-align:center; font-size:32px; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important; line-height:1.4; z-index:15; background: -webkit-gradient(linear, left top, right top, color-stop(1.00, rgba(255, 255, 255, 0.75)), color-stop(0.50, #FFFFFF)); background: -webkit-linear-gradient(left, #FFFFFF 50%, rgba(255, 255, 255, 0.75) 100%); background: -moz-linear-gradient(left, #FFFFFF 50%, rgba(255, 255, 255, 0.75) 100%); background: -o-linear-gradient(left, #FFFFFF 50%, rgba(255, 255, 255, 0.75) 100%); background: -ms-linear-gradient(left, #FFFFFF 50%, rgba(255, 255, 255, 0.75) 100%); background: linear-gradient(to right, #FFFFFF 50%, rgba(255, 255, 255, 0.75) 100%); -moz-border-radius: 30px; /* 古いFirefox */ -webkit-border-radius: 30px; /* 古いSafari,Chrome */ border-radius: 30px; /* CSS3 */ box-shadow:10px 10px rgba(50, 50, 50, 0.7); text-shadow:#FFFFFF 2px 0px 2px, #FFFFFF -2px 0px 2px, #FFFFFF 0px -2px 2px, #FFFFFF -2px 0px 2px, #FFFFFF 2px 2px 2px, #FFFFFF -2px 2px 2px, #FFFFFF 2px -2px 2px, #FFFFFF -2px -2px 2px, #FFFFFF 1px 2px 2px, #FFFFFF -1px 2px 2px, #FFFFFF 1px -2px 2px, #FFFFFF -1px -2px 2px, #FFFFFF 2px 1px 2px, #FFFFFF -2px 1px 2px, #FFFFFF 2px -1px 2px, #FFFFFF -2px -1px 2px, #FFFFFF 1px 1px 2px, #FFFFFF -1px 1px 2px, #FFFFFF 1px -1px 2px, #FFFFFF -1px -1px 2px;} h2.topcmt span { display:block; margin-bottom:0.5em; padding-bottom:2px; border-bottom:#27B1AE 2px solid; font-size:36px; font-weight:bold;} h2.topcmt p { margin:20px 0 0; font-size:48px;} .current .slide-area #fixeditem { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden;} .current .slide-area #fixeditem img { position:absolute; bottom:0; left:0; z-index:10;} .current .slide-area #watermark { position:absolute; top:0; left:0; width:100%; height:100px; background:rgba(255, 255, 255, 0.6); z-index:5;} .current .slide-area .mainimg { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; text-align:right !important;} .current .slide-area .mainimg img { position:absolute; top:0; right:0; bottom:0; width:auto; height:100%;} @media all and (max-width:1259px) { h2.topcmt { top:45%; padding:25px; font-size:28px; -moz-border-radius: 25px; /* 古いFirefox */ -webkit-border-radius: 25px; /* 古いSafari,Chrome */ border-radius: 25px; /* CSS3 */} h2.topcmt span { font-size:32px;} h2.topcmt p { font-size:40px;} .current .slide-area #fixeditem img { left:-100px; width:auto; height:100%; border-left:#EAE8E9 150px solid;} } @media all and (max-width:1039px) { h2.topcmt { top:35%;} .current .slide-area #watermark { left:50px;} .current .slide-area .mainimg img { right:-100px;} } @media all and (max-width:719px) { .current .slide-area .mainimg { /*margin-top:40px;*/} h2.topcmt { top:auto; left:4%; right:4%; bottom:4%; font-size:4.8vmin; padding:10px; line-height:1.3; background:rgba(255, 255, 255, 1.0); -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} h2.topcmt span { font-size:5.4vmin;} h2.topcmt p { font-size:6.4vmin;} h2.topcmt p:nth-of-type(1) { margin:5px 0;} .current .slide-area #fixeditem img { border-left:none;} .current .slide-area #watermark { display:none;} } @media all and (max-width:639px) { .current .slide-area .mainimg img { right:-135px;} } @media all and (max-width:479px) { .current .slide-area { height:80vh; margin-top:70px; border-bottom:#EAE8E9 10vh solid;} h2.topcmt { bottom:0;} .current .slide-area #fixeditem img { left:-65px;} .current .slide-area .mainimg img { right:-90px;} } /* ページ共用･･･詳細ボタン */ .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:#27B1AE; color:#27B1AE; 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:#27B1AE 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:#27B1AE;} .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:#27B1AE 1px solid; text-align:center; font-size:20px; color:#27B1AE; 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:#27B1AE;} .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:#27B1AE; color:#27B1AE; 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;} } /*#home .block022 .dsrpt { display:inline-block; margin:0 0 30px; padding:0; text-align:left; font-size:18px;} #home .block022 .dsrpt h3 { margin:0 0 5px; padding:0 0 5px; text-align:center; font-size:22px;} #home .block022 > ul { margin:0 0 30px; text-align:center; font-size:0;} #home .block022 > ul > li { display:inline-block; vertical-align:top; width:50%; font-size:16px;} #home .block022 > ul > li p { width:90%; margin:0 auto 10px; padding:5px 0; color:#FFFFFF; font-size:18px; background-color:#666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #home .block022 > ul > li > ul { width:85%; margin:0 auto; list-style:disc; text-align:left;} #home .block022 > ul > li > ul > li { margin:5px 0 0 20px;} #home .block022 .linkbtn { display:inline-block; margin:0;} #home .block022 .linkbtn a { display:block; margin:0; padding:10px; color:#FFFFFF; font-size:20px; background-color:#27B1AE; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;} #home .block022 .linkbtn a span { display:inline-block;} #home .block022 .linkbtn a:hover { text-decoration:none; opacity: 0.7 !important;} @media all and (max-width:719px) { #home .block022 .dsrpt { font-size:1.6rem;} #home .block022 .dsrpt h3 { font-size:2.0rem;} #home .block022 > ul > li { display:block; width:100%; font-size:1.4rem;} #home .block022 > ul > li:nth-of-type(2) { margin:15px 0 0;} #home .block022 > ul > li p { width:100%; font-size:1.6rem;} #home .block022 > ul > li > ul { width:95%;} #home .block022 .linkbtn a { font-size:1.8rem;} #home .block022 .linkbtn a strong { font-size:2.0rem;} }*/ /*トップページ･･･201109変更･追加*/ h2.topcmt .cn-ftf { position:absolute; top:-40px; left:30px; padding:5px 10px; color:#FFFFFF; font-size:36px; text-shadow:none; background-color:#27B1AE; -moz-border-radius: 5px; /* 古いFirefox */ -webkit-border-radius: 5px; /* 古いSafari,Chrome */ border-radius: 5px; /* CSS3 */} @media all and (max-width:719px) { h2.topcmt .cn-ftf { top:-7.5vw; left:2%; font-size:5.4vmin;} } ul.top-effect { width:52.5%; box-sizing:border-box; margin:0 0 20px; padding:12px; border:#999999 3px solid; list-style:none; font-size:0; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} ul.top-effect li { display:inline-block; vertical-align:top; width:50%; box-sizing:border-box; margin:0 0 0.5em; padding:0 1.0em 0; text-indent:-1.0em; text-align:left; font-size:18px; line-height:1.2;} ul.top-effect li:before { display: inline; content: "●";} ul.top-effect li:nth-of-type(5), ul.top-effect li:nth-of-type(6) { margin:0;} p.top-effect_ctc { text-align:center !important; font-weight:bold !important; font-size:24px !important;} span.text-ik_bold { color:#27B1AE; font-weight:bold; display:inline !important;} @media all and (max-width:1199px) { ul.top-effect li { display:block; width:100%; padding:0 0 0 1.0em;} ul.top-effect li:nth-of-type(5) { margin:0 0 0.5em;} } @media all and (max-width:719px) { ul.top-effect { width:auto; display:inline-block; margin:0 auto 20px; padding:12px; -moz-border-radius: 10px; /* 古いFirefox */ -webkit-border-radius: 10px; /* 古いSafari,Chrome */ border-radius: 10px; /* CSS3 */} ul.top-effect li { font-size:1.6rem;} p.top-effect_ctc { font-size:2.0rem !important;} } ul.top-conts { width:52.5%; box-sizing:border-box; margin:0 0 20px; padding:0; list-style:none; font-size:0;} ul.top-conts li { position:relative; margin:0 0 2.0em; padding:12px; border:#0549D6 3px solid; text-align:center; font-size:18px; font-weight:bold; color:#044A97; background-color:#E9F7FE; -moz-border-radius: 20px; /* 古いFirefox */ -webkit-border-radius: 20px; /* 古いSafari,Chrome */ border-radius: 20px; /* CSS3 */} ul.top-conts li:after { position:absolute; right:0; bottom:-1.2em; left:0; text-align:center; font-size:48px; color:#0549D6; content:"▼";} ul.top-conts li:last-of-type:after { display:none;} @media all and (max-width:719px) { ul.top-conts { width:auto;} ul.top-conts li { font-size:1.6rem;} ul.top-conts li:after { font-size:3.6rem;} } /*トップページ･･･Topics&News部*/ .tn-area { padding:20px 0 40px; background-color:#EAE8E9;} .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;} } /*「色個性コンサルティング」とは？ページ*/ #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:#27B1AE; font-size:24px; border:#27B1AE 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(../price/img/flow_img-arrow_r.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-l { background:url(../price/img/flow_img-arrow_l.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-rl { background:url(../price/img/flow_img-arrow_rl.gif) center center no-repeat; background-size:100% auto;} #solution .flow ul li.aw-lr { background:url(../price/img/flow_img-arrow_lr.gif) center center no-repeat; background-size:100% auto} #solution .flow ul li.aw-w { background:url(../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:#27B1AE; -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:#27B1AE 1px solid; color:#27B1AE; 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:#27B1AE; 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:#27B1AE; 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:#27B1AE; -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(../price/img/flow_img-arrow_r.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-l { background:url(../price/img/flow_img-arrow_l.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-rl { background:url(../price/img/flow_img-arrow_rl.gif) center center no-repeat; background-size:100% auto;} #flow ul li.aw-lr { background:url(../price/img/flow_img-arrow_lr.gif) center center no-repeat; background-size:100% auto} #flow ul li.aw-w { background:url(../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:#27B1AE;} #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:#27B1AE; 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:#27B1AE;} #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:#27B1AE; -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:#27B1AE; -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(../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:#27B1AE; -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:#27B1AE; -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:#27B1AE; -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:#27B1AE 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:#27B1AE 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:#27B1AE;} @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:#27B1AE;} @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:#27B1AE; -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:#27B1AE; -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:614px;} .tp_bnrbox a { text-decoration:none;} .tp_bnrbox a:hover { text-decoration:none; opacity:0.8;} @media all and (max-width:1259px) { .tp_bnrbox a.yt_bnr img { width:80%;} } @media all and (max-width:1039px) { /*.tp_bnrbox a.eb_bnr { font-size:24px;} .tp_bnrbox a.hb_bnr { font-size:24px;}*/ .tp_bnrbox a.yt_bnr img { width:65%;} } @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:#27B1AE; -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;} } /*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 2.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 1.0em; text-indent:-1.0em;} #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 #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 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:#27B1AE; -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:/*#27B1AE*/#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 .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;} } /* 230509追加 */ #effect h3#c-voice { display:block; margin:60px auto 10px; padding:10px 2%; border:0; border-bottom:#27B1AE 1px solid; text-align:center; font-size:24px; background-color:#FFF9F7;} #effect ul#c-voice { margin:1.0em auto 0; padding:0; list-style:none; text-align:center;} #effect 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 */} #effect ul#c-voice li h4 { display:block; margin:0 0 10px; padding:0 5px 5px; border-bottom:#CCCCCC 1px dotted; font-weight:bold;} #effect ul#c-voice li p { display:inline-block; padding:0 5px; font-size:16px;} @media all and (max-width:719px) { #effect h3#c-voice { font-size:2.0rem;} #effect ul#c-voice li p { font-size:1.4rem;} } /*---20241022アクセス変更---*/ #access ul.adr-method_new { max-width:900px; margin:0 auto; padding:0; list-style:none;} #access ul.adr-method_new > li { margin:0 0 40px; text-align:left;} #access ul.adr-method_new > li > h3 { margin:0; padding:0 5px 5px; border-bottom:#666666 1px solid; font-size:18px;} #access ul.adr-method_new > li > div { margin:10px 0 0; padding:5px; font-size:16px;} #access ul.adr-method_new > li > div.st-root > p { margin:0 0 0.5em; padding:0 0 0.25em; border-bottom:#999999 1px dotted;} #access ul.adr-method_new > li > div.st-root > p > span { display:inline-block;} #access ul.adr-method_new > li > div.st-root > p > span:nth-of-type(1) { width:10.5em;} #access ul.adr-method_new > li > div.st-root > p > span:nth-of-type(2) { padding-left:1.0em; text-indent:-1.0em;} #access .mp-box_new iframe { width:100%; height:50vh;} @media all and (max-width:719px) { #access ul.adr-method_new > li > h3 { font-size:1.6rem;} #access ul.adr-method_new > li > div { font-size:1.4rem;} } /*---20251031やめる指数---*/ #yameru_shisuu { text-align:center;} #yameru_shisuu .yameru_box { text-align:center !important;} #yameru_shisuu .yameru_box > div { box-sizing:border-box; max-width:1000px; margin:80px auto 0; padding:0;} #yameru_shisuu .yameru_box .block00 {} #yameru_shisuu .yameru_box .block00 img { width:100%; height:auto;} #yameru_shisuu .yameru_box .block01 { max-width:800px; font-size:0;} #yameru_shisuu .yameru_box .block01 h3 { margin:0; padding:13px; border:#27B1AE 2px solid; text-align:center; font-size:28px; color:#27B1AE; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} #yameru_shisuu .yameru_box .block01 > img { display:inline-block; vertical-align:top; width:30%;} #yameru_shisuu .yameru_box .block01 > ul { display:inline-block; vertical-align:top; width:66%; margin:5px 0 0 4%; padding:0; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block01 > ul li { margin:15px 0 0; padding:0; padding-left:1.5em; text-indent:-1.5em; font-size:20px;} #yameru_shisuu .yameru_box .block01 > ul li:before { display:inline;} #yameru_shisuu .yameru_box .block01 > ul li:nth-of-type(1):before { content:"1) ";} #yameru_shisuu .yameru_box .block01 > ul li:nth-of-type(2):before { content:"2) ";} #yameru_shisuu .yameru_box .block01 > ul li:nth-of-type(3):before { content:"3) ";} #yameru_shisuu .yameru_box .block01 > ul li span { display:inline-block; padding:0 3px; text-indent:0; background-color:#FFE980;} #yameru_shisuu .yameru_box .triangle { margin:30px auto -50px; padding:0; width: 0; height: 0; border-style: solid; border-right: 50px solid transparent; border-left: 50px solid transparent; border-top: 50px solid #FF0000; border-bottom: 0; } #yameru_shisuu .yameru_box .block02 { max-width:800px; font-size:0;} #yameru_shisuu .yameru_box .block02 h3 { margin:0 0 20px; padding:0; text-align:center; font-size:28px;} #yameru_shisuu .yameru_box .block02 h3 span { font-size:32px; color:#FF0000;} #yameru_shisuu .yameru_box .block02 > p { display:inline-block; margin:0 auto; padding:10px; text-align:center; font-size:20px; color:#FFFFFF; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block02 > ul { display:inline-block; vertical-align:top; margin:0; padding:13px; border:#27B1AE 2px solid; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block02 > ul li { margin:15px 0 0; padding:0; padding-left:1.0em; text-indent:-1.0em; font-size:20px;} #yameru_shisuu .yameru_box .block02 > ul li:nth-of-type(1) { margin:0;} #yameru_shisuu .yameru_box .block02 > ul li:before { display:inline;} #yameru_shisuu .yameru_box .block02 > ul li:nth-of-type(1):before { content:"@";} #yameru_shisuu .yameru_box .block02 > ul li:nth-of-type(2):before { content:"A";} #yameru_shisuu .yameru_box .block02 > ul li:nth-of-type(3):before { content:"B";} #yameru_shisuu .yameru_box .block02 > ul li:nth-of-type(4):before { content:"C";} #yameru_shisuu .yameru_box .block02 > ul li span { display:inline-block; padding:0 3px; text-indent:0; background-color:#FFE980;} #yameru_shisuu .yameru_box .block02 > ul li p { padding-left:0; text-indent:0; font-size:16px;} #yameru_shisuu .yameru_box .block03 { max-width:800px; font-size:0;} #yameru_shisuu .yameru_box .block03 h3 { margin:0 0 20px; padding:10px; text-align:center; font-size:24px; color:#FFFFFF; background-color:#FF0000;} #yameru_shisuu .yameru_box .block03 > div { text-align:center;} #yameru_shisuu .yameru_box .block03 > div > ul { display:inline-block; vertical-align:top; margin:0 auto 30px; padding:0; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block03 > div > ul li { margin:15px 0 0; padding:0 0 0 1.7em; font-size:20px; background:url(../yameru_shisuu/img/img03-01.gif) left center no-repeat; background-size:30px 26px;} #yameru_shisuu .yameru_box .block03 > p { display:inline-block; margin:0 auto; padding:10px; text-align:center; font-size:20px; color:#FFFFFF; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block03 > ul { display:inline-block; vertical-align:top; margin:0; padding:13px; border:#27B1AE 2px solid; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block03 > ul li { margin:15px 0 0; padding:0; padding-left:1.0em; text-indent:-1.0em; font-size:20px;} #yameru_shisuu .yameru_box .block03 > ul li:nth-of-type(1) { margin:0;} #yameru_shisuu .yameru_box .block03 > ul li:before { display:inline;} #yameru_shisuu .yameru_box .block03 > ul li:nth-of-type(1):before { content:"@";} #yameru_shisuu .yameru_box .block03 > ul li:nth-of-type(2):before { content:"A";} #yameru_shisuu .yameru_box .block03 > ul li:nth-of-type(3):before { content:"B";} #yameru_shisuu .yameru_box .block03 > ul li:nth-of-type(4):before { content:"C";} #yameru_shisuu .yameru_box .block03 > ul li span { display:inline-block; padding:0 3px; text-indent:0; background-color:#FFE980;} #yameru_shisuu .yameru_box .block03 > ul li p { padding-left:0; text-indent:0; font-size:16px;} #yameru_shisuu .yameru_box .block04 { max-width:800px; padding:20px; font-size:0; background-color:#27B1AE; -moz-border-radius:20px; /* 古いFirefox */ -webkit-border-radius:20px; /* 古いSafari,Chrome */ border-radius:20px; /* CSS3 */} #yameru_shisuu .yameru_box .block04 h3 { margin:0 0 10px; padding:0; text-align:center; font-size:24px; color:#FFFFFF;} #yameru_shisuu .yameru_box .block04 p { margin:0; padding:20px; text-align:left; font-size:20px; background-color:rgba(255,255,255,0.8);} #yameru_shisuu .yameru_box .block04 p img { width:40%; max-width:398px; float:left; margin-right:1.0em;} #yameru_shisuu .yameru_box .block04 p span { display:inline; padding:0 3px; text-indent:0; background-color:#FFE980;} #yameru_shisuu .yameru_box .block05 { max-width:800px; font-size:0;} #yameru_shisuu .yameru_box .block05 h3 { display:inline-block; vertical-align:top; margin:0; padding:35px 35px; text-align:center; font-size:32px; color:#FFFFFF; background-color:#27B1AE; line-height:1.2; -moz-border-radius:100px; /* 古いFirefox */ -webkit-border-radius:100px; /* 古いSafari,Chrome */ border-radius:100px; /* CSS3 */} #yameru_shisuu .yameru_box .block05 h3 span { display:block; font-size:24px;} #yameru_shisuu .yameru_box .block05 > img { display:inline-block; vertical-align:top; width:160px; height:auto; margin:0;} #yameru_shisuu .yameru_box .block05 > ul { display:inline-block; vertical-align:top; width:calc( 100% - 320px ); margin:0 0 0 20px; padding:0; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block05 > ul li { position:relative; margin:25px 0 0; padding:13px; padding-left:3.0em; border:#FF0000 2px solid; font-size:20px; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} #yameru_shisuu .yameru_box .block05 > ul li:nth-of-type(1) { margin:0;} #yameru_shisuu .yameru_box .block05 > ul li:before { display:block; position:absolute; top:50%; left:10px; margin:0; padding:0; font-weight:bold; font-size:32px; color:#FF0000; transform:translateY(-50%); -webkit- transform:translateY(-50%);} #yameru_shisuu .yameru_box .block05 > ul li:nth-of-type(1):before { content:"01";} #yameru_shisuu .yameru_box .block05 > ul li:nth-of-type(2):before { content:"02";} #yameru_shisuu .yameru_box .block05 > ul li:nth-of-type(3):before { content:"03";} #yameru_shisuu .yameru_box .block05 > ul li:after { display:block; position:absolute; bottom:-30px; left:50%; color:#FF0000; content:"▼"; transform:translateX(-50%); -webkit- transform:translateX(-50%);} #yameru_shisuu .yameru_box .block05 > ul li:nth-of-type(3):after { content:"";} #yameru_shisuu .yameru_box .block06 { max-width:800px; padding:20px; font-size:0; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block06 h3 { margin:0 0 15px; padding:0; text-align:center; font-size:24px; color:#FFFFFF;} #yameru_shisuu .yameru_box .block06 > div img { width:40%; max-width:398px; float:left; } #yameru_shisuu .yameru_box .block06 > div ul { display:inline-block; vertical-align:top; width:56%; margin:5px 0 0 4%; padding:0; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block06 > div ul li { margin:15px 0 0; padding:0; padding-left:1.5em; text-indent:-1.5em; font-size:18px; color:#FFFFFF;} #yameru_shisuu .yameru_box .block06 > div ul li:nth-of-type(1) { margin:0;} #yameru_shisuu .yameru_box .block06 > div ul li:before { display:inline;} #yameru_shisuu .yameru_box .block06 > div ul li:nth-of-type(1):before { content:"1) ";} #yameru_shisuu .yameru_box .block06 > div ul li:nth-of-type(2):before { content:"2) ";} #yameru_shisuu .yameru_box .block06 > div ul li:nth-of-type(3):before { content:"3) ";} #yameru_shisuu .yameru_box .block06 > div ul li span { display:inline-block; padding:0 3px; text-indent:0; background-color:#FFE980;} #yameru_shisuu .yameru_box .block07 { max-width:800px; margin-top:0; padding:20px 20px 0; font-size:0; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block07 > div { margin:0; padding:20px; background-color:#FFFFFF; -moz-border-radius:20px; /* 古いFirefox */ -webkit-border-radius:20px; /* 古いSafari,Chrome */ border-radius:20px; /* CSS3 */} #yameru_shisuu .yameru_box .block07 h3 { margin:0 0 15px; padding:0; text-align:center; font-size:24px; color:#FF0000;} #yameru_shisuu .yameru_box .block07 > div ul { display:inline-block; vertical-align:top; margin:0; padding:0; list-style:none; text-align:left;} #yameru_shisuu .yameru_box .block07 > div ul li { margin:15px 0 0; padding:0; padding-left:1.0em; text-indent:-1.0em; font-size:18px;} #yameru_shisuu .yameru_box .block07 > div ul li:nth-of-type(1) { margin:0;} #yameru_shisuu .yameru_box .block07 > div ul li:before { display:inline;} #yameru_shisuu .yameru_box .block07 > div ul li:nth-of-type(1):before { content:"@";} #yameru_shisuu .yameru_box .block07 > div ul li:nth-of-type(2):before { content:"A";} #yameru_shisuu .yameru_box .block07 > div dl { margin:0 auto 20px; font-size:18px;} #yameru_shisuu .yameru_box .block07 > div dl dt { float:left; width:100px; margin-bottom:5px; padding:10px 5px 3px; text-align:center;} #yameru_shisuu .yameru_box .block07 > div dl dd { margin:0 0 5px; padding:10px 10px 5px; border-left:110px #F0F0F0 solid; border-bottom:#666666 1px dotted; text-align:left; min-height:30px;} #yameru_shisuu .yameru_box .block07 > div dl p { display:inline-block; margin:0 auto; text-align:left; font-size:16px;} #yameru_shisuu .yameru_box .block07 > div dl dd strong > span { color:#FF0000;} #yameru_shisuu .yameru_box .block07 > div dl dd strong > span >span { font-size:28px;} #yameru_shisuu .yameru_box .block08 { max-width:800px; padding:20px; font-size:0; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block08 h3 { margin:0 0 15px; padding:0; text-align:center; font-size:24px; color:#FFFFFF;} #yameru_shisuu .yameru_box .block08 .form-box { margin-top:15px; font-size:16px;} #yameru_shisuu .yameru_box .block08 .form-box dl dt { margin-bottom:1px;} #yameru_shisuu .yameru_box .block08 .form-box dl dd { margin-bottom:1px; padding:10px; background-color:#FFFFFF;} #yameru_shisuu .yameru_box .block08 p { margin:5px auto 0; font-size:16px; color:#FFFFFF;} @media all and (max-width:719px) { #yameru_shisuu .yameru_box > div { margin:60px auto 0;} #yameru_shisuu .yameru_box .block00 { margin:0 auto;} #yameru_shisuu .yameru_box .block01 { max-width:800px; margin:20px auto 0; font-size:0;} #yameru_shisuu .yameru_box .block01 h3 { padding:13px 3px; font-size:2.0rem;} #yameru_shisuu .yameru_box .block01 > img { width:20%;} #yameru_shisuu .yameru_box .block01 > ul { width:76%;} #yameru_shisuu .yameru_box .block01 > ul li { font-size:1.7rem;} #yameru_shisuu .yameru_box .block01 > ul li:nth-of-type(1) { margin:5px 0 0;} #yameru_shisuu .yameru_box .block02 h3 { font-size:2.0rem;} #yameru_shisuu .yameru_box .block02 h3 span { font-size:2.4rem;} #yameru_shisuu .yameru_box .block02 > p { font-size:1.8rem;} #yameru_shisuu .yameru_box .block02 > ul li { font-size:1.7rem;} #yameru_shisuu .yameru_box .block02 > ul li p { font-size:1.4rem;} #yameru_shisuu .yameru_box .block03 h3 { font-size:2.0rem;} #yameru_shisuu .yameru_box .block03 > div > ul li { font-size:1.7rem; background-size:23px 20px;} #yameru_shisuu .yameru_box .block03 > p { font-size:1.8rem;} #yameru_shisuu .yameru_box .block03 > ul li { font-size:1.7rem;} #yameru_shisuu .yameru_box .block03 > ul li p { font-size:1.4rem;} #yameru_shisuu .yameru_box .block04 h3 { font-size:2.0rem;} #yameru_shisuu .yameru_box .block04 p { padding:10px; font-size:1.6rem;} #yameru_shisuu .yameru_box .block04 p img { display:block; width:100%; float:none; margin-right:0; margin:0 auto 10px;} #yameru_shisuu .yameru_box .block05 h3 { display:block; margin:0; padding:20px; font-size:2.0rem;} #yameru_shisuu .yameru_box .block05 h3 span { display:inline-block; font-size:1.6rem;} #yameru_shisuu .yameru_box .block05 > img { display:block; width:160px; height:auto; margin:10px auto; 0} #yameru_shisuu .yameru_box .block05 > ul { display:block; width:100%; margin:0;} #yameru_shisuu .yameru_box .block05 > ul li { padding-left:3.5em; font-size:1.6rem;} #yameru_shisuu .yameru_box .block05 > ul li:before { font-size:2.8rem;} #yameru_shisuu .yameru_box .block06 { max-width:800px; padding:20px; font-size:0; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block06 h3 { font-size:2.0rem;} #yameru_shisuu .yameru_box .block06 > div img { display:block; width:100%; float:none; margin:5px auto 15px;} #yameru_shisuu .yameru_box .block06 > div ul { display:block; width:auto; margin:5px 0 0;} #yameru_shisuu .yameru_box .block06 > div ul li { margin:15px 0 0; padding:0; padding-left:1.5em; text-indent:-1.5em; font-size:1.6rem;} #yameru_shisuu .yameru_box .block07 > div { padding:10px; -moz-border-radius:10px; /* 古いFirefox */ -webkit-border-radius:10px; /* 古いSafari,Chrome */ border-radius:10px; /* CSS3 */} #yameru_shisuu .yameru_box .block07 h3 { font-size:2.0rem;} #yameru_shisuu .yameru_box .block07 > div ul li { font-size:1.6rem;} #yameru_shisuu .yameru_box .block07 > div dl { font-size:1.6rem;} #yameru_shisuu .yameru_box .block07 > div dl dt { float:none; width:auto; background-color:#F0F0F0;} #yameru_shisuu .yameru_box .block07 > div dl dd { margin:0 0 5px; padding:5px 10px; border-left:none;} #yameru_shisuu .yameru_box .block07 > div dl p { font-size:1.4rem;} #yameru_shisuu .yameru_box .block07 > div dl dd strong > span >span { font-size:2.4rem;} #yameru_shisuu .yameru_box .block08 { max-width:800px; padding:20px; font-size:0; background-color:#27B1AE;} #yameru_shisuu .yameru_box .block08 h3 { font-size:2.0rem;} #yameru_shisuu .yameru_box .block08 .form-box { font-size:1.6rem;} #yameru_shisuu .yameru_box .block08 p { font-size:1.4rem;} }