@charset "UTF-8";
/*
Theme Name: 日本データ医療事務LP
Author: 株式会社メックコミュニケーションズ
Author URI: https://www.mec-com.co.jp
Date: 2025-06-23
*/


/*color
-----------------------------------------------------------------------------------------*/
body{
/*メインブルー*/
	--color_kon:#002698;/*紺色*/
	--color_mizu:#D8EFFF;/*水色*/
	--color_sora:#2CA9FF;/*青色*/
	--color_ao:#0084FF;/*青色*/

/*差し色*/
	--color_pnk:#D4145A;/*濃いピンク*/
	--color_iv:#F4F1E5;/*アイボリー*/
	--color_cha:#534741;/*茶色*/
	--color_ki:#FCBF2E;/*濃い黄色*/
	--color_lm:#F3FC8A;/*レモン色*/
	--color_an:#FF685C;/*あんしんくん色*/
	--color_sin:#69D1DA;/*しんらいくん色*/


/*em*/
	--color_notice:var(--color_pnk);

/*テキストリンク*/
	--color_link:var(--color_kon);

}


/*base
-----------------------------------------------------------------------------------------*/
/*-------------------------tx_syasen*/
.tx_syasen{
	font-family: "Zen Maru Gothic",serif;
	font-weight:bold;
	color:var(--color_ao);
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1em;
	padding-bottom:0.5em;
}
.tx_syasen::before,
.tx_syasen::after{
	content:"";
	display:block;
	width:1px;
	height:0.8em;
	background:var(--color_ao);
	transform:rotate(30deg);
	margin-bottom:-1em;
}
.tx_syasen::before{
	transform:rotate(-30deg);
}
.tx_syasen.tx_w::before,
.tx_syasen.tx_w::after{
	background:#FFF;
}
.tx_syasen.tx_ki::before,
.tx_syasen.tx_ki::after{
	background:var(--color_ki);
}
/*-------------------------tx_title_line*/
.tx_title_line{
	position:relative;
	text-align:left;
	display:inline-block;
	font-weight:bold;
	padding:0.1em 1em 0.1em 0;
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
	z-index:1;
}
.tx_title_line::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:1em;
	width:100vw;
	height:100%;
	background:inherit;
	z-index:-1;
}
/*-------------------------tx_check*/
.tx_check,
.tx_check li{
	line-height:1.5;
	background:url(images/check.svg) 0.4em 0.5em no-repeat;
	background-size:1em;
	padding:0.2em 0 0.2em 1.6em;
	font-weight:inherit;
}
ul.tx_check{
	background:none;
	padding:0;
}
/*-------------------------photo*/
.photo{
	border-radius:24px;
	max-width:600px;
	overflow:hidden;
}
@media print, screen and (min-width: 768px) {
	.photo{border-radius:37px;}
}
/*-------------------------max_bg*/
.max_bg{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	width:100vw;
	height:100%;
	z-index:-1;
}
/*-------------------------ya_maru*/
.ya_maru::after{
	content:"";
	display:inline-block;
	width:2em;
	aspect-ratio:1 / 1;
	background:url(images/arrow.svg) center no-repeat;
	background-size:cover;
	position:relative;
	top:0.5em;
	margin-left:0.2em;
	transition:all 0.3s;
}
.ya_maru:hover::after{
	transform:translateX(0.5em);
}
/*-------------------------hv_sen*/
.hv_sen{
	text-decoration:underline;
}
.hv_sen:hover{
	text-decoration:none;
}
/*-------------------------hv_big*/
a:hover .hv_big{transition: all 2s;transform: scale(1.2);}



