@charset "utf8";

html,body{height:100%;}

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	word-break: break-all;
    overscroll-behavior-y: none;	/*Andriodで下スワイプしたときにリロードがかからなくする*/
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99%}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;max-width:100%;}
a{text-decoration: none;color:#000;transition: all .25s ease;}
a:hover{}


/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .foo { color: red }
}

@media all and (-ms-high-contrast:none){
	.foo { color: green }
}


/* layout ---------------------------------------*/

.wrapper {}

.side {
	position: fixed;
	width: 250px;
	height: 100%;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 100;
}

.main{
	width: calc(100% - 250px);
	margin-left: 250px;
	min-height: 100vh;
	position: relative;
	padding-bottom: 117px;
	box-sizing: border-box;
	background-color: #EAF2FF;
}

.content {
	background-color: #EAF2FF;
	padding: 34px 30px 30px;
}

.contentinner {
	background: #fff;
	border-radius: 10px;
}

/*
.content::before {
	position: absolute;
	content: '';
	height: 100%;
	width: 40px;
	top: 0;
	left: -40px;
	box-shadow: 7px 0 12px -10px rgba(0,0,0,0.1);
}
*/

.inner{
	max-width:1080px;
	margin:0 auto;
}

.section{
	padding: 16px 20px;
	background: #fff;
	border-radius: 10px;
	width: 100%;
}

.section_gray{
	padding: 16px 20px;
	background-color: #909090;
	border-radius: 10px;
	width: 100%;
}

.block{
	margin-bottom: 60px;
}

.col-100 .section{
	padding: 16px 30px;
}

.section.has-btn {
	padding-bottom: 62px;
	position: relative;
}

.ov-h{overflow: hidden;}

#overlay{display: none;}


/* header ---------------------------------------*/

header {
	background: #FFF;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 34px 40px;
}

.header-logininfo {
	width: 70%
}

.header-logininfo-name {
	display: inline-block;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.04em;
	padding-right: 10px;
	color: #4D4D4D;
}

.header-logininfo-date {
	display: inline-block;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	color: #4D4D4D;
}

.header-loginbtn {
	width: 30%
}


/* side ---------------------------------------*/

.side{
	box-shadow: 7px 0 12px -10px rgba(0,0,0,0.1);
}

.side-inner{
	height:80px;
	margin: 28px auto 56px;
	position:relative;
}

.side-logo{
	display: block;
	background: url('./img/logo.png') left center no-repeat;
	background-size: 100%;
	width:166px;
	height:41px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left:42px;
	top:30px;
}

.side-submenu{
	width:200px;
	position: absolute;
	right:0px;
	top:17px;
}

.side-submenu-list{
	font-size: 0px;
	border-left:1px solid #ccc;
}

.side-submenu-list-item{
	font-size: 15px;
	display: inline-block;
	line-height: 1.0;
}

.side-submenu-list-item a{
	display: block;
	border-right:1px solid #ccc;
	padding:0 15px;
	color:#000;
}

/* gnav ---------------------------------------*/

.gnav{
	position:absolute;
	left: 0px;
	top: 164px;
	width: 100%;
}

.gnav-list{
	padding: 0 10px;
}

.gnav-list-item{
/*	display: inline-block;*/
	font-size: 16px;
	margin: 0 10px;
	font-weight:bold;
}

.iconbtn {
	display: block;
	background: #FFF;
	border-radius: 50px;
	font-size: 14px;
	color: #818181;
	padding: 15px 15px;
	margin-bottom: 15px;
	transition: all .25s ease;
	line-height: 18px;
	transition: all .25s ease;
}

.iconbtn:hover {
	background: #F2F7FF;
	color: #4481E2;
}

.iconbtn.is-active {
	display: block;
	background: #F2F7FF;
	color: #4481E2;
}

.iconbtn:hover {
	opacity: 0.7;
}

.iconbtn span{
	display: inline-block;
}

.iconbtn span::before {
	display: inline-block;
	content: '';
	vertical-align: middle;
	margin-right: 10px;
	width: 28px;
	height: 20px;
}

