@charset "utf-8";
/* CSS Document */

/*--------------------------
	Global Difinition
---------------------------*/
/* タグ */
p,h1,h2,h3,h4,h5{
	font-size:15px;
}

@media(max-width:441px){
	p,h1,h2,h3,h4,h5{
		font-size:13px;
	}
}

p,h1,h2,h3,h4,h5{
	letter-spacing:0.1em;
}

/* フォント */
body{
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";	
	color:#333;
}

@font-face {
  font-family: "Noto Sans Japanese";
  src: url("http://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
}

.myFontClass {
  font-family: "Noto Sans Japanese";
/* font-weight:bold; */
}

/* Header Logo */
#company_logo{
	margin-bottom:-1em;
	width:40%;
	max-width:40%;
}
@media(max-width:575px){
	#company_logo{
		margin-bottom:-0.6em;
		width:50%;
		max-width:50%;
	}	
}

/* Page Title  */
#page_title{
	padding:1em 0 0.5em;
	background-color:#f8f4c8;
	text-align:center;
}

#page_title h1{
	color:#1d2088;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}
@media(max-width:567px){
	#page_title h1{
		font-size:120%;
	}	
}

/*-----------------
   Button
------------------*/
a[class^=button_main] {
	display: block;
	width: 240px;
	padding: 10px 10px;
	text-decoration: none;
	text-align: center;
	margin: 1.5em auto;
	letter-spacing:1px;
}
@media(max-width:414px){
	a[class^=button_main] {
		width:100%;
	}	
}

/* ボタンの色設定 */
/* Purple */
a.button_mainP{
	color: #330AC2;
	border: solid 1px #330AC2;	
}
a.button_mainP:hover {
	color:#FFF;
	background-color: #330AC2;
}

/* Green */
a.button_mainG{
	color: #06c273;
	border: solid 1px #06c273;	
}
a.button_mainG:hover {
	color:#FFF;
	background-color: #06c273;
}

/* Orange */
a.button_mainO{
	color: #FA372D;
	border: solid 1px #FA372D;	
}
a.button_mainO:hover {
	color:#FFF;
	background-color: #FA372D;
}

/*--------------------------
	Footer
---------------------------*/
footer{
	background-color:#f8f4c8;
	padding:1em 2em 0.5em;
}

.footer_title{
	text-align:center;
}

@media(max-width:576px){
	.footer_title{
		text-align:left;
		margin-left:0.5em;
	}
}

#footer_menu{
	margin-top:-1em;
	margin-bottom:0em;
	width:35%;
	margin-left:auto;
	margin-right:0;
}
@media(max-width:991px){
	#footer_menu{
		width:80%;
/*		margin-right:auto;	*/
	}
}
@media(max-width:767px){
	#footer_menu{
		width:80%;
		margin-right:auto;
	}
}
@media(max-width:576px){
	#footer_menu{
		width:100%;
		margin-top:1em;
		margin-left:-1em;
		margin-bottom:1em;
	}
}

#footer_menu li{
	display:inline;
	list-style:none;
	margin-right:10px;
}
@media(max-width:575px){
	#footer_menu li{
		display:list-item;
		margin-bottom:0.3em;
	}	
}

#footer_menu a{
	text-decoration:none;
	font-size:90%;
	color:#666;
	display:inline-block;
}

#footer_menu a:hover{
	color:#330ac2;
}

.footer_text{
	text-align:center;
	font-size:80%;
}
@media(max-width:767px){
	.footer_text{
		margin-top:1em;
	}	
}

/*--------------------------
	Page Top Scroll
---------------------------*/
.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    padding: 10px;
    background: #7e7a7a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background-color: #7e7a7a;
}

.page-top:hover{
		text-decoration: none;
		background-color:rgba(224,102,102,1);
}