@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Noto+Sans+JP:wght@100;400;700&display=swap');


body {
    font-size: 12pt;
}

#main {
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #FDFDFD;
}

a:link {
    color: #666;
}
a:visited {
    color: #666;
}
a:hover {
    color: #fab42d;
}
a:active {
    color: #fab42d;
}

.bi:before {
 font-weight: 400 !important; }

/* outline_section */
.outline_section {
	margin: 0;
    padding: 3.0rem 0;
    position: relative;
}

.outline_section .container {
    max-width: 850px;
}
.outline_section h1 {
    margin-bottom: 3.0rem;
    text-align: left;
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: 0.75rem;
	border-bottom: 3px solid #fab42d;
}
@media screen and (min-width: 992px) {
    .outline_section h1 {
    font-size: 1.375rem;
    }
}
.outline_section h2 {
    margin-bottom: 3.0rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .outline_section h2 {
    font-size: 1.25rem;
    }
}

/* outline_section outline_container */
.outline_section .outline_container p {
    margin-bottom: 1.0rem;
    font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
    .outline_section .outline_container p {
    font-size: 1.0rem;
    }
}
.outline_section .outline_container .date01{
    margin-bottom: 2.0rem;
    font-size: 0.875rem;
	text-align: right;
}
@media screen and (min-width: 768px) {
    .outline_section .outline_container .date01 {
    margin-bottom: 1.5rem;
    text-align: right;
    }
}
@media screen and (min-width: 992px) {
    .outline_section .outline_container .date01 {
    margin-bottom: 1.0rem;
    font-size: 1.0rem;
    }
}

.outline_section .outline_container .date02{
    margin-bottom: 1.0rem;
    font-size: 0.875rem;
	text-align: right;
}
@media screen and (min-width: 768px) {
    .outline_section .outline_container .date02 {
    margin-bottom: 0.75rem;
    text-align: right;
    }
}
@media screen and (min-width: 992px) {
    .outline_section .outline_container .date02 {
    font-size: 1.0rem;
    }
}

.outline_section .outline_container .category {
    margin-bottom: 5.0rem;
}
.outline_section .outline_container .category {
    display: flex;
    margin-bottom: 2.0rem;
}
.outline_section .outline_container .category p {
    display: inline-block;
    margin: 0 0.5rem 0.5rem 0;
    padding: 0.25rem 1.0rem;
    font-size: 0.875rem;
    color: #ffffff;
}
.outline_section .outline_container .example_contents .category p.paradise {
    background: #e86345;
}
.outline_section .outline_container .example_contents .category p.paper {
    background: #e69100;
}
.outline_section .outline_container .example_contents .category p.race {
    background: #7e73ff;
}
.outline_section .outline_container .example_contents .category p.sand {
    background: #6bd149;
}
.outline_section .outline_container .example_contents .category p.bubble {
    background: #4eaeff;
}
.outline_section .outline_container .example_contents .category p.palette {
    background: #FC9095;
}
.outline_section .outline_container .example_contents .category p.sdgs {
    background: #7dd1fd;
}
.outline_section .outline_container .example_contents .category p.arch {
    background: #4258d8;
}
.outline_section .outline_container .example_contents .category p.meiro {
    background: #ffd93e;
    color: #404040;
}
.outline_section .outline_container .example_contents .category p.tanken {
    background: #007b43;
}
.outline_section .outline_container .example_contents .category p.mogura {
    background: #856553;
}
.outline_section .outline_container .example_contents .category p:last-child {
    margin: 0;
}
.outline_section .outline_container .example_contents .link {
    text-align: right;
}
.outline_section .outline_container .example_contents .link a {
    display: inline-block;
    margin-left: auto;
    padding: 0.25rem 1.0rem;
    border: 0.0625rem solid #dc3545;
    font-size: 0.75rem;
    color: #dc3545;
    transition-duration: 0.5s;
}
.outline_section .outline_container .example_contents .link a:hover {
    background: #fff;
    color: #404040;
}
.outline_section .outline_container .example_contents .link i {
    margin-left: 0.5rem;
}
.outline_section .outline_container p.toplink a:link {
    color: #0d6efd;
    font-weight: bold;
}
.outline_section .outline_container p.toplink a:visited {
    color: #0d6efd;
    font-weight: bold;
}
.outline_section .outline_container p.toplink a:hover {
    opacity: 0.5;
}
.outline_section .outline_container p span.text04 {
	font-size: 0.75rem;
}
@media screen and (min-width: 992px) {
    .outline_section .outline_container p span.text04 {
    font-size: 0.875rem;
    }
}

