@charset "UTF-8";

/* ＮＥＷグローバルインプット */	
.inputalpha:active,
.inputalpha:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}

html {
	font-size: 100%;
}
a {
	text-decoration: none;
	color:#29a4db;
}
a:visited{
	color:#333;
}
img {
	max-width: 100%;
}
h1, h2, h3, h4 {
	margin: 0; 
	padding: 0;
}

p {
	margin: 0; 
	padding: 0;
}

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0px 3px 0px;
}

body {
	font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro', 'Meiryo', serif;
	line-height: 1.7;
	overflow-y:scroll;
}

table {
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	width: 100%;
}

.inputalpha{
	cursor:pointer;
}

/* Header */
.header_div{
	display:inline-block;
}
.medical_header_image{
	float:left;
	display:inline-block;
	width:25%;
	height:auto;
	max-width:346px;
	min-width:173px;
}
.header_div--link {
	text-align:right;
}
.header_div--link ul {
	display:inline-block;
	list-style-type:none;
	font-size:1.2rem;
}
.header_div--link ul li {
	display:inline-block;
	margin-left:25px;
}

.header_div--link ul li a {
	color:#333!important;
}

.header_div--main{
	display:grid;
}

.header_div--main_p{
	display:block;
	margin:-37% 3% 0%;
}

.madical_header_image{
	display:block;
}
.madical_header_main_p1{
	display:inline-block;
	font-size:1.1rem;
	color:#fff;
	background-color: #29a4db;
	border-radius: 12px;
	padding: 6px 12px 6px 12px;
	margin-bottom:1.5%;
}

.madical_header_main_p2{
	display:block;
	color:#29a4db;
	font-size: 2.8rem;
	letter-spacing: 0.05rem;
	font-weight: 600;
	line-height:1.3;
}

.madical_header_main_p2 span{
	color:#ec661a!important;
	font-size: 140%!important;
}

.madical_header_main_p3{
	width:200px;
	background-color: #f08c1e!important;
	border-radius: 25px;
	border-bottom:solid 2px #e7641e;
	border-right:solid 3px #e7641e;
	text-decoration:none;
	background-image:url(../img/bt_kakunin.png);
	background-repeat:no-repeat;
	background-position:95% 52%;
	background-size:7%;
	color: #fff;
	font-size: 1.3rem;
	padding: 1% 9% 1% 7%;
	text-align: center;
	margin:3% 0% 0% 0%;
	position:relative;
}

.madical_header_main_p3 a {
	display:block;
	color:#fff!important;
}

.madical_header_main_p3 a:after {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	pointer-events:auto;
	content: "";
	background-color:transparent;
	width:-webkit-fill-available;
}

.header_div--sub_p{
	display:block;
	border-top:solid 4px #29a4db;
	border-bottom:solid 4px #29a4db;
}

.madical_header_sub_p1{
	display:block;
	padding:20px 0px 20px 0px;
	font-size: 1.0rem;
	letter-spacing: 0.1rem;
	font-weight: 400;
}

/* ご利用ください */
.div_use_main {
	display:block;
	padding:0% 3% 3% 3%;
	background-color: #29a4db;
}

.div_use_main p{
	display:block;
	margin-top:20px;
	padding:3% 3% 0% 3%;
	background-color: #29a4db;
	text-align:center;
	color:#fff;
	font-size: 3.0vw;
	font-weight: 600;
}

.div_use_main hr{
	display:block;
	width:20%;
	padding-top:0.3%;
}

.div_use_main_image{
	display:block;
	padding-top:2%;
}

.div_use_main_image_back{
	display:block;
	width:5%;
	margin:0 auto;
}

/* 買い取ります */
.div_buy {
	display:block;
	max-width: 1100px;
	width: 100%;
	margin: 0px auto;
}

.div_buy_main {
	display:block;
	margin: 5px auto 0;
	text-align:center;
}

.div_buy_main p {
	display:block;
	color:#29a4db;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.4;
}

.div_buy_main .top {
	padding: 3% 0% 3% 0%;
	font-size: 4.0rem!important;
}

.div_buy_main p span {
	color:#f08c1e;
}

.div_buy_main_image {
	width:50%;
	padding-left:7%;
	padding-bottom:3%;
}

.div_buy_main hr{
	display:block;
	width:280px;
	padding-top:0.3%;
}

.div_buy_main .p3 {
	font-size: 1.4rem;
	font-weight: 400;
}

