@charset "utf-8";
/* CSS Document */
h1 {
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	top: 60px;
	left: 85px;
}
#head_content_left {
	/* width: 302px; */
	height: 2.375rem;
	width: 11.58rem;
	float: left;
	/* background: url(../images/logo.gif) no-repeat; */
	background: transparent url(../images/header__logo.svg) no-repeat center center / contain;
	/* height: 83px; */
}
@media screen and (min-width: 769px) {
	#header_fix {
		top: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		background: #FFF;
		/* border-bottom:3px solid #015D86; */
	}
	#head_content {
		width: 690px;
		margin: 10px auto;
		position: relative;
	}
	#head_content_right {
		float: right;
		text-align: right;
		margin: 6px 10px 0 0;
	}
	#content_fix{
		margin:0 auto;
	}
	#content_right_detail{
		width:690px;
		margin:0 auto 40px auto;
	}
}
@media screen and (max-width: 768px) {

	#header_fix {
		top: 0;
		left: 0;
		width: 100%;
		z-index: 3;
		background: #FFF;
		/* border-bottom:3px solid #015D86; */
	}
	#head_content {
		width: 94%;
		margin: 5px 3%;
		position: relative;
	}
	#head_content_right{
		display:none;
	}
	#content_right_detail{
		width:94% !important;
		margin:0 3% 20px 3%;
	}

	/*iphone reset*/
	input[type="submit"],
	input[type="button"] {
	  border-radius: 0;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		border: none;
		outline: none;
		background: transparent;
		font-size:100%;
	}
}

