@charset "utf-8";

/*

スマホ：320px - 480px
タブレット：480px - 768px
PC:768px以上

*/



/* ========共通設定======== */
body{
	border-top:5px solid #03bec1;
	margin:0 auto;
	overflow-x: auto;
	overflow-y: scroll;
	zoom: 1;
	z-index:9999;
	color:#545454;
	font-size:14px;
	line-height:1.7em;
	font-weight:normal;
	font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important;
	text-align:left;
}

#wrapper{
	max-width:1000px;
	width:99.9999999%;
	margin:0 auto;
}

a{
	color:#d2691e;
	text-decoration:underline;
}


h1{
	font-size:80%;
	float:right;
}



h3{
	color:#ffb119;
	font-weight:bold;
	font-size:15px;
}

h4{
	font-weight:bold;
	margin-bottom:2%;
	text-align:left;
	font-size:18px;
	color:#03bec1;
	line-height:1.3em;
}

h5{
	font-weight:bold;
	margin-bottom:3%;
	text-align:left;
}

h6{
	background:#ffb119;
	padding:2%;
	color:#fff;
	margin:2% 0 2%;
}

h2{
	background:#5bc4c0;
	padding:2%;
	color:#fff;
	margin:2% 0 2%;
}

.orange{
	color:#d2691e;
	font-weight:bold;
}

.blue{
	color:#5bc4c0;
	font-weight:bold;
}

b{
	font-size:120%;
	color:#783f34;
	text-decoration:underline;
	line-height:1.8em;
}

hr{
	background:#fff200;
}


.contents dl.qa dt {
  background: url(img/i-question02.gif) left top no-repeat;
  color: #660000;
	font-size:110%;
}

ul.medhia li {
  padding: 2.5% 5% 4% 5%;
  border-bottom-width:2px;
  border-bottom-style: dotted;
  border-bottom-color: #37D0CE;
  margin: 0 3px 0 0;
  
}


#header{
	margin-top:1%;
	background:fff;

}

#logo_sm img{
	width:70%;
}


#logo {
	display:none;
}

#logo {
	width:25%;
}

#footer{
	background:#ffffca;
	color:#646464;
	height:520px;
}

#footer li a{
	color:#783f34;
	text-decoration:underline;
}


#container{

}

.top_main{
	text-align:left;
	padding:6%;
	line-height:1.7em;
}

#sub{
	background:#ffffca;
	display:none;
}

#footerNavLink{
	float:right;
}

#headerNav ul{
	list-style:none;
	overflow:hidden;
}

#headerNav li{
	float:left;
	width:14.257654%;
	text-align:center;
}


.box{
	padding:2%;
	background:#DAA520;
	color:#fff;
}

img{
	max-width:100%;
	vertical-align: top;
}

.copyright{
	text-align:center;
	color:#ffffff;
	background:#03bec1;
	padding:3%;
	font-size:90%;

}

.news_contents{
	margin-left:3%;
	margin-bottom:1%;
}

#header_pc{
	display:none;
}

#top_main_sm img.rond{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width:98%;
}

.app_link{
	margin:0 auto;
	text-align:center;
}

.frame{
padding: 10px;
  margin: 20px;
  border: 1px #c2c2c2 solid;
	
}

.frame1		{
	padding:10px;
	margin:10px;
	border:1px #5bc4c0 solid;
}


.frame2		{
	padding:10px;
	margin:10px;
	border:1px #5bc4c0 solid;
}

.float
      {
         float: left;
         margin-right: 2%;
      }

.ct{
	text-align:center;
}


.rt{
	text-align:right;
}

ul {
  list-style-type: none;
}

.fltl5{
	float:left;
}

.contents li{
	margin-left:1em;
	text-indent:-1em;
}

.trigger	{
	cursor:pointer;
	text-decoration:underline;
}

.toggle_container	{
	border:1px solid #57ddc2;
	padding:2%;
}



.name {
  text-align: left;
  font-weight: bold;
  font-size: medium;
  border-bottom: 1px dotted #57ddc2;
  margin-bottom: 4%;
}

.frame2 dt{
	color:#57ddc2;
	background:url(../img/i-question02.gif) left top no-repeat;overflow:hidden;width:50%;height:auto;
	padding-left:5%;
	width:92%;
}

img.rond{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

p #mail_p{
	font-size:90%;
}

#submenu ul{
	list-style-type:disc;
	color: #d2691e;

}




/* ========スマホ======== */


#headerNavi{
	display:none;
}


#contact{
	padding:5%;

}

#main{
	float:right;
	width:100%;
}

#sub{
	float:left;
	width:20.4081633%;
}

#footerNav{
	margin-bottom:2%;
	padding:5%;
}

.top_main_s{
	display:none;
}

.top_main_sm{
	display:inline;
}

.top_main_sm ul{
	list-style:none;

}

