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


/*---------------------------------------------------------
　基本色
---------------------------------------------------------*/
/*

オレンジ　#f48415;
薄オレンジ　#fae8d7;

濃茶色　#442407;
茶色　　#a5876b:
薄茶色　#e4d7ca;

*/

/*---------------------------------------------------------
　設定
---------------------------------------------------------*/

body {
	font-family: "open sans",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック体','Yu Gothic','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background: #fff;
	color: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
    letter-spacing: 1px;
	overflow: visible;
	word-break: break-all;
	-webkit-text-size-adjust:100%;
}
a {
	color: #333;
	overflow: hidden;
	text-decoration: none;
}
a:active, a:focus {outline:none;}fieldset {border:0;}a img,img {border:0;vertical-align:top;}abbr,acronym {border:0;}address,caption,cite,code,dfn,em,th,strong,var {font-style:normal;font-weight:normal;}blockquote,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol,ul,li,p,pre,span,td,th,article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,audio,video {margin:0;padding:0;}caption,th {vertical-align:top;text-align:left;}small {font-size:100%;}code,kbd,pre,samp,tt {font-family:monospace;line-height:100%;}hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}ol,ul,li {list-style:none;}q:before,q:after {content:'';}
/* form */
button,fieldset,form,input,label,legend,select,textarea {font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
/* table */
table {border-collapse:collapse;border-spacing:0;font-size:100%;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

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

header {
	background:#FFF;
	text-align:center;
	width:100%;
}

header img {
	width:85%;
	height:auto;
	padding:3px;
}

header p {
	font-size:14px;
	font-weight:bold;
	padding:5px;
	background:#ee7407;
	color:#FFF;
}

header p.clinic {
	font-size:12px;
	background:#442407;
}

/*
header p {
	font-size:14px;
	font-weight:bold;
	padding:5px;
	color:#ee7407;
	border-top:1px solid #ee7407;
}

header p.clinic {
	color:#fff;
	font-size:12px;
	background:#442407;
	border:none;
}
*/
/*---------------------------------------------------------
　main
---------------------------------------------------------*/

main {
	margin:30px 0;
	background:#FFF;
}

/*---------------------------------------------------------
　article
---------------------------------------------------------*/

article {
	margin:0 0 20px;
}

/*---------------------------------------------------------
　section
---------------------------------------------------------*/

section {
	padding:15px;
}

.privacy section {
	padding-bottom:30px;
}
.privacy section:last-child {
	padding-bottom:15px;
}

section p a {
	color:#f48415;
}

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

footer {
	background:#fae8d7;
}

footer #page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
}

footer #page-top a {
    background: rgba(68,36,7,0.8);
    text-decoration: none;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 3px;
}
footer #page-top a:hover {
    text-decoration: none;
    background: #442407;
}

footer ul {
	padding:15px;
}

footer ul li {
	margin:0 0 5px 0;
}

footer small {
	background:#442407;
	color:#FFF;
	display:block;
	font-size:10px;
	text-align:center;
	padding:5px;
}

/*---------------------------------------------------------
　見出し
---------------------------------------------------------*/

h2 {
	padding:10px 15px;
	margin-bottom:5px;
	color:#442407;
	border-bottom:2px solid #442407;
	border-top:2px solid #442407;
	font-size:14px;
	font-weight:bold;
}

h2 span {
	display:inline-block;
	font-size:10px;
}

h3 {
	padding:5px 15px;
	margin-bottom:5px;
	background:#fae8d7;
	font-weight:bold;
	font-size:14px;
}

h4 {
	padding:5px 15px;
	margin-bottom:5px;
	color:#442407;
	border-bottom:1px solid #442407;
	font-weight:bold;
	font-size:14px;
}

h5 {
	padding:5px 15px;
	margin-bottom:5px;
	font-weight:bold;
}

/*---------------------------------------------------------
　フォーム
---------------------------------------------------------*/
section.formArea {
	background:#eee;
}

.formArea dl {
	background:#FFF;
	padding:10px;
}

.formArea dl dt {
	display:block;
	font-weight:bold;
	padding-bottom:10px;
}

.formArea dl dd {
	display:block;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #a5876b;
}

.formArea dl dd:last-child {
	margin-bottom:0;
	border:none;
}


/* チェックボックス */
.formArea dl dd input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.formArea dl dd input[type=checkbox] + label {
    position: relative;
    display: block;
    margin: 5px 0 5px 12px;
    cursor: pointer;
}

.formArea dl dd input[type=checkbox] {
    display: none;
    margin: 0;
}

.formArea dl dd input[type=checkbox] + label {
    padding: 0 0 0 35px;
}
.formArea dl dd input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    background: #FFF;
 }
