@charset "utf-8";

/*font設定*/

body {
  font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue',            /* Macの欧文 (OS X 10.10以前) */
               'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
               Meiryo,                      /* Windowsのメイリオ */
               sans-serif;
}

/*　H1 H2　*/
h1#contents,
h2.line_contents{
	background:url(../img/h1_contents_bg.jpg) no-repeat left bottom;
	border:1px solid #CCC;
	font-size:90%;
	line-height:150%;
	margin:0px 0px 15px !important;
	padding:5px 10px 5px;
	_width:750px;

}

/* font-style */
.bold { font-weight: bold !important; }
.italic { font-style : italic; }
.red {color: #f00;}
.redB {color: #f00; font-weight: bold;}
.blue {color: #033b82;}
.blueB {color: #033b82; font-weight: bold;}
.green {color: green;}
.greenB {color: green; font-weight: bold;}
.marker_yellow_futo {background: linear-gradient(transparent 0%, #ffff99 0%); display: inline;}
.marker_yellow_hoso {background: linear-gradient(transparent 50%, #ffff99 50%); display: inline;}
.marker_lime {background: linear-gradient(transparent 50%, #66FFCC 50%); display: inline;}
.marker_blue {background: linear-gradient(transparent 50%, rgba(102, 204, 255, 0.5) 50%); display: inline;}
.marker_pink {background: linear-gradient(transparent 50%, #ff66ff 50%); display: inline;}
.hit{background-color: #ffcdd2 !important;;}
.fly{background-color: #a5d6a7 !important;;}
.ball{background-color: #bbdefb !important;;}

/* font-size */
.tx9 { font-size: 66% !important; } /* renders 10px */
.tx10 { font-size: 77% !important; } /* renders 10px */
.tx11 { font-size: 85% !important; } /* renders 11px */
.tx12 { font-size: 93% !important; } /* renders 12px */
.tx13 { font-size: 100% !important; } /* renders 13px */
.tx14 { font-size: 108% !important; } /* renders 14px */
.tx15 { font-size: 116% !important; } /* renders 15px */
.tx16 { font-size: 123.1% !important; } /* renders 16px */
.tx17 { font-size: 131% !important; } /* renders 17px */
.tx18 { font-size: 138.5% !important; } /* renders 18px */
.tx19 { font-size: 146.5% !important; } /* renders 19px */
.tx20 { font-size: 153.9% !important; } /* renders 20px */
.tx21 { font-size: 161.6% !important; } /* renders 21px */
.tx22 { font-size: 167% !important; } /* renders 22px */
.tx23 { font-size: 174% !important; } /* renders 23px */
.tx24 { font-size: 182% !important; } /* renders 24px */
.tx25 { font-size: 189% !important; } /* renders 25px */
.tx26 { font-size: 197% !important; } /* renders 26px */

.p_report a[target="_blank"]::after{
  margin-right: 3px;
  content: " \f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  vertical-align: 1px;
  padding-left:2px;
  color: #888;
  text-decoration: none;
}

/* text-align */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; text-justify: inter-ideograph !important; }
.align-middle { vertical-align: middle !important;}

/* float */
.fl_L { float: left !important; }
.fl_R { float: right !important; }
.fl_n { float: none !important; }

/* clear */
.clear { clear: both !important; }

/* overflow */
.hidden { overflow: hidden !important; }
.scroll { overflow: scroll !important; }

/* line-height */
.lh0 { line-height: 0 !important; }
.lh10 { line-height: 1.0 !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh175 { line-height: 1.75 !important; }
.lh18 { line-height: 1.8 !important; }
.lh19 { line-height: 1.9 !important; }
.lh20 { line-height: 2.0 !important; }
.lh22 { line-height: 2.2 !important; }

/* clearfix */
.cFix:after { content: “.”; display: block; clear: both; height: 0; visibility: hidden; }
.cFix { min-height: 1px; }
* html .cFix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* margin */

.m0 { margin: 0 !important; }
.m0A { margin: 0 auto !important; }

.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.mrA { margin-right: auto !important; }
.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr3 { margin-right: 3px !important; }
.mr5 { margin-right: 5px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

.mlA { margin-left: auto !important; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml8 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

/* padding */
.p0 { padding: 0 !important; }
.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt8 { padding-top: 8px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr8 { padding-right: 8px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl8 { padding-left: 8px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }
.pl110 { padding-left: 110px !important; }
.pl113 { padding-left: 113px !important; }
.pl120 { padding-left: 120px !important; }

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

.appeal_box{
    padding: 18px 19px 0 !important;
    margin: 2em 0 !important;
    color: #2c2c2f;
    background: #e4fbe1;
    border-top: solid 5px #5baf54;
    border-bottom: solid 5px #5baf54;
}
.appeal_box p{margin: 0; padding: 0; text-align: center; font-weight: bold;}

/*画像スタイル デフォルト */

figure {
position: relative;
display: inline-block;
*width: auto; /* for IE7 and below */
}
figure img {
max-width: 100%;
width: 100%;
vertical-align: top;
}
figure figcaption {
position: absolute;
right: 3px;
bottom: 3px;
padding: 2px 8px !important;
font-size: .7rem;
color: #fff;
background: rgba(77,33,20,0.768);
}

/* バレー部キャプション画像用 */
.vb figure {
margin:0;
border: thin #EEE solid;
padding: 2px !important;
}
.vb .p_report figure img {
max-width: 100%;
vertical-align: top;
padding: 0;
border: 0;
width: 100%;
}
.vb figure figcaption {margin: 0px auto !important;right: 0;left: 0;bottom: 2px;width: calc(100% - 4px) ;padding: 3px 5px !important;background: rgba(121, 85, 72, 0.8);}

/* 野球部キャプション画像用 */
.bb figure {
margin:0;
border: thin #EEE solid;
padding: 2px !important;
}
.bb figure img {
max-width: 100%;
vertical-align: top;
padding: 0;
border: 0;
width: 100%;
}
.bb figure figcaption {margin: 0px auto !important;right: 0;left: 0;bottom: 2px;width:calc(100% - 4px) ;padding: 3px 5px !important;background: rgba(4, 47, 126, 0.7);}

/* ラグビー部キャプション画像用 */
.rb figure {
margin:0;
border: thin #EEE solid;
padding: 2px !important;
}
.rb figure img {
max-width: 100%;
vertical-align: top;
padding: 0;
border: 0;
width: 100%;
}
.rb figure figcaption {margin: 0px auto !important;right: 0;left: 0;bottom: 2px;width: calc(100% - 4px) ;padding: 3px 5px !important;background: rgba(60, 89, 0, 0.7);}

/* レスポンシブテーブル */
.scroll-table {overflow: auto;white-space: nowrap;}
.scroll-table table{width: 100%;border-collapse: collapse;text-align: left;font-size: 85%;}
.scroll-table th, .scroll-table td{font-size: 85%;padding: 3px 5px !important;border: 1px solid #dbe1e8;padding: 5px !important;}
@media only screen and (max-width: 800px) {
.scroll-table table{font-size: inherit;}
}
.col-head-type1 {
  border-collapse: collapse;
  width: 100%;
  font-size: 80%;
  text-align: left;
}

.col-head-type1 th,
.col-head-type1 td {
  border: 1px solid #dbe1e8;
  padding: 5px !important;
}

.col-head-type1 th {
  background: #f9fafc;
  /* text-align: center; */
  width: 125px;
}

@media only screen and (max-width: 800px) {
  .col-head-type1 tr,
  .col-head-type1 th,
  .col-head-type1 td {
    display: block;
    width: auto;
  }

  .col-head-type1 tr:first-child {
    border-top: 1px solid #dbe1e8;
  }

  .col-head-type1 th,
  .col-head-type1 td {
    border-top: none;
  }
}

.col-head-type2 {
  border-collapse: collapse;
  width: 50%;
  font-size: 80%;
  text-align: left;
}

.col-head-type2 th,
.col-head-type2 td {
  border: 1px solid #dbe1e8;
  padding: 5px !important;
}

.col-head-type2 th {
  background: #f9fafc;
  text-align: right;
  width: 180px;
}

@media only screen and (max-width: 800px) {
  .col-head-type2 {
  width: 100%;
}
.col-head-type2 th {
  text-align: left;
}

  .col-head-type2 tr,
  .col-head-type2 th,
  .col-head-type2 td {
    display: block;
    width: auto;
  }

  .col-head-type2 tr:first-child {
    border-top: 1px solid #dbe1e8;
  }

  .col-head-type2 th,
  .col-head-type2 td {
    border-top: none;
  }
}

/*ボタンスタイル*/
.btn_sp01 {
  background: #0e94ed;
  background-image: -webkit-linear-gradient(top, #0e94ed, #146ba1);
  background-image: -moz-linear-gradient(top, #0e94ed, #146ba1);
  background-image: -ms-linear-gradient(top, #0e94ed, #146ba1);
  background-image: -o-linear-gradient(top, #0e94ed, #146ba1);
  background-image: linear-gradient(to bottom, #0e94ed, #146ba1);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #ffffff !important;
  font-size: 13px;
  padding: 7px 14px 7px 14px;
  text-decoration: none;
}

.btn_sp01:hover {
  background: #16a0f5;
  background-image: -webkit-linear-gradient(top, #16a0f5, #1187d6);
  background-image: -moz-linear-gradient(top, #16a0f5, #1187d6);
  background-image: -ms-linear-gradient(top, #16a0f5, #1187d6);
  background-image: -o-linear-gradient(top, #16a0f5, #1187d6);
  background-image: linear-gradient(to bottom, #16a0f5, #1187d6);
  text-decoration: none;
  color: #ffffff !important;
}

.question {font-size: 16px;line-height: 1.7em;font-weight: bold;margin: 0 0 10px;}
.question::before{content:'――';}

.faq dl{
     width:650px;
     margin:80px;
     line-height:1.8em;
     font-size: 1em;
     overflow: hidden;
     _zoom: 1;
}

.faq dl dd,
.faq dl dt{
/*     text-indent: -1.6em;   */
     padding: 0 20px 0px 50px;
}

.faq dl dt{
     margin:20px 20px 0 0;
}

.faq dl dd:first-letter,
.faq dl dt:first-letter{
     font-size: 1em;
     font-weight: bold;
     margin-right:0;
     padding:5px;
}


.faq dl dd{
     margin: 0px 0 15px 0 !important;
     padding-bottom:15px;
     border-bottom: 1px #ccc dotted;
}


.faq dl dt:first-letter{
     color: #2068b1;
}
.faq dl dd:first-letter{
     color: #8e1818;
}

.notes{
	font-size: 0.9em;
    text-indent: -1em;
	padding-left: 1em !important;
}
.notes2{
	text-indent: -2em;
	padding-left: 2em !important;
}
.mainL_layoutframe {
  padding-bottom: 10px !important;}

/*仕切り線*/
.line01{border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.line02 {border-bottom: 1px dashed #ccc; border-top: 0;}

/*H4見出し*/
.detailContent h4 {margin: 1.5em 0 0.5em 10px !important;color: #033b82;}

/*見出しデザインいろいろ*/
/*付箋*/
.subt_fusen {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  1rem !important; 
    font-weight: bold !important;
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #FFECB3;  /* 背景色指定 */
    padding:  10px 20px 10px 10px !important;             /* 余白指定 */
    margin-bottom: 15px !important;        /* 周りの余白指定 */
    border-radius:  2px;        /* 角丸指定 */
}

.subt_fusen:before {
    content:  '';               /* 空白の要素を作る */
    background-color: #b3b3b3;  /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 50%;                  /* 位置調整 */
    height: 50%;                /* 高さ指定 */
    top: 36%;                   /* 位置調整 */
    z-index:  -1;               /* 重なり調整 */
    width: 46%;                 /* 幅指定 */
    box-shadow: 0 0 8px 8px #b3b3b3;/* 影指定 */
    transform: rotate(3deg);    /* 回転 */
}

/*その他*/
.subt_01 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #ff6a6a;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
}

.subt_01:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
}

/*見出しの後の箇条書き*/
.list {margin: 0 0 0 15px !important;}

/*パンサーズ　見出しに肉球*/
.feature {
  position: relative;/*相対位置*/
  padding-left: 1.2em !important;/*アイコン分のスペース*/
  line-height: 1.4 !important;/*行高*/
  color: #FF5722;/*文字色*/
  margin-top: 30px !important;
  margin-bottom: 10px !important;
  font-size: 110% !important;
}

.feature:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: -2px;/*アイコンの位置*/
  color: #FF9800; /*アイコン色*/
}

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

/*.detailContent, .detailContent:before, .detailContent:after {*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* 1 column */
.col_1{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
 .col_1 > div{
	width: 100%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	 .col_2 > div{
		width: 100%;
	}
}

/* 2 column */
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
 .col_2 > div{
	width: 50%;
	padding: 5px !important;
}
@media screen and (max-width: 960px) {
	 .col_2 > div{
		width: 100%;
	}
}

/* 3 column */

 .col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
 .col_3 > div{
	width: 33.33333%;
	padding: 5px !important;
}
@media screen and (max-width: 960px) {
	 .col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	 .col_3 > div{
		width: 100%;
	}
}

/* 4 column */

 .col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
 .col_4 > div{
	width: 25%;
	padding: 5px !important;
}
@media screen and (max-width: 960px) {
	 .col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	 .col_4 > div{
		width: 50%;
	}
}

/* 5 column */

 .col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
 .col_5 > div{
	width: 20%;
	padding: 5px !important;
}
 .col_5 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	 .col_5 > div{
		width: 25%;
	}
}
@media screen and (max-width: 480px) {
	 .col_5 > div{
		width: 33.33333%;
	}
}

/* 6 column */

.col_6{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
 .col_6 > div{
	width: 16%;
	padding: 5px !important;
}
 .col_6 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	 .col_6 > div{
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	 .col_6 > div{
		width: 100%;
	}
}

/* fluid column */

.fl_col {display: flex;
     /*並び順*/
     /*
     flex-start：左寄せ（デフォルト）
     flex-end：右寄せ
     center： 中央寄せ
     space-between：残り余白の均等割り 
     space-around：左右余白 ＋ 均等割り
     */
     justify-content: center;}
.fl_col img {width: auto;}
.col_r {width: 250px;} 
/*.col_r img {width: auto;}*/
.col_r2 {width: 190px;} 
/*.col_r2 img {width: auto;}*/
.col_r3 {width: 300px;}
/*.col_r3 img {width: auto;}*/
.col_r4 {width: 120px;}
/*.col_r4 img {width: auto;}*/
.col_l {width: 250px;} 
/*.col_l img {width: auto;}*/
.col_l2 {width: 190px;} 
/*.col_l2 img {width: auto;}*/
.col_l3 {width: 300px;} 
/*.col_l3 img {width: auto;}*/
.col_l4 {width: 120px;} 
/*.col_l4 img {width: auto;}*/
.contents {flex: 1;}

/*インター画像の枠*/
.photo img {padding: 2px !important;border: 1px solid #e5e5e5 !important;max-width: 100%;}

/*イントラコンテンツに枠*/
.border1{border: 1px solid #e5e5e5;}

/*写真の枠*/
.p_report img {padding: 2px; border: 1px solid #e5e5e5;}
.bb img {padding: 0;border: 0;}
.p_report .nophoto img {padding: 2px; border: 0px;}

/* 活動レポートの箇条書きリスト用 */
.p_report dl{font-size: 85%; margin: 20px 15px!important;}
.p_report dt:before {    
font-family: 'Font Awesome 5 Free';
font-size: .7rem;
content: '\f0c8';
margin:0px 5px 0 0px;
color: #0048a3;
}
.p_report dt {color: #0048a3; padding-bottom: .1rem !important;font-weight:bold;}
.p_report dd {color: inherit; padding:0 0 .5rem .8em !important;}

/*イントラ設定*/
h1#contents{
  color: #494949;/*文字色*/
  padding: 0.5em 0.5em 0.4em ;/*文字周りの余白*/
  line-height: 1.3;/*行高*/
  background: -webkit-linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
  background: linear-gradient(to top, #e5e5e5d6, #ffffff00);
  vertical-align: middle;/*上下中央*/
  margin-bottom: 20px;
  font-size: 90%;
}

#gcc_main h2.line_contents {
  position: relative;
  padding: 0.2em 0.5em .4em;
  background: -webkit-linear-gradient(to top, rgb(137, 184, 255), #c5ceff);
  background: linear-gradient(to top, #e5e5e5d6, #ffffff00);
  color: #3c3434;
  border: 1px solid #CCC;
  font-size: 90%;
  margin: 0px 0px 15px !important;  
}
#gcc_main h4{margin: 2em 0 0.5em 10px !important;color: #033b82;font-size: 80%;font-weight: bold;}
#gcc_main h3.h3Title {
  padding: 0.4em 0.5em .3em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #094ecf;/*左線*/
  border-bottom: solid 1px #d7d7d7;/*下線*/
  margin-bottom: 20px;
  font-size: 90%;

}

/* youtube responsive not used */
.embed-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}
.embed-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: initial !important;
}