@charset "UTF-8";
/* CSS Document */


#single-column .cat_tag_data{}
#single-column .cat_tag_data .flex_wrap{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap: wrap; margin-bottom: 0.4em;}
#single-column .cat_tag_data .flex_wrap .name{ font-weight: 600;}
#single-column .cat_tag_data .flex_wrap .data{flex: 1;}
#single-column .cat_tag_data .flex_wrap .data a{ display: inline-block;}

#single-column .add_flex_wrap{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap: wrap;width: 94%;margin: auto;max-width: 1024px;}


#single-column .add_flex_wrap .side_bar_wrap{ width: 260px; margin: 0 0.5em;}
#single-column .add_flex_wrap .side_bar_wrap .add_ttl{ font-weight: 600; font-size: 1.1em; padding-bottom: 0.1em; border-bottom: 0.1em solid #2E73B8; margin-bottom: 0.5em;}
#single-column .add_flex_wrap .side_bar_wrap ul{}
#single-column .add_flex_wrap .side_bar_wrap ul li{line-height: 1.4;margin: 0em 0.4em 0.4em 0em;cursor: pointer;background: #025bab;color: #FFF;display: inline-block;padding: 0.25em;}

#single-column .add_flex_wrap .side_bar_wrap .category_wrap li a:hover{ color: #FFF;}

#single-column .add_flex_wrap .side_bar_wrap .tag_wrap li{padding: 0;background: none;font-size: 0.9em;margin: 0em 0.8em 0.4em 0em;}
#single-column .add_flex_wrap .side_bar_wrap .tag_wrap li a{ color: #323232;}
#single-column .add_flex_wrap .side_bar_wrap .tag_wrap li a::before{ content: ">"; display: inline-block; margin-right: 0.2em;}
#single-column .add_flex_wrap .side_bar_wrap .tag_wrap li a:hover{color: #025bab;}


#single-column .div{ max-width: 700px; flex: 1;}
#single-column #sec1 img{ width:auto; height:auto;}




#single-column #sec1 .wp-block-image{ margin:1em auto;}


#single-column #sec1 .bottom_link{ text-align:center; margin:6em auto 4em;}
#single-column #sec1 .bottom_link p{ display:inline-block; margin:0em 1em 1em;}



#single-column #top_wrap{ position:relative; padding-bottom:3em;}
#single-column #top_wrap h2.ttl{ font-size:1.6em;border-bottom: none; margin-bottom:0; color: #FFF; padding: 3em 1em; background: #999; text-align: center; font-weight: bold; position: relative;
background: url(/wp/wp-content/themes/kenseido-web/images/column/column_shingle_bg.jpg) no-repeat center center / cover;}
#single-column #top_wrap h2.ttl span{ position: relative; z-index: 3;font-weight: bold; color: #FFF;}
#single-column #top_wrap h2.ttl::after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.3; z-index: 2;}
#single-column #top_wrap .breadcrumb{ padding:0.5em 0 0; max-width:1024px; width:94%; margin:auto;  text-align: right;}
#single-column #top_wrap .breadcrumb a,
#single-column #top_wrap .breadcrumb span{ display: inline-block;}

#single-column #sec1{ max-width:900px; width:94%; margin:0 auto 4em;}
#single-column #sec1 > .wrap{max-width:900px; width:100%; margin:auto;}

#single-column .eyecatch{ margin-bottom:0.5em;}

#single-column .text_wrap{ max-width:900px; width:100%; margin:auto;}


#single-column .div h2{ font-size:1.4em; line-height: 1.4; border-bottom: #006FBD solid;  padding: 0 0.2em 0.4em; margin: 2em auto 0.5em;  font-weight:bold;}

#single-column .div h3 { font-size:1.25em;padding: 0 0 0 0.5em; margin:2em auto 0.5em; font-weight: bold; border-left: 0.2em solid #006FBD;}

#single-column .div h4 { font-size:1.1em; font-weight: 600;margin-bottom:1em;}

#single-column .div h5 { font-size:1.1em;position: relative;display: block;padding:0; margin-bottom:1em; font-weight: 600;}
#single-column .div h5:before,
#single-column .div h5:after {content: '';position:relative;display: inline-block;width: 2em;height: 2px;border-top: solid 1px;border-bottom: solid 1px; vertical-align: middle;}
#single-column .div h5:before { margin-right: 1em;}
#single-column .div h5:after { margin-left: 1em;}

#single-column .div h6{ margin-bottom:0.5em; font-size: 1.1em;}
#single-column .div h6:first-letter {font-size: 1.8em;}

#single-column .div figure{ margin:1em auto; min-height:1em;}
#single-column .div figure.aligncenter{ text-align: center;}
#single-column .div figure  figcaption{text-align: center;}
#single-column .div figure.aligncenter figcaption{text-align: left;display: inline-block;font-size: 0.9em;}

#single-column .div p{ margin:1em auto; min-height:1em;}
#single-column .div ul{ margin:1em auto; padding:0;}
#single-column .div ul li{ margin:0.25em auto 0; padding:0 0 0 1.5em; text-indent:-1.5em; list-style:none;  display: block; position: relative;}
#single-column .div ul li::before{ content: ""; width: 1em; height: 1em; margin: 0 0.5em 0 0; background: #DD3232; border-radius: 0.2em; display: inline-block;}
#single-column .div ul li::after{content: "";width: 0.6em;height: 0.3em;color: #FFF;border-bottom: 2px solid;border-left: 2px solid;display: block;position: absolute;left: 0.1em;top: 0.4em;transform: rotateZ(-36deg);}
#single-column .div .text_wrap strong{ font-weight:bold;}

#single-column #sec1 iframe {max-width: 100%;width: 100%;height: 100%;}
#single-column .div .wp-block-embed-youtube{}
#single-column .div .wp-block-embed-youtube .wp-block-embed__wrapper{ position: relative; width: 100%; height: 0; padding: 0 0 56.25%;}
#single-column .div .wp-block-embed-youtube .wp-block-embed__wrapper iframe {max-width: 100%;width: 100%;height: 100%; position: absolute; left: 0; top: 0; right: 0; margin: auto;}


#add_contact iframe {width: 100%;}




#footer .tel_wrap{ display: none;}


#single-column .wp-block-separator { border-top: 2px solid #DDD;margin: 3em auto;border-bottom: none;}

#single-column .cat_tag_data.pc{ display: block;}
#single-column .cat_tag_data.spi{ display: none;}


@media all and (max-width: 1023px) {}

@media all and (max-width: 768px) {
#single-column .div{ max-width: 768px; width: 100%; margin: auto;}
#single-column .cat_tag_data.pc{ display: none;}
#single-column .cat_tag_data.spi{ display: block;}
#single-column .cat_tag_data{ width: 94%; margin: auto;}

#single-column #sec1 .bottom_link p{ display:block;}
#single-column #sec1 .bottom_link > span{ display:none;}

#single-column #top_wrap{padding-bottom:1.5em;}
#single-column #top_wrap .breadcrumb{ font-size: 12px; text-align: left;}
#single-column #top_wrap h2.ttl{ font-size: 1.4em; padding: 2.5em 0.5em;}
#single-column #sec1{width:100%;}
#single-column .div .text_wrap{ width: 94%; margin: auto;}


#single-column .add_flex_wrap{ display: block;width: 100%;margin: auto;max-width: 1280px;}
#single-column .add_flex_wrap .side_bar_wrap{ max-width: 450px; width: 94%; margin:1em auto 3em;}
}