@charset "utf-8";
/******option******/
* {
	transition: all .4s;
}
img {
	-ms-interpolation-mode: bicubic;
}
input, textarea, select {
	font-size: 1rem;
}
ul , li {
	list-style: none;
}
.fade-in {
	opacity: 0;
	transform: translate(0, 60px);
	transition: ease-out .4s;
}
.fade-in.show {
	opacity: 1;
	transform: translate(0, 0);
}
a {
	color: #FB6110;
}
@media (any-hover: hover) {
	a:hover img {
		opacity: 0.6;
	}
}
a[target="_blank"] {
	padding-right: 1.5em;
	background: url(../images/blank-icon.png) right 0 top 0.4em / 1em no-repeat;
}
.main_greeting_tp a[href$=".pdf"],
a[href$=".pdf"] {
	padding-right: 1.6em;
	background: url(../images/pdf-icon.png) right 0 top 0.3em / 1em no-repeat;
}
.main_greeting_tp a {
	font-weight: bold;
	text-decoration:none;
	color:#039;
}
@media (any-hover: hover) {
	.main_greeting_tp a:hover {
		color:#F60;
	}
}
.red {
	color: #C00;
}
.inline-text {
	display: inline-block;
}
.text-center {
	text-align: center;
}


/************************************
html・body・wrapper
************************************/
html, body {
	position: relative;
}
body {
	color: #353535;
	font-family: "Noto Sans JP", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 62.5%;
	font-weight: 400;
	line-height: 1;
	transition: none;
}
#wrapper {
	position: relative;
	font-size: 1.600em;
	line-height: 1.7;
}
/************************************
header
************************************/
#header {
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	z-index: 9998;
	height: 90px;
}
#header-logo {
	width: calc(100% - 150px);
	max-width: 200px;
	position: relative;
	z-index: 9998;
	display: block;
}
#header-logo img {
	display: block;
	width: 100%;
}
@media screen and (min-width:960px){
	#header {
		background-color: rgba(255,255,255,0.8);
		height: auto;
	}
	#header-logo {
		width: 15%;
	}
}
/************************************
sp-btn
************************************/
#sp-btn {
	cursor: pointer;
	transition: all .4s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 134px;
	height: 50px;
	position: relative;
	z-index: 9998;
	background: #ff6a00;
	background: linear-gradient(142deg,rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64, 1) 100%);
	border-radius: 999px;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.1) inset;
	color: #FFFFFF;
}
#sp-btn.active {
	background: #FFFFFF;
	color: #353535;
}
#sp-btn div {
	position: relative;
	margin-left: 17px;
}
#sp-btn div:has(span) {
	margin-left: 0;
	margin-right: 20px;
	width: 20px;
}
#sp-btn span {
	display: block;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #FFFFFF;
	width: 20px;
	transition: all .4s;
}
#sp-btn span:nth-child(1){
	margin-top: -7px;
}
#sp-btn span:nth-child(2){
	margin-top: -1px;
}
#sp-btn span:nth-child(3){
	margin-top: 5px;
}
#sp-btn.active span {
	background-color: #ff6a00;
}
#sp-btn.active span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
#sp-btn.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
#sp-btn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-5px) rotate(45deg);
	transform: translateY(-5px) rotate(45deg);
}
@media screen and (min-width: 960px){
	#sp-btn {
		display: none;
	}
}
/************************************
global-nav
************************************/
#nav {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100vh;
	z-index: 9997;
	background: #ff6a00;
	background: linear-gradient(142deg, #fff0e5 0%, #fff7ec 100%);
	transition: all .4s;
	opacity: 0;
	padding: 90px 0 0;
	overflow-y: auto;
}
#nav.active {
	right: 0;
	opacity: 1;
}
#global-nav {
	padding: 0;
	margin: 0;
	position: relative;
	border-top: 1px solid rgba(0,0,0,0.1);
}
#global-nav li {
	position: relative;
}
#global-nav li br {
	display: none;
}
#global-nav li a {
	display: block;
	text-decoration: none;
	padding: 1em 60px 1em 1em;
	color: #353535;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	position: relative;
}
#global-nav li a::before {
	content: "";
	position: absolute;
	top: 1.2em;
	right: 1em;
	width: 30px;
	height: 23px;
	background: url(../images/arrow.png) #FFFFFF center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
}
#global-nav li a.none::before {
	display: none;
}
#global-nav li .bottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1em 0 1em;
	cursor: pointer;
}
#global-nav li .bottom::before {
	content: "";
	position: absolute;
	top: 1.2em;
	right: 1em;
	width: 30px;
	height: 23px;
	background: url(../images/bottom.png) #ffe2d2 center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
}
#global-nav li .bottom.active::before {
	background-image: url(../images/bottom02.png);
}
@media (any-hover: hover) {
	#global-nav li a:hover {
		background: #ff6a00;
		background: linear-gradient(142deg, rgba(255, 106, 0, 0.2) 0%, rgba(255, 175, 64, 0.2) 100%);
	}
	#global-nav li a:hover::before {
		background: url(../images/arrow-w.png) #ff6a00 center / 13px no-repeat;
		box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	}
	#global-nav li .bottom:hover {
		background: #ff6a00;
		background: linear-gradient(142deg, rgba(255, 106, 0, 0.2) 0%, rgba(255, 175, 64, 0.2) 100%);
	}
	#global-nav li .bottom:hover::before {
		background-color: #FFFFFF;
	}
}
#global-nav li .global-nav-sub {
	display: none;
	padding: 0;
	background: linear-gradient(142deg, rgba(255, 106, 0, 0.3) 0%, rgba(255, 175, 64, 0.3) 100%);
}
@media screen and (min-width:960px){
	#nav {
		position: relative;
		top: 0;
		right: 0;
		opacity: 1;
		width: calc(100% - 200px - 7em);
		margin-right: 1.5em;
		font-size: clamp(1px, 1.05vw, 1em);
		height: auto;
		background: none;
		padding: 0;
		overflow-y: inherit;
	}
	#global-nav {
		border-top: 0;
		display: flex;
		justify-content: flex-end;
	}
	#global-nav li {
		margin-left: 1.5em;
		display: flex;
		align-items: center;
	}
	#global-nav li br {
		display: block;
	}
	#global-nav li a {
		padding: 1em 0 1em;
		height: 100%;
		border-bottom: 0;
		line-height: 1.4;
		display: flex;
		align-items: center;
	}
	#global-nav li a::before {
		display: none;
	}
	#global-nav li a::after {
		content: "";
		position: absolute;
		bottom: 0.5em;
		left: 0;
		height: 3px;
		width: 0;
		background: #ff6a00;
		background: linear-gradient(142deg, rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64,1) 100%);
		transition: all .4s;
	}
	#global-nav li.active a::after {
		width: 100%;
	}
	#global-nav li .bottom {
		display: none;
	}
	#global-nav li:hover ul {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		background: #ff6a00;
		background: linear-gradient(142deg, #fff0e5 0%, #fff7ec 100%);
		width: 330%;
		border-radius: 6px;
		overflow: hidden;
	}
	#global-nav li:nth-child(7):hover ul {
		width: 400%;
	}
	#global-nav li:hover ul li {
		margin: 0;
		width: 100%;
	}
	#global-nav li:hover ul li a {
		width: 100%;
		padding: 1em;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	#global-nav li:hover ul li:first-child a {
		border-top: 0;
	}
	#global-nav li:hover ul li a::after {
		display: none;
	}
	@media (any-hover: hover) {
		#global-nav li a:hover {
			background: none;
		}
		#global-nav li a:hover::after {
			width: 100%;
		}
		#global-nav li:hover ul li a:hover {
			background: #ff6a00;
			background: linear-gradient(142deg, rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64,1) 100%);
			color: #FFFFFF;
		}
	}
}
@media screen and (min-width:1550px){
	#global-nav li:first-child br {
		display: none;
	}
	#global-nav li:first-child:hover ul {
		width: 180%;
	}
}
@media screen and (min-width:1600px){
	#global-nav li:nth-child(8) br {
		display: none;
	}
}
/************************************
header-btn
************************************/
#header-btn {
	display: none;
}

