@charset "UTF-8";

/*
  ページ別CSS
*/


/***********************************************************
#1 オーバーライド: c-main
***********************************************************/
#c-main {
}

#c-main a.a-linkbtn {
  padding: 0.5em 1.5em;
  font-size: 0.9em;
	margin:  2.0em 0 1.0em ;
	border: solid 1px #333;
	width: inherit;
	color: #333;
	text-decoration: none;
}


#c-main a {
  color : #2D349D;
  text-decoration:  none;
}
#c-main a:hover {
  color : #2D349D;
  text-decoration: underline;
}
#c-main a:visited {
  color : #2D349D;
  text-decoration:  none;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
}



/***********************************************************
#1 TOPページ info
***********************************************************/
#c-main .box-info {
  padding: 2.0em 1.0em 3.0em;
  margin:0;
  width: 100%;
  max-width: 100%;
  background: url("../common/images/stripes-light.png") repeat;
}
#c-main .box-info .box-info-inner {
  padding: 1.0em 0 0 ;
  margin:  0 auto;
  width: 900px;
  max-width: 100%;
}

#c-main .box-info h3 {
  padding: 0.5em 0 0.5em ;
  margin:  0 0 1.0em 0;
  font-size: 2.0em;
  line-height: 1.8em;
  letter-spacing: 0.03em;
  font-family: 'Libre Caslon Text', serif;
  border-bottom: solid 2px #333;
  font-weight: 400;
}
#c-main .box-info h3 .small {
  padding: 0 0 0 1.2em ;
  margin:  0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.7em;
  line-height: 1.4em;
  font-weight: 300;
}

#c-main .box-info dl {
  padding: 0 ;
  margin:  0.8em 0 0.5em;
}

#c-main .box-info dl dt {
  padding: 0 ;
  margin:  0;
  float: left;
  width: 100px;
}
#c-main .box-info dl dd {
  padding: 0 ;
  margin:  0 0 0 0.8em ;
  float: left;
}

#c-main .box-info .fb-pc {
  margin:  
	  1.0em 0 0 ;
}
#c-main .box-info .fb-sp {
  display: none;
}

#c-main .col-btn {
  display: flex;
  flex-direction: row-reverse;
}

#c-main .col-btn p {
  margin: 0 5px 1.0em; 
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {


}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-info {
  padding: 1.0em 0.5em 1.0em;
}	
	
	
#c-main .box-info .fb-pc {
  display: none;
}
#c-main .box-info .fb-sp {
  margin:  2.0em 0 ;
  display: block;
}

#c-main .col-btn {
  justify-content: center;
}


}



/***********************************************************
#1 TOPページ メイン
***********************************************************/

#c-main .box-main {
  padding: 3.0em 0 ;
  margin:0 auto;
  width: 1100px;
  max-width: 98%;
}
#c-main .box-main .col-main {
  padding: 0 ;
  margin:  0 ;
  width: 100%;
  max-width: 100%;
}

#c-main .box-main .col-main-l {
  padding: 0 ;
  margin:  0 ;
  width: 50%;
  max-width: 100%;
  float: left;
}

#c-main .box-main .col-main-r {
  padding: 0.5em 0 0 0 ;
  margin:  0 5% 0 0 ;
  width: 43%;
  max-width: 100%;
  float: right;
}

#c-main .box-main .col-main-r p.p-big {
  font-size: 1.2em;
  line-height: 1.6em;
}

#c-main .box-main .col-main-r p.link-panf {
  font-size: 1.0em;
  padding: 1.0em 0 ;
  margin-top: 1.0em;
  text-align: right;
}

#c-main .box-main .col-main-r p.link-panf a:link {
  padding: 0.6em 1.5em ;
  margin-top: 1.0em;
  text-align: center;
  color: #fff;
  background: rgb(18,92,147);
  background: linear-gradient(90deg, rgba(18,92,147,1) 0%, rgba(9,9,121,1) 24%, rgba(0,212,255,1) 100%);
  border-radius: 1.5em;
  text-decoration: none;
}
#c-main .box-main .col-main-r p.link-panf a:visited {
  color: #fff;
  text-decoration: none;
}

