@charset "utf-8";
/*
Theme Name: JICCI
Theme URI: www.www.www
Author: takedesign
Author URI: www.www.www
Version: 1.0.0
*/
/* リセットCSS */
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight: 500;}a{text-decoration:none;color:inherit;transition:all .3s ease-in-out}img{display: block;max-width:100%;height:auto;vertical-align: middle;}ol,ul{list-style:none}table{border-collapse:collapse}input,textarea,select{font:inherit;line-height:inherit;border:1px solid #ccc;padding:8px;}textarea{resize:vertical}button{padding: 0;font-family: inherit;appearance: none;cursor: pointer;background-color: transparent;border: none;}fieldset{border:0;padding:0;margin:0;min-width:0}legend{display:block;width:100%;max-width:100%;padding:0;white-space:normal;}[hidden],template{display:none}:focus-visible{outline:2px solid #000}

/* 汎用CSS
===================================================== */

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;padding: 8px 16px;background-color: #fff;margin-top: 4px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

:root {
	--font-color: #414141;
	--main-color:#6cc2b2;
	--bg-color: #fbf8f4;
	--main-font:"Noto Sans JP", sans-serif;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

::selection {background-color: var(--main-color);color:#fff;}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;}

body {font-size: 16px;font-family:var(--main-font);line-height: 1.6;letter-spacing: .08em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";background-color:var(--bg-color)}

#page{overflow:hidden;}
.page-content{padding-block: 80px;}
.container{width: 940px;max-width: 100%;padding-inline: 20px;margin-inline: auto;position: relative;z-index:11;height: 100%;}

@media(max-width:767px){
	body{font-size:14px;}
}
/* 投稿一覧
===================================================== */
.archive-content-wrap{margin-top: 40px;}
.archive-content-wrap .container{width:1324px}
.archive-content{display:grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 40px;}
.archive-item{position:relative;}

.archive-item-head figure img{transition:0.4s ease-out}
.archive-thumbnail{width:100%;aspect-ratio:3/2.3;overflow:hidden;border-radius:5px}
.archive-thumbnail img{display:block;width:100%;height:100%!important;object-fit:cover;transition:var(--hover-transform);}

.archive-des{margin-top: 1em;}
.archive-data{color:#A49481;font-size:12px;}

/* ページネーション */
.pagination{margin-top: 80px;}
.nav-links ul{position: relative;display:flex;gap: 1em;align-items: center;justify-content: center;width: 100%;flex-wrap: wrap;font-family: var(--en-font);line-height: 1;}

.nav-links li .page-numbers{font-size:16px;}
.nav-links li .page-numbers.current{color:var(--main-color);border-bottom: 2px solid;padding-bottom:4px}

.nav-links li .prev,
.nav-links li .next{position:relative;display: block;width:40px;aspect-ratio:1/1;border:1px solid;border-radius:100%;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.nav-links li .prev::after,
.nav-links li .next::after{content:'';position: absolute;width: 40px;aspect-ratio: 1/1;top: -1px;left: -1px;background-color: var(--font-color);mask: url(./images/arrow.svg)no-repeat center / 7px 9px;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.nav-links li .prev::after{rotate:180deg;left: -1px;}

/* 記事
===================================================== */
.single-content-wrap{margin-top: 40px;display: grid;grid-template-columns: minmax(0,1fr) 250px;gap: 70px;width: 1180px;max-width: 100%;padding-inline: 20px;margin-inline: auto;}
.archive-content-wrap .container{width:1324px}

.side-content-wrap h3{font-size:16px;color: var(--main-color);padding-bottom:.5em;margin-bottom:.5em;border-bottom:1px solid #E6D9CF}
.side-content-list li:not(:first-child){margin-top:.5em}
.single-head-meta{display:flex;gap:1em;color:#A49481;font-size:12px;}
.shingle-update{font-family:var(--en-font)}
.single-title{font-size: 18px;margin-top: .5em;}
.single-thumbnail{margin-block: 40px;}
.single-thumbnail img{border-radius:5px;}

/* 記事コンテンツ内部 */
.single-content h3{font-size: 16px;letter-spacing: .05em;padding-block: 14px;padding-inline: 18px;background-color: #F4ECE6;border-radius: 10px;margin-block:1em;}
.single-content h4{ letter-spacing: .05em;margin-block: 1em 4px;padding-block: 14px;padding-inline: 18px;border-top: 1px solid #E6D9CF;border-bottom: 1px solid #E6D9CF;}
.single-content h5{font-size: 16px;font-weight: 700;margin-block:1em}
.single-content a {text-decoration:underline;text-underline-offset:4px;}
.single-content p{line-height:2;margin-block:1em}
.single-content img{display:block;border-radius:5px;margin-block:2em}

/* レイアウト用 */
/* 文字に蛍光ペンで引いたような下線 */
.marker{background:linear-gradient(transparent 65%, #fff366 65%);display:inline;font-weight:600}

.single-posts-nav{margin-top: 65px;}
.single-posts-nav ul{display:grid;grid-template-columns: 40px  auto 40px;gap: 56px;margin-top:40px;justify-content: center;align-items: center;}
.single-posts-nav ul li a{display:block;position: relative;}
.single-posts-nav ul li .single-prev-txt,
.single-posts-nav ul li .single-next-txt{width:16px;aspect-ratio:1/1;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.single-posts-nav ul li.single-next a::after{content:'';position: absolute;width: 16px;aspect-ratio: 1/1;border-top:1px solid;border-right:1px solid;rotate:45deg;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}
.single-posts-nav ul li.single-previous a::after{content:'';position: absolute;width: 16px;aspect-ratio: 1/1;border-top:1px solid;border-right:1px solid;rotate:225deg;transition: all .3s cubic-bezier(0.25,0.46,0.45,0.94);}



/* 記事ページネーション */
.single-pagination{width:400px;max-width: calc(100% - 32px);margin:64px auto 0;}
.single-pagination ul{display:flex;justify-content: space-between;gap: 16px;}
.single-pagination li a{display:block;font-size:14px;font-weight: bold;padding: 4px 24px;border:1px solid #000;text-align:center;position:relative;line-height: 1;}
.single-pagination li.single-previous,
.single-pagination li.single-next{width: 97px;font-size:12px;font-family: var(--en-font);font-weight:bold;}
.single-pagination li.single-previous a::before{content:'';display:inline-block;width: 8px;height: 8px;border-bottom:1px solid #000;border-left:1px solid #000;margin-right:8px;transform: rotate(45deg);vertical-align: 1px;}
.single-pagination li.single-next a::after{content:'';display:inline-block;width: 8px;height: 8px;border-top:1px solid #000;border-right:1px solid #000;margin-left:8px;transform: rotate(45deg);vertical-align: 1px;}

@media(max-width:1024px){
	.archive-content-wrap{margin-top:80px}
	.archive-content{gap:20px;}
	.single-content-wrap{grid-template-columns:minmax(0,1fr);margin-top: 80px;}
	.single-posts-nav ul{grid-template-columns: 30px auto 30px;gap:24px}
	.single-posts-nav ul li .single-prev-txt,
	.single-posts-nav ul li .single-next-txt{width:30px;}
	.single-posts-nav ul li.single-next a::after,
	.single-posts-nav ul li.single-previous a::after{width:30px;}
	.nav-links li .page-numbers{font-size:13px;}
	.nav-links li .prev,
	.nav-links li .next{width:30px;}
	.nav-links li .prev::after,
	.nav-links li .next::after{width:30px;}
}

@media(max-width:767px){
	.archive-content{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ヘッダー
===================================================== */
.header-content{padding-block:35px;padding-inline:25px;background-color:#fff;}
.header-logo{width:180px}
.home .header-content{position: absolute;width: 100%;z-index: 111;}

/* ハンバーガーメニュー */
.hamburgerbutton {position: fixed;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;width: 70px;aspect-ratio: 1/1;background-color: var(--main-color);padding: 0;margin:0 auto;top: 25px;right: 20px;z-index: 111;border-radius: 100%;}
.hamburgerbutton-line {position: absolute;top: 37px;right: 20px;width: 29px;height: 2px;-webkit-transition: inherit;transition: inherit;background-color: #fff;font-size: 11px;font-family: var(--en-font);line-height: 2;color: #fff;}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -8px;}
.hamburgerbutton-line::after {top: -16px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color: transparent;color: var(--main-color);}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {top: -8px;background-color: var(--main-color);}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);width:100%;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);width:100%;}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}
.nav_hamburger_menu{position:fixed;inset: 0;margin: auto;width: 100%;height: 100dvh;overflow: auto;transition: opacity .5s;align-items: center;pointer-events: none;}

.hamburger-content{display: grid;width: 828px;max-width: 89%;height: 100%;margin-left: auto;background-color: var(--bg-color);padding-inline: 100px;padding-block: 40px;overflow: auto;opacity:0;transition:opacity 1.4s cubic-bezier(0.14,1,0.34,1);align-items: center;}

.hamburger_Menu{margin-top: 80px;}
.hamburger_Menu_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap: 40px 24px;}
.hamburger_Menu_list li a{font-size: 16px;}
.hamburger_Menu_list li a::before{content:attr(title);display: block;font-size:22px;font-weight: 500;text-transform:uppercase;color:var(--main-color)}
.hamburger_Menu_list li a span::before{content:'';display:inline-block;width:4px;height:1px;background-color:var(--font-color);vertical-align:6px;margin-right:4px;}
.hamburger-app{margin-top:80px;}
.hamburger-app h3{font-size:22px;color:var(--main-color)}
.hamburger-app-item{display:flex;gap:16px;margin-top:16px;}

.hamburger_Menu li.hamburger-contact a{display:block;padding-block:16px;padding-inline:16px;background-color:var(--main-color);color:var(--font-color);text-align:center;border:none;margin-top:24px;}
.is-drawerActive .hamburgerbutton{z-index: 1112;background-color: #fff;border: 1px solid var(--main-color);}
.is-drawerActive .nav_hamburger_menu{display: flex;pointer-events: auto;z-index:1111}
.is-drawerActive .hamburger-content{opacity:1}

/* フッター
---------------------------- */
.sec-footer{padding-block:80px 20px;background-color: #fff;}
.sec-footer .container{width:100%;}
.footer-item{display:flex;align-items:center;justify-content:space-between;padding-bottom: 120px;}
.footer-info{text-align:center;}
.footer-logo{width:320px}
.managed-name{font-size:12px;margin-top:.5em}
.managed-name span{display:inline-block;padding-inline:4px;background-color:var(--font-color);color:#fff;margin-right:8px;}
.managed-link{font-size:12px;margin-top:4px;}
.policy-link{text-align:left;width:fit-content;margin-inline:auto;margin-top: 1em;}
.policy-link li{line-height:1}
.policy-link li:not(:first-child){margin-top:.5em}
.policy-link li a{font-size:12px;}
.footer_Menu_list{display:flex;gap:1em;font-weight:500}
.footer_Menu_list li a::before{content:'';display:inline-block;width:4px;height:1px;background-color:var(--font-color);vertical-align:6px;margin-right:4px;}
.site-generator{font-size:12px;text-align:right;margin-top: 2em;}

@media(max-width:1024px){
	.sec-footer{padding-bottom:160px}
	.footer-item{flex-direction:column;gap: 40px;padding-bottom: 0;}
	.footer_Menu_list{flex-direction:column;}
	.site-generator{text-align:center;}
	.hamburger-app{margin-top:40px}
}

@media(max-width:767px){
	.header-content{padding-block:16px;padding-inline:20px;}
	.header-logo{width:140px;}
	.hamburgerbutton{top:16px;right:16px}
	.hamburger-content{padding-inline:40px;}
	.hamburger_Menu_list{grid-template-columns:minmax(0,1fr);gap: 16px;}
	.hamburger_Menu_list li a::before{font-size:18px;}
	.hamburger-app-item{flex-direction:column;}
	.hamburger-app h3{font-size:18px;}
	.footer-logo{width:240px}
	.managed-name{margin-top:24px}
}
/*-------------------------------------
/* 共通
--------------------------------------- */
.noPost{text-align:center;}

.link-over{position:absolute;inset:0;margin:auto;z-index:1}

.fadeUP{opacity: .0;translate: 0 50px;transition:var(--show-anime);}
.fadeLeft{opacity: .0;translate: -50px 0;transition:var(--show-anime);}
.fadeRight{opacity: .0;translate: 50px 0;transition:var(--show-anime);}
.show .fadeUP{opacity:1;translate:0}
.show .fadeLeft{opacity:1;translate:0}
.show .fadeRight{opacity:1;translate:0}
.show .delay2{transition-delay:.2s}
.show .delay4{transition-delay:.4s}
.show .delay6{transition-delay:.6s}

.page-wrap{padding-block:80px;}
.sec-page-tit{text-align:center;}
@media(max-width:1024px){
	.page-tit-en{font-size:56px;}
	.page-tit-jp{font-size:18px;}
}

@media(max-width:767px){
	.page-tit{grid-template-columns:minmax(0,1fr);gap:8px}
	.page-tit-en{font-size:48px;}
}

/*-------------------------------------
/* ホバースタイル
--------------------------------------- */

@media (hover: hover){
	.header_Menu_list li a:hover{opacity:.5}
	.footer_navi a:hover{opacity:.5}
	.link-over:hover ~ figure img{scale:1.05}
}

.page-app{position:fixed;right:0;bottom: 56px;background-color:var(--main-color);padding-block:24px;padding-inline:80px 40px;border-radius:1000px 0 0 1000px;z-index:11}
.page-app h3{font-size:22px;color:#fff}
.page-app-item{display:grid;grid-template-columns:135px 135px;gap:16px;margin-top: 8px;}

.sec-tit-en{font-size:20px;font-weight:bold;line-height:3;text-transform:uppercase;color:var(--main-color)}
.sec-tit-jp{font-size:30px;font-weight:500;}
.sec-more a{display:block;width:320px;max-width:100%;margin-inline:auto;padding-block:16px;background-color:var(--main-color);color:#fff;;text-align:center;border-radius:100px;}


@media(max-width:1024px){
	.page-app{padding-block:14px;padding-inline: 40px 24px;bottom: 16px;}
	.page-app h3{font-size:18px;}
	.page-app-item{grid-template-columns:120px 120px}
}

@media(max-width:767px){
	.sec-tit-en{font-size:18px;line-height: 2;}
	.sec-tit-jp{font-size: 22px;}
}
/* TOP
===================================================== */
.sec-mv{height: 800px;padding-block:120px;background-color:#fff;position:relative;}
.sec-mv::before{content:'';position:absolute;top:0;left:0;width: calc(100% - 80px);height: 720px;background:url(./images/mv-bg.png)no-repeat left top / cover;border-radius:0 0 280px 0}
.mv-item{display:grid;grid-template-columns: auto minmax(0,1fr);align-items: center;margin-top: 80px;}
.mv-item-img{width: 53vw;max-width: 640px;}
.mv-heading{font-size:40px;font-weight:500;line-height:1.5;letter-spacing:.2em}
.mv-body{font-size:20px;font-weight:500;line-height:2;letter-spacing:.1em;margin-top:24px}

.sec-issues{padding-block: 120px 80px;}
.issues-item{padding-block:72px;padding-inline:48px;background-color:#fff;box-shadow: 5px 5px 10px rgb(0 0 0 / .1);border-radius:30px;}
.issues-item-bg{background:url(./images/issues-bg.png)no-repeat center / auto 90%}
.sec-issues-tit{text-align:center;}
.sec-issues-tit::before{content:'';display:block;width:112px;aspect-ratio:112/101;background:url(./images/issues.png)no-repeat center / contain;margin-inline:auto;margin-bottom:24px;}
.issues-item-des{font-size:20px;font-weight:500;text-align:center;margin-top:2em}
.issues-item-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.issues-item-list-con{padding-block: 40px;padding-inline:16px;border:3px solid var(--main-color);border-radius:30px;margin-top:40px}
.issues-item-list-con figure{width:80%;aspect-ratio:215/84;margin-inline:auto;}
.issues-item-list-con figure img{width:100%;height:100%;object-fit:contain;}
.issues-item-list-con h3{font-size:18px;text-align:center;margin-top: 1.5em;}
.issues-item-list-con h3 span{display:inline-block;width:24px;background-color:var(--main-color);border-radius:100%;;font-size:16px;color:#fff;margin-right:4px}
.issues-item-list-con p{margin-top: 1.5em;padding-top: 1.5em;border-top:1px dashed;}

.sec-current{padding-bottom:120px;}
.sec-current-tit{text-align:center}
.current-num-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:center;margin-top:56px;}
.current-item{display:grid;grid-template-columns:264px minmax(0,1fr);gap:48px;margin-top:64px;align-items: center;}
.current-item-des{font-size:20px;font-weight:500;line-height:1.8}

.sec-allinone{padding-block:140px;background: #fff url(./images/page-bg.png)no-repeat center / 1920px auto;}
.allinone-item{padding-block:72px;padding-inline:48px;background-color:#fff;box-shadow: 5px 5px 10px rgb(0 0 0 / .1);border-radius:30px;margin-top:80px;position:relative}
.allinone-item::before{content:'';position:absolute;width:568px;aspect-ratio:1/1;background:url(./images/allin-1.png)no-repeat center / contain;top: -410px;right: -50px;z-index: -1;}
.introduce-item h3{font-size:30px;font-weight:500;text-align:center;}
.introduce-item-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top: 56px;}
.introduce-item-con{border:3px solid var(--main-color);padding-block:30px;padding-inline:30px;border-radius:30px;position:relative;}
.introduce-item-con h4{position:absolute;top:0;left:50%;translate:-50% -50%;background-color:var(--main-color);padding-block:4px;padding-inline:40px;color:#fff;border-radius:100px}
.introduce-item-con figure{width: 160px;aspect-ratio:1/1;margin-inline: auto;margin-block: 24px;}
.introduce-item-con figure img{width:100%;height:100%;object-fit:contain;}
.introduce-item-con-en{font-weight: 900;text-align:center;color:var(--main-color);text-transform:uppercase}
.introduce-item-con-des{margin-top: 16px;}
.introduce-item-con-des p{font-weight:500;text-align:center;}
.introduce-item-con-des ul{margin-top:24px;}
.introduce-item-con-des ul li{font-weight:500;color: var(--main-color);text-align:center;padding-block:4px;border:1px solid var(--main-color);border-radius:100px;}
.introduce-item-con-des ul li:not(:first-child){margin-top:.5em;}

.reason-item{margin-top:72px;}
.reason-item h3{font-size:30px;font-weight:500;text-align:center;}
.reason-item-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:56px;}
.reason-item-con figure{width:140px;aspect-ratio:1/1;margin-inline:auto;margin-bottom:24px;}
.reason-item-con figure img{width:100%;height:100%;object-fit:contain}
.reason-item-con h4{font-size:20px;padding-block:4px;color:#fff;text-align:center;background-color:var(--main-color);border-radius:10px;}
.reason-item-con p{margin-top:1em;font-size:15px;}
.reason-item-note{font-size:30px;font-weight:500;width:fit-content;margin-inline:auto;margin-top:64px;background:linear-gradient(transparent 65%, #fff366 65%);width:fit-content;margin-inline:auto}

.sec-ourstory{padding-block:120px;}
.sec-ourstory-tit{text-align:center;}
.ourstory-item{display:grid;grid-template-columns: 274px minmax(0,1fr);gap:40px;margin-top:56px;padding-block:40px;padding-inline:40px;background-color:#fff;border-radius:30px;}
.ourstory-item figure{border-radius:20px;overflow:hidden}
.ourstory-des h3{font-size:20px;font-weight:500;color:var(--main-color);}
.ourstory-des .ourstory-txt{margin-top:1em;}
.ourstory-des .ourstory-name{text-align:right;margin-top:1em;}
.ourstory-partner{margin-top: 2em;border:2px solid var(--main-color);border-radius:20px}
.ourstory-partner h4{padding-block:4px;background-color:var(--main-color);text-align:center;color:#fff;border-radius:16px 16px 0 0;}
.ourstory-partner p{padding-block:.5em;padding-inline:1em;}

.sec-use{padding-block:120px 160px;background: #fff url(./images/page-bg.png)no-repeat top center/ 1920px auto;}
.sec-use-tit{text-align:center;}
.use-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:48px;align-items: center;margin-top:40px;;padding-block:40px;padding-inline:40px 32px;background-color:#fff;border-radius:30px;border:3px solid var(--main-color)}
.use-item figure{width:100%;aspect-ratio:3/4}
.use-item figure img{object-fit:contain;width:100%;height:100%;}
.use-item-con h3{font-size:20px;font-weight:500;color:var(--main-color);margin-bottom:1em;}
.use-item-des{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.use-item-des-in h4{width:fit-content;padding-block: 4px;padding-inline: 40px;color: #fff;border-radius: 100px;background-color:var(--main-color)}
.use-item-des-in ul{margin-top:1em;padding-left:1em;}
.use-item-des-in ul li{list-style:disc;font-size:14px;}

.sec-point{padding-block:120px;}
.sec-point-tit{text-align:center;}
.point-item-intro{font-size:20px;font-weight:500;text-align:center;margin-top:2em}
.point-item{margin-top:56px;}
.point-swiper .swiper-wrapper{transition-timing-function: linear;}
.point-list{margin-top:56px;}
.point-list li{padding-block: 80px 40px;padding-inline:16px;background-color:#fff;position:relative;height:auto;border:3px solid var(--main-color);border-radius:20px;}
.point-list li div{height:100%;text-align:center;display:grid;grid-template-rows:subgrid;grid-row: span 3;gap: 20px;}
.point-list li h3{position:absolute;top:0;left:50%;translate:-50% -50%;width:100px;aspect-ratio:1/1;background-color:var(--main-color);display:grid;align-content: center;justify-items: center;color:#fff;text-transform:uppercase;border-radius:100px;}
.point-list li h3 span{font-size:30px;line-height:1;}
.point-list li figure{width:100px;aspect-ratio:1/1;margin-inline:auto}
.point-list li figure img{width:100%;height:100%;object-fit:contain}
.point-list li h4{font-size:18px;font-weight:500;color:var(--main-color);}
.point-list li p{text-align:left;font-size:15px}

.sec-start{padding-block:120px;background: #fff url(./images/page-bg.png)no-repeat top center/ 1920px auto;}
.start-item{padding-block:72px;padding-inline:100px;background-color:#fff;box-shadow: 5px 5px 10px rgb(0 0 0 / .1);border-radius:30px;margin-top:80px;position:relative}
.sec-start-tit{text-align:center;}
.start-item-intro{font-size:20px;font-weight:500;text-align:center;margin-top:2em}
.start-list{margin-top:56px;}
.start-list li{padding-block:40px;padding-inline:56px 40px;display:grid;grid-template-columns:minmax(0,1fr) 176px;align-items: center;gap:64px;}
.start-list li:not(:first-child){border-top:1px dashed }
.start-des h3{display:flex;align-items:center;font-size:20px;font-weight:500;color:var(--main-color)}
.start-des h3 span{display:grid;place-items:center;width:60px;aspect-ratio:1/1;border-radius:100px;background-color:var(--main-color);font-size:24px;font-weight:500;color:#fff;margin-right:1em;}
.start-des p{margin-top:1em;}

.sec-freeads{padding-block:120px;}
.sec-freeads-tit{text-align:center;}
.freeads-item figure{width:665px;max-width: 100%;margin-inline:auto;margin-top:56px;}

.freeads-item-des h3{font-size:30px;font-weight:500;width:fit-content;margin-inline:auto;margin-top:64px;background:linear-gradient(transparent 65%, #fff366 65%);width:fit-content;margin-inline:auto}
.freeads-item-des dl{margin-top:40px;text-align:center;}
.freeads-item-des dl div:not(:first-of-type){margin-top:1em;}
.freeads-item-des dl dt{font-size:22px;font-weight:bold;color:var(--main-color);}
.freeads-item-des dl dd{font-size:18px;font-weight:500;}

.sec-news{padding-block:120px;background-color:#fff;;}
.top-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
.top-news-list li{position:relative;}
.sec-news .sec-more a{margin-top:56px;}

.sec-security{padding-block:80px;background-color:var(--main-color);position:relative;}
.sec-security::before{content:'';position:absolute;inset:0;margin:auto;background: url(./images/security-bg.png)no-repeat center / auto calc(100% - 80px);}
.sec-security-tit{text-align:center;color:#fff}
.sec-security-tit .sec-tit-en{color:#fff}
.security-item{display:flex;justify-content:center;margin-top:56px;gap:2em}
.security-item p{padding-block:8px;width:256px;max-width:100%;color:#fff;border:2px solid;text-align:center;border-radius:100px;}
.security-item p::before{content:'';display:inline-block;width:16px;aspect-ratio:1/1;background:url(./images/security-1.png)no-repeat center / contain;margin-right:4px;vertical-align:-2px;}


@media(max-width:1024px){
	.issues-item-list{grid-template-columns:repeat(1,minmax(0,1fr));width: 480px;max-width:100%;margin-inline:auto;margin-top: 40px;}
	.current-num-list{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;width: 480px;max-width: 100%;margin-inline: auto;}
	.ourstory-item{grid-template-columns:repeat(1,minmax(0,1fr));width: 480px;max-width:100%;margin-inline:auto;padding-block:32px;padding-inline:32px;border-radius: 15px;}
	.use-item{grid-template-columns:repeat(1,minmax(0,1fr));;width: 480px;max-width:100%;margin-inline:auto;padding-block:32px;padding-inline:32px;border-radius: 15px;}
	.use-item-des{grid-template-columns:repeat(1,minmax(0,1fr));gap:40px;}
	.use-item figure{width:200px;margin-inline:auto;}
	.use-item-con h3{text-align:center;}
	.point-item-intro{padding-inline:20px}
	.point-swiper .point-list{display: grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap: 80px 24px;padding-inline: 24px;}
	.point-swiper .swiper-wrapper{box-sizing:border-box;}
}

@media(max-width:767px){
	.sec-mv{height:100vh;padding-block: 0;}
	.sec-mv::before{height: calc(100% - 80px);width: 100%;border-radius: 0 0 80px 0;}
	.mv-item{grid-template-columns:repeat(1,minmax(0,1fr));margin-top: 0;height: 100%;align-content: center;justify-items: center;}
	.mv-item-des{order:1}
	.mv-heading{font-size: 28px;}
	.mv-body{font-size: 16px;margin-top: 1em;}
	.mv-item-img{width:240px;order:0}
	.sec-issues{padding-block:80px}
	.issues-item,
	.allinone-item{padding-block: 40px;padding-inline: 24px;border-radius: 15px;}
	.issues-item-bg{background-size:contain}
	.issues-item-list-con{margin-top:0;}
	.issues-item-des{font-size:16px;}
	.sec-issues-tit::before{width:80px;margin-bottom: 16px;}
	.issues-item-list-con{border-radius:15px;}
	.sec-current{padding-bottom: 80px;}
	.current-item{grid-template-columns:repeat(1,minmax(0,1fr));place-items:center;}
	.current-item figure{order:1;width:240px;}
	.current-item-des{order:0;font-size:18px}
	.sec-allinone{padding-bottom:80px}
	.allinone-item{margin-top:40px}
	.allinone-item::before{opacity:.2;width:400px;top: -284px;}
	.introduce-item h3{font-size:22px;}
	.introduce-item-list{grid-template-columns:repeat(1,minmax(0,1fr));width: 480px;max-width:100%;margin-inline:auto;gap: 40px;}
	.introduce-item-con{padding-block:24px;padding-inline:20px;}
	.reason-item h3{font-size:22px}
	.reason-item-list{width: 480px!important;max-width:100%;margin-inline:auto;grid-template-columns:repeat(1,minmax(0,1fr));margin-top: 40px;gap: 24px;}
	.reason-item-note{font-size:19px;margin-top: 24px;}
	.sec-ourstory{padding-block:80px}
	.sec-use{padding-block:80px}
	.point-swiper .point-list{width: 480px!important;max-width:100%;margin-inline:auto;grid-template-columns:repeat(1,minmax(0,1fr));gap: 80px 24px;}
	.sec-start{padding-block:80px}
	.start-item{width: 480px;max-width:100%;margin-inline:auto;padding-block:32px;padding-inline:32px;border-radius: 15px;margin-top: 0;}
	.start-list li{grid-template-columns:repeat(1,minmax(0,1fr));gap:24px;padding-inline: 24px;}
	.start-list li figure{margin-inline:auto;}
	.start-des h3{font-size:18px}
	.start-des h3 span{font-size:20px;width:40px;margin-right:8px}
	.start-des{order:2}
	.sec-freeads{padding-block:80px}
	.freeads-item-des h3{font-size:22px;margin-top:40px}
	.freeads-item-des dl dt{font-size:18px}
	.freeads-item-des dl dd{font-size:16px;}
	.sec-news{padding-block:80px}
	.top-news-list{grid-template-columns:repeat(1,minmax(0,1fr));width: 480px;max-width:100%;margin-inline:auto;}
	.security-item{flex-direction:column;align-items:center;}
}

/* 協賛ページ
===================================================== */
.sponsors-list{margin-top:40px;}
.sponsor-rank-tit{font-size:20px;font-weight:500;color: #fff;text-align:center;;border-radius: 100px;padding-block:8px;background-color: var(--main-color);margin-bottom:1em;}
.sponsors-list ul{display:grid;gap:16px;padding-block: 0 32px;}
.sponsors-list ul li a,
.sponsors-list ul li span{position: relative;display: grid;place-items: center;background-color: #fff;font-size: 14px;text-align: center;height: 100%;/* box-shadow: 0px 3px 6px 0px rgb(0,0,0,.16); */}
.sponsors-list ul figure{background-color:#fff;overflow:hidden;width: 100%;aspect-ratio: 4/3;padding-block: 24px;padding-inline: 16px;}
.sponsors-list ul img{width: 100%;height:100%;object-fit:contain;transition:var(--hover-transform)}
.sponsors-list ul.sponsors-list-in{grid-template-columns:repeat(5,minmax(0,1fr));}
.sponsor-diamond ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.sponsor-platinum ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.sponsor-gold ul{grid-template-columns:repeat(4,minmax(0,1fr))}
.sponsor-silver ul{grid-template-columns:repeat(5,minmax(0,1fr))}
.sponsor-bronze ul{display:flex;flex-wrap:wrap;}
.sponsor-bronze ul li a{background-color:transparent;}

@media(max-width:767px){
	.sponsors-list ul{gap:16px 8px}
	.sponsors-list ul figure{padding-block:16px;padding-inline:4px}
}

/* privacypolicy
===================================================== */
.sec-privacypolicy{margin-top:40px;}
.privacypolicy-item{width: 800px;max-width:100%;margin-inline:auto;}
.privacypolicy-item h3{font-size:20px;margin-block:40px 8px}
.privacypolicy-item h4{font-size:18px;margin-block:32px 8px}
.privacypolicy-item h4::before{content:'';display:inline-block;width:16px;height:16px;background-color: var(--main-color);margin-right:8px;}
.privacypolicy-item h5{margin-block:24px 8px}
.privacypolicy-item h5::before{content:'';display:inline-block;width:16px;height:1px;background-color: var(--main-color);margin-right:8px;vertical-align: 6px;}
.privacypolicy-item ul,
.privacypolicy-item ol{margin-block:16px}
.privacypolicy-item li{position:relative;padding-left: 24px;}
.privacypolicy-item li::before{content:'';position: absolute;width:10px;height:10px;border-radius:10px;background-color: var(--main-color);margin-right:8px;top: 8px;left: 4px;}
.privacypolicy-note{margin-top:1em;font-size:14px;}
.law-table{margin-top: 40px;table-layout: fixed;word-break: break-all;word-wrap: break-word;}
.law-table th{font-size:14px;color:var(--main-color);width:200px;padding-block:24px;border-bottom:1px solid #fff}
.law-table td{font-size:14px;padding-block:24px;border-bottom:1px solid #fff}
.law-tabletd li:not(:first-child){margin-top:.5em;}

@media(max-width:767px){
	.law-table{margin-top: 16px;}
	.law-table th,
	.law-table td{display:block;width:100%;}
	.law-table th{border:none;padding-bottom:0;}
	.law-table td{padding-top:8px;}
	}