.wrap {font-family: 'Noto Sans', sans-serif; padding:0; margin:0}
.en_head{width:100%; text-align: center; padding:25px 0 15px; border-bottom:1px solid #ddd;}
.en_head .logo{width:100%; max-width:1200px; margin:0 auto;}
.inner{ max-width:1200px; width:92%; margin:0 auto; box-sizing:border-box}
.gray{background:#f6f6f6; }
.wrap .img img{max-width: 100%;}

.english_page{ padding: 60px 0; }
.english_page h2{ font-size:2.6em; font-weight:600; line-height: 140%; margin-bottom: 20px;}
.english_page h3{ font-size:2.1em; font-weight:400;}
.english_page p{ font-size: 1.3em; line-height:170%;}
.english_page .title{ padding-bottom: 20px; font-weight:600; font-size:2.2em; text-align: center; line-height: 160%;}
.english_page .title2{font-size:1.6em; text-align: center; margin-top: -20px; padding-bottom: 20px;}
    .box{padding: 0; margin: 60px auto; border: 1px solid #ddd;}
    .box .title{ padding:15px 20px; background: #00589b; color:#fff;}
    .box .title.bg{ background: #4397d3;}
.english_page .tit{display: inline-block; padding: 5px 20px; margin-bottom: 15px; background: #4397d3; color: #fff; border-radius: 50px;}
.english_page .box_in{padding:30px; text-align: center;}
.english_page .box_in h3{margin-bottom: 10px;}
.english_page.gray{padding: 40px 5%; margin-top: -40px;}
.english_page ul li{position: relative; font-size: 1.3em; line-height: 140%; margin-bottom: 10px; padding-left: 15px;}
.english_page ul li:before{content: '-'; position: absolute; left: 0;}

.mb0{margin-bottom: 0;}
.pb0{padding-bottom: 0;}

.page01 {padding: 180px 5%; text-align:center; color: #fff; background: url(img/bg_01.jpg) no-repeat center 0;}
.page01 .txt2{margin-top: 20px;}
.page01 .txt2 strong{display: block; margin-top: 20px; font-size: 1.5em;}

.page02{background: #00427f; text-align: center;}
.page02 h3{font-size: 2.2em; color: #94c7f6; font-weight: 400; margin-bottom: 30px; line-height: 130%;}
.page02 p{color: #fff;}

.dp_flex{display: flex; flex-wrap: wrap; align-items: center; padding: 50px 0;}
.dp_flex.border{border-top:2px solid #aaa; border-bottom:2px solid #aaa;}
.name{width: 40%; font-weight: 600;}
.address_info{width: 60%;}
.address_info li{padding: 0 !important; display: flex;}
.address_info li:before{display: none;}
.address_info li .t{width: 120px; font-weight: 600; text-align: left;}
.address_info li .tx{width: calc(100% - 120px);}

.dp_flex dl{width: 50%; font-size: 1.4em; padding-right: 30px;}
.dp_flex dl dt{font-weight: 600; margin-bottom: 20px;}

@media screen and (max-width:768px){
    .en_head{padding:0;}
    .en_head .logo img{ display: block; width: 180px; margin: 15px auto;}
    
    .wrap {font-size: 13px;}
    .english_page{ padding: 30px 0; }
    .english_page h2{ font-size:2em; }
    .english_page h3{ font-size:1.5em; line-height: 140%;}
    .english_page p{ font-size: 1em; line-height:150%;}
    .english_page .title{ padding-bottom: 15px; font-size:1.6em; line-height: 140%;}
    .english_page .title2{font-size:1.3em; margin-top: -20px; padding-bottom: 20px;}
        .box{padding: 0; margin: 30px auto;}
        .box .title{ padding:10px 10px; font-size:1.5em;}
    .english_page .box_in{padding:20px; text-align: center;}
    .english_page.gray{padding: 20px 5%; margin-top: -10px;}
    .english_page ul li{font-size: 1em; padding-left: 10px;}
    
    .page01{background-size: cover; padding: 40px 5%;}
    .page01 .txt2{margin-top: 10px;}
    .page01 .txt2 strong{margin-top: 10px; font-size: 1.3em;}
    .page02 h3{font-size: 1.4em;}
    
    .dp_flex{padding: 20px 0;}
    .address_info li .t{width: 80px;}
    .address_info li .tx{width: calc(100% - 80px);}
    .name,
    .address_info,
    .dp_flex dl{width: 100%; padding: 0; margin: 10px 0; font-size: 1em;}
    .dp_flex dl dt{margin-bottom: 10px;}
}