/*###############################################################################################

共通style

#################################################################################################*/
@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
ul, li {
    list-style: none;
}
body{
    font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
    font-size:13px;
    text-align:center;
    width:100%!important;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    color: #3d3d3d;
}
img {
    margin: 0;
    padding: 0;
    border: 0;
    line-height:0;
    font-size:0;
    vertical-align:top;
}
html {
    width:100%;
    height: 100%;
}
.clearfix {display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

.img_block{display:block;}
#contents button:hover{
    opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";
    cursor: pointer;
}
#contents a:hover img{ opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: #ffffff;}


/*###############################################################################################

ヘッダー・フッダーstyle

#################################################################################################*/

/*ヘッダー
---------------------------------------------*/

#header {
    background-color: #0099ff;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0px;
    height: 63px;
}
#headerbar {
    background-color: #0173de;
    color: #fff;
    width: 100%;
}
.headerbarinner {
    margin: 0 auto;
    overflow: hidden;
    width: auto;
}
.headerbarinner p {
    padding: 5px 0;
}
.headerbarinner p a {
    color: #fff;
    text-decoration: underline;
}
.headerinner  {
    margin: 0 auto;
    overflow: hidden;
    width: auto;
    padding: 0 20px;
}
.headerinner .headerlogo {
    text-align: left;
    margin-top: 16px;
    float:left;
}
.headerinner .headersitelogo {
    float:left;
}
.headerinner .headerinfo {
    float: right;
}


/*サイド固定
---------------------------------------------*/

.sidehover a:hover img{
/*opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )";*/
}

.sidefixed1{
  display: none;
  position: fixed !important;
  bottom: 40px;
  right:0;
    z-index: 999;
    -webkit-transform: translate3d(0,0,0);
}


/*フッター
---------------------------------------------*/
#pagetop {
    text-align: right;
    width: auto;
    padding-bottom: 40px;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
footer {
    display: block;
    clear: both;
    background-color: #09F;
    text-align: center;
    padding: 4px;
    color: #FFF;
    font-size: 10px;
}
.footinner  {
    margin: 0 auto;
    overflow: hidden;
    width: auto;
    padding: 15px 15px 0;
}
.footinner .footerleft{
    text-align:left;
}

.footinner .footernav{
    overflow: hidden;
}
.footinner .footernav .text1{
    float: left;
    margin-right: 20px;
    margin-top: 15px;
}
.footinner .footernav .text2{
    float: left;
    margin-top: 15px;
}
.footinner .copyright{
    margin-top: 0;
    padding-bottom:0;
}
.footinner .footerright{
    margin-top: 15px;
    float: right;
}

/*---------------------------------------------*/


/*==================================================
  メイン
==================================================*/
#mainImg {
    margin:0 auto;
    text-align:center;
    background: #02422c url(../img/main_mv_bg.png) no-repeat center center;
    background-attachment: scroll;
    height: 548px;
}

h1 {
  background-color:#2f2525;
}
.mainBtn {
    margin: 0 auto;
    width: 1000px;
    height: 558px;
    position: relative;
}
.mainBtn a {
    display: inline-block;
    width: 413px;
    height: 175px;
    margin-top: 320px;
    margin-left: -480px;
}


/*==================================================
  コンテンツ
==================================================*/

#contents {
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #000000;
    font-size:16px;
    line-height:26px;
}


/* sfa */
.container{
    margin: 0 auto;
    overflow: hidden;
    width: auto;
    padding: 0 15px;
}
.container.container_overflow_visible{
    overflow: visible;
}

nav{
    background: #0099ff;
}

nav ul {
    width: 100%;
    height: 138px;
}
nav ul li:first-child {
    width: 20%;
    border: none;
    padding: 0;
    padding-right: 30px;
}
nav ul li {
    width: 8em;
    display: table-cell;
    font-size: 17px;
    margin: 0;
    height: 130px;
    vertical-align: middle;
    padding: 0 9px;
    text-align: left;
}
nav ul li a{
    color: #000;
    text-decoration: none;
}
nav ul li a span{
    text-align: left;
}
.tl_l{
    text-align: left;
}

#contents{
    background: url(../img/contents_bg.jpg) repeat;
}
#contents h1{
    display: inline-block;
    background-color: transparent;
    margin-top: 20px;
    font-size: 22px;
    width: 100%;
    vertical-align: middle;
    background-image: url(../img/h1_bg_phone.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#contents h1 span{
    display: inline-block;
    vertical-align: middle;
    padding: 0em 0 1em;
    text-shadow: #333 1px 1px 2px;
}

#contents h2{
    font-size: 26px;
    text-shadow: #333 1px 1px 2px;
    text-align: left;
    padding:40px 0;
    line-height: 1.2em;
}
#contents .regist{
    text-align: right;
    font-size: 12px;
}
#contents h3{
    border-bottom: #0099ff dotted 2px;
    text-align: left;
    font-size:22px;
    color:#0269ad;
    padding:10px 0;
    margin-bottom: 20px;
    font-weight: bold;
}
#contents .sentence{
    margin-bottom: 40px;
}

#contents .sentence .left_area,
#contents .sentence .right_area{
    width: 100%;
    display: block;
    vertical-align: top;
}
#contents .sentence .change{
    display: table-footer-group;
}
#contents .sentence .bottom_area .content img,
#contents .sentence .right_area img{
    display: block;
    margin: 0 auto;
    width: 100%;
}

#contents .sentence .left_area p{
    width: 100%;
}

#contents .sentence .right_area p small{
    font-size: 14px;
}
#contents .sentence .list_area2,
#contents .sentence .list_area,
#contents .sentence .top_area,
#contents .sentence .bottom_area{
    display: block;
    vertical-align: middle;
}
#contents .sentence .bottom_area .content{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
#contents .sentence .list_area2,
#contents .sentence .list_area{
    text-align: left;
}
#contents .sentence .list_area .content{
    width: 36%;
    display: inline-block;
    vertical-align: top;
/*    background: #fff7;*/
    background: rgba(255,255,255,0.6);
    padding: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
}
#contents .sentence .list_area div.content:nth-child(odd){
    margin-left:0;
}
#contents .sentence .list_area .content p{
    font-size: 12px;
    margin: 10px 0;
    height: 4em;
    line-height: 1.2em;
}
#contents .sentence .list_area2, .content img,
#contents .sentence .list_area .content img{
    width:100%;
}

#contents .sentence .list_area .content a{
    text-decoration: none;
    color:#000;
}



/* 活動報告　年のみ表示　*/
#contents .sentence .list_area_old{
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

#contents .sentence .list_area_old .back_nb{
	/*display: inline;*/
	/*background-color: #FF8888;*/
	width: 25%;
	padding: 15px 5px 15px 5px;
    margin-bottom: 15px;
    margin-lright: 10px;
	/* white-space: nowrap;*/
}

/**/