@media screen and (min-width:960px){
	#header-btn {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		color: #353535;
		text-decoration: none;
		font-size: clamp(1px, 0.9vw, 0.9em);
		width: 13em;
	}
	#header-btn span {
		display: block;
		color: #FB6110;
		padding-left: 1em;
		background: url(../images/tel-icon.png) center left -0.2em / 1em no-repeat;
		font-weight: 600;
		font-size: 1.55em;
	}
}
/************************************
pan-list
************************************/
.pan-list {
	background-color: #f6f2ea;
	margin: 0 21px;
	padding: 1em;
	font-size: clamp(1px, 3.5vw, 0.8em);
	border-radius: 6px;
}
.pan-list a {
	color: #555555;
	text-decoration: none;
}
.pan-list br {
	display: none;
}
@media (any-hover: hover) {
	.pan-list a:hover {
		color: #FB6110;
		text-decoration: underline;
	}
}
/************************************
page-title
************************************/
.page-title {
	font-size: clamp(1px, 5.5vw, 2.7em);
	line-height: 1.4;
	padding: 1em 21px;
	margin: 0 auto;
	max-width: 1400px;
	font-weight: 900;
	text-align: center;
}
.page-title span {
	display: block;
	font-size: 0.5em;
	color: #FB6110;
	font-weight: 500;
}
@media screen and (min-width:960px){
	.page-title {
		text-align: left;
	}
	.page-title br {
		display: none;
	}
}
/************************************
container
************************************/
#container {
	padding: 0 21px;
	margin: 0 auto;
	max-width: 1400px;
}
@media screen and (min-width:960px){
	#container:has(#sub) {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
}
/************************************
sub
************************************/
#sub {
	position: relative;
	padding: 2em 0 1em;
	border-top: 3px dashed #DDDDDD;
}
.sub-menu {
	padding: 0;
	margin: -0.5em 0 0;
}
.sub-menu li {
	margin: 0.5em 0;
}
.sub-menu li a {
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	text-decoration: none;
	padding: 0.5em 0.7em;
	color: #353535;
	background-color: #f6f2ea;
	position: relative;
}
.sub-menu li.active a {
	color: #000000;
	box-shadow: 0 0 0 2px rgba(254,100,0,0.5) inset;
	background-color: #ffe5d4;
}
@media (any-hover: hover) {
	.sub-menu li a:hover {
		box-shadow: 0 0 0 2px rgba(254,100,0,0.5) inset;
	}
}
@media screen and (min-width:960px){
	#sub {
		width: 300px;
		padding: 0;
		border-top: 0;
	}
	.sub-menu {
		position: sticky;
		top: 100px;
		margin: -0.5em 0 0;
	}
	.sub-menu li.active a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 12px solid #fea46a;
		border-right: 0;
	}
}
/************************************
main
************************************/
#main {
	position: relative;
}
@media screen and (min-width:960px){
	#main {
		margin-top: -1.5em;
	}
	#container:has(#sub) #main {
		width: calc(100% - 330px);
	}
}
#main p {
	margin: 1.5em 0;
}
#main p.space {
	margin-bottom: 3em;
}
/************************************
contents-title
************************************/
.contents-title {
	font-size: 2.2em;
	line-height: 1.4;
	margin: 1.5rem 0 ;
	font-weight: 700;
	padding-bottom: 0.5em;
	position: relative;
	border-bottom: 2px solid #DDDDDD;
}
.contents-title::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 2em;
	height: 2px;
	background: #ff6a00;
	background: linear-gradient(142deg, rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64,1) 100%);
}
/************************
.contents-sub-title
************************/
.contents-sub-title {
	font-size: 1.6em;
	line-height: 1.4;
	margin: 1.5rem 0 ;
	font-weight: 600;
	padding: 0.5em 0.7em;
	position: relative;
	background-color: #f6f2ea;
	border-radius: 6px;
}
.contents-sub-title::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 50%;
	transform: translateY(-50%);
	background: #ff6a00;
	background: linear-gradient(142deg, rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64,1) 100%);
}
/************************
tel-btn
************************/
.tel-btn {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: clamp(1px, 7vw, 1.8em);
	padding: 0.5em 1em;
	max-width: 11em;
	color: #FB6110;
	background-color: #f6f2ea;
	font-weight: 600;
	border-radius: 6px;
}
.tel-btn span {
	padding-left: 1em;
	background: url(../images/tel-icon.png) center left -0.2em / 1em no-repeat;
}
/************************
border-box
************************/
.border-box {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
	padding: 1.5em;
	margin: 1.5em 0;
}
.border-box.space {
	margin-bottom: 3em;
}
.border-box.kanganshinsei {
	font-size: clamp(1px, 3.0vw, 1.9em);
	display: flex;
	justify-content: center;
	align-items: center;
}
.border-box.kanganshinsei .big-head {
	font-size: 1.3em;
	font-weight: 600;
}
.border-box.kanganshinsei span sup {
	font-weight: 400;
}
/************************
max-img
************************/
.max-img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.max-img.space {
	margin-bottom: 0.5em;
}
/************************
half-box
************************/
.half-box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.half-box-inner {
	margin-bottom: 1.5em;
}
.half-box-inner img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 640px){
	.half-box {
		justify-content: flex-start;
	}
	.half-box-inner {
		width: 48.5%;
		margin-left: 3%;
	}
	.half-box-inner:nth-child(2n+1) {
		margin-left: 0;
	}
}
/************************
right-box
************************/
.right-box {
	margin: 1.5em;
}
.right-box.news {
	margin: 1.5em auto;
}
.right-box.news img {
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
.right-box.news a {
	padding: 0 !important;
	background: none !important;
}
@media screen and (min-width:960px){
	.right-box {
		margin: 21px;
		float: right;
		width: 33%;
		max-width: 400px;
	}
	.right-box.news {
		margin: 0 0 0 2em;
	}
}
/************************
circle-list
************************/
.circle-list {
	margin: 1.5em 0;
	padding: 0;
}
.circle-list.space {
	margin-bottom: 3em;
}
.circle-list li {
	position: relative;
	padding-left: 1.5em;
	margin: 0.5em 0;
	list-style: none;
}
.circle-list li::before {
	content: "";
	position: absolute;
	top: 0.4em;
	left: 0;
	width: 1em;
	height: 1em;
	background: #ff6a00;
	background: linear-gradient(142deg, rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64,1) 100%);
	border-radius: 50%;
}
/************************
.point-list
************************/
.point-list {
	margin: 1.5rem 0;
	padding: 0;
}
.point-list .point-list {
	margin: 0;
}
.point-list li {
	position: relative;
	padding-left: 1.5em;
	margin: 0.5rem 0;
	list-style: none;
}
.point-list.wide li {
	padding-left: 3em;
}
.point-list li .point {
	position: absolute;
	top: 0;
	left: 0;
}
/************************
.number-list
************************/
.number-list {
	margin: 1.5rem 0;
	padding: 0;
}
.number-list li {
	margin: 0.7em 0 0.7em 1.7em;
	list-style: decimal;
}
/************************************
▼home-slide▼
************************************/
.home-slide {
	border-radius: 10px;
	overflow: hidden;
}
.home-slide img {
	display: block;
	width: 100%;
}
.home-slide img.pc {
	display: none;
}
@media(min-width: 700px){
	.home-slide img.sp {
		display: none;
	}
	.home-slide img.pc {
		display: block;
	}
}
/************************
tab-list
************************/
.tab-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}
.tab-list li {
	width: calc(100%/3);
	list-style: none;
}
.tab-list li a {
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 0.5em 0;
	background-color: #f6f2ea;
	cursor: pointer;
	color: #212121;
	font-size: clamp(1px, 5.5vw, 1em);
	position: relative;
}
.tab-list li:nth-child(1) a {
	border-radius: 6px 0 0 6px;
}
.tab-list li:nth-child(2) a {
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}
.tab-list li:nth-child(3) a {
	border-radius: 0 6px 6px 0;
}
.tab-list li a.active {
	color: #FFFFFF;
	background: #ff6a00;
	background: linear-gradient(135deg,rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64, 1) 100%);
}
.tab-list li a.active::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 8px solid transparent;
	border-top: 8px solid #ff9629;
}
@media(min-width:960px){
	.tab-list {
		width: 160px;
		display: block;
	}
	.tab-list li {
		width: 100%;
		margin-bottom: 1em;
	}
	.tab-list li a,
	.tab-list li:nth-child(1) a,
	.tab-list li:nth-child(3) a {
		border-radius: 6px;
	}
	.tab-list li:nth-child(2) a {
		border-left: 0;
		border-right: 0;
	}
	.tab-list li a.active::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		transform: translate(0 , -50%);
		border: 8px solid transparent;
		border-left: 8px solid #ffa839;
	}
}
/************************************
▼home-news▼
************************************/
.home-news {
	padding: 3em 0;
	position: relative;
}
.home-title {
	font-size: clamp(1px, 12.5vw, 3.3em);
	text-align: center;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 0.7em;
}
.home-title span {
	display: block;
	font-size: 0.4em;
	color: #fd6516;
}
.home-title a {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	padding: 10px 10px 10px 35px;
	text-decoration: none;
	font-size: 0.7em;
	line-height: 1;
	border: 1px solid #fd6516;
	background-color:  #FFFFFF;
	border-radius: 5px;
}
.home-title a:before{
	content: ' ';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background-color: #fd6516;
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 50%;
}
.home-title a:after{
	content:'';
	height: 4px;
	width: 4px;
	display: block;
	border: 1px solid #FFFFFF;
	border-left-width:0;
	border-top-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position:absolute;
	top: 15px;
	left: 14px;
	z-index: 10;
}
@media(min-width:960px){
	.home-news {
		display: flex;
	}
	.home-menu {
		width: 200px;
	}
	.home-title {
		font-size: clamp(1px, 12.5vw, 2.3em);
		text-align: left;
	}
}
/************************************
▼news-list▼
************************************/
.news-list {
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.news-list li {
	position: relative;
	list-style: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.news-list li a {
	padding: 2.7em 2.7em 0.7em 0;
	display: block;
	text-decoration: none;
	color: #212121;
	position: relative;
}
.news-list li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 23px;
	background: url(../images/arrow.png) #FFFFFF center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
	transform: translateY(-50%);
}
@media (any-hover: hover) {
	.news-list li a:hover {
		color: #fd6516;
	}
	.news-list li a:hover::before {
		background: url(../images/arrow-w.png) #ff6a00 center / 13px no-repeat;
		box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	}
}
.news-list li .date {
	position: absolute;
	top: 0.9em;
	left: 0;
	background-color: #f6f2ea;
	color: #8c6048;
	font-weight: 600;
	padding: 0 1em;
}
.news-list li .category {
	position: absolute;
	top: 0.9em;
	left: 8.5em;
	text-align: center;
	width: 6em;
	color: #212121;
	border-radius: 999px;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	background-color: #FFFFFF;
}
.news-list li a span.new::after {
	content: "NEW";
	background: #ff6a00;
	background: linear-gradient(142deg,rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64, 1) 100%);
	color: #FFFFFF;
	padding: 0 0.5em;
	display: inline-block;
	font-size: 0.85em;
	border-radius: 3px;
	margin-left: 0.5em;
	animation: flash 2s linear infinite;
}
@keyframes flash {
	0%,100% {
		opacity: 1;
	}
	50% {
		opacity: 0.3;
	}
}
.home-news .news-list {
	display: none;
}
.home-news .news-list.active {
	display: block;
}
@media(min-width:960px){
	.home-news .news-list {
		width: calc(100% - 200px);
	}
	.news-list li a {
		padding: 1em 2.7em 1em 8em;
	}
	.news-list li:has(.category) a {
		padding-left: 15em;
	}
	.news-list li .date {
		top: 0;
		background-color: #f6f2ea;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		padding: 0;
		width: 7em;
	}
	.news-list li .category {
		top: 50%;
		left: 8em;
		transform: translateY(-50%);
	}
}
/************************************
▼home-news-btn▼
************************************/
.home-news-btn {
	padding-right: 2.7em;
	margin-top: 2em;
	display: flex;
	justify-content: flex-end;
	text-align: right;
	text-decoration: none;
	color: #212121;
	position: relative;
}
.home-news-btn::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 23px;
	background: url(../images/arrow.png) #FFFFFF center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
	transform: translateY(-50%);
}
@media (any-hover: hover) {
	.home-news-btn:hover {
		color: #fd6516;
	}
	.home-news-btn:hover::before {
		background: url(../images/arrow-w.png) #ff6a00 center / 13px no-repeat;
		box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	}
}
@media(min-width:960px){
	.home-news-btn {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}
/************************************
▼home-box▼
************************************/
.home-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 3em 0;
}
.home-box-inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.home-box-inner-container {
	background-color: #f6f2ea;
	border-radius: 10px;
	margin: 0.5em 0;
	font-weight: 700;
	width: 100%;
	overflow: hidden;
}
.home-box-inner-container a {
	color: #212121;
	text-decoration: none;
	position: relative;
	display: block;
	padding: 1em 50px 1em 1rem;
	font-size: clamp(1px, 4.0vw, 1.5em);
}
.home-box-inner-container a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 23px;
	background: url(../images/arrow.png) #FFFFFF center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
	transform: translateY(-50%);
}
.home-box-inner-container ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
}
.home-box-inner-container ul a {
	font-size: 1rem;
	font-weight: 400;
	padding: 0.5em 50px 0.5em 1rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: -1px;
}
@media (any-hover: hover) {
	.home-box-inner-container a:hover {
		color: #fd6516;
	}
	.home-box-inner-container a:hover::before {
		background: url(../images/arrow-w.png) #ff6a00 center / 13px no-repeat;
		box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	}
}
@media(min-width: 900px){
	.home-box-inner {
		width: 49%;
	}
	.home-box-inner-container a {
		padding-top: 0.7em;
		padding-bottom: 0.7em;
	}
}
/************************************
▼home-banner▼
************************************/
.home-banner {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0;
}
.home-banner a {
	color: #212121;
	text-decoration: none;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1em;
	font-size: clamp(1px, 4vw, 1em);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
	border-radius: 10px;
	width: 100%;
	font-weight: 600;
	margin: 0.5em 0;
	min-height: 5em;
	background: none;
}
.home-banner a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 23px;
	background: url(../images/arrow.png) #FFFFFF center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
	transform: translateY(-50%);
}
.home-banner a[target="_blank"]::before {
	display: none;
}
.home-banner a[target="_blank"]::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5em;
	width: 1em;
	height: 23px;
	background: url(../images/blank-icon.png) center / 1em no-repeat;
	transform: translateY(-50%);
}
.home-banner a span {
	font-size: 0.9em;
}
@media (any-hover: hover) {
	.home-banner a:hover {
		color: #fd6516;
		background: #ff6a00;
		background: linear-gradient(142deg,rgba(255, 106, 0, 0.2) 0%, rgba(255, 175, 64, 0.2) 100%);
	}
	.home-banner a:hover::before {
		background: url(../images/arrow-w.png) #ff6a00 center / 13px no-repeat;
		box-shadow: 0 0 0 2px rgba(0,0,0,0.1) inset;
	}
}
@media(min-width: 720px){
	.home-banner a {
		width: 49%;
		margin-left: 2%;
	}
	.home-banner a:nth-child(2n+1) {
		margin-left: 0;
	}
}
@media(min-width: 1080px){
	.home-banner a,
	.home-banner a:nth-child(2n+1) {
		width: 32%;
		margin-left: 2%;
	}
	.home-banner a:nth-child(3n+1) {
		margin-left: 0;
	}
}
/* @media(min-width: 1300px){
	.home-banner a,
	.home-banner a:nth-child(2n+1),
	.home-banner a:nth-child(3n+1) {
		width: 24%;
		margin-left: 1.333333%;
	}
	.home-banner a:nth-child(4n+1) {
		margin-left: 0;
	}
} */

