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

/* about-index */
.about-index .section{
	text-align:center;
}
.about-index .section ul{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	letter-spacing: -.40em;
}
.about-index .section ul li{
	letter-spacing: normal;
	display:inline-block;
    *display : inline;
    *zoom : 1;
	width:322px;
	margin-right:29px;
	text-align:left;
	vertical-align:top;
	padding-bottom:40px;
}
.about-index .section ul li.last{
	margin-right:0px;
}
.about-index .section ul li .image{
	margin-bottom:15px;
}
.about-index .section ul li h2{
	font-size:153.9%;
	line-height:1.2em;
	margin-bottom:12px;
	text-align:center;
}
.about-index .section ul li p{}

/* layout-two-column */
.layout-two-column .section h1{
	color:#27c7c1;
	font-size:28px;
	margin-bottom:15px;
}
.layout-two-column .section p.read{
	margin-bottom:50px;
	font-size:108%;
}
.layout-two-column .section h2{
	font-size:161.6%;
	border-bottom:3px solid #71dcd8;
	padding-bottom:8px;
	margin-bottom:30px;
}

/* about-ab_reason */
.layout-two-column .about-ab_reason .section p.read{
	margin-bottom:30px;
}
.about-ab_reason .section .detail{
	padding-top:20px;
}
.about-ab_reason .section h2{
	position:relative;
	padding-left:55px;
	padding-bottom:16px;
	font-size:22px;
	line-height:1.3em;
	background-repeat:no-repeat;
	background-position:left 2px;
}
.about-ab_reason .section  h2 span{
	display:none;
}
.about-ab_reason .section #detail1 h2{
	background-image:url(/images/shingaku/about/bgi-reason_001.gif);
}
.about-ab_reason .section #detail2 h2{
	background-image:url(/images/shingaku/about/bgi-reason_002.gif);
}
.about-ab_reason .section #detail3 h2{
	background-image:url(/images/shingaku/about/bgi-reason_003.gif);
}
.about-ab_reason .section #detail4 h2{
	background-image:url(/images/shingaku/about/bgi-reason_004.gif);
}
.about-ab_reason .section .detail p{
	font-size:108%;
}
.about-ab_reason .section .detail p span{
	font-size:12px;
}
.about-ab_reason .section .detail .box{
	position:relative;
}
.about-ab_reason .section #detail1 .box{
	margin-top:40px;
	padding-top:23px;
}
.about-ab_reason .section #detail2 .box{
	margin-top:40px;
	padding-top:40px;
}
.about-ab_reason .section #detail3 .box,
.about-ab_reason .section #detail4 .box{
	margin-top:50px;
	padding-left:40px;
}
.about-ab_reason .section .detail .box h3{
	display:inline-block;
    *display : inline;
    *zoom : 1;
	background-color:#ffbe0d;
	padding:10px 20px 10px 40px;
	font-size:123.1%;
	line-height:1.2em;
	position:absolute;
	left:0px;
}
.about-ab_reason .section #detail1 .box h3,
.about-ab_reason .section #detail2 .box h3{
	top:0px;
}
.about-ab_reason .section #detail3 .box h3,
.about-ab_reason .section #detail4 .box h3{
	top:-20px;
}
.about-ab_reason .section #detail1 .box .image,
.about-ab_reason .section #detail2 .box .image{
	text-align:center;
}
.about-ab_reason .section .detail .link{
	display:inline-block;
    *display : inline;
    *zoom : 1;
	background-color:#EEE;
	font-size:123.1%;
	line-height:1.2em;
	background-image:url(/images/common/btn_arrow_001.gif);
	background-repeat:no-repeat;
	background-position:8px center;
	font-weight:bold;
	margin-top:20px;
}
.about-ab_reason .section .detail .link:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.about-ab_reason .section .detail .link a{
	display:block;
	padding:14px 24px 14px 30px;
}
.about-ab_reason .section .detail .link a.win{
	padding-right:35px;
	background-image:url(/images/shingaku/common/ico-window_001.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
.about-ab_reason .section .detail .link a:hover{
	text-decoration:none;
}

/* about-ab_network */
.about-ab_network .section .pic{
	text-align:center;
	margin-bottom:20px;
}
.about-ab_network .section .txt{
	font-size:108%;
}
.about-ab_network .section #detail1 .box{
	overflow:hidden;
	margin-bottom:60px;
}
.about-ab_network .section #detail1 .box .pic{
	float:left;
	width:424px;
	margin-bottom:0px;
}
.about-ab_network .section #detail1 .box .txt{
	float:right;
	width:320px;
	padding-top:255px;
}
.about-ab_network .section #detail4 .box{
	position:relative;
	background-color:#e4e4e4;
	margin:10px 0 0 10px;
	padding:35px 20px 15px 20px;
}
.about-ab_network .section #detail4 .box h3{
	position:absolute;
	top:-10px;
	left:-10px;
	background-color:#ff9046;
	color:#fff;
	font-size:123.1%;
	width:88px;
	padding:5px 0 2px 0;
	text-align:center;
}
.about-ab_network .section #detail4 .box ul li{
	font-size:108%;
	margin-left:1.35em;
	text-indent:-1.35em;
	margin-bottom:5px;
	font-weight:bold;
}
.about-ab_network .section .detail .link{
	display:inline-block;
    *display : inline;
    *zoom : 1;
	background-color:#EEE;
	font-size:123.1%;
	line-height:1.2em;
	background-image:url(/images/common/btn_arrow_001.gif);
	background-repeat:no-repeat;
	background-position:8px center;
	font-weight:bold;
	margin-top:20px;
}
.about-ab_network .section .detail .link:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.about-ab_network .section .detail .link a{
	display:block;
	padding:14px 24px 14px 30px;
}
.about-ab_network .section .detail .link a.win{
	padding-right:35px;
	background-image:url(/images/shingaku/common/ico-window_001.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
.about-ab_network .section .detail .link a:hover{
	text-decoration:none;
}

/* about-ab_office */
.about-ab_office .section #detail1 ul{
	overflow:hidden;
	width:754px;
	margin-bottom:60px;
}
.about-ab_office .section #detail1 ul li{
	float:left;
	width:362px;
	margin-right:30px;
}
.about-ab_office .section #detail1 li h3{
	background-color:#b8edeb;
	font-size:123.1%;
	text-align:center;
	padding:14px 0 10px 0;
	margin-bottom:10px;
}
.about-ab_office .section #detail1 li p{
	font-size:108%;
	margin-bottom:10px;
}
.about-ab_office .section #detail1 li span{
	color:#666;
	display:block;
	margin-left:1em;
	text-indent:-1em;
	line-height:1.5em;
}
.about-ab_office .section #detail2 ul{
	overflow:hidden;
	width:754px;
	margin-bottom:60px;
}
.about-ab_office .section #detail2 ul li{
	float:left;
	width:376px;
	margin-right:30px;
	margin-right:2px;
}
.about-ab_office .section #detail2 ul li img{
	width:100%;
	height:auto;
	margin-bottom:5px;
}
.about-ab_office .section #detail2 ul li p{
	margin-bottom:10px;
	padding:0 10px;
}
.about-ab_office .section #detail2 ul li span{
	color:#666;
	display:block;
	margin-left:1em;
	text-indent:-1em;
	line-height:1.5em;
	padding:0 10px;
}
.about-ab_office .section #detail3 h2{
	margin-bottom:0px;
}
.about-ab_office .section #detail3 table{
	width:100%;
}
.about-ab_office .section #detail3 table th{
	font-size:108%;
	width:80px;
	text-align:left;
	border-bottom:1px solid #ccc;
	padding:20px;
	vertical-align:top;
}
.about-ab_office .section #detail3 table td{
	font-size:108%;
	border-bottom:1px solid #ccc;
	padding:20px;
}
.about-ab_office .section #detail4 .map{
	text-align:right;
}
.about-ab_office .section #detail4 .map a{
	display:inline-block;
    *display : inline;
    *zoom : 1;
	text-decoration:underline;
	background-image:url(/images/shingaku/about/ico-office_print_001.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:20px;
	margin-right:5px;
}
.about-ab_office .section #detail4 .map a:hover{
	color:#00a6d7;
	text-decoration:none;
}

