@charset "utf-8";
/*リセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6, p, form, fieldset, input, textarea, p, blockquote, th, td,iframe,nav {  
    margin: 0;  padding: 0; 
} 
h1, h2, h2, h3, h5, h6   {  
    font-size: 100%; 
}
p, dl, table{
	font-size:100%;
	color:#505050;
}
html {  
    overflow-y: scroll;  
}  
table   {  
    border-collapse: collapse; 
    border-spacing: 0;  
    font-size:inherit;
} 

/*a#top_button1 a#top_button2 a {
	outline: none;
	color:#505050;
	font-size:1.1em;
}
a:hover,#top_button1 a:hover, #top_button2 a:hover {
	outline: none;
	color:#003399;
}*/
img {  
    border: 0;  
}  
li  {  
    list-style-type: none;  
} 
/*リセット*/
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
body {
	background-color:#f8f8ff;
	/*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 100%;/*13px*/
	line-height: 1.5;
	letter-spacing: 0;
	color: #303030;
	height:100%;
	line-height: 1.5;
	letter-spacing: 0;
}
#title{width:940px;margin:0 auto;height: 40px;padding:10px 0;}
hgroup{width:320px;padding:5px 0;background:#f8f8ff;height:30px;padding-left:10px;float: left;}
hgroup h1{font-size:1.25em;font-weight:bold;display:inline;line-height:1.8;float:left;font-weight:bold;}
nav#gnavi_pc{float:right;width:535px;margin:0;height:30px;}
nav#gnavi_pc ul{width:auto;height:30px;background:#f8f8ff;}
nav#gnavi_pc ul li{width:auto;float:left;border-left:1px solid #bbb;text-align:center;height:23px;padding:5px 8px;}
nav#gnavi_pc ul li.last{border-right:1px solid #bbb;}
nav#gnavi_pc  ul li a{text-align:center;color:#505050;width:auto;text-decoration:none;font-size:0.85em;padding:5px 8px;}
nav ul li a:hover{color:#505050;border-bottom:2px solid #55acee;padding-bottom:5px;width:auto;}
h1.top_title {
	width:700px;
	background: url(../img/h1_title_bk.png) 0px 0px no-repeat;
	height: 48px;
	margin: 0 auto;
	color: #0066cc;
	line-height: 2.7;
	font-size:125%;
	padding-left:20px;
	margin:10px 0 5px 0;
}
#wrapper{width:940px; margin:0 auto;clear:both;}
#head {
	/* height: 40px; 150701ヘッダー刷新*/
	width: 100%;
}
#head2 {
	background: url(../img/sora5.png) repeat-x;
	width: 100%;
	height:400px;
	margin: 0;
}
#header_bk{
	background: url(../image/top/top-header.jpg) no-repeat;
	width: 940px;
	height:400px;
	margin:0 auto;
}

#header_bk h2{
	color:#fff;
	padding:250px 0 0 470px;/*50px;*/
	font-size:1.6em;
	/*box-shadow: 2px 2px 4px inset;*/
	font-weight:normal;
	
}