/************************************
counseling-time
************************************/
.counseling-time {
	display: flex;
	flex-wrap: wrap;
	margin-top: -0.5em;
	margin-bottom: 2.5em;
}
.counseling-time p {
	display: flex;
	align-items: center;
	margin: 0.5em 0 !important;
}
.counseling-time p:first-child {
	margin-right: 1.5em !important;
}
.counseling-time p span {
	box-shadow: 0 0 0 2px rgba(0,0,0,0.2) inset;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	padding: 0.5em 0.7em;
	color: #353535;
	margin-right: 1em;
	position: relative;
}
/************************************
list
************************************/
.newsletter-list {
	margin: 1.5em 0;
}
.newsletter-list h2 {
	max-width: 323px;
	margin: 0 auto 1.5em;
}
.newsletter-list h2 img {
	border: 1px solid #DDDDDD;
}
.newsletter-list h2 a {
	display: block;
	text-decoration: none;
	color: #fd6516;
	padding: 0;
	background: none;
}
.newsletter-list h2 span {
	border: 1px solid #fd6516;
	background-color:  #FFFFFF;
	border-radius: 5px;
	padding: 15px;
	margin-top: 20px;
	display: block;
	text-align: center;
}
.newsletter-list ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.newsletter-list ul li {
	width: 14.65%;
	margin-left: 2.4%;
}
.newsletter-list ul li:nth-child(6n+1) {
	margin-left: 0;
}
.newsletter-list ul li a {
	border: 1px solid #fd6516;
	background-color:  #FFFFFF;
	border-radius: 5px;
	padding: 10px 15px;
	margin-top: 20px;
	display: block;
	text-decoration: none;
	text-align: center;
	background: none;
}
.home-nl-list dt {
	float: none;
	width: auto;
}
.home-nl-list dt img {
	width: 100%;
}
.home-nl-list dd {
	float: none;
	width: auto;
	margin-left: 0;
}
.home-nl-list dd li {
	float: left;
	width: 23%;
	margin-left: 2.6%;
}
.home-nl-list dd li:nth-child(6n+1) {
	margin-left: 2.6%;
	clear: inherit;
}
.home-nl-list dd li:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}

/************************************
list
************************************/
.list-section {
	max-width: 832px;
	margin: 0 auto;
}
#list {
	width: 100%;
}
#list tr td {
	padding: 10px;
}
#list tr:nth-child(2n+1) td{
	background-color: #FFEFC4;
}
#list tr td:first-child {
	text-align: center;
	padding-left: 0;
}
#list.kanganshinsei tr td:first-child {
	padding: 10px;
	text-align: left;
}
#list tr td img {
	display: inline-block;
	width: 28px;
}

.kanganshinsei sup {
	font-size: 1rem;
}
/************************************
youtube
************************************/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/************************************
footer
************************************/
#footer {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 2em 0;
	margin-top: 3em;
}
#footer-logo {
	margin: 0 21px 1em;
	display: block;
}
#footer-logo img {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
#footer-btn {
	background-color: #f6f2ea;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #353535;
	text-decoration: none;
	font-size: clamp(1px, 5.5vw, 1.05em);
	width: 15em;
	margin: auto;
	padding: 0.7em 0;
	border-radius: 10px;
}
#footer-btn span {
	display: block;
	color: #FB6110;
	padding-left: 1em;
	background: url(../images/tel-icon.png) center left -0.2em / 1em no-repeat;
	font-weight: 600;
	font-size: 1.55em;
}
.footer-list {
	padding: 0;
	margin: 1em 21px;
}
.footer-list li {
	max-width: 18em;
	margin: 0 auto;
}
.footer-list a {
	color: #212121;
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding-right: 40px;
	font-size: clamp(1px, 4.0vw, 1em);
	font-weight: 600;
	margin: 1em 0;
}
.footer-list .min a {
	font-size: 0.9em;
}
.footer-list a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 23px;
	background: url(../images/arrow.png) #FFFFFF center / 13px no-repeat;
	border-radius: 999px;
	box-shadow: 0 0 0 2px #ffe2d2 inset;
	transform: translateY(-50%);
}
@media screen and (min-width: 640px){
	.footer-list {
		display: flex;
		flex-wrap: wrap;
	}
	.footer-list li {
		width: 48%;
	}
	.footer-list li.min {
		max-width: 12.5em;
	}
}
@media screen and (min-width: 900px){
	.footer-list {
		margin: 0;
		flex-wrap: nowrap;
	}
	.footer-list {
		justify-content: center;
	}
	.footer-list li {
		margin: 0;
	}
	.footer-list li:nth-child(1) {
		width: 21em;
	}
	.footer-list li:nth-child(2) {
		width: 17em;
		margin-left: 1em;
	}
	.footer-list li:nth-child(3) {
		width: 12em;
	}
}
@media screen and (min-width: 1100px){
	#footer {
		display: flex;
		justify-content: center;
	}
	#footer-logo {
		margin-top: 0.5em;
	}
	.footer-list li:nth-child(1) {
		margin-left: 2em;
	}
	.footer-list a {
		margin: 0.5em 0;
	}
}
.copyright {
	font-size: clamp(1px, 3.8vw, 0.9em);
	margin: 10px 21px 0;
}
@media screen and (min-width: 380px){
	.copyright small {
		max-width: 22em;
		margin: 0 auto;
		display: block;
		text-align: center;
	}
}
@media screen and (min-width: 1100px){
	.copyright {
		margin: 10px 0 0;
	}
	.copyright small {
		margin-right: 0;
	}
}
/************************************
page_top
************************************/
#page_top {
	position: fixed;
	bottom: 15px;
	right: -100px;
	z-index: 1000;
	background: #ff6a00;
	background: linear-gradient(142deg,rgba(255, 106, 0, 1) 0%, rgba(255, 175, 64, 1) 100%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
}
#page_top.active {
	right:15px;
}

@media (any-hover: hover) {
	#page_top:hover {
		opacity: 0.6;
	}
}
#page_top:before {
	content: '';
	height: 12px;
	width: 12px;
	display: block;
	border: 2px solid #FFFFFF;
	border-left-width: 0;
	border-bottom-width: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	position: absolute;
	top:50%;
	left: 50%;
	margin: -4px 0 0 -6px;
}
.cc-revoke, .cc-window {
	z-index: 9997 !important;
}



































#mainimgs {
	display:none;
}
#mainimg img {
	border-radius: 4px;	/*角丸のサイズ*/
}
#mainimg .slide_file {
	display: none;
}
#slide_image {
	z-Index:2;
	height: auto;
	/* width: 100%; */
	margin: auto;
	position: relative;
}
#slide_image2 {
	z-Index:1;
	height: auto;
	width: 100%;
	position: absolute;
	left:0px;
	top:0px;
}

/*　コンテンツ（main,subを囲むブロック）　*/
#contents {
	clear: left;
	width: 100%;
}

#main_top section#btn {
	margin: auto;
	text-align: center;
	width: 480px;
	border: 3px solid #FF6600;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.8em;
	clear:both;
}
/*　PC用main_cateコンテンツ　本文　*/
#main_cate p#main_greeting {
	padding: 15px 30px;
}
#main_cate #main_greeting {
	padding: 15px 30px;
}
#main_cate p#main_about {
	padding: 0 30px 10px 30px;
}
#main_cate ul#main_about {
	padding: 0 30px 10px 45px;
}
#main_cate ul#main_about li {
	list-style-type:circle;
}
#main_cate #main_about_center {
	text-align:center;
}
#main_cate #main_senmon_center {
	text-align:center;
}
#main_greeting_tp {
	margin:5px 5px 10px 30px;
	padding: 5px;
}
#main_greeting_tp a {
	font-weight: bold;
	text-decoration:none;
	color:#039;
}
#main_greeting_tp a:hover {
	color:#F60;
}
/*　PC用main_cateコンテンツ　数字で箇条書き　*/
#main_cate ol#main_about {
	padding: 15px 48px;
	font-weight: bold;
}
/*　PC用main_cateコンテンツ　本文中の区切り横線　*/
#info_line01 {
	width:98%;
	margin: 5px 0 5px 5px;
	border-bottom: 1px dotted #999999;
}
/*　PC用　コーディネーターリスト　*/
table.list2 td {
	border-right: 1px solid #EEEEDD;
	border-left: 1px solid #EEEEDD;
	border-bottom: 1px solid #EEEEDD;
}
table.list2 td:last-child {
	border-left: none;
}
table.list2 td.first {
	border: none;
}