.formArea dl dd input[type=checkbox] + label::before {
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    background-color: #f8f9fa;
}
.formArea dl dd input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
.formArea dl dd input[type=checkbox]:checked + label::after {
		left: 3px;
		width: 15px;
		height: 10px;
		margin: -6px 0 0 3px;
		border-left: 3px solid #442407;
		border-bottom: 3px solid #442407;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}

span.price {
	font-size:10px;
	color:#999;
	display:block;
}

/* チェックボックス - 受診者情報の入力 - */

.formArea dl dd .checkbox_visible input[type=checkbox] {
		display: none;
}

.formArea dl dd .checkbox_visible span {
		display: inline-block;
		height: 35px;
		padding-left: 35px;
		position:relative;
		margin-right: 20px;
}

.formArea dl dd .checkbox_visible span::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 26px;
		height: 26px;
		border: 1px solid #d7d7d7;
		border-radius: 2px;
		background-color: #f8f9fa;
}

.formArea dl dd .checkbox_visible input[type=checkbox]:checked + span::after{
		content: "";
		display: block;
		position: absolute;
		top: 12px;
		left: 3px;
		width: 15px;
		height: 10px;
		margin: -6px 0 0 3px;
		border-left: 3px solid #442407;
		border-bottom: 3px solid #442407;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}


/* ラジオボタン */
.formArea dl dd input[type="radio"] {
    display: none;
    margin: 0;
}

.formArea dl dd input[type="radio"] + label {
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    margin-right: 12px;
    position: relative;
    padding: 0 0 0 35px;	
}

.formArea dl dd input[type="radio"] + label::before {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 26px;
    left: 0;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 26px;
    border: 1px solid #d7d7d7;
    border-radius: 30px;
}

.formArea dl dd input[type="radio"]:checked + label::after {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background: #442407 none repeat scroll 0 0;
    border-radius: 8px;
    height: 12px;
    left: 7px;
    margin-top: -6px;
    width: 12px;
}


/* テキスト */
.formArea dl dd input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f8f9fa;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    display: block;
    padding: 5px 10px;
    margin:10px 0;
    width: 100%;
}

.formArea dl dd input.inBox[type="text"] {
	display:inline;
	width:auto;
}

/* テキストエリア */
.formArea dl dd textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f8f9fa;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    height: 10em;
    padding: 5px 30px 5px 10px;
	margin:10px 0;
    width: 100%;
}

/* セレクト */
.formArea dl dd select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    padding: 5px 30px 5px 10px;
	margin:10px 0;
    width: 100%;
}

.formArea dl dd select::-ms-expand {
	display: none;
}

.formArea dl dd .listSide li {
	padding:0 3px;
}
.formArea dl dd .listBtn li select,
.formArea dl dd .listSide li select {
	width:80%;
}
 
/* 年月日 */
.formArea dl dd .selectDate {
	display:table;
	width:auto;
}

.formArea dl dd .selectDate li { 
	display:table-cell;
	text-align:right;
}

.formArea dl dd .selectDate li:nth-child(even) {
	padding:0 5px;
}


/* 電話番号 */
.formArea dl dd .listTel {
	display:table;
	width:auto;
}

.formArea dl dd .listTel li {
	display:table-cell;
	vertical-align:middle;
}

.formArea dl dd .listTel li:nth-child(even) {
	padding:0 5px;
}

/* 郵便番号 */
.formArea dl dd .listZip {
	display:table;
	max-width:70%;
}
 
.formArea dl dd .listZip li {
	display:table-cell;
	vertical-align:middle;
}

.formArea dl dd .listZip li:nth-child(2) {
	padding:0 5px;
}
 
 /* 連絡方法 */
 
 .formArea dl dd .contactType {
	 margin:10px 0 10px 40px;
 }
 

/* 必須 */
.hissu { color:#FFF; background:#f42a15; padding:5px; display:inline-block; margin-right:5px; font-weight:normal; font-size:9px; line-height:1; }

/* コメント */
.formArea .hintoArea1 {
	background:#fae8d7;
	padding:5px;
	margin-top:5px;
}

.formArea .ind1 {
	background:#fae8d7;
	padding:5px;
	display:block;
}

/* PCとHTML共通部分のCSS調整 */
 .formArea #dd_option1,
 .formArea #dd_option2 {
	background:#FFF;
	padding:10px;
}

/*
.formArea #dd_option1 input{
	display:none;
}
.formArea #dd_option1 label{
	display:block;
	position:relative;
	padding-left:30px;
	margin:5px 0;
}
.formArea #dd_option1 label:before,
.formArea #dd_option1 label:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:26px;
	border-radius:3px;
	}
.formArea #dd_option1 label:before{
	background:#f8f9fa;
	border:1px solid #d7d7d7;
}



.formArea #dd_option1  input:checked + label:after {
	left: 3px;
	width: 15px;
	height: 10px;
	border-left: 3px solid #442407;
	border-bottom: 3px solid #442407;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:3px;
	z-index:10;
}
*/


/*---------------------------------------------------------
　アラート
---------------------------------------------------------*/

.msgAlert {
	background:#fcd4d4;
	border-radius:3px;
	color:#c71414;
	padding:5px 10px;
}


p.input_alert {
	background:#fcd4d4;
	border-radius:3px;
	color:#c71414;
	padding:5px 10px;
}

/*---------------------------------------------------------
　ボタン
---------------------------------------------------------*/