/* index_section */
.index_section {
	margin: 0;
    padding: 3.0rem 0;
    position: relative;
}

.index_section .container {
    max-width: 850px;
}

.index_section .index_container p {
    margin-bottom: 1.0rem;
    font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
    .index_section .index_container p {
    font-size: 1.0rem;
    }
}
.index_section .index_container p.mokuji {
    margin-bottom: 3.0rem;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .index_section .index_container p.mokuji {
    font-size: 1.25rem;
    }
}

.index_section .index_inner {
    margin: 0 auto;
}
.index_section .index_inner ol {
	counter-reset: num;
	list-style: none;
}

.index_section .index_inner ol ol {
	padding-left: 0.5rem;
}

    .index_section .index_inner li {
	    padding-bottom: 0.125rem;
		text-indent: -1.3rem;
		padding-left: 1.3rem;
}
      .index_section .index_inner li:first-child {
        padding-top: 0.025rem;
}
      .index_section .index_inner li:last-child {
        margin: 0;
}
      @media screen and (min-width: 768px) {
        .index_section .index_inner li {
		  }
}
      @media screen and (min-width: 992px) {
        .index_section .index_inner li {
          padding-bottom: 0.25rem;
		  }
          .index_section .index_inner li:first-child {
          padding-top: 0.25rem;
		  }
}
.index_section .index_inner ol li::before {
	counter-increment: num;
	content: counter(num);
	font-size: 1.0rem;
	text-decoration: none;
	padding: 0 0.5rem 0 0.25rem;
	color: #dc3545;
	font-weight: bold;
}
      @media screen and (min-width: 768px) {
        .index_section .index_inner ol li::before {

          margin: 0;
          text-align: center;
          color: #dc3545;
          font-weight: bold;
		  }
}
      @media screen and (min-width: 992px) {
        .index_section .index_inner ol li::before {
          font-size: 1.0rem;
		  color: #dc3545;
		  }
}

.index_section .index_inner ol li.dot::before {
    content: "・";
	padding: 0;
}

.index_section .index_inner ul li::before {
	counter-increment: num;
	content: counter(num);
	font-size: 1.0rem;
	text-decoration: none;
	padding: 0 0.5rem 0 0.25rem;
	color: #dc3545;
	font-weight: bold;
}
      @media screen and (min-width: 768px) {
        .index_section .index_inner ul li::before {

          margin: 0;
          text-align: center;
          color: #dc3545;
          font-weight: bold;
		  }
}
      @media screen and (min-width: 992px) {
        .index_section .index_inner ul li::before {
          font-size: 1.0rem;
		  color: #dc3545;
		  }
}

.index_section .index_inner ul li.dot::before {
    content: "・";
	padding: 0;
}


    .index_section .index_inner .title01 {
      padding: 0 0 0 0.25rem;
      font-size: 1.0rem;
      color: #dc3545;
      font-weight: bold;
}
      .index_section .index_inner .title01:hover {
        text-decoration: underline;
}
      @media screen and (min-width: 768px) {
        .index_section .index_inner .title01 {
		  }
}
      @media screen and (min-width: 992px) {
        .index_section .index_inner .title01 {
          font-size: 1.0rem;
		  }
}

    .index_section .index_inner .title02 {
      padding: 0 0 0 0.25rem;
      font-size: 1.0rem;
      color: #dc3545;
      font-weight: bold;
}
      .index_section .index_inner .title02:hover {
        text-decoration: underline;
}
      @media screen and (min-width: 768px) {
        .index_section .index_inner .title02 {
		  }
}
      @media screen and (min-width: 992px) {
        .index_section .index_inner .title02 {
          font-size: 1.0rem;
		  }
}