#contents .sentence .list_area2 .content{
    width: 80%;
    display: block;
    vertical-align: top;
    margin: 0 auto;
}
#contents .sentence .list_area2 .content p{
    font-size: 14px;
    margin: 10px 0;
    height: 3em;
    line-height: 1.2em;
}

#contents .sentence p{
    text-align: left;
    margin-bottom: 30px;
}
#contents .sentence .douga{
    display: block;
    margin: 0 auto 30px;
    width: 100%;
}
#contents .sentence p span{
    color: #de0909;
}
#contents .sentence .douga p{
    width:90%;
    margin:0 auto;
}
#contents .sentence ul{
    list-style: disc inside !important;
}
#contents .sentence ul li{
    text-align: left;
    list-style: disc inside !important;
}
#contents .sentence ul.reason li,
#contents .sentence ul.reason{
    list-style: none !important;
}
#contents .sentence ul.reason li:before{
    content: "\f040";
    font-family: FontAwesome;
    margin-right: 5px;
}

#contents .sentence button{
    width:50%;
    margin:40px auto;
    background:#0099ff;
    border-radius: 10px;
    color:#fff;
    font-size: 24px;
    padding:10px;
    border: none;
}

#contents .sentence button:after{
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 5px;
    float: right;
    margin-top: 5px;
}

#contents .main_img{
    position: relative;
}

#contents .bgimg{
    background: url(../img/report_contents_main_img02_w320.png) no-repeat;
}

#contents .main_img .bg{
    position: absolute;
    left: 0;
    width: 100%;
}
#contents .main_img h4{
    font-size: 22px;
    position: relative;
    padding: 50px 10px 20px;
}
#contents .main_img .table{
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
}
#contents .main_img .tr{
    display: block;
}
#contents .main_img .th,
#contents .main_img .td{
    display: inline-block;
    border-top: #000 solid 1px;
    border-left: #000 solid 1px;
    width: 32%;
    text-align: center;
    padding: 0;
}
#contents .main_img .th{
    display: block;
    width: 100%;
    border-top: #000 solid 1px;
    border-left: #000 solid 1px;
    border-right: #000 solid 1px;
}
#contents .main_img .tr .right{
    border-right: #000 solid 1px;
}
#report #contents .main_img .tr .right{
    font-weight: bold;
    color: #d90808;
}
#contents .main_img .tr .bottom{
    border-bottom: #000 solid 1px;
}
#contents .main_img .tr .highlight{
    color: #d90808;
    background: rgba(217,8,8,0.22);
}
#contents .main_img p{
    position: relative;
    width: 90%;
    margin: 20px auto 40px;
    font-size: 14px;
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5em;
}

#contents .sentence h4 {
    font-size: 18px;
    position: relative;
    padding: 20px 0 10px;
    text-align: left;
    font-weight: bold;
}
.tablet_w100p,
.w100p{
    width: 100%;
}
.media_w640{
    display: none;
}
.media_w639{
    display: none;
}
.media_w320{
    display: inherit;
}
#contents .main_img .phone2{
    display: table;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    border: #000 solid 1px;
    width: 90%;
}
#contents .main_img .phone2 *{
    border: #000 solid 1px;
    font-size:14px;
}

/*table back color*/
#contents .main_img .phone2 .highlight{
    color: #000000;
    background: rgba(217,8,8,0.22);
	font-weight:bold;
}



.phone3,
.phone {
    display: block;
    margin: 0px;
    padding: 0px;
    border: none;
}
.tablet,
.pc_tablet,
.pc {
    display: none !important;
}
#navbox {
    width: 60px;
}
.nav_btn {
    float: right;
}
#menu_button {
    width: 60px;
    height: 43px;
}
#menu_button > a {
    text-decoration: none;
}
#mobile-bar {
    text-align: center;
    border: 2px solid #666;
    border-radius: 5px;
    margin: 5px;
    padding: 1px 0px 5px 0px;
    line-height: 0.6em;
    border-color: #FFF !important;
}
#header h2 {
    margin: 12px;
}
#header h2 {
    float: left;
}
#mobile-bar i {
    font-size: 24px;
    color: #FFF !important;
}
#mobile-bar span {
    font-size: 10px !important;
    color: #FFF !important;
}
#contents .sentence{
    margin-bottom: 0;
}
#contents .sfa_menu_bottom ul li .title{
    width: 79%;
    font-size: 14px;
}
#contents .sentence button{
    font-size: 18px;
    margin:0 auto 20px;
}
#contents h1.phone{
    display: block;
    background-color: transparent;
    padding: 40px 0;
    font-size: 18px;
    width: 100%;
    vertical-align: middle;
    background-image: url(../img/h1_bg_phone.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
}
#contents h1.phone.tit-mozambique {
    background-image: url(/sfa/report/img/h1_bg-mozambique_phone.png);
}
#contents h1.phone span{
    padding-left: 28%;
    width: calc(100% - 28%);
    display: block;
    text-align: left;
    line-height: 1.3em;
    padding-bottom: 0;
}
#contents h1.phone.tit-mozambique span{
    padding-left: 34%;
    width: calc(100% - 34%);
}
#contents h1.phone .icon_twitter01 {
    display: inline-block;
    margin: 0 0 0 2em;
    padding: 0 0 0 31px;
    background: url("../img/icon_twitterX02.png") 0 no-repeat;
    background-size: 26px auto;
    vertical-align: middle;
}

/* sfa_btn */
.sfa_btn {
  width: 80%;
  text-align: left;
  margin: 0 auto;
  padding-top: 20px;
}
  .sfa_btn a {
    position: relative;
    display: block;
    border-radius: 10px;
    padding: 15px 35px 10px 20px;
    color: #fff;
    text-decoration: none;
    background: #09f;
  }
   .sfa_btn a .header_btn_txt01 {
    font-size: 16px;
  }
     .sfa_btn a .header_btn_txt01 span {
      font-size: 18px;
      padding:0 2px;
    }
   .sfa_btn a:after {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
      display: inline-block;
      content: "\f054";
      font-family: FontAwesome;
    }

/* top start */
#top #contents .main_img .lp_lead{
    display: block;
    position: absolute;
    left: 20%;
    top: 0;
    width: 70%;
    margin: 3% 0 0;
    padding: 0;
    background: rgba(6,6,6,0.1);
}
#top #contents .main_img .lp_lead p{
    color: #fff;
    line-height: 1.8em;
    text-indent: 0;
    font-size: 12px;
    margin: 0;
    padding: 10px;
    width: 100%;
    letter-spacing: -0.05em;
}
#top #contents .main_img .link_title{
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0;
    padding: 20px 0;
    background: rgba(6,6,6,0.2);
}
/* #top #contents .main_img #link03{
    margin-top:40px;
} */
#top #contents .main_img .link_title h2{
    color:#fff;
    text-shadow: none;
    font-size: 22px;
    line-height: 1.5em;
    padding: 0 0 0 10px;
}
#top #contents .main_img .link_title p{
    color: #fff;
    line-height: 1.5em;
    text-indent: 0;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 0 10px;
}
#top #contents .list_area2{
    position: relative;
}
#top #contents .list_area2 .content{
    display: block;
    vertical-align: top;
    margin: 0 auto 30px;
}
#top #contents .list_area2 a.right,
#top #contents .main_img .link_title span.right{
    position: absolute;
    font-size: 32px;
    color: #0099ff;
    text-decoration: none;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