/*　メインコンテンツ　*/
#main2 {
	float: left;	/*左側に回り込み*/
	width: 470px;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
	height: auto;
}
/*mainコンテンツのh3タグの設定*/
#main2 h3 {
	font-size: 15px;
	color: #F60;
	padding: 15px 15px 0 15px;	/*上下、左右への余白*/
	clear: both;
}
/*mainコンテンツのh4タグの設定*/
#main2 h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	font-size: 100%;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #000;	/*文字色*/
}
/*mainコンテンツの段落タグ設定*/
#main2 p {
	padding: 0 15px 0;	/*左から、上、左右、下への余白*/
}
#main2_top section#btn {
	margin: auto;
	text-align: center;
	width: 480px;
	border: 3px solid #FF6600;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.8em;
	clear:both;
}
/*　トップページ内【更新情報・お知らせ】ブロック　*/
/*　ブロック全体の設定　*/
#new{
	margin-bottom: 15px;
}
H2 #info_index {
	font-size:14px;
	border:dotted #FFF 1px;
	padding:2px 10px;
	vertical-align:middle;
	float:right;
	margin:7px 15px 0 0;
}
H2 #info_index a {
	color: #FFF;
	text-decoration: none;
}
H2 #info_index a:hover {
	color: #FFFF33;
	text-decoration: none;
}
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 400px;	/*ボックスの高さ*/
	margin-top: 15px;
}
#new dl#newinfo {
	overflow: auto;	/* 高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 400px;	/* ボックスの高さ*/
	margin-top: 15px;
}
#new dl#newinfo2 {
	/*overflow: auto;	高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	/*height: 400px;	ボックスの高さ*/
	height:auto;
	padding-left: 15px;
	margin-top: 15px;
}
#new dl#newinfo3 {	/* 医療従事者向けトップのお知らせ部分 */
	overflow: auto;	/* 高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: auto;	/* ボックスの高さ*/
	padding-left: 15px;
	margin-top: 15px;
}
/*　日付設定　*/
#new dt {
	font-weight: bold;	/*太字にする設定。*/
	float: left;
	width: 8em;
	background-position: left center;
	padding: 5px 0 3px 0;
}
/*　記事設定　*/
#new dd {
	border-bottom: 1px dotted #DDDDEE;	/*下線の幅、線種、色*/
	padding: 5px 15px 3px 110px;
}
#new dd a {
	text-decoration: none;
}
#new dd img {
	margin: 3px 0 8px 5px;
	vertical-align: middle;
}
/*　トピックス設定　*/
ul.topic {
	margin:15px 10px 10px 15px;
}
ul.topic li a{
	text-decoration: none;
}
ul.topic li img {
	margin: 3px 0 8px 5px;
}
/*　トピックス(トップ：相談室について)設定　*/
ul.topic2 {
	margin:15px 10px 10px 15px;
}
ul.topic2 li a{
	text-decoration: none;
	font-weight:bold;
}
ul.topic2 li img {
	margin: 3px 0 8px 5px;
}

/*　各リンクバナーボタン：フッター上　*/
#bnrarea {
	width:100%;
	margin-left:5px;
}
#bnrarea div:nth-child(4n+1) {
	clear: both;
}
#bnrarea .btn_or {
	margin: 10px 10px 10px 15px;
	text-align: center;
	vertical-align: middle;
	min-height:70px;
	width: 200px;
	border: 3px solid #FF6600;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1em;
	float:left;
	line-height:160%;
	padding: 10px 5px 5px 5px;
}
#bnrarea .btn_or .title, #bnrarea .btn_or .title a {
	font-size:1.15em;
	font-weight:bold;
	color: #FF6600;
}
#bnrarea .btn_bl {
	margin: 10px 10px 10px 15px;
	text-align: center;
	width: 200px;
	min-height:70px;
	border: 3px solid #06F;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1em;
	float:left;
	line-height:160%;
	padding: 10px 5px 5px 5px;
	text-align: center;
	vertical-align: middle;
}
#bnrarea .btn_bl .title, #bnrarea .btn_bl .title a {
	font-size:1.15em;
	font-weight:bold;
	color: #06F;
}
#bnrarea .btn_gr {
	margin: 10px 10px 10px 15px;
	padding: 10px 5px 5px 5px;
	text-align: center;
	width: 200px;
	min-height:70px;
	border: 3px solid #090;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1em;
	float:left;
	line-height:160%;
	vertical-align: middle;
}
#bnrarea .btn_gr .title, #bnrarea .btn_gr .title a {
	font-size:1.15em;
	font-weight:bold;
	color: #090;
}
#bnrarea .btn_or a, #bnrarea .btn_bl a, #bnrarea .btn_gr a {
	text-decoration: none;
	color:#333;
	display:block;
}
#bnrarea .btn_or a:hover, #bnrarea .btn_bl a:hover, #bnrarea .btn_gr a:hover {
	text-decoration: none;
	color: #F60;
}








/*　TOP以外メインコンテンツ　*/
#main_cate {
	float: left;	/*左側に回り込み*/
	width: 98%;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
}
/*（TOP以外）main_cateコンテンツのh2タグの設定*/
#main_cate h2 {
	background-color: #F60;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	font-size: 24px;
	color: #FFF;		/*文字色*/
	padding: 5px 0px 5px 12px;	/*上下、左右への余白*/
	clear: both;
}
/*（TOP以外）main_cateコンテンツのh3タグの設定*/
#main_cate h3 {
	font-size: 15px;
	color: #F60;
	padding: 15px 15px 0 30px;	/*上下、左右への余白*/
	clear: both;
	margin-bottom: 15px;
}
#main_cate h3.formedi {
	font-size: 15px;
	color: #F60;
	padding: 15px 15px 0 30px;	/*上下、左右への余白*/
	/* clear: both; */
}
#main_cate h3.viruscheck {
	font-size: 15px;
	color: #333;
	padding: 30px 15px 0 30px;	/*上下、左右への余白*/
	clear: both;
	margin-bottom: 15px;
}
#main_cate h3#newinfo_hdr {
	font-size: 18px;
	color: #F60;
	padding: 15px 15px 0 15px;	/*上下、左右への余白*/
	clear: both;
}
#main_cate h3.newinfo_hdr {
	font-size: 18px;
	color: #F60;
	padding: 0;	/*上下、左右への余白*/
	margin: 1em 0.5em;
	clear: both;
}
/*　よくある質問　質問一覧*/
#main_cate #main_nqa_idx {
	border:3px solid #F60;
	width:90%;
	margin: 0 auto;
	border-radius:10px;
	background-color: #F3F3ED;
}
#main_cate #main_nqa_idx h4 {
	font-size: 18px;
	color: #F60;
	padding: 15px 15px 0 25px;	/*上下、左右への余白*/
	border:none;
	background:none;
}
#main_cate #main_nqa_idx ul {
	padding: 0px 15px 5px 30px;
}

#main_cate #main_nqa_idx ul li {
	font-size:100%;
	color:#039;
	background-position: left 5px;
	font-weight:bold;
	padding-left: 20px;
}
#main_cate #main_nqa_idx ul li a {
	color:#039;
	text-decoration:none;
}
#main_cate #main_nqa_idx ul li a:hover {
	color:#F60;
}
#main_cate #main_nqa_txt h4 {
	font-size: 16px;
	color: #F60;
	padding: 15px 15px 0 70px;	/*上下、左右への余白*/
	border:none;
}
#main_cate #main_nqa_txt p {
	width:80%;
	padding: 5px 50px 0 65px;	/*上下、左右への余白*/
}
#main_nqa_txt p a {
	color:#039;
}
#main_nqa_txt p a:hover {
	color:#F60;
}
/*　薬の情報について　療法別おくすり一覧*/
#main_cate #main_newmd_idx {
	border:3px solid #F60;
	width:90%;
	margin: 0 auto;
	border-radius:10px;
	background-color: #F3F3ED;
}
#main_cate #main_newmd_idx h4 {
	font-size: 18px;
	color: #F60;
	padding: 15px 15px 0 20px;	/*上下、左右への余白*/
	border:none;
	background:none;
}
#main_cate #main_newmd_idx ul {
	padding: 0px 15px 5px 30px;
}

#main_cate #main_newmd_idx ul li {
	font-size:100%;
	color:#039;
	font-weight:bold;
}
#main_cate #main_newmd_idx ul li a {
	color:#039;
	text-decoration:none;
}
#main_cate #main_newmd_idx ul li a:hover {
	color:#F60;
}
/*　医療費助成について　助成一覧*/
#main_cate #main_medcs_idx {
	border:3px solid #F60;
	width:90%;
	margin: 0 auto;
	border-radius:10px;
	background-color: #F3F3ED;
}
#main_cate #main_medcs_idx h4 {
	font-size: 18px;
	color: #F60;
	padding: 15px 15px 0 20px;	/*上下、左右への余白*/
	border:none;
	background:none;
}
#main_cate #main_medcs_idx ul {
	padding: 0px 15px 5px 30px;
}

#main_cate #main_medcs_idx ul li {
	font-size:100%;
	color:#039;
	font-weight:bold;
}
#main_cate #main_medcs_idx ul li a {
	color:#039;
	text-decoration:none;
}
#main_cate #main_medcs_idx ul li a:hover {
	color:#F60;
}

/*（TOP以外）main_cateコンテンツのh4タグの設定*/
#main_cate h4 {
	padding: 5px 0 0 20px;	/*上、右、下、左側への余白*/
	font-size: 100%;
	/*border-bottom: 1px solid #CCC;	下側の線の幅、線種、色*/
	/*border-left: 3px solid #000;	左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #000;	/*文字色*/
}
/*（TOP以外）main_cateコンテンツの段落タグ設定*/
#main_cate p {
	padding: 0 30px 0;	/*左から、上、左右、下への余白*/
}
#main_cate_top section#btn {
	margin: auto;
	text-align: center;
	width: 480px;
	border: 3px solid #FF6600;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.8em;
	clear:both;
}
#main_cate section#btn_sp {
	display:none;
}
#main_cate section#btn_pc {
	display:block;
	margin: 0 auto;
	text-align: center;
	width: 40%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px;
	clear: both;
}
#main_cate section#btn_pc a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section#btn_sp2 {
	display:none;
}
#main_cate section#btn_pc2 {
	display:block;
	margin: 10px 15px;
	text-align: center;
	width: 40%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px;
	float:left;
}
#main_cate section#btn_pc2 a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section#btn_pcbl {
	display:block;
	margin: 0 auto;
	text-align: center;
	width: 60%;
	border: 3px solid #039;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 12px;
	clear: both;
}
#main_cate section#btn_pcbl a {
	display:block;
	text-decoration: none;
	color: #039;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:bold;
}
/* 診断チェックボタン */
#main_cate input {
	margin:20px 0 0 30px;
	padding:15px 20px;
	background-color:#FFF;
	border:solid 3px #F60;
	border-radius: 8px;
	font-weight: bold;
}
#main_cate input.return {
	padding:10px 20px;
	background-color:#FFF;
	border:solid 3px #999;
	border-radius: 8px;
	font-weight: bold;
}
#main_cate #question1, #main_cate #question2, #main_cate #question3, #main_cate #question4, #main_cate #question5,
#main_cate #question6, #main_cate #question7, #main_cate #question8, #main_cate #question9, #main_cate #question10,
#main_cate #answer1, #main_cate #answer2, #main_cate #answer3, #main_cate #answer4, #main_cate #answer5,
#main_cate #Return1, #main_cate #Return2, #main_cate #Return3, #main_cate #Return4, #main_cate #Return5,
#main_cate #Return6, #main_cate #Return7, #main_cate #Return8, #main_cate #Return9, #main_cate #Return10,
#main_cate #AllReturn {
	text-align:center;
}
/*（TOP以外）ここまで */