/* article_section */
.article_section {
	margin: 0;
    padding: 3.0rem 0;
    position: relative;
}

.article_section ul {
	list-style: disc;
	padding-left: 2.5rem;
}
   .article_section li {
	    font-size: 0.875rem;
	    padding-bottom: 0.125rem;
}
      .article_section li:last-child {
        margin-bottom: 2rem;
}
      @media screen and (min-width: 768px) {
        .article_section li {
		  }
}
      @media screen and (min-width: 992px) {
        .article_section li {
          font-size: 1.0rem;
          padding-bottom: 0.25rem;
		  }
}

.article_section .container {
    max-width: 850px;
}

.article_section .article_container .article_inner {
	display: block;
	margin-top:-100px;
	padding-top:100px;
    margin-bottom: 3.0rem;
}

@media screen and (min-width: 992px) {
    .article_section .article_container .article_inner {
	font-size: 1.0rem;
    margin-bottom: 5.0rem;
    }
}

.article_section .article_container .article_inner h2 {
    margin-bottom: 1.0rem;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 0.25rem 0 0 1.0rem;
    color: #333;
    background: transparent;
    border-left: solid 8px #fab42d;
}
@media screen and (min-width: 992px) {
    .article_section .article_container .article_inner h2 {
    font-size: 1.25rem;
    }
}


.article_section .article_container .article_inner h3 {
	margin-top: -100px;
	padding-top: 100px;
	padding-bottom: 0.5rem;
    font-size: 0.875rem;
    font-weight: bold;
	color: #333;
}

@media screen and (min-width: 992px) {
    .article_section .article_container .article_inner h3 {
    font-size: 1.0rem;
    }
}


.article_section .article_container .article_inner p {
	margin-bottom: 2.0rem;
    font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
    .article_section .article_container .article_inner p {
    font-size: 1.0rem;
    }
}


.article_section .article_container .article_inner a {
	position: relative;
}
.article_section .article_container .article_inner a img:hover {
	opacity: 0.8 ;
}

.article_section .article_container .article_inner .articlelink {
    color: #0d6efd;
    font-weight: bold;
}
.article_section .article_container .article_inner .articlelink:visited {
    color: #0d6efd;
    font-weight: bold;
}
.article_section .article_container .article_inner .articlelink:hover {
    opacity: 0.5;
}

.article_section .article_container .article_inner p a:link {
    color: #0d6efd;
    font-weight: bold;
}
.article_section .article_container .article_inner p a:visited {
    color: #0d6efd;
    font-weight: bold;
}
.article_section .article_container .article_inner p a:hover {
    opacity: 0.5;
}


.article_section .article_container .article_inner p span.text01 {
	font-weight: bold;
}
.article_section .article_container .article_inner p span.text02 {
	font-weight: bold;
    padding: 0.5rem 0 0.5rem 0;
}
.article_section .article_container .article_inner p.inner_a {
	margin-bottom: 0.75rem;
}