@media screen and (max-width: 1064px) {
/* PAGETITLE */
#pageTitle h1 img,#pageTitle p img{
	max-width:195px;
}

/* CONTENTS */
.layout-two-column #contents{
	padding-bottom:40px;
}
	
/* about-index */
.about-index .section ul{
	width:auto;
	text-align:left;
}
.about-index .section ul li{
	width:32%;
	margin-right:2%;
	margin-left:0px;
	vertical-align:top;
}
.about-index .section ul li.last{
	margin-right:0px;
}
.about-index .section ul li .image img{
	width:100%;
	height:auto;
}

/* about-ab_network */
.about-ab_network .section #detail1 .box .pic{
	float:none;
	width:auto;
	margin:0 auto 30px auto;
}
.about-ab_network .section #detail1 .box .txt{
	float:none;
	width:auto;
	padding-top:0px;
}

/* about-ab_network */
.about-ab_office .section #detail1 ul{
	width:auto;
	max-width:754px;
	margin:0 auto;
}
.about-ab_office .section #detail1 ul li{
	width:48.5%;
	margin-right:3%;
}
.about-ab_office .section #detail2 ul{
	width:auto;
	max-width:754px;
	margin:0 auto;
}
.about-ab_office .section #detail2 ul li{
	width:49.8%;
	margin-right:0.4%;
}
.about-ab_office .section #detail4 .map{
	width:750px;
	margin:0 auto;
}
.about-ab_office .section #detail4 .map a{
	background-image:url(/images/shingaku/about/ico-office_print_001_sp.gif);
	background-size:15px 13px;
}
}

