body {
	position: relative;
	background-color: #fff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.backcolor_blue_dark{
	background-color: #6877ca;
	color: #fff;
}

.backcolor_blue_middle{
	background-color: #d0d9ff;
}

.backcolor_blue_light{
	background-color: #ebeefd;
}

.width_100{
	width: 100% !important;
}

.font_bold{
	font-weight: bold;
}

.text_center{
	text-align: center;
}

.vertical_align_bottom{
	vertical-align: bottom;
}

.hidden{
	display: none;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  margin: 5px;
  padding: 6px;
  color: #222222;
  font-size: 16px;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px solid #666666;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #4d4d4d;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #4d4d4d;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #4d4d4d;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #4d4d4d;
}

div.header div.header_img {
	background: #ffffff;
	box-sizing: border-box;
}

div.header div.header_line {
	background: #9db6df;
}

div.content {
	width: 100%;
	font-size: 0;
}

div.content.result{
	background-color: #E9EBF5;;
}

div.content_main {
	margin: 0 auto;
	font-size: 16px;
	box-sizing: border-box;
}

div.content_main h1 {
	text-align: center;
}

div.content_inner p.top_text{
	margin-bottom: 54px;
}

div.content_main h1 div.h1_left ,
div.content_main h1 div.h1_right {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}

div.capecitabine div.content_main h1 {
	background: #86d2da;
}

div.content_main h1 div.h1_left img ,
div.content_main h1 div.h1_right img {
	max-width: 100%;
}

div.content_main div#form{
	font-size: 18px;
	margin-bottom: 74px;
}

div.content_main div.form_row{
	display: flex;
}

div.content_main div.form_row{
	margin: 0 auto;
	padding-bottom: 20px;
	font-weight: bold;
}

div.content_main div.form_row.border_bottom_line{
	border-bottom: solid 1px #000;
	margin-bottom: 40px;
}

div.content_main div.form_row label.item_text{
	display: block;
}

div.content_main div.btn_row{
	display: block !important;
	text-align: center;
}

#form div.btn_row{
	margin-top: 30px;
}

a.btn {
	height: 45px;
	font-size: 18px;
	display: inline-block;
	background-color: #0571A7;
	color: #fff;
	border: 1px solid #CCCCCC;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
}

a.btn.clear{
	color: #000;
	background-color: #fff;
}

a.btn span {
	line-height: 45px;
	box-sizing: border-box;
}

div.content_inner#result{
	position: relative;
}

div.focus div.result_top_text{
	text-align: center;
	margin-bottom: 32px;
}

div.focus div.result_top_text p{
	font-size: 33px;
	font-weight: bold;
}

div.focus div.result{
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}

div.focus div.result table{
	width: 100%;
	text-align: center;
}

div.focus div.result table tr{
	border-bottom: solid 2px #707070;
	height: 66px;
}

div.focus div.result table tr th{
	text-align: right;
	font-weight: bold;
}

div.focus div.result table tr th.result_item{
	text-align: left;
}

div.focus div.result table tr.difference{
	border: none;
}

div.focus div.result table tr.difference th{
	padding-top: 40px;
	font-size: 20px;
}

div.focus div.result table tr.difference th.increas_price{
	color: #AD0003;
}

div.focus div.result div.result_annotation{
	font-size: 14px;
	margin: 20px 0 ;
}

div.content_inner.reference p{
	margin-top: 40px;
	font-size: 14px;
}

div.content_inner.reference p span.detail{
	margin-top: .5rem;
	display: block;
}

div.footer div.copyright, 
div.footer div.copyright_sp {
	background: #9db6df;
	color: #000000;
	height: 47px;
	line-height: 47px;
	font-size: 12px;
}

input.has_error {
	border-color: #ff0000;
}

label.error {
	display: block;
	color: #ff0000;
}