.div_buy_sub_box {
	display:flex;
	padding-top:3%;
	text-align:center;
	flex-wrap:wrap;
	justify-content:space-evenly;
}

.div_buy_sub_box p {
	display:inline-block;
	width:29%;
	min-width:220px;
	font-size: 1.3rem;
	font-weight: 400;
	color:#29a4db;
	line-height:1.4;
	padding:2% 1% 2% 1%;
	text-align:center;
	border:solid 2px #29a4db;
	border-radius: 5px;
	margin-bottom:1%;
	margin-right:1%;
}

.div_buy_sub_box p span{
	font-size: 75%;
	font-weight: 400;
	color:#f08c1e;
}

.div_buy_sub_box .p3 {
	padding-top:3%;
	padding-bottom:4%;
}

.div_buy_sub_a {
	display:flex;
	text-align:center;
	flex-wrap:wrap;
	justify-content:space-evenly;
}

.div_buy_sub_a .div_buy_sub_a_p1{
	width:290px;
	position:relative;
	background-color: #39ae4a;
	border-radius: 25px;
	border-bottom:solid 2px #39884a;
	border-right:solid 3px #39884a;
	text-decoration:none;
	background-image:url(../img/bt_kaitori_list.png);
	background-repeat:no-repeat;
	background-position:95% 52%;
	background-size:7%;
	color: #fff;
	font-size: 1.3rem;
	padding: 2% 7% 2% 2%;
	text-align: center;
	margin:4% 1% 0% 1%;
}

.div_buy_sub_a .div_buy_sub_a_p2{
	width:290px;
	position:relative;
	background-color: #f08c1e;
	border-radius: 25px;
	border-bottom:solid 2px #e7641e;
	border-right:solid 3px #e7641e;
	text-decoration:none;
	background-image:url(../img/bt_kaitori.png);
	background-repeat:no-repeat;
	background-position:95% 52%;
	background-size:7%;
	color: #fff;
	font-size: 1.3rem;
	padding: 2% 7% 2% 3%;
	text-align: center;
	margin:4% 1% 0% 1%;
}

.div_buy_sub_a a {
	color:#fff!important;
}

.div_buy_sub_a a:after {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	pointer-events:auto;
	content: "";
	background-color:transparent;
	width:-webkit-fill-available;
}

.div_buy_sub_a input:after {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	pointer-events:auto;
	content: "";
	background-color:transparent;
	width:-webkit-fill-available;
}



/* お取引の流れ */
.div_flow {
	display:block;
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	padding-top:8%;
}

.div_flow_main {
	display:block;
	margin: 5px auto 0;
	text-align:center;
}

.div_flow_main p {
	display:block;
	color:#29a4db;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.4;
}

.div_flow_main p span {
	color:#f08c1e;
}

.div_flow_main hr{
	display:block;
	width:220px;
	padding-top:0.3%;
}

.div_flow_main_image {
	padding-top:5%;
}

.div_flow_sub {
	display:block;
	max-width: 1100px;
	width:100%;
	margin: 0px auto;
	padding-top:4%;
	text-align:center;
}

.div_flow_sub_main {
	display: flex;
	align-items: stretch;
	border:solid 3px #29a4db;
	border-radius: 10px;
}


.div_flow_sub_main_ {
	display:inline-block;
	width:92%;
	text-align:left;
	margin-left:2%;
}

.div_flow_sub_main_left {
	background-color: #29a4db;
	padding:5px;
	text-align:center;
	width:7%;
}

.div_flow_sub_main_left .p1 {
	color:#fff;
	font-size: 0.8rem;
	font-weight: 400;
	padding-top: 20%;
}

.div_flow_sub_main_left .p2 {
	color:#fff;
	font-size: 1.7rem;
	font-weight: 400;
	margin-top: -12%;
}

.div_flow_sub_main_left .p3 {
	-webkit-writing-mode:vertical-lr;
	color:#fff;
	margin:0 auto;
	padding-top: 15%;
	font-weight: 400;
	letter-spacing: 0.2rem;
	font-size:1.4rem;
}
.div_flow_sub_main_left .p3 span {

}

.div_flow_sub_main_middle {
	display:inline-block;
	text-align:left;
	width:63%;
	min-width:260px;
	vertical-align:top;
	padding-top:2%;
	padding-bottom:3%;

}

.div_flow_sub_main_middle .p4 {
	color: #29a4db;
	font-size: 1.7rem;
	font-weight: 500;
	padding: 1% 3% 3% 0%;
	line-height:1.4;
}