.iconbtn.is-home span::before {
	background: url('./img/icon_home_off.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-home:hover span::before,.iconbtn.is-active.is-home span::before {
	background: url('./img/icon_home_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-procedure span::before {
	background: url('./img/icon_procedure_off.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-procedure:hover span::before,.iconbtn.is-active.is-procedure span::before {
	background: url('./img/icon_procedure_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-history span::before {
	background: url('./img/icon_history_off.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-history:hover span::before,.iconbtn.is-active.is-history span::before {
	background: url('./img/icon_history_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-change span::before {
	background: url('./img/icon_change_off.png')   no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-change:hover span::before,.iconbtn.is-active.is-change span::before {
	background: url('./img/icon_change_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-notification span::before {
	background: url('./img/icon_notification_off.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-notification:hover span::before,.iconbtn.is-active.is-notification span::before {
	background: url('./img/icon_notification_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-faq span::before {
	background: url('./img/icon_faq_off.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-faq:hover span::before,.iconbtn.is-active.is-faq span::before {
	background: url('./img/icon_faq_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-book span::before {
    background: url('./img/icon_book_off.png') no-repeat center center;
    background-size: 28px;
}

.iconbtn.is-book:hover span::before,.iconbtn.is-active.is-book span::before {
	background: url('./img/icon_book_on.png') no-repeat center center;
	background-size: 28px;
}

.iconbtn.is-about span::before {
	background: url('./img/icon_about_off.png') no-repeat center center;
	background-size: 28px;
}
.iconbtn.is-about:hover span::before,.iconbtn.is-active.is-faq span::before {
	background: url('./img/icon_about_on.png') no-repeat center center;
	background-size: 28px;
}

#openmenu{display:none;}


/* footer ---------------------------------------*/

footer{
	padding: 33px 30px 24px;
	background-color: #4481E2;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
}

.footer-inner{
	max-width:1080px;
	margin:0 auto;
	position:relative;
}

.footernav {
}

.footernav-list {
	text-align: center;
	margin-bottom: 12px;
}

.footernav-list-item {
	display: inline-block;
	font-size: 15px;
	padding-right: 0.6em;
}

.footernav-list-item:last-of-type {
	padding-right: 0;
}

.footernav-list-item a{
	display: inline-block;
	color: #FFF;
	transition: all .25s ease;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.footernav-list-item a:hover {
	text-decoration: underline;
}

.copyright{
	display: block;
	text-align: center;
}

.copyright small{
	font-size: 11px;
	color: #FFF;
}

.screencode {
	position: absolute;
	top: -34px;
	right: 38px;
	color: #4481E2;
	font-size: 15px;
	letter-spacing: 0.04em;
}


/* grid ---------------------------------------*/

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	max-width: 1200px;
}

.col-10, .col-15, .col-20, .col-25, .col-30, .col-33, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90, .col-100 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

.col {
	display: flex;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	width: auto;
	margin-bottom: 30px;
}

.section .col {margin-bottom: auto;}

.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-10 {
	flex: 0 0 10%;
	max-width: 10%;
}

.col-15 {
	flex: 0 0 15%;
	max-width: 15%;
}

.col-20 {
	flex: 0 0 20%;
	max-width: 20%;
}

.col-25 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-30 {
	flex: 0 0 30%;
	max-width: 30%;
}

.col-33 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.col-35 {
	flex: 0 0 35%;
	max-width: 35%;
}

.col-40 {
	flex: 0 0 40%;
	max-width: 40%;
}

.col-45 {
	flex: 0 0 45%;
	max-width: 45%;
}

.col-50 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-55 {
	flex: 0 0 55%;
	max-width: 55%;
}

.col-60 {
	flex: 0 0 60%;
	max-width: 60%;
}

.col-65 {
	flex: 0 0 65%;
	max-width: 65%;
}

.col-70 {
	flex: 0 0 70%;
	max-width: 70%;
}

.col-75 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-80 {
	flex: 0 0 80%;
	max-width: 80%;
}

.col-85 {
	flex: 0 0 85%;
	max-width: 85%;
}

.col-90 {
	flex: 0 0 90%;
	max-width: 90%;
}

.col-100 {
	flex: 0 0 100%;
	max-width: 100%;
}

.order-first {order: -1;}
.order-last {order: 13;}
.order-0 {order: 0;}
.order-1 {order: 1;}
.order-2 {order: 2;}
.order-3 {order: 3;}
.order-4 {order: 4;}
.order-5 {order: 5;}
.order-6 {order: 6;}
.order-7 {order: 7;}
.order-8 {order: 8;}
.order-9 {order: 9;}
.order-10 {order: 10;}
.order-11 {order: 11;}
.order-12 {order: 12;}
.offset-1 {margin-left: 8.3333333333%;}
.offset-2 {margin-left: 16.6666666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.3333333333%;}
.offset-5 {margin-left: 41.6666666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.3333333333%;}
.offset-8 {margin-left: 66.6666666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.3333333333%;}
.offset-11 {margin-left: 91.6666666667%;}


/* margin ---------------------------------------*/

.mt-0{margin-top:0px !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-35{margin-top:35px !important;}
.mt-40{margin-top:40px !important;}
.mt-45{margin-top:45px !important;}
.mt-50{margin-top:50px !important;}
.mt-55{margin-top:55px !important;}
.mt-60{margin-top:60px !important;}
.mt-65{margin-top:65px !important;}
.mt-70{margin-top:70px !important;}
.mt-75{margin-top:75px !important;}
.mt-80{margin-top:80px !important;}
.mt-85{margin-top:85px !important;}
.mt-90{margin-top:90px !important;}
.mt-95{margin-top:95px !important;}
.mt-100{margin-top:100px !important;}

.mb-0{margin-bottom:0px !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-35{margin-bottom:35px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-45{margin-bottom:45px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-55{margin-bottom:55px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-65{margin-bottom:65px !important;}
.mb-70{margin-bottom:70px !important;}
.mb-75{margin-bottom:75px !important;}
.mb-80{margin-bottom:80px !important;}
.mb-85{margin-bottom:85px !important;}
.mb-90{margin-bottom:90px !important;}
.mb-95{margin-bottom:95px !important;}
.mb-100{margin-bottom:100px !important;}
.mb-110{margin-bottom:110px !important;}
.mb-120{margin-bottom:120px !important;}
.mb-130{margin-bottom:130px !important;}
.mb-140{margin-bottom:140px !important;}


/* width ---------------------------------------*/

.wid-5per{width:5% !important;}
.wid-10per{width:10% !important;}
.wid-15per{width:15% !important;}
.wid-18per{width:18% !important;}
.wid-20per{width:20% !important;}
.wid-25per{width:25% !important;}
.wid-30per{width:30% !important;}
.wid-32per{width:32% !important;}
.wid-33per{width:33% !important;}
.wid-40per{width:40% !important;}
.wid-50per{width:50% !important;}
.wid-60per{width:60% !important;}
.wid-70per{width:70% !important;}
.wid-80per{width:80% !important;}
.wid-100per{width:100% !important;}

.wid-300{width:300px !important;}


/* title ---------------------------------------*/

.title-page{
	font-weight:600;
	font-size: 21px;
	line-height: 1.5;
	color: #4481E2;
	position: relative;
	padding-left: 35px;
	margin-bottom: 24px;
	letter-spacing: 0.02em;
}

.title-page::before {
	position: absolute;
	top: 48%;
	left: 0;
	transform: translate(0,-52%);
	content: '';
	vertical-align: middle;
	width: 25px;
	height: 23px;
}

.title-page.is-home::before {
	background: url('./img/icon_home.png') no-repeat center center;
	background-size: 25px;
}

.title-page.is-login::before {
	background: url('./img/icon_home.png') no-repeat center center;
	background-size: 25px;
}

.title-page.is-form::before {
	background: url('./img/icon_form.png') no-repeat center center;
	background-size: 25px;
	width: 24px;
	height: 25px;
	left: 3px;
}

.title-page.is-procedure::before {
	background: url('./img/icon_procedure.png') no-repeat center center;
	background-size: 25px;
}

.title-page.is-history::before {
	background: url('./img/icon_history.png') no-repeat center center;
	background-size: 25px;
}

.title-page.is-change::before {
	background: url('./img/icon_change.png') no-repeat center center;
	background-size: 25px;
}

.title-page.is-notification::before {
	background: url('./img/icon_notification.png') no-repeat center center;
	background-size: 25px;
}

.title-page.is-faq::before {
	background: url('./img/icon_faq.png') no-repeat center center;
	background-size: 25px;
}

.title-section{
	font-weight:600;
	font-size: 19px;
	line-height: 1.5;
	color: #4D4D4D;
	margin-bottom: 11px;
	letter-spacing: 0.02em;
}

.title-number{
	font-weight:600;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 2px;
	color: #4D4D4D;
	letter-spacing: 0.02em;
}

.title-paragraph{
	font-weight:600;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 2px;
	color: #4D4D4D;
	letter-spacing: 0.02em;
}

.title-list {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #4D4D4D;
	margin-bottom: 10px;
}

.title-block{
	font-weight:600;
	font-size: 17px;
	line-height: 1.5;
	color: #4D4D4D;
	margin-bottom: 11px;
	letter-spacing: 0.02em;
}

.title-small{
	font-weight:600;
	font-size: .7rem;
	line-height: 1.5;
	color: #222;
}


/* text ---------------------------------------*/

.text {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #4D4D4D;
}

.text small {
	font-size: 15px;
}

.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}

.text-l{
	font-size: 17px !important;
}

.text-s{
	font-size: 15px;
}

.text-s small{
	font-size: 11px;
}

.text-vs{
	font-size: 9px;
}

.text-completeicon{
	font-size: 16px;
	line-height: 1;
	color: #388D83;
	font-weight:bold;
}

.text-bold{font-weight:600;}


.text-ellipsis-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.text-ellipsis-3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.text-ellipsis-4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

@media all and (-ms-high-contrast:none){
	.text-ellipsis-2 { height: 3.2em; }
	.text-ellipsis-3 { height: 4.7em; }
}

.text-ellipsis-count::after{content: '…';}

.text-link{text-decoration: underline;}
.text-link:hover{text-decoration: none;}


/* bg ---------------------------------------*/

.bg-white{background:#fff !important;}
.bg-skyblue{background:#F2F7FF !important;}
.bg-orange{background:#FFEEDE !important;}

/* -------------------- pankuzu --------------------- */

.pankuzu{
	border-bottom:1px solid #ddd;
}

.pankuzu-list{}
.pankuzu-list > li{
	display: inline-block;
	font-size: 15px;
}

.pankuzu-list > li a,
.pankuzu-list > li span{
	display: block;
	padding: 0px 30px 0px 10px;
	line-height: 40px;
	position: relative;
}

.pankuzu-list > li a{text-decoration:none;}

.pankuzu-list > li a::after{
	display:block;
	content:'';
	width:25px;
	height:25px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	transform: rotate(45deg) translate(0,-50%);
	position:absolute;
	right:10px;
	top:45%;
}

.pankuzu-list > li span{}


/* list ---------------------------------------*/

ul.list li{
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.73;
	position:relative;
	padding-left: 15px;
}

ul.list li::before{
	display:block;
	content:'';
	background:#4481E2;
	width:5px;
	height:5px;
	border-radius:50%;
	position:absolute;
	left:0px;
	top:10px;
}

ul.list-simple li{
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.73;
	position:relative;
	padding-left: 15px;
}

ul.list-simple li::before{
	display:block;
	content:'';
	background:#222;
	width:5px;
	height:5px;
	border-radius:50%;
	position:absolute;
	left:0px;
	top:10px;
}

ol.list-number{
	padding-left: 15px;
	margin-left: 0.3em;
}

ol.list-number li{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.73;
	position:relative;
	list-style-type: decimal;
}

ol.list-alphabet{
	padding-left: 15px;
	margin-left: 0.3em;
}

ol.list-alphabet li{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.73;
	position:relative;
	list-style-type: upper-latin;
}


.noticelist li{
	text-indent:-1em;
	margin-left: 1em;
	font-size: 15px;
	line-height: 1.8;
}


/* newslist ---------------------------------------*/

.newslist {
	margin-top: 15px;
}

.newslist-item {
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom: 1px solid #DEE7F5;
}

.newslist-item:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
}

.newslist-item a {
	display:block;
	padding-left: 10px;
	border-left: 2px solid #FF8F1E;
	font-size: 0px;
	transition: all .25s ease;
}

.newslist-item.is-required a {
}

.newslist-item.is-news a {
	border-left: 2px solid #4481E2;
}

.newslist-item-date {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 1.1;
	letter-spacing: 0.02em;
	color: #4D4D4D;
	margin-bottom: 2px;
}

.is-required .newslist-item-date span {
	display: inline-block;
	padding-left: 0.5em;
	color: #FF8F1E;
	font-weight: 600;
}

.is-news .newslist-item-date span {
	display: inline-block;
	padding-left: 0.5em;
	color: #4481E2;
	font-weight: 600;
}

.newslist-item-title {
	font-size: 15px;
	line-height: 1.4;
	color: #4D4D4D;
}

.newslist-item a:hover .newslist-item-title {
	text-decoration: underline;
}


/* countlist ---------------------------------------*/

.countlist {
}

.countlist-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E0ECFF;
	padding: 15px 10px;
}

.countlist-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #E0ECFF;
	padding: 15px 10px;
}

.countlist-item:last-of-type {
	border-bottom: none;
}

.countlist-item-title {
	font-size: 15px;
	font-weight: 600;
	color: #4D4D4D;
	padding-right: 5px;
}

.countlist-item-numbers {
	position: relative;
	font-size: 25px;
	color: #4481E2;
	font-weight: 600;
	padding-left: 5px;
	padding-right: 0.8em;
	line-height: 1;
	vertical-align: bottom;
}

.countlist-item-numbers::after {
	display: inline-block;
	content: '件';
	position: absolute;
	right: 5px;
	top: 85%;
	transform: translate(0,-85%);
	color: #4D4D4D;
	font-weight: 600;
	font-size: 11px;
}

.countlist-item:nth-of-type(odd){}
.countlist-item:nth-of-type(even){background-color: #F2F7FF;}


/* musterroll ---------------------------------------*/

.musterroll {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 2px;
}

.musterroll-box {
	width: calc(33.33% - 3px);
}

.musterroll.is-freesize .musterroll-box{width:auto;}


/* col2list ---------------------------------------*/

.col2list {
}

.col2list-title {
	font-size: 0px;
	background-color: #4481E2;
	color: #FFF;
	padding: 4px 8px;
	margin-bottom: 5px;
	vertical-align: middle;
}

.col2list-title b{
	display: inline-block;
	background-color: #4481E2;
	color: #FFF;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.04em;
	vertical-align: middle;
	padding-right: 5px;
}

.col2list-title span {
	display: inline-block;
	font-size: 9px;
	letter-spacing: 0.02em;
	font-weight: normal;
	vertical-align: middle;
}

.col2list-item {
	display: flex;
	border: 1px solid #E2F5FA;
	margin-bottom: 8px;
}

.musterroll-box .col2list-item {margin-bottom: 5px;}

.col2list-item-title {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 600;
	color: #4D4D4D;
	line-height: 1.4;
	letter-spacing: 0.02em;
	background: #E2F5FA;
	padding: 13px 10px;
	box-sizing: border-box;
}

.is-narrow .col2list-item-title {padding: 5px 10px;}

.col2list-item-title span {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.col2list-item-title small {
	display: inline-block;
	font-size: 9px;
	font-weight: normal;
}

.col2list-item-detail {
	display: flex;
	align-items: center;
	font-size: 15px;
	color: #4D4D4D;
	line-height: 1.4;
	letter-spacing: 0.02em;
	padding: 13px 10px;
	box-sizing: border-box;
}

.col2list .col2list-item-detail {padding: 5px 10px;}

.col2list-item-value {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 0px;
}

.col2list-item-value .col2list-item-fee {
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 11px;
}

.col2list-item-value .col2list-item-number {
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 11px;
	padding-left: 10px;
}

.col2list-item-value .col2list-item-number::before {
	display: inline-block;
	content: 'x';
	line-height: 1.6;
	vertical-align: top;
	font-size: 11px;
	padding-right: 10px;
}

.col2list-item-value .col2list-item-amount {
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 11px;
	padding-left: 10px;
}

.col2list-item-value .col2list-item-amount::before {
	display: inline-block;
	content: '=';
	line-height: 1.6;
	vertical-align: top;
	font-size: 11px;
	padding-right: 10px;
}

.col2list-item-value .col2list-item-fee2 {
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 15px;
}

.col2list-item-value .col2list-item-number2 {
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 15px;
	padding-left: 10px;
}

.col2list-item-value .col2list-item-number2::before {
	display: inline-block;
	content: 'x';
	line-height: 1.6;
	vertical-align: top;
	font-size: 15px;
	padding-right: 10px;
}

.col2list-item-value .col2list-item-amount2 {
	display: inline-block;
	vertical-align: top;
	line-height: 1.6;
	font-size: 15px;
	padding-left: 10px;
}

.col2list-item-value .col2list-item-amount2::before {
	display: inline-block;
	content: '=';
	line-height: 1.6;
	vertical-align: top;
	font-size: 15px;
	padding-right: 10px;
}

/* btn ---------------------------------------*/

.btn{
	display: inline-block;
	min-width: 97px;
	box-sizing: border-box;
	padding: 9px 20px;
	border-radius: 17px;
	border:1px solid #4481E2;
	background-color: #4481E2;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	font-weight:600;
	cursor: pointer;
	font-size: 15px;
}

.btn:disabled{
	border:1px solid #909090;
	background-color: #909090;
	cursor: not-allowed;
}

.bottombtn {
	position: absolute;
	left: 0;
	bottom: 20px;
	margin-top: 30px;
	width: 100%;
}

.btn.is-white {
	border:1px solid #4481E2;
	background-color: #FFF;
	color: #4481E2;
}

.btn.is-gray {
	border:1px solid #909090;
	background-color: #909090;
}

.btn.is-orange {
	border:1px solid #CE6F3D;
	background-color: #CE6F3D;
}

.btn.is-red {
	border:1px solid #CC0C12;
	background-color: #CC0C12;
}

.btn:hover{
	opacity: .8;
}

.btn.is-primary:hover{border-color:#008CEA;}

.btn.is-secondary{
	background: none;
	color: #07629f;
	background: #fff;
}

.btn.is-secondary:hover{
	background-color: #07629f;
	color: #fff;
}

.btn.is-tertiary{
	background: none;
	color: #767676;
	border-color: #919191;
}

.btn.is-tertiary:hover{
	background: #919191;
	color: #fff;
}

.btn.is-attention{
	background-color: #c35d59;
	border-color: #c35d59;
}

.btn.is-attention:hover{
	background: #EF6C66;
	border-color: #EF6C66;
}

.btn.is-s{
	min-width:50px;
	font-size: 15px;
	padding: 5px;
}

.btn.is-l{
	min-width:250px;
	font-size: 18px;
	padding: 15px;
}

.between-btn {
	display: flex;
	justify-content: space-between;
}

.prev-btn .btn {
	min-width: 110px;
	border: 1px solid #CE6F3D;
	background-color: #FFF;
	color: #DF753B;
}

.next-btn .btn {
	min-width: 133px;
	border: 1px solid #CE6F3D;
	background-color: #CE6F3D;
	background: url(./img/icon_arrow.png) #CE6F3D no-repeat;
	background-position: right 12px center;
	background-size: 5px 8px;
}

.next-btn .no-arrow {
	background: none;
	border: 1px solid #CE6F3D;
	background-color: #CE6F3D;
}

.next-btn .cancel {
	min-width: 133px;
	border: 1px solid #CE6F3D;
	background-color: #FFF;
	color: #DF753B;
}

.next-btn .other {
	background: none;
	border:1px solid #4481E2;
	background-color: #4481E2;
	color: #ffffff;
}

.next-btn .is-white {
	border:1px solid #4481E2;
	background-color: #FFF;
	color: #4481E2;
}

.modal-btn {
	font-weight: normal;
}

.btn-add-list {cursor: pointer;}
.btn-add-list::before {
	display: inline-block;
	content: '';
	vertical-align: middle;
	margin-right: 10px;
	background: url('./img/icon_add_list.png') no-repeat center center;
	background-size: 15px;
	width: 15px;
	height: 15px;
}

.save-creationtable-btn .btn {
	cursor: pointer;
	min-width: 220px;
}

.application-btn .btn {min-width: 220px;}

.modal-content-btn {
	font-size: 0;
	margin-top: 29px;
}

.modal-btn-cancel {
	padding: 9px 23px;
	cursor: pointer;
}

.modal-btn-insert {
	padding: 9px 23px;
	cursor: pointer;
	margin-left: 20px;
}

/* -------------------- table --------------------- */

.table-horizontal{
	font-size: 14px;
	table-layout: fixed;
}

.table-horizontal thead th,
.table-horizontal thead td{
	background: #767676;
	color: #fff;
	line-height: 1.94;
	padding: 3px 4px;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	text-align:center;
	white-space: nowrap;
}

.table-horizontal tbody th,
.table-horizontal tbody td{
	line-height: 1.75;
	padding: 6px 8px;
	background: #fff;
	border:1px solid #dbdbdb;
}

.table-horizontal tbody th{text-align:center;}

.table-horizontal tbody td.td-grouptitle{
	font-weight:600;
	text-align:center;
	background: #DCE3E8;
	color: #484848;
}

.table-horizontal.is-zebra tbody tr:nth-child(2n) th,
.table-horizontal.is-zebra tbody tr:nth-child(2n) td{background: #F4F4F4;}

.table-vertical{
	border-top:1px solid #DBDBDB;
	table-layout: fixed;
}

.table-vertical th{
	text-align: left;
	padding: 17px 20px;
	vertical-align: top;
	font-weight:600;
	border-bottom:1px solid #E0E0E0;
	color: #4D4D4D;
	line-height: 1.6;
	text-align: left;
	min-width: 145px;
	vertical-align: middle;
	font-size: 14px;
	color: #4D4D4D;
	box-sizing:border-box;
}

.table-vertical td{
	text-align: left;
	padding: 17px 8px;
	vertical-align: top;
	border-bottom:1px solid #E0E0E0;
	line-height: 1.6;
	font-size: 14px;
	color: #4D4D4D;
	box-sizing:border-box;
}


/* creationtable -----------------------*/

.table-vertical td small{
	line-height: 1.3;
	display: inline-block;
	font-size: 15px;
}

.creationtable-wrapper {}
.creationtable {/*	border-bottom: 2px solid #DEE7F5;*/}
.creationtable thead {}

.creationtable thead tr {
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.creationtable thead tr th{
	padding: 13px 10px;
	font-size: 15px;
	font-weight: 400;
	color: #4D4D4D;
	text-align: center;
	position: relative;
}

.creationtable thead tr th::after {
	display: block;
	content: '';
	background: #DEE7F5;
	width: 2px;
	height: 62%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
}

.creationtable thead tr th:last-of-type::after {display: none;}

.creationtable thead tr th span{
	display: inline-block;
	color: #4D4D4D;
}

.creationtable thead tr th .creation-sort{cursor:pointer;}

.creationtable thead tr th .creation-sort::after {
	display: inline-block;
	content: '\25bc';
	font-size: 9px;
	vertical-align: middle;
	padding-left: 4px;
	position:relative;
	top: -2px;
}

.creationtable tbody {}

.creationtable tbody tr{
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.creationtable tbody tr.is-sum{
	border-bottom: none;
}

.creationtable tbody tr:nth-of-type(odd){background-color: #F2F7FF;}
.creationtable tbody tr:nth-of-type(even){}
.creationtable tbody tr.has-list{
	background: #fff;
	border-bottom: none;
	border-top: 2px solid #DEE7F5;
}

.creationtable tbody tr td{
	padding: 6px 7px;
	font-size: 15px;
	text-align: center;
	box-sizing: border-box;
}

.creationtable tbody tr td.creationtable-name{text-align: left;}

.creationtable tbody tr td:nth-of-type(1){width: 75px;}
.creationtable tbody tr td:nth-of-type(2){width: 320px;}
.creationtable tbody tr td:nth-of-type(3){width: 80px;}
.creationtable tbody tr td:nth-of-type(4){width: 88px;}
.creationtable tbody tr td:nth-of-type(5){width: 160px;}
.creationtable tbody tr td:nth-of-type(6){width:auto;}
.creationtable tbody tr.has-list td{padding: 8px 7px;}

.creation-btn-edit,
.creation-btn-delete{
	cursor:pointer;
	display: inline-block;
}

.creationtable-age {}
.calculation-btn .modal-btn{cursor: pointer;}

.creation-btn-edit img{
	width:17px;
	margin-right: 5px;
}

.creation-btn-delete{margin-left: 15px;}

.creation-btn-delete img{
	width:15px;
	margin-right: 5px;
}

.add-list-btn {}

.creation-input-familyname {
	padding:5px 5px;
	border:1px solid #ccc;
	width:calc(50% - 3px);
	box-sizing:border-box;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
	font-size: 15px;
	letter-spacing: 0.02em;
	max-width: 145px;
}

.creation-input-firstname {
	padding:5px 5px;
	border:1px solid #ccc;
	width:calc(50% - 3px);
	margin-left: 6px;
	box-sizing:border-box;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
	font-size: 15px;
	letter-spacing: 0.02em;
	max-width: 145px;
}

.creation-select-sex {
	width: 100%;
	max-width: 63px;
	padding:8px 15px 9px 5px;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: url('./img/icon_select.png') no-repeat;
	background-position: right 5px center;
	background-size: 6px 4px;
	border-radius:0;
	outline: none;
	color:#CCC;
	background-color: #fff;
}

.creation-input-familyname:focus,
.creation-input-firstname:focus,
.creation-select-sex:focus,
.creation-input-age:focus{border:1px solid #FFC6C6;}

.creation-input-age {
	padding:5px 5px;
	border:1px solid #ccc;
	width:calc(100% - 2em);
	box-sizing:border-box;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
	font-size: 15px;
	letter-spacing: 0.02em;
	max-width: 50px;
	margin-right: 4px;
}

.creationtable-display{padding: 7px 0;}
.creationtable-edit{display: none;}


/* infotable -----------------------*/

.infotable thead tr {
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.infotable thead tr th{
	padding: 13px 10px;
	font-size: 15px;
	font-weight: 400;
	color: #4D4D4D;
	text-align: center;
	position: relative;
}

.infotable thead tr th::after {
	display: block;
	content: '';
	background: #DEE7F5;
	width: 1px;
	height: 62%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
}

.infotable thead tr th:last-of-type::after {display: none;}

.infotable thead tr th span{
	display: inline-block;
	color: #4D4D4D;
}

.infotable tbody tr{
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.infotable tbody tr:nth-of-type(odd){background-color: #F2F7FF;}

.infotable tbody tr td{
	padding: 10px 7px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
}

.infotable tbody tr td:first-child{border-right:1px solid #DEE7F5;}

.infotable tbody tr.is-thismonth{
	background:#FFEEDE !important;
	font-weight:bold;
}

.infotable .btn{min-width: 80px;}


/* decisiontable -----------------------*/

.decisiontable thead tr {
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.decisiontable thead tr th{
	padding: 13px 10px;
	font-size: 15px;
	font-weight: 400;
	color: #4D4D4D;
	text-align: center;
	position: relative;
}

.decisiontable thead tr th span{
	display: inline-block;
	color: #4D4D4D;
}

.decisiontable tbody tr{
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.decisiontable tbody tr:nth-of-type(odd){background-color: #F2F7FF;}

.decisiontable tbody tr td{
	padding: 10px 7px;
	font-size: 14px;
	box-sizing: border-box;
	text-align: center;
	width:15%;
	border-right:1px solid #DEE7F5;
}

.decisiontable tbody tr td:first-child{
	text-align: left;
	width:20%;
}

.decisiontable tbody tr td:nth-child(2){
	text-align: left;
	width:30%;
}

.decisiontable tbody tr td:last-child{
	border-right:none;
}


/* agetable -----------------------*/

.agetable thead tr {
	max-width:500px;
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.agetable thead tr th{
	padding: 13px 10px;
	font-size: 15px;
	font-weight: 400;
	color: #4D4D4D;
	text-align: center;
	position: relative;
}

.agetable thead tr th span{
	display: inline-block;
	color: #4D4D4D;
}

.agetable tbody tr{
	border-top: 1px solid #DEE7F5;
	border-bottom: 1px solid #DEE7F5;
}

.agetable tbody tr:nth-of-type(odd){background-color: #F2F7FF;}

.agetable tbody tr td{
	padding: 10px 7px;
	font-size: 14px;
	box-sizing: border-box;
	text-align: center;
	width:15%;
	border-right:1px solid #DEE7F5;
}

.agetable tbody tr td:first-child{
	text-align: left;
	width:20%;
}

.agetable tbody tr td:nth-child(2){
	text-align: left;
	width:30%;
}

.agetable tbody tr td:last-child{
	border-right:none;
}



/* progress -----------------------*/

.progress{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 32px;
}

.progress-list{
	display: flex;
	justify-content: space-around;
	position: relative;
}

.progress-list-item{
	text-align: center;
	width: 100%;
	position:relative;
}

.progress-list-item::before{
	display: block;
	content: '';
	background: #BDC2CE;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0%;
	top: 17px;
	z-index: 1;
}

.progress-list-item.is-end::before{background-color:#0D84DF; }

.progress-list-item:first-child::before{
	left: 50%;
	width: 50%;
}

.progress-list-item:last-child::before{width: 50%;}

.progress-list-icon {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	position:relative;
	z-index: 3;
	color: #FFF;
	background-color: #FFF;
	border: 2px solid #B2B2B2;
	border-radius: 19px;
	color: #B2B2B2;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}

.is-blue .is-active .progress-list-icon {
	border: 2px solid #4481E2;
	color: #4481E2;
}

.is-orange .is-active .progress-list-icon {
	border: 2px solid #CE6F3D;
	color: #CE6F3D;
}

.progress-list-item p{
	color: #B2B2B2;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}

.is-blue .progress-list-item.is-active p{color: #4481E2;}

.is-orange .progress-list-item.is-active p{color: #CE6F3D;}


/* progresssmall -----------------------*/

.progresssmall{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 32px;
}

.progresssmall-list{
	display: flex;
	justify-content: space-around;
	position: relative;
}

.progresssmall-list-item{
	text-align: center;
	width: 100%;
	position:relative;
}

.progresssmall-list-item::before{
	display: block;
	content: '';
	background: #BDC2CE;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0%;
	top: 17px;
	z-index: 1;
}

.progresssmall-list-item.is-end::before{background-color:#0D84DF; }

.progresssmall-list-item:first-child::before{
	left: 50%;
	width: 50%;
}

.progresssmall-list-item:last-child::before{width: 50%;}

.progresssmall-list-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 35px;
	font-size: 15px;
	position:relative;
	z-index: 3;
	color: #FFF;
	background-color: #FFF;
	border: 2px solid #B2B2B2;
	border-radius: 19px;
	color: #B2B2B2;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 8px;
}

.is-blue .is-active .progresssmall-list-icon {
	border: 2px solid #4481E2;
	color: #4481E2;
}

.is-orange .is-active .progresssmall-list-icon {
	border: 2px solid #CE6F3D;
	color: #CE6F3D;
}

.progresssmall-list-item p{
	color: #B2B2B2;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}

.is-blue .progresssmall-list-item.is-active p{color: #4481E2;}

.is-orange .progresssmall-list-item.is-active p{color: #CE6F3D;}


/* feeamount ---------------------------------------*/

.feeamount {
	display: flex;
	justify-content: flex-end;
}

.feeamount-inner {
	border-bottom: 2px solid #E2F5FA;
	display: flex;
	align-items: center;
}

.feeamount-title {
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 600;
}

.feeamount-number {
	color: #4D4D4D;
	padding-left: 48px;
	letter-spacing: 0.02em;
	font-weight: 600;
}

.feeamount-number b {
	display: inline-block;
	font-size: 34px;
	color: #4481E2;
	padding-right: 5px;
}

.feeamount-number small {
	display: inline-block;
	font-size: 15px;
}

.feeamount-amount {
	color: #4D4D4D;
	padding-left: 48px;
	letter-spacing: 0.02em;
	font-weight: 600;
}

.feeamount-amount b {
	display: inline-block;
	font-size: 34px;
	color: #4481E2;
	padding-right: 5px;
}

.feeamount-amount small {
	display: inline-block;
	font-size: 15px;
}


/* modal ---------------------------------------*/

.modal-wrapper{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(0,0,0,0.3);
	display: none;
}

.modal-wrapper.is-active{display: block;}

.modal{
	display: none;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 60%;
	max-width: 448px;
	max-height: 90vh;
	overflow: auto;
}

.modal.is-active{display: block;}

.modal-inner{
	border-radius:10px;
	width: 100%;
	height: 100%;
	padding: 16px 21px 20px;
	box-sizing: border-box;
	background: #fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
	position:relative;
}

.modal-title {
	font-size: 17px;
	font-weight: 600;
	padding-bottom: 14px;
	border-bottom: 1px solid #4481E2;
	margin-bottom: 15px;
	color: #4D4D4D;
}

.modal-text {
	font-size: 15px;
	color: #909090;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}

.modal-calculation-wrapper {
	display: flex;
}

.modal-calculation-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-right: 16px;
}

.modal-calculation {
	color: #4D4D4D;
}

.input-calculation {
	width:calc(100% - 1em);
	max-width: 140px;
	padding:5px 5px;
	border:1px solid #CCC;
	box-sizing:border-box;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
	font-size: 15px;
	letter-spacing: 0.02em;
}

.modal-calculation-calendar {}

.modal-calculation-calendar span{
	display: inline-block;
	cursor: pointer;
}

.modal-calculation-calendar span img{width: 23px;}

.modal-result {
	color: #4D4D4D;
	border-bottom: 1px solid #4481E2;
	padding-left: 13px;
	padding-right: 3px;
	letter-spacing: 0.02em;
}

.modal-result span {font-size: 19px;}

.modal-result small {
	display: inline-block;
	padding-left: 2px;
	font-size: 15px;
}

.modal-close{
	position:absolute;
	display: block;
	right: 15px;
	top: 18px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.modal-close::before {
	display:block;
	position: absolute;
	right: 7px;
	content: '';
	width: 2px;
	height: 16px;
	background: #CCCCCC;
	transform: rotate(-45deg);
}

.modal-close::after {
	display:block;
	position: absolute;
	right: 7px;
	content: '';
	width: 2px;
	height: 16px;
	background: #CCCCCC;
	transform: rotate(45deg);
}


/* form ---------------------------------------*/

.formlead {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.02em;
	color: #4D4D4D;
}

.formlead-description {
	font-size: 14px;
	letter-spacing: 0.06em;
	color: #4D4D4D;
	line-height: 1.5;
}

.form-area .submit{text-align: center;}

.form-select,
.form-select-double{
	padding:9px 15px 8px 5px;
	font-size: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('./img/icon_select_double.png') no-repeat #fff;
	background-position: right 7px center;
	background-size: 6px 13px;
	outline: none;
	color:#000;
	margin: 0;
	line-height: 1.2;
}

.form-select.nocountup,
.form-select-double.nocountup{
	background-color:papayawhip;
}

.form-select {
	max-width: 100%;
	width: 320px;
	border: 1px solid #ccc;
	border-radius:0;
}

.form-select-double{
	width: 63px;
	border: 1px solid #707070;
	border-radius:5px;
}

.form-select:focus,.form-select-double:focus{border-color:#FFC6C6;}
.form-select.is-prefecture{width:125px;}
.form-select.is-category{width:180px;}
.form-select.is-inline {display: inline-block;}

select::-ms-expand {display: none;}

.form-title,.form-input-title {
	font-size: 14px;
	font-weight: 600;
	color: #4D4D4D;
	letter-spacing: 0.04em;
}

.form-input-title {margin-bottom: 5px;}

.form-title .icon-required,.form-input-title .icon-required {
	font-size: 15px;
	color: #FF8F1E;
}

.form-input-text{
	padding:6px 5px;
	border:1px solid #CCC;
	box-sizing:border-box;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
	font-size: 15px;
	letter-spacing: 0.02em;
	width: 320px;
	max-width: 100%;
}

.form-input-text:focus{border-color:#FFC6C6;}

.form-input-text.is-wide{width: 100%;}

.form-input-text.is-wide-id{width: 30%;}

.form-input-text.is-name{
	width:calc(50% - 5px);
	max-width: 155px;
}

.form-input-text.is-age{
	max-width: 50px;
}

.form-input-text.is-date{
	max-width: 50px;
}

.form-input-text.is-postalcode{max-width:83px;}

.form-radio {
	display: inline-block;
	line-height: 1;
	margin-right: 10px;
	font-size: 14px;
	position:relative;
}

.form-radio label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	letter-spacing: 0.02em;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 22px;
	position: relative;
	vertical-align: middle;
	color: #4D4D4D;
}

.form-radio input[type="radio"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-radio label::before{
	display:block;
	content:'';
	border:1px solid #CCC;
	border-radius:50%;
	width:16px;
	height:16px;
	position:absolute;
	left: 0;
	top:50%;
	transform: translate(0,-50%);
}

.form-radio input:checked + label::after{
	display:block;
	content:'';
	background: #4481E2;
	border-radius:50%;
	width:10px;
	height:10px;
	position:absolute;
	left: 4px;
	top:50%;
	transform: translate(0,-50%);
}

.form-radio input:disabled + label {opacity: 0.7;}


.form-radio.is-btn label {
	border:1px solid #999;
	border-radius:20px;
	padding: 6px 25px 6px 40px;
}

.form-radio.is-btn label::before{left:10px;}
.form-radio.is-btn input:checked + label::after{left:14px;}

.form-radio.is-btn input:checked + label{border-color:#4481E2;}

.form-radio.is-block{
	display: block;
	margin: 0 0 5px 0;
	font-weight:bold;
}

.form-radio.is-block label {
	border:3px solid #E5F4F9;
	padding: 8px 25px 8px 35px;
	width: 280px;
	position:relative;
	font-size: 15px;
}

.form-radio.is-block label img{width:40px;}

.form-radio.is-block label span{
	display: block;
	position:absolute;
	left:85px;
	top:50%;
	width: calc(100% - 85px);
	transform:translate(0%,-50%);
}

.form-radio.is-block label::before{left:10px;}
.form-radio.is-block input:checked + label::after{left:14px;}

.form-radio.is-block input:checked + label{border-color:#4481E2;}

.form-checkbox {
	display: inline-block;
	line-height: 1;
	margin-right: 10px;
	font-size: 15px;
	position:relative;
}

.form-checkbox label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 20px;
	margin: 0px 0;
	padding: 2px 0 0 25px;
	position: relative;
	vertical-align: top;
	color: #4d4d4d;
}

.form-checkbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-checkbox label::before{
	display:block;
	content:'';
	background: #E2E2E2;
	border-radius:0px;
	width:16px;
	height:16px;
	position:absolute;
	left: 0;
	top:50%;
	transform: translate(0,-50%);
}

.form-checkbox input:checked + label::before{background: #4481E2;}

.form-checkbox input:checked + label::after{
	display:block;
	content:'';
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width:5px;
	height:11px;
	position:absolute;
	left: 4px;
	top:44%;
	transform-origin: center center;
	transform: translate(0,-50%) rotate(45deg);
}

.form-checkbox input:disabled + label {opacity: 0.7;}

.form-checkbox.is-btn label {
	border:1px solid #999;
	border-radius:20px;
	padding: 6px 25px 6px 40px;
}

.form-checkbox.is-btn label::before{left:15px;}
.form-checkbox.is-btn input:checked + label::after{left:19px;}

.form-checkbox.is-btn input:checked + label{border-color:#4481E2;}

.form-checkbox.is-block{
	display: block;
	margin: 0 0 5px 0;
	font-weight:bold;
}

.form-checkbox.is-block label {
	border:3px solid #E5F4F9;
	padding: 8px 25px 8px 35px;
	width: 280px;
	position:relative;
	font-size: 15px;
}

.form-checkbox.is-block label img{width:40px;}

.form-checkbox.is-block label span{
	display: block;
	position:absolute;
	left:85px;
	top:50%;
	width: calc(100% - 85px);
	transform:translate(0%,-50%);
}

.form-checkbox.is-block label::before{left:10px;}
.form-checkbox.is-block input:checked + label::after{left:14px;}

.form-checkbox.is-block input:checked + label{border-color:#4481E2;}


.form-pwcheckbox {
	display: inline-block;
	line-height: 1;
	margin-right: 10px;
	font-size: 15px;
	position:relative;
}

.form-pwcheckbox label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 20px;
	margin: 0px 0;
	padding: 2px 0 0 25px;
	position: relative;
	color: #4d4d4d;
}

.form-pwcheckbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-pwcheckbox label::before{
	display:block;
	content:'';
	background: #E2E2E2;
	border-radius:0px;
	width:16px;
	height:16px;
	position:absolute;
	left: 0;
	top:50%;
	transform: translate(0,-50%);
}

.form-pwcheckbox input:checked + label::before{background: #4481E2;}

.form-pwcheckbox input:checked + label::after{
	display:block;
	content:'';
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	width:5px;
	height:11px;
	position:absolute;
	left: 4px;
	top:44%;
	transform-origin: center center;
	transform: translate(0,-50%) rotate(45deg);
}

.form-pwcheckbox input:disabled + label {opacity: 0.7;}

.form-pwcheckbox.is-btn label {
	border:1px solid #999;
	border-radius:20px;
	padding: 6px 25px 6px 40px;
}

.form-pwcheckbox.is-btn label::before{left:15px;}
.form-pwcheckbox.is-btn input:checked + label::after{left:19px;}

.form-pwcheckbox.is-btn input:checked + label{border-color:#4481E2;}

.form-pwcheckbox.is-block{
	display: block;
	margin: 0 0 5px 0;
	font-weight:bold;
}

.form-pwcheckbox.is-block label {
	border:3px solid #E5F4F9;
	padding: 8px 25px 8px 35px;
	width: 280px;
	position:relative;
	font-size: 15px;
}

.form-pwcheckbox.is-block label img{width:40px;}

.form-pwcheckbox.is-block label span{
	display: block;
	position:absolute;
	left:85px;
	top:50%;
	width: calc(100% - 85px);
	transform:translate(0%,-50%);
}

.form-pwcheckbox.is-block label::before{left:10px;}
.form-pwcheckbox.is-block input:checked + label::after{left:14px;}

.form-pwcheckbox.is-block input:checked + label{border-color:#4481E2;}





.form-textarea{
	padding:13px 5px;
	border:1px solid #ccc;
	width:100%;
	box-sizing:border-box;
	height:275px;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
}

::placeholder {
	color:#CCC;
	letter-spacing: 0.04em;
}

.toggle-switch {
	position: relative;
	width: 60px;
	height: 30px;
	margin: auto;
	display: inline-block;
}

.toggle-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.toggle-switch label{
	width: 60px;
	height: 30px;
	background: #ccc;
	position: relative;
	display: inline-block;
	border-radius: 30px;
	transition: 0.1s;
	box-sizing: border-box;
}

.toggle-switch label::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.1s;
}

.toggle-input:checked + label{background-color: #4BD865;}
.toggle-input:checked + label::after{left: 30px;}

.form-notelist {margin-top: 5px;}

.form-notelist-item {
	font-size: 15px;
	color: #909090;
	line-height: 1.6;
	padding-left: 1em;
	text-indent: -1em;
	letter-spacing: 0.06em;
}

.form-notelist-out {
	font-size: 15px;
	color: #909090;
	line-height: 1.6;
	letter-spacing: 0.06em;
}

.infolink-wrapper {display: inline-block;}

.infolink {
	display: inline-block;
	padding-left: 5px;
	color: #4481E2;
	text-decoration: underline;
	font-size: 15px;
}

.infolink-wrapper .infolink{padding-left: 16px;}

.infolink:hover {text-decoration: none;}

.infolink::before {
	display: inline-block;
	content: '';
	vertical-align: middle;
	margin-right: 2px;
	background: url('./img/icon_question.png') no-repeat center center;
	background-size: 16px;
	width: 16px;
	height: 16px;
}

.formcontent-box {}
.formcontent-box:not(:first-of-type) .form-input-title {margin-top: 14px;}
.formcontent-row {display: flex;}

.formcontent-col {
	margin-right: 20px;
	max-width: calc(50% - 10px);
	width: 125px;
}

.formcontent-col:last-of-type {margin-right: 0;}
.note-box-wrapper {position: relative;}

.note-box {
	position: absolute;
	top: 0;
	left: 340px;
	width: calc(100% - 332px);
	box-sizing: border-box;
	padding: 9px 10px;
	border: 1px solid #F1603E;
	border-radius: 5px;
}

.note-box p{
	color: #F1603E;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	font-weight: 600;
}

.alert-box {
	box-sizing: border-box;
	padding: 9px 10px;
	border: 1px solid #F1603E;
	border-radius: 5px;
	margin-top: 10px;
}

.alert-box h3{
	color: #F1603E;
}

.alert-box p{
	color: #F1603E;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	font-weight: 600;
	margin-bottom: 15px;
}

.alert-box p:last-child{margin-bottom: 0;}

.form-note {
	font-size: 15px;
	letter-spacing: 0.06em;
}

.note-box-wrapper .form-note {width: 50%;}

input.error,
select.error{
	border-color: #cc0000;
	position: relative;
}

textarea.error,
select.error{
	border-color: #cc0000;
	position: relative;
}

input.disable_color{
	background-color:#909090;
	border-color: #909090;
}
	

.error-text {
	padding-top: 7px;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
}

.error-text +.error-text {
	padding-top: 0;
}


/* accordion ---------------------------------------*/

.accordion{}
.accordion-title{
	position:relative;
	display: block;
	padding: 10px 25px 10px 35px;
	cursor: pointer;
	background: #F2F7FF;
	font-size: 14px;
	font-weight:bold;
}

.accordion-title:hover{}

.accordion-title::before{
	display:block;
	content:'';
	border-bottom:2px solid #4481E2;
	border-right:2px solid #4481E2;
	width:6px;
	height:6px;
	position:absolute;
	left:15px;
	top:50%;
	transform-origin: center center;
	transform: translate(0,-50%) rotate(45deg);
	transition: all .25s ease;
}

.accordion-title.is-active::before{transform: translate(0,-50%) rotate(225deg);}

.accordion-body{
	display: none;
	padding: 10px 20px;
	color: #4D4D4D;
	font-size: 14px;
}

.accordion-body.is-active{display: block;}


/* separate ---------------------------------------*/

.separate{}
.separate-title{
	position:relative;
	display: block;
	padding: 10px 25px 10px 35px;
	background: #F2F7FF;
	font-size: 14px;
	font-weight:bold;
}

.separate-body{
	padding: 10px 20px;
	color: #4D4D4D;
	font-size: 14px;
}

.separate-body-kr0301{
	padding: 10px 10px;
	color: #4D4D4D;
	font-size: 14px;
}


/* tab ---------------------------------------*/

.tab-list-wrapper{
	margin: 0 -30px;
	width: calc(100% + 60px);
}

.tab-list{
	border-bottom:3px solid #4481E2;
	padding: 0;
	line-height: 1;
	font-size:0px;
	padding-left: 30px;
}

.tab-list > li{
	background: #EAF2FF;
	border-radius:5px 5px 0 0;
	height: 36px;
	display: inline-block;
	margin-right: 8px;
	font-weight:bold;
	font-size: 16px;
	width: 180px;
	position:relative;
	text-align:center;
	cursor: pointer;
}

.tab-list > li:hover{opacity:0.7;}

.tab-list > li.is-active{
	background: #4481E2;
	color: #fff;
}

.tab-list > li.is-active:hover{opacity:1;}

.tab-list > li span{
	position:absolute;
	left:0%;
	top:57%;
	width: 100%;
	transform:translate(0%,-50%);
	display: block;
}

.tab-content-wrapper{position:relative;}

.tab-content{
	display: none;
	padding: 20px 0 0 0;
}

.tab-content.is-active{display: block;}


/* pager ---------------------------------------*/

.pager{text-align:center;}

.pager-list{
	font-size:0px;
	line-height: 1;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius:5px;
}

.pager-list > li{
	display: inline-block;
	font-size: 15px;
	font-weight:bold;
	border-left: 1px solid #ccc;
	position:relative;
	vertical-align: top;
}

.pager-list > li:first-child{border-left: none;}

.pager-list > li a,
.pager-list > li span{
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
}

.pager-list > li a{color:#4481E2}

.pager-list > li span{color:#404040;}

.pager-list > li.pager-prev a,
.pager-list > li.pager-next a{
	text-indent:-99em;
	overflow: hidden;
	position:relative;
}

.pager-list > li.pager-prev a::after,
.pager-list > li.pager-next a::after{
	display:block;
	content:'';
	width:4px;
	height:4px;
	position:absolute;
	left:50%;
	top:50%;
	transform-origin: center center;
	transform: translate(-50%,-50%) rotate(45deg);
}

.pager-list > li.pager-prev a::after{
	border-left:1.5px solid #4481E2;
	border-bottom:1.5px solid #4481E2;
}

.pager-list > li.pager-next a::after{
	border-right:1.5px solid #4481E2;
	border-top:1.5px solid #4481E2;
}


/* box ---------------------------------------*/

.box-bluetop{
	border:1px solid #ccc;
	border-top:5px solid #4481E2;
}

.box-bluetop-inner{padding: 10px 20px;}

/* pc only */
@media screen and (min-width: 1201px){
	.sp{display: none !important;}
	.spbr{display: none;}

	tr.is-editing .creationtable-edit{display: block;}
	tr.is-editing .creationtable-display{display: none;}

	.is-disabled .creation-btn-edit,
	.is-disabled .creation-btn-delete{
		cursor: default;
		opacity:0.3;
	}
	.font-kr0301{font-size: 13px;}
	.wid-kr0301-b1{width: 60% !important;}
	.wid-kr0301-b2{width: 15% !important;}
	.sp_pc_font{font-size: 13px !important;}

}


/* small pc */
@media screen and (max-width: 1200px){


	.col-spc-10, .col-spc-15, .col-spc-20, .col-spc-25, .col-spc-30, .col-spc-35, .col-spc-40, .col-spc-45, .col-spc-50, .col-spc-55, .col-spc-60, .col-spc-65, .col-spc-70, .col-spc-75, .col-spc-80, .col-spc-85, .col-spc-90, .col-spc-100 {
		position: relative;
		width: 100%;
		min-height: 1px;
	}
	
	.kntr-sp{
		border: 1px solid #E0E0E0;
		padding: 12px 8px
	}
	
	.kntd-sp{
		height: 45px !important;
		padding-top: 3px !important;
	}
	
	.kntd-sp-two{
		height: 30px !important;
		padding-top: 3px !important;
	}

/*
	.col {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		margin-bottom: 20px;
	}
*/

	.col-spc-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-spc-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.col-spc-15 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.col-spc-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.col-spc-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-spc-30 {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.col-spc-33 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.col-spc-35 {
		flex: 0 0 35%;
		max-width: 35%;
	}

	.col-spc-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.col-spc-45 {
		flex: 0 0 45%;
		max-width: 45%;
	}

	.col-spc-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-spc-55 {
		flex: 0 0 55%;
		max-width: 55%;
	}

	.col-spc-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.col-spc-65 {
		flex: 0 0 65%;
		max-width: 65%;
	}

	.col-spc-70 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.col-spc-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-spc-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

	.col-spc-85 {
		flex: 0 0 85%;
		max-width: 85%;
	}

	.col-spc-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	.col-spc-100 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* btn ---------------------------------------*/

	.save-creationtable-btn .btn {
		padding: 9px 15px;
		min-width: 190px;
	}

	.application-btn .btn {
		padding: 9px 15px;
		min-width: 190px;
	}

	.progress-list-item p {
		font-size: 11px;
	}

	.progresssmall-list-item p {
		font-size: 11px;
	}


	/* musterroll ---------------------------------------*/

	.musterroll-box {
		width: 100%;
	}

	/* creationtable ---------------------------------------*/

	.creationtable-wrapper {}

	.creationtable {
		white-space: nowrap;
	}

	.creationtable thead tr th {
		padding: 5px;
		font-size: 10px;
	}

	.creationtable tbody tr td {
		padding: 5px;
		font-size: 10px;
	}

	.creation-input-familyname {
		padding: 6px 5px;
		font-size: 10px;
	}

	.creation-input-firstname {
		padding: 6px 5px;
		font-size: 10px;
	}

	.creation-select-sex {
		padding: 6px 15px 6px 5px;
		font-size: 10px;
	}

	.creation-input-age {
		padding: 6px 5px;
		font-size: 10px;
	}

	.calculation-btn .modal-btn {
		font-size: 10px;
		padding: 7px 10px;
		border-radius: 13px;
		min-width: 0;
	}

	.add-list-btn .btn-add-list {
		font-size: 10px;
		padding: 7px 14px;
		border-radius: 14px;
	}

	.add-list-btn .btn-add-list::before {
		margin-right: 8px;
		background-size: 12px;
		width: 12px;
		height: 12px;
	}

	.creation-btn-edit, .creation-btn-delete{display: block;}

	.creationtable tbody tr td:nth-of-type(5){width: auto;}
	.creationtable tbody tr td:nth-of-type(6){width: 85px;}
	.creation-btn-delete{margin-left: 0;}

	/* form ---------------------------------------*/

	.note-box {
		position: static;
		top: auto;
		left: auto;
		width: auto;
		box-sizing: border-box;
		margin-top: 10px;
	}

	.note-box-wrapper .form-note {
		width: 100%;
	}

	.infolink-wrapper {
		display: block;
		margin-top: 5px;
	}

	.infolink-wrapper .infolink{padding-left: 0;}
	
	.font-kr0301{font-size: 8px !important;}
	.wid-kr0301-b1{width: 46% !important;}
	.wid-kr0301-b2{width: 24% !important;
	padding-left: 0% !important;} 
	.sp_pc_font{font-size: 12px !important;}
}


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

	/* default ---------------------------------------*/

	img{max-width:100%;}
	*{box-sizing:border-box;}


	/* common item ---------------------------------------*/

	.pc{display: none !important;}
	.pcbr{display: none;}

	/* layout ---------------------------------------*/

	.header-inner,
	.footer-inner,
	.inner,
	.wrapper{
		min-width:0;
		width:100%;
	}

	.header-logininfo-date {
		font-size: 12px;
	}

	.main {
		width: 100%;
		margin-left: 0;
		/*
		padding-top: 55px;
		*/
		padding-top: 80px;
		padding-bottom: 0;
	}

	.content {
		padding: 15px 14px 50px;
	}

	.section{
/*		padding: 15px 20px;*/
		padding: 15px;
		background: #fff;
		border-radius: 10px;
		width: 100%;
	}

	.col-100 .section{
		padding: 15px;
	}

	.section.has-btn {
		padding-bottom: 28px;
		position: relative;
	}

	/* header ---------------------------------------*/

	.side{
		width:100%;
		background-color:#fff;
		position:fixed;
		left:0px;
		top:0px;
		z-index: 1000;
		padding:0px 0 0 0;
		box-shadow:0px 0px 10px rgba(0,0,0,0.2);
		width: 100%;
		height: auto;
	}

	.side-inner{
		width:auto;
		padding:0px 0 0px 0;
		text-align: center;
		background: #fff;
		position: relative;
		z-index:200;
		margin: 0 auto;
		/*
		height: 55px;
		*/
		height: 80px;
	}

	.side-logo {
		/*
		width: 140px;
		height: 35px;
		left: 10px;
		top: 10px;
		*/
		width: 168px;
		height: 42px;
		left: 10px;
		top: 20px;
	}

	.side-submenu-list-item {
		font-size: 13px;
	}

	#overlay{
		content:'';
		display: block;
		position:fixed;
		width:100%;
		height:100vh;
		background: rgba(0,0,0,0.5);
		left:0;
		top:0;
		z-index:6;
	}

	#openmenu{
		display:block;
		/*
		width:40px;
		height:40px;
		*/
		width:60px;
		height:60px;
		text-indent: -99em;
		overflow: hidden;
		position:absolute;
		/*
		right:13px;
		top:7px;
		*/
		right:10px;
		top:15px;
		background-color: #4481E2;
		/*
		border-radius:5px;
		*/
	}

	#openmenu span{
		content:'';
		display: block;
		/*
		width:29px;
		*/
		width:40px;
		height:4px;
		background-color: #FFFFFF;
		position: absolute;
		/*
		left:0px;
		*/
		border-radius: 2px;
		transition: all .25s ease;
	}

	/*
	#openmenu span:nth-child(1){top:3px;}
	#openmenu span:nth-child(2){top:12px;}
	#openmenu span:nth-child(3){top:21px;}
	*/
	
	#openmenu span:nth-child(1){top:10px;}
	#openmenu span:nth-child(2){top:22px;}
	#openmenu span:nth-child(3){top:34px;}
	
	#openmenu span:nth-child(4){
		background-color: transparent;
		color: #FFFFFF;
		top:40px;
		text-indent: 0;
		font-size: 13px; 
		padding: 0;
		overflow: visible;
		width: 40px;
		white-space: nowrap;
	}

	#openmenu.is-open span:nth-child(1){
		transform:rotate(45deg);
		/*
		top:12px;
		left:1px;
		*/
		top:20px;
		left:10px;
	}

	#openmenu.is-open span:nth-child(2){
		opacity:0;
		left:-25px;
	}

	#openmenu.is-open span:nth-child(3){
		transform:rotate(-45deg);
		/*
		top:12px;
		left:1px;
		*/
		top:20px;
		left:10px;
	}
	
	#openmenu.is-open span:nth-child(4){
		opacity:0;
		left:-25px;
	}

	.bodyfixed{
		position: fixed;
		width: 100%;
		height: 100%;
	}

	/* gnav ---------------------------------------*/

	.loginwrapper {
		/*
		padding: 55px 18px 0;
		*/	
		padding: 80px 18px 0px;
	}

	.login {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		padding: 15px 0;
	}

	.login-info {}

	.login-info-name {
		display: inline-block;
		font-size: 16px;
		line-height: 1.4;
		font-weight: bold;
		letter-spacing: 0.04em;
		padding-right: 20px;
		color: #FFF;
	}

	.login-info-date {
		display: inline-block;
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: 0.02em;
		color: #FFF;
	}

	.login-btn {}

	.login-btn .btn {
		font-size: 13px;
		letter-spacing: 0.04em;
	}

	.gnav {
		border: none;
		background: #4481E2;
		padding-bottom: 30px;
		overflow: auto;
		z-index: 100;
		top: 0px;
		transition: all .35s ease;
		transform: translate3d(100%, 0, 0);
		height: 100vh;
	}

	.gnav.is-active {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	.gnav-list {
		padding: 5px 18px;
	}

	.gnav-list-item {
		margin: 0;
	}

	.gnav-list-item .iconbtn {
		line-height: 1.0;
		font-size: 17px;
		font-weight: bold;
		padding: 22px 0;
		background: none;
		color: #FFF;
		margin-bottom: 0;
	}

	.iconbtn.is-active {
		background: none;
		color: #FFF;
	}

	.iconbtn span {
		letter-spacing: 0.02em;
	}

	.iconbtn span::before {
		margin-right: 6px;
		width: 33px;
		height: 23px;
	}

	.iconbtn.is-home span::before {
		background: url('./img/icon_home_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-home:hover span::before,
	.iconbtn.is-active.is-home span::before {
		background: url('./img/icon_home_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-procedure span::before {
		background: url('./img/icon_procedure_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-procedure:hover span::before,
	.iconbtn.is-active.is-procedure span::before {
		background: url('./img/icon_procedure_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-history span::before {
		background: url('./img/icon_history_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-history:hover span::before,
	.iconbtn.is-active.is-history span::before {
		background: url('./img/icon_history_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-change span::before {
		background: url('./img/icon_change_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-change:hover span::before,
	.iconbtn.is-active.is-change span::before {
		background: url('./img/icon_change_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-notification span::before {
		background: url('./img/icon_notification_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-notification:hover span::before,
	.iconbtn.is-active.is-notification span::before {
		background: url('./img/icon_notification_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-faq span::before {
		background: url('./img/icon_faq_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-faq:hover span::before,
	.iconbtn.is-active.is-faq span::before {
		background: url('./img/icon_faq_wh.png') no-repeat center center;
		background-size: 33px;
	}
    
	.iconbtn.is-book span::before {
		background: url('./img/icon_book_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-book:hover span::before,
	.iconbtn.is-active.is-book span::before {
		background: url('./img/icon_book_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-about span::before {
		background: url('./img/icon_about_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-about:hover span::before,
	.iconbtn.is-active.is-about span::before {
		background: url('./img/icon_about_wh.png') no-repeat center center;
		background-size: 33px;background-size: 33px;
	}

	.iconbtn.is-account span::before {
		background: url('./img/icon_account_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-account:hover span::before,
	.iconbtn.is-active.is-account span::before {
		background: url('./img/icon_account_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-logout span::before {
		background: url('./img/icon_logout_wh.png') no-repeat center center;
		background-size: 33px;
	}

	.iconbtn.is-logout:hover span::before,
	.iconbtn.is-active.is-logout span::before {
		background: url('./img/icon_logout_wh.png') no-repeat center center;
		background-size: 33px;
	}
	/* footer ---------------------------------------*/

	footer{
		padding: 27px 40px;
		position: relative;
		bottom: auto;
	}

	.footernav-list {
		width: 75%;
		margin: 0 auto 5px;
	}

	.footernav-list-item {
		margin-bottom: 12px;
		font-size: 14px;
	}

	.copyright small{
		font-size: 10px;
	}

	.screencode {
		top: -33px;
		right: 15px;
		font-size: 12px;
	}


	/* grid ---------------------------------------*/

	.row {
		margin-right: -10px;
		margin-left: -10px;
	}

	.col-10, .col-15, .col-20, .col-25, .col-30, .col-33, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90, .col-100 {
		padding-right: 4px;
		padding-left: 4px;
	}

	.col-sp-10, .col-sp-15, .col-sp-20, .col-sp-25, .col-sp-30, .col-sp-35, .col-sp-40, .col-sp-45, .col-sp-50, .col-sp-55, .col-sp-60, .col-sp-65, .col-sp-70, .col-sp-75, .col-sp-80, .col-sp-85, .col-sp-90, .col-sp-100 {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 4px;
		padding-left: 4px;
	}

	.col {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.col:last-of-type {
		margin-bottom: 0;
	}

	.col-sp-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}

	.col-sp-10 {
		flex: 0 0 10%;
		max-width: 10%;
	}

	.col-sp-15 {
		flex: 0 0 15%;
		max-width: 15%;
	}

	.col-sp-20 {
		flex: 0 0 20%;
		max-width: 20%;
	}

	.col-sp-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-sp-30 {
		flex: 0 0 30%;
		max-width: 30%;
	}

	.col-sp-33 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.col-sp-35 {
		flex: 0 0 35%;
		max-width: 35%;
	}

	.col-sp-40 {
		flex: 0 0 40%;
		max-width: 40%;
	}

	.col-sp-45 {
		flex: 0 0 45%;
		max-width: 45%;
	}

	.col-sp-50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sp-55 {
		flex: 0 0 55%;
		max-width: 55%;
	}

	.col-sp-60 {
		flex: 0 0 60%;
		max-width: 60%;
	}

	.col-sp-65 {
		flex: 0 0 65%;
		max-width: 65%;
	}

	.col-sp-70 {
		flex: 0 0 70%;
		max-width: 70%;
	}

	.col-sp-75 {
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sp-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

	.col-sp-85 {
		flex: 0 0 85%;
		max-width: 85%;
	}

	.col-sp-90 {
		flex: 0 0 90%;
		max-width: 90%;
	}

	.col-sp-100 {
		flex: 0 0 100%;
		max-width: 100%;
	}



	/* margin ---------------------------------------*/

	.mt-sp-0{margin-top:0px !important;}
	.mt-sp-3{margin-top:3px !important;}
	.mt-sp-5{margin-top:5px !important;}
	.mt-sp-10{margin-top:10px !important;}
	.mt-sp-15{margin-top:15px !important;}
	.mt-sp-20{margin-top:20px !important;}
	.mt-sp-25{margin-top:25px !important;}
	.mt-sp-30{margin-top:30px !important;}
	.mt-sp-35{margin-top:35px !important;}
	.mt-sp-40{margin-top:40px !important;}
	.mt-sp-45{margin-top:45px !important;}
	.mt-sp-50{margin-top:50px !important;}
	.mt-sp-55{margin-top:55px !important;}
	.mt-sp-60{margin-top:60px !important;}
	.mt-sp-65{margin-top:65px !important;}
	.mt-sp-70{margin-top:70px !important;}
	.mt-sp-75{margin-top:75px !important;}
	.mt-sp-80{margin-top:80px !important;}
	.mt-sp-85{margin-top:85px !important;}
	.mt-sp-90{margin-top:90px !important;}
	.mt-sp-95{margin-top:95px !important;}
	.mt-sp-100{margin-top:100px !important;}

	.mb-sp-0{margin-bottom:0px !important;}
	.mb-sp-5{margin-bottom:5px !important;}
	.mb-sp-10{margin-bottom:10px !important;}
	.mb-sp-15{margin-bottom:15px !important;}
	.mb-sp-20{margin-bottom:20px !important;}
	.mb-sp-25{margin-bottom:25px !important;}
	.mb-sp-30{margin-bottom:30px !important;}
	.mb-sp-35{margin-bottom:35px !important;}
	.mb-sp-40{margin-bottom:40px !important;}
	.mb-sp-45{margin-bottom:45px !important;}
	.mb-sp-50{margin-bottom:50px !important;}
	.mb-sp-55{margin-bottom:55px !important;}
	.mb-sp-60{margin-bottom:60px !important;}
	.mb-sp-65{margin-bottom:65px !important;}
	.mb-sp-70{margin-bottom:70px !important;}
	.mb-sp-75{margin-bottom:75px !important;}
	.mb-sp-80{margin-bottom:80px !important;}
	.mb-sp-85{margin-bottom:85px !important;}
	.mb-sp-90{margin-bottom:90px !important;}
	.mb-sp-95{margin-bottom:95px !important;}
	.mb-sp-100{margin-bottom:100px !important;}


	/* width ---------------------------------------*/

	.wid-sp-10per{width:10% !important;}
	.wid-sp-15per{width:15% !important;}
	.wid-sp-20per{width:20% !important;}
	.wid-sp-25per{width:25% !important;}
	.wid-sp-30per{width:30% !important;}
	.wid-sp-35per{width:35% !important;}
	.wid-sp-38per{width:38% !important;}
	.wid-sp-40per{width:40% !important;}
	.wid-sp-45per{width:45% !important;}
	.wid-sp-50per{width:50% !important;}
	.wid-sp-55per{width:55% !important;}
	.wid-sp-60per{width:60% !important;}
	.wid-sp-62per{width:62% !important;}
	.wid-sp-65per{width:65% !important;}
	.wid-sp-70per{width:70% !important;}
	.wid-sp-75per{width:75% !important;}
	.wid-sp-80per{width:80% !important;}
	.wid-sp-85per{width:85% !important;}
	.wid-sp-90per{width:90% !important;}
	.wid-sp-95per{width:95% !important;}
	.wid-sp-100per{width:100% !important;}

	.wid-sp-400{width:400px !important;}
	.wid-sp-500{width:500px !important;}
	.wid-sp-600{width:600px !important;}
	.wid-sp-700{width:700px !important;}
	.wid-sp-800{width:800px !important;}
	.wid-sp-900{width:900px !important;}

	/* title ---------------------------------------*/

	.title-page {
		font-size: 23px;
		margin-bottom: 14px;
	}

	.title-page::before {
		top: 47%;
		transform: translate(0, -53%);
	}

	.title-section{margin-bottom: 22px;}

	.title-block{
		font-size: 19px;
		margin-bottom: 22px;
	}

	.title-small{font-size: 16px;}

	.title-list {font-size: 12px;}

	/* text ---------------------------------------*/

	.text {
		line-height: 1.5;
		letter-spacing: 0.06em;
	}

	.text-s{
		line-height: 1.8;
		font-size: 13px;
	}

	.text-sp-center{text-align:center !important;}
	.text-sp-right{text-align:right !important;}
	.text-sp-left{text-align:left !important;}

	.text-completeicon{
		font-size: 13px;
	}

	.text small {font-size: 12px;}

	/* pankuzu ---------------------------------------*/

	.pankuzu{display: none}
	.pankuzu-list > li {font-size: 13px;}

	/* list ---------------------------------------*/

	.list li{
		padding-left: 15px;
	}

	.noticelist li {font-size: 12px;}


	/* newslist ---------------------------------------*/

	.newslist {padding-bottom: 5px;}

	.newslist-item {
		margin-bottom: 18px;
		padding-bottom: 10px;
	}

	.newslist-item-date {font-size: 13px;}

	.newslist-item-title {
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
	}

/* countlist ---------------------------------------*/

	.countlist {}

	.countlist-item {padding: 22px 33px 22px 20px;}
	.countlist-item-title {font-size: 14px;}
	.countlist-item-numbers {font-size: 34px;}

	.countlist-item-numbers::after {
		right: 8px;
		font-size: 12px;
	}

	.countlist-item:last-of-type {border-bottom: 1px solid #E0ECFF;}


/* musterroll ---------------------------------------*/

	.musterroll {margin-bottom: 3px;}

	.musterroll-box {
		width: 100%;
		margin-bottom: 16px;
	}

	.musterroll-box:last-of-type {margin-bottom: 0;}

	.musterroll.is-freesize .musterroll-box{width:100% !important;}


/* countlist ---------------------------------------*/

	.col2list {}

	.col2list-title {padding: 4px 8px;}

	.col2list-title b {
		font-size: 14px;
		padding-right: 3px;
	}

	.col2list-title span {font-size: 10px;}

	.col2list-item {margin-bottom: 11px;}

	.col2list-item-title {
		padding: 20px 10px;
		font-size: 12px;
	}

	.col2list-item-detail {
		padding: 20px 10px;
		font-size: 12px;
	}

	.col2list-item-fee2 {
		padding: 20px 10px;
		font-size: 12px !important;
	}

	.col2list-item-number2 {
		padding: 20px 10px;
		font-size: 12px !important;
	}

	.col2list-item-amount2 {
		padding: 20px 10px;
		font-size: 12px !important;
	}


	/* btn ---------------------------------------*/

	.btn {
		padding: 12px 20px;
		font-size: 14px;
		border-radius: 21px;
	}

	.bottombtn {
		position: inherit;
		left: auto;
		bottom: auto;
		margin-top: 30px;
	}

	.between-btn {
		display: block;
	}

	.confirmation-btn-wrapper.between-btn {
		display: block;
		text-align: center;
	}

	.add-list-btn .btn-add-list {
		padding: 8px 15px;
		font-size: 12px;
		border-radius: 21px;
		letter-spacing: 0.06em;
	}

	.add-list-btn .btn-add-list::before {
		margin-right: 8px;
		background-size: 14px;
		width: 14px;
		height: 14px;
	}

	.save-creationtable-btn {
		padding: 20px 0;
		border-top: 1px solid #DEE7F5;
	}

	.save-creationtable-btn .btn {
		width: 70%;
		min-width: auto;
		padding: 8px 20px;
		font-size: 12px;
		border-radius: 21px;
		letter-spacing: 0.06em;
	}

	.application-btn {
		padding: 32px 0 16px;
		border-top: 1px solid #DEE7F5;
	}

	.application-btn .btn {
		width: 70%;
		min-width: auto;
		font-size: 15px;
		padding: 10px 20px;
		letter-spacing: 0.06em;
	}

	.prev-btn {margin-right: 0;text-align: center;}

	.prev-btn .btn {
		padding: 12px 20px;
		font-size: 14px;
		border-radius: 21px;
		margin-bottom: 10px;
	}

	.next-btn {text-align: center;}

	.next-btn .btn {
		min-width: 119px;
		background-position: right 15px center;
		background-size: 7px 12px;
		font-size: 15px;
		padding: 12px 20px 12px 35px;
		text-align: left;
	}

	.btn.is-s {font-size: 13px;}


	/* table ---------------------------------------*/

	.table-wrapper{margin-bottom: 55px;}

	.table-horizontal,
	.table-horizontal tbody,
	.table-horizontal tr,
	.table-horizontal th,
	.table-horizontal td{
		display: block;
		width:100%;
	}


	.table-horizontal th,
	.table-horizontal td{
		font-size: 16px;
		border:none;
	}

	.table-horizontal th{padding: 18px 20px 18px 20px;}
	.table-horizontal td{padding: 25px 20px 25px 20px;}

	.table-vertical,
	.table-vertical tbody,
	.table-vertical tr,
	.table-vertical th,
	.table-vertical td{
		display: block;
		width: 100%;
	}

	.table-vertical{border-top:none;}

	.table-vertical tbody th{
		border:none;
		border-bottom: none;
		padding: 10px 0;
		line-height: 1.6;
		color: #4D4D4D;
		font-size: 13px;
		margin-bottom: 3px;
	}

	.formtable.table-vertical tbody th{
		padding: 0;
	}

	.table-vertical tbody td{
		border:none;
		padding: 10px 0;
		color: #4D4D4D;
		font-size: 14px;
		margin-bottom: 25px;
	}

	.table-vertical.mb-0 tbody td{
		margin-bottom: 0px;
	}

	.table-vertical td small {font-size: 12px;}

	.formtable.table-vertical tbody td{
		padding: 0;
	}

	.table-sp-scroll{
		overflow: auto;
		width: calc(100% + 30px);
		margin: 0 -15px;
		padding-left: 15px;
	}

	.table-sp-scroll table{min-width:450px;}


	/* infotable -----------------------*/

	.infotable thead tr th{
		padding: 5px 3px;
		font-size: 12px;
	}
	.infotable thead tr th::after {height: 80%;}

	.infotable tbody tr td{
		padding: 8px 5px;
		font-size: 12px;
		line-height: 1.3;
		letter-spacing:0em;
		min-width: 50px;
	}

	.infotable tbody tr.is-thismonth{font-weight:normal;}

	.infotable .btn{
		min-width: 50px;
		padding: 10px 5px;
		font-size: 13px;
	}


	/* progress -----------------------*/

	.progress{
		width: 900px;
		max-width: calc(100% + 20px);
		margin: 0 -10px 32px;
	}

	.progress-list-item::before{top: 16px;}
	.progress-list-item.is-prev::after{top: 16px;}
	.progress-list-item.is-active::after{top: 16px;}

	.progress-list-icon {
		height: 30px;
		width: 30px;
		line-height: 26px;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.progress-list-item p{
		font-size: 11px;
		line-height: 1.3;
	}


	/* progresssmall -----------------------*/

	.progresssmall{
		width: 900px;
		max-width: calc(100% + 20px);
		margin: 0 -10px 32px;
	}

	.progresssmall-list-item::before{top: 16px;}
	.progresssmall-list-item.is-prev::after{top: 16px;}
	.progresssmall-list-item.is-active::after{top: 16px;}

	.progresssmall-list-icon {
		height: 30px;
		width: 30px;
		line-height: 26px;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.progresssmall-list-item p{
		font-size: 11px;
		line-height: 1.3;
	}


	/* feeamount ---------------------------------------*/

	.feeamount-inner {
		width: 100%;
		justify-content: space-between;
	}

	.feeamount-number {padding-left: 0;}
	.feeamount-amount {padding-left: 0;}
	.feeamount-number small {font-size: 12px;}
	.feeamount-amount small {font-size: 12px;}


	/* creationtable -----------------------*/

	.creationtable thead tr th {
		padding: 11px 5px;
		font-size: 11px;
		margin-left: 0px;
	}

	.creationtable thead tr th::after {width: 1px;}
	.creationtable tbody tr.is-sum {border-top: 1px solid #DEE7F5;}

	.creationtable tbody tr td {
		padding: 16px 2px;
		font-size: 12px;
		color: #4D4D4D;
	}

	.creationtable tbody tr.has-list td{
		padding: 19px 5px;
		text-align: center;
	}

	.creationtable tbody tr td:nth-of-type(1) {width: 9.5%;}

	.creationtable tbody tr td:nth-of-type(2) {
		width: 32.5%;
		text-align: left;
	}

	.creationtable tbody tr td:nth-of-type(3) {width: 17.5%;}
	.creationtable tbody tr td:nth-of-type(4) {width: 17.5%;}

	.creationtable tbody tr td:nth-of-type(5) {width: 0;padding: 0;}

	.creationtable tbody tr td:nth-of-type(6) {
		padding: 16px 2px;
		width: 18%;
	}

	.creation-btn-edit {
		display: inline-block;
		margin-right: 5px;
	}

	.creation-btn-edit img {width: 1.2em;}

	.creation-btn-delete {
		display: inline-block;
		margin-left: 0;
	}

	.creation-btn-delete img {width: 1.2em;}

	.modal-input {margin-bottom: 4.56vh}

	.creation-input-familyname {
		padding: 1.07vh 0px;
		border: 1px solid #CCC;
		border-top: none;
		border-right: none;
		border-left: none;
		font-size: 13px;
	}

	.creation-input-firstname {
		padding: 1.07vh 0px;
		border: 1px solid #CCC;
		border-top: none;
		border-right: none;
		border-left: none;
		font-size: 13px;
	}

	.modal-select {margin-bottom: 3.80vh;}

	.creation-select-sex {
		max-width: 112px;
		padding: 0.92vh 15px 1.23vh 0;
		font-size: 13px;
		border: 1px solid #CCC;
		border-top: none;
		border-right: none;
		border-left: none;
	}

	.modal-input-age-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: 2.12vh;
	}

	.modal-input-age {
		border-bottom: 1px solid #CCC;
		width: 50%;
		max-width: 112px;
	}

	.modal-input-age span {font-size: 13px;}

	.creation-input-age {
		padding: 0.77vh 2px;
		border: none;
		font-size: 13px;
		max-width: 82px;
	}

	.btn-agecalc-sp .btn {
		padding: 8px 25px 8px 15px;
		font-size: 12px;
		border-radius: 21px;
		letter-spacing: 0.02em;
		font-weight: normal;
		position:relative;
	}

	.btn-agecalc-sp .btn::after{
		display:block;
		content:'';
		background: url(./img/icon_arrow_top.png) no-repeat;
		background-size: 9px 6px;
		width:9px;
		height:6px;
		position:absolute;
		right:10px;
		top:50%;
		transform:translate(0,-50%) rotate(180deg);
	}

	.btn-agecalc-sp .btn.is-active::after{transform:translate(0,-50%) rotate(0deg);}

	.calculation-btn,
	.creation-btn-edit span,
	.creation-btn-delete span{display: none;}

	.creationtable-classification .form-select-double,
	.creationtable-sex .form-select-double{
		width:40px;
		font-size: 11px;
	}

	.creationtable-classification .form-select-double,
	.creationtable-date .form-select-double{
		width:40px;
		font-size: 11px;
	}

	.creationtable-display{padding:0px 0;}


	/* modal ---------------------------------------*/

	.modal {
		width: calc(100vw - 28px);
		max-width: 100%;
	}

	.modal-inner {padding: 2.3vh 20px 4.54vh;}

	.modal-title {
		font-size: 19px;
		padding-bottom: 1.23vh;
		margin-bottom: 3.84vh;
	}

	.modal-input-title {
		font-size: 13px;
		color: #4D4D4D;
		font-weight: bold;
	}

	.modal-input-title span {
		font-size: 10px;
		color: #FF8F1E;
	}

	.modal-text {
		font-size: 13px;
		margin-bottom: 1.53vh;
	}

	.modal-calculation-wrapper {display: none;}
	.modal-calculation-wrapper.is-active {display: block}

	.modal-calculation-inner {
		justify-content: center;
		margin-right: 0;
	}

	.modal-calculation {
		border-bottom: 1px solid #CCC;
		margin-right: 7px;
		width: 50%;
		max-width: 140px;
	}

	.input-calculation {
		border: none;
		width:100%;
		font-size: 12px;
	}

	.input-calculation[type="date"]::-webkit-calendar-picker-indicator {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
	}

	.modal-close {
		right: 20px;
		top: 10px;
		width: 20px;
		height: 20px;
	}

	.modal-close::before {
		right: 8px;
		background: #888888;
	}

	.modal-close::after {
		right: 8px;
		background: #888888;
	}

	.modal-result small {font-size: 12px;}


	/* form ---------------------------------------*/

	.formlead {
		font-size: 13px;
		letter-spacing: 0.06em;
	}

	.formlead-description {font-size: 13px;}

	.form-select {
		padding: 6px 15px 5px 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		max-width: 100%;
	}

	.form-select.is-inline {margin-right: 5px;}

	.form-input-text {
		padding: 6px 7px;
	/*
		border-left: none;
		border-top: none;
		border-right: none;
	*/
		width: 100%;
		font-size: 13px;
	}
	
	/* 2023年2月案件 ： スマホレイアウト調整(index) */
	.form-input-text.is-sp-pwd {
		max-width: 600px;
	}	
	
	.form-input-text.is-sp-id {
		max-width: 190.5px;
	}

	.form-input-text.is-name {max-width: /* 50% */ 155px;}
	.form-input-text.is-mail {width: 100%;max-width: 600px;}

	.form-title,.form-input-title {font-size: 13px;}
	.table-vertical.formtable .has-inner .form-title {margin-bottom: 12px;}
	.form-title .icon-required,.form-input-title .icon-required {font-size: 10px;}
	.form-input-title {margin-bottom: 3px;}

	.form-radio {
		margin-right: 10px;
		font-size: 13px;
	}

	.form-radio label {padding: 4px 0 0 18px;}

	.form-radio label::before {
		width: 13px;
		height: 13px;
	}

	.form-radio input:checked + label::after {
		width: 9px;
		height: 9px;
		left: 3px;
	}

	.form-radio.is-btn{margin-right: 5px}
	.form-radio.is-btn label{padding: 6px 25px 6px 35px;}
	.form-radio.is-btn input:checked + label::after{left:13px;}

	.form-radio.is-block label{
		width:100%;
		max-width: 400px;
		font-size: 13px;
	}

	.form-radio.is-block input:checked + label::after{left:13px;}

	.form-checkbox.is-btn{
		display: block;
		margin-bottom: 8px;
	}
	.form-checkbox.is-block label {font-size: 13px;}

	.form-notelist {margin-top: 5px;}

	.form-notelist-item {
		font-size: 12px;
		letter-spacing: 0.04em;
	}
	
	.form-notelist-out {
		font-size: 12px;
		letter-spacing: 0.04em;
	}

	.infolink-wrapper {
		display: inline-block;
		margin-top: 0;
	}

	.infolink {
		padding-left: 0;
		font-size: 13px;
	}

	.formcontent-box {
		padding-left: 1em;
		margin-bottom: 20px;
	}

	.formcontent-box:not(:first-of-type) .form-input-title {margin-top: 0;}

	.form-note {
		letter-spacing: 0.04em;
		font-size: 12px;
	}

	.note-box {
		margin-top: 6px;
		padding: 8px 10px;
	}

	.note-box p {
		font-size: 12px;
		line-height: 1.6;
		letter-spacing: 0.06em;
		border-radius: 2px;
	}

	.alert-box {
		margin-top: 6px;
		padding: 8px 10px;
	}

	.alert-box p {
		font-size: 12px;
		line-height: 1.6;
		letter-spacing: 0.06em;
		border-radius: 2px;
	}

	.error-text {font-size: 13px;}


	/* accordion ---------------------------------------*/

	/* pager ---------------------------------------*/
	.pager-list > li {font-size: 13px;}

	/* tab ---------------------------------------*/

	.tab-list-wrapper{
		margin: 0 -15px;
		width: calc(100% + 30px);
	}

	.tab-list{padding-left: 15px;}

	.tab-list > li{
		margin-right: 6px;
		font-size: 15px;
		width: 100px;
	}

	.tab-list > li:hover{opacity:1;}
	.tab-content-wrapper{position:relative;}
	.tab-content{padding: 10px 0 0 0;}


	/* box ---------------------------------------*/

	.box-bluetop{border-top:4px solid #4481E2;}

	.box-bluetop-inner{padding: 10px 10px;}

	.box-bluetop-morebtn{
		text-align:center;
		background: #F4F4F4;
		color: #4481E2;
		text-align:center;
		line-height: 1;
		padding: 10px;
		cursor: pointer;
	}

	.box-bluetop-morebtn span{
		display: inline-block;
		font-size: 12px;
		color: #4481E2;
		position:relative;
		padding: 0 0 0 20px;
	}

	.box-bluetop-morebtn span::before{
		display:block;
		content:'';
		border-right:2px solid #4481E2;
		border-bottom:2px solid #4481E2;
		width:6px;
		height:6px;
		position:absolute;
		left:0px;
		top:45%;
		transform:translate(0,-50%) rotate(45deg);
	}

	.box-bluetop-morebtn.is-open span::before{
		transform:translate(0,-50%) rotate(225deg);
		top: 70%;
	}


}




/* iphone5 iphoneSE―p */
@media screen and (max-width: 370px){

}

@media print{
	.header-inner {
		display: none;
	}
	.side {
		display: none;
	}
	.main {
		width: 100%;
		margin-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.footer-inner {
		display: none;
	}
    .noprint {
        display: none;
    }
}