@charset "utf-8";

body{
	width:100%!important;
	}
	
.pc{
	display:none!important;
	}

article{
	width:100%;
	overflow:hidden;
	}

section{
	clear:both;
	overflow:hidden;
	}

/* ================================================================= */
/*			ヘッダー                                                 */
/* ================================================================= */

header{
	overflow:hidden;
	width:100%;	}

header > div {
	height:85px;
	overflow:hidden;
	display:table;
	}

header > div > .logo {
	height:85px;
	display:table-cell;
	vertical-align:middle;
	}

header > div > .logo > img {
	margin:0 0 0 10px;
	width:75%;
	}

/* ================================================================= */
/*			グローバルメニュー                                       */
/* ================================================================= */

.main_navi {
	display:none;
}

.main_navi input + label.menu{
	display:block;
	position: absolute;
	top:17px;
	right:15px;
	width:50px;
	height:50px;
	background-image:url(../img/sp_menu_burger.png);
	background-repeat:no-repeat;
	background-size:50px 50px;
	}

.main_navi input[type="checkbox"]:checked + label.menu{
	background-image:url(../img/sp_menu_burger_off.png);
	}

header nav{
	width:100%;
	overflow:hidden;
	margin:0 0 0px;
	}

header nav > ul,
footer nav > ul{
	overflow:hidden;
	/*-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;*/
	}


input[type="checkbox"]{
    display: none;
}

input[type="checkbox"] + ul,
input[type="checkbox"] + label + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"]:checked + label + ul{
    height: auto;
}

/* 1段階目 */

nav.main_navi > ul > li{
	overflow:hidden;
	box-sizing:border-box;
	width:50%;
	float:left;
	border-right:1px dotted #ffffff;
	border-bottom:1px dotted #ffffff;
	background-color:#8bc782;
	color:#ffffff;
	}

nav.main_navi > ul > li:nth-of-type(2n+0){
	border-right:none;
	}

nav.main_navi > ul > li > span{
	width:100%;
	display:table;
	}

nav.main_navi > ul > li > span > a{
	display: table-cell;
	vertical-align:middle;
	width:100%;
	height:65px;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:4% 50%;
	background-size:44px 44px;
	}

nav.main_navi > ul > li > span > a > span{
	display:block;
	padding:0 0 0 65px;
	}

nav.main_navi > ul > li:nth-of-type(7){
	width:100%;
	border-right:none;
	border-bottom:none;
	text-align:center;
	}

nav.main_navi > ul > li:nth-of-type(7) > span > a{
	height:75px;
	}

nav.main_navi > ul > li:nth-of-type(7) > span > a > span{
	padding-left:0;
	}

nav.main_navi > ul > li:nth-of-type(7) > span > a > span > img{
	width:70%;
	}

nav.main_navi > ul > li > span > a:link,
nav.main_navi > ul > li > span > a:visited,
nav.main_navi > ul > li > span > a:hover{
	color:#ffffff;
	text-decoration:none;
	}

nav.main_navi > ul > li > a span.menu_inner,
footer nav > ul > li > a span.menu_inner{
	display:block;
	float:left;
	margin:14px 0 0 10px;
	}

/**/
.contents_left_side .side_navi { margin:0 0 15px;}

/*スマホのみ改行*/
nav.main_navi > ul > li > ul > li a span span.line_b{
	display:block;
	float:none;
	margin:0;
	}

/* =================================================================
			ページトップへ
================================================================= */

.pagetop_wrap{
	display:none;
	}

.pagetop{
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index:10;
	display: block;
	padding:20px 5px 0px;
	border-radius:5px;
	width:60px;
	height:50px;
	font-size:9px;
	text-align:center;
	color:#ffffff;
	line-height:14px;
}

a.pagetop:link,
a.pagetop:visited,
a.pagetop:hover{
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	}

a.pagetop span:nth-of-type(1){
	font-size:30px;
	display:block;
	font-weight:normal;
	}

a.pagetop span:nth-of-type(2){
	white-space: nowrap;
	}

/* ================================================================= */
/*			フッター                                                 */
/* ================================================================= */

footer{
	clear:both;
	width:100%;
	margin:0px 0 0 0;
	overflow:hidden;
	padding:0px 0 0px;
	background-color:#ffffff;
	border-top-style:solid;
	border-top-width:4px;
	}

footer > div p a{
	display:block;
	text-align:center;
	width:100%;
	padding:10px 0;
	}

footer > div > p img{
	width:75%;
	}

footer ul{
	padding:0px 0 0px;
	}


footer ul li a{
	display:block;
	box-sizing:border-box;
	background-image:url(../img/footer_menu.png);
	background-size:22px 22px;
	background-position:10px 50%;
	background-repeat:no-repeat;
	width:50%;
	padding:13px 0px 11px 40px;
	font-size:0.8em;
	border-top:1px #bbbbbb dotted;
	float:left;
	}

footer ul li:nth-of-type(2n+0) a{
	border-left:1px #bbbbbb dotted;
	}

footer ul li a:link,
footer ul li a:visited{
	color:#333333;
	text-decoration:none;
	}

footer ul li a:hover{
	color:#333333;
	text-decoration:none;
	}

footer small{
	display:block;
	text-align:center;
	font-size:0.8em;
	padding:7px 0;
	color:#ffffff;
	background-color:#464646;
	}