.top_main_sm li{
	display: inline; 
	padding: 0; 
	margin: 0; 
	float:left;
	color:#ffffff;
	width:50%
}

.top_main_sm table a:hover{
	color:#fff;
	text-decoration:none;
}

.top_main_sm table a{
	color:#fff;
	text-decoration:none;

}

.qa dt{
	margin-left:2.5em;
	text-indent:-2.5em;
}

dl {
  font-size:100%;
  display: block;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0.5em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

dt {
  display: block;
	font-weight:bold;
}

dd {
  display: block;
  -webkit-margin-start: 2%;
  padding:2%;
}




table.base {
  border-collapse: collapse;
  border: 1px solid #FF9900;
  width: 80%;
  margin: 10px auto;
}

table.base th {
  background: #FFFFBF;
  text-align: left;
  border: 1px solid #FF9900;
  padding: 3px;
  vertical-align: top;
}

table.base td {
  padding: 3px;
  line-height: 150%;
  background: #FFFFFF;
  border: 1px solid #FF9900;
  vertical-align: top;
}

#contact_2{
	display:none;
}

/* ========タブレット======== */

@media all and (min-width:480px){

#container{
	width:100%;
}

#logo {
	display:inline;
	width:38%;
}

#logo img{
	width:70%;
}

#header_pc{
	display:inline;
	width:52%;
}

h3{
	color:#ffb119;
	font-weight:bold;
	font-size:20px;
}

h5{
	font-weight:bold;
	margin-bottom:3%;
	text-align:left;
}

h6{
	background:#ffb119;
	padding:2%;
	color:#fff;
	margin:2% 0 2%;
}

h4{
	font-weight:bold;
	margin-bottom:2%;
	text-align:left;
	font-size:27px;
	color:#03bec1;
	line-height:1.3em;
}

h1{
	font-size:75%;
	float:left;
}

h2{
	background:#5bc4c0;
	padding:2%;
	color:#fff;
	margin:2% 0 2%;
}


#logo {
	display:inline;
}

#sub img{
	width:87%;
}

#footerNavLink{
	display:none;
}

#headerNavi{
	display:block;
}


#menu li a{
	display: block; 
	text-decoration: none;
	padding:5.5px;
	color: #000;
	background-color: #ffffff;
	font-size: 12px;
	vertical-align:middle;
	height:43px;
	line-height:1.35em;
	vertical-align:middle;
	border-right:1px solid #646464;
}

#menu li a:hover{
	background-color: #ffb119;
	color: #fff;
	vertical-align:middle;
}


#last  li a{
	display: block; 
	text-decoration: none;
	padding:5.5px;
	color: #000;
	background-color: #ffffff;
	font-size: 12px;
	vertical-align:middle;
	height:43px;
	line-height:1.35em;
	vertical-align:middle;
	border-right:1px solid #646464;
}

#last  li a:hover{
	background-color: #ffb119;
	color: #fff;
	vertical-align:middle;
}

.box{
	padding:2%;
	background:#DAA520;
	color:#fff;
}


#footerNav{
	float:left;
	margin-bottom:2%;
	padding:3%;
}


#contact{
	float:right;
	padding:3%;
	color:#646464;
}


.contact{
	background:#ffb119;
	padding:2%;
	color:#ffffff;
	font-size:85%;
	width:30%;

}

#contact_2{
	display:inline;
	display:block;
}

#contact_2 img{
	right:0;
	top:0;
	float:right;
}

.top_main_s ul{
	list-style:none;
	margin-bottom:2%;
}

.top_main_s li{
	display: inline; 
	padding: 0; 
	margin: 0; 
	float:left;
	margin-left:0.00003%;
	width:20%;
}


#main{
	float:right;
	width:78.0612245%;
}

#sub{
	float:left;
	width:20.4081633%;
}


.news_contents{
	margin-left:5%;

}

#top_main_sm{
	display:none;
}

#footer{
	background:#ffffca;
	color:#646464;
	height:400px;
}

#footer li a{
	color:#783f34;
}

#bottom_container{
	max-width:1000px;
	width:99.9999999%;
	margin:0 auto;
}

#nav{
	display:none;
}


#dropmenu{
  list-style-type: none;
  width: 100%;
  height: 60px;
  margin: 30px auto 0;
  padding: 0;
  background: #ffb119;
  border-bottom: 5px solid #ffffca;
  border-left: 1px solid #ffffff;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 14%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-left: 1px solid #ffffff;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5em;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #ff8019;
  color: #fff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 240%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #ffb119;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

#dropmenu li ul li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

.frame2 dt{
	color:#03bec1;
	background:url(../img/i-question02.gif) left top no-repeat;overflow:hidden;width:100%;height:auto;
	padding-left:3%;
	width:92%;
}