.div_flow_sub_main_middle .p5 {
	width:220px;
	position:relative;
	background-color: #f08c1e!important;
	border-radius: 25px;
	border-bottom:solid 2px #e7641e;
	border-right:solid 3px #e7641e;
	text-decoration:none;
	background-image:url(../img/bt_kaitori.png);
	background-repeat:no-repeat;
	background-position:95% 52%;
	background-size:7%;
	color: #fff;
	font-size: 1.2rem;
	padding: 2% 7% 2% 5%;
	text-align: center;
	margin:2% 0% 0% 0%;
}

.div_flow_sub_main_middle .p5 a {
	color: #fff;
}

.div_flow_sub_main_middle .p5 a:after {
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	pointer-events:auto;
	content: "";
	background-color:transparent;
	width:-webkit-fill-available;
}

.div_flow_sub_main_middle .p6 {
	float:left;
	font-size: 1.1rem;
	font-weight: 400;
}

.div_flow_sub_main_middle .p7 {
	padding-left:14px;
	font-size: 1.1rem;
	font-weight: 400;
	width:77%;
}


.div_flow_sub_main_middle .pBox {
	margin:3% 0% 3% 0%;
	padding:2% 0% 2% 0%;
	border: solid 1px #666;
}

.div_flow_sub_main_right {
	display:inline-block;
	width:30%;
	text-align:center;
	padding:4% 3% 0% 3%;
}
.div_flow_sub_main_right img {
	width:260px;

}

.div_flow_sub_image {
	display:block;
	margin: 2% auto;
	text-align:center;
}

.div_flow_sub_image img{
	width:3%;
}



/* よくあるご質問 */

.div_qa {
	display:block;
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	padding-top:5%;
}

.div_qa_main {
	display:block;
	margin: 5px auto 0;
	text-align:center;
	padding-bottom:2%;
}

.div_qa_main p {
	display:block;
	color:#29a4db;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.4;
}

.div_qa_main p span {
	color:#f08c1e;
}

.div_qa_main hr{
	display:block;
	width:200px;
	padding-top:0.3%;
}

.div_qa_main_image {
	padding-top:5%;
}

.accordion-container {
	margin: 1% auto 0;
	max-width: 1100px;
	width: 100%;
	border-top: 1px solid #ccc;
}

.accordion-list{
	border-bottom: 1px solid #ccc;
	margin-bottom: 1%;
}

.accordion-list:not(:first-child) {
	margin-top: 1%;
}
.accordion-title {
	background: #fff;
	cursor: pointer;
	padding: 0% 3% 0% 1%;
	position: relative;
}

.accordion-title:before {
	position: absolute;
	content: '';
	top: 50%;
	right: 5%;
	height: 2.5%;
	width: 2.5%;
	background: #29a4db;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}

.accordion-title:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 5%;
	height: 2.5%;
	width: 2.5%;
	background: #29a4db;
	transition: all .3s ease-in-out;
}

.accordion-title.open:before {
	transform: rotate(180deg);
}

.accordion-title.open:after {
	opacity: 0;
}

.accordion-text {
	background: #def1fb;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	display: none;
	padding: 1% 5% 1% 1%;
	margin-inline-start:0px;
}

.accordion-text-p {
	display: inline-block;
	width: 85%;
	padding-left: 7%;
	padding-top: 1.5%;
	font-weight: 400;
	font-size: 1.2rem;
	line-height:1.5;
}

.accordion-title_qa {
	vertical-align: middle;
	color: #29a4db;
	font-size: 2.5rem;
	font-weight:600;
	margin: 0px 2% 0% 3%;
	display: inline-block;
	letter-spacing: -1em;
	font-family: Arial;
	padding-bottom:0.5%;
}

.accordion-title_qa_an {
	vertical-align: top;
	color: #29a4db;
	font-size: 2.5rem;
	font-weight:600;
	margin: 0px 2% 0% 3%;
	display: inline-block;
	letter-spacing: -1em;
	font-family: Arial;
	padding-bottom:0.5%;
}

.accordion-text-p-an {
	display: inline-block;
	width: 88%;
	padding-left: 7%;
	padding-top: 2%;
	padding-bottom: 2%;
	font-weight: 400;
	font-size: 1.1rem;
	line-height:1.5;
}

/* お見積りフォーム ヘッダ */

.section--mitsumori {
	margin-top: 50px;
}
.section_div--mtitle {
	background-color: #ec661a;
	padding: 5px 0;
}
.section_div--mtitle h3 {
	font-size: 1.4rem;
	color: white;
	padding-left:7%;
}

