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

#column #mv{max-width:1280px; width:100%; margin:auto;}
#column #mv h2{ position:relative;}
#column #mv h2 b.ttl{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; height:1em; line-height:1; font-size:170%; color:#FFF; display:inline-block; font-weight:600;
-moz-text-shadow:0 0 5px rgba(0,0,0,0.30);-webkit-text-shadow:0 0 5px rgba(0,0,0,0.30);text-shadow:0 0 5px rgba(0,0,0,0.30);}
#column #mv .text_wrap{width:92%; text-align:center; margin:3.5em auto;}
#column #mv .text_wrap p{ font-size:120%;}








#column #sec1{ margin-top:60px;}


#column section.item_wrap .add_flex_wrap{display:flex;justify-content:space-between;align-items:flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin: auto;max-width: 1280px;}


#column section.item_wrap .add_flex_wrap .side_bar_wrap{ width: 260px; margin: 0 0.5em;}
#column section.item_wrap .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;}
#column section.item_wrap .add_flex_wrap .side_bar_wrap ul{}
#column section.item_wrap .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;}

#column section.item_wrap .add_flex_wrap .side_bar_wrap .category_wrap li a:hover{ color: #FFF;}

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



#column #main .breadcrumb a,
#column #main .breadcrumb span{ display: inline-block;}

#column section.item_wrap .flex_wrap{width: auto;margin: 0;max-width: 900px;flex: 1;}


#column section.item_wrap .flex_wrap .cont > .link1{ position:relative;max-width: 250px;width: 28.3%;}
#column section.item_wrap .flex_wrap .cont .add_thumbnail img{ width: auto; height: auto;}

#column section.item_wrap .flex_wrap .cont{margin-bottom: 2.0em;font-size: 1em;padding: 0 0.5em;cursor:pointer;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap: wrap;}
#column section.item_wrap .flex_wrap .cont a{ display: block; width: 100%; height: 100%;}
#column section.item_wrap .flex_wrap .cont .textdata{ margin:0.5em 0 0 1em; flex: 1;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl{ margin-bottom:0.75em;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl p span{ display:inline-block;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl h3{ font-size:1.2em; line-height:1.3; font-weight:600; margin:0.2em auto 0.5em;}
#column section.item_wrap .flex_wrap .cont .textdata .text{ font-size:1em; line-height:1.3;}
#column section.item_wrap .flex_wrap .cont .textdata .cat{ font-weight:300; font-size:0.8em; margin-top:0.75em; }
#column section.item_wrap .flex_wrap .cont .textdata .cat span.cat_ttl{ background:#2E73B8; color:#FFF;  padding:0.05em 0.3em; display:inline-block; margin-right:0.5em; font-weight:600;}
#column section.item_wrap .flex_wrap .cont .textdata .cat span::after{ content:"、";}
#column section.item_wrap .flex_wrap .cont .textdata .cat span:last-of-type::after{ content:"";}
#column section.item_wrap .flex_wrap .cont .textdata .cat_data a{ display: inline-block; width: auto; height: auto;}






#column section.item_wrap .flex_wrap.data_easy .cont{max-width: none;width:auto;margin-bottom:0;font-size: 1.2em;padding: 0;border: none;margin: 0 auto;}

#column section.item_wrap .flex_wrap.data_easy .cont2{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:centers;align-items:center;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;max-width: none;margin-bottom: 1.5em;padding: 0;
border-bottom: 1px dotted #777; padding-bottom: 0.75em; margin-bottom: 0.75em; }
/*
#column section.item_wrap .flex_wrap.data_easy .cont:last-of-type .cont2{ padding: 0; margin-bottom: 0; border: none;}
*/
#column section.item_wrap .flex_wrap.data_easy .add_thumbnail{ width: 10em; margin: 0 1em 0 0; padding-bottom: 5.85em;}
/*
#column section.item_wrap .flex_wrap.data_easy .add_thumbnail{ position:relative; text-align:center; height:auto; padding-bottom:0%; margin-right: 1em;max-width: 180px;}
#column section.item_wrap .flex_wrap.data_easy .add_thumbnail span{position: relative;width: 100%;height: 100%;left: 0;top: 0;    background: #FEFAFA;}
#column section.item_wrap .flex_wrap.data_easy .add_thumbnail span img{object-position: center;object-fit: contain;width: 100%;height: 100%;}
*/
#column section.item_wrap .flex_wrap.data_easy .cont .text{ margin: 0;flex: 1;}
#column section.item_wrap .flex_wrap.data_easy .cont .text .ttl{ margin: 0;}
#column section.item_wrap .flex_wrap.data_easy .cont .text .ttl h3{ font-size: 1.3em;}
#column section.item_wrap .flex_wrap.data_easy .cont .text .ttl p.tag{ text-indent: -5em; padding-left: 5em;}
#column section.item_wrap .flex_wrap.data_easy .cont .text .ttl p.tag span{ text-indent: 0;}



#column .other_btn{ max-width: 80%; margin: 3em auto 0; text-align: center;}
#column .other_btn a{ padding: 0.75em 1em; background:#025bab; color: #FFF; font-weight: 600;}
#column .other_btn a:hover{ background: rgba(166,173,239,1.00);}



/*▼PC版▼*/
@media all and (min-width: 769px) {
	
}

@media all and (min-width: 1281px) {
	
}
/*▲PC版▲*/



/*▼SP版▼*/
#column .sp_img{ display: none;}
@media all and (max-width: 768px) {


#column #sec1{ margin-top:40px;}

#column section.item_wrap .flex_wrap .add_thumbnail{ position:relative;max-width: 350px;width: 100%;}
#column section.item_wrap .flex_wrap .add_thumbnail img{ width: 100%;}
#column section.item_wrap .flex_wrap .cont > a.link1{ display: none;}

#column section.item_wrap .flex_wrap{ display:block; text-align:center; width:94%; margin: 0 auto 3em;}
#column section.item_wrap .flex_wrap .cont{max-width: none;width: 100%;margin: 1.25em auto 0;padding-top: 1.5em;border-top: dotted 1px;display:block;text-align: left;font-size: 1em;padding: 1.25em 0 0;margin: 1.25em auto 0;}
#column section.item_wrap .flex_wrap .cont:first-of-type{ margin-top:0; padding-top:0; border-top:0;}
#column section.item_wrap .flex_wrap .cont .textdata{ margin: 0.5em auto 0;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl{display:flex;justify-content:flex-start;align-items:center;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: 0.5em;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl .sp_img{ display: block; width: 31%; max-width: 250px; margin-right: 0.5em;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl .sp_img img{ width: 100%; height: 100%;}
#column section.item_wrap .flex_wrap .cont .textdata .ttl h3 { font-size: 1.2em;margin: 0 auto 0.3em; flex: 1;}


#column #mv .text_wrap{width:90%; margin:1em auto 0;}
#column #mv .text_wrap p{ font-size:1.0em; text-align:left;}

#column section.item_wrap .flex_wrap .cont.dummy{ display:none;}
#column #main .breadcrumb{ font-size: 12px; text-align: left;}



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


}
/*▲SP版▲*/