/* メインエリアの設定 */
table.awform {
	/* 横幅の設定 */
	width: 80%;
	/* マージンの設定 */
	margin: 0 0 20px 0;
	/* 余白の設定 */
	padding: 0;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 1px;
	border-style: solid;
	border-color: #C4C4C4;
}


}



/* ========PC======== */


@media all and (min-width:768px){

#logo {
	display:inline;
	width:30%;
}

#logo img{
	width:70%;
}

h1{
	font-size:75%;
	float:left;
}

h2{
	background:#5bc4c0;
	padding:2%;
	color:#fff;
	margin:2% 0 2%;
}

#container{
	overflow:hidden;
}


#main{
	float:right;
	width:78.0612245%;
}

#sub{
	float:left;
	width:20.4081633%;
	display:inline;
}

#sub img{
	margin:0 auto;
	text-align: center; 
	margin-left:12px;
}

# li:after {
	content: " | ";
}

.fltl5{
	float:left;
}


#news{
	font-size:14px;
}

.top_main_s{
	display:inline;
}


.top_main_sm{
	display:none;
}

#header_pc{
	display:inline;
	width:35%;
}

#headerNavi{
	display:inline;
}

body{
	border-top:5px solid #5bc4c0;
}

#submenu{
	width:90%;
	padding:3px;
	line-height:1.7em;
}

.title ul{
	margin-left:2%;
}

#submenu{
	width:90%;
	padding:3px;
	line-height:1.7em;
}

.title li{
	padding:3px;
	margin-left:15px; 
	font-size:85%;
}

.title li a{
	text-decoration:none;
}

.title p{
	background:#ffb119;
	padding:3%;
	color:#ffffff;
	font-size:80%;
	margin-top:3%;
	margin-left:3%;
}

.title p a{
	color:#ffffff;
	margin-left:3%;
	text-decoration:none;
}


.contact{
	background:#ffb119;
	padding:2%;
	color:#ffffff;
	font-size:85%;
	width:30%;

}

.contact a{
	color:#ffffff;
}

#contact_2{
	display:inline;
	display:block;
}

#contact_2 img{
	right:0;
	top:0;
	float:right;
}

a:hover {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#sub img.rond{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.mail{
	background:url(../img/sub_mail_link.jpg) no-repeat;
	background-position: 40% 5%;
	width:93%;
	color:#783f34;
	padding:5%;
}

#mail_p{
	width:80%;
	line-height:1.3em;
	margin:0 auto;
}

#top_main_sm{
	display:none;
}

.title_pan{
	float:right;
}

.title_under{
	text-decoration:underline;
	text-align:right;
}

.frame2 dt{
	color:#03bec1;
	background:url(../img/i-question02.gif) left top no-repeat;overflow:hidden;width:100%;height:auto;
	padding-left:5%;
	width:92%;
}

/* メインエリアの設定 */
table.awform {
	/* 横幅の設定 */
	width: 80%;
	/* マージンの設定 */
	margin: 0 0 20px 0;
	/* 余白の設定 */
	padding: 0;
	/* 枠線の設定 */
	border-collapse: collapse;
	border: 1px;
	border-style: solid;
	border-color: #C4C4C4;
}


dl {
  font-size:100%;
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

dt {
  display: block;
}

dd {
  display: block;
  -webkit-margin-start:2%;
  padding:2%;
}

table.base {
  border-collapse: collapse;
  border: 1px solid #FF9900;
  width: 80%;
  margin: 10px auto;
}

table.base th {
  background: #FFFFBF;
  text-align: left;
  border: 1px solid #FF9900;
  padding: 3px;
  vertical-align: top;
}

table.base td {
  padding: 3px;
  line-height: 150%;
  background: #FFFFFF;
  border: 1px solid #FF9900;
  vertical-align: top;
}

#dropmenu{
  list-style-type: none;
  width: 100%;
  height: 60px;
  margin: 0px auto 0;
  padding: 0;
  background: #ffb119;
  border-bottom: 5px solid #ffffca;
  border-left: 1px solid #ffffff;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 14.1858%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-left: 1px solid #ffffff;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5em;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #ff8019;
  color: #fff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 240%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #ffb119;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

#dropmenu li ul li a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}







}






		#nav
		{
			width: 60em; /* 1000 */
			position: absolute;
			top: 25%;
			left: 50%;
			margin-left: -30em; /* 30 480 */
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
					text-decoration:none;
					font-size:75%;
				}
				#nav li a:active
				{
					background-color: #5bc4c0; !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #fff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 3.75em; /* 60 */
				background-color: #5bc4c0;
			}
				#nav > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 1.2em; /* 24 */
						line-height: 3em; /* 60 (24) */
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #fff;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #5bc4c0;
						}


				/* second level */

				#nav li ul
				{
					background-color: #ffb119;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #fff;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #ff8019;
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
				float:right;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #5bc4c0;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #fff;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}








		}