.sitemap{
	display:none;
	}

.policy{
	width:100%;
	}

/* =================================================================
             article
================================================================= */

article{
	font-size:1.1em;
	}

article > div{
	width:94%;
	box-sizing:border-box;
	padding:15px;
	margin:15px 3% 20px;
	background-color:#ffffff;
	border-radius:10px;
	box-shadow: 0 0 6px #aaaaaa;
	overflow: hidden;
	}

/* =================================================================
			トップページ
================================================================= */

article.contents{
	display:none;
	}

article.contents > h2{
	width:94%;
	box-sizing:border-box;
	margin:15px 3% 20px;
	background-color:#ffffff;
	border-radius:10px;
	box-shadow: 0 0 6px #aaaaaa;
	}
	
article.contents > h2 img{
	width:100%;
	border-radius:10px;
	}

section.contents_sub{
	width:100%;
	background-image:none;
	background-color:#ffffff;
	display:none;
	}

section.contents_sub > div{
	margin:25px auto 25px;
	}

section.contents_sub > div h3{
	width:90%;
	margin:0px 0 20px;
	padding:0 5%;
	font-size:1.4em;
	line-height:1.6em;
	text-align:center;
	}

section.contents_sub > div h3 > span{
	padding:0 7px 5px;
	}

section.contents_sub > div > p{
	width:90%;
	font-size:1.0em;
	line-height:1.6em;
	margin:0 0 30px;
	padding:0 5%;
	}

section.contents_sub > div > cite{
	display:block;
	width:90%;
	font-size:1.0em;
	padding:0 5%;
	font-style:normal;
	}

/* =================================================================
			準備中
================================================================= */

.preparation > h2{
	border-bottom-style:dotted;
	border-bottom-width:4px;
	padding:0 7px 5px;
	font-size:1.2em;
	line-height:1.6em;
	}

.preparation > p{
	font-size:1em;
	line-height:1.6em;
	margin:10px 0 0 5px;
	}


/* =================================================================
			下層ページ
================================================================= */

article.contents > div h1{
	font-size:1.4em;
	border-bottom-style:dotted;
	border-bottom-width:4px;
	padding:0 0 10px 5px;
	margin:10px 0 18px 0px;
	}

article.contents > div > div >p{
	margin:0 0 25px;
	padding:0 5px;
	}

article.contents > div section h2{
	font-size:1.1em;
	border-radius:30px;
	padding:12px 20px 10px 20px;
	color:#ffffff;
	margin:0 0 15px 0px;
	}

article.contents > div section > p,
article.contents > div section > div{
	margin:0 0 15px;
	padding:0 5px;
	}

article.contents > div section .border_wrap{
	border-style:solid;
	border-width:1px;
	border-radius:10px;
	padding:15px;
	}

/* =================================================================
			サイトマップ
================================================================= */

.sitemap_wrap ul{
	width:100%;
	overflow:hidden;
	}

.sitemap_wrap ul li{
	display:block;
	}
.sitemap_wrap ul li a{
	display:block;
	width:92%;
	padding:10px 2%;
	margin:0 2% 15px;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	background-image:url(../img/footer_menu.png);
	background-size:11px 11px;
	background-position:94% 50%;
	background-repeat:no-repeat;
	font-weight:bold;
	}

.sitemap_wrap ul li a:link,
.sitemap_wrap ul li a:visited,
.sitemap_wrap ul li a:hover{
	text-decoration:none;
	}

.sitemap_wrap hr{
	margin:10px 0 20px;
	border-style:dotted;
	}

/* =================================================================
			医療関係者の皆様へ
================================================================= */

div.ask_container > h1{
	margin:0px 0 0px;
	line-height:1.4em;
	font-size:1.3em;
	text-align:center;
	font-weight:bold;
	}

div.ask_container > p{
	margin:10px 0 10px;
	line-height:1.6em;
	text-align:center;
	font-size:1.2em;
	}

div.ask_notice{
	padding:15px;
	text-align:left;
	line-height:1.6em;
	}

div.ask_notice p{
	font-size:1.0em;
	}

div.ask_main p{
	margin:10px 0 15px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	overflow:hidden;
	}

div.ask_main ul{
	overflow:hidden;
	margin:25px 0 0px 0px;
	}

div.ask_main ul li{
	margin:0 0 15px;
	}

div.ask_main ul li a{
	display:block;
	text-align:center;
	color:#ffffff;
	font-size:2em;
	line-height:36px;
	border-radius:12px;
	padding:10px 0 8px;
	width:100%;
	cursor:pointer;
	}

div.ask_main ul li a:link,
div.ask_main ul li a:visited{
	text-decoration:none;
	}

div.ask_main ul li a:hover{
	text-decoration:none;
/*background-color:#ce3e75;*/
	}

#ask article div.ask_main ul li span{
	font-size:11px;
	display:block;
	margin:5px 0 0;
	text-align:center;
	line-height:16px;
	}

#ask article div.ask_main p{
	line-height:1.4em;
	}

#ask_screen noscript{
	background-color:#ffffff;
	opacity:0.9;
	padding:5px 0 30px;
	top:0;
	text-align:center;
	}

#ask_screen noscript span{
	padding:35px;
	}

#ask_screen noscript a{
	padding:10px;
	}