.rogo {
	float: left;
	margin: 12px 20px 10px 82px;
}
.topicpath {
	width: 940px;
	margin: 0 auto 10px -10px;
}
.topicpath  ol{
	counter-reset:list;
  list-style-type:none;
  font-size: 0.9em;
  padding:0;
}
.topicpath  li{
	display: inline;
	position:relative;
  padding: 0 0 0 20px;
  margin: 7px 3px 7px 3px;
  line-height: 30px;
	padding:5px;
	font-size:0.9em
}
.topicpath  li:nth-of-type(n+2):before{
counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #505050;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topicpath  li a{
	text-decoration:none;
	color:#707070;
}
.topicpath  li a:hover{
	color:#000;
}
section{
	width:880px;
	float:left;
	padding:15px 30px 0 30px;
	margin:0 0 30px 0;
}
section h1 {
	font-size: 1.6em;
	line-height: 0.8;
	border-bottom:3px dotted #ddd;
	margin-bottom:20px;
	/*font-size: 1.5em;
	line-height: 1.5;
	margin-bottom:20px;
	text-align:center;*/
	color:#000;
	position: relative;
  padding: .75em 1em .75em 1.5em;
	font-weight: bold;
}
section h1::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  /*background-color: #3498db;*/
    background-color: #55acee;
  border-radius: 4px;
}
section h2 {
	font-size: 1.4em;
	line-height: 1.5;
	padding-left:40px;
	margin-bottom:10px;
	color:#505050;
	font-weight: bold;
	/*opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)*/
}
section h3 {
	font-size: 1.2em;
	line-height: 1.5;
	padding-left:40px;
	margin:30px 0 10px 0;
	font-weight: bold;
}
section p {
	font-size: 1em;
	line-height: 1.5;
	color:#505050;
	text-align:left;
	padding-left:60px;
	font-weight:normal;
}
section h4 {font-weight:bold;line-height:2;font-size:1.2em;}
section ul {margin:0 20px;font-size:1em;}
.box{border:1px solid #55acee;padding:10px 30px 30px 30px;margin:0 0 0 60px;width:85%;}
.box2{padding:10px 30px 20px 30px;margin:0 auto;width:80%;}
/*角丸*/
.kadomaru	{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
/*footer{
	width: 100%;

}

/*フッター関連*/
/*footer{
	background:transparent;
	height:auto;
	padding:20px;
	color:#fff;
	text-align:center;
	width:100%;
}
footer #foot{
	clear:both;
}
footer #foot iframe.footer{
	color:#fff;
}


/*共通マージン*/
.m_20{
	margin-left:20px;
	font-size:0.9em;
}
.m_0{
	margin-top:0;
}
.m_20{
	margin-left:20px;
}
.h_20{
	margin-top:20px;
}
.b_20{
	margin-bottom:20px;
}
span.p_22{
	padding-left:22px;
}
.little_90{
	font-size:0.9em;
}
strong{
	font-weight:bold;
	color:#3399FF;
}
.form_text{text-align: center;margin-bottom: 20px;}

.hoge{
	width:150px;
	height:150px;
	-webkit-border-radius:75px;/* width,heightの半分 */
	-moz-border-radius:75px;
	border-radius:75px;
	background-color: #56acee;/* 円の色 */
	color:#fff;
	line-height:1;
	font-size:1em;
	float:left;
	margin-right:50px;
	padding:50px auto;
}
p.button{margin:0 auto;width:100%;background:#f8f8ff;border:2px solid #55acee;line-height:2.5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1em;text-align: center;padding:0;}
p.button a{margin:0 auto;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1em;color:#f8f8ffe;text-decoration: none;text-align: center;padding:0;color:#55acee;font-weight:bold;}
p.button a:hover{margin:0 auto;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:1em;color:#fff;text-decoration: none;text-align: center;padding:0;background:#55acee;}

.hoge >p {display: block;text-align: center;color:#fff;margin:60px 10px 0 -58px;height: 50px;width:150px;}
.hoge p.no2{display: block;text-align: center;color:#fff;margin:50px 50px 0 -58px;height: 50px;width:150px;}
.triangle{
	width: 0;
	height: 0;
	border:30px solid transparent;
	border-left:50px solid #707070;
	float:left;
	margin:40px -5px 0 -25px;
	float:left;
}
.link_blue{color:#55acee;font-size:1.2em;text-decoration:none;}
.link_blue:hover{color:#55acee;font-size:1.2em;text-decoration:underline;}
@media screen and (min-width: 750px){
/* モバイル専用項目(PCで非表示) */
.mobile{display:none}
}

/* モバイル表示モード */
@media screen and (max-width: 749px){
.pc{display:none;}
/***gmenu***/
#gmenu{
	background-color:#fff;
	color:#000;
	width:100%;
}

#gmenu .moremenu{
	height:31px;
	padding-top:10px;
	padding-left:10px;
	font-size:0.9em;
	background-color:#55acee;
	color:#fff;
}
#menu_icon{
	width:19px;
	margin-right:8px;
	vertical-align:middle;
}
.gmenu_text{
	color:#505050;
	text-decoration:none;
	padding-left:0px;
	font-size:0.9em;
	height:29px;
	display:block;
	padding-top:11px;
}
.gmenu_text:before{
	content:"＞";
}
#gmenu ul#gmenu_in{
	padding:0;
}
#gmenu ul#gmenu_in li{
	list-style-type:none;
	padding-left:20px;
	border-bottom:1px dashed #a8a8a9;
}
#gmenu ul#gmenu_in li:hover{
	list-style-type:none;
	padding-left:20px;
	border-bottom:1px dashed #a8a8a9;
	background:#eee;
	color:#505050;
}
#gmenu ul#gmenu_in li:hover a{
	color:#000;
}
#header_bk{
	background:none;
	width:100%;
	height:300px;
	margin:0;
}
#header_bk h2{
	color:#000;
	padding:10% 0 10% 50%;/*50px;*/
	font-size:1em;
	font-weight:normal;
	
}
#wrapper{width:100%;padding:0; margin:0;}
#title{width:100%;height: 30px;}
hgroup{width:100%;margin: 0;padding:0;}
hgroup h1{font-size:1em;font-weight:bold;display:inline;line-height:2;margin:0;padding:0;}
nav#gnavi_pc{display:none;}
nav#gnavi_pc ul li a:hover{color:#505050;border-bottom:2px solid #55acee;padding-bottom:5px;width:110px;}
#head {
	/* height: 40px; 150701ヘッダー刷新*/
	width: 100%;
}
#head2 {
	background: url(../image/top/top-header.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:150px;
	margin:0;
}
.topicpath {
	display: none;
}
#contents{margin:0;padding: 0;}
section h3,section p{margin:0;padding:0;}
section{
	width:100%;
	float:none;
	padding:0;
	margin:0;
}
section h1 {
	font-size: 1em;
	line-height: 0.8;
	border-bottom:2px dotted #ddd;
	margin-bottom:20px;
	/*font-size: 1.5em;
	line-height: 1.5;
	margin-bottom:20px;
	text-align:center;*/
	color:#000;
	position: relative;
  padding: .75em 1em .75em 1.5em;
  font-weight: bold;
}
section h1::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  /*background-color: #3498db;*/
    background-color: #55acee;
  border-radius: 4px;
}
section h2 {
	font-size: 1em;
	line-height: 1.5;
	padding:0 10px;
	margin-bottom:10px;
	color:#505050;
	/*opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)*/
    font-weight: bold;
}
section h3 {
	font-size: 1em;
	line-height:1.5;
	padding:0 20px;
	margin:0;
}
section h4 {
	font-size: 1em;
	line-height:2;
	padding:0;
	margin:0;
	font-weight: bold;
}
section p {
	font-size:0.9em;
	line-height: 1.5;
	color:#505050;
	text-align:left;
	padding:0 20px;
	font-weight:normal;
	margin-bottom:20px;
}
section ul {margin:0 10px;font-size:0.9em;}
.box{border:1px solid #55acee;padding:10px;margin:0 auto 15px auto;width:90%;}
.box2{padding:10px 0;margin:0 auto;width:95%;}
.form_text,p.button{text-align:center;margin:0 auto;padding:0;width:90%;border:none;font-size:0.9em;line-height:1.5;}
p.button a{margin:20px auto;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0.9em;color:#f8f8ffe;text-decoration: none;text-align:center;padding:0;font-weight:bold;padding:10px 0;border:solid 2px #55acee;}
p.button a:hover{margin:20px auto;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:0.9em;text-decoration: none;text-align: center;padding:10px 0;color:#fff;font-weight:bold;}
.hoge{
	width:80px;
	height:80px;
	-webkit-border-radius:40px;/* width,heightの半分 */
	-moz-border-radius:40px;
	border-radius:40px;
	background-color: #56acee;/* 円の色 */
	color:#fff;
	line-height:1;
	font-size:0.8em;
	float:left;
	margin-right:10px;
	padding:50px auto;
}
.hoge >p {display: block;text-align: center;color:#fff;margin:30px 15px 0 -25px;height: 30px;width:90px;}
.hoge p.no2{display: block;text-align: center;color:#fff;margin:17px 25px 0 -25px;height: 30px;width:90px;}
.triangle{
	width: 0;
	height: 0;
	border:10px solid transparent;
	border-left:15px solid #707070;
	float:left;
	margin:30px -7px 0 -7px;
	float:left;
}
/*footer{
	width: 100%;

}

/*フッター関連*/
/*footer{
	background:transparent;
	height:auto;
	padding:20px 0;
	color:#fff;
	text-align:center;
	width:100%;
}
footer #foot{
	clear:both;
}
footer #foot iframe.footer{
	color:#fff;
}*/
}