@media screen and (max-width: 950px) {
/* about-index */
.about-index .section ul li{
	width:100%;
	min-height:160px;
	margin-right:0px;
	margin-left:0px;
	position:relative;
	display:block;
}
.about-index .section ul li .image{
	position:absolute;
	width:322px;
	top:0px;
	left:0px;
}
.about-index .section ul li h2{
	margin-left:342px;
	text-align:left;
}
.about-index .section ul li p{
	margin-left:342px;
}
}

@media screen and (max-width: 800px) {
/* about-ab_reason */
.about-ab_reason .section #detail1 .box,
.about-ab_reason .section #detail2 .box{
	padding-top:0px;
}
.about-ab_reason .section #detail3 .box,
.about-ab_reason .section #detail4 .box{
	padding-left:20px;
	padding-right:20px;
}
.about-ab_reason .section .detail .box h3{
	padding-left:20px;
}
.about-ab_reason .section #detail1 .box h3,
.about-ab_reason .section #detail2 .box h3{
	position:relative;
	margin-bottom:20px;
}
.about-ab_reason .section #detail1 .box .image img{
	width:100%;
	max-width:615px;
	height:auto;
}
.about-ab_reason .section #detail2 .box .image img{
	width:100%;
	max-width:560px;
	height:auto;
}
.about-ab_reason .section #detail3 .box .image img,
.about-ab_reason .section #detail4 .box .image img{
	width:100%;
	max-width:660px;
	height:auto;
}

/* about-ab_office */
.about-ab_office .section #detail4 .map{
	width:auto;
}
.about-ab_office .section #detail4 .map iframe{
	width:100%;
	height:425px;
}
}