.article_section .article_container .article_inner p span.text03 {
	display: block;
	padding-left: 1.0rem;
}
.article_section .article_container .article_inner p span.text04 {
	font-size: 0.875rem;
}
.article_section .article_container .article_inner h2 span.inner_heading::before {
	content: '●';
    padding-right: 0.35rem;
}
.article_section .article_container .article_inner h3 span.inner_heading::before {
	content: '●';
    padding-right: 0.35rem;
}
.article_section .article_container .article_inner p span.inner_heading-sub::before {
	content: '・';
    padding-right: 0.25rem;
}
.article_section .article_container .article_inner p span.inner_heading-bold::before {
	content: '◎';
    padding-right: 0.25rem;
    padding-top: 0.75rem;
}
.article_section .article_container .article_inner p span.text_bold{
    color: #333;
    font-weight: bold;
}


.article_section .article_container .article_inner .casetitle01 ,.casetitle02 ,.casetitle03 ,.casetitle04 {
	display : inline-block;
	padding: 0 0 0.5rem 0.5rem;
}

.article_section .article_container .article_inner .casetitle01 {
	color: #1642A6;
}
.article_section .article_container .article_inner .casetitle01 a {
	color: #1642A6;
}
.article_section .article_container .article_inner .casetitle02 {
	color: #006F79;
}
.article_section .article_container .article_inner .casetitle02 a {
	color: #006F79;
}
.article_section .article_container .article_inner .casetitle03 {
	color: #1642A6;
}
.article_section .article_container .article_inner .casetitle03 a {
	color: #1642A6;
}
.article_section .article_container .article_inner .casetitle04 {
	color: #006F79;
}
.article_section .article_container .article_inner .casetitle04 a {
	color: #006F79;
}

.article_section .article_container .article_inner .casetext {
	display : inline-block;
	padding: 0.5rem;
}

.article_section .article_container .article_inner .cap01 {
    margin-top:2.0rem;
	font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
    .article_section .article_container .article_inner .cap01 {
    font-size: 1.0rem;
    }
}

.article_section .article_container .article_inner .cap02 {
    margin-bottom:2.0rem;
	font-size: 0.875rem;
}
@media screen and (min-width: 992px) {
    .article_section .article_container .article_inner .cap02 {
    font-size: 1.0rem;
    }
}

.article_section .w-80 {
    width: 80%;
}

.article_section .download a {
    display: block;
    margin-bottom: 1.0rem;
    padding: 1.0rem 0;
    background: #404040;
    border: 0.0625rem solid #404040;
    border-radius: 0.5rem;
    text-align: center;
    color: #ffffff;
    transition-duration: 0.5s;
}
.article_section .download a:last-child {
    margin: 0;
}
.article_section .download a:hover {
    background: #ffffff;
    color: #404040;
}

@media screen and (min-width: 768px) {
    .article_section .download {
    display: flex;
    justify-content: center;
    }
}
@media screen and (min-width: 768px) {
    .article_section .download a {
    width: 15.0rem;
    margin: 0 1.0rem;
}
.article_section .download a:last-child {
    margin: 0 1.0rem;
    }
}
.article_section .download i {
    margin-left: 1.0rem;
    font-size: 1.125rem;
}
.article_section .contact a {
    display: block;
    max-width: 20.0rem;
    margin: 0 auto;
    padding: 1.0rem 0;
    background: #fab42d;
    border: 0.0625rem solid #fab42d;
    border-radius: 0.5rem;
    text-align: center;
    color: #ffffff;
    transition-duration: 0.5s;
}
.article_section .contact a:hover {
    background: #ffffff;
    color: #fab42d;
}

@media screen and (min-width: 768px) {
    .article_section .contact {
    display: flex;
    justify-content: center;
    }
}
@media screen and (min-width: 768px) {
    .article_section .contact a {
    width: 15.0rem;
    margin: 0 1.0rem;
}
.article_section .contact a:last-child {
    margin: 0 1.0rem;
    }
}
.article_section .contact i {
    margin-left: 1.0rem;
    font-size: 1.125rem;
}

.article_section .magazine {
	padding: 1.0rem 0 1.0rem 0;
}

@media screen and (min-width: 992px) {
.article_section .magazine {
	padding: 1.0rem 0 3.0rem 0;
}
}