/*　マウスオン時 */
#pagetop a:hover {
	opacity: 0.6;
}
/*　その他　
.sp10 {
	height:10px;
}
.sp12 {
	height:12px;
}
.sp15 {
	height:15px;
}
.sp16 {
	height:16px;
}
.sp18 {
	height:18px;
}
.sp20 {
	height:20px;
}
.sp25 {
	height:25px;
}
.sp30 {
	height:30px;
}
.sp50 {
	height:50px;
}*/
.look {
	background: #dcdcdc;
}
.mb15 {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 1em;
	list-style: disc;
}
.color1 {
	color: #f28900;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.r {
	text-align: right;
}
figcaption {
	font-size: 11px;
}
img {
	max-width: 100%;
	height: auto;
}
#menubar_hdr {
	display: none;
}
.mini1 {
	font-size: 11px;
	font-weight: normal;
}
.left {
	margin:20px 5%;
	float:left;
	text-align:center;
}
.left2 {
	margin:13px 15px 0 13px;
	float:left;
	text-align:center;
}
img.left2 {
	margin:13px 30px 0 5px;
	float:left;
}
.right2 {
	margin: 15px 5%;
	float:right;
}
/* 動画 */
/*　flashビデオ（ログインページ）　*/
.flv_player {
	width: 500px;
	height: 380px;
	display: block;
	float: left;
	margin: 5px 25px;
}
.flv_player2 {
	display:none;
}
.mvtext {
	width: 280px;
	height: 380px;
	display: block;
	margin: 0 40px 20px 520px;
}
.mvtextA {
	width: 300px;
	height: 380px;
	display: block;
	margin: 0 40px 20px 510px;
}
.mvtextB {
	width: 340px;
	height: 380px;
	display: block;
	margin: 0 40px 20px 500px;
}
.mvtextC {
	width: 300px;
	height: 420px;
	display: block;
	margin: 0 40px 20px 510px;
}
/*　以下、スマートフォン用（979px以下）　*/
@media screen and (max-width: 979px) {

/*　コンテンツ（main,subを囲むブロック）　*/
#contents {
	clear: left;
	width: 100%;
}

#main_top section#btn {
	margin: auto;
	text-align: center;
	width: 45%;
	border: 3px solid #FF6600;
	border-radius: 4px;		/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.8em;
	clear:both;
}

/*　トップページのスライドショー　*/
#mainimg {
	width:95%;
	margin:0 auto 20px;
}
#main_cate {
	width: 95%;
}
#main_cate section#btn_pc {
	display:none;
}
#main_cate section#btn_sp {
	display:block;
	margin: 0 auto 25px;
	text-align: center;
	width: 60%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px 8px;
	clear: both;
}
#main_cate section#btn_sp a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section#btn_pc2 {
	display:none;
}
#main_cate section#btn_sp2 {
	display:block;
	margin: 0 auto 25px;
	text-align: center;
	width: 70%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px 8px;
	clear: both;
}
#main_cate section#btn_sp2 a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate .small {
	font-size:0.55em;
	margin: 0 auto;
}
.right2 {
	width:100%;
	margin: 10px auto;
	text-align:center;
}
#main_cate #main_nqa_txt h4 {
	font-size: 16px;
	color: #F60;
	padding: 15px 15px 0 30px;	/*上下、左右への余白*/
	border:none;
}
#main_cate #main_nqa_txt p {
	width:80%;
	padding: 5px 50px 0 20px;	/*上下、左右への余白*/
}
/*　メインコンテンツ　*/
#main2 {
	float: left;	/*左側に回り込み*/
	width: 50%;	/*メインコンテンツ幅*/
	padding-bottom: 15px;
}
/*mainコンテンツのh2タグの設定*/
#main2 h2 {
	background-color: #F60;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	font-size: 1.5em;
	color: #FFF;		/*文字色*/
	text-indent:12px;
	padding: 5px 0px;	/*上下、左右への余白*/
	clear: both;
}
/*mainコンテンツのh3タグの設定*/
#main2 h3 {
	font-size: 15px;
	color: #F60;
	padding: 15px 15px 0 15px;	/*上下、左右への余白*/
	clear: both;
}
/*mainコンテンツのh4タグの設定*/
#main2 h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	font-size: 100%;
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
	margin-bottom: 0.5em;
	color: #000;	/*文字色*/
}
/*mainコンテンツの段落タグ設定*/
#main2 p {
	padding: 0 15px 0;	/*左から、上、左右、下への余白*/
}
#bnrarea div {
	width: 25.333% !important;
	margin: 10px 1%;
}
#bnrarea div:nth-child(4n+1) {
	clear: none;
}
#bnrarea div:nth-child(3n+1) {
	clear: both;
}
}
@media (max-width : 640px){
#bnrarea div {
	width: 40.333% !important;
}
#bnrarea div:nth-child(3n+1) {
	clear: none;
}
#bnrarea div:nth-child(2n+1) {
	clear: both;
}
}
/*　以下、スマートフォン用（480px以下）　*/
@media (max-width : 480px){
/*　コンテナー　*/
#container {
	width: auto;
}

#gNav {
  width: 100%;
  position: absolute;
  top: -412px;
  left: 0px;
  z-index: 100;
  transition: top 1s;
  -webkit-transition: top 1s;
  -moz-transition: top 1s;
  text-align: left;
  background:#666;
  padding:10px 0;
  display:block;
}
#gNav li a{
	color:#FFF;
	padding: 15px 0 3px 70px;
	text-decoration:none;
}
#gNav li a:hover {
	color:#F60;
}
#gNav:target {
  top: 0;
}
.nav-close a {
	color: #7DF;
	font-weight:bold;
	padding: 10px 0 20px 70px;
	text-decoration:none;
}
/*　トップページのスライドショー　*/
#mainimg {
	display:none;
}
#mainimgs {
	display:block;
	clear:both;
	clear: left;
	width: 100%;	/*幅*/
	height: auto;	/*高さ*/
	position: relative;
	margin: 0 auto 5px;	/*画像の下の余白*/
	z-inde:1;
}
/*　メインコンテンツ　*/
#main2 {
	float: left;	/*左側に回り込み*/
	width: 100%;	/*メインコンテンツ幅*/
	padding-bottom: 15px;
}
/*　メインコンテンツ(TOP以外)　*/
#main_cate {
	float: left;	/*左側に回り込み*/
	width: 100%;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
}
/*main_cateコンテンツのh2タグの設定*/
#main_cate h2 {
	background-color: #F60;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	font-size: 24px;
	color: #FFF;		/*文字色*/
	clear: both;
	padding: 5px 0px 5px 12px;	/*上下、左右への余白*/
}
/*main_cateコンテンツのh3タグの設定*/
#main_cate h3#newinfo_hdr {
	font-size: 15px;
	color: #F60;
	padding: 15px 15px 0 5px;	/*上下、左右への余白*/
	clear: both;
}
/*　PC用main_cateコンテンツ　本文　*/
#main_cate p#main_greeting {
	padding: 15px 30px;
}
/* 医療従事者向け */
#new dl#newinfo3 {	/* 医療従事者向けトップのお知らせ部分 */
	/* overflow: auto;	高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	/* height: 400px;	ボックスの高さ*/
	height: auto;
	padding-left: 15px;
	margin-top: 15px;
}
/* ボタンの装飾 */
#main_cate input {
	margin:20px 0 10px 30px;
	padding:15px 20px;
	background-color:#FFF;
	border:solid 3px #F60;
	border-radius: 10px;
	font-weight: bold;
}
#main_cate input.return {
	text-align:center;
}
#main_cate p {
	padding: 0 30px 0;	/*左から、上、左右、下への余白*/
}
#main_cate section#btn_sp {
	display:block;
	margin: 0 auto 25px;
	text-align: center;
	width: 80%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px 8px;
	clear: both;
}
#main_cate section#btn_sp a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section#btn_pcbl {
	width: 80%;
}
#main_cate #main_senmon_center {
	display:none;
}
#main_senmon {
	display:none;
}
/*　上部のメインメニュー　*/
nav#menu {
	display: none;
}
/*メニューブロックの設定*/
nav#menu ul {
	position: static;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: none;
	width: auto;
}
nav#menu ul li a {
	margin: 0px;
	margin-bottom: 5px;
}
/*最後のメニューの設定*/
nav#menu ul li:last-child {
	margin-bottom: 20px;
}
/*　コンテンツ（main,subを囲むブロック）　*/
#contents {
	width: auto;
}
/*ブロック全体の設定*/
#new dl {
	height: auto;
	padding-left: 5px;
}
/*日付設定*/
#new dt {
	float: none;
	width: auto;
}

/*記事設定*/
#new dd {
	padding-left: 0;
}
/*スマホ・タブレットで非表示（HOMEメニューに使用）*/
.stn {
	display: none;
}
#bnrarea .btn_or, #bnrarea .btn_bl, #bnrarea .btn_gr {
	margin: 10px 5px 10px 3px;
	width: 42%;
	padding: 10px 5px 5px 5px;
	font-size:0.95em;
}
#bnrarea .btn_or a, #bnrarea .btn_bl a, #bnrarea .btn_gr a {
	text-decoration: none;
	color:#333;
	display:block;
}
#bnrarea .btn_or a:hover, #bnrarea .btn_bl a:hover, #bnrarea .btn_gr a:hover {
	text-decoration: none;
	color: #F60;
}
#bnrarea .btn_or .titles, #bnrarea .btn_or .titles a {
	font-size:0.9em;
	font-weight:bold;
	color: #FF6600;
	line-height: 50%;
}
pagetop {
	animation: 3s ease 1s;
	-webkit-animation: 3s ease 1s;
	-moz-animation: 3s ease 1s;
	z-index:100;
}
pagetop:target {
	top: 0;
}
.right2 {
	width:90%;
	margin: 10px 20px 20px 0;
	text-align: center;
}
.flv_player {
	display:none;
}
.flv_player2 {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	text-align:center;
}
}

.coord01 {
	background-color: #ffe9e1;
}
.coord02 {
	background-color: #e1edff;
}
.coordinator-list {
	overflow: hidden;
	margin: 1em 0 2em;
}
.coordinator-list li {
	width: 23%;
	margin: 15px 1% 0;
	float: left;
}
.coordinator-list li a {
	border: 2px solid #DDDDDD;
	display: block;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	padding: 0.5em;
}
@media screen and (max-width: 640px) {
.coordinator-list li {
	width: 48%;
}
}