/* お見積りフォーム SECTION */

.main__section--buyform {
	max-width:1000px;
	margin:0 auto;
}

.section_div--mabout {
	margin-top: 10px;
	padding: 10px;
	border: 2px solid #ddd;
}
.div_h3--mabout {
	font-weight: 400;
	font-size: 1.1rem;
}
.h3_span--block {
	border-left: solid 5px #ec661a;
	font-size: 1.2rem;
}
.div_p--mabout {
	font-size: 0.9rem;
    font-weight: 400;
	line-height: 1.5;
	margin-top: 10px;
}

.div_p--mabout a{
	color:#29a4db!important;
}

/* お見積りフォーム お客様情報 */

.form_h2 {
	border-bottom: 3px solid #ec661a;
	font-size: 1.3rem;
	margin-top: 20px;
	padding: 2px 5px;
	font-weight: 400;
}

.form_table--cs {
	border-collapse: collapse;
	width: 100%;
}
.table_th--cs-out {
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	padding: 1%;
	text-align: left;
	width: 20%;
	font-size: 0.9rem;
    font-weight: 400;
}

.table_td--cs-out {
	font-size: 0.9rem;
	padding: 15px;
	width: 90%;
	border-bottom: 1px solid #aaaaaa;
}
.th_span--red {
	color: #c11f20;
	font-size: 90%;
	margin-left: 10px;
}
.td_input--80 {
	border: 1px solid #aaaaaa;
    border-radius: 5px;
    height: 30px;
    width: 80%;
}
.table_p--small {
	font-size: 90%;
	margin-top: 2px;
}

.radio {
	padding-left: 15%;
	margin-top: 2px;
}

/* お見積りフォーム お見積り商品 */

.form_span--red {
	color: #c11f20;
	font-size: 1rem;
	font-weight: bolder;
}
.table_th-span--red {
	color: #c11f20;
	font-size: 1rem;
	margin-left: 10px;
}

.table_th--main {
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	padding: 0 1%;
	text-align: left;
	width: 20%;
}
.table_td--main {
	border-bottom: 1px solid #ddd;
	font-size: 0.9rem;
	padding: 10px;
	width: 80%;
}
.table_th--sub {
	border-left: 1px solid #fff;
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	padding: 0 1%;
	text-align: center;

}
.table_td--sub {
	border-bottom: 1px solid #ddd;
	font-size: 0.9rem;
	padding: 3px;
	text-align: center;

}
.input {
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 30px;
	width: 100%;
	transform: scale(0.9);
}

.textarea {
	border: 1px solid #ccc;
	border-radius: 5px;
}
.intro_p--bottom {
	margin-top:10px;
	text-align:center;
}

.intro_p--bottom a{
	color:#29a4db!important;
}

input.form_input--confirm {
	display:block;
	background-color: #ea5a24;
	border-radius: 15px;
	border-bottom:solid 5px #c84524;
	border-right:solid 5px #c84524;
	border-top:solid 0px #ffffff;
	border-left:solid 0px #ffffff;
	text-decoration:none;
	background-image:url(../img/bt_kakunin.png);
	background-repeat:no-repeat;
	background-position:95% 52%;
	background-size:7%;
	color: #fff;
	font-size: 1.3rem;
	margin: 20px auto;
	padding: 10px;
	width: 280px;
}

/* Footer */
.footer_div--link {
	text-align:center;
}
.footer_div--link ul {
	list-style-type:none;
	font-size:0.9em;
}
.footer_div--link ul li {
	display:inline-block;
	margin:0px 10px 0px 10px;
}
.footer_div--link ul li a {
	color:#333!important;
}

.pagetop {
	float:right;
}

.pagetop a img {
	width:50px;
	margin-top:-5%;
}
.footer_div--copy {
	background-color: #808080;
	padding: 10px 0px 10px 0px;
	text-align:center;
	font-weight:200;
}
.footer_p--copy {
	color: white;
	font-size:0.9em;
}

/* お見積りフォーム 2ページ目*/
section.e-h1 h1 {
	color: #fff;
	background-color: #ec661a;
	padding: .3rem;
}
section.e-h1 div {
	padding: 2%;
	font-size: 0.95rem;
	margin-top: 20px;
	border: solid 1px #ccc;
}
section.e-h2,section.p3 {
	max-width:1000px;
	margin:20px auto;
	font-size:1.1rem;
	font-weight:400;
}
section.e-h2 h2 {
	font-size:1.1rem;
	font-weight:400;
	margin-top:20px;
}