.online {
    font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 110%;
    line-height: 1.5;
    color: #2D2D2D;
}
/* clearfix */
.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}
/*hr reset*/
.online hr {
	border: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
.online .hr01{
	border-bottom:1px dashed #999;
	margin:10px 0;
}

.online .mb10{ margin-bottom:10px;}
.online .mb20{ margin-bottom:20px;}
.online .mb40{ margin-bottom:40px;}
.online .mr20{ margin-right:20px;}

.online .fs-80{font-size:80%;}
.online .f-bold{ font-weight:bold;}
.online .f-center{ text-align:center;}

.fc-red{color:#f00;}
.fb-yellow{background-color: #FFFF44;}

.online .caution{
	padding:0.5em 1em;
	border:1px solid #f00;
	color:#f00;
}
.online .caution2{
	padding:0.5em 1em;
	background:#fef2f3;
}
.online .caution2 span{
	font-weight:bold;
	color:#f00;
}
.online .caution3{
	color:#f00;
}
.online .bank div{
	float:left;
	padding:1em 40px;
	width:253px;
	border:1px solid #ccc;
}
.online .bank div span{
	font-weight:bold;
}
.online h2:not(.medicine-feature-area__title) {
    background: url(../images/h2_back.gif) no-repeat;
    height: 30px;
    padding: 6px 0 0 27px;
    font-weight: bold;
    font-size: 110%;
    color: #010060;
    margin: 20px 0;
    clear: both;
}
/*tab*/
/*タブ切り替え全体のスタイル*/
.tabs {
	background:#f5f5f5;
}
.tabs .intro{
	padding:0.5em 0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
}
/*タブのスタイル*/
.tab_item {
	width: calc(100%/2);
	background-color: #999;
	padding:0.5em 0;
	font-size:133%;
	text-align:center;
	font-weight:bold;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	-webkit-border-radius: 10px 10px 0 0 /  10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	border-radius: 10px 10px 0 0 /  10px 10px 0 0;
	cursor:pointer;
}
.tab_item:hover {
	opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding:20px 0;
	clear: both;
	overflow: hidden;
	background:#fff;
}

.tabs2 {
	padding:20px 0 20px 20px;
	background:#f5f5f5;
}
.tabs2 .intro{
	padding:0.5em 0;
	text-align:center;
	font-weight:bold;
	font-size:110%;
}
/*タブのスタイル*/
.tab_item2 {
	width: calc(94%/2);
	background-color: #010060;
	padding:0.5em 0;
	margin:0 20px 0 0;
	font-size:133%;
	text-align:center;
	font-weight:bold;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}
.tab_item2 a{
	text-decoration:none;
	color:#fff;
}
.tab_item2:hover {
	opacity: 0.75;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: #010060;
	color: #fff;
}

.online .entry_form dt, .online #formWrap dt{
	padding:20px;
	border-top:1px solid #010060;
	border-left:1px solid #010060;
	border-right:1px solid #010060;
	font-weight:bold;
	color:#010060;
	background:#e8eeff;
}
.online .entry_form dt .hissu, .online #formWrap dt .hissu{
	font-size:80%;
	padding:0.25em 0.5em;
	color:#fff;
	background:#ff8833;
	border-radius:4px;
	margin:0 0 0 1em;
}
.online .entry_form dd, .online #formWrap dd{
	padding:20px;
	border-left:1px solid #010060;
	border-right:1px solid #010060;
}
.online .entry_form .last{
	border-bottom:1px solid #010060;
}
#formWrap dl:last-child{
	border-bottom:1px solid #010060;
}
.all{
	background:#f5f5f5;
	padding:1em;
}
.all p{
	text-align:right;
	margin:0.5em 0;
}
.all div{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:end;
	justify-content:end;
	align-items: center;
}
.komoku{
	width:30%;
}
.online .entry_form{
}
/*form*/
/*form初期化*/
.online .inputw90{width:88% !important; margin:0 0 0 0.5em; vertical-align:middle;}
.online .inputw50{width:50% !important; margin:0 0 0 1em;}
.online .inputw30{width: auto !important; margin:0 0.5em ; background:#fff !important;}
.online .inputw20{width:20% !important; margin:0 0.5em ;}
.online .inputw3{width:3em !important; margin:0 0.5em 0 0;}
.online .inputw4{width:4em !important;}
.online .inputw6{width:6em !important;}
.online .inputw8{width:7em !important;}

.entry_form input, .entry_form button,
.entry_form textarea,
.monshin input, .monshin button,
.monshin textarea {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-sizing:border-box;
	/*
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	*/
}
.entry_form input[type="text"], .entry_form textarea,
.monshin input[type="text"], .monshin textarea {
	padding:0.5em 1em;
	font-size:18px;
	outline: none;
	background:#f5f5f5;
	border: 1px solid #ddd;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 100%;
}
.entry_form input[type="text"]:focus,
.entry_form textarea:focus,
.monshin input[type="text"]:focus,
.monshin textarea:focus {
	border: 1px solid #666;
	background:#fff;
}
select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
	background:#f5f5f5;
	border: 1px solid #ddd;
	padding:0.75em 1em;
	margin:0 0.5em 0 0;
}
.plcentry::-placeholder {
    color: #999;
}
.plcentry::-webkit-input-placeholder {
    color: #999;
}
.plcentry:-ms-input-placeholder {
    color: #999;
}
.plcentry::-moz-placeholder {
    color: #999;
}
.plcentry::-placeholder {
    color: #999;
}
/*radio*/
.radio1 {
    float: left;
    width: 48%;
    margin: 0 2% 0.5em 0;
}
/*button*/
#button01 {
	font-size:20px;
	padding:0 5em;
	line-height:80px;
	border-radius:80px;
	display: inline-block;
	font-weight:600;
	outline: none;
	background-color: #010060;
	color: #fff;
	border:none;
	cursor:pointer;
}
#button01:hover {
	border: none;
	background:#3da5d9;
}
#button01,
#button01::before,
#button01::after,
#button02,
#button02::before,
#button02::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#button02 {
	font-size:110%;
	line-height:80px;
	border-radius:80px;
	padding:0 5em;
	display: inline-block;
	font-weight:600;
	outline: none;
	background-color: #666;
	color: #fff;
	border:none;
	cursor:pointer;
}
#button02:hover {
	border: none;
	background:#999;
}