#c-main .box-main .col-main-r p.link-panf a:hover {
  color: #fff;
  text-decoration: underline;
}


#c-main .box-main .col-main02 {
  padding: 1.0em 0 0  ;
  margin:  0 auto;
  width: 1000px;
  max-width: 100%;
}

#c-main .box-main .col-main02 h3 {
  font-family: 'Noto Sans JP', sans-serif;
  padding: 0 ;
  margin: 0.2em 0 0.8em ;
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #0066b5;
  border: none;
}

#c-main .box-main .col-main02 #col-2plan {
  padding: 0 ;
  margin: 1.0em auto;
  width: 98%;
  max-width: 98%;
}

#c-main .box-main .col-main02 #col-2plan h3 {
  font-family: 'Noto Sans JP', sans-serif;
  padding: 0 ;
  margin: 0.5em 0 0.5em ;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: 0.05em;
  border: none;
  color: #000;
}

#c-main .box-main .col-main02 .col-hakubi {
  padding: 0.6em 1.5em 0.3em ;
  margin:0.5em 0 ;
  border: solid 4px #EE89AF;
  border-radius: 0.8em;
  background: #F6DBD6;
  width: 49%;
  max-width: 100%;
  float: left;
  height: 150px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

#c-main .box-main .col-main02 .col-sanin {
  padding: 0.6em 1.5em ;
  margin:  0.5em 0 ;
  border: solid 4px #0094D7;
  background: #D7E9FE;
  border-radius: 0.8em;
  width: 49%;
  max-width: 100%;
  float: right;
  height: 150px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}




/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
	
#c-main .box-main {
  padding: 1.0em 0 ;
  margin:0 auto;
  width: 96%;
  max-width: 100%;
}	

	
#c-main .box-main .col-main-l {
  margin:  0 auto;
  width: 90%;
  float: none;
}

#c-main .box-main .col-main-r {
  margin: 0 ;
  width: 100%;
  float: none;
}

#c-main .box-main .col-main-r h3 {
  font-size: 1.4em;
  text-align: center;
  margin: 1.0em 0 ;
  padding: 0 ;
}
#c-main .box-main .col-main-r p.p-big {
  font-size: 1.1em;
  line-height: 1.4em;
}	

#c-main .box-main .col-main-r p.link-panf {
  text-align: center;
}	

#c-main .box-main .col-main02 #col-2plan h3 {
  font-size: 1.1em;
}	
	
#c-main .box-main .col-main02 .col-hakubi {
  margin:0.5em auto ;
  width: 98%;
  text-align: left;
  float: none;
}

#c-main .box-main .col-main02 .col-sanin {
  margin:0.5em auto ;
  width: 98%;
  text-align: left;
  float: none;
}	
	
	
}


/***********************************************************
#1 TOPページ　利点
***********************************************************/
#c-main .box-merit {
  padding: 3.0em 0;
  margin:0;
  width: 100%;
  background: #E8F5DF;
  background-image: url("../images/bg_merit.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right bottom;
}
#c-main .box-merit .box-merit-inner {
  padding: 1.0em 0 0 ;
  margin:  0 auto;
  width: 1000px;
  max-width: 100%;
}

#c-main .box-merit .box-merit-inner h2 {
  padding: 0 ;
  margin:  0 0 1.0em;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 2.8em;
  line-height: 1.6em;
  font-weight: 600;
  color: #1D2974;
}


#c-main .box-merit .box-merit-inner table {
  padding: 0 ;
  margin:  1.5em auto;
  color: #1D2974;
  border: none;
  width: 890px;
  max-width: 100%;
}

#c-main .box-merit .box-merit-inner table th {
  padding: 0.5em 0.1em 0.5em 0 ;
  margin:  1.0em 0 ;
  border: none;
  background: none;
  font-size: 1.7em;
  line-height: 1.1em;
  font-weight: 700;
}