#top #contents .list_area2 a.right{
    right: -10px;
}

#top #contents .main_img a:hover{
    opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";
    cursor: pointer;
}
#top #contents .main_img a.down{
    position: absolute;
    font-size: 32px;
    color: #0099ff;
    bottom: 0px;
    margin: 0 auto;
    left: 48%;
    text-decoration: none;
}
#top #contents h2 {
    font-size: 32px;
    color: #fff;
    text-shadow: #ccc 1px 1px 2px;
    text-align: left;
    padding: 40px 0 20px;
}
#top #contents .sentence{
    display: block;
}

#top #contents .sentence p.lead{
    color:#fff;
    display: block;
}
#top #contents .sentence p{
    height: auto;
}
#top #contents .main_img .bg_img2{
    width: 50%;
    margin: 0 auto;
}
#top #contents .main_img .regist{
    margin: 20px 0 20px;
    padding: 0;
    width: 100%;
    text-indent: 0;
    word-break: break-all;
}
.pagetop2 {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 10;
    font-size: 32px;
}
/* top end */

/*###############################################################################################

phone_parts.css

#################################################################################################*/

/* contents  共通の為phone.cssにもどす ここから*/
#contents{
    background: url(../img/contents_bg.jpg) repeat;
}
/* contents  共通の為phone.cssにもどす ここまで*/
#contents .sentence .list_area2 .content{
    width: 80%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
    /*margin-left: 10px;*/
}

/* sfa_menu_bottom  共通の為tablet.cssにもどす ここから*/
#contents .sfa_menu_bottom ul{
    margin-bottom: 40px;
}
#contents .sfa_menu_bottom ul li{
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    border-bottom: #644125 1px dashed;
}

#contents .sfa_menu_bottom ul  .sfa_menu_bottom_top{
	border-top: #644125 1px dashed;
}

#contents .sfa_menu_bottom ul li .title{
	/*font-size: 18px;*/
    font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	display: inline-block;
	color: #333;
	width: 80%;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 5px;
    vertical-align: middle;
    text-decoration: none;
}
#contents .sfa_menu_bottom ul li i{
	display: inline-block;
    vertical-align: middle;
}
#contents .sfa_menu_bottom ul li:hover{
    background: rgba(0,153,255,0.3);
}

/*
#contents .sfa_menu_bottom ul li:after{
	font-family: fontawesome;
	content: '\f105';
	padding-top:24px;
	margin-right: 5px;
	font-size: 20px;
	color: #644125;
}
*/
/* sfa_menu_bottom  共通の為tablet.cssにもどす ここまで*/

/*ページ下部　次のページへの大きいボタン 共通の為phone.cssに加える　ここから*/
#contents .sentence button{
	width:100%;
	background:#0099ff;
	border-radius: 10px;
	text-align:left;
	color:#fff;
	font-size: 14px;
	border: none;
	display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#contents .sentence button:after{
    content: "\f054";
    font-family: FontAwesome;
    margin-right: 5px;
    float: right;
    margin-top: 5px;
}
/*ページ下部　次のページへの大きいボタン 共通の為phone.cssに加える ここまで*/
.pagetop2 img {
    border-radius: 30px;
}



/*###############################################################################################

phone_parts2

#################################################################################################*/

/*****************/
/***** slide *****/
/*****************/
#contents .sentence .slideshow{
    position: relative;
}
#contents .sentence .slideshow .slideshow-slides{
    display: block;
    position: relative;
    overflow: hidden;
    height: 538px;
/*    letter-spacing: -.4em;*/
}
/*#contents .sentence .slideshow .slideshow-slides *{
    letter-spacing: 0;
}*/
#contents .sentence .slideshow .slideshow-slides .slide{
    position: absolute;
    width: 980px;
    height: auto;
    text-align: center;
}
#contents .sentence .slideshow .slideshow-slides .slide .s_content{
    display: inline-block;
    width: 80%;
    margin:0 auto;
}
#contents .sentence .slideshow .slideshow-slides .slide .s_content *{
    display: block;
}
#contents .sentence .slideshow .slideshow-slides .slide .s_content img{
    width: 100%;
}
#contents .sentence .slideshow .slideshow-slides .slideshow-nav{
    position: absolute;
    width: 100%;
    top: 32%;
    z-index: 9;
    height: 1em;
}
#contents .sentence .slideshow .slideshow-slides .slideshow-nav a{
    font-family: FontAwesome;
    color: #0099ff;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 32px;
}
#contents .sentence .slideshow .slideshow-slides .slideshow-nav a.prev{
    float: left;
    text-align: left;
}
#contents .sentence .slideshow .slideshow-slides .slideshow-nav a.next{
    float: right;
    text-align: right;
}
#contents .sentence .slideshow .slideshow-controller {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}
#contents .sentence .slideshow .slideshow-indicator {
    display: block;
    height: 24px;
    position: relative;
    text-align: center;
    font-size: 16px;
}
#contents .sentence .slideshow .slideshow-indicator a {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 3px;
    margin-right: 3px;
    font-family: FontAwesome;
    text-decoration:none;
    color: #0099ff;
}
#contents .sentence .slideshow .slideshow-indicator a:before {
		margin-top: 5px;
	    content: '\f1db';
}
#contents .sentence .slideshow .slideshow-indicator a:hover{
}
#contents .sentence .slideshow .slideshow-indicator a.active:before {
    content: '\f111';
}
#child_main #contents .slideshow-indicator a.active {
    cursor: default;
}
#contents .bgimg {
    display: inline-block;
    padding: 20px 0;
    background: url(../img/report_contents_main_img02.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.pagetop2 img {
    border-radius: 30px;
}
#contents .main_img .div_scroll{
    display: none;
}


#report #contents .container .sentence p .highlight {
	font-weight:bold;
	color:#000000;
}


#report #contents .main_img .tr .right{
    font-weight: bold;
    color: #000000;
}

#contents .main_img .tr .highlight{
    background: rgba(217,8,8,0.22);
}

.bf_flag_s{
	background-size: 10%;
}
.jp_flag_s{
	background-size: 12%;
	padding-left: 10px;
}

.mb_flag_s{
	background-size: 10%;
}


/*###############################################################################################

2020年追加

#################################################################################################*/
/* mozambique_project_profile */
.mozambique_project_profile {
  text-align: left;
}
.mozambique_project_profile .profile_block {
  margin-bottom: 30px;
}
.mozambique_project_profile .profile_block ol {
  margin: 0 0 0 20px;
}
.mozambique_project_profile .profile_block ol > li {
  list-style: decimal;
  margin-bottom: 10px;
  font-size: 16px;
}
.mozambique_project_profile .profile_block ul {
  margin: 0;
}
.mozambique_project_profile .profile_block ul > li {
  font-size: 14px;
}