.article_section .magazine a {
    display: block;
    max-width: 20.0rem;
    margin: 0 auto;
    padding: 0.75rem 0;
    background: #fab42d;
    border: 0.0625rem solid #fab42d;
    border-radius: 0.5rem;
    text-align: center;
    color: #ffffff;
    transition-duration: 0.5s;
}
.article_section .magazine a:hover {
    background: #ffffff;
    color: #fab42d;
}

@media screen and (min-width: 768px) {
    .article_section .magazine {
    display: flex;
    justify-content: center;
    }
}
@media screen and (min-width: 768px) {
    .article_section .magazine a {
    width: 20.0rem;
    margin: 0 1.0rem;
}
.article_section .magazine a:last-child {
    margin: 0 1.0rem;
    }
}
.article_section .magazine i {
    margin-left: 1.0rem;
    font-size: 1.125rem;
}

/* magazine_section */
.magazine_section {
	margin: 0;
    padding: 3.0rem 0 5.0rem;
    position: relative;
}
.magazine_section .container {
    max-width: 850px;
}
.magazine_section .magazine_container .magazine_inner {
    margin-bottom: 3.0rem;
}

@media screen and (min-width: 992px) {
    .magazine_section .magazine_container .magazine_inner {
    margin-bottom: 5.0rem;
    }
}

@media screen and (min-width: 992px) {
    .magazine_section h1 {
    font-size: 1.375rem;
    }
}
.magazine_section .magazine_inner {
    margin: 0 auto;
}
.magazine_section .magazine_inner li {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 0.0625rem solid #7f7f7f; 
}
.magazine_section .magazine_inner li:first-child {
    padding-top: 0.5rem;
    border-top: 0.0625rem solid #7f7f7f; 
}
.magazine_section .magazine_inner li:last-child {
    margin: 0; 
}
@media screen and (min-width: 768px) {
    .magazine_section .magazine_inner li {
    display: flex;
    align-items: center; 
	}
}
@media screen and (min-width: 992px) {
    .magazine_section .magazine_inner li {
    margin-bottom: 1.0rem;
    padding-bottom: 1.0rem;
	}
    .magazine_section .magazine_inner li:first-child {
    padding-top: 1.0rem;
	}
}
    .magazine_section .magazine_inner .date {
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    color: #7f7f7f;
}
@media screen and (min-width: 768px) {
    .magazine_section .magazine_inner .date {
    width: 20%;
    margin: 0;
    text-align: center;
	}
}
@media screen and (min-width: 992px) {
    .magazine_section .magazine_inner .date {
    font-size: 0.875rem;
	}
}
    .magazine_section .magazine_inner .title {
    font-size: 0.75rem;
    color: #e6007d;
}
    .magazine_section .magazine_inner .title:hover {
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
    .magazine_section .magazine_inner .title {
    width: 80%;
	}
}
@media screen and (min-width: 992px) {
    .magazine_section .magazine_inner .title {
    font-size: 0.875rem;
	}
}
.magazine_section h1 {
	margin-bottom: 3.0rem;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
}
.magazine_section h1 span {
	display: block;
	font-size: 1.0rem;
	margin-top: 0.75rem;
}

.magazine_section .download a {
    display: block;
    margin-bottom: 1.0rem;
    padding: 1.0rem 0;
    background: #404040;
    border: 0.0625rem solid #404040;
    border-radius: 0.5rem;
    text-align: center;
    color: #ffffff;
    transition-duration: 0.5s;
}
.magazine_section .download a:last-child {
    margin: 0;
}
.magazine_section .download a:hover {
    background: #ffffff;
    color: #404040;
}

@media screen and (min-width: 768px) {
    .magazine_section .download {
    display: flex;
    justify-content: center;
    }
}
@media screen and (min-width: 768px) {
    .magazine_section .download a {
    width: 15.0rem;
    margin: 0 1.0rem;
}
.magazine_section .download a:last-child {
    margin: 0 1.0rem;
    }
}
.magazine_section .download i {
    margin-left: 1.0rem;
    font-size: 1.125rem;
}




