/* CSS Document */

/*--------------------------
	User Common
---------------------------*/
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.fontB{
    font-weight:600;
}

.font_red{
    color:red;
}

.font_white{
	color:#FFF;
}

.fontL{
    font-size:110%;
}

.font2L{
    font-size:140%;
}

.font3L{
    font-size:160%;
}

.font4L{
    font-size:200%;
}

@media (max-width: 767px) {
    .fontL{
        font-size:100%;
    }
    
    .font2L{
        font-size:120%;
    }

    .font3L{
        font-size:140%;
    }

    .font4L{
        font-size:180%;
    }
}
a:hover{
    text-decoration:none;
}

.bg_common{
}

dd{
    margin-left:1em;
}

p{
    letter-spacing:0.1em;
}

.margin_top20{
	margin-top:20px;
}

.margin_top40{
	margin-top:40px;
}

.margin_top50{
	margin-top:50px;
}

.margin_top100{
	margin-top:100px;
}

a.link_btn{
	width:318px;
	padding:20px 0;
	text-align:center;
	border:solid 1px #2e3192;
	margin:50px auto 0 auto;
	display:block;
	color:#000;
	text-decoration:none;
}

@media(max-width: 414px){
	a.link_btn{
		width:90%;
		padding:16px 0;
		margin:50px auto 0 auto;
	}
}
.link_btn:hover{
	background-color:#2e3192;
	color:#FFF;
}

/*--------------------------
	Common Header
---------------------------*/
.mini_catch{
    margin-top:8px;
    margin-left:0.5em;
    margin-bottom:0px;
}

@media(max-width:414px){
	.mini_catch{
		font-size:80%;
	}
}

.company_logo{
    margin:0;
    padding:0;
		height:90%;
}

@media (max-width: 767px) {
    .company_logo{
        margin-left:5px;
				height:100%;
    }
}

.header_bg{
	background-color: #292d96;
}

.company_name{
    float:left;
    position:relative;
    margin-top:2em;
		color:#FFF;
}

@media (max-width: 767px) {
    .company_name{
        width:20em;
        margin-top:1em;
    }
}

.company_color{
    color:#2e3192;
}

.navi_menu{
    color:#1b1464;
    margin-left:20%;
}

.navi_submenu{
    width:15em;
    float:right;
    margin-top:1em;
}

.navi_submenu ul{
    list-style-image: url('../images/header/menu_point.png');
}
.navi_submenu li{
    vertical-align:middle;
    margin-bottom:0.1em;
}

.navi_submenu a{
    vertical-align:top;
    color:#000000;
    font-weight:600;
}

.navi_submenu a:hover{
    color:#e7e7e7;
}

#disp_pc_menu{
	margin-top:10px;
    display:inherit;
}

#disp_mobile_menu{
    display:none;
}

@media (max-width: 767px) {
    .navi_submenu{
        display:none;
    }

    #disp_pc_menu{
        display:none;
    }

    #disp_mobile_menu{
        display:inherit;
    }
}

/*--------------------------
	Page
---------------------------*/
.page_title{
    margin-left:1em;
}

.text_frame{
    width:95%;
    padding:3%;
    margin:0 auto;
    border:solid 2px #2e3192;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    
}

.top_space{
	margin-top:40px;
}

@media(max-width:767px){
	.top_space{
		margin-top:20px;
	}
}

@media(max-width:414px){
	.top_space{
		margin-top:10px;
	}
}

.middle_space{
	margin-top:100px;
}

@media(max-width:767px){
	.middle_space{
		margin-top:40px;
	}
}

/*--------------------------
	Item
---------------------------*/
.item_title,
.item_title_top{
	font-size:160%;
	font-weight:600;
	margin-left:1em;
	margin-top:40px;
}

@media (max-width: 767px) {
    .item_title{
				margin-top:30px;
        font-size:140%;
    }

    .item_title_top{
        font-size:140%;
    }
}

@media (max-width: 414px) {
    .item_title_top{
		margin-top:20px;
    }
}

.item_abc{
    font-size:70%;
    font-weight:300;
}

.item_line{
    margin-top:-0.5em;
    border-top:solid 2px #2e3192;
}

.item_table{
    margin-left:25%;
	letter-spacing:0.1em;
}

@media (max-width: 767px) {
    .item_table{
        margin-left:0;
    }
}
.item_table th{
    width:12em;
}

@media (max-width: 767px) {
    .item_table th{
        width:11em;
    }
}

.item_text{
    width:80%;
    margin-left:10%;
	letter-spacing:0.1em;
}

@media (max-width: 767px) {
    .item_text{
        width:90%;
        margin-left:5%;
    }
}

/*--------------------------
	Footer
---------------------------*/
footer{
	margin-top:80px;
/*	height:100px;	*/
	background-color:#e6e6e6;
    padding:0 5%;
}

@media(max-width:767px){
	footer{
		margin-top:50px;
	}
}

.footer_link{
	text-align: center;
}

.footer_link li{
	display:footer_link;
}

footer a{
	color:#000000;
	text-decoration:none;
}

footer a:hover{
	text-decoration:none;
}

footer ul{
	padding-top:15px;
	list-style-type: none;
	padding-left: 0;
}

footer li{
	list-style:none;
	float:left;
	margin-right:20px;
}

footer p{
	margin-top:20px;
	color:#000000;
	text-align:center;	
}

@media (max-width: 414px){
	footer{
/*		height:220px;	*/
	}

	footer ul{
		margin:0;
	}

	footer li{
		float:none;
	}
	footer a{
		font-size:12px;
	}
	footer p{
		margin-top:10px;
		font-size:10px;
	}
}

.footer_menu{
	margin:0 10%;
}

/*--------------------------
	Fade up
---------------------------*/
.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 1.2s;
  -moz-transition: transform 1.2s;
  -webkit-transition: transform 1.2s;
  -o-transition: transform 1.2s;
}

/*--------------------------
	Fade in
---------------------------*/
.list-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

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

/*--------------------------
	Debug
---------------------------*/
 .debug_border{
/*
    border:solid 2px yellow;
*/
 }