/* sub01 */

#sub01 p {font-size: 17px;color: #777;letter-spacing: -0.5px;word-break: keep-all;line-height: 1.5;background: #fff;padding: 30px;}
#sub01 .box-tit { background: #fff; color: #333; padding: 30px 30px 0; font-weight: 700; font-size: 24px; margin-bottom: -10px; line-height: 1.25; }
#sub01 .box-tit br { display: none; }
#sub01 .obj_tit{margin-bottom: 0;}

.box{padding:15px;background-image: url("../../img/sub/par/border.jpg");margin-top:30px;}

.ide01 { color: #0aaaaa; }
.ide02 { color: #ffab00; }
.ide03 { color: #34874b; }

#sub01 {overflow: hidden;position:relative;}

.sub01_pt_wrap{width:100%;margin:0 auto;}
.sub01_pt_box{margin:0 -20px; display:flex;align-items: center;}
.sub01_pt{padding:0 20px;width:100%;}

.sub01_img {display: flex;align-items: center;justify-content: center;width: 100%;}

.sub01_txt{margin-top:60px;}
.sub01_txt h4{font-size:24px; text-align:center;color:#000; line-height:1.5; font-weight:600; word-break: keep-all; transition-duration: 0.4s; margin-bottom:15px;}
.sub01_txt p{width:100%;max-width:750px;font-size:18px;margin:0 auto; text-align:center;color:#999; line-height:1.5; font-weight:400; word-break: keep-all; transition-duration: 0.4s;}

#sub02 {overflow: hidden;min-height:800px; padding:120px 20px;position:relative;background-image:url("../../img/sub/int/02-00.jpg") !important;display: flex;align-items: center; background-repeat: no-repeat !important;background-size: cover !important;background-position:60% 50% !important;}
#sub02 .sub_con{}

.sub02_txt h2{font-size:90px; letter-spacing:2px;font-style:italic; text-align:left;color:#000; font-weight:800; word-break: keep-all; transition-duration: 0.4s;margin-bottom:20px;}
.sub02_txt p{width:100%;max-width:550px;font-size:20px;text-align:left;color:#000; line-height:1.5; font-weight:400; word-break: keep-all; transition-duration: 0.4s;}


.etc_wrap {width: 100%;height: 100%;padding: 30px 30px 10px;background: #fff;display: flex;flex-flow: row wrap;}
.etc_pt{width:25%;padding:0 10px 20px;}
.etc_pt img{border:1px solid #ddd;}


@media (max-width:610px) {
    .sub01_pt_box{margin:0 auto;flex-flow: column;}
    .sub01_pt{padding:0;width:100%;}
    .sub01_pt.pt_rt{margin:20px auto 0;}
    .sub01_txt {margin-top:30px;}

    .sub01_txt h4{text-align:left;}
    .sub01_txt p{text-align:left;}
	
	#sub01 .box-tit { font-size: 21px; }
	#sub01 .box-tit br { display: block; }
    #sub02 {min-height:600px;}
    .sub02_txt h2{font-size:60px;}

    .etc_wrap{padding:20px 20px 10px;}
    .etc_pt{width:33.33333333333333%;}
}
@media (max-width:450px) {

    .etc_pt{width:50%;}
}