/*20180919TOPページ更新*/
#container.home {
	padding: 0;
	width: auto;
}
.home-bg {
	background-color: #fff5f0;
	padding: 20px 0;
	margin: 30px 0;
}
.half-contents {
	float: left;
	width: 48%;
	margin-left: 4%;
}
.half-contents.left-box {
	margin-left: 0;
}
.home-arrow-list {
	border: 1px solid #fd6516;
	background-color:  #FFFFFF;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 30px;
}
.home-arrow-list li {
	margin: 10px 0;
	position: relative;
}
.home-arrow-list li a {
	display: block;
	padding-left: 25px;
	text-decoration: none;
}
.home-arrow-list li a.pdf {
	background: url(../images/pdf-icon.png) no-repeat 0 0.4em;
}
.home-arrow-list li a.blank {
	background: url(../images/blank-icon.png) no-repeat 0 0.4em;
}
.home-arrow-list li a.pdf:before,
.home-arrow-list li a.pdf:after,
.home-arrow-list li a.blank:before,
.home-arrow-list li a.blank:after {
	display: none;
}
.home-arrow-list li a:before{
	content: ' ';
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	background-color: #fd6516;
	position: absolute;
	top: 5px;
	left: 0;
	border-radius: 50%;
}
.home-arrow-list li a:after{
	content:'';
	height: 4px;
	width: 4px;
	display: block;
	border: 1px solid #FFFFFF;
	border-left-width:0;
	border-top-width:0;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	position:absolute;
	top: 10px;
	left: 4px;
	z-index: 10;
}
.home-btn-list {
	overflow: hidden;
}
.home-btn-list li {
	width: 31.33333%;
	float: left;
	margin-left: 3%;
	margin: 1em 0 1em 3%;
}
.home-btn-list li:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}
.home-btn-list li img {
	width: 100%;
}
@media screen and (max-width: 740px) {
.half-contents {
	float: none;
	width: auto;
	margin-left: 0;
}
.home-btn-list li {
	width: 48%;
	float: left;
	margin: 1em 0 1em 4%;
}
.home-btn-list li:nth-child(3n+1) {
	margin-left: 4%;
	clear: inherit;
}
.home-btn-list li:nth-child(2n+1) {
	margin-left: 0;
	clear: both;
}
}
#page-title {
	background-color: #F60;
	font-size: 24px;
	color: #FFF;
	padding: 5px 0px 5px 12px;
	clear: both;
}


#mainimg {
    margin: 35px auto;
}
#mainimg img {
    display: block;
}
nav#menu {
    background-color: #DDDDCC;
	margin-bottom: 40px;
	position: relative;
	z-index: 10;
}
nav#menu ul {
	margin: 0 auto;
	max-width: 980px;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
nav#menu ul li {
	width: 12.5%;
	display: flex;
	align-content: center;
	justify-content: center;
	position: relative;
}
nav#menu ul li a {
	border-right: 1px solid #b7b79d;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1.5em 0;
	width: 100%;
    line-height: 1.4;
    margin: 0px;
    font-size: 90%;
    font-weight: bold;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
nav#menu ul li.lines a {
	border-left: 1px solid #b7b79d;
}
nav#menu ul li a:hover {
	background-color: rgba(255,255,255,0.4);
}

nav#menu ul li ul {
	display: none;
}
nav#menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}
nav#menu ul li:hover ul li {
	width: 100%;
}
nav#menu ul li ul a {
	border: 0;
	border-top: 1px solid #b7b79d;
	display: block;
	padding: 1.5em 0;
	background-color: #ffd9c0;
}
nav#menu ul li.lines ul a {
	border-left: 0;
}
nav#menu ul li ul li a:hover {
	background-color: #ffefe4;
}

#main_nqa_idx ul:nth-last-of-type(1),
#main_newmd_idx ul:nth-last-of-type(1),
#main_medcs_idx ul:nth-last-of-type(1) {
	margin-bottom: 20px;
}
#question1 {
	margin-bottom: 100px;
}
.space-small {
	margin-bottom: 10px!important;
}
.space-middle {
	margin-bottom: 30px!important;
}
.space-large {
	margin-bottom: 50px!important;
}
@media screen and (max-width: 979px){
nav#menu ul {
}
nav#menu ul li {
	width: 25%;
	font-size: 14px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
nav#menu ul li:nth-child(1),
nav#menu ul li:nth-child(4) {
	z-index: 2;
}
nav#menu ul li:nth-child(1),
nav#menu ul li:nth-child(2),
nav#menu ul li:nth-child(3),
nav#menu ul li:nth-child(4) {
	border-bottom: 1px solid #b7b79d;
}
nav#menu ul li:nth-child(4) a,
nav#menu ul li:nth-child(8) a {
	border-right: none;
}
nav#menu ul li.lines a {
	border-left: 0;
}
nav#menu ul li a {
	padding: 0.65em 0;
}
nav#menu ul li:nth-child(2) a {
	border-left: 0;
}
#main_cate {
    width: 100%;
}
}
@media screen and (max-width: 480px){
#main_cate p {
    padding: 0 30px 0;
    white-space: normal;
    overflow-wrap: break-word;
    overflow: hidden;
}
}
/** id⇒class **/
#main_cate p.main_greeting {
	padding: 15px 30px;
}
#main_cate .main_greeting {
	padding: 15px 30px;
}
#main_cate p.main_about {
	padding: 0 30px 10px 30px;
}
#main_cate ul.main_about {
	padding: 0 30px 10px 45px;
}
#main_cate ul.main_about li {
	list-style-type:circle;
}
.about-img {
}
.about-img img {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.about-img.sp img {
	display: none;
}
@media screen and (max-width: 640px){
	.about-img img {
		display: none;
	}
	.about-img.sp img {
		display: block;
	}
}
#main_cate .main_senmon_center {
	text-align:center;
}
#main_cate ol.main_about {
	padding: 15px 48px;
	font-weight: bold;
}

#main_cate .main_nqa_idx {
	border:3px solid #F60;
	width:90%;
	margin: 0 auto;
	border-radius:10px;
	background-color: #F3F3ED;
}
#main_cate .main_nqa_idx h4 {
	font-size: 18px;
	color: #F60;
	padding: 15px 15px 0 25px;	/*上下、左右への余白*/
	border:none;
	background:none;
}
#main_cate .main_nqa_idx ul {
	padding: 0px 15px 5px 30px;
}

#main_cate .main_nqa_idx ul li {
	font-size:100%;
	color:#039;
	font-weight:bold;
}
#main_cate .main_nqa_idx ul li a {
	color:#039;
	text-decoration:none;
}
#main_cate .main_nqa_idx ul li a:hover {
	color:#F60;
}

#main_cate .main_nqa_txt h4 {
	font-size: 16px;
	color: #F60;
	padding: 15px 15px 0 70px;	/*上下、左右への余白*/
	border:none;
}
#main_cate .main_nqa_txt p {
	width:80%;
	padding: 5px 50px 0 65px;	/*上下、左右への余白*/
}
.main_nqa_txt p a {
	color:#039;
}
.main_nqa_txt p a:hover {
	color:#F60;
}

#main_cate section.btn_sp {
	display:none;
}
#main_cate section.btn_pc {
	display:block;
	margin: 0 auto;
	text-align: center;
	width: 40%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px;
	clear: both;
}
#main_cate section.btn_pc a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section.btn_sp2 {
	display:none;
}
#main_cate section.btn_pc2 {
	display:block;
	margin: 10px 15px;
	text-align: center;
	width: 40%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px;
	float:left;
}
#main_cate section.btn_pc2 a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section.btn_pcbl {
	display:block;
	margin: 0 auto;
	text-align: center;
	width: 60%;
	border: 3px solid #039;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 12px;
	clear: both;
}
#main_cate section.btn_pcbl a {
	display:block;
	text-decoration: none;
	color: #039;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight:bold;
}
@media screen and (max-width: 979px) {
#main_cate section.btn_pc {
	display:none;
}
#main_cate section.btn_sp {
	display:block;
	margin: 0 auto 25px;
	text-align: center;
	width: 60%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px 8px;
	clear: both;
}
#main_cate section.btn_sp a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section.btn_pc2 {
	display:none;
}
#main_cate section.btn_sp2 {
	display:block;
	margin: 0 auto 25px;
	text-align: center;
	width: 70%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px 8px;
	clear: both;
}
#main_cate section.btn_sp2 a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}

#main_cate .main_nqa_txt h4 {
	font-size: 16px;
	color: #F60;
	padding: 15px 15px 0 30px;	/*上下、左右への余白*/
	border:none;
}
#main_cate .main_nqa_txt p {
	width:80%;
	padding: 5px 50px 0 20px;	/*上下、左右への余白*/
}
}
@media (max-width : 480px){
#main_cate p.main_greeting {
	padding: 15px 30px;
}
#main_cate section.btn_sp {
	display:block;
	margin: 0 auto 25px;
	text-align: center;
	width: 80%;
	border: 3px solid #FF6600;
	border-radius: 8px;	/*角丸のサイズ*/
	background-color: #FFF;	/*背景色*/
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 12px 8px;
	clear: both;
}
#main_cate section.btn_sp a {
	display:block;
	text-decoration: none;
	color: #F60;
	font-weight:bold;
}
#main_cate section.btn_pcbl {
	width: 80%;
}
#main_cate .main_senmon_center {
	display:none;
}
.main_senmon {
	display:none;
}
}

#main_cate.skillup {
	float: none;
	width: auto;
	padding: 0 20px;
	margin: 0 auto 50px;
}
#main_cate.skillup h2 {
	padding: 0.5em;
	line-height: 1.4;
}
#main_cate.skillup h3 {
	padding: 0;
	margin: 0 0 30px;
	line-height: 1.4;
	font-size: 1.3em;
	font-weight: bold;
	color: #3a5a9c;
}
#main_cate.skillup h3.space-none {
	margin-bottom: 0;
}
#main_cate.skillup h3 span {
	display: block;
	font-size: 0.8em;
	color: #353535;
	margin-top: 0.5em;
}
#main_cate.skillup h3 span.ok-icon {
	padding: 0 3px;
	margin-right: 5px;
	background-color: #E50000;
	color: #FFF;
	text-align: center;
	display: inline;
}
#main_cate.skillup p {
	margin: 1.5em 0;
	padding: 0;
}
#main_cate.skillup p.leaflet {
	margin: 0.5em 0 1.5em;
}
#main_cate.skillup p.movie-sub-text {
	font-size: 1.15em;
	margin-bottom: 0.7em;
	color: #F60;
	font-weight: bold;
}
#main_cate.skillup p.attention {
	border: 2px solid #DDDDDD;
	padding: 1em;
	margin-bottom: 0.5em;
}
#main_cate.skillup .pdf {
    background: url(../images/pdf-icon.png) no-repeat 0 0.2em;
    padding: 0 0 0 20px;
}
.login-text {
	display: flex;
	justify-content: center;
}
.loginForm {
	width: 100%;
	max-width: 300px;
	margin: 0 auto 3em;
	border: 4px solid #ffb380;
	border-radius: 6px;
	padding: 15px 30px;
}
#main_cate.skillup p.loginForm-title {
	font-size: 1.3em;
	font-weight: bold;
	color: #3a5a9c;
	margin: 0.7em 0 0;
}
#main_cate.skillup input,
#main_cate.skillup textarea {
	margin: 0;
	padding:15px 2.5%;
	width: 95%;
	background-color:#FFF;
	border:solid 1px #DDDDDD;
	border-radius: 4px;
	font-weight: bold;
}
#main_cate.skillup input[type="text"]:focus,
#main_cate.skillup input[type="password"]:focus,
#main_cate.skillup textarea:focus {
  border: 1px solid #F60;
  outline: 0;
}
#main_cate.skillup input.free {
	width: auto;
}
#main_cate.skillup .login-btn input {
	width: 100%;
	background-color: #F60;
	color: #FFF;
	border:solid 1px #F60;
	cursor: pointer;
}
#main_cate.skillup .login-btn input:hover {
	background-color: #ffb380;
	border:solid 1px #ffb380;
}