@media screen and (max-width: 640px) {
/* layout-two-column */
.layout-two-column .section h1{
	font-size:20px;
}
.layout-two-column .section p.read{
	font-size:13px;
	margin-bottom:40px;
}
.layout-two-column .section h2{
	font-size:16px;
	margin-bottom:20px;
}

/* about-index */
.about-index .section ul li{
	min-height:0px;
}
.about-index .section ul li .image{
	width:auto;
	max-width:322px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.about-index .section ul li h2{
	margin-left:0px;
	text-align:center;
	font-size:16px;
}
.about-index .section ul li p{
	width:auto;
	max-width:322px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
}

/* about-ab_reason */
.about-ab_reason .section .detail{
	padding-top:15px;
}
.about-ab_reason .section h2{
	padding-left:40px;
	padding-bottom:10px;
	background-size:32px 39px;
}
.about-ab_reason .section #detail1 h2{
	background-image:url(/images/shingaku/about/bgi-reason_001_sp.gif);
}
.about-ab_reason .section #detail2 h2{
	background-image:url(/images/shingaku/about/bgi-reason_002_sp.gif);
}
.about-ab_reason .section #detail3 h2{
	background-image:url(/images/shingaku/about/bgi-reason_003_sp.gif);
}
.about-ab_reason .section #detail4 h2{
	background-image:url(/images/shingaku/about/bgi-reason_004_sp.gif);
}
.about-ab_reason .section .detail p{
	font-size:13px;
}
.about-ab_reason .section #detail3 .box,
.about-ab_reason .section #detail4 .box{
	margin-top:30px;
	padding-left:0px;
	padding-right:0px;
}
.about-ab_reason .section .detail .box h3{
	font-size:14px;
	position:relative;
}
.about-ab_reason .section #detail3 .box h3,
.about-ab_reason .section #detail4 .box h3{
	top:10%;
}
.about-ab_reason .section #detail3 .image,
.about-ab_reason .section #detail4 .image{
	width:90%;
}
.about-ab_reason .section .detail .link{
	font-size:14px;
}
.about-ab_reason .section .detail .link a.win{
	background-image:url(/images/shingaku/common/ico-window_001_sp.gif);
	background-size:28px 12px;
}

/* about-ab_network */
.about-ab_network .section #detail1 .box .pic img{
	width:100%;
	max-width:424px;
	height:auto;
}
.about-ab_network .section #detail1 .box .txt{
	font-size:13px;
}
.about-ab_network .section .pic img{
	width:100%;
	max-width:475px;
	height:auto;
}
.about-ab_network .section .txt{
	font-size:13px;
}
.about-ab_network .section #detail4 .box{
	padding:25px 15px 10px 15px;
}
.about-ab_network .section #detail4 .box h3{
	font-size:14px;
}
.about-ab_network .section #detail4 .box ul li{
	font-size:13px;
}
.about-ab_network .section .detail .link{
	font-size:14px;
}
.about-ab_network .section .detail .link a.win{
	background-image:url(/images/shingaku/common/ico-window_001_sp.gif);
	background-size:28px 12px;
}

/* about-ab_network */
.about-ab_office .section #detail1 ul li{
	float:none;
	width:auto;
	margin-right:0px;
	margin-bottom:20px;
}
.about-ab_office .section #detail1 ul li:last-child{
	margin-bottom:0px;
}
.about-ab_office .section #detail1 li h3{
	font-size:14px;
	padding: 8px 0 8px 0;
}
.about-ab_office .section #detail1 li p{
	font-size:13px;
}
.about-ab_office .section #detail1 li span{
	font-size:12px;
}
.about-ab_office .section #detail2 ul li{
	float:none;
	width:auto;
	margin-right:0px;
	margin-bottom:20px;
}
.about-ab_office .section #detail2 ul li:last-child{
	margin-bottom:0px;
}
.about-ab_office .section #detail2 ul li img{
	display:block;
	width:290px;
	margin:0 auto 5px auto;
}
.about-ab_office .section #detail2 ul li p,
.about-ab_office .section #detail2 ul li span{
	padding:0px;
	font-size:12px;
}
.about-ab_office .section #detail3 table th{
	font-size:12px;
	width:60px;
	padding:10px;
}
.about-ab_office .section #detail3 table td{
	padding:10px;
	font-size:12px;
}
.about-ab_office .section #detail4 .map iframe{
	width:100%;
	height:300px;
}
}