@charset "UTF-8";


@media screen and (min-width:801px) {
	#orangeribbon img {
		width:100%;
		vertical-align:bottom;
	}

	#orangeribbon img.main_tel{
		max-width:640px;
		margin:0 auto;
		display:block;
	}

	#orangeribbon .feature_content  {
		width:100%;
	}
	#orangeribbon .orengeribbon_cont p {
		font-size:16px;
		line-height:1.8em;
	}

	#orangeribbon .orengeribbon_cont p.read{
		font-size:2.5em;
		margin:20px auto 30px auto;
		text-align:center;
		color:#EF821D;
		font-weight:bolder;
	}

	#orangeribbon .orengeribbon_cont p.center {
		text-align:center;
		margin-bottom:30px;
		margin-top:30px;
	}

	#orangeribbon .orengeribbon_cont p.deco {
		font-weight:600;
		font-size:1.5em ;
		margin-bottom:15px;
	}

	#orangeribbon .feature_content .orengeribbon_cont h2 {
	    display: block;
	    font-size: 30px;
	    margin: 60px 0 30px 0;
	    padding: 0.5em 0 0.5em 50px;
	    background-image: url(../../assets/img/article/orange/orange_h2icon.png);
	    background-position: left 40%;
	    background-repeat: no-repeat;
	    color: #EF821D;
	    border-bottom: #FFCC33 10px solid;
	    background-size: 34px auto;
	}

	#orangeribbon .feature_content .orengeribbon_cont p span.text_s {
		font-size:0.8em ;
		color:#333333;
	}
		
	/*------オレンジリボン　協賛リストスタイル------*/

	#orangeribbon  .orengeribbon_cont div.orange {
		margin:20px auto 30px auto ;
	}
	#orangeribbon .content .orengeribbon_cont ul.orange_list {
		display:table;
		width:99%;
		margin:0 auto 0 auto;
	}

	#orangeribbon  .orengeribbon_cont .content ul.orange_list > li:nth-child(3n+1) {
	    clear: both;
	}

	ul.orange_list > li {
	    display: table-cell;
	    float: left;
	    width: 23%;
	    text-align: center;
	    margin-bottom: 20px;
	    border: solid 1px #ccc;
	    margin-right: 2%;
	}

	ul.orange_list > li:nth-child(4n) {
	    margin-right: 0;
	}

	#orangeribbon .content .orengeribbon_cont ul.orange_list li img{
		width:100%;
	}

	#orangeribbon .orange_btn01 {
		display:block;
		background:#f0831e;
		color:#fff;
		font-weight:bold;
		font-size:16px;;
		text-align:center;
		width:100%;
		max-width:420px;
		margin:30px auto 40px auto;
		padding:20px 0;
		border-radius:8px;
	}

	#orangeribbon .orange_btn02 {
		display:block;
		background:#000000;
		color:#fff;
		font-weight:bold;
		font-size:16px;;
		text-align:center;
		width:100%;
		max-width:420px;
		margin:30px auto 40px auto;
		padding:20px 0;
		border-radius:8px;
	}


	/*------オレンジリボン　フッタースタイル------*/

	#orangeribbon .feature_content .orangeribbon_foot {
		text-align:center;
		margin:70px auto 80px auto ;
	}

	#orangeribbon .feature_content .orangeribbon_foot p {
		margin-bottom:20px;
	}

	#orangeribbon .feature_content .orangeribbon_foot p.deco {
		font-weight:600;
		font-size:1.5em ;
		margin-bottom:8px;
	}

	#orangeribbon .feature_content .orangeribbon_foot .logo {
		width:300px;
		margin:auto;
	}

	#orangeribbon .sec_bn {
		width:100%;
		margin:0 auto 20px auto;
	}

	#orangeribbon .sec_bn .bn_inn {
		margin:0 auto 20px auto;
	}

	#orangeribbon .sec_bn .bn_inn a {
		display:block;
		border:solid 1px #ccc;
		text-decoration:none;
		color:#000;
		padding:14px;
		overflow:hidden;
	}

	#orangeribbon .sec_bn .bn_inn a:hover {
		opacity: 0.5;
	}

	#orangeribbon .sec_bn .bn_inn .bn_pt {
		float:left;
		width:16%;
		margin:0;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt {
		float:right;
		width:80%;
		margin:0;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt p {
		font-size:16px;

	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_h {
		background:#eee;
		float:left;
		border-radius:20px;
		padding:2px 30px;
		margin:0;
		text-align:center;
		font-size:12px;
		color:#666;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_date {
		float:right;
		width:60%;
		margin:0;
		text-align:right;
		font-size:12px;
		color:#666;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_title {
		clear:both;
		padding:10px 0 0 0;
		margin:0 0 0 0;
		display: block;
		position: relative;
		font-size:16px;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_title::after{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		width: 10px;
		height: 10px;
		border-top: solid 2px #666;
		border-right: solid 2px #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_title::before {
		content:"●";
		color:#ef821d;
		font-size:120%;
	}

	#orangeribbon .bn_more {
		text-align:right;
	}

	#orangeribbon .bn_more a {
		color:#ef821d;
	}

	/* mokuzi */
	#orangeribbon .feature_content .toc_title {
		color:#ef821d;
		padding:2px 0;
		text-align:left;
		font-size:14px;
		font-weight:bold;
		width:340px;
		margin:40px auto 0 auto;
	}

	#orangeribbon .feature_content .toc_list {
		background: #fcfcfc;/*背景色*/
		padding: 0.5em 0.5em 0.5em 3em;/*ボックス内の余白*/
		border: solid 1px #ef821d;
		width:300px;
		margin:auto;
	}

	#orangeribbon .feature_content .toc_list li {
		list-style:decimal;
		line-height: 1.5; /*文の行高*/
		padding: 6px 0; /*前後の文との余白*/
		font-size:14px;
	}


	@media screen and (max-width:800px) { 
	}


	/****************/
	/* list */
	/****************/
	.nav-links {
	  display:flex;
	  justify-content:center;
	  margin:20px 0;
	}

	.nav-links a,
	.nav-links span{
	  width:50px;
	  height:50px;
	  margin:0 10px;
	  line-height:50px;
	  text-align:center;
	  font-size:14px;
	  font-weight:bold;
	  text-decoration:none;
	  color:#fff;
	  transition:.3s;
	  border-radius:8px;
	  border:solid 1px #ef821d;
	  background:#ef821d;
	}
	.nav-links a:hover{
	  background:#fff;
	  color:#ef821d;
	}
	.nav-links .current{
	  background:#fff;
	  color:#ef821d;
	}

	/****************/
	/* cnt4以降 */
	/****************/

	#orangeribbon .feature_content .columnhead {
		margin:40px 0;
	}

	#orangeribbon .feature_content .columnhead .columnhead_sub {
	  background:#ef821d;
	  color:#fff;
	  overflow:hidden;
	  padding:4px 10px;
	}

	#orangeribbon .feature_content .columnhead .columnhead_sub .sub01 {
		float:left;
		width:50%;
	  font-size:14px;
	}

	#orangeribbon .feature_content .columnhead .columnhead_sub .sub02 {
		float:right;
		width:50%;
		text-align:right;
	  font-size:14px;
	}

	#orangeribbon .feature_content .columnhead h2 {
	    display: block;
	    font-size: 28px;
	    margin: 20px 0;
	    padding:0;
	    background-image:none;
	    color: #000;
	    border-bottom: none;
	}

	#orangeribbon .feature_content .columnhead .columnhead_main {
		width:100%;
		max-width:600px;
		margin:0 auto 20px auto;
	}

	#orangeribbon .feature_content .columnhead .columnhead_read {
		background:#FEF1E6;
		padding:20px;
		text-align:center;
	}

	#orangeribbon .feature_content .columnhead .columnhead_read span {
		color:#ef821d;
		font-weight:bold;
	}

	#orangeribbon .feature_content .columnmain {
		margin:60px 0;
	}

	#orangeribbon .feature_content .columnmain h3 {
	    font-size: 24px;
	    border-bottom:solid 4px #FFCC33;
	    background:none;
	    color:#000;
	    padding:0;
	    margin:0 0 30px 0 !important;
	}

	#orangeribbon .feature_content .columnmain p {
		line-height:2;
	}

	#orangeribbon .feature_content .orange_tel {
		margin:40px 0;
	}

	#orangeribbon .feature_content p.column_note {
		margin:20px 0;
	    font-size: 14px;
	}

	/*TAB切り替え---------------------------------------------*/
	    .article-tabs {
	      display: flex;
	      gap: 10px;
	      margin-bottom: 20px;
	    }

	    .tab-list {
	      padding: 10px 20px;
	      background: #eee;
	      border-radius: 5px;
	      cursor: pointer;
	      width: 100%;
	      text-align: center;
	    }

	    .tab-list.active {
	      background-color: #007BFF;
	      color: white;
	    }

	    .article-item {
	      padding: 10px;
	    }

	    .pagination {
	      margin-top: 20px;
	      display: flex;
	      gap: 10px;
	      justify-content: center;
	      align-items: center;
	      flex-wrap: wrap;
	      margin-bottom:60px;
	    }

	    .pagination button {
	      padding: 5px 15px;
	      border: none;
	      background-color: #007BFF;
	      color: white;
	      border-radius: 4px;
	      cursor: pointer;
	    }

	    .pagination button:disabled {
	      background-color: #ccc;
	      cursor: default;
	    }

	    .page-number {
	      background-color: #eee;
	      color: #333;
	      border-radius: 4px;
	      padding: 5px 10px;
	      cursor: pointer;
	      border: none;
	    }

	    .page-number.active {
	      background-color: orange;
	      color: white;
	    }

	/*TAB切り替え---------------------------------------------*/


	#orangeribbon .photo{
		text-align:center;
	}

	#orangeribbon .feature_content .cnt_inn03{
		color:#000;
		
	}
}