/*btn
-----------------------------------------------------------------------------------------*/
/*-------------------------btn_entry*/
.btn_entry{
	border:none;
	background:none;
	font-weight:bold;
	color:#FFF;
	position: relative;
	overflow:hidden;
	cursor:pointer;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;	
}
.btn_entry::before{
	content: "";
	width:100%;
	height:100%;
	background:linear-gradient(110deg, var(--color_sora) 10%, var(--color_kon));
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	transition:all 0.5s;
}
.btn_entry:hover::before{
	width:1000%;
}
/*-------------------------btn_here*/
.btn_here{
	display:block;
	text-align:center;
	border-radius:99999px;
	background:#FFF;
	color:var(--color_kon);
	font-size:18px;
	line-height:60px;
	font-weight:bold;
	width:340px;
	max-width:100%;
	position:relative;
	margin:5px;
	transition:all 0.3s;
}
.btn_here::after{
	content:"";
	position:absolute;
	left:-5px;
	top:-5px;
	z-index:-1;
	width:100%;
	height:100%;
	padding:5px;
	background-color:transparent;
	animation:btn_here 2000ms linear infinite;
	border-radius:99999px;
	background:linear-gradient(to right, #2CA9FF, var(--color_kon), #2CA9FF) 0% center/200%;
}
@keyframes btn_here{
	100%{background-position-x:200%;}
}
.btn_here:hover{
	background:var(--color_mizu);
}
/*-------------------------btn_tel*/
.btn_tel{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background:#00184C;
	width:340px;
	height:60px;
	max-width:100%;
	border-radius:5px;
	transition:all 0.3s;
}
.btn_tel:hover{
	background:var(--color_ao);
}
/*-------------------------btn_tel_w*/
.btn_tel_w{
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	background:#FFF;
	width:340px;
	height:60px;
	max-width:100%;
	border-radius:5px;
	transition:all 0.3s;
}

/*nami
-----------------------------------------------------------------------------------------*/
.nami{
	position:relative;
	padding-top:40px;
}
.nami::before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:340px;
	background:var(--color_mizu) url(images/nami.svg) bottom -1px center no-repeat;
	z-index:-1;
}
.nami_ao::before{
	background-color:var(--color_ao);
}
.nami_lm::before{
	background-color:var(--color_lm);
}
@media print, screen and (min-width: 768px) {
	.nami{padding-top:60px;}
	.nami::before{height:500px;}
}



/*entry_block
-----------------------------------------------------------------------------------------*/
.entry_block{
	padding:50px 20px;
}
.entry_block .banner a{
	transition:all 0.3s;
}
.entry_block .banner a:hover{
	filter:brightness(90%);
}
.entry_block ul{
	margin-top:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	gap:10px 20px;
}
.entry_block li{
	max-width:100%;
}
.entry_block .btn_entry{
	font-size:18px;
	height:60px;
	width:340px;
	max-width:100%;
	border-radius:5px;
}
@media print, screen and (min-width: 1200px) {
.entry_block{padding-bottom:70px;}
.entry_block ul{margin-top:30px;}
.entry_block .btn_entry,
.entry_block .btn_tel{height:70px;}
}