#main_cate h3.skillup-movie-title {
	background-color: #ffe5d4;
	padding: 1em;
	color: #353535;
	margin-bottom: 1.5em;
}
.skillup-movie-list {
	padding: 5px 1px 0;
	display: flex;
	align-content: center;
	flex-wrap: wrap;
}
.skillup-movie-list a {
	display: block;
	text-decoration: none;
	width: 31.333333%;
	margin-left: 3%;
	margin-bottom: 30px;
	position: relative;
	color: #353535;
}
.skillup-movie-list h4 {
	margin: 1em 0 0;
}
.skillup-movie-list p {
	margin: 0 !important;
}
.skillup-movie-list.half a {
	width: 48.5%;
	margin-left: 3%;
}
.skillup-movie-list a:first-child {
	margin-left: 0;
}
.skillup-movie-list.half a:nth-child(2n+1) {
	margin-left: 0;
}
.skillup-movie-list a.back-btn {
	background-color: #ffe5d4;
	padding: 1em 0;
	color: #353535;
	margin-bottom: 1.5em;
	font-size: 1.15em;
	border-radius: 6px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.skillup-movie-list a.back-btn span {
	display: flex;
	padding-left: 20px;
	position: relative;
}
.skillup-movie-list a.back-btn span:before{
	content: '';
	height: 8px;
	width: 8px;
	display: block;
	border: 2px solid #F60;
	border-right-width: 0;
	border-bottom-width: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	position: absolute;
	top: 9px;
	left: 0;
}
.skillup-movie-list a:hover {
	opacity: 0.5;
}
.skillup-movie-list img {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.skillup-movie-list .sub-title {
	background-color: #ffe5d4;
	display: block;
	padding: 0.5em 1em;
	box-shadow: 0 0 0 1px #ffe5d4;
}
#main_cate .skillup-movie-list h4 {
	padding: 15px 0 0;
	line-height: 1.5;
}
#main_cate .skillup-movie-list h4 .ok-icon {
	padding: 0 3px;
	margin-right: 5px;
	background-color: #E50000;
	color: #FFF;
	text-align: center;
}
#main_cate .skillup-movie-list p {
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
}
@media screen and (max-width: 979px){
	.skillup-movie-list a {
		width: 48%;
		margin-left: 4%;
	}
	.skillup-movie-list a:nth-child(2n+1) {
		margin-left: 0;
		clear: both;
	}
	.skillup-movie-list a.back-btn {
		margin-left: 26%;
	}
}
@media screen and (max-width:640px){
	.skillup-movie-list a,
	.skillup-movie-list.half a {
		width: auto;
		float: none;
		margin-left: 0;
	}
	.skillup-movie-list a.back-btn {
		width: 80%;
		margin-left: 10%;
	}
}
.skillup-link-list {
	overflow: hidden;
	margin: 0 0 2em;
}
.skillup-link-list li {
	width: 48%;
	margin: 15px 1% 0;
	float: left;
}
.skillup-link-list li p {
	border: 2px solid #DDDDDD;
	display: block;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	padding: 1em 0.5em !important;
	margin: 0 !important;
	cursor: pointer;
}
.skillup-link-list li p.manual-open span {
	background: url(../images/skillup-link-list-icon01.png) no-repeat 0 7px;
	background-size: 25px;
	padding: 10px 0;
	padding-left: 40px;
}
.skillup-link-list li p.trouble-open span {
	background: url(../images/skillup-link-list-icon02.png) no-repeat 0 7px;
	background-size: 25px;
	padding: 10px 0;
	padding-left: 40px;
}
@media screen and (max-width: 640px) {
	.skillup-link-list li {
		width: 98%;
	}
}

.skillup-movie {
	position: relative;
	margin-bottom: 10px;
}
#video {
	width: 100%;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.video-btn {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0; /*コントローラー分下部に余白を*/
	cursor: pointer;
	width: 100%;
	height: 100%;
}
#main_cate #btn_pc {
    display: block;
    margin: 1em auto;
    text-align: center;
    border: 3px solid #FF6600;
    border-radius: 8px;
    color: #FF6600;
    font-size: 1.6em;
    line-height: 1.3em;
    padding: 18px 12px;
    clear: both;
	text-decoration: none;
	font-weight: bold;
}
#main_cate #btn_pc:hover {
	background-color: #FF6600;
	color: #FFFFFF;
}

#skillup-manual,
#skillup-trouble {
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	display: none;
	z-index: -10;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #FFFFFF;
}
#skillup-manual.active,
#skillup-trouble.active {
	display: block;
	z-index: 9998;
}
.skillup-close-btn {
	position: fixed;
	top: 20px;
	right: 20px;
	font-size: 30px;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 1.3 !important;
	background-color: rgba(0,0,0,0.4);
	color: #FFFFFF;
	font-weight: bold;
}
#skillup-manual-inner,
#skillup-trouble-inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 30px;
}
#main_cate.skillup #skillup-manual h2,
#main_cate.skillup #skillup-trouble h2 {
	background-color: #FFFFFF;
	color: #353535;
	text-align: center;
	border: 3px solid #353535;
	margin-bottom: 1em;
}
.skillup-manual-box {
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-bottom: 20px;
}
.skillup-manual-box:nth-child(2n+1) {
	margin-left: 0;
	clear: both;
}
.skillup-manual-box p {
	position: relative;
	padding-left: 30px !important;
}
.skillup-manual-box p span {
	position: absolute;
	top: -4px;
	left: 0;
	color: #FF6600;
	font-size: 1.3em;
	font-weight: bold;
}
.skillup-manual-box img {
	width: 100%;
	border: 1px solid #DDDDDD;
}
@media screen and (max-width:640px){
	.skillup-manual-box {
		width: 99%;
		float: none;
		margin: 0 auto 3em;
	}
}
.skillup-trouble-list01 {
	margin: 0 0 3em;
	padding: 1.5em;
	border: 2px solid #DDDDDD;
}
.skillup-trouble-list01 li {
	list-style: none;
	position: relative;
	padding: 0 0 0 30px;
	margin-bottom: 5px;
}
.skillup-trouble-list01 li::before {
	content: "";
	height: 17px;
	width: 17px;
	background-color: #00b9ef;
	border-radius: 50%;
	position: absolute;
	top: 0.35em;
	left: 0;
}
.skillup-trouble-list02 {
	margin: 0 0 3em;
	padding: 1.5em;
	border: 2px solid #DDDDDD;
}
.skillup-trouble-list02 li {
	position: relative;
	padding-left: 30px;
}
.skillup-trouble-list02 li span {
	position: absolute;
	top: -4px;
	left: 0;
	color: #FF6600;
	font-size: 1.3em;
	font-weight: bold;
}
.skillup-trouble-info {
	margin: 0 0 3em !important;
	padding: 1.5em !important;
	border: 2px solid #DDDDDD;
}
#main_cate.font-big h3.skillup-movie-title {
	font-size: 1.6em;
	padding: 0.5em 1em;
}
#main_cate.skillup.font-big h3 {
	font-size: 1.6em;
}
#main_cate.font-big .skillup-movie-list h4 {
	font-size: 1.5em;
}
#main_cate.font-big .skillup-movie-list p,
.skillup-movie-list a.back-btn {
	font-size: 1.3em;
}
.skillup-movie-list a.back-btn span::before {
	top: 12px;
}
/************************************
▼table▼
************************************/
.input-form {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 3rem;
}
.input-form th,
.input-form td {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	padding: 15px 15px;
	display: block;
}
.input-form th {
	background: #ffe5d4;
	vertical-align: middle;
	text-align: left;
}
.input-form .errorField td {
	background-color: #fff8d4;
}
.required {
	background-color: #E50012;
	color: #FFFFFF;
	margin-right:10px;
	padding: 3px 5px;
}
.any {
	background-color: #FFFFFF;
	color: #212121;
	margin-right:10px;
	padding: 3px 5px;
}
.errorMessage {
	color: #E50012;
	display: block;
}
#main_cate.skillup input#generatePassword {
	width: auto;
}
@media screen and (min-width:978px){
	.input-form th,
	.input-form td {
		border-bottom: 1px solid rgba(0,0,0,0.1);
		border-right: 1px solid rgba(0,0,0,0.1);
		padding: 15px 1.5rem;
		display: table-cell;
		width: auto;
	}
	.input-form th {
		width: 22%;
	}
}
.input-form-btn {
	display: flex;
	justify-content: space-between;
}
.input-form-btn p,
.input-form-btn form {
	width: 49%;
	margin: 0 !important;

}
.input-form-btn form p {
	width: auto;
}
#main_cate.skillup .input-form-btn .back a {
	margin: 0;
	padding: 12px 2.5% 11px;
	width: 95%;
	border: solid 1px;
	border-radius: 4px;
	font-weight: bold;
	display: block;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
#main_cate.skillup .input-form-btn .back a,
#main_cate.skillup .input-form-btn .back input {
	background-color: #666666;
	border-color: #666666;
}
.form-title-bg {
	display: block;
	background-color: #f8f8f8;
	padding: 1em;
	border-radius: 4px;
	margin: 0.5em 0;
}
.title-name {
	display: block;
	padding-left: 1.7em;
	font-weight: normal;
	font-size: 12px !important;
	background-size: 15px;
}
.file-text {
	font-size: 12px;
	line-height: 1.4;
	display: block;
	margin-top: 5px;
	background-color: rgba(255,255,255,0.4);
	padding: 0.5em;
}
.board-btn-top {
	display: flex;
	margin-bottom: 2em;
}
.board-btn-top li {
	width: 50%;
}
.board-btn-top li:nth-child(2) {
	margin: 0 0 0 2%;
}
.board-btn-top li a {
	border: 1px solid #dddddd;
	display: block;
	text-align: center;
	padding: 0.8em 1em;
	text-decoration: none;
	border-radius: 4px;
	font-size: 12px;
}
.board-btn-top li a:hover {
	background-color: #ffe5d4;
}
.board-btn-top li a span {
	background-size: 15px;
	padding-left: 25px;
}
.board-btn-top li:nth-child(1) a {
	border: 1px solid #F60;
	background-color: #F60;
	color: #FFFFFF;
}
.board-btn-top li:nth-child(1) a span {
	background-size: 15px;
	padding-left: 25px;
}
#main_cate.skillup input.board-logout {
	background-size: 20px;
	border-color: #FFFFFF;
	font-size: 12px;
	color: #FFFFFF;
	width: auto;
	text-align: left;
	padding: 0.5em 1em 0.5em 42px;
	position: absolute;
	top: 50%;
	margin-top: -1.3em;
	right: 1em;
	cursor: pointer;
}
#main_cate.skillup input.board-logout.list {
}
#main_cate.skillup input.board-logout:hover {
	opacity: 0.5;
}
#main_cate .board-box h3.skillup-movie-title {
	margin-bottom: 0;
}
.board-box {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	margin-bottom: 2em;
}
.board-box-inner {
	padding: 2em;
}
.input-form ul,
.board-box-inner ul {
	list-style: disc;
	margin: 1em 0 1em 1.5em;
}
.input-form ol,
.board-box-inner ol {
	margin: 1em 0 1em 1.5em;
}
#main_cate.skillup .board-box p {
	margin: 1.5em;
}
.board-box-sub {
	border-top: 1px solid #DDDDDD;
	background-color: #f8f8f8;
	display: flex;
	justify-content: space-between;
}
.board-box-comment {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0.5em 1em;
	font-size: 12px;
}
.board-box-change {
	position: relative;
	width: 50px;
	border-left: 1px solid #dddddd;
	background-size: 20px;
	cursor: pointer;
}
.board-box-change div {
	position: absolute;
	bottom: 115%;
	right: 5px;
	width: 120px;
	background-color: #F60;
	padding: 0.5em;
	border-radius: 4px;
	display: none;
}
.board-box-change.active div {
	display: block;
}
.board-box-change div::before {
	content: "";
	position: absolute;
	top: 100%;
	right: 10px;
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	border: 10px solid transparent;
	border-left: 10px solid #F60;
	transform: rotate(90deg);
}
#main_cate.skillup .board-box-change div input {
	width: 100%;
	margin: 0.2em 0;
	cursor: pointer;
}
#main_cate.skillup .board-box-change div input:hover {
	background-color: #ffe5d4;
	color: #F60;
}
.comment-btn {
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	display: block;
	text-align: center;
	padding: 0.8em 1em 0.8em 0.8em;
	text-decoration: none;
	border-radius: 4px;
	margin-left: 1em;
}

