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


body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace";}




    /* 必須のスタイル指定(affix用) */
    .algo13-sidebar.affix {
        position: fixed;
        top: 60px;
    }
    /* 必須のスタイル指定(affix用) */
    .algo13-sidebar.affix-bottom {
        position: absolute;
    }
    /* アクティブセクションを赤太字にする(scrollspy用) */
    .algo13-sidebar .nav>.active:focus>a,
    .algo13-sidebar .nav>.active:hover>a,
    .algo13-sidebar .nav>.active>a {
        font-weight: 700;
        color: #fff;
    }
    /* サブセクションのスタイル(scrollspy用) */
    .algo13-sidebar .nav .nav>li>a {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
    }
    /* 非アクティブのサブセクションを隠す(scrollspy用) */
    .algo13-sidebar .nav .nav {
        display: none;
        padding-bottom: 20px
    }
    /* アクティブのサブセクションを表示(scrollspy用) */
    .algo13-sidebar .nav>.active>ul {
        display: inline-block
    }








.parent				{
	width:100%;
	padding:0;
	position:relative;
}

.parent .child		{
	position:relative;
	border-bottom:solid 4px rgb(255,60,60);

	color:#fff;
	padding:10px 8px;
	font-size:1.9em;
	font-weight:bold;
	text-align:center;
}

.parent .child:after	{
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:20px solid transparent;
	border-top-color:rgb(255,60,60);
	top:100%;
	left:50%;
}


.img-rounded{
	max-width:100%;
	border:1px solid #ccc;}








@media screen and (min-width:992px) { 
	h3{font-size:1.75em; font-weight:bold;}
	h4{font-size:1.18em; line-height:1.4em;}
	.jijilogo img{width:12%;}
	.center-block{max-width:600px;}
	.topimage div img{float:left;}
	.top-01{width:56%;}
	.top-02{width:44%;height:200%;}
	.center-block{margin-top:130px;}
	
}






@media screen and (max-width:991px) { 
	body{padding-top:20%; width:100%;}
	.contents{width:100%;}
    .col-xs-3 {display:none;}
	.topimg img{width:100%;}
	.jijilogo img{width:20%;}
	h3{font-size:1.6em; font-weight:bold;}
	h4{font-size:1.1em; line-height:1.4em;}
	.center-block{max-width:400px;}
	
	
}



@media screen and (max-width:550px) { 
	body{width:100%;}
	img{width:100%;}
	#menu{display:none;}
	.contents{width:100%;}
	.lead-01{font-size:69%;}
	h3{font-size:1.3em; font-weight:bold;}
	h4{font-size:1em; line-height:1.4em;}
	.center-block{max-width:250px;}
	.jijilogo img{width:35%;}
	.ijamplogo{width:30%;}
	.ijamp-top{text-align:center;}
	.cap img{float:none; width:100%;}
	
}