@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@font-face { font-family: 'ON-IGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eleven@1.0/ON-IGothic.woff') format('woff'); font-weight: normal; font-style: normal; }


.title { text-align:center;}
.title_sub {font-size:2.7em; margin:0 auto; margin-top:20px; display:inline-block; border-bottom:2px solid #ddd; color:#333; padding-bottom:8px;}

	.company .wid {max-width:1200px; margin:0 auto 60px auto; text-align:center;}
    .company h1 {font-size:2.5em; color:#0d215c; font-weight:500;}
    .company h3 {font-size:1.25em;font-weight:300; color:#666; margin-top:15px; line-height:28px;}
    .company h3 b {background:#0d215c; color:#fff; padding:0 5px; font-weight:400;}
    .company h3 strong {text-decoration: underline; text-underline-position: under; color:#0d215c; font-weight:500;}
	 .company img {margin-top:10px;}

.s02_01 .s02_wid{max-width:1100px; margin:0 auto 60px auto ; text-align:center; margin-top:50px;}
.s02_01 h2 {font-size:2.0em; color:#0d215c; font-weight:500;}
.s02_01 h2 b {color:#ef752b;}
.s02_01 h2 strong {color:#3292CB;}
.s02_01 h3 {margin-top:15px; font-size:1.2em; line-height:27px;	 font-weight:400; color:#a09b94;}
.s02_01 h3 b {color:#3292CB; font-weight:500;}
.s02_01 p {font-size:1.35em; margin-top:25px; color:#F00; font-weight:500;}
.s02_01 img {width:85%; margin-top:15px;}
.s02_01 .wid_mo {display:none;}
.s02_01 .gu_cont {text-align:left; margin-top:20px;}
.s02_01 .gu_cont p{font-size:1.1em; color:#4C4C4C; line-height:25px; font-weight:300;}
.s02_01 .gu_cont .gu_box1 {float:left; width:50%; height:385px; background:gray}
.s02_01 .gu_cont .gu_box2 {float:left; width:50%; height:385px; border:1px solid #e8e8e8; padding:35px 40px 0 40px;}
.s02_01 .gu_cont .gu_box3 {float:right;}
.s02_01 .gu_cont .gu_box2 h4 {font-size:1.8em; color:#262626; font-weight:400; }
.s02_01 .gu_cont .gu_box2 h3 {font-size:1.2em; color:#7C7C7C; margin-top:0; font-weight:300;}
.s02_01 .gu_cont .gu_box2 span {display:inline-block; margin-top:10px; font-weight:400; font-size:1.1em; color:#4a9c00}
.s02_01 .gu_cont .gu_box2 ul {margin-top:20px;}
.s02_01 .gu_cont .gu_box2 ul li {line-height:26px; font-size:1.2em; color:#5A5A5A; padding:6px 0;}
.s02_01 .gu_cont .gu_box2 ul li i {color:#ee9406; font-size:0.9; padding-right:3px;}
.s02_01 .gu_cont .gu_bg1 {background:url('/theme/IDEN02/img/s02_01_bg1.jpg')no-repeat center center; background-size:cover; }
.s02_01 .gu_cont .gu_bg2 {background:url('/theme/IDEN02/img/s02_01_bg2.jpg')no-repeat center center; background-size:cover; }
.s02_01 .gu_cont .gu_bg3 {background:url('/theme/IDEN02/img/s02_01_bg3.jpg')no-repeat center center; background-size:cover; }



    @media screen and (max-width:1200px) {
        .company img {width:100%;}
    }
	
	
@media screen and (max-width:992px) {
	.s02_01 .gu_cont {margin-top:20px;}
	.s02_01 .gu_cont .gu_box1 {float:left; width:90%;margin:0 5%; height:220px;}
	.s02_01 .gu_cont .gu_box2 {float:left; width:90%;margin:0 5%; height:auto; padding-bottom:40px;}
	.s02_01 h2 {font-size:1.8em;}
	.s02_01 h3 {font-size:1.1em;}
	.s02_01 p {font-size:1.25em;}
	.s02_01 img {width:97%;}
}
@media screen and (max-width:780px) {
	.s02_01 .wid_mo {display:block;}
	.s02_01 .wid_pc {display:none;}
	
}

@media screen and (max-width:550px) {
        .company h1 {font-size:1.8em;}
        .company h3 {font-size:0.9em;}
		
	.s02_01 .gu_cont .gu_box2 {padding:30px 20px 30px 20px;}
	.s02_01 .gu_cont .gu_box2 h4 {font-size:1.3em; color:#262626; font-weight:400; }
	.s02_01 .gu_cont .gu_box2 h3 {font-size:1.0em; line-height:18px;margin-top:3px;}
	.s02_01 .gu_cont .gu_box2 p {font-size:1.0em; margin-top:14px;}
	.s02_01 h2 {font-size:1.2em;}
	.s02_01 h3 {font-size:1.0em;}
	.s02_01 p {font-size:1.1em;}
}
@media screen and (max-width:400px) {
	.s02_01 p {font-size:1.0em;}
}