#c-main .box-merit .box-merit-inner table td {
  padding: 0.5em 0  ;
  margin:  1.0em 0 ;
  border: none;
  background: none;
  line-height: 1.2em;
  font-size: 1.1em;
  font-weight: 500;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {

#c-main .box-merit .box-merit-inner h2 {
  padding: 0 ;
  margin:  0 0 1.0em;
  text-align: center;
  font-size: 2.0em;
  line-height: 1.6em;
  font-weight: 900;
}	
	
	
#c-main .box-merit .box-merit-inner table {
  padding: 0 ;
  margin:  1.5em auto;
  border: none;
  width: 98%;
  max-width: 100%;
}

#c-main .box-merit .box-merit-inner table th {
  font-size: 1.5em;
}

#c-main .box-merit .box-merit-inner table td {
  font-size: 1.0em;
}	
	
	
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-merit {
  padding: 1.0em 0.8em;
}	
	
	
#c-main .box-merit .box-merit-inner table {
  width: 98%;
}	
	
	
#c-main .box-merit .box-merit-inner table th {
  display: block;
  width: 100%;
  margin: 0.5em 0 ;
  padding: 0 ;
}

#c-main .box-merit .box-merit-inner table td {
  display: block;
  width: 100%;
  margin: 0.5em 0 ;
  padding: 0 0 0 0.8em ;
}	
	

}

/***********************************************************
#1 TOPページ マンガ
***********************************************************/

#c-main .box-manga {
  padding: 3.5em 0 0.5em ;
  margin:0 auto;
  width: 1000px;
  max-width: 100%;
  display: block;
}
#c-main .box-manga02 {
  padding: 0.5em 0 1.0em ;
  margin:0 auto;
  width: 1000px;
  max-width: 100%;
  display: block;
}

#c-main .box-manga .col-manga {
  padding: 0 ;
  margin:  0 ;
  width: 100%;
  max-width: 100%;
}

#c-main .box-manga .col-manga-l {
  padding: 0 ;
  margin:  0 ;
  width: 48%;
  max-width: 100%;
  float: left;
}

#c-main .box-manga .col-manga-r {
  padding: 0 ;
  margin:  0 ;
  width: 48%;
  max-width: 100%;
  float: right;
}

#c-main .box-manga p {
  padding: 0 0 0 2.0em ;
  margin:  1.0em ;
  text-align: right;
} 

#c-main .box-manga p a:link {
  padding: 1.0em 0 1.0em 2.0em ;
  background: url("../common/images/allow_list01.jpg") no-repeat left;
}

/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main .box-manga {
  padding: 1.5em 0 0.5em ;
  width: 98%;
}	
#c-main .box-manga02 {
  padding: 1.5em 0 1.0em;
  width: 98%;
}		
	
#c-main .box-manga .col-manga-l {
  margin: 0 0 1.5em  ;
  width: 100%;
  float: none;
}

#c-main .box-manga .col-manga-r {
  width: 100%;
  float: none;
}

}

/***********************************************************
#1 下階層　共通
***********************************************************/

/*//////////////////
# 太字リスト
//////////////////*/

#c-main ul.ul-strong {
  margin: 1.0em 0 ;
  padding: 0 ;
}

#c-main ul.ul-strong li{
    position: relative;
    padding-left: 20px;
	font-weight: 500;
	list-style: none;
	margin-bottom: 0.8em;
	font-size: 1.1em;
	color: #333;
}
 
#c-main ul.ul-strong li:before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #0068B4;
    border-radius: 50%;
}


/*//////////////////
#　※リスト
//////////////////*/

#c-main ul.ul-kome {
}

#c-main ul.ul-kome li{
    position: relative;
    padding-left: 20px;
	list-style: none;
	color: #333;
}
 
#c-main ul.ul-kome li:before {
    content: "\02217";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
}

/*//////////////////
#　※文字大
//////////////////*/

#c-main p.p-fontbig {
  font-size: 1.1em;
  line-height: 1.7em;
}


/*//////////////////
#　※文字赤
//////////////////*/

#c-main .font-red {
  color: #ff0000;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
}




/***********************************************************
#1 下階層　導入効果
***********************************************************/

/*//////////////////
# テーブル
//////////////////*/

