@charset "utf-8";
 html {overflow-y:scroll; font-size:100%;}
body {font-family:"Noto Sans","Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; font-size:1rem;}
a {color:#69b7ea;}
a:hover {color:#358dbe;} header.siteHeader {border-bottom:1px solid #333; -webkit-box-shadow:none; box-shadow:none;}
.pf_header_logo {z-index:9999; width:40px; text-align:center; position:fixed; opacity:0;}
.pf_header_logo img {width:40px; padding-top:2px;}
.vk-mobile-nav nav>ul {border-top:1px solid #ddd;}
.vk-mobile-nav nav ul li a {border-bottom:1px solid #ddd; font-size:0.875rem;}
.vk-mobile-nav nav ul li a:hover {color:#ffffff; background-color:#70c7da;}
.vk-mobile-nav-menu-btn {top:12px;}
.vk-mobile-nav-menu-btn.menu-open {top:12px;}
.vk-mobile-nav-menu-btn.position-right {right:15px;}
@media (min-width: 992px) {
.siteHeader_logo img {height:45px;}
.header_scrolled .gMenu_outer {height:unset;}
.header_scrolled header .pf_header_logo {opacity:100; margin-left:calc(50% - 500px);}
}
@media (min-width: 1200px) {
.siteHeader_logo img {height:50px;}
.gMenu_outer {height:64px;}
.header_scrolled header .pf_header_logo {opacity:100; margin-left:calc(50% - 590px);}
}
@media (max-width: 991px) {
body {margin-top:49px;}
header.siteHeader {display:table; position:fixed; top:0; height:auto;}
.siteHeader .container {padding-top:15px; padding-bottom:15px; display:table-cell; vertical-align:middle;}
.siteHeader_logo img {height:40px;}
.vk-menu-acc ul.acc-child-close {max-height:1000px; opacity:1;}
span.acc-btn {display:none;}
}
@media (max-width: 782px) {
.admin-bar header.siteHeader {top:46px;}
}
@media (max-width: 575px){
.siteHeader_logo {padding:0;}
.siteHeader_logo img {margin-left:0; margin-right:0; height:35px;}
.vk-mobile-nav-menu-btn.position-right {right:10px;}
}
@media (max-width: 399px){
.siteHeader_logo img {height:30px;}
}
@media (min-width: 768px){
.gMenu li {margin:9px 0; padding:0 1.8em; border-left:1px solid #333;}
.gMenu li:first-child {border-left:none;}
.device-pc .gMenu>li>a {padding:0; line-height:1;}
.gMenu li ul {margin:0;}
.gMenu li li {margin:0; padding:0; border-left:none;}
.gMenu li li a {margin:0;}
.gMenu>li:before {bottom:-10px;}
.gMenu>li>ul.sub-menu {top:23px;}
.gMenu li.menu-item-has-children:after {top:3px;}
}
.siteContent {padding:2rem 0 2rem;}
body.home .siteContent {margin:0 auto; padding:0;}
.page-header {text-align:left; max-height:64px; color:#333; background-color:#fff;}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {margin:1.2em 0; padding-bottom:1rem; font-size:1.5rem; font-weight:bold;
line-height:1.3; border-bottom:1px dotted #333;}
@media (max-width: 991px) {
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
margin:1.5em 0;
font-size:1.3rem;
line-height:1.1;}
}
.navbar-brand {line-height:1.7em;}
.breadSection {display:none; color:#999; border-top:1px solid #333; border-bottom:1px dotted #c0c0c0;}
.breadSection .breadcrumb a {color:#999;}
.breadSection i.fa.fa-home {display:none;}
@media (max-width: 991px) {
.breadSection .breadcrumb {padding:2px 6px;}
}
@media (max-width: 575px) {
.breadSection .breadcrumb {padding-top:12px;}
}
div.col.subSection.sideSection.sideSection-col-two.baseSection {margin-top:0;} .entry-footer {margin-bottom:1rem;}
.siteFooter {border-top-color:#a9a9a9; background-color:#f9f9f9;}
.siteFooter .widget {margin-bottom:0;}
.footerMenu nav {position:relative; overflow:hidden;}
.footerMenu nav ul {position:relative; left:50%; float:left;}
.footerMenu nav li {position:relative; left:-50%; float:left; font-size:14px; line-height:16.5px;}
.footerMenu nav li a {color:#5f5f5f; font-size:0.75rem;}
.footerMenu nav li a:hover {background-color:rgba(0,0,0,.03); text-decoration:none;}
.footer-logos {margin:1.5rem 0.5rem 0; display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center;}
.footer-logos a {margin:0 0.75rem 1.5rem;}
.footer-logos a img {height:50px; width:auto; object-fit:contain;}
.copySection {padding:0.5rem;}
.copySection p {color:#5f5f5f;line-height:1.6;}
.siteFooter .container.sectionBox.copySection.text-center {padding:0 1rem 1rem;}
@media (min-width: 768px) {
.footerMenu {border-bottom:1px solid #e5e5e5;}
.footerMenu ul {margin:10px 0;}
nav.menu-footer_menu-container {display:flex; justify-content:center;}
}
@media (max-width:767px) {
.footerMenu .container {padding:0; max-width:100%;}
.footerMenu .nav {display:block; margin-top:0; border-bottom:1px solid #e5e5e5; width:100%;}
.footerMenu nav ul {position:static; overflow:hidden;}
.footerMenu nav li {position:static; padding:0; width:50%; float:left; border-bottom:1px solid #e5e5e5;}
.footerMenu nav li:last-child {border-bottom:none;}
.footerMenu nav li a {padding:10px 15px; display:block;}
.footer-logos a {margin-left:0.75rem; margin-right:0.75rem;}
.footer-logos a img {height:40px;}
}
#case-header {padding-top:50px; font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Noto Sans JP",sans-serif;}
@media (max-width:575px) {
#case-header {padding-top:30px;}
}
.nichijo, .hijoji {color:#ffffff; padding:1rem 0.5rem; position:absolute; top:0.75rem; left:1.75rem; border-radius:.25rem;}
.bg-pfgreen {background-color:#70c7da;}
.bg-pfred {background-color:#e8465a;}
.bg-pfgray {background-color:#cccccc;}
#taxonomies {border:1px solid #e8465a; background-color:#fdf2f8;}
#taxonomies i.fa-question-circle {color:#e8465a;}
#taxonomies .tax-cat {border-right:1px solid #e8465a;}
#taxonomies .tax-cat img.pfcat-img {width:2.5rem; height:auto;}
#taxonomies .tax-damage {border-right:1px solid #e8465a;}
#taxonomies .tax-damage img.damage-img {width:3rem; height:auto;}
#taxonomies .tax-problem {border-right:1px solid #e8465a;}
#taxonomies .tax-problem .problem-row {margin-top:2.057%;}
#taxonomies .tax-problem .problem-row img {width:12%; height:12%;}
#taxonomies .tax-problem .problem-row img.sp-narrow {width:1.6%; height:12%;}
#taxonomies .tax-timing .timing-arrow {width:16.6%}
@media (max-width:991px) {
#taxonomies .tax-cat img.pfcat-img {width:2.5rem; height:auto;}
#taxonomies .tax-damage img.damage-img {width:2.5rem; height:auto;}
}
@media (min-width:768px) {
#taxonomies .tax-cat {width:14%;}
#taxonomies .tax-damage {width:18.5%;}
#taxonomies .tax-problem {width:34.5%;}
#taxonomies .tax-timing {width:33%;}
}
@media (max-width:767px) {
#taxonomies .tax-cat {width:43%;}
#taxonomies .tax-damage {width:57%; border-right:0;}
#taxonomies .tax-problem {width:100%; border-width:1px 0; border-style:solid; border-color:#e8465a;}
#taxonomies .tax-timing {width:100%;}
}
@media (max-width:575px) {
#taxonomies .tax-cat img.pfcat-img {width:2.25rem; height:auto;}
#taxonomies .tax-damage img.damage-img {width:2.25rem; height:auto;}
} div.dscase .case-card {width:98%; margin-bottom:3%;}
.search-help {margin-top:1rem;}
.search-help {padding:0.3rem 0.6rem; border:1px solid #f6adb6; border-radius:0.3rem; background-color:#fcf2f7;}
.search-help > span {color:#e8465a;}
.search-help ul > li {font-size:0.9rem; line-height:1.4; margin-bottom:0.1rem;}
.search-help ul > li i {padding-left:0.2rem;}
@media (min-width:768px) {
div.dscase:nth-child(3n+1) .case-card {margin-right:auto;}
div.dscase:nth-child(3n+2) .case-card {margin:0 auto;}
div.dscase:nth-child(3n) .case-card {margin-left:auto;}
}
@media (max-width:767px) {
div.dscase .case-card {margin-bottom:0.75rem;}
}
@media (max-width:575px) {
.taxo_header {font-size:0.9375rem;}
}
img.pfct {position:absolute; bottom:0; right:2%; width:13.5%;} .archive.post-type-design_case .dlevel {width:17%;}
.archive.post-type-design_case .problem {width:66%;}
.archive.post-type-design_case .timing {width:17%;}
.archive.post-type-design_case .dlevel .img-pfc {width:30%;}
.archive.post-type-design_case .dlevel .img-dlv {width:42.5%;}
.archive.post-type-design_case .problem .problem-row {margin-top:2.057%;}
.archive.post-type-design_case .problem .problem-row img {width:12%; height:12%;}
.archive.post-type-design_case .problem .problem-row img.sp-narrow {width:1.6%; height:12%;}
.archive.post-type-design_case .timing {position:relative;}
.archive.post-type-design_case .timing img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:auto;}
.search.search-results .dlevel {width:17%;}
.search.search-results .problem {width:66%;}
.search.search-results .timing {width:17%;}
.search.search-results .dlevel .img-pfc {width:30%;}
.search.search-results .dlevel .img-dlv {width:42.5%;}
.search.search-results .problem .problem-row {margin-top:2.057%;}
.search.search-results .problem .problem-row img {width:12%; height:12%;}
.search.search-results .problem .problem-row img.sp-narrow {width:1.6%; height:12%;}
.search.search-results .timing {position:relative;}
.search.search-results .timing img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60%; height:auto;}
@media (min-width:768px) {
h6.case-name {height:3.15em;} }
a.to-case {background-color:#f28492; color:#ffffff;}
a.to-case:hover {background-color:#e8465a;}
a.to-case:focus {box-shadow:0 0 0 .2rem rgba(242,132,146,.5);
} .searchandfilter > div > ul {padding:0; margin-bottom:0; margin-top:0.5rem;}
.searchandfilter h4 {font-size:0.94rem; margin-bottom:0.4rem; padding:0.1rem 0 0.1rem 1rem; background-color:#c4e6f8; border-radius:0.2rem;}
.searchandfilter > div > ul > li {margin-bottom:0.5rem; padding-top:0.5rem; border-top:1px dotted #cccccc; display:block;}
.searchandfilter > div > ul > li:first-child {border-top:0;}
.searchandfilter > div > ul > li:last-child {border-top:0; margin-bottom:0;}
.searchandfilter > div > ul > li ul {margin:0; padding-inline-start:1rem;}
.searchandfilter > div > ul > li li {margin-bottom:0;}
.searchandfilter > div > ul > li li.cat-item-2 {background-color:#e7f5fc; padding-left:5px; padding-right:5px; margin-right:5px;}
.searchandfilter > div > ul > li li.cat-item-2 label {color:#358dbe; border-bottom:1px solid #89ccf1;}
.searchandfilter > div > ul > li li.cat-item-3 {background-color:#e7f5fc; padding-left:5px; padding-right:5px; margin-right:5px;}
.searchandfilter > div > ul > li li.cat-item-3 label {color:#358dbe; border-bottom:1px solid #89ccf1;}
.searchandfilter > div > ul > li li.cat-item-1 {background-color:#e7f5fc; padding-left:5px;}
.searchandfilter > div > ul > li li.cat-item-1 label {color:#358dbe; border-bottom:1px solid #89ccf1;}
.searchandfilter > div > ul > li ul.children li label {color:#333333; border-bottom:none;}
.searchandfilter label {margin-bottom:0;font-size:0.94rem;}
@media (max-width:767px) {
.searchandfilter > div > ul > li li.cat-item-1 {margin-top:5px;}
}
@media (max-width:575px) {
.searchandfilter > div > ul > li ul {padding-inline-start:0.3rem;}
}  body.home h2 {font-size:1.5rem; letter-spacing:1px; font-weight:bold; border:none; margin-bottom:10px; padding-bottom:0;}
body.home h3 {font-size:0.9rem; letter-spacing:1px; font-weight:bold; margin-top:0; padding-bottom:0; border-bottom:none;}
body.home h3:after {border-bottom:none;}
body.home .mainSection.mainSection-col-one {margin-bottom:0; height:calc(100vh - 49px); display:table;}
body.home #top_animation {display:table-cell; vertical-align:middle; margin-bottom:1rem;}
body.home #top_animation iframe {width:100%; height:800px;}
body.home .top_arrow {height:30px;}
body.home .top_arrow a {display:none;}
@media (min-width:1200px) {
body.home .mainSection.mainSection-col-one {margin-bottom:0; height:calc(100vh - 94px);}
}
@media (min-width:992px) and (max-width:1199px) {
body.home .mainSection.mainSection-col-one {margin-bottom:0; height:calc(100vh - 127px);}
}
@media (max-width:991px) {
body.home #top_animation iframe {height:690px;}
}
@media (max-width:767px) {
body.home #top_animation iframe {height:509px;}
body.home .top_arrow {height:48px; text-align:center; color:#ccc; margin-bottom:10px;}
body.home .top_arrow a {color:#ccc; font-size:48px; line-height:1; display:block;}
}
@media (max-width:575px) {
body.home #top_animation iframe {height:60%; min-height:290px;}
}
.top_main_contents {min-height:718px; background:no-repeat center/100% 702px url(https://dcs.phasefree.net/wp-content/uploads/2020/01/bg_top_main.jpg);}
.top_main_contents .top_main_contents_item {width:1140px; margin:0 auto 5rem;}
.top_main_contents .top_main_contents_item div {max-width:450px; margin-left:1rem;}
.top_main_contents .top_main_contents_item p {width:100%; font-size:0.9rem; margin:0; padding:0;}
.top_main_contents .top_main_contents_item ul {width:100%; list-style:url(https://dcs.phasefree.net/wp-content/uploads/2020/01/list_top_link.png) inside;
margin:0; padding:0;}
.top_main_contents .top_main_contents_item li {margin:0; padding:0;}
.top_main_contents .top_main_contents_item li a {color:#e8465a; font-size:0.9rem;}
@media (max-width:2000px) {
.top_main_contents {background-size:100% auto;}
}
@media (max-width:1139px) {
.top_main_contents .top_main_contents_item {width:100%;}
}
@media (max-width:991px) {
body.home h2 {margin-top:0; padding-top:0;}
.top_main_contents {padding-top:3rem; height:auto; min-height:initial; min-height:auto; background-position:50% 67%;}
.top_main_contents .top_main_contents_item {margin:0 auto 6rem;}
.top_main_contents .top_main_contents_item div {max-width:50%; margin-left:3rem;}
.top_main_contents .top_main_contents_item p br {display:none;}
.top_main_contents div:last-child {padding-top:2rem;}
}
@media (max-width:767px) {
.top_main_contents {
padding-top:4rem;
background-position:50% 60%;}
.top_main_contents .top_main_contents_item div {width:100%; max-width:initial; max-width:auto; margin-left:1rem;}
}
@media (max-width:575px) {
.top_main_contents {background:no-repeat 50% 53%/100% url(https://dcs.phasefree.net/wp-content/uploads/2020/02/bg_top_main_s.jpg); margin-bottom:0;}
.top_main_contents .top_main_contents_item {margin-bottom:0;}
.top_main_contents .top_main_contents_item div {margin-left:1.2rem; margin-right:0.3rem}
.top_main_contents .top_main_contents_item p {padding-bottom:1rem;}
.top_main_contents div:first-child {margin-bottom:0.5rem;}
.top_main_contents div:last-child {padding-top:5rem;}
.top_main_contents .top_main_contents_item .col-sm {display:none;}
.top_main_contents .top_main_contents_item li a {font-size:0.8rem;}
body.home h2 {font-size:1.2rem; letter-spacing:0;}
} .modal-open {padding-right:0px !important;}
.modal {padding-right:0px !important;} .text-pfred {color:#e8465a;}
.text-pfgreen {color:#70c7da;}
a.text-pfred:hover {color:#c6374a;} img.eval_icon {width:2.5rem; height:auto; margin-right:0.4rem;}
@media (max-width:991px) {img.eval_icon {width:2rem; height:auto; margin-right:0.2rem;}} @media (min-width:1200px) { .eval-chart {height:540px;} }
@media (min-width:992px) and (max-width:1199px) { .eval-chart {height:450px;} }
@media (min-width:768px) and (max-width:991px) { .eval-chart {height:400px;} }
@media (max-width:767px) { .eval-chart {margin-top:1rem;} } div.modal-pfcat h1 {line-height:1;}
div.modal-pfcat p {line-height:1.3;}
div.modal-pfcat .pfcat-hlpimg {width:18%;}
div.modal-pfcat span {font-size:0.5rem;}
div.modal-pfcat-inner {border:1px solid #e2f2f6;}
span.timing-num {line-height:1; color:#6c757d}
img.icon-info {width:1rem; height:auto;}
@media (max-width:575px){
div.modal-pfcat .pfcat-hlpimg {width:auto;}
div.modal-pfcat .pfcat-hlpimg img {width:3.5rem; height:auto;}
span.timing-exp {font-size:0.75rem;}
}
#aboutTiming span.h1 {line-height:1.2;}
div.related {border-top:2px dotted rgba(0,0,0,.125);}
div.case_search {border-top:1px dotted #7d7d7d; border-bottom:1px dotted #7d7d7d;}
.case_search .btn {padding:.2rem 1.5rem; font-size:0.94rem;}
.case_search .form-control {height:auto; padding:.1rem 1rem; font-size:0.94rem;}
.case_search_title {padding:0.5rem;}
a.case_search_title:hover {text-decoration:none; background-color:#eee;}
@media (max-width:575px) {
.case_search_title {padding:0.25rem;}
} #da-em, #conclusion, .case-column {margin-bottom:5em;}
#assessments {margin-bottom:4em;}
#assessments p {line-height:1.8;}
#summary {margin-bottom:3.5rem;}
#summary div {line-height:1.8;}
#conclusion p {line-height:1.8;}
@media (max-width:575px) {
#summary, #da-em, #conclusion {margin-bottom:3rem;}
#assessments {margin-bottom:2.5rem;}
} #case-title h1 {font-size:1.8rem; font-weight:bold; line-height:1.1; margin:0 0 0.3rem; padding:0 0.2rem 0 0;}
#case-title h5 {font-size:0.95rem; font-weight:bold; line-height:1.1; margin:0 0 0.6rem; padding:0;}
#case-title h6 {font-size:0.9rem; letter-spacing:0.08rem; line-height:1.1; margin:0; padding:0;}
#case-title .case-title-right {font-size:0.8rem; line-height:1.7;}
#case-title .case-title-right div:first-of-type {font-weight:bold;}
#case-title .case-title-right a {color:#333;}
.single-design_case .siteContent {font-size:0.94rem; padding:0 0 1.5rem;}
.single-design_case .entry-header {display:none;}
.single-design_case .breadSection {display:none;}
.single-design_case figcaption {padding-top:0.8rem; font-weight:400; line-height:1.8; text-align:left;}
.case-column {background:linear-gradient(to right,#cbedfb 0%,#f8dcea 100%);}
.column_head {border-right:1px solid #343a40; text-align:center; font-weight:bold; letter-spacing:0.1rem;}
.column-text {line-height:1.8;}
#pf-ctfd {position:absolute; bottom:1rem; right:1rem; width:10%;} .single-design_case .tooltip .tooltip-inner {background-color:#e8465a;}
.single-design_case .tooltip-auto[x-placement^=bottom] .arrow::before,
.single-design_case .tooltip .arrow::before {border-top-color:#e8465a !important;}
@media (max-width: 767px) {
#pf-ctfd {bottom:0.5rem; right:0.5rem; width:15%;}
}
@media (max-width: 991px) {
#case-header div:first-child {padding:auto 10px;}
#case-title h1 {font-size:1.6rem;}
#case-title h5 {font-size:0.9rem; margin-bottom:0;}
#case-title h6 {display:none;}
#case-title .case-title-right {font-size:0.8rem; line-height:1.2; padding:0.2rem 0;}
.case-pfred-link {font-size:0.9rem; line-height:1.4; padding-top:0.2rem;}
.eval_title {font-size:1.5rem;}
.entry-body .h4 {margin-bottom:0.8rem;}
}
@media (max-width:767px) {
#case-title h1 {font-size:1.3rem;}
.column_head {border-right:none; border-bottom:1px solid #333; margin-bottom:0.5rem; padding-bottom:0.4rem; text-align:left;}
#assessments .card-body {padding-right:0; padding-left:0;} }
@media (max-width:575px) {
#case-title h5 {font-size:0.85rem; margin-bottom:0.3rem;}
#case-title .case-title-right {font-size:0.75rem;}
}
.page_top_btn {background-color:#89ccf1; outline:1px solid #fff; box-shadow:0 0 0 1px #fff, 0 0 0 2px #89ccf1;}
.entry-meta-dataList dt {background-color:#999;}
.entry-meta-dataList dd {color:#999;} @media (max-width:575px) {
ul.page-numbers li a.page-numbers.current {display:none;}
ul.page-numbers li a.page-numbers {display:none;}
ul.page-numbers li span.page-numbers {display:none;}
ul.page-numbers li a.prev.page-numbers {display:block; border-radius:4px; background-color:#898989; color:#ffffff; padding:6px 22px;}
ul.page-numbers li a.next.page-numbers {display:block; border-radius:4px; background-color:#898989; color:#ffffff; padding:6px 22px;}
.pagination .nav-links {margin:0; width:100%;}
.pagination .nav-links ul.page-numbers {display:flex; justify-content:space-between;}
} .grecaptcha-text {color:#999; font-size:0.75rem; text-align:center;}
.grecaptcha-text a {color:#999; font-size:0.75rem; text-decoration:underline;}
.grecaptcha-text a:hover {text-decoration:none; opacity:0.7;}
.grecaptcha-badge {visibility:hidden;} body.page .entry-body h2 {color:#ee5b6e; font-size:1.3rem; font-weight:bold; border:none; margin-bottom:0.5rem;}
body.page .entry-body p {font-size:0.9375rem; line-height:2; margin:0 0 2rem 0; padding:0;}
@media (max-width: 991px) {
body.page .entry-body h2 {font-size:1.2rem;}
} body.post-name-certification .entry-body p {font-size:0.9rem;}
body.post-name-certification .entry-body .cf_title_img {margin-top:1rem;}
body.post-name-certification .entry-body p.cf_intro {font-size:1rem; margin-top:1rem;}
body.page .entry-body img.icon_top {width:48px; margin-top:-30px; margin-left:-49px;}
body.page .entry-body .cf_outer {border-left: 3px solid #e8465a; padding: 0 0 0 1.5rem; margin:50px 0 45px 8px;}
body.page .entry-body .cf_outer h2 {font-size: 1.3rem; color: #e8465a; font-weight: bold; margin:-57px 0 30px 10px; border:none;}
body.page .entry-body .cf_outer h2 span {font-size: 1rem; padding:0 0.2rem;}
body.page .entry-body .cf_outer  .fl_item {float:left;}
body.page .entry-body .cf_inner {margin-top:10px; padding:0 0 20px 0; overflow:hidden; font-size:0.9375rem;}
body.page .entry-body .cf_inner h3 {font-size:1.1rem; color:#e8465a; font-weight:bold; margin:2rem 0 1rem 0; padding:0; border:none;}
body.page .entry-body .cf_inner h3:after {border:none;}
body.page .entry-body .cf_inner .cf_ex {width:50%; margin-top:10px; padding:0;}
body.page .entry-body .cf_inner .fl_item {overflow:hidden; font-size:0.9375rem;}
body.page .entry-body .cf_inner .cf_flow {width:48%; margin:2rem 0 0 20px; padding:0 0 0 30px;
background:top left / contain no-repeat url(https://dcs.phasefree.net/wp-content/uploads/2020/02/bg_cf_flow.png);}
body.page .entry-body .cf_inner .cf_flow p {font-size:0.85rem; line-height:1.6; margin-right:10px; padding:8px 10px 10px; border:1px solid #333;}
body.page .entry-body .cf_inner .cf_flow p.cf_flow_item2 {margin-left:10px; margin-right:0; border:1px dashed #333;}
body.page .entry-body .cf_inner .cf_flow p span {font-size:0.9rem; line-height:2; font-weight:bold;}
body.page .entry-body .cf_inner .cf_flow p a {color:#333; font-weight:bold;}
body.page .entry-body .cf_inner .cf_flow p a:hover {text-decoration:underline;}
body.page .entry-body .cf_inner .cf_flow p:last-of-type {margin-bottom:0.6em;}
body.page .entry-body .cf_inner .cf_ryokin {font-size:0.9rem; line-height:1.8; width:40%; margin-right:60px;}
body.page .entry-body .cf_inner dl {padding:2rem 0 1.5rem 0; margin-top:0; border-top:1px solid #333; border-bottom:1px solid #333;}
body.page .entry-body .cf_inner dt {padding:0; margin:0 0 0.5rem 0; border:none;}
body.page .entry-body .cf_inner dd {padding-left:2rem; border:none;}
body.page .entry-body .cf_inner dd span {color:#999;}
body.page .entry-body #cf_what {overflow:hidden; font-size:0.9375rem;}
body.page .entry-body #cf_what div {width:auto; height:auto; margin:0 30px 20px 0; float:left;}
body.page .entry-body #cf_what img {max-width:150px; height:auto;}
body.page .entry-body #cf_what p {width:calc(100% - 180px); margin-bottom:0; padding: 0.5rem 0 0.5rem 1rem; border-left:1px solid #333; float:left;}
body.page .entry-body #example {padding-top:10px; display:flex; flex-wrap:wrap; justify-content:left;}
body.post-name-certification .entry-body img.img_example {width:240px; height:240px; margin:0 10px 10px 0;}
body.page .entry-body p.notice {font-size:0.875rem; line-height:1.5; padding-right:2rem;}
body.page .entry-body p.site_link {font-size:0.8rem; line-height:1.5; margin: 0; padding: 0 0 20px 0;}
body.page .entry-body  span.chui {color: #e8465a;}
div#fee_outer {text-align: center;}
body.page .entry-body img#fee {width:360px;}
div#standard {display:flex; flex-wrap:wrap; justify-content:space-between;}
figure#concept, figure#principle {width:47%; margin:16px 15px 20px 0;}
figure#concept img, figure#principle img {width: inherit;}
figcaption {color: #e8465a; font-size:0.9rem; font-weight:bold; text-align:center; padding-top:0.5rem;}
body.page .entry-body h2.modal-title {margin:0;padding:0;}
@media (max-width: 1199px) {
body.page .entry-body .cf_inner .cf_ex {margin-top:10px; padding:0 0 20px 0;}
body.page .entry-body img.img_example {width:210px; height:210px; margin:0 10px 10px 0;}
body.page .entry-body .cf_inner .cf_flow {margin:2rem 0 0 15px; padding:0 0 0 25px;}
body.page .entry-body .cf_inner .cf_ryokin {font-size:0.9rem; margin-right:40px;}
figure#concept, figure#principle {margin:16px 15px 20px 0;}
}
@media (max-width: 991px) {
body.page .entry-body .cf_inner .cf_ex {width:100%; margin-top:10px; padding:0 0 20px 0;}
body.page .entry-body img.img_example {width:310px; height:310px;}
body.page .entry-body .cf_inner .cf_flow {width:100%; margin:2rem 0 0 0;}
body.page .entry-body .cf_inner .cf_ryokin {width:47%; margin-right:20px; margin-bottom:10px;}
body.page .entry-body img#fee {width:320px;}
figure#concept, figure#principle {width:80%; margin:16px auto 30px auto;}
}
@media (max-width: 767px) {
body.page .entry-body p.cf_intro {font-size:0.9rem; margin-top:1.5rem;}
body.page .entry-body img.icon_top {width:36px; margin-top:-20px; margin-left:-41px;}
body.page .entry-body .cf_outer {border-left: 3px solid #e8465a; padding: 0 0 0 1.3rem; margin:50px 0 45px 5px;}
body.page .entry-body .cf_outer h2 {font-size: 1.1rem; margin:-45px 0 16px 3px;}
body.page .entry-body .cf_inner h3 {font-size:1rem; margin:1.5rem 0 1rem 0; padding:0; border:none;}
body.page .entry-body img.img_example {width:230px; height:230px; margin:0 10px 10px 0;}
body.page .entry-body .cf_inner .cf_flow {width:100%; margin:1rem 0 0 0; padding:0 0 0 30px;}
body.page .entry-body .cf_inner .cf_flow .cf_flow_item span {line-height:1.6;}
body.page .entry-body .cf_inner dl {padding:1.5rem 0 1rem 0; margin-bottom:1.5rem;}
body.page .entry-body .cf_inner dd {font-size:0.8rem;}
body.page .entry-body img#fee {width:100%; margin:1.5rem auto 0 auto;}
body.page .entry-body div#cf_what p {width:100%; padding-left:0; border-left:none;}
body.page .entry-body .cf_inner .cf_ryokin {width:100%; margin-right:0;}
body.page .entry-body h2.modal-title {margin:0;padding:0;}
}
@media (max-width: 575px) {
body.post-name-certification .entry-body .siteContent {padding: 0.5rem 0;}
body.post-name-certification .entry-body .cf_outer {margin-right:10px;}
body.post-name-certification .entry-body img.icon_top {margin-left:-39px;}
.entry-body #cf_what p {width:auto; padding-left:0; border-left:none; float:none;}
.entry-body #cf_what div {float:none;}
.entry-body .cf_inner .cf_ex {width:auto;}
div#example {width:auto; display: flex; flex-wrap:wrap; justify-content:center;}
.entry-body img.img_example {width:200px; height:200px;}
}