@charset "UTF-8";
/* CSS Document */

/* スマホ
------------------------------------------------------------
------------------------------------------------------------*/

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

	
/********************************

	共通部分

********************************/

.to-page-top {
    right: 20px;
    width: 42px;
    height: 42px;
    bottom: 20px;
}
.page-section-link#about1,
.page-section-link#principle1,
.page-section-link#faq1,
.page-section-link#all-wg{
	display: block;
   margin-top:-100px;
   padding-top:100px;
}
.page-section-link#t14{
	display: block;
   margin-top:-70px;
   padding-top:70px;
}
.page-section-link{
	display: block;
   margin-top:-50px;
   padding-top:50px;
}	
.news-list a {
    text-decoration: underline;
}	
	
/********************************

	ヘッダー

********************************/	

header{
	height: 50px;
}	
.header-upper {
	height: 50px;
}
.header-logo {
    margin: 7px 10px 0 10px;
}
.header-logo img {
    width: 225px;
    height: auto;
}	
	
	
/********************************

	フッター

********************************/
	
.footer {
	width: 90%;
    margin: 0 auto;
	padding: 30px 0 20px 0;
    display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;
    align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.footer-logo {
    width: 82px;
    height: 93px;
}
.footer-nav-box {
    display: flex;
	-webkit-display: flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-direction: column;
	-webkit-flex-direction: column;
    padding: 0;
}
.footer-nav,
.footer-nav-bar{
	display: none;
}
.footer-nav-box .copytxt {
    padding-top: 30px;
}
.footer-nav-box .addresstxt {
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.footer-nav-box .addresstxt p {
    margin-left: 0;
}	
	

/********************************

	ホームページ

********************************/	
	
.home-hero-wrap {
	margin-top: 50px;
	background-image: url('img/home-hero-sp.jpg');
}
.home-hero{
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.home-hero-img{
	width: 80%;
	margin: 40px auto;
}
.home-hero-img img:first-child{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.home-hero-banner{
	width: 100%;
	padding: 0 5%;
	background: rgba(255,255,255,0.85);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.home-hero-banner div{
	margin: 30px 0 20px 0;
}
.home-hero-banner hr{
	margin: 30px 0;
}
.home-banner-list{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}
.home-banner-list li{
	width: 49%;
}
.home-banner-img img{
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
}
.home-button-list{
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
.home-button-list li{
	width: 49%;
}	
.home-link-button {
	width:  90%;
	margin: 10px auto;
}
.home-link-button.login,
.home-link-button.admission{
	width:  100%;
	margin: 10px 0 0 0;
}	
.home-link-button>span {
	width: 100%;
    min-width: auto;
	font-size: 1.5rem;
}
.home-article-wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
    padding: 50px 0;
}
.home-section p,
.home-section a {
    font-size: 1.4rem;
}	
.home-section-title {
    font-size: 2.2rem;
    margin-bottom: 30px;
}
.home-section.news {
    width: 90%;
	margin: 0 auto;
	padding: 30px 5%;
}
.home-article.type2 {
    background: url(img/home-content-bg-sp.jpg) no-repeat;
}
.home-article.type2 .home-article-wrap {
	padding: 50px 5%;
	display: flex;
	display: -webkit-flex;
    justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
    align-items: stretch;
	-webkit-align-items: stretch;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.home-section.overview {
	padding: 0 0 30px 0;
}
.home-article.type2 .home-article-wrap>img {
    width: 100%;
    height: auto;
}
	
	
	
	
/********************************/

	下層ページ
	
/* 関連リンク集 */
table.links-table  {
    border: 0;
    width: 100%;
	font-size: 1.3rem;
}
.links-table th.links-title {
    display: block;
    border-right: none;
    border-bottom: 4px solid #0071be;
	padding: 15px 10px;
	width: 100%;
	text-align: left;
    font-size: 1.4rem;
}
.links-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.links-table tr {
    display: block;
    margin-bottom: 60px;
    border-bottom: none;
} 
.links-table tr:nth-child(2)  {
    margin-bottom: 70px;
} 
.links-table tr:nth-child(4)  {
    margin-bottom: 70px;
} 
.links-table tr:nth-child(5)  {
    margin-bottom: 70px;
} 
.links-table td {
    border-bottom: 1px solid #89c1dd;
    display: block;
    text-align: left;
    position: relative;
    border-right: none;
	width: 100%;
    padding-left: 180px;
	font-size: 1.3rem;
} 
.links-table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
}	
.links-table td::after { /*先頭にリサイクルマーク*/
    content: attr(data-desc);
    font-weight: bold;
    position: absolute;
	color: #49ac5b;
    font-size: 1.0rem;
	left: 10px;
	top: 29px;
}	
.links-table td:last-child {
    border-bottom: none;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	border-bottom: 1px solid #89c1dd;
}
.links-table tbody {
	border-bottom: none;
}
.page-article .links-table p.textalign-center {
    font-size: 1.1rem;
	padding-left: 5px;
}
.table-wrapper {
	position: relative;	
}
.link-desc-sp:first-child {
	top: 462px;
    position: absolute;
	padding: 0 10px;
}
.link-desc-sp:nth-child(2) {
	bottom: 322px;
    position: absolute;
	padding: 0 10px;
}
.link-desc-sp:nth-child(3)  {
	bottom: 32px;
    position: absolute;
	padding: 0 10px;
}
td.links-txt.center-sp {
    display: inline-block;
    text-align: center;
}
.links-table .links-title br {
	display: none;
}
.links-table tr {
    padding: 0;		
}
.page-article p.textalign-left {
    font-size: 1.1rem;
}
.links-txt.fa-add {
	margin-top: 0;
}

/********************************/	
	
.page-head {
	height: auto;
	margin-top: 0;
	padding-bottom: 33px;
}
.breadcrumb {
	display: none;
}
.page-title {
	margin: 50px auto 0 auto;
    padding: 30px 1em 0.6em 1em;
    font-size: 2.2rem;
}
.page-article p {
    font-size: 1.4rem;
}	
.page-section,
.page-article.type2 .page-section{
	width: 90%;
	margin: 0 auto;
}	
.page-section .page-section{
	width: 100%;
}	

	
/* フォーム関係 */

.agree-check {
    width: 100%;
}	
.form-table th {
    width: 35%;
	padding-right: 3%;
	line-height: 1.4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form .form-table-box:nth-of-type(2) .form-table th {
    width: 25%;
}
.form-table .input-box.flex {
    display: flex;
	display: -webkit-flex;
    justify-content: flex-start;
	-webkit-justify-content: flex-start;
    align-items: stretch;
	-webkit-align-items: stretch;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.form-table .input-box.flex input[type="text"] {
    margin: 0 45px 0 0;
}
.form-table .input-box.flex.name-box input[type="text"] {
    width: 100%;
}	
.form-table .input-box.flex.name-box span{
    padding-right: 0;
}
.enter-btn input {
    min-width: auto;
    width: auto;
	margin: 0 2% 0 8%;
    padding: 10px 40px;
}
.form-table .input-box.select-box {
    width: 100%;
}
.form-table .industry-box .input-box.select-box {
    width: 100%;
    margin: 0;
}
	

.ajax-loader{
	display:none !important;
}
	
/* CLOMAについて */
.page-about-box {
    display: flex;
	display: -webkit-flex;
    justify-content: flex-start;
	-webkit-justify-content: flex-start;
    align-items: stretch;
	-webkit-align-items: stretch;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.page-about-box img {
    width: 100%;
	height: auto;
}	
.page-about-img-box {
    padding: 30px 0 0 0;
}
.page-about-img-box img {
	width: 70%;
	height: auto;
    margin: 0 15%;
}
.page-about-figure-text {
    margin-left: 0;
}
.page-about-figure-text>div {
    height: auto;
	padding-top: 15px;
}
.page-about-figure-text>div:nth-of-type(2) {
    height: auto;
}
.page-table tr th,
.page-table tr td {
    padding: 15px 10px;
}
.page-table.about:nth-of-type(1) tr th:nth-of-type(1) {
    width: 25%;
}	
.page-table.about:nth-of-type(2) tr th {
	width: 20%;
    padding: 10px 5px;
}
.page-table.about:nth-of-type(2) tr td {
	width: 20%;
	padding: 10px 5px;
}	
.page-table.about:nth-of-type(2) tr td:last-of-type {
    text-align: center;
    width: 20%;
}
.page-table.about:nth-of-type(3) tr th {
    padding: 10px 5px;
}
.page-table.about:nth-of-type(3) tr td {
	width: 35%;
	padding: 10px 5px;
}
.page-table.about:nth-of-type(3) tr td:last-of-type {
	width: 30%;
	padding: 10px 5px;
	text-align: center;
}	
.page-table+.page-section-subtitle {
    margin-top: 30px;
}

/* 規約・規則 */	
	
.article-content:last-child {
    padding-bottom: 0;
}	
	
/* CLOMAの活動 */

.activities-box > div{
	width: 100%;
	margin-bottom: 5%;
}
.activities-box div h4{
	padding: 0 5% 10px 5%;
	font-size: 1.4rem;
}	
.activities-box div p{
	padding: 0 5% 20px 5%;
}	
.activities-box div h4+p{
	padding: 0 10% 20px 10%;
}
.activities-img-s{
	width: 60%;
}	
.activities-box div.type2{
	display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;	
	flex-direction: column;
	-webkit-flex-direction: column;
}
.activities-box div.type2 div{
	width: 100%;
}		
	
.page-button-title {
	margin-bottom: 0;
	text-align: center;
}
.page-button-list{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.page-button-list li{
	width: 90%;
	padding: 0;
	margin: 15px auto;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	align-items: stretch;
	-webkit-align-items: stretch;
	text-align: center;
}
.home-link-button.common{
    width: 100%; 
	margin: 5px 0;
}
.page-banner-img img,
.page-banner-img-s img{
	width: 100%;
	height: auto;
	margin: 5px 0;
}


/* CLOMA原則・アクションプラン等 */

.sdgs-img{
	width: 80%;
}
.figure-img{
	width: 100%;
}
.activitygroup-img{
	width: 100%;	
}
.principle-box.type1{
	padding: 30px 5%; 
}
.principle-box.type1 ul{
	width: 100%;
}
.principle-box.type1 ul li p:nth-child(2){
	line-height: 1.6;
}
.principle-box.type2 > p{
	width: 100%;
}
.principle-box.type2 > div{
	width: 90%;
	margin: 30px auto 0 auto;
}
.principle-box.type3 h3 span{
	font-size: 1.6rem;
}
.principle-box.type3 p{
	font-size: 1.6rem;
}
.principle-box.type3 p br{
	display: none;
}	
	
.scroll-text{
	padding: 1px 0;
}
.page-article p.scroll-text {
    font-size: 1.3rem;
}
.scrollbar .inner {
  width: 1010px;
}
.scrollbox .inner {
	width: 1010px;
	height: 370px;
}
.keyaction-img img{
	width: 1010px;
	height: 360px;
}
		
.page-button-section.type1 ul,
.page-button-section.type2 ul{
	width: 90%;
	margin: 20px auto 0 auto;
}	
.page-button-section.type2{
	padding: 0;
	background: none;
}	
.page-button-section.type2 > div{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.page-button-section.type2 > div > div{
	width: 100%;
	padding: 30px 0;
}	
.page-button-section.type2 > div > div:nth-of-type(1){
	background-color: #e6f7ff;
}
.page-button-section.type2 > div > div:nth-of-type(2){
	background-color: #f4f4f4;
}	
	
	
/* 会員一覧 */

.page-mlist {
    column-count: 1;
}
	
/* FAQ */

.back-button a {
	width: 80%;
}


/* 入会についてのご案内 */	

.page-guide-box {
    display: flex;
	display: -webkit-flex;
    justify-content: flex-start;
	-webkit-justify-content: flex-start;
    align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.page-table.guide:last-child tr {
    border-bottom: none;
}	
.page-guide-box>div+div {
    margin: 0;
}	

/*  お知らせ */

.page-section .news-list>li {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.page-section .news-list .date {
	width: auto;
	min-width: 7em;
    padding-right: 15px;
}
.page-section .news-list .category {
	width: 7.2em;
	min-width: 7.2em;
	padding: 0.3em 0;
}
.page-section .news-list a {
	max-width: 100%;
	width: 100%;
    padding: 10px 0 0 0;
	font-size: 1.4rem;
	line-height: 1.4;
}
	
	
/* ページネーション */

.pagenation {
    display: flex;
	display: -webkit-flex;
    justify-content: flex-start;
	-webkit-justify-content: flex-start;
    align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.pagenation a {
    margin: 0 10px 10px 0;;
}

	
/* ログイン */	
	
.login-box .caution {
    padding: 2em 0 0 0;
}
	
	
/********************************

	会員ページ

********************************/	
	
/* 会員ページトップ */
	
.home-news-box {
    display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;
    align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.home-news-box+.home-news-box {
    margin: 50px 0 30px 0;
}
.home-news-box>div {
    width: 100%;
}
.home-news-box>div+div {
    margin: 50px 0 30px 0;
}
.home-news-box img {
	width: 100%;
    display: block;
    margin: 30px auto;
}
.home-link-button.download>span::after {
    border: none;
    position: static;
    margin-left: 0.2em;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(img/icon-download.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
}
.home-section {
    width: 90%;
	margin: 0 auto;
}	
.home-section.contact {
    width: 100%;
}
.home-contact-box {
    display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;
    align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
	-webkit-flex-direction: column;
    margin-top: 45px;
}
.home-contact-box p {
	text-align: center;
}
.home-contact-box img {
    margin: 30px auto 10px auto;
    width: 100px;
}
.home-seminar-box {
    display: flex;
	display: -webkit-flex;
    justify-content: space-between;
	-webkit-justify-content: space-between;
    align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.home-seminar-box>div {
    width: 100%;
}
.home-seminar-link {
    display: flex;
	display: -webkit-flex;
    justify-content: center;
	-webkit-justify-content: center;
    align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
    margin-top: 30px;
}
.home-seminar-link .home-link-button+.home-link-button {
    margin-left: auto;
}
.home-seminar-box img {
    width: 100%;
	height: auto;
    margin: 30px 0 0 0;
}
.home-article.type3 .home-article-wrap .type3-flex{
	width:800px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding:0 50px;
}
.member-logobox >p.logotxt {
	margin-bottom:30px;
}
	
/* Key action実行WG活動状況 */

.page-link-list{
	width: 90%;
	margin: 0 auto;
}
.page-link-list li a{
	width: 7em;
	padding: 7px 0;
}

/* マッチングプラットフォーム */	
	
.member-pf-search .results{
	margin: 0 0 20px 0;
}	
.member-pf-search-flex {
    display: flex;
	display: -webkit-flex;
    align-items: stretch;
	-webkit-align-items: stretch;
    justify-content: flex-start;
	-webkit-justify-content: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.member-pf-search .search-form {
    width: 100%;
	margin-bottom: 20px;
}
.member-pf-search-flex>p {
    margin: 0 30px 10px 0;
}
.member-pf-search-flex>p>button {
    width: 200px;
    padding: 7px 3px;
    margin: 10px auto 0 auto;
}
	
.member-pf-list-title-box {
    font-size: 1.4rem;
}
.member-pf-list-title>a {
	min-width: 9em;
}
.member-pf-table {
    font-size: 1.1rem;
	table-layout: fixed;
}
.member-pf-table tr th,
.member-pf-table tr td {
	word-wrap: break-word;
}
.member-pf-table tr th {
    padding: 15px 2px;
}
.member-pf-table tr th:nth-of-type(1) {
    width: 8%;
}
.member-pf-table tr th:nth-of-type(2) {
    width: 20%;
}
.member-pf-table tr th:nth-of-type(3) {
    width: 20%;
}
.member-pf-table tr th:nth-of-type(4) {
    width: 8%;
}
.member-pf-table tr th:nth-of-type(5) {
    width: 14%;
}
.member-pf-table tr th:nth-of-type(6) {
    width: 14%;
}
.member-pf-table tr th:nth-of-type(7) {
    width: 8%;
}
.member-pf-table tr th:nth-of-type(8) {
    width: 8%;
}
.member-pf-table tr td {
    padding: 20px 2px;
}
.dl-btn.pdf::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url(img/icon-pdf.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}	
		
.matching-flex{
    display: flex;
	display: -webkit-flex;
    justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}
/* ↓文字数多いので他のボタンよりフォントサイズ小さめ↓ */		
.matching-flex .home-link-button>span {
	padding: 17px 2px;
	font-size: 1.3rem;
    min-width: auto;
}

	
/* 3部会・キーアクション実行WG参加申込み */	
	
.acd-content h4,.acd-content h5{
	font-size: 1.4rem;
}
.acd-content li{
	font-size: 1.4rem;
}
	
/* someya added */	
	
	
	
/*　WP５対策*/	
.width50{
	width:80%;
}		
	

	
/********************************

	english

********************************/	
	
.home-hero-wrap.eng .home-hero-banner{
	padding: 0 5% 30px 5%;
}
	
/* about */	
.page-about-figure-text>div.eng {
    height: auto;
}	
	
/* activities */
.principle-box.eng {
    padding: 30px 5%;
}

	
	
	

/* 追加調整
------------------------------------------------------------
------------------------------------------------------------*/
/* スクロールバー（2022追加改修） */
.opencall-table-wrapper .scroll-text {
    display: block;
	font-size: 1.3rem;
}
.opencall-table-wrapper div#scrollbar {
    display: block;
}
.opencall-table-wrapper .scrollbox-wrap {
    width: 100%;
}
.opencall-table-wrapper .scrollbar {
    width: 100%;
    height: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
}
.opencall-table-wrapper .scrollbar .inner {
    width: 1403px;
    height: 1px;
}
.opencall-table-wrapper .scrollbox .inner {
    width: 1403px;
    height: auto;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.opencall-table {
    overflow-x: scroll;
    height: auto;
	width: 100%;
	table-layout: fixed; /*ずれ*/
}
.scrollbox-wrap + .scroll-text {
    margin: 2px 0 30px 0;
}
.opencall-table tr th:nth-of-type(1) { /*ずれ*/
	width: 5%;
}
.opencall-table tr th:nth-of-type(2) {
	width: 6%;
}
.opencall-table tr th:nth-of-type(3) {
	width: 4%;
}
.opencall-table tr th:nth-of-type(4) {
	width: 4%;
}
.opencall-table tr th:nth-of-type(5) {
	width: 2%;
}
.opencall-table-wrapper a#Reiwa-4th, a#Reiwa-3rd{
    margin-top: -50px;
    padding-top: 50px;
}
.opencall-table tr th {
	padding: 10px 10px;
}
.opencall-table tr td {
	padding: 10px 10px;
}
	
}