@media screen and (max-width:800px) {
	#orangeribbon img {
		width:100%;
	}

	#orangeribbon .feature_content  {
		width:100%;
		margin:10px auto;
	}

	#orangeribbon .feature_content h1 {
		background:none;
		padding:0;
	}

	#orangeribbon .orengeribbon_cont p {
		font-size:16px;
		line-height:1.7em;
		margin:0;
	}

	#orangeribbon .orengeribbon_cont p.read{
		font-size:18px;
		margin:20px auto 30px auto;
		text-align:center;
		color:#EF821D;
		font-weight:bolder;
	}

	#orangeribbon .orengeribbon_cont p.center {
		text-align:center;
		margin-bottom:30px;
		margin-top:30px;
	}

	#orangeribbon .orengeribbon_cont p.deco {
		font-weight:600;
		font-size:16px;
	}

	#orangeribbon .feature_content .orengeribbon_cont h2 {
	display: block;
	    font-size: 20px;
	    margin: 20px 0 30px 0px;
	    padding: 20px 0 10px 35px;
	    background-image: url(../../assets/img/article/orange/sp_orange_h2icon.png);
	    background-position: 4px 90%;
	    background-repeat: no-repeat;
	    color: #EF821D;
	    border-bottom: #FFCC33 5px solid;
	    background-size: 20px auto;
	}

	#orangeribbon .feature_content .orengeribbon_cont p span.text_s {
		font-size:0.8em ;
		color:#333333;
	}
		
	/*------オレンジリボン　協賛リストスタイル------*/

	#orangeribbon  .orengeribbon_cont div.orange {
		margin:0 auto 30px auto ;
	}
	#orangeribbon .orengeribbon_cont ul.orange_list {
		display:flex;
		flex-wrap:wrap;
		width:100%;
		margin:0 auto 0 auto;
		list-style:none;
	}

	#orangeribbon .orengeribbon_cont ul.orange_list > li:nth-child(3n+1) {
	    clear: both;
	}

	ul.orange_list > li {
	    width: 32%;
	    text-align: center;
	    margin-bottom: 10px;
	    border: solid 1px #ccc;
	    margin-right: 2%;
	}

	ul.orange_list > li:nth-child(3n) {
	    margin-right: 0;
	}

	#orangeribbon .orengeribbon_cont ul.orange_list li img{
		width:100%;
	}

	#orangeribbon .orengeribbon_cont p {

	}

	#orangeribbon .orange_btn01 {
		display:block;
		background:#f0831e;
		color:#fff;
		font-weight:bold;
		font-size:16px;;
		text-align:center;
		width:100%;
		max-width:280px;
		margin:20px auto 40px auto;
		padding:10px 0;
		border-radius:8px;
	}

	#orangeribbon .orange_btn02 {
		display:block;
		background:#000000;
		color:#fff;
		font-weight:bold;
		font-size:16px;;
		text-align:center;
		width:100%;
		max-width:340px;
		margin:20px auto 40px auto;
		padding:15px 0;
		border-radius:8px;
	}


	/*------オレンジリボン　フッタースタイル------*/

	#orangeribbon .feature_content .orangeribbon_foot {
		text-align:center;
		margin:60px auto 80px auto ;
	}

	#orangeribbon .feature_content .orangeribbon_foot p {
		margin-bottom:20px;
	}

	#orangeribbon .feature_content .orangeribbon_foot p.deco {
		font-weight:600;
		font-size:18px;
		margin-bottom:8px;
	}

	#orangeribbon .feature_content .orangeribbon_foot .logo {
		width:300px;
		margin:auto;
	}

	#orangeribbon .sec_bn {
		width:100%;
		margin:0 auto 0 auto;
	}

	#orangeribbon .sec_bn .bn_inn {
		margin:0 auto 0 auto;
	}

	#orangeribbon .sec_bn .bn_inn a {
		display:block;
		border:solid 1px #ccc;
		text-decoration:none;
		color:#000;
		padding:10px 25px 10px 10px;
		overflow:hidden;
	}

	#orangeribbon .sec_bn .bn_inn a:hover {opacity: 0.5;}

	#orangeribbon .sec_bn .bn_inn .bn_pt {
		float:left;
		width:18%;
		margin:0;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt {
		float:right;
		width:80%;
		margin:0;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt p {
		font-size:16px;
		margin:0;
	}

	#orangeribbon .photo{
		text-align:center;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_h {
		background:#eee;
		float:left;
		border-radius:20px;
		padding:0px 10px;
		margin:0;
		text-align:center;
		font-size:10px;
		color:#000;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_date {
		float:right;
		width:60%;
		margin:0;
		text-align:right;
		font-size:11px;
		color:#666;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_title {
		clear:both;
		margin:0 0 0 0;
		display: block;
		position: relative;
		font-size:11px;
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_title::after{
		display: block;
		position: absolute;
		top: 50%;
		right: -10px;
		width: 10px;
		height: 10px;
		border-top: solid 2px #666;
		border-right: solid 2px #666;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}

	#orangeribbon .sec_bn .bn_inn .bn_txt .bn_title::before {
		content:"●";
		color:#ef821d;
		font-size:14px;
	}

	#orangeribbon .bn_more {
		text-align:right;
	}

	#orangeribbon .bn_more a {
		color:#ef821d;
		font-size:16px;
	}

	/* mokuzi */
	#orangeribbon .feature_content .toc_title {
		color:#ef821d;
		padding:2px 0;
		text-align:left;
		font-size:16px;
		font-weight:bold;
		width:100%;
		margin:20px auto 0 auto;
	}

	#orangeribbon .feature_content .toc_list {
		background: #fcfcfc;/*背景色*/
		padding: 0.5em 0.5em 0.5em 3em;/*ボックス内の余白*/
		border: solid 1px #ef821d;
		width:100%;
		margin:0 auto 40px auto;
	}

	#orangeribbon .feature_content .toc_list li {
		list-style:decimal;
		line-height: 1.5; /*文の行高*/
		padding: 6px 0; /*前後の文との余白*/
		font-size:14px;
	}

	#orangeribbon .feature_content .toc_list li a {
		color:#ef821d;
		text-decoration:none;
	}


	@media screen and (max-width:800px) { 
	}


	/****************/
	/* list */
	/****************/
	.nav-links {
	  display:flex;
	  justify-content:center;
	  margin:20px 0;
	}

	.nav-links a,
	.nav-links span{
	  width:50px;
	  height:50px;
	  margin:0 10px;
	  line-height:50px;
	  text-align:center;
	  font-size:14px;
	  font-weight:bold;
	  text-decoration:none;
	  color:#ef821d;
	  transition:.3s;
	  border-radius:8px;
	  border:solid 1px #ef821d;
	  background:#fff;
	}
	.nav-links a:hover{
	  background:#ef821d;
	  color:#fff;
	}
	.nav-links .current{
	  background:#ef821d;
	  color:#fff;
	}

	@media screen and (max-width:800px) { 
	}


	/****************/
	/* cnt4以降 */
	/****************/

	#orangeribbon .feature_content .columnhead {
		margin:40px 0;
	}

	#orangeribbon .feature_content .columnhead .columnhead_sub {
	  background:#ef821d;
	  color:#fff;
	  overflow:hidden;
	  padding:4px 10px;
	}

	#orangeribbon .feature_content .columnhead .columnhead_sub .sub01 {
		float:left;
		width:50%;
	    font-size:12px;
	    margin:0;
	}

	#orangeribbon .feature_content .columnhead .columnhead_sub .sub02 {
		float:right;
		width:50%;
		text-align:right;
	    font-size:12px;
	    margin:0;
	}

	#orangeribbon .feature_content .columnhead h2 {
	    display: block;
	    font-size: 18px;
	    margin: 20px 0;
	    padding:0;
	    background-image:none;
	    color: #000;
	    border-bottom: none;
	    background:none;
	}

	#orangeribbon .feature_content .columnhead .columnhead_main {
		width:70%;
		margin:0 auto 20px auto;
	}

	#orangeribbon .feature_content .columnhead .columnhead_read {
		background:#FEF1E6;
		padding:10px 4px;
		font-size:12px;
		margin:0;
	}

	#orangeribbon .feature_content .columnhead .columnhead_read br {
		display:none;
	}

	#orangeribbon .feature_content .columnhead .columnhead_read span {
		color:#ef821d;
		font-weight:bold;
	}

	#orangeribbon .feature_content .columnmain {
		margin:40px 0 60px 0;
	}

	#orangeribbon .feature_content .columnmain h3 {
	    font-size: 16px;
	    border-bottom:solid 4px #FFCC33;
	    background:none;
	    color:#000;
	    margin:0 0 20px 0 !important;
	    padding:0 0 4px 0;
	}

	#orangeribbon .feature_content .columnmain p {
		line-height:1.7;
	    font-size: 16px;
	}

	#orangeribbon .feature_content .orange_tel {
		margin:40px 0;
	}

	#orangeribbon .feature_content p.column_note {
		margin:20px 0;
	    font-size: 12px;
	}

	a.anchor{
	    display: block;
	    padding-top: 60px;
	    margin-top: -60px;
	    z-index:-9999;
	    position:relative;
	}

	/*TAB切り替え---------------------------------------------*/
	    .article-tabs {
	      display: flex;
	      gap: 10px;
	      margin-bottom: 20px;
	      justify-content: center;
	    }

	    .tab-list {
	      padding: 10px 10px;
	      background: #eee;
	      border-radius: 5px;
	      cursor: pointer;
	      text-align: center;
	    }

	    .tab-list.active {
	      background-color: #007BFF;
	      color: white;
	    }

	    .article-item {
	      padding: 10px 0;
	    }

	    .pagination {
	      margin-top: 20px;
	      display: flex;
	      gap: 10px;
	      justify-content: center;
	      align-items: center;
	      flex-wrap: wrap;
	      margin-bottom:60px;
	    }

	    .pagination button {
	      padding: 5px 15px;
	      border: none;
	      background-color: #007BFF;
	      color: white;
	      border-radius: 4px;
	      cursor: pointer;
	      margin-bottom:5px;
	    }

	    .pagination button:disabled {
	      background-color: #ccc;
	      cursor: default;
	    }

	    .page-number {
	      background-color: #eee;
	      color: #333;
	      border-radius: 4px;
	      padding: 5px 10px;
	      cursor: pointer;
	      border: none;
	    }

	    .page-number.active {
	      background-color: orange;
	      color: white;
	    }

	    .pagination button#prev{
	      order:2;
	    }

	    .pagination button#next{
	      order:3;
	    }

	    .pagination #page-numbers{
	      width:100%;
	      justify-content: center;
	      flex-wrap: wrap;
	    }

	/*TAB切り替え---------------------------------------------*/


	#orangeribbon .feature_content .cnt_inn03{
		color:#000;
	}

	#orangeribbon .feature_content .cnt_inn01 h2{
		font-size:20px !important;
		padding: 6px 0 !important;
		line-height: 26px !important;
	}

	#orangeribbon .feature_content .cnt_inn01 .cnt16box{
		display:block !important;
	}

	#orangeribbon .feature_content .cnt_inn01 .cnt16box .text,
	#orangeribbon .feature_content .cnt_inn01 .cnt16box .photo{
		width:100% !important;
		margin:0 !important;
	}

	#orangeribbon .feature_content .cnt_inn01 .cnt16box .photo{
		margin-top:20px !important;
	}

	#orangeribbon img.middle_size{
		width:100% !important;
	}

	#orangeribbon .feature_content .cap{
		margin-bottom:40px !important;
	}

	#orangeribbon .feature_content .cnt_inn01 img{
		width:100% !important;
	}

	#orangeribbon .feature_content .to_top a{
		color:#fff !important;
	}

	#orangeribbon img.half_l{
		max-width:100%;
	}

	#orangeribbon .feature_content .cnt_inn03 p.btn a{
		width:80% !important;
	}

	#orangeribbon .feature_content .pt{
		margin: -50px auto 0 !important;
		float: none !important;
	}

	#orangeribbon .feature_content .info{
		padding:0 0 10px !important;
	}

	#orangeribbon .feature_content .cnt_inn03 h2{
		font-size:20px !important;
	}

	#orangeribbon .feature_content .cnt_inn03 p.btn a{
		font-size:20px !important;
	}

	#orangeribbon .feature_content .cnt_inn03 p{
		font-weight:normal;
	}

	#orangeribbon .feature_content .cnt_inn01 .bkcolor{
		padding-top:25px !important;
	}
}