@charset "UTF-8";

*{margin:0;padding:0;}
strong{font-weight:bold;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;text-align: left;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
*, *:before, *:after{box-sizing:border-box;}
.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

/*----------------------------------------------------------------------
base
----------------------------------------------------------------------*/
html {
	position: relative;
	min-width: 750px;
}
body {
background:white;
text-align:center;
color:#303358;
font-size:14px;
font-family: 'Helvetica Neue','Helvetica','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
/*
font-family: "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "游明朝","Yu Mincho","YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

font-family:Helvetica,'Open Sans', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, Arial,"Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
	*/
line-height:180%;
-webkit-text-size-adjust:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:100%;
font-weight:normal;
position:relative;

}
a {
font-weight: 600;
color:#808080;
text-decoration:none;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
img {
box-shadow:#000 0 0 0;
vertical-align:middle;
}
a:hover {
opacity:0.85;
filter:alpha(opacity=85);
-moz-opacity:0.85;
}
a img{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all  0.2s ease;
}
a img:hover{opacity: 0.85;
filter: alpha(opacity=85);
-moz-opacity:0.85;
}
.left{
float: left;
}
.right{
float: right;
}
div,div p{
	color: #333;	/*文字色濃いグレー*/
	font-size: 20px;
    font-weight: 500;
	text-align:center;
	text-justify:inter-ideograph;
	-ms-text-justify:inter-ideograph;
}
.vsp {
display: none;
}


@media only screen and (max-width:768px){
html{
	min-width: initial;
}
#wrapper{
	width: 95%;
	margin:0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}
.btnBox {
    width: 63%;
    margin: 10px auto 10px auto;
}
.square_btn {
    display: inline-block;
    padding: 0.3em 0em;
    text-decoration: none;
    color: #104390;
    border: solid 2px #104390;
    border-radius: 3px;
    transition: .4s;
    width: 100%;
    text-align: center;
    line-height: 55px;
    font-size: 21px;
}
}


/*----------------------------------------------------------------------
main ページタイトル
----------------------------------------------------------------------*/
.title_box{
	width: 100%;
	height: 180px;
	position: relative;
}
.page_title {
	text-align-last: center;
	font-size: 48px;
	width: fit-content;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*
	animation-name: slidein;
	animation-duration: 1.5s;
	*/
	width: -moz-max-content;
}

/* for Microsoft Edge
@supports (-ms-ime-align:auto) {
.page_title {
	width: -ms-fit-content;
  }
}
*/
/*----------------------------------------------------------------------
main 見出し
----------------------------------------------------------------------*/
#pankuzu{
	text-align:left;
	margin: 30px 0 0 45px;
	padding: 5px;
	font-size:16px;
}
#pankuzu a{
	color: #303358;
	font-weight: 400;
}
#pankuzu a:hover{
	color: #66ccff;
}
#pankuzu ul{
	text-align: left;
}
#pankuzu li{
	display: inline;
	padding: 0 3px;
}
#pankuzu li:last-child{
	color: #0099ff;
}
#pankuzu li + li:before{
	content: '>';
	color: #303358;
	padding-right: 7px;
}

@media only screen and (max-width:768px){
#pankuzu{
	padding-top: 70px;
	width: 100%;
}
}


/*----------------------------------------------------------------------
各ページタイトル
----------------------------------------------------------------------*/
.page_title h2 {
    padding: 20px 0;
    font-size: 0.7em;
    font-weight: bold;
    color: #303358;
}
.midasiborder {
    border-top: 5px solid #28B472;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width:320px){
.page_title h2{
	font-size: 0.5em;
}
}

/*-----------------------------------------*/
/* RWD */
/*-----------------------------------------*/
/* pcで表示、spで非表示 */
.visiblePc{display:block;}
/* spで表示、pcで非表示 */
.visibleSp{display:none;}
@media only screen and (max-width:768px){
  /* pcで表示、spで非表示 */
  .visiblePc{display:none;}
  /* spで表示、pcで非表示 */
  .visibleSp{display:block;}
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {display: block !important;}
.sp {display: none !important;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width:768px){
  .pc {display: none !important;}
  .sp {display: block !important;}
}