table.e-table th {
	width:15%;
	text-align: center;
}
table.e-table td.td1 ,table.e-table th.td1 {
	width: 40%;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
table.e-table td.td2 ,table.e-table th.td2 {
	width: 15%;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
table.e-table td.td1 input{
	width: 100%;
}

table {
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid #ddd;
}
.e-h2_1{
	border-top: 2px solid #ec661a;
}
.e-h2_2{
	border-top: 2px solid #ec661a;
}
table.To th {
	background-color: #f8eac6;
}
.e-h2_1 th {
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	padding: 0 1%;
	width: 15%;
	font-weight: normal;
	text-align: left;
}
.e-h2_2 th {
	background-color: #ddd;
	border-bottom: 1px solid #fff;
	padding: 0 1%;
	width: 20%;
	font-weight: normal;
	text-align: left;
}
.e-h2_1 td {
	width: 60%;
	border-bottom: 1px solid #ddd;
	padding: 15px;
	font-size: 0.9rem;
}
.e-h2_2 td {
	border-bottom: 1px solid #ddd;
	padding: 4px;
	font-size: 0.9rem;
}
input.e-submit {
	display:block;
	background-color: #ea5a24;
	border-radius: 15px;
	border-bottom:solid 5px #c84524;
	border-right:solid 5px #c84524;
	border-top:solid 0px #ffffff;
	border-left:solid 0px #ffffff;
	text-decoration:none;
	background-image:url(../img/bt_kakunin.png);
	background-repeat:no-repeat;
	background-position:95% 52%;
	background-size:7%;
	color: #fff;
	font-size: 1.3rem;
	margin: 20px auto;
	padding: 10px;
	width: 280px;
}



input.submit2 {
	color: #000;
	padding: 2px;
	background-color: #ddd;
	width: 80px;
	display: block;	
	margin: 10px auto 0;
	border: 1px #000 solid;
	border-radius: 5px;
	box-shadow: 3px 3px #5a5a5a;
	font-size: 1.3rem;
}

/* お見積りフォーム 3ページ目*/
section.p3 {
	text-align: center;
	margin-top: 20px;
}
div.gray {
	background-color: #ddd;
	padding: 2% 2%;
	margin-bottom: 20px;
}
p.red2 {
	color: #f00;
	font-size: 1.1rem;
	font-weight: bolder;
	margin-bottom: 15px;
}
p.btn a {
	display: block;
	padding: 10px;
	background-color: #ea5a24;
	border-bottom:solid 5px #c84524;
	border-right:solid 5px #c84524;
	border-top:solid 0px #ffffff;
	border-left:solid 0px #ffffff;
	border-radius:15px;
	font-size: 1.0rem;
	margin: 20px auto 0;
	color: #fff;
	width: 280px;
}



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

html {
	font-size: 80%;
}

.div_flow_sub_main_left .p1 {
	font-size: 0.6rem;
}

.div_flow_sub_main_left .p2 {
	font-size: 1.4rem;
}

.div_flow_sub_main_left .p3 {
	font-size:1.1rem;
}

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

/* HEADER */
.header_div--link ul li {
	margin-left:15px;
}
.header_div--link ul {
	font-size:1.0rem;
}
.header_div--main_p{
	margin:-41% 0% 0%!important;
}
.madical_header_main_p1{
	font-size:0.8rem;
}
.madical_header_main_p2{
	font-size: 2.0rem;
}
.madical_header_main_p3{
	margin:2% 0% 2% 0%;
}

/* BUY */
.div_buy_main .top {
	font-size: 2.2rem!important;
}

/* FLOW */
.div_flow_sub_main_middle .p4 {
	font-size: 1.3rem!important;
}
.div_flow_sub_main_middle .p7 {
	width:90%!important;
}

/* QA */
.accordion-title_qa {
	font-size: 2.0rem;
}
.accordion-title_qa_an {
	font-size: 2.0rem;
}

.accordion-text-p {
	font-size: 1.0rem;
}
.accordion-text-p-an {
	font-size: 0.9rem;
}

/* INPUT */
span.radio {
	padding-left: 5%;
}

.e-h2_2 th {
	width: 10%;
}
.e-h2_1 td {
	border-bottom: 1px solid #ddd;
	padding: 4px;
	font-size: 0.9rem;
}
.e-h2_2 td {
	border-bottom: 1px solid #ddd;
	padding: 4px;
	font-size: 0.9rem;
}


}