* {
    padding:0;
    margin:0;
		font-family: a-otf-ud-shin-go-pr6n, sans-serif;
		font-style: normal;
		font-weight: 300;
}
:root {
    --col-base:#5BC2D9; /* #0042a4; */
    --col-emph:#1A264E;
    --col-base-x:#D5EBE7;
    --col-emph-x:#D3E2F4;
    --col-light:#9db9e3;
	--col-light-2:#e7aa9a;
    --col-blue:#bae3f9;
    --col-blue-2:#c9dae4;	
    --col-green:#58A300;
    --col-green-2:#d6e9c4;
    --col-red:#F9C270; /* #A32200; */
    --col-green:#A32200;
    --col-periwinkle:#71a6f4;
    --pc_inner_widht:1100px;
	--col-index-1:#EDAE49;
	--col-index-2:#D1495B;
	--col-index-3:#00798C;
	--col-index-4:#30638E;
	--col-index-5:#003D5B;
	--col-bg-gray:#f8f7f6;
	--col-bg-gray2:#f5f8fa;
	--col-gray:#b2b2b2;
	--col-basic-txt:#2F2725;
	--col-supp_red:#f19ca6;
	--col-supp_red_light: #ffdbdf;
	--col-supp_blue:#56b5ff;
	--col-supp_blue_light: #e2f5ff;
}
.inner_contents {
    max-width: var(--pc_inner_widht);
    margin:0 auto;
    width: 95%;
}
.sp_view {
	display:none;
}
main {
	padding-bottom:200px;
	background-image: url(../img/bg_image_02.png);
}
footer {
    padding: 0px 0;
    background-image: url(../img/bg_image_01.webp);
    width: 100%;
    height: auto;
    background-position-x: center;
    background-size: cover;    
}
.article01 {
    background-image: url(../img/bg_image_01.webp);
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    height: 90vh;
    background-position-x: center;
    /* background-size: cover; */
    position:relative;
    background-attachment: fixed;
    margin-bottom:10vh;
} 
/*
.article01 {
	max-width: 1960px;
	width: 100%;
	height: 90vh;
	margin: 0 auto;
	margin-bottom:10vh;
}
.article01::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-10;
	background-image: url(../img/bg_image_01.webp);
	background-position-x: center;
	background-size: cover;
}
*/
/*.article02 {
    background-image: url(../img/bg_image_02.png);
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background-position-x: center;
    background-size: cover;
    position:relative;
    background-attachment: fixed;
}*/

.article03 {
    background-image: url(../img/bg_image_03.png);
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    background-position-x: center;
    /* background-size: cover; */
    background-attachment: fixed;
}
/*
.article03 {
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    height: 300px;
}
.article03::after {
	content:"";
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
	background-image: url(../img/bg_image_03.png);
	background-position-x: center;
	background-size: cover;
}*/

.article05 {
    background-image: url(../img/bg_image_04.png);
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    background-position-x: center;
    /* background-size: cover; */
    position:relative;
    background-attachment: fixed;
}