/*monshin*/
.monshin{
	padding:20px;
	font-size:95%;
	background:#F1EEDF;
}
.monshin h3{
	font-size:120%;
	font-weight:bold;
	color: #010060;
}
.monshin h3 span{
	color: #C00;
}
.monshin dl{
	margin:20px 0 0 0;
}
.monshin dt{
    background: #3F74AA;
    padding: 0.5em;
    font-weight: bold;
    color: #fff;
}
.monshin dd{
	background:#fff;
	padding:1em;
}
.ques_6{
	color:#376CA2;
	font-weight:bold;
	padding:0 0 0.5em 0;
	margin:0 0 0.5em 0;
	border-bottom:1px solid #3F74AA;
}
/*.pribox*/
.pribox h3{
	font-size:120%;
	font-weight:bold;
	color: #010060;
}
.pribox_inner {
    border: 1px solid #ddd;
    height: 160px;
    background: none repeat scroll 0 0 #f5f5f5;
    overflow: auto;
    padding: 4%;
}
.pribox_inner li{
	list-style-type: decimal;
	margin:0 0 1em 1em;
}
.pribox_check{
	padding:1em 0;
	background:#f5f5f5;
	text-align:center;
	font-weight:bold;
}

/*table*/
.online .table01{
	width:100%;
	font-size:80%;
	text-align:center;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}
.online .table01 th, .table01 td{
	padding:0.5em;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.online .table01 .th01{
	width:16%;
	background:#d3deff;
}
.online .table01 .th02{
	background:#e8eeff;
	font-weight:normal;
}

.online .table02{
	width:100%;
	font-size:80%;
	text-align:center;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
}
.online .table02 th, .table02 td{
	padding:0.5em;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.online .table02 th{
	background:#eee;
	width:50%;
}

.online .table03{
	width:650px;
	text-align:left;
	border-top:1px solid #ddd;
}
.online .table03 th, .table03 td{
	padding:1.5em 0;
	border-bottom:1px solid #ddd;
}
.online .table03 th{
	font-weight:normal;
	font-size:90%;
	width:85%;
}
.online .table03 th span{
	font-size:80%;
}
.online .error_messe{
	font-weight:bold;
	color:#f00;
}
#footer{
    background: url(../images/footer.gif) repeat-x;
	background-size: contain;
}
#footer_thanks{
    background: url(../images/footer.gif) repeat-x;
	background-size: contain;
	width:100%;
	position:fixed;
	bottom:0;
}
#footer p, #footer_thanks p{
	padding:0.5em 0;
	text-align:center;
	color:#fff;
}
/**
*追加修正 2022 adachi
**/

.content_breadcrumb {
	font-size: 0.75rem;
	margin: 0.75rem 0 0.5rem;
}

.content_breadcrumb > span {
	margin: 0 0.9375rem;
}

.content_breadcrumb > span:first-child {
	margin-left: 0;
}

.content_breadcrumb a {
	color: #0099EF;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: #0099EF;
	transition: all 0.3s ease 0s;
}

.content_breadcrumb a:hover {
	opacity: 0.6;
}

.content_text {
	font-size: 1rem;
	line-height: 1.7;
}

.content_text p {
	margin-top: 1.25rem;
}

.textRed {
	color: #FF0000;
}

form {
	margin-top: 1.25rem;
}