/*トップメイン
-----------------------------------------------------------------------------------------*/
.topmain h1{
	padding:min(6vw, 46px) min(5vw, 50px);
	height:min(96vw, 640px);
	text-align:right;
	margin-bottom:-13vw;
	background:url(images/mainimg_sp.jpg) top right no-repeat;
	background-size:cover;
}
@media screen and (min-width: 768px) {
	.topmain h1{background-image:url(images/mainimg_pc.jpg);}
}
.topmain h1 img{
	width:auto;
	height:100%;
}
.topmain .bg_nami{
	background:url(images/mainnami_sp.svg) top no-repeat;
	background-size:cover;
	position:relative;
	padding-top:4vw;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
}
.topmain .bg_nami::after{
	content: "";
	width:100%;
	height:25%;
	background:linear-gradient(#FFFFFF00, #FFFFFF1A 20%, #FFFFFFE6 80%, #FFFFFFFF);
	position:absolute;
	bottom:-1px;
	left:0;
}
.topmain .bg_nami h2{
	text-align:left;
	font-weight:bold;
	font-size:min(9.5vw , 5rem);
	letter-spacing:0.1em;
	color:var(--color_kon);
	line-height:1.2;
}
.topmain .bg_nami h2 span{
	font-size:54%;
	letter-spacing:0.05em;
	display:block;
}
.topmain .bg_nami h3{
	width:min(25vw , 120px);
	height:min(25vw , 120px);
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--color_ao);
	font-size:min(4.5vw , 2rem);
	font-weight:bold;
	color:#FFF;
	border-radius:100%;
	box-shadow: 5px 2.5px 0 #FFF;
	transform:rotate(15deg);
}
.topmain .bg_nami .banner{
	padding:15px 20px;
	position:relative;
	z-index:1;
}
.topmain .bg_nami .banner a{
	display:block;
	max-width:450px;
	overflow:hidden;
	border-radius:12px;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	position:relative;
	top:0;
	transition:all 0.3s;
}
.topmain .bg_nami .banner a:hover{
	box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	top:1px;
	filter:brightness(95%);
}
.topmain .bg_nami ul{
	font-size:min(3.6vw , 2rem);
	position:relative;
	z-index:1;
}
.topmain .bg_nami li{
	margin:0 -0.05em;
	font-family: "Zen Maru Gothic",serif;
	background:var(--color_an);
	color:#FFF;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1.2;
	font-weight:bold;
	width:6.5em;
	height:3.5em;
	border-radius:100%;
	transform:rotate(-15deg);
}
@media screen and (min-width: 1200px) {/*pc*/
.topmain h1{
	width:1100px;
	margin:0 0 0 auto;
}
.topmain h1 img{
	height:500px;
}
.topmain .bg_nami{
	background:url(images/mainnami_pc.svg) top no-repeat;
	position:absolute;
	width:800px;
	height:535px;
	left:-80px;
	bottom:240px;
	padding:40px 0 0 20px;
}
@media screen and (min-width: 1500px) {
	.topmain h1{margin:0 auto;position:relative;left:200px;}
	.topmain::after,
	.topmain::before{content:"";position:absolute;top:0;right:0;height:640px;}
	.topmain::before{width:50%;background:linear-gradient(#b2b1af, #9b9c9a 640px);}
	.topmain::after{width:calc(50% - 700px);background:linear-gradient(90deg, #FFFFFF00, #FFFFFF1A 50px, #FFFFFFE6 300px, #FFFFFFFF 500px);}
	.topmain .bg_nami{left:calc(50% - 800px);}
}
.topmain .bg_nami::after{
	width:120vw;
}
.topmain .entry_block{
	height:240px;
}
.topmain .bg_nami h2{
	font-size:5.8rem;
}
.topmain .bg_nami h3{
	width:150px;
	height:150px;
	font-size:2.7rem;
	box-shadow: 7px 4px 0 #FFF;
}
.topmain .bg_nami .banner{
	padding:20px 0 30px 0;
}
.topmain .bg_nami .banner a{
	max-width:540px;
	border-radius:18px;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}
.topmain .bg_nami ul{
	font-size:2.2rem;
}
}


/*問題提起
-----------------------------------------------------------------------------------------*/
.mondai{
	padding-top:70px;
}
.mondai_waku{
	overflow:hidden;
	position:absolute;
	width:100%;
	overflow:hidden;
	background:var(--color_mizu);
	z-index:-1;
}
.mondai_waku::after{
	content:"";
	display:block;
	position:absolute;
	left:-1%;
	width:102%;
	height:180px;
	background:#FFF;
	border-radius:100%;
}
.mondai_t{top:0;height:120px;}
.mondai_t::after{top:30px;}
.mondai_b{bottom:0;height:200px;}
.mondai_b::after{bottom:120px;}

@media print, screen and (min-width: 768px) {
	.mondai{padding-top:140px;}
	.mondai_waku::after{height:400px;}
	.mondai_t{top:0;height:260px;}
	.mondai_t::after{top:60px;}
	.mondai_b{bottom:0;height:380px;}
	.mondai_b::after{bottom:150px;}
}
/*-------------------------mondai_box*/
.mondai_box{
	position:relative;
	max-width:1300px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.mondai_box section{
	text-align:left;
	position:relative;
	width:100%;
	padding:20px 40px;
}
.mondai_box figure{
	border-radius:30px;
	overflow:hidden;
	margin-bottom:0.8em;
}
.mondai_box figure img{
	min-width:100%;
}
.mondai_box section h2{
	position:relative;
	z-index:1;
	white-space:nowrap;
}
.mondai_box section strong{
	display:inline;
	background:linear-gradient(transparent 60%, var(--color_lm) 60%)
}
.mondai_box .case{
	width:90px;
	position:absolute;
	border-radius:100%;
	aspect-ratio:1 / 1;
	background:#C5EDF1;
	font-family: "Zen Maru Gothic",serif;
	font-weight:bold;
	color:#2CA9FF;
	display:flex;
	justify-content:center;
	align-items:center;
	padding-top:0.4em;
	margin-top:-90px;
}
.mondai_box .case span{
	font-size:240%;
	margin-bottom:0.4em;
	margin-left:0.1em;
}
.mondai_box .case::after{
	content:"";
	display:block;
	width:40%;
	aspect-ratio:1 / 1;
	border-radius:100%;
	background:#FFCFCB;
	position:absolute;
	left:-15%;
	top:70%;
}
@media screen and (max-width: 767px) {
	.mondai_box section:nth-child(odd) figure{margin-left:-40px;border-top-left-radius:0;border-bottom-left-radius:0;}
	.mondai_box section:nth-child(even) figure{margin-right:-40px;border-top-right-radius:0;border-bottom-right-radius:0;}
	.mondai_box section:nth-child(odd) .case{right:20px;}
	.mondai_box section:nth-child(even) .case{left:20px;}
	.mondai_box section:nth-child(even) .case::after{left:70%;}
@media print, screen and (min-width: 400px) {
	.mondai_box section:nth-child(odd) h2{padding-right:8vw;}	
	.mondai_box section:nth-child(even) h2{padding-left:8vw;}	
}
}
@media print, screen and (min-width: 768px) {/*pc*/
.mondai_box{padding:30px 50px;gap:min(3vw , 50px);}
.mondai_box section{padding:0;width:30%;}
.mondai_box .case::after{left:70%;}
.mondai_box .case1 .case{left:-50px;}
.mondai_box .case2 .case{left:-20px;top:-20px;margin:0;}
.mondai_box .case3 .case{right:-50px;}
.mondai_box .case3 .case::after{left:-15%;}
@media print, screen and (min-width: 1201px) {
	.mondai_box .case{width:110px;font-size:20px;margin-top:-110px;}
}
@media screen and (max-width: 1200px) {
	.mondai_box{gap:30px;}
	.mondai_box section{width:300px;}
}
}


/*未経験者フォロー
-----------------------------------------------------------------------------------------*/

/*資格取得
-----------------------------------------------------------------------------------------*/

/*働ける環境
-----------------------------------------------------------------------------------------*/
.kankyo_item li{
	position:relative;
	padding:24px 5px;
	width:100%;
	font-weight:bold;
	font-family: "Zen Maru Gothic",serif;
	color:var(--color_kon);
}
.kankyo_item li::before,
.kankyo_item li::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 4px;
	background-image: repeating-linear-gradient(90deg, var(--color_sora) 0, var(--color_sora) 1px, transparent 0, transparent 50%);
	background-size: 10px 4px;
}
.kankyo_item li::after{
	top:auto;
	bottom:-4px;
}
@media screen and (max-width: 767px) {
	.kankyo_item li img{position:absolute;transform: scale(0.8);z-index:1;}
	.kankyo_item li:nth-child(1) img{left:80%;top:-20px;}
	.kankyo_item li:nth-child(2) img{right:80%;top:-20px;}
	.kankyo_item li:nth-child(3) img{right:70%;bottom:-50px;}
	.kankyo_item li:nth-child(4) img{left:80%;top:5px;}
	.kankyo_item li:nth-child(5) img{right:85%;top:10px;}
	.kankyo_item li:nth-child(6) img{left:80%;top:20px;}
}
@media print, screen and (min-width: 768px) {/*pc*/
.kankyo_item{
	display:grid;grid-template-columns: repeat(6 , 1fr);
}
@media screen and (max-width: 1000px) {
	.kankyo_item{display:grid;grid-template-columns: repeat(3 , 1fr);row-gap:30px;}
}
.kankyo_item li::before,
.kankyo_item li::after{
	width:4px;
	height:100%;
	background-image: repeating-linear-gradient(var(--color_sora) 0, var(--color_sora) 1px, transparent 0, transparent 50%);
	background-size:4px 10px;
}
.kankyo_item li::after{
	top:0;
	bottom:auto;
	left:auto;
	right:-4px;
}
.kankyo_item li figure{
	height:125px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:5px;
}
}


/*お仕事の内容
-----------------------------------------------------------------------------------------*/
/*-------------------------work_slider*/
.work_slider{
	width:1510px;
	max-width:100%;
	margin:0 auto;
	position:relative;
}

.work_slider button{
	border:none;
	text-indent:-9999em;
	cursor:pointer;
	border-radius:100em;
}
.slick-active button,
.work_slider button:hover{
	filter:brightness(75%);
}
.slick-arrow{
	position:absolute;
	right:10px;
	top:calc(50% - 25px);
	background:#FFF url(images/arrow.svg) center no-repeat;
	width:50px;
	aspect-ratio:1 / 1;
	z-index:10;
}
.slick-prev{
	right:auto;
	left:10px;
	transform: rotate( 180deg );
}
/*-------------------------work_item*/
.work_item{
	padding:10px min(2vw, 20px);
}
.work_item a{
	border-radius:20px;
	position:relative;
	display:flex;
	width:340px;
	flex-direction:column;
	background:#FFF;
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	transition:all 0.3s;
	top:0;
}
.work_item a:hover{
	filter:brightness(95%);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	top:1px;
}
.work_item figure{
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	flex-shrink:0;
	border-top-right-radius:20px;
	border-top-left-radius:20px;
	width:100%;
}
.work_item img{
	width:100%;height:100%;object-fit:cover;
}
.work_item div{
	width:100%;
	padding:20px;
	display:flex;
	flex-direction:column;
}
/*yakumono*/
.yakumono{
	width:80px;
	aspect-ratio:1 / 1;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	line-height:1;	
	position:absolute;
	top:-10px;
	right:-5px;
	z-index:1;
	font-family: "Zen Maru Gothic",serif;
	font-weight:bold;
	border-radius:100%;
	transform:rotate(15deg);
}

/*保育園
-----------------------------------------------------------------------------------------*/
.hoikuen{
	padding-top:40px;
}
.hoikuen::before,
.hoikuen::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#FDF5E6;
	z-index:-1;
}
.hoikuen::before{
	height:90px;
}
.hoikuen::after{
	height:180px;
	border-radius:100%;
}
.hoikuen .img1{width:110px;left:calc(50% - 135px);margin-top:15px;}
.hoikuen .img2{width:125px;left:calc(50% + 45px);margin-top:20px;}
.hoikuen .img3{width:80px;left:calc(50% - 180px);margin-top:130px;}
.hoikuen .img4{width:75px;left:calc(50% + 100px);margin-top:180px;}
/*
@media screen and (max-width: 500px) {
.hoikuen .entry_block h2{
	overflow:hidden;
	max-width:450px;
	margin:10px auto;
}
.hoikuen .entry_block h2 img{
	max-width:120%;
	margin-left:-10%;
}
}*/


@media print, screen and (min-width: 768px) {
	.hoikuen{padding-top:60px;}
	.hoikuen::before{height:190px;}
	.hoikuen::after{height:380px;}
	.hoikuen .img1{width:180px;left:calc(50% - 460px);margin-top:30px;}
	.hoikuen .img2{width:188px;left:calc(50% + 280px);margin-top:-10px;}
	.hoikuen .img3{width:120px;left:calc(50% - 250px);margin-top:50px;}
	.hoikuen .img4{width:112px;left:calc(50% + 150px);margin-top:100px;}
	@media screen and (max-width: 1000px) {
	.hoikuen .img1{left:calc(50% - 350px);margin-top:20px;}
	.hoikuen .img2{left:calc(50% + 180px);margin-top:0;}
	.hoikuen .img3{width:100px;left:calc(50% - 220px);margin-top:185px;}
	.hoikuen .img4{width:90px;left:calc(50% + 130px);margin-top:170px;}
	}
}



/*インタビュー
-----------------------------------------------------------------------------------------*/
.history strong{
	display:block;
	color:var(--color_kon);
}
.history dt{
	color:var(--color_kon);
	text-align:right;
	padding-right:2em;
	position:relative;
}
.history dd{
	padding-bottom:1.5em;
}
.history dd:last-child{
	padding-bottom:0;
}
.history dt::before{
	content:"";
	display:block;
	position:absolute;
	width:0.7em;
	height:0.7em;
	top:0.4em;
	right:0.6em;
	background:var(--color_ao);
	border-radius:100px;
}
.history dt::after{
	content:"";
	display:block;
	position:absolute;
	width:1px;
	height:100%;
	top:0.5em;
	right:0.9em;
	background:var(--color_ao);
}


/*流れ
-----------------------------------------------------------------------------------------*/
@media screen and (max-width: 860px) {
.flow_list dl{
	margin-top:15px;
	padding:5px;
	width:100%;
	display:grid;grid-template-columns:auto 1fr;
}
.flow_list dt{
	border-right:1px solid var(--color_kon);
	font-size:1.6rem;
	padding:10px;
}
.flow_list dd{
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:10px;
}
}
@media print, screen and (min-width: 861px) {
.flow_list{
	display:flex;
	gap:20px;
}
.flow_list dl{
	padding:5px;
	width:12%;
}
.flow_list dl:nth-child(1){width:25%;}
.flow_list dl:nth-child(2){width:33%;}
.flow_list dd{
	border-top:1px solid var(--color_kon);
	padding:5px;
	height:160px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin-top:5px;
}
}

/*よくある質問
-----------------------------------------------------------------------------------------*/
.faq{
	background:url(images/bg_faq.svg) top no-repeat;
	background-size:125%;
}
@media print, screen and (min-width: 768px) {
.faq{background-size:1600px;}
}
.qa{
	padding:40px 20px;
	border-bottom:1px dashed #CCC;
}
.faq_q,
.faq_a{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:0.5em;
	padding-top:0.25em;
}
.faq_q::before,
.faq_a::before{
	font-family: "Zen Maru Gothic",serif;
	font-weight:bold;
	font-size:2.4rem;
	color:#FFF;
	width:1.6em;
	aspect-ratio:1 / 1;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	border-radius:5px;
	color:#FFF;
	display:block;
	margin-top:-0.25em;
}
.faq_q::before{
	content:"Q";
	background:var(--color_an);
}
.faq_a::before{
	content:"A";
	background:var(--color_sin);
}
.faq_a{
	margin-top:1.5em;
}
@media print, screen and (min-width: 768px) {
.faq_q::before,
.faq_a::before{font-size:3rem;}
}


/*相談カフェ
-----------------------------------------------------------------------------------------*/
.cafe{
	background:#85C3FF;
}
.cafe .frame{
	border-radius:45px;
	border:5px double #85C3FF;
}

/*-------------------------------------------------------------------------------------------------特色border_color*/
body .sen_kon{border-color:var(--color_kon);}
body .sen_mizu{border-color:var(--color_mizu);}
body .sen_sora{border-color:var(--color_sora);}
body .sen_ao{border-color:var(--color_ao);}
body .sen_cha{border-color:var(--color_cha);}
body .sen_pnk{border-color:var(--color_pnk);}
body .sen_iv{border-color:var(--color_iv);}
body .sen_ki{border-color:var(--color_ki);}
body .sen_lm{border-color:var(--color_lm);}
body .sen_an{border-color:var(--color_an);}
body .sen_sin{border-color:var(--color_sin);}
/*-------------------------------------------------------------------------------------------------特色bg*/
body .bg_kon{background-color:var(--color_kon);}
body .bg_mizu{background-color:var(--color_mizu);}
body .bg_sora{background-color:var(--color_sora);}
body .bg_ao{background-color:var(--color_ao);}
body .bg_cha{background-color:var(--color_cha);}
body .bg_pnk{background-color:var(--color_pnk);}
body .bg_iv{background-color:var(--color_iv);}
body .bg_ki{background-color:var(--color_ki);}
body .bg_lm{background-color:var(--color_lm);}
body .bg_an{background-color:var(--color_an);}
body .bg_sin{background-color:var(--color_sin);}
/*-------------------------------------------------------------------------------------------------特色text_color*/
body .tx_kon{color:var(--color_kon);}
body .tx_mizu{color:var(--color_mizu);}
body .tx_sora{color:var(--color_sora);}
body .tx_ao{color:var(--color_ao);}
body .tx_cha{color:var(--color_cha);}
body .tx_pnk{color:var(--color_pnk);}
body .tx_iv{color:var(--color_iv);}
body .tx_ki{color:var(--color_ki);}
body .tx_lm{color:var(--color_lm);}
body .tx_an{color:var(--color_an);}
body .tx_sin{color:var(--color_sin);}
body .tx_link{color:var(--color_link);}

/*-------------------------------------------------------------------------------------------------utility*/
body .tx_m{font-family: "Zen Maru Gothic",serif;}
body .mw600{max-width:600px;margin:0 auto;}
body .mw700{max-width:700px;margin:0 auto;}
body .mw840{max-width:840px;margin:0 auto;}