/* contact_section */
.contact_section {
    background: #c0c0c0;
}
.contact_section .partner_container .link a:hover {
    background: #7f7f7f;
}

/* company_section */
.h2_title h2.company {
    background: #404040;
    color: #ffffff;
}

/* contact_section */
.contact_section .contact_container .contact_inner .tel i {
    color: #fab42d;
}
.h2_title h2.color2 {
    background: #ffffff;
    color: #404040;
}
@media screen and (min-width: 768px) {
    .h2_title h2 {
    font-size: 1.125rem;
	}
}
@media screen and (min-width: 992px) {
    .h2_title h2 {
    font-size: 1.25rem;
    border-radius: 2.5rem;
	}
}


/*  */
.pagetop_section a {
    background: #404040;
    border: 0.0625rem solid #404040;
    color: #ffffff;
}


.link_one {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
}
	@media screen and (min-width: 768px) {
	.link_one {
		flex-direction: row;
		justify-content: center;
	}
}
.link_one a {
	background: #e86345;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 0.5rem 0.25rem;
/*	margin: 1.5rem 0;*/
	width: 100%;
	transition-duration: 0.5s;
	color: #ffffff;
	border: 0.25rem solid #ffffff;
	border-radius: 50px;
	font-size: 1.0rem;
	font-weight: bold;
}
.link_one a span {
    background: #FFFF;
    width: 70%;
    text-align: center;
    position: absolute;
    top: -15px;
    padding: 0;
    font-size: 0.875rem;
    color: #2b7fde;
    border-radius: 50px;
	border: 0.125rem solid #e86345;
}
.link_one a span:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 5px 5px 0 5px;
}
.link_one a:hover {
	background: #fff;
	color: #e86345;
	border: 0.25rem solid #e86345;
}
.link_one a:hover > span {
	background: #e86345;
	color: #fff;
	border: 0.01rem solid #e86345;
}
.link_one a:hover > span:after {
	border-color: #e86345 transparent transparent transparent;
}

	@media screen and (max-width: 374.98px) {
	.link_one a {
		margin: 1.5rem 0;
		padding: 0.5rem 1.25rem;
		font-size: 0.875rem;
	}
	.link_one a span {
		padding: 0;
		font-size: 0.75rem;
	}
}
/*	@media screen and (min-width: 768px) {
	.link_one a {
		margin: 0 2.5rem;
		padding: 0.5rem 0;
		font-size: 1.125rem;
	}
	.link_one a span {
		padding: 0.125rem 0;
		font-size: 0.875rem;
	}
}*/
	@media screen and (min-width: 768px) {
	.link_one a {

		margin: 0 10.0rem;
		padding: 1.0rem 0;
		font-size: 1.125rem;
	}
	.link_one a span {
		top: -20px;
		padding: 0.125rem 0;
		font-size: 0.875rem;
	}
}
/*	@media screen and (min-width: 1200px) {
	.link_one a {

		margin: 0 7.5rem;
		padding: 1.0rem 0;
		font-size: 1.25rem;
	}
	.link_one a span {

		padding: 0.225rem 0;
		font-size: 0.875rem;
	}
}*/

/*	@media screen and (min-width: 1400px) {
	.link_one a {

		margin: 0 10.0rem;
		padding: 1.0rem 0;
		font-size: 1.25rem;
	}
	.link_one a span {

		padding: 0.225rem 0;
		font-size: 0.875rem;
	}
}*/
.link_one i {
	margin-left: 1.0rem;
	font-size: 1.125rem;
}

@media screen and (min-width: 992px){
  .spbr{
    display: none;
  }
}
@media screen and (max-width: 762px){
  .pcbr{
    display: none;
  }
}