.mb_50 {
	margin-bottom:50px;
}

.bf_map img {
	/*margin-bottom:30px;*/
	width: 90%;
}


/*###############################################################################################

2022年追加

#################################################################################################*/

/* ●数字リスト */
.list_num_disc {
  counter-reset: number;
}
.list_num_disc > li {
  position: relative;
  margin-left: 34px;
  padding: 0 !important;
}
.list_num_disc > li:before {
  position: absolute;
  top: 4px;
  left: -34px;
  display: inline-block;
  background: #786344;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  text-align: center;
  counter-increment: number;
  content: counter(number);
  color: #fff;
  line-height: 26px;
}

/* 2列横並び画像 */
.box_block_row {
}
.box_block_row .box_block_row-item {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

/* ====================================================================
 汎用クラス
==================================================================== */

/* レイアウト関連
--------------------------------------------------------- */
.d-b { display: block !important; }
.d-ib { display: inline-block !important; }
.d-i { display: inline !important; }
.d-n { display: none !important; }
.fl-l { float: left !important; }
.fl-r { float: right !important; }
.cl { clear: both !important; }
.cl-l { clear: left !important; }
.cl-r { clear: right !important; }

    .d-b-xs { display: block !important; }
    .d-ib-xs { display: inline-block !important; }
    .d-i-xs { display: inline !important; }
    .d-n-xs { display: none !important; }
    .fl-l-xs { float: left !important; }
    .fl-r-xs { float: right !important; }
    .cl-xs { clear: both !important; }
    .cl-l-xs { clear: left !important; }
    .cl-r-xs { clear: right !important; }


/* 幅・高さ
--------------------------------------------------------- */
.w-0 { width: 0 !important; }
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-100 { width: 100% !important; }

    .w-0-xs { width: 0 !important; }
    .w-5-xs { width: 5% !important; }
    .w-10-xs { width: 10% !important; }
    .w-15-xs { width: 15% !important; }
    .w-20-xs { width: 20% !important; }
    .w-25-xs { width: 25% !important; }
    .w-30-xs { width: 30% !important; }
    .w-35-xs { width: 35% !important; }
    .w-40-xs { width: 40% !important; }
    .w-45-xs { width: 45% !important; }
    .w-50-xs { width: 50% !important; }
    .w-55-xs { width: 55% !important; }
    .w-60-xs { width: 60% !important; }
    .w-65-xs { width: 65% !important; }
    .w-70-xs { width: 70% !important; }
    .w-75-xs { width: 75% !important; }
    .w-80-xs { width: 80% !important; }
    .w-85-xs { width: 85% !important; }
    .w-90-xs { width: 90% !important; }
    .w-95-xs { width: 95% !important; }
    .w-100-xs { width: 100% !important; }


/* マージン
--------------------------------------------------------- */
.m-0 { margin: 0 !important; }
.m-auto{ margin: auto !important; }
.m-t-50 { margin-top: -50px !important; }
.m-t-45 { margin-top: -45px !important; }
.m-t-40 { margin-top: -40px !important; }
.m-t-35 { margin-top: -35px !important; }
.m-t-30 { margin-top: -30px !important; }
.m-t-25 { margin-top: -25px !important; }
.m-t-20 { margin-top: -20px !important; }
.m-t-15 { margin-top: -15px !important; }
.m-t-10 { margin-top: -10px !important; }
.m-t-5 { margin-top: -5px !important; }
.m-t0 { margin-top: 0 !important; }
.m-t5 { margin-top: 5px !important; }
.m-t10 { margin-top: 10px !important; }
.m-t15 { margin-top: 15px !important; }
.m-t20 { margin-top: 20px !important; }
.m-t25 { margin-top: 25px !important; }
.m-t30 { margin-top: 30px !important; }
.m-t35 { margin-top: 35px !important; }
.m-t40 { margin-top: 40px !important; }
.m-t45 { margin-top: 45px !important; }
.m-t50 { margin-top: 50px !important; }
.m-t55 { margin-top: 55px !important; }
.m-t60 { margin-top: 60px !important; }
.m-t65 { margin-top: 65px !important; }
.m-t70 { margin-top: 70px !important; }
.m-t75 { margin-top: 75px !important; }
.m-t80 { margin-top: 80px !important; }
.m-t85 { margin-top: 85px !important; }
.m-t90 { margin-top: 90px !important; }
.m-t95 { margin-top: 95px !important; }
.m-t100 { margin-top: 100px !important; }
.m-r-50 { margin-right: -50px !important; }
.m-r-45 { margin-right: -45px !important; }
.m-r-40 { margin-right: -40px !important; }
.m-r-35 { margin-right: -35px !important; }
.m-r-30 { margin-right: -30px !important; }
.m-r-25 { margin-right: -25px !important; }
.m-r-20 { margin-right: -20px !important; }
.m-r-15 { margin-right: -15px !important; }
.m-r-10 { margin-right: -10px !important; }
.m-r-5 { margin-right: -5px !important; }
.m-r0 { margin-right: 0 !important; }
.m-r5 { margin-right: 5px !important; }
.m-r10 { margin-right: 10px !important; }
.m-r15 { margin-right: 15px !important; }
.m-r20 { margin-right: 20px !important; }
.m-r25 { margin-right: 25px !important; }
.m-r30 { margin-right: 30px !important; }
.m-r35 { margin-right: 35px !important; }
.m-r40 { margin-right: 40px !important; }
.m-r45 { margin-right: 45px !important; }
.m-r50 { margin-right: 50px !important; }
.m-r55 { margin-right: 55px !important; }
.m-r60 { margin-right: 60px !important; }
.m-r65 { margin-right: 65px !important; }
.m-r70 { margin-right: 70px !important; }
.m-r75 { margin-right: 75px !important; }
.m-r80 { margin-right: 80px !important; }
.m-r85 { margin-right: 85px !important; }
.m-r90 { margin-right: 90px !important; }
.m-r95 { margin-right: 95px !important; }
.m-r100 { margin-right: 100px !important; }
.m-b-50 { margin-bottom: -50px !important; }
.m-b-45 { margin-bottom: -45px !important; }
.m-b-40 { margin-bottom: -40px !important; }
.m-b-35 { margin-bottom: -35px !important; }
.m-b-30 { margin-bottom: -30px !important; }
.m-b-25 { margin-bottom: -25px !important; }
.m-b-20 { margin-bottom: -20px !important; }
.m-b-15 { margin-bottom: -15px !important; }
.m-b-10 { margin-bottom: -10px !important; }
.m-b-5 { margin-bottom: -5px !important; }
.m-b0 { margin-bottom: 0 !important; }
.m-b5 { margin-bottom: 5px !important; }
.m-b10 { margin-bottom: 10px !important; }
.m-b15 { margin-bottom: 15px !important; }
.m-b20 { margin-bottom: 20px !important; }
.m-b25 { margin-bottom: 25px !important; }
.m-b30 { margin-bottom: 30px !important; }
.m-b35 { margin-bottom: 35px !important; }
.m-b40 { margin-bottom: 40px !important; }
.m-b45 { margin-bottom: 45px !important; }
.m-b50 { margin-bottom: 50px !important; }
.m-b55 { margin-bottom: 55px !important; }
.m-b60 { margin-bottom: 60px !important; }
.m-b65 { margin-bottom: 65px !important; }
.m-b70 { margin-bottom: 70px !important; }
.m-b75 { margin-bottom: 75px !important; }
.m-b80 { margin-bottom: 80px !important; }
.m-b85 { margin-bottom: 85px !important; }
.m-b90 { margin-bottom: 90px !important; }
.m-b95 { margin-bottom: 95px !important; }
.m-b100 { margin-bottom: 100px !important; }
.m-l-50 { margin-left: -50px !important; }
.m-l-45 { margin-left: -45px !important; }
.m-l-40 { margin-left: -40px !important; }
.m-l-35 { margin-left: -35px !important; }
.m-l-30 { margin-left: -30px !important; }
.m-l-25 { margin-left: -25px !important; }
.m-l-20 { margin-left: -20px !important; }
.m-l-15 { margin-left: -15px !important; }
.m-l-10 { margin-left: -10px !important; }
.m-l-5 { margin-left: -5px !important; }
.m-l0 { margin-left: 0 !important; }
.m-l5 { margin-left: 5px !important; }
.m-l10 { margin-left: 10px !important; }
.m-l15 { margin-left: 15px !important; }
.m-l20 { margin-left: 20px !important; }
.m-l25 { margin-left: 25px !important; }
.m-l30 { margin-left: 30px !important; }
.m-l35 { margin-left: 35px !important; }
.m-l40 { margin-left: 40px !important; }
.m-l45 { margin-left: 45px !important; }
.m-l50 { margin-left: 50px !important; }
.m-l55 { margin-left: 55px !important; }
.m-l60 { margin-left: 60px !important; }
.m-l65 { margin-left: 65px !important; }
.m-l70 { margin-left: 70px !important; }
.m-l75 { margin-left: 75px !important; }
.m-l80 { margin-left: 80px !important; }
.m-l85 { margin-left: 85px !important; }
.m-l90 { margin-left: 90px !important; }
.m-l95 { margin-left: 95px !important; }
.m-l100 { margin-left: 100px !important; }

    .m-0-xs { margin: 0 !important; }
    .m-t-50-xs { margin-top: -50px !important; }
    .m-t-45-xs { margin-top: -45px !important; }
    .m-t-40-xs { margin-top: -40px !important; }
    .m-t-35-xs { margin-top: -35px !important; }
    .m-t-30-xs { margin-top: -30px !important; }
    .m-t-25-xs { margin-top: -25px !important; }
    .m-t-20-xs { margin-top: -20px !important; }
    .m-t-15-xs { margin-top: -15px !important; }
    .m-t-10-xs { margin-top: -10px !important; }
    .m-t-5 { margin-top: -5px !important; }
    .m-t0-xs { margin-top: 0 !important; }
    .m-t5-xs { margin-top: 5px !important; }
    .m-t10-xs { margin-top: 10px !important; }
    .m-t15-xs { margin-top: 15px !important; }
    .m-t20-xs { margin-top: 20px !important; }
    .m-t25-xs { margin-top: 25px !important; }
    .m-t30-xs { margin-top: 30px !important; }
    .m-t35-xs { margin-top: 35px !important; }
    .m-t40-xs { margin-top: 40px !important; }
    .m-t45-xs { margin-top: 45px !important; }
    .m-t50-xs { margin-top: 50px !important; }
    .m-t55-xs { margin-top: 55px !important; }
    .m-t60-xs { margin-top: 60px !important; }
    .m-t65-xs { margin-top: 65px !important; }
    .m-t70-xs { margin-top: 70px !important; }
    .m-t75-xs { margin-top: 75px !important; }
    .m-t80-xs { margin-top: 80px !important; }
    .m-t85-xs { margin-top: 85px !important; }
    .m-t90-xs { margin-top: 90px !important; }
    .m-t95-xs { margin-top: 95px !important; }
    .m-t100-xs { margin-top: 100px !important; }
    .m-r-50-xs { margin-right: -50px !important; }
    .m-r-45-xs { margin-right: -45px !important; }
    .m-r-40-xs { margin-right: -40px !important; }
    .m-r-35-xs { margin-right: -35px !important; }
    .m-r-30-xs { margin-right: -30px !important; }
    .m-r-25-xs { margin-right: -25px !important; }
    .m-r-20-xs { margin-right: -20px !important; }
    .m-r-15-xs { margin-right: -15px !important; }
    .m-r-10-xs { margin-right: -10px !important; }
    .m-r-5-xs { margin-right: -5px !important; }
    .m-r0-xs { margin-right: 0 !important; }
    .m-r5-xs { margin-right: 5px !important; }
    .m-r10-xs { margin-right: 10px !important; }
    .m-r15-xs { margin-right: 15px !important; }
    .m-r20-xs { margin-right: 20px !important; }
    .m-r25-xs { margin-right: 25px !important; }
    .m-r30-xs { margin-right: 30px !important; }
    .m-r35-xs { margin-right: 35px !important; }
    .m-r40-xs { margin-right: 40px !important; }
    .m-r45-xs { margin-right: 45px !important; }
    .m-r50-xs { margin-right: 50px !important; }
    .m-r55-xs { margin-right: 55px !important; }
    .m-r60-xs { margin-right: 60px !important; }
    .m-r65-xs { margin-right: 65px !important; }
    .m-r70-xs { margin-right: 70px !important; }
    .m-r75-xs { margin-right: 75px !important; }
    .m-r80-xs { margin-right: 80px !important; }
    .m-r85-xs { margin-right: 85px !important; }
    .m-r90-xs { margin-right: 90px !important; }
    .m-r95-xs { margin-right: 95px !important; }
    .m-r100-xs { margin-right: 100px !important; }
    .m-b-50-xs { margin-bottom: -50px !important; }
    .m-b-45-xs { margin-bottom: -45px !important; }
    .m-b-40-xs { margin-bottom: -40px !important; }
    .m-b-35-xs { margin-bottom: -35px !important; }
    .m-b-30-xs { margin-bottom: -30px !important; }
    .m-b-25-xs { margin-bottom: -25px !important; }
    .m-b-20-xs { margin-bottom: -20px !important; }
    .m-b-15-xs { margin-bottom: -15px !important; }
    .m-b-10-xs { margin-bottom: -10px !important; }
    .m-b-5-xs { margin-bottom: -5px !important; }
    .m-b0-xs { margin-bottom: 0 !important; }
    .m-b5-xs { margin-bottom: 5px !important; }
    .m-b10-xs { margin-bottom: 10px !important; }
    .m-b15-xs { margin-bottom: 15px !important; }
    .m-b20-xs { margin-bottom: 20px !important; }
    .m-b25-xs { margin-bottom: 25px !important; }
    .m-b30-xs { margin-bottom: 30px !important; }
    .m-b35-xs { margin-bottom: 35px !important; }
    .m-b40-xs { margin-bottom: 40px !important; }
    .m-b45-xs { margin-bottom: 45px !important; }
    .m-b50-xs { margin-bottom: 50px !important; }
    .m-b55-xs { margin-bottom: 55px !important; }
    .m-b60-xs { margin-bottom: 60px !important; }
    .m-b65-xs { margin-bottom: 65px !important; }
    .m-b70-xs { margin-bottom: 70px !important; }
    .m-b75-xs { margin-bottom: 75px !important; }
    .m-b80-xs { margin-bottom: 80px !important; }
    .m-b85-xs { margin-bottom: 85px !important; }
    .m-b90-xs { margin-bottom: 90px !important; }
    .m-b95-xs { margin-bottom: 95px !important; }
    .m-b100-xs { margin-bottom: 100px !important; }
    .m-l-50-xs { margin-left: -50px !important; }
    .m-l-45-xs { margin-left: -45px !important; }
    .m-l-40-xs { margin-left: -40px !important; }
    .m-l-35-xs { margin-left: -35px !important; }
    .m-l-30-xs { margin-left: -30px !important; }
    .m-l-25-xs { margin-left: -25px !important; }
    .m-l-20-xs { margin-left: -20px !important; }
    .m-l-15-xs { margin-left: -15px !important; }
    .m-l-10-xs { margin-left: -10px !important; }
    .m-l-5-xs { margin-left: -5px !important; }
    .m-l0-xs { margin-left: 0 !important; }
    .m-l5-xs { margin-left: 5px !important; }
    .m-l10-xs { margin-left: 10px !important; }
    .m-l15-xs { margin-left: 15px !important; }
    .m-l20-xs { margin-left: 20px !important; }
    .m-l25-xs { margin-left: 25px !important; }
    .m-l30-xs { margin-left: 30px !important; }
    .m-l35-xs { margin-left: 35px !important; }
    .m-l40-xs { margin-left: 40px !important; }
    .m-l45-xs { margin-left: 45px !important; }
    .m-l50-xs { margin-left: 50px !important; }
    .m-l55-xs { margin-left: 55px !important; }
    .m-l60-xs { margin-left: 60px !important; }
    .m-l65-xs { margin-left: 65px !important; }
    .m-l70-xs { margin-left: 70px !important; }
    .m-l75-xs { margin-left: 75px !important; }
    .m-l80-xs { margin-left: 80px !important; }
    .m-l85-xs { margin-left: 85px !important; }
    .m-l90-xs { margin-left: 90px !important; }
    .m-l95-xs { margin-left: 95px !important; }
    .m-l100-xs { margin-left: 100px !important; }



/* パディング
--------------------------------------------------------- */
.p-0 { padding: 0 !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-t0 { padding-top: 0 !important; }
.p-t5 { padding-top: 5px !important; }
.p-t10 { padding-top: 10px !important; }
.p-t15 { padding-top: 15px !important; }
.p-t20 { padding-top: 20px !important; }
.p-t25 { padding-top: 25px !important; }
.p-t30 { padding-top: 30px !important; }
.p-t35 { padding-top: 35px !important; }
.p-t40 { padding-top: 40px !important; }
.p-t45 { padding-top: 45px !important; }
.p-t50 { padding-top: 50px !important; }
.p-t55 { padding-top: 55px !important; }
.p-t60 { padding-top: 60px !important; }
.p-t65 { padding-top: 65px !important; }
.p-t70 { padding-top: 70px !important; }
.p-t75 { padding-top: 75px !important; }
.p-t80 { padding-top: 80px !important; }
.p-t85 { padding-top: 85px !important; }
.p-t90 { padding-top: 90px !important; }
.p-t95 { padding-top: 95px !important; }
.p-t100 { padding-top: 100px !important; }
.p-r0 { padding-right: 0 !important; }
.p-r5 { padding-right: 5px !important; }
.p-r10 { padding-right: 10px !important; }
.p-r15 { padding-right: 15px !important; }
.p-r20 { padding-right: 20px !important; }
.p-r25 { padding-right: 25px !important; }
.p-r30 { padding-right: 30px !important; }
.p-r35 { padding-right: 35px !important; }
.p-r40 { padding-right: 40px !important; }
.p-r45 { padding-right: 45px !important; }
.p-r50 { padding-right: 50px !important; }
.p-r55 { padding-right: 55px !important; }
.p-r60 { padding-right: 60px !important; }
.p-r65 { padding-right: 65px !important; }
.p-r70 { padding-right: 70px !important; }
.p-r75 { padding-right: 75px !important; }
.p-r80 { padding-right: 80px !important; }
.p-r85 { padding-right: 85px !important; }
.p-r90 { padding-right: 90px !important; }
.p-r95 { padding-right: 95px !important; }
.p-r100 { padding-right: 100px !important; }
.p-b0 { padding-bottom: 0 !important; }
.p-b5 { padding-bottom: 5px !important; }
.p-b10 { padding-bottom: 10px !important; }
.p-b15 { padding-bottom: 15px !important; }
.p-b20 { padding-bottom: 20px !important; }
.p-b25 { padding-bottom: 25px !important; }
.p-b30 { padding-bottom: 30px !important; }
.p-b35 { padding-bottom: 35px !important; }
.p-b40 { padding-bottom: 40px !important; }
.p-b45 { padding-bottom: 45px !important; }
.p-b50 { padding-bottom: 50px !important; }
.p-b55 { padding-bottom: 55px !important; }
.p-b60 { padding-bottom: 60px !important; }
.p-b65 { padding-bottom: 65px !important; }
.p-b70 { padding-bottom: 70px !important; }
.p-b75 { padding-bottom: 75px !important; }
.p-b80 { padding-bottom: 80px !important; }
.p-b85 { padding-bottom: 85px !important; }
.p-b90 { padding-bottom: 90px !important; }
.p-b95 { padding-bottom: 95px !important; }
.p-b100 { padding-bottom: 100px !important; }
.p-l0 { padding-left: 0 !important; }
.p-l5 { padding-left: 5px !important; }
.p-l10 { padding-left: 10px !important; }
.p-l15 { padding-left: 15px !important; }
.p-l20 { padding-left: 20px !important; }
.p-l25 { padding-left: 25px !important; }
.p-l30 { padding-left: 30px !important; }
.p-l35 { padding-left: 35px !important; }
.p-l40 { padding-left: 40px !important; }
.p-l45 { padding-left: 45px !important; }
.p-l50 { padding-left: 50px !important; }
.p-l55 { padding-left: 55px !important; }
.p-l60 { padding-left: 60px !important; }
.p-l65 { padding-left: 65px !important; }
.p-l70 { padding-left: 70px !important; }
.p-l75 { padding-left: 75px !important; }
.p-l80 { padding-left: 80px !important; }
.p-l85 { padding-left: 85px !important; }
.p-l90 { padding-left: 90px !important; }
.p-l95 { padding-left: 95px !important; }
.p-l100 { padding-left: 100px !important; }

    .p-0-xs { padding: 0 !important; }
    .p-t0-xs { padding-top: 0 !important; }
    .p-t5-xs { padding-top: 5px !important; }
    .p-t10-xs { padding-top: 10px !important; }
    .p-t15-xs { padding-top: 15px !important; }
    .p-t20-xs { padding-top: 20px !important; }
    .p-t25-xs { padding-top: 25px !important; }
    .p-t30-xs { padding-top: 30px !important; }
    .p-t35-xs { padding-top: 35px !important; }
    .p-t40-xs { padding-top: 40px !important; }
    .p-t45-xs { padding-top: 45px !important; }
    .p-t50-xs { padding-top: 50px !important; }
    .p-t55-xs { padding-top: 55px !important; }
    .p-t60-xs { padding-top: 60px !important; }
    .p-t65-xs { padding-top: 65px !important; }
    .p-t70-xs { padding-top: 70px !important; }
    .p-t75-xs { padding-top: 75px !important; }
    .p-t80-xs { padding-top: 80px !important; }
    .p-t85-xs { padding-top: 85px !important; }
    .p-t90-xs { padding-top: 90px !important; }
    .p-t95-xs { padding-top: 95px !important; }
    .p-t100-xs { padding-top: 100px !important; }
    .p-r0-xs { padding-right: 0 !important; }
    .p-r5-xs { padding-right: 5px !important; }
    .p-r10-xs { padding-right: 10px !important; }
    .p-r15-xs { padding-right: 15px !important; }
    .p-r20-xs { padding-right: 20px !important; }
    .p-r25-xs { padding-right: 25px !important; }
    .p-r30-xs { padding-right: 30px !important; }
    .p-r35-xs { padding-right: 35px !important; }
    .p-r40-xs { padding-right: 40px !important; }
    .p-r45-xs { padding-right: 45px !important; }
    .p-r50-xs { padding-right: 50px !important; }
    .p-r55-xs { padding-right: 55px !important; }
    .p-r60-xs { padding-right: 60px !important; }
    .p-r65-xs { padding-right: 65px !important; }
    .p-r70-xs { padding-right: 70px !important; }
    .p-r75-xs { padding-right: 75px !important; }
    .p-r80-xs { padding-right: 80px !important; }
    .p-r85-xs { padding-right: 85px !important; }
    .p-r90-xs { padding-right: 90px !important; }
    .p-r95-xs { padding-right: 95px !important; }
    .p-r100-xs { padding-right: 100px !important; }
    .p-b0-xs { padding-bottom: 0 !important; }
    .p-b5-xs { padding-bottom: 5px !important; }
    .p-b10-xs { padding-bottom: 10px !important; }
    .p-b15-xs { padding-bottom: 15px !important; }
    .p-b20-xs { padding-bottom: 20px !important; }
    .p-b25-xs { padding-bottom: 25px !important; }
    .p-b30-xs { padding-bottom: 30px !important; }
    .p-b35-xs { padding-bottom: 35px !important; }
    .p-b40-xs { padding-bottom: 40px !important; }
    .p-b45-xs { padding-bottom: 45px !important; }
    .p-b50-xs { padding-bottom: 50px !important; }
    .p-b55-xs { padding-bottom: 55px !important; }
    .p-b60-xs { padding-bottom: 60px !important; }
    .p-b65-xs { padding-bottom: 65px !important; }
    .p-b70-xs { padding-bottom: 70px !important; }
    .p-b75-xs { padding-bottom: 75px !important; }
    .p-b80-xs { padding-bottom: 80px !important; }
    .p-b85-xs { padding-bottom: 85px !important; }
    .p-b90-xs { padding-bottom: 90px !important; }
    .p-b95-xs { padding-bottom: 95px !important; }
    .p-b100-xs { padding-bottom: 100px !important; }
    .p-l0-xs { padding-left: 0 !important; }
    .p-l5-xs { padding-left: 5px !important; }
    .p-l10-xs { padding-left: 10px !important; }
    .p-l15-xs { padding-left: 15px !important; }
    .p-l20-xs { padding-left: 20px !important; }
    .p-l25-xs { padding-left: 25px !important; }
    .p-l30-xs { padding-left: 30px !important; }
    .p-l35-xs { padding-left: 35px !important; }
    .p-l40-xs { padding-left: 40px !important; }
    .p-l45-xs { padding-left: 45px !important; }
    .p-l50-xs { padding-left: 50px !important; }
    .p-l55-xs { padding-left: 55px !important; }
    .p-l60-xs { padding-left: 60px !important; }
    .p-l65-xs { padding-left: 65px !important; }
    .p-l70-xs { padding-left: 70px !important; }
    .p-l75-xs { padding-left: 75px !important; }
    .p-l80-xs { padding-left: 80px !important; }
    .p-l85-xs { padding-left: 85px !important; }
    .p-l90-xs { padding-left: 90px !important; }
    .p-l95-xs { padding-left: 95px !important; }
    .p-l100-xs { padding-left: 100px !important; }



/* フォント・テキスト
--------------------------------------------------------- */
/* ----- font-size ----- */
.fs-9 { font-size: 9px !important; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px !important; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px !important; }
.fs-20 { font-size: 20px !important; }
.fs-21 { font-size: 21px !important; }
.fs-22 { font-size: 22px !important; }
.fs-23 { font-size: 23px !important; }
.fs-24 { font-size: 24px !important; }
.fs-25 { font-size: 25px !important; }
.fs-26 { font-size: 26px !important; }
.fs-27 { font-size: 27px !important; }
.fs-28 { font-size: 28px !important; }
.fs-29 { font-size: 29px !important; }
.fs-30 { font-size: 30px !important; }
.fs-31 { font-size: 31px !important; }
.fs-32 { font-size: 32px !important; }
.fs-33 { font-size: 33px !important; }
.fs-34 { font-size: 34px !important; }
.fs-35 { font-size: 35px !important; }
.fs-36 { font-size: 36px !important; }
.fs-37 { font-size: 37px !important; }
.fs-38 { font-size: 38px !important; }
.fs-39 { font-size: 39px !important; }
.fs-40 { font-size: 40px !important; }

    .fs-9-xs { font-size: 9px !important; }
    .fs-10-xs { font-size: 10px !important; }
    .fs-11-xs { font-size: 11px !important; }
    .fs-12-xs { font-size: 12px !important; }
    .fs-13-xs { font-size: 13px !important; }
    .fs-14-xs { font-size: 14px !important; }
    .fs-15-xs { font-size: 15px !important; }
    .fs-16-xs { font-size: 16px !important; }
    .fs-17-xs { font-size: 17px !important; }
    .fs-18-xs { font-size: 18px !important; }
    .fs-19-xs { font-size: 19px !important; }
    .fs-20-xs { font-size: 20px !important; }
    .fs-21-xs { font-size: 21px !important; }
    .fs-22-xs { font-size: 22px !important; }
    .fs-23-xs { font-size: 23px !important; }
    .fs-24-xs { font-size: 24px !important; }
    .fs-25-xs { font-size: 25px !important; }
    .fs-26-xs { font-size: 26px !important; }
    .fs-27-xs { font-size: 27px !important; }
    .fs-28-xs { font-size: 28px !important; }
    .fs-29-xs { font-size: 29px !important; }
    .fs-30-xs { font-size: 30px !important; }
    .fs-31-xs { font-size: 31px !important; }
    .fs-32-xs { font-size: 32px !important; }
    .fs-33-xs { font-size: 33px !important; }
    .fs-34-xs { font-size: 34px !important; }
    .fs-35-xs { font-size: 35px !important; }
    .fs-36-xs { font-size: 36px !important; }
    .fs-37-xs { font-size: 37px !important; }
    .fs-38-xs { font-size: 38px !important; }
    .fs-39-xs { font-size: 39px !important; }
    .fs-40-xs { font-size: 40px !important; }

/* ----- font-weight ----- */
.fw-n { font-weight: normal !important; }
.fw-b { font-weight: bold !important; }
    .fw-n-xs { font-weight: normal !important; }
    .fw-b-xs { font-weight: bold !important; }


/* ----- text-decoration ----- */
.td-n { text-decoration: none !important; }
.td-u { text-decoration: underline !important; }
    .td-n-xs { text-decoration: none !important; }
    .td-u-xs { text-decoration: underline !important; }


/* ----- text-align ----- */
.ta-l { text-align: left !important; }
.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }
.ta-j { text-align: justify !important; }
    .ta-l-xs { text-align: left !important; }
    .ta-c-xs { text-align: center !important; }
    .ta-r-xs { text-align: right !important; }
    .ta-j-xs { text-align: justify !important; }


/* ----- vertical-align ----- */
.va-t { vertical-align: top !important; }
.va-m { vertical-align: middle !important; }
.va-b { vertical-align: bottom !important; }
.va-s { vertical-align: super !important; }
    .va-t-xs { vertical-align: top !important; }
    .va-m-xs { vertical-align: middle !important; }
    .va-b-xs { vertical-align: bottom !important; }

/* ----- white-space ----- */
.ws-n { white-space: normal !important; }
.ws-nw { white-space: nowrap !important; }
    .ws-n-xs { white-space: normal !important; }
    .ws-nw-xs { white-space: nowrap !important; }


/* ----- line-height ----- */
.lh-10 { line-height: 1.0 !important; }
.lh-11 { line-height: 1.1 !important; }
.lh-12 { line-height: 1.2 !important; }
.lh-13 { line-height: 1.3 !important; }
.lh-14 { line-height: 1.4 !important; }
.lh-15 { line-height: 1.5 !important; }
.lh-16 { line-height: 1.6 !important; }
.lh-17 { line-height: 1.7 !important; }
.lh-18 { line-height: 1.8 !important; }
.lh-19 { line-height: 1.9 !important; }
.lh-20 { line-height: 2.0 !important; }

    .lh-10-xs { line-height: 1.0 !important; }
    .lh-11-xs { line-height: 1.1 !important; }
    .lh-12-xs { line-height: 1.2 !important; }
    .lh-13-xs { line-height: 1.3 !important; }
    .lh-14-xs { line-height: 1.4 !important; }
    .lh-15-xs { line-height: 1.5 !important; }
    .lh-16-xs { line-height: 1.6 !important; }
    .lh-17-xs { line-height: 1.7 !important; }
    .lh-18-xs { line-height: 1.8 !important; }
    .lh-19-xs { line-height: 1.9 !important; }
    .lh-20-xs { line-height: 2.0 !important; }

    /* 画像100% */
    .c_img img {
      width: 100%;
      height: auto;
    }
    .c_img-xs img {
      width: 100%;
      height: auto;
    }

/* h4　同等*/
#contents .sentence .font_b{
    font-size: 20px;
    position: relative;
    /*padding: 50px 0 20px;*/
    margin-bottom: 10px !important;
    font-weight: bold;
    color: #008AE8;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}



/* report_mozambique  iflame */

.iframe-wrapper {
  position: relative;
  padding-bottom: 133.2%;
  /*padding-bottom: 133.2%;*/
 /* padding-bottom: 56.25%;*/
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

/* モザンビーク活動報告 Twitter版 */
#contents .c_card01 {
  margin: 0 -15px 30px;
  box-shadow: none;
  background: url("../img/card_bg01.jpg") 50% no-repeat;
  background-size: cover;
  text-align: left;
}
#contents .c_card01 .c_card01_header {
  padding: 30px 15px 0 15px;
}
#contents .c_card01 .c_card01_header .c_card01_title {
  margin: 0 0 25px;
  padding: 0 0 8px 10px;
  background: url("../img/title_bg01.png") 0 100% no-repeat;
  background-size: 282px auto;
  font-size: 18px;
  font-weight: bold;
}
#contents .c_card01 .c_card01_body {
  padding: 0 15px 30px;
}