.comment-btn:hover {
	background-color: #ffe5d4;
}
.comment-btn span {
	background-size: 15px;
	padding-left: 23px;
}
.board-box-inner ul.board-circle-list {
	margin: 1em 0;
}
.board-box-inner ul.board-circle-list li {
	position: relative;
	padding-left: 28px;
	margin: 0.5em 0;
	list-style: none;
}
.board-circle-list li:first-child {
	margin-top: 1.5em;
}
.board-circle-list li:last-child {
	margin-bottom: 1.5em;
}
.board-circle-list li::before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: #fad831;
	border-radius: 50%;
}
.board-img-list {
	display: flex;
	flex-wrap: wrap;
}
.board-img-list div {
	margin: 1.5em 0;
	width: 100%;
}
.board-img-list img {
	display: block;
	width: 100%;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
.board-img-list span {
	font-size: 0.9em;
	display: flex;
	justify-content: center;
	margin-top: 0.5em;
}

@media screen and (min-width: 640px){
	.board-img-list {
		justify-content: center;
	}
	.board-img-list div {
		width: 48.5%;
	}
	.board-img-list div:nth-child(2) {
		margin-left: 3%;
	}
}
@media screen and (min-width: 960px){
	.board-img-list {
		justify-content: space-between;
	}
	.board-img-list div {
		width: 31.333333%;
	}
	.board-img-list div:nth-child(2) {
		margin: 1em 3%;
	}
}
.comment-box {
	background-color: #ffe5d4;
	padding: 5px;
}
#main_cate.skillup h3.comment-box-title {
	padding: 1em 0 1em 0.5em;
	margin-bottom: 0;
	position: relative;
	color: #353535;
}
#main_cate.skillup h3.comment-box-title input {
	background-size: 20px;
	font-size: 12px;
	width: auto;
	text-align: left;
	padding: 0.5em 1em 0.5em 42px;
	position: absolute;
	top: 50%;
	margin-top: -1.3em;
	right: 0.5em;
	cursor: pointer;
}
.comment-box .board-box {
	margin-top: 5px;
	margin-bottom: 0;
}
.page-number {
	display: flex;
}
.page-number p {
	margin: 0.5em !important;
	border: 1px solid #F60;
	background-color: #F60;
	color: #FFFFFF;
	padding: 0.5em 0 !important;
	border-radius: 4px;
	width: 40px;
	text-align: center;
}
.page-number a {
	margin: 0.5em;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 0.5em 0;
	border-radius: 4px;
	width: 40px;
	text-align: center;
}
.page-number a:hover {
	background-color: #ffe5d4;
	border-color: #f28900;
}

.fib-4-text {
	padding: 0;
	border: 2px solid #dedede;
	margin-bottom: 2em;
	padding-bottom: 1em;
}
.fib-4-title {
	background-color: #FFF8E5;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0.5em 1em;
	margin: 0 0 1em;
	color: #353535;
	text-align: center;
}
.fib-4-text p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: clamp(1px, 2.9vw, 1.6em);
	font-weight: bold;
}
.fib-4-text p span {
	font-size: 0.8em;
}

.fib-4-form-box {
	border: 3px solid #F60;
	border-radius: 8px;
}
.fib-4-form-box-title {
	margin: 0;
	padding: 1em;
	font-size: 1.2em;
	background-color: #ffe5d4;
	color: #353535;
	border-radius: 6px 6px 0 0;
	text-align: center;
	border: 1px solid #ffe5d4;
}
.fib-4-form-box-attention {
	display: flex;
	justify-content: center;
	margin-top: 1em;
}
.fib-4-form-box-attention span {
	margin-right: 0.5em;
}
.fib-4-form-table table {
	margin: 1em auto;
}
.fib-4-form-table table th,
.fib-4-form-table table td {
	vertical-align: middle;
	text-align: left;
	padding: 0.3em 0.5em;
}
@media screen and (min-width: 640px){
	.fib-4-form-table table th,
	.fib-4-form-table table td {
		font-size: 1.3em;
		width: 6em;
	}
}
.fib-4-form-table table th {
	text-align: right;
}
.fib-4-form-table input {
	margin: 0 0 0 0;
	padding: 10px 15px;
	border: solid 1px #F60;
	width: 5em;
	text-align: center;
}
.fib-4-result-title {
	position: relative;
	margin: 64px auto 0;
	font-size: 1.3em;
	padding: 0.5em 20px;
	background-color: #F60;
	color: #FFFFFF;
	text-align: center;
	border-top: 2px solid;
	border-bottom: 2px solid;
}
.result01.result02.result03 h3.fib-4-result-title {
	background-color: #F60;
	border-color: #F60;
}
.fib-4-result-title::before {
	content: "";
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 30px solid #a2c9f3;
	border-right: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid transparent;
}
.fib-4-result-detail-box {
	padding: 2em 1em;
}
.result01.result02.result03 .fib-4-result-detail-box {
	background-color: #FFFFFF;
	border-radius: 8px;
}
.fib-4-result-detail {
	margin: 0 auto;
	font-size: 1.6em;
	padding: 0.5em 20px;
	max-width: 300px;
	border: solid 3px #cccccc;
	background-color: #FFFFFF;
	border-radius: 8px 8px;
	font-weight: bold;
	min-height: 2em;
	text-align: center;
}
.fib-4-result {
	border-radius: 0 0 6px 6px;
	padding-bottom: 2em;
}
.fib-4-result h3.fib-4-result-circle-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	font-size: 2.4em;
	border-radius: 50%;
	line-height: 1.2;
	color: #FFFFFF;
	text-align: center;
	border: 2px solid;
	text-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.fib-4-result h3.fib-4-result-circle-title span {
	font-size: 0.7em;
}
#Result1.fib-4-result,
.result02.result03 .fib-4-result-detail-box {
	background-color: #dcfaf5
}
.result02.result03 h3.fib-4-result-title,
#Result1.fib-4-result h3.fib-4-result-circle-title {
	background-color: #47a4b2;
	border-color: #47a4b2;
}
#Result2.fib-4-result,
.result01.result03 .fib-4-result-detail-box {
	background-color: #fffbe6
}
.result01.result03 h3.fib-4-result-title,
#Result2.fib-4-result h3.fib-4-result-circle-title {
	background-color: #e7b210;
	border-color: #e7b210;
}
#Result3.fib-4-result,
.result01.result02 .fib-4-result-detail-box {
	background-color: #ffe0e0
}
.result01.result02 h3.fib-4-result-title,
#Result3.fib-4-result h3.fib-4-result-circle-title {
	background-color: #db4852;
	border-color: #db4852;
}
.fib-4-result p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2em 2em 0;
}
.danger {
	display: block;
	margin: 2em auto 0;
	text-align: center;
	width: 90%;
	border: 3px solid #FF6600;
	border-radius: 8px;
	background-color: #FFF;
	max-width: 400px;
}
.danger h3 {
	font-size: 1.6em;
	padding: 0.5em 20px;
	margin: 0;
	background-color: #F60;
	color: #FFFFFF;
}
.danger h4 {
	font-size: 1.3em;
	padding: 1rem 1rem 0;
	margin: 0;
}
.danger h5 {
	font-size: 1.6em;
	color: #F60;
	margin: 0;
	padding: 0;
}
.fib-4-result .danger p {
	padding: 1em 1em 2em;
}
.fib-4-form-box-sub {
	background-color: #EEEEDD;
	border: 2px solid rgba(0,0,0,0.1);
	padding: 1.5em;
	margin: 1em;
	border-radius: 10px;
}
.fib-4-form-box-sub p {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media screen and (min-width: 560px){
	.fib-4-form-box-sub p {
		text-align: center;
	}
}
.fib-4-form-box-sub table {
	border-collapse: collapse;
	margin: 1em auto 0;
	width: 100%;
	max-width: 340px;
}
.fib-4-form-box-sub table th,
.fib-4-form-box-sub table td {
	padding: 0.5em 1em;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #FFFFFF;
	width: 70%;
}
.fib-4-form-box-sub table th {
	background-color: #DCDCCF;
	padding: 1em;
	width: 30%;
}
.fib-4-form-box-sub input {
	margin: 10px 0.5em 10px;
	padding: 0;
}
.fib-4-form-box-sub table td div {
	display: inline-block;
	width: 10em;
}
input#Sum {
	width: 180px;
	margin: 0 auto;
	font-size: 1.6em;
	display: block;
	cursor: pointer;
	transition: all .4s;
	color: #353535;
	padding:15px 20px;
	background-color:#FFF;
	border:solid 3px #F60;
	border-radius: 8px;
	font-weight: bold;
	-webkit-appearance: none;
}
input#Sum:hover {
	background-color: #F60;
	color: #FFFFFF;
}
.fib-4-print-btn {
	max-width: 362px;
	width: 80%;
	line-height: 1.4;
	margin: 1em auto;
	font-size: 1.6em;
	display: block;
	padding: 15px 2%;
	background-color: #FFF;
	border: solid 3px #F60;
	border-radius: 8px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: all .4s;
}
.fib-4-print-btn:hover {
	background-color: #F60;
	color: #FFFFFF;
}
.print {
	display: none !important;
}
.fib-4-list-btn {
	max-width: 362px;
	width: 80%;
	line-height: 1.4;
	margin: 1em auto;
	font-size: 1.6em;
	display: block;
	padding: 15px 2%;
	background-color: #FFF;
	border: solid 3px #F60;
	border-radius: 8px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: all .4s;
}
.fib-4-list-btn:hover {
	background-color: #F60;
	color: #FFFFFF;
}
.fib-4-list-btn span {
	display: inline-block;
}