.btnOK {
	color:#FFF;
	background:#f48415;
	display:block;
	border-radius:3px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.btnBack {
	text-align:center;
	background:#eee;
	border-radius:3px;
}

.btnNext {
	color:#f48415;
	background:#FFF;
	border:1px solid #f48415;
	display:block;
	border-radius:3px;
	padding:7px;
	text-align:center;
}

.btnTop {
	background:#FFF;
	border:1px solid #442407;
	border-radius:3px;
}

.btnConf {
	color:#442407;
	background:#f48415;
	display:block;
	border-radius:3px;
	padding:13px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

/* インデックス */

.btnOK.index {
	background:#34936b;
	font-size:18px;
	padding:13px;
}

.btnNext.index {
	background:#3584c6;
	color:#FFF;
	border:none;
	padding:10px;
	font-size:14px;
}


/*---------------------------------------------------------
　アイコン
---------------------------------------------------------*/
.icoNext,
.icoBack{
position: relative;
display: inline-block;
padding: 3px 3px 3px 16px;
vertical-align: middle;
text-decoration: none;
background:#eee;
border-radius:3px;
font-size:11px;
}
.icoNext::before,
.icoNext::after,
.icoBack::before,
.icoBack::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.icoNext::before{
left: 6px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 4px solid #442407;
}

.icoBack::before{
left: 6px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-right: 4px solid #442407;
}


/*---------------------------------------------------------
　リスト
---------------------------------------------------------*/


.listDiscB { /* 茶色● */
	margin-left:13px;
}

.listDiscB li {
    margin: 10px 0 0;
    text-indent: -13px;
}

.listDiscB li::before {
    color: #442407;
    content: "●";
	font-size:8px;
	padding-right:5px;
}

.listNumber { /* 数字 */
	margin:0 15px;
}

.listNumber li {
	list-style:decimal;
	margin-bottom:10px;
}

.listKome li { /* ※印 */
	margin:0 0 10px 1em;
}

.listKome li:before {
	content:"※";
	text-indent:1em;
	margin-left:-1em;
}

/*---------------------------------------------------------
　配置
---------------------------------------------------------*/

.listBtn li { /* ボタン縦並び */
	margin:10px 0;
}

.listSide { /* ボタン横並び */
	display:flex;
	flex-wrap:no-wrap;
	justify-content: space-between;
	width:100%;
}

.listSide li {
	display:inline-block;
	vertical-align:middle;
}

.TR { text-align:right; }
.TC { text-align:center; }
.TL { text-align:left; }

/*---------------------------------------------------------
　フォント
---------------------------------------------------------*/

.B { font-weight:bold; }

/* -----------------------------------------------------------
　余白
----------------------------------------------------------- */
.mNone { margin: 0 !important; }
.mT0  { margin-top: 0px !important; }
.mT5  { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }
.mB0  { margin-bottom: 0px !important; }
.mB5  { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }
.mL0  { margin-left: 0px !important; }
.mL5  { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL13 { margin-left: 13px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }
.mR0  { margin-right: 0px !important; }
.mR5  { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }
.pNone { padding: 0 !important; }
.pT0  { padding-top: 0px !important; }
.pT5  { padding-top: 5px !important; }
.pT10 { padding-top: 10px !important; }
.pT15 { padding-top: 15px !important; }
.pT20 { padding-top: 20px !important; }
.pT25 { padding-top: 25px !important; }
.pT30 { padding-top: 30px !important; }
.pT35 { padding-top: 35px !important; }
.pT40 { padding-top: 40px !important; }
.pT45 { padding-top: 45px !important; }
.pT50 { padding-top: 50px !important; }
.pT60 { padding-top: 60px !important; }
.pB0  { padding-bottom: 0px !important; }
.pB5  { padding-bottom: 5px !important; }
.pB10 { padding-bottom: 10px !important; }
.pB15 { padding-bottom: 15px !important; }
.pB20 { padding-bottom: 20px !important; }
.pB25 { padding-bottom: 25px !important; }
.pB30 { padding-bottom: 30px !important; }
.pB35 { padding-bottom: 35px !important; }
.pB40 { padding-bottom: 40px !important; }
.pB45 { padding-bottom: 45px !important; }
.pB50 { padding-bottom: 50px !important; }
.pL0  { padding-left: 0px !important; }
.pL5  { padding-left: 5px !important; }
.pL10 { padding-left: 10px !important; }
.pL15 { padding-left: 15px !important; }
.pL20 { padding-left: 20px !important; }
.pL25 { padding-left: 25px !important; }
.pL30 { padding-left: 30px !important; }
.pL35 { padding-left: 35px !important; }
.pL40 { padding-left: 40px !important; }
.pL45 { padding-left: 45px !important; }
.pL50 { padding-left: 50px !important; }
.pR0  { padding-right: 0px !important; }
.pR5  { padding-right: 5px !important; }
.pR10 { padding-right: 10px !important; }
.pR15 { padding-right: 15px !important; }
.pR20 { padding-right: 20px !important; }
.pR25 { padding-right: 25px !important; }
.pR30 { padding-right: 30px !important; }
.pR35 { padding-right: 35px !important; }
.pR40 { padding-right: 40px !important; }
.pR45 { padding-right: 45px !important; }
.pR50 { padding-right: 50px !important; }