#contents .twitter_wrapper {
  overflow: hidden;
}
#contents .twitter_wrapper .twitter-tweet {
  margin: 0 auto !important;
}

#contents .twitter_link01 {}
#contents .twitter_link01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000000;
  text-decoration: none;
  transition: .2s ease-in-out;
}
#contents .twitter_link01 a br {
  display: inline;
}
#contents .twitter_link01 a::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 0 15px 0 0;
  background: url("../img/icon_twitterX01.png") 50% no-repeat;
  background-size: cover;
}
#contents .twitter_link01 a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 19px;
  margin: 0 0 0 auto;
  background: url("../img/icon_arrow01_right_blue.svg") 50% no-repeat;
  background-size: cover;
}
#contents .twitter_link01 a:hover {
  opacity: .75;
}

#contents .c_button_wrapper01 {
  margin: 40px 0;
}


/* report_mozambique  slide-hogosha */
.slide-hogosha-tit {
    border-bottom: 1px solid #2b2b2b;
}
.slide-hogosha-tit span {
    font-size: 14px;
}
/* スライダー用 */
.slide-hogosha {
  position:relative;
}
.slide-hogosha .slider-item {
  width: 100%;
  margin-bottom: 0 !important;
}
.slide-hogosha .slider-item img {
  width: 100%;
  height: auto;
}
.slide-hogosha .slick-prev, 
.slide-hogosha .slick-next {
    position: absolute;
    z-index: 3;
    top: 50%;
    cursor: pointer;
    outline: none;
    border-top: 6px solid #09f;
    border-right: 6px solid #09f;
    height: 25px;
    width: 25px;
}

.slide-hogosha .slick-prev {
    transform: translateY(-50%) rotate(-135deg) !important;
}

.slide-hogosha .slick-next {
    transform: translateY(-50%) rotate(45deg) !important;
}