.bg_filter_01 {
    background-color: rgb(1, 50, 181);
    opacity: 0.2;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.bg_filter_02 {
    background-color: var(--col-emph);
    opacity: 0.9;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.wrap_hosp_name {
    width: 600px;
    height: 400px;
    position: absolute;
    bottom:-20px;
    left:20px;
    transform: skewX(345deg);
    background-color:var(--col-base);
}
.hosp_name_img {
    transform: skewX(15deg);
}
.top_message {
    width: calc(100% - 20px);
    height: 400px;
    bottom: -20px;
    right: 20px;
    position: absolute;
    color: #fff;
    line-height: 400px;
    font-size: 200%;
    text-align: right;
    letter-spacing: 0.1em;
}
.title_h2 {
    text-align: center;
    padding-top: 200px;
    color: var(--col-light);
    font-size: 100px;
    margin-bottom: 0;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.subtitle_h2 {
    text-align: center;    
    margin-top:0;
    color: var(--col-base);
    letter-spacing: 0.1em;
    margin-bottom:100px;
    font-family: fot-tsukubrdgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.wrap_diseases {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.diseases {
    width: 48%;
    margin: 0 auto 50px;
    border: 1px solid var(--col-light);
    background-color: #fff;  
	box-sizing: border-box;
}
.inner_diseases {
    padding: 15px 50px 50px 0;
    position: relative;
}
.inner_diseases span{
	display: block;
	padding: 20px;
	background-color: var(--col-base);
	color: #fff;
	font-size: 120%;
	letter-spacing: 0.05em;
	background-image: url(../img/diagonal.png);
	background-size: auto;
	background-position-x: -540px;
	background-repeat: no-repeat;
	position:relative;
	text-align: center;
}
.inner_diseases span::before{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 10px;
	left: 5px;
}
.inner_diseases span::after{
	content: "";
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 5px;
	left: 10px;
}
.inner_diseases span em{
	color: var(--col-bg-gray);
	display: block;
	text-align: right;
}

.disase_summary {
	padding: 40px 0 0 50px;
}
.link_btn.disase_link {
    padding: 10px 5px;
    margin: 20px auto 0;
}
.image_diseases {
    margin-top:-50px;
    margin-left:20px;
    width:100%;
}
.link_btn {
    display: block;
    width: 80%;
    max-width: 300px;
    margin: 50px auto;
    text-align: center;
    padding: 20px 5px;
    box-sizing: border-box;
    background-color: var(--col-red);
    color: #fff;
    border-radius: 8px;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.link_btn:hover {
    color: #fff;
}
.footer_content_row a.link_btn.footer_contact:hover {
    color:#fff!important;
}
.wrap_footer_contents {
    display: flex;
}
.footer_content_row {
    width:25%;
    box-sizing: border-box;
    padding: 100px 5px;
}
.parent {
    list-style: none;
}
.footer_content_row a {
    color:#fff;    
}
.footer_content_row a:hover {
    color: var(--col-light);
}
.child {
    font-size: 90%;
}
.footer_p {
    font-size:90%;
    color: #fff;
    margin:10px 0;
}
.copyright {
    text-align: center;
    margin: 0;
    padding: 10px 0 5px;
    color: var(--col-light);
    font-size: 80%;
}
.tb_view {
    display: none;
}
.subpage_top {
    background-image: url(../img/bg_image_01.webp);
    max-width: 1960px;
    margin: 0 auto;
    width: 100%;
    height: 520px;
    background-position-x: center;
    background-size: cover;
    position: relative;
}
.wrap_page_name {
	position: absolute;
	bottom: -20px;
	left: 20px;
	transform: skewX(345deg);
	background-color: var(--col-base);
	background: rgb(0, 66, 164);
	background: linear-gradient(90deg, #5BC2D9 0%, #5BC2D9 35%, rgba(0, 66, 164, 0) 100%);
	width: 690px;
	height: 520px;
}
.page_name_h1{
	color: #fff;
	letter-spacing: 2px;
	padding: 50px;
	line-height: 2em;
}
.wrap_subpage {
	background-image: url(../img/bg_image_02.png);
	background-size:contain;
}
.wrap_subpage .wrap_page_name{
	height: 330px;
}

.bg_container {
	background-color:rgba(255,255,255,0.9);
}
.tittle_index {
	text-align: left !important;
	padding:0!important;
	/* padding-left: 170px; */
	position: relative;
	overflow: hidden;
	background-size: auto;
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: center;
}
.tittle_index::before {
	position: absolute;
	top: calc(50% - 25px);
	left: 60px;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
}
.tittle_index.tittle_index_01::before { content:"01"; }
.tittle_index.tittle_index_02::before { content:"02"; }
.tittle_index.tittle_index_03::before { content:"03"; }
.tittle_index.tittle_index_04::before { content:"04"; }
.tittle_index.tittle_index_05::before { content:"05"; }
.tittle_index.tittle_index_06::before { content:"06"; }
.tittle_index.tittle_index_07::before { content:"07"; }
.tittle_index.tittle_index_08::before { content:"08"; }
.tittle_index.tittle_index_09::before { content:"09"; }
.tittle_index.tittle_index_10::before { content:"10"; }
.tittle_index.tittle_index_11::before { content:"11"; }
.tittle_index.tittle_index_12::before { content:"12"; }
.tittle_index.tittle_index_13::before { content:"13"; }
.tittle_index.tittle_index_14::before { content:"14"; }
.tittle_index.tittle_index_15::before { content:"15"; }
.tittle_index.tittle_index_16::before { content:"16"; }
.tittle_index.tittle_index_17::before { content:"17"; }
.tittle_index.tittle_index_18::before { content:"18"; }
.tittle_index.tittle_index_01 {	background-image:url(../img/bg_index_01.png);}
.tittle_index.tittle_index_02 {	background-image:url(../img/bg_index_01.png);}
.tittle_index.tittle_index_03 {	background-image:url(../img/bg_index_01.png);}
.tittle_index.tittle_index_04 {	background-image:url(../img/bg_index_01.png);}
.tittle_index.tittle_index_05 {	background-image:url(../img/bg_index_02.png);}
.tittle_index.tittle_index_06 {	background-image:url(../img/bg_index_02.png);}
.tittle_index.tittle_index_07 {	background-image:url(../img/bg_index_02.png);}
.tittle_index.tittle_index_08 {	background-image:url(../img/bg_index_02.png);}
.tittle_index.tittle_index_09 {	background-image:url(../img/bg_index_02.png);}
.tittle_index.tittle_index_10 {	background-image:url(../img/bg_index_02.png);}
.tittle_index.tittle_index_11 {	background-image:url(../img/bg_index_03.png);}
.tittle_index.tittle_index_12 {	background-image:url(../img/bg_index_03.png);}
.tittle_index.tittle_index_13 {	background-image:url(../img/bg_index_03.png);}
.tittle_index.tittle_index_14 {	background-image:url(../img/bg_index_03.png);}
.tittle_index.tittle_index_15 {	background-image:url(../img/bg_index_03.png);}
.tittle_index.tittle_index_16 {	background-image:url(../img/bg_index_04.png);}
.tittle_index.tittle_index_17 {	background-image:url(../img/bg_index_04.png);}
.tittle_index.tittle_index_18 {	background-image:url(../img/bg_index_05.png);}
.tittle_index.tittle_index_06.v2 {	background-image:url(../img/bg_index_05.png);}
.tittle_index h2 {
	font-size:1.2em!important;
} 
.tittle_index a {
	padding: 30px 30px 30px 170px;
	display: block;
}
.page_name_h2 {
}
.tittle_index .uk-modal-title {
    padding: 90px 30px 10px 180px;
    font-size: 1.6rem !important;
    letter-spacing: 1px;	
}
.modal_operation a {
	display: block;
	width: 100%;
}
.modal_operation button {
	width: 100%;	
}
.bg_col_01 {	background-color:var(--col-index-1); color:#fff;}
.bg_col_02 {	background-color:var(--col-index-2); color:#fff;}
.bg_col_03 {	background-color:var(--col-index-3); color:#fff;}
.bg_col_04 {	background-color:var(--col-index-4); color:#fff;}
.bg_col_05 {	background-color:var(--col-index-5); color:#fff;}
.tittle_index._tachycardia {
	position:relative;
}
.tittle_index._tachycardia::after {
	content: "代表的な脈が速くなる不整脈（心房細動）";
	position: absolute;
	top: 3px;
	right: 3px;
	background-color: var(--col-light);
	color: #fff;
	font-size: 80%;
	padding: 2px 11px;
	border-radius: 13px;
}
.tittle_index._tachycardia_2::after {
	content: "その他の脈が速くなる不整脈（頻脈性不整脈）";
	position: absolute;
	top: 3px;
	right: 3px;
	background-color: #e7aa9a;
	color: #fff;
	font-size: 80%;
	padding: 2px 11px;
	border-radius: 13px;
}
.h2_sub_tittle_01 {
	background-color: var(--col-light);
	display: inline-block;
	padding: 5px 20px;
	border-radius: 8px;
}
.h2_sub_tittle_02 {
	background-color: #e7aa9a;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 8px;
}
.h2_sub_tittle_01 ~ span,
.h2_sub_tittle_02 ~ span {
	display: inline-block;
	padding-left: 20px;
}

.modal_img_half {
	width: 50%;
}
.wrap_modal_dl dt {
	color: var(--col-index-4);
}
.wrap_modal_dl dd {
	margin-bottom:12px;
}
#modal-sections-01 .uk-heading-bullet::before,
#modal-sections-06 .uk-heading-bullet::before{
	border-left: calc(5px + .1em) solid var(--col-index-1);
}
#modal-sections-06 .uk-heading-divider {
	border-bottom: 2px solid var(--col-index-1);
}
#modal-sections-08 .uk-heading-bullet::before {
	border-left: calc(5px + .1em) solid var(--col-index-3);
}
#modal-sections-09 .uk-heading-bullet::before,
#modal-sections-10 .uk-heading-bullet::before,
#modal-sections-11 .uk-heading-bullet::before,
#modal-sections-12 .uk-heading-bullet::before,
#modal-sections-13 .uk-heading-bullet::before,
#modal-sections-14 .uk-heading-bullet::before {
	border-left: calc(5px + .1em) solid var(--col-index-4);
}
#modal-sections-05 .uk-heading-bullet::before,
#modal-sections-15 .uk-heading-bullet::before {
	border-left: calc(5px + .1em) solid var(--col-index-5);
}
#modal-sections-05.arrhythmia .uk-heading-bullet::before {
	border-left: calc(5px + .1em) solid var(--col-index-2);
}


.enhanced_text {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.enhanced_text span{
	font-size:150%;
}
.wrap_enhance_box {
    background-color: var(--col-index-5);
    color: #fff;	
}
.modal_operation.prev button {
background-color: var(--col-bg-gray);
	color:var(--col-gray);
	
}
.modal_operation.next button {
background-color: var(--col-base);
}
.uk-modal-body {
	padding:50px 100px;
}
.doctor_msg{
	background-color: var(--col-base-x);
	color: var(--col-basic-txt);
	font-family: fot-tsukubrdgothic-std, sans-serif;
	letter-spacing: 1px;
	background-image: url(../img/diagonal.png);
	background-repeat: no-repeat;
	background-position-x: -500px;
	padding-left: 130px;	
}
.uk-button-primary {
	
}
.inner_header {
	background-color:#5FC1C7;
}
.uk-text-bold {
	color:#333;
}
.uk_moda_h3_list {
	background-color: var(--col-index-4);
	color: #fff;
	padding: 5px 50px;
	display: inline-block;
	border-radius: 50px;
	letter-spacing: 0.05em;
	font-size: 1.3em;
	margin-bottom: 0;
}
#modal-sections-05.arrhythmia .uk_moda_h3_list {
	background-color: var(--col-index-2);
}
.uk-description-list dd {

}
.wrap_subpage.tachycadia .uk-accordion-title,
.wrap_subpage.arrhythmia .uk-accordion-title {
		padding: 10px 20px;
}
.inner_accordion {
	background-color: var(--col-base-x);
}
.inner_accordion.selfcheck{
	background-color: var(--col-light);
}

.uk-text-lead {font-size: 1.3em;}
ul.uk-breadcrumb {text-align:right;}
.uk-heading-divider {padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .1em) solid #5BC2D9; margin-bottom: 1em;}
.f_tsukub {font-family: fot-tsukubrdgothic-std, sans-serif;}
h2.f_tsukub, h3.f_tsukub {font-weight: 600;}
.subh {background: var(--col-base-x); padding: .2em .5em; width: auto; margin: auto;}
.subh02 {background: var(--col-blue); padding: .2em .5em; width: auto; margin: auto;}
.subh03 {background: var(--col-blue-2); padding: .2em .5em; width: auto; margin: auto;}
.subh04 {background: var(--col-green-2); padding: .2em .5em; width: auto; margin: auto;}

/* TOC */
.TOC {color: #333!important;}
.TOC .toc-button {
    font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	background-color: var(--col-base-x);
	padding: .8em;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background-color 0.2s ease;
}
.TOC.subp .toc-button {font-size: 1.2em; padding: 0.3; line-height: 1.1;}
.TOC .toc-button:hover, .TOC .toc-button.active {
	background-color: var(--col-base);
	color: #fff!important;
	text-decoration: none;
}

.TOC .toc-button .uk-icon {
	color: #fff;
	margin-left: 10px;
}

.TOC .toc-button.checkpulse {
	background-color: var(--col-light);
}
.TOC .toc-button.checkpulse:hover {
	background-color: var(--col-periwinkle);
}
.TOC .toc-button.uk-button-text {
	padding: 20px;
	background-color: #fcf8ee;
}
.TOC .toc-button.uk-button-text:hover {
	background-color: var(--col-index-4);
}
.TOC .uk-dropdown {
	padding: 0;
	margin: 0 .5em .5em;
	border-radius: 5px;
	overflow: auto;
    max-width: 310px!important;
	background-color: var(--col-base-x);
}
.TOC .uk-dropdown {
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
}
.TOC .uk-dropdown-nav > li > a {
	padding: 10px 20px;
	color: #333;
}
.TOC .uk-dropdown-nav > li > a:hover, .TOC .uk-dropdown-nav > li > a.active {
	background-color: var(--col-base);
	color: #fff;
}
.h1_sub {
    text-align: right;
    font-size: 160%;
    margin: 10px 60px 10px 0px;
	background: #5BC2D9;
	background: linear-gradient(270deg, rgba(91, 194, 217, 1) 36%, rgba(255, 255, 255, 0) 100%);    padding: 10px 30px 10px 10px;
    color: var(--col-emph);
}
.add_type_num_01,
.add_type_num_02,
.add_type_num_03,
.add_type_num_04,
.add_type_num_05 {
	position:relative;
	padding-left: 70px;
}
.add_type_num_01::after,
.add_type_num_02::after,
.add_type_num_03::after,
.add_type_num_04::after,
.add_type_num_05::after {
    content: "";
    position: absolute;
    top: -31px;
    left: -17px;
    width: 80px;
    height: 80px;
    background-size: cover;
}

.add_type_num_01::after {
	background-image:url(../img/number_01.png);	
}
.add_type_num_02::after {
	background-image:url(../img/number_02.png);		
}
.add_type_num_03::after {
	background-image:url(../img/number_03.png);		
}
.add_type_num_04::after {
	background-image:url(../img/number_04.png);		
}
.add_type_num_05::after {
	background-image:url(../img/number_05.png);		
}
.add_type_num_06::after {
	background-image:url(../img/number_06.png);		
}

.wrap_submain_topimage {
	background-size: cover;
    padding: 120px 80px;
}
.wrap_submain_topimage.mr {
	background-image:url(../mr/img/subpage_top_01.png);
}
.wrap_submain_topimage.angina {
	background-image:url(../img/subpage_top_02.png);
}
.wrap_submain_topimage.aso {
	background-image:url(../img/subpage_top_03.png);
}
.wrap_submain_topimage.as {
	background-image:url(../img/subpage_top_04.png);
}
.wrap_submain_topimage > div {
	background-color: rgba(255, 255, 255, 0.7);
}
.wrap_ul_disc li {
	position: relative;
	padding-left: 26px;
}
.wrap_ul_disc li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: var(--col-index-5);
	border-radius: 8px;	
}
.wrap_h3_subpage::before {
	border-left: 40px solid var(--col-index-3);
	height: 40px;
	top: -10px;
}
.wrap_dl dt {
	background-color: var(--col-index-4);
	color: #fff;
	padding: 5px 5px 5px 20px;
	border-radius: 8px;	
}
.wrap_dl dd {
	padding-left: 20px;
	padding-top: 8px;
}
.uk-card-3rd {
	background-color: var(--col-bg-gray);
}
.uk-tile-3rd {
	background-color: var(--col-base-x);
}
.wrap_merit_bg {
	background-image:url(../img/wrap_merit_bg.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color:#ebf7ff;
}
.wrap_demerit_bg {
	background-image:url(../img/wrap_demerit_bg.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color:#fff4f4;
}

.uk-button-default {
  font-family: fot-tsukubrdgothic-std, sans-serif;
  background-color: #ceeeef;
  color: #333;
  font-weight: 600;
  border: 1px solid #999;
  border-radius: 5px;
}
/* Hover */
.uk-button-default:hover,
.uk-button-default:active,
.uk-button-default.uk-active{
  background-color: #74cad1;
  color: #fff;
  border-color: #74cad12;
}


@media screen and (max-width: 1300px) {
    .wrap_hosp_name {
        width: 45%;
        height: 45vw;
    }
    .tb_view {
        display: block;
    }
    .top_message {
        line-height: 1.5em;
        height: auto;
        bottom: 50px;
    }
}
@media screen and (max-width: 960px) {
    .wrap_footer_contents {
        flex-wrap: wrap;
    }
    .footer_content_row {
        width: 33.333%;
        padding: 100px 5px 10px;
    }
    .footer_content_row:last-of-type {
        width: 100%;
        padding-top:10px;
    }
	.modal_operation.prev{
		margin-bottom:5px;
	}
	.modal_operation.prev button{
		text-align: left;
	}
	.modal_operation.next{
		margin-top:5px;
	}
	.modal_operation.next button{
		text-align: right;
	}
	.modal_operation.closex {
		order:3;
		margin-top:5px;
	}
	.modal_operation.close button {
	}
	.wrap_modal_operation {
		align-items: center;
	}
	.uk-modal-body {
		padding:50px 30px;
	}
	.wrap_subpage .wrap_page_name{
		height: 230px;
	}
	.wrap_submain_topimage {
		background-position-x:100%;
	    padding: 120px 0px;
	}
	.h1_sub {
        margin-right: 0;
        margin-top: 60px;
	}
}