#c-main h2.h2-benefit{
  text-align: center;
  width: 70%;
  margin: 2.0em auto 1.0em;
  padding: 0 ;
}

#c-main table.tbl-benefits {
  margin: 0.5em auto 0.5em;
  padding: 0 0.5em;
  width: 96%;
  border: none;
}

#c-main table.tbl-benefits tr {
  border-bottom: dashed 1px #ccc;
}

#c-main table.tbl-benefits th {
  padding: 0.8em 1.5em 0.8em 0;
  border: none;
  font-size: 1.7em;
  font-weight: 700;
  background: none;
  color: #1D2974;
}

#c-main table.tbl-benefits td {
  padding: 0 0 1.2em 0 ;
  border: none;
  font-size: 1.1em;
  background: none;
}

#c-main .box-benefits {
  padding: 2.0em 1.0em ;
  border-radius: 0.3em;
  background: #D6E4E9;
  width: 98%;
  max-width: 98%;
  margin: 1.0em auto;
}

#c-main .col-benefits {
  margin: 0;
  padding: 0 ;
  width: 100%;
  max-width: 100%;
}

#c-main .col-benefits-l {
  margin: 0;
  padding: 0.5em 0 0 0  ;
  width: 25%;
  max-width: 100%;
  font-size: 1.1em;
  text-align: center;
  float: left;
}
#c-main .col-benefits-r {
  margin: 0;
  padding: 0 0 0 2.0em ;
  width: 72%;
  max-width: 100%;
  float: right;
  border-left: solid 1px #ccc;
}
#c-main .col-benefits-r h4 {
  margin: 0;
  padding: 0.5em 0  ;
  font-size: 1.2em;
}
#c-main .col-benefits-r p {
  margin: 0.5em 0 0.5em 1.2em ;
  padding: 0 ;
}

#c-main .col-benefits02 {
  margin: 1.0em 0;
  padding: 0 ;
  width: 100%;
  max-width: 100%;
}
#c-main .col-benefits02-element {
  margin: 0;
  padding: 0 1% ;
  width: 33.3333%;
  max-width: 100%;
  float: left;
}

#c-main .col-table {
  padding: 0 ;
  margin:  2.0em auto 1.0em;
  width: 900px;
  max-width: 100%;
}
#c-main .col-table-element {
  padding: 0 1% ;
  margin:  0;
  width: 50%;
  max-width: 100%;
  float: left;
  text-align: center;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {

#c-main table.tbl-benefits {
  display:block ;
  width: 96%;
  margin: 1.0em auto;
}
	
	
#c-main table.tbl-benefits th {
  display:block ;
  width: 100%;
  padding: 0.5em 1.5em 0.5em 0;
}

#c-main table.tbl-benefits td {
  display:block ;
  width: 100%;
  font-size: 1.0em;
}
	
	
	
#c-main .col-benefits-l {
  margin: 0;
  padding: 0.5em 0 0.2em 0  ;
  width: 100%;
  max-width: 100%;
  font-size: 1.1em;
  text-align: center;
  float: none;
  border-bottom: solid 1px #ccc;
}
#c-main .col-benefits-r {
  margin: 0;
  padding: 1.0em 0 0 0 ;
  width: 100%;
  max-width: 100%;
  float: none;
  border: none;
}	

#c-main .col-benefits02-element {
  margin: 0;
  padding: 0.5em 1% ;
  width: 100% ;
  max-width: 100%;
  float: none;
}

#c-main .col-table {
  padding: 0 ;
  margin:  1.0em auto ;
  width: 98%;
  max-width: 100%;
}
#c-main .col-table-element {
  padding: 0;
  margin:  0 0 0.5em 0;
  width: 100%;
  max-width: 100%;
  float: none;;
}	
	
	
}

/***********************************************************
#1 下階層　協議会について
***********************************************************/


#c-main dl.dl-aboutus {
  margin:1.0em 0 1.5em;
}

#c-main dl.dl-aboutus dt {
  font-size: 1.2em;
  margin-bottom: 0.5em;
  font-weight: 500;
}

#c-main dl.dl-aboutus dd {
  margin-bottom: 0.5em;
}