.common-fv {
	overflow: hidden;
	padding-top: 12.0967741935%;
	position: relative;
}
.common-fv picture {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.common-fv picture img {
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.common-fv__title {
	color: #004E8B;
	font-size: 1.875rem;
	font-weight: 700;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

/**
*追加修正 2022 adachi
**/
@media screen and (min-width: 769px) {
	.pc-none{display:none;}
}
@media screen and (max-width: 768px) {
	.sp-none{display:none !important;}
	.sp-f-left{text-align:left !important;}

	#content_fix #content_right{
		width:100%;
	}
	.online .inputw30{width:70% !important; }

	.online .inputw90{width:100% !important; margin:0;}
	.online .inputw20{width:40% !important; margin:0 0.5em;}

	.komoku{
		width:50%;
	}
	/*tab*/
	.online .tabs li {
		width:48%;
	}
	.online .tabs li:first-child{
		margin-right:2%;
	}
	.tabs2 {
		padding:10px 0 10px 3%;
	}
	/*タブのスタイル*/
	.tab_item2 {
		margin:0 3% 0 0;
		font-size:120%;
	}
	.online .entry_form dt{
		padding:1em;
	}
	.online .entry_form dd{
		padding:1em;
	}
	input[type=check] {
		display: none;
	}
	/*
	input[type=radio], */
	select{
		margin:0.5em;
		width:80%;
		padding:0.5em;
	}
	/*
	.radio1, .radio2 {
		display: block;
		float: left;
		width: 100%;
		margin: 0 0 0.5em 0;
		background: #E7F6FF;
		text-align: center;
		cursor: pointer;
		border-radius: 5px;
		padding: 10px 0;
	}
	.radio1:hover, .radio1:checked + label,
	.radio2:hover, .radio2:checked + label{
		color:#fff !important;
		background:#010060 !important;
	}
*/

/**/
	.radio1, .radio2 {
		display: block;
		float: left;
		width: 100%;
		margin:0;
	}

	.radio01-input{
		display: none;
	}
	.radio01-parts{
		background: #E7F6FF;
		margin: 0 0 0.5em 0;
		border-radius: 5px;
		padding: 10px 0;
		position:relative;
		display: block;
		cursor: pointer;
		text-align: center;
		transition: .2s;
		/*
		padding:15px 10px;
		margin: 0 3% 10px 0;
		min-width:40%;
		line-height: 1;
		border-radius:10px;
		border: 1px solid #ccc;
		float: left;
		*/

	}
	.radio01-parts::before{
		display: block;
	}
	.radio01-input:checked + .radio01-parts{
		color: #fff;
		background:#010060;
	}
	.radio01-input:checked + .radio01-parts::after{
		display: block;
		position: absolute;
	}
/**/
	#button01 {
		line-height:1.3;
		padding:1em;
		width:100%;
	}
	.pribox_inner li{
		width:calc(100% - 1em) !important;
	}
	.online .bank div{
		float:none;
		text-align:center;
		padding:1em;
		width:100%;
		box-sizing:border-box;
	}
	.online .mr20{ margin:0 0 20px 0;}

	.online .table01{
		text-align: left !important;
	}
	.online .table01 .th01{
		width:15% !important;
	}
	.online .table03{
		width:100%;
	}
	.online .table03 th{
		display:block;
		padding:0.5em 0 0 0;
	}
	.table03 td{
		display:block;
		padding:0 0 0.5em 0;
	}
	.online .table03 th{
		border-bottom:1px solid #fff;
		width:100%;
	}
	.thor, .weight{
		width:50% !important;
	}

	/**
	*追加修正 2022 adachi
	**/

	.content_breadcrumb {
		font-size: 0.625rem;
		margin: 0.5rem 0 0;
	}

	.content_breadcrumb > span {
		margin: 0 0.625rem;
	}

	.content_breadcrumb > span:first-child {
		margin-left: 0;
	}

	.online .entry_form {
		margin-top: 1.25rem;
	}

	.content_text__attention {
		letter-spacing: 0.1em;
		/* line-height: 1.75; */
		margin-bottom: 0.875rem;
		margin-top: 0.875rem;
		padding: 0.9375rem 0.75rem;
	}

	.common-fv {
    padding-top: 26.6666666667%;
	}
	.common-fv__title {
    font-size: 1.5rem;
    width: 90%;
	}

	/**
	*追加修正 2022 adachi
	**/

}

/* 2025-04-22 */
.online .caution2 p + p {
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.online .caution2 p + p {
    margin-top: 30px;
	}
}

/* 2025-08-07 */
.message-area {
	background-color: #FFF3F3;
	border: 1px solid #FF0000;
	letter-spacing: 0.06em;
	font-feature-settings: "palt";
	padding: 10px 20px 8px 45px;
	position: relative;
	margin: 20px 0;
}
@media (max-width: 519px) {
	.message-area {
		font-size: 15px;
		padding: 10px 10px 9px 46px;
		letter-spacing: 0.09em;
	}
}
.message-area::before {
	position: absolute;
	content: "";
	left: 18px;
	top: 12px;
	width: 20px;
	height: 20px;
	background: transparent url(https://libraclinic-shinjuku.com/wp-content/themes/libraclinic/img/icon/attention-icon.svg) no-repeat center/contain;
}
@media (max-width: 519px) {
	.message-area::before {
		left: 18px;
		top: 10px;
	}
}

.medicine-feature-area__title {
    box-sizing: unset;
}