/*PC*/
@media all and (min-width: 769px), print {
	.sp_only {
		display: none;
	}

	.sp_top_img{
		display: none;
	}

	div.header div.header_img {
		width: 1280px;
		height: 123px;
		padding: 24px 160px;
	}

	div.header div.header_line {
		height: 48px;
		line-height: 48px;
		min-width: 1280px;
	}

	div.content {
		padding: 0;
	}

	div.content.top {
		padding-top: 55px;
	}

	div.content.reference {
		padding-bottom: 59px;
	}

	div.content_main {
		width: 1280px;
	}

	
	div.content_inner{
		padding: 0 260px 0 268px;
	}

	div.content_main h1 {
		margin-bottom: 40px;
	}

	div.content_main h1 div.h1_left {
		width: 60%;
		padding-left: 50px;
		text-align: left;
	}
	
	div.content_main h1 div.h1_right {
		width: 40%;
		padding-right: 50px;
	}

	div.content_main div.form_row input{
		width: 88px;
		text-align: right;
		margin-left: 23px;
		margin-right: 14px;
	}

	div.content_main div.form_row p.input_text{
		width: 7rem;
		display: inline-block;
		margin-bottom: 27px;
	}

	div.content_main div.form_row div.form_row_left{
		text-align: right;
		padding-right: 40px;
		width: 50%;
		box-sizing: border-box;
	}
	
	div.content_main div.form_row div.form_row_right{
		text-align: left;
		width: 50%;
	}

	div.content_main div.form_row div.form_row_right p.item_text{
		margin-left: 35px;
		margin-bottom: 27px;
	}

	div.content_main div.form_row div.form_row_left p.item_text{
		margin-right: 52px;
		margin-bottom: 27px;
	}

	div.content_main div.form_row.border_bottom_line{
		width: 87%;
	}

	div.content_inner.reference div.btn_row{
		margin-left: 44px;
	}

	a.btn {
		width: 190px;
	}

	div.attention div.btn_row a.btn{
		width: 336px;
		margin-top: 20px;
	}

	div.content_inner.reference div.btn_row a.btn{
		width: 257px;
	}
	
	a.btn.clear{
		margin-right: 92px;
	}

	div a.btn:focus,
	div a.btn:hover {
		background-color: #fff;
		color: #000000;
	}

	div a.btn.clear:focus,
	div a.btn.clear:hover {
		background-color: #0571A7;
		color: #fff;
	}

	div.content_inner#result{
		padding: 106px 160px 85px;
	}

	div.focus div.result{
		padding: 100px 82px 100px 66px;
	}

	div.focus div.result table tr th{
		font-size: 18px;
	}

	div.focus div.result table tr th.price{
		font-size: 22px;
	}

	div.focus div.result table tr.difference th.increas_price{
		font-size: 33px;
	}

	div.focus div.result div.attention{
		margin-top: 93px;
		text-align: center;
	}
	
	div.content_inner.reference{
		margin-top: 110px;
		padding: 0 304px 0 260px;
	}

	div.footer div.copyright{
		min-width: 1280px;
	}

	.triangle{
		position: absolute;
		top: 0;
		left: calc(50% - 125px);
		border-top: 80px solid #fff;
		border-right: 125px solid transparent;
		border-left: 125px solid transparent;
	}
}

/*SP*/
@media only screen and (max-width: 768px), print {
	.pc_only {
		display: none;
	}

	.pc_top_img{
		display: none;
	}

	.sp_top_img{
		padding: 0 5%;
	}
	.sp_top_img img{
		width: 100%;
	}

	div.header_img{
		display: block;
		padding: 22px 5%;
		box-sizing: border-box;
	}

	div.header_img img{
		width: 60%;
	}

	div.content {
		padding: 0;
	}

	
	div.content_main {
		width: 100%;
	}

	div.content_inner{
		padding: 0 5%;
	}

	div.content_main p.top_text{
		padding: 42px 0 0;
	}

	div.content_main h1 {
		margin-bottom: 10px;
	}

	div.content_main div.form_row{
		font-size: 16px;
	}

	div.content_main div.form_row input{
		width: 24%;
		text-align: right;
	}

	div.content_main div.form_row p.input_text{
		width: 60px;
		display: inline-block;
		text-align: right;
	}
	
	div.content_main div.form_row div.form_row_left{
		text-align: right;
		width: 50%;
	}
	
	div.content_main div.form_row div.form_row_right{
		width: 50%;
		padding-left: 30px;
		box-sizing: border-box;
	}

	div.content_main div.form_row div.form_row_left p.item_text{
		margin-right: 21px;
	}

	div.content_main div.form_row div.form_row_left p.input_text.sp_width{
		width: auto;
		text-align: center;
		vertical-align: middle;
	}

	a.btn {
		width: calc(100% * 0.4);
	}

	div.attention div.btn_row a.btn{
		width: 100%;
		margin-top: 20px;
	}

	div.content_inner.reference div.btn_row a.btn{
		width: calc(100% * 0.62);
	}
		
	a.btn.clear{
		margin-right: calc(100% * 0.06);
	}

	div.content_inner#result{
		padding: 125px 5% 70px;
	}

	div.focus div.result{
		padding: 34px 5% 43px;
	}

	
	div.focus div.result table tr th{
		font-size: 16px;
	}

	div.focus div.result table tr.calc th.first{
		width: 28%;
	}

	div.focus div.result table tr.calc th.second{
		width: 38%;
		min-width: 113px;
	}

	div.focus div.result table tr.calc th.third{
		width: 34%;
		min-width: 90px;
	}

	div.focus div.result table tr th.increase{
		font-size: 24px;
	}

	div.focus div.result table tr.difference th{
		display: block;
	}

	div.focus div.result table tr.difference th.increas_price{
		padding-top: 0;
		font-size: 28px;
	}

	div.focus div.result div.attention{
		margin-top: 40px;
	}

	div.content_inner.reference{
		margin-top: 70px;
		margin-bottom: 45px;
	}

	div.footer div.copyright_sp{
		line-height: 24px;
	} 

	.triangle{
		position: absolute;
		top: 0;
		left: calc(50% - 125px);
		border-top: 70px solid #fff;
		border-right: 125px solid transparent;
		border-left: 125px solid transparent;
	}
}

@media only print {
	@page {
		margin: 0;
	}

	a.btn {
		display: none;
	}

	div.header {
		display: none !important;
	}

	div.content_menu {
		display: none !important;
	}

	div.footer {
		display: none !important;
	}

	.pc_top_img {
		display: block;
	}

	.pc_top_img img {
		width: 90%;
		text-align: center;
	}

	.page_break {
		break-after: page;
	}

	div.content_inner.result {
		padding-top: 66px;
		padding-bottom: 45px;
	}

	div.focus div.result {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	div.focus div.result div.attention {
		display: none;
	}

	div.content.reference {
		padding-bottom: 0;
	}

	div.content_inner.reference {
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}
}